000@charset "utf-8";
/* CSS Document */ 
/*常用字体备注:"Microsoft YaHei",微软雅黑,Arial*/

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",微软雅黑;}
.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}
.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:#fff;text-align:center}
.head .navmenu ul.navlist li{ float:left; height:38px; line-height:38px; text-align:center;color:#fff;line-height:50px;}


.head .navmenu ul.navlist li:last-child a{ border:0px} 
.head .navmenu ul.navlist li a:hover{ }
/*通用样式 end*/

/*首页样式 start*/

/*banner start*/
.main_visual{height:500px;width:100%;margin:0 auto;overflow:hidden;position:relative;}
.main_image{height:500px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:500px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:500px;}
.main_image li span{display:block;width:100%;height:500px}
.main_image li a{display:block;width:100%;height:500px}

#btn_prev,#btn_next{z-index:111;position:absolute;display:block;width:80px!important;height:80px!important;top:50%;margin-top:-40px;background:url(../images/arrow4.png) no-repeat left center;}
#btn_prev{ left:0;}

#btn_prev:hover,#btn_next:hover{background:url(../images/arrow5.png) no-repeat left center;}
#btn_next,#btn_next:hover{ background-position:-80px 0;right:0;}

.banner img{ display:block;width: 100%;}
/*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:#000;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;margin-bottom: 5px;}
.application ul li img{ width:175px;height:120px;}
.application ul li{ box-shadow:2px 0px 5px rgba(0,0,0,0.7);border-left:1px solid #e8e8e8}
.application ul li:hover,.index_bottom .application ul li:hover p,.index_bottom .application ul li:hover h3{ background:#000;color:#fff;}

.application ul li .app_right{ width:480px;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}

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

.mess form.mess_bottom{ 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:#000;box-shadow:2px 0 5px rgba(0,0,0,0.7);cursor:pointer}

/*首页页面链接*/


/*内页通用 start*/
.banner{ width:100%;height:300px;margin-bottom: 30px;} 
.banner_about{ background: url(../images/bannerr.jpg) no-repeat center top;}
.banner_news{ background: url(../images/bannerr.jpg) no-repeat center top;}
.banner_info{ background: url(../images/bannerr.jpg) no-repeat center top;}
.banner_pro{ background: url(../images/bannerr.jpg) no-repeat center top;}
.banner_zizhi{ background: url(../images/bannerr.jpg) no-repeat center top;}
.banner_down{ background: url(../images/bannerr.jpg) no-repeat center top;}
.banner_contact{ background: url(../images/bannerr.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:#000;opacity: 0.7;}
.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:#000;background:url("../images/arrow2.png") no-repeat right center;}

.sidebar .left_contact{ margin:35px 0}
.sidebar .left_contact h2{background-color:#000;font-size:20px;opacity: 0.7;}
.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{opacity: 0.7; color:#000;font-size:30px;font-family:Impact;border-bottom:1px solid #ededed;padding-bottom:15px}
.sidebar .left_contact .left_nei p{ margin:15px 0}
.sidebar .left_contact .left_nei a{ background:#000;opacity: 0.7;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:#000;font-weight:bold;padding-left:21px;font-size:16px;overflow: hidden;text-transform:uppercase;line-height: 65px;}
.main .top_title .location{ margin-right:10px;font-size:12px;color:#999999;line-height: 65px;}
.main .top_title .location a{ font-size:12px;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*/
ul.honor_list{ width:820px;margin:0 auto}
ul.honor_list li{float:left;width:220px;height:320px;margin:20px;border:5px solid #e2e2e2}
ul.honor_list li img{ width:100%}
ul.honor_list li:hover{ border-color:#000}

/*新闻页 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:#fff}
.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:240px; height:280px; margin:25px; display: inline; overflow:hidden; border:1px solid #D4D4D4;text-align:center}
.product_list li:hover{ border:1px solid #e8553e;}
.product_list li img{ width:240px; height:240px;}
.product_list li a.ptitle{ display:block; width:100%; height:40px; line-height:40px; background-color:#E6E6E6;border-top: 1px solid #fff;}

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

.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:160px;border:1px solid #C0BCBC;}
.similar .iprolist_img img {width:160px;height:160px;}
.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: 0px;
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*/

.appli_list li{ margin-top:35px;overflow:hidden}
.appli_list li img{ border:1px solid #d4d4d4;width:350px;height:240px;}
.appli_list li .app_right{ width:440px;height:240px;}
.appli_list li .app_right h3{ background:#d4d4d4;font-size:18px;height:80px;line-height:80px;padding-left:15px;text-transform:uppercase}
.appli_list li .app_right p{ border-bottom:1px solid #d4d4d4;height:145px;padding-top:15px;}

/*底部 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*/