@charset "utf-8;

/**
*   Made by bysky
*   版本：1.0.0
*   2015.12.7
**/

html{color:#000;background:#FFF;font-family:'Microsoft Yahei'; font-size:14px;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
img{ vertical-align:top;}
.cl{ clear:both; font-size:0;}

a{ color:#000; font-size:14px; text-decoration:none;}
a:hover{ color:#FBAB00; text-decoration:none;}

/* IE5.xIE6бbug */ 
* html body{overflow: visible;} 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;} 


input,textarea{font-family:'Microsoft Yahei';}

/* li */ 
ul,li{list-style-type:none;} 

/* img */ 
img{border:0 none; vertical-align:middle;} 

/* h* */ 



/* float */ 
.fl { display: inline; float: left; }
.fr { float: right; }

/* dis_no */ 
.none{display:none;} 
.block {display:block;} 


/*********闭合盒子处理**********/
.clearfix:after {content:"24dq"; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac */
* html .clearfix {height:1%;}.clearfix {display:block;}
/* End hide from IE-mac */


/*********清除浮动处理**********/
.clearboth { clear:both; display:block; height:0;font-size:0; overflow:hidden;}
.cl{ clear:both;}
.clear{ clear:both;}

.css3 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
	
.bigimg img{ width:300px; height:200px;transition:all 0.5s ease-in-out;}
.bigimg:hover img{transition:all 0.5s ease-in-out; transform:scale(1.1)}
.uls li:nth-of-type(1){}
.tm{background: rgba(172, 178, 200, 0.7);}	
.bradius{border-radius:20px;box-shadow: 4px 2px 6px #e1e1e1;}

/*index.html==========================*/
body{width:100%; background:url(../images/top.jpg) top left repeat-x #FFF;font-size:14px}
.header, .index, .foot, .top_news, .banner_img, .pages{ margin:0 auto; width:1200px;}

.header{ width:1200px; height:167px; position:relative;}

/*header*/
.logo{ width:252px; height:167px;background:url(../images/logo.jpg); position:absolute; left:445px;top:0;}
.top{ width:1200px; height:57px; background:#252525; }
.welcome{ width:400px; height:57px; float:left; line-height:57px; color:#FFF; }
.logo_right{width:280px; text-align:right; float:right; line-height:57px; font-size:18px; color:#FFF}/*设为首页 加入收藏*/


/*导航开始*/
.menubg{  width:1200px; height:110px; margin:0 auto;}
.menu { width:1200px; height:110px; position:relative; margin:0 auto; z-index:99;  }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:110px; height:110px; text-align:center; color:#000;   line-height:110px;  overflow:hidden;  font-size:16px;}

.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;line-height:110px; padding:0px;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff;background:#bb0511; display:block; width:110px; height:110px;}/********导航背景变色 ******/
.menu ul li:hover ul {display:block; position:absolute;  left:0; width:110px;}
.menu ul li:hover ul li {}
.jg{ width:3px !important; background:url(../images/tu.jpg) no-repeat; height:110px; padding:0px !important;}
.menu ul li:hover ul li a {border-right: none;display:block; height:30px; font-size:14px; font-weight:normal; background: rgba(247, 247, 247, 0.7);text-align: center;color: #000;line-height: 30px; transition: all 0.3s; -moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s; }/******子栏目 背景*********/
.menu ul li:hover ul li a:hover { color:#bb0511;line-height:30px; }/******子栏目 背景变色*********/
.menu ul li:nth-of-type(5){ margin-left:260px;}
.menu ul li:hover ul li:nth-of-type(5){ margin-left:0px;}



.banner{ width:100%; height:665px; padding-top:0px; margin:0 auto;z-index:1;}
/* flexslider */
.fullSlide{width:100%;height:665px; position:relative;;z-index:1;  }
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:665px;text-align:center;}
.fullSlide .bd li a{display:block;height:auto;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0;}
.fullSlide .hd ul{ text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:14px;height:14px;margin:5px;overflow:hidden; background:url(../images/dot.png) right 0 no-repeat;cursor:pointer; line-height:999px;   }
.fullSlide .hd ul li.on{background-position:0 0; }
.fullSlide .prev,.fullSlide .next{position:absolute;z-index:1;top:45%; z-index:1;width:86px;height:86px;cursor:pointer;display:none;}
.icon-list {background: url(../images/icon-list.png) no-repeat;}




.index{ width:100%; padding: 10px 0px;}


.w_one{ width:100%; height:687px;background:url(../images/qd_10.jpg) left top repeat-x; margin-top:50px;}



.index_one{ width:1200px; overflow:hidden;height:auto; padding-top:54px; margin:0 auto; }




.index_about{ width:1200px; height:auto; margin:0 auto; }
.index_about h3{width:1200px; height:210px;}
.aboutbody{ width:1200px; height:385px;overflow:hidden; }
.aboutbody .le{ width:640px; height:385px;overflow:hidden; float:left; }
.aboutbody .righ{ width:530px; height:385px;overflow:hidden; float:right;}
.aboutbody .righ .tit{ line-height:65px; width:530px; height:65px; color:#bb0511; font-size:36px;}
.aboutbody .righ .text{ line-height:32px;  overflow:hidden; font-size:18px; color:#FFF;  width:530px; height:250px; padding:30px 0px;}
.aboutbody .righ .text img{ float:left; margin:0px 5px;}
.aboutbody .righ .mores{ width:150px; height:40px; border:1px solid #eee; text-align:center; float:left;}
.aboutbody .righ .mores a{ color: #000; line-height:40px; font-size:14px;}


.hsoftpic{ width:1160px; margin:0 auto; background:#FFF; height:590px;}
.focusBox { position: relative; width: 1120px; height: 550px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; margin:20px 20px; padding-top:20px;}	
.focusBox .pic img { width: 1120px; height: 550px; display: block; }	
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 90px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }	
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 90px; width:100%; overflow: hidden; }	
.focusBox .txt li{ height:90px; line-height:90px; position:absolute; bottom:-90px; text-align:center; width:90%;}	
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 20px; font-weight: bold; text-decoration: none; text-align:center;width:100%;}	
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }	
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden;color: #FFF; text-align: center; margin-right: 1px; cursor: pointer; }	
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: #FFF; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }	
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; color: #FFF;}	
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60; color: #FFF; }	


.common-foot {
 margin-top:80px;
 color:#fff;
 background:url(../images/footer_bg.jpg)
}
.common-foot .w123 {
 width:123px; display:inline; 
}
.common-foot .links-label {
 white-space:nowrap;
 flex:none;
 line-height:30px
}
.common-foot .links-con {
 line-height:20px;
 margin-left:10px;
 display:inline-block
}
.common-foot .links {
 display:inline-block;
 padding:5px;
 color:hsla(0,0%,100%,.4)
}
.common-foot .cf {
 color:#fff
}
.common-foot .foot-left {
 width:260px;
 margin-top:-62px;
 background:#88020a;
 padding:62px 20px 20px 12px;
 box-sizing: border-box;
 text-align:center;
}
.common-foot .foot-right {
 align-items:flex-start;
 flex:auto;
 padding-top:60px;
 text-align:right
}
.common-foot .foot-link {
 color:hsla(0,0%,100%,.4);
 line-height:2;
 font-size:14px
}
.common-foot .foot-link:hover {
 color:#fff
}
.common-foot .foot-link.first {
 font-size:16px;
 color:#fff;
 line-height:1;
 padding-bottom:8px;
 display:inline-block
}
.common-foot .shejiaobtn {
 width:123px;
 height:30px;
 background:#fff;
 margin-right:10px
}
.common-foot .right-items {
 padding-right:20px;
 border-right:1px solid hsla(0,0%,100%,.1);
 width:20%;height:165px;  overflow:hidden;
 flex:auto
}
.foot-btom {
 background-color:rgba(0,0,0,.6);
 margin-top:20px
}


.main-con {
 margin:auto;
 width:1200px;
 max-width:100%
}
.df {
    display: flex;
}
.aic {
    align-items: center;
}

.container-autos {
    width: 1440px; margin:0 auto;
}

#footer-message.is-show {
 display:block;
 position:fixed;
 left:-100%;
 right:auto;
 width:100%;
 bottom:0;
 height:70px;
 z-index:999999;
 background:rgba(0,0,0,0.6) !important;
 filter:alpha(opacity=60);
 background:#000
}
#footer-message.is-show .container-autos {
 position:relative;
 height:100%
}
#footer-message.is-show .mayi-icon {
 position:absolute;
 left:0;
 bottom:0
}
#footer-message.is-show .mayi-icon-text {
 margin-left:130px;
 position:relative;
 height:70px
}
#footer-message.is-show .mayi-icon-text .row1 {
 font-size:16px;
 color:#fff;
 margin:15px 0 0
}
#footer-message.is-show .mayi-icon-text .row2 {
 font-size:14px;
 color:#fff;
 line-height:25px
}
#footer-message.is-show .mayi-icon-text .tel {
 color:#fa1422;
 font-size:18px;
 display:inline-block;
 margin-top:2px;
 font-family:Arial;
 float:right
}
#footer-message.is-show .mayi-form {
 width:65%;
 height:30px;
 margin-top:20px
}
#footer-message.is-show .mayi-form input {
 background:#fff;
 float:left;
 margin-right:2%;
 height:30px;
 padding:0 10px;
 font-size:12px;
 width:17%
}
#footer-message.is-show .mayi-form .form-submit {
 background:#bb0511;
 color:#fff;
 border:0;
 height:40px;
 width:12%;
 margin:-5px 2% 0 1%;
 font-size:16px;
 float:right
}
#footer-message.is-show .close-icon {
 position:absolute;
 right:-35px;
 cursor:pointer;
 color:#fff
}
#footer-message.is-show .close-icon .iconfont {
 font-size:25px
}
input {
    outline: none;
    border: none;
    
}
.pull-left {
    float: left !important;
}
.pull-right {
    float: right !important;
}



