@charset "utf-8";
.w{ width:1140px; margin:0 auto}
.top{ width:100%; height:85px; background:url(../images/navBg.jpg) top center;    position:fixed; left:0; top:0; z-index:9999999;}
.top .logo{ width:137px; height:60px; display:block; float:left; margin:18px 45px 0 0;}
.top .nav{ float:left; display:inline-block}
.top .nav ul,.top .nav ul li{ display:inline-block;}
.top .nav ul li{ font-size:16px; line-height:80px; margin:0 5px;  padding:5px 5px; color:#e7a33d; position:relative;}

.top .nav ul li:hover,.top .nav ul li.on{ color:#fc9800}
.top .call{ float:right; width:170px; margin-top:5px; height:80px; background:url(../images/phone.png) no-repeat left center; padding-left:32px; font-size:18px; color:#c08320; line-height:80px;}
.head,.nav_phone{ display:none;}

.slideBox{ width:100%; height:600px; overflow:hidden; position:relative; margin-top:85px;}
.slideBox .hd{ height:30px; overflow:hidden; position:absolute; right:40px; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1;   }
.slideBox .hd ul li{ display: block;width: 30px;height: 30px;border-radius: 100%;border: 2px solid rgba(255,255,255,0.5);font-size: 16px;
color: rgba(255,255,255,0.5);cursor: pointer;line-height: 26px;text-align: center; float:left; margin:0 4px;}
.slideBox .hd ul li.on{border: #e7a33d 2px solid;color: #fff;box-shadow: 0 0 2px rgba(6,0,1,0.36);}
.slideBox .bd{ position:absolute; height:100%; z-index:0;width:1920px;left:50%; margin-left:-960px;}
.slideBox .bd li{ zoom:1; vertical-align: middle;  }
.slideBox .bd img{ height:600px; display:block; width:1920px;  }	
.slideBox .prev,
.slideBox .next{ position:absolute; left:10px; top:50%; margin-top:-36px; display:block; width:36px; height:72px; background:url(../images/index-banner-arrow-left.png) #000 50% no-repeat; filter:alpha(opacity=20);opacity:0.2; border-radius: 3px;  }
.slideBox .next{ left:auto; right:10px; background:url(../images/index-banner-arrow-right.png) #000 50% no-repeat;}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=50);opacity:0.5;  }
.kong{ width:100%; height:48px; display:none;}
.swiper-container{ display:none;}
.swiper-container{
	width: 100%;
	height: auto;
}
.swiper-slide {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center; 
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide img{ width:100%; }

.black_til{ width:100%; height:180px; background:url(../images/indexBg.jpg) repeat; text-align:center; padding-top:46px;}
.black_til h3{text-transform: uppercase; color:#e7a33d; font-size:24px;font-weight:400;}
.black_til h3:after{ content:''; width:22px; height:1px; display:block; background:#e7a33d; margin:10px auto;}
.black_til h4{ font-size:24px; color:#e7a33d; font-weight:400;}
.white_til{ width:60%;  text-align:center; padding:50px;  margin:0 auto; }
.white_til h3{text-transform: uppercase; color:#e7a33d; font-size:24px;font-weight:400;}
.white_til h3:after{ content:''; width:22px; height:1px; display:block; background:#e7a33d; margin:10px auto;}
.white_til h4{ font-size:24px; color:#e7a33d; font-weight:400;}

.indexContact{ background:url(../images/mapBg2.jpg); padding:50px 0;}
.indexContact .con
{
	
	/*background-color:#fff;*/
}



.about{ padding:40px 60px 60px; text-align:center;}
.about h3{ font-size:20px; color:#000; font-weight:400; line-height:70px; margin-bottom:10px;}
.about p{ font-size:14px; color:#666; line-height:26px; margin-bottom:20px;}
.about ul li{ text-align:center; float:left;font-size:18px; color:#423423; width:25%;}
.about ul li a{color:#423423}
.about ul li img{ width:124px; height:84px; display:block; margin:0 auto; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.about ul li:hover img{ transform:rotate(360deg); -webkit-transform:rotate(360deg);}
.more{ font-size:16px; color:#423423; padding:5px 40px; background-color:#e7a33d; margin-top:40px; border:2px solid #423423; border-radius:20px; display:inline-block;}
.more2{ background-color:#fff !important; margin-top:12px; border:1px solid #000; color:#000; padding:2px 15px !important;}
a.more2{margin-left: 46px;}
.line{ width:100%; height:0px; margin-bottom:35px; background-color:#999;}


.more_w{ text-align:center;}
.more_w .more{ margin-top:30px;}

.case_w2{ margin-bottom:50px;}
.case_w2 ul{margin-left:-18px;}
.case_w2 ul div{ width:579px; float:left; overflow:hidden;}
.case_w2 ul li{float:left; margin-bottom:20px;}
.case_w2 ul li.l1{ width:560px; margin-left:18px; position:relative; overflow:hidden;}
.case_w2 ul li.l1 img{ width:560px; height:auto}
.case_w2 ul li.l2 img{ width:271px; height:auto;}
.case_w2 ul li.l2{ width:271px; margin-left:18px; position:relative;}
.case_w2 ul li.l2 h5{ width:120px; height:34px; background:rgba(255,255,255,1.0); font-size:14px; color:#000; line-height:34px; text-align:center; position:absolute; left:50%; top:50%; margin-left:-60px; margin-top:-17px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; opacity:0;filter: "alpha(opacity=0)";   /* IE 8 */
filter: alpha(opacity=0);  /* IE 4-7 */ }
.case_w2 ul li.l2 h5:after{ content:''; width:128px; height:42px; border:2px solid #fff; display:block; position:absolute; top:50%; left:50%; margin-left:-66px; margin-top:-23px;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; opacity:0;filter: "alpha(opacity=0)";   /* IE 8 */
filter: alpha(opacity=0);  /* IE 4-7 */}
.case_w2 ul li.l2:hover h5{ opacity:1; filter: "alpha(opacity=1)";   /* IE 8 */
filter: alpha(opacity=1);  /* IE 4-7 */}
.case_w2 ul li.l2:hover h5:after{ opacity:1;filter: "alpha(opacity=1)";   /* IE 8 */
filter: alpha(opacity=1);  /* IE 4-7 */}
.case_w2 ul li.l1 .case_til{ position:absolute; bottom:-120px; left:0px; width:100%; padding:20px 10px; background:rgba(0,0,0,0.6); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.case_w2 ul li.l1:hover .case_til{ bottom:0;}
.case_w2 ul li.l1 .case_til h3{ font-size:26px; line-height:32px; font-weight:600; color:#fff; margin-bottom:10px;}
.case_w2 ul li.l1 .case_til span{background-color: #d29841;margin-right: 12px;padding:0 10px;font-size: 14px;
line-height: 28px; color:#000; display:inline-block; margin-top:10px;}

.case_w3{ margin-bottom:50px;}
.case_w3 .case_left{ width:700px; float:left}
.case_w3 .case_left li{ float:left; margin-bottom:10px; position:relative; overflow:hidden;}
.case_w3 .case_left .li1{ width:700px;}
.case_w3 .case_left .li1 img{ width:700px; height:240px;}
.case_w3 .case_left .li2{ width:450px; margin-right:10px;}
.case_w3 .case_left .li2 img{ width:450px; height:480px;}
.case_w3 .case_left .li3{ width:240px;}
.case_w3 .case_left .li3 img{ width:240px; height:480px;}

.case_right{ width:430px; margin-left:10px; float:left;}
.case_right li{ margin-bottom:10px; float:left; position:relative; overflow:hidden;}
.case_right .li4{ width:430px;}
.case_right .li4 img{ width:430px; height:240px;}
.case_right .li5{ margin-right:10px;}
.case_right .li5,.case_right .li6{ width:210px; height:230px;}
.case_right .li5 img,.case_right .li6 img{ width:210px; height:230px;}
.case_right .li7{ width:430px; height:240px;}
.case_right .li7 img{ width:430px; height:240px;}

.case_w3 .big_til:hover .case_til{ bottom:0;}
.case_w3 .big_til .case_til{ position:absolute; bottom:-120px; left:0px; width:100%; padding:10px; background:rgba(0,0,0,0.6); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.case_w3 .big_til .case_til h3{ font-size:20px; line-height:28px; font-weight:400; color:#fff; display:inline-block; vertical-align:3px;}
.case_w3 .big_til .case_til span{background-color: #d29841;margin-right: 12px;padding:0 10px;font-size: 14px;
line-height: 28px; color:#000; display:inline-block; float:right;}
.small_til h5{ width:120px; height:34px; background:#e7a33d; font-size:14px; color:#000; line-height:34px; text-align:center; position:absolute; left:50%; top:50%; margin-left:-60px; margin-top:-17px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; opacity:0;filter: "alpha(opacity=0)";   /* IE 8 */
filter: alpha(opacity=0);  /* IE 4-7 */ }
.small_til h5:after{ content:''; width:128px; height:42px; border:2px solid #e7a33d; display:block; position:absolute; top:50%; left:50%; margin-left:-66px; margin-top:-23px;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; opacity:0;filter: "alpha(opacity=0)";   /* IE 8 */
filter: alpha(opacity=0);  /* IE 4-7 */}
.small_til:hover h5{ opacity:1; filter: "alpha(opacity=1)";   /* IE 8 */
filter: alpha(opacity=1);  /* IE 4-7 */}
.small_til:hover h5:after{ opacity:1;filter: "alpha(opacity=1)";   /* IE 8 */
filter: alpha(opacity=1);  /* IE 4-7 */}


.case_w{ margin-bottom:50px;}
.case_w ul{margin-left:-18px;}
.case_w ul li{ float:left; margin-left:18px; width:368px; margin-bottom:20px; position:relative;}
.case_w ul li img{ width:368px; height:260px;}
.case_w ul li h3{ font-size:16px; color:#000; line-height:32px; margin-top:4px; height:32px; overflow:hidden;}
.case_w ul li p{ font-size:14px; color:#777; line-height:20px; height:20px; overflow:hidden;}
.case_w ul li i,.case_list li i{width: 368px;height: 260px;display: inline-block;background: rgba(0,0,0,0.4);cursor: pointer;position: absolute;left: 0;top: 0;transform: scale(0.7);-webkit-transform: scale(0.7);transition: all 0.2s linear;-webkit-transition: all 0.2s linear;opacity: 0;}
.case_list li i{ width:362px !important; height:258px !important;}
.case_w ul li:hover i,.case_list li:hover i{transform: scale(1.0);
-webkit-transform: scale(1.0);opacity:1; }


.black_bg{ width:100%; background-color:#000; padding-bottom:30px;}
#design{ padding:20px 0 10px 0; position:relative;}
#design .hd .prev,#design .hd .next{ display:block;  width:30px; height:57px; cursor:pointer; position:absolute; top:150px;}
#design .hd .prev{ background:url(../images/prev01.png) no-repeat center center; left:-40px;}
#design .hd .next{ background:url(../images/next01.png) no-repeat center center; right:-40px; }
#design .bd ul{ margin-left:0 !important;}
#design .bd li{ width:285px !important; padding:0 6px; margin-left:0 !important; text-align:center; }
.design ul{ margin-left:-16px;}
.design ul li{ float:left; width:273px; margin-left:16px; margin-bottom:20px; position:relative;}
.design ul li img{ width:273px; height:306px;}
.design ul li h3{ font-size:16px; color:#e7a33d; line-height:24px; font-weight:400; text-align:center; margin-top:10px;}
.design_w ul li h3:after{ display:none !important;}
.design ul li p{ font-size:14px; color:#666; text-align:center; padding:0 10px;}
.design .design_bg{ width:100%; background:rgba(0,0,0,0.6); padding:20px 10px; position:absolute; left:0; top:0; transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; color:#e7a33d; opacity:0;filter: "alpha(opacity=0)"; height:306px;
filter: alpha(opacity=0);}
.design .design_bg h4{ font-size:14px; line-height:28px;}
.design .design_bg p{ font-size:14px; color:#e7a33d; line-height:22px;  text-align:left !important;}
.design .design_bg i{ widows:100%; height:24px; display:block; background:url(../images/add.png) no-repeat center center; margin-top:20px;}
.design ul li:hover .design_bg{ opacity:1;filter: "alpha(opacity=1)";
filter: alpha(opacity=1);} 
.phone_design{ display:none;}
.online_box{ width:100%;}
.online_box a{ display:inline-block; width:40%; height:30px;}
.online_box .online_qq{ font-size:14px; color:#fff; border:1px solid #fff; line-height:28px; text-align:center; margin:5%;}
.online_box .online_order{ font-size:14px; color:#fff; background-color:#d29841; line-height:30px; text-align:center; margin:5%;}


.service{ text-align:center; padding-bottom:30px;  /*background:url(../images/serviceBg.jpg) no-repeat; background-position: top center;*/}
.service h3{text-transform: uppercase; color:#e7a33d; font-size:24px;font-weight:400;  }
.service h3:after{ content:''; width:22px; height:1px; display:block; background:#e7a33d; margin:10px auto;}
.service h4{ font-size:24px; color:#e7a33d; font-weight:400;}
.service ul{ margin-top:20px;}
.service ul li{ width:122px; height:135px;   border-radius:6px; background-color:#ffffff8f; float:left; margin: 0 10px 0 10px; margin-bottom:30px;}
.service ul li img{ width:40px; height:40px; border:1px solid #000; border-radius:50%; display:block; margin:15px auto; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.service ul li:hover img{ transform:translateY(-14px); -webkit-transform:translateY(-14px);}
.service ul li:hover .black_line span{ background-color:#d29841;}
.service ul li .black_line{ width:100%; height:1px; background-color:#423423; position:relative; display:block; margin-bottom:16px;}
.service ul li .black_line span{ width:25px; height:25px; background-color:#d29841; border-radius:50%; color:#fff; font-size:14px; line-height:24px; text-align:center; position:absolute; right:12px; top:-13px; display:block;}
.service ul li h4{ font-size:16px; color:#000; font-weight:400; padding:0 12px;}
.service ul li p{ font-size:12px; color:#666; padding:0 12px;}

.service .img_lc,.service .img_lc2{ max-width:100%; height:auto; display:block; margin:0 auto; padding:0 0 40px;}
.service .img_lc2{ display:none;}

#mainship{height:500px; overflow:hidden; margin:0 auto}
#mainship ul{ position:relative}
#mainship li{ width:610px; height:500px; position:absolute; cursor:pointer;}
#mainship li p{ font-size:22px; color:#e7a33d; background:rgba(0,0,0,0.3); border:2px solid #e7a33d; line-height:30px; text-align:center;width:60px; position:absolute;  transition:all 0.25s ease-out; -webkit-transition:all 0.25s ease-out;left:72px;margin-left:-30px;top:50%;margin-top:-75px;word-wrap: break-word;word-break: normal; padding:20px 15px; font-weight:600;}

#mainship li img{ border-left:10px solid #e7a33d;}
#mainship li.a{ left:-10px;}
#mainship li.b{ left:600px; }
#mainship li.c{ left:735px; }
#mainship li.d{ left:870px; }
#mainship li.e{ left:1005px; }
.mainship2{ display:none;}

.news{/* margin-bottom:50px;*/}
.news .news_top{ background-color:#f5f5f5; padding-bottom:20px; margin-bottom:30px;}
.news .news_top img{ width:100%; height:auto;}
.news .news_top h4{ font-size:18px; color:#000; line-height:40px; font-weight:400; padding:0 20px; }
.news .news_top p{ font-size:14px; color:#666; padding:0 20px;height:21px; overflow:hidden;}
.news ul{ margin-left:-64px;}
.news ul li{ width:538px; margin-left:64px;float:left; margin-bottom:50px;}
.news ul li:hover .news_con h4{ color:#d29841;}
.news ul li .date{ width:120px; height:120px; border:2px solid #e7a33d; text-align:center; text-transform:uppercase; font-size:14px; font-weight:400; color:#e7a33d; padding-top:12px; display:inline-block;}
.news ul li .date p{ font-size:66px; line-height:78px;}
.news ul li .news_con{ width:390px; float:right;}
.news ul li .news_con h4{ font-size:18px; color:#fff; font-weight:400; margin-bottom:10px; line-height:40px;}
.news ul li .news_con h4:hover{ color:#d29841}
.news ul li .news_con p{ font-size:12px; color:#ccc;}

.contact { width:60%;  /*background:rgba(255,255,255,0.9);*/ background:#ffffff8f; padding-top:25px; /*background: url(../images/indexBg.jpg) repeat;*/ margin:0 auto;   }
.contact ul li{ width:33.3%; text-align:center; float:left; padding:0 20px;}
.contact ul li p{ font-size:14px; color:#423423; padding-top:14px;}
.bottom{ width:100%; height:120px; background-color:#000;}
.bottom p{ display:inline-block; color:#e7a33d; padding-top:8px; line-height:24px;}
.bottom p a{ color:#e7a33d}
.focus{ display:inline-block;; float:right;color:#e7a33d; font-size:18px; padding-top:10px;}
.focus i{ width:38px; height:38px; display:inline-block; background:url(../images/qq.png) no-repeat; margin-right:6px; vertical-align:middle; cursor:pointer;}
.focus i.wx{ background-position:-38px 0; position:relative;}
.focus i.wx img{ width:113px; height:113px; position:absolute; top:-124px; left:50%; margin-left:-55px; border:1px solid #d29841; padding:3px; background-color:#d29841; display:none;}
.focus i.wx:hover img{ display:block;}
.focus i:hover{ background-position-y:-38px;}
.contact-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%; z-index:-1;}
.contact-wrap{ position:absolute; left: 3%;top:0;width:285px;height: 100%;background: #fff;min-width: 180px;}
.contact-wrap .list{width: 100%; position:relative; margin-top:120px; overflow:hidden; }
.contact-wrap .list-in { left:40px;top: 0px;width: 70%; position:absolute;padding-top:20px; font: 12px/22px Vijaya,"\5b8b\4f53",Arial,sans-serif; color:#222;}
.contact-wrap .list-in ul {width: 100%;}

.contact-wrap .bar { right:2%;top:0px;width: 5px;height: 100%; background: #e5e5e5; position:absolute;}
.contact-wrap .btn {
    left: 0;
    top: 0;
    width: 5px;
    height: 58px;
    background:url(../images/bg_btn03.jpg) no-repeat;
    cursor: pointer; position:absolute; 
}
.contact-wrap .list-in li {
    width: 100%;
    padding-bottom: 16%;
    border-bottom: 2px solid #ccc;
    margin-bottom: 21%;
    line-height: 32px;
    text-align: center; font-size:22px;
	 
}
.contact-wrap .list-in p.en {
    padding-bottom: 7%;
    font-size: 20px;
    line-height: 22px;
	color:#423423;
}
.contact-wrap .list-in p.cn {
    font-size: 14px;
    line-height: 22px; font-family:微软雅黑;
}
.f-cb::after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

.map{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.ban2{ width:100%;max-height: 300px; margin-top:85px; overflow-x:hidden; overflow-y: hidden;}
.ban2 img{ width:100%; height:auto;}

.til_page{ line-height:44px; border-bottom:1px solid #fc9800; font-size:16px; color:#fc9800;}
.til_page span{ float:right; color:#fc9800; line-height:44px; font-size:13px;}
.til_page span a{ color:#fc9800; margin:0 6px;}
.til_page span a:hover{ color:#f00;}

.news_list{ margin:30px auto; padding:30px 0; }

.news_list ul li{margin-bottom:60px; position:relative;}
.news_list ul li .date{ width:120px; height:120px; border:2px solid #e7a33d; text-align:center; text-transform:uppercase; font-size:14px; font-weight:400; color:#e7a33d; padding-top:12px; display:inline-block;}
.news_list ul li .date p{ font-size:66px; line-height:78px;}
.news_list ul li .news_con{ width:970px; float:right; padding-right:20px;}
.news_list ul li .news_con h4{ font-size:18px; color:#fff; font-weight:400; margin-bottom:4px; line-height:40px;}
.news_list ul li .news_con p{ font-size:14px; color:#fff; height:42px; overflow:hidden;}
.news_list ul li .news_con span{font-size:14px; color:#fff; line-height:30px;}
.news_list ul li .bg{ width:0; height:160px; background-color:#f5f5f5; position:absolute; left:120px; top:-20px; transition:width 0.3s linear; -webkit-transition:width 0.3s linear; z-index:-1; display:none;}
.news_list ul li:hover .bg{ width:1020px;}
.news_list ul li:hover .news_con h4{ color:#fc9800;}
.news_list ul li:hover .news_con p{ color:#fc9800;}

.page_all{ text-align:center; width:100%; margin:30px 0 30px;}
.page_all li:first-child {border: 1px solid #fc9800;padding: 9px 15px;background: #fc9800;color: #fff;cursor: default;}
/*.page_all span.last{border: 1px solid #e4eaec;padding: 9px 15px;background: #fff;color: #ccd5db;cursor: default;}*/
.page_all li.thisclass{ background-color:transparent; color:#d29841; border:none;}
.page_all li.active a{ color:#fff}
.page_all li{ border: 1px solid #fc9800;/*background: #fc9800;*/padding: 9px 15px;text-align: center;color: #fff;}
.page_all li:last-child{}

.news_con2{ padding:10px 0 30px 0;}
.list_detail{padding:30px 20px;}
.list_detail h2{font-size: 24px;color: #000;text-align: center;font-weight: 400;}
.list_detail .p_time{font-size:12px; color:#999; text-align:center; line-height:38px; margin-bottom:10px;}
.list_detail p{font-size: 13px;color: #777;line-height: 24px;text-indent: 2em;margin-bottom: 20px;}
.list_detail img{ max-width:100%!important; margin:0px auto 20px; display:block; /*width:100%!important;*/ height: auto!important}

.prev_next{ border-top:1px solid #ddd; padding:14px 0; font-size:14px;}
.prev_next ul{width:68%; float:left;}
.prev_next li{ color:#666; line-height:30px;}
.prev_next li a{ color:#999;}
.prev_next li a:hover{ color:#d29841;}
.prev_next span{ background-color:#000; color:#fff; font-size:14px; width:108px; height:30px; float:right; text-align:center; line-height:30px; margin-top:14px;}

.about_con{ padding:30px 0; color:#e7a33d !important;}
.about_con *{ color:#fff !important;}
.about_con span img{max-width: 100%; height: auto!important}
.img_style img{max-width: 100%; /*width:100%!important; */height: auto!important}

.yz_about{}
.yz_about .yz_fl{ width:540px; position:relative; padding-bottom:40px;}
.yz_about .yz_fl:after{ content:''; width:86px; height:1px; display:block; background-color:#fff; position:absolute; bottom:0; left:0;}
.yz_about .yz_fl h3{ font-size:44px; color:#000; height:240px; position:relative; padding-top:66px; padding-left:30px;}
.yz_about .yz_fl h3:after{ content:''; width:280px; height:150px; border:10px solid #5d492d; display:block; position:absolute; left:120px; top:20px; z-index:-1;}
.yz_about .yz_fl p{ font-size:14px; color:#fff; line-height:24px; margin-bottom:30px;}

.yz_about .yz_fr{ width:560px;}

.yz_pic{ width:560px; height:640px; position:relative; }
.yz_pic .hd{ height:30px; overflow:hidden; position:absolute; left:50%; bottom:0px; z-index:1; margin-left:-18px }
.yz_pic .hd ul{ overflow:hidden; zoom:1;   }
.yz_pic .hd ul li{ display: block;width: 14px;height: 14px;border-radius: 100%;cursor: pointer;float:left; margin:0 4px; background-color:#b2b3b3;}
.yz_pic .hd ul li.on{ background-color:#d29841;}
.yz_pic .bd{height:100%; z-index:0;}
.yz_pic .bd li{ zoom:1; vertical-align: middle;  }
.yz_pic .bd img{ height:640px; display:block; width:560px;  }

.hx_banner{ width:100%; height:300px; position:relative; margin-top:40px;overflow-x:hidden;}	
.hx_banner .hd{ height:30px; overflow:hidden; position:absolute; left:50%; bottom:0px; z-index:1; margin-left:-18px }
.hx_banner .hd ul{ overflow:hidden; zoom:1;   }
.hx_banner .hd ul li{ display: block;width: 14px;height: 14px;border-radius: 100%;cursor: pointer;float:left; margin:0 4px; background-color:#b2b3b3;}
.hx_banner .hd ul li.on{ background-color:#d29841;}
.hx_banner .bd{height:100%; z-index:0; position: absolute; left: 50%; margin-left: -960px;}
.hx_banner .bd li{ zoom:1; vertical-align: middle;  }
.hx_banner .bd img{ height:300px;display:block; width:1920px;  }
.hx_banner2{ display:none;}

.case_yz{ padding:20px 0; color:#e7a33d;}	
.search_yz dl{line-height:44px; border:1px solid #e7a33d; margin-top:-1px; padding-right:30px; padding:4px 0;}
.search_yz dl dt{width: 100px;text-align: center;color: #e7a33d; font-size:14px; }
.search_yz dl dd .all{ width:84px; }
.search_yz dl dd a{ display:inline-block; color:#e7a33d; padding:0 20px;font-size:14px;} 
.search_yz dl dd a:hover{ color:#e7a33d;}
.search_yz dl dd .on{background: #fc9800;color: #fff !important;height: 22px;line-height: 20px;}
.search_yz dl dd .son{ width:900px;}

.case_list{ margin:30px 0 30px -26px;}

.case_list li{ width:362px; margin-left:26px; float:left; margin-bottom:24px; position:relative;}
.case_list li img{ width:362px; height:258px;}
.case_list li h3{font-size: 16px;color: #fc9800;line-height: 32px;margin-top: 4px;height: 32px;overflow: hidden;}
.case_list li h3 span{ /*background-color:#d29841;*/ float:right; margin-left:12px; padding:0 10px; font-size:14px; font-weight:400; line-height:28px;}
.case_list li p{font-size: 14px;color: #777;line-height: 20px;height: 20px;overflow: hidden;}

.case_scroll{ width:1140px;  position:relative; }
.case_scroll .hd{ height:30px; overflow:hidden; position:absolute; left:50%; bottom:0px; z-index:1; margin-left:-18px }
.case_scroll .hd ul{ overflow:hidden; zoom:1;   }
.case_scroll .hd ul li{ display: block;width: 14px;height: 14px;border-radius: 100%;cursor: pointer;float:left; margin:0 4px; background-color:#b2b3b3;}
.case_scroll .hd ul li.on{ background-color:#d29841;}
.case_scroll .bd{height:100%; z-index:0;}
.case_scroll .bd li{ zoom:1; vertical-align: middle;  }
.case_scroll .bd img{ display:block;}

.case_con{ margin:30px auto;}
.case_con .case_confl{ width:870px; overflow:hidden; padding-right:20px;}
.case_con .case_confr{ width:270px; border-left:1px solid #ddd; padding-left:20px;}
.case_con .case_confl h5,.case_con .case_confr h5{ font-size:18px; color:#e7a33d; line-height:40px;}
.case_con .case_confl p{ font-size:14px; color:#e7a33d; line-height:28px;}
.case_con .case_confl p.p_de{ line-height:22px !important;}
.case_con .case_confl p span{ color:#e7a33d; display:inline-block; }
.case_con .case_confr img{ width:180px; height:auto; margin-top:4px;}
.case_con .case_confr p{ font-size:14px; line-height:30px; width:180px; text-align:center; color:#444;}
.re_case{ margin:20px auto;/* border-top:1px solid #ddd;*/ padding-top:30px;}
.re_case h4{ font-size:20px; text-align:center; color:#e7a33d; margin-bottom:30px; font-weight:400;}
.re_case h4:after{ content:''; width:22px; height:1px; display:block; background:#e7a33d; margin:10px auto;}

.design_w{ margin:20px auto 60px; }
.design_w ul{ margin-top:30px;}
.design_con2{ margin:30px auto;}
.design_detail{ padding-bottom:30px;}
.design_detail .design_pic{ width:500px; height:auto; text-align:center;}	
.de_picbox{ width:380px; margin:0 auto;}
.design_detail .design_pic img{ width:380px; height:auto}	
.design_detail .design_con{ width:540px; }
.design_detail .design_con .b1{}
.design_detail .design_con .b1 h4{ font-size:22px; font-weight:400; color:#fff; line-height:40px;}		
.design_detail .design_con .b1 p{ font-size:14px; color:#fff; line-height:30px;}
.design_detail .design_con .b1 p strong{ width:70px; display:inline-block;}
.design_detail .design_con .b1{ padding:0 0 10px; border-bottom:1px dashed #fff; }
.design_detail .design_con .x1 p{ font-size:14px; color:#fff; line-height:28px;}
.design_detail .design_con .x1 strong{ line-height:40px; font-size:14px;}

.side{ position:fixed; width:54px; height:275px; right:0; top:214px; z-index:100;}
.side ul li{ width:54px; height:54px; float:left; position:relative;border-bottom:1px solid #444; }
.side ul li .sidebox{ position:absolute; width:54px; height:54px; top:0; right:0;transition:all 0.3s;background:#000; opacity:0.8; filter:Alpha(opacity=80); color:#fff; font:14px/54px "微软雅黑"; overflow:hidden;}
.side ul li .side_wx{ position:absolute; width:54px; height:54px; top:0; right:0;transition:all 0.3s;background:#000; opacity:0.8; filter:Alpha(opacity=80);}
.side ul li .side_wx .ewm{ width:113px; height:113px; left:-118px;top:0px; position:absolute; padding:3px; background-color:#ae1c1c; display:none;}
.animation-slide-right {-webkit-animation-name: slide-right;-o-animation-name: slide-right;animation-name: slide-right;animation-delay:100ms;animation-timing-function:ease-out;animation-duration:.3s;animation-fill-mode:both;
}
@-webkit-keyframes slide-right {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-o-keyframes slide-right {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slide-right {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.side ul li .side_wx:hover .ewm{ display:block;}
.side ul li .sidetop{ width:54px; height:54px; display:inline-block;background:#000; opacity:0.8; filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover,.side ul li .side_wx:hover{ background:#ae1c1c; opacity:1; filter:Alpha(opacity=100);}
.form{padding:40px 0 10px;}


.form input{ outline:none; border:1px solid #c3b9af; background:#ffffff8f;line-height:28px; padding-left:10px; display:block; width:440px; font-size:12px; color:#999; border-radius:2px; margin:0 auto 12px;}
.form input:focus,.form textarea:focus{ border-color:#d29841}
.form textarea{ outline:none; border:1px solid #c3b9af;background:#ffffff8f; display:block; font-size:12px; color:#999; padding:6px 10px; width:440px; height:100px;border-radius:2px;margin:0 auto 20px;}
.submit{ width:110px !important; height:32px !important; border:none !important; background-color:#d29841; color:#fff !important; text-align:center; line-height:32px; padding-left:0 !important;}

.inner_nav{ margin-top:20px;}
.inner_nav ul{ margin:0;}
.inner_nav ul li{height:42px;  float:left; margin-right:8px; border:1px solid #fc9800; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; margin-left:0; width:auto;}
.inner_nav ul li.on,.inner_nav ul li:hover{ background-color:#fc9800;}
.inner_nav ul li a{ line-height:40px; text-align:center; display:block; color:#fc9800; font-size:14px;padding:0 26px;}
.inner_nav ul li.on a,.inner_nav ul li:hover a{ color:#fff;}

.search_form{ margin:20px auto; width:100%; padding:20px 0; background-color:#f5f5f5; text-align:center;}
.search_form form{ display:inline-block;}
.search_form input{ outline:none; border:1px solid #ddd; height:36px; float:left;}
.search_form .search_input{ padding-left:6px; width:320px; }
.search_form .search_sub{ width:110px; background-color:#9f9583; border:none; color:#fff; }

.select-bar{ background-color:#f5f5f5; display:none; padding:10px;}
.select-box{
	width:100%;
	height:34px;
	margin-bottom:10px;
	background:#fff;
	position:relative;
	z-index:99;
	}
.select-box .name{ padding-left:14px; height:34px; line-height:34px; font-size:14px; cursor:pointer; position:relative;}
.select-box .name:after{
	font-size:0;
	content:'';
	display:block;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-5px;
	width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 8px solid #4c4c4c;
    border-bottom: 4px solid transparent;
	}
.select-box ul{
	display:none;
	width:100%;
	height:auto;
	background:#f8f8f8;
	position:absolute;
	left:0;
	top:34px;
	}
.select-box ul li{ padding-left:14px; font-size:14px; color:#666; height:34px; line-height:34px; cursor:pointer;}
.select-box ul li:hover{background:#eee;}
.select-box li a{display:block}
.select-box.active ul{ display:block;}
.select-box.active .name{ background:#555; color:#FFF;}
.select-box.active .name:after{
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #fff;
	}
.contact_mobil{ display:none;}

.theme-popover-mask{z-index:999998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);display:none}
.popover-order{z-index:999999;position:fixed;top:50%;left:50%;width:340px;height:360px;margin:-180px 0 0 -170px;border-radius:5px;background-color:#fff;display:none;box-shadow:0 0 10px #666; -webkit-box-shadow:0 0 10px #666;}
.order-content{padding:20px;position:relative;}
.order-content .close{ position:absolute;right:20px; top:16px; font-size:20px; color:#222;}
.order-content ul{ margin:30px auto 20px;}
.order-content ul li{ width:260px; border:none; margin:10px auto 0;}
.order-content ul li span{font-size:14px; color:#444; display:block;}
.order-content ul li input{ width:260px; height:30px; border:1px solid #ddd; text-indent:6px; }
.order-content .refer{ width:260px; height:34px; background-color:#d29841; color:#fff; font-size:16px; margin:16px auto 0; border:none; display:block; cursor:pointer;}
.hot_phone{ width:260px; margin:10px auto; font-size:14px; color:#222;}
.hot_phone strong{ font-size:18px;}
.sit_con{ padding-bottom:30px;}
.sit_con .search_yz{ margin:30px 0;}
.tablea {border: 1px solid #ddd;width:100%; margin:20px auto;}

.tablea tr th{border: 1px solid #ddd;padding: 8px 0;background: #242424;color: #fff; font-size:16px;}
.tablea tr td{padding: 8px 0; color:#444; font-size:14px; text-align:center; border-bottom:1px solid #ddd;}
.tablea tr td.linkqq a{ background-color:#444; color:#fff; padding:4px 10px; }

 
.indexHot{ text-align:center; padding-top:70px; /* background:url(../images/hotBg.jpg) no-repeat; background-position: top center;*/}
.indexHot h3{text-transform: uppercase; color:#e7a33d; font-size:24px;font-weight:400;  }
.indexHot h3:after{ content:''; width:22px; height:1px; display:block; background:#e7a33d; margin:10px auto;}
.indexHot h4{ font-size:24px; color:#e7a33d; font-weight:400;}
.indexHot ul{ margin-top:30px;  }
.indexHot ul li{ width:24%; float:left; margin-left:0.5%; margin-right:0.5%; margin-bottom:40px; position:relative; }
.indexHot ul li img{ width:100%;  }
.indexHot ul li .text1
{
	width:70px;
	height:50px;
	background-color:#7e6b5a;
	position:absolute;
	top:0;
	right:0;
	z-index:9;
}
.indexHot ul li .text1 p
{
	width:100%;
	text-align:center;
	color:#e7a33d;
	margin-top:8px;
}
.indexHot ul li .text2
{
	width:100%;
	height:32px;
	background:url(../images/hotBg.png) repeat-x;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	z-index:9;
}
.indexHot ul li .text2 a
{
	font-size:14px;
	color:#e7a33d;
	line-height:32px;
}
.indexHot ul li .text2 a:hover
{
	color:#d29841;
}

/*@media all and (min-width:768px) and (max-width:800px){*/
@media screen and (max-width: 1140px){
.top,.slideBox{display:none;}	
.ban2{margin-top:48px;}
.head{ width:100%; height:48px; background:#000; position:fixed; z-index:95885549; left:0px; top:0px; text-align:center; display:block;}
.icon-logo{ width:54px; height:34px; display:block; background:url(../images/logo.png) no-repeat center center; position:absolute; left:6px; top:7px; background-size:54px 34px;-webkit-background-size: 54px 34px;
-o-background-size: 54px 34px;
-ms-background-size: 54px 34px;}
.ico-nav{ width: 110px; height: 36px; position: absolute; right:0; top: 6px;background-image:url(../images/icon_nav.png);  background-repeat: no-repeat; background-position:right 0;
-webkit-background-size: 36px 72px;
-o-background-size: 36px 72px;
-ms-background-size: 36px 72px;
background-size: 36px 72px;
}
.ico-nav span{font-size:15px; color:#e7a33d; text-transform:uppercase; line-height:36px; display:inline-block;
}
.ico-nav.active{  background-position:right -36px;}
.nav_phone{ 
width: 100%; height: 100%;
position: fixed; z-index: 88898;
background:#f5f5f5;
opacity: 0;
left:0; top:0;
-webkit-transform:translateY(-100%);
-o-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%);
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out; display:block;
}
.nav_phone.active{
opacity: 1;
-webkit-transform:translateY(0%);
-o-transform:translateY(0%);
-ms-transform:translateY(0%);
transform:translateY(0%);
}

.nav_phone li { list-style: none; position: relative; padding:0 16px;}
.nav_phone li .name{ height: 50px; display: block; padding:10px; border-bottom:1px solid #949494;  font-size: 15px; text-transform:uppercase; color:#444; text-align:center;}
.nav_phone li:first-child{margin-top:54px; }
.nav_phone li:last-child .name{ border-bottom:none !important;}	

.slideBox,.side{ display:none;}	
.swiper-container,.kong{ display:block;}	
.w{ width:100%;}

.black_til{ height:100px;  padding-top:20px;}
.black_til h3{font-size:18px;}
.black_til h3:after{ width:16px; margin:2px auto;}
.black_til h4{ font-size:18px; }
.white_til{ height:100px; padding-top:20px;}
.white_til h3{ font-size:18px;}
.white_til h3:after{ width:16px;margin:2px auto;}
.white_til h4{ font-size:18px;}

.about{ padding:20px 0;}
.about ul li{ font-size:14px;}
.about ul li img{ width:37px; height:25px; transition:none;}

.case_w3{ margin-bottom:20px; padding:10px;}
.case_w3 .case_left{ width:100%; float:left}
.case_w3 .case_left li{margin-bottom:2%;}
.case_w3 .case_left .li1{ width:100%;}
.case_w3 .case_left .li1 img{ width:100%; height:auto;}
.case_w3 .case_left .li2{ width:63.9%; margin-right:2%;}
.case_w3 .case_left .li2 img{ width:100%; height:auto;}
.case_w3 .case_left .li3{ width:34.1%;}
.case_w3 .case_left .li3 img{ width:100%; height:auto;}

.case_right{ width:100%; margin-left:0; float:left;}
.case_right{ margin-bottom:2%;}
.case_right .li4{ width:100%;}
.case_right .li4 img{ width:100%; height:auto}
.case_right .li5{ margin-right:2%;}
.case_right .li5,.case_right .li6{ width:49%; height:auto;}
.case_right .li5 img,.case_right .li6 img{ width:100%; height:auto;}
.case_right .li7{ width:100%; height:auto;}
.case_right .li7 img{ width:100%; height:auto;}


.case_w3 .big_til .case_til{ position:absolute; bottom:0; left:0px; width:100%; padding:2px 10px; background:rgba(0,0,0,0.6); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.case_w3 .big_til .case_til h3{ font-size:14px; line-height:24px; font-weight:400; color:#fff; display:inline-block; vertical-align:3px;}
.case_w3 .big_til .case_til span{ display:none;}
.small_til h5{ width:100px; height:28px; background:#e7a33d; font-size:14px; color:#000; line-height:28px; text-align:center; position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-17px; opacity:1;filter: "alpha(opacity=1)";   /* IE 8 */
filter: alpha(opacity=1);  /* IE 4-7 */ }
.small_til h5:after{ content:''; width:108px; height:34px; border:2px solid #e7a33d; display:block; position:absolute; top:50%; left:50%; margin-left:-56px; margin-top:-19px;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; opacity:1;filter: "alpha(opacity=1)";   /* IE 8 */
filter: alpha(opacity=1);  /* IE 4-7 */}
.more_w .more{ margin-top:10px;}


/*服务流程两张图片*/
.service .img_lc{ display:none;}
.service .img_lc2{ display:block;}


#design{ display:none;}
.design-Team{ display:none;}
.phone_design{ display:block; width:100%; margin-bottom:20px;}
.phone_design ul{ }
.phone_design ul li{  width:31%; margin:1%; float:left;}
.phone_design ul li img{ width:100%; height:auto;}
.phone_design ul li h3{ font-size:14px; color:#e7a33d; line-height:24px; font-weight:400; text-align:center; margin-top:6px;}

.hx_banner{ display:none;}
.hx_banner2{ width:100%; height:120px; position:relative; display:block;}	
.hx_banner2 .hd{ height:20px; overflow:hidden; position:absolute; left:50%; bottom:0px; z-index:1; margin-left:-15px }
.hx_banner2 .hd ul{ overflow:hidden; zoom:1;   }
.hx_banner2 .hd ul li{ display: block;width: 8px;height: 8px;border-radius: 100%;cursor: pointer;float:left; margin:0 5px; background-color:#b2b3b3;}
.hx_banner2 .hd ul li.on{ background-color:#d29841;}
.hx_banner2 .bd{height:100%; z-index:0;}
.hx_banner2 .bd li{ zoom:1; vertical-align: middle;  }
.hx_banner2 .bd img{ height:120px; display:block; width:100%;  }

#mainship{ display:none;}
.mainship2{ display:block;}
.mainship2 ul li{ width:33.3%; float:left; position:relative; height:auto; padding:1%;}
.mainship2 ul li img{ width:100%; height:auto; z-index:-1;}
.mainship2 ul li p{ text-align:center; font-size:14px; color:#fff; line-height:32px; position:absolute; left:50%; top:50%; z-index:0; margin-left:-28px; margin-top:-16px;} 
.mainship2 ul li p:before{ content:''; width:30px; height:30px; background:#d29841; border-radius:50%; display:block; position:absolute; left:50%; margin-left:-15px; top:50%; top:1px; z-index:-1;}

.news .news_top h4{ font-size:16px; color:#000; line-height:60px; font-weight:400; padding:0 10px; }
.news .news_top p{ padding:0 10px;}
.news ul{ margin-left:0;}
.news ul li { width:100%;margin:1% 0; padding:1%;}
.news ul li .date{ width:22%; padding-top:8px; height:auto; font-size:13px;}
.news ul li .date p {font-size:36px;line-height:60px;}
.news ul li .news_con { width: 74%;}
.news ul li .news_con h4{ font-size:16px; line-height:32px; margin-bottom:6px;}
.news ul li .news_con p{ height:36px; overflow:hidden;}

.contact { margin-bottom:20px;}
.contact ul li{padding:0 14px;}
.contact ul li img{ width:48px; height:48px;}
.contact ul li p{ font-size:14px;  padding-top:12px;}

.form{padding:40px 0 10px;}
.form input{ width:80%}
.form textarea{ width:80%}

.focus{ display:none;}

.bottom{ height:auto; padding:0 0 20px;}
.bottom p{ text-align:center; padding:0 18px;}
.bottom p a{ display:none;}
.ban2{ zoom:0.5;}
.about_con{ padding:20px 10px;}
.til_page{ line-height:38px; font-size:14px; padding:0 10px; display:none;}
.til_page span{ line-height:38px;}
.yz_about .yz_fl{ width:100%; padding-bottom:20px;}
.yz_about .yz_fl h3{ font-size:30px; height:150px; padding-top:40px;}
.yz_about .yz_fl h3::after{ width:26%; height:100px; top:6px; left:110px;}
.yz_about .yz_fl p{ margin-bottom:20px;}
.yz_about .yz_fr{ width:100%; margin-top:20px;}
.yz_pic{ max-width:100%; height:auto;}
.yz_pic .hd ul li{ width:10px; height:10px;}

.yz_pic .bd img {display: block; max-width:100%; height:auto;}
.select-bar{ display:block;}
.case_yz{ padding:0; }
.search_yz{ display:none;}
.search_yz dl{ line-height:38px; border-left:none; border-right:none;}
.search_yz dl dt{ width:100px;}
.search_yz dl dd .all{ width:70px;}
.search_yz dl dd .son {display:inline-block; line-height:34px; width:100%;}

.search_form{ padding:12px 0; margin:0;}
.search_form .search_input{ width:60%;}
.search_form .search_sub{ width:90px;}
.search_form input{ height:32px; line-height:32px;}

.case_list{ margin-left:0;}
.case_list li{ margin:1%; float:none; width:48%; padding:0; float:left;}
.case_list li i{ display:none;}
.case_list li h3{ height:30px; line-height:30px; font-size:15px; font-weight:400; padding:0 10px;}
.case_list li h3 span{ line-height:24px;}

.case_list li img{ height:auto; width:100%;}

.page_all li:first-child{padding: 4px 8px;}
.page_all li{padding: 4px 8px;}

.design_w { padding:0; margin:0;
}
.design .design_bg{ display:none;}
.design{ width:100%;}

.design ul{ margin-left:0;}
.design ul li{  width:48%; margin:1%; float:left;}
.design ul li img{ width:100%; height:auto;}
.design ul li h3{ font-size:14px; color:#e7a33d; line-height:24px; font-weight:400; text-align:center; margin-top:6px;}

.case_con{ padding:10px;}
.case_con .case_confl{ width:100%; padding-right:0;}

.case_con .case_confr{float:left;border-left: none; margin-top:16px;
padding-left:0;}
.case_scroll{ width:100%; margin-top:48px;}
.case_scroll .hd{ height:20px;}
.case_scroll .hd ul li{ width:10px; height:10px;}
.case_scroll .bd img { width:100%; height:auto}

.design_con2{ padding:0 10px;}
.design_detail .design_pic{ width:100%;}
.design_detail .design_pic img {width: 100%; max-width:380px;
}
.design_detail .design_con{ width:100%; margin-top:20px;}
.design_detail .design_con .b1 h4{ font-size:20px; line-height:36px;}
.re_case{ padding-top:20px;}
.re_case h4{ margin-bottom:20px;}

.inner_nav ul li{ width:23%; margin:1%; height:34px;}
.inner_nav ul li a{ padding:0; line-height:34px; font-size:12px;}

.news_list{ margin:20px auto; padding:20px 0; }
.news_list ul li .bg{  height:90px;  left:22%; top:6px; }
.news_list ul li:hover .bg{ width:78%;}
.news_list ul li { width:100%;margin:2% 0; padding:1%;}
.news_list ul li .date{ width:22%; padding-top:8px; height:auto; font-size:13px;}
.news_list ul li .date p {font-size:36px;line-height:60px;}
.news_list ul li .news_con { width: 74%;}
.news_list ul li .news_con h4{ font-size:16px; line-height:36px; margin-bottom:4px;}
.news_list ul li .news_con p{ height:36px; overflow:hidden; font-size:12px;}
.contact-box{ display:none;}	
.contact_mobil{ width:100%; margin-top:48px; display:block;  background-color:#fff;}
.contact_mobil ul{ width:280px; background-color:#fff; margin:0 auto;font: 12px/22px Vijaya,"\5b8b\4f53",Arial,sans-serif;
color: #222;padding:40px;}
.contact_mobil ul li{width: 100%;
    padding-bottom: 12%;
    border-bottom: 2px solid #ccc;
    margin-bottom: 12%;
    line-height: 26px;
    font-size: 20px;} 
.contact_mobil ul li p.en{ font-size:18px;}	

.table_w .tablea tr th:nth-child(4),.table_w .tablea tr td:nth-child(4){ display:none}
.table_w .tablea tr td{ padding:12px 0;}
.ban2 img
{
	width: 150%;
    margin-left: -25%;
    height: auto;
}
.ban2{ height:auto;    max-height: none;}
	
	
}

/*@media all and (min-width:320px) and (max-width:767px){*/

@media screen and (max-width: 768px){
	.ban2 img
	{
	width: 250%;
    height: auto;
    margin-left: -105%;
    overflow: hidden;
	}
.top,.slideBox{display:none;}	
.ban2{margin-top:48px;}
.head{ width:100%; height:60px; background:#352719; position:fixed; z-index:95885549; left:0px; top:0px; text-align:center; display:block;}
.icon-logo{ width:102px; height:45px; display:block; background:url(../images/logo2.png) no-repeat center center; position:absolute; left:6px; top:7px; 
-o-background-size: 113px 50px;
-ms-background-size: 113px 50px;}
.ico-nav{ width: 110px; height: 36px; position: absolute; right:0; top: 6px;background-image:url(../images/icon_nav.png);  background-repeat: no-repeat; background-position:right 0;
-webkit-background-size: 36px 72px;
-o-background-size: 36px 72px;
-ms-background-size: 36px 72px;
background-size: 36px 72px;
}
.ico-nav span{font-size:15px; color:#e7a33d; text-transform:uppercase; line-height:36px; display:inline-block;
}
.ico-nav.active{  background-position:right -36px;}
.nav_phone{ 
width: 100%; height: 100%;
position: fixed; z-index: 88898;
background:#f5f5f5;
opacity: 0;
left:0; top:0;
-webkit-transform:translateY(-100%);
-o-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%);
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out; display:block;
}
.nav_phone.active{
opacity: 1;
-webkit-transform:translateY(0%);
-o-transform:translateY(0%);
-ms-transform:translateY(0%);
transform:translateY(0%);
}

.nav_phone li { list-style: none; position: relative; padding:0 16px;}
.nav_phone li .name{ height: 50px; display: block; padding:10px; border-bottom:1px solid #949494;  font-size: 15px; text-transform:uppercase; color:#444; text-align:center;}
.nav_phone li:first-child{margin-top:54px; }
.nav_phone li:last-child .name{ border-bottom:none !important;}	

.slideBox,.side{ display:none;}	
.swiper-container,.kong{ display:block;}	
.w{ width:100%;}

.black_til{ height:100px;  padding-top:20px;}
.black_til h3{font-size:18px;}
.black_til h3:after{ width:16px; margin:2px auto;}
.black_til h4{ font-size:18px; }
.white_til{ height:100px; padding-top:20px;}
.white_til h3{ font-size:18px;}
.white_til h3:after{ width:16px;margin:2px auto;}
.white_til h4{ font-size:18px;}

.about{ padding:20px 0;}
.about ul li{ font-size:14px;}
.about ul li img{ width:37px; height:25px; transition:none;}

.case_w3{ margin-bottom:20px; padding:10px;}
.case_w3 .case_left{ width:100%; float:left}
.case_w3 .case_left li{margin-bottom:2%;}
.case_w3 .case_left .li1{ width:100%;}
.case_w3 .case_left .li1 img{ width:100%; height:auto;}
.case_w3 .case_left .li2{ width:63.9%; margin-right:2%;}
.case_w3 .case_left .li2 img{ width:100%; height:auto;}
.case_w3 .case_left .li3{ width:34.1%;}
.case_w3 .case_left .li3 img{ width:100%; height:auto;}

.case_right{ width:100%; margin-left:0; float:left;}
.case_right{ margin-bottom:2%;}
.case_right .li4{ width:100%;}
.case_right .li4 img{ width:100%; height:auto}
.case_right .li5{ margin-right:2%;}
.case_right .li5,.case_right .li6{ width:49%; height:auto;}
.case_right .li5 img,.case_right .li6 img{ width:100%; height:auto;}
.case_right .li7{ width:100%; height:auto;}
.case_right .li7 img{ width:100%; height:auto;}


.case_w3 .big_til .case_til{ position:absolute; bottom:0; left:0px; width:100%; padding:2px 10px; background:rgba(0,0,0,0.6); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.case_w3 .big_til .case_til h3{ font-size:14px; line-height:24px; font-weight:400; color:#fff; display:inline-block; vertical-align:3px;}
.case_w3 .big_til .case_til span{ display:none;}
.small_til h5{ width:80px; height:28px; background:#e7a33d; font-size:14px; color:#000; line-height:28px; text-align:center; position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-17px; opacity:1;filter: "alpha(opacity=1)";   /* IE 8 */
filter: alpha(opacity=1);  /* IE 4-7 */ }
.small_til h5:after{ content:''; width:88px; height:34px; border:2px solid #e7a33d; display:block; position:absolute; top:50%; left:50%; margin-left:-46px; margin-top:-19px;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; opacity:1;filter: "alpha(opacity=1)";   /* IE 8 */
filter: alpha(opacity=1);  /* IE 4-7 */}
.more_w .more{ margin-top:10px;}


/*服务流程两张图片*/
.service .img_lc{ display:none;}
.service .img_lc2{ display:block;}


#design{ display:none;}
.phone_design{ display:block; width:100%; margin-bottom:20px;}
.phone_design ul{ }
.phone_design ul li{  width:48%; margin:1%; float:left;}
.phone_design ul li img{ width:100%; height:auto;}
.phone_design ul li h3{ font-size:14px; color:#e7a33d; line-height:24px; font-weight:400; text-align:center; margin-top:6px;}

.hx_banner{ display:none;}
.hx_banner2{ width:100%; /*height:120px;*/height:auto; position:relative; display:block;}	
.hx_banner2 .hd{ height:20px; overflow:hidden; position:absolute; left:50%; bottom:0px; z-index:1; margin-left:-15px }
.hx_banner2 .hd ul{ overflow:hidden; zoom:1;   }
.hx_banner2 .hd ul li{ display: block;width: 8px;height: 8px;border-radius: 100%;cursor: pointer;float:left; margin:0 5px; background-color:#b2b3b3;}
.hx_banner2 .hd ul li.on{ background-color:#d29841;}
.hx_banner2 .bd{height:100%; z-index:0;}
.hx_banner2 .bd li{ zoom:1; vertical-align: middle;  }
.hx_banner2 .bd img{ /*height:120px;*/height:auto; display:block; width:100%;  }

#mainship{ display:none;}
.mainship2{ display:block;}
.mainship2 ul li{ width:47%; float:left; position:relative; height:auto; padding:0 0 2% 0; margin-left:2%}
.mainship2 ul li img{ width:100%; height:auto; z-index:-1;}
.mainship2 ul li p{ text-align:center; font-size:14px; color:#fff; line-height:32px; position:absolute; left:50%; top:50%; z-index:0; margin-left:-28px; margin-top:-16px;} 
.mainship2 ul li p:before{ content:''; width:80px; height:30px; background:#d29841; border-radius:10%; display:block; position:absolute; left:50%; margin-left:-40px; top:50%; top:1px; z-index:-1;}

.news .news_top h4{ font-size:16px; color:#000; line-height:40px; font-weight:400; padding:0 10px; }
.news .news_top p{ padding:0 10px;}
.news ul{ margin-left:0;}
.news ul li { width:100%;margin:1% 0; padding:1%;}
.news ul li .date{ width:22%; padding-top:8px; height:auto; font-size:13px;}
.news ul li .date p {font-size:36px;line-height:60px;}
.news ul li .news_con { width: 74%;}
.news ul li .news_con h4{ font-size:16px; line-height:32px; margin-bottom:6px;}
.news ul li .news_con p{   overflow:hidden;}

.contact { margin-bottom:20px;}
.contact ul li{padding:0 14px;}
.contact ul li img{ width:48px; height:48px;}
.contact ul li p{ font-size:14px;  padding-top:12px; width:100%; word-wrap:break-word;}

.form{padding:40px 0 10px;}
.form input{ width:80%}
.form textarea{ width:80%}

.focus{ display:none;}

.bottom{ height:auto; padding:0 0 20px;}
.bottom p{ text-align:center; padding:0 18px;}
.bottom p a{ display:none;}
.ban2{ zoom:0.5;}
.about_con{ padding:20px 10px;}
.til_page{ line-height:38px; font-size:14px; padding:0 10px; display:none;}
.til_page span{ line-height:38px;}
.yz_about .yz_fl{ width:100%; padding-bottom:20px;}
.yz_about .yz_fl h3{ font-size:30px; height:150px; padding-top:40px;}
.yz_about .yz_fl h3::after{ width:26%; height:100px; top:6px; left:110px;}
.yz_about .yz_fl p{ margin-bottom:20px;}
.yz_about .yz_fr{ width:100%; margin-top:20px;}
.yz_pic{ max-width:100%; height:auto;}
.yz_pic .hd ul li{ width:10px; height:10px;}

.yz_pic .bd img {display: block; max-width:100%; height:auto;}
.select-bar{ display:block;}
.case_yz{ padding:0;}
.search_yz{ display:none;}
.search_yz dl{ line-height:38px; border-left:none; border-right:none;}
.search_yz dl dt{ width:100px;}
.search_yz dl dd{ overflow:hidden;}
.search_yz dl dd .all{ width:70px; float:none; display:inline;}
.search_yz dl dd .son {display:inline; line-height:34px; float:none; overflow:auto; width:auto;}

.search_form{ padding:12px 0; margin:0;}
.search_form .search_input{ width:64%;}
.search_form .search_sub{ width:70px;}
.search_form input{ height:32px;}

.case_list{ margin-left:0;}
.case_list li{ max-width:362px; margin:10px auto; float:none; width:100%; padding:10px;}
.case_list li i{ display:none;}
.case_list li h3{ height:30px; line-height:30px; font-size:15px; font-weight:400;}
.case_list li h3 span{ line-height:24px;}

.case_list li img{ max-width:100%; height:auto;}

.page_all li:first-child{padding: 4px 8px;}
.page_all li{padding: 4px 8px;}

.design_w { padding:0 ; margin:0;
}
.design .design_bg{ display:none;}
.design{ width:100%;}

.design ul{ margin-left:0;}
.design ul li{  width:48%; margin:1%; float:left;}
.design ul li img{ width:100%; height:auto;}
.design ul li h3{ font-size:14px; color:#e7a33d; line-height:24px; font-weight:400; text-align:center; margin-top:6px;}

.case_con{ padding:10px; margin:10px auto;}
.case_con .case_confl{ width:100%; padding-right:0;}

.case_con .case_confr{float:left;border-left: none; margin-top:16px;
padding-left:0;}
.case_scroll{ width:100%; margin-top:48px;}
.case_scroll .hd{ height:20px;}
.case_scroll .hd ul li{ width:10px; height:10px;}
.case_scroll .bd img { width:100%; height:auto}

.design_con2{ padding:0 10px;}
.design_detail .design_pic{ width:100%;}
.de_picbox{ width:100%; margin:0 auto;max-width:380px;}
.design_detail .design_pic img {width: 100%; max-width:380px;
}
.design_detail .design_con{ width:100%; margin-top:20px;}
.design_detail .design_con .b1 h4{ font-size:20px; line-height:36px;}
.re_case{ padding-top:20px;}
.re_case h4{ margin-bottom:20px;}

.inner_nav ul li{ width:23%; margin:1%; height:34px;}
.inner_nav ul li a{ padding:0; line-height:34px; font-size:12px;}

.news_list{ margin:20px auto; padding:20px 0; }
.news_list ul li .bg{  height:90px;  left:22%; top:6px; }
.news_list ul li:hover .bg{ width:78%;}
.news_list ul li { width:100%;margin:2% 0; padding:1%;}
.news_list ul li .date{ width:22%; padding-top:8px; height:auto; font-size:13px;}
.news_list ul li .date p {font-size:36px;line-height:60px;}
.news_list ul li .news_con { width: 74%;}
.news_list ul li .news_con h4{ font-size:16px; line-height:36px; margin-bottom:4px;}
.news_list ul li .news_con p{ height:36px; overflow:hidden; font-size:12px;}


.contact-box{ display:none;}	
.contact_mobil{ width:100%; margin-top:48px; display:block;  background-color:#fff;}
.contact_mobil ul{ width:280px; background-color:#fff;  margin:0 auto;font: 12px/22px Vijaya,"\5b8b\4f53",Arial,sans-serif;
color: #222;padding:40px;}
.contact_mobil ul li{width: 100%;
    padding-bottom: 12%;
    border-bottom: 2px solid #ccc;
    margin-bottom: 12%;
    line-height: 26px;
    font-size: 20px;} 
.contact_mobil ul li p.en{ font-size:18px;}	

.popover-order{width:300px;height:360px;margin:-180px 0 0 -150px;}

.table_w .tablea tr th:nth-child(4),.table_w .tablea tr td:nth-child(4){ display:none}
.table_w .tablea tr th{ font-size:15px;}
.table_w .tablea tr td{ font-size:12px; padding:14px 0;} 


.service{ text-align:center; padding-top:30px;  /*background:url(../images/serviceBg.jpg) no-repeat; background-position: top center;*/}
.service h3{text-transform: uppercase; color:#fff; font-size:24px;font-weight:400;  }
.service h3:after{ content:''; width:22px; height:1px; display:block; background:#fff; margin:10px auto;}
.service h4{ font-size:24px; color:#e7a33d; font-weight:400;}
/*.service ul{ margin-top:50px;}*/
.service ul li{ width:25%; height:105px; background-color:#ffffff8f; border-radius:6px;   float:left; margin-left:5%; margin-bottom:30px;}
.service ul li img{ width:40px; height:40px; border:1px solid #000; border-radius:50%; display:block; margin:10px auto; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.service ul li:hover img{ transform:translateY(-14px); -webkit-transform:translateY(-14px);}
.service ul li:hover .black_line span{ background-color:#d29841;}
.service ul li .black_line{ width:100%; height:1px; background-color:#423423; position:relative; display:block; margin-bottom:16px;}
.service ul li .black_line span{ width:25px; height:25px; background-color:#d29841; border-radius:50%; color:#fff; font-size:14px; line-height:24px; text-align:center; position:absolute; right:12px; top:-13px; display:block;}
.service ul li h4{ font-size:12px; color:#000; font-weight:400; padding:0 12px;}
.service ul li p{ font-size:12px; color:#666; padding:0 12px;}

.service .img_lc,.service .img_lc2{ max-width:100%; height:auto; display:block; margin:0 auto; padding:0 0 40px;}
.service .img_lc2{ display:none;}



.indexHot{ text-align:center; padding-top:70px; margin-top:50px; background:url(../images/hotBg.jpg) no-repeat; background-position: top center;}
.indexHot h3{text-transform: uppercase; color:#e7a33d; font-size:24px;font-weight:400;  }
.indexHot h3:after{ content:''; width:22px; height:1px; display:block; background:#e7a33d; margin:10px auto;}
.indexHot h4{ font-size:24px; color:#e7a33d; font-weight:400;}
.indexHot ul{ margin-top:30px;  }
.indexHot ul li{ width:45%; float:left; margin-left:2.5%; margin-right:2.5%; margin-bottom:40px; position:relative; }
.indexHot ul li img{ width:100%;  }
.indexHot ul li .text1
{
	width:70px;
	height:50px;
	background-color:#7e6b5a;
	position:absolute;
	top:0;
	right:0;
	z-index:9;
}
.indexHot ul li .text1 p
{
	width:100%;
	text-align:center;
	color:#e7a33d;
	margin-top:8px;
}
.indexHot ul li .text2
{
	width:100%;
	height:32px;
	background:url(../images/hotBg.png) repeat-x;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	z-index:9;
}
.indexHot ul li .text2 a
{
	font-size:14px;
	color:#e7a33d;
	line-height:32px;
}
.indexHot ul li .text2 a:hover
{
	color:#d29841;
}


}

@media all and (max-width:320px){

service{ text-align:center; padding-top:70px;  background:url(../images/serviceBg.jpg) no-repeat; background-position: top center;}
.service h3{text-transform: uppercase; color:#fff; font-size:24px;font-weight:400;  }
.service h3:after{ content:''; width:22px; height:1px; display:block; background:#fff; margin:10px auto;}
.service h4{ font-size:24px; color:#fff; font-weight:400;}
.service ul{ margin-top:50px;}
.service ul li{ width:40%; height:188px; background-color:#ffffff8f; border-radius:6px; background-color:#fff; float:left; margin-left:5%; margin-bottom:30px;}
.service ul li img{ width:70px; height:70px; border:1px solid #000; border-radius:50%; display:block; margin:24px auto; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.service ul li:hover img{ transform:translateY(-14px); -webkit-transform:translateY(-14px);}
.service ul li:hover .black_line span{ background-color:#d29841;}
.service ul li .black_line{ width:100%; height:1px; background-color:#6b299d; position:relative; display:block; margin-bottom:16px;}
.service ul li .black_line span{ width:25px; height:25px; background-color:#d29841; border-radius:50%; color:#fff; font-size:14px; line-height:24px; text-align:center; position:absolute; right:12px; top:-13px; display:block;}
.service ul li h4{ font-size:16px; color:#000; font-weight:400; padding:0 12px;}
.service ul li p{ font-size:12px; color:#666; padding:0 12px;}

.service .img_lc,.service .img_lc2{ max-width:100%; height:auto; display:block; margin:0 auto; padding:0 0 40px;}
.service .img_lc2{ display:none;}	
	
.inner_nav ul li{ width:24%; margin:1% 0.5%;}	
.news_list ul li .date{ font-size:12px; width:24%;}	
.news ul li .date{ width:24%; font-size:12px;}	
.news ul li .date p{ font-size:30px;}
.news ul li .news_con,.news_list ul li .news_con{ width:72%;}
.news ul li .news_con h4,.news_list ul li .news_con h4{ font-size:14px;}
	
.prev_next span{ width:80px;}	
.prev_next ul{ width:60%;}
.prev_next ul li,.prev_next ul li a{ font-size:12px;}
	

.contact-box{ display:none;}	
.contact_mobil{ width:100%; margin-top:48px; display:block; background-color:#fff;}
.contact_mobil ul{ width:280px; background-color:#fff; padding:40px; margin:0 auto;font: 12px/22px Vijaya,"\5b8b\4f53",Arial,sans-serif;
color: #222;}
.contact_mobil ul li{width: 100%;
    padding-bottom: 12%;
    border-bottom: 2px solid #ccc;
    margin-bottom: 12%;
    line-height: 26px;
    font-size: 20px;
} 
.contact_mobil ul li p.en{ font-size:18px;}
.popover-order{width:260px;height:360px;margin:-180px 0 0 -130px;}	
.order-content ul li,.order-content ul li input,.order-content .refer,.hot_phone{ width:220px; }

.table_w .tablea tr th{ font-size:15px;}
.table_w .tablea tr th:nth-child(4),.table_w .tablea tr td:nth-child(4){ display:none}
.table_w .tablea tr td{ font-size:12px; padding:14px 0;} 
	
}

/* CSS Document */

/* pagesize css*/

#pageNav ul li{
	width:4%;
	height: 25px;
	line-height: 25px;
	margin-left: 1%;
	margin-bottom: 15px;
	padding: 0;
	float: left;
	overflow: hidden;
}
#pageNav ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
#pageNav ul li:first-child{
	margin-left: 25%;
	width: 8%;
}
#pageNav ul li:last-child{
	width: 11%;
}

.grey{
	background-color:#fddbab;
	border-bottom:1px solid #a7967d;
}


/*#pageNav { 
font-style:"Microsoft YaHei"; 
font-size: 14px;
height: 30px; 
margin: 15px 18%; 
text-align: center; 
width: 100%; 
} 
#pageNav ul { 
list-style-type: none; 
overflow: hidden;
width:80%; 

} 
#pageNav ul li { 
background-color: #FFFFFF; 
border: 1px solid #ccc; 
color: #666; 
display: block;
width: 8%;
line-height: 30px;
height: 30px; 
margin: 0 4px; 
float: left; 
} 
#pageNav ul li:last-child{
	width: 10%;
}
#pageNav ul li a { 
border: none;
background-color: #FFFFFF; 
color: #ccc; 
padding: 0 3px; 
} 
#pageNav ul li a:hover { 
color: #000; 
} 
#pageNav ul li.hover { 
border: 0 none; 
color: #000000; 
font-weight: bold; 
} 
#pageNav ul .thisclass{
	background-color: #ccc;
}
#pageNav ul .thisclass a{
	background-color: #ccc;
	color: #000;
}
*/
#articleNav a{
	color:#fff !important;}





.design-Team {
    overflow: hidden;
	width:1200px;
	margin:0 auto; 
}

.design-Team .col-xs-5 {
	float:left;
    width: 470px
}

.design-Team .col-xs-7 {
	float:left;
    width: 59%
}

.design-Team .col-xs-7 .row {
    width: 120%
}

.design-Team .item {
    float: left;
    text-align: center;
    width: 225px;
    height: 225px;
    overflow: hidden;
    position: relative;
    color: #989898;
    margin: 0 0 17px 17px;
    border: solid 1px #656565
}

.design-Team .item img {
    display: block;
	width:100%;
}

.design-Team .design-info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(0, 0, 0, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
    bottom: -80px;
    transition: all ease .3s;
    -webkit-transition: all ease .3s
}

.design-Team .item:hover .design-info {
    bottom: 0
}

.design-Team .design-info .p1 {
    margin-top: 10px
}

.design-Team .design-info .name {
    font-size: 14px;
    color: #e7a33d
}

.design-Team .design-info .city {
    color: #fff
}



.case-list {
    height: 120px;
    padding: 15px 0
}

.case-list a {
    display: block;
    text-align: center
}

.case-list img {
    display: block;
    width: 89px;
    height: 89px;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 50%;
    transition: all ease .3s;
    -webkit-transition: all ease .2s
}

.case-list .col {
    float: left;
	width:12.5%;
}

@media all and (max-width:880px){
.case-list .col {
	width:25%;
	margin-top:15px;
}

.case-list .col img{
	max-width:85%;
	height:auto;}
.case-list {
    height: auto;
	padding:0 0 15px;
}
}
.case-list a:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2)
}