﻿@charset "utf-8";
/* CSS Document */
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 }


/*顶部一条*/
#nie_t_1{width:100%;min-width:1200px;
	background: url(./images/topNavBg.gif) repeat-x;
    height: 28px;
    color: rgb(102, 102, 102);
    line-height: 28px;
    overflow: hidden;
}
#nie_t_2{width:320px;float:left;height:28px;font-size:12px; color:#666666;font-family:微软雅黑;line-height:28px;margin-left:15%;}
#nie_t_3{width:220px;float:right;height:28px;font-size:12px; color:#666666;font-family:微软雅黑;line-height:28px;margin-right:20%;}
/*顶部一条*/



/*头部样式和导航样式*/
.bannertop{width:100%;height:auto;min-width:1200px;}
#headtop{width:100%;height:168px;}
.header{height:118px; width:100%; min-width:1200px; margin:auto;}
#topdiv{width: 100%;min-width:1200px;height:90px; margin: 0 auto;float:left;position:relative;}
#topdivimg{width:1200px;height:90px; margin:0 auto;}



	
#menu{background-color: #246cd8;width:100%;min-width:1200px;height: 50px;margin-top:0px; float:left;}
#nav1{margin: 0 auto;padding:0;width: 1200px;height: 52px;}
.mainlevel{float: left;list-style: none;}
#ye_bold{background-color: #246cd8;
font-size:15px;
line-height:50px;
font-family: 'Microsoft yahei';
color: #000;}
#bold{display: block;padding: 0px;text-align: center;text-decoration: none;width: 171.4px;color: #fff;white-space: nowrap;
font-size:15px;
line-height:50px;
font-family: 'Microsoft yahei';}
#bold_ye{display: block;padding: 0px;text-align: center;text-decoration: none;width: 171px;color: #fff;white-space: nowrap;
font-size:15px;
line-height:50px;
font-family: 'Microsoft yahei';}
#nav1 .mainlevel a:hover{background-color: #eee;font: 15px/50px  SimSun,'microsoft yahei',Verdana,Arial;font-family:微软雅黑;color: #246cd8;}
#nav1 .mainlevel:hover .s_nav{
	display:block;
}
.s_nav{
	width:171.4px;
	position:relative;
	z-index:1000;
	display:none;
}
.s_nav li{
	line-height:50px;
	background-color: rgba(36, 108, 216, 0.9);
	list-style:none;
	border-top:1px dashed #fff;
	text-align:center;
	overflow:hidden;
}
.s_nav li a{
	color:#eee;
	text-decoration:none;
	font-size:14px;
}
#nav1 .mainlevel .s_nav li a:hover{
	background-color: rgba(0, 0, 0, 0);
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}


.fudongerweima{
	position:fixed;
	top:150px;
	right:0;
	width:131px;
	height:160px;
	z-index:9999;
}

