<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">Ã¯Â»Â¿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
/*body {color:#595959;font-size:12px;font-family: Roboto, -apple-system, BlinkMacSystemFont, "Microsoft YaHei","Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;position: relative; background: #fff;}*/
/*@font-face {
	font-family: 'DIN Condensed Bold';
	src: url('../font/DIN Condensed Bold.eot');
	src: url('../font/DIN Condensed Bold.eot?#iefix') format('embedded-opentype');
	src:url('../font/DIN Condensed Bold.woff') format('woff'), url('../font/DIN Condensed Bold.ttf') format('truetype'), url('../font/DIN Condensed Bold.svg#DIN Condensed Bold') format('svg'),local('DIN Condensed Bold');
	font-weight: normal;
	font-style: normal;
}*/
body {color:#595959;font-size:12px;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";position: relative; background: #fff;}
td,th,caption {font-size:12px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%; }
address, caption, cite, code, dfn, em, th, var{ font-style:normal;font-weight:normal;}
a{color:#000;text-decoration:none;}
a:hover {cursor:pointer;text-decoration:none;}
a{blr:expression(this.onFocus=this.blur())}
*:focus{outline:0;}
fieldset,img {border:none;}
ol,ul,li {list-style:none;}
span,i{display:inline-block; font-style: normal; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
input, textarea, select, button {font:12px "Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
textarea {resize:none;}
/* css common */
.clearfix:after {content: ".";display: block;height:0;clear:both; visibility:hidden;}
.clearfix {*zoom:1;}
.clear{clear:both;}
.font_ta { text-align:center!important;}
.fl_l { float:left;}
.fl_r { float:right;}
.pl_10{ padding-left:10px;}

.mb_10 { margin-bottom:2%;}
/*pccss reset Ã§Â»Â“Ã¦ÂÂŸ*/
.header{ width: 100%; position: fixed; background: #fff; z-index: 100; height: 70px; }

.header.shadow_head{box-shadow: 0 0 5px #888;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;  }
.header a.logo{ display: block; float: left;margin:15px 30px 15px 60px; position: relative; z-index: 20;}
.header a.logo img{ width: 181px; height: 40px;}


.nav{ position: absolute; width: 100%; left: 0; text-align: center; z-index: 10;}


.phone_div{ position: absolute; right: 60px; margin: 15px 0; z-index: 20;}
.phone_div img{ width: 40px; height: 40px; margin-right: 20px;}
.phone_div  span{ vertical-align: top;position: relative;top: 10px; color: #585858; font-size: 16px; }

.b12{border-bottom:6px solid #fff; box-shadow: 0 0 5px #888; position:absolute;}


/*.index_01{height: calc(100% - 70px);}*/

.sitecontent{ min-height: 100%; height: 100%; overflow: hidden;}
.banner_content{ position: relative; width: 100%; margin: 70px auto 36px;-ms-touch-action: pan-y;touch-action: pan-y; 
height: calc(100% - 106px); height: -moz-calc(100% - 106px);  height: -webkit-calc(100% - 106px); max-width: 100%;}
.banner_play{position: relative;   width: calc(100% - 120px); margin: 0 auto;  height: 100%;}
.wrapper{margin: 0 auto; width: calc(100% - 120px); height:auto; overflow: hidden; background:url(../images/case_bj.jpg) center top no-repeat; background-size: cover;  position: relative; height: 80%; }
.banner_hd li{ width: 100%;  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;}
.bgs {
    width: 100%;
    height: 96%;
    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{transition: all ease-out .3s; position: absolute; top: 50%; margin-top: -20px; width:80px; height:40px; display:block; background:url(../images/icon.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:#a88567;}

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:#a88567;}
.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: 60px; padding-bottom: 30px; margin: 0 10px;  display: inline-block; text-align: center; position: relative; color: #fff;}
.position_content ul li:after{ z-index: 5; content: ''; width: 100%; height: 2px; background: #585858; position: absolute; left: 0 ;bottom:0;}
.position_content ul li:before{content: ''; width: 0; height: 2px; background: #A88567; transition:  width 3.5s;-webkit-transition:  width 3.5s;-moz-transition:  width 3.5s;position: absolute; left: 0 ;bottom:0;}
.position_content ul li.on:before{width: 100%;  z-index: 10;}
.position_content ul li&gt;span{ display: block; height: 15px; font-weight: bold;}
div#fullpage{z-index: 20;}
/*Ã§Â¬Â¬Ã¤ÂºÂŒÃ¥Â±Âstart*/
.case_box{ padding-bottom: 30px; width: 100%; margin: 0 auto; position: relative;}
.case_box:after{ content: ''; position: absolute; bottom: 0; left: 0; background: #A88567; width: calc(100% - 1.25%); height: 1px;}
.case_box p.title{ color: #000; font-size: 26px; margin-top:2em; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
#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: #a88567;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; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘"; }
#category a::after {position: absolute;content: "|";text-align: left;margin-left: 28px;margin-top: 0px;font-size: 10px;color: #a88567;}
#category a:hover{color:  #a88567 ;}
#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 dd{ padding-top: 20px;font-size: 16px; transition: all ease-out 0s;}
.case_list dd a{ display: block;}*/
p.case_title{ color: #000; padding-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
p.case_intro{transition: all ease-out .7s; color: #898989; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top: 20px; font-size: 14px; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
.case_list li:hover p.case_intro,.in_case_list li:hover p.case_intro{ margin-top: 0;}
.case_list li:hover img,.in_case_list li:hover img {transform: scale(1.1, 1.1);}
.case_list li:hover p.case_title,.in_case_list li:hover p.case_title{ color: #A88567;}
.control_box{ text-align: center; margin-top: 5%; margin-bottom:4em;}
.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(../images/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(../images/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(../images/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(../images/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: 70px auto 36px; width: calc(100% - 120px); height: calc(100% - 106px); }
.sevrice_box{ background: url(../images/section3_bg.jpg) no-repeat; background-size: cover; position: relative; height: 98%;}
.sevrice_list { margin: 0 30px; height: 100%; position: relative;z-index: 20;}
.sevrice_list li{ color: #fff; text-align: center; width: 25%;  float: left; position: relative; height: 100%;    transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.sevrice_list li span{ display: block; margin-bottom: 60px;}
.sevrice_list li span img{ width: 49px;  display: block; margin: 0 auto;}
.sevrice_list li .sev_cont{ position: relative; top: 50%; margin-top: -150px; z-index: 50;}
.sevrice_list li a.sev_a1{color: #fff; display: block; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding-top: 10%;}
.sevrice_list li h2{ color: #fefefe;  font-size: 26px; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
.sevrice_list li p{ line-height: 180%; width: 90%; margin: 25px auto 0; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
.sevrice_list li font{ display: block; margin-top: 85px; position: relative; display: block;}
.sevrice_list li:after{ content: ''; width:2px; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/white_bg.png);}
.sevrice_list li.last_li:before{content: ''; width: 2px; height: 100%; position: absolute; top: 0; right: 0; background: url(../images/white_bg.png);}
.sevrice_list li a.sev_a1:before{ position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    background: url(../images/icon1.png) -92px 0 no-repeat;
    margin-top: 30px;
    margin-left: -20px;
    left: 50%; bottom: -40px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;  
    
}
.sevrice_list li:hover a.sev_a1:before{ 
    background: url(../images/icon1.png) -10px 0 no-repeat;
    width: 70px;
    margin-left: -35px;
    left: 50%;  
    
}
.black_bg {
    position: absolute; width: 100%; height: 100%; background:url(../images/black_bg.png); 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; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
/*.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; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";
   
     width:100%;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    color: #fff; margin: 20px auto 0; opacity: 0; font-size: 14px; display: block; text-align: center;
}
.sevrice_list li:hover a.sev_a1{ padding-top: 0; display: block;}
.sevrice_list li:hover a.sev_a2{ margin-top: 40px; opacity: 1;}
.sev_a2 i{width:7px; vertical-align: middle;
    height: 12px; display: inline-block; margin-left: 5px;
    background: url(../images/lx_ico.png) no-repeat;}




/*Ã§Â¬Â¬Ã¥Â›Â›Ã¥Â±Âstart*/
.sec04_content{ position: relative; width: 100%;  height: calc(100% - 106px);margin: 70px auto 36px; }
/*.sec04_content:after{position: absolute;content: ''; width: 100%;height: 1px; background: #a88567;top: calc(50% - 100px); left: 0;}*/
.sec_head{position: relative; padding: 5% 0;}
.sec_head p.title{ margin-left: 60px;    color: #000;font-size: 26px; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
.trends{  margin: 0 auto;  border-top: #A88567 1px solid;}
.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; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
.news_wrapper .title { color: #898989; font-size: 16px; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘"; font-weight:bold;
    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: #b5b5b5; 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; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
.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(../images/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; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘"; font-weight:bold;}
.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;margin: 70px auto 36px; /*background: url(../images/section5_bg.jpg) no-repeat;*/ overflow: hidden; height: calc(100% - 106px); height: -moz-calc(100% - 106px); height: -webkit-calc(100% - 106px);  width: calc(100% - 120px);width: -webkit-calc(100% - 120px);width: -moz-calc(100% - 120px);}
.about_us_intro{ width: 100%; height: 100%; }
.about_01{ margin: 0 140px; color: #fff; padding-top: 5%;}
.about_01 h3{ font-size: 16px; text-align: center; margin-bottom: 25px; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
.about_01 p{ line-height: 180%;font-size: 16px; }
.about_02{ width: 70%; margin:3% auto; }
.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_left img{ width: 70%;}
.about_right ul li{ margin-top: 15px; font-size: 16px;}

.about_right ul{ margin-bottom: 60px;}
.about_area{ width: 100%; position: absolute; left: 0; bottom:3%;}
.about_area ul{ display: inline-block; width: 100%; text-align: center;}
.about_area ul li{ position: relative; cursor: pointer;/* border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius:2px; */display: inline-block; width:32px; margin: 0 5px; height: 25px; text-align: center; line-height: 25px; color: #fff;}

.about_area ul li:before,.about_area ul li:after{content: "";
    width: 0;
    height: 2px;
    background: #A88567;
    position: absolute;
    bottom: 0;
    transition: width 0.3s ease-in;
    -moz-transition: width 0.3s ease-in;
    -webkit-transition: width 0.3s ease-in;
    -o-transition: width 0.3s ease-in;}
.about_area ul li:before {
    right: 50%;
}
.about_area ul li:after {
    left: 50%;
}
 .about_area ul li:hover:before, .about_area ul li:hover:after,.about_area ul li.act:before,.about_area ul li.act:after {
    width: 50%;
}

.footer{color: #595959; background: url(../images/white_bg2.png) repeat; font-size: 1.2em;position: fixed;bottom: 0; left: 0; width: 100%; height:2em;  z-index: 200; height: 1.5em; line-height: 2em; padding: 1em 1em; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
.foot_left a{ color: #595959; margin-right: 15px; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
.foot_left{ position: absolute; left: 60px;}
.foot_right{ position: absolute; right: 60px;}
.foot_left a:hover{ color: #a88567;}

/*Ã¦Â¡ÂˆÃ¤Â¾Â‹Ã¥Â†Â…Ã©Â¡Âµ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: #a88567;}
.inside_case{ padding-top: 10px; 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; float:left;}
.in_case_list .left li{ width: 25%; float: left; margin-bottom: 20px; }
.in_case_list .left li a{ display: block; width:95%; }
.in_case_list .left li img{ width: 85%;}
.in_case_list .right{ width: 18%; padding-left: 2%; float: right;}

.inside_news{ padding-top: 10px; width: 80%; margin: 0 auto; position: relative;z-index: 10;}
.in_news_title{ width: 100%; text-align: center; padding: 30px 0 ; }
.in_news_title span{ color: #000; font-size: 16px; margin: 0 15px;}
.in_news_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_news_title span a { 
    margin-left: 0;
    border: none;
    width: auto;}
.in_news_list{ width: 100%; min-height: 580px;}
.in_news_list .left{ width: 100%; float: left;}
.left_txt{padding-top: 15px;font-size: 16px;transition: all ease-out 0s; min-height: 55px; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘"; margin-bottom:10%; float:left; padding-left:5%;}
.in_news_list .left li{ width: 24%; float: left; margin-bottom: 20px; margin:10px; padding-left:8%;}
.in_news_list .left li a{ display: block; width:100%;  }
.in_news_list .left li img{ width: 30%; float:left;}




.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(../images/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&gt;div span{cursor: pointer; padding: 5px; margin-top: 15px; border-radius: 5px; }
div.type&gt;div span.act,div.type&gt;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(../images/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: #ff1d18; border-radius: 20px;-webkit-border-radius: 20px; -moz-border-radius:20px;color: #fff;}
.sevrice_bg2{background: url(../images/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(../images/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(../images/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:hover{  color: #fff;background:#595959;}
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%; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘"; padding-bottom:10px;}
.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: #a88567;  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: #a88567;}
.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; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘"; }
.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: #a88567 1px solid;}
.left_01 li{ margin-bottom: 10px; font-size: 16px; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
.left_01 li font{ color: #000; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
.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: #a88567; font-size: 30px; margin-bottom: 40px; line-height: 30px; }
.case_content .right .detail_page p:after{content: ''; width:40%;  background: #a88567;  height: 1px; position: absolute; top: 50%; left: 0;}
.case_content .right .detail_page p:before{content: ''; width:40%;  background: #a88567;  height: 1px; position: absolute; top: 50%; right: 0;}


.left_02 dt a&gt;span{ display: none; position: absolute; top: 0; left: 0;width: 100%; height: 100%; background: url(../images/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(../images/about_bg.jpg) no-repeat;background-size: cover;}
.about_content{ width: 60%; margin: 0 auto;}
.about_content img { width:50% auto;}
.about_content h2,.about_content h3{ text-align: center; font-weight: bold; color: #000; }
.about_content h2{ font-size: 40px;margin-bottom:50px;}
.about_content h3{ font-size: 26px; margin-bottom: 60px; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
.about_content p{ font-size: 16px; color: #000; line-height: 180%; margin-bottom: 20px; text-align: justify;}
.xbwh_w{ width:100%; margin: 0 auto;}
.xbwh { width:100% auto; height:809px;; background:
url(../images/xbwh.jpg) center top no-repeat;}
.news_top{ width:100%; margin: 0 auto;}
.do_list{ margin-top: 50px;}
.do_list li{ float: left; width: 25%; position: relative; padding-top: 25px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.do_list li:after{ content: '';  background: url(../images/about_ico.png) no-repeat; background-size: 100%; position: absolute; top: 0; left: 50%; width: 15px; height: 13px; margin-left: -9px;}
.do_list li p{ position: relative; overflow: hidden; border: #000 1px solid; width:75%; padding: 30px 0; margin: 0 auto;-webkit-transition: all 0.8s; -moz-transition: all 0.8s;transition: all 0.8s;}
.do_list li p&gt;img{ display: block; margin: 0 auto; height: 44px;}
.do_list li p&gt;em{ display: block; text-align: center; margin-top:40px;}
.main02_s1{position:absolute;top:0;left:0;height:1px;width:0;background:#A88567;}
.main02_s3{position:absolute;bottom:0;left:0;width:1px;height:0;background:#A88567;}
.main02_s4{position:absolute;bottom:0;right:0;width:1px;height:0;background:#A88567;}
.main02_s5{position:absolute;bottom:0;left:0;height:1px;width:0;background:#A88567;}

.work_pic{ padding-top: 30px; border-top: #a88567 1px solid; margin-top: 4%;}
.work_pic&gt;div{ position: relative; float: left; width: 24%;overflow: hidden; }
.work_pic&gt;div:after{ opacity: 0; z-index: 10; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:url(../images/black_bg.png)repeat;}
.work_pic&gt;div img{ width: 100%; display: block;    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.content3 .work_pic&gt;div font{ display: none; font-weight:bold;text-align: center; position: absolute; top: 50%; height: 30px; line-height: 30px; margin-top: -15px; left: 50%; margin-left: -21px; color: #fff; z-index: 20;}
.content3 .work_pic&gt;div font:after{position: absolute;
    content: "";
    text-align: left;
    margin-left: 0px;
    margin-top: 15px;
    background-color: #fff;
    width: 0px; bottom: 0; left: 0;
    height: 1px;
        transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.content3 .work_pic&gt;div:hover font:after{ width: 100%;}
.content3 .work_pic&gt;div:hover:after{ opacity: 1;}
.content3 .work_pic&gt;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: #a88567; }
.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: #a88567; }
.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(../images/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; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘"; }
.parHd li:after{ content: ''; background: url(../images/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; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
.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; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
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: fadeInUp 1.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation: fadeInUp 1.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation: fadeInUp 1.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: fadeInUp 1.4s cubic-bezier(.09,.82,.6,.99);}
#sec_02.active .casetem_2,#sec_04.active  .casetem_2{animation: fadeInUp 1.8s cubic-bezier(.09,.82,.6,.99);
    -moz-animation: fadeInUp 1.8s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation: fadeInUp 1.8s cubic-bezier(.09,.82,.6,.99);
    -o-animation: fadeInUp 1.8s cubic-bezier(.09,.82,.6,.99);}
#sec_02.active .casetem_3,#sec_04.active  .casetem_3{
	animation: fadeInUp 2.2s cubic-bezier(.09,.82,.6,.99);
    -moz-animation: fadeInUp 2.2s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation: fadeInUp 2.2s cubic-bezier(.09,.82,.6,.99);
    -o-animation: fadeInUp 2.2s cubic-bezier(.09,.82,.6,.99);
	
}
#sec_02.active .casetem_4,#sec_04.active  .casetem_4{
	animation: fadeInUp 2.6s cubic-bezier(.09,.82,.6,.99);
    -moz-animation: fadeInUp 2.6s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation: fadeInUp 2.6s cubic-bezier(.09,.82,.6,.99);
    -o-animation: fadeInUp 2.6s cubic-bezier(.09,.82,.6,.99);
}*/
#sec_02.active .casetem_1,#sec_04.active  .casetem_1{animation-name: fadeInUp;animation-delay: 1s;}
#sec_02.active .casetem_2,#sec_04.active  .casetem_2{animation-name: fadeInUp;animation-delay: 1.4s;}
#sec_02.active .casetem_3,#sec_04.active  .casetem_3{
	animation-name: fadeInUp;animation-delay: 1.8s;
}
#sec_02.active .casetem_4,#sec_04.active  .casetem_4{
animation-name: fadeInUp;animation-delay: 2s;
}
#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: 1s;}
#sec_03.active  .casetem_2{animation-name: fadeInUp;animation-delay: 1.4s;}
#sec_03.active  .casetem_3{animation-name: fadeInUp;animation-delay: 1.8s;}
#sec_03.active  .casetem_4{animation-name: fadeInUp;animation-delay: 2s;}

#sec_05.active .casetem_1{animation-name: fadeInUp;animation-delay: 0.6s;}
#sec_05.active .casetem_2{animation-name: fadeInUp;animation-delay: 1s; text-align:center; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
#sec_05.active .casetem_3{animation-name: fadeInUp;animation-delay: 1.4s;}
/*#sec_02.active .case_box {-webkit-animation: fadeInUp 0.6s 0.6s 1 cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
#sec_02.active .case_list {-webkit-animation: fadeInUp 0.8s 0.8s 1 cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}*/
#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; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
#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;
    animation-fill-mode: both; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
 #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);*/

}
.work_pic div:hover img{    transform: scale(1.1, 1.1);   -webkit-transform: scale(1.1, 1.1);   -moz-transform: scale(1.1, 1.1);}
#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&gt;.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;}



/*.box4.active .sevrice_content h2 {
    -webkit-animation: rotateInDownLeft 1s 1s 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}*/
/*.box4.active .sev_process .p1{-webkit-animation: fadeInUp 1.2s 1.2s 1;-webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
.box4.active .sev_process .p2{-webkit-animation: fadeInUp 1.3s 1.3s 1;-webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
.box4.active .sev_process .p3{-webkit-animation: fadeInUp 1.4s 1.4s 1;-webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
.box4.active .sev_process .p4{-webkit-animation: fadeInUp 1.5s 1.5s 1;-webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
.box4.active .sev_process  font{-webkit-animation: rotateIn 1.5s 1.5s 1;-webkit-animation-fill-mode: both;
    animation-fill-mode: both;}  
 .box4.active .sev_process  a.contact_us{-webkit-animation: fadeInUp 1.6s 1.6s 1;-webkit-animation-fill-mode: both;
    animation-fill-mode: both;}      */
   
@media screen and (max-width:1440px){
	.about_01{ padding-top: 3%;}
	.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&gt;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;}
}
@media screen and (max-width:1366px){
	.about_content h2{ font-size: 30px; padding-top:0; margin-bottom: 30px; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
	.about_content h3{ font-size: 20px;margin-bottom: 30px;}
	.about_content p{ font-size: 14px; margin-bottom: 10px; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘"; }
	.team_box a{ font-size: 20px;}
	.sevrice_content h2{ font-size: 30px !important; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘"; }
	.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: 3%;}
	.about_02{ margin: 1% auto;}
	.about_01 p{ font-size: 14px; text-align:center; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
	.about_right ul li{ margin-top: 10px; font-size: 14px; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
	.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; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
	p.description{font-size: 14px; font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
	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&gt;div span{ margin-top: 8px;}
	.page{  margin-top: 10%;}
	/*.about_us{    height: calc(100% - 116px);
    height: -moz-calc(100% - 116px);
    height: -webkit-calc(100% - 116px);}*/
    .team_detail .about_content{ margin-top: 10px;}
}


@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;}
}

/*Ã¤Â¾Â§Ã¥Â¯Â¼Ã¨ÂˆÂªstart*/
.sibar_nav{ position: fixed; right: 0; z-index: 1000; top: 50%; transform: translateY(-50%);}
.sibar_nav li{ height: 86px; display: block; position: relative; }
.sibar_nav li div{ position: absolute; z-index: 10; left: 150px; top:0; font-size: 14px; width: 150px; text-align: center; background:rgba(0,0,0,0.7); color: #fff;}

.sibar_nav li  a{ width: 100%; height: 100%; display: block;z-index: 20; margin: 0 10px; position: relative;}
.sibar_nav li p{padding: 18px 0; border: #7c624b 1px solid; margin: 4px; line-height: 180%;}
.sibar_nav li  a img{ position: relative; top: 50%;}
.sibar_nav li  a.sn_a1 img{ margin-top: -12.5px;}
.sibar_nav li  a.sn_a2 img{ margin-top: -12px;}
.sibar_nav li  a.sn_a3 img{ margin-top: -12.5px;}
.sibar_nav li  a.sn_a4 img,.sibar_nav li  a.sn_a5 img{ margin-top: -19px;}
.area_div{z-index: 20;    width: 85px; position: absolute; left: 270px; top: 0;}
.area_div p{ cursor: pointer; height: 70px; line-height: 70px; color: #595959; text-align: center;}
.area_div p img{ margin-left: 10px; top: -1px;}
.area_a {  width: 85px; background: #fff; margin-left: -10px; display: none;}
.area_a a{ display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #595959; font-size: 14px; }
.area_a a:hover{ background: #595959; color: #fff;}

.inside_head .area_div p{ color: #fff;}










.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;}


/*Ã¥ÂŠÂ&nbsp;Ã¨Â½Â½Ã¥ÂŠÂ¨Ã§Â”Â»*/
#loader-wrapper{position: fixed; width: 100%; overflow: hidden; /*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(../images/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(../images/gylp.jpg) no-repeat !important;background-size: cover !important;}
.loader-wrapper02{background:url(../images/xwzx.jpg) no-repeat !important;background-size: cover !important;}
.loader-wrapper03{background:url(../images/cytx.jpg) no-repeat !important;background-size: cover !important;}
.loader-wrapper04{background:url(../images/kycx.jpg) no-repeat !important;background-size: cover !important;}
.loader-wrapper05{background:url(../images/tzzgx.jpg) no-repeat !important;background-size: cover !important;}
.loader-wrapper06{background:url(../images/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: #ef1d18;/*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: 230px; position: relative;}
.event_bd a{ position: relative; width: 100%; height: 230px; display: block; overflow: hidden;}
.event_play img{ display: block; position: absolute; left:50% ; margin-left: -960px; width: 1920px; 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: #a88567;}*/
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(../images/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(../images/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(../images/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:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘"; }
.cash_num i&gt;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&gt;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(../images/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:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘";}
.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&gt;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&gt;img{ width:1920px; 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(../images/r_btn.png) no-repeat; }
a.l_prev{ left:10%; background: url(../images/l_btn.png) no-repeat;}
a.r_next:hover{right: 10%; background: url(../images/r_btn_on.png) no-repeat;}
a.l_prev:hover{ left:10%; background: url(../images/l_btn_on.png) no-repeat;}



.promo_con li a&gt;img{ display:block; width:200px; height:auto;}
.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;}
.b13{;z-index:20;border-bottom:2px solid #ececec;  width:100%;position:absolute;top:70px;} 


.dsj{ width:100% auto; height:500px; background:
url(../images/dsj.jpg) center top no-repeat;}
</pre></body></html>