@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;color: rgb(51, 51, 51); min-height: 100%; position: relative; text-size-adjust: none; padding-bottom: 55px;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a {color: #333333; text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{ color: #333333;star:expression(this.onFocus=this.blur());}
a:focus,a:hover{color:#036dcb;text-decoration:none}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
: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;}
/**/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv 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/13.gif) repeat-x bottom;padding-bottom:0.5rem;}
.ject h2 i{display: block;font-size:1.1rem;line-height: 1.8rem;color: #555;letter-spacing:0.2rem;}

/*wksp*/
.wksp{height: auto;overflow:hidden;margin-bottom:1.4rem;}
.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: 1.2rem;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: #036dcb;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:45%;left:2%;z-index: 100;}
.wksp_det .next{position: absolute;width:7.5%;top:45%;right:2%;z-index: 100;}
.wksp_det .prev img,.wksp_det .next img{width: 100%;}
.wksp_det p img{width:100%;}
.anniu{border-top:1px solid #d3d3d3;margin-top:1.2rem;height:3rem;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;}
/*service*/
.ser{padding:0 0 2.2rem;margin-top:3.5rem;}
.ser h2{margin-bottom:1.5rem;}
.ser_con{width:91%;margin:0 auto;position:relative;}
.ser_det img{width:100%;margin:0 auto;display:block;max-height:250px;}
.ser_det{border:1px solid #e62129;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:#e62129;}
.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: #e62129;border-radius: 0.2rem;bottom:-1.5rem;left:32%;}
.ser_con .anniu{margin-top:2rem;}
/*about*/
.about{padding:1.6rem 0 0;}
.about h2{text-align: center;padding-bottom: 1.2rem;}
.about h2 b{display: block;line-height:1.6rem;font-size:1.6rem;letter-spacing:0.1rem;background:url(/upload/m/13.gif) repeat-x bottom;padding-bottom:0.5rem;}
.about h2 i{display: block;font-size:1.1rem;line-height: 1.8rem;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: #036dcb;border-radius:0.2rem;margin:0 auto;}
.about dd .more img{display:inline-block;width:2rem;margin-right: 0.6rem;vertical-align:middle;}
.about dt{text-align:center;}
.about dt img{width: 80%;}
/*news*/
.news{padding:1.5rem 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: #036dcb;height: 2.4rem;border-bottom:3px solid #036dcb;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;width:100%;margin:0 auto;}
.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{position: relative;}
.logo{color: #fff;text-align:center;width: 100%;height:auto;background-color:#036dcb;font-size:1.5rem;line-height: 2.5rem;padding:1rem 0;}
.logo a{color:#fff;font-size:1.5rem;line-height: 2.5rem;}
.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;line-height: 1.5rem;}
.g-hd .m-nav2{float: right; width: 6.56%; margin: 1rem 3.9% 1rem 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:#036dcb;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:32.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 #036dcb;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: #036dcb;min-width: 320px;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: #e62129;}
.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;}
.searchBox .searchBox_4{ position: absolute; display: block; width: 15%; height: 2rem; padding-top: 2px; left: 0; top: 0;}
.searchBox .searchBox_4 img{ width: auto; height: 100%;}
.searchBox .searchBox_5{ font-size: 1.5rem; text-align: center; line-height: 2rem;}
.navBox{ padding: 0.7rem;}
.navBox_1{ font-weight: bold; color: #db0100;}
.navBox_1 a{ display: block; font-size: 1.2rem; padding: 0.5rem 0; font-weight: bold; color: #036dcb;}
.navBox_2 ul li{ float: left; width:auto;padding:0 0.5rem; margin: 1%; height:1.4rem; line-height:1.4rem; overflow: hidden; background: #eee; border-radius: 4px;}
.navBox_2 ul li a{ display: block; text-align: center; font-size: 1rem;}
.indexCon{ padding: 0 0.5rem;}
.box4 ul li{ width: 47%; background: #f1f1f1; padding:1%; float: left; height: auto; margin-bottom: 2%;}
.box4 ul li:nth-child(even){ margin-left: 1%;}
.box4 ul li:nth-child(odd){ margin-right: 1%;}
.box4 ul li img{ width: 100%; height: auto;}
.box4 ul li p{ height: 1.2rem; line-height: 1.2rem; font-size: 1rem;overflow: hidden; text-align: center;}
.box5 img{ width: 100%; height: auto;line-height:none;margin:0;padding:0;vertical-align: middle;border: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pic{ margin-bottom: 2%; padding-bottom: 1rem;}
.pic ul li{ border-bottom:1px dotted #d9d9d9;}
.pic ul li:first-child .list_item{ padding-top: 0;}
.list_item{display:block;padding: 1rem 0;overflow:hidden;position:relative;text-decoration:none;-webkit-tap-highlight-color:transparent}
.list_item:active{background-color:rgba(0,0,0,.1)}
.list_item:after{content:" ";position:absolute;bottom:0;width:100%;height:1px;border-bottom:1px solid #e2e2e2;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);left:10px}
.list_item:last-child:after{border:0}
.list_item .cover{float:left;margin-right:10px}
.list_item .cover .img{display:block;width:10rem;height:6rem;}
.list_item .cont{overflow:hidden}
.list_item .cont .title{font-weight:bold; font-size:1rem;color:#000;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:1rem; background: url("/upload/m/20.png") no-repeat left center; background-size: 1rem auto; padding-left: 1.2rem;}
.list_item .cont .desc{font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.3; margin: 5px 0 5px; color: #666;}
.list_item .cont .pic_1{ font-size:1rem; line-height:1.3; color: #0074a7;}
.list_item .cont .pic_2{ padding: 3px 1.5rem; font-size: 1rem; background: #54a9ae; color: #fff;}
.box7 ul{ webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.box7 ul li{ float: left; width: 25%; height: auto; padding: 1rem 0.5rem;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;}
.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;margin-bottom: 1.1rem;border-radius:0.2rem;background: #e62129;}
.zx img{display:inline-block;width:1.5rem;margin-right:0.7rem;vertical-align:middle;}