@font-face {font-family: 'DINCond-Mediumcff915e7c3bc5';src: url('//cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.gif?r=53148925118');src: url('//cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.gif?r=53148925118?#iefix') format('embedded-opentype'),     url('//cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.bmp?r=53148925118') format('woff'),     url('//cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.jpg?r=53148925118') format('truetype'),     url('//cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.png#DINCond-Medium') format('svg');   }.csscff915e7c3bc5{font-family: 'DINCond-Mediumcff915e7c3bc5';}
@font-face {
  font-family: 'iconfont';  /* project id 520338 */
  src: url('//at.alicdn.com/t/font_520338_6z35szs7ttny7gb9.eot');
  src: url('//at.alicdn.com/t/font_520338_6z35szs7ttny7gb9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_520338_6z35szs7ttny7gb9.woff') format('woff'),
  url('//at.alicdn.com/t/font_520338_6z35szs7ttny7gb9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_520338_6z35szs7ttny7gb9.svg#iconfont') 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;}
.autowidth{ width: 1366px; margin: auto;color: #666666;}
.colorRed{ color: #d21313;}
.head{font-size: 14px; position: relative;z-index: 10;background: #dddfdf;}
.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: 55px; position: relative;border-left: 1px solid #F1F1F1;}
.headTop .fr a.bd img{max-width: 100px;padding: 2px;background: #384187; 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: #f1f2f3;z-index: 50;box-shadow: 0 5px 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 36px; position: relative; font-size: 16px;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 button{ position: absolute;right: 0;top: 0;bottom: 0;width: 30px;background: url(../images/sc.png) no-repeat center;border: 0;cursor: pointer;}

.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 button{ position: absolute;right: 0;top: 0;bottom: 0;width: 30px;background: url(../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: 13px;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: #384187;}
.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%; line-height: 2;background: #fff;z-index: 999;}
.headerOL li>a{ display: block; font-size: 14px; color: #666; line-height: 2.5; text-align: center;}
.language>a:hover{color: #384187;}
.logo img{ float:left}
.navMenu{ display: none;}
.minHeight{ min-height: calc(100vh - 500px); overflow: hidden; position: relative;z-index: 2;background: #f1f2f3;padding-bottom: 50px;}
.colorGreen{color: #384187;}

.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;}
.newsDL dd .txt{ padding:13px 18px 18px 18px;}
.newsDL dd .txt .color888{ height: 45px; overflow: hidden; margin-top: 5px;}
.newsDL dd h6{ font-weight: bold;}
.newsDL dd a{ display: block; position: relative;}
.newsDL dd a:hover{color: #384187;box-shadow: 0 0 25px -5px #ccc;}

.footerTop{background: #3c3c3c;font-size: 14px; padding: 4% 0 3% 0;color: #666; position: relative; border-top: 5px solid #384187;}
.footerTop .scrollToTop{right: auto;bottom:auto;background-color: #384187;z-index: 1; position: absolute; left: 50%;margin-left: -16px;top: 0;}
.footerTop .floatLeft{ width: 50%;}
.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: 16px;}
.footerTop .fontFFF{color: #fff; display: inline-block;font-family: Arial, Helvetica, sans-serif;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 p{ padding-top: 8px;}
.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: block; width: 100%;line-height: 40px;color: #fff;background: #384187;color: #fff;}
.formMsg .dd textarea{ min-height: 72px;}
.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 10px 0;}
.shareBtn .shareA{ display: inline-block; width: 36px;height: 36px;margin: 0 2px;background-color: #4e4e4e;}
.shareBtn .shareA:hover{background-color: #384187 !important;}
.footerBottom .link a:hover{color: #384187;}

.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: #384187 !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: #384187; opacity: 0; -webkit-opacity: 0;}
/*.chooseVideo .imgs img{ opacity: .5; -webkit-opacity: .5;transition: .5s;-webkit-transition: .5s;}*/
/*.chooseVideo .swiper-slide.on .imgs img{opacity: 1; -webkit-opacity: 1;}*/
.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: #384187 url(../images/close.png) no-repeat center;}

.footerTop input.submits:hover{ background: #f11b3f;}
.layui-layer .layui-layer-btn .layui-layer-btn0{background-color: #384187;border-color: #384187;}
.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;}
.rightMenu dd:hover .ewmDD{ display: block;}

@media only screen and (max-width:1400px ) {
	.autowidth{ width: 96%;}
	.headDL dd .oneA{ font-size: 15px;}
}
@media only screen and (max-width:1280px ) {
	.headDL dd .oneA{margin: 0 36px; font-size: 15px;}
	.headerOL li>a{font-size: 13px;}
}
@media only screen and (min-width:1280px ) {
	.headDL dd:before{ position: absolute; left: 50%;width: 0;bottom: 0;height: 3px;background: #384187;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: #384187;}
	.headerOL li>a:hover{background: #eee;color: #384187;}
	.rightMenu dd:hover>a{background: #384187;}
	.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: #60A511;}
}

@media only screen and (max-width:1200px ) {
	.navMenu{ display: block;}
	.headerBottom{ line-height: 60px;height: 60px;}
	.headerDL{ padding-top:10px; 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: 99;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 #b7c8a2; cursor: pointer; float: none; line-height: 34px;}
	.headDL dd:before{ position: absolute;right: 16px; top: 11px; width: 8px; height: 8px; border-left: 1px solid #384187; border-top: 1px solid #384187; content: '';transform: rotate(135deg); -webkit-transform: rotate(135deg);}
    .headDL dd.on:before{ opacity: 0;}
    .headDL dd .oneA{  font-size: 15px; color: #384187; display: block;}
    .headerOL{ position: static; padding:0 0 6px 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: #384187; 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;}
	/*.head{ position: fixed;background: #fff;z-index: 110;left: 0;right: 0;top: 0;box-shadow: 0 5px 5px -6px rgba(0,0,0,.4);}*/
	.logo img{ height: 50px;}
	.headTop{ line-height: 29px;}
	.headerBottom{ height: 50px;line-height: 50px;}
	.headerDL{ top: 50px;width: auto; left: 0; padding-top:10px}
	body.on:before{ display: none;}
	.newsDL dd.newIcon a:before{ width: 25px;}
	.footerBottom{ padding: 20px 10px;}
	.footerBottom .link { display: flex; display: -webkit-flex; flex-wrap: wrap;}
	.footerBottom .link a{ width: 25%;box-sizing: border-box;-webkit-box-sizing:border-box; padding: 0;}
	.footerBottom .link a:nth-child(5){border: 0;}
	
	.headerDL{height: calc(100vh - 80px); top: 50px; padding-top:10px}
	.head.on .headerDL{height: calc(100vh - 50px); top: 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(../images/close_1.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:#384187;
    color:#fff;
}
.downloadList .table .btn{
    text-align:center;
}
    .downloadList .table .btn a:hover,
    .downloadList .table .title a:hover {
        color: #384187;
    }

.welcome{
    margin-bottom:15px;
}
.welcome a{
    color:#384187;
    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: #384187;
    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: #384187;
    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;
    }
}

.w1200{width: 100%;max-width: 1200px; margin: 0 auto;}
.left{float: left;}
.right {float: right;}
.floor_2_main {background: #f7f7f7;}
.floor_2_main .box1 .left {width: 690px;padding-top: 12px;}
.floor_2_main .box1 .left li { border-bottom: 1px dashed #b3b3b3; padding-bottom: 10px; margin-bottom: 10px; }
.floor_2_main .box1 .left li .fl { width: 117px; margin-right: 20px; }
.floor_2_main .box1 .left li .fl img { width: 117px; }
.floor_2_main .box1 .left li .fr { float: left; width: 540px; }
.floor_2_main .box1 .left li .fr h3 { font-size: 24px; font-weight: 100; padding-top: 20px; padding-bottom: 16px; }
.floor_2_main .box1 .left li .fr h3 b { color: #ddd; margin-right: 5px; }
.floor_2_main .box1 .left li .fr .p {color: #666;line-height: 24px;padding-left: 15px;text-align: justify;height: 95px;overflow: hidden;}
.floor_2_main .box1 .right { width: 489px; }
.floor_2_main .box2 {padding: 30px 0;}
.floor_2_main .box2 .left { float: right; padding-top: 0; }
.floor_2_main .box2 .left li .fr {width: 520px;}
.floor_2_main .box2 .right { float: left; }
.floor_2_main .box2 .left li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.floor_2_main .box2 .left li{padding-bottom: 10px;margin-bottom: 10px;}
@media (max-width:1200px) {
	.floor_2_main .box1 .left{
		width: 100%;
	}
	.floor_2_main .box1 .left li{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.floor_2_main .box1 .left li .fl{
		width: 100%;
	}
	.floor_2_main .box1 .left li .fl img{
		display: none;
	}
	.floor_2_main .box1 .left li .fr{
		width: 100%;
	}
	.floor_2_main .box1 .left li .fr h3{
		font-size: 18px;
		font-weight: bold;
	}
	.floor_2_main .box1 .left li .fr .p{
		padding: 0 10px 0 10px;
		font-size: 12px;
		height: auto;
	}
	.floor_2_main .box1 .right{
		display: none;
	}
	.floor_2_main .box2{
		padding: 10px 0;
	}
}


/* process */
*{box-sizing:border-box;list-style:none;}
.process{margin: 0 0 50px 0;}
.logout-solution-wrap{width:100%;background:#fff}
.logout-solution{max-width:1200px;margin:0 auto;position:relative;padding-top: 20px;}
.logout-solution .title{width:100%;line-height:56px;font-size:36px;color:#384187;text-align:center;font-weight: bold;}
.logout-solution .title span{color: #3AA314;font-size:50px;}
.lsbs{height:400px;margin-top:40px}
.lsbs-container>div:first-child,.lsbs-container>div:first-child a{border-radius:4px 0 0 4px}
.lsbs-container>div:last-child,.lsbs-container>div:last-child a{border-radius:0 4px 4px 0}
.lsb-background{width:400px;height:400px;float:left}
.lsb-background:nth-child(1){background: url(../images/bg1.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(2){background: url(../images/bg2.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(3){background: url(../images/bg3.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb{width:100%;height:100%;padding:0 60px;background:rgba(0,0,0,.4);text-align:center;position:relative;transition:all .7s;display:block;overflow:hidden}
.lsb:hover{cursor:pointer;background:rgba(2,137,255,.8)}
.lsb:hover .lsb-icon{margin-top:-44px}
.lsb:hover .lsb-name{margin-top:106px}
.lsb:hover .lsb-span{margin-top:28px}
.lsb:hover .lsb-introduce{margin-top:16px}
.lsb:hover .lsb-href{margin-top:32px}
.lsb-icon{width:44px;height:44px;margin:auto;margin-top:135px;transition:all .5s}
.lsb-icon img{width:100%;height:100%}
.lsb-name{font-size:24px;color:#fff;margin-top:24px;line-height:33px;transition:all .5s}
.lsb-span{width:24px;height:4px;background:#fff;transition:all .5s;margin:auto;margin-top:24px}
.lsb-introduce{font-size:14px;color:#fff;display:-webkit-box;transition:all .5s;margin-top:136px}
.lsb-href{width:144px;height:40px;padding:9px 18px;border:1px solid #fff;border-radius:2px;text-decoration:none;transition:all .5s;margin:auto;margin-top:32px;color:#fff}
.lsb-href>div{width: 108px;}
.lsb-href span{font-size:16px;line-height:22px;float:left}
.lsb-href .icon-jinru{width:8px;height:22px;line-height:22px;font-family:iconfont!important;font-style:normal;float:right;color:"#fff";font-size:16px}
.lsb-href:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0}
.lsb-href:hover{background:#fff;color:#108ee9}
.lsb-href:hover .icon-jinru{color:#108ee9}
@media (max-width:1220px) {
	.process{
		display: none;
	}
}




/* 底部 */
.section {
    padding: 70px 0;
}
.section .container {
    padding: 0 15px;
    width: 1230px;
    margin: 0 auto;
}
.section-title {
	text-align: center;
	margin-bottom: 50px;
	font-size: 36px;
	font-weight: bold;
	text-shadow: 3px 2px 5px #333333;
}
.section-title small {
	display: block;
	font-weight: normal;
	font-size: 18px;
}
.section-title:after {
	display: block;
	content: '';
	background: url(../image/cptit.jpg) no-repeat center bottom / auto 100%;
	height: 18px;
	margin-top: 20px;
}
.bg2 {
	background: url(../images/rzbg.jpg) no-repeat center / cover;
	color: #fff;
}
.bg2 .section-title:after {
	background-image: url(../images/cptit.png);
}
.in-rz {
	margin-left: -82px;
}
.in-rz li {
	float: left;
	width: 131px;
	margin-left: 82px;
}
.in-rz li .wrap {
	display: table;
	width: 100%;
	height: 131px;
	position: relative;
}
.in-rz li .wrap:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: url(../images/rzico.png) no-repeat 0 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.in-rz li .inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 25px;
}
.in-rz li .inner p {
	margin: 0;
	text-shadow: 1px 1px 1px #666;
}
.in-rz li:nth-child(2) .wrap:before {
	background-position: -214px 0;
}
.in-rz li:nth-child(3) .wrap:before {
	background-position: -427px 0;
}
.in-rz li:nth-child(4) .wrap:before {
	background-position: -642px 0;
}
.in-rz li:nth-child(5) .wrap:before {
	background-position: -855px 0;
}
.in-rz li:nth-child(6) .wrap:before {
	background-position: -1068px 0;
}
.in-rz li .wrap:hover:before {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.in-rz-tel {
	margin-top: 50px;
	text-align: center;
}
.in-rz-tel p {
	margin: 0 auto;
	width: 480px;
	background: url(../images/rztel.png) no-repeat 0 0;
	height: 64px;
	padding-left: 110px;
	font-size: 16px;
	line-height: 40px;
	text-shadow: 1px 1px 1px #666;
}
.in-rz-tel strong {
	color: #f7c433;
	font-size: 30px;
	font-family: Impact;
}
.in-rz-tel .btn {
	display: block;
	width: 190px;
	line-height: 45px;
	color: #fff;
	background-color: #015cb5;
	margin: 20px auto 0;
}
@media (max-width:1200px) {
	.bg2 {
		display: none;
	}
}

/*footer*/
.footer_main {
	position: relative;
	width: 100%;
	height: 368px;
	background-color: #323A45;
	overflow: hidden;
}
.foot_z {
	width: 25%;
	float: left;
	margin-top: 50px;
	border-right: #999999 solid 1px;
	height: 250px;
}
.foot_z h3 {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}
.foot_z h3 i {
	display: block;
	width: 40px;
	height: 1px;
	background-color: #fff;
	margin-top: 16px;
}
.foot_z p {
	display: block;
	margin-top: 24px;
	font-size: 18px;
	color: #DDDDDD;
	font-weight: bold;
}
.foot_z ul {
	display: inline-block;
	width: 100%;
}
.foot_z ul li {
	display: block;
	font-size: 14px;
	color: #DCDCDC;
	line-height: 20px;
	padding-top: 10px;
}
.foot_z ul li span{
	font-size: 20px;
	color: #FFFFFF;
}
.foot_y {
	width: 55%;
	float: left;
	margin-top: 50px;
	margin-left: 50px;
	border-right: #999999 solid 1px;
	height: 250px;
}
.foot_j {
	float: right;
	width: 15%;
	text-align: center;
	margin-top: 50px;
}
.foot_j .wx1{
	width: 80%;
	margin: 0 auto;
}
.foot_j .wx1 img{
	width: 100%;
	border: 5px solid rgba(255,255,255,0.5);
}
.foot_j p {
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
}
.foot_j span {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	padding-top: 5px;
}
.foot_j .item .txt.tel {
	margin-left: 5px;
}

.footer-list{
	color: #FFFFFF;
}
.footer-list li{
	float: left;
	padding-right: 3%;
	width: 25%;
}
.footer-list li h3{
	margin-bottom: 20px;
}
.footer-list li h3 a{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}
.footer-list li p{
	display: block;
	color: #EEEEEE;
	font-size: 14px;
}
.footer-list li p a{
	display: block;
	color: #CCCCCC;
	line-height: 28px;
}

/* 手机导航 */
.tab-head{
	width: 100%;
	height: auto;
	background: #0256AC;
	overflow: hidden;
	display: none;
}
.tab-head li{
	width: 33.3%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	float: left;
	border-right: 1px #1372f4 solid;
	border-bottom: 1px #1372f4 solid;
	box-sizing: border-box;
	list-style-type:none;
}
.tab-head li a{
	width: 100%;
	height: 35px;
	color: #FFFFFF;
}
@media (max-width:768px) {
	.tab-head{
		display: block;
	}
}

/*移动端底部导航*/
.phonefooternav {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99999;
	display:none;
}
.phonefooternav ul{
	padding: 0;
}
.phonefooternav ul li {
	width: 25%;
	background: #0256AC;
	float: left;
	padding: 5px 0;
	border-right: 1px solid #FFFFFF;
	list-style: none;
	box-sizing: border-box;
}
.phonefooternav ul li:nth-child(3){
	width: 50%;
	background: #F9C402;
}
.phonefooternav ul li a {
	display: block;
	color: #fff;
	text-align: center;
}
.phonefooternav ul li a:hover .call {
	color: yellow;
}
.phonefooternav ul li a img {
	width: 22px;
	padding: 2px 0;
}
.phonefooternav p{
	color: #FFFFFF;
	font-size: 14px;
	margin: 0;
	text-align: center;
}
@media (max-width: 768px) {
	.footer_main{
		display: none;
	}
	.phonefooternav {
		display: block;
	}
	.di{
		padding: 20px 0;
	}
}

.g-cur {
	height: 55px;
	line-height: 55px;
	background: #f5f5f5;
	color: #666666;
	background: #f1f2f3;
}

.g-cur .wp {
	background: url('../images/home.png') left center no-repeat;
	padding-left: 20px;
	box-sizing: border-box;
	font-size: 14px;
}

.g-cur .wp a {
	color: #666666;
	font-size: 14px;
}

.g-cur .wp a:hover {
	color: #DA0102
}
.wp {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
}

/* about */
.content_first{
	margin: 0 auto;
	padding-top: 50px;
	letter-spacing: 1px;
}
.content_first .big{
	text-align: center;
    font-size: 32px;
    color: #333333;
}
h3.about_us {
    margin-bottom: 0px;
    text-align: center;
    font-weight: 500;
    line-height: 1.1;
    margin-top: 0px;
    padding: 10px 0px;
    font-size: 20px;
    color: #666666;
}
h3.about_us span {
    display: block;
    font-size: 20px;
    color: #666666;
    position: relative;
}
h3.about_us span:before, h3.about_us span:after {
    content: '';                 /*CSS伪类用法*/
    position: absolute;
    top: 52%;
    background: #666666; 
    width: 87px;
    height: 1px;
}
h3.about_us span:before{
    left: 35%;
}
h3.about_us span:after {
    right: 35%;
}
.content_first .title{
	color: #333333;
    line-height: 40px;
    font-size: 21px;
    margin-top: 30px;
	margin-bottom: 30px;
    text-align: center;
	font-weight: bold;
}
.cf_pic{
	width: 900px;
	height: 160px;
	margin: 0 auto;
	margin-top: 70px;	
	margin-bottom: 70px;	
}
.cf_pic_box{
	float: left;
	width: 180px;
	height: 140px;
}
.cf_pic_box div{
	margin: 0 auto;
}
.cf_pic_box p{
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	text-indent: 0!important;
}
.cf_1{
	width: 100px;
	height: 100px;
	background-image: url(../images/about1s.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}
.cf_1:hover{
	background-image: url(../images/about1.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}
.cf_2{
	width: 100px;
	height: 100px;
	background-image: url(../images/about2s.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}
.cf_2:hover{
	background-image: url(../images/about2.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}
.cf_3{
	width: 100px;
	height: 100px;
	background-image: url(../images/about3s.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}
.cf_3:hover{
	background-image: url(../images/about3.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}
.cf_4{
	width: 100px;
	height: 100px;
	background-image: url(../images/about4s.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}
.cf_4:hover{
	background-image: url(../images/about4.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}
.cf_5{
	width: 100px;
	height: 100px;
	background-image: url(../images/about5s.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}
.cf_5:hover{
	background-image: url(../images/about5.png);
	-moz-background-size: 100% 100%; 
	background-size: 100% 100%;
}

@media(max-width: 800px){
	.content_first{
		padding-top: 10px;
	}
	.content_first .title{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	h3.about_us{
		display: none;
	}
	.cf_pic{
		display: none;
	}
}

/*feedback*/
.ny_feed_ny {
	width: 100%;
	height: auto;
	overflow: hidden
}

.ny_feed_tit {
	text-align: center;
	padding-bottom: 1em;
	border-bottom: 1px solid #e6e6e6;
	color: #626262
}

.ny_feed_tit span {
	font-size: 1.6em;
	font-weight: bold;
	color: #093880;
	display: block;
	text-align: center;
	line-height: 3em
}

.ny_feed_ny form {
	margin-top: 3em
}

.lyb {
	width: 50%;
	margin: .5em auto;
}

.lyb input {
	width: 100%;
	border: 1px solid #e7e7e7;
	color: #626262;
	height: 3em;
	font-size: 1.1em
}

.lyb textarea {
	width: 100%;
	border: 1px solid #e7e7e7;
	color: #626262;
	height: 8em;
	font-size: 1.1em
}

.lyb_tj {
	width: 20%;
	margin: 2em auto;
}

.lyb_tj input {
	width: 100%;
	background-color: #093880;
	border: 1px solid #093880;
	color: #fff;
	height: 3em;
	font-size: 1.3em
}

@media (max-width:991px) {
	.lyb {
		width: 70%;
	}
	.lyb_tj {
		width: 40%;
	}
}

/* 联系我们 */
.lianxi{
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	position: relative;
	padding: 10px;
}
#maximg .lx{position: relative;}
#maximg .lx img{
	max-width: inherit;
}
#maximg .lx .us_map{
	margin-top: 20px;
}
.ditu_info{position:absolute;top:0;left:0;z-index:5;box-sizing:border-box;padding:40px 30px;width:40%;height:100%;}
.ditu_info .bg{box-sizing:border-box;padding:40px 30px;width:100%;height:100%;background-color:rgba(2, 86, 172,.8);}
.ditu_info h2{color:#fff;font-size:24px;line-height:30px;font-weight: bold;margin-bottom: 40px;}
.ditu_info dl i{padding-right:7px;font-size:.8rem;}
.ditu_info dl dd{margin-bottom:10px;color:#fff;font-size:16px;line-height:24px;margin-left: 0;}
.ditu_info dl dd span{float:left;color: #FFFFFF;font-size: 16px;}
.ditu_info dl dd a{color: #FFFFFF;font-size: 16px;color: #FFFFFF;}
.ditu_info dl dd div{font-size: 16px;color: #FFFFFF;}
@media (max-width:768px) {
	.ditu_info{
		display: none;
	}
}


.show-article {
    padding: 60px 0 10px;
    background: #f1f2f3;
}
.wd1200 {
    max-width: 1200px;
    margin: auto;
}
.show-article .wd1200 .show-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
	background: #FFFFFF;
}

.show-article .wd1200 .show-box .picture {
    width: 600px;
    height: 450px;
}

.show-article .wd1200 .show-box .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.show-article .wd1200 .show-box .info {
    flex: 1;
    height: 400px;
    box-sizing: border-box;
    padding: 40px 55px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.show-article .wd1200 .show-box .info .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.show-article .wd1200 .show-box .info .top .name {
    font-size: 26px;
}

.show-article .wd1200 .show-box .info .top .price {
    font-size: 16px;
    color: #6f6f6f;
}

.show-article .wd1200 .show-box .info .top .price strong {
    font-size: 36px;
    color: #de0024;
}

.show-article .wd1200 .show-box .info .intro {
    font-size: 16px;
    lighting-color: 32px;
    color: #808080;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.show-article .wd1200 .show-box .info .intro p{
	line-height: 30px;
}

.show-article .wd1200 .show-box .info .photo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.show-article .wd1200 .show-box .info .photo img {
    width: 150px;
    height: 112px;
    display: block;
    cursor: pointer;
    transition: 0.3s;
}

.show-article .wd1200 .show-box .info .bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.show-article .wd1200 .show-box .info .bot .detail {
    width: 170px;
    height: 54px;
    border: solid 1px #999999;
    font-size: 16px;
    line-height: 54px;
    text-align: center;
    transition: 0.2s;
}

.show-article .wd1200 .show-box .info .bot .detail:hover {
    background-color: #0257b1;
    border: 1px solid #0257b1;
    color: #fff;
}

.show-article .wd1200 .show-detail {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.show-article .wd1200 .show-detail .detail-body {
    flex: 1;
    padding: 27px 30px;
    background: #f1f2f3;
}

.show-article .wd1200 .show-detail .detail-body .title {
    font-size: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.show-article .wd1200 .show-detail .detail-body .body {
    padding-top: 30px;
    font-size: 16px;
    color: #666;
    line-height: 32px;
    text-align: justify;
}

.show-article .wd1200 .show-detail .detail-body .body img {
    max-width: 100%;
}

@media (max-width:768px) {
	.show-article {
	    padding: 30px 0;
	}
	.show-article .wd1200 .show-box {
	    display: block;
	}
	.show-article .wd1200 .show-box .picture {
	    width: 100%;
	    height: auto;
	}
	.show-article .wd1200 .show-box .picture img {
	    width: 100%;
	}
	.show-article .wd1200 .show-box .info {
	    height: auto;
	}
	.show-article .wd1200 .show-box .info .photo {
	    margin: 15px 0 20px;
	}
	.show-article .wd1200 .show-box .info .photo img {
	    width: 32%;
	    height: auto;
	}
	.show-article .wd1200 .show-box .info .top .name {
	    font-size: 22px;
	}
	.show-article .wd1200 .show-box .info .top .price strong {
	    font-size: 24px;
	}
	.show-article .wd1200 .show-box .info {
	    padding: 20px 15px;
	}
	.show-article .wd1200 .show-box .info .intro {
	    margin-top: 15px;
	}
	.show-article .wd1200 .show-box .info .bot .detail {
	    width: 110px;
	    height: 40px;
	    line-height: 40px;
	}
	.show-article .wd1200 .show-detail {
	    margin-top: 30px;
	}
	.show-article .wd1200 .show-detail .detail-body {
	    padding: 20px 15px;
	}
	.show-article .wd1200 .show-detail .detail-body .body {
	    padding-top: 20px;
	}
	.show-article .wd1200 .show-detail .detail-body .body {
	    line-height: 28px;
	    font-size: 15px;
	}
}

.jump {margin-top: 30px; padding: 16px 0; color: #333; border-top: 1px solid #E1E1E1;}
.jump p {color: #444444; line-height: 32px;text-indent: 0;text-align: left;}
.jump p a{color: #777777;}
.jump p a:hover {color: #0257b1;}


/* 点击放大图片 */
.bigimg {
	width: 600px;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
	z-index: 9999;
	border: 5px solid #fff;
}

.mask {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.5;
	filter: Alpha(opacity=50);
	z-index: 98;
	transition: all 1s;
	display: none
}

.bigbox {
	width: 840px;
	background: #fff;
	border: 1px solid #ededed;
	margin: 0 auto;
	border-radius: 10px;
	overflow: hidden;
	padding: 10px;
}

.bigbox>.imgbox {
	width: 400px;
	height: 250px;
	float: left;
	border-radius: 5px;
	overflow: hidden;
	margin: 0 10px 10px 10px;
}

.bigbox>.imgbox>img {
	width: 100%;
}

.imgbox:hover {
	cursor: zoom-in
}

.mask:hover {
	cursor: zoom-out
}

.mask>img {
	position: fixed;
	right: 10px;
	top: 10px;
	width: 60px;
}

.mask>img:hover {
	cursor: pointer
}

/* .headDL dd:hover .headerOL {
    display: block;
} */