/* top start*/
body,td,th {
	font-size: 14px;
}

img, div { behavior: url(/images/iepng/iepngfix.htc); }

body, div, p,img,dl, dt, dd, ul, ol, li,  pre, form, fieldset, input, textarea, blockquote {
	padding:0px;
	margin:0px;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	padding:0px;
	margin:0px;}
.FontRed{
	color:#FF0000;}
i,em{ font-style:normal;}
.container{ width:1200px; margin:auto;}
h3{
	font-size:14px;}

li{
	list-style-type:none;}

img{border:0; 
	}
.gray{
	color:#666666;}
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:none;color:#B1944D;}
a:active{text-decoration:none;}

.LineLink a{text-decoration:underline;}
.LineLink a:hover {text-decoration:none;color:#B1944D;}

.ColorLink a {color:#B1944D;}
.ColorLink a:hover {color:#B1944D;}

.WidthTab{
	width:10px;
	height:1px;
	float:left;}
.WidthTab2{
	width:20px;
	height:1px;
	float:left;}	
.HeightTab{
	height:10px;
	width:1px;
	overflow:hidden;}

.HeightTab2{
	height:20px;
	width:1px;
	overflow:hidden;}

.ListDate{
	color:#666666;
	 }
.fl{float:left}
.fr{float:right}
.zww{width:1200px;margin:auto}
.f12{font-size:14px}
.f16{font-size:16px}
.tc{text-align:center}
.fb{font-weight:bold}
.ff{font-family:"微软雅黑";}
.cf{color:#ffffff}

.HituxInner{margin:auto;width:1200px;}
.section{ width:100%; margin:auto; background:#EBF1EE; height:45px;}
.tem_top{height:45px;color:#666;font-size:14px;}
.tem_top h2{font-size:14px;float:left;}
.tem_top h2 p{font-weight:normal;line-height:45px;}
.tem_top a{color:#666;}
.tem_top a:hover{color:#666;}
.tem_top_nav{float:right;line-height:45px;}
.tem_top_nav a{ padding:0px 5px; color:#666; line-height:45px; font-size:14px;}


/*友链
.links{padding:22px 0;}
.links span{font-size:30px}
.links p{padding:5px 20px}
.links p a{color:#333;margin:0 8px;font-size:12px;line-height:22px}*/
 
body{
	
	font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;
	width:100%;
	min-width:1200px;
	margin:auto;
	
}
input,textarea{
	font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;
}
#wrapper{
	}
 #head{
	width:100%;
	margin:auto;
	overflow:hidden;
	background:#fff;
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);
    border-color: rgba(236, 236, 236, .73);}

 
 #head .top{
	width:100%;
	height:100px;
	}	
 .TopBG{
	 width:100%;
	background:#535353;
	}
 .TopInfo{
	margin:auto;
	width:1200px;
	height:25px;
	} 
 .TopInfo .welcome{
	 float:left;
	 line-height:25px;
	 color:#FFF;
	 font-size:12px;}

 .TopInfo .link{
	line-height:23px;
	width:223px;
	height:25px;
	float:right;
	color:#FFF;
	padding-right:0px;
	padding-left:0px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;}
 .TopInfo .link a{
	color:#FFF;
	padding:0px 3px;}
 .TopInfo .link img{
	 vertical-align:middle;
	 border:1px solid #F5F5F5;}		
 .TopInfo .link a:hover{
	color:#ccc;}	
 #head .top .TopLogo{
	margin:auto;
	width:90%;
	overflow:hidden;
	}
 #head .top .TopLogo .logo{
	float:left;
	height:100px;
	}
 #head .top .TopLogo .logo .l{
	height:100px;display: table-cell;vertical-align: middle;}
 #head .top .TopLogo .logo .l img{ height:70px;}
 #head .top .TopLogo .des{
	float:left;
	font-size:24px;
	color:#333;
	font-weight:bold;
	margin-top:48px;
	margin-left:50px;
	}
 #head .top .TopLogo .SearchTop{
	 float:right;
	 margin-top:32px;
	 padding-left:70px;
	 background:url(/images/tel_bg.png) no-repeat center left;
	 margin-right: 20px;
	 }	

 #head .top .TopLogo .tel{
	text-align:right;
	float:right;
	font-size:16px;
	line-height:30px;
	padding-left:20px;
	margin-top:30px;
	background:url(/images/tel.png) no-repeat center left;
	} 	
 #head .top .TopLogo .tel span{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	display:block;
	line-height:42px;
	}

/* navs*/
 #head #NavLink{
	float:right;
	height:100px;
	margin-right:30px;
	}/*
 #head #NavLink #NavBG{
	height:100px;
	width:900px;
	margin:auto;}	
		
 #head #NavLink #sddm{
	position:absolute;
	width:900px;
	margin:auto;}
*/
 #head #NavLink #sddm li{
	float: left;
	font-weight:normal;}
 #head #NavLink #sddm .CurrentLi a{
	color: #065195;
    text-decoration: none;
}
/*	
 #head #NavLink #sddm .CurrentLi p{
	background:#004216;
	border-left:none;
	 }
*/	 
 #head #NavLink #sddm li a
{	display: block;
	text-align: center;
	padding:0px 12px;
	line-height:100px;
	color:#3f3f3f;
	font-size:15px;
	}
