@charset "utf-8";

/* CSS Document */

body{margin:0;padding:0;font-size:14px;font-family:"微软雅黑";-webkit-text-size-adjust:none;color:#000;width: 100%;min-width: 320px;}

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%;}



ul,li{list-style-type:none;}

a{color:#000;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{position:fixed; top:0; left:0; width:100%;z-index:9999;}

.search{width:30px;position:absolute;left:2%;top:10px;z-index:8;}

.ss{width:0;height:35px;position:absolute;left:0;top:7px;overflow:hidden;z-index:7;}

.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;}

.top{width:40px;position:absolute;left:2%;top:8px;}

/*index*/

.company{padding-left:3%;padding-top:5%;font-size:15px;line-height:1.5;opacity:0;}

.com_pic{width:40%;float:left;padding:0 2% 0 0;}



.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;}





.top_list{clear:both;overflow:hidden;}

.top_list li{width:18%;float:left;padding:2% 0 0 1.6%;position:relative;}

.top_list li a{color:#787878;}

.top_list_t{width:100%;font-size:3vw;line-height:300%;text-align:center;color:#787878;}

.news{padding:0 2% 2% 2%;overflow:hidden;}

.news_title{padding:10% 0;position:relative;}

.news li{ width:96%;padding:3% 2%;color:#000;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;height:80px;}

.news li a{color:#787878;float:left;}

.news_title a{color:#fff;}

.index_news_img{width:22%; float:left;}

.index_mews_img{width:100%;}

.index_news_font{width:73%;float:right;height:55px;overflow:hidden;}

.news_tit{font-size:12px;width:100%;float:right;}

.news_con{font-size:12px;width:100%;text-indent:2%;margin-top:2%;color:#a3a3a3;float:right;text-align:left;}

.time{margin-top:10px;width:100%;height:20px;border-top:1px dashed #c6c6c6;border-bottom:1px dashed #c6c6c6; font-size:10px;line-height:20px; color:#999999;text-align:left;}

/*.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;}

.pro_title{padding:10% 0;position:relative;}

.com_title{padding:5% 0;position:relative;}

.pro_title a{display:block;}

.xian{width:80%;height:15px;background:#fef2cf;margin-left:3%;float:left; }

.xian1{width:80%;height:15px;background:#dbeeff;margin-left:3%;float:left; }

.xian2{width:80%;height:15px;background:#fcd4e0;margin-left:3%;float:left; }

.xian1 span{display:block;width:25%;text-align:center;line-height:15px;background:#fff;margin-left:5%}

.xian2 span{display:block;width:25%;text-align:center;line-height:15px;background:#fff;margin-left:5%}

.xian span{display:block;width:25%;text-align:center;line-height:15px;background:#fff;margin-left:5%}

.more{position:absolute;top:25%;left:82%;}

.more1{position:absolute;top:0%;left:82%;}

.more2{position:absolute;top:18%;left:82%;}

.more3{position:absolute;top:46%;left:60%;background:#fff;}

.more3 img{width:15%;float:left;}

.more3 span{float:right;}

.more3 a{display:block;float:left;}

.pro_text{color:#666666;height:30px;line-height:30px;font-size:3vw;background:#f0f0f0;}

.pro_nr li{width:30%;float:left;text-align:center;margin:0 1.5% 4% 1.5%;background:#fff;

/*transform: rotateY(0deg);

-webkit-transform: rotateY(0deg);

-moz-transform: rotateY(0deg);

animation:fz 1s linear;

-webkit-animation:fz 1s linear;

-moz-animation:fz 1s linear;

animation-fill-mode: forwards;

-webkit-animation-fill-mode: forwards;

-moz-animation-fill-mode: forwards;*/

opacity:1;}

.pro_nr_pic img{width:100%;}

.pro_zz{opacity:0;

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;}





@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*/

.copyright{color:#222222;font-size:16px;text-align:center;line-height:30px;}

	#foot {width:100%; max-width:640px; margin:0 auto; background:url(../images/index_chizi1.jpg) no-repeat; background-size:100% 100%; padding:5px 0 5px 0; position:fixed; bottom:0; z-index:8;   overflow:hidden; }



    #foot ul {width:97%; height:auto; float:left; margin-left:2%; overflow:hidden; }

        #foot ul li {width:22%; height:auto; float:left; margin-left:2%; overflow:hidden; }

            #foot ul li a {width:100%; height:auto; float:left;  font-family:'Microsoft YaHei'; font-size:14px; color:#fff; line-height:25px; font-weight:normal;}

                #foot ul li a img {width:40%; height:auto; display:block; margin:0 auto; border:none;}

                #foot ul li a font {width:100%; height:auto; float:left;  font-family:'Microsoft YaHei'; font-size:14px; color:#fff; line-height:25px; font-weight:normal; text-align:center; }







/*top*/

.to-top{display:none;padding:22px;background:url(../images/ttp.png) no-repeat;}



.index_chizi img{width:100%;display:block;}

/*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; }

*/







#gengduo_button{border:none;background:#4dacff;color:#fff;border-radius:5%;cursor:pointer;}

/*banner*/



#ban{ margin-top:1px;}



#ban img{ width:100%;}



#banner{}



.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:12px; height:12px; line-height:99em; background:rgba(255,255,255,0.5); border-radius:90px;margin:0px 2px 0px 2px; overflow:hidden; cursor:pointer; display:inline-block;}



#pagenavi a.active{ background:#fff;}



/*栏目*/

.lanmu{

	width:94%;

	margin-top: 3%;

	background: url(../images/cp.png);

	background-size:100% 100%;

	height:100%;

margin-left: 3%;

}



.wenben{height:100px;resize:none;}

.box_main {

	min-width: 320px;

	max-width: 640px;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

}

.cent{

	width: 100%;

}



.cent p{

	font-size: 100%;

	color: #000;

	

}



/*分类样式*/



.index_liebiao{

	width:94%;

	padding-top: 2%;

	padding-bottom:8%; 

}



.index_liebiao li{

	float: left;

	background: #e6e6e6;

	padding:2% 4%;

	margin-bottom:4%;

	margin-left:3.5%; 

}

.index_liebiao li:hover{background:#4dacff;}

.index_liebiao a{



	font-size: 100%;

	

}



/*新闻列表样式*/

.list1{

	border-radius:8px;

	width:94%;

	background: #de172e;

	padding: 4% 0;

	margin-top:3%;

}

.list1 a{

	color:#fff;

	text-align: left;

}

.list span{

	color:#fff;

	float: right;

}





/*新闻详细页*/



.news_show_cont p{

	font-size: 100%;

    color:#343434;

	margin-bottom: 2%;

	text-align:center;

	width:100%;height:25px;

	border-bottom:1px solid #ccc;

}

.news_show_cont span{

	font-size: 100%;

	color:#747474;

}

.news_show_contp{

    width:100%;

    height:30px;;font-size:12px;color:#a1a1a1;

    line-height:30px;text-align:center;

}



#Rlc_title{width:80%;height:30px;line-height:40px;margin:0 auto;}

#Rlc_name{width:80%;height:30px;line-height:40px;margin:0 auto;}

#Rlc_tel{width:80%;height:30px;line-height:40px;margin:0 auto;}

#Rlc_email{width:80%;height:30px;line-height:40px;margin:0 auto;}

#lc_title{width:90%;height:25px;float:left;text-indent:25%;}

#lc_name{width:90%;height:25px;float:left;text-indent:25%;}

#lc_tel{width:90%;height:25px;float:left;text-indent:25%;} 

#lc_email{width:90%;height:25px;float:left;text-indent:25%;} 

.input_title{width:80%;height:30px;border:1px solid #ccc;float:right;}

.input_username{width:80%;height:30px;border:1px solid #ccc;float:right;}

.input_tel{width:80%;height:30px;border:1px solid #ccc;float:right;} 

.input_email{width:80%;height:30px;border:1px solid #ccc;float:right;}

.input_content{width:100%;height:125px; text-indent:20px;padding-top:15px; resize:none;border:1px solid #ccc;}

.tjborder{width:30%; height:50px;margin:0 auto;   margin-top:25px;}

.input_submit{width:100%; height:40px; background-color:#ffab01; font-size:16px; border:0; color:white;font-weight:bolder; letter-spacing:2px; }





.page1 {

	width: 50%;

	margin:0 auto;

	padding: 15px 0 15px 0;

}



.page1 li {

	width: 50%;

	float: left;

	text-align: center;

}



.page1 li div {

	width: 80%;

	height: 35px;

	line-height: 35px;

	text-align: center;

	background: #e3e3e3;

	color: #595959;

	margin:0 auto;

	border-radius:5px;

}



.page1 li div a {

	color: #595959

}







.products_list{

	width:94%;

	padding: 0 3%;

}

.products_list li{

	float: left;

	width:29%;

	margin:0 2%;

	margin-bottom:5%;

}

.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{

	height:30px;line-height:30px;

	background:#f0f0f0;

	font-size:12px;

}

/*图文详情*/

.products_con{

	width:94%;

	padding:0 3%;

	padding-bottom: 3%;

}

.products_con img{ width:60%;}

.products_con p{

	font-size:100%;

	padding-bottom: 3%;

    font-weight:bolder;

}

.products_con span{

	font-size:100%;

	color: #262626;

}

.pro_show{width:95%;height:35px;background:#e6e6e6;margin:0 auto;line-height:35px;text-align:left;text-indent:5%;}

.pro_ccc{width:95%;text-align:left;}

/*更多*/

.com_more{width:40px;height:40px;display:block;margin:0 auto 3% auto;background:#FCBA5A;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;}

.com_more a{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;}

.mt{width:100%;height:50px; margin-top:20px;}

.job_list{padding:5%;} 

.job_s_title{color:#4dacff;}