@charset "utf-8";
/* CSS Document */

/*重置*/
body{min-width:320px; margin:0 auto;background-color:#fff;}
body,html,li,input,gloabl,h2,th,input,nav,td,h1,rembed,blockquote,ol,xml,div,dl,dt,dd,ul,h3,h4,h5,h6,pre,form,fieldset,abbr,p,header,hgroup,Section,figure,section,nav,article,aside,canvas{margin:0;padding:0;}
img{border:0;padding:0;margin:0;}
a{border:none; color:#5b5b5b; text-decoration: none;}
ol,ul,li {list-style:none;}
i,em{font-style:normal;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
.clear{ clear:both}
a:visited{color:#555;}
a:focus {outline: none; }
a:focus {-moz-outline-style: none; }
body{/* font-family:宋体; */
	font-family: ff-tisa-web-pro-1,ff-tisa-web-pro-2,"Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","微软雅黑";}
h1,h2,h3,h4,h5,h6 {font-weight:normal;text-decoration:none; line-height:none;}
address,cite,dfn,rem,var { font-style: normal; } 
 /* 使得表单元素在 ie 下能继承字体大小 */
.fl{ float:left;}
.fr{ float:right;}
*:focus { outline: none;}
@media screen and (min-width:320px){html{font-size:62.5%}/*10px */}
@media screen and (min-width:360px){html{font-size:70.3125%}/*12px */}
@media screen and (min-width:375px){html{font-size:73.2424875%}/*12px */}
@media screen and (min-width:400px){html{font-size:78.125%}/*12.5px */}
@media screen and (min-width:414px){html{font-size:80.86%}/*12.5px */}
@media screen and (min-width:480px){html{font-size:93.75%}/*15px*/}
@media screen and (min-width:568px){html{font-size:111%}}
@media screen and (min-width:640px){html{font-size:125%}/*20px */}
@media screen and (min-width:720px){html{font-size:137.5%}/*22px */}
@media screen and (min-width:768px){html{font-size:150%}/*24px */}
@media screen and (min -width:1024px){html{font-size:180%}/*24px */}
@media screen and (orientation:landscape){html{font-size:150%}/*24px */}



/*header*/
header{overflow:hidden;position:relative;padding:0 1rem 0;background-color:#f6f6f6;}
header a.logo{position:absolute; left:0.5rem; top:0; display:block; width:8rem;padding:0.0rem 0.3rem 0;}
header a.logo img{width:8rem;display:block; margin:0 auto;} 
header .headerrightbox{ margin:0.9rem 0 0.5rem;margin-left:8.2rem;text-align:left; border-left:1px solid #d2d2d2;}
header .headerrightbox h3{color:#018997; display:inline-block; font-size:1rem;line-height:1.6rem; font-weight:bold; padding-left:0.5rem;}
header .headerrightbox span{color:#535353; display:block; font-size:1rem; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; text-align:left; padding-left:0.5rem;}
header .headerrightbox span em{background-color:#fff; padding:0 0.2rem;}
header p{line-height:2rem; font-size:1rem; font-weight:bold; white-space:nowrap}
header p a{display:inline-block;font-weight:bolder;color:#018997;font-size:1.2rem; padding:0 0.5rem; font-family:Arial, Helvetica, sans-serif; font-style:italic;}

/*nav*/
nav{height:3.5rem; background:#018997;position:relative;border-top:1px solid #8d8d8d;font-size:1.3rem; line-height:3.5rem;}
nav img{width:1rem; height:1.7rem; padding-top:0.9rem; display:block;padding-left:0.55rem;}
nav .menuleft{height:inherit;width:2.1rem;position:absolute; left:0; top:0; z-index:2;}
nav .menuright{height:inherit;width:2.1rem; z-index:2; position:absolute; right:0; top:0;}
nav .swiper-container{ margin:0 2rem;}
nav .swiper-wrapper{overflow:hidden;}
nav .swiper-slide{float:left; width:25%; display:block;}
nav .swiper-slide a{display:block; background:url(../images/navline.png) right center no-repeat; text-align:center;color:#fff; margin:0 auto;}

/*banner*/
.banner {position: relative;display:block;min-height:140px; max-height:840px;}
.banner .swiper-container{min-height:140px; max-height:840px;}
.banner .swiper-container .swiper-wrapper{overflow:hidden;min-height:140px; max-height:840px;}
.banner .swiper-container .swiper-wrapper .swiper-slide{min-height:140px; max-height:840px;}
.banner .swiper-wrapper img {min-height:140px; max-height:840px; width: 100%; display:block;}
.banner .pagination {position:absolute;left: 0;text-align: center;bottom:0.5rem; width:100%; z-index:2}
.banner .swiper-pagination-switch {display: inline-block; width:2rem;height:0.2rem; cursor: pointer; margin:0 0.5rem;background-color:#fff;border:1px solid #fff;}
.banner .swiper-active-switch{border:1px solid #018997; background-color:#018997;}


.partner{padding:2rem 0 0; margin-top:1rem;}
.partner .title img{display:block; width:20rem; margin:0 auto;}
.partner .swiper-container{ margin:2rem 1rem 0;}
.partner .swiper-container .swiper-wrapper{overflow:hidden;}
.partner .swiper-container .swiper-wrapper .swiper-slide{width:33.3333%; float:left;}
.partner .swiper-container .swiper-wrapper .swiper-slide a{display:block;}
.partner .swiper-wrapper .swiper-slide img{width:9rem; height:4.7rem;border:2px solid #c7c7c7; display:block; margin:0 auto;}

.product {padding:2.5rem 0 0; background:url(../images/topbg.jpg) center;}
.product .main{overflow:hidden; position:relative; min-height:31rem;}
.product .main .left{ position:absolute; left:1rem; width:11rem; background-color:; z-index:999; background:#f4f4f4;padding-bottom:1rem;}
.product .main .right{margin-left:13rem; margin-right:1rem; background-color:#f6f6f6; padding-bottom:0.7rem;}

.product .main .left .lefttitle{padding:1rem 0; background-color:#018997; position:absolute; left:0; width:100%; text-align:center}
.product .main .left .lefttitle h3 {font: 1.4rem/1.8rem "微软雅黑";color:#fff;background:url(../images/menu.png) 1.5rem center no-repeat; background-size:1.4rem;
    text-align: left;
    padding-left: 3.1rem;
}
.advantage{ padding: 2rem 1rem;}
.advantage img{ display: block; width: 100%;}

.product .main .left .lefttitle p{font: 1.0rem/1.8rem "微软雅黑";color:#fff;padding-top:0.3rem; text-transform:uppercase;}

.product .main .left .lass{padding:6.5rem 0.5rem 1rem;background-color:#f4f4f4;}
.product .main .left .lass li{border-bottom: 1px dashed #666; font:1rem/2rem "微软雅黑"; color: #c23434;display: block; text-align:left;background:url(../images/icon.png) left 0.6rem no-repeat; background-size:0.8rem; padding-left:1rem; height:2rem;}
.product .main .left .lass li a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.mtitle{overflow:hidden; line-height:2.4rem;padding:0.5rem 0.5rem 0; border-bottom:1px solid #018997}
.mtitle h3{float:left; line-height:2.4rem; color:#018997; font-size:1.2rem;}
.mtitle a{float:right;color:#555; font-size:1rem;}

.product .list{overflow:hidden; margin-top:1rem;}
.product .list li{margin:1rem 0; float:left; width:48%; position:relative; overflow:hidden;}
.product .list li a{display:block; float:inherit; width:98%}
.product .list li img{display:block;width:100%; height:6rem; float:inherit; border:2px solid #bababa;}
.product .list li p{width:100%;text-align:center; font-size:1rem; line-height:1.6rem;color:#fff;text-overflow:ellipsis;white-space:nowrap; overflow:hidden; background-color:#bababa; position:absolute; bottom:0; left:1px; padding:0 2px;background:url(../images/textbg.png);}

.guangg img{width:100%; margin:0rem auto 2rem;}


.case .title{padding:0 1rem;}
.case .title img{width:20rem; display:block; margin:0 auto;}
.case .list{overflow:hidden; padding:1rem 1rem 0;}
.case .list li{float:left; width:48%; margin-top:0.5rem;}
.case .list li img{display:block; width:100%; height:10.5rem;}
.case .list li .text{color:#fff; line-height:2rem; padding-bottom:0.5rem;}
.case .list li .text span{color:#018997; font-size:1.2rem;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;display:block;}
.case .list li .text p{font-size:1rem; line-height:1.4rem;color:#626262; height:5.6rem;}
.case .more{display:block; width:8rem; margin:0.5rem auto; background-color:#018997;color:#fff; text-align:center; border-bottom:0.2rem solid #c9e6e8; line-height:1.8rem;}


.advant{margin-top:2rem; background:url(../images/advantbg.png) no-repeat center; background-size:cover; padding:2rem 0 4rem;}
.advant .title img{display:block; width:23rem; margin:0 auto;}

.advant .list{position:relative; margin:1rem 1rem 0; min-height:31rem;}
.advant .list img{display:block; width:100%; margin:3rem 0;}
.advant .list span{background:url(../images/numbg.png) no-repeat center; background-size:4rem;color:#fff; font-weight:bold; font-size:1.2rem; line-height:4.6rem; width:4rem; display:block;text-transform:uppercase; text-align:center; font-family:Arial, Helvetica, sans-serif; position:absolute;}
/*.advant .list span.num1{left:48%;top:-2.3rem;}
.advant .list span.num2{right:0;top:18%;}
.advant .list span.num3{right:0%;top:64%;}*/
/*.advant .list span.num4{left:48%;bottom:1rem;}*/
/*.advant .list span.num4{left:48%;bottom:0;}
.advant .list span.num5{left:6%;top:64%;}
.advant .list span.num6{left:6%;top:18%;}
.advant .list dl{position:absolute;}*/
/*.advant .list .text1{left:65%; top:1rem;-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%) ; -moz-transform: translateX(-50%);transform:translateX(-50%);}
.advant .list .text2{left:80%;top:32%;}
.advant .list .text3{right:15%;bottom:26%; text-align:right;}
.advant .list .text4{left:64%;bottom:8%;}
.advant .list .text5{left:20%;bottom:20%;}
.advant .list .text6{left:15%;top:32%; width:50%;}*/
/*.advant .list .text1{left:55%; top:1rem; width:70%;-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%) ; -moz-transform: translateX(-50%);transform:translateX(-50%);}
.advant .list .text2{left:68%;top:32%;}
.advant .list .text3{right:15%;bottom:26%; text-align:right;}
.advant .list .text4{left:64%;bottom:-2rem;}
.advant .list .text5{left:0;bottom:0; width:48%;}
.advant .list .text6{left:0;top:32%; width:50%;}*/
.advant .list .text1{left:50%;top:-2.3rem;}
.advant .list .text2{right:10%;top:18%;}
.advant .list .text3{right:10%;top:64%;}
.advant .list .text4{left:50%;bottom:18%;}
.advant .list .text5{left:10%;top:64%;}
.advant .list .text6{left:10%;top:18%;}


.advant .list dl{color:#585858; line-height:1.4rem; margin-top:0.2rem; position:absolute;}
.advant .list dt{color:#018997; font-weight:bold;background:url(../images/numbg.png) no-repeat center; background-size:6rem;color:#fff; font-weight:bold; font-size:1.2rem; line-height:7rem; width:6rem; display:block;text-transform:uppercase; text-align:center; font-family:Arial, Helvetica, sans-serif; position:absolute; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%) ; -moz-transform: translateX(-50%);transform:translateX(-50%);
}
.advant .list dd{color:#555; line-height:1rem; line-height:1.4rem;}
/*.advant form{padding:0 1rem}
.advant form li{padding:0.5rem 0;position:relative; line-height:2rem;}
.advant form li span{position:absolute; left:0;}
.advant form li em{padding-left:6rem}
.advant form li em input{margin:0 0.5rem;}
.advant form li .text{padding-left:6rem;}
.advant form li .text input{display:block;width:100%; line-height:2rem;border:1px solid #ccc;}
.advant form li .kuang{background-color:#00943c; color:#fff; border-bottom:0.2rem solid #004b07; line-height:2rem; border-radius:0.5rem;font-size:1rem; width:13rem; margin:0.5rem auto 0;display:block;}*/

.team{position:relative; padding-bottom:3rem;}
.team .title img{display:block; width:20.7rem; margin:0rem auto;} 
.team .list{overflow:hidden; padding:0rem 1rem 1rem;}
.team .list li{float:left;width:48%; margin-top:1.5rem;}
.team .list li a{display:block;border:0.15rem solid #018997; position:relative;}
.team .list li img{display:block;width:100%;}
.team .list li .text h3{text-align:center; font-size:1.2rem; line-height:1.6rem; margin-top:0.5rem; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.team .list li .text p{font-size:1rem; margin:0.5rem; line-height:1.5rem; height:7.5rem; overflow:hidden}
.team .list li .more{line-height:1rem; width:2rem; position:absolute;left:50%; bottom:-0.5rem; background-color:#fff; text-align:center; color:#fff; font-weight:bold; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%) ; -moz-transform: translateX(-50%);transform:translateX(-50%);}
.team .list li .more span{background-color:#018997; display:block;width:1rem; margin:0 auto;}
.team .teammore{background:url(../images/more.png) no-repeat center;background-size:4rem; width:4rem; height:3.5rem; line-height:3.5rem; text-align:center; font-size:1rem;display:block;position:absolute; left:50%; bottom:-1.8rem; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%) ; -moz-transform: translateX(-50%);transform:translateX(-50%);color:#fff;}


.about{padding:2rem 0 1rem; background-color:#f6f6f6;}
.about .title{margin:2rem 1rem 0; overflow:hidden; background-color:; line-height:3rem;}
.about .title img{display:block; width:16.2rem; margin:0rem auto}

.about .main{overflow:hidden; margin:1.5rem 1rem 0; padding-bottom:0;background-color:#f9f9f9 ;}
.about .main .pic{width:42%; border:1px solid #eee; float:left;margin:0 auto;margin-right:1%;}
.about .main .pic img{display:block;width:100%;}
.about .main .text{color:#555;}
.about .main .text h3{font-size:1.2rem; color:#018997; line-height:2rem; font-weight:bold;}
.about .main .text .info{line-height:1.6rem;color:#555;font-size:1rem;}
.about .more{line-height:1.4rem;color:#018997; display:block; padding-left:1rem;}
.about .list{margin:0rem 1rem 1rem; overflow:hidden}
.about .list li{width:48%;float:left; margin-top:2rem;position:relative;}
.about .list li img{width:100%;display:block;}
.about .list li h3{font-size:1.2rem; text-align:center; background:url(../images/picbg.png); line-height:2rem;color:#fff; position:absolute; bottom:0; width:100%;}


.news{padding:3rem 0 0;}
.news .button{overflow:hidden; margin:0 1rem 2rem; background-color:#f1f1f1;}
.news .button a {float:left;line-height:3rem;display:block; font-size:1.2rem;}
.news .button a span{display:block;color:#fff; margin:0 auto;text-align:center; font-weight:bold; padding:0 0.5rem;color:#555; width:9.4rem;}
.news .button a span.act{background-color:#018997; color:#fff}
.news .button a.more{float:right; text-transform:uppercase; text-align:center; padding-right:1rem;}

.news .content{color:#222;position:relative; margin:0 1rem;}
.news .content .pic{width:10rem; height:7.5rem; overflow:hidden; display:block;position:absolute;left:0; top:0.2rem;}
.news .content .pic img{ width:100%;display:block; height:100%;}

.news .content .text{padding-left:11rem}
.news .content .text h3{line-height:1.6rem;}
.news .content .text h3 a{color:#018997; font-weight:bold;display:block;font-size:1.2rem; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.news .content .text .info{height:4.8rem;overflow:hidden;line-height:1.6rem;position:relative; color:#555;}
.news .content .text a.more{display:block;text-align:left;line-height:1.6rem;color:#018997;}
.news .list{padding:0 1rem;}
.news .list li{ overflow:hidden; margin:0.5rem 0; background:url(../images/ .png) no-repeat center left; background-size:0.4rem; line-height:2rem; border-bottom:1px solid #b8b8b8;}
.news .list li a h3{ float:left}
.news .list li a em{font-style:normal; float:right; display:block;}

.news .faq{ display:block; margin:0 1rem;}
.news .faq dl{border-bottom:1px dashed #cbcbcb;color:#fff;overflow:hidden; background:url(../images/odd.png); padding:0 0 0.5rem; margin-bottom:1rem;}
.news .faq dl:last-child{border:none;}
.news .faq dl dt{margin-bottom:0.25rem; font-size:1.2rem;line-height:1.8rem;}
.news .faq dl a{color:#404144;}
.news .faq dl dd{height:3.6rem; overflow:hidden; line-height:1.8rem;color:#555;}
.news .faq dl dd span{display:inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center;margin-right:0.5rem; background-color:#fb9d00; color:#fff; border-radius:0.3rem; font-family:'微软雅黑';}
.news .faq dl dt span{ display:inline-block; width:1.5rem; font-size:1.2rem; height:1.5rem; line-height:1.5rem; text-align:center; margin-right:0.5rem; background-color:#018997;color:#fff; border-radius:0.3rem; font-family:'微软雅黑';}


/*.liuyan{margin:1rem 1rem 0;}
.liuyan .title{font-size:1.2rem; background-color:#009b44; color:#fff; padding-left:1rem; line-height:3rem; text-align:center}
.liuyan form{padding:1rem 0.5rem;border:1px solid #eee;}
.liuyan form table{width:100%;}
.liuyan form table td{padding:0.5rem 0;}
.liuyan .kuang1{width:100%; line-height:2.4rem;color:#000; font-size:1.2rem; text-indent:1rem;border:1px solid #eee; background-color:transparent;}
.liuyan .kuang2{width:100%; line-height:1.6rem; font-size:1.2rem; text-indent:1rem;border:1px solid #eee; height:4.8rem; padding:0; font-family:'微软雅黑';color:#000; background-color:transparent; padding:0.2rem 0}

.liuyan .online-btn{ border:none; background-color:#009b44; color:#fff; font-size:1.2rem; line-height:2rem; padding:0 2rem; margin:0 1rem;}
.liuyan .online-reset{ background:none;background-color:#4f4f4f;}*/

footer{background:#323232; background-size:cover;color:#fff; font-size:1rem; line-height:1.6rem; text-align:left; margin-top:2rem;padding:1rem 0.5rem; position:relative;}
footer .pic{width:6.4rem; position:absolute; text-align:center; left:1rem; top:1.5rem}
footer .pic span{font-size:1rem;margin-top:0.5rem; display:block;}
footer .pic img{ display:block; width:6.4rem;}
footer .text{color:#fff; font-size:1rem; line-height:1.6; padding:0.5rem 0 0.5rem 8rem;}
footer .text a{color:#fff}

/*.online1{position:fixed; right:0; top:30%; z-index:1000;background-image:url(../images/qq.jpg);background-repeat: no-repeat;background-size:2rem 7.2rem;background-position:center; width:2rem; height:7.2rem; border-radius:0.35rem;}*/