/*	
 #head #NavLink #sddm li P{
	border-left:1px solid #188139;
	text-align:center;
	font-size:10px;
	line-height:35px;
	font-weight:normal;
	color:#FFF;
	text-transform:uppercase;}
*/	
 #head #NavLink #sddm li a:hover
{	text-decoration:none;
    display: block;
	color: #065195;
    text-decoration: none;

}

 #head #NavLink #sddm div
{	position: absolute;
	visibility: hidden;
	background: #808080;
	padding:0px 0px;
	filter: alpha(opacity=85);
	top:54px;
	}
 #head #NavLink #sddm .CurrentLi div a{
		background:#8F050A;
	 }
 #head #NavLink #sddm div a
	{	position: relative;
		padding: 0px 0px;
		width:136px;
		text-align: center;
		background:#8F050A;
		color: #FFFFFF;
		font-size:12px;
		font-weight:normal;
		text-decoration:none;
		line-height:30px;
		height:30px;
		border-top:1px solid #c12305;}

 #head #NavLink #sddm div a:hover{
	background:#c12305;
	color:#fff;
	font-weight:bold;
	line-height:30px;
	}
	
	 #body{
	width:100%;
	margin:auto;
}
/* albumblock*/

 .albumblock{
	width: 23.3%;
    border: 1px solid #fff;
    margin-bottom: 25px;
    background: #fff;
    float: left;
    margin-right: 2%;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 3px 10px #ccc;
}
 .albumblock:nth-child(4n-0){
    margin-right: 0;
}
 .albumblock .inner{
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
	}

.albumblock .inner img{
	width:277px;
	height:277px;
    display: block;
    border-radius: 5px;
}

 .albumblock .inner .albumtitle{
	padding: 10px 20px;
	height: 45px;
    font-weight: bold;
    font-size: 18px;
    color: #666;
    line-height: 45px;
    text-align: center;
    overflow: hidden;}
 .albumblock .inner .albumtitle span{
	font-weight:normal;
	font-size:12px;}	
 .albumblock:hover{border:1px solid #000000;}
 
 .albumblock .inner  a{
	 color:#666;}
 .albumblock .inner  a:hover{
	text-decoration:none;}
 .albumblock .inner  a:visited{
	text-decoration:none;}	
		

/*footer*/
#footer{clear: both;width: 100%;background: #1E1E1E;}
 .footWrap{background:#1e1e1e;height:352px;font-family:"Microsoft Yahei";padding-top: 84px;box-sizing: border-box;}
.footer{width:1200px;margin: 0 auto;}
         .f_nav{width: 344px; height: 141px; border-right: 1px solid #626262;box-sizing: border-box;float: left;}
         .fnav a{display: block;font-size:14px;color:#ffffff; line-height: 20px; float: left;text-decoration: none;width: 165px;background: url(/images/fnavico.png) no-repeat left center;color: rgba(255,255,255,0.5);padding-left: 19px;box-sizing: border-box;margin-bottom: 20px;}

         .fcontact{width:695px; height: 141px; border-right: 1px solid #626262;padding-left: 50px; box-sizing: border-box;float: left; margin-bottom: 70px;}
         .fcontact .lx{width: 377px; float: left;}
         .fcontact .lx p{font-size: 14px;color: rgba(255,255,255,0.6);line-height: 20px;margin-bottom: 20px; }
         .fcontact .lx p a{font-size: 14px;color: rgba(255,255,255,0.6);line-height: 20px;margin-bottom: 20px; }
         .fcontact .lx p:nth-child(1){color: #fff;}
         .fcontact span{font-size: 16px;color:#fff;line-height: 20px;display: block; float: left;}
         .fcontact span b{display:block; font-size: 24px; color: #fff;margin-top: 20px; }

        .fcode{margin-top: 10px; width: 115px; height: 115px;float: right;box-sizing: border-box;}
        .fcode p{width: 115px; float: left;}
        .fcode img{width: 115px; height: 115px;background: #fff;padding:1px;}

         .fbeian{width: 1200px; height: 58px; border-top: 1px solid #4b4b4b; text-align: center; }
         .fbeian p{color: #ffffff; font-size: 14px;line-height: 58px;opacity: 0.7;}
         .fbeian p a{color: #fff;}
         .fbeian em{padding:0 15px;}


#wrapper  .t_page{
	padding:10px;
	text-align:center;
	font-size:12px;
	line-height:25px;
	
	}	
#wrapper  .t_page a{
	padding:2px 5px;
	border:1px solid #DEDEDC;
	margin:0px 3px;}	


/* date css*/		
 .header {font: 12px Arial, Tahoma !important;font-weight: bold !important;font: 11px Arial, Tahoma;font-weight: bold;color: #154BA0;background:#C2DEED;height: 25px;padding-left: 10px;
}
 .header td {padding-left: 10px;}
 .header a {color: #154BA0;}
 .header input {background:none;vertical-align: middle;height: 16px;}
 .category {font: 12px Arial, Tahoma !important;font: 11px Arial, Tahoma;color: #92A05A;height:20px;background-color: #FFFFD9;}
 .category td {border-bottom: 1px solid #DEDEB8;}
 .expire, .expire a:link, .expire a:visited {color: #999999;}
 .default, .default a:link, .default a:visited {color: #000000;}
 .checked, .checked a:link, .checked a:visited {color: #FF0000;}
 .today, .today a:link, .today a:visited {color: #00BB00;}
 #calendar_year {display: none;line-height: 130%;background: #FFFFFF;position: absolute;z-index: 10;}
 #calendar_year .col {float: left;background: #FFFFFF;margin-left: 1px;border: 1px solid #86B9D6;padding: 4px;}
 #calendar_month {display: none;background: #FFFFFF;line-height: 130%;border: 1px solid #86B9D6;padding: 4px;position: absolute;z-index: 11;}
 #year,#month{padding:0 10px;background:#fff;}	


/* SearchBar */

.SearchBar {
	width:368px;
	height:37px;
	background:url("/images/HituxCMSNote/Search_bg.png") no-repeat left top;
}

.Sbox .SearchBar{
	margin:10px 0px 0px 10px;}

.SearchBar #search-text {
	width: 266px;
	padding:0px 0px;
 	margin:0px;
	color:#999999;
	height:36px;
	line-height:36px;
	font-size:12px;
	background:none;
	border:none;
	padding-left:30px;
	}

.SearchBar #search-submit {
	border:none;
	background:none;
	font-size:12px;
	color: #FFFFFF;
	height:37px;
	margin:0px;	
	cursor:pointer;
	padding:0px;
	line-height:37px;
	width:72px;
}

/* search content */
#search_content .searchtip{
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	BORDER-bottom: #023848 1px solid;
	padding-top:10px;
}

#search_content .result_list{
	padding:10px 10px;
	}
	
#search_content .result_list dt{
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	line-height:25px;
	font-family:Microsoft Yahei;}	

#search_content .result_list dd{
	padding:0 0 5px 0;
	margin:0px;
	line-height:20px;
	}	

#search_content .result_list .line {
	overflow:hidden;
	BORDER-bottom: #E9E8E8 1px dashed;}	

#search_content .result_list .line a{
	padding-right:20px;}

#search_content .result_list .line a:hover{
	text-decoration:none;}			
	
#search_content .search_welcome{
	line-height:25px;
	text-align:center;
	}
#search_content .search_welcome p{
	text-align:center;}		
#search_content .result_page{
	text-align:center;
	font-size:13px;
	padding:10px;}

#search_content .result_page span{
	font-size:12px;
	font-family:arial;
	padding:0 5px;
	}	

#dark_footer .box_240px_left {
	width:143px;
	padding-right: 42px;
	padding-top: 0px;
	background-image: none;
	padding-bottom:0px;
	float:left;
}
#dark_footer .box_240px_left h2{
	font-size:14px;
	border-bottom:1px dotted #999;
	color:#FFF;
	padding-bottom:10px;}
#dark_footer .box_240px_left li{
	line-height:250%;
	font-size:12px;}
#dark_footer .box_240px_middle {
	padding: 0px 42px;
	background-image: none;
}
#dark_footer .box_240px_right {
	padding-left: 42px;
	padding-top: 0px;
	background-image: none;
}
#dark_footer_wrap {
	background-color:#B1944D;
	overflow: hidden;
	padding:20px 0px;
}
#dark_footer {
	width: 940px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
	color#FFF;
}
#light_footer_wrapper {
	font-size:12px;
	padding:10px;
	height:100px;
	
}
.box_240px_right li {
	display: inline;
}
#dark_footer li a{
	color:#FFF;}


