/* Write your styles */@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
body {background: #fff;color: #555;font-size: 14px;font-family: "微软雅黑"; min-width:1300px;}
td,th,caption {font-size: 14px;}
h1, h2, h3, h4, h5, h6 {/*font-weight: normal;font-size: 100%;*/}
address, caption, cite, code, dfn, em, strong, th, var {/*font-style: normal;font-weight: normal;*/}
a {color: #555;text-decoration: none;}
a:hover {text-decoration: none;}
img {border: none;}
.fl{ float:left;}.fr{ float:right;}
ol,ul,li {list-style: none;}
input, textarea, select, button {font: 14px "微软雅黑",Verdana,Helvetica,Arial,sans-serif;}
table {border-collapse: collapse;}
html {overflow-y: scroll;} /* css common */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {*zoom: 1;}
.clear {clear: both;}
.all {width: 100%;height: auto;}
.t-f{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
/*index_header*/
.header , .content , .footer , .container{ margin:0 auto;width:85%;}
.top{ background:#FFF; width:100%;}
.top_in {width:100%; margin:0 auto; }
.logo { margin-top:10px; margin-left:1%;width:19%; float:left;margin-right:5%; }
.nav {width:60%; height:90px;margin:0 auto; float:left;}
.nav ul li {height:90px; line-height:90px; float:left; position:relative; width:15%; text-align: center;}
.nav a {width:100%;white-space:nowrap; color:#616161; display:block; height:100px;  font-size:18px; text-transform:uppercase;}
.nav a:hover {color:#000; font-weight:bold;}
.search {width:13%; height:25px; float:right;margin-right:1%; margin-top:30px;}
.sear_t {width:80%; _width:145px; height:25px; line-height:25px; overflow:hidden; background:#f2f2f2; color:#666; text-indent:5px; border:0; float:left;}
.sear_b {width:20%; height:25px; overflow:hidden; background:url(../images/sear_b.gif) no-repeat left top; border:0; cursor:pointer; float:left;}
/*index_about*/
.manage_about{width: 100%;overflow: hidden; background:#242424; padding-bottom:50px;}
.manage_about_right{width:85%; margin:0 auto;}
.index_atimg{width:400px;margin: 0 auto;margin-top:55px;margin-bottom: 30px;overflow: hidden;}
.index_atimgp1{text-transform: capitalize; font-weight:bold; text-align:center; font-size:36px; color:#fff; background:url(../images/111.png) bottom center no-repeat; padding-bottom:20px;}
.index_atimgp2{font-size:24px; color:#fff; text-align:center; margin-top:10px;}
.index_aboutcons{width:100%;overflow: hidden;margin: 0 auto;text-align:left;color: #fff;font-size: 14px;line-height: 28px;display: block;}
.index_aboutmore{width: 18%;height: 35px;max-height: 40px;margin: 0 auto;margin-top: 40px;overflow: hidden;}
.mod-btn01 {  display: block;  text-align: center;  position: relative;  width: 100%;  height: 100%;  line-height: 35px;  cursor: pointer;  font-size: 16px;  font-family: 'Arial', "Times New Roman";  letter-spacing: 0em;  font-weight: normal;  overflow: hidden;  -moz-transition: cubic-bezier(0.69, 0.01, 0.25, 0.99) 0.5s;  -o-transition: cubic-bezier(0.69, 0.01, 0.25, 0.99) 0.5s;  -webkit-transition: cubic-bezier(0.69, 0.01, 0.25, 0.99) 0.5s;  transition: cubic-bezier(0.69, 0.01, 0.25, 0.99) 0.5s;}
.mod-btn01.bg-gd {  color: #353535;  /*background: #fff;*/  border: 1px solid #a7a7a7;}
.mod-btn01:before {  content: "";  display: block;  position: absolute;  width: 25px;  height: 25px;  left: 10px;  top: 50%;  margin-top: -12.5px;  background: url() center no-repeat;  background-size: contain;}
.mod-btn01:after {  content: "";  display: block;  width: 140%;  height: 100%;  position: absolute;  left: 0;  top: 0;  color: #fff;  background: #a20000;  -moz-transform: translateX(-150%) skew(-20deg);  -ms-transform: translateX(-150%) skew(-20deg);  -webkit-transform: translateX(-150%) skew(-20deg);  transform: translateX(-150%) skew(-20deg);  -moz-transition: 0.5s;  -o-transition: 0.5s;  -webkit-transition: 0.5s;  transition: 0.5s;}
.mod-btn01:hover {  text-decoration: none;}
.mod-btn01:hover.bg-gd {  color: #fff !important;  border: 1px solid #a20000;}
.mod-btn01:hover:after {  -moz-transform: translateX(-20%) skew(-20deg);  -ms-transform: translateX(-20%) skew(-20deg);  -webkit-transform: translateX(-20%) skew(-20deg);  transform: translateX(-20%) skew(-20deg);}
.mod-btn01 span{  position: relative;  z-index: 1; color: #fff; }
/*index news*/
.manage_news{width: 100%;height: auto; padding-bottom:30px;background: #f3f3f3;}
.manage_news_main{width:85%;margin: 0 auto;}
.alBox2{width:100%;}
.alBox2 .alCont2{position:relative;}
.alBox2 .alCont2 ul{width:100%;overflow:hidden;}
.alBox2 .alCont2 li{width:19%;height: auto;background:#fff;float:left;margin-right:1%;margin-top: 30px;}
.alBox2 .alCont2 li p.n_title{width: 100%;color: #fff;line-height:38px; height:38px;font-size: 14px;font-family: "微软雅黑"; border-top:1px solid #ccc; text-align:center; background:#000; white-space:nowrap;
overflow:hidden;text-overflow:ellipsis;}
.alBox2 .alCont2 li p.n_remarks{width:100%;margin-left: 10px;color: #878787;line-height: 28px;font-size: 14px;font-family: "微软雅黑";}
.n_line{width: 15px;height: 1px;background: #848484;margin-left: 15px;margin-top: 35px;margin-bottom: 15px;}
.alBox2 .alCont2 li p.n_date{color: #1a1a1a;line-height: 28px;font-size: 14px;font-family: "Times New Roman";margin-left: 15px;}
.alBox2 .alCont2 li a .index_newsimg{width:100%;height: auto;overflow: hidden;}
.alBox2 .alCont2 li a img{width:100%;transition:all 0.5s;-moz-transition:all 0.5s; -webkit-transition:all 0.5s;-o-transition:all 0.5s; border-bottom:1px solid #eee;}
.alBox2 .alCont2 li:hover a img{transform:scale(1.2,1.2);}
.alBox2 .alCont2 li:hover{width:19%;box-shadow: 4px -1px 20px 8px #ccc;}
@media screen and (max-width:1301px){
.alBox2 .alCont2 li p.n_title{width: 100%;color: #fff;line-height:38px; height:38px;font-size: 12px;font-family: "微软雅黑"; border-top:1px solid #ccc; text-align:center; background:#000; white-space:nowrap;
overflow:hidden;text-overflow:ellipsis;}
}


.dtd{ width:100%; margin:0 auto; padding-top:50px; position:relative; z-index:999999;}
.dtd p{ font-weight:bold;font-size:30px; width:280px; float:left; font-weight:normal;}
.dtd em{ font-style:normal; font-weight:bold;font-size:30px; text-transform:uppercase; display:inline-block; line-height:30px;}
.dtd div{float:right;}
.dtd div a{width:150px; text-align:center; display:inline-block; border:1px solid #ccc; border-radius:20px; height:40px; line-height:40px; margin:5px;}
.dtd div a:nth-child(5n) { background:#000; color:#fff;}
.dtd div a:hover {width:150px; text-align:center; display:inline-block; background:#000; color:#fff; border-radius:20px; height:40px; line-height:40px; margin:5px;}

.newsaaa{padding-top:50px; padding-bottom:50px;}
.divd{margin-bottom:80px;}
.divd a{width:32%; padding-bottom:10px; border:1px solid #e8e8e8; margin-right:1%; display:inline-block; overflow:hidden;}
.divd a img{width:100%;}
.divd a p{margin:2%; width:96%;}
.divd a p span{width:100%; border-bottom:1px solid #e8e8e8; display:inline-block; height:40px;}
.divd a p b{margin-top:10px; margin-bottom:10px; display:block; font-size:18px; height:40px; line-height:40px; overflow:hidden;}
.divd a p font{ font-size:14px; line-height:25px;}
.divd a:nth-child(3n) { float:right; margin-right:0px;}
/*index footer*/
.manage_footer{width: 100%;height:70px;background: #1a1b1a;}
.manage_copyright{width:85%;margin: 0 auto;}
.manage_copyrightl{float:left;line-height: 65px;font-size: 14px; color:#fff;}
.manage_copyrightr{float:right;line-height: 65px;font-size: 14px; color:#fff;}
.manage_copyright a{color: #fff;}
/****公司简介内页****/
/* about 关于我们*/
.aboutt{width: 100%; margin-top:30px;}
.aboutSection{width:78%;float:right;}
.aboutSection .mainCon{border: 1px solid #e4e4e4;padding-top: 28px;width:100%;padding-bottom: 0px; margin-bottom:20px;}
.aboutSection .mainCon .conBox{width:96%;margin: 2% auto 0;padding-bottom: 20px;background: #fff; line-height:30px;}
.aboutSection .mainCon .conBox img{ max-width:100%;}

.aboutSectionn{width:100%;}

/* mub02Title 内页头部公共样式*/
.mub02Title{width:100%;text-align: center;margin: 0 auto;}
.mub02Title h2{font-size:30px;color: #000;font-weight: normal; display:inline-block;}
.mub02Title h2 a{color: #000;text-decoration: none;font-weight: bold;}
.mub02Title i{display: block;width: 100%;height: 3px;margin-top: 26px; background:url(../images/mub02Title_xian01.png) center; display:inline-block; clear:both;}
/* InpageSidebar01 侧栏导航1公共样式*/
.InpageSidebar01{width: 20%;float: left;}
.InpageSidebar01 .top{width: 100%;height: 80px;background: #000;}
.InpageSidebar01 .top h2{height: 80px;text-indent: 28px;background: url(../images/InpageSidebar01_icon01.png) no-repeat 90% center;line-height:80px;font-size: 24px;color: #fff;font-weight: normal;}
.InpageSidebar01 .top h2 a{color: #fff;text-decoration: none; font-weight: bold; }
.InpageSidebar01 .sidebarLinkUs{border: 1px solid #e4e4e4;margin-top: 20px;padding: 0 19px 20px; margin-bottom:20px;}
.InpageSidebar01 .sidebarLinkUs h3{font-size: 18px;color: #000;font-weight:bold;height:50px;line-height:50px;border-bottom: 1px solid #e4e4e4;margin-bottom: 18px;text-indent: 10px;}
.InpageSidebar01 .sidebarLinkUs p{font-size:13px;color: #333333;margin-bottom: 12px;line-height:30px; margin-top:10px;}
.InpageSidebar01 .sidebarLinkUs .zxzx{display: block;width:100%;height: 50px;overflow: hidden;background: #000;text-decoration: none;margin-top: 20px;}
.InpageSidebar01 .sidebarLinkUs .zxzx span{display: block;width: 50px;height: 50px;float:left;border-right: 1px solid #fff;background: url(../images/zxzx_icon01.png) no-repeat center;}
.InpageSidebar01 .sidebarLinkUs .zxzx b{display: block;width:70%;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;float:left; font-weight:normal;}
.InpageSidebar01 .sidebarLinkUs .zxzx b img{display: inline-block;*display: inline-block;position: relative;top:0px;margin-left:15px;}

/* InpageSidebar02 侧栏导航2公共样式*/
.InpageSidebar02 .classify{border: 1px solid #e4e4e4;border-top: none;position: relative;}
.InpageSidebar02 .classify li{border-top: 1px solid #e4e4e4;text-indent: 28px;font-size: 14px;color: #333333;line-height: 58px;background: url(../images/mub02_jt03.png) no-repeat 90% center;}
.InpageSidebar02 .classify li a{color: #333333;display: block;text-decoration: none;}
.InpageSidebar02 .classify li:hover,.InpageSidebar02 .classify li.cur{background: url(../images/mub02_jt04.png) no-repeat 90% center #f5f5f5;}
.InpageSidebar02 .classify li div:hover a{ color:#000; font-weight: bold;}
.InpageSidebar02 .classify i{display: block;width: 3px;background: #044b2d;position: absolute;left: -1px;top: 0;z-index: 9;}
.InpageSidebar02 .xgzx{border: 1px solid #e4e4e4;margin-top: 20px;padding: 0 19px 16px;}
.InpageSidebar02 .xgzx h3{font-size: 18px;color: #044b2d;font-weight: normal;height: 59px;line-height: 59px;border-bottom: 1px solid #e4e4e4;margin-bottom: 18px;text-indent: 10px;}
.InpageSidebar02 .xgzx p{font-size: 14px;color: #333333;margin-bottom: 10px;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.InpageSidebar02 .xgzx p a{color: #333333;}
.InpageSidebar02 .xgzx p:hover a{color: #044b2d;}
.InpageSidebar02 .classify ul div{ text-align:center;font-size: 16px; font-weight:bold;color: #333333;line-height: 58px;background:#CCCCCC;}
.InpageSidebar02 .classify ul div a{color: #333333;display: block;text-decoration: none;}


/*********产品列表***********/
.proListSection{width:78%;float: right; margin-bottom:50px;}
.proListSection .mainCon{border: 1px solid #e4e4e4;padding-top: 28px;width:100%;}
.proListSection .mainCon .conBox{width:96%;margin: 2% auto 0;padding-bottom: 30px;}
.proListSection .mainCon .conBox ul{width:100%;}
.proListSection .mainCon .conBox li{float: left;width:24%;margin-right:1.3%;margin-bottom:10px;  border:1px solid #eee;}
.proListSection .mainCon .conBox li:nth-child(4n) {margin-right:0px; float:right;}
.proListSection .mainCon .conBox li .Pic{width:100%;overflow: hidden;display: block;}
.proListSection .mainCon .conBox li .Pic img{display:block;width: 100%;transform: scale(1);transition: all 1s ease-out;}
.proListSection .mainCon .conBox li .intro{width: 100%;height:50px;text-align: center;padding-top:10px;position: relative; border-top:1px solid #eee;}
.proListSection .mainCon .conBox li .intro h3{font-size: 16px;color: #333333;font-weight: normal;margin-bottom:16px;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.proListSection .mainCon .conBox li .intro h3 a{color: #333333;text-decoration: none;}
.proListSection .mainCon .conBox li .intro p{line-height:20px;color: #666666;font-size: 14px;margin-top: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:44px;}
.proListSection .mainCon .conBox li .intro h3 a{color: #000;}
.proListSection .mainCon .conBox li:hover .Pic img{transform: scale(1.2);}


.proListSectionas{width:100%; margin-bottom:50px;}
.proListSectionas .mainCon{border: 1px solid #e4e4e4;padding-top: 28px;width:100%;}
.proListSectionas .mainCon .conBox{width:96%;margin: 2% auto 0;padding-bottom: 30px;}
.proListSectionas .mainCon .conBox ul{width:100%;}
.proListSectionas .mainCon .conBox li{float: left;width:24%;margin-right:1.3%;margin-bottom:10px;  border:1px solid #eee;}
.proListSectionas .mainCon .conBox li:nth-child(4n) {margin-right:0px; float:right;}
.proListSectionas .mainCon .conBox li .Pic{width:100%;overflow: hidden;display: block;}
.proListSectionas .mainCon .conBox li .Pic img{display:block;width: 100%;transform: scale(1);transition: all 1s ease-out;}
.proListSectionas .mainCon .conBox li .intro{width: 100%;height:50px;text-align: center;padding-top:10px;position: relative; border-top:1px solid #eee;}
.proListSectionas .mainCon .conBox li .intro h3{font-size: 16px;color: #333333;font-weight: normal;margin-bottom:16px;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.proListSectionas .mainCon .conBox li .intro h3 a{color: #333333;text-decoration: none;}
.proListSectionas .mainCon .conBox li .intro p{line-height:20px;color: #666666;font-size: 14px;margin-top: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:44px;}
.proListSectionas .mainCon .conBox li .intro h3 a{color: #000;}
.proListSectionas .mainCon .conBox li:hover .Pic img{transform: scale(1.2);}




.fy{ clear:both;}
.fy a{ width:60px;height:30px; margin-top:10px; line-height:30px; display:inline-block; border:1px solid #CCC; text-align:center; margin-bottom:20px; margin-right:10px; color:#666}
.dis_pic{ position: relative;text-align:center; width:100%; overflow:hidden;}
.dis_pic a{ position:absolute; width:43px; height:84px; top:50%; margin-top:-47px; display: inline-block;}
.dis_pic a.p_prev{ background:url(../images/left.png) no-repeat; left:0;}
.dis_pic a.p_next{ background:url(../images/right.png) no-repeat; right:0;}
.dis_pic a b{ display:none;}
.dis_pic img{ width:100%;}
.cscs{width:450px; text-align:left; float:right; line-height:25px;}
.cscs img{ max-width:428px;border:none;}

.product_x{margin-top:20px; clear:both;}
.product_xx{height:35px; background:#eee;clear:both; margin-bottom:10px;}
.product_xx h2{float:left;width: auto; padding:0 20px; margin:0px; line-height:35px; vertical-align:middle; font-size:16px;color:#FFF; font-weight:normal; background-color:#000;}
#product_info{width:960px; height:auto;overflow:hidden;margin:0 auto; font-size:14px; clear:both; text-align: center; margin-top:10px;}
#product_info img{ max-width:960px;}

/*************新闻************/
.dpro2_c{clear:both;}
.dpro2_c dl{width:100%; background:#f1f1f1; margin-bottom:20px; padding:18px 18px 18px 18px; overflow:hidden;}
.dpro2_c dl:hover{background:#000; color:#fff;}
.dpro2_c dl:hover a,.dpro2_c dl:hover p{ color:#fff;}
.dpro2_c dt{ width:16%;overflow:hidden; float:left;}
.dpro2_c dt img{ width:100%;  display:block;}
.dpro2_c dd{ width:82%;float:right; overflow:hidden;}
.dpro2_c dd h5 a{ display:block; font:16px "微软雅黑"; font-weight:bold; background:url(Img/dline1.gif) repeat-x left bottom; height:26px; overflow:hidden; line-height:26px; color:#454545;}
.dpro2_c dd p{ padding:10px 0 0;font:12px "微软雅黑"; color:#626262;line-height:24px; overflow:hidden;}
.dpro2_c dd b{ display:block;}
.dpro2_c dd b a{ color:#626262;}


#productlist li{ margin-bottom: 0px;}
#productlist li h3{padding: 8px 0px 9px; }


#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:10px;padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:14px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
#feedback_form input{width:350px;height:30px;line-height:30px;float:left;margin:0 10px 20px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#d20000;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#333;transition:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0; float:right;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#0089e2;}
#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}
#feedback_form textarea{height:200px;width:100%;padding:10px;border:1px solid #dbdbdb;display:block;}

/*表格*/
.comm_table { border-collapse: collapse; width: 100%; max-width: 100%; border-spacing: 0; font-size: 12px; }
.comm_table tr { }
.comm_table tr:hover td { background: #FFFFFC; }
.comm_table td { padding: 8px; border: 1px solid #ddd; }
.comm_table th { padding: 8px; border: 1px solid #ddd; background: #30323A; color: #fff; vertical-align: bottom; }
.verifycode { margin: 5px; }
/*表单*/
.input { width: 100%; padding: 5px; height: 34px; line-height: 20px; border: 1px solid #ddd;display: block; }
.input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }
textarea.input { border: solid 1px #ddd; height: auto; width:80%; }
.label label { display: block; font-size: 12px; font-weight: bold; }
.form_group { overflow: hidden; }
.form_x .form_group .label { float: left; width: 15%; text-align: right; padding: 7px 7px 7px 0; }
.form_x .form_group .finput { float: right; width: 85%; }
.form_x .form_button { margin-left: 15px; }
.form_auto .input { width: auto; display: inline-block; }
.form_auto textarea.input { width: 80%; }
/*按钮*/
.btn { padding: 6px 15px; border: 1px solid #ddd; cursor: pointer; display: inline-block; line-height: 18px; margin: 0; }
.btn:hover { transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.btn_bg_black { background: #30323A; border-color: #30323A; color: #fff; }
.btn_bg_white { background: #fff; border-color: #ddd; color: #000; }
.btn_bg_blue { background: #17B4F2; border-color: #17B4F2; color: #fff; }
.btn_bg_green { background: #52D852; border-color: #52D852; color: #fff; }
.btn_bg_red { background: #FC3939; border-color: #FC3939; color: #fff; }
.btn_bg_yellow { background: #FF9A14; border-color: #FF9A14; color: #fff; }
.btn_bg_gray { background: #999; border-color: #999; color: #fff; }
.btn_bg_black:hover, .btn_bg_black:focus { background: #D30D15; border-color: #D30D15; color: #fff; }
.btn_bg_white:hover, .btn_bg_white:focus { background: #999; border-color: #999; color: #fff; }
.btn_bg_blue:hover, .btn_bg_blue:focus { background: #0996FF; border-color: #0996FF; color: #fff; }
.btn_bg_green:hover, .btn_bg_green:focus { background: #5CB85C; border-color: #5CB85C; color: #fff; }
.btn_bg_red:hover, .btn_bg_red:focus { background: #30323A; border-color: #30323A; color: #fff; }
.btn_bg_yellow:hover, .btn_bg_yellow:focus { background: #30323A; border-color: #30323A; color: #fff; }
.btn_bg_gray:hover, .btn_bg_gray:focus { background: #A59999; border-color: #A59999; color: #fff; }