﻿/*reset css*/
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,optgroup,p,blockquote,figure,hr,menu,dir,thead,tbody,tfoot,th,td{margin:0;padding:0}
ul,ol{list-style-type:none;list-style-image:none}
a{text-decoration:none;color:#333}
a:active{background-color:transparent;outline: 0}
a:active,a:hover,a:focus{outline:none;border:none;color:#005505}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:62.5%}
body{font-size:14px;line-height:1.8}
body,button,input,select,textarea{font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;-ms-text-autospace:ideograph-alpha ideograph-numeric ideograph-parenthesis;text-autospace:ideograph-alpha ideograph-numeric ideograph-parenthesis}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:22px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px}
abbr,acronym{border-bottom:1px dotted;cursor:help}
b,strong{font-weight:bold;}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background-color:#D2E5FF;color:#000}
code,kbd,pre,samp{font-family:monaco,menlo,consolas,'courier new',courier,monospace}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;overflow:auto}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:85.7%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
table{border-collapse:collapse;border-spacing:0}
th{text-align:left}
img{border:0 none;/*width:auto \9;*/height:auto;max-width:100%;vertical-align:top;-ms-interpolation-mode:bicubic}
@media screen and (max-width: 1024px) {
	img{max-width:100%;height: auto;}
}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0 none;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;border: 1px solid #CCC;border-radius: 2px;}
button:focus,input:focus,select:focus,textarea:focus{border-color: #66AFE9; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);}
input,button{*overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
textarea{overflow:auto;resize:vertical}
select:disabled option:checked,option:disabled:checked{color:#D2D2D2}
@media screen and (-webkit-min-device-pixel-ratio:0){
	input{line-height:normal!important}
}
input::-moz-placeholder,textarea::-moz-placeholder{color:#a9a9a9;opacity:1}
label{cursor:pointer}
select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video,progress{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
[draggable]{cursor:move}
.clearfix:before,.clearfix:after{content:"";display:table;clear: both;}
.clearfix{clear:both;zoom:1;}
/*reset end*/

/*common css start*/
a:active,a:focus,a:visited{color: #563A26;}
a:hover{color: #F8B500}
.lt{float: left;}
.rt{float: right;}
.hasImg{text-align: center;text-indent: 0;}
.container{max-width: 1004px;margin: 0 auto;position: relative;width: 100%}
.index-icon{background: url(../images/index.png) no-repeat}
.ht_index{background: #FFF8E4}
.ht_index .container{max-width: 1000px;}

/*header css*/
#header{height: 80px;background: #FFF8E4}
#header .logo{position: absolute;left: 0;top: 0;background-position: 0px -7px;/*width: 80px;*/height: 80px;}
#header .logo img{margin-top:5px;}
#header .logo h1{width: 100%;height: 100px;}
#header .logo h1 a{text-indent: -9999px;}
#header .tophead{position: absolute;right: 5px;top: 5px;width: 300px;height: 25px;margin-top: 10px;background-position: -100px -12px;}
#header .tophead .serach_box{float: left;}
#header .tophead input{background-color: transparent;border: 0;height: 20px;line-height: 20px;color: #7B756E}
#header .tophead .search_text input{width: 130px;padding-left: 5px;}
#header .tophead .search_btn input{width: 25px}
#header .tophead span{float: left;}
#header .tophead .follow{float: right;width: 125px;height: 20px;font-size: 13px;color: #7B756E}
#header .tophead .follow .sina{width: 20px;height: 20px;cursor: pointer;}
#header .tophead .follow .weixin{width: 20px;height: 20px;cursor: pointer;}

/*banner*/
.banner_index{height: 409px;}
.banner_index .bd{position: relative;text-align: center;overflow: hidden;height: 409px;}
.banner_index .bd .wrap{width: 1920px;text-align: center;position: absolute;left: 0;top: 0}


/*index-profile */
.index-profile{float: left;width: 65.9%;height: 290px;}
.index-profile h3{height: 30px;margin: 20px 0 15px}
.index-profile h3 a{float: right;padding-top: 10px;}
.index-profile h3 span{float: left;font-size: 18px;color: #563A26}
.index-profile .index-profile-pic{float: left;width: 53%;height: 225px;}
.index-profile .index-profile-pic img{width: 100%;height: 100%}
.index-profile .index-profile-text{float: right;width: 40%;padding: 5px 3.5%;background: #EFE8D3;height: 215px;overflow: hidden;}
.index-profile .index-profile-text p{text-indent: 2em;padding-bottom: 10px}

/*index-center*/
.index-center{float: right;width: 32%;height: 290px;}
.index-center h3{height: 30px;margin: 20px 0 15px}
.index-center h3 a{float: right;padding-top: 10px;}
.index-center h3 span{float: left;font-size: 18px;color: #563A26}

.index-center-slide{width: 100%;height: 225px;overflow: hidden;position: relative;}
.index-center-slide li{width: 100%;height: 225px;}
.index-center-slide li a img{width:100%; height:186px; display:block; }
.index-center-slide li a p{height: 39px;line-height: 39px;text-align: center;width: 100%;background: #8F622C;color: #FFF;font-size: 15px;}
.index-center-slide .prev,.index-center-slide .next{background: url(../images/index_02.png) no-repeat 0 0;width: 24px;height: 24px;position: absolute;top: 50%;margin-top: -12px;cursor: pointer;}
.index-center-slide .prev{left: 0}
.index-center-slide .next{background-position: -296px 0;right: 0}

 /* index-slogan */
.index-slogan{padding: 35px 0;width: 100%;}
.index-slogan ul{display: block;border-bottom: 2px solid #E8E0CA;border-top: 2px solid #E8E0CA;width: 100%;}
.index-slogan ul li{float: left;position: relative;padding-top: 4px;}
.index-slogan ul li div{background: url(../images/index.png) no-repeat;width: 50px;height: 67px;float: left;}
.index-slogan ul li h4{font-weight: bold;}
.index-slogan ul li.glogan1{width: 33%;padding-right: 3%;}
.index-slogan ul li.glogan2{width: 22%;padding-right: 3%;}
.index-slogan ul li.glogan3{width: 16.5%;padding-right: 3%;}
.index-slogan ul li.glogan4{width: 19.5%;}

.index-slogan ul li.glogan1 div{background-position: -18px -95px;}
.index-slogan ul li.glogan2 div{background-position: -138px -95px;}
.index-slogan ul li.glogan3 div{background-position: -230px -95px;}
.index-slogan ul li.glogan4 div{background-position: -325px -95px;}

/*index-news*/
.index-news{float: left;width: 65.9%;height: 203px;}
.index-news .news-hd{height: 33px;line-height: 33px;margin-bottom: 22px;background: #E2DAC4;overflow: hidden;}
.index-news .news-hd li{float: left;padding: 0 30px;}
.index-news .news-hd li a{font-weight: bold;}
.index-news .news-hd li.on{background: #563A26}
.index-news .news-hd li.on a{color: #FFF}
.index-news .news-hd li a:hover{color: #F8B500}
.index-news .news-hd .more{float: right;}
.index-news .news-hd .more img{padding-top: 10px;padding-right: 10px;}

.index-news .news-bd{width: 100%;height: 150px;}
.index-news .tab{display: none;float: left;width: 100%;height: 150px;}
.index-news .tab .index-news-slide{width: 33%;float: left;height: 148px;position: relative;overflow: hidden;}
.index-news .tab .index-news-slide .bd{width: 100%;height: 100%;overflow: hidden;}
.index-news .tab .index-news-slide .bd li{position: relative;float: left;height: 148px;}
.index-news .tab .index-news-slide .bd li a{display: block;width: 100%;height: 100%;position: relative;}
.index-news .tab .index-news-slide .bd li img{width: 100%;height: 100%;}
.index-news .tab .index-news-slide .bd li .pbg{position: absolute;bottom: 0;height: 24px;line-height: 24px;z-index: 2;opacity: 0.8;filter: alpha(opacity=80);width: 100%;background: #000;left: 0}
.index-news .tab .index-news-slide .bd li p{height: 24px;line-height: 24px;padding-left: 3%;width: 80%;position: absolute;bottom: 0;left: 0;color: #FFF;z-index: 3;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}

.index-news .tab .index-news-slide .hd{position: absolute;bottom: 3px;right: 0;z-index: 5}
.index-news .tab .index-news-slide .hd li{width: 15px;height: 15px;text-align: center;line-height: 15px;background: #563A26;margin: 3px;font-size: 12px;float: left;cursor: pointer;}
.index-news .tab .index-news-slide .hd li.on{background: #FFF}

.index-news .tab .index-news-list{float: right;width: 64%;}
.index-news .tab .index-news-list li{position: relative;background: url(../images/index_2.jpg) no-repeat left center;padding-left: 10px;height: 30px;line-height: 30px;}
.index-news .tab .index-news-list li a{position: absolute;top: 0;left: 10px;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.index-news .tab .index-news-list li span{position: absolute;top: 0;right: 0;}

/*index-dynamic*/
.index-dynamic{float: right;width: 32%;height: 203px;position: relative;overflow: hidden;}
.index-dynamic .bd{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 4}
.index-dynamic .bd .item{float: left;height: 203px;}
.index-dynamic .bd .item img{width: 50%;float: left;height: 100%}
.index-dynamic .bd .item div{width: 45%;float: right;padding-top: 20px;overflow: hidden;height: 156px;overflow: hidden;}
.index-dynamic .hd{position: absolute;right: 0;width: 45%;top: 0;height: 100%;z-index: 3;}
.index-dynamic .hd h3{font-size: 16px;height: 16px;line-height: 16px;}
.index-dynamic .hd .index{margin-top: 153px;font-size: 15px;font-style: italic;font-weight: bold;}
.index-dynamic .hd .index .crt{color: #F8B500;font-size: 22px;}
.index-dynamic .hd .index .sum{color: #956729}
.index-dynamic .move{position: absolute;right: 0;bottom: 0;width: 60px;z-index: 5}
.index-dynamic .move a{width: 25px;height: 25px;line-height: 25px;float: left;background: url(../images/index.png) no-repeat;}
.index-dynamic .move a.prev{background-position: -327px -52px;margin-right: 5px}
.index-dynamic .move a.next{background-position: -352px -52px;}


/*footer*/
#footer{margin-top: 45px;background: #272727;height: 46px;line-height: 46px;color: #AEAEAE}
#footer a{color: #AEAEAE;}
#footer a:hover{color: #F8B500}

/*首页 end*/

/*内页 start*/
.aside{float: left;width: 24.7%;margin-top: 20px}
.content{float: right;width: 73%;margin-top: 20px}

/*banner*/
.banner_about{background: url(../images/about_02.jpg) no-repeat center;height: 275px;background-size: cover;}
.banner_news{background: url(../images/banner_news.jpg) no-repeat center;height: 250px;background-size: cover;}
.banner_industry{background: url(../images/banner_industry.jpg) no-repeat center;height: 250px;background-size: cover;}
.banner_culture{background: url(../images/banner_culture.jpg) no-repeat center;height: 250px;background-size: cover;}
.banner_contact{background: url(../images/banner_contact.jpg) no-repeat center;height: 250px;background-size: cover;}
.banner_hr{background: url(../images/banner_hr.jpg) no-repeat center;height: 250px;background-size: cover;}


/*aside */
.aside .hd{background: #E6E6E6;height: 69px;color: #956729}
.aside .hd h3{padding-left: 20%;padding-top: 10px;font-size: 18px;}
.aside .hd p{padding-left: 30%;font-size: 12px;}

.aside .bd li{height: 38px;line-height: 38px;background: url(../images/about_09.jpg) repeat-x;}
.aside .bd li a{display: block;padding-left: 20%;background: url(../images/about_arow.png) no-repeat 10% -20px;}
.aside .bd li.on,.aside .bd li:hover{background: #F7B500}
.aside .bd li.on a,.aside .bd li:hover a{background: url(../images/about_arow.png) no-repeat 10% 16px;color: #FFF}

.aside .ft{color: #956729}
.aside .ft h3{font-size: 18px;padding-left: 10%;height: 40px;line-height: 40px;background: #E6E6E6;}
.aside .ft h3 small{font-size: 80%;padding-left: 3%;}

.aside .ft li{margin: 15px 0;position: relative;}
.aside .ft li a{position: relative;width: 100%;height: 100%;display: block;}
.aside .ft li a img{width: 100%;height: 142px;}
.aside .ft li a .pbg{position: absolute;bottom: 0;left: 0;background: #4D3B26;opacity: 0.8;filter: alpha(opacity=80);z-index: 1;width: 100%;height: 20px;}
.aside .ft li p{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;z-index: 2;height: 20px;line-height: 20px;color: #FFF}

/*content*/
.content .position{height: 31px;line-height: 31px;background: url(../images/about_05.jpg) repeat-x;border-left: 5px solid #F8BA21;position: relative;color: #796250}
.content .position h3{font-size: 17px;padding-left: 15px;position: absolute;left: 0;top: 0}
.content .position .loc{position: absolute;right: 10px;top: 0;color: #796250}
.content .position .loc *{color: #333;}
.content .position .loc strong{color: #796250;}

/*approach */
.content .approach .bd{padding: 10px 0}
.content .approach .bd p{padding-bottom: 20px}
.content .approach .ft{border-top: 3px solid #F8BA21;height: 30px;height: 45px;position: relative;}
.content .approach .ft a{position: absolute;right: 0;bottom: 0}

/*milestone css*/
.milestone{padding: 20px 0}
#timeline{position: relative;width: 100%;}
#timeline #dates{height: 80px;margin: 0 20px 30px;position: relative;padding: 0 44px;}
#timeline #dates .years{background: url(../images/timeline.png) repeat-x 0 -185px;display: block;height: 100%;width: 100%;overflow-y: hidden;overflow-x: auto;}
#timeline #dates .years ul{position: relative;display: block;zoom: 1;height: 100%;}
#timeline #dates li{float: left;height: 30px;padding: 0 20px 20px;margin: 0}
#timeline #dates .start{background: url(../images/timeline.png) no-repeat 0 -113px;position: absolute;bottom: 0;left: 0;padding: 0 0 20px;width: 45px;height: 30px;}
#timeline #dates .end{background: url(../images/timeline.png) no-repeat 0 -163px;position: absolute;bottom: 0;right: 0;width: 45px;padding: 0 0 20px;height: 30px;}

#timeline #dates li a{background: url(../images/timeline.png) no-repeat 5px 32px;display: block;height: 50px;color: red}
#timeline #dates li a.on,#timeline #dates li a:hover{background: url(../images/timeline.png) no-repeat 5px -28px;}

#timeline #issues li{display: none;}
#timeline #issues li h4{height: 50px;line-height: 50px;}
#timeline #issues li h5{line-height: 40px;height: 40px;border-top: 1px dashed #D0D0D0;font-size: 16px;margin-top: 10px;}
#timeline #issues li p{/*border-bottom: 1px dotted #999;*/padding-bottom: 10px;text-indent: 2em;}

/*approach*/
.structure{width: 100%;text-align: center;padding: 20px 0}

/*team*/
.team{padding: 10px 0 20px}
.team li{height: 176px;border-bottom: 1px dashed #CCCCCC;padding: 20px;}
.team li .avater{width: 18%;float: left;}
.team li .avater img{padding: 5px;border: 1px solid #ccc}
.team li .team_text{float: right;width: 78%;}
.team li .team_text h4{height: 35px;line-height: 25px;font-size: 20px;border-bottom: 1px dashed #CCC;margin-bottom: 5px;width: 100%;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.team li .team_text div{height:135px;font-size: 13px;overflow: hidden;}

/*pagenav*/
.pagenav{text-align: center;padding: 20px 0;clear: both;margin-bottom: -120px;}
.pagenav *{padding-right: 5px;}
.pagenav option{text-align: center;}

/*speech*/
.speech h1{text-align: center;font-size: 20px;height: 60px;line-height: 60px;}
.speech .bd{line-height: 25px;}
.speech .bd p{text-indent: 2em;padding-bottom: 25px}

/*introduce*/
.introduce h1{text-align: center;font-size: 20px;height: 60px;line-height: 60px;}
.introduce .bd{line-height: 25px;color: #737373}
.introduce .bd p{padding-bottom: 25px}


/*news*/
.news{padding: 20px 0}
.news .bd li{height: 40px;border-bottom: 1px dashed #CCCCCC;position: relative;}
.news .bd li a{display: block;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;position: absolute;left: 0;top: 8px}
.news .bd li span{position: absolute;right: 0;top: 8px;}

/*news_detail*/
.news_detail{padding: 20px 0}
.news_detail .hd{padding-bottom: 20px}
.news_detail .hd h1{text-align: center;font-size: 22px;font-weight: normal;line-height: 1.5;}
.news_detail .hd p{text-align: center;}
.news_detail .bd{padding: 0 10px;line-height: 25px;color: #737373}
.news_detail .bd p{padding-bottom: 15px;}

/*industry*/
.industry{padding: 20px 0;}
.industry .bd{}
.industry .bd li{width: 30%;margin: 1.5%;height: 224px;float: left;position: relative;}
.industry .bd li a{display: block;position: relative;width: 100%;height: 100%}
.industry .bd .industry_img{padding: 1.5%;width: 97%;border: 1px solid #EEE;position: relative;height: 100%;}
.industry .bd .industry_img img{width: 100%;height: 100%;}
.industry .bd .industry_txt{height: 30px;position: absolute;bottom:-5px;left: 0;width: 100%;background: url(../images/subnav-bg.png) center;overflow: hidden;background-size: 100%;border: solid #EEE;border-width: 0px 1px;}
.industry .bd .industry_txt h3{width: 100%;background: url(../images/industry_03.png);height: 30px;line-height: 30px;text-align: center;color: #FFF;font-size: 14px;}
.industry .bd .industry_txt ul{display: block;height: 90px;width: 100%;overflow: hidden;}
.industry .bd .industry_txt li{width: 100%;float: none;height: 30px;background: url(../images/industry_05.png) no-repeat 15px center;padding: 0 15px 0 30px;color: #F8B500}
.industry .bd .industry_txt p{font-size: 12px;color: #FFF;height: 40px;overflow: hidden;padding: 10px 5%;}
.industry .bd .industry_txt .more{text-align: center;height: 30px;line-height: 30px;}
.industry .bd .industry_txt .more img{vertical-align: middle;} 

.industry_detail{padding: 20px 0;}
.industry_detail h1{text-align: center;height: 38px;line-height: 38px;background: url(../images/industry_06.png) no-repeat center;font-size: 24px;color: #FFF;margin-bottom: 20px;}
.industry_detail p{padding-bottom: 20px;color: #666}

.contact{padding: 20px 0;}
.contact .hd{padding-left: 50px;background: url(../images/contact_tel.jpg) left center no-repeat;font-size: 26px;height: 60px;line-height: 60px;}
.contact .hd span{font-size: 14px;padding-left: 20px;}
.contact .bd{border: dashed #CCC;border-width: 1px 0;padding: 20px 0;max-width: 450px;margin-bottom: 20px;line-height: 30px;width: 100%;}
.contact .bd p{padding-bottom: 10px;line-height: 20px;}
.contact .bd a{color: #E1A400;text-indent: ;}
.contact .ft{border: 1px solid #CCC}

/*advise*/
.advise{background: #F5F5F5;padding: 50px 15%;}
.advise div{padding-bottom: 20px}
.advise div label{margin-right: 20px}
.advise div input{height: 25px;line-height: 25px;width: 400px;}
.advise div select{width: 150px;text-align: center;}
.advise div textarea{width: 400px;height: 250px}
.advise .btn{margin: 20px 0;padding-left: 93px;}
.advise .btn input{width: 143px;height: 38px;background: transparent url(../images/contact_btn.png) no-repeat 0 center;border: 0}
.advise .btn input.btn1{margin-right: 112px;}
.advise .btn input.btn2{background-position: -233px 0}
.advise p{text-align: right;width: 100%;}

/*talent*/
.talent{padding: 20px 0;line-height: 30px;color: #666}
.talent p{text-indent: 2em;}
.talent .left{float: left;width: 54%;}
.talent .right{float: right;width: 43%;}
.talent .bd{clear: both;padding-top: 20px;}

/*joinus*/
.joinus{padding: 20px 0;}
.joinus table{width: 100%;}
.joinus table tr{cursor: pointer;}
.joinus table th{background: #ABA9A9;color: #FFF}
.joinus table th,.joinus table td{text-align: center;height: 40px;}
.joinus table td{border-bottom: 1px solid #DCDCDC;}
.joinus table tr:hover td{color: #E1A505}

/*job_detail*/
.job_detail{padding: 20px 10px}
.job_detail h1{color: #FFC850;font-size: 18px;}
.job_detail h3{margin-top: 20px;}
.job_detail h3 span{padding: 3px 10px;background: #887567;color: #FFF;font-size: 15px;}
.job_detail p{line-height: 30px;}
.job_detail .bd{padding: 15px 0;border-bottom: 1px solid #DADADA;}

/*idea*/
.idea{background: url(../images/idea_01.jpg) no-repeat right bottom;padding: 20px 0  20px 3%;}
.idea h1{color: #533E2D;font-size: 25px;font-weight: normal;}
.idea h1 small{font-size: 70%;}
.idea h2{padding-top: 30px;color: #533E2D;font-size: 16px;}
.idea p{color: #5F5F5F}

/*spirit*/
.spirit{padding: 20px 0;color: #696969}
.spirit p{padding-bottom: 20px;}

/*value*/
.value{padding: 60px 0;}
.value .left{float: left;width: 65%;}
.value .right{float: right;width: 35%;}
.value p{padding-bottom: 20px;color: #696969;}

/*activity*/
.activity{padding: 20px 0;}
.activity li{padding: 15px 20px;border: 1px solid #CCC;clear: both;height: 164px;margin: 20px 3% 50px;}
.activity li .activity_img{float: left;width: 48%;}
.activity li .activity_img img{width: 100%;height: 164px;}
.activity li .activity_txt{float: right;width: 48%;padding: 0 1%;text-align: center;}
.activity li .activity_txt h3{height: 32px;line-height: 32px;position: relative;text-align: left;}
.activity li .activity_txt h3 a{position: absolute;top: 0;left: 0;color: #534238;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;font-size: 20px;}
.activity li .activity_txt h3 span{position: absolute;top: 0;right: 0;font-size: 13px;}
.activity li .activity_txt p{font-size: 12px;text-indent: 2em;line-height: 20px;padding: 5px 0 10px;height: 80px;overflow: hidden;text-align: left;color: #A3A3A3}
.activity li .activity_txt .more{display: block;}

/*activity_detial*/
.activity_detial{padding: 20px 5%;}
.picScroll-left{ overflow:hidden;margin-top: 30px;}
.picScroll-left .bd{width: 100%}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;width: 100%;}
.picScroll-left .bd ul li .pic{ text-align:center; position: relative;}
.picScroll-left .bd ul li .pic img{ display:block;}
.picScroll-left .bd ul li .pic .detail{position: absolute;bottom: 5px;left: 50%;margin-left: -74px;width: 147px;height: 35px;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:40px;height: 40px;color: #573836;font-size: 15px;}

.picScroll-left .hd{height: 85px;padding: 40px 50px;position: relative;}
.picScroll-left .hd ul{ overflow:hidden; zoom:1; }
.picScroll-left .hd ul li{float:left; _display:inline; overflow:hidden;text-align: center;margin: 0 25px;cursor: pointer;}
.picScroll-left .hd ul li.on img{border-color: red}
.picScroll-left .hd ul li img{display:block;padding:2px 0.5%; border:1px solid #ccc;width: 97%;height: 80px;}
.picScroll-left .hd ul li:hover img{border-color: red}

.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:35px; height:35px;cursor:pointer; background:url("../images/activity_05.png") 0 0 no-repeat;position: absolute;top: 50%;margin-top: -18px;text-indent: -9999px;}
.picScroll-left .hd .prev{left: 0}
.picScroll-left .hd .next{ background-position: -56px 0px;right: 0}

 /*manual*/
.manual{padding: 20px 0;}
.picScroll{ overflow:hidden;margin-top: 30px;}
.picScroll .bd{height: 366px;width: 276px;margin: 0 auto;}
.picScroll .bd ul{ overflow:hidden; zoom:1; }
.picScroll .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;width: 100%;}
.picScroll .bd ul li .pic{ text-align:center; position: relative;}
.picScroll .bd ul li .pic img{ width:100%; height:326px; display:block;}
.picScroll .bd ul li .pic .detail{position: absolute;bottom: 5px;left: 50%;margin-left: -74px;width: 147px;height: 35px;display: block;}
.picScroll .bd ul li .pic .detail img{width: 147px;height: 35px;}
.picScroll .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll .bd ul li .title p{ line-height:25px;height: 25px;color: #573836;font-size: 15px;}

.picScroll .hd{height: 200px;padding: 40px 50px;position: relative;}
.picScroll .hd ul{ overflow:hidden; zoom:1; }
.picScroll .hd ul li{float:left; _display:inline; overflow:hidden;text-align: center;margin: 0 15px;cursor: pointer;}
.picScroll .hd ul li img{display:block;padding:2px 0.5%; border:1px solid #ccc;width: 172px;height: 211px;}
.picScroll .hd ul li:hover img{border-color: red}

.picScroll .hd .prev,.picScroll .hd .next{ display:block;  width:35px; height:35px;cursor:pointer; background:url("../images/activity_05.png") 0 0 no-repeat;position: absolute;top: 50%;margin-top: -18px;text-indent: -9999px;}
.picScroll .hd .prev{left: 0}
.picScroll .hd .next{ background-position: -56px 0px;right: 0} 

/*manual_detail*/
.manual_detail{padding: 20px 0;text-align: center;}
.manual_detail h1{font-size: 20px;}
.manual_detail p{line-height: 30px;}
.manual_detail img{width: 100%}
.manual_detail .ft{padding: 20px 0}
.manual_detail .ft li{width: 33%;float: left;}
.manual_detail .ft li a{padding: 5px 10px;border: 1px solid #ccc;}
.manual_detail .ft li a:hover{border-color: #DDD;background: #F6BE26;color: #FFF}

/*press*/
.press{padding: 30px 3%;}
.press .hd{text-align: left;line-height: 30px;}
.press .hd a{padding: 0 10px;}
.press .hd h3{color: #4F3E36;font-size: 16px;padding: 20px 0 30px}

.press .bd li{width: 33%;float: left;margin: 0 auto;}
.press .bd p{text-align: center;width: 194px;color: #5A463F;font-weight: bold;}

.press .ft{text-align: right;padding: 20px 0;height: 26px}
.press .ft a{width: 26px;height: 26px;padding-left: 20px;cursor: pointer;}

.press_detail{padding: 30px 0;}
.press_detail h3{text-align: center;color: #5A463F;height: 30px;line-height: 30px;padding-bottom: 10px}
.press_detail h3 a{float: right;font-size: 13px;cursor: pointer;}
.press_detail .ft{padding: 20px 0}
.press_detail .ft li{width: 33%;float: left;text-align: center;}
.press_detail .ft li a{padding: 5px 10px;border: 1px solid #ccc;}
.press_detail .ft li a:hover{border-color: #}

/*sitemap*/
.sitemap{padding: 20px 0;}
.sitemap .item{width: 22%;float: left;height: 200px;padding-left: 3%;}
.sitemap .item h3{font-size: 16px;font-weight: normal;border-bottom: 2px solid #CCC;height: 40px;line-height: 40px;padding-left: 10px}
.sitemap .item li{padding-left: 10px}

/*privacy*/
.privacy,.law{padding: 20px;}
.privacy p,.law p{line-height: 25px;padding-bottom: 20px;text-indent:2em;}

@media screen and (min-width: 769px){
    /*nav*/
    #nav{padding-top: 40px;height: 40px;line-height: 40px;padding-left: 230px;}
    #nav li{float: left;margin: 0 10px;position: relative;height: 40px;}
    #nav li a{float: left;border-bottom: 4px solid transparent;height: 36px;line-height: 36px;color: #563A26;font-weight: bold;font-size: 15px;width: 80px;text-align: center;}
    #nav li a.on,#nav li a:hover{border-bottom: 4px solid #F8B500;color: #F8B500}

    #nav .subnav{position: absolute;top: 40px;width: 450px;height: 230px;display: none;z-index: 100;left: -100px;background: #FFF;border-radius: 5px;}
    #nav li:hover .subnav{display: block;padding: 10px 20px;}
    #nav .subnav .sub_left{float: left;width: 100px;padding: 0 10px;}
    #nav .subnav .sub_left li{width: 100%;height: 35px;line-height: 35px;margin: 0}
    #nav .subnav .sub_left li a{font-size: 14px;width: 100%;text-align: left;border-bottom: none;}
    #nav .subnav .sub_right{float: right;width: 321px;height: 186px;padding: 7px 0;}
    #nav .subnav .sub_right img{width: 100%;height: 100%;}
    #nav .subnav.nav4{right: 0;left: auto;width: 480px}
    #nav .subnav.nav4 .sub_left{width: 130px;}
    #nav .subnav.nav5{right: 0;left: auto;}
    #nav .subnav.nav6{right: 0;left: auto;}

    .banners,.rslides_tabs{display: none;}
}
@media screen and (max-width: 1004px) {
    .container{min-width: 768px;margin: 0 auto;width: 96%}
    #nav{padding-left: 100px;}
    #nav li{margin: 0}
    #banner,.banner_index .bd,.banner_index .bd .wrap,.banner_index .bd .wrap #flash{height: 280px;}
    .index-slogan ul li{width: 47% !important;padding-right: 3% !important;}
    .index-slogan ul li p{font-size: 13px;}
    .index-news .index-news-slide{display: none;}
    .index-news .tab .index-news-list{float: none;width: 100%;}
    .index-news .tab{width: 100%}
    
    .advise .btn{padding-left: 20px;}
    .advise .btn input.btn1{margin: 20px}
}
@media screen and (max-width: 768px) {
    .container{min-width: 640px;margin: 0 auto;width: 96%}
    .aside{display: none;}
    .content{float: none;width: 100%;font-size: 13px;}
    #footer * {font-size: 13px;}
    #banner,.banner_index .bd,.banner_index .bd .wrap,.banner_index .bd .wrap #flash{height: 200px;}
    .index-profile,.index-news{float: none;width: 100%;}
    .index-center,.index-dynamic{display: none;}
    .index-slogan ul li p{font-size: 12px;}
    #header .tophead{display: none;}
    #header .container{position: relative;}
    .news_detail .hd h1{font-size: 18px;}

    /*移动导航*/
    .nav-mobile{cursor:pointer;position:absolute;top:30px;right:0;background:#FFC62D url(../images/arrow_1.png) no-repeat center center;background-size:18px;height:50px;width:50px;display:block;}
    .nav-mobile-close{background-image:url(../images/iconfont-close.png);background-size:18px;}
    .nav-click{position:absolute;top:0;right:0;height:50px;width:50px;cursor:pointer;}
    .nav-click i{display:block;height:50px;width:50px;background:#CCC url(../images/drop.png) no-repeat center center;}
    .nav-rotate{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);background:#FFC62D url(../images/drop.png) no-repeat center center!important;background-size:20px!important;}

    #nav{display: none;top: 80px;position: absolute;padding-left: 0;z-index: 100;background: #EFE8D3;width: 100%;}
    #nav .subnav .sub_right{display: none;}
    #nav li{line-height: 50px;position: relative;border-bottom: 1px solid #FFF;}
    #nav li a{display: block;padding-left: 5%;width: 95%;height: 50px;}
    #nav li li a{padding-left: 10%;width: 90%}
    #nav .subnav{display: none;background: #FFF;}
    #nav .subnav li{border-color: #EFE8D3}

    .banners,.rslides_tabs{display: block;}
    .banner_index .bd .wrap{display: none;}
    .banner_index .bd .rslides{position: relative;height: 100%;overflow: hidden;}
    .banner_index .bd .rslides:hover li{opacity: 0.6;filter: alpha(opacity=60);}
    .banner_index .rslides li{float: left;display: none;height: 100%;width: 100%;background-position: center;cursor: pointer;background-repeat: no-repeat;background-size: auto 100%;}
    .rslides_tabs{clear:both;position:absolute; z-index:10; /*top:645px;*/bottom: 5px; left:50%; margin-left:-125px; width:255px; height:6px;}
    .rslides_tabs li{float:left;margin-right:5px; width:80px; height:6px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
    .rslides_tabs a{text-indent:-9999px;overflow:hidden;background:#AA9A8A; display:block; width:80px; height:6px;}
    .rslides_tabs .rslides_here a{background:#F8B500;}

    .contact .ft iframe{height: 400px;overflow: hidden;}
    .talent .left,.talent .right{float: none;width: 100%}
    .talent .right{text-align: center;}
    .idea{background: none;}
}
@media screen and (max-width: 640px) {
    .container{min-width: 460px;margin: 0 auto;width: 96%}
    .content{font-size: 12px;}
    .content p{padding-bottom: 5px !important;}
    #footer{height: 60px;line-height: 30px;padding: 15px 0;}
    #footer .lt,#footer .rt{float: none;text-align: center;font-size: 13px;}
    #banner,.banner_index .bd,.banner_index .bd .wrap,.banner_index .bd .wrap #flash{height: 180px;}
    #header .tophead{display: none;}
    .index-slogan ul li{width: 95% !important;padding-left: 5%;padding-right: 0% !important;}

    .advise{padding: 30px 0 20px 20px;}
    .advise div textarea,.advise div input{width: 280px;}
    .industry .bd li{width: 47%;}
    .index-slogan{padding: 20px 0;}
    .index-news .news-hd .more{display: none;}
    .index-news .news-hd li{padding: 0 20px;}
}
@media screen and (max-width: 480px) {
    .industry .bd li{width: 90%;margin: 5%;}
    .content{font-size: 11px;}
    .container{min-width: 300px;margin: 0 auto;width: 96%}
    #footer{height: 50px;line-height: 25px;padding: 10px 0;}
    #footer .lt,#footer .rt{float: none;text-align: center;font-size: 11px;}
    #banner,.banner_index .bd,.banner_index .bd .wrap,.banner_index .bd .wrap #flash{height: 140px;}
    .advise div textarea,.advise div input{width: 270px;}
    .advise .btn input{display: block;}
    .advise .btn input.btn1{margin-left: 0;}
    .advise p{font-size: 10px;}
    .index-news .news-hd li{padding: 0 15px;}
}
@media screen and (max-width: 360px) {
    #footer .lt{font-size: 9px;}
    #banner,.banner_index .bd,.banner_index .bd .wrap,.banner_index .bd .wrap #flash{height: 120px;}
    .advise div textarea,.advise div input{width: 280px;}
    .index-news .news-hd li{padding: 0 9px;}
}
@media screen and (max-width: 320px) {
    .container{width: 300px;margin: 0 auto;}
    #banner,.banner_index .bd,.banner_index .bd .wrap,.banner_index .bd .wrap #flash{height: 100px;}
}