@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:"微软雅黑"; background:#fff url(../images/bg.png) repeat;}
*{margin:0; padding:0;}
ul,li,dl,dt,dd{list-style-type:none}
a{text-decoration:none !important;line-height:none !important}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important;color:#999;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1310px !important;}
.container{max-width:1000px !important;padding:0;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
h1,h2,h3,h4,h5,h6{margin:0 !important; padding:0 !important}
.tr{transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s}
.tr1{transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s}
.tr2{transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}
.da{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
textarea:required,input:required{ -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;}
body{overflow-x:hidden;}
img{max-width: 100%}

/*全局样式*/
header{height: 135px;}
.logo{line-height:135px;text-align:center;}
header .zi{padding-left: 15px;padding-top:55px}
header .phone{margin-top: 55px;background: url(../images/phone.png) no-repeat left 18px;padding-left:35px;font-size: 13px;color: #555}
header .phone h4{font-size: 29px;color: #000;font-weight: bold;font-family: "Arial";}
header .phone span{letter-spacing:4px}

/*pc导航*/
.nav{background: #278bc9}
.nav li{width:12.5%;float:left;font-size:14px; line-height:50px;text-align:center;position:relative;}
.nav li a{display:block;color:#fff;position: relative;z-index: 22; font-size:16px;}
.nav li a img{margin-right: 8px}
.nav li.on,.nav li:hover{background: #4199d0;}
/*导航二级下拉*/
.nav li .nav-zi{width:100%;position:absolute; left:0; top:100%;z-index:9999999; display:none;}
.nav li .nav-zi li{ width:100%; font-size:14px;line-height:44px;margin-top:1px;border:0;}
.nav li .nav-zi li a{display:block; padding:0 5px; color:#fff;background:rgba(0,0,0,0.65);}
.nav li .nav-zi li:hover a{background:rgba(255,132,0,0.9);color:#fff;}
.nav li .nav-zi li:before{display: none}


header .sjdnav{ display:none;width:150px;height:auto;position:absolute;right:0;top:100px;z-index:2000; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{width:100%;background:rgba(0,0,0,0.55);line-height:38px;text-align:center;font-size:15px;line-height:38px;font-weight:bold;margin-bottom:3px}
header .sjdnav li a{display:block;color:#fff;}
header .sjdnav li a:hover{ background:rgba(255,150,16,0.9);}
header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:40px;right:15px;}
header .ydd_btn span{ display:block; width:100%; height:4px; background:#017cc9;}
header .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#017cc9;}
header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;} 
header .ydd_btn.click span.span02{margin:4px 0;}
header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}


/*banner轮播*/
.banner{position:relative;}
.banner a{ display: block; font-size: 0; text-align: center;s}
.banner a img{ max-width: 100%;}
.banner .swiper-pagination{ position: absolute; left: 0; bottom:20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}
.banner .swiper-pagination span{ margin: 0 5px; width:28px; height: 6px; background:#fff; opacity: 1;border-radius:0;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #017cc9;}
.swiper-wrapper {height: auto !important;}
.banner img{width:100%;}



/*主体内容*/
.main1{padding-bottom:65px;}
.main2{padding-bottom:35px;}
.title{margin:50px 0 35px;text-transform: uppercase;font-size: 26px;text-align: center;color:#666;}
.title h4{font-size:28px;color: #000;background: url(../images/title.png) no-repeat center center;margin-bottom: 5px !important}
.title span{font-weight: lighter;}
.title1{color: rgba(255,255,255,0.35);}
.title1 h4{background: url(../images/title1.png) no-repeat center center;color: #fff}



.block11{font-size:14px;box-shadow: 2px 3px 5px rgba(0,0,0,0.08);overflow: hidden;}
.block11 .hezi{position:relative; padding-right:330px;line-height: 38px;color: #656565}
.block11 .left{padding: 30px 0;}
.block11 .left a{color:#656565;}
.block11 .left b{font-weight: normal;color: #333}
.block11 .left img{margin-right: 10px}
.block11 .right{position:absolute; top:0; right:0;width: 300px;padding:22px 0 0 45px;}
.block11 form{border-bottom: 1px solid #e9e9e9}
.block11 form input{width:calc(100% - 30px); height:40px; border:0;background: none}
.block11 form button{width:30px; height:40px; background:url(../images/sou.png) no-repeat center right;border:0; outline:none}
.block11 .left a:hover{color:#017cc9; text-decoration:underline !important}




.daobox{text-transform:uppercase;}
.daobox .dao{font-size:20px; color:#fff;font-weight: bold; background:#017cc9; text-transform:uppercase; padding:30px 6px 30px 70px;position:relative; line-height:normal;}
.daobox .dao img{position: absolute;left:20px;top:50%;margin-top: -15px}
.daobox .dao b{font-size:12px; font-weight:normal; display:block; color:rgba(255,255,255,0.5);}
.daobox .dao i{display:block; width:100%; height:100%; position:absolute; left:0; top:0; cursor:pointer; z-index:1}
.daobox .dao span{position:absolute; right:15px; line-height:50px; color:#fff; transition:all 0.3s}
.daobox .daocont{padding:15px 20px 20px;background: #fff;border:1px solid #ededed;}
.daobox .dao1{cursor: pointer; display:block;background: url(../images/jian.png) no-repeat 28px center; font-size:14px; color:#333;line-height:52px;padding:0 10px 0 50px;position: relative;cursor: pointer;border-bottom: 1px dashed #d1d1d1}
.daobox ul{display: none;padding:0 20px;}
.daobox ul.active{display: block;}
.daobox ul a{display:block;font-size:13px; color:#333; line-height:37px;padding:0 10px 0 30px;transition: all 0.3s;position:relative;border-bottom: 1px dashed #d1d1d1}
.daobox .morebox{font-size: 0;margin-top: 20px;border:1px solid #000;}
.daobox .morebox .more{display: inline-block;width: 50%;font-size: 14px;color: #000;line-height: 38px;text-align: center;}
.daobox .morebox .more:nth-child(1){background: #000;color: #fff}
.daobox .morebox .more:hover{text-decoration: underline !important;}
.daobox .lian111{background: #fff; margin-top: 10px;border:1px solid #efefef;padding:4px;}
.daobox .lian111 img{width: 100%}



/*一级导航、二级导航默认选中状态和hover事件*/
.daobox .dao1.active,.daobox .dao1:hover{background:#ff8a00 url(../images/jian1.png) no-repeat 28px center;color: #fff}
.daobox ul a.active,.daobox ul a:hover{color: #fb9904}

.show{background: #f6f6f6;padding:60px 0;}
.show .right{background: #fff;border:1px solid #ededed;padding:30px 30px 10px;}
.show .right .biaoti{position:relative;padding-bottom: 15px;border-bottom: 1px solid #e6e6e6; margin-bottom:20px;text-transform: uppercase;}
.show .right .biaoti:before{content: "";position:absolute;left:0;bottom:0;width: 80px;height: 3px;background: #ff9600}
.show .right .biaoti .zuo{font-size: 20px;font-weight: bold}
.show .right .biaoti .zuo b{color: #ff9600}
.show .right .biaoti .zuo span{font-size: 12px;color: #888;font-family: "Arial";margin-left:5px}
.show .right .biaoti .more{font-size: 13px;color: #555;margin-top: 8px}
.show .right .biaoti .more img{margin-left:5px}
.show .right .biaoti .more:hover{color: #ff9600;text-decoration: underline !important;}
.show .right .row{margin:0 -8px !important;}
.show .right .col-md-4{padding:0 8px !important;}
.show .imgbox{display: block;background: #fff;text-align: center;color: #333;margin-bottom: 12px;}
.show .imgbox .tu{overflow: hidden; border:1px solid #f2f2f2;}
.show .imgbox .tou{height: 30px;line-height: 30px;font-weight: bold;margin-top:5px}




.jianjie{background:url(../images/jian-bg.jpg) center center; background-size:cover;}
.jianjie .left .imgbox{display: block;overflow: hidden;}
.jianjie .dianbox{background: #ff9600;padding:25px 30px;font-size: 0}
.jianjie .dianbox .dian{display: block;font-size: 14px;color: #fff;line-height: 65px;border-bottom: 1px solid rgba(255,255,255,0.2)}
.jianjie .dianbox .dian:last-child{border:0;}
.jianjie .dianbox .dian img{margin-right: 14px}
.jianjie .dianbox .dian:hover{text-decoration: underline !important;}
.jianjie .wenzi{background: #fff;padding:30px;}
.jianjie .wenzi h4{font-size: 19px;font-weight: bold;}
.jianjie .wenzi .xian{width: 20px;height:3px;background: #017cc9;margin:20px 0;}
.jianjie .wenzi .text{font-size: 13px;color: #777; line-height: 26px;height: 130px;overflow: hidden;margin-bottom:15px}
.jianjie .wenzi .more{color: #000;font-size: 12px;}
.jianjie .wenzi .more img{margin-right: 8px}
.jianjie .wenzi .more:hover{color: #ff9600;text-decoration: underline !important;}




.navbox01{font-size:0; text-align:center; margin-bottom:30px}
.navbox01 .navli{display:inline-block; width:150px;line-height:44px;background: #fff; font-size:15px; color:#000; padding:0 5px; margin:0 5px 10px;border:1px solid #e7e7e7;box-shadow: 2px 3px 5px #ccc;border-radius: 25px}
.navbox01 .navli.active,.navbox01 .navli:hover{background: url(../images/navli-hover.png) center center;background-size: 100% 100%; color: #fff;box-shadow: 2px 3px 5px #e1eccc;border-color: #e1eccc}
.more01{display: block;background: #017cc9;width: 164px; color: #fff;line-height: 52px;text-align: center;margin: 30px auto 0}
.more01:hover{color: #fff;background: #ff7800}


.case{background: url(../images/case-bg.jpg) center center;background-size: cover;text-align: center;}
.case .imgbox{display: block;background: #fff;text-align: center;color: #333;margin-bottom: 20px;}
.case .imgbox .tu{padding:4px;border-bottom: 1px solid #e8e8e8}
.case .imgbox .tu .imgbg{overflow: hidden;position: relative;}
.case .imgbox .tu .imgbg:before{content: "";position: absolute;left:0;bottom: 0;width: 100%;height:100%;background:rgba(0,0,0,0.7) url(../images/mask.png) no-repeat center center;opacity: 0;transition: all 0.3s;z-index: 22}
.case .imgbox .tou{display: block;font-size: 13px;color: #333;height: 44px;line-height: 44px;position: relative;padding:0 52px 0 18px;text-align: left}
.case .imgbox .tou i{font-style:normal;font-weight:normal !important;font-size: 12px;color: #777;font-family: "Arial";margin-left:8px}
.case .imgbox .tou span{position: absolute;top: 0;right: 0;display: block;width: 46px;border-left: 1px solid #e8e8e8;text-align: center;font-weight: normal !important;transition: all 0.3s}
/*左右方向箭头*/
.swiper1{position:relative;}
.swiper1 .swiper-button{width:50px !important;height:50px;top:48%;font-size: 25px;color: #fff;line-height: 48px;text-align: center;border:1px solid #0158a8;transition: all 0.3s}
.swiper1 .swiper-button.swiper-button-prev{left: -85px;background-color:#017cc9;background-image:none; cursor: pointer;}
.swiper1 .swiper-button.swiper-button-next{right: -85px;background-color:#017cc9;background-image:none;cursor: pointer;}
.swiper1 .swiper-button-next.swiper-button-disabled,.swiper1 .swiper-button-prev.swiper-button-disabled {opacity:1;background: #fff;border-color: #afafaf;color: #808080}



.datu{background: url(../images/da-bg.jpg) center center;background-size: cover;text-align: center;}
.datu img{max-width: 100%}



.dongtai .part1{margin-bottom: 30px}
.dongtai .part1 .imgbox{display:block;color: #333}
.dongtai .part1 .imgbox .tou{font-size: 16px;font-weight: bold;margin: 0 0 8px}
.dongtai .part1 .imgbox .zi{color: #696969; line-height: 22px;height: 44px;overflow: hidden;}
.dongtai .part1 .left .imgbox .tu{overflow: hidden;margin-bottom:15px}
.dongtai .part1 .right .imgbox{display: block;padding-bottom: 20px;border-bottom: 1px solid #d7d7d7;margin-bottom: 20px}
.dongtai .part1 .right .imgbox:last-child{border:0;padding-bottom: 0}
.dongtai .part1 .right .imgbox .time{width: 100px;float: left;left;font-size: 16px;color: #696969;text-align: center;}
.dongtai .part1 .right .imgbox .time b{display: block;font-size: 48px;color: #333;font-weight: normal;}
.dongtai .part1 .right .imgbox .text{width: calc(100% - 100px);float: left;padding:17px 0 0 15px}
.dongtai .part2 .left{font-size: 18px;color: #999;width: 140px;float: left;}
.dongtai .part2 .left .tou{font-size: 24px;font-weight: bold;color: #017cc9}
.dongtai .part2 .right{width:calc(100% - 140px);float: left;}
.dongtai .part2 .box{border:1px solid #d2d2d2;padding:20px;}
.dongtai .part2 .wen{display: block;background: url(../images/wen.png) no-repeat left center;padding-left: 52px;font-size: 16px;color: #333;font-weight: bold;line-height: 32px;margin-bottom: 8px}
.dongtai .part2 .huida{display: block;background: url(../images/da.png) no-repeat left center;padding-left: 52px;color: #696969;line-height: 22px;height: 44px;overflow: hidden;}
/*左右方向箭头*/
.swiper2{position:relative;}
.swiper2 .swiper-button{width:36px !important;height:36px;top:auto;bottom: 0; font-size:25px;color: #fff;line-height: 36px;text-align: center;opacity:1 !important;}
.swiper2 .swiper-button.swiper-button-prev{left:-140px;background-color:#017cc9;background-image:none; cursor: pointer;}
.swiper2 .swiper-button.swiper-button-next{right:auto;left:-104px; background-color:#017cc9;background-image:none;cursor: pointer;}
.swiper2 .swiper-button-next.swiper-button-disabled,.swiper2 .swiper-button-prev.swiper-button-disabled {opacity:1 !important;background: #000;}

.lianxi{background:url(../images/lian-bg.jpg) center center;background-size:cover;color: #fff}
.lianxi .left .text{line-height: 25px;height: 75px;overflow: hidden;}
.lianxi .left .zi{line-height: 28px;margin:10px 0 13px;}
.lianxi .left .more{display: block;width: 128px;background: #000;color: #fff;line-height: 40px;text-align: center;}
.lianxi .right form{color: #333}
.lianxi .right form .row{margin:0 -5px !important;}
.lianxi .right form .col-md-12,.lianxi .right form .col-md-6{padding:0 5px !important;}
.lianxi .right form input{width: 100%;height: 40px;border:1px solid #aeaeae;padding:0 10px;margin-bottom: 10px;background:#fafafa}
.lianxi .right form textarea{width: 100%;height: 140px;border:1px solid #aeaeae;padding:8px 10px;line-height: 25px;margin-bottom: 10px;background: #fafafa;resize: none}
.lianxi .right form button{width: 100%;height: 40px;background: #ff9600;border:0;color: #fff;}


.contact{background:#1e1e1e; padding:40px 0; color:#9a9a9a;line-height: 24px}
.contact a{color:#9a9a9a;}
.contact a:hover{color:#fff; text-decoration:underline !important}
.contact .left ul li{width:calc(100% / 4); float:left; padding:0 15px 0 0; }
.contact .left dl dt{font-size:18px; color:#fff; margin-bottom:25px;position:relative;}
.contact .left dl dt:before{content: "";position: absolute;left:0;bottom: -15px;width: 30px;height: 1px;background: #515151;}
.contact .left dl dd{font-size:13px; line-height:28px;}
.contact .col-md-4{border-right:1px solid #484848;border-left:1px solid #484848;min-height:180px}
.contact .middle{padding:0 30px;}
.contact .middle h4{font-size: 34px;font-weight: bold;font-family: "Impact";color: #fff}
.contact .middle .text{color: #fff;margin:15px 0;}
.contact .middle .text span{color: rgba(255,255,255,0.15);}
.contact .right{text-align: right;line-height: 21px;color: #fff}
.contact .right .sao{ width:100%; max-width: 124px;display: inline-block;text-align:center;}
.contact .right .sao img{max-width:100%;display: block;margin-bottom: 8px}



footer{background:#017cc9; padding:20px 0; font-size:14px;color:#fff;text-align: center;}
footer a{color:#fff; margin:0 10px}
footer a:hover{color:#fff; text-decoration:underline !important}



/*子页新闻*/
.xinwen .imgbox{display: block;color: #333;border:1px solid #e9e9e9;padding:20px;box-shadow: 3px 4px 8px rgba(0,0,0,0.08);margin-bottom: 30px;}
.xinwen .imgbox .tu{width: 245px;height: 190px;float: left;overflow: hidden;}
.xinwen .imgbox .tu .img{width: 100%;height: 100%}
.xinwen .imgbox .text{width: calc(100% - 245px);float: left;padding:15px 0 0 20px;}
.xinwen .imgbox .text h4{font-size: 17px;font-weight: bold;margin-bottom: 8px !important}
.xinwen .imgbox .text .time{font-size: 12px;color: #b1b1b1;}
.xinwen .imgbox .text .zi{line-height: 25px;height: 75px;overflow: hidden;margin:10px 0 15px;}
.xinwen .imgbox .text .more{display: block;width: 95px;line-height: 28px;text-align: center;border:1px solid #d9d9d9;border-radius: 25px;}




/*子页面*/
/*1、关于我们*/
.main{ padding:40px 0 50px;font-size:14px; line-height:28px;}

/*内页左侧导航主要样式*/
.neiye .menu{background:#017cc9; padding:25px 10px; text-align:center;font-size:14px; color:#fff;text-transform:uppercase; position:relative;margin-bottom: 3px}
.neiye .menu b{font-size:18px;margin-right:10px}
.neiye .menu i{display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; cursor:pointer}
.neiye .menu span{position:absolute; right:30px; line-height:45px;}
.neiye .nav1{display:block;background: #e5e5e5; font-size:15px; color:#444; line-height:45px;text-align:left; padding:0 10px 0 90px; position:relative;margin-bottom: 2px;cursor: pointer;}
.neiye .nav1:after{content: "";position: absolute;left:2px;top: 2px;width: calc(100% - 4px);height: calc(100% - 4px);border:1px solid #fff;}
.neiye .nav1:before{content:">"; position:absolute; left:45px; top:50%; width:16px; height:16px; background:#fff; border-radius:50%; text-align:center; line-height:18px; color:#333; font-family:"宋体"; margin-top:-8px; transition:all 0.3s}
.neiye ul a{display:block; font-size:14px; color:#333; line-height:42px; padding:0 10px 0 60px; border-bottom:1px solid #e5e5e5; position:relative}
.neiye ul a:before{content:"-"; position:absolute; left:35px; top:0; font-size:18px; color:#333;}
.neiye ul{display:none; padding:0 35px}
.neiye ul.active{display:block;}
.neiye .navbox{background:#fff;}

/*一级导航、二级导航默认选中状态*/
.neiye .nav1.active{background:#ff7800; color:#fff;}
.neiye ul a.active{color:#017cc9;}
.neiye ul a.active:before{color:#017cc9;content:"+"; font-size:14px;}

.neiye .menu1{margin-top:20px;}
.neiye .lian{background:#fff;font-size:14px;line-height:27px;}
.neiye .lian .hezi{border:1px solid #e5e5e5;}
.neiye .lian .text{padding:20px 8px 20px 20px;border-bottom: 1px solid #e5e5e5; line-height:28px;}
.neiye .lian .phone{background: url(../images/phone3.png) no-repeat left center;min-height: 33px;padding-left: 45px;}
.neiye .lian .phone h4{font-size: 24px;color: #ff7800;font-weight: bold;font-family: "Arial"}
.neiye .lian .zi b{font-size: 16px;line-height: 35px;color: #333}


.main .navbox01{margin-bottom:26px;}

.main .cont{margin-top:30px;}
.title-zi{font-size:14px; color:#333; padding-bottom:10px; border-bottom:1px solid #e1e1e1; margin:0 0 30px}
.title-zi .zuo{font-size: 18px;color: #000}
.title-zi .you span{color: #ff7800}
.title-zi .you a{color:#333;}
.title-zi .you a:hover{color:#ff7800;text-decoration: underline !important;}



.about{font-size:15px;line-height:28px; }
.about h4{font-size:21px;font-weight: bold; line-height:28px;margin-bottom: 10px !important}
.about img{max-width:100% !important; height:auto !important; margin:10px 3px;}

.call-us{font-size:14px;line-height:28px; padding-bottom:20px;}
.call-us h4{font-size:16px; font-weight:bold;line-height:35px;}
.call-us img{max-width:100%; height:auto; display:block; border:1px solid #ccc; margin:10px auto}

.case-box,.show-box{background:none; padding:0 !important;line-height: normal}
.case-box .row,.show-box .row{margin:0 -10px !important}
.case-box .col-xs-6,.show-box .col-xs-6{padding:0 10px !important}
.show-box .imgbox{margin:0 0 14px}


.news-box .imgbox{display:block; position:relative; padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:20px}
.news-box .imgbox .tu{width:265px; height:175px; border:1px solid #ccc; position:absolute; overflow:hidden}
.news-box .imgbox .tu .img{width:100%; height:100%;}
.news-box .imgbox .text{margin-left:275px; height:175px;}
.news-box .imgbox .text h4{font-size:16px; color:#4b4a4a; line-height:30px; font-weight:bold}
.news-box .imgbox .text span{font-size:12px; color:#999; display:block; margin:-5px 0;}
.news-box .imgbox .text .zi{font-size:14px; color:#4f4f4f; line-height:25px; height:102px; overflow:hidden;}
.news-box .imgbox .text .more{ width:90px; height:28px; background:#999; font-size:13px; color:#fff; line-height:28px; text-align:center}


.news-main{font-size:14px; line-height:24px;}
.news-tou{width:100%; margin:0 auto;}
.news-main .news-tou h4{ font-size:18px; line-height:26px; text-align:center; border-bottom:1px dashed #666; padding-bottom:12px !important;}
.news-main .news-tou span{display:block; text-align:center; font-size:12px; color:#7f7f7f; margin:10px 0}
.news-main img{ max-width:100%; height:auto; margin:20px auto;}


.liuyan{ width:65%; margin:0 auto;}
.liuyan .form-group{margin-bottom:5px;}
.liuyan label{ padding-top:0 !important; text-align:left !important;height:34px; line-height:34px; font-weight:normal;}
.liuyan input{background:#fff; border:1px dashed #017cc9; height:37px;border-radius:0}
.liuyan textarea{background:#fff; border:1px dashed #017cc9; height:107px;border-radius:0}
.liuyan button{width:100%; height:37px; color:#fff; background:#017cc9; border:none; border-radius:0; margin-top:5px}


.show-main .h4{font-size:18px; text-align:center; line-height:35px; margin-bottom:10px !important; width:100%;}
.show-main img{max-width:100%; height:auto; display:block; margin:10px auto 20px;}
.show-main .text{ width:100%; line-height:28px;}
.show-main .text img{ max-width:100% !important;}

.main .xinwen .imgbox{line-height: 20px}
.main .show .imgbox .mask h4{font-size: 20px}

.fuwu-main h4{font-size:18px; text-align:center; line-height:35px; margin-bottom:10px !important}
.fuwu-main img{max-width:100%; height:auto; display:block; margin:10px auto 20px;}
.fuwu-main .toubu{text-align: center;margin-bottom: 30px}
.fuwu-main .toubu .zi1{font-size: 24px;font-weight: bold;padding-bottom: 15px;border-bottom: 1px solid #eae7e6;line-height: 35px}
.fuwu-main .toubu .zi2{font-size: 0}
.fuwu-main .toubu .zi2 span{display: inline-block;padding:10px 20px;border:1px solid #eae7e6;border-top: 0;font-size: 14px}
.fuwu-main .toubu .zi2 span b{font-weight: normal;color: #888}



@media (max-width:1150px){
header .phone h4{font-size: 23px}
}



@media (min-width:992px){
.show .imgbox:hover .img{transform: scale(1.1,1.1)}
.show .imgbox:hover{color: #017cc9;font-weight: bold}
.show .imgbox:hover .imgbg:before{opacity: 1;}
.jianjie .hezi{padding-left: 130px;position:relative;min-height: 530px}
.jianjie .left{width:calc(100% - 170px);float: left}
.jianjie .left .tu{height:530px;}
.jianjie .left .imgbox:hover .tu{transform: scale(1.1,1.1)}
.jianjie .right{width:170px;float: right}
.jianjie .wenzi{padding:35px 40px;position: absolute;right: 0;bottom: 0;width: 542px;height: 290px;}
.jianjie .more2{position:absolute;left:0;bottom: 0;z-index: 222}
.case .imgbox:hover .img{transform: scale(1.1,1.1)}
.case .imgbox:hover{color: #017cc9;font-weight: bold}
.case .imgbox:hover .imgbg:before{opacity: 1;}
.case .imgbox:hover .tou{font-weight:bold;}
.case .imgbox:hover .tou span{background: #017cc9;color: #fff}
.dongtai .part1{margin-bottom: 50px}
.dongtai .part1 .left .imgbox .tu{overflow: hidden;margin-bottom: 35px}
.dongtai .part1 .left .imgbox .img{height: 250px;}
.dongtai .part1 .left .imgbox:hover .img{transform:scale(1.1,1.1);}
.dongtai .part1 .imgbox:hover .tou{color: #017cc9}
.dongtai .part1 .right{margin-top: -15px}
.dongtai .part2{margin-bottom: 30px}
.dongtai .part2 .wen:hover{color: #017cc9}
.dongtai .part2 .huida:hover{color: #333}
.contact{padding:50px 0;}

.xinwen .imgbox:hover .img{transform: scale(1.1,1.1)}
.xinwen .imgbox:hover .more{background: #ff8a00;border-color: #ff8a00;color: #fff}
.lianxi .left .more:hover{background: #ff9600;color: #fff}


/*一级导航、二级导航hover事件*/
.neiye .nav1:hover{background:#ff7800; color:#fff;}
.neiye ul a:hover{color:#017cc9;}
.neiye ul a:hover:before{color:#017cc9 !important; content:"+"; font-size:14px}

.news-box .imgbox:hover .tu .img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
.news-box .imgbox:hover .text .more{background:#017cc9;border-color: #017cc9;color: #fff}
}

@media (min-width:768px){
.xuanze .part1 .imgbox ul{white-space:nowrap; overflow-x:auto;}
}


@media (max-width:991px){
header{height:90px;}
.logo{line-height:90px;}
header .ydd_btn{top:30px}
header .sjdnav{ top:90px}
header .ydd_btn span.span02{margin:6px 0;}
.banner .swiper-button{display: none}
.banner .swiper-pagination{bottom: 10px}
.daobox{margin-bottom: 20px}
.daobox .daocont{padding:8px 8px 10px;}
.daobox .dao{padding:0;text-align: center;line-height: 50px}
.daobox .dao img,.daobox .dao b{display: none}
.daobox .dao1{background: none;padding:0 10px;text-align: center;line-height: 40px}
.daobox .dao1.active,.daobox .dao1:hover{background-image: none}
.daobox ul a{text-align: center;padding:0 10px;}
.jianjie .dianbox{padding:15px 15px;}
.jianjie .dianbox .dian{display: inline-block;width: 33.33%;float: left;border:0;line-height: 40px;text-align: center;}
.jianjie .right .text{height: auto;max-height: 130px}
.dongtai .part1 .left{margin-bottom: 25px}
.lianxi .left{margin-bottom: 30px}
.contact{text-align: center;}
.contact .left{margin-bottom: 20px}
.show-box .row{margin:0 -10px !important}
.show-box .col-xs-6{padding:0 10px !important}
.show-box .imgbox{margin:0 0 24px}


/*手机侧导航 下拉 开始*/
.neiye{text-align:center;}
.neiye .menu{background: #017cc9;color: #fff;margin-bottom: 2px;padding:0;}
.neiye .menu .xiao{display: none}
.neiye .menu span,.neiye .menu{line-height:52px;}
.neiye ul a.active,.neiye ul a:hover,.neiye ul a,.neiye .nav1.active,.neiye .nav1:hover,.neiye .nav1{background-image:none; padding:0;text-align:center}
.neiye ul a:before,.neiye .nav1:before{display:none;}
.neiye .nav1{padding:0 10px;}
.neiye .nav1 span{display: none}
/*手机侧导航 下拉 结束*/
.main3{padding-top:30px;}


.fuwu-main .toubu .zi1{font-size: 20px;line-height: 32px;}
}

@media (max-width:767px){
header{height:70px;}
.logo{line-height:70px;}
.logo img{height:48px;}
header .lianjie{margin:20px 60px 0 0;}
header .ydd_btn{top:23px;width:32px;}
header .sjdnav{ top:70px}
.main1{padding-bottom:40px;}
.main1{padding-bottom:20px;}
.title{margin:45px 0 40px;font-size:18px;}
.title h4{font-size: 24px}
.block11{text-align:right;}
.block11 .hezi{padding-right:0;}
.block11 .left{font-size: 12px;padding:10px 0 0;text-align: left}
.block11 .left a{margin:0 3px;}
.block11 .right{position:inherit; display:inline-block; margin-top:3px;width:100%;padding: 6px 0;height: auto}
.block11 form{width: 100%;}
.block11 form input{height:35px;}
.block11 form button{ height:35px;}
.show{padding:30px 0 40px;}
.show .right{padding:15px 15px 10px;}
.show .row{margin:0 -6px !important;}
.show .col-xs-6{padding:0 6px !important;}
.show .imgbox{margin-bottom:8px;}
.jianjie .dianbox .dian img{margin-right: 10px}
.jianjie .wenzi{padding:20px;}
.jianjie .more2 img{max-height: 48px}
.case .imgbox{margin-bottom: 12px;}
.case .imgbox .tou{font-size: 14px;height: 38px;line-height: 36px;padding:0 43px 0 10px;}
.case .imgbox .tou span{width: 40px;}
.case .imgbox .tou i{display: none}

.liuyan{width:100%;}

}

@media (max-width:600px){
.more01{width: 150px;line-height: 45px;margin: 25px auto 0}
.dongtai .part1 .right .imgbox{padding-bottom: 15px;margin-bottom: 15px}
.dongtai .part1 .right .imgbox .time{width: 80px;}
.dongtai .part1 .right .imgbox .time b{font-size: 38px;}
.dongtai .part1 .right .imgbox .text{width: calc(100% - 80px);padding:12px 0 0 15px}
.dongtai .part2 .left{width: 120px;}
.dongtai .part2 .right{width:calc(100% - 120px);}
.dongtai .part2 .huida,.dongtai .part2 .wen{padding-left: 42px}
.swiper2 .swiper-button.swiper-button-prev{left:-120px;}
.swiper2 .swiper-button.swiper-button-next{right:auto;left:-84px;}
.xinwen .imgbox{padding:10px;margin-bottom: 20px;}
.xinwen .imgbox .tu{width: 130px;height: 110px;}
.xinwen .imgbox .text{width: calc(100% - 130px);padding:8px 0 0 15px;}
.xinwen .imgbox .text h4{font-size: 15px;margin-bottom: 6px !important}
.xinwen .imgbox .text .zi{height: 50px;margin:8px 0 0;}
.xinwen .imgbox .text .more{display: none;}
.contact .title h4{font-size: 28px}


.case-box .row,.show-box .row{margin:0 -5px !important}
.case-box .col-xs-6,.show-box .col-xs-6{padding:0 5px !important}
.show-box .imgbox{margin:0 0 10px}
.case-box .right .imgbox{margin:0 0 10px}

.news-box .imgbox .tu{width:180px; height:130px;}
.news-box .imgbox .text{margin-left:190px; height:130px;}
.news-box .imgbox .text h4{font-size:15px;line-height:24px;}
.news-box .imgbox .text .zi{font-size:13px;line-height:20px; height:62px;}
.news-box .imgbox .text .more{ width:70px; height:25px; line-height:25px}

.fuwu-main .toubu .zi1{font-size: 18px;line-height:30px;padding-bottom: 10px;}
.fuwu-main .toubu .zi2 span{padding:6px 10px;}
}


@media (max-width:479px){
header{height:55px;}
.logo{line-height:55px;}
.logo img{height:38px;margin-left: -8px}
header .lianjie{margin:12px 42px 0 0;}
header .lianjie a{margin:0 3px;}
header .ydd_btn{top:18px; width:30px;}
header .sjdnav{ top:55px}
header .ydd_btn span.span02{margin:4px 0;}

.jianjie .dianbox{padding:10px 8px;}
.jianjie .dianbox .dian img{margin-right:5px}
.jianjie .wenzi h4{font-size: 16px}

.news-box .imgbox{padding-bottom:15px; margin-bottom:15px}
.news-box .imgbox .tu{width:140px; height:95px;}
.news-box .imgbox .text{margin-left:150px; height:95px;}
.news-box .imgbox .text h4{font-size:14px;line-height:24px;}
.news-box .imgbox .text span{display: none}
.news-box .imgbox .text .zi{font-size:12px; height:60px;}
.news-box .imgbox .text .more{ display:none}
.news-main .news-tou h4{font-size:16px;}

}

@media (max-width:400px){
header .ydd_btn{width:26px;}
}


@media (max-width:380px){

}

@media (max-width:350px){
header .lianjie{margin-right:35px;}
}


/* tabbar */
.tabBar{width: 100%; height: 58px; background-color: #017cc9; border-top: 1px solid #fff; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 6; height: calc(58px +  constant(safe-area-inset-bottom)); height: calc(58px +  env(safe-area-inset-bottom));}
.tabBar .list{height: 100%; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.tabBar .list>li{height: 100%; border-right: 1px solid #fff; position: relative; flex: 1;}
.tabBar .list>li:last-child{border-right: none;}
.tabBar .item{width: 100%; height: 100%; text-align: center; display: flex; display: -webkit-flex; justify-content: center; align-content: center; flex-wrap: wrap;}
.tabBar .item span{width: 100%; font-size: 16px; color: #fff; display: block; line-height: 20px;}
.tabBar .item p{width: 100%; font-size: 12px; line-height: 20px; color: #fff;}
.tabBar .tabbar_bg{width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; z-index: 7; display: none;}
.tabBar .tel_num{width: 100%; display: block; overflow: hidden; background-color: #f5f5f5; box-shadow: 0 0 5px rgb(0 0 0 / 30%); position: fixed; bottom: 0; left: 0; z-index: 8; display: none;}
.tabBar .tel_num a{display: block; line-height: 44px; font-size: 15px; color: #333; border-bottom: 1px solid #ddd; text-align: center;}
.tabBar .tel_num .cancel{margin-top: 6px; border-top: 1px solid #ddd; background-color: #fff; line-height: 44px; font-size: 15px; color: #333; text-align: center;}
.tabBar .wecht_box{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); z-index: 7; display: none;}
.tabBar .wecht_content{width: 100%; background-color: #fff; padding: 30px; text-align: center; position: absolute; top: 50%; transform: translateY(-50%);}
.tabBar .wecht_content .title{font-size: 18px; color: #333; line-height: 24px; font-weight: bold;}
.tabBar .wecht_content img{width: 150px; height: auto; margin-top: 10px;}
.tabBar .wecht_content .txt{font-size: 12px; color: #333; margin-top: 10px; line-height: 20px;}
.tabBar .wecht_content .txt span{font-size: 18px; font-family: Impact;}
.tabBar .close{position: absolute; bottom: -38px; width: 30px; height: 30px; line-height: 28px; font-size: 20px; color: #fff; border: 1px solid #fff; border-radius: 50%; left: 0; right: 0; margin: auto;}