/* CSS Document */
*{ margin:0; padding:0;}
body{
	max-width:720px;
	min-width:320px;
	font-size: 100%;
	margin:0 auto;
	font-family: Microsoft YaHei;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent; background:#eee;
	 }
li{ list-style:none;}
img{ border:0; display:block; width:100%;}
.warp{ max-width:720px; min-width:320px; margin:0 auto; overflow:hidden;}
a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
h3,h4,h5{ font-weight:normal;}
b{ font-weight:normal;}
i{ font-style:normal;}
/*logo*/
.logo{ background:#fff; padding:3% 0;}
.logo img{ width:47.5%; margin:0 auto;}
/*nav*/
.wrapper02 {position:relative;	max-width: 720px;min-width: 320px;width: 100%;overflow: hidden;margin:0 auto; background:#004ea2; }
.wrapper02 .scroller { overflow:hidden}
.wrapper02 .scroller ul{ width:9999px; display:block;}
.wrapper02 .scroller li {color:#fff;float: left;text-align: center;}
.wrapper02 .scroller li a{color:#fff;display:block; padding:0.7rem 0.64rem; font-size:13px;}
.wrapper02 .scroller li.cur{color:#fff; background:#004288;}

/*焦点图*/
.main_visual{ overflow:hidden; position:relative;}
.main_image {width:100%; padding-bottom:46.6%; overflow:hidden; margin:0 auto; position:relative}
.main_image ul { padding-bottom:46.6%;overflow:hidden; position:absolute; top:0; left:0;}
.main_image li {float:left; width:100%;}
.main_image li span {display:block; width:100%;  margin:0 auto;}
.main_image li span img{ width:100%; margin:0 auto;}
.main_image li a {display:block; width:100%; padding-bottom:46.6%;}
div.flicking_con { width:100%; position:absolute; bottom:5%;}
div.flicking_con .flicking_inner { width:18%;  z-index:999; overflow:hidden; margin:0 auto;} /* 121126 */
div.flicking_con a {float:left; width:.45rem; height:.15rem; margin-left: 5%; display:block; text-indent:-1000px; background:#000;}
div.flicking_con a.on {background:#cc0000;}

/*产品*/
.pro{ padding:3.5%; overflow:hidden; background:#fff; margin-bottom:3%;}
.pro h5{ width:100%; display:block; margin:2% 0 5% 0;}
.pro h5 img{ display:block; width:53%; margin:0 auto;}
.pro .swiper-container {width: 100%; margin-top:3%; margin-bottom:2%;}
.pro .swiper-slide {font-size: 12px;background: #f3f3f3;}
.pro .swiper-slide:nth-child(1){ margin-left:0;}
.pro .swiper-slide .font{ padding:4%; position:relative;}
.pro .swiper-slide .font p{ margin-top:3%;}
.pro .swiper-slide b{ width:60%; padding:3%; border:#000 solid 1px; border-radius:5px; display:block; text-align:center; margin-top:6%;}
.pro .swiper-slide i img{ width:20%; position:absolute; bottom:6%; right:7%;}

/*新闻*/
.news{ background:#fff; overflow:hidden; padding:2.5% 3.5%;}
.title_n{ border-bottom:#dfdfdf solid 1px; overflow:hidden;}
.news .news_m{ width:80%;float:left; overflow:hidden;}
.news .news_m span{ display:block; float:left; text-align:center; padding:2% 3%;  font-size:14px;}
.news .news_m span.current{ border-bottom:#004ea2 solid 2px;}
.news .more{ float:right;padding:1.5% 0; font-size:12px;}
.news_1{ display:flex; margin-top:3.5%; max-height:87px; border-bottom:#dfdfdf dotted 1px; padding-bottom:3%; overflow:hidden;}
.news_1 span{ width:30%; display:block; float:left;}
.news_1 span img{ min-height:55px; }
.news_1 .news_font{ width:66%; margin-left:4%; float:left; overflow:hidden;}
.news_font h4{ font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.news_font b{ font-size:12px; color:#6e6e6e;}
.news_font p{ font-size:12px; max-height:27px; overflow:hidden; color:#444444;}
.news ul li{ padding:3.5% 0; border-bottom:#dfdfdf dotted 1px; overflow:hidden; background:url(../images/icon_c.png) no-repeat left center; background-size:1.2%; padding-left:3%; font-size:12px;}
.news ul li p{ width:70%; float:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.news ul li span{ float:right; color:#6f6969;}
/*底部*/
.footer{ background:#333333; padding:3%; color:#fff; overflow:hidden; margin-top:2%;}
.footer .di_left{ width:70%; float:left; font-size:12px; color:#999999}
.footer .di_left b,.footer .di_right b{ font-size:14px; margin-bottom:2%; display:block; color:#fff;}
.footer .di_right{ width:20%; float:right;}
.footer .di_right img{ width:90%;}
.footer_p{ background:#000000; padding:2%; text-align:center; color:#cccccc; font-size:12px;}

/*关于我们*/
.titl_d{ padding:3%; border-bottom:#dfdfdf solid 1px; background:#fff; font-size:12px; overflow:hidden;}
.font_about{ padding:3%; background:#fff;}
.font_about h5{ font-size:15px; text-align:center; display:block; margin-top:2%; margin-bottom:4%; font-weight:bold;}
.font_about p{ text-indent:2em; font-size:13px; margin-top:2.5%; color:#333;}

/*产品中心*/
.titl_a{ border-bottom:#dfdfdf solid 1px; background:#fff; font-size:12px; overflow:hidden;}
.titl_a a{ display:block; float:left; font-size:12px; text-align:center; margin-left:4%; padding:3% 0;}
.titl_a .cur_a{ color:#004ea2;}
.font_pro{ background:#fff; overflow:hidden; padding-bottom:3.5%; font-size:12px;}
.font_pro ul li{ width:45%; margin-left:3.4%; float:left; margin-top:3.5%; background:#f3f3f3; }
.font_pro ul li .font{padding:4%; margin-top:1%;}
.font_pro ul li .font p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-bottom:1%;}
.font_pro ul li .font p span{ color:#cb0303;}
.font_pro ul li b { width: 50%;padding: 3%; border: #000 solid 1px;border-radius: 5px;display: block; text-align: center; margin:0 auto; margin-top:6%; background:#fff; margin-bottom:2%;}

/*服务支持*/
.titl_a span{ width:25%; display:block; float:left; text-align:center; font-size:14px; padding:3% 0;}
.titl_a span:hover{ cursor:pointer;}
.titl_a span.current{ border-bottom:#004ea2 solid 2px; color:#004ea2}
.font_ser{ background:#fff; padding:3%; padding-top:0;}
.ser_boxa p{ padding-top:4%; font-size:14px;}
.ser_boxa img{ width:75%; margin:0 auto; margin-top:2%;}
.ser_box ul{ padding-top:4%;}
.ser_box ul li{ margin-bottom:4%;}
.ser_box p{ font-size:14px;}
.ser_box span{ display:block; margin-top:2%; font-size:13px; text-indent:2em; color:#666;}
.ser_boxb{ overflow:hidden; }
.ser_boxb ul li{ background:url(../images/icon_x.png) left center no-repeat; background-size:9.5%;  border-bottom:#dfdfdf dashed 1px; padding:3% 0;padding-left:12%;}
.ser_boxb ul li p{ font-size:14px;}
.ser_boxb ul li span{ font-size:12px; color:#666;}
.ser_boxb ul li b{ margin-right:5%;}

/*联系我们*/
.font_con{ padding:3%; background:#fff;}
.font_con .con_tile img{ width:45%;}
.con_font{ margin-top:4%; border-bottom:#dfdfdf solid 1px; padding-bottom:3%;}
.con_font h4{ font-size:16px; color:#004da1; margin-bottom:3%;}
.con_font p{ font-size:13px; margin-bottom:2%; color:#3c3c3c;}
.homeMap{ height:200px; margin-bottom:3%;}

/*产品详情*/
.pro_xq .swiper-container {width: 100%; max-height:478px; position:relative;}
.pro_xq .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.pro_font { padding:3%; background:#fff;}
.pro_font h2{ font-size:16px; color:#004ea2; margin-bottom:1%; font-weight:normal;}
.pro_font span{ font-size:12px; color:#666;}.pro_font span b{ margin-right:3%;}
.cpgs{ margin-top:3%;}
.cpgs h3{ font-size:15px; color:#004ea2;}
.cpgs p{ font-size:13px; margin-top:2%;}
.cp_xq{ background:#fff; margin-top:3%; padding-top:0;}.cp_xq .cp_nav{ overflow:hidden;}
.cp_xq .cp_nav span{ width:25%; display:block; float:left; text-align:center; font-size:14px; padding:3.5% 0; border-bottom:#dfdfdf solid 1px;}
.cp_xq .cp_nav span.current{ background:#004ea2; color:#fff; border-bottom:#004ea2 solid 1px;}
.cp_box{ padding:3%;}
.cp_box table{ width:100%; text-align:center;border-collapse:collapse;border-spacing:1;border-spacing:0;}
.cp_box table td{word-break: break-all; word-wrap:break-word;border:1px solid #dfdfdf; font-size:12px; padding:3% 0;}
.box1 p{ font-size:13px; margin-bottom:3.5%; text-indent:2em;}
.cp_box .ser_boxb ul li:nth-child(1){ padding-top:0;}

.font_about span{ display:block; text-align:center; font-size:12px; margin-top:-2%;}
.font_about img{ margin:2% 0;}

@media screen and (max-width:320px){
.wrapper02 .scroller li a{color:#fff;display:block; padding:0.5rem 0.64rem; font-size:12px;}
.swiper-slide .font p{ max-height:48px; overflow:hidden; margin-top:3%;}
.swiper-slide b{ width:50%; padding:2.5%; border:#000 solid 1px; border-radius:5px; display:block; text-align:center; margin-top:6%;}
.news_m span{ font-size:12px;}
.news a{ font-size:12px;}
.news_1 span img{ width:100%; min-height:70px; }
.news_font p{ font-size:12px; max-height:32px; overflow:hidden;}
.titl_a a{ display:block; float:left; font-size:12px; text-align:center; margin-left:2.5%;}
}
@media screen and (min-width: 360px){
.news_1 span img{ width:100%; min-height:60px; }
.news_font p{ font-size:12px; max-height:29.5px; overflow:hidden; }
	}
	
 @media (min-width:375px) and (max-width:500px){
.news_font p{ font-size:12px; max-height:27px; overflow:hidden;}
.news_1 span img{ width:100%; min-height:70px; }

 }
@media screen and (min-width: 412px){
.news_font p{ font-size:12px; max-height:30px; overflow:hidden; }
	 }
@media screen and (min-width: 720px){
.wrapper02 .scroller li a{color:#fff;display:block; padding:0 2.5rem; line-height:3rem; font-size:16px;}
div.flicking_con a {float:left; width:.5rem; height:.1rem; margin-left: 5%; display:block; text-indent:-1000px; background:#000;}
.swiper-slide {font-size: 14px;background: #f3f3f3;}
.news_font h4{ font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.news_font b{ font-size:14px;}
.news_font p{ font-size:16px; max-height:40px; overflow:hidden;}
.titl_a a{ display:block; float:left; font-size:15px; text-align:center; margin-left:7.6%;}
.font_pro{ background:#fff; overflow:hidden; padding-bottom:3.5%; font-size:16px;}
.font_ser .ser_box p{ font-size:16px;}
.font_ser .ser_box span{ display:block; margin-top:2%; font-size:14px; text-indent:2em; color:#666;}

}