@charset "utf-8";
/*初始化样式*/
* {-webkit-tap-highlight-color:transparent;}
em{font-style: normal;}
body {background-color:#fff; color:#333; font:16px/1.75em "Microsoft Yahei",Arial,"Lucida Grande";/*设置字体*/ width:100%;/*设置宽度*/ min-width:1200px;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}

/*html5设置*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
html,body, div, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, p {margin:0; padding:0;}

a {text-decoration:none; outline:none; color:#333; cursor:pointer}
a:focus {outline:none; -moz-outline:none;}

a img {border:none;}

/*强制去除表单自带的样式*/ 
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#878787; font-family:Lucida Bright,Arial;}
input:focus { outline: none;}
input,button,select,textarea{outline:none; /*-webkit-appearance:none;*/}
textarea{resize:none;/*-webkit-appearance:none;*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}

/* flex布局 */
.flex {
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display: -moz-box; /* Firefox 17- */
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
display: -moz-flex; /* Firefox 18+ */
display: -ms-flexbox; /* IE 10 */
display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;/* IE < 8 */}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.fl{float: left;}
.fr{float: right;}
/*该设置跟后台编辑器有关*/
.ul,.ul li,.dl,.dl dd,ul,ul li,ol,ol li,dl,dl dd{ list-style:none; margin:0; padding:0;}
.h1,.h2,.h3,.h4,.h5,.h6,.p,h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px;}
/*该设置跟后台编辑器有关*/

/*全局样式*/
.inner {width:1200px; margin:0 auto;}

/*全站底部*/
.signup {background-color:#535353; padding:15px 0;    
    width: 100%;
    z-index: 999; margin-top: 80px; display: none;}
.signup .inner {position:relative;}
/*superman*/
.superman {width:164px; height:181px; background:url(../images/bg_btm.png) no-repeat center center; background-size:contain; position:absolute; left:0; bottom:-21px; z-index: 5;}

/*signupForm*/
.signupForm {padding:0 50px; overflow: hidden; margin-left:120px;position: relative;}
.signupForm .input {float:left; padding-right:10px;}
.signupForm .text {background-color:#fff; border-radius:3px; height:40px; line-height: normal; color:#333; width:140px; padding:0 20px; font-size:15px; font-family: 'Microsoft Yahei';}
.signupForm .select {background-color:#fff; position:relative; border-radius:3px;}
.signupForm .select:after {content:''; display:block; width:5px; height:5px; border-right:1px solid #333; border-bottom:1px solid #333; transform:rotate(45deg); position:absolute; right:20px; top:50%; margin-top:-4px;}
.signupForm select {height:40px; line-height: 40px; background-color:transparent; position:relative; z-index: 2; width:180px; padding:0 20px; appearance:none; -webkit-appearance:none; -moz-appearance:none; color:#333; font-size:15px; font-family: 'Microsoft Yahei';}
.signupForm select::-ms-expand {display:none;}
.signupForm .submit {width:150px; height:40px; background-color:#e41f28; color:#fff; margin-left:70px; border-radius:20px; cursor:pointer; font-size:15px; font-family: 'Microsoft Yahei';}

.cha{position: absolute;top: 50%;-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);font-size: 26px;color: #fff;right:0;cursor:pointer}
/*footer*/
.footer {background-color:#282828;}
/*btmCity*/
.btmCity {overflow: hidden; padding:60px 0; margin:0 50px; border-bottom:1px solid #333;}
.btmCityList {float:left;}
.btmCityList ul {overflow:auto; width:255px; height:328px;}
.btmCityList ul::-webkit-scrollbar {/*滚动条整体样式*/
        width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.btmCityList ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 3px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
    }
.btmCityList ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 3px;
        background: #EDEDED;
    }
.btmCityList li {float:left; width:110px; padding-right:5px; padding-bottom:9px;}
.btmCityList li:nth-of-type(2n){ padding-right:0}
.btmCityList a {display:block; border:1px solid #3c3c3c; color:#fff; height:36px; line-height: 36px; border-radius:5px; text-align:center; transition:all .3s; font-size:15px;cursor:pointer}
.btmCityList li.cur a, .btmCityList a:hover {background-color:#e24943; border-color:#e24943; cursor:pointer}
.btmCityList .more {clear:both; margin-right:5px;}

.btmDistrict {width:758px; height:auto; min-height:268px; float:right; border:1px solid #3c3c3c; border-radius:5px; padding:25px 30px; display:none;}
.btmDistrict:first-child {display:block;}
.btmDistrict dl {padding:0 10px; border-bottom:1px solid #3c3c3c; margin-bottom:5px;}
.btmDistrict dd {font-size:15px; float:left; padding-right:35px;}
.btmDistrict dd a {display:block; color:#828282; padding-bottom:3px;    border-bottom: 2px solid transparent;}
.btmDistrict dd.cur a, .btmDistrict dd a:hover {border-bottom:2px solid #fff; color:#fff;}

.btmDistrict ul {overflow:hidden; display:none;}
.btmDistrict ul:first-child {display:block;}
.btmDistrict li {padding:20px 10px 0; float:left;}
.btmDistrict li a {background-color:#5a5a5a; font-size:15px; display:block; color:#fff; height:35px; line-height: 35px; padding:0 15px; border-radius:5px;}

/*btmMain*/
.btmMain {padding:30px 50px;}

/*btmLeft*/
.btmLeft {float:left;}
.certification{margin-top: 10px;}
.certification a{margin-right: 5px;}

/*pagesList*/
.pagesList {margin-bottom:40px;}
.pagesList ul {overflow:hidden;}
.pagesList li {float:left; font-size:15px; padding-right:35px;}
.pagesList li a {color:#fff;}
.pagesList li a:hover {text-decoration: underline;}

/*copyright*/
.copyright {color:#656565; font-size:15px; line-height: 1.5em;}
.copyright a {color:#656565;}

/*btmRight*/
.btmRight {float:right; width:355px;}

/*btmContact*/
.btmContact {float:left;}
.btmTel {background:url(../images/icon_07.png) no-repeat left center; padding-left:45px; margin-bottom:30px;}
.btmTel p {color:#fff; font-size:15px; line-height: 1.125em;}
.btmTel p.num {font-size:20px; font-weight:bold;}

/*btmSocial*/
.btmSocial li {float:left; position:relative; display:inline-block; margin-right:10px;}
.btmSocial li a {display:block; width:38px; height:38px; background:no-repeat center center; border:1px solid #8d8d8d; border-radius:50%;}
.btmSocial .wx a {background-image:url(../images/icon_08.png);}
.btmSocial .tel a {background-image:url(../images/icon_09.png);}
.btmSocial .qrcode {position:absolute; left:50%; bottom:95px; background-color:#fff; border:1px solid #d8d8d8; border-radius:5px; width:80px; height:80px; overflow:hidden; opacity:0; height:0; margin-left:-45px;}
.btmSocial .qrcode.show {height:auto; bottom:55px; opacity:1; padding:5px; overflow:visible; transition:bottom .3s, opacity .3s;}
.btmSocial .qrcode:after {content:''; display:block; width:8px; height:8px; background-color:#fff; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; transform:rotate(45deg); position:absolute; bottom:-5px; left:50%; margin-left:-5px;}
.btmSocial .qrcode img {display:block; width:100%; height:100%;}

/*btmQrcode*/
.btmQrcode {float:right; width:84px; font-size:15px; color:#fff; text-align:center;}
.btmQrcode img {display:block; width:84px; height:84px;}

/*全站模块标题*/
.aTitle {font-size:40px; text-align:center; line-height: 1.125em; color:#333;}
.aTitle span {font-weight:normal; margin-left:5px;}

/*全站头部*/
body{padding-top: 184px;}
/*topBar*/
.topBar {background-color:#333; padding:11px 0;}
.topBar .inner {overflow: hidden;}
.topTel {float:right; background:url(../images/icon_01.png) no-repeat left center; height:28px; line-height: 28px; color:#fff; padding-left:48px; font-size:20px;}

.topNav {float:left; height:28px; line-height: 28px; color:#fff; font-size:18px; overflow: hidden;}
.topNav span {display:block; float:left;}
.topNav span:first-child {margin-right:5px;}
.topNav .a {padding:0 10px;}
.topNav a {color:#fffefe;}

/*header*/
header{position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background: #fff;}
.header {padding:39px 0;}
.header .topTel,.header .topNav{display: none;}

body,body .header,body .header .topTel,body .header .topNav,body .nav,body .header .nav li,body .logo img,body .curCity span{
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;}

.yc_body .nav{padding: 4px 0 3px}
.yc_body .curCity span{height: 28px;line-height: 28px;font-size: 16px;}
.yc_body .logo img{width: 262px;height: auto;}
.yc_body{padding-top: 73px;}
.yc_body .topBar{display: none;}
.yc_body .header{padding: 10px 0}
.yc_body .header .topNav{color: #000;line-height: 40px;height: 40px;display: block;font-size: 14px;margin-left: 30px;}
.yc_body .header .topNav .a{color: #000;padding: 0 6px;}
.yc_body .header .topNav a{color: #000;}
.yc_body .header .topTel{float: left;display: block;font-size: 14px;color: #000;line-height: 40px;height: 40px;padding-left: 25px;margin-left: 8px;}
.yc_body .header .nav li{margin-left: 10px;font-size: 15px;}

.logo {float:left;}
.logo a {display:block;}
.logo img {display:block; width:360px; height:44px; margin-top: 4.5px;}

.curCity {float:left; margin-left:40px; display:inline-block; padding:6px 0; position:relative;}
.curCity:before {content:''; display:block; width:1px; height:40px; background-color:#d6d6d6; position:absolute; left:-20px; top:50%; margin-top:-20px;}
.curCity span {font-size:20px; color:#333; position:relative; letter-spacing: 0.5em; height:40px; line-height: 40px; display:block; cursor:pointer; user-select:none; -webkit-user-select:none; -moz-user-select:none;}
.curCity span:after {content:''; display:block; width:6px; height:6px; border-right:1px solid #5d5d5d; border-bottom:1px solid #5d5d5d; transform:rotate(45deg); position:absolute; right:-10px; top:50%; margin-top:-4.5px;}
.curCity ul {position:absolute; left:50%; top:100%; font-size: 12px;background-color:#fff; border:1px solid #d6d6d6; border-radius:5px; width:252px; margin-left:-40px; text-align:left;padding:5px 20px; display:none; z-index: 2;}
.curCity ul:before {content:''; display:block; position:absolute; top:-4px; left:50%; margin-left:-4px; width:5px; height:5px; background-color:#fff; border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; transform:rotate(45deg);}
.curCity li{margin-bottom:1px;overflow: hidden;}
.curCity li b{top: 0;left: 0;line-height: 28px;float: left;}
.curCity li em{float: left;font-weight: normal;font-style: inherit;width: 222px}
.curCity li a {margin-left: 10px;color: #a1a1a1; display:inline-block}

.nav {float:right; padding:14px 0 6px;}
.nav li {float:left; font-size:16px; color:#333; margin-left:34px; display:inline-block; position:relative;}
.nav li a {color:#333; display:block; padding:0 5px 5px;position: relative;}
.nav li a:hover, .nav li.cur > a, .nav li.on > a{ color:#e12d30;}
.nav li a:after{display: block;width: 0%;bottom: 0;left: 50%;position: absolute;height: 3px;background: #e12d30;content: '';-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);;}
.nav li a:hover:after, .nav li.cur > a:after, .nav li.on > a:after{width: 100%;}
.nav dl {position:absolute; left:50%; top:100%; width:90px; margin-left:-45px; padding-top:2px; display:none; z-index: 2;}
.nav dd {line-height: 40px; background-color:#fff; text-align:center;}
.nav dd a {display:block; color:#333; padding-bottom:0; border-bottom:none;}
.nav dd a:hover {color:#fff; background-color:#e12d30;}

/*banner*/
.banner {width:100%; height:auto; position:relative; background:no-repeat center center; background-size:cover; height:450px;}
.banner a {display:block; width:100%; height:100%;}



/*首页弹窗*/
.centerBox{
    width: 592px;
    height: 384px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 999999;
    display: none;
	background-position:0 0;
	background-repeat:no-repeat; 
	background-image:url(../images/maskBg2.png?v=20201105)
}
.mmcloseBtn{
	position: absolute;
    width: 33px;
    height: 33px;
    right: 0px;
    top: 0;
    cursor: pointer;
}
.mmTitle {position: absolute;right: 80px;top: 60px;font-size: 26px;font-weight: 550;color: #fff;}
.centerBox .more{
	 padding:158px 62px 0 238px;
}
.centerBox .more li{
	width: 148px;
    height: 46px;
    border-radius: 4px;
    line-height: 46px;
    text-align: center;
    /* background: #fff; */
}
.centerBox .more li a {font-weight: bold;}
.centerBox .more li:nth-child(n){
	float: left;
}
.centerBox .more li:nth-child(2n){
	float: right;
}
.more li:nth-child(3), .more li:nth-child(4){
    margin-top: 15px;
}
.centerBox .more li:nth-child(1){
    color: #e74765;
    margin-left: -22px;
}
.centerBox .more li:nth-child(3){
  margin-left: -22px;
}
.centerBox .more li span{
padding-right: 20px;
}
.centerBox .more li a{
	    opacity: 1;
    color: #000;
    width: 148px;
    font-size: 18px;
}
/* .centerBox .more li.active a{color:#e74765; font-weight:bold;  } */
.centerBox a{
	    opacity: 0;
    display: block;
    position: absolute;
}

.fix20171{
	    width: 132px;
    height: 40px;
        left: 0;
    
}
.centerBox .more li a:hover{
        color: #e74765;
        background: url(../images/vs_bg1.png) no-repeat 90%;
        
}
/* .centerBox .more li:last-child a:hover{
    color: #e74765;
    background: url(../images/vs_bg1.png) no-repeat 95%;
    
} */
.mfixa-s{
	display:block;
	width:131px;
	height:45px; 
	bottom:41px;
    right:219px;
}
.centerBox .mfixa8{
   width:133px; 
   height:45px;
   right:85px;
   bottom:41px;
   display:block;
}

/*弹窗2*/
.Popup2{
	background: url(../images/Popup2.png) no-repeat center top;
    width: 439px;
    height: 438px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 999999;
    display: none;
}
.Popup2 a{width: 140px;height: 40px;display: block;position: absolute;bottom: 40px;}
.Popup2 a.Popup2_a1{right: 58px;}
.Popup2 a.Popup2_a2{left: 58px;}
.Popup2 .cha{position: absolute;top: 0;right: 0;width: 50px;height: 50px;z-index: 100;}
/*弹窗3*/
.Popup3{
	background: url(../images/Popup3.png) no-repeat center top;
    width: 400px;
    height: 400px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 999999;
    display: none;
}
.Popup3 a{width: 250px;height: 50px;display: block;position: absolute;left: 0;right: 0;bottom:68px ;margin: 0 auto;}
.Popup3 .cha{position: absolute;top: 0;right: 0;width: 50px;height: 50px;z-index: 100;}


/*联系我们*/
.clearfix:before,.clearfix:after{content:".";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;/* IE < 8 */}
dl.top:before,dl.top:after{content:".";display:block;height:0;overflow:hidden;}
dl.top:after{clear:both;}
dl.top{zoom:1;/* IE < 8 */}
.row:before,.row:after{content:".";display:block;height:0;overflow:hidden;}
.row:after{clear:both;}
.row{zoom:1; margin-bottom:75px/* IE < 8 */}
.row .col4{ width:33.33%; float:left; text-align:center}
.row dl dt{ height:88px;  text-align:center; position:relative; margin-bottom:26px;}
.row dl dt img{ vertical-align:middle; position:absolute; top:0; bottom:0; margin:auto; left:0; right:0; }
.row dl dd,.row dl dd a{ font-size:20px; color:#999999; line-height:30px;}
.row dl dd strong{color:#333; font-weight:bold; font-size:24px; display:block; margin-bottom:10px}

body #doyoo_monitor{ opacity:0}