@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;  background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a{ text-decoration:none;font-family:"Microsoft Yahei";color: #333;}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.ysclear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}
/* -- 页面整体布局 -- */
.wrap{ min-width:320px; max-width:750px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}

.tit{text-align: center;font-weight: normal;position: relative;padding-bottom: 1.2rem;}
.tit:after{position: absolute;width: 1.7rem;height: 2px;content: "";background: #00a0e9;left: 50%;bottom: 0;margin-left: -0.9rem;}
.tit span{display: block;font-size: 2.4rem;color: #333333;line-height: 2.2rem;}
.tit i{display: block;font-size: 1.3rem;color: #333;line-height: 1.3rem;padding-top: 0.5rem;}

/**/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
.g-adv .swiper-pagination { bottom: 1.25rem }
.g-adv .swiper-pagination-bullet { background: #fff; width: 0.75rem; opacity: .85; height:0.75rem; margin: 0 .33rem !important; border-radius: 0; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 0.75rem;}
.g-adv .swiper-pagination-bullet-active { width: 1.83rem;opacity: 1; background: #e35d0c;}

/**/
h2{ text-align: center; line-height: 100%; padding-bottom: 1.1rem;background:url(../images/fwx_h.png) no-repeat center 4.9rem; background-size: 1.5rem 1px; margin-bottom: 3.1rem;}
h2 i{ display: block; line-height: 100%; font-size: 2.5rem; color: #333333; letter-spacing: 0.1rem; padding-bottom: 0.6rem;font-weight: bold;}
h2 span{ display: block; color: #666666; font-size: 1.32rem; letter-spacing: 0.1rem; line-height: 100%;}
.fwx{ padding: 3rem 4% 0; overflow: hidden; padding-bottom: 2.7rem;background:url(../images/fw1.jpg) no-repeat center 0; background-size: 100% 12.3rem;}
.fwx ul{ overflow: hidden;}
.fwx ul li{ float: left; width: 48.5%; margin-bottom: 1.1rem; text-align: center; min-height: 12.8rem; box-sizing: border-box;}
.fwx ul li:nth-of-type(2n){ float: right;}
.fwx ul li em{ display: block; height: 4.3rem; border: 1px solid #dcdcdc; line-height: 4rem; color: #333333; font-size: 1.42rem; border-bottom-left-radius: 0.5rem;border-bottom-right-radius: 0.5rem;}
.fwx ul li:last-of-type{ border: 1px solid #dcdcdc; border-radius: 0.5rem; overflow: hidden; padding-top: 0.75rem; text-align: center;background:url(../images/fwx6.jpg) no-repeat center 0; background-size: 100% 13.2rem; height: 13.2rem;}
.fwx ul li img{ height:8.75rem;}
.fwx ul li b{ display: block; color: #fff; font-size: 1.5rem; padding-bottom: 0.6rem;}
.fwx ul li span{ display: block; margin: 0 5%; color: #fff; font-size: 1.3rem; line-height: 1.8rem; padding-bottom: 0.9rem;}
.fwx ul li:last-of-type a{ display: inline-block; width: 9.5rem; height: 2.6rem; line-height: 2.6rem; background: #f7db9e; color: #333333; border-radius: 0.2rem; border-radius: 2.6rem;}
.fwx ul li i{ display: block;}
/**/
.yus{ overflow: hidden;background:url(../images/fwx.jpg) no-repeat; background-size:100% 77.8rem; box-sizing: border-box; padding-top: 3.9rem; height: 77.8rem;}
.yus h2 i{ color: #fff;}
.yus h2 span{ color: #fff;}
.yus h2{ margin-bottom: 2.4rem;}
.yus h2{background:url(../images/h2.png) no-repeat center 4.9rem; background-size: 1.5rem 1px;}
.yus ul{ overflow: hidden; margin: 0 4%; padding-bottom: 1.1rem;}
.yus ul li{ float: left; width: 48.25%; background: rgba(255,255,255,0.9); padding-top: 2rem; margin-bottom: 1.2rem; border-radius: 0.3rem;}
.yus ul li:nth-of-type(2n){ float: right;}
.yus ul li img{ display: block; width:6.5rem; margin: 0 auto; border-radius: 6.5rem;}
.yus ul li i{ display: block; color: #333333; font-size: 1.52rem;font-weight: bold; text-align: center; padding: 1.1rem 0  0.7rem 0;}
.yus ul li em{ display: block; height: 16rem; margin: 0 5.5%; color: #333333; font-size: 1.3rem; line-height: 2rem; text-align: center;}
.yus h4{ text-align: center;}
.yus h4 a{ display: inline-block;text-align: left; width:9.7rem; height: 3.5rem; line-height: 3.5rem; border-radius: 3.5rem; background:url(../images/yus.png) no-repeat 3rem 0.6rem  #f7db9e;background-size: 2.4rem 2.2rem; color: #333333; font-size: 1.5rem; letter-spacing: 0.1rem; padding-left: 6.4rem;}
    /**/
.case{background:url(../images/case.jpg) no-repeat center 0; background-size:100% 47.8rem; height: 47.8rem; padding: 3.9rem 0  0; box-sizing: border-box; position: relative; margin-bottom: 3.5rem;}
.case h2{ margin-bottom: 1.8rem;}
.case_con{ position: relative; padding-bottom: 8rem;}
.case_con dl{box-sizing: border-box; background: #fff; overflow: hidden; box-shadow: 0 0 1.2rem rgba(0,0,0,0.1);}
.case_con dt{overflow: hidden; font-size: 0;}
.case_con dd{box-sizing: border-box; padding:2.2rem 1.4rem 1.2rem;}
.case_con dd h3{ color: #262626; font-size: 1.35rem;}
.case_con dd p{ padding: 0.6rem 0 0.9rem 0; color: #333333; font-size: 1.32rem; line-height: 2rem;}
.case_con dd h4{font-weight: normal; text-align: right;}
.case_con dd h4 a{ color: #00759c; font-size: 1.3rem;}
.case .swiper-button-next1{ width: 2.4rem; left:27%; top:83.5%; cursor: pointer;position: absolute; z-index: 5;}
.case .swiper-button-prev1{ width: 2.4rem; left:65.3%; top:83.5%; cursor: pointer; position: absolute; z-index: 5;}
.case h6{ position: absolute; left: 38.5%; color: #808080; font-size: 1rem; top: 89%; font-size: 1.1rem; color: #808080;}
    /**/
.g-adv2{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0; box-sizing: border-box;}
.g-adv2 h2{ margin-bottom: 1.7rem;}
.g-adv2 em{ display: block; overflow: hidden; position: relative; font-size: 0; line-height: 0;}
.g-adv2 em span{ display: inline-block; position: absolute; left: 0; bottom: 0; width: 100%; padding-left: 2.8rem; box-sizing: border-box; height: 3.5rem; line-height: 3.5rem; font-size: 1.42rem; color: #fff; background: #686b72;}
.g-adv2 .swiper-pagination { bottom:1.5rem ;z-index: 55;text-align: right; padding-right:4%; box-sizing: border-box;}
.g-adv2 .swiper-pagination-bullet { background: #c9caca; width: 0.75rem; opacity: .85; height:0.75rem; margin: 0 .33rem !important; border-radius: 0; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 0.75rem;}
.g-adv2 .swiper-pagination-bullet-active { width: 1.83rem;opacity: 1; background: #f0d9a5;}
    /**/
    /**/
    /**/
.team{padding:0 4% 3.95rem; position: relative;}
.team h2{margin-bottom: 0.25rem;}
.team_con dl{background: #f2f2f3;border-radius: 0.5rem;overflow: hidden;}
.team_con dt{float: left;width: 42.5%;}
.team_con dd{float: right;width:57.5%; padding:0  1.3rem; box-sizing: border-box;}
.team_con dd h3{padding: 2.5rem 0 0;margin-bottom: 0.9rem;font-size: 1.4rem;color: #333333;line-height: 1.4rem; position: relative;}
.team_con dd h3:before{position: absolute;  content: ""; left: 0; top: 5.2rem; background: #999; width: 1.5rem; height: 1px;}
.team_con dd h3 em{display: block;font-size: 1.8rem;line-height: 1.8rem;color: #000000;padding-bottom: 0.94rem;}
.team_con dd p{font-size: 1.3rem;color: #333333;line-height: 2.1rem;padding:0 0 1.3rem 0;position: relative;}
.team_con dd p i{ display: block;}
.team_con dd .zx{display: inline-block; float: left; width: 7.19rem; height: 3rem; line-height: 3rem; text-align: center; border: 0.1rem solid #ffb225; color: #fff; font-size: 1.3rem; background: #ffb225;}
.team_con dd .lj{ display: inline-block; float: right; width: 7.19rem; height: 3rem; line-height: 3rem; text-align: center; border: 0.1rem solid #333; color: #333333; font-size: 1.3rem;}
.team ul{margin-top: 0.95rem;}
.team li{float: left;width: 19.25%;margin-right: 0.9%;border-radius: 0.5rem;text-align: center;overflow: hidden; position: relative;}
.team li:last-child{margin-right: 0;}
.team li span{position: absolute;width: 100%;font-size: 1.14rem;color: #fff;text-align: center;height:1.7rem;line-height:1.7rem;left: 0;bottom: 0;background: rgba(0,0,0,0.5);}
.team li.cur{box-sizing: border-box; border: 0.15rem solid #00759c; padding: 0.15rem;}
.team .swiper-button-next2{ left: 4%; top:81%; z-index: 50;!important}
.team .swiper-button-prev2{ left: 89.5%; top:81%; z-index: 50;!important}
/**/
.p_cent ul li img{transition: all 0.2s;}
.p_cent ul li:hover img{transform: scale(1.08);}
/**/
.team2{padding:0 4% 3.7rem; position: relative;}
.team_con2 dl{background: #fff;border-radius: 0.5rem;overflow: hidden;}
.team_con2 dt{float: left;width: 50%;}
.team_con2 dd{float: right;width:50%; padding:0  1.3rem; box-sizing: border-box;}
.team_con2 dd h3{padding: 2.5rem 0 0;margin-bottom: 0.9rem;font-size: 1.4rem;color: #333333;line-height: 1.4rem;}
.team_con2 dd h3 em{display: block;font-size: 1.8rem;line-height: 1.8rem;color: #0093dd;padding-bottom: 0.4rem;}
.team_con2 dd p{font-size: 1.3rem;color: #666666;line-height: 2.1rem;padding:0 0 0.3rem 0;position: relative;}
.team_con2 dd .zx{display: block;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.5rem;color: #fff;background:#00c2bb;border-radius: 1.5rem;margin: 1.27rem 0 0;font-weight: bold;}
.team_t2{margin-top: 0.95rem;}
.team_t2 li{float: left;width: 19.25%;margin-right: 0.9%;border-radius: 0.5rem;text-align: center;overflow: hidden;}
.team_t2 li:last-child{margin-right: 0;}
.team_t2 li span{position: absolute;width: 100%;font-size: 1.4rem;color: #666;text-align: center;height: 3.2rem;line-height: 3.2rem;left: 0;bottom: 0;background: #fff; display: none;}
.team_t2 li.cur span{height: 100%;background: rgba(191,0,8,0.8);color: #fff;line-height: 14.5rem;display: none;}
.team_t2 li.cur{box-sizing: border-box; border: 0.15rem solid #0093dd;}
/**/

/**/
.abt{padding:0 0 3.3rem;}
.abt h2{ margin-bottom: 2.1rem;}
.abt dl dt{ font-size: 0; line-height: 0; margin-bottom: -1.8rem;}
.abt dl dd{ margin: 0 4% 1.5rem; background: #fff; position: relative; border-radius: 0.5rem; box-shadow: 0.2rem 0.2rem 0.95rem rgba(0,0,0,0.12);}
.abt_desc{font-size: 1.3rem;color: #666666;line-height: 2.1rem;padding: 2rem;}
.abt_desc span{ color: #f1ca42; padding-left: 0.86rem;}
.abt ul{ margin: 0 4%; overflow: hidden;}
.abt ul li{ float: left; background: #fff; border: 1px solid #d2d2d2; border-radius: 0.5rem; margin-bottom: 0.7rem; width: 48.95%; padding:1.79rem 1rem 0; height: 7.7rem; box-sizing: border-box; font-size: 1.3rem; color: #666666;background:url(../images/a_ico1.jpg) no-repeat 95% 2.3rem #fff; background-size:3.2rem 3.55rem;}
.abt ul li:nth-of-type(2n){ float: right;}
.abt ul li i{ display: block; font-weight: bold; color: #333333; font-size: 1.8rem; padding-bottom: 0.25rem;}
.abt ul li:nth-of-type(2){background:url(../images/a_ico2.jpg) no-repeat 95% 2.3rem #fff; background-size:3.2rem 3.55rem;}
.abt ul li:nth-of-type(3){background:url(../images/a_ico3.jpg) no-repeat 95% 2.3rem #fff; background-size:3.2rem 3.55rem;}
.abt ul li:nth-of-type(4){background:url(../images/a_ico4.jpg) no-repeat 95% 2.3rem #fff; background-size:3.2rem 3.55rem;}
/**/
.news{padding:5.2rem 4% 2.2rem;overflow: hidden;box-sizing: border-box; background:url(../images/nwbg.jpg) no-repeat 100% 0 #fff; background-size:100% 63.9rem; height: 63.9rem; margin-bottom: 4rem;}
.news h2{ margin-bottom: 2.2rem;}
.ns_nr dl{ margin-bottom: 1.5rem;}
.ns_nr dt img{border-radius: 0.5rem;}
.ns_nr dd{border-bottom: 1px solid #d2d2d2;}
.ns_nr dd h4{font-size: 1.5rem;color: #333;line-height: 1.5rem;padding: 1.5rem 0 0.9rem;line-height:130%;}
.ns_nr dd p{font-size: 1.3rem;color: #7f7f7f;line-height: 1.8rem;}
.ns_nr dd i{display: block;font-size: 1.1rem;color: #999999;line-height: 1.8rem; padding: 0.9rem 0 1.9rem 0;}
.new_list p{padding-left: 2rem;height: 4.1rem;border-bottom: 1px dotted  #ccc;position: relative;}
.new_list p:after{position: absolute;width: 0.6rem;height: 2px;content: "";background: #666;left: 0.5rem;top: 50%;margin-top: -1px;}
.new_list p a{display: block;height: 4rem;line-height: 4rem;font-size: 1.32rem;color: #333333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.new_list p:last-of-type{border: 0; margin-bottom: 1.2rem;}
/**/
/**/
/**/
html { background: #fff; }

/*图片加载未完成前，默认背景色*/
.wrap { opacity: 0;  /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/ }
.loading { position: fixed; width: 100%; height: 100%; top: 0; z-index: 51; display: none; max-width: 750px; min-width: 320px; z-index: 99999; }
.loading img { display: none; }
.loading #showNext { line-height: 1.8rem; display: none; color: #fff; border: 0.05rem solid #fff; border-radius: 5%; padding-left: 1rem; padding-right: 1rem; text-align: center; position: absolute; right: 1rem; top: 1rem; z-index: 99; }

/*首次加载页面切入效果*/
.homeShow { animation: fade 0.8s ease both; -webkit-animation: fade 0.8s ease both; }

/*渐显动画*/
@-webkit-keyframes fade {
    from { opacity: 1; display: block; }
    to { opacity: 0; display: none; height: 0; }
}
@keyframes fade {
    from { opacity: 1; display: block; }
    to { display: none; opacity: 0; height: 0; }
}
.fade { -webkit-animation-name: fade; animation-name: fade; }




/**/
/**/
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}