html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p,blockquote,th,td,button,footer,header,menu,nav{margin:0;padding:0;}
html,body{font-family:"microsoft yahei";color:#333;background:#fff;}
ol,ul,li{list-style:none;}a{text-decoration:none;}img{border:none;}i,em{font-style:normal;}
.fl{float:left;}.fr{float:right;}.fl,.fr{_display:inline;}
.cf:after{display:block;height:0;font-size:0;content:".";visibility:hidden;clear:both;}.cf{zoom:1;}
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}
.w1200{width:1200px;margin:0 auto;position:relative;}
.banner{ width:100%; height:620px; background:url(images/banner.jpg) no-repeat center center;}
.banner .w1200{ padding-top:110px;}
.banner .drx{ width:180px; position:absolute; top:20px; left:-2000px; text-align:center; opacity:0;}
.banner .drx h2{ margin-top:-5px;}
.banner .drx b{ font-size:18px; display:inline-block; *display:inline; *zoom:1; width:18px; height:22px; line-height:22px; text-align:center; font-weight:normal; color:#fff; background:url(images/bg_hit.jpg) no-repeat center;}
.banner .drx img{ display:block; width:140px; height:166px; margin:0 auto;}
.banner .drx p{ font-size:14px; font-weight:bold;}
.banner .logo{ width:220px; height:82px; position:absolute; right:-800px; top:30px; opacity:0;}
.banner .theme{ width:1090px; height:300px; display:block;  margin:0 auto; opacity:0;}
.banner .dy{ opacity:0; margin-top:2000px;}
.banner .dy img{ width:700px; height:44px; display:block; margin:10px auto;}
.banner .dy p{ font-size:16px; line-height:30px; color:#333; text-align:center;}

.p1{ padding-bottom:40px;}
.tt{ width:1100px; height:140px; margin:0 auto; padding:30px 0 20px;}
.tt img{ width:1100px; height:140px; display:block;}
.p1 .content{ width:1100px; height:400px; margin:0 auto; position:relative; background:url(images/p1-bg1.png) no-repeat center center;}
.p1 .content .fl{ width:384px; height:384px; padding-left:40px;}
.p1 .content .fr{ width:620px;}
.p1 .content .fr .title{ width:400px; height:60px; line-height:60px; position:relative; padding:60px 0 14px;}
.p1 .content .fr .title b{ font-size:40px; font-weight:normal; color:#333; padding-left:5px;}
.p1 .content .fr .title em{ font-size:35px;color:#aee621; text-transform:uppercase; margin-left:20px;}
.p1 .content .fr .title span{ width:114px; height:26px; background:url(images/icon.png) no-repeat center center; position:absolute; left:-120px; top:78px;}
.p1 .content .fr ul{ padding-left:24px; font-size:18px; line-height:36px; width:470px;}
.p1 .content .fr ul li{ width:100%; float:left;}
.p1 .content .fr ul li.w5{ width:50%;}

.slide{position:relative; margin-top:30px;}
.slide dt{ width:490px; position:absolute; right:0; top:0; z-index:999; }
.slide dt .slide-hd{ width:450px; height:50px; padding:10px 10px 0 30px; cursor:pointer;}
.slide dt .slide-hd h3{ height:40px; line-height:40px; font-size:28px; font-weight:normal; padding-bottom:10px;}
.slide dt .slide-hd h3 i{ float:left; height:45px; line-height:40px;}
.slide dt .slide-hd h3 img{ float:left; width:32px; height:32px; margin:4px 0 0 5px;animation: 9.5s linear 0s normal none infinite rotate;-webkit-animation:9.5s linear 0s normal none infinite rotate;}
.slide dt .slide-hd p{ font-size:14px; line-height:24px; text-indent:2em; display:none;}
.slide dt .slide-hd.on{ height:60px; border:3px solid #6bba36; height:254px; }
.slide dt .slide-hd.on p{ display:block;}
.slide dd{ width:720px; padding-left:10px;}
.slide dd{ width:720px; height:545px; overflow:hidden;}
.slide dd .scroll_box{ width:720px; height:510px; overflow:hidden;}
.slide dd .scroll_box img{ display:block; width:720px; height:510px;}
.slide dd .scroll_btn{ width:100%; text-align:center; padding-top:12px;}
.slide dd .scroll_btn a{ display:inline-block; *display:inline; *zoom:1; width:17px; height:17px; border-radius:9px; background:#6bba36; border:1px solid #6bba36; margin:0 4px; cursor:pointer;}
.slide dd .scroll_btn a.on{ background:none; width:50px;}

.gray{ background:#f4f4f4;}
.p1 .main{ width:1180px; margin:0 auto;}
.p1 .main p{ font-size:16px; line-height:30px; text-indent:2em;}
.js-slide{ padding-top:10px;}
.js-slide .bd{ width:1180px; height:360px; overflow:hidden;}
.js-slide .bd li img{ width:1180px; height:360px; display:block;}
.js-slide .hd ul{ width:100%; text-align:center; padding-top:20px;}
.js-slide .hd ul li{ display:inline-block; *display:inline; *zoom:1; width:17px; height:17px; border-radius:9px; background:#6bba36; border:1px solid #6bba36; margin:0 4px; cursor:pointer;}
.js-slide .hd ul li.on{ background:none; width:50px;}

.team{ width:800px; margin:0 auto; padding:20px 0;}
.team .fl{ width:348px; text-align:center;}
.team .fl .blog{ width:154px;float:left;}
.team .fl .code{ width:154px; float:right;}
.team .fl .blog img{ display:block; width:154px; height:116px; margin-bottom:10px; }
.team .fl .code img{ display:block; width:154px; height:154px;}
.team .fr{ width:430px;}
.team .fr ul li{ margin-bottom:14px;}
.team .fr ul li em{ margin-right:10px; width:180px; text-align:right; display:inline-block; *display:inline; *zoom:1;}
.statement dt{ text-align:center; width:100%; font-size:24px; font-weight:bold; padding-bottom:10px;}
.statement dt b{ color:#db0000}
.statement dd{ font-size:16px; line-height:30px; text-align:center;}

.nav{ position:fixed; top:50px; right:60px; width:180px;}
.nav ul li{ height:26px; line-height:26px; font-size:14px; padding-bottom:14px; float:left; width:100%;}
.nav ul li a{ display:block; cursor:pointer; height:100%;}
.nav ul li span{ width:24px; height:24px; border:1px solid #6bba36; border-radius:100%; float:right; margin-left:10px;}
.nav ul li b{ float:right; height:26px; line-height:26px; font-weight:normal; display:none;}
.nav ul li:hover span,.nav ul li.on span{ background:#6bba36;}
.nav ul li:hover b,.nav ul li.on b{ color:#6bba36; display:block;}
.toBack{ cursor:pointer; width:100%; text-align:right;}