@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;  /* 阻止windows Phone 的默认触摸事件 */}
body {   position: relative; height: 100%; *cursor: default; color:#333333; overflow-x:hidden;}

@font-face {
     'Haettenschweiler';
	src:url(../fonts/Haettenschweiler.TTF);
    font-weight: normal;
    font-style: normal;
}
@font-face {
     'Songti';
	src:url(../fonts/Songti.ttf);
    font-weight: normal;
    font-style: normal;
}
@font-face {
     'FZLTZHK';
	src:url(../fonts/FZLTZHK.TTF);
    font-weight: normal;
    font-style: normal;
}
@font-face {
     'FZLTXHK';
	src:url(../fonts/FZLTXHK.TTF);
    font-weight: normal;
    font-style: normal;
}
@font-face {
     'STXIHEI';
	src:url(../fonts/STXIHEI.TTF);
    font-weight: normal;
    font-style: normal;
}
.swiper-container {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}
/*.pagination {
  position: absolute;
  z-index: 20;
  left: 0px;
  bottom:20px;
  margin:0;
}*/
.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;
}

/*navTopbg*/
.navTopbg{ background:#393939; height:32px; font-size:12px; color:#787878; line-height:32px;}
.navTopbg a{ color:#787878;}
.navTopbg a:hover{ color:#FFFFFF;}
.navTop_left{ background:url(navTopIco1.png) left center no-repeat; padding-left:30px; font-size:19px; font-weight:bold;}
.navTop_rig{ font-size:0; position:relative;}
/*.navTop_rig a{ font-size:12px; display:inline-block; vertical-align:middle; border-left:1px solid #474747; padding:0 17px; background-position:17px center; background-repeat:no-repeat; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.navTop_rig img{ vertical-align:middle; margin-top:-2px; padding-right:2px;}
.navTop_rig a:hover{ background-color:#FFFFFF;}*/

.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;}

/*nav*/
.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:15px;}
nav.navbar.bootsnav ul.nav > li > a:after{ background:#a71939; 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:#A71939;}
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%;}

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{ height:100%; position:relative;}
.banner .swiper-slide{ position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner .swiper-slide a{ display:block; height:100%;}
.banPcImg,.banMobImg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.banMobImg{ display:none;}


.Ban_boximg{ position:absolute;margin-top:40px;}
.banner .container{ position:relative; height:100%;}
.Ban1 .Ban_boximg{ width:42%; left:0%; top:35%}
.Ban2 .Ban_boximg{ width:42%; left:0%; top:35%}
.Ban3 .Ban_boximg{ width:42%; left:0%; top:35%}
.banner .swiper-pagination{ bottom:45px;}
.banner .swiper-pagination-bullet{ position:relative; width:12px; height:12px; margin:0 13px !important; background:#FFFFFF; opacity:1;}
.banner .swiper-pagination-bullet:after{ width:6px; height:6px; border:1px solid #FFFFFF; border-radius:50%; position:absolute; left:3px; top:3px; display:block; content:""; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.banner .swiper-pagination-bullet-active:after{ width:26px; height:26px; left:50%; top:50%; margin-left:-13px; margin-top:-13px;}
.banner .swiper-pagination-bullet:hover:after{ width:26px; height:26px; left:50%; top:50%; margin-left:-13px; margin-top:-13px;}

.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;  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(mTitbg1.png);}
.mTitbg h2:after{ right:-125px; background-image:url(mTitbg2.png);}
.active .mTitbg h2:before{}


.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)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); /* Firefox 3.6 - 15 */
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(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:#701B2E; 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(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 #701b2e; padding-left:11px;}
.mbox4Tit h3 a{ font-size:24px; color:#000000;}
.mbox4Tit a{ font-size:12px; color:#afafaf;}
.mbox4Tit a:hover{ color:#701b2e; 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:#701b2e;}

.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:#701b2e; transform:translateX(10px); -webkit-transform:translateX(10px);}
.mBox4List2 li a:hover:before{ background:#701b2e;}

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

.mBox5bg{ background:url(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;  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:#701b2e;}
.footerTop{ border-bottom:1px solid #0b0b0b; padding:65px 0 35px; font-size:0;}
.footerLogo{ display:inline-block; vertical-align:middle; width:20%; font-size:14px; padding-left:18px;}
.footeraddress{ display:inline-block; vertical-align:middle; width:40%; font-size:14px; padding-left:50px; padding-right:10px; border-left:1px solid #131212;}
.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:31px; height:31px; background-repeat:no-repeat; background-image:url(footershare_Ico.png); margin:0 9px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.footershareico1{ background-position:0 0;}
.footershareico2{ background-position:-31px 0;}
.footershareico3{ background-position:-62px 0;}
.footershareico1:hover{ background-position:0 -31px;}
.footershareico2:hover{ background-position:-31px -31px;}
.footershareico3:hover{ background-position:-62px -31px;}

.copyright{ border-top:1px solid #323030; padding:15px 0; font-size:12px; color:#6e7077; 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:#701b2e;}
.copyright p.pull-right a{ padding:0 5px;}

.online{ position:fixed; width:50px; top:50%; right:5px; margin-top:-104px; background:rgba(0,0,0,0.6); padding:20px 0; border-radius:50px; z-index:10;}
.onlinelist{ color:#FFFFFF; margin:0;}
.onlinelist li{ height:50px; line-height:50px; cursor:pointer; white-space:nowrap; position:relative;}
.onlinelist li a{ color:#FFFFFF; display:block;}
.onlineico{ width:50px; text-align:center; position:relative; z-index:1;}
.onlinelist li.on .onlineico{ background:rgba(181,59,86,0.8);}
.onlinewx:hover{ background:rgba(181,59,86,0.8);}
.onlinewximg{ position:absolute; right:50px; top:0; border-bottom-left-radius:4px; border-top-left-radius:4px; background:rgba(181,59,86,0.8); padding:10px; font-size:14px; color:#ffffff; line-height:24px; 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;}
.onlinewxtel p{ line-height:50px;}

/**/
.navbot{ height:127px;}
.Bannern{ height:392px; 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; border:1px solid #cacaca; border-left:none; border-right:none;}
.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:#a71939; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.aboutFen li a:hover:after,.aboutFen li a.active:after{ width:100%; left:0;}
.BreadNav{ background:url(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 #a71939; margin-bottom:-1px;}
.aboutFenm h3{ line-height:40px; font-size:18px;}
.aboutFenBtn{ cursor:pointer;}

/*about*/
.aboutBox1 .container{ padding:80px 100px; font-size:0;}
.aboutBox1Img,.aboutBox1Con{ display:inline-block; vertical-align:middle; width:50%;}
.aboutBox1Con{ font-size:16px; color:#3c3c3c; line-height:30px; padding-left:50px;}
.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:#701b2e; color:#ffffff;}

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

/*historybox*/
.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 #701b2e; 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;  'FZLTZHK'; text-transform:uppercase; line-height:25px; border-radius:4px;}
.hisLeYear{  '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:#701b2e;  'FZLTXHK';}
.hisText{ font-size:16px; color:#030303;  'FZLTXHK';}
.hisName{ font-size:36px; color:#030303;  'FZLTZHK';}
.historyLef:hover:before,.historyLef:hover:after{ width:100%; height:100%; opacity:1;}
.historyLef:hover .hisLine{ width:230px;}

.historyRig{}
.historyRigList{ background:url(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;   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:#701B2E; color:#701B2E;}

.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;   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(138,24,46,0.2);}
.strengthBox1List li:hover .strengthBox1Con span{ color:#6f1c2f;}

.strengthBox2{ background:#f4f4f4;}
.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:#8a182e;}

.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;   line-height:150%;}
.cultureBox1H4{ font-size:18px; color:#949494;   sans-serif;}
.cultureLine{ display:block; width:36px; height:7px; font-size:0; background:#8a182e; margin:10px 0;}

.cultureBox3Con .aboutBox2BotCon{ padding:25px 60px; margin:0;}
.cultureBox3Con .aboutBox2BotCon:after{ border-color:#8a182e;}
.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;  "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 15px;}
.honourImg{ border:10px solid #dfdfdf;}
.honourImg img{ margin:0 auto; width:100%;}
.honourName{ font-size:14px; color:#515151; line-height:24px; text-align:center; height:82px; overflow:hidden; padding-top:10px;}

.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;   sans-serif;}

.artlistTop li a:hover .artlistTopImg img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.artlistTop li a:hover .artlistTopText h3{ color:#701b2e;}

.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;   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:#910f2c;}
.artlistBot li a:hover .detailBtn{ background:#910f2c; 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:#701b2e;}

.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(articleShareIco1.jpg);}
.artcleShareIco2{ background-image:url(articleShareIco2.jpg);}
.artcleShareIco3{ background-image:url(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:#701b2e;}
.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:#701b2e;}

/*proTopBox*/
.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 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 a.active,.proTop li a:hover{ background:#c7c7c7;}
.proTop li a.active:after,.proTop li a:hover:after{ bottom:25px;}
.proTop li a.active img.shows,.proTop li a:hover img.shows{ display:none;}
.proTop li a.active 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;  "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(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(proshareico1.jpg);}
.proshare2{ background-image:url(proshareico2.jpg);}
.proshare3{ background-image:url(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{ border:1px solid #4c4c4c; 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:#701b2e;}

.pro04bg .BreadNav{ padding-top:10px; padding-bottom:10px;}
.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 #a61838; text-align:center; font-size:26px; color:#a61838; 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;   sans-serif; margin-bottom:10px;}
.pro04List li:first-child .pro04Name{ font-size:28px;}
.pro04List li:first-child .pro04Con{ padding:10px 42px 25px;}
.pro04List li:first-child .pro04Con:after{ display:none;}
.pro04Text{ font-size:16px; color:#787878; line-height:26px;}

.pro04List li a:hover{ border-color:#a61838;}
.pro04List li a:hover .pro04Img img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.pro04List li a:hover .pro04Name{ color:#a61838;}
.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;  Arial; line-height:180px; font-weight:bold; z-index:-1;}
.advantageTop:after{ border-color:#701b2e;}

.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{  "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{ '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:#701b2e;}

.solution{ color:#5a5a5a;}
.solutionTop{ font-size:20px; 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:20px;}
.solutionTopList li a{ display:block; height:100%; border:1px solid #c7c9cc; padding-bottom:20px; 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;}

.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(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:#701b2e;}
.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:#a61838;}
.caseTop li a.active{ background:#FFFFFF; color:#a61838;}

.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:#a61838; 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:#a61838; 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:#a61838; color:#a61838;}

.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;  "黑体"; 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:#701b2e;}
.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;}

/*service*/
.serviceBox{ padding: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:#a61838; 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;  "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;}
.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:20px; color:#333333; padding-top:0;}
.serviceForm .form-control{ border-color:#c9c9c9; box-shadow:none; border-radius:2px; resize:none; appearance:none; -webkit-appearance:none;}
.selectBox{ padding:0; position:relative; z-index:1;}
.serviceSub{ background:#9e163e; border:none; color:#FFFFFF; font-size:14px; width:99px; height:32px; line-height:32px; padding:0;}
.serviceSub:hover,.serviceSub:focus,.serviceSub:active,.serviceSub:active:focus{ background:#9e163e; 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(downIco.png) center center #1d2228 no-repeat;}
.serPdf{ position:absolute; right:20px; top:0; width:30px; height:100%; background:url(pdf.png) center center no-repeat;}
.serDown li a:hover{ border-color:#701b2e; color:#701b2e;}

.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;  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;  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:136px; height:36px; line-height:36px; background:#1d2228; font-size:14px; color:#FFFFFF; text-align:center; border-radius:3px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.careMore:hover{ background:#701b2e;}

.careList{}
.careList li{ border-top:1px dotted #b9b9b9;}
.careList li a{ font-size:22px; 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:#701b2e;}
.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:#701b2e; 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:#701b2e;}
.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;  "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:#a71939;}
.joinBotTit li.active{ color:#a71939;}
.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:#a71939; 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:#a71939;}

.joinUsBg{ background:url(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:#701B2E; background:#FFFFFF;}
.joinUsBg p.text-uppercase{ font-size:18px; padding:20px 0;}

.networkBrief{ font-size:18px; 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:#8a182e; 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:#701b2e;}

.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:#8a182e;}

.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(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;   "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:#fd0030;}
.covered{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:1; display:none;}


/*business*/
.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;  "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{  "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{   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;  "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;   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;  "黑体"; 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-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;  "黑体"; 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(175,15,48,0.1);}
.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;}

/*20170311*/
.aboutHistory{ background:#f0f0f0; padding:45px 0 80px;}
.aboutHistoryCon{  'FZLTXHK'; font-size:16px; color:#030303; text-align:center;}
.aboutHistoryCon span{ font-size:22px; color:#8a182e;}

.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:#8a182e; padding-bottom:10px;   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(aboutHisPrev.png) center center no-repeat;}
.aboutHisNext{ right:0; background:url(aboutHisNext.png) center center no-repeat;}
.aboutHisPrev:hover{ background-image:url(aboutHisPreva.png);}
.aboutHisNext:hover{ background-image:url(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:#8a182e; border-top:none; border-left:none;}
.comBox1Img,.comBox1Text{ text-align:left;}
.comBox1Text{ padding-left:100px;}
.comBox1En{ font-size:54px; line-height:54px; color:#ededed;   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:#8a182e;}
.comBox1Text p{ padding:10px 0;}

.companyBox2{ background:url(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:#cb103b;   sans-serif; font-weight:bold;}
.comBox2Text{ font-size:16px; color:#787878; line-height:28px; font-weight:bold;}

.comBox2Bot{ padding:0 20px; position:relative; background:url(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;   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:#cb103b;}
.swiper-slide-active .comBox2Date:before{ background:#cb103b;}
.swiper-slide-active .comBox2Date:after{ border-color:#cb103b;}

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

.companyBox4{ background:url(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;   sans-serif; font-weight:bold; color:#f3f3f3; position:relative;}
.comBox5Tit{ position:absolute; left:0; top:0; font-size:30px; color:#000000;  }
.comBox5Line{ display:block; width:36px; height:7px; font-size:0; background:#8a182e; 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:#b50100;}

.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%;}

.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:#b50100;}

.videoBg{ padding:70px 0 60px;}
.videoTop{ background:url(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(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(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(videoIcoa.png);}
.videoLink:hover .videoTit{ color:#701b2e;}

.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(projectPreBtn.png) left center no-repeat;}
.projectNexBtn{ background:url(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:#813647; line-height:160%;}
.projectChEn{ font-size:40px; color:#813647; 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:#813647;}

.projectLine{ width:100%; height:23px; background:url(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;  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(yewuBox2Bg.jpg) center top no-repeat; padding:70px 0;}
.yewuBox2Tit{ font-size:30px; color:#ffffff; line-height:150%;}
.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%;}
.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;}

/*20170811*/
.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:#701B2E; font-weight:bold;}
.searchItem li h3 a{ color:#424141;}
.searchItem li h3 a:hover{ color:#701B2E;}
.searchItem li h3:hover{ background:#701B2E; color:#FFFFFF;}
.searchItem li h3:hover span,.searchItem li h3:hover a{ color:#FFFFFF;}

@media (min-width:1230px){
	.container{ width:1230px;}
}
@media (max-width:1600px){
	.logo{ padding:16.5px 15px;}
	.logo img{ width:190px; height:32px;}
	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;}
	/*.casewinTop img{ max-height:500px;}*/
	
	
	.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;}
	/*
	.mBox2List .swiper-slide:nth-last-child(1){ display:none;}
	.mBox2List .swiper-slide:nth-last-child(2){ display:none;}
	.mBox2List .swiper-slide:nth-last-child(3){ display:none;}*/
	
	.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){
	/*.logo img{ width:260px; height:42px;}
	nav.navbar.bootsnav ul.nav > li > a{ margin:0 12px; height:85px; line-height:85px;}*/
	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;}
	
	.pro04List li:first-child .pro04Con{ padding:10px 22px 25px;}
	
	.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:#701B2E; float:right; margin-right:0;}
	nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{ color:#701B2E;}
	
	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:40%;*/ top:20%;}
	.Ban3 .Ban_boximg{ width:50%; top:40%;}
	.banner_prev,.banner_next{ top:85%;}
	.banner{ padding-top:55px;}
	.banner .swiper-slide{ background-size:100% auto; background-position:center top;}
	/*.banner .swiper-slide.Ban2{ background-size:cover;}*/
	
	/*.main2listmobile{ display:block;}*/
	.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:#701B2E; 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:auto; 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%;}
	.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:85px;}
	.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:25px;}
	.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);}
	.pro04List li:first-child .pro04Con{ padding:10px 15px 20px;}
	.pro04Text{ font-size:14px;}
	
	.advantageNum{ position:static; display:inline; font-size:40px; line-height:40px; padding-right:10px; color:#701b2e;}
	
	.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.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:95%;}
	
	.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;}
	.pro04List li:first-child .pro04Name{ font-size:20px;}
	.pro04List li:first-child .pro04NameEn{ height:auto;}
	
	.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%;}
}
@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:30%;*/ 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:54px; 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(xinzs_05.jpg); left: 50%; margin-left: -30px;}
.xinjoin_bext{ background-image: url(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(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(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;   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{  "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(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(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(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; /* Firefox */
-webkit-animation:myfirsta 1.5s; /* Safari and Chrome */
-o-animation:myfirsta 1.5s; /* Opera */
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 /* Firefox */
{
0%   {bottom:40px; opacity: 1;}
100% {bottom:20px; opacity: 0.2;}
}
@-webkit-keyframes myfirsta /* Safari and Chrome */
{
0%   {bottom:40px; opacity: 1;}
100% {bottom:20px; opacity: 0.2;}
}
@-o-keyframes myfirsta /* Opera */
{
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(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;}
}

#dh01{background:url(mBox2Ico.png) center center no-repeat;}