@charset "gb2312";
/* CSS Document */
*{list-style:none;padding:0;margin:0;}
body{font-size:12px;margin:0 auto;color:#000;font-family:"方正准圆繁体";background:#fff;overflow-x:hidden;background:#f4f4f4;}
p{line-height:25px;}
img{border:none;}
.cl{clear:both;}
a{ font-size:12px; text-decoration:none;color:#000;}
a:hover{font-size:12px;	text-decoration:none;color:#000;}
.zi a{ font-size:12px;text-decoration:none;color:#000;}
.zi a:hover{ font-size:12px; text-decoration:none;color:#000;}
.piczi a{ font-size:12px;  text-decoration:none;color:#000;}
.piczi a:hover{ font-size:12px; text-decoration:none;color:#000;}
.pad{padding-top:15px;}
.mad{margin-top:15px;}
.fl{float:left;}
.fr{float:right;}
/*---------------------------------页头样式开始-------------------------------------*/
.top{width:100%;height:aotu;overflow:hidden;margin:0px auto;background:#fff;}
.top_t{width:1200px;height:50px;overflow:hidden;margin:0px auto;}
.top_font_l{height:50px; line-height:50px;}
.top_font_r{height:50px; line-height:50px;}
.top_font_r a:hover{color:#d71617;}
.nav1{width:100%;background:#232323;height:51px;border-bottom:1px solid #424242;}

.logo_bot{width:100%; height:114px;margin:0 auto;}
.logo{ height:88px; overflow:hidden; float:left;margin-top:51px;}
.tell{height:50px;overflow:hidden; float:right;}
.menu{width:100%;height:75px;background:#2c2c2c;}


/*.com{background:#1e6ed1;}*/

/*导航宽高*/
.banner_{width:100%;height:auto;margin:0px auto;overflow:hidden;}
.banner{width:100%;height:auto;padding:0px;margin:0 auto;}



/*****搜索****/
.top_ss{width:100%;margin:0 auto 20px auto;height:70px;background:url(../images/wp_233.png) left no-repeat;}
.gjc{height:70px;width:890px;overflow:hidden;background:url(../images/wp_23.png) left no-repeat;}
.gjc p{float:left;line-height:70px;font-size:14px;}
.gjc li{float:left;}
.gjc li a{display:inline-block;line-height:70px;font-size:14px;}

.ss{width:280px; height:30px;margin-top:20px;}
.ss form{width:280px; height:30px;}
.ss form input{outline:medium;}
.menu_right_center{ width:210px;background:none; height:29px;float:left;padding-left:14px; text-align:left; color:#a3a3a3;font-size:12px;border:1px solid #dcdcdc;}
.menu_right_right{ width:50px; height:29px;float:right;cursor:pointer;border:none;background:#c72020;color:#fff;}


/*公告*/
.zxgg{width:100%;margin:0 auto;height:52px;}
.zxgg_fl{height:52px;background:url(../images/sk_16.png) center left no-repeat;padding-left:20px;}
.zxgg_fr{width:400px;margin-right:10px;}
.zxgg_fr ul{height:52px;width:1800px;}
.zxgg_fr a{font:14px/52px "方正准圆繁体";padding-right:60px;}
.zxgg_fr a span{padding-left:20px;}


/*主体部分：主体需平铺*/
.mail{width:100%;height:660px;margin:0 auto;background-color:#ECE8BB;}

/*主体中心部分：主体不平铺*/
.box1{width:1200px;margin:0px auto;height:auto;}
.box{width:1200px;margin:0px auto;height:auto;padding:40px 0;}

.boxtitle {text-align: center;}
.boxtitle {text-align: center;}

.boxtitle img {display: block;margin: 0 auto;}
.boxtitle p {margin: 20px auto 14px;text-align: center;}
.boxtitle p em {display: inline-block;}
.boxtitle p em a {float: left;color: #1a1a1a;font-size: 14px;line-height: 23px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.boxtitle p em a:hover {color: #d70404;}
.boxtitle p em i {float: left;height: 23px;width: 1px;background: #b3b3b3;margin: 0 28px;}

/*中间图片*/
.sybot{width:1200px;height:auto;margin:50px auto;overflow:hidden;}
.boxes-single{float: left;width:385px;position: relative;min-height: 1px;padding-left: 5px;padding-right: 5px;padding-top: 5px;padding-bottom: 5px;text-align: center;}
.hover{position: absolute;left: -5px;top: 0px;opacity: 0;filter: alpha(opacity=0);width:400px; -webkit-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease;z-index: 1;}
.hover-overlay{position: absolute;width: 100%;height: 100%;background: #263a45; opacity: 0.7;filter: alpha(opacity=70);z-index: 2;text-align: center;}
.boxes-single:hover .hover {opacity: 1;filter: alpha(opacity=100);}
.hover-img{box-sizing: content-box;width:400px;height:274px;}
.boxes-content {width: 100%; position: absolute;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);text-align:center;z-index: 3;}
.boxes-content h3 {margin-top: 0;font-size: 30px;color: #fff;margin-bottom: 14px;}
.btn-default{font-size: 16px;font-weight: bold;border-radius: 2px;height: 40px;color: #fff;background-color: #43AAE0;display: inline-block;margin-bottom: 0;text-align: center;padding-left: 30px;line-height:40px;padding-right: 30px;vertical-align: middle;touch-action: manipulation;cursor: pointer;background-image: none;}
.boxes-content > a {border: none;}
.btn-default:hover {border: none;padding-left: 30px;line-height:40px;padding-right: 30px;color: #fff;font-size: 16px;font-weight: bold;background-color: #62c2f4;}
.boxes-content > a:active {border: none;}



.boxcontent{background: #fff;padding: 4.4% 4.4% 8%;}
.contenttitle {overflow: hidden;}
.l_contenttitle {float: left;width: 71.83%;}
.l_contenttitle img {display: block;margin: 0;}
.l_contenttitle p {color: #8d8d8d;font-size: 14px;line-height: 24px;margin-top: 24px;}

.r_contenttitle {float: right;width: 170px;}
.r_contenttitle span {display: block;border-bottom: 1px solid #e4e4e4;padding-bottom: 18px;height: 18px;margin-bottom: 18px;width: 170px;}
.r_contenttitle span a {display: block;height: 18px;position: relative;}
.r_contenttitle span a img {position: absolute;left: 0;top: 0;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.r_contenttitle span a img.c1 {filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.r_contenttitle span a img.c2 {filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;}
.r_contenttitle span a:hover img.c1 {filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;}
.r_contenttitle span a:hover img.c2 {filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}


.news_txt{font-size:12px;color:#fb392b;padding-top:10px;display:inline-block;line-height:25px;width:230px;}
.news_info{font-size:12px;text-indent:24px;color:#000;line-height:25px;width:220px;}

.btad {overflow: hidden;margin-top: 64px;}
.btad a {width: 49.5%;}
.btad a.c1 {float: left;}
.btad a.c2 {float: right;}
.btad a img {display: block;width: 100%; }


/*---------------------------------首页样式开始-------------------------------------*/

/* 首页中心部分:上，中，下等等*/
.sytop{width:1200px;height:auto;margin:0 auto;}
.sy1{width:1200px;height:auto;margin:0px auto;overflow:hidden;padding-top:50px;}
.sy2{width:1200px;height:auto;margin:40px auto;overflow:hidden;}
.symid{width:1200px;height:auto;margin:40px auto;overflow:hidden;}

/* 首页中心部分:上*/
.tt1{height:40px;font:14px/40px "方正准圆繁体";font-weight:bolder;}
.tt1 a{font:12px/40px "方正准圆繁体";}
.new_show{width:323px;border:1px solid #cadae7;margin-right:14px;padding:0 10px;}
.new_show .jdxw a{display:inline-block;width:100%;text-align:center;padding-bottom:15px;}
.new_show .jdxw a img{width:281px;height:197px;margin-bottom:15px;margin-top:10px;}
.new_show ul li a{font:12px/36px "方正准圆繁体";}
.new_show ul li a:hover{color:#0059a5;}

.gs{width:266px;border:1px solid #cadae7;padding:0 10px;}
.gs p{font:12px/36px "方正准圆繁体";}

/* 首页中心部分:4*/
.sy4{width:1200px;height:auto;overflow:hidden;margin:40px auto;}
.news_all{width:1200px;margin:0 auto;}
.news_all li{width:340px;float:left;margin-top:20px;}
.news_all li:nth-child(2){margin:20px 58px;}
.news_all li div a{font:12px/48px "方正准圆繁体";color:#000;}
.news_all li img{margin-bottom:15px;}
.news_all li p{line-height:30px;text-indent:24px;}
.news_all li a{color:#43430f;}

/* 首页中心部分:1*/
.show-classfiy{width:1008px;margin:0 auto; }
.marqueeleft { width:1008px; height:270px; overflow:hidden; margin:0 auto; }
.marqueeleft ul { float:left; padding:0px; margin:0px; height:270px; }
.marqueeleft li { width:auto;  float:left; padding:0px; margin:0px; display:inline; height:270px; overflow:hidden; margin-right:10px; }
.marqueeleft li a { display:block; width:auto; height:270px; margin:0 auto;}
.marqueeleft li a p{font:12px/40px "方正准圆繁体";text-align:center;}
.marqueeleft li a img{height:230px;}

/* 首页中心部分:2*/
.tt{ width:262px;height:62px;margin-bottom:20px;}
.tt a{display:inline-block;font:12px/30px "方正准圆繁体";height:62px;}
/*============滚动图片1==============*/
/******************产品滚动*******************/
.index_Roll { width:1200px; height:auto; margin:0 auto;overflow:hidden;}
#demo { overflow:hidden;width:100%;} 
#indemo { float: left; width:7000%; }
#demo1 { float: left; }
#demo2 {float: left;}

.frame {width:315px; height:217px;margin-bottom:15px;float:left;margin-left:30px;}
.wrap {width:315px; height:217px; position:relative; overflow:hidden; font-family:arial, sans-serif;}
.wrap img {display:block; height:217px;}
.wrap div {width:315px; height:217px; padding:217px 0px 0px 0px; position:absolute; left:0; top:0;}
.wrap div b {display:block; width:315px; height:217px; position:absolute; left:0px; top:217px; z-index:1;background:url(../images/wap.png) center no-repeat; }

.wrap div span {position:relative; z-index:500;width:100%;display:block;}
.wrap div span a{width:100%;padding-bottom:70px;}
.wrap div h1{color:#fff;width:100%;font:30px/40px "方正准圆繁体";font-weight:bolder;margin-top:60px;text-align:center;}
.wrap div a {color:#fff; font-size:12px; position:absolute; left:0; top:0px; text-decoration:none; display:block; margin:0;}
.wrap div a:hover {color:#fff;}

/*-------------------------------------------内页样式开始-----------------------------------------------*/

/*左侧列表栏目*/
.boxleft{width:272px;  margin:0px;float:left; }

.nylist_top{width:262px;height:auto;margin:0 auto 40px;padding-bottom:20px;}
.top_tt{height:45px;font:20px/45px "方正准圆繁体";color:#fff;font-weight:bold;text-align:center;background:#c72020;}
.top_about{width:262px;height:auto;margin:0 auto;padding:10px 0px 40px;background:#f1f0f0;}

.left-class{padding:6px 0;}
.left-class li{font-size:12px;display:block;margin-top:5px;}
.left-class li a{display:block;font:14px/27px "方正准圆繁体";cursor:pointer;color:#420608;padding-left:40px;}
.left-class li a:hover{background:#c72020; color:#fff;}
.left-class li a:hover a{color:#420608;}
.left-class li.active{ background:#c72020; color:#fff;}

.left-class li ul{display:none;}
.left-class li:hover ul{display:block;}
.left-class li:hover ul li a{height:27px;line-height:27px;display:block;font:14px/27px "宋体";color:#fff;padding-left:60px;font-weight:normal;margin-top:5px;}
.left-class li:hover ul li a:hover {background:#006ce1;color:#fff;}


.zxly{width:205px;height:74px;background:url(../images/ly.jpg) center no-repeat;margin-top:40px;}
.zxly a{display:block;width:205px;height:74px;}

.nylist_btm{width:247px;height:auto;margin-bottom:20px;}
.btm_about{width:100%;height:auto;padding-bottom:30px;}
.btm_about p{line-height:30px;}


.nylist_bot{height:auto;overflow:hidden;padding-bottom:40px;width:250px;background:#e6e2e2;padding-top:10px;}
/* 类别名称*/

/*公司简介*/
.company p{width:230px;margin:0 auto;font-size:14px;text-indent:28px;color:#000;}

/*left新闻列表*/
.new{width:230px;margin:0 auto;font-size:14px;}
.new li {width:100%;height:28px;line-height:28px;}
.new li a{font-size:14px;color:#000;}

/*产品分类列表*/
.aboutleft2 {width:237px;font-size:12px;margin:0 auto;padding-top:0px;height:auto;padding-bottom:10px;}
.aboutleft2 li {line-height:32px;width:237px;height:32px;padding-top:0px;background:#none;border-bottom:1px #D1E3C1 dotted;margin-top:8px;}
.aboutleft2 a {height:32px;width:237px;	line-height:32px;float:left;font-size:14px;text-align:center;color:#c51c22;}
.aboutleft2 a:hover {font-size:14px;width:237px;height:32px;text-decoration:none;text-align:center;color:#00f;}

/*内页新闻列表*/
.new1 {width:100%;text-align:left;font-size:12px;}
.new1 li {width:100%;height:28px;line-height:28px;float:left;display:inline;background:url(../images/1_r8_c18.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:12px;}
.new1 a:hover {font-size:12px;text-decoration:none;}

/*内页联系我们*/
.lianxi p{width:230px;margin:0 auto;font-size:14px;color:#000;}


/*left产品展示列表*/
.anli{ width:230px;margin:0 auto; list-style:none;}
.anli a{ display:block;width:100%;text-align:center;}
.anli a img{ width:220px; height:150px;vertical-align:middle; }
.anli p{  text-align:center; height:30px;line-height:30px;width: 100%; margin-top:3px;font-size:14px;color:#000;}

/*内页产品展示列表*/
.product{ width:100%; list-style:none; padding-top:10px; padding-left:3px;}
.product li{ width: 222px; margin:10px 10px; height:195px; float: left; overflow: hidden;}
.product li .img{width:220px;height:165px;border: 1px solid #ddd;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
.product li a{ display:block;}
.product li img{ max-width:190px; max-height:165px;vertical-align:middle; }
.product li p{  text-align:center; height:30px;line-height:30px;width: 100%; margin-top:3px;}
.product_title{text-align:center; font-weight:bold;padding:5px; width:100%; font-size:16px;}
.product_related{text-align:center; padding:5px; width:100%;}
.proimg{ text-align:center;}
.proimg img{ text-align:center; max-width:98%; margin:0 auto; display:block;} 
.page{ padding:15px 0 20px 0; width:100%; text-align:center; line-height:40px;}


/*右侧主体*/
.boxright{width:900px;height:auto;float:right;color:#000;}
.boxright_top{width:900px;height:40px; background:url(../images/d_06.png) bottom repeat-x;}
.boxright_mid{width:900px;height:auto !important;min-height:480px;overflow:hidden;zoom:1;background:url(../images/nymid.jpg) center top repeat-y;}
.boxright_bot{width:900px; height:8px;background:url(../images/nybot.jpg) center top no-repeat;}
.left_zi{height:40px;padding-left:5px;float:left;font:18px/35px "方正准圆繁体";color:#c72020;font-weight:bold;}
.right_zi{line-height:35px;margin-right:5px; float:right; text-align:right;color:#000;}
.content{line-height:24px;width:96%;margin:0 auto;padding-top:10px;}

/*右侧内容*/
.content img{max-width:100%;}

/*---------------------------------页尾样式开始-------------------------------------*/
.foot{width:1200px;margin:0 auto;height:auto;overflow:hidden;border-top: 2px solid #dadada;overflow: hidden; margin-top:150px; background:#f4f4f4;}

.foot_top{width:1200px;margin:0 auto;height:310px;}
.lx_fl{background:url(../images/l_20.png) top left no-repeat;padding-top:50px;}
.lx_fl p{font:12px/30px "方正准圆繁体";color:#000;}
.foot_menu{width:460px;margin:0 auto;height:50px;line-height:50px;color:#000;overflow:hidden;}
.foot_menu ul{width:460px;margin:0 auto;color:#000}
.foot .foot_menu a{color:#000;}
.di_sm{margin-top:30px;}
.di_sm div{width:150px;margin-left:30px;color:#fff;}
.di_sm div img{margin-bottom:10px;}
.footer-copyright{ margin-left:50px;}

/*在线留言*/
#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;}