@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}

html{overflow-x:hidden;}
body{font-size: 12px;font-family:"微软雅黑"; line-height:20px; padding:0; margin: 0; text-align:center; overflow-x:hidden;}

ul,li,dl, dt, dd, form,input{	margin:0; padding:0; list-style:none; vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
li{ margin-bottom:0px;} 
em{ font-style:normal; }
A {	COLOR: #000; TEXT-DECORATION: none}
A:hover { color:#000;	cursor: pointer; TEXT-DECORATION:none;}
a.detail{ color:#000; text-decoration:underline;}
P{ LINE-HEIGHT:20px; margin-bottom:0px; margin-top:0px; }
h1,h2,h3,h4,h5,form{ margin:0px; padding:0px; color:#333; }
input[type="text"],input[type="button"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; outline: none; vertical-align:middle; font-family:"微软雅黑"; }

h1{ font-size:18px;}
h2{ font-size:12px;}
h3{ font-size:12px;}
h4{ font-size:12px;font-weight:normal;}
.fl{ float:left; }
.fr{ float:right }
.clearfix:after {content: "."; 	display: block; 	height: 0; 	clear: both; 	visibility: hidden;}
img{border:0;vertical-align:middle}
/*.price{color:#419A2E}*/
.clearfix { display: inline-block;clear: both; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.fleft{float: left;}
.ellipsis{text-overflow: ellipsis; overflow: hidden; white-space: nowrap}

/*color*/
.c-343434{color: #343434!important}
.bgc-f5f5f5{background-color: #f5f5f5}
.c-fff{color: #fff!important}



/*灰色字体*/
.gray,.gray a:link,.gray a:visited {font-size: 12px;color: #aaaaaa;line-height:46px;}
.gray a:active,.gray a:hover {font-size: 12px;color: #aaaaaa;}

.gray1,.gray1 a:link,.gray1 a:visited {font-size: 30px;color: #333333;line-height:76px; font-weight: bold}
.gray1 a:active,.gray1 a:hover {font-size: 30px;color: #333333;}

.gray2,.gray2 a:link,.gray2 a:visited {font-size: 15px;color: #565656;line-height:31px;}
.gray2 a:active,.gray2 a:hover {font-size: 15px;color: #565656;}
.gray2 p{font-size: 15px;color: #565656;line-height:31px;}

.gray3,.gray3 a:link,.gray3 a:visited {font-size: 14px;color: #666666;line-height:28px;}
.gray3 a:active,.gray3 a:hover {font-size: 14px;color: #666666;}

.gray4,.gray4 a:link,.gray4 a:visited {font-size: 22px;color: #343434;line-height:37px; font-weight: bold; text-transform: uppercase}
.gray4 a:active,.gray4 a:hover {font-size: 22px;color: #343434;}

.gray5,.gray5 a:link,.gray5 a:visited {font-size: 20px;color: #666666;line-height:25px;}
.gray5 a:active,.gray5 a:hover {font-size: 20px;color: #666666;}

.gray6,.gray6 a:link,.gray6 a:visited {font-size: 20px;color: #dddddd;line-height:28px; font-weight: bold; text-transform: uppercase}
.gray6 a:active,.gray6 a:hover {font-size: 20px;color: #dddddd;}

.gray7,.gray7 a:link,.gray7 a:visited {font-size: 14px;color: #333333;line-height:17px;}
.gray7 a:active,.gray7 a:hover {font-size: 14px;color: #333333;}

.gray8,.gray8 a:link,.gray8 a:visited {font-size: 16px;color: #999999;line-height:26px;}
.gray8 a:active,.gray8 a:hover {font-size: 16px;color: #999999;}
.gray8 p {font-size: 16px;color: #999999;line-height:26px;}

.gray9,.gray9 a:link,.gray9 a:visited {font-size: 15px;color: #c2c2c2;line-height:26px;}
.gray9 a:active,.gray9 a:hover {font-size: 15px;color: #c2c2c2;}

.gray10,.gray10 a:link,.gray10 a:visited {font-size: 12px;color: #343330;line-height:16px;}
.gray10 a:active,.gray10 a:hover {font-size: 12px;color: #343330;}

.gray11,.gray11 a:link,.gray11 a:visited {font-size: 16px;color: #111111;line-height:62px; font-weight: bold}
.gray11 a:active,.gray11 a:hover {font-size: 16px;color: #111111;}

.gray12,.gray12 a:link,.gray12 a:visited {font-size: 13px;color: #838383;line-height:30px;}
.gray12 a:active,.gray12 a:hover {font-size: 13px;color: #838383;}

.gray13,.gray13 a:link,.gray13 a:visited {font-size: 20px;color: #333333;line-height:37px; font-weight: bold}
.gray13 a:active,.gray13 a:hover {font-size: 20px;color: #333333;}

.gray14,.gray14 a:link,.gray14 a:visited {font-size: 14px;color: #a3afb7;line-height:33px;}
.gray14 a:active,.gray14 a:hover {font-size: 14px;color: #a3afb7;}

.gray15,.gray15 a:link,.gray15 a:visited {font-size: 14px;color: #676767;line-height:30px;}
.gray15 a:active,.gray15 a:hover {font-size: 14px;color: #676767;}
.gray15 p{font-size: 14px!important;color: #676767!important;line-height:30px!important; font-family:"微软雅黑"!important;}

.gray16,.gray16 a:link,.gray16 a:visited {font-size: 13px;color: #333333;line-height:30px;}
.gray16 a:active,.gray16 a:hover {font-size: 13px;color: #333333;}

.gray17,.gray17 a:link,.gray17 a:visited {font-size: 36px;color: #333333;line-height:36px; font-weight: bold}
.gray17 a:active,.gray17 a:hover {font-size: 36px;color: #333333;}

.gray18,.gray18 a:link,.gray18 a:visited {font-size: 16px;color: #333333;line-height:30px; font-weight: bold}
.gray18 a:active,.gray18 a:hover {font-size: 16px;color: #333333;}

.gray19,.gray19 a:link,.gray19 a:visited {font-size: 19px;color: #333333;line-height:66px;}
.gray19 a:active,.gray19 a:hover {font-size: 19px;color: #333333;}

.gray20,.gray20 a:link,.gray20 a:visited {font-size: 24px;color: #323232;line-height:41px;}
.gray20 a:active,.gray20 a:hover {font-size: 24px;color: #323232;}

.gray21,.gray21 a:link,.gray21 a:visited {font-size: 15px;color: #666666;line-height:36px;}
.gray21 a:active,.gray21 a:hover {font-size: 15px;color: #666666;}

.gray22,.gray22 a:link,.gray22 a:visited {font-size: 12px;color: #979797;line-height:30px;}
.gray22 a:active,.gray22 a:hover {font-size: 12px;color: #979797;}

.gray23,.gray23 a:link,.gray23 a:visited {font-size: 26px;color: #333333;line-height:55px;}
.gray23 a:active,.gray23 a:hover {font-size: 26px;color: #333333;}

.gray24,.gray24 a:link,.gray24 a:visited {font-size: 13px;color: #989898;line-height:30px;}
.gray24 a:active,.gray24 a:hover {font-size: 13px;color: #989898;}

.gray25,.gray25 a:link,.gray25 a:visited {font-size: 18px;color: #343330;line-height:38px;}
.gray25 a:active,.gray25 a:hover {font-size: 18px;color: #343330;}

.gray26,.gray26 a:link,.gray26 a:visited {font-size: 15px;color: #999999;line-height:39px;}
.gray26 a:active,.gray26 a:hover {font-size: 15px;color: #999999;}

.gray27,.gray27 a:link,.gray27 a:visited {font-size: 13px;color: #696969;line-height:28px;}
.gray27 a:active,.gray27 a:hover {font-size: 13px;color: #696969;}

.gray28,.gray28 a:link,.gray28 a:visited {font-size: 23px;color: #343434;line-height:63px;}
.gray28 a:active,.gray28 a:hover {font-size: 23px;color: #343434;}

.gray29,.gray29 a:link,.gray29 a:visited {font-size: 30px;color: #474747;line-height:34px; font-weight: bold; text-transform: uppercase}
.gray29 a:active,.gray29 a:hover {font-size: 30px;color: #474747;}

.gray30,.gray30 a:link,.gray30 a:visited {font-size: 14px;color: #a9a9a9;line-height:22px; text-transform: uppercase}
.gray30 a:active,.gray30 a:hover {font-size: 14px;color: #a9a9a9;}

.gray31,.gray31 a:link,.gray31 a:visited {font-size: 14px;color: #6a6a6a;line-height:30px;}
.gray31 a:active,.gray31 a:hover {font-size: 14px;color: #6a6a6a;}

.gray32,.gray32 a:link,.gray32 a:visited {font-size: 15px;color: #343330;line-height:51px;}
.gray32 a:active,.gray32 a:hover {font-size: 15px;color: #343330;}

.gray33,.gray33 a:link,.gray33 a:visited {font-size: 14px;color: #323232;line-height:47px;text-transform: uppercase}
.gray33 a:active,.gray33 a:hover {font-size: 14px;color: #323232;}

.gray34,.gray34 a:link,.gray34 a:visited {font-size: 16px;color: #323232;line-height:39px;font-weight: bold;}
.gray34 a:active,.gray34 a:hover {font-size: 16px;color: #323232;}

.gray35,.gray35 a:link,.gray35 a:visited {font-size: 13px;color: #9a9a9a;line-height:30px;}
.gray35 a:active,.gray35 a:hover {font-size: 13px;color: #9a9a9a;}

.gray36,.gray36 a:link,.gray36 a:visited {font-size: 14px;color: #888888;line-height:30px;}
.gray36 a:active,.gray36 a:hover {font-size: 14px;color: #888888;}

.gray37,.gray37 a:link,.gray37 a:visited {font-size: 14px;color: #383838;line-height:55px;}
.gray37 a:active,.gray37 a:hover {font-size: 14px;color: #383838;}
.produc-item{font-size: 13px; color: #656565; line-height: 55px; margin-right: 24px;}

/*白色字体*/
.white,.white a:link,.white a:visited {font-size: 15px;color: #FFFFFF;line-height:58px; }
.white a:active,.white a:hover {font-size: 15px;color: #FFFFFF;}

.white1,.white1 a:link,.white1 a:visited {font-size: 37px;color: #FFFFFF;line-height:62px; font-weight: bold}
.white1 a:active,.white1 a:hover {font-size: 37px;color: #FFFFFF;}

.white2,.white2 a:link,.white2 a:visited {font-size: 16px;color: #FFFFFF;line-height:50px;}
.white2 a:active,.white2 a:hover {font-size: 16px;color: #FFFFFF;}

.white3,.white3 a:link,.white3 a:visited {font-size: 31px;color: #FFFFFF;line-height:93px; font-weight: bold; text-transform: uppercase}
.white3 a:active,.white3 a:hover {font-size: 31px;color: #FFFFFF;}

.white4,.white4 a:link,.white4 a:visited {font-size: 26px;color: #FFFFFF;line-height:26px; font-weight: bold;}
.white4 a:active,.white4 a:hover {font-size: 26px;color: #FFFFFF;}

.white5,.white5 a:link,.white5 a:visited {font-size: 16px;color: #FFFFFF;line-height:46px; font-weight: bold;}
.white5 a:active,.white5 a:hover {font-size: 16px;color: #FFFFFF;}

.white6,.white6 a:link,.white6 a:visited {font-size: 14px;color: #FFFFFF;line-height:40px;}
.white6 a:active,.white6 a:hover {font-size: 14px;color: #FFFFFF;}

.white7,.white7 a:link,.white7 a:visited {font-size: 18px;color: #FFFFFF;line-height:48px;}
.white7 a:active,.white7 a:hover {font-size: 18px;color: #FFFFFF;}

.white8,.white8 a:link,.white8 a:visited {font-size: 15px;color: #FFFFFF;line-height:47px;}
.white8 a:active,.white8 a:hover {font-size: 15px;color: #FFFFFF;}

.white9,.white9 a:link,.white9 a:visited {font-size: 14px;color: #FFFFFF;line-height:26px;}
.white9 a:active,.white9 a:hover {font-size: 14px;color: #FFFFFF;}

.white10,.white10 a:link,.white10 a:visited {font-size: 23px;color: #FFFFFF;line-height:34px; font-weight: bold}
.white10 a:active,.white10 a:hover {font-size: 23px;color: #FFFFFF;}

.white11,.white11 a:link,.white11 a:visited {font-size: 14px;color: #FFFFFF;line-height:84px;}
.white11 a:active,.white11 a:hover {font-size: 14px;color: #FFFFFF;}

.white12,.white12 a:link,.white12 a:visited {font-size: 14px;color: #FFFFFF;line-height:36px;}
.white12 a:active,.white12 a:hover {font-size: 14px;color: #FFFFFF;}

.white13,.white13 a:link,.white13 a:visited {font-size: 18px;color: #FFFFFF;line-height:36px;}
.white13 a:active,.white13 a:hover {font-size: 18px;color: #FFFFFF;}

.white14,.white14 a:link,.white14 a:visited {font-size: 14px;color: #FFFFFF;line-height:83px;}
.white14 a:active,.white14 a:hover {font-size: 14px;color: #FFFFFF;}
.white14 p{font-size: 14px;color: #FFFFFF;line-height:83px;}

/*黑色字体*/
.black,.black a:link,.black a:visited {font-size: 14px;color: #000000;line-height:25px; }
.black a:active,black a:hover {font-size: 14px;color: #000000;}/**/

/*红色字体*/
.red,.red a:link,.red a:visited {font-size: 22px;color: #e05f45;line-height:31px; }
.red a:active,.red a:hover {font-size: 22px;color: #e05f45;}/**/


/*蓝色字体*/
.blue,.blue a:link,.blue a:visited {font-size: 32px;color: #263d71;line-height:40px; font-weight: bold}
.blue a:active,.blue a:hover {font-size: 32px;color: #263d71;}

.blue1,.blue1 a:link,.blue1 a:visited {font-size: 37px;color: #263d6f;line-height:39px; font-weight: bold}
.blue1 a:active,.blue1 a:hover {font-size: 37px;color: #263d6f;}

.blue2,.blue2 a:link,.blue2 a:visited {font-size: 37px;color: #263d6f;line-height:39px; font-weight: bold}
.blue2 a:active,.blue2 a:hover {font-size: 37px;color: #263d6f;}

.blue3,.blue3 a:link,.blue3 a:visited {font-size: 48px;color: #263d6f;line-height:55px; font-weight: bold}
.blue3 a:active,.blue3 a:hover {font-size: 48px;color: #263d6f;}

/*yellow字体*/
.yellow,.yellow a:link,.yellow a:visited {font-size: 24px;color: #ff7403;line-height:27px;  font-weight: bold}
.yellow a:active,.yellow a:hover {font-size: 24px;color: #ff7403;}



.form01 {
	height:42px;
	width:220px;
	font-size:13px;
	color: #adaca7;
	text-align:left;
	padding: 0px 0px 0px 20px;
	border:0; 
	outline: none;
	line-height:42px;
	background: url("../images/search_03.png");
	
}


.form02 {
	height:48px;
	width:256px;
	font-size:15px;
	color: #cbcbcb;
	text-align:left;
	border:0; 
	outline: none;
	line-height:48px;
	
}
.form03 {
	height:110px;
	width:510px;
	font-size:15px;
	color: #cbcbcb;
	text-align:left;
	border:1px solid #dddddd; 
	outline: none;
	line-height:42px;
	padding-left: 10px
	
}

.form04 {
	height:45px;
	width:347px;
	font-size:14px;
	color: #999999;
	text-align:left;
	border:0; 
	outline: none;
	line-height:45px;
	padding-left: 44px
	
}
.name{background: url("../images/foot_05.jpg")}
.tel{background: url("../images/foot_06.jpg")}
.form05 {
	height:110px;
	width:716px;
	font-size:14px;
	color: #999999;
	text-align:left;
	border:0; 
	outline: none;
	line-height:45px;
	padding-left: 44px;
	background: url("../images/foot_07.jpg")
}
.form06 {
	height:45px;
	width:716px;
	font-size:16px;
	color: #ffffff;
	text-align:center;
	border:0;
    border-top-right-radius: 24px;
    border-bottom-left-radius: 24px;
	outline: none;
	line-height:45px;
	background: #263d71;
}

/*公共top*/
.swiper-index{height: 549px;}
.swiper-index img{width: 100%;display: block;height: 100%;}
.swiper-index .swiper-pagination-bullet{width: 14px;height: 14px; background-color: #fff;position: relative;opacity: 1;}
.swiper-index .swiper-pagination-bullet.swiper-pagination-bullet-active:after{display: inline-block;width: 14px;height: 14px;background-color: #28317e;content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 0px;border-radius: 100%;}

.case-list{width: 297px; height: 222px; float: left; margin: 0 4px 4px 0; position: relative;}
.w900{width: 904px;}
.w599{width: 599px; height: 448px; float: left; margin-right: 4px}


#dh{position: relative; margin: 0 auto; width: 660px; height:127px;}
#dh ul{}
#dh ul li a{width: 110px;  display: block; text-decoration: none; text-align: center; height: 127px; padding-top: 33px;}
#dh {margin:0px auto; }
#dh ul li {list-style: none; float: left;}
#dh ul li a.on ,#dh a:hover,#dh a:active{ background: url("../images/bg_02.jpg") center no-repeat; color: #ff6600}
#dh ul li a.on .gray1{color: #ff6600}
#dh ul:hover{display: block;}
#dh ul li ul{background-color: #04503b; display: none; margin-top: 0; position: absolute}
#dh ul li ul li{float: none; background-color: #04503b; border-right: 0; }
#dh ul li ul li a{font-size: 13px; font-weight: 0px; height:38px; line-height:38px; border-right: 0; margin-top: 0; background: none}   /*二级菜单的触发点*/
#dh ul li ul li a:hover{background-color: #f37a21; color:#fff;}
#dh ul li:hover ul{display: block; }
.lytj{width: 104px; height: 111px; background-color: #28317e; font-size: 17px; color: #fff; line-height: 111px;text-align: center; border: 0; outline: none;}

.banner-ny{width: 100%; height: 340px; }



/*style.css*/
.clear{zoom:1}
.clear:after{content:"."; display:block; clear:both; height:0; visibility:hidden;}
.w1200{width: 1200px; margin: 0 auto; overflow: hidden;}
.fleft{float: left!important;}
.fright{float: right!important;}
.ellipsis{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/*banner*/
.swiper-index{height: 356px;}
.swiper-index img{width: 100%;display: block;height: 100%;}
.swiper-index .swiper-pagination-bullet{width: 10px;height: 10px; background-color: #fff;position: relative;opacity: 1;}
.swiper-index .swiper-pagination-bullet.swiper-pagination-bullet-active:after{display: inline-block;width: 10px;height: 10px;background-color: #077254;content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 0px;border-radius: 100%;}

.pro-item{width: 320px; float: left; margin-left: 30px; margin-bottom: 12px;}
.pro-itemwk{width: 320px; height: 260px; border: 1px solid #dddddd; border-radius: 10px; padding: 9px;}
.pa-lr10{padding: 0 10px;}
.pro-itemwtitle{width: 194px; float: left; font-size: 16px; color: #3b3b3b; line-height: 60px; text-align: left;}
.pro-itemmore{width: 106px; float: right; background: url("../images/product_04.png"); height: 60px; font-size: 16px; color: #9a9a9a; line-height: 60px; text-align: right}


/*左侧菜单*/
@font-face{font-family:'iconfont';src:url('font/iconfont.woff') format('woff')}
.sidebar-wrapper{top:0;z-index:99;width:226px;float: left; background: url("../images/pro_02.png") repeat-y left}
.sidebar{padding:0}
.sidebar .menu-group{padding: 0 0 8px 12px}
.menu-item{font-size:15px;line-height:57px;}
.menu-item-1{ }
.menu-item .sub-title{position:relative; line-height: 57px; padding-left: 34px; text-align: left; font-size:15px;font-weight:normal;color:#343330;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer; background: url("../images/pro_04.png") no-repeat; }

.menu-item.collapse .sub-title:after{margin-top:-5px;transform:rotate(-90deg)}
.menu-item .sub-title:hover:after{color:#077254}
.menu-item .active{background: url("../images/pro_05.png") left no-repeat}
.menu-item a{padding-left:46px;font-size:12px;line-height:32px;display:block;color:inherit; text-align: left;}
.menu-item .sub-title{margin:0;}
.menu-item .sub-title:after{right:24px}
.menu-item-1{padding-top:12px}
.menu-item-1 ul{display:none;margin-top:12px}
.menu-item-1.active ul{display:block}
.menu-item-2{padding-top:0px;padding-bottom:0px;padding-left:0px;font-size:12px;line-height:32px}
.main-container{position:relative;margin-left:256px;padding:0 0 0 64px}

.w900{width: 900px; margin: 0 auto;}
.news-item{width: 280px; float: left; margin: 0 10px 20px; background-color: #fbfbfb; border-radius: 5px; padding: 10px 10px 0;}
.news-item-titebg{width: 100%; height: 42px; border-bottom: 1px solid #dcdcdc; }
.news-item-titebg img{width: 18px; height: 19px; margin: 11px 10px 0 0; float: left;}
.news-item-tite{font-size: 14px; color: #353535; line-height: 41px; text-align: left; float: left;}
.news-item-time{font-size: 14px; color: #989898; line-height: 47px; text-align: left; float: left;}
.fr{float: right!important}
.followus{font-size: 24px; color: #b8b4b4; line-height: 139px; }