@charset "utf-8";
.b_link_bg{margin-top:0;}

.i-h2{ height:118px; font:36px "Microsoft YaHei"; text-align:center; color:#171310; background:url(../images/pro_line.png) no-repeat center 24px;}
.i-h2 span{ display:block; font:18px "Microsoft YaHei"; color:#5d5c5a; padding-top:8px;}
.i-h2 a{ display:block; color:#171310;}

.i-h3{color:#171310;font-size:24px;height:72px;margin-bottom:20px;line-height:1.8;text-align:center;background:url(../images/cc.png) no-repeat center top;}
.i-h3 span{display:block; font:18px "Microsoft YaHei";line-height:1; color:#5d5c5a;}

.i_dt{float:left;width:100%;height:50px;color:#565656;}
.i_dt .title{float:left;height:50px;font:22px/50px "Microsoft YaHei";}
.i_dt .title span{font-size:18px;color:#636363;}
.i_dt .title font{font-size:13px;}
.i_dt .tag{background:#00a0e9;color:#fff;}
.i_dt .more{float:right;width:90px;height:30px;padding-top:20px;font:16px/30px "Microsoft YaHei";text-align:right;}
.i_cont{float:left;width:100%;padding:10px 0;text-align:left;overflow:hidden;}

.news_list{width:100%;}
.news_list ul{float:left;width:100%;}
.news_list ul li{float:left;width:100%;height:31px;border-bottom:1px dotted #ccc;font:14px/31px "Microsoft YaHei";background:url(../images/dtLi_ico.png) no-repeat 0 center;text-indent:10px;overflow:hidden;}
.news_list ul li span.title{float:left;}
.news_list ul li span.time{float:right;width:90px;text-align:right;color:gray;text-indent:0;}
.news_list ul li.hot{width:100%;height:auto;border-bottom:0;margin-bottom:10px;background:none;text-indent:0;}
.news_list ul li.hot img{float:left;margin:0 10px 0 0;width:140px;height:95px;}
.news_list ul li.hot span{display:block;float:none;line-height:21px;overflow:hidden;}
.news_list ul li.hot span.title{height:23px;}
.news_list ul li.hot span.title a{font-weight:bold;font-size:14px;line-height:23px;}
.news_list ul li.hot span.content{height:63px;color:gray;}

.i-about-box{padding:50px 0;background:#fff;}
.i-about-box .i-h3{margin-bottom:40px;}
.i-about-box img{float:left;margin:0 30px 0 0;}
.i-about-box p{text-indent:32px;font:16px/37px "Microsoft yahei";}
.i-about-box p.i-more{text-align:right;}
.i-about-box h1{font:22px/37px "Microsoft yahei";}

.i-news-box-1{background:#f2f2f2;padding:30px 0;}
.i-news-box-2{background:#f2f2f2;padding:30px 0;}
.i-news-cont{width:10000%;}
.i-news-cont .news_list ul li.hot{width:340px;height:360px;padding:5px;margin:0 40px 0 0;background:#fff;}
.i-news-cont .news_list ul li.hot img{width:340px;height:216px;margin:0;}
.i-news-cont .news_list ul li.hot span{width:100%;}
.i-news-cont .news_list ul li.hot span.title{height:35px;text-align:center;}
.i-news-cont .news_list ul li.hot span.title a{font-weight:bold;font-size:14px;line-height:35px;}
.i-news-cont .news_list ul li.hot span.content{width:320px;height:92px;line-height:23px;padding:0 10px;color:gray;font-size:13px;text-indent:26px;}

.i-pro-title-box{height:63px;padding:0;background:#037d9c;color:#fff;}
.i-pro-title-box dt{float:left;width:130px;font:24px/63px "Microsoft yahei";text-align:left;}
.i-pro-title-box dd{float:left;width:1000px;height:63px;overflow:hidden;font:18px/63px "Microsoft yahei";text-align:left;}
.i-pro-title-box dd a{color:#fff;padding:0 10px;}




.i-pro-box{background:url(../images/i_pro_bg.png) repeat-x center top #fff;height:734px;overflow:hidden;}
.i-pro-box-con{width:1200px;margin:0 auto;}
.i-p-menu{width:256px;float:left;background:url(../images/i_pro_t_bg.png) no-repeat center top;height:731px;overflow:hidden;}
.i-p-menu-title{width:233px;margin:13px 0 0 13px;text-align:center;color:#fff;}
.i-p-menu-title h3{font:30px/1.5 "Microsoft yahei";}
.pro-nr{width:924px;float:right;margin-top:40px;}

.i-p-menu-list{width:209px;margin:0 auto;margin-top:35px;}
.i-p-menu-list li{margin-bottom: 11px}
.i-p-menu-list li a{background:#f67f4c;color:#ffffff;display:block;line-height:49px;font-family: "微软雅黑";font-size:16px;text-align: center;}
.i-p-menu-list li a:hover{color:#ffffff;text-decoration: none;background:#eb6d37;text-decoration:none;}

.product_list1{}
.product_list1 li{float:left;margin-left:7px;margin-right:7px;margin-bottom:50px;_display:inline;position:relative;}
.product_list1 li a.img{}
.product_list1 li a.img img{width:294px;height:294px;}
.product_list1 li h3{position:absolute;width:100%;height:294px;text-align:center;bottom: 0px;background:url(../images/nh.png) no-repeat center top;display:none;}
.product_list1 li h3 a{font-weight:normal;line-height: 294px;color:#ffffff;font-size:20px;}
.product_list1 li a.img{display:block;}
.product_list1 li a.img:hover{border-color:#ef0000;}
.roll_product{float:left;}
.product_list1 li:hover h3{display:block;}


.i-pro-box div.product_list{float:left;width:100%;overflow:hidden;}
.i-pro-box div.product_list div{float:left;width:10000%;}
.i-pro-box div.product_list ul{float:left;width:268px;height:272px;margin:3px 20px 10px 0;display:inline;text-align:center;overflow:hidden;}
.i-pro-box div.product_list ul li.p_img{float:left;width:256px;height:220px;padding:6px;border:0;background:#f2f2f2;overflow:hidden;}
.i-pro-box div.product_list ul li.p_img img{width:256px;height:220px;}
.i-pro-box div.product_list ul li.p_t{float:left;width:100%;height:40px;line-height:40px;overflow:hidden;}
.i-pro-box .i-more{width:100%;text-align:center;}


.i-ys-ads-box{height:130px;background:url(../images/ads.jpg) no-repeat center;}
.i-ys-box{background:#f8f8f8;padding:50px 0;}
.i-ys-box .i-box{text-align:left;}
.ys-title{width:100%;text-align:center;padding-bottom:20px;font:bold 36px/55px "Microsoft yahei";}
.bg01 {width:100%;min-height:360px;padding-bottom:60px;background:url(../images/ys_bg.jpg) no-repeat center bottom; overflow:hidden; position:relative;}
.bg01 img{position:absolute;top:40px;right:0;}
.one { top:54px; left:0; width:530px;min-height:119px;padding-left:0;position:absolute;/*background:url(../images/ys_1.png) no-repeat left 3px;*/}
.one h3 { height:54px;font:bold 30px/54px "Microsoft yahei";color:#3b4e65;}
.one h3 em { font-size:48px; font-style:normal;font-weight:initial;padding-right:20px;color:#f45d1d;}
.one h3 span { font-size:28px; color:#dadada; padding-left:30px;}
.one p {font:16px/35px "Microsoft yahei";color:#2a2b2b;padding:3px 0 0 5px;}
.one p em { color:#e90707; font-style:normal}
.two { top:200px; left:0; position:absolute}
.bg02 {width:100%;height:382px; overflow:hidden; position:relative;}
.bg02 img{position:absolute;top:50px;left:0;}
.three {width:530px; top:30px; left:auto; right:0; position:absolute}
.four {width:530px; top:222px; left:auto; right:0; position:absolute}

.i-hzhb-box{padding:50px 0;}
.i-hzhb-box .i-hzhb-cont{width:10000%;}
.i-hzhb-box ul.hb_ul{float:left;width:243px;height:98px;margin:10px 0 0 0;display:inline;text-align:center;overflow:hidden;}
.i-hzhb-box ul.hb_ul li.z_img{float:left;width:212px;height:98px;overflow:hidden;}
.i-hzhb-box ul.hb_ul li.z_img td{width:206px;height:92px;padding:2px;border:1px solid #d2cfcf;text-align:center;vertical-align:middle;background:#fff;}
.i-hzhb-box ul.hb_ul li.z_img td:hover{border:1px solid #e90707;}
.i-hzhb-box ul.hb_ul li.z_t{float:left;width:100%;height:50px;padding-top:8px;line-height:21px;overflow:hidden;}


.i-feedback-box{background:url(../images/ditu.png) no-repeat center #127cc7;min-height:484px;padding:36px 0;}
.i-feedback-box h2{float:left;width:100%;font:24px/50px "Microsoft yahei";padding:0;text-align:center;color:#fff;}
.i-feedback-box h3{float:left;width:100%;font:16px/35px "Microsoft yahei";padding:0 0 40px;text-align:center;color:#fff;}
.i_feedback{float:left;width:1130px;margin:20px 0 0;}
.i_feedback ul{float:left;width:1130px;display:inline;}
.i_feedback ul li{float:left;width:400px;clear:left;padding-left:36px;height:55px;margin:35px 0 0 40px;display:inline;text-align:left;}
.i_feedback ul li.form_01{background:url(../images/form_ico01.png) no-repeat 12px center #fff;border-radius:10px;margin-top:0;}
.i_feedback ul li.form_02{background:url(../images/form_ico02.png) no-repeat 12px center #fff;border-radius:10px;}
.i_feedback ul li.form_03{background:url(../images/form_ico03.png) no-repeat 12px center #fff;border-radius:10px;}
.i_feedback ul li.form_04{float:right;width:500px;clear:none;background:url(../images/form_ico04.png) no-repeat 14px 16px #fff;border-radius:10px;height:auto;margin:0 40px 0 0;}
.i_feedback ul li.form_button{padding-left:275px;border:0;color:#fff;text-align:center;}
.i_feedback ul li.form_button input{width:196px;padding:0 10px;height:51px;font:24px/51px "Microsoft yahei";background:#eb8602;border:0;color:#fff;border-radius:10px;}
.i_feedback ul li .input{width:380px;padding:0 5px;border:0;background:#fff;height:55px;line-height:55px;}
.i_feedback ul li textarea{width:480px;padding:10px 5px;border:0;background:#fff;height:202px;line-height:25px;}

.header, .content, .footer {
    width: 1200px;
    margin: 0 auto;
}

/**/

.i-pro1-box{background:#fff;padding:60px 0 60px; box-sizing: border-box; font-family: "Microsoft YaHei"; }

.fen{ width:179px; height: 460px;background:#3b4e65;overflow: hidden; float: left;}
.fen ul{ height: 460px; }
.fen ul li{width:179px;height: 154px;background:none; margin-right: 22px; text-align: center; position: relative;}
.fen ul li a{ text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; height:43px; font-size: 22px; color: #fff;}
.fen ul li b{font-size: 18px; font-weight: bold;color:rgba(255,255,255,0.5); font-family: "Arial";height: 21px;padding-top:36px; border-bottom: 1px solid rgba(255,255,255,0.5); display: block; width: 21px; line-height: 21px; margin: 0 auto 10px;}
.fen ul li i{font-size: 10px; color:rgba(255,255,255,0.5);font-family: Times New Roman; display: block; line-height:28px;}
.fen ul li:after,.fen .cur:after{content:'';position:absolute;height:100%;width:0;background:#f45d1d;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;}
.fen ul li:hover:after,.fen .cur:after{width:100%;color: #fff;}


.pro_nr{height: 460px; width:1021px;background:#f5f5f5;overflow:hidden;}
.pro_nr dl{height: 460px; width:1021px; background:#f5f5f5;padding:22px 0;box-sizing: border-box;box-shadow: 0 0 10px #ccc;  overflow:hidden;}
.pro_nr dl dt{width: 416px; height: 416px; float: left; overflow:hidden; margin-left:22px;}
.pro_nr dl dt img{width: 416px; height: 416px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.pro_nr dl dt img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.pro_nr dl dd{ float: right;width: 495px; padding-right:30px;  overflow:hidden; text-align:left;}
.pro_nr dl dd h3{ font-size: 24px; font-weight: bold; color: #565656; margin-bottom: 20px; }
.pro_nr dl dd h3 a{ color: #565656; }
.pro_nr .prodd{ font:14px "Microsoft YaHei"; line-height:24px; color:#565656; height:368px;}
.pro_nr dl dd p{line-height: 24px;font-size: 14px;  color: #565656;}
.pro_nr dd b{ font-size:18px;}
.pro_nr dd h5{ margin-top:15px; padding-top:15px; border-top:1px dashed #d5d5d5;}
.pro_nr dd h5 span{ display:block; font:14px "Microsoft YaHei"; line-height:24px;}

.ys{ padding:30px 0 0;}
.ys h2{ height:152px; padding-top:45px; background:url(../images/ys_h.png) no-repeat center top; font:48px "Microsoft YaHei"; text-align:center; font-weight:bold; color:#333;}
.ys h2 em{ display:block; font:20px "Microsoft YaHei"; padding-top:8px;}


.i-news-box-6{ height:750px; padding-top:100px; background:#f5f5f5 url(../images/new_bg.gif) no-repeat center top;}
.i-news-box-6 h2{ height:124px; overflow:hidden;}
.i-news-box-6 h2 em{ display:block; width:570px; float:left; font:24px "Microsoft YaHei"; font-weight:bold; color:#3b4e65; line-height:60px;}
.i-news-box-6 h2 em i{ color:#f45d1d; font-size:36px; padding-right:10px;}
.i-news-box-6 h2 span a{ display:block; padding-top:22px;font:28px "Microsoft YaHei"; font-weight:bold; color:#333; width:65px; float:left;}
.i-news-box-6 h2 p{ width:465px; float:right; overflow:hidden; font:18px "Microsoft YaHei"; line-height:60px; color:#3b4e65;}
.i-news-box-6 h2 p a{ display:block; color:#3b4e65;}
.i-news-box-6 h2 p b{ float:right; font-weight:normal; color:#333;}
.new1{ width:660px; height:310px; overflow:hidden; float:left; margin-top:48px; position:relative;}
.new1 dt img{ display:block; width:660px; height:310px;}
.new1 dd{ background:#3b4e65; position:absolute; bottom:0; padding:20px;}
.new1 dd h3 a{ display:block; font:16px "Microsoft YaHei"; font-weight:bold; color:#fff;}
.new1 dd p{ font:14px "Microsoft YaHei"; line-height:21px; color:#ddd; padding-top:5px;}
.new2{ width:465px; float:right; overflow:hidden; margin-top:15px;}
.new2 dl{ padding:15px 0; height:83px; border-bottom:1px solid #cecece;}
.new2 dt{ float:left; position:relative; width:72px; font:48px "Microsoft YaHei"; color:#333;}
.new2 dt:before{ content:""; position:absolute; top:12px; right:0; width:1px; height:82%; background:#cecece;}
.new2 dt em{ display:block; font:12px "Microsoft YaHei"; color:#949494;}
.new2 dd{ width:375px; float:right; margin-top:7px;}
.new2 dd h3 a{ display:block; font:16px "Microsoft YaHei"; color:#333;}
.new2 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#7c7c7c; padding-top:6px;}
.new2 dl:hover dt,.new2 dl:hover dd h3 a{ color:#3b4e65;}

.faq{ height:160px; overflow:hidden; margin-top:48px; position:relative;}
.faq h3{ width:190px; overflow:hidden; font:24px "Microsoft YaHei"; font-weight:bold; color:#333; float:left;}
.faq h3 a{ display:block; color:#333;}
.faq h3 em{ display:block; font:12px Arial; color:#c8c8c8; text-transform:uppercase; padding-top:6px;}
.faq1{ width:1000px; float:right; overflow:hidden; height:160px;}
.faq1 dl{ width:440px; height:100px; padding:10px; border:1px solid #dbdbdb; float:left; margin-right:75px; overflow:hidden;}
.faq1 dt a{ display:block; font:18px "Microsoft YaHei"; line-height:30px; height:30px; color:#333; background:url(../images/q.png) no-repeat left center; padding-left:35px; overflow:hidden;}
.faq1 dd{ font:14px "Microsoft YaHei"; line-height:26px; color:#7c7c7c; background:url(../images/a.png) no-repeat left 0; padding-left:35px; margin-top:10px;}
.arr1 a{ display:block; width:70px; height:35px; overflow:hidden; background:#3b4e65; position:absolute; top:78px; left:0;}
.arr2 a{ display:block; width:70px; height:35px; overflow:hidden; background:#3b4e65; position:absolute; top:78px; left:70px;}
.arr1 a:hover,.arr2 a:hover{ background:#f45d1d;}


.link{ padding:30px 0; border-top:1px solid #ccc;}
.link a{ display:inline-block; font:16px "Microsoft YaHei"; line-height:24px; color:#666; padding:0 30px;}