@charset "utf-8";
*{padding:0; margin:0;}
body{font-family:"微软雅黑",Arial, Helvetica, sans-serif; overflow-x:hidden; max-width: 640px; margin: 0 auto; }
ul,li{list-style:none;}
a{color:#555555; text-decoration:none;}
a:hover,a:visited,a:active{color:#555555;}
.fl{float:left;}
.fr{float:right;}
.img100{width:100%;}
.img100 img{width:100%;}

/* 手机上右边出现白边 栅格造成的*/
.container-fluid{box-sizing:border-box; padding-left:0; padding-right:0;}
.row{margin:0;} .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding:0;} 
/* 手机上右边出现白边*/
.nnavboxbg{width:100%;max-width:640px; margin:0 auto; padding-top:5px; padding-bottom:5px;background-color:#2e3642; overflow:hidden; clear:both;}
.nnavbox{ line-height:30px; height:30px; background-color:#2e3642}
.nnavbox a{  width:20%; line-height:30px; height:30px; border-right:1px solid #505660; font-size:15px; float:left; text-align:center; display:block; color:#f2f2f3;}
.nnavbox a.last{border-right:none;}

.swiper-container {width: 100%;height: 100%;}
.swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.banner1{ width:100%; max-width:640px; margin:0px auto;}
.banner1 img{width:100%;}
.header{max-width:640px; width:100%; margin:0px auto; padding:0px 0px!important; /*background:url(../images2017/img_nav/headerbg.jpg) no-repeat center top; background-size: 100% 100%;*/background:#AE0000; position:relative; }
/*.header{max-width:640px; width:100%; margin:0px auto; padding:0px 0px!important; background:url(../images2017/img_nav/headerbg.jpg) no-repeat center top; background-size: 100% 100%;background: linear-gradient(to right, #5402b3 , #6600fd , #5402b3); position:relative; }*/

.header .navbtn{display:block; width:28px; height:25px; background:url(../images2017/navbtn.png) no-repeat center; margin:0px auto; background-size:contain;margin-top:5px;}
.logo {text-align:center;}
.logo img{width:90%; max-width:369px; margin-left:auto; margin-right:auto;}
.header a.headchat{display:block; width:30px; height:29px;margin:0px auto; background:url(../images2017/headchat.gif) no-repeat center; background-size:contain; margin-top:5px; }
.header .topnav{width:100%; max-width:640px; background:#eaeaea; position:absolute; top:5px; left:0px; z-index:999; transition:all .6s;transform:translateX(-900px); -o-transform:translateX(-900px); -moz-transform:translateX(-900px); -webkit-transform:translateX(-900px); opacity:0; overflow:hidden;}
.header .ac{transform:translateX(0px); -o-transform:translateX(0px); -moz-transform:translateX(0px); -webkit-transform:translateX(0px); opacity:1;}
.header i.ac {background:url(../images2017/navbtn2.png) no-repeat center!important; }
.navleft{width:34%; float:left; background:#1b1c32;}
.navleft ul li{text-align:left; color:#fff; text-indent:10px; font-size:16px; padding:10px 0px 10px 0px;}
.navleft ul li img{width:20px;}
.navleft ul li.ac{background:#8b2579;}
.navright{width:66%; float:right;}
.navright .navbox{width:88%; margin:10px auto; display:none;}
.navright .navbox ul{overflow:hidden; margin:0px auto;}
.navright .navbox ul li{width:47%; float:left; margin:5px 1.5%; background:#ffffff; font-size:14px; text-align:center; line-height:40px; }
.navright .navbox ul li a{color:#000;}

/*footer*/
.foot2017{width:100%; max-width:640px; margin:0px auto; padding-bottom:80px; background:url(../images2017/footmapbg.jpg) no-repeat left; background-size:contain; }
.foottel {width:95%; margin:10px auto;}
.twobtns{width:58%!important; float:right; overflow:hidden;}
.twobtns a{ display:block; width:45%; }
a.foothfbtn{ margin-right:5%;}
.ftword{color:#24253a; line-height:26px; text-align:center; font-size:12px; padding:20px; clear:both; padding-top:30px; padding-left: 10px; padding-right: 5px;}
.foot2017 .address{text-align:right;  box-sizing:border-box; padding:30px 0px; padding-bottom:60px;}
.foot2017 .address img{width:55%; margin-right:20px;}

.fixfootnav{width:100%; height:auto; margin:0px auto; position:fixed; left:0;bottom:-10px; z-index:99;transform: translateZ(1000px)}
.fixfootnav ul{overflow:hidden;}
.fixfootnav ul li{float:left;}
.fixfootnav ul li img{width:100%;}
.fixfootnav ul li.first{width:31.25%;}
.fixfootnav ul li.second{width:31%;position: relative;}
.fixfootnav ul li.third{width:19.22%;}
.fixfootnav ul li.forth{width:18.53%;}
.fixfootnav span.num1{ 
    display:block; 
    height:14px; width:14px; 
    border-radius:50%; 
    position:absolute; left:28%; top: 18%;  
    background:#FF0000; 
    z-index:100; 
    color:#FFFFFF; 
    text-align:center; 
    line-height:14px; 
    font-size:10px; 
    visibility: visible; 
    animation-duration: 2s; 
    animation-iteration-count: infinite;
}
@media only screen 
and (min-device-width : 768px)  { 
    .fixfootnav span.num1{
        height:20px; width:20px;
        font-size:12px;
        line-height:20px; 
        position:absolute; left:28%; top: 18%;
    }       
}
@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada;}

/*内页面包屑导航*/
.innav{width:95%; max-width:640px; margin:0px auto; text-indent:10px; padding:10px 0px; font-size:18px;}
.innav img{width:20px; position:relative; top:-3px;}
/*近期活动*/
.hotactivity{width:95%; max-width:600px; margin:10px auto; border:none; }
.hotactivity .pheading{background:#904bf7!important; line-height:40px; padding:8px 0px; text-indent:10px; color:#fff; border:none;border-top-left-radius:15px; border-top-right-radius:15px;clear:both;}
.hotactivity .pheading img{width:40px;}
.hotactivity .pbody{padding:0; border-bottom-left-radius:15px; border-bottom-right-radius:15px; clear:both;}
.hotactivity .pbody img{padding:0; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}

/*商务通*/
.mfhd {
    width: 227px;
    height: 32px;
    border: 1px solid #6A7380;
    border-radius: 17px;
    margin: 18px auto 5px;
    opacity: 0;
}
.mfhd .callbF_text{
    width: 145px;
    height: 30px;
    line-height: 30px;
    background-color: #FFF;
    font-size: 14px;
    color: #6A7380;
    border-radius: 15px 0px 0px 15px;
    padding-left: 13px;
    float: left;
    outline: medium none;
}
.mfhd .callbF_sub{
    width: 69px;
    height: 32px;
    line-height: 32px;
    color: #FFF;
    background-color: #6A7380;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    border-radius: 0px 14px 14px 0px;
    float: right;
	border:none;
	padding:0;
    display:none;
}
.swt_lists {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 58px;
    line-height: 58px;
    border-radius: 0px 0px 15px 15px;
	position:absolute;
    opacity: 0;
}
.swt_lists a {
    display: block;
    width: 50%;
    height: 100%;
    position: relative;
    float: left;
}
.swt_list1 {
    background-color: #28c542;
    border-radius: 0px 0px 0px 15px;
}
.swt_list2 {
    background-color: #FF6005;
    border-radius: 0px 0px 15px;
}
.gotop .swt_list2 {
    background:none;
    border-radius: 0px 0px 15px;
}
.swt_lists a i, .swt_lists a em {
    display: block;
    position: absolute;
    left: 50%;
    color: #FFF;
    text-decoration: none;
	font-style:normal;
}
.swt_lists em {
    height: 100%;
    top: 0px;
    margin-left: -16px;
    font-size: 16px;
}
.swtCallIcon {
    top: 50%;
    margin-left: -50px;
    margin-top: -13px;
    width: 27px;
    height: 27px;
    background: url(/templets/phone/images/footerLink3.png) center no-repeat;
	background-size:100% auto;
    display:none;
}
.swtLinkIcon {
    top: 50%;
    margin-left: -50px;
    width: 27px;
    height: 24px;
    margin-top: -12px;
    background: url(/templets/phone/images/footerLink2.png) center no-repeat;
	background-size:100% auto;
    display:none;
}
.swtLinkCounter {
    top: 15px;
    width: 14px;
    height: 14px;
    margin-left: -34px;
    line-height: 13px;
    text-align: center;
    font-size: 9px;
    background-color: #E60012;
    border-radius: 14px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
    z-index: 3;
    font-style: normal;
}
.swtCenter {
    width: 279px;
    height: 240px;
   /* width: 290px;
    height: 250px;*/
/*    background-color: #FFF;*/
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 200;
    /*margin-left: -139px;*/
    margin-left: -145px;
    margin-top: -120px;
    border-radius: 5px;
   /* box-shadow: 0px 0px 20px rgba(10, 2, 4, 0.75);*/
    /*background: url(/templets/phone/images/swt/swt.png) no-repeat center center;*/
     background: url('http://m.87338888.com/templets/phone/images/swt/swt.png') no-repeat;-moz-background-size: 100% 100%; background-size: 100% 100%;
transform: translateZ(1000px);
}
.closeBtn_swt {
	position:absolute;
    /*right: -5px;
    top: -5px;*/
    right: 0px;
    top: 0px;
    width: 44px;
    height: 44px;
    background:url(/templets/phone/images/closeBtn_swt.png) center no-repeat;
    cursor: pointer;
	background-size:100% auto;
    opacity: 0;
}
/*.swtCenter p {
    width: 230px;
    font-size: 12px;
    color: #6A7380;
    margin: 0px auto;
}*/
.swtCenter p {
    width: 230px;
    font-size: 12px;
    color: #6A7380;
    margin: 0px auto;
    display:none;
}
/*.swtCenter h3 {
    width: 100%;
    font-size: 28px;
    text-align: center;
    color: #2E3642;
    font-weight: 500;
    margin-top: 33px;
}*/
.swtCenter h3 {
    width: 100%;
    font-size: 28px;
    text-align: center;
    color: #2E3642;
    font-weight: 500;
    margin-top: 33px;
    display: none;
}
/*.swtCenter h4 {
    width: 100%;
    font-size: 14px;
    text-align: center;
    color: #2E3642;
}*/
.swtCenter h4 {
    width: 100%;
    font-size: 14px;
    text-align: center;
    color: #2E3642;
    display: none;
}
/*商务通*/

.mid640{width:100%; max-width:640px; margin:0px auto;}
.mid620{width:96.875%; max-width:620px; margin:0px auto;}
.mid600{width:94%; max-width:600px; margin:0px auto; overflow:hidden;}

@media screen and (max-width: 750px) {
.logo img{ margin-top:8px;}
}

@media screen and (min-width: 750px) {
.fixfootnav{max-width:640px; left:50%; margin-left:-320px;}
}

.gotop {
    background:#000;
    opacity:0.7;
    position:fixed;
    right:10px;
    width:36px;
    height:34px;
    padding:10px;
    z-index:9999;
    bottom:70px;
    border-radius:5px;
}



.pulse { -webkit-animation: pulse 30s infinite ease-out ; animation:pulse 30s infinite ease-out;  }
.flswtIcon {
	width:26%;right:0;bottom:15%;
    position:fixed;z-index:10;
    -moz-transition:transform 5s ease 0s;
    -webkit-transition:transform 5s ease 0s; 
    transition:transform 5s ease 0s; 
    -moz-transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0); 
}

/*皮肤专题头部的漂浮辅导航*/
.zt_navBox{width:100%; max-width:640px; background:#fff; display: none;}
.zt_navBoxac{position:fixed!important; top:0px; z-index:999999;}
.submenu{height:40px; font-size:16px; line-height:40px; background:#6838b0;color:#fff;}
.submenu a{height:40px; font-size:16px; line-height:40px; color:#fff;}
.fallBack{width:15%; float:left; text-align:center; background: #808080}
.zt_title{width:65%; float:left; text-align:center;}
a.zt_moreBtns{display:block; width:20%; float:right;text-align:center;}
a.zt_moreBtns i{display:inline-block; width:16px; height:10px; background:url(/zt/bingdian/arrow.png) no-repeat; transition:all 1s;}
a.zt_moreBtns i.ac{ transform:rotate(180deg);}
.slideMenus{overflow:hidden;  padding-bottom:10px; margin-bottom:10px; display:none; box-shadow: 0 2px 3px rgba(34,23,20,.5);background: #fff;width: 100%;max-width: 640px; z-index:9999;}
.slideMenus a{display:block; float:left; width:33.33%; text-align:center; overflow:hidden; font-size:13px; line-height:26px;}
.slideMenus a:hover{ color:#8918e9;}

#qiao-wrap{display:none!important;}/*隐藏百度商桥*/

.youhui{ width: 100%; margin:0 auto; text-align:center; margin-bottom: 20px; display:none !important;}
.youhui img{ width: 100% !important;}

/*h5 video设置*/
.videocontf{ width: 100% !important; text-align: center; margin:0 auto;}
.videocontf video{ width: 100%;}
video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

/*商务通窗口*/
.LR_yaoqing{padding-bottom: 28px;}
#LR_newm{ color: #fff;}
.LR_Mini_ICON{ right: 5px !important;}


/*头部微信*/
    .top_tips {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 10px rgba(10, 2, 4, 0.75);
    color: #000;
    height: 50px;
    line-height: 50px;
    /*padding: 1% 0;*/
    max-width: 640px;
    position: fixed;
    top: -90px;
    width: 100%;
    z-index: 1002;
    overflow: hidden;
    margin:0 auto;
}
.top_tips span{ margin:0 ; font-size:12px; color:#0080FF; }
.top_tips img {
    border-radius: 5px;
    float: left;
}

.top_tips ul {
    float: left;
    margin-left: 1%;
    width: 84%;
    overflow: hidden;
}

.top_tips ul li {
    color: #000;
    font-size: 14px !important;
    height: 20px;
    line-height: 24px;
}
.top_bot{ margin-top:50px;}

/*底部导航动画*/
.zkbtn{animation:td 1.5s infinite; -webkit-animation:td  1.5s infinite; }

@-webkit-keyframes td{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}
    40%{-webkit-transform:translateY(-4px);}
    60%{-webkit-transform:translateY(-8px);}
}
@keyframes td{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0);}
    40%{-webkit-transform:translateY(-4px);transform:translateY(-4px);}
    60%{-webkit-transform:translateY(-8px);transform:translateY(-8px);}
}
#ban-pagination{ bottom:10px;}
#centertck76{border-radius:8px; overflow: hidden;}

.footerpci{ width: 100%; float: left;}
.footerpci img{ width: 100%; float: left;}

/*底部隐藏20181115*/
.address,.twobtns{ display:none; }
.foot2017{ background:none; padding-bottom: 30px;}

#topKV img{ width: 100%}