@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body,
button,
input,
select,
textarea {
  font: 1.4rem "Microsoft YaHei";
  outline: none;
  font-family: "Microsoft Yahei",Arial, Helvetica,"Hiragino Sans GB", SimSun,  "Helvetica Neue";
}
ul,
ol,
li {
  list-style: none;
}
input,
button {
  border: none;
  outline: none;
  background: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
select {
  -webkit-appearance: none;
  -moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
}
html {
  font-size: 62.5% !important;
}
body {
  font-size: 1.4rem;
  color: #3E3E3E;
}
.wrap{width:1260px; margin:0 auto;overflow: hidden;}
.clearfix {
  clear: both;
}
p{margin-bottom: 0;}
img {
  display: block;
  border: none;
}
a {
	color: #3E3E3E;
  text-decoration: none !important;
}
a:hover{
	color: #3E3E3E;
	text-decoration: none !important;
}
.mouse1{
	width: 20px; height: 37px; position: absolute; bottom: 100px; z-index: 2; animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -moz-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -webkit-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -o-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; display: block; left: 50%; margin-left: -10px; color: transparent; font-size: 0;
}
.section{ overflow:hidden;} 
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

        @font-face {font-family: "../font/iconfont";
          src: url('../font/iconfont.eot'); /* IE9*/
          src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
          url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }

        .iconfont {
          font-family:"../font/iconfont" !important;
          font-size:16px;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }

/*backToTop*/
.model_back_top {
  position: absolute;
  top: -54px;
  right: 3%;
  z-index: 99;
  width: 54px;
  height: 54px;
  background: url("../images/arrow-top.png") no-repeat center 14px;
 background-color: #00375d;
  opacity: 0.8;
  cursor: pointer;
  transition: all 0.6s;
  font-size: 12px;
  color: #fff;
  text-align: center;
  padding-top: 28px;
}
.model_back_top:hover {
  opacity: 1;
}



/*loadding*/
.loading{position: fixed;top: 0;left: 0; width: 100%;height: 100%; z-index: 101;pointer-events: none;}
.lodingLOgo{position: absolute;top: 50%;left: 50%;width: 200px;height: 70px;margin-left: -100px;margin-top: -50px;z-index: 1;}
.loading img{width: 100%; }
.loading .topBlock{z-index: 0; background-color: #005094;position: absolute;top: 0;left: 0;width: 100%;height: 50%;transition-duration: 1s;-webkit-transition-duration: 1s;}
.loading .topBlock.out{top:-50%;}
.loading .bottomBlock{z-index: 0;background-color: #005094;position: absolute;bottom: 0;left: 0;width: 100%;height: 50%;transition-duration: 1s;-webkit-transition-duration: 1s;}
.loading .bottomBlock.out{bottom: -50%;}
.loading .mask{-webkit-mask:url(../images/mask1.png);-webkit-mask-size: cover;overflow: hidden;position: relative;}
.light {
    position: absolute;
    left: -100%;
    top: 0;
    width: 150px;
    height: 100%;
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    transform: skewX(-25deg) rotate(90deg);
    z-index: 9999;
    transition: all 1s;
    -moz-transition:all 0.5s;
}
.light.active{margin-left: 200%;}
.mobilebanner{display: none;}

.ys_menu{z-index:9999;}
#nav-menu{}
#nav-menu .container{position:relative;z-index:99;}
#nav-menu ul{ float:left;}
#nav-menu .top_lanm{ color:#f0f0f0;}
#nav-menu .top_lanm a{margin:0px 5px; color:#f0f0f0; line-height:50px;}


#nav-menu .menu li{position:relative;float:left;display:inline;font-size:14px; }
.menu_line{width:2px; background:url(../images/menu_line.jpg) no-repeat; height:39px;}
#nav-menu .menu li a.xialaguang{display:inline-block;color:#f0f0f0;font-family:"微软雅黑";font-size:14px; line-height:50px; width:70px;text-align:center;}
#nav-menu .menu li a.selected,#nav-menu .menu li a.navhover,#nav-menu .menu li a.xialaguang:hover{color:#ffb172; width:70px; display:block; }
#nav-menu .menu ul.children{display:none;position:absolute;width:90px;left:0px; height:170px;background:url(../images/tm.png); color:#000;border-top:0;line-height:normal; z-index:9999;}
#nav-menu .menu ul.children dl{ float:left;width:90px;}
#nav-menu .menu ul.children li{padding:0px;width:90px;font-size:14px;}
#nav-menu .menu ul.children li h3{display:block; width:100%;}
#nav-menu .menu ul.children li a{width:100%;line-height:38px;overflow:hidden;display:block;color:#fff; font-family:"微软雅黑";text-align:center;text-decoration:none; font-size:14px;}
#nav-menu .menu ul.children li a:hover{text-decoration:none; color:#ffb172;}
.active #nav-menu .menu li a{ color:#333;}
.active #nav-menu .menu li a.xialaguang:hover{color:#FF0000; width:70px; display:block; }
.active #nav-menu .top_lanm dl{ color:#333; font-weight:bold; line-height:34px; float:right;}




/*header*/
.whiteBg,.header{background-color: #e4e4e4;}
.whiteBg1{background-color: #f6f6f6;}
header{transition-duration: .5s;-webkit-transition-duration: .5s; position: absolute;top: 0;left: 0;width: 100%; z-index: 100; height:50px;box-sizing: border-box;}
.headerIndex{background:rgba(0,0,0,0.4); z-index:9999; position:fixed; top:0;}
header .header-body{margin: 0 auto; width: 94%; border-bottom: 1px solid #c4c4c4;}
.headerIndex .header-body{border-bottom: none;width:1300px; margin:0 auto;}
header .logo{display: inline-block;position: relative;z-index: 110; padding-top:10px;}
header .logo a{display: block;}
header .mobile{display: none;}
header nav{float: right;width:780px;}
header nav li{position: relative; float: left; padding: 0px 10px; box-sizing: content-box;}
header nav li:after{content: "";position: absolute;right: 0;top: 7px; width: 1px;height: 17px;}
header nav li.last:after{display: none;}
header nav li a{position: relative; display: inline-block;width: 100%;text-align: center;color: #c4c4c4;font-size: 14px;line-height: 32px;border-radius: 20px;transition-duration: .5s;-webkit-transition-duration: .5s;}
header nav li.service a:after{display: none; content: ""; position: absolute;bottom: -20px;left: 50%;margin-left: -10px; border: 10px solid;border-color: #da251d transparent transparent transparent;}
header nav li.service:hover a:after,header nav li.service.active a:after {display: block;}
header nav li a{color: #3e3e3e;}
.headerIndex nav li a{color: #fff;}
.moreList{ visibility: hidden;-webkit-transform: perspective(800px) rotateX(-90deg);transform: perspective(800px) rotateX(-90deg);-webkit-transform-origin: center top;-ms-transform-origin: center top;transform-origin: center top;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all .5s cubic-bezier(.77,0,.175,1) 0s;transition: all .5s cubic-bezier(.77,0,.175,1) 0s; position: absolute;top: calc(100% - 1px);left: 0; width: 100%;background-color: #fff;text-align: center;border-top: 1px solid #c4c4c4;}
.moreList a{margin: 40px 65px 30px; display: inline-block;text-align: center;color: #414141;}
.moreList a .img{position: relative;}
.moreList a .img img{position: relative;z-index: 1; margin: 0 auto;transform: scale(.9);-webkit-transform: scale(.9); transition-duration: .5s;-webkit-transition-duration: .5s;}
.moreList a .cn{font-size: 16px;margin-bottom: 3px;}
.moreList a .en{font-size: 10px;opacity: .6;text-transform: uppercase;}
.moreList:after{content: "";position: absolute;top: 50%;left: 10%; height: 1px;width: 80%;background-color: #e5e5e5;transition-duration: 1s;-webkit-transition-duration: 1s;transition-delay: .5s;-webkit-transition-delay: .5s; transform-origin: center;-webkit-transform-origin: center;transform: scale(0);-webkit-transform: scale(0);}
.moreList a .bg{overflow: hidden; position: absolute;width: 100px;height: 100px;top: 50%;left: 50%;margin-left: -50px;margin-top: -50px;z-index: 0;}
.moreList a .bg span{width: 0; position: absolute;top: 0;left: 0; width: 100%;height: 5px; background: #df261a;transition-duration: .8s;-webkit-transition-duration: .8s;}
.moreList a .bg .left,.moreList a .bg .right{width: 5px;height: 100%;}
.moreList a .bg .top{left: -100%;}
.moreList a .bg .left{top: -100%;}
.moreList a .bg .right{left: auto;right: 0;top: 100%;}
.moreList a .bg .bottom{top: auto;bottom: 0;left: 100%;}
.moreList a:hover{color: #df261a;}
.moreList a:hover .img img{transform: none;-webkit-transform: none;}
.moreList a:hover .bg .top{left: 0;}
.moreList a:hover .bg .right{top: 0;}
.moreList a:hover .bg .bottom{left: 0;}
.moreList a:hover .bg .left{top: 0;}
.moreList.active{visibility: visible; transform: none;-webkit-transform: none;}
.moreList.active:after{transform: scale(1);-webkit-transform: scale(1);}
header.active,.case header.active{position: fixed;padding-top: 10px;height: auto;background:rgba(0,0,0,0.1);}
header.active nav{margin-top: 5px;}
header.active nav li a{color: #3e3e3e;}
header.active .logo img{height:35px;}
header.active .header-body{padding-bottom: 10px;}
header nav li:hover a,header nav li.active a{color: #fff;}
.headerIndex.fixed{position: fixed;}
/*footer*/
footer{position: relative; padding-top: 40px; background-color: #22559c;}
footer .tops,footer .bottom >div{width:86%;margin: 0 auto;}
footer .left{float: left;}
footer .left .logo a{display: inline-block;}
footer .right{float: right;}
footer .bottomNav{padding-top: 42px;}
footer .bottomNav ul{overflow: hidden;}
footer .bottomNav li:first-child{margin-left: -28px;}
footer .bottomNav li{position: relative; float: left; padding: 0 14px;width: 126px;text-align: center; font-size: 14px;}
footer .bottomNav li:after{content: "";width: 1px;height: 12px;background-color: #4d6c86;position: absolute;right: 0;top: 50%;margin-top: -6px;}
footer .bottomNav li.last:after{display: none;}
footer .bottomNav li a{color: #fff;opacity: .7;transition-duration: .5s;-webkit-transition-duration: .5s;}
footer .bottomNav li a:hover{opacity: 1; color: #d2281d;}
footer .right{padding-top: 0;}
footer .right .link{clear: both;}
footer .right .link a{cursor: pointer; position: relative;padding: 0 20px; display: inline-block;font-size: 12px;}
footer .right .link a:after{content: ""; position: absolute;bottom: 0;right: 0; background-color: #335775;width: 1px;height: 14px;}
footer .right .link a p{position:relative;color: #fff;opacity: .3;}
footer .right .link a>img{margin: 0 auto 10px;}
footer .right .link a span{display: block;}
footer .right .link a span img{margin: 0 auto 10px;}
footer .right .link .qr:after{display: none;}
footer .right .link .qr .qrCode{display: none; position: absolute;bottom: 75px;left: 50%;margin-left: -52.5px;transition-duration: .5s;-webkit-transition-duration: .5s;}
footer .right .link .qr .qrCode:after{content: "";position: absolute;bottom: -12px;left: 50%;margin-left: -6px; border: 6px solid;border-color: #fff transparent transparent transparent;}
footer .right{margin-bottom:25px;}
footer .right select{margin-bottom: 20px;outline: none;border: none;margin-left: 20px; border-radius: 15px;padding-left: 20px;}
footer .right select option{padding-left: 0;}
footer .bottom{color: #fff; padding: 18px 0;font-size: 12px; background-color:#12458c;overflow: hidden;}
footer .bottom p{opacity: .3;}
footer .bottom .shuwon{opacity: 1;text-align: right;}
footer .bottom .shuwon span{opacity: .3;}
footer .bottom .shuwon a{opacity: .3;color: #fff;}
footer .bottom .shuwon a:hover{opacity: 1;}
footer .bottom .mes{float: left;}
footer .bottom .copyright{float: right;}



/*IEtips*/
.IEtips { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: url(../images/ieBG.png); display: none; }
.IEtips_Box { width: 1000px; background: #FAFAFA; height: 500px; position: absolute; left: 50%; top: 50%; margin: -250px 0 0 -500px; }
.IEtips .Browser { margin-top: 35px; }
.IEtips .IEtips_title { font-size: 36px; width: 80%; margin: 0 auto; padding-top: 35px; }
.IEtips .Browser ul { overflow: hidden; text-align: center; width: 80%; margin: 0 auto; }
.IEtips .Browser ul li { margin: 0 40px; text-align: center; width: 120px; float: left; }
.IEtips .Browser ul li img { width: 100px; margin: 0 auto; }
.IEtips .Browser ul li a, .IEtips .Browser ul li span { display: inline-block; margin-top: 25px; color: #2570e1; font-size: 16px; transition: all .5s; -webkit-transition: all .5s; }
.IEtips .Browser ul li a:hover { color: #800886; }
.IEtips .brn_off { background: url(../images/brn_off.png); height: 32px; width: 32px; position: absolute; top: 5px; right: 5px; cursor: pointer; }

/*****************************************common part*************************/
body{background-color: #e4e4e4;position: relative;}
.main{padding-top: 140px;}
.wd1765{width: 94%;margin: 0 auto;}
.wd1630{width: 85%;margin: 0 auto;}
.wd1480{width: 78%;margin: 0 auto;}
.wd1350{width: 90%;margin: 0 auto;}
.wd1120{width: 100%;margin: 0 auto;}
.topTit{position: relative;margin-top: 50px; margin-bottom: 50px; color: #3e3e3e; display: none;}
.topTit:before{content: "";position: absolute;left: 0;top: -18px; width: 42px;height: 1px;}
.topTit .cn{font-size: 24px;vertical-align: bottom;}
.topTit .en{margin-left: 15px; text-transform: uppercase; font-size: 18px;opacity: .5;}
.banner-in{margin-bottom: 25px;}
.banner-in img{width: 100%;}
.comNav{padding: 0 0px;height: 70px;line-height: 70px; overflow: hidden;background-color: #fff;}
.comNav .left{position: relative; font-size: 18px;}
.comNav .left a{padding: 0 45px; text-align: center; float: left; -webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.comNav .left a.active,.comNav .left a:hover{color: #FFFFFF; background: #d2281d;}
.comNav .left .slideBar{position: absolute;bottom: 0;left: 0; width: 122px;height: 3px;background-color: #d2281d;transition-duration: .5s;-webkit-transition-duration: .5s; display: none;}
.crumbs{font-size: 14px;overflow: hidden;float: right;min-width: 300px;text-align: right; margin-right: 20px; opacity: .7;}
.crumbs a{color: #3E3E3E;display: inline-block;}
.crumbs a:hover{ color: #d2281d;}
.crumbs .cur{ color: #d2281d;}

.aboutB .realCont .content{padding-top: 0;padding-bottom: 0;}
.aboutB .realCont .content >div{padding-top: 0px;}
.realCont .content{ margin-bottom: 86px; padding: 0px 0;background-color: #f2f2f2;overflow: hidden;}
.realCont .content .tits{margin: 0 60px; padding-bottom: 18px;line-height: 30px;font-size: 24px; border-bottom: 1px solid #c2c2c2; display: none;}
.realCont .content .des{padding: 46px 0;margin: 0 60px; position: relative;overflow: hidden;}
.realCont .content .leftNav{ position: absolute;left: 0;top: 46px;font-size: 18px; width: 20%;}
.realCont .content .leftNav.fixed{position: fixed;top: 100px; }
.realCont .content .leftNav ul{position: relative;}
.realCont .content .leftNav li{ margin-bottom: 40px;position: relative;}
.realCont .content .leftNav li.active:before,.realCont .content .leftNav li:hover:before{content: "";position: absolute;left: 10px;top: 50%;margin-top: -4px;border: 4px solid;border-color: transparent transparent transparent #d2281d;}
.realCont .content .leftNav a{padding-left: 24px; background: none;}
.realCont .content .leftNav li.active a,.realCont .content .leftNav li:hover a{background: none; color: #d2281d;}
.realCont .content .rightCont{width: 78%;float: right;}
.realCont .content .rightCont .titles{font-size: 24px;font-weight: bold;}
.recruitment #box2 .flbox{margin-top: 32px;  border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;padding-top: 18px;}
.recruitment #box2 ul{width: 850px; }
.recruitment #box2 ul li{display: inline-block;width: 64px; margin-right: 70px;margin-bottom: 20px;text-align: center;font-size: 12px;}
.recruitment #box2 ul li img{width: 43px;margin: 0 auto 5px;}
.recruitment #box2{margin-bottom: 65px;}

/*****************************************index********************************/
.fixedBanner{height: 100%;}

.banner{overflow: hidden;top: 0;left: 0;width: 100%;height: 100%}
/*.banner img{width: 100%;}*/
.banner-text {max-width: 100%;width: auto!important;}
.zzn{margin-top: 55px;overflow: hidden; position: relative;display: block;width: 143px;height: 28px;line-height: 28px;color: #da251d;font-size: 14px;text-align: center;text-transform: uppercase;border-radius: 20px;background-color: #fff;transition-duration: .5s;-webkit-transition-duration: .5s;}
.zzn p{position: absolute;width: 100%;height: 100%;z-index: 1;}
.zzn:before{content: "";width: 100%;height: 1px;background-color: #cf0f07;position: absolute;top: -20px;left: 0;}
.zzn:after{border-radius: 20px; content: "";width: 100%;height: 100%;background-color: #cf0f07;position: absolute;top: 0;left: -100%;transition-duration: .5s;-webkit-transition-duration: .5s;z-index: 0;}
.zzn:hover{color: #fff;}
.zzn:hover:after{left: 0;}
.btn{position: relative; text-align: left;margin-top: 20px;padding-bottom: 20px;}
.btn:after{content: "";left: 0;bottom: 0; position: absolute;width: 0;height: 5px;background-color: #da251d;transition-duration: .5s;-webkit-transition-duration: .5s;}
.m--active-control .btn:after,.btn:hover:after{width: 36px;}
.btn .cn{font-size: 18px;}
.btn .en{font-size: 12px;text-transform: uppercase;}
.main-body{background-color: #efefef;position: relative;}
.product{position: relative; box-sizing: border-box; background: url(../images/product-bg.jpg) no-repeat;background-position: center top;background-size: 100% 50%;}
.product:after{content: "";position: absolute;left: 0; bottom: 40px;width: 100%;height: 1px;background-color: #bebebe;}
.product .swiper-container{}
/*.product .swiper-container{height: 100%;}*/
.product .swiper-slide{height: auto;}
.product .left{position: absolute;display: inline-block; top: 0;left: 0;height: 100%; width: 40%;margin:0 7%;box-sizing: border-box;}
.product .left >img{width: 100%;}
.product .left .img{position: relative;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;height: auto;}
.product .left .img img{margin: 0 auto; max-width: 100%; transform: translateX(100px);-webkit-transform: translateX(100px);transform: translateX(100px);opacity: 0;transition-duration: 1s;-webkit-transition-duration: 1s;transition-delay: .5s;-webkit-transition-delay: .5s;}
.product .left .bg-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); z-index: -1;}
.product .left .proType{text-align: center;font-size: 18px;}
.product .left .proType i{display: inline-block;margin-right: 10px;}
.product .swiper-slide-active .left .img img{transform: translateX(0);opacity: 1;max-width: 100%;margin: 0 auto;}
.product .swiper-slide-active .right{height: 100%; transform: translateX(0);opacity: 1;}
.product .right{display: flex;align-items: center;display: -webkit-flex;-webkit-align-items: center; width: 46%;float: right;transform: translateX(100px);opacity: 0; transition-duration: 1s;-webkit-transition-duration: 1s; transition-delay: 1s;-webkit-transition-delay: 1s;}
.product .right .center{}
.product .right .tit{position: relative; padding-top: 27px;margin-bottom: 32px; color: #005eae;}
.product .right .tit:before{position: absolute;top: 0;left: 0; content: "";width: 37px;height: 5px;background-color: #db3028;}
.product .right .tit .cn{margin-right: 13px; font-size: 40px;}
.product .right .tit .en{font-size: 18px;font-weight: 400;text-transform: uppercase;}
.product .right .tit p{font-size: 14px; color: #575757;}
.product .right .control-btn{position: relative;width: 100px;height: 38px;}
.product .right .control-btn a{cursor: pointer; display: inline-block;width: 38px;height: 38px;border-radius: 50%;background: url(../images/arrow-left-red.png) no-repeat center center;background-color: #fff;transition-duration: .5s;-webkit-transition-duration: .5s;}
.product .right .control-btn a:hover{background-color: #004098;}
.product .right .control-btn .btn-l{left: 0;}
.product .right .control-btn .btn-r{right: 0; background-image: url(../images/arrow-right-red.png);}
.product .right .control-btn .btn-l:hover{background-image: url(../images/arrow-left.png);}
.product .right .control-btn .btn-r:hover{background-image: url(../images/arrow-right.png);}
.product .right .title{margin-top: 20px;margin-bottom: 30px; color: #fff;}
.product .right .title .proName{font-size: 30px;}
.product .right .title .abs{margin-top: 15px; font-size: 14px;min-height: 38px;}
.product .right .videoOrNot{width: 220px;position: relative;}
.product .right .videoOrNot .play-btn{cursor: pointer; position: absolute;top: 50%;left: 50%;margin-left: -16px;margin-top: -18px;}
.product .right .parameter{margin-top: 10px;}
.product .right .parameter .tits{font-size: 24px;}
.product .right .parameter .detail{margin-top: 18px; font-size: 14px;line-height: 30px;}
.product .right .center> a{margin-top: 18px; display: inline-block;width: 106px;line-height: 30px;font-size: 12px;color: #fff;background-color: #004098;text-align: center;border-radius:5px;}
.product .my-dot{bottom: 40px; width: auto; left: 50%;transform: translateX(-50%);background-color: #e4e4e4;}
.product .my-dot span{margin: 0 15px; width: 6px;height: 17px;border-radius: 0; background-color: #005094;opacity: 1;transition-duration: .5s;-webkit-transition-duration: .5s;}
/*.product .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 15px;}*/
.product .my-dot .swiper-pagination-bullet-active{width: 10px; height: 35px; background-color: #004098;}
.application{}
.application .wd1480{width: 80%;}
.application .title{margin: 0 auto; width:540px;color: #005eae;text-align: center;line-height: normal;}
.application .title .cn{font-size: 40px;margin-bottom: 5px; line-height:80px; color:#333; background:url(../images/xi.jpg) no-repeat center bottom; text-transform:uppercase;}
.application .title .en {margin-bottom: 5px; position: relative; font-size: 14px;text-transform: uppercase;font-weight:300;}
.application .title .en:before,.application .title .en:after{content: "";position: absolute;top: 50%;width: 112px;height: 1px; left: 0;}
.application .title .en:after{right: 0;left: auto;}
.application .title .advantage{font-size: 14px; color: #3E3E3E;}
.application ul{margin-top:120px;}
.application ul li{float: left;width:20%;}
.application .mobile{overflow: visible;}
.application ul li .imbx{ display: block;position: relative;transition-duration: .5s;-webkit-transition-duration: .5s;}
.application ul li .imbx .img{}
.application ul li .imbx .img img{width: 100%;transition: all .5s;-webkit-transition: all .5s;background:rgba(0,0,0,0.5);  opacity: .5;}
.application ul li .imbx .description{position: absolute;bottom: 0;left: 0;width: 100%;opacity:0; padding:10px 3% 0 3%; height: auto; background-color: #004098;color: #ececec;text-align: center;transition-duration: 1s;-webkit-transition-duration: 1s;}
.application ul li .imbx .description .tit{position:relative;padding-bottom:13px; font-size: 14px;-webkit-transition-duration: .5s;transition-duration: .5s;max-height:70px;overflow: hidden;}
.application ul li .imbx .description .tit span{display: block;max-height: 54px;overflow: hidden; color:#fff;}
.application ul li .imbx .description dl{ font-size:12px; line-height:20px;max-height:30px; margin-top:10px; color:#fff;}
.application ul li .imbx .description .tit:after{content: "";position: absolute;bottom: 0; left: 50%;margin-left: -40px; width: 80px;height: 1px;background-color: #ececec;}
.application ul li .imbx .description .more{display: block;color: #fff; margin: 15px auto 0; font-size: 12px;width: 140px; height: 28px;line-height: 25px; border: 1px solid #db524d;text-transform: uppercase;}
.application ul li.active .img img{opacity: 1;width: 100%;}
.application ul li.active .imbx{transform: scale(1.2); z-index: 1;}
.application ul li.active .imbx .description{opacity: 1;}
.superiority{ padding-top:70px; padding-bottom:70px;}
.superiority .abs{width: 60%;margin: 0 auto;line-height: 24px;}
.superiority.superiority .logos{margin-bottom: 50px;}
.superiority .logos img{margin: 0 auto;}
.superiority >p{font-size: 14px;line-height: 27px;text-align: center;}
.superiority .details{width: 90%; margin: 60px auto 0;padding-top: 80px; border-top: 1px solid #adb1b8;display: flex;justify-content: space-between; text-align: center;}
.superiority .details a{width: 18%;text-align: center;color: #004098;cursor: default;pointer-events: none; display: inline-block;}
.superiority .details a .theme{overflow: hidden; width: 139px; height: 70px; position: relative; background: url(../images/tt1.png) no-repeat; margin: auto;}
.superiority .details a .theme .lightMask{width: 200px;height: 75px;position: absolute;top: 0;left: -200px;background: #fff;opacity: .6;transform: rotate(-45deg);}
.superiority .details a .theme.b{ background-image: url(../images/tt2.png)}
.superiority .details a .theme.c{ background-image: url(../images/tt3.png)}
.superiority .details a .theme.d{ background-image: url(../images/tt4.png)}
.superiority .details a .en{position: relative; font-size: 18px;color: #004098;margin-top: 10px;}
.superiority .details a .en span{position: relative;z-index: 1; display: inline-block;padding:  0 15px;}
.superiority .details a .en:before,.superiority .details a .en:after{content: "";position: absolute;z-index: 0; top: 50%;left: 0; width: 30%; height: 1px;background-color: #004098;}
.superiority .details a .en:after{left: auto;right: 0;}
.superiority .details a .desc{margin-top: 10px;margin-bottom: 90px; color: #333;font-size: 14px;line-height: 24px;}
.superiority .mores{display: block;margin: 0 auto; font-size: 16px; margin: 0 auto; width: 106px;height: 32px;line-height: 32px;background-color: #fff;text-align: center;text-transform: uppercase;border-radius: 20px;overflow: hidden;}
.superiority .mores:hover{color: #fff;}
/*.application .superiority .mores span{font-size: ;}*/
.headerNews{background: url(../images/bj1.jpg) no-repeat center bottom;background-size: 100% auto;}
.headerNews .newsBox{margin: 0 auto; width: 90%; padding-top:80px; padding-bottom:80px;}
.headerNews .titles{margin: 0 auto 100px; width:495px; text-align: center;}
.headerNews .titles .cn{font-size: 40px;color: #333; line-height:80px; background:url(../images/xi.jpg) no-repeat center bottom;}
.headerNews .titles .en{position: relative; color: #005eae;}
.headerNews .titles .en:before,.headerNews .titles .en:after{content: "";position: absolute;left: 0;top: 50%;width: 112px; height: 1px;}
.headerNews .titles .en:after{right: 0;left: auto;}
.headerNews ul{display: flex;justify-content: center;height: 505px;}
.headerNews ul li{box-sizing: content-box; width: 24%;margin-right: calc(4%/3); height: auto;}
.headerNews ul li:last-child{margin-right: 0;}
.headerNews ul li a{display: block;width: 100%;height: 100%; padding: 8%;padding-bottom: 25px; }
.headerNews ul li a .img{opacity: 0; margin-bottom: 15px;height: auto;overflow: hidden;transform: scale(.9);-webkit-transform: scale(.9); transition-duration: 1s;-webkit-transition-duration: 1s;}
.headerNews ul li a .img img{max-width: 100%;margin: 0 auto;}
.headerNews ul li a .des{margin-top: -100px; transition-duration: 1s;-webkit-transition-duration: 1s;}
.headerNews ul li a .tit{ margin-bottom: 10px; font-size: 18px;transition-duration: 1s;-webkit-transition-duration: 1s; color:#004098;}
.headerNews ul li a .date{display: block; margin-bottom: 15px; font-size: 14px;opacity: .5;}
.headerNews ul li a .abs{overflow: hidden; font-size: 14px;line-height: 24px; opacity: .7;max-height: 72px; color:#004098;}
.headerNews ul li a .moreN{overflow: hidden; border-radius: 20px; display: block;margin-top: 20px; width: 106px;height: 32px;line-height: 32px;font-size: 14px; background-color: #004098;text-align: center;text-transform: uppercase; opacity: 0;transition-duration: .5s;-webkit-transition-duration: .5s;color: #f1f1f1;}
.headerNews ul li a .moreN p{line-height: 32px;}
.headerNews ul li a .moreN:hover{border: none;}
.headerNews ul li a .moreN i{font-style: normal;display: inline-block;}
.headerNews ul li:hover a{border: 2px solid #004098;}
.headerNews ul li:hover .tit{margin-top: 15px; color: #004098;}
.headerNews ul li:hover a .img{opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
.headerNews ul li:hover a .des{margin-top: 0;}
.headerNews ul li:hover a .moreN{ opacity: 1;}
#mapIndex{height: 408px; background: url(../images/maps.jpg) center center no-repeat; position: relative;}
#mapIndex .pos{
    display: none;
	width: 400px;
	height: 40px;
	position: absolute;
	left:40%;
	margin-left: -50px;
	top:224px;
	background: #e7e7e7;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	border-radius: 40px;
}
#mapIndex .pos1{
    display: none;
	width: 400px;
	height: 40px;
	position: absolute;
	left:58%;
	margin-left: -105px;
	top:64px;
	background: #e7e7e7;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	border-radius: 40px;
}
#mapIndex .pos2{
    display: none;
	width: 400px;
	height: 40px;
	position: absolute;
	left:28%;
	margin-left: -105px;
	top:300px;
	background: #e7e7e7;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	border-radius: 40px;
}

.lightBox{display: none; position: fixed;top: 0;left: 0; width: 100%;height: 100%; z-index: 100;}
.lightBox .bg{position: absolute;top: 0;left: 0; width: 100%;height: 100%;background: #000;opacity: .8;}
.lightBox .videoBox{position: absolute;top: 50%;left: 50%;margin-left: -400px;margin-top: -225px;z-index: 1;}
.lightBox .closeVideo{position: absolute;top: -40px;right: -40px;width: 40px;cursor: pointer;transition-duration: .5s;-webkit-transition-duration: .5s;}
.lightBox .closeVideo:hover{width: 50px;}
.lightBox .closeVideo img{width: 100%;}

/****/
.realCont .content .fullCont{width: 100%;font-size: 14px;line-height: 26px;}
.realCont .content .fullCont p{text-transform: uppercase;}
.realCont .content p.red{color: #d90d20;}
.realCont .content .marks{padding-left:30px;padding-right: 30px;position: relative;display: inline;}
.realCont .content .marks:before,.realCont .content .marks:after{content: '';display: block;position: absolute;width: 18px;height: 17px;background-position: center center;background-size: 100% auto;}
.realCont .content .marks:before{background-image: url(../images/marks1.png);left: 0;top: -3px;}
.realCont .content .marks:after{background-image: url(../images/marks.png);right: 0;bottom: -3px;}

/**********************************introduce of company(about us)***********************************************/
.introduce .realCont{}
.rightNav .realCont .comNav{width: 100%;}
.rightNav .realCont .comNav .left{float: left;overflow: hidden;}
.introduce .rightCont .titles{font-size: 24px;font-weight: bold;}
.introduce .rightCont .box{position: relative;}
.introduce .rightCont .box .titles{margin-bottom: 27px;}
.introduce .rightCont .box .desc p{ font-size: 14px;line-height: 27px;}
.introduce .rightCont .box .desc p span{}
.introduce .rightCont .box .desc img{margin: 50px 0;max-width: 100%;}
.introduce .rightCont .box .flag{margin-top: 15px; margin-bottom: 54px; overflow: hidden;font-size: 18px;line-height: normal;color: #fff;}
.introduce .rightCont .box .flag >div{padding: 35px 45px; float: left;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center; background-color: #095292;height: 160px;width: 49%;}
.introduce .rightCont .box .flag .rightb{float: right;}
.introduce .rightCont .box .flag span{float: left; display: inline-block;}
.introduce .rightCont .box .flag span:first-child{padding-right: 30px; font-size: 44px;line-height: 87px;border-right: 1px solid #5386b3;}
.introduce .rightCont .box .flag span:first-child+span{margin-top: 3px; padding-left: 30px;line-height: 27px;}
	.introduce .rightCont .box .flag span:first-child+span{width: calc(100% - 170px);padding-left: 20px;}
	.introduce .rightCont .box .flag .rightb span:first-child+span{width: calc(100% - 140px);padding-left: 20px;}
.introduce .rightCont .box .flag .rightb span:first-child+span{}
.introduce .rightCont .box .tags{overflow: hidden;margin: 0 -1%;}
.introduce .rightCont .box .tags .axb{margin: 0 1%; float: left; position: relative; display: inline-block;margin-bottom: 20px;padding: 10px 10px 10px 34px;width: 48%; background-color: #fff;border-radius: 30px;line-height: normal;}
.introduce .rightCont .box .tags .axb i{position: absolute;top: 17px;left: 18px;display: inline-block; margin-right: 12px;width: 5px;height: 5px;border-radius: 50%;background-color: #454545;}
/*.introduce .rightCont .box .tags .axb:first-child+.axb{width: 66%;margin-right: 0;}*/
.introduce .rightCont .box .tags .last{margin-right: 0;}
.introduce .rightCont .box .line{margin: 20px 0 30px; width: 100%;height: 1px;background-color: #d9d9d9;}


/**********************************series(series)***********************************************/
/*.series{padding-bottom: 76px;}*/
.series .banner-horse{padding-top: 50px;padding-left: 75px; margin-top: 150px; margin-bottom: 25px; height: 530px; position: relative;background: url(../images/bg-horse.jpg);}
.series .banner-horse .horse{position: absolute; bottom: 0px;right: 5%;z-index: 0; width: 600px;}
.series .banner-horse .bigTit{margin-bottom: 36px; position: relative;z-index: 1; font-size: 60px;font-weight: 100;}
.series .banner-horse .bigTit .red{color: #d3483f;}
.series .banner-horse .bigTit .blue{color: #0066bd;}
.series .banner-horse .bigTit .gray{margin-right: 50px; color: #404040;}
.series .banner-horse .bigTit p{font-size: 18px; color: #414141;text-transform: uppercase;line-height: 24px;}
.series .banner-horse .lis{margin-bottom: 15px;}
.series .banner-horse .lis span{display: inline-block;width: 40px;height: 40px;line-height: 40px;font-size: 18px; color: #fff; border-radius: 50%;text-align: center;font-weight: 300;}
.series .banner-horse .lis .red{background-color: #d3483f;}
.series .banner-horse .lis .blue{background-color: #0066bd;}
.series .banner-horse .lis .gray{background-color: #666;font-size: 14px;}
.series .banner-horse .conscience{overflow: hidden; margin-top: 28px;padding-top: 30px; border-top: 1px solid #b6b6b6; width: calc(100% - 400px);}
.series .banner-horse .conscience .blue{float: left; position: relative; display: inline-block;padding-right: 10px; height: 48px;line-height: 48px;font-size: 48px;color: #0066bd;font-weight: 100;letter-spacing: 10px;}
.series .banner-horse .conscience .blue:after{content: "";position: absolute;top: 4px;right: 0; width: 1px;height: 42px;background: #b6b6b6;}
.series .banner-horse .conscience p{ float: left;padding-left: 16px; width: calc(100% - 184px);font-size: 14px;line-height: 24px;}
.series .realCont{position: relative;}
.series .realCont .comNav{width: 100%;}
.series .realCont .comNav .left{float: left;overflow: hidden;}

.series .realCont .rightCont .titles{padding-bottom: 15px; font-size: 20px;color: #0066bd;border-bottom: 1px solid #dfdfe0;}
.series .realCont .rightCont .titles .text{position: relative;padding-right: 25px; display: inline-block;}
.series .realCont .rightCont .titles .text:after{content: "";position: absolute;top: 50%;right: 0;margin-top: -2px;border: 5px solid;border-color: #0066bd transparent transparent transparent;}

/**********************************quality(series)***********************************************/
.series .realCont .rightCont .box{position: relative;}
.series .realCont .rightCont .box1{margin-bottom: 30px;}
.series .realCont .rightCont .box1 .desc{padding: 42px 12px 0;}
.series .realCont .rightCont .box1 .desc .img{max-width: 48%;float: left; display: inline-block;margin-right: 4%;transition-duration: .5s;-webkit-transition-duration: .5s;}
.series .realCont .rightCont .box1 .desc .img img{width: 100%;}
.series .realCont .rightCont .box1 .desc .img+.img{margin-right: 0;}
/*.series .realCont .rightCont .box1 .desc .img:hover{box-shadow:0 10px 40px  rgba(0,0,0,.1);}*/
.series .realCont .rightCont .concept{font-size: 30px;color: #cf2014;padding: 15px 0;border-bottom: 1px solid #dfdfe0;}
.series .realCont .rightCont .concept span{margin-right: 30px;}
.series .realCont .rightCont .box2{margin-bottom: 80px;}
.series .realCont .rightCont .box2 .desc{padding-top: 18px; line-height: 28px; font-size: 14px;}
/*.quality .rightCont .box2 .desc{opacity: .7;}*/
.series .realCont .rightCont .box2 .desc p{margin-bottom: 18px;}
.series .realCont .rightCont .box3{}
.series .realCont .rightCont .box3 .desc{padding-top: 36px;font-size: 14px;line-height: 24px;}
.series .realCont .rightCont .box3 .desc li{margin-bottom: 40px; overflow: hidden;}
.series .realCont .rightCont .box3 .desc li.process{overflow: visible;}
.series .realCont .rightCont .box3 .desc li.process .description{margin-top: -15px;} 
.series .realCont .rightCont .box3 .desc .subtit{float: left; position: relative;padding-left: 46px;width: 220px; font-size: 18px;line-height: 30px;font-weight: 600;}
.series .realCont .rightCont .box3 .desc .subtit:before{content: "";position: absolute;left: 12px;top: 50%;margin-top: -4px; width: 8px;height: 8px;background-color: #7c7c7c;border-radius: 50%;}
.series .realCont .rightCont .box3 .desc .subtit:after{content: "";position: absolute;top: 4px;right: 0;width: 1px;height: 24px;background-color: #c6c6c7;}
.series .realCont .rightCont .box3 .desc .description{float: left;padding-left: 38px;width: calc(100% - 220px); }

/**********************************informatization(series)***********************************************/
.informatization{}
.informatization .content .des{padding-top: 46px;}
.informatization .content .des p{font-size: 14px;line-height: 28px;}
.informatization .content .des .imgB{margin-top: 120px;}
.informatization .content .des .imgB img{max-width: 100%;margin: 0 auto;}

/**********************************hse(series)***********************************************/
.hse{}
.hse .rightCont .box .desc{overflow: hidden;}
.hse .rightCont .box .desc .img{float: left;}
.hse .rightCont .box .desc .abs{float: left;width: calc(100% - 446px);}
.hse .rightCont .box .desc .abs .aim{margin-top: 150px; margin-bottom: 24px; position: relative; font-size: 24px;color: #cf2014;padding-top: 30px;}
.hse .rightCont .box .desc .abs .aim:before{content: "";position: absolute;top: 0; left: 0;width: 46px; height: 2px;background-color: #d2281d;}
.hse .rightCont .box1 .desc .abs .aim span{margin-right: 25px;}
.hse .rightCont .box2 .desc .abs .aim span{margin-right: 35px;}
.hse .rightCont .box2 .desc{padding: 42px 12px;}
.hse .rightCont .box1 .desc .img{margin-right: 70px;}
.hse .rightCont .box2 .desc .img{display: inline-block;margin-right: 70px;transition-duration: .5s;-webkit-transition-duration: .5s;}
.hse .rightCont .box3 .desc .theme{margin-bottom: 58px; font-size: 18px;line-height: 30px;}

/**********************************best(series)***********************************************/
.best .rightCont .imgList .myscrollBar{position: absolute; height: 5px; left: 20%; bottom:0;width: 60%;}
.best .rightCont .imgList .myscrollBar div{background-color: #0066bd;}
.best .rightCont .box1 .desc{padding-top: 20px;}
.best .rightCont .box1 .desc .detail{float: left;width: 63%;font-size: 16px;line-height: 30px;/*opacity: .8;*/}
.best .rightCont .box1 .desc .imgs{float: right;width: 36%;}
.best .rightCont .box1 .desc .imgs img{width: 100%;}
.best .rightCont .box1 .desc .xgm{overflow: hidden;}
.best .rightCont .box1 .desc .lines{margin-top: 15px; width: 100%; height: 1px;background-color: #d9d9d9;}
.best .rightCont .box1 .desc .round{margin-top: 80px; position: relative;background: url(../images/bg-round.png) no-repeat center center;background-color: #eee;}
.best .rightCont .box1 .desc .round img{width: 100%;}
.best .rightCont .box1 .desc .lef{position: absolute;top: 50%;left: 64px;margin-top: -46px; padding-top: 20px;}
.best .rightCont .box1 .desc .lef:before{content: "";position: absolute;top: 0;left: 0; width: 46px;height: 3px;background-color: #e4481e;}
.best .rightCont .box1 .desc .lef .cn{font-size: 24px;margin-bottom: 10px;}
.best .rightCont .box1 .desc .lef .en{font-size: 16px;opacity: .5;text-transform: uppercase;}
.best .rightCont .box1 .desc .round .imgb{margin-left: 50%;}
.best .rightCont .box2 .desc{font-size: 16px;}
/*.best .rightCont .box2 .desc .contents{opacity: .8;}*/
.best .rightCont .box2 .desc .contents span{display: block;}
.best .rightCont .box2 .desc .abs{padding-bottom: 80px; margin-top: 20px; padding-top: 58px; border-top: 1px solid #d9d9d9;}
.best .rightCont .box2 .desc .abs>img{max-width: 100%;}
.best .rightCont .box2 .desc .efect{margin-top: 20px;margin-bottom: 30px;}
.best .rightCont .imgList{padding-bottom: 50px;position: relative;}
.best .rightCont .imgList ul{margin: 0;}
.best .rightCont .imgList li img{width: 100%;}

/**********************************notice(newsCenter)***********************************************/

.news .realCont .content{background: none;padding: 0;padding-bottom: 80px;}
.news .crumbs{margin-top: 32px; width: 100%; float: none; text-align: left;}
.news .realCont .content .des{padding-top: 50px;margin: 0;}
.news .topTit{margin-top: 0; margin-bottom: 30px; }
.news .nav {margin-left: 10px; border-left: 1px solid #b6b6b6;}
.news .realCont .content .leftNav li{margin-bottom: 0;}
.news .nav li a{padding: 14px 0px 34px 0px; height: 100px;line-height: 24px; font-size: 20px;}
.news .nav.zq li a{ padding: 14px 0px; line-height: 68px; text-indent: 15px;}
.news .realCont .content .leftNav li:after{border-radius: 50%; content: "";position: absolute;top:50%;left: -8px;margin-top: -8px; width: 16px;height: 16px;background-color: #e4e4e4;z-index: 0;}
.news .realCont .content .leftNav li:before{ content: "";position: absolute; border: none;left: -5px;top: 50%;margin-top: -5px; width: 10px;height: 10px;border-radius: 50%;background-color: #909090;z-index: 1;}
.news .realCont .content .leftNav li.active:before{background-color: #da251d;}
.news .realCont .content .leftNav li.active:after{border: 2px solid #FFFFFF;}
.news .realCont .content .rightCont .newsType{position: relative;padding-left: 58px; font-size: 24px;line-height: 24px;margin-bottom: 40px;}
.news .realCont .content .rightCont .newsType:before{content: "";position: absolute;top: 50%;left: 5px;margin-top: -2px; width: 30px;height: 4px;background-color: #da251d;}
.news .realCont .content .rightCont ul li a{margin-bottom: 50px; background-color: #f5f5f5; position: relative; display: block;padding: 20px 0; overflow: hidden;transition-duration: .5s;-webkit-transition-duration: .5s;}
.news .realCont .content .rightCont ul li a .newsTit{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;  float: left;width: 296px;padding: 0 40px 0 10px;border-right: 1px solid #c4c4c4;  height: 90px; font-size: 20px;line-height: 36px;}
.news .realCont .content .rightCont ul li a .newsTit span{display: block;width: 100%; text-align: center;}
.news .realCont .content .rightCont ul li a .contents{  padding-left: 40px; float: left; width: calc(100% - 400px);padding-right: 40px;  height: 90px;font-size: 14px;line-height: 24px; opacity: .7;}
.news .realCont .content .rightCont ul li a .more-btn{position: absolute;top: 0; right: 0;width: 90px;height: 100%;background: url(../images/bg-add.png) no-repeat left top; background-color: #d2d2d2;opacity: .5; font-size: 30px;text-align: center;line-height: 130px;color: #fff;transition-duration: .5s;-webkit-transition-duration: .5s;}
.news .realCont .content .rightCont ul li a:hover {box-shadow: 0 20px 40px rgba(0,0,0,.1); -webkit-transform: translateY(-10px);}
.news .realCont .content .rightCont ul li a:hover .more-btn{opacity: 1;background-color: #e62121;background-image: none;}
/*load more content*/
.loadMore{display: block;margin: 0 auto;width: 60px;text-align: center;}
.loadMore img{margin: 0 auto 10px;}
.loadMore p{font-size: 14px;color: #0063b9;}

/**********************************dynamic(newsCenter)***********************************************/
.dynamic .realCont .content .rightCont{}
.dynamic .realCont .content .rightCont ul{margin-bottom: 100px;}
.dynamic .realCont .content .rightCont ul li a{display: flex;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center; overflow: hidden; padding: 0; margin-bottom: 32px;}
/*.dynamic .realCont .content .rightCont ul li a:hover{background-color: #fff;}*/
.dynamic .realCont .content .rightCont ul li a:hover .imgbox img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.dynamic .realCont .content .rightCont ul li a .imgbox{overflow: hidden;}
.dynamic .realCont .content .rightCont ul li a .imgbox img{transition-duration: 1s;-webkit-transition-duration: 1s;}
.dynamic .realCont .content .rightCont ul li a .rightContent{width: 78%;padding: 16px;}
.dynamic .realCont .content .rightCont ul li a .rightContent .title{ font-size: 20px;line-height: 36px;font-weight: 300;}
.dynamic .realCont .content .rightCont ul li a .rightContent .abstract{line-height: 24px; margin: 10px 0 15px; font-size: 14px;glyph-orientation-horizontal: 26px;opacity: .7;}
.dynamic .realCont .content .rightCont ul li a .rightContent .fakeMore{border-radius: 15px; display: block;width: 90px;height: 24px;line-height: 24px;font-size: 12px;color: #f5f5f5;background-color: #d5d5d5;text-transform: uppercase;text-align: center;transition-duration: .5s;-webkit-transition-duration: .5s;}
.dynamic .realCont .content .rightCont ul li a:hover .fakeMore{background-color: #da251d;}

/**********************************case***********************************************/
.case{background: url(../images/bg-qiu.png) no-repeat;background-size: 100% auto;}
.case .header{background-color: transparent;}
.case .topTit{margin-top: 50px;}
.case .topTit .cn{margin-bottom: 5px;color: #d31f17;}
.case .topTit .en{display:block; margin-left: 0;}
.case .topCon{}

.case .topCon .des .ball{margin: 0 auto; margin-bottom: 25px;width: 320px;height: 320px;overflow: hidden;border-radius: 50%;}
.case .topCon .des .ball .slideBlock{overflow: hidden;width: 1360px;height: 100%;}
.case .topCon .des .ball img{float: left; height: 100%;}
.case .topCon .des .apply{margin: 0 auto; width: 1125px;text-align: center;font-size: 14px;line-height: 28px;}
.case .topCon .des .apply .score{margin-top: 20px;}
.case .topCon .arrowDoad{width: 43px;margin: 45px auto 30px;cursor: pointer;}
.case .projectIntroduce{width: 1200px;margin: 0 auto;}
.case .projectIntroduce .casebox{overflow: hidden;padding: 0 10px;}
.case .projectIntroduce .titles{margin: 0 auto 60px; width: 125px;padding-left: 22px;position: relative; font-size: 24px;line-height: 36px;}
.case .projectIntroduce .titles:before{content: "";position: absolute;top: 6px;left: 0;width: 5px;height: 24px;background-color: #da251d;}
.case .projectIntroduce a{position: relative; transition-duration: .5s;-webkit-transition-duration: .5s; background-color: #fff; float: left;margin-bottom: 25px; overflow: hidden; display: block;width: 49%;}
.moreBtn{ margin-top: 50px;}
.case .projectIntroduce a:before{content: "";position: absolute;top: 0;left: 0; width: 100%;height: 100%;border: 2px solid #d50000;opacity: 0;transition-duration: .5s;-webkit-transition-duration: .5s;}
.case .projectIntroduce a:hover:before{opacity: 1;}
.case .projectIntroduce .casebox a:nth-child(2n){margin-left: 2%;}
.case .projectIntroduce a .img{float: left;width: 50%; }
.case .projectIntroduce a .img img{width: 100%;}
.case .realCont{padding-bottom: 80px;}
.case .projectIntroduce a .intro{float: left; width: 50%; padding: 20px;padding-bottom: 0;}
.case .projectIntroduce a .intro .projectName{padding-bottom: 10px; position: relative; font-size: 20px;color: #434343; font-weight: bold;}
.case .projectIntroduce a .intro .projectName:after{content: ""; position: absolute;bottom: 0;left: 0;width: 65px;height: 1px;background: #696969;}
.case .projectIntroduce a .intro .projectDes{height: 70px;overflow:hidden; margin-top: 10px;margin-bottom: 15px; font-size: 14px;line-height: 24px; color: #3E3E3E; opacity: .7;}
.case .projectIntroduce a .intro .productName{margin-bottom: 15px; color: #464646;font-size: 18px;line-height: 50px;border: 1px solid #c3c3c3;border-left: none;border-right: none;}
.case .projectIntroduce a .intro .list{overflow: hidden; margin-bottom: 10px; color: #424242;font-size: 14px;}
.case .projectIntroduce a .intro .list:last-child{margin-bottom: 0;}
.case .projectIntroduce a .intro .list .fixedL{ margin-top: 2px; float: left; display: inline-block; margin-right: 12px; opacity: .6;}
.case .projectIntroduce a .intro .list .turnR{line-height: 20px; color: #0063b9;font-size: 20px;opacity: 1;}
.case .projectIntroduce a .intro .list .turnR span{font-size: 14px;margin-left: 10px;}
.case .projectIntroduce a:hover{box-shadow: 0 8px 10px 2px rgba(0,0,0,.1);}
.case .projectIntroduce a:hover .projectName,.case .projectIntroduce a:hover .intro .list .turnR,.case .projectIntroduce a:hover .projectName:after{color: #d50000;}
.case .projectIntroduce a:hover .projectName:after{background-color: #d50000;}
.case .projectIntroduce a:hover .productName{color: #0063b8;}
.popPanel{display: none;}
/*@media only screen and (min-width: 768px) {*/
	.popPanel{ position: fixed;top: 0;left: 0; width: 100%;height: 100%; z-index: 111;}
	.popPanel .bg{width: 100%;height: 100%;opacity: .8;background-color: #000;}
	.popPanel .contents{position: absolute;top: 50%;left: 50%;margin-left: -600px;margin-top: -255px; width: 1200px;height: 510px;background-color: #fff;}
	.popPanel .contents .closeBox{cursor: pointer; position: absolute;top: -50px;right: -50px;width: 40px;height: 40px;border-radius: 50%;background-color: #d50000;transition-duration: .5s;-webkit-transition-duration: .5s;}
	.popPanel .contents .closeBox:hover{transform: scale(1.2);-webkit-transform: scale(1.2);}
	.popPanel .contents .closeBox img{width: 30px;margin: 5px;}
	.popPanel .contents .img{float: left; height: 100%;display: inline-block;}
	.popPanel .contents .img img{height: 100%;}
	.popPanel .contents .intro{float: right;padding: 35px; width: calc(100% - 415px);}
	.popPanel .contents .intro .projectName{position: relative; font-size: 30px;color: #d50000;margin-bottom: 28px;}
	.popPanel .contents .intro .projectName:after{content: "";position: absolute;bottom: -15px;left: 0;width: 65px;height: 2px;background-color: #d50000;}
	.popPanel .contents .intro .projectDes{font-size: 14px;line-height: 24px;color: #424242;opacity: .8;}
	.popPanel .contents .intro .productName{margin: 20px 0; color: #0063b8;font-size: 18px;line-height: 50px;border: 1px solid #c3c3c3;border-left: none;border-right: none;}
	.popPanel .contents .intro .list{margin-bottom: 10px;float: left;width: 50%;}
	.popPanel .contents .intro .list .fixedL{margin-top: 9px; margin-right: 15px;float: left; font-size: 14px;color: #424242;opacity: .6;}
	.popPanel .contents .intro .list .turnR{ font-size: 24px;color: #d50000;}
	.popPanel .contents .intro .list .turnR span{display: inline-block;margin-left: 10px; font-size: 14px;}
/*}*/


/**********************************type1 (product)***********************************************/
.esBt .realCont .content .des{overflow: visible;}
.realWhite{/*background-color: #fff;*/overflow: hidden;}
.esBt .realCont .content{overflow: visible;}
/*.realWhite .header{background-color: #fff;}*/
.bTit .cn{font-size: 30px;display: block; margin-bottom: 5px;color: #d31f17;}
.bTit .en{display:block; margin-left: 0;font-size: 14px;}
.bTit img{margin-top: 10px;}
.productType1 .realCont .content .leftNav li a{color: #0056a2;}
.productType1 .realCont .content .leftNav li a .en{font-size: 12px;color: #9e9e9e;line-height: normal;margin-top: 10px;text-transform: uppercase;}
.productType1 .realCont .content .leftNav li.active a,.productType1 .realCont .content .leftNav li:hover a{color: #da251d;}
.productType1 .realCont .content .rightCont {padding-right: 0;}
.productType1 .equipment{ padding-left: 40px; position: relative;}
.productType1 .lines{margin-top: 50px;margin-bottom: 50px; border-bottom: 1px dotted #b4b4b4;}
.productType1 .equipment:last-child{margin-bottom: 0;border-bottom: none;}
.productType1 .equipment .proTit{}
.productType1 .equipment .proTit img{margin-top: 5px; vertical-align: top; margin-left: -40px;margin-right: 12px; display: inline-block;}
.productType1 .equipment .proTit div{display: inline-block;font-size: 24px;color: #0056a2;}
.productType1 .equipment .proTit div p{margin-left: 2px; font-size: 12px;color: #9e9e9e;text-transform: uppercase;}
.productType1 .equipment .proParameter{margin-top: 70px; overflow: hidden;}
.productType1 .equipment .proParameter .imgL{float: left;width: 40%;margin-right: 20px;}
.productType1 .equipment .proParameter .imgL img{margin: 0 auto;max-width: 100%;}
.productType1 .equipment .proParameter ul{float: left;margin-top: 46px; width: 28%;padding-left: 76px;}
.productType1 .equipment .proParameter ul li{ position: relative;margin-bottom: 45px;}
.productType1 .equipment .proParameter ul li:before{content: ""; position: absolute;top: 8px;left: -76px; width: 33px;height: 1px;background-color: #cdcdcd;}
.productType1 .equipment .proParameter ul li:after{border-radius: 50%; content: ""; position: absolute;top: 5px;left: -22px; width: 8px;height: 8px;background-color: #da251d;}
.productType1 .equipment .proParameter ul li p{font-size: 24px;line-height: 30px;}
.productType1 .equipment .proParameter ul li .name{ opacity: .5;font-size: 15px;line-height: 20px;}
.productType1 .equipment .abs{margin-top: 45px;margin-bottom: 24px;padding: 24px 0;line-height: 24px;font-size: 14px; border: 1px solid #cccccc;border-left: none;border-right: none;}
.productType1 .equipment .preponderance{}
.productType1 .equipment .preponderance .tag{text-align: center;color: #fff; background-color: #de0e00;position: relative;width: 138px;height: 45px;line-height: 45px;font-size: 24px;}
.productType1 .equipment .preponderance .tag:after{content: "";position: absolute;top: 50%;right: -12px;margin-top: -6px;border: 6px solid;border-color: transparent transparent transparent #de0e00;}
.productType1 .equipment .preponderance ul{margin-top: 60px;}
.productType1 .equipment .preponderance ul li{margin-bottom: 40px; overflow: hidden;}
.productType1 .equipment .preponderance ul li .desc{float: left; width: calc(100% - 255px); line-height: 28px;}
.productType1 .equipment .preponderance ul li span{float: left;display: inline-block;font-size: 18px;line-height: 24px;color: #1f1f1f;}
.productType1 .equipment .preponderance ul li .num{ margin-right: 20px; width: 25px;height: 25px;background: #de0e00;text-align: center;font-size: 18px;color: #fff;}
.productType1 .equipment .preponderance ul li .attr{font-weight: 600; width: 170px;margin-right: 40px;}
.productType1 .equipment .preponderance ul li .des{padding-left: 40px; position: relative; float: left; width: calc(100% - 253px); display: inline-block;font-size: 16px;line-height: 24px;color: #585858;}
.productType1 .equipment .preponderance ul li .des:before {position: absolute;content: "";top: 8px;left: 16px; width: 8px;height: 8px;background-color: #b2b2b2;border-radius: 50%;}
.productType1 .equipment .peculiarity{margin-top: 50px;margin-bottom: 80px;}
.productType1 .equipment .peculiarity .titles{margin-bottom: 15px; font-size: 18px;line-height: 26px;color: #222;}
.productType1 .equipment .peculiarity ul{border: 1px solid #ccc;border-left: none;border-right: none; padding: 24px 0;}
.productType1 .equipment .peculiarity ul li{position: relative;padding-left: 28px; font-size: 14px;line-height: 28px;}
.productType1 .equipment .peculiarity ul li:before{content: "";position: absolute;left: 8px;top: 10px;width: 6px;height: 6px;border-radius: 50%;background-color: #de0e00;}
.productType1 .equipment .btStructure{margin-top: 20px;margin-bottom: 50px; position: relative;}
.productType1 .equipment:last-child .btStructure{margin-bottom: 0;}
.productType1 .equipment .btStructure .leftBt{width: 65%;}
.productType1 .equipment .btStructure >img{position: absolute;left: 70%;top: 0;}
.productType1 .equipment .btStructure .leftBt .func{border-top: 1px solid #cccccc; padding: 24px 0;font-size: 14px;line-height: 28px;}
.productType1 .equipment .btStructure .leftBt .constitute{ padding: 24px 0;font-size: 14px;line-height: 22px;}
.productType1 .equipment .btStructure .leftBt .argument{padding-top: 24px;border-top: 1px solid #cccccc;}
.productType1 .equipment .btStructure .leftBt .argument li{font-size: 14px;line-height: 40px;overflow: hidden;}
.productType1 .equipment .btStructure .leftBt .argument li >div{display: inline-block;float: left;}
.productType1 .equipment .btStructure .leftBt .argument li .property{vertical-align: top;}
.productType1 .equipment .btStructure .leftBt .argument li .property img{display: inline-block;margin-right: 10px;}
.productType1 .equipment .btStructure .leftBt .argument li .property span{display: inline-block;width: 60px;margin-right: 15px;}
.productType1 .equipment .btStructure .leftBt .argument li .details{font-weight: 600;}

/**********************************type2 (product)***********************************************/
.productType2{padding-bottom: 120px;}
.productShow{position: relative;margin-top: 30px;margin-bottom: 150px;}
.productShow .btTit{position: absolute;top: 0;left: 0;}
.productShow .btTit span{display: block;}
.productShow .btTit .en{margin-bottom: 5px; font-size: 30px;color: #de0e00;text-transform: uppercase;}
.productShow .btTit .cn{opacity: .5;display: block;margin-left: 0;font-size: 14px;}
/*.bt6 .btTit .en{margin-top: 5px; font-size: 14px;opacity: .5;text-transform: uppercase;}*/
/*.bt6 .btTit .cn{font-size: 30px;color: #de0e00;opacity: 1;}*/
.productShow .sball{height: 640px;}
.productShow .sball .leftParameter{float: left;position: relative; text-align: right; width: calc(50% - 320px);height: 100%;}
.productShow .sball .rightParameter{float: right;position: relative; text-align: left; width: calc(50% - 320px);height: 100%;}
.productShow .sball .leftParameter .parameterBox{position: absolute;right: 0; padding-right: 40px;}
.productShow .sball .rightParameter .parameterBox{padding-left: 40px;position: absolute;left: 0;}
.productShow .sball .parameterBox:first-child{top: 146px;transform: translateY(-30%);-webkit-transform: translateY(-30%);}
.productShow .sball .parameterBox:first-child+.parameterBox,.productShow .sball .parameterBox:first-child.parameter2{left: 0; top: 300px;transform: translateY(-30%);-webkit-transform: translateY(-30%);}
.productShow .sball .parameterBox:first-child+.parameterBox+.parameterBox,.productShow .sball .parameterBox:first-child+.parameterBox.parameter3{top: 465px;transform: translateY(-30%);-webkit-transform: translateY(-30%);}
.productShow .sball .leftParameter .parameterBox:first-child{right: -30px;}
.productShow .sball .leftParameter .parameterBox:first-child+.parameterBox+.parameterBox{right: -30px;}
.productShow .sball .rightParameter .parameterBox:first-child{left: -30px;}
.productShow .sball .rightParameter .parameterBox:first-child >div:first-child+div{margin-left: 20px;}
.productShow .sball .rightParameter .parameterBox:first-child+.parameterBox,.productShow .sball .rightParameter .parameterBox:first-child.parameter2{left: 0;}
.productShow .sball .rightParameter .parameterBox:first-child+.parameterBox+.parameterBox{left: -30px;}
.productShow .sball .grey{margin-bottom: 5px; font-size: 14px;}
.productShow .sball .Lit{margin-bottom: 10px;}
.productShow .sball .parameterD{ color: #095292;font-size: 24px;}
.productShow .sball .bigR{position: absolute;width: 640px;height: 640px;left: 50%;top: 0;margin-left: -320px; border-radius: 50%;border: 1px solid #c5d4e1;}
.productShow .sball .bigR .smR{position: absolute;top: 25%;left: 25%; margin: 0 auto; width: 50%;height: 50%;border-radius: 50%;border: 1px solid #c5d4e1;}
.productShow .sball .bigR .smR img{width: 180%; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(.7);-webkit-transform: translate(-50%,-50%) scale(.7);transition-duration: 1.8s;-webkit-transition-duration: 1.8s;}
.productShow .sball .bigR .smR img.active{transform: translate(-50%,-50%) scale(1);-webkit-transform: translate(-50%,-50%) scale(1);}
.productShow .sball .bigR .p{transform-origin: center center; position: absolute;left: 50%;margin-left: -10px; width: 20px;height: 100%;transition: all 1.8s  cubic-bezier(.28,.02,.25,1);-webkit-transition: all 1.8s  cubic-bezier(.28,.02,.25,1);}
.productShow .sball .bigR .p .redR{position: absolute;top: -10px;left: 0;width: 20px;height: 20px;border-radius: 50%; border: 1px solid #df0e00;}
.productShow .sball .bigR .p .lrR{position: absolute; top: -5px;left: 5px; width: 10px;height: 10px;border-radius: 50%;background-color: #df0e00;}
.productShow .sball .bigR .p1{transform: rotate(60deg);transition: all 1.8s cubic-bezier(.28,.02,.25,1);-webkit-transition: all 1.8s cubic-bezier(.28,.02,.25,1);}
.productShow .sball .bigR .p1.active{transform: rotate(420deg);}
.productShow .sball .bigR .p2{transform: rotate(90deg);}
.productShow .sball .bigR .p2.active{transform: rotate(-270deg);}
.productShow .sball .bigR .p3{transform: rotate(120deg);}
.productShow .sball .bigR .p3.active{transform: rotate(480deg);}
.productShow .sball .bigR .p4{transform: rotate(-60deg);}
.productShow .sball .bigR .p4.active{transform: rotate(-420deg);}
.productShow .sball .bigR .p5{transform: rotate(-90deg);}
.productShow .sball .bigR .p5.active{transform: rotate(270deg);}
.productShow .sball .bigR .p6{transform: rotate(-120deg);}
.productShow .sball .bigR .p6.active{transform: rotate(-480deg);}
.productIntroduce{width: 94%;margin: 0 auto;background-color: #fff; overflow: hidden; padding: 50px 3%; box-sizing: content-box;}
.productIntroduce .tits,.product2 .tits2{ margin-bottom: 25px; text-align: center; position: relative;padding-bottom: 15px; font-size: 24px;color: #de0e00;line-height: 30px;}
.productIntroduce .tits:after,.product2 .tits2:after{content: "";position: absolute;bottom: 0;left: 50%;margin-left: -43px; width: 86px;height: 4px;background-color: #dbdbdb;}
.productIntroduce .tits h2,.product2 .tits12 h2{ font-size: 24px;}
.productIntroduce .tits p,.product2 .tits12 p{ margin-top:10px;font-size: 16px; line-height: 26px;}
.productIntroduce .part1,.product2 .part12{font-size: 14px;line-height: 28px;font-weight: 600;}
.product2 .part12{padding-bottom:30px;}
.productIntroduce .part2{}
.productIntroduce .part2 .tit{position: relative;margin-top: 20px;padding-top: 10px; color: #202020;font-size: 18px;line-height: 30px;margin-bottom: 12px;font-weight: bold;}
/*.productIntroduce .part2 .tit:before{content: ""; position: absolute;top: 0;left: 0;width: 32px;height: 2px;background-color: #9b9b9b;}*/
.productIntroduce .part2 .table{border:1px solid #d8d8d8;border-bottom: none;}
.productIntroduce .part2 .table .tr{overflow: hidden;border-bottom: 1px solid #d8d8d8;font-size: 18px;line-height: 60px;}
.productIntroduce .part2 .table .tr:nth-child(2n){background-color: #f5f5f5;}
.productIntroduce .part2 .table .tr .lefts{float: left;width: 30%;text-align: center;border-right: 1px solid #d8d8d8;}
.productIntroduce .part2 .table .tr .rights{width: 70%;float: left; overflow: hidden;}
.productIntroduce .part2 .table .tr .rights >div{ text-transform: uppercase; text-align: center;float: left;}
.productIntroduce .part2 .table .tr .rights >div:first-child{text-align: left;padding-left: 30px;}
.productIntroduce .part2 .table .tr .rights.six >div{border-right: 1px solid #d8d8d8; width: calc(100%/6);}
.productIntroduce .part2 .table .tr .rights.four >div{border-right: 1px solid #d8d8d8;width: calc(100%/4);}
.productIntroduce .part2 .table .tr .rights.six >div:last-child,.productIntroduce .part2 .table .tr .rights.four >div:last-child{border-right: none;}
.productIntroduce .part2 .table .tr .rights.flexB{display: flex;display: -webkit-flex;justify-content: space-around;-webkit-justify-content: space-around;}
.productIntroduce .part2 .table .tr .rights.flexB >div:first-child{padding-left:0 ;}
.productIntroduce .part2 .table .tr .rights.seven >div{width: calc(100%/7);}
.productIntroduce .redTag{margin: 40px 0; line-height: 45px;font-size: 24px; background-color: #de0e00;padding-left: 115px;color: #fff;width: 205px;position: relative;}
.productIntroduce .redTag:after {content: "";position: absolute;top: 50%;right: -12px;margin-top: -6px;border: 6px solid;border-color: transparent transparent transparent #de0e00;}
.productIntroduce .advantage li{margin-bottom: 30px; overflow: hidden;}
.productIntroduce .advantage li .lef{float: left;width: 260px;}
.productIntroduce .advantage li .lef span{float: left; display: inline-block;font-size: 18px;}
.productIntroduce .advantage li .lef .num{width: 25px;height: 25px;text-align: center;line-height: 25px;background-color: #de0e00;color: #fff;}
.productIntroduce .advantage li .lef .names{line-height: 24px;font-weight: 600;margin-left: 10px;width: calc(100% - 35px);}
.productIntroduce .advantage li .adDetail{float: right;margin-left: 20px;width: calc(100% - 320px);}
.productIntroduce .advantage li .adDetail .ms{line-height: 24px;margin-bottom: 10px;}
.productIntroduce .advantage li .adDetail .trait>span{line-height: 24px;}
.productIntroduce .advantage li .adDetail .imgborder{transition-duration: .5s;-webkit-transition-duration: .5s; width: 250px;margin: 25px 0; padding: 10px; border: 1px solid #e7e7e7; display: inline-block;position: relative;}
.productIntroduce .advantage li .adDetail .imgborder img{width: 100%;margin-bottom: 0;}
.productIntroduce .advantage li .adDetail .imgborder .closeIcon{position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;background: url(../images/bigger.png) no-repeat center center;}
.productIntroduce .advantage li .adDetail .imgborder.active{width: 530px;}
.productIntroduce .advantage li .adDetail .imgborder.active .closeIcon{background-image: url(../images/reduce.png);}
.productIntroduce .advantage li .adDetail p{padding-left: 20px; margin-top: 3px; position: relative;font-size: 14px;line-height: 28px;}
.productIntroduce .advantage li .adDetail p:before{content: "";position: absolute;top: 10px;left: 0;width: 8px;height: 8px;background-color: #b2b2b2;border-radius: 50%;}
.productIntroduce .advantage li .adDetail img{ margin-bottom: 25px;margin-top: 25px;max-width: 100%;}
.productIntroduce .advantage li .adDetail .esp{margin-bottom: 10px;font-size: 16px;line-height: 26px;}
.productIntroduce .advantage li .adDetail .esp span{display: block;}
.productIntroduce .advantage li .adDetail .leftC{float: left;width: calc(100% - 350px);}
.productIntroduce .advantage li .adDetail .leftC p{ margin-bottom: 0;font-size: 14px;line-height: 28px;}
.productIntroduce .advantage li .adDetail .leftC p:before{top: 10px;}
.productIntroduce .advantage li .adDetail .espb{margin: 0; float: right;}
.productIntroduce .advantage{margin-bottom: 120px;}
.productIntroduce .opinion{background-color: #095292;padding: 60px 0 30px;}
.productIntroduce .opinion ul{width: 1065px;margin: 0 auto;}
.productIntroduce .opinion ul li{ color: #fff;margin-bottom: 50px;height: 30px;}
.productIntroduce .opinion ul li .lefWord{padding-left: 50px; width: 640px; float: left; position: relative;font-size: 16px;line-height: 30px;}
.productIntroduce .opinion ul li .lefWord span{margin-left: 10px;margin-right: 10px; vertical-align: text-top; display: inline-block;}
.productIntroduce .opinion ul li .lefWord span.commaTop{position: absolute;left: 0;bottom: 100%;}
.productIntroduce .opinion ul li .fromWho{float: right;font-size: 16px;line-height: 30px;opacity: .8;}
.productIntroduce .system{margin-bottom: 0;}
.productIntroduce .btT{overflow: hidden;}
.productIntroduce .btT .leftBt{float: left; margin-left: 7%; width: 53%;padding-top: 35px;line-height: 24px;padding-right: 60px;}
.productIntroduce .btT .leftBt .tit{font-size: 24px;margin-bottom: 20px;color: #de0e00;}
.productIntroduce .btT .leftBt .des{font-size: 14px; line-height: 28px;}
.productIntroduce .btT .rightBt{padding: 40px; float: left; width: 40%;position: relative;background-color: #de1b0e;font-size: 14px;line-height: 24px;color: #fff;}
.productIntroduce .btT .rightBt:before{content: "";position: absolute;top: 15%;left: -20px;border:10px solid;border-color: transparent #de1b0e transparent transparent;}
.productIntroduce .btT .rightBt li{position: relative;padding-left: 24px; line-height: 28px;}
.productIntroduce .btT .rightBt li:before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background-color: #fff;left: 0;top: 12px;}
.bt4 .productIntroduce{padding-top: 0;}
/**********************************develop of company(about us)***********************************************/
.develop {padding-top: 0;padding-bottom: 0; background-image: url(../images/about-de-bg.png);background-repeat: no-repeat; background-position: center bottom;background-size: 100% 100%; background-attachment: fixed;}
.contactUs .rightCont,.duty .rightCont,.recruitment .rightCont,.introduce .rightCont{width: 80%!important;margin-right: 0!important;}
.develop  .tits{margin-top: 55px;}
.realCont .content .develop .des{padding-bottom: 0;}
.develop .time-line-box{margin-top: 50px;position: relative;}
.develop .time-line-box .action{position: relative;z-index: 1;}
.develop .time-line-box .action img{margin: 0 auto;}
.develop .time-line-box .line{position: relative;overflow: auto;margin-top: 15px; padding-bottom: 100px; padding-top: 25px;}
/*.develop .time-line-box:before{z-index:0;content:'';position: absolute;top: 100px;left: 50%;margin-left: -2px;width: 4px;height: 100%;background-color: #d4d4d4;}*/
.develop .time-line-box .line .line-dot{ padding-bottom: 25px;padding-top: 25px; position: relative;clear: both;}
.develop .time-line-box .line .line-dot:first-child p{display: block;}
.develop .time-line-box .line .rightBox{width: 50%;margin-left: 50%;}
.develop .time-line-box .line .leftBox{width: 50%;}
.develop .time-line-box .line .leftBox:after,.develop .time-line-box .line .rightBox:after{z-index:0;content:'';position: absolute;top: 0px;right:0;margin-left: -2px;width: 4px;height: 100%;background-color: #d4d4d4;}
.develop .time-line-box .line .leftBox:after{margin-left: 0;margin-right: -2px;}
.develop .time-line-box .line .rightBox:after{right: auto;left: 0;}
.develop .time-line-box .line .line-dot:last-child:after{height: 75px;}
.develop .time-line-box .line .leftBox .line-dot-detail{text-align: right;padding-right: 50px;}
.develop .time-line-box .line .rightBox .line-dot-detail{text-align: left;padding-left: 50px;}
.develop .time-line-box .line .line-dot .line-dot-title{z-index: 1; transition-duration: .5s;-webkit-transition-duration: .5s; position: absolute;top: 50%;margin-top: -18px; right: -39px;width: 78px;height: 36px;line-height: 36px;text-align: center; background-color: #b0b0b0;color: #fff;}
.develop .time-line-box .line .rightBox .line-dot-title{right: auto;left: -39px;}
.develop .time-line-box .line .line-dot .line-dot-year{transition-duration: .5s;-webkit-transition-duration: .5s;font-size: 18px; position: relative;line-height: 30px; font-weight: bold; margin-bottom: 5px;}
.develop .time-line-box .line  .line-dot-detail img{margin-bottom: 10px; width: 200px;display: inline-block; box-shadow: 0px 0px 10px rgba(0, 0,0, .1);}
.develop .time-line-box .line  .line-dot-detail .titles{margin-top: 10px;margin-bottom: 5px; font-size: 18px;line-height: 30px;}
.develop .time-line-box .line  .line-dot-detail p{font-size: 14px;line-height: 20px;}
/**********************************honor of company(about us)***********************************************/

.honor {padding-top: 0; overflow: hidden;background-repeat: no-repeat; background-image: url(../images/about-ho-bg.jpg);background-position: left bottom;background-size:100% 100%;}
.honor  .tits{margin-top: 55px;}
.honor .fullCont .box1 .desc .float-l.u1{margin-top: 33px; text-align: center;}
.honor .fullCont .box1 .desc .float-l{position: relative;clear: both;overflow: hidden;}
.honor .fullCont .box1 .desc .marks{font-size: 24px;line-height: 50px;margin-bottom: 46px;}
.honor .fullCont .box1 .desc ul.float-l li{line-height: 24px; display: inline-block; margin: 0px 10px; cursor: pointer; padding: 0px 25px;border-radius: 15px; position: relative;}
.honor .fullCont .box1 .desc ul.float-l li:hover,.honor .fullCont .box1 .desc ul.float-l li.cur{ color: #fff; background: #d90d20;}
.honor-swiper.swiper-container{width: 100%;max-width: 1200px;margin-top: 110px;}
.honor-swiper.swiper-container .swiper-slide{text-align: center;overflow: hidden; float: left; width: 400px;}
.honor-swiper.swiper-container .swiper-slide img{width: 100%;}
.honor-swiper.swiper-container .swiper-slide:hover{background: #fff;}
.honor-swiper.swiper-container .swiper-slide:hover p{color:#d90d20;}
.swiper-container .swiper-slide p{line-height: 40px;}
.honor .swiper-scrollbar{position: absolute; width: 50%;height: 9px;left: 25%;bottom: 0;}
.honor .swiper-scrollbar .swiper-scrollbar-drag{background: #095292;}

.honorList{
	width: 1200px;
	/*height: 500px;*/
	margin:50px auto;
	padding-bottom: 50px;
}

.honorList ul li{
	width: 20%;
	height: 330px;
	float:left;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	text-align: center;
	cursor: pointer;
	/*margin-left: 25px;
	margin-right: 10px;*/
}
.honorList ul li a{
	display: block;
	width: 200px;
	margin: 0 auto;
	border: 10px solid #fff;
	overflow: hidden;
	box-shadow: 0px 0px 15px rgba(0,0,0,.2);
}
.honorList ul li img{
	width: 180px;
	height: 250px;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
}
.honorList ul li p{
	display: block;
	width: 100%;
	height: 40px;
	margin-top: 10px;
	line-height: 20px;
	font-size: 14px;
	overflow: hidden;
}
.honorList ul li:hover img{
	-webkit-transform: scale(1.1);
}

/**********************************duty of company(about us)***********************************************/
.duty .rightCont{margin-top: 17px;}
.duty .rightCont .box .duty-ul{position: relative;}
.duty .rightCont .box .duty-ul li{width: 100%;position: relative;height: 100%;margin-bottom: 29px;}
.duty .rightCont .box .duty-ul li a{display: block;}
.duty .rightCont .box .duty-ul li a:hover .more{background-color: #da251d;}
.duty .rightCont .box .duty-ul li a:hover{background-color: #fff;box-shadow: 0 20px 40px rgba(0,0,0,.1)}
.duty .rightCont .box .duty-ul li a:hover .imgbox img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.duty .rightCont .box .duty-ul .imgbox{width: 45%;background: #cccccc;float: left;display: inline-block;overflow: hidden;position: relative;}
.duty .rightCont .box .duty-ul .imgbox img{transition-duration: 1s;-webkit-transition-duration: 1s;}
.duty .rightCont .box .duty-ul .item{width: 54%;display: inline-block;margin-left: 1%;padding: 15px 30px 15px 25px;position: relative;}
.duty .rightCont .box .duty-ul .item .title{font-size: 20px;line-height: 30px;margin-bottom: 16px;}
.duty .rightCont .box .duty-ul .imgbox:before{content: '';display: block;position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.2);top: 0;left: 0;transition-duration: .5s;-webkit-transition-duration: .5s;}
.duty .rightCont .box .duty-ul .imgbox img{width: 100%;}
.duty .rightCont .box .duty-ul .item .date{font-size: 14px;line-height: 30px;color: #7d7d7d;padding: 0px 3px;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
.duty .rightCont .box .duty-ul .item .detail{max-height: 50px;overflow: hidden; margin-top: 15px;font-size: 14px;color: #7d7d7d;line-height: 25px;}
.duty .rightCont .box .duty-ul .item .more{width: 82px;height: 20px;background: #cbcbcb;color: #fff;position: relative;border-radius: 10px;line-height: 20px;text-transform: uppercase;font-size: 11px;text-align: center;cursor:pointer;transition-duration: 1s;-webkit-transition-duration: 1s; margin-top: 10px; display: block;}
.loadmore{color: #85a5d1;display: block;width: 60px;margin: 58px auto 0; text-align: center;}
/*.loadmore:hover p span{animation: loading1 5s infinite;}*/
.loadmore p{width: 100%; height: 42px;position: relative;display: block; margin-bottom: 15px;}
.loadmore p span{width: 4px;height: 42px;background: #0063b9;display: inline-block;margin: 0 2px;}
.loadmore.load p span:first-child{animation:loading1 2s infinite alternate;-webkit-animation:loading1 2s infinite alternate;}
.loadmore.load p span:first-child+span{animation:loading1 2s infinite alternate;-webkit-animation:loading1 2s infinite alternate;-webkit-animation-delay: 1s;animation-delay: 1s;}
.loadmore.load p span:first-child+span+span{animation:loading1 2s infinite alternate;-webkit-animation:loading1 2s infinite alternate;}
@-webkit-keyframes loading1{
	0%{ height: 42px;}
	25%{ height: 34px;}
	50%{ height: 26px;}
	75%{ height: 34px;}
	100%{ height: 42px;}
	}
@keyframes loading1{ 
	0%{ height: 42px;}
	25%{ height: 34px;}
	50%{ height: 28px;}
	75%{ height: 34px;}
	100%{ height: 42px;}
	}

/**********************************recruitment of company(about us)***********************************************/

.recruitment .rightCont .box .desc>p{font-size: 14px;line-height: 24px;margin-top:20px ;}
.recruitment .rightCont .titles{}
.recruitment .rightCont .box1{margin-bottom: 65px;}
.recruitment .rightCont .zprk{margin-top: 32px;overflow: hidden;height: 105px;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
.recruitment .rightCont .zprk div{;display: inline-block;padding-left:32px ;padding-right: 57px;vertical-align: middle;}
.recruitment .rightCont .zprk .title{padding-left: 0;padding-right:36px ;font-size: 14px;line-height: 104px;font-weight: bold;position: relative;}
.recruitment .rightCont .zprk .title:after{content: '';display: block;position: absolute;height: 43px;width: 1px;right: 0;top: 50%;margin-top: -21px;background: #c2c2c2;}
.recruitment .rightCont .zpxx{margin-top: 70px;padding-left: 23px;width: 100%;}
.recruitment .rightCont .zpxx ul li{width: 30%;height:401px;background: #fff;margin-right:5%; float: left;margin-bottom: 70px;padding: 0 17px 28px 17px;position: relative;}
.recruitment .rightCont .zpxx ul li:before{transition-duration: .5s;-webkit-transition-duration: .5s; opacity: 0;pointer-events: none; content: "";position: absolute;top: 0;left: 0; width: 100%;height: 100%;border: 2px solid #d50000;}
.recruitment .rightCont .zpxx ul li span{position: absolute;}
.recruitment .rightCont .zpxx ul li .top{}
.recruitment .rightCont .zpxx ul li:hover:before{opacity: 1;}
.recruitment .rightCont .zpxx ul li:nth-child(3n){margin-right: 0;}
.recruitment .rightCont .zpxx ul{overflow: hidden;width: 100%;}
.recruitment .rightCont .zpxx ul li .title{line-height: 87px;font-size: 18px;font-weight: bold;text-align: center;}
.recruitment .rightCont .zpxx ul li .pay{color: #424242;font-size: 16px;text-align: center;line-height: 46px;font-weight: bold;border-top:1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.recruitment .rightCont .zpxx ul li .detail{height: 170px;padding: 33px 0 23px;overflow-y:auto;color: #a7a7a7;font-size: 14px;line-height: 24px;border-bottom: 1px solid #e5e5e5;}
.recruitment .rightCont .zpxx ul li .more{position: absolute;margin: 0 auto;width: 107px;height: 28px;border-radius:16px ;color: #fff;background: #da251d;line-height: 28px;text-align: center;bottom: 28px;left: 0;right: 0;}
.recruitmentDetail{display: none; padding-top: 0!important; position: fixed;left: 0;top: 0;width: 100%;height: 100%; z-index: 101;}
.recruitmentDetail .bg{width: 100%;height: 100%;background-color: #000; opacity: .8;}
.recruitmentDetail .contentbox{position: absolute;top: 50%;left: 50%;width: 1000px;height: 560px;margin-top: -280px;margin-left: -500px;background-color: #fff;}
.recruitmentDetail .contentbox .clostRecruit{cursor: pointer;position: absolute;top: -50px;right: -50px;width: 40px;height: 40px;border-radius: 50%;background-color: #d50000;transition-duration: .5s;-webkit-transition-duration: .5s;}
.recruitmentDetail .contentbox .clostRecruit img{width: 30px;margin: 5px;}
.recruitmentDetail .contentbox .title{text-align: center;line-height: 70px;font-size: 24px;font-weight: bold;border-bottom: 1px solid rgb(205, 205, 205);}
.recruitmentDetail .contentbox .summary{line-height: 28px; width: 80%;margin: 32px auto 0;max-height: 370px;overflow: auto;}
.recruitmentDetail .contentbox .employ{display: block;margin: 20px auto; width: 106px;height: 32px;line-height: 32px; background-color:#f50000;color: #fff;text-align: center;}

/**********************************recruitment of company(about us)***********************************************/
.contactUs .rightCont .box .desc .contact-box{margin-top: 48px;overflow: hidden;}
.contactUs .rightCont .box .desc .contact-box .img-box{display: inline-block;}
.contactUs .rightCont .box .desc .contact-box .contact-ul{display: inline-block;vertical-align: top;margin-left: 35px;}
.contactUs .rightCont .box .desc .contact-box .contact-ul li{font-size: 14px;line-height: 24px;margin-bottom:10px;}
.contactUs .rightCont .box .desc .contact-box .contact-ul li.title{font-size: 20px;line-height: 36px;font-weight: bold;margin-bottom: 14px;color: #2d2c2c;}
.contactUs .rightCont .box .desc #map{width: 100%;height: 650px;}
.contactUs .rightCont .box .desc .map{border:1px solid #a0a0a0;margin-top: 58px;position: relative;}
.contactUs .rightCont .box .desc .map p{display: block;width: 80%;height: 69px;line-height: 69px;text-align: center;position: absolute;bottom: 50px;left: 10%;background: #fff;color:#4b4b4b;font-size: 18px;}
/**********************************productList***********************************************/
.productList{}
.productList .sbt{cursor: move; margin-bottom: 100px;  position: relative;}
.productList .swiper-container{ width: 80%;margin: 0 auto;}
.productList .my-progress{z-index: 0; border-radius: 15px; width: 60%;height: 5px; top: auto;bottom: 0;left: 20%;}
.productList .my-progress span{border-radius: 15px;}
.productList .my-scrollBar{ z-index: 1; position: absolute; height: 5px;width: 60%;bottom: 0;left: 20%;}
.productList .my-scrollBar div{background-color: #0057a2;}
.productList .swiper-container .realBox{display: block;width: 100%;}
.productList .swiper-container .realBox .gray-bg{ width: 70%;margin: 0 auto; position: relative;background-color: #cdcdcd;}
.productList .swiper-container .realBox .gray-bg:after{content: "";position: absolute;width: 100%;height: 100%;z-index: 0; background: url(../images/white-bg.png);background-size: 100% 100%; }
.productList .swiper-container .realBox .gray-bg img{z-index: 1; position: absolute;max-width: 120%;bottom: 10%;left: 50%;transform: translateX(-50%) scale(.8);-webkit-transform: translateX(-50%) scale(.8); transition-duration: .5s;-webkit-transition-duration: .5s;}
.productList .swiper-container .realBox .btTitles{position: relative;padding-top: 28px;padding-left: 10px; margin-left: 15%; width: 85%;}
.productList .swiper-container .realBox .btTitles:before{content: "";position: absolute;top:15px;left: 10px;width: 35px;height: 2px;background-color: #676767;}
.productList .swiper-container .realBox .btTitles .cn{font-size: 18px;color: #414141;}
.productList .swiper-container .realBox .btTitles .en{font-size: 12px;color: #414141;opacity: .6;}
.productList .swiper-container .realBox.active{}
.productList .swiper-container .swiper-slide.active .gray-bg{ background-color: #0060ab;width: 85%;}
.productList .swiper-container .swiper-slide.active .gray-bg:after{background-image: url(../images/bt-bg.png);opacity: .8;}
.productList .swiper-container .swiper-slide.active .gray-bg img{bottom: -20px; transform: translateX(-50%) scale(1);-webkit-transform: translateX(-50%) scale(1);}
.productList .swiper-container .swiper-slide.active .btTitles{z-index: 1; position: absolute;top: 15%;left: 10%;width:80%; margin-left: 0;}
.productList .swiper-container .swiper-slide.active .btTitles:before{background-color: #fff;}
.productList .swiper-container .swiper-slide.active .btTitles .cn{color: #f1f1f1;}
.productList .swiper-container .swiper-slide.active .btTitles .en{color: #f1f1f1;opacity: 1;}
/****************PRODUCT 2017-03-15********************/
.np{
	width: 1200px;
	height: 700px;
	margin: auto;
	margin-bottom: 100px;

}
.np ul li{
	width: 300px;
	height: 700px;
	position: relative;
	float: left;
	cursor: pointer;
	-webkit-transition: all 1s cubic-bezier(0.25,0,0,1);
}
.np ul li .npBox{
	width: 190px;
	height: 429px;
	position: absolute;
	left: 55px;
	top: 100px;
	border: 2px solid #FFFFFF;
}
.np ul li .npBox:before,.np ul li .npBox:after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/sbg.jpg) no-repeat;
	background-size: cover;
	content: '';
	-webkit-transition: all 0.5s cubic-bezier(0.25,0,0,1);
}
.np ul li .npBox:after{
	background-image: url(../images/hbg.jpg);
	opacity: 0;
}
.np ul li .npBox .img{
	width: 400px;
	position: absolute;
	left: -105px;
	bottom: 0px;
	z-index: 20;
	-webkit-transition: all 0.5s cubic-bezier(0.25,0,0,1);
}
.np ul li .npBox .img img{width: 100%;}
.np ul li .npBox .title,.np ul li .npBox .show{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0px;
	bottom: -80px;
	z-index: 10;
	-webkit-transition: all 0.3s cubic-bezier(0.25,0,0,1);
}
.np ul li .npBox .show{
	width: 100%;
	color: #FFFFFF;
	bottom: auto;
	top: 80px;
	left: 15px;
	opacity: 0;
	-webkit-transition: all 0.4s cubic-bezier(0.25,0,0,1);
}
.np ul li .npBox .title b,.np ul li .npBox .show b{
	display: block;
	padding-top: 10px;
	width: 100%;
	height: auto;
	font-size: 18px;
	line-height: 30px;
}
.np ul li .npBox .title p,.np ul li .npBox .show p{
	width: 150%;
	height: auto;
	line-height: 20px;
	font-size: 12px;
	text-transform: uppercase;
	opacity: .5;
	-webkit-transform: scale(0.8) translateX(-12%);
}
.np ul li .npBox .title:after,.np ul li .npBox .show:after{
	width: 20%;
	height: 2px;
	position: absolute;
	left: 0px;
	top: -4px;
	background: #3e3e3e;
	content: '';
	
}
.np ul a{display: block;}
.np ul li .npBox .show:after{
	-webkit-transition: all 0.4s cubic-bezier(0.25,0,0,1) 0.3s;
	background: #FFFFFF;
	width: 0%;
}

.np ul li:hover{
	-webkit-transform: scale(1.2);
}
.np ul li:hover .npBox:before{
	opacity: 0;
}
.np ul li:hover .npBox:after{
	opacity: 1;
}
.np ul li:hover .npBox .img{
	-webkit-transform: scale(1.2) translateY(50px);
}
.np ul li:hover .npBox .title{
	bottom: 100px;
	opacity: 0;
}

.np ul li:hover .npBox .show{
	top: 30px;
	opacity: 1;
}
.np ul li:hover .npBox .show:after{
	width: 40%;
}

/*newsDetail*/
.newsBg,.newsBg .header{background-color: #efefef;}
.newsDetail{}
.newsDetail .content .des{width: 75%;margin: 0 auto;overflow: visible;}
.newsDetail .content .rightCont{width: 80%;float: none;margin: 0 auto;}
.newsDetail .content{background: none;padding-bottom: 0;}
.newsDetail .newsTitle{font-size: 30px;color: #737172;padding-bottom: 25px;border-bottom: 1px solid #d4d4d4;}
.newsDetail .date{display: inline-block; font-size: 12px;color: #737172;opacity: .8;margin-top: 18px;}
.newsDetail .author{margin-left: 20px; display: inline-block; font-size: 12px;color: #737172;opacity: .8;margin-top: 18px;}
.newsDetail .contentss{margin-top: 80px;}
.newsDetail .relContent ul,.newsDetail .relContent li{list-style: inside;}
.newsDetail .contentss .leftShare{width: 16%;float: left;}
.newsDetail .contentss .leftShare .back{margin-bottom: 45px; display: block; width: 80px;text-align: center;color: #969696;}
.newsDetail .contentss .leftShare .back img{margin: 0 auto;width: 40px;}
.newsDetail .contentss .leftShare li{text-align: center; font-size: 18px;color: #969696; width: 80px; margin-bottom: 20px; padding-top: 20px;border-top: 1px solid #e1e1e1;}
.newsDetail .contentss .leftShare li a{cursor: pointer; display: block;width: 100%;height: 56px;border-radius: 5px;background: url(../images/weChat.png) no-repeat center center;background-size: cover;}
.newsDetail .contentss .leftShare li a.weChat{background-color: #29a63e;}
.newsDetail .contentss .leftShare li a.qZone{background-color: #248bc6;background-image: url(../images/qZone.png);}
.newsDetail .contentss .leftShare li a.weibo{background-color: #e7912a;background-image: url(../images/weibo.png);}
.newsDetail .contentss .leftShare li a.moreS{background-color: #888888;background-image: url(../images/more.png);height: 56px!important;margin: 0;}
.newsDetail .contentss .leftShare li a span{background: none;}
.newsDetail .contentss .leftShare li:first-child{padding-top: 0; margin-bottom: 15px; border-top: none;}
.newsDetail .contentss .relContent{width: 84%;float: right;font-size: 14px;line-height: 24px;color: #666;}
.newsDetail .contentss .relContent .fakeImg{width: 100%;height: 480px;background-color: #eaeaea;margin-bottom: 20px;}
.newsDetail .contentss .relContent img{max-width: 100%;margin: 0 auto;}
.newsDetail .contentss .links{width: 84%;float: right;margin-top: 65px;}
.newsDetail .contentss .links a{display: inline-block;width: 150px;height: 32px;line-height: 32px; text-align: center;font-size: 16px;color: #f1f1f1;border-radius: 25px;}
.newsDetail .contentss .links a.noMore{background-color: #969696; cursor: no-drop;}
.newsDetail .contentss .links a.readMore{background-color: #da251d;}
.newsDetail .contentss .links a.pre{float: left;}
.newsDetail .contentss .links a.next{float: right;}
.newsDetail .closeBtn{width: 60px;height: 60px;margin: 0 auto 10px; padding: 10px; background-color: #969696;border-radius: 50%;}
#jiathis_webchat img{margin: 15px auto 0!important;}
#jiathis_modal_footer{padding-top: 5px!important;}
.friendLink{margin-bottom: 54px;
float: right;
margin-right: 20px;
width: 160px;
background: #fff;
text-align: center;
line-height: 23px;
padding-right: 20px;
position: relative;
border-radius: 20px;
margin-top: 10px;}
.friendLink .tit{cursor: pointer;}
.friendLink::before {
    position: absolute;
    content: "";
    right: 20px;
    top: 50%;
    margin-top: -3px;
    border: 6px solid;
    border-color: #002d52 transparent transparent transparent;
}
.friendLink .det{border-top: 5px solid #002d52;border-radius: 15px; display: none; position: absolute;top: 100%;right: 0;width: 100%;background-color: #fff; padding: 10px 5px;z-index: 1;}
.friendLink .det a{text-align: left; color: #3e3e3e;display: block;line-height: normal;font-size: 12px;}
.friendLink .det a:hover{color: #da251d;text-decoration: underline!important;}
.cbottom{min-height: 302px;}
.cbottom >a{    display: block;
    font-size: 14px;
    width: 106px;
    margin-top: 20px;
    height: 32px;
    line-height: 32px;
    /*background-color: #004098;*/
    text-align: center;
    text-transform: uppercase;
    border-radius: 20px;
    overflow: hidden;
    }
    .cbottom >a p{line-height: 32px!important;}
.mobileshowcs{display: none;}
/* 2017-10-26 ly */
.SwitchTab{
    float: right;
    position: absolute;
    transform: translateY(-50%);
    right: 1%;
    top: 87px;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
header.active .SwitchTab{top: 33px;} 
.SwitchTab a{
    width: 16px;
    height: 16px;
    background-size: cover;
    display: inline-block;
}
.SwitchTab .EN{background-image:url(../images/EN.png) }
.SwitchTab .CN{background-image:url(../images/CN.png) }
.tabEC{
    width: 100%;
    float: left;
    margin-top: 20px;
    overflow: hidden;
    text-align: center;
    display: none;
    padding-bottom: 15px;
    }
.tabEC a{
    width: 16px;
    height: 16px;
    background-size: cover;
    display: inline-block;
    margin: 0 15px;
}
.tabEC .EN{background-image:url(../images/EN.png) }
.tabEC .CN{background-image:url(../images/CN.png) }


/* end 2017-10-26*/
@media only screen and (max-width: 1440px) {
	.moreList a{margin: 20px 20px 15px;}
	.introduce .content .rightCont .box .flag >div{padding: 15px;}
	.introduce .content .rightCont .box .flag span:first-child{line-height: 125px;padding-right: 20px;}
		.introduce .content .rightCont .box .flag span:first-child+span{font-size: 14px;}
	.series .banner-horse .horse{right: 5%;}
	.productList .swiper-container{width: 100%;}
	.introduce .content .rightCont .box .tags a{padding-left: 30px;font-size: 13px;}
	.productType1 .equipment .btStructure >img{left: 70%;}
	.case .topCon .des .ball{width: 250px;height: 250px;}
	.case .topCon .des .apply{font-size: 14px;line-height: 22px;}
	.case .topCon .des .apply .score{margin-top: 10px;}
	.case .topCon .arrowDoad{margin-top: 35px;}

	.introduce .rightCont .box .flag >div{padding: 20px;}
	.introduce .rightCont .box .flag span:first-child{line-height: 120px;}
	/*.introduce .rightCont .box .desc p{font-size: 16px;}*/
	.recruitment .rightCont .zpxx ul li .detail{padding: 10px 0;}
	.duty .rightCont .box .duty-ul .item{padding: 20px;}
	.duty .rightCont .box .duty-ul .item .detail{ margin-top: 10px;}
	.duty .rightCont .box .duty-ul .item .more{margin-top: 10px; display: block; position: relative;top: 0;left: 0;}
	.recruitment .rightCont .box1{padding-bottom: 0;}
	.productShow .sball .bigR{width: 480px;height: 480px;margin-left: -240px;}
	.productShow .sball .leftParameter,.productShow .sball .rightParameter{width: calc(50% - 240px);}
	.productShow .sball .parameterBox:first-child{top: 110px;}
	.productShow .sball .parameterBox:first-child+.parameterBox, .productShow .sball .parameterBox:first-child.parameter2{top: 225px;}
	.productShow .sball .parameterBox:first-child+.parameterBox+.parameterBox, .productShow .sball .parameterBox:first-child+.parameterBox.parameter3{top: 348px;}
	/*.bt6 .btTit .cn{font-size: 24px;}*/
	/*.bt6 .btTit .en{font-size: 14px;}*/
	.productShow{margin-bottom: 60px;}
	.productShow .sball{height: 500px;}
	.product .right .tit{margin-bottom: 10px;padding-top: 20px;}
	.product .right .title{margin-bottom: 10px;margin-top: 10px;}
	.swiper-container .swiper-slide p{line-height: 26px;}
	.headerNews ul li a .moreN p{line-height: 32px;}
	.honorList{width: 100%;}
	.recruitmentDetail .contentbox{height: 400px;margin-top: -200px;}
	.recruitmentDetail .contentbox .summary{max-height: 204px;}
	.product .right .parameter .detail{margin-top: 10px;}
	/*.product{background-position: center -180px;}*/
	.product .right .parameter{margin-top: 0;}
	.product .right .center> a{margin-top: 10px;}
	.product .right .tit .cn{font-size: 30px;}
	.product .right .title .proName{font-size: 24px;}
	.product .right .control-btn a{width: 28px;height: 28px;}
	.product .right .control-btn{width: 70px;}
	/*.hse .rightCont .box .desc .abs .aim{font-size: 16px;}*/
	.hse .rightCont .box1 .desc .abs .aim span{margin-right: 20px;}
	.np{height: 650px;}
	.np ul li{height: 500px;}
	.np ul li .npBox{top: 50px;}
	.cbottom{min-height: 228px;}
	.superiority .details{margin-top: 25px;padding-top: 25px;}
	.superiority .details a .desc{margin-bottom: 20px;}
	.headerNews ul{height: 420px;}
	.headerNews ul li a .abs{max-height: 50px;}
	.headerNews .titles{margin-bottom: 20px;}
	.application ul li .imbx .description{height: auto;padding:10px 3% 0 3%;}
	.application ul li .imbx .description .tit{padding-bottom:20px;font-size: 16px;}
	.application ul li .imbx .description .more{margin-top: 20px;}
	.application ul li .imbx .description .tit span{max-height: 44px;}
	.application ul li .imbx .description dl{max-height:70px; line-height:20px; font-size:12px;}
	.superiority.superiority .logos{margin-bottom: 25px;}
	.superiority .abs{width: 70%;}
	.headerNews .titles .cn,.application .title .cn{font-size: 32px;}
	.headerNews ul li a .date{margin-bottom: 10px;}
	.newsDetail .contentss .leftShare li{width: 70px;}
	.newsDetail .contentss .leftShare li a{height: 45px;}
	.newsDetail .closeBtn{width: 50px;height: 50px;}
	.newsDetail .contentss .leftShare .back img{width: 100%;}
}
@media only screen and (max-width: 1024px) {
	.SwitchTab{
		top: 33px;
	}
	.case .topCon .des .apply{width: 80%;}
	.case .projectIntroduce{width: 80%;}
	footer .bottomNav li:first-child{margin-left: 0;}
	footer .bottomNav li{width: auto;}
	footer .bottom .mes{display: none;}
	footer .bottom p{display: inline-block;}
	footer .bottom .copyright{float: none;text-align: center;}
	footer .bottom .shuwon{margin-left: 15px;}
	.realCont .content .tits{margin: 0 3%;}
	.comNav .left a{margin-right: 0;}
	/*.comNav{padding: 0 3%;}*/
	.realCont .content .des{margin: 0 3%;padding: 20px 0;}
	.newsDetail .realCont .content .des{width: 94%;}
	/*.realCont .content .rightCont{width: 65%;}*/
	.productType1 .equipment .btStructure >img{left: 66%;}
	.productType1 .equipment .btStructure >img{max-width: 200px;}
	.productType1 .equipment .btStructure .leftBt .func{padding: 10px 0;font-size: 12px;}
	.productType1 .equipment .btStructure .leftBt .constitute{padding: 10px 0;}
	.productType1 .equipment .btStructure .leftBt .argument li >div{float: none; display: block;}
	.productType1 .equipment .btStructure .leftBt .argument{padding-top: 15px;}
	.productType1 .equipment .btStructure .leftBt .argument li{margin-top: 10px; font-size: 12px;line-height: 24px;}
	.productType1 .equipment .btStructure{margin-bottom: 20px;}
	.productType1 .equipment .btStructure .leftBt .argument li .details{padding-left: 30px;}
	.esBt .realCont .content{padding-bottom: 0;}
	.esBt .realCont .content .des{padding-bottom: 0;}
	header{padding-top: 10px;height: auto;}
	header .logo a img{height: 40px;}
	header .header-body{padding-bottom: 10px;}
	header nav{width: calc(100% - 150px);margin-top: 5px;}
	header nav li{width: calc(100%/6);box-sizing: border-box;}
	header nav li a{font-size: 12px;line-height: 28px;}
	.main{padding-top: 80px;}
	.introduce .rightCont .box .desc img{margin: 10px 0;}
	.recruitment .rightCont .box1{margin-bottom: 20px;}
	.introduce .rightCont .box .flag{margin-bottom: 20px;}
	.introduce .rightCont .box .flag >div{padding: 5px;height: 120px;}
	.introduce .rightCont .box .flag span:first-child{line-height: 90px;font-size: 24px;padding-right: 10px;}
	.introduce .rightCont .box .flag span:first-child+span{padding-left: 10px; width: calc(100% - 86px);line-height: 22px;font-size: 12px;}
	.introduce .rightCont .box .flag .rightb span:first-child+span{width: calc(100% - 70px);}
	.introduce .rightCont .box .tags a{width: 100%;margin-bottom: 20px;}
	.introduce .rightCont .box .tags a:first-child+a{width: 100%;}
	.comNav{line-height: 50px;height: 50px;}
	.comNav .left{font-size: 14px;}
	.comNav .left a{padding: 0 10px;}
	.crumbs{min-width: calc(100% - 460px);padding-right: 10px;font-size: 12px;margin-right: 0;}
	.realCont .content .leftNav{top: 10px;}
	.realCont .content .leftNav{font-size: 14px;}
	.realCont .content .leftNav li{margin-bottom: 20px;}
	.realCont .content .rightCont .titles{font-size: 18px;}
	.introduce .rightCont .box .titles{margin-bottom: 10px;}
	.recruitment .rightCont .box .desc>p{margin-top: 15px;}
	.introduce .rightCont .box .line{margin: 15px 0;}
	.honorList ul li{width: 25%;}
	.honorList{padding-bottom: 0;margin-bottom: 0;}
	.duty .rightCont .box .duty-ul .item .title{font-size: 18px;margin-bottom: 10px;}
	.duty .rightCont .box .duty-ul .item{padding: 0 20px;}
	.duty .rightCont .box .duty-ul .item .date{font-size: 12px;line-height: 24px;}
	.loadmore{margin: 20px auto;}
	.recruitment .rightCont .zprk div{padding-right: 0;padding-left: 10px;}
	.recruitment .rightCont .zpxx ul li{width: 46%;margin: 0 2%;}
	.recruitment .rightCont .zpxx{margin-top: 40px;padding-left: 0;}
	.recruitmentDetail .contentbox{left: 10%;width: 80%;margin-left: 0;height: 600px;margin-top: -300px;}
	.recruitmentDetail .contentbox .summary{max-height: calc(100% - 190px);}
	.contactUs .rightCont .box .desc #map{height: 500px;}
	.contactUs .rightCont .box .desc .map{margin-top: 25px;}
	.contactUs .rightCont .box .desc .contact-box{margin-top: 25px;}
	.dynamic .realCont .content .rightCont ul li a .rightContent .title{font-size: 18px;line-height: 1.5;}
	.news .realCont .content .rightCont ul li a .newsTit{font-size: 18px;line-height: 1.5;width: 40%;padding-right: 20px;}
	.news .realCont .content .rightCont ul li a .contents{width: calc(60% - 60px);padding: 0 20px;max-height: 91px;height: 91px; overflow: hidden;}
	.news .realCont .content .rightCont ul li a .more-btn{width: 60px;}
	.news .realCont .content .rightCont ul li a{margin-bottom: 25px;}
	.case .projectIntroduce a{width: 100%;}
	.case .projectIntroduce .casebox a:nth-child(2n){margin-left: 0;}
	.popPanel .contents{width: 80%;left: 10%;margin-left: 0;}
	.case .projectIntroduce a .intro .projectDes{height: auto;}
	.productService .rightCont .idea{font-size: 20px;margin-top: 25px;}
	.productService .topTit .cn{font-size:20px;}
	.productService .rightCont .imgBoxs .imgs{margin-top: 25px;}
	.productService .rightCont p{margin-bottom: 15px;}
	.topTit .en{font-size: 14px;}
	.hse .rightCont .box .desc .abs{width: 48%;}
	.hse .rightCont .box .desc .abs .aim{margin-top: 25px;}
	.hse .rightCont .box2 .desc .img{width: 48%;margin-right: 4%;}
	.hse .rightCont .box2 .desc .img img{width: 100%;}
	.moreList.active{padding: 15px;}
	.moreList a{width: 33%;margin: 0;float: left;}
	.moreList:after{display: none;}
	.series .banner-horse{height: auto; padding: 20px;margin-bottom: 25px;margin-top: 20px;}
	.series .banner-horse .bigTit{font-size: 50px;margin-bottom: 25px;}
	.series .banner-horse .conscience .blue{font-size: 50px;}
	.series .banner-horse .bigTit p{font-size: 16px;}
	.series .banner-horse .conscience{width: calc(100% - 280px);}
	.series .banner-horse .horse{right: 20px;width: 50%;}
	.series .realCont .rightCont .box3 .desc li{margin-bottom: 25px;}
	.best .rightCont .box1 .desc .round{margin-top: 40px;}
	.best .rightCont .box2 .desc .abs{padding-bottom: 40px;}
	.series .realCont .rightCont .concept{font-size: 24px;}
	.popPanel .contents .intro{padding: 20px;}
	.popPanel .contents .intro .projectName{font-size: 20px;margin-bottom: 20px;}
	.popPanel .contents .intro .projectName::after{bottom: -10px;}
	.popPanel .contents .intro .list{width: 100%;}
	.popPanel .contents .intro .list .turnR{font-size: 18px;}
	.news .realCont .content{padding-bottom: 0;}
	.moreBtn{margin-top: 30px;}
	.productShow .sball{height: 350px;}
	.productShow .sball .leftParameter,.productShow .sball .rightParameter{width: calc(50% - 175px);}
	.productShow .sball .bigR{width: 350px;height: 350px;margin-left: -175px;}
	.productShow .btTit .en{font-size: 24px;}
	.productShow .btTit .cn{font-size: 12px;}
	.productShow .sball .parameterBox:first-child{top: 50px;}
	.productShow .sball .parameterBox:first-child + .parameterBox, .productShow .sball .parameterBox.parameter2:first-child{top: 140px;}
	.productShow .sball .parameterBox:first-child + .parameterBox + .parameterBox, .productShow .sball .parameterBox:first-child + .parameterBox.parameter3{top: 230px;}
	.productShow .sball .parameterD{font-size: 16px;}
	.productShow .sball .Lit{margin-bottom: 5px;}
	.productShow .sball .grey{margin-bottom: 0;}
	.productShow .sball{padding-top: 30px;}
	.productShow .sball .rightParameter .parameterBox{padding-left: 20px;}
	.productShow .sball .leftParameter .parameterBox{padding-right: 20px;}
	.product2 .part12{margin-bottom: 20px;padding-bottom: 0;}
	.productType1 .equipment .proTit div{font-size: 20px;}
	.productType1 .equipment .proParameter ul li p{font-size: 16px;}
	.productType1 .equipment .proParameter ul li{margin-bottom: 15px;}
	.productType1 .equipment .peculiarity{margin: 20px 0 40px;}
	.productType1 .equipment .peculiarity ul{margin: 20px 0;}
	.productType1 .equipment .proParameter{margin-top: 20px;}
	.news .nav li a{font-size: 16px;height: auto;padding: 14px 0;}
	.productType1 .realCont .content .leftNav li a .en{margin-top: 0;}
	.fnc-nav{top: 80px;}
	.product .swiper-slide{padding: 3%;}
	.cbottom{min-height: 249px;}
	.application ul li a .description .more{width: 80%;}
	.application .wd1480{width: 90%;}
	/*.application ul li.active a{transform: none;}*/
	.application ul li .imbx .description{position: relative;bottom: 0;}
	.application ul li .imbx .description .more{width: 80%;margin: 0 auto;}
	.application ul li .imbx .description .tit{font-size: 14px;}
	.application ul li .imbx .description .tit span{max-height:50px;}
	.application ul li .imbx .description dl{ font-size:12px; line-height:20px;max-height:70px; }
	.superiority .abs{width: 90%;}
	.headerNews ul{height: 400px;}
	.recruitment #box2 ul li{margin-right: 55px;}
}
@media only screen and (max-width: 768px) {
	.SwitchTab{
		display: none;
	}
	.SwitchTab{
    display: none;
}

.tabEC{display: block;}
	.recruitment #box2 ul li{margin-right: 40px;}
	footer .left{width: 100%;float: none;overflow: hidden;}
	footer .left .logo{float: left;}
	footer .right{float: none;padding-top: 15px; width: 100%;}
	footer .right .link{text-align: center;}
	footer .bottomNav{float: right;}
	footer .bottomNav li{padding: 0 8px;}
	.bTit .en{font-size: 12px;}
	.bTit .cn{font-size: 22px;}
	.realCont .content .rightCont{margin-right: 0;}
	.honorList ul li{width: 33%;}
	.duty .rightCont .box .duty-ul .imgbox{height: 162px;}
	.duty .rightCont .box .duty-ul .imgbox img{height: 100%;}
	.case .projectIntroduce a .intro .projectDes{height: 70px;overflow: hidden;}
	.popPanel .contents{width: 100%;height: 100%;left: 0;margin-top: 0;top: 0;display: flex;align-items: center;padding: 0 3%;}
	.popPanel .contents .closeBox{top: 15%;right: 3%;}
	.popPanel .contents .img{height: auto;width: 50%;}
	.popPanel .contents .intro{width: 50%;}
	.series .banner-horse .bigTit{margin-bottom: 20px;font-size: 40px;}
	.series .banner-horse .lis{width: 400px;padding-left: 40px;}
	.series .banner-horse .lis span{margin-left: -45px;}
	.series .banner-horse .conscience{width: calc(100% - 100px);margin-top: 15px;padding-top: 15px;}
	.series .banner-horse .conscience .blue{font-size: 40px;}
	.popPanel .contents .img img{width: 100%;}
	.newsDetail .contentss .relContent{width: 80%;}
	.newsDetail .content .rightCont{width: 94%;}
}
.news .comNav{display: none;}
.espli{display: none;}
.imgbox{display: none;}
.sbbtn{display: none;}
@media only screen and (max-width: 767px) {
	.mouse1{ display: none;}
	.imgbox{position: fixed;z-index: 999;width: 100%;height: 100%;top: 0;left: 0;background-color: #fff;}
	.imgbox .closebtn{cursor: pointer; width: 30px;height: 30px; position: absolute;z-index: 100; top: 15px;right: 3%;border-radius: 50%;background-color: #d50000;}
	.imgbox .closebtn img{margin-top: 10%;margin-left: 10%; width: 80%;height: 80%;}
	.imgbox .pinch-zoom{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
	.develop .time-line-box .action img{height: 45px;}
	.recruitment #box2{margin-bottom: 30px;}
	.recruitment #box2 ul li{margin-right: 0;float: left;width: 33.33%;}
	.recruitment #box2 ul li img{margin: 0 auto;}
	.recruitment #box2 ul{width: 100%;overflow: hidden;}
	header{padding-top: 10px;}
	header .logo a img{height: 40px;}
	header .mobile{z-index: 100; position: fixed;top: 15px;right: 3%;width: 30px;height: 30px;cursor: pointer;-webkit-transition: all ease 0.3s;transition: all ease 0.3s;display: block;}
	header .mobile span{width: 26px;height: 2px;background-color: #0064ae;position: absolute;top: 4px;left: 2px;transition-duration: .5s;-webkit-transition-duration: .5s;}
	header .mobile span:nth-child(1){transform-origin: left top;}
	header .mobile span:nth-child(2){top: 15px;}
	header .mobile span:nth-child(3){top: auto; bottom: 3px;transform-origin: left bottom;}
	header .mobile.active span:nth-child(2){transform: scale(0);}
	header .mobile.active span:nth-child(1){transform: rotate(45deg);top: 6px;left: 6px;}
	header .mobile.active span:nth-child(3){transform: rotate(-45deg);bottom: 4px;left: 6px;}
	header nav{display: none; padding-top: 50px; margin-top: 0;position: fixed;left: 0;top: 0;width: 100%;background-color: #efefef;}
	header nav li{width: 100%;text-align: center;padding-bottom: 10px;padding-top: 10px; border-bottom: 1px solid #fff;border-top: 1px solid rgba(255,255,255,.2);}
	header nav li a{width: auto;padding: 0 40px;color: #3e3e3e;}
	.headerIndex nav li a{color: #3e3e3e;}
	header{height: auto;}
	header.ac{height: 100%;}
	header .header-body{padding-bottom: 5px;width:1300px; margin:0 auto;}
	.main{padding-top: 60px;padding-bottom: 80px;}
	
	.realCont .content .leftNav{display: none;}
	.realCont .content .rightCont{width: 100%!important;float: none;}
	.case .projectIntroduce{width: 100%;}
	.case .projectIntroduce a .img{width: 100%;padding: 10px;padding-bottom: 0;}
	.case .projectIntroduce a .intro{width: 100%;padding: 15px 3%;background-color: #004098;}
	.case .projectIntroduce a .intro .projectName{color: #fff;font-weight: normal;text-align: center;}
	.case .projectIntroduce a .intro .projectName::after{background-color: #fff;left: 50%;margin-left: -32px;}
	.case .projectIntroduce a .intro .projectDes{height: auto;display: none;}
	.case .topCon .des .ball{width: 150px;height: 150px;margin-top: 20px;}
	.case .topCon .des .ball .slideBlock{width: 636px;}
	.crumbs{display: none;}
	.comNav{height: auto;line-height: 40px;}
	.comNav .left a{width: 33.33%;font-size: 13px;}
	.introduce .rightCont .box .flag > div{width: 100%;}
	.introduce .rightCont .box .flag span:first-child{width: 90px;text-align: center;}
	.introduce .rightCont .box .flag span:first-child+span{width: calc(100% - 90px);}
	.introduce .rightCont .box .flag .rightb{margin-top: 10px;}
	.introduce .rightCont .box .flag .rightb span:first-child+span{width: calc(100% - 90px);}
	.introduce .rightCont .box .tags .axb{width: 100%;margin: 0; margin-bottom: 15px;}
	.introduce .rightCont .box .tags .axb:first-child+.axb{width: 100%;}
	.contactUs .rightCont .box .desc .contact-box .img-box{display: block;margin-bottom: 15px;}
	.contactUs .rightCont .box .desc .contact-box .img-box img{margin: 0 auto;width: 100px;}
	.contactUs .rightCont .box .desc .contact-box .contact-ul{margin-left: 0;}
	.recruitment .rightCont .zprk{margin-top: 15px;line-height: 40px;padding: 10px 0;}
	.recruitment .rightCont .zprk .title{padding-right: 0;text-align: center;line-height: 40px;}
	.recruitment .rightCont .zprk .title:after{height: 100%;top: 0;margin-top: 0;}
	.recruitment .rightCont .zprk div{width: 50%;float: left;height: 40px;}
	.recruitment .rightCont .zprk div a{display: block;width: 100%;height: 100%;}
	.recruitment .rightCont .zprk div a img{height: 30px;margin: 5px auto 0;}
	.recruitment .rightCont .zpxx ul li{width: 100%;margin: 0 auto;height: auto;padding-bottom: 15px;margin-bottom: 20px;}
	.recruitment .rightCont .zpxx ul li .more{margin-top: 15px; position: relative;top: 0;left: 0;display: block;}
	.recruitment .rightCont .zpxx ul li .detail{height: auto;}
	.duty .rightCont .box .duty-ul .imgbox{height: auto;width: 100%;}
	.duty .rightCont .box .duty-ul li{margin-bottom: 15px;}
	.duty .rightCont .box .duty-ul .item{width: 100%;margin-left: 0;padding: 0 5px; padding-bottom: 15px;}
	.recruitmentDetail .contentbox{width: 100%;height: 100%;left: 0;top: 0;margin-top: 0;padding-top: 50px;}
	.recruitmentDetail .contentbox .clostRecruit{top: 10px;right: 10px;}
	.honor .fullCont .box1 .desc .marks{font-size: 20px;line-height: 2;}
	.honor .fullCont .box1 .desc .float-l.u1{margin-top: 15px;}
	.honor .fullCont .box1 .desc ul.float-l li{width: 50%;float: left;width: 50%;margin: 0;}
	.honorList{margin: 20px 0;}
	.honorList ul li{width: 100%;}
	.develop .time-line-box .line .rightBox{padding-left: 39px;width: 100%;margin-left: 0;}
	.develop .time-line-box .line .leftBox{padding-left: 39px;width:100%;margin-left: 0;}
	.develop .time-line-box .line .leftBox .line-dot-detail{padding-left: 50px;padding-right: 0;text-align: left;}
	.develop .time-line-box .line .line-dot .line-dot-title{left: -39px;right: auto;position: relative;}
	.develop .time-line-box .line .leftBox:after, .develop .time-line-box .line .rightBox:after{right: auto;left: 38px;margin-left: 0;}
	.develop .time-line-box .line .line-dot{padding-bottom: 15px;}
	.develop .time-line-box .line{padding-bottom: 20px;}
	.develop .time-line-box{margin-top: 20px;}
	.develop .time-line-box .line  .line-dot-detail img{max-width: 100%;}
	footer .right .link a{padding: 0 10px;}
	footer .bottomNav li{width: 33%;margin-bottom: 5px;}
	footer .bottomNav li:nth-child(3):after{display: none;}
	footer .left .logo{float: none;}
	footer .left .logo a{width: 150px;display: block;margin: 0 auto;}
	footer .left .logo a img{width: 150px;}
	footer .bottomNav{padding-top: 15px;}
	.friendLink{float: none; margin: 0 auto 25px;}
	footer .right{margin-bottom: 20px;}
	footer{padding-top: 20px;}
	.banner-in{margin-bottom: 20px;}
	footer .bottom p{width: 300px;}
	footer .bottom .shuwon{margin-left: 0;text-align: center;}
	.moreList a{margin-bottom: 15px;}
	.moreList a .img img{width: 80px;}
	.moreList a .bg{width: 60px;height: 60px; margin-top: -30px;margin-left: -30px;}
	.moreList a .cn{font-size: 12px;}
	.moreList a .en{height: 32px;display: none;}
	.news .comNav{display: block;margin-top: 20px;}
	.news .realCont .content .des{padding-top: 20px;padding-bottom: 0;}
	.news .realCont .content .rightCont ul li a{margin-bottom: 15px;padding: 15px;}
	.dynamic .realCont .content .rightCont ul li a{display: block;}
	.dynamic .realCont .content .rightCont ul li a .imgbox{width: 100%;padding: 15px 0;}
	.dynamic .realCont .content .rightCont ul li a .imgbox img{max-width: 100%;margin: 0 auto;}
	.dynamic .realCont .content .rightCont ul li a .rightContent{width: 100%;padding: 0;}
	.dynamic .realCont .content .rightCont ul{margin-bottom: 25px;}
	.news .realCont .content{padding-bottom: 0;}
	.series .banner-horse{margin: 20px 0;}
	.series .banner-horse .bigTit{font-size: 26px;}
	.series .banner-horse .bigTit .gray{margin-right: 30px;}
	.series .banner-horse .bigTit p{font-size: 12px;}
	.series .banner-horse .horse{position: relative;top: 0;left: 0;width: 70%;}
	.series .banner-horse .lis{width: 100%;}
	.series .banner-horse .conscience{padding-top: 5px;width: 100%;}
	.series .banner-horse .conscience .blue{font-size: 30px;width: 100%;}
	.series .banner-horse .conscience .blue:after{display: none;}
	.series .banner-horse .conscience p{width: 100%;}
	.series .realCont .comNav .left{width: 100%;}
	.series .realCont .rightCont .box1 .desc .img{max-width: 100%;margin-right: 0;margin-bottom: 15px;}
	.series .realCont .rightCont .box1 .desc{ padding: 20px 3% 0;}
	.series .realCont .rightCont .concept{font-size: 14px;overflow: hidden;padding: 10px 0;}
	.series .realCont .rightCont .concept span{margin-right: 0;float: left;width: 25%;text-align: center;}
	.series .realCont .rightCont .box2{margin-bottom: 20px;}
	.series .realCont .rightCont .box3 .desc{padding-top: 20px;}
	.series .realCont .rightCont .box3 .desc .subtit{padding-left: 35px;font-size: 16px;}
	.series .realCont .rightCont .box3 .desc .description{padding-left: 35px;width: 100%;}
	.series .realCont .rightCont .box3 .desc .subtit::after{display: none;}
	.series .realCont .rightCont .box3 .desc li{margin-bottom: 15px;}
	.series .realCont .rightCont .box3 .desc li.process .description{margin-top: 0;}
	.realCont .content .rightCont .titles{font-size: 18px;}
	.informatization .content .des .imgB{margin-top: 20px;}
	.hse .rightCont .box .desc .abs{width: 100%;}
	.hse .rightCont .box .desc .abs .aim{overflow: hidden;font-size: 14px;margin-top: 15px;padding-top: 15px;margin-bottom: 15px;}
	.hse .rightCont .box1 .desc .abs .aim span{float: left;width: 25%;text-align: center;margin-right: 0;}
	.hse .rightCont .box2 .desc .img{width: 100%;margin-right: 0;}
	.hse .rightCont .box3 .desc .theme{margin-bottom: 15px;font-size: 14px;}
	.series .realCont .rightCont .box2 .desc{padding: 18px 3% 0;}
	.series .realCont .rightCont .box1{margin-bottom: 20px;}
	.series .realCont .rightCont .box2{margin-bottom: 0;}
	.best .rightCont .box1 .desc .detail{width: 100%; margin-top: 0;font-size: 14px;}
	.best .rightCont .box1 .desc .imgs{width: 100%;margin-top: 15px;}
	.best .rightCont .box1 .desc .round{margin-top: 15px;}
	.best .rightCont .box2 .desc .abs{padding-bottom: 0;padding-top: 0;margin-top: 15px;}
	.best .rightCont .box2 .desc .abs.active{height: 400px;overflow: auto;}
	.best .rightCont .box2 .desc .abs.active img{max-width: initial;}
	.best .rightCont .imgList{padding-bottom: 20px;}
	.case .projectIntroduce a{margin-bottom: 15px;}
	.moreBtn{margin-top: 20px;}
	.productService .rightCont .parts{margin-top: 30px;}
	.productService .rightCont .idea{font-size: 18px;line-height: 1.5;margin-top: 15px;}
	.productType1 .equipment .proTit div{font-size: 18px;}
	.productType1 .equipment .btStructure .leftBt{width: 100%;}
	.productType1 .equipment .btStructure > img{position: relative;left: 0;top:0;margin: 0 auto;max-width: 100%;}
	.productIntroduce .tits, .product2 .tits2{font-size: 20px;margin-bottom: 20px;}
	.productType1 .equipment .proParameter .imgL{width: 100%;}
	.productType1 .equipment .proParameter ul{width: 50%;margin-top: 0;margin-right: 0;}
	.productType1 .equipment .peculiarity{margin: 0 0 20px;}
	.productType1 .equipment .abs{margin: 20px 0;padding: 15px 0;}
	.productType1 .equipment .preponderance .tag{font-size: 20px;line-height: 35px;height: 35px;}
	.productType1 .equipment .preponderance ul{margin-top: 20px;}
	.productType1 .equipment .preponderance ul li{margin-bottom: 15px;}
	.productType1 .equipment .preponderance ul li .desc{width: 100%;padding-left: 0px;margin-top: 10px;}
	.productType1 .lines{margin: 20px 0;}
	.productType1 .equipment .proParameter ul{padding-left: 20px;}
	.productType1 .equipment .proParameter ul li::before{display: none;}
	.productType1 .equipment .proParameter ul li::after{width: 6px;height: 6px;left: -20px;top: 10px;}
	.productIntroduce{padding: 20px 3%;}
	.productIntroduce .tits h2, .product2 .tits12 h2{font-size: 20px;margin: 0;}
	.productShow .sball .bigR{position: relative;left: 0;margin: 0 auto 20px;width: 280px;height: 280px;}
	.productShow .sball{height: auto;padding-top: 65px;}
	.productShow .sball .leftParameter, .productShow .sball .rightParameter{width: 100%;float: left;text-align: left;}
	.productShow .sball .leftParameter{margin-right: 0;}
	.productShow .sball .leftParameter .parameterBox,.productShow .sball .rightParameter .parameterBox{position: relative;left: 0;top: 0;padding-right: 0;}
	.productShow .sball .leftParameter .parameterBox:first-child+.parameterBox+.parameterBox{right: 0;}
	.productShow .sball .parameterBox:first-child + .parameterBox + .parameterBox, .productShow .sball .parameterBox:first-child + .parameterBox.parameter3{top: 0;transform: none;right: 0;}
	.productShow .sball .parameterBox:first-child + .parameterBox, .productShow .sball .parameterBox.parameter2:first-child{top: 0;}
	.productShow .sball .rightParameter .parameterBox:first-child{left: 0;}
	.productShow .sball .parameterBox:first-child+.parameterBox, .productShow .sball .parameterBox:first-child.parameter2{transform: none;}
	.productShow .sball .rightParameter .parameterBox:first-child + .parameterBox + .parameterBox{left: 0;}
	.productShow .sball .rightParameter .parameterBox:first-child > div:first-child + div{margin-left: 0;}
	.productShow .sball .parameterBox:first-child{transform: none;}
	.productShow .sball .rightParameter .parameterBox{padding-left: 0;}
	.productShow .sball .parameterD{font-size: 14px;}
	.productShow .sball .grey{margin-bottom: 5px;}
	.productShow .sball .rightParameter .parameterBox,.productShow .sball .leftParameter .parameterBox{width: 50%;float: left;text-align: center; margin-bottom: 15px;}
	.productShow .sball .bigR .p{display: none;}
	.productShow .sball .leftParameter .parameterBox:first-child{right: 0;}
	.productShow .btTit .en{font-size: 20px;}
	.productIntroduce .btT .leftBt .tit{font-size: 18px;}
	.productIntroduce .btT .leftBt{float: none;width: 100%;margin: 0 auto;padding-right: 0;}
	.productIntroduce .btT .rightBt{width: 100%;padding: 20px 3%;margin-top: 15px;}
	.productIntroduce .advantage li .lef{width: 100%;margin-bottom: 10px;}
	.productIntroduce .advantage li .adDetail{width: 100%;margin: 0;padding-left: 0;}
	.productIntroduce .advantage li .adDetail img{margin: 15px auto;}
	.productIntroduce .advantage li{margin-bottom: 15px;}
	.productIntroduce .advantage{margin-bottom: 20px;}
	.productIntroduce .redTag{margin: 30px 0 20px;height: 35px;line-height: 35px;font-size: 20px;padding-left: 10px;width: 138px;text-align: center;}
	.productIntroduce .advantage li .adDetail .leftC{width: 100%;}
	.productIntroduce .advantage li .adDetail .espb{margin-top: 15px;}
	.productIntroduce .advantage li .adDetail .imgborder.active{width: 100%;}
	.fnc-nav__control{width: 33.33%!important;}
	.btn .cn{font-size: 16px!important;}
	.fnc-slide__mask{width: 94%!important;}
	.product .left{position: relative;width: 100%;margin: 0;}
	.product .swiper-slide-active .right{width: 100%;height: auto;}
	.newsDetail .realCont .content .des{width: 100%;margin: 0;}
	.wd1350,.application .wd1480{width: 94%;}
	.application ul li{width: 100%;margin-bottom: 20px;}
	.application ul li .imbx .description{opacity: 1;height: auto;}
	.superiority .details{width: 100%;display: block;overflow: hidden;}
	.superiority .details a{width: 50%;float: left;display: inline-block;padding: 0 5px;}
	.superiority{padding-bottom: 20px;margin-top: 30px;}
	.headerNews ul li{width: 100%;margin-right: 0;padding-bottom: 20px;}
	.headerNews ul{height: auto;}
	.headerNews ul li a .img{opacity: 1;transform: none;}
	.headerNews ul li a .des{margin-top: 0;}
	.headerNews ul li a .moreN{opacity: 1;height: 28px;line-height: 28px;margin: 20px auto 0;}
	.headerNews ul li a{width: 100%;}
	.application ul li .imbx .description .more{position: relative;}
	.superiority .details a .theme{background-size: 70%;background-position: center;width: 100px;height: 50px;}
	.superiority .details a .en{margin-top: 0;}
	#mapIndex .pos{width: 94%;left: 3%;margin-left: 0;padding: 5px 15px;height: auto;line-height: 24px;top: 150px;}
	#mapIndex{background-position: 46% center;}
	.application .title,.headerNews .titles{width: 100%;}
	.product .left,.product .right{height: auto;}
	.product .left .img{top: 0;transform: none;}
	.product{background-size: auto 50%;}
	.product .my-dot{bottom: 0px;}
	.application{margin-top: 20px;}
	.product .left{position: relative;}
	.product .left .img img{height: 280px;}
	.product .swiper-slide{height: 100%;}
	.application ul{margin-top: 20px;}
	.contactUs .rightCont .box .desc .map p{line-height: normal;padding-top: 8px;}
	.application ul li .imbx .description .more{left: 0;}
	.newsDetail .contentss .leftShare{width: 100%;overflow: hidden;}
	.newsDetail .contentss .relContent{width: 100%;}
	.newsDetail .contentss .links a{width: 48%;}
	.newsDetail .contentss .links{width: 100%;margin-top: 20px;}
	.newsDetail .newsTitle{font-size: 24px;padding-bottom: 10px;}
	.newsDetail .contentss{margin-top: 25px;}
	.newsDetail .closeBtn{width: 40px;height: 40px;margin-bottom: 0; display: none;}
	.newsDetail .contentss .leftShare .back{display: inline-block;margin-bottom: 10px;float: right;margin-top: 15px;font-size: 16px;}
	.newsDetail .contentss .leftShare .back img{width: 100%;}
	.newsDetail .contentss .leftShare ul{margin: 0 -10px;}
	.newsDetail .contentss .leftShare li:first-child{width: 100%;margin-bottom: 0;text-align: left;font-size: 14px;}
	.newsDetail .contentss .leftShare li{width: 25%;padding: 10px;float: left;}
	.newsDetail .contentss .leftShare li a{height: 50px;}
	.newsDetail .contentss .leftShare li a.moreS{height: 42px!important;}
	.newsDetail .contentss .leftShare li{margin-bottom: 10px;}
	.product .right{width: 100%; float: none; opacity: 1; transform: none;-webkit-transform: none; transition-delay: initial;-webkit-transition-delay: initial;transition-duration: initial;-webkit-transition-duration: initial;display: block;}
	.product .left .img img{opacity: 1; transform: none;transition-delay: initial;-webkit-transition-delay: initial;transition-duration: initial;-webkit-transition-duration: initial;}
	.application ul li .imbx .description .tit{margin-bottom: 10px;}
	.product .swiper-slide-active .right{transform: none;width: 100%;}
	.product .swiper-container{padding-bottom: 60px;}
	.product .right .parameter .detail{display: none;}
	.cbottom{min-height: auto;}
	.cbottom >a{line-height: 32px;}
	.headerNews .newsBox{padding-top: 25px;margin-bottom: 80px;padding-bottom: 20px;}
	.headerNews ul li a{padding: 0;}
	.application ul li.active .imbx{transform: none;}
	.application ul li .imbx .img img{opacity:0.5;}
	.contactUs .rightCont .box .desc #map{height: 250px;}
	.realCont .content{margin-bottom: 0;}
	.news .realCont .content .rightCont ul li a .newsTit{width: 100%;border-right: none;float: none;height: auto;text-align: left;padding: 0;}
	.news .realCont .content .rightCont ul li a .contents{width: 100%;float: none;padding: 0;margin: 10px auto 15px;}
	.case .realCont{padding-bottom: 0;}
	.productIntroduce .part2 .table .tr .rights >div:first-child{padding-left: 0;}
	.productIntroduce .part2 .table .tr .lefts{width: auto;padding: 0 5px;}
		.productIntroduce .part2 .table .tr{font-size: 12px;}
		.productIntroduce .part2 .table .tr>div{text-align: center;}
		.productIntroduce .part2 .table .tr .rights{width: calc(100% - 60px);}
		.productIntroduce .part2 .table .tr .rights.four >div{text-align: center;}
		.productIntroduce .part2 .table .tr .rights.six >div{text-align: center;height: 60px;line-height: normal;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
		header.active, .case header.active{z-index: 100;}
		.case .projectIntroduce .titles{margin-bottom: 30px;}
		.moreList{position: fixed;top: 60px;}
		.superiority .abs{width: 100%;text-align: justify;}
		.mobilebanner{display: block;max-height: 100%;}
		.mobilebanner img{width: 100%;}
		.mobilebanner .swiper-pagination span{background-color: #007aff;opacity: 1;}
		.mobilebanner .swiper-pagination .swiper-pagination-bullet-active{background-color: #004098;}
		.demo-cont{display: none;}
		.product .right .control-btn{display: none;}
		.product:after{bottom: 0px;}
		.application .mobile{overflow: hidden;}
		.headerNews ul{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: initial;}
		.headerNews ul li:hover a{border: none;}
		.headerNews .swiper-pagination{bottom: 0;}
		.application .swiper-pagination{bottom: 0;}
		.mobilenew{padding-bottom: 10px;}
		.productIntroduce .advantage li .adDetail p{text-align: justify;}
		.bt6 .productIntroduce .advantage li .adDetail p{padding-left: 0;}
		.bt6 .productIntroduce .advantage li .adDetail p:before{display: none;}
		.productIntroduce .part1, .product2 .part12{text-align: justify;}
		.productIntroduce .advantage li .adDetail .imgborder{display: block;margin: 0 auto;}
		.productType1 .equipment{padding-left: 0;}
		.esBt .equipment .btStructure > img{max-width: 100%;width: 50%;}
		.esBt .equipment#box4 .btStructure > img{width: 100%;}
		.productIntroduce .part1, .product2 .part12{font-weight: 500;}
		.productType1 .equipment .btStructure .leftBt .func{font-size: 14px;}
		.productType1 .equipment .btStructure .leftBt .argument li{font-size: 14px;}
		.productType1 .equipment .btStructure .leftBt .argument li .property img{vertical-align: sub;}
		.productType1 .equipment .btStructure .leftBt .argument li .property span{width: auto; font-size: 16px;}
		.productType1 .equipment .btStructure .leftBt .argument li .details{font-weight: 500;}
		.productType1 .equipment .proParameter .imgL img{width: 50%;margin-bottom: 15px;}
		.case .topCon .des .apply{width: 100%;}
		.case .projectIntroduce a:hover{box-shadow: none;}
		.news .realCont .content .rightCont ul li a .newsTit span{font-size: 18px;line-height: 1.5;text-align: left;}
		.case .projectIntroduce a:hover:before{opacity: 0;}
		.news .realCont .content .rightCont ul li a .more-btn{position: static;width: 90px;height: 24px;line-height: 24px;font-size: 12px;color: #f5f5f5;background-color: #d5d5d5;text-transform: uppercase;text-align: center;transition-duration: .5s;-webkit-transition-duration: .5s;background-image:initial;opacity: 1;}
		.whiteBg, .header{z-index: 100;}
		.introduce .rightCont .box .tags{margin: 0;}
		.contactUs .rightCont .box .desc .map{margin-top: 5px;}
		header{position: fixed;}
		header .logo{left: 3%;}
		.mobileshowcs{display: block;}
		.mobileshowcs .cs{color: #095292;}
		/*.mobileshowcs ul{overflow: hidden;}*/
		.productShow{margin-bottom: 30px;}
		.mobileshowcs ul li{width: 50%;float: left;height: 60px;margin-bottom: 10px;}
		.mobileshowcs.espcs ul li{height: 80px;}
		.mobileshowcs.espcs1 ul li{height: 40px;}
		.productShow .sball .leftParameter, .productShow .sball .rightParameter{display: none;}
		.eslul{display: none;}
		.espli{display: block;}
		.productType1 .equipment .proParameter ul.espul{width: 100%;overflow: hidden;}
		.productType1 .equipment .proParameter ul.espul li{width: 50%;float: left;}
		.productType1 .equipment .preponderance ul li .attr{margin-right: 0;width: calc(100% - 45px);}
		.popPanel .contents .closeBox{top: 15px;position: fixed;}
		.popPanel .contents{display: block;position: relative;height: auto;align-items:  initial;}
		.popPanel .contents .img{width: 100%;float: none;}
		.popPanel .contents .intro{width: 100%;padding: 0;float: none;overflow: hidden;height: auto;}
		.popPanel{height: 100%;overflow: auto;}
		.popPanel .contents .intro .list{float: none;}
		.popPanel .bg{display: none;}
		.popPanel .contents .intro .list .fixedL{margin-top: 5px;}
		.contactUs .rightCont .box .desc .map p{position: relative;width: 100%;top: 0;left: 0;font-size: 14px;height: auto;padding: 8px;}
		#dowebok section{display: none;}
		#dowebok .fixedBanner{display: block;}
		.case .projectIntroduce .casebox a .intro .productName{display: none;}
		.case .projectIntroduce .casebox a .intro .list{display: none;}
		.sbbtn{display: block; width: 140px;height: 28px;line-height: 25px;text-transform: uppercase;font-size: 12px;border: 1px solid #db524d;margin:  15px auto;text-align: center;color: #fff;margin-bottom: 5px;}
}

.cpzx{width:80%; margin:0 auto; padding-bottom:70px;}
.cpzx li{ float:left;width:16%; text-align:center;}
.cpzx li i{ font-size:20px;}
.application_cp{width:100%;background:#f2f2f2;background-size: 100% auto; height:800px; padding-top:100px;}
.application_cp .wd1480{width:100%;}
.application_cp .title{margin: 0 auto; width: 472px;color: #333;text-align: center;line-height: normal;}
.application_cp .title .cn{font-size: 40px;margin-bottom: 5px; line-height:80px; background:url(../images/xi.jpg) no-repeat center bottom;}
.application_cp .title .en {margin-bottom: 5px; position: relative; font-size: 14px;text-transform: uppercase;font-weight:300;}
.application_cp .title .en:before,.application .title .en:after{content: "";position: absolute;top: 50%;width: 112px;height: 1px; left: 0;}
.application_cp .title .en:after{right: 0;left: auto;}
.application_cp .title .advantage{font-size: 14px; color: #3E3E3E;}
.application_cp ul{margin-top:50px;}
.application_cp ul li{float: left;width:14.5%; }

.icon-box ul li:before {
	display: block;
	content: '';
	width:100%;
	border-radius:2px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	height: 0;
	position: absolute;
	top:-6%;left:10%;
	background: #004098;
	z-index: 8
}

.icon-box ul li a {
	display: block;
	position: relative;
	z-index: 9
}

.icon-box ul li b {
	display: block;
	width:auto;
	position: relative
}

.icon-box ul li img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	font-size: 0
}

.icon-box ul li:hover b {
	-webkit-animation: swing 1s .2s ease both;
	-moz-animation: swing 1s .2s ease both
}

@-webkit-keyframes swing {
	20%,40%,60%,80%,100% {
		-webkit-transform-origin: top center
	}

	20% {
		-webkit-transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg)
	}

	100% {
		-webkit-transform: rotate(0deg)
	}
}

@-moz-keyframes swing {
	20%,40%,60%,80%,100% {
		-moz-transform-origin: top center
	}

	20% {
		-moz-transform: rotate(15deg)
	}

	40% {
		-moz-transform: rotate(-10deg)
	}

	60% {
		-moz-transform: rotate(5deg)
	}

	80% {
		-moz-transform: rotate(-5deg)
	}

	100% {
		-moz-transform: rotate(0deg)
	}
}

.icon-box ul li i {
	display: block;
	font-size:82px;
	width:100%; border:2px solid #004098;
	line-height:160px;
	margin:0 10%;
	border-radius:10%;
	text-align: center;
	color: #004098;
	background: rgba(255,255,255,.1);
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0)
}

.icon-box ul li h3 { margin-left:20%;
	display: block;
	font-size: 16px;
	color: #333;
	text-align:center;
	padding-top:2%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0)
}

.icon-text { text-align:center; padding-top:20px;
	font-size: 24px;
	line-height: 1
}
.icon-box ul li {
		margin:1%; display:inline-block; float:left; position:relative;
	}

	.icon-box.icon-type-0 ul li:hover:before {
		height: 100%
	}

	.icon-box.icon-type-0 ul li:hover i {
		color: #fff;
		border:2px solid #004098;
		transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-o-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		opacity: .9;
		background: 0
	}

	.icon-box.icon-type-0 ul li:hover h3 {
		color: #fff;
		transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		-webkit-transform: translateY(-20px)
	}

	.icon-box.icon-type-0 ul li:hover p {
		transition: .3s .2s;
		-webkit-transition: .3s .2s;
		-moz-transition: .3s .2s;
		-ms-transition: .3s .2s;
		-o-transition: .3s .2s;
		opacity: .8
	}
}




.onepage-pagination {
	position: fixed;
	top: 50%;
	right: 20px;
	z-index: 99;
	width: 20px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	-moz-transform: translate3d(0px, -50%, 0px);
	-ms-transform: translate3d(0px, -50%, 0px);
	-webkit-transform: translate3d(0px, -50%, 0px);
	transform: translate3d(0px, -50%, 0px)
}

.onepage-pagination li {
	position: relative;
	width: 14px;
	height: 14px;
	margin: 7px 0
}

.onepage-pagination a {
	display: block;
	width: 100%;
	height: 100%
}

.onepage-pagination a .dot {
	position: absolute;
	left: 5px;
	top: 5px;
	width:8px;
	height:8px;
	border-radius: 50%;
	text-indent: -9999em;
	background: #333;
	opacity: 0.4
}

.onepage-pagination a .title {
	position: absolute;
	top: 0;
	right: 20px;
	text-align: right;
	font-size: 12px;
	white-space: nowrap;
	color: #333;
	filter: alpha(opacity=0) \0;
	opacity: 0;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	transition: opacity .3s linear
}

.onepage-pagination a:hover .title {
	filter: none\0;
	opacity: 0.4
}

.onepage-pagination .active a .dot {
	top: 2px;
	left: 2px;
	width:12px;
	height:12px;
	border: 1px solid #333;
	opacity: 0.9;
	background-color: transparent !important
}

.onepage-pagination.white a .dot {
	background: #fff
}

.onepage-pagination.white a .title {
	color: #fff
}

.onepage-pagination.white .active a .dot {
	border: 1px solid #fff
}


#menu {margin: 0;padding: 0;position: fixed;right: 10px;top:50%;list-style-type: none;z-index: 999;}
#menu li {margin:10px 10px 0 0;font-size: 14px;}
#menu a {width:10px; height:10px;-moz-border-radius:10px; -webkit-border-radius:10px;border-radius:10px; display:block;background-color: #e0e0e0;color: #333;text-decoration: none;}
#menu .active a {color: #fff;background-color: #004098;}




.slideInner {
	height: 700px;
	position: relative;
	left: 0;
	margin-left: 0;
}
.slideInner a {
	display: block;
	height: 700px;
	background-size: cover;
	background-position: center center;
	position: relative;
	text-align: center;
	z-index: 1;
}
.slideInner a div.img1 {
	width: 1070px;
	position: absolute;
	left: 50%;
	margin-left: -535px;
}
.slideInner a div.img2 {
	width: 1070px;
	position: absolute;
	top: 557px;
	left: 50%;
	margin-left: -535px;
}
.slideInner .slide3 .img2{
	top: 200px;
}
.slideInner .slide3 .img3{
	width: 181px;
	height: 286px;
	position: absolute;
	left: 50%;
	margin-left: 330px;
	top: 330px;
}


.gcal{ padding-top:80px; padding-bottom:170px;}



/*banner*/
.banner{width:100%; overflow:hidden;}
/* flexslider */
.flexslider{position:relative;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{}
.flex-control-nav{position:absolute;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:40px;height:74px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:0px;background:url(../images/focus_btn.png) center center no-repeat;background-position:0 -74px; cursor:pointer;}
.flex-direction-nav li a.flex-next{right:0px;background:url(../images/focus_btn.png) center center no-repeat;background-position:-40px -74px; cursor:pointer;}
.flex-direction-nav li a.flex-prev:hover{left:0px;background:url(../images/focus_btn.png) center center no-repeat;background-position:0 0px; cursor:pointer;}
.flex-direction-nav li a.flex-next:hover{right:0px;background:url(../images/focus_btn.png) center center no-repeat;background-position:-40px 0px; cursor:pointer;}


    .side_bar{display:block; text-align:center;width:80px; height:350px;background: #FFFFFF; position:fixed; bottom:30px; right:30px; box-shadow: 0 0 14px 0 rgba(0,0,0,0.07);border-radius: 3px;z-index:50;}
    .side_bar li span{font-size: 14px;color: #999999; display:block;}
    .side_bar li{padding-bottom:26px; cursor:pointer;}
    .side_bar i{display:block; margin:30px auto 10px auto; position: relative; }
    .side_bar .i_gotop{width:20px; height:21px; background:url(../images/i_gotop.png) no-repeat; background-size:20px auto;}
    .side_bar .i_gophone{width:24px; height:28px;background:url(../images/i_gophone.png) no-repeat; background-size:19px auto; }
    .side_bar .i_goservice{width:24px; height:23px;background:url(../images/i_goservice.png) no-repeat; background-size:23px auto;}
    .side_bar .i_gophone::before,.side_bar .i_goservice::before{position:absolute; content:""; width:24px; height:1px; background:#E0E0E0; left:0px;top:-30px;}
    .side_bar .on .i_gotop,.side_bar li:hover .i_gotop{background-image:url(../images/i_gotop_hover.png);}
    .side_bar .on .i_gophone,.side_bar li:hover .i_gophone{background-image:url(../images/i_gophone_hover.png);}
    .side_bar .on .i_goservice,.side_bar li:hover .i_goservice{background-image:url(../images/i_goservice_hover.png);}
    .side_bar li:hover span,.side_bar .on span{color: #004098;}
    .side_bar_kang{ display:none; background-repeat:no-repeat; width:372px; height:378px; position:absolute; top:-14px; right:70px;}
	.side_bar_kang strong{ font-size:20px; color:#333;}
    .gophone{background-image:url(../images/gophone.png);}
    .goservice{background-image:url(../images/goservice.png);}
    .side_bar_kang .side_title{ display:block; padding:38px 0 31px 0;color: #333333; font-size:16px;}
    .side_bar_kang img{width:219px; margin:0 auto;}
    .side_aside{ display:block; color:#333; padding:10px 0 0 0;}
    .side_aside .side_hui{ color:#999;}
    .goservice .side_title{ padding:28px 0 10px 0;}
    .indexEN .Icon_list li{font-size: 20px;}
    .indexEN .go_buy .button,.indexEN .titles .button{width:auto; padding:0 10px;}
    .clip-text{display:block;}
    .top-menu_en .site-nav li a, .top-menu_en .site-nav li a:hover{font-size:12px;}

.superiority .mores1{display: block;margin: 0 auto; font-size: 16px;height: 32px;line-height: 32px;background-color: #fff;text-align: center;text-transform: uppercase;border-radius: 20px;overflow: hidden;}
.superiority .mores1:hover{color: #fff;}
.zzn1{overflow: hidden; position: relative;display: block;width: 103px;height: 28px; margin:0 auto;line-height: 28px;color: #da251d;font-size: 14px;text-align: center;text-transform: uppercase;border-radius: 20px;transition-duration: .5s;-webkit-transition-duration: .5s;}
.zzn1 p{position: absolute;width: 100%;height: 100%;z-index: 1;}
.zzn1:before{content: "";width: 100%;height: 1px;background-color: #cf0f07;position: absolute;top: -20px;left: 0;}
.zzn1:after{border-radius: 20px; content: "";width: 100%;height: 100%;background-color: #cf0f07;position: absolute;top: 0;left: -100%;transition-duration: .5s;-webkit-transition-duration: .5s;z-index: 0;}
.zzn1:hover{color: #fff;}
.zzn1:hover:after{left: 0;}