@charset "utf-8";
/*CSS Reset 
--------------------------------*/

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:15px Verdana, Geneva, sans-serif; font-family:"微软雅黑";}
body{color:#333; }
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:10px;}
ul,ol{list-style:none;}
a{text-decoration:none; color:#333; }
a:hover{text-decoration:none; color:#ff3220;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
legend{color:#000;}
fieldset, img { border:0;} 
a img{vertical-align:text-bottom;}
:focus {outline:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
button,input,select,textarea{font-size:100%;}
button,input,select{vertical-align:middle;}
button{cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}

a {
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}

a:focus , a:link, a:active {
	outline:none;
}

html *,
html *:before,
html *:after {
  /* box-sizing: border-box; */
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;opacity:1;
}

input:-ms-input-placeholder{
    color: #fff;opacity:1;
}

input::-webkit-input-placeholder{
    color: #fff;opacity:1;
}
/*Common Style
--------------------------------*/
/*text align*/
.tc{ text-align:center;}
.tr{ text-align:right;}
.tj{ text-align:justify;}
/*float and clear*/
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{ clear:both;}
/*clear*/
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/*contain floats*/
.group:before,
.group:after {content: "\0020"; display: block; height: 0; overflow: hidden;}
.group:after {clear: both;}
.group {zoom: 1;}
.hidden { display: none!important; visibility: hidden; }
.invisible { visibility: hidden; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/*layout style
--------------------------------------*/
/*首页开始*/
.header{height:26px; line-height:26px; background:#019eef; min-width:1200px; position:relative;color:#fff; }
   .header .header_m{width:1200px; margin:0 auto;}
	.header .header_m  .header_m_text{float:right;}
	 .header a{color:#fff;}  

			  
			  
   
.logo_nav{min-width:1200px; height:96px;  position:relative; z-index:9; background:#fff;}
  .logo_nav_m{width:1200px; margin:0 auto; position:relative;}
   .logo_nav .logo{float:left; margin:16px 0 0 0;}
	   .nav{font-size:16px; float:left; height:96px; line-height:96px; margin:0 0 0 87px; }
				.nav ul li { float:left; width:110px; height:96px; line-height:96px; text-align:center; margin:0 0 0 1px;  } 
		.nav li a { display:block; height:96px; overflow:hidden; text-decoration:none; font-size:16px;} 
		.nav li span { display:block; height:96px; } 
		.nav li a:hover span{ margin-top:-96px; }
		.nav li a:hover{background:url(../images/nav_hover.png) no-repeat;}
			.nav ul li:hover a,#nav_hover{width:110px;display:block;background:#40e7a2; color:#fff; box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;}

	.nav ul li ul{display:none;}
	.nav ul li:hover ul{ display:block;}	
	.nav ul li ul li{height:30px; line-height:30px; margin:0 1px 0 0; }	
		.nav ul li ul li a:hover,.nav ul li:hover ul li a{background:none;font-size:14px; height:30px; line-height:30px;}
.nav ul li ul li{ background:url(../images/nav_bg1.png); height:30px; line-height:30px;}
	.nav ul li ul li a:hover{color:#fff; background:url(../images/nav_bg1.png); height:30px; line-height:30px;display:block;}
			
			
			/********************************************搜索********************************************/	
							
			.sb-search {
	position:absolute;
	right:0;
	width: 0%;
	width: 110px;
	height: 96px;
	float: right;
	margin:0 0 0 0;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
	color:#fff;
}



.sb-icon-search,
.sb-search-submit  {
	width: 110px;
	height: 96px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
	width: 110px;
	height: 96px;
}

.sb-icon-search {
	color: #fff;
	background:url(../images/so.jpg) center no-repeat #40e7a2;
	z-index: 90;
	font-size: 22px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}



/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 30%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background:url(../images/so.jpg) center no-repeat #40e7a2;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

/********************************************搜索********************************************/	
			
/* index - banner */
	.full_banner{width:100%; position:relative; height:560px; background:#FFF; overflow:hidden;min-width:1200px;}
		.full_banner .bd{margin:0 auto; position:relative; z-index:0; overflow:hidden;}
			.full_banner .bd ul{width:100% !important;}
				.full_banner .bd li{width:100% !important; float:left; height:560px; overflow:hidden; text-align:center;}
					.full_banner .bd li a{ display:block; height:560px;}
	.full_banner .hd{width:100%; position:absolute; z-index:1; bottom:30px; left:0; height:30px; line-height:30px; text-align:center;}
		.full_banner .hd ul{text-align:center; padding-top:5px;}
			.full_banner .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px;background:#fff;  height:10px; margin:5px; overflow:hidden; 
				line-height:9999px; border-radius:10px; 
			}
		.full_banner .hd ul .on{background:#0285cd; }
	/* index - main */

		
		
/* index - main */


.h_icon{width:1200px; margin:50px auto; overflow:hidden;}
   .h_icon_m{width:1220px; }
      .h_icon_m img{float:left; width:121px; height:120px; display:block; margin:0 30px 0 0;}
	  .h_icon_m a:hover img{ -webkit-transform: scale(1.1); display:block;
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 -ms-transform: scale(1.1);
 transform: scale(1.1);
  -webkit-transition: all 0.4s linear;
 -moz-transition: all 0.4s linear;
 -o-transition: all 0.4s linear;
 -ms-transition: all 0.4s linear;
 transition: all 0.4s linear;
 -webkit-animation: moveFromBottom 0.3s ease;
 -moz-animation: moveFromBottom 0.3s ease;
 -o-animation: moveFromBottom 0.3s ease;
 -ms-animation: moveFromBottom 0.3s ease;
 animation: moveFromBottom 0.3s ease;}

.products_network{width:1200px; margin:0 auto;}
    .h_products{float:left; width:820px; }
	    /* 图片滚动开始 */
	  #wrap{width:100%;overflow:hidden; float:left; font-size:16px;}
	  #wrap a{color:#333;}
	  #a ul li,#b ul li{float:left; width:240px; height:215px; margin:30px 0 0 25px;  }
	  
	   #a ul li span,#b ul li span{width:240px; height:185px; overflow:hidden; display:block;}
	  #a ul li img,#b ul li img{width:240px; height:185px;   -webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
-ms-transition: -ms-transform .3s ease;
transition: transform .3s ease;}
 #a ul li img:hover,#b ul li img:hover{ background:#66dcac;-webkit-transform: scale(1.1);
  color:#fff;
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
 #a ul li:hover,#b ul li:hover{background:#66dcac; box-sizing: border-box;
  -webkit-transition: 0.5s; color:#fff;
  transition: 0.5s;}
	   #a ul li h1,#b ul li h1{text-align:center; line-height:30px;}

	  #scrolls{width:1000%;float:left;}
	  #a,#b{float:left;}
	  .left,.right{cursor:pointer; float:right; margin:-20px 0 0 5px; position:relative; z-index:999;}
/* 图片滚动结束 */
.gxm_name{height:20px; line-height:20px;}
     .gxm_name h1{font-size:20px; color:#078ed0; border-left:4px solid #078ed0; padding:0 0 0 10px;}

	.h_network{float:right;  width:330px;}
	.h_network h1{font-size:20px; color:#078ed0; height:20px; line-height:20px; border-left:4px solid #078ed0; padding:0 0 0 10px; width:110px; float:right; margin:0 0 10px 0;}
	
	
.h_news{background:#f3f3f3; min-width:1200px; margin:30px auto 0 auto; padding:40px 0;}
    .h_news_m{width:1200px; margin:0 auto;}
	   .h_news_m_l{float:left; width:355px;}
	      .h_news_m_l h1{font-size:18px;width:35px; height:216px; border-right:1px solid #d6d6d6; color:#477fbb; float:left;}
		  .h_news_m_l p{float:right; width:300px;}
		      .h_news_m_l p a{color:#019eef;}
	   .h_news_m_r{float:right; width:826px;}


		   
.krakatoa{
	display:none;
	margin:0 auto;
}


.arrow a{
	display:block;
	width:25px;
	height:48px;
	margin:80px 0 0 0;
	overflow:hidden;
	text-indent:-98888em;
	cursor:pointer;
}
.arrow-left a{
	float:left;
	display:block;
	background: url(../images/left01.jpg) no-repeat;
}
.arrow-right a{
	display:block;
	float:right;
	background: url(../images/right01.jpg) no-repeat;
}
.arrow-left a:hover{
	background: url(../images/left02.jpg) no-repeat;
}
.arrow-right a:hover{
	background: url(../images/right02.jpg) no-repeat;
}
.buttons{
	position:absolute;
	top:205px;
	right:35%;
	z-index:100;
}
.pagination{
	float:left;
	margin:0 0 0 2px;
}
.pagination a{
	display:block;
	width:60px;
	height:5px;
	background:#b5b5b5;
	background-position:0 0;
	overflow:hidden;
}
.active-button a,
.active-button a:hover{
	background:#484848;
}
.pagination a:hover{
	background:#484848;
}

.pic_yd{width:725px; height:200px;}
   .pic_yd img{display:block; float:left; margin:0 0 0 30px;}
   .pic_yd h1 a{font-size:16px; color:#40e7a2; margin:0 0 0 20px;}
	.pic_yd p{float:left; width:230px; margin:0 0 0 20px;}			
				
				   
.footer{background:#8a939c; min-width:1200px; color:#fff;}
    .footer_m{width:1200px; margin:0 auto; padding:50px 0 20px 0;}
	   .footer_m_link{width:280px; float:left;}
	      .footer_m_link h1{font-size:18px; margin:0 0 20px 0;}
	      .footer_m_link a{display:block; float:left; margin:15px 15px 0 0;}
  
			   .m_nav_xx{float:left; margin:0 0 0 80px; }
	       .m_nav_xx dl{float:left; padding:40px 30px 0 0; font-size:12px;color:#414141; }
				.m_nav_xx dt{font-size:16px; margin:0 0 15px 0; font-weight:bold; color:#fff;}

				.m_nav_xx dd{line-height:24px; opacity:0.7;}
				  .m_nav_xx dd a{color:#fff; font-size:14px;}
		.footer_m_b_r{float:right; line-height:29px; width:390px; font-size:14px; background:url(../images/contact_map.jpg) bottom no-repeat;}	
					   .footer_m_b_r_m{padding:0 0 45px 100px;}
					       .footer_m_b_r_m h1{margin:0 0 30px -30px; font-size:18px;}


/* 主要css样式*/
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}

.footer_bottom01{height:40px; line-height:40px; min-width:1200px; margin:0 auto; text-align:center; border-top:1px solid #ccd0d1; background:#8a939c; color:#fff;}