@charset "utf-8";
html, body, div, span, applet, object, iframe,
 p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
	background-color:#f2f2f2;
	
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* custom */
a {
    color: #223323;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
}
a:hover{color:#e4141e; text-decoration:none;}

li {
    list-style: none;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}

html, body {
    width: 100%;
}

body {
	
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(246, 246, 246, 0);
}

#header{position:absolute; z-index:999; top:37px; width:100%; height:95px; background-color: rgba(50,51,53,0.6);}

	#header h1{margin:0;}

#header-top{height:37px; overflow:hidden; font-size: 0.8em; line-height:36px; background-color:#0f1010; border-bottom:1px solid #c10003; color:#727273;}
#header-top .container{min-width: 1200px;}
.lang{display:block; margin:5px 10px 0 10px; width:25px; height:25px; padding:3px; border-radius:50px; background:#5d637b; color:#c2c7cd; font-size:12px; line-height:22px; text-align:center;}
/*rewrite bootstrap*/
.navbar-default{
	background:none;
	border:none;
}
	/*当前颜色，鼠标点击下拉时颜色*/
.nav-pills>li>a{border-radius: 50px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	padding: 40px 10px;
	border-radius: 100px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	
	color: #fff;
    background-color: #c52e39;	
}
.nav-pills>li{margin-right: 20px;}
.nav-pills>li+li{margin-left:0;}

.nav-pills>li>a{
	padding: 40px 10px;
	border-radius: 100px;
	color: #cfd4df;
	border-top-left-radius:0;
	border-top-right-radius:0;
}

.nav-pills>li>a:hover{color:#fff;}
.navbar-nav>li>a {
	padding-top: 8px;
    padding-bottom: 8px;
}
.dropdown-menu{border:none;}

#header-right .tel{
	height:33px;
	text-align:right;
	font-size:12px;
	line-height:33px;
}

/*热点公告*/
#announcement{
	position: relative;
	z-index: 998;
	height: 50px;
	overflow:hidden;
	margin-top:-50px;
	margin-bottom:0;
	color: #fff;
	background-color: #49566b;
}
#announcement>.row{height: 50px;}
.home-search{
	height: 50px;
	background-color:#036eb8;
}
	.home-search>.row{
		padding: 7px;
	}
	.home-search .form-group{margin-bottom:0;}
	.home-search .row strong{line-height: 36px;}
	.home-search .row input.form-control{margin-right:-10px; border-radius:100px; border-top-right-radius:0; border-bottom-right-radius:0; border-right:0;}
	.home-search .row .btn{ border-top-left-radius:0; border-bottom-left-radius:0; border-left:0;}
.bx-wrapper .bx-viewport{border:none; background:none; box-shadow:none; font-size: 14px;}


/* #home-yewu */

#home-yewu{
	padding: 100px auto;
	height:706px;
	background: #d3daeb url(../images/bg-floor1.jpg) no-repeat center top;	
}
#home-yewu .floor-tt{
	margin-bottom:50px;	
}
	.floor-tt h3{
		margin-bottom:25px;
		color: #49566b;
		background:url(../images/floor-title-line.gif) no-repeat center center;
	}
	#home-project .floor-tt{margin:4.5em auto;}
	#home-project .floor-tt h3{		
		color: #fff;
		background:url(../images/floor-title-line2.gif) no-repeat center center;
	}
	.floor-tt p{
		color:#9098a9;
		font-size: 14px;
	}

