body{padding-left: 80px;background-color: #fafafa}
ul,li,dt,dd{list-style: none;margin: 0;padding: 0}
img{max-width: 100%}
.pr{position: relative;}
.tac{text-align: center;}
.ovh{overflow: hidden;}
.p20{padding: 20px}
.pic img{width: 100%}
.ico{background: url(ico_b.png) no-repeat;display: inline-block;width: 26px;height: 26px;margin-right: 6px;vertical-align: top;}
.ico-1{background-position: 0px 2px;}
.ico-2{background-position: 0px -29px;}
.ico-3{background-position: 0px -61px;}
.ico-4{background-position: 0px -92px;}
.ico-5{background-position: 0px -275px;}
.ico-6{background-position: 0px -306px;}
.ico-7{background-position: 0px -334px;}
.ico-8{background-position: 0px -367px;}
.ico-9{background-position: 0px -121px;}
.ico-10{background-position: 0px -153px;}
.ico-11{background-position: 0px -182px;}
.ico-12{background-position: 0px -213px;}
.ico-13{background-position: 0px -245px;}
.ico-14{background-position: 0px -397px;}
.ico-15{background-position: 0px -427px;}
.ico-16{background-position: 0px -457px;}

.nav{position: fixed;top: 0;left: 0;width: 80px;height: 100%;background-color: #fff;text-align: center;border-right: 1px solid #e6e8e9;z-index: 1000}
.nav ul a{padding: 6px;height: 70px;color: #acacac}
.nav ul a:hover{color: #666}
.nav ul a:before{font-size: 24px;margin-bottom: 6px;margin-top: 12px;}
.nav ul a .label{font-size: 12px}
.nav ul .more{position: absolute; bottom: 0; left: 0; right: 0;}
.nav .toggle.on .open,.nav .toggle .close{display: none;}
.nav .toggle .open,.nav .toggle.on .close{display: block;}
.nav .toggle a.close:before{font-size: 32px;line-height: 64px;color: #8fd13f;}
.logo{position: absolute;top: 0;left: 0;width: 100%;height: 72px;background-color: rgba(0,0,0,0.4);padding-left: 168px;z-index: 998}
.logo a{margin-top: 14px;display: inline-block;}
.logo .icon-reorder{display: none}
.logo img.on{margin-left: 90px}


.slider{height: 610px;width: 100%;}
.slider .bg{height: 610px}
.slider .bg-1{background:url(s-1.jpg) no-repeat 50% 0;background-size:auto 100%}
.slider .bg-1 #animation_box{position: absolute;width: 100%;bottom: 100px;font-size: 42px;color: #fff;text-align: center;}

.news{margin-top: 50px;position: relative;}
.news .hd h3,.download h3{font-size: 36px;margin-bottom: 20px;color: #333}
.news .hd p{font-size: 18px}
.news .xm3 .border{border:1px solid #eaeaea;border-bottom:3px solid #eaeaea; background-color: #fff;}
.news .category{position: relative;background-color: #606060;padding: 5px 30px;color: #fff;display: inline-block;margin-bottom: 36px;}
.news .category:before{content: "";display: block;position: absolute;width: 0; height: 0; border-top: 15px solid #606060; border-right: 15px solid transparent;bottom: -15px;left: 0}
.news .bd{padding-bottom: 80px;margin-bottom: 40px}
.news .bd h3{line-height: 1.5em;height: 6em;font-size: 24px;color: #666}
.news .banner .pointer{bottom: 15px}
.news .banner .pager-prev, .banner .pager-next {bottom:15px;top: auto;display: block;}
.nav2{background-color: #fff}
.nav2 ul{border-bottom: 1px solid #eaeaea}
.nav2 li{float: left;}
.nav2 li a{display: block;width: 186px;height: 90px;line-height: 90px;text-align: center;border-right: 1px solid #eaeaea;font-size: 18px;}
.nav2 li.on a{display: block;width: 186px;height: 90px;line-height: 90px;text-align: center; background-color: #2a2a2a;color: #fff;font-size: 18px;position: relative;}
.nav2 li.on a:before{content: "";display: block;position: absolute;left: 50%;bottom: -10px;margin-left: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #2a2a2a;}

.index .message{height: 236px;background-color: #8fd13f;color: #fff;text-align: center;}
.index .message p{margin-top: 50px;font-size: 20px;line-height: 2em;}
.index .message .more{background-color: #61af03;color: #fff;padding: 10px 36px;border: 0;}
.index .message .more:hover{background-color: #5ba303;}

.index .xm .xm4{color: #666}
.index .xm .xm4.on{background-color: #ececec}
.index .xm .xm4 h3{font-size: 44px;}
.index .xm .xm4 p{font-size: 20px;line-height: 1.5em}
.index .xm .xm4 .text{padding: 0 10% 30px 10%}
.index .xm .xm4 .text h3{padding: 30px 0}
.index .xm .xm4 .more{background-color: #61af03; color: #fff}

.page .cbox{padding: 50px 0;background-color: #fff}
.page .cbox h3{text-align: center;font-size: 30px;margin-bottom: 20px}
.page .cbox .content{font-size: 18px}
.page .cbox .content p{margin-bottom: 2em;line-height: 2em;color: #666}
.page .lxbox{border: 1px solid #e6e6e6;padding: 30px;margin: 20px 0}
.page .lxbox h3{font-size: 24px;text-align: left;}
.page .lxbox .text{font-size: 14px;font-weight: 700;color: #666;line-height: 2}
.list .hybj img{width: 100%;}
.list .hybj a{display: block;background-color: #fff;overflow: hidden;}
.list .hybj a img{opacity: 0.6;-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.list .hybj a:hover img{width: 100%;-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 1;}
.list .news .item{margin-bottom: 20px}
.list .news .hd h3{margin-bottom: 50px}
.list .download,.list .recruit{padding: 50px 0;background-color: #fff}
.list .download table{line-height: 3em}
.list .download table tr th{background-color: #8fd13f;border: 0;color: #fff;}
.list .download table tr td{color: #666}
.list .download table tr td .icon-cloud-download{font-size: 20px}
.pages{text-align: center;padding: 50px 0 20px 0 }
.pages span,.pages a{border: 1px solid #8fd13f;padding: 5px 10px;margin: 1px;color: #8fd13f;border-radius: 2px}
.pages span,.pages a:hover{background-color: #8fd13f;color: #fff}
.list .recruit{color: #666}
.list .recruit a:hover{color: #666}
.list .recruit .item{margin-bottom: 20px;line-height: 2em;}
.list .recruit .bg{padding: 30px 20px;background-color: #fafafa}
.list .recruit .hd{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px}
.list .recruit .hd h3{font-size: 18px;color: #8fd13f}
.list .recruit .other{color: #333;margin-bottom: 2em}
.list .recruit .desc{height: 6em;overflow: hidden;}

.content .recruit{padding: 50px 0;background-color: #fff;color: #666;line-height: 2em}
.content .recruit .hd{border-bottom: 1px solid #eaeaea;margin-bottom: 30px}
.content .recruit .hd h3{color: #8fd13f;font-size: 24px;padding-bottom: 10px}
.content .recruit .hd .info{padding-bottom: 10px;color: #333}
.content .recruit .hd .button{padding: 10px 50px;margin: 10px 20px 10px 0;background-color: #8fd13f;border: 0;color: #fff}
.content .recruit .hd .button a{color:#fff;}
.content .recruit .bd .ms{margin-bottom: 2em}
.content .recruit .bd h4{font-weight: 700;color: #333}
.footer .link{background-color: #f3f3f3;line-height: 40px;border-bottom: 4px solid #8fd13f}
.footer .link li{display: inline-block;margin: 0 10px}
.footer .link2{background-color: #e6e6e6;padding: 30px 0 10px 0}
.footer .link2 h3{font-size: 20px;font-weight: 700;}
.footer .link2 .line div{margin-bottom: 20px;line-height: 26px}
.footer .copyright{background-color: #565756;color: #bdbdbd;padding: 10px 0}
.footer .copyright p{margin-bottom: 5px}



.blocker {background-color: rgba(0,0,0,.2); cursor: default; display: block; height: 100%; left: 0; position: fixed; top: 0; width: 0; z-index: 999; opacity: 0; transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; }
.blocker.on{width: 100%;opacity:1;}
.blocker .nav2{color: #fff;padding: 20px;width:185px;margin-left: 80px;background-color: #313131;border-right: 1px solid #222;position: fixed;height: 100%;opacity: 0;display: none}
.blocker.on .nav2{opacity: 1;width: 320px;margin-left: 80px;background-color: #313131;border-right: 1px solid #222;position: fixed;height: 100%;transition: all 2s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.blocker .nav2 a{color: #fff;display: block;}
.blocker .nav2 a:hover{background-color: #222;transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.blocker .nav2 span{margin-right: 10px}
.blocker .nav2 dl{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #222}
.blocker .nav2 dt{line-height: 2em;font-size: 18px;font-weight: 100}
.blocker .nav2 dt a{padding: 6px 20px;color: #8fd13f;}
.blocker .nav2 dd a{padding: 6px 20px;text-indent:2em}

.line-big2{margin-left: -20px;margin-right: -20px;}
.gypic{width: 20%;text-align: center;float: left;}
.gypic img{border: 1px solid #f0f0f0}
#lxwm{line-height: 2em}
@media(max-width:720px){
body{padding: 0}
.logo{padding-left: 18px;position: fixed; top: 0; left: 0; width: 100%;}
.logo .icon-reorder{display: block;font-size: 32px;color: #fff;margin: 14px 16px 0 0;}
.slider{height: 229px;}
.slider .bg{height: 229px;}.slider .bg img{width: 80%;}
.slider .bg-1 #animation_box{bottom: 20px;    font-size: 16px;}
.index .message p{margin-top: 20px;}
.footer .link li{display: block;}
}
@media(min-width:1921px){
.slider .bg-1{background: url(s-1.jpg) no-repeat 0 50%;background-size: 100% auto;}
}
@media(min-width:1921px){.xm .pic{height: 462px;overflow: hidden;} .xm .pic img{margin-top: -10%} .slider{height: 920px} .slider .bg{height: 920px} }
.fanhui{ width:100%; overflow:hidden; margin:2% 0px; text-align:center;}
.fanhui span{    padding: 0.5% 0;text-align: center; border: 1px #ccc solid; width: 15%;  display: block;  border-radius: 5px;    margin: 0 auto;}