#footbg{background: url(./images/bottom.jpg) no-repeat;width:100%;height:370px;min-width:1200px;}
#footfont{

}
#footfont .code{
    width:30%;
    float: left;
}
.foot-top{
    width:1200px;
    height:200px;
    margin:0 auto;
    padding: 52px 0 0 0;
}
.foot-top .foot-top-ul{
    float: left;
    width: 130px;
    background: url(../images/b_fline.png) no-repeat top right;
    margin-right:20px;
}
.foot-top .foot-top-ul li{
    list-style:none;
}
.foot-top .foot-top-ul li a{
    line-height: 28px;
    display: block;
    color: #a8a8a8;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position:relative;

}
.foot-top .foot-top-ul li a:hover{
    text-decoration:none;
    left:5px;

}
.foot-top .foot-top-ul li .title01:hover{
    left:0;
}
.foot-top .foot-top-ul li .class-none:hover{
    left:0;
}
.foot-top .foot-top-5{
    width: 360px;
    margin-right:0;
    background:none;
}
.foot-top .foot-top-1{
    margin-right:20px;
	width:216px;
}
.foot-top .foot-top-ul li .title01{
    font-size: 18px;
        font-weight: bold;
}
.foot-top .foot-top-ul li .contact01{
    background: url(./images/b_d1.png) left no-repeat;
    padding: 1px 0 1px 27px;
	font-size:16px;
	line-height:200%;
	color:#ccc;
}
.foot-top .foot-top-ul li .add{
    background: url(./images/b_d2.png) left no-repeat;
    padding: 1px 0 1px 27px;
	font-size:16px;
	line-height:200%;
	color:#ccc;
}
.footfont-out{
    width:1200px;
    margin:0 auto;
    height:100px
}
#footbg{background: url(./images/bottom.jpg) no-repeat;width:100%;height:370px;min-width:1200px;}
#footfont{

}
#footfont .code{
    width:30%;
    float: left;
	margin-top: -200px;
}
.code-p-1{
    width:90px;
    height:90px;
    float:right;
    background:#fff;
}
#fontsi{
    width:60%;
    height:100px;
    float: left;
}
#fontsi p{
    font-size:14px;
    color:#cacaca;
    line-height:26px;
}
.foot-424{
    width:1200px;
    margin:0 auto;
    padding-top:30px;
    height:40px;
}
.foot-424 li{
    list-style:none;
    float: left;
    width:9.9%;
    border-right: 1px solid #cacaca;
    text-align:center;
    line-height:16px;
}
.foot-424 li a{
    color:#cacaca;
    font-size:14px
}
.foot-424 li a:hover{
    text-decoration:none;
}
.code-p-1{
	width: 150px;
    float: right;
    background: #fff;
}
.code-p-1 img{
	width: 100%;
}


/*banner*/
.m_banner{ background:transparent;height:600px; position:relative;}
.m_banner .banner{height:600px;width:100%; position:absolute;top:0;left:0; background-position:center top;}
.banner_ctrl{ height:100px;width:960px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -480px;z-index:2;}
.banner_ctrl a{ display:block;width:30px;height:100px; background:url(images/banner_ctrl.png) no-repeat;_background:url(images/banner_ctrl.jpg) no-repeat; position:absolute; opacity:.1;filter: alpha(opacity=10);
-moz-opacity:0.1;}
.banner_ctrl a.prev{left:-30px;}
.banner_ctrl a.next{right:-30px; background-position:-30px 0;}
.m_banner .banner .main_c{ position:relative;z-index:10;height:388px;}
/*banner*/

/*优势*/
#sy_mid1 {
    POSITION: relative;
    MARGIN-TOP: 15px;
    WIDTH: 100%;
    BACKGROUND: url(./images/ysbogy.jpg) repeat-x;
    HEIGHT: 565px;
    MARGIN-LEFT: -600px;
    LEFT: 50%;
}
#sy_mid1 H2 {
    TEXT-ALIGN: center;
    PADDING-TOP: 30px;
}
#sy_mid1_img{margin:0;padding:0;border:0;}
#sy_youshi{
    PADDING-BOTTOM: 20px;
    MARGIN: 25px auto 0px;
    PADDING-LEFT: 20px;
    WIDTH: 960px;
    PADDING-RIGHT: 20px;
    BACKGROUND: #fff;
    HEIGHT: 335px;
    OVERFLOW: hidden;
    PADDING-TOP: 20px;
}
#yous1{width: 471px;float:left;height:335px;margin-right:15px;}
#yous2{float: left;width: 472px;height:335px;}
/*优势*/

/*关于我们*/
#sy_about1{
	    POSITION: relative;
	    PADDING-TOP: 25px;
    WIDTH: 100%;
    BACKGROUND: url(./images/aboutbg.jpg) repeat-x;
    HEIGHT: 535px;
    MARGIN-LEFT: -600px;
    LEFT: 50%;
}
#sy_about1 h2{LINE-HEIGHT: 30px;
	width:1000px;margin:10px auto 0;
    HEIGHT: 30px;}
