﻿@charset "UTF-8";/*
KISSY CSS Reset
理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
特色：1. 适应中文；2. 基于最新主流浏览器。*//** 清除内外边距 **/body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre,
form, fieldset, legend, button, input, textarea,
th, td{margin: 0;padding: 0;}
/** 设置默认字体 **/body, button, input, select, textarea{font: 12px/1 "Microsoft YaHei"; }
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
address, cite, dfn, em, var{font-style: normal;}
/* 将斜体扶正*/code, kbd, pre, samp{font-family: courier new, courier, monospace;}
/* 统一等宽字体*/small{font-size: 12px;}
/* 小于 12px 的中文很难阅读，让 small 正常化*//** 重置列表元素 **/ul, ol{list-style: none;}
/** 重置文本格式元素 **/
a{text-decoration: none;color: #333;}
a:hover{text-decoration: underline;}
/** 重置表单元素 **/legend{color: #000;}
/* for ie6*/fieldset, img{border: 0;}
/* img 搭车：让链接里的 img 无边框*/button, input, select, textarea{font-size: 100%;}
/* 使得表单元素在 ie 下能继承字体大小*//* 注：optgroup 无法扶正*//** 重置表格元素 **/table{border-collapse: collapse;border-spacing: 0;}
/*浮动*/.fl{float: left;}
.fr{float: right;}
/* 清除浮动*/.cf:after, #websiteContent:after, #header_box:after, #header_nav:after, #action:after, .act-tt:after, #news-main li:after, #search:after, #search dl:after, #product_tit:after{content: '\20';display: block;height: 0;clear: both;}
.cf, #websiteContent, #header_box, #header_nav, #action, .act-tt, #news-main li, #search, #search dl, #product_tit{*zoom: 1;}
.w980, #websiteContent, #header_box, #about, #search, #brand ,#intro,#intro_product,#pro{width: 980px;margin: 0 auto;}
/*banenr*/.banner{height: 404px;width: 100%;overflow: hidden;position: relative;margin-top: 10px;}
.banner .cxslide_x{width: 980px;margin: 0 auto;}
.banner .box{overflow: hidden;position: relative;height: 404px;width: 100%;}
.banner .list{overflow: hidden;width: 9999px;}
.banner .list li{float: left;position: relative;overflow: hidden;}
.banner .list a{display: block;}
.banner .list img{width: 980px;height: 404px;}
.banner .btn{overflow: hidden;position: absolute;bottom: 15px;left: 50%;margin-left: -35px;}
.banner .btn li{float: left;width: 18px;height: 7px;margin: 0 0 0 5px;background: #adb8c1;cursor: pointer;}
.banner .btn .selected{background: #cf0f0f;}
.contaiconc{padding: 17px;font-size: 12px;color: #323232;}
/*.contaiconc img{max-width:100%;}*/
/*footer*/#m-ft{background: #202020;color: #fff;}
.foot-acshoes{width:200px;height:30px;background-color: white;text-align:left;margin-top:12px;margin-left: 20px;}
.ft-top{overflow: hidden;zoom: 1;width: 980px;margin: auto;text-align: center;}
.ft-top-left{float: left;width: 400px;}
.ft-top-left-tel{margin-top: 25px;text-align: left;padding-left: 50px;background: url(../images/ft-tel.png) left center no-repeat;height: 56px;}
.ft-top-tel-cn{font-size: 14px;}
.ft-top-tel-en{font-size: 20px;}
.ft-top-left-con{overflow: hidden;}
.ft-erwei{float: left;width: 95px;}
.ft-qq-img{background: url(../images/qq-img.png);}
.ft-email-img{background: url(../images/email-img.png);}
.ft-weibo-img{background: url(../images/weibo-img.png);}
.ft-qq-img:hover{background: url(../images/qq-img1.png);}
.ft-email-img:hover{background: url(../images/email-img1.png);}
.ft-weibo-img:hover{background: url(../images/weibo-img1.png);}
.ft-erwei div{overflow: hidden;zoom: 1;margin-top: 7px;}
.ft-erwei a{display: block;margin-right: 10px;width: 20px;height: 20px;float: left;}
.ft-info{float: left;text-align: left;margin-left: 15px;color: #666;line-height: 24px;width: 280px;}
.ft-top-right{float: right;width: 510px;}
.ft-top-ul{margin-top: 35px;overflow: hidden;zoom: 1;}
.ft-top-lis{overflow: hidden;zoom: 1;margin-bottom: 12px;width: 240px;margin-left: 10px;float: left;}
.ft-top-lis label{float: left;height: 24px;line-height: 24px;}
.ft-top-lis input{float: left;width: 200px;height: 24px;line-height: 24px;background: #c2c2c2;border: none;}
.ft-top-lis1{float: left;margin-left: 10px;overflow: hidden;zoom: 1;}
.ft-top-lis1 label{float: left;}
.ft-top-lis1 textarea{float: left;height: 72px;width: 450px;background: #c2c2c2;border: none;}
.ft-submit-box{text-align: left;overflow: hidden;zoom: 1;}
.ft-submit{background: #202020;color: #fff;float: left;margin-left: 45px;width: 88px;height: 22px;line-height: 22px;border: none;margin-top: 15px;cursor: pointer;overflow: hidden;}
#tips{float: left;height: 20px;line-height: 20px;color: red;margin-left: 15px;width: 340px;margin-top: 15px;}
.ft-center{background: #3f3d3d;height: 36px;line-height: 36px;margin-top: 25px;}
.ft-center-box{overflow: hidden;zoom: 1;width: 980px;margin: auto;text-align: center;}
.ft-center-copy{float: left;}
.ft-center-right{float: right;}
.ft-center-right a{color: #fff;display: inline-block;padding-left: 10px;}
.ft-center-right a:hover{color: #333;}
.ft-bottom{width: 980px;margin: auto;text-align: center;}
.ft-bottom-inform{color: #5a5a5a;text-align: left;height: 54px;line-height: 54px;}
.ft-bottom-inform a{color: #5a5a5a;}
.ft-bottom-inform a:hover{color: #3f3d3d;}
.share{padding-left: 20px;}
.share a{display: inline-block;margin-left: 6px;color: #333;}
.qq{background: url(../images/qq.png) left center no-repeat;width: 19px;height: 21px;}
.weibo{background: url(../images/weibo.png) left center no-repeat;width: 21px;height: 17px;}
.weixin{background: url(../images/weixin.png) left center no-repeat;width: 22px;height: 17px;}
.share p{font-size: 18px;padding-left: 8px;margin-top: 6px;}
#header{height: 90px;background: #262c32;}
#logo{float: left;height: 90px;}
#logo a{display: inline-block;margin-top: 26px;}
#logo span{font-size: 20px;color: #fff;display: inline-block;margin-top: 34px;margin-left: 11px;vertical-align: top;_zoom: 1;_display: inline;letter-spacing:5px;}
#tool_bar{margin-top: 12px;text-align: right;}
#tool_bar a{color: #999999;display: inline-block;margin-left: 10px;}
#tool_bar .setup{background: url(../images/1_10.png) left center no-repeat;padding-left: 18px;height: 14px;line-height: 16px;}
#tool_bar .coolect{background: url(../images/1_13.png) left center no-repeat;padding-left: 18px;height: 14px;line-height: 14px;}
#tool_bar .language img{display: block;margin-bottom: -2px;}
#header_right{float: right;}
#header_nav{margin-top: 22px;}
#header_nav li{float: left;position: relative;height: 26px;display: block;width: 98px;}
#header_nav li a{display: block;text-align: center;color: #fff;height: 14px;line-height: 14px;border-right: 1px dotted #605e62;border-left: 1px dotted #414449;}
#header_nav .nav_two{z-index: 1000;display: none;position: absolute;background: #fff;border-radius: 2px;padding: 4px;border: 1px solid #fafafa;padding-bottom: 5px;top: 24px;left: 14px;}
#header_nav .nav_two a{display: block;padding: 6px 8px;border: 0;border-bottom: 1px dotted #c9bbbb;color: #333;}
#action{padding-top: 30px;background: #ebebeb;}
#news{float: left;width: 450px;}
.act-tt{border-bottom: 1px solid #d9dddd;line-height: 36px;}
.act-tt-main{float: left;}
.act-tt-main h3{color: #333333;font-size: 16px;}
.act-tt-main div{color: #999999;margin-left: 5px;text-transform: uppercase;}
.act-tt-main h3, .act-tt-main div{float: left;}
.act-tt a{float: right;color: #333;}
#news-main li{margin-top: 15px;}
.news-img{float: left;width: 133px;height: 91px;overflow: hidden;}
.news-img img{width: 133px;height: 91px;}
.news-txt{float: left;width: 300px;margin-left: 15px;text-align: left;}
.news-txt-tt{color: #333333;font-weight: bold;}
.news-txt-main{color: #333;line-height: 21px;height: 42px;overflow: hidden;margin-top: 5px;}
.news-btn{margin-top: 5px;}
.news-btn a{text-align: center;border-radius: 2px;display: block;color: #999;width: 74px;height: 18px;}
#tech-main{margin-top: 10px;height: 192px;}
#tech-main li{line-height: 32px;}
#tech-main a{text-align: left;width: 490px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;float: left;color: #333;}
#tech-main div{float: right;color: #999;}
#tech{float: right;width: 490px;padding-bottom: 50px;}
#about #about_tit{display: block;margin: 0 auto;}
#about_con{line-height: 22px;margin-top: 28px;margin-bottom: 6px;}
.poster-main{position: relative;width: 780px;height: 237px;margin: 0 auto;}
.poster-main a, .poster-main img{display: block;}
.poster-main .poster-list{width: 526px;height: 237px;}
.poster-main .poster-list .poster-item{position: absolute;left: 0;top: 0;}
.poster-main .poster-btn{position: absolute;top: 0;width: 100px;height: 270px;z-index: 10;cursor: pointer;opacity: 0.8;}
.poster-main .poster-prev-btn{left: 0;background: url(../images/btn_l.png) no-repeat center center;}
.poster-main .poster-next-btn{right: 0;background: url(../images/btn_r.png) no-repeat center center;}
#search dl{height: 62px;line-height: 62px;float: left;}
#search dt{float: left;}
#search dd{float: left;}
#search dd a{display: block;position: relative;padding: 0 10px;}
#search dd a:after{width: 1px;height: 10px;background: #333;content: "";display: block;position: absolute;right: 0;top: 27px;}
#search_form{border: 1px solid #d7d4d4;float: right;width: 348px;height: 24px;position: relative;margin-top: 18px;}
#search_form input{border: 0;outline: 0;}
#search_btn{background: url(../images/1_29.png) no-repeat;position: absolute;display: block;width: 29px;height: 24px;cursor: pointer;right: 0;top: 0;text-indent: 100px;overflow: hidden;}
#search_txt{height: 24px;width: 318px;text-indent: 6px;}
#advantage{border-top: 3px solid #f2f2f2;}
#advantage h2{font-size: 30px;margin-top: 40px;margin-bottom: 30px;font-weight: bold;}
#advantage h3{font-size: 24px;margin-top: 16px;margin-left: 12px;}
#advantage h3 span{margin-right: 12px;width: 25px;height: 29px;display: inline-block;line-height: 29px;text-align: center;background-color: #333333;font-family: "SimHei";font-weight: bold;color: #fff;}
#advantage ul{line-height: 20px;}
#advantage li{position: relative;}
#advantage li:after{position: absolute;width: 8px;height: 8px;background: url(../images/1_40.png) no-repeat;display: block;content: "";left: -18px;top: 8px;}
#one_brand{background: url(../images/1_22.png) 140px 86px no-repeat #323232;height: 195px;}
#one_brand h3{padding-top: 24px;margin-left: 26px;color: #fff;}
#one_brand h3 span{background-color: #d82128;}
#one_brand ul{font-size: 16px;color: #fff;margin-left: 460px;line-height: 28px;}
#one_brand li:after{top: 10px;}
.brand_item{width: 472px;height: 158px;border: 1px solid #d1d1d1;position: relative;display: inline-block;margin-top: 18px;*zoom: 1;*display: inline;vertical-align:top;}
.brand_item em{width: 23px;height: 24px;background: url(../images/1_52.png);position: absolute;bottom: 0;right: 0;}
.brand_item ul{width: 192px;margin-left: 260px;position: relative;margin-top: -22px;}
.brand_item ul:after{position: absolute;content: "";width: 11px;height: 123px;background: url(../images/1_37.png) no-repeat;left: -36px;top: -8px;}
.brand_item1{background: url(../images/1_22.png) 15px 70px no-repeat #fff;}
.brand_item2{background: url(../images/1_60.png) 15px 70px no-repeat #fff;margin-left: 28px;}
.brand_item3{background: url(../images/1_57.png) 14px 77px no-repeat #fff;}
.brand_item4{background: url(../images/1_44.png) 24px 70px no-repeat #fff;margin-left: 28px;}
#product{height: 406px;background: #c5c5c5;margin-top: 60px;}
#product_tit{height: 98px;line-height: 98px;}
#product_tit h3{float: left;color: #000;font-size: 24px;font-weight: bold;margin-right: 40px;}
#product_tit a{display: block;float: left;width: 96px;height: 35px;line-height: 35px;background: #fff;border-radius: 3px;text-align: center;font-size: 14px;margin-left: 10px;margin-top: 32px;}
.product_nav{padding: 16px 13px 30px;width: 208px;background: #333;border-radius: 4px;float: left;}
.product_nav li{height: 39px;line-height: 39px;border-bottom: 1px dotted #545252;}
.product_nav a{color: #fff;}
#product_tit a:hover{background: #333;color: #fff;text-decoration: none;}
#product_tit a.active{background: #333;color: #fff;}
.product_cxscroll{position: relative;width: 730px;float: right;}
.product_cxscroll .box{overflow: hidden;width: 730px;}
.product_cxscroll .list{overflow: hidden;width: 9999px;margin-left: -16px;}
.product_cxscroll li{float: left;width: 230px;height: 292px;padding-left: 18px;position: relative;}
.product_cxscroll li img{width: 230px;height: 230px;border: 1px solid #dadada;}
.product_cxscroll li p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: 40px;line-height: 40px;text-align: center;}
.product_cxscroll a{display: block;}
.product_cxscroll a:hover{text-decoration: none;color: #333;}
.product_cxscroll a:hover img{border-color: #333;}
#brand{padding: 32px 0;}
#brand_tit{font-size: 24px;color: #040404;width: 126px;margin: 0 auto;text-align: center;font-weight: bold;position: relative;background: #fff;}
#brand_tit:after{position: absolute;width: 980px;height: 1px;background: #dbd8d8;content: "";left: -425px;top: 12px;z-index: -1;}
#brand_tit:before{position: absolute;width: 54px;height: 3px;background: #040404;content: "";left: 38px;bottom: -16px;}
/*list*/
#show_item1{position: relative;margin-top: 26px;width: 980px;}
#show_item1 .box{overflow: hidden;width: 918px;margin: 0 auto;}
#show_item1 .list{overflow: hidden;width: 9999px;margin-left: -26px;}
#show_item1 li{float: left;width: 130px;height: 94px;padding-left: 26px;position: relative;}
#show_item1 li img{width: 130px;height: 92px;border: 1px solid #e3e1e1;}
#show_item1 li div{padding-top: 8px;line-height: 18px;text-align: center;}
#show_item1 li div p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#show_item1 li div span{color: #8c8989;display: block;font-family: "Arial";text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#show_item1 li div:after{position: absolute;width: 33px;content: "";height: 1px;background: #f159a3;bottom: 0;left: 78px;}
#show_item1 a{display: block;}
#show_item1 a:hover{text-decoration: none;color: #f159a3;}
#show_item1 a:hover span{color: #f159a3;}
#show_item1 .prev, #show_item1 .next{position: absolute;top: 36px;background: url(../images/1_101.png) no-repeat;width: 14px;height: 27px;left: 0;cursor: pointer;}
#show_item1 .next{left: auto;right: 0;background: url(../images/1_104.png) no-repeat;}
/*简介*/
#intro_tit{background: #333333;height: 59px;line-height: 59px;color: #fff;font-size: 20px;text-align: center;}
#intro_tit span{color: #999999;margin-left: 4px;}
#intro_con{padding: 26px 24px;background: #ebebeb;line-height: 32px;color: #666666;font-size: 14px;text-align: justify;}
#intro{border:1px solid #dbdbdb;margin-top: 17px;}
#intro_product{background: #ebebeb;border:1px solid #dbdbdb;margin-top: 14px;margin-bottom: 44px;}
#intro_product h2{line-height: 58px;height: 58px;font-size: 18px;text-indent: 26px;}
#intro_list{margin: 0 12px;border-top: 1px solid #9c9c9c;border-bottom: 1px solid #9c9c9c;}
#intro_search{height: 24px;line-height: 24px;padding: 20px 0;}
#intro_search select{width: 234px;}
#intro_search input.tex{width: 134px;}
#intro_search a{display: inline-block;height: 18px;width: 18px;overflow: hidden;text-indent: 20px;background: url(../images/2_03.png);  margin-bottom: -4px;}
#intro_list img{width: 224px;height: 224px;border:1px solid #cfcfcf;display: block;}
#intro_list p{height: 50px;line-height: 50px;overflow: hidden;text-align: center;}
#intro_list li{width: 222px;height: 276px;float: left;margin-left: 12px; margin:0;}
#intro_list ul{margin-left: -4px;}
#intro_list2{margin: 0 12px;border-top: 1px solid #9c9c9c;border-bottom: 1px solid #9c9c9c;}
#intro_list2 img{width: 224px;height: 224px;border:1px solid #cfcfcf;display: block;}
#intro_list2 p{height: 50px;line-height: 50px;overflow: hidden;text-align: center;}
#intro_list2 li{width: 222px;height: 276px;float: left;margin-left: 12px;}
#intro_list2 ul{margin-left: -4px;}
#Paging{text-align: right;padding-bottom: 50px;padding-top: 10px;}
#Paging span{color: #ff6600;}
#Paging input{width: 24px;}
.pag_go{display: inline-block;width: 30px;height: 18px;text-indent: 40px;overflow: hidden;background: url(../images/2_11.png);margin-bottom: -3px;margin-right: 10px;}

/*产品页*/
#pro{margin-top: 22px;margin-bottom: 34px;}
.pro_tit{font-size: 18px;height: 52px;line-height: 52px;border-bottom:2px solid #d1d1d1;margin:0 7px 16px;text-indent: 45px;}
#pro_left{background: #ebebeb;border:1px solid #c7c5c5;float: left;width: 208px;padding-bottom: 10px;}
#pro_left img{display: block;width: 187px;height: 81px;margin: 0 auto 10px;}
#pro_right{background: #ebebeb;border:1px solid #c7c5c5;float: right;width: 754px;}
#pro_con{padding:0 20px 30px;}
.p_img_big{display: block;width: 274px;height: 274px;border:1px solid #faac7a;}
.pro_show_left{width: 276px;float: left;}
.pro_show_left p{color: #666666;line-height: 26px;padding-left: 4px;}
.p_img_small{border: 1px solid #547137;display: inline-block;width: 56px;height: 56px;margin:16px 11px 0 0;}
.pro_show_right p{font-size: 18px;margin: 30px 0 10px 4px;}
.pro_show_right{float: right;width: 400px;}

#pro_conent{margin-top: 30px;font-size: 14px;}
.pro_conent_nav li{float: left;}
.pro_conent_nav{height: 36px;border-top-right-radius: 4px;border-top-left-radius: 4px;background: #e1e1e1;line-height: 36px;border-bottom: 1px solid #5e5655;}
.pro_conent_nav a{display: block;padding: 0 22px;}
.pro_conent_nav a:hover{text-decoration: none;}
.pro_conent_nav .active a{background: #433a38;color: #fff;border-top-right-radius: 4px;border-top-left-radius: 4px;}

.pro_conent{line-height: 20px;padding:4px;display: none;}



#websiteContent{overflow:hidden; margin-top:14px;  margin-bottom: 10px;}
#websiteContent .websiteSidebar{width:204px; float:left}
#websiteContent .websiteSidebar h2{background:#262c32; height:30px; line-height:30px; color:#fff; padding-left:30px}
.sideabrone{border:1px solid #e0e0e0; padding-bottom:16px}
.sideabrone ul{padding-top:5px; max-height:500px; overflow-y:auto}
.sideabrone ul li{border-bottom:1px dashed #CCC; margin-left:10px; margin-right:10px; padding:5px; word-break:break-all}
.sideabrone ul li a{display:block; color:#333}
.sideabrone ul li a:hover{color:#262c32}
.sideabrtwo{margin-top:12px; border:1px solid #e0e0e0}
.sideabrtwo .contaclist{padding:5px 10px 10px 10px}
.sideabrtwo .contaclist li{padding-top:5px; line-height:160%}
.websiteMain{float:right; width:760px; border:1px solid #e0e0e0}
.websiteMain .containertitle h2{background:#262c32; font-size:14px; padding-left:33px; color:#FFF; height:30px; line-height:30px}
.contaiconc{padding:17px; font-size:12px; color:#323232}


/*友情链接*/.link dt{height:42px;background:url(../images/link.png) center bottom no-repeat;width:132px;text-align:center;font-size:16px;float:left;}
.link dd{float:left;line-height: 42px;}
.link dd a{color:#333;margin-left:24px;line-height:22px;}
.link{width:100%;padding:15px 0;}


.product_nav li p{  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/*新加*/
#one_brand{cursor: pointer}
.brand_item{cursor: pointer}

/*下一条底部图片*/
.topt {
    background: url(../Images/prevnext_pro_bg.png) no-repeat;
    background-position: 0 0;
    font-size: 12px;
    color: #FFF;
    float: left;
    height: 16px;
    line-height: 16px;
    width: 50px;
    text-align: center;
}
.bottomt {
    background: url(../Images/prevnext_pro_bg.png) no-repeat;
    background-position: 0 -17px;
    color: #FFF;
    font-size: 12px;
    float: right;
    height: 16px;
    line-height: 16px;
    width: 50px;
}
/*PDF图片*/
#tab_box .pdf{
    height: 40px;
    display: flex;
    align-items: center;
}
#tab_box .pdf .pdf_img{
    background: url(../Images/PDF.png) no-repeat;
    height: 20px;
    width: 20px;
    margin-right:5px
}

