html{font-size:14px;}
body{font-family: Microsoft YaHei;}
body, button, input, select, textarea{font: 14px/1.5 Microsoft YaHei,宋体;color:#000;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin: 0; padding: 0;}
ul, ol{list-style: outside none none;}
em,i{font-style:normal;}
a{cursor: pointer;text-decoration:none;color:#000;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
img{border: 0 none;}
address, cite, dfn, em, var{font-style: normal;}
.cl::after{clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.no_data{text-align:center;font-size:18px;padding:30px 0;color: #606060;}
.page{padding:20px 0;text-align:center;}
.left{float:left;}
.right{float:right;}
.block{display:block !important;}

/*公用*/
.header{position:fixed;top:0;left:0;width:90%;padding:0 5%;border-bottom: 1px solid #F1F2F2;height:70px;z-index:2;background-color:#fff;}
.header a.logo{float:left;margin-top:10px;}
.header a.logo img{float:left;width:50px;}
.header a.logo font{float:left;margin-left:10px;line-height:50px;font-size:25px;color:#666;}
.header ul{float:right;height:100%;}
.header li{float:left;height:100%;}
.header li a{padding:0 30px;display:block;height:100%;line-height:70px;color: #656565;font-size:15px;}
.header li a:hover,.header li a.active{background-color:#57a3f3;color:#fff;}
.header span{float:right;margin:18px 0 0 20px;}
.header a.login{float:right;background-color:#57a3f3;color:#fff;height:35px;line-height:35px;padding:0 20px;border-radius:5px;}
.header img{float:left;width:35px;border-radius:5px;}
.header b{float:left;line-height:35px;vertical-align:middle;font-weight:normal;margin-left:5px;}

.footer{width:100%;background-color:#fff;padding:30px 0;text-align:center;color:#666;}
.footer p{line-height:32px;}
.footer a{padding:0 12px;color:#666;}
.footer a:hover{color:#57a3f3;}

.nodata_con{text-align:center;padding:150px 0 200px;}
.nodata_con img{width:300px;}
.nodata_con p{font-size:18px;margin-top:40px;color:#888;}

h3.title{text-align: center;padding: 10px 0;color: #333;font-weight: bold;font-size: 30px;}
h5.title{text-align: center;color: #666;font-size: 18px;font-weight:normal;}
h3.title2{margin-top:50px;color:#57a3f3;font-size:22px;}
a.more{border: 1px solid #57a3f3;background-color:#57a3f3;color:#fff;font-size: 18px;margin: 45px auto 0;display: block;width: 180px;text-align: center;height: 50px;line-height: 50px;border-radius: 10px;}
a.btn{border: 1px solid #57a3f3;background-color:#57a3f3;color:#fff;font-size: 15px;padding:10px 30px;display:inline-block;margin-top:20px;}
/*公用*/

/*首页*/
.index_banner{height:550px;padding:0 10%;margin-top:70px;}
.index_banner_intro{float:left;width:65%;margin-top:130px;}
.index_banner_intro h1{font-size:50px;color:#303133;font-weight:normal;margin-bottom:40px;}
.index_banner_intro strong{display:block;margin-top:10px;width:100%;font-size:22px;font-weight:normal;color:#606266;}
.index_banner_intro div{display:block;margin-top:80px;}
.index_banner_intro div a{float:left;background-color:#57a3f3;font-size:15px;border:1px solid #57a3f3;height:50px;line-height:50px;padding:0 30px;text-align:center;color:#fff;border-radius:8px;margin-right:20px;}
.index_banner_intro div a.empty{background-color:#f8f8f8;color:#57a3f3;border:1px solid #f8f8f8;}
.index_banner img{float:right;width:30%;margin:50px 0 0 0;}

.index_intro{padding:30px 10% 80px;width:80%;background-color:#f8f8f8;overflow:hidden;}
.index_intro li{float:left;border:1px solid #eee;width:31.3333%;padding:10px 0;background-color:#fff;margin-top:50px;box-shadow: 5px 5px 5px #e5e5e5;border-radius:5px;text-align: center;}
.index_intro li.fo{margin-right:3%;}
.index_intro li.fr{float:right;}
.index_intro li img{width: 80px;margin: 10px auto 0;display:block;}
.index_intro li h4{font-size:16px;font-weight:normal;margin:10px 0 0 0;color:#606266;}
.index_intro li p{padding:10px 18px;color:#666;line-height: 22px;color:#909399;height: 44px;overflow:hidden;}

.timeline_con{padding:30px 10% 60px;width:80%;}
.timeline_bg{height: 100%;width: 0px;border-left: 1px dashed #57a3f3;margin: 100px auto 0;}
.timeline_left{float: right;width: 500px;min-height: 100px;padding-right: 80px;position:relative;margin-top: -40px;}
.timeline_left span,.timeline_left i{display: inline-block;transform:rotate(45deg);background-color:#57a3f3;width: 33px;height: 33px;text-align: center;line-height: 33px;font-size: 18px;color: #FFFFFF;font-family: "Din";position: absolute;top: 22px;right: -16px;}
.timeline_left i{transform:rotate(0deg);background-color:transparent;}
.timeline_left p{margin-top:10px;text-align:right;}
.timeline_left b,.timeline_left em{font-size:40px;display:inline-block;text-align:right;width:100%;font-weight: normal;line-height: 38px;}
.timeline_left em{font-size:24px;}
.timeline_left a{color:#57a3f3;}
.timeline_right{float:left;padding:0 0 0 80px;}
.timeline_right p{text-align:left;}
.timeline_right b,.timeline_right em{text-align:left;}
.timeline_right span,.timeline_right i{top: 22px;right: 0;left:-17px;}

.buy_con{padding:30px 10% 50px;width:80%;background-color:#f8f8f8;}
.buy_con fieldset{margin-top: 40px;text-align: center;border-width: 1px 0 0;border-color: #e0e0e0;border-style:solid;}
.buy_con legend{margin:0 auto;font-size: 16px;padding: 0 10px;}
.buy_con span{display:inline-block;width:100%;text-align:center;margin-top:20px;}
.buy_con span img{width:250px;margin:0 50px;}
.buy_con p{text-align: center;margin-top: 10px;color: #ff0000;}
.buy_con a.more{width: 350px;}
/*首页*/

/*组件页面*/
.search_con{width:94%;margin:10px 3% 10px;}
.search_con input{width: 82%;padding: 10px 9%;border-radius: 3px;line-height: 20px;height: 20px;background: #F2F2F2;border: none;}
.search_con div{margin-top:10px;}
.search_con div a{line-height:32px;display:block;padding-left:15px;color:#333;}
.document_nav{position:fixed;top:70px;left:0;bottom: 0;width:230px;border-right:1px solid #eee;overflow-y:auto;font-size:15px;}
.document_nav li h4{line-height: 45px;font-weight:normal;border-left: 5px solid #57a3f3;margin: 15px 0 5px;padding: 0 20px;background-color: #f2f2f2;cursor:pointer;}
.document_nav li div{display:none;width:100%;}
.document_nav li div a{line-height:40px;display:block;padding-left:25px;color:#333;}
.document_nav li div a:hover,.document_nav li div a.active{color:#57a3f3;}

.document_detail{position:fixed;top:70px;left:231px;bottom:0;right:0;padding:30px 440px 0 30px;overflow-y:auto;}
.document_detail h1.title{font-size:30px;line-height:60px;font-weight:normal;border-bottom: 1px solid #eee;padding-bottom:5px;color:#57a3f3;}
.document_detail h1.title i{font-size: 50px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.document_detail h1.title img{border: 0;vertical-align: middle;margin: -6px 0 0 0;width: 45px;}
.document_detail .imgs{width:100%;margin-top:10px;background:url('/Img/bg_detail.png') top center;min-height:200px;overflow:hidden;}
.document_detail .imgs_left{float:left;color:#fff;text-align:center;width:45%;margin-top:120px;}
.document_detail .imgs_left h2{font-size:40px;}
.document_detail .imgs_left h4{font-size:20px;font-weight:normal;}
.document_detail .imgs_con{float:right;width:36%;margin:40px 8% 0 0;border:5px solid #666;border-bottom:0;border-top-left-radius:20px;border-top-right-radius:20px;overflow:hidden;}
.document_detail .imgs_con img{width:100%;}
.document_detail div.content{margin-top:20px;width:100%;}
.document_detail div.content p{margin:5px 0;}
.document_detail div.content img{max-width:100%;}
.document_detail div.content h3{font-size:20px;color:#353535;margin-bottom:10px;}
.document_detail div.content blockquote{padding: 10px 15px;background-color: #f8f8f9;margin-top: 15px;border: 1px solid #edeff0;display: block;line-height:30px;border-radius:5px;font-size:15px;}
.document_detail div.content pre{background: #F6F7F8;width: 100%;position: relative;letter-spacing: 0px;line-height: 20px;padding: 12px;box-sizing: border-box;word-break: break-all;word-wrap: break-word;color: #333;overflow: hidden;white-space: pre-wrap;font-size: 14px;}
.document_detail div.content a.a{position:absolute;background-color:#2EB7A7;color:#fff;top:0;right:0;padding:5px 15px;}
.document_detail div.content table{width:100%;font-size: 14px;table-layout: fixed;display: table;border-collapse: collapse;}
.document_detail div.content table th,.document_detail div.content table td{border: 1px solid #dfe2e5;padding:8px 10px;}
.document_detail div.content table th{background-color: #f6f8fa;}
.document_detail p.mess{margin-top:50px;}

.document_demo{position:fixed;top:100px;right:60px;width:350px;height:650px;border: 4px solid #292728;border-radius:20px;}
.document_demo iframe{border:0;width:100%;height:600px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.document_demo .hcon{display:inline-block;width:100%;text-align:center;height:50px;}
.document_demo .hcon span{display:block;margin:15px auto 7px;width:8px;height:8px;border-radius:50%;background-color:#292728;}
.document_demo .hcon p{display:block;margin:0 auto;width:20%;height:6px;border-radius:10px;background-color:#292728;}

.document_ass{width:96%;margin-top:20px;overflow:hidden;background-color:#f8f8f8;padding:2%;}
.document_ass a{float:left;width:160px;margin-right:10px;text-align:center;}
.document_ass img{width:100%;}
.document_ass font{display:inline-block;width: 100%;line-height: 30px;color:#000;}
.document_ass a.active font{color:#57a3f3;}

.document_tool{width:100%;margin-top:10px;overflow:hidden;background-color:#f8f8f8;}
.document_tool a{float:left;height:40px;line-height:40px;background-color:#f0f0f0;color:#666;padding:0 30px;}
.document_tool a.active{background-color:#57a3f3;color:#fff;}
.document_tool em{float:right;line-height:40px;padding:0 20px;text-decoration:underline;cursor:pointer;color:#57a3f3;}

.document_dh{position:fixed;top:180px;right:200px;width:105px;color:#666;}
.document_dh a{display: inline-block;width: 100%;line-height: 20px;border-left: 2px solid #57a3f3;padding: 3px 0 3px 10px;margin-bottom: 10px;}
.document_dh a.active{color:#57a3f3;}
/*组件页面*/

/*网站模板*/
.document_temp{padding:30px 60px 0 30px;}
.document_template{width:100%;overflow:hidden;margin-bottom:50px;}
.document_template li{float:left;width:30.3333%;margin:15px 3% 0 0;background-color:#f8f8f8;}
.document_template li.no{margin-right:0;}
.document_template li img{width:100%;}
.document_template li div{padding:5px 15px 10px;}
.document_template li div p{font-size:16px;color:#333;height:24px;overflow:hidden;}
.document_template li div span{display:inline-block;width:100%;margin-top:10px;}
.document_template li div em{float:left;border:1px solid #57a3f3;padding:4px 8px;color:#57a3f3;font-size:13px;border-radius:3px;}

.document_tdetail{width:100%;overflow:hidden;margin:10px 0 50px;}
.document_tdetail .intro{width:100%;padding:20px 0;background-color:#f8f8f8;overflow:hidden;}
.document_tdetail .intro img{float:left;width:40%;margin-left:1%;}
.document_tdetail .intro div{display:block;padding:0 1% 0 44%;}
.document_tdetail .intro div h3{font-size: 32px;line-height: 35px;color: #333;font-weight: 400;margin-top:10px;}
.document_tdetail .intro div p{font-size: 16px;color: #8b8b8b;line-height: 28px;letter-spacing: 1px;margin-top:20px;}
.document_tdetail .intro div p a{padding:15px 20px;margin:0 20px 0 0;}
.document_tdetail .intro div a{display:inline-block;padding:15px 50px;font-size:18px;color:#fff;background-color:#57a3f3;margin-top:60px;border-radius:5px;}
.document_tdetail .intro div span{display:inline-block;margin-top:15px;width:100%;color:#f00;}
.document_tdetail .content{width:98%;padding:20px 1%;background-color:#f8f8f8;overflow:hidden;}
.document_tdetail .content img{width:100%;}
/*网站模板*/

/*个人中心*/
.member_con{width:100%;margin:20px 0 30px;}
.member_con img.banner{width:100%;height:250px;}
.member_con h3{font-size:20px;margin:30px 0 10px;color:#57a3f3;}
.member_con li{background-color:#f8f8f8;width:100%;display:inline-block;line-height:60px;margin-top:10px;}
.member_con li font{float:left;width:100px;text-indent:10px;color:#57a3f3;}
.member_con li em{float:left;height:38px;line-height:38px;padding:0 20px;border:1px solid #57a3f3;color:#666;border-radius:5px;margin:10px 5px 0 0;cursor:pointer;}
.member_con li em.active{background-color:#57a3f3;color:#fff;}
.member_con li i{color:#f00;margin-left:10px;}
.member_con li div{display:block;padding-left:100px;}
.member_con li div img{vertical-align: middle;width: 30px;margin: -3px 0 0 8px;}
.member_con li div a{float:right;}
.member_con li input,.member_con li textarea{width:50%;height:40px;margin-top:9px;text-indent:5px;}
.member_con li textarea{height:120px;margin-bottom:10px;}
.member_con a.btn{margin-left:100px;}
.member_con a.btn2{margin-left:0;width:100%;text-align:center;padding:15px 0;}

.member_con ul.list{padding:10px 0;background-color:#f8f8f8;margin-top:10px;display: inline-block;width: 100%;}
.member_con ul.list li{line-height:30px;margin-top:0;}
/*个人中心*/

/*更新日志*/
.log_con{width:100%;margin-top:40px;}
.log_con li{width:100%;margin-bottom:20px;}
.log_con li h3{font-size:16px;margin-bottom:10px;}
.log_con li h3 em{font-size:14px;font-weight:normal;margin:0 0 0 10px;color:#666;}
.log_con li p{line-height:28px;margin-bottom:5px;color:rgb(89, 89, 89);}
.log_con li p a{background-color:#57a3f3;color:#fff;display:inline-block;border-radius:5px;padding:0 10px;margin-left:10px;}
.log_con a.more{margin-top:50px;}
/*更新日志*/

/*右侧悬浮菜单*/
.slide{width: 50px;height: 300px;position: fixed;top: 50%;margin-top: -126px;background: #57a3f3;right: 0;border-radius: 5px 0 0 5px;z-index: 999;}
.slide ul{list-style: none;}
.slide .icon li{width: 49px;height: 50px;text-align:center;line-height: 50px;cursor:pointer;}
.slide .icon .up{background-position: -330px -120px;}
.slide .icon li i{color:#fff;font-size: 27px;}
.slide .info{top: 50%;height: 147px;position: absolute;right: 100%;background: #57a3f3;width: 0px;overflow: hidden;margin-top: -73.5px;transition: 0.5s;border-radius: 4px 0 0 4px;}
.slide .info.hover{width: 145px;}
.slide .info li{width: 145px;color: #fff;text-align: center;}
.slide .info li p{font-size: 1.1em;line-height: 2em;padding: 15px;text-align: left;}
.slide .info li.qq p a,.slide .info li.feedback p a{display: block;margin-top: 12px;width: 100px;height: 32px;line-height: 32px;color: #fff;font-size: 16px;text-align: center;text-decoration: none;border: 1px solid #fff;border-radius: 5px;}
.slide .info li.qq p a:hover,.slide .info li.feedback p a:hover{color: #FFFFFF;border: none;background: #22AB38;}
.slide .info li div.img{height: 100%;background: #DEFFF9;margin: 15px;}
.slide .info li div.img img{width: 100%;height: 100%;}
/*右侧悬浮菜单*/