@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:Poppins-Regular ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:Poppins-Regular ,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:#025155; 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:Poppins-Regular ,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:Poppins-Regular ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
body{ overflow:hidden; background:#fff;}

.pz_top{ float:left; width:100%; background:#fff; border-top:5px solid #025155; padding:0 5.4%; box-shadow:0 0 10px rgba(216,216,216,0.75); position:relative; z-index:100;}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative; z-index:8; }
.pz_main{ float:left; width:100%; min-height:200px;}
.pz_down{ float:left; width:100%; background:#1c1f21;}

/*top*/
.logo{ float:left; width:242px; height:88px; margin:24px 0 23px 0; position:absolute; left:5.4%; top:0;}
.so_box{ float:right; z-index:99; margin:67px 2px 0 2px; position:absolute; right:5.4%; top:0;}
.Search_but{ float:left; width:30px; height:30px; border:none;background:url(../images/sear_sub.png) center no-repeat;}
.so_but{ display:none;float:left; width:282px; position:absolute; right:0; top:68px; z-index:99;}
.so{ float:left; width:100%; background:#fff; position:relative; border:1px solid #025155;}
.so .Search{ float:left; width:100%; height:36px; background:none; border:none; line-height:36px; padding:0 56px 0 10px; color:#414141; font-size:14px;}
.so .sear_sub{ float:right; width:50px; height:100%; border:none;background:url(../images/sear_sub.png) center no-repeat #025155; position:absolute; right:0; top:0;}
.so ::-webkit-input-placeholder{color:#414141}
.so :-moz-placeholder{color:#414141}
.so ::-moz-placeholder{color:#414141}
.so :-ms-input-placeholder{color:#414141}
.Htop{ float:left; position:absolute; right:5.4%; top:-5px; background:url(../images/top2.png) left center no-repeat;}
.welcom{ float:left; color:#f3f3f3; font-size:12px; line-height:40px; padding-left:32px; background:url(../images/top3.png) left center no-repeat; margin:0 0 0 36px;}
.telTop{ float:left; color:#f3f3f3; font-size:12px; line-height:40px; padding-left:25px; background:url(../images/top4.png) left center no-repeat;}
.lineTop{ float:left; margin:0 27px; width:7px; height:40px; background:url(../images/top8.png) center no-repeat;}
.TopShare{ float:right; margin-right:3px;}
.TopShare .shareTit{ float:left; color:#666666; font-size:13px; line-height:39px;}
.TopShare .share_wx{ float:left; position:relative; z-index:100; margin:10px 20px 10px 0;}
.TopShare .share_wx a{ float:left; width:20px; height:20px;}
.TopShare .share_wx .qq{background:url(../images/top5.png) center no-repeat;}
.TopShare .share_wx .weixin{background:url(../images/top6.png) center no-repeat;}
.TopShare .share_wx .weibo{background:url(../images/top7.png) center no-repeat;}
.TopShare .share_wx .wx_bx{ float:left; width:89px; height:89px; background:#fff; border:1px solid #ccc; padding:5px; position:absolute; left:0; margin-left:-30px; top:30px; z-index:100;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 10%;
	-moz-transform-origin:50% 10%;
	-ms-transform-origin:50% 10%;
	-o-transform-origin:50% 10%;
	transform-origin:50% 10%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.TopShare .share_wx:hover .wx_bx{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}


/*menu*/
.menu{ float:left; margin-top:35px; width:100%; padding:0 7.05% 0 20.64%;}
.menu .nli{ float:left; width:10%; position:relative; text-align:center;}
.menu .nli span{ float:left; width:100%;}
.menu .nli span a{float:left; width:100%; padding:30px 0 35px 0; color:#262626; font-size:15px; line-height:35px;-webkit-transition:none; -moz-transition:none;-ms-transition:none; -o-transition:none; transition:none;}
.menu .nli.active span a,
.menu .nli:hover span a{ color:#025155; background:url(../images/top1.png) center 66px no-repeat;}
.menu .sub{ display:none; float:left; position:absolute; left:50%; top:101px; width:100px; margin-left:-50px; z-index:66;}
.menu .sub li{ float:left; width:100%; margin-bottom:1px;}
.menu .sub li a{ float:left; width:100%; text-align:center; color:#333; font-size:14px; line-height:34px; background:#fff; background:rgba(255,255,255,0.9);}
.menu .sub li a:hover{ background:#025155; color:#fff;}

.menuph,
.xialaph{ display:none;}
@media screen and (max-width:1600px ) {
.menu{ padding:0 64px 0 272px;}	
}
@media screen and (max-width:1366px ) {
.pz_top{ padding:0 2.7%;}	
.Htop{ right:2.7%;}
.so_box{ right:2.7%; margin-top:52px;}
.logo{ width:193px; height:70px; margin:18px 0; left:2.7%;}
.menu{ padding:0 54px 0 213px;}
.menu .nli span a{ padding:15px 0 21px 0; font-size:14px;}
.menu .nli.active span a,
.menu .nli:hover span a{ background:url(../images/top1.png) center 46px no-repeat;}
.menu .sub{ top:72px;}
}
@media screen and (max-width:1023px ) {
.pz_top{ border-top:2px solid #025155; padding:0 15px;}
.logo{ width:121px; height:44px; margin:8px 0; position:static;}
.so_but_ph{ float:left; width:100%; margin-top:15px;}
.menu,
.Htop,
.so_box{ display:none;}
.menuph,
.xialaph{ display:block;}


/*手机按钮*/
.menuph{ float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:19px 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: #025155;  }
.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: #025155;  }
.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:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:61px 0;  display: none;  z-index:98; background:#fff;}
.xialaph .ul2,
.xialaph .ul3{display: none;}
.xialaph h4 a{ float:left; width:60%; color: #333333;  font-size:16px; line-height: 50px;}
.xialaph h4 a span{ padding-left:6px; color:#ccc; font-size:14px;}
.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: #e7e7e7; /*opacity: 0.1;*/  }
.xialaph h4:hover a,
.xialaph h5:hover a{  color: #025155; }
.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e7e7e7; /*opacity: 0.1;*/  }
.xialaph h5 a{ float:left; width:100%;  color: #1f1f1f;  font-size:14px; line-height: 40px;  text-transform:uppercase; }
.xialaph h5{ float:left; width:100%;position: relative;  }
.xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e7e7e7; /*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 10px;}
.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: #3c3a3a;  }
.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;  }
}

/*banner*/
.slide_banner{ float:left; width:100%; margin:0; overflow:hidden; text-align:center;}
.slide_banner .slick-slide{ width:100%; padding:0; position:relative;}
.slide_banner .btn1{ float:left; width:34.375%; position:absolute; left:13.54%; top:31.5%;}
.slide_banner .pic{ float:left; width:100%;}
.slide_banner .banLa{ float:left; width:100%; margin-top:9.39%;}
.slide_banner .banLa a{ float:left; margin-left:9px; border:1px solid #fff; border:1px solid rgba(255,255,255,0.5); background:#025155; background:rgba(2,81,85,0.5); color:#fff; font-size:14px; line-height:34px; padding:0 29px; position:relative;}
.slide_banner .banLa a::after{ float:left; width:83px; height:8px; position:absolute; left:99px; top:50%; margin-top:-4px; content:''; background:url(../images/ban2.png) right center no-repeat;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease;-ms-transition: 0.5s ease; -o-transition: 0.5s ease;
transition: 0.5s ease;}
.slide_banner .banLa a:hover{ background:rgba(2,81,85,1);}
.slide_banner .banLa a:hover::after{ width:40px;}
.slide_banner img{ width:100%;}
.slide_banner .slick-dots{bottom:39px; height:14px;}
.slide_banner .slick-dots li{ border:2px solid #fff; border-radius:50%; width:14px; height:14px; margin:0 10px; text-indent:-9999px; vertical-align:top;}
.slide_banner .slick-dots li.slick-active{ background:#fff;}
.zy_banner{ float:left; width:100%; line-height:0; position:relative; background:#000000;}
.zy_banner .ico1{opacity:0.8; filter:alpha(opacity=80);}
.zy_banner .btn2{ float:left; width:100%; position:absolute; left:0; top:39.15%; text-align:center;}
.zy_banner .btn2 .tit1{ float:left; width:100%; color:#fff; font-size:Arial; font-weight:bold; text-transform:uppercase; font-size:46px; line-height:46px; letter-spacing:5px;}
.zy_banner .btn2 .tit2{ float:left; width:100%; color:#fff; font-size:14px; line-height:14px; margin-top:1.04%;}
.zy_banner .btn2 .tit2 a{ color:#fff;}
.zy_banner .btn2 .tit2 a:hover{ color:#025155;}
@media screen and (max-width:1429px ) {
.zy_banner .btn2 .tit1{ font-size:30px; line-height:30px; letter-spacing:3px;}
}
@media screen and (max-width:1023px ) {
.slide_banner .slick-dots{bottom:12px; height:10px;}	
.slide_banner .slick-dots li{ width:10px; height:10px; margin:0 5px; }
.slide_banner .banLa a{ margin-left:5px; font-size:12px; line-height:28px; padding:0 15px;}
.slide_banner .banLa a::after{ width:42px; left:72px;}
.slide_banner .banLa a:hover::after{ width:20px;}
.zy_banner{ float:left; width:100%; line-height:0;}
.zy_banner .btn2 .tit1{ font-size:24px; line-height:24px; letter-spacing:3px;}
.zy_banner .btn2 .tit2{ font-size:12px; line-height:12px;}
}
@media screen and (max-width:767px ) {
.slide_banner .btn1{ width:68.75%; position:absolute; left:6%; top:15%;}
.slide_banner .banLa{ margin-top:4.5%;}
}


.elli{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;}	
.ImgHover{-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.ImgHover:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
@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*/
.homeCont1{ float:left; width:100%; padding:3.64% 0; overflow:hidden;}
.homeTit{ float:left; width:100%; text-align:center; position:relative; z-index:8;}
.homeTit .en1{ float:left; width:100%; color:#575757; font-size:30px; line-height:30px; text-transform:uppercase; letter-spacing:2px; font-family:Arial; font-weight:bold; margin-bottom:11px;}
.homeTit .en2{ float:left; width:100%; color:#878787; font-size:14px; line-height:14px; text-transform:uppercase; letter-spacing:7px; font-family:Arial;}
.homeTit .zh1{ float:left; width:100%; color:#1f1f1f; font-size:24px; line-height:32px; margin-top:11px;}
.homeAbout1{ float:left; width:100%; color:#666666; font-size:14px; line-height:30px; height:120px; overflow:hidden; text-align:center; padding:0 5.71%; margin:2.14% 0 2.64% 0;}
.homeAbout2{ float:left; width:100%; text-align:center; padding:0 7%;}
.homeAbout2 .l1{ float:left; width:33.33%; text-align:center; padding:0 15px;}
.homeAbout2 .l1 .img{ float:left; width:100%;}
.homeAbout2 .l1 .img .ico{ display:block; margin:0 auto; width:184px; height:184px; background:#f6f6f6; padding:10px; border-radius:50%; overflow:hidden;-webkit-transition: 0.5s ease;-moz-transition: 0.5s ease;-ms-transition: 0.5s ease; -o-transition: 0.5s ease;transition: 0.5s ease;}
.homeAbout2 .l1 .img .ico img{ background:#eaeaea; border-radius:50%;}
.homeAbout2 .l1 .tit{ float:left; width:100%; color:#383635; font-size:20px; line-height:30px; margin:17px 0 12px 0;}
.homeAbout2 .l1 .p1{ float:left; width:100%; color:#808080; font-size:14px; line-height:20px; height:40px; overflow:hidden;}
.homeAbout2 .l1 .more{ float:left; width:100%; margin-top:10px;}
.homeAbout2 .l1 .more a{ float:left; width:100%; color:#025155; font-size:12px; line-height:22px; text-transform:uppercase; font-family:Arial; text-decoration:underline;}
.homeAbout2 .l1:hover .img .ico{ background:#025155; box-shadow:0 0 15px rgba(0,0,0,0.4);}
.homeAbout2 .l1:hover .img .ico img{ background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.4);}
@media screen and (max-width:1429px ) {
.homeAbout1{ padding:0;}	
.homeAbout2{ padding:0;}
.homeAbout2 .l1 .tit{ font-size:18px; line-height:28px;}	
.homeAbout2 .l1 .img .ico{ width:140px; height:140px; padding:6px;}
}
@media screen and (max-width:1023px ) {
.homeCont1{ padding:6% 0;}	
.homeTit .en1{ font-size:20px; line-height:20px; margin-bottom:5px;}
.homeTit .en2{ font-size:12px; line-height:12px; letter-spacing:3px;}
.homeTit .zh1{ font-size:16px; line-height:24px; margin-top:3px;}	
.homeAbout1{ line-height:24px; height:72px;}
.homeAbout2 .l1{ padding:0 6px;}
.homeAbout2 .l1 .tit{ margin:8px 0 0 0;font-size:16px; line-height:26px;}
.homeAbout2 .l1 .p1{ height:20px;}
.homeAbout2 .l1 .img .ico{ width:100px; height:100px; padding:6px;}
.homeAbout2 .l1 .more{ margin-top:1px;}
}
@media screen and (max-width:767px ) {
.homeAbout2 .l1 .img .ico{ width:88px; height:88px; padding:4px;}
}

/*homeCont2*/
.homeCont2{ float:left; width:100%; background:#1e1e1e; position:relative; padding:3.64% 0 0 0; overflow:hidden;}
.homeBg2{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:6; opacity:0.3; filter:alpha(opacity=30); }
.homeTit1 .en2{ color:#c0c0c0;}
.homeTit1 .zh1{ color:#fff;}
.homeFree1{ float:left; width:100%; position:relative; z-index:8;}
.homeFree1 .bd{ float:left; width:100%; margin:2.22% 0 6.06% 0;}
.homeFree1 .info{ float:left; width:100%; text-align:center; color:#fff; font-size:15px; line-height:36px; padding:0 7.71%;}
.homeFree1 .btn1{ float:left; width:100%; margin-top:4.44%;}
.homeFree1 .btn1 a{ display:block; margin:0 auto; width:135px; height:42px; border:1px solid #fff; border-radius:2px; line-height:40px; text-align:center; color:#fff; font-size:14px;}
.homeFree1 .btn1 a:hover{ background:#04797f; border:1px solid #04797f; box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.homeFree1 .hd{ float:left; width:100%; position:relative; z-index:8;}
.homeFree1 .hd li{ float:left; width:25%; padding-left:1px;}
.homeFree1 .hd li .la{ float:left; width:100%; background:#04797f; text-align:center; color:#fff; font-size:18px; line-height:60px; padding:30px 8px; cursor:pointer;}
.homeFree1 .hd li .ico{ display:inline-block; vertical-align:middle; width:37px; height:37px;}
.homeFree1 .hd li .tit{ display:inline-block; vertical-align:middle; margin-left:25px;}
.homeFree1 .hd li.on .la{ background:#025155;}
@media screen and (max-width:1429px ) {
.homeFree1 .info{ padding:0;}
.homeFree1 .hd li .tit{ margin-left:15px;}
.homeFree1 .hd li .la{ padding:20px 8px; line-height:40px;}
}
@media screen and (max-width:1023px ) {
.homeCont2{ padding:6% 0 0 0;}	
.homeFree1 .info{ font-size:14px; line-height:24px;}
.homeFree1 .btn1 a{ width:100px; height:32px; line-height:30px;}
.homeFree1 .hd li .la{ padding:10px 8px; line-height:40px; font-size:16px;}
.homeFree1 .hd li .ico{ width:26px; height:26px;}
.homeFree1 .hd li .tit{ margin-left:5px;}
}
@media screen and (max-width:767px ) {
.homeFree1 .hd li .la{ line-height:20px; padding:6px 4px;}	
.homeFree1 .hd li .ico{ width:22px; height:22px;}
.homeFree1 .hd li .tit{ margin-left:0; width:100%; font-size:14px;}
}



/*homeCont3*/
.homeCont3{ float:left; width:100%; position:relative; background:url(../images/main11.jpg) center no-repeat; background-size:cover; padding:4.16% 0 3.85% 0; overflow:hidden;}
.homeBg3{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:6;opacity:0.1; filter:alpha(opacity=10); }
.homeNews{ float:left; width:100%; margin-top:4.14%; position:relative; z-index:8;}
.homeNew1{ float:left; width:47.14%;}
.homeNew1 .tit{ float:left; width:100%; border-bottom:1px solid #dbdbdb; padding-bottom:7px;}
.homeNew1 .tit h4{ float:left; color:#3d3d3d; font-size:20px; line-height:26px; font-weight:bold; padding-left:18px; position:relative;}
.homeNew1 .tit h4::after{ float:left; width:4px; height:26px; position:absolute; left:0; top:1px; content:''; background:#025155;}
.homeNew1 .tit h4 span{ font-weight:normal; font-family:Arial; font-size:14px; text-transform:uppercase; padding-left:12px;}
.homeNew1 .tit a{ float:right; color:#025155; font-size:12px; font-family:Arial; line-height:22px; text-transform:uppercase; margin-top:4px; font-style:italic;}
.homeNew1 .tit a:hover{ text-decoration:underline;}
.homeNew1 .cont{ float:left; width:100%; margin-top:4px;}
.homeNew1 .cont .l1{ float:left; width:100%; padding:27px 0; margin-bottom:22px; border-bottom:1px dashed #b7b7b7;}
.homeNew1 .cont .l1 a{ float:left; width:100%; position:relative;}
.homeNew1 .cont .l1 .img{ float:left; width:193px; height:133px; overflow:hidden; position:absolute; left:0; top:0;}
.homeNew1 .cont .l1 .info{ float:left; width:100%; min-height:133px; padding-left:222px;}
.homeNew1 .cont .l1 .Hit{ float:left; width:100%; color:#2d2c2c; font-size:16px; line-height:26px; margin:4px 0 6px 0;}
.homeNew1 .cont .l1 .p1{ float:left; width:100%; color:#7a7a7a; font-size:14px; line-height:24px; height:48px; overflow:hidden;}
.homeNew1 .cont .l1 .more{ float:left; width:100%; margin-top:24px;}
.homeNew1 .cont .l1 .more span{ float:left; width:69px; height:24px; color:#fff; font-size:12px; line-height:22px; text-align:center; border-radius:24px; background:#025155; text-transform:uppercase;}
.homeNew1 .cont .l1 .more span:hover{ box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.homeNew1 .cont .l2{ float:left; width:50%; padding-right:10px;}
.homeNew1 .cont .l2 a{ float:left; width:100%; color:#6b6b6b; font-size:14px; line-height:30px; padding-left:11px; position:relative;}
.homeNew1 .cont .l2 a::after{ float:left; width:4px; height:4px; border-radius:50%; background:#025155; content:''; position:absolute; left:0; top:50%; margin-top:-2px;}
.homeNew1 .cont .l2 a:hover{ color:#025155;}
.homeNew1 .cont .l1 a:hover .img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.homeNew1 .cont .l1 a:hover .Hit{ color:#025155;}
@media screen and (max-width:1023px ) {
.homeCont3{ padding:6% 0;}
.homeNew1{ width:48.5%;}
.homeNew1 .tit h4{ font-size:18px; line-height:22px; padding-left:10px;}
.homeNew1 .tit h4::after{ width:2px; height:22px;}
.homeNew1 .tit h4 span{ font-size:13px; padding-left:6px;}
.homeNew1 .cont .l1{ padding:13px 0; margin-bottom:10px;}
.homeNew1 .cont .l1 .img{ width:120px; height:83px;}
.homeNew1 .cont .l1 .info{ min-height:83px; padding-left:132px;}
.homeNew1 .cont .l1 .Hit{ font-size:16px; line-height:26px; margin:0;}
.homeNew1 .cont .l1 .p1{ height:24px; }
.homeNew1 .cont .l1 .more{ margin-top:6px;}
.homeNew1 .cont .l1 .more span{ width:69px; height:24px;}
.homeNew1 .cont .l2 a{ line-height:26px;}
}
@media screen and (max-width:767px ) {
.homeNew1{ width:100%;}
.homeNew1.pull-right{ margin-top:4%;}
}



/*homeCont4*/
.homeCont4{ float:left; width:100%; padding:5.625% 0 5.72% 0; overflow:hidden;}
.VideInfo{ float:left; width:38.3%;}
.VideInfo .en1{ float:left; width:100%; color:#666666; font-size:36px; line-height:36px; font-weight:bold; text-transform:uppercase; font-family:Arial;}
.VideInfo .en2{ float:left; width:100%; color:#025155; font-size:36px; line-height:36px; font-weight:bold; text-transform:uppercase; font-family:Arial;}
.VideInfo .zh1{ float:left; width:100%; color:#363636; font-size:24px; line-height:34px; font-weight:bold; margin-top:4px;}
.VideInfo .p1{ float:left; width:100%; color:#7c7c7c; font-size:14px; line-height:30px; height:180px; overflow:hidden; margin-top:36px;}
.VideInfo .more{ float:left; width:100%; margin-top:28px;}
.VideInfo .more a{ float:left; width:133px; height:37px; line-height:35px; text-align:center; color:#025a5f; font-size:14px; border:1px solid #9ababc; border-radius:37px;}
.VideInfo .more a:hover{ border:1px solid #025a5f; background:#025a5f; color:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.VideBtn{ float:right; width:52.71%; position:relative; line-height:0; background:url(../images/main17.png) left bottom no-repeat; background-size:85% 86.63%; padding:0 0 37px 79px;}
.VideBtn .Vide{ width:100%;}
.VideBtn .btn1{ float:left; width:90px; height:90px; position:absolute; left:35px; top:50%; margin-top:-50px;}
@media screen and (max-width:1429px ) {
.VideInfo{ float:left; width:44%;}
.VideInfo .en1{ font-size:24px; line-height:26px;}
.VideInfo .en2{ font-size:24px; line-height:26px;}
.VideInfo .zh1{ font-size:18px; line-height:28px; margin-top:2px;}
.VideInfo .p1{ line-height:24px; height:156px; margin-top:15px;}
.VideInfo .more{ margin-top:18px;}
.VideBtn{ padding:0 0 24px 40px;}
.VideBtn .btn1{ width:60px; height:60px; left:12px; margin-top:-40px;}
}
@media screen and (max-width:1023px ) {
.VideInfo .p1{ height:96px; margin-top:8px;}
.VideInfo .more a{ width:100px; height:32px; line-height:30px; border-radius:32px;}
}
@media screen and (max-width:767px ) {
.VideInfo{ width:100%;}
.VideBtn{ width:100%; padding:0 0 15px 40px; margin-top:6%;}
.VideBtn .btn1{ width:50px; height:50px; left:15px; margin-top:-30px;}
.VideInfo .en1{ font-size:20px; line-height:22px;}
.VideInfo .en2{ font-size:20px; line-height:22px;}
.VideInfo .zh1{ font-size:16px; line-height:26px; margin-top:0;}
.VideInfo .p1{ margin-top:4px;}
.VideInfo .more{ margin-top:12px;}
}


/*homeCont5*/
.homeCont5{ float:left; width:100%; position:relative; padding:4.68% 0 04.63% 0; overflow:hidden;}
.homeBg5{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:6; opacity:0.5; filter:alpha(opacity=50);}
.homeMess{ float:left; width:100%; position:relative; z-index:8; margin-top:3.92%;}
.homeMess .lab1{ float:left; width:100%; margin:0;}
.homeMess .fm1{ float:left; width:34.71%;}
.homeMess .fm2{ float:right; width:63.35%;}
.homeMess .fv1{ float:left; width:100%; margin-top:10px; background:#fff; border:none; padding:5px 18px; color:#737373; font-size:14px; height:46px; line-height:36px; box-shadow:0 0 15px rgba(0,0,0,0.02);}
.homeMess .fv2{ float:left; width:100%; margin-top:10px; background:#fff; border:none; padding:12px 18px; color:#737373; font-size:14px; height:100px; line-height:24px; box-shadow:0 0 15px rgba(0,0,0,0.02);}
.homeMess .fv3{ display:block; margin:3.57% auto 0 auto; width:270px; height:54px; line-height:52px; text-align:center; color:#fff; font-size:16px; border-radius:54px; background:#025155;}
.homeMess .fv3:hover{ box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
@media screen and (max-width:1023px ) {
.homeMess{ margin-top:1.5%;}	
.homeMess .fv3{ margin:4% auto 0 auto; width:150px; height:36px; line-height:34px; font-size:15px; border-radius:36px; }
}
@media screen and (max-width:767px ) {
.homeMess .fm1{ width:100%;}
.homeMess .fm2{ width:100%;}
.homeMess .fv1{ padding:5px 10px; height:36px; line-height:34px;}
.homeMess .fv2{ padding:5px 10px;}
}



.home_bg4{ float:left; width:100%; background:#f8f8f8; padding:80px 0; position:relative;}
.home_bg4:after{ float:left; width:1px; height:60px; background:#c8c8c8; content:''; position:absolute; bottom:-30px; left:50%;}
.home_bg4 .slick-slide{ margin:0 75px;}
.home_bg4 .slick-prev{ width:60px; height:60px; background:url(images/main11.png) center no-repeat; background-size:100% 100%; left:22.5%; margin-left:-30px; margin-top:-30px;}
.home_bg4 .slick-next{ width:60px; height:60px; background:url(images/main12.png) center no-repeat; background-size:100% 100%; right:22.5%; margin-right:-30px;margin-top:-30px;}
.home_bg4 .slick-prev:hover{ background:url(images/main11_1.png) center no-repeat; background-size:100% 100%;-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;}
.home_bg4 .slick-next:hover{ background:url(images/main12_1.png) center no-repeat; background-size:100% 100%;-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;}

.home_bg4 .box{ float:left; width:100%; position:relative;}
.home_bg4 .box .img{ float:left; width:100%; line-height:0;opacity:0.4; filter:alpha(opacity=40);}
.home_bg4 .box .title{ float:left; width:100%; background:#165c7b; position:absolute; left:0; bottom:-150px; z-index:6; text-align:center;}
.home_bg4 .box .title span{ display:inline-block; *display:inline; *zoom:1; color:#fff; font-size:20px; padding-left:43px; line-height:70px; background:url(images/main10.png) left center no-repeat;}
.home_bg4 .box .bg{ float:left; width:100%; height:121px; background:url(images/main15.png) center top repeat-x; position:absolute; left:0; bottom:-150px; z-index:3}
.home_bg4 .box .info{ float:left; width:52%; position:absolute; left:24%; top:50%; z-index:6; margin-top:-154px; background:url(images/main14.png) center repeat; text-align:center; padding:17px; -webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0);-webkit-transition: all 1s ease-out 0s; 
-moz-transition: all 1s ease-out 0s; 
-o-transition: all 1s ease-out 0s; 
transition: all 1s ease-out 0s;}
.home_bg4 .box .info .p1{ float:left; width:100%; position:relative; border:1px solid #fff; border:1px solid rgba(255,255,255,0.5); padding:36px 0;}
.home_bg4 .box .info h4{ float:left; width:100%; color:#fff; font-size:16px; line-height:28px;}
.home_bg4 .box .info .line{ float:left; width:100%; margin:11px 0;}
.home_bg4 .box .info .line span{ display:block; margin:0 auto; width:28px; height:2px; background:#fff;}
.home_bg4 .box .info p{ float:left; width:100%; color:#fff; font-size:14px; line-height:26px; height:78px; overflow:hidden;}
.home_bg4 .box .info h6{ float:left; width:25px; height:25px; background:url(images/main13.png) center no-repeat; position:absolute; right:18px; bottom:20px;-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; border:1px solid #fff; border:1px solid rgba(255,255,255,0.5);}

.home_bg4 .box .info h6:hover{ border-radius:50%;-webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	 -o-transform: rotate(360deg);
		transform: rotate(360deg);}


.home_bg4 .slick-slide.slick-current .box .img{ opacity:1; filter:alpha(opacity=100);}
.home_bg4 .slick-slide.slick-current .box .title{ bottom:0;}
.home_bg4 .slick-slide.slick-current .box .bg{ bottom:0;}
.home_bg4 .slick-slide.slick-current .box .info{ -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}


@media screen and (max-width:1660px ) {
.home_bg4 .slick-slide{ margin:0 40px;}
.home_bg4 .slick-prev{ width:40px; height:40px; left:18%; margin-left:-20px;margin-top:-20px;}
.home_bg4 .slick-next{ width:40px; height:40px; right:18%; margin-right:-20px;margin-top:-20px;}

}

@media screen and (max-width:1429px ) {
	
.home_bg4 .box .info{ margin-top:-135px;}	
.home_bg4 .box .info .p1{ padding:26px 0;}
.home_bg4 .box .info .line{ margin:6px 0;}
.home_bg4 .box .info h6{ right:12px; bottom:12px;}
.home_bg4 .box .title span{ line-height:60px;}

}

@media screen and (max-width:1129px ) {
	
.home_bg4{ padding:40px 0;}	
.home_bg4:after{ height:30px; bottom:-15px;}
.home_bg4 .slick-slide{ margin:0 20px;}	
.home_bg4 .slick-prev{ width:26px; height:26px; left:10%; margin-left:-13px;margin-top:-13px;}
.home_bg4 .slick-next{ width:26px; height:26px; right:10%; margin-right:-13px;margin-top:-13px;}
.home_bg4 .box .info{ margin-top:-105px; padding:10px;}	
.home_bg4 .box .info .p1{ padding:20px 0;}
.home_bg4 .box .info .line{ margin:6px 0;}
.home_bg4 .box .info p{ font-size:14px; line-height:22px; height:66px;}
.home_bg4 .box .info h6{ right:12px; bottom:12px;}
.home_bg4 .box .title span{ line-height:40px; font-size:16px; background-size:22px 22px; padding-left:28px;}

}

@media screen and (max-width:767px ) {
	
.home_bg4{ padding:25px 0;}	
.home_bg4:after{ height:20px; bottom:-10px;}
.home_bg4 .slick-slide{ margin:0 3px;}
.home_bg4 .box .info{ margin-top:-53px; padding:6px;}	
.home_bg4 .box .info .p1{ padding:10px 0;}
.home_bg4 .box .info p{ display:none;}
.home_bg4 .box .info h6{ display:none;}
.home_bg4 .box .info h4{ font-size:14px; line-height:22px;}
.home_bg4 .box .info .line{ margin:4px 0;}

.home_bg4 .slick-dots{ position:static; height:8px; margin-top:15px;}
.home_bg4 .slick-dots li{ width:8px; height:8px; background:#b1b1b1; border-radius:50%; overflow:hidden; text-indent:-999px; vertical-align:top;}
.home_bg4 .slick-dots li.slick-active{ background:#13698f;}
}

/*homePro*/
.homePro{ float:left; width:100%; margin:2.18% 0 0 0;}
.homePro .parHd{ float:left; width:100%; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; padding:9px 0; text-align:center;}
.homePro .parHd ul{ display:inline-block; *display:inline; *zoom:1; position:relative;}
.homePro .parHd ul::after{ float:left; width:92%; height:1px; background:#dbdbdb; position:absolute; left:4%; top:50%; content:''; z-index:6;}
.homePro .parHd ul li{ float:left; background:#fff; margin:0 5px; cursor:pointer; position:relative; z-index:8;}
.homePro .parHd ul li span{ float:left; background:#fff; margin:0 5px; padding:0 14px; border-radius:34px; color:#4c4c4c; font-size:16px; line-height:34px;}
.homePro .parHd ul li.on span,
.homePro .parHd ul li:hover span{ background:#025155; color:#fff;}
.homePro .parBd{ float:left; width:100%; margin-top:2.08%;}
.slide_box1{ float:left; width:100%;}
.slideBox1{ float:left; width:100%; position:relative; margin-bottom:2.08%;}
.slideBox1::after,
.slideBox1::before{ float:left; width:18%; height:100%; position:absolute; background:#fff; position:absolute; left:0; top:0; z-index:6; content:'';opacity:0.8; filter:alpha(opacity=80);}
.slideBox1::before{ left:auto; right:0;}
.slideBox1 .box5{ float:left; width:100%; position:relative; margin-bottom:2.08%;}
.slideBox1 .box5::after,
.slideBox1 .box5::before{ float:left; width:7.65%; height:100%; position:absolute; background:#fff; position:absolute; left:18%; margin-left:-7.65%; top:0; z-index:6; content:'';}
.slideBox1 .box5::before{ left:auto; right:18%; margin-left:0; margin-right:-7.65%;}
.slideBox1 li{ margin:0 15px; position:relative;}
.slideBox1 .img{ float:left; width:100%; position:relative; line-height:0;}
.slideBox1 .ico1{ width:100%;}
.slideBox1 .ico2{ width:42px; height:42px; position:absolute; left:50%; top:50%; margin:-21px 0 0 -21px; -webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0); opacity:0; filter:alpha(opacity=00);-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease;-ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;}
.slideBox1 .info{ float:left; width:100%; background:#e8e8e8; color:#333333; font-size:18px; line-height:60px; padding:0 8px; text-align:center;}
.slideBox1 .slick-dots{ position:absolute; left:0; bottom:-11.28%; height:6px;}
.slideBox1 .slick-dots li{ width:6px; height:6px; background:#a1a1a1; border-radius:6px; overflow:hidden; text-indent:-999px; margin:0 4px; vertical-align:top;}
.slideBox1 .slick-dots li.slick-active{ background:#025155; width:24px;}
.slideBox1 .slick-prev,
.slideBox1 .slick-next{ width:42px; height:42px; background:url(../images/main28.png) left center no-repeat; background-size:auto 100%; left:14.175%; margin-top:-21px; z-index:8; margin-left:-16px;}
.slideBox1 .slick-next{ left:auto; right:14.175%; background:url(../images/main28.png) right center no-repeat; background-size:auto 100%; margin-left:auto; margin-right:-16px;}
.slideBox1 .slick-prev:hover{ background:url(../images/main29.png) left center no-repeat; background-size:auto 100%;}
.slideBox1 .slick-next:hover{ background:url(../images/main29.png) right center no-repeat; background-size:auto 100%;}

.slideBox1 .box5 .info1{ opacity:0; filter:alpha(opacity=00); -webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0); float:left; width:100%; height:100%; position:absolute; left:0; top:0; background:#000; background:rgba(0,0,0,0.5); 
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.slideBox1 .box5 .info1::after{ float:left; width:93.6%; height:93.6%; position:absolute; left:3.2%; top:3.2%; border:1px solid #fff; opacity:0.3; filter:alpha(opacity=30); content:''; z-index:6;}
.slideBox1 .box5 .tit{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px; text-align:center; position:absolute; left:0; top:50%; margin-top:-65px; padding:0 8%; z-index:8;}
.slideBox1 .box5 .line{ float:left; width:100%; margin:21px 0 19px 0;position:absolute; left:0; top:50%; margin-top:-30px; z-index:8;}
.slideBox1 .box5 .line span{ display:block; margin:0 auto; width:50px; height:1px; background:#fff; opacity:0.4; filter:alpha(opacity=40); }
.slideBox1 .box5 .p1{ float:left; width:100%; color:#fff; font-size:13px; line-height:22px; height:44px; overflow:hidden; opacity:0.7; filter:alpha(opacity=70); position:absolute; left:0; top:50%; padding:0 8%; z-index:8; margin-top:-25px;}
.slideBox1 .box5 .more{ float:left; width:100%; position:absolute; left:0; top:50%; margin-top:26px; z-index:8;}
.slideBox1 .box5 .more img{ display:block; margin:0 auto; width:32px; height:32px;}
.slideBox1 .box5 .la a:hover .info{ opacity:1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}

.slideBox1 li:hover .info1{ opacity:1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.slideBox1 li:hover .info{ background:#025155; color:#025155;}
.slideBox1 li:hover .ico2{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1); opacity:1; filter:alpha(opacity=100);}
@media screen and (max-width:1429px ) {
.homePro .parHd ul li{ margin:0 3px; }
.homePro .parHd ul li span{ margin:0 5px; padding:0 14px; border-radius:34px; font-size:14px; line-height:32px;}	
.slideBox1 li{ margin:0 8px;}	
.slideBox1 .info{ font-size:16px; line-height:46px; }
.slideBox1 .ico2{ width:32px; height:32px; margin:-16px 0 0 -16px;}
.slideBox1 .slick-prev,
.slideBox1 .slick-next{ width:32px; height:32px; margin-top:-16px; margin-left:-12px;}
.slideBox1 .slick-next{ margin-left:auto; margin-right:-12px;}
}
@media screen and (max-width:1023px ) {
.homePro .parHd{ padding:0 10px;}	
.homePro .parHd ul::after{ display:none;}	
.homePro .parHd ul li{ margin:0.5%; width:24%;}
.homePro .parHd ul li span{ margin:0; padding:0; border-radius:3px; width:100%; background:#f2f2f2; margin-top:1px;}
	
.slideBox1::after,
.slideBox1::before{ width:14%;}	
.slideBox1 .box5::after,
.slideBox1 .box5::before{ width:5%; left:14%; margin-left:-5%;}
.slideBox1 .box5::before{ left:auto; right:14%; margin-left:0; margin-right:-5%;}
.slideBox1 li{ margin:0 4px;}	
.slideBox1 .info{ font-size:14px; line-height:34px; }
.slideBox1 .ico2{ width:22px; height:22px; margin:-11px 0 0 -11px;}
.slideBox1 .slick-dots{ margin-top:4%;}
.slideBox1 .slick-prev,
.slideBox1 .slick-next{ left:14%; width:28px; height:28px; margin-top:-14px; margin-left:-36px;}
.slideBox1 .slick-next{ left:auto; right:14%; margin-left:auto; margin-right:-36px;}
}
@media screen and (max-width:767px ) {
.homePro .parHd{ border:none;}	
.homePro .parHd ul li{ margin:0.5%; width:49%;}
.homePro .parHd ul li:last-child{ width:99%;}
.homePro .parHd ul li span{ line-height:30px;}

.slideBox1 .box5::after,
.slideBox1 .box5::before{ display:none;}
.slideBox1 .box5 .p1{ display:none;}
.slideBox1 .box5 .line{ margin-top:0;}
.slideBox1 .box5 .more{ margin-top:10px;}
.slideBox1 .box5 .more img{ width:26px; height:26px;}
.slideBox1 .box5 .tit{ margin-top:-26px; font-size:16px;}

}

/*homeCase1*/
.homeCase1{ float:left; width:100%; margin-top:2.29%;}
.homeCase1 .hd{ float:left; width:100%; border-bottom:1px solid #dddddd; text-align:center;}
.homeCase1 .hd ul{ display:inline-block; *display:inline; *zoom:1;}
.homeCase1 .hd ul li{ float:left;}
.homeCase1 .hd ul li span{ float:left; padding:30px 8px 14px 8px; color:#686868; font-size:14px; line-height:34px; margin:0 31px; position:relative; cursor:pointer;}
.homeCase1 .hd ul li  span::after{ float:left; width:0; height:2px; position:absolute; left:0; bottom:-4px; content:''; background:#025155;}
.homeCase1 .hd ul li.on span{ color:#025155;}
.homeCase1 .hd ul li.on span::after{ width:100%;}
.homeCase1 .hd ul .l1 span{ background:url(../images/main20.png) top center no-repeat;}
.homeCase1 .hd ul .l2 span{ background:url(../images/main21.png) top center no-repeat;}
.homeCase1 .hd ul .l3 span{ background:url(../images/main22.png) top center no-repeat;}
.homeCase1 .hd ul .l4 span{ background:url(../images/main23.png) top center no-repeat;}
.homeCase1 .hd ul .l5 span{ background:url(../images/main24.png) top center no-repeat;}
.homeCase1 .hd ul .l6 span{ background:url(../images/main25.png) top center no-repeat;}
.homeCase1 .hd ul .l7 span{ background:url(../images/main26.png) top center no-repeat;}
.homeCase1 .hd ul .l1.on span{ background:url(../images/main20_1.png) top center no-repeat;}
.homeCase1 .hd ul .l2.on span{ background:url(../images/main21_1.png) top center no-repeat;}
.homeCase1 .hd ul .l3.on span{ background:url(../images/main22_1.png) top center no-repeat;}
.homeCase1 .hd ul .l4.on span{ background:url(../images/main23_1.png) top center no-repeat;}
.homeCase1 .hd ul .l5.on span{ background:url(../images/main24_1.png) top center no-repeat;}
.homeCase1 .hd ul .l6.on span{ background:url(../images/main25_1.png) top center no-repeat;}
.homeCase1 .hd ul .l7.on span{ background:url(../images/main26_1.png) top center no-repeat;}

.homeCase1 .bd{ float:left; width:100%; margin-top:2.13%;}
.homeCase1 .ul1{ float:left; width:100%;}
.homeCase1 .ul1 .l1{ float:left; width:21.5%;}
.homeCase1 .ul1 .l2{ float:left; width:48%;}
.homeCase1 .ul1 .l3{ float:left; width:29.5%;}
.homeCase1 .ul1 .la{ float:left; width:100%; padding:4px;}
.homeCase1 .ul1 .la a{ float:left; width:100%; position:relative; text-align:center;}
.homeCase1 .ul1 .img{ float:left; width:100%; line-height:0;}
.homeCase1 .ul1 .info{ opacity:0; filter:alpha(opacity=00); -webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0); float:left; width:100%; height:100%; position:absolute; left:0; top:0; background:#000; background:rgba(0,0,0,0.5); 
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.homeCase1 .ul1 .info::after{ float:left; width:93.6%; height:89.44%; position:absolute; left:3.2%; top:5.28%; border:1px solid #fff; opacity:0.3; filter:alpha(opacity=30); content:''; z-index:6;}
.homeCase1 .ul1 .tit{ float:left; width:100%; color:#fff; font-size:20px; line-height:20px;position:absolute; left:0; top:50%; margin-top:-65px; padding:0 6%; z-index:8;}
.homeCase1 .ul1 .line{ float:left; width:100%; margin:21px 0 19px 0;position:absolute; left:0; top:50%; margin-top:-20px; z-index:8;}
.homeCase1 .ul1 .line span{ display:block; margin:0 auto; width:50px; height:1px; background:#fff; opacity:0.4; filter:alpha(opacity=40); }
.homeCase1 .ul1 .p1{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; height:48px; overflow:hidden; opacity:0.7; filter:alpha(opacity=70); position:absolute; left:0; top:50%; padding:0 24%; z-index:8;}
.homeCase1 .ul1 .more{ float:left; width:100%; margin-top:33px; position:absolute; left:0; top:50%; margin-top:79px; z-index:8;}
.homeCase1 .ul1 .more img{ display:block; margin:0 auto; width:41px; height:41px;}
.homeCase1 .ul1 .la a:hover .info{ opacity:1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}

.homeCase1 .ul1 .l1 .p1{ padding:0 6%;}
.homeCase1 .ul1 .l1 .tit{ margin-top:-45px;}
.homeCase1 .ul1 .l1 .line{ margin-top:-10px;}
.homeCase1 .ul1 .l1 .p1{ height:24px;}
.homeCase1 .ul1 .l1 .more{ margin-top:30px;}
.homeCase1 .ul1 .l3 .p1{ padding:0 6%;}

@media screen and (max-width:1429px ) {
.homeCase1 .hd ul li span{ margin:0 15px; padding:24px 8px 2px 8px}
.homeCase1 .ul1 .tit{ font-size:16px; line-height:16px; margin-top:-40px;}
.homeCase1 .ul1 .line{ margin-top:-10px;}
.homeCase1 .ul1 .p1{ line-height:22px; height:44px; padding:0 16%;}
.homeCase1 .ul1 .more{ margin-top:50px;}
.homeCase1 .ul1 .more img{ width:32px; height:32px;}

.homeCase1 .ul1 .l1 .tit{ margin-top:-45px;}
.homeCase1 .ul1 .l1 .line{ margin-top:-19px;}
.homeCase1 .ul1 .l1 .p1{ margin-top:-10px;}
.homeCase1 .ul1 .l1 .more{ margin-top:15px;}

}
@media screen and (max-width:1023px ) {
.homeCase1 .hd ul li span{ margin:0 8px; padding:24px 6px 2px 6px}

.homeCase1 .ul1 .l1{ width:100%;}
.homeCase1 .ul1 .l1 .la{ width:50%;}
.homeCase1 .ul1 .l2{ width:62%;}
.homeCase1 .ul1 .l3{ width:38%;}

}
@media screen and (max-width:767px ) {
.homeCase1 .hd{border-bottom:none; padding:0 10px;}	
.homeCase1 .hd ul li{ margin:0.5%; width:49%; background:#f2f2f2; border-radius:3px;}
.homeCase1 .hd ul li:last-child{ width:99%;}
.homeCase1 .hd ul li span{ display:inline-block; *display:inline; *zoom:1; float:none; padding:0 0 0 28px;}
.homeCase1 .hd ul li span::after{ display:none;}

.homeCase1 .hd ul .l1 span{ background:url(../images/main20.png) left center no-repeat; background-size:22px 18px;}
.homeCase1 .hd ul .l2 span{ background:url(../images/main21.png) left center no-repeat; background-size:22px 18px;}
.homeCase1 .hd ul .l3 span{ background:url(../images/main22.png) left center no-repeat; background-size:22px 18px;}
.homeCase1 .hd ul .l4 span{ background:url(../images/main23.png) left center no-repeat; background-size:22px 18px;}
.homeCase1 .hd ul .l5 span{ background:url(../images/main24.png) left center no-repeat; background-size:22px 18px;}
.homeCase1 .hd ul .l6 span{ background:url(../images/main25.png) left center no-repeat; background-size:22px 18px;}
.homeCase1 .hd ul .l7 span{ background:url(../images/main26.png) left center no-repeat; background-size:22px 18px;}
.homeCase1 .hd ul .l1.on span{ background:url(../images/main20_1.png) left center no-repeat; background-size:22px 18px;}
.homeCase1 .hd ul .l2.on span{ background:url(../images/main21_1.png) left center no-repeat; background-size:22px 18px;}
.homeCase1 .hd ul .l3.on span{ background:url(../images/main22_1.png) left center no-repeat; background-size:22px 18px;}
.homeCase1 .hd ul .l4.on span{ background:url(../images/main23_1.png) left center no-repeat; background-size:22px 18px;}
.homeCase1 .hd ul .l5.on span{ background:url(../images/main24_1.png) left center no-repeat; background-size:22px 18px;}
.homeCase1 .hd ul .l6.on span{ background:url(../images/main25_1.png) left center no-repeat; background-size:22px 18px;}
.homeCase1 .hd ul .l7.on span{ background:url(../images/main26_1.png) left center no-repeat; background-size:22px 18px;}

.homeCase1 .ul1 .la{ padding:2px;}
.homeCase1 .ul1 .tit{ margin-top:-25px; font-size:14px; line-height:14px;}
.homeCase1 .ul1 .p1,
.homeCase1 .ul1 .line{ display:none;}
.homeCase1 .ul1 .more{ margin-top:0;}
.homeCase1 .ul1 .more img{ width:26px; height:26px;}
.homeCase1 .ul1 .l1 .more{ margin-top:0;}
.homeCase1 .ul1 .l1 .tit{ margin-top:-25px;}

}



/*footer*/
.foot1{ float:left; width:100%; border-bottom:1px solid #282a2c;}
.footTop{ float:left; width:100%; padding:41px 150px 38px 0; position:relative;}
.footNav{ float:left; width:100%; color:#999; font-size:15px; line-height:25px;}
.footNav a{ color:#999; margin:0 26px;}
.footNav a.first{ margin-left:0;}
.footNav a:hover{ color:#025155;}
.footShare{ float:right; min-height:38px; padding-left:60px; background:url(../images/foot6.png) left center no-repeat; position:absolute; right:0; top:33px;}
.footShare .shareTit{ display:block; color:#ffffff; font-size:14px; line-height:16px;}
.footShare .shareCont{ display:block; margin-top:4px;}
.footShare .share_wx{ float:left; position:relative; z-index:100; margin-right:10px;}
.footShare .share_wx a{ float:left; width:20px; height:20px; opacity:0.5; filter:alpha(opacity=50);}
.footShare .share_wx .qq{background:url(../images/foot7.png) center no-repeat;}
.footShare .share_wx .weixin{background:url(../images/foot8.png) center no-repeat;}
.footShare .share_wx .weibo{background:url(../images/foot9.png) center no-repeat;}
.footShare .share_wx .wx_bx{ float:left; width:89px; height:89px; background:#fff; border:1px solid #ccc; padding:5px; position:absolute; left:0; margin-left:-30px; top:30px; z-index:100;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 10%;
	-moz-transform-origin:50% 10%;
	-ms-transform-origin:50% 10%;
	-o-transform-origin:50% 10%;
	transform-origin:50% 10%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.footShare .share_wx:hover .wx_bx{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}
.footShare .share_wx:hover a{ opacity:1; filter:alpha(opacity=100); }
.foot2{ float:left; width:100%; border-bottom:1px solid #282a2c; padding:25px 0 35px 0;}
.footAdd{ float:left;}
.footAdd .l1{ float:left; padding-left:60px; color:#fff; font-size:14px; line-height:24px; margin-top:14px; position:relative;}
.footAdd .ino{ float:left; width:44px; height:48px; position:absolute; left:0; top:0;}
.footAdd .ico2{ margin-left:140px;margin-right:114px;}
.footEwm{ float:right;}
.footEwm .img{ float:left; width:82px; height:82px; background:#fff; border:1px solid #ebebeb; padding:4px; line-height:0;}
.footEwm .info{ float:left; margin-left:19px;}
.footEwm .info h5{ display:block; color:#a3a3a3; font-size:15px; line-height:25px; margin-top:35px;}
.footEwm .info h6{ display:block; color:#bfbfbf; font-size:12px; line-height:22px;}

.foot3{ float:left; width:100%; border-bottom:1px solid #282a2c;}
.links{ float:left; width:100%; padding:27px 0; font-size:14px; line-height:24px; color:#999999;}
.links span{ color:#fff; padding-left:25px; background:url(../images/foot1.png) left center no-repeat;}
.links a{ color:#999999;}
.links a:hover{ color:#025155;}
.copyright{ float:left; width:100%; color:#959595; font-size:15px; line-height:25px; text-align:center; padding:27px 0;}
@media screen and (max-width:1429px ) {
.footTop{ padding:41px 140px 38px 0;}	
.footShare{ padding-left:50px;}	
.footNav a{ margin:0 5px;}
.footAdd .l1{ line-height:18px; padding-left:40px; font-size:13px;}
.footAdd .ico2{ margin-left:40px;margin-right:30px;}
.footAdd .ino{ width:33px; height:36px;}
.footEwm .info{ margin-left:12px;}
}
@media screen and (max-width:1023px ) {
.foot1{ display:none;}	
.links{ display:none;}
.footTop{ padding:18px 0;}
.footShare{ display:none;}
.foot2{ padding:10px 0;}
.footAdd .l1{ width:100%;}
.footAdd .ico2{ margin-left:0;margin-right:0;}
.footEwm{ float:left; width:100%; margin-top:4%; text-align:center;}
.footEwm .img{ float:none; display:inline-block;}
.footEwm .info{ float:none; display:inline-block;}
.footAdd .l1{ padding-left:30px; margin-top:6px;}
.footAdd .ino{ width:22px; height:24px;}
.copyright{ padding:10px 0; font-size:14px; line-height:24px;}

}


/*右侧漂浮*/
.pf_right{ float:left; width:55px; position:fixed; z-index:999; right:0; top:50%; margin-top:-142px; background:#025155; border-radius:8px 0 0 8px;}
.pf_right ul{ float:left; width:100%; padding:12px 0;}
.pf_right ul li{ float:left; width:100%; margin:1px 0; position:relative;}
.pf_right ul li:hover{ background:#2d8e93;}
.pf_right ul li a{ float:left; width:100%; height:50px; position:relative; z-index:6;}
.pf_right ul li a.ico1{ background:url(../images/pf1.png) center no-repeat;}
.pf_right ul li a.ico2{ background:url(../images/pf2.png) center no-repeat;}
.pf_right ul li a.ico3{ background:url(../images/pf3.png) center no-repeat;}
.pf_right ul li a.ico4{ background:url(../images/pf4.png) center no-repeat;}
.pf_right ul li a.ico5{ background:url(../images/pf5.png) center no-repeat;}

.pf_right .pf_tel{ float:left; position:absolute; z-index:4; top:0; right:-300px; background:#2b959a url(../images/pf3.png) left center no-repeat; background:rgba(43,149,154,0.8) url(../images/pf3.png) left center no-repeat; width:170px; line-height:17px; color:#fff; font-size:14px; padding:8px 8px 8px 52px;white-space:nowrap; border-radius:4px 0 0 4px;
-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;}
.pf_right .pf_er{ float:left; position:absolute; z-index:4; top:0; right:-300px; width:100px; background:#2b959a; background:rgba(43,149,154,0.8); line-height:0; padding:6px;white-space:nowrap; border-radius:4px 0 0 4px;
-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;}
.pf_right .pf_er img{ background:#fff; padding:3px;}
.pf_right ul li:hover .pf_tel{ right:0;}
.pf_right ul li:hover a.ico3{ background:none;}
.pf_right ul li:hover .pf_er{ right:55px;}
@media  screen and (max-width:1023px){
.pf_right{ display:none;}
}


/* 分页 */
.wack1{ float:left; width:100%; padding:5.35% 0 4.71% 0; text-align:center;}
.pz_fy{ display:inline-block; *display:inline; *zoom:1;}
.pz_fy a { float:left; width:38px; height:38px; line-height:38px;  border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border: #e2e2e2 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;}
.pz_fy a:hover,
.pz_fy a.on{color:#fff; border:#025155 1px solid; background-color:#025155;}
.pz_fy .l_fy{ background:url(../images/h_img3.png) center no-repeat; width:100px; display:inline-block; *display:inline; *zoom:1;}
.pz_fy .r_fy{ background:url(../images/h_img2.png) center no-repeat; width:100px; display:inline-block; *display:inline; *zoom:1;}
.pz_fy .l_fy:hover{ background:url(../images/h_img3_1.png) center no-repeat #025155;}
.pz_fy .r_fy:hover{ background:url(../images/h_img2_1.png) center no-repeat #025155;}
@media  screen and (max-width:1023px){
.wack1{padding:6% 0;}	
.fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
.fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #025155; background:#025155; border-radius:16px; overflow:hidden;}
.fy_pc span{ padding:5px 20px; color:#272727;}
}

/*案例鉴赏*/
.casesList{ float:left; width:100%; margin-top:2.35%;}
.casesList ul{ margin:0 -20px;}
.casesList li{ float:left; width:33.33%; padding:0 20px; margin-top:45px;}
.casesList li a{ float:left; width:100%; box-shadow:0 0 27px rgba(0,0,0,0.2); padding:20px;}
.casesList li .img{ float:left; width:100%; line-height:0; overflow:hidden; position:relative;}
.casesList li .img::after{ float:left; width:0; height:0; position:absolute; left:50%; bottom:0; content:''; border-left: 16px solid transparent; border-right:16px solid transparent;border-bottom:15px solid #f7f7f7; margin-left:-16px;}
.casesList li .info{ float:left; width:100%; text-align:center; margin:28px 0 17px 0; padding:0 5%;}
.casesList li .tit{ float:left; width:100%; color:#025155; font-size:20px; line-height:30px;}
.casesList li .p1{ float:left; width:100%; color:#555555; font-size:14px; line-height:26px; height:52px; overflow:hidden; margin:13px 0 19px 0;}
.casesList li .more{ float:left; width:100%;}
.casesList li .more span{ display:block; margin:0 auto; width:106px; line-height:38px; border-radius:3px; background:#e1e1e1; color:#025155; font-size:14px; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}

.casesList li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.casesList li a:hover .more span{ background:#025155; color:#fff;}

@media  screen and (max-width:1429px){
.casesList ul{ margin:0 -10px;}
.casesList li{ padding:0 10px; margin-top:22px;}
.casesList li a{ box-shadow:0 0 13px rgba(0,0,0,0.2); padding:12px;}
.casesList li .img::after{ border-left: 8px solid transparent; border-right:8px solid transparent;border-bottom:7px solid #f7f7f7; margin-left:-8px;}
.casesList li .info{ margin:14px 0 8px 0; padding:0;}
.casesList li .tit{ font-size:17px; line-height:26px;}
.casesList li .p1{ line-height:22px; height:44px; margin:4px 0 10px 0;}
.casesList li .more span{ width:80px; line-height:30px;}
}
@media  screen and (max-width:1023px){
.casesList ul{ margin:0 -6px;}
.casesList li{ padding:0 6px; margin-top:12px;}
.casesList li a{ padding:5px;}
.casesList li .tit{ font-size:16px; line-height:24px;}
.casesList li .info{ margin:12px 0 10px 0;}
.casesList li .p1{ line-height:20px; height:40px;}
}
@media  screen and (max-width:767px){
.casesList li{ width:50%;}
}

/*二级导航*/
.babyser{ float:left; width:100%;}
.babyser h2{ float:left; width:100%; border-bottom:1px solid #dddddd; background:#fafafa; color:#025155; font-size:16px; line-height:44px;}
.babyser h2 .imgr{ float:right; margin:12px 0 0 0;}
.pz_SideLayerph{ display:none; float:left; width:100%; position:relative;}
.pz_SideLayerph::after{ float:left; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#e5e5e5; content:'';}
.pz_SideLayerph .l1{ float:left; width:33.33%;}
.pz_SideLayerph .l1 a{ float:left; width:100%; color:#333; font-size:14px; line-height:38px; cursor:pointer; border-bottom:1px solid #e5e5e5;}
.pz_SideLayerph .l1 a.active{ color:#025155;}

.pz_SideLayerph .l1 h3.active img.img3{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}
@media  screen and (max-width:767px){
.pz_SideLayerph .l1{ width:50%;}
}

/*pc*/
.in_SideLayer{ float:left; width:100%; text-align:center; height:71px; background:#fafafa; border-bottom:1px solid #dddddd;}
.in_SideLayer  .pz_SideLayer{ display:inline-block; *display:inline; *zoom:1; position:relative;}
.in_SideLayer .l1{ float:left; margin:0 30px; position:relative; z-index:6;}
.in_SideLayer .l1 a{ float:left;height:70px; line-height:70px; color:#626262; font-size:16px; padding:0 8px; position:relative;}
.in_SideLayer .l1 a::after{ float:left; width:0; height:3px; background:#025155; content:''; position:absolute; left:50%; bottom:0;oz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
.in_SideLayer .l1.on a,
.in_SideLayer .l1:hover a{color:#025155;}
.in_SideLayer .l1.on a::after,
.in_SideLayer .l1:hover a::after{ width:100%;}

@media  screen and (max-width:1429px){
.in_SideLayer{ height:61px;}	
.in_SideLayer .l1{ margin:0 12px;}
.in_SideLayer .l1 a{ height:60px; line-height:60px;}
.in_SideLayer .l1 a::after{ height:2px;}
}


/*案例鉴赏详细*/
.PastCases2{ float:left; width:100%; border:1px solid #e6e6e6; margin:5.5% 0 0 0; padding:2.28% 6.57% 5.57% 6.57%;}
.PastCases2 .tit{ float:left; width:100%; text-align:center; color:#323232; font-size:24px; line-height:34px;}
.PastCases2 .time{ float:left; width:100%; text-align:center; color:#979797; font-size:14px; line-height:24px; border-bottom:1px solid #e1e0e0; padding:15px 0 18px 0;}
.PastCases2 .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:36px; padding:33px 0 0 0;}
.PastCases2 .tab{ float:left; width:100%; margin:3.29% 0 0 0;}
.PastCases2 .big{ float:left; width:100%;}
.PastCases2 .big .slick-slide{ margin:0 5px;}
.PastCases2 .big span{ float:left; width:100%; position:absolute; left:0; bottom:0; background:#000; background:rgba(0,0,0,0.45); color:#fff; font-size:16px;   padding:12px 80px 12px 30px; line-height:26px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
.PastCases2 .big .slick-prev,
.PastCases2 .big .slick-next{ float:left; width:60px; height:100px; background:url(../images/case3.png) left center no-repeat; background-size:auto 100%; left:5px; top:50%; margin-top:-50px;}
.PastCases2 .big .slick-next{ left:auto; right:5px; background:url(../images/case3.png) right center no-repeat; background-size:auto 100%;}
.PastCases2 .big .slick-prev:hover{ background:url(../images/case2.png) left center no-repeat; background-size:auto 100%;}
.PastCases2 .big .slick-next:hover{ background:url(../images/case2.png) right center no-repeat; background-size:auto 100%;}
.PastCases2 .small{ float:left; width:100%; margin-top:15px;}
.PastCases2 .small .slick-slide{ margin:0 5px; cursor:pointer; position:relative;}
.PastCases2 .small .slick-slide::after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:'';}
.PastCases2 .small .slick-current::after{ border:2px solid #025155;}
.PastCases2 .number{ float:right; text-align:right; position:relative; top:0; margin-top:-50px; z-index:5; color:#fff; font-size:16px; line-height:26px; padding:12px 22px 12px 0; font-family:Arial; font-style:italic;}
.PastCases2 .number span{ color:#025155; padding-right:4px;}
.PastCases2 .number font{ padding-left:4px;}
@media screen and (max-width:1429px) {	
.PastCases2{ padding:31px 5% 32px 5%;}
}
@media screen and (max-width:1023px) {	
.PastCases2{ padding:15px 12px;}
.PastCases2 .tit{ font-size:17px; line-height:26px;}
.PastCases2 .time{ padding:4px 0 10px 0; line-height:22px;}
.PastCases2 .info{ font-size:14px; line-height:24px; padding:15px 0 0 0;}
.PastCases2 .tab{ margin:4% 0 0 0;}
.PastCases2 .big .slick-slide{ margin:0 2px;}
.PastCases2 .big span{ font-size:14px; padding:6px 50px 6px 12px; line-height:22px;}
.PastCases2 .big .slick-prev,
.PastCases2 .big .slick-next{ width:30px; height:50px; margin-top:-25px; left:2px;}
.PastCases2 .big .slick-next{ left:auto; right:2px;}
.PastCases2 .small{ margin-top:4px;}
.PastCases2 .small .slick-slide{ margin:0 2px;}
.PastCases2 .small .slick-current::after{ border:1px solid #018dd5;}
.PastCases2 .number{ font-size:14px; line-height:22px; padding:6px 12px 6px 0; margin-top:-34px;}
}
@media screen and (max-width:767px) {
.casesRelat li{ width:50%;}
}

.PastCases1{ float:left; width:100%; border:1px solid #e1e1e1; margin:30px 0 5.57% 0; padding:30px 3.57% 32px 3.57%; overflow:hidden;}
.OtherCasesTit{ float:left; width:100%; color:#025155; font-size:24px; line-height:24px;}
.OtherCases{ margin-top:0;}
.OtherCases ul{ margin:0 -18px;}
.OtherCases li{ margin-top:30px;}
@media  screen and (max-width:1429px){
.OtherCases ul{ margin:0 -10px;}
.OtherCases li{ padding:0 10px; margin-top:22px;}
}
@media  screen and (max-width:1023px){
.PastCases1{ padding:18px 12px;}	
.OtherCasesTit{ font-size:18px; line-height:18px;}	
.OtherCases{ margin-top:1%;}
.OtherCases ul{ margin:0 -6px;}
.OtherCases li{ padding:0 6px; margin-top:12px;}

}
@media  screen and (max-width:767px){
.OtherCases li{ width:100%;}
}

/*产品分类*/
.PorList{ float:left; width:100%; margin-top:1.64%;}
.PorList ul{ margin:0 -13px;}
.PorList li{ float:left; width:33.33%; padding:0 13px; margin-top:52px;}
.PorList li a{ float:left; width:100%; background:#f1f1f1; padding:8px; position:relative; overflow:hidden;}
.PorList li a .img{ float:left; width:100%; line-height:0; overflow:hidden;}
.PorList li a .tit1{ float:left; width:100%; text-align:center; color:#333333; font-size:16px; line-height:36px; margin:22px 0 18px 0;}
.PorList li a .info{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; background:#000; background:rgba(0,0,0,0.7); text-align:center; padding:0 12.44%; opacity:0; filter:alpha(opacity=00); -webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0);}
.PorList li a .info .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; margin:60px 0 14px 0;}
.PorList li a .info .p1{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px;}
.PorList li a .info .p2{ float:left; width:100%; color:#fff; font-size:14px; line-height:30px; height:150px; overflow:hidden; margin:16px 0 36px 0;}
.PorList li a .info .more{ float:left; width:100%;}
.PorList li a .info .more span{ display:block; margin:0 auto; width:158px; line-height:40px; border-radius:40px; background:#025155; color:#fff; font-size:16px; text-transform:uppercase; font-family:'Open Sans'; letter-spacing:1px;}
.PorList li a .info .more span:hover{ box-shadow:5px 5px 10px rgba(0,0,0,0.2);}

.PorList li a:hover .info{ opacity:1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
@media  screen and (max-width:1429px){
.PorList ul{ margin:0 -10px;}
.PorList li{ padding:0 10px; margin-top:26px;}
.PorList li a .info{ padding:0 6%;}
.PorList li a .info .tit2{ margin:30px 0 7px 0;}
.PorList li a .info .p2{ line-height:26px;height:130px; margin:8px 0 18px 0;}
.PorList li a .info .more span{ width:130px; line-height:32px; border-radius:32px; font-size:14px; }
}
@media  screen and (max-width:1023px){
.PorList ul{ margin:0 -6px;}
.PorList li{ padding:0 6px; margin-top:12px;}
.PorList li a .info .tit2{ font-size:16px; line-height:26px;}
.PorList li a .info .p1{ font-size:14px; line-height:24px;}
.PorList li a .info .p2{ height:78px; font-size:13px; line-height:22px; height:66px;}
.PorList li a .tit1{ margin:12px 0 10px 0;}
.PorList li a .info .more span{ width:120px; line-height:28px; border-radius:28px; font-size:13px; }
.PorList li a{ padding:6px;}
}
@media  screen and (max-width:767px){
.PorList li{ width:50%;}
.PorList li a .info .p2{ display:none;}
.PorList li a .info .more{ margin-top:15px;}
.PorList li a .tit1{ margin:2px 0 0 0; font-size:14px;}
}


/*产品详情*/
.Pastpor1{ float:left; width:100%; padding:4.07% 0 6.42% 0; overflow:hidden;}
.storeList{ float:left; width:100%; margin-top:1.64%;}
.storeList ul{ margin:0 -30px;}
.storeList li{ float:left; width:33.33%; padding:0 30px; margin-top:12px;}
.storeList .img{ float:left; width:100%; line-height:0; overflow:hidden; position:relative;}
.storeList .img::after{ opacity:0; filter:alpha(opacity=00); float:left; width:95.28%; height:95.28%; border:1px solid #fff; position:absolute; left:2.36%; top:2.36%; content:'';}
.storeList .img .ico{ opacity:0; filter:alpha(opacity=00); -webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0); float:left; width:42px; height:42px; position:absolute; left:50%; top:50%; margin:-21px 0 0 -21px;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.storeList .tit{ float:left; width:100%; color:#025155; font-size:18px; line-height:28px; margin:27px 0 13px 0;}
.storeList .info{ float:left; width:100%;}
.storeList .sp1{ float:left; margin-right:10px; background:#dddddd; color:#454b5a; font-size:14px; line-height:28px; padding:0 12px;}
.storeList  li a:hover .img .ico{ opacity:1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.storeList  li a:hover .img::after{ opacity:1; filter:alpha(opacity=100); }
@media  screen and (max-width:1429px){
.storeList ul{ margin:0 -15px;}
.storeList li{ padding:0 15px;}
}
@media  screen and (max-width:1023px){
.storeList ul{ margin:0 -6px;}
.storeList li{ padding:0 6px;}
.storeList .img .ico{ width:30px; height:30px; margin:-15px 0 0 -15px;}
.storeList .tit{ font-size:16px; line-height:26px; margin:10px 0 6px 0;}
.storeList .sp1{ margin-right:6px; font-size:12px; line-height:24px; padding:0 8px;}
}
@media  screen and (max-width:767px){
.storeList li{ width:100%;}
.storeList .tit{ margin:5px 0;}
}


/*产品详情*/
.sx_pag{ float:left; width:100%; padding:2.21% 3.57%;}
.sx_pag a{ float:left; width:48%; color:#666666; font-size:14px; line-height:24px;}
.sx_pag a:hover{ color:#025155;}
.sx_pag a.r_pag{ float:right; text-align:right;}
@media  screen and (max-width:767px){
.sx_pag a{ width:100%;}
.sx_pag a.r_pag{ float:left; text-align:left;}
}
.porTab{ float:left; width:100%; margin:3.64% 0 0 0; border:1px solid #d9d9d9; border-top:none;}
.porTab .hd{ float:left; width:100%; border-top:2px solid #025156; border-bottom:1px solid #d9d9d9;}
.porTab .hd  li{ float:left; color:#333333; font-size:14px; line-height:47px; padding:0 25px; border-right:1px solid #d9d9d9;}
.porTab .hd  li.on{ background:#025155; color:#fff;}
.porTab .bd{ float:left; width:100%; color:#333; font-size:14px; line-height:26px; padding:3.21% 3.57% 2.4% 3.57%;}
.porTab .img1{ float:left; width:100%; line-height:0; margin:5px 0;}
@media  screen and (max-width:1023px){
.porTab .hd  li{ line-height:36px; padding:0 15px;}
}
.porDet{ float:left; width:100%; margin-top:5.42%;}
.porDet .scroll{ float:left; width:45.35%;}
.porDet .scroll .big{ float:left; width:100%; padding:0 6px;}
.porDet .scroll .small{ float:left; width:100%; margin-top:14px;}
.porDet .scroll .small .slick-slide{ border:1px solid #e5e5e5; cursor:pointer; margin:0 6px;}
.porDet .scroll .small .slick-current{ border:1px solid #025155;}
.porDet .info{ float:right; width:49.1%; position:relative;}
.porDet .info .p1{ float:left; width:100%; color:#474747; font-size:28px; line-height:38px; margin:3.19% 0 8% 0; padding-right:100px;}
.porDet .info .p2{ float:left; width:100%; color:#474747; font-size:16px; line-height:26px;}
.porDet .info .p3{ float:left; width:100%; color:#666666; font-size:14px; line-height:30px; padding:2.76% 0 5.81% 0; border-bottom:1px dashed #cccccc; }
.porDet .info .p4{ float:left; width:100%; margin:4% 0 5.23% 0; position:relative; padding-left:69px;}
.porDet .info .p4 .sp1{ float:left; position:absolute; left:0; top:0; color:#666666; font-size:14px; line-height:28px;}
.porDet .info .p4 .sp2{ float:left; color:#454b5a; font-size:14px; line-height:28px; background:#dddddd; margin-right:10px; padding:0 12px;}
.porDet .info .p5{ float:left; width:100%; padding:8.13% 0 0 0;border-top:1px dashed #cccccc;}
.porDet .info .p5 a{ float:left; width:185px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; border-radius:2px; background:#025155;}
.porDet .info .p5 a:hover{ box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.bdshare1{ float:left; position:absolute; right:0; top:5.2%;}
.bdshare1 a{ margin:0 !important;-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
.bdshare1 a:hover{opacity:1 !important; filter:alpha(opacity=100) !important; }
.bdshare1 .bds_more{ background:url(../images/por11.png) center !important; width:89px !important; height:30px !important;}

@media  screen and (max-width:1429px){
.porDet .scroll{ width:50%;}
.porDet .scroll .big{ padding:0 3px;}
.porDet .scroll .small{ margin-top:8px;}
.porDet .scroll .small .slick-slide{ margin:0 3px;}
.porDet .info{ width:48%;}
.porDet .info .p1{ margin:1.6% 0 4% 0; font-size:20px; line-height:30px;}
.porDet .info .p3{ padding:1.4% 0 2.9% 0;}
.porDet .info .p5{ padding:4% 0 0 0;}
.porDet .info .p5 a{ width:120px;}
.bdshare1{ top:3.2%;}
}
@media  screen and (max-width:1023px){
.porDet .scroll{ width:100%;}
.porDet .info{ width:100%;}
.porDet .info .p1{ padding-right:0;}
.bdshare1{ display:none;}
}
@media  screen and (max-width:767px){
.porDet .info .p1{ margin:12px 0 2px 0; font-size:18px; line-height:26px;}	
.porDet .info .p2{ font-size:15px; line-height:24px;}
.porDet .info .p3{ padding:4px 0 15px 0; font-size:13px; line-height:24px;}
.porDet .info .p4{ margin:4% 0 5.23% 0; padding-left:60px;}
.porDet .info .p4 .sp1{ font-size:12px; line-height:24px;}
.porDet .info .p4 .sp2{ font-size:12px; line-height:24px; margin-right:6px; padding:0 8px;}
.porDet .info .p5 a{ width:100px; height:32px; line-height:32px; font-size:14px;}

}

/*常见问题*/
.probList{ float:left; width:100%; margin-top:5.07%;}
.probList li{ float:left; width:100%; margin-top:10px; border:1px solid #ebebeb;}
.probList .tit{ float:left; width:100%; position:relative; cursor:pointer;}
.probList .tit .p1{ float:left; width:100%; padding:16px 103px 16px 93px; color:#292929; font-size:16px; line-height:26px; background:url(../images/prob1.png) 36px 21px no-repeat; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.probList .tit .btn1{ float:left; position:absolute; right:0; top:0; background:#f4f4f4 url(../images/prob2.png) center no-repeat; width:58px; height:58px;}
.probList .tit.active .p1{ color:#025155;}
.probList .tit.active .btn1{ background:#025155 url(../images/prob3.png) center no-repeat;}
.probList .info{ display:none; float:left; width:100%; color:#797979; font-size:15px; line-height:30px; padding:0 103px 3.14% 93px;}
@media  screen and (max-width:1429px){
.probList .tit .p1{ font-size:15px; line-height:24px; padding:12px 70px 12px 44px; background:url(../images/prob1.png) 14px 18px no-repeat;}
.probList .tit .btn1{ width:48px; height:48px;}
.probList .info{ font-size:14px; line-height:26px; padding:0 70px 3.14% 44px;}
}
@media  screen and (max-width:767px){
.probList .info{ padding:0 12px 3.14% 40px;}

}


/*行业动态*/
.news_list1{ float:left; width:100%; overflow:hidden; padding-top:3.92%;}
.news_list1 li{ float:left; width:100%; background:#f7f7f7; margin-top:20px; padding:20px 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;
}
.news_list1 li a{ float:left; width:100%; position:relative;}
.news_list1 li .time{ float:left; position:absolute; left:0; top:0; width:186px; height:156px; text-align:center; border-right:1px solid #e0e0e0;-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;}
.news_list1 li .time time{ float:left; width:100%; color:#c2c2c2; font-size:72px; line-height:72px; font-family:Arial; font-weight:bold; margin:27px 0 3px 0;}
.news_list1 li .time span{ float:left; width:100%; color:#4c4c4c; font-size:20px; line-height:20px; font-family:Arial;}
.news_list1 li .img{ float:left; width:205px; height:136px; line-height:0; overflow:hidden; position:absolute; left:235px; top:10px;}
.news_list1 li .img img{
-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.news_list1 li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.news_list1 li .text{ float:left; width:100%; padding:0 40px 0 470px; min-height:156px;}
.news_list1 li .text h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:15px 0;}
.news_list1 li .text p{ float:left; width:100%; color:#666666; font-size:14px; line-height:26px; height:78px; 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;
}
.news_list1 li .text time{ display:none;}

.news_list1 li:hover{ background:#025155;}
.news_list1 li:hover .text h5{ color:#fff;}
.news_list1 li:hover .text p{ color:#fff;}
.news_list1 li:hover .time{border-right:1px solid #fff;}
.news_list1 li:hover .time time{ color:#fff;}
.news_list1 li:hover .time span{ color:#fff;}

@media  screen and (max-width:1429px){
.news_list1 li{ margin-top:15px; padding:15px 0;}
.news_list1 li .time{ width:130px; height:106px;}
.news_list1 li .time time{ font-size:54px; line-height:54px; margin:14px 0 3px 0;}
.news_list1 li .time span{ font-size:14px; line-height:14px;}
.news_list1 li .img{ float:left; width:146px; height:86px; left:155px;}
.news_list1 li .text{ padding:0 15px 0 320px; min-height:86px;}
.news_list1 li .text h5{ font-size:16px; line-height:24px; margin:8px 0;}
.news_list1 li .text p{ line-height:22px; height:66px;}
}
@media  screen and (max-width:767px){
.news_list1 li{ margin-top:12px; padding:12px 0;}
.news_list1 li .time{ display:none;}
.news_list1 li .img{ left:12px; width:120px; height:80px; top:0;}
.news_list1 li .text{ padding:0 12px 0 144px; min-height:80px;}
.news_list1 li .text h5{ font-size:16px; line-height:24px; margin:0 0 2px 0;}
.news_list1 li .text p{ font-size:12px; line-height:18px; height:36px;}
.news_list1 li .text time{ display:block; float:left; width:100%; color:#c2c2c2; font-size:12px; line-height:18px; }
}


/*行业动态详细*/
.news_det{ float:left; width:100%; margin:5.5% 0 4.71% 0;}
.news_det .l1{ float:left; width:100%; text-align:center; color:#333333; font-size:24px; line-height:34px;}
.news_det .l2{ float:left; width:100%;  margin-top:1.78%; border-bottom:1px solid #d7d8d8;  border-top:1px solid #d7d8d8; padding:9px 0;}
.news_det .l2 p{ float:left; color:#888888; font-size:14px; line-height:34px;}
.news_det .l2 .but1{ float:right; color:#777777; font-size:14px; line-height:34px; background:url(../images/news_but.png) right center no-repeat; padding-right:49px;}
.news_det .l2 .but1:hover{ color:#025155;}
.news_det .l3{ float:left; width:100%; color:#333333; font-size:18px; line-height:35px; padding:3.64% 0 2.71% 0;}

.sy_fy{ float:left; width:100%; margin-top:3.5%; padding:1.42% 0; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; position:relative;}
.sy_fy::after{ float:left; width:1px; height:100%; position:absolute; left:50%; top:0; content:''; background:#dbdbdb;}
.sy_fy a{ float:left; width:48%; color:#666666; font-size:14px; line-height:22px;}
.sy_fy a.r_fy{ float:right; text-align:right;}
.sy_fy a:hover{ color:#025155;}

.main_2{ width:100%; float:left; margin-top:2.57%;}
.main_2 .title{ width:100%; float:left; font-size:18px; color:#025155; line-height:28px;}
.main_2 ul{ width:100%; float:left; margin-top:1.5%;}
.main_2 ul li{ width:48.75%; float:left; border-bottom:solid 1px #d7d8d8;}
.main_2 ul li a{ float:left; width:100%; position:relative; padding-right:90px;}
.main_2 ul li h5{ float:left; width:100%; font-size:14px; color:#333333; line-height:38px;}
.main_2 ul li .time{ float:left; font-size:14px; line-height:41px; color:#777777; position:absolute; right:0; top:0;}
.main_2 ul li:hover h5{ color:#025155;}
.main_2 ul li:hover .time{ color:#025155;}


.bdshar2{ float:left; width:100%; text-align:center; height:36px;}
.bdshar_2{ display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.bdshar_2 a,
.bdshar_2 .bds_more{ width:36px !important; height:36px !important; margin:0 8px !important; padding:0 !important;}
.bdshar_2 .bds_weixin{ background:url(../images/news1_3.png) 0 0 no-repeat !important;}
.bdshar_2 .bds_tsina{ background:url(../images/news1_4.png) 0 0 no-repeat !important;}
.bdshar_2 .bds_qzone{ background:url(../images/news1_5.png) 0 0 no-repeat !important;}

@media  screen and (max-width:1023px){
.news_det{ margin:20px 0 30px 0;}
.news_det .l1{ font-size:18px; line-height:28px; }
.news_det .l2{ padding:6px 0; font-size:12px; line-height:22px; margin-top:12px;}
.news_det .l3{ line-height:26px;}

.sy_fy{ margin-top:15px;}
.sy_fy a{ width:100%;}
.sy_fy::after{ display:none;}
.sy_fy a.r_fy{ float:left; text-align:left;}
.bdshar2{ display:none;}
}
@media  screen and (max-width:767px){
.news_det .l1{ font-size:16px; line-height:24px; }	
.news_det .l2 p{ width:100%; line-height:16px; font-size:12px; margin-top:5px;}
.news_det .l2 .but1{ float:left; background-size:25px 22px; padding-right:32px; font-size:12px;}

.main_2 ul li{ width:100%;}
.main_2 ul li h5{ line-height:36px;}
.main_2 ul li .time{ line-height:36px;}

}


/*企业资质*/
.EntQuaList{ float:left; width:100%; margin-top:3.42%;}
.EntQuaList ul{ margin:0 -27px;}
.EntQuaList li{ float:left; width:25%; padding:0 27px; margin-top:28px;}
.EntQuaList .img{ float:left; width:100%; line-height:0; overflow:hidden; background:#f2f2f2; padding:9px;}
.EntQuaList .info{ float:left; width:100%; color:#222222; font-size:16px; line-height:24px; margin-top:28px; text-align:center;}
.EntQuaList li a:hover .info{ color:#025155;}
@media  screen and (max-width:1429px){
.EntQuaList ul{ margin:0 -13px;}
.EntQuaList li{ padding:0 13px; margin-top:15px;}
.EntQuaList .img{ padding:4px;}
.EntQuaList .info{ font-size:14px; margin-top:15px;}
}
@media  screen and (max-width:1023px){
.EntQuaList ul{ margin:0 -6px;}
.EntQuaList li{ padding:0 6px; margin-top:12px;}
.EntQuaList .info{ margin-top:12px;}
}
@media  screen and (max-width:767px){
.EntQuaList ul{ margin:0 -4px;}
.EntQuaList li{ padding:0 4px; margin-top:6px;}
.EntQuaList .info{ margin-top:6px;}	
.EntQuaList li{ width:50%;}
}

/*企业详情*/
.EntQuaPop{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:106; background:#000; background:rgba(0,0,0,0.8);}
.EntQuaPop .PopBox{ float:left; width:800px; position:absolute; left:50%; top:50%; margin:-250px 0 0 -400px; padding:10px; background:#fff;}
.EntQuaPop .PopBox .img{ float:left; width:100%; line-height:0;}
.EntQuaPop .PopBox .btn1{ float:left; width:32px; height:32px; position:absolute; right:-16px; top:-16px; background:#025155 url(../images/main19.png) center no-repeat; border-radius:50%; transform:rotate(45deg);}

@media  screen and (max-width:1023px){
.EntQuaPop .PopBox{ width:80%; left:10%; top:15%; margin:0; padding:5px; }
.EntQuaPop .PopBox .btn1{ width:26px; height:26px; right:-13px; top:-13px; }
}

/*联系我们*/
.Contact_1{ float:left; width:100%; padding:5.21% 0 5.71% 0;}
.bdmap{ float:right; width:54.78%; height:698px; }
.contact_tx{ float:left; width:40.71%;}
.contact_tx .l2{ float:left; width:100%; color:#333333; font-size:28px; line-height:38px;}
.contact_tx .l3{ float:left; width:100%; color:#333333; font-size:14px; line-height:22px; font-family:Arial; text-transform:uppercase; margin:8px 0 28px 0;}
.contact_tx .tx2{ float:left; width:100%;border-top:1px dashed #999999; border-bottom:1px dashed #999999; padding:23px 0 30px 0;}
.contact_tx .tx2 .p1{ float:left; width:100%; color:#333333; font-size:16px; line-height:34px; padding-left:37px;}
.contact_tx .tx2 .p1 a{ color:#333333}
.contact_tx .tx2 .p1.ico1{ background:url(../images/ab10.png) left 7px no-repeat;}
.contact_tx .tx2 .p1.ico2{ background:url(../images/ab11.png) left 7px no-repeat;}
.contact_tx .tx2 .p1.ico3{ background:url(../images/ab12.png) left 7px no-repeat;}
.contact_tx .tx2 .p1 span{ font-size:18px;}
.contact_tx .tx3{ float:left; width:100%; margin-top:32px; position:relative;}
.contact_tx .tx3 i{ float:left; border:1px solid #dbdbdb; padding:7px; background:#fff; width:140px; line-height:0;}
.contact_tx .tx3 .er{ float:left;color:#aabdd9; font-size:14px; line-height:30px; margin:60px 0 0 19px;}
.contact_tx .tx3 .er .sp1{ display:block; color:#3a3a3a; font-size:16px; line-height:26px;}
.contact_tx .tx3 .er .sp2{ display:block; color:#464646; font-size:12px; line-height:22px; margin:4px 0;}
.contact_tx .tx3 .er .sp3{ display:block; color:#999999; font-size:12px; line-height:22px;}

@media  screen and (max-width:1429px){
.contact_tx .l2{ font-size:22px; line-height:32px;}	
.contact_tx .l3{ margin:4px 0 14px 0; font-size:12px; line-height:20px;}
.contact_tx .tx2{ padding:15px 0 20px 0;}
.contact_tx .tx2 .p1{ font-size:14px; line-height:30px; padding-left:30px;}
.contact_tx .tx3{ margin-top:20px;}
.contact_tx .tx3 i{ width:120px;}
.contact_tx .tx3 .er{ margin:26px 0 0 15px; width:160px;}
.contact_tx .tx3 .er .sp2{ margin:0;}
.bdmap{ height:578px;}
}
@media  screen and (max-width:1023px){
.bdmap{ width:100%; margin-top:15px; height:300px;}
.contact_tx{ width:100%;}
.contact_tx .l2{ font-size:18px; line-height:28px;}
.contact_tx .l3{ margin:2px 0 10px 0;}
.contact_tx .tx2{ padding:15px 0;}
.contact_tx .tx2 .p1{ font-size:14px; padding-left:30px;}
.contact_tx .tx2 .p1 .sp{ font-size:16px;}
.contact_tx .tx3{ margin-top:15px;}


}

/*关于我们*/
.about1{ float:left; width:100%; margin:5.28% 0; background:#f6f6f6; position:relative;}
.about1 .img1{ float:left; width:50%; height:100%; position:absolute; left:0; top:0;}
.about1 .img1 .bg{ float:left; width:178px; height:100%; position:absolute; left:0; top:0; z-index:6; background:#025155;opacity:0.6; filter:alpha(opacity=60);}
.about1 .img1 .tit{ float:left; color:#fff; font-size:14px; line-height:14px; text-transform:uppercase; font-family:Arial; position:absolute; left:-30px; top:80px; z-index:8;  transform:rotate(90deg);}
.about1 .img1 .add{ float:left; width:158px; border-top:1px solid #fff; position:absolute; left:10px; bottom:12%; z-index:8;padding-top:20px;}
.about1 .img1 .add span{ float:left; color:#fff; font-size:14px; line-height:20px; padding-left:23px; background:url(../images/about1.png) left center no-repeat; text-transform:uppercase; margin-left:4px;}
.about1 .info{ float:right; width:50%; padding:2.85%;}
.about1 .info .p1{ float:left; width:100%; color:#025155; font-weight:bold; font-size:24px; line-height:34px;}
.about1 .info .p2{ float:left; width:100%; color:#686a6a; font-size:14px; line-height:30px; margin-top:24px;}
@media  screen and (max-width:1429px){
.about1 .img1 .bg{ width:138px;}
.about1 .img1 .tit{ left:-40px; top:70px;}	
.about1 .img1 .add{ width:118px; bottom:8%; padding-top:10px;}	
.about1 .img1 .add span{ padding-left:16px;}
.about1 .info .p1{ font-size:18px; line-height:28px;}
.about1 .info .p2{ line-height:26px; margin-top:8px;}
}
@media  screen and (max-width:1023px){
.about1{ margin:6% 0;}	
.about1 .img1{ position:relative; width:100%;}
.about1 .img1 .bg{ width:110px;}
.about1 .img1 .add{ width:98px; left:6px; bottom:12px; padding-top:5px;}
.about1 .img1 .tit{ font-size:12px; left:-40px; top:55px;}
.about1 .img1 .add span{ font-size:12px;}
.about1 .info{ width:100%;}

}

.aboutBg2{ float:left; width:100%; background:url(../images/about3.jpg) center repeat; padding:3.125% 0 3.75% 0; overflow:hidden;}
.aboutTit{ float:left; width:100%; text-align:center;}
.aboutTit .en{ float:left; width:100%; color:#323232; font-size:28px; line-height:28px; letter-spacing:1px; text-transform:uppercase; font-family:Arial; font-weight:bold;}
.aboutTit .zh{ float:left; width:100%; color:#333333; font-size:21px; line-height:21px; position:relative; padding:12px 0 19px 0;}
.aboutTit .zh::after{ float:left; width:60px; height:2px; position:absolute; left:50%; bottom:0; content:''; background:#025155; margin-left:-30px;}
@media  screen and (max-width:1023px){
.aboutTit .en{ font-size:20px; line-height:20px;}
.aboutTit .zh{ font-size:16px; line-height:16px; padding:4px 0 12px 0;}
.aboutTit .zh::after{ width:40px; height:2px; margin-left:-20px;}

}
.about4{ float:left; width:100%; margin:3.42% 0 0 0;  position:relative;}
.about4 .ul1{ float:left; width:100%; position:relative; z-index:6; background:url(../images/xb33.png) top center no-repeat; background-size:83.57% auto; padding:0 100px;}
.about4 li{ float:left; width:25%; padding:0 30px;}
.about4 li .li1{ float:left; width:100%; min-height:184px; position:relative; z-index:5;}
.about4 li .li1_1{ float:left; width:100%; color:#317073; font-size:16px; line-height:26px; font-weight:bold; margin:10px 0 3px 0;}
.about4 li .li1_2{ float:left; width:100%; color:#555555; font-size:14px; line-height:24px; }
.about4 li .li2{ float:left; width:100%;}
.about4 li .li2 span{ float:left; width:100px; height:100px; font-family:Arial; font-weight:bold; color:#fff; font-size:24px; line-height:100px; text-align:center}
.about4 li .li3{ float:left; width:210px; background:#317073; margin-top:40px; margin-left:-15px; box-shadow:0 0 12px rgba(171,171,171,0.38);}
.about4 li .li3:hover{ box-shadow:5px -5px 10px rgba(0,0,0,0.15);}
.about4 li .li3_1{ float:left; width:100%; padding:10px; line-height:0;}
.about4 li .li3_2{ float:left; width:100%; margin:5px 0 15px 0; color:#fff; font-size:16px; line-height:28px; text-align:center;}


.about4 li.ln1,
.about4 li.ln3{ margin-top:38px;}
.about4 li.ln4{ margin-top:70px;}
.about4 li.ln1 .li1{ padding-left:26px;}
.about4 li.ln2 .li1{ padding-left:40px;}
.about4 li.ln3 .li1{ padding-left:34px;}
.about4 li.ln4 .li1{ padding-left:38px;}
.about4 li.ln4 .li3{ margin-top:8px;}
.about4 li.ln1 .li2 span{ margin-left:28px;}
.about4 li.ln3 .li2 span{ margin-left:34px;}
.about4 li.ln2 .li2 span{ margin-left:41px;}
.about4 li.ln4 .li2 span{ margin-left:41px;}

.about4 .slick-prev,
.about4 .slick-next{ float:left; width:55px; height:110px; background:url(../images/xb41.png) left center no-repeat; background-size:auto 100%; position:absolute; left:0; top:50%; margin-top:-55px; cursor:pointer;opacity:0.8; filter:alpha(opacity=80);}
.about4 .slick-next{ background:url(../images/xb41.png) right center no-repeat; background-size:auto 100%; left:auto; right:0;}
.about4 .slick-prev:hover{ background:url(../images/xb41_1.png) left center no-repeat; background-size:auto 100%;}
.about4 .slick-next:hover{ background:url(../images/xb41_1.png) right center no-repeat; background-size:auto 100%;}
@media  screen and (max-width:1429px){
.about4 .ul1{ padding:0 66px;}	
.about4 li{ padding:0 0 0 15px;}
.about4 li .li3{ width:170px; margin-left:0;}
.about4 li .li3_1{ padding:6px;}
.about4 li .li3_2{ margin:4px 0 10px 0;}
.about4 li .li1_2{ font-size:12px; line-height:18px;}
.about4 li .li1_1{ margin:5px 0 0 0; font-size:14px; line-height:22px;}
.about4 li .li1{ min-height:130px;}
.about4 li .li2 span{ width:70px; height:70px; line-height:70px; font-size:18px;}

.about4 li.ln1,
.about4 li.ln3{ margin-top:27px;}
.about4 li.ln4{ margin-top:50px;}
.about4 li.ln1 .li1{ padding-left:30px;}
.about4 li.ln2 .li1{ padding-left:38px;}
.about4 li.ln3 .li1{ padding-left:32px;}
.about4 li.ln4 .li1{ padding-left:34px;}
.about4 li.ln4 .li3{ margin-top:8px;}
.about4 li.ln1 .li2 span{ margin-left:31px;}
.about4 li.ln3 .li2 span{ margin-left:30px;}
.about4 li.ln2 .li2 span{ margin-left:39px;}
.about4 li.ln4 .li2 span{ margin-left:32px;}

.about4 .slick-prev,
.about4 .slick-next{ float:left; width:30px; height:60px; margin-top:-30px;}

}
@media  screen and (max-width:1023px){
.aboutBg2{ padding:6% 0;}	
.about4{ padding:0 60px;}
.about4 li{ padding:0;}	
.about4 li .li1{ float:right; width:94%; min-height:auto; background:url(images/xb40.png) left top no-repeat; background-size:13px auto; padding-bottom:30px;}
.about4 li .li2{ position:relative; margin-top:-20px;}
.about4 li .li2 span{ background:url(../images/xb34.png) center no-repeat; background-size:100% 100%; position:relative; z-index:66;}
.about4 li .li2::after{ float:left; width:100%; height:1px; background:#327174; position:absolute; left:0; top:50%; content:''; z-index:33;}
.about4 li .li3{ width:160px; margin-top:10px; margin-left:5px;}
.about4 li .li3_2{ font-size:14px; line-height:22px; margin:0 0 6px 0;}

.about4 li.ln1,
.about4 li.ln3{ margin-top:0;}
.about4 li.ln4{ margin-top:0;}
.about4 li.ln1 .li2 span,
.about4 li.ln3 .li2 span,

.about4 li.ln2 .li2 span,
.about4 li.ln4 .li2 span{ margin-left:5px;}
.about4 li.ln1 .li1,
.about4 li.ln2 .li1,
.about4 li.ln3 .li1,
.about4 li.ln4 .li1{ padding-left:18px;}


}

@media  screen and (max-width:767px){
.about4{ padding:0;}
.about4 li .li2 span{ font-size:16px;}
.about4 li .li3{ width:140px;}
.about4 .slick-prev,
.about4 .slick-next{ width:20px; height:40px; margin-top:-70px; left:-15px;}
.about4 .slick-next{ left:auto; right:-15px;}
}




.aboutBg3{ float:left; width:100%; padding:3.54% 0 3.64% 0; overflow:hidden;}
.about3{ float:left; width:100%; margin-top:4.21%;}
.about3 ul{ margin:0 -6px;}
.about3 .slick-slide{ margin:0 6px; text-align:center;}
.about3 .img{ float:left; width:100%;}
.about3 .img .ico{ display:block; margin:0 auto; width:208px; height:208px; position:relative; border-radius:50%; overflow:hidden;}
.about3 .img .ico::after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; border-radius:50%;
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;
}
.about3 .tit{ float:left; width:100%; color:#222121; font-size:18px; line-height:28px; margin:22px 0 1px 0;}
.about3 .info{ float:left; width:100%; color:#616161; font-size:14px; line-height:24px;}
.about3 .l1:hover .img .ico::after{ border:5px solid #025155;}
.about3 .slick-dots{ position:static; height:6px; margin-top:3.71%;}
.about3 .slick-dots li{ margin:0 5px; width:70px; height:6px; background:#c6c5c5; vertical-align:top; text-indent:-999px; overflow:hidden;}
.about3 .slick-dots li.slick-active{ background:#025155;}
@media  screen and (max-width:1429px){
.about3 .img .ico{ width:140px; height:140px;}
.about3 .l1:hover .img .ico::after{ border:3px solid #025155;}
.about3 .tit{ font-size:16px; line-height:24px; margin:12px 0 0 0;}
.about3 .slick-dots li{ margin:0 5px; width:46px; height:4px;}
}
@media  screen and (max-width:1023px){
.aboutBg3{ padding:6% 0;}	
.about3 .img .ico{ width:120px; height:120px;}	
.about3 .slick-dots li{ margin:0 3px; width:24px; height:2px;}
}

/*贝壳粉*/
.caseTit{ float: left; width: 100%; margin-top: 90px;}
.caseTit h1{float: left; width: 100%; text-align: center; color:#025155; font-size:45px; font-weight: bold; line-height: 60px;}
.caseTit .casePs{ float: left; width: 100%; display: block; text-align: center; margin-top: 14px;}
.caseTit .casePs span{display: inline-block; font-size:26px; color:#ffffff; line-height: 42px; padding: 0 40px; letter-spacing:5px; background: #025155; border-radius:21px;-moz-border-radius:21px;-webkit-border-radius:21px;}
.aboutCaseBox{ float: left; width: 100%; padding: 58px 0 90px 0}
.aboutCaseBox .leftCaseBox{float: left; width: 63%;}
.aboutCaseBox .leftCaseBox h1{ float:left; width: 100%; color:#025155; font-size:30px; line-height: 45px;font-weight: bold;}
.aboutCaseBox .leftCaseBox h1 span{color:#ef631e}
.aboutCaseBox .leftCaseBox h6{ float: left; width: 100%; color:#888888; font-size:14px; font-family: Arial; line-height: 24px; letter-spacing: 0.3px;}
.aboutCaseBox .aboutCaseText{ float: left; width: 100%; color:#333333; font-size:15px; line-height: 30px; margin-top: 20px;}
.aboutCaseBox .aboutCaseText b{display: block; font-size:18px; color:#025155; line-height: 30px; margin-top: 15px;padding-bottom: 8px;}

.aboutCaseBox .rightCaseBox{ float: right; width: 31%; margin-top: 23px;}

@media  screen and (max-width:1429px){
	.caseTit{ margin-top: 70px;}
	.caseTit h1{ font-size:40px; line-height: 40px;}
	.caseTit .casePs span{ font-size:22px; line-height: 38px;}
	.aboutCaseBox{ padding: 45px 0 70px 0;}
	.aboutCaseBox .leftCaseBox h1{ font-size:25px; line-height: 38px;}
	.aboutCaseBox .aboutCaseText{ font-size:14px; line-height: 28px; margin-top: 15px; padding-bottom: 5px;}
	.aboutCaseBox .aboutCaseText b{font-size:16px; margin-top: 10px;}
	.aboutCaseBox .rightCaseBox{ width: 34%; margin-top: 100px;}
}
@media  screen and (max-width:1023px){
	.caseTit{ margin-top: 50px;}
	.caseTit h1{ font-size:32px; line-height: 32px;}
	.caseTit .casePs{ margin-top: 10px;}
	.caseTit .casePs span{ font-size:18px; line-height: 32px; padding: 0 25px;}
	.aboutCaseBox{ padding: 20px 0 50px 0;}
	.aboutCaseBox .leftCaseBox{ width: 100%;}
	.aboutCaseBox .leftCaseBox h1{ font-size: 20px;line-height: 28px;}
	.aboutCaseBox .leftCaseBox h6{ font-size:12px;line-height: 18px;}
	.aboutCaseBox .aboutCaseText{ margin-top:8px;  line-height: 24px;}
	.aboutCaseBox .rightCaseBox{ position: relative; margin-top: 0;}
	.aboutCaseBox .rightCaseBox img{ position: absolute; top:150px;}
}
@media  screen and (max-width:767px){
	.caseTit{ margin-top:7%;}
	.caseTit h1{ font-size:24px; line-height: 26px;}
	.caseTit .casePs{ margin-top: 5px;}
	.caseTit .casePs span{ font-size:14px; line-height: 24px;}
	.aboutCaseBox{ padding: 15px 0 6% 0;}
	.aboutCaseBox .leftCaseBox{ margin-top: 10px;}
	.aboutCaseBox .leftCaseBox h1{ font-size:18px;}
	.aboutCaseBox .rightCaseBox{ position: inherit; width: 100%; margin-top:0; text-align: center;}
	.aboutCaseBox .rightCaseBox img{ position: inherit; bottom:0; width:60%;}
}
/**/
.background1{ float:left; width: 100%; }
.caseAdvantage{ float: left; width: 100%; padding: 45px 0 60px 0;}
.caseAdvantageTit{ float: left; width: 100%; text-align: center; display: block;}
.caseAdvantageTit h3{display: inline-block; position: relative; color:#ffffff; font-size:36px; line-height: 60px;font-weight: bold; padding: 0 65px;}
.caseAdvantageTit h3::after,
.caseAdvantageTit h3:after{content: ''; position: absolute; width: 230px; height: 7px; top:26px; left: -230px; background: url("images/xija3.png") no-repeat center left;}
.caseAdvantageTit h3::before,
.caseAdvantageTit h3:before{content: ''; position: absolute; width: 230px; height: 7px; top:26px; right:-230px; background: url("images/xija4.png") no-repeat center left;}
.caseAdvantageList{ float:left; width: 100%;}
.caseAdvantageList ul{ float:left; width: 100%;}
.caseAdvantageList ul li{ float: left; width:20%; }
.caseAdvantageList ul li .caseAdvantageInfor{ float: left; padding:25px 22.5% 0 22.5%;  width: 100%; overflow: hidden;}
.caseAdvantageList ul li .caseAdvantageInfor span{ float: left; display: table; width: 100%; height:154px; padding: 0 24px; text-align: center; background: #d0dedf; color:#1d1d1d; font-size:15px; line-height: 20px; overflow: hidden; border-radius:150px; position:relative;-moz-border-radius:150px;-webkit-border-radius:150px;}
.caseAdvantageList ul li .caseAdvantageInfor span em{display: table-cell; vertical-align: middle;}
.caseAdvantageList ul li .caseAdvantageInfor span i{ position: absolute; left: 50%; text-align:center;margin-left: -17px; bottom:8px; color:#025155; font-size:26px; font-weight: bold; font-style:normal;}
@media  screen and (max-width:1429px){
	.caseAdvantage{ padding: 35px 0 50px 0;}
	.caseAdvantageTit h3{ font-size:32px; line-height: 45px;}
	.caseAdvantageTit h3::before,
	.caseAdvantageTit h3:before{ top:19px;}
	.caseAdvantageTit h3::after,
	.caseAdvantageTit h3:after{ top:19px;}
	.caseAdvantageList ul li .caseAdvantageInfor{padding: 25px 11% 0 11%;}
	.caseAdvantageList ul li .caseAdvantageInfor span{ font-size:14px; line-height: 24px;}
}
@media  screen and (max-width:1023px){
	.caseAdvantageTit h3{ font-size:24px; padding: 0 45px;}
	.caseAdvantage{ padding: 30px 0 40px 0;}
	.caseAdvantageList ul li .caseAdvantageInfor{ padding: 20px 8% 0 8%;}
	.caseAdvantageList ul li .caseAdvantageInfor span{ padding:0 15px;}
	.caseAdvantageList ul li .caseAdvantageInfor span i{ font-size:24px; margin-left: -14px;}
}
@media  screen and (max-width:767px){
	.caseAdvantage{ padding: 15px 0 6% 0;}
	.caseAdvantageTit h3{ font-size:18px; padding: 0 20px;}
	.caseAdvantageList ul li{ width: 100%;}
	.caseAdvantageList ul li .caseAdvantageInfor{ padding: 10px 0 0 0;}
	.caseAdvantageList ul li .caseAdvantageInfor span{ height: auto; min-height: 50px; line-height:20px; padding: 10px 15px 10px 55px;}
	.caseAdvantageList ul li .caseAdvantageInfor span em{ text-align: left;}
	.caseAdvantageList ul li .caseAdvantageInfor span i{ width: 40px; height: 40px; left: 5px; top:50%; margin-top: -20px;bottom:auto; background: #025155;color:#fff; margin-left: 0; border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px; font-size:18px; line-height: 40px;}
}
/*加盟*/
.caseJoin{ float: left; width: 100%; padding: 64px 0 100px 0;}
.caseJoinBox{ float:left; width: 100%; background: #fafafa;}
.caseJoin .caseJoinLeft{ float: left; width: 45.2%; font-size:0; line-height: 0;}
.caseJoin .caseJoinRight{ float:left; width: 54.8%; padding: 25px 45px 25px 70px; font-size:15px; color:#4c4c4c; line-height: 26px;}
.caseJoinBox .shouqi,
.caseJoinBox .zhankai{display: none;}

@media  screen and (max-width:1429px){
	.caseJoin{ padding: 45px 0 70px 0;}
	.caseJoin .caseJoinRight{ font-size:14px; line-height: 24px; padding: 20px 30px 20px 40px; height: 332px; overflow-y: auto;}
}
@media  screen and (max-width:1023px){
	.caseJoin{ padding: 30px 0 50px 0;}
	.caseJoin .caseJoinRight{ height: 246px; padding: 20px;}
}
@media  screen and (max-width:767px){
	.caseJoin{ padding: 20px 0 6% 0;position: relative;}
	.caseJoinBox{ padding-bottom:30px;}
	.caseJoin .caseJoinLeft{ width: 100%;}
	.caseJoin .caseJoinLeft img{ width: 100%;}
	.caseJoin .caseJoinRight{ width: 100%; padding:15px;height: 350px; overflow: hidden;}
	.caseJoin .caseJoinRight.on{ height: auto;}
	.caseJoinBox .shouqi,
	.caseJoinBox .zhankai{ float:left; display: block; position:absolute; right:20px; bottom:40px;color:#025155; font-size:12px; height:20px; line-height:20px; padding-right:17px; cursor:pointer; background:url(images/xija5.png) right center no-repeat;}
	.caseJoinBox .shouqi{ display:none;}
	.caseJoinBox .zhankai{ background:url(../images/xija6.png) right center no-repeat;}
}
/**/
.background2{ float: left; width: 100%; }
.caseVsBox{ float: left; width: 100%; padding: 52px 0 90px 0;}
.caseVsBox .caseVsList{ float: left; width: 38.4%;}
.caseVsBox .caseVsList .caseVsImg{ float: left; width: 100%; font-size:0; line-height: 0;}
.caseVsBox .caseVsList .caseVsText{ float: left; width: 100%; height: 315px; background: #ffffff; padding: 22px 25px 27px 25px;}
.caseVsBox .caseVsList .caseVsText.on{ background: #025155}
.caseVsBox .caseVsList .caseVsText h3{ float: left; width: 100%; text-align: center; color:#000000; font-weight: bold; line-height: 50px;}
.caseVsBox .caseVsList .caseVsText .textVs{ float: left; width: 100%; font-size:15px; line-height: 24px;color:#4d4d4d;}
.caseVsBox .caseVsList .caseVsText.on .textVs,
.caseVsBox .caseVsList .caseVsText.on h3{color:#fff;}
.caseVsImgvs{ float: left; width: 23.2%; text-align: center; display: table; height: 510px; line-height: 510px;}
.caseVsImgvs img{vertical-align: middle; margin-top: -20px;}
@media  screen and (max-width:1429px){
	.caseVsBox{padding: 45px 0 70px 0;}
	.caseVsBox .caseVsList .caseVsText{ padding-top:15px; height: 360px;}
	.caseVsBox .caseVsList .caseVsText h3{ font-size:18px; line-height:40px;}
	.caseVsBox .caseVsList .caseVsText .textVs{ font-size:14px;}
}
@media  screen and (max-width:1023px){
	.caseVsBox{ padding: 30px 0 50px 0;}
	.caseVsBox .caseVsList{ width: 100%;}
	.caseVsBox .caseVsList .caseVsText{ height: auto; padding:10px 20px 15px 20px;}
	.caseVsImgvs{ width: 100%; height: auto; line-height: 160px;}
	.caseVsImgvs img{ width: 104px; height: 135px; margin-top: 0;}
}
@media  screen and (max-width:767px){
	.caseVsBox{ padding:20px 0 6% 0;}
	.caseVsBox .caseVsList .caseVsText h3{ font-size:16px; line-height: 30px;}
	.caseVsBox .caseVsList .caseVsText{padding: 10px 15px;}
	.caseVsImgvs{ height: 120px;line-height:120px;}
	.caseVsImgvs img{ width: 77px; height: 99px; margin-top: -4px;}
}
/**/
.casePro{ float: left; width: 100%; overflow: hidden; padding-top:52px;}
.casePro ul{ float: left; width: 103.56%; margin-left: -1.78%;}
.casePro ul li{float: left; width:33.333333%; padding: 0 1.72%;}
.casePro ul li .caseProBox{ float: left; width: 100%; cursor: pointer;}
.casePro ul li .caseProBox .caseProImg{ float: left; width: 100%; font-size:0; line-height: 0; overflow: hidden;}
.casePro ul li .caseProBox .caseProImg img{ width: 100%;
	transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
}
.casePro ul li .caseProBox .caseProText{ float: left; width: 100%; background: #dfdfdf; padding: 18px 34px 35px 34px; text-align: center; font-size:16px; line-height: 28px; color:#3c3c3c; height:256px;position: relative;
	transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;}
.casePro ul li .caseProBox .caseProText h4{ float: left; width: 100%; color:#025155; font-size:24px; font-weight: bold; position: relative;line-height: 70px;
	transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
}
.casePro ul li .caseProBox .caseProText h4::after,
.casePro ul li .caseProBox .caseProText h4:after{ position: absolute; content: ''; width: 54px; height: 2px; background: #025155; left: 50%; margin-left: -27px;bottom:-2px;
	transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
}
.casePro ul li .caseProBox .caseProText .caseProInfor{ float: left; width: 100%; color:#3c3c3c; font-size:16px; line-height: 28px; margin-top: 20px; text-align: left;
	transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
}
.casePro ul li .caseProBox .caseProText i{position: absolute; color:#fff; color:rgba(255,255,255,0.2);font-size:72px; font-weight:900; right: 8%; bottom:-15px;}
.casePro ul li .caseProBox:hover .caseProImg img{
	transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
}
.casePro ul li .caseProBox:hover .caseProText{background: #025155;}
.casePro ul li .caseProBox:hover .caseProText h4{color:#fff;}
.casePro ul li .caseProBox:hover .caseProText h4::after,
.casePro ul li .caseProBox:hover .caseProText h4:after{ background: #fff;}
.casePro ul li .caseProBox:hover .caseProText .caseProInfor{color:#fff;}
@media  screen and (max-width:1429px){
	.casePro{ padding-top: 45px;}
	.casePro ul li .caseProBox .caseProText{ padding: 15px 20px 20px 20px;}
	.casePro ul li .caseProBox .caseProText h4{ font-size:18px; line-height: 50px;}
	.casePro ul li .caseProBox .caseProText .caseProInfor{ font-size:14px; line-height: 24px; margin-top: 15px;}
}
@media  screen and (max-width:1023px){
	.casePro{ padding-top: 30px;}
	.casePro ul{ width: 102%; margin-left: -1%;}
	.casePro ul li{ padding: 0 1%;}
	.casePro ul li .caseProBox .caseProText{ padding-top: 10px;}
	.casePro ul li .caseProBox .caseProText i{ font-size:60px; right: 11%;}
}
@media  screen and (max-width:767px){
	.casePro{ padding-top: 10px;}
	.casePro ul{ width: 100%; margin-left: 0;}
	.casePro ul li{ width: 100%; padding: 10px 0 0 0;}
	.casePro ul li .caseProBox .caseProText{height: auto;padding: 10px 15px 40px 15px;}
	.casePro ul li .caseProBox .caseProText h4{ font-size:16px; line-height: 36px;}
	.casePro ul li .caseProBox .caseProText i{ right: 8%;}
}

/*兰途贝壳粉*/
.shellPowder{ float: left; width: 100%; margin-top: 48px; position: relative; }
.shellPowder .shellPowderLeft{ float: left; width: 50%; font-size:0; line-height: 0; display: none;}
.shellPowder .shellPowderInfor{ float: right; width: 50%; padding: 80px 0 70px 80px; font-size:16px; line-height: 25px; color:#fff; position: relative;}
.shellPowder .shellPowderInfor:after,
.shellPowder .shellPowderInfor::after{ position: absolute; content: ''; top:90px; left: -43px; width: 80px; height: 4px; background: url("images/xija16.jpg") no-repeat left top; z-index: 99999; background-size:100% 100%;}
@media  screen and (max-width:1429px){
	.shellPowder{ float: left; width: 100%; margin-top:40px; }
	.shellPowder .shellPowderInfor{ padding: 0 5px 0 50px; max-height: 310px; margin:50px 0 40px 0; overflow-y: auto; font-size:14px; line-height: 24px;}
	.shellPowder .shellPowderInfor:after{top:30px; width: 70px; height: 3px; left: -35px; }
}
@media  screen and (max-width:1023px){
	.shellPowder{ margin-top: 30px;}
	.shellPowder .shellPowderInfor{ margin:30px 0 25px 0; padding: 0 5px 0 30px;max-height:280px;}
	.shellPowder .shellPowderInfor:after{ background: none;}
}
@media  screen and (max-width:992px){
	.shellPowder .shellPowderInfor{ max-height: 245px;}
}
@media  screen and (max-width:767px){
	.shellPowder{margin-top:20px; background:none; }
	.shellPowder .shellPowderLeft{ display: block; width: 100%;}
	.shellPowder .shellPowderInfor{ width: 100%; background: #025155; max-height: 100%; margin: 0; padding: 15px;}
}
/*案例详图*/
.caseImgBox{ float: left; width: 100%; padding: 62px 0 100px 0;}
.caseImgBox ul{ float: left; width: 101.7142%; margin-left:-0.857%}
.caseImgBox ul li{ float: left; width: 33.33333%; padding: 0 0.857%;}
.caseImgBox ul li a{ float: left; width: 100%;}
.caseImgBox ul li a .caseImgIN{ float: left; width: 100%; font-size:0; line-height: 0;overflow: hidden;}
.caseImgBox ul li a .caseImgText{ float: left; width: 100%; background:#f4f4f4; padding: 8px 20px 15px 20px;transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;}
.caseImgBox ul li a .caseImgIN img{transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;}
.caseImgBox ul li a .caseImgText h6{ float: left; width: 100%; color:#025155; font-size:16px; line-height: 34px;transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;}
.caseImgBox ul li a .caseImgText span{ float: left; width: 100%; color:#999999; font-size:14px; line-height: 24px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;}
.caseImgBox ul li a:hover .caseImgIN img{
	transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
}
.caseImgBox ul li a:hover .caseImgText{ background: #025155}
.caseImgBox ul li a:hover .caseImgText h6{color:#fff;}
.caseImgBox ul li a:hover .caseImgText span{color:#fff;}
@media  screen and (max-width:1429px){
	.caseImgBox{ padding: 45px 0 70px 0;}
}
@media  screen and (max-width:1023px){
	.caseImgBox{ padding: 30px 0 50px 0;}
	.caseImgBox ul li a .caseImgText{ padding: 8px 15px 10px 15px;}
}
@media  screen and (max-width:767px){
	.caseImgBox{padding: 10px 0 6% 0;}
	.caseImgBox ul{ width: 100%; margin-left: 0;}
	.caseImgBox ul li{ width: 100%; padding: 0; margin-top: 10px;}
}
.homeTit .en2 img{ width: 277px; height: 29px;}
.homeTit .zh1.con1{ float:left; width:100%; color:#1f1f1f; font-size:30px; line-height:38px; }
@media  screen and (max-width:1429px){
	.homeTit .zh1.con1{ font-size:24px; line-height:32px;}
	.homeTit .en2 img{ width: 232px; height: 24px;}
}
@media  screen and (max-width:1023px){
	.homeTit .zh1.con1{ font-size:16px; line-height:24px;}
	.homeTit .en2 img{ width: 160px; height:17px;}
}

/*外墙壁材*/
.WallMaterialTit{ float: left; width: 100%; margin-top: 79px; text-align: center;  position: relative;}
.WallMaterialTit h1{ float: left; width: 100%; color:#025155; font-size:32px; line-height: 72px;font-weight: bold;position: relative;padding-bottom: 11px;}
.WallMaterialTit span{ float: left; width: 100%;font-size:14px; color:#999; line-height: 50px;position: relative; text-transform:uppercase;font-family: Arial;}
.WallMaterialTit h1:after,
.WallMaterialTit h1::after{ position: absolute; content: ''; width: 50px; height: 3px; background: #025155; bottom:10px; left: 50%; margin-left: -25px; z-index: 2;}
.WallMaterialTit span:after,
.WallMaterialTit span::after{ position:absolute; content: ''; width: 150px; left: 50%; margin-left: -75px; height: 1px; background: #e5e5e5;top:-1px;}
.WallMaterialTit span:before,
.WallMaterialTit span::before{ position:absolute; content:''; width: 83.5%; left: 50%; margin-left: -41.75%; height: 1px; background: #e5e5e5;top:-12px; z-index: 1;}
@media  screen and (max-width:1429px){
	.WallMaterialTit{ margin-top: 50px;}
}
@media  screen and (max-width:1023px){
	.WallMaterialTit{ margin-top: 30px;}
	.WallMaterialTit h1{ font-size:24px; line-height: 60px;}
	.WallMaterialTit span{ font-size:12px; line-height:30px;}
}
@media  screen and (max-width:767px){
	.WallMaterialTit{ margin-top:20px;}
	.WallMaterialTit h1{ font-size:18px; line-height: 45px; padding-bottom: 5px;}
	.WallMaterialTit h1:after,
	.WallMaterialTit h1::after{bottom:5px}
	.WallMaterialTit span:before,
	.WallMaterialTit span::before{ top:-7px;}
}

.WallMaterialText{ float: left; width: 100%; padding: 19px 0 94px 0; text-align: center;}
.WallMaterialText .WallMaterialTextInfor{ float: left; width: 100%;font-size:16px; color:#535353; line-height: 36px;}
.WallMaterialText ul.WallMaterialList{ float: left; width: 100%; padding: 0 2.5%; margin-top: 36px;}
.WallMaterialText ul.WallMaterialList li{float:left; width: 20%; padding: 0 2.357%;}
.WallMaterialText ul.WallMaterialList .WallMaterialTop{ float: left; width: 100%; text-align:center; font-size: 0; line-height: 0;}
.WallMaterialText ul.WallMaterialList .WallMaterialTop img{ width:170px!important; border-radius:150px;-moz-border-radius:150px;-webkit-border-radius:150px;
	transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
}
.WallMaterialText ul.WallMaterialList .WallMaterialDown{ float: left; width: 100%; color:#535353;font-size:16px; line-height: 30px; text-align: center; margin-top: 10px;min-height: 60px;}
.WallMaterialText ul.WallMaterialList li:hover .WallMaterialTop img{
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
@media  screen and (max-width:1429px){
	.WallMaterialText{ padding: 10px 0 70px 0;}
	.WallMaterialText .WallMaterialTextInfor{ font-size:15px; line-height: 24px;}
	.WallMaterialText ul.WallMaterialList{ margin-top: 25px; padding: 0;}
	.WallMaterialText ul.WallMaterialList .WallMaterialDown{ font-size:14px; line-height: 26px;}
	.WallMaterialText ul.WallMaterialList .WallMaterialTop img{ width: 140px!important;; }

}
@media  screen and (max-width:1023px){
	.WallMaterialText{ padding: 10px 0 50px 0;}
	.WallMaterialText ul.WallMaterialList li{ padding: 0 2%;}
}
@media  screen and (max-width:767px){
	.WallMaterialText{ padding: 5px 0 6% 0;}
	.WallMaterialText ul.WallMaterialList{ margin-top:0;}
	.WallMaterialText ul.WallMaterialList li{ width: 100%; padding: 0; margin-top: 10px; position: relative;}
	.WallMaterialText ul.WallMaterialList .WallMaterialTop{ height:62px; overflow: hidden;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px; }
	.WallMaterialText ul.WallMaterialList .WallMaterialTop img{ width: 100%!important; top:50%; margin-top: -25%; border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
	.WallMaterialText ul.WallMaterialList .WallMaterialDown{ position: absolute; top:0; left: 0; padding:10px; margin-top: 0; background: rgba(0,0,0,0.5); line-height: 42px; color:#fff;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;}
}
/**/
.LTProAdvantage{float: left;width: 100%; }
.WallMaterialTit.pro{ margin-top: 60px;}
.LTProAdvantageBox{ float: left; width: 100%; margin-top: 20px; padding-bottom: 80px;}
.LTProAdvantageBox .LTProAdvantageLeft{ float: left; width: 43.43%; padding: 0 6.58%; font-size:0; line-height: 0;}
.LTProAdvantageBox .LTProAdvantageRight{ float: left; width:56.57%; color:#555555; line-height: 36px; font-size:16px; padding: 0 1% 0 4.14%;}
.LTProAdvantageBox .LTProAdvantageRight .LTProAdvantageList{ float: left; width: 100%; margin-top: 24px;}
.LTProAdvantageBox .LTProAdvantageRight b{color:#025155}


@media  screen and (max-width:1429px){
	.WallMaterialTit.pro{ margin-top: 40px;}
	.LTProAdvantageBox{ padding-bottom:70px; margin-top: 10px;}
	.LTProAdvantageBox .LTProAdvantageLeft{ width: 40%; padding: 0 2%;}
	.LTProAdvantageBox .LTProAdvantageRight{ width: 60%;font-size:14px; line-height: 30px;}

}
@media  screen and (max-width:1023px){
	.WallMaterialTit.pro{ margin-top: 25px;}
	.LTProAdvantageBox{ padding-bottom:45px;}
	.LTProAdvantageBox .LTProAdvantageLeft{width:28%; padding: 0 3% 0 0; margin-top:5%;}
	.LTProAdvantageBox .LTProAdvantageRight{ width: 72%; padding: 0; line-height: 26px;}
	.LTProAdvantageBox .LTProAdvantageRight .LTProAdvantageList{ margin-top: 0;}
}
@media  screen and (max-width:767px){
	.LTProAdvantageBox{ padding-bottom: 6%;}
	.WallMaterialTit.pro{ margin-top: 15px;}
	.LTProAdvantageBox .LTProAdvantageLeft{ width: 100%; padding: 0 20%; margin-top: 0;}
	.LTProAdvantageBox .LTProAdvantageRight{ width: 100%; margin-top: 15px;}
}
/**/
.joinCondition{ float: left; width: 100%; margin:59px 0 127px 0; border:2px solid #025054; padding: 0 2.5% 0 3%; min-height: 300px;}
.joinCondition .joinConditionLeft{ float: left; width: 49%;height:480px; margin-top: 19px; position: relative;}
.joinCondition .joinConditionLeft .joinConditionText{ position: absolute; top:0; width: 111%; padding: 5% 7.2%; background: #f7f7f7; font-size:15px; line-height: 26px; color:#333333;box-shadow: 5px 5px 30px rgba(51,51,51,0.1);z-index: 2;}
.joinCondition .joinConditionLeft .joinConditionText em{ font-size:16px; font-style:normal;}
.joinCondition .joinConditionRight{ float: right; width: 51%; min-height: 300px; position: relative}
.joinCondition .joinConditionRight .joinConditionImg{ position: absolute; top:-33px; width: 100%;}
.joinCondition .joinConditionRight .joinConditionImg img{ width: 100%;}
@media  screen and (max-width:1429px){
	.joinCondition{ margin:45px 0 80px 0; padding: 0 2.5%;}
	.joinCondition .joinConditionLeft{ height: 340px;}
	.joinCondition .joinConditionLeft .joinConditionText{ padding: 4%; max-height: 370px;
		overflow-y: auto; }
	.joinCondition .joinConditionRight .joinConditionImg{top:-28px;}
}
@media  screen and (max-width:1023px){
	.joinCondition{ margin: 20px 0 60px 0; padding:1.5%;}

	.joinCondition .joinConditionRight{ float: left; width: 100%; height: auto;}
	.joinCondition .joinConditionRight .joinConditionImg{ position: inherit; float: left; width: 100%; top:0; font-size:0; line-height: 0;}
	.joinCondition .joinConditionLeft{ width: 100%; height: auto; margin-top: 0;}
	.joinCondition .joinConditionLeft .joinConditionText{font-size:14px; line-height: 24px; width: 100%; position: inherit; float: left; padding:2%; max-height:100%;}
	.joinCondition .joinConditionLeft .joinConditionText em{ font-size:15px;}
}
@media  screen and (max-width:767px){
	.joinCondition{ margin: 10px 0 6% 0; padding:1.5%;}
	.joinCondition .joinConditionRight{min-height: 100%;}
}

/**/
.LTProPractical{ float: left; width: 100%; }
.LTProPracticalBox{ float: left; width: 100%; text-align: center; padding: 77px 0 91px 0;}
.LTProPracticalBox h1{ float: left; width: 100%; line-height: 50px; color:rgba(255,255,255,0.1); text-transform: uppercase;position: relative; font-size: 32px; font-family: Arial; letter-spacing: 2px;}
.LTProPracticalBox h1 span{ position:absolute; width: 100%; top:0; left: 0; line-height: 50px; font-size:32px; font-weight: bold;color:#fff;}
.LTProPracticalBox .LTProPracticalText{ float: left; width: 100%; color:#fff; font-size:21px; line-height: 36px; margin-top: 19px;}
@media  screen and (max-width:1023px){
	.LTProPracticalBox{ padding: 40px 0 60px 0;}
	.LTProPracticalBox h1{font-size:24px;line-height: 40px;}
	.LTProPracticalBox h1 span{font-size:24px; line-height: 40px;}
	.LTProPracticalBox .LTProPracticalText{font-size:17px; line-height: 28px;}
}
@media  screen and (max-width:767px){
	.LTProPracticalBox{ padding:5% 0 6% 0;}
	.LTProPracticalBox h1{font-size:18px;line-height: 35px;}
	.LTProPracticalBox h1 span{font-size:18px; line-height: 35px;}
	.LTProPracticalBox .LTProPracticalText{font-size:15px; line-height: 24px; margin-top: 10px;}
}
/**/
.LTProCharacteristic{ float: left; width: 100%; }
.LTProCharacteristicList{ float: left; width: 100%;padding-top:32px;}
.LTProCharacteristicList ul{ float: left; width: 100%;}
.LTProCharacteristicList ul li{float: left; width:20%;}

.CharacteristicTopText{ float: left; width:100%; position: relative;font-size: 0; line-height: 0;}
.CharacteristicInfor{position: absolute; width: 100%; height: 100%;padding:6% 7% 7% 7%; background:#f1f1f1; top:0; left: 0;}
.boxPos{ float: left; width: 100%; height: 100%;}
.CharacteristicTopText .h3{ float: left; width: 100%; text-align: center;color:#025155; font-size:20px; line-height: 48px; position: relative;}
.CharacteristicTopText .h3:after,
.CharacteristicTopText .h3::after{ position: absolute; content: '';width: 26px; height: 3px; background: #025155; left: 50%; margin-left: -13px;bottom:-3px;}
.CharacteristicTopText .downText{ float: left; width: 100%; margin-top:6%;color:#6a6a6a; font-size:15px; line-height: 25px; height: 75%; overflow-y: auto;}

.CharacteristicTopImg{ float: left; width: 100%; font-size:0;line-height: 0;}
.CharacteristicTopImg img{ width: 100%;}
@media  screen and (max-width:1440px){
	.CharacteristicTopText .h3{ font-size:18px; line-height: 36px;}
	.CharacteristicTopText .h3:after, .CharacteristicTopText .h3::after{ height: 2px;}
	.CharacteristicTopText .downText{  height: 72%; font-size:14px; line-height: 24px;}
}
@media  screen and (max-width:1429px){
	.LTProCharacteristicList{ padding-top: 15px;}
	.CharacteristicTopText .downText{  height: 66%;}

}
@media  screen and (max-width:1023px){
	.LTProCharacteristicList{ padding-top: 10px;}
	.LTProCharacteristicList ul{ float: none; margin:0 auto; width: 768px; padding: 0 15px;}
	.LTProCharacteristicList ul li{ width: 100%;}
	.CharacteristicTopText{ width: 50%;}
	.CharacteristicTopText .downText{ height: 78%;}
	.CharacteristicTopImg{ width: 50%;}

}
@media  screen and (max-width:767px){
	.LTProCharacteristicList{ padding-top: 5px;}
	.LTProCharacteristicList ul{ float: left; width:100%; padding: 0 15px; background:none;}
	.CharacteristicTopText .downText{ height: 66%;}
	.CharacteristicTopText .h3{ font-size:16px; line-height: 28px;}
	.CharacteristicTopText .downText{ font-size:12px; line-height: 18px;}
}
/**/
.ConstructionBox{ float:left; width: 100%; padding: 30px 0 97px 0;}
.ConstructionBox ul{ float: left; width: 100%; padding: 0 1.8%;}
.ConstructionBox ul li{ float:left; text-align: center; width: 20%; padding:0 1.8%; cursor: pointer;}
.ConstructionBox ul li .ConstructionImg{ float: left; width: 100%; text-align: center;}
.ConstructionBox ul li .ConstructionText{ float: left; width: 100%; margin-top: 37px;}
.ConstructionBox ul li .ConstructionText h3{ float: left; width: 100%; color:#333333; font-size:18px; line-height:28px;font-weight: bold;}
.ConstructionBox ul li .ConstructionText .ConstructionInfor{ float: left; width: 100%; margin-top: 9px; color:#666666; font-size:15px; line-height: 24px;}
.ConstructionBox ul li .ConstructionImg img{
	transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
}
.ConstructionBox ul li:hover .ConstructionImg img{
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
@media  screen and (max-width:1429px){
	.ConstructionBox{ padding: 20px 0 80px 0;}
	.ConstructionBox ul{ padding: 0}
	.ConstructionBox ul li{ padding: 0 1%;}
	.ConstructionBox ul li .ConstructionImg img{ width: 140px; height: 140px;}
	.ConstructionBox ul li .ConstructionText{ margin-top: 20px;}
}
@media  screen and (max-width:1023px){
	.ConstructionBox{ padding: 5px 0 60px 0;}
	.ConstructionBox ul li{ float: left; width: 100%; background: #f5f5f5; padding: 10px 20px 10px 125px; border-radius:60px;-moz-border-radius:60px;-webkit-border-radius:60px; position: relative;margin-top: 10px; min-height: 120px;}
	.ConstructionBox ul li .ConstructionImg{ float: none; width: 100px; height: 100px;position: absolute; left: 10px; top:50%; margin-top: -50px;}
	.ConstructionBox ul li .ConstructionImg img{ width: 100px; height: 100px;border-radius:200px;-moz-border-radius:200px;-webkit-border-radius:200px;}
	.ConstructionBox ul li .ConstructionText{ margin-top:10px;}
	.ConstructionBox ul li .ConstructionText h3{ font-size:16px; line-height: 26px;}
	.ConstructionBox ul li .ConstructionText{ float: left; width: 100%; text-align: left;font-size:14px; line-height: 24px;}
}
@media  screen and (max-width:767px){
	.ConstructionBox{ padding: 0 0 6% 0;}
	.ConstructionBox ul li .ConstructionText{ margin-top: 0;}
	.ConstructionBox ul li .ConstructionText .ConstructionInfor{ margin-top: 5px;}
}

/*艺术涂料*/
.ArtTit{ float: left; width: 100%; padding: 100px 0 3px 0; text-align: center; position: relative}
.ArtTit.ArtTitWhite{padding-top: 90px;}
.ArtTit:after,
.ArtTit::after{ position: absolute; content: ''; width: 72px; height: 2px; left: 50%; margin-left: -36px; bottom:0; background: #025155;}
.ArtTit.ArtTitWhite:after,
.ArtTit.ArtTitWhite::after{ background: #fff;}
.ArtTit span{display: block; font-size: 0; line-height: 0;height:29px;}
.ArtTit span img{ height: 100%;}
.ArtTit h1{display: block; font-size:30px; line-height:66px; color:#212121; font-weight: bold;}
.ArtTit h1.white{color:#fff;}
@media  screen and (max-width:1429px){
	.ArtTit{ padding: 80px 0 3px 0;}
	.ArtTit.ArtTitWhite{padding-top:70px;}
	.ArtTit span{ height: 25px}
	.ArtTit h1{ font-size:28px; line-height: 60px;}
}
@media  screen and (max-width:1023px){
	.ArtTit{ padding: 50px 0 3px 0;}
	.ArtTit.ArtTitWhite{padding-top: 40px;}
	.ArtTit span{ height: 20px}
	.ArtTit h1{font-size:23px; line-height: 50px;}
}
@media  screen and (max-width:767px){
	.ArtTit{ padding: 6.5% 0 1px 0;}
	.ArtTit.ArtTitWhite{padding-top: 6%;}
	.ArtTit:after,
	.ArtTit::after{width: 56px;margin-left: -28px;}
	.ArtTit span{ height: 16px;}
	.ArtTit h1{ font-size:19px; line-height: 42px;}
}
/**/
.ArtProtection{float: left; width: 100%; margin: 40px 0 100px 0; border: 50px #f5f5f5 solid; background: #fff;}
.ArtProtectionInfor{float: left; width:100%;}
.ArtProtectionLeftImg{ float: left; width: 50%;font-size:0; line-height: 0;}
.ArtProtectionLeftImg img{ width: 100%;}
.ArtProtectionRightText{ float: left; width:50%; padding: 50px 50px 0 40px;color:#444444; font-size:16px; line-height: 30px;}
.ArtProtectionRightText h2{float: left; width: 100%;}
.ArtProtectionRightText h2 b{display: block; width: 100%; color:#025155; font-size:30px; line-height: 45px; letter-spacing: 0.9px;}
.ArtProtectionRightText h2 span{ display: block; width: 100%; color:#888888; font-size:14px;line-height: 30px;}
.ArtProtectionRightText .ArtProtectionRightInfor{ float: left; width: 100%; margin-top: 22px;}
@media  screen and (max-width:1429px){
	.ArtProtection{ margin: 30px 0 80px 0; border:30px solid #f5f5f5;}
	.ArtProtectionLeftImg{width: 55%;}
	.ArtProtectionRightText{width: 45%; padding:25px;font-size:14px; line-height: 25px;}
	.ArtProtectionRightText h2 b{font-size:26px; line-height: 32px;}
	.ArtProtectionRightText h2 span{font-size:12px; line-height: 24px;}
	.ArtProtectionRightText .ArtProtectionRightInfor{ margin-top: 13px;}
}
@media  screen and (max-width:1023px){
	.ArtProtection{ margin:20px 0 50px 0; border: 20px solid #f5f5f5;}
	.ArtProtectionLeftImg{ width: 100%; text-align: center;}
	.ArtProtectionLeftImg img{max-height: 300px; width: auto;padding-top: 20px}
	.ArtProtectionRightText{ width: 100%; padding:20px 15px 15px 15px;}
	.ArtProtectionRightText h2 b{font-size:23px; line-height: 28px;}
}
@media  screen and (max-width:767px){
	.ArtProtection{margin:10px 0 6% 0;border:10px solid #f5f5f5;}
	.ArtProtectionLeftImg img{max-height: 100%; width: 100%; padding-top: 0;}
	.ArtProtectionRightText{ padding: 15px 10px 10px 10px;}
	.ArtProtectionRightText h2 b{font-size:19px; line-height: 24px;}
	.ArtProtectionRightText .ArtProtectionRightInfor{ margin-top: 8px;}
}
/**/
.ArtProAdvantage{ float: left; width: 100%; background: url("../images/xijaArt3.jpg") no-repeat center;}
.ArtProAdvantageLeft{ float: left; width: 50%; position: relative;min-height: 300px;}
.ArtProAdvantageLeft .ArtProAdvantageImg{ position: absolute; width: 960px; top:0; right: 0;}
.ArtProAdvantageLeft .ArtProAdvantageImg img{ width: 100%;}
.ArtProAdvantageRight{ float: left; width: 50%; padding: 88px 0 0 88px;}
.ArtProAdvantageRight .proTit{float:left; width: 100%;}
.ArtProAdvantageRight .proTit{ float: left; width: 100%;padding-bottom: 24px;position: relative}
.ArtProAdvantageRight .proTit:after,
.ArtProAdvantageRight .proTit::after{position: absolute;content: ''; left: 0; bottom: 0; width: 73px; height: 2px; background:#025155}
.ArtProAdvantageRight .proTit b{display: block;font-size:30px; line-height: 40px; color:#212121;}
.ArtProAdvantageRight .proTit span{display: block; margin-top: 9px; height: 18px;}
.ArtProAdvantageRight .proTit span img{ height: 100%;}
.ArtProAdvantageRightText{ float: left; width: 100%; margin-top: 44px; color:#444444; font-size:16px; line-height: 36px; min-height: 400px; padding-bottom: 40px;}
@media  screen and (max-width:1429px){
	.ArtProAdvantage{ background: url("../images/xijaArt3.jpg") no-repeat center; background-size: auto 100%;}
	.ArtProAdvantageRight{ padding: 45px 0 0 45px;}
	.ArtProAdvantageRight .proTit b{ font-size:28px; line-height: 36px;}
	.ArtProAdvantageRight .proTit span{ height: 16px;}
	.ArtProAdvantageRightText{ margin-top: 30px; font-size:15px; line-height: 32px;}
	.ArtProAdvantageLeft .ArtProAdvantageImg{ height: 560px; text-align: right;}
	.ArtProAdvantageLeft .ArtProAdvantageImg img{ height: 100%; width: auto;}
}
@media  screen and (max-width:1023px){
	.ArtProAdvantageRight{padding: 25px 0 0 25px;}
	.ArtProAdvantageRight .proTit{ padding-bottom: 15px;}
	.ArtProAdvantageRight .proTit b{ font-size:23px;}
	.ArtProAdvantageRight .proTit span{ height: 14px;}
	.ArtProAdvantageRightText{margin-top: 15px; padding-bottom: 25px; font-size:14px; line-height: 24px; min-height: 300px}
	.ArtProAdvantageLeft .ArtProAdvantageImg{ height: 451px;}
}
@media  screen and (max-width:767px){
	.ArtProAdvantage{ background: none;}
	.ArtProAdvantageLeft{ width: 100%; min-height: auto; font-size:0; line-height: 0;}
	.ArtProAdvantageLeft .ArtProAdvantageImg{ position: inherit; width: 100%; height: auto; text-align: left;}
	.ArtProAdvantageLeft .ArtProAdvantageImg img{ width: 100%; height: auto;}
	.ArtProAdvantageRight{width: 100%; padding: 15px 15px 20px 15px; background: url("../images/xijaArt6.jpg");}
	.ArtProAdvantageRightText{ min-height: auto; padding-bottom: 0;}
}
.ArtTit span.ArtJoin{ height: 37px;}
.ArtJoinBox{ float: left; width: 100%; margin: 51px 0 100px 0; background: #025155;}
.ArtJoinBox .ArtJoinLeft{ float: left; width: 50%; padding: 43px 38px 44px 48px;color:#fff; font-size:15px;}
.ArtJoinBox .ArtJoinLeft .ArtJoinText{ float: left; width: 100%; padding-left: 27px;position: relative;}
.ArtJoinBox .ArtJoinLeft .ArtJoinText ul{ float: left; width: 100%; position: relative;}
.ArtJoinBox .ArtJoinLeft .ArtJoinText ul:after,
.ArtJoinBox .ArtJoinLeft .ArtJoinText ul::after{ position: absolute; content: ''; width: 1px; height: 100%; background: #fff; left:-23px; top:0;}
.ArtJoinBox .ArtJoinLeft .ArtJoinText ul li{ float: left; width: 100%;line-height:28px; padding: 3px 0 21px 0;position: relative;}
.ArtJoinBox .ArtJoinLeft .ArtJoinText ul li::after,
.ArtJoinBox .ArtJoinLeft .ArtJoinText ul li:after{position: absolute; content: ''; width: 9px; height: 9px; left: -27px; top:13px; background: #fff; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.ArtJoinBox .ArtJoinLeft .ArtJoinText ul li span{ font-size:18px;}
.ArtJoinBox .ArtJoinRight{ float: right; width: 50%; font-size:0; line-height: 0;}
.ArtJoinBox .ArtJoinRight img{ width: 100%;}

.ArtJoinBox .ArtJoinLeft .ArtJoinText ul li:last-child{ padding-bottom: 8px;}

@media  screen and (max-width:1429px){
	.ArtTit span.ArtJoin{ height: 32px;}
    .ArtJoinBox{ margin: 30px 0 80px 0;}
    .ArtJoinBox .ArtJoinLeft{padding: 35px 30px 35px 35px;font-size: 14px; line-height: 24px;}
	.ArtJoinBox .ArtJoinLeft .ArtJoinText{ height: 374px; overflow-y: auto;}
	.ArtJoinBox .ArtJoinLeft .ArtJoinText ul li{ padding: 3px 0 15px 0;}
	.ArtJoinBox .ArtJoinLeft .ArtJoinText ul li span{font-size:16px;}
}
@media  screen and (max-width:1023px){
	.ArtTit span.ArtJoin{ height: 27px;}
	.ArtJoinBox{margin: 25px 0 50px 0;}
	.ArtJoinBox .ArtJoinLeft{ padding: 25px 15px 25px 25px;}
	.ArtJoinBox .ArtJoinLeft .ArtJoinText{ padding-left: 20px; height: 279px;}
	.ArtJoinBox .ArtJoinLeft .ArtJoinText ul:after, .ArtJoinBox .ArtJoinLeft .ArtJoinText ul::after{ left: -16px;}
	.ArtJoinBox .ArtJoinLeft .ArtJoinText ul li::after, .ArtJoinBox .ArtJoinLeft .ArtJoinText ul li:after{ left: -20px;}
	.ArtJoinBox .ArtJoinLeft .ArtJoinText ul li{ line-height: 24px;}
}
@media  screen and (max-width:767px){
	.ArtTit span.ArtJoin{ height: 21px;}
	.ArtJoinBox{ margin: 15px 0 6% 0;}
	.ArtJoinBox .ArtJoinLeft{ width: 100%; padding: 15px 10px 15px 15px;}
	.ArtJoinBox .ArtJoinRight{ float: left; width: 100%; }
	.ArtJoinBox .ArtJoinLeft .ArtJoinText{ height: auto;}
}

/**/
.ArtFeatures{ float: left; width: 100%; background: url("../images/xijia40.jpg") no-repeat center;}
.ArtFeaturesList{ float: left; width: 100%; padding: 33px 0 99px 0;}
.ArtFeaturesList ul{ float: left; width: 100%;}
.ArtFeaturesList ul li{ float: left; width: 50%; padding-right: 30px; margin-top: 25px;}
.ArtFeaturesList ul li:nth-child(2n){ padding-right:0; padding-left: 30px;}
.ArtFeaturesList ul li .ArtFeaturesBox{ float: left; width: 100%; background: url("../images/xijaArt8.png"); min-height: 150px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;padding: 20px 30px 20px 130px;position: relative;}
.ArtFeaturesList ul li .ArtFeaturesTop{position: absolute; left: 30px; top:50%; margin-top: -50px; width: 100px; height: 100px; background:#fff;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;box-shadow:0 0 15px rgba(0,0,0,0.05);-moz-box-shadow:0 0 15px rgba(0,0,0,0.05);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.05);}
.ArtFeaturesList ul li .ArtFeaturesText{ float: left; width: 100%; padding-left: 20px;}
.ArtFeaturesList ul li .ArtFeaturesText h3{ float: left; width: 100%; color:#025155; font-size:19px; line-height: 28px;}
.ArtFeaturesList ul li .ArtFeaturesText .ArtFeaturesInfor{ float: left; width: 100%; color:#656565; font-size:16px; line-height: 24px; margin-top: 8px;}

@media  screen and (max-width:1429px){
	.ArtFeatures{ background: url("../images/xijia40.jpg") no-repeat center; background-size: auto 100%;}
	.ArtFeaturesList{ padding: 20px 0 80px 0;}
	.ArtFeaturesList ul li{padding-right:25px;}
	.ArtFeaturesList ul li:nth-child(2n){ padding-right:0; padding-left: 25px;}
	.ArtFeaturesList ul li .ArtFeaturesBox{ padding: 15px 15px 15px 115px; min-height: 155px;}
	.ArtFeaturesList ul li .ArtFeaturesTop{ left: 15px;}
	.ArtFeaturesList ul li .ArtFeaturesText{ padding-left: 15px;}
	.ArtFeaturesList ul li .ArtFeaturesText .ArtFeaturesInfor{ font-size:14px; line-height: 22px;}
}
@media  screen and (max-width:1023px){
	.ArtFeaturesList{ padding: 10px 0 50px 0;}
	.ArtFeaturesList ul li{ width: 100%; padding-right: 0; margin-top: 15px;}
	.ArtFeaturesList ul li:nth-child(2n){padding-right: 0; padding-left: 0;}
	.ArtFeaturesList ul li .ArtFeaturesBox{min-height: 140px; padding: 25px 20px 25px 115px;}
	.ArtFeaturesList ul li .ArtFeaturesText h3{ font-size:17px;}
}
@media  screen and (max-width:767px){
	.ArtFeaturesList{ padding: 5px 0 6% 0;}
	.ArtFeaturesList ul li{ margin-top: 10px;}
	.ArtFeaturesList ul li .ArtFeaturesBox{ padding: 10px 15px 10px 115px;min-height: 120px;}
}
/**/
.ArtCoatingsList{ float: left; width: 100%; padding: 30px 0 100px 0;}
.ArtCoatingsList ul{ float: left; width: 101.78%}
.ArtCoatingsList ul li{ float: left; width: 25%; padding-right: 1.78%; margin-top: 25px;}
.ArtCoatingsList ul li .ArtCoatingBox{ float: left; width: 100%; background: #f5f5f7; padding: 32px 54px 22px 54px; display: block; text-align: center;}
.ArtCoatingsList ul li .ArtCoatingBox .ArtCoatingImg{display: inline-block; width: 125px; height: 125px; border:3px solid #e4e4e4;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;}
.ArtCoatingsList ul li .ArtCoatingBox .ArtCoatingImg img{ width: 120px; height: 120px; border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;border:5px solid #f5f5f7;}
.ArtCoatingsList ul li .ArtCoatingBox .ArtCoatingText{float: left; width: 100%; margin-top: 9px;}
.ArtCoatingsList ul li .ArtCoatingBox .ArtCoatingText h4{ float: left; width: 100%; text-align: center; line-height: 40px; color:#025155; font-size:21px; font-weight: bold;}
.ArtCoatingsList ul li .ArtCoatingBox .ArtCoatingInfor{ float: left; width: 100%; margin-top: 10px; line-height: 28px; color:#444444; font-size:16px;min-height: 84px;}
@media  screen and (max-width:1429px){
	.ArtCoatingsList{ padding: 20px 0 80px 0;}
	.ArtCoatingsList ul li{ margin-top: 18px;}
	.ArtCoatingsList ul li .ArtCoatingBox{padding: 25px 25px 22px 25px;}
}
@media  screen and (max-width:1023px){
	.ArtCoatingsList{ padding: 18px 0 50px 0;}
	.ArtCoatingsList ul li{ margin-top: 12px;}
	.ArtCoatingsList ul li .ArtCoatingBox{ padding:18px 15px;}
	.ArtCoatingsList ul li .ArtCoatingBox .ArtCoatingText{ margin-top: 5px;}
	.ArtCoatingsList ul li .ArtCoatingBox .ArtCoatingText h4{ font-size:18px; line-height:32px;}
	.ArtCoatingsList ul li .ArtCoatingBox .ArtCoatingInfor{font-size:14px; line-height: 24px; min-height: 72px;}
}
@media  screen and (max-width:767px){
	.ArtCoatingsList{ padding: 10px 0 6% 0;}
	.ArtCoatingsList ul li{ width: 50%; margin-top: 1.5%;}
	.ArtCoatingsList ul li .ArtCoatingBox .ArtCoatingInfor{ margin-top:8px;}
}




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