@charset "utf-8";
/* CSS Document */

.titles{height:100px;}
.titles .t_l{float:left;color:#282828;}
.titles .t_l h1{float:left;font-size:28px; font-weight:lighter;}
.titles .t_l p{float:left;margin-top:17px;font-size:14px;}
.titles .t_l p span{padding:0 8px 0 12px;color:#e79b00;}
.titles .t_c{width:465px; position:relative;margin:0 auto;padding-top:28px;}
.titles .t_c a{ display:inline-block; font-size:18px;color:#282828;margin:0 20px;padding-bottom:3px;    transition: all 0.3s ease-out 0s;}
.titles .t_c a i{width:0;height:2px; background:#e79b00; display:block; transition:all 0.3s;margin-top:2px;}
.titles .t_c a:hover i{width:100%;}
.titles .t_r{float:right;margin-top:25px;}
.titles .t_r a{border:1px solid #d7d7d7;border-radius:3px;padding:5px 15px;line-height:35px;font-size:16px;}
.titles .t_r a::before{content: "";width:15px;height:13px; background:url(../images/t8.png);display:inline-block;margin-right:10px;}

.sitecontent{ min-height: 100%; height: 100%; overflow: hidden;}
.banner_content{ position: relative; width: 100%;height: 100%; }
.banner_play{position: relative;   width: 100%; margin: 0 auto;  height: 100%;}
.wrapper{margin: 0 auto; overflow: hidden;    margin: 0 7.5% 0 7.5%; }
.banner_hd li{ width: 100% !important;  overflow: hidden; height: 100%; position: relative;}
.banner_hd li img{ width: 100%; display: block;}
.banner_play .tempWrap{ margin: 0 auto; width: 100% !important; height: 100%;}
.banner_content i.fa-angle-left::before, .banner_content i.fa-angle-right::before {content:'';}
ul.banner_hd{ height: 100% !important;width: 100% !important;}
#sec_02{background: url(../images/bg2.jpg);background-size: 100% 100%;}
.bgs {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -ms-transition: all 2s ease-out;
    transition: all 2s ease-out;}
.banner_hd li .bgs{-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);}
.banner_hd li.current .bgs{-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);}
/*

a.prev,a.next{position: absolute; top: 50%; margin-top: -20px; width:28px; height:51px; display:block; }
a.prev { background:url(img/l_btn.png) no-repeat;}
a.next { background:url(img/r_btn.png) no-repeat;}


a.next::before {content:'';position:absolute;width:28px;height:51px; }
a.prev::before {content:'';position:absolute;width:28px;height:51px;}
*/


a.prev,a.next{  width: 350px; height: 100%; position: absolute;top: 0;  z-index: 999 }
a.next{ right: 7%; cursor: url(img/index-right.cur),auto!important; }
a.prev{ left:7%; cursor: url(img/index-left.cur),auto!important;}
/*a.next:hover{right: 7%; background: url(img/r_btn_on.png) no-repeat;}
a.prev:hover{ left:7%; background: url(img/l_btn_on.png) no-repeat;}*/

/*a.prev,a.next{transition: all ease-out .3s; position: absolute; top: 50%; margin-top: -20px; width:80px; height:40px; display:block; background:url(img/l_btn.png) no-repeat; }
a.prev {left: -38px;}
a.next {right: -43px;}
a.next { background-position:-13px 0; }

a.next:hover { background-position:-13px -40px; }
a.next::before {content:'';position:absolute;width:67px;height:1px;background:#d8d8d8;margin-top:-6px;transition: all 0.3s ease-out 0s; opacity:0; }

a.next:hover::before {width:67px;opacity:1;margin-top:4px;background:#e79b00;}

a.prev:hover { background-position:-0px -40px; }

a.prev::before {content:'';position:absolute;width:67px;height:1px;background:#d8d8d8;margin-top:-6px;transition: all 0.3s ease-out 0s;opacity:0;left: 5px;}
a.prev:hover::before {width:67px;opacity:1;margin-top:4px;background:#e79b00;}
*/


.position_content{ width: 100%; position: absolute; bottom: 60px; z-index: 300;}
.position_content1{ text-align: center; width: 100%; position: absolute; bottom: 110px; z-index: 300; left: 0; display: none;}
.position_content1 span{font-weight: bold;color: #fff; display: inline-block; width: 60px; margin: 0 10px;}
.position_content ul{ display: inline-block; width: 100%; text-align: center;}
.position_content ul li{width: 7px; padding-bottom: 30px; margin: 0 5px;  display: inline-block; text-align: center; position: relative; color: #fff; cursor:pointer;}
.position_content ul li:after{ z-index: 5; content: ''; width: 100%; height: 7px; background: #d2cad7; position: absolute; left: 0 ;bottom:0;border-radius:50%;}
.position_content ul li:before{content: ''; width: 0; height: 7px; background: #ee991a; transition:  width 0.5s;-webkit-transition:  width 0.5s;-moz-transition:  width 0.5s;position: absolute; left: 0 ;bottom:0;border-radius:50%;}
.position_content ul li.on:before{width: 100%;  z-index: 10;}
.position_content ul li>span{ display: block; height: 15px; font-weight: bold;}
div#fullpage{z-index: 20;}
/*第二屏start*/
.case_box{ width: 100%; margin: 0 auto; position: relative;}
.case_box p.title{ color: #000; font-size: 26px;}
#category{  position: absolute;top: 20px; right: 0; font-size: 16px;}
#category a::before {position: absolute;content: "";text-align: left;margin-left: 0px;margin-top: 25px;background-color: #e79b00;width: 0px;height: 1px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#category a:hover::before {width: 30px;}
#category a { padding: 7px 27px; border: 0; color: #595959;line-height: 16px;height: 16px;    margin-right: 2px;display: inline-block;    transition: all 0.3s ease-out 0s; }
#category a::after {position: absolute;content: "|";text-align: left;margin-left: 28px;margin-top: 0px;font-size: 10px;color: #e79b00;}
#category a:hover{color:  #e79b00 ;}
#category a:last-child::after {position: absolute;content: ""; height: 0px; width: 0px;}
.case_list{ width: 100%; margin-top: 50px !important;}
.case_list li{ width: 24%; float: left; margin-right: 1.25%;}
.case_list li.casetem_4{ margin-right: 0;}
.case_list li a,.case_list li img,.in_case_list li a,.in_case_list li img{ width: 100%; display: block; overflow: hidden;}
.case_list li span,.in_case_list li span{ display: block; width: 100%; overflow: hidden;}
.case_list li img,.in_case_list li img{    width: 100%; height: auto; transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.case_list li img,.in_case_list li span{ display:block; overflow:hidden;    border: 3px solid #ccc; box-sizing:border-box;}

p.case_title{ color: #000; padding-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
p.case_intro{transition: all ease-out .7s; color: #595959; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top: 20px; font-size: 14px; background:url(../images/bg4.gif) no-repeat center left;padding-left:18px;}
.case_list li:hover p.case_intro,.in_case_list li:hover p.case_intro{ margin-top: 0;}
.case_list li:hover img{transform: scale(1.1);}
.case_list li:hover p.case_title,.in_case_list li:hover p.case_title{ color: #e79b00;}
.control_box{ text-align: center; margin-top: 8%;}
.control_box a { display: inline-block;    /*position: absolute; */z-index: 5; top: 114%; margin-top: 0px; width: 60px; height: 30px; background: transparent; border-radius: 0px; }

.control_box a.page_left { left: 50%; margin-left: -60px; border-right: 1px solid #e9e9e9; background:url(img/icon1.png) -60px -250px no-repeat; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.control_box a.page_left:hover { border-right: 1px solid #e9e9e9; background:url(img/icon1.png) -60px -220px no-repeat; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.control_box a.page_right { right: 50%; margin-right: -60px;/* background:url(img/icon1.png) 0 -250px no-repeat;*/ transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.control_box a.page_right:hover { /*background:url(img/icon1.png) 0 -220px no-repeat; */}

.control_box a i { color: #dadada; font-size: 24px; margin-top: 2px; margin-left: 26px; }

.control_box a:hover i { color: #535353; }


/*第三屏start*/
.service_wrap{margin: 0 auto; width: 100%; height:100%; }
.sevrice_box{/* background: url(img/section3_bg.jpg) no-repeat; background-size: cover;*/ position: relative; height: 100%;}
.sevrice_list { margin: 0 30px; height: 100%; position: relative;z-index: 20;}
.sevrice_list li{  text-align: center; width: 25%;  float: left; position: relative;height:85%;   transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top:110px;border-top:1px solid #999;border-bottom:1px solid #999; box-sizing:border-box;}
.sevrice_list li span{ display: block; margin-bottom: 25px;}
.sevrice_list li span img{ width: 88px;  display: block; margin: 0 auto;}
.sevrice_list li .sev_cont{ position: relative; top: 50%; margin-top: -230px; z-index: 50;}
.sevrice_list li a.sev_a1{color: #000; display: block; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding-top:10%;}
.sevrice_list li:hover a.sev_a1{ padding-top:0; display: block;}
.sevrice_list li h2{ color: #000;  font-size: 26px;}
.sevrice_list li p{ line-height: 180%; width: 90%; margin: 12px auto 0;    font-size: 16px;}
.sevrice_list li font{ display: block; margin-top: 85px; position: relative; display: block;}
.sevrice_list li:after{ content: ''; width:1px; height: 100%; position: absolute; top: 0; left: 0; background:#999;}
.sevrice_list li.last_li:before{content: ''; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background:#999;}
.sevrice_list li a.sev_a1:before{ position: absolute;
    content: "";
    width: 55px;
    height: 40px;
    background: url(img/lx_ico.png)  no-repeat;
    margin-top: 30px;
    margin-left: -20px;
    left: 50%; top:380px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;  
    
}
.sevrice_list li:hover a.sev_a1:before{ 
    background:none
    
}
.sevrice_list li{ position:relative;}
.black_bg {
    position: absolute; width: 100%; height: 100%; background:#ebad32; top: 0; left: 0; z-index: 10;    opacity: 0;
    filter: alpha(opacity = 0);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.sevrice_list li:hover .black_bg{ opacity: 1; filter: alpha(opacity = 100);}
.sevrice_box p.title{ position: absolute; left: 0; text-align: center; width: 100%; top: 15%; color: #fff; font-size: 26px; z-index: 30;}
/*.sevrice_list li:hover a{ padding-top: 10%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}*/
a.sev_a2 {position: relative; width:100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color: #000; margin: 20px auto 0; opacity: 0; font-size: 14px; display: block; text-align: center;
}


.sevrice_list li:hover a.sev_a2{  opacity: 1;    font-size: 16px; border:1px solid #000;border-radius:3px;width:120px;margin:0 auto;line-height:30px;margin-top:15%;}
.sev_a2 i{width:22px; vertical-align: middle;  height: 22px; display: inline-block;  background: url(../images/t6.png) no-repeat left center;margin-right:2px;margin-top:-4px;}
.sevrice_list .text_ser{width:100%; transition:all 0.8s;margin-top:60%;opacity:0;}
.sevrice_list li:hover .text_ser{margin-top:15%;opacity:1;}
.sevrice_list li img{transition:all 0.8s;}
.sevrice_list li:hover img{ transform:rotate(360deg)}
.sevrice_list li .sev_a2{margin-top:-50%;}
a.sev_a2:hover{background:#;border:1px solid #;color:#;}
.sevrice_list li:hover a.sev_a2:hover{border:1px solid #}



/*第四屏start*/
.sec04_content{ position: relative; width: 100%;  height:100%;margin: 0 auto;background:url(../images/bg4.jpg) no-repeat center; background-size:100% 100%; }
/*.sec04_content:after{position: absolute;content: ''; width: 100%;height: 1px; background: #e79b00;top: calc(50% - 100px); left: 0;}*/
.sec_head{position: relative; padding:7.5% 0 0 0 ;width:75%;margin:0 auto;}
.sec_head p.title{ margin-left: 60px;    color: #000;font-size: 26px;}
.trend_area{ width: calc(100% - 400px);width: -webkit-calc(100% - 400px);width: -moz-calc(100% - 400px); margin: -38px auto 0;}
.content_list li{width: 23%; height: 400px; position: relative; float: left; margin-left: 2%; }
.content_list li:before{content: ''; position: absolute;top: 34px;width: 0%;height: 1px;-webkit-margin-before: 3px;background: rgba(0, 0, 0, .1);transition: all 0.3s ease-out 0s;}
a.newscontent {height: 100%;display: block;position: relative;}
.newstitem .news_wrapper {display: block;max-width: 100%; width: 100%;}
.news_wrapper p.date{ text-align: left; color: #585858; font-size: 16px;}
.news_wrapper .title { color: #000; font-size: 16px;
    margin-bottom: 15px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 35px;   
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    /*animation-delay:1s;
	-webkit-animation-delay:1s;*/
}
/*.news_wrapper{ margin-top: 100px;}*/
p.description{ color: #595959; font-size: 16px;line-height: 25px;width: 100%;height: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top: 10px; overflow: hidden;}
.newstitem .newsimg{    width: 100%; 
   /* height: 170px;*/
    position: absolute;
    top: 140px;
    max-width: 100%;
    overflow: hidden;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; left: 0;}
.newstitem .newsimg img{ display: block; width: 100%;}
.content_list a.details {
    display: block;
    position: absolute;
    top: 0;
    border-radius: 0;
    width: 45px;
    right: 0;
    height: 20px;
    text-indent: 0;
    font-size: 0px;
    line-height: 20px;
    text-align: center;
    border: none;
    border-left: 1px solid rgba(0, 0, 0, .0);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

a.details i {
    width: 21px;
    height: 9px;
    background: url(img/icon.png) 0 -100px no-repeat;
    margin-top: 5px;
    opacity: 0;    transition: all ease-out .3s;
}
.newstitem:hover::before {
    width: 100%;
    background: rgba(0, 0, 0, .5);
}
.newstitem:hover a.details i {background-position: 0 -119px;opacity: 1;}
.newstitem:hover  p.title {margin-left: 10px; color: #A88567;}
.newstitem:hover p.description {margin-left: 10px;}
.newstitem:hover .newsimg {top: 150px;}
.newstitem:hover a.details {border-left: 1px solid rgba(0, 0, 0, .1);}
/*第五屏start*/
.about_us{ position: relative;overflow: hidden; height: calc(100% - 106px); height:100%;   width: 100%}
.about_us_intro{ width: 100%; height: 100%; }
.about_01{ padding-top: 5%;width:860px;margin:90px auto;overflow: hidden;}
.about_01 h3{ font-size: 16px; text-align: center; margin-bottom: 25px;}
.about_01 p{ line-height: 180%;font-size: 14px; }
.about_02{ float:right;}
.about2_bd{ width: 100%; margin-bottom: 30px; min-height: 473px;}
.about_left{ width: 50%; float: left;}
.about_right{ width: 50%; float: right; color: #fff;-webkit-animation: fadeIn 0.3s 0.3s 1;
    -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.about_right ul li{ margin-top: 15px; font-size: 16px;}

.about_right ul{ margin-bottom: 60px;}


/*案例内页start*/
.header.inside_head{ background: #000;  box-shadow: none;}
.inside_head .phone_div span{ color: #fff;}
.inside_head .nav a{ color: #fff;}
.inside_head .nav a:hover,.inside_head .nav a.act{ color: #e79b00;}
.inside_case{ padding-top: 70px; width: 80%; margin: 0 auto; position: relative;z-index: 10;}
.in_case_title{ width: 100%; text-align: center; padding: 30px 0 ;}
.in_case_title span{ color: #000; font-size: 16px; margin: 0 15px;}
.in_case_title a{ display: inline-block; margin-left: 30px; font-size: 16px; color: #000; border: #707070 1px solid; width: 98px; height: 28px; line-height: 30px;}
.in_case_title span a {
    margin-left: 0;
    border: none;
    width: auto;

}
.in_case_list{ width: 100%; min-height: 580px;}
.in_case_list .left{ width: 80%; float: left;}
.left_txt{padding-top: 15px;font-size: 16px;transition: all ease-out 0s; min-height: 55px;}
.in_case_list .left li{ width: 33%; float: left; margin-bottom: 20px; }
.in_case_list .left li a{ display: block; width: 90%; }
.in_case_list .left li img{ width: 100%;}
.in_case_list .right{ width: 18%; padding-left: 2%; float: right;}

.find_input{ width: 100%; border: #dedede 1px solid; height: 38px; line-height: 30px;}
input.content{ width: 85%; height: 38px; border: none; text-indent: 12px;}
.submit_btn{ width: 24px; float: right; margin-right: 5px; background: url(img/find_ico.png) no-repeat center; height: 38px; vertical-align: top; border: none;}
.type p{ font-weight: bold; margin-left: 5px; }
div.type{ margin-top:50px ;color: #000; font-size: 16px;}
div.type>div span{cursor: pointer; padding: 5px; margin-top: 15px; border-radius: 5px; }
div.type>div span.act,div.type>div a.on span{ background: #A88567; color: #fff;}
.nodata {
    font-size: 14px;
    text-align: center;
    /* padding: 30px 0; */
    padding-top: 100px;
}
.page{ width: 100%; text-align: center; font-size: 16px; margin-top: 3%; min-height: 21px;}
.page a,.page span{ color: #595959; margin:0 10px ; cursor: pointer;}
.page a:hover,.page span:hover,.in_case_title span a:hover{ color: #A88567;}
.page span.current{color: #A88567;}

.left_txt p.case_intro{ margin-top: 8px;}
.case_list  .left_txt p.case_intro{ margin-top: 15px;}

/*服务start*/
.sevrice_div01{ width: 100%; position: relative; }
.sevrice_bg1{background: url(img/service_bg1.jpg) no-repeat; background-size: cover; opacity: 0.35; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sevrice_content{  position: relative;z-index: 100; padding-top: 70px;}
a.contact_us{transition: background-color .6s cubic-bezier(.51,1.1,.9,.95);
    -moz-transition: background-color .6s cubic-bezier(.51,1.1,.9,.95);
    -webkit-transition: background-color .6s cubic-bezier(.51,1.1,.9,.95);
    -o-transition: background-color .6s cubic-bezier(.51,1.1,.9,.95); display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; margin: 3% auto 0; background: #ee991a; border-radius: 20px;-webkit-border-radius: 20px; -moz-border-radius:20px;color: #fff;}
a.contact_us:hover{  color: #fff;background:#595959;}
.sevrice_bg2{background: url(img/service_bg2.jpg) no-repeat;  background-size: cover;  opacity: 0.5; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sevrice_bg3{background: url(img/service_bg3.jpg) no-repeat;  background-size: cover;  opacity: 0.25; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sevrice_bg4{background: url(img/service_bg4.jpg) no-repeat;  background-size: cover;  opacity: 0.3; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
a.contact_us:after{ position: absolute; z-index: 1; left: 0; top: 0; content: '';width: 0; height: 100%; background: #595959; border-radius: 20px;-webkit-border-radius: 20px; -moz-border-radius:20px;}
a.contact_us span{ position: relative; display: block;z-index: 5;}

.div_same  a.contact_us{ position: relative;}
#sec_01 a.contact_us{position: absolute; left: 50%;  margin-left: -60px; bottom: 70px;}
/*动态详情页start*/
.dynamic_detail{ width: 80%; margin: 0 auto;padding-top: 70px;}
.dynamic_detail h2{ width: 100%; text-align: center; color: #585858; font-size: 32px; padding-top: 3%;}
.dynamic_detail font{ text-align: center; color: #ccc; font-size: 14px; display: block; line-height: 180%;}
.dynamic_txt1{ text-align: right; color: #595959; font-size: 16px;}

.detail_page{ margin-top: 60px; padding-top: 50px; position: relative;text-align: center; padding-bottom: 5%;}
.detail_page:after{ content: ''; width: 50%;  background: #e79b00;  height: 1px; position: absolute; top: 0; left: 50%; margin-left: -25%;}
.detail_page a{ color: #585858; text-align: center; font-size: 16px; }
.detail_page a:hover{color: #e79b00;}
.detail_page span{margin: 0 45px; font-size: 16px; display: inline-block; color: #585858;}
.dy_pic:hover img{transform: scale(1.1, 1.1);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
/*案例详情页start*/
.case_detail{ padding-top: 70px; width: 70%; margin: 0 auto; }
.case_detail h2{padding-top: 3%; font-weight: bold; width: 100%; text-align: center; font-size: 32px; color: #000; }
.case_time{ color: #ccc; font-size: 16px;text-align: center; line-height: 180%; margin-top:10px;}
.case_time i{ margin: 0 12px; }
.case_content .left{ float: right; width: 25%; }
.left_01{ width: 100%; }
.left_01 ul{padding-bottom: 25px; border-bottom: #e79b00 1px solid;}
.left_01 li{ margin-bottom: 10px; font-size: 16px;}
.left_01 li font{ color: #000;}
.left_01 li span{ color: #585858;}
.left_01 p{ line-height: 180%; color: #585858; font-size: 16px; margin-top: 20px;}
.left_01 a{ display: block;  border: #A88567 1px solid; margin-top: 40px;}
.left_01 a img{ display: block; margin: 0 auto;}
.left_02{ margin-top: 35px; width: 100%;}
.left_title{ position: relative; height: 30px; line-height: 30px; font-size: 20px; font-weight: bold; color: #000; text-align: center;}
.left_title:after{ content: ''; width: 25%; height: 1px; background: #737373; position: absolute; left: 0; top: 50%;}
.left_title:before{ content: ''; width: 25%; height: 1px; background: #737373; position: absolute; right: 0; top: 50%;}
.left_02 dl{ margin-top: 15px;}
.left_02 dl,.left_02 dt{ width: 100%;}
.left_02 dt{ position: relative; transition: all 0.6s; overflow: hidden;}
.left_02 dt img,.left_02 dt a{ display: block; width: 100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.left_02 dd{ padding-top: 10px;}
.hot_name{ color: #585858; font-size: 18px;}
.hot_style{ font-size: 13px; line-height: 180%;}
.left_03{ text-align: left; width: 100%; margin-top: 40px;}
.left_03 a{ color: #000; font-size: 16px;}
.left_03 a:nth-child(2){ margin: 0 29px;}
.zx_btn{ border: #A88567 1px solid; display: block; margin-top: 30px;}
.zx_btn img{ display: block; margin: 0 auto;}
.case_content .right{ width: 70%; float: left;}
.case_content{ margin-top: 50px;}
.case_content .right_intro img{ width: 100%; display: block; max-width: 100%;}
.case_content .right_intro p{ font-size: 16px; line-height: 180%; margin: 15px 0;}
.case_content .right .detail_page{padding-top: 0;}
.case_content .right .detail_page:after{ display: none;}
.case_content .right .detail_page p{ position: relative; height: 30px; color: #e79b00; font-size: 30px; margin-bottom: 40px; line-height: 30px; }
.case_content .right .detail_page p:after{content: ''; width:40%;  background: #e79b00;  height: 1px; position: absolute; top: 50%; left: 0;}
.case_content .right .detail_page p:before{content: ''; width:40%;  background: #e79b00;  height: 1px; position: absolute; top: 50%; right: 0;}


.left_02 dt a>span{ display: none; position: absolute; top: 0; left: 0;width: 100%; height: 100%; background: url(img/black_bg.png) repeat;}
.left_02 dl:hover dt img{ transform: scale(1.1,1.1);}
.left_02 dl:hover p.hot_name{ color: #A88567;}
/*关于我们start*/
.about_bg{ position: fixed; width: 100%; height: 100%; top:0; left: 0;    background:url(img/about_bg.jpg) no-repeat;background-size: cover;}
.about_content{ width: 60%; margin: 0 auto;}
.about_content h2,.about_content h3{ text-align: center; font-weight: bold; color: #282828; }
.about_content h2{ font-size: 40px;margin-bottom:10px; }
.about_content h3{ font-size: 26px; margin-bottom: 60px;font-weight:lighter;}
.about_content p{ font-size: 16px; color: #282828; line-height: 180%; margin-bottom: 20px; text-align: justify;}
.do_list{ margin-top: 50px;}
.do_list li{ float: left; width: 25%; height:208px;position: relative; padding-top: 25px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; overflow:hidden; }
.do_list li p{ position: relative; overflow: hidden; min-height:145px;border: #ccc 1px solid; width:75%; padding: 30px 0;margin: 0 auto;-webkit-transition: all 0.8s; -moz-transition: all 0.8s;transition: all 0.8s;border-radius: 6px;}
.do_list li p>img{ display: block; margin: 0 auto; height: 60px;transition:0.8s}
.do_list li p>em{ display: block; text-align: center; margin-top:40px;transition:0.8s}
.main02_s1{position:absolute;top:0;left:0;height:1px;width:0;background:#ee991a;}
.main02_s3{position:absolute;bottom:0;left:0;width:1px;height:0;background:#ee991a;}
.main02_s4{position:absolute;bottom:0;right:0;width:1px;height:0;background:#ee991a;}
.main02_s5{position:absolute;bottom:0;left:0;height:1px;width:0;background:#ee991a;}
.do_list li h6{text-align:center;width:100%;height:50px;padding-top:4px;line-height:20px;color:#666; transition:0.8s; background:url(../images/t89.png) no-repeat center top;}
.do_list li:hover h6{ margin-top:-70px;}
.do_list li:hover em{margin-top:10px;}
.do_list li:hover img{margin-top:-10px;}



.content3 .work_pic>div:hover font:after{ width: 100%;}
.content3 .work_pic>div:hover:after{ opacity: 1;}
.content3 .work_pic>div:hover font{ display: block; font-size: 14px; webkit-animation-duration: 1s;
    animation-duration: 1s;animation-name:fadeIn;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}

.do_list li:hover p{ border:none;}
.team_box{ width: 100%; text-align: center; margin-bottom: 50px;}
.team_box a{position: relative;  font-size: 26px; color: #000; margin: 0 50px; overflow: hidden;}
.team_box a.on{ color: #e79b00; }
.team_box a:after{ content: ''; width: 2px; height: 20px; background: #000; position: absolute; right: -50px; top:50%; transform: translateY(-50%);-moz-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.team_box a.line:after{  display: none; }
.team_box a:hover{ color: #e79b00; }
.team_box a:hover:after{ background: #A88567;}
.people_pic{ position: relative; margin-right: 1.3%;}
.people_pic.on{ margin-right: 0;}
.people_pic p{ display: none; position: absolute; width: 100%; height: 30%; padding: 35% 0; background: url(img/white_bg1.png) repeat; top: 0; left: 0;}
.people_pic strong,.people_pic font,.people_pic span{ display: block; text-align: center;}
.about_content.history{ text-align: center;}
/*大事记start*/
.event_box{ width: 60%; margin: 3% auto 0;position: relative; min-height: 420px;}
.event_box .parHd {width: 100%; display: inline-block;
    height: 92px;
    overflow: hidden;}
.parHd  ul{ width: 100%; text-align: center; margin: 0 auto; padding-top: 25px !important;}
.parHd .tempWrap{ margin: 0 auto;}
.parHd .tempWrap:after{      content: '';
    width: 85%;
    height: 1px;
    background: #A88567;
    position: absolute;
    /* top: 33%; */
    /* right: -140%; */
    right: 8%;
    top: 35%;
    /* margin-top: -0.5px; */
    z-index: 10;}
/*.parHd li:before{ content: ''; width: 180%; height: 1px; background: #A88567; position: absolute;top: 0; right:-140%;right: 0;}*/ 
.parHd li.no_line:before{ display: none;}
.parHd li{  display: inline-block; cursor: pointer; padding-top: 30px; font-size: 16px; color: #000;margin:0 30px; position: relative; }
.parHd li:after{ content: ''; background: url(img/dot_ico.png) no-repeat; width: 24px; height: 24px; position: absolute;  z-index: 20;top: -12px; left: 50%; margin-left: -12px;}
.parBd{ text-align: center; margin-top: 60px;}
.parBd h4{ position: relative; font-size: 40px; margin-bottom: 3%; /*width: 200px;*/ padding: 0 60px;  display: inline-block; text-align: center;}
.parBd h4:after{ content:''; background: #000; width: 100px; height: 1px; position: absolute; left: -100px; bottom: 12px;}
.parBd h4:before{ content:''; background: #000; width: 100px; height: 1px; position: absolute; right: -100px; bottom: 12px;}
.parBd p{ line-height: 180%; font-size: 16px; width: 80%; margin: 0 auto;}
div#listBox {
    width: 100%;
}
.sPrev,.sNext{ width: 30px; height: 30px; display: block; position: absolute; top: 10px;}
.sPrev{ left: 0;}
.sNext{ right: 0;}
.sPrev img,.sNext img{transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -o-transition: all .6s cubic-bezier(.51,1.1,.9,.95); }
.team_detail{ height: calc(100% - 70px - 35px); padding-top: 70px; padding-bottom: 35px;}
.team_detail h2{ padding-top: 5%;}
.pic_play li{ float: left; width: 24%; margin: 0 0.5% 20px;}
.pic_play li .people_pic img{ width: 100%;}
.pic_play{ position: relative;}
.pic_play a{display: block; position: absolute; top: 50%; width: 30px; height: 30px;}
.pic_play a img{transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -o-transition: all .6s cubic-bezier(.51,1.1,.9,.95);}
.pic_play a.left_btn{ left: -100px;}
.pic_play a.right_btn{ right: -100px;}
.team_detail a.return_btn{transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -o-transition: all .6s cubic-bezier(.51,1.1,.9,.95); display: block; width: 100px; height: 25px; color: #fff; background: #A88567; font-size: 16px; text-align: center; line-height: 25px; border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px; margin: 30px auto;}
.pic_play a:hover img,.sPrev:hover img,.sNext:hover img{ opacity: 0.5;filter:alpha(opacity=50);}
.content2  .about_content p{ line-height: 220%;}

.team_detail a.return_btn:hover{ background: #595959;}


#sec_02.active .casetem_1,#sec_04.active  .casetem_1{animation-name: fadeInUp;animation-delay: 0.3s;}
#sec_02.active .casetem_2,#sec_04.active  .casetem_2{animation-name: fadeInUp;animation-delay: 0.7s;}
#sec_02.active .casetem_3,#sec_04.active  .casetem_3{
	animation-name: fadeInUp;animation-delay: 1.1s;
}
#sec_02.active .casetem_4,#sec_04.active  .casetem_4{
animation-name: fadeInUp;animation-delay: 1.5s;
}
#sec_02.active .casetem_5{animation-name: fadeInUp;animation-delay: 0.6s;}
#sec_02.active .casetem_6{animation-name: fadeInUp;animation-delay: 0.7s;}
.in_case_list .casetem_1{animation-name: fadeInUp;animation-delay: 0.1s;}
.in_case_list .casetem_2{animation-name: fadeInUp;animation-delay: 0.2s;}
.in_case_list .casetem_3 {animation-name: fadeInUp;animation-delay: 0.3s;}
.in_case_list .casetem_4 {animation-name: fadeInUp;animation-delay: 0.4s;}
.in_case_list .casetem_5{animation-name: fadeInUp;animation-delay: 0.5s;}
.in_case_list .casetem_6{animation-name: fadeInUp;animation-delay: 0.6s;}

#sec_03.active  .casetem_1{animation-name: fadeInUp;animation-delay: 0.3;}
#sec_03.active  .casetem_2{animation-name: fadeInUp;animation-delay: 0.7s;}
#sec_03.active  .casetem_3{animation-name: fadeInUp;animation-delay: 1.1s;}
#sec_03.active  .casetem_4{animation-name: fadeInUp;animation-delay: 1.5s;}

#sec_05.active .casetem_1{animation-name: fadeInUp;animation-delay: 0.6s;}
#sec_05.active .casetem_2{animation-name: fadeInUp;animation-delay: 1s;}
#sec_05.active .casetem_3{animation-name: fadeInUp;animation-delay: 1.4s; position:relative;}
#sec_04.active .sec_head p.title{    -webkit-animation-duration: 1s;
    animation-duration: 1s;animation-name:pulse;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
#sec_01.active .about_content h2{-webkit-animation: fadeInUp 0.3s 0.3s 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
#sec_01.active .about_content h3{-webkit-animation: fadeInUp 0.5s 0.5s 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
#sec_01.active .about_content p.about_txt{-webkit-animation: fadeIn 1s 1s 1;
    -webkit-animation-fill-mode: both;    text-indent: 2em;
    animation-fill-mode: both;}
 #sec_01.content2.active .do_list, #sec_01.content3.active .work_pic ,#sec_01.content4.active .work_pic {-webkit-animation: fadeInUp 1.2s 1.2s 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
#sec_01.active a.contact_us{-webkit-animation:fadeInUp 1.4s 1.4s 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
.do_list li:hover p{
    /*transform: rotateY(180deg);
    -webkit-transform:  rotateY(180deg);
    -moz-transform:  rotateY(180deg);*/

}

#sec_01.content4.active .team_box{-webkit-animation: fadeInDown 0.6s 0.6s 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
#sec_01.content5.active .parBd>.slideBox{-webkit-animation: fadeInUp 0.5s 0.5s 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
.parHd li.act:after{ transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transform: scale(1.1, 1.1);   -webkit-transform: scale(1.1, 1.1);   -moz-transform: scale(1.1, 1.1);}
.parHd li.act{ color: #A88567;}

/*.div_same .sevrice_content p{text-align:justify}*/

/*.box1.active .sevrice_content h2{
	 animation: animateDown 0.6s linear;
    -moz-animation: animateDown 0.6s linear;
    -webkit-animation: animateDown 0.6s linear;
    -o-animation: animateDown 0.6s linear;
}*/
/*.box1 .sevrice_content p.sev_txt{ opacity: 0;}*/
/*.box1.active  .sevrice_content p.sev_txt{ animation: animateTop 0.8s linear ;
    -moz-animation: animateTop 0.8s linear ;
    -webkit-animation: animateTop 0.8s linear  ;
    -o-animation: animateTop 0.8s linear ;}*/
.box1.active .sevrice_content h2,.box2.active .sevrice_content h2,.box3.active .sevrice_content h2,.box4.active .sevrice_content h2 {
    -webkit-animation: pulse 2.2s 2.2s 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
    
.box2.active .sevrice_content .fade_01, .box1.active .sevrice_content .fade_01 ,.box3.active .sevrice_content .fade_01,.box4.active .sevrice_content .fade_01{-webkit-animation: fadeInDown 1.3s 1.3s 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
 .box2.active .sevrice_content .fade_02, .box1.active .sevrice_content  .fade_02, .box3.active .sevrice_content .fade_02,.box4.active .sevrice_content .fade_02{-webkit-animation: fadeInUp 1.4s 1.4s 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}

   
@media screen and (max-width:1680px){
	.about_01{ padding-top: 3%;width:860px;overflow: hidden;}
	.about_01 p{ font-size: 14px;}
	.about_right ul li{ margin-top: 10px; font-size: 14px;}
	/*.about_right ul{ margin-bottom: 40px;}*/
	.about_01 h3{ margin-bottom: 15px;}
	.about_content h2{ padding-top:0;}
	.about_content h2, .about_content h3{ margin-bottom: 30px;}
	.about_content p{ font-size: 14px;margin-top: 0;}
	.about_content h3{ font-size: 24px;}
	.sevrice_content h2{ font-size: 30px !important;}
	.sevrice_content p{ font-size: 14px !important;margin-top: 15px;}
	.content_list li:before{ top: 34px;}
	.news_wrapper .title{ font-size: 14px;}
	p.description{font-size: 14px;}
	.in_case_title{ padding:0 0 20px;}
	div.type{ margin-top: 30px;font-size: 14px;}
	.left_txt{ margin-top: 0; padding-top: 8px;}
	.left_txt p.case_intro{ margin-top: 5px;}
	.sev_process{ margin-top: 30px !important;}
	.sevrice_content h2{ padding-top: 1% !important;}
	#sec_01 a.contact_us{ bottom:40px;}
	.do_list{ margin-top: 20px;}
	.about_content.history{ margin-top: 8%;}
	.about_content.history{ margin-top: 8%;}
	/*.parHd .tempWrap:after { width: 68%; right: 24%;}*/
	.sNext{ right: -4px;}
	.work_pic{  margin-top: 4%;}
	.about_area{ position: absolute; bottom: 40px; margin: 0; left: 0;}
	.page{  margin-top: 2%;}
	div.type>div span{ margin-top: 8px;}
	/*.about_us{    height: calc(100% - 116px);
    height: -moz-calc(100% - 116px);
    height: -webkit-calc(100% - 116px);}*/
   .about2_bd{    min-height: 285px;}
   .team_detail .about_content{ margin-top: 30px;}
   .sevrice_list li{height:80%;}
}

@media screen and (max-width:1680px){
	.about_content h2{ font-size: 30px; padding-top:0; margin-bottom: 30px;}
	.about_content h3{ font-size: 20px;margin-bottom: 30px;}
	.about_content p{ font-size: 14px; margin-bottom: 10px; }
	.team_box a{ font-size: 20px;}
	.sevrice_content h2{ font-size: 30px !important; }
	.about_content h2, .about_content h3{ margin-bottom: 20px;}
	.sevrice_content p{ font-size: 13px !important; margin-top: 10px;}
	.sev_process font{ font-size: 20px !important;}
	a.contact_us{ margin-top: 1.5%;}
	.about_01{ padding-top: 0;}
	.about_02{ margin: 1% auto;}
	.about_01 p{ font-size: 14px;}
	.about_right ul li{ margin-top: 10px; font-size: 14px;}
	.about_right ul{ margin-bottom: 40px;}
	.about_area{ position: absolute; bottom: 20px; margin: 0; left: 0;}
	.about_01 h3{ margin-bottom: 15px;}
	.news_wrapper .title{ font-size: 14px;}
	p.description{font-size: 14px;}
	div.type{ margin-top: 30px;}
	.in_case_list .left li{ margin-bottom: 10px;}
	.in_case_title{ padding: 10px 0 25px;}
	div.type{ margin-top: 30px; font-size: 14px;}
	.left_txt{ margin-top: 0;}
	.sev_process{ margin-top: 20px !important;}
	.sevrice_content h2{ padding-top: 1% !important;}
	.sevrice_content h2{ font-size: 30px !important;}
	#sec_01 a.contact_us{ bottom:30px;}
	.do_list{ margin-top: 20px;}
	.about_content.history{ margin-top: 8%;}
	/*.parHd .tempWrap:after { width: 68%; right: 24%;}*/
	.sNext{ right: -40px;}
	.work_pic{  margin-top: 4%;}
	div.type>div span{ margin-top: 8px;}
	.page{  margin-top: 1%;}
	/*.about_us{    height: calc(100% - 116px);
    height: -moz-calc(100% - 116px);
    height: -webkit-calc(100% - 116px);}*/
    .team_detail .about_content{ margin-top: 30px;}
}


@keyframes animateTop{
    0%{ transform: translateY(100px);opacity: 0;}
    100%{ transform: translateY(0); opacity: 1; }
}
@-moz-keyframes animatedTop {
    0%{ -moz-transform: translateY(100px);opacity: 0; }
    100%{ -moz-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes animatedTop {
    0%{ -webkit-transform: translateY(100px);opacity: 0; }
    100%{ -webkit-transform: translateY(0); opacity: 1;}
}
@-ms-keyframes animatedTop {
    0%{ -ms-transform: translateY(100px);opacity: 0; }
    100%{ -ms-transform: translateY(0); opacity: 1;}
}

@keyframes animateDown{
    0%{ transform: translateY(-100px);opacity: 0;}
    100%{ transform: translateY(0); opacity: 1; }
}
@-moz-keyframes animatedTop {
    0%{ -moz-transform: translateY(-100px);opacity: 0; }
    100%{ -moz-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes animatedTop {
    0%{ -webkit-transform: translateY(-100px);opacity: 0; }
    -100%{ -webkit-transform: translateY(0); opacity: 1;}
}
@-ms-keyframes animatedTop {
    0%{ -ms-transform: translateY(-100px);opacity: 0; }
    100%{ -ms-transform: translateY(0); opacity: 1;}
}







.cont{cursor:pointer;position:relative;top:0;left:0;width:100%;height:100%;will-change:transform;transition:box-shadow .3s ease;box-shadow:0 10px 30px transparent;}
.cont.hover-in{-webkit-transition:-webkit-transform .2s ease-out;-moz-transition:-moz-transform .2s ease-out;-ms-transition:-ms-transform .2s ease-out;transition:transform .2s ease-out;}
.cont.hover-out{-webkit-transition:-webkit-transform .2s ease-in;-moz-transition:-moz-transform .2s ease-in;-ms-transition:-ms-transform .2s ease-in;transition:transform .2s ease-in;}


/*加载动画*/
#loader-wrapper{position: fixed; width: 100%; overflow: hidden; display:none; /*width: calc(100% - 120px); width: -webkit-calc(100% - 120px);width: -moz-calc(100% - 120px);*/  height: 100%; left: 0; top: 0; z-index: 9999;/*background:url(img/section3_bg.jpg) no-repeat;background-size:cover;*/}
.load_img{ width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 10;}
.load_img img{ display: block; width: 100%; height: 100%;}
/*.loader-wrapper01{background:url(img/gylp.jpg) no-repeat !important;background-size: cover !important;}
.loader-wrapper02{background:url(img/xwzx.jpg) no-repeat !important;background-size: cover !important;}
.loader-wrapper03{background:url(img/cytx.jpg) no-repeat !important;background-size: cover !important;}
.loader-wrapper04{background:url(img/kycx.jpg) no-repeat !important;background-size: cover !important;}
.loader-wrapper05{background:url(img/tzzgx.jpg) no-repeat !important;background-size: cover !important;}
.loader-wrapper06{background:url(img/jrlp.jpg) no-repeat !important;background-size: cover !important;}*/
.loader-content{position: absolute; z-index: 20; text-align: center; width: 100%; left: 0; top: 50%; margin-top: -79px;}
.loader-content img{width:400px;/*height:100px;*/}
.loader-content img.loader-img{width:auto;height:auto;display:block;margin:0 auto 10px;}
.loader-content .circle1 {position: relative; display: inline-block; background: #ff6c3a; height: 100px; width: 100px; border-radius: 50%;
  -webkit-animation: move1 1.5s ease-in-out infinite;
          animation: move1 1.5s ease-in-out infinite;
}
.loader-content .circle2 {position: relative; display: inline-block; background: #232c3b; height: 100px; width: 100px; border-radius: 50%;
  -webkit-animation: move2 1.5s ease-in-out infinite;
          animation: move2 1.5s ease-in-out infinite; 
}
.loader-content .title{font-family: "Microsoft YaHei"; position: absolute; width: 100%; text-align: center; left: 0; top: 120%; font-size: 18px; line-height: 30px; color: #fff;/*display: none;*/}

.content5 p.about_txt {
    text-align: center;
}


/*活动专题页start*/
.event_topic{padding: 70px 0 36px; width: 100%; overflow:hidden;}
.event_play{ width: 100%; height: 600px; position: relative;}
.event_bd a{ position: relative; width: 100%; height: 600px; display: block; overflow: hidden;}
.event_play img{ display: block; position: absolute; left:50% ; margin-left: -960px; width: 1860px; overflow: hidden;}
.event_hd{ width: 100%; text-align: center; position: absolute; bottom: 0; left: 0;}
.event_hd span{ background-color: #fff; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;width: 12px; height:12px; margin: 0 8px 15px;}
.event_hd span:hover,.event_hd span.on{ background: #e79b00;}
ul.event_bd,ul.event_bd li{ width: 100% !important;}
.latest_promotion{ width: 1200px; margin: 70px auto;}
.promo_name{ text-align: center;}
.promo_name h2{ color: #030303; font-size: 33px; padding-bottom: 15px; position: relative;}
.promo_name h2:after{ content: ''; width: 60px; background: #A88567; height: 2px; position: absolute; left: 50%; margin-left: -30px; bottom: 0;}
.promo_name span{ display: block; font-size: 18px; color: #505050; margin-top: 15px;}
.promo_con dl{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 573px; margin-top: 40px; float: left;  border: 1px solid transparent; border-bottom: #bbb 1px solid; margin-right: 50px;}
.promo_con dl.nth_two{ margin-right: 0;}
.promo_con dt{  width: 100%; overflow: hidden;}
.promo_con dl a{  position: relative; display: block; width: 100%; height: 100%;}
.promo_con dt img{ width: 571px; height: 341px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.promo_con dt i{ display: block; position: absolute;   background: #A88567;}
.promo_con dt i.line_01{ top: 25px; left: 25px;width: 0; height: 3px;}
.promo_con dt i.line_02{top: 25px; left: 25px; height: 0; width: 3px;}
.promo_con dt i.line_03{ bottom: 25px; left: 25px;width: 0; height: 3px;}
.promo_con dt i.line_04{top: 25px; right: 25px; height: 0; width: 3px;}
.promo_con dd{ padding: 25px; text-align: center;}
.promo_con dd span{ display: block; width: 140px; height: 40px; font-size:22px; line-height: 40px; text-align: center; margin: 0 auto; background: #A88567;  color: #fff; border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.promo_con dd font{ display: block; margin: 12px 0; color: #090909; font-size: 18px;}
.promo_con dd p{font-size: 14px;}
.promo_con dl:hover dt img{transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);}
.promo_con dl:hover{ border: #A88567 1px solid;}
.promo_con dl:hover dd font,.promo_con dl:hover dd p{ color: #A88567;}
.qa_box{ width: 100%;height: 600px; background: url(img/qa_bg.jpg) no-repeat; background-size: cover;}
.qa_service{ width: 1200px; margin: 0 auto; padding: 80px 0;}
.serv_list{ width: 255px; border: #bbb 1px solid; padding: 40px 0; margin-top: 50px; float: left; margin-right: 57px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.serv_list.last_num{ margin-right: 0;}
.serv_list a{ display: block; padding: 0 15px; text-align: center;}
.serv_list .p1{ color: #5f5f5f; font-size: 25px; font-weight: bold; margin-bottom: 8px;}
.serv_list .p2{ color: #5e5e5e; font-size: 20px;}
.serv_list span{ display: block; margin: 25px auto 0; height: 48px;}
.serv_list .p3{ min-height:105px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 25px; /*opacity: 0; filter:alpha(opacity=0);  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/ display: none; color: #A88567; font-size: 12px; line-height: 180%; font-weight: bold;}
.serv_list span img.img_02{ display: none;}
.serv_list:hover{ margin-top: 35px;border: #A88567 1px solid;}
.serv_list:hover .p1,.serv_list:hover .p2{ color: #A88567;}
.serv_list:hover span img.img_02{ display: block;margin: 0 auto;}
.serv_list:hover span img.img_01{ display: none; }
.serv_list:hover .p3{ display: block;}
.style_box{ width: 1200px; margin: 70px auto;}
.style_list{}
.style_list li {transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 263px; background: #eee; padding-bottom: 15px; margin-top: 55px; float: left; margin-right: 49px;}
.style_list li.nth_four{ margin-right: 0;}
.style_list li span{ display: block; width: 263px; height: 200px; overflow: hidden;}
/*.style_list li font{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display: block; color: #a98565; font-size: 20px; width: 150px; height: 50px; line-height: 50px; text-align: center; border: #A88567 1px solid; margin: 15px auto 0;}*/
.style_list li span img{ width: 263px; height: 200px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.style_list li:hover{/*-webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0px 0px 8px;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 8px;*/transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px); }
/*.style_list li:hover img{ transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);}*/
/*.style_list li:hover font{ background: #A88567; color: #fff;}*/
.designer{ width: 100%; background: url(img/designer_bg.jpg) no-repeat; background-size: cover; padding: 70px 0;}
.designer_intro{ width: 1200px; margin:65px auto 0;}
.designer .promo_name h2,.designer .promo_name span{ color: #fff;}
.designer .promo_name h2:after{ background: #fff;}
.desi_left{ float: left; width: 375px; margin: 0 155px 0 70px; position: relative;}
.desi_bd li{ text-align: center; }
.desi_bd li a{ display: block;color: #fff;}
.desi_bd span{ display: block; width: 248px; height: 248px; overflow: hidden; margin: 0 auto 30px;}
.desi_bd span img{ display: block; width: 248px; height: 248px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.desi_bd font{ text-align:center; font-size: 22px; padding-bottom: 20px; border-bottom: #fff 3px solid; display: inline-block; margin-bottom: 20px;}
.desi_bd p{ line-height: 180%; font-size: 18px;}
.desi_left .event_hd{ position: static; margin-top: 35px;}
.desi_right{ float: right; width: 600px;}
.desi_right p{ padding-left: 17px; font-size: 26px; color: #A88567; position: relative;}
.desi_right p:after{ content: ''; width: 4px; height: 25px; background: #A88567; position: absolute; left: 0; top:6px;}
.design_input{ margin-top: 20px; /*height: 52px;*/ border: #b0b0b0 1px solid; width: 100%;}
.design_input span{ color: #fff; font-size: 18px; line-height: 52px; vertical-align: top; margin:0 15px;}
.design_input input{ width: 494px; border: none; height: 52px; background: none; color: #fff; font-size: 18px;}
.design_input textarea{width: 494px; border: none; height: 178px; background: none;color: #fff; font-size: 18px; padding-top: 16px;}
.desi_right input[type="submit"]{ margin-top: 30px; width:120px; height: 45px; font-size: 18px; color: #fff; line-height: 45px; text-align: center; display: block; background: #A88567; border: none;}
.animatebox{transform: translateY(200px); -webkit-transform: translateY(200px);-ms-transform: translateY(200px); opacity: 0; transition: 1.5s all; -webkit-transition: 1.5s all; -ms-transition: 1.5s all;}
.div_animate{ transform: translateY(0); -webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;}

/*产品详情页start*/
.couple_box{ width: 1200px; /*background: url(img/coup_bg.jpg) no-repeat; background-size: cover;*/ margin: 70px auto 0;}
.couple_box a img{ display:block; width:100%;}
.couple_box p{ float: left; width: 210px; height: 340px;}
.couple_box p img{ width: 210px; height: 340px;}
.cash_num{ float: left; width: 990px; text-align: center;}
.cash_num i{ color: #000;font-size:100px;font-weight: bold; }
.cash_num i em{ font-family: arial; }
.cash_num i>sup{ font-size: 26px;}
.cash_num font{ text-align: center; display: inline-block; margin: 0 35px; font-size: 16px; color: #000;}
.cash_num font img{ display: block; margin: 0 auto; width: 80px; height: 80px;}
.cash_num>a{ padding-top: 65px; display: block; width: 100%;}
.cash_btn{ width: 352px; height: 78px; margin: 50px auto  25px;animation: myfirst 1s linear 1s infinite alternate;-moz-animation: myfirst 1s linear 1s infinite alternate;-webkit-animation: myfirst 1s linear 1s infinite alternate;-o-animation: myfirst 1s linear 1s infinite alternate; }
.cash_btn img{ display: block;width: 352px; height: 78px;}
.contact_box{ width: 1200px; margin: 30px auto; text-align: center;}
.contact_box a.kefu_btn{ border: #A88567 1px solid; display: block; width: 231px; padding: 0 10px; margin: 0 auto 15px;}

.contact_box a.kefu_btn img{ width: 231px; height: 48px;}
.contact_box p a{ color: #000; font-size: 15px; margin: 0 10px;}
.contact_box p a:hover{ color: #A88567;}
.couple_con{ width: 1200px;  margin: 0 auto;}
.couple_con img{ width: 100%; display: block;}
.couple_con .proces{ margin-bottom: 30px; width: 100%;}
.couple_con li{ background: url(img/coup_bg1.jpg) no-repeat; text-align: center; width: 350px; height: 111px; line-height: 111px; float: left; margin-right: 75px;}
.couple_con li.last_num{ margin-right: 0;}
.couple_con li a{ display: block; width: 100%; height: 100%;}
.couple_con li i{ color: #000; font-size: 45px;font-weight: bold; }
.couple_con li i em{ font-family: arial;}
.couple_con li i sup{ font-size: 12px;position: relative;top: -15px;}
.couple_con li font { margin: 0 20px; position: relative;top: 8px;}
.couple_con li font img,.couple_con li font{ display: inline-block; width: 60px; height: 60px;}
.photo_box{ width: 1200px; margin: 30px auto; border-top: #777 3px solid;}
.photo_box p{ margin-top: 40px;}
.photo_box p img{ display: block; max-width: 100%; margin: 0 auto;}
.pic_show{width: 1200px; margin: 0 auto;}
.pic_show img{ display: block; margin: 0 auto; width: 1200px;}
.pic_show a { display: block; margin: 50px 0 35px;}
.pic_show a img{ width: 411px; height: 65px;}


@keyframes myfirst
{
0%   { transform: translateY(0px);  -webkit-transform:translateY(0px);-moz-transform:translateY(0px);}
50%  {  transform: translateY(-5px);  -webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);}
100% { transform: translateY(-10px);  -webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);}
}

@-moz-keyframes myfirst
{
0%   { transform: translateY(0px);  -webkit-transform:translateY(0px);-moz-transform:translateY(0px);}
50%  {  transform: translateY(-5px);  -webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);}
100% { transform: translateY(-10px);  -webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);}
}

@-webkit-keyframes myfirst
{
0%   { transform: translateY(0px);  -webkit-transform:translateY(0px);-moz-transform:translateY(0px);}
50%  {  transform: translateY(-5px);  -webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);}
100% { transform: translateY(-10px);  -webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);}
}

@-o-keyframes myfirst
{
0%   { transform: translateY(0px);  -webkit-transform:translateY(0px);-moz-transform:translateY(0px);}
50%  {  transform: translateY(-5px);  -webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);}
100% { transform: translateY(-10px);  -webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);}
}




/*法律声明start*/
.law_txt {
    padding: 70px 0 40px; 
    width: 1200px; position: relative;    margin: 0 auto;color: #000;
}
.law_txt>div{ position: relative;z-index: 50; }
.law_txt h2{ font-size: 40px; text-align: center; margin-top: 50px; }
.law_txt p{ line-height: 180%; margin-top: 30px; font-size: 16px;}
.law_txt p strong{ font-size: 18px;}
.law_txt .bg_img{ display: block; position: absolute; left: -95px; top:75px; z-index: 10;}
.link_a1{ display: block; width: 100%; margin: 30px auto 0;}
.link_a1 img{ display: block; max-width: 100%; margin: 0 auto;}
.logo_show{ margin-top: 30px;}
.logo_show li{ float: left; margin-right:8px; margin-bottom: 8px; width: 193px;height: 164px;transition: 0.5s all ease-out; -webkit-transition: 0.5s all ease-out; }
.logo_show li img{width: 193px; height: 164px; overflow: hidden;}
.logo_show li.nth_five{ margin-right: 0;}
.logo_box.law_txt{ width: 1000px; padding-bottom:120px;}
 .logo_show li:hover{ transform: scale(1.05,1.05); -webkit-box-shadow: rgba(168,133,103,0.3) 0px 0px 10px;
    -moz-box-shadow: rgba(168,133,103,0.8) 0px 0px 10px;   
    box-shadow: rgba(168,133,103,0.8) 0px 0px 10px;}

.event_topic>img{ width:1860px; overflow:hidden;position:relative;left:50%; margin-left:-960px;}

.promo_con li{ margin-top: 40px; margin-right: 50px; float: left; width: 571px; overflow: hidden; position: relative;}
.promo_con li.nth_two{ margin-right: 0;}

.btn-1b:after {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: #A88567;
}

.style_list li:hover .btn-1b {
	color: #fff;
}

.style_list li:hover .btn-1b:after {
	height: 100%;
}

.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


.style_list li:hover .btn-1e:hover,
.btn-1e:active {
	color: #fff;
}

.style_list li:hover .btn-1e:after {
	height: 260%;
	opacity: 1;
}

.btn-1e:active:after {
	height: 400%;
	opacity: 1;
}
.style_list li font{ z-index: 10; position: relative; display: block; color: #a98565; font-size: 20px; width: 150px; height: 50px; line-height: 50px; text-align: center; border: #A88567 1px solid; margin: 15px auto 0;}
.zxgl_border{transition: 1s all ease-out; display: none; position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.zxgl_border img{width: 100%;}
/*.style_list li:hover .zxgl_border{ display: block;}*/
.style_list li a{ display: block; position: relative;} 


a.l_prev,a.r_next{  display:none; width: 28px; height: 51px; position: absolute;top: 50%; margin-top: -25px; transition: all 0.5s;-webkit-transition: all 0.5s;}
a.r_next{ right: 10%; background: url(img/r_btn.png) no-repeat; }
a.l_prev{ left:10%; background: url(img/l_btn.png) no-repeat;}
a.r_next:hover{right: 10%; background: url(img/r_btn_on.png) no-repeat;}
a.l_prev:hover{ left:10%; background: url(img/l_btn_on.png) no-repeat;}



.promo_con li a>img{ display:block; width: 571px; height: 341px;}
.li_01 { width: 100%; transition: opacity 0.1s;
    -moz-transition: opacity .1s;
    -webkit-transition: opacity .1s; text-align: center; padding-top: 25px;}
.li_01 span{ font-size: 24px; color: #000; padding-bottom: 10px; border-bottom: #A98565 1px solid; margin-bottom: 10px; }
.li_01 p,.div_top font{ font-size: 24px; color: #3c3c3c;}
.li_02{position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(255,255,255,.9);
    transition: all .6s cubic-bezier(.09,.82,.6,.99);
    -moz-transition: all .6s cubic-bezier(.09,.82,.6,.99);
    -webkit-transition: all .6s cubic-bezier(.09,.82,.6,.99);
    -o-transition: all .6s cubic-bezier(.09,.82,.6,.99);
}

.div_top span{ padding-top: 30px; color: #111111; font-size: 30px; padding-bottom: 15px;border-bottom: #A98565 1px solid; margin-bottom: 15px;}
.div_top font{ display: block;}
.div_top p{ margin-top: 15px; color: #3c3c3c; font-size: 18px;}
.div_bottom font{  transition: all .6s cubic-bezier(.09,.82,.6,.99);
    -moz-transition: all .6s cubic-bezier(.09,.82,.6,.99);
    -webkit-transition: all .6s cubic-bezier(.09,.82,.6,.99);
    -o-transition: all .6s cubic-bezier(.09,.82,.6,.99); display: block; width: 140px; height: 40px; font-size: 18px; color: #fff; line-height: 40px; text-align: center; margin: 20px auto 0; background: #A88567; border-radius: 20px;}
.div_top,.div_bottom {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    transition: all .6s cubic-bezier(.09,.82,.6,.99);
    -moz-transition: all .6s cubic-bezier(.09,.82,.6,.99);
    -webkit-transition: all .6s cubic-bezier(.09,.82,.6,.99);
    -o-transition: all .6s cubic-bezier(.09,.82,.6,.99);
}
.div_bottom {
    bottom: -50%;
}
.div_top{top: -50%; text-align: center; padding-top: 25px;}
.promo_con li:hover .li_02{
    opacity: 1;
}
.promo_con li:hover .div_top{
    top:0;
}
.promo_con li:hover .div_bottom{
    bottom:0
}
.promo_con li:hover .li_01{
    opacity :0;
}
.div_bottom font:hover{ background: #595959;}
.team_box a:last-child:after {
    display: none;
}




/***********边框***********/
.button {
  position: relative;
  cursor: pointer; box-sizing:border-box;
}
.button .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.button:nth-of-type(1):before, .button:nth-of-type(1):after, .button:nth-of-type(1) .inner:before, .button:nth-of-type(1) .inner:after {
  background-color: #e79b00;  position:absolute;z-index:1;
}

.button:before, .button:after, .button .inner:before, .button .inner:after {
  position: absolute;
  content: "";
  display: block;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.button.clockwise:before, .button.clockwise:after, .button.both:before, .button.both:after {
  left: 0;
  width: 100%;
  height: 3px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.button.clockwise .inner:before, .button.clockwise .inner:after, .button.both .inner:before, .button.both .inner:after {
  top: 0;
  width: 3px;
  height: 100%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
.button.clockwise .inner:before, .button.both .inner:before {
  left: 0;
}
.button.clockwise .inner:after, .button.both .inner:after {
  right: 0;
}
.button.clockwise .inner:hover:before, .button.clockwise .inner:hover:after, .button.both .inner:hover:before, .button.both .inner:hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.button.clockwise:before, .button.both:before {
  top: 0;
}
.button.clockwise:after, .button.both:after {
  bottom: 0;
}
.button.clockwise:hover:before, .button.clockwise:hover:after, .button.both:hover:before, .button.both:hover:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.button.clockwise:hover .inner:before, .button.clockwise:hover .inner:after, .button.both:hover .inner:before, .button.both:hover .inner:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.button.clockwise.clockwise .inner:before, .button.both.clockwise .inner:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.clockwise.clockwise .inner:after, .button.both.clockwise .inner:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.clockwise.clockwise:before, .button.both.clockwise:before {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.clockwise.clockwise:after, .button.both.clockwise:after {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.button.clockwise.clockwise:hover .inner:before, .button.both.clockwise:hover .inner:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.clockwise.clockwise:hover .inner:after, .button.both.clockwise:hover .inner:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.clockwise.clockwise:hover:before, .button.both.clockwise:hover:before {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.button.clockwise.clockwise:hover:after, .button.both.clockwise:hover:after {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.clockwise.counterclockwise .inner:before, .button.both.counterclockwise .inner:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.clockwise.counterclockwise .inner:after, .button.both.counterclockwise .inner:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.clockwise.counterclockwise:before, .button.both.counterclockwise:before {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.button.clockwise.counterclockwise:after, .button.both.counterclockwise:after {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.clockwise.counterclockwise:hover .inner:before, .button.both.counterclockwise:hover .inner:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.clockwise.counterclockwise:hover .inner:after, .button.both.counterclockwise:hover .inner:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.clockwise.counterclockwise:hover:before, .button.both.counterclockwise:hover:before {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.clockwise.counterclockwise:hover:after, .button.both.counterclockwise:hover:after {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.button.vertical:before, .button.vertical:after {
  top: 0;
  width: 3px;
  height: 100%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
.button.vertical:before {
  left: 0;
}
.button.vertical:after {
  right: 0;
}
.button.vertical:hover:before, .button.vertical:hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.button.vertical.clockwise:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.clockwise:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.vertical.clockwise:hover:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.vertical.clockwise:hover:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.counterclockwise:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.vertical.counterclockwise:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.counterclockwise:hover:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.counterclockwise:hover:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}



.mak{margin:0 auto;;overflow:hidden;max-width:75%;background:url(../images/bg6.png) no-repeat right bottom #fff;}
.mak_bt{ widht:240px; float:left; }
.mak_bt li{width:240px; height:146px; text-align:center;cursor:pointer; background:url(../images/bg1.gif)}
.mak_bt li a{ display:block; color:#fff;color:#333;letter-spacing:1px;}  
.mak_bt li a span{ font-size:18px;padding-top:52px;}
.mak_bt li a p{ font-family:"arial";padding-top:2px;}
.mak_bt li.hover{ background:url(../images/bg2.gif)}
.mak_bt li.hover a{color:#fff;}
.ttkx{ height:584px;overflow:hidden;background:url(../images/bg5.gif) no-repeat left bottom; position:relative;} 
.ttkx .t_l{height:100%; position:absolute;left:0;right:0;}
.ttkx .t_l li{border-bottom:1px solid #d6d6d6;padding:18px 0; position:relative}
.ttkx .t_l .list1 { display:block; overflow: hidden;}
.ttkx .down_icon{ background:url(../images/bg606.png) no-repeat right bottom;width:30px;height:32px; position:absolute;right:-1px;bottom:-1px;}
.ttkx .t_l li:last-child .down_icon{background:none;}
.ttkx .t_l .list1 h1{ font-size:16px;float:left; color:#808080;margin-right:18px;margin-left:28px;    line-height: 32px;}
.ttkx .t_l .list1 h2{ font-size:12px;color:#b3b3b3; font-weight:bold;border:1px solid #b3b3b3;width:80px;height:30px; line-height:30px; text-align:center;float:left;margin-right:12px;}
.ttkx .t_l .list1 h3{float:left;font-size:14px;}
.ttkx .t_l .list1 p{ color:#282828; font-weight:bold;    line-height: 15px;}
.ttkx .t_l .list1 span{color:#282828;line-height: 14px;}
.ttkx .t_l h4 i{width:22px; vertical-align: middle;  height: 22px; display: inline-block;  background: url(../images/t606.png) no-repeat left center; background-size:18px auto;margin-top:-5px;margin-left:9px;}
.ttkx .t_l h4{font-size: 16px; background:#666;border-radius:3px;width:107px;line-height:25px;float:right;color:#fff;margin-right:38px;}
.ttkx .t_l  h4:hover{background:#ed9819;}
.ttkx .t_l .hot{width:100%; overflow: hidden;max-height: 332px; }
.ttkx .t_l .hot .pic{width:483px;height:330px; position:relative;margin-left:16px; overflow:hidden;float:left;}
.ttkx .t_l .hot .pic p img{width:483px;height:330px; transition:all 0.8s;}
.ttkx .t_l .hot .pic span img{width:82px; position:absolute;right:0;top:0;}
.ttkx .t_l .hot .pic:hover p img{ transform:scale(1.1)}
.ttkx .t_l .hot .text {color:#282828;margin-right:38px; position:absolute;left:520px;max-height:325px; overflow:hidden;}
.ttkx .t_l .hot .text .t01{ font-size:18px;padding-top:5px;}
.ttkx .t_l .hot .text .t02{padding-top:15px;}
.ttkx .t_l .hot .text .t02 a{ font-size:30px; line-height:32x;color:#282828;}
.ttkx .t_l .hot .text .t03 p{font-size:15px;line-height:26px;padding-top:20px;}
.ttkx .t_l .hot .text .t04{padding-top:40px;}
.ttkx .t_l .hot .text .t04 p{ float:left;color:#b3b3b3; font-size:16px; font-weight:bold; background:url(../images/t17.jpg) no-repeat center left;padding-left:25px ;}
.ttkx .t_l .hot .text .t04 .more{background:#ed9819; cursor:pointer;margin-right:0;}
.ttkx .t_l .hot .text .t04 .more a{color:#fff;}


.about_box{float:left;width:550px;}
.about_box .titles{padding-left:180px;height:70px;}
.about_left img{position:relative;}
.about_f img{ position:absolute;left:65px;top:0; transition:1.5s;}
.about_f:hover img{ transform:rotate(360deg)}
.about_more{ display:block;width:100px;height:25px; line-height:25px;color:#fff;font-size:14px;border-radius:3px;background:#f39c01;margin:45px 0 0 230px}
.about_more i{width:14px;height:16px; margin:5px 9px; background:url(../images/t11.png) no-repeat center top ;float:left;}

.about_contactus{width:1200px;}


/*团队图片切换*/
.metro-layout { width: 100%;margin-top:50px; }
.metro-layout .content { height: 240px;overflow: hidden; overflow-x:auto; }
.metro-layout .content .items {position: relative; overflow: hidden; }
.horizontal .content .items { height: 240px; }
.metro-layout .box { float: left; position: relative;margin-right:5px; width: 275px; height: 335px; text-decoration: none; cursor: pointer; overflow: hidden; z-index: 9; }
.metro-layout .box:hover  img{ transform:scale(1.1); }
.metro-layout .box img.cover { position: absolute; left: 0; top: 0; width: 100%; z-index: 6; }
.metro-layout .box  img{width:100%; transition:0.8s}

.contact .about_txt{float:left;text-align:left;width:40%;margin-top:50px;}
.contact .about_txt img{width:100%;border:1px solid #ccc;}
.contact .c_r{padding-top:50px;float:right;width:600px;}
.contact .c_r ul li p{line-height:30px;margin-bottom:30px}
.contact .c_r ul li span{ font-weight:bold; font-size:17px;margin-right:10px; background:url(../images/t82.png) no-repeat center left;padding-left:30px;}
.contact .c_r ul li .s2{ background:url(../images/t83.png) no-repeat center left}
.contact .c_r ul li .s3{ background:url(../images/t84.png) no-repeat center left}
.contact .cons{float:left}
.contact .cons a{display: block; width: 120px; height: 40px; line-height: 40px;margin-bottom:40px; background: #ee991a; border-radius: 20px;-webkit-border-radius: 20px; -moz-border-radius:20px;color: #fff;}
.contact .cons a::before{ content:"";display:inline-block;width:24px;height:24px; background:url(../images/t85.jpg);margin-top:5px;float:left;margin-left:21px;margin-top:9px;margin-right:5px;}
.contact .code{float:right}
.contact .code p{float:left;width:110px;font-size:12px;margin-left:20px;text-align:center;line-height:24px;}
.contact .code p img{width:100%;}
.content::-webkit-scrollbar { height: 4px;cursor:move;background-color: #e6e6e6;}
.content::-webkit-scrollbar-thumb { height: 4px;  background-color: #e79b00; cursor:move;}

.mak_detail .on .item_img {
	display:block;
}
.item_img {
	display:none;
	margin:3px 0 4px 0;
}

@media (min-width: 1000px) and (max-width:1280px ) {
.wrapper{margin: 0 auto; overflow: hidden;    margin: 8.5% 7.5% 5% 7.5%; }
.case_list{ width: 100%; margin-top: 0px !important;}
.sevrice_list{height:93%;}

}




@media (max-width:1680px ) {
.title_case .titles{padding-top:10%;}
.about_01{width:1200px;}
.about_box{width:840px;}
.about_02{margin:-5% auto;}
.sec_head{ padding: 8% 0 0 0;}
.mak_bt li{width:180px;height:113px;    background: url(../images/bg1.gif); background-size:cover;}
.mak_bt li.hover { background: url(../images/bg2.gif); background-size:cover;}
.mak_bt li a span{    padding-top: 33px;}
.ttkx .t_l .hot .pic{width:290px;height:198px;}
.ttkx .t_l .hot .pic p img{width:290px;height:198px;}
.ttkx .t_l .hot .text{left:325px;}
.ttkx .t_l .hot .text .t02 a{font-size:18px;}
.ttkx .t_l .hot .text .t01{font-size:14px;}
.ttkx .t_l .hot .text .t03 p{ font-size:14px;line-height:22px;    max-height: 65px; overflow: hidden;}
.ttkx .t_l .hot .text .t04{padding-top:10px;}
.ttkx .t_l .hot .text .t04 p{font-size:14px;}
#sec_04 .titles{height:70px;}
.ttkx{height:450px;  background: url(../images/bg5.gif) no-repeat left bottom; background-size:auto 100%;}

.contact .c_r ul li p{margin-bottom:10px;}
.about_more{    margin: 25px 0 0 230px;}

}

.mak_detail{display: none}
.hide{display: none}


/*loading*/

.spinner {
    margin: 100px auto;
    width: 50px;
    height: 60px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    background-color: #e49b18;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}