@charset "utf-8";
/* CSS Document */
/*---------- import ---------*/
/*@import url("layout.css");
@import url("page.css");*/
/*---------- base ---------*/
*{padding:0px;margin:0px;}
html{color:#343333;}
body{font:12px "Microsoft YaHei","微软雅黑","宋体",Verdana,Arial,Tahoma; background:none; overflow-x:hidden;}
img{border:none; display:block; margin:0px auto;max-width:100%;}
a{color:#000;text-decoration:none;}
a:hover{color:#07bab7;text-decoration:none;}
ul,li{list-style:none; margin:0px; padding:0px;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden; clear:both;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{	zoom:1; }
.fl{ float:left;}
.fr{ float:right;}

.am-container{ -webkit-box-sizing:border-box; box-sizing:border-box; margin-left:auto; margin-right:auto; padding-left:1.0rem; padding-right:1.0rem; width:100%; max-width:1400px}
.am-container:after,.am-container:before{ content:" "; display:table}
.am-container:after{ clear:both}
.top70{height:70px;}
.web-container{ -webkit-box-sizing:border-box; box-sizing:border-box; margin-left:auto; margin-right:auto; padding-left:0; padding-right:0; width:100%; max-width:100%;}
.web-container:after,.am-container:before{ content:" "; display:table}
.web-container:after{ clear:both}

.al-container{ -webkit-box-sizing:border-box; box-sizing:border-box; margin-left:auto; margin-right:auto; padding-left:1.5rem; padding-right:1.5rem; width:100%; max-width:1300px}
.al-container:after,.al-container:before{ content:" "; display:table}
.al-container:after{ clear:both}

.page-container{ -webkit-box-sizing:border-box; box-sizing:border-box; margin-left:auto; margin-right:auto; padding-left:1.5rem; padding-right:1.5rem; width:100%; max-width:1380px}
.page-container:after,.al-container:before{ content:" "; display:table}
.page-container:after{ clear:both}

#back-to-top{position:fixed;bottom:5%;left:95%; z-index: 999999999999999999999999999999;}
#back-to-top a span{display:block;height:50px;width:50px;background:url(../images/return_top.png) no-repeat center center;margin-bottom:5px;-moz-transition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s;}
#back-to-top a:hover span{background:url(../images/return_top.png) no-repeat center center;}

.sub-nav{ width:100%; margin:0 auto; padding:0; text-align:left; background:#FFF; -webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s; }
.sub-nav .nav-box{ max-width:1400px; width:100%; padding: 0; margin:0 auto; }
.sub-nav .nav-box .wl50{ width:50%; overflow:hidden;padding:1% 0 0 0;}
.sub-nav .nav-box .wl50 a{ display:inline-block;}
.sub-nav .nav-box .wl50 span{font-size: 36px; color: #07bab7}
.sub-nav .nav-box .wl50 img{ max-width:100%;}
.sub-nav .nav-box .wr50{ width:50%; padding:0;}

/* --------- 导航 ----------------*/
#navMenu { padding:0px; margin:0 auto; text-align:center; overflow:hidden;}
#navMenu ul { display:block; margin:0 auto; padding:0; text-align:right; overflow:hidden;}
#navMenu ul li { display:block; float:left; width:20%; margin:0; padding:0; text-align:center;}
#navMenu ul li a { display:block; position:relative; font-family:"Microsoft YaHei"; line-height:88px; padding:0; margin:0 15%; font-size:15px; color: rgba(153, 153, 153, 1); font-weight:400; text-align:center; border-bottom: 2px #FFF solid;}
#navMenu ul li a:hover{ color:#07bab7; border-bottom: 2px #07bab7 solid;}
#navMenu ul li.hover { display:block; margin:0 auto; padding:0; text-align:center;}
#navMenu ul li.hover a { display:block; position:relative; line-height:88px; padding:0px; margin:0 15%; font-size:15px; color:#07bab7; border-bottom: 2px #07bab7 solid; text-align:center; }

/*-------- 下拉菜单 --------------*/
.dropMenu {position:absolute; top:0; z-index:100; width:120px; margin:-1px 0 0 -10px; padding:0; visibility: hidden;}
.dropMenu li { margin:5px 0; padding:0; text-align:center; height:40px; background:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.dropMenu li:hover{ background:#FFF; cursor:pointer;}
.dropMenu li a { width:100%; display: block; line-height:40px; padding:0; margin:0; font-size:14px; color:#07bab7; text-align:center;}
.dropMenu li a:hover { color:#07bab7; text-decoration:none;}


/*-------- 轮播图 --------------*/
.banner{width:100%; max-height:793px; margin:0 auto; text-align:center; clear:both; overflow:hidden;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.focusBoxban { position: relative; width:100% !important; text-align:center; overflow: hidden; }
.focusBoxban .picimg{ position:relative; z-index:0; max-height:793px;overflow: hidden;}
.focusBoxban .picimg li{ width:100%; max-height:793px; overflow: hidden;}
.focusBoxban .picimg img { width:100% !important; max-height:793px; margin:0 auto; display: block; }
.focusBoxban .hd { width:100%; position:absolute; bottom:10px; text-align:center; z-index:10; padding:0px; overflow:hidden;}
.focusBoxban .hd li{ display:inline-block; *display:inline; margin: 4px 5px; height: 5px; width: 30px; cursor: pointer; zoom:1; background:#FFF; filter:alpha(opacity=80); opacity:0.8; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; overflow: hidden;}
.focusBoxban .hd .on{ background:rgb(7,186,183); filter:alpha(opacity=100); opacity:1;}
.focusBoxban .prev,
.focusBoxban .next { width: 60px; height: 60px; margin: -48px 0px 0px; display: none; background-image:url(../images/vbg01.png); background-color: rgba(0,0,0,.6); background-position:-4px 0; background-repeat:no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.focusBoxban .prev { left: 0%; }
.focusBoxban .next { background-position: -45px 0; right:0%;}
.focusBoxban .prev:hover,
.focusBoxban .next:hover { filter:alpha(opacity=90) !important;opacity:0.9 !important;  }


.gsggy{ padding:0; margin:0 auto; text-align:center; overflow:hidden;}
.gsggy .ggydetails{ padding: 4% 0; background-image: none; background-color: #07bab7; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #FFF;}
.gsggy .ggydetails .font14{ font-size: 14px;}
.gsggy .ggydetails .font32{ font-size: 32px;}


.qyys{ padding:0; margin:0 auto; text-align:center; overflow:hidden;}
.qyys .ysdetails{ padding:50px 0 0 0; margin:0 auto; background-size: contain; overflow:hidden;}
.qyys .ysdetails .font26{ color:#333; text-align: center; padding:0; margin:50px auto; font-size: 26px; line-height:75px; background:#fff url(../images/amenubg.jpg) no-repeat; background-position: center center;}
.qyys .ysdetails .lh30{ padding:0;  text-align: left; font-size:0.8rem; line-height: 2.4rem; color:#808080;}
.qyys .ysdetails .yslist{ padding:42px 0 100px 0; margin:0 auto; text-align:center; overflow:hidden;}
.qyys .ysdetails .yslist ul{ overflow:hidden;}
.qyys .ysdetails .yslist ul li{  width:50%; display:block; padding:0; text-align:center;}
.qyys .ysdetails .yslist ul li:nth-child(3){ margin:5% auto 0 auto}
.qyys .ysdetails .yslist ul li:nth-child(4){ margin:5% auto 0 auto}
.qyys .ysdetails .yslist ul li .w17{ width:18%; margin:0 auto;}
.qyys .ysdetails .yslist ul li .font20{ margin:2% 0 0 0; text-align: center; font-size: 20px;}
.qyys .ysdetails .yslist ul li .font20 span{font-size: 12px; color: rgb(7, 186, 183);}
.qyys .ysdetails .yslist ul li .ms{text-align: center; font-size: 14px; color: rgb(128, 128, 128);}

.search{width:100%; height:60px; margin:0 auto; text-align:center; background: #f4f4f4; border-top: 1px #EEE solid; clear:both; overflow:hidden;}
.search .search-box{ width:1150px; margin:0 auto; padding:0; text-align:center; overflow:hidden;}
.search .search-box span{ color:#0246a7 ; font-size: 14px;}
.search .search-box a{font-size: 14px;}
.search .search-box .ss{ width: 90%; margin: 0 auto; padding: 0; background: #FFF; height: 28px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; overflow: hidden}
.search .search-box .search-keyword{ width:78%;  margin: 4px 10px 4px 0; line-height: 20px; font-size: 14px; background: none; border: none; border-right: 1px #0246a7 solid;}
.search .search-box .search-submit{ padding:4px 11px; background:url(../images/sousuoico.png) no-repeat; border: none; cursor: pointer;}

.product{ padding:0; margin:0 auto; text-align:center; overflow:hidden; }
.product .pro-name{ margin:0 auto; padding:0; text-align:left; overflow:hidden;}
.product .pro-name .w50{ width:50%; text-align:left; overflow:hidden;}
.product .pro-name .w50 .font22{ font-size: 22px; text-align: left;}
.product .pro-name .w50 .enfont{ font-size: 14px; text-align: left; color:#999;}
.product .pro-name .w50 .ml40{ margin:1% auto 0 60%; border :2px #0abbb9 solid; border-radius: 3px; overflow:hidden;}
.product .pro-name .w50 .ml40 .searcheidth{ width:70%; float:left;}
.product .pro-name .w50 .ml40 .searcheidth .searchinput { display: block; width: 85%; border: none; outline: 0; padding: 0 14px; background-color: transparent; height:30px; line-height:30px;}
.product .pro-name .w50 .ml40 .searchbtncolor{ width: 20%; line-height: 30px; color: #fff; cursor: pointer; float:right; background:#0abbb9;}
.product .pro-name .w50 .ml40 .searchbtncolor .searchbtn{width: 100%; height: 100%; line-height: 30px; color: #fff; background:#0abbb9; border:none; cursor: pointer;}

.listpro{ padding-top: 2%; padding-bottom: 7%; overflow:hidden;}
.pbox{ overflow:hidden;}
.pbox li{ position:relative; width:24%; margin:0 1.32% 1.4% 0; padding:0; float:left; text-align:center; cursor:pointer; overflow:hidden;}
.pbox li:nth-child(4n){ margin:0 0 1.4% 0;}
.pbox li .propic{ display:block; width: 100%; height:400px; filter: alpha(opacity=100); opacity: 1; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.pbox li:hover .propic{ filter:alpha(opacity=100); opacity:1; transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.pbox li .propic img{ width: 100%; min-height:502px; max-height:502px; filter: alpha(opacity=100); opacity: 1; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.pbox li:hover .propic img{ filter:alpha(opacity=100); opacity:1; transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.pbox li .nametitle{ position:absolute; display:block; left:0; bottom:0; width:100%; line-height:44px; background:#000; font-size:16px; color:#FFF; text-align:center;  filter: alpha(opacity=80); opacity: 0.8; }


.about{ padding:0; margin:0 auto; text-align:center; overflow:hidden;}
.about .bgl{ background: #fff url(../images/albg.jpg) no-repeat; background-position: center center; background-size: cover;}
.about .bgr{ background: #fff url(../images/arbg.jpg) no-repeat; background-position: left center; background-size: cover;}
.about .w50{ width:50%; min-height:432px; text-align:left;}
.about .w50 .w70{ width:70%; margin:84px auto 0 auto; }
.about .w50 .w70 .minh30{ min-height:30px;}
.about .w50 .w70 .minh30 img{ float:left;}
.about .w50 .w70 .font22{ font-size: 22px; text-align: left; line-height: 25px; color: rgb(255, 255, 255);}
.about .w50 .w70 .lh25{ margin:0 auto 48px auto; line-height: 25px; text-align: left;color: rgb(255, 255, 255); font-size: 14px;}
.about .w50 .w70 .font14{ font-size: 14px; text-align: left; line-height: 30px;color: #FFF; padding:0 10% 0 0;}
.about .w50 .w70 .font14 p{color:#fff;overflow: hidden;
 text-overflow: ellipsis;
-o-text-overflow: ellipsis;
 white-space: nowrap;}
.about .w50 .w80{ width:60%; padding:72px 0 0 25%; overflow:hidden;}
.about .w50 .w80 .frimg { padding:0; overflow:hidden;}
.about .w50 .w80 .frimg img{ float:right;}
.about .w50 .w80 .pt16{ padding: 10px 0 0 0; text-align: right; font-size: 22px;color: rgb(7, 186, 183);}
.about .w50 .w80 .h46{ width:23%; float:right; margin:20px 0 0 0; height:46px; text-align:center;}
.about .w50 .w80 .h46 a{ display:block; line-height:46px; color:#FFF; background:#07bab7;border-radius: 3px; }



.case{ padding:0; margin:0 auto; text-align:center; overflow:hidden;}
.case .case-name{ margin:0 auto;  padding:100px 0; text-align: center; font-size: 26px; color:#333; line-height:35px; background:#fff url(../images/almenubg.jpg) no-repeat; background-position: center center; overflow:hidden;}
.case .case-list{ background: #fff url(../images/allistbg.jpg) no-repeat; background-position: center top;  }
.case .case-list ul{ margin: 0 auto; display:block; text-align:center; overflow:hidden;}
.case .case-list ul li{ width:33.333%; float:left; padding:4% 0 9% 0; text-align:center; background:#FFF url(../images/allibg.png) no-repeat; background-size: cover; background-position: center center; cursor:pointer;}
.case .case-list ul li a{ display:block; overflow:hidden;}
.case .case-list ul li a .w80{ width:70%; margin:0 auto; text-align:center; overflow:hidden;}
.case .case-list ul li a .w80 img{ width:100%; display:block;}
.case .case-list ul li a .xmtitle{ margin:11% auto 0 auto; font-size: 16px; line-height:30px; }
.case .case-list ul li a .xmms{ width:80%; margin:3% auto 0 auto; line-height: 28px; font-size: 14px; color:#808080; text-align: center; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}



.w3cFocus{ width:960px;  position:relative;  height:526px; padding:0; margin: 0  auto; }
.w3cFocusIn .bd li{ vertical-align:middle; }
.w3cFocusIn .bd li img{ width:960px; height:400px; display:block;  }
.w3cFocusIn .hd{ position: absolute; width: 100%; margin:0 auto; text-align: center;  }
.w3cFocusIn .hd ul{ margin: 18px auto; vertical-align:middle; display:inline-block; *display:inline; overflow:hidden; zoom:1; }
.w3cFocusIn .hd ul li{  position:relative; float:left; display:inline; padding-top:0px;  margin-right:10px; filter:alpha(opacity=60); opacity:0.6;  cursor:pointer;  }
.w3cFocusIn .hd ul li img{ width:120px; height:90px; display:block;  }
.w3cFocusIn .hd ul li.on{ filter:alpha(opacity=100); opacity:1;}
.w3cFocusIn .hd ul li.on img{ background:#000;  filter:alpha(opacity=100); opacity:1; }


/*---------- 底部 ---------*/
.foot{ padding:4% 1%; margin:0 auto; background: rgba(43, 43, 43, 1); border-bottom:1px solid rgba(48, 48, 48, 1); background-size: cover; text-align:center; overflow:hidden;}
.ebottom{ background:rgba(43, 43, 43, 1); background-size:cover; background-repeat:no-repeat; background-position:center center;}
.s_footer{line-height: 22px; padding: 10px 0; font-size: 12px; text-align: center; color: #666;}


/*---------- frame : 内页 ---------*/
.ny-banner{ width:100%; margin:0 auto; padding:0px; text-align:center; overflow:hidden;}
.ny-banner img{ display:block;}
.position{ display:block; margin:0 0 0 5%; line-height:60px; font-size:14px; text-align:right; border-bottom: 1px #CCC solid; text-transform:uppercase;}
.position a{ font-size:14px; }
.position a:hover{ color: #0246a7;}

.znav{ line-height:40px; max-width:1200px; margin:0 auto; padding:0 0 0 0; text-align:center; overflow:hidden;}
.znav ul{ text-align:center; overflow:hidden;}
.znav ul li{ display:inline-block; width:20%; margin:1% 1%; border:1px #EEE solid; font-size:15px; text-align:center;}
.znav ul li a{ display:block;}
.znav ul li a:hover{ color:#FFF; background:#07bab7; border-color: #07bab7;}
.znav ul li a.ahover{ color:#FFF; background:#07bab7; border-color: #07bab7;}

.left-nav{ display:block; padding:20px 0; margin:0 auto; text-align:left; border-bottom: 4px #0246a7 solid; overflow:hidden;}
.left-nav li{  display:block; padding:0; margin:0; text-align:left; overflow:hidden; }
.left-nav li a{ display:block; line-height:40px; padding:0 0 0 15px; font-size:14px; text-align:left;overflow:hidden;}
.left-nav li a:hover{ color:#0246a7; }
.left-nav li.lefton a{ color:#0246a7;}

.pb110{padding:0 0 110px 0;  line-height: 30px;  text-align: left; color: #000;  font-size: 14px;}
.mtb150{ padding:100px 0; margin: 0 auto; line-height:75px; font-size:26px; text-align:center; background:#FFF url(../images/anlimenunamebg.jpg) no-repeat; background-position: center center; overflow:hidden;}
.mtb100a{ padding:30px 0 ; margin: 0 auto; line-height:75px; font-size:26px; text-align:center; background:#FFF url(../images/aboutbg.jpg) no-repeat; background-position: center center; overflow:hidden;}
.mtb100{ padding:100px 0; margin: 0 auto; line-height:75px; font-size:26px; text-align:center; background:#FFF url(../images/anlimenubg.jpg) no-repeat; background-position: center center; overflow:hidden;}
.yxpzhljgwssh{ padding:135px 0; background: #fff url(../images/ysbg.jpg) no-repeat; background-position: center center;  background-size: cover;}
.yxpzhljgwssh .font-32{font-size: 32px; text-align: center; line-height: 45px; color:#FFF; font-weight:bold;}
.yxpzhljgwssh .lh45{ line-height: 45px; color:#FFF; font-size: 14px; text-align: center;}
.ptb160{padding-top:160px; padding-bottom:160px;}
.tsyyleft{width: 50%;display: block;float: left;padding:145px 0;background:#FFF url(../images/yycjimgbg.png) no-repeat; background-position: center center; background-size: cover;}
.tsyyleft .font20{ font-size: 20px; text-align: center; line-height: 30px;color: rgb(252, 252, 252);}
.tsyyleft .lh30{ text-align: center; line-height: 30px; font-size: 14px; color: rgb(252, 252, 252);}
.lxwmright{width: 50%;display: block;float: left;padding:145px 0;background:#FFF url(../images/lxwmimgbg.png) no-repeat; background-position: center center; background-size: cover;}
.lxwmright .font20{ font-size: 20px; text-align: center; line-height: 30px;color: rgb(252, 252, 252);}
.lxwmright .lh30{ text-align: center; line-height: 30px;color: rgb(252, 252, 252); font-size: 14px;}
.ptb150{ padding:100px 0 50px 0; margin: 0 auto; line-height:75px; font-size:26px; text-align:center; background:#fff url(../images/xwmenunamebg.jpg) no-repeat; background-position: center -33px; overflow:hidden;}
.ptb155{ padding:100px 0 50px 0; margin: 0 auto; line-height:75px; font-size:26px; text-align:center; background:#fff url(../images/lxmenunamebg.jpg) no-repeat; background-position: center -33px; overflow:hidden;}
.fk-editor{ padding-bottom:30px; text-align: center; font-size: 14px; line-height: 34px; color: rgb(128, 128, 128);}
.fk-editor2{ text-align: center; font-size: 18px; color:#333;}

.mt4lr15{ margin:4% 15% 0;}
.mt4lr15 ul{ overflow:hidden;}
.mt4lr15 ul li{ width:32%; float:left; margin-right:2%; margin-bottom:2%; overflow:hidden;}
.mt4lr15 ul li:nth-of-type(3){ margin-right:0;}
.mt4lr15 ul li:nth-of-type(4){ width:100%; float:none; margin-right:0;}
.mt4lr15 ul li:nth-of-type(5){ float:none; margin-right:0;}
.mt4lr15 ul li:nth-of-type(6){ float:none; margin-right:0; margin-bottom:0;}
.mt4lr15 ul li h3{ font-weight: 400; font-size: 14px; color: #666; margin-bottom: 12px;}
.mt4lr15 ul li h3 span{color:#FF0000;}
.mt4lr15 ul li p{ display:block; border: 1px solid #e0e0e0; overflow:hidden;}
.mt4lr15 ul li p input{ display:block; width:calc(100% - 14px); padding-left: 14px; line-height: 44px; font-size: 13px; color: #333; background:none; border:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: 0;}
.mt4lr15 ul li:nth-of-type(5) p input{ width:120px; float:left; padding-left:0; margin:0 8px;}
.mt4lr15 ul li:nth-of-type(5) p img{ display:block; float:right; margin:11px 8px 11px 0; border:none; vertical-align:middle; cursor:pointer;}
.mt4lr15 ul li:nth-of-type(6) p{ border:none;}
.mt4lr15 ul li:nth-of-type(6) p input{ width:100%; padding-left:0; font-size: 16px;  color: #fff; cursor: pointer; background-color: #0abbb9;}
.mt4lr15 ul li p textarea{ display:block; width:calc(100% - 14px); padding-left: 14px; padding-top:8px; line-height: 22px; font-size: 13px; color: #333; background:none; border:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: 0;}
input::-webkit-input-placeholder{ font-family:"Microsoft YaHei"; }
input::-moz-placeholder{ font-family:"Microsoft YaHei"; }
input:-ms-input-placeholder{ font-family:"Microsoft YaHei"; }
textarea::-webkit-input-placeholder{ font-family:"Microsoft YaHei";}
textarea::-moz-placeholder{ font-family:"Microsoft YaHei";}
textarea:-ms-input-placeholder{ font-family:"Microsoft YaHei";}

.bg{ background: #fff url(../images/probg.jpg) no-repeat; background-position: center -33px;}
.bg1{ background: #fff url(../images/certificatebg.jpg) no-repeat; background-position: center -33px;}
.proname{ text-align:center; font-size: 26px; line-height:75px; padding-top: 100px; padding-bottom:30px; }
.mt5{ margin-top:5%; line-height: 30px; clear:both; font-size: 14px; color:#808080; text-align: center;}
.protitle{ padding-bottom: 24px; padding-top: 24px; font-size: 22px; color: #333; font-weight: 400; line-height: 1.3; text-align:left;}
.prolist{ padding-top: 4%; padding-bottom: 7%; overflow:hidden;}
.protime{ display:block;  color: #999; padding-bottom: 24px; text-align:left;}
.pro-xq{ border-top: 1px solid #ebebeb;}
.pro-xq .pro-body{ padding:30px 0; line-height:25px;}
.prenext{ border-top: 1px dashed #efefef; padding-top: 26px; line-height:32px; padding-bottom: 70px; overflow:hidden;}
.prenext p{ width:45%; padding:0; margin:0; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
.prenext p:nth-child(2){ text-align:right;}
.prenext p a{ font-size:14px;}


.w3cFocusimg{ width:960px;  position:relative;  max-height:1200px; padding:0; margin: 0  auto; }
.w3cFocusInimg .bd li{ vertical-align:middle; }
.w3cFocusInimg .bd li img{ width:500px; max-height:900px; margin:0 auto;  display:block;  }
.w3cFocusInimg .hd{ /*position: absolute;*/ width: 100%; margin:0 auto; text-align: center;  }
.w3cFocusInimg .hd ul{ margin: 18px auto; vertical-align:middle; display:inline-block; *display:inline; overflow:hidden; zoom:1; }
.w3cFocusInimg .hd ul li{  position:relative; float:left; display:inline; padding-top:0px;  margin-right:10px; filter:alpha(opacity=60); opacity:0.6;  cursor:pointer;  }
.w3cFocusInimg .hd ul li img{ width:120px; height:90px; display:block;  border:1px #CCC solid;  }
.w3cFocusInimg .hd ul li.on{ filter:alpha(opacity=100); opacity:1;}
.w3cFocusInimg .hd ul li.on img{ background:#000;  filter:alpha(opacity=100); opacity:1; }


/*---------- frame : 内页列表 ---------*/
.listbox{ overflow:hidden; clear:both; margin:0 auto; padding:0;}
.arclistbox{ margin:0 auto; padding:0; overflow:hidden; clear:both;}
.e8{ display:block; padding:0; margin:0 auto; text-align:center; overflow:hidden;}
.e8 li{ width:23%; position:relative; float:left; padding:0; margin:1%; transition: all 0.4s; text-align:center; cursor:pointer; overflow:hidden;}
.e8 li a{ display:block;}
.e8 li .pic{ width: 100%; min-height:502px; max-height:502px; filter: alpha(opacity=100); opacity: 1; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.e8 li:hover .pic{ filter:alpha(opacity=100); opacity:1; transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.e8 li .pic img{ width: 100%; min-height:502px; max-height:502px; filter: alpha(opacity=100); opacity: 1; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.e8 li:hover .pic img{ filter:alpha(opacity=100); opacity:1; transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.e8 li .title{ position:absolute; width:100%; bottom:0; line-height:44px; text-align:center; background:#000; color:#FFF; filter: alpha(opacity=80); opacity:0.8; overflow:hidden;}
.e8 li .title span{ font-size:16px; }


.e2{ padding:1rem; margin:0 auto; display:block; overflow:hidden;}
.e2 li{ position:relative; padding:0; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;  overflow:hidden;}
.e2 li:hover{ box-shadow: 0 0 10px #CCC;}
.e2 li a{ display:block; border-bottom:1px #ececec solid; padding:2.0rem 0; margin:0 1.5rem; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.e2 li a h4{font-size: 16px;font-weight: 400; color: #333; line-height: 24px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; overflow:hidden;}
.e2 li a h4 p{ padding:0; margin:0; font-size:16px; color:#333; float:left; width:80%;}
.e2 li a h4 span{ float:right; font-size: 14px; color: #999;}
.e2 li a:hover h4 p{ color:#07bab7;}
.e2 li a p{ margin-top: 18px; font-size: 14px; color: #999; line-height: 24px;}


.e4{ padding:0; margin:0 auto; display:block; overflow:hidden;}
.e4 li{padding:3% 10% 3% 2%; margin:0 3%; background:url(../images/hdggline.png) repeat-x center bottom; cursor:pointer; overflow:hidden;}
.e4 li:hover{ background:url(../images/hdgghotbg.png) no-repeat center top;}
.e4 li:hover .nleft .ntitle a{ color:#FFF;}
.e4 li:hover .nleft .nmore a{ color:#FFF; border:1px #FFF solid;}
.e4 li .npic{ width:36%; float:left; text-align:left;}
.e4 li .npic img{ display:block; width:100%; height:160px; border:none;}
.e4 li .nleft{ width:50%; float: right; text-align:left;}
.e4 li .nleft .ntitle{ padding:0; margin:0; text-align:left;overflow:hidden;}
.e4 li .nleft .ntitle a{ display:block; line-height:25px; font-size:16px; color:#000000;}
.e4 li .nleft .ntitle a:hover{ color:#FFF; text-decoration:underline;}
.e4 li .nleft .ntime{ padding:5px 0; line-height:24px; font-size:14px; color:#a5a5a5;}
.e4 li .nleft .ntext{ line-height:20px; padding:10px 0; color:#a5a5a5; text-align:left; overflow:hidden;}
.e4 li .nleft .nmore{ display:block; margin:5px auto 0 auto; line-height:25px;text-align:left; overflow:hidden;}
.e4 li .nleft .nmore a{ display:inline-block; margin:0; padding:0 20px; border:1px #CCC solid; color:#a5a5a5;  -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; }
.e4 li .nleft .nmore a:hover{ border:1px #FFF solid; color:#FFF;}


.case-e8{display:block; padding:0; margin:0 auto; text-align:center; overflow:hidden;}
.case-e8 li{ padding:0; margin:0 auto 30px auto; transition: all 0.4s; text-align:center; cursor:pointer; overflow:hidden;}
.case-e8 li a{ display:block; overflow:hidden;}
.case-e8 li .pic33{ width: 33.33%; float:left; min-height:272px; max-height:272px; filter: alpha(opacity=100); opacity: 1; overflow:hidden; }
.case-e8 li .pic33 img{ width:100%; height:272px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.case-e8 li:hover .pic33 img{ filter:alpha(opacity=100); opacity:1; transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.case-e8 li .text66{  width:66.66%; float:right; min-height:272px; background:#FFF url(../images/anlitextbg.jpg) no-repeat; background-position: center center; text-align:left;  overflow:hidden;}
.case-e8 li .text66 .titlename{ padding:25px 0 10px 5%; line-height:32px; font-size:18px; }
.case-e8 li .text66 .entitlename{ padding:0 0 10px 5%; line-height:25px; font-size: 14px; color: rgb(7, 186, 183); }
.case-e8 li .text66 .ms{ padding:0 5% 10px 5%; line-height:28px; font-size:14px; }


/*---------- frame : 内页详细页 ---------*/
.pleft{ overflow:hidden;}
.viewbox{ padding:15px 0 8px 0; margin:0 auto; overflow:hidden;}
.viewbox .title{ line-height:30px; text-align:center; overflow:hidden;}
.viewbox .title h2{ font-size:1.2rem; color:#444; font-weight:normal;}
.viewbox .title p{ font-size:1.0rem; color:#AAA;}
.viewbox .info{ text-align:center; line-height:32px; padding:0 0 5px 0; margin:0 0 10px 0; color:#666; font-size:14px; border-bottom: 1px #CCC solid; overflow:hidden;}
.viewbox .intro h3{ font-size:16px;}
.viewbox .intro .typeinfo{ padding:0 0 15px 0; line-height:25px; background:url(../images/hdggline.png) no-repeat center bottom; font-size:14px; color:#AAA; text-align:left;}

.viewbox .content{ font-size:13px; padding:15px 0; line-height:25px; color:#333; overflow:hidden;}
.viewbox .boxoff{ height:10px; background:url(../images/boxoff.gif) left 15px repeat-x; margin:4px auto; padding-top:10px; overflow:hidden; clear:both;}
.viewbox .boxoff strong{ display:block; width:8px; height:10px; overflow:hidden; font-size:0px; line-height:100px; background:url(../images/boxoff.gif) right -10px no-repeat; float:left;}

.viewbox .handle{height:59px;padding-top:12px;overflow:hidden;clear:both;}
.viewbox .handle .context{float:left;}
.viewbox .handle .context ul li{line-height:29px;color:#484848; font-size:14px;}
.viewbox .handle .context ul li a{color:#484848; font-size:14px;}
.viewbox .handle .context ul li a:hover{color:#0246a7;}

.viewbox .img-pic{ padding:0px; margin:0px; overflow:hidden;}
.viewbox .img-pic img{ max-width:860px; border:none;}

.viewbox .picbox{width:100%;text-align:center;padding-top:10px;font-size:14px;line-height:31px;overflow:hidden;}
.viewbox .picbox img{display:block;margin:16px auto 6px;}
.viewbox .picbox ul.e8{font-size:12px;line-height:normal;}
.viewbox .picbox ul.e8 li .pic{background:none;border:1px solid #EEE;overflow:hidden;}
.viewbox .picbox ul.e8 img{margin:3px;border:none;}
.viewbox .picbox ul.e8 li .title{padding-top:0px;}


/*---------- frame : 分页 ---------*/
.pagesbox{ margin:0 auto; padding:20px 0; color: #666; text-align:center; overflow:hidden;}
.page_list{ text-align:center; padding-top:0; padding-bottom:0; overflow:hidden;}
.page_list a,.page_list  span,.page_list select{display: inline-block;padding: 0 11px;height: 30px;border-radius: 30px;line-height: 30px; border: 1px solid #eee; color: #666; }
.page_list select{width: auto !important;background: #eee; font-family:'微软雅黑';}
.page_list a:hover{ background:#07bab7; color:#FFF;}
.page_list span.current{ background: #07bab7;color: #fff;}



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

#back-to-top{ bottom: 5%; left: inherit; right: 2%;}
.top70{display:none;}
.sub-nav .nav-box .wl50{ width:100%; line-height:34px;text-align:center;}
.sub-nav .nav-box .wl50 span{ font-size:14px;}
.sub-nav .nav-box .wl50 img{ max-width:100%;width:80%;}
.sub-nav .nav-box .wr50{ width:100%; padding:0;}

.focusBoxban .prev,.focusBoxban .next { width: 40px; height: 40px; margin-top:-20px; background-position:-12px -10px;}
.focusBoxban .next { background-position:-55px -10px;}

.gsggy .ggydetails .font32{ font-size:20px;}
.qyys .ysdetails{ padding: 10px 0 0 0;}
.qyys .ysdetails .font26{font-size: 20px;}
.qyys .ysdetails .lh30{ line-height: 25px;}
.qyys .ysdetails .yslist ul li .w17{ width: 50%;}
.qyys .ysdetails .yslist ul li .font20 { font-size: 16px;min-height:42px; }
.qyys .ysdetails .yslist ul li .font20 span{ display:block;}
.qyys .ysdetails .yslist ul li .ms{ font-size: 12px; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.product .pro-name .w50 .ml40{ margin-left: 8%;}
.product .pro-name .w50 .ml40 .searcheidth .searchinput{ padding: 0 5px;}
.product .pro-name .w50 .ml40 .searchbtncolor{ width:30%;}

.pbox li{ width: 48%; margin-right:0;}
.pbox li:nth-child(2n){ float:right;}
.pbox li:nth-child(2n+1){ clear: both;}
.pbox li .propic{ height: 200px; }
.pbox li .nametitle{ font-size:0.3rem; line-height:24px;}

.about .w50{ min-height:250px;}
.about .w50 .w70{ width:90%; margin-top:40px;}
.about .w50 .w70 .minh30{ min-height: 20px;}
.about .w50 .w70 .font22{ font-size:16px;}
.about .w50 .w70 .lh25{ line-height: 22px; margin-bottom: 12px;}
.about .w50 .w70 .font14{ line-height: 15px; font-size: 0.3rem; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}

.about .w50 .w80{ width: 90%; padding-top: 40px; padding-left:0;}
.about .w50 .w80 .frimg img{ width:70%; display:block;}
.about .w50 .w80 .pt16{ font-size: 14px; padding-top: 20px;}
.about .w50 .w80 .h46{ width: 40%; height: 25px; }
.about .w50 .w80 .h46 a{ line-height:25px;}

.case .case-name{ font-size:20px; padding-top:70px; padding-bottom:60px;}
.case .case-list ul li a{ padding-bottom:10px;}
.case .case-list ul li a .xmtitle{ font-size: 0.3rem; width:95%; line-height:20px; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.case .case-list ul li a .xmms{ padding: 0; width: 90%; line-height: 15px; font-size: 0.3rem; }



.mtb100a{ font-size: 20px; padding: 33px 0; /*background-size:cover;*/}
.pb110{ line-height:25px; padding-bottom:50px;}
.mtb150{ padding: 33px 0; font-size: 20px; /*background-size:cover*/}
.ptb150{ padding: 33px 0;font-size: 20px; background-position: center -100px;}
.ptb155{ padding-top: 33px; padding-bottom: 10px; font-size: 20px; background-position: center -100px;}

.yxpzhljgwssh{ padding-bottom:100px; padding-top:100px;}
.yxpzhljgwssh .font-32{ font-size:20px;}

.ptb160{ padding-top: 60px; padding-bottom: 60px;}
.tsyyleft,.lxwmright{ width:100%; padding:80px 0;  float:none;}
.tsyyleft .font20{ font-size:16px;}
.lxwmright{ margin-top:12px;}
.lxwmright .font20{ font-size:16px;}

.proname{ font-size: 20px; padding-top: 30px; padding-bottom: 30px;}
.bg{ background-position: center -100px;}
.bg1{ background-position: center -100px;}
.znav ul li{ width: auto; padding: 0 12px; line-height: 25px; font-size: 12px;}
.znav ul li:hover{ background:#07bab7;}
.znav ul li.lihover{ background:#07bab7;}

.e8 li{ width:48%; margin-right:0; margin-top:0; margin-left:0;}
.e8 li:nth-child(2n){ float:right;}
.e8 li:nth-child(2n+1){ clear:both;}
.e8 li .pic{ min-height:200px; max-height:200px;}
.e8 li .title{ line-height:28px;}
.e8 li .title span{ font-size:0.3rem;}

.e2{ padding: 0.5rem;}
.e2 li a{ padding: 0.5rem 0; margin: 0 0.5rem;}
.e2 li a p{ margin-top: 6px; font-size: 12px; line-height:20px; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.e2 li a h4{ font-size: 14px; line-height:20px;}
.e2 li a h4 p{ width: 70%; font-size: 14px; -webkit-line-clamp: 1; }
.e2 li a h4 span{ font-size: 12px;}


.case-e8 li{ margin-bottom:15px;}
.case-e8 li .pic33,.case-e8 li .text66{ width:100%; float:none; min-height: 200px; max-height: 200px;}
.case-e8 li .pic33 img{ height:200px;}
.case-e8 li .text66{ min-height:inherit;}
.case-e8 li .text66 .titlename{ padding-top: 15px; padding-bottom: 0; line-height: 25px;}
.case-e8 li .text66 .entitlename{ padding-bottom: 0;}
.case-e8 li .text66 .ms{ line-height:22px; font-size:0.3rem; color:#777;}

.protitle{ padding-bottom: 10px; padding-top: 10px; font-size: 16px;}
.protime { padding-bottom: 12px; }

.pro-xq .pro-body{ padding:15px 0;}

.w3cFocusimg{ max-width:640px; width:100%;}
.w3cFocusInimg .bd li img{ width:240px; max-height:600px;}
.w3cFocusInimg .hd ul li img{  width:60px; height:36px; }
.w3cFocusInimg div:nth-child(1){ padding:0 0 0 0;}

.prenext{ padding-top:10px;}
.prenext p a{ font-size:12px;}

.fk-editor2{ font-size: 15px;}
.mt4lr15 ul li{ width:100%; float:none; margin-right: 0; margin-bottom:15px;}
.mt4lr15 ul li h3{ margin-bottom: 5px;}
.mt4lr15 ul li p input{ width: calc(100% - 8px); line-height:32px; padding-left: 8px;}
.mt4lr15 ul li p textarea{ width: calc(100% - 8px); padding-left: 8px;}
.mt4lr15 ul li:nth-of-type(5) p img{ margin: 5px 8px 5px 0;}

.page_list a, .page_list span, .page_list select{ padding: 0 4px; height: 15px; border-radius: 15px; line-height: 15px;}

}