@charset "UTF-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {

  margin: 0;

  padding: 0; }



body,html {

  font-family: "微软雅黑","Lucida Grande",Helvetica,Arial,"Microsoft YaHei","FreeSans,Arimo","Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;

  background: #ffffff; overflow-x: hidden;}



html{-webkit-text-size-adjust:none;}
input {-webkit-appearance:none; }
fieldset, img {

  border: 0; }



ol, ul {

  list-style: none; }

*{

}

h1, h2, h3, h4, h5, h6,b{

  font-size: 100%;

  font-weight: 400; }

*:active{



     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);



}

em {

  font-style: normal; }



input, button, select, textarea {

  outline: none; }



textarea {

  resize: none; }



/* 禁用了文本的拖拉，尤其在谷歌下 */

/* 为了使文本段落左右两边对齐 */

/*======== Link ========*/

a {

  color: #333333;

  text-decoration: none; }



a:hover {

  text-decoration: none; }



.hidden {

  display: none !important; }



img {

  max-width: 100%; }

#dituContent img{max-width: initial;}

.fl {

  float: left; }



.fr {

  float: right; }

.box{width: 1440px;margin:0 auto;position: relative;}

.text-center {

  text-align: center; }

.clear {

  clear: both; }

.text-center{text-align: center;}

.iconfont{

    font-family:"iconfont";

    font-size:16px;font-style:normal;

    -webkit-font-smoothing: antialiased;

    /*-webkit-text-stroke-width: 0.2px;*/

    -moz-osx-font-smoothing: grayscale;}

@font-face {

  font-family: 'iconfont';  /* project id 1796533 */

  src: url('http://at.alicdn.com/t/font_1796533_vnxy42yvtw.eot');

  src: url('http://at.alicdn.com/t/font_1796533_vnxy42yvtw.eot?#iefix') format('embedded-opentype'),

  url('http://at.alicdn.com/t/font_1796533_vnxy42yvtw.woff2') format('woff2'),

  url('http://at.alicdn.com/t/font_1796533_vnxy42yvtw.woff') format('woff'),

  url('http://at.alicdn.com/t/font_1796533_vnxy42yvtw.ttf') format('truetype'),

  url('http://at.alicdn.com/t/font_1796533_vnxy42yvtw.svg#iconfont') format('svg');

}

.header{height: 110px;line-height: 110px;}

.header .logo-box{padding:25px 50px;float: left;line-height: 0}

.header .header-right{display: flex;float: right}

.header .header-right .nav-box{padding-right: 30px;}

.header .header-right .nav-box ul{display:flex; }

