@charset "utf-8";
/* CSS Document */
html {
 
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size:14px;
  color:#333333;
   font-family:Microsoft YaHei;
}

body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

* { margin:0; padding:0;}

IMG {
  BORDER: 0px; VERTICAL-ALIGN: middle
}


UL,OL {
  LIST-STYLE: none
}


a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #0160B0;
}
a:active {
	text-decoration: none;
	color: #0160B0;
}


/*top*/
#top_r{ width:35%; height:5px; background-color:#ADCF64; float:left}
#top_l{ width:65%; height:5px; background-color:#0160B0; float:left}

.head-logo{
  float: left;
  margin:1.7em 0;    
}
.head-tel{
  float: right;
  margin-top:2.4em;  
  vertical-align:middle;
 
}
.head-tel span{
	font-size:16px;
	color:#7E7E7E;
	font-weight:600;	
}
.tel{ font-size:26px;
      color:#1258A8;
      font-weight:bold;	  
	  }

#nav2{ width:100%; background-color:#1258A8; min-height:49px; float:left}	  
.top-nav{
  float: left;
  width: 100%;
}
.top-nav ul{
	padding:0;
	margin:0;
}
.top-nav ul li{
  display: inline-block;
  width: 16.5%;
  float: left;
  border-right:1px solid #60AEFE;
  text-align:center;
  margin-top:1px;
  position:relative;
}
.top-nav ul li p{
	font-family:"Microsoft YaHei";
	font-size:13px;
	color:#60AEFE;
	letter-spacing:1px;
}
.top-nav ul li.active{	  
	  border-right:none;
}
.top-nav ul li a{
  color: #FFF;
  font-size: 16px;
  font-weight:bold;
  float: left;
  padding:.5em 0em 0em 0em;
  text-align: center;
  width: 100%;
  letter-spacing:1px;
}
.top-nav ul li a i{
  display: block;
  margin-top: 1em;
  color: #FFF;
  font-size: 11px;
  font-style: italic;
}
.top-nav ul li a:hover{
	text-decoration:none;
	color:#60AEFE;
}

.top-nav ul ul{ opacity: 0; 
  	filter: alpha(opacity=0); 
	position: absolute;
	top:-99999px; 
	left: 0;
	z-index: 999999;	
	width: 100%;
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	-ms-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;}
.top-nav ul ul li{
	width: 100%;
	min-height:35px;
	line-height:35px;
	border-top: 0.05em solid transparent;
	}
