@charset "utf-8";
body {	margin:0;
		padding:0;
		text-align:left;
		color:#3a3a3a;
		font-size:14px;
		font-family:"微软雅黑","Microsoft YaHei",Arial, helvetica, sans-serif;
		background:#ffffff;
		}
@font-face{font-family:avantgardeitcbybt-demi; src:url(../fonts/avantgardeitcbybt-demi.otf) format('truetype')}

a { transition: all 0.3s; }
a:link {  color: #3a3a3a; text-decoration: none}
a:visited {  color: #3a3a3a; text-decoration: none}
a:hover {  text-decoration:none;
			color: #f00;
		}
		
a:focus {
     outline:none;
     -moz-outline:none;
}
div,p,h1,h2,h3,h4,h5 { margin:0; padding:0;}

h1,h2,h3,h4,h5 {}

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

.clear { clear:both;}

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

.wenben {
	font-size:12px;
	line-height:30px;
	text-align:left;
	color:#3a3a3a;
	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:14px;
	line-height:28px;
	text-align:justify;
	color:#494949;
	letter-spacing:0.0em;
}

.wenben01 {
	font-size: 16px;
	line-height:36px;
	text-align:left;
	color:#3a3a3a;
	letter-spacing:0.0em;
}

.border { border:#000 1px solid;}
.center { width:1200px; margin:0 auto;}
.left { float:left;}
.right { float:right;}

.red { color: #f00;}

.red a:link {  color: #f00; text-decoration: none}
.red a:visited {  color: #f00; text-decoration: none}
.red a:hover {  text-decoration:none;
				color: #f00;
		}	
			
.opa {opacity:0;filter:alpha(opacity=0);}	
/*PAGE
----------------------------------------*/
.page{ margin:20px; text-align: right; border-top:#CCC 1px dotted;}

.prev_next li {margin:10px auto; background:#eee; padding:5px; font-size:12px; font-family: Arial, Helvetica, sans-serif; line-height:24px; height:24px;}
.prev_next li { background:#dfdfdf; display:block; border-radius:3px;}
.prev_next li:hover{ background:#d8d8d8; display:block; border-radius:3px;}
.back_list { text-align:right; font-size:12px;}
.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;
}
.gridtable table th {
	border-width:1px;
	padding:5px 0;
	border-style: solid;
	border-color: #ccc;
	background-color: #dedede;
}
.gridtable table td {
	border-width:1px;
	padding:5px 0;
	border-style: solid;
	border-color: #ccc;
	text-align: center;
}

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


.hidden {
	display: none !important
}
.dv { display: inline-block; vertical-align: middle; }
.mr10 { margin-right: 10px; }

.valign-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.truncate {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Wrap
----------------------------------------*/
#wrap { min-width:1200px; margin:0 auto; position: relative;}

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

#top_note_w { width:100%; height:35px; background:#262525; color:#8c8c8c;}
#top_note { width:1200px; margin:0 auto; height:35px; position:relative; font-size: 14px; line-height:35px; color:#8c8c8c;}

#top_link { position: absolute; top:0; right:0; font-size:14px; color:#8c8c8c; height:35px; line-height:35px;}
#top_link a {color:#8c8c8c; margin:0 10px;}
#top_link a:hover {color:#f00; margin:0 10px;}

#top_kh { padding-left:30px; float: left; margin:35px; line-height:26px; color: #131313; font-weight:  normal; font-size: 16px; border-left: #e6e6e6 1px solid;}

#name_box #top_tel { position: absolute; top: 30px; line-height: 28px; right:0; font-size:18px; color:#000000; text-align: left;}
#name_box #top_tel span { font-size:24px; color: #bc0102; font-weight: bold;font-family:avantgardeitcbybt-demi;}

#name_box_w {width:100%; height:119px; background:#fff; position:relative; overflow: hidden;}
#name_box { width:1200px; margin:0 auto; height:119px; position:relative; z-index: 9; }

#name_box .logo { margin-top:20px; float: left;}
#name_box .logo {color: #292929 !important; font-size: 14px;}
#name_box .logo h1 { font-size: 33px; color: #292929; line-height: 50px;}
#name_box .logo h1 span { color: #0848aa;}

#name_box .logo big { font-size: 16px; letter-spacing: 2px;}
 
#menu_box {  width: 100%; background:#ededed; height: 57px; position: relative; z-index: 9;}

 .searchbar {
	height: 30px;
	width: 282px;
	border: 1px solid #ccc;
	margin-left: 20px;
}
.search {
	height: 30px;
	width: 100%;
}
.search .in_text {
	border: medium none;
	color: #999999;
	float: left;
	height: 30px;
	line-height: 30px;
	width: 200px;
	background: none;
	font-size: 14px;
	color: #999;
	padding:0 20px;
	font-family: "微软雅黑";
}
.search .so {
	background: url("../Image/search_so.png") no-repeat center;
	border: medium none;
	float: right;
	height: 30px;
	text-indent: -9999px;
	width: 30px;
	cursor: pointer;
}


.shadow{ width:100%; height:13px; position:absolute; top:0; left:0; z-index:99999;}
#banner_box { width:100%; height: 480px; overflow:hidden; position:relative;}

#banner { width:1920px; height: 480px; position: absolute; left:50%; margin-left: -960px;}

#zy_banner_box { width: 100%; height: 220px; background:url(../Image/zy_banner.jpg) no-repeat center;}

#top_news_box { width:100%; height:45px; border-bottom:#999 1px solid; display: none;}

#top_news_box_cx { width:1200px;  margin:0 auto; height:53px; line-height:53px;  font-size: 12px; }
#top_news_box_cx span { font-size: 16px; color: #099b4a; }
#top_news_box_cx a { margin:0 5px;  }


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

#mid_wrap {  width:100%;}

#mid_box{ width:1200px; margin:30px auto;}

.title_box { height:55px; line-height:55px; position:relative; color:#323232; background: #0848aa; border-left:10px solid #68bd21;}
.title_box .title { width: 700px; text-align:left; padding-left: 20px; margin:0; font-size:25px; line-height:55px; height: 55px; position: relative; margin-bottom:10px; color:#fff;}
.title_box .title span { color: #fff; }

.title_box .title>div { position: absolute; left:160px; top:0; line-height: 55px; font-size:16px; color: #fff; }

.title_box .title>div big{color: #68bd21}


.title_box .location { position:absolute; top:0; right:0; padding:0 10px; color:#fff; height:55px; line-height:55px; font-size:14px; font-weight:normal !important;}
.title_box .location a { color:#fff;}
.title_box .location a:hover { color:#f00; position:relative; top:1px;}
.title_box .location span { font-size:16px; border-radius:50%; color:#fff; padding:1px;}


.title_box .more { position:absolute; top:0; right:0; padding:0 10px; color:#292929; height:55px; line-height:55px; font-size:16px; font-weight:normal !important;}
.title_box .more a { color:#fff;}
.title_box .more a:hover { color:#f00; position:relative; top:1px;}
.title_box .more span { font-size:16px; border-radius:50%; color:#fff; padding:1px;}

/* left
----------------------------------------*/
#left_box { width:258px;
			float:left;
			background: #0848aa;
			}

.lf_title {  border-bottom:1px solid #fff; text-align:center; line-height:86px; color: #fff; font-size: 35px; font-weight: 300; }
.lf_title a {width: 100%; height: 86px; display: block; color: #fff;}
.lf_title a:hover {background: #68bd21; color: #fff;}

.lf_box {}

.list { width:258px; margin:0 auto; }
.list .nav {height:40px; overflow: hidden; font-size:14px;}
.list .nav a {color:#fff; padding:0 30px; text-align:left; line-height:40px; display:block; position: relative;}
.list .nav a:hover { background:#1e4483; color:#fff; font-weight: bold; padding-left: 40px; border-left:5px solid #900; }
.list .nav .cur { background:#1e4483 !important; color:#fff !important; font-weight: bold;}
.list .nav .cur i { border: #fff 1px solid !important;}

.list .nav .hot { color: #ff0; }


.in_lf_title {  height: 86px; border-bottom:2px solid #fff; text-align:center; line-height:86px; color: #fff; font-size: 35px; font-weight: 300; }

.in_lf_title a { width: 100%; height: 86px; display: block; color: #fff;}
.in_lf_title a:hover { color: #fff;}


.in_lf_box { height: 400px; }

.in_list { width:258px; margin:0 auto; }
.in_list .nav {height:35px; overflow: hidden; font-size:14px;}
.in_list .nav a {color:#fff; padding:0 20px; text-align:left; line-height:35px; display:block; position: relative;}
.in_list .nav a:hover { background:#1e4483; color:#fff; font-weight: bold; padding-left: 30px; border-left:5px solid #900; }
.in_list .nav .cur { background:#1e4483 !important; color:#fff !important; font-weight: bold;}
.in_list .nav .cur i { border: #fff 1px solid !important;}
.in_list .nav .hot { color: #ff0; }



.lf_lx_box { margin-top: 2px; }
.lf_lx_box { font-size: 17px;  padding:10px 0; background: #333; color: #fff; text-align: center; line-height: 40px;}
.lf_lx_box span{ font-size: 27px;  color: #fff; font-family:avantgardeitcbybt-demi,'微软雅黑';}


/* Right
----------------------------------------*/
.bh_title {text-align: center; margin:30px 0;}

.bh_title h1{ font-size: 32px; color: #1e4483; }
.bh_title h2{ font-size: 14px; color: #3a3a3a; line-height: 40px; font-weight: normal; }

#right_box_w { width:900px; float: right; background: #fff; border-radius: 20px 0 20px 0;}

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

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

.my_txt img{  }

#zy_case_box { margin-top: 30px; }
.zy_case_title { background: #37ab2a; width: 250px; height: 28px; padding:10px;}

#message_box {width: 900px; height: 559px; margin:0 auto; background: url(../Image/yylc.jpg) center no-repeat;}
#c_mess_box { width: 700px; margin:50px auto; text-align: center; padding:20px 0;}
#c_mess_box h2{color: #1e4483; margin:40px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background: #fefefe;}

#c_mess_box #a_qq{ padding:10px 20px; width: 100px; font-size: 16px; border:2px solid #c9c9c9; border-radius: 20px;}
#c_mess_box #a_wx{ padding:10px 20px; width: 100px; font-size: 16px; border:2px solid #c9c9c9; border-radius: 20px; margin:0 10px; }
#c_mess_box #a_tel{ padding:10px 20px; width: 100px; font-size: 16px; border:2px solid #c9c9c9; border-radius: 20px;}
#c_mess_box #a_submit { padding:12px 62px; background: #e86504; text-align: center; border:none; border-radius: 20px; color: #fff; font-size: 16px; margin:0 10px;} 
#c_mess_box #a_content{ width: 600px; background: none; padding:10px 20px; font-size: 16px; border:2px solid #c9c9c9; border-radius: 20px; margin:30px 0;}


.nf{transition: all 0.3s; width: 55px; display: inline-block; padding:5px; margin-right: 10px; background: #f00; color: #fff; line-height: 12px; border-radius: 5px;}

.nf:hover { padding:3px 10px; background: url(../Image/hover.png) center no-repeat #111; }

.cate_cont { margin:0 auto; padding:20px; border:15px #efefef double;  }
/* Footer
----------------------------------------*/

#end_wrap { width:100%; overflow:hidden; height:228px; background:#262626; position: relative;}
.end_txt { width: 1200px; margin:0 auto; padding:30px 0; position: relative; color: #fff; font-size: 14px; text-align: left; line-height: 33px;}
.end_txt a { color: #fff; }
.end_txt a:hover { color: #ff0000; }

.end_txt li {overflow: hidden;}
.end_txt li big { color: #fff; font-size: 21px; font-weight: bold;}


.backtop{
    width:60px;
    height:45px;
    background:#111;
    color:#fff;
    text-align:center;
    position:absolute;
    right:0;
    bottom:20px;
    cursor:pointer;
    font-size:18px;
    transition: all 0.3s;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
    border-radius: 10px;
    position: fixed;
    z-index: 10;
  }
  
.backtop:hover{
    background:#900;
  }

.backtop a {transition: all 0.3s; width: 60px; height: 50px; display: block; color: #fff;}


/*NEWS CONTENTS PAGE*/


.indexNewsllist li{ line-height: 50px; font-size: 16px; border-bottom: 1px solid #ccc; }


.indexNews li { border-bottom:1px #ccc solid; padding:10px 0; transition: all 0.3s;}
.indexNews li{ margin:0 auto; height: 120px; line-height:40px; position:relative; margin-bottom:20px;}
.indexNews li a{ color: #1e4483; display: block; }
.indexNews li a:hover { background-color: #fff;}

.indexNews li:hover {box-shadow: 0 0 3px #000;  padding:10px; }


.wen span {background-color: #f00; padding:2px 5px; color: #fff; border-radius: 3px;}
.da span {background-color: #0748a9; padding:2px 5px; color: #fff; border-radius: 3px;}

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

#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 #f0f0f0; 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 { height: auto !important; min-height:330px; height: 330px; padding:10px 0;}

#news_t{
	color:#000;
	font-weight:bold;
	text-align: center;
	font-size:20px;
}

#news_d{
	color:#000;
	font-size:12px;
	text-align:left;
	background:#efefef;
	margin:10px 0;
	padding:5px 10px;
	font-size:12px;
	
	-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 img,#news_img img{ max-width:600px;}

#newsContent{

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


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

#newsInfo iframe { width:845px; height:600px;}

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

.proimg img {max-width:500px !important;}

.news_img h2{  color: #f00; background: #efefef; padding:5px;  line-height: 30px; border-radius:10px 0 10px 0}

.info strong { display: inline-block; padding: 0 20px; background: linear-gradient(90deg, #1e4483 , #111);  color: #fff; border-radius: 3px; }


/*GUESTBOOK PAGE*/

.G_InputText0{
    width:310px;
    height:12px;
    padding:10px;
    border:1px solid #ccc;
    margin:5px 0;
}
.G_textarea0{
    width:310px;
    height:100px;
    padding:10px;
    border:1px solid #ccc;
    margin:5px 0;
}


.G_InputText{
    width:790px;
    height:12px;
    padding:10px;
    border:1px solid #ccc;
    margin:5px 0;
}
.G_textarea{
    width:790px;
    height:100px;
    padding:10px;
    border:1px solid #ccc;
    margin:5px 0;
}

.G_botton{
    width:100px;
    line-height:12px;
    padding:10px;
    line-height:14px;
    background:#1e4483;
    cursor:pointer;
    color:#FFF;
    border:none;
    float:right;
    border-radius: 3px;
}

.yanzheng{
    width:300px;
    height:12px;
    padding:5px;
    border:1px solid #ccc;
    margin:5px 0;
}


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

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

 .jobs ul li .recruit_info{
    color:#000;
    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:  #087000;
    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:50px;
	background:#fafafa;
	border-radius:2px;
	margin: 20px 0;
}
	
.recruit_info_tit_bg .recruit_info_tit{
	width:120px;
	height:50px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	background:#1e4483;
	font-family:'Microsoft YaHei',arial;
	font-size:15px;
	color:#fff;
	line-height:50px;
	text-indent:8px;
	text-align: center;
}

.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: #3a3a3a;

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

/*PRODUCTS LIST PAGE*/
#picUL{text-indent:0; overflow:hidden; text-align:center;}

#picUL li {width:280px; height:260px; background: url(../Image/str.png) #fff; margin:10px; float:left;}
			
#picUL li:hover { background: url(../Image/str.png) #fafafa}			

#picUL a {	width:270px;
			height:260px;
			text-align:center;
			display:inline;
			padding:5px;
			display:block;
			line-height:30px;
			font-size:14px;
			background: url(../Image/proshadow.jpg) no-repeat center bottom;
			color:#000;
			overflow:hidden;
			position: relative;
}

.sy { position: absolute; z-index: 9;  top:0; left: 0; width: 100%; height: 100%; display: block; background: url(../Image/sy.png) center no-repeat; background-size: 150%;
}
.sy0 { position: absolute; top:0; left: 0; width: 100%; height: 100%; display: block; background: url(../Image/sy.png) center no-repeat; background-size: 100%;
}

#picUL a:hover{
			background: url(../Image/proshadow.jpg) no-repeat bottom;
}

#picUL a img{
			max-width:270px;			
			height:210px;
}

#picList { width:100%; padding:10px 0 0 0;}
#picList li { transition: all 0.3s; height:160px; padding:10px; margin:30px 0;  border:#ddd 2px solid; background: #fff;}
#picList li:hover {box-shadow: 0 0 3px #000; border:2px #fff solid;}


#picList .picList_date { float:left; width:94px; height:160px; background: url(../Image/news_date.gif) no-repeat; position: relative; top:-20px; color: #fff; text-align: center;}
#picList .picList_date h2{ font-size: 16px; color: #aaa; margin-top:-10px; }
#picList .picList_date h1{ font-size: 40px; color: #444; line-height: 60px;}


#picList .picList_img { float:left; width:220px; height:160px; margin:0 20px; text-align: center; background: #f5f5f5; }
#picList .picList_img img{max-width:220px; height:160px; }

#picList .Pic_list_txt { width:500px; float:right; position:relative; height:160px; overflow:hidden;}

#picList .Pic_list_txt .t1 { font-size:18px; font-weight:bold; line-height:30px; height: 30px; overflow: hidden; width:100%;color: #1e4483;}
#picList .Pic_list_txt .t2 { overflow:hidden; padding:8px 0; height:90px; font-size:14px; line-height:25px; color: #666;}
#picList .Pic_list_txt .t3 { font-size:10px; line-height:30px;}

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


#cxList { width:100%;}
#cxList li { width: 283px; height:400px; transition: all 0.3s; margin:10px 7px; border:#d9d9d9 1px solid; float: left;}
#cxList li:hover {box-shadow: 0 0 3px #000;}

#cxList li a{ display: block; position: relative;}

#cxList .img { width: 264px; height: 207px; margin:10px auto; }
#cxList .img img{ width: 264px; height: 207px;}

#cxList .cxList_txt { width:100%; position:relative; height:168px; border-bottom: 1px solid #d9d9d9; overflow:hidden;}

#cxList .cxList_txt .t1 {padding:0 10px; font-size:18px; font-weight:bold; line-height:40px; height: 50px; overflow: hidden; width:80%; margin:0 auto; color: #d22626; border-bottom:1px dashed #ddd; }
#cxList .cxList_txt .t2 {padding:8px 10px; margin:5px 0;  overflow:hidden;height:45px; font-size:14px; line-height:25px; color: #666;}
#cxList .cxList_txt .t3 {padding:0 10px; font-size:10px; line-height:30px;}

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

#cxList li .fa-angle-right {transition: all 0.3s; position: absolute; bottom: 0; right:10px; background: #900; width: 40px; height: 30px; color: #fff; text-align: center; line-height: 30px;}
#cxList li:hover .fa-angle-right { background: #f60 !important; transform: translateX(10px);}


#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:270px;
			height:250px;
			text-align:center;
			margin:10px;
			display:inline;
			padding:5px;
			float:left;
			display:block;
			line-height:25px;
			font-size:16px;
			color:#000;
			overflow:hidden;
			background:#efefef;
			position:relative;
			box-shadow: 8px 8px 0 #ccc;
}
#proUL a .img{	width:260px;
			height:195px;
			position: relative;
}

#proUL a:hover{
			color:#fff;
			background:#1e4483;
}

#proUL a img{
			max-width:258px;
			height:194px;
			transition: all 0.3s;
}

#proUL a:hover img{
			transform: scale(1.1);
}


#pro_img_prev { position: absolute; top:50%; left:45px; margin-top:-40px; z-index: 9;}
#pro_img_next { position: absolute; top:50%; right:45px;margin-top:-40px; z-index: 9;}

.pbt a{ width: 70px; height: 70px; background: rgba(70,185,51,0.5); display: block; color: #fff; font-size: 16px; font-weight: 900; line-height: 70px;}
.pbt a i { font-size: 30px !important; }
.pbt a:hover { border-radius: 50%; background: rgba(70,185,51,1);}

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

.lx_list { position:relative; margin-top: 20px;}

.lxwm_ewm { position: absolute; top:0; right: 0; text-align: center; }

.contact_list { width: 590px; }

.contact_list li {
    background: #efefef;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 10px 0; 
}

/*PRODUCTS LIST PAGE*/

#pro_img { position: relative ;width: 400px; height: 300px; float: left; border:1px solid #ccc; background: #fff; overflow: hidden; text-align: center;}

#pro_img img{ height: 300px;}

#pro_txt { width: 440px; float: right; text-align: justify; }

#pro_dec { line-height: 30px; height: auto; margin-bottom: 5px; overflow: hidden; padding: 10px 0 ; }

#pro_tel_ewm { font-size: 18px;}

#pro_tel_ewm .pro_tel_ewm_tel { margin-left: 20px; float:left; padding-top: 0px; color: #0066cb; font-weight: bold;}

#pro_tel_ewm .pro_tel_ewm_tel span { font-size: 20px; }
.pro_ewm li{ width: 130px; float: left; text-align: center; line-height: 22px; font-size: 12px; margin-left: 20px; }

.pro_info_tit{
    width:120px;
    height:40px;
    background:#0066cb;
    font-size:14px;
    color:#fff;
    line-height:40px;
    text-align: center;
    margin:10px 0; 
    border-radius: 5px;
}

.pro_img img { max-width: 600px; }

#pro_order { width: 50%; float: left; padding: 20px 0;}
#pro_lxwm { width: 50%; float: right; padding: 20px 0;}

#demo01_w { width: 895px; float: right; height: 620px; overflow: hidden; padding:30px; border-radius: 30px; background: #Fff;}

#demo01 { width: 895px; padding-bottom:30px; }

#demo01 .box{ width: 270px; height: 240px; margin:10px; display:inline-block; background: #eceaea; border:2px solid #eceaea;}
#demo01 .box .img{ width: 270px; height: 195px; display:block; text-align: center;}
#demo01 .box .img img{ max-width: 270px; height: 195px; display:block; margin:0 auto; }

#demo01 .box .gd_title  { padding:0 10px; background: #eceaea; line-height: 40px; height: 40px; position: relative; overflow: hidden; text-align: center;}

#demo01 .box .pro_xq  { color: #fff; position: absolute; right: 40px; bottom:8px; display: inline-block; line-height: 12px; padding:5px; background: #018230;}
#demo01 .box .pro_zx  {color: #fff;  position: absolute; right: 0; bottom:8px; display: inline-block; line-height: 12px; padding:5px; background: #0078bd;}

#demo01 .box .bt:hover  { color: #fff; background: #f60;}

/*INDEX*/
.share_to { display: inline-block; }

.share_to li { display: inline-block; margin:0 10px 0 0; font-size:14px; color: #FFF;}
.share_to li a {color:#FFF !important;}
.share_to li a:hover {color:#f00;}

#in_mid_box{ width:100%; margin:0 auto; background: #fff; padding:30px 0; }

.in_mid{ width:1200px; margin:20px auto; }

.in_title { height:100px; margin:20px 0; line-height: 40px; position: relative; text-align: center; font-size: 16px; }
.in_title big { color: #353535; font-size: 28px;  }
.in_title big span { color: #c80a00; font-weight: bold; }

.in_title0 { width:100%; height: 40px; margin-bottom: 10px; position: relative; font-size:14px; color: #353535;}
.in_title0 span{ font-size:20px; color: #292929; font-weight: bold;}


.in_title0 .more { position: absolute; top:0; right:0; display: block;}
.in_title0 .more a { display: inline-block; color:#898989; background:url(../Image/+.gif) right no-repeat; padding-right: 30px;}
.in_title0 .more a:hover { color:#f00; position:relative; top:1px;}

.in_sm { margin-top: 30px;}
.in_sm { width: 100%; height: 46px; text-align: center;} 

.in_tel { border-radius: 40px; overflow: hidden; display: inline-block; margin:0 10px; height: 46px; line-height: 46px; width: 324px; background: #0848aa; font-size:20px; text-align: center; color: #fff;}
.in_tel span { font-weight: bold; }

.in_mess {border-radius: 40px; overflow: hidden; display: inline-block; margin:0 10px; height: 46px; line-height: 46px; width: 154px; background: #e04a00; color: #fff; font-size:16px; text-align: center;}
.in_mess a { background: #e04a00; color: #fff; font-size:16px; text-align: center;}


#m_banner1 { width:100%; height:169px; background: url(../Image/m_banner1.jpg); padding: 45px 0; box-sizing: border-box; text-align: center; color: #fff; font-size: 20px; line-height: 40px;}

#m_banner1 big { font-size: 40px; font-weight: bold;}
#m_banner1 big span { color: #ffba00; }


#in_product_w { width:100%; padding:30px 0 50px 0; background:#fff; position: relative; height: 930px; overflow: hidden;}
#in_product { width:1200px; margin:0 auto; position: relative; z-index: 99;}

#in_case { width: 1200px; margin:50px auto; text-align: center; position: relative; }

#in_case_list { width: 600px; height: 350px; float: left;}
#in_case_list li{ float: left; width: 190px; height: 159px; margin: 0 10px 10px 0; text-align: center;}
#in_case_list li:nth-child(1){ background: #0848aa;  color: #fff;}

#in_case_list li a {font-size:28px; color: #fff; width: 100%; height: 100%; line-height: 159px; text-align: center; box-sizing: border-box; display: block; }

#in_case_list li:nth-child(2) a{ background: #e3e3e3; color: #000;}
#in_case_list li:nth-child(3) a{ background: #12a24b; color: #fff;}
#in_case_list li:nth-child(4) a{ background: #e3e3e3; color: #000;}
#in_case_list li:nth-child(5) a{ background: #dd4e00; color: #fff;}
#in_case_list li:nth-child(6) a{ background: #e3e3e3; color: #000;}

#in_case_list li a:hover { background: #000 !important;;}


#in_case_list li:nth-child(odd) a { color: #fff; }
#in_case_list li:nth-child(even) a { color: #353535; }
#in_case_list li a:hover { color: #fff !important;}

.fwkh { margin: 20px 0; font-size: 16px; color: #666666; line-height: 30px; text-align: center; }

#choose_w { width: 100%; padding:80px 0; height:530px; background: #fff; border-bottom: 1px solid #d7d7d7;  overflow: hidden;}

#choose { width: 1200px; margin:0 auto;  height:580px; background: url(../Image/in_gsjj.png) right center no-repeat; }
#choose ul { width: 56%; height: 530px;}
#choose ul li {padding-left: 80px; margin:0 0 30px 0; color: #292929; text-align: left; position: relative;}
#choose ul li span {display: block; font-size: 25px; color: #0848aa; line-height: 50px; text-align: left;}
#choose ul li p {line-height: 25px; font-size: 14px; color: #292929; text-align: left;}
#choose ul li:nth-child(4) p { padding-right:60px; }
#choose ul li div { position: absolute; top:50%; margin-top: -32px; left:0; width: 63px; height: 63px; background: url(../Image/in_num_bg.gif) center no-repeat; text-align: center; line-height:63px; font-size:30px; color: #fff; }


.in_box_w { width: 100%; padding:50px 0; background-color: #f4f4f4;}
.in_box { width: 1200px; margin:0 auto;}

#in_gsjj { width:370px; height: 300px; float: left; overflow: hidden;}

#video { float: left; margin:10px 20px 30px 0; width: 200px; height: 150px; overflow: hidden;  }
#video img{width: 200px; height: 150px; }

#in_news { width:370px; height: 300px; float: left; margin:0 50px;}

#in_zzry { width: 357px; height:300px; float: right;}

.in_newslist { width:100%; margin:0 auto; font-size:14px; }
.in_newslist li { height:42px; line-height:42px; border-bottom: 1px dotted #ccc; position:relative; transition: all 0.3s;}
.in_newslist li:hover { background:#fff;  padding-left: 10px; border-left:5px #0a48ab solid;}
.Time { position:absolute; right:0; top:0; line-height:40px;}


#end_link { width: 100%; height: 71px; border-bottom: 1px solid #454545; overflow: hidden; background: #262626; }

#link_cont { width:1200px; margin: 0 auto; height: 71px; line-height: 71px; font-size: 14px; color: #c7c7c7;}
#link_cont a { margin:0 8px; color: #c7c7c7; }
#link_cont a:hover { margin:0 10px; color: #f00; }