@charset "utf-8";

.htitle .hd { width: 100%; border-top: 10px solid #e0dfdf; border-bottom: 1px solid #3b3b3b;  text-align: center; }
.htitle .hd h2 { position: relative; width: 104px; height: 114px; margin: 0 auto; border: 1px solid #696969; border-top: none; }
.htitle .hd h2 em { display: block; padding: 60px 0 0; font-size: 30px; color: #fff; }
.htitle .hd h2:before { position: absolute; content: ""; top:18px; left:20px;  width: 123px; height: 38px; background:url("../images/h_tit.png") no-repeat; }


.about { height: 563px; background: url("../images/p1920x563.jpg") no-repeat center top; }
.about .hd .info { height: 30px; padding: 7px 0 0; line-height: 30px; font-size: 12px; color: #d9d9d9; }
.about .bd { padding-top: 68px; }
.about .bd .pic { float: left; width: 411px; height: 239px; border-radius: 8px; overflow: hidden; }
.about .bd .info { float: left; width: 405px; padding: 25px 0 0 30px; }
.about .bd .info .txt { height: 150px; line-height: 24px; color: #e5e5e5; font-size: 12px; }
.about .bd .info .detail { width:133px; height: 38px; background: #d74446; border-radius: 8px; text-align: center; }
.about .bd .info .detail a { line-height: 38px; font-size: 12px; color: #fff;}

.about .bd .honor { float: right; width: 273px; }
.about  .honor-pic { border: 1px solid #d74446; }
.about  .honor-pic .pic1 { padding: 18px; width: 233px; height: 155px; }
.about  .honor-pic .name { height: 37px; background: #d74446;  text-align: center; line-height: 37px;}
.about  .honor-pic .name a { font-size: 14px; font-weight: bold; color: #2d2d2d; }
.about .honor .quan { text-align: center; padding-top: 15px; }
.about .honor .quan ul li { display: inline-block; margin: 0 4px; width: 12px; height: 12px; border-radius: 12px; border: 1px solid #ffdb70; cursor: pointer; }
.about .honor .quan ul li:hover,.about .honor .quan ul li.on { background: #ffdb70; }
.about .honor .ihd ul li { font-size:0px; }

.news-menu { text-align: center; }
.news-menu ul li { display:inline-block; background: url("../images/news-line.jpg") no-repeat left center; }
.news-menu ul li a { display: block; height: 40px; line-height: 40px; margin: 0 5px; padding:0 30px; border-bottom: 3px solid transparent; }
.news-menu ul li a:hover, .news-menu ul li.on a{ border-color: #d24445; color:#d24445; }

.news .hd { border-bottom: none; }
.news .hd h2 { border-color: #e6e5e5; }
.news .hd h2 em { color: #0d0d0d; }
.news .bd {border-top: 1px solid #e3e3e3; background: #f8f8f8; width:100%;}
.news .bd .news-item-wrap{padding:52px 0;}
.news .bd .pic { position: relative; width: 560px; height: 394px; }
.news .bd .pic .n-bd li a{ position: relative; display:block; width: 560px; height: 394px; }
.news .bd .pic .n-bd li .name{ position: absolute; bottom: 0; left: 0; width: 537px; height: 58px; line-height: 58px; background: rgba(215,68,70,0.95); padding-left: 23px; color: #fff; font-size: 14px; font-weight: bold;}
.news .bd .pic .n-bd li .name:before { position: absolute; content: ""; left:12px; top:27px;  border:5px solid transparent;  border-width:3px 4px;  border-left-color:#fff;  background:transparent; }
.news .bd .pic .n-hd { position: absolute; right: 15px; width: 100%; bottom: 20px; text-align: right; }
.news .bd .pic .n-hd ul li { font-size:0px; display: inline-block; margin: 0 3px; border: 1px solid #e6898a; width: 9px; height: 9px; border-radius: 9px; cursor: pointer; }
.news .bd .pic .n-hd ul li.on { background: #fff; border-color: #fff; font-size:0px; }
.news .bd .info { width: 595px; }

.news .info .news-item { border-bottom: 1px dotted #c6c6c6; padding-bottom: 16px; margin-bottom: 16px; }
.news .info .news-item:last-child { border-bottom: none; }
.news-item .list-pic { width: 102px; height: 70px; border: 2px solid transparent ; }
.news-item .txt {  padding-left: 5px; width: 460px; font-size: 12px; line-height: 20px; }
.news-item .txt h2 { height: 32px; font-size: 14px; }
.news-item .txt h2 a { line-height: 32px; color: #444; }
.news-item .txt a { color: #d74446; }

.news .info .news-item:hover .list-pic,.news .info .news-item.on .list-pic { position: relative; border: 2px solid #d24445; }
.news .info .news-item:hover .list-pic:before,.news .info .news-item.on .list-pic:before { position: absolute; content: ""; left: -15px; top:50%; margin-top: -6px;  border:5px solid transparent;  border-width:5px 7px;  border-right-color:#c55500;    background:transparent;  }

.qyzs{position:relative; width:100%; text-align:center; overflow:hidden; height:712px; }
.qyzs .hdd { position: absolute; width: 100%;  height: 114px; top: 0; border-top: 10px solid #e0dfdf; background: url("../images/htitle_2.png") no-repeat center bottom;  text-align: center; z-index: 4; }
.qyzs .hdd h2 { padding-top: 35px; font-size: 30px; color: #fff; font-style: italic; }
.qyzs .hdd h2 em { display: block; padding: 5px 0 0; font-size: 14px; color: #fff; text-transform: uppercase; font-style: italic; font-weight: normal; }

.qyzs .bd{ position: absolute;  left: 50%; margin-left: -960px; width:1920px; height:712px; z-index:0;}
.qyzs .bd li{ vertical-align:top; zoom:1;}
.qyzs .hd { position: absolute; width: 100%; bottom: 30px; text-align: center;  }
.qyzs .hd ul li { display: inline-block; width: 104px; height: 133px; margin: 0 20px;  text-align: center; }
.qyzs .hd ul li a { display: block; padding:70px 0 42px; font-size: 16px; color: #555; font-weight: bold; background: url("../images/quan_2.png") no-repeat; }
.qyzs .hd ul li.on a{ color: #fff; background: url("../images/quan_02.png") no-repeat; }

.pro-tit { height:91px; margin-bottom:40px; background: url("../images/pro-tit.jpg") repeat-x;  }
.pro-tit ul { text-align: center; padding-top: 25px; }
.pro-tit ul li { display: inline-block; width: 148px; height:42px; margin: 0 9px;  }
.pro-tit ul li a { display: block; line-height: 42px; color:#666; font-size: 14px; font-weight: bold; border: 1px solid #dedede; border-radius: 8px; }
.pro-tit ul li.on a{ position: relative; border: 1px solid #f0bf60; background: #ffe4af; color: #333; }
.pro-tit ul li.on a:before{ position: absolute; content: ""; width: 18px; height: 9px; bottom:-9px; left: 50%; margin-left: -9px; background: url("../images/sjx.jpg") no-repeat;  }

.pro-item-wrap {width:1188px; position:relative;}
.pro-item-wrap dl{float:left; width:1188px;}
.pro-item-wrap dt { float: left; width: 577px; margin-bottom:26px;}
.pro-item-wrap dt .pic { float: left; width: 247px; height: 178px; border: 1px solid #e4e2e2; }
.pro-item-wrap dt .info { position:relative; float: right; width: 320px; height: 180px; background: #f8f8f8; }
.pro-item-wrap dt .info h2 { height: 30px; padding: 20px 0 0 16px; }
.pro-item-wrap dt .info h2 a { color: #333; font-size: 14px; }
.pro-item-wrap dt .info .i { padding:0 0 15px 32px; height:75px; font-size: 12px; line-height:22px; overflow:hidden;}
.pro-item-wrap dt .info .i ul,.pro-item-wrap dt .info .i ol{list-style:disc outside none;}
.pro-item-wrap dt:hover .pic{border: 1px solid #FFE4AF;}
.pro-item-wrap dt:hover .info{background: #FFE4AF;}

.pro-item-wrap dt .info .detail { padding-left: 16px; }
.pro-item-wrap dt .info .detail a { padding: 7px 23px; border: 1px solid #c23133; background: #d74446; border-radius: 4px; font-size: 12px; color: #fff; }

.product .hd { border-bottom: none; }
.product .hd h2 { border-color: #e6e5e5; }
.product .hd h2 em { color: #0d0d0d; }

.product .aprev,.product .anext { position: absolute; top:160px;  cursor: pointer; }
.product .aprev { left: -112px; }
.product .anext { right: -112px; }

.product .quan { padding: 25px 0 35px; text-align: center; }
.product .quan li { display: inline-block; margin:0 4px; width: 7px; height: 7px; border: 1px solid #d22027; border-radius: 7px; cursor: pointer; text-indent:-999em;}
.product .quan li.on { background: #d22027; }

.style { padding-bottom: 50px; background: url("../images/p1920x760.jpg") no-repeat center top; }
.style-tit { margin-top: 33px;  height: 53px; background: #fff; border-radius: 8px; overflow: hidden; }
.style-tit ul li { float: left; width: 33.333%; text-align: center; line-height: 53px; }
.style-tit ul li a { display: block; border-left: 1px solid #ecf1f4; font-size: 16px; color: #666; font-weight: bold;  }
.style-tit ul li.on{ background: #ffe4af; color: #4a494a; }

.style-item { margin-top:35px; padding-left: 1%; text-align: center; }
.style-item ul li { position: relative; float: left; width: 16%; margin: 0 0.6% 0.6% 0; }
.style-item ul li:nth-child(6n) { margin-right: 0; }
.style-item ul li img {width: 100%; }
.style-item ul li .gray { opacity: 0; transform: scale(0);  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;  position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(255,228,175,0.95); }
.style-item ul li .gray a { display: block; padding: 25% 0 20% 0; font-size: 16px; font-weight: bold; color: #333; background: url("../images/style_icon.png") no-repeat center bottom;  }
.style-item ul li:hover .gray { opacity: 1;  transform: scale(1); }


@media screen and (min-width: 960px) and (max-width: 1499px) {
    .style-item ul li .gray a { font-size: 14px; }
}
@media screen and  (max-width: 768px) {
    .style-item ul li .gray a { font-size: 12px; background:none; }
}

.adv .hd h2 { padding-top: 10px; }
.adv-banner {position:relative; width:100%; text-align:center; padding-bottom:44px; overflow:hidden;}
.adv-banner .bd{ position:relative;  left: 50%; margin-left: -960px; width:1920px; height:532px; z-index:0;}

.navgiation { text-align:center; height: 111px; padding: 22px 0 0; }
.navgiation ul li { display:inline-block; *display:inline; zoom:1; width: 88px; height: 111px; margin: 0 18px; text-align: center; }
.navgiation ul li a { display: block; padding:45px 24px 22px; font-size: 16px; color: #555; font-weight: bold; background: url("../images/quan_1.png") no-repeat; }
.navgiation ul li.on a{ color: #fff; background: url("../images/quan_01.png") no-repeat; }

.active { padding-bottom: 40px; background: url("../images/p1920x760.jpg") no-repeat center top; }
.active .hd { }
.active .hd h2 { color: #fff; }
.active .hd h2 em { color: #fff; }
.active .hd { border-bottom: 1px solid #5a595a; z-index: 2; }



.active .pic { width: 373px; padding: 80px 0 0 30px;  }
.active .yuyue { width: 558px; }

.yuyue-tit { padding:30px 0 0 10px; border-bottom: 1px solid #696768; }
.yuyue-tit h2 { height: 30px; line-height: 30px; padding:0 0 5px 35px; font-size: 16px; color: #fff; background: url("../images/bi.png") no-repeat; }

.form-wrap { padding:28px 0 0 18px; }

.form-wrap .input-box { margin-bottom:9px;  height: 48px; }
.form-wrap .input-box input { border: none; background:#fff; width: 300px; padding-left: 10px; line-height: 48px; }
.form-wrap .input1 input{ width: 185px; }
.form-wrap .input3 input{ width: 467px; }

.form-wrap .textarea-box { }
.form-wrap .textarea-box textarea { width: 467px; height:90px; background: #fff; padding:5px 10px; line-height: 22px; border: none;font-family:"微软雅黑"; color:#333; font-size:14px;}
.form-wrap .btn-button { margin-top: 25px; width: 300px; height: 54px; }
.form-wrap .btn-button button { display: block; border: none; font-size: 24px; color: #fff; width: 300px; height: 54px; background: #d74446; border-radius: 4px; cursor: pointer; }


#xdd { padding:0 0 15px 16px; }
#xdd li { padding-left: 15px; height: 25px; line-height: 25px; background: url("../images/icon_1.jpg") no-repeat left center; font-size: 12px; list-style:none; }
.info .price{ position:absolute; bottom:23px; left:135px; font-size:14px; }


.zhaos {}
.zhaos .hd { border-bottom: none; }
.zhaos .hd h2 { border-color: #e6e5e5; }
.zhaos .hd h2 em { color: #0d0d0d; }

.zhaos .bd { padding: 55px 0; }
.zhaos .zhaos-item { background: #fff; float: left; margin-right: 21px; width: 279px; height: 400px; border: 1px solid #e0dfdf; border-radius: 6px; }
.zhaos .zhaos-item:last-child { margin-right: 0; }
.zhaos .zhaos-pic { width: 165px; height: 166px; margin: 45px 0 0 80px;  background: url("../images/zs_shadow.png") no-repeat right bottom; }
.zhaos .zhaos-pic a { display: block; width: 107px; height: 107px; border-radius:107px; padding: 6px; overflow: hidden; }
.zhaos .zhaos-item dl dt { text-align: center; }
.zhaos .zhaos-item dl dt a { display: block; height: 30px; font-size: 16px; color: #3c3c3b; font-weight: bold; text-align: center; }
.zhaos .zhaos-item dl .txt { height: 94px; padding: 0 23px; font-size: 12px; color: #3c3c3b; }
.zhaos .zhaos-item .detail { width: 145px; height: 42px; margin: 0 auto; background: #fff; line-height: 42px; color: #bebdbd; border-radius: 4px; border: 1px solid #dadada; text-align: center; }
.zhaos .zhaos-item .detail a { padding: 0 6px; font-size: 12px; color: #d74446; }

.zhaos .zhaos-item:hover { background: #ffdb70; }