/*------------*/
* {margin: 0;padding: 0;}
body{font-family: "Microsoft YaHei";background-color: #f8f8f8;font-size: 16px;color: #333;margin: 0;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,tr,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr {margin: 0;padding: 0;}
button,input,select,textarea {font-size: 100%;}
html{font-size: 16px;}
a {-webkit-transition: color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition: color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);text-decoration: none;color: #0060c4;cursor: pointer;}
li {list-style-type: none;}
h3 {font-size: 32px;}
h4 {font-size: 28px;}
h5 {font-size: 1.375rem;font-weight: normal;padding-bottom: 5px;}
img {outline: 0;border: 0;}
@font-face {
    font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;

    src: url('fonts/pingfang.woff2') format('woff2'),
         url('fonts/pingfang.woff') format('woff'),
		 url('fonts/pingfang.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.left {float: left;}
.right {float: right;}
.margin-left {margin-left: 16%;}
.main-item:nth-of-type(2) .margin-left {display: table;margin: auto;}
.main-item:nth-of-type(2) .margin-left.item-title {margin-left: 192px;width: 1920px;}
::-webkit-scrollbar-track {background-color: rgba(255, 255, 255, .1);}
::-webkit-scrollbar-thumb {background-color: rgba(255, 255, 255, .6);border-radius: 4px;}
::-webkit-scrollbar {width: 6px;height: 6px;}
.promptDiv {background: #000;color: #fff;position: fixed;line-height: 35px;top: 0px;width: 100%;text-align: center;font-size: 14px;}
.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
.ImgBox{display:table-cell; vertical-align:middle; text-align:center;}
.main-Center {width: 1280px;margin: auto;display: table;}
@media screen and (max-width: 1300px) {
.main-Center {width:1200px;}
}
@media screen and (max-width: 1240px) {
.main-Center {width:94%;}
}
/*-----reset------*/


/*------ nav ------*/

.fixed-hamburger {position: absolute;z-index: 110;right:0;top: 0;}
.hamburger-module,
.header-text {-webkit-transition: transform 0.75s ease, opacity 0.75s ease;transition: transform 0.75s ease, opacity 0.75s ease;}
.hamburger-module {cursor: pointer;padding: 40px 30px 40px 30px;}
.hamburger {position: relative;height: 13px;width: 18px;}
element.style {}
.light-header .hamburger span {background-color: #ffffff;}
.hamburger span:first-child {top: 0;}
.hamburger-module span,
.featured-block .border,
.portfolio-block span::after,
svg path {-webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);}
.hamburger span {position: absolute;background-color: #011931;width: 100%;height: 2px;top: 7px;left: 0;}
.hamburger span:nth-child(2),
.hamburger span:nth-child(3) {width: 80%;}
.hamburger span:last-child {width: 60%;top: 14px;}
.hamburger-module:hover span {-webkit-transition: all 0.4s ease, width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition: all 0.4s ease, width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.hamburger-module:hover span {width: 100%;}
.menu-open .hamburger-module span {background-color: #ffffff;}

.hamburger-module{background: url(../images/menu.png) no-repeat center center;}
.hamburger-module span:nth-child(1),.hamburger-module span:nth-child(2),.hamburger-module span:nth-child(3),
.hamburger-module span:nth-child(4) {margin: auto;opacity: 0;width: 0;right: 0;}
.menu-open .hamburger-module{background:none!important;}
.menu-open .hamburger-module span:nth-child(1),
.menu-open .hamburger-module span:nth-child(4) {margin: auto;opacity: 0;width: 0;right: 0;}
.menu-open .hamburger-module span:nth-child(2) {transform: rotateZ(45deg);width: 100%;opacity: 1}
.menu-open .hamburger-module span:nth-child(3) {transform: rotateZ(-45deg);width: 100%;opacity: 1}


#menu {position: fixed;right: -400px;top: 0;z-index:2; height:100%;background: url(../images/menubg.png) repeat; width:370px; -moz-transition:  .8s;	-webkit-transition:  .8s;-o-transition:  .8s;transition: .8s;}
#menu .main-menu {margin: auto;padding:250px 30px 80px 155px;}
#menu a {text-decoration: none;display: inline-block;position: relative;font-size:15px;padding:10px 0;color: #ffffff;cursor: pointer;opacity: 0.8;}
#menu li {opacity: 0;-webkit-transform: translateX(-20px);transform: translateX(-20px);}
#menu li {-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.menu-open #menu {/*-webkit-transform: translate(330px, 330px);transform: translate(330px, 330px);margin: 300px\9;*/right: 0;}
.menu-open #menu li {opacity: 1;-webkit-transform: none;transform: none;cursor: pointer;}
.menu-open #menu li:hover a {opacity: 1;}
.menu-open #menu li:nth-child(1) {-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.menu-open #menu li:nth-child(2) {-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.menu-open #menu li:nth-child(3) {-webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
.menu-open #menu li:nth-child(4) {-webkit-transition-delay: 0.6s;transition-delay: 0.6s;}
.menu-open #menu li:nth-child(5) {-webkit-transition-delay: 0.7s;transition-delay: 0.7s;}
.menu-open #menu li:nth-child(6) {-webkit-transition-delay: 0.8s;transition-delay: 0.8s;}
.menu-open #menu li:nth-child(7) {-webkit-transition-delay: 0.9s;transition-delay: 0.9s;}
.menu-open #menu li:nth-child(8) {-webkit-transition-delay: 1s;transition-delay: 1s;}
.menu-open #menu li:nth-child(9) {-webkit-transition-delay: 1.1s;transition-delay: 1.1s;}
#menu .main-li-menu a {font-size: 14px;opacity: 0.9;padding: 3px 0;color: #8f8f8f;}
#menu .main-li-menu>li:hover a:after {content: '';width: 22px;height: 4px;background: rgba(255, 255, 255, 0.9);display: inline-block;position: relative;top: -3px;left: 6px;}
.main-li-menu {display: none;padding: 10px 0;}
.menu-open #menu li:nth-child(1):focus .main-li-menu {display: block;}
.top-nav {position: absolute;min-height: 96px;width: 100%;z-index: 110;-webkit-transition: background 0.6s ease;transition: background 0.6s ease;}
.menu-open .top-nav {background-color: rgba(0, 0, 0, 0)!important;}
.mt {display: none;}
/*------ nav ------*/


/*------title------*/
.menu-logo {padding: 20px 0 20px 30px;text-align: left;color: #333333;top: 0;z-index: 110;width:345px;margin: 0;-webkit-transition: transform 0.75s ease, opacity 0.75s ease;transition: transform 0.75s ease, opacity 0.75s ease;}
.menu-logo a {color: #333;transition: inherit;}
.menu-logo:hover a {color: #00a990;}
.menu-logo-h {width:345px;height:70px;font-size: 28px;font-weight: 600;-webkit-transition: transform 0.75s ease, opacity 0.75s ease;transition: transform 0.75s ease, opacity 0.75s ease;background: url(../images/logo.png) no-repeat;background-size:345px!important;display: inline-block;}
.menu-logo:hover .menu-logo-h {color: #00a990;background: url(../images/logo2.png) no-repeat !important;background-size:345px!important;}
.menu-open .top-nav .menu-logo {display: none;}
.container .menu-logo {opacity: 0;}
.menu-open .container .menu-logo {color: #333;opacity: 1;}
/*------title------*/




/*------container------ */
.container {height: 100%;width: 100%;}
.container,
.about .scoundrel {-webkit-transition: -webkit-transform 0.6s ease;transition: transform 0.6s ease;}
.container {-webkit-overflow-scrolling: touch;position: relative;overflow: hidden;}
/*------container------ */


/*------banner------*/
.banner {position: relative;max-height: 960px;overflow: hidden;}
.banner-drown-icon {border: 2px solid rgba(255, 255, 255, 0.5);width: 46px;height: 46px;overflow: hidden;position: absolute;bottom: 10px;left: 50%;border-radius: 30px;z-index: 110;margin-left: -25px;}
.banner-drown-icon img {width: 27px;position: absolute;top: 0px;left: 9px;animation: arrow 2s infinite;}
@media screen and (max-width:640px) {.banner-drown-icon {display: none;}}
@keyframes arrow {0% {top: -30px;opacity: 0;}
    70% {opacity: 1;}
    100% {top: 70px;opacity: 0;}
}
@-moz-keyframes arrow {0% {top: -30px;opacity: 0;}
    70% {opacity: 1;}
    100% {top: 70px;opacity: 0;}
}
.banner .swiper-button-next,
.banner .swiper-button-prev {top: 0;height: 100%;}
.banner .swiper-button-next,
.banner .swiper-button-prev {width: 80px;}
.banner .swiper-slide,
.swiper-slide img {width: 100%;}
.banner .swiper-button-next.swiper-button-disabled,
.banner .swiper-button-prev.swiper-button-disabled {pointer-events: inherit;}
/* slideBox */
.slideBox {width: 100%;height: 100%;overflow: hidden;position: relative;}
.slideBox .tempWrap {margin: auto;}
.slideBox .hd {height: 15px;overflow: hidden;position: absolute;right: 5px;bottom: 5px;z-index: 1;}
.slideBox .hd ul {overflow: hidden;zoom: 1;display: inline-block;}
.slideBox .hd ul li {float: left;margin-right: 2px;width: 15px;height: 15px;line-height: 14px;text-align: center;background: #fff;cursor: pointer;}
.slideBox .hd ul li.on {background: #f00;color: #fff;}
.slideBox .bd li img{width:100%; height:100%;}
/*.slideBox .bd {position: relative;height: 100%;z-index: 0;}
.slideBox .bd li {zoom: 1;vertical-align: middle;}
.slideBox .bd img {width: 100%;height: 100%;display: block;}*/
.slideBox .prev,
.slideBox .next {position: absolute;left: 3%;top: 50%;margin-top: -25px;display: block;width: 32px;height: 40px;background: url(../images/slider-arrow.png) -110px 5px no-repeat;filter: alpha(opacity=50);opacity: 0.5;}
.slideBox .next {left: auto;right: 3%;background-position: 8px 5px;}
.slideBox .prev:hover,
.slideBox .next:hover {filter: alpha(opacity=100);opacity: 1;outline: 0;}
.slideBox .prevStop {display: none;}
.slideBox .nextStop {display: none;}
.slideBox .hd{ display:none;}
#slideBox {display:none;}
/*mousebtn*/
.mousebtn { position:absolute; bottom:50px;left:50%; display:inline-block;width:100px;height: 56px;margin:0 auto;margin-left:-50px;text-align:center;}
.mousewz{ display:block; font-size:12px; text-transform:uppercase; color:#fff;margin:0 auto; text-align:center}
.mouse {position: relative;width:32px;height: 62px;margin:0 auto;margin-left:48px;text-align:center;background: none;background:url(../images/dropdown.png) no-repeat 50% 50% ;border-radius: 32px;z-index: 1;  -webkit-animation-name: scrollWheel;
          animation-name: scrollWheel;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  will-change: transform;}
@-webkit-keyframes scrollWheel {
  from {
    -webkit-transform: translate(-50%, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate(-50%, 0);
    transform: translate3d(-50%, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(-50%, 20px);
    -webkit-transform: translate3d(-50%, 20px, 0);
    transform: translate(-50%, 20px);
    transform: translate3d(-50%, 20px, 0);
    opacity: 0;
  }
}

@keyframes scrollWheel {
  from {
    -webkit-transform: translate(-50%, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate(-50%, 0);
    transform: translate3d(-50%, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(-50%, 20px);
    -webkit-transform: translate3d(-50%, 20px, 0);
    transform: translate(-50%, 20px);
    transform: translate3d(-50%, 20px, 0);
    opacity: 0;
  }
  
}
@media screen and (max-width: 768px) {
.mousebtn{ display:none;}
.slideBox {display:none;}
#slideBox{width:100%;position: relative; height:auto;  margin:0 auto; overflow:hidden; display:block;}
#slideBox .bd{position:relative; z-index:0;text-align:center;width:100%;}
#slideBox .bd li{width:100%;margin-bottom:1em;}
#slideBox .bd li img{width:100%;}
#slideBox .bd li a{ display:block;}
#slideBox .hd {width:100%;position:absolute;z-index:1;bottom:3.125vw;text-align:center; display:block;}
#slideBox .hd ul li{border:1px solid #fff;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:5px;height:5px;margin:0 0.5em;overflow:hidden;line-height:999px;border-radius:50%;}
#slideBox .hd ul li.on{background: #fff;}
}

/*------banner------*/


/*------main-item------*/
.main-item{padding: 100px 0 100px 0; position:relative;background:#ffffff;}
.item-title {font-weight: normal;font-size:16px;font-weight: normal; color:#292c30; line-height:34PX;margin:0 auto; text-align:center;padding: 0 0 75px 0;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;}
.info-div .info-video{width:50%;}.info-div .info-video video{ width:100%; height:100%; background:#000;}
.info-div {margin-bottom: 10px;width: 100%; position:relative;}
.info-div .info-text { position: relative;margin-top:-140px; width:50%;margin-left:50%;}
.info-div .info-text .info-text-box{padding-left:36px;}
.info-img2{ position:absolute;right:0; top:0;margin-top:200px;}
.info-img img{max-width:820px;}
.info-text .en {font-size:14px;color:#909090;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.info-text .h5 {font-size:26px;color: #737373;line-height: 34px;padding: 15px 0 20px; font-weight:normal;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.info-text .wz{font-size: 14px;color:#737373; line-height:30px; height:90px; overflow:hidden;margin-bottom:20px;}
.info-text a.more{color: #737373;font-size: 12px;border-bottom:1px solid #f1f1f1;padding-bottom:6px;}
.info-text a.more span{padding-left:30px;}
.info-text a.more:hover{color: #bd3137;border-color:#bd3137;}

@media screen and (max-width: 1300px) {
.info-img2{ text-align:right;}
.info-img2 img{ width:70%;}
.info-img{width:100%;}
.info-img img{max-width:100%;}
}
@media screen and (max-width: 1000px) {
.main-item{padding: 50px 0 50px 0;}
.info-img2{ position:absolute;right:0; top: 0;margin-top:0; display:none;}
.info-img{width:100%;}.info-div .info-video{width:100%;}
.info-img img{max-width:100%;}
.info-div .info-text {margin-top:40px; width:100%;margin-left:0;}
.info-div .info-text .info-text-box{padding-left:0;}
.info-img2 img{ width:50%;}
}
@media screen and (max-width: 1000px) {
.main-item{padding: 30px 0 50px 0;}	
.info-div .info-text p{ display:block!important;}
}
/*------main-item------*/



/*------ pro ------*/
.index-pro-w{background:#ffffff;}
.pro-div{ background:#ffffff;}
.pro-div .prolist{width:50%; float:left;}
.pro-div .prolist ul li {list-style:none;float:left;position:relative;overflow:hidden; padding:0;margin:0; width:50%;}
.pro-div .prolist ul li a{display:block;transition: all ease-in-out .3s; position:relative;}
.pro-div .prolist ul li a .proTit {position: absolute;left: 0;bottom: 15px;}
.pro-div .prolist ul li a .proTit div {position: relative;text-align:left; left:0; display:block;text-align: left;color: #fff;padding: 0 20px; font-size:16px;}
.pro-div .prolist ul li a img{ display:block; width:100%;}
.pro-div .prolist ul li a:after {transition: background-color 120ms linear;background-color: transparent;content: "";height: 100%;left: 0;position: absolute;
top: 0; visibility: inherit;width: 100%;}
.pro-div .prolist ul li a:active:after,.pro-div .prolist ul li a:focus:after,.pro-div .prolist ul li a:hover:after {background-color: rgba(0,0,0,.15);}
.pro-div .pro-text{width:50%; float:left;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.pro-div .pro-text .wz{padding:80px 50px 50px 50px; line-height:34px;}
.pro-div .pro-text .wz .wzen{font-family: 'Calibri';color: #464646;font-size: 18px;}
.pro-div .pro-text .wz .en {font-size:14px;color:#909090;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.pro-div .pro-text .wz h5 {font-size:20px;color: #737373;line-height: 34px;padding: 0 0 20px 0; font-weight:normal;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
@media screen and (max-width: 1200px) {
.pro-div .pro-text .wz{padding:30px 30px 30px 30px;}	
}
@media screen and (max-width: 1000px) {
.index-pro{margin-bottom:30px;}
.pro-div .prolist{width:100%;}
.pro-div .pro-text{width:100%;}
}
/*------ pro ------*/



/*------ services ------*/
.index-services{ padding-top:80px;padding-bottom:50px;}
.index-title2{ text-align:center;}
.index-title2 .en {font-size:14px;color:#909090;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.index-title2 h5 {font-size:20px;color: #737373;line-height: 34px;padding: 0 0 50px 0; font-weight:normal;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.servicesCon .servicesList{overflow:hidden;margin:0 -13px;}
.servicesCon .servicesList li{width:25%;height:auto;margin:0 auto;position:relative;list-style:none;margin-bottom:20px;overflow:hidden; float:left;}
.servicesCon .servicesList li a{ display:block;margin:0 13px; background:#fff;position:relative;}
.servicesCon .servicesList li a:after {transition: background-color 120ms linear;background-color: transparent;content: "";height: 100%;left: 0;position: absolute;
top: 0; visibility: inherit;width: 100%;}
.servicesCon .servicesList li a:active:after,.servicesCon .servicesList li a:focus:after,.servicesCon .servicesList li a:hover:after {background-color: rgba(0,0,0,.15);}
.servicesCon .servicesList li.li2{margin-top:50px;}
.servicesCon .servicesList li .ImgBox{width:300px;height:300px;overflow:hidden; position:relative;}
.servicesCon .servicesList li .ImgBox img{max-width:300px;max-height:300px;}
.servicesCon .servicesList li .more{ height:55px; width:55px;background:url(../images/page6-icon3.png) center center no-repeat #fff;border-radius:55px; position:absolute;right:15px; bottom:15px;}
.servicesCon .servicesList li a .more:hover{background:url(../images/page6-icon4.png) center center no-repeat #b1007a;}
.servicesCon .servicesList li .nr{max-height:180px;overflow:hidden; padding:30px 30px 30px 30px;}
.servicesCon .servicesList li h1{ font-size:18px;color:#464646;line-height:26px;max-height:26px;font-weight:normal; overflow:hidden;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.servicesCon .servicesList li .text{ font-size:12px;color:#909090;line-height:30px;height:30px;overflow:hidden;}
@media screen and (max-width: 1300px) {
.servicesCon .servicesList li .ImgBox{width:100%;height:auto; display:block;}
.servicesCon .servicesList li .ImgBox img{max-width:100%;max-height:100%;width:100%;}
}
@media screen and (max-width: 1000px) {
.index-services{padding-top:50px;}
.servicesCon .servicesList{margin:0 -30px;}
.servicesCon .servicesList li{width:50%;}
.servicesCon .servicesList li a{margin:0 30px;}
}
@media screen and (max-width: 768px) {
.servicesCon .servicesList{margin:0 -10px;}
.servicesCon .servicesList li{width:50%;}
.servicesCon .servicesList li.li2{margin-top:20px;}
.servicesCon .servicesList li a{margin:0 10px;}
}
@media screen and (max-width: 640px) {
.servicesCon .servicesList{margin:0 0;}
.servicesCon .servicesList li{width:100%;}
.servicesCon .servicesList li a{margin:0 0;}
}
/*------ services ------*/



/*------ footer ------*/
.footer {padding-top: 60px;background: #e5e5e5;display: table;width: 100%;}
.footer .main-con{padding-bottom:40px;}
.footer .main-con>div {float: left;}
.foot-tex>ul {float: left;margin-right: 20px;min-width:103px;}
.foot-tex ul>li {padding-bottom:8px;}
.foot-tex ul>li a {color: #545454;font-size: 14px;}
.foot-tex ul>li a:hover {text-decoration: underline;}
.foot-tex>ul>li:first-child {font-size: 16px;color: #000;padding-bottom: 10px;font-weight: bold;}
.foot-tex>ul>li:first-child a{font-size: 16px; color:#000;padding-bottom: 10px;}
.foot-logo {font-size: 32px;padding-right:50px;margin-bottom:30px;}
.foot-logo img{ max-width:320px;}
.footer .main-con .foot-code {padding-left:0;float: right;}
.footer .main-con .foot-code img {width: 90px;}
.footer>a {display: none;}
.bq{color: #545454;padding: 12px 0 13px 0;font-size:12px;line-height: 30px;}
.bq span{float:right;}
.bq a{color: #535150;}
.bq a:hover{color:#bd3237;}
@media screen and (max-width: 1300px) {
	.foot-logo {padding-right: 35px;}
}
@media screen and (max-width: 1200px) {
	.container .main-item {padding-left: 12px;padding-right: 12px;width: initial;}
    .footer {padding-left: 12px;padding-right: 12px;width: initial;display: inherit;}
	.foot-logo {padding-right: 30px;}
}
@media screen and (max-width: 768px) {
    .footer {padding: 0;padding-top:30px;}
    .footer .main-con {padding: 0;width: initial;display: block;}
    .footer .main-con+div {clear: both;}
	.bq{font-size:24px;text-align:center;line-height: normal;padding: 8% 0 5% 0;}
	.bq span{ float:none; display:block;}
    .foot-tex {width: 100%;}
    .foot-tex>ul {margin-right: 0;min-width: 100%;border-bottom: 1px solid #ccc;}
    .foot-tex>ul>ul {display: none;}
    .foot-tex>ul>li:first-child {cursor: pointer;padding: 0;height: 88px;line-height: 88px;position: relative;font-weight: normal;font-size: 28px;}
	.foot-tex>ul>li:first-child a{cursor: pointer;padding: 0;height: 88px;line-height: 88px;position: relative;font-weight: normal;font-size: 28px;}
    .foot-tex>ul>ul {margin-bottom: 20px;}
    .foot-tex>ul>ul li {padding: 0;height: 40px;line-height: 40px;font-size: 24px;}
    .foot-tex>ul>li::before {content: '';background: #a0a0a0;position: absolute;/* width: 18px;height: 2px;right: 0px;top: 44px;*/
        top:50%;right: 0%;width: 2.5%;height: 2.5%;}
    .foot-tex>ul.active>li::before {transform: rotate(45deg);/* top: 45px;*/
        top: 51%;}
    .foot-tex>ul>li::after {content: '';background: #a0a0a0;position: absolute;/* width: 2px;height: 18px;right: 8px;top: 37px;*/
        top:42%;right: 1.1%;height: 20%;width: 0.4%;}
    .foot-tex>ul.active>li::after {transform: rotate(45deg);top: 42%;}
    .foot-tex ul>li a {/*padding-left: 5%;*/font-size: 26px;}
    .footer>a {display: block;height: 100px;line-height: 100px;text-align: center;font-size: 28px;color: #333;background: #ccc;position: relative;}
    .footer .main-con>div.foot-logo {float: none;width: 156px;margin: auto;margin-bottom: 40px;padding-right: 0;display: none;}
    .footer .main-con>div.foot-code {display: table;margin: auto;float: none;border: none;padding-top: 30px;padding-left: 0;clear: both;display: none;}
}
@media screen and (max-width: 640px) {
	.bq{font-size:15px;}
    .footer>a {height: 80px;line-height: 80px;font-size: 22px;}
    .foot-tex>ul>li:first-child {height: 60px;line-height: 60px;font-size: 18px;}
	.foot-tex>ul>li:first-child a{height: 60px;line-height: 60px;font-size: 18px;}
    .foot-tex>ul>ul li {font-size: 16px;}
	.foot-tex ul>li a{font-size: 16px;}
}
@media screen and (max-width: 500px) {
	.bq{font-size:12px;}
    .footer>a {height: 60px;line-height: 60px;font-size: 16px;}
	.foot-tex ul>li a{font-size: 14px;}
    .foot-tex>ul>li:first-child {height: 40px;line-height: 40px;font-size: 14px;}
	.foot-tex>ul>li:first-child a{height: 40px;line-height: 40px;font-size: 14px;}
    .foot-tex>ul>ul li {height: 30px;line-height: 30px;font-size: 14px;}
    .foot-tex>ul>li::before {width: 2.7%;height: 3.5%;}
    .foot-tex>ul>li::after {width: 0.5%;}
    .foot-tex>ul.active>li::before {top: 50%;}
}
@media screen and (max-width: 420px) {
    .footer>a {height: 50px;line-height: 50px;}
    .foot-tex>ul>li:first-child {height: 40px;line-height: 40px;}
	.foot-tex>ul>li:first-child a{height: 40px;line-height: 40px;}
    .foot-tex>ul>ul li {height:30px;line-height: 30px;}
}
@media screen and (max-width: 375px){
    .foot-tex>ul>li::before {height: 4.5%;width:3%;}
    .foot-tex>ul>li::after {top: 40%;height: 28%;right: 1.4%;}
    .foot-tex>ul.active>li::after {top: 46%;}
    .foot-tex>ul.active>li::before {top: 57%;}
}
@media screen and (max-width: 320px) {
    .footer>a {height: 40px;line-height: 40px;font-size: 14px;}
    .foot-tex>ul>li:first-child {font-size: 12px;}
	.foot-tex>ul>li:first-child a{font-size: 12px;}
    .foot-tex>ul>ul li {font-size: 10px;}
}
/*------ footer/ ------*/


/*------talent-idea------*/
.idea p {padding: 30px 0 120px;line-height: 24px;}
/*------talent-idea/------*/


/*------complaint------*/
.complaint-con {border: 1px solid #ccc;margin: 60px 0 120px 0;padding: 60px 20px;}
.complaint h5 {text-align: center;}
.complaint-con textarea {width: 98%;border: 1px solid #ccc;font-family: "Microsoft YaHei";}
.custom-radio {position: relative;display: inline-block;}
.complaint-con .radio {margin-right: 15px;}
.complaint-con .form-group {margin-bottom: 40px;}
.complaint-con .form-group.half {width: 50%;float: left;}
.complaint-con .form-control {padding: 12px;border: 1px solid #ccc;width: 420px;}
.complaint-con .form-group label {display: inline-block;}
.complaint-con .form-group>label {min-width: 86px;}
.complaint-con .form-group label+div {display: inline-block;position: relative;}
.complaint-con .form-group label+div label {position: absolute;left: 0;top: 48px;font-size: 14px;color: #f00;}
.complaint-con textarea+label {font-size: 14px;color: #f00;}
.complaint-con input[type="radio"] {width: 16px;height: 16px;position: relative;top: 2px;cursor: pointer;}
.submit {background: #fff;border: 1px solid #333;width: 220px;margin: auto;height: 46px;line-height: 46px;display: block;cursor: pointer;font-size: 16px;}
.submit:hover {background: #eee;}
.enclo label {position: relative;top: -6px;}
.enclo .file input {top: -2px;}
/*------complaint/------*/


/*------Group dynamics/------*/
.article-tit {border-bottom: 1px solid #999;padding: 60px 0 20px 0;}
.article-tit h5 {display: inline-block;}
.article-tit p {display: inline-block;float: right;}
.article-con h4 {padding: 40px 0;text-align: center;}
.article-con d {color: #999;text-align: center;display: block;}
.article-con img {margin-bottom: -10px;margin-top: 10px;}
.article-con p {color: #666;line-height: 24px;padding: 0px 0 10px;}
.article-con p>span {color: #999;}
.article-con p.right a {}
.article-pic {margin-right: -20px;}
.article-pic li {width: 50%;float: left;}
.article-pic li>div {margin-right: 20px;}
/*------cGroup dynamics/------*/


/*------------404------------*/
.errorPage {background: #d8d8d8;text-align: center;padding: 15% 0 7% 0;margin-top: 20px;}
.picCon {position: relative;top: -80px;}
/*------------404/------------*/

/* 分页 */
.page_div {position: relative;padding: 50px 0 80px 0;}
.page_style {text-align: center;}
.page_style li {display: inline-block;background: #e5e5e5;margin-right: 2px;font-size: 18px;}
.page_style li a {color: #333;padding: 11px 18px;display: block;}
.page_style li.current {color: #333;background: #ccc;padding: 11px 18px;}
/* 分页 */

/*------@media------*/

@media screen and (max-width: 1281px) {html{font-size: 15px;}
    .info-div ul li>div.info-text {margin-top: 20%\9 !important;position: absolute;padding: 0 12%;}
    .info-text p {padding: 6px 0 6px;}
    .banner {max-height: 680px;}
    .contact-us>img {margin-left: -200px;}
}


@media screen and (max-width: 768px) {.pc, .slideBox .pc{display: none !important;}
    .mt {display: block !important;}
    .mt10 {margin-top: 1%;}
    .mt70 {margin-top: 8%;}
    .mt120 {margin-top: 14%;}
    .submit {font-size: 24px;height: 1%;line-height: 2;width: 40%;}
    input, textarea, select {font-size: 24px;color: #333;}
    .info-text h5 {font-size: 24px;color: #333;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
    .home-page .info-text p {display: none;}
    .info-div ul li>div.info-text d {float: none;font-size: 24px;padding: 0%;position: absolute;bottom: -200%;}
    body,
    html {font-size: 13px;}
    h4 {font-size: 20px;}
    h5 {font-size: 18px;}
    .suppor-cover .title h5{font-size: 28px;padding-bottom: 0px;}
    .main-item>h4 {font-size: 20px;padding-top: 50px;}
    .form-group, 
    .complaint-con .form-group.half {width: 100%;font-size: 24px;}
    .complaint-con .form-group {margin-bottom: 5%;}
    .errorPage img {width: 50%;}
    .picCon {top: -30px;}
    .errorPage .picCon img {width: 20%;}
    .errorPage .picCon img.picTex {width: 50%;}
    .article-con img {max-width: 100%!important;height: inherit!important;width: 100% !important;}
    .main-item:nth-of-type(3) .margin-left {margin-left: 0;}
    .complaint-con .form-group label+div label {top: 110%;}
    
    /* contact us */
    .home-page .main-item:nth-of-type(3) {/* display: inherit;*/
        display: none;}
    .main-item>h4 {font-size: 32px;}
    .contact-us {display: inherit;}
    .contact-us>img {width: 450%;margin-left: -130%;}
    .contact-us .contact-con {width: 35%;}
    .contact-pic{padding: 25px 0;margin-top: 30px;font-size: 18px;}
    .contact-tex {line-height: 30px;font-size: 24px;margin-top: 30px;}
    .contact-tex p {margin-bottom: 20px;}
    .contact-us span:last-child img {margin-left: 22px;width: 13px;}
    .margin-left {margin-left: 10px;}
    .contact-us span img {width: 62%;}
    /*  */
    .home-page{transform: translate(0px, 109px);}
    /* menu */
    .top-nav{background: #fff !important;color: #333;height:110px;}
    .top-nav .menu-logo .menu-logo-h{background: url(../images/logo2.png) no-repeat !important; background-size:247px!important;}
    .hamburger span{background-color: #011931 !important;}
    .menu-open .hamburger span{background-color: #fff !important;}
    #menu{ width:100%;right:-100%;}
	#menu .main-menu {padding: 90px 0px 0px 60px;}
    .top-nav {min-height: 76px;}
    .hamburger-module {padding: 30px;background: url(../images/menu2.png) no-repeat center center!important;margin-top:20px;}
    #menu a {font-size: 28px;padding: 10px 0;}
    #menu .main-li-menu a {font-size: 20px;padding: 10px 0;}
    /*   */
    .main-item:nth-of-type(2) .margin-left {margin: 0;}
    .main-item:nth-of-type(2) {padding-right: 0%;padding-left: 0%;}
    .item-title {padding: 11% 0% 3% 0%;}
    .main-item:nth-of-type(2) .margin-left {padding:4%;}
    .main-item:nth-of-type(2) .margin-left.item-title {margin-left: 0;width: 100%;/* font-size: 28px !important;*/
    }
    .main-item .margin-left li:nth-of-type(3), .main-item .margin-left li:nth-of-type(4){display: none;}
    .info-div ul li:nth-of-type(1) {width: 60%;}
    .info-div ul li:nth-of-type(2) {width: 40%;}
    .info-div ul li>div.info-text {margin-top: 0% !important;top: 0% !important;padding: 0%;}
    /*  */
    .menu-logo {padding:30px 0px 10px 10px;}
    .menu-logo p{font-size: 24px;}
    /*  */
    .main-con{ 
        margin: 0% 2%;}
    .main-con.idea img{width: 100%;}
    .idea p {padding: 4% 0% 10%;font-size: 24px;line-height: 1.5 !important;}
    .complaint.main-con h5{font-size: 32px;}
    .complaint-con {padding: 8% 2%;margin: 1% 0% 15% 0%;}
    .complaint-con .form-group>label {margin-bottom: 1%;min-width: 18%;}
    .complaint-con .form-group label+div {width: 100%;}
    .complaint-con .form-control,.complaint-con textarea{padding: 16px;font-size: 24px;width: 94%;}
    .complaint-con .form-group:nth-of-type(1) label+div,.complaint-con .form-group:nth-of-type(5) label+div {width: 80%;}
    .col-lg-7 .file span{font-size: 20px;}
    /*   */
    .page_style li {margin-right: 0.4%;}
    /*   */
    .article-con h4 {padding: 4% 0%;font-size: 28px;}
    .article-con d {font-size: 20px;}
    .article-con p, .article-con span {padding: 2% 0%;font-size: 24px !important;line-height: 1.5;text-indent: 0px !important;text-align:justify ;}
    .article-con img {margin-bottom: 0px;margin-top: 0px;}
}

@media screen and (max-width: 640px) {.submit {font-size: 22px;}
    input, textarea, select {font-size: 18px;}
    .menu-logo p {font-size: 20px;}
    .info-text p {padding: 5px 0;line-height: 2;}
    /* contact us */
    .contact-us>img {width: 400%;margin-left: -100%;}
    .contact-us .contact-con {width: 47%;}
    .contact-pic {font-size: 13px;}
    .contact-us span img {width: 50%;}
    .contact-us span:last-child img {margin-left: 18px;width: 10px;}
    .contact-tex {line-height: 24px;font-size: 14px;}
    /* menu */
    #menu .main-menu {padding: 85px 0px 0px 60px;}
    .top-nav {min-height: 68px;}
    .hamburger-module {padding: 20px;}
    #menu a {font-size: 24px;padding: 8px 0;}
    .main-li-menu {padding: 8px 0;}
    #menu .main-li-menu a {font-size: 18px;padding: 10px 0; display:block;}
    /*   */
    .home-page{transform: translate(0px, 93px);}
    .top-nav{height:94px;}
    .menu-logo {padding: 20px 0px 10px 10px;}
    .info-text h5 {font-size: 20px;}
    .info-div ul li>div.info-text d {font-size: 18px;bottom: -175%;}
    .main-item>h3 {font-size: 28px;}
    /*  */
    .complaint.main-con h5 {font-size: 28px;}
    .idea p {font-size: 20px;}
    .form-group,
    .complaint-con .form-group.half {font-size: 20px;}
    .complaint-con .form-control,.complaint-con textarea{padding: 12px;font-size: 18px;}
    .complaint-con .form-group:nth-of-type(1) label+div,.complaint-con .form-group:nth-of-type(5) label+div {width: 72%;}
    .col-lg-7 .file span{font-size: 14px;}
    /*    */
    .article-con h4 {font-size: 24px;}
    .article-con d {font-size: 16px;}
    .article-con p, .article-con span {font-size: 20px !important;}
    
}

@media screen and (max-width: 500px) {.submit {font-size: 20px;}
    .menu-logo p {font-size: 18px;}
    input, textarea, select {font-size: 16px;}
    /*   */
    .complaint.main-con h5 {font-size: 24px;}
    .idea p {font-size: 14px;line-height: 24px;}
    .form-group,
    .complaint-con .form-group.half {font-size: 14px;}
    .complaint-con .form-group {margin-bottom: 8%;}
    .complaint-con .form-control,.complaint-con textarea{padding: 10px;font-size: 12px;}
    .complaint-con .form-group:nth-of-type(5) label+div {width: 100%;}
    .col-lg-7 .file a{font-size: 12px;}
    .col-lg-7 .file span{font-size: 10px;}
    /*   */
    .page_style li a {padding: 7px 12px;}
    .page_style li.current {padding: 7px 12px;}
    /* 首页 */
    .home-page{transform: translate(0px, 86px);}
    .top-nav{height:87px;}
    .main-item>h3 {font-size: 26px;}
    /* .main-item:nth-of-type(2) .margin-left.item-title {font-size: 26px !important;} */
    .menu-logo {padding: 16px 0px 10px 10px;}
    .info-text h5 {font-size: 18px;}
    .info-div ul li>div.info-text d {font-size: 16px;bottom: -150%;}
    .suppor-cover .title h5{font-size: 24px;}
    /* menu */
    #menu .main-menu {padding: 78px 0px 0px 40px;}
    .top-nav {min-height: 48px;}
    .hamburger-module {padding: 16px;}
    #menu a {font-size: 20px;padding: 6px 0;}
    .main-li-menu {padding: 6px 0;}
    #menu .main-li-menu a {font-size: 14px;}
    /* */
    .article-con h4 {font-size: 20px;}
    .article-con d {font-size: 14px;}
    .article-con p, .article-con span {font-size: 16px !important;}
}
@media screen and (max-width: 420px) {.submit {font-size: 16px;}
    .menu-logo p {font-size: 16px;}
    input, textarea, select {font-size: 12px;}
    /* */
    .page_style li a {padding: 7px 10px;}
    .page_style li.current {padding: 7px 10px;}
    /* */
    .home-page{transform: translate(0px, 81px);}
    .top-nav{height:82px;}
    .main-item>h3 {font-size: 24px;}
    .menu-logo {padding: 14px 0px 10px 10px;}
    .info-text h5 {font-size: 16px;}
    .info-div ul li>div.info-text d {font-size: 14px;}
    /* */
    .article-con h4 {font-size: 18px;}
    .article-con d {font-size: 12px;}
    .article-con p, .article-con span {font-size: 14px !important;}
}
@media screen and (max-width: 375px){
    .home-page{transform: translate(0px, 81px);}
    .top-nav{height:82px;}
    .info-div ul li>div.info-text d {bottom: -130%;}
    .suppor-cover .title h5 {font-size: 18px;}
    /* */
    .complaint.main-con h5 {font-size: 22px;}
    /*  */
    .article-con h4 {font-size: 16px;}
    .article-con d {font-size: 10px;}
}
@media screen and (max-width: 320px) {.submit {font-size: 14px;}
    .info-div ul li>div.info-text {margin-top: 3%;}
    .info-text p {line-height: 1.3;}
     /* contact us */
     .contact-tex {line-height: 12px;font-size: 12px;}
    .contact-tex p {margin-bottom: 12px;}
    /* menu */
    .home-page{transform: translate(0px, 75px);}
    .top-nav{height:76px;}
    .menu-logo {padding: 8px 0px 10px 0px;}
    #menu .main-menu {padding: 76px 0px 0px 40px;}
    .top-nav {min-height: 48px;}
    .hamburger-module {padding: 10px;}
    #menu a {font-size: 18px;padding: 5px 0;}
    .main-li-menu {padding: 5px 0;}
    #menu .main-li-menu a {font-size: 12px;padding: 3px 0;}
     /*  */
    .complaint.main-con h5 {font-size: 20px;}
     .complaint-con .form-group:nth-of-type(1) label+div {width: 80%;}
    /*  */
    .page_style li a {padding: 6px 9px;}
    .page_style li.current {padding: 6px 9px;}
    .page_style li {font-size: 14px;}
    /*  */
    .info-div ul li>div.info-text {margin-top: 1% !important;}
    .info-text h5 {font-size: 14px;padding-bottom: 0px;}
    .info-div ul li>div.info-text d {font-size: 12px;}
    .main-item>h3 {font-size: 22px;}
    .suppor-cover .title h5 {font-size: 14px;}
    /* */
    .article-con h4 {font-size: 14px;}
    .article-con p, .article-con span {font-size: 12px !important;}
}
/*------@media------*/





/*------page------*/
.page{padding-top:110px;}
.pageContent {margin: 0 auto;font-size:16px;color:#545454; line-height:30px; padding-top:30px;padding-bottom:50px;}
.pageContent img{max-width:100%;}
.partLine{border-top: 1px solid #dcdcdc;}
@media screen and (max-width: 790px) {
.pageContent {padding-top:30px;padding-bottom:40px;}	
}
@media screen and (max-width: 500px) {
.pageContent {padding-top:30px;padding-bottom:30px;}
}

/*logo*/
.pageH .menu-logo-h{background: url(../images/logo2.png) no-repeat !important;background-size: 345px!important;}
.pageH .hamburger-module{background: url(../images/menu2.png) no-repeat center center !important;}

/*banner*/
.pageContent .bannerBox .banner img {width: 100%;}
.pageContent .bannerBox p {line-height: 24px;color: #333;margin: 5px 0 0px;}


/*title*/
.pageContent .title {padding-top:37px;padding-bottom: 35px;}
.pageContent .title h5 {text-align: center;clear: both;font-size:26px;color:#545454;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.pageContent .title .en {margin: 0;overflow: hidden;text-align: center;padding:0 20px; color:#909090;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}



/*aboutBox*/
.pageContent .aboutBox{padding-bottom:50px;}
.pageContent .aboutLeft{width:40%; float:left; font-size:16px; color:#545454; line-height:34px;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.pageContent .aboutRight{width:60%;float:right;}
@media screen and (max-width: 1200px) {
.pageContent .aboutLeft{width:40%;}
.pageContent .aboutRight{width:60%;}
}
@media screen and (max-width: 790px) {
.pageContent .aboutLeft{width:100%;}
.pageContent .aboutRight{width:100%;margin-top:3%;}
}


/*item2*/
.pageContent .item2 .imgBox {overflow: hidden;margin:0 -10px;}
.pageContent .item2 .imgItem {width:25%;float: left;}
.pageContent .item2 .imgItemB {margin:10px 10px;position: relative;}
.pageContent .item2 .imgItem img {width: 100%;}
.pageContent .item2 .imgItem .tt {float: left;width: 70%;color: #fff;text-align: center;vertical-align: middle;position: absolute; left:0;right:0;top: 30%;margin:0 auto; font-size:20px;}
.pageContent .item2 .imgItem .tt2 { display:block;font-size:14px; line-height:30px;margin-top:15px;}
@media screen and (max-width: 1000px) {
.pageContent .item2 .imgItem {width:50%;}
}
@media screen and (max-width: 640px) {
.pageContent .item2 .imgItem .tt {font-size:16px;width: 80%;top: 15%;}	
.pageContent .item2 .imgItem .tt2 {font-size:12px; line-height:24px;margin-top:5px;}
}
@media screen and (max-width: 350px) {
.pageContent .item2 .imgItem {width:100%;}
.pageContent .item2 .imgItem .tt {font-size:16px;width: 80%;top: 35%;}	
}



/*item3*/
.pageContent .item3{overflow: hidden; width:1200px;margin:0 auto;}
.pageContent .item3 .imgTextBox {overflow: hidden;margin:0 -20px;}
.pageContent .item3 .imgText {width:50%;float: left;}
.pageContent .item3 .imgText .text {margin:0 20px;position: relative; line-height:30px;}
.pageContent .item3 .imgItem img {width: 100%;}
@media screen and (max-width: 1000px) {
.pageContent .item3 .imgText{width:100%;}
}
@media screen and (max-width: 1240px){
.pageContent .item3  {
    width: 100%;
}
}


/*item4*/
.pageContent .item4{margin-top:90px;}
.pageContent .item4 .imgBox {overflow: hidden;margin:0 -16.25px;padding-bottom:25px;}
.pageContent .item4 .imgItem {width:33.33333%;float: left;}
.pageContent .item4 .imgItemB {margin:10px 16.25px;position: relative;}
.pageContent .item4 .imgItemB::after {content: '';background: url(../images/pagedatted.png) no-repeat;position: absolute;width: 55px;height: 55px;bottom:-25px;left:0;right: 0;margin:0 auto;}
.pageContent .item4 .imgItem img {width: 100%;}
.pageContent .item4 .imgItem .tt {float: left;width: 70%;color: #fff;text-align: center;vertical-align: middle;position: absolute; left:0;right:0;top: 30%;margin:0 auto; font-size:20px;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.pageContent .item4 .imgItem .en { display:block;font-size:14px; line-height:30px;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.pageContent .item4 .imgItem .tt2 { display:block;font-size:16px; line-height:30px;margin-top:50px;font-family: "Microsoft YaHei";}
@media screen and (max-width: 1000px) {
.pageContent .item4 .imgBox {margin:0 -10px;}
.pageContent .item4 .imgItemB {margin:10px 10px;}
.pageContent .item4 .imgItem {width:50%;}
}
@media screen and (max-width: 640px) {
.pageContent .item4 .imgItem .tt {font-size:16px;width: 80%;top: 15%;}	
.pageContent .item4 .imgItem .tt2 {font-size:12px; line-height:24px;margin-top:20px;}
}
@media screen and (max-width: 640px) {
.pageContent .item4 .imgItem {width:100%;}
.pageContent .item4 .imgItem .tt {font-size:16px;width: 80%;top: 35%;}	
}

/*------page------*/





/*pageNav*/
.pageNav ul{margin:0 auto; text-align:center; font-size:0;padding-top:40px;padding-bottom:5px;}
.pageNav ul li {list-style:none;position:relative;display:inline-block;*display:inline; zoom:1;padding:0 28px;margin-bottom:10px;}
.pageNav ul li a{display:block;transition: all ease-in-out .3s;font-size: 20px;color:#5d6371;}
.pageNav ul li a:hover,.pageNav ul li a.on{font-weight:bold;}
.pageNav ul li:before{ content:"";background:url(../images/line.png) no-repeat right 50%; position:absolute;left:0; width:7px; height:100%;}
.pageNav ul li:nth-child(1):before{ display:none;}
@media screen and (max-width: 640px) {
.pageNav ul{padding-top:30px;}
.pageNav ul li{padding:0 10px;}
.pageNav ul li a{font-size: 16px;}
}


/****************pageNews start******************/
.page .pageNewsbox{ overflow:hidden; width:100%;}
.page .pageNews {height:auto;overflow:hidden;margin:0;padding:0;}
.page .pageNews li{list-style:none;display:block; width:100%;height:auto;font-size:14px;color:#545454; margin-bottom:30px; position:relative;margin-bottom:45px;padding-bottom:45px;border-bottom:1px solid #e2e2e2;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   -webkit-transition: all 0.6s ease-in-out;
}
.page .pageNews li a{color:#959595; display:block;}
.page .pageNews li a:hover{color:#004894;}
.page .pageNews li .ImgBoxB{float:left;width:395px;}
.page .pageNews li .ImgBox{overflow:hidden;width:395px;height:260px;}
.page .pageNews li .ImgBox img{width:100%;max-width: 395px;max-height:260px;
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
.page .pageNews li:hover .ImgBox img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.page .pageNews li .nrBox{float:left;width: 885px;}
.page .pageNews li .nr{padding: 45px 185px 45px 100px;}
.page .pageNewsbox .date{font-size:12px;color: #545454;line-height: 30px;margin-bottom:5px;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.page .pageNewsbox .title{font-size:20px;color: #545454;height:30px;line-height:30px;overflow:hidden;padding:0;margin:0;margin-bottom:15px;}
.page .pageNewsbox .info{font-size:14px;color: #545454;height:90px;line-height:30px;overflow:hidden;}
.page .pageNews li:hover .title{color: #bd3137;}
@media screen and (max-width:1300px) {
.page .pageNews li .nrBox{width: calc(100% - 395px);}
.page .pageNews li .nr{padding: 50px 55px 50px 55px;}
}
@media screen and (max-width:1200px) {
.page .pageNews li .nrBox{width: calc(100% - 395px);}
.page .pageNews li .nr{padding: 50px 50px;}
.page .pageNewsbox .info{font-size:14px;height:60px;}
}
@media screen and (max-width:1024px) {
.page .pageNews{margin:0 -15px;}
.page .pageNews li{ width:50%; float:left;}
.page .pageNews li a{margin:0 15px;}
.page .pageNews li .ImgBox{width:100%;height:auto;display: block;}
.page .pageNews li .ImgBox img{width:100%;max-width:100%;max-height:100%;}
.page .pageNews li .ImgBoxB{width:100%;}
.page .pageNews li .nrBox{width:100%;}
.page .pageNews li .nr{padding: 26px 0 0 0;}
.page .pageNews li a .more2{ width:30px; height:30px;right:10px; top:10px;margin-top:0; cursor:pointer; background-size:30px;}
}
@media screen and (max-width:640px) {
.page .pageNews{margin:0 -3%;}
.page .pageNews li{margin-bottom:30px;padding-bottom:30px;}
.page .pageNews li a{margin:0 3%;}
.page .pageNewsbox .date{height:30px;line-height:30px;}
.page .pageNewsbox .title{font-size:16px;margin-bottom: 5px;}
.page .pageNews li .nr{padding: 15px 0 0 0;}
}
@media screen and (max-width:350px) {
.page .pageNews li{ width:100%;}
}


/*page_tab*/
.page-tab{margin:0 auto;padding:10px 0 10px 0;text-align: center; }
.page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;height: 38px;line-height: 38px;font-size: 0;}
.page-tab ul li{margin: 0;padding: 0;display: inline-block;position: relative;height: 36px;line-height: 36px;}
.page-tab ul li a{display: inline-block;text-align: center;font-size: 14px;color: #5e5e5e;padding: 0 18px;height: 36px;line-height: 36px;border: 1px solid #dcdcdc;background: transparent;}
.page-tab ul li a:hover{border-color: #bd3137;color: #bd3137;}
.page-tab ul li.next-page a, .page-tab ul li.prev-page a{ margin:0 20px;width:60px;}
.page .page-back{margin:0 auto;text-align:center;}
.page .page-back a{ display:inline-block;font-size:14px;color: #545454; width:130px;height:40px;line-height:40px;border:1px solid #e5e5e5; border-radius:5px;margin:0 auto;text-align:center;}
.page .page-back a:hover{color:#fff; background:#bd3137;}





/*dealer*/
.h1 {font-size: 26px;color: #545454;text-align:left;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.dealer {margin: 0; font-size:12px;}
.dealer .select {margin-top: 50px;}
.dealer .select .select1 {position: relative;display: inline-block;margin-right: 10px;margin-bottom: 10px;}
.dealer .select .select1 i {position: absolute;right: 9px;top: 7px;}
.dealer .select .select1 .ion-ios-arrow-down:before {color: #fff;font-size: 18px;}
.dealer .select .select2 {display: inline-block;width: 230px;height: 40px;vertical-align: middle;background: #ededed;}
.dealer .select .select2 input {background: transparent;height: 100%;border: 0;float: left;color: #535150;font-size: 14px;width: 180px;padding-left:20px; outline:none;}
.dealer .select .select2 input.si{display: inline-block;width: 30px;height: 40px;background: url(../images/join-search.png) no-repeat center center;vertical-align: middle;margin-top: 0px;margin-right: 0px;cursor: pointer;}
.dealer .select select {width: 136px;height: 40px;background-color: #5a5a5a;appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;-webkit-appearance: none;color: #a1a1a1;padding-left: 15px;border: 0;background-image: url("../images/down.png");background-repeat: no-repeat;background-position: right;}
.dealer .select select option {background: #535150;color: #a1a1a1;padding: 5px 0;}
select::-ms-expand {display: none;}
.deul {overflow: hidden;margin: 0 -10px;margin: 50px 0 0 0px;}
.deul li {width:33.33%;float: left;height: 145px;}
.deul li .debox{margin: 0 10px}
.deul li h2 {color: #333333;font-size: 14px;text-align: left;border-bottom: 1px solid #c9caca;padding-bottom: 10px;margin-bottom: 15px; font-weight:normal;}
.deul li p {color: #5e5e5e;font-size: 12px;margin-bottom: 0;}
.deul li a {color: #909090;font-size: 12px;}
.deul li a i {margin-left: 10px;margin-top: 3px;display: inline-block;width:10px;height:10px;background: url(../images/join-search2.png) no-repeat center center;}
.deul li a .ion-ios-search:before {font-size: 14px;}
.deul .top {width: 34px;height: 34px;clear: both;text-align: center;margin: auto;background: #ffe219;line-height: 42px;cursor: pointer;}
.deul .ion-ios-arrow-thin-up:before {font-size: 22px;}
.map {width: 1140px;background: #fff;height: 555px;/* transform: translate3d(-100%, 0, 0);*/display: block;}
.map .mma {position: relative;}
.map .mma .del {position: absolute;top: -28px;right: -18px;cursor: pointer;}
.map .mma .ion-ios-close-empty:before {font-size: 28pt;color: #535150;}
.map .ml {display: inline-block;}
.map .mr {display: inline-block;}
.map .mr .shen {width: 280px;height: 60px;line-height: 60px;background: #e6e5e5;color: #535150;font-size: 42px;position: absolute;top: 165px;right: 15px;padding-left: 15px;}
.map .mr .dz {width: 405px;height: 56px;background: #e6e5e5;padding-left: 15px;position: absolute;top: 240px;right: -111px;}
.map .mr .dz i {display: block;position: relative;width: 18px;height: 3px;background: #535150;top: 10px;}
.map .mr .dz font {color: #535150;font-size: 12px;position: relative;top: 15px;display: inherit;width: 80%;}
.masks {width: 100%;height: 100%;display: none;background: rgba(83, 81, 80, 0.8);top: 0;left: 0;z-index: 9999;position: fixed;cursor: pointer;}
.mapk {width: 1140px;background: #fff;height: 555px;position: absolute;padding: 30px;top: 0;bottom: 0;right: 0;left: 0;margin: auto;overflow: hidden;pointer-events: auto;opacity: 0;}
.show {display: block!important;}
.maps {opacity: 1;}
@media screen and (max-width:640px) {
.deul li {width:50%;}
}







/*jion*/
.jionlist{ width:100%;}
.jionul {overflow: hidden;margin: 0 -10px;margin-top:20px;}
.jionul li {width:50%;float: left;margin-bottom:20px; }
.jionul li a{ display:block;margin: 0 10px; background:#fff;padding:45px 45px 72px 45px;border-radius:10px; position:relative;height:323px;}
.jionul li h2 {color: #464646;font-size: 18px;text-align: left;padding-bottom: 10px;margin-bottom: 13px; font-weight:normal;}
.jionul li .jionnr {color: #909090;font-size: 14px; line-height:30px;height:270px; overflow:hidden;margin-bottom: 0;}
.jionul li .jionMore {display: inline-block;width:30px;height:20px;background: url(../images/join-drop.png) no-repeat center center; position:absolute; bottom:25px; right:0;left:0;margin:0 auto;}

@media screen and (max-width:640px) {
.jionul li {width:100%;}
}



/*proList*/
.proList{ width:100%; overflow:hidden;margin-bottom:30px;margin-top:30px;}
.proList ul{margin:0 -30px;overflow:hidden;}
.proList li{list-style:none;overflow:hidden;margin:auto ;padding:0; display:block;float: left;width:50%;height:auto;margin-bottom:10px;position:relative;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.proList li a{ display:block;margin:0 30px;}
.proList li .ImgBox{display:block;width:610px;height:360px;overflow:hidden;}
.proList li .ImgBox img{overflow: hidden;max-width:610px;max-height:360px;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.proList li .info{ padding:35px;}
.proList li .title{font-size:18px;line-height:60px;height:60px;padding:0 5%; overflow:hidden; color:#545454; text-align:center;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
@media screen and (max-width:1300px) {
.proList ul{margin:0 -30px;}
.proList li{width:50%;}
.proList li a{ display:block;margin:0 30px;}
.proList li .ImgBox{width:100%;height:auto;display:block;}
.proList li .ImgBox img{width:100%;height:auto;}
}
@media screen and (max-width:640px) {
.proList ul{ width:100%;margin:0 0;}
.proList li{width:100%;margin-right:0;margin-bottom:15px;}
.proList li a{ display:block;margin:0 0;}
.proList li .ImgBox{width:100%;height:auto;}
.proList li .ImgBox img{width:100%;max-width:100%;max-height:100%;}
}





/****************pagePro start******************/
.page .pageProbox{ overflow:hidden; width:100%;}
.page .pagePro {height:auto;overflow:hidden;margin:0;padding:0;}
.page .pagePro li{list-style:none;display:block; width:100%;height:auto;font-size:14px;color:#545454; margin-bottom:30px; position:relative;margin-bottom:25px;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   -webkit-transition: all 0.6s ease-in-out; background:#fff;
}
.page .pagePro li a{color:#959595; display:block;}
.page .pagePro li a:hover{color:#004894;}
.page .pagePro li .ImgBoxB{float:left;width:800px;}
.page .pagePro li .ImgBox{overflow:hidden;width:800px;height:520px; display:block;}
.page .pagePro li .ImgBox img{width:100%;max-width: 800px;max-height:520px;
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
.page .pagePro li:hover .ImgBox img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.page .pagePro li .nrBox{float:left;width: 480px;}
.page .pagePro li .nr{padding: 130px 60px 45px 60px; }
.page .pageProbox .title{font-size:26px;color: #545454;height:30px;line-height:30px;overflow:hidden;padding:0;margin:0;margin-bottom:35px;text-align:center;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.page .pageProbox .info{font-size:14px;color: #545454;height:90px;line-height:30px;overflow:hidden;margin-bottom:55px;}
.page .pageProbox .more2{font-size:14px;color: #545454; width:130px;height:40px;line-height:40px;border:1px solid #e5e5e5; border-radius:5px;margin:0 auto;text-align:center;}
.page .pagePro li .more2:hover{color:#fff; background:#bd3137;}
@media screen and (max-width:1300px) {
.page .pagePro li .ImgBoxB{width:720px;}
.page .pagePro li .ImgBox{width:720px;height:468px;}
.page .pagePro li .ImgBox img{width:100%;max-width: 720px;max-height:468px;}
}
@media screen and (max-width:1240px) {
.page .pagePro li .ImgBoxB{width:60%;}
.page .pagePro li .nrBox{width: 40%;}
.page .pagePro li .nr{padding: 50px 50px;}
.page .pagePro li .ImgBox{width:100%;height:auto;display: block;}
.page .pagePro li .ImgBox img{width:100%;max-width:100%;max-height:100%;}
}
@media screen and (max-width:1024px) {
.page .pagePro li .ImgBoxB{width:100%;}
.page .pagePro li .nrBox{width: 100%;}
.page .pagePro li .nr{padding: 50px 50px;}
}
@media screen and (max-width:640px) {
.page .pagePro{margin:0 -3%;}
.page .pagePro li{margin-bottom:30px;}
.page .pageProbox .date{height:30px;line-height:30px;}
.page .pageProbox .title{font-size:16px;margin-bottom: 5px;}
}
@media screen and (max-width:350px) {
.page .pagePro li{ width:100%;}
}



/****************pageDetail start******************/
.page .pageDetail {height:auto;overflow:hidden;margin:0;padding:0;}
.page .pageDetail{list-style:none;display:block; width:100%;height:auto;font-size:14px;color:#545454; margin-bottom:30px; position:relative;margin-bottom:70px;}
.page .pageDetail a{color:#959595; display:block;}
.page .pageDetail a:hover{color:#004894;}
.page .pageDetail .ImgBoxB{float:left;width:800px;}
.page .pageDetail .ImgBox{overflow:hidden;width:800px;height:520px;}
.page .pageDetail .ImgBox img{width:100%;max-width: 800px;max-height:520px;}
.page .pageDetail .nrBox{float:left;width: 480px;}
.page .pageDetail .nr{padding: 130px 0 45px 60px; }
.page .pageDetail .nrBox .title{font-size:26px;color: #545454;height:30px;line-height:30px;overflow:hidden;padding:0;margin:0;margin-bottom:35px;text-align:left;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.page .pageDetail .nrBox .info{font-size:14px;color: #545454;height:auto;line-height:30px;overflow:hidden;margin-bottom:55px;}
.page .pageDetail .nrBox .more3{ display:inline-block;font-size:14px;color: #fff; width:130px;height:40px;line-height:40px;border:1px solid #e5e5e5; border-radius:5px;margin:0 auto;text-align:center;background: url(../images/product2bg1.png) no-repeat center center;margin-right:8px;}
.page .pageDetail .nrBox .more4{display:inline-block;font-size:14px;color: #fff; width:130px;height:40px;line-height:40px;border:1px solid #e5e5e5; border-radius:5px;margin:0 auto;text-align:center;background: url(../images/product2bg2.png) no-repeat center center; margin-right:8px;}

@media screen and (max-width:1300px) {
.page .pageDetail .ImgBoxB{width:720px;}
.page .pageDetail .ImgBox{width:720px;height:468px;}
.page .pageDetail .ImgBox img{width:100%;max-width: 720px;max-height:468px;}
}
@media screen and (max-width:1240px) {
.page .pageDetail .ImgBoxB{width:60%;}
.page .pageDetail .nrBox{width: 40%;}
.page .pageDetail .nr{padding: 50px 50px;}
.page .pageDetail .ImgBox{width:100%;height:auto;display: block;}
.page .pageDetail .ImgBox img{width:100%;max-width:100%;max-height:100%;}
}
@media screen and (max-width:1024px) {
.page .pageDetail .ImgBoxB{width:100%;}
.page .pageDetail .nrBox{width: 100%;}
.page .pageDetail .nr{padding: 50px 50px;}
}
@media screen and (max-width:640px) {
.page .pageDetail{margin:0 0;margin-bottom:30px;}
.page .pageDetail .nrBox .info{margin-bottom: 25px;}
.page .pageDetail .nr{padding: 50px 0;}
.page .pageDetail .nrBox .date{height:30px;line-height:30px;}
.page .pageDetail .nrBox .title{font-size:18px;margin-bottom: 5px;}
}
@media screen and (max-width:350px) {
.page .pageDetail{ width:100%;}
}



/*pinpaiList*/
.h3 {font-size: 26px;color: #545454;text-align:left;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
padding-bottom:20px;margin-bottom:70px; text-align:center;background: url(../images/line.jpg) no-repeat center bottom;}
.page .pinpaiList{ width:100%; overflow:hidden;margin-bottom:30px;margin-top:30px;}
.page .pinpaiList ul{margin:0 -10px;overflow:hidden;}
.page .pinpaiList li{list-style:none;overflow:hidden;margin:auto ;padding:0; display:block;float: left;width:33.33333%;height:auto;margin-bottom:10px;position:relative;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.page .pinpaiList li a{ display:block;margin:0 10px;}
.page .pinpaiList li .ImgBox{display:block;width:415px;height:245px;overflow:hidden; background:#fff;}
.page .pinpaiList li .ImgBox img{overflow: hidden;max-width:415px;max-height:245px;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.page .pinpaiList li .info{ padding:20px 0;}
.page .pinpaiList li .title{font-size:14px;line-height:60px;height:60px;padding:0 5%; overflow:hidden; color:#545454; text-align:center;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
margin-bottom: 25px;}
@media screen and (max-width:1199px) {
.page .pinpaiList li .ImgBox{width:100%;}
.page .pinpaiList li .ImgBox img{width:100%;}
}
@media screen and (max-width:1000px) {
.page .pinpaiList ul{margin:0 -10px;}
.page .pinpaiList li{width:50%;}
.page .pinpaiList li a{ display:block;margin:0 10px;}
.page .pinpaiList li .ImgBox{width:100%;height:auto;display:block;}
.page .pinpaiList li .ImgBox img{width:100%;height:auto;}
}
@media screen and (max-width:640px) {
.page .pinpaiList ul{ width:100%;margin:0;}
.page .pinpaiList li{width:100%;margin:0;margin-bottom:15px;}
.page .pinpaiList li .ImgBox{width:100%;height:auto;}
.page .pinpaiList li .ImgBox img{width:100%;max-width:100%;max-height:100%;}
}


/*history_list*/
.history_list{height:auto; overflow:hidden;margin:0 auto; margin-top:25px; position:relative;}
.history_list .center_line{width:1px; background:#eaeaea; margin:0 auto; display:block; margin-top:33px; position:absolute; left:calc(50% - 1px); z-index:-1;}
.history_list ul{margin:0; padding:0; height:auto; overflow:hidden; padding-bottom:76px;}
.history_list ul li{width:100%; margin-bottom:88px; background:url(../images/history_mark.png) no-repeat center 0; list-style:none; clear:both; height:auto; overflow:hidden;}
.history_list ul li .ImgBoxB{ float:left; width:50%;}
.history_list ul li .infowz{float:right; width:50%;}
.history_list ul li .ImgBox{display:block;height:260px;overflow:hidden;}
.history_list ul li .ImgBox img{overflow: hidden;max-width:570px;max-height:260px;}
.history_list ul li .info{ padding:0 0 40px 0; font-size:14px; line-height:30px; color:#545454;}
.history_list ul li .date{font-size:26px;color:#545454;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
margin-bottom:20px;}
.history_list ul li:nth-child(2n) .ImgBoxB,.history_list ul li:nth-child(2n-1) .infowz{float:right;}
.history_list ul li:nth-child(2n) .ImgBox,.history_list ul li:nth-child(2n-1) .info{ margin-left:40px;}
.history_list ul li:nth-child(2n) .ImgBox{ text-align:right;}
.history_list ul li:nth-child(2n) .info,.history_list ul li:nth-child(2n-1) .ImgBox{float:left; margin-right:40px;}
.history_list ul li:nth-child(2n-1) .ImgBox{text-align:right; background-position:right;}

@media screen and (max-width:1300px) {
.history_list ul li .ImgBox{width:90%;height:auto;}
.history_list ul li .ImgBox img{max-width:100%;max-height:100%;}	
}


@media screen and (max-width:1000px) {
.history_list{width:100%;}
.history_list .center_line{display:none;}
.history_list ul li{background:none;margin-bottom:30px;}
.history_list ul li .ImgBox{width:90%;}
.history_list ul li .info{width:100%;}
.history_list ul li:nth-child(2n) .ImgBoxB,.history_list ul li:nth-child(2n-1) .infowz{float:left;}
.history_list ul li:nth-child(2n) .ImgBox{ margin-left:0;}
.history_list ul li:nth-child(2n-1) .info{ margin-left:0;}
.history_list ul li:nth-child(2n) .info,.history_list ul li:nth-child(2n-1) .ImgBox{float:left; margin-right:0px;}
.history_list ul li:nth-child(2n-1) .ImgBox{text-align:left; background-position:left; margin-right:0;}
.history_list ul{padding-bottom: 0;}
}
@media screen and (max-width:640px) {
.history_list ul li .ImgBoxB{ float:none; width:100%;}
.history_list ul li .ImgBox{width:100%;}
.history_list ul li .ImgBox img{width:100%;}
.history_list ul li .infowz{float:none; width:100%;}
.history_list ul li .info{margin-top:30px;}
}




/****piaofu****/
.float{position:fixed; right:5px; bottom:25%; z-index:99;}
.float ul{margin:0; padding:0; height:auto; overflow:hidden;}
.float ul li{list-style:none;}
.float ul li a {display:block;background:#e02129;transition:all .3s ease-out;overflow:hidden;vertical-align: middle; width: 45px;height: 45px;cursor: pointer;z-index:9;border-bottom:1px solid #fff;}
.float ul li.gotop a{background:#666!important;border-bottom:none;}
.float ul li .qrcode_info{height:0; width:0; position:absolute; margin-left:0px; background:#fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; overflow:hidden;}
.float ul li:hover .qrcode_info{height:90px; width:90px; margin-left:-90px; margin-top:-13px;}
.float ul li:hover .qrcode_info img{max-width:100px; max-height:100px;}
.float ul li .tel_info{height:45px; text-indent:1em; width:0; position:absolute; margin-left:0px; background:#e02129; line-height:45px; font-size:18px; color:#fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; overflow:hidden;}
.float ul li:hover .tel_info{width:180px; margin-left:-180px;}
@media screen and (max-width:1200px){
.float{right:0.125%; bottom:25%; z-index:99;}
.float ul{margin:0; padding:0; height:auto; overflow:hidden;}
.float ul li{list-style:none;}
.float ul li .qrcode_info{height:0; width:0; position:absolute; margin-left:0px; margin-top:0px; background:#fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; overflow:hidden;}
.float ul li:hover .qrcode_info{height:0; width:0;}
.float ul li .focus .qrcode_info{height:100px; width:100px; margin-left:-100px; margin-top:-18px;}
.float ul li:hover .qrcode_info img{max-width:100px; max-height:100px;}
.float ul li .tel_info{display:none;}
}
@media screen and (max-width:767px){
.float{display:none;}
}


/*joblist*/
.joblist{border-bottom:1px solid #ddd; margin:20px 0px 30px 0px;}
.joblist li .title{/* height:70px; *//* line-height:70px; */border-top:1px solid #ddd;padding: 20px 10px;overflow:hidden;zoom:1;}
.joblist li .title i{font-size:14px; color:#999; margin-right:20px; font-style:normal;}
.joblist li .title span.overflowtxt{font-size:16px;color:#333;width:500px;display: inline-block;/* overflow:hidden; */line-height: 30px;/* white-space:nowrap;text-overflow:ellipsis; */}
.joblist li .title .close{display:block;margin-top: 10px;width:19px;height:19px;float:right;overflow:hidden;text-indent:-9999px;background:url(../images/yxcon56.png) 0px 0px no-repeat;transition: all 0.2s ease;}
.joblist li .title.on .close{background-position:-19px 0px;}
.joblist li .tmain{background:#e8e8e8; padding:30px 40px 50px 40px; border-top:1px solid #ddd; display:none; line-height:26px;font-size:14px;color:#666;}
.joblist li .tmain h1{font-size:16px; font-weight:700; color:#000; margin-bottom:30px;}
@media screen and (max-width:767px){
.joblist li .tmain{padding:20px 20px 50px 20px;}	
.joblist li .title span.overflowtxt{width:60%;}
}
.lianxilast .jionnr {color: #666;font-size: 16px;line-height:30px;overflow:hidden;margin-bottom: 0;}}






.cattle-text-box {
    padding-top: 60px;width:1200px;margin:0 auto;
}

.cattle-text-box>div {
    box-sizing: border-box;
}

.cattle-item {
    position: relative;
    width: 180px;
    float: left;
    margin-right: 60px;
    font-size: 14px;
    line-height: 1.5;
}

.cattle-text-box>div:last-child {
    margin-right: 0;
}

.cattle-item>div {
    position: absolute;
    top: 30px;
    right: 30px;
    left: 30px;
    bottom: 0;
    padding-top: 10px;
    max-width: 150px;
}
@media screen and (max-width: 1240px){
.cattle-text-box  {
    width: 100%;
}
}
@media screen and (max-width:768px) {
   .cattle-text-box {
        padding-top: 0%;
    }
    .cattle-text-box>:nth-child(5) {
        padding: 0;
    }
    .cattle-item {
        width: 50%;
        margin-right: 0%;
        margin-bottom: 1.3%;
    }
    .cattle-text-box>.cattle-item:nth-child(odd) {
        padding-right: 1.3%;
    }
    .cattle-text-box>.cattle-item:nth-child(even) {
        padding-left: 1.3%;
    }
}
@media screen and (max-width:370px) {
.cattle-item>div {
    position: absolute;
    top: 40px;
    right: 10px;
    left: 10px;
    bottom: 0;
    padding-top: 10px;
    max-width: 190px;
}
}

@media screen and (max-width:350px) {
.cattle-item>div {
    position: absolute;
    top: 20px;
    right: 10px;
    left: 10px;
    bottom: 0;
    padding-top: 10px;
    max-width: 190px;
}
}


.range-item {
    width: 350px;
    margin-right: 60px;
    float: left;
}

.range-box {
    padding-bottom: 100px; width:1200px;margin:0 auto;
}

.range-box>:last-child {
    margin-right: 0;
}

.range-item>p {
    padding: 15px 0 0 0;
    color: #333;
    line-height: 1.5;
}
@media screen and (max-width: 1240px){
.range-box   {
    width: 100%;padding-bottom: 0px;
}
.range-item {
    width: 30%;
    margin-right: 3%;
    float: left;
}
.range-box>:last-child {
    margin-right: 0;
}
}
@media screen and (max-width:768px) {
 .range-item {
        width: 100%;
        margin-right: 0px;
        padding-bottom: 1.4%;
    }
    .range-item>div{
        width: 50%;
    }
    .range-item:nth-child(odd)>div{
        float: left;
    }
    .range-item:nth-child(even)>div{
        float: right;
    }
    .range-item>p {
        width: 38%;
        padding: 15% 6%;
        font-size: 24px;
        line-height: 1.5;
    }
    .range-item:nth-child(odd)>p {
        float: right;
    }
    .range-item:nth-child(even)>p {
        float: left;
    }
}
@media screen and (max-width:640px) {
	.range-item>p {
        font-size: 20px;
    }
}

@media screen and (max-width:500px) {
.range-item>p {
    font-size: 16px;
    padding: 12% 6%;
}
}
@media screen and (max-width:375px) {
.range-item>p {
    font-size: 14px;
    line-height: 24px;
    padding: 11% 6%;
}
}



.support-box{margin:0 auto;width:1200px;}
.suppor-item {
    width: 224px;
    margin-right: 20px;
    float: left;
    position: relative;
	margin-bottom:20px;
}

.support-box>:last-child {
    margin-right: 0px;
}
.suppor-item img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.suppor-cover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    align-items: center;
    padding:20px;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    opacity: 1;
    transition: all 0.75s;
}
.suppor-cover .title{
    left: 53%;
    top: 50%;
    margin: -6px -40px;
    position: absolute;
}

.small-support {
    position: absolute;
    top: 20px;
    bottom: 20px;
    right: 20px;
    left: 20px;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.75s;
}
.small-support p{
    font-size: 14px;
    line-height: 1.8;
}
.suppor-cover:hover .small-support{
    opacity: 1;
}
.suppor-cover:hover{
    background: none;
}
.suppor-cover:hover .title{
    opacity: 0;
    transition: all 0.75s;
}
.support-box .divMid{
    max-width: 140px;
    left:50%;
}
@media screen and (max-width: 1240px){
.support-box{
    width: 100%;padding-bottom: 0px;
}
}
@media screen and (max-width:768px) {
 .suppor-item {
        width: 48%;
        margin-right: 0;
        margin: 1%;
    }
    .suppor-cover .title {
		 font-size: 32px;
        left: 50%;
        top: 50%;
        margin: -4% -20%;
    }
	
}
@media screen and (max-width: 500px){
.suppor-cover .title {
    font-size: 20px;
}
}
@media screen and (max-width: 375px){
.suppor-cover .title {
    font-size: 16px;
}
}
@media screen and (max-width: 320px){
.suppor-cover .title {
    font-size: 14px;
}
}



.phone-and-email {
    margin-bottom: 16px;
    font-size: 22px;
    color: #333;
}
.apply-partner {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-top: 70px;
    width:100%;
    text-align: center;
}