@charset "utf-8";
/*public start*/
*{-webkit-tap-highlight-color: transparent;  -webkit-box-sizing: border-box;  box-sizing: border-box;}  
html{ font-size:62.5%;}
html, body, span, div, p, a, h1, h2, h3, h4, h5, h6, img, form, font, strong, b, i, dl, dt, dd, ol, ul, li {padding:0; margin:0;list-style: none;}
body{max-width:640px; margin:0 auto; background:#FFF;color:#333; font-family:"微软雅黑"} 
ul,ol{list-style: none;}
img { max-width:100%; vertical-align:middle; border:none; font-size:0}
input{ outline:none;}
a {color:#333; text-decoration:none;}
i,em{font-style:normal;}
.clear{clear: both;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.clearfix {zoom:1;}
.fl{float:left;}
.fr{float:right;}
.tr{ text-align:right;}
.hide{display:none;}
.last{margin-right:0px !important;}
/*public end*/
.big_div{
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.wrap{width: 96%; margin: 0 auto;}
.div330{ width: 52%; margin: 0 auto;}
/*index*/
.header{ margin-top: 2.5%;}
.banner{ margin-top: 2.3%;}
.banner img{ width: 100%;}
.hy{ overflow-y: hidden;}
.navbg{ background:rgba(238,238,238,0.69); width:100%; height:100%; position:absolute; z-index:888; left:-100%; overflow-y:hidden;}
.mainnav{ width:80%; height:100%; position:absolute; top: 0; right:-100%; z-index:999; overflow:hidden; background:rgba(255,255,255,0.9);}
.mainnav>li{ text-align: left; position:relative; font-size:2.2rem; color:#000;  border-bottom:1px solid #333;}
.mainnav>li:nth-child(2) a:before{ content:"+";}
.mainnav>li:nth-child(2).active>a:before{content:"-";}
.mainnav>li>a{ position: relative; color:#333; display:block; padding: 2% 0; padding-left:5%;}
.mainnav>li>a:before{position: absolute; right: 5%; top:2%; color:#333;   font-size:2.4rem;}
.mainnav>li:hover>a:before,.mainnav>li.active>a:before{position: absolute; right: 5%;top:2%;color:#fff; }
.mainnav>li:hover>a,.mainnav>li.active>a{color:#fff; background:rgba(0,0,0,0.9);}
.mainnav>li>ul{ display:none;}
.mainnav>li>ul>li{ font-size:1.4rem; line-height:3em;}
.mainnav>li>ul>li>a{ padding-left:7%; display:block; color: #333;}
.con{ padding: 6% 0;}
.con ul li{ float: left; width: 25%; text-align: center; border-right: 1px solid #dedcdc;}
.con ul li:last-child{ border-right: none !important;}
.con ul li p{ font-size: 2rem; color: #333; line-height: 36px;}
.fy{ padding-top: 9.2%; padding-bottom: 8%;}
.blue{ background: url(../images/index1_02.png) center center no-repeat; background-size: cover;}
.tit_a p{ font-size: 1.4rem; color: #666; text-transform: uppercase; font-family: "Arial"; line-height: 42px; padding-left: 7%;}
.tit_b{ margin-top: 2.8%;}
.tit_b a{ display: inline-block;font-size: 1.4rem;line-height: 24px;text-align: center; text-transform: uppercase;}
.blue .tit_b a{color: #1e68b3;width: 82px; border: 2px solid #1e68b3;}
.blue .tit_b a:hover{ background: #1e68b3; color: #fff;}
.fyList ul li{ margin-top: 5.6%; width: 49%; float: left; margin-right: 2%;}
.fyList ul li:nth-child(2n){ margin-right:0 !important;}
.fyList ul li .li_img{ overflow: hidden;}
.fyList ul li img{ width: 100%;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.blue .fyList ul li .li_img{ border: 1px dashed #1e68b3;}
.fyList ul li p{ font-size: 2.1rem; color: #333; line-height: 32px; margin-top: 2%;text-align: center;}
.fyList ul li p i{ color: #e60012;}
.fyList ul li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.blue .fyList ul li:hover p{ color: #1e68b3;}
.orign{ background: url(../images/index1_03.png) center center no-repeat; background-size: cover;}
.orign .tit_b a{color: #ec6941;width: 82px; border: 2px solid #ec6941;}
.orign .tit_b a:hover{ background: #ec6941; color: #fff;}
.orign .fyList ul li .li_img{ border: 1px dashed #ec6941;}
.orign .fyList ul li:hover p{ color: #ec6941;}
.service{ background: url(../images/index1_04.png) center center no-repeat; background-size: cover; padding: 9% 0;}
.service_tit{ text-align: center;}
.service_tit h1{ font-size: 4.8rem; color: #009944; position: relative;}
.service_tit h1:before{ content: ""; width: 46px; height: 2px; background: #009944; display: inline-block; position: absolute; top: 32px; left: 23%;}
.service_tit h1:after{ content: ""; width: 46px; height: 2px; background: #009944; display: inline-block; position: absolute; top: 32px; right: 23%;}
.service_tit p{ font-size: 1.8rem; color: #333; line-height: 42px;}
.service_b{ padding-top: 5.9%;}
.service_b ul li{ float: left; width: 32%; margin-right: 2%;}
.service_b ul li:last-child{ margin-right: 0 !important;}
.service_b ul li img{ width: 100%; margin: 0 auto;}
.green{ background: url(../images/index1_05.png) center center no-repeat; background-size: cover; }
.green .tit_b a{color: #75bd00;width: 82px; border: 2px solid #75bd00;}
.green .tit_b a:hover{ background: #75bd00; color: #fff;}
.case_list ul li:nth-child(1){ background: #00bffe;}
.case_list ul li:nth-child(2){ background: #75bd00;}
.case_list ul li:nth-child(3){ background: #ed7d31;}
.case_list ul li:nth-child(4){ background: #fa5680;}
.case_list ul li{ margin-top: 11.25%; width: 47.5%; border-radius: 10px; position: relative; float: left;margin-right: 5%;}
.case_list ul li:nth-child(2n){ margin-right: 0 !important;}
.case_list ul li .case_box{ padding:15% 3% 3%;}
.case_list ul li .case_box h5{ font-size: 2rem; color: #fff; line-height: 36px;}
.case_list ul li .case_box p{ font-size: 1.6rem; color: #fff; line-height: 32px; margin-top: 1%;}
.case_list ul li .li_img{ position: absolute; top: -46px; left: 15px; width: 86px; height: 86px;}
.case_list ul li .li_img img{ border-radius: 50%; border: 3px solid #fff;}
.box{ background: url(../images/index1_06.png) center center no-repeat; background-size: cover; padding: 7.5% 0;}
.conn ul li{ float: left; text-align: center;}
.conn ul li:nth-child(1){ width: 29.5%;}
.conn ul li h2{ font-size: 3rem;}
.conn ul li p{ font-size: 1.6rem; line-height: 32px; margin-top: 1%;}
.conn ul li:nth-child(1) h2{ color: #1e68b3;}
.conn ul li:nth-child(1) p{ color: #1e68b3;}
.conn ul li:nth-child(2){ width: 36.9%; margin: 0 1.8%;}
.conn ul li:nth-child(2) h2{ color: #009944;}
.conn ul li:nth-child(2) p{color: #009944;}
.conn ul li:nth-child(3){ width: 30%;}
.conn ul li:nth-child(3) h2{ color: #eb6877;}
.conn ul li:nth-child(3) p{color: #eb6877;}
.parnet{ padding-top: 10%;}
.parnet .tit_b a{color: #ef4a1c;width: 82px; border: 2px solid #ef4a1c;}
.parnet .tit_b a:hover{ background: #ef4a1c; color: #fff;}
.parnet_list ul li{ margin-top: 5%; float:left; width: 31%; margin-right: 3%;}
.parnet_list ul li:nth-child(3n){ margin-right: 0 !important;}
.parnet_list ul li img{ width: 100%;}
.parnet_list ul li:hover {box-shadow: 0 0 10px #d5f2f8;}
.foot{ background: #1e68b3; position: fixed; width: 100%; bottom: 0; max-width: 640px; min-width: 320px;}
.foot ul li{ float: left; width: 25%; text-align: center; padding: 2% 0;}
.foot ul li .img2{ display: none;}
.foot ul li p{ font-size: 1.8rem; color: #fff; line-height: 32px;}
.foot ul li:hover{ background: #fff;}
.foot ul li:hover .img1{ display: none;}
.foot ul li:hover .img2{ display: inline-block;}
.foot ul li:hover p{ color: #313131;}
/*index1*/
.cons{ margin-top: 6%;}
.cons ul li{ float: left;padding-left: 12%;}
.cons ul li a{ font-size: 2.8rem; color: #313131;}
.cons ul li span{ font-size: 1.8rem; color: #313131; padding: 0 9px;}
.cons ul li a:hover{ font-weight: bold; color: #0d559d;}
.index1{ background: none;padding-top: 2.2%;}
/*index2*/
.conns{ background: #1e68b3; margin-top: 2.3%; line-height: 65px;}
.conns_a{ margin-left: 5%;}
.conns_a ul li{ float: left; width: 100px; text-align: center;}
.conns_a ul li a{ font-size: 2.2rem; color: #fff;}
.conns_a ul .on{ background: #094077;}
.cp{ margin-top: 6.4%; }
.cpxq{ padding-bottom: 8%;}
.proxq_img{width:100%;}
.proxq_bigimg img{border:1px dashed #ddd;width:100%;}
.one-time{margin-left:4.5%;margin-top:3%;width:90% !important;}
.one_li span{display:block;padding:0 6%;}
.one_li span img{border:1px solid #999;cursor:pointer;}
.one_li span img.sp_img{border:1px solid #1e68b3}
.one-time .slick-prev{display:block !important;background:url(../images/index2s_11.png) right center no-repeat;}
.one-time .slick-next{display:block !important;background:url(../images/index2s_13.png) right center no-repeat;}
.cp_txt{ margin-top: 4%;}
.cp_txt h3{ text-align: center; font-size: 2.4rem; color: #1e68b3; font-weight: normal;}
.cp_txt .txt{ margin-top: 6%;}
.cp_txt .txt p{ font-size: 2.8rem; color: #333; line-height: 45px; border-bottom: 1px dashed #999;}
.cp_tit{ margin-top: 8%; border-bottom: 1px solid #1e68b3;}
.cp_tit p{ background: url(../images/index2s_22.png) center center no-repeat; display: inline-block; width: 120px; line-height: 35px; text-align: center; font-size: 2.2rem; color: #fff;}
.cpxqImg{ margin-top: 7%;}
.cpxqImg img{ width: 100%;}
/*index3*/
.rz_tit{ margin-top: 6.4%; text-align: center;}
.rz_tit p{ font-size: 1.4rem; color: #666; line-height: 42px; text-transform: uppercase;}
.rz_ad{ margin-top: 2%;}
.rz_ad ul li img{ width: 100%;}
.gdjx_list ul li{ margin-top: 5%; position: relative; float: left; width: 47.5%; margin-right: 5%;}
.gdjx_list ul li:nth-child(2n){ margin-right: 0 !important;}
.gdjx_list ul li .li_img{ overflow: hidden; border: 1px dashed #ddd;}
.gdjx_list ul li img{ width: 100%;}
.gdjx_list ul li .hots1{ position: absolute; top: -7px; width: 81px; height: 62px; background: url(../images/index3_09.png) left center no-repeat; background-size: cover;}
.gdjx_list ul li .hots1 p{ padding-left: 6px; font-size: 1.8rem; color: #fefefe; margin-top: 9px;}
.gdjx_list ul li .li_nr p{ font-size: 1.8rem; color: #333; line-height: 30px; padding:1% 0 1% 10%;}
.gdjx_list ul li:hover .li_img{ border-color: #236ffb;}
.gdjx_list ul li:hover p{ color: #236ffb;}
.more {text-align: center; margin-top: 6%;}
.more a {display: inline-block;width: 165px;height: 36px;line-height: 36px;background: #236ffb;font-size: 14px;color: #fff;text-transform: uppercase;border-radius: 20px;}
.more a:hover{ background: none; color: #236ffb;}
.mftj{ margin-top: 9%; background: url(../images/index3_12.png) center center no-repeat; background-size: cover; padding: 4% 0 3%;}
.mftj h2{ font-size: 30px; color: #fff; text-align: center;}
.mftj_bd{ margin-top: 8%;}
.mftj_bd ul li{ float: left;}
.mftj_bd ul li:nth-child(1){ width: 33%; margin-right: 5%; margin-left: 3%;}
.mftj_bd ul li:nth-child(2){ width: 56%;}
.mftj_bd ul li p {font-size: 2rem;color: #fff;line-height: 40px;}
.mftj_bd ul li .lxr {width: 100%;line-height: 40px;border: none;outline: none;font-size: 16px;color: #333;text-align: center;}
.mftj_bd ul li .phone {width: 100%;line-height: 40px;border: none;outline: none;font-size: 16px;color: #333;}
.mftj_bd .btn {display: block;background: #fff;width: 140px;height: 32px;line-height: 32px;text-align: center;cursor: pointer;  font-size: 18px;color: #8a140a;font-weight: bold;border: none;outline: none;border-radius: 20px;margin: 30px auto 0;}
.mftj_bd .btn:hover{ background: #8a140a; color: #fff;}

/*news*/

.news ul li{ border-bottom: 1px solid #ddd; padding: 6% 0;}
.news ul li .news_a{ width: 43.6%;}
.news ul li .news_a img{ width: 100%; margin: 0 auto;height: 150px;height: 171px;}
.news ul li .news_b{ margin-left: 4%; width: 52.4%;margin-top: -5%;}
.news ul li .news_b h6{ font-size: 2.2rem; color: #333; line-height:88px;; font-weight: normal;}
.news ul li .news_b span{ font-size: 1.9rem; color: #999;}
.news ul li .news_b p{ font-size: 1.8rem; color: #999; line-height: 38px; text-indent: 2em; margin-top: 2%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}


/* pages*/
.pages {
	margin: 15px 0;
	float: left;
	width: 100%;
	line-height: 34px;
	text-align: center;
	color: #1a1d22;
}
.pages a {
	color: #fff;
	padding: 0 11px;
	margin: 0 5px;
font-/weight: bold;
	background:#939393;
	margin-top:10px;
}
.pages a.cur {
	background:#666;
}
.pages * {
	display: inline-block;
	_zoom: 1;
	_display: inline;
	vertical-align: middle;
	line-height: 28px;
	/*height: 28px;*/
	padding-bottom: 1px;
}
.pages .hover {
	display: inline-block;
	color: #fff;
	background: #BE806A;
}
.pages a:hover {
	display: inline-block;
	color: #fff;
	background: #ccc;
}