/* CSS Document */
html,body,h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{ margin:0; padding:0;font-size: 12px;}
body{ background-color: #000;}
img{ border:none; display:block;}
a{ text-decoration:none;}
li{ list-style:none;}
i,em{ font-style:normal;}
/* header */
.header{ width: 100%; left: 0; top: 0; background-image: url(../images/top_bg.jpg); position: fixed; z-index: 100; background-position: center top; }
.topBar{ height:60px;}
.topBar .logo{padding-top:5px; text-align:center;}
.topBar .logo img{ height:50px; display:inline;}
.topBar .menuBtn{ display:block; position:absolute; background-image: url(../images/icon-menu.png); background-repeat: no-repeat; height: 23px; width: 25px; text-indent: -9999px; top:20px; left:20px; background-size:100% auto; }
.topBar .menuBtn:hover{opacity:0.8;}
.lang{ position:absolute; right:20px; top:20px;}
.lang li{ display:inline-block; margin-left:10px; padding-left:10px; border-left:1px #FFF solid; height:15px; line-height:15px;}
.lang li a{ color:#FFF; font-size:14px;}
.lang li a:hover{opacity:0.8;}
.lang_curr{opacity:0.8;}
#dropdownMenu{ padding-top:10px;}
#dropdownMenu ul{ width:130px; margin:auto; border-top:2px #FFF solid; padding:10px 0;}
#dropdownMenu ul li a{ display:block; width:130px; height:26px; text-align:center; color:#FFF; background-image: url(../images/topmenu_zhcn.png); background-repeat: no-repeat; text-indent: -9999px; margin:auto; background-size:260px 225px; }

#dropdownMenu ul li .menuIcom1{background-position: left top;}
#dropdownMenu ul li .menuIcom1:hover{background-position: -130px top;}

#dropdownMenu ul li .menuIcom2{background-position: left -33px;}
#dropdownMenu ul li .menuIcom2:hover{background-position: -130px -33px;}

#dropdownMenu ul li .menuIcom3{background-position: left -66px;}
#dropdownMenu ul li .menuIcom3:hover{background-position: -130px -66px;}

#dropdownMenu ul li .menuIcom4{background-position: left -99px;}
#dropdownMenu ul li .menuIcom4:hover{background-position: -130px -99px;}

#dropdownMenu ul li .menuIcom5{background-position: left -132px;}
#dropdownMenu ul li .menuIcom5:hover{background-position: -130px -132px;}

#dropdownMenu ul li .menuIcom6{background-position: left -165px;}
#dropdownMenu ul li .menuIcom6:hover{background-position: -130px -165px;}

#dropdownMenu ul li .menuIcom7{background-position: left -198px;}
#dropdownMenu ul li .menuIcom7:hover{background-position: -130px -198px;}

.wrapper{ overflow:hidden;  margin:auto;  width:100%;}


/* footer */
.footer{ padding:0 10px; color:#6f6f6f; background:#FFF; overflow:hidden;}
.footer .flink{ padding-top:20px;}
.footer .flink div{ overflow:hidden;}
.footer .flink h1{ text-align:center;}
.footer .flink  span{ display:block; width:50%; float:left; padding-bottom:10px;}
.footer .flink  span img{ width:70%; margin:auto;}
.footer .flink .chuping img{ width:40%; margin:auto;}

.footer .copyright{ border-top:1px #6f6f6f solid; clear:both;}
.footer .txtlink{ text-align:center; padding:15px 0;}
.footer .txtlink em{ padding:0 10px;}
.footer .txtlink a{ color:#666; font-weight:bold;}
.copyright-txt{ text-align:center; font-size:0.8em; padding-bottom:40px; line-height:20px;}

/*sub page common css*/
.content { color: #FFF; background-image: url(../images/bg2.jpg); background-position: center top; width: 100%; background-repeat: no-repeat; }
.mainBox{ position:relative; overflow:hidden; padding:0 30px;}
.innerPageBanner{width:100%; position:relative; margin-top:60px;}
.innerPageBanner{ padding-right:10px; border-right:3px #FFF solid;}
.innerPageBanner .tit_img{}
.innerPageBanner .tit_img img{ padding-right:10px; border-right:3px #FFF solid; height:80%; position:absolute; left:30px; top:10%;}
.mainBox .sub_tit_img img{ height:25px; padding-top:10px;}
.hr{ clear:both; width:100%; height:2px; line-height:2px; background:#FFF;}



/*go to top*/
.cbbfixed {position: fixed;right: 10px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn { width: 40px; height: 40px; display: block; background-color: #666; cursor:default; }
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px; cursor:pointer; opacity:0.8;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(../images/side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#2c2d2e;}
.cbbfixed .cweixin { background-color: #666; }
.cbbfixed .cweixin div {background: url(../images/erwei.png);width: 194px;height: 199px;position: absolute;left: -194px;top: -115px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .cweixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .cweixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background: url(../images/side-icon01.png);}


/* youku youtube btn*/
.more_view{ color:#FFF; text-align:center; padding-top:30px;}
.more_view p{ padding-top:20px;}
.more_view p a{ display: inline-block; margin: 0 10px; width: 100px; height: 30px; text-indent: -999999px; background-size:100% 100%; }
.more_view p a:hover{ opacity:0.8;}
.more_view p .youtube{ background-image: url(../images/btn_youtube.png); }
.more_view p .youku{ background-image: url(../images/btn_youku.png); }