@charset "utf-8";
/* CSS Document */
input, textarea, button, select, radio{outline: 0; border: 0;}

a{ outline:none; blr:expression(this.onFocus=this.blur()); -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; -ms-transition: all 0.35s linear; -o-transition: all 0.35s linear; transition: all 0.35s linear; }

::-ms-clear, ::-ms-reveal{ display: none;}


/* Grid */

.col-12x{width: 100%}

.col-11x{width: 88%}

.col-10x{width: 83.3333333333%}

.col-9x{width: 75%}

.col-8x{width: 66.6666666667%}

.col-7x{width: 58.3333333333%}

.col-6x{width: 50%}

.col-5x{width: 41.6666666667%}

.col-4x{width: 33.3333333333%}

.col-3x{width: 25%}

.col-2x{width: 16.6666666667%}

.col-1x{width: 8.3333333333%}



/* header */

.header{height: 70px; background-color: #fff;}

.Top_logo{margin-left: 8%; margin-right: 9.5%; margin-top: 18px; +width: 253px;}

.language{right: 0; top: 0; width: 140px; height: 70px;}

.language ul li{float: left; text-align: center;}

.language ul li a{display: block; padding: 29px 0; width: 70px; font-size: 12px; line-height: 12px; color: #666;}

.language ul li.active a, .language ul li a:hover{background: url(../images/jia-top.jpg) no-repeat center center; color: #fff;}

.search-box{z-index: 10; top: 0; right: 140px; width: 55px; height: 70px; background-color: #fff;}

.search-box .in{position: relative; top: 19px; width: 35px; height: 32px; border: 1px solid #fff;}

.search-box .in.cur{border: 1px solid #666;}

.search-btn{position: absolute; right: 0; top: 2px;  width: 28px; height: 28px; background: url(../images/icon.png) no-repeat 0 0; cursor:pointer;}

.search-input{position: absolute; display: none; right: 30px; top: 2px; width: 235px; height: 24px; font-size: 12px; color: #666;}

.nav ul li{float: left; border-right: 1px solid #ebebeb;}

.nav ul li:first-child{border-left: 1px solid #ebebeb;}

.nav ul li a{display: block; padding: 28px 20px; /*width: 159px;*/ font-size: 14px; line-height: 14px; color: #666; text-align: center; }

.nav ul li a span{ display:block;}

.nav ul li a:hover, .nav ul li a#menu_selected{ /*background-color: #014099;*/ background-color: #d02127; color: #fff;} 

.subnav{margin-right: 200px;}

.subnav ul li{float: left; padding: 26px 0;}

.subnav ul li:first-child a{border-left: 0;}

.subnav ul li a{padding: 0 12px;font-size: 12px; line-height: 12px; border-left: 1px solid #ebebeb;}



@media screen and (max-width: 1680px){

	.nav ul li a{ padding-left: 12px; padding-right: 12px; font-size:12px; /*width: 138px;*/}

	.Top_logo{margin-left: 6%;}

}

@media screen and (max-width: 1600px){

	.nav ul li a{ padding-left: 12px; padding-right: 12px; font-size:12px; /*width: 126px;*/}

}

@media screen and (max-width: 1440px){

	.nav ul li a{ padding-left: 12px; padding-right: 12px; font-size:12px; /*width: 112px;*/}

	.Top_logo{margin-left: 4%; margin-right: 4.5%;}

}

@media screen and (max-width: 1366px){

	.Top_logo{margin-left: 3%; margin-right: 3%;}

}

@media screen and (max-width: 1280px){

	.nav ul li a{ padding-left: 12px; padding-right: 12px; font-size:12px; /*width: 103px;*/}

	.Top_logo{margin-left: 2%; margin-right: 2%;}

}


.banner-btn{position: absolute; top: 500px; right:505px !important; z-index: 10;}

.banner-btn a{margin-left: 20px; padding-right: 10px; font-size: 14px; color: #333; letter-spacing: 4px; background: url(../images/jia-more.png) no-repeat right center;}

.banner-btn a:hover{ /*color: #035cac;*/ color:#d02127;}



.tl{text-align: left;}

.tc{text-align: center;}

.tr{text-align: right;}

.fl{float: left;}

.fr{float: right;}

.clear{clear: both; height: 0;}

.pr{position: relative;}

.pa{position: absolute;}

.pf{position: fixed;}

.block{display: block;}

.none{display: none;}

.inline{display: inline-block;}

.hidden{overflow: hidden;}

.cap{text-transform: capitalize;}

.upper{text-transform: uppercase;}

.bold{font-weight: bold;}

.normal{font-weight: normal;}

.hand{cursor: pointer; _cursor: hand;}

.ff-ar{font-family:Arial !important;}

.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.justify{text-align:justify; text-justify: distribute-all-lines; text-align-last:justify;}

.filterbox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom:1;}

:root .filterbox{filter: none\9;}


/* css3 style */

.trans-3{-webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; -ms-transition: all 0.35s linear; -o-transition: all 0.35s linear; transition: all 0.35s linear;}

.trans-8{-webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}

.trans-12{-webkit-transition: all 1.2s; -moz-transition: all 1.2s; -ms-transition: all 1.2s; -o-transition: all 1.2s; transition: all 1.2s;}

.scale-0x{-webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75);}

.scale-1x{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

.radius-5{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.radius-15{-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}

.radius-half{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

.shadow{-webkit-box-shadow: 7px 7px 7px #dad6d6; -moz-box-shadow: 7px 7px 7px #dad6d6; box-shadow: 7px 7px 7px #dad6d6;}

.shadow-all{-webkit-box-shadow: 0 15px 15px #f2f2f2; -moz-box-shadow: 0 15px 15px #f2f2f2; box-shadow: 0 15px 15px #f2f2f2;}

.play-box{position:fixed;width:1000px;height:560px;background:#fff;top:50%;left:50%;margin-top:-280px;margin-left:-500px;border-radius:10px;display:none;z-index:6}
.play-box video{width:100%;display:block;}
.play-box .top img{float:right;margin-right:15px;padding:10px 0;cursor:pointer;}
.mask{position:fixed;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,.3);z-index:5;display:none;}