body{ background:#fff; font-family:'微软雅黑'; font-size:0.235rem; color:#666}
h2,h3,h1,h4,h7,h5,h6{ font-weight:normal}
.g-flexview, .g-view{ max-width:640px;}
.g-view{ overflow:hidden;}
.g-view:before{ height:0;}
.g-view:after{ height:0.9rem;}
a{color:#666}
.navbar-center{ width:70%;}
.navbar-item{min-width: 15%;flex: 0 0 15%;}
.top-icon{    font-size: .4rem;}
.m-box{  }
.m-box-title{ background:#f2f2f2; color:#666; padding:0.25rem 0.1rem 0.23rem 0.1rem; line-height:normal;   position:relative; text-align:left; }
.m-box-title font{font-size:0.325rem;  margin-left:0.2rem; padding-left:0.2rem; line-height:1}
.m-box-title a{ position:absolute; right:0px; top:0px;float:right; margin-right:0.2rem; color:#c9c9c9; top:0.04rem; font-size:0.475rem;}


.m-box-title.m-box-title_nobg{ background:#fff; border-bottom:#ddd 1px solid;}
.m-box-title.m-box-title_nobg font{font-size:0.375rem;}
.m-box-title.m-box-title_nobg a{font-size:0.275rem;top:0.24rem; color:#333;}
.m-box-title.m-box-title_bottomline font{ padding-left:0; border-left:0; }
.m-box-title.m-box-title_bottomline span{ display:block;   ; left:0.1rem; padding:0 0.2rem; height:2px;  position:absolute; bottom:-1px; overflow:hidden;  font-size:0.375rem;}

header.logoheader{ overflow:hidden; padding:0.2rem 0.1rem; background:#fff;}
.logoimg{ float:left; max-width:63%;}
.logoimg img{height:0.7rem; max-width:100%;}
.logotxt{ float:left; margin-left:0.18rem;}
.logotxt big{ display:block; font-size:0.325rem; color:#F00; font-weight:900;}
.logotxt small{ display:block;}
.logomenu{ float:right; line-height:0.7rem;padding:0 0.15rem}
.logomenu i{font-size:0.375rem; }

.logotel{ float:right; background:url(../img/header_tel.png) left center no-repeat; line-height:1; padding-left:0.7rem; background-size:0.6rem 0.6rem; padding-top:0.05rem; padding-bottom:0.05rem}
.logotel font{ display:block; line-height:0.3rem}
.logotel b{ display:block;line-height:0.3rem}

 
.tabbar-icon,.tabbar-txt{ color:#fff;}
.tabbar-icon i{ font-size:0.5rem;}
.m-nav{  padding:0rem 0;}
.m-nav-box{ margin:0px -1px 0 0px}
.m-nav a { display:block; float:left; width:25%; text-align:center; font-size:0.225rem;  line-height:0.7rem; color:#fff;}
.m-nav a span{ display:block; border-bottom:#fff 1px solid;border-right:#fff 1px solid;}
.m-nav a:nth-child(5) span,.m-nav a:nth-child(6) span,.m-nav a:nth-child(7) span,.m-nav a:nth-child(8) span{ border-bottom:none;} 

.m-logo{ text-align:center;  }
.m-logo img{ display:inline-block; }
.m-logo-text{ font-size:0.5rem ; line-height:1rem; text-align:center;background:#fff; color:#000; padding:0 0.2rem;}
 

/*itager*/
.itager{background:#f4f4f4; overflow:hidden;}
.itager ul{border-bottom:1px solid #e0e0e0;}
.itager li{float: left;width: 50%;padding: 4% 0 4% 18%;line-height: 1.4;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.itager li:nth-child(4n) { border-right:0; }
.itager li:nth-child(1){background:url(../images/itager_01.png) 6% center no-repeat;background-size:.6rem;}
.itager li:nth-child(2){background:url(../images/itager_02.png) 6% center no-repeat;background-size:.6rem;}
.itager li:nth-child(3){background:url(../images/itager_03.png) 6% center no-repeat;background-size:.6rem;}
.itager li:nth-child(4){background:url(../images/itager_04.png) 6% center no-repeat;background-size:.6rem;}
.itager li h2{font-size:.26rem;color:#202022;font-weight:bold;line-height: 1.8;}
.itager li h3{color:#666666;line-height:1.2;}

.m-img img{ max-width:100%;}
.m-box-title1{ text-align:center; margin:0.3rem 0;}
.m-box-title1 font{ font-size:0.55rem;  line-height:0.55rem; height:0.55rem;}
.m-box-title1 small{ font-size:0.325rem; display:block; color:#999}
.m-box-title1 span{ display:block; height:1px; background:#d9d9d9; margin:0.08rem 2%;}
.m-box-title1 big{ display:block; width:1.5rem ;   height:2px; margin:0 auto; margin-top:0.1rem;}
.m-box.m-box-top0{ margin-top:0px;}


.m-box-title2{ border:#d9d9d9 1px solid; text-align:center; height:0.61rem; margin: 0.3rem 15%; font-size:0.475rem;  ;}
.m-box-title2 span{ display:inline-block; margin-top:0.18rem;   background:#FFF; padding:0px 0.1rem;}
.m-box-title2 span small{ color:#CCC;}

.m-box-title3{ text-align:center;   font-size:0.325rem; padding:0.1rem 0; background:url(../img/titlebg.png) center;  ;}
.m-box-title3 span{ display:inline-block;    background:#FFF; padding:0.1rem 0.5rem; border:#d9d9d9 1px solid; border-radius:1rem; }
.m-box-title3 span small{ color:#CCC;}


.text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.clear{ clear:both}
.m-box-2 .m-item{ width:50%; float:left;}
.m-box-3 .m-item{ width:33.3%; float:left;}
.grids-item:after{border-bottom:none;}
.m-box .m-box-con{  }
.m-box .m-box-con .m-box-about{line-height:180%; padding:0.2rem;  }
a.m-prolist { display:block;   margin:3%; text-align:center;box-shadow: 0px 0px 24px rgba(0, 0, 0, .1);
    border-radius: 7px;}
a.m-prolist.m-prolist-noborder{  padding:0; border:#efefef 0px solid; }
a.m-prolist img{ max-width:100%; display:block; width:100%;}
a.m-prolist font{ text-align:center; display:block; padding:0.13rem 0 0.1rem 0;    background: #fff;
}

.home_news{margin:0 0 0.15rem 0;}
.home_news li{border-bottom:1px solid #E6E6E6;overflow:hidden;padding:5px 0 5px 0;min-height:1.1rem;}
.home_news li .date{ color:#fff;line-height:0.8rem;height:0.8rem;width:1rem;display:inline-block;text-align:center;margin:0.05rem 0 0 0;float:left;font-family:verdana;position:absolute;border-radius:4px;font-size:0.275rem;}
.home_news li .right{color:#999;font-size:12px;margin-left:1.1rem; margin-top:0.12rem;}
.home_news li .right a{display:block;font-size:16px;color:#333; margin-bottom:0.00rem;}
.home_news li .right a:hover{color:#f30;}
.home_news li .right p{margin:0;padding:0;}
.home_news.nhome_news li .date{ background:#efefef; color:#000}


.fenlei{ overflow:hidden;  }
.fenlei a{ display:block; float:left; color:#000; width:33.3%; line-height:normal;  }
.fenlei a span{ display:block;  ;border:#eee 1px solid; ; padding:4% 1% 4% 1%; text-align:center; margin:4% 2%  0% 2% ; border-radius:5px;}
.fenlei a span font{  display:inline-block;  }

.m-i-news{ line-height:2; padding:2% 4%;;}
.m-i-news li a { font-size:0.25rem;}
 

.navbar-center .navbar-title{ color:#fff;}
.m-navbar{ }
.navbar-item{ color:#fff;}

.m-box-menu{ padding:0.3rem 0; background:#fff;}
.m-box-menu a{ display:block; float:left; width:33.3%;}
.m-box-menu a div{ padding:2%;}
.m-box-menu a div span{ background:#fd3e5c; height:60px; display:block; width:60px; margin:0 auto; border-radius:50%; line-height:64px; font-size:0.475rem; color:#fff; text-align:center;}
.m-box-menu a div font{ display:block; font-size:0.275rem; text-align:center; line-height:.6rem;}
.m-box-menu a:nth-child(2) div span{ background:#f5b100;}
.m-box-menu a:nth-child(3) div span{ background:#6dc114;}
.m-box-menu a:nth-child(4) div span{ background:#3498db;}
.m-box-menu a:nth-child(5) div span{ background:#4dc764;}
.m-box-menu a:nth-child(6) div span{ background:#1ed2c7;}
.m-box-menu a:nth-child(7) div span{ background:#e19ffc;}
.m-box-menu a:nth-child(8) div span{ background:#2cc0fa;}

.m-about-bg{ background:url(../img/aboutbg.png) center; background-size:100%;}
.m-lx-bg{ background:url(../img/lxbg.png) center; background-size:100%;}
.m-box-more{ margin:0 auto; width:40%;}
.m-box-more a{ display:block; line-height:normal; border-radius:1rem; padding:0.1rem;    text-align:center; font-size:0.345rem; border:#ddd 1px solid;}

.m-box-contact{ padding:4%; line-height:2;}

.footer{ text-align:center; padding:0.2rem 0 0.8rem 0;}

.nav1{ text-align:center; background:#f5f4f9; border-bottom:#efefef 1px solid;}
.nav1 .nav1box{ width:auto;float:left;}
.nav1 .nav1box a{ font-size:0.28rem; line-height:0.4rem;  display:block; padding:0.2433rem 0.22rem 0.2133rem 0.22rem ; overflow:hidden; }
.nav1 .nav1box a small{ padding:0px; margin:0px;}
.nav1 .nav1box.on a,.nav1 .nav1box:hover a { background:#09BB07; color:#fff;}

.m-box-con-p1{ padding:1%;}
.m-box-con-p2{ padding:2%;}
.nav1 .nav1box.col2{ width:50%}
.nav1 .nav1box.col3{ width:33.333333%}
.nav1 .nav1box.col4{ width:25%}
.nav1 .nav1box.col5{ width:20%}

.m-ad{   color:#fff; padding:0.2rem 0.2rem 0.1rem 0.2rem;}
.m-ad  .m-ad-left-icon{ float:left; font-size:0.5rem; margin:0 2%;}
.m-ad  .m-ad-right-txt{ float:left; line-height:1.3;}
.m-ad  .m-ad-right-txt big{ display:block; font-size:0.275rem;}
.m-ad  .m-ad-right-txt small{ display:block;font-size:0.275rem;}
.m-ad  .m-ad-right-txt small b{font-size:0.375rem;}

.m-ad1{   color:#fff; padding:0.25rem 0.2rem 0.2rem 0.2rem; text-align:center; font-size:0.325rem; line-height:1;  }
.m-ad1 a{ color:#fff; }


.m-ad2{   color:#fff; padding:0.3rem 0.1rem 0.2rem 0.1rem;}
.m-ad2  .m-ad-left-icon{ float:right; font-size:0.275rem; width:30%; text-align:right}
.m-ad2  .m-ad-right-txt{ float:left; line-height:1.3; width:68%;}
.m-ad2  .m-ad-right-txt big{ display:block; font-size:0.355rem;}
.m-ad2  .m-ad-right-txt small{ display:block;font-size:0.275rem;}

.ys{ padding:2%}
.ys .ysitem{ border:#d9d9d9 1px solid; margin:5% 0 2% 0; }
.ys .ysimg img{ height:2.rem; width:100%;}
.ys .ystext{ padding:2% 4%;}
.ys .ystextd1 font{ width:0.6rem; height:0.6rem;   border-radius:50%; display:inline-block; color:#fff; text-align:center; margin-right:1%;}
.ys .ystextd1{ font-size:0.4rem; line-height:0.6rem; padding:2% 0;}
.ys .ystextd3{ line-height:1.8;}
.ys .ysbtn{ text-align:center; padding:2% 0;}
.ys .ysbtn span{  width:0.5rem; height:0.5rem; background:#d9d9d9; line-height:0.5rem; margin:0 2%;   border-radius:50%; display:inline-block; color:#fff; text-align:center;}


.ys2{ padding:2%;}
.ys2-2,.ys2-l{ overflow:hidden; margin-bottom:4%; padding-bottom:4%; border-bottom:#d9d9d9 1px solid;}
.ys2-img{ position:relative; float:left; width:40%;}
.ys2-img img{ width:100%;}
.ys2-img font{ font-size:0.375rem; text-align:center; border-radius:50%; position:absolute; top:0; right:0; background:#000; width:0.7rem; height:0.7rem; line-height:0.7rem; color:#fff;}
.ys2-2 .ys2-img font{  right:auto; left:0;;}
.ys2-text { float:right; width:58%; line-height:1.2;}
.ys2-text big{ color:#F00; display:block; font-size:0.275rem;}
.ys2-text small{ color:#CCC; display:block; font-size:0.2rem;}
.ys2-text b{ display:block; width:30%; height:1px; background:#999; overflow:hidden; line-height:1; margin:2% 0;}
.ys2-text p{ line-height:1.4; margin-top:2%;}

.ys2-2 .ys2-img{ float:right;}
.ys2-2  .ys2-text{ float:left;}

.sitepath{ background:#f3f3f3; position:relative; line-height:0.82rem; height:0.8rem;border-bottom:#efefef 1px solid;}
.sitepath font{ display:inline-block; font-size:0.345rem; margin:0 0.2rem; width:70%;}
.sitepath  span{ float:right; font-size:0.3rem; margin-right:0.2rem; color:#666}
.sitepath  span i{  }
.menu{ display:none; padding:0.1rem  0;}
.menu .list a { display:block; float:left; width:50%; text-align:center; font-size:0.275rem}
.menu .list a span{ display:block; border:#ddd 1px solid; margin:2%; padding:.2rem 0.1rem; border-radius:3px;}

.menu .list a.on span{   color:#fff;}


.info{ margin:2%; line-height:150%; font-size:0.3rem;}
.info img{ max-width:100%; height:auto}


.mainbox{ background:#fff; overflow:hidden;}


.zplist{ position:relative;}
.zplist ul{}
.zplist li{ float:left; width:48%; position:relative; margin-left:1.5%; margin-bottom:1.5%; text-align:center}
.zplist li img{ display:inline-block;  max-width:100%; height:3rem;  }

.zplist li font{ text-align:center; display:block; padding:0.13rem 0 0.1rem 0;    background: #eee;}
 
.h10 {
	height: 0.14rem;
	clear: both
}
 
.ysbox-slider{padding-bottom:0.8rem}

/*新闻相关*/
.news_show{}
.news_show h1{text-align:left;font-size:18px;font-weight:400;margin:0;padding:5px 0 0;}
.news_show .info{background:#f3f3f3;margin:15px 0;padding:10px 15px;font-size:14px;color:#666;}
.news_show .intro{padding:15px 0 0;}
.news_show .intro a{color:#06C;}
.news_show .intro a:hover{color:#f30;}
.news_show .intro img{max-width:100%;height:auto;}
.news_show .other{margin:20px 0 10px 0;text-align:center;}
.news_show .other p{font-weight:bold;}
.news_show .other a{display:inline-block;margin:0 10px;cursor:pointer;background:#fff;border-radius:4px;border:1px solid #ddd;padding:4px 20px;min-width:100px;}
.news_show .other a span{font-size:18px;margin-right:10px;}
.news_show .other a em{font-style:normal;font-size:18px;}
.news_show .other a:hover{background:#2384D5;border-color:#2384D5;color:#fff;}
.news_show .other a:hover span{color:#fff;}
.news_show .tags{font-weight:500;}
.news_show .tags a{margin-right:5px;display:inline-block;border-radius:4px;border:1px solid #ddd;background:#fff;padding:4px 10px;font-weight:normal;font-size:14px;}
.news_show .tags a:hover{background:#2384D5;color:#fff;border-color:#2384D5;}
.shangxia{ border-top:#efefef 1px solid; margin-top:0.15rem; padding-top:0.15rem; }
.shangxia div{ line-height:200%;}



.ceng{position:fixed; right:0px; width:100%; height:100%; z-index:1;; top:0px;background:#333;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1; opacity:0.1; display:none;}
.leftbox{ position:fixed; left:-3.2rem; width:3.2rem; height:100%;   top:0px;background:#333; z-index:222222222222222222222222222222; }
.leftbox span font{ position:absolute; top:0px; right:0px; padding:0 0.2rem 0 0.8rem;}
.leftbox span{ display:block; font-size:0.32rem; color:#ddd; border-bottom:1px solid #474747; font-size:0.275rem; padding:0 0.2rem; position:relative; }
.leftbox span a.tt{ display:block; color:#fff}
.leftbox span.on{background:#222;}
.leftbox span div{ position:absolute; left:3.2rem; width:2.5rem;; display:none; top:0px; border-left:#474747 1px solid; }
.leftbox span div a{  display:block;; background:#222; color:#ddd; text-align:center; font-size:0.225rem;border-bottom:1px solid #474747; padding:0.25rem 0.15rem; line-height:normal; }

.menubox{ position:absolute; left:0px; width:100%;; top:1.16rem;;background:#000;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9; opacity:0.9; z-index:2; display:none }
.menubox a{ display:block; font-size:0.275rem; color:#fff; text-align:center; padding:0rem 0px; border-bottom:#333 1px solid;}


.my-slider .swiper-slide a{ display:block; position:relative;}
.my-slider .swiper-slide img{ width:100%; }
.my-slider .swiper-slide span{ position:absolute; left:0px; height:100%; width:100%; background:#000; top:0px;}


 
.newslist1 ul{ padding-top:3%; overflow:hidden; padding-bottom:2%;}
.newslist1 li{ overflow:hidden; border-bottom:#eaeaea 1px solid; padding-bottom:2% ; margin-bottom:2%;}
.newslist1 li a.img{ display:inline-block; float:left; margin-left:2%; margin-right:1.5%; width:25%;}
.newslist1 li a.img img{ width:100%; height:1.5rem;;}

.newslist1 li a.txt{ float:left; width:70%; display:inline-block;}
.newslist1 li a.txt span{ font-size:0.4rem;    font-size: 0.32rem;
    display: block;
    
    overflow: hidden; color:#000; line-height:0.45rem; margin-top:0.1rem; margin-bottom:0.1rem;}
.newslist1 li a.txt p{ font-size:0.275rem; line-height:0.45rem; height:0.9rem; overflow:hidden; color:#999999;}
 
 .newslist1 li a.txt.txt-none{ float:none; width:auto; display:block; margin:0 2.5%;}
 
 .caselist{ overflow:hidden; padding:3% 0;}
 .caselist_left{ float:left; width:48%; margin-left:1.5%;}
 .caselist  img{ width:100%;}
 .caselist_right{ width:48%; margin-right:1.5%; float:right;}
 .caselist_right .caseitem{ width:49%; float:left; margin-bottom:0.05rem}
 .caselist_right .caseitem.last{ float:right;}
 .caseitem { position:relative;}
 .caseitem .case_bg{ position:absolute; z-index:2; left:0; width:100%; bottom:0; height:0.45rem;; background-color:rgb(0,0,0);   
 opacity:0.8;   
filter:alpha(opacity=80);   
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=80)';
}
 .caseitem .caset_txt{ position:absolute; z-index:3; left:0;width:100%; bottom:0; line-height:0.45rem;   color:#fff; text-align:center; color:#fff;}
 .caseitem .caset_txt a{ color:#fff; display:block;}
 
 .ycmap{ position:fixed; left:0 ; top:0px; width:100%; height:100%; background:#383838; width:100%;box-shadow: 0 -0.05rem 0.05rem rgba(0,0,0,.2); z-index:123; display:none}
 .ycmapcontent{ position:absolute; left:0; top:0; left:0px; bottom:1rem; background:#333; width:100%;}
 .ycmapcbotton{ position:absolute; height:1rem; bottom:0; left:0; width:100%; color:#fff; padding:0.2rem;}
 .ycmapcbottonl{ width:86%;}
 .ycmapcbotton-close{position: absolute;
    right: .2rem;
    bottom: .2rem;
    width: .6rem;
    height: .6rem; line-height:0.6rem;
    text-align: center;
    font-size: .4rem;
    z-index: 99;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFW…qjdg3xOEi+ib6GeHyEOIjHQRzE4yAeB3EQj4M4iEcw/wUYAL6JZ/aVt9nDAAAAAElFTkSuQmCC) center center no-repeat;
    background-size: .35rem;
    border: .02rem solid #aaa;
    border-radius: 50%; font-size:20px; color:#fff;}
	a.mapbtn{ display:inline-block; padding:0.0rem 0.3rem; border-radius:0.2rem; color:#fff;}
	.mapbox{ line-height:2;}
	
	
	.index-title {
	text-align: center;
	margin-bottom: 2.5%;padding-top: 2.5%;
}

.index-title .eng {
	font-family: arial;
	 
	opacity: .3;
}

.index-title h1 {
	position: relative ; text-align:center;;
	 
}

.index-title h1 span { font-size:0.375rem; color:#ff6502; font-weight:900;
}

.index-title p {
	 
	  color:#0072bc; line-height:1;
}
.index-title .line{ position:relative; height:1px; background:#bebcbf; margin:10px auto 10px auto;  }
.index-title .line:before{ position:absolute; width:50px; height:3px; background:#ff6502; content:" "; left:50%; margin-left:-50px; top:-1px;}
.index-title .line:after{ position:absolute; width:50px; height:3px; background:#0072bc; content:" "; right:50%; margin-right:-50px; top:-1px;}
.index-zs {
	overflow: hidden;
}

.ysboxin{ padding:0.2rem;}
.ysbox .ysboxtitle{ text-align:center; font-size:0.425rem; color:#0450AE; line-height:0.6rem; margin:0.3rem 0 0.2rem 0;}
.ysbox .ysboxtitle b{ display:inline-block; width:0.6rem; height:0.6rem; margin-right:0.1rem; color:#fff; background:#000; background: url(../../pc/img/ys_t2.png) no-repeat left;}
.ysboxinfo p { line-height:2; font-size:0.275rem}



.index-zs {
	overflow: hidden;
}

.index-zs .top {
	padding: 4% 8.5%;
	padding-bottom: 0;
}

.index-zs .main {
	padding: 3% 0%;
	background-image: url(../../pc/img/index-zs.jpg);
	overflow: hidden;
}
.index-zs .main ul{overflow: hidden;
    width: 96%;
    margin: 0 auto;
    max-width: 1600px;}
.index-zs .main li {
	width: 48.5%;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0 2.66% 2% 0;
	background: #0072bc;
	padding: 3% 0;
	text-align: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.index-zs .main li:nth-child(4),.index-zs .main li:nth-child(2),.index-zs .main li:nth-child(6) {
	margin-right: 0;
}

.index-zs .main li .pic-w {
	padding-bottom: 20%;
	position: relative;
}

.index-zs .main li h1 {
	margin-top: 8%;
	color: #fff;
}

.index-zs .main li h2 {
	color: #fff;
	opacity: .5;
	margin-top: 5%;
}

.index-zs .main li .line {
	width: 40%;
	margin: 10% auto;
	background: #fff;
	height: 2px;
	opacity: .5;
}

.index-zs .main li .des {
	width: 80%;
	margin: auto;
	 
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #fff;
	opacity: .7;
 
}
.index-zs .main li .des  p{ margin:0;}

.index-zs .main li .more {
	display: block;
	margin: auto;
	margin-top: 10%;
	width: 130px;
	height: 30px;
	border: 1px solid #fff;
	line-height: 28px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	opacity: .8;
}

.index-zs .main li:hover {
	background: #2da0db;
}

.index-zs .main li .more:hover {
	background: #977f63;
	border-color: #977f63;
	opacity: 1;
	box-shadow: 0 0 10px 0 #fff;
}.contain {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}.pic.contain {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}


.index-title-fl{ text-align:center}
.index-title-fl a{ display:inline-block; padding:5px 5px; background:#0072bc; color:#FFF; margin:0 10px;}
.index-title-fl a.on{ background:#ff6502;}


/*indexCustomer*/
.indexCustomer{width: 100%;background-color: #f7fafc;padding: 0.3rem 0;overflow: hidden;}
.indexCustomer .indexTitle .tit{text-align: center;}
.indexCustomer .indexTitle .txt1{text-align: center;position: relative;padding-top: 22px;margin-top: 20px;}
.indexCustomer .indexTitle .txt1::after{content: '';width: 6px;height: 14px;background-color: #333;position: absolute;top: 0;left:50%;transform: skewX(-15deg) translateX(-50%);margin-right: 14px;}
.indexCustomer .indexTitle .txt1::before{content: '';width: 6px;height: 14px;background-color: #333;position: absolute;top: 0;left:50%;transform: skewX(-15deg) translateX(-50%);margin-left: 14px;}
.indexCustomer ul{width: 100%;display: table;font-size: 0;text-align: left;margin-top: 0.3rem;}
.indexCustomer ul li{width: 20%;display: inline-block;vertical-align: top;overflow: hidden;border: 1px solid #dddddd;box-sizing: border-box; box-sizing: border-box; padding:5px 5px; transition: all 0.6s ease; background-color: #fff; position: relative; z-index: 1; margin: -1px 0 0 -1px;}
/* .indexCustomer ul li:nth-child(-n+6){border-top: 1px solid #ddd;}
.indexCustomer ul li:nth-child(6n+1){border-left: 1px solid #ddd;} */
.indexCustomer ul li img{width: 100%;display: inline-block; }
.indexCustomer ul li:hover img{background-color: #FFFFFF;}
.indexCustomer ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.2);   -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2) ; -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);  border: solid 1px #ddd;  z-index: 3;}



.ArticleTencont h2{color:#0072bc; font-size:20px; font-weight:900; border-left: #ff6502 solid 4px; padding-left:14px; line-height:20px; margin: 15px 0;}


.ArticleTencont table{ width:100%; border-left:#e6e6e6 1px solid; border-top:#e6e6e6 1px solid; border-collapse:collapse;}
.ArticleTencont table tr:nth-child(1) td{ background-color: #789fca; color:#fff}
.ArticleTencont td, .infobox th {
    position: relative;
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
	
	 border-right:#e6e6e6 1px solid; border-bottom:#e6e6e6 1px solid;}
	 .ArticleTencont table tr:nth-child(even) {
    background-color: #e6edf5}
	.infobox table tr:hover {
    background-color: #f2f2f2}
	
 .ArticleTencont {

	 

	line-height: 28px;

	overflow: hidden;

	color: #666;

	font-size: 14px;

}

 .ArticleTencont img {

	max-width: 100%;

}

.ArticleTencont img {

	max-width: 100%;

}



    .tl-fdh-02 {
            height: 55px;
            background: #fff;
            margin-bottom: 20px;
            overflow: hidden;
        }
        
        .tl-fdh-02 li {
            width: 11.11%;
            height: 55px;
            font-size: 18px;
            line-height: 55px;
            text-align: center;
            float: left;
            border-right: 1px solid #eee;
            margin-right: -1px;
            background: #efefed;
            cursor: pointer;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .tl-fdh-02 li a {
            display: block;
            height: 55px;
            color: #595757;
        }
        
        .tl-fdh-02 li.sidenavcur,
        .tl-fdh-02 li:hover {
            background: url(images/p16-icon6.png) no-repeat bottom center #0072bc;
            border-color: #0072bc;
        }
        
        .tl-fdh-02 li.sidenavcur a,
        .tl-fdh-02 li:hover a {
            color: #fff;
        }.clear {
    clear: both;
    
}


.g_qyll{ margin:40px 0;}
.g_qyll h2,
.honor h2 {
  margin-top: 40px;
  height: 132px;
  line-height: 132px;
  overflow: hidden;
  text-align: center;
  font-size: 34px;
  color: #027bec;
}
.qull_img {
  width: 600px;
  height: 400px;
}
.qull_img img {
  width: 600px;
  height: 400px;
}
.qull_info {
 
  margin-top: 10px;
  font-size: 18px;
 
  color: #666;
}
.qull_info li {
  position: relative;
  overflow: hidden;
}
.qull_info li:hover {
  color: #027bec;
}
.qull_info li:hover i {
  width: 11px;
  height: 11px;
  top: 24px;
  left: 73px;
}
.qull_info span {
  width: 80px;
  height: 44px;
  display: block; font-size:12px;
  float: left;
  text-align: center;
}
.qull_info i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #027bec;
  position: absolute;
  left: 74px;
  top: 4px;
  border: 2px solid #027bec;
}
.qull_info em {
  display: block;
  float: left; font-size:12px;
  width:68%;
 
  font-size: 12px;
  padding-left: 20px;
 
  overflow: hidden;
}



.culture_bg {
  background: url("../images/culturebg.jpg") no-repeat right top;
}
.culture_body {padding:0.4rem 0;
 
}
.culture_body_item {
  position: relative;
  display: flex;
  justify-content: space-between;  margin-top:0.2rem;
}
.culture_body_item:not(:last-child) {
  margin-bottom: 0.3rem;
}
.culture_body_item_left {
  
  border: 1px solid #8d8d8d; width: 1.7rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; margin-left:20px;
}
.culture_body_item_left img {
  max-width: 60%;
  margin-bottom: 10px;
}
.culture_body_item_left .img1 {
  display: block;
}
.culture_body_item_left .img2 {
  display: none;
}
.culture_body_item_left h3 {
  font-size: 12px;
  color: #545454;
  font-weight: normal;
}
.culture_body_item_right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 10px;
}
.culture_body_item_right p {
  text-align: left;
  line-height: 2;
  font-size: 14px;
  color: #1e1e1e;
}
.culture_body_item:hover .culture_body_item_left {
  background-color: #407fff;
  border: 0;
}
.culture_body_item:hover .culture_body_item_left .img1 {
  display: none;
}
.culture_body_item:hover .culture_body_item_left .img2 {
  display: block;
}
.culture_body_item:hover .culture_body_item_left h3 {
  color: #fff;
}


  .str {
     
        position: relative;
        box-sizing: border-box;
     
        overflow: hidden;
        font-family: "Microsoft Yahei";
    }
    
    .str h2 {
        margin-bottom: 68px;
    }
    
    .str:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 30px;
         
        width: 17px;
         
        margin-left: -8px;
    }
    
    .str dl {
        
         
        overflow: hidden;
      
        margin-bottom: 0.3rem;
    }
    
    .str dl dt {
        
        display: block;
    }
    
    .str dl dt img {
        width: 100%;
       
        display: block;
    }
    
    .str dl dd {
    
     
        padding: 60px 28px 0;
        background: #fff;
        border: 1px solid #0072bc;
        box-sizing: border-box;
        position: relative;
    }
    
    .str dl dd em {
        display: block;
        background: #0072bc;
        width: 61px;
        height: 60px;
        top: -25px;
        position: absolute;
        text-align: center;
        line-height: 55px;
        font-size: 32px;
        border-radius: 10px;
        font-style: normal;
        font-weight: bold;
        color: #fff;
    }
    
    .str dl dd h3 {
        font-weight: normal;
        font-size: 24px;
        color: #0072bc;
        display: block;
        font-weight: bold;
        margin-bottom: 20px;
    }
    
    .str dl dd h3 i {
        font-size: 20px;
        color: #343434;
        font-style: normal;
    }
    
    .str dl dd p {
        padding-left: 22px;
        background:url(http://www.forxin.net/resource/images/bbffda8544a3416dbbf00d40065d69d0_108.png?ver=28) no-repeat 0 7px;
        line-height: 24px;
        overflow: hidden;
        font-size: 14px;
        color: #6d6d6d;
        text-align: left;
    }
    
    .str dl dd p i {
        font-weight: normal;
        font-weight: normal;
        color: #006cc4;
        font-style: normal;
    }
    
    .str dl:nth-child(1) {
        margin-top: 32px;
    }
    
    .str dl.dl4 {
        margin-top: -32px;
    }
    
    .str .dl2,
    .str .dl4 {
       
    }
  .ArticleTencont li{ margin-left:20px;list-style: disc;}
    
    
    
/*联系我们*/
.i_contact{height: 430px;overflow: hidden; background: url(../img/i_bg7.jpg) no-repeat center top;}
.i_contact_t{   height:86px; line-height:86px; font-size:34px; color:#fff;   letter-spacing:2px;}
.i_contact_ul{ float:left; width:31.3%; max-width:418px; overflow:hidden; margin-top:50px; color:#fff;}
.i_contact_ul ul li{ display:block; border-bottom:1px solid #617e8c;  }
.i_contact_ul ul li a{ color:#fff;}
.i_contact_ul ul li a:hover{ color:#f67524;}
.i_contact_ul ul li:first-child{ padding-top:9px; height:55px; line-height:26px; font-size:22px;}
.i_contact_ul ul li:first-child a{ color:#fff;}
.i_contact_ul ul li:first-child a:hover span{color:#f67524;}
.i_contact_ul ul li:first-child span111{ display:block; height:36px; line-height:36px; overflow:hidden; font-size:36px; font-weight:normal;   margin-top:3px;}
.i_contact_ul ul li:nth-child(2){ padding-top:10px; height:70px; line-height:60px;}
.i_contact_ul ul li:nth-child(2) a{ position:relative;}
.i_contact_ul ul li:nth-child(2) img{ float:left; width:60px; height:60px; margin-right:30px;transition: all 0.3s;}
.i_contact_ul ul li:nth-child(2) img:hover{opacity:1;filter:Alpha(opacity=100);}
.i_contact_ul ul li:nth-child(2) .wem1{    width: 130px;display: none; color: #363636;  text-align: center; padding-top: 130px;  position: absolute; left: -250px; top: -205px; background-repeat: no-repeat;}
.i_contact_ul ul li:nth-child(2) .wem1 img{background:#000; }
.i_contact_ul ul li:nth-child(2) a:hover .wem1{ display:block;}
.i_contact_ul ul li:nth-child(2) .wem2{width: 130px;display: none; color: #363636;text-align: center;padding-top: 130px; position: absolute;left: -158px;top: -205px; background-repeat: no-repeat;}
.i_contact_ul ul li:nth-child(2) a:hover .wem2{ display:block;}
.i_contact_ul ul li:nth-child(2) .wem2 img{background:#000; }
.i_contact_ul ul li:nth-child(3){ border-bottom:0; padding-top:34px; font-size:15px; line-height:30px;}
.i_contact_ul ul li:nth-child(3) img{ float:left;  height:32px; margin-right:20px; margin-top:5px;}
.i_contact_r{  width:66.6%; overflow:hidden;margin-top:50px; background:#ffffff; margin:25px auto 0 auto; }
.i_contact_r .i_contact_t{ color:#000; display:none;}
.index-title-fl{ margin-bottom:30px; overflow:hidden}
.i_contact_r .i_contact_r_div{ width:94%; max-width:880px; overflow:hidden; margin:0 auto;}
.i_contact_r .i_contact_r_div ul li{ float:left; width:100%; margin-bottom:10px;}
.i_contact_r .i_contact_r_div ul li div{ border:1px solid #dfdfdf; overflow:hidden; }
.i_contact_r .i_contact_r_div ul li div .inputs{ width:100%; border:0; line-height:35px; text-indent:20px; background:none; color:#666666; font-size:14px; font-family:"微软雅黑"; outline:none;}
.i_contact_r .i_contact_r_div ul li.w50{ width:49%;}
.i_contact_r .i_contact_r_div ul li:nth-child(3){ width:49%; }
.i_contact_r .i_contact_r_div ul li:nth-child(4){ width:49%; float:right; }
.i_contact_r .i_contact_r_div ul li .bnts{width: 100%;  ;  display: block; background: #f67524; border: 1px #f67524 solid; outline: none; color: #fff;font-size: 18px; text-align: center; line-height: 35px;cursor: pointer;font-family: '微软雅黑';transition:all 0.3s;}
.i_contact_r .i_contact_r_div ul li .bnts:hover{opacity:0.6;filter:Alpha(opacity=60);}
.i_contact_r .i_contact_r_div ul li div .select{width: 98%;
    border: 0;
    height: 68px;
    text-indent: 20px;
    background: none;
    color: #666666;
    font-size: 18px;
    font-family: "微软雅黑";
    outline: none;}