/*body{margin:0;width:100%;font-size:13px;background:url(../img/top.jpg) no-repeat;background-size: 100% auto;overflow: hidden;overflow-y: scroll;font-family:Microsoft YaHei UI;}*/
body{margin:0;width:100%;font-size:13px;overflow: hidden;overflow-y: scroll;font-family:Microsoft YaHei UI;
/*-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;*/
}
i{font-style:normal;}
a{text-decoration:none;color: inherit;}
ul{margin:0;padding:0;border:0;}
li{list-style:none;}
button{outline:0;border:none;}
.lineblock{float:left;display:inline-block;}
.mblock{margin:0 auto;width:1170px;height:auto;}
.pleft{padding-right:10px;}
.pright{padding-left:10px;}
.toplog{width:100%;height:150px;}
.logobk{width:300px;height:150px;}
/*.logobk>img{width:100%;height:100%;}*/
.logobk>img{width:230px;}
.logotext{width:580px;height:150px;text-align:left;line-height:190px;background:url(../image/bg_logotext.png) #fff no-repeat right;background-size:contain;background-position: right 27px;}
.logotext .wow{display:inline-block;}
.logotext span{display:block;width:auto;height:42px;color:#888;letter-spacing:5px;font-size:18px;line-height:42px;}
.logotext span>i{color:#000;font-weight:700;font-size:20px;}
.topcont{/*margin-left:80px;*/width:290px;height:150px;color:#fff;line-height:190px;text-align:right;}
.topcont span{display:block;height:38px;font-size:18px;line-height:38px;color:#888;}
.topcont span.active{font-weight:700;font-size:24px;}
.topnav{width:100%;height:50px;background-color:#69bc47;line-height:50px;}
.topnav li{position:relative;float:left;display:inline-block;width:12.5%;color:#fff;text-align:center;font-size:16px;}
.topnav li a{color:#fff;}
.topnav li:hover .stopnav{visibility:visible;opacity:1;}
.menulog{
display: none;
position: absolute;
height: 30px;
margin: 10px 15px;
z-index: 200;
color: #fff;
font-weight: bolder;
font-size: 24px;
}
.menulog img{
width: auto;
height: 100%;
}
.menubox {
display: none;
position: absolute;
width: 20px;
height: 20px;
margin: 15px;
right: 0;
z-index: 200;
}
.menu {
width: 100%;
height: 100%;
position: relative;
}
.menu:before, .menu:after {
content: "";
display: block;
width: 100%;
height: 3px;
background: #fff;
border-radius: 5px;
position: absolute;
left: 0;
-webkit-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
.normnav .menu:before, .normnav .menu:after {
background: #fff;
}
.menu:before {
top: 6px;
box-shadow: 0 12px #fff;
}
.normnav .menu:before {
box-shadow: 0 12px #fff;
}
.menu:after {
bottom: 5px;
}
.menu.active::before {
top: 10px;
box-shadow: none;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.menu.active::after {
bottom: 7px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.stopnav>li:hover{text-decoration:underline;}
.stopnav{position:absolute;top:50px;z-index:1000;visibility:hidden;width:100%;height:auto;background-color:#69bc47;opacity:0;transition:all .6s;}
.stopnav>li{display:block;width:100%;height:32px;color:#fff;text-align:center;line-height:32px;}
.stopnav>li a{color:#fff;}
.bannerbk{margin-top:30px;width:100%;height:375px;}
.banntipbk{width:300px;height:100%;font-size:13px;}
.banner{overflow:hidden;width:870px;height:100%;}
.banner li img{width:100%;height:100%;}
.tabline{box-sizing:border-box;padding:0 10px;width:100%;height:50px;background-color:#69bc47;}
.tabline li{float:left;display:inline-block;margin-top:10px;padding:0 15px;height:40px;color:#fff;text-align:center;line-height:40px;cursor:pointer;}
.tabline li.active{background-color:#1078c6;font-weight:700;font-size:18px;}
.banntipbk span.more{float:right;display:inline-block;line-height:50px;}
.banntipbk span.more a{color:#fff;}
.tablist{box-sizing:border-box;padding:10px 20px 0;width:100%;height:325px;background-color:#1078c6;}
.tablist li{display:inline-block;width:100%;height:20%;}
.tablist li a{color:#fff;}
.tablist li:hover a{font-weight:700;font-size:15px;}
.newsblock{margin:30px 0;width:100%;height:380px;}
.mynewsbk{box-sizing:border-box;width:50%;height:100%;}
.ordernewsbk{box-sizing:border-box;width:50%;height:100%;}
.newslistbk{box-sizing:border-box;padding:0 15px;width:100%;height:380px;border:2px solid #eee;border-top:4px solid #69bc47;}
.newslistbk-bgfull{padding:0;border-width:4px 0 0;background:#f1f5f7;}
.newslistbk-bgfull .mynewtit{padding:0 15px;width:auto;border-bottom:0;background:#FFF;}
.mynewsbody{padding:0 15px;}
.mynewtit{width:100%;height:45px;border-bottom:1px solid #d1cfcf;color:#063a90;font-weight:700;font-size:18px;line-height:45px;}
.mynewtit span.more{float:right;display:inline-block;}
.mynewtit a{color:#69bc47;font-weight:400;font-size:14px;}
.imgnewsbk,.mynewslist,.textnewsbk{width:100%;height:auto;text-align:left;}
.imgnewsbk,.textnewsbk{margin-top:10px;}
/*.ordernewsbk .mynewslist{padding:15px 0;border-top:1px solid #e9e1e1;}*/
.mynewslist>.textnewsbk li{position:relative;box-sizing:border-box;padding:0 92px 0 0;/* ! width: 100%; */height:30px;line-height:30px/* ! border-top: 1px dotted #eee; */}
.mynewslist>.textnewsbk li,.mynewslist>.textnewsbk li a{color:#666;}
.mynewslist>.textnewsbk li span.textcont{display:block;overflow:hidden;width:95%;height:100%;text-overflow:ellipsis;white-space:nowrap;}
.mynewslist>.textnewsbk li span.newtime{position:absolute;top:1px;right:5px;display:block;}
.mynewslist>.textnewsbk li:hover{background-color:#f3f3f3;}
.mynewslist>.imgnewsbk li{float:left;display:inline-block;box-sizing:border-box;width:50%;height:auto;}
.mynewslist>.imgnewsbk li.lef{padding-right:10px;}
.mynewslist>.imgnewsbk li.rig{padding-left:10px;}
.mynewslist>.imgnewsbk li img{width:100%;height:auto;}
.mynewslist>.imgnewsbk li p{overflow:hidden;margin:5px 0;width:100%;height:28px;color:#888;text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:28px;}
.mynewslist>.imgnewsbk li p:hover{color:#4887ba;}
.ordernewtit{position:relative;width:100%;height:45px;border-bottom:1px solid #d1cfcf;line-height:45px;}
.ordernewtit li{float:left;display:inline-block;height:45px;color:#134a77;font-weight:700;font-size:18px;cursor:pointer;}
.ordernewtit li.active{border-bottom:2px solid #69bc47;}
.ordernewsbk .textnewsbk>li:first-child{border-top:none;}
.ordernewsbk .firstnew{padding-bottom:10px;width:100%;}
.ordernewsbk .firstnew p{margin:0;}
.ordernewsbk .firstnew p.title{margin:0;padding-top:20px;padding-bottom:15px;color:#69bc47;text-align:center;font-size:16px;}
.ordernewsbk .firstnew p.text{overflow:hidden;height:40px;height:38px;color:#888;line-height:20px;line-height:20px;}
.morenews{position:relative;width:100%;height:46px;}
.morenews .morebtn{position:absolute;top:0;left:50%;z-index:100;margin-left:-50px;width:100px;height:100%;background-color:#fff;}
.morenews .morebtn>button{display:block;margin:9px auto;width:80px;height:28px;outline:0;border:none;border-radius:21px;background-color:#aaa;color:#fff;line-height:28px;cursor:pointer;}
.performance{margin:30px auto;width:100%;height:auto;}
.titlelab{width:100%;height:30px;border-bottom:2px solid #69bc47;text-align:center;line-height:30px;}
.titlelab>.textbk{display:inline-block;background-color:#69bc47;color:#fff;font-weight:700;font-size:16px;}
.ltriangle{width:0;height:0;border-top:15px solid #fff;border-right:15px solid #69bc47;border-bottom:15px solid #69bc47;border-left:15px solid #fff;}
.rtriangle{width:0;height:0;border-top:15px solid #fff;border-right:15px solid #fff;border-bottom:15px solid #69bc47;border-left:15px solid #69bc47;}
.perftable{width:100%;height:auto;}
.perftable>li{float:left;display:inline-block;box-sizing:border-box;padding:0 10px;width:33.33%;height:auto;}
.perflistitle{width:100%;height:50px;color:#134a77;text-align:center;font-weight:700;font-size:18px;line-height:55px;cursor:pointer;}
.imgperf{position:relative;display:inline-block;overflow:hidden;margin-bottom:5px;width:100%;height:150px;}
.imgperf img{width:100%;height:100%;transition:all .6s;}
.imgperf:hover img{z-index:1000;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1);}
.imgperf p{position:absolute;top:0;margin:25px 10% 0 10%;color:#FFF;text-align:center;font-weight:700;font-size:16px;line-height:26px;}
.imgperf button{position:absolute;right:15px;bottom:15px;padding:0 15px;height:21px;border-radius:12px;background-color:#257fc4;color:#fff;font-size:12px;line-height:22px;}
.imgperf button a{color:#fff;}
.perflist{box-sizing:border-box;padding:15px 20px;width:100%;height:auto;border-radius:5px;background-color:#57a0d7;}
.perflist li{overflow:hidden;padding:0;width:100%;height:31px;list-style-position:inside;list-style-type:disc;text-overflow:ellipsis;white-space:nowrap;line-height:31px;}
.perflist li,.perflist li a{color:#fff;}
.perflist li:hover{text-decoration:underline;}
.aboutus{margin:20px 0;width:100%;height:380px;}
.aboutus-textbk{position:relative;display: inline-block;margin-top:12px;width:100%;height:345px;}
.aboutus-textbk>.textbg{position:absolute;top:0;width:100%;height:333px;}
.aboutus-textbk>.textbg>.bkleft{position:absolute;width:50%;height:300px;border-top:2px solid #3686c7;border-left:2px solid #3686c7;}
.aboutus-textbk>.textbg>.bkright{position:absolute;top:13px;right:0;width:65%;height:287px;border-top:2px solid #3686c7;border-right:2px solid #3686c7;}
.textblock{position:absolute;top:23px;width:100%;height:333px;}
.textblock>.aboutusimg,.textblock>.aboutustext{box-sizing:border-box;padding:0 10px;width:100%;height:100%;}
.textblock>.aboutustext img{float:left;padding-top:10px;padding-right:10px;width:50%;height:auto;}
.textblock>.aboutusimg img{width:100%;height:100%;}
.textblock>.aboutustext{position:relative;text-align:left;text-indent:2em;}
.textblock>.aboutustext p{margin-top:0;margin-bottom:10px;text-align:justify;text-indent:2em;}
.aboutus-morebtnbk{position:absolute;bottom:25px;width:100%;height:30px;}
.aboutus-morebtnbk>.backline{position:absolute;bottom:8px;box-sizing:border-box;padding-right:170px;width:100%;height:auto;}
.aboutus-morebtnbk>.backline li{display:block;width:100%;height:2px;border-bottom:1px dotted #69bc47;}
.aboutus-morebtnbk button{position:absolute;right:30px;bottom:0;width:120px;height:28px;border-radius:14px;background-color:#69bc47;color:#fff;line-height:26px;}
.aboutus-morebtnbk a{color:#fff;}
.contactbottom{width:100%;height:227px;padding-top:120px;background: url(../image/bot.png) no-repeat;background-size: 100% auto;background-position: bottom center;background-color:#fff;color:#333;}
.bottomcopy,.contacttext{margin:20px 0;width:50%;height:160px;}
.contacttext p{overflow:hidden;margin:0;width:100%;height:26px;line-height:26px;}
.contacttext p.title{margin:10px 0;font-size:16px;}
.continfor{display:inline-block;margin-top:28px;width:100%;height:106px;}
.continfor li{float:right;display:inline-block;}
.continfor li>img{width:80px;height:80px;}
.bottomcopy p{margin:0;height:26px;text-align:center;line-height:26px;}
.bottomcopy>.copyline{display:inline-block;width:100%;height:26px;text-align:right;letter-spacing:0;line-height:26px;}
.bottomcopy>.copyline span{float:none;text-align:right;}
.articlbk,.articlistbk{margin:30px 0 10px;width:100%;height:auto;min-height:520px;border-top:1px solid #eee;box-shadow:0 -10px 40px rgba(0,0,0,.3);letter-spacing:0;}
.articletip{box-sizing:border-box;padding:0 20px;width:100%;height:32px;color:#888;line-height:32px;}
.articletip a{color:#888;}
.articletip>li:hover a{color:#69bc47;}
.articletip>li{float:left;display:inline-block;}
.articletip>li>span{padding:0 8px;}
.articletip>li:last-child span{display:none;}
.article-titlebk{box-sizing:border-box;padding:0 20px;width:100%;}
.article-titlebk>.title{padding:20px 0;width:100%;border-top:1px solid #eee;border-bottom:1px solid #eee;text-align:center;line-height:30px;}
.article-titlebk p{margin:6px 0;width:100%;color:#888;text-align:center;}
.article-titlebk p>span{padding:0 8px;}
.articletext,.articlist{box-sizing:border-box;padding:0 20px;width:100%;height:auto;}
.article{margin:30px 0 60px 0;width:100%;height:auto;color:#888;text-align:justify;font-size:14px;line-height:26px;}
.article img{margin:0 auto;max-width:100%;}
.articlepage{padding:20px 0;width:100%;height:32px;border-top:1px dotted #eee;line-height:32px;}
.articlepage li{float:left;display:inline-block;overflow:hidden;box-sizing:border-box;padding:0 10px;width:50%;height:100%;color:#888;text-overflow:ellipsis;white-space:nowrap;}
.articlepage a{color:#888;}
.articlepage li.pre{text-align:left;}
.articlepage li.next{text-align:right;}
.articlepage li:hover a{color:#69bc47;}
.articlist ul{box-sizing:border-box;padding-top:10px;padding-left:15px;width:100%;height:auto;border-top:1px solid #eee;}
.articlist li{position:relative;width:100%;height:42px;color:#888;list-style-type:disc;line-height:42px;}
.articlist li a{float:left;display:block;width:100%;color:#888;}
.articlist li span.textcont{display:block;overflow:hidden;box-sizing:border-box;padding-right:90px;width:100%;height:32px;color:#888;text-overflow:ellipsis;white-space:nowrap;}
.articlist li span.newtime{position:absolute;top:0;right:0;display:block;color:#888;}
.aboutusbk{box-sizing:border-box;padding-right:10px;width:50%;height:100%;}
.aboutusbk .titlelab{text-align:left;}
.aboutusbk .ltriangle{display:none;}
.aboutusbk .textbk>div.text{padding:0 10px;}
.yewubk li{float:left;display:inline-block;box-sizing:border-box;padding:5px 10px;width:50%;height:80px;}
.yewubk li img{width:100%;height:100%;}
.youqinglink{display:inline-block;margin-top:20px;margin-bottom:50px;width:100%;height:auto;}
.linklist{margin-top:30px;width:100%;height:auto;}
.linklist li{float:left;display:inline-block;box-sizing:border-box;margin:0 10px 10px 0;padding:10px 20px;border:1.5px solid #eee;border-radius:5px;}
.linklist li .borderbk{box-sizing:border-box;width:100%;height:100%;border:1px solid #eee;text-align:center;line-height:80px;}
.linklist li a{color:#666;}
.linklist li:hover{background-color:#57a0d7;}
.linklist li:hover a{color:#FFF;}
.adver{display:inline-block;width:100%;height:100px;;margin-bottom: 20px;background:url(../image/beijing2.jpg);background-size:cover;overflow:hidden;}
.adver p{margin:15px 0;color:#fff;text-shadow:10px 6px 5px rgba(0,0,0,.6);font-size:22px;line-height:22px;animation-duration:3s;}
.adver p span.left{padding-left: 30%}
.adver p span.right{padding-left: 45%;}
.copyblock{width: 100%;height: 16px;float: left;padding: 5px 0;border-top: 1px dotted #fff;}
.copyline{display: inline-block;float: left;}
.techno{display: inline-block;float: right;}
.connectbk{width: 100%;height: auto;}
.connectbk>h2{color: #666;text-align: center;margin: 4.5em 0 2em 0;}
.connectline{width: 100%;height: auto;}
.connectline>.connectext{display: inline-block;float: left;box-sizing: border-box;width: 100%;height: auto;color: #888;}
.connectline>.connectext>.context{display: inline-block;box-sizing: border-box;width: 100%;height: auto;margin: 5.5em 0;}
.connectline>.connectext>.myprod{display: inline-block;}
.connectline > .connectext > .context > .contactlbk{display: inline-block;float: left;box-sizing: border-box;width: 31%;height: auto;margin: 0 0 0 40px;color: #868686;}
.connectline>.connectext>.context>.contactlbk>h2{border-bottom: 1px solid #868686;padding: 10px 0;margin: 0 0 1.5em 0;}
.connectline > .connectext > .context > .contactlbk:first-child{margin-left:0;}
.aboutpagebk{box-sizing: border-box;width: 100%;height: auto;color: #888;line-height: 28px;letter-spacing: 1px;margin-top: 30px;}
.aboutline{width: 100%;height: auto;padding-bottom: 50px; text-align: justify;}
.aboutusimg{display: inline-block;float: left;width: 520px;/*! height: 462px; */}
.aboutusimg>img{width: 100%;height: 100%;/*! border-radius: 5px; */}
.aboutustextbk{display: inline-block;float: left;box-sizing: border-box;width: 650px;height: 762px;padding-left: 3em;}
.aboutyezi{width: 100%;height: auto;}
.aboutyezi>.yezibk{display: inline-block;float: left;box-sizing: border-box; width: 33.33%;height: auto;padding: 10px 15px;}
.aboutyezi>.yezibk>.usyezi{box-sizing: border-box;width: 100%;height: auto;padding:10px;background-color: #34b1eb;border-radius: 15px;}
.aboutyezi>.yezibk>.usyezi>h3{color: #fff;text-align: center;}
.aboutyezi>.yezibk>.usyezi>li{display: block;width: 100%;height: 32px;line-height: 32px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.aboutyezi>.yezibk>.usyezi>li a{color: #fff;}
/*=========¹ØÓÚÎÒÃǺÍÁªÏµÎÒÃÇ=========*/
.banner-simple{margin-bottom:4em;min-height:83px;background:url(../image/contact.jpg) center;text-align:center;}
.banner-simple h2{color: #fff; padding-top: 21px; margin: 0; font-size:2.7em;font-weight:bold;}
.yezibk img:last-child{margin-left:40px;}
.yezibk .yji{margin-bottom:4em;min-height:83px;background:url(../image/yj1.jpg) center;padding-top:0em;text-align:center;width:900px;}
.yezibk .yji .yjiitem{color:#FFF;font-size:15px;}
.yezibk .yji .yjiitem h2{padding:15px 50px;text-align:left;margin-bottom: 0;}
.yezibk .yji .yjiitem h2 hr{border:2px solid #FFF;width:300px;margin: 0;}
.yezibk .yji .yjiitem .yjiitem-count b{background-color:#666;opacity:0.8;font-size:40px;padding:10px 0px 10px 15px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.yezibk .yji .yjiitem .yjiitem-count span{margin-left:5px;}
.yezibk .yji .yjiitem p{text-align:right;padding-right:50px; /*! font-weight: 700; */}
.aboutustextbk li{list-style-type:disc;}
.aboutustextbk li b{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; }
.aboutustextbk ul{margin:1em 0 10px 20px;color:#9A9598;font-size:1em;}
.qtgsbg{height:auto;overflow:hidden;}
.qtgsbg .mynewslist>.textnewsbk>li{display:inline-block;float:left;width: 33.33%;padding:0;}
.topcont .searchline{position: relative;width:100%;height:38px;line-height:38px;box-sizing: border-box;padding-right: 80px;background-color:#fff;}
.topcont .searchline>input{box-sizing: border-box;width:100%;height:100%;border:1px solid #69bc47;padding:0 10px;outline:none;}
.topcont .searchline>.searchbtn{position: absolute;top:0;right:0;width:80px;height:38px;line-height:38px;text-align:center;background-color:#69bc47;color:#fff;}
.bannernew{width:100%;height:auto;overflow: hidden;margin: 20px 0;}
.newbanner{position: relative;width: 60%;height:360px;overflow: hidden;}
.newbanner img{width:100%;height: auto;}
.newtitbar{position: absolute;box-sizing: border-box;bottom: 0;left: 0;width:100%;height:60px;padding-right: 30%;line-height:60px;background-color: rgba(0,0,0,.3);color:#fff;}
.newtitbar>.bantitle{position: relative;box-sizing: border-box;width: 100%;height:100%;padding-left: 10px;}
.newtitbar>.bantitle>li{position: absolute;width: 100%;height: 100%;top:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;opacity: 0;;transition: all .5s;}
.newtitbar>.bantitle>li.active{top: 0;opacity: 1;}
.newtitbar>.banpage{position: absolute;top: 0;right: 0;box-sizing:border-box;width: 30%;height: 100%;padding-right:10px;text-align: right;overflow: hidden;}
.newtitbar>.banpage>span{display: inline-block;width: 16px;height:16px;border-radius: 50%;background-color:#fff;margin:22px 6px;}
.newtitbar>.banpage>span.active{background-color:#69bc47;}
.compnews{box-sizing: border-box;width: 40%;height: auto;padding-left: 20px;}
.bordercont{box-sizing:border-box;width:100%;height: 360px;border:1px solid #eee;}
.compnews .titlebar{width:100%;height: 40px;line-height:40px;text-align:right;background-color: #eee;}
.compnews .titlebar>span{display:inline-block;width:100px;text-align:center;color:#69bc47;cursor: pointer;}
.compnews .titlebar>span.active{background-color:#69bc47;color:#fff;}
.newcontlist{width:100%;height: auto;}
.newcontents{display:none;}
.newcontents.active{display:block;}
.newcontlist li{position: relative;box-sizing: border-box;width:100%;height: 40px;padding-left: 30px;padding-right: 100px;line-height:40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;color:#666;}
.newcontlist li:hover{background-color: #f1f1f1;}
.newcontlist li a{color:#666;}
.newcontlist li i{display:block;position:absolute;top: 0;left: 0;width:30px;height:40px;text-align: center;font-size: 12px;color:#69bc47;}
.newcontlist li span{display:block;position:absolute;top: 0;right: 10px;width: 90px;height: 40px;text-align: right;}
.gsnewsbg{display: inline-block;width:100%;height: auto;margin-bottom: 20px;}
.bgtablelist{box-sizing:border-box;width: 45%;height: 382px;}
.bgtablelist>.bgcontent{box-sizing: border-box;width:100%;height: 100%;padding-top: 30%;background: url(../image/yewu3.png) no-repeat bottom;background-size:cover;overflow: hidden;}
.bgtablelist>.bgcontent>li{display:inline-block;width: 40%;height: 60px;text-align: center;margin: 10px 5%;float: left;background-color: rgba(255,255,255,.4);border-radius: 15px;}
.bgtablelist>.bgcontent>li .contentbg{width: 90%;height:40px;line-height:40px;margin: 10px auto;font-size: 16px;font-weight: bold;color:#69bc47;background-color: rgba(255,255,255,.8);border-radius: 10px;}
.gslistcont{box-sizing:border-box;width: 55%;height: 382px;padding-left: 20px;}
.gscontent{position: relative;box-sizing:border-box;width:100%;height:100%;padding-left: 25%;border: 1px solid #eee;background-color:#fff;}
.gstabbar{position: absolute; width:25%;height: 100%;top:0;left: 0;}
.gstabbar>li{box-sizing: border-box;width:100%;height:127px;line-height:127px;text-align:center;font-size: 18px;font-weight: bold;letter-spacing:2px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;color: #666;cursor: pointer;}
.gstabbar>li:last-child{border-bottom: none;}
.gstabbar>li.active{color:#69bc47;border-right: none;}
.gstabbar>li>.icon{width:100%;height:60%;line-height:85px;font-size: 2em;font-weight: 500;}
.gstabbar>li>.gsname{width:100%;height:40%;line-height:30px;}
.gsnewlistbg{box-sizing: border-box;width:100%;height: 100%;padding: 0 10px 0 30px}
.gsnewlistbg>.gsnewlists{display: none;position:relative;height:100%;box-sizing:border-box;padding-bottom:30px;}
.gsnewlistbg>.gsnewlists.active{display: block;}
.gsnewlistbg>.gsnewlists>.getmorebtn{position: absolute;width: 100%;height: 30px;text-align: right;bottom: 0;text-align:center;}
.gsnewlistbg>.gsnewlists>.getmorebtn>a{color:#69bc47;}
.gsnewlistbg>.gsnewlists>li{position: relative;box-sizing: border-box;width:100%;height:82px;padding-top: 12px;padding-right: 90px;cursor:pointer;}
.gsnewlistbg>.gsnewlists>li>.gstext{width:100%;height:100%;overflow: hidden;}
.gsnewlistbg>.gsnewlists>li>.gstext>.title{width:100%;height:30px;line-height:30px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;font-size: 16px;color: #333;font-weight: 600;}
.gsnewlistbg>.gsnewlists>li>.gstext>.summary{width: 100%;height: 40px;line-height: 20px; font-size: 13px;color: #666;overflow: hidden;}
.gsnewlistbg>.gsnewlists>li>.gstime{position:absolute;width:80px;height:70px;top:14px;right:0;box-sizing: border-box;border:1px solid #eee;border-radius:10px;font-size: 13px;overflow: hidden;}
.gsnewlistbg>.gsnewlists>li>.gstime>.gsdate{width:100%;height:40px;line-height:40px;color:red;text-align:center;font-size:1.5rem;}
.gsnewlistbg>.gsnewlists>li>.gstime>.yearmt{width:100%;height:30px;line-height:30px;text-align:center;background-color:#eee;}
.achieve{width:100%;height:auto;}
.achieve-title{width:100%;height:80px;line-height:70px;text-align:center;border-top: 1px solid #eee;font-size: 26px;font-weight: 600;color:#69bc47;}
.achieve-content{width:100%;height:auto;overflow: hidden;}
.achieve-content>li{width: 33.33%;height: auto;box-sizing: border-box;padding-right: 10px;padding-left: 10px;}
.achieve-content>li:first-child{padding-right: 20px;padding-left: 0;}
.achieve-content>li:last-child{padding-left: 20px;padding-right: 0;}
.achieve-body{width:100%;height:auto;background-color: #eee;}
.achieve-body>.achieve-image{width:100%;height: 200px;overflow: hidden;}
.achieve-body>.achieve-image>img{width:100%;height:100%;transition:all .6s;}
.achieve-content>li:hover img{transform:scale(1.1);}
.achieve-bodytext{box-sizing: border-box;padding:0 10px;width:100%;height:auto;}
.achieve-texttitle{width:100%;height:50px;line-height:50px;font-size: 16px;font-weight: 600;color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.achieve-text{width:100%; height:33px;line-height:32px;font-size: 14px;color:#666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px solid #69bc47;}
.morebtn{width:100%; height:50px;line-height:40px;font-size: 14px;color:#666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:right;}
.morebtn span{color:#69bc47;padding:0 10px;}
.linkbg{width:100%;height: auto;margin-top: 20px;overflow: hidden;line-height: 50px;}
.linkbgtitle{display:inline-block;float: left;width:120px;height: 50px;line-height: 50px;font-size: 22px;font-weight: 600;color:#69bc47;}
.linkbg>li{display: inline-block;float:left;height: 30px;line-height:30px;margin: 10px 0;border: 1px solid #eee;background-color: #fff;padding: 0 30px;border-radius:10px;color:#666;margin-right: 15px;white-space: nowrap;}
.slogan{position:absolute;top: 20%;width:100%;height:auto;font-size: 26px;font-weight: 600;letter-spacing:2px;text-align: center;line-height: 28px;color:#69bc47;text-shadow:0 5px 5px rgba(0,0,0,.3);-webkit-background-clip:text;-webkit-text-stroke:1px #fff;}
.textlogo{display:none;font-size: 20px;font-weight: 600;width: 100%;height: 100%;line-height: 30px;letter-spacing:2px;color:#fff;}
@media screen and (max-width:1170px){
.mblock{
width: 100%;
margin: 0;
}
.toplog{
height: 150px;
}
.logotext {
line-height: 160px;
width: 28%;
margin-left: 20px;
}
.logotext .wow{display:none;}
.topcont{
/*margin-left: 90px;*/
height: 120px;
line-height: 160px;
float:right;
}
.banner{
width: 72%;
}
.banntipbk{
width: 28%;
}
.contactbottom{
box-sizing: border-box;
padding: 0 20px;
}
}
@media screen and (max-width:890px){
.logotext{display:none;}
}
@media screen and (max-width:768px){
.mblock{
padding-top: 50px;
}
.topnav{
position: absolute;
top: 0;
z-index: 99999;
}
.textlogo{
display: block;
}
.menulog img{
display: none;
}
.menulog,.menubox{
display: block;
}
.bannerbk,.aboutus,.newsblock,.performance,.youqinglink,.bannernew,.gsnewsbg,.achieve,.linkbg{
box-sizing: border-box;
padding: 0 10px;
height: auto;
margin-top: 10px;
}
.aboutusbk,.mynewsbk,.ordernewsbk{
display: inline-block;
float: none;
width: 100%;
margin-top: 30px;
}
.newbanner,.compnews,.bgtablelist,.gslistcont{
width: 100%;
height: auto;
margin: 10px 0;
padding: 0;
}
.gscontent{
padding-left: 0;
padding-top: 70px;
}
.gstabbar{
width: 100%;
height: 60px;
}
.gstabbar>li{
display:inline-block;
float: left;
width: 33.33%;
height: 70px;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
font-size: 12px;
}
.gstabbar>li:last-child{
border-left: none;
border-bottom: 1px solid #eee;
}
.gstabbar>li.active{
border-bottom: none;
}
.gstabbar>li>.icon{
height: 40px;
line-height: 50px;
}
.gstabbar>li>.gsname{
height: 30px;
line-height: 30px;
}
.gsnewlistbg{
padding: 0 10px;
}
.achieve-content>li{
width: 100%;
margin-bottom: 20px;
padding: 0;
}
.achieve-content>li:first-child{
padding: 0;
}
.achieve-content>li:last-child{
padding: 0;
}
.contacttext,.bottomcopy{
display: none;
}
.copyblock{
padding: 50px 0 5px 0;
}
.bgtablelist>.bgcontent>li .contentbg{
font-size: 13px;
}
.slogan{
font-size: 20px;
}
.newtitbar{
width: 100%;
height: 80px;
padding: 0 10px;
}
.newtitbar>.bantitle{
width: 100%;
height: 50px;
line-height: 50px;
overflow: hidden;
}
.newtitbar>.banpage{
position: relative;
width: 100%;
height: 30px;
line-height: 30px;
text-align:center;
}
.newtitbar>.banpage>span{
width: 14px;
height: 14px;
margin: 0 5px 16px 5px;
}
.toplog{
display: none;
}
.banner{
display: block;
float: none;
width: 100%;
height: 180px;
}
.banntipbk{
display: block;
float: none;
width: 100%;
height: 200px;
}
.menulist{
display: none;
position: absolute;
margin-top: 40px;
width: 100%;
height: auto;
z-index: 100;
background-color: #69bc47;
}
.menulist.show{
display: block;
}
.topnav>.menulist>li{
display: block;
width: 100%;
}
.tabline{
height: 30px;
}
.tabline li{
height: 30px;
line-height: 30px;
margin-top: 0;
font-size: 12px;
}
.tabline li.active{
font-size: 12px;
}
.banntipbk span.more{
font-size: 12px;
line-height: 30px;
}
.tablist{
height: 170px;
padding-bottom: 10px;
}
.tablist li p{
margin: 0;
}
.adver .bounceInRight{
text-align: right;
}
.adver p span.left,.adver p span.right{
padding: 0 10px;
}
.contactbottom,.copyblock{
height: auto;
}
.copyline{
text-align: center;
}
.techno{
width: 100%;
text-align: center;
}
.pright,.pleft{
padding: 0;
}
.perftable>li{
width: 100%;
}
.connectline > .connectext > .context > .contactlbk{
width: 92%;
margin: 0 4%;
}
.connectline > .connectext > .context > .contactlbk:first-child{
margin-left: 4%;
}
.aboutusimg{
width: 100%;
}
.aboutustextbk{
width: 92%;
height: auto;
margin: 0 4%;
padding: 0;
}
.yezibk .yji{
width: 100%;
margin: 0 !important;
}
.yezibk img{
width:100%;
margin:0 !important;
}
.myprod{
height: 220px !important;
}
.yezibk .yji .yjiitem h2{
text-align: left !important;
}
.yezibk .yji .yjiitem h2 hr{
margin: 0 !important;
}
.yezibk .yji .yjiitem p{
text-align: right !important;
padding-right: 50px !important;
}
.textblock{
height: auto;
}
.aboutus-morebtnbk{
position: relative;
}
.contacttext p{
height: auto;
}
.mynewslist>.textnewsbk li span.textcont{
width: auto;
}
.bottomcopy, .contacttext{
height: auto;
}
.qtgsbg .mynewslist>.textnewsbk>li{width: 100%;}
.paginator:first-child{display:none;}
}