#abouta{    
	FONT-FAMILY:宋体;
    FLOAT: right;
    COLOR: #999;
    FONT-SIZE: 14px;}
#sy_about2{MARGIN-TOP: 15px;
width:1000px;margin:0 auto;
    HEIGHT: 240px;}
#aboutimg{    BORDER-BOTTOM: #fff 3px solid;
    BORDER-LEFT: #fff 3px solid;
    WIDTH: 277px;
    FLOAT: left;
    HEIGHT: 179px;
    BORDER-TOP: #fff 3px solid;
    BORDER-RIGHT: #fff 3px solid;}
#sy_ab1 {
    WIDTH: 632px;
    FLOAT: right;
    HEIGHT: 190px;
    OVERFLOW: hidden;
	LINE-HEIGHT: 24px;
    FONT-FAMILY: 微软雅黑;
    COLOR: #464545;
    FONT-SIZE: 13px;
}
/*关于我们*/

/*列表标题样式*/
#head2{height: 135px;}
#title2{font-size: 26px;line-height: 26px;color: #000;font-weight: bold;text-align: center;padding-top: 20px;}
#line2{width: 440px;height: 2px;margin: 0 auto;background-color: #23201d;margin-top: 8px;}
#line2 div{height: 2px;width: 80px;margin: 0 auto;background-color: #246cd8;}
#en2{text-align: center;font-family: arial;font-weight: bold;font-size: 20px;line-height: 20px;color: #246cd8;padding-top: 9px;}
#more2{font-size: 14px;color: #fff;line-height: 26px;width: 85px;text-align: center;background-color: #23201d;border-radius: 5px;display: block;margin: 0 auto;margin-top: 10px;text-decoration:none;}
#more2:hover{background-color:#246cd8;}
/*列表标题样式*/



/*列表样式*/
#ye_list_div{
	width: 243px;
    float: left;
    border: 1px solid #bebebe;
	min-height:350px;
	height:auto;
}
#ye_list_div a+a {
	border-top: 1px solid #d1d1d1;
}
#ye_list_div_a{
	display: block;
	width: 183px;
    margin: 0 auto;
    height: 47px;
    line-height: 47px;
    color: #383838;
    background-image: url(../images/001454_08.png);
    background-repeat: no-repeat;
    background-position: 167px 17px;
    cursor: pointer;
	list-style: none;
    text-decoration: none;
	font-size: 14px;
    color: #666666;
    font-family: 'Microsoft yahei';
}
#ye_list_div_a:hover {
	background-image: url(../images/001454_09.png);
	color: #246cd8;
}
/*列表样式*/

/*当前位置样式*/
#content_com_title2{
	height: 53px;
    position: relative;
    border-bottom: 2px solid #23201d;
}
#ye_h22{
    height: 26px;
    line-height: 24px;
    font-size: 24px;
    color: #000;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: normal;
    border-bottom: 2px solid #246cd8;
    padding-bottom: 27px;
	font-family: 'Microsoft yahei';
}
#bread2{
    color: #23201d;
    position: absolute;
    top: 38px;
    right: 0;
    padding-left: 14px;
    background: url(../images/ggeege_05.jpg) no-repeat left center;
    font-size: 12px;
    font-family: "宋体";
}
#bread2 a{
    display: inline-block;
    color: #23201d;
	font-size: 12px;
    font-family: "宋体";
	text-decoration: none;
}
#bread2 a:hover{
	color: #246cd8;
}
/*当前位置样式*/


/* 首页标题样式 */

.index-tit{
	position: relative;
    overflow: hidden;
	font-size: 2.25rem;
    font-weight: bold;
	line-height:1.5;
	color:#333;
}
.index-tit::before{
	position: absolute;
    background: #246cd8;
    top: 37%;
    left: 170px;
    z-index: 0;
    height: 12px;
    width: 8px;
    display: block;
    content: '';
}
.index-tit::after{
	position: absolute;
    background: #e6ebef;
    width: 100%;
    top: 37%;
    left: 185px;
    z-index: 0;
    height: 12px;
    display: block;
    content: '';
}
.index-tit-txt{
	font-size: 1rem;
    color: #666;
	line-height:1.5;
}


