@charset "utf-8";
/* CSS Document */
/*CSS重置*/
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin:0px;}
input,button,ul,ol{margin:0px;padding:0px;}
body,input,button,form{font-size:14px; line-height: 28px; font-family: "microsoft yahei", "Arial"; color:#333333;}
h1,h2,h3,h4,h5,h6,font {font-size:14px; font-weight: normal; }
ul,ol,li{list-style:none;}
img{border:0px; }
em,i{ font-style:normal; }
button,input,select,textarea{font-size: 100%; border: 0 none; outline:none;}
table {border-collapse: collapse;border-spacing:0;}
.ease, .ease *{ -webkit-transition:all ease 300ms; -moz-transition:all ease 300ms; -ms-transition:all ease 300ms; -o-transition:all ease 300ms; transition:all ease 300ms; }
.noease, .noease * { -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; }
:-moz-placeholder{  color: #999;  }
::-moz-placeholder{ color: #999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: #999;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #999;}
/*清除浮动*/
.clearfix:after {visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
/*网站公用样式表*/
a{ color:#333333; text-decoration:none;}
a:hover{ color:#bc2022; text-decoration:none; }
a:visited{text-decoration:none;}
.w1200{width:1200px; margin:0px auto;}
.blue{ color:#bc2022;}
.fl{ float:left;}
.fr{ float:right;}
.por{ position: relative;}
.poa{ position: absolute;}
.hidden{ display:none;}
.icon{ background:url(../images/icon.png) no-repeat; display:inline-block; vertical-align:middle;}
/* top_main */
#top_main{width: 100%; height: 30px; line-height: 30px; overflow: hidden; background-color: #f5f5f5;   font-size: 12px; font-family: "宋体"; }
#top_main .top_l{ font-size: 14px; color: #000;  }
#top_main .top_r a{color: #666666;}
#top_main .top_r a:hover{color: #bc2022;}
#top_main li{ width: 55px; display: inline-block; *display: inline; zoom: 1;  text-align: center;}
#top_main .split{ width:10px; text-align: center; display: inline-block; color: #999; *display: inline; }


/*header_main*/
#header_main{ width: 100%; height: 100px; background-color: #fff;}
#header_main .logo{ width: 418px; height: 70px; padding-top: 10px; display: block;}
#header_main .logo img{ width: 418; height: 70; display: block;}
#header_main .nav{  height: 36px; line-height: 36px; padding-top: 35px; }
#header_main .nav li{ float: left; font-size: 16px; color: #D2D2D2;margin:0px 8px;}
#header_main .nav li a{ display: block; color: #000;float: left;}
#header_main .nav li:hover a,#header_main .nav li.hover a{ color: #af2326; }
#header_main .nav .shu{font-size: 12px;text-align: center;}

/* banner 
#banner_main{ width: 100%; height: 600px; overflow: hidden;}
#banner_main .banner,#banner_main .banner .list, #banner_main .banner .list li, #banner_main .banner .list img { height:600px;}
#banner_main .banner { position:relative; width:100%; }
#banner_main .banner *{ transition: none;}
#banner_main .banner .list {  width:100%; position:relative; overflow:hidden; }
#banner_main .banner .list li { width:100%; overflow:hidden; left: 0; top: 0; position:absolute; }
#banner_main .banner .list li a { display:block; overflow:hidden; width:100%; }
#banner_main .banner .list img { display:block; width:1920px; background:#f1f1f1; position:absolute; left:50%; margin-left:-960px; }
#banner_main .banner .prev, #banner_main .banner .next { width:68px; height:100px; cursor:pointer; position: absolute; z-index: 10; top:50%; margin-top: -50px; transition: all .3s;  }
#banner_main .banner .prev { left: 12%; background-position:5px 10px; }
#banner_main .banner .prev:hover{ margin-left: -6px; }
#banner_main .banner .next { right: 12%; background-position:-56px 10px; }
#banner_main .banner .next:hover{ margin-right: -6px; }
.nybanner, .nybanner ul, .nybanner img{ height: 200px;}*/
.banner{width: 100%;/*height: 560px;*//*background: black;*//*子绝父相*/position: relative;	/*超出部分全部隐藏，解决横向滚动条*/overflow: hidden;}
		.banner ul{	position: absolute;}
		.banner ul li{/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/width: 100%;height: 600px;			float: left;
	background:  no-repeat center center;}
		
		.banner ol{/*width: 60px;*/height: 20px;background: rgba(0,0,0,0.5);position: absolute;left:50%;/*margin-left: -40px;*/bottom: 30px;padding: 0 10px;
			border-radius: 10px;}
		.banner ol li{width: 10px;height: 10px;	float: left;margin: 5px 5px;background: rgba(255,255,255,0.5);border-radius: 50%;cursor: pointer;
		}
		.banner ol .current{background: rgba(255,255,255,1);}
		.banner i{width: 58px;height: 120px;position: absolute;top: 50%;margin-top: -60px;cursor: pointer;border-radius: 5px;display: none;}
		.banner .left{left: 60px;background: url('../images/left_right.png') no-repeat 0 0px;}
		.banner .right{right: 60px;background: url('../images/left_right.png') no-repeat 0px -120px;}
		.banner .left:hover , .banner .right:hover{background-color: rgba(0, 0, 0, 0.31);}









/*floor_1_main*/
#floor_1_main{ width: 100%; height: 320px; padding-top: 40px; color: #fff; line-height: 30px; background:#fff;}
#floor_1_main .item{ width: 380px; height: 290px; float: left; margin-left: 18px; border: 1px solid #eeeeee; overflow: hidden;}
#floor_1_main .item .img{ width: 100%; height: 100%; display: block; transition-duration:.6s; }
#floor_1_main .item .bg{ width: 100%; height: 55px; background: #fff; left: 0; bottom: 0; opacity: .8; filter: alpha(opacity=80); z-index: 8; }
#floor_1_main .item .hoverbg{ width: 100%; height: 55px; background: #bc2022; left: 0; bottom: -20px; opacity: 0; filter: alpha(opacity=0); z-index: 9; }
#floor_1_main .item .title{ width: 100%; height:44px; padding-top: 12px; left: 0; bottom: 0; line-height: 20px; color: #bc2022; font-size: 18px; font-weight: bold; text-align: center; z-index: 10; }
#floor_1_main .item .title span{ text-transform: uppercase; font-weight: normal; display: block; color: #999999; font-family: "arial"; font-size: 10px; width: 380px;}
#floor_1_main .item:hover .img{ -webkit-transform: scale(1.08); transform: scale(1.08); }
#floor_1_main .item:hover .hoverbg{ bottom: 0; opacity: .8; filter: alpha(opacity=80); }
#floor_1_main .item:hover .title,#floor_1_main .item:hover .title span{ color: #fff; }

/*footer_main*/

.content_warp{width: 100%;background: #f6f6f6;margin-top: 20px;padding:20px 0px;}
.content{overflow: hidden;}
.about{width: 610px;float: left;}
.title{font-size: 20px;color: #3a3a3a;height: 40px;line-height: 40px;}
.title font{font-size: 14px;}
.title span{float: right;}
.title span a{color: #3a3a3a;font-size: 12px;}
.about img{padding:10px 2px;}
.about p{font-size: 14px;line-height: 28px;color: #3b3b3b}

.news{width: 550px;float: right;}
.newslist{padding: 10px 5px;}
.newslist li{padding-bottom: 25px;border-bottom: 1px solid #e8e8e8;overflow: hidden;margin-bottom: 25px;}
.newslist li span{display:block;width: 90px;height: 90px;border-radius: 45px;background: #d2d2d2;color: #fff;line-height: 90px;text-align: center;font-size: 14px;float: left;}
.newslist li .nr{width: 420px;float: right;}
.newslist li .nr h3{font-size: 14px;color:#000;line-height: 28px;}
.newslist li .nr p{font-size: 12px;color: #5c5c5c}
.newslist li a:hover span{background: #c9031e}
.newslist li a:hover .nr h3{color:  #c9031e}


/*案例*/
.casetitle{border-bottom: 1px solid #d7d6d7;height: 60px; width: 100%;margin-top: 20px;}
.cl {width: 230px;margin:0 auto;display: block;height: 60px;border-bottom: 4px solid #c9031e;line-height: 60px;text-align: center;}
.cl a{font-size: 30px;font-weight: bold;color: #000000;}


.shebei_z{ width:58px; height:80px; padding-top:60px;}
.shebei1{ padding-left:20px;}

.cp img{border:1px solid #C1C1C1; padding:2px; background:#fff;}
.cp a:hover img{ border:1px solid #fe5900; padding:2px; background:#fff;}
.box{margin-top:25px;overflow: hidden;}


/*firendLink*/
#ilink_main{ width: 100%; background: #f5f5f5;  padding: 30px 0 10px; }
#ilink_main .ilink{ height: 50px; line-height: 50px; margin-bottom: 30px; color: #666; }
#ilink_main .ilink h3{ font-size: 18px; height: 20px; line-height: 20px; color: #c9031e; margin-right: 10px; }
#ilink_main .ilink a{ display: block; float: left;}
#ilink_main .ilink span{ display: block; float: left; margin: 0 15px; }
#copyright_main{ width: 100%; height: 45px; line-height: 45px; background:#212020; color: #8F9090; }
#copyright_main a{ color: #8F9090; }
#copyright_main a:hover{ color: #fff; }


/*footer_main*/
#footer_main{ width: 100%; padding-bottom: 40px; color: #fff; background: #313131; }
#footer_main .blogo{ width: 100%; height: 80px; padding: 10px 0 20px; text-align: center; position: relative; }
#footer_main .blogo img{ width: 90px; height: 80px; display: block; margin: 0 auto; }
#footer_main .blogo .line{ width: 445px; height: 1px; background: #fff; position: absolute; top: 50px; }
#footer_main .blogo .left{ left: 0; }
#footer_main .blogo .right{ right: 0; }


.w1000{width: 1000px;margin:0 auto;}
/*share*/
.ig-share{ width:200px; height: 108px; padding-top: 22px; border-right:1px solid #4A4A4A; }
.ig-share .title{ width: 152px; margin:  0 auto 16px; position: relative; height: 20px; line-height: 20px; text-align: center; }
.ig-share .title .line{ width: 100%; height: 1px; background: #fff; display: block; position: absolute; left: 0; top: 50%; }
.ig-share .title em{ width: 60px; height: 20px; z-index: 9; display: block; background: #313131; display: block; position: absolute; left: 50%; margin-left: -30px; top: 0;color: #fff;font-size:14px; }
.ig-share .bdsharebuttonbox{ height:42px;width: 162px; margin:  0 auto 16px; }
.ig-share a{float:left; margin: 0 5px !important; padding: 0px 0px 0px 42px !important; height:42px !important; border-radius: 100%; background-color:#252525 !important; background-image:url(../images/ico-share.png) !important; }
.ig-share a.jing_qzone{background-position:10px 10px !important}
.ig-share a.jing_tsina{background-position:10px -30px !important}
.ig-share a.jing_qq{background-position:10px -71px !important}
.ig-share a:hover{  opacity: 1 !important;}
.ig-share a.jing_qzone:hover{ background-color: #47b234 !important; background-position: -35px 10px !important; }
.ig-share a.jing_tsina:hover{ background-color: #ed1f23 !important; background-position: -35px -30px !important; }
.ig-share a.jing_qq:hover{ background-color: #c9031e !important; background-position: -35px -71px !important; }


/*bottom_nav*/
#footer_main .bottomNav{ width: 100%; height: 45px; line-height: 45px; text-align: center;}
#footer_main .bottomNav a{margin:0 16px; font-size: 16px; color: #fff; }
#footer_main .bottomNav a:first-child{ margin-left: 0;}
#footer_main .bottomNav a:hover{ opacity: .9; color: #fff; }
#footer_main .footer_bottom{ width: 100%; height: 130px; margin-top:20px; overflow: hidden; border-top: 1px solid #4A4A4A; border-bottom: 1px solid #4A4A4A;  }
#footer_main .footer_1{ width: 646px; height: 112px; padding-top: 18px; line-height: 32px; border-right:1px solid #4A4A4A; }
#footer_main .footer_1 li { width: 100%; }
#footer_main .footer_1 li s{ width: 22px; height: 22px; margin-right: 10px; background-position: -133px 0; }
#footer_main .footer_1 .a2 s{ background-position: -133px -32px; }
#footer_main .footer_1 .a3 s{ background-position: -133px -61px; }
#footer_main .qrcode{ width: 144px; font-size: 16px; line-height: 30px; color: #999; }
#footer_main .qrcode img{ width: 118px; height: 118px; float: left; margin-top: 6px; display: block;  }
#footer_main .qrcode span{ width: 16px; color:#fff; font-size: 13px; margin-left: 5px; padding-top: 10px; line-height: 14px; display: block; float: left; }


/*toolbar*/
.toolbar{ width:80px; position:fixed; right:10px; top:150px; z-index:999; background: #fff; border: 1px solid #e5e5e5; }
.toolbar dd{ width: 80px; height: 80px; line-height: 24px; }
.toolbar dd .slide{ width: 80px; height: 65px; padding: 15px 0 0 0; overflow: hidden; left:0; top: 0; z-index: 2;line-height: 24px; font-size: 16px; background: #b90000; color:#fff; }
.toolbar dd .pop{ width: 120px; padding: 20px 20px 10px; color: #fff; right:110px; top:-55px; background:#b90000; display:block; text-align: center; display: none; }
.toolbar dd .pop img{ width:120px; height: 120px; display: block; margin-bottom: 3px;}
.toolbar dd .b{ width: 80px; height: 70px; padding-top: 10px;  text-align: center; color: #a3a3a3; left: 0; top: 0; z-index: 10; background: #fff;font-size: 16px; cursor: pointer; }
.toolbar .fixicon{ width: 45px; height: 38px; display: block; margin: 0 auto; background: url(../images/rightfixicon.png) no-repeat 0 0; }
.toolbar .t-qq .b s{ background-position: 2px 0;}
.toolbar .t-tel .b s{ background-position: 2px -70px;}
.toolbar .t-code .b s{ background-position: 3px -144px;}
.toolbar .t-top .b s{ background-position: 2px -216px;}
.toolbar .t-top{ cursor: pointer;}
.toolbar .t-close{ width: 37px; height: 20px; cursor: pointer; left: 22px; bottom: -21px; background-position: 0 -300px; z-index: 10; }
.toolbar dd:hover .b{ background: #b90000; color: #fff; }
.toolbar dd:hover .slide{ width: 210px; padding-left: 33px; left: -163px; color:#fff; }
.toolbar dd:hover .pop{ right: 90px; display: block; }
.toolbar .t-qq:hover .b s{ background-position: -68px 0; }
.toolbar .t-tel:hover .b s{ background-position: -68px -70px; }
.toolbar .t-code:hover .b s{ background-position: -67px -144px; }
.toolbar .t-top:hover .b s{ background-position: -66px -216px; }
.fix_talk{   height: 140px; padding:10px 0px 0px;  width:30px ; line-height:20px;  position: fixed;  right: 0px;  top: 200px;  z-index: 111;  text-align: center;  font-size: 18px;color: #fff;  background-color: #079aae; cursor: pointer;}

/*-----------------分页--------------*/
.bn1{width: 100%;height: 350px;}
.bn1 img{width: 100%;}
.submian{overflow: hidden;margin-bottom:20px;}
.submian .sobtitle { height: 20px; line-height: 20px; padding: 25px 0px; font-size: 14px; }
.submian .sobtitle a { font-size: 14px; }
.submian .sobtitle a.now { color: #094a8a; font-size: 14px; font-weight: bold; }
.submian .sobtitle a.now:hover { text-decoration: underline; }


.submian .subleft { width: 245px; background: #fff; }
.submian .subleft .title { text-align: center; padding-left: 0; line-height: 25px; border-top: 3px solid #AF2326;  background: #f5f5f5;color: #AF2326; font-size: 22px;  font-weight: bold; border-bottom: 1px solid #ddd; height: 50px; padding-top: 25px; font-size: 20px; }
.submian .subleft .title p { color: #fff; font-size: 14px; text-transform: uppercase; font-weight: normal; padding-top: 5px; }
.submian .subleft .title i { padding-top: 0; background: #f5f5f5;color: #AF2326; background: url(../images/titlepbg.png) no-repeat center center; }
.submian .subleft .bort9 { border-top: 9px solid #094a8a; border-radius: 5px 5px 0px 0px; }

.submian .subleft .lefta .comt {  background: #f5f5f5; }
.submian .subleft .lefta .comt ul li { line-height: 54px; }
.submian .subleft .lefta .comt ul li a { height: 54px; line-height: 54px; display: block; padding-left: 45px; font-size: 14px; border-bottom: 1px solid #ddd; }
.submian .subleft .lefta .comt ul li .box { padding: 10px 0px; display: none; }
.submian .subleft .lefta .comt ul li .box a { height: 30px; line-height: 30px; display: block; color: #888; border: 0px; }
.submian .subleft .lefta .comt ul li .box a:hover { color: #079aae; background: none; }

.submian .subleft .leftnews{margin-top: 20px;}
.submian .subleft .leftnews .leftcont { background: #f5f5f5; padding: 8px; }
.submian .subleft .leftnews .leftcont h2 { font-size: 16px; margin-bottom: 8px; font-weight: bold; color: #AF2326; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.submian .subleft .leftnews .leftcont span { line-height: 26px; display: block; padding-bottom: 5px; border-bottom: 1px solid #ddd; }
.submian .subleft .leftnews .leftcont p { font-size: 16px; color: #333; padding-top: 10px; }
.submian .subleft .leftnews .leftcont p i { font-size: 28px; color: #AF2326; display: block; font-family: impact; }

.submian .subright {width: 720px;padding: 0 10px 20px;background: #f5f5f5;}
.submian .subright .aboutlist { padding: 15px; line-height: 28px; color: #666; }
.submian .subright .aboutlist img { max-width: 100%; }
/***************
 * font-face
 * ****************/
@font-face {
	font-family: 'impact';
	src:url('../font/impact.eot');
	src:url('../font/impact.eot?#iefix') format('embedded-opentype'),
		url('../font/impact.woff') format('woff'),
		url('../font/impact.ttf') format('truetype'),
		url('../font/impact.svg#impact') format('svg');
}   


/**************
 * hover css3
 * ******************/
/* Overline From Left*/
/**************
 * hover css3
 * ******************/
/* Overline From Left*/
.hvr-overline-from-left{ display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;}
.hvr-overline-from-left:before{content: "";position: absolute; z-index: 0;left: 0;right: 100%; bottom: -1px;background: #a62738; height: 2px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before,.hvr-overline-from-left.hover:before{right: 0;}

.submian .subright .anlitopH4, .submian .subright .divanli { background: #fff; }
.submian .subright .anlitopH4 { height: 38px; line-height: 38px; border: 1px solid #e4e4e4; }
.submian .subright .anlitopH4 span { border-left: 5px solid #a62738; padding-left: 22px; display: block; float: left; color: #a62738; font-weight: bold; font-size: 14px; }
.submian .subright .anlitopH4 span .org { color: #a62738; }
.submian .subright .anlitopH4 a { float: right; padding-right: 20px; }
.submian .subright .anlitopH4 .tel { float: right; padding-right: 10px; font-size: 14px; color: #005bac; }

.submian .subright .divremmnews { border: 1px solid #e4e4e4; font-size: 12px; border-top: none; margin-bottom: 10px; padding: 15px 10px 15px 5px; background-color: #fff; }
.submian .subright .divremmnews ul { width: 100%; overflow: hidden; }
.submian .subright .divremmnews ul li { width: 100%; height: 35px; line-height: 35px; padding-left: 2%;font-size: 14px; }
.submian .subright .divremmnews ul li a { height: 35px; line-height: 35px; float: left; overflow: hidden; width: 75%; *width: 73%; }
.submian .subright .divremmnews ul li span { color: #666; float: left; }
.submian .subright .divremmnews ul li a:hover { color: #a62738; }


.caselist{margin-top: 15px;overflow: hidden;}
.caselist li{float: left;margin:9px;}
.caselist li img{border:1px solid #8A8A8A;width:340px;}
.caselist li p{text-align: center;}


.newspage{clear: both;text-align: center;height: 30px;margin:20px 0px;}
.newspage strong{font-size: 14px;color: #fff;padding: 5px 10px;font-family: "宋体";background:#a62738}
.newspage a{font-size: 14px;color: #fff;padding: 5px 10px;font-family: "宋体";background: #1b1b1b;}
.newspage a:hover{background: #a62738;color: #fff;}

.article_nr{padding: 10px;}
.news_title{color:#da020d;text-align:center;line-height:50px;font-size: 18px;}
.article_nr p{font-size: 14px;line-height: 28px;color: #232323;}

.prev_next li{font-size: 12px;line-height: 30px;}
.prev_next li a{color: #8e0000}


/*图片展示*/
.subright img{width:100%;}