/*-------------------------------------------内页样式开始-----------------------------------------------*/

/*pages*/
.pages{ width:1200px; padding:30px 0;}

/*left*/
.left{float:left; width:240px;}

.left .page_prolist{ width:240px; height:auto; }
.left .page_prolist h3{width:240px; height:40px; line-height:40px;background:#bb0511; text-align:center}
.left .page_prolist h3 span{  font-size:18px;  color:#FFF; }
.left .page_prolistbody {width:240px; height:auto !important; min-height:120px;}

.fenlei{ width:210px; float:left; padding:5px 15px; }
.fenlei ul{ width:210px; float:left;}
.fenlei li{ width:210px; height:35px; border-bottom:1px #CCCCCC dashed; line-height:35px; text-align:center;}
.fenlei img{ float:left; margin-left:5px; margin-right:8px; margin-top:9px;} 
.fenlei li a{ color:#000; font-size:14px;}
.fenlei li a:hover{ color:#fc9a5a;}

.lianxi{ width:210px; float:left; padding:10px; padding-top:5px; padding-bottom:5px;}

.left .page_contact{ width:240px; height:auto; padding-top:10px;}
.left .page_contact h3{width:240px; height:40px; line-height:40px;background:#bb0511; text-align:center}
.left .page_contact h3 span{  font-size:18px;  color:#FFF; }
.left .page_contactbody {width:240px; height:auto !important; min-height:220px;overflow:hidden;}
.left .page_contactbody .text{ line-height:25px; padding:10px;}


.listpage {
    clear: both;
    font-size: 12px;
    height: 50px;
    line-height: 30px;
	padding-top: 10px;
	text-align:center;
}
.listpage a {
    background-color: #FFFFFF;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.listpage span {
    background-color: #FBF779;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #FF7400;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}


/*产品分类列表*/
.aboutleft2 {width:220px;font-size:14px;margin:0 auto;padding-top:0px;height:auto;padding-bottom:0px; }
.aboutleft2 li {line-height:28px;width:220px;padding-top:0px;margin-top:0px;overflow:hidden;}
.aboutleft2 a { font-family:"微软雅黑";height:30px;padding-left:30px; width:190px;line-height:30px;float:left;font-size:14px;text-align:left;color:#bb0511; font-weight:bolder;  border-bottom:1px solid #C9C9C9;border-top:1px solid #C9C9C9;}
.aboutleft2 a:hover {font-size:14px;width:190px;height:30px;text-decoration:none;text-align:left;color:#f00;}
.aboutleft2 li ul{ display:block; overflow:hidden; float:left; }
.aboutleft2 li ul li{ background:none; border:none;}
.aboutleft2 li ul li a { font-weight:normal;width:175px;background:url(../images/li.jpg) 30px center no-repeat; padding-left:45px; border:none; color:#666666;}
.aboutleft2 li ul li a:hover {width:175px; padding-left:45px; border:none; color:#f00;}

.table_form td{ height:50px;}

/*右侧主体*/
.boxright{ width:930px; height:auto; float:right;}
.boxright_top{ width:930px; height:40px; background:#bb0511;}
.boxright_mid{ width:930px; height:auto !important; min-height:480px; overflow:hidden; zoom:1; background:url(../images/nymid.jpg) center top repeat-y;}
.boxright_bot{ width:930px;  height:8px; background:url(../images/nybot.jpg) center top no-repeat;}
.left_zi{width:400px; height:40px; line-height:40px; font-size:18px; color:#FFF; float:left; padding-left:10px;}
.left_zi p{ line-height:7px; color:#FFF; font-size:14px}
.right_zi{ float:right; width:400px; text-align:right;height:40px;line-height:40px; color:#FFF; margin-right:15px;}
.right_zi a{ color:#FFF; font-size:14px}
.content{ line-height:24px; width:96%; margin:0 auto; padding-top:10px ;}

/*内页新闻列表*/
.new1 {width:100%;text-align:left;font-size:14px;}
.new1 li {width:100%;height:28px;line-height:28px;float:left;display:inline;background:url(../images/d.jpg) left center no-repeat;border-bottom: 1px #A8A8A8 dashed}
.new1 a {height:28px;line-height:28px;float:left;margin-left:15px; }
.new1 font {float:right;height:28px;line-height:28px;margin-right:0px;font-size:42px;font-size:14px;color:#bb0511;}
.new1 a:hover {font-size:14px;text-decoration:none; }

/*内页产品展示列表*/
.product{ width:100%; list-style:none; padding-top:10px; padding-left:3px;}
.product li{ width: 218px; margin:2px 4px; height:188px; float: left; overflow: hidden;}
.product li .img{width:216px;height:157px;border: 1px solid #eee;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;   -webkit-border-radius: 5px;  
   -moz-border-radius: 5px;  
   border-radius: 5px;  
 position:relative;
   behavior: url(js/PIE.htc);  }
.product li a{ display:block;}
.product li img{ max-width:216px; max-height:157px;vertical-align:middle; }
.product li p{  text-align:center; height:30px;line-height:30px;width: 100%;}

.product_title{text-align:center; font-weight:bold;padding:5px; width:100%}
.product_related{text-align:center; padding:5px; width:100%}
.proimg{ text-align:center; width:90%; height:auto}
.proimg .img{width:600px;height:600px;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;  }
.proimg img{ max-width:600px; max-height:600px;vertical-align:middle; }

.page{ padding:15px 0 20px 0; width:100%; text-align:center; line-height:40px;}
.page a{ padding:5px; border:1px solid #ccc; margin:0 3px;}
.page a:hover{ background:#bb0511; color:#fff;}
.page font{ padding:5px; border:1px solid #ccc; margin:0 3px;background:#bb0511; color:#fff;}
.nolink{padding:5px; border:1px solid #ccc; margin:0 3px;}


/*在线留言*/
#messagelist{ padding:15px;}
#messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;}
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
#messagelist .metlist dt span.name{ color:#2c7199;}
#messagelist .metlist dt span.time{ padding-left:8px; color:#999;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
#messagelist table{ margin:0px auto; }
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}