@charset "utf-8";
/* CSS Document */

/* 全局样式  */ 
body {padding: 0;margin: 0;	font-size: 14px;color: #232323;	font-family: "微软雅黑";	width: 100%;}
ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, p, input {padding: 0;	margin: 0;}
ul {list-style: none;}
li {list-style: none;}
img {border: 0px;}
.clear {clear: both;}
a{text-decoration: none;color: #373737;}
input{ border:none;}
.all{ width:1200px; margin:0 auto;}
table,table tr th, table tr td { border:1px solid #b6b6b6;}
table { border-collapse: collapse;}

/*头部*/
.top{ width:100%; height:116px; background:url(../images/top.jpg) no-repeat center; position:fixed; z-index:999;}
.top01{ width:1200px; margin:0 auto;}
.top_l{ width:310px; float:left;}
.logo{ float:left; margin-top:53px;}
.logo img{ float:left;}
.logo p{ float:left; font-size:33px; color:#fff; font-weight:bold; margin-left:5px; margin-top:10px;}
.top_r{ width:890px; float:right;}
.top_r01{ width:500px; height:35px; float:right; color:#fff;}
.top_r01 p{ float:left; margin-right:40px;}
.top_r01 p img{ position:relative; top:5px;}
.top_r01 a{ color:#fff; line-height:35px;}
.top_r01 a:hover{ text-decoration:underline;}

/*导航*/
.nav01{ width:100%; height:80px; float:left;}
/*.nav01 li{ float:left; width:125px; height:80px; line-height:80px;}
.nav01 li a{ font-size:16px; text-align:center; width:125px; height:80px; line-height:80px; float:left;}
.nav01 li a:hover{ background:url(../images/nav_bg.png) no-repeat center; color:#fff;}*/

.yyui_menu1 { height:80px; line-height:80px; font-size:16px;  float:left; }
.yyui_menu1 li { float:left; position:relative;}
.yyui_menu1 li a { display:block; line-height:80px; text-decoration:none; width:125px; text-align:center;}
.yyui_menu1 li a:hover{ border-bottom:2px solid #bc2106; color:#bc2106;}
.yyui_menu1 li a.more:after{content:" »";}
.yyui_menu1 li ul { position:absolute; float:left; width:100%; display:none; background:transparent;background:#fff; z-index:9999; border-top:2px solid #fff;}
.yyui_menu1 li ul a{ float:left; font-size:14px; height:35px; line-height:35px; text-align:center; color:#333;}
.yyui_menu1 li ul a:hover{ border-bottom:none; background:#bc2106; color:#fff;}

/*banner*/
.banner {position: relative;width: 100%;height:550px;text-align: center;z-index: 1;overflow: hidden; margin-bottom:25px; padding-top:116px;}
.banner .bd {position: absolute;left: 50%;width:1920px;height:550px;	margin-left: -960px;background: #fff;}
.banner .hd {position: absolute;bottom: 20px;width: 100%;height: 14px;z-index: 1;}
.banner .hd ul {width: 1000px;margin: 0 auto;text-align: center;}
.banner .hd ul li {display: inline-block;*display:inline;zoom: 1;width: 13px;height: 13px;margin: 0 6px;border-radius: 100%;background: #fff;	line-height: 999px;	overflow: hidden;cursor: pointer;vertical-align: top;}
.banner .hd ul .on {width: 13px; border-radius:10px; background:#660000;}
.banner a.prev, .banner a.next {display: block;	width: 59px;height: 60px;position: absolute;top: 50%;margin-top: -30px;	z-index: 1;	display: none;}
.banner a.prev {left: 0;background:url(../images/bPrev.png) no-repeat;}
.banner a.next {right: 0;background:url(../images/bNext.png) no-repeat;}


/*产品分类*/
.pro011{ width:1200px; margin:0 auto; margin-top:50px;}
.tit{ text-align:center;}
.tit h2{ font-size:56px; font-weight:normal;}
.tit h2 span{ color:#bc2106;}
.tit h3{ font-size:30px; font-weight:bold;}

.n03{ width:950px; margin:25px auto 40px auto; display:table;}
.n03 li{ width:145px; float:left; height:45px; line-height:45px; margin-right:15px; text-align:center;}
.n03 li:last-child{ margin-right:0px;}
.n03 li a{ width:100%; float:left; font-size:15px; color:#bc2106; border-radius:5px; border:2px solid #bc2106;}
.n03 li a:hover{ background:#bc2106; color:#fff;}
.n03 li .on{ background:#bc2106; color:#fff;}

.pro022{ width:100%; float:left; margin-bottom:40px;}
.pro022 li{ width:385px; float:left; margin-right:20px;}
.pro022 li .a01{ width:385px; height:385px; float:left; overflow: hidden;}
.pro022 li:nth-child(3n){ margin-right:0px;}
.pro022 li img{ width:385px; height:385px; display:block; transition: all 1s;}
.pro022 li img:hover{transform: scale(1.4);}
.pro022{ text-align:center; line-height:50px;}
 

/*关于我们*/
.about{ width:100%; float:left; background:url(../images/bg01.jpg) no-repeat top;}
.about01{ width:1200px; margin:0 auto; display:table; padding-top:60px; padding-bottom:50px;}
.about01_l{ width:680px; float:left; color:#fff;}
.about01_l h2{ font-size:28px; color:#bc2106; font-weight:normal; margin-bottom:10px;}
.about01_l h2 span{ color:#fff; font-size:18px; margin-left:15px;}
.about01_l p{ line-height:35px; margin-bottom:20px;}
.more{ width:120px; height:42px; float:left;}
.more a{ color:#fff; width:120px; height:42px; line-height:42px; float:left; border:1px solid #fff; border-radius:5px; text-align:center;}
.more a:hover{ background:#bc2106; border:1px solid #bc2106;}

.about01_r{ width:450px; float:right; padding-top:10px;}
.about01_r img{ width:436px;}

.jieshao{ width:1200px; margin:0 auto; display:table;}
.jieshao01{ width:480px; float:left; background:#bc2106; padding:30px 60px 30px 60px;}
.jieshao01 img{ width:84px; height:84px; float:left;}
.jieshao01 .nr01{ float:left; width:370px; float:right; color:#fff; margin-top:5px;}
.jieshao01 .nr01 h2{ font-size:18px; font-weight:normal; margin-bottom:10px;}
.jieshao02{ background:#3f3f3f;}

/*新闻资讯*/
.news{ width:1200px; margin:0 auto; margin-top:50px;}

.n04{ width:480px; margin:25px auto 40px auto; display:table;}
.n04 li{ width:145px; float:left; height:45px; line-height:45px; margin-right:15px; text-align:center;}
.n04 li:last-child{ margin-right:0px;}
.n04 li a{ width:100%; float:left; font-size:15px; color:#bc2106; border-radius:5px; border:2px solid #bc2106;}
.n04 li a:hover{ background:#bc2106; color:#fff;}
.n04 li .on{ background:#bc2106; color:#fff;}

.news01{ width:100%; float:left;}
.n_l01{ width:468px; float:left;}

/*轮播*/
#owl-demo{position:relative;width:510px;height:340px;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:510px;height:340px;}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:75px;background-color:#000;opacity:.5;filter:alpha(opacity=50);  color:#fff; }
#owl-demo h2{position:absolute;left:0;bottom:45px; font-size:15px; color:#fff; font-weight:normal;padding:0px 10px;}
#owl-demo span{position:absolute;left:0;bottom:23px;width:100%;font:14px "微软雅黑","黑体";color:#fff; font-weight:normal; font-size:13px; padding:0px 10px;}

.owl-pagination{position:absolute;left:0;bottom:2px;width:100%;height:15px;text-align:center;}
.owl-page{display:inline-block;width:7px;height:7px;margin:0 4px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:18px;background-image:url(../images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:30px;height:60px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/bg17.png);}
.owl-next{right:0;background-image:url(../images/bg18.png);}
.owl-prev:hover{background-image:url(../images/bg19.png);}
.owl-next:hover{background-image:url(../images/bg20.png);}

/*右侧新闻*/
.news01_r{ float:right; width:650px;}
.news01_r li{ width:100%; float:left; padding-bottom:13px; margin-bottom:13px;}
.news01_r li:last-child{ padding-bottom:0px; margin-bottom:0px;}
.news01_r .news02a{ width:75px; float:left; height:65px; background:#666666; font-family:Arial; text-align:center; color:#fff;}
.news01_r .news02a h2{ font-weight:normal; font-size:15px;}
.news01_r .news02a p{ font-size:25px; line-height:35px; font-weight:bold; margin-top:3px;}
.news01_r .news02b{ width:560px; float:right; color:#949494; font-size:13px;}
.news01_r .news02b h2{ font-size:18px; font-weight:normal; margin-bottom:6px;}
.news01_r .news02b p{ overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:; -webkit-box-orient: vertical; color:#3c3c3c;}
.news01_r .news02b a{ color:#373737;}
.news01_r .news02b a:hover{ color:#bc2106;}

/*小广告*/
.b01{ width:100%; float:left; background:url(../images/bg03.jpg) no-repeat center; margin-top:50px; padding-bottom:60px;}
.b01a{ width:1200px; margin:0 auto; display:table;}
.b01a_l{ width:550px; float:left; padding-top:30px;}
.b01a_l h2{ color:#fff; font-size:45px; font-weight:bold; margin-bottom:20px;}
.b01a_l li{ float:left; width:100px; height:30px; line-height:30px; background:#bc2106; border:2px solid #fff; text-align:center; border-radius:5px; color:#fff; font-size:16px; margin-right:20px;}
.b01a_l li:last-child{ margin-right:0px;}
.b01a_r{ float:left; margin-top:100px;}
.b01a_r img{ float:left;}
.b01a_r .phone{ float:left; margin-left:10px;}
.b01a_r .phone h2{ font-size:14px; color:#fff; font-weight:normal;}
.b01a_r .phone p{ color:rgb(241, 134, 39); font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

/*案例展示*/
.case01{ width:1200px; margin:0 auto; margin-top:50px; margin-bottom:40px;}

.marqueeleft{width:100%; height:300px; overflow:hidden; margin-top:25px;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 8px;display:inline;width:300px;height:300px;overflow:hidden;}
.marqueeleft li p{ text-align:center; line-height:35px;}
.marqueeleft li .pic{display:block;overflow:hidden;width:300px; height:300px;}

/*底部*/
.footer{ width:100%; float:left; background:#26272a;}
.footer01{ width:1200px; margin:0 auto; display:table; padding:30px 0px 30px 0px;}
.footer01_l{ width:780px; float:left;}
.daohang{ color:#fff;}
.daohang h2{ border-left:2px solid #fff; padding-left:10px; font-weight:normal; font-size:18px;}

.nav02{ border-top:1px solid #434448; height:40px; line-height:40px; margin-top:15px; margin-bottom:20px;}
.nav02 li{ float:left; width:100px;}
.nav02 li a{ font-size:14px; width:100px; float:left; height:40px; line-height:40px; color:#8d8d8d;}
.nav02 li a:hover{ color:#fff;}

.contact{ border-top:1px solid #434448; line-height:35px; margin-top:15px; margin-bottom:20px; padding-top:5px;}
.contact li{ float:left; margin-right:30px; color:#8d8d8d;}

.ewm{ width:300px; float:right; margin-top:35px;}
.ewm01{ width:120px; float:left; margin-right:30px;}
.ewm01 img{ width:120px;}
.ewm01 p{ color:#fff; text-align:center;}
.ewm02{ margin-right:0px;}

.footer02{ width:100%; float:left; text-align:center; background:#c70100; color:#fff; padding:20px 0px;}
.footer02 a{ color:#fff;}


/*内页*/
.conter{ width:1200px; margin:0 auto; display:table; margin-top:70px;}
.conter p{ line-height:49px; font-size:16px;}
.tit1{ text-align:center; font-weight:bold; font-size:30px; color:#c52103;}

.about02_l{ width:450px; float:left;}

.about02_l img{ width:436px;}
.about02_r{ width:700px; float:right;}


.contact01{ width:100%; float:left; display:table; margin-bottom:40px;}
.c01{ width:299px; float:left; border-right:1px solid #d1d1d1; text-align:center; padding:30px 0px;}
.c01 img{ height:65px;}
.c01:last-child{ border-right:0px;}
.c01 h2{ font-size:24px; font-weight:normal; margin:25px 0px 10px 0px;}
.c01 p{ color:#666666; font-size:18px;}
.map{ width:100%; float:left; display:table; margin-bottom:60px;}
.conter01{ margin-top:30px;}


.liuyan{ font-size:16px; line-height:29px;}
.form01{ width:1118px; margin:40px auto 50px auto; border:1px solid #dedede; display:table; padding:40px;}
.form01 li{ width:530px; float:left; margin-right:40px;}
.form01 li:nth-child(2n){ margin-right:0px;}
.form01 li p{ line-height:40px; font-size:14px;}
.form01 li input{ border:1px solid #dedede; background:#fff; height:40px; line-height:40px; float:left; width:100%; padding-left:10px;	font-family: "微软雅黑"; margin-bottom:5px; border-radius:5px;}
.form01 li .submit{ background:#bc2106; width:100%; height:45px; line-height:45px; color:#fff; cursor:pointer; text-align:center; margin-top:15px; border:none; font-size:16px;}
.form01 li .submit:hover{ background:#dd2808;}
.select1{ border:1px solid #dedede; background:#fff; height:40px; line-height:40px; float:left; width:100%; padding-left:10px;	font-family: "微软雅黑"; margin-bottom:5px; border-radius:5px;}



.news03{ float:left; width:100%; display:table; margin-top:20px;}
.news03 li{ width:100%; float:left; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ccc;}
.news03 .news03a{ width:85px; float:left; height:75px; background:#666666; font-family:Arial; text-align:center; color:#fff;}
.news03 .news03a h2{ font-weight:normal; font-size:15px;}
.news03 .news03a p{ font-size:25px; line-height:35px; font-weight:bold; margin-top:8px;}
.news03 .news03b{ width:1090px; float:right; color:#949494; font-size:13px;}
.news03 .news03b h2{ font-size:18px; font-weight:normal; margin-bottom:6px;}
.news03 .news03b p{ overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:; -webkit-box-orient: vertical; color:#3c3c3c; line-height:23px;}
.news03 .news03b a{ color:#373737;}
.news03 .news03b a:hover{ color:#bc2106;}

/*分页*/
.black2{padding:5px;margin:3px;text-align:center; font-size:12px; margin-top:15px; margin-bottom:40px;}
.black2 a{border:1px solid #ccc;padding:2px 7px;margin:2px; color:#5d5d5d;}
.black2 a:hover{border:#c70100 1px solid;color:#fff;background-color:#c70100; text-decoration:none;}
.black2 a:active{border:#c70100 1px solid;color:#fff;background-color:#c70100; text-decoration:none;}

.news07{ margin-bottom:40px;}
.tit03a{ text-align:center; font-size:16px; line-height:40px; margin-top:30px;}
.p07{ text-align:center; font-size:12px; color:#737373; line-height:30px; margin-bottom:10px;}
.p08{  font-size:12px; color:#737373; line-height:30px; border:1px solid #ccc; background:#f5f5f5; padding:5px 10px; margin-bottom:15px;}
.p09 a{ font-size:13px; line-height:28px; color:#747474;}
.p09 a:hover{ color:#c70100;}

.pro03{ margin-bottom:5px;}

 

/*CSS yellow style pagination*/

.yellow {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.yellow A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.yellow A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.yellow A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.yellow .current {
	BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4
}
.yellow .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

/*产品*/
.conter{ width:1200px; margin:0 auto; margin-top:40px; margin-bottom:50px;}
.pro02_l{ width:180px; float:left; background:#f5f5f5; padding:0px 20px 10px 20px;}
.pro02_l h2{ font-size:17px; font-weight:normal; font-weight:bold; color:#053a7e; margin-bottom:15px; text-align:left;}
.pro02_l li{ margin-bottom:15px;position:relative;}
.pro02_l li a{ color:#4c4c4c;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow:hidden; font-size:14px; line-height:30px;border-bottom: 1px solid #c6c7c8; text-align:left;}
.pro02_l li a:hover{ color:#ec1f25; text-decoration:underline;}

.pro02_r{ width:880px; float:right;}
.pro03 li{ width:240px; float:left; margin-right:32px; padding:15px; margin-bottom:30px; border:1px solid #dfdfdf;}
.pro03 li:nth-child(3n){ margin-right:0px;}
.pro03 li img{ width:100%;}
.pro03 li h2{ margin-top:15px; margin-bottom:5px; font-size:17px; font-weight:normal; text-align:center; width:100%;}
.pro03 li p{ font-size:14px;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow:hidden;}
.pro03 li a:hover{ color:#0163ac; text-decoration:underline;}
.pro03 li:hover{ box-shadow:0 2px 20px rgba(175, 175, 175, 0.3);}

.pro03a{ width:1150px; margin:0 auto; margin-bottom:50px; display:table;}
.pro03a li{ width:230px; float:left; margin-right:32px; padding:15px; border:1px solid #dfdfdf;}
.pro03a li:nth-child(4n){ margin-right:0px;}
.pro03a li img{ width:100%;}
.pro03a li h2{ margin-top:15px; margin-bottom:5px; font-size:17px; font-weight:normal; text-align:center; width:100%;}
.pro03a li p{ font-size:14px;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow:hidden;}
.pro03a li a:hover{ color:#0163ac; text-decoration:undeline;}
.pro03a li:hover{ box-shadow:0 2px 20px rgba(175, 175, 175, 0.3);}


/*商品放大镜*/
.pro06a{ width:880px; float:left; margin-bottom:10px;}
.showpage a#shownext { ro05{ float:left; width:430px;}
#showbox { background:#fff;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #064686;}
.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#fff; text-align:center; font-size:18px; positileft:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}
#showsum{ display:none;}
.showpage{ display:none;} 




.clearboth{ clear:both;}