@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: '微软雅黑';
	background: #fff;
}
html{font-size:62.5%; }
ol,ul,li,dl,dt,dd,form,p,h1,h2,h3,h4,h5,img{ margin:0px; padding:0px;}
h1,h2,h3,h4,h5{ font-weight: normal;}
li{ list-style-type: none;}
img{max-width:100%;vertical-align: bottom;}
a{ text-decoration: none; color: #000000;}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.clear{
  display: block;
  clear: both;
  height: 0;
}
input,select,textarea{ outline:0; resize:none; border:none; margin:0; padding:0; font-family: "微软雅黑";}
.fl{ float: left;}
.fr{ float: right;}
.li_img{display:table; text-align:center; *position:relative; *overflow:hidden;}
.li_img a{display:table-cell; vertical-align:middle; *position:absolute; *left:50%; *top:50%;}
.li_img a img{*position:relative; *left:-50%; *top:-50%;}
.con{
	width: 93.75%;
	margin: auto;
}
.box{
	width: 100%;
}
.box_con{
	width: 100%;
	float: left;
}
.contain{
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.header{
	width: 100%;
	background: #1770c0;
	position: relative;
	padding: 1.5% 0;
}
.logo{
	width: 25.625%;
	margin-left: 2.2%;
}
.menu_but{
	position: absolute;
	width: 6.71875%;
	height: 100%;
	right: 3%;
	top: 0;
}
.menu_but li{
	width: 100%;
	height: 100%;
	display: table;
}
.menu_but li p{
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
.menu_but li p img{
	width: 100%;
}

.nav{
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	background: rgba(23,112,192,0.6);
	display: none;
	z-index: 999;
}
.nav ul{
	width: 96%;
	margin: 0 auto;
}
.nav ul li{
	font-size: 1.6rem;
	line-height: 2em;
	text-align: center;
	border-bottom: 1px solid #9ccffd;
}
.nav ul li a{
	display: block;
	color: #FFFFFF;
	padding: 1% 0;
}

.banner{
	width: 100%;
}
.swiper-container{
	width: 100%;
}
.banner img{
	width: 100%;
}

.main{
	width: 100%;
}

.icp{
	width: 100%;
	background: #f5f5f5;
	padding-bottom: 9%;
}
.icp_tit{
	padding-top: 2%;
}
.icp_tit h2{
	font-size: 2.2rem;
	line-height: 1.8em;
	color: #333333;
	text-align: center;
}
.icp_tit p{
	width: 100%;
	height: 2px;
	margin-top: 2%;
}
.icp_tit p span{
	display: block;
	width: 36px;
	height: 2px;
	background: #51c8c4;
	margin: 0 auto;
}
.icp_banner{
	width: 100%;
	margin-top: 3%;
	position: relative;
	padding-bottom: 9%;
}
.icp_banner .swiper-container{
	width: 90.9375%;
}

.icp_banner .swiper-pagination {
	width: 100%;
	bottom: 0;
}

.icp_banner .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	margin-right: 10px;
	background: #fff;
	opacity: 1;
}

.icp_banner .swiper-pagination-bullet-active {
	background: #007aff;
}

.case{
	width: 100%;
}
.tit{
	width: 100%;
	height: 60px;
	float: left;
	margin-top: 5%;
}
.tit_box{
	width: 181px;
	height: 40px;
	border: 1px solid #cccccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
.tit_box h3{
	font-size: 1.6rem;
	line-height: 1.8em;
	color: #cccccc;
}
.tit_box h3 i{
	display: block;
	float: left;
	width: 24px;
	border-bottom: 1px solid #cccccc;
	margin-top: 13px;
	margin-left: 3px;
	margin-right: 16px;
}
.tit_box p{
	display: inline-block;
	background: #FFFFFF;
	font-size: 2.2rem;
	color: #333333;
	margin-left: 36px;
	padding: 0 10px;
	line-height: 1em;
}

.tit_bg{
	display: block;
	margin-left: 216px;
	height: 40px;
	background: url(../images/tit_bg.png) no-repeat left center;
}
.mt4{
	margin-top: 4%;
}
.icase_top{
	width: 100%;
}
.icase_top img{
	width: 100%;
}
.icase_con{
	width: 100%;
	margin-top: 3%;
	padding-bottom: 2%;
}
.icase_con .swiper-slide ul{
	width: 100%;
}
.icase_con .swiper-slide ul li{
	width: 49%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
}
.icase_con .swiper-slide ul li:nth-of-type(2n){
	margin-right: 0;
}
.icase_con .swiper-slide ul li img{
	width: 100%;
}

.icase_con .swiper-pagination { position: static; width: 100%; margin-top: 3%;}
.icase_con .swiper-pagination-bullet { width: 14px; height: 14px; margin-right: 10px; background: #00a1e9; opacity: 1; }
.icase_con .swiper-pagination-bullet-active { background: #007aff; }

.inews_tab{
	width: 100%;
}
.inews_tab li{
	width: 50%;
	float: left;
	font-size: 1.8rem;
	color: #333333;
	border-left: 2px solid transparent;
	box-sizing: border-box;
	padding-left: 2%;
	line-height: 2em;
	cursor: pointer;
}
.inews_tab li.cur{
	border-left: 2px solid #1770c0;
}
.inews_tab li span{
	font-size: 1.4rem;
	color: #999999;
	font-weight: bold;
	margin-left: 0.5em;
}
.inews_box{
	width: 100%;
	margin-top: 5%;
}
.inews{
	width: 100%;
	display: none;
}
.inews:first-of-type{
	display: block;
}
.hy{
	width: 100%;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}
.hy li{
	width: 100%;
	/*display: table;*/
	padding: 3% 0;
	color: #333333;
}
.inews_num{
	width: 12%;
	font-size: 3rem;
	line-height: 2.7em;
	font-weight: bold;
	/*display: table-cell;*/
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box;
}

.inews_con{
	border-left: 2px solid #333333;
	width: 83%;
	/*display: table-cell;*/
	padding: 0 2%;
	line-height: 2em;
}
.inews_con div h4{
	font-size: 1.8rem;
	width: 60%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.inews_con div span{
	font-size: 1.6rem;
}
.inews_con p{
	font-size: 1.4rem;
	margin-top: 2%;
}

.hy li.cur{
	color: #FFFFFF;
	background: #1770c0;
}
.hy li.cur  .inews_num{
	color: #fff;
}
.hy li.cur .inews_con{
	border-left: 2px solid #FFFFFF;
	color: #fff;
}

.hot_img {
	width: 100%;
}
.hot_img img{
	width: 100%;
}
.hot_ul {
	margin-top: 15px;
}

.hot_ul ul {
	width: 100%;
}

.hot_ul li {
	font-size: 12px;
	line-height: 28px;
	color: #999999;
}

.hot_ul li:hover,
.hot_ul li.active {
	color: #00b7ee;
}

.footer{
	width: 100%;
	padding: 6% 0;
	font-size: 1.6rem;
	line-height: 2em;
	color: #333333;
	text-align: center;
}



.bottom{
	width: 100%;
	max-width: 640px;
	max-height: 113px;
	position: fixed;
	bottom: 0px;
	background: #1770c0;
	z-index: 999;
}
.bottom ul{ width: 100%;}
.bottom ul li{ 
	width: 25%;
	float: left;
}
.bottom ul li a{ 
	display: block;
	padding: 18px 0;
}
.bottom ul li a div{ 
	width: 100%;
	text-align: center;
}
.bottom ul li a div img{ 
	width: 27.5%;
	min-width: 18px;
}
.bottom ul li a p{ 
	font-size: 1.6rem;
	color: #FFFFFF;
	text-align: center;
	margin-top: 1%;
}


.ny_main{
	padding: 3% 0;
	min-height: 350px;
}
.ny_top{
	width: 100%;
	background: #0380d7;
	position: relative;
	padding: 0.5% 0;
}
.ny_top h3{
	font-size: 1.6rem;
	color: #FFFFFF;
	line-height: 32px;
}
.ny_top h3 i{
	display: inline-block;
	padding: 0 10px;
}
.ny_top h3 i img{
	vertical-align: middle;
}
.ny_top h3 p{
	display: inline-block;
}

.ny_menu{
	width: 35px;
}
.ny_menu_but{
	width: 100%;
	cursor: pointer;
}
.ny_menu_list{
	width: 215px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 999;
	background: #FFFFFF;
	padding-bottom: 2%;
	display: none;
}
.ny_menu_list>li{
	width: 100%;
	margin-top: 8%;
}
.ny_menu_list>li>p{
	font-size: 1.6rem;
	line-height: 2.6em;
	color: #333333;
	text-align: center;
}
.ny_menu_list>li>p.cur{
	background: #1770c0;
	color: #FFFFFF;
}
.ny_menu_list>li>ul{
	width: 100%;
	margin-top: 5%;
}
.ny_menu_list>li>ul>li>p{
	font-size: 1.4rem;
	line-height: 2.6em;
	color: #666666;
	padding-left: 75px;
	background: url(../images/sj_ico1.png) no-repeat 60px center;
}

.ny_menu_list>li>ul>li>p.cur{
	color: #FFFFFF;
	background: #1770c0 url(../images/sj_ico2.png) no-repeat 60px center;
	box-shadow: 0 1px 5px #333333;
}
.ny_menu_list>li>ul>li>ul,.ny_menu_list>li>ul>li>ul li{
	width: 100%;
}
.ny_menu_list>li>ul>li>ul li a{
	font-size: 1.4rem;
	line-height: 2.6em;
	display: block;
	color: #999999;
	padding-left: 80px;
}

.ny_menu_list>li>ul,.ny_menu_list>li>ul>li>ul{
	display: none;
}


.ny_con{
	width: 100%;
	margin-top: 5%;
}

.border1{
	border: 1px solid #cccccc;
}


.nyp{
	padding: 2.7% 2.7% 10% 2.7%;
}

/*cpzx*/
.cp_list{
	width: 100%;
}
.cp_list li{
	width: 46.3%;
	float: left;
	margin-right: 7.4%;
	margin-bottom: 3%;
}
.cp_list li:nth-of-type(2n){
	margin-right: 0;
}
.cp_list li a{
	display: block;
}
.cp_list li a div{
	border: 1px solid #cccccc;
	box-sizing: border-box;
	padding: 3.5% 3.5%;
}
.cp_list li a div img{
	width: 100%;
}
.cp_list li a p{
	font-size: 1.6rem;
	line-height: 1.8em;
	color: #333333;
	text-align: center;
	margin-top: 5%;
}
.fy{
	width: 100%;
	margin-top: 10%;
	text-align: center;
}


/*cpxq*/
.cpxq_img{
	width: 100%;
}
.view{
	width: 100%;
	margin: 5% 0;
}
.view .swiper-container{
	width: 85.5%;
}
.view .swiper-slide img{
	width: 100%;
}
.preview{
	position: relative;
}
.preview .swiper-container{
	width: 85%;
}
.preview .swiper-slide div{
	width: 84%;
	border: 1px solid #cdcfcf;
	margin: 0 auto;
	box-sizing: border-box;
}
.preview .swiper-slide div img{
	width: 100%;
}
.preview .active-nav div{
	border: 1px solid #257ac4;
	box-sizing: border-box;
}
.arrow-left,.arrow-right{
	position: absolute;
	width: 15px;
	height: 27px;
	top: 50%;
	margin-top: -13px;
	z-index: 999;
}
.arrow-left{
	left: 4%;
}
.arrow-right{
	right: 4%;
}

.cpxq_text{
	width: 100%;
	margin-top: 5%;
	margin-bottom: 8%;
}
.cpxq_text h4{
	font-size: 2.4rem;
	line-height: 1.5em;
	color: #1770c0;
	padding: 0 3%;
}
.cpxq_in{
	font-size: 1.4rem;
	line-height: 2.4em;
	color: #666666;
	padding: 0 8%;
	margin-top: 4%;
}



/*fwxm&about*/
.tw img{
	width: 100%;
	margin-bottom: 3%;
}
.tw{
	font-size: 1.6rem;
	line-height: 2.5em;
	color: #333333;
}

/*lxwm*/
.info{
	font-size: 1.4rem;
	line-height: 2.5em;
	color: #333333;
}
.ditu{
	margin-top: 5%;
}


/*lxwm*/
.news{
	width: 100%;
}
.news li{
	display: block;
	background: #f8f8f8;
	padding: 2.5% 2.5%;
	margin-bottom: 5%;
}
.news li:last-of-type{
	margin-bottom: 0;
}
.news li a{
	display: block;
	width: 100%;
}
.news_img{
	width: 31%;
}
.news_img img{
	width: 100%;
}
.news_f{
	
	margin-left: 3%;
}
.news_f h4{
	font-size: 1.8rem;
	font-weight: bold;
	color: #1770c0;
	line-height: 1.2em;
}
.news_f h5{
	font-size: 1.2rem;
	color: #333333;
	line-height: 1.6em;
}
.news_f p{
	font-size: 1.4rem;
	color: #333333;
	line-height: 1.6em;
}
.news_f span{
	display: block;
	font-size: 1.2rem;
	color: #034562;
	line-height: 1.6em;
	text-align: right;
}
.news li:hover{
	background: #1770c0;
}
.news li:hover .news_f h4,.news li:hover .news_f h5,.news li:hover .news_f p{
	color: #FFFFFF;
}


/*news_xq*/
.news_xq h3{
	font-size: 1.8rem;
	font-weight: bold;
	color: #1770c0;
	line-height: 2em;
}
.news_xq p{
	font-size: 1.4rem;
	color: #333333;
	line-height: 2.1em;
}
.news_xq img{
	margin: 3% 0;
}

/*add*/
.bgs{ display: none; position:absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10000;}
.liuyan{ display: none; position: fixed; top: 10%;left: 0; right: 0; max-width: 600px; overflow: hidden; width: 90%; padding: 5%; margin: 0 auto; z-index: 10001; text-align: center;}
.lx_c{ background: #fff; padding: 6%}
.lx_c_box img {position: relative;top: 18px;left: -12px;float: left;}
.lx_c_box li {width: 100%;border: 2px solid #bfbfbf;margin-bottom: 7px;}
.lx_c_box li .text {padding-left: 9px;width: 100%;height: 36px;background: none;}
.lx_c_box li textarea {width: 100%;padding-top: 9px;padding-left: 9px;height: 130px;background: none; border: none;}
.lx_c .ind-mesg-btn {display: block;width: 170px;line-height: 30px;text-align: center;background: #1870c1;font-size: 12px;color: #fff;cursor: pointer;}