@charset "utf-8";
@import 'font/iconfont.css';

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
* {margin: 0; padding: 0;}
html{width: 100%; font-size: 14px; line-height:1.15;-webkit-text-size-adjust:100%; background-color: #fff; color: #333; font-family: 'Microsoft YaHei'}
body{margin:0;width: 100%;}
main{display:block}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
ul,ol,li {list-style: none;}

a {color: #333; text-decoration: none;}
a:hover {color: #333;}


.clearfix::after {content: '';display: block; width: 100%; height: 0; visibility: hidden; clear: both;}
.fl { float: left;}
.fr { float: right;}
.container {margin: 0 auto;overflow: hidden; }
.w1200 { width: 1200px;}
.bgf2 {background-color: #f2f2f2;}

.afbtbor::after {position: absolute; bottom: 0; left: 50%; transform: translateX(-15px); content: ''; width: 30px; height: 0; border: 2px solid #0089ab;}


header {z-index: 9; position: fixed; left: 0; top: 0; width: 100%; border-bottom: solid 1px rgba(255, 255, 255, .2); }
.top-tips { color: #ccc; text-align: center;line-height: 36px; color: #fff; border-bottom: solid 1px rgba(255, 255, 255, .2);background-color: rgba(0, 0, 0, .4);}
.top-tips span {color: #00c5e2}
.header {padding: 0 3%; width: 94%; height: 80px;background-color: rgba(0, 0, 0, .4);}
.logo { float: left; width: 628px; height: 100%; background: url(../images/top-logo.png) center center no-repeat;  }

nav { float: right; font-size: 0;}
.fatherUl {}
.fLi {position: relative; float: left; width: 120px; height: 78px; line-height: 78px; font-size: 16px; text-align: center;}
.fLi:first-of-type { width: 60px;}
.fLi > a { display: block; color: #fff; font-size: 18px;}
.fLi.on > a { border-bottom: solid 2px #00c5e2;color: #00c5e2; font-weight: bold;}
.fLi:hover>.sonUl { display: block;}
.sonUl { display: none; position: absolute; left: -20%; padding: 30px 0; width: 140%; background-color: rgba(0, 137, 171, .8); border-radius: 20px 0 20px 0;}
.sLi { height: 36px; line-height: 36px; text-align: left;}
.sLi i { visibility: hidden; margin:0 10px 0 20px; color: #fff;}
.sLi a { display: block; color: #fff;}
.sLi:hover {background-color: #4dadc4;}
.sLi:hover i{  visibility: visible;}

.top-tel { display: none; float: right; margin-top: 15px; margin-left: 20px; padding-left: 20px; height: 50px; border-left: solid 1px rgba(255, 255, 255, .2); color: #fff;}
.top-tel i { float: left; margin-right: 10px; font-size: 42px;color: #00c5e2;transform: rotateY(180deg);}
.top-tel span { margin-right: 20px;line-height: 23px;}
.top-tel a {  color: #fff; line-height: 23px;}

.mediaNavButton { float: right; display: none; margin-top: 24px; width:40px;}
.mediaNavButton i {display:none; font-size: 28px; color: #fff; border-radius: 5px;}
.mediaNavButton i.icon-menu-s { display: none; font-size: 32px;}
.mediaNavButton.on i { color: #dedede;}
.mediaNavButton.on i.icon-caidan { display: none;}
.mediaNavButton.on i.icon-menu-s { display: none;}
.mediaNavButton div { margin-top:7px; height:0; border:solid 2px #fff; border-radius:2px;}
.mediaNavButton.on div {border:solid 2px #00c5e2;}

.index-banner { height:auto}
.banner { position: relative; width: 100%; height: 100%;}
/*.gsjj{height:540px}*/
.gsjj{height:auto}
.banner-text {position: absolute; top: 46%; left: 50%; transform: translateX(-50%); color: #fff; text-align: center; font-size: 30px;letter-spacing:5px;}
.banner-text  h2 { margin-bottom: 30px; font-size: 38px; }

.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 36px;color: #fff; font-weight: normal; background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-pagination-bullet { width: 40px; height: 4px; border-radius: 0;}
.swiper-pagination-bullet-active { background-color: rgba(255, 255, 255, .7);}

.ty-readmore { display: block; margin: 30px auto; width: 160px; height: 42px; line-height: 38px; text-align: center; font-size: 18px; color: #333; border: solid 2px #333; cursor:pointer; background:none}
.ty-readmore:hover {background-color: #0089ab;color: #fff; border: solid 2px #0089ab;}

.ty-title {position: relative;margin: 30px auto; padding: 30px 0; text-align: center; font-size: 36px;}
.ty-title p {margin-top: 20px; font-size: 18px;}

.partner-link,.information-link { text-align: center;}
.partner-link a,.information-link a {display: inline-block; font-size: 16px; margin: 0 20px; width: 160px; height: 42px; line-height: 42px; text-align: center; border: solid 1px #333;}
.partner-link a.on,.information-link a.on { color: #fff; background-color: #0089ab; border: solid 2px #0089ab; }

#footer-link { background-color: #333;}
.footer-link {padding: 50px 0; text-align: center;}
.footer-item { display: inline-block; padding: 0 46px; height: 270px; text-align: left; vertical-align: text-top;color: #ccc; border-right: solid 1px #484848;}
.footer-item:last-of-type { border: 0; font-size: 16px;}
.footer-item:last-of-type i { font-size: 24px; margin-right: 10px;}
.footer-item:last-of-type p { margin-bottom: 20px;}
.footer-item a { display: block; height: 36px; line-height: 36px; color: #ccc; font-size: 16px;}
.footer-item a:hover,.footer-item a:hover i { color: #fff;}
.footer-item a.item-name { margin-bottom: 10px; font-size: 18px;}
.weibo,.weixin {position: relative; display: inline-block !important; margin-right: 20px;}
.weibo i,.weixin i { color: #ccc; font-size: 36px !important;}
.weixin img { display: none; position: absolute; bottom: -134px; left: 40%; transform: translateX(-50%);}
.weixin:hover img { display: block;}
.record { height: 50px; line-height: 50px; background-color: #222; color: #fff; text-align: center;color: #bebebe;}

.ty-n-nav { width: 100%; border-bottom: solid 1px #dedede;  text-align: center; font-size: 0;}
.ty-n-nav li {position: relative; display: inline-block; width: 186px; font-size: 18px; border-right: solid 1px #dedede;}
.ty-n-nav li:last-of-type { border: 0;}
.ty-n-nav li a {display: block; height: 82px; line-height: 82px;}
.ty-n-nav li i {position: absolute; visibility: hidden; bottom: -22px; left: 43%;; font-size: 28px;color: #4dadc4;}
.ty-n-nav li.on a,.ty-n-nav li:hover a {background-color: #4dadc4; color: #fff;;}
.ty-n-nav li.on i { visibility: visible;}

.bgimg { background: url(../images/ppbg.jpg) bottom center no-repeat;}
.view-box {margin: 50px auto; width: 1200px;}
.view-info {margin-bottom: 30px;  width: 100%; height: 260px;}
.view-img,.view-text { width: 50%; float: left;}
.view-img1 { width: 100%; float: middle;}
.view-img img { max-width: 100%;}
.view-text { height: 100%; background: url(../images/s-title-bg.jpg); color: #fff; text-align: center;}
.view-text h2 {margin: 50px auto 30px; font-size: 38px; font-weight: normal;}
.view-text p { width: 70%; margin: 0 auto; line-height: 30px; font-size: 16px;;}

.view-content p{ margin: 10px auto; line-height: 30px; font-size: 16px;}
.content-link { display: block; margin: 50px auto 100px; width: 480px; height: 60px; line-height: 60px; background-color: #0089ab; text-align: center; color: #fff; font-size: 20px; border-radius: 8px;}
.content-link:hover { background-color: #fff;color: #0089ab;}

/*.jgfa { height: 540px;}
.ppjs { height: 540px;}*/
.jgfa { height:auto;}
.ppjs { height:auto;}

.news-list .item {float: left; margin-bottom:40px; margin-right: 2%; width: 32%; overflow: hidden; line-height: 28px; color: #666; font-size: 16px; cursor: pointer;}
.news-list .item:nth-of-type(3n) { margin-right: 0;}
.news-list .item .news-img { width: 380px; height: 260px;  overflow: hidden;}
.news-list .item .news-img img { width: 100%; height: 100%; transition: all .5s;}
.news-list .item .news-name {margin:20px auto; font-size: 24px; color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news-list .item a {margin-top: 30px; text-decoration: underline;color: #0089ab; }
.news-list .item:hover img { transform: scale(1.05);}
.news-list .item:hover a { color: #f00;}
.news-title { border-bottom: solid 1px #666;}
.news-title h1 { font-size: 36px; font-weight: normal;}
.news-title p { margin: 20px auto; font-size: 16px; color: #666;}
.news-more-box {margin: 20px auto; padding: 20px; border-top: solid 1px #666;}
.news-more-box .news-np { display: block; line-height: 30px; font-size: 16px;}
.news-more-box .ty-readmore { float: right; margin: 0;}
.news-more-box .news-np:hover { color: #0089ab;}


.newsItem { padding: 20px 0; border-bottom: solid 1px #000;}
.newsItem .Img { margin-left: 26px; }
.newsItem .Img img { width: 100%; height: 100%; }
.newsItem .Info { flex: 1; color: #777;}
.newsItem .Info h2 {overflow: hidden;  line-height: 24px; margin-bottom: 12px; font-weight:normal}
.newsItem .Info p { margin-bottom: 10px; line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsItem .Info div span { margin: 0 10px 0 20px;}


.information-list {margin: 30px auto; text-align: left; font-size: 0;}
.information-list li {margin-right: 33px; margin-bottom: 30px; display: inline-block; }
.information-list li .information-img{ width: 370px; height: 340px; border: 4px solid #e3e8eb;text-align:center;position:relative;display:table-cell;vertical-align:middle;background:#FFFFFF}
.information-list li .information-img img { width: 100%; height: 100%;;}
.information-list li p { height: 50px; line-height: 50px; text-align: center; font-size: 16px;}
.information-list li:nth-of-type(3n) { margin-right: 0;}

.culture-box { margin: 0 auto 40px; width: 90%; }
.culture-item { width: 50%; height: 500px; overflow: hidden; }
.culture-item.first { padding-left: 50%; background:url(../images/about1.jpg) left center no-repeat #eff5f8; background-size:  50%  100%; border-radius: 50px 0 50px 0;}
.culture-item.last { padding-right: 50%; background:url(../images/about2.jpg) right center no-repeat #eff5f8; background-size: 50%  100%; border-radius: 50px 0 50px 0;}
.culture-item img { max-width: 100%;}
.culture-text { margin: 40px auto;width: 80%; font-size: 18px;color: #333; line-height: 40px; }
.culture-text h2 {margin: 30px auto 20px; color: #0089ab; font-weight: normal; font-size: 30px;}
.culture-text span { font-weight: bold; }

.case-box { width: 90%;}
.case-list { margin: 40px auto; font-size: 0;}
.case-item {position: relative; float: left; margin-right: 1%; margin-bottom: 30px; width: 24%; height: 320px; overflow: hidden;}
.case-item:nth-of-type(4n) { margin-right: 0;}
.case-item img { width: 100%; height: 100%; transition: all .5s;}
.case-text {position: absolute; bottom: 0; left: 0; width: 100%; height: 76px; font-size: 16px; color: #fff;background-color: #0089ab;display: table; transition: all .5s;}
.case-text span,.case-text i { display: table-cell; vertical-align: middle}
.case-text span {padding: 0 10%; width: 86%;}
.case-text i { font-size: 32px;}
.case-item:hover .case-text{ background-color: rgba(0, 137, 171, .5);}
.case-item:hover img { transform: scale(1.05); }

.project-title {margin: 50px 0 20px; font-size: 24px;color: #0089ab; font-weight: bold;}
.project { margin-bottom: 0px;  width: 100%;}
.project .tit{width:110px; height:48px; line-height:48px; background:url(../images/search-icon.png) 100% 50% no-repeat; cursor:pointer; position:relative}


.xing{width:250px; height:auto;border-radius:5px; background:#FFFFFF; display:none; z-index:9999; position:absolute; margin:0 auto; top:60px; left:0; /*right:0;*/ padding-bottom:15px}

.xing h1{ width:230px; padding-left:20px; font-size:18px; color:#FFFFFF; height:50px; border-radius: 2px 2px 0px 0px;    box-shadow: none;background-color: #0089ab; line-height:50px}
.xing ul{width:200px; margin:0 auto; margin-bottom:5px}

.xing ul li{width:100%; height:35px; line-height:35px; font-size:14px; color:#000000}
.xing .okbtn{width:70px; height:35px; margin:0 auto; text-align:center; line-height:35px; font-size:16px; color:#FFFFFF; display:block; background:#1d96cb;border-radius:5px; float:left; margin-right:10px; margin-left:50px; border:0}
.xing a.closebtn{width:70px; height:35px; margin:0 auto; text-align:center; line-height:35px; font-size:16px; color:#FFFFFF; display:block; background:#1d96cb;border-radius:5px; float:left}


.xing2{width:500px; height:auto;border-radius:5px; background:#FFFFFF; display:none; z-index:9999; position:absolute; margin:0 auto; top:60px; left:0; /*right:0;*/ padding-bottom:15px}
.xing2 h1{ width:97%; padding-left:3%; font-size:18px; color:#FFFFFF; height:50px; border-radius: 2px 2px 0px 0px;    box-shadow: none;background-color: #0089ab; line-height:50px}
.xing2 ul{width:90%; margin:0 auto; margin-bottom:5px}
.xing2 ul li{width:150px; height:35px; line-height:35px; float:left;font-size:14px; color:#000000}
.xing2 .okbtn{width:70px; height:35px; margin:0 auto; text-align:center; line-height:35px; font-size:16px; color:#FFFFFF; display:block; background:#1d96cb;border-radius:5px; float:left; margin-right:10px; margin-left:180px; border:0}
.xing2 a.closebtn{width:70px; height:35px; margin:0 auto; text-align:center; line-height:35px; font-size:16px; color:#FFFFFF; display:block; background:#1d96cb;border-radius:5px; float:left}

.xing3{width:250px; height:auto;border-radius:5px; background:#FFFFFF; display:none; z-index:9999; position:absolute; margin:0 auto; top:60px; left:0; /*right:0;*/ padding-bottom:15px}

.xing3 h1{ width:230px; padding-left:20px; font-size:18px; color:#FFFFFF; height:50px; border-radius: 2px 2px 0px 0px;    box-shadow: none;background-color: #0089ab; line-height:50px}
.xing3 ul{width:200px; margin:0 auto; margin-bottom:5px}

.xing3 ul li{width:100%; height:35px; line-height:35px; font-size:14px; color:#000000}
.xing3 .okbtn{width:70px; height:35px; margin:0 auto; text-align:center; line-height:35px; font-size:16px; color:#FFFFFF; display:block; background:#1d96cb;border-radius:5px; float:left; margin-right:10px; margin-left:50px; border:0}
.xing3 a.closebtn{width:70px; height:35px; margin:0 auto; text-align:center; line-height:35px; font-size:16px; color:#FFFFFF; display:block; background:#1d96cb;border-radius:5px; float:left}



.project td:nth-of-type(1) {padding-left: 2%; width: 18%; padding-right:2%}
.project td:nth-of-type(2) {padding-left: 2%; width: 18%;padding-right:2%}
.project td:nth-of-type(3) {padding-left: 2%; width: 18%; padding-right:2%}
.project td:nth-of-type(4) {padding-left: 2%; width: 28%; padding-right:2%}
.project tr{height: 40px; line-height: 40px;; background-color: #ededed; font-size: 18px;}
.project tr:nth-of-type(even) { background-color: #ccc; color: #333;}
.project thead tr{height: 48px; line-height: 48px;; background-color: #0089ab; font-size: 18px; color: #fff;}
.groulp {padding-left: 400px; overflow: hidden; }
.groulp-text {margin: 40px auto 50px; width: 80%;font-size: 18px;line-height: 36px;}
.groulp-text h2 {margin-bottom: 20px; font-size: 30px;color: #0089ab;}

.contact-box { width: 80%;}
.map-box { margin: 20px auto; width: 100%;display: table; height:400px; }
.map-text {display: table-cell;vertical-align: middle; padding: 0 32%; width: 36%; line-height: 32px; color: #fff;  background-color: #0089ab;font-size: 16px;}
.map-text h2 {margin-bottom: 20px; font-size: 24px; font-weight: normal;}
.map-link { text-align: center;}
.map-link a {display: inline-block; position: relative; margin: 20px 20px; width: 55px; height: 55px; background: url(../images/wechat.png) center center no-repeat; background-size: contain; cursor: pointer;  }
.map-link a:last-of-type { background: url(../images/weibo.png) center center no-repeat; background-size: contain;}
.map-link a img { position: absolute; left: -50%; top: -140px; display: none;}
.map-link a:first-of-type:hover img { display: block;}
.map-img {display: table-cell;vertical-align: middle; height:100%;}
.map-img img { max-width: 100%;}

.groulp-list { border: solid 1px #dedede; margin-top:20px}
.groulp-item {overflow: hidden; float: left; padding: 30px 0; width: 25%; height: 200px; border-bottom: solid 1px #dedede; border-right: solid 1px #dedede; box-sizing: border-box;}

.groulp-info { height: 250px; vertical-align: top; font-size: 16px;  }
.groulp-name { display: block; margin-bottom: 20px; width: 100%; height: 60px; line-height: 32px;  font-weight: bold; font-size: 16px;}
.groulp-name i { margin-right: 20px; font-size: 28px;color: #0089ab; font-weight: normal; }

.groulp-item:nth-of-type(1),.groulp-item:nth-of-type(2) { padding: 0; width: 50%; height: 220px; font-size: 20px; line-height: 40px;}
.groulp-item:nth-of-type(1) .groulp-name,.groulp-item:nth-of-type(2) .groulp-name { color: #fff;}
.groulp-item:nth-of-type(1) .groulp-info,.groulp-item:nth-of-type(2) .groulp-info { font-size: 20px;}
.groulp-item:nth-of-type(1) i,.groulp-item:nth-of-type(2) i { display: inline-block; margin-right: 20px; color: #fff;}

.groulp-item .pdlr {padding: 0 30px; line-height:24px}
.groulp-item .bg00 {padding: 20px 0; font-size: 20px;  border-bottom: solid 1px #dedede;background-color: #0089ab; color: #fff;}

#form {margin: 50px auto; background: url(../images/contact-from.jpg) center center no-repeat;}
#form .ty-title {padding: 20px 0; color: #fff;}
.form { width: 1150px; }
.input-list { display: flex;}
.input-list input[type=text] { flex: 1; margin-right: 20px;height: 50px; padding: 0px 20px;}
.input-list input[type=text]:last-of-type { margin-right: 0;}
.input-list input[type=text],textarea,.submit {  line-height: 50px; font-size: 18px; color: #666; background-color: #fff; border: 0; border-radius: 5px;}
textarea { margin-top: 20px;padding: 0 2%; width: 96%;}
.submit {margin: 20px auto 40px; width: 100%; color: #fff; background-color: #0089ab;}

.projuct-box {max-width: 1400px; margin: 30px auto 80px;}
.pro-nav-box { float: left; width: 270px;}
.pro-nav { width: 100%; background-color: #fff;}
.pro-nav .item { margin-bottom: 6px;}
.pro-nav .item>div{ display: block; padding: 0 20px; height: 40px; line-height: 40px; font-size: 16px; color: #333; background-color: #efefef; border-radius: 15px 0 15px 0; }
.pro-nav .item>div>a { display:inline-block;}
.pro-nav .item>div>i,.pro-nav .item>div>span { display: inline-block; vertical-align: middle; color: #999;}
.pro-nav .item>div>i { margin-right: 10px;}
.pro-nav .item>div>a>span { display:none;} 
.pro-nav .item>div>span { float: right; font-size: 18px; transform: rotate(-90deg);transition:all .3s;}
.pro-nav .item.on>div,.pro-nav .item>div:hover {background-color: #0089ab; color: #fff;}
.pro-nav .item.on div i,.pro-nav .item>div:hover i,.pro-nav .item.on div a,.pro-nav .item>div:hover a{color: #fff;}
.pro-nav .item.on div span,.pro-nav .item>div:hover span{color: #fff; transform: rotate(0deg)}
.son-nav {  display: block; height:0; overflow:hidden;transition:all .3s;}
.son-nav a { display: block;padding-left: 36px; line-height: 40px; font-size: 16px;}
.son-nav li.on a,.son-nav a:hover {color: #0089ab;}
.pro-nav .item:nth-of-type(1)>div>a,
.pro-nav .item:nth-of-type(6)>div>a,
.pro-nav .item:nth-of-type(7)>div>a,
.pro-nav .item:nth-of-type(8)>div>a,
.pro-nav .item:nth-of-type(9)>div>a,
.pro-nav .item:nth-of-type(10)>div>a,
.pro-nav .item:nth-of-type(11)>div>a{ width:80%;}
.pro-nav .item:nth-of-type(1)>div>span,
.pro-nav .item:nth-of-type(6)>div>span,
.pro-nav .item:nth-of-type(7)>div>span,
.pro-nav .item:nth-of-type(8)>div>span,
.pro-nav .item:nth-of-type(9)>div>span,
.pro-nav .item:nth-of-type(10)>div>span,
.pro-nav .item:nth-of-type(11)>div>span{ display:none;}

.pro-list-box { float:right; width:1100px;}
.crumble { height: 40px; line-height: 40px; border-bottom: solid 1px #dedede;}
.crumble a { margin: 0 10px;}
.crumble a:hover { text-decoration: underline;color: #0089ab;}

.product-item {position: relative; margin-top: 30px; border: solid 4px #e3e8eb;}
.pro-img { float: left; margin-right: 40px; width: 340px;height: 340px; border-right: solid 1px #e3e8eb; position: relative;}
.pro-img img { z-index: 1; max-width: 80%;  position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
.pro-logo { z-index: 2; position: absolute; left: 0; top: 0;width: 126px; height: 48px;/*; background: url(../images/equ1.jpg) left top no-repeat;*/}
.product-item:nth-of-type(even) .pro-logo{ /*background: url(../images/equ2.jpg) left top no-repeat;*/}
.pro-info { padding: 20px 20px; line-height: 30px; font-size: 16px; }
.pro-info h2 {margin-bottom: 10px; font-weight: normal;}
.pro-info h2.pro-synopsis {margin-top: 30px; color: #0089ab; font-size: 20px; font-weight: bold;}
.pro-info img { max-width:100%;}

#goTop { display: none; z-index: 99; position: fixed; right: 50px; bottom: 20px; width: 48px; height: 48px; cursor: pointer;}
#goTop img { width: 100%;}

.pages{width:100%; text-align:center}
/*淘宝风格*/
.paginator { font: 12px "微软雅黑"; margin:0 auto; margin-bottom:20px; margin-top:10px; }
.paginator a {border:solid 0px #0089ab;color:#000;cursor:pointer;text-decoration:none;  }
.paginator a:visited {padding: 1px 2px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {font-weight:700;color:#FFF;background-color:#0089ab; font-family:"微软雅黑"}
.paginator a:hover {color:#fff;text-decoration:none; background:#0089ab; display:block; }
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{padding:5px 10px;margin-right:0px;text-align:center;
 white-space:nowrap;font-size:14px;font-family:微软雅黑; display:inline-block;border:solid 1px #0089ab;}
.paginator input{padding:7px 10px;margin-right:0px;text-align:center;
 white-space:nowrap;font-size:14px;font-family:微软雅黑; display:inline-block;border:solid 0px #0089ab; }

@media screen and (max-width: 1680px) {
.logo {width:250px; background-position:left center;}
}

@media screen and (max-width: 1440px) {
	
	.fLi { width:114px;}
	.footer-item { padding:0 26px;}
}


@media screen and (max-width: 1024px) {
    .header { height: 100%; overflow: scroll;background-color: rgba(0, 0, 0, .8);}
    .logo {height: 80px;}
    nav { display: none; float: none; clear: both;}
    .fLi {margin-bottom: 10px; width: 100%; float: none; text-align: left; height: auto; line-height: 36px;}
    .sonUl { display: block !important; position: static; padding: 0; width: 100%; border-radius: 0;background-color: rgba(0, 137, 171, .4); }
    .sLi { display: inline-block; }
    .sLi i { visibility: visible;}
    .mediaNavButton { display: block;}

    .footer-link { padding: 30px 0; text-align: left;}
    .footer-item { display: block; margin-bottom: 10px; padding: 0 30px; height: auto; border-right: 0; border-bottom: solid 1px #484848;}
    .footer-item:last-of-type { display: block;}
    .footer-item a { display: inline-block; margin-right: 20px;}
    .footer-item a.item-name { font-size: 20px; width: 150px;;}

    #banner .swiper-slide { background-size:  cover;}
    .index-banner { height: 500px;}
    .gsjj,.ppjs {height: 280px;}
    .ty-n-nav li { width: auto;}
    .ty-n-nav li a {padding: 0 30px;}
    .view-box { width: 96%;}
    .view-img { overflow: hidden;}
    .view-img img { width: auto; height: 100%;}
    .information-list li {margin-right: 2%;  width: 32%;  }
    .information-list li .information-img { width: 100%; height: 260px; box-sizing: border-box;}
    .culture-item { width: 100%; height: auto;}
    .culture-item.first { padding-left: 0; background-image: none;}
    .culture-item.last { padding-right: 0; background-image: none;}
    .contact-box,.form,.case-box { width: 96%;} 
    .map-text { display: table-cell; padding: 20px 2%;}
    .map-img { display: block; width: 100%; overflow: hidden;}
    .map-img img {max-width: none; width: auto;  height: 100%;}
    .map-link { text-align: left;}
    .groulp-item:nth-of-type(1),.groulp-item:nth-of-type(2) { height: 450px;}
    .groulp-item:nth-of-type(1) .groulp-name, .groulp-item:nth-of-type(2) .groulp-name { height: 80px;;}
    .groulp-item .pdlr { padding: 0 10px;}
    .view-content img { max-width: 100%;}
    .view-text p { width: 80%;}
    .case-item { width: 32%;height: 300px; margin-right: 2%;}
    .case-item:nth-of-type(4n) { margin-right: 2%;}
    .case-item:nth-of-type(3n) { margin-right: 0}
    .case-item .case-text {background-color: rgba(0, 137, 171, .5);}
	.pro-list-box { width:730px;}
    .pro-logo,.product-item:nth-of-type(even) .pro-logo { width: 80px; background-size: contain;}
    .pro-img {margin-right: 10px; margin-bottom: 20px; width: 200px; height: 200px; border-bottom: solid 1px #dedede;}
    .pro-info h2.pro-synopsis { clear: both;}
	
	
}

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

header {z-index: 9; position:relative; left: 0; top: 0; width: 100%; border-bottom: solid 0px rgba(255, 255, 255, .2); }

    .logo {width: 70%;background: url(../images/phone-logo.png) center left no-repeat;background-size: cover;}
    .sLi { display: none !important;}
    .sLi i { margin: 0; margin-left: 4px;}
    .index-banner {height: 280px;}
    #banner .swiper-slide img {margin-top: 100px; width: 90%;}
    .top-tips { line-height: normal; padding: 10px 0;}
    .footer-item { padding: 0 2%;}
    .footer-item a.item-name { display: block; margin-bottom: 0;}
	.weixin img { display:block;}
	.footer-link { padding:30px 0 140px;}

    .ty-n-nav {display: -webkit-flex; display: flex; flex-flow: wrap; align-items: center;}
	 
	 .ty-n-nav li:nth-of-type(11){border-bottom:0}
	 .ty-n-nav li:nth-of-type(12){border-bottom:0}
    .ty-n-nav li { flex: 0 0 33.3%; flex-grow: 1; margin-top: -1px; height: 50px; border-top: solid 1px #dedede; border-bottom: solid 1px #dedede; box-sizing: border-box;}
	.ty-n-nav li:nth-of-type(1){flex: 0 0 100%;}
    .ty-n-nav li a { padding: 0; width: 100%; height: 100%; line-height: 50px;}
    .ty-n-nav li i { display: none; left: 50%;    transform: translateX(-50%);}
    .ty-n-nav li:last-of-type { border-top: solid 1px #dedede; border-bottom: solid 1px #dedede; border-right: solid 1px #dedede; }

    .view-info { height: auto; font-size: 0;}
    .view-img, .view-text { width: 100%; float: none; overflow: hidden;}
    .view-text h2 { margin: 20px auto;}
    .view-text p { margin-bottom: 20px;}

    .culture-box { width: 96%;}
    .culture-item { border-radius: 40px !important;}
    .culture-text { width: 90%;}

    .partner-link a, .information-link a { width: 130px;}
    .information-link { display: -webkit-flex; display: flex;}
    .information-link a { flex: 1;}
    
    .information-list li { width: 96%; margin: 0 auto;}
    .information-list li:nth-of-type(2n) { margin-right: 0 !important;}
    .information-list li .information-img { height: 320px;}

    .case-item { width: 100%; margin: 0 auto; margin-right: 0; margin-bottom: 16px;}
    .jgfa { height: 280px;;}
    .banner-text { width: 80%;}

    .news-list .item { width: 100%; margin: 0 auto 20px;}
    .news-list .item .news-img { width: 100%;}
    .news-list .item .news-name { margin: 10px auto;}

    .groulp { padding: 0; padding-top: 280px; background:url(/images/jt.jpg) top center no-repeat #eaeaea !important; background-size: 100% auto;}
    .groulp-text { width: 90%;}
    .content-link { width: 100%;}
    .map-img img { width: 100%; height: auto;}

    .groulp-item { width: 100% !important; height: auto !important;}
    .groulp-info { height: auto;}
    .groulp-name { margin-bottom: 0;}
    .input-list {flex-direction: column;}
    .input-list input[type=text] { margin-right: 0; margin-top: 10px;padding: 6px 20px; line-height: 32px;height: 32px;}
    textarea { line-height: 28px;}

    .pro-nav-box { float: none; width: 100%;}
    .pro-list-box { margin-left: 0; width:100%;}
    #results { width: 96%; margin:0 auto;}
    .pro-info { padding: 10px; }
    .pro-img { float: none; width: 100%; margin-right: 0;}
    .pro-img img { height: 100%;}
    
    .record { height: auto; line-height: 24px; padding: 8px 0;}
    .news-more-box .ty-readmore { float: none; margin-bottom: 10px; width: 100%;}
    .ty-n-nav { border-bottom: 0;}

	.map-box { height:auto;}
	.map-text,.map-img {box-sizing: border-box; display:block; width:100%;}
	.map-img { height:400px;}
	.project thead tr {line-height:1.2rem}
	
	.groulp-item { border-right:0;}
	.groulp-item:nth-of-type(1) .groulp-name, .groulp-item:nth-of-type(2) .groulp-name { height:60px;}
	.groulp-item:nth-of-type(1), .groulp-item:nth-of-type(2) { padding:30px 0;}
	.groulp-item:nth-of-type(2) { display:none;}
	.groulp-item .bg00 { padding:0px 0 0;}
	.groulp-item .bg00,.groulp-item:nth-of-type(1) .groulp-info, .groulp-item:nth-of-type(2) .groulp-info { font-size:16px;}
}
.pc{display:block}
.wap{display:none}
@media screen and (max-width: 414px) {
.pc{display:none}
.wap{display:block}
.addWrap{width:100%;background:#fff;margin:auto;position:relative;}
.addWrap .swipe{width:100%;height:280px;position:relative;overflow: hidden;visibility: hidden;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap img{ width:100%; height:300px; margin-top:0}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
.addWrap .swipe-wrap img{ width:100%; height:300px; margin-top:0}
}



#position{ position:absolute;padding:0; right:0; left:0; bottom:2px; margin:auto;text-align:center; z-index:10;}
#position li{width:10px;height:10px;margin:0 3px;display:inline-block;-webkit-border-radius:100%;border-radius:100%; border:1px solid #fff; line-height:25px;}
#position li.cur{background-color:#fff;}
#position li a{ position:absolute; left:0px;}
#addtitle{ position:absolute; bottom:0px;width:100%; height:25px;overflow:hidden; line-height:25px; font-size:14px; background:rgba(0,0,0,0.5); cursor:pointer; }
#addtitle li{width:100%;height:25px; color:#fff; text-indent:1em; display:none;}
#addtitle a{ text-decoration:none;color:#fff;}
#addtitle .cur{ display:block;}