/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family: Arial,' '; color:#333;}
a{ color:#fff;}
a:hover{ color:#f60; text-decoration:none;}
:hover{ transition:all .3s ease;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1200px; margin:0 auto;}
img{ max-width:100%;}
/*common end*/


.head{ width:100%; position:relative; z-index:666;}
.head01bg{ height:36px; line-height:36px; background:#000; color:#fff;}
.head01{}
.head01 .lt{ float:left; max-width:50%; font-size:14px;}
.head01 .rt{ float:right; max-width:50%; }
.head01 .rt h2{ padding-left:20px; background:url(../images/tel1.png) left center no-repeat; font-size:16px;}

.head02bg{ height:100px;}
.head02{ position:relative;}
.head02 .logo{ float:left; width:20%; height:100px; position:relative;}
.head02 .logo img{ max-width:100%; max-height:100px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}

.head02 .rt{ float:right; max-width:80%;}
/*menu*/
.menu{height:100px;line-height:98px; }
.menu ul li{ float:left; position:relative; }
.menu ul li dl{ background:#fff; width:150%; position:absolute; left:-25%; top:100px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:30px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; padding:0; border:none;}
.menu ul li dl dd a:hover{ color:#30b5c4;}
.menu a{ font-size:16px;color:#333; text-decoration:none; font-weight:bold;display:block;text-align:center; border-bottom:2px solid transparent; padding:0 20px;}
.menu a:hover{color:#30b5c4;}
a.menu_hover{ color:#30b5c4; border-bottom:2px solid #30b5c4;}

.nav {margin:0px; padding:0; width:100%; display:none;}
.nav-item {margin:0px;padding:0px; list-style:none;zoom:1;width:100%; text-align: center;}
.nav-item a {display:block;-webkit-transition: color .2s linear,background .2s linear;-moz-transition: color .2s linear,background .2s linear;-o-transition: color .2s linear,background .2s linear;transition: color .2s linear,background .2s linear; font-size:14px; background:#fff;color: #333; border-top:1px solid rgba(16,24,32,.2); line-height:49px; height:49px; overflow:hidden;}
.nav-item a:hover {background:#efefef;color: #000;}
.nav-mobile {display: none;cursor: pointer;position: absolute; top: 0px; right:2%; background: url(../images/menu_m.png) center no-repeat;width: 30px;height:60px;}
.nav-mobile { display:block;}
.nav-list {width:100%;margin:0px;padding:0px;float:left;display:none;}
.nav-inner {display: none;}
.nav-active, .nav-active-inner .nav-inner {display:block;}

@media(max-width:768px){
.head01 .lt{ display:none;}
.head01 .rt{ float:right; max-width:100%; padding:0 2%;}
.head02bg{ height:60px;}
.head02 .logo{ float:left; width:60%; margin-left:2%; height:60px; position:relative;}
.head02 .logo img{ max-width:100%; max-height:50px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.head02 .rt{ display:none;}
.nav{ display:block;}
}




.bannerbg{}
/*---------------------------轮换图片-------------------------------*/
.slide_container { position: relative;float: left;width: 100%;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0;top: 0;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide .caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 0;opacity: 0.7;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("../images/themes.gif") no-repeat left top;margin-top: -45px;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.next {left: auto;background-position: right top;right: 0;}
/*---------------------------轮换图片 End-------------------------------*/




.tit1{ text-align:center;}
.tit1 h2{ font-weight:normal; font-size:24px; background:url(../images/tit1bg.png) center no-repeat; line-height:38px;}
.tit1 h2 span{ }
.tit1 h3{ font-weight:normal; font-size:19px; line-height:22px; margin-top:10px; color:#8f9092;}
.tit1 h4{ font-weight:normal; font-size:16px; line-height:16px; margin-top:20px;}
.con01bg{ padding:50px 0;}
.con01{}
.con01 .main{ margin-top:30px;}
.con01 .main .img{ float:left; width:35%;}
.con01 .main .img img{ width:100%;}
.con01 .main .txt{ float:right; width:60%; padding-left:5%;}
.con01 .main .txt dl{ margin-bottom:20px;}
.con01 .main .txt dl dt{ font-size:20px; color:#30b5c4; line-height:2em; }
.con01 .main .txt dl dt b{}
.con01 .main .txt dl dd{ font-size:16px; line-height:2em; color:#656666;   }
.con01 .main .txt dl dd b{ display:block;}
.more1{}
.more1 a{ display:inline-block; width:184px; height:36px; line-height:36px; text-align:center; border:1px solid #30b5c4; color:#30b5c4; font-size:16px; border-radius:50px; background:#fff;}
.more1 a:hover{ background:#30b5c4; color:#fff;}

@media(max-width:768px){
.con01{ padding:0 2%;}
.con01 .main .img{ float:left; width:100%;}
.con01 .main .img img{ width:100%;}
.con01 .main .txt{ float:right; width:96%; padding:2%;}
}




.con02bg{ padding:50px 0; background:#f5f5f5;}
.con02{}
.con02 .main{ margin-top:30px;}
.con02 .main ul{}
.con02 .main ul li{ float:left; width:50%;}
.con02 .main ul li .top{ position:relative;}
.con02 .main ul li .top>img{ width:100%; float:left;}
.con02 .main ul li .top .imgbg{ width:50%; height:100%; position:absolute; top:0; left:0;}
.con02 .main ul li .top .img{ width:100%; height:100%; position:relative;}
.con02 .main ul li .top .img img{ max-width:100%; max-height:100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto;}
.con02 .main ul li .top .txt{ position:absolute; width:50%; height:100%; top:0; right:0; color:#fff;}
.con02 .main ul li .top .txt h2{ font-weight:normal; font-size:20px; line-height:2em; color:#c0ffff; padding-top:10px;}
.con02 .main ul li .top .txt h3{ font-weight:normal; font-size:15px; line-height:1.5em; max-height:7.5em; overflow:hidden; margin-top:5px;}
.con02 .main ul li .top .txt h4{ font-weight:normal; font-size:16px; margin-top:10px;}
.con02 .main ul li .top .txt h4 img{ vertical-align:middle; margin-right:5px;}
.con02 .main ul li .top .txt h4 a{ color:#fff;}
.con02 .main ul li .top .txt h4 a:hover{ text-decoration:underline;}
.con02 .main ul li .btm{}
.con02 .main ul li .btm dl dd{ float:left; }
.con02 .main ul li .btm dl .dd1{ width:47%;}
.con02 .main ul li .btm dl .dd2{ width:53%;}
.con02 .main ul li .btm dl dd img{ width:100%; float:left;}
.more2{ margin-top:30px; text-align:center;}
.more2 a{ display:inline-block; width:184px; height:36px; line-height:36px; border:1px solid #30b5c4; color:#30b5c4; font-size:16px; border-radius:50px; background:#fff;}
.more2 a:hover{ background:#30b5c4; color:#fff;}

@media(max-width:768px){
.con02{ padding:0 2%;}
.con02 .main ul li{ float:left; width:100%;}
.con02 .main ul li .top .txt{ text-align:center;}
.con02 .main ul li .top .txt h3{ display:none;}
}



.con03bg{ padding:50px 0;}
.con03{}
.con03 .main{ margin-top:30px;}
.con03 .main ul li{ float:left; width:35%; margin:10px 0; }
.con03 .main ul li h2{ font-weight:normal; font-size:18px; line-height:30px; padding:10px 0 10px 60px;}
.con03 .main ul li h2 b{ color:#30b5c4;}
.con03 .main ul .li1{}
.con03 .main ul .li2{ float:right; width:35%; }

@media(max-width:768px){
.con03{ padding:0 2%;}
.con03 .main{ background:none !important;}
.con03 .main ul li{ float:left; width:100%; }
.con03 .main ul .li2{ float:right; width:100%; }
}




.con04bg{ padding:50px 0; background:#f5f5f5;}
.con04{}
.con04 .main{ margin-top:30px;}
.con04 .main ul{ margin:0 1%;}
.con04 .main ul li{ float:left; width:31.33%; margin:0 1%;}
.con04 .main ul li .img{}
.con04 .main ul li .img img{ width:100%;}
.con04 .main ul li .txt{}
.con04 .main ul li .txt h2{ font-weight:normal; margin-top:10px; background:url(../images/c4_2.png) left center no-repeat; font-size:16px; padding-left:60px;}
.con04 .main ul li .txt h2 strong{ display:block; height:26px; line-height:26px; overflow:hidden;}
.con04 .main ul li .txt h2 span{ display:block; height:26px; line-height:26px; overflow:hidden; color:#898d8d;}
.con04 .main ul li .txt h3{ font-weight:normal; font-size:14px; line-height:1.5em; height:3em; overflow:hidden; color:#666; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #ccc;}
.con04 .main ul li .txt h4{ font-weight:normal; font-size:14px; line-height:1.5em; margin-top:10px; padding-top:10px;}
.con04 .main ul li .txt h4 a{ color:#999;}
.con04 .main ul li .txt h4 a:hover{ text-decoration:underline;}

@media(max-width:768px){
.con04{ padding:0 2%;}
.con04 .main ul li{ float:left; width:98%; margin:2% 1% 0 1%;}
.con04 .main ul li .txt h3{ height:auto; }
}




.con05bg{ padding:50px 0;}
.con05{}
.con05 .main{ margin-top:30px;}
.con05_lt{ float:left; width:58%;}
.con05_lt ul{}
.con05_lt ul li{ margin:20px 0;}
.con05_lt ul li .rq{ float:left; width:18%;}
.con05_lt ul li .rq h2{ font-weight:normal; background:#2eb7bf; color:#fff; font-size:18px; line-height:30px; font-family:Impact; text-align:center;}
.con05_lt ul li .rq h2 b{ display:block; background:#f0efef; color:#2eb7bf; font-size:36px; line-height:50px;}
.con05_lt ul li .nr{ float:right; width:80%;}
.con05_lt ul li .nr h3{ font-weight:normal; font-size:18px; line-height:2em; height:2em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.con05_lt ul li .nr h3 a{}
.con05_lt ul li .nr h3 a:hover{ color:#2eb7bf;}
.con05_lt ul li .nr h4{ font-weight:normal; font-size:14px; line-height:1.5em; height:3em; overflow:hidden; color:#999;}

.con05_rt{ float:right; width:40%;}
.con05_rt .img{}
.con05_rt .img img{ width:100%;}
.con05_rt .txt{}
.con05_rt .txt h2{ font-size:18px; line-height:2em; height:2em; overflow:hidden; }
.con05_rt .txt h3{ font-weight:normal; font-size:14px; line-height:1.5em; height:3em; overflow:hidden; color:#666;}
.con05_rt .txt h4{ font-weight:normal; font-size:14px; margin-top:10px;}
.con05_rt .txt h4 a{ display:inline-block; width:124px; height:28px; line-height:28px; border:1px solid #333; text-align:center; border-radius:50px;}
.con05_rt .txt h4 a:hover{ color:#2eb7bf;}

@media(max-width:768px){
.con05{ padding:0 2%;}
.con05_lt{ float:left; width:100%;}
.con05_rt{ float:right; width:100%;}
}



.foot{}
.foot01bg{ background:#272727; padding:50px 0; color:#fff;}
.foot01{}
.foot01 a{ color:#fff;}
.foot01 a:hover{ text-decoration:underline;}
.foot01 .lt{ float:left; width:88%;}
.foot01 .lt .img{ float:left; width:13%; text-align:center;}
.foot01 .lt .img img{ width:100%;}
.foot01 .lt .img h2{ font-weight:normal; font-size:12px; line-height:1.5em; margin-top:5px;}
.foot01 .lt .txt{ float:right; width:85%;}
.foot01 .lt .txt dl dt{ font-weight:bold; font-size:16px; line-height:2em;}
.foot01 .lt .txt dl dd{ font-size:14px; line-height:1.5em; margin:5px 0;}
.foot01 .rt{ float:right; width:10%;}
.foot01 .rt img{ width:100%;}

.foot02bg{ background:#1b1b1b; padding:20px 0; color:#fff;}
.foot02{ text-align:center;}
.foot02 ul li{ font-size:14px; line-height:1.5em; margin:5px 0;}
.foot02 ul li a{ color:#fff;}
.foot02 ul li a:hover{ text-decoration:underline;}

@media(max-width:768px){
.foot01{ padding:0 2%;}
.foot01 .lt{ float:left; width:100%;}
.foot01 .lt .img{ float:left; width:100%; text-align:center;}
.foot01 .lt .img img{ width:50%;}
.foot01 .lt .txt{ float:right; width:100%; margin-top:20px;}
.foot01 .rt{ float:right; width:100%; text-align:center; margin-top:20px;}
.foot01 .rt img{ width:50%;}
.foot02{ padding:0 2%;}
.foot02 ul li{ font-size:12px; line-height:1.5em; }
}





/*Add------------------------------------------------------------------------------*/


.inbannerbg{}
.inbannerbg img{ width:100%; float:left;}

.weizhi{ height:45px; line-height:45px; border-bottom:1px solid #30b5c4; padding-left:30px; background:url(../images/weizhi.png) left center no-repeat; font-size:16px;}
.weizhi a{}
.weizhi a:hover{}
.insidebg{ padding-bottom:5%;}
.inside{}
.inside_con{}
@media(max-width:768px){
.inside{ padding:0 2%;}
}






.team{ margin-top:50px;}
.team .list{ margin-top:30px;}
.team .list .img{ float:left; width:30%;}
.team .list .img img{ width:100%;}
.team .list .txt{ float:right; width:68%;}
.team .list .txt dl{ margin-bottom:20px;}
.team .list .txt dl dt{ font-weight:bold; font-size:22px; line-height:2em; color:#30b5c4;}
.team .list .txt dl dd{ font-size:18px; line-height:1.8em;}
@media(max-width:768px){
.team .list .img{ float:left; width:100%;}
.team .list .txt{ float:right; width:100%;}
}





.product{ margin-top:50px;}
.product .list{ margin-top:30px;}
.product .list ul{}
.product .list ul li{ float:left; width:50%; margin:2% 0 0 0;}
.product .list ul li .top{ position:relative;}
.product .list ul li .top>img{ width:100%; float:left;}
.product .list ul li .top .imgbg{ width:50%; height:100%; position:absolute; top:0; left:0;}
.product .list ul li .top .img{ width:100%; height:100%; position:relative;}
.product .list ul li .top .img img{ max-width:90%; max-height:90%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto;}
.product .list ul li .top .txt{ position:absolute; width:50%; height:100%; top:0; right:0; color:#fff;}
.product .list ul li .top .txt h2{ font-weight:normal; font-size:20px; line-height:2em; color:#c0ffff; padding-top:10px;}
.product .list ul li .top .txt h3{ font-weight:normal; font-size:15px; line-height:1.5em; max-height:7.5em; overflow:hidden; margin-top:5px;}
.product .list ul li .top .txt h4{ font-weight:normal; font-size:16px; margin-top:10px;}
.product .list ul li .top .txt h4 img{ vertical-align:middle; margin-right:5px;}
.product .list ul li .top .txt h4 a{ color:#fff;}
.product .list ul li .top .txt h4 a:hover{ text-decoration:underline;}

@media(max-width:768px){
.product{ padding:0 2%;}
.product .list ul li{ float:left; width:100%; }
.product .list ul li .top .txt{ text-align:center;}
.product .list ul li .top .txt h3{ display:none;}
}






.solution{ margin-top:50px;}
.solution .list{ margin-top:30px;}
.solution .list ul{ margin:0 1%;}
.solution .list ul li{ float:left; width:31.33%; margin:0 1%;}
.solution .list ul li .img{}
.solution .list ul li .img img{ width:100%;}
.solution .list ul li .txt{}
.solution .list ul li .txt h2{ font-weight:normal; margin-top:10px; background:url(../images/c4_2.png) left center no-repeat; font-size:16px; padding-left:60px;}
.solution .list ul li .txt h2 strong{ display:block; height:26px; line-height:26px; overflow:hidden;}
.solution .list ul li .txt h2 span{ display:block; height:26px; line-height:26px; overflow:hidden; color:#898d8d;}
.solution .list ul li .txt h3{ font-weight:normal; font-size:14px; line-height:1.5em; height:3em; overflow:hidden; color:#666; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #ccc;}
.solution .list ul li .txt h4{ font-weight:normal; font-size:14px; line-height:1.5em; margin-top:10px; padding-top:10px;}
.solution .list ul li .txt h4 a{ color:#999;}
.solution .list ul li .txt h4 a:hover{ text-decoration:underline;}

@media(max-width:768px){
.solution{ padding:0 2%;}
.solution .list ul li{ float:left; width:98%; margin:2% 1% 0 1%;}
.solution .list ul li .txt h3{ height:auto; }
}



.news{}
.news .list{ margin-top:30px;}
.news .list ul li{ margin:10px 0; padding:10px 0;}
.news .list ul .li1{ background:#f8f7f7;}
.news .list ul li .rq{ float:left; width:10%; text-align:center; color:#666;}
.news .list ul li .rq h2{ font-family:Impact; font-size:18px; line-height:20px;}
.news .list ul li .rq h2 b{ font-weight:normal; display:block; font-size:36px; line-height:40px;}
.news .list ul li .nr{ float:left; width:60%;}
.news .list ul li .nr h3{ font-weight:normal; font-size:16px; line-height:2em; height:2em; overflow:hidden;}
.news .list ul li .nr h4{ font-weight:normal; font-size:14px; line-height:1.5em; height:3em; overflow:hidden; color:#999;}
.news .list ul li .more3{ float:right; width:10%; text-align:right; padding:20px 10px 0 0;}
.news .list ul li .more3 a{ display:inline-block; text-align:center; padding:0 10px; height:30px; line-height:30px; background:#999; color:#fff;}
.news .list ul li:hover .more3 a{ background:#000;}

@media(max-width:768px){
.news .list ul li{ padding:10px 2%;}
.news .list ul li .rq{ float:left; width:auto; text-align:center; color:#666;}
.news .list ul li .nr{ float:left; width:100%;}
.news .list ul li .more3{ float:right; width:100%; text-align:left; padding:10px 0 0 0;}
}




.contact{ margin-top:50px;}
.contact .list{ margin-top:30px;}
.contact .list .top{ border:10px solid #eeecec; padding:2%;}
.contact .list .top .txt{ float:left; width:75%;}
.contact .list .top .txt dl dt{ font-weight:bold; font-size:18px; line-height:2em; color:#30b5c4; margin:.5em 0;}
.contact .list .top .txt dl dd{ font-size:16px; line-height:2em; margin:.5em 0;}
.contact .list .top .img{ float:right; width:23%; text-align:center;}
.contact .list .top .img img{ width:100%;}
.contact .list .btm{ margin-top:20px;}
.contact .list .btm img{ width:100%;}
@media(max-width:768px){
.contact .list .top .txt{ float:left; width:100%;}
.contact .list .top .img{ float:right; width:100%;}
.contact .list .top .img img{ width:50%;}
}





.about{}
.about01{ margin-top:50px;}
.about01 .list{ margin-top:30px;}
.about01 .list .img{ float:left; width:33%;}
.about01 .list .img img{ width:100%;}
.about01 .list .txt{ float:right; width:65%;}
.about01 .list .txt h2{ font-weight:normal; font-size:22px; line-height:2em; margin:.5em 0; color:#30b5c4;}
.about01 .list .txt h2 b{ }
.about01 .list .txt h3{ font-weight:normal; font-size:18px; line-height:2em; margin:.5em 0; color:#666;}

.about02{ margin-top:50px;}
.about02 .list{ margin-top:30px;}
.about02 .list ul{ margin:0 1%;}
.about02 .list ul li{ float:left; width:18%; margin:0 1%; text-align:center;}
.about02 .list ul li .img{}
.about02 .list ul li .img img{ width:100%;}
.about02 .list ul li h2{ font-weight:normal; font-size:16px; line-height:2em; height:2em; overflow:hidden;}
.about02 .list ul li h2 a{}
@media(max-width:768px){
.about01{ padding:0 2%;}
.about01 .list .img{ float:left; width:100%;}
.about01 .list .img img{ width:100%;}
.about01 .list .txt{ float:right; width:100%;}
.about02 .list ul li{ float:left; width:48%; margin:0 1%; }
}




.tit2{}
.tit2 h2{ font-weight:normal; font-size:30px; line-height:100px;}
.tit2 h2 span{ display:inline-block; padding:0 20px; background:#2eb7bf; color:#fff;}
.proDetail{}
.proDetail .top{ margin-top:50px;}
.proDetail .top .list{ margin-top:30px;}
.proDetail .top .list .img{ float:left; width:38%; border:1px solid #2eb7bf; text-align:center; padding:5% 0;}
.proDetail .top .list .img img{ width:90%;}
.proDetail .top .list .txt{ float:right; width:60%;}
.proDetail .top .list .txt ul li{ font-size:26px; line-height:2em; margin:.5em 0; padding-left:30px; background:url(../images/star.png) left center no-repeat;}

.proDetail .btm{ margin-top:50px;}
.proDetail .btm .list{ margin-top:30px;}
.proDetail .btm .list ul{ margin:0 1%;}
.proDetail .btm .list ul li{ float:left; width:23%; margin:2% 1% 0 1%; text-align:center; background:#e1dede;}
.proDetail .btm .list ul li .img{}
.proDetail .btm .list ul li .img img{ width:100%;}
.proDetail .btm .list ul li h2{ font-weight:normal; font-size:18px; line-height:2em; height:2em; overflow:hidden;}
@media(max-width:768px){
.proDetail .top .list .img{ float:none; width:90%; margin:0 auto; border:1px solid #2eb7bf; padding:5% 0;}
.proDetail .top .list .img img{ width:90%;}
.proDetail .top .list .txt{ float:none; width:90%; margin:0 auto;}
.proDetail .btm .list ul li{ float:left; width:98%; margin:2% 1% 0 1%; }
}




.tit3{ line-height:60px;}
.tit3 h2{ font-size:40px;}
.tit3 h2 b{ font-size:60px; margin-right:10px;}
.solution_detail{ margin-top:50px;}
.solution_detail .list{ margin-top:30px;}
@media(max-width:768px){
.tit3{ line-height:40px;}
.tit3 h2{ font-size:16px;}
.tit3 h2 b{ font-size:24px; }
.solution_detail{ padding:0 2%;}
img{max-width:100%;}
}