@charset "utf-8";
/* CSS Document */
.xu_container,.top {
	width: 1200px;
	margin: 0 auto;
}
.logo{
    float:left; 
	padding-top:14px; 
	padding-bottom:3px;
}
.topLink{
    float:right;
    position: relative;
    z-index: 9999;
}
.nav{height:90px;}
.nav li{height:90px;text-align:center;width:84px;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:80px;color:#323131;height:80px;font-size: 15px; padding-top:10px;  }
.nav li a:hover,.nav li a.cur{color:#fff;text-decoration:none; background-color: #0358a4 !important}
/*首页banner*/
.topbanner{ width:100%;}
.topbanner .swiper-slide img{ width:100%;}

.banner{width:100%;position:absolute;height:auto;left:0;}
.banner img{width:100%;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;}
.banner ul.bb li{position:absolute;display:none;}
.banner .num{position:absolute;bottom:10px;z-index:100;text-align: center;width: 100%;}
.banner .num li{;width:18px;height:18px;display:inline-block;margin-right:8px;background:#fff;line-height:18px; text-indent:-100px;overflow:hidden;border-radius:10px;}
.banner .num li.num_hover{background-color:#0623bb;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:inline;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:18px;height:18px;line-height:18px;}
/*主体样式*/
.c1{
    width:1200px;
    margin:0 auto;
    margin-top:10px;
}
.k1{
    line-height:32px;
    float:left;
}
/*热门搜索*/
.search{
    float:right;
}
#formsearch{
    float:right;
}
.hotSearch{
    float:left;
    height:24px;
    line-height:24px;
    font-weight:normal;
}
/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#3480ce;color:#fff;border:none;cursor:pointer;}
/*首页关于我们*/
.about{
    margin-top: 55px;
}
.tt{
    background: url(../images/tt.png) no-repeat top center;
    padding-top: 48px;
    color: #555555;
    font-size: 20px;
    text-align: center;
}
.tt span{
    color: #7093e4;
    font-size: 20px;
    font-family: "Arial";
    text-transform: uppercase;
    padding-left: 10px;
}
.about-right{
    width: 850px;
}
.about-nei{
    background:#f0f0f0;
    padding:15px 33px;
    box-sizing:border-box;
    line-height: 24px; 
	display:flex;
    flex-wrap:wrap;
	justify-content:space-between;
}
.about-nei-imga{ display:none;}
a.more{
    display: block;
    width: 101px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #7093e4;
    border-radius: 5px;
    color: #ffffff;
    font-family: "Arial";
    float: right;
    margin-top: 12px;
}
.about-nei-box{ 
    width: 60%; 
	font-family:"微软雅黑";
}
.about-nei-img{ width:35%;}
.about-nei-img img,.about-nei-imga img{ width:100%;}
.about-box-1{
    margin-top: 9px; 	
	display:flex;
    flex-wrap:wrap;
	justify-content:space-between;
}
.about-box-1 .zi img{ height:189px;}


/*首页新闻*/
.news{
    margin-top: 46px;
    margin-bottom: 20px;
}
.news .content{
    margin-top: 30px;
}
.slideBox{ 
    width:522px;
    height:310px; 
    position:relative; 
    float: left; 
}
.slideBox  img{ 
    width:522px; 
    height:310px; 
    display:block;  
}
.slideBox  .rsb{
    height: 100px;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    bottom: 0;
    width: 100%;
}
.nei-xin{
    padding:20px;
}
.nei-xin a{
    color:#fff;
    font-size: 14px;
}
.nei-xin p{
    color: #fff;
    line-height: 26px;
}
a.morer{
    color: #eb4040!important;
    font-size: 12px!important;
    background: none;
    padding: 0
}
.news-right{
    width: 640px;
}
.news_listt{}
.news_listt li{line-height:27px;position:relative;background: #efefef;padding:8px 28px 9px 8px;box-sizing:border-box;margin-bottom: 10px;}
.news_listt li a{line-height:27px;color:#2d2c2c;font-size: 14px;}
.news_listt li a:hover{text-decoration:none;color:#0623bb;}
.news_listt li span{color:#999;z-index:0;line-height:27px;position:absolute;right:0px;top:0px;}
.news_listt li:last-child{
	margin: 0
}
.img-news{
	width: 120px;
	height: 80px;
}
.img-news img{
	width: 120px;
	height: 80px;
}
.nei-news{
	width: 460px;
}
/*工程案例*/
.case{
    margin-top: 24px;
    height:auto;
    padding-top: 46px;
}
.case .content{
    margin-top: 30px;
}
/*案例列表*/
.case_list{border:#dedede solid 1px; border-bottom:none; border-right:none;}
.case_list li{float:left; padding-bottom:10px; width:14.28%; float:left; border-bottom:#dedede solid 1px; border-right:#dedede solid 1px; box-sizing:border-box; text-align:center;}
.case_list li a.img img{width:92%;}
.case_list li .sb{border-top:#dedede solid 1px; width:80%; margin:0 auto; }
.case_list li h3{text-align:center;padding-top:5px;}
.case_list li h3 a{font-weight:normal; font: 400 14px/26px 微软雅黑;}
/*首页服务项目*/
.fu{
    margin-top: 50px;
}
.fu .top{
    position: relative;
}
.fu .content{
    background: url(../images/fu.jpg) no-repeat top center;
    height: 412px;
    margin-top: 32px;
}
.banner_list{
    padding-top: 49px;
    text-align: center;
}

.banner_list li{
    float: left;   
	background: url(../images/tt1.png?v=2) no-repeat; 
	width:353px; 
	padding-top:15px; 
	padding-left:15px;
	height:264px; 
	margin-left:20px; 
}

.banner_list li img{ width:320px;}

.banner_list li:nth-child(2){
    margin-left: -99px;
}
.banner_list li:nth-child(3){
     margin-left: -99px;
}
.banner_list li:nth-child(4){
     margin-left: -99px;
}

.banner_list li h3{
    width: 258px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    margin-top: 10px;
}
/*首页我们的优势*/
.you{
    margin-top: 0px;
}
.you_left{ float:left; width:580px;}
.you_right{ float:right; width:580px;}
.you_tit{ background:url(../images/fyy.jpg) left 5px no-repeat; height:45px; border-bottom:#70e0e4 solid 1px; padding-left:45px; line-height:45px; font-size:16px; font-weight:bold;}
.you_tit span{ float:right; padding-right:10px;}
.you_tc{ padding-left:20px; padding-top:20px;}
.you_tc li{ float:left; background:url(../images/gou.jpg) left 10px no-repeat; width:16.6%; padding-left:20px; line-height:36px; font-size:14px; box-sizing:border-box; }
.you_yuzhong{padding-left:20px; padding-top:10px;}
.you_yuzhong li{ float:left; width:25%; line-height:36px; font-size:14px;}
.you_yuzhong li span{ float:left; width:30px; padding-top:5px; display:block; margin-right:5px;}
.you_yuzhong li span.wrt{line-height:36px; width:80px;}
/*页面底部*/
#foot{
    background: #3e3e3e;
    height:auto; 
	padding-bottom:20px;
}
#footer{
    position:relative;
    width:1200px;
    margin:0 auto;
    text-align:center;
    color:#ffffff;
}
#footer a{
    color:#ffffff;
}
#footer a:hover{
    color:#e87518;
    text-decoration:none;
}
.nav_foot{
    text-align:left;
	float:left; 
	line-height:45px;
	width:800px;
    color:#ffffff;
    height: 45px;
    overflow: hidden;
}
.nav_foot a{ font-size:14px; margin-right:20px;}
.foot-left{
    width:800px;
	line-height:27px;
	text-align:left;
	padding-top: 20px;
	float:left;
}
.foot-right{
    width: 217px; 
	padding-top: 40px;
	float:right;
}

.lpen{ background:#f3f3f3; padding-top:40px; padding-bottom:20px; margin-bottom:40px;}
.pens_name{ font-size:34px; line-height:70px; text-align:center; color:#000000;  border-bottom:#000000 solid 1px; margin-bottom:20px; }
.crumbs {
	color: #000;
	line-height: 50px;
	font-size: 20px;
	background-color: #e9e7e7
}
.crumbs a {
	color: #000;
	font-size: 20px
}
.contact_01 {
	height:auto;
	overflow: hidden;
	background:url('../images/contact-img4.png') no-repeat  center  ;  
}
.cadds{ padding-top:20px; 	line-height: 30px; color: #4c4c4c; font-size: 16px;}
.cadds strong{ color:#FF0000;}
.caleft{ float:left; width:500px; line-height: 30px; color: #4c4c4c; font-size: 16px; padding-top:15px;}
.caright{ float:right; width:445px;}
.cbleft{ float:left; width:445px;}
.cbright{ float:right;  width:500px; line-height: 30px; color: #4c4c4c; font-size: 16px; padding-top:15px;} 
.pen_title {
	width: 990px;
	margin: 20px auto 0;
	color: #202020;
	text-align: center;
	font-size: 36px;
	border-bottom: 1px solid #828282;
	font-weight: normal;
	line-height: 60px
}

.pen_info {
	text-align: center;
	color: #4c4c4c;
	font-size: 16px;
	padding: 5px 0;
	line-height: 36px
}


.contact_img {
	width: 450px;
	margin-top: 60px
}

.contact_add {
	width: 590px;
	margin-top: 60px
}

.contact_add p {
	color: #202020;
	font-size: 18px;
	line-height: 48px
}
.pen_3 {
	padding: 60px 0;
	text-align: center;
	background-color: #e5e5e5
}

.pen_3 li {
	display: inline-block;
	margin: 0 35px
}

.pen_3_title {
	color: #242323;
	font-size: 28px;
	line-height: 50px
}

.pen_3_info {
	color: #606060;
	font-size: 20px
}
.contact_02 {
	height: 786px;
	overflow: hidden;
	background: url('../images/contact-img2.jpg') no-repeat center
}
.mouth {
	height:auto; 
	width:1200px; 
	margin:0 auto;
	overflow: hidden;
}

.mouth ul {
	margin-top: 100px;
	text-align: center
}

.mouth li {
	display: inline-block;
	margin: 0 55px 10px
}

.mouth li a {
	color: #fff;
	font-size: 22px;
	line-height: 90px;
	display: block
}
.contact_03_box {
	width: 1100px;
	margin: 30px auto;
	overflow: hidden
}
.contact_gs {
	width: 422px
}

.contact_text {
	width: 610px
}

.contact_text p {
	color: #5a5a5a;
	font-size: 16px;
	text-indent: 2em;
	margin-bottom: 10px;
	line-height: 28px
}
.contact_04 {
    height: 650px;
	overflow: hidden;
	background: url('../images/contact-img3.jpg') no-repeat center
}

.contact_item1 {
    text-align: left;
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    margin: auto;
    margin-top: 20px;
    width: 635px;
}

.contact_word {
	color: #191919;
	font-size: 24px;
	text-indent: 2em;
	line-height: 40px
}

.contact_05 {
	height: 700px;
	overflow: hidden;
	background: url('../images/contact-img4.jpg') no-repeat center
}
.contact_06 {
	height: 500px;
	overflow: hidden;
	background: url('../images/contact-img5.jpg') no-repeat center
}
.contact_item {
	text-align: center;
	color: #fff;
	font-size: 24px;
	line-height: 54px;
	margin-top: 20px
}
.price {
	padding: 40px 0;
	background: url('../images/price-bg.jpg') no-repeat center top;
	background-size: 100% 100%
}
.price table{ width:80%;}
.price_name { 
    text-align:center;
	color: #232323;
	font-size: 38px; 
	padding-bottom:15px; 
	padding-top:15px; 
}
.price_lc{ text-align:center;}
.price_txt{ font-size:16px; line-height:28px; padding-top:15px; width:80%; margin:0 auto; padding-bottom:15px;}
.price_at{ color:#FF0000; font-weight:bold;} 
.price_en {
	color: #5b5656;
	font-size: 22px;
	line-height: 60px
}

.price_list {
	overflow: hidden;
	text-align: center
}
.price_list li {
	width: 280px;
	margin: 0 10px 10px;
	color: #0358a4;
	line-height: 60px;
	font-size: 22px;
	background-color: #ededed;
	cursor: pointer;
	float:left;
}
	
.price_list li a{
	font-size:18px;	
}

.price_on {
	color: #fff !important;
	background-color: #0358a4 !important
}
.price_on a{
	color:white;
}
.price_title {
	color: #000; 
	text-align:center;
	font-size: 16px; 
	font-weight:bold;
	line-height: 50px
}


.price_info table {
    border-spacing: 0px;
    text-align: center;
    border-collapse: collapse;
    margin-bottom: 30px;
    margin-top: 20px;
}

.price_info  td{
    border: 1px #d0d0d0 solid; 
	color:#000000;
    line-height: 1.7em;
}

.price_info  td {
    padding: 9px 8px 8px;
    font-size: 16px;
}

.service {
	height: 700px;
	text-align: center;
	background: url('../img/service_bg.jpg') no-repeat center
}
.pen_service {
	height: auto;
	background: none
}
.service_picScroll {
	overflow: hidden;
	position: relative;
	margin-top: 50px
}
.service .picList {
	overflow: hidden
}


.service .picList li {
	float: left;
	width: 300px;
	height: 400px;
	overflow: hidden;
	position: relative
}
.service .picList li.all {
	float: left;
	width: 100%;
	height: 180px;
	overflow: hidden;
	position: relative
}

.service .picList li:hover dl {
	top: 0
}
.service .hd li {
	display: inline-block;
	width: 26px;
	height: 26px;
	color: transparent;
	border-radius: 13px;
	margin: 10px;
	background-color: #b7b7b7
}

.service .hd li.on {
	background-color: #0358a4
}

.service dl {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom:0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	text-align: left;
	transition: top ease .6s
}
.service dt {
	color: #fff;
	font-size: 28px;
	line-height: 60px;
	padding: 15px 40px 0;
	background: url('../img/tiao.png') no-repeat 15px top
}

.service dd {
	padding: 0 40px
}

.service dd a {
	color: #fff;
	font-size: 14px;
	line-height: 26px
}
.pen {
	height:auto; 
	padding-bottom:40px;
	background: url('../images/pen-bg.jpg') repeat-y;
}

.pens_case{display:flex; flex-wrap:wrap;justify-content:space-between;}
.pens_case div{margin-bottom:10px; width:31.5%;}
.pens_case div img{width:100%;}
.pens_case .kytt{width:100%; text-align:center; line-height:22px; font-size:16px; padding-top:10px;}


.pen_left {
	width: 579px;
	padding-right: 20px;
	border-right: 1px dashed #fff;
	margin-top: 30px
}

.pen_right {
	width: 580px;
	padding-left: 20px;
	margin-top: 30px
}
.pen_name {
	color: #f1f749;
	font-size: 20px;
	margin-top: 40px
}

.pen_text {
	color: #fff;
	font-size: 14px;
	text-indent: 2em;
	line-height: 26px
}

.pen_service {
	height: auto;
	background: none
}

.pen_service .picList li {
	width: 298px;
	height: 186px;
	margin: 0 1px 20px
}

.pen_service .picList li dl {
	top: 126px
}

.pen_service .picList li dt {
	background: none;
	font-size: 22px;
	padding: 0 20px;
	line-height: 60px
}

.pen_service .picList li dd {
	color: #fff;
	font-size: 14px;
	padding: 0 20px
}

.success li{
    width: 240px;
    margin: 10px 29px;
	float: left;
	border: 1px solid #828282;
	position: relative; 
	padding-bottom:60px;
 }
.success li img{ width:100%;}
.success li a {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 60px;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	font-size: 24px;
}

.page {
	margin: 40px 0;
	text-align: center
}

.page a {
	color: #7b7b7b;
	font-size: 16px;
	border: 1px solid #7b7b7b;
	padding: 5px 10px; 
	margin-right:5px;
	min-width: 20px;
	display: inline-block
}

.hover {
	color: #fff !important;
	background-color: #0358a4 !important;
}
.news_btn {
	margin-top: 130px
}

.news_btn a {
	display: inline-block;
	width: 120px;
	line-height: 44px;
	color: #363636;
	background-color: #ccc;
	text-align: center;
	font-size: 18px;
	margin: 0 5px
}

.news_on {
	color: #fff !important;
	background-color: #333 !important
}
.case-box{width:1200px;margin:0 auto}
.trends-content-in{margin-bottom:50px;min-height:100px}
.trends-content-in dl{overflow:hidden;padding:25px 0 25px 15px;border-bottom:1px dashed #CCCED5;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;}
.trends-content-in dl dt img{width:251px;height:151px}
.trends-content-in dl dt{float:left}
.trends-content-in dl dd{float:right;width:905px}
.trends-content-in dl dd h1{font-size:18px;color:#333;font-weight:normal;margin-top:5px}
.trends-content-in dl dd p{font-size:14px;color:#999;line-height:25px;margin-top:10px;}
.trends-content-in dl dd span{font-size:12px;color:#CCC;display:block;margin-top:10px;}
.trends-content-in dl:hover{box-shadow: 0 6px 16px #ddd, 0 0 2px #ddd, 0 0 2px #ddd;-webkit-box-shadow: 0 6px 16px #ddd, 0 0 2px #ddd, 0 0 2px #ddd;-moz-box-shadow: 0 6px 16px #ddd, 0 0 2px #ddd, 0 0 2px #ddd;}


.train_02{ padding-bottom:50px;}

.train_02 p{
    font-size: 16px;
	color: #666;
    line-height: 26px;
}
.train_02 p img{ max-width:100%;}
  
.train_02 p.detail_right_time {
	text-align: center;
	color: #4c4c4c;
	font-size: 16px;
	line-height: 50px
}
.fenzhan{ margin-top:30px; padding-bottom:30px;}
.fenzhan_tit{ background:url(../images/fyy.jpg) left 5px no-repeat; height:45px; border-bottom:#70e0e4 solid 1px; padding-left:45px; line-height:45px; font-size:16px; font-weight:bold;}
.fenzhan_tc{ padding:15px;}
.fenzhan_tc li{ float:left;  width:11.11%; line-height:36px; font-size:14px; }
.youqing{ background:#efefef;}
.youqing_tit{ border-bottom:#FFFFFF solid 1px; font-size:16px; line-height:40px; padding-left:15px; font-weight:bold;}
.youqing_tc{ padding:15px; padding-bottom:20px;}
.youqing_tc a{ line-height:36px; display:inline-block; font-size:14px; margin-right:15px; }

#title h2{ font-size:24px; text-align:center; margin-bottom:20px; margin-top:0;}
.hard-body{ padding-bottom:40px;  display:flex; flex-wrap:wrap;justify-content:space-between;}
.hard-body .col3{width:25%;}


.hard-box{ padding:0 20px; padding-top:30px;}
.hard-box .img-responsive{width:100px; margin:0 auto; display:block; }
.hard-box h4{ text-align:center; padding:14px 0; margin:24px 0; border-top:solid 1px #e3e3e3; border-bottom:solid 1px #e3e3e3;}
.hard-box p{ font-size:14px; line-height:24px; margin-bottom:20px;}
.hard-box .p-min{ min-height:96px;}
.hard-box .p-more:last-child{ margin-bottom:0;}
.hard-box .p-more span{padding: 5px 20px; color: #777; border-radius: 5px; border: #e3e3e3 1px solid; margin-right:14px; display:inline-block;}
.hard-box .p-more span:nth-last-child(1){ margin-right:0;}
.hard-table{ padding-bottom:50px;}
.hard-table table td{border:1px solid #b7b6b6} 
.wd1{ text-align:center; font-size:18px; line-height:60px;  width:50%;}
.wd2{ padding:15px; font-size:14px; line-height:30px;}


.bjt{ background:#f3f3f3; font-weight:bold;}
.price_info  td.bja{ text-align:left;}
#allmap{width:100%;height:300px; margin-bottom:40px; margin-top:30px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.zxlxc{ padding-top:20px; padding-bottom:30px; text-align:center; }
.zxlxct{ text-align:center; font-size:18px; font-weight:bold; padding-bottom:30px;}
.zxlxwx{ text-align:center; font-size:18px; display:inline-block; width:240px; line-height:40px;}
.zxlxqq{ text-align:center; font-size:18px; display:inline-block; width:240px;  line-height:40px; margin-left:20px;}
.zxlxtb{ text-align:center; font-size:18px; display:inline-block; width:240px;  line-height:40px; margin-left:20px;}

.zxlxtxt{padding-top:30px; padding-bottom:50px; border-top:#CCCCCC solid 1px; }
.zxlxtxt li{ float:left; width:460px; line-height:30px; font-size:13px; margin-bottom:20px;}
.zxlxtxt li:nth-child(2n){ margin-left:40px;}
.zongbu{line-height:30px; margin-bottom:20px;}


.kyp{ width:48%;}
.kyp img{ width:100%;}
.kytc{ width:48%; font-size:14px; line-height:25px; padding-top:50px;}
.pen_13{ margin-bottom:40px;}

.kknews{display:flex;flex-wrap:wrap;justify-content:space-between;}
.newsck{ width:32%; border:#eeeeee solid 1px; padding-bottom:10px;  }
.newsck-tit{ text-align:center; width:100%;}
.newsck-tit{
	position: relative;
}
.newsck-tit p {
	position: absolute;
	left: 50%; 
	top: 50%;
	margin-left:-65px;
	margin-top:-25px;
	width: 130px; 
	height:50px;
	bottom: 0;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	background: rgba(0,0,0,0.5); 
	border-radius:5px;
	color: #eee;
}
.newsck-tit img {
	width: 100%;
}
.news_listv{ margin-top:10px; padding:0 15px;}
.news_listv li{ line-height:30px; background:url(../images/dtt.jpg) left 12px no-repeat; padding-left:10px; font-size:14px;}
.news_listv li span{ float:right; line-height:30px;}
.fix-bottom{ width:100%;  background:url(../images/bottomc.jpg); height:70px; text-align:center; padding-top:25px; box-shadow: 0px -6px 10px rgba(0,0,0,0.4);}
.fix-bottom a{ display:inline-block; margin-right:15px;}
.fix-bottom a.baojia{ width:200px; height:45px; line-height:45px; background:#952838; color:#FFFFFF; font-size:16px; border-radius:10px;}
.fix-bottom a.free{ width:200px; height:45px; line-height:45px; background:#ffffff; color:#000; font-size:16px; border-radius:10px;}
.fix-bottom a.baojia:hover{background:#892533;}
.fix-bottom a.free:hover{background:#383838; color:#FFFFFF;}
.hidden-m,.m_780,.index_contact{ display:none;}
#header .znav,#header nav,#toolbar{display:none;}
#wxnr{width:100%;height: 100%;max-width: 780px;min-width: 320px;position:fixed;top: 0;z-index:1000;background: rgba(0,0,0,.6); display:none;}



.box{ float:left; width:500px; margin-left:20px; height:32px; overflow:hidden;}
.t_news{ height:19px;  padding-left:10px; margin:8px 0; overflow:hidden; position:relative;}
.t_news b{ line-height:19px; font-weight:bold; display:inline-block;}
.news_li,.swap{ line-height:19px; display:inline-block; position:absolute; top:0; left:72px;}
.swap{top:19px;}






@media screen and (max-width:1200px) {
.pc{ display:none !important;}
.hidden-m{ display:block !important;}
.xu_container,.top {
	width: 98%;
	margin: 0 auto;
}
.about-right,.banner_list li h3,.news-right,#footer{
    width: 100%;
}
.fu .content{
    background:none;
    height:auto;
    margin-top: 32px;
}
.banner_list{
    padding-top:0;
}
.banner_list li{
	background:#eeeeee; 
	width:49%; 
	padding:0px 0px 10px 0; 
	height:auto;
	margin-left:0; 
	margin-top:20px;   
}
.banner_list li img{ width:100%;}
.banner_list li:nth-child(3){
    margin-left:0;
}
.banner_list li:nth-child(2),.banner_list li:nth-child(4){
    margin-left:2%;
}
.banner_list li h3{ font-size:16px;}
.you_left,.you_right{ width:100%; margin-top: 32px;}
.case_list li{width:20%; }
.slideBox,.slideBox  img{ 
    width:100%;
    height:auto; 
}
.img-news{
	width: 20%;
	height:auto; 
}
.img-news img{
	width: 100%;
	height:auto; 
}
.nei-news{
	width: 75%;
}
.newsck{ width:100%; margin-bottom:30px;  }
.fenzhan_tc li{ width:16.6%;  }
.foot-left,.foot-right{
    width: 96%; 
	float:none;
	margin: 0 auto;
}
.logo{
	padding-top:5px; 
	padding-bottom:5px;
}
.logo img{ width:300px;}
#header .znav{ display:block;  margin-top:23px; margin-right:5px;}
#header .znav a {
 display:block;
 width:30px;
 height:40px; 

 position:relative;
}
#header .znav span {
 display:block;
 width:30px;
 height:4px;
 background:#000;
 transition:transform .5s ease
}
#header .znav .menu_top {
 position:absolute;
 top:2px;
 right:0
}
#header .znav .menu_mid {
 position:absolute;
 top:9px;
 right:0;
 opacity:1
}
#header .znav .menu_bot {
 position:absolute;
 top:16px;
 right:0
}
#header .znav span.menu_top_r {
 transform:rotateZ(-45deg);
 transform-origin:center
}
#header .znav .menu_mid_r {
 opacity:0
}
#header .znav .menu_bot_r {
 transform:rotateZ(45deg);
 transform-origin:center
}
#header nav {
 position:absolute; 
 z-index:99;
 top:65px;
 left:0;
 width:100%;
 display:none;
 background:#FFFFFF;
 height:100vh;
 overflow:auto
}
#header .nav_box .menu_box {
padding:10px 20px 60px;
}
#header .nav_box .menu_box>li {
 width:100%;
 box-sizing: border-box;
 padding:0 5px 0 5px ;
 border-bottom:1px solid #dddddd;
}
#header .nav_box .menu_box>li:first-child {
border-top:1px solid #dddddd;
}

#header .nav_box .menu_box li a {
 display:block; 
 width:100%;
 height:50px;
 line-height:50px;
 font-weight:500;
 font-size:16px;
 padding:0 5px 0 5px ;
 position:relative;
}
.contact_03_box {
	width: 98%;
}
.contact_gs {display:none;}
.contact_text {
	width: 100%;
}
.pen_3 li {
	margin: 0 20px
}
.pen_3_info {
	font-size: 18px
}
.pen_title {
	width: 100%; 
	font-size: 28px;
}
.pen_info{width: 94%; margin: 0 auto;}
.contact_02 {
	height:auto;
	background-size:cover;  
}
.mouth {
	height:auto; 
	width: 98%;
}
.mouth ul {
	margin-top: 50px;
}
.mouth li {
	margin: 0 25px 10px
}
.hard-body .col3{width:50%; margin-top:20px;}
.hard-box{ padding:0 10px;}
.hard-body{padding-bottom:20px; }
.success li{
    width:23%;
    margin:1%;
	box-sizing:border-box;
}
.success li a {
	font-size: 22px;
}
.price_txt,.price table,.case-box{width:98%;}
.price_name { 
	font-size: 28px; 
}

.trends-content-in{display:flex; flex-wrap:wrap;justify-content:space-between;}
.trends-content-in dl{overflow:hidden; padding:25px 15px 25px 15px; width:49%;   box-sizing:border-box}
.trends-content-in dl dt img{width:100%;height:auto;}
.trends-content-in dl dd,.trends-content-in dl dt{width:100%;}
.pen_left {
	width: 98%;
	margin-left:1%;
	padding-right:0px;
	border-right:none;
}
.pen_right {
	width: 98%;
	margin-left:1%;
}
.pen_xm{
    padding:0 15px;
	display:flex;
    flex-wrap:wrap;
	justify-content:space-between; 
	margin-bottom:30px;
}
.xm_item{ width:24%; margin-top:20px; background:#0358a4; 	color:#FFFFFF;}
.pen_xm:after{
   content: '';
   width: 24%;
}
.xm_item dl{
	padding: 0 15px 15px 15px; 
}
.xm_item dt{
	font-size: 22px;
	line-height: 50px; 
}
.xm_item dd{
	font-size: 14px;
	line-height: 26px;
}
.kytc{padding-top:20px;}
}
@media screen and (max-width:1000px) {
.zxlxtxt li{ float:left; width:100%;}
.zxlxtxt li:nth-child(1){ margin-bottom:0;}
.zxlxtxt li:nth-child(2n){ margin-left:0;}
.success li{
    width:48%;
}
.kytc{padding-top:10px;}
}
@media screen and (max-width:900px) {
.xm_item{ width:49.5%;}
.pens_case div{width:49.5%;}
.kytc,.kyp{padding-top:20px; width:100%;}
}
@media screen and (max-width:780px) {
.pc_780{ display:none !important;}
.m_780{ display:block !important;}
.case_list li{width:25%; }
.case_list li:last-child{ display:none;}
.case_list li .sb{width:90%;  }
.about-nei-img{ display:none;}
.about-nei-box{ width:100%;}
.about-nei-imga{ display:block; margin-bottom:15px;}
.fix-bottom{ margin-bottom:74px;}

  /* 工具栏 */
#toolbar{position: fixed;bottom: 0;width: 100%;z-index:9999;height:74px;left: 0; display:block; }
#toolbar .list{width: 100%;max-width:780px;min-width: 320px; margin:0; margin: 0 auto;background: #952838; height:74px; padding:0; }
#toolbar .list li{float: left; width: 25%; text-align: center; border-right:#db3a52 solid 1px; height:74px; list-style:none; box-sizing:border-box;}
#toolbar .list li:nth-child(4){border-right:none;}
#toolbar .list a{display: block; height:66px; padding-top:8px; }
#toolbar .list a span{text-align: center; color: #fff; display: block; font-size:14px;}
#toolbar .list a span.icon{font-size:26px;}

/*微信弹窗*/

#wxnr .nrdf{margin: auto;position: absolute;top: 50%;left: 0;right: 0;width:200px;height:220px;padding:20px;padding-top:20px;margin-top: -20px;text-align:center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;}

#wxnr img{width: 150px;height: 150px;display: block;margin: 0 auto; }
#wxnr div{font-size:14px;line-height:20px;text-align:center; padding:0; margin-top:6px;} 
#wxnr i{position: absolute;top:5px;right:5px;width:26px;height:26px;font-size:18px;line-height:25px;text-align:center;color: #fff;font-style: normal;background: #333;border-radius: 13px;cursor: pointer;}
#wxnr span{display:inline-block;padding:3px 10px;line-height:20px;background-color:#f74042;color:#fff;border-radius:5px;cursor:pointer;}
#wxnr span.icon{padding:0; font-size: 26px;}

.pen_3 li img{ width:140px;}
.pen_3_title {
	font-size: 24px;
}
.pen_3_info {
	font-size: 14px
}
.crumbs,.crumbs a {
	font-size: 16px;
}
.zxlxwx,.zxlxqq,.zxlxtb{ width:140px;}
.success li a {
	font-size: 16px;
	line-height: 50px;
}
.index_contact{display:block !important; margin-bottom:20px;}
}
@media screen and (max-width:640px) {
.case_list li{padding:2px 0;}
.case_list li .sb{ display:none; }
.pen_3 li img,.price_lc img{ max-width:100%;}
.pen_3 li { 
    width:100%;
	margin: 0; 
	margin-top:30px;
}
.pen_3 li:fist-child { 
	margin-top:0;
}

}
@media screen and (max-width:480px) {
.trends-content-in dl{width:100%;}
.you_tc li{width:33.3%; }
.you_yuzhong li span{width:100%; padding-top:5px; display:block; text-align:center;}
.you_yuzhong li span img{ width:60%; }
.you_yuzhong li span.wrt{line-height:36px; width:100%;}
/*.case_list li{width:50%; }*/

.fix-bottom a.baojia{ width:145px; height:45px; line-height:45px; background:#952838; color:#FFFFFF; font-size:16px; border-radius:10px;}
.fix-bottom a.free{ width:145px; height:45px; line-height:45px; background:#ffffff; color:#000; font-size:16px; border-radius:10px;}
.img-news{
	width: 30%;
}
.nei-news{
	width: 65%;
}
.mouth li {
	margin: 0 5px 10px
}
.mouth li a {
	font-size: 18px;
	line-height: 70px;

}
/*.zxlxwx,.zxlxqq,.zxlxtb{ width:100px;}*/
.zxlxwx img,.zxlxqq img,.zxlxtb img{ width:100px;}
.xm_item,.pens_case div{ width:100%;}
}