@charset "utf-8";
*,:before,:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
/* CSS重置 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{ font-size:12px; line-height:24px; font-family: "Helvetica Neue",Helvetica,'PingFangSC','helvetica neue','hiragino sans gb','microsoft yahei','simsun','sans-serif'; background:#fff; color:#333;}
/* color:#34495e; */
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
img{max-width:100%;}
/* del,ins{text-decoration:none;} */
ol,ul,li { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before, q:after { content:'';}
abbr,acronym { border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:normal;font-weight:normal; outline:none;}
input,button,textarea,select{*font-size:100%;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}
textarea { resize:none;}

a{color:#333;transition:all .3s ease 0s;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover,a:active{color:#169BD5;text-decoration:none;}
a:focus{color:#333;outline:none;-moz-outline:none;}

/* 清楚浮动 */
.clearfix:after,.clearfix:before{display:table;content:" ";}
.clearfix:after{clear:both}

html,body{width:100%;min-width:1280px;background:#fff;height:100%; padding:0 !important; margin:0 auto !important; max-width: 1920px; position: relative;}

.container-full{width:100%;padding:15px 60px; max-width: 1920px; margin:0 auto;}
.container{width:1200px;margin:0 auto;}
/* header */
.cr_header{width:100%;height:65px;position: fixed;left:0;top:0; z-index:9999;transition:all .5s ease 0s;}
.cr_header .logo{display:block;float:left;margin-right:30px;}
.cr_header .logo img{display:block;}
.cr_header-left{float:left;}
.nav-uc{ display:block;width:auto;height:35px;line-height:35px;font-size:16px; color:#4b5054;position: relative;padding-left:20px;}
.nav-uc::before{content: ' '; position: absolute;left:0; top:10px;width:1px;height:16px;background-color:#4b5054;}
.nav-drop{position: relative;}
.nav-drop,.nav-menu{float:left;}
.nav-drop .drop-tit,.nav-menu{height:35px;line-height:35px;color:#fff;padding:0 20px;font-size:14px;}
.nav-menu:link,.nav-menu:visited{color:#fff;}
.nav-drop .drop-tit{display:block;width:auto; cursor: pointer;transition:all .3s ease 0s;}
.nav-drop .drop-tit i{float:right;margin-left:3px;}
.nav-drop .drop-tit:hover,.nav-menu:hover{color:#008fff;}
.nav-menu.register{background:#ff3a00;border-radius:5px;margin-left:10px;padding:0 10px;}
.nav-menu.register:hover{color:#fff;background:#e93700;}

.nav-drop .drop-cont{display:none;position: absolute;padding-top:10px;}
.nav-drop:hover .drop-cont{display:block;}
.nav-drop .drop-cont-box{background:#fff;box-shadow:0 1px 12px 0 rgba(0,0,0,.15); z-index:9;border-radius:5px;position: relative;}
.nav-drop .drop-cont-box::before,.nav-drop .drop-cont-box::after{border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none; z-index:9;left:33px;}
.nav-drop .drop-cont-box::before{ border-color: rgba(136,183,213,0);border-bottom-color: rgba(0,0,0,.05);border-width: 10px;margin-left: -10px;top: -20px;}
.nav-drop .drop-cont-box::after{border-color: rgba(194,225,245,0);border-bottom-color: #fff;border-width: 11px;margin-left: -11px;top: -20px;}
.nav-drop.nav-pro .drop-cont{width:750px;border-radius:5px;left:0;top:34px;}
.nav-drop.nav-pro .drop-cont-box{padding:25px;}
.nav-drop.nav-pro .drop-cont ul{width:100%;}
.nav-drop.nav-pro .drop-cont .drop-item{float:left;width:200px;margin-right:15px;}
.nav-drop.nav-pro .drop-cont .drop-item em{font-size:14px;font-weight:bolder; font-style: normal;}
.nav-drop.nav-pro .drop-cont .drop-item ul{margin-top:6px;}
.nav-drop.nav-pro .drop-cont .drop-item ul li{margin-bottom:5px;}
.nav-drop.nav-pro .drop-cont .drop-item ul a{color:#666;}
.nav-drop.nav-pro .drop-cont .drop-item ul a:hover{color:#169BD5;}
.nav-drop.nav-pro .drop-cont .drop-item ul a i{color:#ff3a00; font-style:normal;margin-left:5px;font-size:12px;}
.nav-drop.nav-pro .drop-cont .drop-item.call{margin-right:0;width:230px;}
.nav-drop.nav-pro .call .mobile{margin-top:10px;}
.nav-drop.nav-pro .call .mobile .num{color:#555;font-size:30px; display:block;line-height:40px;}
.nav-drop.nav-pro .call .mobile .num span{font-size:16px;float:right;}
.nav-drop.nav-pro .call .qq{margin-top:15px;}
.nav-drop.nav-pro .call .qq a{display:block;width:100px;height:30px;line-height:30px;background:#ff3a00;color:#fff;border-radius:5px;text-align:center;}
.nav-drop.nav-pro .call .qq a:hover{background:#e93700;}
.nav-drop.nav-pro.nav-pro-right .drop-cont{left:inherit;right:-300px;}
.nav-drop.nav-pro.nav-pro-right .drop-cont-box::before,.nav-drop.nav-pro.nav-pro-right .drop-cont-box::after{left:400px;}

.nav-drop.nav-lan .drop-cont{width:120px;border-radius:5px;left:0;top:34px;}
.nav-drop.nav-lan .drop-cont::before,.nav-drop.nav-lan .drop-cont::after{left:41px;}
.nav-drop.nav-lan .drop-cont ul{padding:10px 0;}
.nav-drop.nav-lan .drop-cont ul a{display:block;width:100%;height:30px;line-height:30px;padding:0 10px;}

.cr_header-right{float:right;}
.cr_header.active,.cr_header.isStuck{background:#fff;box-shadow: 0 0 16px 0 rgba(0,0,0,.2);}
.cr_header.active .nav-menu,.cr_header.active .drop-tit,.cr_header.isStuck .nav-menu,.cr_header.isStuck .drop-tit{color:#2e2e2e;}
.cr_header.active .nav-menu:hover,.cr_header.active .drop-tit:hover,.cr_header.isStuck .nav-menu:hover,.cr_header.isStuck .drop-tit:hover{color:#169BD5;}
.cr_header.active .nav-menu.register,.cr_header.isStuck .nav-menu.register{color:#fff;}

/* 底部 */
.cr_footer{width:100%;position: relative;overflow:hidden;background:#373d41;color:#73777a;padding:30px 0 15px;}
.cr_footer a{color:#9b9ea0;}
.cr_footer a:hover{color:#169BD5;}
.cr_footer .footer-box{width:100%;border-bottom:1px solid #4b5054;padding-bottom:30px;}
.cr_footer .footer-menu{float:left;width:850px;}
.cr_footer .footer-menu>li{float:left;width:210px;}
.cr_footer .footer-menu .t{margin-bottom:16px;line-height:16px;font-size:14px;font-weight:bolder;color:#d7d8d9;}
.cr_footer .footer-menu .t a{font-size:14px;font-weight:bolder;color:#d7d8d9;}
.cr_footer .footer-menu ul li{line-height:18px;margin-top:10px;}
/* .cr_footer .footer-menu ul li a:hover{color:#169BD5;} */

.cr_footer .footer-call{float:right;width:340px;min-height:195px;padding-left:35px;position: relative;overflow:hidden;border-left:1px solid #4b5054;}
.cr_footer .footer-call .t{margin-bottom:10px;line-height:16px;font-size:14px;font-weight:bolder;color:#d7d8d9;}
.cr_footer .footer-call .mobile{font-size:26px;margin-bottom:25px;padding-top:6px;}
.cr_footer .footer-call .mobile a{color:#fff;}
.cr_footer .footer-call .addr li{height:25px;line-height:25px;margin-bottom:10px;color:#9b9ea0;}
.cr_footer .footer-call .addr .icon{float:left;width:25px;height:25px;border-radius:2px;background:#282828;margin-right:10px;text-align:center;}
.cr_footer .footer-call .addr .icon i{color:#9b9ea0;}
.cr_footer .ewm{margin-top:20px;}
.cr_footer .ewm img{display:block;width:90px;}

.cr_footer .links{padding:15px 0 5px;}
.cr_footer .links a{margin-right:10px;}
.cr_footer .links a:hover{text-decoration:underline;}

.cr_footer .copyright{padding-top:10px;padding-bottom:10px;}
.cr_footer .copyright .icp{height:20px;float:left;margin-right:5px;}
.cr_footer .copyright a{color:#73777a;}
.cr_footer .copyright a:hover{text-decoration: underline;}

/* 返回顶部 */
#backToTop{position:fixed;display:none;bottom:100px;right:60px;width:44px;height:44px; cursor: pointer; background:#fff;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);}
#backToTop i{display:flex;width:100%;height:100%; align-items:center; justify-content:center;font-size:40px;color:#169BD5;}

/* 右侧 */
#rightMenu{position: fixed;right:60px;bottom:200px;width:44px; z-index:99;}
#rightMenu .cr-kefu{position: relative;}
#rightMenu .cr-kefu .tit{width:44px;height:128px;display:block;position: relative;text-align:center;background:#169BD5;color:#fff;padding:8px 0; cursor: context-menu;}
#rightMenu .cr-kefu .tit i{display:block;width:100%;line-height:20px;font-size:24px;}
#rightMenu .cr-kefu .tit span{display:block;width:14px;margin:0 auto;line-height:16px;font-size:14px;margin-top:8px;}
#rightMenu .cr-kefu .panel{background:#fff;width:320px;min-height:128px;position: absolute;bottom:0;padding:20px;box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);opacity:0;right:52px;transition: all .3s;z-index: 0;visibility:hidden;}
#rightMenu.active .cr-kefu .panel{opacity:1; display:block;visibility:visible !important; z-index:99;}
#rightMenu .panel-item{width:100%;height:48px;position: relative;margin-bottom:20px;}
#rightMenu .panel-item:last-child{margin-bottom:0;}
#rightMenu .panel-item .icon{display:block;margin-right:12px;float:left;width:24px;height:24px;line-height:24px;text-align:center;}
#rightMenu .panel-item .icon i{font-size:24px;color:#373d41;}
#rightMenu .panel-item .txt{display:inline-block;color:#9b9ea0;}
#rightMenu .panel-item .txt p{color:#5f6367;font-size:14px;}
#rightMenu .panel-item a{display:block;}
#rightMenu .panel-item a span{color:#9b9ea0;}
#rightMenu .panel-item a:hover p{color:#169BD5;}
#rightMenu .panel-item .txt .tel{color:#FF8A00;}

/* 体验 */
.cr_tiyan{width:100%;height:200px;position: relative;background:url('../img/bg_ty.jpg') no-repeat;text-align:center;padding-top:45px;}
.cr_tiyan .tit{font-size:28px;line-height:28px; font-weight: lighter;margin-bottom:20px;}
.cr_tiyan .txt{font-size:14px;color:#666;}
.cr_tiyan .tool a{display:block;width:160px;height:36px;line-height:34px;margin:20px auto 0;color:#fff;border:1px solid #e95111;border-radius:3px;box-shadow: 0 1px 3px 0 rgba(25,60,86,.3);font-size:14px;background:#e95111;}
.cr_tiyan .tool a:hover{ transform: translate3d(0, -2px, 0);}

.pages{width:100%;margin:15px 0;text-align:right;}
.pages .page-item{display:inline-block;width:auto;height:40px;line-height:38px;text-align:center;margin:0 10px;border:1px solid #ddd;border-radius:3px;color:#787878;}
.pages .page-item:hover{background:#f5f5f5;}
.pages .page-item.disabled{background:#f5f5f5;}
.pages .page-item.active{background:#e95111;color:#fff;}
.pages .page-link{display:block;width:100%;height:100%;padding:0 15px;}

#login{width:360px;background:#fff; display:none;padding:25px; overflow:hidden;}
#login .close{display:block;width:40px;height:40px; position:absolute;right:0;top:0; text-align:center; line-height: 40px;cursor: pointer;}
#login .login-tit{text-align:center; font-size:18px;margin-top:20px;margin-bottom:20px; color:#000;}
#login .login-form li{margin-bottom:30px;position: relative;}
#login .login-form li:last-child{margin-bottom:20px;}
#login .login-form input{width:100%;height:42px;line-height:40px;border:1px solid #e5e5e5;padding:0 15px; border-radius:5px;}
#login .login-form .tool a{color:#999;font-size:14px;}
#login .login-form .tool a:hover{color:#169BD5;}
#login .login-form .tool .fr{float:right;}
#login .form-btn{width:100%;height:40px;background:#169BD5;color:#fff; font-size:14px;border:0; cursor: pointer; border-radius:5px;}
#login .form-list .imgcode{
    width:90px;height:40px;position:absolute;top:1px;right:1px; cursor: pointer;
}
#loginOutBtn{
    display:none;
}

#article{
    display: block; width:100%; height:343px; background: url('../img/article_img.png') no-repeat center; position: fixed; left:0; bottom:0;
    z-index: 999;
}
#article a{
    display: block; width:100%; height:100%;
}
#article .close{
    display: block; width:35px; height:35px; position: absolute; left:50%; margin-left:180px; top:35px;
}