/*backtotop*/
.backToTop {
 display: none;
 width: 50px;
 height:50px;
 line-height: 1.2;
 background:url("/images/HituxCMSNote/back_top.png") left top;;
 color: #fff;
 font-size: 12px;
 text-align: center;
 position: fixed;
 _position: absolute;
 right: 10px;
 bottom: 100px;
 _bottom: "auto";
 cursor: pointer;
 opacity: .6;
 filter: Alpha(opacity=60);
}


/* open div*/
#popupMask {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9990;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:0.70;
	filter: alpha(opacity=70);
}
#popupContainer {
	position: absolute;
	z-index: 9991;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
	}
#popupInner {
	border: 3px solid #B1944D;
	background-color: #FFFFFF;
	}
#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 9;
}
#popupTitleBar {
	background:url("/images/HituxCMSNote/box_bg1.jpg") repeat-x left top;
	color: #B1944D;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	z-index: 9992;
	text-align:center;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
#popupControls a span {
	display: block;
	height: 15px;
	width: 15px;
	text-indent: -9000px;
	background: url('/images/HituxCMSNote/close.gif') no-repeat;
}

.VideoBox{
	padding:10px;}


/*product*/
.RightNav span{
	color:#B1944D;}
 .ClassNav{
	padding:0px 0px;}
	
 .ClassNav .NavTree ul{
	padding:26px;
}
	
 .ClassNav .NavTree ul li{
	cursor:pointer;
    height: 50px;
    border-top: 1px solid #eaeaea;
}
	
 .ClassNav .NavTree ul li a{
	display: block;
    font-size: 15px;
    color: #666666;
    height: 50px;
    line-height: 50px;
    background: url(/images/blank_bg.png) no-repeat 190px center;
    text-indent: 25px;
    text-decoration: none;
    border: 1px solid #eaeaea;
    border-top: none;
	 }	
		
 .ClassNav .NavTree ul li a:hover{
    background: url(/images/blank_zg.png) no-repeat 190px center;
	color:#B1944D;
	font-weight:bold;
    height: 50px;
    line-height: 50px;
	text-decoration:none;
}
 .ClassNav .NavTree ul li .current a{
    background: url(/images/blank_zg.png) no-repeat 190px center;
	color:#B1944D;
	font-weight:bold;
	}	
 .ClassNav .NavTree dl dd a{
	display: block;
    font-size: 14px;
    color: #666666;
    height: 50px;
    line-height: 50px;
    background: url(/images/blank_bg.png) no-repeat 190px center;
    text-indent: 25px;
    text-decoration: none;
    border: 1px solid #eaeaea;
    border-top: none;
	 }	
		
 .ClassNav .NavTree dl dd a:hover{
    background: url(/images/blank_zg.png) no-repeat 190px center;
	color:#B1944D;
	font-weight:bold;
}
 .ClassNav .NavTree .subfolderstyle{
background: url(/images/HituxCMSNote/arrow-list.gif) no-repeat 150px center ;
}
/* Holly Hack for IE \*/
* html  .ClassNav .NavTree ul li { float: left; height: 1%;z-index:2000; }
* html  .ClassNav .NavTree ul li a { height: 1%;z-index:2000; }
/* End */	


/*service*/
.qqbox a:link {
	color: #000;
	text-decoration: none;
}
.qqbox a:visited {
	color: #000;
	text-decoration: none;
}
.qqbox a:hover {
	color: #f80000;
	text-decoration: underline;
}
.qqbox a:active {
	color: #f80000;
	text-decoration: underline;
}
.qqbox {
	width:132px;
	height:auto;
	overflow:hidden;
	position:absolute;
	right:0;
	top:200px;
	color:#000000;
	font-size:12px;
	letter-spacing:0px;
	z-index:500;
}
.qqlv {
	width:33px;
	height:256px;
	overflow:hidden;
	position:relative;
	float:right;
	z-index:50px;
}
.qqkf {
	width:120px;
	height:auto;
	overflow:hidden;
	right:0;
	top:0;
	z-index:99px;
	border:6px solid #cc0000;
	background:#fff;
}
.qqkfbt {
	width:118px;
	height:20px;
	overflow:hidden;
	background:#cc0000;
	line-height:20px;
	font-weight:bold;
	color:#fff;
	position:relative;
	border:1px solid #fff;
	cursor:pointer;
	text-align:center;
}
.qqkfhm {
	width:112px;
	height:22px;
	overflow:hidden;
	line-height:22px;
	padding-right:8px;
	position:relative;
	margin:3px 0;
}
.bgdh {
	width:102px;
	padding-left:10px;
}
#K1 {
	padding-left:3px;
}
#K1 p{
	padding:5px 0px;}	


