@charset "utf-8";
/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0;
padding:0;
font-size:14px;
font-family:"PingFang SC","HanHei SC","Helvetica Neue",Microsoft Yahei,"Helvetica","STHeitiSC-Light","Arial",sans-serif;
line-height:1.8em;
font-weight: 200;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
html,body{color:#cccccc}
body{background:#323237;min-width: 1280px;margin: 0 auto}
ul,ol,li{list-style:none}
a{color:#ccc;text-decoration:none;}
a:hover{text-decoration:none;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease; }
img{border:0}
em{font-style:normal}
h1,h2,h3,h4,h5{font-weight:normal}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear { zoom:1; }
.left { float:left; }
.right { float:right; }
.hide{ display:none;}
/* 输入框样式清除 */
input{box-shadow:none;outline: none;resize: none;border: none;-webkit-appearance: none;-webkit-tap-highlight-color:rgba(0,0,0,0);background: transparent;}
/* select{border: none;appearance:none;-moz-appearance:none;-webkit-appearance: none;outline: none;} */
textarea{border: none;appearance:none;-moz-appearance:none;-webkit-appearance: none;outline: none;background: transparent;}
/*延迟加载*/
.lazy {background: url("loading.gif") 50% 50% no-repeat;}
/* @font-face {
 font-family: 'pingfang';
 src:url(pingfangsc.ttf);
} */
@font-face {
 font-family: 'din';
 /* src:url(din.otf); */
 src: url('din.eot');
 src: local('☺'), url('din.woff') format('woff'), url('din.ttf') format('truetype'), url('din.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}


/* .pingfang{font-family: 'pingfang'!important;} */
.pingfang{font-family:"PingFang SC",Microsoft Yahei;}
.din{font-family: 'din'!important;}
.gray{ 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition:all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;    
}
.gray:hover{filter: none;   
	 -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
transform-origin: center center 0px;
transform: scale(1.1, 1.1);
}
.img-big{overflow: hidden;display: block;}
/*分页框架*/
/* .pager {width:100%; color:#333; line-height:30px; padding:0; font-size:12px; text-align:center;}
.pager a,.pager span { border: #cccccc 1px solid; padding:0px 8px; color: #666; text-decoration: none;  font-size:12px; height:26px;line-height:26px;display:inline-block;margin:0 3px}
.pager a:hover { border: #927c52 1px solid; color: #fff; background-color: #927c52; }
.pager a:active { color: #fff; border: #927c52 1px solid; background-color: #927c52; }
.pager span.now  { color: #fff; border: #927c52 1px solid; background-color: #927c52; }
.pager span.disabled { color: #ccc;  border: #ccc 1px solid }  */

.w100{width: 100%}
.w1200{width: 1200px!important;margin: 0 auto;}
.fixed{position: fixed;z-index: 999}
/*分页框架*/
.header{width: 96%;top:50px;left:50%;margin-left:-48%;height: 57px;position: fixed;z-index: 9999;}
.header-inner{z-index: 999;width: 90%;height: 57px;position: fixed}
.logo{/* position: fixed;left: 50px;top: 50px; */height: 57px;float: left}
.header .nav-btn {/* position: fixed;right: 50px;top: 50px; */width: 40px;height: 57px;cursor: pointer;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;z-index: 10;float: right}
.header .nav-btn .box {width: 40px;margin: 12px auto 0;height: 40px;display: block;position: relative;background: url(menu.png) no-repeat center center;}
/* .header .nav-btn .line {display: block;width: 40px;height: 4px;background-color: #fff;position: absolute;left: 0;top:15px;}
.header .nav-btn .line-top {top: 0;-webkit-transform-origin: left top 0;-ms-transform-origin: left top 0;transform-origin: left top 0;}
.header .nav-btn .line-bot {top: auto;bottom: 0;-webkit-transform-origin: left bottom 0;-ms-transform-origin: left bottom 0;transform-origin: left bottom 0;} */
.header .nav-btn:hover {opacity: 0.8;}
.header .nav-btn.hover {background: none;}
.header .nav-btn.no {background: none;}
.nav-wrap {position: fixed;width: 100%;height: 100%;right: 0;top: 0;z-index: 5;overflow: hidden; display: none; }
.nav-wrap .bg {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #323237;}
.nav-wrap .logo-sec {display: block;width: 78px;height: 85px;position: absolute;top: 36px;left: 42px;z-index: 2;}
.list {width: 78%;position: absolute;height: 386px;top: 50%;margin-top: -193px;left: 10%;}
.nav-wrap .list ul {height: 100%;position: absolute;left: 0;top: 0;}
.nav-wrap .list li {width: 340px;margin-right: 50px;float: left}
.nav-wrap .list a {display: block;width: 260px;padding: 70px 35px 0;height: 306px;border: 5px solid #fff;color: #fff;-webkit-transform: translateZ(0px);transform: translateZ(0px);-webkit-transition: -webkit-transform 0.3s ease 0s;transition: transform 0.3s ease 0s;}
.nav-wrap .list a:hover {border: 10px solid #00ffff;-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);-webkit-transition: -webkit-transform 0.6s ease 0s;transition: transform 0.6s ease 0s;margin: -5px;}
.nav-wrap .list a:hover .en-name {color: #00ffff;}
.nav-wrap .list .box {display: block;}
.nav-wrap .list .en-name {display: block;line-height: 45px;font-size: 40px;text-transform: uppercase;font-family: "din";}
.nav-wrap .list .cn-name {display: block;line-height: 26px;font-size: 18px;}
.nav-wrap .list .line {display: block;height: 1px;background-color: #fff;margin-top: 16px;opacity: 0;filter: Alpha(opacity=0);}
.nav-wrap .list .intr {display: block;line-height: 26px;color: #c6c6c8;margin-top: 9px;opacity: 0;filter: Alpha(opacity=0);font-family: "Roshan";height: 52px;overflow: hidden}
.nav-wrap .list .more {display: block;width: 30px;height: 30px;background: url(ico_04.png) no-repeat center;margin-top: 39px;opacity: 0;filter: Alpha(opacity=0);}

/* .banner{background: url(banner-bg.jpg) repeat fixed;position: relative;z-index: 99999}
.banner img{position: absolute;left: 50%;top: 50%;margin-left: -72px;margin-top: -29px;display: none }
.banner  .arrow {position: absolute; overflow: hidden; width: 24px; height: 24px;cursor:pointer;bottom: 150px;left: 50%;margin-left: -12px}
.banner .arrow .in { position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: url("top-arrow.png") no-repeat; }  */

.index-beijing{background: url(01.jpg) repeat fixed;background-attachment:fixed;padding:100px 0;}
/* index-warp1 */
.index-warp1{/* display: table;table-layout: fixed; */height: 900px}
.display-table{/* display: table-cell;vertical-align: middle; */width: 740px;margin: 0 auto}
#index-warp1-div{position: relative;margin: 0 auto;width: 740px;height: 658px;margin: 0 auto}
#index-warp1-1{position: absolute;top: 0px;right: 500px; }
#index-warp1-2{position: absolute;top:0;left: 500px;}
.index-warp1-text{width: 740px;margin: 25px auto 0;height: 126px}
/* .index-warp1-text{display: none} */
.index-warp1 .din{font-size: 42px;color: #fff;line-height: 1em;text-align: center;text-transform: Uppercase;display: none}
.index-warp1 .pingfang{font-size: 30px;color: #00ffff;text-align: center;display: none}

/* index-warp2 */
.index-warp2{padding-bottom: 150px;}
.index-warp2 .left,.index-warp2 .right{/* display: none */}
.index-common-en{font-size: 42px;line-height: 1em}
.index-common-cn{font-size: 36px;color: #00ffff}
.index-cpmmon-jia{font-size: 42px;font-family: 'sunmin';line-height: 60px;margin-bottom: 20px}
.index-common-line{width: 365px;height: 1px;background-color: #00ffff;margin-top: 80px}
/* index-warp3 */

.index-warp3{margin-bottom: 50px}
.index-warp3 .left{/* display: none; */}
.index-warp3 .right{width: 508px;/* display: none */}
/* index-warp4 */

.index-warp4{/* margin-bottom: 50px; */width: 1200px!important;margin: 0 auto;/* padding: 100px 0 */}
.index-warp4 .left,.index-warp4 .right{/* display: none */}
 .index-warp4 img{height: auto;width: 650px;} 
.index-warp4 .right div p{margin-bottom: 14px}
.index-warp4 .right{width: 500px;margin-top: 30px}

/* indexwarp5 */

.index-warp5{margin-bottom: 150px}
.index-warp5 .left{ display: none }
.index-warp5 .right{width:445px ; display: none }
.index-warp5-right{margin-left:390px; transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */margin-bottom: 42px}


/* #a1,#ckplayer_a1{background-color: #323237!important} */

.footer.off{display: none;}
.footer{display: block;;position: fixed;width: 96%;height: 90px;bottom: 20px;left: 50%;margin-left:-48%;z-index: 9999}
.footer .left ul{height: 28px;margin-top: 40px}
.footer .left ul li{float: left;width: 30px;}
.footer .left ul li a{display: block;width: 30px;height: 24px;background: url(foot-shejiao.png) no-repeat;}
.footer .left ul #foot1 a{background-position: 0 0}
.footer .left ul #foot2 a{background-position: -30px 0}
.footer .left ul #foot3 a{background-position: -60px 0}
#foot3{position: relative;}
#foot3  p{position: absolute; z-index: 100; width: 150px; height: 150px; border: 1px solid #E5E5E5; background: #FFF none repeat scroll 0% 0%; bottom: 48px; left: -70px; display: none; }
 #foot3 p em{width: 0px; height: 0px; border-width: 12px; border-style: solid; border-color: #FFF transparent transparent; position: relative; left: 50%; margin-left: -10px; bottom: -4px; }
#foot4{width: 200px}
#foot4 div{font-size: 16px;line-height: 24px;margin-top: -4px}
 #foot4 div span{color: #00ffff;font-style: italic;}
/* 大赛 */
.common-title{margin-bottom: 50px}
.common-title h1{font-size: 64px;line-height: 45px;text-transform: uppercase;}
.common-title h2{font-size: 30px;color: #00ffff}
.article-common{margin-top: 140px;margin-bottom:100px;}
.article-common .left{width: 600px;height: 700px}
.article-common .right{width: 540px;height: 700px}
.article-common .common-title{height: 350px;background: url(common-top.png) no-repeat center center;}
.article-common .left h1{font-size: 64px;line-height: 45px;text-transform: uppercase;}
.article-common .left h2{font-size: 30px;color: #00ffff}
.article-common .common-bottom{background: url(common-bottom.png) no-repeat center center;height: 350px;margin-top:-1px }
.hui-arrow{background: url(hui-arrow.png) no-repeat 470px center;height: 180px}
.article-common .right .pingfang{color: #00ffff;font-size: 24px;margin-bottom: 24px;line-height: 1.5em}

.slideTxtBox{ width:1200px;}
.slideTxtBox .hd{ height:30px; line-height:30px; padding:0 10px 0 20px;  position:relative;margin-bottom: 35px }
.slideTxtBox .hd ul{ position:absolute; right:0px;height:30px;}
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideTxtBox .hd ul li a{font-size: 18px}
.slideTxtBox .hd ul li .hover{ color: #00ffff}
.slideTxtBox .hd ul li.on a{ color: #00ffff}
.slideTxtBox .bd div{width: 1200px;}
/* .slideTxtBox .bd #bd1,.slideTxtBox .bd #bd2,.slideTxtBox .bd #bd3{margin-bottom: 20px}
 */.slideTxtBox .bd p{width: 65%;margin-top: 20px}
.slideTxtBox .bd a{color: #cccccc;font-size: 24px;}

.dasai-case{overflow: hidden;padding-top: 50px}
.dasai-case ul{width: 110%}
.dasai-case ul li{float: left;width: 588px;margin-right: 24px;margin-bottom: 45px;overflow: hidden}
.dasai-case ul li div{height: 100px;position: relative;}
.dasai-case ul li .img-big{margin-bottom: 35px;height: 394px;width: 588px}
.dasai-case ul li img{width: 588px;height: 394px;}
.dasai-case ul li div p a{color: #cccccc;font-size: 18px;}
.dasai-case ul li div p a:hover{color: #00ffff}
.dasai-case ul li div p {font-size: 12px;}
.dasai-case ul li div span{display: block;width: 150px;height: 1px;background-color: #00ffff;margin-top: 50px;position: absolute;bottom: 0px;left: 0px}

/* dasai-news */
.dongtai-news ul li{height: 281px;margin-bottom: 65px}
.dongtai-news ul li img{height: 281px;width: 407px;}
.dongtai-news ul li .img-big{width: 407px;height: 281px;float: left;}
.dongtai-news ul li div{width: 760px;float: right;position: relative;height: 281px}
.dongtai-news ul li div p{margin-bottom:50px;}
.dongtai-news ul li div p a{font-size: 24px;color: #cccccc;margin-bottom: 30px}
.dongtai-news ul li div .jia{display: block;width: 30px;height: 30px;position: absolute;left: 0;bottom: 0px;background: url(ico_04.png) no-repeat center center;}

/* fabu-case */
.fabu-case .slide-case{ width:1200px;}
.fabu-case .slide-case .hd{ height:30px; line-height:30px; padding:0 10px 0 20px;  position:relative;margin-bottom: 25px;margin-top: -35px }
.fabu-case .slide-case .hd ul{ position:absolute; right:0px;height:30px;}
.fabu-case .slide-case .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.fabu-case .slide-case .hd ul li a{font-size: 18px}
.fabu-case .slide-case .hd ul li.on a{ color: #00ffff}
.fabu-case .slide-case .bd{width: 1200px;overflow: hidden}
.fabu-case .slide-case .bd ul{width: 110%}
.fabu-case .slide-case .bd ul li{float: left;width: 390px;height: 245px;overflow: hidden;margin-right: 15px;margin-bottom: 15px;position: relative;}
.fabu-case .slide-case .bd ul li img{display: block;width: 390px;height: 245px}
.fabu-case .slide-case .bd ul li p{position:absolute;background-color: #000;height: 50px;line-height: 50px;color: #00ffff;bottom: -50px;width: 100%;text-align: center;font-size: 16px;}

/* fengshang */
.fengshang-case{overflow:hidden;}
.fengshang-case ul{width: 110%}
.fengshang-case ul li{width:282px;height: 383px;margin-right: 24px;float: left;overflow: hidden }
.fengshang-case .ul-list{margin-bottom: 50px}
.fengshang-case .ul-list p{font-size: 28px;margin-bottom: 14px}

.nav_left{width:110px;position: absolute;left: 50%;margin-left: 612px;top:160px;text-align: center}
.nav_left a:focus{outline:none;}
.first-selecd{margin-bottom: 10px}
.nav_left li a{font-size: 24px}
.nav_left li a:link,.nav_left li a:visited{display:block;width:100%;color:#ccc;}
/* .nav_left li.selected a,.nav_left li a:hover{color:#00ffff!important;}
.nav_left li.selected ul li ul a{color: #ccc!important} */
.nav_left ul li ul .select a{color: #00ffff}
.nav_left ul{display:none;}
.nav_left ul li a{font-size: 14px}
.nav_left ul li a:link,.nav_left ul li a:visited{color:#ccc;}
.nav_left ul li a:hover{color: #00ffff}
.nav_left .th-selecd{padding-top: 15px;background: url(lan-arrow.png) no-repeat center 0px;margin-top: 5px}
.nav_left .th-selecd li a{color: #00ffff!important}

/* chaojiaoyu */
.jiaoyu-kecheng{margin-bottom: 100px}
.jiaoyu-kecheng ul {margin-top: 150px}
.jiaoyu-kecheng ul li{float: left;width:120px;height: 90px;border:1px solid #fff;margin-right: 15px;text-align: center}
.jiaoyu-kecheng ul li a{color: #ccc;line-height: 90px;display: block;width: 100%;height: 100%}
.jiaoyu-kecheng ul li:hover{border-color: #00ffff}
.jiaoyu-kecheng ul li:hover a{color: #00ffff}
.jiaoyu-kecheng .right img{width: 600px;height: 304px}


.jiaoyu-shizi{overflow: hidden;}
.jiaoyu-shizi ul{width: 110%;}
.jiaoyu-shizi ul li{width: 290px;float: left;margin-right:13px;margin-bottom: 35px }
.jiaoyu-shizi ul li .img-big{width: 290px;height: 300px}
.jiaoyu-shizi ul li:hover div a{color: #00ffff}
.jiaoyu-shizi ul li div p a{color: #ccc;font-size: 16px;font-weight: bold;display: block;width: 100%;line-height: 40px}
.jiaoyu-shizi ul li div p{width: 80%}

/* .jiaoyu-ditu .clear .left{height: 500px;overflow-y:scroll;width: 400px;padding-right: 15px;margin-top: 45px; }
.jiaoyu-ditu .clear .left::-webkit-scrollbar{width:10px;}
.jiaoyu-ditu .clear .left::-webkit-scrollbar-track{background-color:#323237;border-radius:4px}
.jiaoyu-ditu .clear .left::-webkit-scrollbar-thumb{background-color:#eee;border-radius:4px}
.jiaoyu-ditu .clear .left::-webkit-scrollbar-thumb:hover {background-color:#00ffff}
.jiaoyu-ditu .clear .left::-webkit-scrollbar-thumb:active {background-color:#00ffff}
 */


.jingji-case .slide-case{ width:1200px;}
.jingji-case .slide-case .hd{ height:30px; line-height:30px; padding:0 10px 0 20px;  position:relative;margin-top: -30px;margin-bottom: 25px }
.jingji-case .slide-case .hd ul{ position:absolute; right:0px;height:30px;}
.jingji-case .slide-case .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.jingji-case .slide-case .hd ul li a{font-size: 18px}
.jingji-case .slide-case .hd ul li.on{ color: #00ffff}
.jingji-case .slide-case .bd{width: 1200px;overflow: hidden}
.jingji-case .slide-case .bd ul{width: 110%}
.jingji-case .slide-case .bd ul li{float: left;width: 382px;height: 573px;overflow: hidden;margin-right: 24px;margin-bottom: 15px;position: relative;}
.jingji-case .slide-case .bd ul li img{display: block;width: 382px;height: 573px;}
.jingji-case .slide-case .bd ul li:hover img{transform-origin: center center 0px;transform: scale(1.1, 1.1);}
.jingji-case .slide-case .bd ul li div{position:absolute;background: url(black.png);height: 255px;bottom: -255px;width: 100%;text-align: center;font-size: 16px;}

#showiframe{position:relative;height: 100%}
#showiframe .close{position:absolute;top:12px;right:14px;display:block;width:23px;height:23px;}

#ifocus{width: 433px}
#ifocus_pic{width: 433px;position: relative;margin: 0 auto}
#ifocus_piclist ul li{width: 433px;height: 650px;}
#ifocus_pic .hd{position: absolute;right: 15px;bottom: 15px;z-index: 99}
#ifocus_pic .hd ul {width: 23px;margin: 20px 0}
#ifocus_pic .hd ul li{width: 8px;height: 8px;border-radius: 50%;background-color: #578282;margin: 15px auto;text-indent: 9999px;overflow: hidden;}
#ifocus_pic .hd ul li.on{background-color: #00ffff}
#ifocus_pic .hd .btn{width: 23px;height: 12px;background: url(btn.png) no-repeat;display: block}
#ifocus_pic .hd .prev{background-position: 0 0px;}
#ifocus_pic .hd .next{background-position: 0 -12px;}

/* lianmeng */
.lianmeng-case{overflow: hidden}
.lianmeng-case ul{width: 110%;margin: 30px auto}
.lianmeng-case ul li{float: left;margin-right: 10px}
.lianmeng-case ul li img{width: 192px;height:154px;}
#last-li img{width: 195px;height: 79px}
/* foot */
.foot-top{padding-bottom: 25px;border-bottom:1px solid #7d7d7d;padding-top: 80px}
.foot-top .left ul{height: 28px;margin-top: 40px}
.foot-top .left ul li{float: left;width: 20px;margin-right: 10px;}
.foot-top .left ul li a{display: block;width: 20px;height: 24px;background: url(foot-shejiao.png) no-repeat;}
#foot1 a{background-position: 0 0}
#foot2 a{background-position: -30px 0}
#foot3 a{background-position: -60px 0}
#foot5 a{background: none;width: 15px;padding-top: 2px;box-sizing: border-box;}
#foot5 a img{display: block;width: 100%;}
.foot-top .right dl{float: left;margin-right: 60px}
.foot-top .right dl dt{font-size: 18px;padding-bottom: 20px;}
.dd-line{width: 50px;height: 1px;background-color: #7d7d7d;margin-bottom: 25px}
.foot-top .right dl dd a:hover{color: #00ffff}
.foot-bottom{padding: 45px 0;}

.article-cotent{padding: 150px 60px 50px;background: url(article-content.png) no-repeat 30px 30px #eeeeee;min-height: 700px;content: #666666;width: 1080px;margin: 60px auto 50px}
 .article-cotent p{color: #666;margin-bottom: 14px}
 .article-cotent img{max-width: 1080px;height: auto}

.case_more{display: block;margin: 0px auto;width: 200px;text-align: center;font-size: 20px;padding-bottom: 50px;padding-top: 25px;}
.case_more:hover{color: #fff}
.back2top{background: url(back2top.png) no-repeat;display: block;width: 67px;height: 67px;transition: all .2s ease;-moz-transition: all .2s ease;}
.back2top:hover{background-image: url(back2top-af.png);}

.fenbu-list{width: 100%;padding-top:15px;margin-bottom:20px;overflow: hidden;height:28px;position: relative;overflow: hidden }
.city-name{width:40%;height: 28px;border-top: 1px solid #e9e9e9;}
.city{width: 58%;border-top: 1px solid #e9e9e9;}
.city p{line-height: 28px;}
.fenbu-list span{display: block;width: 10px;height: 6px;display: inline-block;position: absolute;top: 0px;cursor: pointer;right: 0px;}

.info {border-top: 1px solid #CCCCCC; width: 1200px; margin: auto; position: relative; margin-bottom: 25px } 
.info .label {display: inline-block; margin-top: 10px; } 
.info .title {margin-top: 40px; } .info .text {display: none; } 
.info .sj {background: url(silder.png) 10px 0px; width: 10px; height: 6px; display: inline-block; position: absolute; right: -18px; top: -3px; cursor: pointer; } 
.info .sj:hover,.info .sj.active {background: url(silder.png) no-repeat 0px 0px; }

/* footer-mobile */
.footer-mobile{display: none;position: fixed;bottom: 0;left: 0;width: 100%;}
.footer-mobile.on{display: flex;}
.footer-mobile a{display: flex;justify-content: center;align-items: center;flex-flow: column;width: 16.10%;height: 200px;margin-right: 9px;background: #000;}
.footer-mobile a:nth-child(2){background: #1b1b1b;}
.footer-mobile a:nth-child(3){width: 66.42%;background: #0de0e2;margin-right: 0;}
/* .footer-mobile a span{font-size: 51px;color: #fff;margin-bottom: 35px;} */
.footer-mobile a img{display: block;height: 51px;margin-bottom: 33px;}
.footer-mobile a p{font-size: 35px;color: #fff;line-height: 1em;}

/*switch组件*/    
.switch-content{padding-top:20px;font-size:12px;line-height:26px;letter-spacing: 1px;}
.switch-content .switch-nav { height:39px;}
.switch-content .switch-tab {z-index: 2;padding-top: 4px;height:34px;border-bottom:1px solid #00ffff;padding-bottom: 15px;}
.switch-content .switch-tab li { float: left; margin-right: 16px; text-align: center;display:inline;_margin-bottom:-1px;z-index:3;}
.switch-content .switch-tab li a { line-height: 32px; height: 33px; border:1px solid #fff;padding: 0 20px;  color: #fff; font-size: 14px;display:inline-block;letter-spacing: 0px;}
.switch-content .switch-tab li a:hover{text-decoration:none;color: #00ffff;border:1px solid #00ffff;}
.switch-content .switch-tab li.active a {height:33px; _font-weight: normal; _margin-bottom:-1px;_position:relative;_z-index:3;color: #00ffff;border:1px solid #00ffff;}
/* .switch-content .switch-tab li.active a:hover{background-color:white;} */
.switch-content .fixed{/* position: fixed; top:0px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop-350)); */}
.switch-content .tab-content{padding-top:15px;}
.switch-content .tab-content img{max-width:100%}
.switch-content .tab-content .tab-panel {margin-bottom:40px;padding-top: 35px }
/*.switch-content .tab-content .tab-panel h2 { height: 40px; line-height: 40px; background-color: #F6F6F6; font-size: 16px; margin-left: -16px; margin-right: -16px; padding-left: 10px; border-left: 5px solid #f87c3e; }
.switch-content .tab-content .tab-panel h3 { margin-top: 10px; line-height: 26px; font-size: 16px; border-bottom: 1px solid #EFEFEF; margin-bottom:10px}
.switch-content .tab-content .tab-panel h3 span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; margin-bottom: -1px; border-bottom: 2px solid #666; color: #333; }
.switch-content .info-list { margin-top: 10px; list-style: none outside none;  }
.switch-content .info-list li { line-height: 24px; }
.switch-content .dot li { background: url(dot2.gif) 0 4px no-repeat;padding-left:14px}
.switch-content .dot dd { background: url(dot2.gif) 0 4px no-repeat;}

 .switch-content .col1 { overflow: hidden; margin-top: 20px; letter-spacing: 0px;}
.switch-content .col1 dl { float: left; width: 100%; margin-right: 0; }
.switch-content .col1 dl dt { border-bottom: 1px solid #E7E7E7; font-size: 14px; ; margin-bottom: 5px; line-height: 30px; }
.switch-content .col1 dl dd { line-height: 28px; padding-left: 13px;}
.switch-content .col1 dl.more { width: 100%; margin-right: 0; }
.switch-content .col1 dl dt.more a { float: right; font-weight: normal; }

.switch-content .col2 { overflow: hidden; margin-top: 20px; letter-spacing: 0px;}
.switch-content .col2 dl { float: left; width: 47%; margin-right: 3%; }
.switch-content .col2 dl dt { border-bottom: 1px solid #E7E7E7; font-size: 14px;  margin-bottom: 5px; line-height: 30px; }
.switch-content .col2 dl dd { line-height: 28px; padding-left: 13px;}
.switch-content .col2 dl.more { width: 50%; margin-right: 0; }
.switch-content .col2 dl dt.more a { float: right; font-weight: normal; }

.switch-content .col3 { overflow: hidden; margin-top: 20px; letter-spacing: 0px;}
.switch-content .col3 dl { float: left; width: 28%; margin-right: 3%; }
.switch-content .col3 dl dt { border-bottom: 1px solid #E7E7E7; font-size: 14px; ; margin-bottom: 5px; line-height: 30px; }
.switch-content .col3 dl dd { line-height: 28px; padding-left: 13px;}
.switch-content .col3 dl.more { width: 38%; margin-right: 0; }
.switch-content .col3 dl dt.more a { float: right; font-weight: normal; }
 */

/* fixed-listen */
.fixed-listen{position: fixed;right: 5px;top: 70%;z-index: 30;}
.fixed-listen a {display: block;width: 60px;padding-top: 34px;height: 26px;background: #ffffff no-repeat center 9px;text-align: center;font-size: 12px;color: #525659;border-radius: 6px;box-shadow: 0 0 5px 2px rgb(0 0 0 / 25%);position: relative;transition: all .4s ease-in;background-image: url(auditions.png);transition: all .5s;}
.fixed-listen a:hover{background-color: #44484d;color: #ffffff;background-image: url(auditions-h.png);}


/* message */
.join{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 99999;}
.join-mask{width: 100%;height: 100%;background: rgba(0,0,0,.15);}
.message{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 640px;border-radius: 35px;z-index: 100;box-shadow: 0 0 5px rgba(0,0,0,.15);}
.join.on{display: block;}
.message-logo{display: flex;justify-content: center;border-radius: 35px 35px 0 0;padding: 32px 0;background: #323237;}
.message-form{padding: 38px 0 59px;background: #fff;border-radius: 0 0 35px 35px;}
.message-form form{display: flex;justify-content: space-between;flex-wrap: wrap;width: 77.5%;margin: 0 auto;}
.message-form-input{display: flex;align-items: center;width: 46.57%;height: 50px;border-radius: 5px;padding-left: 17px;margin-bottom: 15px;box-sizing: border-box;font-size: 16px;color: #999;font-size: 17px;background: #f5f5f5;}
.message-form-input span{margin-right: 13px;}
/* .message-form-input:nth-child(3){width: 100%;} */
/* .message-form-input:nth-child(4) {align-items: flex-start;width: 100%;height: 137px;padding-top: 13px;margin-bottom: 0;} */
.message-form-input input{width: 100%;}
/* .message-form-input textarea{width: 90%;height: 90%;padding-top: 2px;box-sizing: border-box;overflow-y:auto} */
.message-dashed-line{width: 100%;height: 35px;border-bottom: 1px dashed #e0e0e1;}
.message-company-info{width: 100%;padding: 22px 0 25px;text-align: center;font-size: 16px;color: #999;}
.message-company-info p{line-height: 28px;}
.message-btn{display: flex;justify-content: center;align-items: center;width: 250px;height: 65px;border-radius: 7px;margin: 0 auto;background: #323237;cursor: pointer;text-align: center;font-size: 22px;color: #00ffff;transition: all .5s;}
/* .message-btn p{text-align: center;font-size: 22px;color: #00ffff;transition: all .5s;} */
.message-btn:hover{color: #fff;}
.message-close{position: absolute;right: 0;top: 0;transform: translate(25%,-25%);display: flex;justify-content: center;align-items: center;width: 42px;height: 42px;border: 1px solid #eaeaea;border-radius: 50%;background: #fff;cursor: pointer;}
.message-close span{font-size: 16px;color: #000;transition: all .5s;}
.message-close:hover span{transform: rotate(90deg);}








@media screen and (max-width:1920px){
#index-warp1-1{height:680px;width: auto; }
#index-warp1-2{height:680px;width: auto; }
.index-warp1 .din{font-size: 38px}
.index-warp1 .pingfang{font-size: 28px}
#index-warp1-div{height: 680px;width: 664px;}
/*创始人*/
.index-warp4{width: 1120px!important;}
.index-warp4 img{height: 800px;width: auto}
.index-warp4 .right{margin-top: 50px;}
}
@media screen and (max-width:1600px){
/* #index-warp1-div,.index-warp1-text{width: 525px;} */
#index-warp1-1{height:510px;width: auto; }
#index-warp1-2{height:510px;width: auto; }
.index-warp1 .din{font-size: 38px}
.index-warp1 .pingfang{font-size: 28px}
#index-warp1-div{height: 510px;width: 498px;}
/*创始人*/
.index-warp4{width: 1080px!important;}
.index-warp4 img{height: 720px;width: auto}
.index-warp4 .right{margin-top: 30px;}
}
@media screen and (max-width:1440px){
/* #index-warp1-div,.index-warp1-text{width: 472px;} */
#index-warp1-1{height:460px;width: auto; }
#index-warp1-2{height:460px;width: auto;}
.index-warp1 .din{font-size: 32px}
.index-warp1 .pingfang{font-size: 24px}
#index-warp1-div{height: 460px;width: 449px;}
/*创始人*/
.index-warp4{width: 1050px!important;}
.index-warp4 img{height: 680px;width: auto}
.index-warp4 .right{margin-top: 10px;}
}
@media screen and (max-width:1366px){
/* #index-warp1-div,.index-warp1-text{width: 420px;} */
#index-warp1-1{height:420px;width: auto; }
#index-warp1-2{height:420px;width: auto;}
.index-warp1 .din{font-size: 32px}
.index-warp1 .pingfang{font-size: 24px}
#index-warp1-div{height: 420px;width: 410px;}
/*创始人*/
.index-warp4{width: 1000px!important;}
.index-warp4 img{height: 660px;width: auto}
.index-warp4 .right{margin-top: 20px;}
/*公司简介*/
.index-warp5 .left img{height:420px;}
.index-warp5 .right img{width: 33px;margin-left: 367px;}
.index-warp5 .right{width: 400px}
 .index-warp2,.index-warp3,.index-warp4,.index-warp5,.index-warp6{width: 1000px!important;} 
.index-common-en{font-size: 36px}
.index-common-cn{font-size: 32px}
.index-cpmmon-jia{line-height: 45px;margin-bottom: 14px}
.index-common-line{margin-top: 50px}
#a1{width: 1000px!important;height: 562px!important}
#ckplayer_a1{width: 1000px;height: 562px}
.index-warp2 .right img{height:420px }
.index-warp2 .left{width: 550px!important}
.index-warp3 .left img{height:380px }
.index-warp3 .right{width: 400px;margin-top: 30px}
}
@media screen and (max-width:1281px) {
    #newBridge .nb-icon-wrap .nb-icon-wrap-base{background-size: contain !important;}
    .message.m{width: 1090px;}
    .message.m .message.m .message-logo{padding: 50px 0;}
    .message.m .message-logo img{height: 270px;}
    .message.m .message-form{padding: 65px 0 100px;}
    .message.m .message-form-input{height: 85px;}
    .message.m .message-form-input span{font-size: 34px;}
    .message.m .message-form-input input,.message.m .message-form-input textarea{font-size: 27px;}
    .message.m .message-form-input:nth-child(4){height: 200px;}
    .message.m .message-form-input:nth-child(4) span{padding-top: 5px;}
    .message.m .message-company-info p{font-size: 27px;}
    .message.m .message-btn{width: 450px;height: 112px;}
    .message.m .message-btn p{font-size: 37px;}
    .message.m .message-close{width: 74px;height: 74px;}
    .message.m .message-close span{font-size: 25px;}
}
@media screen and (max-width:768px){
body{padding: 0 25px;width: 1200px}
.w1200{width: 1200px!important}
.header{margin-left: -50%;}
.header-inner{width: 100%}
}