@charset "utf-8";
body { margin:0; padding:0px; font-size:14px; font-family:"微软雅黑"; color:#111; background:#fff;}
div,ul,li,dl,ol,dd,dt,p,dl,h1,h2,h3,h4,h5,h6,em,i,input,span{ margin:0; padding:0; list-style:none; font-weight:normal; font-style:normal;}
a{ text-decoration:none; color:#000;}
a:hover{ color:#a3311a;}
img{ border:none;}
.clearfix{overflow:hidden;_zoom:1;}
.main_width{ width:1126px; margin:0 auto;}
.i-ban{height:680px; background:#000;}
.nei_banner{ height:309px; background:#000;}


.header .site-top{ height:36px; line-height:36px; background:#f6f6f6; border-bottom:#ededed solid 1px; font-size:14px; color:#9c9c9c;}
.header .site-top p{ float:left}
.header .site-top span{ float:right; background: url(../images/icon01.png) no-repeat left center; padding-left:30px;}
.header .head_con{ height:90px;}
.header .head_con .logo{ float:left; position:relative;}
.header .head_con .logo img{ position:absolute; top:3px; left:0; z-index:999;}
.header .head_con .nav{ float:right}
.header .head_con .nav ul li{ float:left; line-height:90px; font-size:16px;}
.header .head_con .nav ul li.line{ padding:0 25px; color:#666;}
.header .head_con .nav ul li.cur a{color:#a3311a;}

.i-about{ background:#fff; padding-bottom:40px;}
.i-about .title{ width:428px; height:70px; border:#bababa solid 1px; margin:65px auto 25px;color:#a3311a;}
.i-about .title h3{ width:180px; text-align:center; background:#fff; margin:-30px auto 5px; font-size:40px; font-weight:bold;}
.i-about .title p{ text-align:center; font-size:16px;}
.i-about .box{ line-height:30px;}
.i-about .box p{ text-indent:2em;}
.i-about .box img{ margin:20px auto;}
.i-about .more{ background:#a3311a; width:160px; height:45px; display:block; color:#fff; font-size:15px; text-align:center; line-height:45px; margin:10px auto; border-radius:25px;}

.i-pic{ height:510px;}

.i-pro{ padding-bottom:80px;}
.i-pro .title{ width:428px; height:70px; border:#bababa solid 1px; margin:65px auto 25px;color:#a3311a;}
.i-pro .title h3{ width:180px; text-align:center; background:#fff; margin:-30px auto 5px; font-size:40px; font-weight:bold;}
.i-pro .title p{ text-align:center; font-size:16px;}
.i-pro .tabs {width:1012px;margin: 0 auto; overflow:hidden; padding:20px 0 20px;}
.i-pro .tabs p{ width:1100px;}
.i-pro .tabs a { display: block;float:left;width:119px;height:45px;color:#000;text-align:center;background:#fff;line-height:45px;text-decoration:none; border:#666 solid 1px; border-radius:23px; margin-right:27px;}
.i-pro .tabs a:hover {color: #fff; background:#a4311c; border:#a4311c solid 1px;}
.i-pro .i-pro-box{position: relative; width:1010px; height:509px; margin:0 auto;}
.arrow-left { background: url(../images/arrows.png) no-repeat left top;  position: absolute;  left:-60px;  top:220px;  width: 38px;  height: 72px; z-index:99;}
.arrow-right { background: url(../images/arrows.png) no-repeat left bottom; position: absolute; right:-60px; top:220px;width: 38px;height: 72px;z-index:99;}
.swiper-container{ height:509px; overflow:hidden; border:#d4a360 solid 1px;}
.swiper-container .swiper-slide{height:509px; width:100%;}
.swiper-container .swiper-slide a{height:509px; width:100%; display:block;}
.pagination {position: absolute;z-index: 20;bottom: 30px;width: 100%;text-align: center;}
.swiper-pagination-switch {display: inline-block; width: 12px; height: 12px; border-radius:12px; background: #fff; margin: 0 5px; opacity: 0.8; cursor: pointer;}
.swiper-active-switch {background:#fa960a;}

.i-news{ background:url(../images/i_news_bg.jpg); height:580px; padding-top:80px;}
.i-news .title{ width:428px; height:70px; border:#bababa solid 1px; margin:0 auto 50px;color:#fff;}
.i-news .title h3{ width:180px; text-align:center; background:#000; margin:-30px auto 5px; font-size:40px; font-weight:bold;}
.i-news .title p{ text-align:center; font-size:16px;}
.i-news .box{ width:780px; height:360px; margin:0px auto 0;}
.i-news .box ul li{ margin-bottom:20px; overflow:hidden;}
.i-news .box ul li dl{ width:90px; height:80px; background:#7e2709; color:#fff; text-align:center; font-size:16px; padding-top:10px; float:left;}
.i-news .box ul li dl b{ display:block; font-size:32px; font-weight:normal;}
.i-news .box ul li ol{ width:665px; float:right}
.i-news .box ul li ol h3{ color:#fff; line-height:25px; margin-bottom:5px;}
.i-news .box ul li:hover a ol h3{ text-decoration:underline;}
.i-news .box ul li:hover a ol p{ color:#fff;}
.i-news .box ul li ol p{ color:#999; font-size:12px; line-height:22px;}
.i-news .more{ width:160px; height:45px; display:block; color:#666; font-size:15px; text-align:center; line-height:45px; margin:10px auto;border:#bababa solid 1px; border-radius:25px;}
.i-news .more:hover{ background:#fff; color:#000;}

.content .about .title,.content .honor .title,.content .brand .title,.content .contact .title,.content .message .title,.content .news .title,.content .news_list .title,.content .news_view .title,.content .product .title{ font-size:36px; color:#000; text-align:center; padding:35px 0 50px;}
.content .about .title span,.content .honor .title span,.content .contact .title span,.content .message .title span,.content .news .title span,.content .news_list .title span,.content .news_view .title span{ border-bottom:#0074bf solid 3px; padding-bottom:3px;}
.content .brand .title span,.content .product .title span{ border-bottom:#3f201f solid 3px; padding-bottom:3px;}
.content .about{ margin-bottom:50px;}
.content .about .box{ overflow:hidden; line-height:30px; color:#333;}
.content .about .box p{ text-indent:2em; margin-bottom:30px;}
.content .about .box img{ float:right; margin-left:50px;}
.content .honor{ background:#e8e8e8; padding-bottom:150px;}
.content .honor table{ line-height:25px;}
.content .honor table img{ display:block; width:100%;}

.content .brand{ padding-bottom:90px;}
.content .brand ul{ overflow:hidden;_zoom:1; width:1150px;}
.content .brand ul li{ width:362px; margin-right:20px; float:left;}
.content .brand ul li img{ display:block;}
.content .brand ul li h3{ font-size:20px; line-height:40px;}
.content .brand ul li p{ height:176px; background:#eee; line-height:23px; color:#666; padding:17px;}
.content .brand2{ background:url(../images/brand_bg.jpg) no-repeat center; padding:111px 0;overflow:hidden;_zoom:1; line-height:30px;}
.content .brand2 img{ margin-right:70px; float:left;}

.content .product{ padding-bottom:110px;}
.content .product .pro_nav{ margin:20px 0 47px;}
.content .product .pro_nav ul{text-align:center;}
.content .product .pro_nav ul li{ width:96px; height:76px;display:inline-table; margin:0 13px;}
.content .product .pro_nav ul li a{ background:url(../images/icon04.png) no-repeat; text-align:center; display:block; line-height:76px; font-size:20px; color:#fff;}
.content .product .pro_nav ul li a:hover,.content .product .pro_nav ul li.cur a{ background:url(../images/icon05.png) no-repeat;}
.content .product .box{ overflow:hidden;}
.content .product .box ul{ overflow:hidden;_zoom:1; width:1150px; border-bottom:#929292 solid 1px; padding-bottom:20px;}
.content .product .box ul li{ width:269px; position:relative; margin-bottom:20px; float:left; margin-right:16px;border:#e1e1e1 solid 1px;}
.content .product .box ul li:hover dl{ display:block;}
.content .product .box ul li dl{filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aa000000,endcolorstr=#aa000000);background:rgba(0,0,0,0.6); width:239px; height:208px; position:absolute; left:0; top:0; padding:40px 10px 0 20px; font-size:14px; color:#fff; line-height:22px; display: none;}
.content .product .box ul li p{ line-height:30px; text-align:center;}
.content .product .pro_name{ text-align:center; font-size:20px; padding:20px 0 30px;}
.content .product .pro_pic img{ display:block; margin:0 auto; border:#6b5e5e solid 1px;}
.content .product .view_con{ padding-top:30px; line-height:30px;}
.content .product .link_back{ padding:50px 0;}
.content .product .link_back a{ width:155px; height:40px; line-height:40px; background:#b5b5b5; color:#030303; display:block; margin:0 auto; border-radius:5px; text-align:center;}

.content .news .box{ padding-bottom:54px; overflow:hidden;}
.content .news .box ul{ width:1250px;overflow:hidden; _zoom:1;}
.content .news .box ul li{ width:345px; float:left; margin-right:46px; background:#e5e5e5;}
.content .news .box ul li h3{ line-height:30px; font-size:14px; color:#333; padding:0 18px; font-weight:bold;}
.content .news .box ul li p{ height:70px; line-height:22px; border-bottom:#818181 dotted 1px; color:#666; margin:0 18px; overflow:hidden; font-size:12px;}
.content .news .box ul li dl{ color:#666; line-height:40px;padding-right:10px; padding:0 18px;}
.content .news .box ul li dl span{ float:right;}
.content .news .box ul li:hover{ background:#85120a;}
.content .news .box ul li:hover h3,.content .news .box ul li:hover p,.content .news .box ul li:hover dl{ color:#fff;}
.content .news .box ul li:hover p{border-bottom:#fff dotted 1px;}

.content .news_list{ background:#f4f4f4; padding:30px 0 100px;}
.hide{position:absolute;top:-9999px;left:-9999px}
#example-one{overflow:hidden}
#example-one .nav{overflow:hidden;text-align:center; border-bottom:#c4c4c4 solid 1px; padding-bottom:30px;}
#example-one .nav li{ width:170px;display:inline-table; }
#example-one .nav li a{display:block;background: url(../images/news01.png) no-repeat center;color:#fff;font-size:20px;text-align:center;width:170px;height:46px; line-height:46px;display:block;}
#example-one .nav li a:hover{background: url(../images/news02.png) no-repeat center;}
#example-one ul li a.current, #example-one .list-wrap ul li a:hover{background: url(../images/news02.png) no-repeat center;color:#fff}
#example-one .list-wrap ul{ padding:25px 0; height:560px;}
#example-one .list-wrap ul ol{ line-height:35px;}
#example-one .list-wrap ul ol a{ color:#333; background:url(../images/icon02.png) no-repeat left center; padding-left:22px;}
#example-one .list-wrap ul ol a:hover{ background:url(../images/icon03.png) no-repeat left center; color:#85120a;}
#example-one .list-wrap ul ol span{ float:right; font-size:12px; color:#666;}

.content .news_view{ padding:30px 0 100px;}
.content .news_view .news_title{ text-align:center;border-bottom:#c4c4c4 solid 2px; padding-bottom:20px;}
.content .news_view .news_title h1{ font-size:27px; font-weight:normal; line-height:55px;}
.content .news_view .news_title dl{ color:#999;}
.content .news_view .view_con{ padding-top:30px; line-height:30px;}
.content .news_view .link_back{ padding:50px 0;}
.content .news_view .link_back a{ width:155px; height:40px; line-height:40px; background:#b5b5b5; color:#030303; display:block; margin:0 auto; border-radius:5px; text-align:center;}

.content .contact .box{overflow:hidden;_zoom:1; font-size:18px; line-height:35px; padding-bottom:90px;}
.content .contact .box img{ float:left; margin-right:50px; margin-left:120px;}
.content .message{ background:#e8e8e8;overflow:hidden;_zoom:1; padding-bottom:120px;}
.content .message .box .m_l{ width:595px; float:left; font-size:17px;}
.content .message .box .m_l h3{ margin-bottom:10px;}
.content .message .box .m_l textarea{width:560px; height:152px;border:#a7a7a7 solid 1px; border-radius:5px; background:#e8e8e8;margin-bottom:10px;font-family:"微软雅黑"; padding:10px; color:#a9a9a9;}
.content .message .box .m_l input[type="text"]{ width:582px; height:36px; border:#a7a7a7 solid 1px; border-radius:5px; text-indent:10px; margin-bottom:10px; background:#e8e8e8;font-family:"微软雅黑"; color:#a9a9a9}
.content .message .box .m_l input.bd_name, .content .message .box .m_l input.bd_tel{ width:278px; float:left;}
.content .message .box .m_l input.bd_name{ margin-right:25px;}
.content .message .box .m_l input[type="submit"]{ width:140px; height:40px; background:#000; color:#fff;  border-radius:5px; border:none; cursor:pointer; font-size:14px; font-family:"微软雅黑";}
.content .message .box .map{ width:479px; float:right; border:#a7a7a7 solid 1px; margin-top:36px;}
.content .message .box .map img{ display:block;}

.product .page{ text-align:center;}
.page{ color:#666; font-size:13px; padding:30px 0 10px;}
.page a{ color:#666; margin:0 5px; padding:2px 7px; border:#bbb solid 1px;}
.page a:hover,.page a.cur{ color:#fff; background:#85120a; border:#85120a solid 1px;}

.footer .f-s{ height:300px;}
.footer .f-s ul { width:1200px;}
.footer .f-s ul li{ width:210px; float:left; text-align:center; padding-top:75px; margin-right:90px; font-size:16px; line-height:30px; color:#333;}
.footer .f-x{ background: url(../images/footer_bg.jpg) no-repeat center; height:317px; color:#ebd3d0; font-size:12px; line-height:22px;}
.footer .f-x .f-left{ float:left; margin-top:80px;}
.footer .f-x .f-left p{ margin-bottom:25px;}
.footer .f-x .f-left p a{ color:#fff;}
.footer .f-x .f-left p a:hover{ text-decoration: underline;}
.footer .f-x .f-right{ float:right; margin-top:85px; width:470px;}
.footer .f-x .f-right ul li{ float:left; width:140px; text-align: center; margin-right:16px;}
.footer .f-x .main_width{ position:relative;}
.footer .f-x .gotop{ width:76px; height:76px; background:url(../images/gotop.png) no-repeat; position:absolute; left:520px; top:-40px; cursor:pointer;}