@charset "utf-8";
html{font-size:100%;height:100%; background: #fff;}
body{direction:ltr;font-family:'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif;font-size:14px;padding:0px!important;margin:0px!important;line-height:1.5;font-style:normal;font-weight:normal;height:100%; color:#393939;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,th,td,span,p{margin:0;padding:0;}
form,fieldset,legend,input,textarea{outline:none;}li{list-style:none;}img{border:0px;}

a:link{color:#333333; text-decoration:none;}a:visited{color:#333333; text-decoration:none;}a:hover{color:#333333;}
.clearfix{clear: both; width: 0px; height: 0px; overflow: hidden; padding: 0px; margin: 0px; font-size: 0px;}

.red,a.red,a.red:hover{color:red;}.green,a.green,a.green:hover{color:#89bd3e;}
.clearfix{height:0px; width:0px; font-size:0px; clear:both; padding:0px; margin:0px;}
.pr{position: relative;}
.img{ font-size: 0px; padding: 0px; margin: 0px;}
.img img{width: 100%;}
body .white a,body .white{color: #fff;}

.fl{float:left;}.fr{float:right;}.tc{text-align:center;}.tr{text-align:right;}.dn{display:none;}.db{display:block;}
.page_body{max-width: 812px; min-width: 320px; background: #FFF; margin: 0px auto; position: relative;}

.wait1{-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.wait2{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.wait3{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

.top{background: #333; width: 100%; overflow: hidden; height: 60px;}
.top .logo{width: 95px; float: left; height: 36px; margin-left: 18px; margin-top: 11px;}
.top .logo a{background: url("logo.png") left center no-repeat; background-size: 65% auto; display: block; height: 36px; text-indent: -99999px;}

.menu_btn{position: absolute; top: 20px; right: 20px; width: 26px; z-index: 999;}
.menu_list{position: relative; height: 20px; width: 26px;}
.menu_list:before{content: ''; position: absolute; top: 0px; width: 100%; border-bottom: 2px solid #fff;}
.menu_list:after{content: ''; position: absolute; bottom: 0px; width: 100%; border-top: 2px solid #fff;}
.menu_list span{border-top: 2px solid #fff; height: 1px; width: 100%; display: block; position: absolute; top: 9px; left: 0px;}

.menu_box{width: 100%; height: 0px; position: absolute; left: 0px; bottom: 0px; right: 0px; top: 60px; background: #000; z-index: 1000; overflow: hidden;}
.menu_box li{line-height: 42px; font-size: 16px; width: 60%; margin: 0px auto; border-bottom: 1px solid #424245;}
.menu_box a{color: #ccc; font-size: 14px; display:block;}
.menu_box li li{line-height: 36px; border-bottom: none; width: 100%;}
.menu_box li li a{padding-left: 28px;}
.menu_box .sub_title{margin-top: -5px; padding-bottom: 18px;}

.top_banner{width: 100%;}
.top_banner img{width: 100%;}
.top_menu{width: 100%; background: #fff; height: 50px; text-align: center;}
.top_menu li{height: 50px; line-height: 50px; font-size: 14px; text-align: center; margin-left: 1%; margin-right: 1%; display: inline-block;}
.top_menu .tm_active{font-weight: bold; position: relative;}
.top_menu .tm_active:before{position: absolute; bottom: 0px; left: 0px; width: 100%; border-bottom: 2px solid #333; content: ' '}


body .sc_on .menu_list:before,body .sc_on .menu_list:after{opacity: 0;-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
body .sc_on span:first-child{transform:rotate(45deg);}
body .sc_on span:last-child{transform:rotate(-45deg);}
body .mb_on{height: auto; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}



.index_box{width: 90%; margin: 0px auto;}
.title1{padding-top: 42px; padding-bottom: 42px; text-align: center;}
.title1 img{width: 70%;}

.border_box{border: 1px solid #e3e3e3; width: 90%; margin: 0px auto; padding-bottom: 45px; margin-bottom: 20px; overflow: hidden;}
.bb_ico{text-align: center; padding-top: 45px; padding-bottom: 25px;}
.bb_ico img{width: 50px; height: 50px;}
.bb_txt{text-align: center; font-size: 22px; padding-bottom: 18px; position: relative;}
.bb_txt:after{content: ''; border-bottom: 3px solid #333333; bottom: 0px; width: 10%; left: 50%; margin-left: -5%; position: absolute;}
.bb_info{width: 80%; margin: 0px auto; text-align: center; font-size: 12px; padding-top: 18px;}

.inex_pro_title{text-align: center;}
.inex_pro_title p{font-size: 22px; padding-top: 28px; padding-bottom: 0px;}

.pro_list{width: 96%; margin: 0px auto; padding-top: 10px; padding-bottom: 10px; overflow: hidden; box-sizing: border-box; display: flex;}
.pro_box{width: 46%; margin-left: 2%; margin-right: 2%; font-size: 0px; position: relative; border: 1px solid #ccc; box-sizing: border-box; display: flex;}
.pro_box img{width: 100%;}

.index_txt{text-align: center;}
.index_foot_ico{padding-top: 30px; padding-bottom: 30px; background: #f9f9f9; margin-top: 32px;}

.pro_bg{background: #e9e9e9; width: 100%; padding-top: 15px; padding-bottom: 15px;}


.foot_ico{width: 100%; margin: 0px auto; overflow: hidden; margin-top: 28px;}
.foot_ico dl{width: 50%; float: left; cursor: pointer;}
.foot_ico dl dd{float: left;}.foot_ico dl dt{float: left;}
.foot_ico dl dt{padding-left: 25px; text-align: right; padding-top: 8px;}
.foot_ico dl dt img{width: 60%;}
.foot_ico dl dd{font-size: 14px; line-height: 45px; height: 45px; padding-left: 5px;}

.foot{width: 100%; padding-top: 18px; padding-bottom: 18px; color: #fff; background: #333; text-align: center; margin-top: 32px;}


.about_box{width: 92%; margin: 0px auto; border: 1px solid #9f9f9f; margin-top: 50px; position: relative;}
.about_title{position: absolute; left: 50%; width: 142px; background: #fff; margin-top: -24px; margin-left: -71px; text-align: center;}
.about_title p{font-size: 20px;}
.about_content{padding: 18px; padding-top: 50px;}
.about_ico{width: 92%; margin: 0px auto; padding-top: 12px; padding-bottom: 28px; overflow: hidden;}
.about_ico li{width: 25%; text-align: center; float: left;}
.about_ico li img{width: 65%;}


.join_list{width: 100%; overflow: hidden; background: #fafafa;}
.join_box{padding-left: 32px; padding-right: 32px; padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #e5e5e5;}
.contact_list{ overflow: hidden; padding-top: 10px; margin-left: 40px; padding-bottom: 50px;}
.contact_list li{padding-bottom: 10px; padding-left: 32px; height: 28px; line-height: 28px; color: #666;}
.contact_list li:nth-child(1){background: url(contact_ico_1.png) no-repeat; background-size: 25px auto;}
.contact_list li:nth-child(2){background: url(contact_ico_2.png) no-repeat; background-size: 25px auto;}
.contact_list li:nth-child(3){background: url(contact_ico_3.png) no-repeat; background-size: 25px auto;}



.page{width: 100%; overflow: hidden; text-align: center; padding-bottom: 10px; padding-top: 28px;}
.page li{display: inline-block; height: 25px; line-height: 25px; width: 25px; overflow: hidden; cursor: pointer; text-align: center; color: #666; margin-left: 2px; margin-right: 2px;}
.page li:hover,.page .on{background: #f20000; color: #fff;}
.page li:last-child{cursor:default; background: none; color: #666;}
.page li:hover a,.page .on a{color: #fff;}