/* CSS Document */

.about_title{ text-align:center; margin-top:110px; min-width: 1200px;}
.about_p{ width:1200px; margin:100px auto; text-align:center; }
.about_p p{ margin-bottom:20px; color:#848484; font-size:16px; }

.Title{height:100px;padding-top:35px;line-height:66px;text-align:center;font-size:24px;color:#FFF;}
.Title i{display:block;width:43px;height:1px;margin:0 auto;background:#FFF;}
.Title.redBg{background:#B98B57;}
.ztAbout .list *{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;-o-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.CultureSec{padding-bottom:30px; overflow:hidden; background:#f5f5f5; }
.CultureSec .bg{z-index:-1;position:absolute;left:0;right:0;height:375px;background:#FFF;}
.CultureSec ul{ margin:40px auto; width:1200px; overflow: hidden;}
.CultureSec li{ float:left; width:33%; height:250px; margin:0 3px 3px 0; background:#FFF; text-align:center; transition:all 0.4s ; -webkit-transition:all 0.4s ; -moz-transition:all 0.4s ; -ms-transition:all 0.4s ; -o-transition:all 0.4s ; }
.CultureSec li .ico{width:70px;height:70px;margin:50px auto 2px;border:2px solid #B98B57;border-radius:100%;}
.CultureSec li .ico img{width:50px;height:50px;padding:10px;}
.CultureSec li .tit{line-height:44px;font-weight:normal;}
.CultureSec li .line{display:block;width:34px;height:2px;margin:0 auto;background:#B98B57;}
.CultureSec li .note{padding-top:15px;line-height:18px;color:#6A6969;}	
.CultureSec li.smallnote .ico{margin-top:25px;}
.CultureSec li.smallnote .note{font-size:12px;}

.CultureSec li.big{width:599px;height:375px;margin-bottom:6px;}
.CultureSec li.big .ico{width:96px;height:96px;margin-top:10px;}
.CultureSec li.big .ico img{width:66px;height:66px;padding:15px;}
.CultureSec li.big .tit{margin-top:40px;font-size:20px;}
.CultureSec li.big .note{max-width:450px;margin:0 auto;padding-top:30px;line-height:24px;font-size:16px;}

.CultureSec li:hover{background:#B98B57;color:#FFF;}
.CultureSec li:hover .ico{ margin-top:25px; border-color:#FFF; background:#FFF; transition:all 0.5s ; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; }
.CultureSec li:hover .line{width:80%;background:#FFF;}
.CultureSec li:hover .tit,.CultureSec li:hover .note{color:#FFF;}
.CultureSec li.big:hover .ico{margin-top:10px;}
.CultureSec li.big:hover .tit{margin-top:60px;}

.about_s{ width:100%; height:595px; background:url(../images/about_s_bg.jpg) no-repeat top center; }
.about_s .left{ width:465px; margin-left:65px; float:left; } 
.about_s .left .t{ margin-top:160px; color:#FFF; font-size:40px; }
.about_s .left .p{ margin-top:40px; }
.about_s .left .p p{ color:#a0a0a0; margin-bottom:20px; line-height:30px; font-size:14px; width:85%}

.hezuo ul{ width:1200px; margin:95px auto 90px auto; overflow: hidden; }
.hezuo ul li{ width:215px; height:215px; overflow:hidden; float:left; margin:10px; border:1px solid #cdcccc;display: flex;
        justify-content: center;
        align-items: center;}
.hezuo ul li img{ display:block; width:70%;}
.hezuo ul li:hover img{ transition:all .2s; -webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1); } 
/*.hezuo ul li:hover img{ -webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
	filter: Alpha(opacity=100);
	position: relative;
	z-index: 10;
	 }
*/

.jx ul{ width:1200px; margin:95px auto 90px auto; overflow: hidden; }
.jx ul li{  width:215px; height:215px; overflow:hidden; float:left; margin:10px; border:1px solid #cdcccc; display: flex;
        justify-content: center;
        align-items: center;}
.jx ul li img{ display:block;width:70%;}
.jx ul li:hover img{ transition:all .2s; -webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1); } 

.zhaoshang{ text-align:center; margin:70px auto 60px; min-width: 1200px;}
.zhaoshang .big{ font-size:50px; color:#0b0306; }
.zhaoshang .small{ font-size:20px; color:#0b0306; margin:25px 0; }
.zhaoshang .word{ width:510px; margin:0 auto; line-height:25px; font-size:14px; color:#0b0306; font-family:"����ϸ���߼���"; }
.zhaoshang_ul{ width:1200px; margin:55px auto 0; }
.zhaoshang_ul li{ margin-bottom:25px; }
.zhaoshang_ul li img{width:100%;}

.service li img{ width:100%; }

/* page_job_list */
.page_job_list{ width:1198px; border:1px solid #eee; margin:0 auto; margin-bottom: 100px;}
.job_top{ line-height:60px; background:#eee; font-size:18px; font-weight:bold; width:1140px; padding:0 30px;}
.job_top span{ width:228px; display:inline-block;}
.sliderbox{width:1140px; margin:30px auto;overflow:hidden; margin-bottom: 100px; margin-bottom: 100px;}
.sliderbox dt{height:60px; cursor:pointer; border-bottom:1px dotted #eee; line-height:60px;}
.sliderbox .open{color:#B98B57; font-weight:bold; line-height:60px; cursor:default; border-bottom:1px solid #eee;}
.sliderbox span{font-size:14px; width:228px; float:left;}
.sliderbox dd{padding:0; margin:0; position:relative; overflow:hidden;}
.sliderbox .text{padding:20px 20px 20px 0; font-size:14px; border-bottom:1px solid #B98B57;  }
.sliderbox .text p{line-height:32px;}
.sliderbox .text i{ font-weight:bold; font-style:normal; font-size:18px; line-height:38px;}
.sliderbox .text a { font-weight:bold; color:#B98B57; text-transform:uppercase;}
.sliderbox .text a:hover{ text-decoration:underline;}

.page_mainNav{ border-top: 1px solid #eee; height: 41px; position: relative; width:100%; margin-top:110px; margin-bottom:50px; min-width: 1200px;}
.page_mainNav .bracket{ background:#fff; height:78px; width: 240px; position: absolute; top: -41px; left: 50%; margin-left: -120px; border:2px solid #eee;}
.page_mainNav .bracket span{ background:#fff; height: 82px; width: 200px; position: absolute; top: -2px; left: 50%; margin-left: -100px; font-size:36px; font-weight:bold; color:#B98B57; text-align:center; line-height:34px;}
.page_mainNav .bracket p{ font-size:18px; color:#ccc; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}

.FooterWrap{margin-top: 0;}
.CateList li a, .CateList li a:hover, .CateList li a.current{ color: #FFF;}
.section{min-width: 1200px;}
.ztAdvantage .sectionSec{position: relative;width: 100%;height: 955px;text-align: center;}
.ztAdvantage .sectionSec.even{ color: #FFF;}
.ztAdvantage .sectionSec .bg{z-index: 1;opacity: .9;filter: alpha(opacity=90);}
.ztAdvantage .sectionSec .txt{z-index: 2;position: relative; top:0px; }
.sectionSec .txt h2{margin-bottom: 30px;line-height: 80px;font-weight: normal;font-size: 50px;}
.sectionSec .txt .note{line-height: 28px;font-size: 16px; }
.ztAdvantage .sectionSec .down_arrow{z-index: 3;position: absolute;bottom: 60px;left: 50%;width: 120px;height: 80px;margin-left: -60px;background: url(tpl/www/page/advantage/down_arrow.png) center no-repeat;-webkit-animation: i-banner-down 1.2s infinite ease-in-out;-moz-animation: i-banner-down 1.2s infinite ease-in-out;animation: i-banner-down 1.2s infinite ease-in-out;}
@-webkit-keyframes i-banner-down{0%,30%{opacity:0;-webkit-transform:translate(0,-10px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,30px)}}
@-moz-keyframes i-banner-down{0%,30%{opacity:0;-webkit-transform:translate(0,-10px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,30px)}}
@keyframes i-banner-down{0%,30%{opacity:0;-webkit-transform:translate(0,-10px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,30px)}}

.ztAdvantage .sideNav{z-index: 10;position: fixed;left: 50%;top: 50%;width: 20px;margin-left: 580px;}
.ztAdvantage .sideNav a{display: block;width: 5px;height: 5px;padding: 1px;margin: 20px auto;border: 2px solid transparent;border-radius: 50%;}
.ztAdvantage .sideNav a i{display: block;width: 5px;height: 5px;background: #E0E0E0;border-radius: 50%;}
.ztAdvantage .sideNav a.cur,.ztAdvantage .sideNav a:hover{border-color: #FDC82C;}
.ztAdvantage .sideNav a.cur i,.ztAdvantage .sideNav a:hover i{background: none;}

.fadeInUp{ -webkit-animation-name: fadeInUp;
animation-name: fadeInUp;}
.about_s{min-width: 1200px;}
.hezuo{min-width: 1200px;}
.jx{min-width: 1200px;}