@charset "utf-8";
html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}

body {	margin:0;
		padding:0;
		text-align:left;
		color:#333333;
		font-size: 1.4rem;/*1.6 × 10px = 16px */
		font-family:"Microsoft YaHei", Arial, helvetica, sans-serif;
		background:#ffffff;
		}

a:link {  color: #333333; text-decoration: none}
a:visited {  color: #333333; text-decoration: none}
a:hover {  text-decoration:none;
			color: #0091ea;
		}
		
a:focus {
     outline:none;
     -moz-outline:none;
}
div,p,h1,h2,h3 { margin:0; padding:0;}

h1,h2,h3 {}

h1{ font-size:28px;}
h2 {font-size:20px;}

.clear { clear:both;}

img {border:0px;}
	
ul, li { list-style-type:none;
		list-style:none;
		margin:0;
		padding:0;
		text-align:left;
	}
input,textarea {}

.wenben {
	font-size:16px;
	line-height:30px;
	text-align:left;
	color:#333333;
	letter-spacing:0.0em;
	font-family:Arial, Helvetica, sans-serif;
}

.wenben ol li { line-height:30px; list-style-type: disc; font-size:14px;}


.wenben0 {
	font-size:2.5rem;
	line-height:4rem;
	text-align:left;
	color:#292929;
	letter-spacing:0.0em;
	text-align:Justify;
	text-justify:inter-ideograph;
	padding:0 10px;
}

.wenben0 h2{
	color:#0051b5;
	margin:10px 0;
}


.wenben01 {
	font-size: 2.5rem;
	line-height:60px;
	text-align:left;
	color:#333333;
	letter-spacing:0.0em;
	
	
}

.border { border:#333333 1px solid;}
.center { width:100%; margin:0 auto;}
.left { float:left;}
.right { float:right;}

.red { color: #0091ea;}

.red a:link {  color: #0091ea; text-decoration: none}
.red a:visited {  color: #0091ea; text-decoration: none}
.red a:hover {  text-decoration:none;
				color: #0091ea;
		}	
			
.opa {opacity:0;filter:alpha(opacity=0);}		
/*PAGE
----------------------------------------*/
.page{ margin:20px; text-align: right; border-top:#CCC 1px dotted;}
.prev_next { padding:0 20px;}
.prev_next li {margin:10px auto; background:#eee; padding:5px; font-size:20px; line-height:50px; height:50px;}
.prev_next li { background:#dfdfdf; display:block; border-radius:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prev_next li:hover{ background:#d8d8d8; display:block; border-radius:3px;}
.back_list {padding:0 20px; text-align:right; font-size: 2.0rem; line-height: 40px;}
.back_list a {}
.back_list a:hover{}

.gridtable table {
	width:99%;
	margin:0 auto;
	border-width:1px;
	font-family: verdana,arial,sans-serif;
	color:#333333;
	border-color: #ccc;
	border-collapse: collapse;
	line-height: 30px;
}
.gridtable table th {
	border-width:1px;
	padding:5px;
	border-style: solid;
	border-color: #ccc;
	background-color: #dedede;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
}
.gridtable table td {
	border-width:1px;
	padding:5px;
	border-style: solid;
	border-color: #ccc;
	text-align: center;
	font-size: 14px;
}

.gridtable table td a { text-decoration:underline; color: #069;}


.hidden {
	display: none !important
}

/* Wrap
----------------------------------------*/
#wrap { width:100%; margin:0 auto; overflow:hidden; position: relative;}

.top_type { position: fixed; top:0; right: -200px; width: 200px; height:100vh; overflow: hidden; z-index:99; background: rgba(0,0,0,0.5); transition: all 0.5s;}
.top_type li { width: 100%; height: 10vh; line-height: 10vh; border-bottom: 1px solid #fff; font-size: 2.0rem;color: #fff; text-align: center;}
.top_type li a {color: #fff;}
.open { transform: translateX(-200px); }

.top_menu_bg { width: 100%; height: 100%; position: fixed; z-index:98; display: none;}

/* Header
----------------------------------------*/

#top_note { display: none; width:100%; height:60px; background:#313133; color:#96989c; position: relative;}
.top_tel { width: 360px; padding-left:30px; background: url(../Image/icon_tel.png) left center no-repeat;  position: absolute; top:0; right:2%; font-size:18px; color:#7e7e7f; height:60px; line-height:60px;}
.top_tel span { font-size: 30px; color: #fff; font-weight: bold; display: inline-block; }
.top_tel span a { color: #fff; }
#name_box_w {width:100%; height: 122px; overflow: hidden; background: #fff;}
#name_box { width:100%; margin:0 auto; height: 122px; position:relative;}

#name_box .logo { float: left; height: 88px; font-size: 6.0rem; font-weight: bold; color: #0091ea; text-align: left; padding:2.0rem 0;}
#name_box .tel { float: right; height: 88px; font-size: 6.0rem; font-weight: bold; color: #0091ea; text-align: right; padding:2.0rem 0;} 

.top_menu { /*position: absolute; top:3.5rem; right: 2.0rem; font-size: 4.0rem; color: #0084d2;*/ }



/*#name_box .menu_icon { float:right; margin-top:6%; margin-right:4%; cursor: pointer; width: 75px; height: 75px; background:url(../Image/menu_icon.png) no-repeat; }
#name_box #next_tel { float:right; margin-top:6%; margin-right:4%; font-size: 35px; color: #8eca72;}
*/

#top_news_box { width:100%; height:83px; background: url(../Image/top_news.gif) no-repeat;}
#top_news_box_cx { padding:0 60px; width: 520px; height:83px; line-height:83px; font-size: 25px; position:relative;}
#top_news_box_cx span{ color: #0091ea; }

#top_news_box_cx .xw { position: absolute; top:0; right:30px; }
#top_news_box_cx .xw a{ color: #fff; }

.menu{ width:100%; background: #0062db; height: 185px; overflow: hidden;}
.menu .nav{}
.menu .nav li{width:25%; text-align: center; box-sizing: border-box; height: 92px; float: left; font-size:3.0rem; border-bottom: 1px solid #5496e7;}
.menu .nav li a{ color:#fff; width:100%; height:92px; display: inline-block; text-align:center; line-height:92px; }
.menu .nav li a:hover{ background: #ffb400; color: #000; }


.hiden { display: none; }
.show { display: block !important; }


.shadow{ width:100%; height:13px; position:absolute; top:0; left:0; z-index:99999; }
#banner_box { width:100%; overflow:hidden; position:relative; background: #fff; height: 259px;}
#banner { width:100%; height:259px; overflow: hidden; margin:0 auto; text-align:center; position:relative;}


.in_bar { margin-top: 1px; padding-left: 100px; background: url(../Image/in_bar.gif) #f60; height: 76px; line-height: 76px; text-align: left; font-size: 2.8rem; color: #fff; }
.in_bar a { color: #fff; }

.in_bar0 { margin-top: 1px; padding-left: 100px; background: url(../Image/in_bar0.gif) #0062db; height: 76px; line-height: 76px; text-align: left; font-size: 3.0rem; color: #fff; }
.in_bar0 a { color: #fff; }
.cur { background: #0077e9; }

/* Mid
---------------------*/

#zy_box_wrap { padding:20px 0; background: #fff;}
#box_wrap { padding: 0; background: #fff;}


.zy_title { height: 90px; line-height: 90px; position:relative; text-align: center; background:#0091ea; color: #fff; font-size: 3.6rem; margin-top: 20px;}
.title_box { padding:0 10px; position:relative; background:#f7f7f7; font-size: 28px; line-height: 80px;}

/* left
----------------------------------------*/
#left_box { width:28%;
			float:left;
			background:#f5f5f5;
			border-right: #dbdbdb 1px solid;
			padding-bottom:10vh;
			}
.lf_title_box { font-size:20px;  line-height:70px; color:#fff; background:#0051b5; text-align:center;}

.lf_title_box span { color:#000; font-weight: bold;}

.lf_box { width:100%;
}


.lf_lx_box { border:#efefef 1px solid; padding:8px; background:#fafafa;}

.lf_lx_list {padding:20px 0 20px 20%; font-style:normal !important;}
.lf_lx_list li { line-height:20px; font-size:25px; }
.lf_lx_name { font-size:30px;  text-align:left;}

#lf_lxwm_box { color:#fff; background:#0051b5; text-align:center; padding:30px 0;}

.lf_ly_bt { width:180px; height:30px; text-align:center; margin:0 auto;}

.lf_ly_bt a{ display:block; width:100%; height:30px; line-height:30px; text-align:center; font-size:15px;  background:#FFF; color:#000;}
.lf_ly_bt a:hover{background:#f60; color:#fff;}


/* Right
----------------------------------------*/

#right_box_w { width:65%;
				min-width:800px;
				float:right;
				padding-right:5%;
}

.rt_main_box {height: auto !important; min-height:300px; height: 300px;}

.gs_pic { width:300px; padding:5px; border:#efefef 1px solid; background:#FFF; float:left; margin-right:20px;}

.my_txt { padding:15px;}

.lx_list li{ font-size: 25px; line-height: 50px; }



#in_type_box { background: #fff; }
.type_title { width:100%; text-align:center; padding:10px 0;}
.list { padding:20px; }
.list li { width:50%; height:80px; float:left;}
.list li a { color:#333333; width:270px; padding-left: 30px; background: url(../Image/dot.png) left center no-repeat; text-align: left; height: 80px; line-height:80px; font-size:31px; display: block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/* Footer
----------------------------------------*/

.e_menu{ width:100%; height: 146px; background:#fff; position: fixed; bottom: 0; z-index: 999;}
.e_menu .e_nav{}
.e_menu .e_nav li {width:25%; height: 146px; box-sizing: border-box; float: left; font-size:3rem;}
.e_menu .e_nav li a{ color:#fff; width:100%; padding:10px 0; height:146px; line-height: 50px; display: block; text-align:center;}
.e_menu .e_nav li img { display: inline-block; position: relative; top:10px; }
#back { }

/*NEWS CONTENTS PAGE*/


#best_news { width:100%; height:340px;}

#slide { width:677px; height:340px; float:left;}

#best_news_list { width:500px; height:340px; float:right;}

#best_news_list li { width:100%}
#best_news_list li span { font-size:24px;}

#best_news_list li { height:90px; line-height:20px; position:relative; margin:10px 0; border-bottom:1px solid #fff; overflow:hidden;}
#best_news_list li a{ height:80px; display:block; padding:5px; overflow:hidden;}
#best_news_list li a:hover{ background:#bcd8ff; color:#FFF;}

.news_detail {  padding:20px;}

#news_t{
	color:#000;
	font-weight:bold;
	text-align: center;
	font-size:30px;
	line-height: 60px;
}

#news_d{
	color:#000;
	font-size:16px;
	text-align:left;
	background:#efefef;
	margin:10px 0;
	padding:5px 10px;
	font-size:16px;
	
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	}

#news_img { text-align:center; position: relative; }

#news_img, .news_img { }

#news_img .img { border:1px solid #ccc; display: block; position: relative; display: block; background: #fff; }

.wenben01 img,#news_img img,.news_img img{ max-width:100%;}

#news_img .img .hot { position: absolute; left:0; top:0; }


#newsContent{

	margin-bottom:16px;
	text-align:left;
}
#newsContent img { max-width:730px;}

#newsInfo{
	margin:0px;
	font-weight:normal;
	text-align:left;
	padding-top:10px;
}

#newsInfo iframe { width:730px; }

#newsInfo img { max-width:730px;}

/*GUESTBOOK PAGE*/

.t_r { width:150px; }


.G_InputText{
	width:100%;
	height:40px;
	border:1px solid #ccc;
	padding:20px 0; 
	font-size: 25px;
	line-height: 40px;
}





.G_textarea{
	width:100%;
	height:130px;
	padding:10px 0; 
	border:1px solid #ccc;
	font-size: 25px;
	line-height: 40px;
}

.G_botton{
	width:161px;
	height:65px;
	line-height: 65px;
	font-size: 28px;
	background:#ffb400;
	font-family: "微软雅黑";
	cursor:pointer;
	color:#FFF;
	border:none;
	border-radius:5px;
	transition: all .2s;
	float: right;
	margin-top: 20px;
}

.G_select { padding:20px 0; line-height:40px; width:100%; font-size: 16px;}

.G_botton:hover{
	transition: all .2s;
	background:#f60;
}

.yanzheng{
	width:200px;
	height:50px;
	padding:10px;
	border: 1px solid #ccc;
	font-size: 25px;
	line-height: 50px;
}

 .jobs ul{
	list-style:none;
	margin-top:16px;
}

 .jobs ul li{
	height:150px;
	width:98%;
	margin:0 auto;
	border-top: 1px #cdcdcd dashed;
}

 .jobs ul li .recruit_info{
	color:#333333;
	font-family:'Microsoft YaHei',arial;
	font-size:14px;
	line-height:36px;
}

 .jobs ul li .recruit_info .job_nam{
	color:#be0000;
	font-weight:bold;
}

 .jobs ul li .but{
	width:74px;
	height:31px;
	line-height:31px;
	background:  #1f478e;
	border-radius:2px;
	float:right;
	margin-top:-40px;
	margin-right:22px;
	text-align:center;
}

 .jobs ul li .but a{
	text-decoration:none;
	font-family:'Microsoft YaHei',黑体,sans-serif;
	color:#FFF;
	display:block;
}


.recruit_info_tit_bg{
	width:100%;
	height:31px;
	background:#fff;
	border-radius:2px;
}
	
.recruit_info_tit_bg .recruit_info_tit{
	width:73px;
	height:31px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	background:#2962b3;
	font-family:'Microsoft YaHei',arial;
	font-size:14px;
	color:#fff;
	line-height:31px;
	text-indent:8px;
}

.recruit_info_main{
	padding:5px;
}

.recruit_info_main p {
	width: 650px;
	font-family:'Microsoft YaHei',arial;
	text-align: justify;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 28px;
	color: #333333;

}
.order { width:96%; margin:0 auto;}
.order_but { padding:10px; cursor:pointer;}

/*PRODUCTS LIST PAGE*/


.pro_detail { padding-left:20px; margin:20px 0;  height: 70px; line-height: 70px; background: #0091ea; border-bottom: 3px solid #f27c26; color: #ffffff; font-size: 30px; font-weight: bold;  } 

.listNews li{width: 90%; margin:0 auto; font-size: 30px; line-height:90px; height:90px; border-bottom:1px dashed #3a3a3a; position:relative; }
.listNews li a{ display: block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.listNews li:hover{border-bottom:1px solid #999;}

.Newstime{position:absolute; right:0; top:0; line-height:50px;}

.pro_title { padding:0 80px; margin:20px auto; height: 60px; font-size: 3.5rem; color: #202020; position: relative; text-align: center;}
.pro_title a { display: block;}


.pro_pic li{ width:46%; background:#e0f3ff; box-sizing:border-box; float:left; margin:2%; text-align:center; line-height:30px; padding: 0; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; font-size:16px;}
.pro_pic li img{ max-width:100%; height:200px; display:block; margin:0 auto;}

.pro_pic .t1{  font-size:20px; line-height:60px; background: #0091ea; overflow: hidden; white-space:nowrap;text-overflow:ellipsis; }
.pro_pic .t2{ font-size:18px; line-height:20px; height:30px; margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pro_pic li a { color: #fff; display: block; position: relative; }


.list_body { width:98%; margin:10px auto;}
#list-loding { text-align:center;}
#list-loding img{ margin:0 auto; width:40px; height:40px;}
#list_bottom { clear:both; text-align:center;}

#list-more { background:#0091ea; clear:both; margin:10px 0; font-size: 30px;}
#list_button{width:100%;height:80px; line-height:80px; display:block; margin:0 auto; text-align:center; color:#fff;}

.in_piclist { padding:10px 0; clear:both;}
.in_piclist li{ width:48%; height:90px; margin:1%; float:left;}
.in_piclist img { max-width:40%; height:90px; float:left;}
.in_piclist .txt { width:55%; height:90px; float:right; overflow:hidden; padding-left:5%;}

.in_piclist .txt .price { font-size:16px;}

#picUL{text-indent:0; overflow:hidden; text-align:center;}
#picUL li {width:224px; height:200px; background: url(../Image/str.png) #fff; margin:10px; float:left;}	
#picUL li:hover { background: url(../Image/str.png) #fafafa}			
#picUL a {	width:214px;
			height:200px;
			text-align:center;
			display:inline;
			padding:5px;
			display:block;
			line-height:20px;
			font-size:16px;
			background: url(../Image/proshadow.jpg) no-repeat bottom;
			color:#000;
			overflow:hidden;
}
#picUL a:hover{
			background: url(../Image/proshadow.jpg) no-repeat bottom;
}

#picUL a img{
			max-width:214px;
			height:160px;
}



#picList { width:100%;}
#picList li { height:120px; padding:10px 0; border-bottom:#bebebe 1px dashed;}
#picList a { height:120px; display:block;}
#picList a:hover { color:#fff; background:#00aac7;}
#picList .picList_img { float:left; width:160px; height:120px;}
#picList .Pic_list_txt { width:500px; float:right; padding-left:20px; position:relative; height:120px; overflow:hidden;}

#picList .Pic_list_txt .t1 { font-size:18px; font-weight:bold; line-height:30px; width:100%;}
#picList .Pic_list_txt .t2 { overflow:hidden; height:40px; font-size:16px; line-height:20px;}

#picList .Pic_list_txt .time { text-align:right; line-height:20px; font-size:16px; font-family:Arial, Helvetica, sans-serif !important;}

#dwonList { width:100%; margin:0 auto; font-size:14px;}
#dwonList li { line-height:40px; margin:5px 0; position:relative;}

#dwonList li a{ display:block; color:#000; background:#efefef; padding:0 10px;}
#dwonList li a:hover{ background:#127228; color:#FFF;}
.Dicon { position:absolute; right:10px; top:0; line-height:40px; font-size:18px;}


#proUL{text-indent:0; overflow:hidden; text-align:center;}

#proUL li { float:left;}

#proUL a {	width:260px;
			height:250px;
			text-align:center;
			margin:5px;
			display:inline;
			padding:5px;
			float:left;
			display:block;
			line-height:20px;
			font-size:16px;
			color:#000;
			overflow:hidden;
			border:#fafafa 3px solid;
			background:#efefef;
}
#proUL a:hover{
			color:#000;
			background:#f1f1f1;
}

#proUL a img{
			max-width:256px;
			height:210px;
}

.shan { font-size:20px;}
.p_name { font-weight:bold;}



.lx_name { font-size:30px;  position:relative; padding-bottom:10px;}
.lx_name i { position:absolute; bottom:0; left:0; width:86px; height:4px; background:#0091ea; display:block;}

/*INDEX*/
#in_box_wrap { width: 100%; }

#in_pro_box { background: #fff; padding: 0;  }


#in_pro ul{ width: 100%; height: 300px; }
#in_pro li{ width: 46%; height: 300px; float: left; margin:2%; background: #e0f3ff;}

#in_pro li .box { width: 100%; height: 300px; display: block; text-align: center; color: #000; position: relative; }

#in_pro li .img { max-width: 100%; height: 240px; }

.sy { position: absolute; top:0; left:0; width: 100%; height: 100%; }

#in_pro li .in_pro_title { width: 100%; height: 60px; line-height: 60px; background: #fff; font-size: 2.5rem; text-align: center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


.in_box { text-align: center; background: #fff; margin-bottom: 20px; padding:50px 18px; line-height: 39px; }

.in_pro_link { width: 730px; margin:10px auto; text-align: center; color: #000; font-size: 2.6rem;}
.in_pro_link a{ margin:1%; color: #fff; width: 31%; height:6.3rem; box-sizing: border-box; text-align: center; line-height: 6.3rem; background: #0062db; display: inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.in_pro_link a:hover{color: #fff; background: #000; border:1px solid #000;}


.pro_more { width: 100%; text-align: center; margin:20px 0; position: relative;}
.pro_more .bt{ width: 217px; height: 59px; line-height: 59px; font-size: 2.5rem; color: #898989; display: block; margin: 0 auto; background: #fff; border:1px solid #898989; border-radius: 30px;}
.pro_more .bt:hover { background: #0091ea; color: #fff; border:1px solid #0091ea; }



#in_message_box { background: #fff; padding:30px 0;  }

#in_message_box li{ padding:0 30px; line-height: 100px; height: 100px; font-size: 150%; }
.in_mess_title { padding:20px 0; background: #0091ea; color: #fff; text-align: center;}
.in_mess_title h1 { font-size: 36px; font-weight: normal;}
.in_mess_title h2 { font-size: 26px; color: #d1dae7; font-weight: normal;}




.line { width:730px; height: 90px; background: url(../Image/in_line.jpg) center no-repeat; text-align: left; margin:0 auto; margin-bottom: 40px; }
.line a { height: 90px; display: inline-block; float: left; text-align: center; line-height: 90px; font-size: 4.0rem; color: #fff;}

.line .bt1 { width: 55%; }
.line .bt2 { width: 45%; }

#in_gsjj { background: #fff; margin-top: 22px;}
#in_gsjj h1 { font-size: 3.4rem; color: #006dae; font-weight: bold; margin:20px 0;}
.in_gsjj{ padding:20px; }

.in_content { height: 240px; overflow: hidden;}



#in_lxwm { padding:20px 0; margin: 0 auto; margin-bottom: 146px; line-height: 50px; text-align: left; background: #f7f7f7; color: #333333;}
#in_lxwm a{color:#000;}

.in_lxwm_cont { padding:0 30px;  font-size: 2.8rem !important;}

.bq { font-size: 3.0rem; color: #006dae; text-align: center; line-height: 100px;}


#in_news {background: #fff; margin-top: 22px;}

.in_link { width: 100%; height: 79px;}
.in_link a{ display: block; line-height: 79px; width: 50%; height: 79px; color: #fff; text-align: center; font-size: 3.6rem;}
.in_link .lin1 { background: #f60;}
.in_link .lin2 { background: #0062db;}

.in_newslist { padding:15px; }
.in_newslist li { padding:0; height:80px; line-height: 80px; font-size: 2.8rem; }

.in_newslist li a { padding-right: 200px; color: #565656; display: block; position: relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.in_newslist li .Time { position: absolute; right: 0; top:0; }
.in_newslist li a i { transform: scale(0.5); }


.in_title { margin:20px auto; font-size: 3.5rem; color: #202020; position: relative; text-align: center;}
.in_title a { display: block;}

.in_title .h1 { font-size: 3.5rem; color: #202020; line-height: 60px; font-weight: bold; }
.in_title .h1 span{ color: #0062db;}

.in_title .h2 { font-size: 2.4rem; color: #898989; line-height: 30px; }

.more { text-align: center;}
.more a {width: 240px; height: 60px; line-height: 60px; border:1px solid #c4c4c4; border-radius: 30px; display: inline-block; font-size: 2.6rem; color: #aeaeae;}
.more a:hover { background: #0062db; color: #fff; }

.map { cursor: pointer; }

.nav_map {height:100%; width:100%;  background: rgba(0,0,0,0.85); position:fixed; top:100%; left:0; z-index:9; transition: all 0.5s both;}
.down { font-size: 36px; color: #fff; text-align: center; padding:20px 0; cursor: pointer;}

.cur { background: #0077e9; }


.mb {
    -webkit-animation: mb .5s ease-in-out both;
    animation: mb .5s ease-in-out both;
}

@-webkit-keyframes mb {
    from { }
    to { -webkit-transform: translateY(-100%); }
} ;
@keyframes mb {
    from { }
    to { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}


.mt {
    -webkit-animation: mt .5s ease-in-out both;
    animation: mt .5s ease-in-out both;
}


@-webkit-keyframes mt {
    from { -webkit-transform: translateY(-100%); }
    to { -webkit-transform: translateY(0); }
}
@keyframes mt {
    from {-webkit-transform: translateY(-100%); transform: translateY(-100%); }
    to { -webkit-transform: translateX(0); transform: translateX(0); }
}

.e_pro { width: 100%; margin:0 auto; color: #fff;}

.e_pro_link { width: 560px; margin:0 auto; text-align: center; padding:30px 13px; line-height: 40px; color: #000; font-size: 24px; overflow: hidden; }
.e_pro_link a{ margin:10px; color: #fff; width: 240px; height:60px; text-align: center; line-height: 60px; border:1px solid #c5c4c4; display: inline-block; float: left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.e_pro_link a:hover{color: #fff; background: #0091ea; border:1px solid #0091ea;}
.e_other_pro {width: 560px; margin:0 auto; padding:30px 0;}
.e_other_pro a{ display: inline-block; width: 50%; line-height: 50px; color: #c2c2c2; font-size: 25px;}


.m_pro {padding:20px; margin:0 auto; color: #000; background: #fff;}

.m_pro_link { width: 710px; margin:0 auto; text-align: center; padding:30px 13px; line-height: 40px; color: #000; font-size: 24px; overflow: hidden; }
.m_pro_link a{ margin:10px; color: #000; width: 320px; height:60px; text-align: center; line-height: 60px; border:1px solid #c5c4c4; display: inline-block; float: left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.m_pro_link a:hover{color: #fff; background: #0091ea; border:1px solid #0091ea;}
.m_other_pro {width: 560px; margin:0 auto; padding:30px 0;}
.m_other_pro a{ display: inline-block; width: 33%; line-height: 50px; color: #333;}