@charset "utf-8";
html,body{ font:12px/1.66 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333;  -webkit-text-size-adjust:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#dd231a; text-decoration:none;}
/*头部*/
.inner{ width:980px; background-color:#fff; margin:0 auto; position:relative;}
header{ background:#013d97; zoom:1}
#web_logo{ margin-left:10px; font-size:0px; position:relative; z-index:999;}
.top-nav{ color:#fff; position:absolute; right:5px; top:8px; height:77px; z-index:1; text-align:right; width:100%;}
.top-nav a{ color:#fff;}
.top-nav a:hover{ color:#fff;}
.top-nav li.b{ position:absolute; bottom:0px; right:0px;}
.top-nav li.t span{ padding:0px 5px; font-size:10px; color:#bbb;}
.top-logo{ min-height:90px; _height:90px;}

nav{ height:50px; overflow:hidden; width:950px; float:left; }
nav ul li{ float:left; text-align:center; height:50px; overflow:hidden; margin-left:10px; }
nav ul li a{ height:50px; line-height:50px; color:#fff; display:block; font-family:"微软雅黑"; font-size:16px; }
nav ul li a:hover{ height:50px; line-height:50px; color:#fff; font-size:14px; display:block; font-family:"微软雅黑"; font-size:16px; border-bottom:1px solid #0574c6; }
nav ul li.line{ width:3px; overflow:hidden; height:50px; background:url(../images/nav_line.jpg) no-repeat;}
nav ul li.hover{ background:url(../images/nav_button.jpg) no-repeat;; background-repeat:no-repeat;}
/*nav ul li.navdown{  background:url(../images/nav_bg.gif); background-repeat:no-repeat;}*/
nav ul li.hover a,nav ul li.navdown a{ }
nav ul li.hover a:hover,nav ul li.navdown a:hover{ color:#0574c6;}
.met_flash{ margin-top:10px; font-size:0px; overflow:hidden;} 
.met_flash ul{ margin:0px; padding:0px;} 


/*下载模块*/
#downloadlist{ padding:15px;}
#downloadlist .metlist{ margin-bottom:20px;}
#downloadlist dl.top dt a{ color:#f00;}
#downloadlist .metlist dt{ border-bottom:1px solid #ddd; font-size:14px; font-weight:bold; padding:3px 5px 3px 20px; background:url(../images/dt-9.gif) no-repeat 5px 11px;}
#downloadlist .metlist dd{ color:#999; padding:5px 8px; background:#f8f8f8;}
#downloadlist .metlist dd b{ font-weight:normal;}
#downloadlist .metlist dd div{ float:right;}
#downloadlist .metlist dd span{ padding-right:20px;}
#downloadlist .metlist dd a{ color:#1C57C4; text-decoration:underline;}
#downloadlist .metlist dd a.down{ color:#fa1a1a; text-decoration:underline;}
#showdownload{ padding:15px;}
#showdownload h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px;}
#showdownload .paralist{ background:#f6f6f6; padding:5px 10px;}
#showdownload .paralist li{ padding:3px 5px 3px 0px; margin:5px 0px; border-bottom:1px solid #eee;}
#showdownload .paralist li a{ color:#f00; text-decoration:underline;}
#showdownload .paralist li span{ float:left; padding:0px 10px; margin-right:5px; text-align:left; }
#showdownload .editor{ line-height:2; padding:0px 10px; font-size:14px;}
#showdownload .ctitle{ margin:15px 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; }

 #feedback_form input{
        padding: 4px;
        font-size: 15px;
        outline: none;
        text-shadow: 0px 1px 0px #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #ccc;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        background: #fff url(../images/dt-10.gif) repeat-x left top;
    }

/*在线留言*/
#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;}

.feedback_table{ margin:0px auto; width: 600px;}
.feedback_table td{ padding: 5px; }
.feedback_table textarea{ border:1px solid #ddd; height: 100px; padding: 10px; }


/*首页*/
.aboutus{ float:left; width:675px; margin-top:10px;}
.case{ float:right; width:290px; margin-top:10px; overflow:hidden;}
.style-1 h3.title span{ float:left; background:url(../images/dt-5.gif) repeat-x; height:32px; line-height:32px; padding:0px 25px; color:#fff; font-weight:normal; font-size:14px;}
.style-1 h3.title  a.more{ float:right; width:39px; height:11px; line-height:1000px; overflow:hidden; background:url(../images/more.gif); margin:10px 10px 0px 0px;}
.style-1 .active{ background:#fff; padding:10px;}
.style-2 h3.title { background:url(../images/dt-6.gif) repeat-x; height:32px; line-height:32px; padding-left:15px; color:#fff; font-weight:normal; font-size:14px; position:relative;}
.style-2 h3.title a.more{ position:absolute; right:10px; top:0px; color:#fff; font-size:12px;}
.style-2 .active{ background:#fff; padding:10px;}
.style-2 dl.ind{ clear:both; zoom:1}
.style-2 dl.ind dt{ float:left; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; zoom:1}
.style-2 dl.ind dt a{ margin-left:5px;}
.style-2 dl.ind dd{ float:right; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; overflow:hidden;}
.style-2 dl.ind dd h4{ margin-left:10px;}
.style-2 dl.ind dd p.desc{ margin-left:10px; font-style: italic; color:#666;}
.index-news{ float:left; width:330px; margin-right:15px; margin-top:15px;}
.listel li{ margin:0px 5px; height:30px; line-height:30px; overflow:hidden; padding-left:13px; background:url(../images/dt-1.gif) no-repeat left 12px; }
.listel li a{ margin-right:5px; zoom:1;}
.listel li span{ float:right; color:#666;}
.index-conts{ float:right; width:290px; margin-top:15px;}
.index-product{ padding-top:15px; *margin-top:15px; *padding-top:0px;}
.index-product .profld{ margin:0px; position:relative; overflow:hidden;}
.index-product h3 span{ float:left; }
.index-product ol{ position: absolute; width: 2012em; }
.index-product ol li{ float:left; text-align:center; }
.index-product ol li a.img{ display:block; text-align:center; font-size:0px;}
.index-product ol li a.img img{ margin:auto; border:1px solid #d6d6d6;}
.index-product ol li h3{ font-weight:normal; margin-top:5px; height:20px; line-height:20px; overflow:hidden;}
.index-product .flip{ height:20px; overflow:hidden; margin:8px 15px 0px; float:left; }
* html .index-product .flip{ width:300px;}
*+html .index-product .flip{ width:300px;}
.index-product .next,.index-product .prev{ width:18px; height:18px; overflow:hidden; display:block; float:left; background:url(../images/neu.gif) no-repeat;}
.index-product .next{ background-position:-17px 0px; }
.index-product .next:hover{ background-position:-57px 0px; }
.index-product .prev{ background-position:-40px 0px; }
.index-product .prev:hover{ background-position:0px 0px; }
#trigger{ float:left; margin-right:5px; margin-top:0px; position:relative; bottom:8px; *bottom:0px; *top:5px; zoom:1;}
#trigger a{ background:url(../images/neu.gif) no-repeat -78px -10px; width:8px; height:8px; font-size:0px; display:inline-block; overflow:hidden; margin-right:5px;}
#trigger a.current{ background-position:-78px 0px;}
#tabs-nav{ float:left;text-align: center; margin-left:15px;}
#tabs-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display:inline; position:relative; *top:12px;}
#tabs-nav li a {width: 8px; height: 8px; display: block; overflow:hidden; background:#9df0f5; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
#tabs-nav li a:hover { background:#fff; }
#tabs-nav li a.flex-active{ background:#fff; cursor: default; }
.index-links{ background:#fff; padding:5px 15px 10px; margin-top:15px; position:relative;}
.index-links h3{ height:32px; line-height:32px; padding-left:20px; background:url(../images/dt-2.gif) no-repeat left center; font-weight:normal; font-size:14px; position:relative; border-bottom:1px dotted #ccc; margin-bottom:10px;}
.index-links h3 a.more{ position:absolute; right:10px; top:0px; color:#666; font-size:12px;}
.index-links ul{ margin:0px; padding:0px;}
.index-links .img{ margin-bottom:3px;}
.index-links .img li{ list-style:none; display:inline; padding-right:5px;}
.index-links .img img{ width:88px; height:31px;}
.index-links .txt{ zoom:1;}
.index-links .txt li{ list-style:none; float:left; width:88px; height:20px; line-height:20px; margin-right:5px; overflow:hidden;}

/*内页栏目*/
.sidebar{ width:1200px;}
.sidebar .sb_nav{ float:left; width:214px; padding-top:45px; }
.sidebar .sb_nav h3.title{ text-align:left;  background:url(../images/idx_18.jpg) no-repeat;width:214px;height:45px;color:#fff;font-size:16px; line-height:45px; text-align:center; font-family:"Microsoft YaHei";}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{ width:212px; border:1px solid #ccc;  padding-top:10px;}
#sidebar dl{ }
#sidebar dl dt{}
#sidebar dl dt a{ width:214px;height:40px;margin-top:10px; display:block; color:#333; text-align:center; font:normal 18px "Microsoft YaHei";  }
#sidebar dl dt a:hover{ color:#fff; background-color:#0574c6; background-image:none; font:normal 18px/40px "Microsoft YaHei"; text-align:center; display:block; }
#sidebar dl dd{}
#sidebar dl dd h4{ padding:5px 0px 5px 10px; background:url(../images/dt-0.gif) no-repeat left center;}
#sidebar dl dt.on a{ color:#fff; background-color:#b50000;}
#sidebar dl h4.on a{color:#fff; background-color:#b50000; font-family:"Microsoft YaHei";}
.sidebar .sb_box{ float:right; width:950px;  overflow:hidden; padding-top:10px; }

.detail_titles{ width:1200px; margin:0 auto; background:#fff; overflow:hidden; height:55px; border-bottom:1px solid #ccc; margin-top:30px;  }
.detail_titles h3.title{ line-height:55px; font-size:14px; font-family:"Microsoft YaHei";}
.detail_titles h3.title span{ display:block;float:left; color:#000; font:normal 24px/55px "Microsoft YaHei";}
.detail_titles h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; padding-right:20px;  }
.detail_titles h3.title div.position a{ color:#666;}
.detail_titles h3.title div.position a:hover{ color:#dd231a;}
.detail_titles h3.title img{ display:block; margin-top:20px; float:left; margin-left:16px;}
.detail_titles h3.title div.detail_phone img{ display:block; width:110px; height:23px; float:left; margin-left:120px;}
.detail_titles h3.title div.detail_phone p{ color:#dd231a; float:left; font:bold 24px/55px "Microsoft YaHei"; float:left; margin-left:6px; margin-top:3px;}

/*内页二级*/
.leftsidebar_box{width:214px;height:auto !important;overflow:visible !important;}
.leftsidebar_box dt{background-repeat:no-repeat;background-position:10px center;color:#f5f5f5;font-size:14px;position:relative;line-height:48px;cursor:pointer;}
.leftsidebar_box dd{ height:35px; border-bottom:1px dashed #ccc; width:214px; }
.leftsidebar_box dd a{color:#333; font:normal 14px/35px "Microsoft YaHei"; display:block; text-align:center;}
.leftsidebar_box dd a:hover{ display:block;  color:#0574c6;}
.leftsidebar_box dt img{position:absolute;right:10px;top:20px; width:176px; height:19px;}

/*内页头部*/
.detail_head{ width:100%; height:60px; border-bottom:3px solid #0574c6; background-position:center center; margin:0 auto;}
.details{ width:1200px; margin:0 auto;}
.rolls{ width:1200px;}
.rolls li{ float:left; margin-right:25px;}
.rolls li a{ display:block; color:#333; font:normal 16px/60px "Microsoft YaHei";}
.rolls li a:hover{ display:block; color:#dd231a; font:normal 16px/60px "Microsoft YaHei"; text-decoration:underline;}

.de_pros{ width:212px; height:auto; border:1px solid #ccc; float:left; padding:10px 0px;}
.de_proname{ float:left; margin-left:15px;}
.de_proname li{ float:left;}
.de_proname li a{ display:block; color:#333; font:normal 18px/40px "Microsoft YaHei";}
.de_proname li a:hover{ display:block; color:#dd231a; font:normal 16px/40px "Microsoft YaHei"; text-decoration:underline;}



* { padding:0; margin:0; border:0px; outline:none; list-style:none; }
body { font-size:13px; font-family:"微软雅黑"; color:#666666; background:#ffffff; overflow-y:visible; overflow-x:hidden;}
a:active, a:hover { color:#dd231a; text-decoration:none; }
a img { border-style:none; }
ul,li, dl { list-style:none; padding:0; margin:0; }
h1, h2, h3, h4, h5, h6, h7, h8 { font-weight:normal;}
dl, dt, dd { display:block; margin:0; }
*{ list-style:none;}
.clear { clear:both; }
/*网页头部*/
.head{ width:1200px; height:135px; margin:0 auto;}
.logo img{ display:block; height:79px; margin-top:28px; float:left;}
.phone{ width:275px; float:right; margin-top:40px;}
.phone img{ display:block; width:52px; height:52px; float:left; margin-top:3px;}
.phone span{ display:block; color:#333; font:normal 16px "Microsoft YaHei"; float:right; margin-right:135px;}
.phone p{ color:#0574c6; font:bold 30px "Microsoft YaHei"; float:right;}

/*导航*/
.navs_bg{ width:100%; height:50px; background:#0574c6; background-position:center center; margin:0 auto;}

.navlist{width:1200px; margin:0 auto;}
.navs {display:table; width:950px; float:left;}
.navs_w{ width:950px; margin:0 auto;}
.nav_name {list-style:none; width:950px; margin:0 auto;}
.nav_name ul {opacity:0;position:absolute;top:160%;visibility:hidden;transition:all .4s ease;-webkit-transition:all .4s ease;  z-index:9999; background:#0574c6;  }
.nav_namel ul ul {top:0%;left:220%;}
.nav_name ul li:hover > ul {top:0%;left:100%;opacity:1;visibility:visible;}
.nav_name li:hover > ul {opacity:1;top:100%;visibility:visible;}
.nav_name li {float:left; position:relative; }
.nav_name ul li {float:none; }
.nav_name li {cursor: pointer; }
.nav_name li a{text-decoration:none;display:block;color:#fff;text-align:center; font:normal 16px/50px "Microsoft YaHei"; text-align:center;width:134px;}
.nav_name li a:hover,.on1{ background:#dd231a;}
.nav_name ul li a{ display: block;
    width: 134px;
    float: none;
    margin-left: 0px;
    height: 30px;
    position: relative;
    line-height: 30px;
    color: #fff;
    font-family: "微软雅黑";
    font-size: 14px;
    float: left;
    position: relative;
    border-bottom: 1px solid #3791d0;}
.nav_name ul li a:hover {font:normal 14px/30px "Microsoft YaHei"; color:#dd231a;  border-top:none;width:134px; padding:0; background:none; height:30px; background:rgba(11,81,183,0.5);  !important;}
.head_search{width:207px;float:right;margin-top:10px;}
.boxs{ height:30px; width:207px; line-height:30px; font-size:12px; }
.text{ width:160px; height:100%; float:left; padding-left:5px; font-family:"Microsoft YaHei";}
.btnSubmit{ width:40px; height:30px; background:#dd231a; color:#fff; font-family:"微软雅黑"; font-size:12px;}


/*banner*/
.flash{ width:100%; height:480px; margin:0 auto; overflow:hidden; _zoom:1; position:relative; *zoom:1;}
.flash1{ width:1000px; height:480px; margin:0 auto; position:relative;}
.flash2{ width:1920px; height:480px; position:absolute; left:-460px;}
.flexslider{margin:0 auto;position:relative;width:1920px;height:480px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:3px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

/*产品分类*/
.prods{ width:1200px; margin:0 auto; margin-top:50px;}
.title01 img{ display:block; width:878px; height:30px; margin:0 auto;}
.prods_name{ width:1250px; overflow:hidden;}
.prods_name li{float:left; margin-right:25px; margin-top:30px;}
.prods_name li a{ display:block; width:221px; height:214px; background:url(../images/pro_bg.jpg) no-repeat; float:left; }
.prods_name li a:hover{ display:block; width:221px; height:214px; background:url(../images/pro_bgs.jpg) no-repeat; float:left; }
.prods_name li a img{ display:block; width:80px; height:80px; margin:0 auto; display:block; margin-top:35px;}
.prods_name li a p{ display:block; color:#333; font:normal 18px/40px "Microsoft YaHei"; width:170px; border-bottom:1px solid #ccc; margin:0 auto; text-align:center; margin-top:20px;}
.prods_name li a:hover p{ display:block; color:#0574c6; font:normal 16px/40px "Microsoft YaHei"; width:170px; border-bottom:1px solid #0574c6; margin:0 auto; text-align:center; margin-top:20px;}

/*关于我们*/
.index01{ width:1200px; margin:0 auto; margin-top:50px;}
.abouts{ width:663px; float:left;}
.title02 img{ display:block; width:663px; height:37px; margin:0 auto;}
.about_left img{ display:block; width:255px; height:184px; float:left; margin-top:20px;}
.about_right{ width:390px; float:right; color:#333; font:normal 14px/24px "Microsoft YaHei"; word-break: break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; margin-top:20px;}
.about_right a{ display:block; width:70px; height:25px; background:#0574c6; color:#fff; font:normal 12px/25px "Microsoft YaHei"; text-align:center; margin-top:15px;}
.about_right a:hover{ display:block; width:70px; height:25px; background:#dd231a; color:#fff; font:normal 12px/25px "Microsoft YaHei"; text-align:center; margin-top:15px;}

/*行业动态*/
.news{ width:507px; float:right;}
.title03 img{ display:block; width:507px; height:37px; margin:0 auto;}
.news01{ width:507px; margin:0 auto; margin-top:20px;}
.news01 li{ width:507px; float:left;}
.news01 li a img{ display:block; float:left;}
.news01 li a span{ width:323px; display:block; float:right; color:#333; font:bold 14px "Microsoft YaHei"; margin-top:5px;}
.news01 li a:hover span{ width:323px; display:block; float:right; color:#dd231a; font:bold 14px "Microsoft YaHei"; margin-top:5px; text-decoration:underline;}
.news01 li a p{ display:block; float:left; color:#333; font:normal 14px/22px "Microsoft YaHei"; word-break: break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; width:323px; float:right; margin-top:10px;}
.news02{ width:507px; margin:0 auto;}
.news02 li{ width:507px; float:left;}
.news02 li a{ display:block; color:#333; font:normal 14px/24px "Microsoft YaHei"; margin-top:3px;}
.news02 li a:hover{ display:block; color:#dd231a; font:normal 14px/24px "Microsoft YaHei"; margin-top:3px; text-decoration:underline;}

/*资质证书*/
.index02{ width:1200px; margin:0 auto; margin-top:50px;}
.honor{ width:284px; float:left;}
.title04 img{ display:block; width:284px; height:36px; margin:0 auto;}
.honor_img img{ display:block; width:168px; height:238px; margin:0 auto; margin-top:20px;}

/*公司新闻*/
.dope{ width:574px; float:left; margin-left:30px;}
.news03{ width:574px; margin:0 auto;}
.news03 li{ float:left; margin-right:15px;}
.news03 li a img{ display:block; border:1px solid #ccc;}
.news03 li a:hover img{ display:block; border:1px solid #dd231a;}
.box{  margin:0 auto; margin-top:20px;}
.list_lh{ height:125px; overflow:hidden;}
.list_lh li{ width:560px; margin-top:10px; }
.list_lh li.lieven{ background:#F0F2F3; }
.list_lh li p{ height:24px; line-height:24px;}
.list_lh li p a{ float:left;}
.list_lh li p a:hover{ float:left; color:#dd231a; display:block;}
.list_lh li p em{ width:80px; font:normal 12px/24px Arial; color:#FF3300; float:right; display:inline-block;}
.list_lh li p span{ color:#999; float:right;}
.list_lh li p a.btn_lh{ background:#28BD19; height:17px; line-height:17px; color:#fff; padding:0 5px; margin-top:4px; display:inline-block; float:right;}
.btn_lh:hover{ color:#fff; text-decoration:none;}
.btm p{ font:normal 12px/24px 'Microsoft YaHei'; text-align:center;}

/*联系我们*/
.cons{ width:282px; float:right;}
.title05 img{ display:block; width:282px; height:37px; margin:0 auto;}
.cons_text{ width:282px; color:#333; font:normal 14px/21px "Microsoft YaHei"; margin-top:10px;}
.cons_img{ width:282px; margin:0 auto; margin-top:10px;}
.cons_img h1 a img{ display:block; width:125px; height:60px; float:left;}
.cons_img h2 a img{ display:block; width:125px; height:60px; float:right;}

/*产品展示*/
.pro_show{ width:1200px; margin:0 auto; margin-top:50px;}
.title06 img{ display:block; width:878px; height:30px; margin:0 auto;}
.pro_shows{ width:1250px; overflow:hidden;}
.pro_shows li{ float:left; margin-right:20px; margin-top:30px;}
.pro_shows li a img{ display:block; border:1px solid #ccc;}
.pro_shows li a:hover img{ display:block; border:1px solid #dd231a;}
.pro_shows li a h5{ display:block; color:#333; font:normal 16px "Microsoft YaHei"; text-align:center; margin-top:3px;}
.pro_shows li a:hover h5{ display:block; color:#dd231a;  text-align:center; margin-top:3px; text-decoration:underline;}

/*网页底部*/
.foots_bg{ width:100%; height:120px; background:#015fbc; background-position:center center; margin:0 auto; margin-top:50px;}
.foots{ width:1200px; margin:0 auto;}
.foots01{ width:235px; float:left; margin-top:30px;}
.foots01 img{ display:block; float:left; margin-right:15px;}
.foots01 p{ color:#fff; font:normal 14px "Microsoft YaHei";}
.foots01 p span{ font:normal 16px "Microsoft YaHei"; text-transform:uppercase;}
.foots02{ width:235px; float:left; margin-top:30px; margin-left:100px;}
.foots02 img{ display:block; float:left; margin-right:15px;}
.foots02 p{ color:#fff; font:normal 14px "Microsoft YaHei";}
.foots02 p span{ font:normal 16px "Microsoft YaHei"; text-transform:uppercase;}
.foots03{ width:235px; float:left; margin-top:30px; margin-left:100px;}
.foots03 img{ display:block; float:left; margin-right:15px;}
.foots03 p{ color:#fff; font:normal 14px "Microsoft YaHei";}
.foots03 p span{ font:normal 16px "Microsoft YaHei"; text-transform:uppercase;}
.foots04{ width:235px; float:right; margin-top:30px;}
.foots04 img{ display:block; float:left; margin-right:15px;}
.foots04 p{ color:#fff; font:normal 14px "Microsoft YaHei";}
.foots04 p span{ font:normal 16px "Microsoft YaHei"; text-transform:uppercase;}
.bottoms_bg{ width:100%; height:195px; background:#0262c2; background-position:center center; margin:0 auto;}
.bottoms{ width:1200px; margin:0 auto;}
.bo_text{ color:#fff; font:normal 14px/195px "Microsoft YaHei"; float:left;}
.qr{ width:115px; float:right; margin-top:30px;}
.qr img{ display:block; width:115px; height:115px;}
.qr p{ color:#fff; font:normal 12px "Microsoft YaHei"; text-align:center; margin-top:10px;}

/*产品目录*/
.syxmfenlei{ margin:0 auto;}
.syxmfenlei .feileibox { float:left; color : #0574c6;font-size : 18px;font-weight : bold; }
.syxmfenlei .feileibox .xmtitle { float:left;color : #0574c6;font-size : 18px;font-weight : bold;border-bottom : 1px solid #ccc; line-height:40px; width:950px; height:40px; margin-top:35px;}
.syxmfenlei .feileibox .xmtitle a {color : #0574c6;text-decoration : none;}
.syxmfenlei .feileibox .xmfenlei ul {padding : 0;margin : 0;list-style : none; margin-top:50px;}
.syxmfenlei .feileibox .xmfenlei li {float : left;width :50%; font-size : 14px; }
.syxmfenlei .feileibox .xmfenlei li a {color : #333;text-decoration : none; font:normal 16px/35px "Microsoft YaHei"; float:left;}
.syxmfenlei .feileibox .xmfenlei li a:hover {color : #dd231a;text-decoration : underline;}
.Number{display:block; height:39px; line-height:39px; margin-bottom:22px;}
.Number em{display:block; color:#ea3e2a; font-size:14px; font-weight:bold; padding-left:25px; margin-right:16px; float:left;}
.Number em.n1{background:url(../images/n1.png) no-repeat left center;}
.Number em.n2{background:url(../images/n2.png) no-repeat left center;}
.Number em.n3{background:url(../images/n3.png) no-repeat left center;}
.Number em.n4{background:url(../images/n4.png) no-repeat left center;}
.Number em.n5{background:url(../images/n5.png) no-repeat left center;}
.wx{
	display:none; z-index:99999; position:absolute; right:0px;
	top:240px;
	}
.tj_news_out,.tj_product_out{
	padding-top:10px;
	padding-bottom:20px;
}
.tj_news_tit,.tj_product_tit{
	border-bottom:1px solid #ccc;
	height:30px;
}
.tit_l{
	float:left;
	font-size:16px;
}
.tit_m{
	float:right;
}
.tj_news_out li{
	border-bottom:1px dashed #ccc;
	height:28px;
	line-height:28px;
	list-style-type:armenian;
}
.tj_product_out ul,.tj_news_out ul{
	clear:both;
	padding-top:10px;
}
.tj_product_out li{
	float:left;
width: 215px; margin-left: 10px; margin-right: 10px;
margin-top:10px;
text-align:center;
	}
.tj_product_out li img{
	width:215px;
}
.mlist,.rlist{
	width:270px;
	float:left;
	}
.mlist li,.rlist li{
	width:270px;
	height:30px;
	border-bottom:1px solid #eee;
	line-height:30px;
	}
/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {

	.footer_nav{display:none;}

}
/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {

	.footer_nav {width: 100%;height:auto;z-index:9999;bottom:0px;overflow: hidden;position: fixed; display:block;}
.footer-b {width: 100%;height: auto;margin: 0 auto;background: #0262c2; /*bg color*/overflow: hidden;text-align:center;}
.ul_bot{ margin:0px; padding:0px;margin-top:0.5em;  list-style:none; text-align:center;  }
.ul_bot li{width:100%;height: 3.5em;float: left;text-align:center;list-style:none; line-height:3.5em;}
.ul_bot li a{color:#fff; font:normal 16px "微软雅黑"; }

}

#imglist{ display: block; overflow: hidden; padding: 30px 0 }
#imglist ul{ list-style: none;display: block; overflow: hidden;  }
#imglist ul li{ width: 23.5%; float: left;display: block; overflow: hidden;  margin-right: 2%; margin-bottom: 30px; border:none; }
#imglist ul li:nth-child(4n){ margin-right: 0; }
#imglist ul li .img{ border:1px solid #ddd; display: block; overflow: hidden; }
#imglist ul li h3{ text-align: center; color: #333; line-height: 40px;font-size: 15px; }
#imglist ul li h3 a{ display: block; }