@charset "utf-8";
body, div, ul, li, ol, li, h1, h2, h3, h4, h5, h6, input, p, span, dl, dt, dd, a, img, button, article, aside, footer, header, hgroup, nav, section, figure, select, textarea {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	text-decoration: none;
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
	outline: none;
	font-size: 14px;
	
}
li {
	list-style: none;
}
a {
	text-decoration: none;
}
img {
	border: none;
	vertical-align: top;
}
table {
	border-collapse: collapse;
}
input, textarea {
	outline: none;
}
textarea {
	resize: none;
	overflow: auto;
}
pre{
white-space: pre-wrap!important;
word-wrap: break-word!important;
*white-space:normal!important;
border: #f5f5f5 1px solid;
margin: 10px auto;
padding: 10px;
background: #f1f1f1;
}
.warp {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.am-cf:after, .am-cf:before {
	content: " ";
	display: table;
}
.am-cf:after {
	clear: both;
}
/* Header */
.shouxinh100 {height:100px;}
.w1200{width:1200px;margin:0 auto;height:auto}

.nav{width:100%;height:100px;box-sizing:border-box;background:#fff;position:fixed; z-index:99999999;border: #E8E8E8 1px solid;
    box-shadow: 0 0 5px 2px rgba(135, 135, 135, 0.15);
}
.nav .w1200{margin:0px auto; width:1200px;}
.nav .logo{float:left; width:220px;}
.nav .logo img{width:100%}
.nav ul{float:right;width:900px; padding-left:80px;}
.nav ul li{float:left; width:100px; margin-right:20px;font-size:18px;line-height:100px;}
.nav ul li a{width:auto;display:block;text-align:center;color:#444;position:relative; font-size:18px;}
.nav ul li.active a{color:#50b1a6}
.nav ul li.active a:after{content:'';display:block;position:absolute;left:0;right:0;height:2px;bottom:0;z-index:11;background-color:#50b1a6}

.Levtel {float:left;color:#48a59a;width:300px;	line-height:100px;	}
.Levtel a{background:url(../images/tel.jpg) no-repeat left;color:#48a59a;width:300px; font-size:26px;}
.Levtel a:hover{color:#48a59a;border-bottom:#fff 0px solid; }

/* Banner */

.shouxinnewsbanner{ margin:0px auto; width:100%; position: relative;	overflow: hidden;}
.shouxinnewsbanner img{ width:100%;}
.shouxinnewsbanner h2{position:absolute;width:150px;margin-left:-75px; display:block; top:40%; left:50%;font-size:36px;line-height:60px; height:60px; color:#fff;}
.shouxinnewsbanner ul{position:absolute;width:1200px; margin-left:-600px;  display:block; bottom:10%; left:50%;font-size:24px; line-height:60px; height:60px; color:#fff;}
.shouxinnewsbanner ul li{float:left;width:16.666666666666%;  display:block; font-size:24px; line-height:60px; height:60px; color:#dcdcdc; text-align:center; background: rgba(0, 0, 0, 0.2);border-radius:5px;}
.shouxinnewsbanner ul li a{color:#dcdcdc;display:block;}
.shouxinnewsbanner ul li a:hover{color:#0a1e5b;display:block;}
.shouxinnewsbanner ul li:hover{width:16.666666666666%; background:#fff;  display:block; font-size:24px; line-height:60px; height:60px; color:#0a1e5b; border-radius:5px;}
.shouxinnewsbanner ul li.active{width:16.666666666666%; background:#fff;  display:block; font-size:24px; line-height:60px; height:60px; color:#0a1e5b; border-radius:5px;}
.shouxinnewsbanner ul li.active a{color:#0a1e5b; font-weight:bold;}

.autopic1{ margin:0px auto; width:100%; display:table;}
.autopic1 ul{ margin:0px auto; width:1200px; padding-top:80px;}
.autopic1 ul li{ margin:0px auto; width:100%; }
.autopic1 ul li h3{color:#50b1a6; font-size:24px;}
.autopic1 ul li a{color:#676566; }
.autopic1 ul li a:hover{color:#50b1a6; }

.listmore { margin:20px auto; width:800px; border-top:#ccc 1px solid; }
.listmore ul { margin-top:10px;float:left; width:50%;}
.listmore ul li{ float:left; width:100%;}
.listmore ul li a{ color:#676566;}
.listmore ul li a:hover{ color:#50b1a6;}


.shouxinindex101{margin:50px auto; width:100%; display:table;}
.shouxinindex101 ul{margin:0px auto; width:1200px; }
.shouxinindex101 ul li{float:left; width:50%; position:relative; overflow:hidden;}
.shouxinindex101 ul li img{width:100%;-webkit-transition: -webkit-transform 0.3s;  -moz-transition: -moz-transform 0.3s;  -o-transition: -o-transform 0.3s;  transition: transform 0.3s;}
.shouxinindex101 ul li img:hover{-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);  transform: scale(1.1);} 
.shouxinindex101 ul li p{transition: opacity .3s;position: absolute;top: 44.5%;left: 29.5%;width: 250px;height: 45px;text-align: center;border-radius: 45px;background: rgba(255,255,255,0.8);line-height: 45px;text-align: center;color: #676566;font-size: 22px;}
.shouxinindex101 ul li:hover{transform: translate3d(0,0px,0); box-shadow:0 0 5px #000 ; border-radius: 0px; }
.shouxinindex101 ul li:hover p a{color:#676566; width:100%; display:block;}
.shouxinindex101 ul li:hover p:hover{color:#48a59a;  }



.shouxinindex201 {margin:0px auto; width:100%; height:700px; display:table; background:#eeecef;}
.shouxinindex201 ul{margin:0px auto; width:1200px;}
.shouxinindex201 ul li{width:100%; padding-top:220px;}
.shouxinindex201 ul li h3{ color:#47a59b; font-size:46px; font-weight:bold;}
.shouxinindex201 ul li div{ color:#676566; font-size:14px; width:475px; margin-left:5px; line-height:25px;}
.shouxinindex201 ul li p{ margin:30px 10px; width:160px;  border:#11959b 1px solid; color:#676566; font-size:16px; line-height:42px;  border-radius: 42px; text-align:center;}  
.shouxinindex201 ul li p a{color:#11959b; border-radius: 42px;} 
.shouxinindex201 ul li p a:hover{color:#fff; background:#11959b;border:#11959b 1px solid; width:100%; display:inline-block;} 




.shouxinindex301 {margin:30px auto; width:1200px;  display:table;}
.shouxinindex301 ul{margin:0px auto; width:1200px; }
.shouxinindex301 ul ol{float:left;width:713px;overflow:hidden;}
.shouxinindex301 ul li{float:right; width:487px; height:400px; position:relative; overflow:hidden;}
.shouxinindex301 ul li img{width:100%;-webkit-transition: -webkit-transform 0.3s;  -moz-transition: -moz-transform 0.3s;  -o-transition: -o-transform 0.3s;  transition: transform 0.3s;}
.shouxinindex301 ul li img:hover{-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);  transform: scale(1.1);} 
.shouxinindex301 ul li p{transition: opacity .3s;position: absolute;top: 44.5%;left: 29.5%;width: 250px;height: 45px;text-align: center;border-radius: 45px;background: rgba(255,255,255,0.8);line-height: 45px;text-align: center;color: #676566;font-size: 22px;}
.shouxinindex301 ul li:hover{transform: translate3d(0,0px,0); box-shadow:0 0 5px #000 ; border-radius: 0px; }
.shouxinindex301 ul li:hover p a{color:#676566; width:100%; display:block;}
.shouxinindex301 ul li:hover p:hover{color:#48a59a;  }



.shouxinindex401 {margin:30px auto; width:1200px; display:table;}
.shouxinindex401 ul{margin:0px auto; width:1200px; }
.shouxinindex401 ul li{float:left; width:33.333333333333%; position:relative; overflow:hidden;}
.shouxinindex401 ul li img{width:100%;-webkit-transition: -webkit-transform 0.3s;  -moz-transition: -moz-transform 0.3s;  -o-transition: -o-transform 0.3s;  transition: transform 0.3s;}
.shouxinindex401 ul li img:hover{-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);  transform: scale(1.1);} 
.shouxinindex401 ul li p{transition: opacity .3s;position: absolute; top: 42.5%;left: 24.5%; width: 200px;height: 40px;text-align: center; border-radius: 40px; background: rgba(255,255,255,0.8); line-height:40px; color:#676566; font-size:22px;}
.shouxinindex401 ul li:hover{transform: translate3d(0,0px,0); box-shadow:0 0 5px #000 ; border-radius: 0px; }
.shouxinindex401 ul li:hover p a{color:#676566; width:100%; display:block;}
.shouxinindex401 ul li:hover p:hover{color:#48a59a;  }



.shouxinindex002 {margin:30px auto; width:100%; height:300px;display:table;}
.shouxinindex002 ul{margin:0px auto; width:1200px;}
.shouxinindex002 ul li{float:left;width:49%; margin-right:2%; position:relative;}
.shouxinindex002 ul li:nth-child(2n){margin-right:0;}
.shouxinindex002 ul li img{ width:100%;}
.shouxinindex002 ul li h6 {position:absolute;width:50px; height:50px; line-height:50px; top:50%;left:50%;margin-left:-25px;margin-top:-25px; font-size:20px; border-radius:50%; background:rgba(255,255,255,.6); text-align:center; color:#000; text-indent:5px;}
.shouxinindex002 ul li:hover h6 {color: #ff0000}

.shouxinindex002 ul li p{margin:0px auto; width:98%; text-align:center; line-height:35px; font-size:16px;}



.shouxinlistproduct01 {margin:50px auto; width:100%; background:#fff; height:679px; display:table;}
.shouxinlistproduct01 ul{margin:0px auto; width:1200px; }
.shouxinlistproduct01 ul ol{float:right; width:743px;}
.shouxinlistproduct01 ul li{float:left; width:457px; padding-top:250px;}
.shouxinlistproduct01 ul li h3{ color:#11959b; font-size:26px; line-height:45px;letter-spacing:10px;text-align:left; font-weight:normal;} 
.shouxinlistproduct01 ul li h4{ color:#727171; font-size:20px; line-height:35px;letter-spacing:0px;text-align:left;  margin-left:0px; font-weight:normal;} 
.shouxinlistproduct01 ul li h5{ color:#9a0000; font-size:32px; line-height:45px;} 
.shouxinlistproduct01 ul li h5 span{ color:#9a0000; font-size:20px; line-height:25px;}
.shouxinlistproduct01 ul li h6{width:160px;  border:#11959b 1px solid; color:#11959b; font-size:16px; line-height:42px;  border-radius: 42px; font-weight:normal; text-align:center; margin-top:15px;}  
.shouxinlistproduct01 ul li h6 a{color:#11959b; border-radius: 42px;} 
.shouxinlistproduct01 ul li h6 a:hover{color:#fff; background:#11959b; border:#11959b 1px solid; width:100%; display:inline-block;}  

.shouxinlistproduct02 {margin:0px auto; width:100%; background:#f6f8f6; height:679px; }
.shouxinlistproduct02 ul{margin:0px auto; width:1200px; }
.shouxinlistproduct02 ul ol{float:left; width:743px;}
.shouxinlistproduct02 ul li{float:right; width:457px;  padding-top:250px;}
.shouxinlistproduct02 ul li h3{ color:#11959b; font-size:26px; line-height:45px;letter-spacing:10px; text-align:right;font-weight:normal;} 
.shouxinlistproduct02 ul li h4{ color:#727171; font-size:20px; line-height:35px;letter-spacing:0px; text-align:right; margin-right:10px; font-weight:normal;} 
.shouxinlistproduct02 ul li h5{ color:#9a0000; font-size:32px; line-height:45px;} 
.shouxinlistproduct02 ul li h5 span{ color:#9a0000; font-size:20px; line-height:25px;}
.shouxinlistproduct02 ul li h6{ float:right;width:160px;  border:#11959b 1px solid; color:#11959b; font-size:16px; line-height:42px;  border-radius: 42px; margin-right:10px;font-weight:normal; text-align:center; margin-top:15px;}  
.shouxinlistproduct02 ul li h6 a{color:#11959b; border-radius: 42px;} 
.shouxinlistproduct02 ul li h6 a:hover{color:#fff; background:#11959b;border:#11959b 1px solid;  width:100%; display:inline-block;} 



.shouxinlistpage{margin:50px auto; width:1200px; background:#fff; display:table; padding:20px;}
.shouxinlistpage .lt {float:left; width:200px;}
.shouxinlistpage .lt ul {border: #84ccf2 1px solid;background: #d9eefd;margin: 0px auto;width: 100%; margin-bottom:20px;}
.shouxinlistpage .lt ul h3{background: #0096e1;margin: 0px auto;width: 100%;display: block;line-height: 73px;height: 73px;text-align: center;
    color: #fff; font-size: 18px;font-weight: bold;}
.shouxinlistpage .lt ul dl{margin: 20px auto;width: 90%;}
.shouxinlistpage .lt ul dl dd{margin: 0px auto;width: 90%;border-bottom: #c0c7cc 1px solid;line-height: 35px;font-size: 16px;color: #333;}
.shouxinlistpage .lt ul dl dd.on a{color:#fe9900; display:block;font-weight:bold;}
.shouxinlistpage .lt ul ol{margin:10px auto; width:100%;}
.shouxinlistpage .lt ul ol h4{font-size: 16px;font-weight: bold;color: #fe9900;text-align: center;line-height: 25px;}
.shouxinlistpage .lt ul ol p{margin:10px auto; width:80%; text-align:center;}
.shouxinlistpage .lt ul ol p img{margin:0px auto; width:90%;}
.shouxinlistpage .rt {float:right; width:940px;}
.shouxinlistpage .rt h2{float:right; width:100%;border-bottom: 1px solid #b2b2b2;line-height: 40px; color: #999999;text-align: right; display:table; margin-bottom:30px; font-weight:normal;}
.shouxinlistpage .rt h2 a {color: #999999; }
.shouxinlistpage .rt h3{margin: 0px auto; width: 100%;font-size: 24px;color: #fe9900;line-height: 40px;text-align: center;font-weight: bold; display:table; margin-top:20px;}
.shouxinlistpage .rt h4{margin: 0px auto; width: 100%;font-size: 12px;display:table; font-weight: normal;    height: 20px;    line-height: 20px;
    text-align: center;    overflow: hidden;    color: #666;    margin-bottom: 20px;}
.shouxinlistpage .rt h4 small{padding-left:10px;}   
.shouxinlistpage .rt h1{margin: 0px auto;width: 90%;font-size: 12px;color: #333;line-height: 25px; text-indent:2em; font-weight:normal;}
.shouxinlistpage .rt h1 img{margin:10px auto; max-width:96%; text-align:center;}

.shouxinlistpage .rt ul{margin:0px auto; width:100%; display:table; margin-bottom:30px; }
.shouxinlistpage .rt ul ol {margin:0px auto; width:100%; margin-top:2%; border:#eee 1px solid; display:table;overflow:hidden;}
.shouxinlistpage .rt ul ol:hover{border:#fe9900 1px solid;}

.shouxinlistpage .rt ul ol dt{float:left; width:30%;overflow:hidden;}
.shouxinlistpage .rt ul ol dt img{ width: 100%; height: 200px; cursor: pointer;transition: all 0.6s;overflow:hidden; }
.shouxinlistpage .rt ul ol dt img:hover{transform: scale(1.2);} 

.shouxinlistpage .rt ul ol dd{float:right; width:68%;}
.shouxinlistpage .rt ul ol dd h5{margin:0px auto; width:100%; font-size:18px; color:#fe9900; line-height:45px;}
.shouxinlistpage .rt ul ol dd h5 a{ color:#fe9900;}
.shouxinlistpage .rt ul ol dd p{margin:0px auto; width:100%; line-height:25px;}

.shouxinlistpage .rt ul dl {float:left; width:31.333333333333%; margin-right:2%; margin-top:2%; border:#eee 1px solid; position:relative;}
.shouxinlistpage .rt ul dl i{position: absolute;    width: 50px;    height: 50px;    line-height: 50px;    top: 50%;    left: 50%;
    margin-left: -25px;    margin-top: -25px;    font-size: 30px;    border-radius: 50%;
    background: rgba(255,255,255,.6);    text-align: center;    color: #000;    text-indent: 5px;}
.shouxinlistpage .rt ul dl img {width:100%; height:200px;}
.shouxinlistpage .rt ul dl p{margin:0px auto; width:100%; text-align:center; line-height:35px; height:35px; overflow:hidden;}
.shouxinlistpage .rt ul dl:nth-child(3n){}
.shouxinlistpage .rt ul dl:hover{border:#ccc 1px solid; box-shadow:0 0 5px #ccc;}


.shouxinlistpagemenu{ margin:0px auto; width:100%; background:#fff; box-shadow:0 5px 5px #dedede ; height:45px;  display:table; }
.shouxinlistpagemenu ul{ margin:0px auto; width:1200px;   }
.shouxinlistpagemenu ul li a{width:10%; text-align:center; float:left; border-right:solid 1px #DCDCDC; line-height:43px; font-size:16px; height:45px; font-weight:bold; color:#676566;}
.shouxinlistpagemenu ul li a:hover{color:#48a59a;border:none;width:10%; border-right:solid 1px #DCDCDC; border-bottom:solid 2px #48a59a;}
.shouxinlistpagemenu ul li.on a{color:#48a59a;border:none;width:10%; border-right:solid 1px #DCDCDC; border-bottom:solid 2px #48a59a;}


.shouxinlistpage01 {margin:50px auto; width:1200px; line-height:35px; font-size:18px;display:table;}
.shouxinlistpage01 p {text-indent:2em; font-size:16px;}
.shouxinlistpage01 img{max-width:100%;}


.shouxinlistpage02 { margin:50px auto; width:1200px; display:table;}

.shouxinlistpage02 .lt{ float:left; width:860px;}
.shouxinlistpage02 .lt h2{width:100%; font-size:16px; line-height:20px;}
.shouxinlistpage02 .lt li{width:100%;overflow: hidden; border:#dadcdf 1px solid; height:260px; border-radius: 5px; margin:20px auto;}
.shouxinlistpage02 .lt li img{ float:left; width:36.5%; height:218px; margin:2.5% 2%; border-radius:5px}
.shouxinlistpage02 .lt li div{ float:left; width:58%; }
.shouxinlistpage02 .lt li div h3{ margin-top:25px;width:100%; font-size:18px; font-weight:bold;}
.shouxinlistpage02 .lt li div span{ float:right;font-size:14px; line-height:30px; color:#676566;font-weight:100; height:15px; margin-top:-2px;}
.shouxinlistpage02 .lt li div h4{ margin:10px auto;width:100%; font-size:12px; line-height:20px; color:#676566; font-weight:normal;}
.shouxinlistpage02 .lt li div p{font-size:16px;   color:#50b1a6; }
.shouxinlistpage02 .lt li a{ border-bottom:#dadcdf 1px solid; border-radius: 5px; color:#676566; }
.shouxinlistpage02 .lt li:hover{transform: translate3d(0,0px,0); border-bottom:#48a59a 0px solid; border-radius: 5px; box-shadow:0 0 10px #999 ; }

.shouxinlistpage02 .rt{ float:right; width:320px;  }
.shouxinlistpage02 .rt  h3{height:25px; font-size:16px; line-height:25px;}


.listnewspic{ position:relative;width:100%; margin:15px auto 20px auto; cursor: pointer; transition: transform .3s ease,box-shadow .3s ease;overflow: hidden; height:220px;} 
.listnewspic img{width:100%;top: 0;  position: relative;  height:220px; left: 0;  -webkit-transition: -webkit-transform 0.3s;  -moz-transition: -moz-transform 0.3s;  -o-transition: -o-transform 0.3s;  transition: transform 0.3s;}
.listnewspic img:hover{  width:100%;-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);  transform: scale(1.1);}
.listnewspic  span{ display:block;position:absolute; bottom:0; left:0; color:rgba(255,255,255,0.9); text-align:center; font-size:16px;width:320px; z-index:10;height:36px; line-height:36px; background:#54b1a6;filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;}


.shouxinlistpage03 { margin:50px auto; width:1200px;}
.shouxinlistpage03 h2{width:100%; font-size:16px; line-height:20px;}
.shouxinlistpage03 li{width:100%;overflow: hidden; border:#dadcdf 0px solid; height:220px; margin:20px auto; background:#f8f8f8; display:inline-block; }
.shouxinlistpage03 li h3{ margin:20px auto;width:98%; font-size:18px; font-weight:bold;}
.shouxinlistpage03 li h3 span{ margin-left:20px; font-size:14px; font-weight:100;}
.shouxinlistpage03 li div{margin:0px auto; width:98%; font-size:12px; line-height:30px; color:#676566;}
.shouxinlistpage03 li p{margin:20px auto;width:98%; font-size:16px;   color:#50b1a6; }
.shouxinlistpage03 li a{ border-bottom:#dadcdf 1px solid; border-radius: 5px; color:#676566; }
.shouxinlistpage03 li:hover{transform: translate3d(0,1px,0);  box-shadow:0px 2px 10px #999 ; }


.listnewsnr { margin:0px auto; width:1200px; background:#fff; overflow:hidden; padding:20px;}
.listnewsnr .lt{ float:right; width:320px; border:#e0e0e0 1px solid; }
.listnewsnr .lt h2{ margin:20px auto; width:90%;height:18px; font-size:18px;  border-left:#50b1a6 5px solid; color:#50b1a6; padding-left:10px; font-weight:bold;}
.listnewsnr .lt ul{ margin:10px auto; width:90%;}
.listnewsnr .lt ul li{ width:100%; color:#676566; line-height:25px; font-size:14px;}
.listnewsnr .lt ul li a{ color:#676566;}
.listnewsnr .lt ul li a:hover{ color:#50b1a6;}
.listnewsnr .rt{ float:left; width:800px; line-height:25px; font-size:14px; }
.listnewsnr .rt h3{ margin:20px auto 10px auto; width:100%; font-size:20px; color:#fe9900; line-height:25px; text-align:center;}
.listnewsnr .rt h4{ font-size:24px; color:#676566; line-height:35px;}
.listnewsnr .rt h5{  font-size:16px; color:#676566;}



.footer {margin:0px auto; width:100%; height:488px; background:#eeecef; border-top:#fff 1px solid; }
.f01 {margin:0px auto; width:1200px; height:145px;  border-bottom:#a0a0a0 1px solid; }
.f01 li{ float:left; width:23%; margin-right:12%;height:56px;  line-height:56px; font-size:18px;  margin-top:40px; text-align:center;}
.f01 li:nth-child(3n){margin-right:0px;}
.f01 li img{ margin-right:30px;}

.f02 {margin:66px auto; width:1200px; height:208px; }
.f021 { float:left; width:400px;}
.f021 h2{width:100%; font-size:16px; color:#676566; font-weight:bold; padding-top:0px; margin-top:5px;}
.f021 h3{width:100%; font-size:35px; color:#54b1a6; margin:15px 0;}
.f021 h3 a{color:#54b1a6; font-size:35px;}
.f021 h3 a:hover{color:#54b1a6;}
.f021 li{width:100%; font-size:14px; line-height:25px; color:#676566; }
.f021 li a{color:#676566; }
.f021 li a:hover{color:#54b1a6; }

.f022 { float:left; width:370px; }
.f022 li{ float:left; width:33.33333333333%; text-align:center; padding-top:0px; margin-top:5px; }
.f022 li p{ text-align:center; font-size:16px; color:#676566; line-height:50px;}
.f022 li a{color:#676566;font-size:16px; }
.f022 li a:hover{color:#54b1a6;}

.f023 { float:left; width:300px; }
.f023  li{ text-align:center; color:#676566; width:45%; float:left; padding:0px; margin:0px;}
.f023  li h2{ font-size:16px; color:#676566; font-weight:bold; padding:0px; margin:0px;}
.f023  li h2 a{ color:#676566; padding:0px; margin:0px;}
.f023  li a{color:#676566; font-size:16px; line-height:35px;}
.f023  li a:hover{color:#54b1a6;line-height:35px;}

.f024 { float:left; width:130px; }
.f024 h2{width:100%; font-size:16px; color:#676566; font-weight:bold; padding-top:0px; margin-top:5px;}
.f024 li{width:100%; margin-top:30px; }
.f024 li img{ max-width:130px; }




.pages {
	text-align: center;
	margin-top: 60px;
}
.pages ul {
	font-size: 0;
}
.pages ul li {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: #ffffff;
	border-radius: 2px;
	border: solid 1px #dddddd;
	text-align: center;
	line-height: 40px;
	margin-right: 7px;
}
.pages ul li:hover {
	background-color: #296dac;
	color: #FFFFFF;
}
.pages ul li.active {
	background-color: #296dac;
	color: #FFFFFF;
}
.pages ul li:hover a {
	color: #FFFFFF;
}
.pages ul li.active a {
	color: #FFFFFF;
}
.pages ul li:last-child {
	margin-right: 0;
}
.pages ul li a {
	display: block;
	color: #111111;
}
.pages ul li.prev, .pages ul li.next {
	width: 70px;
	height: 40px;
	border-radius: 2px;
	border: solid 1px #dddddd;
}
.pages ul li.home-page, .pages ul li.last-page {
	width: 58px;
	height: 40px;
	border-radius: 2px;
	border: solid 1px #dddddd;
}

/*分页样式*/
.pglist {
	padding: 5px 0 5px;
	width: 100%;
	text-align: center;
	clear: both;
}
.pglist a {
	color: #666;
	padding: 0 14px;
	margin: 0 3px;
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
	background: #fff;
	border: 1px solid #ddd;
}
.pglist a:hover, .pglist .hover {
	display: inline-block;
	color:#fff;
	background:#296dac;
	border-color: #296dac;
}


.bg-grey {
	background-color: #fff;
	width: 100%;
}

.content {
	width: 100%;
	margin: 0 auto;
}


.tab-block {
	width: 100%;
	margin: 0 auto;
	background-color: #FFF;
	border: 0px solid #e5e5e5
}

.tab-block.information-tab {
	text-align:center;
}
.tab-block.information-tab ul {
	margin:0px auto;
	width:100%;
}
.tab-block.information-tab ul ol {
	margin:0px auto;
	width:1200px;
}
.tab-block.information-tab  .xh{
	margin:50px auto;
	width:1160px;
}

.tab-block.information-tab .xh li{
	float:left;
	width:50%;
	line-height:45px;
	font-size:16px;
	text-align:left;

}

.tab-block.information-tab .tabs {
margin: 0px auto;
width:100%;
margin-top:50px;
}

.tab-block .tab-buttons {
	margin:0px auto 10px auto;
	width: 100%;
	height: 50px;
	box-shadow:0 5px 5px #dedede ;
}
.tab-block .tab-buttons ul {
	margin:0px auto;
	width: 1200px;

}

.buy{ margin-top:10px; float:right; width:100px; height:30px; border-radius: 30px; line-height:30px; text-align:center; background:#4bb1a6; color:#fff; font-size:14px;}
.buy a{ color:#fff;}
.buy a:hover{ color:#fff;}
.tab-block .tab-buttons .tab-button {
	width: 150px;
	float: left;
	height: 50px;
	text-align: center;
	font-size: 16px;
	color: #999;
	border-right:solid 1px #DCDCDC;
	line-height: 45px;
	position: relative;
	cursor: pointer
}

.tab-block .tab-buttons .tab-button.cur {
	background-color: #fff;
	color: #333
}

.tab-block .tab-buttons .tab-button.cur:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #48a59a;
}

.tab-block .tabs {
	margin:0px auto;
	width: 100%;
}

.tab-block .tabs .tab-item {
	width: 100%;
	display: none
}

.tab-block .tabs .tab-item.active {
	display: block
}


.pro-use { margin:0px auto; width:100%; overflow: hidden; }
.voide .pic { width: 800px; height: 450px; marker-mid: url(../Images/about/567.png); margin: 80px auto 160px; }
.voide .pic .video-pc { width: 100%; height: auto; position: relative; margin-bottom: 50px; overflow: hidden; border-radius: 0px; }
.voide .pic .video-pc img { display: block; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s }
.voide .pic .video-pc:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.voide .pic .video-pc .btns { display: block; width: 76px; height: 76px; background: url(images/iab-btns.png) center no-repeat; z-index: 5; position: absolute; left: 50%; top: -30%; margin: -38px 0 0 -38px; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; }
.voide .pic .video-pc .btns:hover { background: url(../img/iab-btns1.png) center no-repeat; }
.voide .pic .video-pc:hover .btns { top: 50%; }
.voide .pic .video-ph { display: none; }
.voide .bot { width: 66%; height: auto; overflow: hidden; padding-top: 60px; }
.voide .bot h1 { display: block; margin-bottom: 30px; }
.voide .bot-container { display: none; }
.voide .bot ul { padding: 1%; overflow: hidden }
.voide .bot ul li { float: left; width: 32%; margin-right: 2%; border-radius: 0px; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; box-shadow: 0 1px 12px 0px #33333363; }
.voide .bot ul li img { width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s }
.voide .bot ul li:hover { box-shadow: none; }
.voide .bot ul li:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.voide .bot ul li:last-child { margin-right: 0px; }
.voide .pic .video-pc .btns:hover { background: url(../Images/use/iab-btns1.png) center no-repeat; }

.method { margin:0px auto;  width:100%;   overflow: hidden; height:1100px;  background-color: #f5f5f5; }
.method dl { margin:0px auto; overflow: hidden;  width:1200px; margin-bottom: 110px; position: relative; clear:both;}
.method dl dd { float: left; width: 20%; margin: 2.5%; height: 350px; position: relative; }
.method dl:after { position: absolute; content: ''; width: 930px; height:0px; border-top: dashed 0px #50B1A6; bottom: 20%; left: 50%; transform: translate(-50%,0); z-index: 99; }
.method dl dd a, .method dl dd span, .method dl dd p { display: block; }
.method dl dd a { width: 100%; height: 230px; overflow: hidden; border-radius: 0px; }
.method dl dd a img { width: 100%; height: 100%; object-fit: cover; border-radius: 0px; }
.method dl dd span { width: 30px; height: 30px; background-color: #50B1A6; line-height: 30px; text-align: center; font-size: 16px; color: #fff; border-radius: 50%; position: absolute; top: 80%; left: 50%; margin-left: -15px; z-index: 999; }
.method dl dd p { position: absolute; top: 94%; z-index: 999; font-size: 16px; color: #666; line-height: 28px; width: 80%; text-align: center; transform: translate(-50%,0); left: 50%; }

.listcp {margin:0px auto; width:100%; line-height:35px; font-size:18px; background:#fff;}
.listcp ul {margin:0px auto; width:1200px; padding:20px 0;}
.listcp ul li {margin:0px auto; width:100%; text-align:center;}




.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:91px;height:62px;background-color:#54b1a6;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#54b1a6;}
.suspension .a .i{float:left;width:91px;height:62px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}

.suspension .a-qrcode .i{background-position:-91px 0;}
.suspension .a-cart .i{background-position:-182px 0;}
.suspension .a-top .i{background-position:-273px 0;}
.suspension .a-top{background:#54b1a6;display:none;}
.suspension .a-top:hover{background:#54b1a6;}
.suspension .d{display:none;width:180px;background:#fff;position:absolute;right:91px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:0px;}
.suspension .d .inner-box{padding:8px 22px 12px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0 3px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}