@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; padding-top:1px; background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { 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:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}

/**/
.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; }
/*ject*/
.ject{padding:2.8rem 0;}
.ject h2{text-align: center;margin-bottom:1.1rem;}
.ject h2 b{display: block;line-height:1.6rem;font-size:1.6rem;color: #161819;letter-spacing:0.1rem;background:url(/upload/m/ject_t.png) no-repeat;background-size:100% 1.6rem;}
.ject h2 i{display: block;font-size:1.1rem;line-height: 1.8rem;color: #555;letter-spacing:0.2rem;padding-top:0.8rem}
.ject ul li{float: left;width: 43.3%;height: 3rem;line-height: 3rem;text-align: center;font-size:1.2rem;color: #fff;margin-right:1px;margin-bottom:1px;background: #005fa2;}
.ject ul li a{color: #fff;}
.ject ul li:nth-child(odd){margin-left:6.7%;}
.ject ul li.cur{background: #c30d22;font-weight: bold;}
.ject_con{margin-top:1.5rem;position: relative;}
.ject dt{width:71%;margin:0 auto;}
.ject dd{width:82%;margin:0 auto;font-size:1.1rem;color: #555;line-height: 1.8rem;text-align: center;padding:1rem 0;}
.ject .zx{display: block;width: 43.3%;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.2rem;color: #fff;margin:0 auto;margin-top: 1.1rem;border-radius:0.2rem;background: #005fa2;}
.ject .zx img{display:inline-block;width:1.5rem;margin-right:0.7rem;vertical-align:middle;}
.ject_con .prev{position: absolute;width:7.5%;top: 5.2rem;left:5.5%;z-index: 100;}
.ject_con .next{position: absolute;width:7.5%;top: 5.2rem;right:5.5%;z-index: 100;}
/*adva*/
.adva{padding:0 0 2.5rem;}
.adva h2{margin-bottom: 1.5rem;}
.adva .tu{width: 86.7%;margin:0 auto;padding-bottom:1.3rem;}
.adva .tu img{margin-bottom:0.5rem;}
.adva h3{margin-bottom: 1.5rem;}
.you_des{width:85%;margin:0 auto;}
.you_des h4{font-size: 1.2rem;line-height: 1.3rem;color: #005fa2;font-weight: bold;margin-bottom:0.2rem;background:url(/upload/m/line1.png) no-repeat right center;background-size:67% 0.35rem;}
.you_des p{font-size: 1.1rem;color: #333;line-height: 1.8rem;margin-bottom:0.5rem;padding-left:0.8rem;background:url(/upload/m/jt1.png) no-repeat left 0.6rem;background-size:0.35rem 0.6rem;}
.you_des p b{color: #c30d22;}
.anniu{border-top:1px solid #d3d3d3;margin-top:1.2rem;height:1.2rem;position: relative;}
.sbtn{position: absolute;width:46%;height:2.4rem;background: #fff;left: 27%;top:-1.2rem;z-index: 100;}
.sbtn .prev{float: left;width:2.4rem;}
.sbtn .next{float: right;width:2.4rem;}
/*shebei*/
.shebei{background: #f7f7f7;padding:2.5rem 0 3rem;}
.shebei .tu{width: 79.7%;margin: 0 auto;}
.shebei h3{margin:2rem 0 1.5rem;}
.shebei .sbtn{background: #f7f7f7;}
/*wksp*/
.wksp{height: 21rem;background:url(/upload/m/chejian_bg.jpg) no-repeat;background-size:100% 21rem;overflow:hidden;background-color:#005fa2;}
.wksp .tab2{padding:2.6rem 0 2.2rem;height:2.4rem;}
.wksp .tab2 li{float: left;width: 26%;height: 2.2rem;line-height: 2.2rem;text-align: center;border:0.1rem solid #fff;font-size: 1rem;color: #fff;border-left: 0;overflow: hidden;}
.wksp .tab2 li:first-child{border-left:0.1rem solid #fff;margin-left:9.6%;}
.wksp .tab2 li.cur{background: #fff;color: #005fa2;font-weight: bold;}
.wksp_det p{float: left;width:35.8%;position: relative;margin-left:2.5%;border:0.3rem solid #fff;}
.wksp_det p em{position: absolute;width: 100%;height: 2rem;line-height:2rem;text-align: center;font-size: 1.1rem;color: #fff;background: rgba(0,0,0,0.8);left: 0;bottom: 0;overflow: hidden;}
.wksp_det p:first-child{margin-left:11%;}
.wksp_det .prev{position: absolute;width:7.5%;top:3.6rem;left:2%;z-index: 100;}
.wksp_det .next{position: absolute;width:7.5%;top:3.6rem;right:2%;z-index: 100;}
/*qlt*/
.qlt{padding:2.5rem 0 2rem;}
.qlt .tu{width: 86.7%;margin:1.5rem auto 1.8rem;}
.qlt .tu img{margin-bottom:3px;}
/*team*/
.team{padding:2.5rem 0;background: #f7f7f7;}
.team .tu{margin:1.4rem 0 1rem;}
/*service*/
.ser{padding:0 0 2.2rem;margin-top:0;}
.ser h2{margin-bottom:1.5rem;}
.ser_con{width:91%;margin:0 auto;position:relative;}
.ser_det img{display:block;margin-top:1em; }
.ser_det{border:1px solid #005fa2;border-top-width:3px;position:relative;box-sizing: border-box;}
.ser_det h3{width:96%;height:2.5rem;margin:0.2rem auto 0.2rem;background:url(/upload/m/kuang.png) repeat-x bottom;text-align:center;}
.ser_det h3 b{font-size: 1.2rem;line-height:1.2rem;padding-top:1.5rem;color: #c30d22;}
.ser_det h3 .b2{padding: 0;line-height: 2.5rem;}
.ser_det p{font-size: 1rem;color: #666;line-height: 1.6rem;width:90%;margin:0 auto;margin-bottom:10px;}
.ser_det a{position:absolute;width: 36%;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.1rem;color: #fff;background: #005fa2;border-radius: 0.2rem;bottom:-1.5rem;left:32%;}
.ser_con .anniu{margin-top:2rem;}
/*case*/
.case{padding:2.8rem 0 2.5rem;background: #f2f3f7;}
.case h2{text-align: center;margin-bottom:1.1rem;}
.case h2 b{display: block;line-height:1.6rem;font-size:1.6rem;color: #161819;letter-spacing:0.1rem;background:url(/upload/m/ject_t.png) no-repeat;background-size:100% 1.6rem;}
.case h2 i{display: block;font-size:1.1rem;line-height: 1.8rem;color: #555;letter-spacing:0.2rem;}
.case ul li{float: left;width: 30%;height:7.4rem;border:1px solid #e3e3e3;box-sizing:border-box;background: #fff;border-bottom: 0;border-left: 0;}
.case ul li:nth-child(1),.case ul li:nth-child(4){margin-left:5.2%;border-left:1px solid #e3e3e3;}
.case ul li:nth-child(4),.case ul li:nth-child(5),.case ul li:nth-child(6){border-bottom:1px solid #e3e3e3;}
.case ul li i{display: block;width:1.9rem;height:1.9rem;margin:1rem auto 0.7rem;}
.case ul li span{display: block;font-size: 1.1rem;color: #333;line-height:1.3rem;text-align: center;padding:0 25%;}
.case ul li .i1{background:url(/upload/m/case_ic1.png) no-repeat;background-size:100%;}
.case ul li .i2{background:url(/upload/m/case_ic2.png) no-repeat;background-size:100%;}
.case ul li .i3{background:url(/upload/m/case_ic3.png) no-repeat;background-size:100%;}
.case ul li .i4{background:url(/upload/m/case_ic4.png) no-repeat;background-size:100%;}
.case ul li .i5{background:url(/upload/m/case_ic5.png) no-repeat;background-size:100%;}
.case ul li .i6{background:url(/upload/m/case_ic6.png) no-repeat;background-size:100%;}
.case ul li.cur{background: #005fa2;border-color: #005fa2;}
.case ul li.cur span{font-weight: bold;color: #fff;}
.case ul li.cur .i1{background:url(/upload/m/case_ic1h.png) no-repeat;background-size:100%;}
.case ul li.cur .i2{background:url(/upload/m/case_ic2h.png) no-repeat;background-size:100%;}
.case ul li.cur .i3{background:url(/upload/m/case_ic3h.png) no-repeat;background-size:100%;}
.case ul li.cur .i4{background:url(/upload/m/case_ic4h.png) no-repeat;background-size:100%;}
.case ul li.cur .i5{background:url(/upload/m/case_ic5h.png) no-repeat;background-size:100%;}
.case ul li.cur .i6{background:url(/upload/m/case_ic6h.png) no-repeat;background-size:100%;}
.case_con{background: #fff;width: 90%;margin:0 auto;padding:1.3rem 0 1.8rem;}
.case_con dt{width:89%;margin:0 auto;border:0.3rem solid #f2f3f7;}
.case_con dd{width:89%;margin:0 auto;}
.case_con dd h3{font-size:1.1rem;line-height:1.1rem;padding:1.3rem 0 0.8rem;position: relative;font-weight:bold;margin-bottom:0.7rem;width:100%;height:1.1rem;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.case_con dd h3 a{color: #333;}
.case_con dd h3:after{position: absolute;width: 1.7rem;height: 2px;background: #999;content: "";left: 0;bottom: 0;}
.case_con dd p{font-size: 1.1rem;color: #555;line-height:1.8rem;padding-bottom:1.2rem;}
.case_con dd .more{display: block;width: 48%;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.2rem;color: #fff;background: #005fa2;border-radius:0.2rem;margin:0 auto;}
.case_con dd .more img{display:inline-block;width:2rem;margin-right: 0.6rem;vertical-align:middle;}
.case_con .anniu{width:89%;margin:3rem auto 0;}
/*honor*/
.honor{padding:0 0 3rem;}
.honor h2{margin-bottom: 0.9rem;}
.honor .tu{width: 91%;margin:0 auto;}
/*about*/
.about{padding:3.6rem 0 2.5rem;background:url(/upload/m/abt_bg.jpg) no-repeat;background-size:100% 14.2rem;}
.about h2{text-align: center;height: 5.2rem;}
.about h2 b{display: block;line-height:1.6rem;font-size:1.6rem;color: #161819;letter-spacing:0.1rem;background:url(/upload/m/abt_t.png) no-repeat;background-size:100% 1.6rem;}
.about h2 i{display: block;font-size:1.1rem;line-height: 1.8rem;color: #555;letter-spacing:0.2rem;}
.about dl{width: 80%;margin:0 auto;background: #fff;padding:1.5rem 5% 2.4rem;box-shadow:0 0 10px rgba(0,0,0,0.15);}
.about dd p{font-size: 1.1rem;color: #555;line-height: 1.8rem;padding:1.5rem 0 1rem;}
.about dd .more{display: block;width: 48%;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.2rem;color: #fff;background: #005fa2;border-radius:0.2rem;margin:0 auto;}
.about dd .more img{display:inline-block;width:2rem;margin-right: 0.6rem;vertical-align:middle;}
/*news*/
.news{padding:0 0 1.5rem;}
.news .tab4{height: 2.5rem;width:91%;margin:0 auto 1.5rem;border-bottom:1px solid #e0e0e0;}
.news .tab4 span{float: left;font-size: 1.2rem;line-height: 1.2rem;color: #333;margin-right:13%;}
.news .tab4 span.cur{color: #005fa2;height: 2.4rem;border-bottom:3px solid #005fa2;font-weight: bold;}
.news .tab4 a{float: right;font-size: 1.2rem;color: #666;line-height:1.2rem;}
.new_con{width:91%;margin:0 auto;}
.new_con img{margin-bottom:1rem;}
.new_con p{height:2.3rem;line-height: 2.3rem;font-size: 1.1rem;color: #555;border-bottom:1px dashed #c1c1c1;overflow: hidden;}
.new_con p a{color: #555;}
.new_con p:last-child{border: 0;}

/**/
/**/
@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html {font-size: 11.25px;}}
@media screen and (min-width:375px) {html {font-size: 11.7px;}}
@media screen and (min-width:384px) {html {font-size: 12px;}}
@media screen and (min-width:480px) {html {font-size: 15px;}}
@media screen and (min-width:414px) {html {font-size: 13px;}}
@media screen and (min-width:560px) {html {font-size: 17.5px;}}
@media screen and (min-width:640px) {html {font-size: 20px;}}

html{ background:#f7f7f7;}/*图片加载未完成前，默认背景色*/
/* .wrap{ opacity:0;} 开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:640px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
/*首次加载页面切入效果*/
.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; }

.g-hd{height:7.5rem;position: relative;}
.logo{text-align:center;width: 100%;height:3rem;background-color:#005fa2;}
.logo a{color:#fff;font-size:1.5rem;line-height: 3rem;}
.g-hd img{display: block;width: 100%;}
.g-hd h1{float: left;width: 37.2%;margin:0.5rem 0 0 0.6%;}
.g-hd ul{float: left;width: 70%;margin-top: 1.8rem;margin-left:0;}
.g-hd ul li{float: left;font-size: 1.2rem;line-height: 1.2rem;width: 25%;text-align: center;font-weight:bold;}
.g-hd ul li a{color: #222;}
.g-hd .m-nav2{float: right;width:6.56%;margin:1.5rem 3.9% 0 0;}
#menu{display: none;position: absolute;top: 6.5rem;width: 100%;height:41.4rem;background:#f5f5f5;background-size:100% 41.4rem;z-index: 100;}
#menu p{width: 76%;margin: 0 auto;}
#menu p a{display: block;height: 3.7rem;line-height: 3.7rem;font-size: 1.17rem;color: #000;text-align: center;border-bottom: 1px solid #7f7976;}
.content_pho{ text-align:center; font-size:1rem;background:#005fa2;color:#fff;line-height:2rem;}
.content_pho a{ color:#fff;}
.content_pho a.tel{width: 65%;float:left;text-align:left;padding-left:5%;}
.content_pho a.lng{width: 25%;float:left;text-align:right;padding-right:5%;}
.g-ft{height:42.8rem;border-top:0.4rem solid #f3f3f3;margin-top:2.5rem;}
.g-ft .top{display:block;margin-top: -2.6rem;text-align: center;}
.g-ft .top img{display:inline-block;width: 15.6%;}
.g-ft .p1{font-size: 1.2rem;color: #333;line-height: 1.6rem;text-align: center;padding:0.7rem 0 1.2rem;}
.g-ft .p1 a{color: #333;}
.g-ft .p2{height:2.8rem;text-align: center;}
.g-ft .p2 a{display:inline-block;width: 28%;height: 2.8rem;line-height: 2.8rem;font-size:1.2rem;color: #333;border:2px solid #005fa2;font-weight:bold;box-sizing:border-box;margin:0 0.6rem;}
.g-ft .sao{width: 59%;height: 9.2rem;border:1px solid #dedede;margin:3.5rem auto 0;}
.g-ft .sao img{display: block;width:41%;margin:-2rem auto 0;}
.g-ft .sao span{display: block;font-size: 1.2rem;color: #333;text-align: center;line-height: 3rem;}
.f_nav{height: 5.2rem;background-color: #005fa2;min-width: 320px;max-width: 640px;width: 100%;position: fixed;bottom: 0;z-index: 999;}
.f_nav li{float: left;width: 25%;height: 5.2rem;text-align: center;border-right: 1px solid rgba(255,255,255,0.4);box-sizing: border-box;}
.f_nav li:last-child{border-right: 0;}
.f_nav li:first-child{background: #c30d22;}
.f_nav li img{display:block;width:37.5%;margin:1.2rem auto 0;}
.f_nav li b{display:block;color: #fff;font-size:1.2rem;line-height: 5.2rem;}
.indexCon{ padding: 0 0.5rem;}
.box7 ul{ webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.box7 ul li{ float: left; width: 50%; height: auto; padding: 0 0.1rem;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.box7 ul li img{ width: 100%; height: auto;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.videoleft .Box{background: #f1f1f1;padding:10px 21px;text-align: center;}
.videoleft .pic{height: 28rem; position: relative;cursor:pointer; }
.videoleft .pic:before{content: ""; width: 100%; height: 100%; position: absolute; left: 0; background: url(/upload/video_03.png) no-repeat center center; transition: 1s;}