@charset "utf-8";
/* CSS Document */
/* ----------------------------+-全局 */
*{font-family:"微软雅黑","Arial",;}
html { height: 100%; overflow-x:hidden; }
html,body{ overflow-x:hidden; padding:0px; margin:0px;/font-size:14px;color:#333; line-height:2em;}
input, select, button, textarea {font-size: 14px;  font-family:Microsoft Yahei,Arial; *font-weight:normal;}
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
a{ text-decoration:none; color:#333;}
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
/* ----------------------------+-公用 */
.clearx{ clear:both;}

.clearx{ clear:both;}
.com_width{ width:1200px; margin:0 auto;}
.com_pad{ padding: 60px 0 20px 0;}
.com_pad_top{ padding-top:40px;}

/* subtitle */
.sub_title{ text-align:center;}
.sub_title h2{font-size:25px;  font-weight:normal;}
.sub_title h2 span{ color:#9f2925;}
.sub_title p{ color:#666666; padding-top:5px;}
.sub_title p span{margin:0 10px; font-size:12px; color:#999; }
.sub_title p a{ color:#666666; }

.sub-box{padding-left: 20%}

.sort_list{ margin-top:20px; text-align:center;}
.sort_list a{ display:inline-block; margin:0 5px; padding:5px 30px; border:1px solid #e2e2e2;}
.sort_list a:hover{ background-color:#9f2925; border:1px solid #9f2925; color:#FFF;}
.sort_list .current{background-color:#9f2925; border:1px solid #9f2925; color:#FFF !important;}



.honor{height:722px;}
.honor .honor-zi{text-align: center;padding-top: 30px}
.honor .honor-zi h3{color:#2a2a2a;}
.honor .honor-zi h1{content: '';width: 40px;border-bottom: 3px solid #c64250;position: absolute;top: 84%;left: 48.5%}
.honor .honor-lun{margin-top: 225px;width: 1200px;}
.honor .honor-lun .swiper-slide{width: 261.5px;}
.honor .honor-row{position: relative;}
.honor .honor-btn-1{background: url("../images/btn.png") no-repeat;background-position: 95% 0;    right: -105px;top: 72%;}
.honor .honor-btn-2{background: url("../images/btn.png") no-repeat;background-position: 0 0;top: 72%;left: -105px;}

/* 栏目列表 */
.st_list{ margin-top:15px; text-align:center;}
.st_list a{ display:inline-block; margin:5px; text-align:center; height:36px; line-height:36px; border:1px solid #e2e2e2; background-color:#FFF; padding:0px 25px;}
.st_list a:hover{ background-color:#9f2925; color:#FFF;}
.st_list .current{background-color:#9f2925; color:#FFF;}

/*--------------header-------------*/
#header{ height:100px; position:relative;}
#logo{ position:absolute; left:0; top:0;}
#logo img{ /*height:100px; width:auto;*/ height: 59px;margin-top: 20px;}

/* 导航 */
#navigation{ position:absolute; width:735px; left:280px; top:37px;}
#navigation dl{ float:left; width:85px; height:35px; position:relative; margin:0 10px;}

#navigation dl dt{width:100px; height:35px; line-height:35px; text-align:center; overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}

#navigation dl dt a{ display:block;}
#navigation dl dt a:hover{background-color:#9f2925; color:#FFF;}

/*#navigation dl dd{ position:absolute; left:0px; top:55px; background-color:#1e3046; width:100%; display:none; z-index:20;}
#navigation dl dd a{ display:block; margin-top:1px; padding:10px 0px; text-align:center; border-bottom:1px solid #37475a;}
#navigation dl dd a:hover{ background-color:#ed7b00;}*/

#navigation .current{ background-color:#9f2925;color:#FFF;}

/* 电话 */
.head_icolist{ position:absolute; right:0; top:25px;}
.head_icolist ul li{ float:left; margin-right:10px; width:25px; height:25px; text-align:center; background-color:#9fa3ac; color:#FFF; font-size:16px; position:relative;
-webkit-border-radius:100%;
-moz-border-radius:100%;
-ms-border-radius:100%;
-o-border-radius:100%;
border-radius:100%;

-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}
.head_icolist ul li span{line-height: 1.6 !important;}
.head_icolist ul li a{ display:block; color:#FFF;}
/*.head_icolist .wt1{ position:relative;top:2px; font-size:14px;}
.head_icolist .wt2{ position:relative; top:2px; }
.head_icolist .wt3{ position:relative; top:2px;}*/
.head_icolist ul li:hover{ background-color:#2e364d;}

.head_tel{ position:absolute; top:55px; right:10px; color:#4e4d4d;line-height: 1.6 !important;}

.head_weixin_box{}
.head_weixin{ position:absolute; top:35px; left:-50px; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.head_weixin_box:hover .head_weixin{top:24px;filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1; z-index:50;}

/* flexslider */
.flexslider{position:relative;height:650px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:0;}
.slides li{height:650px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot1.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


/* ----------------------------底部 */
/* ---底部--- */
#footer{    padding: 50px 0px 30px 0; background-color:#373849; color:#c8d4eb;}
#footer a{color:#c8d4eb;}

#footer_in{}
#footer_in .ft_about_box,#footer_in .ft_tel{ float:left;}
#footer_in .ft_ewm_box{ float:right; width:270px;}

#footer_in .ft_about{ width:485px;}
.ft_about{ padding:10px 0px; font-size:12px; line-height:25px;}
.ft_about a{font-size:12px;}
.ft_about:hover{color:#fff}
/* ---500---548 */
#footer_in .ft_tel{ width:305px; padding-left:40px; margin-left:30px;  font-size:12px; border-left:1px solid #4b4c5c;border-right:1px solid #4b4c5c;}
#footer_in .ft_tel p:hover{color: #fff}
#footer_in .ft_ewm_box{ position:relative;}
/*#footer_in .ft_ewm_box .ft_ewm{ float:left;}*/
#footer_in .ft_ewm_box .ft_ewm_txt{ /*float:left; margin-left:10px;*/    margin-left: -55%;
    margin-top: 10px;
    text-align: center;}

#ft_links{ margin-top:35px; padding:10px 0px; border-top:1px solid #4b4c5c; font-size:12px;}
#ft_links a{font-size:12px;}
#ft_links  span{ margin:0px 10px;}

#footer_copy{ text-align:center; padding:15px 0px; background-color:#21222d;font-size:12px; color:#FFF;}
#footer_copy a{font-size:12px;color:#FFF;}


/* 漂浮 */
/*#float_chat{ position:fixed; top:50%; right:10px; margin-top: -20px;z-index: 100; width:78px; text-align:center;}
#float_chat a{background: rgb(147, 147, 147);opacity: 0.9; border-radius: 2px; height: 50px; color: rgb(255, 255, 255); margin-bottom:5px; display: block;}
#float_chat a:hover {background: rgb(248, 79, 69);}
#float_chat .current{background: rgb(248, 79, 69);}

#float_chat .gotop{line-height:50px;}
#float_chat .gotop span{ font-size:30px;}

#float_chat .inchat span{ display:block;height:20px; line-height:20px; padding-top:5px;font-size:18px;}
#float_chat .inchat p{ height:20px; line-height:20px;}

#float_chat .qrcode{line-height:50px; position:relative;}
#float_chat .qrcode span{ font-size:20px;}


#float_chat .qrcode .qrcode_list{ position:absolute; right:78px; bottom:0px; width:130px; height:130px; border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; background-color:#FFF; display:none;}
#float_chat .qrcode .qrcode_list ul li{ float:left; width:120px; height:120px; padding:5px;}
#float_chat .qrcode .qrcode_list ul li img{ display:block;width:120px; height:120px;}
#float_chat .qrcode .qrcode_list ul li p{ height:20px; line-height:20px; color:#000; font-size:12px;}*/


.back{background-color: rgba(0,0,0,.6);position: fixed;right: 0;top: 57%;z-index: 1;border-radius: 10px;}
.back .back-li{width:69px;height:69px;text-align: center;line-height: 34px;color:#fff;}
.back .back-li .back-img{width: 100%;padding-top: 14px}
.back .back-li .back-img img{display: inline-block}
.back .back-left{width: 144px;height: 69px;background-color: rgba(0,0,0,.6);position:absolute;right: 69px;top: 33%;line-height: 19px;color: #fff;padding: 20px 0 0 9px;display: none;border-radius: 5% 0 0 5%}
.back .back-left img{float: left;}
.back .back-left h5{float: left;margin:5px 0  0 10px}
.back .back-li a{color: #fff;}
.back .back-li a:hover{color: #fff;}
.back .back-li h5{margin-top:10px;}

/*联系我们*/
.touch{padding: 60px 0;}
.touch .touch-top{padding: 40px 0;overflow: hidden}
.touch .touch-phone{color:#333;}
.touch .touch-phone h3{margin-bottom: 55px;cursor: pointer}
.touch .touch-phone h3:hover{color:#c64250;}
.touch .touch-phone .phone{margin-right: 20px}
.touch .touch-ma{color:#333;padding-top: 40px;text-align: center}
.touch .touch-ma h4{margin-top: 20px;font-size: 14px}
.touch .logo-box{float: left}
.touch .touch-phone h4:hover{color:#c64250;}
.logo:hover {
    -webkit-animation:sucaijiayuan 1s .1s ease both;
    -moz-animation:shake 1s .1s ease both;
}
@-webkit-keyframes sucaijiayuan {
    0% {
        -webkit-transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(0.8) /*rotate(-2deg)*/
    }
    /*30%, 50%, 70%, 90% {*/
        /*-webkit-transform: scale(1.1) rotate(2deg)*/
    /*}*/
    /*40%, 60%, 80% {*/
        /*-webkit-transform: scale(1.1) rotate(-2deg)*/
    /*}*/
    100% {
        -webkit-transform: scale(1) /*rotate(0)*/
    }
}
.sub-ul{margin: -60px 0 50px 0;}
.sub-ul .sub-li{border: 1px solid #dedede;float: left;line-height: 103px;margin: 0;padding: 0;color: #333;}
.sub-ul .sub-li:hover{text-decoration:none}
.center-ul .center-li .center-img{border: 1px solid #dedede;padding:50px;width: 390px;height: 390px;}
.center-ul .center-li .center-img img{display: inline-block;height: 100%}
.center-ul .center-li h3{font-size: 22px;color:#918b8e;font-weight: normal;text-align: center}


/*产品详情*/
.details{padding: 110px 0 90px 0}
.details .details-title{width: 100%;border-bottom: 1px solid #b1b1b1;}
.details .details-title .de-title-img{float: left;padding:10px;}
.details .details-title .de-ol{background-color: #fff;font-size: 15px}
.details .details-title .de-ol .active{color:#9f2925;}
.details .details-sec{width: 100%;text-align: center;padding-top: 23px}
.details .de-sec-title{border-bottom: 1px solid #dedede;line-height: 58px;text-align:center;    margin: 0 0 35px 0;}
.details .de-sec-title h3{color:#262626;margin-bottom: 20px}
.details .de-sec-img{width: 200px;margin:  0 auto;padding: 34px 0 28px 0}
.details p{font-size: 16px;color:#666;    margin: 10px 0;}
.details .de-sec-phone,.details .de-sec-touch,.details .de-sec-desc{padding-top: 30px}
.details .de-sec-touch p:nth-child(2){padding-top: 20px;display: block}
.details .de-sec-desc h4{color:#ff6112;}
.details .sec-desc{width: 835px;border-bottom: 1px solid #b1b1b1;margin: 0 auto;padding-bottom: 35px}