/*头部样式*/
.top{border-bottom: 1px solid #e1e1e1;font:14px/32px "微软雅黑";color: #333;}
.k1 a{color: #333;}
#header{width:1200px;margin:0 auto;overflow: hidden;background: url(../images/head.png) center bottom no-repeat;margin-top: -10px;}
.logo{float:left;line-height: 120px;width: 636px;}
.k2{padding-left: 70px;margin-top:25px;font:26px/1.2 "微软雅黑";color: #000;background: url(../images/tel.png) left center no-repeat; height:60px; vertical-align:middle; font-weight:500;}
.k2 span{ display:block;}


/*热门关键词*/
.search{padding: 12px 0;box-shadow: 0 3px 8px rgba(0,0,0,.2);}
.hotSearch{float:left;font:14px/31px "微软雅黑";color: #333;}
.hotSearch a{margin-right:10px;font-size: 12px;color: #333;}


/*搜索*/
#formsearch{font-size: 0;width: 300px;border:1px solid #cacaca;float: right;}
#formsearch input{background:none;border:none;line-height:29px;height:29px;outline: none;}
#formsearch input#keyword{padding-left:13px;color:#666;width:245px;}
#formsearch input#s_btn{width:41px;background:url(../images/ss.png) center top no-repeat;cursor:pointer;font-size: 0;}

/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:30px;}
.article{width: 1200px;margin:0 auto;position: relative;overflow: hidden;}
.v-article{width: 1200px;margin:0 auto;position: relative;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}





/*友情链接*/
.f_link{margin-top: 45px;padding:15px 0;border-top: 1px solid #dde2e2;font:14px/47px "微软雅黑";}
.f_link a{margin-left: 10px;}

/*页面底部*/
        .footWrap{height:405px;background:#353535;padding-top: 60px;box-sizing: border-box; overflow:hidden;font-family:"Microsoft Yahei"; margin-top:30px;}
        .footer{width:1200px;margin: 0 auto; overflow:hidden;}
        .footWrap h3{height: 30px; line-height: 30px; color: #fff; font-size: 18px; font-weight: bold;margin-bottom: 20px; }
        .fnav { overflow:hidden;width:285px; float: left; height: 188px;border-right: 1px solid #4a4a4a; }
        
        .fnavv a{font-size:14px;color:#ffffff;width:93px; float: left; height: 36px; line-height: 36px; display: block;margin-right: 35px;opacity: 0.5;}
       
        .cjnews{float: left; overflow:hidden;width:540px;height: 188px;box-sizing: border-box;border-right: 1px solid #4a4a4a;padding-left: 72px; padding-right:55px;}
        .cjnews ul li{ line-height: 24px; font-size: 13px;}
        .cjnews ul li a{color: #ffffff;font-weight: normal;opacity: 0.5;}
/*
        .fcontact p{ height: 42px; line-height: 42px; padding-left: 50px;background: url(images/fttel.png) no-repeat left center; font-size: 26px; color: #fff; font-weight: bold;margin-bottom: 15px; }
        .fcontact li{ line-height: 28px; font-size: 14px;color: #ffffff;font-weight: normal;opacity: 0.5;}
        .fcontact li em{padding:0 10px;}
*/
        .fcode{overflow:hidden;width:240px;height: 188px;font-size: 14px; color: #adadad;  float: right;box-sizing: border-box;}
        .fcode li{font-size: 14px;color: #fff; width: 111px; float: left;}
        .fcode li img{ width: 103px; display: block;padding:2px;background: #fff; }
        .fcode li span{ display: block;font-size: 14px; color: #fff; text-align: center; height: 30px; line-height: 30px;opacity: 0.55; }
        .fcode li:nth-child(1){margin-right: 18px;}

        
       
        .footWrap2{ height: 108px; line-height: 108px; text-transform: uppercase; color: #666666; font-size: 14px;background: #2e2e2e; margin-top:50px;}
         .footWrap2 a{ color: #666666; }
         .flogo{width: 179px;  float: left;margin-right: 30px;}
         .flogo img{width: 85px; height:60px;display: block;margin-top: 20px;}

        .footWrap2 span{ float: right;opacity: 0.4;color: #fff; }
        .footWrap2 span a{color:#fff;opacity:1;}
        .footWrap2 em{padding:0 5px;}
    .frtxt{ line-height:30px; width:900px; padding-top:25px;}
    .frtxt span{ padding:0 6px;}
.Top{position: fixed;z-index: 50;bottom:200px;right: 5px;cursor: pointer;}

/*------------内页-------------------*/

.left {width: 256px;float: left;}

.left .box {margin-bottom: 10px;}
.left .box h3 {line-height: 76px; height:76px;background: #151515 url(../images/classtbg.jpg) no-repeat;font-size: 20px;color: #fff;font-weight: 600;position: relative; text-align:center;}
.left .box .content {padding: 5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:100%; height:300px;}
.n_banner img{max-width:100%; height:auto !important;width:auto !important;}
.wrapper {margin: 0 auto; position: relative; height:648px;left: 50%;margin-left: -960px;width: 1920px;}
.family_x{position:absolute;right:400px;top:520px;width:200px;z-index:9999;}
.family_x ul{}
.family_x ul li{width:100px;float:left;height:22px;line-height:22px;}
.family_x ul li a{font:bold 14px/22px "微乳雅黑";color:#bcbcbc;display:block;padding-left:30px;}
.family_x ul li a:visited{color:#bcbcbc;}
.family_x ul li a:hover{text-decoration:none;color:#FFCC00;}
.family_x ul li.fam_01{background:url(../images/zg.png) no-repeat 0px 50%;}
.family_x ul li.fam_02{background:url(../images/yw.png) no-repeat 0px 50%;}


.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:920px;float:right;padding-bottom:10px;}
.sitemp {border-bottom:1px solid #eee;}

.sitemp h2 {width: 340px;float: left;line-height: 40px;text-align: left;font-size: 16px;color:#333;}

.sitemp .site {width: 380px;float: right;text-align: right;line-height: 40px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.right .conlist{padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}


/*black*/
.black{text-align: center;font:bold 30px/1 "微软雅黑";color: #00786c;background: url(../images/blk.png) center 14px no-repeat;height: 90px;}
.black span{display: block;font:16px/40px "微软雅黑";color: #aaabab;}

/*white*/
.white{text-align: center;font:bold 30px/1 "微软雅黑";color: #fff;background: url(../images/blk.png) center 14px no-repeat;height: 90px;}
.white span{display: block;font:16px/40px "微软雅黑";color: #fff;}


/*z1*/
.z1{margin-top: 20px;height: 285px;background: url(../images/z1.png) center bottom no-repeat;}
.z1Box{margin-top: 28px;position: relative;}
.z1Box .bd{width: 1135px;margin:0 auto;overflow: hidden;}
.z1Box .bd ul li{float: left;margin-right: 19px;}
.z1Box .bd ul li img{width: 173px;height: 127px;}
.z1Box .prev,.z1Box .next{position: absolute;top: 37px;cursor: pointer;}
.z1Box .prev{left: 0;}
.z1Box .next{right: 0;transform:scale(-1);}

/*z2*/
.z2{padding-top: 27px;}
.z2L{width: 220px;}
.z2L ul{width: 205px;margin: 0 auto;margin-top: 10px;}
.z2L ul li{margin-bottom: 8px;}
.z2L ul li>a{display: block;text-align: center; font-size:16px;color: #fff;background-color: #e24704; padding:8px; height:50px; font-weight:bold;}
.z2L ul li>a>span{ display:block; border:1px solid #ccc; line-height:50px; background:url(../images/lihh.png) no-repeat right center;}
.z2L ul li dl{border-top: 1px dashed #dadada;margin-top: 2px;}
.z2L ul li dl dd a{display: block;text-align: center;font:14px/35px "微软雅黑";color: #333;background: url(../images/z2Lli.jpg) center;border-bottom: 1px dashed #dadada}
.z2R{width: 965px;}
.z2R .hd{overflow: hidden;border-bottom: 1px solid #d2d5d7;}
.z2R .hd li{float: left;margin-left: 8px;width: 142px;height: 39px;text-align: center;font:18px/39px "微软雅黑";color: #fff;background: url(../images/prot_05.png);}
.z2R .hd li.on{background: url(../images/prot_03.png);}
.z2R .hd a{float: right;font:14px/39px "微软雅黑";}
.z2R .bd{margin-top: 20px;}
.z2R .bd ul{display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;justify-content:space-between;margin-bottom: 15px;flex-wrap:wrap;}
.z2R .bd ul li{ width:280px;border:1px solid #e0dcdc; background-color: #e9eaea;margin-bottom: 15px; text-align:center;}
.z2R .bd ul li .imginfo{ display:inline-block;width:280px; height:200px; background-color:#FFF;}
.z2R .bd ul li img{width: 280px; height:200px;}
.z2R .bd ul li div h3{ line-height:45px; height:45px; font-size:15px; text-align:center; font-weight:normal;border-top:1px solid #e0dcdc;}

/*z3*/
.z3{margin-top: 40px;}
.about_video{width:1200px; height:600px;background-color:#f2f2f2;padding:55px 0}
.about_video h3{font-size:30px;color:#074488;text-align:center;font-weight:700;padding:20px 0 40px 0}
.about_video .vid{margin:0 auto;position:relative;width:960px;height:485px;background:url(../images/vbg.png) no-repeat bottom center}
.about_video .vid .vico{display:inline-block;position:absolute;width:76px;height:76px;left:50%;top:50%;margin-left:-38px;margin-top:-38px}
.boxBlank{display:none;position:fixed;z-index:99;left:0;top:0;width:100%;height:100%;background:url(../images/back_bg.png) repeat}
.box_wrap .about-video-close{position:absolute;top:10px;right:1%;width:30px;height:30px;background:transparent url(../images/hw1_sprite.png);background-repeat:no-repeat;cursor:pointer;z-index:10}
.box_wrap{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:all 160ms ease-in-out;transition:all 160ms ease-in-out;position:fixed;top:100px;left:50%;margin-left:-480px;z-index:999;display:none}
@media screen and (max-width:1600px){.box_wrap{top:100px}
}
@media screen and (max-width:1430px){.box_wrap{top:20px}
}
.video-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:400;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.video-js video{width:960px;height:540px}

.dextitle{ text-align:center;}
.dextitle h3{ font-size:32px;color:#333; padding:5px 0; border-bottom:1px solid #e6e6e6; margin:0; position:relative;}
.dextitle h3 em{ color:#e84b1c;}
/*.dextitle .line{ display:inline-block; width:65px; border-top:2px solid #e6e6e6; height:1px; padding-top:-30px;}*/
.dextitle h3:before{content: " ";  display:inline-block; position:absolute; left:570px; bottom:-5px;width:65px; height:3px;border-top:3px solid #e6e6e6; }
.dextitle p{ font-size:14px; color:#999; padding:5px 0;}
.vid{ margin-top:30px;}

/*z4*/
.z4{ width:100%;margin-top: 20px; height:485px; background:url(../images/ysbg.jpg) no-repeat center;}
.z4 .dl_ys{ color:#FFF; padding-top:55px;}
.z4 .dl_ys dt{ width:450px; float:left;}
.z4 .dl_ys dd{ width:720px; float:right;}
.z4 .dl_ys dd h3{ color:#e84b1c; font-size:32px; font-weight:900; text-align:center; padding-top:25px}
.z4 .dl_ys dd p{ padding:5px 0; font-size:15px; text-align:center; color:#666;}
.z4 .dl_ys dd .des_list{ padding-top:90px;}
.z4 .dl_ys dd .des_list ul li{ padding:3px 0; font-size:14px; font-size:13px;}
.z4 .dl_ys dd .des_list ul li h5{ height:22px; background:url(../images/zqico.png) no-repeat left center; padding-left:24px; font-size:15px; font-weight:bold; line-height:22px;}
.z4 .dl_ys dd .des_list ul li p{ font-size:13px; color:#FFF; text-align:left; clear:both;}

/*z5*/
.z5{margin-top: 45px;} 
.z5ulbg{ display:block; padding:1px 1px 0 1px;background-color: #e2e2e2;}
.z5 .hd{border-top:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #FFF; background-color: #e2e2e2; overflow:hidden;}
.z5 .hd li{width: 163px;text-align: center; font-size:16px;color: #333;background-color: #e2e2e2;position: relative; float:left; height:50px; line-height:50px; font-weight:bold; border-top:2px solid #e2e2e2;border-left:2px solid #e2e2e2;border-right:2px solid #e2e2e2; }
.z5 .hd li.on{background-color: #FFF;}
.z5 .bd{width: 1200px; height:482px; padding-top:30px;position: relative; float:left;}
.z5 .bd dt{ width:785px;height:480px;   float:left;}
.z5 .bd dt img{ width:785px;}
.z5 .bd dd{ width:390px;height:500px; float:right;}
.z5 .bd dt{ height:480px; overflow:hidden;border: 1px solid #e5e5e5;}
.z5 .bd dd p{ margin-bottom:18px; height:230px; position:relative; text-align:center;border: 1px solid #e5e5e5;}
.z5 .bd dd .infotitle{ display:none; width:420px; height:34px; line-height:34px; background-color:#000; font-size:13px; text-align:center; background:url(../images/bbg.png) repeat; position:absolute; left:0; bottom:0; text-align:center; color:#FFF; font-size:13px; }
.z5 .bd dt .infotitle{display:none; width:785px; height:42px; line-height:42px; background-color:#000; font-size:15px; text-align:center; background:url(../images/bbg.png) repeat; position:absolute; left:0; bottom:0; text-align:center; color:#FFF; font-size:13px; }
.z5 .bd a:hover .infotitle{ display:block;}

/*z6*/
.z6{margin-top: 20px;padding-top: 35px;aheight: 650px;}
.z6 .abouttxt{ font-size:15px; padding:15px 10px 10px 10px; text-indent:2em;}
.z6 .abouttxt p{ padding:5px 0;}
.z6 .buts3{ text-align:center; font-size:16px; color:#e84b1c; padding:15px 0;} 
.z6 .buts3 a{color:#e84b1c;}
.z6 .buts3 img{ margin-left:3px;}

/*z7*/
.z7{margin-top: 19px; overflow:hidden;}
.z7 .img{ text-align:center;}


/*z8*/
.z8{margin-top: 30px;}
.z8 .hd{display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;-webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.z8 .hd li{width: 110px;text-align: center;font:16px/48px "微软雅黑";color: #fff;background-color: #151515;position: relative;}
.z8 .hd li.on{background-color: #e84b1c;}
.z8 .hd li.on:after{content: "";position: absolute;border:12px solid transparent;border-top: 10px solid #e84b1c;top: 100%;left:calc(50% - 12px);}
.z8Wrap{margin-top: 25px;position: relative;}
.z8Inner .bd{width: 1128px;margin:0 auto;}
.z8Inner .bd li{float: left;margin-right: 10px;padding:8px;background-color: #e0dede;width: 258px;}
.z8Inner .bd li img{width: 258px;height: 207px;}
.z8Inner .bd li h3{text-align: center;font:16px/30px "微软雅黑";}
.z8Inner .z8Prev,.z8Inner .z8Next{position: absolute;top: 70px;cursor: pointer;}
.z8Inner .z8Prev{left: 0;}
.z8Inner .z8Next{right: 0;transform:scale(-1);}
.z8Inner .bd li:hover{background-color: #e84b1c;}
.z8Inner .bd li:hover h3{color: #fff;}


/*z9news*/
.z9news { margin-top:50px;}
.z9news .z9title{ height:45px; margin-bottom:15px;}
.z9news h3{ font-size:24px; float:left;}
.z9news .newsclass{ float:right; width:404px; height:36px;}
.z9news .newsclass li{ float:left; border-left:1px solid #FFF; font-size:16px; height:36px; line-height:36px; width:100px; color:#FFF; text-align:center; font-weight:bold; background-color:#6c6c6c; text-align:center;}
.z9news .newsclass li a{ color:#FFF; text-align:center;}
.z9news .newsclass li:hover,.z9news .newsclass li.on{ background-color:#e84b1c;}
.newsbox{ width:1200px; overflow:hidden; border:1px solid red;}
.newsbox .nbox_img{ float:left; width:580px;}
.new_bd{height: 326px;}
.new_con dl{float: left;width: 580px;height: 326px;position: relative;}
.new_con dt img{display: block;width: 580px;height: 326px;}
.new_con dd{bottom: 0;left:0; position: absolute; width: 580px;padding:15px 35px 0;height:100px;background:#e84b1c; box-sizing: border-box;}
.new_con dd a{ display:block; font-size: 18px;color: #ffffff;font-weight: normal;line-height: 16px;padding:18px 0 8px;}
.new_con dd p{display: block; font-size: 15px; line-height:32px;color:#ffffff;opacity: 0.8;}
.new_con ul{float:right;width:565px;overflow: hidden;}
.new_con ul li a{display: block;line-height: 52px;font-size:16px;font-weight:normal; color:#666666; height:52px;border-bottom:1px dashed #cecece;padding-left: 32px;background:url(../images/newsico1.png) no-repeat left center; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;text-decoration: none; }
.new_con ul li:last-child a{border-bottom: 0;}
.new_con ul li a:hover{background:url(../images/newsico2.png) no-repeat left center; color: #e84b1c;}
.new_con ul li a{ text-align:left;}
.new_con ul li a .time{ float:right;}