@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: #c70b2e;}
/**/
h2{ text-align: center; line-height: 100%; padding-bottom:2.6rem;background:url(../images/h2.png) no-repeat center 4.5rem; background-size: 13.7rem 0.7rem;}
h2 i{ display: block; line-height: 100%; font-size: 2.3rem; color: #333333; letter-spacing: 0.3rem; padding-bottom: 0.6rem;font-weight: bold;}
h2 span{ display: block; color: #333333; font-size: 1.4rem;}
.abt{padding:3.2rem 4% 3.5rem;background:url(../images/tibg.jpg) no-repeat center 0; background-size:100% 44.1rem; height: 44.1rem; box-sizing: border-box; margin-bottom: 3.5rem;}
.abt h2{ padding-bottom: 3.1rem;background:url(../images/h2.png) no-repeat center 5.3rem;background-size: 13.8rem 0.7rem;}
.abt h2 i{ letter-spacing: 0; padding-bottom: 0.9rem;}
.abt h2 span{ font-size: 0.9rem; color: #333333;}
.abt p{ color: #666666; font-size: 1.22rem; line-height: 2.1rem; text-align: center; padding-bottom: 1.5rem;}
.abt ul{ overflow: hidden;}
.abt ul li{ float: left; width:49.25%; font-size: 1.22rem; color: #333333; text-align: center; height: 11.9rem; padding-top: 3.3rem; margin-bottom: 0.5rem; background: #fff; line-height: 2rem;}
.abt ul li:nth-of-type(2n){ float: right;}
.abt ul li img{ display: block; margin: 0 auto 0.7rem; width: 4.55rem;}
.abt ul li em{ display: block;}
/**/
.case7{box-sizing: border-box; position: relative;}
.case7 h2{ margin-bottom: 0.9rem;}
.case7 h3{ margin:0 4% 0.9rem; padding-left: 1rem; font-size: 1.8rem; color: #333333;background:url(../images/h21.jpg) no-repeat; position: relative;background-size: 0.3rem 1.8rem; line-height: 1.8rem;}
.case7 h3:before{ content:""; position:absolute;border-top:0.75rem solid #c70b2e;border-left:0.75rem solid transparent;border-right:0.75rem solid transparent;height: 0;width: 0; right:0; top:0.92rem; }
.case_con7{ position: relative;}
.case_con7 dl{box-sizing: border-box;overflow: hidden;background:url(../images/case7.jpg) no-repeat;background-size: 100% 41.7rem; height: 41.7rem; margin: 0 4% 2.6rem;}
.case_con7 dt{overflow: hidden; font-size: 0; line-height: 0;}
.case_con7 dd{box-sizing: border-box; padding:0 6.5% 0;}
.case_con7 dd h4{ overflow: hidden; font-size: 1.8rem; color: #333333; font-weight: bold; margin-bottom: 0.55rem;}
.case_con7 dd p{ overflow: hidden; line-height: 2.3rem; min-height: 6.5rem;}
.case_con7 dd p span{ display: inline-block; position: relative; float: left; width: 40%; color: #333333; font-size: 1.32rem; padding-left: 1rem; box-sizing: border-box;}
.case_con7 dd p span:nth-of-type(2n){ width: 60%;}
.case_con7 dd p span:before{ position: absolute; content: ""; left: 0; top:0.95rem; border: 0.1rem solid #363636; width: 0.25rem; height: 0.25rem; border-radius: 0.25rem;}
.case_con7 dd em{ display: block;}
.case_con7 dd em a{ display: inline-block; height: 3rem; line-height: 3rem; border-radius: 3rem; background: #17449a; padding-left: 3.6rem; padding-right: 2.1rem; color: #fff; font-size: 1.4rem; margin-right: 0.5rem; position: relative;}
.case_con7 dd em a:last-of-type{ background: #c70b2e;}
.case_con7 dd em a:before{ content:""; position:absolute;border-left:0.6rem solid #fff;border-top:0.6rem solid transparent;border-bottom:0.6rem solid transparent;height: 0;width: 0; left:2.1rem; top:0.92rem; }
.case7 .swiper-button-next7{ left:6.7%; top:42%; z-index: 50; width:3.1rem;}
.case7 .swiper-button-prev7{ left:83.5%; top:42%; z-index: 50; width:3.1rem;}
/**/
.team{padding:0 0 3.5rem; position: relative;}
.team ul{margin:0 4%;position: relative;}
.team li{float: left;width:33.33%;text-align: center; position: relative; font-size: 1.4rem; color: #fff;  box-sizing: border-box; background: #17449a; box-sizing: border-box; padding-top: 1.3rem;  padding-bottom: 1.2rem; line-height: 100%;}
.team li:nth-of-type(2){ border-left: 1px solid #f2f2f3; border-right: 1px solid #f2f2f3;}
.team li span{ display: block;font-size: 0.5rem; opacity: 0.7; letter-spacing: -0.1rem; line-height: 100%; padding-top: 0.15rem;}
.team li.cur{box-sizing: border-box; background: #c70b2e;position: relative;}
.team li.cur:before{ content:""; position:absolute;border-top:0.5rem solid #c70b2e;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;height: 0;width: 0; left:46%; top:100%;  z-index: 55;}
.team_t a{ display: block;}

.team_con dl{;overflow: hidden;background:#f2f2f3; margin: 0 4%; border: 1px solid #dcdcdc; border-top: none;}
.team_con dt{ box-sizing: border-box; }
.team_con dd{padding:0 6%; box-sizing: border-box;}
.team_con dd h3{ overflow: hidden; font-size: 1.8rem; color: #333333; font-weight: bold; margin-bottom: 0.55rem; padding-top: 1.3rem;}
.team_con dd p{ font-size: 1.2rem; color: #666666; line-height: 1.8rem; padding-bottom: 1.8rem;}
.team_con dd em{ display: block; padding-bottom: 2.8rem;}
.team_con dd em a{ display: inline-block; height: 3rem; line-height: 3rem; border-radius: 3rem; background: #17449a; padding-left: 3.6rem; padding-right: 2.1rem; color: #fff; font-size: 1.4rem; margin-right: 0.5rem; position: relative;}
.team_con dd em a:last-of-type{ background: #c70b2e;}
.team_con dd em a:before{ content:""; position:absolute;border-left:0.6rem solid #fff;border-top:0.6rem solid transparent;border-bottom:0.6rem solid transparent;height: 0;width: 0; left:2.1rem; top:0.92rem; }

.team .swiper-button-next2{ left: 6.7%; top:32.5%; z-index: 50;!important; width: 3.14rem;}
.team .swiper-button-prev2{ left:83.5%; top:32.5%; z-index: 50;!important; width: 3.14rem;}
/**/
.case{box-sizing: border-box; margin-bottom: 4rem;}
.case h2 span{ font-size: 1.2rem; letter-spacing: -0.1rem;}
.case_con{ position: relative; padding-bottom: 2rem;}
.case_con dl{box-sizing: border-box; background: #fff;  overflow: hidden; padding-bottom: 1.5rem; border: 1px solid #dcdcdc;}
.case_con dt{overflow: hidden; font-size: 0; line-height: 0; border-bottom: 1px solid #dcdcdc;}
.case_con dd{box-sizing: border-box; padding:1.65rem 1.8rem 0;}
.case_con dd h3 a{ color: #333333; font-size: 1.6rem;}
.case_con dd p{ padding: 0.5rem 0 1.1rem 0; color: #777777; font-size: 1.4rem; line-height: 2rem;}
.case_con dd i{ display: block; text-align: right;}
.case_con dd i a{ display: inline-block; padding-right: 3rem; color: #c70b2e; font-size: 1.22rem;background:url(../images/c_mor.png) no-repeat right 0.3rem; background-size:2rem 0.75rem;}
.case em{ display: block; margin-left: 18.7%;}
.case em a{ display: inline-block; height: 3rem; line-height: 3rem; border-radius: 3rem; background: #17449a; padding-left: 3.6rem; padding-right: 2.1rem; color: #fff; font-size: 1.4rem; margin-right: 0.5rem; position: relative;}
.case em a:last-of-type{ background: #c70b2e;}
.case em a:before{ content:""; position:absolute;border-left:0.6rem solid #fff;border-top:0.6rem solid transparent;border-bottom:0.6rem solid transparent;height: 0;width: 0; left:2.1rem; top:0.92rem; }
/**/
.xit{ overflow: hidden;background:url(../images/xit.jpg) no-repeat center 0; background-size:100% 49.2rem; height:49.2rem; margin-bottom: 3.5rem; color: #fff; padding:3.3rem 5.6% 0; box-sizing: border-box;}
.xit h3{font-weight: bold; font-size: 2.1rem; padding-bottom: 1rem;}
.xit h3 span{ display: block;}
.xit h4{ font-size: 1.4rem; padding-bottom: 1.5rem;}
.xit p{ overflow: hidden; line-height: 2.3rem; min-height: 6.5rem;}
.xit p span{ display: inline-block; position: relative; float: left; width: 40%; color: #fff; font-size: 1.32rem; padding-left: 1rem; box-sizing: border-box;}
.xit p span:nth-of-type(2n){ width: 60%;}
.xit p span:before{ position: absolute; content: ""; left: 0; top:0.95rem; border: 0.1rem solid #fff; width: 0.25rem; height: 0.25rem; border-radius: 0.25rem;}
.xit  em{ display: block; padding-bottom: 3rem;}
.xit em a{ display: inline-block; height: 3rem; line-height: 3rem; border-radius: 3rem; background: #c70b2e; padding-left: 4.5rem; padding-right: 2.6rem; color: #fff; font-size: 1.4rem; margin-right: 0.5rem; position: relative;}
.xit em a:before{ content:""; position:absolute;border-left:0.6rem solid #fff;border-top:0.6rem solid transparent;border-bottom:0.6rem solid transparent;height: 0;width: 0; left:2.1rem; top:0.92rem; }
/**/
.why1{ background: #efefef; padding-top: 3.6rem;}
.why1 h2{ margin-bottom: 1.5rem;}
.why1 dl{ margin: 0 4% 3rem; padding-bottom: 3.5rem;}
.why1 dl dd{ padding-top: 2rem;background:url(../images/ys1.png) no-repeat 0 0; background-size:7.4rem 21.5rem;min-height: 21.5rem;}
.why1 dl dd h3{ padding-left: 26%; padding-top: 1.6rem; color: #333333; font-size: 1.65rem; font-weight: bold;}
.why1 dl dd h3 span{ display: block;}
.why1 dl dd p{ padding: 1.55rem 0 0 13%; font-size: 1.2rem; color: #333333; line-height: 1.8rem;}
.why1 dl dd p span{ display: block;  margin-bottom: 1.1rem;}
.why1 dl dd p span:last-of-type{ margin-bottom: 0;}
.why2{ background: none; padding-top: 0;}
.why2 dl dd{background:url(../images/ys2.png) no-repeat 0 0; background-size:9rem 20.4rem;}
.why2 dl{ padding-bottom: 0;}
.why3 dl dd{background:url(../images/ys3.png) no-repeat 0 0; background-size:7.1rem 17.25rem;}
.why3 dl{background:url(../images/ys_bm.jpg) no-repeat center bottom; background-size:100% 4.7rem; margin-bottom: 0;}
.why3 dl dd{    min-height: 17.5rem;}
    /**/
.tedi{overflow: hidden;background:url(../images/tedi.jpg) no-repeat; background-size:100% 35.8rem; height:35.8rem; margin-bottom: 3.5rem;}
.tedi h3{color: #fff; padding-top: 6.1rem; text-align: center; font-size: 1.3rem; line-height: 100%; padding-bottom: 1.9rem;}
.tedi h3 i{ display: block; font-weight: bold; font-size: 2.1rem; line-height: 100%; padding-bottom: 0.5rem;}
.tedi ul{ overflow: hidden; margin-left: 4%;}
.tedi ul li{ float: left; width: 33.33%; color: #fff; text-align: center; padding-top: 1.6rem; height:10.2rem;}
.tedi ul li img{ display: block; margin: 0 auto; width: 4.1rem;}
.tedi ul li em{ display: block; padding-top: 0.6rem;}
/**/
.ns_nr{ margin: 0 4%; }
.ns_nr dt img{border-radius: 0.5rem;}
.ns_nr dd{padding-bottom:0.75rem;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;}
.ns_nr dd p{font-size: 1.3rem;color: #999;line-height: 1.8rem;}
.ns_nr dd i{display: block;font-size: 1.1rem;color: #999;line-height: 1.8rem;}
.new_list p{padding-left: 2rem;height: 4rem;border-bottom: 1px dashed #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.3rem;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.new_list p:last-of-type{border: 0; margin-bottom: 2.2rem;}

/**/
.about{ background: #efefef; padding: 3.5rem 0;}
.about dl{ margin: 0 4% 0;  border-radius: 0.5rem;}
.about dl dd h4{ color: #333; font-size: 1.45rem; padding: 1.4rem 0 1rem 0;}
.about dl dd p{ color: #666666; font-size: 1.2rem; line-height: 2rem; margin-bottom: 1.6rem;}
.about dl dd em{ text-align: center; display: block;}
.about dl dd em a{ display: inline-block; height: 3rem; line-height: 3rem; border-radius: 3rem; background: #c70b2e; padding-left: 4.5rem; padding-right: 2.6rem; color: #fff; font-size: 1.4rem; margin-right: 0.5rem; position: relative; text-align: left; margin:0 auto;}
.about dl dd em a:before{ content:""; position:absolute;border-left:0.6rem solid #fff;border-top:0.6rem solid transparent;border-bottom:0.6rem solid transparent;height: 0;width: 0; left:2.9rem; top:0.92rem; }


/**/
/**/
/**/
/**/
/**/
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;}}