@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?') 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') format('svg');   }.csscff915e7c3bc5{font-family: 'DINCond-Mediumcff915e7c3bc5';}

@font-face {

  font-family: 'iconfont';  

  src: url('../font/font_520338_6z35szs7ttny7gb9.eot');

  src: url('../font/font_520338_6z35szs7ttny7gb9.eot') format('embedded-opentype'),

  url('../font/font_520338_6z35szs7ttny7gb9.woff') format('woff'),

  url('../font/font_520338_6z35szs7ttny7gb9.ttf') format('truetype'),

  url('../font/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: #0068e9; 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: 95px;height: 95px; 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: 18px;color: #333;}

.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(../image/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(../image/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 20px;  position: relative;border-radius: 16px;line-height: 30px; padding: 0 0px 0 0px;}

.language .headerOL{ padding-top: 20px;}

.language:hover .headerOL{ display: block;}

.language>a{ display: block;text-transform: uppercase; color: #666;}

.language>a:hover{color: #0068e9;}

.language>a i{ font-size: 20px; padding-right: 6px; display: inline-block; vertical-align: top;}

.language>a  span{ font-size: 22px; color:#0068e9;font-weight:bold;}

.headerOL{display: none; position: absolute; left: 0;right: 0;top: 100%; 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: #0068e9;}

.navMenu{ display: none;}

.minHeight{ min-height: calc(100vh - 500px); overflow: hidden; position: relative;z-index: 2;}

.colorBlue{color: #0068e9;}

.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(../image/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: #0068e9;box-shadow: 0 0 25px -5px #ccc;}



.footerTop{background: #333;font-size: 14px; padding: 2% 0 1% 0;color: #666; position: relative; border-top: 5px solid #0068e9;}

.footerTop .scrollToTop{right: auto;bottom:auto;background-color: #;z-index: 1; position: absolute; left: 50%;margin-left: -16px;top: 0;}

.footerTop .floatLeft{ width: 100%;}

.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: #; padding: 20px;color: #999;}

.footerTop .dizhi li{    padding-right: 20px;
    float: left;
    margin-bottom: 20px;
    width: 200px;
    overflow: hidden;}

.footerTop .dizhi li a{color: #999;}
.footerTop .dizhi li a img{padding-top: 20px;}

.footerTop .dizhi li a:hover{color: #ddd;}

.footerTop .dizhi li h6 a{color: #fff;}

.footerTop .dizhi p{ padding-top: 8px;line-height: 20px;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; background: #b8151c;color: #fff;}

.formMsg .dd textarea{ min-height: 70px;}

.footerBottom{background: #212121;color: #666; padding: 1%;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:  0;}

.shareBtn .shareA{ display: inline-block; width: 36px;height: 36px;margin: 0 2px;background-color: #4e4e4e;}

.shareBtn .shareA:hover{background-color: #0068e9 !important;}

.footerBottom .link a:hover{color: #0068e9;}



.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: #0068e9 !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: #0068e9; 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: #0068e9 url(../image/close.png) no-repeat center;}



.footerTop input.submits:hover{ background: #0068e9;color:#fff;}

.layui-layer .layui-layer-btn .layui-layer-btn0{background-color: #0068e9;border-color: #0068e9;}

.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:1380px ) {

	.headDL dd .oneA{margin: 0 10px; font-size: 14px;}

}

@media only screen and (min-width:1300px ) {

	.headDL dd:before{ position: absolute; left: 50%;width: 0;bottom: 0;height: 3px;background: #0068e9;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: #0068e9;font-weight:bold;}

	.headerOL li>a:hover{background: #eee;color: #0068e9;}

	.rightMenu dd:hover>a{background: #0068e9;}

	.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 #0068e9; border-top: 1px solid #0068e9; content: '';transform: rotate(135deg); -webkit-transform: rotate(135deg);}

    .headDL dd.on:before{ opacity: 0;}

    .headDL dd .oneA{  font-size: 15px; color: #0068e9; 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;}

    .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: #0068e9; 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(http://www.wxguogang.com/template/default/index/static/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:#0068e9;

    color:#fff;

}

.downloadList .table .btn{

    text-align:center;

}

    .downloadList .table .btn a:hover,

    .downloadList .table .title a:hover {

        color: #0068e9;

    }



.welcome{

    margin-bottom:15px;

}

.welcome a{

    color:#0068e9;

    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: #0068e9;

    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: #0068e9;

    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: #0068e9;

    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: #0068e9;

}



.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: #0068e9;

    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}

}