@charset "utf-8";
/* base */
*{margin: 0; padding: 0; list-style: none; }
body,html,ul { margin:0; padding:0; }
body { width:100%; max-width:1920px; margin:0 auto; position:relative; font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; font-size:14px; line-height:24px; }
a { color: #333; text-decoration: none!important; outline: none; }
a:hover { text-decoration: none; color: #8fc31f; }
a:visited { text-decoration: none; }
ul { list-style-type:none; }
h1 { font-size:28px; line-height:48px; margin-top:0;}
h1.clr_topMn { margin-top:-12px; }
h1.center { margin-bottom:10px; }
h2 { font-size:24px; }
h2.title { font-size:28px; text-align:left; }
h3 { font-size:18px; }
h3.Subtitle { font-size:14px; color:#999; }
h4 { font-size:16px; }
h6 { margin-top:24px; }
i, em { font-style: normal; }


/*footer*/
.footer{ background:#212121; overflow:hidden; }
.footer-top { width:1200px; height:290px; margin:0 auto; }
.footer-top ul { width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:32px; }
.footer-top ul li { float: left; width:210px; margin-left:110px; }
.footer-top ul li:nth-child(1){ width:320px; margin-left:0px; }
.footer-top ul li:nth-child(2){ width:150px; margin-left:60px;}
.footer-top ul li:nth-child(3){ width:100px; margin-left:60px; }
.footer-top ul li:nth-child(4){ width:100px; }
.footer-top ul li:nth-child(5){ width:120px; }
.footer-top ul li dl { padding-left:0px; }
.footer-top ul li dl dt { font-size:18px; font-weight:normal; color:#cccccc; padding-bottom:6px; line-height:32px; }
.footer-top ul li dl dd { font-size:14px; font-weight:normal; line-height:30px; color:#b9b9b9; }
.footer-top ul li dl dd a { color:#7b7b7b; padding-left:0px;letter-spacing:0;  }
.footer-top ul li dl dd a:hover { color: #fff; }
.footer-bottom{ width:1200px; height:230px; margin:0 auto; border-top:2px solid #3e3e3e; padding-top:30px; }
.footer-bottom-1{ width:300px; height:180px; float:left;  }
.footer-bottom-2{ width:500px; height:180px; color:#747474; float: left; }
.footer-bottom-2 h2{ font-size:18px; margin-top:5px; }
.footer-bottom-2 p,.footer-bottom-3 p,.footer-bottom-4 p{ margin-bottom: 0px; }
.footer-bottom-3{ width:270px; height:180px; color:#747474; float: left; }
.footer-bottom-3 img{ margin-bottom:10px; }
.footer-bottom-3 p{ margin-left:6px; }
.footer-bottom-4{ width:130px; height:180px; color:#747474; float: left; }
.footer-bottom-4 img{ margin-bottom:10px; }
.footer-bottom a{ color:#747474; }
.footer-bottom a:hover{ color:#86b258; }

.copyright{ width:100%; height:80px; margin-top:10px; float: left; }
.copyright p{ font-size:14px; text-align:center; color:#747474; }
.copyright p a{ color:#747474; }


/*轮播图开始*/
.lunbo{ position:relative; height:540px;  }
.lunbo>ul>li{ width:100%; height:540px; position:absolute; top:0; left:0; display:none; }
.lunbo>ul>li:first-child{ display:block; }
.lunbo>ul>li>a{ display:block; width:100%; height:100%; }
.lunbo .leftBut,.lunbo .rightBut{ width:41px; height:69px; position:absolute; top:50%; margin-top:-35px; background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/button.png) no-repeat; cursor:pointer; display:none; }
.lunbo .leftBut{ background-position:-83px 0; left:50%; margin-left:-580px; }
.lunbo .rightBut{ background-position:-125px 0; right:50%; margin-right:-580px; }
.lunbo .leftBut:hover{ background-position:0 0; }
.lunbo .rightBut:hover{ background-position:-41px 0; }
.lunbo>ol{ width:156px; position:absolute; bottom:20px; left:50%; margin-left:-50px; }
.lunbo>ol>li{ float:left; width:12px; height:12px; background:#ffffff; margin-right:10px; cursor:pointer; border-radius:10px;-ms-border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; }
.lunbo>ol>li.current{ background:#8fc31f; }
/*轮播图结束*/


/*I版轮播图开始*/
#lunboi{ position:relative; height:766px; }
#lunboi>ul>li{ width:100%; height:766px; position:absolute; top:0; left:0; display:none; }
#lunboi>ul>li:first-child{ display:block; }
#lunboi>ol{ bottom:80px;}
/*I版轮播图结束*/

@media (min-width: 300px) {
.logo{ width:150px; height:50px; display:block; }

#lunboi{ position:relative; height:360px; top:75px; }
#lunboi>ul>li{ width:100%; height:360px; position:absolute; top:0; left:0; display:none; }
#lunboi>ol{ width:140px; bottom:10px; margin-left:-15px; }
#lunboi .leftBut{ display:none !important; }
#lunboi .rightBut{ display:none !important; }
#lunboi>ol{ bottom:10px; }

.lol_2{ margin-left:-18px !important; }
.lol_3{ margin-left:-29px !important; }
.lol_4{ margin-left:-39px !important; }
.lol_5{ margin-left:-50px !important; }
}
/*针对iphone5s*/
@media (min-width: 315px) {	
#lunboi{ position:relative; height:378px; }
#lunboi>ul>li{ width:100%; height:378px; position:absolute; top:0; left:0; display:none; }
}
/*针对1080*1920的android*/
@media (min-width: 360px) {	
#lunboi{ position:relative; height:432px; }
#lunboi>ul>li{ width:100%; height:432px; position:absolute; top:0; left:0; display:none; }
}
/*针对iphone6*/
@media (min-width: 375px) {	
#lunboi{ position:relative; height:450px; }
#lunboi>ul>li{ width:100%; height:450px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width: 390px) {	
#lunboi{ position:relative; height:468px; }
#lunboi>ul>li{ width:100%; height:468px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width: 400px) {
.logo{ width:150px; height:53px; display:block; }

#lunboi{ position:relative; height:480px; }
#lunboi>ul>li{ width:100%; height:480px; position:absolute; top:0; left:0; display:none; }
}
/*针对iphone6s plus*/
@media (min-width: 410px) {
#lunboi{ position:relative; height:492px; }
#lunboi>ul>li{ width:100%; height:492px; position:absolute; top:0; left:0; display:none; }
}
/*针对1440*2560的android*/
@media (min-width: 480px) {	
#lunboi{ position:relative; height:576px; }
#lunboi>ul>li{ width:100%; height:576px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width: 500px) {
#lunbo_j{ position:relative; height:457px; }
#lunbo_j>ul>li{ width:100%; height:457px; position:absolute; top:0; left:0; display:none; }

#lunboi{ position:relative; height:600px; }
#lunboi>ul>li{ width:100%; height:600px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width: 600px) {
#lunboi{ position:relative; height:720px; }
#lunboi>ul>li{ width:100%; height:720px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width: 700px) {
#lunbo_j{ position:relative; height:639px; }
#lunbo_j>ul>li{ width:100%; height:639px; position:absolute; top:0; left:0; display:none; }

#lunboi{ position:relative; height:840px; }
#lunboi>ul>li{ width:100%; height:840px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width: 768px) {
#lunboi{ position:relative; height:922px; }
#lunboi>ul>li{ width:100%; height:922px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width: 770px) {
#lunboi{ position:relative; height:924px; }
#lunboi>ul>li{ width:100%; height:924px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width: 785px) {
#lunboi{ position:relative; height:942px; }
#lunboi>ul>li{ width:100%; height:942px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width: 800px) {
#lunboi{ position:relative; height:960px; }
#lunboi>ul>li{ width:100%; height:960px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width: 880px) {
#lunboi{ position:relative; height:1056px; }
#lunboi>ul>li{ width:100%; height:1056px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width: 900px) {
#lunboi{ position:relative; height:1080px; }
#lunboi>ul>li{ width:100%; height:1080px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width: 980px) {
#lunboi{ position:relative; height:1176px; }
#lunboi>ul>li{ width:100%; height:1176px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width: 1024px) {	
#lunboi{ position:relative; height:766px; top:0px; }
#lunboi>ul>li{ width:100%; height:766px; position:absolute; top:0; left:0; display:none; }
#lunboi>ul>li:first-child{ display:block; }
#lunboi>ol{ bottom:110px;}

.lol_2{ margin-left:-20px !important; }
.lol_3{ margin-left:-30px !important; }
.lol_4{ margin-left:-41px !important; }
.lol_5{ margin-left:-52px !important; }

}
@media (min-width: 1200px) {	
.toolbar{ position:fixed; right:0px; bottom:60px; z-index:9999; }
.toolbar-layer{ background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/wx.jpg) no-repeat;}
.toolbar-layer{ position:absolute; right:6px; bottom:100px; width:145px; height:323px; }
}