@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
.qing { clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden; }
.width_1200{ width:100%; max-width:1200px; margin:0 auto;}

/*banner*/
.ind_banner { width:100%; overflow:hidden; position:relative;}
.ind_ban_bg { position:absolute; width:100%; top:0; left:0; z-index:99; background:url(../images/ind2_banner_ty.png) repeat-x; height:15px;}
.flexslider{ width:100%;height:auto; position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{ width:100%; height:0; padding-bottom:31.25%; position:relative;z-index:1;}
.slides li{height:auto;}
.slides li a { display:block; width:100%; height:100%; z-index:-9999;}
.slides li a img{ display:block; width:100%; height:auto;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
/*banner   end*/

.ind_pro{ width:100%; max-width:1200px; margin:3rem auto;}
.ind_bt{ text-align:center;}
.ind_bt h2{ font-size:2rem; margin-bottom:.5rem;}
.ind_bt p{ font-size:1rem; color:#444;}
.ind_pro_lb{margin:1.5rem auto 1rem; width:96%;text-align:center;padding:0; clear:both;}
.ind_pro_lb li{ width:13%; margin:1% 3%; display:inline-block; _display:inline; *display:inline; zoom:1;}
.ind_pro_lb li a{ display:flex; width:100%; height:0; padding-bottom:100%; position:relative; background:#1a8de7; color:#fff; border-radius:15rem; }
.ind_pro_lb li a p{text-align:center;width:70%; padding:0 15%;height:100%; display:table; position:absolute;   font-size:1.25rem;}
.ind_pro_lb li a p span{display:table-cell;vertical-align:middle; width:80%; }
.ind_pro_lb li a:hover{ background:#52b3ff; box-shadow:0 0 6px #999; color:#fff; }
.ind_pro_new{ width:100%;}
.ind_pro_new li{ width:23%; margin:1%; float:left;}
.ind_pro_img{ width:100%; height:0; padding-bottom:75%; position:relative; overflow:hidden;}
.ind_pro_img img{ display:block; width:100%; height:100%; position:absolute; transition:all .5s;}
.ind_pro_new li p{ width:100%; font-size:1rem; text-align:center; line-height:1.875rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.ind_pro_new li a:hover .ind_pro_img img{transform: scale(1.2);}
.ind_pro_lb .pro_sele a{ background:#52b3ff; box-shadow:0 0 6px #999; color:#fff;}


/*产品中心   end*/

.ind_about{ width:100%; background:url(../images/ind_16.jpg) no-repeat center; background-size:cover; padding:3rem 0;}
.ind_about_x{ width:100%; max-width:1200px; margin:0 auto;}
.ind_about_nr{ margin-top:2rem; display:flex;}
.ind_about_l{ width:40%;}
.ind_about_r{ width:55%; margin:0 2.5%;}
.ind_about_l p{ display:block; width:100%; height:0; padding-bottom:75%; position:relative; }
.ind_about_l p img{ display:block; width:100%; height:100%; position:absolute;}
.ind_about_r h3{ font-size:1.5rem; line-height:3rem;}
.ind_about_r p{ width:100%; font-size:1rem; line-height:2.25rem;}
.ind_about_more{ margin-top:2rem;}
.ind_about_more a{ padding:.5rem 3rem; background:#1a8de7; color:#fff; margin-right:.5rem; border-radius:9rem; }
.ind_about_more a:first-child{ background:#c00;}
/*关于我们   end*/

.ind_anli{ width:100%; padding:3rem 0; background:#f6f6f6;}
.ind_anli_x{ width:100%; max-width:1200px; margin:0 auto;}
.ind_bt0{ text-align:center; padding-bottom:1rem; background:url(../images/c_07.png) no-repeat center bottom; font-size:1.875rem; font-weight:bold; margin-bottom:1.5rem; }
.ind_anli_x ul li{ width:30.33%; margin:1.5%; float:left;}
.ind_anli_img{ width:100%; height:0; padding-bottom:75%; position:relative; overflow:hidden;}
.ind_anli_img img{ display:block; width:100%; height:100%; position:absolute;  transition:all .5s;}
.ind_anli_x ul li p{ text-align:center; width:100%; font-size:1rem; line-height:1.875rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind_anli_x ul li a:hover .ind_anli_img img{transform: scale(1.2);}
.ind_more{ width:100%; text-align:center; margin-top:1rem;}
.ind_more a{ padding:.5rem 3rem; border-radius:9rem; font-size:1rem; background:#1a8de7; color:#fff;}
/*客户案例   end*/

.yl_ys{ display:block;}
.yl_ys img{ display:block; width:100%; height:auto; margin:0 auto;}

.ind_news{ width:100%; max-width:1200px; margin:3rem auto;}
.news_display{ width:100%;}
.news_display li{ width:49%; margin-right:2%; float:left; margin-bottom:2%;}
.news_display li:nth-child(2n){ margin-right:0;}
.news_display li a{ display:flex; background:#fff; box-shadow:0 0 6px #aaa;}
.news_imgs{ width:45%; height:0; padding-bottom:33.75%; position:relative; border-right:1px solid #ccc;}
.news_imgs img{display:block; width:100%; height:100%; position:absolute;}
.news_sizes{ width:55%;}
.news_sizesx{ padding:4%;}
.news_title{ font-size:1.125rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition:all .3s; }
.news_time{ font-size:.875rem; padding:.875rem 0; color:#999;}
.news_jj{ font-size:.875rem; color:#666; line-height:1.5rem;word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;/*数字为显示几行*/
    overflow: hidden;}
.news_more{ line-height:2.25rem; color:#333; margin-top:1rem; font-size:.875rem; transition:all .3s; }
.news_display li a:hover .news_title{ color:#c00;}
.news_display li a:hover .news_more{ color:#1a8de7; }


/*新闻中心   end*/


.foots{ width:100%; margin-top:2rem;}
.links{ width:100%; font-size:.875rem; line-height:1.875rem; }
.foots_nav{ width:100%; border-top:1px solid #ccc; text-align:center; line-height:3rem; clear:both;}
.foots_nav li{width:auto; margin:0 1rem; display:inline-block; _display:inline; *display:inline; zoom:1;}
.foots_lx{ width:100%; background:#1a8de7; padding:2rem 0;}
.foots_lxs{ display:flex; color:#fff;}
.foots_left{ width:50%; padding-right:8%; text-align:right; border-right:1px solid #ccc;} 
.foots_right{ width:50%; padding-left:8%;}
.foots_left a{ color:#fff;}
.foots_left h2{ font-size:1.125rem; margin-bottom:1rem;}
.foots_left p{ font-size:.875rem; line-height:1.875rem;}
.foots_right img{ display:block; max-width:7.25rem; margin-bottom:.5rem;}
.foots_right p{ font-size:.875rem; }
.foots_bq{ width:100%; background:#005ba2; font-size:.875rem; line-height:2rem; color:#fff; text-align:center;}
.foots_bq a{ color:#fff;}
/*底部*/


.bot_kong{ display:none; height:3.5rem;}
.bot_btn{ display:none; width:100%; height:3.5rem; position:fixed; bottom:0; left:0; z-index:99;}
.bot_btn ul{ width:100%;}
.bot_btn ul li{ float:left; width:33.33%; text-align:center; font-size:1rem;}
.bot_btn ul li:first-child{ background:#1a8de7;}
.bot_btn ul li:nth-child(2) { background:#f57f00;}
.bot_btn ul li:last-child { width:33.34%; background:#c00;}
.bot_btn ul li a{ display:block; width:100%; height:100%; line-height:3.5rem; color:#fff;}
/*手机端底部按钮   end*/

/*右侧浮动 */
.side{ position:fixed; right:2%; bottom:15rem; z-index:99}
.side1{ position:fixed; right:2%; bottom:18.5rem; z-index:99}
.side_1{ margin-bottom:.5rem;}
.side_tel{ width:3rem; height:3rem; line-height:3rem; font-size:1rem; color:#fff; background:#1a8de7; border-radius:.5rem; overflow:hidden; transition:.5s;}
.side_tel img{ display:block; width:3rem; height:3rem; float:right;}
.side_tel p{ width:10rem; text-align:center;}
.side_1 a:hover .side_tel{ width:13.5rem; transform:.5s; background:#c00;}
.side2{position: fixed;width: 3rem;right: 2%;z-index: 99;bottom: 8rem;height: auto;}
.side2 ul li{width: 3rem;height: 3rem;margin-bottom:.5rem;border-radius:.5rem;overflow:hidden;}
.side2 ul li a{display: block;background: #1a8de7;height: 100%;width: 100%;text-align: center;line-height: 3rem;}
.side2 ul li a img{width:3rem;vertical-align: middle;display: inline-block;}
.side2 ul li a:hover{background-color: #c00;}
.side2 ul li .weixin{position: absolute;right: 4rem;bottom: 0;display: none;}
.side2 ul li .weixin em{background: red;width: 5px;height: 17px;display: block;position: absolute;right: -5px;top: 50%;margin-top: 3px;}
.side2 ul li .weixin img{display: block;width:8rem; height:8rem;}
/*右侧浮动   end*/
.ztzl .flex-item a:hover p{background: rgba(27,75,141,1);}
.flex-item a:hover .good-bottom .good-bottom-left h4{ color:#1f5cb0;}

/*******************************index   end***********************************/
.mbx_nav{ font-size:.875rem; line-height:1.5rem; padding:.875rem 0;}
.mbx_nav a{ margin:0 .5rem;}
.n_banner{ width:100%;  }
.n_banner img{ display:block; width:100%;}
.about_us{ padding:1rem 0 2rem;}
.about_us h2{ text-align:center; font-size:1.5rem; margin-bottom:1.5rem;}
.size{ font-size:1rem; line-height:1.875rem; text-indent:2rem;}
.about_us img{ display:block; width:auto; max-width:100%; margin:0 auto; text-indent:0;}

.foot_nps{ width:100%; padding:2rem 0 0;}
.foot_nps_title{ font-size:1.125rem; font-weight:bold; margin-bottom:1rem; color:#1a8de7;}
.foot_nps ul{ width:100%}
.foot_nps ul li{ width:23.5%; margin-right:2%; float:left; box-shadow:0 0 6px #aaa;}
.foot_nps ul li:nth-child(4n){ margin-right:0;}
.foot_nps ul li a{ display:block; padding:4%; background:#fff;}
.foot_nps ul li a:hover .news_title{ color:#c00;}
/*******************************关于我们   end***********************************/


.fenye{ width:100%; text-align:center; font-size:.875rem; line-height:2.5rem; margin:2rem 0;}
.fenye a{ padding:.5rem 1rem; background:#e5e5e5; color:#333; margin:0 .5rem;}
.fenye a>b{ padding:0;}
.fenye b{ padding:.5rem;}
/*******************************分页（产品、新闻）   end***********************************/

.pro_xq_top{ display:flex;}
.pro_xq_r{ width:56%; }
.pro_xq_l{ width:40%; margin-right:4%;}
.pro_xq_l p{ width:100%; height:0; padding-bottom:75%; position:relative;}
.pro_xq_l p img{ display:block; width:100%; height:100%; position:absolute;}
.pro_xq_r_bt{ font-size:1.875rem; margin-bottom:1.5rem; padding-bottom:1.5rem; border-bottom:1px dashed #ccc;}
.pro_xq_r p{ font-size:1rem; line-height:1.5rem; margin-bottom:1.25rem; }

.pro_xq_r_lx{ display: flex; margin-top:2rem;}
.pro_xq_r_zxzx{ width:10rem; text-align:center; font-size:1rem; line-height:3.25rem; margin-right:2.5rem; }
.pro_xq_r_zxzx a{ display:block; background:#1a8de7; color:#fff;}
.pro_xq_r_zxrx{ display:flex; height:3.25rem;}
.pro_xq_r_zxrx img{ display:block; width:auto; height:3.25rem; margin-right:.5rem;}
.pro_xq_r_zxrx p{ font-size:1rem; color:#666;}
.pro_xq_r_zxrx p a{ display: block; font-size:1.875rem; line-height:2rem; font-weight:bold; color:#c00;}

.pros_flex{ display:flex; padding-bottom:3rem;}
.pros_ls{ width:74%; margin-right:6%;margin-top:3rem;}
.pros_rs{ width:20%; margin-top:3rem;} 
.pros_rnav{ width:98%; border:1px solid #ccc; margin:0 auto; text-align:center; margin-bottom:2rem;}
.pros_rnav ul li{ font-size:1rem; line-height:2.5rem; border-bottom:1px solid #ccc;}
.pros_rnav ul li:last-child{ border-bottom:0;}
.pros_rnav ul li h2{ font-size:1.5rem; line-height:4rem; background:#1a8de7; color:#fff;}
.pros_rnav ul li a{ display:block; padding:0 4%; transition:all .3s; }
.pros_rnav ul li a:hover{ background:#1a8de7; color:#fff;}
.pros_rnews{ width:98%; border:1px solid #ccc; margin:0 auto; text-align:center;}
.pros_rnt{ font-size:1.5rem; line-height:4rem; background:#1a8de7; color:#fff; margin-bottom:1rem;}
.pros_rnews ul li{ width:90%; margin:0 auto; margin-bottom:1.5rem;}
.pros_rimg{ width:100%; height:0; padding-bottom:75%; position:relative;}
.pros_rimg img{ display:block; width:100%; height:100%; position:absolute;}
.pros_rnews ul li p{ font-size:1rem; line-height:2rem; transition: all .3s;}
.pros_rnews ul li a:hover p{ color:#c00;}

.pro_xq_n{ margin-bottom:2rem; clear:both;}
.pro_xq_n .pro_xq_nt{ margin-bottom:1.25rem; font-size:1.25rem; padding:.5rem 0; background:#f5f5f5;}
.pro_xq_n .pro_xq_nt span{ width:auto; padding:.5rem 1.25rem ; background:#1a8de7; color:#fff;}
.pro_xq_n .pro_xq_nt img{ vertical-align:middle; margin-top:-2px; margin-right:1rem;}
.pro_xq_n .cpxq_size{ font-size:1rem; line-height:1.875rem;}
.pro_xq_n .cpxq_size img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}




.pro_xq_n .contact_form{ margin-top:0;}
.contact_flex{ margin-top:1.875rem;}
.pro_xq_n .contact_flex form input{ width:49%; float:left;  margin-bottom:1.5rem; line-height:2.5rem; text-indent:1rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;}
	  .pro_xq_n .contact_flex form input#Name{ margin-right:2%;}
.pro_xq_n .contact_flex form textarea{ width:100%; padding: 1.5% 2%; min-height:6rem; margin-top:0; margin-bottom:1rem;-webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;}
.pro_xq_n .contact_flex form .form_sub{ width:20%; line-height:2.5rem; border:none; background:#1a8de7; color:#fff; }
.pro_xq_n .foot_nps{ padding:0;}
/******************************产品详情 end*******************************/

.news_nav{ width:100%; background:#eee; height:auto;height:3rem;}
.news_nav a{ display:block; line-height:3rem; float:left; font-size:.875rem; padding:0 2rem; transition:all .3s; }
.news_nav a:hover{ background:#1a8de7; color:#fff;}
.news_lb .news_display li{ width:23.5%;}
.news_lb .news_display li:nth-child(4n){ margin-right:2%;}
.news_lb .news_display li:nth-child(4n-2){ margin-right:0;}
.news_lb .news_display li a{ display:block;}
.news_lb .news_imgs,.news_lb .news_more{ display:none;}
.news_lb .news_sizes{ width:100%;}
.news_lb .news_display li:nth-child(1),.news_lb .news_display li:nth-child(2){ width:49%;}
.news_lb .news_display li:nth-child(1) a,.news_lb .news_display li:nth-child(2) a{ display:flex;}
.news_lb .news_display li:nth-child(1) .news_imgs,.news_lb .news_display li:nth-child(2) .news_imgs{ display:block;}
.news_lb .news_display li:nth-child(1) .news_more,.news_lb .news_display li:nth-child(2) .news_more{ display:block;}
.news_lb .news_display li:nth-child(1) .news_sizes,.news_lb .news_display li:nth-child(2) .news_sizes{ width:55%;}
/******************************新闻中心 end*******************************/

.nns_size_t{ text-align:center; margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #ccc;}
.nns_size_t h2{ font-weight:bold; color:#333;}
.nns_size_t p{ margin-top:.875rem; color:#999; font-size:.875rem;}
.nns_size_t p span{ padding:0 1rem;}
.nns_size_c{ font-size:1rem; line-height:1.875rem; text-indent:2rem;}
.nns_size_c img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}
.nns_size_c p{ margin-bottom:.5rem;}

.sxp{ padding:3rem 0; font-size:.875rem;}
.sxp>div{ width:40%; float:left;}
.sxp>.xyp{ float:right; text-align:right;}
.sxp>div>a:hover{ color:#c00;}
/**********************  新闻详情  end  **************************/

.contact_x{ display:flex;}
.contact_l{ width:44%; padding:1% 3%;}
.contact_r{ width:50%;}
.ly_img img{ display:block; width:100%;}
.ly_form h2{  color:#c00;}
.ly_form p{ font-size:.875rem; color:#666; margin:1.5rem 0;}
.ly_form input{ width:80%; line-height:2.25rem; text-indent:1rem; font-size:.875rem; margin-bottom:1rem;} 
.ly_form textarea{ width:74%; padding:1.5% 3%; min-height:6rem;}
.ly_form .form_sub{ width:40%; border:none; line-height:2.25rem; margin-top:1rem; background:#1a8de7; color:#fff;}



.information h2{ font-size:1.5rem; margin-bottom:2rem; color:#c00;}
.information p{ font-size:1rem; line-height:1.875rem;}
.baiduAPI{ width:100%; height:400px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/**********************  联系我们  end  **************************/










	/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC   ipad pro*/
@media only screen and (min-width: 992px) and (max-width: 1199px){
	
	
	}
	
	/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media only screen and (min-width: 768px) and (max-width: 991px){
	
	
	}




@media only screen and (max-width: 767px) {
	html,body{ font-size:90%;}
	.width_1200{ width:96%; margin:0 auto;}
	.n_banner{ display:none;}
	.slides {width: 100%;height: 0;padding-bottom: 31.25%; position: relative; z-index: 1;}
    .slides li a { display: block; width: 160%;height: 100%; z-index: -9999;margin-left: -30%;}
	.ind_pro_lb{ display:block; width:100%;}
	.ind_pro_lb li{ width:29%; margin:2%; float:left;}
	.ind_pro_new li{ width:48%;}
	.ind_about_nr,.ind_news_nr,.ind_bottom_x{ display:block;}
	.ind_about_l,.ind_about_r{ width:96%; margin:2%;}
	.ind_anli_x ul li{ width:97%;}
	
	.news_display li a{ display:block;}
	.news_imgs{ width:100%; padding-bottom:75%; border:none;}
     .news_sizes{ width:100%;}
	.news_time{ padding:.3rem 0;}
	.foots_lxs{ display:block;}
	.foots_left{ width:100%; padding:0; margin-bottom:1rem; border:none; text-align:center;}
	.foots_right{ width:100%; padding:0; text-align:center;}
	.foots_right img{ display:block; width:auto; height:auto; max-width:60%; margin:0 auto;}
	
	.bot_kong,.bot_btn{ display:block;}

	.ind_bottom_l,.ind_bottom_c,.ind_bottom_r{ width:96%; margin:2%; margin-bottom:1.5rem;}
	
	.foot_nps ul li{ width:49%; margin-bottom:2%;}
    .foot_nps ul li:nth-child(2n){ margin-right:0;}
	.foot_nps ul li:nth-last-child(1){ margin-bottom:0;}
    .foot_nps ul li:nth-last-child(2){ margin-bottom:0;}
	
	
	.contact_x{ display:block;}
	.contact_l{ width:96%; padding:2%;}
	.information h2{ margin-bottom:1rem;}
	.contact_r{ width:100%;}
	
	
	.pro_xq_top,.pro_xq_r_lx,.pros_flex{ display:block;}
	.pro_xq_l,.pros_ls{ width:100%; margin-right:0;}
	.pro_xq_r{ width:100%;}
	.pro_xq_r_zxzx{ margin-bottom:1rem;}
	.pros_rs{ display:none;}
	.pro_xq_n .contact_flex form .form_sub{ text-indent:0; width:40%;}
	
	
	
	.news_lb .news_display li:nth-child(1) a, .news_lb .news_display li:nth-child(2) a {display: block;}
	.news_lb .news_display li:nth-child(1) .news_sizes, .news_lb .news_display li:nth-child(2) .news_sizes {width: 100%;}
	.news_lb .news_display li:nth-child(1) .news_more, .news_lb .news_display li:nth-child(2) .news_more {
    display: none;}
	.news_lb .news_display li {width:49%;}
	.news_lb .news_display li:nth-child(2n){ margin-right:0; margin-bottom:1rem;}
	
	
	.sxp>div{ width:100%;}
	.sxp>.xyp{ float:left; text-align:left; margin-top:1rem;}
	}