@charset "utf-8";
/* CSS Document */ 
/*常用字体备注:"Microsoft YaHei",微软雅黑,Arial*/
div,ul,li,a,img,span,h1,h2,h3,h4,p,input,table,tr,td,th,em,dl,dt,dd,ol,textarea{
margin:0; padding:0; border:none; list-style-type:none; font:14px/24px Arial,"Microsoft YaHei",微软雅黑;font-style:normal;font-weight:normal;color:#333;}
body{ margin:0px;padding:0; font:14px/24px Arial,"Microsoft YaHei",微软雅黑;color:#333; min-width:1200px; width:expression(document.body.clientWidth < 1200? "1200px": "auto" );}

a{ text-decoration:none;font:14px/24px Arial,"Microsoft YaHei",微软雅黑;color:#333;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.tc{ text-align:center}
.lh,.lh *{ line-height:36px}

.pd3{ margin:0 15px}
.nocon{ width: 100%; text-align: center; line-height: 80px; color: #616161;}
.container{ width:1200px;margin:0 auto;overflow:hidden}

/*通用样式start*/

.head .top{ width:100%; height:30px;background:#656262;color:#fff;line-height:30px;}
.head .top span,.head .top a,.head .top .itright span{ color:#fff;line-height:30px;margin:0 5px;float:left;}
.head .top a:hover{ color:#f7464d}

.head .middle{ height:150px;background:url(../images/headbg.jpg) center center no-repeat;}
.head .middle .search{width:340px;margin-top:40px;text-align:right}
.head .middle .search p{ margin-bottom:5px;font-weight:bold}
.head .middle .search input.search_l{width:273px;height:38px;line-height:38px;padding-left:5px;background:none;color:#707070;border:1px solid #acacac;}
.head .middle .search input.search_r{ background: url(../images/searchbtn.png) no-repeat;width:60px;height:45px}

.head .navmenu{ width:100%;height:60px;line-height:60px;background:#ec1b24;text-align:center}
.head .navmenu ul.navlist{display:inline-block; *display:inline; *zoom:1;}
.head .navmenu ul.navlist li{ float:left; height:38px; line-height:38px; text-align:center;color:#fff;line-height:60px;}

.head .navmenu ul.navlist li a{line-height:60px; color:#fff; padding:0 65px;border-right:1px solid #e8e5e5;font-size:16px;}
.head .navmenu ul.navlist li:last-child a{ border:0px} 
.head .navmenu ul.navlist li a:hover{ }
/*通用样式 end*/

/*首页样式 start*/

/*banner start*/


.flexslider { position: relative; height: 500px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: 640px;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 55px; height: 8px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 55px; height: 8px; line-height: 40px; overflow: hidden; background:#8d898d;font-size:0px;cursor: pointer;}
.flex-control-nav .flex-active { background:#d6000f;}
/*banner end*/



/*首页产品*/
.product{ margin:40px auto}
.product .proleft{ width:220px;}
.product .proleft ul{ background:#f5f5f5;}
.product .proleft li{ border-bottom:1px solid #c9c9c9;}
.product .proleft li a{ line-height:50px;padding-left:12px;}
.product .proleft li a:hover{ color:#ee313e}

.product .proright{ width:940px;}
.intitle{background:url(../images/proline.png) repeat-x left bottom;height:45px;overflow:hidden}
.intitle h2{ font-size:18px;line-height:43px;border-bottom:3px solid #1b2735;}
.intitle a{ line-height:45px;}

.proright ul li{position:relative;display:block;float:left;width:280px;height:250px;margin:30px 15px 0px;display:inline-block;border:1px solid #C0C0C0;overflow:hidden;text-align:center}
.proright ul li img{ width:250px;height:250px;}
.proright ul li .box_title{position:absolute;bottom:-43px;left:1;background-color:#1b2735;width:280px;text-align:center;
line-height:41px;color:#FFF;font-size:12px;border-top:1px solid #000;opacity:0.5;}
.proright ul li .border_top{position:absolute;height:1px;width:0;font-size:0;background:#666666;top:0;left:0;
-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.proright ul li .border_right{position:absolute;height:0px;width:1px;font-size:0;background:#666666;bottom:0;right:0;
-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.proright ul li .border_bottom{position:absolute;height:1px;width:0px;font-size:0;background:#666666;right:0;bottom:0;
-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.proright ul li .border_left{position:absolute;height:0px;width:1px;font-size:0;background:#666666;left:0;top:0;
-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.proright .hover .border_top,.proright .hover .border_bottom{width:280px}
.proright .hover .border_left,.proright .hover .border_right{height:250px}

.probottom{ background:#e01f2d;color:#fff;text-align:center;padding:20px 0}
.probottom h3,.probottom p{ font-size:18px;color:#fff;line-height:36px;text-transform:uppercase}
.probottom p{ font-size:14px}

/*首页关于我们*/
.index_aboutus{ margin:40px auto}
.index_aboutus h2{font-size:18px;margin-bottom:20px;}

.index_aboutus .about_right{ width:590px;margin-top:42px}
.index_aboutus .about_right h2{ font-size:24px;background:url(../images/about_line.png) no-repeat right bottom;}

.index_aboutus .about_right p{ line-height:36px;font-size:12px;text-transform:uppercase}
.index_aboutus .about_right .more{ background:url(../images/about_line2.png) no-repeat left center;overflow:hidden}
.index_aboutus .about_right .more a{ background:#ec1b24;color:#fff;padding:4px 12px;font-size:12px;}
.index_aboutus .about_right .more a:hover{ text-decoration:underline}
/*首页优势*/
.advantage{ width:100%;overflow:hidden;background:url(../images/advantage.jpg) no-repeat;padding:5% 0;background-size:100%}
.advantage .container{background:url(../images/youshiicon.png) center 30% no-repeat; }
.advantage .ad_left{ width:374px;height:513px;background:url(../images/youshi_left.png) no-repeat;overflow:hidden}
.ad_left a{ margin:250px 0 0 150px;display:block}

.ad_right{ width:490px;padding-top:30px}
.ad_right h2{ font-size:24px;text-transform:uppercase;margin-bottom:10px}
.ad_right p{ font-size:12px;line-height:30px;}
.ad_right .youshi{ margin-bottom:80px}

@media screen and (min-width: 980px) {
	.advantage{ padding:2% 0;}

}
@media screen and (min-width: 1440px) {
	.advantage{ padding:5% 0;}
}
@media screen and (min-width: 1920px) {
	.advantage{ padding:5% 0;}
}

.index_bottom{ margin:60px auto;}
.index_bottom .application{ width:700px;}
.application ul li{ width:690px;height:120px;margin-top:30px;background:#f6f6f6;box-shadow:2px 0 5px rgba(0,0,0,0.7);margin-bottom: 5px;}
.application ul li:hover,.application ul li:hover p,.application ul li:hover h3{ background:#ec1b24;color:#fff;}

.application ul li .app_right{ width:500px;margin:15px 0 0 30px;}
.application ul li .app_right h3{ text-transform:uppercase;line-height:30px;font-weight:bold;text-decoration:underline}
.application ul li .app_right p{ font-size:12px;line-height:30px;height:60px;overflow:hidden}

.pagetext .application ul li{ width:800px;}
.pagetext .application ul li .app_right{ width:600px;margin:15px 0 0 30px;}

.mess{ width:450px;border:1px solid #afb2b5;box-shadow:2px 0 5px rgba(0,0,0,0.7);}

.mess form{ width:390px;margin:0 auto 30px}
.mess .mess_group{ margin-top:40px;overflow: hidden;}
.mess .mess_group label{ font-size:18px;font-weight:bold;width:65px;display: inline-block;line-height:30px}
.mess .mess_group input,.mess .mess_group textarea{ border-bottom:1px solid #1b2735;width:320px;height:30px;line-height:30px}

.mess .mess_group input.submit{ width:80px;height:30px;line-height:30px;font-size:18px;color:#fff;background:#ec1b24;box-shadow:2px 0 5px rgba(0,0,0,0.7);cursor:pointer}

/*首页页面链接*/


/*内页通用 start*/
.banner{ width:100%;height:317px;} 
.banner_about{ background: url(../images/banner.jpg) no-repeat center top;}
.banner_news{ background: url(../images/banner.jpg) no-repeat center top;}
.banner_info{ background: url(../images/banner.jpg) no-repeat center top;}
.banner_pro{ background: url(../images/banner.jpg) no-repeat center top;}
.banner_zizhi{ background: url(../images/banner.jpg) no-repeat center top;}
.banner_down{ background: url(../images/banner.jpg) no-repeat center top;}
.banner_contact{ background: url(../images/banner.jpg) no-repeat center top;}

.sidebar{ width:250px}
.sidebar h2{ color:#fff;padding-left:20px;height:65px;line-height:65px;font-size:24px;border-top-left-radius:5px;border-top-right-radius:5px;background:url("../images/arrow3.png") no-repeat 210px center;background-color:#ef523a;}
.sidebar ul li{ padding:0 20px;border:1px solid #e9e9e9;border-top:0px;}
.sidebar ul li a{ display:block;height:45px;line-height:45px;background:url("../images/arrow1.png") no-repeat right center;}
.sidebar ul li a:hover,.sidebar ul li a.thisclass{ color:#ec1b24;background:url("../images/arrow2.png") no-repeat right center;}

.sidebar .left_contact{ margin:35px 0}
.sidebar .left_contact h2{background-color:#EF523A;font-size:20px}
.sidebar .left_contact .left_nei{ border:1px solid #e9e9e9;text-align:center;font-size:12px;color:#4b4b4b;padding-bottom:15px}
.sidebar .left_contact .left_nei h3{ color:#ec1b24;font-size:30px;font-family:Impact;}
.sidebar .left_contact .left_nei p{ margin:15px 0}
.sidebar .left_contact .left_nei a{ background:#ec1b24;color:#fff;padding:5px 15px;-webkit-border-radius:5px;border-radius:5px;font-size:12px}

.main{ width:900px;border:1px solid #e8e8e8;margin-bottom: 40px;min-height: 300px;}
.main .top_title{ overflow:hidden;height:65px;line-height:65px;background:#fafafa;border-bottom:1px solid #e8e8e8}
.main .top_title h2{ color:#cd171f;font-weight:bold;padding-left:21px;font-size:16px;overflow: hidden;text-transform:uppercase;}
.main .top_title .location{ margin-right:10px;font-size:12px;color:#999999;line-height: 65px;}
.main .top_title .location a{ font-size:14px;color:#999999;line-height: 65px;}
.main .top_title .location a:hover{ color:#c42715}
.main .pageread{ margin-top:20px;margin-bottom:20px}

/*内页通用 end*/

/*单网页 start*/
.pagetext{ width:850px; margin:0 auto}
.contact{ width:800px;margin:0 auto;}
.search_bottom{ width:800px;margin:0 auto;}
/*单网页 end*/

/*新闻页 start*/
ul.newslist{ width:850px; margin:0 auto;}
ul.newslist li{ border-bottom:1px solid #d9d9d9;overflow:hidden;height:40px;background:url(../images/info.png) left center no-repeat;padding-left:18px}
ul.newslist li a{ float:left;height:40px;line-height:40px;width:75%;overflow:hidden; display:inline-block;text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;text-align:left}
ul.newslist li span{ float:right;line-height:40px;}

ul.newslist li a:hover{ color:#ffffff}
.page_news_title { overflow:hidden;padding-bottom:5px;text-align:center;border-bottom: 1px solid #e6e6e6;margin-bottom:15px;}
.page_news_title h1{ font-size:18px;}
/*新闻页 end*/

/*商品页 start*/
.product_list{ width:880px;margin:0 auto}
.product_list li{ float: left; width:260px; height:247px; margin: 10px 10px 10px 20px; display: inline; overflow:hidden; border:1px solid #D4D4D4;text-align:center}
.product_list li:hover{ border:1px solid #e8553e;}
.product_list li img{ width:260px; height:205px;}
.product_list li a.ptitle{ display:block; width:100%; height:40px; line-height:40px; background-color:#E6E6E6;}

.similar h2{ font-size:14px;margin:30px 0 10px;display:inline-block;padding: 3px 12px 3px;background: #ef523a;overflow: hidden;font-weight: bold;color:#fff;}

.similar #ipo_box1 {width:800px;height:190px;overflow:hidden;position:relative;margin-bottom:20px}
.similar #ipo_box1 ul {position:absolute;left:0px;top:10px;}
.similar #ipo_box1 ul li {width:160px;height:180px;float:left;text-align:center;list-style:none;margin:0 10px}
.similar .iprolist {width:160px;height:160px;}
.similar .iprolist_box {width:160px;height:160px;position:absolute;z-index:99;}
.similar .iprolist_box a {display:inline-block;width:160px;height:160px;}
.similar .iprolist_img {width:160px;height:128px;border:1px solid #C0BCBC;}
.similar .iprolist_img img {width:160px;height:128px;}
.similar .iprolist_name {text-align:center;}

.page_text{ width:800px;margin:0 auto;}

#page {
background: url(../images/pagebg.png) center no-repeat;
height: 30px;
line-height: 30px;
margin: 40px 0;
text-align: center;
}

#page a,#page span{
display: inline-block;
padding: 5px 12px 0;
position: relative;
top: -3px;
color:#777777;
}
#page a.active {
/*background: url(../images/pages.jpg) no-repeat;*/
color: red;
}
#page span.all{ display:none}
#page span.pageindex{ display:none}
/*商品页 end*/

/*底部 start*/
.footer{ width:100%; background-color:#e9e9e9;}
.footer .footer_top{ padding:40px 0}
.footer .footer_top ul.footernav>li{ float:left;width:200px;margin-right:60px}
.footer .footer_top ul.footernav>li>a{ background:url(../images/footnav_line.png) no-repeat left bottom;height:33px;display:block;width:200px;}

.footer .footer_top ul.footersub .footsub_nei{ max-height:120px;overflow:hidden;text-transform:uppercase}
.footer .footer_top ul.footersub li{ margin-top:16px;}
.footer .footer_top ul.footersub li,.footer .footer_top ul.footersub li a{font-size:12px}
.footer .footer_top ul.footersub li a:hover{ color:#e30e1f;text-decoration:underline}

.footer .footer_top .f_contact,.footer .footer_top .f_contact ul.footernav>li,.footer .footer_top .f_contact ul.footernav>li>a{width:380px}

.footer_bottom{ background:#656262;padding:20px 0; color:#bbbbbb;text-align:center;overflow: hidden;}
.footer_bottom *{ color:#bbbbbb;}
.footer_bottom a{ color:#bbbbbb;margin-right:10px;}
/*底部 end*/