@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:12px; line-height:200%;font-family:"微软雅黑";-webkit-text-size-adjust:none; background:#161618;color:#787878;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;width:100%;}
input{-webkit-appearance: none;}
ul,li{list-style-type:none;}
a{color:#787878;text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}

/*header*/
.logo{top:0; left:0; width:100%; background:#252326; position:fixed; z-index:99999;}
#logo{top:0; left:0; width:100%; background:#252326; position:fixed; z-index:2;}
.search{width:30px;position:fixed;left:2%;top:20px;z-index:100; cursor:pointer;}
.back{width:30px;position:absolute;left:2%;top:16px;z-index:90;}
.ss{width:0;height:35px;position:absolute;left:0;top:18px;overflow:hidden;z-index:91;}
.ss_bd{width:68%;height:35px;border:none;background:#fff;float:left;color:#333333;padding:0 0 0 12%;font-family:"微软雅黑";border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:16px;}
.ss_btn{width:20%;float:left;line-height:35px;background:#ffc600;border:none;color:#fff;font-family:"微软雅黑";border-radius:3px;
-moz-border-radius:3px;-webkit-border-radius:3px;font-size:18px; cursor:pointer;}
.top{width:40px;position:absolute;left:2%;top:8px;}

.top_list{clear:both;padding:0 0 3% 0;overflow:hidden;}
.top_list li{width:46%;float:left;padding:2% 0 0 2.7%;position:relative;}
.top_list li a{color:#fff;}
.top_list_t{width:95%;position:absolute;top:20%;right:5%;color:#fff;font-size:16px;text-align:right;}

.i_lx{background:url(../images/i_lx.jpg) no-repeat 100% 100%; width:90%; padding:5%; overflow:hidden; font-size:18px; color:#FFFFFF; line-height:180%;}
.i_lx a{ font-size:20px; color:#FFFFFF; line-height:180%;}
.i_bq{ padding:3% 5% 20% 5%; color:#3a3a3a; background:#181818; width:90%; overflow:hidden;}
/*.news li{background:#de172e;width:96%;padding:3% 2%;color:#fff;font-size:15px;text-align:right;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0 0 3% -100%; -webkit-animation:mymar 1s linear; opacity:0;-webkit-animation-fill-mode: forwards }
@-webkit-keyframes mymar{
	0%{margin:0 0 3% -100%; opacity:0;}
	20%{margin:0 0 3% -80%; opacity:0.2;}
	40%{margin:0 0 3% -60%; opacity:0.4;}
	60%{margin:0 0 3% -40%; opacity:0.6;}
	80%{margin:0 0 3% -20%; opacity:0.8;}
	100%{margin:0 0 3% 0; opacity:1;}}*/
.news_more a{width:40px;height:40px;display:block;margin:0 auto;background:#fff;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#000;}
.news_more a:hover{background:#de172e;color:#fff;transform:rotate(360deg);
transition:background 1s linear,color 1s linear,transform 1s linear;
-webkit-transition:background 1s linear,color 1s linear,transform 1s linear;
-moz-transition:background 1s linear,color 1s linear,transform 1s linear;
-ms-transition:background 1s linear,color 1s linear,transform 1s linear;
-0-transition:background 1s linear,color 1s linear,transform 1s linear;}
.news_more1{transform:rotate(360deg);transition:transform 1s linear;-webkit-transition:transform 1s linear;-moz-transition:transform 1s linear;}
.news_more2{width:40px;height:40px;display:block;margin:0 auto;background:#fff;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#000;}

/*成功作品*/
.product{background-size:cover;overflow:hidden;}
.pro_bg{background:#252326;}
.pro_tit{margin:0 auto; text-align:center; padding:4% 0 7% 0;}
.pro_tit .p1{color:#ffffff; font-size:16px; padding:5% 0 1.5% 0;}
.pro_tit .p2{color:#ae9168; font-size:14px; text-align:center;}

.pro_type{background:#020202; border-top:4px solid #161616; text-align:center; padding-top:2%;}
.pro_type a{text-align:center; padding:0 1.5%; color:#7b7b7b; font-size:16px; display:inline-block;}
.pro_type a:hover{/*border-top:4px solid #cca773;*/ color:#cca773;}

.pro_list{padding:5% 0;}
.pro_list li{float: left;width:45%;margin:0 1.5% 3% 1.5%; border:3px solid #414141;}
.pro_list li .pro_list_pic{background:url(../images/Preloader_1.gif) no-repeat 50% 50%;border:none;}
.pro_list li .pro_list_pic img{width:100%;border:none;}
.pro_list li .pro_list_t{width:100%; background:#000000; text-align:center; color: #ffffff; font-size:14px; text-align:center;}
.pro_list li .pro_list_t a{color:#fff;}
.pro_zz{opacity:1;
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-0-transform: rotateY(360deg);
transition:transform 1s linear,opacity 1s linear;
-webkit-transition:transform 1s linear,opacity 1s linear;
-moz-transition:transform 1s linear,opacity 1s linear;
-ms-transition:transform 1s linear,opacity 1s linear;
-0-transition:transform 1s linear,opacity 1s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;}





/*服务内容*/
.ser_bg{ overflow:hidden;}
.ser_tit{margin:0 auto; text-align:center; padding:4% 0 5% 0;}
.ser_tit .p1{color:#ffffff; font-size:16px; padding:5% 0 1.5% 0;}
.ser_tit .p2{color:#ae9168; font-size:14px; text-align:center;}

.ser_list{/*background:url(../images/bg.jpg) repeat top center; background-size:100% 100%; padding:2.5% 2% 3.5% 2%;*/}
.ser_list li{width:21%;float:left;text-align:center; margin:3% 2% 6% 2%; position:relative;}
.ser_list li a{display:block;}
.ser_list li div{}
.ser_list li img{border:none;width:80%; text-align:center}
.ser_list li p{width:100%; text-align:center; color:#ffffff; font-size:16px; display:block; padding-top:5px;}
.ser_list li span{width:100%; text-align:center; color:#454545; font-size:12px; display:block;}

.gd{background:#75ac4f; padding:1% 2%; width:25%; margin:0 auto; text-align:center; color:#fffdfe; font-size:14px;}
.gd a,.gd a:hover{color:#fffdfe;}

/*新闻资讯*/
#news_list{background:url(../images/new_bg.jpg) repeat top center; background-size:100% 100%;}
.new_tit{margin:0 auto; text-align:center; padding:4% 0 2% 0;}
.new_tit .p1{color:#ffffff; font-size:16px; padding:5% 0 1.5% 0;}
.new_tit .p2{background:url(../images/new_tit.png) no-repeat top center; background-size:100% 100%; color:#ae9168; font-size:14px; text-align:center;}

.new_list{width:97%; position:relative; padding:0 1.5%;}
.new_list a{color:#333333;text-align: left; display:block; padding:3% 0; border-bottom:1px solid #2f2e2f;}
.new_list .new_l_y{height:20px; line-height:20px; text-align:left; color:#a7a7a7; font-size:16px; font-weight:bold;}
.new_list .new_l_m{height:44px; line-height:44px; text-align:left; color:#a7a7a7; font-size:20px; font-weight:bold;}
.new_list .new_l_m span{border-bottom:3px solid #a7a7a7;}
.new_list .new_l_tit{text-align:left; color:#a7a7a7; font-size:16px;}
.new_list .new_l_con{color:#787878; font-size:14px;}

.mr{background:url(../images/mr.jpg) repeat-x top center; padding:1% 2%; width:25%; margin:0 auto; text-align:center; color:#75ac4f; font-size:14px;}
.mr a,.mr a:hover{color:#75ac4f;} 

/*关于我们*/
.index_com{width:100%; margin:0 auto;}
.comp{width:100%;overflow:hidden; margin:0 auto; position:relative;}

.com_title{background:#252326; width:100%; color:#ae9168;font-size:16px;text-align:center; padding:6% 0 2% 0;}
.com_title p{color:#ffffff; font-size:18px;}
.com_tit{width:52%; float:right; text-align:left;}

.com_nr{background:#1e1c1f;}
.com_pic{width:44%; float:left;}
.com_pic img{width:44%; padding:0 2%; position:absolute; top:20px;}
.company{width:52%; background:#1e1c1f; text-align:left;color:#787878;font-size:14px; float:right;}
.company span,.company p,.company a{color:#787878;font-size:14px;}

.com_bg{background:url(../images/com_bg.jpg) no-repeat top center; background-size:100% 100%;}

.com_tm{opacity:1;
transition:opacity 1s linear;
-webkit-transition:opacity 1s linear;
-moz-transition:opacity 1s linear;
-ms-transition:opacity 1s linear;
-0-transition:opacity 1s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;}

@keyframes fz{
	0%{transform: rotateY(0deg); opacity:1;}
	20%{transform: rotateY(60deg);opacity:0.8;}
	40%{transform: rotateY(120deg); opacity:0.6;}
	60%{transform: rotateY(180deg); opacity:0.6;}
	80%{transform: rotateY(120deg); opacity:0.8;}
	90%{transform: rotateY(60deg); opacity:0.8;}
	100%{transform: rotateY(0deg); opacity:1;}
	}

@-webkit-keyframes fz{
	0%{transform: rotateY(0deg); opacity:1;}
	20%{transform: rotateY(60deg);opacity:0.8;}
	40%{transform: rotateY(120deg); opacity:0.6;}
	60%{transform: rotateY(180deg); opacity:0.6;}
	80%{transform: rotateY(120deg); opacity:0.8;}
	90%{transform: rotateY(60deg); opacity:0.8;}
	100%{transform: rotateY(0deg); opacity:1;}
	}
@-moz-keyframes fz{
	0%{transform: rotateY(0deg); opacity:1;}
	20%{transform: rotateY(60deg);opacity:0.8;}
	40%{transform: rotateY(120deg); opacity:0.6;}
	60%{transform: rotateY(180deg); opacity:0.6;}
	80%{transform: rotateY(120deg); opacity:0.8;}
	90%{transform: rotateY(60deg); opacity:0.8;} 
	100%{transform: rotateY(0deg); opacity:1;}
	}	

/*footer*/
.copy{background:url(../images/copy.jpg) no-repeat top center; background-size:100% 100%; color:#222222;text-align:center; padding:5% 0;}
.bot{background:url(../images/bj.png) repeat top center; background-size:100% 100%; margin:0 24%;}
.bot .bq{padding:2%; color:#ffffff; font-size:14px; text-align:center;}
.footer{position:fixed;left:0;bottom:0; width:100%; z-index:50;}
.footer ul{background:#131315; margin-top:-2%;}
.footer ul li{width:25%;float:left;text-align:center;color:#eaeaea; margin:2% 0 1% 0;}
.footer ul li img{}
.footer ul li a{width:100%;display:block;font-size:14px;color:#fff;line-height:22px;}
.footer ul li a:hover{color:#fff;}
/*.footer_text a:hover{background:#de172e;font-size:20px;color:#ffc600; transition:background 0.5s linear,color 0.5s linear,font-size 0.5s linear;}*/

/*top*/
.to-top{display:none;padding:5px 0; width:8%;}
.to-top img{width:100%;}

/*loading*/
/*@-webkit-keyframes line-scale {
  0% {-webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div {
  background-color: #fff;
  width: 3px;
  height: 30px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }
*/




/*banner*/
#ban{ margin-top:1px;}
#ban img{ width:100%;}
#Banner{padding-top:11%;}
.swipe{}
.swipe ul{}
#slider{ position:relative; overflow:hidden;}
#slider li{ float:left;}
#pagenavi{ position:absolute; bottom:0; width:100%; z-index:1; text-align:center; padding:10px 0;}
#pagenavi a{ width:0; height:0; line-height:99em; background:#FFF; border-radius:90px;margin:0px 2px 0px 2px; overflow:hidden; cursor:pointer; display:inline-block;}
#pagenavi a.active{ background:none;}


/*所在位置*/
.szwz{ width:96%; background:#252326; height:30px; line-height:30px; border-bottom:1px solid #363536; color:#666666; font-size:14px; padding:0 2%; overflow:hidden;}
.szwz img{float:left; width:4%; padding:2px 5px 0 0;}
.szwz a{color:#666666;}
.szwz span{color:#cca773;}

/*分类*/
.type{padding:5% 2%;background:#252326;}
.type a{background:#cecece; margin:1%; padding:0 1%; color:#333333; font-size:14px; text-align:center; float:left;}
.type a.sect{background:#cca773; color:#fff;}


.box_main {
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
	overflow: hidden;
	position: relative; padding-bottom:80px;
}
.cent{padding:3%; color:#787878; font-size:14px;}

.cent span,.cent p{color:#787878;}

/*分类样式*/

.index_liebiao{
	width:94%;
	padding-top: 2%;
	padding-bottom:8%; 
}

.index_liebiao li{
	float: left;
	background: #2c2f34;
	padding:2% 2%;
	margin-bottom:2%;
	margin-left:1.5%; 
	border-radius:5px; 
}
.index_liebiao a{

	font-size: 100%;
	color:#fff;
}

/*新闻列表*/
.news_list ul{width:97%; margin:0 auto;}
.news_list ul li{ padding:3% 0; border-bottom:1px solid #2f2e2f; text-align:left;}
.news_list ul li a,.news_list ul li a:hover{color:#353535;}
.news_list ul li .news_l_y{height:20px; line-height:20px; text-align:left; color:#a7a7a7; font-size:16px; font-weight:bold;}
.news_list ul li .news_l_m{height:44px; line-height:44px; text-align:left; color:#a7a7a7; font-size:20px; font-weight:bold;}
.news_list ul li .news_l_m span{border-bottom:3px solid #a7a7a7;}
.news_list ul li .news_l_tit{text-align:left; color:#a7a7a7; font-size:16px;}
.news_list ul li .news_l_con{color:#787878; font-size:14px;}


/*新闻详情*/

.news_show{padding:2%;}
.news_s_tit{text-align:left; color:#a7a7a7; font-size:18px;}
.news_s_date{text-align:left; color:#a2a2a2; padding:1% 0; border-bottom:1px solid #2f2e2f;}
.news_s_con{padding:1% 0 2% 0; text-align:left; color:#787878; font-size:14px;}
.news_s_con span,.news_s_con p{color:#787878;}

.page1 {
	margin:0 auto;
	margin:2%; padding:1% 0; background:#252326;
}

.page1 li {
	width: 100%;
	float: left;
	text-align: center; font-size:14px;
}

.page1 li div {
	width: 95%;
	text-align: left;
	color: #555555;
	margin:0 auto;
}

.page1 li div a {
	color: #555555;
}

.page1 li div a:hover{color:#555555;}


/*图文列表*/
.products_list{width:99%; padding:5% 0 3% 1%; text-align:left}
.products_list li{float: left;width:45%;margin:0 1.5% 3% 1.5%; border:3px solid #414141;}
.products_list_pic{background:url(../images/Preloader_1.gif) no-repeat 50% 50%;border:none;}
.products_list_pic img{width:100%;border:none;}
.products_list_t{width:100%; background:#000000; text-align:center; color: #ffffff; font-size:14px; text-align:center;}
.products_list_t a{color:#fff;}

.in_pro_con{width:99%; padding:5% 0 3% 1%; text-align:left}
.in_pro_con li{float: left;width:97%;margin:0 1.5% 3% 1.5%; border:3px solid #414141;}
.in_pro_con_pic{background:url(../images/Preloader_1.gif) no-repeat 50% 50%;border:none;}
.in_pro_con_pic img{width:100%;border:none;}
.in_pro_con_t{width:100%; background:#000000; text-align:center; color: #ffffff; font-size:14px; text-align:center;}
.in_pro_con_t a{color:#fff;}

.sub_more{background:#cfad80; padding:1% 2%; width:55%; margin:0 auto; text-align:center; color:#161618; font-size:14px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.sub_more input{color:#161618; cursor:pointer; background:none; border:0;}

/*图文详情*/
.pro_show{padding:2%;}
.pro_s_tit{text-align:left; color:#a7a7a7; font-size:18px;}
.pro_s_date{text-align:left; color:#a2a2a2; padding:1% 0; border-bottom:1px solid #2f2e2f;}
.pro_s_pic{width:85%; margin:2.5%; border:3px solid #414141;}
.pro_s_pic img{width:auto; max-width:100%;}
.pro_s_detail{text-align:left; color:#b00b2d; font-size:16px;}
.pro_s_con{padding:1% 0 2% 0; text-align:left; color:#787878; font-size:14px;}

/*招聘列表*/
.job{padding:3% 0;}
.job_list{width:94%; margin:0 auto; padding:3% 0; border-bottom:1px dashed #dfdfdf;}
.job_l_tit{color:#444444; font-size:14px;}
.job_l_con{color:#444444; font-size:14px; text-align:left;}

.job_show{width:94%; margin:0 auto;}
.job_s_tit{color:#d02626; font-size:18px;}
.job_s_con{padding:0 0 2% 0; border-bottom:1px dashed #cccccc; text-align:left;}


/*留言*/
.gbook{width:97%; margin:0 auto; padding:5% 1.5%;}
.gbook .gbookinput{background:#252326; width:78%; height:35px; line-height:35px; border:0; padding:0 2%; color:#787878; outline:none;}
.gbook .gbooktext{width:96%; padding:1% 2%; height:100px; line-height:25px; background:#252326; border:0; color:#787878; outline:none; resize:none;}
.gbook .sub{background:url(../images/sub.jpg) no-repeat top center; border:0; width:72%;background-size:100% 100%; color:#ffffff; font-size:14px; padding-right:5px; /*line-height:53px; margin:0 auto; color:#ffffff; font-size:24px; font-family:"微软雅黑";*/ cursor:pointer;}
.gbook .res{background:url(../images/res.jpg) no-repeat top center; border:0; width:72%;background-size:100% 100%; color:#ffffff; font-size:14px; padding-right:12px; /*line-height:53px; margin:0 auto; color:#ffffff; font-size:24px; font-family:"微软雅黑";*/ cursor:pointer;}


/*更多*/
.com_more{background:#cca773; width:42%; text-align:center; padding:1% 0; margin-top:2%; color:#fff; font-size:14px;display:block;}
.com_more a,.com_more a:hover{color:#fff;}

.pro_more{width:40px;height:40px;display:block;margin:0 auto 3% auto;background:#000;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;}
.pro_more a{color:#fff;}
.tanchu{width:120px;height:25px;margin:0 auto;background:#000;text-align:center;color:#fff;font-size:14px;position:fixed;top:50%;left:50%;margin-left:-50px;z-index:9999;display:none;line-height:25px;}