﻿body,input{font-family: "microsoft yahei";}
.allpage{
	background-color: #ffffff!important;
}
/*font*/
@font-face{font-family:"iconfont";src:url('/App/Cnm/Public/font/iconfont.woff') format('woff'),url('img/iconfont.ttf') format('truetype');}
@font-face{font-family:"iconfont1";src:url('/App/Cnm/Public/font/iconfont1.woff') format('woff'),url('img/iconfont1.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

.iconfont1 {
	font-family:"iconfont1" !important;
	
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	borde/r-radius: 50%;
	display: inline-block;
	
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:0.2px;
	-moz-osx-font-smoothing:grayscale;
}


/* mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */
.icon_nav{ width:100%; margin:0 auto ; padding:3%  0 2% 0;    }
.icon_nav ul li{
	width: 20%;
	text-align: center;
	float: left;
	margin:0 0%; padding:1%  0 0 4%; 
	
	
}
.icon_nav ul li:nth-child(4){border-right:0;}
.icon_nav ul li a span{ padding:3% 0 0 0;
	display: inline-block;
	color:#0d0d0d;
	font-size: 0.19rem;
	
	width: 100%;
	
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}


.iconfont1_ys{ color:#ffffff; background:#2061c4;  border-radius:0.1rem; display:inline-block;font-family: "microsoft yahei";  font-size:0.5rem;width: 1.03rem; font-weight:normal; 
height: 0.9rem; padding:0; line-height:0.8rem;}
.la1{ }
.la2{font-size:0.4rem; }

.casei{width:100%;height:auto;overflow:hidden;margin:0 auto;}

.blue{
	
}
.s_b{
	
}
.nav_new{
	width:100%; margin: 0 auto;
	
}
.nav_new ul li{ 
	width: 33%;
	height: 0.5rem;
	float: left;
	text-align: center; margin:1% 0;
 	
}

.tpp ul li:nth-child(even){ }
.boo ul li:nth-child(odd){ }
.tpp{background:#2269d5; }
.boo{background:#2269d5;}

.nav_new ul li a{
	display: inline-block;
	/* padding:80%; */
	color:#ffffff;
	
	font-size: 0.21rem;
	font-family: "microsoft yahei";
	
	height: 0.5rem;
	line-height: 0.5rem;
}
.nav_new ul li a:nth-child(4){
	border:none!important;
}
.nav_new ul li a:last-child{
	border:none;
}
/* banner */
/* banner */
.banner{
	width:100%;
	position: relative; margin:0 auto;
}
.swiper-pagination{ padding:0; margin:0;
	width: 100%!important;
	text-align: center!important;
	bottom:2%!important;
}
.swiper-pagination-bullet{
	width: 0.1rem!important;
	height: 0.1rem!important;
	 background-color: #113f9f;
	opacity: 1!important; border-radius:0!important;
}
.swiper-pagination-bullet-active{ background:#ff0000; 
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	margin:0 0.1rem!important;
}
.swiper-container{ }
input{
	outline: none;
}
.search-lh-input{
	width: 75%;
	border:1px solid #65b673;
	border-radius: 15px 0 0 15px;
	float: left;
	border-right: none;
	height: 0.461rem;
	font-size: 0.18rem;
	font-family: "microsoft yahei";
	text-indent: 5%;
	margin-top: 2%;
}
.search-lh-btn{
	width: 15%;
	float: left;
	background-color: #fff;
	border-radius:0 15px 15px 0;
	border:1px solid #65b673;
	border-left: none;
	height: 0.491rem;
	font-size: 0.25rem;
	margin-top: 2%;
}
.search_hl{
	width:14.0625%;
	left:0.1%;
	top:-1px;
	position:absolute;
	height:100%;
	font-size:0.38rem;
	line-height:0.8rem;
	color:#fff;
	text-align:center;
	overflow:hidden;
}
.search{
	width: 96%;
	height: 0.691rem;
	padding:0 2%;
	position: absolute;
	top: -120%;
	left: 0;
	background-color: #2269d5;
	font-family: "microsoft yahei";
}
.search-lh-input{
	width: 75%;
	border:1px solid #2269d5;
	border-radius: 15px 0 0 15px;
	float: left;
	border-right: none;
	height: 0.461rem;
	font-size: 0.18rem;
	font-family: "microsoft yahei";
	text-indent: 5%;
	margin-top: 2%;
}
.search-lh-btn{
	width: 15%;
	float: left;
	background-color: #fff;
	border-radius:0 15px 15px 0;
	border:1px solid #2269d5;
	border-left: none;
	height: 0.491rem;
	font-size: 0.25rem;
	margin-top: 2%;
}
.search a{
	display: inline-block;
	width: 9%;
	float: left;
	color:#fff;
	text-align: center;
	height: 0.7rem;
}

.index_text{
	font-size: 14px;
	width: 100%;
	height: 0.5rem;
	background: #fff url(../../images/search_bg_05.png) no-repeat 95% center;
	-webkit-background-size: 7%;
	background-size: 7%;
	border:none;
	font-family:"microsoft yahei";
	text-indent: 3%;
}

.search_new{
	padding:0 2%;
	text-align: center;
	margin-top: 3%;
}
.search_new input{
	width: 98%;
	border:1px solid #cdcdcd;
	background: url(../../images/fdj_09.png) no-repeat 97% center;
	-webkit-background-size: 7%;
	background-size: 7%;
	text-indent: 3%;
	padding:2% 0;
}
.common_title{
	text-align: center;
	position: relative;
	margin-top: 5%;
	margin-bottom: 3%;
}
.common_title span{
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 1px;
	background-color: #b9bbcb;
}
.common_title h2{
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 38%;
	background-color: #2332c6;
	color:#fff;
	font-size: 0.26rem;
	padding:1.5% 0;
	border-radius: 20px;
}
.more_i{ width:100%; text-align: center; float:left;padding:0.03rem 0  ; margin-top:1%; background:#2269d5;}
.more_i span{  padding:0% 5% 0 3%; float:left;  margin-left:0;font-size: 0.22rem; color:#fff; font-weight:bold;line-height:1.2;}
.more_i a{float:right; width:0.3rem; height:0.3rem; background:#FFF; border-radius:50%;  color:#ff9710;   font-size:0.2rem; padding:0% 0 0 0; line-height:1.3;  margin-right:3%; }

.more_i2{ width:100%; float:left;padding:1% 0 1% 0 ; background:#2c3450; margin-top:2%;}
.more_i2 span{ float:left; margin-left:3%;font-size: 0.22rem; color:#ffffff;line-height:1.2; padding:0 1%;}
.more_i2 a{ float:right;color:#ffffff;  font-size: 0.2rem; margin-right:2%;  }

.about_i{ margin:0 auto; }
.about_i_c{
	line-height: 1.6;
	padding:2% 3% 1% 3%;
	font-size: 0.2rem;
	color:#555555;
}
.common_title_new h2{
	background-color: #e00409!important;
}
.honor_i{  margin:0 auto; width:100%; padding:0 ; }
.casei{width:100%;height:auto;overflow:hidden;margin:0 auto; }
.casei li{width:100%;height:auto; margin:0 auto;overflow:hidden}

.case_i{ width:100%;  margin:0 auto;  padding:0 ;}



.beian{
	background-color: #e7e7e7;
	color:#474747;
	text-align: center;
	height: 0.65rem;
	line-height: 0.65rem;
	font-size: 0.21rem;
}
.beian a{
	color:#474747;
	font-size: 0.21rem;
}
.common_bg{
	background-color: #ff4863;
}

.honor_i_c{ margin:0 auto; padding:0.5% 0 2% 0;
	 width:100%; 
}
.honor_i_c ul li{ position:relative; 
	width: 43.125%; 
	float: left;
	text-align: center;
	margin: 3%  0 0 4.5%;
}
.honor_i_c ul li img{ width:96.37681%; border:0.045rem solid #ebebeb}
.honor_i_c ul li span{ position:relative; display:block; background:#ebebeb;color:#353535; 
	width:100%; margin:1% 0 0 0; line-height:1.6;
	text-align: center;
	
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;

	font-size: 0.2rem;
}
.honor_i_c ul li label{overflow: hidden;white-space: nowrap;text-overflow:ellipsis; display:inline-block; margin:3% auto; padding:1% 2%; border:1px solid #d92619; border-radius:0.05rem; color:#db3d34; font-size:0.16rem;}
.more_im{ width:100%; margin:1.5% auto 0 auto;
	text-align: center;
	padding:1.5% 0;
}
.more_im a{ display:inline-block; border:1px solid #e6453c; padding:1% 8%;
	color:#21273c;
	font-size: 0.20rem;
}

.baoming { background:#2269d5;
    width: 100%;
    pa/dding: 3% 0; margin-top:3%;
   
    font-family: "microsoft yahei";
    color: #151515;
   
}

.baoming span { 
    margin-bottom: 2%; 
}
.baoming div.telbo{ font-weight:bold; float:left; width:100%; color:#fff; padding:3%  0; line-height:1; text-align:center; }
.baoming .telname{ width:100%; display:block; font-size:0.2rem;overflow: hidden;text-overflow:ellipsis; padding:0;}
.baoming .telphone{width:100%;  display:block;font-size:0.2rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; padding:0;}
.case_i_c ul li{ padding:2.5% 0 0.2% 0;  width:93.75%; display:block; float:left; margin-left:3%; margin-top:0; }
.case_i_c ul li a{ float:left; width:100%;color:#222222;  line-height:1.8; background:#ececec; border-radius:0.05rem;}
.case_i_c ul li h2{ float:left; margin-left:3%; line-height:1.8;
	
	font-size: 0.20rem;
	font-weight: normal;
	width: 65%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.case_i_c ul li span{ float:right; line-height:2.2;
	
	font-size: 0.18rem;
	font-weight: normal;
	width:25%; margin-left:3%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.case_i_c{ padding:0 0 2% 0}
.boda{ text-align:center;padding:0.01rem 0;  width:100%; margin:1% auto 3% auto;font-size:0.2rem; display:block; background:#ff9710;color:#fff}
.boda font{ font-size:0.35rem; color:#fff; font-weight:normal; vertical-align:-0.03rem;}
.boda a{padding:0 3% 1% 3%; display: inline-block;  color:#fff;font-weight:bold; }

.honor_i_h{ margin:0 auto; padding:0;
	 width:100%; 
}
.honor_i_h ul li{ position:relative; 
	width: 28.90625%; 
	float: left;
	text-align: center;
	margin: 2.5%   0 0% 3.3%;
}
.honor_i_h ul li img{ width:97.8378378%; border:0.02rem solid #bad5ff; border-radius:0.05rem;}
.index_line{ background:#ededed; height:0.09rem; margin:1% auto; }
.case_c2{ padding: 0 0 2% 0;}
.case_c2 ul li{ width:93.75%; padding:3% 0;margin-left:3%; margin-/top:3%; 
	 border-bottom:1px solid #e5e5e5!important; float:left; 
}
.case_c2 ul li div.case_c_pic{ height:auto !important; 
	float: left; margin-left:0;overflow:hidden;
	width: 26%; border:0.02rem solid #bad5ff;
}
.case_c2 ul li div.case_c_content{height:auto !important; 
	float: left;
	width: 69%;
	margin-left: 3%; 
}
.case_c2 ul li div.case_c_content h2{ padding:  0; 
	width: 100%;
	font-size: 0.2rem;
	color:#292929;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;  
}
.case_c2 ul li div.case_c_content span{ padding:1% 0 0 0;line-height:1.2; color:#969696;font-size: 0.19rem;-webkit-line-clamp: 3;
-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;
}

@media all and (min-width:640px){
    .content{width:640px;margin:0 auto;position:relative;}
}

#banner{ width: 100%;  margin: 0px auto;}
#banner { }
/*??????????*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
/*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/
.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: #2269d5; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
