@charset "utf-8";
/* CSS Document */
/*切图：bwh*/
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}
ul,ol,li,dl,dd,dt{ 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;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
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:#e60012; 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;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
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; outline:0;}
input{ outline:0;}
body{ overflow:hidden;}




.pz_top{ float:left; width:100%; }
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative;  }
.pz_main{ float:left; width:100%; }
.pz_down{ float:left; width:100%; }


/*top*/
.pc_top{ display:block;}		
.ph_top{ display:none;}
.logo{ float:left; width:212px; height:59px; line-height:0; margin:31px 0 30px 0;}
.logo img{width:100%;}
.logo1{ display:none;float:left;width:212px; height:59px; margin:10px 0;}
.slogan{ float:left; /*width:368px;*/ height:63px; margin:29px 0 0 25px;}
/*.slogan img{width:100%;}*/
.slogan p a{margin-left:20px;}

.tel{ float:right; background:url(images/top2.png) left center no-repeat; padding-left:46px; margin-top:41px;}
.tel span{ display:block; color:#333333; font-size:14px; line-height:14px;}
.tel b{ display:block; color:#e60012; font-size:22px; line-height:22px; margin-top:3px; font-family:Arial; font-weight:bold;}
.so{ float:right; width:140px; height:32px; margin:14px 0; position:relative;}
.so .Search{ float:left; width:100%; height:32px; background:#ee4d5a; border:none; line-height:32px; padding:0 40px 0 17px; color:#fff; font-size:14px; font-family:Arial; border-radius:32px; -moz-border-radius:32px; -webkit-border-radius:32px;}
.so .sear_sub{ float:left; width:17px; height:17px; position:absolute; right:17px; top:8px;}
.so input[placeholder], [placeholder], *[placeholder] {color:#fff !important;} 
.so ::-webkit-input-placeholder{color:#fff}
.so :-moz-placeholder{color:#fff}
.so ::-moz-placeholder{color:#fff}
.so :-ms-input-placeholder{color:#fff}



/*menu*/
.meun_bg{ background:#e60012;}
.nav{ float:left;border-left:1px solid #ee4d5a;}
.nav li{ float:left; width:168px;position: relative; border-right:1px solid #ee4d5a;}
.nav li a{float:left; width:100%;height:60px;color:#fff; font-size:16px;line-height:60px; padding:0; text-align:center;}
.nav li.on a,
.nav li:hover a{ background:#cd0000; color:#fff;}
.nav li .nav-w {z-index:99;position:absolute;display:none;float:left; width:130px;clear:both;overflow:hidden;top:51px;left:50%; margin-left:-65px; padding-top:8px;}
.nav li .nav-w::after{ float:left; width:14px; height:9px; background:url(images/top3.png) center no-repeat; position:absolute; left:50%; top:0; content:''; margin-left:-7px;}
.nav li .section-nav1{ height:auto; overflow: hidden;background:#fff; border:1px solid #eeeeee; padding:8px 14px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.nav li .section-nav1 ul {position:static;margin:0px;width:100%;overflow:hidden;}
.nav li .section-nav1 ul li {position:static;padding:0px;width:100%;background:none;float:left; border:none;}
.nav li .section-nav1 ul li a { float:left; width:100%; background:none; height:40px;border-top:none;line-height:42px;color:#333333;font-size:14px;padding:0; text-align:center; border-bottom:1px solid #eee;}
.nav li .section-nav1 ul li a:hover { color:#e60012;}
.nav li .section-nav1 ul li:last-child a{ border-bottom:none;}




.back1{ float:left; width:100%; position:relative; z-index:999;}
.back1.on{ float:left; width:100%; position:fixed; left:0; top:0; z-index:999; background:#fff; background:rgba(255,255,255,0.98); box-shadow:0 3px 5px rgba(0,0,0,0.1); -moz-box-shadow:0 3px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.1);}
.back1.on .container_top{ display:none;}
.back1.on .nav{ float:right;border:none; margin-top:10px;}
.back1.on .nav li{ width:auto; border:none; margin-left:40px;}
.back1.on .nav li a{ color:#e60012;}
.back1.on .nav li.on a,
.back1.on .nav li:hover a{ background:none; color:#231815;}
.back1.on .nav li .section-nav1 ul li{ width:100%; margin-left:0;}
.back1.on .logo1{ display:block;}
.back1.on .so{ display:none;}
.back1.on .meun_bg{ background:none;}


@media screen and (max-width:1199px) {

.nav li{ width:134px;}	
	
}


.pc_top{ display:block;}		
.ph_top{ display:none;}
.pc_menu{ display:block;}
.menuph{ display:none;}
.xialaph{ display:none;}

@media screen and (max-width:991px) {


.logo{width:158px; height:44px; margin:12px 0;}


.so{ width:100%; margin:15px 0;}
.back1{ box-shadow:0 3px 5px rgba(0,0,0,0.1); -moz-box-shadow:0 3px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.1);}

.pc_top{ display:none;}		
.ph_top{ display:block;}
.pc_menu{ display:none;}
.menuph{ display:block;}
.xialaph{ display:block;}



/*手机按钮*/
.menuph{ float:right; width:44px; height:44px; cursor: pointer; text-align: center;background:#e60012; padding:11px 8px; margin:12px 0;}
.menuph .point {  display: inline-block;  width: 28px;  height: 22px; 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: 2px;  -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: 2px;  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);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

/*手机下拉*/
.xialaph{ position:absolute; left:0; top:68px; float:left; width: 100%; padding-bottom:30px;  display: none;  z-index:9999; background:#fff;   }
.xialaph .ul2,
.xialaph .ul3{  display: none;  }
.xialaph h4 a{  color: #3c3c3c;  font-size:16px;line-height: 55px; text-transform:uppercase;  }
.xialaph h4{ float:left; width:100%; 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:hover a,
.xialaph h5:hover a{  color: #e60012; }
.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.1;*/  }
.xialaph h5 a{  color: #3c3c3c;  font-size:14px; text-transform:uppercase;  line-height: 45px;  }
.xialaph h5{ float:left; width:100%; padding:0 15px;  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: 24px;  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{ float:left; width:100%; padding:0 15px;}
.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: #333;  font-size: 14px;  line-height: 35px;  display: block;  }
.xialaph .ul3 li{  padding-top: 5px;  }
.xialaph .ul3 li:first-child{  padding-top: 0;  }
.xialaph .phsou{  position: relative;  margin-top: 34px;
}
.xialaph .phsou input{  width: 100%;  height: 56px;  background-color: #fff; color: #aaa;  font-size: 14px;  padding-left: 20px;  border: 1px solid #e5e5e5;  }
.xialaph .phsou img{  cursor: pointer;  width: 21px;  height: 22px;  position: absolute;  top: 17px; right: 29px;  }
.img_d, .disno{  display: none;  }



}



/*phone底部导航*/
.q_d_m{float:left; width:100%; height:50px;}
.pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#e60012; z-index:999; border-top:1px solid #fff;}
.pf_down li{ width:33.333333%; float:left; text-align:center; padding:7px 0 4px 0; border-right:1px solid #fff;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}
.pf_down li.l1 .ico7{ background:url(images/btn15.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(images/btn16.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(images/btn17.png) no-repeat center; background-size:20px 20px;}
.pf_down li:nth-child(3n){ border:none;}



/*banner*/


.slide_banner{ float:left; width:100%; margin:0; overflow:hidden;}
.slide_banner .slick-slide{ width:100%; padding:0;}
.slide_banner img{ width:100%;}
.slide_banner .slick-prev{ width:70px; height:70px; background:url(images/arrow2.png) center no-repeat; background-size:100%; left:2.6%; margin-top:-35px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.slide_banner .slick-next{ width:70px; height:70px; background:url(images/arrow1.png) center no-repeat; background-size:100%; right:2.6%; margin-top:-35px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.slide_banner .slick-dots{ width:0; height:0; overflow:hidden;}
.slide_banner .slick-prev:hover,
.slide_banner .slick-next:hover{opacity:0.6;filter: alpha(opacity=60);}
.zy_banner{ float:left; width:100%; line-height:0;}


@media screen and (max-width:991px) {
	
.slide_banner .slick-prev,
.slide_banner .slick-next{ width:32px; height:32px; margin-top:-16px;}

}


.ell{white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
@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}}




/*main*/
.home_bg1{ background:#f8f8f8;}
.home_about{ float:left; width:100%; position:relative; margin-top:-80px; background:#ffffff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:45px 0; box-shadow:0 15px 20px rgba(0,0,0,0.05); -moz-box-shadow:0 15px 20px rgba(0,0,0,0.05); -webkit-box-shadow:0 15px 20px rgba(0,0,0,0.05);}
.home_about li{ float:left; width:25%; background:url(images/main4_3.png) right center no-repeat; text-align:center; padding:7px 0;}
.home_about li a{ display:inline-block; *display:inline; *zoom:1;}
.home_about li:last-child{ background:none;}
.home_about li .l1{ float:left;}
.home_about li .l1 img{ width:55px; height:57px;   transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;}
.home_about li:hover .l1 img{ transform:rotateY(-180deg)} 
.home_about li .l2{ float:left; margin-left:25px; text-align:left;}
.home_about li .l2 span{ display:block; color:#333333; font-size:20px; line-height:32px;}
.home_about li .l2 span i{ display:inline-block; width:15px; height:15px; background:url(images/main4_2.png) center no-repeat; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease; margin-left:22px;}
.home_about li .l2 font{ display:block; color:#bbb; font-size:12px; line-height:24px; font-family:Arial; text-transform:uppercase;}
.home_about li:hover .l2 span i{ background:url(images/main4_1.png) center no-repeat;}

@media screen and (max-width:991px) {
.home_about{ margin-top:-55px;padding:22px 0;}
.home_about li .l2{margin-left:15px;}
.home_about li .l1 img{ width:47px; height:49px;}
.home_about li .l2 span{ line-height:28px;}
.home_about li .l2 font{ line-height:20px;}

}
@media screen and (max-width:767px) {
.home_about{ margin-top:-20px;padding:15px 0;}
.home_about li{ width:50%;}
.home_about li a{ width:100%;}
.home_about li .l2{ width:100%; margin:15px 0 0 0; text-align:center;}
.home_about li .l1{ width:100%;}
.home_about li .l2 span i{ margin-left:15px;}
.home_about li:nth-child(2n){ background:none;}

}


.home_tit{ float:left; width:100%; margin:80px 0 40px 0; text-align:center;}
.home_tit h1{ float:left; width:100%; position:relative; height:32px; font-size:32px; line-height:32px; color:#333333; font-weight:bold;}
.home_tit h1 span{ position:relative; z-index:2; padding:0 22px; }
.home_tit h1 span:after{ float:left; width:3000px; height:13px; background:url(images/main9_1.png) center no-repeat; position:absolute; left:172px; top:50%; margin-top:-6px; content:'';}
.home_tit h1 span:before{ float:left; width:3000px; height:13px; background:url(images/main9.png) center no-repeat; position:absolute; right:172px; top:50%; margin-top:-6px; content:'';}
.home_tit h1 font{ color:#e60012;}
.home_tit h6{ float:left; width:100%; font-family:Arial; color:#bbb; font-size:14px; line-height:14px; text-transform:uppercase; margin-top:15px;}

.home_tit1 h1{ color:#fff;}
.home_tit1 h6{ color:#fff;opacity:0.5;filter: alpha(opacity=50);}
.home_tit1 h1 span:after{ background:url(images/main9_3.png) center no-repeat;}
.home_tit1 h1 span:before{ background:url(images/main9_2.png) center no-repeat;}


.home_service{ float:left; width:100%; margin-bottom:80px;}
.home_service ul{ margin:0 -15px;}
.home_service li{ float:left; width:33.3333%; padding:0 15px;}
.home_service .l1{ float:left; width:100%; line-height:0; overflow:hidden;} 
.home_service .l1 img{
-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.home_service a:hover .l1 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.home_service .l2{ float:left; width:100%; background:#fff; padding:20px; border:1px solid #eeeeee;

-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.home_service .l2 h5{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; margin-top:5px;

-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.home_service .l2 p{ float:left; width:100%; color:#bbbbbb; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 25px 0;}
.home_service .l2 i{ float:left; width:100%; height:1px; background:#eeeeee;}
.home_service .l2 span{ float:left; width:100%; margin-top:20px; color:#999999; font-size:14px; line-height:24px; background:url(images/main8.png) right center no-repeat;}
.home_service a:hover .l2{ border:1px solid #fff; box-shadow:0 20px 20px rgba(0,0,0,0.05); -moz-box-shadow:0 20px 20px rgba(0,0,0,0.05); -webkit-box-shadow:0 20px 20px rgba(0,0,0,0.05);}
.home_service a:hover .l2 h5{ color:#e60012;}

.home_service .slick-prev{ width:0; height:0; overflow:hidden;}
.home_service .slick-next{ width:0; height:0; overflow:hidden;}
.home_service .slick-dots{ position:static; margin-top:40px;}
.home_service .slick-dots li{ float:none; width:10px; height:10px; margin:3px 10px 2px 10px; background:#e60012;  border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;opacity:0.2;filter: alpha(opacity=20); padding:0; overflow:hidden; text-indent:-999px;}
.home_service .slick-dots li.slick-active{opacity:1;filter: alpha(opacity=100); width:15px; height:15px; margin:0 10px;}


@media screen and (max-width:991px) {
.home_tit{ margin:30px 0 20px 0;}	
.home_tit h1{ font-size:22px; line-height:22px; height:22px}	
.home_tit h6{ margin-top:10px;}

.home_service{ margin-bottom:30px;}
.home_service ul{ margin:0 -7px;}
.home_service li{ padding:0 7px;}
.home_service .l2{ padding:10px 12px;}
.home_service .l2 span{ margin-top:10px;}
.home_service .l2 p{ margin:5px 0 12px 0;}
.home_service .l2 h5{ margin-top:2px;}
.home_service .slick-dots{ margin-top:20px;}
.home_service .slick-dots li{ margin:3px 5px 2px 5px;}
.home_service .slick-dots li.slick-active{margin:0 5px;}
.home_tit h1 span:after{ left:132px;}
.home_tit h1 span:before{right:132px;}

}


.home_bg2{  padding:80px 0;}
.OurVision{ float:left; width:72%; padding:70px 100px 20px 0; position:relative;}
.OurVision .l1{ float:left; width:100%; color:#000000; font-size:28px; line-height:28px; font-weight:bold; position:relative; z-index:2; padding-bottom:31px;}
.OurVision .l1 span{ font-size:20px; font-family:Arial;opacity:0.1;filter: alpha(opacity=10); padding-left:10px; text-transform:uppercase;}
.OurVision .l1::after{ float:left; width:100%; height:1px; bottom:1px; left:0; position:absolute; content:''; background:#010000;opacity:0.05;filter: alpha(opacity=5);}
.OurVision .l1::before{ float:left; width:50px; height:3px; bottom:0; left:0; position:absolute; content:''; background:#e60012;}
.OurVision .l2{ float:left; width:100%; margin-top:43px; position:relative; z-index:2;}
.OurVision .l2{ float:left; width:100%;}
.OurVision .l2 li{ float:left; width:100%; position:relative; padding-bottom:32px;}
.OurVision .l2 li p{float:left; width:100%; padding-left:36px; color:#333333; font-size:14px; line-height:32px; background:url(images/main11_2.png) left 9px no-repeat; cursor:pointer; position:relative; z-index:2;}
.OurVision .l2 li:hover p{ background:url(images/main11_3.png) left 9px no-repeat; color:#e60012;}
.OurVision .l2 li:before{ float:left; width:1px; height:100%; position:absolute; left:7px; top:9px; background:#eeeeee; content:''; z-index:1;}
.OurVision .l2 li:last-child::before{ display:none;}
.OurVision .l3{ float:left; width:2000px; height:100%; position:absolute; right:0; top:0; background:url(images/main11_1.png) center repeat; z-index:1;}
.OurVision .l4{ float:left; position:absolute; right:-40px; top:50%; margin-top:-40px; z-index:3;}
.OurVision .l4 img{ width:80px; height:80px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; box-shadow:0 15px 15px rgba(0,0,0,0.1);}


@media screen and (max-width:991px) {
.home_bg2{ padding:30px 0;}
.OurVision{ padding:30px 40px 10px 0;}
.OurVision .l1{ font-size:20px; line-height:20px; padding-bottom:16px;}
.OurVision .l1 span{ font-size:16px;}
.OurVision .l2 li{ padding-bottom:15px;}
.OurVision .l2 li p{ line-height:28px;}
.OurVision .l2{ margin-top:20px;}
.OurVision .l4{right:-20px; margin-top:-20px;}
.OurVision .l4 img{ width:40px; height:40px; }

}
@media screen and (max-width:767px) {
.OurVision{ width:100%;}
.OurVision{ padding:25px 10px 10px 10px;}
.OurVision .l3{ width:100%;}
.OurVision .l2 li p{ padding-left:23px;}
.OurVision .l2 li p{ line-height:26px;}
.OurVision .l2 li{ padding-bottom:15px;}
.OurVision .l4{ right:50%; top:auto; bottom:-15px; margin-right:-20px;}

}



.home_bg3{ }
.ServiceCase{ float:left; width:100%; margin-bottom:80px;}
.ServiceCase ul{ margin:0 -15px}
.ServiceCase li{ float:left; width:20%; padding:0 15px;}
.ServiceCase li a{ float:left; width:100%; position:relative; overflow:hidden;}
.ServiceCase .li1{ float:left; width:100%; margin-bottom:30px;}
.ServiceCase .l1{ float:left; width:100%; line-height:0; overflow:hidden; border:1px solid #eeeeee;}
.ServiceCase .l1 img{
-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.ServiceCase a:hover .l1 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.ServiceCase .l2{ float:left; width:100%; height:100%; position:absolute; left:0; bottom:-100%; background:#fff; background:rgba(0,0,0,0.8);-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.ServiceCase .l2 span{ float:left; width:100%; color:#fff; font-size:16px; text-align:center; line-height:24px; position:absolute; left:0; top:50%; margin-top:-12px;}
.ServiceCase a:hover .l2{ bottom:0;}


.ServiceCase .slick-prev{ width:0; height:0; overflow:hidden;}
.ServiceCase .slick-next{ width:0; height:0; overflow:hidden;}
.ServiceCase .slick-dots{ position:static; margin-top:10px;}
.ServiceCase .slick-dots li{ float:none; width:10px; height:10px; margin:3px 10px 2px 10px; background:#fff;  border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;opacity:0.2;filter: alpha(opacity=20); padding:0; overflow:hidden; text-indent:-999px;}
.ServiceCase .slick-dots li.slick-active{opacity:1;filter: alpha(opacity=100); width:15px; height:15px; margin:0 10px;}


@media screen and (max-width:991px) {
	
.ServiceCase{ margin-bottom:30px;}
.ServiceCase ul{ margin:0 -7px}
.ServiceCase li{ padding:0 7px;}
.ServiceCase .li1{ margin-bottom:14px;}	

.ServiceCase .slick-dots{ margin-top:6px;}
.ServiceCase .slick-dots li{ margin:3px 5px 2px 5px;}
.ServiceCase .slick-dots li.slick-active{margin:0 5px;}


}


.home_bg4{ float:left; width:100%; overflow:hidden;}
.ServiceProcess{ float:left; width:100%; margin-bottom:80px;}
.ServiceProcess ul{ margin:0 -90px;}
.ServiceProcess li{ float:left; width:33.3333%; padding:0 90px;}
.ServiceProcess li a{ float:left; width:100%; border:1px solid #eeeeee; text-align:center; position:relative;}
.ServiceProcess .l1{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; padding:30px 0;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.ServiceProcess .l2{ float:left; width:100%;position:relative;}
.ServiceProcess .l2 em{ float:left; width:100%; overflow:hidden; line-height:0; position:relative; z-index:9;}
.ServiceProcess .l2::after{ float:left; width:3000px; height:100%; background:#f5f5f5; position:absolute; left:50%; top:0; z-index:8; margin-left:-1500px; content:'';}
.ServiceProcess .l2 img{
-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.ServiceProcess a:hover .l2 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.ServiceProcess .l2 i{ float:left; width:30px; height:35px; position:absolute; right:-105px; top:50%; margin-top:-17px; z-index:9; background:url(images/main28.png) center no-repeat;}

.ServiceProcess .l3{ float:left; width:100%; padding:29px 22% 22px 22%;}
.ServiceProcess .l3 span{ float:left; width:100%; border-radius:28px; -moz-border-radius:28px; -webkit-border-radius:28px; border:1px solid #faccd0; font-size:12px; line-height:28px; text-transform:uppercase; font-family:Arial; color:#e60012; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}
.ServiceProcess a:hover .l3 span{ background:#e60012; color:#fff;}
.ServiceProcess a:hover .l1{ color:#e60012;}

@media screen and (max-width:991px) {
	
.ServiceProcess{  margin-bottom:30px;}
.ServiceProcess ul{ margin:0 -30px;}
.ServiceProcess li{ padding:0 30px;}
.ServiceProcess .l2 i{ right:-45px; }
.ServiceProcess .l1{padding:15px 0;}
.ServiceProcess .l3{ padding:20px 22%;}


}

@media screen and (max-width:767px) {
	
.ServiceProcess{  margin-bottom:0;}
.ServiceProcess ul{ margin:0;}
.ServiceProcess li{ width:100%; padding:0; margin-bottom:30px;}
.ServiceProcess .l2 i{ right:-45px; }
.ServiceProcess .l2 i{ display:none;}
.ServiceProcess li a::before{ float:left; width:100%; height:16px; position:absolute; left:0; bottom:-23px; margin-top:0; background:url(images/main28_1.png) center no-repeat;content:''; background-size:19px 16px;}
.ServiceProcess li:last-child a::before{ display:none;}


}



/*down*/
.foot_bg{ float:left; width:100%; background:#333333;}
.foot_cont2{padding:16px 0;border-top:1px solid #484848;}
.bq{ float:left; color:#bbbbbb; font-size:12px; line-height:28px;}
.bq a{margin-left:20px;}
.links{ float:right;position:relative; z-index:88;}
.links h3{ float:left; width:160px; height:28px; border:1px solid #484848; color:#bbbbbb; background:url(images/main22.png) right center no-repeat; font-size:12px; line-height:26px; text-indent:10px; cursor:pointer;}
.links ul{ display:none; float:left; width:100%; position:absolute; left:0; bottom:28px;border:1px solid #484848; background:#f8f8f8; padding:6px 0;}
.links ul li{ float:left; width:100%;}
.links ul li a{ float:left; width:100%; color:#666; font-size:14px; line-height:22px; text-indent:10px;}

.foot_cont1{ float:left; width:100%;}
.foot_tab{ float:left; width:28.7%; padding:56px 0 40px 5.1%;}
.foot_aboutUs{ width:37.6%; padding:56px 5.1% 40px 0;}
.foot_map{border-left:1px solid #484848; border-right:1px solid #484848;}
.foot_contactUs{ width:33.7%;}


.foot_about{ float:left; width:100%; color:#bbbbbb; font-size:14px; line-height:36px; height:144px; overflow:hidden; margin:26px 0 25px 0;}
.foot_about a{ color:#bbb;}
.fx_cont{ float:left;}
.fnx{ float:left; width:22px; height:22px; margin-right:20px; position:relative;}
.fx1{ float:left; width:22px; height:22px; background:url(images/ico1.png) center no-repeat;}
.fx2{ float:left; width:22px; height:22px; background:url(images/ico2.png) center no-repeat;}
.fx3{ float:left; width:22px; height:22px; background:url(images/ico3.png) center no-repeat;}
.fnx:hover .fx1{ background:url(images/ico1_1.png) center no-repeat;}
.fnx:hover .fx2{ background:url(images/ico2_1.png) center no-repeat;}
.fnx:hover .fx3{ background:url(images/ico3_1.png) center no-repeat;}
.wx_bx{position:absolute; left:0; bottom:30px;width:0; height:0; overflow:hidden;
transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
}
.fnx:hover .wx_bx{ width:80px; height:80px;}
.foot_tit{ float:left; width:100%; color:#fff; font-size:16px; line-height:16px; padding-bottom:16px; background:url(images/foot4.png) left bottom no-repeat;}
.foot_nav{ float:left; width:100%; margin-top:10px;}
.foot_nav li{ float:left; width:100%;}
.foot_nav li a{ float:left; width:100%; color:#bbbbbb; font-size:14px; line-height:38px;}
.foot_nav li a:hover{ color:#e60012;}
.foot_nav .l1{ float:left; width:50%;}
.foot_address{ float:left; width:100%; margin-top:5px;}
.foot_address p{ float:left; width:100%; min-height:43px; padding-left:55px; color:#bbbbbb; font-size:14px; line-height:22px; margin:15px 0;}
.foot_tit1{ float:left; width:100%; padding:0 15px; background:#3a3733 url(images/main27.png) right center no-repeat; margin-top:15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:15px; line-height:40px;}



@media screen and (max-width:991px) {
.foot_cont1{ padding:30px 0;}
.foot_tab{ float:left; width:100%; padding:0;}
.logo1{ text-align:center;}
.foot_map{border-left:none; border-right:none;}
.foot_contactUs{ width:100%;}
.foot_ul{ display:none; padding:0 15px;}
.links{ display:none;}
.bq{ text-align:center; width:100%; line-height:22px;}
.foot_nav .l1{ width:100%;}
.foot_nav li{ width:33.333%;}
.foot_about{ height:auto;}
.foot_about{ margin:20px 0;}

}

/*右侧漂浮*/
.pf_right{ float:right; width:50px; position:fixed; right:0; top:50%; margin-top:-108px; z-index:888;
-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;}
.pf_right li{ float:left; width:100%; position:relative; height:50px; z-index:6;}
.pf_right li:last-child{ border-bottom:none;}
.pf_right li a{ float:left; width:100%; height:50px; color:#fff; font-size:14px; line-height:36px; border-bottom:1px solid #575757; position:relative; z-index:6;}
.pf_right li.ico3 a{ line-height:18px;}
.pf_right li.ico1 a{ background:url(images/pf1.png) center no-repeat #474747;}
.pf_right li.ico2 a{ background:url(images/pf2.png) center no-repeat #474747;}
.pf_right li.ico3 a{ background:url(images/pf3.png) center no-repeat #474747;}
.pf_right li.ico4 a{ background:url(images/pf4.png) center no-repeat #474747; height:50px !important;}
.jiathis_style,.jiathis_style *{    -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.jiathis_style > .jiadiv_01{display:none !important;}
.pf_right li.ico5 a{ background:url(images/pf5.png) center no-repeat #474747;}
.pf_right li:hover{ background:#e60012;}
.pf_right li.ico3:hover a{ display:none;}
.ServiceHotline{ float:left; position:absolute; top:0; right:-300px; background:#e60012 url(images/pf3.png) 15px center no-repeat; padding:0 18px 0 45px; color:#fff; font-size:16px; font-family:Arial;white-space: nowrap; line-height:50px;-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; z-index:1;}
.pf_right li.ico3:hover .ServiceHotline{ right:0;}
.erweima{ float:left; width:120px; position:absolute; top:0; right:-300px;background:#e60012; padding:10px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s; z-index:1;}
.pf_right li.ico2:hover .erweima{ right:50px;}


@media screen and (max-width:991px) {
.pf_right{ display:none; }

}

/*分页*/
.waik_1{ width:100%; float:left; padding:50px 0; text-align:center;}
.pz_fy{display:inline-block;*display:inline; *zoom:1;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { display:block; width:38px; height:38px; float:left; margin:0 5px; line-height:36px; border:solid 1px #e7e7e7; COLOR: #272727; font-size:14px; text-decoration:none; overflow:hidden; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.pz_fy a.a1{ width:100px; background:url(images/btn_05_l.png) no-repeat center; border-radius:19px; -webkit-border-radius:19px; -moz-border-radius:19px;}
.pz_fy a.last{ background-image:url(images/btn_05_r.png);}
.pz_fy a.a1:hover,
.pz_fy a.a1.on{ background-image:url(images/btn_05_l_h.png);}
.pz_fy a.last:hover,
.pz_fy a.last.on{ background-image:url(images/btn_05_r_h.png);}

.pz_fy a:hover,.pz_fy a.on{ color: #fff; background-color:#e60012; border:solid 1px #e60012;}/*鼠标经过和默认当前页样式*/
.fy_phone{ display:none;}
@media  screen and (max-width:991px){
.waik_1{ padding:30px 0;}
.fy_phone{ display:block; font-family:'Arial';}
.fy_phone{ width:100%; float:left; text-align:center; font-size:14px; color:#333;}
.fy_phone a{ display:inline-block; width:100px; height:30px; line-height:29px; border:solid 1px #e60012; color:#333;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px; }
.fy_phone span{ display:inline-block; padding:0 10%; height:30px; line-height:30px; color:#333;}
}


.side_cont{ float:left; width:100%;}
.side_cont .l1{ float:left; width:100%; margin-top:1px;}
.side_cont .l1 a{ float:left; width:100%; height:52px; line-height:52px; color:#333333; font-size:16px; padding-left:40px; background:#f4f4f4 url(images/in3.png) right center no-repeat; border-left:2px solid #f4f4f4;}
.side_cont .l1 a.hover,
.side_cont .l1:hover a{ border-left:2px solid #e60012; background:#e3e3e3 url(images/in4.png) right center no-repeat; color:#e60012;}
@media  screen and (max-width:991px){
.side_cont .l1 a{ padding-left:20px;height:46px; line-height:46px;}
}


/*服务案例*/
.inside_bg1{background:#f5f5f5; padding:18px 0;}
.side_tit{ float:right; color:#999999; font-size:12px; line-height:22px; padding-left:20px; background:url(images/in1.png) left center no-repeat;}
.side_tit a{ color:#999;}
.side_tit a.on,
.side_tit a:hover{ color:#e60012;}
.side_left{ float:left; width:270px;}
.side_tot{ float:left; width:100%; padding:40px 10px 40px 40px; background:url(images/in2.png) center bottom no-repeat #cd0000; background-size:100% auto; position:relative; top:0; margin-top:-132px; z-index:66;}
.side_tot span{ float:left;color:#fff; font-size:26px; font-weight:bold; line-height:26px; padding-right:24px; background:url(images/in6.png) right bottom no-repeat;}
.side_tot font{ float:left; width:100%; color:#fff; font-size:15px; line-height:15px; font-family:Arial; margin-top:11px; text-transform:uppercase;
opacity:0.6;filter: alpha(opacity=60);}
.side_tel{ float:left; width:100%; background:#f4f4f4; margin-top:10px; padding:20px;}
.side_tel .p{ float:left; width:100%; background:url(images/in5.png) left center no-repeat; padding-left:66px; color:#333333; font-size:15px; line-height:25px;}
.side_tel .p i{ font-size:18px; font-family:Arial;}
.side_ewm{ float:left; width:100%; background:#f4f4f4; margin:10px 0 30px 0; position:relative;}
.side_ewm img{ position:absolute; left:15px; top:15px; width:100px; height:100px; float:left;}
.side_ewm span{ float:left; width:100%; color:#e60012; font-size:14px; line-height:29px; background:#fafafa; padding-left:130px; margin-top:28px;}
.side_ewm .p{ float:left; width:100%; color:#666666; font-size:14px; line-height:22px;padding-left:130px; margin:5px 0 24px 0;}

.cont_right{ float:right; width:870px; margin-top:10px;}
.ServiceCase_list{ margin:0;}
.ServiceCase_list li{ width:25%; margin-top:30px;}

@media  screen and (max-width:1199px){
.cont_right{ width:662px;}

}

@media  screen and (max-width:991px){

.inside_bg1{ display:none;}
.side_left{ width:100%;}	
.cont_right{width:100%;}
.ServiceCase_list li{ margin-top:14px;}
.side_tel{ display:none;}
.side_ewm{ display:none;}
.side_cont{ display:none;}
.side_tot{ padding:10px 15px; top:0; margin-top:-29px; z-index:66;}
.side_tot span{font-size:18px; line-height:18px; width:100%; background:url(images/xiap12.png) right bottom no-repeat;}
.side_tot font{ margin-top:6px; font-size:14px;}

}


@media screen and (max-width:767px) {

.ServiceCase_list li{ width:33.333%;}

}






/*联系我们*/
#bdmap{ float:left; width:100%; height:305px; margin-top:30px;}
#bdmap .BMap_pop{ float:left; background-image:url(images/BMapLabel_bg.png); background-repeat:no-repeat; border:none !important; width:381px !important; border:0 !important; height:133px;}
#bdmap .iw_poi_title{ color:#e60012; font-size:16px; line-height:20px; font-weight:normal !important;}
#bdmap .iw_poi_content{  font-size:14px !important; color:#666666 !important; line-height:24px!important; margin:8px 0 0 0;}
#bdmap .BMap_pop div{ background:none !important; border:none !important; left:38px !important; top:20px !important; width:330px !important;}
#bdmap .BMap_pop div img{ display:none;}
#bdmap .BMap_center{ background:none !important; border:none !important;}
#bdmap .BMap_top{ background:none !important; border:none !important;}
#bdmap .BMap_shadow img{ display:none;}
#bdmap .BMap_pop img{ display:none;}


.contactus{ float:left; width:100%; margin:86px 0 50px 0; position:relative;}
.l_800{ float:left; width:540px; border:1px solid #e0e0e0; padding:80px 0 50px 76px; position:relative;}
.l_800 li{ float:left; width:100%; line-height:32px; color:#666666; font-size:16px;}
.l_800 li a{color:#666666; }
.pic_fy1{ position:absolute; width:107px; height:107px; left:50%; margin-left:-53px; top:-57px;}
.l_370{ float:right; width:300px; border:1px solid #e0e0e0; padding:69px 10px 23px 10px; text-align:center; position:relative;}
.l_370 span{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; margin-top:10px;}
.l_370 i{ float:left; width:100%; line-height:0;}

@media  screen and (max-width:1199px){
.l_800{ width:400px; padding-left:30px;}
.l_370{ width:240px;}

}

@media  screen and (max-width:991px){
.l_800{ width:430px; padding-left:40px;}
.l_370{ width:270px;}
.contactus{margin:86px 0 30px 0;}


}


@media screen and (max-width:767px) {

#bdmap .BMap_pop{-webkit-transform: scale(0.8); -moz-transform: scale(0.8);transform: scale(0.8);}
.contactus{margin:30px 0;}
.l_800{ width:100%; padding-left:40px; margin-top:40px; padding:50px 15px  20px 15px;}
.l_800 li{ font-size:14px;}
.l_370{ width:100%; margin-top:60px; padding:50px 15px  20px 15px;}
.pic_fy1{ width:80px; height:80px; left:50%; margin-left:-40px; top:-40px;}

}

/*在线留言*/
.message{ float:left; width:100%; margin:30px 0 50px 0; border:1px solid #eeeeee; padding:40px 25px;}
.message_tit{ float:left; width:100%; padding:0 15px; text-align:center;}
.message_tit h3{ float:left; width:100%; color:#e60012; font-size:20px; line-height:24px;}
.message_tit h5{ float:left; width:100%; color:#666666; font-size:16px; line-height:24px; margin:15px 0 14px 0;}

.message .lab{ float:left; width:100%; margin:30px 0 0 0;}
.fm1{ float:left; width:50%; padding:0 15px; position:relative;}
.fm2{ float:left; width:100%; padding:0 15px; position:relative;}
.fm3{ display:block; margin:0 auto; width:260px;}
.fm1_2{ float:left; width:100%; border:1px solid #ebebeb; background:#fafafa; padding:0 18px; color:#434343; font-size:14px; height:50px; line-height:48px; padding:0 15px 0 75px;}
.fm1_3{ float:left; width:100%; border:1px solid #ebebeb; background:#fafafa; color:#434343; font-size:14px; height:140px; line-height:24px; padding:13px 15px 13px 75px;}
.fm1_4{ float:left; width:100%; border:none; background:#e60012; color:#fafafa; height:50px; line-height:50px; text-align:center;  font-size:18px;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; appearance:none;-webkit-appearance:none;}
.fm1_1{ float:left; position:absolute; left:29px; top:0; line-height:50px; color:#434343; font-size:14px;}
.fm1_1 span{ color:#e60012;}
.fm1_5{ float:left; position:absolute; right:16px; top:1px; width:79px; height:48px;}

.message input[placeholder], [placeholder], *[placeholder] {color:#434343 !important;} 
.message ::-webkit-input-placeholder{color:#434343}
.message :-moz-placeholder{color:#434343}
.message ::-moz-placeholder{color:#434343}
.message :-ms-input-placeholder{color:#434343}
.message textarea[placeholder], [placeholder], *[placeholder] {color:#434343 !important;} 
.message ::-webkit-textarea-placeholder{color:#434343}
.message :-moz-placeholder{color:#434343}
.message ::-moz-placeholder{color:#434343}
.message :-ms-textarea-placeholder{color:#434343}

@media  screen and (max-width:991px){

.message{ margin:20px 0 30px 0;  padding:30px 15px;}
.message .lab{ margin:20px 0 0 0;}
.message_tit h5{ margin:10px 0 5px 0;}
.fm1{ padding:0 10px;}
.fm2{ padding:0 10px;}



}

@media  screen and (max-width:767px){

.message{ padding:30px 5px;}
.message .lab{ margin:0;}
.fm1{ width:100%; padding:0 10px; margin-top:15px;}
.fm2{ width:100%; padding:0 10px; margin:15px 0;}




}

/**/
.professional_list{ float:left; width:100%; margin-top:20px;}
.professional_list li{ float:left; width:100%; margin-top:10px; border:1px solid #eeeeee; background:#fafafa; padding:20px; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease; }
.professional_list li a{ float:left; width:100%; position:relative;}
.professional_list .l1{ float:left; width:320px; height:180px; overflow:hidden; position:absolute; left:0; top:0;}
.professional_list .l1 img{
-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.professional_list .l2{ float:left; width:100%; padding-left:320px; min-height:180px;}
.professional_list .l2 h5{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; margin-top:21px; padding:0 18px 0 50px; position:relative; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
 }
.professional_list .l2 h5::after{ float:left; width:29px; height:1px; background:#cccccc; content:''; position:absolute; left:0; top:50%;}
.professional_list .l2 p{ float:left; width:100%; color:#bbbbbb; font-size:14px; line-height:26px; height:52px; margin:10px 0 20px 0; padding:0 18px 0 50px; overflow:hidden;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.professional_list .l2 span{ float:left; width:100%; height:30px; background:url(images/in10.png) 50px center no-repeat; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease; padding:0 18px 0 50px;}

.professional_list li:hover{ background:#e60012;}
.professional_list li:hover .l1 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.professional_list li:hover .l2 h5{ color:#fff;}
.professional_list .l2 h5::after{ background:#f38089; }
.professional_list li:hover .l2 p{ color:#fff;opacity:0.8;filter: alpha(opacity=80);}
.professional_list li:hover .l2 span{background:url(images/in11.png) 50px center no-repeat;}

@media  screen and (max-width:1199px){

.professional_list .l1{ float:left; width:208px; height:117px;}
.professional_list .l2{ padding-left:208px; min-height:117px;}
.professional_list .l2 h5{ padding:0 0 0 30px;margin-top:0;}
.professional_list .l2 p{ padding:0 0 0 30px; margin:5px 0 8px 0; line-height:22px; height:44px;}
.professional_list .l2 span{ padding:0 0 0 30px;background:url(images/in10.png) 30px center no-repeat;}
.professional_list li:hover .l2 span{background:url(images/in11.png) 30px center no-repeat;}
.professional_list .l2 h5::after{ width:15px;}

}


@media  screen and (max-width:991px){
.professional_list li{ padding:15px;}



}

@media  screen and (max-width:767px){

.professional_list li{ padding:12px;}
.professional_list .l1{ width:124px; height:70px;}
.professional_list .l2{ padding-left:124px; min-height:70px;}
.professional_list .l2 h5{ padding:0 0 0 16px; font-size:16px; line-height:24px;}
.professional_list .l2 p{ padding:0 0 0 16px; margin:5px 0 0 0; line-height:20px; height:40px;}
.professional_list .l2 span{ display:none;}
.professional_list .l2 h5::after{ width:8px;}

}





/**/
.Commercial_tit{ float:left; width:100%; position:relative; padding:15px 0 17px 0; color:#e60012; font-size:24px; line-height:34px; text-align:center;}
.Commercial_tit::after{ float:left; width:100%; height:1px; position:absolute; left:0; bottom:1px; background:#e5e5e5; content:''; z-index:1;}
.Commercial_tit::before{ float:left; width:40px; height:3px; position:absolute; left:0; bottom:0; background:#e60012; content:''; z-index:2;}

.Commercial_scroll{ float:left; width:100%; margin:30px 0 50px 0;}
.Commercial_big{ float:left; width:100%; line-height:0;}
.Commercial_big .slick-slide .big{ float:left; width:100%;}
.Commercial_big .slick-slide .big span{ float:left; width:100%; text-align:center; position:absolute; left:0; bottom:0; color:#fff; font-size:18px; height:80px; line-height:80px; background:#000; background:rgba(0,0,0,0.5);}

.Commercial_big .slick-prev{ width:0; height:0; overflow:hidden;}
.Commercial_big .slick-next{ width:0; height:0; overflow:hidden;}
.Commercial_big .slick-dots{ width:0; height:0; overflow:hidden;}
.Commercial_samll{ float:left; width:100%; margin-top:20px; padding:0 25px;}
.Commercial_samll .slick-slide{ margin:0 7px;}
.Commercial_samll .slick-slide .samll img{ background:#eeeeee; padding:1px; cursor:pointer;}
.Commercial_samll .slick-slide.slick-current .samll img{ background:#e60012; padding:2px;}
.Commercial_samll .slick-prev{ width:22px; height:22px; left:0; margin-top:-11px; background:url(images/in14.png) center no-repeat;}
.Commercial_samll .slick-next{ width:22px; height:22px; right:0; margin-top:-11px; background:url(images/in13.png) center no-repeat;}
.Commercial_samll .slick-dots{ width:0; height:0; overflow:hidden;}
.Commercial_samll .slick-prev:hover,
.Commercial_samll .slick-next:hover{opacity:0.5;filter: alpha(opacity=50);}


@media  screen and (max-width:991px){

.Commercial_tit{  padding:5px 0 10px 0; font-size:18px; line-height:28px;}
.Commercial_scroll{ margin:20px 0 30px 0;}
.Commercial_samll .slick-slide{ margin:0 5px;}
.Commercial_big .slick-slide .big span{ font-size:16px; height:40px; line-height:40px;}
}

/**/
.relocation{ float:left; width:100%; margin-bottom:50px;}
.relocation li{ float:left; width:100%; padding:40px 0; border-bottom:1px solid #f2f2f2;}
.relocation li a{ float:left; width:100%; position:relative;}
.relocation li .l1{ float:left; width:331px; height:211px; overflow:hidden; position:absolute; left:0; top:0;}
.relocation li .l1 i{ float:left; width:80px; height:80px; position:absolute; right:0; top:0;}
.relocation li .l2{ float:left; width:100%; padding-left:370px; min-height:211px;}
.relocation li .l2 .hl3{ float:left; width:100%; background:url(images/in19.jpg) left bottom repeat-x; color:#333333; font-size:24px; font-weight:bold; line-height:34px; padding:20px 0 10px 0; position:relative;}
.relocation li .l2 .hl3::after{ float:left; width:48px; height:3px; background:#e60012; position:absolute; left:0; bottom:-1px; content:''; z-index:2;}
.relocation li .l2 .hl3::before{ float:left; width:15px; height:15px; background:#fff; border:2px solid #e60012; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:absolute; right:0; bottom:-7px; content:''; z-index:2;}
.relocation li .l2 .hl3 span{ color:#999999; font-size:16px; font-family:Arial; text-transform:uppercase; font-weight:normal; padding-left:10px; font-style:italic;}
.relocation li .l2 .p1{ float:left; width:100%; color:#333333; font-size:14px; line-height:36px; margin-top:13px; position:relative; z-index:6;}
.relocation li .l3{ float:left; width:313px; position:absolute; right:0; bottom:-40px; z-index:2;}


.relocation li.l2 .l1{ left:auto; right:0;}
.relocation li.l2 .l1 i{ right:auto; left:0;}
.relocation li.l2 .l2{ padding-left:0; padding-right:370px;}
.relocation li.l2 .l3{ right:auto; left:0;}

@media  screen and (max-width:1199px){

.relocation li .l2{ padding-left:355px;}
.relocation li.l2 .l2{ padding-left:0; padding-right:355px;}

}

@media  screen and (max-width:991px){

.relocation li .l3{ float:left; width:260px;}
.relocation li .l1 i{ width:56px; height:56px;}

}


@media  screen and (max-width:767px){

.relocation li .l1{ width:100%; height:auto; position:relative;}
.relocation li .l2{ padding-left:0; min-height:60px;}
.relocation li.l2 .l2{ padding-left:0; padding-right:0;}
.relocation li .l3{ float:left; width:160px; bottom:-20px;}
.relocation li{ padding:20px 0;}
.relocation li .l2 .p1{ line-height:30px; margin:15px 0;}
.relocation li .l2 .hl3{ font-size:20px; line-height:30px;}
.relocation li .l2 .hl3 span{ font-size:14px;}


}



/**/
.Process{ float:left; width:100%; margin-bottom:50px;}
.Process ul{padding:0 5.4%;}
.Process li{ float:left; width:33.3333%; padding:0 30px; margin-top:24px;}
.Process li a{ float:left; width:100%; border:1px dashed #e5e5e5; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; padding:19px; text-align:center;}
.Process .l1{ float:left; width:100%; position:relative;}
.Process .l1 i{ display:block; margin:0 auto; width:102px; height:102px; border:6px solid #ede6e7; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#4f0b10; color:#fff; font-size:16px; line-height:90px; font-style:normal;}
.Process .l1 em{ float:left; width:36px; height:23px; background:url(images/in29.png) center no-repeat; position:absolute; right:-67px; top:50%; margin-top:-12px;}

.Process .l2{ float:left; width:100%;}
.Process .l2_1{ float:left; width:100%;}
.Process .l2_1 em{ float:left; width:100%; margin:7px 0;}
.Process .l2_1 span{ float:left; width:100%; color:#fff; font-size:16px; line-height:50px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.Process .l2_1.bg1 span{ background:#cd0000;}
.Process .l2_1.bg2 span{ background:#d00d0d;}
.Process .l2_1.bg3 span{ background:#d21919;}
.Process .l2_1.bg4 span{ background:#d42626;}
.Process .l2_1.bg5 span{ background:#d73333;}
.Process .l2_1.bg6 span{ background:#da4040;}


@media  screen and (max-width:1199px){

.Process ul{ padding:0;}
.Process li{ padding:0 15px;}
.Process .l1 em{ float:left; width:18px; height:12px; background-size:18px 12px; right:-43px; margin-top:-12px;}

}

@media  screen and (max-width:991px){
.Process{ margin-bottom:30px;}
.Process li{margin-top:20px;}


}


@media  screen and (max-width:767px){
.Process ul{ margin:0 -6px;}
.Process li{ padding:0 6px; }
.Process li a{padding:15px 10px;}
.Process .l2_1 span{ font-size:14px; line-height:30px;}
.Process .l1 i{width:66px; height:66px; border:3px solid #ede6e7; font-size:14px; line-height:60px;}
.Process .l1 em{ right:-25px;}

}

.z_page{float:left; width:100%; color: #333333; font-size: 14px; line-height:28px; padding:15px 0 30px 0;}


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

.news_ct{ width:100%; float:left; padding:15px 0 0 0; }
.news_ct img { max-width: 100%; }


@media  screen and (max-width:991px){
.news_tit{line-height:24px;}
.news_tit h2{  font-size:18px; line-height:24px;}
}