/* 自定义产品样式 */
.index-tab-main{
	margin-top: 2rem;
    padding: 1px;
}
.index-pro-main li{
	width: 48%;
    margin-right: 2%;
    float: left;
	margin-bottom:20px;
}
.shuffer-up{
	position: relative;
}
.index-pro-main li a{
	color: #fff;
}
.index-pro-main li:last-child{
	margin-right:0
}
.index-pro-main li:nth-child(2){
	margin-right:0
}
.shuffer-up img{
	width: 100%;
    max-width: 100%;
    height: 100%;
	border: 0 none;
    vertical-align: top;
}
.index-pro-main li .tit{
	background: #fff;
    -moz-box-shadow: 0px 0px 5px 2px #ccc;
    -webkit-box-shadow: 0px 0px 5px 2px #ccc;
    box-shadow: 0px 0px 5px 2px #ccc;
    text-align: center;
    padding: 1.25rem 0;
    color: #666;
}
.index-pro-main li h2{
	font-size: 1.7rem;
    font-weight: bold;
    color: #333;
}
.index-pro-main li p{
	font-size:1.2rem;
}
.shuffer-bg{
	height: 0px;
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all linear 300ms;
    transition: all linear 300ms;
}

.index-pro-main li:hover .stars-info{
	display:block; 
	bottom:70%;
	-webkit-transition: all linear 500ms;
	transition: all linear 500ms;
}
.index-pro-main li .stars-info h2,.index-pro-main li .stars-info p{ 
	color:#fff
}
.index-pro-main li .stars-info hr{ 
	background:#fff;
	width:40px; 
	margin:1.25rem auto; 
	height:3px;
}
.index-pro-main li .stars-info .shuffer-link{ 
	width:80%; 
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	color:#fff;
	font-size:1rem;
}
.index-pro-main li .stars-info .shuffer-link h3 a{ 
	color:#fff; 
	background: url(../images/icon/arrow_white.png) right center no-repeat; 
	display:block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	width: 95%;
	margin-bottom:10px;
	letter-spacing:1px;
	font-size:1rem;
}
.index-pro-main li .stars-info .shuffer-link h3 a:hover{
	text-decoration:underline
}


/*鼠标触发背景上升变色*/
.shuffer-up{ position:relative}
.shuffer-bg {height: 0px;width: 100%;position: absolute;bottom: 0;opacity:0;-webkit-transition: all linear 300ms;transition: all linear 300ms;}
.shuffer-up:hover .shuffer-bg{height: 100%;background-color: #246cd8; opacity:1;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.stars-info {height: 180px;position: absolute;bottom: 0;text-align: center;width: 100%;-webkit-transition: all linear 500ms;transition: all linear 500ms;color: #fff;opacity:0;}
.shuffer-up:hover .stars-info {height: 20%;border-bottom:none;-webkit-transition: all linear 500ms;transition: all linear 500ms;opacity:1; display:block}
.shuffer-link{opacity:0;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.shuffer-up:hover .stars-info{opacity:1;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.shuffer-up:hover .shuffer-link{opacity:1;-webkit-transition: all linear 800ms;transition: all linear 800ms;}


/* title样式 */
#display_01{
	text-align: center;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 32px;
    font-weight: bold;
    color: #0b0b0b;
    font-family: 微软雅黑;
}
#display_01 span{
	color: #246cd8;
    font-family: 微软雅黑;
}
#display_02{
	    background: url(./images/p2.png) no-repeat center center;
    font-weight: bold;
    font-size: 20px;
    color: #0b0b0b;
    text-align: center;
    line-height: 40px;
    font-family: 微软雅黑;
}
#display_02 span{
	    color: #246cd8;
    font-family: 微软雅黑;
}