@charset "utf-8";
html{ font:normal 62.5%/2.3em '微软雅黑',Arial,"宋体"; }
body{ padding:0px; margin:0px auto; font-size:1.6em; color:#636363; min-width:320px; max-width:640px; -webkit-text-size-adjust:none;
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*取出点击出现半透明的灰色背景*/
-webkit-user-select: none;  /*控制内容的可选择性*/
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
position:relative;
max-width:640px;
background:#f2f2f2;
}
ul,li,form, dl,dt,dd, div{ padding:0px; margin:0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,em,textarea{ font-size:1em; font-style:normal; color:#636363; font-family:'微软雅黑'; border-radius:0; -webkit-border-radius:0;}
img,object{ border:none; max-width:100%; border:0; overflow:hidden; vertical-align:top;}
a{ color:#636363; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus {outline:none; -moz-outline:none;}
.Texthide{ display:none;}
ul,li{ list-style:none;}

.Contain{ padding-bottom:15%; width:100%; min-width:320px; max-width:640px; margin:0 auto; background:#f2f2f2; min-height:100%;}
.Content{ padding:3.125%;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}

.space{ width:100%; height:1em; clear:both; overflow:hidden; zoom:0;}
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}

/*top.html*/
header{ padding:1.25%  3.125%; background:#fff;}
header .logo{ display:inline-block; width:78.2%; float:left;}
header .logo img{ vertical-align:middle; width:47%;}
header .top_nav{ width:6.2%; float:right; padding:5.17% 0.83%;}
header .top_nav img{ vertical-align:middle;}
/*top.html*/

.select{ width:35%; height:25px; margin-left:23px; border:1px #CCC solid;line-height:25px; border-radius:10px; position:absolute; left:35%; top:27px; background:url(../images/kk.png) no-repeat 95% center; cursor:pointer; z-index:9; }
.select span{padding-left:15px;}
.select ul{ background:#fff; border:1px solid #CCC; margin-top:2px; display:none;}
 .select li{}
 .select li a{ width:89; height:25px; display:block; padding-left:15px;}
 .select li a:hover{ background:#fcb211; color:#fff;}

/*NavMenu*/
.NavMenu{ position:absolute; width:63.9%; top:0; right:0;  background:#efefef; z-index:99; display:none; }
.NavMenu .txtCon{ padding:0 4.89% 110%; background:url(../images/icon6.gif) no-repeat right bottom; background-size:57.9%;}
.NavMenu .close{ display:block; margin:8.06% 0 10.2%; width:6.6%;}
.NavMenu .SearchBox{ width:100%; background:url(../images/icon7.gif) no-repeat; background-size:100%; margin-bottom:6.6%;}
.NavMenu .SearchBox .text{ width:67%; float:left; border:0 none; height:2.3em; padding:0 7.5%; color:#b5b5b5; font-size:1.375em; background:#e1e1e0;}
.NavMenu .SearchBox .Search_btn{ display:block; width:17%; float:right; height:3em; }
.NavMenu ul{ border-bottom:1px solid #e1e1e0; margin-bottom:8%;}
.NavMenu li{ border-top:1px solid #e1e1e0; padding:6% 0;}
.NavMenu li a{ display:block; font-size:1.75em; color:#2e2e2e; padding:0 0 0 8.06%; background:url(../images/icon8.gif) no-repeat 2.7% center; background-size:1.08%;}
.NavMenu .contactinfo{ font-size:1.375em; color:#373634;}
.NavMenu .contactinfo p{ line-height:1.8em; margin:0;}
.language{margin: 10px 0;}
.language a{display: inline-block; margin-right: 10px;}
.language a.on{color: #FFB401;}
/*NavMenu*/

/*Bottom*/
.Bottom{ padding:0.5% 0; background:#312f26; position:fixed; bottom:0; width:100%; max-width:640px; z-index:77;}
.Bottom p{color:#9a9a9a;font-size: 1em;font-family:"Arial";margin:1% 0; padding:0 2%;}
.Bottom p a{ color:#9a9a9a;}
.Bottom .WeChat{ float:right; padding-right:2%;}
.Bottom .WeChat a{ width:40px; height:40px; display:block; background-size: contain;}
.Bottom .WeChat div{ z-index:888; display:none; position:fixed; top:0; padding-top:30%; left:0; background-color:rgba(49, 47, 38, 0.74); width:100%; height:100%; text-align:center;}
.Bottom .WeChat div span{ display:block; width:27px; height:27px; border-radius:100%; position:absolute; top:1%; right:2%; background:url(../images/icon5.gif) no-repeat; border:solid 3px #fff;}
/*Bottom*/

/*Pages*/
/*Pages*/

/*Silderbar*/
.Silderbar{padding:0 0 0 3.125%; background:#c3b199;}
.Silderbar .Menu{ width:92%; float:left;}
.Silderbar .Menu ul{}
.Silderbar .Menu li{ float:left; width:25%;}
.Silderbar .Menu li a{ display:block; padding:8% 0; color:#ffffff; font-size:1.375em; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.Silderbar .Menu li.on a,.Menu li a:hover{ background:#FFB401;}
.Silderbar .Menu a.next{ display:block; float:right; width:4.875%; float:right; padding:3.2% 0;}
.Silderbar .Menu a.next em{ width:2%;}
.Silderbar .Menu a.next em img{ vertical-align:middle;}
.Silderbar .CityMenu li{ width:50%;}
.Silderbar .CityMenu li a{ padding:6.95% 0;}
.Silderbar .EnergyBanner li{ width:50%;}
.Silderbar .EnergyBanner li a{ padding:6.95% 0;}
/*Silderbar*/

/*Banner*/
.Banner{ width:100%;}
/*Banner*/

/*index*/
.HomeBox1{ width:100%; margin:0 auto; position:relative;  background:#fff; z-index:9; margin-top:2px;}
.HomeBox1 figure,figcaption{ padding:0; margin:0;}
.HomeBox1 .txtCon{background: url(../images/dd.jpg) no-repeat top center;
-moz-background-size: cover;
background-size: cover;
padding: 4.2% 3.2% 3.2% 3.2%;
}
 /* 
.txtConed{    background: rgba(0, 0, 0, 0.17);
    width: 100%;
    height: 100%;
   position: absolute;
    overflow: hidden;
    } */
.txtConedUL{}
.HomeBox1 li{ width:25%;}
.HomeBox1 li.left{ float:left; text-align:center;}
.HomeBox1 li.right{ float:right; text-align:center;}
.HomeBox1 li em{ display:inline-block; width:100%; margin-bottom:3.57%;}
.HomeBox1 li figcaption a{ display:block; color:#fff; font-size:1.3em; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:6.79% 0;}
.HomeBox1 li figcaption a:hover{}
.HomeBox1 li em img{width:50%;}

.HomeBox2{ padding:0 3.125%;}
.HomeBox2 .ColName{ padding:5.17% 0 1.83%;}
.HomeBox2 .ColName em{ display:inline-block; width:6.3%; margin-right:1.5%;}
.HomeBox2 .ColName em img{ vertical-align:-32.9%;}
.HomeBox2 .ColName span{ display:inline-block; color:#000; font-size:1.6em; background:url(../images/icon1.gif) no-repeat -5px center; background-size:auto 100% ; padding-left:22px;}

.HomeBox2 .ColName b{ font-weight:normal; color:#b4b0a9; font-family:"Arial"; font-size:1.375em; display:inline-block; padding:0 2.5%; text-transform:uppercase;}
.HomeBox2 .ColName a.more{ float:right; color:#373634; font-size:1.375em; display:inline-block; width:7.2%; padding:2.3% 0; margin-top:2%;}
.HomeBox2 .ColName a.prev{ background:url(../images/next_icon.png) no-repeat center center #c3b199;}
.HomeBox2 .ColName a.next{ background:url(../images/prev_icon.png) no-repeat center center #c3b199;}
.HomeBox2 .ColName .prev:hover{ background:url(../images/next_icon.png) no-repeat center center #FFB401;}
.HomeBox2 .ColName .next:hover{ background:url(../images/prev_icon.png) no-repeat center center #FFB401;}
.HomeBox2 .PicList{ width:100%; }
.HomeBox2 .txtCon{ width:100%; }
.HomeBox2 .txtCon li{ width:100%; overflow:hidden;}
.HomeBox2 .txtCon li .pic{}
.HomeBox2 .txtCon li .pic a{ width:100%; display:block; padding-bottom:66%; background-size:100% 100% !important;}
.HomeBox2 .txtCon li .pic a img{ width:100%;}
.HomeBox2 .txtCon li .info{ position:relative; margin-top:-8.67%; width:100%; }
.HomeBox2 .txtCon li .info h3{ margin:0; font-weight:normal; display:block; width:100%;}
.HomeBox2 .txtCon li .info h3 a{ color:#ffffff; font-size:1.5em; text-align:center; background:rgba(64,59,56,0.8); display:block; padding:2.5% 0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.HomeBox2 .txtCon li .info time{ color:#b2b1ac; font-size:1.375em;  padding:3.33% 1.67% 0; display:block;  background:#fff;}
.HomeBox2 .txtCon li .info p{ color:#000; font-size:1.3em; margin:0; padding:2.5% 1.67% 5.4%; line-height:1.2em;  background:#fff;} 


.HomeBox3{ padding:0 3.125%;}
.HomeBox3 .ColName{ padding:5.17% 0 1.83%;}
.HomeBox3 .ColName em{ display:inline-block; width:6.3%; margin-right:1.5%;}
.HomeBox3 .ColName em img{ vertical-align:-32.9%;}
.HomeBox3 .ColName span{ display:inline-block; color:#000; font-size:1.6em; background:url(../images/icon1.gif) no-repeat -5px center; background-size:auto 100% ; padding-left:22px;}
.HomeBox3 .ColName b{ font-weight:normal; color:#b4b0a9; font-family:"Arial"; font-size:1.375em; display:inline-block; padding:0 2.5%; text-transform:uppercase;}
.HomeBox3 .ColName a.more{ float:right; color:#373634; font-size:1.375em;}
.HomeBox3 .ColName a.more:hover{ color:#FFB401;}
.HomeBox3 .txtCon{ background:#fff; padding:2.83% 1.83%;}
.HomeBox3 .txtCon li{ padding:2% 0;}
.HomeBox3 .txtCon li a{ color:#000; font-size:1.3em; display:block; white-space:nowrap; text-overflow:ellipsis;}
.HomeBox3 .txtCon li a:hover{ color:#FFB401;}
.HomeBox3 .txtCon li time{ color:#b2b1ac; font-size:1.125em; float:right;}

.HomeBox4{ padding:3.125%;}
.HomeBox4 figure,figcaption{ padding:0; margin:0;}
.HomeBox4 .txtCon{}
.HomeBox4 li{ width:48.3%; position:relative; }
.HomeBox4 li.left{ float:left;}
.HomeBox4 li.right{ float:right;}
.HomeBox4 li em{ display:inline-block; width:100%;}
.HomeBox4 li figcaption{ position:absolute; left:0; top:0; width:100%;  height:100%; }
.HomeBox4 li figcaption span{ display:block; color:#ffffff; font-size:1.5em; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:22.4% 0; }
.HomeBox4 li a:hover figcaption span{ color:#cb1f1f;}
/*index*/

/*NewsList*/
.NewsList{ padding:0 0 2.83%;}
.NewsList li{ padding:3.17% 0;}
.NewsList li a{ display:block; color:#373634; font-size:1.5em; white-space:nowrap; text-overflow:ellipsis; padding-left:3.5%; background:url(../images/icon4.gif) no-repeat left center;
 background-size:0.79%;} 
.NewsList li time{ color:#656565; font-size:1.125em; font-family:"Arial"; float:right;}
.NewsList li a:hover{ color:#cb1f1f;}
.NewsList .top{ border-bottom:1px dashed #c8c8c8; padding-bottom:6%; margin-bottom:2%;}
.NewsList .top .pic{ width:100%;}
.NewsList .top .info{}
.NewsList .top .info h3{ font-weight:normal; }
.NewsList .top .info h3 a{ display:block; color:#6a4b26; font-size:1.55em;  padding:2.8% 0 0; white-space:nowrap; text-overflow:ellipsis;}
.NewsList .top .info h3 a:hover{ color:#cb1f1f;}
.NewsList .top .info p{ color:#656565; font-size:1.375em; line-height:1.2em;}
.NewsList .top .info p .more{ color:#cb1f1f;}
.NewsList .top .info time{color:#785b39; font-size:1.125em; font-family:"Arial";}
.NewsList .top .info time em{ display:inline-block; width:8.5%;  background:#cb1f1f; color:#fff; font-size:0.8em; text-align:center; margin-right:2.2%;}

.News_info{}
.News_info h3{ color:#000000; font-family:"黑体"; font-size:1.75em; font-weight:normal; text-align:center; line-height:1.2em; margin:0; padding:1.9% 0 0;}
.News_info h2{ font-weight:normal; text-align:center; color:#6a4b26; font-size:1.375em; padding-bottom:5%;}
.News_info h2 time{ padding-right:5%;}
.News_info .info_txt{}
/*NewsList*/

@media screen and (min-width:320px) and (max-width:480px){
 body{ font-size:1em;}
.NavMenu .SearchBox .text{ height:1.3em; padding-top:0.3em;}
.HomeBox3 .ColName em img{ vertical-align:top;}
.HomeBox2 .ColName em img{ vertical-align:top;}
header .logo{ padding:1.3% 0;}
}


/*联系我们*/
.templet_jobs_004 h4{/*诚聘人才*/ background:url(../images/join_bg.jpg) center center; height:46px; border-bottom:solid 2px #d5b282; overflow:hidden; color:#53514d; font-size:15px; line-height:46px; font-weight:100;}
.templet_jobs_004 h4 em{ font-style:normal; display:block; width:26%; padding-left:5%; font-size:15px; float:left;}
.templet_jobs_004 h4 .num ,.templet_jobs_004 h4 .time{ float:left; display:block; width:33%; text-align:center;}
.templet_jobs_004 ul li{ margin-bottom:3px;}
.templet_jobs_004 ul li h5{ border-bottom:dashed 1px #cccccc; background:url(../images/join_jt.jpg) no-repeat right center; margin:0; padding:0; display:block; height:45px; line-height:45px; cursor:pointer; font-size:14px; font-weight:100;}
.templet_jobs_004 ul li .down{  background:url(../images/join_jt2.jpg) no-repeat right center;}
.templet_jobs_004 ul li h5 a{ width:28%; color:#7c7c7c; display:block; padding-left:3%; float:left;}
.templet_jobs_004 ul li h5 .line{ display:block; float:left; padding:0; width:10px; margin-top:23px; margin-right:15px; height:2px; background:#d5b282;}
.templet_jobs_004 ul li h5 span{ float:left; color:#7c7c7c;}
.templet_jobs_004 ul li h5 .num{ width:33%; text-align:center; }
.templet_jobs_004 ul li h5 .time{ width:33%; text-align:center; }
.templet_jobs_004 ul li .my_content{ padding:10px 37px 10px 30px; border-bottom:dashed 1px #cccccc; line-height:30px; color:#737373;}
.templet_jobs_004 ul li .my_content .name{ position:absolute; margin-left:-70px; font-style:normal; font-weight:bold; display:block; height:40px; width:100px;}
.templet_jobs_004 ul li .my_content .apply{/*诚聘人才 End*/ display:block; text-align:center; font-weight:bold; background:url(../images/templet_job_btn.jpg) no-repeat; width:91px; line-height:24px; color:#207bcb; margin-top:8px;}
.over_a{text-overflow: ellipsis; overflow:hidden;white-space: nowrap;}

.form_table{margin:10px auto; width:100%; padding-right:13%;}
.form_table td input.text{width:95%; height:30px; padding-left: 5px; border:1px solid #e4e4e4;  margin-top: 8px;}
.form_table td textarea{width:95%; height:100px;border:1px solid #e4e4e4;margin-top: 8px;}
.form_table td label{width:5%; height:10px;}
.form_table td .btn{width:50px; height:30px; border:1px solid #e4e4e4; border-radius:5px; cursor:pointer; text-align:center;}
.form_table .Required{colo.Subgunr:#F00;}
.form_table_tip{text-align: center;}
.form_table_tip strong{font-size: 16px;}
.form_table_tip span{display: block; font-size: 14px;}

.prompt{ width:100%; padding-bottom: 20px;  border-bottom:dashed 1px #cccccc; color:#45443f; font-size:14px;  float:left; }
.JoinPhone{background:url(../images/jp.png) no-repeat; padding-left:53px; height:32px; line-height:32px; width:100%; margin:23px 0; font-size:16px;}


.business_list { overflow:hidden;}
.business_list h5{ padding:5.17% 0 1.83%; margin:0; font-weight:normal;}
.business_list h5 span{ display:inline-block; color:#000; font-size:1.6em; background:url(../images/icon1.gif) no-repeat left center; background-size:auto 100% ; padding-left:30px;}
.business_list ul li{ float:left; width:48%; padding:1%; text-align:center;}
.business_list ul li figure{ padding:0; margin:0; position:relative;}
.business_list ul li figure a{ position:absolute; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position: center center; background-size:100% 100% !important;}
.business_list ul li img{ width:100%;}
.business_list ul li p{ padding:2% 0; margin:0; font-size:1.2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#contact_map{ width:100%; height:320px;}
.contact_txt dl{ overflow:hidden; padding:2% 0;}
.contact_txt dl dt{color:#fff; font-size:2em; float:left; width:20%; background:#ff8d20; text-align:center; border-radius:50%;}
.contact_txt dl dd{ width:78%; float:right;}
.contact_txt dl dd a{ background-color:#ff8d20; color:#fff; padding:1% 10%; display:inline-block; border-radius:10px;}


/*分享*/
.Share{ width:100%; min-width:320px;margin:auto; z-index:1;  z-index:9999; font-size:200%; left:0;}
.Share dl{ text-align:center; padding:2% 0; color:#30313a; font-size:1.5em;}
.Share ul{ clear:both; overflow:hidden; margin:0 auto; max-width:640px;}
.Share .bdsharebuttonbox {position: relative; }
.Share .bdsharebuttonbox ul a { background-position: top center; background-repeat:no-repeat; background-size: auto 50%; height:50%;  color: #30313a; display: block;  float: left;text-align: center; padding:15% 0 5%; width: 50%; font-size:100%; margin:0;}
.Share .bdsharebuttonbox ul a#img1 {background-image:url(../images/li_1.png);}
.Share .bdsharebuttonbox ul a#img2 {background-image:url(../images/li_2.png);}
.Share .bdsharebuttonbox ul a#img3 {background-image:url(../images/li_3.png);}
.Share .bdsharebuttonbox ul a#img4 {background-image:url(../images/li_4.png); clear:left;}
.Share .bdsharebuttonbox ul a#img5 {background-image:url(../images/li_5.png);}
.Share .bdsharebuttonbox ul a#img6 {background-image:url(../images/li_6.png);}

.Share .bghd{text-align:center; padding-top:2%; display:none;}
.Share .bghd span{ width:40px; height:40px; display:inline-block; cursor:pointer; background:url(../images/close.png) no-repeat center center; background-size:cover;}
/*分享*/
@media (max-width:480px){
.Share{ font-size:90%;}
}
@media (max-width:320px){
.Share{ font-size:80%;}
}

.yearlistwraper{ position:relative;}
.yearlistwraper a.aleft,.yearlistwraper a.aright{ position:absolute; display:inline-block;width:30px; height:23px;  background-repeat:no-repeat; background-position: center center;}
.yearlistwraper a.aleft { left:0;background-image:url(../images/left.jpg);}
.yearlistwraper a.aright{ right:0; background-image:url(../images/right.jpg);}


.Subgun{ height:40px; overflow:hidden; position:relative; width:260px; margin:auto;}
.Subgun ul{ position:absolute; left:0px; width:20000px;}
.Subgun li{ width:80px; float:left;text-align:center; margin-left: 6px; }
.Subgun li a{ width:80px; border:1px solid transparent ;  display:inline-block; text-align:center; font-family:Arial; font-size:1.5em;}
/*.Subgun li a.aon{width: 78px; background-color:#fff; border:1px solid #c3b199;}*/
.Subgun li.on a{width: 78px; background-color:#fff; border:1px solid #c3b199;}

.history_list{width: 600px; height: 942px; position: relative; overflow: hidden;}
.history_list ul{position: absolute; top: 0; left: 0;}
.history_list ul li{width: 600px; padding:2px 0;}
.history_list ul li figure{ padding:2% 0; margin:0;}
.history_list ul li figure img{ width:100%;}
@media (max-width:640px){
.history_list ul li p{padding-right: 30%; }
}
@media (max-width:480px){
.history_list{width: 480px;}
.history_list ul li{width: 480px;}
.history_list ul li p{padding-right: 30%; }
}
@media (max-width:320px){
.history_list{width: 320px;}
.history_list ul li{width: 320px;}
.history_list ul li p{padding-right: 10%;}
}

.show_box{ width:100%; height:100%; background:#000; position:fixed; top:0; left:0;}
.s_body{ max-width:640px; margin:0 auto; position:relative; z-index:9999;}
.s_body .back{ font-size:1.8em; color:#fff; padding:5%; display:block;}