@charset "utf-8";
/* CSS Document */
/*清除内外边距*/
html,body,div,p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol,li,table,th,td,span,img,dl,dd,dt,input,textarea,button{padding:0;margin:0;}
/*设置字体*/
body,textarea,button,input,select{font-family:"Microsoft Yahei"; font-size:12px; color:#333333; font-size:62.5%;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
/*设置列表*/
ul,ol{list-style:none;}
/*设置通用链接*/
a{ color:#333333; text-decoration:none; outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color:#FF0000;}
/*清除浮动*/
.clear{ clear:both;}


#id{background:url(图片路径) ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="图片路径");_background:none;}

.bjload{ background:url(../images/load.gif) center center no-repeat;}

#top{ height:30px; background:url(../images/bg_topnav.gif) left top repeat-x;}
.top{ width:1100px; margin:0 auto; line-height:30px; font-size:12px; color:#333333;}
.top .tleft{ font-size:13px; color:#000000; float:left;}
.top .tright{ float:right;}

#header{ height:90px; background:#F9F9F9;}
.header{ width:1100px; height:90px; margin:0 auto;}


#nav{ background:#F9F9F9;box-shadow:1px 1px 2px #ddd;}
.nav{ width:1100px; height:50px; margin:0 auto;}
.nav ul{ padding-top:7px; z-index:2;}
.nav li { float: left; height: 36px; line-height:36px; cursor: pointer; padding:0 15px; text-align: center;margin-right:4px; }
.nav li a {
	display: block;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	float: left;
	text-decoration: none;
	cursor: pointer;
	font-size: 16px;
	color: #343434;
	transition: all 0.2s ease 0s;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.nav li a:hover { color: #fff; background: #EF8800; border-radius:5px; }
.nav li.cr a, .nav li.hcr a { background: #EF8800; color: #fff; border-radius:5px; }


/*banner*/
.slider {
	position:relative;
	width:100%;
	height:450px;
	overflow:hidden;
}
.slides {
	height:100%;
	/* Simple clear fix */
		overflow:hidden;
	/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
		-webkit-backface-visibility:hidden;
	-webkit-transform-style:preserve-3d;
	/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
		-webkit-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);
	-moz-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);
	-ms-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);
	-o-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);
	transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);
}
.slide {
	height:100%;
	float:left;
	clear:none;
}
.slider-arrows {
	}.slider-arrow {
	position:absolute;
	display:block;
	margin-bottom:-20px;
	width:60px;
	height:60px;
	line-height:60px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	font-size:2em;
	background-color:#333;
	background-color:rgba(50,50,50,.3);
	border-radius:50%;
}
.slider-arrow--right {
	bottom:50%;
	right:30px;
}
.slider-arrow--left {
	bottom:50%;
	left:30px;
}
.slider-nav {
	position:absolute;
	bottom:30px;
}
.slider-nav__item {
	width:12px;
	height:12px;
	float:left;
	clear:none;
	display:block;
	margin:0 5px;
	background:#FAC700;
	border-radius: 50%;
}
.slider-nav__item:hover {
	background:#ccc;
}
.slider-nav__item--current {
	background:#77B11F;
}
.box {
	width:100%;
	height:100%;
	line-height:5;
	text-align:center;
	font-size:5em;
	color:#fff;
	text-transform:capitalize;
	vertical-align:middle;
}

.arrowsWrapper a{ color:#FFF;}
.arrowsWrapper a:hover{ color:#FFF;}


/* 首页系统 */
.pingpai{ width:1100px; height:106px; padding-top:20px;text-align:center;color:#2A2B2D; margin:0 auto;}
.pingpai h1{ width:1100px; height:30px; line-height:30px; font-size:20px; font-weight:bold;}
.pingpai h1 a{ color:#EF8800;}
.pingpai h1 a:hover{}
.pingpai h2{ width:1100px; height:36px; line-height:36px; font-size:15px; font-weight:normal;}
.pingpai h2 font{ color:#FF6600;}
.pingpai h3{ width:1100px; height:20px; line-height:20px; color:#999; font-size:13px;font-weight:normal; }


/*----------首页解决方案---------*/
#i_solution{ background:#EFF3F5; padding:20px 0;}
.i_solution{ width:1200px; margin:0 auto;}
.isolutionPage { }
.isolutionPage .box{ width:280px;float:left;margin-right:20px; }
.isolutionPage .box .eventBox {
    padding: 20px 15px 25px;
    margin-bottom: 50px;
    border-bottom: 2px solid #EF8800;
	border-radius: 6px 6px 0 0;
}
.isolutionPage .box  .eventBox:hover{box-shadow :0 0 3px rgba(0,0,0,0.2);background:#FFF;}
.isolutionPage .box  .eventBox img{ width:250px; height:159px;}
.isolutionPage .box  .eventBox h3{ line-height:40px; padding:5px 0; font-size:20px; color:#333333;}
.isolutionPage .box  .eventBox h3 a{color:#EF8800;}
.isolutionPage .box  .eventBox h3 a:hover{ text-decoration:underline}
.isolutionPage .box  .eventBox p{ margin:5px 0; line-height:25px; font-size:12px; color:#666666; height:85px; overflow:hidden;}
.isolutionPage .box  .eventBox .goto { margin-top:15px;
}
.isolutionPage .box  .eventBox .goto a {
    border-bottom: none;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 5px 10px;
    background-color: #007dc5;
	font-size:12px;
    color: #ffffff;
}
.isolutionPage .box  .eventBox .goto a:hover{ background:#FF9C00;}



#liucheng{}
.liucheng{ width:1100px; margin:0 auto;}
.bgWhat{ padding-top:40px; padding-bottom:10px; font-size:30px; text-align:center; color:#555;}	
.bgCase{ color:#777; font-size:24px; padding-bottom:10px; text-align:center;}
			  .bgCase span{ color:#EF8800; }
			  .bgCaseCon{ width:100%; height:640px; background:url(../images/bg_case.png) no-repeat;}
			  .bgCaseCon .bgCase1{ height:190px; padding:40px 0 0 90px;}
			  .bgCaseCon .bgCase2{ height:190px; padding:40px 0 0 140px;}
			  .bgCaseCon .bgCase3{ width:380px; height:190px; margin:40px auto 0;}
			  .bgCaseCon li{ width:380px; padding:0 28px; float:left;}
			  .bgCaseCon p{ height:50px; line-height:50px; font-size:24px; color:#034196; text-align:center; }
			  .bgCaseCon .bgInt{ font-size:14px; text-align:left; }


/*优势*/
#youshi{}
.youshi{ width:1100px; margin:0 auto;}
.htSpan{background: url(../images/hts.png) repeat-x center top; width:1100px; margin:0 auto;}
.htBox{position:relative; height:1031px; background:url(../images/honner.gif) no-repeat center;}
.htBox dl{position:absolute;}
.htBox dt{margin-bottom:24px; font-size:18px; font-weight:bold; color:#373b85;}
.htBox dd{ margin-bottom:10px; font-size:13px; color:#333; line-height:18px; background:url(../images/i_co.png.png) no-repeat left 2px;}
.htBox dd b{color:#373b85;}
.htBox .ht01{left:44px; top:110px; width:394px;}
.htBox .ht02{left:582px; top:110px; width:424px;}
.htBox .ht03{left:44px; top:618px; width:424px;}
.htBox .ht04{left:582px; top:618px; width:412px;}


.xuanze{ padding-top:40px; padding-bottom:40px; font-size:30px; text-align:center; color:#555; background:url(../images/xuanze.jpg) left center no-repeat;}	
.xuanze span{ background:#FFFFFF; margin:0 auto; padding:0 20px;}

/*客户反馈*/

#inews{ padding:30px 0;}
.inews{ width:1100px; margin:0 auto; line-height:25px;}
.inews .text{ font-size:15px; font-weight:bold;}






/*新款上线*/
.xksxBox{padding-bottom:20px; text-align:center;}
.xksxBox h4{padding-top:30px; padding-bottom:26px;}
.xksxBox .xkCont{position:relative;}
.xksxBox .xkCont ul{margin:0 auto; width:928px; overflow:hidden;}
.xksxBox .xkCont li{margin:0 8px; width:216px; float:left; text-align:center;}
.xksxBox .xkCont li img{border:10px solid #e8e8e8;}
.xksxBox .xkCont li h5{padding-top:14px; font-weight:normal;}
.xksxBox .xkCont .btnLeft , .xksxBox .xkCont .btnRight{position:absolute; top:50%; margin-top:-15px; width:31px; height:29px;}
.xksxBox .xkCont .btnLeft{left:-15px; background:url(../images/xkBtnLeft.png) no-repeat center;}
.xksxBox .xkCont .btnRight{right:-15px; background:url(../images/xkBtnRight.png) no-repeat center;}
.container{ width:1100px; margin:0 auto;}



/*内页*/

.ibanner{ background:url(../images/innerbanner.jpg) top center no-repeat; height:300px;}

#inner_content{ background:#F1F1F1; padding:25px 0;}
.inner_content{ width:1100px; min-height:450px; *min-height:450px; _min-height:450px; margin:0 auto; }
.i_left{ width:240px; float:left; border:1px solid #E4E4E4; background:#FFF;}
.ititle{ line-height:30px; height:43px; background:url(../images/title_bg.jpg) left center no-repeat; padding-left:40px; font-size:15px; color:#FFFFFF;}
.i_left_nav{}
.i_left_nav ul{ padding:15px 20px;}
.i_left_nav ul .on{ color:#EF8800; font-weight:bold;}
.i_left_nav ul li{ line-height:35px; height:35px; background:url(../images/jiantou.jpg) left center no-repeat; border-bottom:1px dotted #E4E4E4; font-size:15px;}
.i_left_nav ul li a{ color:#666; padding-left:20px;}
.i_left_nav ul li a:hover{ color:#EF8800;}

.i_left_news{}
.i_left_news ul{ padding:15px 20px;}
.i_left_news ul li{ line-height:28px; font-size:13px; height:28px; background:url(../images/jiantou.jpg) left center no-repeat; border-bottom:1px dotted #E4E4E4;}
.i_left_news ul li a{ color:#666; padding-left:12px;}
.i_left_news ul li a:hover{ color:#77B11F; text-decoration:underline;}

.i_left_contact{}
.i_left_text{ padding:15px; line-height:28px; font-size:13px;}

.i_right{ width:835px; border:1px solid #E4E4E4;; float:right; background:#FFF;}
.i_nav{ height:50px; border-bottom:1px dotted #E4E4E4;}
.i_nav h3{ float:left; padding-left:40px; background:url(../images/dian.jpg) 20px center no-repeat; line-height:50px; font-size:15px;}
.i_nav span{ float:right; line-height:28px; padding-top:18px; padding-right:20px;}
.i_r_text{ padding:15px; line-height:28px; font-size:13px; color:#333333;}


.i_news{}
.i_news dl{ padding:5px 15px;}
.i_news dl dt{ line-height:28px; border-bottom:1px dotted #E4E4E4; color:#000000; font-weight:bold; background:url(../images/jiantou.jpg) left center no-repeat; padding-left:25px;}
.i_news dl dd{ text-indent:2em; line-height:25px; font-size:13px; color:#333333; height:50px; padding:5px 0;}
.i_news dl dd a{ color:#77B11F;}
.i_news dl dd a:hover{ color:#006600; text-decoration:underline;}


.i_case{}
.i_case dl{ padding:5px 15px;}
.i_case dl dt{ line-height:28px; border-bottom:1px dotted #E4E4E4; color:#000000; font-weight:bold; background:url(../images/jiantou.jpg) left center no-repeat; padding-left:25px;}
.i_case dl dd{ text-indent:2em; line-height:25px; font-size:12px; color:#333333; height:50px; padding:5px 0;}
.i_case dl dd img{ float:left; width:120px; height:70px; margin-right:15px;}
.i_case dl dd a{ color:#77B11F;}
.i_case dl dd a:hover{ color:#006600; text-decoration:underline;}


.pagelist{ margin-top:18px; line-height:28px; text-align:center; font-size:12px; color:#6F6F6F; margin-bottom:20px;}
.pagelist a{ color:#6F6F6F;}
.pagelist a:hover{ color:#333333;}


.rightm{ line-height:45px; width:80px;}
.miput{ line-height:25px; margin-top:5px;padding-left:15px; border:1px solid #DDD; background:#f5f5f5;}
.miput:hover{ border:1px solid #00ADEF; color:#0053A1; background:#F0F0F0;}
.tjm{ width:80px; text-align:center; color:#FFFFFF; text-align:center; line-height:30px; background:#00ADEF; border:1px solid #0053A1;}
.dl_contect .error{ color:#FF0000; font-size:12px; padding-left:15px;}


/*youshi*/
.adv_big {

	background:url(../images/adv_big_bg.png) repeat; padding-top:20px;
}
.adv_box{ width:1200px; margin:0 auto; height:1010px; background:url(../images/adv_img.png) top center no-repeat;}
.adv_1{ height:284px;}
.adv_1_box{ padding-top:130px; padding-left:110px;}
.adv_1_t{color: #b40001;
    font-size: 26px;
	line-height:40px;
    font-weight: bold;}
.adv_1_txt{ width:600px; line-height:24px; font-size:13px; padding-top:10px;}

.adv_2{ height:250px;}
.adv_2_box{ padding-top:50px; padding-left:560px;}
.adv_2_t{color: #b40001;
    font-size: 26px;
	line-height:40px;
    font-weight: bold;}
.adv_2_txt{ width:600px; line-height:24px; font-size:13px; padding-top:10px;}

.adv_3{ height:222px;}
.adv_3_box{ padding-top:18px; padding-left:110px;}
.adv_3_t{color: #b40001;
    font-size: 26px;
	line-height:40px;
    font-weight: bold;}
.adv_3_txt{ width:600px; line-height:24px; font-size:13px; padding-top:10px;}


.adv_4{ height:212px;}
.adv_4_box{ padding-top:26px; padding-left:560px;}
.adv_4_t{color: #b40001;
    font-size: 26px;
	line-height:40px;
    font-weight: bold;}
.adv_4_txt{ width:600px; line-height:24px; font-size:13px; padding-top:10px;}



.yq{ width:1180px; height:50px; margin:0px auto; text-align:center; line-height:50px; font-size:18px; background:url(../images/b.png) repeat-x center; overflow:hidden;}
.yq span{ padding:0px 15px 0px 15px; background:#FFF;}
.yq-n{ width:1180px; height:auto; margin:0px auto; padding:0px 0px 20px 0px; color:#999; overflow:hidden;}
.yq-n a{ padding:0px 5px 0px 5px;}
.dxb_bc{ padding-bottom:15px;}

#foot{ height:160px; background:#2E2E2E;}
.foot{ width:1100px; margin:0 auto;}
.footer_right{ padding-top:20px; float:left; line-height:28px; width:700px; font-size:12px; color:#999; }
.footer_right a{ color:#999; padding:0 12px;}
.footer_right a:hover{ color:#FFFFFF}
.footer_left{ width:330px; float:left; margin-left:50px; margin-top:40px; display:inline;}
.footer_tel{ background:url(../images/tel_bottom.jpg) left center no-repeat; padding-left:30px; font-size:12px; line-height:20px; width:120px; float:left; color:#CCCCCC;}
.footer_dianh{ height:40px; float:left; font-size:25px; color:#FFFFFF; line-height:40px;}



/*//////////////*/
/*Data Preloader*/
/*//////////////*/
#preloader {
	position:fixed;
	z-index:2500;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#FFF; 
	z-index:99999999; 
}
#status {
	position:fixed;
	z-index:99999999;
	width:250px;
	height:250px;
	position:absolute;
	left:50%; 
	top:50%; 
	background-image:url(../images/status.gif); 
	background-size:64px 64px;
	background-repeat:no-repeat;
	background-position:center;
	margin:-125px 0 0 -125px; 

}
#status p{
	top:60%;
	line-height: 30px;
	margin-bottom: 30px;
	font-size:13px;
	letter-spacing:0px;
	display: block;
	position:relative;
	overflow:hidden;
}
#status em{
	font-size:10px!important;
	display:block;
	font-style:normal;
}

.center-text{	
	display:block; 
	text-align:center;
}
/*///////////////////*/
/*Typograhpy Features*/
/*///////////////////*/

/* 回到顶部 */
 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:40px;
	bottom:-100px;
	_bottom:auto;
	width:36px;
	height:80px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(../images/Top.png);
	_background-image:url(../images/Top.png);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}
#returnTop:hover {
	background-position:0 -80px;
}
/* 回到顶部 */