﻿@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 14px; font-family: "\5FAE\8F6F\96C5\9ED1"; -webkit-font-smoothing: antialiased; - webkit-text-size-adjust: 100%;
background: #fff; }
div, form, img, ul, ol, li, p, dl, dt, dd { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font- family: '\5FAE\8F6F\96C5\9ED1';
}
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
fieldset, img, input { border: 0 none; }
table { border-collapse: collapse; border-spacing: 0; }
ul, li { list-style: none; }
i, em { font-style: normal; }
fieldset, img { border: 0px; }
textarea { resize: vertical }
input, textarea, select, option, button { outline: none; }
a { text-decoration: none; color: #333; blr:exPRession(this.onFocus=this.blur ());
-webkit-tap-highlight-color: rgba(0,0,0,0); }
a:focus { outline: 0; }
a:hover { text-decoration: none; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.clear:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
 @font-face { font-family: 'lmqy'; src: url('../font/lmqy.ttf'); }
.w1200, .w12001{ width: 90%; margin: 0 auto; display: block; overflow: hidden; }
.w1200c{width: 70%; margin: 0 auto; overflow: hidden;}
/*pc-顶部开始*/
.top1{width: 100%; background-color: #fff; overflow: hidden; position: fixed; height: 90px; top: 0; left: 0; z-index: 150;}
.top1 .tol_l{float: left; width: 20%;}
.top1 .tol_l {float: left; padding-top: 19px;}
.top1 .tol_l img{width: 45%; height: auto;}
.top1 .lr_r{float: right; width: 77%; overflow: hidden; }
.top1 .lr_r ul li{float: left; text-align: left;}
.top1 .lr_r ul  li a { font-size: 16px;  padding: 0 20px; margin: 0 20px; color: #363636;  line-height: 90px;  display: block; overflow: hidden; }
.top1 .lr_r ul li a:hover, .top1 .lr_r ul li .on { background-color: #3582e2; color: #fff; }
.top2{display: none;}
/*pc-顶部结束*/
/* 首页-banner开始 */
.ba2 { display: none; }
.ba1 { display: block; }
.banner { position: relative; overflow: hidden; width: 100%; z-index: 1; clear: both; margin-top: 90px; }
.slides { position: relative; }
.slides li img { display: block; width: 100% \9; max-width: 100%; height: auto; }
.flex-control-nav { position: absolute; bottom: 2%; z-index: 2; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 10px; height: 10px; margin: 0 5px; *display:inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 10px; height: 10px; line-height: 40px; overflow: hidden; cursor: pointer; background-color: #1e62a4; border-radius: 10px; }
.flex-control-nav .flex-active { background-position: 0 0; background-color: #fff; }
/* 首页-banner结束 */

/*首页-产品服务*/
.cpfw_tt{width: 100%; text-align: center; padding: 50px 0;}
.cpfw_tt h2{font-size: 40px; color: #747474;}
.cpfw_tt h3{font-size: 18px; color: #8c8a8a;text-transform: uppercase;}
.cpfwc{width: 90%; margin: 0 auto; padding-bottom: 70px;}
.cpfwc_title { position: relative; float: right; width: 30%; padding-top: 150px;}
.cpfwc_title ul { position: absolute; }
.cpfwc_title ul li { float: left; cursor: pointer; width: 100%; line-height: 40px; text-align:left; font-size: 16px; color: #000;  margin-left: 10px; }
.cpfwc_title ul li.on { color: #3482e2;  }
.bd{ overflow: hidden;}
.bd ul{overflow: hidden; background-color: #efefef; padding-bottom: 30px;float: left; width: 90%;}
.ic1{overflow: hidden; width: 80%; margin: 0 auto; padding: 40px 0 10px 0;}
.ic1a{overflow: hidden;}
.ic1a img{width: 100%; height: auto;}
.ic1b{overflow: hidden; width: 80%; margin: 0 auto; padding-top: 20px;}
.ic1b p{width: 50%; float: left; line-height: 40px; color: #747474;}
.ljxq{ float: right; margin-right: 30px; }
.ljxq a{color: #fff;background-color: #3482e2;width: 135px; border-radius: 40px; text-align: center; line-height: 32px; color: #fff; display: block;}
.ljxq a:hover{ background-color: #12d785;width: 135px; border-radius: 40px; text-align: center; line-height: 32px; color: #fff; display: block;}
.sy_wap{display: none;}

/*首页-关于我们*/
.gywm_f{overflow: hidden; display: block;}
.gywm_f1{display: none;}
.xmyj{background-attachment: fixed;overflow: hidden;display: block;position: relative;padding-bottom: 50px; padding-top: 40px;}
.cpfw_tt1{width: 100%; text-align: center; padding: 50px 0;}
.cpfw_tt1 h2{font-size: 40px; color: #fff;}
.cpfw_tt1 h3{font-size: 18px; color: #fff;text-transform: uppercase;}
.cpfw_tt2{float: right; width: 50%; overflow: hidden;}
.cpfw_tt2 h2{font-size: 24px;color: #fff; margin-bottom: 20px; }
.cpfw_tt2 p{line-height: 30px;color: #fff; margin-bottom: 20px;}

.ljxq1{ float: left; overflow: hidden;}
.ljxq1 a{color: #fff;background-color: #3482e2;width: 135px; border-radius: 40px; text-align: center; line-height: 32px; color: #fff; display: block;}
.ljxq1 a:hover{ background-color: #12d785;width: 135px; border-radius: 40px; text-align: center; line-height: 32px; color: #fff; display: block;}



/*首页-新闻资讯*/
.bggs1{overflow: hidden; padding-bottom: 0;}
.bggs1 ul{ margin-right: -2%;}
.bggs1 ul li{float: left; width: 23%; margin-right: 2%; margin-bottom: 3%;}
.bggs1 ul li .wz1{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color: #242424; line-height: 24px; margin-bottom: 30px;}
.bggs1 ul li .wz2{overflow: hidden; float: left; color: #444343; font-size: 12px;}
.bggs1 ul li .wz3{float: right; overflow: hidden; width: 10%;}
.bggs1 ul li .wz3 img{overflow: hidden; padding-top: 4px;}
.bggs1 ul li .wz1:hover{color: #3482e1;}
.bggs1 ul li .wz2:hover{color: #3482e1;}
.bggs_yc{overflow: hidden; padding-top: 0px;width: 100%; text-align: center; padding-bottom: 30px;}
.bggs_yc a{color: #3e3e3e;}
.bggs_yc a:hover{color: #2f75cd;}
.ljxq1t{ overflow: hidden; margin-bottom: 40px;}
.ljxq1t a{color: #fff;background-color: #3482e2;width: 135px; border-radius: 40px; text-align: center; line-height: 32px; color: #fff; display: block; margin: 0 auto;}
.ljxq1t a:hover{ background-color: #12d785;width: 135px; border-radius: 40px; text-align: center; line-height: 32px; color: #fff; display: block;}

/*公共版权信息*/
.foter{ background-color: #4489c7; padding-top:3rem; padding-bottom: 2rem; display: block;}
.ftrc1{float: left; width: 29%; overflow: hidden; margin-right: 2rem;}
.ftrc1 img{float: left; margin-right: 1rem; padding-top: 7px;}
.ftrc1 .ggcpc{float: left; overflow: hidden; }
.ftrc1 .ggcpc i{font-size: 14px; color: #fff;}
.ftrc1 .ggcpc p{font-size: 36px; color: #fff;}
.ftrc{overflow: hidden; float: left; width: 45%;}
.ftrc_r{float: right; overflow: hidden; width: 15%;}
.ftrc_r img{width: 100px; height: auto; display: block; float: right;}
.foter1{float: left; width: 25%; text-align: center;}
.foter1 h2{font-size: 18px; color: #fff; margin-bottom: 20px;}
.foter1 a{color: #fff;}
.foter1 ul li{line-height: 30px; color: #fff;}
.foter3{float: left; width: 35%; color: #fff;  }
.foter3 h2{font-size: 18px; color: #fff; margin-bottom: 20px;}
.foter3 a{color: #fff;}
.foter3 ul li{line-height: 30px;}
.bj_d{margin-bottom: 0rem;}
.fot_b{text-align: center; color: #fff; line-height: 30px; float: left; width: 53%;}
.fot_b a{color: #fff; padding-left: 25px;}
.etd{margin-bottom: 2rem;}

.etda{margin-bottom:3rem;}
/* 右侧浮动在线客服 */
.commonposition { _position: absolute; _top: expression(documentElement.scrollTop + 200 + "px");
position: fixed; top: 31.6%; right: 0px; z-index: 999999; display: none; }
.commonposition a { display: block; width: 45px; height: 45px; position: relative; background-color: #327cd8; background-image: url(../images/icon.png); background-repeat: no-repeat; margin-top: 1px; }
.commonposition a span { display: none; position: absolute; right: 0px; top: 0px; height: 45px; padding-left: 50px; color: #fff; line-height: 45px; font-size: 14px; background-color: #262626; }
.commonposition a.HomeQQ { background-position: -4px 0px; }
.commonposition a.HomeQQ1 { background-position: -4px 0px; }
.commonposition a.Homedianhua { background-position: -4px -102px; }
.commonposition a.Homeweixin { background-position: -4px -153px; }
.commonposition a.Hometop { background-position: -4px -205px; background-color: #4e4e4e; }
.commonposition a span.QQbggray { background-position: -4px 0px; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 90px; }
.commonposition a span.QQbggray1 { background-position: -4px 0px; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 90px; }
.commonposition a span.weixinerweima { right: 45px; padding: 0px; }
.commonposition a span.dianhuabggray { background-position: -4px -102px; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 120px; }

/* pc内页banner */
.ny_banner{overflow: hidden; display: block; padding-top: 90px;}
.ny_banner img{width: 100%; height: auto; display: block;}
.ny_banner1{display: none;}

/* 二级菜单 */
.subnav_bj1 { width: 100%; height: 60px; background-color: #12d785; line-height: 60px; text-align: center }
.subnav1 a { padding: 0 1.5%; font-size: 18px; color: #fff; display: inline-block; }
.subnav1 a:hover, .subnav1 a.on2 { background-color: #3483e2; color: #fff }

/* 产品服务二级菜单 */
.subnav_bj1a { width: 100%; height: 60px; background-color: #12d785; line-height: 60px; text-align: center }
.subnav1 a { padding: 0 1.5%; font-size: 18px; color: #fff; display: inline-block; }
.subnav1 a:hover, .subnav1 a.on2 { background-color: #3483e2; color: #fff }


/* pc-内页-公司简介 */
.ny_gsjj{overflow: hidden; padding-top: 4rem;}
.ny_gsjj_l{float: left; width: 50%; overflow: hidden;}
.ny_gsjj_l p{line-height: 26px; text-indent: 2em; margin-bottom: 2rem;}
.ny_gsjj_r {overflow: hidden; float: right; width: 40%;}
.ny_gsjj_r img{width: 100%; height: auto;}

.pic_list_details1 { padding-top: 50px; padding-bottom: 50px;  overflow: hidden;}
.pic_list_details1 p { font-size: 14px; color: #666; text-indent: 2em; text-align: left; line-height: 24px; margin-bottom: 20px; }
.pic_list_details1 img { display: block;  width: 70%; margin: 0 auto; padding-bottom: 20px;}


/* pc-内页- 案例展示 */
.ryc{overflow: hidden; padding: 60px 0 0 0;}
.ryc ul {margin-right: -2%;}
.ryc ul li{float: left; width: 23%; margin-right: 2%;}
.ryc ul li img{width: 100%; height: auto;}
.ryc ul li p{width: 100%; height: 60px; line-height: 60px; color: #3a3a3a; text-align: center;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }


/* pc-内页- 二级菜单 */
.er_menw{background-color: #f0f2f3; overflow: hidden;text-align: center;}
.er_menw a{ padding: 10px 20px;display: inline-block; }
.er_menw a:hover, .er_menw .on2{color: #1589bf; padding:20px 20px;}

/* pc-内页- 新闻资讯 */
.news_t{overflow: hidden; padding-top: 40px; }
.news_t ul li{margin-bottom: 20px; overflow: hidden; width: 100%;}
.news_t ul li .ee1{font-size: 14px; color: #8d8d8d; border-bottom: 1px solid #8e8e8e; line-height: 30px; margin-bottom: 20px;}
.news_t ul li h2{font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.news_t ul li .ee2{overflow: hidden;}
.news_t ul li .ee2 p{float: right; color: #8a8a8a; width: 100%; line-height: 28px; }
.news_t ul li a:hover .ee2 p{  color: #6cafe4;}
.news_t ul li a:hover h2{color: #3a8fd2;}

/* 新闻详情 */
.pic_list_xq {overflow: hidden; padding-top: 50px;}
.pic_list_xq p { font-size: 14px; color: #333; text-indent: 2em; line-height: 24px; }
.pic_list_xq img { text-align: center; display: block; margin: 0 auto; padding: 20px 0; }
.pic_list_xq h2 { font-size: 24px; text-align: center; color: #000; line-height: 40px; }
.pic_list_xq h3 { font-size: 14px; color: #979696; text-align: center; line-height: 30px; }
.pic_list_details { border-top: 1px dashed #d6d4d4; margin-top: 20px; padding-top: 20px; }
.pic_list_details p { font-size: 14px; color: #666; text-indent: 2em; text-align: left; line-height: 24px;}
.pic_list_details img { display: block; width: 700px; height: auto; margin: 0 auto;}
.page_text { border-top: #b6b6b6 dotted 1px; border-bottom: #b6b6b6 dotted 1px; font-size: 14px; padding: 10px 0px; margin-top: 30px; color: #2c6abc; margin-bottom: 30px; }
.page_text p { line-height: 30px; height: 30px; overflow: hidden; font-weight: bold; }
.page_text p a { color: #3f3f3f; font-weight: normal; }
.page_text p a:hover { color: #108b3f; }

/* 内页-联系我们 */
.ny_lxwm{overflow: hidden; padding: 60px 0;}
.ny_lxwm p{line-height: 36px; text-align: center;}
.ny_lxwm img{width: 50%; margin: 0 auto; display: block; height: auto; padding-top: 30px;}

/* 新闻列表 */
.case {overflow: hidden; padding-bottom: 2%; padding-top: 2%;}
.case ul li { border-bottom: 1px solid #eeeeee; display: block; overflow: hidden; padding-bottom: 30px; padding-top: 30px }
.case ul li .pic_img { display: block; overflow: hidden; width: 290px; height: 176px; }
.case ul li .pic_img img { width: 100%; height: auto; transition: .2s transform; transform: translateZ(0); }
.case ul li :hover .pic_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
.case ul li .case_time { width: 58px; margin-left: 25px; }
.case ul li .case_time h3 { font-size: 50px; color: #5da4d4; padding-top: 30px; padding-bottom: 10px }
.case ul li .case_time h4 { font-size: 13px; color: #8d8d8d; text-align: center }
.case ul li .casebady { width: 68%; margin-left: 40px; }
.case ul li .casebady h2 { font-size: 16px; color: #222; }
.case ul li .casebady p { font-size: 14px; color: #999; height: 55px; overflow: hidden; margin: 15px 0 24px 0; line-height: 30px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; }
.case ul li:hover .casebady p { margin-left: 25px; }
.case ul li:hover .more3 { background-color: #5da4d4; color: #fff; border: 1px solid #5da4d4;}
.more3 { font-size: 14px; color: #adadad; width: 90px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #dfdede; -webkit-transition: all .25s ease; transition: all .25s ease; }
.f_l { float: left; }
.f_r { float: right; }


.pic_list_detailsa { margin-top: 20px; padding-top: 20px; }
.pic_list_detailsa p { font-size: 14px; color: #666; text-indent: 2em; text-align: left; line-height: 24px; padding-top: 20px; padding-bottom: 20px; }
.pic_list_detailsa img { display: block; width: 100%; height: auto;}

.bottom{display: none; }
.sub { text-align: center; margin: 2.5rem 0 }
.sub a { padding: 0.5rem 2rem; border: 1px solid #e5e5e5; color: #666; border-radius: 20px; font-size: 1rem; display: inline-block; margin: 0 2% 2% 0; }
.sub a:hover, .sub a.on2 { background-color: #1e62a4; color: #fff; }
.grzx_l3 { margin-top: 1rem; padding-top: 1rem; padding-left: 10px; display: block; overflow: hidden; padding-bottom: 1.5rem;}

.forg{display: none;}

.hezc{overflow: hidden;background-color: #f6f6f6; padding: 40px 0;}
.wzc{overflow: hidden;}
.wzc h2{text-align: center; font-size: 30px; font-weight: bold;}

.wzc_c{overflow: hidden; padding-top: 40px;}
.wzc_c ul{margin-right: -1.6%;}
.wzc_c ul li{float: left; width: 15%;margin-right: 1.6%; margin-bottom: 1.6%;}
.wzc_c ul li img{width: 100%; height: auto;}


/*翻页*/
.page { text-align: center; font-size: 12px; font-family: '\5b8b\4f53';  margin-bottom: 1.5rem; margin-top: 1.5rem; }
.page a { display: inline-block; margin: 0 5px; height: 24px; line-height: 24px; padding: 0 8px; border: #bcbcbc solid 1px; border-radius: 2px; color: #666; }
.page i { width: 0; height: 0; line-height: 0; display: block; border-width: 5px; border-style: solid; Filter: Chroma(color=color); position: absolute; top: 7px; }
.page .first { padding-left: 20px !important; position: relative; margin-bottom: 10px; }
.page .last { padding-right: 20px !important; position: relative; }
.page .first i { border-color: transparent #999 transparent transparent; left: 5px; }
.page .last i { border-color: transparent transparent transparent #999; right: 5px; }
.page a:hover { color: #666; border: #666 solid 1px; text-decoration: none; }
.page .on { color: #FFF !important; border: #666 solid 1px; background:#666;}
.page_list { padding: 10px 0; border-top: #ccc dotted 1px; border-bottom: #ccc dotted 1px; margin-bottom: 20px; }
.page_list p { line-height: 2.2;  font-size:0.8rem;color: #000; }
.page_list p a { color: #333; }
.productc1{display: block;}
.productc2{display: none;}
.serviceJoinBtn{width: 90%; margin: 0 auto; overflow: hidden; padding-bottom: 40px;padding-top: 40px;}
.serviceJoinBtn button{font-size: 20px; background-color:#1589bf;color:#fff;border:0;width:40%;padding:8px; margin: 0 auto; display: block;cursor: pointer; }

/*pc-联系我们*/
.lxwm_v{padding: 2rem 0;}
.lxwm_v_c1{width: 55%; margin: 0 auto; overflow: hidden; padding: 3rem 0;}
.lxwm_v_c1_1a{overflow: hidden; float: left; width: 65%; border-right: 1px solid #979797;}
.lxwm_v_c1_1a h2{font-size: 30px; font-weight: bold; color: #5da4d4;margin-bottom: 1rem;}
.lxwm_v_c1_1a p{ line-height: 28px;}
.lxwm_v_c1_1b{overflow: hidden;float: right; width: 25%;}
.lxwm_v_c1_1b img{width: 63%; height: auto; float: left; padding-left: 3rem;}
.zxly_c{overflow: hidden; text-align: center; font-size: 12px; color: #6b6b6b; padding-top: 2rem; padding-bottom: 2rem;}
.zxly_c_c{overflow: hidden;}
.zxly_c_c_l{float: left; width: 47%; overflow: hidden; padding-right: 2rem;}
.serviceJoinInput{line-height: 30px; width:55%;border:1px solid #cccccc; outline: none; float: right; border-radius: 30px; padding-left: 1rem;}
.ctv_l{overflow: hidden; margin-bottom: 1.5rem;}
.ctv_l p{float: right; font-size: 16px; line-height: 30px;}
.zxly_c_c_r{overflow: hidden;float: right;  width: 49%;}
.zxly_c_c_r p{float: left; font-size: 16px; line-height: 30px; width: 100%; margin-bottom: 0.5rem;}
.serviceJoinText{display:inline-block;width:70%;vertical-align:top;padding:6px 16px;border:1px solid #ccc; height: 217px; outline: none; float: left; margin-bottom: 20px; border-radius: 15px; }
.serviceJoinBtn{width: 120px; margin: 0 auto; overflow: hidden; padding-bottom: 40px;padding-top: 40px;}
.serviceJoinBtn button{font-size: 20px; background-color:#1589bf;color:#fff;border:0;width:100%;padding:8px; margin: 0 auto; display: block;cursor: pointer; border-radius: 30px;}


@media screen and ( max-width:1660px ) {
.top1 .tol_l {float: left; padding-top: 18px;}
}
@media screen and ( max-width:1405px ) {

}
@media screen and ( max-width:780px ) {

/* 二级菜单 */
.subnav_bj1 { width: 100%; height: 60px; background-color: #12d785; line-height: 60px; text-align: center }
.subnav1 a { padding: 0 1.5%; font-size: 18px; color: #fff; display: inline-block; }
.subnav1 a:hover, .subnav1 a.on2 { background-color: #3483e2; color: #fff }


/* 二级菜单 */
.subnav_bj1a { width: 100%;background-color: #12d785; line-height: 30px; text-align: center; padding: 20px 0; }
.subnav1a a { padding: 0 1.5%; font-size: 18px; color: #fff; display: inline-block; }
.subnav1a a:hover, .subnav1 a.on2 { background-color: #3483e2; color: #fff }


.pic_list_details1 { padding-top: 50px; padding-bottom: 50px;  overflow: hidden;}
.pic_list_details1 p { font-size: 14px; color: #666; text-indent: 2em; text-align: left; line-height: 24px; margin-bottom: 20px; }
.pic_list_details1 img { display: block;  width: 100%; margin: 0 auto; padding-bottom: 20px;}

/* wap-内页- 案例展示 */
.ryc{overflow: hidden; padding: 60px 0 0 0;}
.ryc ul {margin-right: -2%;}
.ryc ul li{float: left; width: 47%; margin-right: 2%;}
.ryc ul li img{width: 100%; height: auto;}
.ryc ul li p{width: 100%; height: 60px; line-height: 60px; color: #3a3a3a; text-align: center;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.pic_list_details img { display: block; width: 70%; height: auto; margin: 0 auto;}
.ny_lxwm{overflow: hidden; padding: 60px 0;}
.ny_lxwm p{line-height: 36px; text-align: center;}
.ny_lxwm img{width: 80%; margin: 0 auto; display: block; height: auto; padding-top: 30px;}
.bggs_yc{overflow: hidden; padding-top: 30px;width: 100%; text-align: center; padding-bottom: 30px;}
.bggs_yc a{color: #3e3e3e;}
.bggs_yc a:hover{color: #2f75cd;}
.bggs1{overflow: hidden; padding-bottom: 30px;}
.bggs1 ul li{float: left; width: 100%; margin-right: 0; margin-bottom: 3%;}
.bjbj1c{overflow: hidden; padding-bottom: 20px;}
.bjbj1c img{width: 100%; height: auto;}
.cpfwc{width: 90%; margin: 0 auto; padding-bottom: 0px;}
.cpfw_tt1a{width: 100%; text-align: center; padding: 50px 0;}
.cpfw_tt1a h2{font-size: 40px; color: #747474;}
.cpfw_tt1a h3{font-size: 18px; color: #747474;text-transform: uppercase;}
.gywm_f{display: none;}
.gywm_f1{overflow: hidden; display: block;}
.cpfw_tt2{float: left; width: 100%; overflow: hidden; padding-bottom: 30px;}
.cpfw_tt2 h2{font-size: 24px;color: #747474; margin-bottom: 20px; }
.cpfw_tt2 p{line-height: 30px;color: #747474; margin-bottom: 20px;}

.cpfw_tt{width: 100%; text-align: center; padding: 40px 0 0 0;}
.cpfw_tt h2{font-size: 40px; color: #747474;}
.cpfw_tt h3{font-size: 18px; color: #8c8a8a;text-transform: uppercase;}
.cpfwc_title { position: relative; float: left; width: 100%; padding-top: 20px; }
.cpfwc_title ul { position: absolute; float: left;}
.cpfwc_title ul li { float: left; cursor: pointer; width: 100%; line-height: 40px; text-align:center; font-size: 16px; color: #000;  margin-left: 0; }
.cpfwc_title ul li.on { color: #3482e2;  }
.bd{ overflow: hidden;  width: 100%; padding-top: 140px;}
.bd ul{overflow: hidden; background-color: #efefef; padding-bottom: 30px;float: left; width: 100%;}
.ic1{overflow: hidden; width: 80%; margin: 0 auto; padding: 40px 0 10px 0;}
.ic1a{overflow: hidden;}
.ic1a img{width: 100%; height: auto;}
.ic1b{overflow: hidden; width: 80%; margin: 0 auto; padding-top: 20px;}
.ic1b p{width:100%; float: left; line-height: 40px; color: #747474;}
.ljxq{ float: right; margin-right: 30px; }
.ljxq a{color: #fff;background-color: #3482e2;width: 135px; border-radius: 40px; text-align: center; line-height: 32px; color: #fff; display: block;}
.ljxq a:hover{ background-color: #12d785;width: 135px; border-radius: 40px; text-align: center; line-height: 32px; color: #fff; display: block;}
	

.lx1b{overflow: hidden; margin-bottom: 40px;}
.lx1b ul li{float: left; background-color: #e9e9e9; width: 100%; margin-bottom: 30px; }
#pro_div1b {  margin: 6% auto 0 auto; overflow: hidden;position: relative;  padding-bottom: 5%;}
#pro_div1b .mr_frBtnL2 { position: absolute; left: 30px; top: 130px; width: 39px; height: 38px; z-index: 200; cursor: pointer; }
#pro_div1b .mr_frBtnR2 { position: absolute; right: 30px; top: 130px; width: 39px; height: 38px; z-index: 200; cursor: pointer; }
.flex-control-nav {  bottom: 4%;  }
.productc1{display: none;}
.productc2{display: block;}
#pro_list2b{ overflow: hidden; width: 64%; margin: 0 auto; padding-left: 30px;}
#pro_list2b ul li{ overflow: hidden; width: 90%; float: left;}
#pro_list2b ul li img{width: 98%; height: auto; border: 1px solid #ccc;}
.w12001{width: 90%; margin: 0 auto;}
.banner {  margin-top:0; }
.gy_wm{ display: none;}
	
/*顶部 */
.top1{ display: none; }
.hidden { display: none; }
.top2 { display: block; overflow: hidden; background-color: #fff;}
.top2 .zb{width: 95%; margin: 0 auto; overflow: hidden; padding-bottom: 2%;}
.top2 .zb .logo {float: left;width:49%; overflow: hidden;}
.top2 .zb .logo a img { width: 80%; height: auto; padding-top: 5%;}
.top2 .menu { float: right; overflow: hidden; text-align: right;}
.top2 .menu a img { width:90%; height: auto; padding-top: 13%;}
.tc_twonav .black_bg { background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 998; }
.tc_twonav .back_scz { position: fixed; left: 0; top: 0; width: 15%; height: 100%; z-index: 999; background-size: 40% auto; }
.tc_twonav .right_nav { position: fixed; background: #fff; left: 15%; top: 0; width: 85%; height: 100%; z-index: 999; }
.tc_twonav .right_nav ul li a { height: 3rem; line-height: 3rem; width: 100%; border-bottom: 1px solid #ddd; display: block; text-align: center; font-size: 1rem; color: #333; }
.ba1 { display: none; }
.ba2 { display: block; }
.w1200{width: 90%;overflow: hidden; margin: 0 auto;}
.w12001{width: 95%; margin: 0 auto; overflow: hidden;}

.sy_wap{display: block; overflow: hidden;}
	


/* wap-内页-banner */
.ny_banner1{display: block; overflow: hidden;}
.ny_banner1 img{width: 100%; height: auto; display: block;}
.ny_banner{display: none;}
.pic_list_xq {overflow: hidden; padding-top: 50px; width: 100%; margin: 0 auto;}

	
.foter{display: none;}
.forg{display: block; background-color: #4489c7; padding-top:2rem; padding-bottom: 2rem; }
.forg_c{width: 90%; margin: 0 auto; overflow: hidden;}
.forg_c p{line-height: 24px; color: #fff; text-align: center;}
.forg_c a{color: #fff;}
.etd{margin-bottom: 2rem;}
.pic_list_detailsa { margin-top: 0px; padding-top: 0px; }

.zxly_c{overflow: hidden; text-align: center; font-size: 12px; color: #6b6b6b; padding-top: 2rem; padding-bottom: 2rem; line-height: 22px;}
.zxly_c_c{overflow: hidden;}
.zxly_c_c_l{float: left; width: 100%; overflow: hidden; padding-right: 2rem;}
.serviceJoinInput{line-height: 30px; width:67%;border:1px solid #cccccc; outline: none; float: right; border-radius: 30px; padding-left: 1rem;}
.ctv_l{overflow: hidden; margin-bottom: 1.5rem;}
.ctv_l p{float: right; font-size: 16px; line-height: 30px;}
.zxly_c_c_r{overflow: hidden;float: left;  width: 100%;}
.zxly_c_c_r p{float: left; font-size: 16px; line-height: 30px; width: 100%; margin-bottom: 0.5rem;}
.serviceJoinText{display:inline-block;width:89%;vertical-align:top;padding:6px 16px;border:1px solid #ccc; height: 217px; outline: none; float: left; margin-bottom: 20px; border-radius: 15px; }
.serviceJoinBtn{width: 120px; margin: 0 auto; overflow: hidden; padding-bottom: 0px;padding-top: 18px;}
.serviceJoinBtn button{font-size: 20px; background-color:#1589bf;color:#fff;border:0;width:100%;padding:8px; margin: 0 auto; display: block;cursor: pointer; border-radius: 30px;}
}

@media screen and ( max-width:768px ) {
/*顶部 */
.top2 .zb .logo {float: left;width: 30%; overflow: hidden;}
.top2 .menu a img { width:100%; height: auto; padding-top: 14%;}

 }

@media screen and ( max-width:540px ) {
/*顶部 */
.top2 .zb .logo {float: left;width: 46%; overflow: hidden;}
.top2 .menu a img { width:100%; height: auto; padding-top: 20%;}

 }


@media screen and ( max-width:414px ) {
/*顶部 */
.top2 .zb .logo {float: left;width: 46%; overflow: hidden;}
.top2 .menu a img { width:78%; height: auto; padding-top: 55%;}

 }

@media screen and ( max-width:411px ) {
/*顶部 */
.top2 .zb .logo {float: left;width: 46%; overflow: hidden;}
.top2 .menu a img { width:78%; height: auto; padding-top: 31%;}
#pro_list2b{ padding-left: 22px;}
 }

@media screen and ( max-width:390px ) {
/*顶部 */
.top2 .zb .logo {float: left;width: 46%; overflow: hidden;}
.top2 .menu a img { width:78%; height: auto; padding-top: 27%;}
#pro_list2b{ padding-left: 22px;}
 }

@media screen and ( max-width:390px ) {
/*顶部 */
.top2 .zb .logo {float: left;width: 46%; overflow: hidden;}
.top2 .menu a img { width:78%; height: auto; padding-top: 27%;}
#pro_list2b{ padding-left: 22px;}
 }

@media screen and ( max-width:375px ) {
/*顶部 */
.top2 .zb .logo {float: left;width: 46%; overflow: hidden;}
.top2 .menu a img { width:71%; height: auto; padding-top: 29%;}
#pro_list2b{ padding-left: 22px;}
 }

@media screen and ( max-width:360px ) {
/*顶部 */
.top2 .zb .logo {float: left;width: 46%; overflow: hidden;}
.top2 .menu a img { width:78%; height: auto; padding-top: 8%;}

 }

@media screen and ( max-width:360px ) {
/*顶部 */
#pro_list2b{ padding-left: 26px;}
 }

@media screen and ( max-width:320px ) {
/*顶部 */
.top2 .zb .logo {float: left;width: 48%; overflow: hidden;}
.top2 .menu a img { width:68%; height: auto; padding-top: 8%;}

 }

@media screen and ( max-width:280px ) {
/*顶部 */
.top2 .zb .logo {float: left;width: 48%; overflow: hidden;}
.top2 .menu a img { width:58%; height: auto; padding-top: 8%;}

 }