@charset "utf-8";
.w_1200{width: 1200px;margin:0 auto;position: relative;}

.com_til {
    text-align: center;
    border-bottom: 1px solid #ddd;
    background: #fff;
}
.com_til h2 {
    font-size: 30px;
    font-weight: normal;
    background: url(../image/til_bg.jpg) bottom center no-repeat;
    line-height: 30px;
}
.com_til h2 p {
    font-size: 16px;
    line-height: 50px;
}

/*top*/
.top {border-top: 2px solid #148531; border-bottom: 1px solid #a0a0a0; }
.top span {width: 300px; float: left; padding-left: 25px; font-size: 14px; height: 40px; line-height: 40px; background: url(../image/fz.jpg) no-repeat center left; }
.lang{float: right;}
.lang li{float: left;line-height: 40px;height: 40px;font-size: 14px;}
.lang li a.en{margin-left: 10px;border-left: 1px solid #464646;padding-left: 10px;}

/*header*/
.header {height: 172px; background: url(../image/header_bg.jpg) repeat-x; }
.logo {float: left; margin-top: 40px; }
.tel_index {margin-right: 40px; float: right; color: #333; margin-top: 30px; background: url(../image/index_tel.jpg) left 0px no-repeat; padding-left: 60px; }
.tel_index b{font-weight: normal;line-height: 43px;height: 43px;font-size: 12px;}
.te_p{font-size: 24px;color: #57af53;float: right;margin-top: 10px;}

.dress_index {margin-right: 40px; float: right; color: #333; margin-top: 30px; background: url(../image/index_dress.jpg) left 0px no-repeat; padding-left: 60px; }
.dress_index b{font-weight: normal;line-height: 43px;height: 43px;font-size: 12px;}
.dr_p{font-size: 12px;color: #a8a7a7;float: right;margin-top: 10px;}


/*--nav--*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ height:45px; line-height:45px; background:url(../image/nav_bg.jpg) repeat-x;  position:relative; z-index:1;border-radius: 5px;top:-22px;}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;background:url(../image/nav_xx.jpg) no-repeat left;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; font-size:16px; font-weight:normal;  width: 150px;text-align: center;}
.nav .sub{ display:none; width:165px; left:8px; top:45px;  position:absolute; background:rgba(39,131,68,0.7);  line-height:35px; text-align: center; }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:rgba(39,92,63,0.7); color:#fff;}
.nav .on h3 a{ background:url(../image/nav_on.jpg) no-repeat center; color:#fff;   }

/*--banner--*/
.slideBox{ width:100%; height:555px; overflow:hidden; position:relative;top:-45px;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:48%; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:4px;  width:15px; height:15px;  background:#fff; cursor:pointer;text-indent: -99999px;border-radius: 50%; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:450px; height:230px; display:block;  }


.main1{background: #f6f6f6;}
.anli_tab{text-align: center; margin-bottom:20px;margin-top: 20px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.anli_tab a{display: inline-block; height: 40px; line-height: 40px; padding:0 11px;background-color: #fff; margin:0 3px;border:1px solid #a0a0a0;border-radius: 3px;}
.anli_tab a:hover{background-color: black; color: #fff;}


.picScroll-left{ position:relative;}
.picScroll-left .bd{     padding: 10px 110px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 10px 30px 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:217px; height:160px; display:block;  padding:4px;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }

.picScroll-left .bd1{     padding: 10px 110px; }
.picScroll-left .bd1 ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd1 ul li{ margin:0 10px 30px 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd1 ul li .pic{ text-align:center; }
.picScroll-left .bd1 ul li .pic img{ width:217px; height:160px; display:block;  padding:4px; }
.picScroll-left .bd1 ul li .pic a:hover img{ border-color:#999;  }

.picScroll-left .prev{ position:absolute; left:0%; top:40%; margin-top:-25px; display:block; width:92px; height:92px; background:url(../image/z_bj.png)  no-repeat;  }
.picScroll-left .next{ position:absolute; right:0%; top:40%; margin-top:-25px; display:block; width:92px; height:92px; background:url(../image/y_bj.png)  no-repeat;  }


ul li .pic{background:#2d2d2d;}
ul li .title{font-size: 14px;color: #fff;line-height: 55px;background: #2d2d2d;}
ul li .title a{color: #fff;}
.picScroll-left li{border-bottom:3px solid #494949}

.picScroll-left li:hover{border-bottom:3px solid #047922}
.picScroll-left  li:hover .pic{background:#119b34;}
.picScroll-left  li:hover .title{background:#119b34;}
.picScroll-left  li:hover .title a{color: #333;}
.picScroll-left .hd {width: 90px; height: 31px; position: absolute; bottom: -15px; left: 50%; margin-left: -35px; z-index: 1000; text-align: center; }
.picScroll-left .hd .prev, .picScroll-left .hd .next {display: block; width: 35px; height: 31px; cursor: pointer; position: absolute; left: 0px; top: 0; background: url(../image/slid_next.png) no-repeat left center; margin: 0 10px; }
.picScroll-left .hd .next {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); background-position: left center; left: 46px; }
.picScroll-left .hd .prev:hover{opacity: 0.8; filter: alpha(opacity=80); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); background-position: right center; }
.picScroll-left .hd .next:hover{opacity: 0.8; filter: alpha(opacity=80); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); background-position: right center; }

/*main2*/
.main2{padding-bottom: 30px;}
.m2_left{float: left;width: 585px;}
.news_title {height: 32px; line-height: 32px; border-bottom: 1px solid #c8c8c8; margin-bottom: 20px; }
.news_title b {border-bottom: 1px solid #119b34; float: left; font-weight: normal; font-size: 20px; padding-left: 25px; background: url(../image/new_t_bg.jpg) left no-repeat; }
.news_title1{background: url(../image/new_t_bg1.jpg) left no-repeat;}
.news_title span {float: right; font-family: "arial"; color: #be0a0a; }
.m2_right{float: right;width: 585px;}
.m2_right .fl img{border:3px solid #d9d9d9; }
.newsB li {width: 288px; height: 38px; line-height: 38px; border-bottom: 1px dotted #808283; }
.newsB .biao {width: 20px; height: 35px; display: block; float: left; background: url(../image/dian.jpg) left center no-repeat; }
.newsB li a {height: 35px; display: block; float: left; color: #222222; line-height: 35px; }
.m2_left .fl{width: 186px;}
.m2_left .fr{width: 374px;font-size: 14px;line-height: 20px;}


/*main3*/
.main3{background: #f6f6f6;}
.main3 a {float: left; display: inline-block; width: 400px; height: 246px; position: relative; font-size: 24px; line-height: 24px; }
.main3 a .front {position: absolute; top: 30px; left: 126px; z-index: 2; }
.main3 a .back2 {position: absolute; top: 30px; left: 126px; z-index: 1; }
.main3 a:hover .back2 {transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); z-index: 2; }
.main3 a:hover .front {transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); z-index: 1; }
.front, .back2 {backface-visibility: hidden; transition: 0.6s ease-out; -webkit-transition: .6s ease-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; top: 0; left: 0; }
.back2 {z-index: 1; transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); }

.main3 .text{position: absolute;top: 146px;width: 250px;left: 55px;text-align: center;}
.main3 .text h3{font-size: 20px;line-height: 30px;font-weight: normal;}
.main3 .text p{font-size: 14px;line-height: 20px;}


.div_act .p1{font-size: 16px;}
.act1{background: url(../image/act1.jpg) left 30px no-repeat;}
.act2{background: url(../image/act2.jpg) left 30px  no-repeat;}
.act3{background: url(../image/act3.jpg) left 30px  no-repeat;}
.act4{background: url(../image/act4.jpg) left 30px  no-repeat;}
.div_act{float: left;width:250px;padding-left: 30px;padding-top: 30px;font-size: 14px;padding-bottom: 30px;}

/*footer*/
.footer{background: #2d2d2d;}
.footer{height: 49px;line-height: 49px;font-size: 14px;color: #fff;}













.proname{margin:45px auto 0 auto;width:980px;text-align:center;color:#525252;font-size:36px;font-family:"Times New Roman",Times,serif;text-transform:uppercase}
.prona{margin:10px auto;width:980px;text-align:center;position:relative;background:url(../images/nameline.jpg) center center no-repeat; font-family:ËÎÌå; color:#fff;}
.prona font{color:#010101;font-family:'Microsoft Yahei';font-size:20px}
.prona a{position:absolute;right:0;top:0;background:#e9e9e9;border:1px solid #2f2e2e;color:#000;width:78px;height:20px;font-size:14px;line-height:20px}
.pro_lanfra{margin:0 auto;width:980px;text-align:center;font-size:14px;color:#222c50;line-height:30px;padding:20px 0 0 0}
.pro_lanfra a{color:#222c50;background:#fff;padding:1px 8px;border-radius:5px;display:inline-block}
.prolanmu1 .pro_lanfra a{color:#222c50;background:#eaeaea;padding:1px 8px;border-radius:5px;display:inline-block}
.pro_lanfra a:hover{color:#fff;background:#1DA941}
.pro_lanfra a.cur{color:#fff;background:#1DA941}
.pro_lanfra a.promore{color:#ff002a;margin:0 6px}
.pro_lanfra a.promore:hover{color:#ff002a;background:#eaeaea}
.pro_lanfra span{position:relative;margin:5px}
.pro_lanfra span .nnn{width:800px;position:absolute;left:6px;top:20px;display:none;padding:10px 0 0 0;z-index:9;text-align:left}
.pro_lanfra span .nnn .nnfra{float:left;background:#4d4d4d;color:#fff}
.pro_lanfra span .nnn .nnfra a{background:0 0;display:inline;float:none;color:#fff}
.pro_lanfra span .nnn .nnfra a:hover{background:0 0;display:inline;color:#ECE6E6}


.productfra h2{font-size:18px;font-family:'Microsoft Yahei';font-weight:400;color:#db261d;text-align:left}
.newsview{min-height:400px;display:inline;width:920px;padding-top:25px;margin-top:30px;border-top:1px solid #fff;margin-bottom:25px;padding-bottom:15px;font-size:14px;line-height:33px;float:left;color:#777;padding-left:40px;padding-right:40px}
.main_r_nav span{float:left;color:#616161}
.title_s{float:left;width:1200px;text-align:left;border-bottom:1px solid #e4e4e4;color:#777;margin-bottom:10px;font-size:12px;line-height:30px;padding:10px 0 0 0;display:inline;margin-bottom:20px}
.viewcon .center img{margin-bottom:10px;width:auto;max-width:600px;overflow:hidden}
.viewpage{background:#eee;width:100%;float:left}
.main_r_nav{float:left;width:700px;height:66px;padding:10px 0;font-size:14px;margin-left:20px;display:inline}
.returnlist{width:50px;height:56px;padding:15px 18px;display:inline;float:right;color:#fff;line-height:30px;font-size:12px;background:#2f2e2e}
.returnlist a{color:#fff;text-align:center;font-size:18px;font-family:"microsoft yahei";width:100%;display:block}
.main_r_nav a{color:#777;float:left;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:33px;font-size:14px}
.main_r_nav a:hover{color:#db261d}
.title_s .divleft{float:left}
.title_s .divright{float:right;padding:0}
.page{margin-top:50px;font-size:14px;float:left;width:100%;line-height:34px;text-align:center;color:#000}
.page a{color:#262217;padding:0 10px;margin:0 5px;border:1px solid #da0c0c;background:#fff}
.page *{display:inline-block;vertical-align:middle;line-height:32px;height:32px;padding-bottom:1px}
.page a:hover{color:#da0c0c}
.page img{height:auto;margin:0 3px}
.page .bg{font-weight:400;background:#2f2e2e;color:#fff;margin:0 5px;border:1px solid #2f2e2e}
.page .disabled{padding:0 10px;color:#c5c5c5;border:1px solid #d5d5d5;background:#fff}
.page .current{display:inline-block;border:1px solid #2f2e2e;padding:0 10px;color:#fff;background:#2f2e2e;margin:0 5px}


.pro_list li{width:210px;overflow:hidden;height:197px;float:left;margin:0 12px 30px;display:inline}
.pro_list li a{display:block;width:210px;position:relative}
.pro_list li a em{display:none;position:absolute;border:1px solid #1DA941;width:198px;height:153px;left:5px;top:5px}
.pro_list li a p{float:left;width:210px;height:32px;background:#2f2e2e;text-align:center;line-height:32px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff;font-size:14px}
.pro_list li a:hover em{display:block}
.pro_list li a:hover p{background:#1DA941}
.productfra {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0;
}

.news_list{padding:0 0 0 20px;width:1200px;font-size:14px}
.news_list li{float:left;width:1180px;line-height:40px}
.newseven{background:#eee}
.news_list li a{float:left;width:100%;height:40px;line-height:40px;color:#515151}
.news_list li a:hover{color:#da0c0c}
.news_list li a span{cursor:pointer}
.news_list li .fl{width:546px;margin-left:6px;display:inline;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-left:10px;font-size:14px}
.news_list li .fr{margin-right:5px;font-size:12px}
.news_line{clear:both;width:687px;height:18px;margin:10px 0}
.news_list p{font-size:12px;padding:10px 20px;line-height:20px;color:#ccc}



/*page*/
#pages{text-align: center;}
#pages a{padding:0 10px;height: 30px;line-height: 30px;text-align: center; background: #e6e6e6;color: #333;display: inline-block;}
#pages span{padding:0 10px;height: 30px;line-height: 30px;text-align: center; background: #1DA941;color: #fff;display: inline-block;}
#pages a:hover{background: #1DA941;color: #fff;}