@charset "utf-8";
/* CSS Document */
/*切图：wyf*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none;}
input{ outline:0;}

.pz_top{ float:left; width:100%; overflow:hidden; }
.pz_banner{ float:left; width:100%; overflow:hidden;  position:relative; background: #2a2a2a;  }
.pz_main{ float:left; width:100%; }
.pz_down{ float:left; width:100%;}
.w_0100{ float:left; width:100%;}


/*pc版头部*/
.top1{ position: absolute; width:100%; height:210px; left:0; top:0; z-index:1010;
-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
}
.top1.active{

}
.top1 .brandLine{ height: 42px; border-bottom: #555555 solid 1px;}
.top1 .brandLine .brandTel{ float: left;  color:#fff; line-height: 41px; }
.top1 .brandLine .brandTel p{display:inline-block}
.top1 .focus{ float: right; height: 41px; color: #fff; line-height: 41px; border-left: #555555 solid 1px;}
.top1 .focus span{ float: left; padding: 0 0 0 20px;}
.top1 .focus .focusa{ float: left; width:19px; height: 19px; margin:12px 8px 0 8px; line-height: 0; position: relative; z-index: 10; }
.top1 .focus .focusa .imgs{}
.top1 .focus .focusa .imgd{ display: none;}
.top1 .focus .focusa.active .imgs{ display: none;}
.top1 .focus .focusa.active .imgd{ display: block;}
.top1 .focus .focusa .ewm{ display: none; position: absolute; width: 115px; height: 121px; top: 100%; right: -12px; padding: 13px 9px 12px 10px; background: url(../images/top5.png) no-repeat; }
.top1 .language{ float: right; padding: 0 44px 0 20px; position: relative;}
.top1 .language span{ float: left; color: #fff; line-height: 41px;}
.top1 .language b{ position: absolute; width: 7px; height: 4px; right:20px; top: 18px; line-height: 0; z-index: -1;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.top1 .language.active b{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.top1 .language .ullanguage{ display:none; position: absolute; width: 100%; left: 0; top: 100%; z-index: 2; padding:2px 0; background: #222;}
.top1 .language .ullanguage li{ padding: 10px 0 10px 20px;}
.top1 .language .ullanguage li a{ color: #fff;}
.top1 .language .ullanguage li:hover{ background: #000;}
.top1 .menuBox{ padding: 46px 0 0 0;}
.top1 .logo{ height:55px; text-align: center; }
.top1 .logo img{ height: 55px;}
.top1 .menuLine{ padding: 22px 0 0 0; text-align: center;}

.menu{ display: inline-block; *display: inline; *zoom:1;}
.menu ul{ float:left;}
.menu ul .nli{ float:left; padding:0 23px; position:relative;}
.menu ul .nli span{ float: left; padding: 0 14px 0 0;}
.menu ul .nli.active span,
.menu ul .nli.on span,
.menu ul .nli span:hover{ border-bottom: #cb181e solid 1px;font-weight:bold;}

.menu ul .nli span a{ float:left; color:#ffffff; font-size:18px; line-height:45px; position: relative; }
.menu ul .nli.active span a,
.menu ul .nli.on span a,
.menu ul .nli span a:hover{ color:#cb181e; }
.menu ul .nli span a::after{ display: none; position: absolute; content: ""; width: 100%; height: 3px; background: #cb181e; left: 0; bottom: -2px; }
.menu ul .nli.active span a::after,
.menu ul .nli.on span a::after,
.menu ul .nli span:hover a::after{ display: block;}

.menu .sub1{ display:none; position:absolute; width:100%; left:0; top:100%; background: #fff; opacity: 0.7;}
.menu .sub1 li{ float:left; width:100%;}
.menu .sub1 li a{ float:left;  width:100%; padding:5px 0; line-height:24px; text-align:center; color:#43484a; font-size:14px;}
.menu .sub1 li a:hover{ background:#cb181e; color:#fff;}
.menu .sub1 li:first-child{ margin-top:5px;}
.menu .sub1 li:last-child{ margin-bottom:5px;}

.searchicon{ display: none !important; *display: inline; *zoom:1; width:50px; height:50px; margin:0 0px 0 18px; text-align: center; cursor:pointer; position:relative;}
.searchicon .ico{ float:left; width:50px; height:50px;}
.searchicon .ico .imgs{}
.searchicon .ico .imgd{ display:none;}
.searchicon .ico:hover .imgs,
.searchicon .ico.active .imgs{ display:none;}
.searchicon .ico:hover .imgd,
.searchicon .ico.active .imgd{ display:block;}
.searchicon .searchDown{ display:none; position:absolute; width:337px; height:0; right:0; top:100%;}
.searchicon .searchDown .searchIco{ float:right; width:9px; height:5px; margin:0 20px 0 0; line-height:0;}
.searchicon .searchDown .inputBox{ float:right; width:100%; background:#fff; padding:9px 5px 9px 18px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}
.searchicon .searchDown .inputBox .inputCricle{ float:left; width:269px; height:34px; border:#e6e6e6 solid 1px;
	border-radius:18px;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	-o-border-radius:18px;
}
.searchicon .inputSelf{ float:left; width:228px; height:32px; border:0; padding:0 0 0 10px; margin:0; background:0; color:#333; font-size:14px; line-height:32px;}
.searchicon .inputBtn{ float:left; width:29px; height:29px; margin:2px 0 0 0;background:url(../images/top10.png) center no-repeat;background-size:29px auto}
.searchicon .searchDown .inputBox .inputShup{ float:right; width:45px; height:35px; padding:7px 13px 8px 13px;}
.searchicon .searchDown .inputBox .inputShup img{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
@media screen and (max-width:1199px){
	.top1{ display:none;}
}

/*phone版头部*/
.top2{ display:none; position:fixed; left:0; top:0; width:100%; height:80px; background-color:#fff; z-index:1030;}
.top2.active{
-webkit-box-shadow: 0 2px 6px #aaa;
   -moz-box-shadow: 0 2px 6px #aaa;
     -o-box-shadow: 0 2px 6px #aaa;
        box-shadow: 0 2px 6px #aaa;
}
.top2 .logo{ float:left;width:250px; margin:15px 0 0 0;}
@media screen and (max-width:1199px){
.top2{ display:block;}	
}

/*手机按钮*/
.menuph{
	float:right;
	margin:15px 0 0 0;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background-color: #cb181e;
	text-align: center;
}
.menuph .point
{
	display: inline-block;
	width: 28px;
	height: 22px;
	margin-top: 14px;
	position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
	width: 28px;
}
.menuph .navbtn
{
	position: absolute;
	top: 10px;
	right: 0;

	display: inline-block;

	width: 21px;
	height: 1px;

	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	background: #fff;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
	position: absolute;
	right: 0;

	display: inline-block;

	width: 28px;
	height: 1px;

	content: '';
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;

	background: #fff;
}
.menuph .navbtn::after
{
	top: -11px;
}
.menuph .navbtn::before
{
	top: 10px;
}
.menuph .point.active .navbtn{
	background: transparent;
}
.menuph .point.active .navbtn::after{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
}
.menuph .point.active .navbtn::before
{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0px;
}


/*手机下拉*/
.xialaph{
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	background-color: #fff;
	padding-bottom: 50px;
	display: none;
	z-index: 1029;
	background: #fff;
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{
	display: none;
}
.xialaph h4 a{
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 62px;
}
.xialaph h4{
	position: relative;
}
.xialaph li:last-child h4::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	/*opacity: 0.1;*/
}
.xialaph h4::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	/*opacity: 0.1;*/
}
.xialaph h5 a{
	color: #333;
	font-size: 16px;
	font-family: "微软雅黑";
	line-height: 48px;
}
.xialaph h5{
	position: relative;
}
.xialaph h5::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #e5e5e5;
	/*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
	display: none;
}
.xialaph h4 img{
	width: 15px;
	height: 8px;
	float: right;
	margin-top: 29px;
	cursor: pointer;
}
.xialaph h5 img{
	width: 11px;
	height: 6px;
	float: right;
	margin-top: 26px;
	margin-right: 18px;
	cursor: pointer;
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{
	display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{
	display: block;
}
.xialaph .ul2{
	
}
.xialaph .ul3{
	padding-top: 12px;
	padding-bottom: 18px;
	padding-left: 15px;
	position: relative;
}
.xialaph .ul3::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
	display: none;
}
.xialaph .ul3 li a{
	color: #666;
	font-size: 14px;
	line-height: 35px;
	display: block;
}
.xialaph .ul3 li{
	padding-top: 5px;
}
.xialaph .ul3 li:first-child{
	padding-top: 0;
}
.xialaph .phsou{display:none !important;
	position: relative;
	margin-top: 20px;
}
.xialaph .phsou .input1{
	width: 100%;
	height: 56px;
	background-color: #fff;
	color: #aaa;
	font-size: 14px;
	padding-left: 20px;
	border: 1px solid #e5e5e5;
        border-radius:28px;
-webkit-border-radius:28px;
   -moz-border-radius:28px;
     -o-border-radius:28px;
-webkit-appearance:none;
}
.xialaph .phsou .tj{
	cursor: pointer;
	width: 21px;
	height: 22px;
	position: absolute;
	top: 17px;
	right: 29px;
    background:url(../images/sou3.png) center no-repeat;background-size:21px auto
}
.xialaph .try{ text-align:center; margin:20px 0 0 0;  }
.xialaph .try a{ margin: 0 10px; font-size:16px; color:#333; line-height:50px;}
.xialaph .try a:hover{ color: #cb181e;}
.phonemeng{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	z-index: 196;
	display: none;
}
.phonemeng.active{
	display: block;
}


/*banner*/
.slick_banner{ margin:0; position:relative;  min-height:481px;}
.slick_banner img{
	opacity: 0.5;
	filter: alpha(opacity=20);
	-moz-opacity: 1;
	-khtml-opacity: 0.5;
}
.slick_banner .owl-dots{ position: absolute; bottom: 40px; text-align: center; width: 100%;}
.slick_banner .owl-dots .owl-dot{}
.slick_banner .owl-dots .owl-dot span{ width: 10px; height: 10px; border: #fff solid 1px; background:0;
	border-radius:0px
}
.slick_banner .owl-dots .owl-dot.active span,
.slick_banner .owl-dots .owl-dot:hover span{ background:#fff;}
@media  screen and (max-width:1199px){
.slick_banner{ margin-top: 80px;  min-height:398px;}
}
@media  screen and (max-width:991px){
	.slick_banner{  min-height:493px;}
	.slick_banner .owl-dots{ bottom: 20px; }
}
@media  screen and (max-width:767px){
	.slick_banner{  min-height:205px;}
	.slick_banner .owl-dots{ bottom: 10px; }
}

.gave{ position: absolute; width: 100%; left: 0; top: 50%; z-index: 900; margin-top:-65px;
/*-webkit-transform: translate(0, -50%);*/
	/*-ms-transform: translate(0, -50%);*/
	    /*transform: translate(0, -50%);*/
}
.gave h1{ color: #fff; font-size: 46px; text-align: center; line-height: 1.17;}
.gave h1 a{color: #fff;}
.gave .gaveTit{ height: 60px; margin: 20px 0 80px 0; padding: 0 220px 0 220px; color: #c0c0c0; font-size: 16px; line-height: 30px; overflow: hidden; text-align: center;}
.gave .gaveTit a{color: #c0c0c0;}
.gave .gaveBtn{ text-align: center;}
.gave .gaveBtn a{ display: inline-block; *display: inline; *zoom:1; margin: 0 10px; padding: 0 40px; color: #fff; font-size: 16px; line-height: 40px; text-align: center;
	background: #cb181e;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #e96c01, endColorstr = #fb4d4f);
	    border-radius:20px;
-webkit-border-radius:20px;
   -moz-border-radius:20px;
	 -o-border-radius:20px;
}

@media  screen and (max-width:1560px){
	.gave{  top: 60%;  }
	.gave .gaveTit{  margin: 20px 0 20px 0; }
}
@media  screen and (max-width:1199px){
	.gave .gaveTit{ padding: 0 100px; }
	.gave{ top: 50%; margin-top:-90px; }
}
@media  screen and (max-width:991px){
	.gave .gaveTit{ padding: 0; }
	.gave{  }
}
@media  screen and (max-width:767px){
	.gave{ margin-top:-10px; }
	.gave h1{ font-size: 30px; }
	.gave .gaveTit{ display: none; }
	.gave .gaveBtn{ margin-top: 15px;}
	.gave .gaveBtn a{ padding: 0 20px; line-height: 32px; font-size: 14px;}
}

.homeWhy{ position: relative;
	background: #0e8dce;
}
.homeWhy .htree{ position:absolute; left:50%; top:0; margin-left: -30px;
	display:block;
	width:0;
	height:0;
	border-width:30px 30px 0 30px;
	border-style:solid;
	border-color: #01161b transparent transparent transparent;
}
.homeWhy .htree2{ position:absolute; left:50%; top:0; margin-left: -30px;
	display:block;
	width:0;
	height:0;
	border-width:30px 30px 0 30px;
	border-style:solid;
	border-color: #ffffff transparent transparent transparent;
}
@media  screen and (max-width:991px){
	.homeWhy .htree2{ margin-left: -20px;
		border-width:20px 20px 0 20px;
	}
}
@media  screen and (max-width:767px){
	.homeWhy .htree2{ margin-left: -20px;
		border-width:10px 10px 0 10px;
	}
}
.homeWhy .whyBox{ padding: 7.8% 0 50px 0; color: #fff;}
.homeWhy .whyBox h2{ color: #fff; font-size: 32px; line-height: 1.11; text-align: center; letter-spacing: 5px;}
.homeWhy .whyBox .text{ padding: 15px 260px 0 260px; color: #ffffff; font-size: 16px; line-height: 36px; text-align: center;}
.homeWhy .whyBox .whyDown{ padding:33px 0 0 0; margin: 0 -15px; }
.homeWhy .whyBox .whyDown ul{}
.homeWhy .whyBox .whyDown ul li{ margin: 10px 0 0 0;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
	 -o-transition: all 0.3s linear;
	    transition: all 0.3s linear;
}
.homeWhy .whyBox .whyDown ul li:hover{ margin: 0 0 10px 0;}
.homeWhy .whyBox .whyDown ul li .whyblock{ height: 190px; padding: 0 0 0 118px; position: relative;}
.homeWhy .whyBox .whyDown ul li .whyblock .whyleft{ position: absolute; width: 190px; height: 190px; border: #f8b486 solid 1px; left: 8px; top: 0px;
	    border-radius: 50%;
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
	 -o-border-radius: 50%;
}
.homeWhy .whyBox .whyDown ul li .whyblock .whyright{}
.homeWhy .whyBox .whyDown ul li .whyblock .whyright h3{ margin:14px color: #fff; font-size: 18px; line-height: 36px; padding-right:40px;  }
.homeWhy .whyBox .whyDown ul li .whyblock .whyright h3 a{ position: absolute; width: 15px; height: 15px; right: 25px; color: #fff; top: 22px; line-height: 13px; text-align: center;
	    border-radius: 50%;
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
     -o-border-radius: 50%;
}
.homeWhy .whyBox .whyDown ul li:hover .whyblock .whyright h3 a{ color: #cb181e; background: #fff;}
.homeWhy .whyBox .whyDown ul li .whyblock .whyright .whytext{ height: 24px; color: #fff; font-size: 14px; line-height: 24px;}
.homeWhy .whyBox .whyDown ul .owl-dot span{background:#cb181e;}
.homeWhy .whyBox .whyDown ul .owl-dot.active span,
.homeWhy .whyBox .whyDown ul .owl-dot:hover span{background:#fff;}
.homeWhy .whyBox .whyDown ul li .youshi{
	width: 50%;
}
@media  screen and (max-width:1199px){
	.homeWhy .whyBox{ padding: 7.8% 0 40px 0;}
	.homeWhy .whyBox .text{ padding: 15px 155px 0 155px; }
}
@media  screen and (max-width:991px){
	.homeWhy .htree{ margin-left: -10px;
		border-width:20px 20px 0 20px;
	}
	.homeWhy .whyBox{ padding: 7.8% 0 30px 0;}
	.homeWhy .whyBox h2{ font-size: 24px;}
	.homeWhy .whyBox .text{ padding: 15px 0px 0 0px; }
	.homeWhy .whyBox .youshi img{width: 128px;}
}
@media  screen and (max-width:767px){
	.homeWhy .htree{left: 50%; 
		border-width:10px 10px 0 10px;
	}
	.homeWhy .whyBox{ padding: 7.8% 0 25px 0;}
	.homeWhy .whyBox h2{ font-size: 20px;}
	.homeWhy .whyBox .text{ font-size: 14px; line-height: 24px; padding: 15px 0px 0 0px; }
	.homeWhy .whyBox .whyDown{ padding:20px 0 0 0; }
	.homeWhy .whyBox .youshi img {width: 128px;}
}

.homeWhy .whyButton{ padding:45px 0 0 0; text-align: center; }
.homeWhy .whyButton a{ display: inline-block; *display: inline; *zoom:1; border: #fbaf93 solid 1px; color: #fff; font-size: 16px; line-height: 38px; padding: 0 32px;
	    border-radius: 20px;
-webkit-border-radius: 20px;
   -moz-border-radius: 20px;
	 -o-border-radius: 20px;
}
.homeWhy .whyButton a:hover{ background: #fff; color: #f65e26;}
@media  screen and (max-width:1199px){
	.homeWhy .whyButton{ padding:40px 0 0 0; }
}
@media  screen and (max-width:991px){
	.homeWhy .whyButton{ padding:30px 0 0 0; }
}
@media  screen and (max-width:767px){
	.homeWhy .whyButton{ padding:20px 0 0 0; }
}

.homeWhy3{ position: relative;
	background-color: #808080;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #e96c01, endColorstr = #fb4d4f);
}
.homeWhy3 .htree{ position:absolute; left:50%; top:0; margin-left: -30px;
	display:block;
	width:0;
	height:0;
	border-width:30px 30px 0 30px;
	border-style:solid;
	border-color: #0e8dce transparent transparent transparent;
}
.homeWhy3 .whyBox{ padding: 7.8% 0 50px 0; color: #fff;}
.homeWhy3 .whyBox h2{ color: #fff; font-size: 32px; line-height: 1.11; text-align: center; letter-spacing: 5px;}
.homeWhy3 .whyBox .text{ padding: 15px 260px 0 260px; color: #ffffff; font-size: 16px; line-height: 36px; text-align: center;}
.homeWhy3 .whyBox .whyDown{ padding:33px 0 0 0; margin: 0 -15px; }
.homeWhy3 .whyBox .whyDown ul{}
.homeWhy3 .whyBox .whyDown ul li{ margin: 10px 0 0 0;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
	 -o-transition: all 0.3s linear;
	    transition: all 0.3s linear;
}
.homeWhy3 .whyBox .whyDown ul li:hover{ margin: 0 0 10px 0;}
.homeWhy3 .whyBox .whyDown ul li .whyblock{ height: 90px; padding: 0 0 0 118px; position: relative;}
.homeWhy3 .whyBox .whyDown ul li .whyblock .whyleft{ position: absolute; width: 90px; height: 90px; left: 8px; top: 0px;border: 2px solid #ffffff;
	    border-radius: 50%;
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
	 -o-border-radius: 50%;
}
.homeWhy3 .whyBox .whyDown ul li .whyblock .whyright{}
.homeWhy3 .whyBox .whyDown ul li .whyblock .whyright h3{ margin:14px 0 0 0; color: #fff; font-size: 18px; line-height: 36px; padding-right:40px;  }
.homeWhy3 .whyBox .whyDown ul li .whyblock .whyright h3 a{ position: absolute; width: 15px; height: 15px; right: 25px; color: #fff; top: 22px; line-height: 13px; text-align: center;
	    border-radius: 50%;
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
     -o-border-radius: 50%;
}
.homeWhy3 .whyBox .whyDown ul li:hover .whyblock .whyright h3 a{ color: #cb181e; background: #fff;}
.homeWhy3 .whyBox .whyDown ul li .whyblock .whyright .whytext{ height: 30px; color: #fff; font-size: 14px; line-height: 14px;white-space: pre-wrap;}
.homeWhy3 .whyBox .whyDown ul .owl-dot span{background:#cb181e;}
.homeWhy3 .whyBox .whyDown ul .owl-dot.active span,
.homeWhy3 .whyBox .whyDown ul .owl-dot:hover span{background:#fff;}
@media  screen and (max-width:1199px){
	.homeWhy3 .whyBox{ padding: 7.8% 0 40px 0;}
	.homeWhy3 .whyBox .text{ padding: 15px 155px 0 155px; }
}
@media  screen and (max-width:991px){
	.homeWhy3 .htree{ margin-left: -20px;
		border-width:20px 20px 0 20px;
	}
	.homeWhy3 .whyBox{ padding: 7.8% 0 30px 0;}
	.homeWhy3 .whyBox h2{ font-size: 24px;}
	.homeWhy3 .whyBox .text{ padding: 15px 0px 0 0px; }
}
@media  screen and (max-width:767px){
	.homeWhy3 .htree{ margin-left: -20px;
		border-width:10px 10px 0 10px;
	}
	.homeWhy3 .whyblock{margin-left:2em ;}
	.homeWhy3 .whyBox{ padding: 7.8% 0 25px 0;}
	.homeWhy3 .whyBox h2{ font-size: 20px;}
	.homeWhy3 .whyBox .text{ font-size: 14px; line-height: 24px; padding: 15px 0px 0 0px; }
	.homeWhy3 .whyBox .whyDown{ padding:20px 0 0 0; }
}

.homeWhy3 .whyButton{ padding:45px 0 0 0; text-align: center; }
.homeWhy3 .whyButton a{ display: inline-block; *display: inline; *zoom:1; border: #fbaf93 solid 1px; color: #fff; font-size: 16px; line-height: 38px; padding: 0 32px;
	    border-radius: 20px;
-webkit-border-radius: 20px;
   -moz-border-radius: 20px;
	 -o-border-radius: 20px;
}
.homeWhy3 .whyButton a:hover{ background: #fff; color: #f65e26;}
@media  screen and (max-width:1199px){
	.homeWhy .whyButton{ padding:40px 0 0 0; }
}
@media  screen and (max-width:991px){
	.homeWhy .whyButton{ padding:30px 0 0 0; }
}
@media  screen and (max-width:767px){
	.homeWhy .whyButton{ padding:20px 0 0 0; }
}

.homevideo{ background: url("../images/main5.png") center no-repeat; background-size:100% auto;}
.homevideo .homevideoBox{ margin: 6.83% 0 8% 0; position: relative;}
.homevideo .homevideoBox .videoIco{ position: absolute; width:100px; height: 100px; left: 50%; top: 50%; margin: -50px 0 0 -50px; }
@media  screen and (max-width:991px){
	.homevideo .homevideoBox .videoIco{ width:60px; height: 60px; margin: -30px 0 0 -30px; }
}
@media  screen and (max-width:767px){
	.homevideo .homevideoBox .videoIco{ width:40px; height: 40px; margin: -20px 0 0 -20px; }
}

.homerobot{ background: #2a2a2a;}
.homerobot .robotBox{ padding:6% 0 6% 0; }
.homerobot .robotBox .robotTitle{ text-align: center;}
.homerobot .robotBox .robotTitle h2{color: #fff; font-size: 32px;line-height: 1.11; text-align: center; letter-spacing: 5px;}
.homerobot .robotBox .robotTitle .robotico{ padding: 13px 0 0 0; text-align: center; line-height: 0;}
.homerobot .robotBox .robotTitle .robotico span{ display: inline-block; *display: inline; *zoom:1; width: 60px; height: 2px; background: #cb181e;}
.slick_robot{ margin:1px 0 0 0; position: relative; }
.slick_robot .robotup{ padding: 0 170px; height: 448px;}
.slick_robot .robotupbox{ margin: 0;}
.slick_robot .robotupbox .slick-slide{ outline: 0;}
.slick_robot .robotdown{ position: absolute; width: 100%; top:110px; left: 0; padding: 0 107px;}
.slick_robot .robotdownbox{ background: url("../images/main9.png") bottom center no-repeat; }
.slick_robot .robotdownbox .slick-list{ padding: 16px 0 0 0 !important;}
.slick_robot .robotdownbox .robotli{ float: left; width: 16.6%;}
.slick_robot .robotdownbox .robotli .iconmargin{ margin: 0 auto; width:54px; }
.slick_robot .robotdownbox .robotli .iconmargin .icofloat{ float: left; width: 54px; height: 54px; position: relative;}
.slick_robot .robotdownbox .robotli .iconmargin .icofloat .icoposition{ position: absolute; width: 54px; height: 54px; bottom: 0; left: 50%; margin-left: -27px;}
.slick_robot .robotdownbox .robotli:hover .iconmargin .icofloat .icoposition{ width: 70px; height: 70px; margin-left: -35px;}
.slick_robot .robotdownbox .robotli h3{ float: left; width: 100%; padding:8px 0 10px 0; color: #fff; font-size: 14px; text-align: center; }
.slick_robot .robotdownbox .robotli .linemaring{ margin: 0 auto;width: 1px;}
.slick_robot .robotdownbox .robotli .linemaring span{ float: left; width: 1px; height: 54px; background: #6a6a6a;}
.slick_robot .robotdownbox .robotli .criclemargin{ margin: 0 auto; width: 19px;}
.slick_robot .robotdownbox .robotli .criclemargin .criclebg{ float: left; width: 19px; height: 19px; margin-top: -9px;}

.robotarrow{ height: 0;}
.robotarrow .arrleft{ position: absolute;  width: 65px; height: 50px; left: 0; top: 50%; margin-top: -25px;  border: #404040 solid 2px; padding: 17px 0 0 19px; line-height: 0; cursor: pointer;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.robotarrow .arrright{ position: absolute;  width: 65px; height: 50px; right: 0; top: 50%; margin-top: -25px; border: #404040 solid 2px; padding: 17px 0 0 19px; line-height: 0; cursor: pointer;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.robotarrow img{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}
.robotarrow .arrleft:hover,
.robotarrow .arrright:hover{ border-color:#6a6a6a;}
.robotarrow .arrleft:hover img,
.robotarrow .arrright:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}


.homerobot .robotdownbtn{ padding: 8px 0 0 0; text-align: center;}
.homerobot .robotdownbtn a{ padding: 0 40px;
	display: inline-block; *display: inline; *zoom:1; margin: 0 10px;  color: #fff; font-size: 16px; line-height: 40px; text-align: center;
	background: -webkit-gradient(linear, 0 0, 100% 100%, from(#e96c01), to(#fb4d4f));
	background: -webkit-linear-gradient(left top, #e96c01, #fb4d4f);
	background: -moz-linear-gradient(left top, #e96c01, #fb4d4f);
	background: -o-linear-gradient(left top, #e96c01, #fb4d4f);
	background: -ms-linear-gradient(left top, #e96c01, #fb4d4f);
	background: linear-gradient(left top, #e96c01, #fb4d4f);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #e96c01, endColorstr = #fb4d4f);
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
}
@media  screen and (max-width:1199px){
	.slick_robot .robotup{ padding: 0 68px; height: 446px;}
}
@media  screen and (max-width:991px){
	.homerobot .robotBox .robotTitle h2{ font-size: 24px;}
	.slick_robot .robotup{ padding: 0; height: 398px;}
	.slick_robot .robotdown{ top:84px; }
	.slick_robot .robotdownbox{ background: 0; }
	.slick_robot .robotdownbox .robotli{  width: 33.33%; margin: 10px 0;}
	.slick_robot .robotdownbox .robotli .linemaring{ display: none;}
	.slick_robot .robotdownbox .robotli .criclemargin{ display: none;}
}
@media  screen and (max-width:767px){
	.homerobot .robotBox .robotTitle h2{ font-size: 20px;}
	.slick_robot{ padding: 0 0 280px 0; }
	.slick_robot .robotup{ height: auto;}
	.slick_robot .robotdown{ top: 5px; bottom: 50px; padding: 0;  }
	.slick_robot .robotdownbox{ margin: 0 -15px;}
	.robotarrow .arrleft{  width: 39px; height: 30px; top: auto; bottom: -40px; margin-top: 0; padding:7px 0 0 5px;  }
	.robotarrow .arrright{ width: 39px; height: 30px; top: auto; bottom:-40px; margin-top: 0; padding:7px 0 0 5px; }

	.slick_robot .robotdownbox .robotli .iconmargin{ width:40px; }
	.slick_robot .robotdownbox .robotli .iconmargin .icofloat{  width: 40px; height: 40px; }
	.slick_robot .robotdownbox .robotli .iconmargin .icofloat .icoposition{ width: 40px; height: 40px; bottom: 0; left: 50%; margin-left: -20px;  }
	.slick_robot .robotdownbox .robotli:hover .iconmargin .icofloat .icoposition{ width: 40px; height: 40px; margin-left: -20px;  }
}

.homeplate{background: url("../images/main31.jpg") center no-repeat; position: relative;}

.platephonetit{ color: #cb181e; font-size: 30px; line-height: 1.2; text-align: center; padding: 5% 0 0 0;}
.plateDownPh{ padding: 30px 0 0 0;}
.plateDownPh .phonemargin{ margin: 0 auto; width: 120px;}
.plateDownPh .phonemargin .cricle{ float: left; width: 120px; height: 120px;padding: 20px 0 0 0; text-align: center; background: #cb181e;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
}
.plateDownPh .phonemargin .cricle .platepic{ margin: 0 auto; width: 35px;}
.plateDownPh .phonemargin .cricle .plateuse{ padding: 16px 0 0 0; color: #fff; font-size: 18px;}
.plateDownPh .phonecontent{ float: left; width: 100%; padding: 20px 0 0 ; color: #333; font-size: 16px; line-height: 22px; text-align: center;}
.plateDownPh .owl-dots{ margin-top: 20px !important;}
.plateDownPh .owl-dots .owl-dot span{ background: #cb181e ;}
.plateDownPh .owl-dots .owl-dot.active span,
.plateDownPh .owl-dots .owl-dot:hover span{ background: #cb181e ;}

.homeplate .htree{ position:absolute; left:50%; top:0; margin-left: -30px;
	display:block;
	width:0;
	height:0;
	border-width:30px 30px 0 30px;
	border-style:solid;
	border-color: #2a2a2a transparent transparent transparent;
}
@media  screen and (max-width:991px){
	.homeplate .htree{ margin-left: -20px;
		border-width:20px 20px 0 20px;
	}
}
@media  screen and (max-width:767px){
	.homeplate .htree{ margin-left: -20px;
		border-width:10px 10px 0 10px;
	}
}
@media  screen and (max-width:767px){
	.platephonetit{ font-size: 24px; }
}
@-webkit-keyframes rotate{
0{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
100%{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@keyframes rotate{
0{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
100%{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}

/*down*/
.footer{ background: #2a2a2a;}
.footertop{ border-bottom: #3f3f3f solid 1px;}
.footertop .footertopleft{ float: left; width: 50%; border-right: #3f3f3f solid 1px; padding:25px 0; color: #f9f9fa; font-size: 14px; line-height: 23px; }
.footertop .footertopleft a{ color: #fff;}
.footertop .footertopright{ float: right; width: 50%; padding: 25px 0;}
.footertop .footertopright .downfocus{ float: right; color: #fff; font-size: 14px; line-height: 23px;}
.footertop .footertopright .downfocus span{ float: left;}

.footertop .footertopright .downfocus .focuslink{ float: left; width:22px; height: 22px; margin:0px 0px 0 8px; line-height: 0; position: relative; z-index: 10; }
.footertop .footertopright .downfocus .focuslink .imgs{}
.footertop .footertopright .downfocus .focuslink .imgd{ display: none;}
.footertop .footertopright .downfocus .focuslink.active .imgs{ display: none;}
.footertop .footertopright .downfocus .focuslink.active .imgd{ display: block;}
.footertop .footertopright .downfocus .focuslink .ewm{ display: none; position: absolute; width: 92px; height: 94px; bottom: 100%; left: 50%; margin-left:-49px; padding: 11px 11px 13px 11px; background: url(../images/down4.png) no-repeat; }
.footertop .footertopright .downfocus .focuslink .ewm img{width:70px !important;height:70px !important;}

.footertop .footertopright .foottele{ float: right; color: #f9f9fa;font-size: 16px; font-weight: bold; line-height: 23px; padding: 0 18px 0 0;}
.footertop .footertopright .foottele p{display:inline-block}
.footerdown{ padding: 21px 0 22px 0;}
.footerdown .footerdownleft{ float: left; width: 50%; color: #f9f9fa; line-height: 24px;}
.footerdown .footerdownleft a{color: #f9f9fa;}
.footerdown .footerdownleft a:hover{ color: #cb181e;}
.footerdown .footerdownright{ float: right; padding: 12px 0; color: #f9f9fa; line-height: 24px;}
.footerdown .footerdownright a{color: #f9f9fa;}
.footerdown .footerdownright a:hover{color: #cb181e;}
@media  screen and (max-width:991px){
	.footertop .footertopleft{ width: 100%; text-align: center; padding:25px 0 0 0; border: 0;}
	.footertop .footertopright{ float: left; width: 100%; padding: 15px 0 25px 0; text-align: center;}
	.footertop .footertopright .downfocus{ float: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
	.footertop .footertopright .foottele{ float: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
	.footerdown .footerdownleft{ width: 100%; text-align: center;}
	.footerdown .footerdownright{ float: left; width: 100%; text-align: center;}
}
@media  screen and (max-width:767px){
	.footertop .footertopleft{ font-size: 12px; }
	.footerdown{ padding: 21px 0 10px 0;}
}

/*底部返回*/
.downretrun{ display: none; position: fixed; width: 36px; height: 41px; border: #959595 solid 1px; background: #2a2a2a; right: 50%; margin-right: -640px; bottom: 104px;}
@media  screen and (max-width:1199px){
	.downretrun{  margin-right: -546px; bottom: 180px;}
}
@media  screen and (max-width:991px){
	.downretrun{  margin-right: -380px;}
}
@media  screen and (max-width:767px){
	.downretrun{ display: none;}
}


/*产品服务*/
.servicebox{ position: relative;}
.serviceimg{
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
}
.serviceban{ position: absolute; width: 100%; left: 0; top: 58%;}
.serviceban h2{ text-align: center; color: #fff; font-size: 24px; line-height: 1.5;}
.serviceban .serdown{ padding:50px 0 0 0; }
.serviceban .serdown .sercricle{ margin: auto; width: 19px;}
.serviceban .serdown .serline{ margin:0 auto; width: 1px;}
.serviceban .serdown .serline .line{ float: left; width: 1px; height: 260px; background: #949594;}
@media  screen and (max-width:1300px){
	.serviceban{ top: 65%;}
	.serviceban .serdown{ padding:20px 0 0 0; }
}
@media  screen and (max-width:1199px){
	.servicebox{ margin-top: 80px;}
	.serviceban{ top: 50%;}
}
@media  screen and (max-width:767px){
	.serviceban h2{ font-size: 18px; }
}

.servicetit{ padding:5.64% 0 0 0; }
.servicetit h3{ text-align: center; color: #cb181e; font-size: 32px; line-height: 1.25;}
.servicetit .subtit{ height: 20px; background: url("../images/ser3.jpg") repeat-x; text-align: center; margin-top: 16px;}
.servicetit .subtit .subico{ display: inline-block; *display: inline; *zoom:1; padding: 0 8px; background: #fff;}
@media  screen and (max-width:991px){
	.servicetit h3{ font-size: 24px; }
}
@media  screen and (max-width:767px){
	.servicetit h3{ font-size: 20px; }
}

.pz_SideLayer{ padding: 32px 0 0 0; text-align: center;}
.pz_SideLayer .l1{ display: inline-block; *display: inline; *zoom:1; }
.pz_SideLayer .l1 a{ float: left; padding: 0 30px; color: #333333; font-size: 16px; line-height: 40px;
	    border-radius:20px;
-webkit-border-radius:20px;
   -moz-border-radius:20px;
     -o-border-radius:20px;
}
.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1 .hover{ background: #cb181e; color:#fff;}
.pz_SideLayer .l1::after{ float: left; width: 20px; height: 1px; content: ""; background: #cccccc; margin: 20px 0 0 0;}
.pz_SideLayer .l1:last-child::after{ display: none;}

.babyser{ margin-top: 30px; position: relative; z-index: 5;}
.babyser h2{ float:left; width:100%; padding:0 20px 0 20px; border-bottom:#e1e1e1 solid 1px;  color:#333333; font-size:16px; line-height:48px;}
.babyser h2 .imgr{ float:right; margin:16px 0 0 0;}
@media  screen and (max-width:991px){
	.babyser h2 .imgr{ float:right; margin:16px 0 0 0;
		transition: all 0.2s linear;
	}
	.babyser h2.active .imgr{
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg);
	}
}
.pz_SideLayerph{ display:none; position:absolute; width:100%; left:0; top:49px; background-color:#fff;}
.pz_SideLayerph .l1{}
.pz_SideLayerph .l1 h3{ color:#333; font-size:16px; line-height:48px; cursor:pointer; border-bottom:#e1e1e1 solid 1px;}
.pz_SideLayerph .l1 h3 a{ color:#333; padding-left:29px;}
.pz_SideLayerph .l1 h3.active a{ color:#80b63b;}
.pz_SideLayerph .l1 h3 img{ float:right; margin:25px 15px 0 0;}
.pz_SideLayerph .l1 h3 img.img3{ display:block;}
.pz_SideLayerph .l1 h3 img.img3h{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}
.pz_SideLayerph .l1 .l1ul{ display:none;}
.pz_SideLayerph .l1 .l1ul li{border-bottom:#e1e1e1 solid 1px; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}
.pz_SideLayerph .l1 .l1ul li:last-child{ border:0;}
.pz_SideLayerph .l1 .l1ul li a{color:#999999;}
@media  screen and (max-width:767px){
	.babyser{ margin-top: 20px; }
}
.serbase{ padding:31px 130px 22px 130px; color: #666666; font-size: 14px; line-height: 30px; text-align: center; }
@media  screen and (max-width:1199px){
	.serbase{ padding:31px 0px 22px 0px; }
}
@media  screen and (max-width:767px){
	.serbase{ padding:20px 0px 22px 0px; }
}

.basecount{}
.basecounttit{ background: #f2f2f2; padding: 0 48px;
	    border-radius:30px;
-webkit-border-radius:30px;
   -moz-border-radius:30px;
     -o-border-radius:30px;
}
/*手机参数*/
.phonebase{ margin: 10px 0 0 0;}
.phonebase li{ margin-top: 10px;}
.phonebase li .base1{ width: 40%; background: #cb181e; color: #fff;}
.phonebase li .base2{ width: 60%;}
.phonebase li td{border: #e5e5e5 solid 1px; padding: 10px 10px; line-height: 20px; text-align: center; color: #333333; font-size: 14px; }

.phonebase li.two{ background: #f5f5f5;}
.basebtn{ padding: 40px 0; text-align: center;}
.basebtn .baselink{ display: inline-block; *display: inline; *zoom:1; color: #fff; font-size: 18px; line-height: 50px; padding: 0 50px;
	background: -webkit-gradient(linear, 0 0, 100% 100%, from(#e96c01), to(#fb4d4f));
	background: -webkit-linear-gradient(left top, #e96c01, #fb4d4f);
	background: -moz-linear-gradient(left top, #e96c01, #fb4d4f);
	background: -o-linear-gradient(left top, #e96c01, #fb4d4f);
	background: -ms-linear-gradient(left top, #e96c01, #fb4d4f);
	background: linear-gradient(left top, #e96c01, #fb4d4f);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #e96c01, endColorstr = #fb4d4f);
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
}
.basebtn .baselink a{color: #fff;}
@media  screen and (max-width:991px){
	.basebtn{ padding: 30px 0;}
}
@media  screen and (max-width:767px){
	.basebtn{ padding: 20px 0; }
	.basebtn .baselink{ padding: 0 20px; font-size: 16px; line-height: 44px;}
}

.method{ padding:5.98% 0; }
.method .methodleft{ float: left; width:496px;}
.methodtit{ background: #fef8f3;color: #f17d1a; font-size: 24px; line-height: 50px; padding: 0 30px;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
}

.methoddown .smartli .stit{ float: left; width: 100%; padding: 11px 0 10px 0; color: #666666; font-size: 14px; line-height: 20px; text-align: center;}
.method .methodright{ float: right; width: 45.72%; margin: 10px 23px 0 0; text-align: center;}

@media  screen and (max-width:1199px){
	.method .methodright{ margin: 30px 0px 0 0;}
}
@media  screen and (max-width:991px){
	.method .methodright{ float: left; width: 100%; margin: 0px 0px 0 0;}
	.method .methodright img{ width:400px; }
	.method .methodleft{ float: left; width:100%; margin-top: 25px;}
}
@media  screen and (max-width:767px){
	.methodtit{ font-size: 18px;  }
	.methoddown{ margin: 0 -15px; padding: 10px 0 0 0;
		
	}
	.methoddown .smartli{ padding:10px 0 0 0 ;}
	.methoddown .smartli .smartMargin{ width: 40px;}
	.methoddown .smartli .smartMargin .mico{ width: 40px; height: 40px; }
	.methoddown .smartli .smartMargin .mico img{ width: 40px; }
}

.colorbg{background: url("../images/ser21.jpg") repeat;}
.colorbox{ padding: 5.98% 0;}
.colorbox h3{ text-align: center;}
.colorbox .hline{ margin: 32px 0 0 0; text-align: center;}
.colorbox .hline .hls{ float: left; width: 100%; height: 1px; background: #dcdcdc; margin-top: -6px;}
.colordown{ padding:44px 0 14px 0; margin:0 -15px;}
.colordown ul{}
.colordown ul li{ padding: 0 15px;}
.colordown ul li .colorbox{ overflow: hidden;}
.colordown ul .owl-dots .owl-dot span{ background: #cb181e;}
.colordown ul .owl-dots .owl-dot.active span,
.colordown ul .owl-dots .owl-dot:hover span{ background: #0e8dce;}
@media  screen and (max-width:991px){
	.colorbox h3 img{ height: 30px;}
}
@media  screen and (max-width:767px){
	.colorbox h3 img{ height: 20px;}
	.colorbox .hline{ margin: 15px 0 0 0; text-align: center;}
	.colordown{ padding:20px 0 0px 0;}
}


/*关于我们*/
.whoabout{ padding: 42px 0 40px 0;}
.whoabout .wholeft{ float: left; width:770px; padding: 16px 0 0 0; color: #333333; font-size: 14px;line-height: 36px;}
.whoabout .wholeft h4{ color: #333333; font-size: 24px; line-height: 1.5;}
.whoabout .wholeft .wholefttext{ margin: 23px 0 0 0;}
.whoabout .wholeft .wholeftico{ margin: 9px 0 0 0;}
.whoabout .whoright{ float: right; width: 370px; text-align: center;}
@media  screen and (max-width:1199px){
	.whoabout .wholeft{  width:565px; padding: 0; line-height: 30px;}
}
@media  screen and (max-width:991px){
	.whoabout{ padding: 25px 0 25px 0;}
	.whoabout .whoright{ float: left; width: 100%;}
	.whoabout .whoright img{ max-width: 370px;}
	.whoabout .wholeft{  width:100%; padding:30px 0 0 0; line-height: 30px;}
}
@media  screen and (max-width:767px){
	.whoabout{ padding: 20px 0 20px 0;}
	.whoabout .whoright{ float: left; width: 100%;}
	.whoabout .whoright img{ max-width: 370px;}
	.whoabout .wholeft{  width:100%; padding:20px 0 0 0 ; line-height: 26px;}
	.whoabout .wholeft h4{ font-size: 20px;}
	.whoabout .wholeft .wholefttext{ margin: 15px 0 0 0;}
}

.aboutwhy{ background: url("../images/about4.jpg") center no-repeat; background-size: cover;}
.aboutwhy .aboutwhytit{ padding:55px 0 0 0; }
.aboutwhy .aboutwhytit h4{ color: #cb181e; font-size: 32px; line-height: 1.33; text-align: center;}
.aboutwhy .aboutwhytit .wlint{ margin: 15px 0 0 0; line-height: 0; text-align: center;}
.aboutwhy .aboutwhytit .wlint span{ display: inline-block; *display: inline; *zoom:1; width: 40px; height: 1px; background: #cb181e;}
.aboutwhy .aboutwhybox{ padding: 30px 0 18px 0; margin:0 -10px;}
.aboutwhy .aboutwhybox ul{}
.aboutwhy .aboutwhybox ul li{ padding: 0 10px; margin-top: 10px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.aboutwhy .aboutwhybox ul li:hover{ margin-top: 0px; margin-bottom: 10px;}
.aboutwhy .aboutwhybox ul li .whyk{ overflow: hidden; padding:8px; background: url("../images/about5.png") repeat;
	    border-radius:50%;
-webkit-border-radius:50%;
   -moz-border-radius:50%;
	 -o-border-radius:50%;
}
.aboutwhy .aboutwhybox ul li .whyk .whygene{ float: left; width: 135px; height: 135px; padding:28px 0 0 0; background: #fff;
	    border-radius:50%;
-webkit-border-radius:50%;
   -moz-border-radius:50%;
     -o-border-radius:50%;
}
.aboutwhy .aboutwhybox ul li .whyk .whygene .whym{ height: 44px; text-align: center;}
.aboutwhy .aboutwhybox ul li .whyk .whygene .whym img{ display: inline-block; *display: *inline; zoom:1; width: 44px;}
.aboutwhy .aboutwhybox ul li .whyk .whygene .whyt{ padding: 14px 0 0 0; text-align: center; color: #000000; font-size: 16px; line-height: 22px;}
.aboutwhy .aboutwhybox ul .owl-dots .owl-dot span{ background: #cb181e;}
.aboutwhy .aboutwhybox ul .owl-dots .owl-dot.active span,
.aboutwhy .aboutwhybox ul .owl-dots .owl-dot:hover span{ background: #ffffff;}

@media  screen and (max-width:1199px){
	.aboutwhy .aboutwhybox ul li{ padding: 0 22px 0 23px;}
}
@media  screen and (max-width:991px){
	.aboutwhy .aboutwhytit{ padding:35px 0 0 0; }
	.aboutwhy .aboutwhybox{ padding: 30px 0 18px 0;}
	.aboutwhy .aboutwhybox ul li{ padding: 0 19px;}
	.aboutwhy .aboutwhytit h4{ font-size: 24px;}
}
@media  screen and (max-width:767px){
	.aboutwhy .aboutwhytit{ padding:20px 0 0 0; }
	.aboutwhy .aboutwhytit .wlint{ margin: 10px 0 0 0;}
	.aboutwhy .aboutwhybox{ padding: 20px 0 18px 0;}
	.aboutwhy .aboutwhybox ul li{ padding: 0;}
	.aboutwhy .aboutwhybox ul li .whyk{ margin: 0 auto; width: 151px;  }
	.aboutwhy .aboutwhytit h4{ font-size: 20px;}
}
.aboutwhy .aboutwhyarrow{ padding: 0 0 30px 0; text-align: center;}
.aboutwhy .aboutwhybuton{ text-align: center; padding: 0 0 5.4% 0;}
.aboutwhy .aboutwhybuton span{ display: inline-block; padding: 20px; border: #cb181e solid 1px; color: #000000; font-size: 26px; line-height: 2; background: #fff;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-o-border-radius:30px;
}
@media  screen and (max-width:767px){
	.aboutwhy .aboutwhyarrow{ padding: 0 0 15px 0; }
	.aboutwhy .aboutwhybuton span{ padding:20px; font-size: 14px;width: 60%;}
}

.whyselect{ background: #f17d1a;}

.selecttitle{ padding:55px 0 0 0; }
.selecttitle h4{ color: #fff; font-size: 24px; line-height: 1.33; text-align: center;}
.selecttitle .wlint{ margin: 15px 0 0 0; line-height: 0; text-align: center;}
.selecttitle .wlint span{ display: inline-block; *display: inline; *zoom:1; width: 40px; height: 1px; background: #fff;}
@media  screen and (max-width:991px){
	.selecttitle{ padding:35px 0 0 0; }
}
@media  screen and (max-width:767px){
	.selecttitle{ padding:20px 0 0 0; }
	.selecttitle .wlint{ margin: 10px 0 0 0;}
}

.selecttop{ padding: 18px 0 46px 0; color: #fff; font-size: 16px; line-height: 22px; text-align: center;}
.selectdown{ padding:  0 0 5.21% 0; margin: 0 -15px;}
.selectdown ul{}
.selectdown ul li{ border-right:#f49748 solid 1px;}
.selectdown ul .owl-item:last-child li{ border: 0;}
.selectdown ul li .chose{ padding: 0 15px;}
.selectdown ul li .chose .chosemargin{ margin: 0 auto; width:150px; }
.selectdown ul li .chose .chosemargin .choseblock{ float: left; width: 150px; height: 150px; padding: 38px 0 0 0; position: relative; border: #fff solid 1px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
}
.selectdown ul li .chose .chosemargin .choseblock .smallcrcle{ position: absolute; width: 35px; height: 35px; right: -16px; top: 50%; margin-top: -17px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.selectdown ul li:hover .chose .chosemargin .choseblock .smallcrcle{ margin-top: -25px; }
.selectdown ul li .chose .chosemargin .choseblock span{ float: left; width: 100%; text-align: center;}
.selectdown ul li .chose .chosemargin .choseblock .imga{ display: inline-block; *display: inline; *zoom:1; width: 60px; text-align: center;}
.selectdown ul li .chose .chosemargin .choseblock .choosetet{ float: left; width: 100%; padding: 18px 0 0 0; color: #ffffff; font-size: 20px; line-height: 24px; text-align: center;}

.selectdown ul li .chose .chosezt{ float: left; width: 100%; height: 48px; color: #fff; font-size: 16px; line-height: 24px; overflow: hidden; margin: 33px 0 18px 0; text-align: center; padding: 0 110px;}
.selectdown ul li .chose .chosedt{ float: left; width: 100%; margin: 0 0 19px 0; height: 48px; overflow: hidden; color: #ffffff; font-size: 14px; line-height: 24px; text-align: center; padding: 0 110px;}
.selectdown ul .owl-dots .owl-dot span{ background: #f7b176;}
.selectdown ul .owl-dots .owl-dot.active span,
.selectdown ul .owl-dots .owl-dot:hover span{ background: #fef2e9;}
@media  screen and (max-width:1199px){
	.selectdown ul li .chose .chosezt{ padding: 0 72px;}
	.selectdown ul li .chose .chosedt{ padding: 0 72px;}
}
@media  screen and (max-width:991px){
	.selecttop{ padding: 18px 0 30px 0;}
	.selectdown ul li .chose .chosezt{ padding: 0 50px;}
	.selectdown ul li .chose .chosedt{ padding: 0 50px;}
}
@media  screen and (max-width:767px){
	.selecttop{ padding: 18px 0 18px 0;}
	.selectdown ul li .chose .up{ margin: 0 auto; width: 156px;}
	.selectdown ul li .chose .down{ margin: 0 auto; width: 156px;}
	.selectdown ul li .chose .chosezt{ padding: 0;}
	.selectdown ul li .chose .chosedt{ padding: 0;}
}

.cellleft .left span{
	display:block;
	width:0;
	height:0;
	border-width:10px 0 10px 10px ;
	border-style:solid;
	border-color:transparent  #e5e5e5  transparent ;
	position:absolute;
	top:50%;
	right:-10px;/* 三角形居中显示 */
	margin-top: -10px;
}
.cellleft .left em{
	display:block;
	width:0;
	height:0;
	border-width:9px  0 9px 9px ;
	border-style:solid;
	border-color:transparent  #fff transparent;
	position:absolute;
	top:-9px;
	left:-10px;
}
.cellrigth .left span{
	display:block;
	width:0;
	height:0;
	border-width:10px 10px 10px 0 ;
	border-style:solid;
	border-color:transparent  #e5e5e5  transparent ;
	position:absolute;
	top:50%;
	left:-10px;/* 三角形居中显示 */
	margin-top: -10px;
}
.cellrigth .left em{
	display:block;
	width:0;
	height:0;
	border-width:9px 9px 9px 0 ;
	border-style:solid;
	border-color:transparent  #fff transparent;
	position:absolute;
	top:-9px;
	left:1px;
}
	.cellrigth .left span{
		display:block;
		width:0;
		height:0;
		border-width:10px 0 10px 10px ;
		border-style:solid;
		border-color:transparent  #e5e5e5  transparent ;
		position:absolute;
		top:50%;
		left: auto;
		right:-10px;/* 三角形居中显示 */
		margin-top: -10px;
	}
	.cellrigth .left em{
		display:block;
		width:0;
		height:0;
		border-width:9px  0 9px 9px ;
		border-style:solid;
		border-color:transparent  #fff transparent;
		position:absolute;
		top:-9px;
		left:-10px;
	}
	.historyx{ text-align: right;}

}

.poster_span{ display: block; text-align: center; color: #333333; font-size: 18px; margin-top: 28px;}
.owl-honor{ padding: 35px 0;}
.owl-honor .item{ padding: 0 10px;}
.owl-honor .item .box{ padding: 10px; background: #fff;}
.owl-honor .owl-dots{ margin-top: 20px !important;}
.owl-honor .owl-dots .owl-dot span{ background: #f5a45f;}
.owl-honor .owl-dots .owl-dot.active span,
.owl-honor .owl-dots .owl-dot:hover span{ background: #f17d1a;}
@media  screen and (max-width:767px){
	.owl-honor{ padding: 20px 0;}
}

/*zcy开始*/
/*应用场景*/
.serviceban h1{ text-align: center; color: #fff; font-size: 30px; line-height: 1.8;}
.pt_25{ padding-top:25px !important;}
@media  screen and (max-width:767px){
	.serviceban h1{ font-size:20px;}
	.pt_25{ padding-top:5px !important;}
}
.z_1170_1{ width:100%; float:left; padding:35px 0 50px 0;}
.zul_1{ zoom:1; width:100%;  float:left; _display:inline; text-align:center;}
.zul_1 li{ width:16.3%;display:inline-block;*display:inline; *zoom:1; margin-top:-70px; }
.zul_1 li .zbox{ width:100%; float:left; padding:15px;background:url(../images/zbg_1.png) no-repeat center; background-size:contain;
	-webkit-transition: all 0.6s ease-out 0s;
	-moz-transition: all 0.6s ease-out 0s;
	-o-transition: all 0.6s ease-out 0s;
	transition: all 0.6s ease-out 0s;}
.zul_1 li .zbox .img{ width:100%; float:left; padding:10px 10px;}
.zul_1 li .zbox img{ width:100%; float:left;}
.zul_1 li .zbox .zimg_1{ display:block;}
.zul_1 li .zbox .zimg_2{ display:none;}
.zul_1 li:hover .zbox{ transform: rotateX(360deg);}
.zul_1 li .zbox:hover .zimg_1{ display:none;}
.zul_1 li .zbox:hover .zimg_2{ display:block;}
@media  screen and (max-width:1199px){
	.zul_1 li{ width:16.3%;}
}
@media  screen and (max-width:991px){
	.zslide_pic_1{ width:100%; float:left; margin-top:15px; position:relative; z-index:0;}
	.zslide_pic_1 .slick-dots{ overflow:hidden; width:100%; float:left;  height:13px; margin-top:28px; text-align:center;
		position:relative;
		bottom: auto;
		display: block;
		z-index:99;}
	.zslide_pic_1 .slick-dots li{width:13px; height:13px; overflow:hidden; margin:0 7px; text-indent:-999px; cursor:pointer; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden;cursor: pointer;}
	.zslide_pic_1 .slick-dots li.slick-active{ opacity:1; background-position:right center; }
	.zul_1 li{ width:24%;}
	.zslide_pic_1 .slick-track{ padding-top:60px;}
}
@media  screen and (max-width:767px){
	.z_1170_1{ padding:15px 0 20px 0;}
	.zslide_pic_1 .slick-dots{ margin-top:8px;}
	.zslide_pic_1 .slick-dots li{ width:10px; height:10px; margin:0 4px;}
}
@media  screen and (max-width:480px){
	.zul_1 li{ width:32.4%;}
	.zul_1 li .zbox{ padding:5px;}
}

/*优势及特点*/
.zbg_1{background-size:100% 100%; margin-top:40px;}
.z_1170_2{ width:100%; float:left; padding:80px 0; overflow:hidden;}
.z_1170_2 ul{ width:100%; float:left}
.z_1170_2 ul li{ width:25%; float:left; padding:0 20px;}
.z_1170_2 ul li .zbox{ width:100%; float:left; padding:20px; height:390px; border:solid 1px #fbaf93; border-top-left-radius:122px; -webkit-border-top-left-radius:122px; -moz-border-top-left-radius:122px; border-top-right-radius:122px; -webkit-border-top-right-radius:122px; -moz-border-top-right-radius:122px; border-bottom-right-radius:26px; -webkit-border-bottom-right-radius:26px; -moz-border-bottom-right-radius:26px; border-bottom-left-radius:26px; -webkit-border-bottom-left-radius:26px; -moz-border-bottom-left-radius:26px; overflow:hidden;}
.z_1170_2 ul li .zbox .title{ width:100%; float:left; text-align:center; width:210px; height:210px; border:solid 1px #fbaf93; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; padding:40px 35px 40px 35px;}
.z_1170_2 ul li .zbox .title .ico{ width:100%; float:left; height:120px; overflow:hidden;}
.z_1170_2 ul li .zbox .title .ico img{ height:100%;}
.z_1170_2 ul li .zbox .title h4{ width:100%; float:left; margin-top:10px; font-size:20px; line-height:32px; color:white;}
.z_1170_2 ul li .zbox .text{ width:100%; float:left; padding:24px 10px 0 10px;}
.z_1170_2 ul li .zbox .text h5{ width:100%; float:left; padding-bottom:9px; border-bottom:solid 1px #fab18e; color:white; font-size:16px; color:white; line-height:28px; text-align:center;}
.z_1170_2 ul li .zbox .text .p{ width:100%; float:left; margin-top:15px;}
.z_1170_2 ul li .zbox .text .p h6{ width:100%; float:left; font-size:12px; color:white; line-height:30px; padding-left:15px;}

.z_1170_3{ width:100%; float:left; padding:80px 0; text-align:center;}
@media  screen and (max-width:1199px){
	.z_1170_2 ul li .zbox .title{ width:150px; height:150px; padding:24px 15px 20px 15px;}
	.z_1170_2 ul li .zbox .text{ padding:24px 0 0 0 ;}
	.z_1170_2 ul li .zbox .title h4{ margin-top:0;}
}
@media  screen and (max-width:991px){
	.z_1170_2{ padding:50px 0;}
	.z_1170_2 ul li{ padding:0 15px;}
	.z_1170_2 ul li .zbox{ padding:20px; height:320px;}
	.z_1170_2 ul li .zbox .title{ width:120px; height:120px;}
	.z_1170_2 ul li .zbox .title .ico{ height:80px;}
	.z_1170_2 ul li .zbox .title h4{ font-size:16px; line-height:26px;}
	.z_1170_2 ul li .zbox .text{ padding:14px 0 0 0 ;}
	.z_1170_2 ul li .zbox .text h5{ padding-bottom:4px; font-size:14px; line-height:24px;}
	.z_1170_2 ul li .zbox .text .p{ margin-top:10px;}
	.z_1170_2 ul li .zbox .text .p h6{ font-size:12px; line-height:24px; }
	.z_1170_3{ padding:50px 0;}
}
@media  screen and (max-width:767px){
	.zbg_1{ margin-top:10px;}
	.z_1170_2{ padding:20px 0 30px 0;}
	.z_1170_2 ul{ text-align:center;}
	.z_1170_2 ul li{ width:190px; margin-top:30px; float:none;display:inline-block;*display:inline; *zoom:1;}
	.z_1170_2 ul li .zbox .text{ text-align:left;}
	.z_1170_3{ padding:30px 0;}
}
@media  screen and (max-width:480px){
	.z_1170_2 ul li{ width:50%; float:left; margin-top:15px; padding:0 10px;}
	.z_1170_2 ul li .zbox{ padding:5px; height:230px;}
	.z_1170_2 ul li .zbox .title{ margin:auto; float:none; width:100px; height:100px; padding-top:14px;}
	.z_1170_2 ul li .zbox .title .ico{ height:70px;}
	.z_1170_2 ul li .zbox .text{ float:none;}
	.z_1170_2 ul li .zbox .text h5{ line-height:22px;}
	.z_1170_2 ul li .zbox .text .p h6{ line-height:20px; background-position: left 6px;padding-left: 10px;}
}

/*解决方案*/
.z_1170_4{ width:100%; float:left; padding:65px 90px 70px 90px; text-align:center;}
.z_1170_4 h3{ width:100%; float:left; font-size:24px; color:white; line-height:36px;}
.z_1170_4 .p{ width:100%; float:left; font-size:14px; color:white; line-height:36px; margin-top:22px;}
.z_1170_4 .ico{ width:100%; float:left; margin-top:30px;}
.z_1170_5{ width:100%; float:left;}
.z_1170_5 ul{ width:100%; float:left;}
.z_1170_5 ul li{ width:100%; float:left; padding:62px 0 82px 0;}
.z_1170_5 ul li .zbox{ width:100%; float:left; padding-right:17px;}
.z_1170_5 ul li .zbox .img{ float:right; width:47.916%; padding:0 20px 20px 0; background-repeat:no-repeat !important; background-size:96% !important; margin-top:8px;}
.z_1170_5 ul li .zbox .img img{ float:left; max-width:100%;}
.z_1170_5 ul li .zbox .text{ width:46.4%; float:left;}
.z_1170_5 ul li .zbox .text h3{ width:100%; float:left; text-align:right; font-size:24px; color:#333; line-height:38px; padding-bottom:20px; }
.z_1170_5 ul li .zbox .text .p{ width:100%; float:left; margin-top:30px; font-size:14px; color:#333; line-height:36px; text-indent:2em;}
.z_1170_5 ul li .zbox .text .ico{ width:100%; float:left; text-align:right; margin-top:28px;}
.z_1170_5 ul li.l1{ background:#f5f5f5;}
.z_1170_5 ul li.l1 .zbox{ padding-left:17px; padding-right:0;}
.z_1170_5 ul li.l1 .zbox .img{ float:left; padding:0 0 20px 20px; }
.z_1170_5 ul li.l1 .text{ float:right;}
.z_1170_5 ul li.l1 .text h3{ text-align:left; }
.z_1170_5 ul li.l1 .zbox .text .ico{ text-align:left;}
.z_1170_5 ul li.l2 .img{ background:none;}
@media  screen and (max-width:991px){
	.z_1170_4{ padding:35px 40px 40px 40px;}
	.z_1170_4 h3{ font-size:20px; line-height:30px;}
	.z_1170_4 .p{ font-size:12px; line-height:30px; margin-top:16px;}
	.z_1170_4 .ico{ margin-top:20px;}
	.z_1170_5 ul li .zbox .text .p{ margin-top:15px;}
}
@media  screen and (max-width:767px){
	.z_1170_5 ul li .zbox .text h3{ font-size:20px; line-height:30px; padding-bottom:10px;}
	.z_1170_5 ul li .zbox .text .p{ margin-top:20px; font-size:12px; line-height:30px;}
	.z_1170_5 ul li .zbox .text .ico{ margin-top:18px;}
	.z_1170_5 ul li{ padding:32px 0 42px 0;}
	.z_1170_5 ul li .zbox{ padding:0 !important;}
}
@media  screen and (max-width:480px){
	.z_1170_4{ padding:25px 15px 30px 15px;}
	.z_1170_4 .ico img{ width:20px;}
	.z_1170_5 ul li{ padding:22px 0 32px 0;}
	.z_1170_5 ul li .zbox .img,.z_1170_5 ul li .zbox .text{ width:100%;}
	.z_1170_5 ul li .zbox .text{ margin-top:20px;}
	.z_1170_5 ul li .zbox .text .ico img{ height:40px;}
}

.ul_2{ width:100%; float:left; margin-top:18px;}
.ul_2 li{ width:100%; float:left; padding:30px 370px 30px 155px; border-bottom:solid 1px #e5e5e5; position:relative; min-height:190px;}
.ul_2 li .img{ width:250px; height:162px; overflow:hidden; position:absolute; right:0; top:30px;}
.ul_2 li .time{ width:155px; position:absolute; left:0; top:44px;}
.ul_2 li .time h4{ font-size:28px; color:#999; position:relative; line-height:28px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;}
.ul_2 li .time h4:after{ content:''; width:30px; height:2px; background:#d9d9d9; position:absolute; left:92px; top:13px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;}
.ul_2 li .time .btn{ display:block; width:24px; height:26px; margin-top:20px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;}
.ul_2 li .text{ width:100%; float:left; margin-top:14px;}
.ul_2 li .text h5{ width:100%; float:left; font-size:18px; color:#333; line-height:28px; height:28px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;}
.ul_2 li .text .p{ width:100%; float:left; margin-top:18px; margin-bottom: 12px; font-size:14px; color:#999; line-height:30px; height:90px; overflow:hidden;}
.ul_2 li:hover .time h4{ color:#cb181e;}
.ul_2 li:hover .time h4:after{ background:#cb181e;}
.ul_2 li:hover .time .btn{ width:40px;}
.ul_2 li:hover .text h5{ color:#cb181e;}
@media  screen and (max-width:991px){
	.ul_2 li{ padding:30px 250px 30px 0;}
	.ul_2 li .time{ left:auto; right:0; width:60px; text-align:center; background:#cb181e;}
	.ul_2 li .time h4:after{ display:none;}
	.ul_2 li .time .btn{ display:none;}
	.ul_2 li .time h4{ font-size:16px;line-height:20px; color:#fff !important;}
}
@media  screen and (max-width:767px){
	.ul_2 li{ padding:30px 220px 30px 0;}
	.ul_2 li .img{ width:200px; height:130px; overflow:hidden; position:absolute; right:0; top:30px;}
	.ul_2 li .text h5{ font-size:14px; line-height:24px; height:24px;}
	.ul_2 li .text .p{ margin-top:10px; font-size:12px; line-height:22px; height:66px;}
}
@media  screen and (max-width:480px){
	.ul_2 li{ padding:15px 0 15px 0;}
	.ul_2 li .img{ width:100%; height:auto; position:relative; right:auto; float:left; top:auto;}
	.ul_2 li .time{ top:20px;}
	.ul_2 li .text .p{  margin-bottom:5px;}
}

.chancecontain{ position:relative; width:100%; float:left; margin-top:30px;}
.chancecontain ul{ float:left; width:100%;}
.chancecontain ul li{ float:left; width:100%; margin-top:14px;}
.chancecontain ul li .l_1115{ float:left; width:100%; background:#f5f5f5; height:60px; line-height:60px; font-size:16px; cursor:pointer;}
.lermore_box{ width:8%; float:right; border-left:solid 1px #fff;}
.lermore{ float:right; width:100%; height:60px; cursor:pointer;  background-size:contain !important;
	-webkit-transition: all 0.1s ease-out 0s;
	-moz-transition: all 0.1s ease-out 0s;
	-o-transition: all 0.1s ease-out 0s;
	transition: all 0.1s ease-out 0s;}
.chancecontain ul li .l_1115 .a{ width:100%; height:100%;}
.chancecontain ul li .l_1115 .a .z_270{ color:#333; width:21.3%; float:left; text-align:left; padding-left:20px;}
.chancecontain ul li .l_1115 .a .z_170{ color:#333; width:11.5%; float:left; text-align:center;}
.chancecontain ul li .l_1115 .a .z_236{ color:#333; width:20.1%; float:left; text-align:center;}
.chancecontain ul li .l_1115 .a .z_204{ color:#333; width:22.4%; float:left; text-align:center; overflow:hidden; text-overflow:ellipsis;}
.chancecontain ul li .l_1115 .a .z_196{ color:#333; width:16.7%; float:left; text-align:center;}
.chancecontain ul li.z_l1{ margin-top:0;}
.chancecontain ul li.z_l1 .l_1115{ background:#cb181e;height:60px;}
.chancecontain ul li.z_l1 .l_1115 .a{ color:white; line-height:60px; font-size:16px; font-weight:bold;}
.chancecontain ul li.z_l1 .l_1115 .a .z_270{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_170{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_236{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_204{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_196{ color:white;}
.chancecontain ul li .l_1115.on .lermore{ }
.chancecontain ul li .l_1115.on .a .z_270,
.chancecontain ul li .l_1115.on .a .z_170,
.chancecontain ul li .l_1115.on .a .z_236,
.chancecontain ul li .l_1115.on .a .z_204,
.chancecontain ul li .l_1115.on .a .z_196{ color:#cb181e;}

.chancecontain ul li.z_l1 .l_1115.on .a .z_270,
.chancecontain ul li.z_l1 .l_1115.on .a .z_170,
.chancecontain ul li.z_l1 .l_1115.on .a .z_236,
.chancecontain ul li.z_l1 .l_1115.on .a .z_204,
.chancecontain ul li.z_l1 .l_1115.on .a .z_196{ color:#fff;}


.chancecontain .deta{ display:none; width:100%; overflow:hidden; float:left; background:#fbfbfb;}
.chancecontain .deta .l_1200{ float:left; width:100%; padding:45px 0 50px 0;}
.chancecontain .deta .l_1200 .z_1200_t{ width:100%; float:left; font-size:12px; color:#666; line-height:28px;}
.chancecontain .deta .l_1200 .z_655{ width:60.8%; padding:0 42px 0 100px; float:left; color:#2e2e2e;}
.chancecontain .deta .l_1200 .z_655 span{ display:block; font-size:16px;}
.chancecontain .deta .l_1200 .z_384{ width:39.2%; border-left:solid 1px #dadada; padding:0 100px 0 45px; float:right; color:#2e2e2e;}
.chancecontain .deta .l_1200 .z_384 span{ display:block; font-size:16px;}
.chancecontain .deta .l_1200 .z_1200_b{ width:100%; margin-top:29px; font-size:14px; line-height:28px; float:left; color:#2e2e2e;}
.chancecontain .deta .l_1200 .z_1200_b .z_384{ border:none;}
.chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3{ margin-top:40px; width:100%; float:left;}
.chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3 a{ color:white; background:#cb181e; width:134px; height:35px; line-height:35px; text-align:center; overflow:hidden; display:block; float:left; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px;}
.chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3 a:hover{ background:#692f96;}
@media  screen and (max-width:991px){
	.chancecontain{ margin-top:20px;}
	.chancecontain .deta .l_1200 .z_655{ width:100%; padding:0 42px 20px 50px;}
	.chancecontain .deta .l_1200 .z_384{ width:100%; border-left:0; border-top:solid 1px #e7e7e7; padding:20px 42px 0 50px;}
}
@media  screen and (max-width:767px){
	.chancecontain ul li{ margin-top:7px;}
	.chancecontain ul li .l_1115{ font-size:14px; line-height:50px; height:50px;}
	.chancecontain ul li.z_l1 .l_1115{ height:50px;}
	.chancecontain ul li.z_l1 .l_1115 .a{ line-height:50px; font-size:14px;}
	.lermore_box{ width:15%;}
	.lermore{ height:50px;}
	.chancecontain ul li .l_1115 .a .z_270{ width:40%; padding-left:10px;}
	.chancecontain ul li .l_1115 .a .z_236{ display:none;}
	.chancecontain ul li .l_1115 .a .z_196{ width:45%;}
	.chancecontain ul li .l_1115 .a .z_170{ display:none;}
	.chancecontain ul li .l_1115 .a .z_204{ display:none;}
	.chancecontain .deta .l_1200 .z_655{ padding:0 12px 20px 10px;}
	.chancecontain .deta .l_1200 .z_384{ padding:20px 12px 0 10px;}
	.chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3{ margin-top:0px;}
	.chancecontain .deta .l_1200{ padding:21px 0;}
	.chancecontain .deta .l_1200 .z_1200_t{ line-height:22px;}
	.chancecontain .deta .l_1200 .z_655 span{ font-size:12px;}
	.chancecontain .deta .l_1200 .z_384 span{ font-size:12px;}
}


.contactUs{ float: left; width: 100%; padding: 60px 0;}
.contactUs .conNum{ float: left; width: 50%;}
.contactUs .conNum ul{ float: left; width: 100%; margin-top: 30px;}
.contactUs .conNum ul li{ float: left; width: 33.3333%; text-align: center; cursor: pointer;}
.contactUs .conNum ul li .conNumImg{ display:inline-block; zoom: 1;}
.contactUs .conNum ul li .conNumImg span{float: left; width: 110px; height: 110px; border:1px solid #e2e2e2;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.contactUs .conNum ul li .conNumImg span img{
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
.contactUs .conNum ul li .conNumImg span img.white{display: none;}
.contactUs .conNum ul li:hover .conNumImg span img.white{display: block;}
.contactUs .conNum ul li:hover .conNumImg span img.green{display: none;}
.contactUs .conNum ul li:hover .conNumImg span{ background-color: #cb181e; border:1px solid #cb181e}
.contactUs .conNum ul li h3{ float: left; width: 100%; text-align: center; color:#666666; font-size:16px; line-height: 24px; margin-top: 35px;}
.contactUs .conNum ul li em{ float: left; width: 100%; text-align: center; color:#cb181e; font-size:14px; font-style: inherit; line-height: 30px;}
.detailedText{ float:left; width: 60%; color:#fff; font-size:14px; line-height: 20px; margin-top: 15px;}
.detailedAdd .wx{ float: right; width: 24.5%; text-align: right;}
.detailedAdd .wx img{ max-width: 126px;border:7px solid #fff;}

.contactUs .conForm{ float: right; width: 45%; border:1px solid #dddddd; margin-top: 10px;  background-size: cover; position: relative}
.contactUs .borderBox{ position: absolute; width: 92%; height:108%;left: 4%;top:-4%; border:1px dashed #cccccc; z-index: -1;}
.contactUs .conForm .conFormBox{ float: left; width: 100%; padding:44px 98px 74px 98px;}
.contactUs .conForm .conFormBox .input{ float: left; width: 100%;color:#cb181e; height: 53px; margin-top: 10px; font-size:14px; border-bottom: 1px solid #bdbdbd; text-indent: 20px; background:none;}
.contactUs .conForm .conFormBox .input:focus{border-bottom: 1px solid #cb181e}
.contactUs .conForm .conFormBox textarea{ float: left; width: 100%; padding: 10px; margin-top: 10px; text-indent: 10px; line-height: 30px; height: 82px;border:0; background:none; border-bottom: 1px solid #bdbdbd; font-size:14px;color:#cb181e;}
.contactUs .conForm .conFormBox textarea:focus{border-bottom: 1px solid #cb181e}
.contactUs .conForm .validate{ float: left; width: 100%; position: relative}
.contactUs .conForm .validate .input1{float: left; width: 100%; height: 53px; border-bottom: 1px solid #bdbdbd;padding-right: 120px;}
.contactUs .conForm .validate span{ position: absolute; right: 0; top:18px; width: 120px; height: 37px; }
.contactUs .conForm  .tj{ float: left; width: 100%; margin-top: 17px; height: 60px; background-color: #cb181e; font-size:18px; color:#fff; border:0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.contactUs .conForm  button:hover{ background-color: #d76301}
.map{ float: left; width: 100%; height: 460px; margin-top: 50px;}
@media  screen and (max-width:1199px){
	.contactUs .conNum ul li .conNumImg span{width: 100px; height: 100px;  }
	.detailedText{ margin-top: 0px;}
	.contactUs .conForm .conFormBox{ padding:39px 60px 64px 60px;}
}
@media  screen and (max-width:991px){
	.contactUs .conNum{ float: left; width: 100%;}
	.detailedText{margin-top: 15px;}
	.contactUs .conForm{width: 100%; margin-top:40px;}
}
@media  screen and (max-width:767px){
	.contactUs{ float: left; width: 100%; padding:10px 0 30px 0;}
	.contactUs .conNum ul{margin-top: 10px;}
	.contactUs .conNum ul li{width: 100%; margin-top: 35px;}
	.detailedText{margin-top: 0px;}
	.detailedAdd{ margin-top: 20px; padding: 20px 15px;}
	.detailedAdd .wx img{ border:3px solid #fff;}
	.contactUs .conForm .conFormBox{ padding:20px 20px 34px 20px;}
	.contactUs .conForm  button{ height: 45px;font-size:16px;  }
	.map{ margin-top: 40px;}
}








.elli{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}


.about_con { color: #333333; font-size: 14px; line-height: 36px;margin: 20px 0;min-height:200px }

.news_tit{ width:100%; float:left; border-bottom:1px dashed #999999; padding:20px 0 10px 0; text-align:center; line-height:36px;}
.news_tit h2{  font-size:20px; line-height:28px;}
.news_tit span{ color:#969696;}

.news_ct{ width:100%; float:left; padding:15px 0; line-height:24px;font-size:14px; color:#505050; min-height:200px;}
.news_ct img { max-width: 100%; }


/*20171214新加*/
.application{ background: #f5f5f5;}
.applicationPeople{ padding: 5.98% 0 6.83% 0;}
.applicationPeople .peopleVox{ }
.applicationPeople .peopleVox .peopleLeft{ float: left; width:45.73%; }
.applicationPeople .peopleVox .peopleLeft h5{ color: #333333; font-size: 24px; line-height: 1; text-align: right;}
.applicationPeople .peopleVox .peopleLeft .peopleLine{ padding: 4.85% 0;}
.applicationPeople .peopleVox .peopleLeft .peopleLine span{ float: right; width: 40px; height: 1px; background: #c4c4c4;}
.applicationPeople .peopleVox .peopleLeft .peopleText{ color: #333333; font-size: 14px; line-height: 36px;}
.applicationPeople .peopleVox .peopleRigh{ float: right; width:47.435%; margin-right: 1.538%; margin-top: 1.7%; background: url("images/add4.png") repeat;}
.applicationPeople .peopleVox .peopleRigh .peoplePic{ margin: -3.73% 3.73% 3.73% -3.73%;}
@media  screen and (max-width:991px){
	/*.applicationPeople .peopleVox{ background-size: 50px 50px; }*/
	.applicationPeople .peopleVox .peopleLeft h5{ font-size: 20px; }
	.applicationPeople .peopleVox .peopleLeft .peopleText{ line-height: 26px;}
}
@media  screen and (max-width:767px){
	.applicationPeople .peopleVox .peopleRigh{ float: left; width:96.27%; margin-right:0; margin-left: 3.73%; margin-top: 1.7%; }
	.applicationPeople .peopleVox .peopleLeft{ float: left; width:100%; padding: 3.5% 0 0 0; }
	.applicationPeople .peopleVox .peopleLeft h5{ text-align: left;}
	.applicationPeople .peopleVox .peopleLeft .peopleLine span{ float: left; }
}

.plan{ background: #fff;}
.planPeople{ padding: 5.98% 0 6.83% 0;}
.planPeople .planVox{  }
.planPeople .planVox .peopleLeft{ float: right; width:45.73%; }
.planPeople .planVox .peopleLeft h5{ color: #333333; font-size: 24px; line-height: 1; }
.planPeople .planVox .peopleLeft .peopleLine{ padding: 4.85% 0;}
.planPeople .planVox .peopleLeft .peopleLine span{ float: left; width: 40px; height: 1px; background: #c4c4c4;}
.planPeople .planVox .peopleLeft .peopleText{ color: #333333; font-size: 14px; line-height: 36px;}
.planPeople .planVox .peopleLeft .peopleText .textLine{ padding: 5px 0; line-height: 26px;}
.planPeople .planVox .peopleLeft .peopleText .textLine strong{ float: left; width: 18px; height: 18px; margin: 4px 0 0 0 ; line-height: 0;}
.planPeople .planVox .peopleLeft .peopleText .textLine .you{ padding:  0 0 0 30px;}
.planPeople .planVox .peopleRigh{ float: left; width:47.435%; margin-left: 1.538%; margin-top: 1.7%; background: url("images/add4.png") repeat;}
.planPeople .planVox .peopleRigh .peoplePic{ margin: -3.73% -3.73% 3.73% 3.73%;}
@media  screen and (max-width:991px){
	.planPeople .planVox{ }
	.planPeople .planVox .peopleLeft h5{ font-size: 20px;  }
    .planPeople .planVox .peopleLeft .peopleText{ line-height: 26px;}
	.planPeople .planVox .peopleLeft .peopleText .textLine{ padding: 0; }
}
@media  screen and (max-width:767px){
	.planPeople .planVox .peopleLeft{ float: left; width:100%; padding: 3.5% 0 0 0; }
	.planPeople .planVox .peopleRigh{ float: left; width:96.27%; margin-right:0; margin-left: 3.73%; margin-top: 1.7%;}
	.planPeople .planVox .peopleRigh .peoplePic{ margin: -3.73% 3.73% 3.73% -3.73%;}
}

.bun{ background: #f5f5f5;}
.plan.bun .planPeople{ padding: 5.98% 0 6.83% 0;}
.plan.bun .planPeople .planVox{ }
.plan.bun .planPeople .planVox .peopleLeft{ float: left; width:45.73%; }
.plan.bun .planPeople .planVox .peopleLeft h5{ color: #333333; font-size: 24px; line-height: 1; text-align: right; }
.plan.bun .planPeople .planVox .peopleLeft .peopleLine{ padding: 4.85% 0;}
.plan.bun .planPeople .planVox .peopleLeft .peopleLine span{ float: right; width: 40px; height: 1px; background: #c4c4c4;}
.plan.bun .planPeople .planVox .peopleLeft .peopleText{ color: #333333; font-size: 14px; line-height: 36px;}
.plan.bun .planPeople .planVox .peopleLeft .peopleText .textLine{ padding: 5px 0; line-height: 26px;}
.plan.bun .planPeople .planVox .peopleLeft .peopleText .textLine strong{ float: right; width: 18px; height: 18px; margin: 4px 0 0 0 ; line-height: 0;}
.plan.bun .planPeople .planVox .peopleLeft .peopleText .textLine .you{ padding:  0 30px 0 0; text-align: right;}
.plan.bun .planPeople .planVox .peopleRigh{ float: right; width:47.435%; margin-right: 1.538%; margin-top: 1.7%; background: url("images/add4.png") repeat;}
.plan.bun .planPeople .planVox .peopleRigh .peoplePic{ margin: -3.73% 3.73% 3.73% -3.73%;}
@media  screen and (max-width:991px){
	.plan.bun .planPeople .planVox{}
	.plan.bun .planPeople .planVox .peopleLeft h5{ font-size: 20px; }
    .plan.bun .planPeople .planVox .peopleLeft .peopleText{ line-height: 26px;}
	.plan.bun .planPeople .planVox .peopleLeft .peopleText .textLine{ padding:0; }
}
@media  screen and (max-width:767px){
	.plan.bun .planPeople .planVox .peopleRigh{ float: left; width:96.27%; margin-right:0; margin-left: 3.73%; margin-top: 1.7%;}
	.plan.bun .planPeople .planVox .peopleLeft{ width:100%; padding: 3.5% 0 0 0; }
	.plan.bun .planPeople .planVox .peopleLeft h5{ text-align: left; }
	.plan.bun .planPeople .planVox .peopleLeft .peopleLine span{ float: left; }
	.plan.bun .planPeople .planVox .peopleLeft .peopleText .textLine strong{ float: left; }
	.plan.bun .planPeople .planVox .peopleLeft .peopleText .textLine .you{ padding:  0  0 0 30px; text-align: left;}

}