*{ margin:0; padding:0; font-family: "SourceHanSansSC-Normal"}
img{ border:none}
a{ text-decoration:none;}
ul{ list-style:none}
.clear{ clear:both; height:0; overflow:hidden; }
.center{ width: 1200px; margin: 0px auto; }
.fr{ float:right; }
.fl{ float:left; }



										/*Index*/

header{ height: 80px; }
header img{ margin-top: 16px; }
header ul{ width: 640px;float: right; margin-top: 8px; }
header ul li{ float: left; width: 128px; height: 54px; }
header ul li a{ font-size: 18px; color: #000; width: 128px; display: block; height: 54px; line-height: 54px; text-align: center; }
header ul li div{ height: 2px; width: 0px; background: #ffb700; }
header ul li:hover div,.dangqian{ width: 128px !important; transition: 0.5s }
.banner{ height: 376px; width: 100%; background: url(../img/index_banner.jpg) no-repeat top center; background-size: 100% }

.index_Products{ width: 996px; margin: auto; }
.index_Products .title{ display: block; margin: 100px auto 0px; }
.xian{ width: 80px; height: 4px; background: #a1a1a1; margin: 30px auto 0px; }
.index_Products .Products_box{ width: 996px; height: 280px; margin-top: 60px; background: url(../img/index_p1.jpg) no-repeat right; }
.index_Products .Products_box .wen{ width: 538px; }
.index_Products .Products_box .wen p{ font-size: 24px; color: #000; line-height: 68px;text-align: right; margin-top: 18px; }
.index_Products .Products_box .wen font{ font-size: 14px; color: #000; text-align: right; display: block; line-height: 26px; }
.index_Products .Products_box .wen a{ font-size: 14px; color: #242424; width: 98px; height: 22px; border: 1px solid #242424; line-height: 22px; text-align: center; border-radius: 6px; padding-left: 10px; padding-right: 10px; float: right; margin-top: 44px; transition: 0.5s }
.index_Products .Products_box .hx{ width: 60px; height: 6px; background: #ffb700; margin: 46px 366px 0 0; }
.index_Products .Products_box:hover .wen a{ background: #ffb700; border: 1px solid #ffb700; color: #fff; transition: 0.5s }
.index_Products .tu2{ background: url(../img/index_p2.jpg) no-repeat left; }
.index_Products .tu2 p{ text-align: left !important; }
.index_Products .tu2 font{ text-align: left !important }
.index_Products .tu2 a{ float: left !important; }

.index_news{ width: 100%; height: 586px; background: url(../img/index_news.jpg) center no-repeat; background-size: 100%; margin-top: 100px; padding-top: 60px; }
.index_news img{ display: block; margin: auto; }
.index_news .xian{ width: 80px; height: 4px; background: #fff; margin: auto; margin-top: 30px; }
.index_news ul{ margin: 40px auto 0; width: 772px; }
.index_news ul li{ width: 772px; height: 122px; margin-top: 20px; }
.index_news ul li .fl{ width: 88px; height: 88px; background: #8b8b8b }
.index_news ul li .fl p{ font-family: "pala" !important; font-size: 24px; color: #fff; text-align: center; line-height: 44px; margin-top: 10px;}
.index_news ul li .fl font{ font-family: "pala" !important; font-size: 14px; color: #fff; line-height: 16px; float: right; margin-right: 12px; display: block; }
.index_news ul li .fr{ width: 594px; height: 122px; float: right; background: rgba(255,255,255,0.2); padding-left: 40px; padding-right: 40px }
.index_news ul li .fr p{ font-size: 18px; color: #fff; margin-top: 4px; line-height: 40px; }
.index_news ul li .fr font{ font-size: 14px; line-height: 20px; color: #fff; margin-bottom: 4px; display: block; }
.index_news ul li .fr a{ font-size: 12px; color: #5e5e5e; margin-top: 4px; height: 16px; padding-left: 6px; padding-right: 6px; border: 1px solid #5e5e5e; line-height: 16px; text-align: center; border-radius: 6px; transition: 0.5s }
.index_news ul li:hover .fr a{ color: #fff; background: #ffb700; border: 1px solid #ffb700; transition: 0.5s } 

.index_contacts{ margin:auto; width: 1200px; padding-top: 100px; }  
.index_contacts .title{ display: block; margin: auto; }
.index_contacts ul{ margin: 60px auto 0; width: 852px; }
.index_contacts ul li{ float: left; width: 284px; }
.index_contacts ul li img{ display: block; margin: auto; }
.index_contacts ul li p{ font-size: 14px; color: #000; line-height: 22px; margin-top: 16px;text-align: center; }

footer{ width: 100%; margin-top: 100px; height: 260px; background: url(../img/footer.jpg) no-repeat center bottom; background-size: 100%; padding-top: 60px; }
footer .box{ width: 884px; margin: auto; }
footer .box .ewmbox{ width: 288px; }
footer .box .ewmbox p{ font-size: 18px; color: #fff; line-height: 18px; }
footer .box .ewmbox ul{margin-top: 24px; }
footer .box .ewmbox ul li{ float: left; width: 129px; }
footer .box .ewmbox ul li span{ font-size: 14px; color: #fff; text-align: center; display: block; line-height: 54px; }
.ml30{ margin-left: 30px !important; }
footer .box .fr{ width: 286px;background: rgba(255,255,255,0.1); padding: 40px 50px 40px 50px }
footer .box .fr p{ font-size: 18px; line-height: 70px; margin-top: 14px; color: #fff; }
footer .box .fr .fg{ width: 286px; height: 1px; background: #fff; margin-bottom: 12px; }
footer .box .fr font{ display: block; font-size: 14px; color: #fff; line-height: 40px;  }
footer .beian{ width: 100%; height: 54px; margin-top: 60px; background: rgba(0,0,0,0.5); font-size: 14px; color: #c7c7c7; text-align: center; }
footer .box1 span{ display: block; float: left; }
footer .box1 img{ margin-right: 10px; float: left; margin-top: 10px; }



										/*Products*/


.Products_banner{ height: 376px; width: 100%; background: url(../img/Products_banner.jpg) no-repeat top center; background-size: 100% }
.Products{ margin-top: 100px; }
.Products .title{ display: block; margin: auto; }
.Products .tit{ width: 1200px; height: 40px; margin-top: 60px; }
.Products .tit li{ float: left; }
.Products .tit li a{ width: 298px; height: 38px; border: 1px solid #535353; display: block; line-height: 38px; text-align: center; font-size: 18px; color: #535353; transition: 0.4s }
.Products .tit li a:hover,.dang{ background: #ffb700; border: 1px solid #ffb700 !important; color: #fff !important; transition: 0.4s }
.Products .biao{ margin: 60px auto 0; width: 426px; height: 34px }
.Products .biao img{ float: left; }
.Products .biao .zi{ float: left; width: 384px; text-align: center; font-size: 24px; color: #535353; line-height: 34px; }
.wenan{ width: 1096px; margin-top: 36px; }
.wenan font{ font-size: 14px; line-height: 24px; color: #000; display: block; }
.Products .wenan .fr{ margin-top: 30px; width: 588px; }
.wenan .fr span{ line-height: 24px; display: block; margin-top: 34px; width: 568px; margin-left: 20px; font-size: 14px; color: #000 }
.mtop30{ margin-top: 30px !important; }
.wenan .download{ font-size: 36px; color: #fff; padding: 0 22px 0px; height: 58px; background: #6d71b6; border-radius: 6px; }
.mbt40{ margin-bottom: 40px; }
.wenan ul{ margin-top: 42px; }
.wenan ul .box p{ font-size: 18px; line-height: 58px; font-size: 18px; color: #e7a600; border-bottom: 1px solid#6f6f6f; width: 1096px }
.wenan ul .box font{ margin-top: 28px; }
.wenan ul .box ul{ margin-top: 8px; }
.wenan ul .box ul li{ margin-left: 30px; }
.wenan ul .box ul li div{ width: 6px; height: 6px; border-radius: 3px; margin-top: 7px; background: #434343; float: left; }
.wenan ul .box ul li span{ float: left; width: 1050px; font-size: 14px; color: #242424; line-height: 24px; margin-left: 10px; }
.mtop16{ margin-top: 16px !important; }
.wenan font a{ color: #6d71b6 !important; font-size: 14px; display: block; }
.mtop40{ margin-top: 40px !important }
.wenan ul .box .cu{ font-size: 16px; line-height: 16px; margin-top: 30px; display: block; }
.mtop10{ margin-top: 10px !important; }
.wenan ul .box .t3{ float: left; margin-top: 18px; margin-left: 40px; width: 180px; }
.ml80{ margin-left: 80px !important; }
.wenan ul .box .t3 p{ height: 16px; margin-top: 14px; width: 180px !important; border-bottom: 0px; }
.wenan ul .box .t3 a{ display: block; text-align: center; font-size: 16px; color: #6d71b6; line-height: 16px; }
.wenan font span{ font-size: 12px; color: #7a7a7a; }
.tups{ margin-left: 80px; margin-top: 30px; }
.xb{ font-size: 16px; color: #000; font-weight: bold; }
.lianxi{ width: 1200px; height: 30px; background: #f4f4f4; }
.lianxi span{ margin-left: 30px; line-height: 30px; font-size: 16px !important; color: #000 !important; float: left; }
.lianxi a{ line-height: 30px; float: left; font-size: 16px !important; margin-left: 6px; font-weight: bold; }




										/*support*/

.support{ width: 1096px; margin: auto; }
.support_banner{ height: 376px; width: 100%; background: url(../img/support_banner.jpg) no-repeat top center; background-size: 100% }
.support{ margin-top: 100px; }
.support .title{ margin: auto; display: block; }
.support .tit{ width: 718px; height: 40px; margin: 60px auto 0; }
.support .tit li{ float: left; }
.support .tit li a{ width: 140px; height: 38px; border: 1px solid #535353; display: block; line-height: 38px; text-align: center; font-size: 18px; color: #535353; transition: 0.4s; margin-left: 50px; }
.support .tit li a:hover,.dang{ background: #ffb700; border: 1px solid #ffb700 !important; color: #fff !important; transition: 0.4s }
.ml0{margin-left: 0px !important}
.support .wenan ul li div{ margin-top: 9px !important }
.support .wenan ul li span{ line-height: 24px !important }
.support .wenan ul li span a{ color: #6d71b6 !important; font-weight: bold; }






										/*FAQ*/
.faq{ width: 1096px; margin: 70px auto 0; }
.faq .title{ font-size: 20px; color: #535353; line-height: 88px; text-align: center; font-weight: bold; }
.faq font{ font-size: 14px; color: #000; line-height: 24px; display: block; }
.faq font a{ color: #6d71b6 !important; }
.faq .questions{ font-size: 18px; color: #e7a600; line-height: 36px; margin-top: 48px; }
.faq ul{ margin-top: 4px; margin-left: 30px; }
.faq ul li{ height: 20px; }
.faq ul li div{ width: 6px; height: 6px; border-radius: 3px; background: #434343; margin-top: 8px; float: left; margin-right: 10px; }
.faq .short{ width: 450px; margin-left: 40px; margin-top: 10px; margin-bottom: 10px; display: block; background: #f2f2f2; padding: 6px 20px 6px; }
.faq span{ background: #ffeeee; color: #e44d4d; padding: 0 6px 0; margin-right: 6px;}
















										/*News*/

.news{ width: 1200px; margin: auto; }
.news_banner{ height: 376px; width: 100%; background: url(../img/news_banner.jpg) no-repeat top center; background-size: 100% }
.news .title{ display: block; margin: 100px auto 0; }
.news_box{ width: 1050px; margin-left: 40px; margin-top: 20px; }
.news_box .little_box{ width: 1050px; margin-top: 40px; }
.news_box .little_box .when{ width: 92px; height: 160px; margin: 30px 0 0 60px; float: left; }
.news_box .little_box .when p{ font-size: 24px; color: #606060; line-height: 38px; font-family: "pala" !important; font-weight: bold; }
.news_box .little_box .when font{ font-size: 14px; color: #606060; line-height: 14px; font-family: "pala" !important; }
.news_box .little_box .fr{ width: 578px; margin-top: 32px; }
.news_box .little_box .fr p{ font-size: 18px; color: #000; line-height: 36px; font-weight: bold; }
.news_box .little_box .fr font{ font-size: 12px; color: #424242; line-height: 24px; display: block; }
.news_box .little_box .fr a{ font-size: 12px; display: block;width: 80px; height: 16px; border-radius: 6px; border: 1px solid #6d6d6d; color: #5e5e5e; margin-top: 24px;text-align: center; line-height: 16px; }
.news_box .little_box:hover .fr p{ color: #ffba00; }
.news_box .little_box:hover .fr a{ border-color: #ffb700; background: #ffb700; color: #fff; }

.news .tit{ font-size: 22px; height: 48px; width: 538px; color: #010101; text-align: center; line-height: 48px; background: #e5e5e5; margin-top: 100px; font-weight: bold; }
.news font{ font-size: 14px; margin-top: 20px; line-height: 24px; color: #2a2a2a; display: block; }
.news .xh{ font-size: 18px; color: #000; line-height: 40px; margin-top: 24px; font-weight: bold; }
.mtop0{ margin-top: 0px !important; }
.news .hh{ font-size: 12px; color: #e44d4d; padding: 0 20px 0; text-align: center; width: 282px; height: 20px; background: #ffeeee; margin-left: 50px; margin-top: 10px; }
.news .tu{ margin-top: 10px; margin-left: 50px; }
.news span{ font-size: 12px; color: #38c359; line-height: 12px; margin: 10px 0 0 50px; display: block; }
.daim{ line-height: 24px !important; margin-top: 0px !important }
.news .fabiao{ color: #868686; line-height: 12px; font-size: 12px; margin-top: 20px; }
.fsz14{ font-size: 14px !important; color: #2a2a2a !important }
.wd508{ width: 508px !important }
.include{ width: 1140px; margin-left: 30px; margin-top: 10px; list-style:normal }
.include li{ height: 22px; }
.include li .yuan{ width: 6px; height: 6px; border-radius: 3px; margin-top: 8px; background: #434343; float: left; margin-right: 10px; }
.wd470{ width: 470px !important }






										/*Contact us*/

.contact_banner{ height: 376px; width: 100%; background: url(../img/contacts_banner.jpg) no-repeat top center; background-size: 100% }
.bxia{ font-size: 22px; color: #a2a2a2; line-height: 24px; margin-top: 20px; display: block; text-align: center; }
.address{ margin-top: 60px; margin-left: 60px; width: 1140px; height: 28px; }
.address img{ float: left; }
.address font{ font-size: 14px; color: #6f6f6f; display: block; margin-left: 20px; float: left; margin-top: 6px; }
.address  .map{ margin-top: 20px; }


