@charset "utf-8";
/************************************home****************************************/


*{margin: 0px;padding: 0px;font-family: "microsoft yahei";}
body{min-width:1200px;font-size: 14px;overflow-x:hidden;max-width: 1920px;margin: 0 auto;}

table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{color:#232323;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p,span{font-size:14px;}
p{color:#686868;}
ul,li{list-style:none;}
button{border:none;}
input{background:none;outline:none;border:0px;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
img {border: none;}
a{text-decoration:none;color:#686868;}
a:hover{text-decoration:none;}

.content{width: 1200px;margin: 0 auto;min-width: 1200px;}


/*head&nav*/
.header{width:100%;position:fixed;background-image: linear-gradient(to bottom,rgba(58,48,27,.5),rgba(58,48,27,0)); top:0; transform: translateX(-50%); left:50%; z-index:9999;transition: all 0.5s;max-width: 1920px;}
.header.on{background-color: #fff;background-image: linear-gradient(to bottom,rgba(58,48,27,0),rgba(58,48,27,0)); transition: all 0.5s;}
.header .logo{width:auto;float: left;height: 40px;margin-top: 20px;}
.header .logo img{width:auto; height:100%;}
.header .logo img.logofb{display: block;}
.header.on .logo img.logofb{display: none;}
.header .logo img.logocs{display: none;}
.header.on .logo img.logocs{display: block;}

.sousuo{position:relative; margin-top:30px; width:20px; margin-left:30px; float:right;}
.sousuo font{font-size:14px; float:right;}
.searchbtn{cursor:pointer;width:16px;height: 16px;overflow: hidden; }
.searchbtn img{width: auto;height: 100%;margin-left: -16px;}
.header.on .searchbtn img{width: auto;height: 100%;margin-left: 0px;}
.suk{display:none; position:fixed; top:74px; z-index:9999999; right:0px; width:100%;height: 200px; background: rgba(48, 48, 48, 0.99);box-sizing: border-box;}
.suk .k{display: block;width: 600px; margin: 80px auto;}
.input1{ width:480px; line-height:50px; height:50px; border:#d4d4d4 1px solid; padding-left:10px; outline:none;box-sizing: border-box;border-radius: 20px 0 0 20px;color: #cccccc;background-color: #fff;}
.btn1{ background:#ce4d17; border-radius:0px; border:0; color:#FFF; width:120px;height: 50px; line-height:50px; text-align:center; outline:none; cursor:pointer;border-radius: 0 20px 20px 0;margin-left: -5px;box-sizing: border-box;}

.header .nav{float:right;margin-right: 20px; }
.header .nav ul li{font-size:14px;text-align:center; float:left; display:block; position:relative; margin:0px 30px 0px 0px;line-height:80px;}
.header .nav ul li:last-child{margin-right: 0;}
.header .nav ul li a{color:#fff; display:block;transition: all .5s;}
.header.on .nav ul li a{color:#333; display:block;transition: all .5s;}
.header .nav ul li a:hover { color:#0f984a;}
.header .nav ul li span{width:0; height:2px; background-color:#0f984a; position:absolute; left:50%; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.header.on .nav ul li span{background-color: #0f984a;}
.header .nav ul li:hover span{width:100%;}
.header .nav ul li.on span{width:100%;}
.header .nav .ej{width:260px; background:#fff; position:absolute; left:50%;transform: translateX(-50%);z-index:999; display:none; padding:0px; margin-left:0px; text-align:left; }
.header.on .nav .ej{ background:#fff;}
.header .nav .ej a{font-size:14px; line-height:24px; padding: 10px 0;color:#333;text-align: center;}
.header .nav .ej a:hover {background:#0f984a; color:#FFF;}
.header .nav ul li:hover .ej{display:block;}
.header .nav .ej .ej-li{position: relative;}
.header .nav .sj{position: absolute;top: 0;left: 100%;width: 260px;background-color: #f8f8f8;display: none;}
.header .nav .ej .ej-li:hover .sj{display: block;}

.H{display: block;height: 0px;}

/*********************************banner*************************************/
.gallery-top{width:100%; height:auto; position: relative !important;left:0; z-index:9999;}
.gallery-top .swiper-slide{width:100%; height: auto; position:relative;background: #fff;}
.gallery-top .swiper-slide img { width:100%; height:auto;opacity: 1}
.gallery-top .swiper-slide .hb{width:100%; height: auto;  position:absolute; left:0; top:0;}
.gallery-top .swiper-slide .dxs { display:block;}
.gallery-top .swiper-slide .sxs { display:none;}
.gallery-top .swiper-slide .wz{color:#fff; text-shadow:2px 2px 2px #666; position:absolute; left:12.5%; top:35%; text-align:center;width:40%;min-width: 660px;}
.gallery-top .swiper-slide .wz h3{font-size:40px; letter-spacing:2px; line-height:60px;color: #fff;text-transform:uppercase;text-align: left;}
.gallery-top .swiper-slide .wz p{font-size:16px;  text-transform:uppercase;color: #fff; letter-spacing:1px; line-height:34px;text-align: left;}
.gallery-top .swiper-slide .wz a.more{display: block;width: 160px;height: 45px;background-color: #239c56;color: #fff;line-height: 45px;letter-spacing: 2px;margin: 0; margin-top: 20px;border: none;}
.gallery-top .swiper-button-next { background:url(../images/yj.png) no-repeat center left; width:40px; height:80px;opacity: .5;}
.gallery-top .swiper-button-prev { background:url(../images/zj.png) no-repeat center right; width:40px; height:80px;opacity: .5;}

/************************************product*******************************************/
.cplxBox{display: flex;background-color: #01110f;height: 540px;padding-bottom: 20px;}
.cplxBox .Lbox{flex: 2;position: relative;}
.cplxBox .Lbox h1{font-size: 34px;color: #fff;margin-top: 60px;text-align: center;}
.cplxBox .Lbox a,.cplxBox .Rbox .topBox a,a.more{display: block;width: 160px;height: 40px;border:  solid 1px #fff;border-radius: 20px;line-height: 40px;text-align: center;color: #fff;margin: 0 auto;margin-top: 40px;}
.cplxBox .Lbox a span,.cplxBox .Rbox .topBox a span,a.more span{display: none;transform: translateX(-5px); transition: all 0.3s;}
.cplxBox .Lbox img.bigImg{position: absolute;left: 0;top: 200px;width: 100%;height: auto;transform: translateY( 0px);transition: transform 1s;}
.cplxBox .Rbox{flex: 3;}
.cplxBox .Rbox .topBox{width: 100%;height: 50%;background-color: #239c56;border-bottom: solid 1px #021409;box-sizing: border-box;}
.cplxBox .Rbox .topBox .wz{transform: translateY(-50%);position: relative;top: 50%;margin-left: 60px;}
.cplxBox .Rbox .topBox h2{font-size: 30px;display: block;width: 70%;color: #fff;}
.cplxBox .Rbox .topBox a{margin-left: 0;}
.cplxBox .Rbox .bottomBox{width: 100%;height: 50%;display: flex;border-bottom: solid 1px #021409;box-sizing: border-box;}
.cplxBox .Rbox .bottomBox .B-lbox{width: 50%;height: 100%;position: relative;border-right: solid 1px #021409;box-sizing: border-box;background-color: #fff;}
.cplxBox .Rbox .bottomBox .B-lbox:last-child{border: none;}
.cplxBox .Rbox .bottomBox .B-lbox img{position: absolute;display: block;bottom: 0;right: 0;width: 100%;height: auto;z-index: 0;}
.cplxBox .Rbox .bottomBox .B-lbox .wz{position: absolute;top: 60px;left: 60px;width: 60%;}
.cplxBox .Rbox .bottomBox .B-lbox .wz h3{font-size: 30px;}
.cplxBox .Rbox .bottomBox .B-lbox .wz a{margin-top: 20px;display: block;}

.cplxBox .Lbox:hover img.bigImg{transform: translateY(-10px);transition: transform 1s;}
.cplxBox .Lbox a:hover span,.cplxBox .Rbox .topBox a:hover span,a.more:hover span{display: inline;transform: translateX(5px); opacity: 1; transition: all 0.3s;}
/************************************hot product*******************************************/
.syCoop{width: 100%;height: auto;padding:140px 0 20px;}
.syCoop .content{}
.syCoop .content .title{}
.syCoop .content .title h2,.homeNewsBox .content .title h2,.syCase .title h2{color: #eee;font-size: 24px;text-align: center;}
.syCoop .content .title h1,.homeNewsBox .content .title h1,.syCase .title h1{color: #333;font-size: 56px;text-align: center;text-transform: uppercase;}
.title .xxk{display: flex;flex-wrap: wrap;justify-content: center; margin: 20px 0;}
.title .xxk a{padding: 10px;margin-right: 20px;margin-bottom: 10px; border: solid 1px #239c56; color: #239c56;}
.title .xxk a:last-child{margin-right: 0;}
.title .xxk a.on{background-color: #239c56;color: #fff;}
.title .xxk a:hover{background-color: #239c56;color: #fff;}

.syProductList{}
.syProductList a{display: inline-block;float: left;width: 24%;margin-right: 1.33%;margin-bottom: 20px;}
.syProductList a:nth-child(4n){margin-right: 0;}
.syProductList a .img{width: 100%;height: 250px;overflow: hidden; position: relative;}
.syProductList a .img img{width: 100%;position: absolute;top: 0;left: 0;transform: scale(1);transition: all 1s}
.syProductList a .img img.i1{opacity: 1;}
.syProductList a .img img.i2{opacity: 0;}
.syProductList a .txt{text-align: center;line-height: 28px;padding: 0 0 10px;}

a.more{border: solid 1px #666;color: #333;width: 200px;height: 50px;line-height: 50px; border-radius: 25px;}

.syProductList a:hover .img img.i2{opacity: 1;}
.syProductList a:hover .img img.i1{opacity: 0;}
.syProductList a:hover .img img{transform: scale(1.02);transition: all 1s}
/*************************************about us***************************************/
.syabout{position: relative;height: auto;overflow: hidden;margin: 100px 0 0;}
.syabout .content2{display: flex;}
.syabout .bj{position: absolute;top: 0;left: 0;z-index: -1;width: 100%;}
.syabout .bj img{display: block;width: 100%;}
.syabout .content2 .l-img{width: 50%;background-color: #000;overflow: hidden;display: flex;}
.syabout .content2 .l-img video{display: block;width: 100%;}
.syabout .content2 .r-txt{width: 50%}
.syabout .content2 .r-txt .r-top{padding: 40px;box-sizing: border-box;padding-bottom: 20px;}
.syabout .content2 .r-txt h1{font-size: 24px;}
.syabout .content2 h1,.syabout .content .txt p{color: #fff;}
.syabout .content2 .txt{margin-top: 20px;}
.syabout .content2 .txt p{font-size: 14px;line-height: 24px;color: #fff; overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3;}
.syabout a.more{color: #fff;border: solid 2px;width: 160px;height: 44px;line-height: 44px;font-weight: bold;margin-left: 0;margin-top: 20px;}
.syabout a.more:hover{color: #49bf7a;}

.syabout .r-txt .ys{}
.syabout .r-txt .ys li{width: 100%;background-color: #021409;padding: 20px 0;}
.syabout .r-txt .ys li:nth-child(2){background-color: #052912;}
.syabout .r-txt .ys li .bt{display: flex;margin-left: 40px;}
.syabout .r-txt .ys li .bt em{width: 2px;height: 20px;background-color: #49bf7a;margin-right: 10px;}
.syabout .r-txt .ys li .bt h2{color: #fff;}
.syabout .r-txt .ys li p{margin-left: 40px;margin-top: 10px;color: #fff;}
/**/
.fourOP{display: flex;}
.fourOP li{background-color: #E9E9E9;position: relative;width: 25%;height: 220px;overflow: hidden;}
.fourOP li:nth-child(2n){background-color: #e2e2e2;}
.fourOP li .ceng1{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.fourOP li .ceng1 .icon{width: 80px;height: 80px;margin-bottom: 20px;}
.fourOP li .ceng1 .icon img{display: block;width: 100%;height: 100%;}
.fourOP li .ceng1 h2{font-size: 18px;text-align: center;}
.fourOP li .cengFl{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding: 0 40px; background-color: #239c56;display: flex;flex-direction: column;align-items: center;justify-content: center;box-sizing: border-box;transform: translateY(-100%);transition: translateY 0.5s;}
.fourOP li .cengFl h3,.fourOP li .cengFl p,.fourOP li .cengFl a{text-align: center;color: #fff;}
.fourOP li .cengFl h3{font-size: 16px;margin-bottom: 10px;}
.fourOP li .cengFl p{font-size: 14px;}
.fourOP li .cengFl a,.syCaseListBox li .txt a{font-size: 14px;border: solid 1px #fff;width: 140px;height: 40px;line-height: 40px;margin-top: 20px;border-radius: 20px;transition: all 0.5s;}
.fourOP li:hover .cengFl{transform: translateY(0);transition: transform 0.5s;}
.fourOP li .cengFl a:hover,.syCaseListBox li .txt a:hover{background-color: #021409;border-color: #021409;transition: all 0.5s;}

/**************************************************case******************************************************/
.syCase{padding: 140px 0;}
.syCaseListBox{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 30px;}
.syCaseListBox li{width: 32.8%;height: 230px; margin-bottom: 10px;overflow: hidden; position: relative;}
.syCaseListBox li:nth-child(3n){margin-right: 0;}
.syCaseListBox li img{display: block;width: 100%;height: 100%;}
.syCaseListBox li .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: rgba(2,20,9,0.5);transform: translateY(-100%);transition: transform 0.5s;}
.syCaseListBox li .txt h3{font-size: 16px;text-align: center;color: #fff;line-height: 30px;}
.syCaseListBox li .txt a{text-align: center;color: #fff;}
.syCaseListBox li:hover .txt{transform: translateY(0);transition: transform 0.5s;}
/**************************************************news******************************************************/
.homeNewsBox{background-color: #f7f7f7;padding: 60px 0;}
.homeNewsBox .content{width: 90%;}
.homeNewsBox .swiper-container-hz {padding:0 1%;margin-top: 30px;}
.homeNewsBox .swiper-container-hz img{width:100%; height:240px;display:block;object-fit: cover;}
.homeNewsBox .swiper-container-hz .swiper-wrapper {margin-bottom:50px;}
.homeNewsBox .swiper-container-hz .swiper-wrapper .swiper-slide{background:#FFF;padding-bottom: 20px;}
.homeNewsBox .swiper-container-hz .swiper-wrapper .swiper-slide h5 {font-size:18px; padding:0 10px;margin: 10px 0 5px; color:#333;overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.homeNewsBox .swiper-container-hz .swiper-wrapper .swiper-slide p { font-size:14px; color:#666; line-height:24px; padding:0px 10px;overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.homeNewsBox .swiper-container-hz .swiper-wrapper .swiper-slide a.more2{display: block;margin-left: 10px;width: 160px;height: 40px;border: solid 1px #aaa;line-height: 40px;text-align: center;margin-top: 10px;}
.homeNewsBox .swiper-container-hz .swiper-wrapper .swiper-slide a.more2:hover{background-color: #239c56;color: #fff;border-color: #239c56;}
.homeNewsBox .swiper-container-hz .swiper-pagination-bullet {background:#999;width: 8px;height: 8px;border-radius: 50%;}
.homeNewsBox .swiper-container-hz .swiper-pagination-bullet-active {opacity:1;background: #239c56; width:25px; border-radius:4px;}
/************************************bottom*******************************************/
.syBottomBox{background: url("../images/dbbj.jpg") no-repeat;background-size: 100% 100%;padding: 60px 0 0;}
.syBottomBox .content{display: flex;padding-bottom: 30px;justify-content: space-between;}
.syBottomBox .content ul.ul1{width:220px;}
.syBottomBox .content ul.ul2{width: 300px;}
.syBottomBox .content ul.ul3{width: 370px;}
.syBottomBox .content ul li{font-size: 24px;font-weight: bold;color: #fff;line-height: 24px;width: 100%;}
.syBottomBox .content ul li:first-child{margin-bottom: 10px;}
.syBottomBox .content ul li a{font-size: 14px;color: #eee;font-weight: 400;}
.syBottomBox .content ul li p{color: #eee;font-weight: 400;}
.syBottomBox .content ul.ul3 li:last-child{margin-top: 10px;}
.syBottomBox .content ul.ul3 li:last-child a{display: inline-block;float: left;width: 30px;height: 30px;margin-right: 20px;}
.syBottomBox .content ul.ul3 li:last-child a img{width: 100%;height: 100%;}
.syBottomBox .content ul.ul3 a.yx:hover{color: #02421c;border-bottom: solid 1px #02421c}
.syBottomBox .content ul.ul3 li:last-child a.hh{opacity: .8}
.syBottomBox .content ul.ul3 li:last-child a.hh:hover{opacity: 1}
.bq-P{background-color: #000000;width: 100%;height: 40px;}
.bq-P p{color: #fff;text-align: center;}
.bq-P a{color: #fff;line-height: 40px;}
.syBottomBox .content ul li a:hover{color: #49bf7a;}

div.syBottomBox div.content ul.ulA li a.a-icon img{display: block;width: auto;height: 100%;}
div.syBottomBox div.content ul.ulA li a.a-icon{display: inline-block;width: auto;height: 30px;margin-right:20px;margin-top: 20px;}

/***************************************************Inner page************************************************************/
.about-bj{background-color: #f2f2f2;}
.aboutBody{background: url("../images/aboutbj.jpg") repeat;background-size: 100% auto;}
/***banner***/
.lbban{width: 100%;height: auto;position: relative;overflow: hidden;}
.lbban img{display: block;width: 100%;height: auto;}
.lbban-txt{position: absolute;transform:translateY(-50%) translateX(-50%);top: 50%;left: 50%; height: auto;text-shadow: 0 0 5px #686868;}
.lbban-txt h1{color: #49bf7a;font-size: 56px;letter-spacing: 4px;text-align: center;text-transform:uppercase;}
.lbban-txt p{color: #eee;line-height: 28px;}
.mbxdh{width: 100%;height: 40px;box-sizing: border-box;display: flex;align-items: center;justify-content: center; color: #fff;}
.mbxdh a{padding: 5px 10px;color: #fff;}
.mbxdh a img{display: inline-block;float: left;width: 20px;height: 20px;margin-right: 5px;}
/*内页所有tab的公共样式*/
.lbTabBox{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;border-bottom: solid 1px #eee;padding-bottom: 60px;margin-bottom: 60px;background-color: #fff;}
.lbTabBox li.li1 a{display: block;width: 100%;height: 100%;padding: 10px 20px;box-sizing: border-box}
.lbTabBox li.li1{color: #fff;margin: 5px 10px;background-color: #239c56;transition: all 0.3s;position: relative;}
.lbTabBox li.li1 a h1{color: #fff;font-weight: 400;display: inline;}
.lbTabBox li.li1 em{display: inline-block;width: 0px;height: 0px;border: solid 5px #fff;border-left-color: transparent;border-bottom-color: transparent;border-right-color: transparent;float: right;margin-top: 9px;margin-left: 5px;}
.lbTabBox li.li1:hover .ej{display: block;}
.lbTabBox li.li1 .ej{position: absolute;top: 39px;left: 0px;width: 300px;display: none;z-index: 99;}
.lbTabBox li.li1 .ej .li2{height: 40px;margin: 0; background-color: #333;border-top: solid 1px #666}
.lbTabBox li.li1 .ej .li2 a{background-color: transparent;color: #fff;}
.lbTabBox li.li1 .ej .li2 a:hover{background-color: transparent;}
.lbTabBox li.li1 .ej .li2:hover{background-color: #239c56;}

.lbBigBox .lbTabBox li.li1{background-color: #49bf7a;}
.lbBigBox .lbTabBox li.li1.on{background-color: #239c56;}
.lbBigBox .lbTabBox li.li1 a:hover{background-color: #239c56;}
/**************************************************************Inner about*********************************************/
.aboutconBox{position: relative;top: -60px;background-color: #ffffff;padding: 60px;box-sizing: border-box;}
.aboutconBox .jjBox{}
.aboutconBox .jjBox h1,.team h1,.coreBox h1{font-size: 40px;line-height: 80px;text-transform:uppercase;}
.aboutconBox .jjBox h1::after,.team h1::after,.coreBox h1::after{content: "";display: block;width: 20px;height: 2px;background-color: #49bf7a;margin: 10px 0 15px;}
.aboutconBox .jjBox p,.team p.tdP,.coreBox p.tdP{font-size: 14px;color: #686868;line-height:28px;}
.aboutconBox .imgBox{width: 100%;height: auto;margin-top: 20px;border-radius: 10px;overflow: hidden;}
.aboutconBox .imgBox img{display: block;width: 100%;}
/*Development history*/
.timeAxisBox{display: flex;}
.timeAxisBox li{width: 24%;margin-right: 1.3%;}
.timeAxisBox li:last-child{margin-right: 0;}
.timeAxisBox li h2{font-size: 40px;color: #239c56;line-height: 60px;}
.timeAxisBox li .img{width: 100%;height: 165px;}
.timeAxisBox li .img img{display: block;width: 100%;height: 100%;}
.timeAxisBox li h3{font-size: 20px;line-height: 30px;}
.timeAxisBox li p{color: #aaa;line-height: 24px;}
/*****************************************************news list******************************************************/
.lbBigBox{position: relative;top: -60px;background-color: #fff;padding: 60px 40px;box-sizing: border-box;}
.newsListBox{width: 100%;height: auto;overflow: hidden;}
.newsListBox a{display: block;width: 100%;display: flex;margin-bottom: 30px;padding: 20px;box-sizing: border-box;background-color: #eee;border-left: solid 5px #239c56; transition: all 0.5s;}
.newsListBox a .Limg{width: 220px;height: 160px;overflow: hidden;background-color: antiquewhite;}
.newsListBox a .Limg img{display: block;width: 100%;height: 100%; transform: scale(1);transition: all 0.5s;object-fit: cover;}
.newsListBox a .Rtxt{flex: 1;margin-left: 20px;}
.newsListBox a .Rtxt h2{font-size: 20px;font-weight: 400;color: #333; line-height: 28px; margin-bottom: 10px;transform: translateX(0px);transition: all 0.5s;overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.newsListBox a .Rtxt p{font-size: 16px;font-weight: 400;line-height: 22px;color: #239c56;transform: translateX(0px);transition: all 0.5s;overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:4;}
.newsListBox a .Rtxt .sj{margin-top:15px;margin-bottom:10px; transform: translateY(0px) translateX(0px);transition: all 0.5s;}
.newsListBox a .Rtxt .sj h3{font-weight: bold;color: #ababab;font-size: 16px;color: #333;}
/*翻页*/
.fanye{width: 100%;display: flex;justify-content: center;align-items: center;margin-top: 30px;}
.fanye a{width: 40px;height: 40px;margin: 0 5px; display:inline-block;border-radius: 50%;background-color: #f8f8f8;text-align: center;line-height: 40px;font-size: 12px;}
.fanye a:hover{background-color: #239c56;color: #fff;}
.xiaocms-page span{width: 40px;height: 40px;margin: 0 5px; display:inline-block;border-radius: 50%;background-color: #f8f8f8;text-align: center;line-height: 40px;font-size: 12px;background-color: #239c56;color: #fff;}
/*动效*/
.newsListBox a:hover{border-left-color: #333;}
.newsListBox a:hover .Limg img{transform: scale(1.02);transition: all 0.5s;}
.newsListBox a:hover .Rtxt h2{color: #239c56; transform: translateX(5px);transition: all 0.5s;}
.newsListBox a:hover .Rtxt p{transform: translateX(5px);transition: all 0.5s;}
.newsListBox a:hover .Rtxt .sj{transform: translateY(-5px) translateX(5px);transition: all 0.5s;}


/*************************************************** product list******************************************************/
.mbxdh2{color: #666;justify-content: flex-start;margin-bottom: 10px;}
.mbxdh2 a{color: #666;}
.mbxdh2 a img{height: auto;}

.picTxtListBox,.picTxtBox{width: 100%;}
.picTxtListBox a{display: inline-block;float: left; width: 32%;background-color: #fff; margin-right: 2%;overflow: hidden;border: solid 1px #eee;transition: all 0.3s;box-sizing: border-box;margin-bottom: 20px;padding-bottom: 20px;}
.picTxtListBox a:nth-child(3n){margin-right: 0;}
.picTxtListBox a .imgBox{width: 100%;height: 250px;}
.picTxtListBox a .imgBox img{display: block;height: 100%;width: 100%;object-fit: cover;}
.picTxtListBox a .txtBox{width: 100%;height:100%;padding: 10px;box-sizing: border-box;}
.picTxtListBox a .txtBox h1{font-size: 20px;line-height: 40px;transition: all 0.3s; overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.picTxtListBox a .txtBox p{font-size: 12px;line-height: 24px;color: #929292; overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.picTxtListBox a:hover{border:solid 1px #239c56;transition: all 0.3s;}
.picTxtListBox a:hover .txtBox h1{color: #239c56;transition: all 0.3s;}



/************************************Product details page********************************************/
.imgAjjBox{display: block;width: 100%;height: auto;overflow: hidden;}
/**/
#preview{ margin:20px 0; text-align:center; width:500px;display: inline-block;float: left;}
.jqzoom{width:570px; height:521px; position:relative;}
.jqzoom img{width: 100%;height: 100%;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:570px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:545px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:45.7px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
#spec-list{ position:relative; width:540px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
/*简介*/
.ProductJjBox{display: inline-block;float: right;width:500px;margin: 20px 0;}
.ProductJjBox h1{font-size: 40px;text-transform: uppercase;}
.ProductJjBox p{font-size: 14px;color: #aaa;line-height: 24px;}
.ProductJjBox h2{font-size: 20px;text-transform: uppercase;margin: 20px 0 10px;}
.ProductJjBox h2::before{content: "";display: inline-block;width: 5px;height: 16px;background-color: #239c56;margin-right: 10px;}
.ProductJjBox li{border-bottom: solid 1px #eee;}
.ProductJjBox li p{line-height: 40px;}
.ProductJjBox li p::before{content: "";display: inline-block;float: left;margin-top: 18px; width:4px;height: 4px;background-color: #666;margin-right: 10px;border-radius: 50%;}
/*详情*/
.xqContentBox{}
.xqContentBox .bt{width: 100%;height: 80px;background-color: #239c56;}
.xqContentBox .bt h1{color: #fff;text-transform: uppercase;font-size:40px;text-align: center;line-height: 80px;margin: 40px 0 20px;}
.xqContentBox p{color: #aaa;line-height: 24px;margin: 10px 0;}
.xqContentBox img{display: block;width: 100%;height: auto}
/*Related products*/
.RelatedProductsBigBox{background-color: #fff;margin: 0px auto 40px;padding: 40px;box-sizing: border-box;}
.RelatedProductsBigBox .bt{}
.RelatedProductsBigBox .bt h1{font-size: 24px;text-transform: uppercase;}
.RelatedProductsBigBox .bt h1::before{content: "";display: inline-block;width: 5px;height: 20px;background-color: #239c56;margin-right: 10px;}
.RelatedProductsBigBox .listBox{display: flex;flex-wrap: wrap;margin-top: 20px;}
.RelatedProductsBigBox li{width: 19%;margin-right: 1.2%;border: solid 1px #eee;box-sizing: border-box;margin-bottom: 15px;}
.RelatedProductsBigBox .listBox li:nth-child(5n){margin-right: 0;}
.RelatedProductsBigBox li a{display: block;width: 100%;height: 126px;}
.RelatedProductsBigBox li a img{display: block;width: 100%;height: 100%;}
.RelatedProductsBigBox li h2{display: block;height: 60px;font-size: 14px;padding: 10px;box-sizing: border-box;line-height: 24px;font-weight: 400; color: #666;}
/*video*/
.videoList{display: flex;margin-top: 20px;}
.videoList li{width: 32%;height: auto;}
.videoList li video{width: 100%;display: block; height:185px}
/***************************************************Product-category-introduction-list******************************************************/

html, body {height: 100%;}
* html #page {height: 100%;}
html, body {margin: 0;padding: 0;height: 100%;min-height: 100%;}
body {margin: 0;padding: 0;font-family: Trebuchet, Arial, Helvetica;min-width: 1000px;}

.cpxqBox{width: 50%;display: inline-block;float: left}
#pageContent{width:100%;height: 500px;overflow: hidden;position:relative;}
#imgContainer{width: 100%;height: 500px;}
#positionButtonDiv {background: rgb(58, 56, 63);background: rgba(58, 56, 63, 0.8);border: solid 1px #100000;color: #FFFFFF;padding: 8px;text-align: left;position: absolute;right:35px;top:35px;}
#positionButtonDiv .positionButtonSpan img {float: right;border: 0;}
.positionMapClass area {cursor: pointer;}
.zoomButton {border: 0;cursor: pointer;}
.zoomableContainer {background:#f8f8f8;}

.bdAimg{display: flex;justify-content: space-between;}
.bdAimg .l-bd{width: 74%;}
.bdAimg .l-bd img{max-width:100%}
.bdAimg .l-bd h1{font-size: 20px;font-weight: 400;line-height: 60px;margin-left: 10px;text-align: center;font-weight: 100;}
.bdAimg .l-bd table{}
.bdAimg .l-bd table tr{}
.bdAimg .l-bd table tr td{ }
.bdAimg .l-bd table tr td:nth-child(2){border-left: 0;}
/*.bdAimg .l-bd table td{color: #666;padding: 10px;display: inline-block;width: 50%;box-sizing: border-box;float: left;border-top: solid 1px #ccc;}
.bdAimg .l-bd table td.bt{font-size: 16px;font-weight: bold;}*/
.bdAimg .r-img{width: 24%;}
.bdAimg .r-img img{width:100%;height: 100%; display: block;}

.categorylist{display: flex;flex-wrap: wrap;margin-top: 40px;}
.categorylist li{width: 19%;margin-right: 1.2%;box-shadow: 0 0 5px #eee;margin-bottom: 20px;transform: translateY(0px);transition: all 0.3s;}
.categorylist li:hover{box-shadow: 0 0 20px #ccc;transform: translateY(-5px);transition: all 0.3s;}
.categorylist li:nth-child(5n){margin-right: 0;}
.categorylist li a{display: block;width: 100%;height: auto;border-bottom: solid 1px transparent;transition: all 0.3s;}
.categorylist li:hover a{border-bottom: solid 1px #239c56;transition: all 0.3s;}
.categorylist li a img{display: block;width: 100%;}
.categorylist li .txt{padding: 15px;box-sizing: border-box;}
.categorylist li .txt h2{font-size: 16px;overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.categorylist li .txt p{font-size: 14px;overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}


.RelatedProductsBigBox .DLlistBox{display: flex;margin-top: 20px;}
.RelatedProductsBigBox .DLlistBox li{padding: 20px;width: 19%; box-sizing: border-box;overflow: hidden;}
.DLlistBox li a{display: block;width: 100%;height: 100%;}
.RelatedProductsBigBox .DLlistBox li a h1{font-size: 16px;text-align: center;font-weight: 400;}
.RelatedProductsBigBox .DLlistBox li a img{display: block;width: 80px;height: 80px;margin: 0 auto;} 
.RelatedProductsBigBox .DLlistBox li a h2{font-size: 20px;font-weight: bold;text-align: center;height: auto;} 

/***************************************************in-contact******************************************************/
.contactBox{display: flex;justify-content: space-between;}
.contactBox .img-l{width: 49%}
.contactBox .img-l img{display: block;width: 100%;}
.contactBox .dh-r{width: 49%;overflow: hidden;display: flex;flex-direction: column;justify-content: center;}
.dh-r .qb{height: auto;margin-bottom: 20px;}
.dh-r .qb span{display: inline-block;float: left;margin-top: 4px; width:40px;height: 40px;overflow: hidden;margin-right: 20px;}
.dh-r .qb span img{width: 100%;height: 100%;}
.dh-r .qb h1{font-size: 34px; text-transform: uppercase;}
.dh-r .qb h2{font-size: 16px;margin-top: 20px;font-weight: 400;color: #666;}
.dh-r .qb p{font-size: 12px;margin-top: 20px;color: #239c56;}
.dh-r .dh{}
.dh-r .dh span{width: 20px;height: 20px;margin-right:10px;margin-top: 5px; display: inline-block;float: left;}
.dh-r .dh span img{display: block; width: 100%;height: 100%;}
.dh-r .dh .P{flex: 1;}
.dh-r .dh .P p{line-height: 32px;color: #686868}
.dh-r .dh .P p a:hover{color: #239c56;border-bottom: solid 1px #239c56}

/***************************************************FAQ******************************************************/
.PolicyListBox{margin-bottom: 60px;padding-bottom: 40px;}
.PolicyListBox h1{font-size: 34px;display: flex;align-items: center;color: #666;text-transform: uppercase;}
.PolicyListBox h1 img{display: inline-block;width: 60px;height: 60px;margin-right: 20px;}

.PolicyListBox a{display: block;background-color: #f8f8f8;padding: 10px 20px;box-sizing: border-box; margin-bottom:10px}
.PolicyListBox a:nth-child(2n){background-color: #fff;}
.PolicyListBox a .title{}
.PolicyListBox a .title p{font-size: 16px;font-weight: bold;color: #333;line-height: 30px; text-transform:uppercase;}
.PolicyListBox a .time{font-size: 14px;color: #aaa;margin-top: 10px;}

.faqlist .title{display: block;background-color: #f8f8f8;padding: 10px 20px;box-sizing: border-box; margin-bottom:10px;font-size: 16px;font-weight: bold;color: #333;line-height: 30px; text-transform:uppercase;cursor: pointer;}
.nr{ display:none; padding:20px; line-height:30px; font-size:14px}
.nr img{ max-width:100%}


/***************************************************download******************************************************/
.downloadListBox{display: flex;flex-wrap: wrap;justify-content: space-between;}
.downloadListBox li{width: 49%;height: auto;overflow: hidden;display: flex;border: solid 1px #eee;box-sizing: border-box;margin-bottom: 20px;padding: 10px;box-sizing: border-box;}
.downloadListBox li .img{width: 170px;height: 120px;margin-right: 20px;}
.downloadListBox li .img img{display: block;width: 100%;height: 100%;}
.downloadListBox li .txt{flex: 1;}
.downloadListBox li .txt p{line-height: 24px;overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.downloadListBox li .txt a{display: block;width: 140px;height: 40px;background-color: #239c56;color: #fff;line-height: 40px;text-align: center;margin-top: 5px;}
.downloadListBox li .txt a img{display: inline-block;width: 16px;height: 16px;vertical-align: middle;margin-right: 5px;}
/***************************************************details******************************************************/
.nyXqBox{background-color: #FFFFFF;box-sizing: border-box;}
.nyXqBox h1{font-size: 34px;line-height: 34px;margin-top: 30px;text-align: center;text-transform: uppercase;}
.nyXqBox h2{font-size: 14px;color: #686868; font-weight:400;margin-top: 20px;border-bottom: solid 1px #eee;margin-bottom: 10px;padding-bottom: 5px;}
.nyXqBox h2 .downloadBox{display: inline-block;align-items: center;margin-left: 20px;}
.nyXqBox h2 .downloadBox img{display: inline-block;width: 24px;height: 24px;float: left;margin-top: -3px;}
.nyXqBox h2 .downloadBox a{color: #239c56;}
.xqnr{}
.xqnr img{width: 100%;height: auto;border-radius: 3px;margin: 10px 0;}
.xqnr h3{font-size: 16px;margin: 10px 0;text-transform: uppercase;}
.xqnr p{line-height: 24px;color: #686868; margin: 10px 0;}


/************************在线客服**********************/
.zxkfBox{position: fixed;width: 46px;height: auto;top: 45%;right: 10px;z-index: 99999}
.zxkfBox li{position: relative;margin-bottom: 5px;}
.zxkfBox li a{display: block;width:46px;height: 46px;}
.zxkfBox li a img{display: block;width: 100%;height: 100%;}
.zxkfBox li .tc{position: absolute;right: 60px;top: 0; width: 340px;height: 46px;opacity: 0;visibility: hidden;padding: 10px 20px;box-sizing: border-box}
.zxkfBox li:nth-child(1) .tc{background-color: #ffb426;}
.zxkfBox li:nth-child(2) .tc{background-color: #4873ed;}
.zxkfBox li:nth-child(3) .tc{background-color: #239c56;}
.zxkfBox li .tc h1{color: #fff;line-height: 25px;position: relative;}
.zxkfBox li .tc h1::after{content:"";border: solid 6px transparent;border-left-color: #ffb426; position:absolute;left: 320px;top: 7px;}
.zxkfBox li:nth-child(2) .tc h1::after{border-left-color: #4873ed;}
.zxkfBox li:nth-child(3) .tc h1::after{border-left-color: #239c56;}
.zxkfBox li:hover .tc{opacity: 1;visibility: visible;}

/*在线留言*/

.b_d{width: 100%;padding:30px 50px 70px;}
.b_d ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.b_d ul li{width:45%; margin-top:20px; position:relative;}
.b_d ul li.q_b{width:100%;}
.b_d input{width:100%; height:61px; border-bottom:1px solid #eee; font-size:15px; line-height:60px; color:#333; display:block; background-color:#f2f2f2; padding-left:10px}
.b_d input::placeholder{color:#999;}
.b_d textarea{width:100%; height:122px; padding-top:17px; border-bottom:1px solid #eee; font-size:15px; line-height:26px; color:#333; resize:none; display:block; background-color:#f2f2f2; padding-left:10px}
.b_d textarea::placeholder{color:#999;}
.b_d button{width:160px; height:50px; background-color:#239c56; font-size:16px; line-height:50px; color:#fff; margin-top:20px; margin-right:20px; outline:none;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.b_d button.c_z{background-color:#888;}
.b_d button:hover{background-color:#05439a;}
.b_d button.c_z:hover{background-color:#239c56;}
input, select, button, textarea {
    font-size: 14px;
    border: 0;
    background: none;
    outline: none;
    vertical-align: middle;
    font-family: "Microsoft YaHei",Arial,Tahoma,sans-serif;}
	
	
	
	
	
<!--	~~~~~~~~~~~~~~~~~~~新加~-->

.index-nav{

    text-align: center;

    padding-bottom: 40px;

}
.index-nav dl{display: flex;justify-content: center;}

.index-nav dd{vertical-align: middle;margin: 0 20px;background: rgba(255,255,255,0.9);width: 130px;text-align: center;border-radius: 10px;padding: 20px 0;

}
.index-nav dd i {font-size: 40px;color: #333;}
.index-nav dd img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
  
}
.index-nav dd:last-of-type{

    margin-right: 0;

}

.index-nav dd p{

    margin-top: 6px;

    font-size: 14px;color: #333;text-transform: capitalize;

}

.index-nav .action p{

    color: #fff

}
.index-nav dd.action{background: #1da8e3;}


.index-nav .action i{color: #fff;}
.index-nav .action img{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%);

}
.pordcut-list {

    padding-bottom: 66px;

    position: relative;
	height:380px



}

.index-set2{

    padding-bottom: 30px;

}

.pordcut-list li{

    width: 24%;

    margin-right: 1.333%;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

    transform: translateY(8px);

    -webkit-transform: translateY(8px);

    float: left;

    text-align: center

}

.pordcut-list li .des{

    background: #fff;

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}


.pordcut-list li:nth-of-type(4n){

    margin-right: 0;

}

.pordcut-list li h6{

    font-size: 18px;color: #000;margin-top: 16px; padding-bottom:45px

}

.pordcut-list li span{

    color: #666;

    font-size: 12px;
    display: inline-block;
    min-height: 15px;
}

.pordcut-list li  p{font-size: 16px;color: #333; margin-top: 12px; min-height: 34px;}

.pordcut-list li .link{ width: 80px;display: inline-block;line-height:30px;font-size: 12px; text-align: center; border: 1px solid #dbdbdb;color: #666;margin: 30px 0; position: relative;}

.pordcut-list li .link::before{ content: ''; width: 0;

    height: 100%;

    position: absolute;

    display: block;

    left: 0;

    top: 0;

    background: #1da8e3;

    z-index: -1;

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}
.pordcut-list li .img img{max-width: 100%;transition: .5s all ; max-height:290px; height:300px}
.pordcut-list li:hover .des{

 /*   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

    transform: translateY(-8px);

    -webkit-transform: translateY(-8px);
*/
}

.pordcut-list li:hover .link::before{

    width: 100%;

}

/*.pordcut-list li:hover .img img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1); 

}*/

.pordcut-list li:hover .link{

    color: #fff;

    border: 1px solid #01a2ca;

    color: #fff

}

.swiper-pagination-bullet-active{

    background: #01a2ca !important

}
.index-set1{

    width: 100%;padding: 60px 0;

}

.index-set1-title{

    width: 100%;

    text-align: center;

    padding: 60px 0 62px;

}

.index-set1-title h3{

    font-size: 36px;color: #333;margin-bottom: 8px;

}

.index-set1-title p{

    font-size: 16px;color: #666666

}

.index-set1 ul{

    text-align: center

}

.index-set1 ul li{

   display: inline-block;

   vertical-align: middle;

   width: 23%;margin: 0 0.6%;

 

}

.index-set1 ul li .des{

    box-sizing: border-box;

    padding: 30px 50px 51px;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    transition: all 0.5s;

    -webkit-transition: all 0.5s;background: rgba(255,255,255,0.06);

    cursor: pointer;

}


.index-set1 ul li span{

    display: inline-block;

    width: 130px;

    height: 130px;line-height: 130px;font-size: 60px;

    border-radius: 50%;

    border: 1px solid rgba(0,0,0,0.1);

    position: relative;text-align: center;color: #1da8e3;

}

.index-set1 ul li span::before{

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    left: 0;

    top: 0;

    display: block;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

    transform: scale(0.3);

    -webkit-transform: scale(0.3);

    opacity: 0;

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}
.index-set1 ul li span::before {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  left: 0;
  top: 0;
  display: block;
  content: '';
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transform: scale(0.3);
  -webkit-transform: scale(0.3);
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.index-set1 ul li span::before{

    box-shadow: 0 0 5px rgba(29, 168, 227, 1);

}
.index-set1 ul li i {color: #1da8e3;font-size: 60px;}



.index-set1 ul li:hover span::before{

    transform: scale(1);

    -webkit-transform: scale(1);

    opacity: 1;

}

.index-set1 ul li h6{

    font-size: 18px;color: #333;

    padding: 18px 0;

}

.index-set1 ul li a{

    width: 110px;

    display: inline-block;

    text-align: center;

    line-height: 35px;

    border: 1px solid #d5d5d5;

    color: #999999;

    margin-top: 34px;

    position: relative

}

.index-set1 ul li a::before{

    content: '';

    width: 0;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: #1da8e3;

    display: block;

    z-index: -1;

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}

.index-set1 ul li:hover a::before{

    width: 100%;

}

.index-set1 ul li:hover a{

    color: #fff

}

.index-set1 ul li p{

    font-size: 14px;

    text-align: left;

    overflow:hidden; 

    width: 236px;

    margin: 0 auto;

    text-overflow:ellipsis;

    

    display:-webkit-box; 

    

    -webkit-box-orient:vertical;

    

    -webkit-line-clamp:3

}

/* .index-set1 ul li:hover p{

  height: auto;

} */

/* .index-set1 ul li:hover{

    width: 380px;

} */

.index-set1 ul li .p{

    display: none;

    margin: 0 auto;

    width: 268px;

}

.index-set1 ul li:hover .des{

    transform: translateY(-8px);

    -webkit-transform: translateY(-8px);

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

}
.ccp1 .bf1{float:left; width:20%}
.ccp1 .bb1{background-color:#3055a2; width:100%; text-align:center;height:390px; border-radius:10px}
.ccp1 .bb2{ background-color:#4d4d4d; width:100%; text-align:center;height:390px; border-radius:10px}
.ccp1 .bb3{ background-color:#b8191e; width:100%; text-align:center;height:390px; border-radius:10px}
.ccp1 .bb4{ background-color:#3055a2; width:100%; text-align:center;height:390px; border-radius:10px}
.ccp1 .bb5{ background-color:#4d4d4d; width:100%; text-align:center;height:390px; border-radius:10px}
.ccp1 .tu{text-align:center; padding-top:80px; padding-bottom:20px;}
.ccp1 .wenzi{color:#fff; font-size:20px; font-weight:bold; margin-bottom:80px;text-transform: uppercase;}
.ccp1 .lian{color:#fff; font-size: 20px;text-transform: uppercase;}
.ccp1 .tp{float:left; width:79%; margin-left:1%}




    .ccp{width:100%; background-color:#036;}
	.ccp li{width:49.9%; float:left;background-color:#fff; margin-bottom:0.2% }
	.ccp li .tu{float:left;width:50%; text-align:center}
    	.ccp li .tu img{ width:100%}
		.ccp li .bt{font-size:18px; line-height:40px font-weight:bold}
		.ccp li .nnr{line-height:35px; margin-top:20px; height:210px; overflow:hidden}
		.ccp li .btn{ width:140px; height:40px; line-height:40px; text-align:center; color:#fff; margin-top:50px; background-color:#3055a2}
		.ccp li .products-content{ padding-top:20px; float:left; margin:5%; width:40%}