@charset "utf-8";

*{ margin:0; padding:0;}
table{ border-collapse:collapse;}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}
ol, ul{ margin:0;}
p{ margin:0;}
.h1, .h2, .h3, h1, h2, h3, h4, h5{ margin:0;}
.cor_red{ color:#c7000a;}
.cor_yellow{ color:#f5fb47;}
.cor_blue{ color:#00eaff;}
.f22{ font-size:22px;}
.clear{ clear:both;}
.shows{ display:block;}
.hides{ display:none;}
.f16{ font-size:16px;}
.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bd_weixin_popup{ height:auto !important;}
html { -ms-touch-action: none;  }
body { font-family:"pingFang sc"; position: relative; height: 100%; *cursor: default; color:#333333; overflow-x:hidden;}
ul li{list-style: none;}
input:focus,

textarea:focus {
  outline: none;
}
.w100{
	width: 100%;
}
.overh{
	overflow: hidden;
}
.z {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	/* IE 9 */
	-moz-transform: translate(-50%, -50%);
	/* Firefox */
	-webkit-transform: translate(-50%, -50%);
	/* Safari 和 Chrome */
	-o-transform: translate(-50%, -50%);
  }
  .l0 {
	top: 50%;
	-ms-transform: translateY(-50%);
	/* IE 9 */
	-moz-transform: translateY(-50%);
	/* Firefox */
	-webkit-transform: translateY(-50%);
	/* Safari 和 Chrome */
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
  }
  .cen {
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	/* IE 9 */
	-moz-transform: translateX(-50%);
	/* Firefox */
	-webkit-transform: translateX(-50%);
	/* Safari 和 Chrome */
	-o-transform: translateX(-50%);
  }
.pr {
	position: relative;
  }
  .pa {
	position: absolute;
  }
.overh {
  overflow: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.ta {
  text-align: center;
}
.tr {
  text-align: right;
}
.tl {
  text-align: left;
}
.wen_hied {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	overflow: hidden;
  }

.swiper-container {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}

.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-scrollbar {
	background:none;
    position: absolute;
    right: 0px;
    top: 40px;
    height: 90%;
    width: 10px !important;
	border-radius:0;
}
.swiper-scrollbar .swiper-scrollbar-drag {
    background:#cccccc;
	border-radius:0;
}

.navTop_ren{
	color: #8d8d8d;
	font-size: 14px;
}
.navTopbg{ background:#393939; height:40px; font-size:12px; color:#787878; line-height:40px;}
.navTopbg a{ color:#787878;}
.navTopbg a:hover{ color:#FFFFFF;}
.navTop_left{ background:url(../image/navTopIco1.png) left center no-repeat; padding-left:30px; font-size:19px; font-weight:bold;}
.navTop_rig{ font-size:0; position:relative;}



<!--验证码css-->

code{color:#ff8400;background:rgba(255,132,0,0.1);border:1px solid rgba(255,132,0,0.2);border-radius:3px;padding:0 4px;margin:0 4px;}

.col-sm-8 .code{min-height:42px;justify-content:center;align-items:center;display:flex;padding:0 12px;border:0px solid #e3e3e3;border-left:0;background:#fff;border-radius:0;cursor:pointer;border-radius:0 4px 4px 0;}
.col-sm-8 .code img{height:42px;border-radius:0 4px 4px 0;}
.col-sm-8.radius-right-none{border-radius:4px 0 0 4px;}

<!--底部一键拨号css-->
.difudong{display: inline;}
@media (min-width: 768px) {
  .difudong{
    display: none;
  }
}
.difudong{
  background: rgba(73, 208, 198, 0.4);
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 8px 0;
  z-index: 999;
}
.difudong a{
  display: block;
  width: 33%;
  transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    padding: 0;
    background: #028b79;color: #fff;
    font:500 14px/35px "sourcehansans";
    text-align: center;
}
.pf {
  padding: 0 13.54167%;
}

@media (max-width: 1366px) {
  .pf {
    padding: 0 5.78125%;
  }
}

@media (max-width: 768px) {
  .pf {
    padding: 0 4%;
  }
}

.pianfu {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}



<!--底部一键拨号css结束-->


.navTop_rigList{ display:inline-block; vertical-align:middle;}
.navTop_rigList li{ position:relative; z-index:1; width:115px; display:inline-block; vertical-align:middle; text-align:left;}
.navTop_rigList li:before{ display:block; content:""; position:absolute; left:0; top:11px; width:1px; height:12px; background:#8d8d8d;}
.navTop_rigList li h3{ font-size:12px; color:#adadad; line-height:32px; text-align:center; cursor:pointer;}
.navTop_rigList li h3 i{ font-size:14px;}
.navTop_sub{ position:absolute; left:0; top:32px; background:#393939; padding:5px 0 10px; font-size:12px; color:#adadad; display:none;}
.navTop_sub li{ line-height:20px; padding:5px 0;}
.navTop_sub li a{ position:relative; padding-left:20px; color:#adadad; text-align:left; display:block;}
.navTop_sub li:before{ display:none;}
.navTop_sub li a:before{ display:block; content:""; position:absolute; left:10px; top:10px; width:2px; height:2px; font-size:0; border-radius:50%; background:#adadad;}

.navTop_rigList li:hover .navTop_sub{ display:block;}

.language{ display:inline-block; vertical-align:middle; font-size:12px; color:#adadad; padding:0 5px; position:relative;}
.language:before{ display:block; content:""; position:absolute; left:0; top:11px; width:1px; height:12px; background:#8d8d8d;}
.language a{ font-size:12px; color:#adadad; line-height:32px; text-align:center;}

.navSearch{ display:inline-block; vertical-align:middle; font-size:12px; color:#adadad;}
.navSearIco{ cursor:pointer; padding:0 10px;}
.navSearchBox{ position:absolute; left:0; top:32px; background:#393939; width:100%; padding:10px; z-index:1; display:none;}
.navSearchBox .form-control:focus{ box-shadow:none; appearance:none; -webkit-appearance:none; border:1px solid #ccc;}


.logo{ height:auto; padding:21.5px 15px;}
nav.navbar.bootsnav{ border:none; border-bottom:1px solid #d7d7d7;}
nav.navbar.bootsnav ul.nav > li > a{ margin:0 25px; padding:0; font-weight:normal; line-height:95px; height:95px; position:relative; color:#000000; font-size:16px;}
nav.navbar.bootsnav ul.nav > li > a:after{ background:#028c7a; width:0; height:3px; display:block; content:""; position:absolute; bottom:1px; left:50%; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
nav.navbar.bootsnav ul.nav > li > a:hover:after,nav.navbar.bootsnav ul.nav > li.on > a:after,nav.navbar.bootsnav ul.nav > li.active > a:after{ width:100%; left:0%;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ content:""; margin:0;}
nav.navbar.bootsnav li.dropdown div.dropdown-menu{ width:414px; min-height:200px; padding-right:273px; border:1px solid #e3e3e3; background:#FFFFFF; border-radius:0; left:0px; padding:0;}
nav.navbar.bootsnav li.dropdown div.dropdown-menu ul{ width:139px; float:left; text-align:center; border-right:1px solid #e3e3e3;}
nav.navbar.bootsnav li.dropdown div.dropdown-menu ul > li{ border-bottom:1px solid #f0f0f0;}
nav.navbar.bootsnav li.dropdown div.dropdown-menu ul > li:last-child{ border-bottom:none;}
nav.navbar.bootsnav li.dropdown div.dropdown-menu ul > li > a{ font-size:14px; color:#000000; line-height:35px; white-space:nowrap; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; position:relative;}
nav.navbar.bootsnav li.dropdown div.dropdown-menu ul > li > a:after{ display:block; content:""; position:absolute; left:0; top:0; height:100%; width:0; background:#f0f0f0; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; z-index:-1;}
nav.navbar.bootsnav li.dropdown div.dropdown-menu ul > li > a:hover{ color:#028c7a;}
nav.navbar.bootsnav li.dropdown div.dropdown-menu ul > li > a:hover:after{ width:100%;}

.navImg{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; right:0; top:0; height:100%; width:273px;}
.navImg img{ margin-bottom:10px;}
.navImg p{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.6); color:#FFFFFF; text-align:center; padding:5px 10px; font-size:12px; line-height:180%; display: none;}

nav.navbar.bootsnav ul.nav > li.last div.dropdown-menu{ left:auto; right:0; padding-left:273px; padding-right:0;}
nav.navbar.bootsnav ul.nav > li.last div.dropdown-menu ul{ float:right; border-left:1px solid #e3e3e3; border-right:none;}
nav.navbar.bootsnav ul.nav > li.last div.dropdown-menu ul > li > a:after{ left:auto; right:0;}
nav.navbar.bootsnav ul.nav > li.last div.dropdown-menu .navImg{ right:auto; left:0;}




.banner .swiper-pagination{ bottom:45px;}
.banner .swiper-pagination-bullet{ position:relative; width:12px; height:12px; margin:0 3px !important; background:#FFFFFF; opacity:1;border: 1px solid #FFFFFF;}
.banner .swiper-pagination-bullet-active{background: transparent;}
.mainbox{ padding-top:100px;}

.mBox2bg{ background:#f2f2f2;}
.mTitbg{ overflow:hidden; padding:45px 0;}
.mTitbg h2{ display:inline-block; position:relative; font-size:30px; color:#010101;}
.mTitbg h2 p{ font-size:16px; color:#323232; line-height:24px; font-family:Arial;}
/* .mTitbg h2:after,.mTitbg h2:before{ position:absolute; top:50%; width:85px; height:7px; background-repeat:no-repeat; display:block; content:"";}
.mTitbg h2:before{ left:-125px; background-image:url(../image/mTitbg1.png);}
.mTitbg h2:after{ right:-125px; background-image:url(../image/mTitbg2.png);}
.active .mTitbg h2:before{}
 */
 .mTitbg h2 p{
	 position: relative;
	 padding-bottom: 20px;
 } .mTitbg h2 p:after{
	 content: '';
	 position: absolute;


		background-color: rgb(2,140,122);
	
	
		width: 40px;
		height: 4px;
		bottom: 10px;
		left: 50%;
		margin-left: -20px;
	

	  
 }
.mBox2List .swiper-slide a{ display:block; height:100%; position:relative; overflow:hidden;}
.mBox2Img{ position:relative; overflow:hidden;}
.mBox2Img > img{ vertical-align:middle; width:100%; margin:0 auto; transform:scale(1,1); -webkit-transform:scale(1,1); transition:All 0.4s ease-in-out; -webkit-transition:All 0.6s ease-in-out;}
.mBox2Line{ position:absolute; left:50%; bottom:0; width:0; height:6px; background:#a41435; transition:all 0.6s ease-out 0.2s; -webkit-transition:all 0.6s ease-out 0.2s;}
.mBox2Shadow{ position:absolute; left:0; bottom:0; width:100%; height:70px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;
background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); 
background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); 
background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); 
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); 
}
.mBox2Conbg{ position:absolute; left:0; bottom:0; width:100%; height:40px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBox2_name{ text-align:center; color:#FFFFFF; width:100%; overflow:hidden;}
.mBox2_name h4{ font-size:16px; line-height:40px; margin:0 auto; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBox2Brief{ width:100%; font-size:14px; color:#ffffff; line-height:26px; padding:5px 10px 15px; transform:translateY(100px); -webkit-transform:translateY(100px);}
.mBox2Ico{ margin:0 auto; background:url(../image/mBox2Ico.png) center center no-repeat; width:24px; height:24px; transform:translateY(100px); -webkit-transform:translateY(100px);}

.mBox2List .swiper-slide a:hover .mBox2Img > img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.mBox2List .swiper-slide a:hover .mBox2Line{ width:100%; left:0;}
.mBox2List .swiper-slide a:hover .mBox2Shadow{ height:100%; background:rgba(0,0,0,0.6);}
.mBox2List .swiper-slide a:hover .mBox2Conbg{ height:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.mBox2List .swiper-slide a:hover .mBox2_name h4{ font-size:20px;}
.mBox2List .swiper-slide a:hover .mBox2Brief{ transform:translateY(0px); -webkit-transform:translateY(0px); transition:all 0.3s ease-out 0.2s; -webkit-transition:all 0.3s ease-out 0.2s;}
.mBox2List .swiper-slide a:hover .mBox2Ico{ transform:translateY(0px); -webkit-transform:translateY(0px); transition:all 0.3s ease-out 0.3s; -webkit-transition:all 0.3s ease-out 0.3s;}

.mBox2List .swiper-container{ margin:0 -1px;}
.mBox2List .swiper-wrapper{ display:block;}
.mBox2List .swiper-slide{ float:left; width:33.33%; padding:0 1px 2px; text-align:center;
	transition:All 0.4s ease-in-out 0.3s;
	-webkit-transition:All 0.4s ease-in-out 0.3s;
	-moz-transition:All 0.4s ease-in-out 0.3s;
	-o-transition:All 0.4s ease-in-out 0.3s;
	transform:translateY(-100px) scale(0.5,0.5);
	-webkit-transform:translateY(-100px) scale(0.5,0.5);
	opacity:0;
	-webkit-opacity:0;
}
.active .mBox2List .swiper-slide{
	transform:translateY(0px) scale(1,1);
	-webkit-transform:translateY(0px) scale(1,1);
	opacity:1;
	-webkit-opacity:1;
}
.active .mBox2List .swiper-slide:first-child{
	transition-delay: 0s;
}
.active .mBox2List .swiper-slide:first-child + .swiper-slide{
	transition-delay: 0.3s;
}
.active .mBox2List .swiper-slide:first-child + .swiper-slide + .swiper-slide{
	transition-delay: 0.6s;
}
.active .mBox2List .swiper-slide:first-child + .swiper-slide + .swiper-slide + .swiper-slide{
	transition-delay: 0.9s;
}
.active .mBox2List .swiper-slide:first-child + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{
	transition-delay: 1.2s;
}
.active .mBox2List .swiper-slide:first-child + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{
	transition-delay: 1.5s;
}
.mBoxMore{ font-size:14px; color:#838383; width:137px; height:36px; line-height:36px; border:1px solid #cccdcd; border-radius:20px; display:block; margin:30px auto 0; text-align:center; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBoxMore:hover,.mBoxMore:focus{ color:#711A2D; border-color:#711A2D;}

.main2listmobile{ display:none; position:relative; padding:0 20px; transform:translateX(100px); -webkit-transform:translateX(100px); opacity:0; -webkit-opacity:0; transition:all 0.3s ease-out 0.2s; -webkit-transition:all 0.3s ease-out 0.2s;}
.mainbox2_prev,.mainbox2_next{ color:rgb(2,140,122); position:absolute; top:50%; margin-top:-22px; font-size:30px; cursor:pointer;}
.mainbox2_prev{ left:-10px;}
.mainbox2_next{ right:-10px;}
.main2listmobile .main2Imga{ transform:scale(1,1); -webkit-transform:scale(1,1);}
.main2listmobile .mainbox2_name{ background:#ff7c2d;}
.active .main2listmobile{ transform:translateX(0px); -webkit-transform:translateX(0px); opacity:1; -webkit-opacity:1;}

.mBox3bg{ display:block !important;}
.mBox3bg .fp-tableCell{ display:block !important;}
.mBox3bg .mainbox{ padding-top:127px;}
.mBox3bg .mTitbg{ position:relative; z-index:1;}
.mBox3List{ padding:274px 0 0; position:absolute; left:6.25%; top:0; width:87.5%; height:100%;}
.mBox3List .swiper-container{ margin:0 -1px;}
.mBox3List .swiper-wrapper{ display:block;}
.mBox3List .swiper-slide{ float:left; width:25%; padding:0 1px; text-align:center;
	transition:All 0.4s ease-in-out 0.3s;
	-webkit-transition:All 0.4s ease-in-out 0.3s;
	-moz-transition:All 0.4s ease-in-out 0.3s;
	-o-transition:All 0.4s ease-in-out 0.3s;
	transform:translateY(100px);
	-webkit-transform:translateY(100px);
	opacity:0;
	-webkit-opacity:0;
}
.active .mBox3List .swiper-slide{
	transform:translateY(0px);
	-webkit-transform:translateY(0px);
	opacity:1;
	-webkit-opacity:1;
}

.active .mBox3List .swiper-slide:first-child{
	transition-delay: 0s;
}
.active .mBox3List .swiper-slide:first-child + .swiper-slide{
	transition-delay: 0.3s;
}
.active .mBox3List .swiper-slide:first-child + .swiper-slide + .swiper-slide{
	transition-delay: 0.6s;
}
.active .mBox3List .swiper-slide:first-child + .swiper-slide + .swiper-slide + .swiper-slide{
	transition-delay: 0.9s;
}
.mBox3List .swiper-slide a{ display:block; height:100%; position:relative; overflow:hidden;}
.mBox3Img{ height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.mBox3Img > img{ display:none;}
.mBox3Shadow{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBox3Line{ position:absolute; transition:all 0.3s ease-out 0.2s; -webkit-transition:all 0.3s ease-out 0.2s;}
.mBox3Line1{ left:-10%; top:-40%; width:23px; height:23px; border:6px solid #ffffff; border-right:none; border-bottom:none;}
.mBox3Line2{ right:-20%; bottom:-20%; width:37px; height:37px; border:9px solid #ffffff; border-left:none; border-top:none;}
.mBox3Conbg{ height:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.mBox3Conbg .mBox2Con{ height:80px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBox3Conbg .mBox2_name h4{ font-size:26px;}
.mBox3H5{ font-size:16px; color:#e1e1e1;}
.mBox3H5 span{ padding:0 10px;}
.mBox3Conbg .mBox2Ico{ background-image:url(../image/mBox3Ico.png); transform:translateY(0px) translateX(-100px); -webkit-transform:translateY(0px) translateX(-100px); opacity:0; margin:25px auto; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBox3Conbg .mBox2Brief{ width:100%; font-size:14px; color:#c6c4c4; line-height:30px; color:#c6c4c4; padding:0px 14%; transform:translateY(0px) translateX(100px); opacity:0; -webkit-transform:translateY(0px) translateX(100px); transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}

.mBox3List .swiper-slide a:hover .mBox3Shadow{ background:rgba(0,0,0,0.7);}
.mBox3List .swiper-slide a:hover .mBox3Line1{ left:2%; top:2%;}
.mBox3List .swiper-slide a:hover .mBox3Line2{ right:3%; bottom:2%;}
.mBox3List .swiper-slide a:hover .mBox3Conbg .mBox2Con{ height:auto;}
.mBox3List .swiper-slide a:hover .mBox3Conbg .mBox2Ico{ transform:translateY(0px) translateX(0); -webkit-transform:translateY(0px) translateX(0); opacity:1;}
.mBox3List .swiper-slide a:hover .mBox3Conbg .mBox2Brief{ transform:translateY(0px) translateX(0); -webkit-transform:translateY(0px) translateX(0); opacity:1;}
.main3listmobile{ display:none;}

.mbox4Tit{ padding-bottom:20px; line-height:27px;}
.mbox4Tit h3{ font-size:24px; color:#000000; border-left:9px solid rgb(2,140,122); padding-left:11px;}
.mbox4Tit h3 a{ font-size:24px; color:#000000;}
.mbox4Tit a{ font-size:12px; color:#afafaf;}
.mbox4Tit a:hover{ color:rgb(2,140,122); text-decoration:underline;}
.mBox4Lef{ width:70%; padding-right:32px; border-right:1px solid #dbdbdb; transform:translateX(-100%); -webkit-transform:translateX(-100%); transition:all 0.4s ease-out 0.2s; -webkit-transition:all 0.4s ease-out 0.2s;}
.mBox4List1{ margin:0 -12px;}
.mBox4List1 li{ padding:0 12px;}
.mBox4List1 li a{ display:block; height:100%;}
.mBox4Img{ overflow:hidden;}
.mBox4Img img{ transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBox4Name{ font-size:18px; color:#000000; margin:10px 0; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBox4Brief{ font-size:14px; color:#646464; line-height:24px;}
.mBox4List1 li a:hover .mBox4Img img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.mBox4List1 li a:hover .mBox4Name{ color:rgb(2,140,122);}

.mBox4Rig{ width:30%; transform:translateX(100%); -webkit-transform:translateX(100%); transition:all 0.4s ease-out 0.2s; -webkit-transition:all 0.4s ease-out 0.2s;}
.mBox4RigCon{ padding-left:30px;}
.mBox4RigCon:first-child{ border-bottom:1px solid #dbdbdb; padding-bottom:20px; margin-bottom:20px;}
.mBox4RigCon:nth-child(2) .mbox4Tit{ padding-bottom:10px;}
.mBox4List2 li a{ font-size:14px; color:#646464; line-height:34px; padding-left:10px; position:relative; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBox4List2 li a:before{ display:block; content:""; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px; background:#646464; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBox4List2 li a:hover{ color:rgb(2,140,122); transform:translateX(10px); -webkit-transform:translateX(10px);}
.mBox4List2 li a:hover:before{ background:rgb(2,140,122);}

.active .mBox4Lef,.active .mBox4Rig{ transform:translateX(0); -webkit-transform:translateX(0);}

.mBox5bg{ background:url(../image/mBox5bg.jpg) center center no-repeat; background-size:cover;}
.mBox5{ width:69%; color:#ffffff; font-size:14px; line-height:180%;}
.mBox5 p{ transform:translate(100px,100px); -webkit-transform:translate(100px,100px); opacity:0; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBox5p1{ font-size:28px; font-weight:bold; font-family:Arial; padding-bottom:10px;}
.mBox5p2{ font-size:24px;}
.mBox5p3{ padding:20px 0;}
.mBox5 p.mBox5p2{ transition-delay:0.2s; -webkit-transition-delay:0.2s;}
.mBox5 p.mBox5p3{ transition-delay:0.5s; -webkit-transition-delay:0.5s;}
.mBox5Tit{ font-size:24px; font-weight:bold; padding-bottom:20px; transform:translateX(-100%); -webkit-transform:translateX(-100%); transition:all 0.3s ease-out 0.6s; -webkit-transition:all 0.3s ease-out 0.6s;}
.mBox5List{ margin:0 -5px; padding-right:100px;}
.mBox5List li{ padding:0 5px;}
.mBox5List li a{ display:block; height:100%; background:rgba(255,255,255,0.52); padding:10px 0; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBox5Img img{ margin:0 auto;}
.mBox5Name{ font-size:14px; color:#000000;}
.mBox5List li{ transform:translateX(-100%); -webkit-transform:translateX(-100%); transition:all 0.5s ease-out 0.8s; -webkit-transition:all 0.5s ease-out 0.8s; opacity:0;}
.mBox5List li a:hover{ background:rgba(255,255,255,0.8);}
.mBox5List li a:hover .mBox5Img img{ transform:rotateY(360deg); -webkit-transform:rotateY(360deg); transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s;}

.cut .mBox5 p{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cut .mBox5Tit{ transform:translateX(0%); -webkit-transform:translateX(0%);}
.cut .mBox5List li{ transform:translateX(0%); -webkit-transform:translateX(0%); opacity:1;}
.cut .mBox5List li:first-child + li{ transition-delay:1.1s; -webkit-transition-delay:1.1s;}
.cut .mBox5List li:first-child + li + li{ transition-delay:1.4s; -webkit-transition-delay:1.4s;}
.cut .mBox5List li:first-child + li + li + li{ transition-delay:1.7s; -webkit-transition-delay:1.7s;}
.cut .mBox5List li:first-child + li + li + li + li{ transition-delay:2s; -webkit-transition-delay:2s;}

.footer{ background:#1c1d21; margin-top:1px; font-size:14px; color:#a8a8a8; line-height:24px;}
.footer a{ color:#a8a8a8;}
.footer a:hover{ color:rgb(2,140,122);}
.footerTop{ padding:65px 0 35px; font-size:0;}
.footerLogo{ display:inline-block; vertical-align:middle; width:33%; font-size:14px; padding-left:18px;}
.footeraddress{ display:inline-block; vertical-align:middle; width:67%; font-size:14px;position:relative;}
.footerRig{ display:inline-block; vertical-align:middle; width:13.33%; font-size:14px; border-left:1px solid #131212;}
.footerRig img{ margin:10px auto;}
.footerRig a{ font-size:12px;}

.footeraddTop .media{ margin-top:5px;}
.footershare{ font-size:0; padding-top:10px;}
.footershare span{ font-size:14px; display:inline-block; vertical-align:middle;}
.footershare a{ display:inline-block; vertical-align:middle; 	width: 41px;
	margin: 0 2px;
	height: 41px;
	background-color: #ffffff;
	text-align: center;
	line-height: 41px;

	font-size: 30px;
	color: #282627;
	border-radius: 5px;}


.foot-ul>li{float: left;width: 16.28%;}
.foot-ul>li:last-child{
	width: 17.7%;
}
.foot-ul>li>p{font-size: 18px;color: #fff;margin-bottom: 30px ;}
.foot-ul>li>.sna1-uls>li>a{color: #808080;font-size: 14px;}
.fott-lianxi{margin-top: 15px;	font-size: 14px;color: #808080;line-height: 26px;}
.copyright{ border-top:1px solid #282627; padding:15px 0; font-size:14px; color:#808080; line-height:24px;}
.copyright a{ color:#6e7077; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.copyright a:hover{ color:rgb(2,140,122);}
.copyright p.pull-right a{ padding:0 5px;}
.foot-ul>li .sna1-uls a:hover{
	color:rgb(2,140,122);
}
.online{ position:fixed; width:77px; top:50%; right:0px; margin-top:-104px; background:rgba(0,0,0,0.6);  z-index:10;}
.onlinelist{ color:#FFFFFF; margin:0;}
.onlinelist li{  cursor:pointer; white-space:nowrap; position:relative;}
.onlinelist li a{ color:#FFFFFF; display:block;}
.onlineico{ width:77px; text-align:center; position:relative; z-index:1;}
.onlinelist li.on .onlineico{ background:rgba(2,140,122,1.000);}
.onlinewx:hover{ background:rgba(2,140,122,1.000);}
.onlinewximg{ position:absolute; right:77px; top:0; border-bottom-left-radius:4px; border-top-left-radius:4px; background:rgba(2,140,122,1.000); padding:10px; font-size:14px; color:#ffffff; line-height:50px; transform:translateX(50px); -webkit-transform:translateX(50px); transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; opacity:0; visibility:hidden;}
.onlinewximg img{ max-width:85px;}
.onlinewx:hover .onlinewximg{ opacity:1; transform:translateX(0%); -webkit-transform:translateX(0%); visibility:visible;}
.onlinewxtel{ padding:0 10px;line-height:50px;}
.onlinewxtel p{ line-height:80px; min-height: 80px;}
.onlineico  i{
	font-size:30px;
}.onlinelist li{
	border-bottom: 2px solid #fff;
	padding: 0px 0;

}
.list-unstyle{
	display: block;
}
.classify{
	text-align: center;
}
.Bannern-ziz {
	color: #FFFFFF;
	text-align: center;
}.Bannern-ziz  .title{
	font-size: 36px;
	font-weight: bold;
	text-shadow: 0 0 4px rgba(0,0,0,.4);
	margin-bottom: 10px;
}.Bannern-ziz  a{
	font-size: 16px;
	color: #FFFFFF;
	text-shadow: 0 0 4px rgba(0,0,0,.4);

}
.onlinelist li:hover{
	background:rgba(2,140,122,1.000)
}.onlinelist li:last-child{
	border: none;
}
.navbot{ height:142px;}
.Bannern{ height:400px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.Bannern img{ display:none;}

.classifybg{ height:54px; margin-top:-54px; color:#3c3c3c; background:rgba(255,255,255,0.9); line-height:54px;position: relative;}
.classify{ overflow:hidden;}
.aboutFen{ font-size:0; line-height:54px; height:54px;}
.aboutFen li{ padding:0 20px;}
.aboutFen li a{ display:block; font-size:15px; color:#3c3c3c; position:relative;}
.aboutFen li a:after{ display:block; content:""; position:absolute; left:50%; bottom:1px; width:0; height:3px; background:#028c7a; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.aboutFen li a:hover:after,.aboutFen li.active a:after{ width:100%; left:0;}
.BreadNav{ background:url(../image/BreadNavbg.png) left center no-repeat; padding-left:15px; font-size:15px;}
.BreadNav a{ color:#3c3c3c;}
.BreadNav a:hover{ text-decoration:underline;}

.aboutFenm{ line-height:40px; border-bottom:1px solid #028c7a; margin-bottom:-1px;}
.aboutFenm h3{ line-height:40px; font-size:18px;}
.aboutFenBtn{ cursor:pointer;}
.aboutBox1{
	padding-bottom: 40px;
}

.aboutBox1 .container{ padding:20px 15px; font-size:0;}
.aboutBox1Img{
	width: 40%;
}.aboutBox1Con{
	width: 60%;
	float: right;
}
.aboutBox1Img,.aboutBox1Con{ display:inline-block; vertical-align:middle; }
.aboutBox1Con{ font-size:16px; color:#3c3c3c; line-height:30px; padding-left:25px;}
.aboutBox1Tit{ font-size:40px; color:#232323; line-height:180%;}

.aboutBox2Img{ position:relative;}
.aboutBox2Img .swiper-pagination-bullet{ width:20px; height:6px; background:#FFFFFF; border-radius:0; opacity:1;}
.aboutBox2Img .swiper-pagination-bullet-active{ background:#635f5f;}
.aboutBox2Img .container{ overflow:hidden; position:absolute; top:0; height:100%; left:50%; margin-left:-615px;}
.aboutBox2Conbg{ height:100%; width:40%; background:rgba(255,255,255,0.8); padding:0 40px; position:relative; z-index:1; float:right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.aboutBox2Conbg:after{ display:block; content:""; position:absolute; left:-26px; top:50%; margin-top:-26px;
width: 0;
height: 0;
border-style: solid;
border-width: 26px 26px 26px 0;
border-color: transparent rgba(255,255,255,0.8) transparent transparent;
}
.aboutBox2Con{ font-size:16px; color:#3c3c3c; line-height:30px;}
.aboutBox2Con img{ margin:0 auto;}
.aboutBox2Tit{ font-size:30px; color:#000000; padding:5px 0; line-height:150%;}
.aboutBox2ConBrief{ height:180px; overflow:hidden;}

.aboutBox2Bot{ font-size:22px; color:#5a5a5a; line-height:36px;}
.aboutBox2BotCon{ margin:55px 10px; padding:25px 280px 25px 60px; position:relative;}
.aboutBox2BotCon:before,.aboutBox2BotCon:after{ position:absolute; border-color:#e8e8e8; display:block; content:"";}
.aboutBox2BotCon:before{ left:0; top:0; width:45px; height:45px; border-width:10px; border-left-style:solid; border-top-style:solid;}
.aboutBox2BotCon:after{ right:0; bottom:0; width:27px; height:27px; border-width:6px; border-right-style:solid; border-bottom-style:solid;}
.aboutBox2BotImg img{ margin:0 auto; display:block; max-width:100%;}

.aboutBox3 .aboutBox2BotCon:before{ border-left-style:none; border-right-style:solid; left:auto; right:0;}
.aboutBox3 .aboutBox2BotCon:after{ border-right-style:none; border-left-style:solid; right:auto; left:0;}
.aboutBox3 .aboutBox2Conbg{ float:left;}
.aboutBox3 .aboutBox2Conbg:after{ left:auto; right:-26px; border-width: 26px 0 26px 26px; border-color:transparent transparent transparent rgba(255,255,255,0.8);}

.aboutBox4{ background:#f2f2f2; padding:20px 0 0;}
.aboutBox4BotImg{ margin:0 -2px; padding:50px 0 70px;}
.aboutBox4BotImg li{ padding:0 2px 5px;}
.aboutBox4BotImg li a{ display:block; height:100%; position:relative; overflow:hidden;}
.aboutBox4Img{ overflow:hidden;}
.aboutBox4Img img{ width:100%; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.aboutBox4Name{ height:40px; line-height:40px; color:#FFFFFF; font-size:16px; background:#666666; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.aboutBox4BotImg li a:hover .aboutBox4Img img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.aboutBox4BotImg li a:hover .aboutBox4Name{ background:rgb(2,140,122); color:#ffffff;}

.aboutBox4BotCon{ font-size:16px; color:#5a5a5a; line-height:30px; text-align:center;}


.historybox{ padding:65px 0 65px 415px; position:relative; min-height:556px;}
.historyLef{ position:absolute; left:73px; width:342px; height:426px; border:16px solid #efefef; padding:25px 25px 0 0; overflow:hidden;}
.historyLef:before,.historyLef:after{ display:block; content:""; border:5px solid rgb(2,140,122); position:absolute; opacity:0; width:0; height:0; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.historyLef:before{ left:0; bottom:0; border-right:none; border-top:none;}
.historyLef:after{ right:0; top:0; border-left:none; border-bottom:none;}
.now span{ display:inline-block; width:66px; height:25px; text-align:center; background:#6f1c2f; font-size:14px; color:#ffffff; font-family:'FZLTZHK'; text-transform:uppercase; line-height:25px; border-radius:4px;}
.hisLeYear{ font-family:'Haettenschweiler'; font-size:174px; line-height:174px; color:#737272;}
.hisLine{ display:inline-block; width:37px; height:5px; background:#6f1c2f; font-size:0; margin-bottom:15px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.hisLetter{ font-size:40px; color:rgb(2,140,122); font-family:'FZLTXHK';}
.hisText{ font-size:16px; color:#030303; font-family:'FZLTXHK';}
.hisName{ font-size:36px; color:#030303; font-family:'FZLTZHK';}
.historyLef:hover:before,.historyLef:hover:after{ width:100%; height:100%; opacity:1;}
.historyLef:hover .hisLine{ width:230px;}

.historyRig{}
.historyRigList{ background:url(../image/hisRigbg.jpg) 115px top repeat-y; width:83%; position:relative;}
.historyRigList:after{ display:block; content:""; position:absolute; left:114px; top:0; width:2px; height:21px; background:#ffffff;}
.historyRigList li{ position:relative; padding-left:116px;}
.hisRigYear{ display:block; width:105px; font-size:40px; color:#555562; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:right; position:absolute; left:0; top:0; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.hisRigYear:after{ display:block; content:""; width:7px; height:7px; border-radius:50%; background:#6f1c2f; position:absolute; right:-14px; top:50%; margin-top:-4px;}
.hisRigYear:before{ display:block; content:""; width:0px; height:0; border-radius:50%; position:absolute; right:-12px; top:50%; margin-top:0px; border:2px solid #9f6c78; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.hisRigCon{ font-size:16px; color:#373737; line-height:22px; border-bottom:1px solid #d4d4d4; padding:10px 0 0 15px;margin-bottom:10px;}
.historyRigList li:last-child .hisRigCon{ border:none;}
.hisRigCon img{ max-width:100%; padding:20px 0;}
.historyRigList li:hover .hisRigYear{ color:#6f1c2f;}
.historyRigList li:first-child .hisRigYear:before,.historyRigList li:hover .hisRigYear:before{ width:15px; height:15px; right:-18px; top:50%; margin-top:-8px;}

.clickMore{ margin:20px auto 0; display:block; border:1px solid #c2c2c2; color:#030303; font-size:14px; text-align:center; width:240px; height:40px; line-height:40px; border-radius:4px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.clickMore:hover,.clickMore:focus{ border-color:rgb(2,140,122); color:rgb(2,140,122);}

.strengthBox1{ padding-bottom:110px; overflow:hidden;}
.strengthBox1Con{ width:228px; height:228px; padding-top:50px; border-radius:50%; border:2px solid #9e9e9e; margin:0 auto; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.strengthBox1Con span{ font-size:80px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3d3f40; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.strengthBox1Con i{ font-style:normal; font-size:25px; color:#838383;}
.strongthBox1Name{ font-size:20px; color:#050505; line-height:150%; padding:20px 0;}

.strengthBox1List li:hover .strengthBox1Con{ border-color:#6f1c2f; box-shadow:0 0 15px 	rgba(2,140,122,1.000);}
.strengthBox1List li:hover .strengthBox1Con span{ color:#6f1c2f;}

.strengthBox2{ background:#fff;}
.strengthBox2Con .aboutBox2BotCon{ padding:25px; font-size:16px; color:#5a5a5a; line-height:30px; margin:0;}
.strengthBox2Con .aboutBox2BotImg{ padding:50px 0;}
.strengthBox2 .aboutBox2BotCon:after{ border-color:#053e6a;}
.strengthBox3 .aboutBox2BotCon:before{ border-left-style:none; border-right-style:solid; left:auto; right:0;}
.strengthBox3 .aboutBox2BotCon:after{ border-right-style:none; border-left-style:solid; right:auto; left:0; border-color:rgb(2,140,122);}

.cultureBox{ font-size:16px; color:#787878; line-height:30px;}
.cultureBox1Con{ padding-bottom:40px;}
.cultureBox1Con .aboutBox2BotCon{ padding:25px 60px; margin:0;}
.cultureBox1Con .aboutBox2BotCon:before{ border-left-style:none; border-right-style:solid; left:auto; right:0;}
.cultureBox1Con .aboutBox2BotCon:after{ border-right-style:none; border-left-style:solid; right:auto; left:0;}
.cultureBox1H3{ font-size:30px; color:#000000; font-family:"微软雅黑"; line-height:150%;}
.cultureBox1H4{ font-size:18px; color:#949494; font-family:Arial, Helvetica, sans-serif;}
.cultureLine{ display:block; width:36px; height:7px; font-size:0; background:rgb(2,140,122); margin:10px 0;}

.cultureBox3Con .aboutBox2BotCon{ padding:25px 60px; margin:0;}
.cultureBox3Con .aboutBox2BotCon:after{ border-color:rgb(2,140,122);}
.cultureBox3Con .cultureBox1H3{ padding-bottom:20px;}

.cultureBox4Con{ padding-bottom:40px;}
.cultureBox4Con .aboutBox2BotCon{ padding:25px 60px; margin:0;}
.cultureBox4Con .aboutBox2BotCon:before{ display:none;}
.cultureBox4Con .aboutBox2BotCon:after{ border-right-style:none; border-left-style:solid; right:auto; left:0;}
.cultureBox4Con .cultureBox1H3{ padding-bottom:20px;}


.cultureBox5{ background:#f4f4f4; position:relative; padding:120px 0 150px;}
.cultureBox5Con{ width:50%; padding-right:70px;}
.cultureBox5H3{ font-size:36px; color:#010101; padding-bottom:10px;}
.cultureBox5H4{ font-size:20px; color:#323232;}
.cultureBo5Line{ display:block; width:109px; height:1px; background:#2e2e2e; font-size:0; margin:20px 0;}
.cultureBox5H5{ font-size:26px; color:#000000; padding-bottom:20px;}
.cultureBox5Img{ position:absolute; width:50%; left:50%; top:0; height:100%;}
.cultureBox5Img img{ height:100%; width:auto;}

.cultureBox6shadow{ position:absolute; left:0; top:-100%; width:100%; height:100%; background:rgba(0,0,0,0.6); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.cultureBox6Name{ position:absolute; left:0; top:100%; width:100%; height:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition:all 0.3s ease 0.2s; -webkit-transition:all 0.3s ease 0.2s;
}
.cultureBox6Name h3{ font-size:20px; color:#ffffff;}
.cultureBox6Ico{ position:absolute; left:-30px; bottom:-30px; width:27px; height:27px; border-left:7px solid #ffffff; border-bottom:7px solid #ffffff; transition:all 0.3s ease 0.4s; -webkit-transition:all 0.3s ease 0.4s;}

.cultureBox6List li a:hover .cultureBox6shadow{ top:0;}
.cultureBox6List li a:hover .cultureBox6Name{ top:0;}
.cultureBox6List li a:hover .cultureBox6Ico{ left:30px; bottom:25px;}

.honourTop{ padding:50px 0 0; font-size:18px; color:#3c3c3c; line-height:180%;}
.honourTop h3{ font-size:30px; color:#2d2d2d; font-family:"FZLTZHK"; padding-bottom:15px;}

.classifysub{ font-size:0; padding:40px 0;}
.classifysub li{ padding:0; margin:0; font-size:20px; padding:0 22px 9px; margin-bottom:6px; position:relative;}
.classifysub li:after{ display:block; content:""; position:absolute; left:50%; margin-left:-8px; bottom:0px; opacity:0;
	width:0; 
    height:0; 
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:9px solid #313438;
	transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;
}
.classifysub li a{ display:block; font-size:20px; color:#2d2d2d; padding:5px 55px; line-height:36px; background:#eaeaeb; border-radius:4px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.classifysub li:hover a,.classifysub li.active a{ background:#313438; color:#ffffff;}
.classifysub li:hover:after,.classifysub li.active:after{ opacity:1;}

.honourList{ margin:0 -17px;}
.honourList li{ padding:0 17px 30px;}
.honourImg{ border:10px solid #d7d4d4;overflow: hidden;}
.honourImg img{ margin:0 auto; width:100%;	transition: 400ms ease-in-out;
    -moz-transition: 400ms ease-in-out;
    -webkit-transition: 400ms ease-in-out;
    -o-transition: 400ms ease-in-out;}
.honourName{background: #d7d4d4;margin-top: 1px; font-size:16px; color:#000000; line-height:30px; text-align:center; height:50px; overflow:hidden; padding:10px;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.honourList li:hover  .honourImg{
	border: 10px solid #028c7a;
}.honourList li:hover  .honourName{
	background: #028c7a;
	color: #fff;
}.honourList li:hover  img{
	transition: 400ms ease-in-out;
    -moz-transition: 400ms ease-in-out;
    -webkit-transition: 400ms ease-in-out;
    -o-transition: 400ms ease-in-out;
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.artlistBox{ padding-bottom:50px;}
.artlistTop{ margin:0 -10px;}
.artlistTop li{ padding:0 10px 10px;}
.artlistTop li a{ display:block; height:100%; position:relative;}
.artlistTopImg{ overflow:hidden;}
.artlistTopImg img{ width:100%; transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s;}
.artlistTopText{ background:#e9eaeb; padding:10px 25px 0; font-size:16px; color:#787878;}
.artlistTopText h3{ font-size:22px; color:#2d2d2d; line-height:32px; height:64px; overflow:hidden; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.artlistTopText p{ line-height:36px; font-family:Arial, Helvetica, sans-serif;}

.artlistTop li a:hover .artlistTopImg img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.artlistTop li a:hover .artlistTopText h3{ color:rgb(2,140,122);}

.artlistBot{ padding:40px 0 20px;}
.artlistBot li{ margin:0; padding:5px 0 7px; border-bottom:1px dashed #969696;}
.artlistBot li a{ display:block; height:100%; padding:25px 15px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.artlistBot li a .media-left{ padding-right:35px;}
.artlistBotImg{ width:329px; height:209px; overflow:hidden;}
.artlistBotImg img{ max-width:329px; max-height:209px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.artlistBot li a .media-heading{ margin:10px 0;}
.artlistBotTime{ font-size:12px; color:#1f1f1f; font-family:Arial, Helvetica, sans-serif; padding-left:10px;}
.artlistBotTime strong{ font-weight:normal; font-size:18px;}
.artlistTit{ font-size:22px; color:#1f1f1f; line-height:28px; max-height:56px; overflow:hidden; display:block; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.artlistCon{ font-size:15px; color:#787878; line-height:26px; height:78px; overflow:hidden; margin:0 0 20px;}
.detailBtn{ font-size:14px; color:#ffffff; background:#bcbcbd; width:136px; height:36px; line-height:36px; border-radius:4px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.artlistBot li a:hover{ background:#f2f2f2;}
.artlistBot li a:hover .artlistBotImg img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.artlistBot li a:hover .artlistTit{ color:#028b79;}
.artlistBot li a:hover .detailBtn{ background:#028b79; color:#ffffff;}

.pagebox > li > a{ background:#d7d7d7; color:#ffffff; border-radius:0 !important; margin:0 2px; border:none;}
.pagebox > .active > a, .pagebox > .active > a:focus, .pagebox > .active > a:hover{ background:#3c4145;}
.pagebox > li > a:focus, .pagebox > li > a:hover{ color:rgb(2,140,122);}

.articleTop{ background:#f7f7f7; padding:0 25px; margin-top:40px;}
.artcleTit{ font-size:24px; color:#000000; line-height:150%; padding:10px 0; border-bottom:1px dashed #cbcbcb;}
.articleTime{ text-align:center; line-height:24px; color:#969696; font-size:0; padding:15px 0;}
.articleTime span{ display:inline-block; vertical-align:middle; font-size:14px;}
.articleShare{ display:inline-block; vertical-align:middle; padding-left:30px;}
.artcleShareList{ display:inline-block; vertical-align:middle;}
.artcleShareList li{ vertical-align:middle;}
.artcleShareList li a{ display:block; width:34px; height:25px; background-position:center center; background-repeat:no-repeat;}
.artcleShareIco1{ background-image:url(../image/articleShareIco1.jpg);}
.artcleShareIco2{ background-image:url(../image/articleShareIco2.jpg);}
.artcleShareIco3{ background-image:url(../image/articleShareIco3.jpg);}
.articleBot{ padding:30px 48px; font-size:14px; color:#3c3c3c; line-height:26px;}
.artlistBox img{max-width: 100% !important;}
.articlePager{ padding:30px 0 0; border-top:1px solid #d3d3d3;}
.articlePaerLef{ font-size:14px; color:#3c3c3c; line-height:30px;}
.articlePaerLef a{ color:#3c3c3c; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.articlePaerLef a:hover{ color:rgb(2,140,122);}
.articleReturn{ margin-top:10px; display:block; width:100px; height:36px; line-height:36px; background:#babbbb; border-radius:4px; color:#ffffff; float:right; font-size:14px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.articleReturn img{ margin-top:-1px;}
.articleReturn:hover{ color:#ffffff; background:rgb(2,140,122);}


.proTopBox{ background:#f3f3f3; border-bottom:1px solid #e1e1e1;}
.proTop{ font-size:0;}
.proTop li{ font-size:18px; margin:0; padding:0; width:14.2%; vertical-align:top;}
.proTop li a{ padding:45px 0 55px; display:block; position:relative; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.proTopImg{ text-align:center; padding:10px 0;}
.proTopImg i{
	font-size: 60px;    color: #ababab;
}
.proTopImg img{ margin:0 auto;}
.proTopName{ color:#1f1f1f; font-size:18px; margin:0;}
.proTop li a:after{ display:block; content:""; position:absolute; left:50%; bottom:-25px; margin-left:-11px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;
width:0; 
height:0; 
border-left:11px solid transparent;
border-right:11px solid transparent;
border-top:10px solid #ffffff;
}
.proTop li.active a,.proTop li a:hover{ background:#c7c7c7;}
.proTop li.active a:after,.proTop li a:hover:after{ bottom:25px;}
.proTop li.active a img.shows,.proTop li a:hover img.shows{ display:none;}
.proTop li.active a img.hides,.proTop li a:hover img.hides{ display:block;}

.proBox{ border-bottom:1px solid #eae9e9; padding:30px 0;}
.proBoxCon{ padding:0 80px 0 50px; position:relative;}
.proBoxCon:after{ display:block; content:""; position:absolute; left:0; top:0; width:27px; height:27px; border:7px solid #d8d8d8; border-right:none; border-bottom:none;}
.proBoxTit{ padding:25px 0;}
.proTitEn{ overflow:hidden; display:block; vertical-align:bottom;}
.proTitEn span{ font-size:18px; color:#282828; display:inline-block; position:relative;}
.proTitEn span:after{  display:block; content:""; width:67px; height:1px; background:#000000; font-size:0; position:absolute; right:-75px; top:50%;}
.proTit{ padding-top:10px;}
.proTit h3{ display:inline; font-size:34px; color:#000000; font-family:"FZLTZHK"; padding-right:15px;}
.proTit span{ padding:0 30px; font-size:20px; color:#080808;}
.proBox1Text{ font-size:14px; color:#727272; line-height:24px; padding:10px 0 30px;}


.proBoxTit2{ overflow:hidden; padding:10px 0 40px;}
.proBoxTit2 h3{ float:left; font-size:26px; color:#000000; padding-right:10px;}
.proBoxTit2 span{ float:left; font-size:16px; color:#b7b7b7; position:relative;}
.proBoxTit2 span:after{ position:absolute; left:0; bottom:-5px; width:44px; height:2px; font-size:0; background:#b5afaf; display:block; content:"";}

.proBox2Con{}
.proBox2ConList{ margin:0 -5px;}
.proBox2ConList li{ padding:0 5px 10px;}
.proBox2ConList li a{ display:block; height:100%; position:relative; overflow:hidden;}
.proBox2Img img{ width:100%;}
.proBox2Name{ position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; text-align:center; font-size:20px; color:#ffffff;}
.proBox2Name span{ display:inline-block; min-width:256px; padding:10px; line-height:32px; background:rgba(0,0,0,0.3); border-radius:5px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.proBox2Shadow{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.proBox2Ico{ position:absolute; left:50%; top:100%; margin-left:-16px; width:32px; height:32px; background:url(../image/proBox2Ico.png) center center no-repeat; background-size:cover; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.proBox2ConList li a:hover .proBox2Name span{ font-size:30px; background:rgba(0,0,0,0);}
.proBox2ConList li a:hover .proBox2Shadow{ background:rgba(0,0,0,0.7);}
.proBox2ConList li a:hover .proBox2Ico{ top:68%;}

.gray{ background:#f3f3f3;}

.proBox3 .proBox2ConList{ margin:0 -30px;}
.proBox3 .proBox2ConList li{ padding:0 30px 20px;}

.proBox4Con{ position:relative; padding-bottom:30px;}
.proBox4Img{ padding-left:65px;}
.proBox4Text{ position:absolute; right:0; top:95px; width:457px; height:286px; padding:40px 55px 0;}
.proBox4Text h3{ font-size:30px; color:#050505; line-height:150%;}
.proBox4Brief{ font-size:14px; color:#787878; line-height:24px; margin:10px 0 20px; max-height:120px; overflow:hidden;}
.proBox4More{ font-size:0;}
.proBox4More span{ display:inline-block; vertical-align:middle; color:#ffffff; text-align:center; height:38px; line-height:38px;}
.proBox4More span.more{ font-size:14px; text-transform:uppercase; width:125px; background:#53555d; position:relative;}
.proBox4More span.more i{ font-style:normal; position:relative; z-index:1;}
.proBox4More span.more:after{ position:absolute; right:0; top:0; width:0; height:100%; background:#393d48; display:block; content:""; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; z-index:0;}
.proBox4More:hover span.more:after{ width:100%;}
.proBox4More span.add{ font-size:20px; width:38px; background:#393d48;}

.BreadNavBg{ padding:30px 0;}

.pro02BoxToplef{ float:left; width:53.5%;}
.pro02BoxToplefTop .swiper_con img{ width:100%;}
.pro02BoxToplefBot{ padding:10px 20px; position:relative;}
.pro02BoxToplefBot .swiper-slide-active img{ border:1px solid #aa213f;}
.pro02BoxTopBtn1,.pro02BoxTopBtn2{ position:absolute; top:50%; font-size:30px; color:#787878; display:block; transform:translateY(-50%); -webkit-transform:translateY(-50%); cursor:pointer;}
.pro02BoxTopBtn1{ left:0;}
.pro02BoxTopBtn2{ right:0;}
.proshare{ font-size:0; padding:20px 0;}
.proshare span,.proshare a{ color:#939598; display:inline-block; vertical-align:middle; margin-right:5px;}
.proshare span{ font-size:16px;}
.proshare a{ width:20px; height:20px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.proshare1{ background-image:url(../image/proshareico1.jpg);}
.proshare2{ background-image:url(../image/proshareico2.jpg);}
.proshare3{ background-image:url(../image/proshareico3.jpg);}

.pro02BoxToprig{ float:right; width:43.75%;}
.pro02BoxTopName{ font-size:30px; color:#090909; padding-bottom:15px; border-bottom:1px solid #2a2a2a;}
.pro02BoxTopBrief{ margin:0 -5px; font-size:14px; color:#0a0606; line-height:28px; padding:20px 0 0;}
.pro02BoxTopBrief li{ padding:0 5px 10px;}
.pro02BoxTopBrief li i{ display:inline-block; vertical-align:middle; font-style:normal;}
.material{ padding:3px 10px;}
.procolor{ display:inline-block;}
.procolor span{ border:1px solid #4c4c4c; width:36px; height:24px; display:inline-block; vertical-align:middle;}

.proadvice{ display:block; width:215px; height:48px; line-height:48px; background:#aa213f; border-radius:4px; color:#ffffff; font-size:20px; text-align:center; margin:15px 0;}
.proadvice:hover,.proadvice:focus{ color:#ffffff;}
.pro02BoxTopCon{ font-size:12px; color:#969696; line-height:24px;}
.pro02BoxTopCon p strong{ font-size:16px; color:#5d5b5b; font-weight:normal;}

.pro02BoxBotNav{ background:#d6d6d6; margin-bottom:40px;}
.pro02BotNav{ font-size:0; margin:0; padding:0;}
.pro02BotNav li{ margin:0; padding:0; min-width:20%; text-align:center; font-size:18px; color:#212020; line-height:66px; border-left:1px solid #c8c8c8; position:relative; cursor:pointer; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro02BotNav li:first-child{ border-left:none;}
.pro02BotNav li:after{ position:absolute; left:50%; margin-left:-10px; bottom:0; opacity:0; display:block; content:"";
width:0; 
height:0; 
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:11px solid #1c1d21;
transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;
}
.pro02BotNav li.active{ background:#1c1d21; color:#ffffff;}
.pro02BotNav li.active:after{ opacity:1; bottom:-11px;}
.pro02BotNav li:hover{ background:#1c1d21; color:#ffffff;}
.pro02BoxBotCon{ font-size:16px; color:#5a5a5a; line-height:24px;}
.pro02BoxBotCon .swiper-slide{ color:#5a5a5a;}
.pro02BoxBotConText{ padding:0 0 30px;}
.pro02BoxBotConText img{ margin:10px auto; max-width:100%;}
.pro02BoxTit{ font-size:30px; color:#3d3d3d; line-height:200%; padding:20px 0 10px;}
.pro02BoxBrief{ font-size:16px; color:#5a5a5a; line-height:24px; padding:0 26.5% 30px;}
.pro02BotImg3{ padding-bottom:20px;}
.pro02BotImg3 li{ padding-bottom:15px;}
.pro02BotImg3Con{ font-size:14px; color:#5a5a5a; line-height:24px; padding:0 23%;}
.pro02BotImg3Con h4{ font-size:26px; color:#3d3d3d; line-height:180%;}
.pro02BotImg5{ border-top:1px solid #bebebe; border-bottom:1px solid #bebebe; font-size:0; padding:30px 0;}
.pro02BotImg5Con{ display:inline-block; vertical-align:middle; width:50%; padding:0 5%; font-size:16px; text-align:center;}
.pro02BotImg5Con h4{ font-size:30px; color:#3d3d3d; line-height:150%; padding:10px 0;}
.pro02BotImg5 img{ display:inline-block; vertical-align:middle; width:50%;}

.proBoxConImg{ margin:0 -4px;}
.proBoxConImg li{ padding:0 4px 8px;}
.proBoxConImg li img{ width:100%;}
.proBox1.gray .proBoxConImg{ margin:0 -14px;}
.proBox1.gray .proBoxConImg li{ padding:0 14px 14px;}
.pro3More{ font-size:16px; width:120px; height:42px; line-height:42px; background:#f4f4f4; border:1px solid #e5e5e5; display:block; margin:15px auto; text-align:center; color:#787878; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro3More:hover,.pro3More:focus{ color:#fff; background:rgb(2,140,122);}
.pro04bg{
	padding-top: 50px;
}
.pro04bg .BreadNav{ padding-top:10px; padding-bottom:10px;display: none;}
.pro04bg .mTitbg{ padding-top:10px;}
.pro04List{ margin:0 -8px; padding-bottom:30px;}
.pro04List li{ padding:0 8px 30px;}
.pro04List li a{ display:block; height:100%; background:#ffffff; border:1px solid #e5e5e5; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro04Img{ overflow:hidden;}
.pro04Img img{ width:100%; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro04Con{ border-top:1px solid #e5e5e5; padding:15px 20px; position:relative;}
.pro04Con:after{ display:block; content:""; position:absolute; right:20px; top:40%; margin-top:-13px; width:26px; height:26px; border-radius:50%; border:1px solid rgb(2,140,122); text-align:center; font-size:26px; color:rgb(2,140,122); font:normal normal normal 22px/24px FontAwesome; content: "\f105"; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro04Name{ font-size:20px; color:#323232; line-height:36px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro04NameEn{ font-size:12px; color:#bebebe; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;}

.pro04Text{ font-size:16px; color:#787878; line-height:26px;}

.pro04List li a:hover{ border-color:rgb(2,140,122);}
.pro04List li a:hover .pro04Img img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.pro04List li a:hover .pro04Name{ color:rgb(2,140,122);}
.pro04List li a:hover .pro04Con:after{ right:10px;}

.advantageBg{ padding-top:60px; border-bottom:1px solid #dfdfdf;}
.advantageBg01{ padding-top:0;}
.advantageTop{ position:relative; font-size:20px; color:#7c7a7a; line-height:30px; padding:25px 280px 25px 40px;}
.advantageTit{ font-size:28px; color:#323232; line-height:50px;}
.advantageNum{ position:absolute; right:60px; top:0; color:#f4f4f4; font-size:180px; font-family:Arial; line-height:180px; font-weight:bold; z-index:-1;}
.advantageTop:after{ border-color:rgb(2,140,122);}

.advantageCon{ padding:0 50px 20px 39%; color:#646363; line-height:26px; position:relative;}
.advantageConImg{ position:absolute; left:50px; top:-110px; width:32.7%;}
.advantageConImg img{ border:10px solid #ffffff; margin:0 auto; position:relative; z-index:1;}
.advantageMaterial{ font-family:"FZLTZHK"; font-size:36px; color:#000000; position:relative; line-height:160%;}
.advantageMaterialEn{ position:absolute; top:20px; left:100px; font-size:118px; line-height:118px; color:#787878; opacity:0.07; text-transform:uppercase; font-weight:bold;}
.advantageClassify{font-family:'FZLTXHK'; font-size:20px; color:#2c2c2c; line-height:160%;}

.advantageBg.odd .advantageCon{ padding:0 39% 20px 50px;}
.advantageBg.odd .advantageConImg{ left:auto; right:50px;}

.advantageBg02 .advantageMaterialEn{ font-size:50px; line-height:50px;}
.advantageBg03 .advantageMaterialEn{ font-size:80px; line-height:80px;}

.advantageList{ font-size:15px; padding:30px 50px;}
.advantageList li{ padding-bottom:15px;}
.advantageList li img{ margin:0 auto;}
.advantageList li h6{ font-size:17px; color:#000000;}
.advantageList li p{ width:190px; margin:0 auto;}

.advantageBg04 .advantageList li img{ border:6px solid #ffffff;}
.advantageBg04 .advantageList li p{ width:100%; color:#3f3d3d;}

.advantage02{ font-size:14px; color:#7c7a7a; line-height:28px;}
.advantage02List{ margin:0 -33px; font-size:0;}
.advantage02List li{ display:inline-block; vertical-align:top; width:25%; padding:0 33px 10px; font-size:14px; color:#2b2a2a; line-height:24px;}
.advantage02Img{ overflow:hidden;}
.advantage02Img img{ margin:0 auto; width:100%;}
.advantage02Name{ padding:10px 0; border-bottom:1px solid #000000; font-size:16px; color:#050505; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.advantage02Name img{ padding-right:5px; vertical-align:middle;}
.advantage02List li p{ padding:0 5px; min-height:106px;}

.advantage02List li:hover .advantage02Img img{
	animation:pulse 1.5s infinite;
    -webkit-animation:pulse 1.5s infinite;}
.advantage02List li:hover .advantage02Name{ color:rgb(2,140,122);}

.solution{ color:#5a5a5a;}
.solutionTop{ font-size:16px; line-height:150%;}
.solutionTopList{ font-size:0; margin:0 -24px; padding:30px 0;}
.solutionTopList li{ display:inline-block; vertical-align:top; width:20%; padding:0 24px 15px; font-size:16px; border-radius: 50%;}
.solutionTopList li a{ display:block; height:100%; border:1px solid #c7c9cc; padding:20px 0 30px; border-radius: 50%; color:#000000; position:relative; overflow:hidden;}
.solutionTopList li a:after{ position:absolute; left:0; top:100%; width:100%; height:100%; background:rgba(0,0,0,0.9); display:block; content:""; z-index:-1; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.solutionTopIco{ padding:40px 0 20px;}
.solutionTopIco img{ margin:0 auto;}
.solutionTopIco i{font-size: 60px;}
.solutionTopList li a:hover,.solutionTopList li a.active{ color:#ffffff;}
.solutionTopList li a:hover img.shows,.solutionTopList li a.active img.shows{ display:none;}
.solutionTopList li a:hover img.hides,.solutionTopList li a.active img.hides{ display:block;}
.solutionTopList li a:hover:after,.solutionTopList li a.active:after{ top:0;}

.solutionBotList li{ font-size:0;}
.solutionImg{ float:left; width:50%; overflow:hidden;}
.solutionImg img{}
.solutionConbg{ float:left; width:50%; padding:100px 0 20px 80px; font-size:14px; color:#787878; line-height:30px; position:relative;}
.solutionBotList li:nth-child(2n) .solutionConbg:after{ position:absolute; right:30px; bottom:0; width:36px; height:36px; display:block; content:""; border:9px solid #dfdfdf; border-top:none; border-left:none;}
.solutionCon{ max-width:600px;}
.solutionBotTit{ position:relative; font-size:25px; color:#2b2b2b; border-top:1px solid #000000; display:inline-block; padding:10px 0 20px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.solutionBotTit span{ font-size:100px; color:#eeeeee; position:absolute; left:0; top:-50px; z-index:-1; font-weight:bold;}
.solutionBotIco{ width:16px; height:11px; background:url(../image/solutionBotIco.png) center center no-repeat; background-size:cover; margin:10px 0; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.solutionBotList li:nth-child(2n) .solutionImg{ float:right;}
.solutionBotList li:nth-child(2n) .solutionConbg{ padding:100px 80px 20px 0;}
.solutionBotList li:nth-child(2n) .solutionConbg .solutionCon{ float:right;}

.solutionBotList li:hover .solutionBotTit{ color:rgb(2,140,122);}
.solutionBotList li:hover .solutionBotIco{ transform:translateX(10px); -webkit-transform:translateX(10px);}

.caseTop{ font-size:0; padding:35px 0; margin-left:-1px;}
.caseTop li{ display:inline-block; vertical-align:top; width:16.66%; text-align:center; font-size:14px; border-left:1px solid #ffffff; margin-bottom:1px;}
.caseTop li a{ display:block; line-height:40px; background:#f4f3f3; color:#1b1b1b;}
.caseTop li a:hover{ color:rgb(2,140,122);}
.caseTop li.active a{ background:rgb(2,140,122); color:#fff;}

.caseBot{ margin:0 -21px;}
.caseBot li{ padding:0 21px 10px;}
.caseBot li a{ display:block; height:100%;}
.caseImg{ overflow:hidden; position:relative;}
.caseImg img{ width:100%;}
.caseBg{ position:absolute; left:0; top:-100%; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.caseText{ position:absolute; left:0; top:200%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; font-size:14px; color:#dadada; line-height:26px; padding:0 25px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.caseLine{ position:absolute; left:50%; bottom:0; width:0; height:6px; background:rgb(2,140,122); transition:all 0.3s ease-in 0.3s; -webkit-transition:all 0.3s ease-in 0.3s;}
.caseName{ font-size:18px; color:#040404; line-height:50px;}
.caseName i{ color:rgb(2,140,122); padding-right:10px;}

.caseBot li a:hover .caseBg{ top:0;}
.caseBot li a:hover .caseText{ top:50%;}
.caseBot li a:hover .caseLine{ left:0; width:100%;}
.caseWindow{ display:none;}

.caseMore{ display:block; border:1px solid #b1bcbf; width:150px; margin:0 auto; border-radius:4px; color:#868686; font-size:14px; padding:10px 0 5px; margin:30px auto 50px; transition:all 0.3s ease-in 0.3s; -webkit-transition:all 0.3s ease-in 0.3s;}
.caseMore i{ font-size:22px;}
.caseMore:hover,.caseMore:focus{ border-color:rgb(2,140,122); color:rgb(2,140,122);}

.caseWinBg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9; display:none;}
.caseWinBox{ border:10px solid rgba(255,255,255,0.39); z-index:10; position:fixed; left:50%; width:1000px; margin-left:-500px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); border-radius:10px; display:none;}
.caseClose{ position:absolute; right:-25px; top:-25px; text-align:center; line-height:35px; z-index:11; display:block; width:35px; height:35px; background:#FFFFFF; border-radius:50%; font-size:35px; color:#000000; font-family:"黑体"; cursor:pointer; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.casewinTop{ background:#FFFFFF; position:relative;}
.casewinTop img{ max-width:100%; min-width:100%; max-height:667px; margin:0 auto;}
.casewinTopName{ font-size:16px; color:#e6e6e6; line-height:38px; background:rgba(0,0,0,0.78); padding:0 45px; position:absolute; left:0; width:100%; bottom:0; text-align:left;}
.casewinBot{ padding:10px 45px 20px; position:relative; background:#FFFFFF;}
.casewinBot img{ padding:4px; border:1px solid #c7c7c7;}
.casewinBot .swiper-slide-active img{ border-color:rgb(2,140,122);}
.casewinBtn1,.casewinBtn2,.casewinBtn3,.casewinBtn4{ position:absolute; top:50%; font-size:30px; color:#787878; display:block; width:35px; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); cursor:pointer; z-index:1;}
.casewinBtn1,.casewinBtn3{ left:0;}
.casewinBtn2,.casewinBtn4{ right:0;}
.casewinBtn3,.casewinBtn4{ display:none;}


.serviceBox{ padding:50px 0 20px 0;}
.serviceTit{ padding:30px 0;}
.serviceTitH2{ font-size:32px; color:#000000;}
.serviceTitH2 img{ vertical-align:middle; margin-right:10px;}
.searchbox{ width:42.75%; margin-left:55px;}
.searchbox input,.searchbox .btn{ border-color:#c1c3c6; height:42px;}
.searchbox input{ background:#FFFFFF; border-top-left-radius:2px; border-bottom-left-radius:2px; font-size:14px; color:#959494; box-shadow:none; appearance:none; -webkit-appearance:none;}
.searchbox input:focus{ box-shadow:none; border-color:#c1c3c6;}
.searchbox .btn{ background:#e3e3e3; border-top-right-radius:2px; border-bottom-right-radius:2px; padding:6px 35px; font-size:14px; color:#777373;}

.serviceTop{ font-size:0; margin:0; padding:30px 0;}
.serviceTop li{ display:inline-block; vertical-align:top; width:20%; padding-bottom:20px;}
.serviceTop li a{ display:block; height:100%; font-size:14px; color:#888787;}
.serviceTopIco{ display:inline-block; border-radius:50%; border:1px solid #c0c0c0; margin:0 auto; position:relative; overflow:hidden; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.serviceTopIco > img{ padding:55px; margin:0 auto; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.serviceTopIcoHov{ position:absolute; left:0; top:0; width:100%; height:100%;}
.serviceTopIcoHov > img{ padding:55px; margin:0 auto; transform:translateY(-100%); -webkit-transform:translateY(-100%); transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s;}
.serviceTopName{ font-size:24px; color:#0d0d0d; padding:5px 0; margin-top:20px;}
.serviceTop li a:hover .serviceTopIco{ background:#3e4347;}
.serviceTop li a:hover .serviceTopIco > img{ transform:translateY(-100%); -webkit-transform:translateY(-100%);}
.serviceTop li a:hover .serviceTopIcoHov > img{ transform:translateY(0%); -webkit-transform:translateY(0%);}

.serviceCen{ padding:0 0 20px;}
.serviceCen li{ padding-bottom:20px;}
.serviceCen li a{ display:block; height:100%; position:relative; overflow:hidden;}
.serviceCenImg{ overflow:hidden;}
.serviceCenImg img{ width:100%; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.serviceCenShadow{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.serviceCenText{ position:absolute; left:0; top:-50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); opacity:0; width:100%; font-size:14px; color:#ffffff; line-height:180%; text-align:center; padding:0 15px 0 35px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.serviceLine{ position:absolute; left:50%; bottom:0; width:0; height:4px; background:rgb(2,140,122); font-size:0; transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s;}
.serviceCenName{ position:absolute; left:0; width:100%; text-align:center; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:22px; color:#ffffff; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.serviceCenName i{ width:22px; height:22px; border-radius:50%; font-size:16px; color:#000000; text-align:center; line-height:22px; margin-left:20px; background:#ffffff;}
.serviceCen li a:hover .serviceCenImg img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.serviceCen li a:hover .serviceCenShadow{ background:rgba(0,0,0,0.7);}
.serviceCen li a:hover .serviceLine{ left:0; width:100%;}
.serviceCen li a:hover .serviceCenText{ top:50%; opacity:1;}
.serviceCen li a:hover .serviceCenName{ top:150%; opacity:0;}

.serviceBot{ padding:50px 0;}
.serviceBotTit{ border-bottom:1px solid #e1e1e1; padding:20px 0;}
.serviceBotTit h2{ float:left; font-family:"FZLTZHK"; font-size:25px; color:#000000;}
.serviceBotTit a{ float:right; padding-top:5px; font-size:14px; color:#9c9797;}
.serviceBotTit a:hover{ color:#6f1c2f;}

.serviceBotLef{ padding-right:35px;}
.serviceBotLefList{}
.serviceBotLefList li{ padding:4px 0; border-bottom:1px solid #e1e1e1;}
.serviceBotLefList li a{ display:block; position:relative; padding:0 10px 0 20px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.serviceBotLefList li a:before{ display:block; content:""; position:absolute; left:0; top:50%; width:6px; height:0; background:#6f1c2f; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.serviceBotLefList li span{ font-size:16px; color:#000000; line-height:62px;}
.serviceBotLefList li i{ float:right; font-size:13px; color:#aeaeae; width:22px; height:22px; line-height:22px; border-radius:50%; border:1px solid #d6d6d6; text-align:center; margin-top:20px; margin-left:10px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}


.serviceBotLefList li a:hover{ background:#f4f4f4;}
.serviceBotLefList li a:hover:before{ height:100%; top:0;}
.serviceBotLefList li a:hover i{ background:#3e4347; color:#ffffff; border-color:#3e4347;}

.serviceBotRig{ padding-left:35px;}
.serviceBotRig .serviceBotLefList li i{ border:none; border-radius:0; font-size:22px;}
.serviceBotRig .serviceBotLefList li a:hover i{ background:none; color:#3e4346;}


.serviceBread{ padding:10px 0 30px;display: none;}
.serviceH2{ font-size:30px; color:#3d3d3d;}
.serviceWrap{ font-size:16px; color:#424141; line-height:30px; background:#ffffff;}
.serviceBrief{ padding:40px 0;}

.service01{ padding:20px 20px 60px; margin-bottom:50px;}
.serviceForm{ width:60%; margin:0 auto 50px;}
.serviceForm .form-group{ margin-bottom:25px;}
.serviceForm .control-label{ font-size:17px; color:#333333; padding-top:0;}
.serviceForm .form-control{ border-color:#c9c9c9; box-shadow:none; resize:none; appearance:none; -webkit-appearance:none;}
.selectBox{ padding:0; position:relative; z-index:1;}
.serviceSub{ background:rgb(2,140,122); border:none; color:#FFFFFF; font-size:16px; width: 185px;    border-radius: 0px;
    height: 54px; line-height:54px;  padding:0;}
.serviceSub:hover,.serviceSub:focus,.serviceSub:active,.serviceSub:active:focus{ background:#017162; color:#FFFFFF;}

.service03{ padding:60px 75px;}

.serDown{ margin:0 -30px;}
.serDown li{ padding:0 30px 25px;}
.serDown li a{ display:block; position:relative; border:1px solid #c1c3c6; padding:15px 60px 15px 100px; font-size:16px; color:#1b1b1b; line-height:38px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.serDownIco{ position:absolute; left:0; top:0; width:76px; border-right:1px solid #c1c3c6; height:100%; background:url(../image/downIco.png) center center #1d2228 no-repeat;}
.serPdf{ position:absolute; right:20px; top:0; width:30px; height:100%; background:url(../image/pdf.png) center center no-repeat;}
.serDown li a:hover{ border-color:rgb(2,140,122); color:rgb(2,140,122);}

.service03 .pagebox > li > a{ padding:4px 10px;}

.service04{ padding:40px 30px;}
.questionList li{ padding-bottom:10px;}
.questionList li h3{ background:#f5f5f5; height:44px; padding:0 40px 0 50px; position:relative; cursor:pointer;}
.questionList li h3 span.ellipsis{ line-height:44px; font-size:16px; color:#303030;}
.questionList li h3 span.text-uppercase{ position:absolute; left:0; top:0; height:100%; line-height:44px; width:50px; display:block; text-align:center; font-weight:bold; font-size:28px; color:#303030; font-family:Arial;}
.questionIco{ position:absolute; right:20px; top:13px; display:block; width:19px; height:19px; text-align:center; line-height:19px; font-size:14px; color:#FFFFFF; background:#222c36; font-style:normal;}
.questionCon{ padding:35px 20px 45px 50px; position:relative; font-size:14px; color:#434343; line-height:26px; display:none;}
.questionCon span.text-uppercase{ position:absolute; left:0; top:25px; width:50px; text-align:center; font-weight:bold; font-size:28px; color:#303030; font-family:Arial;}


.careTop{ display:block; height:100%; padding-bottom:35px;}
.careTop .media-left{ padding-right:40px;}
.careTop .media-left img{ max-width:387px;}
.careTop .media-heading{ font-size:22px; color:#1f1f1f; line-height:180%;}
.careBreif{ font-size:15px; color:#787878; line-height:26px; margin:10px 0 20px; height:78px; overflow:hidden;}
.careMore{ display:block;     width: 185px;
    height: 54px; line-height:54px; background:#1d2228; font-size:16px; color:#FFFFFF; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.careMore:hover{ background:rgb(2,140,122);}

.careList{}
.careList li{ border-top:1px dotted #b9b9b9;}
.careList li a{ font-size:16px; color:#1f1f1f; padding:10px 15px; line-height:40px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.careList li a i{ float:right; line-height:40px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.careList li a:hover{ color:rgb(2,140,122);}
.careList li a:hover i{ transform:translateX(5px); -webkit-transform:translateX(5px);}

.careTit{ font-size:25px; color:#181717; line-height:180%; text-align:center;}
.careShare{ padding:10px 0; text-align:center; border-bottom:1px dotted #b9b9b9;}
.careShare .jiathis_style{ display:inline-block; font-size:14px; color:#9f9f9f; overflow:hidden;}
.careText{ padding:20px 10px; font-size:14px; color:#5a5a5a; line-height:24px;}
/*.careText p{ text-indent:2em;}*/
.careBack{ display:block; width:120px; height:42px; line-height:42px; background:#f4f4f4; border:1px solid #e5e5e5; text-align:center; font-size:16px; color:#787878; margin:0 auto; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.careBack:hover,.careBack:focus{ background:rgb(2,140,122); color:#FFFFFF;}

.policy{ position:relative; padding-left:297px; font-size:15px; color:#787878; line-height:26px;}
.policyLef{ position:absolute; left:0; top:0; height:100%; width:297px; border-right:1px solid #d7d7d7;}
.policyLefItem{}
.policyLefItem li{ border-bottom:1px solid #d7d7d7;}
.policyLefItem li a{ display:block; font-size:20px; color:#000000; padding:15px 0; line-height:50px; position:relative;}
.policyLefItem li a:after{ display:block; content:""; position:absolute; right:0px; top:50%; margin-top:-9px; opacity:0;
width:0; 
height:0; 
border-top:9px solid transparent;
border-bottom:9px solid transparent;
border-left:7px solid #032c4d;
transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;
}
.policyLefItem li a:hover,.policyLefItem li a.active{ background:#032c4d; color:#ffffff;}
.policyLefItem li a.active:after{ right:-7px; opacity:1;}

.policyRigTit{ text-align:center; font-size:18px; border-bottom:1px solid #d7d7d7; line-height:40px; cursor:pointer;}
.policyRigTit.active{ background:#032c4d; color:#ffffff;}
.policyRigItem{ padding:50px 30px; display:none;}
.policyRigItem.active{ display:block;}

.otherBox .articleBot{ padding:0 48px;}

.contactTopList{ margin:0 -10px;}
.contactTopList li{ padding:0 10px 20px;}
.contactTopList li a{ display:block; height:100%; padding:30px 0 30px; font-size:12px; color:#8e8e8e;}
.contactTopList li a h3{ font-size:20px; color:#333333; line-height:36px;}
.contactTopList li a img{ margin:30px auto 0;}
.contactTopList li a:hover img{
animation:swing 2s infinite;
-webkit-animation:swing 2s infinite;
}
.contact_map{ height:625px; margin-bottom:77px;}

.sitemap{ padding:0 48px 30px;}
.sitemapList{}
.sitemapList li{ border-bottom:1px solid #d8d9db; padding:35px 0; position:relative; padding-left:140px; min-height:115px;}
.sitemapList li:last-child{ padding-left:0;}
.oneLink{ font-size:26px; color:#000000; font-weight:bold; position:absolute; left:0; top:35px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.oneLink:hover,.oneLink:focus{ color:rgb(2,140,122);}
.twoLink{}
.twoLink a{ display:inline-block; padding:10px 15px; font-size:18px; color:#656565; border-radius:3px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.twoLink a:hover{ background:#131212; color:#ffffff;}

.joinTop{ font-size:16px; color:#232323; line-height:24px; padding:0 17% 30px;}
.joinTop h3{ font-size:38px; color:#232323; font-family:"FZLTZHK"; line-height:150%; padding-bottom:10px;}
.joinBotTit{ font-size:0; border-bottom:1px solid #aaaaaa;}
.joinBotTit li{ font-size:25px; color:#232323; padding:35px 45px; position:relative; cursor:pointer;}
.joinBotTit li:after{ display:block; content:""; position:absolute; bottom:-25px; left:50%; margin-left:-13px; width:25px; height:25px; transform:rotate(45deg); -webkit-transform:rotate(45deg); border:1px solid #aaaaaa; background:#FFFFFF; border-right:none; border-bottom:none; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; opacity:0;}
.joinBotTit li:hover{ color:#028c7a;}
.joinBotTit li.active{ color:#028c7a;}
.joinBotTit li.active:after{ bottom:-13px; opacity:1;}
.joinBotList{ padding:50px 0;}
.joinBotListCon{ padding:0 50px; position:relative; display:none; overflow:hidden;}
.joinBotListCon.active{ display:block;}
.joinBotListCon .swiper-container{ overflow:visible;}
.joinBotListCon .swiper-container .swiper-slide img{ margin:0 auto; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.joinLefBtn,.joinRigBtn{ position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:34px; color:#232323; opacity:0.8; cursor:pointer; z-index:1;}
.joinLefBtn{ left:-50px;}
.joinRigBtn{ right:-50px;}
.joinBotListCon .swiper-container .swiper-slide:hover img{ transform:rotate(10deg); -webkit-transform:rotate(10deg);}

.otherBox.gray{ border-top:1px solid #dcdcdc;}
.otherBox.gray .joinTop{ padding-top:50px;}
.joinEmail{ display:inline-block; padding:2px 5px; font-size:16px; color:#FFFFFF; background:#028c7a; margin:20px auto 0;}
.joinEmail:hover{ color:#FFFFFF; text-decoration:underline;}

.joinBotList2 .questionList li h3{ background:#fbfbfb; padding-left:25px;}
.joinBotList2 .questionCon{ padding:30px 50px; overflow:hidden; font-size:14px; color:#232323; line-height:26px;}
.joinBotList2 .questionCon h4{ font-size:14px; line-height:40px;}
.joinBotList2 .questionCon p{ float:left; width:50%;}
.moreJoin{ font-size:14px; color:#232323; line-height:200%; margin:30px 0; display:inline-block; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.moreJoin:hover{ color:#028c7a;}

.joinUsBg{ background:url(../image/joinUsBg.jpg) center center no-repeat; background-size:cover; padding:77px 0 35px; color:#FFFFFF;}
.joinUs{ width:348px; height:66px; line-height:66px; font-size:24px; color:#FFFFFF; border:1px solid #cacaca; display:block; border-radius:3px; margin:0 auto; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.joinUs:hover{ color:rgb(2,140,122); background:#FFFFFF;}
.joinUsBg p.text-uppercase{ font-size:18px; padding:20px 0;}

.networkBrief{ font-size:16px; color:#787878; line-height:26px; padding:0 6% 20px; text-align:center;}
.networkBox1{ padding:0 55px; margin-bottom:50px; position:relative;}
.networkBox1Btn1,.networkBox1Btn2{ font-size:50px; color:#323232; position:absolute; top:50%; z-index:1; cursor:pointer; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.networkBox1Btn1{ left:0;}
.networkBox1Btn2{ right:0;}

.networkBox2Bg{ padding:0 6% 20px;}
.networkBox2{ padding:35px 45px 0; position:relative;}
.networkBox2:before,.networkBox2:after{ display:block; content:""; position:absolute;}
.networkBox2:before{ border-width:10px; width:45px; height:45px; border-color:#e8e8e8; border-left-style:solid; border-top-style:solid; left:0; top:0;}
.networkBox2:after{ border-width:6px; width:27px; height:27px; border-color:rgb(2,140,122); border-right-style:solid; border-bottom-style:solid; right:0; bottom:0;}

.networkBox2List li img{ margin:0 auto;}
.networkBox2List li h3{ font-size:14px; color:#202020; line-height:26px; padding:5px 0;}
.networkBox2List li:hover h3{ color:rgb(2,140,122);}

.networkBox3{ padding-bottom:95px;}
.networeBox3List{ margin:0;}
.networeBox3List li{ padding:0; background:#f5f5f5;}
.networkBox3Img{ width:100%; padding-bottom:290px;}
.networkBox3ImgCon{ overflow:hidden;}
.networkBox3ImgCon img{ width:100%; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.networkBox3Text{ position:absolute; right:0; bottom:0; width:100%; padding:0 25px; height:50%; font-size:14px; color:#787878; line-height:26px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.networkBox3Text h3{ font-size:20px; color:#202020;}
.networkBox3TextCon{ max-height:250px; overflow:hidden;}
.networeBox3List li:nth-child(2n) .networkBox3Img{ padding-top:290px; padding-bottom:0;}
.networeBox3List li:nth-child(2n) .networkBox3Text{ top:0; bottom:auto;}
.networeBox3List li:hover .networkBox3ImgCon img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.networeBox3List li:hover .networkBox3Text h3{ color:rgb(2,140,122);}

.map{ width:58.6%; height:860px; background-color:#e3e6e7; float:left; position:relative; overflow:hidden;}
.mapImg{ margin:auto; text-align:center; margin-top:10%; width:792px; height:669px; position:relative;}
.mapList{ position:absolute; left:0; top:0; width:100%; height:100%;}
.mapList li{ width:23px; height:23px; position:absolute; left:455px; top:477px;}
.mapList li > img{ position:absolute; left:2px; top:12px; z-index:2; cursor:pointer;}
.mapList li .mapText{ width:200px; text-align:center; position:absolute; bottom:-25px; left:50%; margin-left:-100px; font-size:14px; color:#444343; z-index:1;}
.mapList li .bg-y { width:auto; height:auto; position:absolute; font-size:0; display:none; z-index:0;}

.mapList li.cur .mapText{ color: #fefefe;}
.mapList li.sh.cur .mapText{ color: #444343;}
.mapList li.cur .bg-y{ display: block;}
.mapList li.sx{ top:340px; left:475px;}
.mapList li.sx .bg-y{ top:-75px; left:-34px;}
.mapList li.nx{ top:275px; left:432px;}
.mapList li.nx .bg-y{ top:-4px; left:-12px;}
.mapList li.gs{ top:320px; left:410px;}
.mapList li.gs .bg-y{ top:-124px; left:-151px;}
.mapList li.sc{ top:390px; left:392px;}
.mapList li.sc .bg-y{ top:-28px; left:-77px;}
.mapList li.cq{ top:413px; left:445px;}
.mapList li.cq .bg-y{ top:-12px; left:-9px;}
.mapList li.shx{left:520px; top:286px; }
.mapList li.shx .bg-y{ top:-42px; left:-13px;}
.mapList li.xj{left:168px; top:173px; }
.mapList li.xj .bg-y{ top:-109px; left:-168px;}
.mapList li.yn{left:354px; top:514px; }
.mapList li.yn .bg-y{ top:-59px; left:-47px;}
.mapList li.gx{left:483px; top:530px; }
.mapList li.gx .bg-y{ top:-15px; left:-60px;}
.mapList li.hn{left:502px; top:614px; }
.mapList li.hn .bg-y{ top:17px; left:-15px;}
.mapList li.gd{left:554px; top:536px; }
.mapList li.gd .bg-y{ top:-8px; left:-52px;}
.mapList li.hun{left:543px; top:449px; }
.mapList li.hun .bg-y{ top:-9px; left:-54px;}
.mapList li.hub{left:538px; top:401px; }
.mapList li.hub .bg-y{ top:-17px; left:-55px;}
.mapList li.hen{left:551px; top:338px; }
.mapList li.hen .bg-y{ top:-15px; left:-40px;}
.mapList li.fj{left:645px; top:475px; }
.mapList li.fj .bg-y{ top:-6px; left:-37px;}
.mapList li.jx{left:591px; top:446px; }
.mapList li.jx .bg-y{ top:-9px; left:-25px;}
.mapList li.zj{left:655px; top:423px; }
.mapList li.zj .bg-y{ top:4px; left:-22px;}
.mapList li.ah{left:606px; top:383px; }
.mapList li.ah .bg-y{ top:-32px; left:-26px;}
.mapList li.js{left:645px; top:356px; }
.mapList li.js .bg-y{ top:-16px; left:-46px;}
.mapList li.sd{left:595px; top:300px; }
.mapList li.sd .bg-y{ top:-14px; left:-18px;}
.mapList li.tj{left:592px; top:233px; }
.mapList li.tj .bg-y{ top:1px; left:-19px;}
.mapList li.ln{left:668px; top:179px; }
.mapList li.ln .bg-y{ top:1px; left:-49px;}
.mapList li.hb{left:562px; top:261px; }
.mapList li.hb .bg-y{ top: -59px; left:-12px;}
.mapList li.gy{left:445px; top:470px; }
.mapList li.gy .bg-y{top:-15px; left:-38px; }
.mapList li.xz { left:168px; top:360px;}
.mapList li.xz .bg-y { top:-73px; left:-138px;}
.mapList li.nmg{ left:505px; top:193px;}
.mapList li.nmg .bg-y { top:-187px; left:-178px;}
.mapList li.hlj { left:700px; top:75px;}
.mapList li.hlj .bg-y { top:-75px; left:-91px;}
.mapList li.jl{ left:700px; top:142px;}
.mapList li.jl .bg-y { top:-14px; left:-64px;}
.mapList li.qh{ left:320px; top:300px;}
.mapList li.qh .bg-y { top:-44px; left:-117px;}
.mapList li.bj{ left:575px; top:230px;}
.mapList li.bj .bg-y { top:4px; left:-1px;}
.mapList li.sh{ left:670px; top:390px;}
.mapList li.sh .bg-y { top:5px; left:-10px;}

.mapList li.cur>img{animation:beat 2s linear infinite;-webkit-animation:beat 2s linear infinite;   }
.mapList li>img:hover{animation:beat 2s linear infinite;-webkit-animation:beat 2s linear infinite;   } 
@keyframes beat{
    0%{ transform: translateY(0px);}
    10%{transform: translateY(-2px);}
    20%{transform: translateY(-4px);}
    30%{transform: translateY(-6px);}
    40%{transform: translateY(-8px);}
    50%{ transform: translateY(-10px);}
    60%{ transform: translateY(-8px);}
    70%{ transform: translateY(-6px);}
    80%{ transform: translateY(-4px);}
    90%{ transform: translateY(-2px);}
    100%{ transform: translateY(0px);}
    
}
@-webkit-keyframes beat{
    0%{-webkit-transform: translateY(0px);}
    10%{-webkit-transform: translateY(-2px);}
    20%{-webkit-transform: translateY(-4px);}
    30%{-webkit-transform: translateY(-6px);}
    40%{-webkit-transform: translateY(-8px);}
    50%{ -webkit-transform: translateY(-10px);}
    60%{ -webkit-transform: translateY(-8px);}
    70%{ -webkit-transform: translateY(-6px);}
    80%{ -webkit-transform: translateY(-4px);}
    90%{ -webkit-transform: translateY(-2px);}
    100%{ -webkit-transform: translateY(0px);}
}

.mapAddress{ width:41.25%; height:860px; float:right; background-color:#f4f4f4; overflow:hidden;}
.mapAddTop{ padding:60px 50px 40px; font-size:0; text-align:center;}
.mapsearch{ width:190px; height:45px; border-right:1px solid #e4e4e4; line-height:45px; text-align:center; font-size:14px; color:#000000; background:#ffffff; position:relative; border-radius:4px 0 0 4px; display:inline-block; vertical-align:middle; z-index:2;}
.mapsearchBtn{ cursor:pointer; position:relative; padding-right:45px;}
.mapsearchIco{ position:absolute; top:0; right:0; height:100%; background:url(../image/selectImg.png) center center no-repeat; width:45px; border-top-right-radius:4px; border-bottom-right-radius:4px;}
.mapsearch ul{ width:100%; line-height:48px; overflow:hidden; display:none; position:absolute; z-index:2; background-color:#b1b2b2;}
.mapsearch ul li { width:50%; float:left; height:45px; color:#ffffff; background-color:#b1b2b2; cursor:pointer;}
.mapsearch ul li.cur{ background-color: #941532 !important; }
.mapsearch ul li:hover{background-color: #941532 !important;}
.mapsearch ul li.bg{ background-color: #9fa0a0;}
.mapsearch ul li:nth-child(2n){ border-left:1px solid #c9c9c9;}

.mapCitysearch{ width:190px; height:45px; line-height:45px; text-align:center; font-size:14px; color:#000000; background:#ffffff; position:relative; display:inline-block; vertical-align:middle; z-index:2;}
.mapCitysearch.cur{ display:inline-block;}
.mapCitysearchBtn{ cursor:pointer; position:relative; padding-right:45px;}
.mapCitysearch ul{ width:100%; line-height:48px; overflow:hidden; display:none; position:absolute; z-index:2;}
.mapCitysearch ul li { width:50%; float:left; height:45px; color:#ffffff; background-color:#b1b2b2; cursor:pointer;}
.mapCitysearch ul li.cur{ background-color: #941532 !important; }
.mapCitysearch ul li:hover{background-color: #941532 !important;}
.mapCitysearch ul li.bg{ background-color: #9fa0a0;}
.mapCitysearch ul li:nth-child(2n){ border-left:1px solid #c9c9c9;}

.mapTopBtn{ display:inline-block; vertical-align:middle; width:83px; height:45px; background:#032c4d; color:#FFFFFF; text-align:center; border-radius:0 4px 4px 0; font-size:14px; line-height:45px; position:relative; z-index:2;}
.mapTopBtn:hover,.mapTopBtn:focus{ color:#FFFFFF;}

.addressList{ width:80%; height:auto; margin:20px auto 0;}
.addressList .tab{ width:100%; height:auto; display:none;}
.addressList .tab .title{ font-size:30px; color: #2a2a2b; font-family: "FZLTZHK"; text-align: center; width: 100%; margin-bottom: 30px; border-bottom:1px solid #cecece;}
.addressList .tab .title .border{ width:16px; height:3px; background:#941532; font-size:0; margin:0 auto -2px;}

.map_select{ max-height:550px; overflow-y:auto;}
.map_select .media{ border-bottom:1px dashed #c8cdd2; padding:20px 0; margin:0;}
.map_select .media-left{ display:block; width:100%; font-size:18px; color:#2a2a2b;}
.map_select .media-body{ display:block; width:100%; font-size:14px; color:#2a2a2b; line-height:24px;}
.map_select .media-body a{ color:#028b79;}
.covered{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:1; display:none;}



.businessLogo{ padding:20px 15px;}
.businessLogo img{ margin:0 auto; max-width:244px;}
.businessBan{  background-size:cover;  overflow:hidden;}
.businessBan img{ margin:0 auto;}
.businessBox{ font-size:16px; color:#666060; line-height:28px;}
.businessTitH2{ font-size:38px; color:#af0f30; font-family:"FZLTZHK"; line-height:160%; padding:30px 0 10px;}
.businessBrief{ padding:0 21% 40px; font-size:16px; color:#665f5f; line-height:28px;}

.businessBox1List{ padding-bottom:20px;}
.businessBox1List li{ padding:0 0 40px;}
.businessBxo1Text{ float:left; width:46%;}
.busBox1TextTit{ padding:25px 0 15px;}
.busBox1TextTitCon{ font-family:"STXIHEI"; border-left:10px solid #f52701; padding-left:10px; position:relative;}
.busBox1TextTitCon:before,.busBox1TextTitCon:after{ display:block; content:""; position:absolute; left:-10px; height:33.33%; width:10px;}
.busBox1TextTitCon:before{ background:#000000; top:0;}
.busBox1TextTitCon:after{ background:#f8ff30; bottom:0;}
.busBox1TextTitCon > span{ display:inline-block; background:#9d0520; font-size:22px; line-height:36px; padding:0 5px; color:#ffffff;}
.busBox1TextTit > span{ font-family:Arial, Helvetica, sans-serif; color:#817d7d; font-size:12px; transform:scale(0.9); -webkit-transform:scale(0.9);}
.businessBox1Img{ float:right; width:51%;}
.businessBox1List li:nth-child(2n) .businessBox1Img{ float:left; width:54%; padding-right:3%;}

.businessBox2List{ margin:0 -2px; padding-bottom:60px;}
.businessBox2List li{ padding:0 2px 5px;}
.businessBox2Img{ overflow:hidden; position:relative;}
.businessBox2Img img{ width:100%; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.businessBox2Shadow{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.businessBox2Textbg{ position:absolute; left:0; top:0; width:100%; height:100%; padding:13px 10px; text-align:center; color:#ffffff; font-size:22px; font-family:"FZLTZHK";}
.businessBox2Text{ border:1px solid #ffffff; height:100%; padding-top:70%; opacity:0.8; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.busBox2TextTit{ font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:10px 0; line-height:none;}
.businessBox2Line{ display:block; width:117px; height:2px; background:#ffffff; font-size:0; margin:10px auto 0; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.businessBox2List li:hover .businessBox2Img img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.businessBox2List li:hover .businessBox2Text{ opacity:1;}
.businessBox2List li:hover .businessBox2Line{ width:90%;}

.busHonour{ padding-bottom:60px;}
.busHonourLef{ float:left; width:30%;}
.busHonourRig{ float:left; width:70%; padding-left:30px;}
.busHonourH2{ font-size:36px; color:#9d0520; font-weight:bold;}
.busHonourH2 i{ color:#858282;}
.busHonourBrief{ color:#494848; letter-spacing:1px; min-height:60px; padding-bottom:15px;}
.busHonourList{ margin:0 -5px;}
.busHonourList li{ padding:0 5px 10px;}
.busHonourList li img{ margin:0 auto; border:1px solid #d4d4d4;}
.busHonourList li h3{ color:#494848; font-size:16px; text-align:center; padding:10px 0; line-height:180%;}

.busPartner{ padding-bottom:60px;}
.busPartnerTit{ font-size:26px; color:#4f4d4d; font-family:"黑体"; padding-bottom:10px; line-height:180%; font-weight:bold;}
.busPartnerLef{ float:left; width:30%; padding-left:10px;}
.busPartnerLef .busPartnerTit{ margin-left:-10px;}
.busPartnerLef img{ margin:15px 0;}
.busPartnerLef h3{ font-size:28px; color:#665f5e;}
.busPartnerRig{ float:right; width:70%; padding-left:30px;}


.businessBox5 .container{ position:relative;}
.businessBox5Lef{ padding-right:37%; padding-bottom:100px;}
.businessBox5 .businessBrief{ margin:0; padding:0 0 30px 0;}
.businessBox5 .busHonourH2{ font-size:20px;}
.businessBox5Lef img{ margin:0 auto;}
.businessBox5Rig{ float:right; width:37%; position:absolute; right:0; top:10%;}

.busHonourH2px30{ font-size:30px;}
.businessBox7List{ margin:0 -13px; padding-top:25px; overflow:hidden; text-align:center;}
.businessBox7List li{ padding: 0 13px 25px;}
.businessBox7List li img{ width:100%;}
.businessBox7List li p{ padding:5px 0;}

.busBox7H3{ font-size:30px; color:#4f4d4d; font-family:"黑体"; font-weight:bold;}
.busBox7H3 strong{ color:#9d0520;}

.businessBox11.gray{ border-bottom:1px solid #999999;}
.busBox11H3{ font-size:28px; font-weight:bold; color:#af0f30; text-align:center; position:relative; z-index:1;}
.busBox11H3 span{ display:inline-block; vertical-align:middle; padding:0 10px; background:#ffffff;}
.gray .busBox11H3 span{ background:#f3f3f3 !important;}
.busBox11H3 i{ color:#858282;}
.busBox11H3:after{ position:absolute; left:0; top:50%; margin-top:3px; width:100%; height:2px; font-size:0; background:#af0f30; display:block; content:""; z-index:-1;}

.businessBox11List{ font-size:0; text-align:center; padding:60px 0 90px;}
.businessBox11List li{ width:20%; padding:10px; display:inline-block; vertical-align:top; font-size:16px; color:#343333; line-height:24px;}
.businessBox11List li img{ margin:0 auto 10px;}
.businessBox11List li h4{ font-size:20px; color:#151515; font-weight:bold; padding:5px 0; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.businessBox11List li:hover img{ transform:scaleX(-1); -webkit-transform:scaleX(-1); transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.businessBox11List li:hover h4{ color:#af0f30;}

.businessBox12{ padding:70px 0 90px;}
.businessBox12 .busBox11H3 span{ background:#ffffff;}

.businessBox12Img{ padding-top:50px;}
.businessBox12Img img{ max-width:100%; margin:0 auto;}

.businessBox13 .busHonourH2{ padding:50px 0;}
.businessBox13Box{ margin:0;}
.businessBox13Lef,.businessBox13Rig{ padding:0;}
.busBox13Logo{ padding-bottom:40px;}
.businessBox13Lef h4{ font-size:40px; color:#4f4d4d; font-family:"黑体"; padding-bottom:20px;}
.businessBox13Lef h5{ font-size:20px; color:#1a1a1a; padding-bottom:10px;}
.businessBox13Lef p{ font-size:36px; color:#af0f30; padding-bottom:30px;}

.businessBox13Rig > div{ padding-bottom:20px;}
.businessBox13Rig .form-control{ height:48px; line-height:48px; border-color:#dddddd; border-radius:2px; box-shadow:none;}
.businessBox13Rig .form-control:focus{ border-color:#af0f30; box-shadow:0 0 10px rgba(2,140,122,1.000);}
.businessBox13Rig textarea.form-control{ height:auto; line-height:32px; resize:none;}
button.form-control{ padding:0; background:#af0f30; font-size:16px; font-weight:bold; color:#ffffff; border:none; box-shadow:none; border-radius:0;}


.aboutHistory{    background:url(../image/13.jpg) center center no-repeat; padding:45px 0 80px;}
.aboutHistoryCon{ font-family:'FZLTXHK'; font-size:16px; color:#030303; text-align:center;}
.aboutHistoryCon span{ font-size:22px; color:rgb(2,140,122);}

.aboutHisList{ padding:0 100px; margin-top:40px; position:relative;}
.abHisCon{ text-align:center; font-size:0;}
.abHisImg,.abHisText{ display:inline-block; vertical-align:middle; width:50%; font-size:18px; color:#373737; line-height:30px;}
.abHisImg img{ max-width:100%; margin:0 auto;}
.abHisText{ text-align:left; padding:0 0 0 50px;}
.abHisYear{ font-size:90px; line-height:90px; color:rgb(2,140,122); padding-bottom:10px; font-family:Arial, Helvetica, sans-serif;}

.aboutHisPrev,.aboutHisNext{ display:block; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); cursor:pointer; width:54px; height:54px;}
.aboutHisPrev{ left:0; background:url(../image/aboutHisPrev.png) center center no-repeat;}
.aboutHisNext{ right:0; background:url(../image/aboutHisNext.png) center center no-repeat;}
.aboutHisPrev:hover{ background-image:url(../image/aboutHisPreva.png);}
.aboutHisNext:hover{ background-image:url(../image/aboutHisNexta.png);}

.companyBox1{ padding:30px 0 70px;}
.comBox1{ font-size:16px; color:#787878; line-height:30px; position:relative;}
.comBox1:before,.comBox1:after{ display:block; content:""; position:absolute; border-width:6px; border-style:solid; width:27px; height:27px;}
.comBox1:before{ left:-0px; top:-15px; border-color:#e0e0e0; border-bottom:none; border-right:none;}
.comBox1:after{ right:0; bottom:-15px; border-color:rgb(2,140,122); border-top:none; border-left:none;}
.comBox1Img,.comBox1Text{ text-align:left;}
.comBox1Text{ padding-left:100px;}
.comBox1En{ font-size:54px; line-height:54px; color:#ededed; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;}
.comBox1Tit{ font-size:30px; color:#000000; line-height:50px;}
.comBox1Line{ display:block; width:36px; height:7px; background:rgb(2,140,122);}
.comBox1Text p{ padding:10px 0;}

.companyBox2{ background:url(../image/comBox2Bg.jpg) center center no-repeat; background-size:cover; padding:30px 0 70px;}
.companyBox2 .mTitbg h2{ color:#ffffff;}
.companyBox2 .mTitbg h2 p{ color:#ffffff;}
.comBox2{ padding:0 50px;}

.comBox2Con{ padding:30px 0 50px;}
.comBox2Item{ background:#ffffff; padding:5px 10px; margin:0;}
.comBox2Img{ padding-right:50px;}
.comBox2Img img{ width:261px;}
.comBox2Year{ font-size:70px; color:rgb(2,140,122); font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.comBox2Text{ font-size:16px; color:#787878; line-height:28px; font-weight:bold;}
.aboutHistory .mTitbg h2 p{
	color: #FFFFFF;
}
.aboutHistory .mTitbg h2{
	color: #FFFFFF;
}
.comBox2Bot{ padding:0 20px; position:relative; background:url(../image/comBox2BotBg.png) left 7px repeat-x;}
.comBox2Bot:after,.comBox2Bot:before{ display:block; content:""; border-radius:50%; font-size:0; width:9px; height:9px; background:#ffffff; position:absolute; top:3px;}
.comBox2Bot:before{ left:0;}
.comBox2Bot:after{ right:0;}
.comBox2Date{ position:relative; padding-top:20px; font-size:26px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer;}
.comBox2Date:before,.comBox2Date:after{ display:block; content:""; position:absolute; border-radius:50%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.comBox2Date:before{ width:9px; height:9px; background:#ffffff; top:3px;}
.comBox2Date:after{ width:15px; height:15px; border:1px solid #ffffff; top:0;}
.comBox2Prev,.comBox2Next{ position:absolute; bottom:3px; color:#ffffff; cursor:pointer; font-size:26px; display:block; transform:scaleY(1.1); -webkit-transform:scaleY(1.8);}
.comBox2Prev{ left:0; }
.comBox2Next{ right:0;}
.swiper-slide-active .comBox2Date{ color:#028c7a;}
.swiper-slide-active .comBox2Date:before{ background:#028c7a;}
.swiper-slide-active .comBox2Date:after{ border-color:#028c7a;}

.companyBox3{ padding:30px 0 70px; background:#f2f2f2 ;}
.comBox3 img{ margin:0 auto; max-width:100%;}

.companyBox4{ background:url(../image/comBox4Bg.jpg) center center no-repeat; background-size:cover; padding:30px 0 0;}
.companyBox4 .mTitbg h2{ color:#ffffff;}
.companyBox4 .mTitbg h2 p{ color:#ffffff;}

.comBox4{ position:relative;}
.comBox4 .swiper-slide{ font-size:0; padding:19px 0 0 10px;}
.comBox4Con{ position:relative; width:33.33%; border-left:2px solid #ffffff; padding:50px 20px 100px; font-size:16px; color:#ffffff; line-height:34px; display:inline-block; text-align:left; vertical-align:bottom;}
.comBox4Con:after{ position:absolute; left:-10px; top:-19px; display:block; content:""; width:19px; height:19px; border-radius:50%; border:1px solid #ffffff;}

.comBox4Prev,.comBox4Next{ position:absolute; top:20%; display:block; color:#ffffff; font-size:32px; cursor:pointer; transform:scaleY(1.8); -webkit-transform:scaleY(1.8);}
.comBox4Prev{ left:-60px;}
.comBox4Next{ right:-60px;}

.companyBox5{ padding:30px 0 70px;}
.comBox5{ position:relative;}
.comBox5 .swiper-slide{ margin:0;}
.comBox5Lef{ padding-right:80px; font-size:14px; color:#787878; line-height:28px; text-align:left;}
.comBox5En{ font-size:72px; line-height:72px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#f3f3f3; position:relative;}
.comBox5Tit{ position:absolute; left:0; top:0; font-size:30px; color:#000000; font-family:"微软雅黑";}
.comBox5Line{ display:block; width:36px; height:7px; font-size:0; background:rgb(2,140,122); margin:-10px 0 20px;}
.comBox5Con{ height:230px;}
.comBox5 .swiper-pagination{ position:static; padding:35px 0;}
.comBox5 .swiper-pagination-bullet{ width:15px; height:15px; opacity:1; background:#464646;}
.comBox5 .swiper-pagination-bullet-active{ background:rgb(2,140,122);}

.comBox5Img{ padding-left:0;}

.companyBox6{ background:#f2f2f2; padding:30px 0 70px;}
.comBox6{ font-size:16px; color:#787878; line-height:30px;}
.comBox6 .aboutBox2BotCon{ margin-bottom:30px;}
.comBox6 img{ margin:0 auto; max-width:100%;}
.companyBox6 .swiper-pagination{ position:static; padding:35px 0 0;}
.companyBox6 .swiper-pagination-bullet{ width:15px; height:15px; opacity:1; background:#464646;}
.companyBox6 .swiper-pagination-bullet-active{ background:rgb(2,140,122);}
.companyBox7{ padding:30px 0;}
.comBox7{ font-size:16px; color:#787878; line-height:30px;}
.comBox7Img{ position:relative; overflow:hidden;}
.comBox7Img img{ width:100%;}
.comBox7Tit{ position:absolute; left:0; bottom:-100%; width:100%; font-size:20px; color:#ffffff; padding:10px 0; line-height:32px; background:rgba(0,0,0,0.6); transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.comBox7Img:hover .comBox7Tit{ bottom:0;}
.comBox7List .swiper-pagination{ position:static; padding:35px 0;}
.comBox7List .swiper-pagination-bullet{ width:15px; height:15px; opacity:1; background:#464646;}
.comBox7List .swiper-pagination-bullet-active{ background:rgb(2,140,122);}

.videoBg{ padding:70px 0 60px;}
.videoTop{ background:url(../image/videoTopBg.png) right bottom #F2F2F2 no-repeat; padding:20px; margin-bottom:60px;}
.videoTopImg{ display:block; height:100%; position:relative;}
.videoTopImg img{ width:100%;}
.videoIco{ display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:95px; height:95px; background:url(../image/videoIco.png) center center no-repeat; background-size:cover;}
.videoTopRCon{ padding:0 30px;}
.videoTopTit{ font-size:20px; color:#4d4d4d; line-height:30px; border-bottom:1px solid #dddddd; padding:20px 0;}
.videoTopText{ font-size:14px; color:#787878; line-height:30px; padding:30px 0 0;}
.videoTopImg:hover .videoIco{ background-image:url(../image/videoIcoa.png);}


.videoBot{ margin:0 -28px;}
.videoBot li{ padding:0 28px 10px;}
.videoBot li:nth-child(3n+1){clear: both;}
.videoLink{ display:block; position:relative; height:100%;}
.videoImg{ position:relative;}
.videoImg .videoIco{ width:55px; height:55px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.videoShadow{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); display:block; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.videoTit{ font-size:15px; color:#4d4d4d; line-height:30px; padding:5px 0; text-align:center; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}

.videoLink:hover .videoShadow{ opacity:0;}
.videoLink:hover .videoIco{ background-image:url(../image/videoIcoa.png);}
.videoLink:hover .videoTit{ color:rgb(2,140,122);}

.projectLogo{ padding:30px 0;}
.projectLogo .swiper-container{}
.projectLogo .swiper-slide{ border:1px solid #e8e8e8;}

.projectLogoImg{ position:relative; overflow:hidden;}
.projectLogoImg img{ vertical-align:middle; margin:0 auto;}
.projectLogoTit{ position:absolute; left:0; top:-120%; width:100%; height:100%; font-size:40px; color:#df2020; line-height:180%; background:#f6f5f5; padding:0 20%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
 transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;
}
.projectLogoImg:hover .projectLogoTit{ top:0;}

.projectLogoBtn{ font-size:0; text-align:center; padding:30px 0;}
.projectLogoBtn span{ cursor:pointer; display:inline-block; vertical-align:middle; width:26px; height:23px; margin:0 25px;}
.projectPreBtn{ background:url(../image/projectPreBtn.png) left center no-repeat;}
.projectNexBtn{ background:url(../image/projectNexBtn.png) right center no-repeat;}

.projectChina{ padding:85px 0; font-size:0;}
.projectLefImg,.projectRig{ display:inline-block; vertical-align:top; width:50%; font-size:18px; color:#464646; line-height:36px;}
.projectLefImg{ padding-right:15px;}
.projectLefImg img{ max-width:100%;}
.projectChTit{ font-size:34px; color:rgb(2,140,122); line-height:160%;}
.projectChEn{ font-size:40px; color:rgb(2,140,122); line-height:160%; text-transform:uppercase;}
.projectCity{ margin:0; padding:30px 0;}
.projectCity li{ font-size:20px; color:#797979; line-height:20px; padding-bottom:10px; position:relative; cursor:pointer; padding-right:10px;}
.projectCity li:after{ display:block; content:""; position:absolute; top:2px; right:0; width:1px; height:20px; background:#797979; font-size:0;}
.projectCity li:hover,.projectCity li.active{ color:rgb(2,140,122);}

.projectLine{ width:100%; height:23px; background:url(../image/projectLineBg.png) repeat-x; margin:10px 0;}

.projectConTop{ padding:25px 0; font-size:30px; color:#032c4d;}
.projectConTop img{ vertical-align:middle; margin-top:-4px;
		animation:flash 2s infinite;
-webkit-animation:flash 2s infinite;
}

.projectCon{ padding-left:40px;}
.projectItem{ line-height:36px; color:#464646; margin:0;}
.projectItem .media-left{ white-space:nowrap; font-size:25px;}
.projectText{ font-size:16px;}

.projectWorld{ padding:40px 0;}
.projectWorld img{ margin:0 auto;}
.projectWorldBrief{ text-align:center; font-size:20px; color:#787878; line-height:26px; padding:30px 0;}
.projectWorldCon{ background:#f6f5f5; border-left:7px solid #97253f; padding:25px; width:70%; margin:0 auto 40px; font-size:18px; color:#464646; line-height:36px;}
.projectWorldCon .media-left{ font-size:25px; color:#032c4d; white-space:nowrap; padding:0 50px; font-family:Arial, sans-serif;}

.yewuBox1{ padding:70px 0;}
.yewuLogo img{ margin:0 auto;}
.yewuBox1Tit{ font-size:30px; color:#2e2e2e; line-height:180%; padding:10px 0;}
.yewuBox1 .networkBrief{ line-height:30px;}

.yewuBox2Bg{ background:url(../image/yewuBox2Bg.jpg) center top no-repeat; padding:70px 0;}
.yewuBox2Tit{ font-size:30px; color:#ffffff; line-height:150%;padding: 10px 0;}
.yewuBox2Line{ display:block; width:50px; height:1px; font-size:0; background:#FFFFFF; margin:15px auto 30px;}
.yewuBox2Bg .networkBrief{ color:#ffffff;}
.yewuBox2Img img{ margin:0 auto;}

.yewuBox3Bg{ padding:20px 0 70px;}
.yewuBox3Tit{ font-size:30px; color:#0a0a0a; line-height:150%;    padding: 10px 0;
}
.yewuBox3Line{ background:#0a0a0a;}
.yewuBox3Bg .networkBrief{ color:#0a0a0a; padding:0 4% 20px;}
.yewuBox3Img{ margin:0 -6px; padding:20px 0 0;}
.yewuBox3Img li{ padding:0 6px 10px;}
.yewuBox3Img li img{ width:100%; margin:0 auto;}

#newBridge .icon-right-center{ right:5px !important; top:43% !important;}


.searchItem{}
.searchItem li{ background:#f5f5f5; margin-bottom:5px;}
.searchItem li h3{ padding:0 10px; line-height:40px; overflow:hidden; font-size:16px;}
.searchItem li h3 span{ float:left; padding-right:10px; color:rgb(2,140,122); font-weight:bold;}
.searchItem li h3 a{ color:#424141;}
.searchItem li h3 a:hover{ color:rgb(2,140,122);}
.searchItem li h3:hover{ background:rgb(2,140,122); color:#FFFFFF;}
.searchItem li h3:hover span,.searchItem li h3:hover a{ color:#FFFFFF;}


.gongshang{ position:absolute; right:30px; bottom:0; width:50px;}
.gongshang img{ max-width:100%; width:100%; height:auto;}

@media (min-width:1230px){
	.container{ width:1230px;}
}
@media (max-width:1600px){

	.logo{ padding:16.5px 15px;}
	.logo img{ width:190px; height:auto;}
	nav.navbar.bootsnav ul.nav > li > a{ margin:0 25px; height:65px; line-height:65px;}
	.box1{ padding:40px 10%;}
	.box1Ico{ margin:10px auto 0;}
	.box1Brief{ margin:10px auto;}
	
	.mTitbg{ padding:35px 0;}
	.mTitbg h2{ font-size:24px;}
	.mBox2List{ width:80%; margin:0 auto;}
	.mBoxMore{ margin:15px auto 0;}
	
	
	.mBox3bg .mainbox{ padding-top:98px;}
	.mBox3List{ padding:218px 0 0;}
	
	.mBox4bg .mTitbg{ padding:15px 0 0;}
	.mbox4Tit{ padding-bottom:10px; line-height:24px;}
	.mbox4Tit h3{ font-size:20px;}
	.mbox4Tit h3 a{ font-size:20px;}
	.mBox4RigCon:first-child{ padding-bottom:20px; margin-bottom:10px;}
	.mBox4 .mBoxMore{ margin:5px auto;}
	
	.navbot{ height:98px;}
	
	.aboutBox2Tit{ font-size:26px;}
	.aboutBox4BotImg{ padding:30px 0 50px;}
	
	.strengthBox1Con{ width:200px; height:200px;}
	.strengthBox1Con span{ font-size:60px;}
	.strongthBox1Name{ font-size:18px;}
	
	.cultureBox1H3{ font-size:26px;}
	
	.cultureBox5{ padding:100px 0 120px;}
	.cultureBox5Con{ font-size:14px; line-height:26px; padding-right:50px;}
	.cultureBox5H3{ font-size:26px;}
	.cultureBox5H4{ font-size:16px;}
	.cultureBo5Line{ margin:15px 0;}
	.cultureBox5H5{ font-size:20px;}
	
	.classifysub{ padding:35px 0 25px;}
	.classifysub li{ padding:0 15px 9px;}
	
	.artlistTopText h3{ font-size:20px;}
	
	.artlistBot{ padding:20px 0;}
	.artlistBot li a .media-left{ padding-right:20px;}
	
	.articleTop{ margin-top:20px;}
	
	.proTop li a{ padding:35px 0 55px;}
	
	.advantage02List{ margin:0 -20px;}
	.advantage02List li{ padding:0 20px 15px;}
	
	.solutionConbg{ padding:40px 0 20px 40px;}
	.solutionBotList li:nth-child(2n) .solutionConbg{ padding:40px 40px 20px 0;}
	.solutionCon{ max-width:500px;}
	.solutionBotTit{ font-size:22px;}
	.solutionBotTit span{ font-size:80px; top:-40px;}
	
	.caseWinBox{ width:800px; margin-left:-400px;}
	.casewinBot{ padding:10px 40px;}
	
	
	
	.serviceTitH2{ font-size:28px;}
	.serviceTitH2 img{ width:25px; margin-right:5px;}
	.searchbox input, .searchbox .btn{ height:38px;}
	.serviceTopIco > img,.serviceTopIcoHov > img{ padding:40px; width:120px;}
	.serviceTopName{ font-size:20px;}
	
	.serviceCenText{ padding:0 10px 0 15px;}
	.serviceCenName{ font-size:18px;}
	
	.serviceBread{ padding:0px 0 20px;}
	.serviceH2{ font-size:26px;}
	
	.careList li a{ font-size:20px;}
	
	.policyLefItem li a{ font-size:18px; line-height:40px;}
	
	.contact_map{ height:400px;}
	
	.sitemapList li{ padding:25px 0; padding-left:100px; min-height:85px;}
	.oneLink{ top:25px; font-size:22px;}
	.twoLink a{ padding:5px 10px; font-size:16px;}
	
	.joinUs{ width:300px; height:54px; line-height:54px;}
	
	.networkBrief{ font-size:16px;}
	
	.mapImg{ transform:scale(0.8); -webkit-transform:scale(0.8);}
	
	.businessBox{ font-size:14px;}
	.businessLogo img{ max-width:200px;}
	.businessTitH2{ font-size:34px;}
	.businessBrief{ padding:0 15% 30px;}
	.businessBox1List li{ padding:0 0 20px;}
	.busBox1TextTit{ padding:0 0 10px;}
	
	.busBox11H3{ font-size:24px;}
		
	.businessBox13Lef{ padding-right:20px;}
	.busBox13Logo{ max-width:80%;}
	.businessBox13Lef h4{ font-size:34px; padding-bottom:20px;}
	.businessBox13Lef h5{ font-size:18px;}
	.businessBox13Lef p{ font-size:30px;}
	
	.abHisYear{ font-size:70px; line-height:70px;}
	.abHisText{ font-size:16px;}
	
	.companyBox1{ padding:20px 0 50px;}
	.comBox1Text{ padding-left:50px;}	
	.companyBox2{ padding:20px 0 50px;}	
	.companyBox3{ padding:20px 0 50px;}	
	.comBox4{ padding:0 40px;}
	.comBox4Con{ font-size:14px; line-height:30px; padding:30px 15px 60px;}
	.comBox4Prev{ left:0;}
	.comBox4Next{ right:0;}	
	.companyBox5{ padding:20px 0 50px;}	
	.companyBox6{ padding:20px 0 50px;}
	.comBox6{ font-size:14px;}
	.companyBox7{ padding:20px 0 0;}
	.comBox7{ font-size:14px;}
	
	.projectLogoTit{ padding:0 15%; font-size:30px;}
	
	
}
@media (max-width:1400px),(max-height:769px){
	.caseWinBox{ width:700px; margin-left:-350px;}
	.casewinBot{ padding:10px 35px;}
	
	.mapImg{ margin-left:-5%; transform:scale(0.7); -webkit-transform:scale(0.7);}
		
}
@media (max-height:900px) and (min-height:769px){
	
}
@media (min-width:1367px){	
	
}
@media (max-width:1367px) and (max-height:769px){
	.mBox2bg .mTitbg{ padding:20px 0;}
	.mBox2List{ margin:0 auto; width:63%;}
	.mBox2bg .mBoxMore{ margin:5px auto 0;}
	
	
	.mBox3Conbg .mBox2_name h4{ font-size:22px;}
	.mBox3Conbg .mBox2Ico{ margin:15px auto;}
	
	.historyRigList{ width:90%;}
	
	.contact_map{ height:300px;}
	
	.mapAddTop{ padding:60px 15px 30px;}
	
}
@media (max-width:1230px) and ( min-width:1200px){
	.networkBox3Img{ padding-bottom:276.4px;}
	.networeBox3List li:nth-child(2n) .networkBox3Img{ padding-top:276.4px;}
}
@media (max-width:1200px){
	
	nav.navbar.bootsnav ul.nav > li > a{ margin:0 15px;}
	
	
	.box2Tit h3 span{ padding:0 10px;}
	.box2Name:after{ margin:5px auto;}
	.box2TextCon .box1More{ height:30px; line-height:30px;}
	
	.footerLogo,.footeraddress,.footerRig{ min-height:128px; font-size:12px;}
	.footerLogo{ padding-left:0; padding-top:30px;}
	.footeraddress{ padding:0 10px 0 15px;}
	.footerRig{ padding-top:5px;}
	
	.copyright p{ float:none !important; width:100%; text-align:center;}
	
	.aboutBox1 .container{ padding:50px 15px;}
	.aboutBox2Img .container{ margin-left:-485px;}
	.aboutBox2Conbg{ padding:0 20px;}
	.aboutBox2Tit{ font-size:24px; padding:0;}
	.aboutBox2Con{ font-size:14px;}
	.aboutBox2Bot{ font-size:20px;}
	.aboutBox2BotCon{ margin:40px 10px; padding:25px 80px 25px 40px;}
	.aboutBox4BotImg{ padding:20px 0 40px;}
	
	.historybox{ padding:45px 0 45px 342px;}
	.historyLef{ left:0;}
	
	.strengthBox2Con .aboutBox2BotCon{ font-size:14px;}
	
	.cultureBox{ font-size:14px; line-height:28px;}
	.cultureBox1Con .aboutBox2BotCon{ padding:25px;}
	.cultureBox1H3{ font-size:26px;}
	.cultureBox1H4{ font-size:16px;}
	
	.cultureBox3Con .aboutBox2BotCon{ padding:25px;}
	.cultureBox4Con .aboutBox2BotCon{ padding:25px;}
	
	
	.cultureBox5{ padding:50px 0 60px;}
	.cultureBox5Con{ padding-right:30px;}
	
	.honourTop{ font-size:16px;}
	.honourTop h3{ font-size:24px;}
	.classifysub li a{ padding:5px 35px;}
	.honourList{ margin:0 -10px;}
	.honourList li{ padding:0 10px 10px;}
	
	.articleBot{ padding:20px;}
	
	.proTopImg img{ max-width:60%;}
	.proTopName{ font-size:16px;}
	
	.proBoxCon{ padding:0 50px;}
	.proTit h3{ font-size:30px;}
	.proTit span{ padding:0 20px 0 0; font-size:18px;}
	
	.proBox4Img{ padding-left:15px; width:80%;}
	
	.pro02BoxToplef{ width:45%;}
	.pro02BoxToprig{ width:52%;}
	.pro02BoxTopName{ font-size:20px; padding-bottom:10px;}
	.pro02BoxTopBrief{ padding:10px 0 0;}
	.pro02BoxTopBrief li{ padding:0 5px 5px;}
	.proadvice{ margin:5px 0; width:160px; height:36px; line-height:36px;}
	
	.pro02BoxTit{ font-size:24px;}
	.pro02BoxBrief{ padding:0 20% 20px;}
	.pro02BotImg3Con{ padding:0 15%;}
	.pro02BotImg5{ padding:20px 0;}
	.pro02BotImg5Con h4{ font-size:24px;}
	

	.advantageTop{ padding: 25px 200px 25px 40px; font-size:16px;}
	.advantageNum{ right:20px; font-size:160px; line-height:160px;}
	.advantageTit{ font-size:24px;}
	
	.advantageConImg{ top:-30px; left:30px;}
	.advantageBg.odd .advantageConImg{ left:auto; right:30px;}
	.advantageList{ padding:20px 40px;}
	
	.advantageBg02 .advantageMaterialEn{ font-size:40px; line-height:40px;}
	.advantageBg03 .advantageMaterialEn{ font-size:60px; line-height:60px;}
	.advantageBg04 .advantageMaterialEn{ font-size:80px; line-height:80px;}
	
	.advantage02List{ margin:0 -15px;}
	.advantage02List li{ padding:0 15px 15px;}
	
	.solutionTopList{ margin:0 -10px;}
	.solutionTopList li{ padding:0 10px 15px; font-size:18px;}
	
	.solutionConbg{ padding:30px 0 10px 20px; font-size:12px;}
	.solutionCon{ max-width:400px;}
	.solutionBotTit{ font-size:18px; padding:5px 0 10px;}
	.solutionBotTit span{ font-size:60px; top:-30px;}
	
	.caseWinBox{ width:600px; margin-left:-300px; border-width:5px; border-radius:3px;}
	.casewinBot{ padding:10px 25px;}
	.casewinBtn1,.casewinBtn2{ width:25px;}
	
	.serviceBot{ padding:30px 0;}
	.serviceBotLef{ padding-right:15px;}
	.serviceBotRig{ padding-left:15px;}
	.serviceBotLefList li span{ line-height:52px;}
	.serviceBotLefList li i{ margin-top:15px;}
	
	.serviceForm{ width:80%;}
	
	.service03{ padding:40px 35px;}
	.serDown{ margin:0 -20px;}
	.serDown li{ padding:0 20px 20px;}
	.serDown li a{ padding:10px 60px 10px 100px;}
	
	.careTop .media-left{ padding-right:20px;}
	.careTop .media-left img{ max-width:347px;}
	
	
	.careList li a{ font-size:18px;}
	
	.policy{ padding-left:270px;}
	.policyLef{ width:270px;}
	.policyLefItem li a{ font-size:16px; line-height:36px;}
	
	.contactTopList li a{ padding:20px 0;}
	.contactTopList li a img{ margin:20px auto 0;}
	
	.joinTop h3{ font-size:30px;}
	.joinTop{ padding:0 15.5% 30px;}
	.joinTop h3{ font-size:24px;}
	.joinBotTit li{ font-size:20px; padding:25px 35px;}
	
	.joinBotList2 .questionCon{ padding:25px;}
	
	.networkBrief{ font-size:14px; padding:0 3% 20px;}	
	
	.mapImg{ margin-left:-18%;}
	.addressList .tab .title{ font-size:26px; margin-bottom:10px;}
	.map_select .media{ padding:10px 0;}
	.map_select .media-left{ font-size:16px;}
	
	.mapsearch{ width:155px;}
	.mapCitysearch{ width:155px;}
	.mapTopBtn{ width:70px;}
	
	.businessBox2List{ padding-bottom:40px;}
	.businessBox2Textbg{ font-size:18px;}
	.businessBox2Text{ padding-top:60%;}
	.busBox2TextTit{ font-size:20px;}
	
	.busHonour{ padding-bottom:40px;}
	.busHonourH2{ font-size:28px;}
	.busHonourBrief{ min-height:0;}
	.busHonourRig{ padding-left:15px;}
	.busHonourList li h3{ font-size:14px;}
	
	.busPartnerTit{ font-size:20px;}
	.busPartnerRig{ padding-left:15px;}
	.busPartnerLef h3{ font-size:18px;}
	
	.businessBox5Lef{ padding-bottom:50px;}
	
	.busBox7H3{ font-size:28px;}
	
	.aboutHisList{ padding:0 70px;}
	.abHisText{ padding:0 0 0 20px;}
	
	.comBox1{ font-size:14px; line-height:26px;}
	.comBox1Text{ padding-left:15px;}
	.comBox1Text{ padding-bottom:15px;}
	.comBox1En{ font-size:40px; line-height:40px;}
	.comBox1Tit{ font-size:24px; line-height:40px;}
	.comBox1Line{ height:4px;}
	
	.comBox2Con{ padding:10px 0 30px;}
	.comBox2Img{ padding-right:15px;}
	.comBox2Img img{ width:200px;}
	.comBox2Year{ font-size:40px;}
	.comBox2Text{ font-size:14px; line-height:24px;}
	
	.comBox5Lef{ padding-right:15px;}
	.comBox5En{ font-size:64px; line-height:64px;}
	.comBox5Tit{ font-size:24px;}
	.comBox5Con{ height:170px;}
	
	.videoBg{ padding:40px 0 20px;}
	.videoTop{ margin-bottom:30px;}
	.videoTopRCon{ padding:0 15px;}
	.videoTopText{ padding:15px 0 0;}
	.videoBot{ margin:0 -15px;}
	.videoBot li{ padding:0 15px 10px;}
	.videoTit{ font-size:14px;}
	.videoIco{ width:60px; height:60px;}
	.videoImg .videoIco{ width:45px; height:45px;}
	
	.projectLogoTit{ padding:0 15%; font-size:24px;}
	
	
	.projectChTit{ font-size:24px;}
	.projectChEn{ font-size:28px;}
	.projectCity{ padding:15px 0;}
	.projectCity li{ font-size:18px;}
	.projectConTop{ padding:15px 0; font-size:24px;}
	.projectConTop img{ width:20px;}
	.projectCon{ padding-left:25px;}
	.projectItem{ font-size:16px;}
	.projectItem .media-left{ font-size:20px;}
	
	.projectWorldBrief{ font-size:16px;}
	.projectWorldCon{ width:80%;}
	.projectWorld img{ max-width:80%;}
	
	.yewuBox1{ padding:50px 0;}
	.yewuLogo img{ max-width:70%;}
	.yewuBox1Tit{ font-size:24px;}
	
	.yewuBox2Bg{ padding:50px 0;}
	.yewuBox2Tit{ font-size:24px;}
	
	.yewuBox3Bg{ padding:20px 0 50px;}
	.yewuBox3Tit{ font-size:24px;}
}
@media (max-width:1200px) and ( min-width:993px){
	.networkBox3Img{ padding-bottom:228px;}
	.networeBox3List li:nth-child(2n) .networkBox3Img{ padding-top:228px;}
	.networkBox3TextCon{ max-height:180px;}
}
@media (max-width:992px){	
	nav.navbar.bootsnav .navbar-header{ padding:0; line-height:normal;}
	nav.navbar.bootsnav .navbar-brand{ float:left !important;}
	.logo{ padding:5px 0; line-height:normal;}
	nav.navbar.bootsnav .navbar-toggle{ color:rgb(2,140,122); float:right; margin-right:0;}
	nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{ color:rgb(2,140,122);}
	
	nav.navbar.bootsnav .navbar-nav{ margin:0; padding:0;}
	nav.navbar.bootsnav ul.nav > li > a{ height:42px; line-height:42px; font-size:14px; margin:0; padding:0 15px; border-bottom:none;}
	nav.navbar.bootsnav ul.nav > li > a:after{ height:1px; bottom:-1px;}
	nav.navbar.bootsnav ul.nav li.dropdown div.dropdown-menu{ min-height:0; width: 100%; position:relative !important;  background-color:transparent; float: none; border: none; padding: 0 0 0 15px !important; margin: 0 0 -1px 0 !important; box-shadow:none; left:0;}
	nav.navbar.bootsnav ul.nav li.dropdown div.dropdown-menu ul{ width:100%; float:none; border:none; text-align:left; padding:0 15px 0 0;}
	nav.navbar.bootsnav li.dropdown div.dropdown-menu ul > li{ padding:2px 0;}
	nav.navbar.bootsnav li.dropdown div.dropdown-menu ul > li > a{ padding-left:15px;}
	
	nav.navbar.bootsnav ul.nav > li.last div.dropdown-menu ul > li > a:after{ left:0; right:auto;}
	
	
	.Ban1 .Ban_boximg{ width:50%; top:40%;}
	.Ban2 .Ban_boximg{ width:50%;  top:20%;}
	.Ban3 .Ban_boximg{ width:50%; top:40%;}
	.banner_prev,.banner_next{ top:85%;}

	.banner .swiper-slide{ background-size:100% auto; background-position:center top;}
	
	
	
	.mBox2bg .mainbox{ padding-top:0;}
	.mBox3bg .mainbox{ padding-top:0;}
	.mBox4bg .mainbox{ padding-top:30px;}
	.mBox5bg .mainbox{ padding-top:0;}
	
	.mBox2List{ width:100%;}
	.mBox2List .swiper-slide { transform:translateY(0px) scale(1,1); -webkit-transform:translateY(0px) scale(1,1); opacity:1; -webkit-opacity:1;}
	.mBox2bg .mBoxMore{ margin:40px auto;}
	
	.mBox3bg{ display:table !important;}
	.mBox3bg .fp-tableCell{ display:table-cell !important;}
	.main3listmobile{ padding:0 6.25%; display:block; position:relative;}
	.mBox3Conbg .mBox2Con{ height:auto;}
	.mBox3Img{ background:none;}
	.mBox3Img > img{ display:block;}
	.mBox2Ico,.mBox2Brief{ display:none;}
	
	.mBox3List{ padding:0; position:relative;}
	.mBox3List .swiper-slide{ opacity:1; -webkit-opacity:1; transform:translateY(0px); -webkit-transform:translateY(0px);}
	.mainbox3_prev,.mainbox3_next{ color:rgb(2,140,122); position:absolute; top:50%; margin-top:-22px; font-size:30px; cursor:pointer;}
	.mainbox3_prev{ left:10px;}
	.mainbox3_next{ right:10px;}
	
	.mBox4Lef,.mBox4Rig{ transform:translateX(0); -webkit-transform:translateX(0);}
	.mBox4Lef{ padding-right:10px;}
	.mBox4RigCon{ padding-left:10px;}
	.mBox4 .mBoxMore{ margin:50px auto;}
	
	.mBox5{ width:100%; padding:35px 0;}
	.mBox5 p,.mBox5Tit{ opacity:1; transform:translate(0,0); -webkit-transform:translate(0,0);}
	.mBox5p1{ font-size:22px;}
	.mBox5p2{ font-size:18px;}
	.mBox5p3{ padding:10px 0;}
	.mBox5Tit{ font-size:22px;}
	.mBox5List{ padding-right:0;}
	.mBox5List li{ opacity:1; transform:translateX(0%); -webkit-transform:translateX(0%);}
	.mBox5List li a{ padding:0 0 10px;}
	
	.footerLogo{ width:33.33%;}
	.footeraddress{ width:66.67%;}
	.footerRig{ width:33.33%; margin-top:10px;}
	.footerRig:first-child{ border:none;}
	
	
	.navbot{ height:76px;}
	.Bannern{ background:none; height:300px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
	.Bannern img{ display:block;}
	
	.classifybg{ margin:0; height:auto;}
	.BreadNav,.aboutFen{ float:none !important; margin:0; height:auto; overflow:hidden;}
	.BreadNav{ line-height:30px; margin-top:20px;}
	.aboutFen li{ padding:0; margin-right:15px; float:left;}
	
	
	.aboutBox1Img,.aboutBox1Con{ display:block; width:100%;}
	.aboutBox1Img img{ margin:0 auto; max-width:50%;}
	.aboutBox1Con{ padding:20px 0 0; font-size:14px;}
	.aboutBox1Tit{ font-size:30px;}
	
	.aboutBox2Img .container{ position:static; width:100%; margin:0 auto; height:auto;}
	.aboutBox2Conbg{ width:100%; padding:25px 0;}
	.aboutBox2ConBrief{ height:auto;}
	
	.aboutBox2Bot{ font-size:16px;}
	.aboutBox2BotCon{ margin:20px 0; padding:25px 40px;}	
	.aboutBox4BotImg{ padding:20px 0 30px;}
	
	.historybox{ padding:35px 0;}
	.historyLef{ position:static; margin:0 auto 25px; height:auto; padding:25px 25px 25px 0;}
	.hisLeYear{ font-size:120px; line-height:120px;}
	.hisLetter{ font-size:30px;}
	.hisName{ font-size:28px;}
	.historyRigList{ width:100%;}
	.hisRigCon{ font-size:14px; line-height:26px;}
	
	.strengthBox2Con .aboutBox2BotCon{ font-size:14px; padding:15px;}
	
	.cultureBox1H3{ font-size:22px;}
	
	.cultureBox5Con{ width:100%; padding:0 0 30px;}
	.cultureBox5Img{ position:static; width:100%;}
	.cultureBox5Img img{ height:auto; max-width:70%; margin:0 auto; display:block;}
	
	.artlistBox{ padding-bottom:30px;}
	.artlistTopText{ padding:10px 15px 0;}
	.artlistTopText{ font-size:14px;}
	.artlistTopText h3{ font-size:16px; line-height:24px; height:48px;}
	
	.artlistBot li a .media-left{ padding-right:10px;}
	.artlistBot li a .media-heading{ margin:0 0 10px;}
	.artlistBotImg{ width:236px; height:150px; overflow:hidden;}
	.artlistBotImg img{ max-width:236px; max-height:150px;}
	.artlistTit{ font-size:16px; line-height:24px; max-height:48px;}
	.artlistCon{ font-size:14px; line-height:24px; height:48px; margin:0 0 10px;}
	.detailBtn{ width:120px; line-height:30px; height:30px;}
	
	.artcleTit{ font-size:20px;}
	.articleBot{ padding:20px 0 10px;}
	.articlePager{ padding-top:15px;}
	.articleReturn{ float:none;}
	
	.proTop{ text-align:left; padding:10px 0;}
	.proTop li{ width:50%; padding:0 2px 2px;}
	.proTop li a{ padding:0; padding-left:15px;}
	.proTop li a:after{ display:none;}
	.proTopImg{ display:inline-block; vertical-align:middle; padding:5px 0;}
	.proTopName{ display:inline-block; vertical-align:middle;}
	
	.proBoxCon{ padding:0 0 0 30px;}
	.proBox2Ico{ width:24px; height:24px; margin-left:-12px;}
	.proBox2Name{ font-size:18px;}
	.proBox2Name span{ padding:5px; min-width:150px;}
	.proBox2ConList li a:hover .proBox2Name span{ font-size:24px;}
	.proBox3 .proBox2ConList{ margin:0 -15px;}
	.proBox3 .proBox2ConList li{ padding:0 15px 20px;}
	
	.proBox4Img{ padding-left:0; width:80%;}
	.proBox4Text{ top:30px; padding:20px 30px 0; height:266px;}
	
	.pro02BoxToplef,.pro02BoxToprig{ float:none; width:100%;}
	.pro02BoxToplef{ padding:0 100px;}
	.pro02BoxToprig{ padding:15px 0;}
	.pro02BoxTopBrief li{ padding:0 5px 10px;}
	.proadvice{ margin:10px 0;}
	
	.pro02BoxBotNav{ margin-bottom:30px;}
	.pro02BotNav li{ line-height:44px; font-size:16px;}
	.pro02BoxTit{ padding:10px 0; font-size:20px;}
	.pro02BoxBrief{ padding:0 0 10px;}
	.pro02BotImg3Con{ padding:0 15px;}
	.pro02BotImg3Con h4{ font-size:20px;}
	.pro02BotImg5{ padding:15px 0;}
	.pro02BotImg5Con{ padding:0 15px;}
	
	.advantageCon{ padding:0 20px 20px;}
	.advantageBg.odd .advantageCon{ padding:0 20px 20px;}
	.advantageConImg{ position:static; width:100%; margin:0 auto; text-align:center;}
	.advantageMaterial{ font-size:26px;}
	
	.advantageList{ padding:20px;}
	.advantageList li p{ width:auto;}
	.advantageList li h6{ font-size:15px;}
	
	.advantage02List{ margin:0 -5px;}
	.advantage02List li{ padding:0 5px 10px; font-size:12px;}
	.advantage02Name{ font-size:14px;}
	.advantage02Name img{ width:29px; height:24px;}
	
	.solutionTop{ font-size:18px;}
	.solutionTopList{ margin:0 -5px;}
	.solutionTopList li{ padding:0 5px 15px; font-size:16px;}
	.solutionTopIco{ padding:20px 0 10px;}
	
	.solutionImg,.solutionConbg{ float:none; width:100%; padding:10px 15px;}
	.solutionImg img{ margin:0 auto;}
	.solutionCon{ max-width:none; padding-top:20px;}
	.solutionBotList li:nth-child(2n) .solutionConbg{ padding:10px 15px;}
	.solutionBotList li:nth-child(2n) .solutionConbg .solutionCon{ float:none;}
	.solutionBotList li:nth-child(2n) .solutionImg{ float:none;}
	
	.caseBot{ margin:0 -5px;}
	.caseBot li{ padding:0 5px 10px;}
	.caseName{ font-size:16px;}
	.caseText{ font-size:12px; line-height:20px;}
	.caseMore{ margin:20px auto 30px; padding:10px 0 0;}
	
	.serviceTit{ padding:30px 0 10px;}
	.serviceTitH2{ font-size:24px;}
	.searchbox{ margin-left:35px;}
	.serviceTop{ padding:20px 0;}
	.serviceTopIco > img,.serviceTopIcoHov > img{ padding:30px; width:100px;}
	.serviceTopName{ font-size:16px; margin-top:10px;}
	
	.serviceBotTit h2{ font-size:22px;}
	.serviceBotLefList li span{ font-size:14px;}
	.serviceBotRig{ padding-top:20px;}
	.serviceBotRig .serviceBotLefList li i{ font-size:20px;}
	
	.serviceBread .BreadNav{ margin-top:0;}
	.serviceH2{ font-size:20px;}
	
	.serviceWrap{ font-size:14px; line-height:28px;}
	.service01{ padding:20px 15px 20px; margin-bottom:30px;}
	.serviceForm{ width:90%; margin:0 auto 20px;}
	.serviceForm .control-label{ font-size:16px;}
	
	.service04{ padding:30px 20px;}
	.questionList li h3 span.ellipsis{ font-size:14px;}
	.questionList li h3 span.text-uppercase,.questionCon span.text-uppercase{ font-size:24px;}
	
	
	.careTop .media-left{ padding-right:15px;}
	.careTop .media-left img{ max-width:250px;}
	.careTop .media-heading{ font-size:18px;}
	.careBreif{ font-size:14px; line-height:24px; height:72px; margin:10px 0;}
	.careMore{ width:120px; height:30px; line-height:30px;}
	
	.policy{ padding:0; font-size:14px; min-height:100px !important;}
	.policyLef{ position:static; width:100%; border:none;}
	.policyRig{ padding:20px 10px;}
	.policyRigItem{ border-bottom: 1px solid #d7d7d7; padding:20px 0;}
	.policyLefItem li{ margin-bottom:2px;}
	.policyLefItem li a{ line-height:26px;}
	
	.otherBox .articleBot{ padding:0;}
	
	.sitemap{ padding:0 0 30px;}
	.sitemapList li{ padding:10px 0; min-height:0;}
	.oneLink{ display:block; position:static; font-size:18px;}
	.twoLink{ padding-top:10px; margin-left:-10px;}
	.twoLink a{ font-size:14px;}
	
	.joinTop{ padding:0 0 30px;}
	
	.joinBotList2 .questionCon p{ float:none; width:100%;}
	
	.joinUs{ width:260px; height:44px; line-height:44px; font-size:20px;}
	
	.networkBrief{ padding:0 0 20px;}
	.networkBox1{ padding:0 30px;}
	.networkBox2Bg{ padding:0 0 20px;}
	
	.networeBox3List{ width:598px; margin:0 auto;}
	
	.map{ display:none;}
	.mapAddress{ float:none; width:100%; height:auto;}
	.mapsearch{ height:auto; margin:0 auto 10px; width:60%; border:none;}
	.mapsearchBtn{ padding:0 35px;}
	.mapsearch ul{ position:relative;}
	.addressList{ width:90%;}
	.map_select{ max-height:none; padding-bottom:40px;}
	
	.mapCitysearch{ height:auto; margin:0 auto 10px; width:60%;}
	.mapCitysearchBtn{ padding:0 35px;}
	.mapCitysearch ul{ position:relative;}
	
	.mapTopBtn{ margin:0 auto; width:60%;}
	
	
	.businessTitH2{ font-size:28px;}
	.businessBrief{ padding:0 0 20px;}
	.businessBox1Img,.businessBxo1Text{ float:none !important; width:100% !important;}
	.businessBox1Img{ padding-bottom:20px;}
	.businessBox1Img img{ margin:0 auto;}
	.busBox1TextTitCon > span{ font-size:18px;}
	
	.busHonourH2{ font-size:20px;}
	.busHonourRig{ width:100%; float:none;}
	
	.busPartnerTit{ font-size:18px;}
	.busPartnerLef{ width:30%;}
	.busPartnerRig{ width:70%;}
	
	.businessBox5Lef img{ max-width:80%;}
	
	.busBox7H3{ font-size:20px;}
	
	.businessBox11List li{ width:33.33%;}
	
	
	.businessBox13Lef{ text-align:center;}
	.busBox13Logo{ max-width:80%; margin:0 auto;}
	.busBox13Logo img{ margin:0 auto; max-width:200px;}
	.businessBox13Lef h4{ font-size:28px; padding-bottom:20px;}
	.businessBox13Lef h5{ font-size:16px;}
	.businessBox13Lef p{ font-size:26px;}
	.businessBox13Rig > div{ padding-bottom:10px;}
	
	.aboutHisList{ padding:0 40px;}
	.abHisText{ font-size:14px;}
	.abHisYear{ font-size:30px; line-height:30px;}
	.aboutHisPrev, .aboutHisNext{ width:30px; height:30px; background-size:cover;}
	
	.comBox1Img{ padding-bottom:20px;}
	.comBox1Img img{ margin:0 auto;}
	
	.comBox2{ padding:0;}
	.comBox2Year{ font-size:30px;}
	
	.comBox4{ padding:0 30px 10px;}
	.comBox4 .swiper-container{ padding-bottom:10px;}
	.comBox4 .swiper-slide{ padding:0 0 0 19px;}
	.comBox4Con{ width:100%; padding:15px 0; border-left:none; border-bottom:2px solid #ffffff;}
	.comBox4Con::after{ top:auto; bottom:-9px; left:-19px;}
	
	.comBox5Lef{ padding:0 0 30px;}
	.comBox5Img{ padding:0;}
	.comBox5Img img{ margin:0 auto; display:block; max-width:100%;}
	
	.comBox7Tit{ font-size:16px; padding:5px 10px;}
	
	.videoTopRCon{ padding:0;}
	.videoTopTit{ font-size:18px; padding:5px 0;}
	.videoTopText{ padding:5px 0 0;}
	
	.projectLefImg, .projectRig{ width:100%;}
	.projectLefImg img{ max-width:80%; margin:0 auto 20px;}
	
	.projectWorldCon{ width:100%;}
	
	.yewuBox1Tit{ font-size:20px;}
	
	.yewuBox2Tit{ font-size:20px;}
	
	.yewuBox3Tit{ font-size:20px;}
.videoBot li:nth-child(3n+1){clear: none;}
.videoBot li:nth-child(2n+1){clear: both;}
}
@media (max-width:767px){
	

	.container > .navbar-header{ margin:0;}
	.logo{ padding:12px 0;}
	.logo img{ width:172px; height:28px;}
	.banner .pagination{ bottom:15px;}
	
	.Ban1 .Ban_boximg{ width:80%; left:10%;}
	.Ban2 .Ban_boximg{ width:80%; left:10%;}
	.Ban3 .Ban_boximg{ width:80%; left:10%;}
	
	.mTitbg{ padding:25px 0;}
	.mTitbg h2{ font-size:18px;}
	.mTitbg h2 p{ font-size:14px;}
	
	.mainbox{ padding-top:55px;}
	
	.mBox2List .swiper-slide{ width:50%;height: 220px;}
	.mBox2_name h4{ font-size:14px;}
	.mBox2List .swiper-slide a:hover .mBox2_name h4{ font-size:16px;}
	.mBox2bg .mBoxMore{ margin:30px auto;}
	
	.mBox3List .swiper-slide{ width:50%; padding:0 1px 2px;}
	.main3listmobile{ padding:0 40px;}
	.mBox3Conbg .mBox2_name h4{ font-size:16px;}
	.mBox3H5{ font-size:14px;}
	.mBox3H5 span{ display:block;}
	
	.mBox4Lef,.mBox4Rig{ float:none !important; width:100%; padding:0;}
	.mBox4Lef{ border:none; border-bottom:1px solid #dbdbdb; padding-bottom:10px; margin-bottom:10px;}
	.mBox4Name{ margin:0; font-size:14px; line-height:26px;}
	.mBox4Brief{ font-size:12px; max-height:48px; overflow:hidden;}
	.mBox4RigCon{ padding:0 !important;}
	.mBox4Img2{ padding:10px 0;}
	.mBox4List2 li a{ line-height:26px;}
	.mBox4 .mBoxMore{ margin:30px auto;}
	
	
	.mBox5bg{ background-position:70% center;}
	.mBox5{ width:100%;}
	.mBox5p1{ font-size:18px;}
	.mBox5p2{ font-size:14px;}
	.mBox5p3{ font-size:12px;}
	.mBox5Tit{ font-size:18px; padding:10px 0;}
	.mBox5List li{ padding:0 5px 5px;}
	
	.footerTop{ padding:15px 0 5px;}
	.footeraddress{ width:100%; border:none; padding:0; min-height:0;}
	
	.navbot{ height:104px;}
	.aboutFen{ display:none;}
	.aboutFen li{ float:none; width:100%; text-align:center; line-height:40px; margin:0; display:block; border-bottom:1px solid #cccccc;}
	.aboutFen li a{ font-size:14px;}
	.aboutFen li a:after{ height:1px; bottom:0;}
	
	.aboutBox1Img img{ max-width:70%;}
	.aboutBox2Img .swiper-slide{ background-position:center right; background-size:cover; background-repeat:no-repeat; height:300px;}
	.aboutBox2Img .swiper-slide img{ display:none;}
	
	.aboutBox2BotCon{ margin:10px 0; padding:15px 20px;}
	.aboutBox2BotCon:before{ border-width:6px;}
	.aboutBox2BotCon:after{ border-width:3px;}
	
	.historyRigList{ background-position:left top;}
	.historyRigList li{ padding-left:0px;}
	.hisRigYear{ position:relative; left:10px; font-size:30px; width:100%; text-align:left;}
	.hisRigYear:after{ right:auto; left:-13px;}
	.hisRigYear:before{ right:auto; left:-11px; margin-top:-2px;}
	.historyRigList::after{ left:0; height:13px;}
	.historyRigList li:first-child .hisRigYear::before, .historyRigList li:hover .hisRigYear::before{ right:auto; left:-17px;}
	
	.strengthBox1{ padding-bottom:40px;}
	.strengthBox1Con{ width:150px; height:150px;}
	.strengthBox1Con span{ font-size:30px;}
	.strongthBox1Name{ font-size:16px;}
	
	.cultureBox1Con .aboutBox2BotCon{ padding:15px;}
	.cultureBox1H3{ font-size:20px;}
	.cultureBox1H4{ font-size:14px;}
	
	.cultureBox3Con .aboutBox2BotCon{ padding:15px;}
	.cultureBox4Con .aboutBox2BotCon{ padding:15px;}
	
	.cultureBox5H3{ font-size:24px;}
	.cultureBox5H4{ font-size:14px;}
	.cultureBox5H5{ font-size:18px;}
	.cultureBo5Line{ margin:10px 0;}
	.cultureBox5Img img{ max-width:90%;}
	
	.cultureBox6Name h3{ font-size:18px;}
	
	.honourTop{ font-size:14px;}
	.honourTop h3{ font-size:20px; padding-bottom:10px;}
	.classifysub{ padding:15px 0;}
	.classifysub li{ padding:0 5px 9px;}
	.classifysub li a{ padding:5px 15px; font-size:16px;}
	
	.artlistBox{ padding-bottom:20px;}
	.artlistTop li:last-child{ display:none;}
	.artlistBot{ padding:10px 0 0;}	
	.artlistBot li a{ padding:15px 10px;}
	.artlistBot li a .media-left{ display:none;}
	.artlistBotTime{ text-align:left; float:none !important; padding:0;}
	.artlistBotTime strong{ display:inline;}
	.artlistTit{ display:block; max-height:none;}
	.artlistCon{ height:auto;}
	
	.articleTop{ padding:0 10px;}
	.articleShare{ display:block; padding:10px 0 0;}
	.artcleTit{ font-size:18px;}
	
	.proTop li a{ padding:5px 0 5px 5px;}
	.proTopImg{ width:auto;}
	.proTopName{ font-size:14px;}
	
	.proBox{ padding:15px 0;}
	.proBoxCon{ padding:0;}
	.proBoxTit{ padding:15px 0 15px 15px;}
	.proTit{ padding:10px 0 0;}
	.proTit h3{ font-size:24px;}
	.proTit span{ font-size:16px; padding-right:10px;}
	.proBoxTit2{ padding:10px 0 20px;}
	.proBoxTit2 h3{ font-size:20px;}
	.proBoxTit2 span{ font-size:13px;}
	.proBox1Text{ padding:10px 0;}
	
	.proBox2Name{ top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.proBox2ConList li a:hover .proBox2Name span{ font-size:20px; background:rgba(0,0,0,0.3);}
	.proBox2ConList li a:hover .proBox2Shadow{ background:rgba(0,0,0,0);}
	.proBox2ConList li a:hover .proBox2Ico{ top:100%;}
	
	
	.proBox3 .proBox2ConList{ margin:0 -5px;}
	.proBox3 .proBox2ConList li{ padding:0 5px 10px;}
	.proBox3 .proBox2Name{ font-size:16px;}
	.proBox3 .proBox2Name span{ min-width:90%;}
	
	.proBox4Img{ width:100%;}
	.proBox4Img img{ margin:0 auto 20px;}
	.proBox4Text{ position:static; width:100%; height:100%; padding:10px 15px 20px;}
	.proBox4Text h3{ font-size:24px;}
	.proBox4Brief{ max-height:none;}
	.proBox4More:hover span.more::after{ width:0%;}
	
	.pro02BoxToplef{ padding:0 50px;}
	
	.pro02BoxBotNav{ margin-bottom:20px;}
	.pro02BotImg5Con,.pro02BotImg5 img{ display:block; width:100%;}
	.pro02BoxBotCon,.pro02BoxBrief,.pro02BotImg5Con{ font-size:14px;}
	.pro02BoxTit,.pro02BotImg3Con h4{ font-size:18px;}
	
	.pro04List{ padding-bottom:10px;}
	.pro04Con{ padding:15px 10px;}
	.pro04Con:after{ top:30px; transform:translateY(0); -webkit-transform:translateY(0);}

	.pro04Text{ font-size:14px;}
	
	.advantageNum{ position:static; display:inline; font-size:40px; line-height:40px; padding-right:10px; color:rgb(2,140,122);}
	
	.advantageCon{ padding:0;}
	.advantageBg.odd .advantageCon{ padding:0;}
	.advantageMaterial{ font-size:24px;}
	.advantageClassify{ font-size:16px;}
	.advantageMaterialEn{ position:static; font-size:12px; line-height:normal; opacity:0.1;}
	.advantageBg02 .advantageMaterialEn{ font-size:12px;}
	.advantageBg03 .advantageMaterialEn{ font-size:12px;}
	.advantageBg04 .advantageMaterialEn{ font-size:12px;}
	.advantageBg05 .advantageMaterialEn{ font-size:12px;}
	.advantageList{ padding:20px 0;}
	.advantageList li p{ font-size:14px; line-height:26px; height:78px; overflow:hidden;}
	.advantageList li h6{ font-size:14px;}
	
	.advantageBg02 .advantageList{ text-align:center;}
	.advantageBg04 .advantageList{ text-align:center;}
	.advantageBg04 .advantageList li p{ height:auto;}
	
	.advantage02List li{ width:33.333%;}
	
	.solutionTop{ font-size:16px;}
	.solutionTopList li{ font-size:14px; line-height:22px;}
	.solutionTopList li a{ padding-bottom:10px;}
	.solutionTopIco img{ max-width:50%;}
	
	.solutionBotList li:nth-child(2n) .solutionConbg:after{ right:15px;}
	
	.caseTop li{ width:33.33%;}
	.caseWinBox{ width:90%; left:5%; margin-left:0;}
	.casewinBot{ display:none;}
	.casewinBtn3,.casewinBtn4{ display:block; color:#C1C1C1;}
	.casewinTopName{ font-size:14px; padding:0 15px;}
	.caseClose{ width:25px; height:25px; right:-15px; top:-15px; line-height:25px; font-size:28px;}
	
	.serviceTitH2{ float:none !important; font-size:20px; padding-bottom:15px;}
	.serviceTitH2 img{ width:20px; vertical-align:top;}
	.searchbox{ float:none !important; width:100%; margin:0;}
	.searchbox .btn{ padding:6px 25px;}
	.serviceTop{ text-align:left;}
	.serviceTop li{ width:50%;}
	.serviceTop li a{ position:relative; padding-left:45px;}
	.serviceTopIco{ border:none; border-radius:0; position:absolute; left:0; top:50%; margin-top:-15px;}
	.serviceTopIco > img, .serviceTopIcoHov > img{ padding:0; width:30px;}
	.serviceTop li a:hover .serviceTopIco{ background:#fff;}
	.serviceTop li a:hover .serviceTopIco > img{ transform:translateY(0%); -webkit-transform:translateY(0%);}
	.serviceTop li a:hover .serviceTopIcoHov > img{ transform:translateY(-100%); -webkit-transform:translateY(-100%);}
	
	.serviceCen{ margin:0 -5px; padding-bottom:0;}
	.serviceCen li{ padding:0 5px 10px;}
	.serviceCenName{ font-size:16px;}
	.serviceCenName i{ margin-left:10px; width:18px; height:18px; line-height:18px; font-size:14px;}
	.serviceCen li a:hover .serviceCenImg img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
	.serviceCen li a:hover .serviceCenShadow{ background:rgba(0,0,0,0.3);}
	.serviceLine{ left:0; width:100%;}
	.serviceCen li a:hover .serviceCenText{ top:150%; opacity:0;}
	.serviceCen li a:hover .serviceCenName{ top:50%; opacity:1;}
	
	
	.serviceBot{ padding:15px 0;}
	
	.serviceBrief{ padding:20px 0;}
	.serviceForm{ width:100%;}
	.serviceForm .form-group{ margin-bottom:10px;}
	.serviceForm .control-label{ font-size:14px;}
	.selectBox{ margin-bottom:10px;}
	.serviceSub{ margin-top:20px;}
	
	.service03{ padding:20px 15px;}
	.serDown{ margin:0 -15px;}
	.serDown li{ padding:0 15px 10px;}
	.serDown li a{ padding:0 40px; font-size:14px;}
	.serDownIco{ background-size:20px; width:30px;}
	.serPdf{ right:15px; background-size:18px; width:20px;}
	
	.service04{ padding:20px 10px;}
	.questionList li h3{ padding:0 30px 0 30px; height:38px;}
	.questionList li h3 span.ellipsis{ font-size:14px; line-height:38px;}
	.questionList li h3 span.text-uppercase,.questionCon span.text-uppercase{ font-size:20px;}
	.questionList li h3 span.text-uppercase{ width:30px;}
	.questionIco{ right:10px; top:10px;}
	.questionCon{ padding:25px 30px;}
	.questionCon span.text-uppercase{ width:30px;}
	
	.careTop .media-left,.careTop .media-body{ display:block; padding:0; width:100%;}
	.careTop .media-left img{ margin:0 auto 10px; max-width:100%; display:block;}
	
	.careList li a{ font-size:16px; padding:2px 10px;}
	
	.careTit{ font-size:20px;}
	.careBack{ height:36px; line-height:36px;}
	
	.policyRigTit{ font-size:16px;}
	
	.contact_map{ height:200px; margin-bottom:30px;}
	.otherBox{
		overflow: hidden;
	}
	.otherBox.gray .joinTop{ padding-top:30px;}
	.joinTop{ font-size:14px;}
	.joinTop h3{ font-size:20px;}
	.joinBotTit li{ font-size:16px; width:33%; padding:0 0 20px;}
	.joinBotTit li:after{ width:18px; height:18px; margin-left:-9px;}
	.joinBotTit li.active:after{ bottom:-9px;}
	.joinBotList{ padding:30px 0;}
	.joinBotListCon{ padding:0 30px;}
	.joinLefBtn{ left:-30px;}
	.joinRigBtn{ right:-30px;}
	
	.joinEmail{ font-size:14px;}
	.joinBotList2 .questionList li h3{ padding-left:10px;}
	.joinBotList2 .questionCon{ padding:20px 10px;}
	
	.joinUs{ width:220px; height:44px; line-height:44px; font-size:18px;}
	
	
	.networkBox2{ padding:15px 10px;}	
	.networkBox2:before{ border-width:5px; width:30px; height:30px;}
	.networkBox2:after{ border-width:3px;}
	
	
	.networkBox3{ padding-bottom:35px;}
	.networeBox3List{ width:100%;}
	.networeBox3List li{ margin-bottom:10px;}
	.networkBox3Img{ padding:0 !important;}
	.networkBox3Text{ position:static; padding:15px; display:block;}
	.networkBox3TextCon{ max-height:none;}
	
	.mapsearch{ width:80%;}
	.mapCitysearch{ width:80%;}
	.mapTopBtn{ width:80%;}
	
	.businessTitH2{ font-size:24px;}
	.businessBrief{ font-size:14px;}
	.businessBox2Textbg{ padding:5px; font-size:16px;}
	.businessBox2Text{ padding-top:40%;}
	.busBox2TextTit{ font-size:18px;}
	
	.busPartner img{ margin:0 auto; text-align:center;}
	.busPartnerLef,.busPartnerRig{ float:none; width:100%;}
	.busPartnerLef h3{ text-align:center; padding:10px 0;}
	.busPartnerRig{ padding:0;}
	
	.businessBox5Rig{ display:none;}
	.businessBox5Lef{ padding:0 0 20px;}
	
	.businessBox7List li img{ width:auto; margin:0 auto;}
	
	.busBox11H3{ font-size:18px;}
	
	.businessBox11List li{ font-size:14px;}
	.businessBox11List li h4{ font-size:16px;}
	
	.businessBox12{ padding:30px 0 40px;}
	.businessBox12Img{ padding-top:20px;}
	
	.abHisImg, .abHisText{ width:100%;}
	.abHisText{ padding:20px 0 0 ;}
	
	
	.comBox2Item{ padding:15px;}
	.comBox2Img{ padding-right:10px;}
	.comBox2Img img{ width:150px;}
	.comBox2Year{ font-size:24px;}
	
	.comBox4{ padding:0 10px 10px;}
	.comBox4Prev{ left:-10px;}
	.comBox4Next{ right:-10px;}
	
	.videoTopImg{ margin-bottom:15px;}
	
	
	.projectLogoTit{ padding:0 5%; font-size:20px;}
	
	.projectWorldCon{ font-size:16px; padding:15px;}
	.projectWorldCon .media-left{ display:block; padding:0; font-size:20px;}
	.projectWorldCon .media-body{ display:block;}
	
	.searchItem li h3{ font-size:14px;}
}
@media (max-width:460px){
	
	.navTopbg .container{ padding:0; margin:0 -1px;}
	.navTop_rig{ float:none !important; text-align:center;}
	.navTop_rig a{ width:33.333%; text-align:center; padding:0;}
	.navTop_sub li a{ width:100%;}
	
	.aboutBox2Img .swiper-slide{ height:200px;}
	
	.historyLef{ width:100%;}
	
	.strengthBox1Con{ width:120px; height:120px; padding-top:40px;}
	.strengthBox1Con span{ font-size:26px;}
	.strengthBox1Con i{ font-size:16px;}
	.strongthBox1Name{ font-size:12px;}
	
	
	.cultureBox6Name h3{ font-size:16px;}
	.cultureBox6List li a:hover .cultureBox6Ico{ left:10px; bottom:10px; border-width:3px;}
	
	.classifysub li a{ padding:0 10px;}
	.honourList{ margin:0 -5px;}
	.honourList li{ padding:0 5px 10px;}
	.honourImg{ border-width:5px;}
	
	.artlistTop li{ width:100%;}
	.artlistTopText h3{ height:auto;}
	
	.proTopName{ font-size:12px;}
	
	.proBox2Name{ font-size:16px;}
	.proBox2Name span{ padding:0; min-width:100px;}
	.proBox2ConList li a:hover .proBox2Name span{ font-size:16px;}
	
	.proBox3 .proBox2ConList li{ width:100%;}
	.proBox4Con{ padding-bottom:10px;}
	
	.pro02BoxToplef{ padding:0;}
	
	.pro02BoxBotNav .container{ padding:0;}
	.pro02BotNav li{ font-size:14px; line-height:38px;}
	.pro02BoxBotConText img{ max-width:70%;}
	
	.pro04List{ margin:0 -4px;}
	.pro04List li{ padding:0 4px 10px;}
	.pro04Con{ padding:10px 10px 0;}
	.pro04Con:after{ display:none;}
	.pro04Name{ font-size:16px;}
	.pro04NameEn{ height:24px; overflow:hidden;}

	
	.advantageList{ margin:0 -4px;}
	.advantageList li{ padding:0 4px 10px;}
	
	.advantage02List li{ width:50%;}
	.advantage02List li p{ min-height:0;}
	
	.solutionTopList li{ width:33.33%;}
	
	.caseBot li{ width:100%;}
	.caseName{ font-size:14px;}
	
	.serviceTop li{ width:100%; padding-bottom:10px;}
	.serviceCen li{ width:100%;}
	
	.contactTopList li{ width:100%;}
	
	.mapAddTop{ padding:40px 0 20px;}
	.mapsearch{ width:90%;}
	.mapCitysearch{ width:90%;}
	.mapTopBtn{ width:90%;}
	.addressList{ width:100%; padding:0 15px; margin:0 auto;}
	
	.busBox2TextTit{ font-size:12px;}
	
	.businessBox11List li{ width:50%;}
	.businessBox11List li:last-child{ width:100%;}
	
	.aboutHisList{ padding:0 25px;}
	.aboutHisPrev{ left:-10px;}
	.aboutHisNext{ right:-10px;}
	
	.comBox2Img{ display:block; width:100%; padding:0 0 15px;}
	.comBox2Img img{ max-width:100%; width:auto; margin:0 auto; display:block;}
	
	.companyBox5{ padding:20px 0 0;}
	.comBox5Lef{ padding:0 0 15px;}
	.comBox5En{ font-size:50px; line-height:50px;}
	.comBox5Tit{ font-size:20px;}
	.comBox5Line{  margin:-5px 0 20px;}
	.comBox5Con{ height:120px;}
	
	.comBox7Tit{ font-size:14px; padding:0 5px; line-height:26px;}
	
	.videoTop{ background-size:280px; padding:15px 10px;}
	.videoIco{ width:45px; height:45px;}
	.videoImg .videoIco{ width:30px; height:30px;}
	.videoTopTit{ font-size:16px;}
	.videoBot{ margin:0 -5px;}
	.videoBot li{ padding:0 5px 10px;}
	.videoTit{ font-size:12px;}
	
	.projectChina{ padding:30px 0;}
	.projectChTit{ font-size:18px;}
	.projectChEn{ font-size:22px;}
	.projectCity li{ font-size:16px;}
	.projectConTop{ font-size:20px;}
	.projectConTop img{ width:15px;}
	.projectCon{ padding:0;}
	.projectItem{ font-size:14px;}
	.projectItem .media-left{ font-size:16px;}
	.projectText{ font-size:14px;}
	
	.projectWorld img{ max-width:100%;}
	
	.yewuBox3Img li{ width:100%;}

	.mBox2List .swiper-slide{ width:50%;height: 104px;}
}
@media (max-width:760px) and ( max-height:420px){
	
}
@media (max-width:360px){
	.solutionTopList li{ width:50%;}	
}	
@media (max-width:320px){
	.advantage02List li{ width:100%;}		
}
@media (max-height:414px){
	nav.navbar.bootsnav.no-full .navbar-collapse{ max-height:160px;}
	.Ban1 .Ban_boximg{ width:50%; left:20%;}
	.Ban2 .Ban_boximg{ width:50%; margin-left:-25%;  top:10%}
		
}
@media all and (orientation : landscape){
	.banPcImg{ display:block;}
	.banMobImg{  display:none;}
}
@media all and (orientation : portrait){ 
	.banPcImg{ display:none;}
	.banMobImg{  display:block;}
} 





.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font15{ font-size:15px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.font24{ font-size:24px;}
.font26{ font-size:26px;}
.font28{ font-size:28px;}
.font30{ font-size:30px;}
.font35{ font-size:35px;}
.font36{ font-size:36px;}
.font40{ font-size: 40px;}
.font42{ font-size: 42px;}
.font45{ font-size: 45px;}
.font48{font-size: 48px;}
.font60{ font-size:60px;}
.borRad50{
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.borRad20{
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}
.borRad10{
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.borRad6{
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.borRad3{
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.disFlCenter{ 
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;}
.ovfV{overflow: visible;}
@media (max-width:1660px){
.font22{ font-size:20px;}
.font24{ font-size:22px;}
.font26{ font-size:24px;}
.font28{ font-size:26px;}
.font30{ font-size:28px;}
.font36 , .font35{ font-size:32px;}
.font42 , .font45 , .font40{ font-size: 38px;}
.font48{ font-size: 40px;}
.font60{ font-size:50px;}
}
@media (max-width:1500px){
.font24{ font-size:20px;}
.font26{ font-size:22px;}
.font28{ font-size:24px;}
.font30{ font-size:26px;}
.font36 , .font35{ font-size:30px;}
.font42 , .font45 , .font40{ font-size:36px;}
.font48{ font-size: 38px;}
.font60{ font-size:48px;}
}
@media (max-width:1200px){
.font18{ font-size:16px;}
.font20 , .font22{ font-size: 18px;}
.font24{ font-size:18px;}
.font26{ font-size:20px;}
.font28{ font-size:22px;}
.font30{ font-size:24px;}
.font36 , .font35{ font-size:26px;}
.font42 , .font45 , .font40{ font-size: 30px;}
.font48{ font-size: 35px;}
.font60{ font-size:42px;}
}
@media (max-width:997px){
.font16{ font-size:14px;}
.font24{ font-size:16px;}
.font20 , .font22{ font-size: 16px;}
.font26{ font-size:18px;}
.font28{ font-size:20px;}
.font30{ font-size:22px;}
.font36 , .font35{ font-size:24px;}
.font42 , .font45 , .font40{ font-size: 26px;}
.font48{ font-size: 30px;}
.font60{ font-size:36px;}
}
@media (max-width:767px){
.font28{ font-size:18px;}
.font30{ font-size:20px;}
.font42 , .font45 , .font40{ font-size: 22px;}
.font48{ font-size: 24px;}
.font60{ font-size:30px;}
}
@media (max-width:680px){
.font36 , .font35{ font-size:20px;}
.font42 , .font45 , .font40{ font-size: 20px;}
.font48{ font-size: 20px;}
.font60{ font-size:26px;}
}
@media (max-width:440px){
.font16{ font-size:14px;}
.font36 , .font35{ font-size:18px;}
.font42 , .font45 , .font40{ font-size: 18px;}
.font48{ font-size: 18px;}
.font60{ font-size:22px;}
}
.width100{width: 100%; overflow: hidden; font-size: 14px;}
.businessBan{ background:none; background-size:cover; padding-top:98px; overflow:hidden;}
.xinJoin_aBox{ color: #424242; line-height: 26px;}
.xinjoin_bpp1{color: #af0e32;}
.martop85{margin-top: 85px;}
.xinjoin_bBox{position: relative;}
.xinjoin_bBox .swiper-container{padding-top: 60px; margin-top: 15px;}
.xinjoin_bBox .swiper-slide{position: relative; padding-top: 75px;}
.xinjoin_bBtn{top: 0; margin-top: 0; width: 24px; height: 22px; background-size: 100% auto; z-index: 6;}
.xinjoin_bprev{ background-image: url(../image/xinzs_05.jpg); left: 50%; margin-left: -30px;}
.xinjoin_bext{ background-image: url(../image/xinzs_07.jpg); left: 50%; margin-left: 0;}
.xinjoin_bBoxa{width: 112px; height: 112px; position: absolute; z-index: 5; top: 0; left: 50%; margin-left: -56px; background-image: url(../image/xinzs_11.png); background-size: 100% auto;} 
.xinjoin_bBoxb{height: 326px; padding: 60px 2% 10px; border: 1px solid #cdcdcd; background-color: #ededed; background-image: url(../image/xinzs_12.jpg); background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; line-height: 30px; color: #2e2e2e;}
.xinjoin_cpp1{color: #4e4e4e; line-height: 36px; margin-top: 8px; margin-bottom: 32px;}
.xinjoin_cBox{position: relative;}
.xinjoin_cBox .swiper-container{padding-bottom: 40px;}
.xinjoin_cBox .swiper-pagination{bottom: 0;}
.xinjoin_cBox .swiper-pagination-bullet{background: #d2d2d2; opacity: 1;}
.xinjoin_cBox .swiper-pagination-bullet-active{background: #c40001;}
.xinjoin_cBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 3px;}
.xinjoin_dBox{margin: 0 -45px;}
.xinjoin_dBox ul{list-style: none;}
.xinjoin_dBox ul li{width: 25%; float: left; padding: 0 45px; margin-top: 40px; color: #7c7c7c; line-height: 24px;}
.xinjoin_dBox ul li:nth-child(4n+1){ clear: both;}
.xinjoin_dimg1{ margin: 10px auto; display: block;}
.xinjoin_dpp1{color: #353535;}
.xinjoin_dpp2{ width: 50px; margin-bottom: 5px; height: 2px; background: #535353; display: inline-block;}
.xinjoin_dBox ul li:hover .xinjoin_dpp2{background: #af0e32;}
.xinjoin_dBox ul li:hover .xinjoin_dimg1{
	-webkit-animation: tada 1s .2s ease both;
	-moz-animation: tada 1s .2s ease both; 
	-o-animation: tada 1s .2s ease both; 
	-ms-animation: tada 1s .2s ease both;
}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes tada{
0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}
}
@-o-keyframes tada{
0%{-o-transform:scale(1);}
10%, 20%{-o-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 60%, 70%, 90%{-o-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-o-transform:scale(1.1) rotate(-3deg);}
100%{-o-transform:scale(1) rotate(0);}
}
@-ms-keyframes tada{
0%{-ms-transform: scale(1);}
10%, 20%{-ms-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 60%, 70%, 90%{-ms-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-ms-transform:scale(1.1) rotate(-3deg);}
100%{-ms-transform:scale(1) rotate(0);}
}
.xinjoin_eBox{list-style: none; margin-top: 20px;}
.xinjoin_eBox li{width: 20%; float: left; padding: 0 3px;}
.xinjoin_eBoxa{position: relative;  padding-top: 10px; padding-left: 40px; min-height: 64px;}
.xinjoin_epp1{color: #af0e32; position: absolute; line-height: 64px; left: 0; top: 0; font-family: arial; font-style: italic; width: 40px; text-align: center;}
.xinjoin_epp2{line-height: 24px; color: #3b3b3b; text-align: left;}
.xinjoin_fBox{margin-top: 40px; padding: 0 70px;}
.xinjoin_fBoxa{ padding: 0 24px; width: 50%; float: left;}
.xinjoin_fBoxb{color: #525252; line-height: 24px; padding-top: 100px;}
.xinjoin_fpp1{ margin-bottom: 25px;}
.businessBox13Lef h4{ font-family:"Microsoft YaHei";}
.businessBox13Rig textarea.form-control{height: 180px;}
.businessBox13{margin-bottom: 80px; margin-top: 30px;}
.xinjoin_gBox{margin-top: 32px; position: relative; padding-bottom: 75px;}
.xinjoin_gBox .swiper-container{position: relative;}
.xinjoin_gBox .swiper-container:after{ position: absolute; left: 0; top: 50%; height: 1px; width: 100%; background: #b7b7b7; content: ""; z-index: 0;}
.xinjoin_gBoxa{ padding: 0 5px; position: relative; width: 187px; height: 187px;}
.xinjoin_gBoxa:before{ position: absolute; left: 0; top: 50%; margin-top: -4px; width: 7px; height: 8px; background: url(../image/xinzs_67.jpg) no-repeat; background-size: 100% auto; content: ""; z-index: 6;}
.xinjoin_gBoxa:after{ position: absolute; right: 0; top: 50%; margin-top: -4px; width: 7px; height: 8px; background: url(../image/xinzs_65.jpg) no-repeat; background-size: 100% auto; content: ""; z-index: 6;}
.xinjoin_gBoxb{width: 100%; height: 100%; padding: 10px; border: 1px solid #b7b7b7; background: #fff; position: relative; z-index: 5; font-size: 14px; color: #665f5f; line-height: 20px;}
.xinjoin_gpp1{margin-top: 20px;}
.xinjoin_gBox .swiper-scrollbar{width: 90% !important; background: #b8b8b8; left: 5%; height: 1px; bottom: 0; top: auto; display: block !important;}
.xinjoin_gBox .swiper-scrollbar-drag{ display: block; margin-top: -15px; height: 32px; background: url(../image/xinzs_73.png) center no-repeat; background-size: 52px auto; transform: 0 !important;}
nav.navbar.bootsnav ul.nav > li.zsjm_nav div.dropdown-menu{width: 1200px; padding-left: 0;}
nav.navbar.bootsnav ul.nav > li.zsjm_nav div.dropdown-menu ul{width: 100%; border-left: 0; text-align: right;}
nav.navbar.bootsnav li.dropdown.zsjm_nav div.dropdown-menu ul > li{display: inline-block; margin: 0 10px; width: auto; line-height: 52px;}
nav.navbar.bootsnav li.dropdown.zsjm_nav div.dropdown-menu ul > li > a{display: inline-block;}
nav.navbar.bootsnav li.dropdown.zsjm_nav div.dropdown-menu{min-height: auto;}
.zpbannerBox{background-position: center; padding: 2%; background-size: cover; position: relative; color: #fff;}
.arrows{
width:26px;
z-index:5;
position:absolute;
left:50%; margin-left:-15px;
animation:myfirsta 1.5s;
-moz-animation:myfirsta 1.5s; 
-webkit-animation:myfirsta 1.5s; 
-o-animation:myfirsta 1.5s; 
animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes myfirsta
{
0%   {bottom:40px; opacity: 1;}
100% {bottom:20px; opacity: 0.2;}
}
@-moz-keyframes myfirsta 
{
0%   {bottom:40px; opacity: 1;}
100% {bottom:20px; opacity: 0.2;}
}
@-webkit-keyframes myfirsta 
{
0%   {bottom:40px; opacity: 1;}
100% {bottom:20px; opacity: 0.2;}
}
@-o-keyframes myfirsta 
{
0%   {bottom:40px; opacity: 1;}
100% {bottom:20px; opacity: 0.2;}
}
.xinzp_app1{font-size: 70px; font-weight: bold;}
.xinzp_app2{display: block; width: 90px; height: 3px; background: #a91537; margin: 10px 0 26px;}
.xinzp_app3{line-height: 26px;}
.xinzp_app4{font-weight: bold; color: #af0e32; text-transform: uppercase;}
.xinzp_app5{ color: #af0e32; position: relative; display: inline-block;}
.xinzp_app5:before{position: absolute; width: 40px; height: 1px; background: #af0e32; content: ""; left: -50px; top: 50%;}
.xinzp_app5:after{position: absolute; width: 40px; height: 1px; background: #af0e32; content: ""; right: -50px; top: 50%;}
.xinzp_app6{ margin: 12px 0; line-height: 26px;}
.xinzp_aBox{ padding: 0 65px; width: auto; margin: 62px auto; display: inline-block; list-style: none; position: relative;}
.xinzp_aBox:after{position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #af0e32; content: ""; z-index: 0;}
.xinzp_aBox li{width: 110px; height: 42px; line-height: 42px; margin: 0 35px; background: #af0e32; color: #fff; float: left; position: relative; z-index: 2; cursor: pointer;}
.xinzp_aBox li:hover{background: #78021c;}
.xinzp_aBox li.xinzp_ahover{background: #78021c;}
.xinzp_bBoxa{margin: 0 -23px;}
.xinzp_bBoxa ul {list-style: none;}
.xinzp_bBoxa ul li{padding: 0 23px; width: 33.3%; float: left;}
.xinzp_cBox{ margin-top: 160px; background-image: url(../image/xinzp_18.jpg); background-position: center; background-size: cover; position: relative;}
.xinzp_cBoxa{background: rgba(175,14,50,0.9); height: 850px; width: 50%; padding: 10px; overflow: auto;}
.xinzp_cpp1{color: #fff;}
.xinzp_cpp2{color: #fff; font-weight: bold; margin: 2px auto;}
.xinzp_cpp2:before{background: #fff;}
.xinzp_cpp2:after{background: #fff;}
.xinzp_cpp3{color: #fff;}
.xinzp_dBox {list-style: none; padding-top: 35px; }
.xinzp_dBox li{ width: 100%; margin-bottom: 18px; cursor: pointer;}
.xinzp_dpp1{ padding: 0 28px; display: inline-block; height: 27px; line-height: 25px; border: 1px solid #ffffff; color: #fff;}
.xinzp_dBox li dl{width: 100%; color: #fff; padding: 10px 0 0; display: none;}
.xinzp_dBox li dd{ line-height: 26px; width: 100%;}
.xinzp_eBox{ position: absolute; width: 80%; left: 10%; padding: 34px 0; height: 490px; top: 50%; margin-top: -245px; background: rgba(255,255,255,0.9); z-index: 5; display: none; overflow: auto;}
.xinzp_epp1{display: inline-block; width: 268px; height: 40px; line-height: 40px; color: #fff; background: #af0e32;}
.xinzp_eClose{position: absolute; top: 34px; right: 34px;}
.xinzp_eBoxa{padding-top: 25px;}
.xinzp_eBoxb{ width: 50%; float: left; padding: 0 30px; color: #0f0f0f; line-height: 36px;}



@media (max-width:1600px){
.xinjoin_banBox{top: 98px; }	
.xinzp_app1{font-size: 65px;}
.xinzp_aBox{ padding: 0 50px; margin: 50px auto; }
.xinzp_cBoxa{height: 800px; }
}
@media (max-width:1440px){
.martop85{margin-top: 60px}
.xinjoin_dBox{margin: 0 -30px;}
.xinjoin_dBox ul li{padding: 0 30px;}
.xinjoin_fBox{padding: 0 50px;}
.xinjoin_fBoxb{padding-top: 85px;}
.xinzp_app1{font-size: 60px;}
.xinzp_aBox{ padding: 0 40px; margin: 40px auto; }
.xinzp_aBox li{width: 100px;}
.xinzp_cBoxa{height: 750px; }
.xinzp_cBox{margin-top: 120px;}
}
@media (max-width:1230px){
nav.navbar.bootsnav ul.nav > li.zsjm_nav div.dropdown-menu{width: 1150px;}	
.xinzp_app1{font-size: 52px;}
}
@media (max-width:1200px){
.martop85{margin-top: 45px}
.xinjoin_dBox{margin: 0 -18px;}
.xinjoin_dBox ul li{padding: 0 18px;}
.xinjoin_fBox{padding: 0 20px;}
.xinjoin_fBoxb{padding-top: 65px;}
nav.navbar.bootsnav ul.nav > li.zsjm_nav div.dropdown-menu{width: 950px;}	
.xinzp_app1{font-size: 48px;}
.xinzp_aBox{ padding: 0 30px; margin: 30px auto; }
.xinzp_aBox li{margin: 0 20px;}
.xinzp_bBoxa{margin: 0 -15px;}
.xinzp_bBoxa ul li{padding: 0 15px;}
.xinzp_cBoxa{height: 700px; }
.xinzp_cBox{margin-top: 80px;}
}
@media (max-width:992px){
.martop85{margin-top: 30px}
.xinjoin_dBox{margin: 0 -8px;}
.xinjoin_dBox ul li{padding: 0 8px;}
.xinjoin_fBox{padding: 0 0;}
.xinjoin_fBoxa{padding: 0 12px;}
.xinjoin_fBoxb{ padding-top: 30px;}
.xinjoin_eBox li{width: 33.3%;}
.xinjoin_eBox li:nth-child(3n+1){ clear: both;}
.xinjoin_gBoxa{width: 170px; height: 170px;}
.xinjoin_gpp1{margin-top: 15px;}
.xinjoin_banBox{top: 76px; }	
.xinjoin_banBoxa a{line-height: 46px;}
nav.navbar.bootsnav ul.nav > li.zsjm_nav div.dropdown-menu{width: 100%;}	
nav.navbar.bootsnav li.dropdown.zsjm_nav div.dropdown-menu ul > li{display: block; margin: 0 10px; width: 100%; line-height: 42px;}
nav.navbar.bootsnav ul.nav > li.zsjm_nav div.dropdown-menu ul{text-align: left;}
nav.navbar.bootsnav li.dropdown.zsjm_nav div.dropdown-menu ul > li > a{padding-left: 15px; display: block;}
.xinzp_app1{font-size: 42px;}
.xinzp_bBoxa{margin: 0 -10px;}
.xinzp_bBoxa ul li{padding: 0 10px;}
.xinzp_cBox{margin-top: 50px;}
.xinzp_eBoxb{line-height: 26px; padding: 0 20px;}
.xinzp_eBox{padding: 20px 0;}
.xinzp_eClose{top: 20px; right: 20px;}
.xinzp_cBoxa{height: 620px;}
}
@media (max-width:767px){
.xinjoin_dBox ul li{width: 33.3%;}
.xinjoin_dBox ul li:nth-child(4n+1){clear: none;}
.xinjoin_dBox ul li:nth-child(3n+1){clear: both;}
.xinjoin_fBox{padding: 0;}
.xinjoin_fBoxa{padding: 0 12px;}
.xinjoin_fBoxb{ padding-top: 25px;}
.xinjoin_bBoxa{width: 104px; height: 104px; margin-left: -52px;}
.xinjoin_bBoxb{padding-top: 40px; height: 300px;}
.xinjoin_gBoxa{width: 150px; height: 150px;}
.xinjoin_gpp1{margin-top: 10px;}
.xinjoin_gBoxb img{ width: 38px;}
.xinjoin_gBox{padding-bottom: 45px;}
.xinjoin_banBox{position: relative;}
.xinzp_app1{font-size: 36px;}
.xinzp_aBox{ padding: 0 20px; margin: 20px auto; }
.xinzp_aBox li{margin: 0 10px;}
.xinzp_bBoxa{margin: 0 -5px;}
.xinzp_bBoxa ul li{padding: 0 5px;}
.xinzp_cBox{margin-top: 30px;}
.xinzp_eBox{width: 90%; left: 5%;}
.xinzp_cBoxa{width: 100%; overflow: auto;}
.xinzp_eBoxb{ padding: 0 2%;}
.xinzp_dBox{padding-top: 15px;}
.xinzp_dBox li{margin-bottom: 10px;}
.xinzp_dBox li dd{ width: auto; display: inline-block; margin: 0 10px;}
.xinzp_cBoxa{height: 585px;}
}
@media (max-width:620px){
.xinjoin_eBox li{width: 50%;}
.xinjoin_eBox li:nth-child(3n+1){ clear: none;}
.xinjoin_eBox li:nth-child(2n+1){ clear: both;}
.xinjoin_dBox ul li{width: 50%; margin-top: 15px;}
.xinjoin_dBox ul li:nth-child(4n+1){clear: none;}
.xinjoin_dBox ul li:nth-child(3n+1){clear: none;}
.xinjoin_dBox ul li:nth-child(2n+1){clear: both;}
.xinjoin_fBoxa{width: 100%;}
.xinjoin_gBox{padding-bottom: 30px;}
.xinzp_app1{font-size: 30px;}
.xinzp_epp1{ width: auto; padding: 0 20px;}
.xinzp_eClose{right: 10px;}
.xinzp_eBoxa{padding-top: 10px;}
.xinzp_eBoxb{line-height: 24px;}
}
@media (max-width:520px){
.xinjoin_gBox .swiper-scrollbar-drag{ background-size: 30px auto;}
.xinjoin_bBox .swiper-slide{padding-top: 60px;}
.xinjoin_bBoxb{height: 220px; line-height: 24px; padding-top: 50px;}
.xinzp_aBox{ padding: 0 5px;}
.xinzp_aBox li{margin: 0 5px;}
.xinzp_bBoxa ul li{width: 100%; margin: 10px 0;}
.xinzp_app1{font-size: 26px;}
.xinzp_aBox{margin: 0 auto;}
}
@media (max-width:400px){
.xinjoin_dBox ul li{width: 100%;}
.xinjoin_eBox li{width: 100%;}
.xinjoin_eBoxa{min-height: 35px; padding-top: 0; padding-left: 35px; margin-top: 8px;}
.xinjoin_epp1{line-height: 35px; display: block; width: 35px;}
.xinzp_aBox:after{width: 0;}
.xinzp_aBox li{margin: 6px 0; width: 100%;}
.xinzp_app1{font-size: 22px;}
}



/*2020-7-27*/
.newThreeText {
	font-size: 14px;
	
	color: #8d8d8d;

}


.ds{
	color:#757575;
	
	font-size: 20px;
	display: inline-block;
	margin-left: 10px;

}
.navTop_ren{
display: inline-block;
} 
.banner .div1{
	font-size: 36px;

	line-height: 36px;
	letter-spacing: 4px;
	color: #ffffff;
	box-shadow: 0px 3px 7px 0px 
		rgba(63, 62, 62, 0.15);
}.banner .div2{
	font-size: 94px;
line-height: 1;

font-weight: bold;
margin: 19px 0;

	color: #ffffff;
	box-shadow: 0px 3px 7px 0px 
		rgba(63, 62, 62, 0.15);
}.banner .div3{font-size: 36px;line-height: 30px;color: #ffffff;
	box-shadow: 0px 3px 7px 0px 
		rgba(63, 62, 62, 0.15);}
.banner .wenzis{
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	/* IE 9 */
	-moz-transform: translateX(-50%);
	/* Firefox */
	-webkit-transform: translateX(-50%);
	/* Safari 和 Chrome */
	-o-transform: translateX(-50%);
	top: 40%;
	text-align: center;
}


.index-body .navTopbg{
	background: transparent;
	transition:  ease-in-out 0.3s;
	-webkit-transition:  ease-in-out 0.3s;
	-moz-transition:  ease-in-out 0.3s;
	-o-transition:  ease-in-out 0.3s;
	color: #fff;

	border-bottom: 1px solid rgba(255,255,255,0.33);

	
}.index-body nav.navbar.bootsnav{

	background: transparent;border-bottom:none;

}
.index-body .newThreeText,.index-body .navTop_ren,.index-body .ds{
	color: #FFFFFF;

}

.index-body .navbar-brand  .img1{
	display:none;

}
.index-body nav.navbar.bootsnav ul.nav > li > a{
	color: #FFFFFF;

}
.index-body.active .nav.navbar.bootsnav{

		border: none;
		border-bottom: 1px solid #d7d7d7;

} 
.index-body.active .navTopbg{
    background: #393939;

   
    color: #787878;

}.index-body.active  nav.navbar.bootsnav {
	background: #fff;
	transition:  ease-in-out 0.3s;
	-webkit-transition:  ease-in-out 0.3s;
	-moz-transition:  ease-in-out 0.3s;
	-o-transition:  ease-in-out 0.3s;

	border-bottom: 1px solid #eeeeee;
}.index-body.active  .navbar-brand .img1{
	display: block;

}.index-body.active  .navbar-brand .img2{
	display: none;
}
.index-body.active nav.navbar.bootsnav ul.nav > li > a{
	color: #000000;
}
.more a{
	width: 185px;
	height: 54px;
	
	display: inline-block;
	line-height: 54px;
		border: solid 1px #d4d4d3;	font-size: 16px;
		color: #7f7e7e;

		transition:  ease-in-out 0.3s;
		-webkit-transition:  ease-in-out 0.3s;
		-moz-transition:  ease-in-out 0.3s;
		-o-transition:  ease-in-out 0.3s;
}
.more a:hover{
	transition:  ease-in-out 0.3s;
	-webkit-transition:  ease-in-out 0.3s;
	-moz-transition:  ease-in-out 0.3s;
	-o-transition:  ease-in-out 0.3s;

	box-shadow: inset 0  0  0 30px #028c7a;
	color: #fff;
}
.banner .more a{
	border: solid 1px #fff;
	color: #fff;


}.banner .more {
	margin-top: 35px;
}
.head-div .en_zi{
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #222222;
}.head-div .en_zi span{
	width: 40px;
	height: 4px;
	background-color: #028c7a;
	display: inline-block;
	margin-left: 10px;
}
.head-div .cn_zi{
	font-size: 48px;

	color: #222222;
	line-height: 1;
	margin-top: 15px;
}.head-div .fl{
	width: 30%;
}.head-div .fr{
	width: 63%;
	font-size: 16px;
	margin-top: 40px;

	line-height: 30px;
	letter-spacing: 0px;
	color: #222222;
	opacity: 0.82;
}.head-div{
	margin: 80px 0 60px  ;
}
.peo-divs{
	margin-bottom: 30px ;
}
.peo-divs .bot-pro{position: relative;box-shadow: 0px 3px 7px 0px rgba(138, 137, 137, 0.15);padding:40px 35px ;width: 90%;margin: -55px auto 0;position: relative;background: #fff;}
.peo-divs .bot-pro .title a{font-size: 20px;color: #333333;line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	overflow: hidden;
}.peo-divs .bot-pro .yaos{
	font-size: 16px;
	margin-top: 10px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #333333;
	opacity: 0.85;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	overflow: hidden;
}.peo-divs .bot-pro::after{
	content: '';
	position: absolute;
	height: 9px;
	background-color: #028c7a;
	width: 100%;
	left: -100%;
	top: 0;		transition:  ease-in-out 0.3s;
	-webkit-transition:  ease-in-out 0.3s;
	-moz-transition:  ease-in-out 0.3s;
	-o-transition:  ease-in-out 0.3s;

}.peo-divs:hover .bot-pro::after{
left: 0;		transition:  ease-in-out 0.3s;
	-webkit-transition:  ease-in-out 0.3s;
	-moz-transition:  ease-in-out 0.3s;
	-o-transition:  ease-in-out 0.3s;	
}.peo-divs .bot-pro {overflow: hidden;}
.peo-divs:hover  img{
	transform:scale(1.2);
	 -webkit-transform:scale(1.2);
	 -moz-transform:scale(1.2);
	 -o-transform:scale(1.2);
	 transition:  ease-in-out 0.3s;
	 -webkit-transition:  ease-in-out 0.3s;
	 -moz-transition:  ease-in-out 0.3s;
	 -o-transition:  ease-in-out 0.3s;	

}
.peo-divs  img{
	transition:  ease-in-out 0.3s;
	-webkit-transition:  ease-in-out 0.3s;
	-moz-transition:  ease-in-out 0.3s;
	-o-transition:  ease-in-out 0.3s;	
}
.index-about{
	margin-top: 60px;

}

.about-zis{
	width: 50%;	background-color: #1c1b1f;
	padding: 70px 60px ;

}	.index-about .head-div .en_zi{
	color:#fff;

}	.index-about .head-div .cn_zi{
	color:#fff;

}

.index-about  .zhans{
	font-size: 16px;

	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.82;
}.index-about .head-div{
	margin: 0 0 30px;
}.index-about .more a{
	background: #028c7a;
	color: #fff;

	border: none;

}
.index-about .about-zi{
	right: 0;
	left:0;

}.index-about .more {
	margin-top: 40px;
}
.shuzi-div{
	background-color: #f8f8f8;
	padding: 110px 0;
}.shuzi-div .fl{
	width: 40%;	font-size: 36px;color: #222222;	line-height: 55px;
}.shuzi-div .fr{
	width: 60%;
	
}.shu-uls li{
	width: 33.33%;
	float: left;
	padding: 0 35px ;

}.shu-uls li .p1{
	font-size: 48px;

	letter-spacing: 0px;
	color: #028c7a;
}
.shu-uls li .p1> sup{
	font-size: 18px;color: #028c7a;
	position: relative;
	top: -30px;
}.shu-uls li .p2{
	font-size: 16px;

	line-height: 26px;

	color: #222222;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp:2;
	overflow: hidden;
}.shu-uls li .p1 span{
	font-weight: bold;
}.jie-lunbo .swiper-container{
	padding: 0 35px 70px ;
}.jie-lunbo .swiper-container  .peo-divs .bot-pro .yaos{
	margin-top: 0;
}
.jie-lunbo  .swiper-pagination-bullet{
	width: 17px;
	height: 17px;
	background-color: #b5b5b5;
	opacity: 1;
}.jie-lunbo  .swiper-pagination-bullet-active{
	background: #028c7a;

}.jie-lunbo {
	margin-bottom: 30px;
}
.index-new{
	background-color: #f8f8f8;
}
.index-new-div{
	background-color: #ffffff;
	box-shadow: 0px 3px 7px 0px 
		rgba(138, 137, 137, 0.15);
}.index-new-div  .datas{
	color: #595959;	font-size: 16px;	line-height: 30px;
}.index-new-div .news-nei{

	padding: 40px 60px;
	position: relative;
}
.index-new-div .news-nei::after{
	position: absolute;
	content: '';
	background: rgba(0,0,0,.4);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	z-index: -1;
}
.index-new-div  .biaoti a{
	display: block;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #2a2a2a;
	height: 60px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp:2;
	overflow: hidden;

}.index-new-div  .zhai-yao{
	font-size: 16px;	margin-top: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #595959;
	height: 90px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp:3;
	overflow: hidden;
}.index-new-div  .biaoti {
	margin-top: 15px;
}
.index-new-div  .read{
	margin-top: 25px;

}.index-new-div  .read a{
	font-size: 16px;

	line-height: 30px;
	letter-spacing: 0px;



	color: #595959;
}.index-new-div {
	overflow: hidden;
}.index-new-div .bg-new{
	width: 100%;
	height: 100%;
	top: 0;
	left: -100%;	transition:  ease-in-out 0.3s;
	-webkit-transition:  ease-in-out 0.3s;
	-moz-transition:  ease-in-out 0.3s;
	-o-transition:  ease-in-out 0.3s;


}.index-new-div .news-nei{
	position: relative;
	z-index: 2;
}.index-new-div:hover .bg-new{
	left: 0;	transition:  ease-in-out 0.3s;
	-webkit-transition:  ease-in-out 0.3s;
	-moz-transition:  ease-in-out 0.3s;
	-o-transition:  ease-in-out 0.3s;

 
}.index-new-div:hover  .news-nei::after{
	display: block;
}

.index-new-div:hover .zhai-yao,.index-new-div:hover .read a,.index-new-div:hover .biaoti a,.index-new-div:hover .datas{
	color: #fff;
}
.index-new .more {
	margin: 40px 0;


}
.index-ding{
	height: 585px;
	background: url(../image/11.jpg) no-repeat;
	background-size: cover;
}
.index-ding   .box-ding{
	width: 50%;
	background-color: rgba(248, 248, 248,.9);
	
	padding: 80px;
}.index-ding   .box-ding  .pp1{
	font-size: 34px;



	color: #3a3939;
}.index-ding   .box-ding  .pp2{
	font-size: 16px;

	line-height: 30px;
	margin: 24px ;
	color: #3a3939;
}
.index-ding .box-form{
	border: solid 1px #bebdbd;
	width: 70%;
	height: 55px;border-radius: 5px;
	margin: 0px auto;
}.index-ding .box-form 	input::placeholder{

	

	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #3a3939;
	opacity: 0.67;

}.index-ding .box-form 	input{
	height: 54px;	
	width: 80%;
	border-top-left-radius: 5px;
	padding-left: 20px;
	border: none;



	border-bottom-left-radius: 5px;

}.index-ding .box-form  button{
	height: 54px;
	background-color: #313131;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border: none;
	text-align: center;
	line-height: 54px;
	width: 20%;transition:  ease-in-out 0.3s;
	-webkit-transition:  ease-in-out 0.3s;
	-moz-transition:  ease-in-out 0.3s;
	-o-transition:  ease-in-out 0.3s;
	color: #fff;
}.index-ding .box-form  button:hover{
	box-shadow:inset 0 0 0 30px #028c7a;transition:  ease-in-out 0.3s;
	-webkit-transition:  ease-in-out 0.3s;
	-moz-transition:  ease-in-out 0.3s;
	-o-transition:  ease-in-out 0.3s;
}@media (max-width:767px) {
	.newThreeText {
		font-size: 14px;
		margin-right: 0;
	}
	.navTop_ren{
		display: none;
	}
	.ds{
		float: right;
	}.navTopbg{
		padding: 0 20px;
	}.footerLogo{
	width: 100%;    padding: 20px 0;
	}.footeraddress{
		display: none;
	}.logo img{
		width: 150px;
		height: auto;
	}
}

@media (max-width:460px) {

}

.sbout-img img{
    display: block; 
	max-width:100% ;   
    margin: 0 auto;
}
@media(max-width:1600px){
	.head-div .cn_zi {
		font-size: 30px;
	}.head-div .fr{
		margin-top: 14px;
	}.shuzi-div .fl {

		font-size: 30px;
	}.shu-uls li .p1 {
		font-size: 35px;

	}.shuzi-div {
	
		padding: 82px 0;
	}.banner .div2 {
		font-size: 45px;
	}.banner .div3 {
		font-size: 24px;
	}.banner .wenzis{
		top: 34%;
	}
}


@media(max-width:1200px){
	.about-zis {
		width: 64%;
		padding: 40px;
	}	.head-div .cn_zi {
		font-size: 25px;
	}.shu-uls li{
		padding: 0 5px;
	}.head-div {
		margin: 30px 0 40px;
	}.peo-divs .bot-pro{
		padding: 10px;
	}.peo-divs .bot-pro .title a {
		font-size: 17px;
	}.index-new-div .news-nei{
		padding: 20px 30px;
	}.index-ding .box-ding{
		padding: 50px;
		width: 70%;
	}.index-ding .box-ding .pp1 {
		font-size: 24px;
	}	
}

@media(max-width:990px){.navTop_ren{
	display: none;
}
}
@media(max-width:767px){
	.index-body{
		padding-top:0px ;
	}.index-body.active nav.navbar.bootsnav{
		position: relative;
	}
	.banner .div1{
		font-size: 16px;

	}.banner .div2{
		font-size:20px;    margin: 3px 0;
	}.banner .div3{
		font-size:16px;
	}.banner .wenzis{
		width: 90%;
		top: 10%;
	}.more a{
		width: 80px;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}.banner .more{
		margin-top: 5px;
	}.banner .swiper-pagination {
		bottom: 10px;
	}
	.index-pro{

		padding: 15px;
	}.head-div .fl{
		width: 100%;
	}.head-div .fr{
		width: 100%;
		font-size: 14px;
		line-height: 25px;
	}.peo-divs .bot-pro{
		margin: 0;
		width: 100%;
	}
	.index-pro-list .row{
		margin: 0 -7.5px;
	}.index-pro-list .row .col-sm-4{
		padding: 0 7.5px;

	}.peo-divs .bot-pro .title a {
		font-size: 16px;
	}.peo-divs .bot-pro .yaos {
		font-size: 14px;
		margin-top: 0;
	}.peo-divs{
		margin-bottom: 15px;
	}.index-about .about-zi{
		position: relative;

		top: 50%;
		-ms-transform: translateY(0%);
		/* IE 9 */
		-moz-transform: translateY(0%);
		/* Firefox */
		-webkit-transform: translateY(0%);
		/* Safari 和 Chrome */
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}.about-zis{
		width: 100%;    padding: 20px;
	}.index-about {
		margin-top: 20px;
	}.index-about .zhans {
		font-size: 14px;
		line-height: 24px;
	}.index-about .head-div {
		margin: 0 0 20px;
	}.index-about .more {
		margin-top: 12px;
	}.shuzi-div,.index-jie ,.index-new{
		padding: 15px ;
	}.shuzi-div .fl{
		width: 100%;
		font-size:20px;
		line-height: 30px;
		margin-bottom: 20px;
	}.shuzi-div .fr{
		width: 100%;
	}.shu-uls li .p1 {
		font-size: 24px;
	}.shu-uls li .p1> sup {
		font-size: 12px;    top:-10px;
	}.shu-uls li .p2 {
		font-size: 14px;
	}.index-new-div .news-nei {
		padding: 14px 15px;
	}.index-new-div{
		margin-bottom: 15px;
	}.index-new-div .biaoti a {
	
		font-size: 16px;
	}.index-new-div .biaoti{
		margin-top: 0;
	}.index-new-div .zhai-yao {
		font-size: 14px;
		margin-top: 0px;
	}	.index-new-div .read {
		margin-top: 5px;
	}.index-ding .box-ding {
		padding: 30px 10px;
		width: 90%;
	}.index-ding{
		height: 300px;
	}.index-ding .box-form{
		width: 100%;
		height: 40px;
	}.index-ding .box-form input{
		height: 39px;
	}.index-ding .box-form button{
		height: 39px;
		line-height: 39px;
		font-size: 12px;
	}.index-ding .box-ding .pp2 {
		font-size: 14px;
		line-height: 23px;
		margin: 5px;
	}.index-ding .box-ding .pp1 {
		font-size: 19px;
	}.jie-lunbo .swiper-container{
		padding: 0 10px 40px;
	}
}

#page {
	clear: both;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	display: table;
	margin: 30px auto;
  }
  
  #page li {
	float: left;
	padding: 5px 14px;
	border: 1px solid #CCCCCC;
	margin-right: 6px;
	color: #666;
	font-size: 12px;
	list-style: none;
  }
  
  #page li:hover {
	border: 1px solid rgb(2,140,122);
  }
  
  #page li:hover a {
	color: rgb(2,140,122);
  }
  
  #page li a {
	color: #666;
	display: inline-block;
	padding: 5px 14px;
	text-align: center;
	margin: -5px -14px -5px -14px;
  }
  
  #page li.active {
	border: 1px solid rgb(2,140,122);
	background-color: rgb(2,140,122);
	color: #FFFFFF
  }
  
  #page li.active a {
	color: #fff
  }.box-search {
    transition: 400ms ease-in-out;
    -moz-transition: 400ms ease-in-out;
    -webkit-transition: 400ms ease-in-out;
    -o-transition: 400ms ease-in-out;
	left: 40%;
	border: 1px solid #eee;

	z-index: 99;
    top: 100%;
  }.box-search {
    width: 21rem;
	display: none;
  
	border-radius: 0.625rem;
  }
  .box-search input {
	height: 2.875rem;
	background-color: #ffffff;
	width: 85%;
	float: left;
	font-size: 14px;
	color: #000000;
	border: none;
	padding-left: 0.9375rem;
	border-top-left-radius: 0.625rem;
	border-bottom-left-radius: 0.625rem;
  }
  .ds1{
	font-size:20px!important;
	color: #1260f8!important;
	cursor: pointer;
  
  }
  
  
  .box-search button {
	height: 2.875rem;
	line-height: 2.875rem;
	width: 15%;  float: left;
background: rgb(2,140,122);
text-align: center;
	color: #fff;
	padding: 0 0;
	border: none;
	border-top-right-radius: 0.625rem;
	border-bottom-right-radius: 0.625rem;
  }
  .juyd{
	  margin-bottom: 50px;
  }
  @media(max-width:767px){

	.table-responsive table {
		width: 800px !important;
	
	}
	.box-search {
		width: 17rem;
		left: auto;
		right: 0;    top: 38px;

	}.Bannern{
		height: 200px;
	}.Bannern-ziz .title {
		font-size: 21px;
	}.Bannern-ziz a{
		font-size: 12px;
	}.aboutBox1Img{
		text-align: center;
	}.proTopImg i {
		font-size: 45px;
	}.proTop li a {
		padding: 0 ;
	}.pro04bg {
		padding-top: 30px;
	}.solutionTopIco i {
		font-size: 31px;
	}.solutionTopList li a{
		padding: 0px 0 10px;
	}.solutionTopIco {
		padding: 20px 0 4px;
	}
	.honourName {
	
		height: 40px;
	
		padding: 5px 10px;

	}
  }
  .careText img{
	  max-width: 100%;
  }.Bannern-ziz{
	width: 90%;
}.solutionBotIco{
	display: none;
}table  tr td{
	padding: 5px;
}