.header .header-right .nav-box ul li{width: 135px;height: 110px;position: relative;text-align: center;}
.header .header-right .nav-box ul li.on a{background: rgba(9,103,173,.8); color: #fff;}
.header .header-right .nav-box ul li.on:after{display: none;}
.header .header-right .nav-box ul li a{display: block;font-size:18px; transition: all 0.3s}

.header .header-right .nav-box ul li:after{content: "";display: block;width: 1px;height:65px;background: #e5e5e5;position: absolute;top:0;right:0;}

.header .header-right .nav-box ul li dl{position: absolute;display: none; z-index: 9999999;width: 100%;box-sizing:border-box;}

.header .header-right .nav-box ul li dl dd:nth-child(1){ padding-top: 20px}

.header .header-right .nav-box ul li dl dd a{font-size: 14px;line-height: 55px;display: block;}

.header .header-right .nav-box ul li:hover a{background: rgba(9,103,173,.8); color: #fff;}

.header .header-right .nav-box ul li:hover:after{display: none;}

.header .header-right .nav-box ul li:hover dl{display: block; background: rgba(9,103,173,.8); color: #fff;}

.header .header-right .nav-box ul li dl dd a:hover{background: #159243}

.header .header-right .btn-box{margin-left: 20px;display: flex;align-items:center;}

.header .header-right .btn-box span{display: block;  position: relative;cursor: pointer; line-height: 50px;height:50px; width: 50px; text-align: center;border:1px solid #e6e6e6;border-radius: 25px;margin-right: 20px;}

.header .header-right .btn-box span .iconfont{font-size:25px;color: #666666,z-index: -1;}

.header .header-right .nav-btn{width: 95px;height:110px;overflow: hidden; text-align: center;background: #0967ad;overflow: hidden;margin-left: 20px;cursor: pointer;}

.header .header-right .nav-btn span .iconfont{font-size:30px; color: #fff;}



.banner .img{line-height: 0}

.banner-index-btn{position: absolute;right:30px;top:50%;transform: translate(0,-50%);z-index: 1000;text-align: center;}

.banner-index .swiper-pagination{width: 40px;position: relative;}

.banner .img img{width: 100%;}

.banner-index .swiper-pagination-bullet{margin:10px auto !important; display: block;background: #fff;    opacity: 1;width: 10px;height:10px;}

.banner-index .swiper-pagination-bullet-active{border-radius: 15px;width: 25px;height:25px;border:1px solid #fff; background: initial !important;position: relative;margin:20px auto !important;}

.banner-index .swiper-pagination-bullet-active:after{content: "";display: block;width: 8px;height:8px; background: #fff;border-radius: 10px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}

.banner-index-btn .next{margin-bottom: 30px;}

.banner-index-btn .prev{margin-top: 30px;}



.index-title{position: absolute; cursor: pointer; transition: all 0.3s; text-align: center;width: 100px;background: #0967ad;height:200px;width: 175px;margin-top: 30px;left:-220px;z-index: 99999999;}

.index-title:after{position: absolute; z-index: -1; transition: all 0.3s; top:-10px;left:-10px; height:100%;width: 100%;border:3px solid #0967ad;content: "";}

.index-title a{color: #fff;display: block;}

.index-title:hover{background: #159243;}

.index-title:hover:after{border:3px solid #159243;}

.index-title em{padding-top: 0;font-size:60px;display: block;}

.index-title h1{font-size: 26px;}

.index-title p{font-size:16px;opacity: .3;line-height: 40px;}

.index-product .title-box{position: relative;}

.index-product{position: relative;background:#e8e8e8;padding:20px 0 50px 0;}


.index-product .product-list>.box{width: 90%;}
.index-product .product-list .ul{width: 90%;display: flex; margin:0 auto;margin-top: 95px;max-width: 1730px;position: relative;}

.index-product .product-list .ul.on{display: block;}

.index-product .product-list .ul li{background: #fff;padding-bottom: 120px;flex:1;}

.index-product .product-list .ul li:nth-child(2n){background: url(../images/list-bg.png) no-repeat; background-size:100% 100%;}

/*.index-product .product-list .ul .swiper-wrapper .swiper-slide a{}*/

.index-product .product-list .ul .img{text-align: center;padding:100px 80px 50px 80px;}
/*.index-product .product-list .ul  li a{position:relative; display: block;height:100%;}*/
.index-product .product-list .ul  .text{ padding:0 35px;line-height: 35px;padding-bottom: 40px;position: absolute;bottom:0;width: 100%; padding-top: 15px; box-sizing:border-box;}

.index-product .product-list .ul .text:after{content: "";width: 130px;height:1px;background: #159243;position: absolute;top:0;left:35px;}

.index-product .product-list .ul .text h1{font-size:18px;color: #777}

.index-product .product-list .ul .text span{font-size: 24px;}



.product-title{position: absolute;top:40px;left:50%;transform: translate(-50%,0);z-index: 222}

.product-title ul{display: flex;}

.product-title ul li{margin:0 3px;border:1px solid #cecece;background: #fff;padding-top: 105px;text-align: center;padding-bottom: 20px;width: 260px;position: relative;cursor: pointer;}
.product-title ul li a{display: block;}
.product-title ul li a:hover{color: #159243;font-weight: bold;}
.product-title ul li a{position: absolute;left:0;width: 100%;top:50%;transform: translate(0,-50%);height:100%;display:flex;justify-content:center;align-items:center}
.product-title ul li.on h2{color: #159243;font-weight: bold;}

/*.product-title ul li.on:after{position: absolute;bottom:-35px;height:45px;width: 3px;left:50%;transform: translate(-50%,0);content: "";background: #99ff33}

.product-title ul li:nth-child(1){background:#fff url(../images/icon-bdt.png) no-repeat  center 20px;}

.product-title ul li:nth-child(2){background:#fff url(../images/icon-hwp.png) no-repeat  center 20px;}

.product-title ul li:nth-child(3){background:#fff url(../images/icon-hwx.png) no-repeat  center 20px;}

.product-title ul li:nth-child(1).on{background:#fff url(../images/icon-bdt-on.png) no-repeat  center 20px;}

.product-title ul li:nth-child(2).on{background:#fff url(../images/icon-hwp-on.png) no-repeat  center 20px;}

.product-title ul li:nth-child(3).on{background:#fff url(../images/icon-hwx-on.png) no-repeat  center 20px;}*/

.product-index-btn{position: absolute;bottom:-20px;right:0;z-index: 9999}

.product-index-btn span{user-select: none; display: inline-block;width: 80px;text-align: center;line-height: 60px;background: #fff; cursor: pointer;}

.product-index-btn span .iconfont{font-size: 24px; }

.product-index-btn span:hover{background: #159243;color: #fff}



.about-box{display: flex;padding-top: 75px;}

.about-box .about-img{width: 656px;}

.about-box .about-content{width: 650px;margin-left: 105px}

.about-box .about-content h1{font-size: 30px;color: #333333;line-height: 50px; padding-bottom: 10px;position: relative;}

.about-box .about-content h1:after{position: absolute;bottom:0;width: 85px;left:0;height:1px;background: #159243;content:'';}

.about-box .about-content h1:before{position: absolute;bottom:0;width: 330px;left:0;height:1px;background: #dcdcdc;content:'';}



.about-box .about-content .content{margin-top: 30px;font-size: 14px;line-height: 24px;}

.about-box .about-content a{color: #159243;border:1px solid #159243;display: inline-block;padding:0 25px; line-height: 35px;margin-top: 25px;letter-spacing: 2px; }
.index-about{
  padding-bottom: 80px;
}
.index-about .btn ul{display: flex;margin-top: 30px;padding-bottom: 60px;}

.index-about .btn ul li{width: 35%;padding:30px;box-sizing:border-box; border-top:2px solid #dcdcdc;position: relative;margin-left: 3.3%}

.index-about .btn ul li:nth-child(1){margin-left: 0}

.index-about .btn ul li:after{position: absolute;top:-2px;width: 95px;left:0;height:2px;background: #8fc31f;content:'';}

.index-about .btn ul li a{display: flex;}

.index-about .btn ul li a:hover{color: #159243}

.index-about .btn ul li a .icon span{display: block; border-radius: 50px;width: 80px;height: 80px;border:1px solid #159243;text-align: center;}
.index-about .btn ul li:last-child  .icon span{animation: telImg 0.1s linear infinite alternate;}
.index-about .btn ul li a .icon span img{transform: translate(0,-50%);position: relative;top:50%;}

.index-about .btn ul li a .text{padding-top: 10px;font-size: 26px;padding-left: 40px;}

.index-about .btn ul li a .text span{display: block;font-size: 12px;color: #c5cebf;margin-top: 10px;}



.index-yxyy-bg{background:#f2f2f3 url(../images/index-yxyy-bg.jpg) no-repeat; background-size:100% auto;}

.index-yxyy-box{}

.index-yxyy-content{padding-top: 185px;padding-bottom: 40px;}

.index-yxyy-content ul{display: flex;}

.index-yxyy-content li{width: 260px;cursor: pointer; transition: all 0.1s; height:320px;position: relative;margin-left: 15px;overflow: hidden;}

.index-yxyy-content li:nth-child(1){margin-left: 0}

.index-yxyy-content li .img{height:100%;}

.index-yxyy-content li .img img{height:100%;width:auto;max-width: initial;position: relative;left:50%;transform:translate(-50%,0);}

.index-yxyy-content li .text{position: absolute;top:0;left:0;width: 100%;background: #fff;height:100%;opacity: 0.8;z-index: 2}

.index-yxyy-content li .text em{font-size: 30px;color: #159147;text-align: center;display: block;padding-top: 68px}

.index-yxyy-content li .text h1{width: 24px;margin:20px auto;font-size: 24px;padding-left: 30px;position: relative;line-height: 26px;}

.index-yxyy-content li .text h1:after{background: #159147;content: "";height:110px;width: 1px;display: block;position: absolute;top:0;left:0;}

.index-yxyy-content li .text .link{text-align: center;margin-top: 30px;}

.index-yxyy-content li p{display: none;}

.index-yxyy-content li.on{width: 890px;display: flex;}

.index-yxyy-content li.on .text{position: relative;opacity: 1;box-sizing:border-box;padding:20px;}

.index-yxyy-content li .img {width: 320px;}

.index-yxyy-content li.on .text em{float: right;padding-top: 0}

.index-yxyy-content li.on .text h1{clear: both;width: 100%;padding-left: 0;padding-bottom: 10px;}

.index-yxyy-content li.on .text h1:after{width: 110px;height:1px;bottom: 0;top:initial;}

.index-yxyy-content li.on .text p{display: block;color: #666666;font-size: 16px;line-height: 30px;}

.index-yxyy-content li.on .text .link{text-align: right}



.index-news{margin-top: 30px;padding-bottom: 105px;}

.index-news-tabs{width: 600px;display: flex;margin:20px auto;border:1px solid #d5d5d5;border-right: 0; height:115px;}

.index-news-tabs .news-tabs-span{height:40px;width: 50%;border-right: 1px solid #d5d5d5;text-align: center;padding-top: 75px;font-size: 18px;position: relative;cursor: pointer;}

.index-news-tabs .news-tabs-span {display: block;}

.index-news-tabs .news-tabs-span.on{color: #159243;font-weight: bold;}

.index-news-tabs .news-tabs-span.on:after{height:3px;width: 42px;bottom: -1px;content: "";background: #99ff33; position: absolute;left:50%;transform: translate(-50%,0);display: block;}

.index-news-tabs .news-tabs-span:nth-child(1){background: url(../images/icon-news-1.png) no-repeat center 12px;}

.index-news-tabs .news-tabs-span:nth-child(2){background: url(../images/icon-news-2.png) no-repeat center 12px;}

.index-news-tabs .news-tabs-span.on:nth-child(1){background: url(../images/icon-news-1-on.png) no-repeat center 12px;}

.index-news-tabs .news-tabs-span.on:nth-child(2){background: url(../images/icon-news-2-on.png) no-repeat center 12px;}

.index-news-content{padding-top: 15px;}

.index-news-content ul{overflow: hidden;display: none}

.index-news-content ul.on{display: block;}

.span-icon{display: none;}

.two-nav ul li>em{

  display: none;

}

.index-news-content li{width: 465px;float: left;border:  1px solid #d5d5d5;margin-left: 19px;margin-top: 19px;}

.index-news-content li .img{display: none}

.index-news-content li:nth-child(1){margin-left: 0;}

.index-news-content li:nth-child(1) .img{height:285px;overflow: hidden;display: block;font-size: 0}

.index-news-content li:nth-child(1) .text{padding:50px 45px;height:206px;}

.index-news-content li .text{padding:45px;height:195px;position: relative;cursor: pointer;}

.index-news-content li .text:hover{background: #f2f2f3}

.index-news-content li .text h1{padding-left: 20px;position: relative;font-size: 24px;color: #333333;text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;}

.index-news-content li .text p{font-size: 16px;color: #666;line-height: 24px;margin-top: 20px;}

.index-news-content li .text a{margin-top: 20px;display: block;color: #159147;position: absolute;bottom:40px;}

.index-news-content li .text h1:after{content: "+";position: absolute;top:0;left:0;color: #159147;font-size: 20px;}



.footer-bg{background: #666666}

.footer-top{padding-top: 52px;overflow: hidden;}

.footer-nav {float: left;}

.footer-nav ul{display: flex;}

.footer-nav ul li{margin-right: 50px;}

.footer-nav ul a{color: #fff;}

.footer-nav ul h1{font-size: 18px;line-height: 40px;}

.footer-nav ul dl{margin-top: 5px;}

.footer-nav ul dd{font-size: 14px;line-height: 30px;}

.footer-contact{float: right;display: flex;}

.footer-contact .tel{text-align: center;color: #fff;margin-right: 50px;line-height: 30px;font-size: 16px;}
.footer-contact .tel img{animation:telImg 0.1s linear infinite alternate; }

@keyframes telImg
{
from {transform: scale(1,1);}
to {transform: scale(1.06,1.06);}
}
.footer-contact .code span{display: block;color: #fff;line-height: 35px;}

.footer-copy a{color: #fff;}

.footer-copy{border-top:1px solid #888888;margin-top: 60px;padding-top:30px; padding-bottom: 80px;text-align: center;font-size: 16px; line-height: 24px;color: #fff;}



.content-top{position: relative;padding-bottom: 75px}

.content-top.news{padding-bottom: 0}

.content-top.news .content-title{width: 1372px;margin:0 auto;}

.content-title{width: 1440px;margin:0 auto;}

.content-title .title-bg{padding-right: 30px;display: inline-block; background: #0967ad;margin-top: -100px;

    float: left;}

/*.content-top.news .content-title .title-bg{margin-top:-85px;}*/

.content-title .title{padding: 24px 80px 30px 30px;color: #fff;position: relative;}

.content-title .title:after{content:"";display: block;position: absolute;top:50%;right:0;background:url(../images/icon-title-new.png) no-repeat center center; background-size: auto 50%; transform: translate(0,-44%);width: 45px;height:45px;border:1px solid #fff;border-radius: 50px;}

/*.content-top.news .title{background: initial;padding: 24px 100px 25px 30px;}*/

/*.content-top.news .title:after{display: none;}*/

.content-title .title a{color: #fff;}

.content-title .title em{font-size: 36px;opacity: .2;}

.content-title .title h1{font-size: 30px;margin-top: -15px;}

.two-nav{}

.two-nav ul{display: flex;}

.two-nav ul li{margin-right: 30px;}

.content-top.news .two-nav ul li.on >a{border-bottom: 2px solid #009933;padding:0 8px;}

.content-top.news .two-nav ul li.on>a:after{display: none}

.two-nav ul li>a{line-height: 70px;position: relative;display: block;font-size: 18px;position: relative;z-index: 22;}

.two-nav ul li.on>a{color: #009933;font-weight: bold;}

.two-nav ul li.on>a:after{position: absolute;content: "";display: block; width:97px; height:2px;background: #009933;left:50%;transform: translate(-50%,0);bottom:0;z-index: 9999}

.two-nav .three-nav{position: absolute;width: 100%; border-top:1px solid #e5e5e5; bottom:0;left:0;line-height: 75px;background: #f9f9f9;display: none;}

.two-nav .three-nav.news{bottom: 0;display: block !important;z-index: 1}

.two-nav ul li.on .three-nav {display: block;}

/*.two-nav ul li .three-nav .box{width: 1372px;}*/

.two-nav ul li .three-nav dl{overflow: hidden;}

.two-nav ul li .three-nav dl dd{float: left;margin-right: 30px;position: relative;}
.two-nav ul li .three-nav dl dd.on a{color: #009933}
.two-nav ul li .three-nav dl dd a{display: block;}

.two-nav ul li a{transition: all 0.3s}

.two-nav ul li a:hover{color: #009933}

.two-nav ul li .three-nav dl dd a:before{content: ">";line-height: 75px;color: #009933;}

.position{float: right;margin-top: -65px;line-height: 30px;}

.position a{height:30px;}

.position a:nth-child(1){background: url(../images/icon-home.png) no-repeat center;width: 30px;line-height: 0;display: block;float: left}

.position a:last-child{color:#0967ad;}



.product-list-a ul{display: flex;margin:0 auto;margin-top: 75px;flex-wrap: wrap;}

.product-list-a ul li{width: 31%;margin-left: 3.3%;margin-bottom: 40px; background: #fff;position: relative; cursor: pointer;}

.product-list-a ul li:nth-child(3n+1){margin-left: 0}

.product-list-a ul li .img{text-align: center;height:685px; border:1px solid #ececec;padding:0 50px;}

.product-list-a ul li .img img{text-align: center;margin-top: 50px;}

.product-list-a ul li .text{background: #f4f3f3; box-sizing:border-box; padding:0 35px;line-height: 35px;padding-bottom: 60px;bottom:0;width: 100%; padding-top: 70px; position: relative;}

.product-list-a ul li .text:after{content: "";width: 130px;height:1px;background: #159243;position: absolute;top:55px;left:35px;}

.product-list-a ul li .text h1{font-size:18px;color: #777}
.product-list-a ul li .text span span{font-size: 20px;display: block;}

.product-list-a ul li .text span{font-size: 24px;}

.product-list-top li a:hover .text{background: #009933;color: #fff;}

.index-product .product-list .ul .swiper-wrapper .swiper-slide{transition: all 0.2s;}

.index-product .product-list .ul .swiper-wrapper .swiper-slide:hover{transform: scale(1.05,1.05);}

.product-list-a ul li:hover .text{background: #009933;color: #fff;}

.product-list-a ul li:hover  .text h1{color: #fff;}

.product-list-a ul li .a{position: absolute;bottom:0;right: 0;display: block;width: 45px;height:45px;line-height: 45px;background: #0c4ca3;text-align: center;color: #fff;font-size: 25px;}

.product-content{margin-top: 70px;background: url(../images/icon-cp-bg-top.png) no-repeat right top;background-size:100% auto;}

.product-content-top{background: url(../images/icon-cp-bg-btm.png) no-repeat bottom;background-size:100% auto;padding-top: 75px;display: flex;padding-bottom: 50px;}

.product-content-top .img{width: 50%;text-align: center;}

.product-content-top .img img{width: 60%;}

.product-content-top .text{width: 35%;margin-left: 10%;padding-right: 40px;}

.product-content-top .text .title h1{font-size: 30px;}

.product-content-top .text .title:after{content: "";display: block;width: 245px;height: 2px;background: #d1d1d1}

.product-content-top .text .title span{display: block;font-size:48px;color: #0967ad;padding:15px 0;}

.product-content-top .text .des{margin-top: 40px;}

.product-content-top .text .des .des-item{margin-bottom: 20px;}

.product-content-top .text .des .des-item h2{font-size: 24px;margin-bottom: 5px;}

.product-content-top .text .des .des-item p{line-height:30px;font-size: 16px;}

.product-content-top .text .des .des-item span{font-size: 18px;margin-bottom: 5px;display: block;}

.back{text-align: center;margin:50px;}



.product-content-r{margin-top: 40px;}



.news-content{padding:0 50px;width: 1272px;}

.news-content .title{text-align: center;border-bottom: 1px solid #e3e3e3;padding-bottom: 5px;margin-top: 50px;}

.news-content .title h1{font-size: 36px;}

.news-content .title p{margin: 20px 0;}

.news-content .title p span{display: inline-block;margin:0 20px;}

.news-content-r{padding:40px;}



.news-list-box{margin-top: 20px;width: 1372px}

.news-list-box .title{font-size: 36px;line-height: 75px;position: relative;}

.news-list-box .title:after{background: #009933;width: 115px;height:1px;content: "";display: block;position: absolute;bottom:0;left:0;}

.news-list ul{display: flex;

            flex-wrap: wrap;margin-top: 50px;}

.news-list ul li{width: 442px;margin-left: 23px;margin-bottom: 30px;}

.news-list ul li a{display: block;background: #f1f1f1;padding-bottom: 20px;}

.news-list ul li a:hover{background: #159243;color: #fff;}

.news-list ul li a:hover .text-box p,.news-list ul li a:hover .news-info .time *{color: #fff;}

.news-list ul li a:hover .news-info .link{background: url(../images/yxyy-a-b.png) no-repeat center; }

.news-list ul li:nth-child(3n+1){margin-left: 0}

/*.news-list ul li .img{height:300px;}*/

.news-list ul li .img img{width: 100%;height:100%;}

.news-list ul li .text-box{padding:20px 40px;height:130px;overflow: hidden;}

.news-list ul li .text{position: relative;top:50%;transform: translate(0,-50%);}

.news-list ul li .text-box h1{font-size: 24px;line-height: 30px;}
.news-list ul li .text-box h1 b{font-weight: 100}

.index-search-box{width: 700px;margin:30px auto; background: rgba(9,103,173,0.8); display: flex;position: absolute;top:47px;right:0; z-index: 99999999;display: none;}
.clase-search{display: none;}
.index-search-box .input{width: 590px;}
.index-search-box .input input{width: 100%;padding-left: 10px;line-height: 90px;height:90px;border:0;background: initial; color: #fff;}
.index-search-box .input input::-webkit-input-placeholder { /* WebKit browsers */
  color: #fff;
  font-size: 16px;
}
.index-search-box .input-submit{height:90px;width: 120px;line-height: 90px;cursor: pointer;position: relative;}
.index-search-box .input-submit input{width: 100%;line-height: 35px;height:35px;background: initial;border:0;color: #fff;height:100%;}
.index-search-box .input-submit .iconfont{position: absolute;top:50%; color: #fff !important;left:50%;transform: translate(-50%,-50%);}

.search-box{width: 50%;margin:30px auto; display: flex;}
.search-box .input{width: 80%;border:2px solid #ddd;}
.search-box .input input{width: 100%;padding-left: 10px;line-height: 35px;height:35px;border:0;}
.search-box .input-submit{height:35px;width: 120px;background: #0967ad;line-height: 35px;border:2px solid #0967ad;cursor: pointer;}
.search-box .input-submit input{width: 100%;line-height: 35px;height:35px;background: initial;border:0;color: #fff;}
.news-list ul li .text-box p{margin-top: 15px;font-size: 14px;line-height: 18px;color: #666666;}

.news-list ul li .news-info{padding:0 40px;overflow: hidden;}

.news-list ul li .news-info .time {float: left}

.news-list ul li .news-info .time em{font-size: 36px;color: #359f65;}

.news-list ul li .news-info .time em:after{content: "/";color: #99cc33;font-size: 16px}

.news-list ul li .news-info .time span{display: block;font-size: 16px;color: #777676}

.news-list ul li .news-info .link{float: right;margin-top: 13px;width: 45px;height:45px;background: url(../images/yxyy-a.png) no-repeat center;}



.znxc-rcln{width: 1372px;margin-bottom: 150px;}

.znxc-rcln-box{display: flex;margin-top: 30px;}

.znxc-rcln .title{font-size: 36px;line-height: 75px;position: relative;}

.znxc-rcln .title:after{background: #009933;width: 115px;height:1px;content: "";display: block;position: absolute;bottom:0;left:0;}

.znxc-rcln-box .img{width: 645px;}

.znxc-rcln-box .text{margin-left: 95px;width: 590px;font-size: 24px;}

.znxc-rcln-box .text h1{font-size: 24px;color: #333333;line-height: 60px;}

.znxc-rcln-box .text p{color: #0967ad;line-height: 36px;margin-top: 10px;}



.box-arc{width: 1370px;margin:0 auto;}

.yxyy-arc{margin-bottom: 80px;}

.yxyy-arc .title{font-size: 36px;line-height: 75px;position: relative;}

.yxyy-arc .title:after{background: #009933;width: 115px;height:1px;content: "";display: block;position: absolute;bottom:0;left:0;}

.yxyy-arc ul{margin-top: 45px;}

.yxyy-arc ul li{background: #f6f7f7;margin-bottom: 40px;}

.yxyy-arc ul li a{display: flex;padding:40px;transition: all 0.3s}



.yxyy-arc ul li .img{width: 370px;}

.yxyy-arc ul li .text{width: 860px;margin-left: 55px;}

.yxyy-arc ul li .text h1{position: relative;line-height: 70px;margin-top: 10px;font-size: 24px;}

.yxyy-arc ul li .text h1:after{background: #0277c7;width: 300px;height:1px;content: "";display: block;position: absolute;top:0;left:0;}

.yxyy-arc ul li .text p{margin-top: 10px;line-height: 30px;font-size: 16px;color: #333333}

.yxyy-arc ul li a:hover{background:#009933; color: #fff;}

.yxyy-arc ul li a:hover p{color: #fff;}

.content-top.fuwu{padding-bottom: 30px;}

.position.fuwu{margin-top: -15px}

.search-arc .title{font-size: 36px;line-height: 75px;position: relative;}

.search-arc .title:after{background: #009933;width: 115px;height:1px;content: "";display: block;position: absolute;bottom:0;left:0;}
.search-arc ul{margin-top: 30px;}
.search-arc ul li{line-height: 115px;background: #f1f1f1;padding:0 30px;margin-bottom: 10px;}
.search-arc ul li a .text{ display: flex;background:url(../images/yxyy-a.png) no-repeat right center;}
.search-arc ul li a .text span{font-size: 16px;}
.search-arc ul li a .text span em{font-size: 36px;color: #359f65}
.search-arc ul li a .text span em:after{content: '/';font-size: 14px; color: #99cc33}
.search-arc ul li a .text h1{padding-left: 20px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fuwu-arc .title{font-size: 36px;line-height: 75px;position: relative;}

.fuwu-arc .title:after{background: #009933;width: 115px;height:1px;content: "";display: block;position: absolute;bottom:0;left:0;}

.fuwu-arc ul{margin-top: 45px;}

.fuwu-arc ul li{background: #f6f7f7;margin-bottom: 60px;position: relative;}

.fuwu-arc ul li:after{display: block;position: absolute;left:0;top:50%;transform:translate(0,-50%);height:103%;content: "";background: #1d94d2;width: 575px;}

.fuwu-arc ul li a{overflow: hidden;display: block;position: relative;z-index: 2}

.fuwu-arc ul li .img{width: 560px;float: left;padding-left: 40px;}

.fuwu-arc ul li .text{width: 600px;margin-left: 55px;float: right;padding-top: 70px;padding-right: 77px;}

.fuwu-arc ul li .text h1{position: relative;line-height: 36px;margin-top: 10px;font-size: 24px;padding-top: 20px;}

.fuwu-arc ul li .text h1:after{background: #0277c7;width: 300px;height:1px;content: "";display: block;position: absolute;top:0;left:0;}

.fuwu-arc ul li .text p{margin-top: 10px;line-height: 30px;font-size: 16px;color: #333333}

.fuwu-arc ul li:nth-child(2n) .img{float:right; padding-right: 40px;padding-left: 0}

.fuwu-arc ul li:nth-child(2n) .text{float: left;}

.fuwu-arc ul li:nth-child(2n):after{right:0;left:initial;}

.fuwu-arc ul li:nth-child(5) .img{float:right; padding-right: 40px;padding-left: 0}

.fuwu-arc ul li:nth-child(5) .text{float: left;}

.fuwu-arc ul li:nth-child(5):after{right:0;left:initial;}



.fuwu-arc ul li:nth-child(4) .text{float: initial;width: auto;padding-bottom: 70px;padding-top: 40px;}

.fuwu-arc ul li:nth-child(4):after{display: none;}



.fuwu-list{width: 1000px;margin:0 auto;display: flex;margin-top: 20px;}

.fuwu-list dd{width: 20%;text-align: center;}

.fuwu-list dd .icon{background: #fff;border:1px solid #cdcdcd;width: 95px;height:95px;border-radius: 50px;margin:0 auto;}

.fuwu-list dd .icon img{position: relative;top:50%;transform: translate(0,-50%);}

.fuwu-list dd .h1{line-height: 70px;}





.znxc-zxnc .title{position: relative;overflow: hidden;/*margin-top: 20px;*/}

.znxc-zxnc .title h1{position: relative;font-size: 36px;line-height: 75px;float: left;}

.znxc-zxnc .title h1:after{background: #009933;width: 115px;height:1px;content: "";display: block;position: absolute;bottom:0;left:0;}

.znxc-zxnc .title .p{line-height: 16px;line-height: 24px;width: 870px;float: left;margin-left: 105px;margin-top: 20px;}

.znxc-zxnc .title .p a{color: #0c4ca3}



.znxc-zxnc-box{margin-top: 40px;margin-bottom: 80px;}

.znxc-zxnc-box li{border:1px solid #dbdbdb;margin-bottom: 5px;}

.znxc-zxnc-box li .top{line-height: 68px;height:68px;font-size: 16px;padding-left: 30px;position: relative;}

.znxc-zxnc-box li .top dl{display: flex;}

.znxc-zxnc-box li .top dl dd:nth-child(1){width: 665px;}

.znxc-zxnc-box li .top dl dd .info{display: none}

.znxc-zxnc-box li .top dl dd:nth-child(2){width: 225px;}

.znxc-zxnc-box li .top dl dd:nth-child(3){width: 445px;}

.znxc-zxnc-box li .top .btn{position: absolute;right:0;top:0;font-size: 40px;width: 80px;text-align: center;line-height: 60px;cursor: pointer;}

.znxc-zxnc-box li .top .btn:after{content: "+";line-height: 60px;}

.znxc-zxnc-box li .content{display: none;transition:all 0.3s;}

.znxc-zxnc-box li.on{border:1px solid #0967ad;}

.znxc-zxnc-box li.on .top{background: #0967ad;line-height: 25px;color: #fff}

.znxc-zxnc-box li.on .top dl{padding-top: 8px;}

.znxc-zxnc-box li.on .top dl dd .info{display: block;font-size: 14px;}

.znxc-zxnc-box li.on .content{display: block;padding:20px 35px;font-size: 14px;line-height: 24px}

.znxc-zxnc-box li.on .top .btn:after{content: "-";}



.product-list-top {margin-top: 60px;}

.product-list-top ul{position: relative;min-height: 200px;margin-bottom: 40px;}

.product-list-top li{margin-bottom: 20px;}

.product-list-top .title-top a{display: block;height:100%;color: #fff;}



.product-list-top .title-top{position: absolute; text-align: center;width: 100px;background: #0967ad;cursor: pointer; color: #fff;height:200px;width: 175px;top:-15px;left:-220px;}

.product-list-top .title-top:after{position: absolute;top:-10px;left:-10px; height:100%;width: 100%;border:3px solid #0967ad;content: "";}

.product-list-top .title-top:hover{background: #159243;}

.product-list-top .title-top:hover:after{border:3px solid #159243;}

.product-list-top .title-top .img{margin-top: 30px;margin-bottom: 10px;display: none}

.product-list-top .title-top span{position: absolute;top:30px;right:10px;}

.product-list-top .title-top .title-a{position: relative;margin-top:50%;transform: translate(0,-50%);}

.product-list-top li .title{border:1px solid #e2e1e1;line-height: 80px;font-size: 16px;padding-left: 45px;overflow: hidden; cursor: pointer;}

.product-list-top li .title h1{float: left;}

.product-list-top li .title span{display: block;float: right;height:80px;width: 80px;background: #cccccc url(../images/icon-+.png) no-repeat center;text-align: center;}

.product-list-top li .content-box{display: none;}




.product-list-top li.on .title{border:1px solid #e2f5fe;background:#e2f5fe ;color: #0c4ca3;}

.product-list-top li.on .title span{background: #0c4ca3 url(../images/icon--.png) no-repeat center;}

.product-list-top li.on .content-box{display: block;margin-top: 20px;padding-bottom: 10px;}

.product-list-top li.on .content-box .content{background: #e2e1e1}

.product-list-top li.on .content-box .img{height:510px;border:1px solid #e2e1e1;background: #fff;text-align: center;}

.product-list-top li.on .content-box .img img{width: 80%;position: relative;top:50%;transform: translate(0,-50%);}

.product-list-top li.on .content-box .text{line-height: 35px;padding:10px 0; padding-left: 45px;font-size: 18px;transition:all 0.3s;}

.product-list-top li.on .content-box .text span{font-size: 15px;display: block;}

.aboutContent{padding: 57px 0 134px;}

.aboutContent .tips,.aboutContent .tips1{display: flex;margin-bottom: 55px;}

.aboutContent .tips .img{width: 646px;margin-right: 95px;}

.aboutContent .tips .text{width: 610px;}

.aboutContent .tips .text h1{

  font-size: 30px;

  color: #333333;

  position: relative;

  padding-bottom: 25px;

  margin-bottom: 29px;

}

.aboutContent .tips .text h1::after,.aboutContent .tips .text h1::before{

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

}

.aboutContent .tips .text h1::before{

  border-bottom: 1px solid #dcdcdc;

  width: 333px;

}

.aboutContent .tips .text h1::after{

  width: 84px;

  border-bottom: 1px solid #159243;

}

.aboutContent .tips .text h2{

  font-size: 24px;

  color: #0967ad;

  margin-bottom: 10px;

}

.aboutContent .tips .text p{

  font-size: 16px;

  color: #666666;

  margin-top: 25px;

  line-height: 24px;

}

.aboutContent .list{

  margin-bottom: 70px;

}

.aboutContent .list ul{

  display: flex;

}



.aboutContent .list ul li{

  width: 440px;

  height: 350px;

  background: #f4f3f3;

  border: 1px solid #e3e3e4;

  box-sizing: border-box;

  overflow: hidden;

  padding-top: 52px;
 position: relative;
}

.aboutContent .list ul li a{display: block;}

.aboutContent .list ul li a:hover h1{color: #009933; }

.aboutContent .list ul li a:hover p{color: #009933; }

.aboutContent .list ul li a:hover span{color: #009933; }

.aboutContent .list ul li .icon{

  text-align: center;
  display: none;

  margin-bottom: 37px;

  transition:all 0.4s;

}

.aboutContent .list ul li:nth-child(2){

  margin: 0 26px;

}

.aboutContent .list ul li h1{

  text-align: center;

  font-size: 18px;

  color: #333333;

  margin-bottom: 25px;

}

.aboutContent .list ul li span{
  display: block;text-align: center;
  position: absolute;bottom:30px;font-size: 16px;width: 100%;
}

.aboutContent .list ul li p{

  font-size: 16px;

  color: #666666;

  box-sizing: border-box;

  padding: 0 55px;

  line-height: 30px;
 
}

.aboutContent .tips1 .img{

  width: 763px;

}

.aboutContent .tips1 .text{

  width: 545px;

  margin-right: 57px;

}

.aboutContent .tips1 .text p{

  font-size: 16px;

  color: #666666;

  line-height: 30px;

}

.aboutContent .foot h1{

  font-size: 24px;

  color: #0967ad;

  margin-bottom: 20px;

  line-height: 50px;

}

.aboutContent .foot p{

  font-size: 16px;

  color: #666666;

}

.contactUsContent{

  padding: 80px 0 91px;

}

.contactUsContent .tit h1{

  font-size: 36px;

  color: #333333;

  position: relative;

  padding-bottom: 10px;

  margin-bottom: 31px;

}

.contactUsContent .tit h1::after{

  content: "";

  position: absolute;

  border-bottom: 1px solid #289243;

  width: 115px;

  bottom: 0;

  left: 0;

}

.contactUsContent .tips{

  margin-bottom: 40px;

}

.contactUsContent .tips .main{

  display: flex;

  justify-content: space-between;

}

.contactUsContent .tips .list{

  width: 671px;

}

.contactUsContent .tips .list ul{

  display: flex;

  flex-wrap: wrap;

}

.contactUsContent .tips .list li{

  width: 332px;

  background: #f5f3f0;

  margin-right: 6px;

  margin-bottom: 9px;

  height: 236px;

  text-align: center;

  padding-top: 113px;

  box-sizing: border-box;

}

.contactUsContent .tips .list li h1{

  font-size: 24px;

  color: #333333;

  margin-bottom: 9px;

}

.contactUsContent .tips .list li p{

  font-size: 16px;

  padding:0 10px;

  color: #666666;

}

.contactUsContent .tips .list li:nth-child(1){

  background: url(../images/contact_icon1.png) no-repeat center 40px #f5f3f0;

}

.contactUsContent .tips .list li:nth-child(2){

  background: url(../images/contact_icon2.png) no-repeat center 40px #f5f3f0;

}

.contactUsContent .tips .list li:nth-child(3){

  background: url(../images/contact_icon3.png) no-repeat center 40px #f5f3f0;

}

.contactUsContent .tips .list li:nth-child(4){

  padding-top: 30px;

}

.contactUsContent .tips .list li:nth-child(4) img{

  margin-bottom: 15px;

}

.contactUsContent .tips .list li:nth-child(2n){

  margin-right: 0;

}

.contactUsContent .tips .list li:last-child{

  width: 100%;

  margin-bottom: 0;

  height: 115px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding-top: 0;

}

.contactUsContent .tips .list li:last-child img{

  margin-right: 43px;

}

.contactUsContent .tips .list li:last-child h1{

  font-size: 30px;

  color: #333333;

}

.contactUsContent .tips .list li:last-child p{

  font-size: 16px;

  color: #333333;

  line-height: 30px;

}

.contactUsContent .tips .formBox{

  width: 678px;

  background: #f5f3f0;

  box-sizing: border-box;

  padding: 40px 77px 0 34px;

}

.contactUsContent .tips .formBox h1{

  font-size: 24px;

  color: #0967ad;

  margin-bottom: 48px;

}

.contactUsContent .tips .formBox dl{

  display: flex;

  align-items: center;

  height: 57px;

  margin-bottom: 34px;

}

.contactUsContent .tips .formBox dl dt{

  width: 120px;

  font-size: 16px;

  color: #333333;

}

.contactUsContent .tips .formBox dl dd{

  height: 100%;

  width: calc(100% - 120px);

}

.contactUsContent .tips .formBox dl dd input[type="text"]{

  height: 100%;

  width: 100%;

  border: 1px solid #dededd;

  padding-left: 10px;

}

.contactUsContent .tips .formBox dl dd input[type="submit"]{

  display: block;

  text-align: center;

  background: #0967ad;

  font-size: 18px;

  color: #ffffff;

  line-height: 54px;

  width: 100%;border:0;

}

.contactUsContent .tips .mapBox{

  width: 1372px;

}

.meb-nav{width: 100%;display: none; box-sizing:border-box; background: rgba(9,103,173,.8);position: absolute;top:110px;z-index: 999999999;text-align: center;padding:80px 50px;height:100%;}

.meb-nav li{font-size: 24px;line-height: 85px;}

.meb-nav li a{display: block; color: #fff;border-bottom: 1px solid #9dc2de;transition: all 0.3s;}

.meb-nav li a:hover{background: #159243;}



.product-list-a .title{font-size: 36px;line-height: 75px;position: relative;text-align: center;}

.product-list-a .title:after{background: #009933;width: 115px;height:1px;content: "";display: block;position: absolute;bottom:0;left:50%;transform: translate(-50%,0);}

/*.product-list-top .next{}*/

.page ul{display: flex;justify-content:center;}

.page ul li{line-height: 35px;}

.page ul li a{display: block;padding:0 10px;line-height: 35px;}

.page ul li span{display: block;padding:0 10px;line-height: 35px;}

.page ul li.active span{font-size: 20px;color: #359f65}

.page {padding-bottom: 40px;}

#btnTop:hover{opacity: 1}
#btnTop{position: fixed;cursor: pointer; opacity:0.6;transition: all 0.3s; bottom: 30px; right:40px;height:60px;width:60px; background:#fff url(../images/icon-top.png) no-repeat center center ;z-index: 9999999999}

.code-top{position: absolute;right:0;top:120%; z-index: 99999999;width: 120px;padding:20px;background: rgba(9,103,173,0.8);display: none;}
.header .header-right .btn-box span:nth-child(2):hover .code-top{ display: block;}
.code-top img{display: block;}

.add-box{background: #f5f3f0;margin-bottom: 30px;padding:0 85px;}
.add-box .title{text-align: center;font-size: 24px;line-height: 60px;}
.add-box .item-box{display: flex;flex-wrap: wrap;margin-top: 30px;justify-content: space-between;}
.add-box .item{margin-bottom: 30px;width:390px;}
.add-box .item:nth-child(2n+1){width:600px;}
.add-box .item .p{display: flex;font-size: 16px;line-height: 24px;}