@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;box-sizing:border-box;  
-moz-box-sizing:border-box; /* Firefox */  
-webkit-box-sizing:border-box; /* Safari */  }
body {font-family: Arial, Helvetica, sans-serif;   font-size:16px; background:#fff; color:#444;}
ol,ul,li,dl,dt,dd{list-style:none;}
h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
em,i{ font-style:normal; font-weight:normal;}
table {    border-collapse: collapse;border-spacing: 0;}
img{border:none;}
a{text-decoration: none;color:#555;}
.fl{float:left;}
.fr{float:right;}
.Pr {    position: relative;}
.Pa {    position: absolute;}
button{cursor:pointer;} 
button:hover{color:#0f75bc;}
/*去除Chrome等浏览器文本框默认发光边框*/
.clear{clear:both;}
.dis{display:block;}
.undis{display:none;}
input:focus, textarea:focus { outline: none; }
input,textarea { font-family: "microsoft yahei";}
/* 去除 ie6 & ie7 焦点点状线 */
a:focus,*:focus {outline:none;}
/*禁止拖动大小*/
textarea{resize:none}
/* 去掉 table cell 的边距并让其边重合 */
table { border-collapse:collapse;border-spacing:0;}
/* ie bug：th 不继承 text-align */
th {text-align:inherit;}
/* ie6 7 8(q) bug 显示为行内表现 */
/* 去掉 firefox 下此元素的边框 */
abbr,acronym {border:none;font-variant:normal;}

 /*使用字体库时，让i标签继承行高*/
i{line-height: inherit!important ; font-size:inherit }

/*这一句是用来解决在安卓上的点击出现篮框问题*/
body{ 
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
	-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
	-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
	-o-tap-highlight-color:rgba(0, 0, 0, 0);  
	tap-highlight-color:rgba(0, 0, 0, 0);  
}
/*下面是解决ios上去除微信点击蓝色边框 */
a:focus,input:focus,p:focus,div:focus{
/*-webkit-user-modify:read-write-plaintext-only; */
}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}   
.button{ border-radius: 0; } 
input:focus, textarea:focus {outline: none;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}




/*通用样式*/
.body_img{ width:100vw; height:100vh; position:fixed; top:0; z-index:-1; background:url(../images/bgs_02.jpg) no-repeat center center; background-size:cover;}
.qing { clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.ind_titles h2{ font-size:1.875rem; text-align:center; color:#3183c1;}
.ind_titles h2 span{ margin:0 1rem; color:#555;}
.ind_titles p{margin:0 auto; margin-top:.5rem; text-align:center; text-transform:uppercase; color:#999; font-size:.875rem;}
.ind_titles p img{ vertical-align:middle; margin-top:-2px; margin-left:.5rem;}
.ind_titles p a:hover{ color:#3183c1;}
.width_1400{ width:92%; height:auto; max-width:1400px; margin:0 auto; clear:both;}
.mtop_3{ margin-top:3rem;}
.dis_t{ width:100%; height:100%; display:table;}
.dtc_vm{ display:table-cell; vertical-align:middle;}
.por_100{ width:100%; height:0; padding-bottom:100%; position:relative;  }
.por_100 img{ display:block; width:100%; height:100%; position:absolute;  }
.por_75{ width:100%; height:0; padding-bottom:75%; position:relative;  }
.por_75 img{ display:block; width:100%; height:100%; position:absolute;  }
.por_65{ width:100%; height:0; padding-bottom:65%; position:relative;  }
.por_65 img{ display:block; width:100%; height:100%; position:absolute;  }
.por_50{ width:100%; height:0; padding-bottom:50%; position:relative;  }
.por_50 img{ display:block; width:100%; height:100%; position:absolute;  }
.por_40{ width:100%; height:0; padding-bottom:40%; position:relative;  }
.por_40 img{ display:block; width:100%; height:100%; position:absolute;  }
/*通用样式 end*/

/*banner*/

.swiper-pagination{ color:#fff; font-size:1.875rem; font-weight:bold; text-shadow:0 0 6px rgba(0,0,0,.1);}
.swiper-slide img{ display:block;}

.ind_banner .swiper-button-prev{ top:inherit; bottom:1rem; left:45%;}
.ind_banner .swiper-button-next{ top:inherit; bottom:1rem; right:45%;}
.ind_banner .swiper-pagination-fraction{ bottom:1.25rem;}
.ind_banner .swiper-button-next:after,.ind_banner .swiper-button-prev:after{font-size: 1.5rem; font-weight: bold;}
.ind_banner .swiper-wrapper,.ind_banner .swiper-slide{ height:auto;}
.ind_banner .swiper-slide a{ display:block; width:100%; height:0; padding-bottom:39%; position:relative;}
.ind_banner .swiper-slide a img{ display:block; width:100%; height:100%; position:absolute;}


/*****banner   end*****/

.product_nav{ background:#fff; background-size:cover; padding:1.875rem 0; padding-bottom:.5rem;}
.product_nav ul li{ width:14.28%; float:left; padding:0 1.5vw;}
.product_ico{ width:65%; height:0; padding-bottom:65%; margin:0 auto; position:relative; border-radius:99rem; transition:all .3s;}
.product_ico img{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;transition:all .3s; border:2px solid #3183c1; border-radius:99rem;}
.product_ico img:last-child{ display:none;}
.product_nav_title{ text-align:center; margin-top:1rem; font-size:.925rem; line-height:1.5rem; transition:all .3s;}
.product_nav ul li a:hover .product_ico{ background:#3183c1;}
.product_nav ul li a:hover .product_ico img:first-child{ display:none;}
.product_nav ul li a:hover .product_ico img:last-child{ display:block;}
.product_nav ul li a:hover .product_nav_title{ color:#3183c1; font-weight:bold; text-shadow: 0 0 6px rgba(0,0,0,.1);}

/*****产品分类   end*****/

.ind_pro_list{ padding:3rem 0;}
.ind_title{ text-align:center;}
.ind_title h2{ font-size:2.875rem; font-weight:bold; color:#555; text-transform:uppercase;}
.ind_title div{ position:relative; line-height:1rem; margin-top:.5rem; color:#3183c1;}
.ind_title div span{ display:block; position:absolute; width:10.5vw; height:1px; background:#ddd; font-size:1rem; top:.5rem;}
.ind_title div span:first-child{ right:51%; top:.45rem;}
.ind_title div span:last-child{ left:51%; top:.45rem;}


.ind_pro_list ul li{ width:48.5%; margin-right:3%; float:left; margin-top:3%; }
.ind_pro_list ul li:nth-child(2n){ margin-right:0;}
.ind_pro_list ul li a{ display:flex; background:#f8f8f8; border-radius:.75rem;}
.ind_pro_list ul li a>div{ width:50%;}
.pro_img p{ width:100%; height:0; padding-bottom:75%; position:relative; border-radius:.75rem 0 0 .75rem; overflow:hidden;}
.pro_img p img{ display:block; width:100%; height:100%; position:absolute;}
.pro_jjs{ padding:2.25rem 1.5rem; position:relative;}
.pro_jjs h2{ font-size:1.25rem; line-height:1.875rem; margin-bottom:1.5rem; text-transform:capitalize;font-weight: bold;}
.pro_jjs div{ font-size:1rem; line-height:1.5rem; color:#888; word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;/*数字为显示几行*/
    overflow: hidden;}
.pro_jjs p{ position:absolute; left:1.5rem; bottom:2.25rem; font-size:1rem; text-transform:uppercase; color:#999;}
.ind_pro_list ul li a:hover{ box-shadow:0 0 10px rgba(0,0,0,.2);}
.ind_pro_list ul li a:hover .pro_jjs h2{ color:#3183c1;}
.ind_pro_list ul li a:hover .pro_jjs p{ color:#3183c1;}
/*****产品列表   end*****/



.about_td{ display:flex; width:100%;}
.about_td>div{ width:50%; background:#f8f8f8; }
.about_video a{ display:block; width:100%; height:0; padding-bottom:70%; position:relative;}
.about_video a video{ display:block; width:100%; height:100%; object-fit: fill; position:absolute;}
.about_sjj{ padding:5.25rem 0;}
.abput_zx{ display:block; width:100%; max-width:700px; padding-left:20%; text-align:center;}
.abput_zx .ind_title div span:first-child{ right:53%;}
.abput_zx .ind_title div span:last-child{ left:53%;}
.about_size{ margin:1.875rem 0; line-height:2.25rem; font-size:1rem; color:#888; text-align:left;}
.about_more{ display:block; width:50%; max-width:11.25rem; margin:0 auto; background:#fff; color:#3183c1; border-radius:.5rem; line-height:3rem; text-transform:uppercase; border:1px solid #3183c1; transition:all .3s; }
.about_more:hover{ background:#3183c1; color:#fff;}
/*****关于我们   end*****/

.news{ padding:3rem 0;}
.news ul{ margin-top:3%;}
.news ul li{ width:48.5%; float:left; margin-right:3%; margin-top:1%;}
.news ul li:nth-child(2n),.news ul li:nth-child(3){ margin-right:0;}
.news ul li a{ display:flex;}
.news_img,.news_sjj p img,.news_sjj div{ display:none;}
.news_sjj{ display:flex; width:100%; line-height:3.5rem; padding:0 1.125rem;}
.news_sjj>h2{ width:80%; font-size:1rem; text-transform:capitalize;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight:bold;}
.news_sjj>p{ width:20%; text-align:right; color:#999;}
.news ul li:first-child .news_img,.news ul li:first-child .news_sjj p img,.news ul li:first-child .news_sjj div{ display:block;}{}
.news ul li:first-child .news_img{ width:40%;}
.news_img p{ display:block; width:100%; height:0; padding-bottom:75%; position:relative}
.news_img p img{ display:block; width:100%; height:100%; position:absolute;}
.news ul li:first-child .news_sjj{ width:60%; padding:0 1.25rem; display:block; line-height:1.25rem;}
.news ul li:first-child .news_sjj>h2{ width:100%; line-height:2.5rem; font-weight:bold;}
.news ul li:first-child .news_sjj>p{ width:100%; text-align:left; margin-top:.5rem;}
.news ul li:first-child .news_sjj>p img{ vertical-align:middle; margin-top:-2px; margin-right:.5rem;}
.news ul li:first-child .news_sjj>div{ margin-top:1rem; color:#888; line-height:1.875rem;word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;/*数字为显示几行*/
    overflow: hidden;}

.news ul li:first-child a:hover{ box-shadow:none;}
.news ul li a:hover{ box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:.5rem;}
.news ul li a:hover .news_sjj h2{ color:#3183c1 !important;}
/*****新闻中心   end*****/

.m_case{ display:none;}
.case_swiper { margin-top:2.5rem;}
.case_img{ width:100%; height:0; padding-bottom:75%; position:relative;}
.case_img img{ width:100%; height:100%; position:absolute;}
.cse_jjs{ background:rgba(255,255,255,.8); margin-top:-3.75rem; position:relative; z-index:9;}
.cse_jjs>h2{ line-height:3.75rem; padding:0 1.125rem; color:#333; font-weight:bold; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition:all .5s; }
.hover_k{ width:15%; height:4px; background:#3183c1; transition:all .5s;}
.case_size{ padding:.75rem 1.125rem; line-height:1.5rem; font-size:1rem; color:#888; display:none;}
.case_more{ padding:0 1.125rem; color:#aaa; margin-top:.75rem;}

.case_swiper .swiper-button-prev:after,.case_swiper .swiper-button-next:after{ font-size:2rem; padding:10px; background:rgba(0,0,0,.5); color:#fff;}

.case_swiper .swiper-slide a:hover .hover_k{ width:100%;}
.case_swiper .swiper-slide a:hover .cse_jjs h2{ color:#3183c1;}
/*****案例   end*****/



.services{ padding:3rem 0;}
.services ul{ display:flex; margin-top:2.5rem;}
.services ul li{ width:32%; margin-right:2%; padding:2.5rem 1.75rem; text-align:center; border:1px solid #dddddd; position:relative;}
.services ul li:nth-child(3){ margin-right:0;}
.services_hk{ position:absolute; bottom:0; left:0; width:0; height:4px; background:#3183c1; transition:all .5s;}
.services ul li h2{ margin:2.5rem 0 1rem; font-weight:bold; transition:all .5s;}
.services_size{ font-size:1rem; color:#888; line-height:1.875rem; height:auto; min-height:9rem;}
.services ul li:hover h2{ color:#3183c1; text-transform:capitalize;}
.services ul li:hover .services_hk{ width:100%;}
/*****服务   end*****/


.adv_coop{ padding:3rem; margin-top:3rem; background:url(../images/bgi_09.jpg) no-repeat center center; background-size:cover;}
.advantage ul li{ width:25%; float:left; text-align:center;}
.adv_ico{ width:8.75rem; height:8.75rem; border:2px solid #3183c1; border-radius:9rem; margin:0 auto;}
.adv_ico img{ display:block; width:100%; height:100%;}
.advantage ul li h2{ line-height:2rem; font-size:1.875rem; font-weight:bold; color:#555; margin:1.5rem 0 .75rem;}
.advantage ul li p{ font-size:1rem; color:#888;}
.cooperation ul{ margin-top:1rem;}
.cooperation ul li{ width:18.4%; margin-right:2%; float:left; margin-top:2%; transition:all .5s;}
.cooperation ul li:nth-child(5n){ margin-right:0;}
.cooperation ul li img{ display:block; width:100%; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); transition:all .5s;}
.cooperation ul li:hover{ box-shadow:0 0 20px rgba(0,0,0,.15);}
.cooperation ul li:hover img{-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);}
/*****优势&合作客户   end*****/



.foots{ background:#555555; padding:3rem 0 0; color:#fff;}
.foots p a{ color:#fff;}
.foots ul li{ width:22%; margin-right:4%; text-align:left; float:left; font-size:.875rem; line-height:1.875rem;}
.foots ul li:nth-child(4n){ margin-right:0; }
.foots ul li.foot_pronav{ font-weight:bold; }
.foots ul li h2{ font-size:1rem; line-height:1.5rem; margin-bottom:.5rem;}
.foots ul li a{ color:#FFF;}
.foots ul li a:hover{ color:#3183c1;}
.foots ul li>h2{ text-transform:uppercase; font-size:1.125rem; font-weight:bold;}
.foots ul li.foot_xl>p{ line-height:2.25rem; width:100%; }
.foots ul li.foot_pronav>p>span{ float:right;}
.foots ul li.foot_cont>p img{ vertical-align:middle; width:1.125rem; height:auto; margin-top:-2px; margin-right:.5rem;}
.foots ul li form{ margin-top:.75rem;}
.foots ul li form div{ margin-bottom:1.25rem;}
.foots ul li form input{ display:block; width:100%; padding:0 .75rem; line-height:2rem; background:none; border:1px solid #fff; color:#fff;}
.foots ul li form textarea{ width:100%; background:none; padding:0 .75rem; border:1px solid #fff; line-height:2.5rem; min-height:5rem; color:#fff;}
.foots ul li form .foot_submit input{ display:block; width:50%; background:#3183c1; color:#fff; border:none; }
.foot_share{ margin-top:.75rem;}
 
.foots_bq{ text-align:left; background:#444; color:#ccc; font-size:.875REM; margin-top:1REM; line-height:3rem;}
.foots_bq A{ color:#ccc;}
.foots_bq span{ float:right; color:#777;}
.foots_bq span a{ color:#777;}
/*****底部  end*****/



.right_pf{ position:fixed; right:1.5rem; bottom:30vh; z-index:999;}
.right_pf>div{ width:3rem; height:3rem; padding:.25rem; background:#3183c1; margin-top:.75rem; border-radius:.35rem;}
.right_pf>div a{ display:block;}
.right_pf>div a img{ display:block; width:100%; height:100%;}
.weixin{ position:relative;}
.weixin>p{ position:absolute; right:100%; top:0; padding:0 1rem; display:none;}
.weixin>p>img{ display:block; width:10rem; height:10rem;}
.weixin:hover p{ display:block;}

/***********************************首页  end****************************************/


.banner_ny img{ display:block; width:100%; height:auto;}
.mbx_nynav{ background:#f8f8f8; line-height:3rem; color:#888; font-size:.875rem;}
.mbx_nynav img{ vertical-align:middle; width:auto; height:.875rem; margin-top:-4px;}
.mbx_nynav a{ margin:0 .5rem; text-transform:uppercase; color:#888; transition:all .3s; }
.mbx_nynav a:hover{ color:#3183c1;}
/***********************************内页banner & 面包屑导航  end****************************************/

.about_ny{ margin-top:3rem;}
.about_ny .about_td>div{ background:#f8f8f8;}
.about_ny .about_video p{ display:block; width:100%; height:0; padding-bottom:75%; position:relative;}
.about_ny .about_video p iframe,.about_ny .about_video p video{ position:absolute; display:block; width:100%; height:100%; border:none; }
.about_ny .about_sjj{ padding:2.5rem;}
.about_ny .abput_zx{ width:100%; padding:0; max-width:inherit; text-align:left;}
.about_ny .advantage{ margin:3rem 0;}

.about_wzms{ text-align:center; font-size:1rem; line-height:1.875rem; color:#555;}
.about_wzms p{ margin-bottom:.75rem;}

.gs_img{ margin-top:2.5rem;}
.gs_img li{ width:23.5%; margin-right:2%; float:left;}
.gs_img li:nth-child(4n){ margin-right:0;}
.gs_img li p{ display:block; width:100%; height:0; padding-bottom:75%; position:relative; overflow:hidden;}
.gs_img li p img{ display:block; width:100%; height:auto; position:absolute; transition:all .3s; }
.gs_img li p:hover img{ transform: scale(1.2); }


.about_zzzs{ margin:2.5rem 0;}
.about_zzzs ul{ margin-top:1.5rem; width:66%; margin:0 auto;}
.about_zzzs ul li{ width:32%; margin-right:2%; float:left;}
.about_zzzs ul li:nth-child(3n){ margin-right:0;}
.about_zzzs ul li a{ display:block; width:100%; height:0; padding-bottom:134%; position:relative; overflow:hidden;}
.about_zzzs ul li a img{ display:block; width:100%; transition:all .3s; position:absolute; }
.about_zzzs ul li a:hover img{ transform: scale(1.2);}
.about_zzzs>a{ display:block; width:12rem; line-height:2.5rem; background:#3183c1; color:#fff; margin-top:3rem; margin:0 auto; text-align:center; border-radius:.5rem; margin-top:1.5rem;}
/***********************************关于我们  end****************************************/


.product_nynav{ background:#fff;}
.product_nynav ul li.product_nav_sele a .product_ico{ background:#3183c1;}
.product_nynav ul li.product_nav_sele a .product_ico img:first-child{ display:none;}
.product_nynav ul li.product_nav_sele a .product_ico img:last-child{ display:block;}
.product_nynav ul li.product_nav_sele a .product_nav_title{ color:#3183c1; font-weight:bold;}

.pro_ny_list ul li{ width: 23.5%; margin-right:2%; margin-top:0; margin-bottom:2%; float:left;}
.pro_ny_list ul li:nth-child(2n){ margin-right:2%;}
.pro_ny_list ul li:nth-child(4n){ margin-right:0;}
.pro_ny_list ul li a{ display:block;}
.pro_ny_list ul li a>div{ width:100%;}
.pro_ny_list .pro_img p{ border-radius:.75rem .75rem 0 0 ;}
.pro_ny_list .pro_jjs{ padding:1rem;}
.pro_ny_list .pro_jjs p{ position:inherit; left:inherit; bottom:inherit; font-size:.875rem;}
.pro_ny_list .pro_jjs h2{ margin-bottom:0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_ny_list .pro_jjs div{ margin:.75rem 0; height:3rem; word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}

/***********************************产品列表  end****************************************/

.pro_xqtop{margin:2rem auto; display:flex;}
.pro_hc{ width:40%;}
.pro_hc .gallery-top{ width:100%; height:75%;}
.pro_hc .swiper-slide p { width:100%; height:0; padding-bottom:75%; position:relative}
.pro_hc .swiper-slide img{ width:100%; height:100%; display:block; position:absolute;}
.pro_hc .gallery-thumbs{height:135px; margin-top:.5rem;}

.gallery-thumbs .swiper-slide { opacity: 0.4; }
.gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }


.pro_jianjie{ width:60%; padding:1.5rem 0 1.5rem 4rem;}
.pro_jianjie>h1{ font-size:1.875rem; text-transform:capitalize; color:#3183c1; font-weight:bold; margin-bottom:1.5rem;}
.pro_jianjie>p{ font-size:1rem; color:#888; line-height:1.875rem; margin-bottom:1rem;}
.pro_jianjie>p>span{ font-weight:bold;}

.pro_xqtel{ display:flex; margin-top:5rem;}
.pro_xqtel a{ display:block; width:30%; line-height:3rem; margin-right:5%; background:#3183c1; color:#fff; text-align:center; border-radius:.5rem;}
.pro_xqtel a img{ vertical-align:middle; margin-top:-2px; margin-right:.5rem;}
.pro_xqtel a:hover{ background:#d04f43;}
/********产品详情头部样式  end****/


.pro_flex{ display:flex;}
.pro_xq_left{ width:75%;}
.pro_xq_left .width_1400{ width:100%;}
.pro_xq_right{ width:25%; margin-left:2.5%; background:#fff;}

.section-content{ margin-bottom:2rem !important; padding-top:1rem;}
.product-list>h2{ font-size:1.5rem; font-weight:bold; line-height:1.875rem; border-left:6px solid #3183c1; padding-left:.5rem; margin-bottom:1.5rem;}
.pro_xqjs{ font-size:1rem; line-height:1.875rem; color:#888;}
.pro_xqjs a{ color:#3183c1;}
.pro_xqjs img{ display:block; width:auto; max-width:100%; height:auto;}
.pro_xq_left .ind_pro_list{ padding:0;}
.pro_xq_left .pro_jjs{ padding:1rem;}
.pro_xq_left .pro_jjs h2{ margin-bottom:1rem;}
.xqy_pro_list .pro_jjs p{ bottom:1rem; left:1rem; font-size:.875rem;}
.pro_xq_left .ind_pro_list ul li{ margin-top:0; margin-bottom:1rem;}
#section3{ margin-bottom:1rem !important;}
.pro_xqform form>div{ width:48%; margin-right:4%; float:left; margin-bottom:1.5rem;}
.pro_xqform form>div:nth-child(2n){ margin-right:0;}

.pro_xqform form>div.xqform_message,.pro_xqform form>div.xqform_tel{ width:100%;}
.pro_xqform form>div>p{ font-size:1rem; line-height:1.875rem; color:#333;}
.pro_xqform form>div>p>span{ color:#c00;}
.pro_xqform form>div input{ display:block; width:100%; line-height:3rem; padding:0 1rem; background:#f8f8f8; border:1px solid #eee; border-radius:.25rem;}
.xqform_message textarea{ display:block; width:100%; line-height:3rem; padding:0 1rem; background:#f8f8f8; border:1px solid #eee; border-radius:.25rem; min-height:6rem; }
.pro_xqform form>.foot_submit input{ width:50%; background:#3183c1; color:#fff; text-transform:uppercase;}

.pp_table{overflow-y: hidden; overflow-x: auto;}
.pp_table table{ width:100% !important; margin:auto 0 !important; line-height:2.5rem !important; border-color:#999;}
.pp_table table tr:first-child{ background:#3183c1;color:#fff !important;}
.pp_table table tr:first-child span{ color:#fff !important;}

/********左侧产品介绍  end****/


.pro_xq_right ul{ border:1px solid #eee;}
.pro_xq_right ul li{ width:100%; line-height:4rem; text-align:center; font-size:.875rem;}
.pro_xq_right ul li:first-child{ background:#3183c1; line-height:3rem; color:#fff; font-size:1.125rem;}
.pro_xq_right ul li a{ display:block; color:#555;}
.pro_xq_right ul li a:hover{ color:#3183c1;}
#nav_keleyi_com{ position:relative;}

/********右侧产品分类  end****/
/***********************************产品详情  end****************************************/

.news_ny_list ul li{ width:100%; margin-top:0; margin-right:0; padding-bottom:2.25rem; margin-bottom:2.25rem; border-bottom:1px solid #eee;}
.news_ny_list ul li a{ background:#fff;}
.news_ny_list .pro_img{ width:25%;}
.news_ny_list .pro_img p{ border-radius:0;}
.news_ny_list .pro_jjs{ width:75%; padding:1.5rem 2rem;}
.news_ny_list .pro_jjs h2{ line-height:2rem;}
.news_ny_list .pro_jjs b{ font-weight:400; margin-bottom:1.5rem; display:block;}
.news_ny_list ul li a:hover{ box-shadow:none; }
.news_ny_list .pro_jjs p{ left:2rem; bottom:1.5rem;}
/***********************************新闻列表  end****************************************/



.news_xq{ padding:3rem 0;}
.xqy_tit{ text-align:center; margin-bottom:1.5rem;}
.xqy_tit h1{ font-size:1.5rem; text-transform:capitalize;}
.xqy_tit p{ font-size:.875rem; color:#888; margin-top:.75rem;}
.xqy_tit p span{ margin:0 1rem;}
.xqy_size{ font-size:1rem; line-height:1.875rem; color:#555; }
.xqy_size a{ color:#3183c1;}
.xqy_size>p,.xqy_size>div{ margin-bottom:1rem;}
.xqy_size img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}
.xqy_size iframe{ display:block; max-width:100%;margin:0 auto;}
/***********************************新闻详情  end****************************************/


.service_ny{ padding:3rem 0;}
.service_ny ul li{ display:flex; position:relative; margin-bottom:3rem;}
.service_ico{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:7.5rem; height:7.5rem;}
.service_img,.service_size{ width:50%;}
.service_size{ padding:0 4rem 0 7rem; background:#f8f8f8;}
.service_img img{ display:block; width:100%;}
.service_ny ul li:nth-child(2n) .service_size{ position:absolute; height:100%; width:50%; left:0; top:0; padding:0 7rem 0 4rem;  }
.service_ny ul li:nth-child(2n) .service_img{ margin-left:50%;}
.service_bt{ font-size:1.875rem; color:#555; font-weight:bold; margin-bottom:4rem; text-align:center;}
.service_jjs{ font-size:1rem; text-align:center; line-height:2rem;}
.service_ny ul li:hover .service_img img{}
/***********************************服务  end****************************************/

.contact_us{ display:flex; padding:3rem 0;}
.contact_us>div{ width:50%;}
.contatc_lxfs{ padding-right:2rem;}
.contact_form{ padding-left:2rem;}
.contatc_lxfs>h2,.contact_form h2{ font-size:1.25rem; font-weight:bold; margin-bottom:2rem;}
.contatc_lxfs>ul li{ display:flex; margin-bottom:2rem;}
.contact_ico{ height:5rem;}
.contact_ico img{ display:block; width:5rem; height:5rem;}
.contact_ts {margin-left:1.875rem;}
.contact_ts h2{ font-size:1.5rem; line-height:2rem;}
.contact_ts p{ font-size:1rem; line-height:1.5rem;}
.contact_form .xqform_message textarea{ height:9rem;}


.ditu_api{ display:block; width:100%; height:450px; border-radius:1rem; background:#f8f8f8; margin-bottom:3rem;}
.ditu_api iframe{ display:block; width:100%; height:100%; border-radius:1rem;}
/***********************************联系我们  end****************************************/



.fenye{ width:100%; text-align:center; font-size:.875rem; line-height:2.5rem; margin-top:1rem;}
.fenye a{ padding:.5rem 1rem; background:#f5f5f5; color:#333; margin:0 .5rem; border-radius:.25rem;}
.fenye b{ padding:.5rem 1rem;  background:#3183c1; color:#fff;margin: 0 .5rem; border-radius:.25rem; }
.fenye a>b{ padding:0; background:none; color:#333; margin:0;}
.fenye a:hover{  background:#3183c1; color:#fff;}
/*****分页（产品、新闻）   end*****/

.sxp{ padding:1rem 0; font-size:1rem;}
.sxp>div{ width:100%; line-height:2rem; color:#555; }
.sxp>div>a{ color:#888;}
.sxp>div>a:hover{ color:#3183c1;}
/*****详情上下篇   end*****/


.left_fx{ position:fixed; left:0; top:45%; z-index:999;}
.left_fx li{ width:1.875rem; height:1.875rem; margin-bottom:1rem;}
.left_fx li:nth-child(1){ background:#dd2b29;}
.left_fx li:nth-child(2){ background:#4460a0;}
.left_fx li:nth-child(3){ background:#1da1f3;}
.left_fx li:nth-child(4){ background:#0b66c1;}
.left_fx li img{ display:block;  width:1.875rem; height:1.875rem;}
.m_case{ display:none;}



.solutions{ padding:3rem 0 1rem;}
.solutions ul{ margin-top:2rem;}


.pro_xq_left{ width:100%;}
#nav_keleyi_com{ display:none;}
.nav-box.navFix{ max-width:1400px !important;}

.case .swiper-button-prev{ left:80px !important; }
.case .swiper-button-next{ right:80px !important;}
.right_pf{ right:1rem;}


.links{ font-size:.875rem; color:#888; line-height:1.875rem;}
.links a{ color:#888; margin-right:.5rem; }





.ind_banner .swiper-button-white{ background:rgba(0,0,0,.2);}















@media screen and (max-width: 1400px) and (min-width: 1199px){
	
	
	
	
	
	
	
	}





/*在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:85%;}
	.ind_content{ padding:1.875rem 0;}
	.width_1400{ width:100%;}
	
	
	/*banner*/
	.flexslider{ width:100%;}
	.flex-direction-nav{ top:35%;}
	.flex-direction-nav li a.flex-prev{ left:20%;}
	.flex-direction-nav li a.flex-next{ right:20%;}
	.bot_kong,.bot_btn{ display:block;} 
    /*banner end*/
	
	.swiper-slide img{ width:100%; height:auto;}
	.product_nav{ padding-bottom:0;}
	.product_nav ul li{ width:33.33%; margin:.75rem 0;}
	.product_nav_title{ min-height:4.5rem; font-size::.8rem;}
	.ind_pro_list{ padding:1.5rem 2%; padding-top:0;}
	.ind_pro_list ul li a{ display:block;}
	.ind_pro_list ul li a>div{ width:100%;}
	.pro_img p{ border-radius:.75rem .75rem 0 0;}
	.pro_jjs{ padding:1rem .5rem;}
	.pro_jjs h2{ margin-bottom:.5rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.pro_jjs p{ position:inherit; left:inherit; bottom:inherit; margin-top:1rem;}
	.pro_jjs div{-webkit-line-clamp: 1;}
	
	.about_td{ display:block;}
	.about_td>div{ width:100%;}
	.about_td>div.about_sjj{ padding:2.5rem 2%;}
	.abput_zx{ padding-left:0;}
	
	
	.news{ padding:2rem 2%;}
	.news ul li{ width:100%; margin-right:0; margin-bottom:.5rem; margin-top:0 !important;}
	.news ul li:first-child a{ display:block;}
	.news ul li:first-child .news_img,.news ul li:first-child .news_sjj,.news_sjj{ width:100%; padding:0;}
	.news ul li:first-child .news_sjj>div{ margin-top:.5rem;}
	.news_sjj{ line-height:2.5rem;}
	
	.case{ display:none;}
	.m_case{ display:block; padding:0 2%;}
	.case_swiper{ margin-top:1.5rem;}
	.m_case .swiper-container{ margin-top:1rem;}
	
	.services{ padding:2rem 2%; display:none;}
	.services ul{ display:block;}
	.services ul li{ width:100%; margin-right:0; margin-bottom:1rem;}
	.services_size{ height:auto; min-height:inherit;}
	.services ul li h2{ margin:1rem 0;}
	
	.adv_coop{ padding:1.5rem 0; margin-top:0;}
	.advantage ul li{ width:50%;}
	.cooperation{ margin-top:1.5rem; padding:0 2%;}
	.cooperation ul li{ width:49%; margin-right:2%;}
	.cooperation ul li:nth-child(5n){ margin-right:2%;}
	.cooperation ul li:nth-child(2n){ margin-right:0;}
	.cooperation ul li img{    -webkit-filter: grayscale(0); filter: grayscale(0);}
	
	.foots ul li{ width:100%; margin-right:2%; display:none;}
	.foots ul li:last-child,.foots ul li.foot_cont{ display:block; padding:0 2%;}
	.foots_bq{ padding:0 2%;}
	.foots_bq span{ float:inherit;}
	
	/***********************************首页  end****************************************/
	
	.banner_ny{ display:none;}
	.mbx_nynav{ padding:.75rem 2%; line-height:1.5rem;}
	.about_wzms{ padding:0 2%;}
	.gs_img{ padding:0 2%;}
	.gs_img li{ width:49%; margin-bottom:2%;}
	.gs_img li:nth-child(2n){ margin-right:0;}
	.about_zzzs{ padding:0 2%;}
	.about_size{ margin-bottom:0;}
	.about_ny .advantage{ margin:1.875rem 0;}
	
	
	
	.pro_ny_list ul li{ width:49%;}
	.pro_ny_list ul li:nth-child(2n){ margin-right:0;}
	
	
	.pro_xqtop{ display:block;}
	.pro_hc{ width:100%; padding:2%;}
	.pro_hc .gallery-thumbs{ height:80px;}
	.pro_jianjie{ width:100%; padding:2%;}
	.pro_xqtel a{ width:50%;}
	.pro_xqtel a:last-child{ margin-right:0;}
	.pro_flex{ display:block;}
	.pro_xq_left{ width:100%; padding:0 2%;}
	.pro_xq_right{ display:none;}
	.nav-box ul{ width:100%;}
	.fwy_flex{ display:none;}
	.pro_xqform form>div{ width:100%; margin-right:0;}
	
	
	.news_ny_list .pro_img{ width:100%;}
	.news_ny_list .pro_jjs{ width:100%; padding:1rem 0 0 0;}
	.news_ny_list .pro_jjs p{ position:inherit; left:inherit; bottom:inherit;}
	
	
	.news_xq{ padding:2rem 2%;}
	.sxp>div{ margin-bottom:1rem;}
	
	
	.service_ny ul li{ display:block; margin-bottom:0;}
	.service_img, .service_size{ width:100%;}
	.service_size{ padding:1rem;}
	.service_bt{ margin-bottom:1rem;}
	.service_ico{ display:none;}
	.service_ny ul li:nth-child(2n) .service_img{ margin-left:0;}
	.service_ny ul li:nth-child(2n) .service_size{ position:inherit; width:100%; padding:1rem;}
	
	
	.contact_us{ display:block; padding:1rem 2%;}
	.contact_us>div{ width:100%;padding:0;}
	.ditu_api{ width:96%; margin:0 auto; height:360px; margin-bottom:2rem; }
	
	
	.left_fx{ display:none;}
	.right_pf{ right:0; bottom:5vw;}
	.right_pf>div{ width:2.5rem; height:2.5rem; }
	
	
	.advantage{ padding:1.875rem 0;}
	.advantage ul li{ width:25%; padding:0 1.5%;}
	.adv_ico{ width:80%; height:0; padding-bottom:78%; position:relative;}
	.adv_ico img{ display:block; width:100%; height:100%; position:absolute;}
	
	
	.ind_title h2{ font-size:2rem;}
	.pp_table table{ width:150% !important;}
	.foot_share{ margin-top:0;}
	.foot_share .header_share{ display:block !important; }
	.foots ul li:last-child{ padding-top:1rem;}
	
	
	.swiper-button-prev{ left:10px !important; --swiper-navigation-color: #3183c1 !important;}
    .swiper-button-next{ right:10px !important;--swiper-navigation-color: #3183c1 !important;}
	
	.about_zzzs ul{ width:100%;}
	.xqy_size iframe{ width:100%; height:300px;  }
	
	}
	
	@media only screen and (max-width: 375px) {
		
		
		}
    @media only screen and (max-width: 320px) {
		
		}