.top-nav ul ul li a:hover {
	background: #60AEFE;
	color: #fff !important;
	width: 100%;
}
.top-nav ul ul li a{
	display: block;
	width: 100%;
	font-family: Tahoma, Arial, sans-serif;
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
	color:#ffffff;
	font-size:14px;
	background: #1258A8;
}
.top-nav ul li:hover>ul{ opacity: 1; position:absolute; top:100%; left:0;}
.top-nav ul ul li:hover>ul{ position:absolute; top:0; left:0; opacity: 1; z-index:497; background: #3f3f3f; border: 0; }
.top-nav ul li:hover > a {color: #60AEFE;}
.top-nav ul ul li:hover > a {border-top: 1px solid transparent; color: #aaa;}

#banner{ width:100%;  float:left;}
#banner_bottom{ width:100%;  float:left;}
#banner_bottom p{ }	 

.about {
  background: url(../images/bg_about.jpg) center no-repeat;
  background-size: cover;
  min-height: 683px;
  text-align: center;
  width:100%;
  float:left;
  position:relative;
}

.pro {
  min-height: 657px;
  width:100%;
  float:left;
  position:relative;
  background-color:#ECECEC;
}
.pro_nei1_l{ margin-top:5.1em; width:80%; height:46px; float:left; line-height:46px;}
.pro_nei1_l_1{width:139px; height:100%; background:#0160B0; text-align:center; font-size:22px; font-weight:bold; letter-spacing:2px; float:left}
.sd01{cursor:pointer;width:139px; height:35px; margin-top:6px; margin-left:1em; float:left; background-color:#DCDDDA; border-radius:5px; line-height:35px;}
.sd02{cursor:pointer;width:139px; height:35px; margin-top:6px; margin-left:1em; float:left; background-color:#DCDDDA; border-radius:5px; line-height:35px;}
.hidden{display:none;}
.yuan{width:15px; height:15px;border-radius: 50%;margin-left:13px; margin-top:10px; float:left}
.b_r{background-color:#C63D31;}
.b_y{background-color:#E2BA00;}
.b_l{background-color:#144091;}
.b_ys{background-color:#ffffff;}
.b_j{background-color:#770101;}
.yuan2{ background-color:#000000;width:15px; height:15px;border-radius: 50%;margin-left:4px; margin-right:10px; margin-top:10px; float:left}
.pro_nei1_r{ margin-top:5.1em; width:20%; height:46px; float:right; line-height:46px; text-align:right}
.pro_nei2{ margin-top:3.2em;float:left; width:100%}
.pro_nei2_l{ width:60%;float:left;text-align:center}
.pro_nei2_l img{ margin-left:0}
.pro_nei2_r{ width:40%;float:right;text-align:right}
.pro_nei2_r ul{ margin:0; padding:0}
.pro_nei2_r ul li{ width:207px; height:192px; border:1px solid #D4D4D4; margin:10px; float:left; background-color:#ffffff; text-align:center}
.pro_nei2_r ul li img{ max-width:200px; max-height:182px; vertical-align:middle}

.jingshen {
  min-height: 647px;
  width:100%;
  float:left;
  position:relative;
  background-color:#0160B0;
  text-align:center;
  margin-top:30px;
}
.jingshen ul{ margin-top:1.5em; margin-left:auto; margin-right:auto;padding:0; width:96%}
.jingshen ul li{ width:250px; min-height:170px; color:#ffffff; float:left; text-align:left}
.jingshen ul li a{ color:#ffffff; font-family:Microsoft YaHei;}
.jingshen ul li a:hover{ color:#0160B0;}
.bg_1{ background-color:#4789C5}
.bg_2{ background-color:#3AA5D9}
.bg_3{ background-color:#88B71B}
.bg_4{ background-image:url(../images/js_5.jpg); background-size:cover}
.bg_5{ background-image:url(../images/js_1.jpg); background-size:cover}
.bg_6{ background-image:url(../images/js_2.jpg); background-size:cover}
.bg_7{ background-image:url(../images/js_3.jpg); background-size:cover}
.bg_8{ background-image:url(../images/js_4.jpg); background-size:cover}
.bg_p{margin-top:1.6em; margin-left:1em; margin-right:1em;}


.news {
  width:50%;
  float:left;
  position:relative;
  text-align:left;
  margin:5.2em 0;
  font-family:Microsoft YaHei;
}
.news ul{ margin:1.7em 0; padding:0;}
.news ul li{ width:100%; line-height:39px; border-bottom:1px dashed #CFCFCF; float:left}
.news_date{ width:25%; float:right}


.contact {
  background: url(../images/bg_contact.jpg) center no-repeat;
  background-size: cover;
  min-height: 780px;
  text-align: center;
  width:100%;
  float:left;
  position:relative;
}
.contact_l { width:50%; float:left}
.contact_r { width:50%; float:left; text-align:left; line-height:26px; color:#ffffff;font-family:Microsoft YaHei;}
.contact_r2 { width:100%; border-radius:6px; background-color:#444955; float:left; min-height:200px; margin-top:1.7em;}
.contact_r2_line{ width:5px; min-height:186px; background-image:url(../images/contact_line.png); background-size:cover; float:left}


.footer {
  min-height: 116px;
  width:100%;
  float:left;
  font-family:Microsoft YaHei;
  background-color:#1C4970;
  color:#BCD2E5;
  font-size:14px;
  line-height:24px;
}
.footer a{color:#BCD2E5;font-size:12px;}
.footer a:hover{ text-decoration:underline}
.footer_l{ width:50%; float:left; margin:2.7em 0; text-align:left}
.footer_r{ width:50%; float:right; margin:2.7em 0; text-align:right}

.font1{ font-size:30px; font-weight:bold; letter-spacing:2px; margin-top:53px;}
.font2{ font-size:18px; font-family:"Microsoft YaHei"; font-weight:normal;}
.font3{font-size:20px;}
.font4{ font-size:24px; font-weight:bold; letter-spacing:2px; margin:1.7em 0.5em;}
.font5{ font-size:14px; font-family:"Microsoft YaHei"; font-weight:normal;}
.font6{ font-size:56px; font-family:"Microsoft YaHei";font-style:italic;}
.ls{letter-spacing:-2px;}
.lan{color:#0160B0;}
.hui{color:#888888;}
.bai{color:#ffffff;}
.lv{color:#88B71B;}
.lineimg{margin-top:1.5em; margin-bottom:2.6em;}
.hk{min-height:50px; width:100%; float:left}

.button{ width:116px; height:34px; background-color:#0160B0; border-radius:5px; margin:42px auto; line-height:34px;transition:background 0.7s;
-moz-transition:background 0.7s, -moz-transform 0.7s; /* Firefox 4 */
-webkit-transition:background 0.7s, -webkit-transform 0.7s; /* Safari and Chrome */
-o-transition:background 0.7s, -o-transform 0.7s; /* Opera */}
.button:hover{background-color:#88B71B;}
.button a{ color:#ffffff; width:100%; height:100%; letter-spacing:1px;}

.button2{ width:172px; height:25px; background-color:#5AC6B6; line-height:25px; text-align:center; margin-top:2em; float:left;transition:background 0.7s;
-moz-transition:background 0.7s, -moz-transform 0.7s; /* Firefox 4 */
-webkit-transition:background 0.7s, -webkit-transform 0.7s; /* Safari and Chrome */
-o-transition:background 0.7s, -o-transform 0.7s; /* Opera */}
.button2:hover{background-color:#0160B0;}
.button2 a{ color:#ffffff; width:100%; height:100%; letter-spacing:1px;}

.triangle-right {
    width:0px;
    height:0px;
    border-top: 8px solid transparent;
    border-left: 10px solid #0160B0;
    border-bottom: 8px solid transparent;
	float:left;
	margin-top:1em;
	margin-left:-2PX;
}
.triangle-right2 {
    width:0px;
    height:0px;
    border-top: 6px solid transparent;
    border-left: 8px solid #6BC9B7;
    border-bottom: 6px solid transparent;
	float:right;
	margin-top:1.15em;
	margin-left:5PX;
}

#ban_about{ width:100%; height:300px; float:left; background:url(../images/ban_about.jpg) center no-repeat; background-size:cover;}
#ban_pro{ width:100%; height:300px; float:left; background:url(../images/ban_pro.jpg) center no-repeat; background-size:cover;}
#ban_news{ width:100%; height:300px; float:left; background:url(../images/ban_news.jpg) center no-repeat; background-size:cover;}
#ban_service{ width:100%; height:300px; float:left; background:url(../images/ban_service.jpg) center no-repeat; background-size:cover;}
#ban_contact{ width:100%; height:300px; float:left; background:url(../images/ban_contact.jpg) center no-repeat; background-size:cover;}


.c{ width:96%; margin:5em 2%; float:left; font-family:Microsoft YaHei}
.c_l{ width:23%; float:left; margin-right:2%; line-height:26px;}
.c_l_title{ width:100%; min-height:130px; background-color:#60AEFE; float:left; text-align:center;}
.c_l ul{ margin:0; padding:0}
.c_l ul li a
{
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #AAAAAA;
    float: left;
    text-align: center;
    line-height: 44px;
    text-decoration: none;
}
.c_l ul li a:hover{ background-color:#88B71B; color:#ffffff; font-weight:bold; font-size:18px;}
.c_l_contact{ width:100%; min-height:145px;float:left; background:url(../images/left_contactbg.jpg) center no-repeat; background-size:cover; margin:1.7em 0;}
.c_r{ width:75%; float:left;}
.c_r_title{ width:100%; min-height:47px; float:left; background-color:#EEEEEE; text-align:left; line-height:47px;}
.c_r_title i{ width:14px; height:19px; background-image:url(../images/dot.png); float:left; margin:1em 1em;}
.c_r_con{ width:98%; margin-top:0em; margin-left:1%; margin-right:1%; float:left; line-height:30px;}
.fc{clear:both;overflow:hidden;}
.fc ul{ margin:0; padding:0}
.fc ul li{float:left;width:27.38%;height:190px;text-align:center;padding:5px; border:1px solid #D7D7D7; margin-left:2%; margin-right:2%; margin-bottom:1.7em;}
.fc ul li img{width:100%;height:100%;vertical-align:middle;transition:transform 0.2s ease-in-out;}
.fc ul li:hover img{transform:scale(1.1);}
.xw{clear:both;overflow:hidden;}
.xw ul{ margin:0; padding:0}
.xw ul li{ width:100%; line-height:44px; border-bottom:1px dashed #CFCFCF; float:left}
.xw ul li:hover{border-bottom:1px dashed #0160B0;}
.xw_date{ width:23%; float:right; color:#AFAFAF}

.margintop20{ margin-top:20px;}
.margin20{ margin:20px 0px;}
.le1_sub1
{
    font: 200 25px/40px "Microsoft YaHei";
    color: #333;
    background-image: url('no1.jpg');
    background-repeat: no-repeat;
    padding-left: 65px;
    margin-top: 50px;
    margin-bottom: 10px;
}
.le1_sub2{background: url(left1.jpg) left no-repeat;font:200 14px/30px "Microsoft YaHei";padding-left:20px;margin-top: 20px;height: 90px;overflow: hidden;color: #000}
.le2{ margin-top:80px; margin-left:180px;}
.le2 .le1_sub1
{
    font: 200 25px/40px "Microsoft YaHei";
    color: #333;
    background-image: url('no2.jpg');
    background-repeat: no-repeat;
    padding-left: 65px;
    margin-top: 50px;
    margin-bottom: 10px;
}
.le3 .le1_sub1
{
    font: 200 25px/40px "Microsoft YaHei";
    color: #333;
    background-image: url('no3.jpg');
    background-repeat: no-repeat;
    padding-left: 65px;
    margin-top: 50px;
    margin-bottom: 10px;
}

.le7{float: left;margin-left: 20px;font: 200 14px/30px "Microsoft YaHei";height: 240px;overflow: hidden;}

.in_title{ height:50px; margin:30px 0px 60px 0px; border-bottom:1px solid #ececec; text-align:center;}
.in_title-text h1 a{ line-height:50px; color:#0095da; font-size:30px; margin:0px auto;}
.in_title-text h4{ font-size:14px; text-align:center; line-height:24px;}

.sun_product h3{ font-family:Microsoft YaHei; font-size:14px; text-align:center; margin-top:10px;}
.link{ margin-left:20px;}