@charset "utf-8";
/* CSS Document */
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%; font-weight:normal;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.5 arial,\5b8b\4f53;color:#000;outline:0;}
body{background:#fff; font: 14px / 1.42857 "Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,Arial,sans-serif;}
address,cite,dfn,em,var {font-style:normal; }
code,kbd,pre,samp {font-family:couriernew, courier, monospace; }
small{font-size:12px;}
ul,ol {list-style:none;}
a{text-decoration:none; }
a:hover{text-decoration:none; }
sup{vertical-align:text-top; }
sub{vertical-align:text-bottom; }
img{vertical-align:bottom;}
.clear{clear:both;}
a,input,button{outline:none; }
::-moz-focus-inner{border:0px;}
/*******************************************初始化完成*******/
body{ background:#f5f5f5;}
.flo_left{ float:left;}
.flo_right{ float:right;}
.flo_right1{ float:left;}
.container{ width:1060px; margin:0 auto;}
/*头部*/
.header_bg{ height:30px; line-height:30px; background:#212b34; color:#a3a3a3;}
.header_bg .header{ width:1060px; margin:0 auto;}
.header_bg .header p{ float:right;}
.header_bg .header p a{ color:#a3a3a3;}
/*logo*/
.container .logo{ margin:25px 0;}
.container .logo a{}
.container .logo a img{ display:block;}
.container .top_tel{ background:url(../images/top-tel.jpg) no-repeat left center; margin-top:30px; height:50px; line-height:50px; padding-left:55px; font-size:16px; color:#212b34;}
/*导航*/
.nav_bg{ background:#f91b18; height:50px; line-height:50px;}
.nav_bg .nav{ position:relative;}
.nav_bg .nav ul{}
.nav_bg .nav ul li{ float:left; width:125px;}
.nav_bg .nav ul li a{ display:block; text-align:center; color:#fff;}
.nav_bg .nav ul li:hover a{ background:#fff; color:#f91b18;}
.nav_bg .nav ul .onnav a{ background:#fff; color:#f91b18;}
.nav_bg .nav .nav_sch{ position:absolute; right:0; top:0;}
.nav_bg .nav .nav_sch .sch{ border:0; background:#fff; padding:2px; font-family:"微软雅黑"; border-radius:3px;}
.nav_bg .nav .nav_sch .sch_btn{ border:0; background:none; color:#fff; font-size:18px;}
/*大图*/
.slides li{ height:500px;}
.slides li .sld_pro{ width:1060px; margin:0 auto; margin-top:120px;}
.slides li .sld_pro .flo_left{ width:387px; height:240px;}
.slides li .sld_pro .flo_left img{ display:block; max-width:387px; max-height:240px; margin:auto;}
.slides li .sld_pro .flo_right{ margin-top:50px;}
.slides li .sld_pro .flo_right img{ display:block;}
.slides li .sld_pro .flo_right p{ text-align:right; font-size:47px;color: red;}
.slides li .sld_pro .flo_right p span{ display:block; font-size:14px; color:#290705;}
/*全局title*/
.title{ text-align:center; margin-top:60px; margin-bottom:25px;}
.title h1{ font-size:24px; color:#f91b18;}
.title p{ font-size:14px; color:#666;}
.title span{ display:inline-block; padding-bottom:10px; border-bottom:1px #d3d3d3 solid;}
/*产品*/
.container .wrap_tab{}
/*产品TAB*/
.wrap_tab .demolayout{ width:100%;}
.wrap_tab .demo_list{width:500px; margin:0 auto; z-index:9;}
.wrap_tab .demo_list li {float: left;width:25%;height:30px;line-height:30px;}
.wrap_tab .demo_list li a {text-align:center;display:block;color:#404040;margin:0 10px;background:#fff; border:1px #d9d9d9 solid;}
.wrap_tab .demo_list li .active {background: #f91b18; color:#fff;}
.wrap_tab .demo_list li a:hover {background: #f91b18;color:#fff;}
/*产品内容*/
.wrap_tab .tabs-container{ clear: left; padding-top:40px;}
.wrap_tab .tabs-container .tab-nested{width:100%;}
.wrap_tab .tabs-container .tab-nested ul{ color:#fff; margin-left:-20px;}
.wrap_tab .tabs-container .tab-nested ul li{float:left; background:#fff; width:250px; margin-left:20px; margin-bottom:20px;}
.wrap_tab .tabs-container .tab-nested ul li .pro_a{ display:block; border:1px #d9d9d9 solid;}
.wrap_tab .tabs-container .tab-nested ul li .pro_a img{ display:block; max-width:213px; max-height:182px; margin:auto; padding:15px;}
.wrap_tab .tabs-container .tab-nested ul li .pro_a .tit{ padding:15px; font-size:16px; color:#333; border-top:1px #d9d9d9 solid;}
.wrap_tab .tabs-container .tab-nested ul li .pro_a .tit span{ color:#f91b18; float:right;}
.wrap_tab .demolayout .more{ color:#444; display:block; margin:0 auto; width:130px; text-align:center; padding:5px 0; margin-bottom:25px; border:1px #444 solid;}
/*新闻tab*/
.wrap_tab .n_list{ width:250px;}
.wrap_tab .n_list li{ width:50%;}
/*新闻内容*/
.wrap_tab .tabs-container .tab-nested .ul1{ margin-left:0;}
.wrap_tab .tabs-container .tab-nested .ul1 li{ width:50%; margin-left:0; background:none; margin-bottom:60px; min-height:66px;}
.wrap_tab .tabs-container .tab-nested .ul1 li .news_a{ position:relative; padding:0 40px;}
.wrap_tab .tabs-container .tab-nested .ul1 li .news_a .date{ position:absolute; left:0; border: 1px solid #9b9b9b; color:#666; line-height:20px; width:72px; height:72px; text-align:center;}
.wrap_tab .tabs-container .tab-nested .ul1 li .news_a .date span{ display: block; line-height: 35px; padding-top: 10px; font-size: 38px;}
.wrap_tab .tabs-container .tab-nested .ul1 li .news_a .article{ margin-left:82px;}
.wrap_tab .tabs-container .tab-nested ul li .news_a .article h2{ font-size:16px;}
.wrap_tab .tabs-container .tab-nested ul li .news_a .article h2 a{ color:#333;}
.wrap_tab .tabs-container .tab-nested ul li .news_a .article p{ font-size:16px; color:#666;}
/*关于*/
.h_about{ background:url(../images/home-about-bg.jpg) no-repeat top center; padding:35px 0; width:100%;}
.h_about .title{ margin-top:0;}
.h_about .title h1{ color:#fff;}
.h_about .title p{ color:#fff;}
.h_about .title span{ color:#fff;}
.h_about .aside{ width:860px; text-align:justify; margin:0 auto; line-height:24px; color:#fff;}
.h_about .aside .more{ text-align:center; color:#fff; display:block; width:120px; padding:3px 0; margin:0 auto; margin-top:25px; border:1px #fff solid;}
/*信息*/
.h_info{ background:url(../images/home-info-bg.jpg) no-repeat top center; padding:35px 0;}
.h_info .title{ margin-top:0;}
.h_info .title h1{ color:#fff;}
.h_info .title p{ color:#fff;}
.h_info .title span{ color:#fff;}
.h_info .wrap_info{ width:1060px; margin:0 auto;}
.h_info .wrap_info ul{ margin-left:-35px;}
.h_info .wrap_info ul li{ float:left; border:1px #dcdcdc solid; margin-left:35px; width:308px; background:#fff; padding:10px; transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -webkit-transition-duration:0.2s;;}
.h_info .wrap_info ul li:hover{ margin-top:-15px; box-shadow:0 0 15px rgba(0,0,0,0.4);}
.h_info .wrap_info ul li .i_list{}
.h_info .wrap_info ul li .i_list a{ width:308px; height:185px;}
.h_info .wrap_info ul li .i_list a img{ margin: 0 auto;display:block; max-height:185px; max-width:308px;}
.h_info .wrap_info ul li .i_list h2{ font-weight:normal; font-size:16px; padding:10px 0; border-bottom:1px #dcdcdc solid;}
.h_info .wrap_info ul li .i_list h2 a{ color:#000;}
.h_info .wrap_info ul li .i_list p{ line-height:24px;}
/*底部*/
.footer_bg{ background:#1f1f1f; padding:30px 0;}
.footer_bg .foot{ position:relative;}
.footer_bg .foot dl{ float:left; margin-left:80px;}
.footer_bg .foot .frist{ margin-left:0;}
.footer_bg .foot dl dt{ margin-bottom:25px;}
.footer_bg .foot dl dt a{ color:#fff;}
.footer_bg .foot dl dd{ text-indent:5px; margin:5px 0;}
.footer_bg .foot dl dd a{ color:#a6a6a6;}
.footer_bg .foot .foot_right{ position:absolute; right:0; top:0;}
.footer_bg .foot .foot_right p{ text-align:right; color:#fff;}
.footer_bg .foot .foot_right p img{ display:inline-block; margin-bottom:25px;}
.footer_bg .foot .foot_right .bot_tel{ background:#f91b18; font-size:16px; margin-bottom:10px; color:#fff; display:inline-block; text-align:right; padding:5px 15px; border-radius:3px; float:right;}
.footer_bg .foot .foot_right .bot_tel span{ margin-right:10px;}
/********************************************************************************************************内页开始*/
/*内页布局*/
.subbody{ padding:30px 0;}
.subbody .wrap{ width:1060px; margin:0 auto;}
/*布局 - 左侧*/
.subbody .wrap .leftbar{ width:230px;}
.subbody .wrap .leftbar .left_tit{ background:#f91b18; color:#fff; padding:20px 25px;}
.subbody .wrap .leftbar .left_tit h2{ font-size:24px;}
.subbody .wrap .leftbar .left_tit p{ font-size:16px; margin-top:5px; display:inline-block; border-bottom:1px #fff solid; padding-bottom:5px;}
.subbody .wrap .leftbar .menu{ margin:10px 0 30px 0;}
.subbody .wrap .leftbar .menu ul{}
.subbody .wrap .leftbar .menu ul li{ padding:10px 0; border-bottom: 1px solid #e2e2e2;}
.subbody .wrap .leftbar .menu ul li:hover a{ color:#f91b18;}
.subbody .wrap .leftbar .menu ul li a{ font-size: 18px; display: block; color:#333; padding-left:25px;}
.subbody .wrap .leftbar .menu ul li a span{ float:right; color:#555;}
.subbody .wrap .leftbar .menu ul li .am{ color:#f91b18; border-left:4px #f91b18 solid; padding-left:21px;}
.subbody .wrap .leftbar .recommon{ border: 1px solid #d9d9d9; background: #fff; margin-bottom: 16px; padding:10px;}
.subbody .wrap .leftbar .recommon .tit{ border-left:4px #f91b18 solid; padding-left:16px; margin:10px 0; font-size:18px;}
.subbody .wrap .leftbar .recommon ul{}
.subbody .wrap .leftbar .recommon ul li{ height:80px;}
.subbody .wrap .leftbar .recommon ul li .img{ width: 76px; float: left;}
.subbody .wrap .leftbar .recommon ul li .img img{ display:block; max-height:76px; max-width:76px;}
.subbody .wrap .leftbar .recommon ul li .txt{ width:120px; float:right;}
.subbody .wrap .leftbar .recommon ul li .txt a{ font-size:16px; color:#333;}
.subbody .wrap .leftbar .recommon ul li .txt a:hover{ color:#f91b18;}
.subbody .wrap .leftbar .recommon ul li .txt p{ color:#555; margin-top:10px;}
.subbody .wrap .leftbar .left_link{}
.subbody .wrap .leftbar .left_link a{ display:block;}
.subbody .wrap .leftbar .left_link a img{}
/*布局 - 右侧*/
.subbody .wrap .rightbar{ width:800px; background:#fff; min-height:600px;}
.subbody .wrap .rightbar .position{ border-bottom: 1px solid #e2e2e2; height: 38px; line-height: 38px; padding-right: 13px;}
.subbody .wrap .rightbar .position h2{ background: url(../images/icon.gif) 11px center no-repeat; padding-left: 22px; font-size: 18px; font-weight: normal; float: left; color: #333333;}
.subbody .wrap .rightbar .position .place{ float:right;}
.subbody .wrap .rightbar .position .place a{ color:#666;}
.subbody .wrap .rightbar .position .place span{}
.subbody .wrap .rightbar .content{}
/*关于我们*/
.subbody .wrap .rightbar .content .about{ font-size: 14px; padding: 21px 35px 15px 35px; line-height: 32px;}
.subbody .wrap .rightbar .content .about img{max-width: 700px;}
.subbody .wrap .rightbar .content .about h3{ text-align:center; font-size:20px; color:#444;}
.subbody .wrap .rightbar .content .about p{ text-indent:2em;}
/*产品中心*/
.subbody .wrap .rightbar .content .pro_list{ margin:15px 10px;}
.subbody .wrap .rightbar .content .pro_list ul{ margin-left:-20px;}
.subbody .wrap .rightbar .content .pro_list ul li{ float:left; width:245px; margin-left:20px; margin-bottom:20px;}
.subbody .wrap .rightbar .content .pro_list ul li a{ display:block; position:relative; border:1px #ccc solid; height:167px; padding:10px;}
.subbody .wrap .rightbar .content .pro_list ul li a img{ display:block; max-width:225px; max-height:167px; margin:0 auto;}
.subbody .wrap .rightbar .content .pro_list ul li a .mask{ display:none; position:absolute; color:#fff; text-align:center; background:rgba(0,0,0,0.6); top:0; left:0; width:100%; height:100%; z-index:99;}
.subbody .wrap .rightbar .content .pro_list ul li a .mask h3{ margin-top:35%; font-size:16px; font-weight:normal;}
.subbody .wrap .rightbar .content .pro_list ul li a .mask p{ padding:5px 0;}
.subbody .wrap .rightbar .content .pro_list ul li a:hover .mask{ display:block;}
.subbody .wrap .rightbar .content .page{ margin-top:25px;}
.subbody .wrap .rightbar .content .page a{ color:#343434; border:1px #ccc solid; padding:0 10px; display:inline-block; margin:0 5px;}
.subbody .wrap .rightbar .content .page .active{ color:#ca001a;}
.subbody .wrap .rightbar .content .page a:hover{ border:1px #ca001a solid;}
/*在线留言*/
.subbody .wrap .rightbar .content .message{ margin:25px 10px;}
.subbody .wrap .rightbar .content .message ul{}
.subbody .wrap .rightbar .content .message ul li{ margin-bottom:10px;}
.subbody .wrap .rightbar .content .message ul li .fb_input{ width:70%; border:0; background:#ddd; padding:3px 10px; font-family:"微软雅黑"; margin-bottom:20px;}
.subbody .wrap .rightbar .content .message ul li span{ margin-left:5px; color:#f00;}
.subbody .wrap .rightbar .content .message ul li textarea{ height:140px;}
.subbody .wrap .rightbar .content .message ul li .fb_btn{ padding:5px 25px; margin-right:10px; font-family:"微软雅黑"; cursor:pointer;}
/*招聘*/
.subbody .wrap .rightbar .content .hr{ margin-top: 34px; line-height: 22px; margin:10px;}
.subbody .wrap .rightbar .content .hr .t1{ padding-left: 24px;}
.subbody .wrap .rightbar .content .hr th{ color: #333333; text-align: left; font-size: 16px; font-weight: normal; background: #f0f0f0; line-height: 42px;}
.subbody .wrap .rightbar .content .hr table tbody tr{border-bottom:1px #ccc solid;}
.subbody .wrap .rightbar .content .hr table tbody tr td{ padding:10px 0;}
/*联系*/
.subbody .wrap .rightbar .content .top_img{}
.subbody .wrap .rightbar .content .addr{ margin:15px 10px;}
.subbody .wrap .rightbar .content .addr h4{ font-size:18px; font-weight:normal; margin:15px 0; border-bottom:2px #ca001a solid; padding-bottom:5px; display:inline-block;}
.subbody .wrap .rightbar .content .addr p{ line-height:28px;}
/*新闻*/
.subbody .wrap .rightbar .content .news{}
.subbody .wrap .rightbar .content .news ul{ margin:15px 10px;}
.subbody .wrap .rightbar .content .news ul li{ min-height:74px; margin-bottom:15px;}
.subbody .wrap .rightbar .content .news ul li .news_a{ position:relative;}
.subbody .wrap .rightbar .content .news ul li .news_a .date{ position:absolute; left:0; border: 1px solid #9b9b9b; color:#666; line-height:20px; width:72px; height:72px; text-align:center;}
.subbody .wrap .rightbar .content .news ul li .news_a .date span{ display: block; line-height: 35px; padding-top: 10px; font-size: 38px;}
.subbody .wrap .rightbar .content .news ul li .news_a .article{ margin-left:102px;}
.subbody .wrap .rightbar .content .news ul li .news_a .article h2{ font-size:16px;}
.subbody .wrap .rightbar .content .news ul li .news_a .article h2 a{ color:#333;}
.subbody .wrap .rightbar .content .news ul li .news_a .article p{ font-size:14px; margin-top:10px; color:#666;}

.subcen h1{text-align:center;margin-top: 20px;font-size: 20px;}
.subcen h2{text-align:center;margin-top: 10px;font-size: 5px; margin-bottom:10px; font-weight:normal;color: #797976;}
.subcen_text{margin:0 35px;}
.subcen_text img{max-width:100%;}
.ff1{background:#f00; color:#fff; border:1px #f00 solid; border-radius:1px;}


/*
.wrap_tab .tabs-container .tab-nested .ul1{ margin-left:0;}
.wrap_tab .tabs-container .tab-nested .ul1 li{ width:50%; margin-left:0; background:none; margin-bottom:60px;}
.wrap_tab .tabs-container .tab-nested .ul1 li .news_a{ position:relative; padding:0 40px;}
.wrap_tab .tabs-container .tab-nested .ul1 li .news_a .date{ position:absolute; left:0; border: 1px solid #9b9b9b; color:#666; line-height:20px; width:72px; height:72px; text-align:center;}
.wrap_tab .tabs-container .tab-nested .ul1 li .news_a .date span{ display: block; line-height: 35px; padding-top: 10px; font-size: 38px;}
.wrap_tab .tabs-container .tab-nested .ul1 li .news_a .article{ margin-left:82px;}
.wrap_tab .tabs-container .tab-nested ul li .news_a .article h2{ font-size:16px;}
.wrap_tab .tabs-container .tab-nested ul li .news_a .article h2 a{ color:#333;}
.wrap_tab .tabs-container .tab-nested ul li .news_a .article p{ font-size:16px; color:#666;}
*/