@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{ 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;}
.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bd_weixin_popup{ height:auto !important;}
html {
  height: 100%;
  -ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */
}
body {
  font-family:Arial,"微软雅黑";
  position: relative;
  height: 100%;
  *cursor: default;
  overflow-x:hidden;
}

#pageContain {
	overflow: hidden;
}
.page {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.contain {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	z-index: 0;
	/*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; 	*/
	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;
	
	padding-top:0px;
}
.current .contain,.slide .contain {
	display: flex;
}
.current {
	display: block;
	z-index: 1;
}
.slide {
	display: block;
	z-index: 2;
}
.swipe {
	display: block;
	z-index: 3;
	transition-duration: 0ms !important;
	-webkit-transition-duration: 0ms !important;
}
.swiper-container {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}
.pagination {
  position: absolute;
  z-index: 20;
  left: 0px;
  bottom: 10px;
}
.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: 2px;
}
.swiper-scrollbar .swiper-scrollbar-drag {
    background:#d2af73;
}


.homeBan{ height:100%; position:relative; z-index:4 ;}
.homeBan .swiper-slide{ background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;
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;
}
.banner01img{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; transform:scale(1,1);
-webkit-animation-name:sparkled;
-webkit-animation-duration:4s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0;
-webkit-animation-iteration-count:infinite;
-webkit-animation-play-state:running;
animation-name:sparkled;
animation-duration:4s;
animation-timing-function:linear;
animation-delay:0;
animation-iteration-count:infinite;
animation-play-state:running;
}
.banner01img2{ -webkit-animation-duration:3s; animation-duration:3s;}
.banner01img3{ -webkit-animation-duration:2.5s; animation-duration:2.5s;}
.banner01img4{ -webkit-animation-duration:5s; animation-duration:5s;}

@keyframes sparkled {
	0% {
		opacity:1;
		-webkit-opacity:1;
	}
	50% {
		opacity:0;
		-webkit-opacity:0;
	}
	100% {
		opacity:1;
		-webkit-opacity:1;
	}
}
@-webkit-keyframes sparkled {
	0% {
		opacity:1;
		-webkit-opacity:1;
	}
	50% {
		opacity:0;
		-webkit-opacity:0;
	}
	100% {
		opacity:1;
		-webkit-opacity:1;
	}
}

