@charset "utf-8";
/* CSS Document */
/* reset 默认样式重置 */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, q, em, ul, li, ol, dl, dt, dd, form, article, aside, embed, table, td, th, input, button, legend, fieldlset, blockquote, textarea, label, strong, img, cite { margin: 0; padding: 0; outline: none; }
body { font-family:"Microsoft YaHei", "微软雅黑",Arial; font-size: 12px; line-height: 1;  margin: 0 auto; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
table { border-collapse: collapse; }
ul, li , ol, li{ list-style: none; }
img{ border: none; vertical-align:top; max-width:100%;}
em, cite, address,i { font-style: normal; font-weight: normal; }
a { text-decoration:none; }
input { outline:none; border:none; background-color:transparent;}
input::-ms-clear { display:none; }
textarea { outline:none; resize:none; ;overflow:auto;border:none;background: transparent;}


/* 清浮动 */
.clearfix:after,
.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom:1;}

.fl{float:left;}
.fr{float:right;}


.show{display:block;}
.hide{display:none;}


/*--------------------头部固定导航-----------------------*/

.header{height:90px;width:100%;background:#fff;position:fixed;left:0;top:0;z-index:9999; transition: top .4s;}
.head{width:1200px;margin:0 auto;position:relative;height:100%;}
.logo{width:width:253px;height:66px;float:left;margin-top:12px;}
.logo img{width:100%;}
.nav{float:right;margin-right:0;height:100%;}
.nav li{float:left;height:100%;}
.nav li a{float:left;width:100px;height:100%;text-align: center;font-size:16px;line-height:90px;color:#656565;transition:top 0.2s;position:relative;overflow:hidden;}

.nav li a em{font-size:14px;line-height:90px;z-index:10;position:absolute;left:0;top:0;width:100%;height:100%;transition:color 0.3s;}
.nav li a span{background:#0069AB;color:#fff;position:absolute;left:0;top:100%;width:100%;height:100%;transition:top 0.3s;z-index:5;}
.nav li .color1{color:#fff;}
.nav li a .nav_bg{top:0;}
.headTab{position:absolute;right:40px;top:0;height:90px;font-size:16px;line-height:90px;color:#BBBBBB;cursor: pointer;transition: all 0.3s;}
.headTab:hover{color:#333;}
.headBtn{background:url(../images/nav_btn.png) no-repeat ;width:32px;height:27px;position:absolute;top:50%;margin-top:-13px;right:100px;display:none;transition:all 0.3s;}
.headClose{background:url(../images/nav_close.png) no-repeat ;transition:all 0.3s;}
.subNav{position:absolute;left:0;top:100%;width:100%;height:70px;overflow:hidden;z-index:11;}
.subNav .sub_wrap{overflow: visible;  position: relative;margin: 0 auto;width: 1200px;height:100%;}
.subNav .item{ position: absolute;top:-100%; width: 100%;height: 100%;background-color:#4A4A4D;overflow: hidden;transition: top 0.3s;}
/* 中文版  */
.nav,.nav2{float:right;margin-right:0px;height:100%;}
.nav li,.nav2 li{float:left;height:100%;}
.nav li a,.nav2 li a{float:left;width:100px;height:100%;text-align: center;font-size:16px;line-height:90px;color:#656565;transition:top 0.2s;position:relative;overflow:hidden;}

.nav li a em{font-size:16px;line-height:90px;z-index:10;position:absolute;left:0;top:0;width:100%;height:100%;transition:color 0.3s;}
.nav2 li a em{font-size:14px;line-height:90px;z-index:10;position:absolute;left:0;top:0;width:100%;height:100%;transition:color 0.3s;}
.nav li a span,.nav2 li a span{background:#0069AB;color:#fff;position:absolute;left:0;top:100%;width:100%;height:100%;transition:top 0.3s;z-index:5;}
.nav li .color1{color:#fff;}
.nav2 li .color1{color:#fff;}
.nav li a .nav_bg{top:0;}
.nav2 li a .nav_bg{top:0;}
/*.headTab{position:absolute;right:20px;top:0;height:90px;font:16px/90px "微软雅黑";color:#BBBBBB;cursor: pointer;transition: all 0.3s;width:80px;text-align: center;z-index:5;overflow:hidden;}
.headTab i{position:absolute;left:0;bottom:-100%;width:100%;height:100%;background:#0069AB;transition:bottom 0.3s;}
.headTab em{position:absolute;left:0;top:0;width:100%;height:100%;}*/
.headBtn{background:url(../images/nav_btn.png) no-repeat ;width:32px;height:27px;position:absolute;top:50%;margin-top:-13px;right:100px;display:none;transition:all 0.3s;}
.headClose{background:url(../images/nav_close.png) no-repeat ;transition:all 0.3s;}
.subNav{position:absolute;left:0;top:100%;width:100%;height:70px;overflow:hidden;z-index:11;}
.subNav .sub_wrap{overflow: visible;  position: relative;margin: 0 auto;width: 1200px;height:100%;}
.subNav .item{ position: absolute;top:-100%; width: 100%;height: 100%;background-color:#4A4A4D;overflow: hidden;transition: top 0.3s;}
.subNav .home_sel{left:500px;height:0;} 
.subNav .about_sel{left:600px;}
.subNav .main_sel{left:700px;}
.subNav .info_sel{left:800px;}
.subNav .partner_sel{left:900px;}
.subNav .cont_sel {left:1000px;}
.subNav .langs{left:1100px;}
/* 英文版 */
.subNav .home_sel2{left:460px;height:0;} 
.subNav .about_sel2{left:560px;}
.subNav .main_sel2{left:660px;}
.subNav .info_sel2{left:780px;}
.subNav .partner_sel{left:900px;}
.subNav .cont_sel{left:1000px;}
.nav2 li .ma_w{width:120px;}
.nav2 li .ma_i{width:120px;}
.subNav .item a{font-size:14px;line-height:70px;color:#CBCBCB;float:left;padding:0 20px;height:100%;transition: all 0.5s;}
.subNav .item a:hover{color:#fff;}


/*--------------------------- welcome ----------------------------*/
.welcome{width:60%;height:100%;background:#4A4A4D;position:fixed;right:-100%;top:0;z-index:100;transition:all 0.5s;}
.welBox{padding-top:72px;}
.welList a{font-size:20px;line-height:50px;color:#CBCBCB;display:block;text-align: center;transition:all 0.2s;}
.welList a:hover{color:#fff;}
.comeList{width:100%;display:none;}
.comeList a{font-size:16px;line-height:35px;display:block;}
.head_and_tab{font-size:20px;line-height:50px;text-align: center;}
.head_and_tab a{display: block;color:#CBCBCB;}

/*--------------------------- footer ----------------------------*/
.footer{width:100%;}
.footBox{width:1200px;margin:0 auto;padding:60px 0 80px;}
.foot_l{float:left;text-align: center;}
.foot_l li{width:185px;float:left;border-right:1px solid #EFEFEF;}
.foot_l li p {margin-bottom:10px;}
.foot_l li p a{display: block;color:#333;font-size:14px;line-height:14px;}
.foot_l li a{font-size:12px;line-height:32px;color:#999;display: block;width:100%;transition:all 0.2s;}
.foot_l li a:hover{color:#333;}
.foot_r{float:right;width:220px;}
.foot_r span{font-size:14px;line-height:14px;color:#999;display: block;}
.foot_r p{font-size:20px;line-height:50px;color:#0069AB;margin-bottom:5px;}
.foot_r .ewm{margin-top:15px;}
.foot_r .ewm .ewmText{float:left;width:78px;margin-right:20px;}
.foot_r .ewm .ewmText img{width:100%;}
.foot_r .ewm .ewmText em{text-align: center;font-size:12px;line-height:32px;color:#777;display: block;}
.foot_r .sina_wb{background: url(../images/icons.png) no-repeat 0 -180px ;float:left;width:28px;height:28px;}
.foot_btn,.foot_btn2{width:100%;background:#333;color:#999;text-align: center;font-size:12px;line-height:70px;}
.zw_and_en{width:65%;margin:0 auto;height:40px;font-size:16px;line-height:40px;display:none;}
.zw_and_en a{float:left; width:50%;text-align: center;color:#333;}
.foot_btn2{display:none;}
/*--------------------侧边栏-----------------------*/
.sidebar_zx{position:fixed;right:12px;top:75%;width:40px;height:40px;cursor: pointer;transition:all 0.3s;background:#fff;z-index:9999;}
.sidebar_zx .icon_zx{background: url(../images/icons.png) no-repeat 0 -226px ;display: block;width:23px;height:20px;margin-top:9px;margin-left:7px;}
.sideBox{position:absolute;right:0;top:0;width:100px;height:40px;background:#0069AB;display:none;transition:all 0.3s;}
.side_w{width:125px;}
.sidebar_zx:hover .sideBox{display: block;}
.sideBox .zx_link{display: block;color:#fff;font-size:12px;line-height:40px;text-indent:8px;position:relative;}
.sideBox .zx_link em{position:absolute;right:8px;top:10px;background: url(../images/icons.png) no-repeat 0 0 ;width:23px;height:20px;}
.returnTop{width:26px;height:68px;cursor: pointer;background:url(../images/fanhui.jpg) no-repeat;position:fixed;right:20px;top:85%;display:none;z-index:9999;}
.returnTop_en{width:26px;height:68px;cursor: pointer;background:url(../images/fanhui_en.jpg) no-repeat;position:fixed;right:20px;top:85%;display:none;z-index:9999;}



/*--------------------------- 响应式 ----------------------------*/

@media screen and (max-width:1360px) {
.header{height:72px;}
.head{width:90%;}
.logo{width:202px;height:53px;margin-top:9px;}
.nav,.nav2{margin-right:80px;display:none;}
.nav li a,.nav2 li a{font-size:16px;line-height:70px;}
.headTab{font-size:16px;line-height:72px;right:20px;height:72px;}
.footBox{width:90%;}
.foot_l li{width:150px;}

.headBtn{display:block;}
.subNav{display: none;}
}

@media screen and (max-width:1200px) {
.footBox{width:100%;padding:50px 0 50px;}
.foot_l{width:80%;margin:0 auto;float:none;}
.foot_l li{float:left;width:20%;margin-right:-2px;}

.foot_r{display:none;}
.foot_l li a{display:none;}
.foot_l li p{margin-bottom:0;}
.foot_l li p a{font-size:24px;line-height:24px;display:block;}
.headTab{display:none;}
.headBtn{right:0;}
}

@media screen and (max-width:1024px) {
	img{width:100%;}
}
@media screen and (max-width:800px) {
.foot_l{width:100%;}
.footBox{padding:30px 0 20px;}
.foot_l li p a{font-size:18px;line-height:18px;}
.foot_btn{font-size:12px;line-height:32px;background:#fff;color:#656565;width:80%;padding:0 10%;}	
}

@media screen and (max-width:600px) {
.header{height:60px;}
.head{width:90%;}
.logo{width:168px;height:44px;margin-top:8px;}
.headTab{font-size:14px;line-height:60px;right:0;height:60px;}
.zw_and_en{display: block;}
.footList {display: none;}
.foot_btn{display:none;}
.foot_btn2{display:block;font-size:12px;line-height:24px;background:#fff;color:#656565;width:80%;padding:0 10%;}
}
@media screen and (max-width:480px) {
.foot_l li p a{font-size:14px;line-height:14px;}
}

@media screen and (max-width:350px) {
.welList a{font-size:20px;line-height:40px;}
.comeList a{font-size:16px;line-height:30px;}
}