@charset "utf-8";

.font_color{color: #11b7ce;}
.font_red{color: #d3a129;}
.font_green{color: #8dc31e;}
.widthauto{width: 94%;margin: auto;}
body{background: #fff; }
/*header*/
header.header{box-shadow: 0 0 6vw rgba(0,0,0,0.1);position: fixed;width: 100%;z-index: 99999;background: #fff;}
header.header .logo{float: left;height: 10vw;padding: 2vw;}
header.header .logo img{height: 100%;}
header.header .ybdd{float: left;line-height: 4vw;padding-top:3vw;font-size: 3.2vw;}
header.header .ybdd .iconfont{color: #ff0000;margin-right: 1vw;}
header.header .ewm{float: right;color: #11b7ce; width: 13vw;height: 14vw;line-height: 14vw;text-align: center;}
header.header .nav{float: right;background: #11b7ce;color: #fff;width: 13vw;height: 14vw;line-height: 14vw;text-align: center;}
header.header .ewm .iconfont,header.header .nav .iconfont{font-size:7vw;}

.header_nav{position: fixed;left: 0;top: 14vw;width: 100%;height:94vh;z-index: 99999;background: rgba(0,0,0,0.5);}
.header_nav.none{display: none;}
.header_nav .warp{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.header_nav nav{position: absolute;z-index: 999;left: 0;top: 0; width: 50vw;height: 100vh; background: #222;}
.header_nav nav li{line-height: 7vh;text-align: center;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.05)}
.header_nav nav li .iconfont{font-size: 3vw;margin-left: 2vw;}
.header_nav nav li a{color: #fff;}
.header_nav nav li:hover{background: rgba(255,255,255,0.2);}
.header_nav nav li.cur{background: #11b7ce;}

.popup_ewm{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.6);z-index: 999999;display: none;}
.popup_ewm .ewm{width: 50vw;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background: #fff;text-align: center;padding: 2vw;}
.popup_ewm .ewm img{width: 100%;}


/*index*/
.index_banner{height:120vw;width: 100%;}
.index_banner img{width: 100%;height: 100%;}
.inner_banner{height:37vw;width: 100%;}
.inner_banner img{width: 100%;height: 100%;}

.gonggao{line-height: 9vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 3%;box-shadow: 0 1vw 3vw rgba(0,0,0,0.05);}
.gonggao .icon .iconfont{float: left;color: #ff0000;margin-right: 1vw;}

.index_bt{margin:auto;text-align: center;margin-bottom: 4vw;}
.index_bt .t1{font-weight: bold; text-transform: uppercase; color: rgba(0,0,0,0.1); text-align: center; line-height: 6vw;}
.index_bt .bt{overflow:hidden;width: 90vw;margin: auto;}
.index_bt .bt .left_hg{width:25vw; height:0.3vw; background: rgba(0,0,0,0.1); float: left; margin-top:2vw;}
.index_bt .t2{font-size: 4.6vw; font-weight: bold; text-transform: uppercase; text-align: center; line-height:6vw; float: left; width:40vw; }
.index_bt p{color: #aaa;}
.index_bt .hg{ width:10vw; height:1vw; background:#11b7ce;margin: auto;margin-top: 1vw;}

.index_product{}
.index_product ul li{float: left;width: 24%;text-align: center;background: rgba(17,183,206,0.08);padding: 2vw;box-sizing: border-box;margin-right: 1%;margin-bottom: 1%;}
.index_product ul li:nth-child(4n){margin-right: 0;}
.index_product ul li .icon{display: inline-block;width: 10vw;height: 10vw;}

.index_ad{overflow: hidden;}
.index_ad img{width: 180%;margin-left: -40%;}

.index_team ul{}
.index_team ul li{text-align: center;position: relative;}
.index_team ul li .img{width: 100%;height: 56vw;box-sizing: border-box;border: 1px solid #11b7ce;}
.index_team ul li .img img{width: 100%;height: 100%;}
.index_team ul li .text{padding: 2vw 0;background: #11b7ce;color: #fff;}
.index_team ul li .text a{color: #fff;}
.index_team ul li button{position: absolute;top: 49.5vw; left: 10%; 
	background: #8dc31e;color: #fff;text-align: center;border: none;border-radius: 6px;
	width: 80%;line-height: 8vw;box-sizing: border-box;padding: 0 16%;}
.index_team ul li button .iconfont{float: left;}

.index_more{text-align: center;background: #eee;color: #aaa;line-height: 12vw;font-size: 3.8vw;}
.index_more:hover{background:rgba(17,183,206,0.1);color:#11b7ce; }

.index_youshi{background: #eee url(../images/index_youshi.jpg) center;background-size: cover; width: 100%;padding: 6vw 0;position: relative;}
.index_youshi .content{text-align: center;color:#11b7ce;}
.index_youshi .content .img{margin: auto; width: 70vw;height: 70vw;
	background: url(../images/index_youshi_img.png) center;background-size: auto auto;background-size: cover;}
.index_youshi ul li{margin-top: 3vw;background: #fff;padding: 3vw;text-align: center;border-radius: 10vw;}
.index_youshi ul li h3{color: #11b7ce;}
.index_youshi ul li:hover{box-shadow: 0 0 5vw rgba(17,183,206,0.3);}

.index_case ul li img{background: #eee;width: 100%;height: 52vw;margin-bottom: 1vw;}
.index_case ul li .title{line-height: 10vw;font-size: 4vw;}
.index_case ul li .title .tag{background: #11b7ce;color: #fff;padding: 1vw 2vw;margin-right: 4vw;font-size: 3.4vw;}

.index_about .main .img{background: #eee;box-sizing: border-box;border: 1vw solid #11b7ce;border-bottom: none;}
.index_about .main .img img{width: 100%;height: 100%;}
.index_about .main .text{background: #11b7ce;color: #fff;box-sizing: border-box;padding: 5%;}
.index_about .main .text .text_text{border: 1px solid rgba(255,255,255,0.3);padding: 5%;text-align: center;}
.index_about .main .text .text_text .kh{background: rgba(255,255,255,1);color: #11b7ce;border-radius: 10vw;line-height:8vw;margin: 2vw 0;}
.index_about ul li{float: left;width: 32.33%;margin-right: 1.5%;text-align: center;
	background: #192548 url(../images/index_about_right1.png) center;color: #fff;padding:4vw 2vw;box-sizing: border-box;height: 60vw;}
.index_about ul li:nth-child(3n){margin-right: 0;}
.index_about ul li .icon{text-align: center;margin: auto;margin-bottom: 2vw;}
.index_about ul li p{font-size: 3.4vw;}
.index_about ul li .kh{padding: 2vw 0;margin: 2vw 0; border-top: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);}

.index_honor ul li{float: left;width: 49%;margin-right: 2%;
	text-align: center;background: #fff;
	box-shadow: 0 1vw 5vw rgba(0,0,0,0.1);
	margin-bottom: 2%;line-height: 10vw;max-height: 40vw;}
.index_honor ul li:nth-child(2n){margin-right: 0;}
.index_honor ul li .img{width: 100%;height: 30vw;}
.index_honor ul li .img img{width: 100%;height: 100%;}
.index_honor .mint-navbar .mint-tab-item{padding: 3vw 0!important;background: rgba(17,183,206,0.08);}
.index_honor .mint-navbar .mint-tab-item.is-selected{border-bottom: none!important;background: #11b7ce;color: #fff!important;margin-bottom: 0!important;}

.index_link a{margin-right: 3vw;}

/*inner*/
.content img,.body img{display: inline-block;max-width: 100%;max-height: 100%;}

.inner_nav ul li{float: left;width: 32%;text-align: center;background: rgba(17,183,206,0.08);padding: 2.5%;box-sizing: border-box; margin-right: 2%;margin-bottom: 2%;}
.inner_nav ul a:nth-child(3n) li{margin-right: 0;}
.inner_nav ul li .icon{margin-right: 1vw;}
.inner_nav ul li.cur{background: #8dc31e;color: #fff;}

.list_history ul{position: relative;}
.list_history ul li{position: relative;padding: 5%;padding-left: 15vw;}
.list_history ul li:hover{background: #f5f5f5;}
.list_history ul li:hover .icon{background: #ff0000;border-color: #ff0000;}
.list_history ul li:hover .time{color: #ff0000;}
.list_history ul li .icon{position: absolute;left: 4.2vw;top: 5.5vw;width: 5vw;height: 5vw;background: #11b7ce;border-radius: 10vw;box-shadow:inset 0 0 0 1.4vw #fff;border: 2px solid #11b7ce;}
.list_history ul li .time{color: #11b7ce;}
.list_history ul li .content{}
.list_history ul .line{position: absolute;left: 7vw;top: 5.5vw;height: 98%;width: 0.5vw;background: rgba(17,183,206,0.1);}

.list_images ul li{background: #fff; box-shadow: 0 1vw 3vw rgba(0,0,0,0.05);text-align: center;margin-bottom: 4vw;}
.list_images ul li:last-child{margin-bottom: 0;}
.list_images ul li .img{height: 60vw;position: relative;}
.list_images ul li .img .time{position: absolute;top: 0;left: 0;background: rgba(17,183,206,0.8);color: #fff;padding: 3vw;}
.list_images ul li .img img{width: 100%;height: 100%;}
.list_images ul li .text{line-height: 10vw;padding: 0 3%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.list_honor ul li{float: left;width: 48%;margin-right: 4%; background: #fff; box-shadow: 0 1vw 3vw rgba(0,0,0,0.05);text-align: center;margin-bottom: 4vw;}
.list_honor ul li:nth-child(2n){margin-right: 0;}
.list_honor ul li:nth-last-child(2),.list_honor ul li:nth-last-child(3){margin-bottom: 0;}
.list_honor ul li .img{height: 30vw;position: relative;}
.list_honor ul li .img .time{position: absolute;top: 0;left: 0;background: rgba(17,183,206,0.8);color: #fff;padding: 3vw;}
.list_honor ul li .img img{width: 100%;height: 100%;}
.list_honor ul li .text{line-height: 10vw;padding: 0 3%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.list_team ul li{box-sizing: border-box;border: 1vw solid #f5f5f5;margin-bottom: 4vw;position: relative;}
.list_team ul li:last-child{margin-bottom: 0;}
.list_team ul li .img{float: left;width: 50%;height: 58vw;}
.list_team ul li .img img{width: 100%;height: 100%;}
.list_team ul li .text{float: right;width: 50%;box-sizing: border-box;padding: 2vw;height: 58vw;}
.list_team ul li .text .shorttitle{color: #11b7ce;line-height: 8vw;}
.list_team ul li .text .honor{height: 40vw;overflow: auto;}
.list_team ul li .tag{position: absolute;left: 0;top: 60%;background: #11b7ce;color: #fff;padding: 0 2vw;line-height: 8vw;}
.list_team ul li .button button{float: left;width: 50%;text-align: center;color: #fff;line-height: 10vw;background: #11b7ce;border: none;}
.list_team ul li .button a:nth-child(1) button{background: #8dc31e;}
.list_team ul li .button .iconfont{margin-right: 1vw;}

.list_product .banner{background:#11b7ce;color: #fff;padding: 2vw;box-sizing: border-box;}
.list_product .banner .img{}
.list_product .banner .img img{width: 100%;}
.list_product .banner .text{position: relative;}
.list_product .banner .text .btn_yuyue{background: #eee;position: absolute;right: 0;top: 2vw;line-height:9vw;background: #409eff;color: #fff;border-radius: 10vw;padding: 0 5vw;}
.list_product .banner .text .btn_yuyue .iconfont{margin-right: 1vw;}
.list_product .product_tag{background: #11b7ce;color: #fff;padding: 20px;}
.list_product .product_body{background: #eee;width: 100%;min-height: 600px;}
.list_product .product_body img{width: 100%;}

.list_article ul li{margin-bottom: 4vw;}
.list_article ul li .img{float: left;width: 30%;height: 22vw;}
.list_article ul li .img img{width: 100%;height: 100%;}
.list_article ul li .text{float: right;width: 68%;}
.list_article ul li .text .b_title{color: #656464;width: 100%;height: 32px; overflow: hidden;line-height:35px; margin-top: -7px;}
.list_article ul li .text  .b_title a{color:#615f5f;}
.list_article ul li .text .p_style{color: #676767;  height: 44px;line-height:20px;}
.list_article ul li .text .p_color{color: #ababab;}
.list_article ul li .text .click{line-height: 6vw;color: #aaa;}
.list_article ul li .time{float: left;background: #f5f5f5;color: #aaa;padding: 6vw 0;width: 14%;text-align: center; line-height: 5vw;}

.list_case ul li{margin-bottom: 4vw;background: #fff;box-shadow: 0 1vw 3vw rgba(0,0,0,0.05);}
.list_case ul li:last-child{margin-bottom: 0;}
.list_case ul li .img{background: #eee;width: 100%;height: 52vw;}
.list_case ul li .img img{width: 100%;height: 100%;}
.list_case ul li .text{padding: 4vw;}
.list_case ul li .text .title{font-size: 4vw;margin-bottom: 2vw;}
.list_case ul li .text .title .tag{background: #11b7ce;color: #fff;padding: 1vw 2vw;margin-right: 4vw;font-size: 3.4vw;}

.list_store{}
.list_store .box{background: #f5f5f5;}
.list_store .box .img{height: 60vw;}
.list_store .box .img img{width: 100%;height: 100%;}
.list_store .box .text{box-sizing: border-box;padding: 5%;}
.list_store .box .text .info{color: #aaa;}
.list_store .box .text .phone{color: #11b7ce;font-size: 5vw;}

.index_navmap dl dt{background: #f5f5f5;border-left: 1vw solid #11b7ce ;line-height: 10vw;padding: 0 5vw;}
.index_navmap dl dt a{color: #11b7ce;}
.index_navmap dl dd{float: left;width: 31.33%;text-align: center; border: 1px solid #eee;line-height: 10vw;box-sizing: border-box; margin-right: 3%;margin-bottom: 3%;}
.index_navmap dl dd:nth-child(3n+2){margin-right: 0;}
.index_navmap dl dd:hover{border-color: #11b7ce;}
.index_navmap dl dd:hover a{color: #11b7ce;}

.map{background: #eee;width: 100%;height: 80vw;}
.map *{transition: all 0s;}
.map img{display: inline-block;}

.index_liuyan{border: 1vw solid #f5f5f5;padding: 4%;box-sizing: border-box;text-align: center;}
.index_liuyan .bt{text-transform: uppercase;font-size: 4vw;}
.index_liuyan .bt b{margin: 0 2vw;}
.index_liuyan .bt span{font-weight: bold;color: #ccc;}
.index_liuyan form li{margin-top: 4vw;}
.index_liuyan form li input{width: 100%;border: 1px solid #eee;line-height: 10vw;padding: 0 4vw;box-sizing: border-box;}
.index_liuyan form li textarea{width: 100%;border: 1px solid #eee;padding:4vw;box-sizing: border-box;}
.index_liuyan form li .entry{width: 40%;}
.index_liuyan form li #vdimgck{display: inline-block;}
.index_liuyan form li .submit{background: #11b7ce;color: #fff;}
.index_liuyan ul li{margin-top: 20px;padding-top: 20px; border-top: 1px solid #eee;line-height: 6vw;}
.index_liuyan ul li .suo{margin-right: 2vw;background: #11b7ce;color: #fff;padding: 1vw;}

/*article*/
.article_article .article_title{background: #f5f5f5;padding: 5% 10%;text-align: center;}
.article_article .article_title .time .iconfont{margin-right: 1vw;}

.article_article .team_honor{background: url(../images/team_honor_bg.png) repeat-y center;background-size: cover;padding:10% 8%;box-sizing: border-box;line-height: 6vw;color: #685735;position: relative;border: 1vw solid #f6eee1;}
.article_article .team_honor .bg_top{position: absolute;left: 2%;top: 6%;width: 96%;height: 3%;background: url(../images/team_honor_bg_top.png) repeat-x center;background-size: cover;}
.article_article .team_honor .bg_bottom{position: absolute;left: 2%;bottom: 6%;width: 96%;height: 3%;background: url(../images/team_honor_bg_bottom.png) repeat-x center;background-size: cover;}
.article_article .team_honor .bg_left{position: absolute;left: 2%;top: 9%;width: 2%;height: 82%;background: url(../images/team_honor_bg_left.png) repeat-y center;background-size: cover;}
.article_article .team_honor .bg_right{position: absolute;right: 2%;top: 9%;width: 2%;height: 82%;background: url(../images/team_honor_bg_right.png) repeat-y center;background-size: cover;}


.prenext{}
.prenext p{padding: 3%;margin-bottom: 4vw;border: 0.2vw solid rgba(0,0,0,0.1);}

/*footer*/
footer.footer{background: #383d4e;padding: 5%;color: #fff;text-align: center;}
footer.footer a{color: #fff;}
footer.footer .mint-navbar{background: none;}
footer.footer .mint-navbar .mint-tab-item{padding: 3vw 0!important;background: rgba(255,255,255,0.1);}
footer.footer .mint-navbar .mint-tab-item.is-selected{border-bottom: none!important;background: #11b7ce;color: #fff!important;margin-bottom: 0!important;}
footer.footer .mint-tab-container-item .phone{color: #11b7ce;}
footer.footer .mint-tab-container-item .phone b{font-size: 4.4vw;}

.footer_nav{position: fixed;bottom: 0;left: 0;width: 100%;}
.footer_nav ul li{float: left;width: 25%;line-height: 12vw;text-align: center;background: #ff0000;color: #fff;}
.footer_nav ul a:nth-child(1) li{background: #409eff;}
.footer_nav ul a:nth-child(2) li{background: #8dc31e;}
.footer_nav ul li .iconfont{margin-right: 1vw;font-size: 4.2vw;}

.footer_scrool_up{text-align: center;padding: 3vw 0;background: rgba(17,183,206,0.05);color: #11b7ce;}
.footer_scrool_up .iconfont{font-size: 5vw;}

.bottom_nav{position: fixed;bottom: 0;left: 0;width: 100%; box-shadow: 0 0 6vw rgba(0,0,0,0.1);z-index: 999999;}
.bottom_nav li{float: left;width: 50%;text-align: right;line-height: 12vw;background: #fff;border-right: 1px solid #eee;box-sizing: border-box;font-size: 3.6vw;color: #11b7ce;padding: 0 12vw;font-size: 4vw;}
.bottom_nav li:nth-child(2n){border: none;}
.bottom_nav li .iconfont{font-size: 6vw;float: left;}
.bottom_nav li:hover{background: #edf1f8;}


/*pagelist*/
.pagelist{ width:100%;line-height:8vw;text-align:center;}
.pagelist li{ border:0.2vw solid #ccc;display:inline-block;margin-right:2vw;padding: 0 1vw;margin-bottom: 3vw;}
.pagelist li a{ display:block;padding:0 2vw;color:#222;}
.pagelist li:hover{ color:#11b7ce;border-color:#11b7ce;}
.pagelist li:hover a{ color:#11b7ce;}
.pagelist li.thisclass{ background:#11b7ce;color:#fff;}
.pagelist li.thisclass a{ color:#fff;}
.pagelist input{ border:none;background:none;}
.pagelist input[type="text"]{}
.pagelist input[type="submit"]{}


/*920*/
.page_920{background: #11b7ce url(../images/920_banner2.png) center;color: #fff;}
.page_920_banner{width: 100%;}
.page_920_banner img{width: 100%;}
.page_920_time{text-align: center;}
.page_920_nav li{float: left;background: #fff; width: 31%;margin-right: 3%;border-radius: 6px;overflow: hidden;text-align: center;color: #222;}
.page_920_nav a:nth-child(3) li{margin-right: 0;}
.page_920_nav li .num{float: left;width: 20%;background: rgba(0,0,0,0.2);border-radius: 0 6px 6px 0;text-align: center;padding: 5% 2%;background: #8dc31e;color: #fff;}
.page_920_nav li .img{padding: 5%;background-image: -moz-linear-gradient( 0deg, rgba(141,195,30,0.3) 20%,#fff 100%);}
.page_920_nav li .img img{height: 8.6vw;margin: auto;}

.page_920_bt{text-align: center;font-size: 5vw;font-weight: bold;line-height: 7vw;}
.page_920_bt b{margin-right: 1vw;}
.page_920_shuoming{text-align: center;}
.page_920_shuoming table{background: #fff;color: #222;border-radius: 6px;overflow: hidden;}
.page_920_shuoming table thead{background: rgba(141,195,30,0.2);}
.page_920_shuoming table tr td{border: none;}
.page_920_shuoming table tr td:nth-child(1){background: rgba(141,195,30,0.2);}
.page_920_shuoming table tr:nth-child(2n){background: #f2f2f2;}

.page_phb_list{background: #fff;color: #222;border-radius: 6px;overflow: hidden;}
.page_phb_list li{line-height: 12vw;padding: 0 10%;}
.page_phb_list li:nth-child(2n){background: #f5f5f5;}
.page_phb_list li .index{float: left;width: 25%;color:#8dc31e;font-weight: bold;}
.page_phb_list li .img{float: left;width: 25%;}
.page_phb_list li .img img{width: 8vw;height: 8vw;border-radius: 20vw;margin: 2vw auto;background: #aaa;}
.page_phb_list li .title{float: left;width: 25%;}
.page_phb_list li .num{float: right;width: 25%;}
.page_phb_list li.head{color: #fff;font-weight: normal;background: rgba(141,195,30,1);}
.page_phb_list li.head .index{color: #fff;font-weight: normal;}

.fenxiang_920{background: #ff8800; background-image: -moz-linear-gradient( 0deg, #ff8800 20%,#ff5500 100%);
margin: auto;text-align: center;border-radius: 10vw;width: 94%;padding: 3% 0;box-shadow: 0 5px 0 #ff6600;}
.fenxiang_920_box{position: fixed;left: 0%;top: 0%; width: 100%;height: 100%;display: none;}
.fenxiang_920_box .warp{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6)}
.fenxiang_920_box .box{background: #fff;text-align: center;box-sizing: border-box;width: 66%;position: fixed;left: 17%;top: 20%;color: #222;border-radius: 10px;overflow: hidden;}
.fenxiang_920_box .box img{width: 100%;}
.fenxiang_920_box .box .text{background: #8dc31e;color: #fff;padding: 5%;}



