@charset "utf-8";
/* CSS Document 2016.3 */
body { font-family:微软雅黑; margin:0;padding:0;font-size:12px;color:#333;margin:0 auto; }
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
a {color:#333;}
img{border:0;vertical-align:middle;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}
/* Link */
a,span{text-decoration:none; }
a{cursor:pointer!important;}
a:hover {color:#a61f22;text-decoration:none;transition: all 300ms ease 0s;}
a:link, a:visited { text-decoration: none; transition: all 300ms ease 0s; outline:none;}
i,em,b{ font-style:normal;display: inline-block;}
.nomr { margin-right:0px!important;}
/* Other */
.t-center{text-align:center;}
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.fl{float:left;}
.fr{float:right;}
/*.mauto{width:1200px; margin:0 auto;}*/
.page{text-align:center; padding-top:15px; line-height:40px;}

.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml25{ margin-left:25px;}
.news-pic img{max-width:500px; max-height:500px;}



.mt5{margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mb10{ margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mtb10{ margin:10px 0px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.plr15{padding: 0px 15px;}
.ptb10{padding:10px 0px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{padding-left:20px;}
.pb10{ padding-bottom:10px;}
.ptm10{ padding:10px 0px;}

.ov{ overflow:hidden;}
.db{ display:block;}
.dib{ display:inline-block;}
.dn{ display:none;}
.abs{position:absolute;}
.rel{position:relative;}
.ftb{font-weight:bold;}
.mb10{margin-bottom:10px;}
.tac{ text-align:center;}
.tar{ text-align:right;}
.tal{ text-align:left;}
.w{ width:100%; clear:both;}
.w600 { width:600px; margin:0px auto;}
.w1200 { width:1200px; margin:0px auto;}
.w1240 { width:1240px; margin:0px auto;}
.foot{text-align:center; padding-top:10px; line-height:30px;}
/* Font  */
.f10px{font-size:10px;}
.f11px{font-size:11px;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.f15px{font-size:15px;}
.f16px{font-size:16px;}
.f18px{font-size:18px;}
.f20px{font-size:20px;}
.li20px{line-height:20px;}
.li22px{line-height:22px;}
.li24px{line-height:24px;}
.li26px{line-height:26px;}
.li28px{line-height:28px;}
.li30px{line-height:30px;}
.li40px{line-height:40px;}
.li50px{line-height:50px;}
.f18px{font-size:18px;}
.f20px{font-size:20px;}
.f22px{font-size:22px;}
.f24px{font-size:24px;}
.f30px{font-size:30px;}
.f36px{font-size:36px;}
.yahei{font-family:微软雅黑;}
.song{font-family:"宋体";}
.heiti{font-family:"黑体";}

.breadnav { font-size:12px; color:#999;}
.breadnav a { font-size:12px; color:#999;}

/*top*/
.topline { background:#a61f22; height:8px; color:#ababab; line-height:8px; width:100%; overflow:hidden;}
.top{ position:relative; clear:both; width:100%; height:auto; overflow:hidden;}
.top .logo{width:50%; text-align:left; float:left;}
.top .top-tel{width:50%; text-align:right; float:left;}


.nav{width:100%; background:#193064; height:60px; position:relative; overflow:visible; z-index:2;}
.nav > ul > li { float:left;height:60px;position:relative;}
.nav > ul > li > a { display:block; height:60px; line-height:60px; font-size:16px; color:#fff; padding:0px 36px;}
.nav > ul >  li > a:hover { background:#a61f22; color:#fff; height:35px; line-height:35px; margin:12.5px 0; border-radius:15px;}

.sub { width:100%;  display:none; position:absolute; top:60px; left:0px; z-index:9999; background:#a61f22; }
.sub li { width:100%;color:#fff;}
.sub li a{ width:100%; text-align:center; font-size:12px; height:35px; line-height:35px; display:block; color:#fff;}
.sub a:hover {  color:#FFF; background:#8c0508;font-size:13px;}

#menu_button_wrapper{display: none;}
.hidden {display: none;}

/* Responsive for smaller screens */
@media (max-width:960px){
	.topline{height:5px;}
	.w1200{width:100%!important;}
	.w1200 input[type="button"]{display:block; margin:0 auto!important;}/* 返回按钮 */
	.top .logo{width:78%; max-width:100%; text-align:left;}
	.top .logo img{max-width:100%; display:block; margin-left:15px;}
	.top .top-tel{display:none;}

.nav{width:100%; position:fixed; z-index:10; background:none; top:0;}
.nav > ul{width:100%; background:#333; height:2500px; overflow:hidden; position:absolute; top:0; z-index:99;}
.nav > ul > li {width:100%; height:auto; line-height:45px; background:#333; border-bottom:#979797 1px solid;}
.nav > ul > li > a {line-height:45px; height:45px;}
.nav > ul >  li > a:hover {color:#a61f22; background:none; height:45px; line-height:45px; margin:0;}

.sub {display:none;top:60px;background:#333; border-top:#979797 1px solid; position:relative; z-index:auto; top:0;}
.sub li { width:100%;color:#fff; border-bottom:#979797 1px solid;}
.sub li a{ width:100%; padding-left:70px; text-align:left; font-size:14px; height:45px; line-height:45px;}
.sub a:hover {  color:#FFF; background:#8c0508;font-size:14px;}

#menu_button_wrapper{display: block;padding: 1em; margin-top:1.45em;}
#menu_button {
        float: right;
        padding: .5em 1em;
        border-radius: 5px;
        color: white;
		background:#8c0508;}
#menu_button:hover {
        cursor: pointer;
        background-color: #333;}    
#hamburger {padding-top: .15em;}    
#menu_button span{
        display: block;
        background-color: #fff;
        width: 1.8em;
        height: .25em;
        border-radius: 1px;
        margin-bottom: .2em;}    

}


/* fullSlide */
.fullSlide{width:100%;position:relative;height:auto;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:732px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:732px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
@media (max-width:960px){
.fullSlide .bd li{height:280px; background-size:160%!important;}
.fullSlide .bd li a{height:280px;}
}
@media (max-width:550px){
.fullSlide .bd li{height:220px; background-size:160%!important;}
.fullSlide .bd li a{height:220px;}
}

/*产品*/
.i-new-pro { padding-top:54px; text-align:right; background:url(../images/index-pro-bg.jpg) top center no-repeat;clear:both; width:100%; height:auto; overflow:hidden;}
.index-tt em{text-align:center; display:block; font-size:40px; color:#193064; text-transform:uppercase;}
.index-tt i{display:block; background:url(../images/index-tt-line.jpg) no-repeat center top; margin:7px 0; height:3px; width:100%;}
.index-tt span{display:block; font-size:25px; color:#193064; text-align:center;}

.index-pro{clear:both; padding-top:40px; }
.index-pro img{max-width:100%; display:block; float:left; margin-right:22px;}
.index-pro a:nth-child(4) img{margin-right:0;}
.index-pro a:hover img{transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);	/* IE 9 */
-webkit-transform: scale(1.1,1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1,1.1);	/* Opera */
-moz-transform:scale(1.1,1.1);	/* Firefox */
transition: all 300ms ease 0s;
cursor:pointer;}

.btn0{clear:both; text-align:center; width:100%; height:auto; overflow:hidden;}
.btn0 a{display:inline-block; text-align:center; padding:10px 65px; font-size:16px; border-radius:10px; margin:38px auto 60px;}
.btn-red a{color:#a61f22; border:#a61f22 2px solid;}
.btn-red a:hover{background:#a61f22; color:#fff;}
.btn-white a{color:#a61f22; border:#fff 2px solid; background:#fff;}
.btn-white a:hover{background:#a61f22; color:#fff;}

@media (max-width:960px){
.i-new-pro { padding-top:34px;}
.index-pro{padding-top:20px;}
.index-tt em{font-size:25px;}
.index-tt i{width:90%; margin:0 auto;}
.index-tt span{font-size:20px;}
.index-pro a{display:block; width:48%; float:left; text-align:center;}
.index-pro a img{margin:0 10px 15px;}
.btn0 a{margin:5px auto 40px; padding:4px 45px;}
}


/*关于我们*/
.i-about {background:url(../images/index-about.jpg) no-repeat top center; height:550px; margin-top:40px; width:100%; overflow:hidden;}
.i-about .fl {width:55%;color:#FFFFFF; font-size:14px; overflow:hidden; padding-top:90px;}
.i-about .fl img{display:block; margin-bottom:19px;}
.i-about .fr {width:45%; text-align:right; padding-top:60px;}
.i-about .btn0{text-align:left;}
@media (max-width:960px){
.i-about{height:auto; background-repeat:repeat; margin-top:0;}
.i-about .fl{width:90%; margin:0 auto; float:none; padding-top:40px;}
.i-about .fl img{width:100%;}
.i-about .fr{display:none;}	
}

/*环境*/
.i-fac { margin-top:90px; text-align:center; background:url(../images/index-wp-bg.jpg) no-repeat bottom center;}
.i-fac .btn0,.i-fac .shebei{display:none;}
@media (max-width:960px){
.i-fac{background:#f5f5f5; background-image:none; margin-top:0; padding-top:50px;}
.i-fac .btn0,.i-fac .shebei{display:block;}
.shebei img{width:90%; display:block; margin:20px auto; max-width:100%;}
.i-fac .fadeInDown{display:none;}	
}

/*新闻*/
.i-news{ padding-top:54px; background:url(../images/index-news-b.jpg) top center no-repeat; text-align:center;}
.i-news ul{clear:both; margin-top:20px;}
.i-news ul li{width:49%; height:150px; float:left; margin-top:18px; background:#fff; box-shadow:#e4e4e4 0px 0px 5px;}
.i-news ul li:nth-child(even){float:right;}
.i-news ul li .fl{width:34%;}
.i-news ul li img{max-width:100%; min-height:150px;}
.i-news ul li .fr{width:66%;}
.i-news ul li .fr a{padding:20px; display:block; color:#2f2f2f; text-align:left;}
.i-news ul li .fr a strong{font-size:16px; font-weight:normal; text-overflow:ellipsis;overflow:hidden; display:block; width:100%;white-space: nowrap;}
.i-news ul li .fr a span{display:block; margin:8px 0 15px;}
.i-news ul li .fr a em{display:block; font-size:14px;}
.i-news ul li .fr a:hover strong{color:#a61f22;}
@media (max-width:960px){
	.i-news{padding-top:14px;}
	.i-news ul li{width:90%; float:none; clear:both; margin:0 auto; height:auto; overflow:hidden;}
	.i-news ul li:nth-child(even){float:none;}
	.i-news ul li .fr a em{display:none;}
	.i-news ul li .fl{display:none;}
	.i-news ul li .fr{width:100%;}
}

/*工程案例*/
.i-case{ padding-top:54px; background:url(../images/index-case-bg.jpg) top center no-repeat #000; text-align:center; width:100%; overflow:hidden; height:auto;}
.i-case .index-tt em{color:#fff;}
.i-case .index-tt i{background:url(../images/index-case-tt-line.png) no-repeat center top;}
.i-case .index-tt span{color:#fff;}
.i-case table{clear:both; margin:30px 0 10px;}
.i-case table img{border:#fff 2px solid; width:96.5%; max-width:100%;}
.i-case .btn0{margin-bottom:10px;}
@media (max-width:960px){
.i-case {padding-top:14px;}
.i-case table{width:90%; margin:15px auto 10px;}
.i-case table tr:nth-child(1) td:nth-child(2){display:none;}
.i-case table tr:nth-child(2){display:none;}
.i-case table img{width:100%;}
}

/*底部*/
.bottom {background:#333;color:#f5f5f5; line-height:55px; font-size:14px; text-align:center; overflow:hidden;}
.bottom a{color:#f5f5f5;}
.bottom a:hover{color:#a61f22;}
.footer{width:100%; height:auto; overflow:hidden; clear:both;background:#f5f5f5; border-top:10px #193064 solid;}
.footer .fl{width:50%;}
.footer .fr{width:50%;}
.footer .fr .index-tt em,.footer .fr .index-tt span{text-align:left;}
.footer .fr .index-tt i{background:url(../images/index-footer-tt-line.gif) no-repeat left;}
.footer .fr .w600{float:left; clear:both;}
.footer .fr .w600 .index-tt{margin:50px 0 0 40px;}
.footer-info{margin:20px 0 0 40px; width:100%; color:#193064; font-size:16px; line-height:29px;}

.w1200 .footer{border:none; background:none;}
.w1200 .footer .fl{width:49%;}
.w1200 .footer .fr{width:49%;}
@media (max-width:960px){
.footer{ padding-bottom:35px;}
.footer .fl{width:100%!important; float:none;border-bottom:10px #193064 solid;}
.w1200 .footer .fr{width:90%; float:none;}
.footer .fr{width:100%; float:none;}
.footer .fr img{display:none;}
.footer .fr .w600 .index-tt i{width:90%; margin:0;}
.footer .fr1 .w600{width:100%!important; margin:0 auto; float:none;}
.footer .fr1 .w600 .footer-info{margin:20px 0 0 10px;}
.bottom {line-height:20px; padding:12px 0;}
}

/*内页公用*/
.in-banner { height:350px;}
.in-nav { height:68px; border-bottom:1px solid #e5e5e5; padding-top:32px;}
.in-nav ul { width:100%; float:left; text-align:center;}
.in-nav  li { display:inline-block; margin:0px 10px; position:relative;}
.in-nav  li a { display:inline-block; padding:0px 15px; height:38px; line-height:38px; border:1px solid #dcdcdc; border-radius:15px; color:#666; font-size:14px;}
.in-nav  li span { position:absolute; background:url(../images/innav-h.png); width:10px; height:30px; display:block; bottom:-33px; left:45%; display:none;}
.in-nav  li:hover span { display:block;}
.on {}
.in-nav  li a:hover {border:1px solid #a61f22; background:#a61f22; color:#fff;}
.in-nav  li a.active {border:1px solid #a61f22; background:#a61f22; color:#fff;}
.in-nav  li.active span { display:block;}
.in-con { padding:54px 0px; font-size:14px; color:#333; line-height:24px;}
.in-con .index-tt{margin-bottom:20px;}
@media (max-width:960px){
	.in-banner{height:130px!important; background-size:180%!important;}
	.in-nav {border:none;}
	.in-nav li span{display:none!important;}
	.in-nav li{margin:0 5px 8px;}
	.in-con{padding:0; margin:40px 0;}
	.pro-nav li{margin:0 2px 8px;}
	.pro-nav li a{height:30px; line-height:30px; padding:0 8px; border-radius:5px;}
	}


/*内页about*/
.about-info{width:100%; height:auto; overflow:hidden; clear:both; margin-bottom:20px;}
.about-info img{width:auto; max-width:100%; display:block; margin:15px auto;}
.about-info .fl,.about-info .fr{width:49%; border:#ccc 1px solid; border-top:3px solid #aa1e23;}
.about-info .fl div,.about-info .fr div{padding:20px;}

/*内页发展历程*/
.in-dev-list { width:1200px; border-left:1px solid #a2d5b8; }
.in-dev-list ul li { position:relative; padding-left:10px; float:left; margin-bottom:30px;}
.in-dev-list ul li i { position:absolute; width:9px; height:9px; background:#a61f22; border-radius:9px; left:-4px; top:8px;}
.in-dev-list ul li span { font-size:16px; font-weight:bold; color:#a61f22; display:block; float:left; width:80px;}
.in-dev-list ul li em { float:right; width:1108px; color:#666666; font-size:13px; line-height:30px; margin-top:-6px;}

/*荣誉资质*/
.honor-list ul li{width: 263px!important;}


/*新闻*/
.in-newslist .more { margin-top:30px;}
.in-newslist .more a{ background:url(../images/news-more.png); display:block; width:46px; height:46px;}
.in-newslist li { padding:38px 0px; border-bottom:1px solid #e5e5e5; float:left;}
.in-newslist li:hover .more a{background:url(../images/news-more-h.png);}
.in-newslist li:hover .newlist-t a {color:#a61f22;}
.newlist-time { width:92px; font-size:36px; color:#333; margin-right:33px;}
.newlist-time span { display:block; width:92px; text-align:right; font-size:14px; color:#999999;}
.newlist-pic { margin-right:46px;}
.newlist-pic img { width:230px; height:174px;}
.newlist-t { width:653px; margin-right:100px; }
.newlist-t a {color:#333; font-size:18px;}
.newlist-t a span { display:block; font-size:14px; color:#666666; margin-top:15px; line-height:24px;}

@media (max-width:960px){
.in-newslist li{padding:10px 0 0!important; float:none; height:auto; width:100%; overflow:hidden;}
.newlist-time{display:none;}
.newlist-pic{width:30%!important; margin:0!important;}
.newlist-pic img {width:100%;max-width:100%; height:auto;}
.newlist-t{width:68%!important; float:right; height:auto; overflow:hidden; margin:0!important;}
}
/*新闻详情*/
.news-tt { height:60px; line-height:60px; font-size:16px; font-weight:bold; color:#000; }
.news-at {border-bottom:1px dashed #eee; padding-bottom:20px;border-bottom:1px dashed #ccc; color:#666}
.news-con{ padding:40px 0px; line-height:30px;}
.news-con table{border: solid 1px #b0c9dd; border-bottom:0px; border-right:0px; width:100%;border-collapse:collapse;border-spacing:0;}
.news-con table tr{border:0px;}
.news-con td{border: solid 1px #b0c9dd; border-width:0px 1px 1px 0px; padding: 5px; text-align:center;}
/*产品*/
.in-prolist {}
.in-prolist ul li { float:left; width:360px; height:300px; overflow:hidden; margin-right:25px; margin-bottom:25px; text-align:center; border:1px solid #ccc;}
.in-prolist ul li img { max-width:250px;  max-height:250px; min-height:240px;transition: all 300ms ease 0s; }
.in-prolist ul li a:hover img { opacity:0.8;}
.in-prolist ul li .pro-t {width:360px; height:300px; line-height:50px; text-align:center;background:url(../images/pro-t-bg.png) repeat; top:250px; left:0px; padding:0px 15px; color:#fff; font-size:16px; display:block;overflow: hidden;text-overflow:ellipsis;
white-space: nowrap;}

.in-prolist1 ul li { float:left; width:363px; height:auto; padding: 5px; overflow:hidden; margin:0 12.5px; margin-bottom:25px; text-align:center; border:1px solid #ccc;}
.in-prolist1 ul li img { width:100%; max-width:100%; transition: all 300ms ease 0s; overflow:hidden;}
.in-prolist1 ul li a:hover img { opacity:0.8;}
.in-prolist1 ul li .pro-t {width:360px; height:300px; line-height:50px; text-align:center;background:url(../images/pro-t-bg.png) repeat; top:250px; left:0px; padding:0px 15px; color:#fff; font-size:16px; display:block;}

@media (max-width:960px){
.in-prolist ul li {width:46%!important; height:auto; min-height:190px; margin-right:10px!important;}	
.in-prolist ul li img{width:100%!important; max-height:100%; min-height:auto!important; display:block; clear:both; margin:0 auto;}
.in-prolist ul li .pro-t{width:100%; height:35px; line-height:35px; padding:0; font-size:12px; left:inherit; top:inherit;}
.news-pic img{width:100%; max-width:100%;}
}
@media (max-width:960px){
.in-con .w1200{width:90%!important; margin:0 auto;}
.in-con .w1200 p img{width:100%; max-width:100%;}
.about-info{margin-bottom:30px; overflow:hidden;}
.honor-list ul li,.in-prolist1 ul li{width: 43%!important; margin:0 10px 15px 0!important;}


/*page*/
#dcms_pager .pages {border:none;text-transform:uppercase;font-size:12px;margin:10px 0 30px 0;padding:30px 0px;height:40px;clear:both;text-align:center;}
#dcms_pager .pages a {border:1px solid #ccc;text-decoration:none;margin:0 5px 0 0;padding:10px;font-size:12px;height:40px;line-height:40px;background:#fff;}
#dcms_pager .pages a:hover {border:1px solid #dcdcdc;}
#dcms_pager .pages .pgempty {border:1px solid #dcdcdc;color:#999999;background:#fff;}
#dcms_pager .pages .pgcurrent {border:1px solid #aeaeae;color:#fff;font-weight:bold;background-color:#a61f22;}