/*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:16px; font-family: Arial,' '; color:#333;}
a{ color:#333;}
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:66;}
.head01bg{ height:40px; line-height:40px; }
.head01{}
.head01 .lt{ float:left; font-size:13px; color:#999;}
.head01 .rt{ float:right; font-size:13px;}
.head01 .rt .lang{ position:relative;}
.head01 .rt .lang span{ display:block; cursor:pointer;}
.head01 .rt .lang span img{ vertical-align:middle;}
.head01 .rt .lang span .img1{ margin-right:10px;}
.head01 .rt .lang span .img2{ margin-left:5px;}
.head01 .rt .lang .lang_down{ width:100%; background:#fff; position:absolute; z-index:99; top:100%; left:0; border-radius:5px; overflow:hidden; box-shadow:2px 2px 5px rgba(0,0,0,0.2); text-align:center; padding:10px 0; display:none;}
.head01 .rt .lang:hover .lang_down{ display:block;}
.head01 .rt .lang .lang_down a{ color:#999; display:block; height:30px; line-height:30px;}
.head01 .rt .lang .lang_down a:hover{ color:#255ed8;}

.head02bg{ height:100px; box-shadow:2px 2px 5px rgba(0,0,0,0.5); background:#255ed8; width:100%; position:relative; z-index:88;}
.head02{ position:relative;}
.head02 .logo{ float:left; width:27%; height:100px; position:relative;}
.head02 .logo img{ max-width:100%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}

.head02 .rt{ float:right; }
.menu{height:100px;line-height:100px; }
.menu ul li{ float:left; position:relative; }
.menu ul li dl{ background:#fff; width:150%; position:absolute; left:0; top:100px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:none; }
.menu ul li dl dd{ line-height:40px; position:relative;}
.menu ul li dl dd strong{ display:block; font-weight:normal; height:40px; line-height:40px; overflow:hidden;}
.menu ul li dl dd a{ font-size:13px; color:#666; padding:0; border:none;}
.menu ul li dl dd a:hover{ color: #fff; background: #7ca0ed ;}
.menu ul li dl dd:hover strong a{ color: #fff; background: #7ca0ed ;}
.menu ul li dl dd .sanji{ background:#fff; width:100%; position:absolute; left:100%; top:0; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:none; }
.menu ul li dl dd:hover .sanji{ display:block;}
.menu ul li dl dd .sanji a{ display:block; height:40px; line-height:40px; overflow:hidden;}
.menu a{ font-size:15px;color:#fff; text-decoration:none; display:block;text-align:center; padding:0 20px;}
.menu a:hover{color:#fff;}
a.menu_hover { color: #fff; background: #7ca0ed ;}

.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){
.head01bg{ display:none;}
.head02bg{ height:60px;}
.head02 .logo{ float:left; width:60%; margin-left:2%; height:60px; position:relative;}
.head02 .logo img{ max-width:100%; max-height:90%; 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-------------------------------*/


