@font-face {font-family: 'DINCond-Mediumcff915e7c3bc5';src: url('http://cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.gif?r=53148925118');src: url('http://cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.gif?r=53148925118?#iefix') format('embedded-opentype'),     url('http://cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.bmp?r=53148925118') format('woff'),     url('http://cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.jpg?r=53148925118') format('truetype'),     url('http://cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.png#DINCond-Medium') format('svg');   }.csscff915e7c3bc5{font-family: 'DINCond-Mediumcff915e7c3bc5';}
@font-face {
  font-family: 'iconfont';  
  src: url('../fonts/font_520338_6z35szs7ttny7gb9.eot');
  src: url('../fonts/font_520338_6z35szs7ttny7gb9.eot') format('embedded-opentype'),
  url('../fonts/font_520338_6z35szs7ttny7gb9.woff') format('woff'),
  url('../fonts/font_520338_6z35szs7ttny7gb9.ttf') format('truetype'),
  url('../../../t/font_520338_6z35szs7ttny7gb9.svg') format('svg');
}
.iconfont{ color: inherit; font-family: 'iconfont'; font-size: inherit;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.1px;-moz-osx-font-smoothing: grayscale;}

body{ font-family:arial, "Microsoft YaHei";font-size: 14px;color: #333; line-height: 1.6;overflow-x: hidden; position: relative;} 
body.on{ position: fixed; left: 0;right: 0;}
body.on:before{ position: fixed; left: 0;right: 0;top: 0;bottom: 0;content: '';background: rgba(97,166,14,.8);z-index: 10;}
::selection {
    background:#3390ff; 
    color:#fff;
}

::-moz-selection {
    background:#3390ff; 
    color:#fff;
}

::-webkit-selection {
    background:#3390ff; 
    color:#fff;
}
/*.autowidth{ width: 1366px; margin: auto;}*/
.colorRed{ color: #d21313;}
.head{font-size: 14px; position: relative;z-index: 1000;background: #fff;}
.headTop{position: relative;z-index: 55; line-height: 36px; border-bottom: 1px solid #f1f1f1; }
.headTop .fr .bd{ display: block; float: left;}
.headTop .fr a.bd{height: 36px; width: 100px; position: relative;border-left: 1px solid #F1F1F1;border-right: 1px solid #F1F1F1;}
.headTop .fr a.bd img{max-width: 100px;padding: 2px;background: #014b9a; position: absolute; left: 0;top: 100%;display: none;}
.headTop .fr a.bd:before{ position: absolute; left: 0;top: 0;right: 0;bottom: 0;content: '';border: 2px solid transparent; border-bottom: 0;}
.headTop .fr .txt{border-left: 1px solid #F1F1F1;border-right: 1px solid #F1F1F1;padding: 0 20px;}
.headerBottom{ line-height: 70px;height: 70px; position: relative;background: #fff;z-index: 50;box-shadow: 0 3px 10px -8px rgba(0,0,0,.4);}
.head.on .headerBottom{ position: fixed; left: 0;right: 0; top: 0; animation: dhs .5s linear both; -webkit-animation: dhs .5s linear both;}
.headerDL .pd{float: right;}
.headDL dd{ float: left; position: relative;}
.headDL dd:hover .headerOL{ display: block;}
.headDL dd .oneA{ display: block;margin: 0 18px; position: relative; font-size: 16px;color: #666;}
.frSearch input{line-height: 26px;height: 26px;padding: 5px 0;display: block; width: 100%;border: 0;vertical-align: text-bottom;}
.frSearch{padding:0 30px 0 10px; width:150px; position:relative;background: #f4f4f4;}
.frSearch a{ position: absolute;right: 0;top: 0;bottom: 0;width: 30px;background: url(/skin/images/sc.png) no-repeat center;}

.searchpt{font-size: 13px;margin: 20px 0 0 10px; display:none; width: 10%; position: relative;background: #f4f4f4;border-radius: 16px;line-height: 30px; padding:0 30px 0 10px;}
.searchpt a{ position: absolute;right: 0;top: 0;bottom: 0;width: 30px;background: url(/skin/images/sc.png) no-repeat center;}
.searchpt input{line-height: 20px;height: 20px;padding: 5px 0;display: block; width: 100%;border: 0;vertical-align: text-bottom;}
.language{font-size: 14px;margin: 20px 0 0 10px;  position: relative;background: #f4f4f4;border-radius: 16px;line-height: 30px; padding: 0 10px 0 10px;}
.language .headerOL{ padding-top: 20px;}
.language:hover .headerOL{ display: block;}
.language>a{ display: block;text-transform: uppercase; color: #666;}
.language>a:hover{color: #014b9a;}
.language>a i{ font-size: 20px; padding-right: 6px; display: inline-block; vertical-align: top;}
.headerOL{display: none; position: absolute; left: 0;right: 0;top: 100%;width: 160%; line-height: 2;background: #fff;}
.headerOL li>a{ display: block; font-size: 14px; color: #888; line-height: 2.5; text-align: center;}
.language>a:hover{color: #014b9a;}
.navMenu{ display: none;}
.minHeight{ min-height: calc(100vh - 500px); overflow: hidden; position: relative;z-index: 2;}
.colorBlue{color: #014b9a;}
.color333{color: #333;}
.fontbold{font-weight: bold}

.newsDL{ padding: 0 2.5%;}
.newsDL dd{ float: left; width: 23%; margin:0% 1% 2% 1%; position: relative;}
.newsDL dd.newIcon a:before{z-index: 3; position: absolute; left: 10px;top: 0;width: 45px;height: 70px;background: url(/skin/images/new.png) no-repeat center top;background-size: contain;content: '';}
.newsDL dd .txt{ padding:13px 18px 18px 18px;}
.newsDL dd .txt .color888{ height: 44px; overflow: hidden; margin-top: 5px;}
.newsDL dd h6{ font-weight: bold;}
.newsDL dd a{ display: block; position: relative;}
.newsDL dd a:hover{color: #014b9a;box-shadow: 0 0 25px -5px #ccc;}

.footerTop{background: #333;font-size: 14px; padding: 4% 0 3% 0;color: #666; position: relative; border-top: 5px solid #014b9a;}
.footerTop .scrollToTop{right: auto;bottom:auto;background-color: #014b9a;z-index: 1; position: absolute; left: 50%;margin-left: -16px;top: 0;}
.footerTop .floatLeft{ width: 58%;}
.footerTop .wxwb{ color: #ccc; position: relative; min-height: 111px;margin-bottom: 20px;}
.footerTop .wxwb .xp img{ /*vertical-align: sub;*/}
.footerTop .wxwb .xp{line-height: 1; margin-bottom: 20px;}
.footerTop .fontFFF{color: #fff; display: inline-block;font-family: 'DINCond-Mediumcff915e7c3bc5';vertical-align: middle; }
.footerTop .attetion{ position: absolute;right: 0;top: 0; text-align: center;}
.footerTop .attetion img{ width: 85px;padding: 0 5px 3px 5px;}
.footerTop .dizhi{background: #212121; padding: 20px;color: #999;}
.footerTop .dizhi li{padding-right: 7%;float: left;margin-bottom: 20px;width: 33.333%;overflow: hidden;}
.footerTop .dizhi li a{color: #999;}
.footerTop .dizhi li a:hover{color: #ddd;}
.footerTop .dizhi li h6 a{color: #fff;}
.footerTop .dizhi p{ padding-top: 8px;line-height: 36px;height: 36px;overflow: hidden;}
.footerTop .floatRight{ width: 34%; padding-left: 8%; border-left: 1px solid #505050;}
.formMsg .dd{background: #212121;color: #888;padding: 0 10px; line-height: 34px; margin-top: 10px;}
.formMsg .dd label{ float: left;}
.formMsg .dd input,.formMsg .dd textarea{color: #fff; overflow: hidden; width: 100%;background: transparent;border: 0;line-height: 24px;display: block;padding: 5px 0; font-family: inherit;}
.footerTop input.submits{margin-top: 30px; display: inline-block; width: 100%;line-height: 40px;color: #fff;background: #014b9a;color: #fff;}
.formMsg .dd textarea{ min-height: 110px;}
.footerBottom{background: #212121;color: #666; padding: 2%;text-align: center;font-size: 14px;}
.footerBottom .link a{font-size: 16px; margin-bottom: 10px; display: inline-block;line-height: 1; border-left: 1px solid #4d4d4d;color: #aaa;padding: 0 10px;}
.footerBottom .link a:nth-child(1){border: 0;}
.footerBottom .copy{ padding: 10px 0 15px 0;}
.shareBtn .shareA{ display: inline-block; width: 36px;height: 36px;margin: 0 2px;background-color: #4e4e4e;}
.shareBtn .shareA:hover{background-color: #014b9a !important;}
.footerBottom .link a:hover{color: #014b9a;}

.shareBtn .bdsharebuttonbox p{ display: inline-block; *display: inline;*zoom: 1; vertical-align: top; position: relative;margin-left: 10px;}
.shareBtn .bdsharebuttonbox a{display: block; position: relative;z-index: 2; width: 34px !important;; height: 34px !important; padding: 0 !important; margin: 0 !important;   background: transparent !important;color: #fff; text-align: center; }
.shareBtn .bdsharebuttonbox p i{ font-size: 22px; position: absolute; left: 0;right: 0;top: 0;bottom: 0; text-align: center; line-height: 34px;color: #a7a7a7;background: #4e4e4e; transition: .4s; -webkit-transition: .4s;}
.shareBtn .bdsharebuttonbox p:hover i{color: #fff;  background: #014b9a !important;}



.plyr--ready{ position: absolute; left: 0;right: 0;top: 0;bottom: 0;}
.video{ position: relative; overflow: hidden;}
.chooseVideo{ position: absolute;color: #fff;z-index: 6; padding: 0 40px; width: 720px; bottom: 5%;left: 50%;margin-left: -380px; text-align: center;}
.videoOpen{position: relative; z-index: 3; background: #000;padding-top: 39.5%; }
.videoOpen video{margin: auto;display: block;width: 100%; height: 100%; background: #000;}
.videoOpen iframe,.videoOpen object{ position: absolute; left: 0;top: 0;width: 100%;height: 100%;}
.chooseVideo .imgs{ margin: 5px 10px; position: relative; background: #000;}
.chooseVideo .imgs i{display: none;z-index: 6; position: absolute; left: 0;right: 0; top: 50%; line-height: 1; margin-top: -16px;color: #fff; font-size: 32px;}
.chooseVideo .imgs:before{border: 2px solid #fff; position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';transition: .5s;-webkit-transition: .5s;z-index: 5;}
.chooseVideo .imgs:after{ position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';transition: .5s;-webkit-transition: .5s;z-index: 5;background: #014b9a; opacity: 0; -webkit-opacity: 0;}


.chooseVideo .swiper-slide.on .imgs i{ display: block;}
.chooseVideo .swiper-slide.on .imgs:after{opacity: .5; -webkit-opacity:.5;}
.chooseVideo .swiper-slide{cursor: pointer;}
.plyr__video-wrapper{ height: 100%;}
.videoOpen video{ opacity: 0.5;-webkit-opacity: 0.5;}
.videoOpen.on video{ opacity: 1;-webkit-opacity: 1;}
.plyr .plyr__play-large:hover{ cursor: pointer;}
.closeIframe{ position: absolute; right: 10px;top: 10px;width: 40px;height: 40px;z-index: 10;background: #014b9a url(/skin/images/close.png) no-repeat center;}

.footerTop input.submits:hover{ background: #2c89ec;}
.layui-layer .layui-layer-btn .layui-layer-btn0{background-color: #014b9a;border-color: #014b9a;}
.plyr--stopped .plyr__controls{opacity: 0;}

.rightMenu{ position: fixed; right: 0; top: 50%; margin-top: -100px;z-index: 9;}
.rightMenu dd{position: relative; margin-bottom: 1px; }
.rightMenu dd>a{text-align: center; display: block;width:50px; line-height: 50px;color: #fff;font-size: 24px; background: #000;background: rgba(0,0,0,.6);}
.ewmDD{ position: absolute; top: 0;right: 100%; display: none; width: 120px;}
.ewmDD span{ background-color: #fff;font-size: 24px;}
.rightMenu dd:hover .ewmDD{ display: block;}

@media only screen and (max-width:1080px ) {
	.autowidth{ width: 90%!important;}
	.headDL dd .oneA{ font-size: 15px;}
}
@media only screen and (max-width:1280px ) {
	.headDL dd .oneA{margin: 0 10px; font-size: 14px;}
}
@media only screen and (min-width:1280px ) {
	.headDL dd:before{ position: absolute; left: 50%;width: 0;bottom: 0;height: 3px;background: #014b9a;content: '';transition: .5s;-webkit-transition: .5s;}
	.headDL dd:hover:before/*,.headDL dd.on:before*/{ width: 100%;left: 0;}
	.headDL dd:hover .oneA/*,.headDL dd.on .oneA*/{ color: #014b9a;}
	.headerOL li>a:hover{background: #eee;color: #014b9a;}
	.rightMenu dd:hover>a{background: #014b9a;}
	.headerOL{ box-shadow: 0 5px 15px -4px rgba(0,0,0,.3);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;animation: ulDH 0.2s ease both; -webkit-animation: ulDH 0.2s ease both;}
	.headTop .fr a.bd:hover:before{ border-color: #06509f;}
}

@media only screen and (max-width:1200px ) {
	.navMenu{ display: block;}
	.headerBottom{ line-height: 60px;height: 60px;}
	.headerDL{ bottom: 0;box-shadow: -5px 6px 15px -10px #666; -webkit-overflow-scrolling: touch; overflow-y: auto;transition: .5s; -webkit-transition: .5s; transform: translate(100%,0); -webkit-transform: translate(100%,0); position: fixed;width: 300px;right: 0; min-height: 560px; height: calc(100vh - 97px); top: 97px;z-index: 66;background: #f9f9f9;}
	.head.on .headerDL{height: calc(100vh - 60px); top: 60px;}
	
	.minHeight{ transition: .5s;-webkit-transition: .5s;}
	.minHeight.on{transform: translate(-300px,0);-webkit-transform: translate(-300px,0);}
	.headerDL.on{transform: translate(0,0); -webkit-transform: translate(0,0); }
	.headerDL .pd{ float: none; }
	.headDL {border-top: 10px solid #fff;background: #fff;}
	.searchpt{ width: auto;margin: 0 10px 10px 10px;background: #eee;}
	.language{ display: inline-block; margin: 0 10px 10px 10px;background: #eee;}
	.headDL dd{border-bottom: 1px solid #eee; cursor: pointer; float: none; line-height: 34px;}
	.headDL dd:before{ position: absolute;right: 16px; top: 11px; width: 8px; height: 8px; border-left: 1px solid #014b9a; border-top: 1px solid #014b9a; content: '';transform: rotate(135deg); -webkit-transform: rotate(135deg);}
    .headDL dd.on:before{ opacity: 0;}
    .headDL dd .oneA{  font-size: 15px; color: #014b9a; display: block;}
    .headerOL{ position: static; padding:0 0 0px 0;}
    .headerOL li{ padding: 0 10px; display: inline-block;}
    .headerOL li >a{ color: #888; line-height: 2; text-align: left;}
    .footerTop .floatLeft{ width: 62%;}
    .footerTop .floatRight{ padding-left: 2%;}
    .headerOL{ display: block;width: 100%;}
    .language>a{ display: inline-block;}
    .language .headerOL{ display: inline-block !important;background: transparent; padding: 0;}
}

@media only screen and (min-width:960px ) {
	.headTop .fr a.bd:hover img{ display: block;}
	.scrollToTop{  display: none !important; }
		@-webkit-keyframes dhs{
		from{transform: translate(0,-100%); -webkit-transform: translate(0,-100%);}
		to{transform: translate(0,0); -webkit-transform: translate(0,0);}
	}
	@keyframes dhs{
		from{transform: translate(0,-100%); -webkit-transform: translate(0,-100%);}
		to{transform: translate(0,0); -webkit-transform: translate(0,0);}
	}

}

@media only screen and (max-width:960px ) {
	.footerTop .floatLeft{ float: none; width: auto;}
	.footerTop .floatRight{ float: none; width:auto; padding: 0 0 20px 0; border: 0;}
	.footerTop{ padding: 40px 0 2.5% 0;}
	.chooseVideo .swiper-slide.on .imgs:before{ border-color: #014b9a; border-width: 2px;}
	.rightMenu{ display: none;}
	.frSearch{ display:none;}
	.searchpt{ display:block;}
}


@media only screen and (max-width:767px ) {
	.newsDL dd{ width: 48%;}
	.newsDL{ padding: 0 1%;}
	.newsDL dd a{box-shadow: 0 0 25px -5px #ccc;}
	.newsDL dd .txt{ padding: 7px 13px 13px 13px;}
	.newsDL dd.newIcon a:before{ width: 35px;}
}


@media only screen and (max-width:640px ) {
	.headTop .fl,.headTop .fr a.bd{ display: none;}
	.headTop .fr .txt{ border: 0; padding: 0;}
	
	.logo img{ height: 30px;}
	.headTop{ line-height: 29px;}
	.headerBottom{ height: 50px;line-height: 50px;}
	.headerDL{ top: 50px;width: auto; left: 0;}
	body.on:before{ display: none;}
	.newsDL dd.newIcon a:before{ width: 25px;}
	.footerBottom{ padding: 20px 10px 60px 10px;}
	.footerBottom .link { display: flex; display: -webkit-flex; flex-wrap: wrap;}
	.footerBottom .link a{ width: 20%;box-sizing: border-box;-webkit-box-sizing:border-box; padding: 0;}
	.footerBottom .link a:nth-child(5){border: 0;}
	
	.headerDL{height: calc(100vh - 80px);}
	.head.on .headerDL{height: calc(100vh - 50px);}
	
	
}


@media only screen and (max-width:480px ) {
	.footerTop .wxwb{ text-align: center;}
	.footerTop .attetion{ position: static;}
	.footerBottom .link a{ font-size: 12px;}
}


@keyframes ulDH{
	from{transform: scaleY(0);}
	to{transform: scaleY(1);}
}
@-webkit-keyframes ulDH{
	from{-webkit-transform: scaleY(0);}
	to{-webkit-transform: scaleY(1);}
}

.float_img{position:fixed;right:50px;top:50%;margin-top:-100px;display:none;z-index:10;}
.float_img img{width:200px;}
.float_img .btnClose{position:absolute;top:0;left:0;width:24px;height:24px;background:url(/skin/images/erweima/close.png) no-repeat center center;}

.downloadList{
    margin-bottom:50px;
}
.downloadList .table {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    color:#666;
}
.downloadList .table td, .downloadList .table th{
    border:none;
    padding:8px;
    vertical-align:middle;
}
.downloadList .table tbody tr:nth-of-type(2n){
    background:#f4f4f4;
}
.downloadList .table thead th{
    background:#014b9a;
    color:#fff;
}
.downloadList .table .btn{
    text-align:center;
}
    .downloadList .table .btn a:hover,
    .downloadList .table .title a:hover {
        color: #014b9a;
    }

.welcome{
    margin-bottom:15px;
}
.welcome a{
    color:#014b9a;
    display:inline-block;
    padding:0 5px;
}
.loginPannel{
    margin-bottom:50px;
    border:1px solid #EEE;
}
.LoginL {
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding: 50px 0;
    border-right: 1px solid #eee;
}
.LoginR {
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding: 50px 0;
}
.loginPannel .wrap{
    max-width:300px;
    padding:0 30px;
    margin:0 auto;
}
.loginPannel h2,
.PasswordPannel h2 {
    color: #014b9a;
    font-size: 18px;
    text-align: center;
}
.loginPannel .cont{
    margin-top:20px;
    font-size:14px;
}
.LoginR .wrap{
    text-align:center;
}
.LoginL #txt_UserName,
.LoginL #txt_Password{
    border:1px solid #ddd;
    margin-bottom:15px;
    width:100%;
    padding:6px 12px;
    box-sizing:border-box;
}
.LoginL #btn_Login,
.PasswordPannel #btn_Login {
    background: #014b9a;
    color: #fff;
    width: 100%;
    padding: 6px 12px;
    box-sizing: border-box;
}

.PasswordPannel{
    padding-bottom:50px;
}
.PasswordPannel .txt1{
    border:1px solid #eee;
    padding:6px 12px;
    margin-bottom:15px;
    width:100%;
    box-sizing:border-box;
}

.PasswordPannel .wrap {
    max-width: 300px;
    padding: 0 30px;
    margin: 0 auto;
}
    .PasswordPannel .cont{
        margin-top:30px;
    }


@media (max-width:768px ) {
    .LoginL,.LoginR {
        width: 100%;
        border:none;
        padding:30px 0;
    }
}

.page{

	    clear: both;
    overflow: hidden;
    margin:0 auto;
    text-align: center;
    margin-bottom: 60px;
    margin-top:20px;
}

.page a {
   
    font-size: 14px;
    line-height: 46px;
    display: inline-block;
    overflow: hidden;
    width: 46px;
    height: 46px;
    margin: 0 3px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-align: center;
    color: #014b9a;
    border-radius: 50%;
    background-color: #eee;
}

.page a:hover {
   
    font-size: 14px;
    line-height: 46px;
    display: inline-block;
    overflow: hidden;
    width: 46px;
    height: 46px;
    margin: 0 3px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background-color: #014b9a;
}

.page span {
   
    font-size: 14px;
    line-height: 46px;
    display: inline-block;
    overflow: hidden;
    width: 46px;
    height: 46px;
    margin: 0 3px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-align: center;
    color: #014b9a;
    border-radius: 50%;
    background-color: #eee;
}

.paddingService{padding: 2% 0 1% 0 }

.banner .font36 b{text-shadow: 0px 0px 5px rgba(0, 0, 0, .5);}

@media only screen and (max-width:767px ) {
.footerTop .dizhi li{padding-right: 3%;width: 33.3333%; float: left;margin-bottom:20px;}
}


.pcblock{display: block!important;}
@media only screen and (max-width:767px ) {
	.pcblock{display: none!important;}
}

.phoneblock{display: none!important;}
@media only screen and (max-width:767px ) {
	.phoneblock{display: block!important}
}