.cbbfixed {position: fixed;right: 10px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;background-color: #333;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(/images/side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#2c2d2e;}
.cbbfixed .weixin {background: #dadbdd;}
.cbbfixed .weixin div {background: url(/images/QRCode.png);width: 210px;height: 210px;position: absolute;left: -212px;top: -130px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .weixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .weixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background: url(/images/side-icon01.png);}

/* clearfix */
.clearfix:after{
	content:" ";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
.clearfix {
	clear:both;
}
.clearbox {
	clear:both; 
	width:996px; 
	margin:0 auto; 
	height:0; 
	overflow:hidden;}
.clear { 
	height:1%; 
	overflow:hidden; }
	
/*标题*/
.tit01{ font-size: 40px; color: #000000; text-align: center; font-weight: normal;}
.tit01 i{display: block;margin:0 auto;}
.tit01 i img{width: 100%; display: block;}
.tit01 a{color: #000000; text-decoration: none; }
.tit01 em{font-size: 40px; color: #000000; text-align: center; font-weight: normal;}

/*优势*/
.yy_bj{ height:550px;padding-top: 80px; background: url(/images/yybg.jpg) no-repeat center top; }
.yy{height: 475px; }
.yy dl{width: 1200px;overflow: hidden;}
.yy dl dt{width: 597px; height: 475px; position: relative; float: left; }
.yy dl dt img{width: 597px; height: 373px; display: block;}
.yy dl dt i{width: 301px;height: 243px; display: block;position:absolute;bottom: 0;right: 0;}
.yy dl dt i img{width: 301px;height: 243px; display: block;}
.yy dl dd{width: 500px; float: right;padding-top: 40px; }
.yy dl dd i{display: block;width: 508px; height: 98px;}
.yy dl dd i img{width: 100%; display: block;}
.yy dl dd h3{height: 72px; line-height: 72px;color: #454545;font-size:40px; font-weight: normal;margin-bottom: 15px;}
.yy dl dd p{ font-size: 14px; color: #666666; line-height: 28px; height: 200px; }
.yy dl dd p em{display: block;}
.yy dl dd .zx{width: 128px; height: 30px; display: block; background: url(/images/yy_btn.png) no-repeat;}

/*定制*/
.edge{background: #f8f8f8; line-height:24px;font-size: 16px;position: relative;z-index: 1;clear: both;padding: 80px 0 0;color: #fff;width: 100%;overflow: hidden;display: block;margin: 0 auto;}
.edge h2{margin-bottom: 55px;}
.edge h2 i{width: 500px;height: 90px;}

.leit{width: 100%;overflow: hidden;display: block;height:891px;}
.leit ul{width: 100%;margin:0 auto;}
.leit li{width: 33.33%;float: left;position: relative;cursor:pointer;height: 891px;overflow: hidden;box-sizing: border-box; background-size: 100% 100%;}
.leit li img{display: block; margin:0 auto;}
.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0,0,0,0.3);background-size: 100%;}
.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}

.shu2{width: 100%; padding:0 10%;font-size: 40px;color: #ffffff;text-align: center;position: absolute;bottom: 38%;left:0; text-align: left; box-sizing: border-box;z-index: 1}
.shu2 span {width:100%;font-size:2.25rem;color: #fff;font-weight:normal;display:block; padding-bottom: 15px;background: url(/images/dz_ico1.jpg) no-repeat center bottom; text-align: center; line-height: 58px;}
.shu2 em{width: 230px;height: 74px; display: block; margin:0 auto}

.bock{width: 92%;position: absolute;left: 4%;bottom:0;color: #fff;opacity:0;height:140px;box-sizing: border-box;background: rgba(0,0,0,0.3);}
.bock h3 {width:100%;font-size:2.25rem;color: #ffffff;font-weight:normal;display:block; text-align: center;}
.bock p{position: relative; }
.bock p:after{content:'';position:absolute;top:-22px;left:50%;z-index: 1;height:34px;width:1px;background: #fff;}
.bock p img{width: 230px;height: 74px; display: block; margin:0 auto;}

/*效果*/

.xg_bj{ height:850px; overflow: hidden; background:#fff; padding-top:55px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.xg_bj h2{margin-bottom: 38px;}
.xg_bj h2 i{width: 368px;height: 90px;}
.xg_bj .title_wrap { position: relative; overflow: hidden; width: 100%;}
.xg_bj .title_wrap { padding:0px;}
.xg_bj .mainTitleCls {color:#ffffff;padding-left:0px;padding-right:0px;font-size:22px;}
.xg_bj .subTitleCls {font-size:13px;padding-left:0px;padding-right:0px;color:#ebe6e6;}
.xg_bj .title_type_004 .title_wrap_inner {border-left-color:#ddd;height:50px; border-left-width:0px;border-left-style:solid;}
.xg{position: relative;height: 1124px;}
.xg1{width: 441px; height: 615px; float: left; position: absolute; z-index: 9;}
.xg1 img{ width:100%;}
.modulebox{ position: absolute; left: 33px; top: 33px; width: 121px; height: 45px; max-width: none; z-index: 9998;}

.xg2{ width: 368px; height: 246px; position: absolute; left: 453px; top: 0px; z-index: 9;}
.xg2 img{ width:100%;}
.xg2 .modulebox{ position: absolute; left: 22px; top: 22px; width: 121px; height: 45px; max-width: none; z-index: 9998;}

.xg3{ width: 368px; height: 246px; position: absolute; left: 832px; top: 0px; z-index: 9;}
.xg3 img{ width:100%;}
.xg3 .modulebox{ position: absolute; left: 22px; top: 22px; width: 121px; height: 45px; max-width: none; z-index: 9998;}

.xg4 { width: 241px; height: 358px; position: absolute; left: 453px; top: 257px; z-index: 9;}
.xg4 img{ width:100%;}
.xg4 .modulebox{ position: absolute; left: 22px; top: 22px; width: 121px; height: 45px; max-width: none; z-index: 9998;}

.xg5{ width: 241px; height: 358px; position: absolute; left: 706px; top: 257px; z-index: 9;}
.xg5 img{ width:100%;}
.xg5 .modulebox{ position: absolute; left: 22px; top: 22px; width: 121px; height: 45px; max-width: none; z-index: 9998;}

.xg6{ width: 241px; height: 358px; position: absolute; left: 959px; top: 257px; z-index: 9;}
.xg6 img{ width:100%;}
.xg6 .modulebox{ position: absolute; left: 22px; top: 22px; width: 121px; height: 45px; max-width: none; z-index: 9998;}

.xg_more{width: 257px;height: 242px; display: block;position: absolute;left:429px;top:511px;z-index: 1;background: url(/images/xg_more.jpg) no-repeat; text-align: center; line-height: 242px;}
.xg_more a{ font-size: 21px; color: #1f1f1f; display: block; background: url(/images/yy_btn.png) no-repeat center 150px; text-decoration: none;}
.xg dl dt h4,.xg dl dd,.xg dl:hover dt h4,.xg dl:hover dd{transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.xg dl:hover dt h4{ bottom:-80px; }
.xg dl:hover dd{bottom: 0;}


/*工程案例*/
.case_bj{ overflow: hidden; background:#fff; padding-top:50px; }
.case_bj h2{margin-bottom: 32px;}
.case_bj h2 i{width: 400px;height: 90px;}
.case{position: relative;height: 320px;}
.po_frbox4 {width:1200px; margin:auto; overflow:hidden;}
.po_frUl4 {width:1200px;overflow: hidden;margin:auto;float:left;}
.po_frBtnL4 {width:27px;height:49px;display:block;cursor:pointer;display:inline;margin-top:130px;float:left;}
.po_frBtnR4{width:27px;height:49px;display:block;cursor:pointer;display:inline;margin-top:130px;float:right;}
.po_frUl4 li{width:390px; float:left;margin:10px 5px;position:relative;overflow: hidden;transition:all .3s}
.po_frUl4 li:hover .text h3,.po_frUl4 li:hover .brief{color: #333;}
.po_frUl4 li a{display:block;width:100%;text-align:center;
	position: relative;
	overflow: hidden;}
.po_frUl4 li .figure{ overflow:hidden;}
.po_frUl4 li .figure img{width:390px;height:300px;display:block;}
.po_frUl4 li .text{
	padding:10px;
	z-index: 2;
	background:#F6F6F6;
	text-align: center;
	color: #3E3E3E;
}
.po_frUl4 li .text img{
	display: block;
	margin-bottom: 15px;
	width: 90px;height: 90px;
}
.po_frUl4 li .text h3{
	font-size: 16px;
	line-height: 30px;
	color: #333;
	text-align:left;
}
.po_frUl4 li .text .brief{font-size: 14px;line-height: 22px; height: 66px;
	overflow: hidden;text-overflow: ellipsis;
	display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.po_frUl4 li:hover .text{
	bottom: 0;
}

/*风采*/
.xc_bj{ height:1107px; overflow: hidden; background: url(/images/xcbg.jpg) no-repeat center top; padding-top:75px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.xc_bj h2{margin-bottom: 85px; color: #fff;}
.xc_bj h2 i{width: 707px;height: 90px;}

.sz{height: 215px;}
.sz dl{width: 176px; float: left;margin-right: 160px; position: relative;}
.sz dl:after{content:'';position:absolute;height:1px;width:89px;background:#e4e3e3;top:104px;right:-124px;}
.sz dl dt h4{font-weight: normal; height: 72px; line-height: 72px; text-align: center; color: #201919; font-size:20px;opacity: 0.8; }
.sz dl dt img{width: 170px; height: 74px; display: block;margin:0 auto;}
.sz dl dd{ font-size: 16px;color: #201919;opacity: 0.5; line-height: 52px; text-align: center; }
.sz dl:last-child{width: 192px;margin-right: 0;}
.sz dl:last-child:after{background: none;width: 0;}
.sz dl:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

.xc ul{height: 419px;}
.xc li{margin-right: 7px; float: left;}
.xc li img{width: 100%; display: block;}
.xc li.xc1{width: 428px; height: 419px;}
.xc li.xc2{width: 508px; height: 205px;margin-right: 0;}
.xc li.xc2 img:nth-child(1){width: 216px;height: 205px; float: left;margin-right: 7px;margin-bottom: 8px;}
.xc li.xc2 img:nth-child(2){width: 279px;height: 205px; float: left;margin-bottom: 8px;}
.xc li.xc2 img:nth-child(3){width: 279px;height: 205px; float: left;margin-right: 7px;}
.xc li.xc2 img:nth-child(4){width: 216px;height: 205px; float: left;}
.xc li.xc4{width: 257px; height: 419px;margin-right: 0; }
.xc li img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.xc li img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}



/*服务*/
.fw_bj{ height:auto; overflow: hidden; background:#fff; padding-top:60px;padding-bottom: 60px; }
.fw_bj h2{margin-bottom: 35px;}
.fw_bj h2 i{width: 707px;height: 90px;}

.fw{width:1200px; line-height: 30px;font-size: 16px;clear: both;overflow: hidden;margin:0 auto;}
.m_fw{width: 100%;}
.m_fw dl{width:19.8%;margin-right: 0.2%;box-sizing: border-box; float: left; position: relative;}
.m_fw dl dt{width: 100%; overflow: hidden;position: relative;}
.m_fw dl dt:after{content:'';position:absolute;height:2.6875em;width:100%;background:url(/images/fw1bg.png) no-repeat;bottom:0;left:0;}
.m_fw dt img{ width: 100%; display: block; }
.m_fw dd{width: 100%;padding-bottom: 1.5em; background: #065195;box-sizing: border-box;overflow: hidden; text-align: center;}
.m_fw dd img{width: 100%;display: block; height: 3em;}
.m_fw dd h4{ font-size:20px; color: #fff; height:1.6em;line-height: 1.6em;font-weight: normal; text-align: center; }
.m_fw dd p{opacity: 0;height: 0; padding:0 2em; font-size: 15px; color: #fff;  line-height: 1.5em; text-align: center; }
.m_fw dd p i{display: block;}


.m_fw dl:nth-child(2n) dt:after{background: url(/images/fw2bg.png) no-repeat;background-size: 100% 100%;}
.m_fw dl dt:after,.m_fw dl dd,.m_fw dl dd img,.m_fw dl dd p{transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.m_fw dl.cur dt:after{background: url(/images/fw1bg1.png) no-repeat;}
.m_fw dl.cur dd{background: #f7d18c;}
.m_fw dl.cur dd img{ opacity: 0;height: 0; }
.m_fw dl.cur dd h4{color: #634109;}
.m_fw dl.cur dd p{height: 3.2em;opacity: 1; color: #634109;}

.m_fw dl.cur:nth-child(2n) dt:after{background: url(/images/fw2bg2.png) no-repeat;background-size: 100% 100%;}
.m_fw dl.cur:nth-child(2n) dd{background: #f7d18c;}
.m_fw dl.cur:nth-child(2n) dd img{ opacity: 0;height: 0; }
.m_fw dl.cur:nth-child(2n) dd h4{color: #634109;}
.m_fw dl.cur:nth-child(2n) dd p{height: 3.2em;opacity: 1; color: #634109;}


/*留言*/
.lybj{ height: auto;min-height: 563px; box-sizing: border-box; background:url(/images/lybg.jpg) no-repeat center top; padding-top:128px; overflow: hidden; font-family:"Microsoft Yahei";}
.lybj h2{ font-size: 20px; color: #ffffff;width: 500px; float: left;margin-right: 100px; text-align: center; letter-spacing: 4px; font-weight: normal;height: 107px; margin-top: 70px;position: relative;}
.lybj h2:after{content:'';position:absolute;height:1px;width:52px;background:#fff;left:50%; bottom:0;margin-left: -26px;}
.lybj h2 i{width: 215px;height: 54px; display: block;margin:0 auto;}
.lybj h2 i img{width: 100%;display: block;}
.ly{width: 400px; float: left;padding-left: 64px; box-sizing: border-box;position:relative;}
.ly  li{width: 275px; height: 45px; border:1px solid #d8d8d8; line-height: 45px; margin-bottom: 10px;background:none; border-radius: 5px;color: #8f8f8f;}
.ly  li input{width: 265px;height: 45px; line-height: 45px;background: none;border:0;font-size: 15px; color: #8f8f8f;text-indent: 18px; outline:none;}
.ly  li textarea{width: 265px;height: 45px; line-height: 45px;background: none;border:0;font-size: 15px; color: #8f8f8f;text-indent: 18px; outline:none;}
.ly  li select{width: 265px;height: 90px; line-height: 45px;border:0;background: none;padding-left: 20px;font-size: 15px;}
.ly  li select>option{font-size: 15px; display: block;line-height: 45px;}
.ly .submit{height: 45px;margin:15px 0; outline:none;}
.ly .submit .form-btn-submit{width: 125px;height: 45px;background:#c79e68; float: left; font-size:15px;color: #ffffff; line-height: 45px; border:0;text-align: center; font-weight: normal; cursor: pointer;border-radius: 5px; outline:none;}
.ly .submit .form-btn-reset{display:none;}
.ly  a.zx{position:absolute;left:200px;top:233px; width: 125px;height: 45px;background:#919191; float: left; font-size:15px;color: #ffffff; line-height: 45px; border:0;text-align: center; font-weight: normal; cursor: pointer;border-radius: 5px; display: block;}


.ly p{font-size: 13px; color: #7f7f7f;}
.ly_code{width: 200px; float: right;padding-left: 20px; box-sizing: border-box;}
.ly_code p{width: 142px;height: 222px; font-size: 15px; color: #252525; text-align: center;}
.ly_code p em{width: 122px;height: 122px;padding:10px;margin-bottom: 15px; display: block;background: url(/images/codebg.png) no-repeat center center;}
.ly_code p em img{width: 100%; display: block;}
.ly_code span{display: block; font-size: 21px; color: #1f1f1f; font-family: "Arial"; text-align: center;width: 148px;}
.ly_code span i{display: block; font-size: 13px; color: #1f1f1f;position: relative; line-height: 30px; text-align: center; height: 30px;}
.ly_code span i:before{content:'';position:absolute;height:1px;width:28px;background:#d1d1d1;top:50%;left:0;}
.ly_code span i:after{content:'';position:absolute;height:1px;width:28px;background:#d1d1d1;top:50%;right:0;}




/*关于我们*/
.aboutbj{background:url(/images/abtbg.jpg) no-repeat center top;height: 695px; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;padding-top: 135px;}

.about{width:1200px;height:353px; position: relative;}
.about .abtimg{width: 157px;height: 207px;display: block;position: absolute;right:511px;top:253px;}
.about dl{width: 665px; height: 353px;background: url(/images/abt_dlbg.png) no-repeat;padding:35px 52px 0 67px; box-sizing: border-box;float: right;margin-right: -63px;}
.about dt{margin-bottom: 15px;}
.about dt i{width: 195px;height: 50px;}
.about a{ text-decoration: none; }
.about dd {}
.about dd p{height: 105px; font-size: 14px; color: #5a5b5b;line-height: 25px; text-align: center;;}
.about dd span{display: block;width: 141px; height:38px;background: url(/images/abt_btn.png) no-repeat;text-decoration: none; margin:0 auto;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.about a:hover span{transform: translateY(-5px);}


/*优势*/
.ys_bj{ overflow: hidden; background:#242424; padding:60px 0px 80px; margin:60px auto 0px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.ys_bj h2{margin-bottom: 45px; color: #fff;}
.ys_bj h2 i{width: 414px;height: 90px;}
.ys{position: relative;}
.ys dl{width: 393px; background: #fff;float: left;margin-right: 10px;}
.ys dt{width: 393px;height: 401px;overflow: hidden; }
.ys dt img{width: 393px;height: 401px;display: block;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.ys dd{width: 393px;height: 168px; text-align: center; padding:0 36px;border:1px solid #dddddd;border-top:0;box-sizing: border-box;}
.ys dd h3{font-size: 24px; color: #000000; overflow: hidden;  font-weight: normal; white-space: nowrap;margin-bottom: 12px;padding-bottom: 10px;position: relative;}
.ys dd h3:after{content:'';position:absolute;height:1px;width:41px;background:#8f8e8e;left:50%;bottom: 0;margin-left: -20px;}
.ys dd p{line-height: 28px; text-align: center; font-size: 15px; color: #666666;}
.ys dl:last-child{margin-right: 0;}
.ys dl{ -webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.ys dl:hover{transform: translateX(-3px);}


/**/
.pp_bj{ height:165px;padding-top: 40px; background:#f8f8f8;box-sizing: border-box;  font-family:"Microsoft Yahei"; }
.pp{}
.pp li{width: 320px; height: 90px; float: left;}
.pp li img{display: block;width:106px;height: 90px; float: left;}
.pp li h3{ float: left; font-weight: bold;font-size: 20px; color: #181818; margin-left: 15px;padding-top:20px;}
.pp li h3 i{display: block;  font-size:14px;color: #181818;opacity: 0.5; font-weight: normal;text-transform: capitalize;}
.pp li h3  em{display: block; font-size: 12px; color: #181818; font-weight: normal;}
.pp li:nth-child(1) h3{margin-left: 0;}
.pp li:nth-child(3){width: 300px;}
.pp li:nth-child(4){width: 256px;}



/**/
.lc_bj{height: 393px; background: url(/images/lcbg.jpg) no-repeat center top; padding-top: 85px; font-family:"Microsoft Yahei";position: relative;box-sizing: border-box;}
.lc_bj h2{margin-bottom: 45px; color: #fff;}
.lc{width: 1200px;  height:150px;margin:0 auto;}
.lc ul{width:1200px; margin:0 auto;}
.lc li{width: 90px;height: 120px; padding-right: 95px; float: left; background: url(/images/lcico.png) no-repeat right 40px;}
.lc li img{width: 87px;height: 87px; display: block;margin:0 auto 20px;}
.lc li span{display: block;font-size: 15px; color: #ffffff; line-height: 32px; text-align: center; font-weight: normal;}
.lc li:last-child{padding-right:0px;background: none;}

.lc li:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}



/*新闻*/
.news{ width:1200px; margin:0px auto 40px; overflow:hidden;}
.news .head{ float:left; width:605px; overflow:hidden; margin-bottom:10px;}
.news .head .span1{ float:left; font-size:42px;text-transform:Uppercase;}
.news .head .span2{ float:left; font-size:18px; margin-top:15px; margin-bottom:15px;}
.news .head samp{ float:right; position:absolute; right:0;}
.news .title{text-align:center;margin:0 auto .55rem}
.news .title .t{font-size:50px;color:#065195;margin-bottom:.2rem}
.news .title .p{font-size:18px;line-height:32px;color:#065195}
.news .more{display:block;border:1px solid #065195;width:208px;height:56px;text-align:center;line-height:56px;font-size:18px;font-family:'Conv_ITCAvantGardeStd-Bk';color:#065195;-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;transition:all .2s;margin:0 auto}
.news .more:hover{color:#fff;background-color:#065195}

.news .news_c{ width:100%; overflow:hidden;}
.news .con{width: 285px; float:left; margin-right:20px;}
.news .con:nth-child(4),.news .con:nth-child(8){ margin-right:0px; margin-bottom:15px;}
.news .con img{ width:100%; height:200px;}
.news .con .span1{display: block;font-size: 14px;color: #000;float: left; margin-top:17px; width:100%; overflow:hidden; line-height:28px; margin-bottom:2px;} 
.news .con .a{float: right; color: #FFF; font-size:13px; line-height:28px; text-transform: Uppercase; width: 64px; text-align: center; background: #065195;}
.news .con h3{    float: left; font-size: 16px; height: 45px; color:#000; overflow: hidden; margin: 10px auto;}
.news .con .box{padding-top: 25px;}
.news .con .box dl{padding-bottom: 22px;height: 135px;border-bottom: 1px solid #eeeeee;}
.news .con .box dt{float: left;/*width: 186px;height: 135px;*/}
.news .con .box dd{width: 348px;float: right;}
.news .con .box dd h3{font-size: 16px;color: #333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news .con .box dd h3 a{color: #333;text-decoration: none; font-weight:bold;}
.news .con .box dd p{margin-top: 20px;line-height: 23px;overflow: hidden;text-overflow: ellipsis;font-size: 13px;color: #666;}
.news .con .box dd p a{color: #666;text-decoration: none;}
.news .con .box ul li{height: 44px;line-height: 44px;overflow: hidden;border-bottom: 1px dotted #f2f2f2;}
.news .con .box li a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 400px;float: left;font-size: 14px;color: #333333;}
.news .con .box li span{display: block;font-size: 14px;color: #999999;float: right;}