@charset "utf-8";
/* CSS Document */
body{}
.header{/* padding-top:10px; padding-bottom:10px; */ width:100%; margin:0 auto; position:relative; z-index:20; box-sizing:border-box; border-top:4px solid #0850a1; background-image:url(../images/header.jpg); background-position:left top; background-repeat:repeat;}
.site{  height:30px; line-height:30px; font-size:12px; color:#4b4b4b;}

.head-cen{ padding-top:10px; padding-bottom:20px; position:relative; text-align:center;}
.logo{  float:left; display:block;}
.logo img{ width:100%;}
.phone{ width:auto; height:52px; float:right; margin-top:4px; padding-left:56px; position:relative;}
.phone p{ width:52px; height:52px; text-align:center; position:absolute; left:0; top:0;}
.phone p i{ font-size:50px; color:#8b8b8b;}
.phone h4,.phone h5{ width:100%; height:20px; line-height:20px; font-weight:normal; font-size:14px; color:#cf1a23; overflow:hidden;}
.phone h5{ height:32px; line-height:32px; font-size:24px;}


.nav{ width:100%; height:auto; background-image:url(../images/nav.jpg); background-position:left top; background-repeat:repeat;}
.navlist{ width:1200px; height:auto; box-sizing:border-box; margin:0 auto;}
.navlist li{ width:12.5%; float:left;height:53px; font-size:16px; line-height:53px; position:relative; cursor:pointer; text-align:center; box-sizing:border-box; position:relative; z-index:5; }
.navlist li > a{ color:#FFF;}
.navlist li + li{ border-left:1px solid #000;}
.navlist li:hover,.navlist li.on{ background-image:url(../images/nav-li.jpg); background-position:left top; background-repeat:repeat-x;}
.navlist li:hover a,.navlist li.on a{ color:#000; }


.flash{ cursor:pointer; width:100%;}
.swiper-pagination {width: 100%; width:120px; }
.swiper-pagination-bullet{opacity:1; margin:0 3px!important; background:rgba(255,255,255,0.6);  border-radius:50%;width:12px; height:12px; color:#FFF;}
.swiper-pagination-bullet-active{ background:rgba(255,255,255,0.9); color:#FFF; height:12px;}
.swiper-container {	width: 100%;}
.swiper1 .swiper-slide img{ width:100%;}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ color:rgba(255,255,255,0.8); background-color:rgba(255,255,255,0.2); border-radius:3px; height:50px; width:30px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-25px;  } 
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{  background-color:rgba(255,255,255,0.5);color:rgba(255,255,255,1)} 
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:24px; text-align:center; /*color:rgba(0,0,0,0.64);*/ line-height:50px;}

.notic{ width:100%; border-top:1px solid #ebebeb; border-bottom:1px solid #b2b2b2; background-image:url(../images/notic.jpg); background-position:left top; background-repeat:repeat-x;}
.notic-cen{ height:50px; margin:0 auto; width:1200px; box-sizing:border-box; padding-left:40px; position:relative; }
.notic-cen h3{ width:30px; height:50px; text-align:center; line-height:42px; position:absolute; left:0; top:0;}
.notic-cen h3 i{ color:#d2251b; font-size:20px;}
.swiper6{/*width:1200px;*/ margin:0 auto; height:50px; }
.swiper6 .swiper-slide{ width:100%; height:50px; line-height:50px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.swiper6 .swiper-slide span{ color:#999;}
.notic-cen .swiper-pagination{ display:none;}

.prods{ width:100%;padding-top:1%; padding-bottom:3%; background-color:#f8f8f8; }
.prod-cen{ width:1200px; position:relative; box-sizing:border-box; margin:0 auto; }
.prod-menu{ width:272px; height:auto; padding:10px 0; background-color:#FFF; position:absolute; left:0; top:0; box-sizing:border-box; }
.prod-menu h4{ width:100%; height:40px; padding:0 10px; line-height:20px; border-bottom:1px solid #e6e6e6; font-weight:normal; box-sizing:border-box;}
.prod-menu h4 p{ display:inline-block; font-size:16px; color:#266ccf; box-sizing:border-box; height:20px;}
.prod-menu h4 span{ font-size:12px; color:#999; text-transform:uppercase; }
.pmenu-list{width:100%; padding:0 10px; box-sizing:border-box;}
.pmenu-list li{ width:100%;height:40px;line-height:40px; padding:0 10px; box-sizing:border-box; border-bottom:1px dashed #c8c8c8; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.pmenu-list li:hover{ background-color:#f0f6ff;}
.pmenu-list li:hover a{ color:#2470da;}
.prod-list{ width:100%; height:auto;}
.prod-list li{ width:23%; background-color:#FFF; float:left; margin-right:2.66%; margin-bottom:2%; border:1px dashed #acacac; box-sizing:border-box; }
.prod-list li p{width:100%;max-height: 178px;overflow: hidden;}
.prod-list li p img{ width:100%;}
.prod-list li h4{ width:100%; font-size:14px; font-weight:normal; height:40px; line-height:38px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prod-list li:hover h4{ background-color:#266ccf;}
.prod-list li:hover a{ color:#FFF;}
.prod-list li:nth-of-type(4n){ margin-right:0; }



.zixun{ width:100%; background-color:#2560c3; padding:3% 0;}
.zx-cen{ width:1200px; padding-left:7%; padding-right:7%; margin:0 auto; box-sizing:border-box;}
.zx-btn{ width:180px; height:auto; float:right;}
.zx-btn p{ width:100%; height:36px; line-height:36px; background-color:#f9ac47; color:#FFF; font-size:14px; text-align:center;}
.zx-btn h4,.zx-btn h3{ width:100%; height:28px; line-height:28px; font-size:14px; color:#FFF; font-weight:normal; overflow:hidden; text-overflow:ellipsis; margin-top:5px;}
.zx-btn h3{ height:30px; margin-top:0; line-height:22px; font-size:22px; }
.zx-about{ width:auto; display:inline-block; float:left; }
.zx-about h3,.zx-about p{ width:auto; font-size:30px; padding:10px 0; font-weight:normal; color:#FFF;}
.zx-btn p a{ color:#FFF;}
.zx-about h3 span{ color:#f9ac47;}
.zx-about p{ font-size:16px; padding:0;}

.box4,.box5{ display:block; margin-top:3%; }
.swiper4,.case-list{/*width:1200px;*/ margin:0 auto;}
.swiper4 .swiper-slide,.case-list li{ width:100%; position:relative; border:1px dashed #acacac; box-sizing:border-box;}
.swiper4 .swiper-slide p,.case-list li p{ width:100%; }
.swiper4 .swiper-slide p img,.case-list li p img{ width:100%;}
.swiper4 .swiper-slide h4,.case-list li h4{ width:100%; font-size:14px; font-weight:normal; height:40px; line-height:38px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.swiper4 .swiper-slide:hover h4,.case-list li:hover h4{ background-color:#266ccf;}
.swiper4 .swiper-slide:hover a,.case-list li:hover a{ color:#FFF;}
.box4 .swiper-pagination4{ display:none;}
.box4 .swiper-button-next,.box4 .swiper-button-prev{ color:#FFF; background-color:#39c5ad; border-radius:50%; height:40px; width:40px; text-align:left; background-image:url(none); cursor:pointer; margin-top:-35px; display:none; }
.box4 .swiper-button-prev{ text-align:right;}
.box4 .swiper-button-next i,.box4 .swiper-button-prev i{ font-size:30px; text-align:center; color:#FFF; line-height:44px;} 
.box5{ display:none;}
.case-list li{ width:49%; float:left; margin-bottom:2%;}
.case-list li:nth-of-type(2n){ float:right; }

.about{padding-top:1%; padding-bottom:3%; background-color:#2a74d3;}
.about-header{ }
.about-header h3{width:100%; height:auto;font-size:27px; font-weight:normal; padding:18px 0; border-bottom:1px solid #d0d0d0; color:#656568; position:relative; text-align:center; color:#FFF;}
.about-header h3::after{ content:' '; width:120px; height:3px; background-color:#fff444; position:absolute; left:50%; bottom:-2px; margin-left:-60px;}
.about-header p{ width:100%; font-size:14px; text-align:center; padding:1.5% 0 0.5% 0; color:#FFF;}
.about-about{ margin-top:2%;}
.about-img{ width:36%; float:left; }
.about-img img{width:100%;}
.about-cen{ width:62%; float:right;}
.about-cen h4{ width:100%; font-size:24px; color:#FFF; padding-bottom:2%; font-weight:normal}
.about-cen p{ width:100%; height:auto; line-height:24px; color:#FFF; font-size:14px;text-indent: 2em;}
.about-cen h5{ width:80px; height:32px; line-height:32px; background-color:#FFF; font-weight:normal; font-size:14px; text-align:center; margin-top:10px;}
.about-cen h5 a{ color:#2a74d3;}

.news{padding-top:1%; padding-bottom:3%;}
.prod-header..news-header{ width:100%; }
.prod-header h3,.news-header h3{width:100%; height:auto;font-size:27px; font-weight:normal; padding:18px 0; border-bottom:1px solid #d0d0d0; color:#656568; position:relative; text-align:center;}
.prod-header h3::after,.news-header h3::after{ content:' '; width:120px; height:3px; background-color:#0c509e; position:absolute; left:50%; bottom:-2px; margin-left:-60px;}
.prod-header p,.news-header p{ width:100%; font-size:14px; text-align:center; padding:1.5% 0 0.5% 0; color:#939393;}
.news-col{ width:32%; height:auto; float:left; margin-right:2%;}
.news-col:nth-of-type(3n){ margin-right:0;}
.news-col h4{ width:100%; font-size:16px; padding:3% 0; font-weight:normal;  }
.news-col h4 span{ font-size:14px; text-transform:capitalize;}
.news-col-img{ width:100%; padding:2px; border:1px solid #d9d9d9; box-sizing:border-box; background-color:#FFF;}
.news-col-img img{width:100%;}
.news-col-list{ width:100%; height:auto;}
.news-col-list li{ width:100%; height:32px; line-height:32px; box-sizing:border-box; padding-left:20px; border-bottom:1px dashed #a8a8a8; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; position:relative;}
.news-col-list li::after{ content:' '; width:10px; height:10px; border:1px solid #a8a8a8; border-radius:50%; position:absolute; left:3px; top:50%; margin-top:-5px; box-sizing:border-box; background-color:#FFF;}
.news-form{ width:100%;}
.news-form li{ width:100%; border:1px solid #CCC; border-radius:2px; box-sizing:border-box; height:32px; padding-left:48px; margin-top:10px; background-color:#FFF; overflow:hidden; position:relative;}
.news-form li h5{ width:42px; height:30px; line-height:16px; text-align:center; border-right:1px solid #CCC; position:absolute; left:0; top:0;}
.news-form li h5 i{ font-size:16px; color:#2a74d3;}
.news-form li p{ width:100%; height:30px; }
.news-form li p input{ width:100%; height:20px; border:0; line-height:20px; margin-top:5px;}
.news-form li:nth-of-type(3){ height:58px;}
.news-form li:nth-of-type(3) h5{ height:56px; }
.news-form li:nth-of-type(3) p{height:56px;}
.news-form li:nth-of-type(3) p textarea{ width:100%; border:0; resize:none; height:56px; background-color:#FFF; padding:5px 5px 5px 0; box-sizing:border-box;}
.news-form li:nth-of-type(4){ height:32px; border:0; padding-left:0;}
.news-form li:nth-of-type(4) input{ width:100%; height:32px; line-height:32px; font-size:14px; font-family:"微软雅黑"; background-color:#2a74d3; border:0; text-align:startc; color:#FFF; overflow:hidden;}

.service{width:100%; background-color:#262425;  border-top:7px solid #2560c3;}
.service-cen{ width:1200px; height:auto; margin:0 auto; padding-left:7%; padding-right:7%; padding-bottom:2%; box-sizing:border-box; }
.serv-header{ width:100%; height:auto; font-size:27px; padding:18px 0; border-bottom:1px solid rgba(255,255,255,0.2); color:#FFF; position:relative; text-align:center; margin-bottom:3%;}
.serv-header::after{ content:' '; width:60px; height:3px; background-color:rgba(255,255,255,0.4); position:absolute; left:50%; bottom:-2px; margin-left:-30px;}
.serv-list{ width:100%; height:auto; box-sizing:border-box; padding-left:230px; padding-right:170px; position:relative;}
.serv-qq{ width:220px; height:auto; position:absolute; left:0; top:0;}
.serv-contact{ width:100%; }
.serv-li-icon{ width:60px; height:60px; text-align:center; color:#2a74d3; box-sizing:border-box;  margin:0 auto; margin-bottom:10px;}
.serv-li-icon i{ font-size:54px;}
.serv-qq h4,.serv-qq p,.serv-contact h4,.serv-contact p{ width:100%; font-size:16px; height:36px; line-height:36px; overflow:hidden; font-weight:normal; text-align:center; color:#FFF;}
.serv-qq h4,.serv-contact h4{ text-overflow:ellipsis; white-space:normal; margin-bottom:2%;}
.serv-qq p,.serv-contact p{ width:240px; margin:0 auto; height:auto; line-height:24px; font-size:14px; }
.serv-qq p{ width:200px;}
.serv-weixin{ width:160px; height:auto; position:absolute; right:0; top:0;}
.serv-wx-img{ width:137px; height:137px; margin:0 auto; overflow:hidden;}
.serv-wx-img img{ width:100%;}

.footer{width:100%; background-color:#2560c3;  padding:10px 0;}
.footer-cen{ width:1200px; height:auto; margin:0 auto; box-sizing:border-box; padding-left:7%; padding-right:7%; font-size:14px; }
.copyright{ width:72%; height:auto; line-height:30px; float:left; color:#FFF; }
.zhichi{ width:25%; height:auto; line-height:30px; float:right; color:#FFF;  text-align:right;}
.serv-qq p a,.zhichi a{ color:#FFF;}