@charset "utf-8";

/* CSS Document */



*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-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);}



body{ font-family:"Microsoft Yahei", "Source Han Sans CN", Arial, Helvetica, sans-serif; background:#fff; font-size:14px;overflow-x:hidden; color:#666;}

body.en{ font-family:Arial, Helvetica, sans-serif}

a{ text-decoration:none;outline:none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;color:#666}

a:hover{color:#2479b9}

img{ border:none;}

table{ border-collapse:collapse}

ul,ol,li{ list-style:none}

.clearfix{zoom:1; clear:both}

.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}

.fl{ float:left}

.fr{ float:right}

botton,input,textarea,select{ outline:none; font-family:Arial}

h1,h2,h3,h4,h5{ font-weight:normal}

.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}

.col01{ color:#2479b9}

.red{ color:#f00}

.ovh{ overflow:hidden}

.f18{ font-size:18px;}



.wrap{width:1400px;margin:0 auto}

.header{position: fixed;z-index:100;left: 0;right:0;top: 0; width: 100%; background:#fff;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease; height:90px;}

.header .wrap{ width:85%;position:relative}

.logo, .lang span{-webkit-transition:.5s ease;-moz-transition:.5s ease;transition:.5s ease;}

.logo{ display:flex; display:-webkit-flex; align-items:center; height:90px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;position:absolute; left:0; top:0;z-index:100;}
.logo img{ display:block}
.menu{ position:relative;padding:0 110px 0 210px;; text-align:center; line-height:0}

.menu ul{ display:inline-block}

.menu li{ float:left; font-size:16px; line-height:90px; margin:0 40px;/* overflow:hidden;*/ position:relative}

.menu a{ display:block; color:#333; position:relative}

.menu li>a:after{ content:""; width:100%; height:2px; background:#4472c4;position:absolute; left:0;bottom:0;transform-origin: right center;-webkit-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform: scaleX(0);}

.menu li:hover a, .menu li.cur>a{ color:#2479b9}

.menu li:hover a:after, .menu li.cur>a:after{-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform: scaleX(1);transform-origin: left center;}

.menu .sub{position: absolute;top: 100%;z-index: 99;display: none;width:160px;left:50%;margin-left:-80px;font-size: 14px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}

.menu .sub a{display: block;background:#4472c4;color:#fff!important;padding:12px 15px; white-space: nowrap;line-height:22px; border-bottom:1px solid rgba(0,0,0,.06)}



.menu .sub a:hover{color:#fff !important; background:#00b050} 

.header.header-scroll{ box-shadow:0 5px 15px rgba(0,0,0,.06)}

/*

.header-scroll .logo{ height:80px;}

.header-scroll .menu li{ line-height:80px;}*/

.header_r{ position: absolute; right:30px; height:100%;top:0}



.lang{ position:relative; margin-left:15px; padding-left:15px; float:left; height:90px;}

.lang .tit{ line-height:90px;background:url(../images/arrow_icon01.png) no-repeat right center; padding-right:20px; background-size:12px auto; cursor:pointer}

.lang:before{ content:""; width:1px; height:12px; background:#ddd; position:absolute; left:0; top:50%; margin-top:-6px;}

.lang .sub{width: 120px;background: #4472c4;position: absolute;left: 50%;margin-left: -60px;top:100%;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);opacity: 0;transform: translate(0, 20px);visibility: hidden;transition: all .3s ease;}

.lang .sub.cur { opacity: 1;transform: translate(0, 0px);visibility: visible;}

.lang .sub a{ display:block; text-align:center; line-height:22px; padding:12px 0;background: #4472c4; color:#fff}

.lang .sub a:hover{background:#00b050}

.serch-btn{ width:30px; height:90px; background:url(../images/serach_icon.png) no-repeat center; position:relative; float:left; cursor:pointer}

.search-alert {position: fixed;z-index: 1000;background-color: #222;left: 0;top: 0;width: 100%;height: 100%;-webkit-transform-origin: bottom center;-ms-transform-origin: bottom center;transform-origin: bottom center;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);

-webkit-transition: -webkit-transform .3s .5s;transition: transform .3s .5s;}

.search-alert .search-form {position: absolute;width: 94%;left: 3%; top: 50%; height:90px; margin-top: -40px; border-bottom: 1px solid #515151;opacity: 0;-webkit-transform: translate(0, 40px); -ms-transform: translate(0, 40px); transform: translate(0, 40px);-webkit-transition: all .5s;transition: all .5s;background:url(../images/serach_icon_w.png) no-repeat left center;}

.search-alert .search-form .tex{ border:0; height:90px; line-height:90px; font-size:45px; color:#fff; background:none; width:100%; padding-left:25px; padding-right:130px; text-align:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.search-alert .search-form .btn{border: none;height:90px;font-size:30px;color: #555;text-align: right;background: none;position: absolute;right: 0;top: 0;width:120px; text-align: center; cursor:pointer}

.search-alert.active {-webkit-transform-origin: top center;-ms-transform-origin: top center; transform-origin: top center;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: -webkit-transform .3s;transition: transform .3s;}

.search-alert.active .search-form{opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all .5s .3s;transition: all .5s .3s;}

.search-alert .closed{display:block;width: 30px;height: 30px;position: absolute;top: 38px;right: 2.6%;cursor: pointer;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;background:url(../images/Close_icon_w.png) no-repeat center;}

.search-alert .closed:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}





.banner{position: relative; margin-top:90px}

.banner a{ display:block;}

.banner img{ display:block; width:100%; height:auto}

.banner .swiper-slide{ width:100%}

.banner .txt{ position:absolute; left:12.5%;top:50%;color:#fff; font-size:35px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%); overflow:hidden; }
.banner .txt h2{ font-size:65px; color:#00b151; font-weight:bold; background:rgba(255,255,255,.9); line-height:120px; text-align:center;letter-spacing:1px;padding:0 20px}
.banner .txt p{ background:#4472c4; line-height:90px;text-align:center; border-bottom-right-radius:25px; padding:0 20px}
.banner .txt *{-webkit-transition: transform 0.8s cubic-bezier(0.5, 0, 0, 1);-moz-transition: transform 0.8s cubic-bezier(0.5, 0, 0, 1);-o-transition: transform 0.8s cubic-bezier(0.5, 0, 0, 1);transition: transform 0.8s cubic-bezier(0.5, 0, 0, 1);}

.banner .swiper-slide-active .txtcon, .banner .swiper-slide-active .txtcon p{transform: translate3d(0, 0, 0);}

.banner .swiper-pagination-bullets{bottom:35px; }

.banner .swiper-pagination-bullet{width:12px; height:12px;background:none;opacity:1;border:1px solid #fff; border-radius:50%; position:relative; outline:none; margin:0 8px !important}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#00b050; border:1px solid #00b050}



.m-banner{position: relative;z-index: 1;overflow: hidden;width: 100%; display:none;border:1px solid #fff;}

.m-banner a{ display:block; background:#131313}

.m-banner img{ display:block; width:100%; height:auto}

.m-banner .swiper-pagination-bullet{ background:none; border:1px solid #fff; opacity:1}

.m-banner .swiper-pagination-bullet-active{ background:#fff}



.titlebox{ position:relative}

.title{ font-size:35px; color:#333; font-weight:bold; margin-bottom:35px; position:relative;}

.space{ padding:80px 0}

.i-about{ background:#f2f2f2; position:relative; overflow:hidden}

.i-about .txt-left{ float:left; width:40%; padding-top:3%; padding-bottom:3%}

.i-about .intro{ font-size:16px; line-height:30px; color:#666;}

.i-about .ys{ margin-top:40px; display:flex; display:-webkit-flex; justify-content:space-between}

.i-about .ys li{ float:left}

.i-about .ys .num{ color:#4472c4; font-size:24px; position:relative}

.i-about .ys .num:after{ content:""; width:17px; height:2px; background:#00b151; display:block; margin-top:3px; margin-bottom:5px}

.i-about .ys .num .counter{ font-size:40px; font-weight:bold}

.i-about .more{ display:block; width:38px; height:38px; border-radius:50%; background:#4472c4; margin-top:45px; position:relative}

.i-about .more:after{ content:""; width:5px; height:5px; border-top:2px solid #fff; border-right:2px solid #fff; display:block;position: absolute; left:47%; top:50%; transform:rotate(45deg) translate(-50%)}

.i-about .more:hover{ background:#00b050}

.company-pic{ position:absolute; right:0;; width:50%;top:80px; height:calc(100% - 160px); overflow:hidden}

.company-pic img{ display:block; width:100%; height:100%; object-fit:cover;}

.i-service-list{ margin-right:-2%}

.i-service-list .item{ float:left; width:31.333%; margin-right:2%}

.i-service-list .pic{ overflow:hidden}

.i-service-list .pic img{ display:block; width:100%; height:auto; -moz-transition:1s;-webkit-transition:1s;transition:1s;}

.i-service-list .txt{ padding-top:30px;}

.i-service-list .txt h3{ font-size:20px; color:#333; border-bottom:1px solid #ddd; position:relative; padding-bottom:20px;}

.i-service-list .txt .num{ color:#00b050; position:absolute; right:0;top:0}

.i-service-list .intro{ font-size:15px; color:#666; line-height:28px; margin-top:20px}

.i-service-list .more{ margin-top:30px; color:#808080; display:flex; display:-webkit-flex; align-items:center;}

.i-service-list .more span{ display:block; width:38px; height:38px; border-radius:50%; border:1px solid #ddd; position:relative; margin-left:10px; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}

.i-service-list .more span:after{content:""; width:5px; height:5px; border-top:2px solid #666; border-right:2px solid #666; display:block;position: absolute; left:47%; top:50%; transform:rotate(45deg) translate(-50%)}

.i-service-list .item:hover img{ -moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}

.i-service-list .item:hover .more span{ background:#00b050;}

.i-service-list .item:hover .more span:after{border-top:2px solid #fff; border-right:2px solid #fff; }

.i-product{ position:relative; background:#4472c4 url(../images/bg01.jpg) no-repeat center bottom; background-size:cover}

.i-product .title{ color:#fff}

.i-product .tab-ul{ position:absolute; right:0;bottom:0}

.i-product .tab-ul li{ color:#fff; float:left; font-size:16px; margin-left:30px; cursor: pointer; position:relative}

.i-product .tab-ul li:after{ content:""; width:0; height:2px; position:absolute; left:0; bottom:-10px; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s; background:#fff}
.i-product .tab-ul li.cur:after{ width:100%}
.i-product .tab-box{position: relative;overflow: hidden;}

.i-product .tab-box .item{width: 100%;position: relative;opacity:0; overflow:hidden; visibility:hidden; height:0; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.i-product .tab-box .item.cur{opacity:1; visibility:visible; height:auto}

.i-product-list .pic{ overflow:hidden;background:#fff; position:relative}
.i-product-list .img1{ display:block; width:100%; height:auto;}
.i-product-list .img2{ display:block; width:100%; height:100%; object-fit:cover; position:absolute; left:0;right:0;bottom:0;top:0; margin:auto; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}

.i-product-list .txt{ background:#00b050; color:#fff; padding:15px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.i-product-list .txt h3{ position:relative}

.i-product-list .txt h3:after{content:""; width:5px; height:5px; border-top:2px solid #fff; border-right:2px solid #fff; display:block;position: absolute; right:0; top:50%; transform:rotate(45deg) translate(-50%)}

.i-product-list .swiper-slide:hover .img2{-moz-transform:scale(1.05);-webkit-transform:scale(1.05); transform:scale(1.05)}

.i-product-list .swiper-pagination{ display:none}

/*============================================================*/

.nbanner{ position:relative; height:400px; margin-top:90px}

.nbanner:before{ content:""; display:block; width:100%; height:30%;position:absolute; left:0; bottom:0;

background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5)); /* Safari 5.1 - 6.0 */ 

background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5)); /* Opera 11.1 - 12.0 */ 

background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5)); /* Firefox 3.6 - 15 */ 

background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5)); 

}



.nbanner .wrap{position:relative; height:100%; display:flex; display:-webkit-flex; align-items:center; flex-wrap:wrap;align-content:center; color:#fff}

.nbanner .tit01{font-size:18px; font-family:Arial, Helvetica, sans-serif}

.nbanner .tit02{font-size:35px; width:100%; line-height:60px;}

.nbanner .tit02 span{ margin-right:15px}



.inner-nav{position: relative;width:100%; background:#f2f2f2; z-index:9}

.inner-nav ul{display:-webkit-felx;display:flex;justify-content:center; font-size:16px;}

.inner-nav li a{ display:block;line-height:70px; font-size:16px;font-weight:bold; width:200px; text-align:center}

.inner-nav .active, .inner-nav li:hover a{background: #4472c4;color: #fff;}



.main{padding:60px 0;}

.main .title{ line-height:40px; margin-bottom:30px; font-weight:normal}

.main .ltitle{ text-align:center; font-size:24px; color:#333; margin-top:-30px; margin-bottom:40px}

.main_2{ background:#f2f2f2;}

.main .content{ line-height:30px;}

.main .content img{ max-width:100%; height:auto}

.main .content p{margin-bottom:10px}



.anchor{display: block;height:90px;margin-top: -90px;visibility: hidden;}

.content_abt{ font-size:16px;}

.intro-list{ margin-top:30px}

.intro-list ul{ margin-right:-3%}

.intro-list li{float:left; width:30.33%; margin-right:3%}

.intro-list img{ display:block; width:100%;}

.intro-list h3{ font-size:20px; font-weight:bold; color:#2479b9; margin-top:20px; margin-bottom:20px; position:relative; padding-left:60px}

.intro-list h3:before{ content:""; width:40px; height:1px; background:#2479b9; position:absolute; left:0;top:12px}

.company .pic-l{ float:left; width:50%; padding-bottom:20px; padding-left:15px; margin-top:15px; position:relative}
.company .pic-l img{ display:block; width:100%; position:relative}
.company .pic-l:after{ content:""; width:80%; height:80%; position:absolute; left:0;bottom:0; z-index:-1;background: -webkit-linear-gradient(left, #00b050 , #4472c4); /* Safari 5.1 - 6.0 */ 
background: -o-linear-gradient(right, #00b050, #4472c4); /* Opera 11.1 - 12.0 */ 
background: -moz-linear-gradient(right, #00b050, #4472c4); /* Firefox 3.6 - 15 */ 
background: linear-gradient(to right, #00b050 , #4472c4);}
.company .txt-r{ float:right; width:45%; padding-top:3%}
.company .txt-r h1{ font-size:28px; color:#333; line-height:40px; margin-bottom:20px}
.chejian .item{ margin-top:40px; position:relative; padding-left:95px;}
.chejian .item:before{ content:""; width:75px; height:75px; border-radius:50%; position:absolute; left:0;top:0; background:#00b050 url(../images/cj-icon01.png) no-repeat center; background-size:auto 35px}
.chejian .item2:before{ content:""; width:75px; height:75px; border-radius:50%; position:absolute; left:0;top:0; background:#4472c4 url(../images/cj-icon02.png) no-repeat center; background-size:auto 35px}
.chejian .item3:before{ content:""; width:75px; height:75px; border-radius:50%; position:absolute; left:0;top:0; background:#00b050 url(../images/cj-icon03.png) no-repeat center; background-size:auto 35px}
.chejian .item h3{ color:#00b050; font-size:20px; margin-bottom:6px}
.chejian .item2 h3{ color:#4472c4}

.culture{ display:-webkit-flex; display:flex; justify-content:space-between;}

.culture li{ width:31.33%;background:#fff;}

.culture li img{ display:block; width:100%; height:auto}

.culture li .txt{ background:#fff; padding:20px}

.culture li h4{font-size:20px; margin-bottom:10px;; color:#4472c4}

.culture02 li{ background:#f3f3f3}

.culture02 li .txt{ background:#f3f3f3}



.honor a{ display:block;background:#fff; border:1px solid #e8e8e8}

.honor .pic{ background:#fff; overflow:hidden; padding:10px; height:280px;}

.honor .pic img{ display:block; width:100%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.honor .tit{text-align:center;line-height:45px; padding:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-top:1px solid #e8e8e8;}

.honor .swiperbox {margin-top: 30px;text-align: center;}

.honor .swiperbox .swiper-button-prev, .honor .swiperbox .swiper-button-next {display: inline-block;position: static;margin: 0;width: 45px;height: 45px;border: 1px solid #cccccc;box-sizing: border-box;margin: 0 9px;transition: .5s ease-in-out;}

.honor .swiperbox .swiper-button-prev {background: url(../images/arrow_prev.png) no-repeat center;}

.honor .swiperbox .swiper-button-prev:hover{background: url(../images/arrow_prev_w.png) #4472c4 no-repeat center;}

.honor .swiperbox .swiper-button-next { background: url(../images/arrow_next.png) no-repeat center;}

.honor .swiperbox .swiper-button-next:hover {background: url(../images/arrow_next_w.png) #4472c4 no-repeat center;}



.equipment{ position:relative}

.equipment ul{ margin-right:-2%}

.equipment li{ position:relative; float:left; width:31.33%; margin-right:2%; margin-bottom:2%; border:1px solid #d8d8d8}

.equipment li img{ display:block; width:100%; height:auto}

.equipment li .pic{ overflow:hidden}

.equipment li .tit{padding:10px 20px; width:100%; left:0;bottom:0; background:#f2f2f2; color:#666; font-weight:bold; text-align:center; font-size:16px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}



.product{ display:-webkit-flex;display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start}

.productlist{ margin-bottom:30px; background:#f2f2f2; padding:4%}

.productlist .txt-left{ float:left; width:35%}

.productlist .pic-right{ float:right; width:60%; background:#f3f3f3;}

.productlist .txt-left .tit{font-size:30px; color:#4472c4;margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:20px}

.productlist .txt-left .intro{ font-size:15px; line-height:26px;}

.productlist .txt-left .more{ margin-top:30px; font-size:14px; color:#808080; display:flex; display:-webkit-flex; align-items:center;}

.productlist .txt-left .more span{ display:block; width:38px; height:38px; border-radius:50%; border:1px solid #ddd; position:relative; margin-left:10px; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}

.productlist .txt-left .more span:after{content:""; width:5px; height:5px; border-top:2px solid #666; border-right:2px solid #666; display:block;position: absolute; left:47%; top:50%; transform:rotate(45deg) translate(-50%)}

.productlist .txt-left .more:hover span{background:#4472c4;}

.productlist .txt-left .more:hover span:after{border-top:2px solid #fff; border-right:2px solid #fff;}

.productlist ul{ margin-right:-2%}

.productlist li{ float:left; width:31.33%; margin-right:2%; background:#f3f3f3; border:1px solid #e8e8e8}

.productlist li .img{ position:relative; overflow:hidden}

.productlist li img{ display:block; width:100%; height:auto; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s;}

.productlist li .tit{ text-align:center; font-size:15px; padding:5px 10px; background:#4472c4; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.productlist li:hover img{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}

.productlist:nth-child(2n) .txt-left .tit{ color:#00b050}

.productlist:nth-child(2n) .txt-left .more:hover span{ background:#00b050}

.productlist:nth-child(2n) li .tit{background:#00b050;}



.nav-left{ margin-bottom:50px; background:#f3f3f3; border-top-left-radius:15px; border-top-right-radius:15px;}

.nav-left h3{ border-bottom:1px solid #e8e8e8; background:#4472c4 url(../images/proicon_w.png) no-repeat 30px center; padding-left:60px; color:#fff; line-height:60px; font-size:20px; border-top-left-radius:15px; border-top-right-radius:15px;}

.nav-left ul{ padding:30px}

.nav-left li{ float:left; margin-bottom:20px}

.nav-left li a{ display:block; padding:5px 20px; padding-left:35px; background:#f2f2f2; border:1px solid #d8d8d8; margin-right:20px; position:relative}

.nav-left li a:before{content: "";width: 5px;height: 5px;border-top: 2px solid #666; border-right: 2px solid #666; display: block; position: absolute;left:20px; top:16px; transform: rotate(45deg);}

.nav-left li.cur a{ background:#00b050; color:#fff}

.nav-left li.cur a:before{border-top: 2px solid #fff; border-right: 2px solid #fff; }

.nav-left li:hover a{background:#00b050; color:#fff}

.nav-left li:hover a:before{border-top: 2px solid #fff; border-right: 2px solid #fff;}



.productlist02{}

.productlist02 ul{ margin-right:-2%}

.productlist02 li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; background:#f3f3f3; border:1px solid #d8d8d8}

.productlist02 li .img{ position:relative; overflow:hidden}

.productlist02 li img{ display:block; width:100%; height:auto; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s;}

.productlist02 li .tit{ text-align:center;padding:10px; background:#f2f2f2; color:#666; font-weight:bold;font-size: 16px;}
.productlist02 li:hover img{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}



.productlist03 ul{margin-right:-2%}

.productlist03 li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; background:#f3f3f3; border:1px solid #e8e8e8}

.productlist03 .pic{ overflow:hidden}

.productlist03 img{ display:block; width:100%; height:auto}

.productlist03 .txt{/*display:-webkit-flex; display:flex; align-items:center;*/}

.productlist03 .num{background: #4472c4; color:#fff; font-size:30px; font-weight:bold; width:55px; line-height:60px; display:block; text-align:center; margin-right:20px}

.productlist03 h3{text-align:center;padding:10px; background:#f2f2f2; color:#666; font-size:16px; font-weight:bold}



.product-top{ background:#f3f3f3;position:relative; margin-bottom:50px}

.product-top .left{ width:40%; overflow:hidden}

.product-top .left img{ display:block; width:100%; height:auto; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.product-top .left img:hover{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.product-top .right{ width:55%; padding-right:3%}

.product-top .right .tit{ color:#333; font-size:24px; margin-bottom:20px; padding-top:10%}

.content_pro .protit{ font-size:20px; color:#4b4b4; border-bottom:1px solid #e8e8e8; margin-bottom:20px; margin-top:20px;padding-bottom:10px; position:relative}

.content_pro .protit:after{ content:""; width:80px; height:4px; background:#a9cc35; display:block; position:absolute; left:0;bottom:0; transform:skewX(-35deg)}







.pro-related{ padding-bottom:40px;}

.pro-related a{ display:block; background:#fff; padding:30px; text-align:center}

.pro-related img{ display:block; width:100%; -webkit-transition:.5s ease;-moz-transition:.5s ease;transition:.5s ease;}

.pro-related h3{ margin-top:20px; font-size:16px}

.pro-related .swiper-slide:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.pro-related .swiper-pagination{ bottom:0}

.pro-related .swiper-pagination-bullet{ width:10px; height:10px;}

.pro-related .swiper-pagination-bullet-active{ background:#2479b9}

.pro-related.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px}





.page_2{ margin-top:50px}

.page_2 .more{background:#f3f3f3;color:#2479b9; text-align:right;padding:0 20px; line-height:40px; display:flex; display:-webkit-flex; align-items:center; justify-content:center;line-height:60px;margin:0 auto;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s; font-weight:bold}

.page_2 .more i{ width:25px; height:1px; background:#2479b9; position:relative; margin-left:10px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.page_2 .more i:before{content:""; width:5px; height:1px; background:#2479b9; position:absolute;right:0;top:-3px; display:block; transform:rotate(45deg);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.page_2 .more:hover{ background:#47b4bb; color:#fff}

.page_2 .more:hover i{ background:#fff}

.page_2 .more:hover i:before{ background:#fff}



.main-case{ padding:0}

.main-case .wrap{ width:100%}

.caselist .item{ padding:80px 0}

.caselist .item .content{width:1250px; margin:0 auto; }

.caselist .item .pic{ width:50%; float:left;}

.caselist .item .pic img{ display:block; width:100%; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}

.caselist .item .pic img:hover{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.caselist .item .txt{ width:43%; float:right;}

.caselist .item h2{ font-size:40px; color:#333; line-height:60px;}

.caselist .item h3{ font-size:24px; line-height:36px; color:#333; margin-bottom:30px;}

.caselist .item .intro{ font-size:16px; margin-bottom:20px}

.caselist .item .more{color: #999;background: url(../images/arrow.png) no-repeat right center;font-size: 14px; padding-right: 45px; line-height: 30px;margin-top: 10px; display:inline-block}

.caselist .item:nth-child(2n){ background:#f3f3f3}

.caselist .item:nth-child(2n) .pic{ float:right}

.caselist .item:nth-child(2n) .txt{ float:left}

.caselist_2{ margin-top:30px}

.caselist_2 ul{ margin-right:-2%}

.caselist_2 li{ float:left; width:31.33%; margin-right:2%; background:#fff;}

.caselist_2 .pic{ overflow:hidden;}

.caselist_2 img{ display:block; width:100%; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}

.caselist_2 .txt{ padding:8%}

.caselist_2 .tit{ font-size:20px; color:#333; padding-left:0; margin-bottom:10px}

.caselist_2 .info{ line-height:26px; font-size:14px; margin-bottom:20px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; color:#666}

.caselist_2 .more{ display:inline-block; font-size:14px; text-decoration:underline; color:#999; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.caselist_2 li:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.caselist_2 li:hover .more{ color:#c30d23}



.certificate .pic{ width:46%;}

.certificate .pic img{ display:block; width:100%}

.certificate .txt{ width:50%; padding-top:2%}

.certificate .txt h3{ font-size:24px; color:#333; padding-left:15px; position:relative; margin-bottom:20px}

.certificate .txt h3:before{ content:""; width:3px; height:20px; background:#e56b15; display:block; position:absolute; left:0;top:5px}

.certificate ul{ display:flex; display:-webkit-flex; margin-top:50px; justify-content:space-between}

.certificate li{ width:100px; height:100px; background:#e56b15; border-radius:50%; text-align:center; color:#fff; font-weight:bold; line-height:26px; font-size:18px; box-shadow:0 0 0 10px rgba(227,109,22,.15);flex-shrink:0}

.certificate li .cn{ margin-top:20px; display:block}

.certificate li .en{ display:block; font-weight:normal; font-size:14px}

.certificate li:nth-child(2n){ background:#71706e; box-shadow:0 0 0 10px rgba(113,112,110,.15)}





.messbox{ position:relative}

.messbox .row{ margin-right:-30px; position:relative}

.messbox .item{ float:left;margin-bottom:15px; width:100%; padding-right:30px; position:relative}

.messbox .colm{ position:relative; width:48%; float:left}

.messbox .colm:nth-child(2){ float:right}

.messbox .item2{ width:50%;}

.messbox .red{ position:absolute; right:20px;top:0;line-height:45px;}

.messbox label{ position:absolute; left:0; color:#666; line-height:45px; padding-left:10px; font-size:16px}

.messbox .inp{ width:100%; border:1px solid #d8d8d8; background:#fff; line-height:45px; padding-left:60px; padding-right:5px; font-size:16px;}

.messbox .inp02{ padding-left:90px}

.messbox .inp03{ padding-left:70px; width:30%}

.messbox textarea{ border:1px solid #d8d8d8; background:#fff; width:100%; padding:10px;padding-top:35px; height:180px; line-height:30px; font-size:16px; display:block}

.messbox .submit{ display:block; width:130px; line-height:41px; font-size:16px; font-weight:bold; cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s; position:absolute; right:30px;top:0; background:#c30d23; color:#fff; border:2px solid #c30d23;}

.messbox .submit:hover{ background:#f3f3f3; color:#c30d23; border:2px solid #c30d23;}



/*===========================contact================================*/



.content_c{ font-size:16px; line-height:30px}

.content_c .title{font-size:30px; color:#333; margin-bottom:35px}

.contactbox{ position:relative}

.contact-list{ width:45%}

.contact-list .item{ border-bottom:1px solid #ddd;margin:35px 0; padding-left:75px; padding-bottom:30px}

.contact-list .item span{ display:block; font-size:16px; color:#888; font-weight:normal; line-height:24px}

.contact-list .item p{ margin-bottom:0}

.contact-list .tel{background: url(../images/cont-icon01.jpg) no-repeat left 0; font-size:30px; font-weight:bold; color:#2479b9}

.contact-list .mail{background: url(../images/cont-icon02.jpg) no-repeat left 0;}

.contact-list .address{ position:relative}

.contact-list .address .tit{ display:flex; display:-webkit-flex; align-items:center;color:#2479b9; font-size:18px;}

.contact-list .address span{ font-size:30px; background:#00b050; width:60px; height:60px; color:#fff; display:block; text-align:center; line-height:60px; border-radius:50%;font-weight:bold; position:absolute; left:0;top:0}

.contact-list .address h4{ color:#00b050; font-size:20px}

.contact-pic{ position:absolute; width:50%; height:100%;top:0;right:0; background:#f2f2f2; padding:15px; min-height:580px;}

.mappic{ text-align:center}

.mappic img{ display:block; margin:auto; display:block; max-width:100%}



#allmap{width:50%;height:380px;line-height:22px; font-size:14px; float:left}

.BMap_bubble_title{ white-space:normal !important;color: #e56b15; font-size:16px;padding:10px 0; text-align:center}

.BMap_bubble_content{ text-align:center;color: #888; font-size:13px}



/*============================================================*/

.footer{ background:#262626; color:#fff;line-height:26px; padding-top:60px;position:relative}

.footer-top{ position:relative; color:#a2a2a2; margin-bottom:40px}

.footer-top:before{ content:""; width:1px; height:100%; background:rgba(255,255,255,.1); position:absolute; left:37%;top:0}

.footer-top:after{ content:""; width:1px; height:100%; background:rgba(255,255,255,.1); position:absolute; left:78%;top:0}

.footer-top>div>div{ float:left}

.footer-top .left{ width:30%; margin-right:13%;}

.footer-top .middle{ width:32%; margin-right:10%;}

.footer-top .flogo{ float:left}

.footer-top .left .txt{ padding-left:140px; padding-top:10px}

.footer-top .left ul{ margin-top:50px}

.footer-top .left li{ float:left; width:50%; padding-right:15%; position:relative}

.footer-top .left li a{ color:rgba(255,255,255,.6)}

.footer-top .left li:after{ content:""; width:1px; height:12px; background:#3c3c3c; position:absolute; right:23%; top:8px;}

.footer-top .left li:nth-child(2n)::after{ display:none}

.footer-top .middle h4, .footer-top .right h4{ font-size:18px; color:#fff; font-weight:bold; margin-bottom:25px}

.footer-top .middle p{ line-height:24px}

.footer-top .middle .tel{ font-size:24px; font-weight:bold; color:#00b050; background:url(../images/tel.png) no-repeat left center; padding-left:50px; line-height:40px;}

.footer-top .middle .email{ margin-top:20px; margin-bottom:10px}

.footer-top .right .ewm{ display:block; width:120px; height:auto; margin-bottom:5px}



.footer-bot{ background:#212121; padding:20px 0; color:#6f6f6f;}

.footer-bot a{ color:6f6f6f6}

.f-link a{ display:inline-block; padding-right:15px; margin-right:15px; position:relative}

.f-link a:after{ content:""; width:1px; height:12px; background:#3c3c3c; position:absolute; right:0;top:6px}

.f-link a:last-child::after{ display:none}



.float_kf{ position:fixed;right:10px; bottom:30%;box-shadow:0 0 15px rgba(0,0,0,.1); z-index:99}

.float_kf li{ width:70px; text-align:center;background:#4b4b4b;  position:relative; font-size:14px; margin-bottom:1px; position:relative}

.float_kf li a{ display:block;padding:12px 0;color:#fff; }

.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}

.float_kf li:hover{ background:#a9cc35;color:#fff}.float_kf li:hover a{ color:#fff}

.float_kf li .hd{ opacity:0;visibility: hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.float_kf .zx i{ width:25px; height:25px; background:url(../images/right_icon01.png) no-repeat; margin:0 auto 5px; display:block}

.float_kf .tel i{ width:25px; height:25px; background:url(../images/right_icon02.png) no-repeat; margin:0 auto 5px; display:block}

.float_kf .tel .hd{ background:#a9cc35; color:#fff; font-size:16px; position:absolute;right:90px;top:15px;text-align:left; padding:10px 15px; white-space:nowrap; border-radius:5px; font-weight:bold;)}

.float_kf .tel .hd:after{ content:""; width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #a9cc35; position:absolute; right:-5px;top:15px}

.float_kf li:hover .hd{ opacity:1; visibility:visible;right:85px;}

.float_kf .mes i{ width:25px; height:25px; background:url(../images/right_icon03.png) no-repeat; margin:0 auto 5px; display:block}

.float_kf .backtop{background:#4b4b4b;}

.float_kf .backtop i{ width:25px; height:25px; background:url(../images/right_icon04.png) no-repeat; margin:0 auto 3px; display:block}

.float_kf .backtop a{ color:#fff}



#newBridge .nb-icon-base .nb-icon-inner-wrap{ display:none !important}

.pagination{ height:auto !important; margin-top:30px !important; padding:0 !important}
.pagination a.cur{background: #2479b9!important; border:1px solid #2479b9!important; color:#fff !important}
.pagination a:hover{border:1px #2479b9 solid !important; color:#2479b9!important}
.pagination a.cur:hover{color:#fff !important}
.pagination p.pageRemark b{color:#2479b9!important}
.en .menu .sub{ width:200px; margin-left:0; -moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.en .menu .sub a{ white-space:normal;padding: 12px;}
.en .inner-nav li a{ width:auto; min-width:150px; padding:0 20px;}
.en .footer-top .middle p{ padding-top:10px; line-height:20px}
.en .footer-top .middle .email{ margin-bottom:0}
.en .title{ font-size:30px; line-height:35px;}
.en .content_c{ line-height:26px; font-size:15px}
.en .contact-list .address h4{ margin-bottom:5px;}
.en .contact-list .address p{ line-height:20px}
.en .company .txt-r h1{ line-height:35px}
.en .content_abt{ font-size:15px;}
.en .main .content{ line-height:26px}
.en .i-about .txt-left{ padding-top:0}
.en .i-about .intro{ font-size:15px; line-height:26px}
.en .i-about .ys li{ margin-right:3%}
.en .i-about .ys p{ line-height:20px; padding-top:5px}
.en .i-service-list .intro{ font-size:14px; line-height:24px; display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellisis; height:96px;}
.en .banner .txt{ max-width:600px; text-align:left}
.en .banner .txt h2{ font-size:50px; line-height:50px; padding:20px; text-align:left}
.en .banner .txt p{ line-height:30px; padding:20px; text-align:left; font-size:26px}
.en .inner-nav li a{ line-height:30px; padding:10px 20px; height:70px; display:flex; display:-webkit-flex; align-items:center; justify-content:center;}





.bjtitle h3{ display:inline-block; padding:10px 30px; background: #4472c4; color: #fff; font-size:22px;}
.bjconn{margin-bottom:55px;}
.bjconn h3{ color:#4472c4; font-size:18px; font-weight:bold; margin:25px 0 10px 0}
.bjconn p{ margin-bottom:0 !important; padding:0}
.bjconn .wenzi{ float:left; width:40%}
.bjconn .image{ float:right; width:60%} 
.bjconn .image img{ display:block; width:auto; max-width:100%}

.bjkuai{ margin-bottom:30px;}
.bjkuai .kuaititle h3{ margin-bottom:15px; color:#4472c4; font-size:18px; font-weight:bold; line-height:40px;}
.bjkuai .kuaititle span{ width:40px; height:40px; background:#4472c4; color:#fff; font-size:24px;font-weight:bold; display:inline-block; text-align:center; margin-right:10px;}
.bjkuai .biaoge{ float:left; width:58%}
.bjkuai .biaoge table td{ line-height:50px; padding:0 15px}
.bjkuai .biaoge table tr:nth-child(2n+1){ background:#f2f3f4}
.bjkuai .image{ float:right; width:40%; max-width:450px;}

.bjkuai .lcsili{width: 100%; display: flex; display: -webkit-flex; justify-content: space-between;}
.bjkuai .lcsili li{ display:inline-block; margin-right:25px; }
.bjkuai .lcsili li:last-child{ margin-right:0}
.bjkuai .lcsili li img{ display:block; width:auto; max-width:100%}

.bjkuai .wenzi{background:#f2f3f4; padding:50px 15px}

.bjprolist li{ float:left; width:23.5%; margin-right:2%; border:solid 1px #ddd; margin-top:2%}
.bjprolist li:nth-child(1), .bjprolist li:nth-child(2){ width:49%;}
.bjprolist li:nth-child(2), .bjprolist li:nth-child(6), .bjprolist li:nth-child(10), .bjprolist li:nth-child(14){ margin-right:0}