@charset "utf-8";
/* CSS Document */

body { font-family: sans-serif, Arial; font-size:12px; color:#111; overflow-x:hidden; background-color:#FFF; word-spacing:0px; letter-spacing:1px;}
* { margin:0; padding:0;}
a { color:#4a4a4a; text-decoration:none;}
a:hover {text-decoration:none; cursor:pointer}
.clear{clear:both;}
img{ border:0}
ul{list-style-type:none}

.header{ width: 100%; height: 40px; overflow: hidden; background-color: #262626 }
.header .content{ width: 1200px; height: 40px; overflow: hidden; margin: 0 auto;}
.header .content p{ float: left; }
.header .content .txt1{ color: #fff; font-size: 13px; line-height: 40px;}
.header .content .tel{ float: right; color: #ea0001; font-size: 14px; line-height: 40px; background: url(../images/header_tel.png); background-repeat: no-repeat; background-position: 0px 12px; padding-left: 25px; font-family: Arial;}
.header .content .search{ float: right; width: 210px; height: 28px; overflow: hidden; margin-top: 6px; margin-left: 19px;}
.header .content .search .keywords{ float: left; width: 166px; height: 28px; border: none; background-color: transparent; padding: 0 6px; color: #fff; outline: medium;}
.header .content .search .search-btn{ float: left; width: 28px; height: 28px; border: 0px; background-color: none; cursor: pointer; background: url(../images/search-btn.png); background-repeat: no-repeat; background-position: 4px 4px; margin-left: 3px;}
.header .content .search:hover{ background-color: #333333 }

.top{ float: left; width: 100%; height: 100px; background:rgba(0,0,0,.6); position: absolute; top:40px; z-index: 999}
.top .content{ width:1200px; height:100px; overflow:hidden; margin:0 auto;} 
.top .content .logo{ float:left; margin:14px 0 0 0}
.top .content .dh{ float:right; height:100px; font-size:15px;}
.top .content .dh .xian{ float:left; width:1px; height:14px; background-color:#b3b3b3; margin:45px 5px 0 5px;}
.top .content .dh li{ float:left;}

.top .content .dh li .dh_a{ float:left; height:100px; padding:0 25px 0 25px; color: #fff; line-height: 100px;}
.top .content .dh li .dh_a:hover{ color: #ea0001 }
.top .content .dh li .dh_xl{ float:left; position:absolute; width:111px; margin-top:98px; background:rgba(0,0,0,.6); z-index:999; padding:10px 0 15px 0; border-top:#ea0001 2px solid; border-bottom:#333 1px solid; display:none}
.top .content .dh li .dh_xl a{ float:left; width:100%; overflow:hidden; height:38px; overflow:hidden; color:#fff; font-size:14px; line-height:38px; text-align: center;}
.top .content .dh li .dh_xl a span{ }
.top .content .dh li .dh_xl a:hover{ color:#e50112}

.top .content .dh li:hover .dh_a{ border-bottom:#e50112 3px solid}
/*.top .dh li:hover .dh_xl{ display:block}*/

.flash{ float:left; width:100%; height:740px; position:relative; overflow:hidden;}
.flash .num { overflow:hidden; height:23px; position:absolute; bottom:30px; left:19%; zoom:1;}
.flash .num li{ float:left; margin-right:8px; width:24px; height:23px; background-image:url(../images/flash_dian2.png); background-repeat:no-repeat}
.flash .num li.on{ width:24px; height:23px; background-image:url(../images/flash_dian1.png); background-repeat:no-repeat}
.flash .num li a { width:24px; height:23px; line-height:0px; cursor:pointer; float:left;}
.flash .prev,
.flash .next { display:none; width:24px; height:41px; position:absolute; top:338px;}
.flash .prev { left:5%; background: url(../images/flash_left.png) no-repeat;}
.flash .next { right:5%; background: url(../images/flash_right.png) no-repeat;}
#flash_pic{ width:1920px; height:740px; position:absolute; left:50%; margin-left:-960px; display:block;}
#flash_pic img{ width:1920px; height:740px; }

.fdh{ width: 100%; height: 160px; overflow: hidden; background:rgba(0,0,0,.6); position: absolute; top:620px;}
.fdh .content{ width:1200px; height:160px; overflow:hidden; margin:0 auto;} 
.fdh .content .click{ margin-top: 2px;}
.fdh .content .down{ margin-left: 590px; cursor: pointer;}
.fdh .content .up{ margin-left: 590px; cursor: pointer; display: none;}

.fdh .content .list{ float:left; width:1200px; height:138px; overflow:hidden; margin:0 auto;}
.fdh .content .list .xian{ float: left; width: 1px; height: 100px; background-color: #fff; margin:12px 50px 0 38px;}
.fdh .content .list ul{ float:left; width:220px; height:120px; overflow:hidden; margin-left: 16px; background-color: #ff3300}
.fdh .content .list ul li{ float:right; width:88px; height:22px; overflow:hidden; font-size:13px; line-height:20px; margin-left:132px; color:#FFF}
.fdh .content .list ul li a{ color:#fff}
.fdh .content .list ul li a:hover{ color:#ea0001}
.fdh .content .list ul li strong{ font-size:14px; color:#ea0001}
.fdh .content .list .ul1{ background: url(../images/fdh_bg1.png) no-repeat; }
.fdh .content .list .ul2{ background: url(../images/fdh_bg2.png) no-repeat; }
.fdh .content .list .ul3{ background: url(../images/fdh_bg3.png) no-repeat; }
.fdh .content .list .ul4{ background: url(../images/fdh_bg4.png) no-repeat; width: 207px; margin-right: 0px; }

.index_product{ width: 100%; height: 756px; background: url(../images/index_pro_bg.jpg) no-repeat; }
.index_product .content{ width: 1200px; height: 696px; margin: 0 auto; overflow: hidden; }
.index_product .content .tit{ width: 530px; height: 80px; float: left; margin-top: 66px;}
.index_product .content .tit .t1{ font-size: 24px; color: #ea0001; font-weight: bold; margin-right: 15px;}
.index_product .content .tit .t2{ font-size: 23px; color: #262626; font-weight: bold;}
.index_product .content .tit .t3{ font-size: 13px; color: #989898; margin-top: 11px;}
.index_product .content .menu{ height: 44px; float: right; width: 100%; /*margin-top: 80px;*/}
.index_product .content .menu a{ float: left; padding: 0px 26px; height: 44px; line-height: 44px; font-size: 14px; color: #333; text-align: center; background-color: #e9e9e9; border-right: #fff 1px solid; margin: 0 8px 8px 0;}
.index_product .content .menu a:hover{ background-color: #ea0001; color: #fff  }
.index_product .content .list{ float: left; width: 1200px; margin-top: 70px;}
.index_product .content .list ul{ float: left; width: 1200px; }
.index_product .content .list ul li{ float: left; width: 272px; height: 198px; overflow: hidden; margin: 0px 20px 28px 10px}
.index_product .content .list ul li:nth-child(4){ margin-right: 0px; }
.index_product .content .list ul li:nth-child(8){ margin-right: 0px; }
.index_product .content .list ul li a{ float: left; width: 272px; height: 198px; overflow: hidden;}
.index_product .content .list ul li a img{ float: left; width: 272px; height: 162px; }
.index_product .content .list ul li a span{ float: left; width: 272px; height: 36px; overflow: hidden; text-align: center; line-height: 36px; background-color: #e9e9e9; font-size: 13px; color: #313131}
.index_product .content .list ul li a:hover span{ background-color: #ea0001; color: #fff  }

.index_about{ width: 100%; height: 544px; background: url(../images/index_about_bg.jpg) no-repeat; }
.index_about .content{ width: 1200px; height: 696px; margin: 0 auto; overflow: hidden; }
.index_about .content .jianjie{ width: 530px; overflow: hidden; float: left; margin-top: 98px;}
.index_about .content .jianjie .t1{ font-size: 24px; color: #ea0001; font-weight: bold; margin-right: 26px; letter-spacing: 2px;}
.index_about .content .jianjie .t2{ font-size: 23px; color: #fff; font-weight: bold; letter-spacing: 2px;}
.index_about .content .jianjie .t3{ font-size: 14px; color: #eeeeee; margin-top: 28px; line-height: 34px;}
.index_about_more{ margin-top: 36px; }
.index_about .content .img{ float: left; margin-top: 100px; margin-left: 56px; position: relative;}
.index_about .content .img .img1{ float: left; position: absolute; margin-top: 90px;}
.index_about .content .img .img2{ float: left; width: 560px; height: 330px; position: absolute; margin-left: 40px;}

.index_news{ width: 100%; height: 525px;}
.index_news .content{ width: 1200px; height: 525px; margin: 0 auto; overflow: hidden; }
.index_news .content .tit{ width: 1200px; height: 44px; float: left; margin-top: 56px;}
.index_news .content .tit .t1{ font-size: 24px; color: #ea0001; font-weight: bold; margin-right: 15px;}
.index_news .content .tit .t2{ font-size: 23px; color: #262626; font-weight: bold;}
.index_news .content .list{ float: left; width: 1200px; height: 356px; overflow: hidden; margin-top: 20px;}
.index_news .content .list li{ float: left; width: 340px; margin-right: 90px; }
.index_news .content .list li:nth-child(3){ margin-right: 0px; }
.index_news .content .list li a{ float: left; width: 340px; height: 356px; overflow: hidden; position: relative; }
.index_news .content .list li a:hover{ background-color: #fcfdff }
.index_news .content .list li .img{width: 340px; height: 173px; }
.index_news .content .list li .img_xian{ width: 50px; height: 3px; background-color: #000}
.index_news .content .list li .t1{ width: 340px; height: 26px; font-size: 14px; line-height: 26px; color: #222; margin-top: 16px;}
.index_news .content .list li .date{ width: 340px; color: #a4a4a4; font-size: 12px; margin-top: 5px;}
.index_news .content .list li .t2{ width: 340px; max-height: 66px; overflow: hidden; font-size: 12px; line-height: 22px; color: #666; margin-top: 10px;}
.index_news .content .list li .more{ color: #000; line-height: 18px; margin-top: 10px;}
.index_news .content .list li .more_xian{ width: 23px; height: 2px; background-color: #000; margin-top: 5px;}
.index_news .content .list li a:hover .more{ color: #ea0001 }
.index_news .content .list li a:hover .img_xian{ width: 100%; background-color: #ea0001 }
.index_news .content .list li a:hover .more_xian{ background-color: #ea0001 }

.bottom{ width: 100%; overflow: hidden; background: url(../images/bottom_bg.gif); padding: 50px 0 40px 0}
.bottom .content{ width: 1200px; margin: 0 auto; overflow: hidden;}
.bottom .content .con1{ float: left; width: 638px; position: relative;}
.bottom .content .con1 ul{ width: 100% }
.bottom .content .con1 ul li{ float: left; width: 212px;}
.bottom .content .con1 ul li .t1{ font-size: 15px; color: #fff; line-height: 30px; font-weight: bold; padding-bottom: 5px;}
.bottom .content .con1 ul li .link{ font-size: 13px; line-height: 30px; color: #acabab }
.bottom .content .con1 ul li .link a{ color: #acabab}
.bottom .content .con1 ul li .link a:hover{ color: #fff}
.bottom .content .con1 ul li:nth-child(2){ width: 419px;}
.bottom .content .con1 ul li .link_pro{ float: left; width:200px;  }
.bottom .content .con1 .flink{ float: left; width: 100%; font-size: 13px; line-height: 28px; margin-top: 36px; color: #acabab}
.bottom .content .con1 .flink a{ color: #acabab; margin-right: 10px;}
.bottom .content .con1 .flink a:hover{ color: #fff }

.bottom .content .con2{ float: left; width: 300px; margin-left: 60px;}
.bottom .content .con2 .t1{ font-size: 15px; color: #fff; line-height: 30px; font-weight: bold; padding-bottom: 5px;}
.bottom .content .con2 .cs1{ height: 41px; line-height: 41px; background: url(../images/bottom_tel.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 63px; padding-bottom: 10px; font-size: 30px; color: #ea0001; font-family: arial; margin-top: 15px;}
.bottom .content .con2 .cs2{ font-size: 16px; color: #ea0001; line-height: 36px;}
.bottom .content .con2 .cs3{ font-size: 14px; color: #acabab; line-height: 33px;}
.bottom .content .con2 .online{ font-size: 13px; margin-top: 16px;}
.bottom .content .con2 .online a{ display: inline-block; color: #acabab; border: #acabab 1px solid; line-height: 33px; padding: 0 18px;}
.bottom .content .con2 .online a:hover{ color: #ea0001; border: #ea0001 1px solid; }

.bottom .content .con3{ float: right; margin-top: 37px;}
.bottom .content .con3 .t1{ font-size: 15px; color: #fff; line-height: 30px; font-weight: bold; padding-bottom: 5px; text-align: center;}
.bottom .content .con3 .img{ width: 140px; height: 140px; margin-top: 16px; }

.foot{ width: 100%; height: 48px; line-height: 48px; background-color: #171717; text-align: center; font-size: 13px; color: #a6a6a6}
.foot span{ margin: 0 15px 0 15px; }
.foot a{ color: #a6a6a6 }

.banner{ width:100%; height:410px; background-repeat:no-repeat; background-position:center 0px;}
/*.banner_about{ background-image:url(../images/banner_about.jpg)}
.banner_application{ background-image:url(../images/banner_application.jpg)}
.banner_contact{ background-image:url(../images/banner_contact.jpg)}
.banner_news{ background-image:url(../images/banner_news.jpg)}
.banner_products{ background-image:url(../images/banner.jpg)}*/

.nei{ width:1200px; margin:0 auto; overflow:hidden; margin-top:66px; margin-bottom: 100px;}
.nei_left{ float:left; width:240px; overflow:hidden; position: relative;}
.nei_right{ float:right; width:915px; overflow:hidden; border:#e8e8e8 1px solid; position: relative;}

.left_01{ float:left; width:238px; min-height:100px; padding:10px 0 20px 0; margin-top:10px; border:#e8e8e8 1px solid; position:relative;}
.left_01 .tit{ position:absolute; width:240px; height:74px; overflow:hidden; background-color:#202020; border-radius:4px; margin-top:-20px; margin-left:-1px; background-image:url(../images/left_01_tit_bg.png); background-repeat:no-repeat; background-position:186px 26px}
.left_01 .tit .cn{ font-size:20px; line-height:20px; color:#fff; margin:17px 0 0 30px}
.left_01 .tit .en{ font-size:12px; line-height:12px; color:#FFF; margin:6px 0 0 30px}

.left_01 .menulist{ width:238px; overflow:hidden; margin-top:54px}
.left_01 .menulist .mldiv{ float: left; width: 238px; overflow: hidden;}
.left_01 .menulist a{ float:left; width:158px; height:44px; overflow:hidden; font-size:14px; line-height:44px; padding:0 10px 0 31px; border-bottom:#e8e8e8 1px solid}
.left_01 .menulist a:last-child{ border-bottom: 0px; }
.left_01 .menulist a:hover{ color:#ea0001}
.left_01 .menulist a span{ float:left}
.left_01 .menulist font{ float:left; width: 22px; height: 44px; font-size: 14px; line-height: 44px; text-align: center; cursor: pointer; user-select: none;}
.left_01 .menulist font:hover{ color:#ea0001 }
.left_01 .menulist .cur{ color:#202020}
.left_01 .menulist a.erji span{ margin-left: 15px; }

.left_01 .menulist .mldiv_chi{ display: none; }
.left_01 .menulist .show{ display: block; }

.left_02{ float:left; width:238px; min-height:100px; padding:10px 0 15px 0; margin-top:10px; border:#e8e8e8 1px solid; position:relative; margin-top:21px}
.left_02 .tit{ position:absolute; width:240px; height:60px; overflow:hidden; background-color:#202020; border-radius:4px; margin-top:-20px; margin-left:-1px; background-image:url(../images/left_01_tit_bg.png); background-repeat:no-repeat; background-position:186px 21px}
.left_02 .tit .cn{ font-size:20px; line-height:20px; color:#fff; margin:20px 0 0 30px}
.left_02 .con1{ width:205px; overflow:hidden; margin-top:56px; border-bottom:#e8e8e8 1px solid; padding:0 13px 16px 20px;}
.left_02 .con1 p{ font-size:13px; padding-bottom:10px;}
.left_02 .con1 .tel400{ font-size: 28px; font-family: Arial; color: #ea0001; font-weight: bold;}
.left_02 .con2{ margin:0 13px 0 20px; font-size:12px; line-height:18px; padding-top:5px}
.left_02 .con2 .company{ font-size:14px; font-weight:bold}
.left_02 .con2 p{ margin-top:10px; line-height: 22px;}

.right_tit{ height:66px; overflow:hidden; background-color:#fafafa; border-bottom:#e8e8e8 1px solid}
.right_tit .rt_left{ float:left; font-size:20px; line-height:66px; color:#212121; margin-left:20px; font-weight: bold;}
.right_tit .rt_date{ float:left; font-size:15px; line-height:66px; color:#bbb; margin-left:35px; font-family: Arial}
.right_tit .rt_here{ float:right; font-size:13px; line-height:66px; margin-right:38px; color:#999}
.right_tit .rt_here a{ color:#999}
.right_tit .rt_here a:hover{ color:#ea0001}
.right_tit .rt_here font{ color:#ea0001}

.right_con{ min-height: 500px; overflow:hidden; margin:15px 20px 35px 20px; font-size:13px; line-height:26px}
.right_con p{ margin-top:10px;}

.right_con table{ border-left: #ccc 1px solid ; border-top: #ccc 1px solid }
.right_con table td{ border-bottom: #ccc 1px solid; border-right: #ccc 1px solid }

.right_prolist{ overflow:hidden; margin:25px 0 35px 10px;}
.right_prolist li{ float: left; width: 272px; height: 198px; overflow: hidden; margin: 0px 13px 28px 13px}
.right_prolist li:nth-child(3){ margin-right: 0px; }
.right_prolist li:nth-child(6){ margin-right: 0px; }
.right_prolist li:nth-child(9){ margin-right: 0px; }
.right_prolist li:nth-child(12){ margin-right: 0px; }
.right_prolist li:nth-child(15){ margin-right: 0px; }
.right_prolist li a{ float: left; width: 272px; height: 198px; overflow: hidden;}
.right_prolist li a img{ float: left; width: 272px; height: 162px; }
.right_prolist li a span{ float: left; width: 272px; height: 36px; overflow: hidden; text-align: center; line-height: 36px; background-color: #e9e9e9; font-size: 13px; color: #313131}
.right_prolist li a:hover span{ background-color: #ea0001; color: #fff  }

.prodetail{ float: left; }
.prodetail img{ float: left; width: 353px; height: 210px; margin: 30px 0 0 25px; border:#ececec 1px solid; padding: 1px;}
.prodetail .txt{ float: left; margin: 25px 0 0 25px;}
.prodetail .txt p{ font-size: 16px; line-height: 40px; color: #333; font-weight: bold;}

.comtitle{ width: 100%; background:#fafafa; font-size:20px; line-height:35px; font-weight:bold; border:1px solid #e8e8e8; border-right: 0px; border-left: 0px; padding:8px 15px; margin:25px 0px; color: #ea0001}

.newslist{ overflow: hidden; }
.newslist li{ float: left; width: 100%; height: 44px; overflow: hidden; border-bottom:#ececec 1px solid;}
.newslist li a{ float: left; width: 100%; height: 44px; overflow: hidden; font-size: 14px; line-height: 44px;}
.newslist li span{ margin-left: 25px; }
.newslist li font.date{ float: right; width: 100px; font-size: 12px; color: #888; font-family: Arial}
.newslist li a:hover span{ color: #ea0001 }


.pages{
    padding: 20px 0; margin-left: 8px;
}
.pages a{
    display: inline-block;
    padding: 5px 15px;
    margin: 5px 5px;
    color: #555;
    background-color: #eee;
    -ms-transition: background .3s linear;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

.pages a:hover{
    color: #eee;
    background-color: #D60024;
}

.pages span{
    display: inline-block;
    padding: 5px 15px;
    margin: 0 5px;
    color: #fff;
    background-color: #D60024;
}


.detail_prev{ margin-left: 10px; font-size: 14px; line-height: 28px; margin-top: 35px; }
.detail_prev a{ text-decoration: underline; }

.detail_next{ margin-left: 10px; font-size: 14px; line-height: 28px; }
.detail_next a{ text-decoration: underline; }

.detail_last{ margin-left: 10px; font-size: 14px; line-height: 28px; margin-top: 6px; margin-bottom: 6px;}
.detail_last span{ color: #999; margin-left: 15px; }
.detail_rels{ margin-left: 10px; font-size: 14px; line-height: 28px; margin-top: 6px; margin-bottom: 6px;}
.detail_rels span{ color: #999; margin-left: 15px; }


.side_nav {
    position: fixed;
    top: 55%;
    right: 0;
    width: 60px;
    z-index: 99999;
}
.side_nav ul li {
    position: relative;
    width: 60px;
    height: 60px;
    float: right;
    margin-bottom: 1px;/* border-bottom: 1px solid #fff; */
}
.side_nav ul li a {
    display: inline-block;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;/*  border-bottom: 1px solid #fff; */
}
/* .side_nav ul li:last-child,.side_nav ul li:last-child a{
    border-bottom: 0;
} */
.current_side_n {
    width: 140px!important;
}
.current_side_n a {
    width: 140px!important;
}
/* .current_side_n span{

} */
.side_nav ul li span {
    /*      display:block; */
    width: 148px;
    height: 148px;
    float: left;
    color: #fff;
    line-height: 60px;
    font-size: 16px;
    margin-left: 60px;
    cursor: pointer;
}
.side_nav ul li span img {
    width: 148px;
    height: 148px;
}
.side_nav_3 a {
    width: 60px;
}
.side_nav_3 a span {
    position: absolute;
    right: 60px;
    bottom: 0;
    margin-left: 0!important;
    display: none;
}
.tel a {
    background: #f49b00 url(../images/24hour_09.png) no-repeat 15px 15px;
}
.QQ a {
    background: #f49b00 url(../images/0013920_47.png) no-repeat 15px -96px;

}
.sub_QR a {
    background: #f49b00 url(../images/0013920_47.png) no-repeat 15px -207px;
}
.back_top a {
    background: #f49b00 url(../images/0013920_47.png) no-repeat 15px -317px;
}