@charset "utf-8";

/* CSS Document */

*,*:before,*:after { }

body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#333;line-height:25px; background:#FFF;}

ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}

input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }

ul,li{ list-style:none}

img{border:0px; padding:0px;}

a{ color:#5c5c5c; text-decoration:none}



h2,h3,h4,b,strong {  }

em,i { font-style: normal; }



.clear{ zoom: 1; }

.clear:after { content: ''; display: block; clear: both; }

.fl { float:left}

.fr { float:right}

.hidden{display:none; background: url() no-repeat center;}



.header{ border-bottom:1px solid #E6E6E6;width: 100%; position: fixed;  z-index: 100;height:100px;}

.headerbox{max-width: 1600px; min-width:1460px; margin: 0  auto;}

.logo{ height:80px;float: left; position:relative; padding-top:10px;}

.h_mail{ width:150px; height:48px; background:#2A9B39; line-height:48px; text-align:center; float:right; margin-top:24px; font-size:16px; }

.h_mail a{ color:#fff;}

.h_mail a:hover{ text-decoration:underline;}

.search { position: relative; float: right; margin-right:10px;}

.search span { transition: all 0.5s; cursor: pointer; display: block; margin-top:24px; background: url(../images/Search.png) center no-repeat; width: 48px; height:48px; }

.searchBox { display: none; white-space:nowrap; position: absolute; top: 100px; right: 0; width: 258px; background: #ffffff; border-radius:0 0 3px 3px; padding: 8px;  box-shadow: 0 3px 10px rgba(0,0,0,0.2);}

.searchBox input { box-sizing: border-box; padding: 0; float: left; width: 200px; height:36px; text-indent: 10px; border: 1px solid #eee; outline: none;}

.searchBox button { float: left; background: url(../images/Search.png) center no-repeat #eeeeee; border: none; display: block; outline: none; width: 36px; height: 36px;}



.yzxz {float: right;width: 250px; line-height: 80px;background: url(../images/a11.png) no-repeat left center; padding-left: 25px; color:#fff;}

.yzxz a{color: #fff;font-size: 14px; padding:0px 5px;}

.yzxz  a.cur{color: #EB5757;}

.yzxz  a:hover{color: #EB5757;}



.nav{float: right; padding-right:40px;}



.nav li{float: left; padding:0 24px;position: relative;}

.nav h3 a{font-weight: normal; color: #fff;font-size: 16px; line-height:100px;}

.nav img{display: none;}

.nav h3:hover a{color: #B9231D;;}



.nav li h3 a:before{position: absolute; content: "";border-bottom: 2px solid #2A9B39;;;; width: 0; left: 16%; bottom: 15px;transition: All 0.4s ease-in-out;}

.nav li h3:hover a:before{width: 48%;}



.sub{position: absolute;width: 120%;top: 100px; left: 0; padding:15px 0px;; background: rgba(255, 255, 255, 0.6);z-index: 100;display: none;backdrop-filter: blur(25px);border-radius: 8px;}

.sub dt{font-size: 14px; text-align: center; line-height: 40px; width:90%;border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin:0 auto;}

.sub dt a{display: block; color: #333;}

.sub dt a:hover{color: #16589A;}



.header.on{border-bottom:1px solid #E6E6E6;background:#fff;}

.logo1{display: block;}

.logo2{display: none;position: absolute;left:0; }

.header.on .logo2{display: block;}

.header.on .nav li h3 a{font-weight: normal; color: #333;font-size: 16px; line-height:100px; background:url(../images/xj1.png) right center no-repeat; padding-right:28px;}
.header.on .nav li h3:hover a{background:url(../images/xj2.png) right center no-repeat;}
.header.on .nav li:nth-child(1) h3 a{background: url(../images/arrow.png) right center no-repeat;}

.header.on .nav li:nth-child(7) h3 a{background: url(../images/arrow.png) right center no-repeat; }

.header.on .nav h3 a img{ padding-left:10px; float:right;}

.header.on .yzxz {float: right;width: 250px; line-height: 80px; padding-left: 25px; color:#333; font-size:24px;}

.header.on .yzxz img{ display:inline-block; vertical-align:-3px; padding-right:10px;}

.tpp{ width:100%; height:80px;}



.banner img{width: 100%;}

.banner .swiper-button-prev{background: url(../images/left.png);width: 48px;height: 48px;margin-top: -50px;background-size: 100%;opacity:0.6;}

.banner .swiper-button-next{background: url(../images/right.png);width: 48px;height: 48px; margin-top: -50px;background-size: 100%;opacity:0.6;}

.banner .swiper-button-prev:hover{opacity:1;}

.banner .swiper-button-next:hover{opacity:1;}
.banner a{ width:100%; height: auto; display:inline-block; background-position:center; background-repeat:no-repeat;}
.banner a img{ width:100%; height:auto ; display:block;}

.bt1{ width:1360px; height:auto; margin:0 auto; text-align:center; padding-top:30px; padding-bottom: 25px;}

.bt1 h2{ width:100%; line-height:60px; background:url(../images/bt1.png) center no-repeat; font-size:30px; color:#333333;}

.bt1 p{ font-size:16px; color:#666666; line-height:30px;}

.cont1{ width:1240px; height:auto; margin:0 auto;}

.cont1 li{ width:230px; height:auto; float:left; margin-right:22.5px; margin-bottom:30px;}

.cont1 li:nth-child(5n){ margin-right:0px;}

.cont1 li a{ width:100%; height:auto; display:block; border:1px solid #BDBDBD;}
.cont1 li a:hover{border:1px solid #1E2A74;
;}


/* 选项卡示例样式 */

.main2 {width:1240px;margin:0px auto; }

.tab {overflow: hidden;width: 760px;height:48px;cursor: pointer; margin:0 auto;}

.tab li {float: left;width:180px; height:48px;text-align: center; margin-right:13.33px;line-height:48px; font-weight:bold;border: 1px solid #BDBDBD;box-sizing: border-box; color:#666; font-size:16px;}

.tab li:nth-child(4){ margin-right:0px;}

.tab li.on {background: #2A9B39; border:1px solid #2A9B39;color: #fff;}

.tab li.on a{color: #fff;}

.con {width:1240px; height:auto;padding:40px 0px 0px 0px;;}

.con div{ height:auto; text-align:center;}




.prt_d{ overflow: hidden; width:1240px;; margin:0px auto ; padding-bottom:25px;  box-sizing: border-box;}

.prt_d li{ float: left; width: 31%; margin-right:3.5%; margin-bottom:36px; background: #fff; text-align:center; box-sizing: border-box; border:1px solid #999999; position: relative;}

.prt_d li:nth-child(3n){ margin-right: 0;}

.prt_d li .productBox1{ width:100%; height:auto; position:relative;}

.productImg1 { overflow: hidden;}

.productImg1 img { transition: all 1s; display: block; width: 100%;}

.productBox1 .productTxt1{ display: block!important; width: 100%; padding: 0 10px; line-height:55px; font-size:16px; text-align: center;box-sizing: border-box;border-top:1px solid #999999; color: #333; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}

.productBox1 .productTxt1 img{ vertical-align:-3px; padding-right:10px;}

.prt_d li .coverCont1 { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}

.prt_d li .coverCont1 span { display: block; background: url(../images/circle.png) center no-repeat; width: 52px; height: 52px; background-size:100% auto; margin: 0 auto 25px}

.prt_d li .productCover1 h2 { width:100%; height:55px; position:absolute; bottom:0px; font-size: 16px; font-weight: bold; color: #ffffff; line-height: 55px;}

.coverCont1 p{ width:90%; font-size:14px; color:#fff; line-height:20px; margin:0px auto 25px auto;}

.prt_d li .productCover1 { opacity:0; z-index: 5; transition: all 0.5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: linear-gradient(272.2deg, #16589A 2.15%, #2A9B39 98%);}

.prt_d li:hover img { transform: scale(1.1);}

.prt_d li:hover .productCover1 { opacity: 1;}



.ckgd{ width: auto; height:48px; padding-bottom:40px; }

.ckgd a{ width:160px; height:48px; margin:0 auto; display:block; background:#2A9B39; text-align:center; line-height:48px; color:#fff; font-size:16px;transition:all 1.8s;}

.ckgd a:hover{ width:190px; border-radius:50px;}

.ckgd1{ width: auto; height:48px; margin-top:20px; }

.ckgd1 a{ width:160px; height:48px; display:block; background:#2A9B39; text-align:center; line-height:48px; color:#fff; font-size:16px;transition:all 1.8s;}

.ckgd1 a:hover{ width:190px; border-radius:50px;}



.cont4{ width:100%; height:auto; background: linear-gradient(272.2deg, #16589A 2.15%, #2A9B39 98%);}

.cnt41{ width:50%; height:500px; float:left;background-size:cover;}

.cnt42{ width:50%; float:right; padding-top:80px; height:420px;background: linear-gradient(272.2deg, #16589A 2.15%, #2A9B39 98%);}

.ct421{ width:520px; height:auto; float:left; padding-left:120px; color:#fff; line-height:30px;}

.ct421 h2{ width:100%; height:60px; line-height:50px; margin-bottom:15px;}

.ct421 a{ width:200px; height:48px; display:block; background:#fff; color:#16589A; font-weight:bold;; line-height:48px; text-align: center; margin-top:30px;}



.cont2{ width:1240px; margin:0 auto; padding-top:60px; text-align:center; padding-bottom:20px;}

.cont2 h2{ font-size:30px; line-height:50px; color:#333; padding-bottom:5px;}

.cont2 span{ color:#666; padding-bottom:40px; display:block;}

.cont2 p{ margin-bottom:40px; font-size:16px;}

.cont3{ width:100%; height:auto; padding:60px 0px; background:#E9EDF0;}

.cnt3{ width:1240px; height:auto; margin:0 auto;}

.bt2{ width:100%; height:auto; text-align:center;}

.bt2 h2{ font-size:30px; line-height:50px; color:#333; padding-bottom:5px;}

.bt2 span{ color:#666; padding-bottom:40px; display:block;}

.bt3{ width:1240px; height:50px;;}

.bt3 a{ width:190px; height:50px; float:left; display:block;border: 1px solid #BDBDBD; font-size:16px; color:#666;box-sizing: border-box; text-align:center; line-height:50px; margin-right:20px;}

.bt3 a:nth-child(6){ margin-right:0px;} 

.bt3 a:hover{ background:#2A9B39; color:#fff;}

.cnt3z{ width:1240px; height:426px;; margin:30px auto; background:#fff;}



.cnt3z .icon{float: left; width: 50%; height:426px; float: left; height: 100%; overflow: hidden; position: relative;}

.cnt3z .icon .swiper-container{ width: 100%; height: 100%;}

.cnt3z .icon img{ display:block;}

.cnt3z .icon .swiper-button-next{ top: auto; background: url(../images/pev11.png); width: 52px; height: 52px; right: 0; bottom: 0;}

.cnt3z .icon .swiper-button-prev{top: auto; left: auto; background: url(../images/nex11.png); width: 52px; height: 52px; right: 52px; bottom: 0;}

.cnt3z .icon .swiper-button-prev:hover{ background: url(../images/nex1.png);}

.cnt3z .icon .swiper-button-next:hover{ background: url(../images/pev1.png);}



.cnt3z2{ width:480px; height:auto; float:right; margin-right:70px; margin-top:50px;}

.cnt3z2 h2{ font-size:24px; color:#333; line-height:60px; font-weight:normal;}

.cnt3z2 p{ width:100%; height:auto; padding-top:20px; color:#666; line-height:28px;}

.cont4a{ width:100%; height:800px; background:url(../images/a8.png) center no-repeat; background-size:cover; color:#fff;}

.cont4a h2{ width:100%; text-align:center; font-size:30px; line-height:60px; padding-top:60px;}

.cont4a p{ width:100%; padding-top:20px; text-align:center;}

.cont5{ width:100%; height:auto; padding:60px 0px;}



.layer6Right{ width: 1240px; margin:20px auto 0px auto;}



.layer6Right .text{transition: 0.5s; width: 100%; height: 100%; box-sizing: border-box; position:relative;}

.layer6Right .text .txt{ padding:25px;box-sizing: border-box; }

.layer6Right .text h2{ width: 100%; height:30px; line-height: 30px; font-size:16px; margin-bottom:10px; font-weight:  normal; color: #000; overflow: hidden;}

.layer6Right .text p{font-size: 14px; line-height: 28px; height:84px; overflow: hidden; color: #666;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}

.layer6Right .text h3{ width: 100%; position:absolute; height:48px;box-sizing: border-box; padding:0px 15px; line-height:48px; border-top:1px solid #BDBDBD; position:absolute; bottom:0px; font-size: 14px; color: #999; background: url(../images/tb8.png) right 15px center no-repeat;}



.layer6Right ul{ width: 100%; }

.layer6Right ul li{float: left; width: 390px; height:230px; border:1px solid #999; margin-right: 35px; margin-bottom: 20px;box-sizing: border-box; position:relative;}

.layer6Right ul li:nth-child(3n){ margin-right: 0;}

.layer6Right ul li:hover .text h2{ color: #2A9B39;;}

.layer6Right ul li a{width: 390px; height:230px;display:block;  background-position:center; background-repeat:no-repeat; position:absolute; top:0px; left:0px; opacity:0; z-index:999;transition: all 1s;}

.layer6Right ul li:hover a{ opacity:1;}

.layer6Right ul li a h2{ width:88%; margin:150px auto 0px auto; font-size:16px; color:#fff;}

.layer6Right ul li a p{ width:88%; margin:0 auto; color:#fff;}





.footer{background: #042E58;}

.footerbox{width:1240px; overflow: hidden; margin: 0 auto;}

.foot_rigth{float: left;width: 347px;text-align: left;height: 330px;position: relative; color:#fff;}

.fort{position: absolute; width: 100%;text-align:left; left: 0;top:65px; }

.fort p{font-size: 14px;color: rgba(255, 255, 255, 1); margin:  10px 0;}

.fort h2{font-size:14px;font-weight: bold;color: #fff; padding-bottom:5px;}

.fort h3{ font-size:24px; color:#fff;}

.fort img{margin: 0 auto;}

.rwm{float: right; padding-left:50px;padding-top:60px;}

.rwm h2{color: #fff;font-size: 14px; margin-bottom: 17px;}

.rwm ul{overflow: hidden; margin-left: -60px;}

.rwm li{float: left; padding-left: 60px;}

.rwm p{font-size: 12px;color: rgba(255, 255, 255, 0.6);margin-top: 12px;}

.foot_left{float:right;width:650px;;padding-top:60px;}

.foot_left ul{overflow: hidden;}

.foot_left li{float: left; width:25%;}



.foot_left h2{color: #fff;font-size: 14px; margin-bottom: 15px;}

.foot_left dt{line-height: 32px;color: rgba(255, 255, 255, 0.6);}

.foot_left a{color: rgba(255, 255, 255, 0.6);}

.foot_left a:hover{color: #fff;}

.bqxx{border-top: 1px solid rgba(255, 255, 255, 0.3);}

.bqxxbox{width: 1240px; margin: 0 auto;}

.bqxxbox p{line-height: 54px; color: rgba(255, 255, 255, 0.6);;}

.bqxxbox p a{color: rgba(255, 255, 255, 0.6);}

.bqxxbox p a:hover{color: #fff;}

.bqxxbox span{text-align: center;width: 310px;background: #;}




#bannera{width:100%; height:400px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}
.men_tip{ width:100%; height:49px; line-height:48px; }
.mn_tip{ width:1240px; height:48px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);color:#666666; margin:0 auto;}
.mn_tip a{ color:#666666;}


/*分页*/
#nx_pg{width:100%; height: auto ; padding:30px 0px 0px 0px; text-align:center; }
#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #757575; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#16589A;; color:#fff;}
#nx_pg .on{ background:#16589A;; color:#fff;}

.mainr2{ width:1240px; height:auto; margin:0 auto; padding:50px 0px 60px 0px;}
.mainr2 img{ max-width:100%;}
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}

.yyly{ width:1240px; height:auto; margin:0 auto; padding:40px 0px 65px 0px;}
.yyly li{ width:32%; margin-right:2%; float:left; margin-bottom:30px; }
.yyly li:nth-child(3n) { margin-right:0px;}
.yyly li a{ width:100%; height:auto; display:block;}
.yyly li a img{ display:block; width:100%;}
.yyly li a p{ width:100%; height:48px;border-bottom: 1px solid rgba(0, 0, 0, 0.1); line-height:48px; text-align:left; background:url(../images/app.png) right center no-repeat; text-indent:10px;transition: all 1.2s;}
.yyly li a:hover p{ background:url(../images/app1.png) right center no-repeat;border-bottom: 1px solid #16589A; color:#16589A;;}

.artile{ width:100%; height:auto; margin:10px auto 65px auto;}
.artile ul{ margin-bottom:45px;}
.artile li{ width:1240px; margin:0 auto;; height:243px; background:#fff;  padding:45px 0px;transition:all 0.5s;border-bottom: 1px solid #E0E0E0;;}
.xman{ width:1240px;  margin:0 auto; }
.art1{ width:420px; height:242px; float:left; margin-right:38px;}
.art1 img{width:420px; height:242px;}
.art2{ height:242px;overflow: hidden; }
.art2 h2{ width:100%; font-size:18px; color:#333333;transition:all 0.5s; height: auto; margin-top:12px; font-weight: bold; line-height:30px; height:30px; padding-bottom:15px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art2 .art_p{ width:100%; height:120px; line-height:30px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden;;}
.art2 .art2_1{ width:100%; height:40px; line-height:40px; padding-top:25px;}
.art2 .art2_1 h3{ font-weight:normal; font-size:14px; color:#666; padding-bottom:20px; float:left;transition:all 0.5s;}
.art2 .art2_1 span{ color:#fff; font-size:16px; float:right; padding:0px 28px; color:#fff; background:#999999;;;transition:all 0.5s; }
.artile li:hover .art2 h2 { color:#16589A;}



.artile li:hover .art2 .art2_1 span{  color:#fff;; background: linear-gradient(272.2deg, #16589A 2.15%, #2A9B39 98%);}


.mainr{ width:1240px; height:auto; margin:0 auto; padding:30px 0px 60px 0px; }
.mainr1{ width:265px; height:auto; float:left;}
 .cnt1z{width:265px;height: auto;border:1px solid #E0E0E0; border-top:0px; border-bottom:0px;box-sizing: border-box;  }
 .ct11t{ width:100%; height:85px;text-align:center; line-height:85px; font-size:18px; color:#fff; font-weight:bold; background:url(../images/b1.png) repeat ; background-size:cover;}
 .ct11t span{ font-weight:normal; color: rgba(255, 255, 255, 1);}
.ny_zblb1 li .bk1{display:block;}  
.ny_zb{width:100%; margin:15px auto 0px auto; background:#E9EDF0; }
.ny_zblb1 li{width:100%;}
.ny_zblb1 li a{display:block; width:100%; height:75px; line-height:75px; text-align:left; background:url(../images/jt1.png) center right 20px no-repeat; text-indent:30px;border-bottom:1px solid #E0E0E0; color:#333; font-size:18px; font-weight:bold; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.ny_zblb1 li a.cur{ color:#fff;; font-weight:bold; background:#16589A url(../images/jt2.png) center right 20px no-repeat; }

.ny_zblb1 li ul{display:none; padding-bottom:0px;border-bottom:1px solid #E0E0E0;}
.ny_zblb1 li ul li{float:none;background-image:none; margin-top:0px;}
.ny_zblb1 li ul li a{display:block; width:100%; height:48px; margin:0 auto; font-weight:normal; line-height:48px; ; font-size:14px; overflow:hidden;padding-left:0px; background:none;   border-bottom:#f9f9f9 0px solid;box-shadow:0 0px 0px #d0d0d0; color:#333; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.ny_zblb1 li ul a:hover{color:#16589A;; background:none; }

.lnk{ width:100%; height:auto;border:1px solid #E0E0E0;box-sizing: border-box; margin-top:30px; }
.lnk ul{ width:100%; padding-top:20px;}
.lnk ul li{ width:100%; height:50px; line-height:50px; text-indent:30px; color:#333; border-bottom:1px solid #E0E0E0}
.lnk ul .lknz{ width:100%; line-height:30px; padding:15px 0px;}
.lnk ul .lknz p{ text-indent:30px;}
.phoe{ width:100%; font-size:24px; font-family:Impact; color:#16589A;; text-align:center; margin:30px 0px 35px 0px;; background:url(../images/1_03.jpg) center top no-repeat; padding-top:38px; padding-bottom:35px;}


.mainr2a{ width:930px; height:auto; float:right;}
.prt_d1{ overflow: hidden; width:100%;; margin:0px auto ; padding-bottom:35px;  box-sizing: border-box;}
.prt_d1 li{ float: left; width: 31%; margin-right:3.5%; margin-bottom:36px; background: #fff; text-align:center; box-sizing: border-box; border:1px solid #999999; position: relative;}
.prt_d1 li:nth-child(3n){ margin-right: 0;}


.pred_dtl{ width:100%; height: auto;; }

.main3{width:100%; height: auto;;}

.pred_dtl .icon1{float: left; width:458px; height: auto;border: 1px solid #BDBDBD; float: left; height: 100%; overflow: hidden; position: relative;}

.pred_dtl .icon1 .swiper-container{ width: 100%; height: 100%;}

.pred_dtl .icon1 img{ display:block;width:458px; height: auto; }

.pred_dtl .icon1 .swiper-button-next{ top: auto; background: url(../images/pev11.png); border-left:0px; width: 42px; height: 42px; background-size:cover; border:1px solid #2A9B39;right: 0; bottom: 0;}

.pred_dtl .icon1 .swiper-button-prev{top: auto; left: auto; background: url(../images/nex11.png); width: 42px;border:1px solid #2A9B39;background-size:cover; height: 42px; right: 44px; bottom: 0;}

.pred_dtl .icon1 .swiper-button-prev:hover{ background: url(../images/nex1.png); width: 42px; height: 42px;}

.pred_dtl .icon1 .swiper-button-next:hover{ background: url(../images/pev1.png); width: 42px; height: 42px;}

.pred_dtl2{ width:410px; height:auto; float:right;}

.prodxj_title{ width:100%; height:30px; line-height:30px; font-size:24px; color:#16589A;; font-weight:bold;   display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.prodcolor{ width:100%; padding-top:10px; font-size:14px; color: #666; }
.prodcolor span{color:#333; font-size:14px; font-weight:bold; }

.deta1{ width:400px; height:48px; margin-top:50px;}
.deta1 a{ width:180px; height:48px; float:left; display:block; margin-right:40px;  color:#fff; background: linear-gradient(272.2deg, #16589A 2.15%, #2A9B39 98%);;;box-sizing: border-box; text-align:center; line-height:46px;   }
.deta1 a:hover{ text-decoration:underline;}

.prodcolor .xiaz{font-size:12px;
color:#ffffff;
background:#2A9B39;
padding:6px 10px;
	}

.mess1{ width:100%; height:auto; padding-top:25px; }
.ct521{ width:100%; height: auto; margin:0px auto;box-sizing: border-box; color:#fff; }
.jon1{ width:48%; height: auto; padding-bottom:15px; float:left;}
.jon2{ width:48%; height: auto; padding-bottom:15px; float:right;}
.b1{width:100%; height:60px; line-height:60px; margin:0;box-sizing: border-box; border-radius:0px; padding:0; background:#E9EDF0;border:#e0e0e0 1px solid; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b1:hover{border:#ecedef 1px solid; background-color:#f7f8f9; }
.b2{width:100%; height:115px; line-height:34px;border-radius:0px; background:#E9EDF0; margin:0; padding:0;box-sizing: border-box;border:#e0e0e0 1px solid; padding-left:5px;-}
.b2:hover{border:#ecedef 1px solid; background-color:#f7f8f9;  }

.jon4{ width:100%; height: auto ; margin-bottom:15px; display:block;}

.jon5{ width:20%; height:44px; }
.jon5 button{ display: block; width: 100%; height: 100%; border: none; outline: none; text-align: center; line-height: 44px; color: #fff; background:  linear-gradient(272.2deg, #16589A 2.15%, #2A9B39 98%);;}


.ab3{ width:100%; height:auto; padding:10px 0px 75px 0px;;}
.ab3z{ width:100%; height:480px;background: url(../images/c12.png) center no-repeat; margin-top:40px;    background-size: 100% auto; background-attachment: fixed; }
.ab3z ul{ max-width:1360px; height:auto; margin:30px auto;}
.ab3z ul li{ width:25%; height:480px;  float:left;box-sizing: border-box; color:#fff; transition: all 1.2s; text-align:center;  }
.ab3z ul li .ab3z1{ width:100%; height:100%;background:url(../images/xt1.png) center right no-repeat;}
.ab3z ul li:nth-child(4)  .ab3z1{ margin-right:0px; }
.ab3z ul li:nth-child(4){ background-image:none;}
.ab3z ul li:nth-child(1) {background:url(../images/xt1.png) center left no-repeat;}
.ab3z ul li img{ margin:0 auto; padding-top:120px;}
.ab3z ul li h2{ width:100%; line-height:40px; margin-top:25px; text-align:center; font-size:18px;}
.ab3z ul li p{  height:50px; line-height:25px; margin-top:20px; text-align:center;}
.ab3z ul li:hover{ background:rgba(255, 255, 255, 0.35);backdrop-filter: blur(25px);}

.abz1{ width:1240px; height:auto; margin:0 auto; padding:40px 0px 50px 0px; color:#666; line-height:26px;}
.abz1 h2{ font-size:32px; color:#333; font-weight:normal; height:40px;}
.ba5{ width:1240px; height:auto; margin:30px auto 65px auto;}
.bt6{ width:100%; height:auto; color:#333;}
.bt6 h2{ font-size:40px; line-height:55px;}
.bt6 h3{ font-size:24px; font-weight:normal; padding-bottom:15px;}

.ba5z{ width:1240px; margin: 0 auto; padding-top:35px; }
.ba5z li{ width:33.33%;height:450px; float:left;background:#E9EDF0; text-align:center;}
.ba5z li .b5z{ width:122px; height:122px; background:url(../images/n1.png) center left no-repeat; margin:60px auto 20px auto;}
.ba5z li h2{ width:90%; line-height:40px; font-size:20px; color:#333; margin:0 auto; padding-bottom:25px;}
.ba5z li p{ width:70%; line-height:28px; height:84px; overflow: hidden; margin:0 auto;}
.ba5z li span{ display:none;}
.ba5z li:hover .b5z{ width:122px; height:122px; background:url(../images/n11.png) center left no-repeat;}
.ba5z li:hover{ background:linear-gradient(272.2deg, #16589A 2.15%, #2A9B39 98%);}
.ba5z li:nth-child(2) .b5z{ background:url(../images/n2.png) center left no-repeat;}
.ba5z li:nth-child(3) .b5z{ background:url(../images/n3.png) center left no-repeat;}
.ba5z li:nth-child(2):hover .b5z{ background:url(../images/n22.png) center left no-repeat;}
.ba5z li:nth-child(3):hover .b5z{ background:url(../images/n33.png) center left no-repeat;}
.ba5z li:hover h2{ color:#fff;}
.ba5z li:hover p{ color:#fff;}
.ba5z li:hover span{ color:#fff; display: inline-block; padding-top:30px;}


.main23 {width:1240px;margin:0px auto; padding-bottom:15px;}

.tab1 {overflow: hidden;width:1240px;height:50px;cursor: pointer; margin:0 auto;}

.tab1 li {width:190px; height:50px; float:left; display:block;border: 1px solid #BDBDBD; font-size:16px; color:#666;box-sizing: border-box; text-align:center; line-height:50px; margin-right:20px;}


.tab1 li:nth-child(6){ margin-right:0px;}

.tab1 li.on {background: #2A9B39; border:1px solid #2A9B39;color: #fff;}

.tab1 li.on a{color: #fff;}

.con1 {width:1240px; height:auto;}

/* 选项卡示例样式 */
.main3 {width:930px;margin:40px auto 45px auto;}
.tab3 {overflow: hidden;width:930px;height:45px;cursor: pointer;border: 1px solid #E0E0E0;; background:#E0E0E0;box-sizing: border-box;}
.tab3 li {float: left;width:155px;text-align: center; font-size:18px;line-height:45px; height:45px; color:#fff; background:#2A9B39;;border-right: 1px solid #E0E0E0;}
.tab3 li.on {background:#2A9B39;color:#fff;}
.con3 {width:930px;padding:30px;border: 1px solid #E0E0E0;;border-top: none;box-sizing: border-box;  }
.con3 img{width:100%;  }



@media(max-width:1380px){

.headerbox{width: 100%; padding: 0 10px;}





}

@media(max-width:1200px){

.h_mail{ display:none;}

.search{ display:none;}

.header{height: 60px;}

.logo{ height:40px; padding-top:10px;}

.logo img{ height:40px;}

.logo2{top:5px;}

.yzxz{display: none;}

.dhbtn{width: 30px; height: 30px;background: url(../images/dm1.png) no-repeat center center #11216C;;;background-size: 20px 20px;position: absolute;right: 3%;top:15px;border-radius: 4px;}

.dhbtn.on{width: 30px; height: 30px;background: url(../images/dm2.png) no-repeat center center #11216C;;;background-size: 20px 20px;position: absolute;right: 3%;top: 15px;border-radius: 4px;}

.nav{position: fixed;width: 200px;height: 100%;background: #fff; top: 0;left: -200px;overflow: auto; padding-right:0px;}

.nav li{float: none;width: 100%; padding: 0 10px;}

.nav li h3 a{border-bottom: 1px solid #eee;line-height: 50px;font-size: 14px;display: block; color:#333;}

.header.on .nav li h3 a{border-bottom: 1px solid #eee;line-height: 50px;font-size: 14px;display: block; color:#333; background:none; padding-right:0px;}

.nav img{width: 100px; margin: 25px auto;}

.nav li h3 a:before{ display:none;position: absolute; content: "";border-bottom: 2px solid #B9231D;; width: 0; left: 20%; bottom: 15px;transition: All 0.4s ease-in-out;}

.nav li h3:hover a:before{width: 60%; display:none;}

.dhbj{width: 100%;height: 100%;background: rgba(0,0,0,.8);top: 0;left: 0;z-index: 90;position: fixed;display: none;}

.nav img{display: block;}

.nav .sub {position: static;}

.sub dt{line-height: 40px; font-size: 12px;line-height: 30px;}

.banner .swiper-button-next{width: .48rem;height: .48rem; margin-top: -.24rem;}

.banner .swiper-button-prev{width: .48rem;height: .48rem; margin-top: -.24rem;}

.tpp{ width:100%; height:60px;}



}