/* CSS Document */

/*--reset--*/
*{margin: 0; padding: 0; outline: none;box-sizing: inherit;}
*:not(input,textarea){-webkit-touch-callout: inherit; -webkit-user-select: auto;}
body{width:100%; min-width: 1200px !important; color: #000; -webkit-touch-callout: inherit ; -webkit-user-select: auto ; background-color: #f2f2f2; margin:0 auto; font-size:14px;font-family:"Microsoft YaHei"!important; }
a{color: #000; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor: pointer;}
a:hover{text-decoration: none;color: #000000;}
button,input,select,textarea{font-size: 100%; margin: 0; padding: 0; outline: none;border:none;background: none;}
dt,dd{display: inline-block;}
textarea,input{resize: none; outline: none;}
textarea{resize: none; -webkit-appearance: none;}
ul,ol,li{list-style: none;}
i, em, b {
    font-style: normal;
    font-weight: normal;
}
img{display:block;border-style:none;}
/*--input--*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}   
/*--float--*/
.fl, .fr{display: inline; float: left;}
.fr{float: right;}
/*--blank10--*/
.blank1{ width:100%; height:2px; line-height:2px; overflow:hidden; clear:both;}
.blank10{ width:100%; height:20px; line-height:20px; overflow:hidden; clear:both;}

.blank144{ width:100%; height:144px; line-height:144px; overflow:hidden; clear:both;}
.blank104{ width:100%; height:104px; line-height:104px; overflow:hidden; clear:both;}

.wrapper{width:1200px;height: auto;margin: 0 auto;position: relative;}

/*导航栏---未滚动前*/
.header{width:100%;height: auto;padding:  0;transition: .2s all;position: fixed;top: 0;left: 0;z-index: 999;background: #fff;}
.header-con{width:100%;height: 104px;background: #fff;border-radius: 10px;box-sizing: border-box;transition: .2s all;}
.header-con .logo,.header-con .logo img{width:104px;height: 104px;}
/*导航栏---滚动时*/
.scrollY{position: fixed;top: 0;left: 0;background: #fff;z-index: 999;padding: 0;box-shadow: 0 1px 16px rgba(0,0,0,0.1);}
.scrollY .header-con{background-color: transparent;padding: 0;}


/*菜单*/
.header-con .header-nav{width:auto;margin: 0 0 0 95px;height: 100%;box-sizing: border-box;padding: 30px 0;transition: .2s all;}
.header-con .header-nav li{float:left;height: 44px;line-height: 44px;position: relative;margin:0 18px;font-size: 18px;color: #515151;}
.header-con .header-nav li a{display:inline-block;color:inherit;}
.header-con .header-nav li:hover,.header-con .header-nav .selected{color:#000;}
.header-con .header-nav li:after{position:absolute;bottom:2px;left:0;width:0;height:2px;content:'';background-color:#000;-webkit-transition:width .15s linear;-moz-transition:width .15s linear;-o-transition:width .15s linear;transition:width .15s linear}
.header-con .header-nav .selected:after{position:absolute;bottom:2px;left:0;width:50%;height:2px;content:'';background-color:#000;-webkit-transition:width .15s linear;-moz-transition:width .15s linear;-o-transition:width .15s linear;transition:width .15s linear}
.header-con .header-nav li:hover:after{width:50%;}

/*搜索*/
.header-con .search{width:240px;height: 40px;border-radius: 20px;background: #f2f2f2;box-sizing: border-box;padding: 0 30px 0 56px;line-height: 40px;color: #9e9e9e;font-size: 14px;background-image: url("../images/icn-02.png");background-size: 21px 21px;background-repeat: no-repeat;background-position: 30px center;margin-top: 30px;cursor: pointer;margin-right: 20px;}
/*版本选择*/
.header-con .switchLang{width:auto;margin-top: 30px;position: relative;line-height: 40px;color: #515151;font-size: 14px;cursor: pointer;}
.header-con .switchLang .currentLang{width:auto;height: 40px;position: relative;padding-right: 12px;display: block;}
.header-con .switchLang .currentLang b{width:8px;height: 5px;margin-left: 4px;vertical-align: middle;position: absolute;right:0px;top: 18px; background: url(../images/icn-04.png) no-repeat center top;transition:.3s;display: block;}
.header-con .switchLang .currentLang:hover> b{transform:rotate(180deg);-webkit-transform:rotate(180deg);}


/*弹出层*/
.mask{width:100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.88);z-index: 999;}
.mask-con{margin-top: 185px;width: 100%;}

/*搜索*/
.mask-con .search-con{width:660px;height: 80px;border-radius:40px;box-sizing: border-box;margin: 0 270px;line-height: 80px;overflow: hidden;}
.mask-con .search-con .con-left{width:140px;height: 80px;background: #fff;display: inline-block;position: relative;}
.mask-con .search-con .con-left img{width:31px;height: 31px;position: absolute;right: 20px;top: 24.5px;}
.mask-con .search-con input{width:360px;height: 80px;line-height: 80px;border: none;background-color: transparent;font-size: 20px;color: #000;float: left;background: #fff;}
.mask-con .search-con .con-left .sel {  height:50px; margin-left:20px;font-size: 20px;}


.mask-con .search-con .btnSearch{width:160px;height: 80px;background: #000;float: right;color: #fff;font-size: 20px;text-align: center;cursor: pointer;}
.mask-con .searchkey{width:100%;height: auto;margin-top: 30px;color: #fff;box-sizing: border-box;padding:0 275px; }
.mask-con .searchkey p{display:block;width:100%;font-size: 18px;line-height: 42px;padding-left: 40px;}
.mask-con .searchkey li{float:left;margin:0 40px;}
.mask-con .searchkey a{color:#fff;float: left;font-size: 16px;line-height: 36px;}

.mask-con .btnClose{width:109px;height: 109px;margin-left: 545px;margin-top: 80px;}

/*语言*/
.mask-con .font20{width:100%;font-size: 20px;color: #fff;text-align: center;}
.mask-con .langs{width:100%;text-align: center;margin-top: 50px;}
.mask-con .langs a{display:inline-block;color: #fff;text-align: center;line-height: 40px;margin: 0 40px;}
.mask-con .langs a img{width:90px;height: 90px;display: inline-block;}

.showMask{
	-webkit-animation: showMask .3s ease both;
	animation: showMask .4s ease both;
	-webkit-animation-delay:.2s;
	animation-delay:.2s;
}
.showMask .mask-con{
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInLeft .5s both ease-out;
	animation: flipInLeft .5s both ease-out;
	-webkit-animation-delay:.6s;
	animation-delay:.6s;
}
.showMask .btnClose{
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInLeft .5s both ease-out;
	animation: flipInLeft .5s both ease-out;
	-webkit-animation-delay:.6s;
	animation-delay:.6s;
}
@-webkit-keyframes showMask {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes showMask {
  0% {opacity: 0;}
  100% {opacity: 1;}
}



@-webkit-keyframes flipInLeft {
	from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipInLeft {
	from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}



/*脚部*/
.footer{width: 100%;height: auto;background: #f2f2f2;}
.footer .footer-con{width:100%;height: auto;border-radius: 10px;text-align: center;font-size: 14px;color: #515151;line-height: 28px;padding: 40px 0;}
.footer .footer-con span{color:#999999;margin: 0 5px;}
.footer .footer-con a{color: #515151;}
.footer .footer-con .footer_logo{line-height:17px;margin-top: 10px;display: inline-flex;justify-content: center;}
.footer .footer-con .footer_logo::after{content: ''; background-image:url("../images/footer_logo.png");width:196px;height: 17px;background-size: contain;background-position: center;background-repeat: no-repeat;display: inline-block;margin-left: 10px;}

.col{width:100%;height: auto;}

.acol1{width:100%;height: 200px;background-repeat: no-repeat;background-size: cover;background-position: center;background-image: url("../images/aboutbanner.jpg")}
.acol1 .acon{width:100%;height: 200px;border-radius: 10px;overflow: hidden;text-align: center;line-height: 200px;font-size: 26px;font-weight: bold;color: #fff;}

/*面包屑*/
.acol2{padding:25px 0;font-size: 14px;color: #999;background: #fff;}
.acol2 .acol2-wap{width: 1000px;line-height: 75px;box-sizing: border-box;text-align: right;margin: 0 100px;border-bottom: 1px solid #ebebeb;}
.acol2 a{color:#999;}

.acol3{padding:25px 0;font-size: 14px;color: #000;background: #f2f2f2;width:100%;line-height: 50px;}
.acol3 a{color:#000;}


.acol4{padding:35px 0;font-size: 14px;color: #999;background: #fff;width:100%;line-height: 50px;}
.acol4 a{color:#999;}

/*--pagingbar--*/

/*--pagingbar--*/
.pagingbar{width:100%; height:auto; text-align:center; float:left; margin: 10px 0;}
.pagingbar .blue{text-align: center;}
.pagingbar .blue A{width:100px;height: 46px;color: #999;font-size:18px;line-height: 46px;text-align: center;display: inline-block;border:1px solid #ebebeb;margin: 0 10px;}
 .pagingbar .blue A:hover{ border:1px solid #000;color: #fff;background: #000;width:100px;height: 46px;font-size:18px;line-height: 46px;text-align: center;display: inline-block;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;}

.pagingbar .blue A:active{border:1px solid #000;color: #fff;background: #000;width:100px;height: 46px;cfont-size:18px;line-height: 46px;text-align: center;display: inline-block;}
.pagingbar .blue span.current{border:1px solid #000;color: #fff;background: #000;width:100px;height: 46px;font-size:18px;line-height: 46px;text-align: center;display: inline-block;margin: 0 10px;}
.pagingbar .blue span.disabled{border:1px solid #ebebeb;color: #fff;background: #ebebeb;}


 .pagingbar .blue A:hover{ border:1px solid #000;color: #fff;background: #000;width:100px;height: 46px;font-size:18px;line-height: 46px;text-align: center;display: inline-block;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;}






/*客服*/
.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:20%;right:-167px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul {opacity:0.8;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.yb_bar ul li{width:220px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#030303 url(../images/rightbar-b.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#030303 url(../images/rightbar-b.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#030303 url(../images/rightbar-b.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#030303 url(../images/rightbar-b.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
.yb_bar ul:hover{opacity:1;}


/*nullpage*/
.nullpage{width:100%;height: auto;}
.nullpage .codecon{width:417px;height: 476px;margin: 10% auto 0 auto;background: #fff;text-align: center;font-size: 22px;color: #515151;box-sizing: border-box;padding: 40px 37.5px 30px 37.5px;border-radius: 10px;line-height: 64px;}
.nullpage .codecon .code,.nullpage .codecon .code img{width:342px;height: 342px;}


.nullfooter{width:100%;position: absolute;bottom:35px;left: 0;text-align: center;font-size: 14px;color: #999;line-height: 24px;}
.nullfooter a{color:#999;cursor: pointer;}





.header-con .header-naven{margin: 0 0px 0 50px;}