@charset "utf-8";
body{margin:0;font-size:14px;color:#666666;font-family: PingFang SC,Hiragino Sans GB, Helvetica, Microsoft YaHei;background-color:#FFFFFF;}
h1,h2,h3,h4,h5,form,p,ul,input{margin:0px;padding:0px;}
input,textarea{font-size:14px;color:#666666;}
li{padding:0;margin:0;line-height:180%;list-style-type:none;}
:focus{outline:0}
.substring{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nowrap{white-space:nowrap;}
.clear{clear:both;height:0;font-size:0;line-height:0;}
.font_gray3{color:#333}
.font_gray6{color:#666666}
.font_gray9{color:#999999}
.font_blue{color:#5F8DC9}
.font_green{color:#61AF00}
.font_red{color:#CC3300}
.font_yellow{color:#FF6600}

/*链接定义*/
.link_white a{color:#FFFFFF;text-decoration:none;}
.link_white a:hover{text-decoration:underline;}
.link_white2 a{color:#CCCCCC;text-decoration:none;}
.link_white2 a:hover{text-decoration:underline;}

.link_gray3 a{color:#333333;text-decoration:none;}
.link_gray3 a:hover{text-decoration:underline;color:#333333}
.link_gray6 a{color:#666666;text-decoration:none;}
.link_gray6 a:hover{text-decoration:underline;color:#333333}
.link_gray9 a{color:#999999;text-decoration:none;}
.link_gray9 a:hover{text-decoration:underline;color:#333333}
.link_yellow a{color:#FF6600;text-decoration:none;}
.link_yellow a:hover{text-decoration:underline;color:#FF6600}
.link_blue a{color:#5F8DC9;text-decoration:none;}
.link_blue a:hover{text-decoration:underline;color:#5F8DC9}
.link_orange a{color: #F30;text-decoration:none;}
.link_orange a:hover{text-decoration:underline;color:#F30}
.link_green a{color: #0BA674;text-decoration:none;}
.link_green a:hover{text-decoration:underline;color:#0A8F64}



.topnavmargin{ height:86px; width:100%;}
.topnav{ width:100%; height:86px; background-color:#FFFFFF; position:fixed; top:0px; top:0px; z-index:11111111; border-bottom:1px #E8E8E8 solid;}
.topnav .comnavs{ width:1024px; margin:0 auto; height:88px; font-size:14px;}
.topnav .comnavs .logo{ width:200px; float:left;  padding-top:12px;}
.topnav .comnavs .logo img{ width:200px;}
.topnav .comnavs .logotip{width:200px; float:left;padding-top:30px;}
.topnav .comnavs .tel{ width:180px; height:38px;float:right;margin-top:26px;color: #FF6600;line-height:38px; margin-right:30px;background-image:url(../images/tel.png); background-repeat:no-repeat; background-position: left center; padding-left:45px; font-size:20px; font-family:Geneva, Arial, Helvetica, sans-serif}

.topnav .comnavs a.btn1{ width:96px; height:38px;background-color:#7165DE;float:right;margin-top:26px;color:#FFFFFF;line-height:38px;border-radius:38px;text-decoration:none;display:block;text-align:center; margin-right:30px}
.topnav .comnavs a.btn1:hover{ background-color:#968DE7}
.topnav .comnavs a.btn2{width:96px;height:38px;background-color:#5F7EEE;float:right;margin-top:26px;color:#FFFFFF;line-height:38px;border-radius:38px;text-decoration:none;display:block;text-align:center;}
.topnav .comnavs a.btn2:hover{ background-color:#7591F0}
.topnav .comnavs .nali{float:right; text-align:right; padding-top:35px;}
.topnav .comnavs .nali a.nav{padding-top:10px; padding-bottom:10px; border-bottom:3px #FFFFFF solid; margin-right:0px; margin-left:30px; color:#000000; text-decoration:none }
.topnav .comnavs .nali a.nav:hover{ color:#0CC287; border-bottom:3px #0CC287 solid;}
.topnav .comnavs .nali a.select{color:#0CC287; border-bottom:3px #0CC287 solid; font-weight:bold}

.footernav{ height:40px; line-height:40px; width:100%; text-align:center; border-bottom:1px #EAEAEA solid; border-top:1px #EAEAEA solid; font-size:12px; background-color:#FFFFFF}
.footernav span{ padding-left:20px; padding-right:20px; color:#EAEAEA;background-color:#FFFFFF }
.footertxt{ line-height:200%; text-align:center; font-size:12px; padding-top:20px; padding-bottom:20px;background-color:#FFFFFF}


/*带文字的单选开关*/
.imgchecked_txt{ width:80px; height:21px; padding-left:50px; background-image:url(../images/imgchecked.png); background-repeat:no-repeat; cursor:pointer}
.imgchecked_txt:hover{ background-position:0px -23px;}
.imgchecked_txt.select{background-position:0px -46px;}
.imgchecked_txt.select:hover{background-position:0px -69px;}

/*在线客服*/
.servicefloat{position:fixed;top:50%;right:50px;z-index:1111111;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}
.sf_con {
    position: relative;
    width: 120px;
}
.servicefloat .sf_doll {
    width: 61px;
    height: 84px;
    margin: 0 auto -12px;
    background: url(../images/servicefloat_bg.png);
}
.servicefloat .sf_card {
    background: #fff;
    border: 2px solid #ffb300;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
}
.servicefloat .sf_card_qr img {
    width:116px; height:116px;border:0;
}
.servicefloat .sf_card_name {
    width:116px;height:30px;line-height:30px;text-align:center;color:#fff;font-size:14px;background:#ffb300;
}

/* 自动消失的提示框 */
.disappear_tooltip{display:none;position:absolute;top:0;left:0;z-index:10000000000;background:rgba(0,0,0,.7);
    padding:0 18px;height:70px;line-height:70px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff;
    text-align:center;font-size:16px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s;}
.disappear_tooltip .icon{width:29px;height:29px;float:left;margin-top:20px;}
.disappear_tooltip .content{float:left;padding-left:15px;}
.disappear_tooltip.remind .icon{background:url(../images/45.png) no-repeat;}
.disappear_tooltip.success .icon{background:url(../images/45.png) 0 -59px no-repeat;}
@-webkit-keyframes bounceIn{
    0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn{
    0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.tip_anim{display:block;-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceOut{
    100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}
    30%{-webkit-transform:scale(1.03);transform:scale(1.03)}
    0%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceOut{
    100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}
    30%{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}
    0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.tip_anim_close{z-index:-100;background:rgba(0,0,0,0);-pie-background:rgba(0,0,0,0);-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.2s;animation-duration:.2s;}

/*分页*/
.uupage{font-size:14px;line-height:500%; /*padding-left:20px;*/ text-align: center;}
.uupage a{padding:5px 10px;border:1px #DFDFDF solid;margin-right:5px;text-decoration:none;color:#666666;background-color:#F7F7F7;border-radius:2px;}
.uupage a:hover{background-color:#FFFFFF;color:#333333}
.uupage .current{padding:5px 10px;border:1px  #747474  solid;color:#FFFFFF;margin-right:5px;background-color:#8C8C8C;border-radius:2px;}
/*漂浮企业微信客服二维码*/
.servicefloat{position:fixed;top:50%;right:50px;z-index:999;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}
.sf_con {position: relative;width: 120px;}
.servicefloat .sf_doll {width: 61px;height: 84px;margin: 0 auto -12px;background: url('../images/servicefloat_bg.png');}
.servicefloat .sf_card {background: #fff;border: 2px solid #ffb300;box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);}
.servicefloat .sf_card_qr img {width:116px; height:116px;border:0;}
.servicefloat .sf_card_name {width:116px;height:30px;line-height:30px;text-align:center;color:#fff;font-size:14px;background:#ffb300;}
.servicefloat .sf_tel{width:116px;height:30px;line-height:30px;text-align:center;color:#fff;font-size:14px;background:#ffb300;border-top:1px dashed #ffffff;}

/*右侧浮窗*/
/*右侧浮动菜单*/
.right_btn {position: fixed;right:10px;bottom:200px;z-index: 100;}
.right_btn ul {width:60px;border-radius:10px;}
.right_btn ul li { line-height: 1.4; position: relative;margin-bottom: 4px;width:60px;height:60px;background-color: rgb(76, 82, 120);opacity: 0.45;filter:alpha(opacity=45);border-radius: 6px;cursor: pointer;}
.right_btn ul li:hover, .right_btn ul li.hover {opacity: 1;filter:alpha(opacity=100);}
.right_btn ul li .m {text-align: center;}
.right_btn ul li .m p {font-size: 12px;color: #fff;}
.right_btn ul li.gotop {background: url('../images/top.png') center no-repeat;}
.right_btn ul li.gotop:hover {background: url('../images/top.png') center no-repeat;}
.right_btn ul li.kf {background: #62a5ff;opacity: 1;filter:alpha(opacity=100);}
.right_btn ul li.kf:hover {background: #5490ff;}
.right_btn ul li.gotop i {display: inline-block;width:22px;height:14px;margin:15px auto 0;background: url('../images/icon_top.png') center no-repeat;}
.right_btn ul li.kf .m i {display: inline-block;width:28px;height:26px;margin:8px auto 0;background: url('../images/icon_service.png') center no-repeat;}
.right_btn ul li.dx .m i {display: inline-block;width:22px;height:22px;margin:8px auto 0;background: url('../images/dx.png') center no-repeat;}
.right_btn ul li.jstx .m i {display: inline-block;width:23px;height:24px;margin:8px auto 0;background: url('../images/jstx.png') center no-repeat;}
.right_btn ul li.gd .m i {display: inline-block;width:28px;height:23px;margin:8px auto 0;background: url('../images/gd.png') center no-repeat;}

.right_btn ul li .d {display: none;position: absolute;top:0;right:100%;padding-right: 20px;margin-top: -61px;display: none;cursor: default;-moz-animation:leftFadeIn .3s;-webkit-animation:leftFadeIn .3s;animation:leftFadeIn .3s;}
.right_btn ul li .title {position: relative;padding:0 15px;height: 40px;line-height: 40px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 5px 0px rgba(0, 48, 255, 0.17);white-space: nowrap;border-top-left-radius:5px;border-top-right-radius:5px;z-index: 2;color: rgb(163, 166, 181);}
.ie8 .right_btn ul li .title {border:1px solid #eee;}
.right_btn ul li .d .con {position: relative;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-top: 2px;background: #ece7e7;z-index: 2;}
.right_btn ul li .d em {position: absolute;right:8px;top:76%;display: block;width:0;height:0;border:6px solid transparent;border-left-color: #4c5278;}
.right_btn ul li:hover .d, .right_btn ul li.hover .d {display: block;}
.ie9 .right_btn ul li .d .hold {position: absolute;right:0;width:20px;bottom:0;top:0;background: rgba(255,255,255,.3)}


/* 客服咨询弹窗开始 */
.servicePopup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 150;
    display: none;
}

.servicePopup .serviceInner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -188px;
    margin-left: -170px;
    width: 377px;
    height: 340px;
    background: #fff;
    border-radius: 5px;
}

.servicePopup .serviceInner .serviceTitle {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #303133;
    padding: 45px 20px 10px;
}

.servicePopup .serviceInner .serviceTitle .closeIcon {
    display: block;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.servicePopup .serviceInner .serviceTitle .closeIcon::before,
.servicePopup .serviceInner .serviceTitle .closeIcon::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1px;
    margin-top: -7px;
    display: block;
    width: 2px;
    height: 14px;
    background: #ccc;
}

.servicePopup .serviceInner .serviceTitle .closeIcon::before {
    transform: rotate(45deg);
}

.servicePopup .serviceInner .serviceTitle .closeIcon::after {
    transform: rotate(-45deg);
}

.servicePopup .serviceInner .serveContent {
    text-align: center;
    padding: 18px 25px 30px;
    position: relative;
}

.servicePopup .serviceInner .serveContent .serviceCode {
    width: 162px;
    height: 162px;
}

.servicePopup .serviceInner .serveContent .serviceText {
    color: #666;
    font-size: 16px;
    margin-top: 16px;
}

/* 客服咨询弹窗结束 */