/* banner  www.198zone.com*/
.banner{height:26.04vw;z-index:2}
.banner .ban_c img{position:absolute;width:100%;top:0;}
.banner .ban_nav{display:none;}
.banner .Left,.banner .Right{display:none;position:absolute;width:38px;height:38px;background:url(../images/cir_white.gif) no-repeat #aaa;right:100%;bottom:15px;}
.banner .Left{margin-right:-120px;background-position:5px 0}
.banner .Right{margin-right:-1270px;background-position:-33px 0;background-color:#e6292f;}
.bann_ext{position:relative;}
.frontCover{position:absolute;/*top:-100px;*/ bottom:0; right:-100px;padding:0 0 10px;/*border-bottom:5px solid #de0000;*/ z-index:2}
.frontCover li{float:left;width:50px;padding:3px;background:#000;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;}
.frontCover p{text-align:center;height:15px;line-height:18px;overflow:hidden; display:none;}
.frontCover .img{position:relative;height:35px;overflow:hidden;}
.frontCover img{position:absolute;width:192px;height:50px;/*left:-50px;*/ object-fit:cover;}
.frontCover .open{background:#fff;}
.wrap{width:980px;margin-left:auto;margin-right:auto;}
/*幻灯片(组件*/
.slide{position:relative;width:100%;z-index:2; background:#FFF;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;/*min-width:1300px;*/}
.ban_c img{width:100%;height:100%; }
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}
.ban_nav .on{background:#f90;color:#fff;}
.Left,.Right{cursor:pointer;}

.banner_m{ display:none;}
.swiper-container1 { }
.swiper-container1 .swiper-slide { }
.swiper-container1 .swiper-slide img{ width:100%; float:left;}
@media(max-width:768px){
.bannerbg{ display:none;}
.banner_m{ display:block;}
}



.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; background:#255ed8; color:#fff;}
.con01{}
.con01 .main{ }
.con01 .main .img{ width:25%; padding-right:3%;}
.con01 .main .img img{ max-width:100%;}
.con01 .main .txt{ width:72%; }
.con01 .main .txt dl{ }
.con01 .main .txt dl dd{ font-size:14px; line-height:2em;   }

.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{ display:block; width:96%; padding:2%;}
.con01 .main .txt{ display:block; width:96%; padding:2%; margin-top:10px;}
}



.tit4{}
.tit4 h2{ font-weight:normal; font-size:35px; line-height:1.5em;}
.con02bg{ padding:50px 0; }
.con02{}
.con02 .main{ margin-top:4%;}
.con02_lt{ float:left; width:270px;}
.side_a{}
.side_a .h1{ background:#008dd5 url(../images/pro_list.png) right 25px center no-repeat; padding:25px 25px; color:#fff;}
.side_a .h1 strong{ display:block; font-size:26px; line-height:36px;}
.side_a .h1 span{ display:block; font-size:12px; line-height:22px; color:#ebf5fc;}
.side_a ul li{ border-bottom:1px solid #d9e8f0; padding:0 20px; background:#eff4f7 url(../images/pro_lj.png) right 20px center no-repeat;}
.side_a ul li a{ display:block; font-size:16px; line-height:26px; padding-right:20px; height:80px; display:flex;/*justify-content:center; */align-items: center;}
.side_a ul li:hover{ background-color:#f60; color:#fff;}
.side_a ul li a:hover,.side_a ul li:hover>a{ color:#fff;}
.con02_rt{ float:right; width:calc(100% - 290px);}
.con02_rt ul{}
.con02_rt ul li{ float:left; width:48%; margin-bottom:4%; background:#f2f2f2;}
.con02_rt ul li:nth-child(2n){ float:right;}
.con02_rt ul li:hover{ background:#255ed8;}
.con02_rt ul li .img{ float:left; width:40%;}
.con02_rt ul li .img a{ display:block; padding-bottom:100%;}
.con02_rt ul li .txt{ float:right; width:50%; padding:5% 5% 0 5%;}
.con02_rt ul li:hover .txt{ color:#fff;}
.con02_rt ul li .txt h2{ font-size:18px; line-height:1.5em; height:1.5em; overflow:hidden; color:#255ed8;}
.con02_rt ul li:hover .txt h2{ color:#fff;}
.con02_rt ul li .txt h3{ font-weight:normal; font-size:14px; line-height:1.5em; height:6em; overflow:hidden; margin-top:10px;}
.con02_rt ul li .txt h4{ font-weight:normal; font-size:13px; margin-top:20px;}
.con02_rt ul li .txt h4 a{ background:#255ed8; color:#fff; display:inline-block; border-radius:3px; padding:0 20px; height:36px; line-height:36px;}
.con02_rt ul li:hover .txt h4 a{ background:#40acff;}

.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{ margin-top:4%;}
.con02_lt{ width:100%; margin-bottom:4%;}
.side_a .h1{ background-position:right 25px center; padding:20px 20px; }
.side_a .h1 strong{ font-size:26px; line-height:36px;}
.side_a .h1 span{ font-size:12px; line-height:22px; }
.side_a ul li{ padding:0 20px; background-position:right 20px center;}
.side_a ul li a{ font-size:16px; line-height:26px; padding-right:20px; height:60px; }
.con02_rt{ width:100%;}
.con02_rt ul li{ float:none; width:96%; margin:0 2% 4% 2%; }
.con02_rt ul li:nth-child(2n){ float:none;}
.con02_rt ul li .img{ float:none; width:100%; padding:0;}
.con02_rt ul li .txt{ float:none; width:90%; padding:5% 5% 5% 5%;}
.con02_rt ul li .txt h2{ height:auto; }
.con02_rt ul li .txt h3{ height:auto; }
}


.tit5{ text-align:center;}
.tit5 .h2{ font-size:45px; line-height:55px; font-weight:bold; background:url(../images/ad_dian.png) center no-repeat;}
.tit5 .h3{ font-size:20px; line-height:30px; margin-top:10px;}
.index_add1bg{ padding:80px 0; background:url(../images/ad_bg.jpg) center no-repeat; background-size:cover;}
.index_add1{}
.index_add1 .tit5{ color:#fff;}
.index_add1 .list{ margin-top:60px; margin-left:calc((100% - 1200px)/2);}
.news_gallery{ position:relative; }
.news_gallery .news_gallery-thumbs{ width:62%; padding:15px; background:rgba(255,255,255,0.9); position:absolute; bottom:0; left:0; z-index:2;}
.news_gallery .news_gallery-thumbs .swiper-container{}
.news_gallery .news_gallery-thumbs .swiper-slide{ position:relative; cursor:pointer; text-align:center;}
.news_gallery .news_gallery-thumbs .swiper-slide .img{ padding-bottom:60%; position:relative; overflow:hidden; border:3px solid transparent;}
.news_gallery .news_gallery-thumbs .swiper-slide .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.news_gallery .news_gallery-thumbs .swiper-slide .txt{ position:relative; z-index:2; }
.news_gallery .news_gallery-thumbs .swiper-slide .txt .h2{ font-size:16px; line-height:18px;}
.news_gallery .news_gallery-thumbs .swiper-slide .txt .num{ margin:0 auto; width:36px; line-height:36px; text-align:center; background:#f60; color:#fff; font-size:16px; margin-top:-18px; border-radius:100%; opacity:0; visibility:hidden;}
.news_gallery .news_gallery-thumbs .swiper-slide.swiper-slide-thumb-active .img{ border-color:#f60;}
.news_gallery .news_gallery-thumbs .swiper-slide.swiper-slide-thumb-active .txt .num{ opacity:1; visibility:visible;}
.news_gallery .news_gallery-top{}
.news_gallery .news_gallery-top .swiper-container{}
.news_gallery .news_gallery-top .swiper-slide{ background:#fff;}
.news_gallery .news_gallery-top .swiper-slide.swiper-slide-active{ }
.news_gallery .news_gallery-top .swiper-slide .nr_box{
display: flex;
justify-content: space-between;
/*align-items: center;*/
flex-direction:row-reverse;}
.news_gallery .news_gallery-top .swiper-slide .imgbg{ width:50%;}
.news_gallery .news_gallery-top .swiper-slide .img{ padding-bottom:60%; position:relative; overflow:hidden;}
.news_gallery .news_gallery-top .swiper-slide .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; z-index:1; transition:all .3s ease;}
.news_gallery .news_gallery-top .swiper-slide .txtbg{ width:50%; }
.news_gallery .news_gallery-top .swiper-slide .txt{ color:#666; padding:2.08vw 5% 12.5vw 5%;}
.news_gallery .news_gallery-top .swiper-slide .txt .box1{ border-bottom:2px solid #eae9e9; padding-bottom:1.04vw; margin-bottom:0vw;
display: flex;
justify-content: space-between;
/*align-items: center;*/}
.news_gallery .news_gallery-top .swiper-slide .txt .ico{ width:66px;}
.news_gallery .news_gallery-top .swiper-slide .txt .ico img{ max-width:100%;}
.news_gallery .news_gallery-top .swiper-slide .txt .h2{ width:calc(100% - 75px);}
.news_gallery .news_gallery-top .swiper-slide .txt .h2 strong{ display:block; font-size:18px; line-height:32px;}
.news_gallery .news_gallery-top .swiper-slide .txt .h2 span{ display:block; font-size:16px; line-height:18px;}
.news_gallery .news_gallery-top .swiper-slide .txt .box2{}
.news_gallery .news_gallery-top .swiper-slide .txt .h3{ font-size:15px; line-height:25px;}
.news_gallery .swiper-controls{ display:none;}
@media(max-width:768px){
.tit5 .h2{ font-size:24px; line-height:34px; }
.tit5 .h3{ font-size:14px; line-height:24px; margin-top:5px;}
.index_add1bg{ padding:60px 0; }
.index_add1 .list{ margin-top:40px; margin-left:0;}
.news_gallery .news_gallery-thumbs{ width:90%; padding:15px 5%; position:static; bottom:0; left:0; z-index:2;}
.news_gallery .news_gallery-thumbs .swiper-slide .txt .h2{ font-size:20px; line-height:30px;}
.news_gallery .news_gallery-thumbs .swiper-slide .txt .num{ width:36px; line-height:36px; font-size:16px; margin-top:-18px; }
.news_gallery .news_gallery-top .swiper-slide .nr_box{ display:block;}
.news_gallery .news_gallery-top .swiper-slide .imgbg{ width:100%;}
.news_gallery .news_gallery-top .swiper-slide .txtbg{ width:100%; }
.news_gallery .news_gallery-top .swiper-slide .txt{ padding:20px 5%;}
.news_gallery .news_gallery-top .swiper-slide .txt .box1{ padding-bottom:20px; margin-bottom:20px; }
.news_gallery .news_gallery-top .swiper-slide .txt .ico{ width:66px;}
.news_gallery .news_gallery-top .swiper-slide .txt .h2{ width:calc(100% - 75px);}
.news_gallery .news_gallery-top .swiper-slide .txt .h2 strong{ font-size:18px; line-height:28px;}
.news_gallery .news_gallery-top .swiper-slide .txt .h2 span{ font-size:14px; line-height:24px;}
.news_gallery .news_gallery-top .swiper-slide .txt .h3{ font-size:14px; line-height:24px;}
}


.con11bg{ padding:50px 0;}
.con11{}
.con11 .main{ margin-top:30px;}
.con11 .main ul li{ float:left; width:22%; margin-right:4%; text-align:center;}
.con11 .main ul li:nth-child(4n){ margin-right:0;}
.con11 .main ul li .img{ border:1px solid #ccc; padding-bottom:50%; position:relative;}
.con11 .main ul li .img img{ max-width:90%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.con11 .main ul li .img1{}
.con11 .main ul li .img2{ display:none;}
.con11 .main ul li:hover .img1{ display:none;}
.con11 .main ul li:hover .img2{ display:block;}
.con11 .main ul li h2{ font-size:18px; line-height:2em; height:2em; overflow:hidden; color:#333;}
.con11 .main ul li:hover h2{ color:#255ed8;}
@media(max-width:768px){
.con11{ padding:0 2%;}
.con11 .main{ margin-top:0;}
.con11 .main ul li{ float:none; width:96%; margin:4% 2% 0 2%;}
.con11 .main ul li:nth-child(4n){ margin:4% 2% 0 2%;}
}


.con12bg{ padding:30px 0 50px 0;}
.con12{}
.con12_lt{ float:left; width:40%;}
.con12_lt video{ width:100%;}
.con12_ct{ float:left; width:30%; margin-left:0%;}
.con12_ct img{ width:100%;}
.con12_rt{ float:right; width:65%;}
.con12_rt ul li{ font-size:14px; line-height:25px; margin-bottom:20px; background:url(../images/listbg1.png) left top 7px no-repeat; padding-left:20px;}
.con12_rt ul li a{}
.con12_rt ul li a:hover{ color:#255ed8;}
@media(max-width:768px){
.con12{ padding:0 2%;}
.con12_lt{ float:none; width:96%; margin:0 2%;}
.con12_lt video{ width:100%;}
.con12_ct{ float:none; width:96%; margin:4% 2% 0 2%;}
.con12_ct img{ width:100%;}
.con12_rt{ float:none; width:96%; margin:4% 2% 0 2%;}
}


.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{}
.foot03bg{ background:#255ed8; padding:30px 0;}
.foot03{}
.foot03 table{ border-spacing:0;}
.foot03 table td{}
.foot03 .w1{ width:48%; padding-right:4%;}
.foot03 .w1 .bt{}
.foot03 .w1 .bt .img{ float:left; width:10%; padding-right:2%;}
.foot03 .w1 .bt .img img{ max-width:100%;}
.foot03 .w1 .bt .txt{ float:right; width:88%; font-size:15px; line-height:20px; color:#fff;}
.foot03 .w2{ width:48%; }
.foot03 .w2 .text1{ vertical-align:middle; border:none; width:69%; height:50px; line-height:50px; background:#fff; font-size:14px; padding:0 2%;}
.foot03 .w2 .button1{ vertical-align:middle; border:none; width:25%; height:50px; line-height:50px; background:#333; color:#fff; font-size:16px; cursor:pointer; margin-left:1%;}

.foot01bg{ background:#e1e1e1; padding:50px 0; }
.foot01{}
.foot01 a{ color:#333;}
.foot01 a:hover{ text-decoration:underline;}
.foot01 .img{ float:right; width:10%; text-align:center;}
.foot01 .img img{ width:100%;}
.foot01 .img h2{ font-weight:normal; font-size:12px; line-height:2em; }
.foot01 .txt{ float:left; width:86%;}
.foot01 .txt dl dt{ font-size:12px; line-height:2em; margin:.5em 0;}
.foot01 .txt dl dd{ font-size:12px; line-height:1.5em; margin:.5em 0;}

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

@media(max-width:768px){
.foot03{ padding:0 2%;}
.foot03 .w1{ display:block; width:96%; padding:0 2%;}
.foot03 .w2{ display:block; width:96%; padding:0 2%;}
.foot01bg{ padding:30px 0; }
.foot01{ padding:0 2%;}
.foot01 .img{ float:none; width:96%; padding:0 2%; margin-top:4%;}
.foot01 .img img{ width:auto; max-width:60%;}
.foot01 .txt{ float:none; width:96%; padding:0 2%;}
.foot02{ padding:0 2%;}
}





/*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:-3;}
.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%; height: 500px;}
.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:50px 0;}
.proDetail .btm .content{ margin-top:50px;line-height:1.8em;}
.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%;}
}