.homeBan .swiper-container .pagination{ width:100%; margin:0; border-radius:0; bottom:30px;}
.homeBan .swiper-container .pagination .swiper-pagination-bullet{ width:16px; height:16px; margin:0 10px; border:1px solid #FFFFFF; background:none; opacity:1;}
.homeBan .swiper-container .pagination .swiper-pagination-bullet-active{ background:#FFFFFF;}
.banText01{ position:absolute; left:0; width:100%; top:0; 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;
}
.banText01con{ width:100%;}
.banText01word{ text-align:center; font-size:0; padding-bottom:30px;}
.banword{ display:inline-block; *display:inline; zoom:1; position:relative; overflow:hidden; width:130px; margin:0 24px; padding-bottom:5px;}
.banword p{ font-size:36px; font-weight:bold; opacity:0; transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5); transition:all 0.9s ease-in-out 0.6s; -webkit-transition:all 0.9s ease-in-out 0.6s;}
.banword span{ font-size:12px; color:#FFFFFF; font-family:Arial; text-transform:uppercase;}
.banwordborder{ position:absolute; left:0; bottom:0; border:2px solid #FFFFFF; border-top:none; width:100%; height:0; transition:all 0.9s ease-in-out 0.3s; -webkit-transition:all 0.9s ease-in-out 0.3s;}
.banwordborder:after,.banwordborder:before{ position:absolute; display:block; content:""; left:0; top:0; width:0; height:2px; background:#FFFFFF;}
.banwordborder:before{ left:auto; right:0;}
.current .swiper-slide-active .banwordborder{ height:60%;}
.current .swiper-slide-active .banwordborder:after,.current .swiper-slide-active .banwordborder:before{ width:37px; transition:all 0.9s ease-in-out 0.9s; -webkit-transition:all 0.9s ease-in-out 0.9s;}
.current .swiper-slide-active .banword p{ opacity:1; transform:scale(1,1); -webkit-transform:scale(1,1);}
.banTextp{ padding-bottom:40px;}
.continue{ font-size:18px; color:#ffffff; font-family:Arial; text-transform:uppercase; width:260px; height:50px; border:2px solid #FFFFFF; border-radius:25px; display:block; margin:10px auto; line-height:50px; cursor:pointer; overflow:hidden; position:relative; z-index:1;}
.continue span{ position:relative; z-index:1; display:block;}
.continue:after{ display:block; content:""; position:absolute; left:50%; top:0; width:0; height:100%; background:#fff; transform:skew(45deg); -webkit-transform:skew(45deg); transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.continue:hover{ color:#D13125; background:#FFFFFF; transition:all 0.1s ease-in-out 0.2s; -webkit-transition:all 0.1s ease-in-out 0.2s;}
.continue:hover:after{ left:-10%; width:120%;}

svg * {	fill: none;	stroke: currentColor;}
#hi-there { width:131px; stroke-width:2;}

.headerbg{ background:rgba(0,0,0,0.4); height:85px; position:absolute; top:0; left:0; z-index:3; width:100%; padding:0 50px; display:none;}
.headerbg.active{ display:block;}
.logo{ float:left; padding:20px 0 0 0;}
.logo img{ max-width:60px; max-height:50px;}
.logo a:hover img.shows{ display:none;}
.logo a:hover img.hides{ display:block;}
.headerfr{ float:right; text-align:right; padding-top:27px; line-height:25px; font-size:0;}
.headerfr a{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:14px; color:rgba(255,255,255,0.7); text-transform:uppercase; width:70px; position:relative; text-align:center; margin:0 5px; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out;}
/*.headerfr a.headerlink1{ color:#e83426; width:85px; height:25px; border:1px solid #e83426; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out;}*/
.headerfr a:hover{ color:#e83426; border:1px solid #e83426;}
/*.headerlink2:after{ display:block; content:""; position:absolute; left:50%; top:50%; width:0; height:1px; background:#666666; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out;}
.headerlink2:hover:after{ left:0; width:100%;}*/
.headerLine{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:0 50px 0 35px; width:1px; height:34px; background:#9f9fa0;}
.menuBtn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:55px; height:25px; cursor:pointer;}
.menuBtn i{ display:block; height:3px; width:100%; background:rgba(255,255,255,0.6); position:relative;}
.menuBtn i:after{ transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in;}
.menuBtn i + i{ margin:8px auto;}
.menuBtn i + i:after{ transition:all 0.7s ease-in; -webkit-transition:all 0.7s ease-in;}
.menuBtn i + i + i:after{ transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in;}
.menuBtn i:after{ display:block; content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#E83426;}
/*.menuBtn:hover i:after{ width:100%;}*/

.menuboxbg{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/menuboxbg.png) repeat; z-index:10; -webkit-overflow-scrolling: touch; display:none;  animate-duration: 0.5s;
    animate-delay: 0s;
    animate-iteration-count:1;}
.menuclose{ position:absolute; right:2%; top:2%; font-size:24px; color:#FFFFFF; text-transform:uppercase; font-family:Arial; cursor:pointer;}
.menuclose img{ padding-right:10px; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out;}
.menuclose:hover img{ transform:scale(0.8); -webkit-transform:scale(0.8);}
.menusearch{ position:absolute; bottom:2%; right:2%; border-bottom:1px solid #999999; width:650px; height:56px; line-height:56px; padding-right:74px;}
.menusearch input{ background:none; border:none; font-size:16px; color:#999999; height:56px; line-height:56px;}
.menusearch input:focus{ box-shadow:none;}
.menusearchbtn{ position:absolute; right:0; top:0; color:#999999; font-size:30px; width:74px; text-align:center; cursor:pointer;}
.menusearch.active{ border:2px solid #FFFFFF;}
.menusearch.active .menusearchbtn{ color:#FFFFFF;}

.menulist{ width:100%; font-size:0; position:absolute; height:75%; bottom:10%;}
.menulist li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:16.666%; border-right:2px solid #333333; height:100%; text-align:center; font-size:16px; color:#FFFFFF;}
.menulist li:last-child{ border:none;}
.menulist li h3{ position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.menulist li h3 a{ font-size:24px; color:#FFFFFF;}
.menusub{ display:none; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.menusub li{ display:block; width:100%; border:none; line-height:28px; padding:5px 0;}
.menusub li a{ font-size:16px; color:#FFFFFF; text-transform:uppercase;}
.menusub li a:hover{ color:#B1B1B1;}
.menulist > li:hover h3{ display:none;}
.menulist > li:hover .menusub{ display:block;}

.menulist > li.nosub:hover h3{ display:block;}
.menulist > li.nosub:hover .menusub{ display:none;}

#navBar{ position:absolute; bottom:0; left:0; z-index:3; text-align:center; width:100%; font-size:0; display:none;}
#navBar li { position:relative; display:inline-block; vertical-align:bottom; width:16.666%; *display:inline; zoom:1; cursor:pointer; text-align:center; font-size:18px; color:#FFFFFF;}
#navBar li:first-child{ width:0;}
#navBar li h3{ position:relative; height:80px; line-height:80px; font-size:18px; background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:3;}
#navBar li h3:after{ display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:0; background-size:cover; background-position:center center; background-repeat:no-repeat; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in;}
#navBar li h3 span{ position:relative; z-index:1;}
.navBar1 h3{ background-image:url(../images/navbg1.jpg);}
.navBar1 h3:after{ background-image:url(../images/navbg1a.jpg);}
.navBar2 h3{ background-image:url(../images/navbg2.jpg);}
.navBar2 h3:after{ background-image:url(../images/navbg2a.jpg);}
.navBar3 h3{ background-image:url(../images/navbg3.jpg);}
.navBar3 h3:after{ background-image:url(../images/navbg3a.jpg);}
.navBar4 h3{ background-image:url(../images/navbg4.jpg);}
.navBar4 h3:after{ background-image:url(../images/navbg4a.jpg);}
.navBar5 h3{ background-image:url(../images/navbg5.jpg);}
.navBar5 h3:after{ background-image:url(../images/navbg5a.jpg);}
.navBar6 h3{ background-image:url(../images/navbg6.jpg);}
.navBar6 h3:after{ background-image:url(../images/navbg6a.jpg);}
#navBar li.active h3:after{ height:100%;}
#navBar li.active:hover{ color:#FFFFFF;}
#navBar li .navBar_sub{ position:fixed; left:0; bottom:-80px; width:100%; line-height:65px; background:rgba(0,0,0,0.35); z-index:1; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in;}
#navBar li .navBar_sub li{ width:auto; padding:0 3%; cursor:default;}
#navBar li .navBar_sub li a{ display:block; font-size:16px; color:#ffffff; position:relative;}
#navBar li .navBar_sub li a:after{ display:block; content:""; position:absolute; left:50%; top:0; height:3px; width:0; background:#e83426; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in;}
#navBar li .navBar_sub li a:hover{ color:#e83426;}
#navBar li .navBar_sub li a:hover:after{ left:0; width:100%;}
#navBar li:hover{ color:#e83426;}
#navBar li:hover .navBar_sub{ bottom:80px;}

/*main2*/
.page1{ background:url(../images/pagebg1.jpg) center center no-repeat; background-size:cover;}
.page2{ background:url(../images/pagebg2.jpg) center center no-repeat; background-size:cover;}
.page3{ background:url(../images/pagebg3.jpg) center center no-repeat; background-size:cover;}
.page4{ background:url(../images/pagebg4.jpg) center center no-repeat; background-size:cover;}
.page5{ background:url(../images/pagebg5.jpg) center center no-repeat; background-size:cover;}
.page6{ background:#e83426;}

.main_box{ padding-top:40px;}

.box1{ width:1200px; margin:0 auto; color:#FFFFFF; padding-left:70px; padding-top:30px; position:relative;}
.box1tit{ font-size:36px; font-weight:bold; padding:10px 0;}
.box1tit span{ padding-left:15px; font-size:30px; font-family:Arial; color:#cbcbcb; font-weight:normal; text-transform:uppercase;}
.box1con{ padding-left:80px; font-size:14px; color:#e9e9e9; line-height:26px; position:relative;}
.box1context{ opacity:0; transform:translateX(100%); -webkit-transform:translateX(100%); transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in;}
.current .box1context{ opacity:1; transform:translateX(0%); -webkit-transform:translateX(0%);}
.box1tit2{ font-size:30px; color:#FFFFFF; padding:20px 0;}
.box1tit2 span{ font-size:16px; margin-left:10px; position:relative;}
.box1tit2 span:after{ display:block; content:""; position:absolute; left:0; top:-8px; background:#e83426; width:49px; height:4px;}
.box1num{ list-style:none;}
.box1num li{ color:#FFFFFF; opacity:0; transform:translateY(20px); -webkit-transform:translateY(20px); transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in;}
.box1num li+li{ transition-delay:0.3s; -webkit-transition-delay:0.3s;}
.box1num li+li+li{ transition-delay:0.6s; -webkit-transition-delay:0.6s;}
.box1num li+li+li+li{ transition-delay:0.9s; -webkit-transition-delay:0.9s;}
.box1num li+li+li+li+li{ transition-delay:1.2s; -webkit-transition-delay:1.2s;}
.box1num li+li+li+li+li+li{ transition-delay:1.5s; -webkit-transition-delay:1.5s;}
.box1numcon{ background:#e83426; font-size:16px; line-height:30px; padding-bottom:5px; margin-bottom:30px;}
.box1numcon span.timer{ font-weight:bold; font-size:55px; display:block; line-height:74px;}
.box1numcon:hover span.timer{ text-shadow:8px 8px 8px rgba(0,0,0,0.2);}

.box1more{ position:absolute; left:-50px; top:50px; z-index:1; text-transform:uppercase; font-size:18px; color:#e83426; font-weight:bold; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.box1more:hover{ color:#FFF;}
.box1conborder{ position:absolute; left:42px; bottom:0; width:8px; height:0; background:#e83426; transition:all 0.6s ease-in 1.2s; -webkit-transition:all 0.6s ease-in 1.2s;}
.current .box1conborder{ height:100%;}
.box1border{ position:absolute; left:0; top:0; height:0; width:120px; border-left:8px solid #e83426;}
.box1border:after,.box1border:before{ display:block; content:""; position:absolute; width:0; height:8px; background:#e83426;}
.box1border:before{ right:0; top:0;}
.box1border:after{ left:0; bottom:0;}
.box1bordertop{ position:absolute; top:0; right:0; display:block; width:8px; height:30px; background:#e83426;}
.current .box1border{ height:100%; transition:all 0.6s ease-in 0.3s; -webkit-transition:all 0.6s ease-in 0.3s;}
.current .box1border:before{ width:100%; transition:all 0.3s ease-in 0; -webkit-transition:all 0.3s ease-in 0;}
.current .box1border:after{ width:100%; transition:all 0.3s ease-in 0.9s; -webkit-transition:all 0.3s ease-in 0.9s;}
.current .box1num li{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}

/*box2*/
.box2{ width:1300px; margin:0 auto;}
.box2tit{ font-size:24px; color:#ffffff; font-family:Arial; text-transform:uppercase; text-align:center;}
.box2TitLine{ position:relative; display:block; width:73px; height:28px; margin:10px auto; transition:all 0.4s ease-in 0.7s; -webkit-transition:all 0.4s ease-in 0.7s;}
.box2TitLine:after,.box2TitLine:before{ display:block; content:""; position:absolute; width:5px; height:0; background:#e83426;}
.box2TitLine1:after{ left:0; bottom:0; transition:all 0.4s ease-in 0.3s; -webkit-transition:all 0.4s ease-in 0.3s;}
.box2TitLine1 b{ display:block; position:absolute; left:0; top:0; width:0; height:5px; background:#e83426; transition:all 0.4s ease-in 0.7s; -webkit-transition:all 0.4s ease-in 0.7s;}
.box2TitLine1:before{ right:0; top:0; transition:all 0.4s ease-in 1.1s; -webkit-transition:all 0.4s ease-in 1.1s;}
.box2TitLine2:before{ right:0; top:0; transition:all 0.4s ease-in 1.5s; -webkit-transition:all 0.4s ease-in 1.5s;}
.box2TitLine2 b{ display:block; position:absolute; right:0; bottom:0; width:0; height:5px; background:#e83426; transition:all 0.4s ease-in 1.9s; -webkit-transition:all 0.4s ease-in 1.7s;}
.box2TitLine2:after{ left:0; bottom:0; transition:all 0.4s ease-in 2.1s; -webkit-transition:all 0.4s ease-in 2.1s;}
.box2titcon{ color:#FFFFFF; transform:scale(2); -webkit-transform:scale(2); opacity:0; transition:all 0.4s ease-in 0.3s; -webkit-transition:all 0.4s ease-in 0.3s;}
.box2tit strong{ display:block; font-size:36px; padding-top:10px; font-family:"微软雅黑";}
.box2titbot{ font-size:14px; color:#ffffff; padding:20px 0; text-align:center; line-height:26px;}
.box2list{ list-style:none; text-align:center; font-size:0; padding:30px 0;}
.box2list li{ width:300px; position:relative; margin:0 10px; display:inline-block; font-size:18px; padding-top:23px;}
.box2listcon{ line-height:55px; padding:20px 0; background:#e83426;}
.box2list li span.timer{ position:absolute; top:0; left:0; width:100%; text-align:center; font-size:55px; font-weight:bold;}
.box2listcon:hover span.timer,.box2listcon:hover p{ text-shadow:8px 8px 8px rgba(0,0,0,0.2);}

.box2 .swiper-container .pagination{ position:static; width:100%; margin:0;}
.box2 .swiper-container .pagination .swiper-pagination-bullet{ width:49px; height:10px; margin:0 7px; border:2px solid #cbcbcb; background:none; opacity:1; border-radius:0;}
.box2 .swiper-container .pagination .swiper-pagination-bullet-active{ background:#e83426; border-color:#e83426;}

.current .swiper-slide-active .box2TitLine1:after,.current .swiper-slide-active .box2TitLine2:after{ height:100%;}
.current .swiper-slide-active .box2TitLine1 b,.current .swiper-slide-active .box2TitLine2 b{ width:100%;}
.current .swiper-slide-active .box2TitLine1:before,.current .swiper-slide-active .box2TitLine2:before{ height:100%;}
.current .swiper-slide-active .box2titcon{ transform:scale(1); -webkit-transform:scale(1); opacity:1;}

/*box3*/
.box3{ width:1400px; margin:0 auto; display:block;}
.box3mobile{ display:none;}
.box3pc .swiper-container{ overflow:visible;}
.box3pc .swiper-slide{ display:block; width:25%; padding:0 10px;}
.box3pc .swiper-slide a{ position:relative; z-index:1; display:block; background:rgba(0,0,0,0.5); font-size:14px; color:#cbcbcb; line-height:26px; padding:40px 30px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.box3ico{ padding:0 0 25px;}
.box3ico img{ margin:0 auto; max-height:89px;}
.box3Tit{ font-size:18px; color:#ffffff; height:44px; text-align:left; line-height:22px; overflow:hidden;}
.box3Text{ text-align:left; height:130px; overflow:hidden;}
.box3Btn{ text-align:left; width:100%; height:40px; line-height:40px; border:1px solid #bcbcbc; padding:0 20px; margin-top:30px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; font-size:20px;}
.box3pc .swiper-slide a:hover{ background:#e83426; color:#ffccc8; box-shadow:10px 10px 10px rgba(0,0,0,0.5); transform:translateY(-20px); -webkit-transform:translateY(-20px);}
.box3pc .swiper-slide a:hover .box3Btn{ border-color:#FFFFFF; color:#FFFFFF; padding-left:45%;}
/*.current .box3pc .swiper-slide{-webkit-animation:transformbox3 1s ease 5ms alternate none 1;animation:transformbox3 1s ease 5ms alternate none 1;}
.current .box3pc .swiper-slide + .swiper-slide{ animation-delay:0.5s;}
.current .box3pc .swiper-slide + .swiper-slide + .swiper-slide{ animation-delay:1s;}
.current .box3pc .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{ animation-delay:1.5s;}*/
@-webkit-keyframes transformbox3 { 
	from{-webkit-transform:perspective(200px) rotateY(180deg);transform:perspective(200px) rotateY(180deg);} 
    to{-webkit-transform:perspective(200px) rotateY(0deg);transform:perspective(200px) rotateY(0deg);} 
}
@keyframes transformbox3 { 
	from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);} 
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);} 
}

.box3mobile .swiper-slide{ display:block;}
.box3mobile .swiper-slide a{ position:relative; z-index:1; display:block; background:rgba(0,0,0,0.5); font-size:14px; color:#cbcbcb; line-height:26px; padding:20px 15px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.box3mobile .swiper-container .pagination{ position:static; width:100%; margin:0;}
.box3mobile .swiper-container .pagination .swiper-pagination-bullet{ width:30px; height:8px; margin:0 2px; border:2px solid #cbcbcb; background:none; opacity:1; border-radius:0;}
.box3mobile .swiper-container .pagination .swiper-pagination-bullet-active{ background:#e83426; border-color:#e83426;}

.page4 .contain{ display:block;}
.box4{ width:1400px; margin:0 auto; position:relative; top:50%; transform:translateY(-50%);}
.box4 .swiper-slide{ overflow:hidden; transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; opacity:0; transform:translateY(-200%); -webkit-transform:translateY(-200%);}
.box4 .swiper-slide + .swiper-slide + .swiper-slide{ transition-delay:0.2s;}
.box4 .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{ transition-delay:0.4s;}
.box4 .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{ transition-delay:0.6s;}
.current .box4 .swiper-slide{ transform:translateY(0%); -webkit-transform:translateY(0%); opacity:1;}
.box4 .swiper-slide a{ display:block; position:relative; overflow:hidden;}
.box4img{ overflow:hidden; margin-top:1px;}
.box4img img{ transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.box4Text{ position:absolute; left:0; top:0; transform:translateX(100%); -webkit-transform:translateX(100%); transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; width:100%; height:100%; background:#e83426; padding:20px 30px; font-size:14px; color:#FFFFFF; line-height:24px; text-align:left;}
.box4Name{ margin:0; font-size:18px; color:#ffffff; padding:5px 0;}
.box4con{ height:96px; overflow:hidden; margin:20px 0;}
.box4ico{ background:url(../images/box4ico.png) left center no-repeat; width:51px; height:12px; padding:10px 0;}
.box4 .swiper-container .pagination{ position:static; width:100%; margin:20px 0 0;}
.box4 .swiper-container .pagination .swiper-pagination-bullet{ width:49px; height:10px; margin:0 7px; border:2px solid #cbcbcb; background:none; opacity:1; border-radius:0;}
.box4 .swiper-container .pagination .swiper-pagination-bullet-active{ background:#e83426; border-color:#e83426;}

.box4 .swiper-slide a:hover .box4img img{ transform:scale(2); -webkit-transform:scale(2); opacity:0; }
.box4 .swiper-slide a:hover .box4Text{ top:0; transform:translateX(0); -webkit-transform:translateX(0);}

.box4more{ position:absolute; right:0; bottom:0; font-size:14px; color:#bcbcbc; line-height:24px; z-index:1; text-transform:uppercase;}
.box4more i{ display:none; padding-left:5px;}
.box4more span{ padding-left:5px;}
.box4more:hover{ color:#e83426;}
.box4more:hover span{ display:none;}
.box4more:hover i{ display:inline;}

.box5box{ width:100%;}
.box5{ width:1400px; margin:0 auto;}
.box5Top{ border-bottom:1px solid #333333; width:100%; padding:65px 0 30px; transform:translateY(-50%); -webkit-transform:translateY(-50%); opacity:0; transition:all 0.9s ease-in-out 0s; -webkit-transition:all 0.9s ease-in-out 0s;}
.box5Top a.media{ display:block; height:100%;}
.box5Top_time{ border:1px solid #dedede; text-align:center; width:120px; height:110px; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.box5Top_time p{ font-size:30px; color:#dedede; height:76px; line-height:76px;}
.box5Top_time span{ display:block; background:#dedede; height:34px; line-height:34px; color:#333333; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.box5Top_img{ padding-left:40px; padding-right:65px; position:relative;}
.box5Top_imgline{ position:absolute; right:30px; top:50%; margin-top:-1px; z-index:1; display:block; width:60px; height:2px; font-size:0; background:#e83426; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.box5Top_ico{ position:relative; width:50px; height:50px; line-height:48px; font-size:22px; border:1px solid #929292; color:#929292; text-align:center; margin-top:20px;}
.box5Top_ico:after,.box5Top_ico:before{ position:absolute; left:-1px; bottom:-1px; display:block; content:""; width:0; height:0; border:1px solid #e83426; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.box5Top_ico:after{ border-right:none; border-top:none;}
.box5Top_ico:before{ left:auto; bottom:auto; right:-1px; top:-1px; border-left:0; border-bottom:none;}
.box5Top_text{ padding-right:200px;}
.box5Top_text h4{ font-size:18px; color:#ffffff; margin:5px 0 10px; height:40px; overflow:hidden; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.box5Top_textcon{ font-size:14px; color:#999999; line-height:24px; height:48px; overflow:hidden;}
.box5Top a.media:hover .box5Top_ico{ color:#e83426;}
.box5Top a.media:hover .box5Top_ico:after,.box5Top a.media:hover .box5Top_ico:before{ width:50px; height:50px;}
.box5Top a.media:hover .box5Top_text h4{ color:#e83426;}
.box5Top a.media:hover  .box5Top_imgline{ width:80px; right:10px;}
.box5Top a.media:hover  .box5Top_time{ border-color:#e83426;}
.box5Top a.media:hover  .box5Top_time span{ background:#e83426; color:#FFFFFF;}

.box5Bot{ padding-bottom:0; padding-top:20px;}
.box5list{ margin:0 -40px;}
.box5list li{ padding:0 40px; transform:translateY(50%); -webkit-transform:translateY(50%); opacity:0; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.box5list li + li{ transition-delay:0.3s;}
.box5list li + li + li{ transition-delay:0.6s;}
.box5list li a{ color:#FFFFFF; display:block; height:100%;}
.box5Tit{ font-size:18px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.box5Time{ font-size:24px; color:#999999; margin:0; line-height:30px; height:30px; font-family:Arial; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.box5Time span{ font-size:14px; color:#666666;}
.box5Text{ font-size:14px; color:#999999; line-height:30px; height:90px; overflow:hidden; margin:5px 0; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.box5TimeHov{ font-size:24px; color:#999999; line-height:30px; height:30px; font-family:Arial; opacity:0; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; margin:0;}
.box5TimeHov i{ padding-left:10px; color:#ffffff; font-size:14px;}

.box5more{ text-align:center; text-transform:uppercase; font-size:16px; color:#999999; font-family:Arial; padding-top:20px; transform:scale(1.5); -webkit-transform:scale(1.5); opacity:0; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.box5more a{ color:#999999; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.box5more i{ display:none; padding-left:5px;}
.box5more span{ padding-left:5px;}
.box5more a:hover{ color:#e83426;}
.box5more a:hover span{ display:none;}
.box5more a:hover i{ display:inline;}

.box5list li a:hover .box5Tit{ color:#e83426;}
.box5list li a:hover .box5Time{ transform:translateY(-30px); -webkit-transform:translateY(-30px); opacity:0;}
.box5list li a:hover .box5Text{ transform:translateY(-30px); -webkit-transform:translateY(-30px);}
.box5list li a:hover .box5TimeHov{ transform:translateY(-30px); -webkit-transform:translateY(-30px); opacity:1;}

.current.page5 .contain,.slide.page5 .contain {
	display:block;
}
.current .box5Top{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
.current .box5list li{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
.current .box5more{ transform:scale(1); -webkit-transform:scale(1); opacity:1;}

.box6left,.box6rig{ padding:0; height:100%; position:absolute; top:0;}
.box6left{ background:#e83426; left:0; padding-left:6%;
	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;
}
.box6lefline{ width:0; height:5px; background:#ffffff; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.contactH{ font-weight:bold; font-size:52px; color:#ffffff; padding:10px 0; text-transform:uppercase;}
.contactCh{ font-size:30px; color:#ffffff; line-height:36px; font-weight:bold;}
.contactH,.contactCh{ transform:scale(0.5) translateX(200px); -webkit-transform:scale(0.5) translateX(200px); opacity:0; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.contactCh{ transition-delay:0.3s; -webkit-transition-delay:0.3s;}
.box6con{ font-size:14px; color:#ffffff; line-height:26px; padding-top:35px; transform:translate(200px,50px); -webkit-transform:translate(200px,50px); opacity:0; transition:all 0.3s ease-in-out 0.6s; -webkit-transition:all 0.3s ease-in-out 0.6s;}
.box6con + .box6con{ transition-delay:0.9s; -webkit-transition-delay:0.9s;}
.box6more{ width:100px; font-size:18px; color:#ffffff; line-height:36px; padding-top:30px; text-transform:uppercase; transform:translate(200px,50px); -webkit-transform:translate(200px,50px); opacity:0; transition:all 0.3s ease-in-out 1.2s; -webkit-transition:all 0.3s ease-in-out 1.2s;}
.box6more i{ display:none; padding-left:5px;}
.box6more span{ padding-left:5px;}
.box6more:hover{ color:#FFFFFF;}
.box6more:hover span{ display:none;}
.box6more:hover i{ display:inline;}

.current .box6lefline{ width:88px;}
.current .contactH,.current .contactCh{ transform:scale(1) translateX(0); -webkit-transform:scale(1) translateX(0); opacity:1;}
.current .box6con{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.current .box6more{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}

.box6rig{ right:0; top:auto; bottom:-100%; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; background-position:bottom center; background-repeat:no-repeat; background-size:cover;}
.current .box6rig{ bottom:0;}

.indexbtn{ display:none; position:absolute; z-index:2; top:50%; margin-top:-30px; width:60px; height:60px; cursor:pointer;}
.indexbtn1{ background:url(../images/indexbtn1.png) center center no-repeat; background-size:cover; left:2%;}
.indexbtn2{ background:url(../images/indexbtn2.png) center center no-repeat; background-size:cover; right:2%;}

/*2016-10-28 内页*/
.bannern{ height:400px; background-position:center bottom; background-repeat:no-repeat; background-size:cover; color:#FFFFFF; padding-top:85px; position:relative;}
.bannerTit{ padding:105px 0; font-size:18px; text-transform:uppercase;}
.bannerTit h1{ font-size:50px; line-height:150%;}
.bannerTit p{ font-family:Arial;}

.bannern500{ height:500px;}
.bannern500 .bannerTit{ padding-top:155px;}
.bannernav{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.15); font-size:0;}
.bannernav li{ line-height:64px; border-left:1px solid #787878; display:inline-block; vertical-align:middle; padding:0 60px;}
.bannernav li:last-child{ border-right:1px solid #787878;}
.bannernav li a{ display:block; font-size:16px; color:#FFFFFF; position:relative;}
.bannernav li a:after{ display:block; content:""; width:0; height:3px; background:#FFFFFF; position:absolute; left:50%; bottom:0; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.bannernav li a:hover:after,.bannernav li a.active:after{ width:100%; left:0;}

.breadcrumbg{ border-bottom:1px solid #dddddd;}
.breadcrumbg .container{ position:relative;}
.breadcrumb{ background:none; color:#a6a6a6; font-size:14px; line-height:34px; padding:20px 0; margin:0;}
.breadcrumb span{ color:#555555;}
.breadcrumb > li + li:before{ color:#555555; content:"> ";}
.breadcrumb a{ color:#555555;}
.breadcrumb i{ font-size:18px; color:#999999; transform:scaleX(0.9); -webkit-transform:scaleX(0.9);}
.breadcrumb a:hover{ color:#E83426;}

.onepagebg{ background:#FFFFFF;}
.onepagebox1{ padding:50px 0;}
.aboutBrief{ border:4px solid #e83426; position:relative; padding:35px 55px 35px 380px; font-size:14px; color:#666666; line-height:200%; min-height:607px;}
.aboutBriefTit{ position:absolute; left:0; top:0; background:#e83426; color:#FFFFFF; width:150px; padding:25px 0; z-index:1;}
.aboutLine{ display:block; margin:0 auto; width:40px; height:5px; background:#FFFFFF;}
.aboutBriefTit h2{ padding:15px 0 5px; font-size:26px;}
.aboutBrief .aboutBriefTit p{ margin:0; font-size:12px;}
.aboutBriefImg{ position:absolute; left:0; top:0; width:330px; height:100%; z-index:0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.aboutBriefImg img{ display:none;}
.aboutBrief p{ margin:9px 0;}

.Titbg{ background:url(../images/Titbg.jpg) center center repeat-x; padding:25px 0; overflow:hidden;}
.Tit{ background:#FFFFFF; display:inline-block; vertical-align:middle; padding:0 30px;}
.Tit span{ font-size:34px; color:#333333; display:block; padding-bottom:5px;}
.Tit p{ font-size:14px; color:#999999; font-family:Arial;}

.about_honour{ background:url(../images/onepagebox2bg.jpg) center center no-repeat; background-size:cover; padding:90px 110px 75px; position:relative;}
.honour{ position:relative; padding:0 10px;}
.honour .swiper_con{ height:220px; position:relative; padding:35px 2% 0 60px; font-size:14px; color:#FFFFFF; line-height:26px; word-break:break-all; text-transform:uppercase;}
.honourText{ height:104px; overflow:hidden;}
.honourborder{ width:3px; height:100%; background:#e83426; position:absolute; left:38px; bottom:0; z-index:0; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.honourtriange{ position:absolute; top:0; left:42px;
width: 0;
height: 0;
border-style: solid;
border-width: 27px 27px 0 0;
border-color: #e83326 transparent transparent transparent;
transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;
}
.honourcircle{ width:80px; height:80px; background:url(../images/honourico.png) center center #e83426 no-repeat; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.honourLine{ position:absolute; left:0; bottom:36px; width:100%; height:10px; background:#e83426; font-size:0; display:block; border-radius:10px;}
.honourbtn{ position:absolute; top:50%; margin-top:-35px; width:70px; height:70px; display:block; background-color:rgba(0,0,0,0.5); background-position:center center; background-repeat:no-repeat; cursor:pointer;}
.honourbtn1{ left:0; background-image:url(../images/honourbtn1.png);}
.honourbtn2{ right:0; background-image:url(../images/honourbtn2.png);}

.honour .swiper_con:hover .honourborder{ background-color:#ffd200;}
.honour .swiper_con:hover .honourtriange{ border-color: #ffd200 transparent transparent transparent;}
.honour .swiper_con:hover .honourcircle{ background-color:#ffd200; /*transform:scaleX(-1); -webkit-transform:scaleX(-1);*/}

.onepagebox3{ padding-top:30px;}
.onepagebox3con{ font-size:14px; color:#555555; line-height:26px;}
.about_price{ padding:20px 0;}
.about_price li{ margin:30px 0; text-align:center; border-left:1px solid #e9e9e9;}
.aboutprice_con{ font-size:14px; color:#555555; line-height:26px;}
.aboutprice_con p{ padding:0 20%;}
.about_price li:nth-child(4n+1){ border-left:none;}
.about_price li:nth-child(4n+1) .aboutprice_con{ border-left:1px solid #e9e9e9;}
.about_price li:nth-child(4n) .aboutprice_con{ border-right:1px solid #e9e9e9;}
.priceNum{ display:block; margin:0 auto; font-size:60px; line-height:60px; color:#e83426; font-family:Arial; padding-bottom:20px; font-weight:bold;
transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;
}
.about_price li:hover .priceNum{ /*text-shadow:5px 5px 10px rgba(0,0,0,0.3);*/ transform:translateY(-5px); -webkit-transform:translateY(-5px);}

.footerbg{ font-size:14px; color:#666666; line-height:26px; text-align:center; background:#e9e9e9; padding:30px 0;}
.footerbg a{ color:#666666;}

.contact_join li{ padding-bottom:20px;}
.contact_joincon{ border:3px solid #e8e8e8; font-size:14px; color:#555555; line-height:30px; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in;}
.contact_joincon a{ color:#555555; transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.contact_joinTit{ overflow:hidden; margin:30px 0 0px;}
.contact_joinTit span{ font-size:24px; color:#333333; line-height:46px; position:relative; display:inline-block; vertical-align:middle;}
.contact_joinTit span:after,.contact_joinTit span:before{ display:block; content:""; position:absolute; top:50%; width:30px; height:1px; background:#cccccc;}
.contact_joinTit span:after{ left:-50px;}
.contact_joinTit span:before{ right:-50px;}
.contact_jointext{ padding:15px 11%;}
.contact_joinbot{ background:#e8e8e8; padding:20px 0 20px 11%; transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}

.contact_joincon:hover{ border-color:#e83426; box-shadow:0 5px 35px rgba(0,0,0,0.2);}
.contact_joincon:hover .contact_joinbot{ background:#e83426; color:#FFFFFF;}
.contact_joincon:hover a{ color:#FFFFFF;}

.contact_way{ overflow:hidden;}
.contact_way.last{ border-bottom:1px solid #e8e8e8;}
.contact_way.last li:last-child{ border-bottom:none;}
.contact_way li{ padding:20px 0; border-bottom:1px solid #e8e8e8;}
.contact_waycon{ font-size:16px; color:#555555; line-height:30px; padding-left:25px; position:relative;}
.contact_waycon:after{ position:absolute; left:0; top:15px; display:block; content:""; width:10px; height:10px; background:#e83426;}
.contact_way li:nth-child(2n) .contact_waycon{ padding-left:150px;}
.contact_way li:nth-child(2n) .contact_waycon:after{ left:130px;}
.contact_waycon h4{ margin:0; font-size:24px; color:#333333; line-height:36px;}

.contactMap{ text-align:center; width:860px; margin:0 auto 60px; position:relative;}

.conMapli{ position:absolute; right:265px; top:238px;}
.conMapico{ color:#e83426; font-size:34px; cursor:pointer; -webkit-animation:TopBot 1s ease 0s alternate none infinite;animation:TopBot 1s ease 0s alternate none infinite;}
.conMapcon{ position:absolute; bottom:40px; left:0px; width:290px; background:#FFFFFF; border:1px solid #e8e8e8; box-shadow:0 3px 10px rgba(0,0,0,0.1); padding:10px 20px; font-size:12px; color:#666666; line-height:20px; display:none; z-index:1;}
.conMapcon:after{ display:block; content:""; background:url(../images/conMapconbg.png) center center no-repeat; width:12px; height:12px; position:absolute; left:10px; bottom:-12px;}
.conMapcon h4{ font-size:16px; line-height:40px; margin:0;}

.conMapli1{ right:267px; top:232px;}
.conMapli2{ right:199px; top:382px;}
.conMapli3{ right:370px; top:330px;}
.conMapli4{ right:435px; top:390px;}
.conMapli5{ right:311px; bottom:75px; top:auto;}
.conMapli6{ right:236px; top:367px;}
.conMapli7{ right:297px; top:390px;}

@-webkit-keyframes TopBot { 
	0%{transform:translateY(0px); -webkit-transform:translateY(0px);}
	50%{ transform:translateY(5px); -webkit-transform:translateY(5px);}
	100%{transform:translateY(0px); -webkit-transform:translateY(0px);}
}
@keyframes TopBot { 
	0%{transform:translateY(0px); -webkit-transform:translateY(0px);}
	50%{ transform:translateY(5px); -webkit-transform:translateY(5px);}
	100%{transform:translateY(0px); -webkit-transform:translateY(0px);}
}

.jobTop{ font-size:14px; color:#666666; line-height:24px; padding:50px 15% 30px; overflow:hidden;}
.jobTop h4{ font-size:30px; color:#333333; line-height:46px;}
.jobTop a{ color:#e83426; text-transform:uppercase;}

.joblist{}
.joblist li{ border-bottom:1px solid #e8e8e8;}
.joblist li h2{ background:#ebebeb; height:84px; line-height:84px; overflow:hidden;}
.joblist li h2 span{ font-size:16px; color:#333333;}
.job_con1,.job_con2,.job_con3{ text-align:center;}
.joblist li h3{ background:#fff; height:84px; line-height:84px; overflow:hidden; font-size:14px; color:#666666; cursor:pointer; position:relative;transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in;}
.joblist li h3:after{ display:block; content:""; position:absolute; left:0; width:100%; height:0; top:50%; background:#e83426; transition:all 200ms ease-in; -webkit-transition:all 200ms ease-in;}
.joblist li h3 span{ height:84px; line-height:84px; position:relative; z-index:1; background:url(../images/joblist_spanbg.jpg) right center no-repeat; transition:all 200ms ease-in; -webkit-transition:all 200ms ease-in;}
.joblist li h3 .job_con1{ font-size:18px; color:#e83426;}
.joblist li h3 .job_con4{ background:url(../images/job_con4bg.png) 93% center no-repeat; white-space:nowrap;}
.joblist li.active h3{ box-shadow:0 5px 15px rgba(0,0,0,0.2);}
.joblist li.active h3:after{ top:0; height:100%;}
.joblist li.active h3 span{ color:#FFFFFF; background-image:none;}
.joblist li h3:hover .job_con4{ background-image:url(../images/job_con4bga1.png);}
.joblist li.active h3 .job_con4{ background-image:url(../images/job_con4bga.png);}
.job_detail{ padding:25px 9%; font-size:14px; color:#666666; line-height:24px; display:none; background:#FFFFFF;}
.job_detail strong{ font-size:16px; color:#333333; line-height:36px; font-weight:normal;}
.job_top{ padding-bottom:15px; display:none;}

.searchbox{ width:349px; height:40px; border:1px solid #e8e8e8; position:absolute; right:15px; top:18px;}
.searchinput{ line-height:38px; font-size:14px; padding:0 60px 0 10px; border:none; width:100%; background:#FFFFFF;}
.searchbtn{ position:absolute; right:0; top:-1px; height:40px; background:url(../images/searchbtnbg.png) center center #999999 no-repeat; width:50px; border:none;}

.artlistbox{ padding-bottom:30px;}
.artlistlink{ display:block; height:100%; padding:35px 0; margin:0; border-bottom:1px solid #e8e8e8; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.artlistTime{ width:99px; font-size:18px; color:#999999; font-family:Arial;}
.artlistTime p{ color:#999999;}
.artlistTime span{ color:#999999;}
.artlistImg{ padding-left:20px; padding-right:55px;}
.artlistlink .box5Top_imgline{ width:0;}
.artlistText{ padding-right:50px;}
.artlistText h4{ color:#333333; margin:5px 0; height:38px;}
.artlistlink .box5Top_ico{ transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in;}

.artlistlink:hover{ box-shadow:0 0 20px rgba(0,0,0,0.1);}
.artlistlink:hover .box5Top_imgline{ width:60px;}
.artlistlink:hover .box5Top_ico{ color:#ffffff; transform:translateX(-20px); -webkit-transform:translateX(-20px);}
.artlistlink:hover .box5Top_ico:after,.artlistlink:hover .box5Top_ico:before { width:50px; height:50px; background:#e83426;}
.artlistlink:hover .box5Top_ico i{ position:relative; z-index:1;}

.pagebox{ padding:20px 0 50px;}
.pageRig{ font-size:16px; color:#999999;}

.articlebox{ padding-top:30px;}
.articleTit{ font-size:30px; color:#333333; line-height:60px;}
.articleBrief{ text-align:center; font-size:12px; color:#999999; padding-bottom:20px;}
.articleBrief span{ padding:0 10px;}
.articleBrief img{ vertical-align:middle; padding:0 4px; margin-top:-2px;}
.articleText{ font-size:14px; color:#666666; line-height:30px;}
.articleText p{ margin:15px 0;}
.articleText img{ max-width:100%; margin:10px auto;}

.article_share{ padding:40px 0 50px;}
.articlebtn{ width:140px; height:40px; border:1px solid #dddddd; display:block; text-align:center; line-height:40px; font-size:14px; color:#666666;}
.articlebtn i{ font-size:18px; padding-right:10px;}
.articlebtn:hover{ color:#666666;}

.sharebox strong{ display:inline-block; vertical-align:middle; font-size:14px; color:#666666;}
.sharebox a{ display:inline-block; vertical-align:middle; width:38px; height:37px;}
.shareico1{ background-image:url(../images/shareico1bg.png);}
.shareico2{ background-image:url(../images/shareico2bg.png);}
.shareico3{ background-image:url(../images/shareico3bg.png);}

.prevnext{ border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; margin:0; padding:20px 0; line-height:40px;}
.prevnext a{ font-size:16px; color:#999999;}
.prevnext a:hover{ color:#E83426;}
.pager .previous > a, .pager .previous > span{ float:none; text-align:left;}
.pager .next > a, .pager .next > span{ float:none; text-align:right;}

.newslist{ padding:40px 0 0; margin:0;}
.newslist li{ padding:20px 50px; border-color:#e8e8e8; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.newslist li a{ font-size:16px; color:#555555; font-family:Arial; position:relative; padding:0 10px 0 20px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.newslist li a:after{ display:block; content:""; width:6px; height:6px; background:#666666; position:absolute; left:0; top:50%; margin-top:-3px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.newslist li .badge{ background:none; font-weight:normal; font-size:14px; color:#999999; font-family:Arial; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.newslist li:first-child{ border-radius:0;}
.newslist li:last-child{ border-radius:0;}
.newslist li:hover{ box-shadow:0 0 20px rgba(0,0,0,0.2); position:relative; z-index:1;}
.newslist li:hover a{ color:#e92d21;}
.newslist li:hover a:after{ background:#e92d21;}
.newslist li:hover .badge{ color:#e92d21;}

.breadcrumbgred{ background:#e83426; border-color:#ed6a5f;}
.breadcrumbgred .breadcrumb{ color:#ffc9c5;}
.breadcrumbgred a,.breadcrumbgred span,.breadcrumbgred i,.breadcrumbgred .breadcrumb > li + li:before{ color:#FFFFFF;}
.breadcrumbgred a:hover{ color:#FFFFFF;}

.breadcrumbggray{ background:#f7f7f7;}

.serviceTopbg{ background:#e83426; font-size:16px; color:#ffffff; line-height:30px; padding:35px 0;}
.serviceboxbg{ padding:50px 0; font-size:16px; color:#555555; line-height:30px; overflow:hidden;}
.servicebox{ border:1px solid #e9e9e9;}

.serviceTop{}
.serviceTop li{ position:relative; padding:0; border-left:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding-top:100px; min-height:380px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.serviceTop li:first-child{ border-left:none;}
.serviceTopcon{ transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.serviceNum{ font-size:52px; line-height:180%; color:#e83426; font-weight:bold; margin:0 auto; display:block; text-align:center; font-family:Arial;}
.serviceTopcon p{ padding:0 28px;}
.serviceLine{ display:block; width:0%; left:50%; bottom:0; height:4px; background:#e83426; position:absolute; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.serviceBot{ padding:35px;}

.serviceTop li:hover{ box-shadow:0 0 20px rgba(0,0,0,0.2); position:relative; z-index:1;}
.serviceTop li:hover .serviceTopcon{ transform:translateY(-20px); -webkit-transform:translateY(-20px);}
.serviceTop li:hover .serviceLine{ left:0; width:100%;}

.servicebg{ font-size:16px; color:#555555; line-height:30px;}
.service041bg{ background:#FFFFFF; padding:45px 0;}
.service041con{ padding-bottom:20px;}
.service042bg{ background:#f6f6f6; padding:55px 0;}

.ser01list1{ margin:0 -7px; padding:20px 0;}
.ser01list1 li{ padding:0 7px 7px;}
.ser01con1{ background:#f4f4f4; padding:20px 18px 30px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.ser01con1H3{ font-size:24px; color:#333333; font-weight:bold; padding:20px 0; border-bottom:2px solid #dddddd; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.ser01list1 li dl{ margin:0;}
.ser01list1 li dl dd{ border-bottom:1px solid #dddddd; font-size:16px; color:#555555; line-height:52px; padding-left:25%;}
.ser01list1 li dl dd span{ display:block; background:url(../images/ser01con1bg.png) left center no-repeat; padding-left:25px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.ser01con1:hover{ box-shadow:0 0 20px rgba(0,0,0,0.2); background:#e83426; color:#FFFFFF;}
.ser01con1:hover .ser01con1H3{ color:#FFFFFF;}
.ser01con1:hover dl dd span{ background-image:url(../images/ser01con1bga.png); color:#ffffff;}

.ser01list1 .ser01con1dl{ min-height:371px;}
.ser01list2 .ser01con1dl{ min-height:210px;}

.ser01con2{ background:#f4f4f4; padding:50px 40px 30px; height:360px; position:relative; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.ser01con2Line{ display:block; width:0px; height:5px; background:#FFFFFF; position:absolute; left:40px; top:50px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.ser01con2H3{ font-size:24px; color:#333333; font-weight:bold;}
.ser01con2h4{ font-size:14px; color:#999999; font-weight:bold; font-family:Arial; margin:20px 0 20px;}
.ser01con2Text{ font-size:16px; color:#555555; line-height:30px; height:150px; overflow:hidden;}

.ser01con2:hover{ box-shadow:0 0 20px rgba(0,0,0,0.2); background:#e83426; color:#FFFFFF; padding-top:80px;}
.ser01con2:hover .ser01con2Line{ width:60px;}
.ser01con2:hover .ser01con2H3{ color:#FFFFFF;}
.ser01con2:hover .ser01con2h4{ color:#FFFFFF;}
.ser01con2:hover .ser01con2Text{ color:#FFFFFF;}

.ser01botTit{ background:#3eaaf6; line-height:70px; height:70px; font-size:20px; color:#FFFFFF; margin-bottom:30px; position:relative;}
.ser01botTit:after{ position:absolute; left:50%; margin-left:-15px; bottom:-8px; display:block; content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 15px 0 15px;
border-color: #3ea9f6 transparent transparent transparent;
}
.ser01botImg li{ position:relative; padding-bottom:10px;}
.ser01botcon{ position:relative; overflow:hidden;}
.ser01botcon img{ width:100%; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.ser01botname{ position:absolute; left:0; bottom:0; width:100%; padding-left:60px; line-height:60px; background:rgba(0,0,0,0.5); font-size:16px; color:#FFFFFF;}
.ser01botname span{ position:absolute; left:0; bottom:0; width:60px; height:60px; font-size:34px; font-family:Arial; font-weight:bold; color:#FFFFFF; background:#3eaaf6;}
.ser01botcon:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}

.ser01botItem:nth-child(2) .ser01botTit{ background:#ffb865;}
.ser01botItem:nth-child(2) .ser01botTit:after{ border-color: #ffb865 transparent transparent transparent;}
.ser01botItem:nth-child(2) .ser01botname span{ background:#ffb865;}

.ser01botItem:nth-child(3) .ser01botTit{ background:#51d19a;}
.ser01botItem:nth-child(3) .ser01botTit:after{ border-color: #51d19a transparent transparent transparent;}
.ser01botItem:nth-child(3) .ser01botname span{ background:#51d19a;}

.pro01box1{ margin:0 -30px; padding:50px 0 0px;}
.pro01box1 li{ padding:0 30px; margin:30px auto;}
.pro01box1Tit{ border:2px solid #E8E8E8; text-align:center; height:65px; line-height:60px; position:relative; margin-bottom:50px;}
.pro01box1Tit h3{ font-size:30px; font-weight:bold; position:relative; z-index:1; line-height:60px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.pro01box1Tit span{ position:absolute; left:0; top:-5px; width:100%; font-size:120px; color:#eeeeee; font-family:Verdana;}

.pro01box1con img{ margin:0 auto 40px;}
.pro01box1con:hover .pro01box1Tit h3{ color:#E83426;}

.pro01box2 li{ border:1px solid #e0e0e0; margin-bottom:30px;}
.pro01box2Tit{ font-size:24px; color:#333333; background:#f4f4f4; line-height:70px; border-bottom:1px solid #e0e0e0; padding-left:70px; position:relative;}
.pro01box2Tit:after{ position:absolute; left:40px; top:50%; margin-top:-5px; width:10px; height:10px; border:2px solid #333333; border-radius:50%; display:block; content:"";}
.pro01box2con{ padding:30px 40px; font-size:14px; color:#555555; line-height:26px; margin:0;}
.pro01box2con p{ margin-bottom:10px;}

.probotbg{ padding:0;}
.probot{ color:#ffffff; background:#f4f4f4; padding:20px 0; text-align:center; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; position:relative;}
.probot a{ color:#555555; font-size:16px; display:inline-block; vertical-align:middle; padding:0 20px; margin:0 40px; position:relative; z-index:1; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.probot a:after,.probot a:before{ display:block; content:""; position:absolute; top:50%; margin-top:-9px; width:13px; height:18px; background:url(../images/probotico1.png) left center no-repeat;}
.probot a:after{ left:0;}
.probot a:before{ right:0; background-image:url(../images/probotico2.png);}
.probot:after,.probot:before{ display:block; content:""; width:0; position:absolute; top:0; height:100%; z-index:0; background:#e83426; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.probot:after{ left:0;}
.probot:before{ right:0;}
.probot:hover:after,.probot:hover:before{ width:50%;}
.probot:hover a{ color:#FFFFFF;}
.probot:hover a:after,.probot:hover a:before{ background:none;}

.pro02Topbg{ background:#f7f7f7; color:#333333;}
.pro02Topbg .Tit{ background:#f7f7f7;}
.pro02Top{ overflow:hidden;}
.pro02TopImg{ padding:30px 0;}
.pro02TopImg img{ transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.pro02Top li img{ margin:0 auto;}
.pro02Top li h3{ font-size:18px; color:#333333;}
.pro02Top li:hover .pro02TopImg img{ transform:scaleX(-1); -webkit-transform:scaleX(-1);}

.pro02box1{ margin:0 -10px; padding:60px 0 20px;}
.pro02box1 li{ padding:15px 10px;}
.pro02box1con{ border:3px solid #e8e8e8; height:260px; position:relative; padding:0 30px; line-height:44px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.pro02box1triangle{ position:absolute; left:-3px; top:-3px;
width: 0;
height: 0;
border-style: solid;
border-width: 70px 70px 0 0;
border-color: #e83326 transparent transparent transparent;
}
.pro02box1Num{ font-size:60px; color:#FFFFFF; position:absolute; left:0; top:0; line-height:46px; width:44px; text-align:center; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.pro02box1Tit{ padding:0 20px; font-size:24px; color:#333333; line-height:56px; padding-top:15px; border-bottom:1px solid #e8e8e8; margin-bottom:10px;}
.pro02box1text{ padding:0 20px;}
.pro02box1list{ overflow:hidden; margin:0;}
.pro02box1list dd{ float:left; line-height:44px; background:url(../images/pro02box1listbg.png) left center no-repeat; width:180px; padding-left:30px;}
.pro02box1list dd:nth-child(3n){ width:auto;}
.pro02box1con:hover{ border-color:#e83426;}
.pro02box1con:hover .pro02box1Num{ transform:scale(0.5) translateX(-10px);}

.pro02box2{ margin:0 -10px; padding:0 0 20px;}
.pro02box2 li{ padding:0 10px 10px;}
.pro02box2 .ser01con1dl{ min-height:0;}

.pro02box3{}
.pro02box3 .pro01box2Tit{ padding-left:40px;}
.pro02box3 .pro01box2Tit img{ position:relative; z-index:1; margin-right:10px; max-width:105px; max-height:35px;}
.pro02box3 .pro01box2Tit:after{ display:none;}

.pro02box3table{ margin:30px 0 10px; width:100%;}
.pro02box3table tbody tr td{ text-align:center; color:#FFFFFF; padding-top:20px; padding-bottom:20px; font-size:16px; line-height:30px;}
.pro02box3table tbody tr td h3{ font-size:20px; font-weight:bold; padding-bottom:10px;}
.pro02box3table tbody tr td p{ margin:0;}
.pro02box3tb1{ background:#ffb865; width:17%; border-right:5px solid #FFFFFF;}
.pro02box3tb2{ background:#51d19a; width:49%; padding:0 30px;}
.pro02box3tb2 p{ text-align:left;}
.pro02box3tb3{ background:#3eaaf6; width:17%; border-left:5px solid #FFFFFF;}
.pro02box3tb4{ background:#9b6dd5; width:17%; border-left:5px solid #FFFFFF;}

.pro03table01Tit{ font-size:22px; color:#333333; background:#f4f4f4; padding:20px 15px; line-height:44px; text-align:center;}
.pro03table01list{ font-size:0;}
.pro03table01list li{ display:inline-block; vertical-align:middle; background:url(../images/pro02box1listbg.png) left center no-repeat; margin:0 20px;font-size:16px; color:#555555; line-height:46px; padding:10px 0; padding-left:34px;}
.pro03table01offer{ font-size:18px; color:#393939; line-height:46px; padding:20px 0;}
.pro03tab01td2{ width:200px;}

.pro03box2{ padding:25px 0 50px;}
.pro03box2 .pro03table01Tit{ border:1px solid #e8e8e8;}
.pro03box2list{ margin:0; border:1px solid #e8e8e8; border-top:none; border-right:none;}
.pro03box2list li{ padding:40px 0; text-align:center; border-right:1px solid #E8E8E8; font-size:18px; color:#555555; line-height:46px;}
.pro03box2list li img{ margin:0 auto 20px; max-width:60%;}
.pro03box2bot{ border:1px solid #E8E8E8; border-top:none; text-align:center; padding:25px 15px; line-height:30px;}

.pro03box3{ padding:0px 0 20px;}
.pro03box3 .ser01con1dl{ min-height:320px;}
.pro03box3 li dl dd{ padding-left:10%;}

.pro03box4bg{ background:url(../images/pro03box4bg.jpg) center center no-repeat; background-size:cover; padding:50px 0 70px; overflow:hidden;}
.pro03box4bg .Titbg,.pro03box4bg .Tit{ background:none;}
.pro03box4bg .Tit span{ font-size:30px;}
.pro03box4list li{ padding-bottom:15px;}
.pro03box4con{ width:260px; height:260px; padding-top:55px; border-radius:50%; text-align:center; margin:0 auto; color:#FFFFFF; font-size:14px; line-height:200%;}
.pro03box4con img{ margin:0 auto 20px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.pro03box4con h3{ font-size:18px;}
.pro03box4con1{ background-color:#ffb865;}
.pro03box4con2{ background-color:#51d19a;}
.pro03box4con3{ background-color:#3eaaf6;}
.pro03box4con4{ background-color:#9b6dd5;}
.pro03box4con:hover img{ transform:scale(0.9); -webkit-transform:scale(0.9);}

.pro03box5{ padding:20px 0 50px;}
.pro03box5 .Titbg,.pro03box5 .Tit{ background:none;}
.pro03box5 .Tit span{ font-size:30px;}

.pro03box6 img{ margin:0 auto; text-align:center;}
.pro03box6 p{ text-align:center; line-height:50px; font-size:16px;}

.pro03box6list{ width:74%; margin:20px auto;}
.pro03box6list li{ padding:0 5px 20px;}
.pro03box6logo img{ border:1px solid #e8e8e8;}

.pro03box5table{ font-size:16px; line-height:30px;}
.pro03box5table tr td{ padding-top:10px; padding-bottom:10px;}
.pro03box5tabth{ text-align:center; font-size:20px; color:#333333; line-height:40px; font-weight:normal; padding:15px 0;}
.pro03box5tabth.pro03box5tabtd3{ padding-left:0;}
.pro03box5tabtd1{ text-align:center; font-weight:bold; font-size:18px; color:#333333; width:12%;}
.pro03box5tabtd2{ color:#555555; padding-left:6%; padding-right:20px; width:38%;}
.pro03box5tabtd3{ color:#333333; background:#f4f4f4; width:50%}
.pro03box5tabtd3con{ position:relative; padding-left:15%;}
.pro03box5tabtd3con p{ background:url(../images/pro03box5tabtd3conbg.png) left 12px no-repeat; padding-left:18px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.pro03box5tabtd3con:after{ display:block; content:""; position:absolute; left:-20px; z-index:1; top:50%; margin-top:-20px; width:40px; height:40px; background:url(../images/pro03box5tableico.png) center center #e83426 no-repeat; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.pro03box5tabtd3con:hover{ color:#e83426;}
.pro03box5tabtd3con:hover p{ background-image:url(../images/pro03box5tabtd3conbga.png);}
.pro03box5tabtd3con:hover:after{ box-shadow:0 0 10px rgba(0,0,0,0.2);}

.pro04box1bg{ background:url(../images/pro04box1bg.png) center bottom no-repeat; padding-bottom:60px;}
.pro04Tit{ border-left:50px solid #e83426; padding-left:10px; margin:20px 0;}
.pro04Tit h3{ display:inline-block; background:#e83426; font-size:24px; color:#FFFFFF; line-height:34px; padding:15px 30px;}
.pro04box1 img{ margin:10px auto 0;}

.pro04box1bot{ padding:45px 0 60px; font-size:14px; color:#999999; line-height:24px;}
.pro04box1bot .media{ margin:0; min-height:165px;}
.pro04box1bot .media .media-left{ white-space:nowrap; font-size:18px; color:#ffffff; font-family:Arial; padding-right:15px;}
.pro04box1bot .media .media-heading{ font-size:18px; color:#333333; margin-bottom:15px;}
.pro04box1botnum{ width:45px; height:45px; border-radius:50%; line-height:45px; text-align:center; display:block; background:#e83426;}

.pro04box2cen{ margin:0 -15px; font-size:0; padding:25px 0 10px;}
.pro04box2cen li{ font-size:24px; color:#FFFFFF; width:20%; display:inline-block; vertical-align:top; text-align:center; padding:0 15px;}
.pro04box2cen li h3{ border-radius:20px; padding:30px 0; line-height:30px;}
.pro04box2cen1 h3{ background:#51d19a;}
.pro04box2cen2 h3{ background:#3eaaf6;}
.pro04box2cen3 h3{ background:#e35454;}
.pro04box2cen4 h3{ background:#ffb865;}
.pro04box2cen5 h3{ background:#59cdd5;}

.pro04box2bot{ padding-bottom:10px;}
.pro04box2bot .media{ min-height:125px;}
.pro04box2botcon span{ display:inline-block; vertical-align:top; padding-left:15px; position:relative; padding-right:20px;}
.pro04box2botcon span:after{ display:block; content:""; width:6px; height:6px; background:#e83426; position:absolute; left:0; top:10px;}

.pro04box3 img{ margin:0 auto; max-width:100%; height:auto !important;}


.pro04bot{ padding-bottom:50px;}
.pro04bot01bg{ padding:25px 0;}
.pro04bot01{ position:relative; padding-left:230px;}
.pro04botTit{ position:absolute; left:0; top:0; width:230px; font-size:24px; color:#FFFFFF; text-align:center; height:100%;}
.pro04botTit span{ position:absolute; left:0; width:100%; top:42%;}
.pro04botTit1{ background:#3eaaf6;}
.pro04bot1con{ margin:0; border:1px solid #e8e8e8; border-right:none;}
.pro04bot1con li{ padding:0; border-right:1px solid #e8e8e8; padding:60px 0; padding-left:25px;}
.pro04bot1con li .media-body{ font-size:14px; color:#555555; line-height:30px;}
.pro04bot1con li .media-heading{ font-size:18px; color:#333333;}

.pro04bot02bg{ background:#f4f4f4;}
.pro04botTit2{ background:#51d19a;}
.pro04bot2con{ padding:17px 0 19px 80px;}
.pro04bot2con1{ width:456px; height:184px; border:5px solid #dddddd; border-radius:15px; display:inline-block; vertical-align:middle;}
.pro04bot2con2{ width:23px; height:24px; margin:0 25px; background:url(../images/pro04bot2con2.png) center center no-repeat; display:inline-block; vertical-align:middle;}
.pro04bot2con3{ width:257px; height:184px; border:5px solid #dddddd; border-radius:15px; display:inline-block; vertical-align:middle;}
.pro04bot2Tit{ font-size:18px; color:#333333; line-height:30px; padding:15px 0 5px 36px; margin:0;}
.pro04bot2list{ overflow:hidden;}
.pro04bot2list li{ float:left; min-width:180px; font-size:14px; color:#666666; line-height:36px; margin-left:35px; position:relative; padding-left:10px;}
.pro04bot2list li:after{ position:absolute; left:0; top:15px; width:6px; height:6px; background:#3bca96; display:block; content:"";}

.pro04bot03{ padding-left:0; padding-right:230px;}
.pro04botTit3{ left:auto; right:0; background:#e35454;}
.pro04bot3con{ padding:30px 0 5px; overflow:hidden;}
.pro04bot3con li{ float:left; width:225px; border-left:1px solid #e8e8e8; margin-bottom:20px; text-align:center;}
.pro04bot3con li img{ margin:0 auto 10px;}
.pro04bot3con li:nth-child(4n){ border-right:1px solid #E8E8E8;}
.pro04bot3con li:last-child{ border-right:1px solid #E8E8E8;}

.pro04botTit4{ background:#9b6dd5;}
.pro04bot4con{}
.pro04bot4con span{ font-size:18px; color:#333333; padding:85px 60px; display:inline-block; vertical-align:middle;}


/*online*/
.online{ position:fixed; right:0; top:40%; z-index:3;}
.online li{ position:relative; margin-bottom:2px;}
.onlineico{ width:70px; height:60px; background:url(../images/onlineico1.png) center center #f4f4f4 no-repeat; text-align:center; cursor:pointer; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; position:relative; z-index:2;}
.onlineico2{ background-image:url(../images/onlineico2.png);}
.online li.on .onlineico{ background-color:#e83426;}
.online li.on .onlineico1{ background-image:url(../images/onlineico1a.png);}
.online li.on .onlineico2{ background-image:url(../images/onlineico2a.png);}

.onlineconbg{ position:absolute; right:-217px; top:50%; width:217px; padding-right:14px; z-index:1;}
.onlinecon{ width:203px; border:1px solid #e8e8e8; line-height:60px; font-size:14px; color:#999999; text-align:center; background:#ffffff; position:relative;}
.onlinecon:after{ position:absolute; right:-5px; top:50%; margin-top:-4px; background:url(../images/onlineconbg.png) center center no-repeat; width:5px; height:8px; display:block; content:"";}
.onlineshare1,.onlineshare2,.onlineshare3{ display:inline-block; vertical-align:middle; width:30px; height:30px; background-position:center center; background-repeat:no-repeat;}
.onlineshare1{ background-image:url(../images/onlineshare1.png);}
.onlineshare2{ background-image:url(../images/onlineshare2.png);}
.onlineshare3{ background-image:url(../images/onlineshare3.png);}

@media (min-width:1230px){
	.container{ width:1230px;}
}
@media (max-width:1600px){
	.headerbg{ height:70px; padding:0 30px;}
	.logo{ padding-top:10px;}
	.headerfr{ padding-top:20px;}
	.headerLine{ margin:0 40px 0 25px;}
	.menuBtn{ width:45px;}
	.menuclose img{ width:35px; height:auto;}
	.menulist li h3 a{ font-size:20px;}

	#navBar li h3{ height:60px; line-height:60px;}
	#navBar li:hover .navBar_sub{ bottom:60px;}
	#navBar li .navBar_sub{ line-height:50px;}
	
	.box4{ width:1200px;}
	.box4con{ margin:10px 0;}
	
	.box5{ width:1200px;}
	.box5Top{ padding:45px 0 15px;}
	.box5Bot{ padding:10px 0 0;}
	.box5list{ margin:0 -20px;}
	.box5list li{ padding:0 20px;}
	.box5Text{ height:60px;}
	
	.contactH{ font-size:42px;}
	.contactCh{ font-size:22px;}
	.box6con{ padding-top:25px;}
	
	.indexbtn1{ left:1%;}
	.indexbtn2{ right:1%;}
	
	.about_honour{ padding:90px 60px 75px;}
	.honour .swiper_con{ padding:10px 2% 0 55px;}
	.honourText{ height:156px;}
	.honourborder{ left:28px;}
	.honourtriange{ left:32px;}
	.honourcircle{ width:60px; height:60px; background-size:20px;}
	.honourbtn{ width:50px; height:50px; margin-top:-25px; background-size:12px;}
	.honourLine{ bottom:26px;}
}
@media (max-width:1400px),(max-height:769px){
	.box1tit{ font-size:30px;}
	.box1tit span{ font-size:24px;}
	.box1tit2{ padding:10px 0;}
	.box1context{ height:104px; overflow:hidden;}
	.box1num{ width:80%;}
	.box1numcon{ font-size:14px;}
	.box1numcon span.timer{ font-size:32px; line-height:38px;}
	.box1numcon:hover span.timer{ text-shadow:5px 5px 5px rgba(0,0,0,0.2);}
	.box1numcon{ margin-bottom:15px;}
	
	.box1conborder{ bottom:22px;}
	.current .box1border{ height:400px;}
	.current .box1conborder{ height:310px;}
	
	.box2{ width:1000px;}
	.box2tit{ font-size:20px;}
	.box2tit strong{ font-size:30px;}
	.box2TitLine{ width:60px; height:23px;}
	.box2titbot{ padding:10px 0;}
	.box2list{ padding:20px 0;}
	.box2list li{ width:235px; margin:0 5px;}
	.box2list li span.timer{ font-size:35px;}
	.box2listcon{ padding:10px 0;}
	
	.box3{ width:90%; margin:0 auto;}
	.box3pc .swiper-slide a{ padding:20px 15px;}
	.box3ico{ padding-bottom:15px;}
	.box3ico img{ max-height:60px;}
	.box3Btn{ margin-top:10px; height:30px; line-height:30px;}
	.box5Tit{ margin:0;}
	.box5Bot{ padding-top:5px;}
	.box5more{ padding-top:10px;}
	
	.indexbtn{ width:50px; height:50px; margin-top:-25px;}
	
		
}
@media (max-height:900px) and (min-height:769px){
	
}
@media (min-width:1367px){
	
	
}
@media (max-width:1367px) and (max-height:769px){
	.box4{ width:1000px;}
	.box4Text{ padding:10px 15px;}
	.box4con{ margin:10px 0; height:72px;}
	.box4ico{ background-size:42px;}
	
	.box5{ width:1000px;}
	.box5Top_time{ width:110px;}
	.box5Top_text{ padding-right:20px;}
	
	.box5TimeHov{ display:none;}
	
	.contactH{ font-size:32px; padding:5px 0;}
	
}
@media (max-width:1200px){
	.headerbg{ padding:0 15px;}
	.headerLine{ margin:0 20px 0 15px;}
	.menuBtn{ width:35px;}
	
	.box1{ width:1000px;}
	.box1num{ width:100%; margin:0 auto;}
	
	.bannern{ height:360px; padding-top:70px;}
	.bannerTit h1{ font-size:40px;}
	.bannerTit{ padding:85px 0;}
	.bannern500 .bannerTit{ padding-top:85px;}
	
	.aboutBriefImg{ width:280px;}
	.aboutBrief{ padding:20px 20px 20px 300px;}
	
	.contact_joinTit span{ font-size:20px;}
	.contact_jointext{ padding:15px;}
	
	.contact_way li:nth-child(2n) .contact_waycon{ padding-left:50px;}
	.contact_way li:nth-child(2n) .contact_waycon:after{ left:30px;}
	
	.joblist li h2,.joblist li h3,.joblist li h3 span{ height:60px; line-height:60px;}
	.joblist li h3 .job_con1{ font-size:16px;}
	.joblist li h3 .job_con4{ background-position:90% center;}
	
	.artlistImg{ padding:0 30px 0 10px;}
	.artlistlink .box5Top_imgline{ right:0;}
	
	.servicebox{ font-size:14px;}
	.serviceTop li{ padding-top:80px; min-height:320px;}
	.serviceTopcon p{ padding:0 15px;}
	.serviceNum{ font-size:30px;}
	
	.ser01list1 li dl dd{ padding-left:18%;}
	
	.pro01box2Tit{ padding-left:40px; font-size:18px; line-height:50px;}
	.pro01box2Tit:after{ left:15px;}
	.pro01box2con{ padding:15px;}
	
	.probot a{ margin:0 15px; font-size:14px;}
	
	.pro02box1con{ padding:0 20px;}
	.pro02box1text{ font-size:14px;}
	.pro02box1text p{ line-height:24px;}
	.pro02box1list dd{ width:120px;}
	
	.pro02box3 .pro01box2Tit{ padding-left:20px;}
	.pro02box3table tbody tr td h3{ font-size:18px;}
	.pro02box3table tbody tr td{ font-size:14px; line-height:26px;}
	
	.pro03table01list li{ margin:0 10px; font-size:14px;}
	.pro03tab01td2{ width:160px;}
	
	.pro03box3 li dl dd{ padding-left:4%; font-size:14px;}
	.pro03box3 li dl dd span{ padding-left:20px; background-size:8px;}
	
	.pro03box4con{ width:220px; height:220px; padding-top:40px;}
	.pro03box4con img{ margin:0 auto 10px;}
	
	.pro04bot01{ padding-left:180px;}
	.pro04botTit{ width:180px;}
	.pro04bot1con li{ padding:40px 0; padding-left:15px;}
	.pro04bot1con li .media-left img{ width:60px;}
	
	.pro04bot2con{ padding:17px 0 19px 20px;}
	.pro04bot2con2{ margin:0 10px;}
	.pro04bot2con3{ width:230px;}
	
	.pro04bot03{ padding-left:0; padding-right:180px;}
	.pro04bot3con li{ width:180px;}
}
@media (max-width:1025px){
	
}
@media (max-width:1023px){
	.box1{ width:991px;}
	.box4{ width:991px;}
	.box5{ width:991px;}
}
@media (max-width:1200px) and ( min-width:992px){
	
}
@media (max-width:991px) and ( min-width:767px){
	.about_price li:nth-child(4n){ border-right:none;}
	.about_price li:nth-child(4n+1) .aboutprice_con{ border-left:none;}
	.about_price li:nth-child(4n+1){ border-left:1px solid #e9e9e9;}
	.about_price li:nth-child(3n) .aboutprice_con{ border-right:1px solid #e9e9e9;}
	.about_price li:nth-child(3n+1){ border:none;}
	.about_price li:nth-child(3n+1) .aboutprice_con{ border-left:1px solid #e9e9e9; border-right:none;}
	.priceNum{ font-size:40px; line-height:40px;}
}
@media (min-width:1024px){
	.continue:hover{ color:#D13125; background:#FFFFFF; transition:all 0.1s ease-in-out 0.2s; -webkit-transition:all 0.1s ease-in-out 0.2s;}
	.continue:hover:after{ left:-10%; width:120%;}
	
	.menuBtn:hover i:after{ width:100%;}
}
@media (max-width:991px){
	.banText01word{ padding-bottom:20px;}
	.banTextp{ padding-bottom:10px;}
	.continue{ width:200px; height:38px; line-height:38px; font-size:16px;}
	
	#navBar{ display:none;}
	
	.box1{ width:100%; padding:0 15px;}
	.box1con{ padding-left:30px;}
	.box1conborder,.box1border,.box1bordertop,.box1border:before,.box1border:after{ display:none;}
	.box1tit{ font-size:28px;}
	.box1tit span{ font-size:20px;}
	.box1tit2{ font-size:26px; padding:10px 0;}
	.box1tit2 span{ font-size:14px;}
	
	.box2{ width:100%; padding:0 15px;}
	.box2tit{ font-size:20px;}
	.box2tit strong{ font-size:26px;}
	.box2titbot{ padding:5px 0; font-size:12px;}
	.box2list{ padding:10px 0;}
	.box2list li{ display:block; width:100%; margin:0 0 10px;}
	.box2list li span.timer{ font-size:30px;}
	.box2listcon{ padding:10px 0; line-height:40px;}
	
	.box3pc{ display:none;}
	.box3mobile{ display:block; width:90%; margin:0 auto; transform:rotateY(180deg) translateY(50%); opacity:0; transition:all 0.5s ease-in-out;}
	.current .box3mobile{ transform:rotateY(0) translateY(0); opacity:1;}
	
	.box4{ width:100%; padding:0 15px;}
	.box4con{ display:none;}
	.box4 .swiper-container .pagination .swiper-pagination-bullet{ width:20px; height:4px; margin:0 2px; border-width:1px;}
	.box4more{ right:15px;}
	
	
	.box5{ width:100%; padding:0 15px;}
	.box5Top{ padding:30px 0 15px;}
	.box5Bot{ padding:10px 0;}
	.box5Top_text{ padding-right:0;}
	.box5Top_text h4{ height:auto; margin:0px 0 5px; font-size:14px; line-height:20px;}
	.box5Top_img{ display:none;}
	
	.box5list li:last-child{ display:none;}
	.current.page5 .contain, .slide.page5 .contain{ display:flex;}
	
	.box6left{ background:url(../images/box6bg.jpg) bottom center no-repeat; background-size:cover; padding-top:50px;}
	.box6rig{ display:none;}
	
	.bannernav li{ line-height:50px; padding:0 30px;}
	
	.onepagebox1{ padding:25px 0;}
	.aboutBrief{ padding:20px;}
	.aboutBriefImg{ position:static; width:100%; background:none;}
	.aboutBriefImg img{ display:block;}
	
	.contact_way li{ padding:10px 0;}
	.contact_waycon{ font-size:14px;}
	.contact_waycon:after{ left:10px;}
	.contact_waycon h4{ font-size:18px;}
	
	.jobTop{ padding:30px 5% 20px;}
	
	.artlistlink{ padding:20px 0;}
	.artlistTime{ width:90px;}
	.artlistlink:hover .box5Top_ico { transform:translateX(-10px); -webkit-transform:translateX(-10px);}
	
	.newslist li{ padding:15px 30px;}
	
	.serviceTop{ font-size:14px;}
	.serviceBot{ padding:20px;}
	
	.ser01con1H3{ padding:15px 0; font-size:20px;}
	.ser01list1 li dl dd{ padding-left:2%; font-size:14px; line-height:40px;}
	.ser01list1 .ser01con1dl{ min-height:280px;}
	.ser01list2 .ser01con1dl{ min-height:170px;}
	
	.ser01con2{ padding:30px 20px 20px; height:340px;}
	.ser01con2Line{ left:20px; top:30px;}
	.ser01con2:hover{ padding-top:50px;}
	.ser01con2H3{ font-size:20px;}
	.ser01con2h4{ margin:10px 0;}
	.ser01con2Text{ height:210px; font-size:14px;}
	
	.ser01botTit{ height:40px; line-height:40px; font-size:18px;}
	.ser01botname{ height:40px; line-height:40px; padding-left:40px; font-size:14px;}
	.ser01botname span{ width:40px; height:40px; line-height:40px; font-size:24px;}
	
	.pro01box1 li{ height:auto !important;}
	
	.pro02box1con{ height:auto; padding-bottom:20px;}
	.pro02box1list dd{ width:150px;}
	.pro02box1list dd:nth-child(3n){ width:150px;}
	
	.pro02box2 .ser01con1dl{ min-height:0;}
	
	.pro03box2list{ border-bottom:none;}
	.pro03box2list li{ border-bottom:1px solid #E8E8E8; padding:25px 0;}
	
	.pro03box3 .ser01con1dl{ min-height:250px;}
	
	.pro03box4con{ width:180px; height:180px; padding-top:30px;}
	.pro03box4con img{ margin:0 auto 5px; max-width:30%;}
	
	.pro03box6list{ width:100%;}
	
	.pro03box5table{ font-size:14px;}
	.pro03box5tabtd2{ padding-left:4%;}
	
	.pro04Tit{ border-left:20px solid #e83426;}
	.pro04Tit h3{ padding:5px 20px; line-height:30px; font-size:18px;}
	
	.pro04box1bot{ padding:20px 0 0;}
	.pro04box1bot .media{ min-height:0; padding-bottom:25px;}
	
	.pro04bot{ padding-bottom:30px;}
	.pro04bot01{ padding:0}
	.pro04botTit{ position:static; display:block; width:100%; padding:10px 0;}
	.pro04botTit span{ position:static; display:block;}
	.pro04bot1con{ border-bottom:none;}
	.pro04bot1con li{ border-bottom:1px solid #E8E8E8;}
	
	.pro04bot2con{ padding:17px 0 19px 0;}
	.pro04bot2con1{ width:438px;}
	.pro04bot2list li{ min-width:179px;}
	
	.pro04bot4con span{ padding:50px 0; width:32%;}
}
@media (max-width:767px){
	.headerbg{ height:50px;}
	.logo{ padding:7px 0 0;}
	.logo img{ max-width:43px; max-height:36px;}
	.headerfr{ padding-top:8px;}
	.headerfr a{ width:45px;}
	.headerfr a.headerlink1{ width:45px;}
	.headerLine{ margin:0 15px 0 10px;}
	.menuBtn{ width:30px; height:17px;}
	.menuBtn i + i{ margin:4px auto;}
	
	.menuclose{ font-size:20px;}
	.menuclose img{ width:30px;}
	.menulistbox{ padding-top:50px; padding-bottom:50px; height:100%; overflow:hidden;}
	.menulist{ position:static; height:100%; overflow-y:auto;}
	.menulist li{ display:block; width:100%; height:auto; border:none; border-bottom:2px solid #333333;}
	.menulist li h3{ top:0; padding:5px 0; transform:translateY(0); -webkit-transform:translateY(0);}
	
	.menusub{ top:0; transform:translateY(0); -webkit-transform:translateY(0);}
	.menusub li{ border:none; padding:0;}
	.menulist > li:hover h3{ display:block;}
	
	.menusearch{ width:96%; left:2%; right:auto; height:40px; line-height:40px;}
	.menusearch input{ height:40px; line-height:40px;}
	.menusearchbtn{ font-size:24px;}
	
	.box1con{ padding:0;}
	.box1num li{ padding:0;}
	.box1numcon{ margin-bottom:5px;}
	.box1numcon span.timer{ display:inline-block; vertical-align:middle; font-size:20px; line-height:30px;}
	.box1numcon:hover span.timer{ text-shadow:2px 2px 2px rgba(0,0,0,0.2);}
	.box1numcon p{ display:inline-block; vertical-align:middle;}
	.box1more{ position:static; transform: rotate(0); -webkit-transform: rotate(0); font-size:12px;}
	
	.box5Top_time{ width:80px; height:70px;}
	.box5Top_time p{ font-size:20px; height:40px; line-height:40px;}
	.box5Top_time span{ height:30px; line-height:30px;}
	.box5Top_ico{ display:none;}
	
	
	.box5Bot{ padding:5px 0;}
	.box5Text{ display:none;}
	.box5list li a:hover .box5Time{transform: translateY(0); -webkit-transform: translateY(0); opacity:1;}
	.box5Tit{ font-size:16px; margin:0;}
	.box5Time{ font-size:14px; height:20px; line-height:20px;}
	.box5more{ padding-top:10px; font-size:14px;}
	
	
	.bannern{ height:270px; padding-top:50px;}
	.bannerTit h1{ font-size:30px;}
	.bannerTit{ padding:65px 0;}
	.bannern500 .bannerTit{ padding-top:50px;}
	.bannernav li{ line-height:40px; padding:0 15px; border:none;}
	.bannernav li:last-child{ border:none;}
	.bannernav li a{ font-size:12px;}
	.bannernav li a:after{ height:1px;}
	
	.aboutBriefTit{ padding:15px 0; width:120px;}
	.aboutBriefTit h2{ font-size:18px;}
	
	.Tit{ padding:0 20px;}
	.Tit span{ font-size:20px;}
	
	.about_price li{ border:none; border-bottom:1px solid #e9e9e9; padding-bottom:20px; margin:15px 0;}
	.about_price li:nth-child(4n) .aboutprice_con{ border:none;}
	.about_price li:nth-child(4n+1) .aboutprice_con{ border:none;}
	.aboutprice_con p{ padding:0;}
	.priceNum{ font-size:30px; line-height:30px;}
	
	.contact_way li{ height:auto !important;}
	.contact_way li:nth-child(2n) .contact_waycon{ padding-left:25px;}
	.contact_way li:nth-child(2n) .contact_waycon:after{ left:10px;}
	
	
	.jobTop{ padding:15px 0;}
	.jobTop h4{ font-size:20px; margin:0;}
	.joblist li h3 .job_con4{ background-position:80% center;}
	.joblist li h2, .joblist li h3, .joblist li h3 span{ height:50px; line-height:50px;}
	.job_con1{ text-align:left;}
	.joblist li h2 span{ font-size:14px;}
	.joblist li h3 .job_con1{ font-size:14px;}
	.job_detail{ padding:15px;}
	.job_detail strong{ font-size:14px;}
	
	.searchbox{ position:static; position:relative; top:-15px; right:0; width:100%;}
	
	.artlistbox{ padding-bottom:10px;}
	.artlistlink{ padding:15px 0;}
	.artlistTime{ width:60px;}
	.pagebox{ padding:10px 0 20px;}
	.pageNum,.pageRig{ float:none !important; text-align:center;}
	.pageRig{ padding-top:15px;}
	
	.articleTit{ font-size:20px; line-height:30px; padding-bottom:10px;}
	.articleBrief{ padding-bottom:10px;}
	.article_share{ padding:20px 0 30px;}
	.pager .next > a, .pager .next > span{ float:none; text-align:left;}
	
	.serviceTop li{ height:auto !important; min-height:0; padding:30px 0; text-align:center;}
	.serviceBot{ padding:15px;}
	
	.ser01list1 .ser01con1dl{ min-height:0;}
	
	.ser01con2{ height:auto;}
	.ser01con2Line{ top:15px;}
	.ser01con2Text{ height:auto;}
	.ser01con2:hover{ padding-top:30px;}
	
	.pro01box1{ padding:30px 0 0; margin:0 -15px;}
	.pro01box1 li{ padding:0 15px;}
	.pro01box1Tit{ height:45px; line-height:40px; margin-bottom:20px;}
	.pro01box1Tit h3{ line-height:40px; font-size:20px;}
	.pro01box1Tit span{ font-size:90px;}
	.pro01box1con img{ margin-bottom:20px;}
	
	.pro02box1{ padding:30px 0 10px;}
	.pro02box1triangle{ border-width:45px 45px 0 0;}
	.pro02box1Num{ font-size:28px; line-height:30px; width:30px;}
	.pro02box1Tit{ font-size:18px; line-height:40px; padding:10px 10px 0;}
	.pro02box1text{ padding:0 10px;}
	.pro02box1list dd{ width:50%;}
	.pro02box1list dd:nth-child(3n){ width:50%;}
	
	.pro02box3 .pro01box2Tit{ padding:15px 0 0 20px; line-height:36px; padding:10px 20px;}
	.pro02box3 .pro01box2Tit img{ display:block;}
	.pro02box3table tbody tr td{ display:block; width:100%; border:none; border-bottom:5px solid #FFFFFF;}
	
	.pro03box4bg{ padding:20px 0 40px;}
	.pro03box4bg .Tit span{ font-size:18px;}
	.pro03box5 .Tit span{ font-size:18px;}
	.pro03box5table{ font-size:12px;}
	.pro03box5tabth{ font-size:16px;}
	.pro03box5tabtd1{ font-size:16px;}
	.pro03box5tabtd3con:after{ width:30px; height:30px; margin-top:-30px; left:-15px; background-size:6px;}
	
	.pro04box2cen{ margin:0 -5px;}
	.pro04box2cen li{ width:50%; padding:0 5px 15px;}
	.pro04box2cen li:last-child{ width:100%;}
	.pro04box2cen li h3{ font-size:20px; padding:15px 0; border-radius:10px;}
	
	.pro04bot2con1{ width:100%; height:auto; padding-bottom:10px;}
	.pro04bot2con2{ width:100%; margin:15px 0;}
	.pro04bot2con3{ width:100%; height:auto; padding-bottom:10px;}
	
	
	.pro04bot3con li{ width:33%;}
	.pro04bot3con li:nth-child(4n){ border-right:none;}
	.pro04bot3con li:nth-child(3n){ border-right:1px solid #E8E8E8;}
	.pro04bot3con li:last-child{ border:none; width:100%;}
	
	.online{ top:auto; bottom:10%; right:10px;}
	.online li{ display:none;}
	.onlineico2{ width:40px; height:40px; background-color:rgba(244,244,244,0.7);}
}
@media (max-width:600px){
	#hi-there{ width:100px; height:80px;}
	.banword{ width:28%; margin:0 5px;}
	.banword p{ font-size:24px;}
	.current .swiper-slide-active .banwordborder:after, .current .swiper-slide-active .banwordborder:before{ width:26px;}
	.banTextp{ display:none;}
	
	.box1tit{ font-size:16px; padding:5px 0;}
	.box1tit span{ font-size:12px;}
	.box1tit2{ font-size:18px; padding:0px 0 5px;}
	.box1tit2 span{ font-size:12px;}
	
	.box2{ width:100%; padding:0 15px;}
	.box2tit{ font-size:16px;}
	.box2tit strong{ font-size:20px;}
	.box2TitLine{ display:none;}
	.box2list{ padding:10px 0;}
	.box2list li{ padding-top:15px; font-size:14px;}
	.box2list li span.timer{ font-size:20px;}
	.box2listcon{ padding:5px 0; line-height:28px;}
	.box2 .swiper-container .pagination .swiper-pagination-bullet{ width:30px; height:8px; margin:0 2px;}
	
	.box3Text{ height:78px;}
	
	.contactH{ font-size:24px;}
	.contactCh{ font-size:16px;}
	.box6con + .box6con{ display:none;}
	.box6more{transition: all 0.3s ease-in-out 0.9s; -webkit-transition: all 0.3s ease-in-out 0.9s; padding-top:10px; font-size:14px;}
	
	.bannernav li{ padding:0 10px;}
	
	.about_honour{ padding:50px 40px 30px;}
	.honour .swiper_con{ height:auto; padding: 10px 15px 30px 35px;}
	.honourText{ height:auto;}
	.honourLine{ height:5px; bottom:16px;}
	.honourcircle{ width:40px; height:40px;}
	.honourborder{ left:18px;}
	.honourtriange{ left:22px; border-width:17px 17px 0 0;}
	.honourbtn{ width:30px; height:30px; margin-top:-15px; background-size:8px;}
	
	.newslist li{ padding:10px 15px;}
	.newslist li a{ font-size:14px; line-height:28px;}
	.newslist li span{ line-height:28px; padding:0; width:69px; overflow:hidden;}
	
	.pro01box2Tit{ font-size:16px;}
	.pro01box2con .media-left,.pro01box2con .media-body{ display:block; width:100%;}
	.pro01box2con .media-left img{ margin:0 auto 15px; display:block; max-width:100%;}
	
	.pro03table01Tit{ font-size:18px; line-height:30px; padding:10px 0;}
	.pro03table01list li{ float:left; background-size:20px; padding-left:25px;}
	.pro03tab01td2{ width:150px; text-align:center;}
	
	
	.pro04bot3con li{ width:50%;}	
	.pro04bot3con li:nth-child(2n+1){ border-left:none;}
	.pro04bot3con li:nth-child(3n){ border-right:none;}
	.pro04bot3con li:last-child{ border:none; width:100%;}
	
	.pro04bot4con span{ display:block; width:100%; padding:15px 0; font-size:16px;}
	
}
@media (max-width:460px){
	.continue{ width:150px; height:34px; line-height:34px; font-size:16px;}
	.box1context{ height:52px;}
	
	.box2tit strong{ padding:5px 0;}
	.box2list li{ margin-bottom:2px;}
	.box4more{ position:static; display:block; margin:10px auto 0; text-align:center;}
	
	.aboutBriefTit{ width:100%; padding:10px 0;}
	.aboutBriefTit h2{ padding:10px 0 0;}
	.aboutBrief{ padding-top:100px;}
	
	.articleBrief span{ display:block; text-align:left; line-height:30px;}
	.articlebtn,.sharebox { float:none !important;}
	.articlebtn{ margin-bottom:15px; margin:0 auto 15px; width:100%; height:34px; line-height:34px;}
	.sharebox{ text-align:center;}
	.prevnext a{ font-size:14px; line-height:30px;}
	
	.probot{ padding:10px 0;}
	.probot a{ font-size:12px;}	
	
	.pro03box4list li{ width:100%;}
	
	.pro04Tit{ border-left:10px solid #e83426; padding-left:5px;}
	.pro04Tit h3{ padding:4px 15px; line-height:30px;}
	
	.pro04box1botnum{ width:34px; height:34px; line-height:34px; font-size:16px;}
	
	.pro04bot1con li{ width:100%; padding:20px 0; padding-left:16%;}
}
@media (max-width:760px) and ( max-height:420px){
}
@media (max-width:360px){
	.box1context{ height:22px;}
	.box4 .swiper-slide{ transform:translateY(-100%); -webkit-transform:translateY(-100%);}
}	
@media (max-width:320px){
		
}
@media (max-height:414px){
	#hi-there{ width:80px;}
	.homeBan .swiper-container .pagination{ display:none;}
	.continue{ margin:5px auto; width:150px; height:30px; line-height:30px; font-size:14px;}
	.box1tit2{ display:none;}
	.box1num{ display:none;}
	.box2titbot{ max-height:104px; overflow:hidden;}
	.box2list{ display:none;}
	.box3ico img{ max-height:30px;}
	.box3Tit{ font-size:14px;}
	.box3Text,.box3Btn{ display:none;}
	.box4img{ display:none;}
	.box4Text{ transform: translateX(0%); -webkit-transform: translateX(0%); position:static; height:60px; overflow:hidden;}
	.box5Top{ display:none;}
	.box5Bot{ display:block;}
	.box5Tit{ font-size:14px; line-height:26px;}
	.box5Time{ display:none;}
	.box6left{ padding-left:15px;}
	.contactH{ font-size:16px; padding-bottom:0;}
	.box6con{ width:70%; padding-left:15px;}
	.box6more{ display:none;}
		
}
@media all and (orientation : landscape){
	/*.banner{ display:block;}
	.bannerx{ display:none;}*/
}
@media all and (orientation : portrait){ 
	/*.banner{ display:none;}
	.bannerx{ display:block;}*/
}