@charset "utf-8";
*{ margin:0; padding:0 ;}
*,::before,:after {box-sizing: border-box;}
html{ -webkit-text-size-adjust:none;}
body{color:#393939; overflow-x:hidden;  background:#fff; width: 100%;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video{ font-family: "Microsoft YaHei",Tahoma, Helvetica, Arial, sans-serif; font-size:14px; font-weight:normal; font-style:normal;}
li{ list-style-type:none;}
img{ border:none; vertical-align:middle;}
/*-------this-a-list---------*/
a, time{ outline:none; cursor:pointer; text-decoration:none; color:#393939; 
   transition:all .4s ease 0s;
   -webkit-transition:all .4s ease 0s;
   -moz-transition:all .4s ease 0s; 
   -ms-transition:all .4s ease 0s; 
   -o-transition:all .4s ease 0s; 
}
a:active, a:hover { text-decoration:none}
a, area, a:active{ blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;} 
/*------- the html5 display-role reset for older browsers---------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
/*------- input--outline--middle---------*/
/*input, button, select, textarea{ outline:none}*/
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}

.clearfix:before,
.clearfix:after{ display:table; content:''; line-height:0;}
.clearfix:after{ clear:both;}

header{position: absolute;top: 0;width: 100%;z-index: 10000;background: rgba(0,0,0,.4);box-sizing: border-box;padding: 15px 50px;line-height: 70px;transition: 0.3s ease-out;}
header.active3{background: rgba(0,0,0,.65);position: fixed;padding: 5px 50px;}
header.sb .nav>ul>li>a,header .sb .sousuo,header.sb .lisnj{transform: translateY(0);opacity: 1;}
.logo{transform: translateX(0px);opacity:1;transition: 0.8s ease-out .3s;display: inline-block;}
.logo img{width: 280px;}
.mobile{display:none;float: right;margin-top: 20px;border-radius: 2px;cursor: pointer;text-align: center;line-height:3px;box-sizing: border-box;
padding-top: 2px;transition: 0.4s ease-in-out;}
.mobile i{display:block;margin:0 auto;width: 28px;height: 3px;background: #fff;margin-top: 5px;border-radius: 5px;}
.mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;margin-top:11px}
.mobile i:nth-child(2){transition: 0.4s ease-in-out;}
.mobile i:nth-child(3){transition: 0.4s ease-in-out 0.3s;}
.mobile.active i:nth-child(1){transform: rotate(45deg) translateY(6px) translateX(5px);}
.mobile.active i:nth-child(2){transform: translateX(40px);opacity: 0;}
.mobile.active i:nth-child(3){transform: rotate(-45deg) translateY(-6px) translateX(5px);}
.nav{display: inline-block;float: right;}
.nav{
	transition: all .5s cubic-bezier(.35,.75,.55,1);
	-webkit-transition: all .5s cubic-bezier(.35,.75,.55,1);
	-moz-transition: all .5s cubic-bezier(.35,.75,.55,1);
}
.nav ul{font-size: 0;display: inline-block;vertical-align: top;position: relative;margin-right: 1vw;}
.nav ul li a:hover{color: #fff;}
.nav ul>li{display: inline-block;vertical-align: top;text-align: center;width: auto;padding: 0;margin-right: 35px;}
.nav ul>li>a{display: inline-block;;line-height:1;width: auto;padding-bottom: 12px;position: relative;border-bottom:1px solid transparent;font-size: 16px;
color: white;}
.nav ul>li:last-child a{border: none;}
.nav ul>li>a:after{content: '';display: block;position: absolute;opacity:0;width: 100%;height: 2px;background: white;bottom: -6px;transform: scaleX(0);transition: 0.5s ease-in-out;}
.nav ul>li:hover>a:after,.nav ul>li.active>a:after{opacity: 1;transform: scaleX(1);}
.nav ul>li:last-child:before{display: none}
.ejnav{display:none;}

.sousuo input::-webkit-input-placeholder {color: #fff !important; }
.sousuo input::-moz-placeholder {color: #fff !important; }
.sousuo input::-moz-placeholder {color: #fff !important;}
.sousuo input::-ms-input-placeholder {color: #fff !important;}
.sousuo input[type=text]{
	transition: all .5s cubic-bezier(.35,.75,.55,1);
	-webkit-transition: all .5s cubic-bezier(.35,.75,.55,1);
	-moz-transition: all .5s cubic-bezier(.35,.75,.55,1);
}
.sousuo input[type=text]{width:9vw;height: 2.1vw;border: 1px solid rgba(250,250,250,.8);background: transparent;box-sizing: border-box;padding: 0 15px;
color: white;font-size: 15px;outline: none;}
.sousuo input[type=text]:focus{border-color: #b3916c;}
.sousuo{display: inline-block;vertical-align: top;position: relative;transition: 0.8s ease-out 1.1s;}
.sousuo button{display: block;position: absolute;right: 10px;font-size: 25px;color: white;top: 23px;cursor: pointer;}
.sousuo a {font-size: 24px;color: #fff;}

.lisnj{display: inline-block;vertical-align: top;margin-right: 1vw;}
.lisnj a{display: inline-block;width: 30px;height: 30px;vertical-align: middle;border-radius: 50%;}
.lisnj a:nth-child(1){background: url(../images/shangcheng1.png) no-repeat center center #fff;background-size: 20px;}
.lisnj a:nth-child(2){background: url(../images/h3.png) no-repeat center center #fff;}
.lisnj a  span{display: none;line-height: 30px;position: absolute;top: 30px;color: #fff;}
.lisnj a:hover span{display: block;}
.lisnj a:nth-child(1) span{line-height: 1;top: 60px;}
.lisnj a:nth-child(1):hover{background: url(../images/shagncheng.png) no-repeat center center #fff;background-size: 20px;}
.lisnj a:nth-child(2):hover{background: url(../images/ff2.png) no-repeat center center #fff;}

.lisnj a:nth-child(2){position: relative;}
.lisnj a:nth-child(2) img{position: absolute;top:36px;width: 80px;left: -50px;display: none;}
.lisnj a:nth-child(2):hover img{display: block;}

.bav_list{font-size: 0;background: white;position: absolute;top: 60px;left: 0;width: 100%;line-height: 35px;transform:translateY(50px);opacity: 0;z-index: -1;height: 0 ;overflow: hidden;transition: 0.4s ease-in;}
.nav ul>li:hover .bav_list{transform: translateY(0);opacity: 1;z-index: 1;height: 245px;}
.nav>ul>li:nth-child(1)>a{transition: 0.8s ease-out .3s;}
.nav>ul>li:nth-child(2)>a{transition: 0.8s ease-out .4s;}
.nav>ul>li:nth-child(3)>a{transition: 0.8s ease-out .5s;}
.nav>ul>li:nth-child(4)>a{transition: 0.8s ease-out .6s;}
.nav>ul>li:nth-child(5)>a{transition: 0.8s ease-out .7s;}
.nav>ul>li:nth-child(6)>a{transition: 0.8s ease-out .8s;}
.nav>ul>li:nth-child(7)>a{transition: 0.8s ease-out .9s;}
.nav>ul>li:nth-child(8)>a{transition: 0.8s ease-out 1s;}
.bav_list ol{display: inline-block;vertical-align: middle;width: 30%;padding: 30px;box-sizing: border-box;background: #f8f8f8;height: auto;position: relative;z-index: 2;}
.bav_list ol li{border-bottom: 1px solid #f1f1f1;position: relative;}
.bav_list ol li:last-child{border: none;}
.bav_list ol li a{color: gray;}
.bav_list ol li:hover a{color: #000;}
.bav_list ol li i{display: inline-block;position: absolute;font-size: 13px;left: 9px;color: transparent;transition: 0.3s ease-in-out;}
.bav_list ol li:hover i{color: gray;}
.bav_list:after{content: '';display: block;width: 30%;height: 100%;position: absolute;top: 0;left: 0;background: #f8f8f8;}
.bav_list dl{display: inline-block;vertical-align: middle;padding: 20px 0;text-align: center;width: 70%;}
.bav_list dl span{display: block;}
.bav_list dl span img{max-width: 55%;}
.bav_list dl dd{display: none;}
.bav_list dl dd p{font-size: 14px;color: #666666;}
.bav_list dl dd p font{font-size: 12px;color: gray;}
/*--pc header end--*/

/*--pc footer--*/
footer{background: #292929;padding-top: 55px;position: relative;z-index: 9;}
.divBox{width: 75%;margin: 0 auto;}
.foot{display: flex;align-items: center;justify-content: space-between;}
.footer{width: 65%;display: flex;vertical-align: top;justify-content: space-between;flex-wrap:wrap;margin-bottom: 10px;}
.footer dl dt a{padding: 15px 0;display: inline-block;font-size: 16px;color: #fff;position: relative;}
.footer dl dt{border-bottom: 1px solid #cdcdcd;padding-bottom: 10px;margin-bottom: 10px;}
.footer dl dt a:after{content: '';display: block;width: 100%;height: 2px;background: #aeaeae;position: absolute;bottom: 0;left: 0;opacity: 0;transition: 0.3s ease-in-out;}
.footer dl dt:hover a:after{opacity: 1;}
.footer dl dd a{color: #cacaca;padding: 3px 0;display: inline-block;}
.footer dl dd a:hover{color: #FFFFFF;}
.footer1{width: 320px;margin-left: 5%;}
.footer1_div1{border: 1px solid #b6b6b6;padding: 10px 15px 10px 20px;display: flex;align-items: center;justify-content: space-between;}
.footer1_div1 span{font-size: 14px;color: #FFFFFF;vertical-align: middle;background: url(/template/pc/cn2016/picture/sdf.png) no-repeat left/24px;padding-left:30px}
.footer1_div1 font{float: right;color: #FFFFFF;text-transform: uppercase;margin-top: 3px;}
.footer1_div1 .foot_fw { background: #f3f3f3;padding: 3px;color: #292929;margin-top: -1px;}
.foot_fw img{height: 18px;margin-left: 5px;position: relative;top: -1px;}
.footer_swiper{background: url(/template/pc/cn2016/images/logo1.png) no-repeat;height: 80px;background-size: 100%;width: 200px;margin: 25px auto 0;}
.foot_sec{padding: 25px 0;border-top: 1px solid #cccccc;text-align:center;}
.foot_sec span{font-size: 12px;color: #cacaca;}
.foot_sec a{font-size: 12px;color: #cacaca;margin-left:10px;}
.foot_sec .bdsharebuttonbox{display: inline-block;float: right;}
.foot_sec .bdshare-button-style0-16 a,.foot_sec  .bdshare-button-style0-16 .bds_more{width: 20px;height: 20px;padding: 0;opacity: 0.5;}
.foot_sec .bdshare-button-style0-16 a:nth-child(1){background: url(../images/weixin.png) no-repeat center center;background-size: 100% 100%;}
.foot_sec .bdshare-button-style0-16 a:nth-child(2){background: url(../images/weibo.png) no-repeat center center;background-size: 100% 100%;}
.foot_sec .bdshare-button-style0-16 a:nth-child(3){background: url(../images/qq.png) no-repeat center center;background-size: 100% 100%;}
.foot_sec .bdshare-button-style0-16 a{margin:0;margin-right: 15px}
.foot_sec .bdshare-button-style0-16 a:last-child{margin-right: 0;}
.foot_sec font{display: inline-block;float: right;font-size: 14px;color: #bc1717;margin-right: 30px;}
.youqinglianjie{margin: 15px 0 10px;text-align: left;}
.youqinglianjie li{display: inline-block;vertical-align: top;color: #cacaca;margin-right: 15px;}
.youqinglianjie li a{color: #666;}
.youqinglianjie li:hover a{color: #fff;}
/*--pc footer end--*/

/*-----kefu-------*/
.cbl{width: 72px;position: fixed;right:4px;bottom:14%;z-index: 3333;}
.cbl li{margin-top: 0;transition: 0.4s ease-in-out;height: 73px;margin-bottom: 4px;background:#fff;}
.cbl span{transition: 0.4s ease-in-out;display: inline-block;width: 72px;height:73px;text-align: center;box-sizing: border-box;font-size: 12px;color: #666;line-height: 72px;border: 1px solid #bc1717;padding-top: 20px;}
.cbl li:nth-child(1) span{background: url(../images/xf-h1.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(2) span{background: url(../images/xf-h2.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(3) span{background: url(../images/xf-h3.png) no-repeat  center 10px;background-size: 34px auto;}
.cbl li:nth-child(4) span{background: url(../images/xf-h4.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(5) span{background: url(../images/xf-h5.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:hover {background:#bc1717;}
.cbl span:hover{color: #fff;}
.cbl li:nth-child(1):hover span{background: url(../images/xf-b1.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(2):hover span{background: url(../images/xf-b2.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(3):hover span{background: url(../images/xf-b3.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(4):hover span{background: url(../images/xf-b4.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(5):hover span{background: url(../images/xf-b5.png) no-repeat center 10px;background-size: 34px auto;}
  /*-- pc kefu end --*/
  /*-- mobile kefu --*/
.sj-kefu-xuanfukuang{display: none;}
@media (max-width: 1200px) {
    .cbl{display: none;}
	.sj-kefu-xuanfukuang{display: block;width: 60px;position: fixed;right:0;bottom:18%;z-index: 3333;}
	.sj-kefu-xuanfukuang li{margin-top: 0;transition: 0.4s ease-in-out;height: 60px;}
	.sj-kefu-xuanfukuang span{transition: 0.4s ease-in-out;display: inline-block;width: 60px;height: 60px;padding-top: 45px;text-align: center;background: #fff;box-sizing: border-box;font-size: 12px;color: white;border-radius: 30px;border: 1px solid rgba(188, 23, 23, 0.5);}
	.sj-kefu-xuanfukuang li:nth-child(1) span{background: url(../images/xf-b1.png) no-repeat center 13px #bc1717;background-size: 35px auto;color: #fff;font-size: 12px}
}
/* kefu end */

@media (min-width: 1400px) and (max-width: 1550px) {
    .nav ul li {margin-right: 20px;}
}
@media (min-width: 1280px) and (max-width: 1399px) {
    .nav ul li {margin-right: 10px;}
}

@media only screen and (max-width:1279px ) {
	/*--mobile header--*/
	header{line-height:58px;height: 60px;background:rgba(0,0,0,.75);position: fixed;padding: 0 10px;}
	header.active .nav{transform: translateX(0);opacity: 1;left:0}
	header.active1 .mobile,header.active1 .logo{transform: translateX(0);opacity: 1;}
	header.active3{padding:0px 20px;}
	.logo{margin-top: -4px;vertical-align: middle;}
	.logo img {width:200px;}
	.mobile{display: block;width: 49px;height: 45px;margin-top: 8px;}
	.nav{position: fixed;top:60px;left:0%;margin:0;z-index: 3333;height: auto;background: rgba(0,0,0,.75);width: 100%;box-sizing: border-box;padding: 0 10px;line-height: 35px;text-align: center;transform: translateX(-100%);transition: 0.5s ease-in-out;}	
	.nav ul{width: 100%;}
	.nav ul>li{width: 100%;border-bottom: 1px solid rgba(250,250,250,.5);box-sizing: border-box;margin-right: 0;transform: translateX(-200px);opacity: 0;}
	.nav ul>li>a{width: 100%;border: none;height: 100%;line-height: 35px;vertical-align: top;font-size: 14px;padding: 0;display: inline;}
	.nav ul>li.active>a, .nav ul>li:hover>a{border: none;}
	.nav ul>li:nth-child(1){transition: 0.4s ease-in-out 0.4s;}
	.nav ul>li:nth-child(2){transition: 0.4s ease-in-out 0.5s;}
	.nav ul>li:nth-child(3){transition: 0.4s ease-in-out 0.6s;}
	.nav ul>li:nth-child(4){transition: 0.4s ease-in-out 0.7s;}
	.nav ul>li:nth-child(5){transition: 0.4s ease-in-out 0.8s;}
	.nav ul>li:nth-child(6){transition: 0.4s ease-in-out 0.9s;}
	.nav ul>li:nth-child(7){transition: 0.4s ease-in-out 1s;}
	.nav ul>li:nth-child(8){transition: 0.4s ease-in-out 1.1s;}
	.nav.active ul>li{transform: translateX(0);opacity: 1;}
	.nav ul>li>a:after{display: none;}
	.lisnj{display: block;margin-left: 0;padding: 10px 0;}
	
	.ejnav{display: inline;color: white;position: absolute;margin-left: 20%;}
	.bav_list{position:static;}
	.bav_list,.bav_list ol{background:0;}
	.bav_list ol{padding:0;}
	.bav_list ol li{border:0;}
	.bav_list ol li a{color:#999;}
	.bav_list dl,.bav_list:after{display:none;}
	.nav ul>li:hover .bav_list{height: auto;}
	/*-- end mobile header--*/
	/*--mobile footer--*/	
	footer{padding-top: 25px;}
	.foot{flex-direction: column;}
	.footer{width: 100%;}
	.footer dl{width: 33%;text-align: center; }
	.footer dl dt a{font-size: 14px;padding: 10px 0;}
	.footer dl dd a{padding: 0;font-size: 12px;}
	.footer1{margin: 30px 0 5px;}
	.foot_sec{ padding: 10px 0;}
	.foot_sec span{display: block;}
	.youqinglianjie li {margin-right: 7px;}
	.youqinglianjie li,.youqinglianjie li a{font-size:12px;}
	/*-- end mobile footer--*/
}

@media only screen and (max-width:800px ) {
	.divBox{width:95%;}
}

@media (max-width: 1280px) and (min-width: 801px){
	.divBox{width:85%;}
}