@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;}