@charset "utf-8";

* {margin: 0;padding: 0;border-radius: 0;}
body {font-size: 12px;font-family: "微软雅黑"; margin: 0px auto;background: #fff;}
ul,li {list-style: none;margin: 0;padding: 0;}
a {text-decoration: none;}
img {border: none;vertical-align: middle;}
h1,h2,h3,h4,h5,h6{font-weight: normal;color: #000;}
i{font-style: normal;}

#top{width: 100%;height: auto;background-color: #fff;}
.top{width: 96%;max-width: 1200px;height:auto;margin: 0 auto;position: relative;overflow: hidden;}
.top .top_left{float: left;width: 19%;}
.top .top_center{float: left;width: 50%;margin: 0 4%;padding: 0 2% 0 3%;box-sizing: border-box;}
.top .top_center .top_center1 ul{overflow: hidden;margin-top: 18px;}
.top .top_center .top_center1 ul li{float: left;}
.top .top_center .top_center1 ul li:hover a{color: #3770b7;}
.top .top_center .top_center1 ul li a{display: inline-block;font-size: 18px;color: #8d8d8d;line-height: 24px;vertical-align: middle;}
.top .top_center .top_center1 ul li span{display: inline-block;font-size:18px;line-height: 24px;vertical-align: middle;color: #8d8d8d;margin: 0 6px;}
.top .top_center .top_center2{width:100%;margin-top:16px;border: 4px solid #3770b7;height: 56px;box-sizing: border-box;position: relative;}
.top .top_center .top_center2 input{border: 0;outline: 0;width: 79%;height: 48px;font-size: 19px;color: #8d8d8d;padding-left: 56px;}
.top .top_center .top_center2 span{position: absolute;top: 50%;left: 0;transform: translate(50%,-50%);}
.top .top_center .top_center2 img{width: 26px;}
.top .top_center .top_center2 a{display: inline-block;width: 82px;height: 100%;line-height: 50px;background-color: #3770b7;position: absolute;right: 0;top: 0;text-align: center;color: #fff;font-size: 18px;}
.top .top_right{float: right;width: 23%;padding-top: 43px;}
.top .top_right img{width: 255px;height: auto;}

.top_menu{display: none;}


/* 侧边栏 */
.sidebar{position: fixed;right: 0;top: 50%;z-index: 999;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
}
.sidebar ul li{width: 80px;height: 75px;border-top: 2px solid #e6e6e6;border-left: 2px solid #e6e6e6;text-align: center;background-color: #fff;padding-top: 16px;cursor: pointer;position: relative;}
.sidebar ul li.return_top{height: 40px;padding-top: 7px;background-color: #f5f5f5;border-bottom: 2px solid #e6e6e6;}
.sidebar ul li p{padding-top: 8px;font-weight: 600;text-align: center;color: #656565;font-size: 14px;}
.sidebar ul li:hover .hide{display: block;}
.sidebar ul li div.hide{display: none;position: absolute;left: -22%;top: 50%;transform: translate(-100%,-50%);border-radius: 8px;background-color: #fff;border: 1px solid #f5f5f5;}
.sidebar ul li div.hide::before{content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-left-color: #e1e1e1;position: absolute;right: 0;top: 50%;transform: translate(100%,-50%);}
.sidebar ul li.phone .hide{width: 258px;height: 75px;padding:10px;text-align: left;}
.sidebar ul li.phone .hide h1{font-size: 28px;font-weight: 550;color: #3770b7;}
.sidebar ul li.phone .hide p{text-align: left;color: #000;}
.sidebar ul li.wx .hide{text-align: center;padding: 5px;}
.sidebar ul li.wx .hide img{width: 145px;}
.sidebar ul li.wx .hide p{font-size: 12px;font-weight: normal;padding: 13px 4%;color: #999;}
.sidebar ul li.gzh .hide{text-align: center;padding: 5px;}
.sidebar ul li.gzh .hide img{width: 145px;}
.sidebar ul li.gzh .hide p{font-size: 12px;font-weight: normal;padding: 13px 4%;color: #999;}

.sidebar ul li img{width: 32px;height: auto;}
/* 导航 */
.nav{text-align: center;height: 50px;background-color: #e3e3e3;margin-top: 20px;}
.nav ul{display:block;width: 96%; max-width: 1200px; margin: 0 auto;overflow: hidden;line-height: 50px;}
.nav ul li{float: left;width: 16.6%;height: 50px;text-align: center;font-weight: 700;}
.nav ul li a{display: block;color: #303030;font-size: 16px;}
.nav ul li.hover a{color: #3770b7;}
.nav ul li a:hover{color: #3770b7;}

/* banner */
.pc_banner{overflow: hidden;width: 96%;max-width: 1200px;height: 400px; margin: 0 auto;padding: 10px 0;}
.pc_banner .ilist{float: left;width: 24%;height: 100%;background-color: #f5f5f5;padding: 25px 18px;box-sizing: border-box;overflow: hidden;}
.pc_banner .ilist .ilist_item{overflow: hidden;margin-bottom: 10px;}
.pc_banner .ilist .ilist_item div.ilist_left{height:auto;text-align: left;font-weight: 600;color: #272727;font-size: 14px;margin-bottom: 4px;}
.pc_banner .ilist .ilist_item div.ilist_right{height: auto;text-indent: 1em;}
.pc_banner .ilist #ilist_item1{margin-bottom: 15px;}
.pc_banner .ilist #ilist_item1 div.ilist_right{border-bottom: 1px solid #dfdfdf;padding-bottom: 15px;overflow: hidden;}
.pc_banner .ilist .ilist_item div.ilist_right span.ilist_type,
.pc_banner .ilist .ilist_item div.ilist_right span.ilist_type ~ span{float: left;width: 33.33%;text-align: center; color: #565050;font-size: 14px;font-weight: 550;cursor: pointer;}
.pc_banner .ilist .ilist_item div.ilist_right span.ilist_type:hover,
.pc_banner .ilist .ilist_item div.ilist_right span.ilist_type ~ span:hover{color: #3770b7;}
.pc_banner .ilist .ilist_item div.ilist_right span.active{color: #3770b7;}
.pc_banner .ilist .ilist_item div.ilist_right ul{overflow: hidden;}
.pc_banner .ilist .ilist_item div.ilist_right ul li{float: left;width: 33.3%; color: #000;font-size: 14px;line-height: 24px;}
.pc_banner .ilist #ilist_item2 div.ilist_right ul li{width: 33.3%;white-space: nowrap;}
.pc_banner .ilist #ilist_item3 div.ilist_right ul li{line-height: 25px;white-space: nowrap;}
.pc_banner .ilist .ilist_item div.ilist_right ul li span{color: #000;font-size: 14px;}
.pc_banner .ilist .ilist_item div.ilist_right ul li i{color: #656565;font-size: 14px;}
.pc_banner .ilist .more{float: right;margin-right: 4%;font-size: 14px;color: #000;}
.pc_banner .ilist .more:hover{text-decoration: underline;}

.pc_banner .slideBox{float: left;width: 75%;height: 100%;margin-left: 1%;}
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; bottom:13px; z-index:1; transform: translateX(-50%);}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin:0 8px;  width:50px; height:5px; line-height:14px; text-align:center; background:#fff;opacity: 0.7; cursor:pointer; border-radius: 15px;}
.slideBox .hd ul li.on{opacity: 1;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd div{height: 100%;}
.slideBox .bd ul{height: 100%;}
.slideBox .bd li{ zoom:1; vertical-align:middle; width: 100%;height: 100%;}
.slideBox .bd li img{width: 100%;height: 100%;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:6%; top:50%; margin-top:-40px; display:block; opacity:0.5;}
.slideBox .next{ left:auto; right:6%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.box_swipe{display: none;}

.sj_banner_de{display: none;}

/* 热门场地 */
.ifield{width: 100%;height: auto;background-color: #f5f5f5;padding: 45px 0 0 0;}
.ifield .ifield_title{width: 96%;max-width: 1200px;height:auto;margin: 0 auto -17px;overflow: hidden;}
.ifield .ifield_title h1{display: inline-block;font-size: 24px;font-weight: 700;color: #000;vertical-align: middle;margin-left: 10px;}
.ifield .ifield_title p{display: inline-block;font-size: 16px;font-weight: 700;color: #cbcbcb;vertical-align: bottom;}
.ifield .ifield_title img{width: 30px;height: auto;}
.ifield .ifield_item{width: 96%;max-width: 1200px;height:auto;margin: 0 auto;position: relative;padding: 40px 0;}
/* .ifield #ifield_item2{background-color: #fff;} */
.ifield .ifield_item .item_title{overflow: hidden;margin-bottom: 18px;}
.ifield .ifield_item .item_title h1{float: left;font-size: 22px;line-height: 22px;border-left: 6px solid #3770b7;padding-left: 5px;font-weight: 550;color: #3770b7;}
.ifield .ifield_item .item_title a{float: right;font-size: 16px;color: #3770b7;font-weight: 550;}
.ifield .ifield_item .item_title a:hover{text-decoration: underline;}
.ifield .ifield_item ul{overflow: hidden;display: block;}
.ifield .ifield_item ul li{float: left; width: 24%;margin-right:1%;overflow: hidden;line-height: 50px;}
.ifield .ifield_item ul li:hover p{color: #3770b7;}
.ifield .ifield_item ul li:hover img{transform: scale(1.1);}
.ifield .ifield_item ul li div{overflow: hidden;width: 100%;height: auto; position: relative;}
.ifield .ifield_item ul li img{width: 100%;height: auto;transition: all .4s;z-index: 9;}
.ifield .ifield_item ul li p{float: left;font-size: 16px;font-weight: 600;color: #202020;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.ifield .ifield_item ul li span{float: right;font-size: 16px;font-weight: 600;color: #3770b7;}

/* 案例 */
.icase{width: 100%;height: auto;background-color: #fff;padding-bottom: 60px;}
.icase .icase_title{width: 96%;max-width: 1200px;margin: 52px auto 0;overflow: hidden;}
.icase .icase_title img{width: 30px;height: auto;}
.icase .icase_title div{float: left;}
.icase .icase_title div h1{display: inline-block;vertical-align: middle;font-size: 24px;font-weight: 700;color: #000;margin-left: 10px;}
.icase .icase_title div p{display: inline-block;vertical-align: bottom;font-size: 16px;font-weight: 700;color: #cbcbcb;}
.icase .icase_title a{float: right;font-size: 16px;color: #3770b7;font-weight: 550;}
.icase .icase_title a:hover{text-decoration: underline;}
.icase .icase_item{width: 96%;max-width: 1260px;margin: 11px auto 0;padding-bottom: 11px;}
/* 滚动动画 */
.picScroll-left{position:relative;}
.picScroll-left .hd{width: 100%;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;overflow:hidden;cursor:pointer; font-family: '宋体';font-size: 25px;}
.picScroll-left .hd .next{position: absolute;top: 50%;right: -3%;transform: translateY(-50%);}
.picScroll-left .hd img{width: 30px;transition: all .4s;}
.picScroll-left .hd img:hover{transform: scale(1.2);}
.picScroll-left .hd .prev{position: absolute;top: 50%;left: -3%;transform: translateY(-50%);}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:20px;   }
.picScroll-left .bd div{margin: 0 auto;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 7.5px;width: 288px;  float:left; _display:inline; overflow:hidden; text-align:center;position: relative;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:100%; height:auto; display:block;transition: all .4s;}
.picScroll-left .bd ul li:hover .pic img{transform: scale(1.1);}
.picScroll-left .bd ul li:hover .title{background-color: rgb(0,0,0,0.6);}
.picScroll-left .bd ul li:hover .title h1{color: #3770b7;}
.picScroll-left .bd ul li:hover .title p{color: #3770b7;}
.picScroll-left .bd ul li .title{width: 100%;position: absolute;bottom: 0;left: 0;background-color: rgb(0,0,0,0.5);text-align: left;padding: 5px 0;}
.picScroll-left .bd ul li .title h1{display: inline-block;line-height: 20px;color: #fff;font-size: 16px;padding: 0 0 0 10px;}
.picScroll-left .bd ul li .title p{display: inline-block;font-size: 14px;color: #fff;}
.picScroll-left .bd ul li .title span{display: block;font-size: 14px;padding: 0 10px;color: #fff;}

/* 底部 */
#bottom{width: 100%;height: auto;background-color: #f5f5f5;}
.bottom{width: 96%;max-width: 1200px;margin: 0 auto;overflow: hidden;padding-top: 20px;}
.bottom .bottom1{overflow: hidden;border-bottom: 2px solid #dcdcdc;padding-bottom: 20px;}
.bottom .bottom1 > div{display: inline-block;}
.bottom .bottom1 .logo{max-width: 250px;margin-top: 35px;padding-bottom: 17px; border-bottom: 2px dashed #dcdcdc;}
.bottom .bottom1 .logo i{display: block; text-align: center;padding-top: 12px;color: #484848;font-style: italic;letter-spacing: .42px;font-weight: 500;font-size: 14px;}
.bottom .bottom1 .bottom_text{color: #848484;margin-left: 4%;font-weight: 400;width: 200px;font-size: 14px;}
.bottom .bottom1 .bottom_tel{float: right;width: 340px; margin-top: 55px;margin-right: 6%;}
.bottom .bottom1 .bottom_tel a{font-size: 22px;font-weight: 550;color: #3770b7!important;vertical-align: top;}
.bottom .bottom1 .bottom_tel p{font-size: 14px;color: #848484;line-height: 28px;margin-top: 15px;margin-left: 10px;}
.bottom .bottom1 .bottom_tel span{display: table-cell;white-space: nowrap;}
.bottom .bottom1 .bottom_ewm{text-align: center;float: right;}
.bottom .bottom1 .bottom_ewm img{width: 140px;height: 140px;}
.bottom .bottom1 .bottom_ewm p{font-size: 12px;color: #8e8e8e;margin-top: 10px;}
.bottom .bottom2 p{display: inline-block;height: 50px;line-height: 50px;color: #848484;font-size: 14px;}
.bottom .bottom2 a{color: #848484;font-size: 14px;}
.bottom .bottom2 a:hover{color: #3770b7;}
.bottom .bottom2 span{color: #848484;font-size: 14px;}

/* 场地资源 */
.pro_list{width:96%;max-width: 1200px;margin: 30px auto 0;position: relative;}
.pro_list ul{border-bottom: 2px solid #3770b7;margin: 10px 0;overflow: hidden;}
.pro_list ul li{float: left;text-align: center;}
.pro_list ul li a{display: block; width: 100px;height: 40px;line-height: 40px; font-size: 16px;color: #a2a2a2;}
.pro_list ul li:hover a{background-color: #3770b7;font-weight: 550;color: #fff;}
.pro_list ul li.active a{background-color: #3770b7;font-weight: 550;color: #fff;}
.pro_city{width:96%;max-width: 1200px;margin: 0 auto;position: relative;line-height: 40px;overflow: hidden;}
.pro_city p{float: left; vertical-align: middle;font-size: 16px;color: #3770b7;width: 10%;}
.pro_city ul{float: left; overwflow: hidden;vertical-align: middle;width: 90%;}
.pro_city ul li{float: left;margin: 0 1%;}
.pro_city ul li a{font-size: 16px;color: #a2a2a2;}
.pro_initials{width:96%;max-width: 1200px;margin: 0 auto;position: relative;overflow: hidden;}
.initials_top{overflow: hidden;line-height: 40px;}
.initials_top p{float: left;width: 10%;vertical-align: middle;font-size: 16px;color: #3770b7;}
.initials_top ul{float: left; width: 90%; overflow: hidden;vertical-align: middle;}
.initials_top ul li{float: left;width: 40px ;height: 40px;color:#000;font-size: 14px;text-align: center;line-height: 40px;margin:0.5%;background-color: #ddd;cursor: pointer;}
.initials_top ul li.active{background-color: #3770b7;color: #fff;}
.initials_bottom{overflow: hidden;}
.initials_bottom ul.active{display: block;}
.initials_bottom ul{display: none; overflow: hidden;width: 90%;float: right;line-height: 40px;}
.initials_bottom ul li{float: left;margin: 0 1%;}
.initials_bottom ul li a{font-size: 16px;color: #a2a2a2;}

.product{width: 96%;max-width: 1200px;margin: 30px auto;}
.product ul{overflow: hidden;display: block;}
.product ul li{float: left; display:inline-block;width: 31.5%;margin-right:2.45%;overflow: hidden;line-height: 50px;margin-bottom: 30px;}
.product ul li:hover p{color: #3770b7;}
.product ul li:hover img{transform: scale(1.1);}
.product ul li div{overflow: hidden;width: 100%;position: relative;}
.product ul li img{width: 378px;height:252px;transition: all .4s;position: relative;right: 0;bottom: 0;z-index: 9;}
.product ul li p{float: left;font-size: 16px;font-weight: 600;color: #202020;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.product ul li span{float: right;font-size: 16px;font-weight: 600;color: #3770b7;}

/* 场地资源内页 */
.pro_de{width: 96%;max-width: 1200px;margin: 0 auto;}
.pro_de .pro_de1{overflow: hidden;}
.pro_de .pro_de1 .pro_de1_l{float: left;width: 60%;height: auto;}
.pro_de .pro_de1 .pro_de1_r{float: left;width: 40%;height: auto;box-sizing: border-box;padding-left: 4%;}
.pro_de .pro_de1 .pro_de1_r h1{line-height: 46px;font-size: 26px;color: #1a1a1a;font-weight: 600;padding-bottom: 20px;border-bottom:1px solid #dcdfe6;}
.pro_de .pro_de1 .pro_de1_r .jgmj{overflow: hidden;width: 100%;}
.pro_de .pro_de1 .pro_de1_r .jg{margin: 20px 0;float: left;width: 50%;border-right: 2px solid #f8f8f8;box-sizing: border-box;}
.pro_de .pro_de1 .pro_de1_r .jg span{font-size: 26px;font-weight: 600;color: #3770b7;display: block;}
.pro_de .pro_de1 .pro_de1_r .jg p{padding-top: 5px;color: #303030;font-size: 14px;display: block;}
.pro_de .pro_de1 .pro_de1_r .mj{margin: 20px 0;float: left;width: 50%;padding-left: 20px;box-sizing: border-box;}
.pro_de .pro_de1 .pro_de1_r .mj span{font-size: 26px;font-weight: 600;color: #3770b7;display: block;}
.pro_de .pro_de1 .pro_de1_r .mj p{padding-top: 5px;color: #303030;font-size: 14px;display: block;}

.pro_de .pro_de1 .pro_de1_r .zx{background-color: #f8f8f8;margin: 20px 0;}
.pro_de .pro_de1 .pro_de1_r .zx span{display: inline-block; height: 50px;line-height: 50px;padding: 0 20px;font-weight: 600;color: #fff;background-color: #3770b7;text-align: center;font-size: 14px;vertical-align: middle;}
.pro_de .pro_de1 .pro_de1_r .zx p{display: inline-block;padding: 0 20px;height: 50px;line-height: 50px;font-weight: 600;color: #1a1a1a;font-size: 26px;vertical-align: middle;}
.pro_de .pro_de1 .pro_de1_r .dz{margin: 20px 0;}
.pro_de .pro_de1 .pro_de1_r .dz span{line-height: 30px;width: 70px;text-align: left;color: #a0a0a0;font-size: 14px;display: inline-block;}
.pro_de .pro_de1 .pro_de1_r .dz p{line-height: 30px;text-align: left;color: #1a1a1a;font-size: 14px;}

.w3cFocus {width: 100%;position: relative;height: auto;}
.w3cFocus .prev,.w3cFocus .next {display: block; width: 20px;height: 80px;line-height: 80px;text-align: center;font-family: '宋体';color: #fff;font-size: 20px; background-color: rgba(0,0,0,0.5);margin-top: 5px;z-index: 999;position: absolute;bottom: 0;}
.w3cFocus .prev{left: 0;}
.w3cFocus .next {right: 0;}
.w3cFocus .prev:hover,.w3cFocus .next:hover {filter: alpha(opacity=100) !important;opacity: 1 !important;}
.w3cFocusIn {width: 100%;height: auto;position: relative;margin: 0 auto;overflow: hidden;}
.w3cFocusIn .bd li {vertical-align: middle;}
.w3cFocusIn .bd li img {width: 720px;height: 480px;display: block;}
.w3cFocusIn .hd {width: 100%;position: relative;}
.w3cFocusIn .hd ul {vertical-align: middle;display: inline-block;overflow: hidden;zoom: 1;}
.w3cFocusIn .hd ul li {width: 117.5px;height: 80px; position: relative;float: left;display: inline;padding-top: 5px;margin-right: 3px;cursor: pointer;}
.w3cFocusIn .hd ul li:last-of-type{margin-right: 0;}
.w3cFocusIn .hd ul li::after{overflow: hidden; display: none; content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 5px;background-color: #3770b7;}
.w3cFocusIn .hd ul li img {width: 100%;height: 100%;display: block;}
.w3cFocusIn .hd ul li.on::after {display: block;}

/* 内页标题 */
.pro_de_title{width: 96%;max-width: 1200px;height:auto;overflow: hidden;margin-bottom: 17px;}
.pro_de_title h1{display: inline-block;font-size: 24px;font-weight: 700;color: #000;vertical-align: middle;margin-left: 10px;}
.pro_de_title p{display: inline-block;font-size: 16px;font-weight: 700;color: #cbcbcb;vertical-align: bottom;}
.pro_de_title img{width: 30px;height: auto;}

.pro_de .pro_de2{overflow: hidden;margin-top: 30px;}
.pro_de .pro_de2 .pro_de2_l{float: left;width: 60%;height: auto;}
.pro_de .pro_de2 .pro_de2_l > p{padding: 20px 0 60px 0;font-size: 16px;text-indent: 2em;}
.pro_de .pro_de2 .pro_de2_r{float: left;width: 40%;height: auto;box-sizing: border-box;padding-left: 4%;}
.pro_de .pro_de2 .pro_de2_r img{max-width: 90%;margin: 0 5% 0 5%;}

.pro_de .pro_de3 ul{overflow: hidden;margin: 40px auto 30px;border-bottom: 1px solid #dcdcdc;padding-bottom: 30px;}
.pro_de .pro_de3 ul li{float: left;width: 25%;box-sizing: border-box;padding-left: 2%;border-left: 1px solid #dcdcdc;}
.pro_de .pro_de3 ul li img{margin-right: 5px;width: 25px;height: auto;}
.pro_de .pro_de3 ul li h1{font-size: 16px;font-weight: 600;color: #1a1a1a;vertical-align: middle;margin-bottom: 15px;}
.pro_de .pro_de3 ul li p{width: 100%;color: #686868;line-height: 22px;font-size: 14px;margin-bottom: 4px;}
.pro_de .pro_de3 ul li span{color: #686868;font-weight: 600;line-height: 22px;min-width: 70px;font-size: 14px;vertical-align: middle;}

.pro_de .pro_de4{margin-bottom: 60px;}
.pro_de .pro_de4 .pc_map{margin-top: 16px;width: 100%;height: 350px;overflow: hidden;}
.pro_de .pro_de4 .sj_map{display: none;}
.pro_de .pro_de4 > p{text-align: center;margin-top: 24px;color: #686868;font-size: 14px;}

/* 案例 */
.case{width: 96%;max-width: 1200px;margin: 65px auto;position: relative;}
.case ul{ overflow:hidden; zoom:1; }
.case ul li{width: 31.5%; margin:0 2.45% 2.45% 0;display: inline-block; overflow:hidden; position: relative;cursor: pointer;}
.case ul li .case_pic{ text-align:center; }
.case ul li .case_pic img{ width:100%; height:auto; display:block;transition: all .4s;}
.case ul li:hover .case_pic img{transform: scale(1.1);}
.case ul li:hover .case_title{background-color: rgb(0,0,0,0.6);}
.case ul li:hover .case_title h1{color: #3770b7;}
.case ul li:hover .case_title p{color: #3770b7;}
.case ul li .case_title{width: 100%;position: absolute;bottom: 0;left: 0;background-color: rgb(0,0,0,0.5);text-align: left;padding: 5px 0;}
.case ul li .case_title h1{display: inline-block;line-height: 20px;color: #fff;font-size: 16px;padding: 0 0 0 10px;}
.case ul li .case_title p{display: inline-block;font-size: 14px;color: #fff;}
.case ul li .case_title span{display: block;font-size: 14px;padding: 0 10px;color: #fff;}

/* 案例内页 */
.case_de{width: 96%;max-width: 900px;margin: 0 auto;position: relative;text-align: center;}
.de_title{margin: 60px 0;}
.de_title h1{line-height: 46px;font-size: 26px;color: #1a1a1a;font-weight: 600;}
.de_title p{margin-top: 10px;color: #6e6e6e;font-size: 14px;}
.case_de > p{font-size: 14px;text-align: center;margin: 20px 0;}
.case_de img{max-width: 100%;margin: 5px 0;}

/*分页*/
.fy{width: 100%;height: 36px;margin:-35px 0 75px 0;font-size: 20px;color: #666;text-align: center;position: relative;z-index: 99;}
.fy ul{display:inline-block;}
.fy ul li{float: left;font-size: 12.65px;margin-left: 5px;margin-right: 5px;width: 32px;height: 34px;background: #fff;border: 1px solid #d6d6d6; text-align: center;line-height: 34px;}
.fy ul li a{color: #333333;display: block;}
.fy ul li a.prev,.fy ul li a.next{font-family: '宋体';}
.fy ul .fy1{background: #dddddd;}
.fy ul li.hover{background: #3770b7;border-color: #3770b7;}
.fy ul li.hover a{color: #fff;}
.fy ul li:hover{background: #3770b7;border-color: #3770b7;}
.fy ul li:hover a{color: #fff;}

/* 内页导航 */
.de_nav{width: 96%;max-width: 1200px;margin: 30px auto;position: relative;}
.de_nav a{color: #a2a2a2;padding-right: 5px;font-size: 14px;}
.de_nav a:hover{color: #3770b7;}
.de_nav span{color: #a2a2a2;padding-right: 5px;font-size: 14px;font-family: '宋体';font-weight: bold;}

/* 露营场地 */
/* .area{width: 96%;max-width: 1200px;margin: 70px auto 0;position: relative;text-align: center;}
.area .area_text h1{font-size: 18px;font-weight: 700;color: #3770b7;}
.area .area_text p{font-size: 14px; color: #727272;margin: 17px 0;}
.area .area_box ul{overflow: hidden;max-width: 800px;margin: 60px auto;}
.area .area_box ul li{float: left;width: 25%;text-align: center;}
.area .area_box img{width: 92px;height: 92px;}
.area .area_box h1{font-size: 16px;color: #262626;margin: 0;line-height: 40px;margin-top: 5px;font-weight: bold;}
.area .area_box p{font-size: 12px;color: #727272;margin: 0;} */
.area{width: 100%;height: auto;overflow: hidden;margin: 0px auto;max-width: 1200px; margin-top:50px;}

.area .area_b2{margin-top: 50px;}
.area .area_b2 ul li{width: 100%;height: 200px; margin-bottom: 30px;}
.area .area_b2 ul li a .area_img{width: 23%;float: left;padding-left: 0%;padding-right: 0%; height:auto; overflow:hidden;}
.area .area_b2 ul li a .area_img img{width: 100%; height:auto;transition: all 0.5s;}
.area .area_b2 ul li a .area_img img:hover{transform: scale(1.1);}
.area .area_b2 ul li a .area_b1_1{width: 60%;float: left;padding-left: 3%;padding-right: 3%;}.area .area_b2 ul li a .area_b1_2{width: 80%;float: left;padding-left: 3%;padding-right: 3%;}
.area_b1_1 h1,.area_b1_2 h1{font-size: 20px;color: #000;font-weight: normal;height:auto;line-height: 30px; padding-top:20px;padding-bottom:10px;}
.area_b1_1 p,.area_b1_2 p{font-size: 16px;color: #898989;line-height: 28px; height:auto;}

.news_r{width: 10%;height: 100%;float: right;font-size: 22px;color: #898989;text-align: right;}
.news_r div{width:90%; margin:0 auto; text-align:right;height:100%; font-size:18px;}
.news_r div h3{font-size:32px; font-weight:500; height:45px; padding-top:10px;}
.news_r div p{height:30px;  width:100%;text-align:right;}.news_r div p img{margin:2px;filter: grayscale(100%);opacity:0.6;}

.area .area_b1 ul li:hover .area_b1_1 h1,.area .area_b1 ul li:hover .area_b1_2 h1{color: #3770b7;}
.area .area_b1 ul li:hover .news_r div p img{filter:none;opacity:1;}

/* 内页banner */
.pc_banner_de{width: 96%;max-width: 1200px;margin: 40px auto 0;}
.pc_banner_de img{width: 100%;height: auto;}

/* 联系我们 */
.contact{margin-bottom: 50px;}
.contact .contact_text{width: 96%;max-width: 900px;margin: 30px auto 60px;position: relative;}
.contact .contact_text p{font-size: 16px;color: #6e6e6e;line-height: 50px;text-indent: 2em;}
.contact .contact_phone{width: 96%;max-width: 900px;margin: 0 auto;overflow: hidden;}
.contact .contact_phone div{float: left;width: 50%;}
.contact .contact_phone i{line-height: 35px;}
.contact .contact_phone span{font-size: 16px;color: #6e6e6e;margin-left: 5px;vertical-align: middle;}
.contact .contact_phone p{font-size: 24px;color: #252424;margin-top: 10px;}
.contact .contact_phone img{width: 35px;height: auto;}

/* 新闻资讯 */
.news{width: 100%;height: auto;margin: 70px auto;overflow: hidden;}
.news ul{width: 96%;height: auto;overflow: hidden;margin:0px auto;max-width: 1200px;}
.news ul li:hover .news_2 h1{color: #3770b7;}
.news ul li:hover .news_1 img{transform: scale(1.1);}
.news ul li{width: 100%;height: 239px;overflow: hidden;background: #fff;cursor: pointer;padding-top: 35px;padding-bottom: 35px;}
.news ul li a{display: block;height: 309px;overflow: hidden;}
.news ul li a .news_1{width: 30%;max-width: 389px;float: left;overflow:hidden;}
.news ul li a .news_1 img{width: 100%;height: auto;transition:all 0.5s;}
.news ul li a .news_2{width: 65%;float: right;height: 309px;overflow: hidden;}
.news ul li a .news_2 h1{height: 40px;font-size: 24px;color: #333;line-height: 40px;overflow: hidden;margin-top: 7px;}
.news ul li a .news_2 h2{font-weight: normal;font-size: 18px;color: #333;margin-top: 10px;}
.news ul li a .news_2 p{font-size: 15px;color: #666;line-height: 25px;height: 44px;overflow: hidden;margin-top: 20px;}
.news ul li a .news_2 .more{width: 79px;height: 24px;margin-top: 55px;font-size: 12px;border:1px #a0a0a0 solid;border-radius: 15px;line-height: 24px;text-align: center;color: #666666;} 

/* 新闻资讯内页 */
.news_de{width: 96%;max-width: 900px;margin: 0 auto;position: relative;text-align: center;}
.news_de > p{font-size: 14px;text-align: center;margin: 20px 0;}
.news_de img{max-width: 100%;margin: 5px 0;}


@media screen and (max-width:1388px){
/* .picScroll-left {width: 50%;} */
.picScroll-left .hd .next{right: 0%;}
.picScroll-left .hd .prev{left: 0%;}
}
@media screen and (max-width:1288px){
.pc_banner .ilist{padding: 25px 20px;}
/* .pc_banner .ilist .ilist_item div.ilist_right span.ilist_type, 
.pc_banner .ilist .ilist_item div.ilist_right span.ilist_type ~ span{margin-right: 3%;font-size: 15px;} */
.pc_banner .ilist .ilist_item div.ilist_right ul li{width: auto;line-height: 23px;}
.pc_banner .ilist .ilist_item div.ilist_right ul li span{font-size: 13px;}
.pc_banner .ilist .ilist_item div.ilist_right ul li i{font-size: 13px;}
.pc_banner .ilist .more{font-size: 13px;}
}
@media screen and (max-width:1188px){
.top .top_center .top_center1 ul li a{font-size: 16px}
.top .top_center .top_center2 input{font-size: 17px;}
.top .top_center .top_center2 a{font-size: 17px;}
.nav ul li a{font-size: 15px;}
.pc_banner{height: 350px;}
.pc_banner .ilist .ilist_item{margin-bottom: 10px;}
.pc_banner .ilist{padding: 20px 15px;}
.ifield .ifield_title h1{font-size: 22px;}
.ifield .ifield_title p{font-size: 15px;}
.ifield .ifield_item .item_title h1{font-size: 18px;line-height: 20px;}
.ifield .ifield_item ul li p{font-size: 15px;}
.ifield .ifield_item ul li span{font-size: 15px;}
.ifield .ifield_item .item_title a{font-size: 15px;}
.icase .icase_title div h1{font-size: 22px;}
.icase .icase_title div p{font-size: 15px;}
.icase .icase_title a{font-size: 15px;}
.picScroll-left .bd ul li .title h1{font-size: 18px;}
.picScroll-left .bd ul li .title span{font-size: 13px}
.picScroll-left .bd ul li .title p{font-size: 13px;}
.bottom .bottom1 .bottom_text{font-size: 13px;}
.bottom .bottom1 .bottom_tel a{font-size: 18px;}
.bottom .bottom2 p{font-size: 13px;}
.bottom .bottom2 span{font-size: 13px;}
.bottom .bottom2 a{font-size: 13px;}
.sidebar ul{transform: scale(0.9);}
}
@media screen and (max-width:1144px){
.ifield .ifield_item ul li p{font-size: 14px;}
.ifield .ifield_item ul li span{font-size: 14px;}
.pc_banner{height: 335px;}
.pc_banner .ilist{padding: 15px 10px;}
}
@media screen and (max-width:1088px){
/* .pc_banner .ilist .ilist_item div.ilist_right span.ilist_type,
 .pc_banner .ilist .ilist_item div.ilist_right span.ilist_type ~ span{font-size: 14px;} */
}