.yewu-item{
	float:left;
	width: 280px;
	height: 370px;	
	
}
	.yewu-item h2{
		margin: 46px auto 23px auto;
		color: #333943;
		font-size: 24px;
	}
	.yewu-item a:hover h2{
		color: #fff;
	}
	.yewu-item .btn-default{
		width:134px;
		height:30px;
		color: #49566b;
		background-color: #cbd4e7;
		border-radius:100px;
		border:none;
	}
	.yewu-item a{
		display:block;
		width:100%;
		height:100%;
		padding-top: 58px;
		padding-bottom: 50px;
		background-color: #fff;
		text-align:center;
	}
	.yewu-item a:hover{
		background-color: #036eb8;
	}
	.yewu-item .item-icon{
		margin: 0 auto;
		width:147px;
		height:147px;
		background:url(../images/icon-product01-default.png);
	}
	.yewu-item a:hover .btn-default{background-color:#fff; color:#036eb8;}
	.yewu-02 .item-icon{background:url(../images/icon-product02-default.png);}
	.yewu-03 .item-icon{background:url(../images/icon-product03-default.png);}
	.yewu-04 .item-icon{background:url(../images/icon-product04-default.png);}
	.yewu-05 .item-icon{background:url(../images/icon-product05-default.png);}
	.yewu-06 .item-icon{background:url(../images/icon-product06-default.png);}
	.yewu-item a:hover .item-icon{
		background:url(../images/icon-product01-active.png);
	}
	.yewu-02 a:hover .item-icon{background:url(../images/icon-product02-active.png);}
	.yewu-03 a:hover .item-icon{background:url(../images/icon-product03-active.png);}
	.yewu-04 a:hover .item-icon{background:url(../images/icon-product04-active.png);}
	.yewu-05 a:hover .item-icon{background:url(../images/icon-product05-active.png);}
	.yewu-06 a:hover .item-icon{background:url(../images/icon-product06-active.png);}


/**/
#home-about{position: relative; min-height:608px; background:#e52c39 url(../images/bg-floor2.jpg) no-repeat center top;}
#home-product{min-height:755px; background:#fff;}
#home-project{min-height:919px; background:#343f52 url(../images/bg-floor4.jpg) no-repeat center top;}
#home-news-contact{min-height:730px; background:#bfcce4 url(../images/bg-floor5.jpg) repeat-x center top;}
.about-img{position: absolute; z-index:10; top:145px; width:563px; border:8px solid #fff; background:#cdd7e9; box-shadow:2px 2px 5px #5f5758;}
.about-info{margin-top:170px; margin-left:535px; padding:30px 50px 80px 90px; width: 55%; background:#fff;}
	.about-info h3{margin-bottom:1.5em;}
	.about-info p{margin-bottom:1.5em; color:#575757; line-height:1.5;}
	.about-info .btn-default{padding-left:50px; padding-right:50px; border:none; background:#49566b; color:#fff;}

.project-item{height:415px;}
.project-item li{float:left; width:25%; height:207px; background:#fff;}
	.project-item li a{display: block; width:100%; height:100%; padding:20px 30px 30px;}
		
	.project-item li a h3{margin-bottom:24px; color:#fff;}
	.project-item li a p{margin-bottom:30px; line-height:1.4; font-size:12px; color:#fff;}
	#project-02 a p,
	#project-04 a p,
	#project-05 a p{color:#b5bbc5;}
	#project-02 a h3,
	#project-04 a h3,
	#project-05 a h3{color:#787f8c;}
	li .project-arrow{display:block; width:57px; height:11px; background:url(../images/project-arrow.gif) no-repeat;}
	li a:hover .project-arrow{animation:myfirst 2s; -webkit-animation:myfirst 2s;}
	@keyframes myfirst
	{
		0%   {margin-left:0px;}		
		100% {margin-left:20px;}
	}
	
	@-webkit-keyframes myfirst /* Safari and Chrome */
	{
		0%   {margin-left:0px;}
		100% {margin-left:20px;}
	}
	#project-02 .project-arrow,
	#project-04 .project-arrow,
	#project-05 .project-arrow{ background:url(../images/project-arrow02.gif) no-repeat;}
#project-01{background:#5e718f url(../images/hangye-img-01.jpg) no-repeat;}

#project-03{background:#1a1529;}
#project-04{background:#e4ecf8;}

#project-06{background:#372521 url(../images/hangye-img-03.jpg) no-repeat;}
#project-07{background:#036eb8;}
#project-08{background:#12122c;}

.product-title{word-break:break-all; word-wrap:break-word; white-space:pre-wrap;}

#home-news-left{padding: 15px 0 25px 25px; height:400px; background-color:#ed1b24; color:#fff;}
	#home-news-left h4{margin-bottom:160px;}
	#home-news-left h4 big{display:block; font:42px bold;}
	.home-news-phone{margin-bottom:1.5em; font:20px bold;}
#home-news-con,
#home-contact{height:400px; background-color:#fff;}
#home-news-con{padding:40px;}
#home-news{float:left; width:65%;}
#home-contact{float:right; width:31%;}

.date{color:#b3b7c0; font-size:12px;}
#home-news-hot{margin-bottom:2em; padding-bottom:10px; border-bottom: 1px dashed #e8ebf1;}
	#home-news-hot img{border:1px solid #dedede;}
.home-news-list li{clear:both; margin-bottom:1.5em; height:55px;}
	.home-news-date{float:left; position:relative; padding-top:38px; width:16%; height:55px; border-right:1px solid #b3b7c0; text-align:center;}
	.home-news-date .news-date-head{position:absolute; top:0; left:0; width:100%; font-size:36px; font-weight:bold;}
	
	.home-news-list p{float:right; width:80%;}
#home-contact{color: #343f53;}
#home-contact h3{margin-top:0; height:48px; background:#4a566c; color:#fff; text-align:center; font-size:1.2em; line-height:48px;}
#home-contact h4{margin:1.5em 3%; font-weight:bold;}
#home-contact ul li{padding-left:40px; margin:0.7em 0; font-size: 14px;}
.address{background:url(../images/icon-location.gif) no-repeat 10px center;}
.phone{background:url(../images/icon-phone.gif) no-repeat 10px center;}
.fax{background:url(../images/icon-fax.gif) no-repeat 10px center;}
.email{background:url(../images/icon-email.gif) no-repeat 10px center;}

.home-contact-img{margin:5px auto; width:96%;}
/*tab切换 简介组*/
#about-news{
	margin-top:10px;
	background-color: #fff;
}
#product-tab li{
	text-align: center;
}
.nav-tabs{	
	border:none;
	font-size: 1.2em;
	font-weight:bold;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	border:none;
	background: #e4141e;
	color: #fff;
	border-radius:0;
}
.open a{
	color: #fff;
}
.nav-tabs>li>a{
	background: #a8aaab;
	color: #fff;
	border-radius:0;
	border:none;
}
.nav-tabs>li>a:hover{border:none;}
.nav>li>a:focus, .nav>li>a:hover,.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background: #404555; border: none;}

.tab-content{
	padding: 2.5em 0;
}
	.tab-content h2{margin-top:3em; margin-bottom: 0.5em; padding-bottom:6px; font-size:2em; font-weight:bold; color: #e4141e;}
	.tab-content p{margin-bottom: 5em; font-size:0.8em; line-height:1.5; color:#555;}
.btn{border-radius:70px;}
.btn-primary{
	background-color: #e4141e;
    border-color: #e1141e;
}
.btn-primary:hover{
	background-color: #bf0e17;
    border-color: #b80f17;
}
.tab-content .btn{padding-left:2em; padding-right:2em;}
	
/*楼层样式*/

.floor-tt{
	margin:3em auto;
	font-size: 1.6em;
	font-weight:bold;
	color:#e4141e;
	text-align:center;
}
.floor-tt small{
	margin-left: 10px;
	font-size:0.6em;
	color: #8e8e8e;
}
.product-item{
	text-align:center;
}
.subpage{color:#383d46;}
.subpage .product-item{margin-bottom:2em;}
	.product-item a{display: block; width:100%; height:100%;}
	.product-item .product-img{padding:8px; border:1px solid #dedede;}
	.product-item .product-name{padding:18px; background:#172534; color: #fff;}
	.subpage .product-item .product-name{height:65px;}
	.product-item a:hover .product-name{ background:#eb313e;}
	
.product-item .img-responsive{width:100%;}
.subpage-con-tt{padding-bottom:18px; border-bottom: 1px solid #d0d4d6;}

.product-more{clear:both; width:200px; margin:80px auto 0 auto;}
/*newslist*/
.news-list-home{
	padding:1em 0;
	border:1px solid #ddd;
}
.news-list-home h4{
	margin:1.2em auto 1em auto;
	font-size: 1em;
}
.news-list-home p{
	font-size:0.8em;
	color:#777;
	line-height:1.4;
}

/*footer*/
#footer{
	color: #ccc;
	font-size: 0.8em;
	padding:2em;
	background-color:#333c4b;
}
	#footer a{color: #ebebeb;}
#icp{
	font-size: 0.8em;
	color: #dedede;
	padding:1em;
	background-color:#20262f;
}
#icp a,
#icp{color:#6e7484;}
#icp a:hover{color:#adb5c9;}
#footer ul,
#footer p{margin-bottom: 12px;}
#footer li{float:left;}
#footer li span{margin:0 20px;}

.footer-phone{margin-bottom:20px; font-size:22px; line-height:1.5;}
	.footer-phone img{float:left; margin-right:10px;}

/*subpage*/

#sub-title{
	position: relative;
	top:-35px;
	padding: 25px 30px;
	height:70px;
	background-color:#fff;
	box-shadow: 2px 2px 5px #ddd;
	border-bottom:2px solid #6d748e;
}
	#sub-title h2{margin-top:0; margin-bottom:0; font-size:1.2em;}
	.crumb{font-size: 0.8em;}

.list-group{
	border-bottom: 8px solid #6d748e;
}
.list-group li{
	position: relative;
    display: block;
    padding: 10px 15px 10px 63px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
	text-align:left;
}

.content-more{
	margin:2em auto;
	padding-top:3em;
	padding-bottom:3em;
	background-color: #fff;
}

.content-more li{padding:1em 0; font-size: 0.8em;}

.intro{color: #777; font-size:0.8em;}

.tbox{margin-bottom:2em;}
	.tbox dt{height: 38px; background:#6d748e; color:#fff; text-align:center; line-height:38px;}
	.tbox dd{padding:10px; border: 1px solid #6d748e;}
	.tbox dd input{font-size:14px;}
	.tbox dd form span{display:block;}
	.btn-submit{padding:1em;}
	
.job-list{}
	.job-list li{clear:both; margin-bottom:1em; padding: 1em; border-bottom:1px solid #ddd; font-size: 24px; background:#fff;}	
	.job-list li small{font-size:14px;}
	.job-list li .date{float:right;}
	
.pagelist{margin:1em 0; padding:0.5em; border:1px solid #ddd;}
	
.news-list li{margin-bottom: 2em; padding-bottom:2em; border-bottom:1px solid #dedede;}
.news-list p{margin:0.5em auto; font-size: 0.8em; line-height:1.4;}
.news-title{margin-bottom: 0.5em;}
.news-summary{margin-top: 1em; border-top: 1px dotted #e2e2e2; padding-top:1em;}
.news-tag{font-size:0.8em;}

.subpage-detail{margin:2em 0 1em 0; padding:1em; line-height:1.5; background-color:#f9f9f9;}
	.subpage-detail img{max-width:100%; height:auto; }
.handle{margin-bottom:1em; padding:1em; height:3.2em; border:1px solid #ddd; font-size:14px;}
/*-在线客服-*/
.izl-rmenu{position:fixed;left:95.8%;bottom:10px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;position:relative;}
.izl-rmenu .btn a{display:block; width:100%; height:100%; text-indent:-9999px;}
.izl-rmenu .btn-phone{background-color:#a2abb0;background:url(../images/customer_service.png) 0px 0px no-repeat;}
.izl-rmenu .btn-phone:hover{background-color:#f06f52;background:url(../images/customer_service_two.png) 0px 0px no-repeat;}
.izl-rmenu .btn-top{background:url(../images/return_top.png) 0px 0px no-repeat;background-color:#fe9700;display:none;}
.izl-rmenu .btn-top:hover{background-color:#f06f52;background:url(../images/return_top_two.png) 0px 0px no-repeat;}

/*导航处理*/


/*手机版*/

@media screen and (min-width:768px) and (max-width:992px){
	.nav-pills>li{margin-right:3px;}
	.nav-pills>li a{font-size: 12px;}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover,.nav-pills>li>a{
		padding: 35px 5px;
	}
	#header h1.logo{margin-top:15px;}	
}
@media screen and (min-width:992px) and (max-width:1200px){
	.nav-pills>li{margin-right: 10px;}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover,.nav-pills>li>a{
		padding: 40px 5px;
	}
	#header h1.logo{margin-top:15px;}
}
@media screen and (max-width: 768px){
	#header-top .col-sm-6{display:none;}
	#header-top .col-sm-3{width:100%; float:left;!important;}
	#header-top .col-sm-3 .pull-right{float:left;!important;}
	#header-top .container{width:auto;}
	#header img.pull-right{float:none!important; width:55%;}
	.logo{text-align:center; width:80%;}
	.nav-pills li{width:100%; text-align:center;}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
		padding: 20px 10px;
		border-radius: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		color: #383f4b;
		background-color: #fff;
	}
	.nav-pills>li>a{
		border-bottom: 1px solid #dedede;
    	font-size: 18px;
		background: #fff;
    	padding: 20px 8px;
		color: #383f4b;
		border-radius:0;
	}
	
	#nav{margin: -50px -15px 0 -15px;}
	.nav-pills>li+li{margin-left:0;}
	#header-right{padding:0;}
	.navbar-header{margin:-15px 10px 0 25px;}
	#header{
		position: relative;    	
    	top: 0;    	
    	height: 70px;
    	background-color: rgba(50,51,53,0.9);
	}
	#header .container-fluid{min-width:auto;}
	#announcement{margin-top:0;}
	#announcement .col-xs-1,
	#announcement .col-xs-3{display:none;}
	#announcement .form-control{float:left; width:85%;}
	#announcement .btn{float:right; width:15%;}
	.home-search .form-group{width:100%;}
	
	#home-about{height:470px !important;}
	.about-img{display:none;}	
	.about-info {
		margin-top:50px;
    	margin-left: 7.5%;
		padding: 25px;
    	width: 85%;		
    	background: #fff;
	}
	

	
	#home-product{height:920px;}
	#product-tab li,
	.product-item{margin-bottom:10px;}	
	
	.project-item li{width:50%;}
	.product-more{margin-top:50px;}	

	
	#home-project{height:1130px;}
	#home-project .floor-tt,
	.floor-tt{margin:2em auto;}
	
	#home-news-contact{height:1080px;}
	#home-news,
	#home-contact{float:none; margin:10px auto 30px auto; width:90%;}
	#home-contact .row{margin:0;}
	.contact-con{background:#fff;}
	
	#home-news-left{display:none;}
	##home-news-con{padding:25px;}
	
	.product-title{font-size:26px;}
	
	#footer ul, #footer p{margin-bottom: 18px;}
	#footer ul li{display:inline-block; margin-bottom:5px; line-height:1.5em;}
	
	.izl-rmenu{display:none; left:80%;}
	
	#sub-title{padding:20px 10px 10px 10px; height: 70px; top:-28px;}
	#sub-title h2{margin-bottom:5px; width:100%;}
	#sub-title .crumb{width:100%;}
	.subpage-menu img{display:none;}
	.subpage-side{display:none;}
	
	.handle{height:5em;}
	
	#footer li span{margin:0 5px;}
}