@charset "utf-8";
/* CSS Document Edited by LiLu */
#pageContain { overflow: hidden;}
.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; background-color: #fff; background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
#navBar { z-index: 3; position: absolute; top: 30%; right: 20px; width: 27px; padding-bottom: 66px; background: url("../images/ico_06.png") left bottom no-repeat;}
.back_top,.back_bot{ display: block; position: absolute; bottom: 0; width: 100%; height: 18px; font-size: 0; cursor: pointer;}
.back_top{ bottom: 52px;}
#navBar li{ cursor: pointer; font-size: 0; width: 20px; height: 20px; margin: 0 auto; margin-bottom: 10px; position: relative;}
#navBar li:before{ content: ""; position: absolute; top:50%; left:50%; margin: -3px 0 0 -3px; width: 6px; height: 6px; background: #c69c6d; -webkit-border-radius:50%; -moz-border-radius: 50%; border-radius: 50%;}
#navBar li.active:before{ width: 12px; height: 12px; margin: -6px 0 0 -6px; background: none; border:2px solid #c69c6d; box-shadow: 0px 0px 10px 1px #fff;}
.index_sec{ position: absolute; top:0; left:0; width: 100%; height: 100%; display: table; vertical-align: middle; }
.sec_box{ display: table-cell; vertical-align: middle;}
/*page1*/
.page1{ background-color: #fff;}
.page1 .index_sec,.page1 .sec_box{ display: block;}

.owl-theme .owl-controls .owl-page{ margin: 0 5px;}
.owl-theme .owl-controls .owl-page span{ width: 40px; height: 5px; border: 1px solid #333; background:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin:0;  filter: Alpha(Opacity=100); opacity:1.00;}
.owl-theme .owl-controls .active{ background-color: #333;}


/*========================================
focus*/
.focus_slide{ width: 100%; height: 100%; position: absolute; top:0; left:0; }
.focus_slide .owl-wrapper-outer{ width:100%; height:100%;}
.focus_slide .owl-wrapper,.focus_slide .owl-item,.focus_slide .item{ width:100%; height:100%; }
.focus_slide .item{ text-align: center; position: relative; background: url("../images/loader.gif") center center no-repeat;}
.focus_slide .item a{ display:block; width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 10; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.focus_box{ display:table; vertical-align:middle; width: 100%; height: 100%;}
.focus_txt{ display: table-cell; vertical-align: middle;}
.focus_txt img{ max-width: 80%; display: block; margin: 0 auto; position: relative; left:0;}
.focus_slide .owl-controls { width: 100%; position: absolute; bottom: 10px; left:0; z-index:20; text-align: center;}
.focus_slide .owl-controls .owl-page span{ border-color: #fff;}
.focus_slide .owl-controls .active{ background-color: #c69c6d;}
.focus_slide .owl-controls .active span{ border-color: #c69c6d;}
#focus{ display: block; height: 100%;}
#focus_phone{ display: none; height: 0; overflow: hidden;}

/*page2*/
.page2 { }
.title_01{ max-width: 628px; margin: 0 auto; font-size: 26px; text-align: center; height: 80px; line-height: 90px; overflow: hidden; background: url("../images/title_01.png") center center no-repeat; position: relative; margin-bottom: 50px;}
.title_01 em{ position: absolute; top:0; left:50%; margin: -6px 0 0 -23px; padding: 0 10px; background: #fff; display: none;}
/*more*/
.more{ display: block; margin: 0 auto; width:230px; height: 45px; overflow: hidden; text-align: center; line-height: 48px; position: relative; font-size: 22px; color: #fff; font-family: Aparajita; text-transform: uppercase;}
.more span{ display: inline-block; position: relative; z-index:10; background: url("../images/ico_05.png") right center no-repeat; padding-right: 20px; }
.more::before, .more::after {content: ''; position: absolute; top: 0; left: 0; z-index:0; width:100%;height: 100%; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;transition: transform 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); }
.more::before { border: 1px solid #373737; -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1);}
.more::after { background-color: #373737; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
.more:hover{ color: #c69c6d;}
.more:hover span{ background-image: url("../images/ico_05b.png");}
.more:hover::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.more:hover::after { background: transparent;  -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1);}
/*intro*/
.intro_text{ width: 50%; overflow: hidden; color: #000; padding-top: 80px;}
.text_area{ width:68%; margin: 0 auto; text-align: justify;}
.first_letter{ display: block; float: left; font-size: 78px; line-height: 75px; text-transform: uppercase; margin-right: 20px;}
.intro_more{ position: relative; margin-top: 40px;}
.intro_more:before{ content: ""; position: absolute; top:0; right:0; width: 200%; height: 1px; background: #e6e6e6;}
.intro_more .more{ float: right;}
.intro_img{ position: absolute; top:0; right: 0; width: 50%; height: 100%; overflow: hidden; background-position: center top; background-repeat: no-repeat; background-size: cover;}
.intro_des{ max-height:375px; overflow: hidden;}
.business_area{}
.business_area a{ display: block; color: #fff; text-align: center;}
.business_caption{ height: 80px; line-height: 80px; overflow: hidden; background: #3e3e3e;}
.business_area:hover .business_caption{ background-color: #c69c6d;}

/*page3*/
.page3{ background-color: #282828; background-image: url("../images/bg_page3.jpg"); background-position: center bottom; background-size: 100%;}
.page3 .index_sec,.page3 .sec_box{ display: block;}
/*.page3 .sec_box{ position: relative; top:50%; margin-top: -260px;}*/
.page3 .title_01 a{ color: #fff;}
.business{ margin-top: 160px;}
.business_show{ padding: 0 66px; margin-bottom: 40px; }
#business_scr{ position: relative; overflow: hidden;}
#business_scr .item{ padding: 0 15px;}
#business_scr .owl-controls{ font-size: 0; margin-top: 40px;}
#business_scr .owl-controls .owl-page span{ width:52px; height: 3px; margin: 0 2px; filter: Alpha(Opacity=100); opacity: 1; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius: 0px; border: 1px solid #7a7a7a; background-color: #282828;}
#business_scr .owl-controls .owl-page.active span, #business_scr .owl-controls.clickable .owl-page:hover span{ background-color: #c69c6d; border-color: #c69c6d;}
.business_area{ max-width: 418px;}
/*more2*/
.more2{ color: #c69c6d;}
.more2::before { border:none; -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1);}
.more2::after { border: 1px solid #a9a9a9; background: none; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
.more2:hover{ color: #fff;}
.more2 span{ background-image: url("../images/ico_05b.png");}
.more2:hover span{ background-image: url("../images/ico_05.png");}
.more2:hover::before {  background-color: #c69c6d;  -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.more2:hover::after { border-color: #c69c6d;  -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1);}

/*page4*/
.page4{ }
.page4 footer.footer_index,.page4 footer.footer_index a{ color: #c69c6d; }
.page4 .footer_ico img.ico_img2{ filter: Alpha(Opacity=100); opacity: 1;}
.page4 .index_sec,.page4 .sec_box{ display: block;}
.hardcover_img{ position: absolute; top:0; left: 0; width: 50%; height: 100%; overflow: hidden; background-position: center top; background-repeat: no-repeat; background-size: cover;}
.hardcover_text{ width: 50%; overflow: hidden; color: #000; padding-top: 80px; font-size: 16px; position: absolute; top: 50%; right: 0; margin-top: -250px;}
.hardcover_des{ height: 140px; overflow: hidden; margin-bottom: 30px;}
#hardcover_scr .item{ padding: 0 4px;}
.hardcover_area{ max-width: 116px; margin: 0 auto; padding: 15px 0; border: 3px solid #c69c6d; color: #c69c6d; font-size: 12px; text-align: center; position: relative;}
.hardcover_area img{ margin: 0 auto 10px;}
.hardcover_area:before,.hardcover_area:after{ content: ""; position: absolute; width: 14px; height: 14px; background: url("../images/hardcover_02.png") no-repeat;}
.hardcover_area:before{ top:0; left:0;}
.hardcover_area:after{ bottom:0; right:0;}

/*page5*/
.page5{ background-image: url("../images/bg_page5.jpg"); background-size: cover;}
.page5 .index_sec{ background: rgba(0,0,0,.75);}
#case_scr{ position: absolute; top:0; left:0; width: 100%; height: 100%;}
#case_scr .owl-wrapper-outer,#case_scr .owl-wrapper, #case_scr .owl-item, #case_scr .item,.case_area,.case_area a{ height: 100%;}
.case_area{ position: relative;}
.case_area:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(198,156,109,0); transition:all 1s ease;-webkit-transition: transition:all 1s ease;-moz-transition: transition:all 1s ease;-ms-transition: transition:all 1s ease;-moz-transition: transition:all 1s ease;}
.case_area a{ display: table; vertical-align: middle; color: #fff; text-align: center; position: relative; padding: 20px;}
.area_box{ display: table-cell; vertical-align: middle;}
.case_num{ font-size: 100px; font-family:Aparajita; line-height: normal; }
.case_tit{ font-size: 22px; margin-bottom: 30px; position: relative; top:0;}
.case_tit span{ display: inline-block; padding-bottom: 20px; position: relative;}
.case_tit span:before{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -19px; width: 38px; height: 2px; background: #546dbf;}
.case_img{ height: 0; overflow: hidden; position: relative; top:90px;}
.case_more{ display: block; margin: 0 auto; width: 140px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #aaa; font-size: 22px; text-transform: uppercase; font-family: Aparajita; position: relative; top:0;}
.case_more img{ display: inline-block; vertical-align: middle;}
.case_more em{ display: none; vertical-align: middle;}
#case_scr .item:hover .case_num{ font-size: 260px;}
#case_scr .item:hover .case_tit{ top:-110px;}
#case_scr .item:hover .case_img{ height: auto; top:-150px;}
#case_scr .item:hover .case_area:before{ background: rgba(198,156,109,.67);}
#case_scr .item:hover .case_more{ border-color: #fff; top:-80px;}
#case_scr .item:hover .case_more em{ display: inline-block; margin-right: 10px;}
.case_num,.case_img,.case_more,.case_more em{ transition:all 0.8s ease;-webkit-transition: transition:all 0.8s ease;-moz-transition: transition:all 0.8s ease;-ms-transition: transition:all 0.8s ease;-moz-transition: transition:all 0.8s ease;}

/*page6*/
.page6 { background-image: url("../images/bg_page6.jpg"); background-size: cover;}
.page6 .index_sec{ background: rgba(255,255,255,1.00); background:#fff;}
.news_rec{ width: 90%; max-width: 1400px; margin: 0 auto;}
.news_rec li{ float: left; width: 50%; padding: 0 25px; margin-bottom: 40px;}
.news_rec li a{ display: block; background: #f9f9f9; padding: 40px; height: 230px; box-shadow: 0 10px 30px -10px #bbb;}
.rec_img{ float: left; margin-right: 30px;}
.rec_info{ overflow: hidden;}
.news_date{ font-size: 26px; font-family:Aparajita; color: #666; margin-bottom: 20px;}
.news_date em{ color: #999; margin-left: 10px; padding-left: 10px; position: relative;}
.news_date em:before{ content: ""; position:absolute; top:0; left:0; width: 1px; height:40px; background: #c8c8c8; }
.rec_info h4{ color: #666; height: 30px; line-height: 30px; overflow: hidden; border-bottom: 1px solid #f2f2f2; margin-bottom: 10px;}
.rec_des{ font-size: 12px; color: #999; line-height: 22px; height: 44px; overflow: hidden;}
.news_rec li:hover a{ box-shadow: 0 20px 40px -10px #bbb;}
.news_rec li:hover h4{ color: #c69c6d;}

/*page7*/
.page7 { background-image: url("../images/bg_page7.jpg"); background-size: cover;}
.page7 .index_sec{ background: rgba(0,0,0,.85);}
.page7 .title_01 a{ color: #fff;}
.diamonds { margin:0 auto; padding-top: 40px;}
.diamonds img{ display: inline-block;}
.no-csstransforms .diamonds { max-width: 1060px;}
.diamonds > li { display: inline-block; margin-right: 87px; margin-bottom: 20px;}
.diamonds .diamond,.diamonds .content{ width: 160px;height: 160px;}
.diamonds .diamond {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #fff;
    display: block;
    overflow: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    position: relative;
}
.csstransforms .diamonds .diamond {
    overflow: hidden;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.diamonds .content {
    display: table-cell;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    vertical-align: middle;
}
.diamonds .customer_more{ font-size: 16px; background: none; border: 10px solid #fff; color: #fff; font-family: Aparajita; text-transform: uppercase;}
.diamonds .customer_more span{ display: inline-block; background: url("../images/ico_05.png") right center no-repeat; padding-right: 20px;}
.diamonds .customer_more:hover{ background-color: #c69c6d; border-color: #c69c6d;}
.customer_phone{ display: none;}


.page7 footer.footer_index{ display: block;}
/*main*/
main{ padding: 80px 0 0;}
.banner{ height: 320px; overflow: hidden;}
.banner_box{ position: fixed; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top;}
.sub{ /*min-height: 500px;*/ background: #fff; position: relative; overflow: hidden;}
.sub_tit{ font-size: 40px; font-weight: bold; color: #fff; position: relative; top: 110px;}
.sub_tit:before{ content: ""; position: absolute; left:0; bottom:-20px; width:85px; height: 5px; background: #fff;}
/*into_area*/
.into_area{ margin-bottom: 80px;}
.profile{ color: #000;}
.profile_box{ position: relative;}
.profile_video{ width: 420px; float: left; cursor: pointer; margin-right: 100px;}
.profile_info{ overflow: hidden; padding-bottom: 50px; position: relative;}
.into_tit{ font-size: 14px; font-weight: bold; line-height: 48px; text-transform: uppercase; margin-bottom: 40px;}
.into_tit em{ display: block; font-size: 26px; font-weight: normal; font-family: CenturyGothic,Candara;}
.profile_des{ line-height: 32px; position: relative; padding-bottom: 40px;}
.profile_des:before{ content: ""; position: absolute; left:0; bottom:0; width:85px; height: 8px; background: #000;}
.ecosphere{ margin-top: 50px;}
.ecosphere h6{ font-size: 20px; font-weight: bold; margin-bottom: 30px;}
.into_num1{ display: block; position: absolute; bottom: 0; right: 0; z-index: 200;}
/*video_box*/
.video_box{ width: 100%; height: 550px; background-color: #272727; color: #fff; position: absolute; top:0; left:0; z-index: 100; display: none;}
.video_info{ width: 338px; float: left; padding: 50px 0 0 30px;}
.video_info .ecosphere{ padding-top: 50px; position: absolute; bottom: 30px; left:30px;}
.video_info .ecosphere:before{ content: ""; position: absolute; top:0; left:0; width: 85px; height: 8px; background: #fff;}
.video_info .ecosphere_list{ margin-left: -20px;}
.video_info .ecosphere_list li{ padding: 0 20px;}
.video_info .ecosphere_list li.line_dec{ width: 26px; background-image: url("../images/deco_01b.gif");}
.video_show{ overflow: hidden;}
#example_video_1{ height: 550px;}


/*culture*/
.culture{ position: relative;}
.culture_l{ padding: 0; height: 460px; position: relative;}
.tit_culture{ display: none;}
.c_l_area{ position: absolute; top:0; left: -54%; width:154%; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover; color: #fff;}
.area_block{ width: 100%; height: 100%; display: table; vertical-align: middle;}
.area_cell{ display: table-cell; vertical-align: middle; padding: 40px;}
.area_cell .into_tit{ float: right;}
.into_num2{ display: block; float: right; margin-right: -20px; position: relative;}
.into_num2:before{ content: ""; position: absolute; top:50%; left:-60px; margin-top: -4px; width: 85px; height: 8px; background: #fff;}
.culture_show{ padding: 0;}
#culture_scr{}
#culture_scr .item{ padding: 0 0 0 30px;}
.culture_box{ max-width: 262px; margin: 0 auto; height: 460px; overflow: hidden; background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative;}
.culture_box:before{content: ""; position: absolute; top:0; left:0; z-index: 0; width:100%; height: 100%; background: rgba(0,0,0,.70);}
.culture_info{ position: absolute; top:0; left: 0; z-index: 10; width:100%; height: 100%; padding: 120px 40px 0; color: #fff; text-align: justify;}
.culture_des{ line-height: 32px; max-height: 160px; overflow: hidden;}
.culture_item{ display: inline-block; position: absolute; bottom: 30px; right: 40px; font-size: 18px; font-weight: bold;}
.culture_item:before{content: ""; position: absolute; top:50%; left:-52px; width: 42px; height: 1px; background: #fff;}
.culture_box:hover:before{ background: rgba(0,0,0,.50);}
.culture_box:hover .culture_item{ bottom: 40px;}
/*development*/
.development{ color: #000;}
.development_list{ border-left: 1px solid #7fba2e; padding:8px 0 8px 2px; position: relative;}
.development_list:before,.development_list:after{ content: ""; position: absolute; top:0; left:0; width: 85px; height: 8px; background: #7fba2e;}
.development_list:after{ top:auto; bottom: 0;}
.development_list li{ overflow: hidden; background: url("../images/development_01.png") repeat-y; padding-left: 140px;}
.development_num,.development_info{ height: 130px; display: table;}
.num_yuan,.d_info_area{ display: table-cell; vertical-align: middle;}
.development_num{ padding: 0; position: relative; font-family: Myriad Pro; }
.num_yuan{ font-size: 26px;}
.num_hover{ position: absolute; top: 100%; left: 0; filter: Alpha(Opacity=0); opacity: 0; width: 86%; height: 100%; background: #dcdcdc; color: #fff; font-size: 170px; text-align: center; line-height: 1.5;}
.development_info{ padding: 0; border-bottom: 1px solid #c2c2c2;}
.development_caption{ line-height: normal; font-size: 16px; margin-bottom: 5px;}
.development_des{ max-height: 75px; overflow: hidden;}
.development_list li:hover .num_hover{ top:0; filter: Alpha(Opacity=100); opacity: 1.00;}
.development_list li:hover{ color: #c69c6d;}
.into_num3{ display: block; float: right;}
/*brand*/
.brand{ margin-bottom: 0; height: 450px; position: relative; background-position: center center; background-repeat: no-repeat; color: #fff;}
.brand:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background:rgba(0,0,0,.70);}
.brand_l{ width: 400px; float: left; position: relative; padding: 100px 0 0;}
.into_num4{ display: block; padding-left: 95px; position: relative;}
.into_num4:before{ content: ""; position: absolute; top:50%; left:0; margin-top: -4px; width: 85px; height: 8px; background: #fff;}
.brand_r{ overflow: hidden;}
#brand_scr{ margin-top: 106px;}
#brand_scr .item{ padding-left: 20px; text-align: center;}
#brand_scr .item img{ margin: 0 auto 60px; filter: Alpha(Opacity=50); opacity: 0.50;}
.brand_item{ font-size: 18px; font-weight: bold; position: relative; padding-bottom: 25px; margin-bottom: 25px;}
.brand_item:before,.brand_item:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -21px; width: 42px; height: 2px; background: #fff;}
.brand_item:after{ width: 0px; background: #c69c6d;}
#brand_scr .item:hover .brand_item:after{ width: 42px;}
#brand_scr .item:hover img{ filter: Alpha(Opacity=100); opacity: 1.00;}
/*honor*/
.honor_show{ margin: 0 -20px;}
#honor_scr{ position: relative; overflow: hidden;}
#honor_scr .item{ padding: 0 20px;}
#honor_scr .owl-controls{ margin: 0;}
#honor_scr .owl-controls .owl-buttons div{ width:50px; height: 50px; background: rgba(0,0,0,0.3); font-size: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: absolute; top:50%; margin: -25px 0 0;}
#honor_scr .owl-controls .owl-buttons div.owl-prev{ left:20px;}
#honor_scr .owl-controls .owl-buttons div.owl-next{ right:20px;}
#honor_scr .owl-controls .owl-buttons div:before{ content: ""; position: absolute; top:0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; filter: Alpha(Opacity=100); opacity: 1.00;}
#honor_scr .owl-controls .owl-buttons div.owl-prev:before{ background-image: url("../images/arrow_l.png");}
#honor_scr .owl-controls .owl-buttons div.owl-next:before{ background-image: url("../images/arrow_r.png");}
#honor_scr .owl-controls .owl-buttons div:hover{  background: rgba(0,0,0,0.4); }
.honor_img{ max-width: 346px; margin: 0 auto; position: relative;}
.honor_img:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; }
.honor_tit{ font-size: 18px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #e9e8e8; margin-bottom: 20px;}
.honor_list{ margin:-10px -15px;}
.honor_list li{ height: 25px; overflow: hidden; background: url("../images/ico_07.png") left center no-repeat; padding-left: 14px; margin:10px 0; color: #333;}
.honor_list li:hover{ color: #c69c6d;}
/*organ*/
.tab_box{ background: #fff; margin-top: -80px; padding-top:60px;}
.organ_tab{ margin: 0 -20px; font-size: 12px; padding-bottom: 20px; border-bottom: 1px solid #e9e8e8;}
.organ_tab li{ padding:10px 0; float: left; cursor: pointer; position: relative; margin:0 20px;font-size: 18px;}
.organ_tab li:before{ content: ""; position: absolute; top:0; left:50%; width: 0px; height: 1px; background: #000;}
.organ_tab li.organ_cur:before{ left:0; width: 100%;}
.organ_box{ margin-top: 50px; }
.organ_list{ margin: -25px -50px;}
.organ_list li{ color: #333; padding: 0 50px; margin: 25px 0;}
.organ_area{ /*max-width: 430px;*/}
.organ_img{ overflow: hidden;}
.organ_img img{ width: 100%;}
.organ_info{ padding: 30px 0;}
.o_info_box{ height: 108px; overflow: hidden;}
.organ_tit{ font-size: 18px; font-weight: bold; color: #000; margin-bottom: 5px;}
.position_point{ display: block; width: 23px; height: 23px; overflow: hidden; float: right; background: url("../images/ico_08.png") 0 -23px no-repeat; margin-left: 10px; font-size: 0;}
.position_point:hover{ background-position: 0 0;}
.organ_list li:hover .organ_area{ -webkit-border-radius:0 0 30px -2px #ccc; -moz-border-radius:0 0 30px -2px #ccc; box-shadow: 0 0 30px 1px #ccc;}
.organ_list li:hover .organ_info{ padding-left: 15px; padding-right: 15px;}
.organ_map{ padding: 80px 15px; background:#d5b592 url("../images/contact_02.jpg") center top no-repeat;}
.organ_map img{ margin: 0 auto;}
/*cooper*/
.cooper{ background: #f0f0f0;}
.cooper_box{ }
.cooper_list{ margin:50px -20px 0;}
.cooper_list li{ width: 20%; float: left; padding: 20px;}
.cooper_area{ padding: 10px; background: #fff; overflow: hidden; position: relative;}
.cooper_area img{ margin:0 auto;}
.cooper_info{ position: absolute; top:0; left:0; z-index:10; width: 100%; height: 100%; background: rgba(198,156,109,.85); color: #fff; text-align: center; font-size: 26px; font-weight: bold; opacity: 0; }
.cooper_cell{  width: 100%; height: 100%; display: table;}
.cooper_cell span{ display: table-cell; vertical-align: middle; position: relative;}
.cooper_cell span:before{ content: ""; position: absolute; top: 72%; left:50%; margin-left: -24px; width: 48px; height: 2px; background: #fff;}
/*research*/
.research{ margin-top: -80px; }
.research_img{ width: 420px; overflow: hidden; float: left; margin-right: 100px; position: relative;}
.research_info{ overflow: hidden;}
.special{ margin-bottom: -80px; min-height: 300px; background: #f3f3f3;}
.special_tit{ font-weight: bold; font-size: 16px; margin-bottom: 50px;}
.special_tit span{ display: inline-block; position: relative;}
.special_tit span:before{ content: ""; position: absolute; bottom: 3px; right: -40px; width: 20px; height: 2px; background: #c69c6d;}
.special_tit span em{ display: block; font-weight: normal; font-size: 12px; color: #666; margin-top: 5px;}
.special_list{ margin:0 -25px 50px; overflow: hidden;}
.special_list li{ padding: 0 25px;}
.special_list li a{ display: block; color: #000; position: relative;}
.special_list li a:before{ content: ""; position: absolute; right:0; bottom: -50px; width: 2px; height: 0; background: #333;}
.special_list li a:after{ content: ""; position: absolute; right:-50px; bottom: 0; width: 0; height: 2px; background: #333;}
.special_img{ overflow: hidden; position: relative; margin-bottom: 20px;}
.special_img:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; border: 10px solid #fff;}
.special_img img{ margin: 0 auto;}
.special_item{ font-size: 18px; font-weight: bold; color: #333;}
.special_list li a:hover:before{ bottom: 0; height: 50px;}
.special_list li a:hover:after{ right: 0; width: 50px;}
.special_list li a:hover .special_img{ box-shadow: 0 10px 20px -2px #ccc;}
/*contact*/
.contact_tit{ margin-bottom: 60px;}
.c_tit_cn{ font-size: 30px;}
.c_tit_cn b{ font-weight: bold; color:#137701;}
.c_tit_cn span{ vertical-align: middle; font-size: 18px; position: relative; margin-left: 20px; padding-left: 105px;}
.c_tit_cn span:before{ content: ""; position: absolute; top:50%; left:0; width: 85px; height: 2px; background: #000;}
.c_tit_en{ font-family: CenturyGothic,Candara; font-size: 30px;}
.contact_map{ padding-right: 50px; overflow: hidden;border: 1px solid #ccc;padding:10px}
.contact_list{ width: 228px; float: right;}
.contact_list li{ text-align: right; overflow: hidden; margin-top: 30px;}
.contact_des{ display: inline-block; vertical-align: middle; width: 167px;}
.contact_des em{ display: block; font-weight: bold; font-size: 16px; margin-bottom: 5px;}
.contact_ico{ display: block; float: right; width: 36px; height: 36px; margin-top: 5px; margin-left: 20px; background: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.contact_ico img{ margin: 7px auto;}
.contact_list li:hover .contact_ico{ background-color: #c69c6d;}
/*business_box*/
.business_box{ margin-bottom: -80px;}
.business_info{ min-height: 330px; background:#333 url("../images/business_img1.gif") center bottom no-repeat; background-size: cover; color: #fff; text-align: center;}
.info_des{/* width: 70%; max-width: 1050px;*/ margin: 0 auto; font-size: 16px; line-height: 30px;}
.business_item{ font-size: 24px; font-weight: bold; position: relative; padding-bottom: 20px; margin-bottom: 30px;}
.business_item:before{ content: ""; position: absolute; bottom:0; left:50%; margin-left: -10px; width: 20px; height: 3px; background: #fff;}
.business_item span{ display: inline-block; padding: 20px 20px; position: relative;}
.business_item span:before,.business_item span:after{ content: ""; position: absolute; top:0; left:0; width: 16px; height: 45px; background: url("../images/business_ico1.png") no-repeat;}
.business_item span:after{ left:auto; right: 0; background-image: url("../images/business_ico2.png");}
/*advance*/
.advance{ background: #f3f3f3;}
.advance_list{ margin: -25px;}
.advance_box{ padding: 25px;}
.advance_area{ height: 402px; background: #fff; padding: 15px 30px; text-align: center; font-size: 16px; font-weight: bold; color: #333;}
.advance_ico{ display: block; margin: 0 auto 10px;}
.advance_ico img{ display: inline-block;}
.advance_des{ /*width: 82%;*/ margin: 20px auto 0; max-height: 200px; overflow: hidden;}
.advance_des p{ text-align: left; font-size: 14px; line-height: 24px; margin-bottom: 4px; font-weight: normal; color:#666; background: url("../images/ico_07.png") left 5px no-repeat; padding-left: 17px;}
.advance_area:hover{ box-shadow: 0 10px 30px 8px #ddd;}
/*case_show*/
.case_show{}
#device{ margin:0 0 0 -20px;}
#device .item { max-width: 484px; margin: 0 auto;}
#device .item a{ display: block; position: relative;}
.show_img{ overflow: hidden; position: relative;}
.show_info{ position: absolute; bottom: 30px; left:0; z-index: 10; width: 100%; padding: 20px 30px 20px 60px; font-size: 12px; color: #fff;}
.show_info:before{ content: ""; position: absolute; top:0; left:30px; z-index: 0; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); height: 100%; background: rgba(0,0,0,.50);}
.show_caption{ font-size: 12px; position: relative;}
.case_date{  position: relative;}
.show_more{ display: block; width: 30px; height: 30px; font-size: 0; background: url("../images/ico_09.png") right center no-repeat; position: absolute; top:50%; right: 40px; margin-top: -15px;}
#device .item:hover a .show_more{ right: 30px;}
#device .item:hover .show_info:before{ background: rgba(0,0,0,.40);}
.device_more{ width: 58%;}
/*system*/
.system .advance_des{ width: 100%;}
.system .advance_des li{ font-size: 12px; line-height: 20px;}
/*core*/
.core{}
#core_scr{}
#core_scr .item{ height: 696px; position: relative; background: #fff;}
.core_img{ width: 100%; height: 348px; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.core_info{ height: 348px; padding: 100px 40px 0; position: relative; color: #333;}
.core_info:before{ content: ""; position: absolute; top:-15px; left:50%; margin-left: -16px; z-index: 10; width: 32px; height: 15px; background: url("../images/ico_10a.png") center top no-repeat;}
.core_caption{ font-size: 16px; font-weight: bold; position: relative; padding-bottom: 10px; margin-bottom: 20px;}
.core_caption:before{ content: ""; position: absolute; bottom: 0; left:0; width: 20px; height: 2px; background: #c69c6d;}
.core_list{}
.core_list li{ font-size: 12px; line-height: 24px; background: url("../images/ico_07.png") left 5px no-repeat; padding-left: 17px; color: #666;}
#core_scr .item:hover{ background: #f3f3f3;}
#core_scr .item:hover .core_info:before{ background-image: url("../images/ico_10ah.png");}
#core_scr .core_dif .core_img{ position: absolute; bottom: 0;}
#core_scr .core_dif .core_info:before{ top:auto; bottom: -15px; background-image: url("../images/ico_10b.png");}
#core_scr .core_dif:hover .core_info:before{ background-image: url("../images/ico_10bh.png");}
#core_scr .item:hover .core_caption:before{ background: #c69c6d;}
/*flow*/
.flow{ background: #f3f3f3;}
.service{ height: 300px; position: relative; background-position: center top; background-repeat: no-repeat; color: #fff;}
.service:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.70);}
.service .container{ display: table; height:100%; text-align: center;}
.service_info{ display: table-cell; vertical-align: middle; position: relative; font-size: 16px; font-weight: bold;}
.service_tit{ font-weight: bold; font-size: 22px; position: relative; padding-bottom: 20px; margin-bottom: 30px;}
.service_tit:before{ content: ""; position: absolute; bottom:0; left:50%; margin-left: -10px; width: 20px; height: 2px; background: #fff;}
/*set*/
.set_formula{ margin-bottom: 30px;}
.set_formula li{ float: left; text-align: center; width: 19%; height: 50px; line-height: 50px; background: #fff; color: #333; font-weight: bold; font-size: 16px; margin-bottom: 10px;}
.set_formula li.symbol{ width: 8%; background: none; font-size: 22px;}
.set_formula li:last-of-type{ background: #c69c6d; color: #fff;}
.set_list{ margin: 0 -30px;}
.set_scr .item{ padding: 0 30px;}
.set_area{ max-width: 462px; position: relative; overflow: hidden; background: #000;}
.set_area img{ filter: Alpha(Opacity=70); opacity: 0.70;}
.set_area:hover img{ filter: Alpha(Opacity=100); opacity: 1.00;}
.set_caption{ position: absolute; bottom: 10px; left:0; width: 100%; padding: 10px; color: #fff; font-size: 20px; font-weight: bold; text-align: center; background: rgba(0,0,0,0);}
.set_caption span{ display: inline-block; position: relative; padding-top: 8px;}
.set_caption span:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 3px; background: #fff;}
.set_area:hover .set_caption{ bottom: 0; background: rgba(0,0,0,0.5);}
.set_area:hover .set_caption span{ padding: 0;}
.set_area:hover .set_caption span:before{ width: 0; left:50%;}
.set_li{cursor: pointer;}
.set_formula li.set_li.active{ background: #c69c6d; color: #fff;}
/*seven*/
.seven{}
#seven_scr{ width: 105%;}
.seven_area{ padding: 15px 0 0 20px; position: relative;}
.seven_area:before{ content: ""; position: absolute; top:32px; left:142px;width:82px; height: 105px; background: url("../images/seven_01.png") no-repeat; filter: Alpha(Opacity=70); opacity: 0.70;}
.seven_ico{ width: 122px; height: 122px; border: 1px dashed #707070; position: relative;}
.seven_ico img{ position:absolute; top:50%; left:50%; margin: -26px 0 0 -26px;}
.seven_num{ position: absolute; top:-15px; left:-20px;  width: 50px; height: 50px; background: #fff;}
.seven_num span{ display: block; width: 32px; height: 32px; text-align: center; line-height: 32px; border: 1px solid #333; color: #c69c6d; font-family: arial, helvetica, sans-serif; font-size: 20px; font-weight: bold;}
.seven_info{ max-width: 122px; font-size: 12px; text-align: center; color: #777; margin-top: 25px;}
.seven_caption{ font-size: 14px; font-weight: bold; color: #333; margin-bottom: 5px;}
.seven_area:hover .seven_num span{ background: #c69c6d; border-color: #c69c6d; color: #fff;}
.seven_last:before{ display: none;}
/*cooper_brand*/
.cooper_brand{ background: #f3f3f3;}
.cooper_brand .cooper_list{ padding: 0; margin: 0 -30px;}
.cooper_brand .cooper_list li{ padding-left: 30px; padding-right: 30px;}
/*jing*/
.set_tab{ margin: 0 -5.5% 40px;}
.set_tab li{ width: 33.33%; float: left; cursor: pointer; text-align: center; font-size: 16px; font-weight: bold; padding: 0 5%;}
.set_tab li span{ display: block; padding: 11px 0; background: #fff;}
.set_tab li.set_cur span,.set_tab li:hover span{ background-color: #c69c6d; color: #fff;}
.jing_area{ max-width: none;}
.upgrade{ margin: 0 -20px;}
.upgrade li{ padding: 0 20px; font-size: 16px; font-weight: bold; color: #555; text-align: center;}
.upgrade li img{ margin: 0 auto 20px; border: 10px solid #fff; box-shadow: 0 0 40px 10px #ddd;}
.upgrade li:hover{ color: #c69c6d;}
.intelligent{ background: #c69c6d url("../images/intelligent_02.gif") center top no-repeat; background-size: cover; color: #fff; padding-top: 80px;}
.intelligent .special_tit span:before{ background-color: #fff;}
.intelligent_img{ margin: 0 auto;}
/*goodness*/
.goodness{ background: #fff;}
/*deco*/
.deco{ margin: 0;}
.idea_list{ font-size: 18px; }
.idea_list li{ float: left; padding: 0 18px;}
.idea_list li.line_dec{ padding: 0;  width: 42px; height: 32px; background: url("../images/deco_01.gif") center center no-repeat;}
.ecosphere_list li{  padding: 0 6%;}
/*designer*/
.designer_list{ margin: 0 -30px;}
#designer_scr .item{ padding: 0 30px;}
.designer_area{ max-width: 462px; margin: 0 auto; position: relative;}
.designer_area:before{ content: ""; position: absolute; right:0; bottom: -50px; width: 2px; height: 0; background: #333;}
.designer_area:after{ content: ""; position: absolute; right:-50px; bottom: 0; width: 0; height: 2px; background: #333;}
.designer_img{ overflow: hidden; position: relative; background: #000; margin-bottom: 20px;}
.designer_img img{ margin: 0 auto;}
.designer_item{ font-size: 18px; font-weight: bold; color: #333;}
.designer_area:hover:before{ bottom: 0; height: 50px;}
.designer_area:hover:after{ right: 0; width: 50px;}
.designer_area:hover .designer_img img{ filter: Alpha(Opacity=70); opacity: 0.70;}
.case_garden{ background: #f3f3f3;}
/*overseas_info*/
.overseas_info{ padding: 140px 0; background: #f6f6f6 url("../images/overseas_01.png") center center no-repeat; color: #333; margin-bottom: -80px;}
.overseas_info .info_des{ width: 70%;}
.overseas_info .business_item span:before{ background-image: url("../images/business_ico1b.png");}
.overseas_info .business_item span:after{ background-image: url("../images/business_ico2b.png");}
.overseas_info .business_item:before{ background-color: #000;}
/*investor*/
.banner_investor .sub_tit{ text-align: right;}
.banner_investor .sub_tit:before{ left: auto; right: 0;}
.notice .tab_box{ background: #c69c6d; color: #fff;}
.notice .tab_box .organ_tab li a{ color: #fff;}
.notice .tab_box .organ_tab li:before{ background: #fff;}
.contact_info{ padding: 30px 0; background: #c69c6d; color: #fff;}
.contact_info h6{ padding-bottom: 10px; position: relative; font-size: 14px; font-weight: bold; margin-bottom: 20px; filter: Alpha(Opacity=70); opacity: 0.70;}
.contact_info h6:before{ content: ""; position: absolute; bottom: 0; left:0; width: 24px; height: 1px; background: #fff;}
.contact_overview{ font-size:12px; filter: Alpha(Opacity=70); opacity: 0.70; margin-left: -60px;}
.contact_overview p{ float: left; padding-left: 60px; margin-bottom: 10px;}
/*message*/
.message{ padding:40px 0; background: #ab804f; color: #fff;}
.message_form{ margin-left: -16%;}
.message_line{ width:33.33%; float: left; padding-left: 14%; }
.message_line2{ width: 100%; }
.message_txt,.message_yu{ display: block; width: 100%; padding: 10px 0; border-bottom: 1px solid #fff; font-size: 14px; color: #fff; resize: none; margin-bottom: 10px;}
.message_yu{ height: 100px;}
.message_btn{ width: 64px; height: 30px; border: 1px solid #fff; font-size: 14px; color: #fff; cursor: pointer; margin-top: 20px;}
.message_btn:hover{ background-color: #fff; color: #ab804f;}
::-webkit-input-placeholder { color: #fff !important; } /* WebKit browsers */
:-moz-placeholder {color: #fff !important;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #fff !important;}  /* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #fff !important;}/* Internet Explorer 10+ */
/*notice_box*/
.notice_box{ background: #fff;}
.notice_list{ margin-bottom: 50px;}
.notice_list li{ padding: 30px 0; position: relative; border-bottom: 1px solid #999;}
.notice_list li:before{ content: ""; position: absolute; top:0; left:-50%; z-index: 0; width: 200%; height: 100%; }
.notice_sign{ text-transform: uppercase; font-weight: bold; margin-right: 5px;}
.notice_info{ position: relative;}
.notice_info h6{ margin-bottom: 10px;}
.notice_from{ font-size: 12px; color: #666; margin-top: 25px;}
.notice_time{ margin-left: 40px;}
.notice_list li:hover:before{ background: #f6f6f6;}
.notice_list li:hover h6{ color: #c69c6d;}
/*report*/
.report{}
.report_list{ }
.report_list li{ padding: 30px 0; position: relative; border-bottom: 1px solid #ddd;}
.report_list li:before{ content: ""; position: absolute; top:0; left:-50%; z-index: 0; width: 200%; height: 100%; }
.report_list li:hover:before{ background: #f6f6f6;}
.report_des,.report_load{ display: block; line-height: 40px; height: 40px; overflow: hidden; position: relative;}
.report_des{ padding-right: 40px;}
.report_load{ width: 112px; border-left: 1px solid #ddd; text-align: right; float: right;}
.report_load span{ display: block; padding-right: 20px; background: url("../images/arrow_r2.png") right center no-repeat;}
.report_list li:hover .report_load{ border-color: #c69c6d; color: #c69c6d; margin-right: 10px;}
.report_list li:hover .report_load span{ background-image: url("../images/arrow_r3.png");}
.report_list li img.type_ico{ display: inline-block; vertical-align: middle; margin-right: 30px;}
/*news_list*/
.news_list{ }
.news_list li{ padding: 20px 0; position: relative; border-bottom: 1px solid #ddd;}
.news_list li:before{ content: ""; position: absolute; top:0; left:-50%; z-index: 0; width: 200%; height: 100%; }
.news_list li:hover:before{ background: #f6f6f6;}
.news_list li a{ display: block; overflow: hidden; position: relative; color: #333;}
.news_img{ width: 200px; float: right; overflow: hidden;}
.news_time{ float: left; font-size: 35px; line-height:normal; font-family: Aparajita; position: relative; padding-right: 50px; margin:10px 30px 0 0;}
.news_time:before,.news_time:after{ content: ""; position: absolute; top:15px; right:0; width: 35px; height: 1px; background: #bfbfbf;}
.news_time:after{ width: 0px; background: #c69c6d; right: 35px;}
.news_more{ display: block; margin-top: 15px; font-size: 0; width: 48px; height: 38px; background: #fff url("../images/ico_11a.png") center center no-repeat; position: relative;}
.news_more:before{ content: ""; position: absolute; top:0; left:0; width: 0; height: 100%; background: #373737 url("../images/ico_11b.png") center center no-repeat;}
.news_list li:hover .news_more:before{ width: 100%;}
.news_list li:hover .news_time:after{ width: 35px; right: 0;}
.news_info{ overflow: hidden; padding-right: 15%; margin-top: 10px;}
.news_info h6{ height: 22px; overflow: hidden; margin-bottom: 30px;}
.news_des{ font-size: 12px; line-height: 22px; max-height: 44px; overflow: hidden;}
.news_list li:hover a .news_time{ color: #c69c6d;}
/*article*/
.article{ background: #fff; padding: 15px 0 60px;}
.article_tit{ text-align: center; font-size: 24px; color: #c69c6d; padding-bottom: 20px; border-bottom: 1px solid #bfbfbf; margin-bottom: 30px;}
.article_tit em{ display: block; font-family: Aparajita; font-size: 22px; color: #000;font-style: normal; }
.article_con{ padding: 0 100px;}
.article_page{ margin: 50px -15px 0;  border-top: 1px solid #bfbfbf; padding: 15px 0;}
.article_page li{ font-size: 12px;}
.article_page li:nth-of-type(2){ text-align: right;}
.back_list{ display: block; float: right; width: 74px; height: 36px; text-align: center; line-height: 32px; border:2px solid #c69c6d; color: #c69c6d; font-size: 12px; font-weight: bold;}
.article img{ display: inline-block; margin: 10px 0;}
/*strategy_list*/
.strategy_list{ padding-top: 80px;}
.strategy_list li{ overflow: hidden;}
.strategy_info{ width:48%; height: 364px; float: left; display: table; padding-right:7%; position: relative;}
.strategy_info:before{ content: ""; position: absolute; top:50%; right:30px; margin-top: -15px; z-index: 100; width: 15px; height: 31px; background: url("../images/ico_10c.png") no-repeat; filter: Alpha(Opacity=0); opacity: 0;}
.strategy_cell{ display: table-cell; vertical-align: middle;}
.strategy_tit{ font-weight: normal; font-size: 24px; line-height: 30px; margin-bottom: 20px; }
.strategy_tit span{ display: inline-block; vertical-align: middle; width: 142px; height: 30px; text-align: center; position: relative; font-size: 20px; font-weight: bold; margin-right: 25px;}
.strategy_tit span:before,.strategy_tit span:after{ content: ""; position: absolute; top:0; left:0; width: 6px; height: 30px; background: url("../images/ico_12b.png") no-repeat;}
.strategy_tit span:after{ left:auto; right: 0; background-image: url("../images/ico_12a.png");}
.strategy_img{ width:52%; height: 364px; float: left; height: 364px; background-color: #000; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.strategy_img:before{ content: ""; position: absolute; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0);}
.strategy_img img{ display: none;}
.strategy_overview{}
.strategy_overview p{ font-size: 12px; color: #333; line-height: 24px; padding: 0 0 0 14px; position: relative;}
.strategy_overview p:before,.strategy_overview li:after{ content: ""; position: absolute; top:12px; left:0; width: 4px; height: 2px; background: #999;}
.strategy_overview p:after{ width: 0;}
.strategy_overview p:hover:before{ width: 4px; background-color: #c69c6d;}
.strategy_list li.strategy_dif .strategy_info{ width: 52%; float: right; padding-right: 0; padding-left:7%;}
.strategy_list li.strategy_dif .strategy_info:before{ right:auto; left:30px;}
.strategy_list li.strategy_dif .strategy_img{ width: 48%;}
.strategy_list li:hover .strategy_overview p{ color:#c69c6d;}
.strategy_list li:hover .strategy_tit{ color: #b08b62;}
.strategy_list li:hover .strategy_tit span:before{background-image: url("../images/ico_12b2.png");}
.strategy_list li:hover .strategy_tit span:after{background-image: url("../images/ico_12a2.png");}
.strategy_list li:hover .strategy_img:before{ background: rgba(0,0,0,.1); }
.strategy_list li:hover .strategy_info:before{ right: -15px; filter: Alpha(Opacity=100); opacity: 1;}
.strategy_list li.strategy_dif:hover .strategy_info:before{ left:-15px; background-image: url("../images/ico_10ch.png");}
/*post*/
table.post tr td{ font-size: 16px; text-align: center; line-height: 36px;}
table.post thead tr td{ height: 58px; line-height: 58px; padding: 0 10px; background: #333333; font-weight: bold; color: #fff;}
table.post tbody tr td{ padding: 20px 10px; border-bottom: 1px solid #333333;}
.post_more{ display: inline-block; width: 120px; height: 36px; line-height: 36px; background: #d2d2d2; color: #fff;}
table.post tbody tr:hover td{ background-color: #f5f5f5;}
table.post tbody tr:hover .post_more{ background: #c69c6d; color: #fff;}
.post_l{ width: 20%; float: left;}
.post_tit{ display: inline-block; font-size: 26px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #000; margin-bottom: 10px;}
.post_num{ font-size: 18px; margin-bottom: 40px;}
.back_list2{ width: 130px; font-size: 16px; font-weight: bold; font-family:"微软雅黑", Microsoft YaHei; margin: 0;}
.back_list2 span{ background: url("../images/ico_13a.png") left center no-repeat; padding-left: 20px; padding-right: 0;}
.back_list2:hover span{ background-image: url("../images/ico_13b.png");}
.back_list2::before { border: 2px solid #c69c6d;}
.back_list2::after { background-color: #c69c6d;}
.post_info{ padding: 0 20px; overflow: hidden; font-size: 12px; line-height: 2;}
.post_item{ font-size: 18px; font-weight: bold; position: relative; padding-left: 14px; margin-bottom: 10px;}
.post_item:before{ content: ""; width: 4px; height: 18px; position: absolute; top:50%; margin-top: -9px; left:0; background: #c69c6d;}
.post_r{ float: right; width: 30%;}
.post_slogan{ font-size: 30px; color: #333; line-height: normal; text-align: right; margin-bottom: 20px;}
.post_slogan b{ display: block; font-size: 20px;}
.post_apply{ width: 294px; height: 270px; float: right; background: #2f2f2f url("../images/post_01.png") center 60px no-repeat; padding-top: 180px; font-weight: bold; color: #fff; text-align: center; }
.post_apply a{ color: #fff;}
.post_apply a:hover{ text-decoration: underline;}
.post_apply h6{ font-size: 20px; font-weight: bold;}
/*school*/
.school_info{ background: #f6f6f6 url("../images/school_01.png") center center no-repeat; background-size: 100%; color: #333;}
.school_info .info_des{ width: 70%;}
.school_info .business_item span:before{ background-image: url("../images/business_ico1b.png");}
.school_info .business_item span:after{ background-image: url("../images/business_ico2b.png");}
.school_info .business_item:before{ background-color: #c69c6d;}
.mode_list{ margin: 0 -20px;}
#mode_scr .item{ padding: 0 20px; font-size: 12px;}
.mode_area{ max-width: 473px; margin: 0 auto;}
.mode_img{ overflow: hidden; position: relative;}
.mode_img:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0);}
.mode_tit{ font-size: 14px; font-weight: bold; text-align: center; padding: 5px 0; margin: 20px 0; position: relative;}
.mode_tit:before{ content: ""; width: 0; height: 2px; background: #000; position: absolute; bottom: 0; left:50%;}
#mode_scr .item:hover .mode_tit:before{ width: 42px; margin-left: -21px;}
#mode_scr .item:hover .mode_img:before{ background: rgba(0,0,0,0.1);}
.train_des{ padding-top: 50px; font-weight: bold; font-size: 18px; text-align: center;}
.train_list{ margin-top: 20px; padding: 0 30px; display: inline-block; position: relative;}
.train_list:before,.train_list:after{ content: ""; position: absolute; top:0; left:0; width: 6px; height: 30px; background: url("../images/ico_12b.png") left center no-repeat;}
.train_list:after{ left:auto; right: 0; background-image: url("../images/ico_12a.png");}
.train_list li{ font-size: 16px; font-weight: normal; display: inline-block; vertical-align: middle; height: 32px; line-height: 32px;}
.train_list li.train_ico{ width: 50px; background: url("../images/ico_14.png") center center no-repeat;}

.sub,.advance,.case_show,.core,.flow,.seven,.cooper_brand,.goodness,.notice_box,.post_end,.mode,.business_info,.research,.special{ padding: 0px 0;}
.c_l_area:before,.culture_info:before,.research_img:before{ content: ""; position: absolute; top:20px; left:20px; right:20px; bottom: 20px; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); height: -webkit-calc(100% - 40px);  height: calc(100% - 40px); border: 1px solid #fff; filter:alpha(opacity=60); opacity: 0.60;}

#brand_scr .owl-controls{ position: relative;}
#customer_scr .owl-controls .owl-page span,#brand_scr .owl-controls .owl-page span{ border-color: #fff;}
#customer_scr .owl-controls .active,#brand_scr .owl-controls .active{ background-color: #c69c6d;}
#customer_scr .owl-controls .active span,#brand_scr .owl-controls .active span{ border-color: #c69c6d;}
/*end*/
.end{ margin: -80px 0;}
.end_l,.end_r{ padding-top: 100px;}
.end_l{ overflow: hidden; background: #eee;}
.end_p{margin-bottom:10%;}
.end_l img{ width: 70%; max-width: 500px; margin: 0 auto 5px;max-width: 500px; */
     width: 100%; max-width: 500px;CURSOR: hand;
    width: expression(onreadystatechange=function(){if(this.width>800)this.width=500;});}
.end_r{ width: 25%; float: right; padding-left: 40px; padding-right: 40px;}
.end_tit{ font-size: 12px; font-weight: bold; margin-left: -40px; margin-bottom: 60px; padding-left: 50px; padding-top: 8px; background: url("../images/end_01.png") left top no-repeat;}
.end_tit span{ display: block; font-weight: normal; font-size: 14px; color: #333; padding-left: 12px;}
#end_tit_phone{ display: none;}
.end_r .show_info{ padding: 0; height: 100%; bottom: 0;}
.end_r .show_info .show_caption{ font-size: 14px; position: absolute; bottom: 10px; left:0; padding-left: 20px;}
.end_r .show_info .show_caption:before{ content: ""; position: absolute; top:50%; left:0; margin-top: -1px; width: 12px; height: 2px; background: #fff;}
.end_r .show_info:before{ left:0; width: 100%; background: rgba(0,0,0,0);}
.end_r #device .item a:hover .show_info:before{ background: rgba(0,0,0,.40);}

.into_back{ margin: 0; width: 120px; height: 40px; line-height: 42px; font-size: 14px; font-family:"微软雅黑", Microsoft YaHei; position: absolute; top:50%; margin-top: -120px; left:30px;}
.into_back span{ background-size: 18%;}
.into_back::before { border-color: #fff;}


@media only screen and (min-width: 768px) {
    /*page7*/
    .diamonds .diamond,.diamonds .content{ width:94px;height: 94px;}
    .diamonds .content img{width:94px;}
    .csstransforms .diamonds { max-width: 663px;}
    .diamonds > li { margin-right: 44px; margin-bottom: 10px; }
    .csstransforms .diamonds > li:nth-child(9n+6) {
        margin-left: 71px;
    }
    .csstransforms .diamonds > li:nth-child(9n+5) {
        margin-right: 0;
    }
    .csstransforms .diamonds > li:nth-child(n+5) {
        margin-top: -32px;
    }

}

@media only screen and (min-width: 992px) {
    /*page7*/
    .diamonds .customer_more{ font-size: 22px;}
    .diamonds .diamond,.diamonds .content{ width: 124px;height: 124px;}
    .diamonds .content img{width:124px;}
    .csstransforms .diamonds { max-width: 905px;}
    .diamonds > li { margin-right: 67px; margin-bottom: 20px; }
    .csstransforms .diamonds > li:nth-child(9n+6) {
        margin-left:97px;
    }
    .csstransforms .diamonds > li:nth-child(9n+5) {
        margin-right: 0;
    }
    .csstransforms .diamonds > li:nth-child(n+5) {
        margin-top: -47px;
    }
}

@media only screen and (min-width: 1200px) {
    .organ_tab li:hover:before{ left:0; width: 100%;}
    .guide_pad{ display: none;}
}

@media (min-width: 1440px){
    .container { width: 1280px;}
    .news_box .container { width: 1200px;}
    .c_tit_cn{ width: 60%; float: left;}
    .c_tit_en{ width: 40%; float: left; text-align: right; padding: 0 0 0 15px; }
}

@media (min-width: 1600px){
    .container { width: 1530px;}
    .news_box .container { width: 1200px;}
}

@media only screen and (max-width:1199px) {
    .news_rec li{ padding: 0 15px; margin-bottom: 30px;}
    .news_rec li a{ padding: 20px; height: 167px;}
    .rec_img{ width: 170px; margin-right: 20px;}
    .news_date{ font-size: 20px; margin-bottom: 10px;}
    .news_date em:before{ height: 32px;}

    .cooper_list li{ width: 25%;}
    /*contact*/
    .contact_list{ width: auto; float: none; margin-bottom: 30px;}
    .contact_list li{ margin-top:0; margin-bottom: 20px; text-align: left;}
    .contact_des{ width: auto; display: block; overflow: hidden;}
    .contact_des em{ display: inline-block; margin: 0 10px 0 0;}
    .contact_ico{float: left; margin: 0; margin-right: 20px;}

    .seven_area:before{ display: none;}
    /*advance*/
    .advance_list{ margin: -15px;}
    .advance_box{ padding: 15px;}
    /*news*/
    .news_info{ padding-right: 5%;}

    /*post*/
    .post_r{ width:100%; margin-bottom: 30px;}
    .post_slogan,.post_apply{ width:50%; height: auto; float: left; margin: 0; padding: 10px; background-image: none;}
    .post_slogan{ text-align: left; padding: 10px 0;}
    .post_info{ padding-right: 0;}
    .post_l{ width: 30%;}
    .post_tit{ font-size: 18px;}
    .post_num{ font-size: 14px;}


    .video_info{ width: 100%; float: none; /*background: #272727;*/ padding: 30px;}
    .video_info .ecosphere{ position: inherit; padding: 0;}
    .video_info .ecosphere:before{ display: none;}
    #example_video_1{ height: auto;}
    .profile_video{ display: none;}
    .video_box{ display: block; height: auto; /*background: none; */position: inherit; margin-bottom: 20px;}
    .into_back{ display: none;}



    /*development_list*/
    .development_list li{ padding-left: 36px; margin-top: 10px;}
    .development_num, .development_info{ height: 110px;}
    .num_hover{ font-size: 130px;}

}

@media only screen and (max-width:991px) {
    footer.footer_index{ width: 100%; padding:0 15px; right: 0;}

    .intro_text,.intro_img,.hardcover_img,.hardcover_text{ width: 100%;}
    .text_area{ width: 80%;}
    .intro_text{ position: relative; z-index: 10;}
    .hardcover_text{ z-index: 10;}
    .intro_img,.hardcover_img{ z-index: 0;}
    .intro_img:before,.hardcover_img:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(255,255,255,0.8);}

    .news_rec li{ width: 100%; padding: 0;}
    .news_rec li:nth-of-type(3),.news_rec li:nth-of-type(4){ display: none;}

    .organ_area{ max-width: 430px; margin: 0 auto;}

    .cooper_list{ margin: 0 -10px;}
    .cooper_list li{ padding: 10px;}

    #device{ margin-left: 0;}

    .article_con{ padding: 0 30px}
    /*strategy*/
    .strategy_info,.strategy_list li.strategy_dif .strategy_info,.strategy_img,.strategy_list li.strategy_dif .strategy_img{ width: 100%; height: auto; float: none; padding: 0; margin-bottom: 10px;}
    .strategy_img,.strategy_list li.strategy_dif .strategy_img{ margin-bottom: 30px;}
    .strategy_img{ background: none;}
    .strategy_img img{ display: block;}
    /*research*/
    .research_img,.profile_video{ float: none; width: 100%; max-width: 420px; margin: 0 auto 40px;}
    .special_list{ margin-left: -10px; margin-right: -10px;}
    .special_list li{ padding: 0 10px;}
    /*set_tab*/
    .set_tab{ margin-left: -15px; margin-right: -15px;}
    .set_tab li{ padding: 0 15px;}
    /*news*/
    .news_img{ width: 170px; float: left; margin-right: 15px;}
    .news_time{ float: none; overflow: hidden; margin: 0; padding-right: 0; font-size: 24px; height: 38px; line-height: 38px;}
    .news_time:before, .news_time:after{ display: none;}
    .news_more{ margin: 0; position: absolute; left:auto; right: 0; top:0;}
    .news_info h6{ margin-bottom: 5px;}
    /*development_list*/
    .development_num,.development_info{ width: 100%; height: auto; }
    .development_num{ max-width: 320px; height: 60px; margin-bottom: 10px;}
    .num_hover{font-size: 80px;}
    .development_info{ padding-bottom: 10px;}
}

@media only screen and (max-width:767px) {

    .sub,.advance,.case_show,.core,.flow,.seven,.cooper_brand,.goodness,.notice_box,.post_end,.mode,.business_info,.research,.special{ padding: 40px 0;}
    .intelligent{ padding-top: 40px;}
    .special{ margin-bottom: -40px;}
    .page7 footer.footer_index{ display: none;}
    #navBar{ right: 10px;}

    #focus{ display: none; height: 0; overflow: hidden;}
    #focus_phone{ display: block; height: 100%;}

    .paging_go{ display: block; top:10px; left: 0;}
    main{ padding-top: 48px;}
    .banner{ height: 220px;}
    .sub_tit{ top:80px;}
    .title_01{ font-size: 16px; height: 50px; line-height: 60px; background-image: url("../images/title_01b.png"); margin-bottom: 30px;}
    .more,.case_more{ width: 130px; height: 35px; line-height: 38px; font-size: 18px;}
    .organ_tab{ margin: 0 -15px;}
    .organ_tab li{ margin: 0 15px;}
    /*page2*/
    .text_area{ width: 100%; padding: 0 15px;}
    .intro_des{ max-height: 200px; overflow: hidden;}
    /*page3*/
    /*.page3 .sec_box{ margin-top: -180px;}*/
    .business{ padding: 0 15px; margin-top: 120px;}
    .business_show{ padding: 0; margin-left:-15px; margin-right:-15px;}
    #business_scr .owl-controls .owl-page span{ width: 14px;}
    .business_caption{ height: 40px; line-height: 40px;}
    .business_item{ font-size: 18px;}
    /*page4*/
    .hardcover_text{ font-size: 14px;}
    /*page5*/
    .case_num{ font-size: 60px;}
    .case_tit{ font-size: 18px;}
    #case_scr .item:hover .case_num{ font-size: 180px;}
    #case_scr .item:hover .case_img{ top:-100px;}
    #case_scr .item:hover .case_tit{ top:-80px;}
    /*page6*/
    .news{ padding: 0 15px;}
    .news_rec{ width: 100%;}
    .news_rec li{ margin-bottom: 20px;}
    .news_rec li a { padding: 10px; height: 104px; }
    .rec_img{ width: 110px; margin-right: 15px;}
    .rec_des{ display: none;}
    /*page7*/
    .diamonds{ display: none;}
    .customer_phone{ display: block;}
    .page7 .index_sec,.page7 .sec_box{ display: block;}
    #customer_scr .item{ padding: 0 5px;}
    #customer_scr a{ display: block; margin-bottom: 15px; position: relative;}
    #customer_scr a:before{ content: ""; position:absolute; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); filter: Alpha(Opacity=0); opacity: 0;}
    #customer_scr a:hover:before{filter: Alpha(Opacity=100); opacity: 1;}
    #customer_scr a img{ margin: 0 auto;}
    .customer{ position: absolute; top:50%; left:0; width: 100%; padding: 0 15px; margin-top: -150px;}
    .customer_phone{ margin: 0 -5px; overflow: hidden;}

    .sub_tit,.into_tit{ font-size: 24px;}
    .into_tit em{ font-size: 18px;}
    .into_tit{ margin-bottom: 20px;}
    .into_num1,.into_num2,.into_num3,.into_num4{ width: 81px; padding: 0; display: none;}
    .into_num2:before,.into_num4:before{ display: none;}
    .into_area{ margin-bottom: 40px;}
    .brand{ margin-bottom: 0;}
    .brand_l{ width: auto; float: none; padding-top: 40px;}
    #brand_scr{ margin-top: 0;}
    #brand_scr .item{ padding: 0 10px;}
    .profile_info{ padding-bottom: 0;}
    .idea_list{ font-size: 16px;}
    .idea_list li{ width: 50%; padding: 0 10px;}
    .idea_list li:nth-of-type(2){ width: 100%;}
    .idea_list li.line_dec{ padding:0 ; width: 22px; display: none;}
    .ecosphere{ margin-top: 30px; display: none;}
    .scr_box .ecosphere{ display: none;}
    .ecosphere h6{ margin-bottom: 10px;}
    .culture_l{ display: none;}
    .culture_show{ margin-left: -30px;}
    .tit_culture{ display: block; color: #000;}
    .num_hover{ display:none;}

    .train_list:before, .train_list:after,.train_list li.train_ico{ display: none;}
    .train_list li{ display: block;}
    .strategy_list{ padding-top: 40px;}

    .cooper_list,.cooper_brand .cooper_list{ margin: 0 -5px;}
    .cooper_list li,.cooper_brand .cooper_list li{ width:33.33%; padding: 5px;}
    .cooper_info{ font-size: 16px;}

    .honor_list{ margin-left: 0; margin-right: 0;}

    .contact_tit{ margin-bottom: 30px;}
    .c_tit_cn,.c_tit_en{ font-size: 18px;}
    .c_tit_cn span{ display:block; font-size: 16px; padding-left: 45px;}
    .c_tit_cn span:before{ width: 30px;}

    .designer_list{ margin: 0 -15px;}
    #designer_scr .item{ padding: 0 15px;}

    .report_list li{ padding: 10px 0;}
    .report_des, .report_load{ height: 30px; line-height: 30px;}
    .report_list li img.type_ico{ margin-right: 10px;}
    .notice_list li{ padding: 20px 0;}

    .strategy_tit{ font-size: 18px;}
    .strategy_tit span{ width: 112px;}

    /*post*/
    .post_slogan,.post_apply{ width:100%; }
    .post_r{ text-align: center;}
    .post_slogan{ font-size: 24px; text-align: center;}
    .post_slogan b{ font-size: 16px;}
    /*train*/
    .train_des{ font-size: 16px;}
    .train_list{ display: block; padding: 0;}
    .train_list li{ font-size: 14px; text-align: left;}
    /*end*/
    .end_l,.end_r{ float: none; width: 100%; padding-top: 60px;}
    .end_r{ padding-left: 15px; padding-right: 15px; display: none;}
    .end_l img{ width: 100%; padding-left: 15px; padding-right: 15px;}
    .end_tit{ margin-left: 0; padding-left: 12px; background-color: #fff;}
    #end_tit_phone{ display: block; margin-bottom: 20px; background-color: transparent;}

    .school_info .info_des{ width: 100%;}

    .set_formula li{ font-size: 14px; height: 30px; line-height: 30px;}
    .set_caption{ font-size: 16px;}

    .set_tab,.upgrade{ margin-left: -5px; margin-right: -5px;}
    .set_tab li,.upgrade li{ font-size: 14px; padding: 0 5px;}
    .upgrade li{ margin-bottom: 10px;}
    .upgrade li img{ border-width: 5px; margin-bottom: 10px;}

    .news_img{ width: 120px;}
    .news_time{ font-size: 18px; height: 28px; line-height: 28px;}
    .news_more{ width: 38px; height: 28px;}

    .article_con{ padding: 0 15px;}

    table.post tr td{ font-size: 14px;}
    table.post thead tr td{ height: 48px; line-height: 48px; padding: 0 5px;}
    table.post tbody tr td{ padding: 5px;}
    .post_more{ width: 80px;}

    .video_info .ecosphere_list,.profile_info .ecosphere_list{ margin-left: -10px;}
    .video_info .ecosphere_list li,.profile_info .ecosphere_list li{ width: auto; padding: 0 10px;}
    .video_info .ecosphere_list li.line_dec,.profile_info .ecosphere_list li.line_dec{ display: inline-block;}

}

@media only screen and (max-width:639px) {
    .advance_box{ width: 100%; float: none; max-width: 460px; margin: 0 auto;}
    .advance_area{ height: auto;}
}

@media only screen and (max-width:479px) {
    #core_scr .item{ max-width: 300px; margin: 0 auto;}
    .special_list{ margin-top: -20px;}
    .special_list li{ width: 100%; margin-top: 20px;}

    /*post*/
    .post_l{ width: 100%; margin-bottom: 20px; }
    .post_tit,.post_num{ display: inline-block; margin: 0 10px 10px 0;}

    .set_formula li{ width: 42%;}
}

/*图片划过样式*/
.show_img img{
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 600ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 600ms;
	transform: scale(1, 1);
	transition-timing-function: ease-out;
	transition-duration: 600ms;
	width: 100%;
}
#device .item:hover a .show_img img{
	-webkit-transform: scale(1.08, 1.08);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 600ms;
	-moz-transform: scale(1.08, 1.08);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 600ms;
	transform: scale(1.08, 1.08);
	transition-timing-function: ease-out;
	transition-duration: 600ms;
	position: relative;
	z-index: 3;
}
aa{
	display: block;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
    width: 100%;
    transition:all 0.8s ease;-webkit-transition: transition:all 0.8s ease;-moz-transition: transition:all 0.8s ease;-ms-transition: transition:all 0.8s ease;-moz-transition: transition:all 0.8s ease;
}
.aa {
	opacity: 1.0;
	-webkit-transform: translate3d(-20px, 0, 0);
	transform: translate3d(-20px, 0, 0);
}
.dis {
	display:none;
}
.bg_no {
	background:none;
}
.col_red{ color: #df0010;}
#page1{width:619px;height:30px; float: right;margin: 20px;}
#page1 em{float:left;background:#fff;display:block;padding:0px 8px;height:25px;line-height:25px;color:#333;}
#page1 a{float:left;background:#fff;display:block;padding:0px 8px;height:25px;line-height:25px;margin:0 3px;color:#333;border:1px solid #D6D6D6;}
#page1 a:link{color:#3f3f3f;    font-size: 13px;}
#page1 a:hover{background:#006600;color:#fff;}
#page1 span{float:left;background:#19832c;display:block;padding:2px 8px;height:23px;line-height:22px;margin:0 3px;color:#fff;}