@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: Microsoft YaHei, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
a{ color:#666666; text-decoration:none; }
/*a:hover {color: #ff0000;}*/
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
b{font-weight: normal;}
.clear{ clear:both}
.clearfix:after {  content: "";  height: 0;  line-height: 0;  display: block;  visibility: hidden;  clear: both;  }
.clearfix {  overflow:hidden;_zoom:1;  }
.center{  width: 1400px;  margin: 0 auto;  }
*{box-sizing: border-box;}

.left{float: left;}
.right{float: right;margin-top: 25px;;}

/*banner轮播*/
.banner{width: 100%;/*height: 715px*/height: auto}
.banner ul li{height: auto;font-size: 0;}
.banner img {width: 100%;height: auto;}

/*banner有内容*/

.banner_title{width: 100%;height: auto;margin: 0 auto;text-align: center;position: absolute;top:0; right: 0; bottom: 0;/*background-color: #212121; opacity: 0.3;*/}
.banner_title .title_name{font-size: 40px;color: #ffffff;}
.banner_title .title_p{font-size: 20px;color: #ffffff;padding-top: 10px;}
.banner_title .line{ width: 8%;height: 2px;border-top: 1px solid #ffffff; position: absolute;margin-top: 20px;margin-left: -75px;}

.content{width: 100%;height: auto;background: url("../images/nav_background.png");/*overflow: hidden;*/position: relative;}
.content2{width: 100%;height: auto;/*overflow: hidden;*/position: relative;}

/*内容导航*/

.body_head{background: #020202;width: 100%;height: 90px;position: relative;top: -40px;z-index: 9999;}
.body_head_left{float: left;font-size: 30px;line-height: 90px;margin-left: 60px;}
.body_head_left .cur a{color: #ffffff;}
.body_head_left .cur {color: #ffffff;}
.body_head_left a:hover{color: #ffffff;transition: all 0.5s}
.body_head_span1{background: url("../images/case_head_ico.jpg") no-repeat left center;padding-left: 50px;}
.body_head_right{float: right;line-height: 90px;margin-right: 40px;}
.body_head_right ul li{float: left;margin: 0 20px;}
.body_head_right ul li a{font-size: 18px;}
.body_head_right .cur a{color: #ffffff;text-decoration: underline;}
.body_head_right .cur{color: #ffffff;text-decoration: underline;}
.body_head_right ul li a:hover{color: #ffffff;text-decoration: underline;transition: all 0.5s}

/*产品第二导航*/

.category_head{margin-top: 70px;z-index: 999;}
.category_list{top:178px;}
.category_head{height: 70px;margin: 0 0px 65px;background-color: #000000;
    -moz-box-shadow: 10px 0 10px #cbcbcb, /*右边阴影*/ 0 10px 10px #cbcbcb; /*底边阴影*/
    -webkit-box-shadow: 10px 0 10px #cbcbcb, /*右边阴影*/ 0 10px 10px #cbcbcb; /*底边阴影*/
    box-shadow: 10px 0 10px #cbcbcb, /*右边阴影*/ 0 10px 10px #cbcbcb; /*底边阴影*/}
.category_head .ul .item{float: left;width: 25%;font-size: 22px;color: #ffffff;line-height: 70px;text-align: center; position: relative;border-right: 1px solid #bababa;}
.category_head .ul .item .triangle{display:inline-block; border-width:8px 0 8px 15px; border-style:solid; border-color:transparent transparent transparent #fff;}
.category_head .ul > .on .triangle{transform: rotate(90deg);transition: all 0.3s;}

/*.category_list{background-color: #282828;opacity: 0.9;z-index: 999;position: absolute;top:108px;display: none;}*/
/*.category_head .ul .on .category_list{display: block;transition: all 0.5s;}*/

.category_head .ul li .category_list{background-color: #282828;opacity: 0.9;z-index: 999;position: absolute;top:70px;max-height:0px;-webkit-transition: max-height 0.5s;overflow: hidden;}
.category_head .ul .on .category_list{max-height: 850px;}

.category_head .category_list .on a{color: #ffffff;}
.category_list li{float: left;line-height: 20px;padding: 22px 0;border: 1px solid #716f6f;border-style: none none solid none;}
.category_list li a{color: #b8b8b8;font-size: 16px;padding: 0 18px;border: 2px solid #716f6f;border-style: none solid none none; display: block;width: 139px;}
.category_list li a:hover{color: #ffffff;transition: all 0.5s; }
.category_list.one,.category_list.two,.category_list.three{width: 200%}
.category_list.four{width: 150%;margin-left: -50%}
.search .a1 { width: 358px; height: 45px; text-indent: 10px; border: solid 1px #ddd; font-size: 14px;border-radius: 3px;}
.search .a2 { width: 360px; height: 38px; margin-top: 30px; background: #d00; border: none; border-radius: 5px; color: #fff; font-size: 14px;  }


/*分页*/
.pagination{margin: 0 auto;padding: 30px 0 90px;display: table;}
.pagination li{float: left;margin: 0 5px;border: 1px solid #e6e6e6;border-radius: 5px; display: table-cell;}
.pagination li a{font-size: 18px;padding: 10px 15px;display:block;}
.pagination li:hover{background-color: #ff0000;}
.pagination li:hover a{color: #ffffff}
.pageinfo{font-size: 18px;padding: 10px 15px;display:block;}
.thisclass{background-color: #ff0000;}
.thisclass a{color: #ffffff;}


/*上下篇*/
.prenext{width: 1210px;margin: 50px auto 30px;height: 55px;}
.prenext .pre{ float: left;}
.prenext .next{float: right;}
.prenext .pre,.prenext .next{width: 33.3%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;line-height: 55px;background: #000000;;font-size: 18px;padding-left: 5px;color: #ffffff}
.prenext .pre a,.prenext .next a{font-size: 18px;color: #ffffff;}


.footer_left{float: left;width: 450px;}
.footer_left img{width: 265px;height: 72px;margin-top: 50px;}
.footer_left_line{width: 77px;height: 1px;background-color: #f6f4f2;display: block;margin: 50px 0 40px;}
.footer_left ul li{color: #e1e1e1;font-size: 18px;line-height: 32px;}
.footer_right{float: left;padding-left: 80px;width: 950px;}
.footer_right ul {float: left;font-size: 16px;margin-top: 50px;width: 130px;margin-right: 40px}
.footer_right ul li{margin-bottom: 25px;text-align: center;}
.footer_right ul li:first-child{font-size: 24px;font-weight: bold;}
.footer_right ul li a{color: #e1e1e1;}
.footer_right ul li a:hover{color: #ff0000;transition: all 0.5s;}
.footer_right .footer_wx{margin-right: 0;width: 165px;}
.footer_right .footer_wx img{width: 163px;height: 163px;}
.footer_right .footer_wx p{text-align: center;font-size: 20px;color: #e1e1e1;font-weight: normal;}
.footer_bottom{background: #0e0d0d;color: #adadad;height: 120px;}
.footer_bottom p{text-align: center;font-size: 14px;line-height: 25px;}

.no{display: none}
.swiper-button-prev{background: url("../images/product_lun_left.png") no-repeat}
.swiper-button-next{background: url("../images/product_lun_right.png") no-repeat}

.addw{
    -webkit-transition: all 3s ease-in-out;
    -moz-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
}

/*轮播*/
.slide_lr .swiper-button-prev{background: url("../images/product_lun_left.png") no-repeat}
.slide_lr .swiper-button-next{background: url("../images/product_lun_right.png") no-repeat}
/*轮播*/


.product{width: 100%;height: 860px;background: url("../images/nav_background.png");overflow: hidden}
.product .title{width: 338px;margin: 0 auto;padding: 70px 0}
.product .title img{width: 338px;height: 72px;}
.product_ul{overflow: hidden;}
.product_ul li{float: left;margin:10px 17px;width: 431px;height: 528px;
    -moz-box-shadow:-5px 0 10px #cbcbcb, /*左边阴影*/ 5px 0 10px #cbcbcb, /*右边阴影*/ 0 5px 10px #cbcbcb; /*底边阴影*/
    -webkit-box-shadow:-5px 0 10px #cbcbcb, /*左边阴影*/ 5px 0 10px #cbcbcb, /*右边阴影*/ 0 5px 10px #cbcbcb; /*底边阴影*/
    box-shadow:-5px 0 10px #cbcbcb, /*左边阴影*/ 5px 0 10px #cbcbcb, /*右边阴影*/ 0 5px 10px #cbcbcb; /*底边阴影*/
    position: relative;
    overflow: hidden;
}
.product_img{ width: 100%;height: 528px;}
.product_ul li:hover{ -webkit-transform: scale(0.95); -moz-transform: scale(0.95);-o-transform: scale(0.95);/*缩小0.8倍*/ transform: scale(0.95); /*缩小0.8倍*/ ;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;}
.product_ul li .product_m{display: block;top:0;width: 100%;height: 528px;position: absolute; background: #282828; opacity: 0.6;z-index: 999; }
.product_ul .cur .product_m{display: none;}

/*.product_m_hover{display: block;top:0;-webkit-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -ms-transition:0.5s ease-out; -o-transition:0.5s ease-out; transition:0.5s ease-out;}*/
.product_m_top{width: 59px;margin: 0 auto;padding-top: 127px;}
.product_m_top img{width: 59px;height: 59px;}
.product_m_title{width: 200px;margin: 0 auto;padding-top: 30px;}
.product_m_title h3{font-size: 20px;display: inline-block;padding: 0 5px;color: #cbcbcb;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.product_m_title h3:nth-child(2){color: #ffffff}
.product_m p{font-size: 14px;color: #ffffff;width: 315px;margin: 0 auto;padding-top: 40px;text-indent: 28px;line-height: 28px;}

/*轮播*/
.index_slide{width: 1490px;height: 50px;position: absolute;margin-left: -45px;top: 55%;}
.index_slide .swiper-button-prev{background: url("../images/product_lun_left.png") no-repeat}
.index_slide .swiper-button-next{background: url("../images/product_lun_right.png") no-repeat}
/*轮播*/
.history{width: 100%;height: 1534px;background: url("../images/index_history_bak.jpg") no-repeat;font-size: 18px;position: relative;}
.history .center{height: 1534px;}
.history .title{width: 441px;margin: 0 auto;padding: 70px 0;}
.history .title img{width: 441px;height: 72px;}
.history_body{position: relative;z-index: 999}
.history_body ul li{width: 600px;height: 350px}
.history_body ul li p{line-height: 30px;margin-top: 15px;color: #838181;}

.history_body ul li:nth-child(1){margin-top: 45px;}
.history_body ul li:nth-child(odd){float: right;}
.history_body ul li:nth-child(odd) img{float: left}
.history_body ul li:nth-child(odd) p{float: left;text-align:left;}

.history_body ul li:nth-child(2){margin-top: 130px;}
.history_body ul li:nth-child(even){float: left;}
.history_body ul li:nth-child(even) img{float: right}
.history_body ul li:nth-child(even) p{float: right;text-align:right;}

.history_body ul li img{width:400px;height: 232px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%);filter: gray;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}
.history_body ul .on img{filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);-webkit-filter: grayscale(0); filter: none;
    -webkit-transform: scale(1.05); -moz-transform: scale(1.05);-o-transform: scale(1.05);/*缩小0.8倍*/ transform: scale(1.05); /*缩小0.8倍*/
    transition: all 0.5s;
;
}
/*.history_body ul li:hover img{filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);-webkit-filter: grayscale(0); filter: none;*/
    /*-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-o-transform: scale(0.95);!*缩小0.8倍*! transform: scale(0.95); !*缩小0.8倍*! ;*/
/*}*/
.history_body ul .on p{color: #ffffff;transition: all 0.5s;}
.history_time{width:1400px;position: absolute;text-align: center;height: 1220px}
.history_time ul {width: 200px;margin: 0 auto;}
.history_time ul li{width: 120px;margin: 0 auto;position: relative;cursor: pointer;}
.history_time ul .line1{border-left: 1px solid #9b9999;font-size: 45px;}
.history_time ul .line2{border-left: 1px solid #9b9999;font-size: 115px;}
.history_time ul .line{border-left: 1px solid #9b9999;font-size: 95px;}

/*圆点*/
.history_time ul li em{font-size: 35px;position: relative;color: #838181;}
.history_time ul .cur em{color: #ffffff;transition: all 0.5s}
.history_time ul li .cir_left{ top:20px;display: block;position: absolute;width: 10px;height: 10px;border-radius: 50%;background-color: #838181;}
.history_time ul li .cir_right{ top:20px;right: 0px;display: block;position: absolute;width: 10px;height: 10px;border-radius: 50%;background-color: #838181;}
.history_time ul .cur .cir_left{background-color: #ffffff;}
.history_time ul .cur .cir_right{background-color: #ffffff;}

.history_more{width: 120px;height: 36px;line-height: 36px;margin: 0 auto;background: #ffffff;color: #838181;border-radius: 10px;}
.history_more a{font-size: 18px;width: 120px;height: 36px;display: block;}
.history_more a:hover{color: #ff0000;transition: all 0.5s;background: #B9B5B5;border-radius: 11px;}


.case{width:100%;height:1275px;background: url("../images/nav_background.png")}
.case .title{width: 397px;margin: 0 auto;padding:95px 0;}
.case .title img{width: 397px;height: 72px;}
.case_body{width: 1400px;height: 830px;overflow: hidden;
    -moz-box-shadow: 0 10px 10px #6a6a6a;
    -webkit-box-shadow: 0 10px 10px #6a6a6a;
    box-shadow: 0 10px 10px #6a6a6a;
}
.case_body img{width: 100%;display: block;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}
.case_left{float: left;width: 560px;}
.case_center{float: left;width: 440px;}
.case_right{float: right;width: 400px;}

.case_title h3{font-size: 24px;width: 200px;margin: 0 auto;text-align: center;line-height: 50px;color: #ffffff;}
.case_title p{font-size: 16px;width: 260px;margin: 0 auto;text-align: center;color: #ffffff}
.case_hover{display: none;}
.case_type{position: relative;overflow: hidden}
.case_type:hover > img{  -webkit-transform: scale(0.95); -moz-transform: scale(0.95);-o-transform: scale(0.95);/*缩小0.8倍*/ transform: scale(0.95); /*缩小0.8倍*/ ; }
.case_m{top:0;position: absolute; background: #282828; opacity: 0.6;z-index: 9999;transition: all 0.5s;}

.case_1{height:315px;}
.case_1 img{height: 315px;}
.case_1_m{width: 100%;height: 315px;}
.case_1_m img{width: 71px;height: 83px;margin: 80px auto 0;}

.case_2{height:515px;}
.case_2 img{height: 515px;}
.case_2_m{width: 100%;height: 515px;}
.case_2_m img{width: 71px;height: 83px;margin: 190px auto 0;}


.case_3{height:385px;}
.case_3 img{height: 385px;}
.case_3_m{width: 100%;height: 385px;}
.case_3_m img{width: 48px;height: 88px;margin: 125px auto 0;}

.case_4{height:445px;}
.case_4 img{height: 445px;}
.case_4_m{width: 100%;height: 445px;}
.case_4_m img{width: 50px;height: 62px;margin: 170px auto 0;}

.case_5{height:580px;}
.case_5 img{height: 580px;}
.case_5_m{width: 100%;height: 580px;}
.case_5_m img{width: 64px;height: 70px;margin: 220px auto 0;}

.case_6{height:250px;position: relative;overflow: hidden}
.case_6 img{height: 250px;}
.case_6_m{width: 100%;height: 250px;}
.case_6_m img{width: 41px;height: 41px;margin: 70px auto 0;}

.news{width: 100%;height: 950px;background: #242424}
.news .title{width: 441px;margin: 0 auto;padding:82px 0;}
.news .title img{width: 441px;height: 72px;}

.news_body{background: #ffffff;padding: 25px;height: 563px;}
.news_left{width: 670px;float: left}
.news_left .video{width: 660px;height: 350px;position: relative;}
.news_left .video li{width: 100%;height: 350px;display: none}
.news_left .video .cur{display: block}
.news_left .video li .video_m{width: 660px;height: 350px;background: #000000;opacity: 0.6;position: absolute; top:0;}
.news_left .video li:hover .video_m{width: 0;height: 0}/*这个与关联的列表不一样，被选中依然遮罩，鼠标进入遮罩范围为0*/
.news_left .list{margin-top: 20px;position: relative;}
.news_left .list li{width: 155px;height: 139px;float: left;margin-right: 13px;}
.news_left .list li .list_m{width: 155px;height: 139px;background: #000000;opacity: 0.6;position: absolute; top:0;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.news_left .list .on .list_m{opacity: 0;}
.news_left .list li img{width: 100%;height: 139px;}
.news_left .list li:nth-child(4){margin-right: 0;}

.news_right{width: 670px;float: left;padding-left: 10px;}
.news_right ul li{width: 667px;height: 156px;border: 1px solid #d7d7d7;margin-bottom: 22px;padding: 10px 15px}
.news_right ul li img{width: 209px;height: 136px;}
.news_item{float: right;width: 400px;height: 136px;}
.news_item h4{font-size: 20px;}
.news_item p{font-size: 18px;text-indent: 36px;color: #666666;padding: 10px 0;line-height:30px; height: 80px;}
.news_item span{font-size: 14px;}
.news_item a{color: #909090;}
.news_item_time{float: right}
.news_item_bottom{margin-top: 5px;}

.news_circle{border-radius: 50%; height: 15px;width: 15px;display: inline-block; background: #909090;text-align: center;line-height: 13px;color: #ffffff;}
.news_item_detail{display: inline-block}
.news_item_detail:hover .news_circle{ background:#ff0000;transition: all 0.5s;cursor: pointer;}
.news_item_detail:hover a{color: #ff0000;transition: all 0.5s;}
/*.news_circle span{display: block;color: #ffffff;height: 15px;line-height: 15px;text-align: center;}*/

.news_bottom{width: 100%;height: 113px;padding-top: 30px;}
.news_bottom img{width: 100%;height: 113px;}

/*品类列表*/
.category .title{width: 205px;margin: 0 auto;padding: 45px 0}
.category .title img{width: 205px;height: 128px;}
.category_ul{overflow: hidden;}
.category_ul li {width: 440px;height: 560px;float: left;margin:10px 13px;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;

}
.category_ul li .category_out{/*float: left;*/margin:10px 13px;width: 440px;height: 447px;
    -moz-box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    -webkit-box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.category_ul li:hover{
    -webkit-transform: scale(0.95); -moz-transform: scale(0.95);-o-transform: scale(0.95);/*缩小0.8倍*/ transform: scale(0.95); /*缩小0.8倍*/ ;
}
.category_img{ width: 100%;height: 447px;}
.category_m{display: none;top:0;width: 100%;height: 447px;position: absolute; background: #282828; opacity: 0.6;z-index: 99;color: #ffffff;}
.category_m_yes{display: block;}
/*.category_m_hover{display: block;top:0;-webkit-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -ms-transition:0.5s ease-out; -o-transition:0.5s ease-out; transition:0.5s ease-out;}*/
.category_m_top{width: 59px;margin: 0 auto;padding-top: 100px;}
.category_m_top img{width: 59px;height: 59px;}
.category_m_title{margin: 0 auto;padding-top: 30px;display: block;text-align: center;}
.category_m_title h3{font-size: 32px;display: inline-block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.category_eng{display: block;text-align: center;}
.category_eng h3{font-size: 14px;}
.category_btn span{font-size: 18px;display: block;text-align: center;padding: 5px;border: 1px solid #ffffff;width: 145px;margin: 100px auto 0;border-radius: 5px;}
.category_title{margin-top: 25px;}
.category_title h3{font-size: 28px;text-align: center}
/*品类列表*/


/*系列*/
.series{overflow: hidden}
/******定义产品第二导航******/
.series .category_head{margin-top: 70px;}
/*****定义产品第二导航******/
.series_list{position: relative}
.series_list ul li{float: left;margin: 0 9px 20px;width: 331px;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}
.series_list ul li:hover{
    -webkit-transform: scale(0.95); -moz-transform: scale(0.95);-o-transform: scale(0.95);/*缩小0.8倍*/ transform: scale(0.95); /*缩小0.8倍*/ ;
}
.product_box{background: #ffffff;padding: 15px 10px;
    -moz-box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    -webkit-box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
}
.product_bg{width: 311px;height: 297px;
    box-sizing: border-box;
    position: relative;
}
.product_bg .product_starge1{display: none}
.product_bg .product_starge2{margin-top: 0;margin-left: 0;-webkit-transform:rotatey(0deg) rotatex(0deg) rotatez(0deg);

    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: 90.35%;
    position: relative;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.product_bg .product_starge2 img{
    display: block;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
}

.product_bg.on{background: url("../images/test.jpg") no-repeat; -webkit-transform-style:preserve-3d; -webkit-perspective:270px;overflow: hidden}
.product_bg.on .product_starge1{width: 183px;height: 183px;  background-size: cover;margin-top: 25px;margin-left: 89px; -webkit-transform:rotatey(-9deg) rotatex(1deg) rotatez(1deg);/*border-right:2px solid #d5d1ce;*//*box-shadow: 1px 1px 1px #bebebe;*/position: absolute;display: block}
.product_bg.on .product_starge1 img{width: 100%}
.product_bg.on .product_starge2{width: 183px;height: 183px; margin-top: 65px;margin-left:14px;  -webkit-transform:rotatey(-12deg) rotatex(2deg) rotatez(4deg);/*border-right:1px solid #d5d1ce;*/position: absolute;box-shadow: 1px 0px 1px #969797;
    left: 0;
    top:0;
    padding-bottom: 0;
}
.product_bg.on .product_starge2 img{width: 100%}
.product_bg.on .product_starge1:before{ content: ''; width: 72px; height: 39px; position: absolute; margin-left: 111px; background: url("../images/top.png") no-repeat; opacity: .35; margin-top: 1px; }
.product_bg.on .product_starge2:before{ content: ''; width: 67px; height: 39px; position: absolute; margin-left: 116px; background: url("../images/top.png") no-repeat; opacity: .4; }


.model2 .product_starge1 img{transform: rotateZ(90deg)}
.model2 .product_starge2 img{transform: rotateZ(90deg)}

.series_list .series_title{display: block;text-align: center;font-size: 28px;margin: 30px 0}

/*产品详情*/
.product_detail{}
.product_detail .category_head{position: relative;top:-45px;margin-bottom: 45px;}
.product_detail .center{background: #ffffff;margin-bottom: 80px;}
.product_detail_body{background: #ffffff;margin-top: -10px;}
.product_detail_firt{height: 780px;overflow: hidden;padding: 0 50px;}
.product_detail_firt .left{width: 45%;position: relative}
.product_detail_firt .right{width: 55%;color: #666666;font-size: 18px;}
.product_lun_big li{width: 584px;height: 537px;
    background-color: #efefef;
}
.product_lun_big li .img{width: 480px;margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: 91%;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
}
.product_lun_big li img{
    display: block;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
}
.product_lun{margin: 50px 30px 0!important;overflow: hidden;height: 140px;}
.product_lun li{float: left;width: 138px;height: 138px;margin: 0 18px;
}
.product_lun li:hover{cursor: pointer}
.product_lun li img{width: 100%;height: auto;

}
.product_detail_title{padding-left: 90px;}
.product_detail_title h1{font-size: 30px;color: #333333;line-height: 100px;}
.product_detail_title p{line-height: 30px;padding-bottom: 60px;border-bottom: 1px solid #afafaf}
.product_detail_title ul{margin-top: 60px;}
.product_detail_title ul li{margin-bottom: 28px;}
.product_detail_title ul li span{margin-left: 15px;color: #333333}

.product_detail_second{height: 970px;}
.product_detail_second .description{height: 90px;background: #020202;color: #ffffff;line-height: 90px;padding: 0 53px;}
.product_detail_second .description .left{font-size: 24px;letter-spacing:1px;}
.product_detail_second .description .right{font-size: 20px;}
.product_detail_second .special{height: 880px;padding: 0 53px;position: relative;}
.product_detail_second .special .up{height: 160px;line-height: 35px;padding-top: 50px;}
.product_detail_second .special .up1{font-size: 22px;color: #333333;letter-spacing:3px;float: left}
.product_detail_second .special .up2{font-size: 18px;color: #666666;letter-spacing:1px;float: left;width: 85%;margin-left: 15px;display: inline-block;}
.product_detail_second .special .down{height: 622px;}
.product_detail_second .special .down .left{width: 57%;}
.product_detail_second .special .down .left img{width: 100%;}
.product_detail_second .special .down .right{width:43%;background: #f6f6f6;height: 622px;text-align: center}
.product_detail_second .special .down .right h2{font-size: 30px;color: #333333;margin-top: 75px;}
.product_detail_second .special .down .right span{font-size: 26px;color: #333333;margin-top: 30px;display: inline-block;}
.product_detail_second .special .down .right p{font-size: 16px;color: #666666;letter-spacing: 4px;width: 75%;margin: 15px auto 0;line-height: 35px;}
.special_bottom1{position: absolute;bottom: 97px;left: 668px;padding: 3px; background: #ffffff;}
.special_bottom2{position: absolute;bottom: 127px;left: 83px;}

.product_detail_third{height: 610px;position: relative;
    -moz-box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    -webkit-box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
}
.product_detail_third .recommend{height: 90px;background: #020202;color: #ffffff;line-height: 90px;padding: 0 53px; }
.product_detail_third .recommend span{font-size: 24px;letter-spacing:1px;}
.product_detail_third ul{padding-top:80px;margin: 0 auto;width: 1240px;height: 510px;}
.product_detail_third  ul li{float: left;margin: 0 40px 20px;width: 331px}
.product_detail_third .series_title{display: block;text-align: center;font-size: 28px;margin: 30px 0}
/*产品详情*/

/*案例列表*/
.case_list{overflow: visible;}
.case_list_out{background: #ffffff;position: relative;margin-bottom: 30px;
    -moz-box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    -webkit-box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
}
.case_head{background: #020202;width: 100%;height: 90px;position: absolute;margin-top: -40px;}
.case_head_left{float: left;font-size: 30px;line-height: 90px;margin-left: 60px;}
.case_head_span1{background: url("../images/case_head_ico.jpg") no-repeat left center;padding-left: 50px;color: #ffffff;}
.case_head_right{float: right;line-height: 90px;margin-right: 40px;}
.case_head_right ul li{float: left;margin: 0 20px;}
.case_head_right ul li a{font-size: 18px;}
.case_head_right ul li a:hover{color: #ffffff;text-decoration: underline;}
/*.case_list .title{width: 205px;height: 128px;margin: 0 auto;padding-top:90px;margin-bottom: 170px;}*/
/*.case_list_body{padding: 0 25px;}*/
.case_list_body .title{width: 205px;height: 128px;margin: 10px auto 45px;background: url("../images/talents_title_bg.png") no-repeat;padding: 30px 0 0 40px;}
.case_list_body .title h1{font-size: 35px;}
.case_list_body .title span{font-size: 14px;text-transform: uppercase;}
.case_list_body ul{padding: 0 25px;margin-top: 50px;}
.case_list_body ul li{float: left;width: 392px;height: 475px;margin: 0 28px 45px;border-radius: 10px;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}
.case_list_body ul li:hover{
    -webkit-transform: scale(0.95); -moz-transform: scale(0.95);-o-transform: scale(0.95);/*缩小0.8倍*/ transform: scale(0.95); /*缩小0.8倍*/ ;
}
.case_list_box{position: relative;}
.case_list_box img{width: 100%;height: 399px;border-radius: 10px;}
.case_list_m{display: none;top:0;width: 100%;height: 399px;position: absolute; background: #020202; opacity: 0.5;z-index: 99;color: #ffffff;border-radius: 10px;}
.case_list_m3{display: block;}
.case_list_m2{width: 95%;height: 380px;margin:10px;border: 3px solid #afb0b2;border-radius: 5px;text-align: center;}
.case_list_m2 span{font-size: 28px;color: #ffffff;display: block;width: 300px;margin: 130px auto 0;}
.case_list_title{font-size: 24px;text-align: center;margin-bottom: 20px;}
.case_list_title span{line-height: 60px;display: inherit;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #2b2b2b}
/*案例列表*/

/*装修图库*/
.photos{background: #ffffff;  position: relative;
    -moz-box-shadow: 0 5px 10px #cbcbcb;
    -webkit-box-shadow: 0 5px 10px #cbcbcb;
    box-shadow: 0 5px 10px #cbcbcb;}
.photos_body{overflow: hidden;margin-top: -40px;margin-bottom: 100px;width: 100%;}
.photos_body .title{width: 225px;height: 128px;margin: 45px auto;background: url("../images/talents_title_bg.png") no-repeat;padding: 30px 0 0 40px;}
.photos_body .title h1{font-size: 35px;}
.photos_body .title span{font-size: 14px;text-transform: uppercase;}
.photos_body .photos_nav{width: 750px;margin: 0 auto 35px;text-align: center}
.photos_body .photos_nav ul li{display: inline-block;margin: 0 10px;}
.photos_body .photos_nav ul li a{width: 125px;height: 50px;line-height: 50px;text-align: center;padding: 10px 15px;border: 1px solid #979696;border-radius: 5px;font-size: 20px;color: #292929;}

.photos_head_right{float: right;line-height: 90px;margin-right: 40px;}
.photos_head_right ul .item{float: left;margin: 0 50px;position: relative;}
.photos_head_right ul .item a{font-size: 24px;}
.photos_head_right .cur a{color: #ffffff;}
.photos_head_right .cur{color: #ffffff;}
.photos_head_right ul li a:hover{color: #ffffff;transition: all 0.5s}
.photos_head_right ul .item .triangle{display:inline-block; border-width:8px 0 8px 15px; border-style:solid; border-color:transparent transparent transparent #fff;}
.photos_head_right ul > .cur .triangle{transform: rotate(90deg);transition: all 0.3s;}
.photos_head_right ul .item .itemdown{
    background-color: #282828;
    opacity: 0.9;
    z-index: 999;
    position: absolute;
    top:90px;
    text-align: center;
    line-height: 70px;
    display: block;
    border-radius: 5px;
    max-height:0px;
    -webkit-transition: max-height 0.5s;
    overflow: hidden;
}
.photos_head_right ul .item.cur .itemdown{
    max-height:70px;
}

.photos_head_right ul .item .itemdown li{display: inline-block;line-height: 70px;}
.photos_head_right ul .item .itemdown li a{font-size: 20px;color: #b8b8b8;}
.photos_head_right ul .item .itemdown li:hover a{color: #ffffff;}
.photos_head_right ul .item .itemdown li.on a{color: #ffffff;}
.photos_head_right ul .item .itemdown.one{ width: 500px;left:-190px;}
.photos_head_right ul .item .itemdown.one a{margin: 0 22px;}
.photos_head_right ul .item .itemdown.two{ width: 600px;left:-387px;}
.photos_head_right ul .item .itemdown.two a{ margin: 0 10px;}


.photos_first{padding: 47px 0;}
.photos_first ul li{/*margin: 0 15px;*/width: 393px;height: auto;float: left;}
.photos_first ul li img{width: 100%;height: auto;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}
.photos_first ul li img:hover{ -webkit-transform: scale(0.95); -moz-transform: scale(0.95);-o-transform: scale(0.95);/*缩小0.8倍*/ transform: scale(0.95); /*缩小0.8倍*/ ;}
.photos_first ul li p{font-size: 20px;line-height: 60px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#main{
    position: relative;
}
/*装修图库*/

/*新闻列表*/
.news_list{overflow: hidden;}
.news_list .title{width: 205px;height: 128px;margin: 45px auto;background: url("../images/news_list_titlebg.png") no-repeat;padding: 30px 0 0 40px;}
.news_list .title h1{font-size: 35px;}
.news_list .title span{font-size: 14px;text-transform: uppercase;}
.news_list_body{background: #ffffff;margin-bottom: 50px;
    -moz-box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    -webkit-box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
}
.news_list ul li{width: 100%;height: 315px;padding: 25px 35px}
.news_list ul li:hover{background:#E6E6E6!important;}
.news_list ul li:nth-child(odd){background: #f0efef}
.news_list_left{float: left;width: 430px;height: 261px;padding: 10px;background: #ffffff;overflow: hidden;}
.news_list_left img{width: 410px;height: 241px;}
.news_list_right{float: right;width: 900px;height: 261px;padding-left: 60px;padding-right: 20px;}
.news_list_title{margin-top: 22px;}
.news_list_title span{font-size: 24px;color: #292929;line-height: 50px;}
.news_list_right p{font-size: 20px;color: #4a4a4a;margin-top: 30px;text-indent: 40px;line-height: 30px;height: 90px;}
.news_list_bottom{margin-top: 40px;}
.news_list_detail{display: inline-block}
.news_list_detail:hover .news_list_circle{background: #ff0000}
.news_list_detail:hover a{color: #ff0000}
.news_list_circle{background: #909090;border-radius: 50%; height: 15px;width: 15px;display: inline-block;vertical-align: top;margin-top: 4px;position: relative}
.news_list_circle span{display: block;color: #ffffff;height: 20px;line-height: 20px;text-align: center;position: absolute;top:-4px;left: 3px;}
.news_list_bottom a{color: #909090;}
.news_list_time{color: #909090;margin-left: 175px;}

/*新闻详情*/
.banner2 ul li{position: relative}
.news_detail{background: #ffffff;position: relative;margin-bottom: 70px;padding-bottom: 30px;
    -moz-box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    -webkit-box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
}
.news_detail_body{width: 1210px;margin: 0 auto}
.news_detail_title{text-align: center;padding:10px 0 50px;border-bottom: 1px solid #d8d8d8;}
.news_detail_title h1{font-size: 32px;color: #333333;line-height: 60px;}
.news_detail_title2{font-size: 16px;color: #c6c6c6;line-height: 40px;}
.news_detail_title2 span{margin: 0 10px;}
.news_detail_share{color: #333333;line-height: 40px;}
.news_detail_share span{padding-left: 18px;margin-right: 5px;}
.news_detail_share .share{background: url("../images/share.png") no-repeat left center;}
.news_detail_share .zone{background: url("../images/zone.png") no-repeat left center;}
.news_detail_share .weibo{background: url("../images/weibo.png") no-repeat left center;}
.news_detail_share .weixin{background: url("../images/weixin.png") no-repeat left center;}

.news_detail_body{padding-top: 50px;font-size: 20px;color: #666666;}
.news_detail_body p{/*text-indent: 40px;line-height: 40px;*/}
.news_detail_body img{width: 100%;height: auto;margin: 40px 0;}

/*董事长*/
.chairman{background: #ffffff;position: relative;margin-bottom: 70px;padding-bottom: 30px;
    -moz-box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    -webkit-box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
}
.chairman_body{padding: 0 50px;}
.chairman_first{width: 100%;height: 562px;background: url("../images/chairman_fir_bg.png") no-repeat;background-size:  1300px 562px;margin-top: 20px;position: relative}
.chairman_first .left{width: 38%}
.chairman_first .left .square{width: 395px;height: 455px;border: 1px solid #0f0f0f;margin-top: 55px;margin-left: 55px}
.chairman_first .left img{width: 411px;height:419px;position: absolute;top: 80px;left: 82px;}
.chairman_first .right{width: 62%;padding: 0 50px;display: block}
.chairman_first .right .title{width: 100%;height: 210px;border-bottom: 1px solid #bababa;text-align: center;}
.chairman_first .right .title img{display: block;margin: 0 auto}
.chairman_first .right .title .img1{padding-top: 65px;}
.chairman_first .right .title span{font-size: 44px;color: #020202;}
.chairman_first .right .introduce{padding-top: 40px;}
.chairman_first .right .introduce p{ font-size: 20px;color: #666666;line-height: 35px;text-indent: 40px;}

.chairman_list{margin:60px 0 20px;}
.chairman_list ul li{width: 100%;height: 315px;padding: 25px 35px}
.chairman_list ul li:hover{background:#E6E6E6!important;}
.chairman_list ul li:nth-child(odd){background: #f1f1f1}
.chairman_list ul li:nth-child(even){background: #f6f6f6}
.chairman_list_left{float: left;width: 391px;height: 264px;}
.chairman_list_right{float: right;width: 839px;height: 261px;padding-left: 60px;padding-right: 20px;}
.chairman_list_title{margin-top: 22px;}
.chairman_list_title span{font-size: 24px;color: #292929;line-height: 50px;}
.chairman_list_right p{font-size: 20px;color: #4a4a4a;margin-top: 30px;text-indent: 40px;line-height: 30px;height: 90px;}
.chairman_list_bottom{margin-top: 40px;}
.chairman_list_detail{display: inline-block}
.chairman_list_detail:hover .chairman_list_circle{background: #ff0000}
.chairman_list_detail:hover a{color: #ff0000}
.chairman_list_circle{background: #909090;border-radius: 50%; height: 15px;width: 15px;display: inline-block;vertical-align: top;margin-top: 4px;position: relative}
.chairman_list_circle span{display: block;color: #ffffff;height: 20px;line-height: 20px;text-align: center;position: absolute;top:-4px;left: 3px;}
.chairman_list_bottom a{color: #909090;}
.chairman_list_time{color: #909090;margin-left: 175px;}
/*董事长*/

/*社会责任*/
.response{background: #ffffff;position: relative;top: -40px;padding: 0 45px;
    -moz-box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    -webkit-box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
    box-shadow: 0 5px 10px #cbcbcb; /*底边阴影*/
}
.response .title{height: 80px;width: 335px;color: #0c0c0c;margin: 0 auto;}
.response .title span{display: block;text-align: center}
.response .title .chara{font-size:40px;}
.response .title .eng{font-size: 16px;text-transform: uppercase;letter-spacing: 0.5px;}
.response p{font-size: 18px;color: #b3b3b3;letter-spacing: 2px;text-align: center;line-height: 40px;}

.response_first{height: 1200px;padding-top: 105px;}
.response_first .title{background: url("../images/response_title1.png") no-repeat center;background-size: 332px 71px;margin-bottom: 40px;}
.response_first_imgs{margin-top: 40px;}
.response_first_imgs li{width: 48.5%;float: left;margin-bottom: 33px;}
.response_first_imgs li img{width: 100%;height: auto;transition: all 0.5s;}
.response_first_imgs li img:hover{transform: scale(1.05);}
.response_first_imgs li:nth-child(odd){margin-right: 3%;}

.response_second{height: 785px;}
.response_second .title{background: url("../images/response_title2.png") no-repeat center;background-size: 332px 71px;margin-top: 80px;margin-bottom: 40px;}
.response_second_imgs{margin-top: 25px;}
.response_second_imgs li{width: 32%;float: left;}
.response_second_imgs li:nth-child(2){margin: 0 2%;}
.response_second_imgs li img{width:100%;height:319px;transition: all 0.5s;}
.response_second_imgs li img:hover{transform: scale(1.05);}
.response_second_imgs li p{letter-spacing: 0px;}

.response_third{height: 1480px;}
.response_third .title{background: url("../images/response_title3.png") no-repeat center;background-size: 334px 71px;margin-top: 45px;margin-bottom: 40px;}
.response_third_imgs{margin-top: 25px;height: 645px;font-size: 0;}
.response_third_imgs li{width: 33.3%;float: left;}
.response_third_imgs li img{width: 438px;height: 320px;}
.response_third_bottom{width: 1310px;height: 354px;margin-top: 50px;}
/*社会责任*/

/*匠心工艺*/
.technology{background: #ffffff;
    -moz-box-shadow: 0 20px 40px #cbcbcb; /*底边阴影*/
    -webkit-box-shadow: 0 20px 40px #cbcbcb; /*底边阴影*/
    box-shadow: 0 20px 40px #cbcbcb; /*底边阴影*/
}
.technology .title{width: 1052px;height: 75px;margin: 0 auto;text-align: center;}
.technology .title h3{font-size: 38px;color: #0c0c0c}
.technology .title span{font-size: 18px;color: #666666}
.technology .para{text-align: center;margin-top: 60px;background: url("../images/techno_title_center.png") no-repeat center;}
.technology .para p{font-size: 18px;color: #666666;display: inline-block;
    writing-mode: vertical-rl;/*从右向左 从左向右 是 writing-mode: vertical-lr;*/
    writing-mode: tb-rl;/*IE浏览器的从右向左 从左向右是 writing-mode: tb-lr；*/
    text-align: justify;
    line-height: 70px;
}
.techno_first{height: 870px;padding-top: 67px;}
.techno_first .title{background: url("../images/techno_title_01.png") no-repeat center;background-size: 1052px 57px;padding-left: 100px;}
.techno_first_imgs{margin-top: 65px;padding: 0 40px;font-size: 0}
.techno_first_imgs .img1{width: 862px;height: 366px;margin-right: 30px;transition: all 0.3s;}
.techno_first_imgs .img1:hover{transform: scale(1.02);}
.techno_first_imgs .img2{width: 408px;height: 366px;transition: all 0.3s;}
.techno_first_imgs .img2:hover{transform: scale(1.02);}

.techno_second{height: 1030px;}
.techno_second .title{background: url("../images/techno_title_02.png") no-repeat center;background-size: 1052px 57px;padding-left:88px;margin-top: 40px;}
.techno_second_imgs{margin-top: 65px;padding: 0 40px;font-size: 0}
.techno_second_imgs li{float: left;}
.techno_second_imgs li:nth-child(1){width: 25%;}
.techno_second_imgs li:nth-child(2){width: 35%;}
.techno_second_imgs li:nth-child(3){width: 40%;}
.techno_third{height: 2116px;margin-bottom: 80px;

}
.techno_third .title{background: url("../images/techno_title_03.png") no-repeat center;background-size: 1052px 57px;padding-left:88px;margin-top: 40px;}
.techno_third_imgs{margin-top: 65px;padding: 0 40px;height: 1140px;}
.techno_third_imgs li{float: left;width: 47.6%;margin-bottom: 50px;}
.techno_third_imgs li:nth-child(odd){margin-right: 4.8%}
.techno_third_imgs li img{width: 100%;height: auto;transition: all 0.5s}
.techno_third_imgs li img:hover{transform: scale(1.05);}
.techno_third_imgs li span{font-size: 20px;color: #0c0c0c;background: url("../images/triangle_black.png") no-repeat center left;line-height: 50px;letter-spacing: 2px;padding-left: 20px;display: block;margin-top: 30px;}
.techno_third_imgs li p{font-size: 18px;color: #666666;letter-spacing: 1px;line-height: 30px;}
.techno_third_bottom{width: 100%;height: 443px;margin-top: 60px;}
/*匠心工艺*/

/*服务保障*/
.service{background: #ffffff;  position: relative;
    -moz-box-shadow: 0 5px 10px #cbcbcb;
    -webkit-box-shadow: 0 5px 10px #cbcbcb;
    box-shadow: 0 5px 10px #cbcbcb;}
.service_body{overflow: hidden;margin-top: -40px;margin-bottom: 100px;}
.service_body .left{width: 360px;}
.service_body .left li{width: 100%;height: 63px;border-bottom: 1px solid #e3e3e3;background:  url("../images/service_title_bg.png") no-repeat center #f5f5f5;background-position-x: 30px;}
.service_body .left li:hover{background:  url("../images/service_title_on.png") no-repeat center #f5f5f5;background-position-x: 30px;cursor: pointer;}
.service_body .left li:hover span{color: #ff0000;}
.service_body .left li span{line-height: 63px;font-size: 20px;color: #666666;padding-left: 62px;}
.service_body .left .on{background:  url("../images/service_title_on.png") no-repeat center #f5f5f5;background-position-x: 30px;}
.service_body .left .on span{color: #ff0000;cursor: pointer;transition: all 0.5s}
.service_body .right{width: 1040px;padding-left: 60px;padding-right: 70px;line-height: 34px;}
.service_body .right li{font-size: 20px;color: #666666;}
.service_body .right .para_title{font-size: 32px;color: #333333;height: 100px;line-height: 100px;margin: 20px 0 35px;display: block;border-bottom: 1px solid #d8d8d8;}
.service_body .right p{margin-bottom: 30px;}
.service_body .right h3{margin-bottom: 30px;}
/*服务保障*/

/*常见问题*/
.question{background: #ffffff;  position: relative;
    -moz-box-shadow: 0 5px 10px #cbcbcb;
    -webkit-box-shadow: 0 5px 10px #cbcbcb;
    box-shadow: 0 5px 10px #cbcbcb;}
.question_body{overflow: hidden;margin-top: -40px;margin-bottom: 100px;min-height: 500px;}
.question_body .left{width: 360px;}
.question_body .left li{width: 100%;height: 63px;border-bottom: 1px solid #e3e3e3;background:  url("../images/question_title_bg.png") no-repeat center #f5f5f5;background-position-x: 30px;}
.question_body .left li:hover{background:  url("../images/question_title_on.png") no-repeat center #f5f5f5;background-position-x: 30px;cursor: pointer;}
.question_body .left li:hover span{color: #ff0000;}
.question_body .left li span{line-height: 63px;font-size: 20px;color: #666666;padding-left: 62px;}
.question_body .left .on{background:  url("../images/question_title_on.png") no-repeat center #f5f5f5;background-position-x: 30px;}
.question_body .left .on span{color: #ff0000;cursor: pointer;}
.question_body .right{width: 1040px;padding-left: 60px;padding-right: 70px;line-height: 34px;}
.question_body .right li{font-size: 20px;color: #666666;}
.question_body .right .para_title{font-size: 32px;color: #333333;height: 100px;line-height: 100px;margin: 20px 0 35px;display: block;border-bottom: 1px solid #d8d8d8;}
.question_body .right p{margin-bottom: 30px;}
.question_body .right h3{margin-bottom: 30px;}
/*常见问题*/

/*联系我们*/
.contact{background: #ffffff;  position: relative;
    -moz-box-shadow: 0 5px 10px #cbcbcb;
    -webkit-box-shadow: 0 5px 10px #cbcbcb;
    box-shadow: 0 5px 10px #cbcbcb;}
.contact_body{overflow: hidden;margin-top: -40px;}
.contact_body .title{width: 205px;height: 128px;margin: 45px auto;background: url("../images/news_list_titlebg.png") no-repeat;padding: 30px 0 0 40px;}
.contact_body .title h1{font-size: 35px;}
.contact_body .title span{font-size: 14px;text-transform: uppercase;}
.contact_first{;height: 620px;}
.contact_first .left{width: 40%;}
.contact_first .left span{font-size: 20px;color: #292929;display: block;line-height: 50px;padding-left:50px;}
.contact_first .left .contact_com{font-size: 26px;margin-bottom: 20px;background: url("../images/contact_ico1.png") no-repeat left center;}
.contact_first .left .contact_add{background: url("../images/contact_ico2.png") no-repeat; background-position: 0% -22%}
.contact_first .left .contact_tel{background: url("../images/contact_ico2.png") no-repeat left; }
.contact_first .left .contact_mail{background: url("../images/contact_ico2.png") no-repeat ; background-position:0% 125%}
.contact_imgs{margin-top: 50px;}
.contact_imgs li{float: left;width: 27%}
.contact_imgs li p{font-size: 20px;color: #292929;text-align: center;}
.contact_imgs li img{margin:10px auto;width: 120px;height: 120px;display: block;}
.contact_first .right{width: 60%; height: 460px;border: 1px solid #d0d0d0;padding: 10px;}
/*联系我们*/

/*人才招聘*/
.talents{background: #ffffff;  position: relative;
    -moz-box-shadow: 0 5px 10px #cbcbcb;
    -webkit-box-shadow: 0 5px 10px #cbcbcb;
    box-shadow: 0 5px 10px #cbcbcb;}
.talents_body{overflow: hidden;margin-top: -40px;margin-bottom: 100px;}
.talents_body .title{width: 225px;height: 128px;margin: 45px auto;background: url("../images/talents_title_bg.png") no-repeat;padding: 30px 0 0 40px;}
.talents_body .title h1{font-size: 35px;}
.talents_body .title span{font-size: 14px;text-transform: uppercase;}

.talents_first{margin: 0 55px;background: #ffffff;border: 1px solid #cdcdcd}
.talents_first li .talents_title{width: 100%;height: 50px;background: #f9f9f9;color: #666666;padding: 0 35px;border-top: 1px solid #e7e7e7;cursor: pointer;}
.talents_first li .talents_title .left{font-size: 24px;background: url("../images/talents_item_bg.png") no-repeat left center;padding-left: 30px;line-height: 50px;}
.talents_first li .talents_title .right.plus{display: block;width: 25px;height: 27px;line-height: 27px;background: #e8e8e8 center;padding-left: 7.5px;cursor: pointer;margin-top: 12px;margin-right: 30px;color: #ffffff;}
.talents_first li .talents_title .right.sub{display: none;width: 25px;height: 27px;line-height: 27px;background: #e8e8e8 center;padding-left: 7.5px;cursor: pointer;margin-top: 12px;margin-right: 30px;color: #ffffff;}

.talents_first .cur .talents_title{height: 65px;background: #747474;color: #ffffff;}
.talents_first .cur .talents_title .left{background: url("../images/talents_item_on.png") no-repeat left center;line-height: 65px;}
.talents_first .cur .talents_title .right.sub{display: block;margin-top: 18px;color: #777777;font-size: 24px;}
.talents_first .cur .talents_title .right.plus{display: none;}

.talents_des{background: url("../images/talents_des_bg.jpg") no-repeat;
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
}
.talents_des .duty{background: url("../images/duty_bg.png") no-repeat;background-size: 26px 31px;font-size: 26px;color: #d60710;padding-left: 40px;line-height: 30px;display: block;margin-bottom: 30px;}
.talents_des p{font-size: 20px;color: #666666;line-height: 50px;}
.talents_des .zige{background: url("../images/zige.png") no-repeat;background-size: 26px 31px;font-size: 26px;color: #d60710;padding-left: 40px;line-height: 30px;display: block;margin-bottom: 30px;margin-top: 50px;}
/*.talents_first li .talents_des{display: none}*/
.talents_first .cur .talents_des{/*display: block;*/
    padding: 70px 35px 50px;
    width: 1288px;
    height: 655px;
}

.talents_second{margin:0 55px 40px;padding: 0 40px;background: url("../images/talent_sec_bg.jpg") no-repeat;background-size: 1290px 460px;height: 460px; color: #ffffff;}
.talents_second .person_title{text-align: center;padding-top: 40px;}
.talents_second .person_title h3{font-size: 30px; }
.talents_second .person_title span{font-size: 14px;text-transform: uppercase;}
.talents_second form{margin-top: 50px;}

#province,#city,#name,#tel,#mail{background-color:transparent;font-size: 16px;color: #f0f0f0;border: 1px solid #ddd8d6;padding: 15px 0 15px 10px;margin-right: 19px;font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;}
#province option, #city option{color: #0c0c0c;}
#province,#city{width:202px; }
#name,#tel,#mail{width: 234px;}
#mail{margin-right: 0;}
#message{background-color:transparent;font-size: 20px;color: #f0f0f0;width: 100%;height: 145px;border: 1px solid #ddd8d6;margin: 20px 0;font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;text-align: center}
#sub{background-color:#4e4c4c;font-size: 20px;color: #ffffff;border:0;width: 140px;padding: 10px 20px;font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;}
/*人才招聘*/

/*招商加盟*/
.join{background: #ffffff;  position: relative;
    -moz-box-shadow: 0 5px 10px #cbcbcb;
    -webkit-box-shadow: 0 5px 10px #cbcbcb;
    box-shadow: 0 5px 10px #cbcbcb;}
.join_body{overflow: hidden;margin-top: -40px;margin-bottom: 100px;}
.join_body .title{width: 205px;height: 128px;margin: 45px auto;background: url("../images/news_list_titlebg.png") no-repeat;padding: 30px 0 0 40px;}
.join_body .title h1{font-size: 35px;}
.join_body .title span{font-size: 14px;text-transform: uppercase;}

.join_first{margin: 0 55px;height: 550px;padding-top: 60px;}
.join_first .left {width: 46%;height: 426px;}
.join_first .left img{width: 100%;height: auto;}
.join_first .right {width: 54%;height: 426px;padding:0 35px;}
.join_first .right .problem{font-size: 24px;color: #000000;line-height: 60px;}
.join_first .right .problem span{background: #000000;color: #ffffff;width: 33px;text-align: center;padding: 0 2px;margin-right: 10px;}
.join_first .right .problem em{font-size: 12px;margin-left: -5px;}
.join_first .right .answer{font-size:20px;color: #666666;line-height: 36px; padding-bottom: 30px;border-bottom: 1px solid #ececec;}
.join_first .right li:hover{cursor: pointer}
.join_first .right li p{display: none;}
.join_first .right .cur p{display: block;}

.join_second{margin:0 55px 40px;padding: 0 40px;background: url("../images/join_second_bg.jpg") no-repeat;background-size: 1290px 460px;height: 460px; color: #ffffff;}
.join_second .person_title{text-align: center;padding-top: 40px;}
.join_second .person_title h3{font-size: 30px; }
.join_second .person_title span{font-size: 14px;text-transform: uppercase;}
.join_second form{margin-top: 50px;}
/*招商加盟*/

/*品牌故事*/
 .story{background: #ffffff;  position: relative;
     margin-bottom: 70px;
     -moz-box-shadow: 0 5px 10px #cbcbcb;
     -webkit-box-shadow: 0 5px 10px #cbcbcb;
     box-shadow: 0 5px 10px #cbcbcb;}
.story .body_head_span1{color: #ffffff;letter-spacing: 5px;}
.story_body{overflow: hidden;margin-top: -40px;margin-bottom: 100px;}
.story_body .title{width: 245px;height: 143px;margin: 45px auto;background: url("../images/story_title_bg1.png") no-repeat;padding: 10px 0 0 50px;}
.story_body .title h1{font-size: 35px;}
.story_body .title .span1{font-size: 20px;text-transform: uppercase;padding-left: 85px;}
.story_body .title .span2{font-size: 14px;text-transform: uppercase;}
.story_first{padding: 0 90px;}
.story_first p{font-size: 20px;color: #666666;line-height: 36px;text-indent: 40px;}
.story_first ul{margin-top: 30px;}
.story_first ul li{float: left;width: 380px;height: 260px;padding: 10px;border: 1px solid #eeeeee;}
.story_first ul li:nth-child(2){margin: 0 40px;}

.story_second{background: url("../images/story_sec_bg01.jpg") 0 0 no-repeat ,
url("../images/story_sec_bg02.jpg") 0 885px no-repeat,
url("../images/story_sec_bg03.jpg") 0 1766px no-repeat; height: 2411px;margin-top: 50px;padding: 0 85px 0;color: #ffffff;position: relative;}

.story_second .title_out{width: 210px;height: 235px;margin: 0 auto;display: block;padding-top: 15px;position: relative;z-index: 11}
.story_second .title{width: 250px;background: url("../images/story_title_bg2.png") no-repeat;}
.story_second .left, .story_second .right{width: 50%;}

.story_second_1{height: 455px;margin-bottom: 20px;position: relative;z-index: 11}
.story_second_1 .left li{height: 72px;}
.story_second_1 .time{background: url("../images/story_time_bg.png") no-repeat;font-size: 20px;width:161px;height: 89px;padding-left: 40px;padding-top: 15px;display: inline-block;box-sizing: border-box;}
.story_second_1 .evnet{font-size: 16px;display: inline-block;box-sizing: border-box;padding-left: 15px; position: relative; top: 30px;width: 450px;}
.story_second_1 .unline{display: block; border-bottom: 1px solid #7B7777; width: 450px; margin-left: 158px;}

.story_second_1 .right{padding-left: 30px;}
.story_second_1 .right li img{width: 100%;float: left}
.story_second_1 .right li img.img1{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%);filter: gray;}
.story_second_1 .right li img.img2{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%);filter: gray;}
.story_second_1 .right li img.img3{-webkit-filter: grayscale(80%);-moz-filter: grayscale(80%);-ms-filter: grayscale(80%);-o-filter: grayscale(80%); filter: grayscale(80%);filter: gray;}
.story_second_1 .right li:nth-child(1){float: left;margin-right: 32px;width: 226px;height: 167px;}
.story_second_1 .right li:nth-child(2){float: left;margin-right: 32px;width: 226px;height: 167px;}
.story_second_1 .right li:nth-child(3){float: left;width: 484px;height: 243px;margin-top: 20px;}

.story_second_2{position: relative;z-index: 11}
.story_second_2 .left{width: 499px;height: 590px;padding-top: 50px;}
.story_second_2 .left img{width: 100%;}
.story_second_2 .left img.img4{margin-bottom: 50px;-webkit-filter: grayscale(60%);-moz-filter: grayscale(60%);-ms-filter: grayscale(60%);-o-filter: grayscale(60%); filter: grayscale(60%);filter: gray;}
.story_second_2 .right li{margin-bottom: 7px;height: 85px;}
.story_second_2 .time{background: url("../images/story_time_bg.png") no-repeat;font-size: 20px;width:161px;height: 89px;padding-left: 40px;padding-top: 15px;display: inline-block;float: left}
.story_second_2 .evnet{font-size: 16px;display: inline-block;padding-left: 15px; width: 450px;float: left;margin-top: 30px;}
.story_second_2 .unline{display: block; border-bottom: 1px solid #7B7777; width: 450px; margin-left: 158px;padding-top: 88px;}

.story_second_3{position: relative;z-index: 11}
.story_second_3 .left{width: 55%}
.story_second_3 .right{width: 45%}
.story_second_3 .left li{margin-bottom: 5px;height: 90px;}
.story_second_3 .time{background: url("../images/story_time_bg.png") no-repeat;font-size: 20px;width:161px;height: 89px;padding-left: 40px;padding-top: 15px;display: inline-block;float: left}
.story_second_3 .evnet{font-size: 16px;display: inline-block;padding-left: 15px; width: 455px;float: left;margin-top: 35px;}
.story_second_3 .unline{display: block; border-bottom: 1px solid #7B7777; width: 450px; margin-left: 158px;padding-top: 88px;}

.story_second_3 .right{position: relative;padding-left: 30px;}
.story_second_3 .right img{margin-bottom: 30px;}
.story_second_3 .right img.img5{margin-top: 50px;-webkit-filter: grayscale(40%);-moz-filter: grayscale(40%);-ms-filter: grayscale(40%);-o-filter: grayscale(40%); filter: grayscale(40%);filter: gray;}
.story_second_3 .right img.img6{-webkit-filter: grayscale(20%);-moz-filter: grayscale(20%);-ms-filter: grayscale(20%);-o-filter: grayscale(20%); filter: grayscale(20%);filter: gray;}
.story_second_3 .right img.img7{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0); filter: grayscale(0);filter: gray;}

/*.story_second_3 .right .img6{position: absolute;top: 295px;left: 210px;z-index: 9}*/
/*.story_second_3 .right .img7{position: absolute;top: 497px;left: 30px;}*/

.story_second_cover{width: 100%;height: 100%;content: "";position: absolute;top: 0;left: 0;background-color: #222222;opacity: 0.6;z-index: 10}

.story_third{padding: 50px 85px 0;}
.story_third .title{width: 240px;}
.story_third .list{text-align: center;width: 510px;margin: 0 auto;margin-bottom: 70px;}
.story_third .list li{float: left;width: 120px;height: 45px;background: #292929;color: #666666;font-size: 20px;line-height: 45px;border-radius: 10px;margin: 0 25px;}

.story_third .list li:hover{;cursor: pointer;}
.story_third .list .on{color:#ffffff;background-color: #737272;transition: all 0.5s;}
.story_third .story_third_1 li{display: none}
.story_third .story_third_1 .cur{display: block}

.story_third_1 li p{font-size: 20px;line-height: 36px;color: #666666;text-indent: 40px;}
.story_third_1 li:nth-child(2) .imgborder{border: 1px solid #000000;float: left;width: 410px;height: 509px;margin-right: 50px;}
.story_third_1 li:nth-child(2) .imgborder img{margin-top: 15px;margin-left: 15px;}
.story_third_1 li:nth-child(2) .imgbtm{width: 1204px;height: auto;margin-top: 30px;}

.story_four{background: url("../images/story_four_bg.jpg") no-repeat;color: #ffffff;margin-top: 60px;height: 720px;padding: 35px 85px;position: relative;}
.story_four .title{width: 245px;background: url("../images/story_four_tbg.png") no-repeat;}
.story_four .title_out{width: 210px;height: 275px;margin: 0 auto;display: block;padding-top: 15px;}
.story_four ul{margin: 0 69px;overflow: hidden;}
.story_four ul li{float: left;margin: 0 40px;font-size: 0;width: 193px;}
.story_four ul li img{width: 100%;height: 335px;font-size: 0;}
.story_four ul li a{height: 345px;display: block; overflow: hidden;}
.story_four ul li .des{height: 35px;color: #000000;text-align: center;margin-top: -75px;position: relative;}
.story_four ul li span{font-size: 20px;line-height: 35px;color: #ffffff;top: 20px; position: absolute; display: block; width: 100%; z-index: 999;}
.story_four ul li.one .reflection{width:100%;height:180px;background:url(../images/honor_small1.jpg) bottom center no-repeat;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    opacity:0.5;
    filter:alpha(opacity='50');
}
.story_four ul li.two .reflection{width:100%;height:180px;background:url(../images/honor_small2.jpg) bottom center no-repeat;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    opacity:0.5;
    filter:alpha(opacity='50');
}
.story_four ul li.three .reflection{width:100%;height:180px;background:url(../images/honor_small3.jpg) bottom center no-repeat;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    opacity:0.5;
    filter:alpha(opacity='50');
}
.story_four ul li.four .reflection{width:100%;height:180px;background:url(../images/honor_small4.jpg) bottom center no-repeat;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    opacity:0.5;
    filter:alpha(opacity='50');
}
.story_four ul li .overlay{position: relative;width:100%;height:180px;bottom:180px;
    background-image: -moz-linear-gradient(center bottom, rgb(0,0,0) 20%, rgba(0,0,0,0) 90%);
    background-image: -o-linear-gradient(rgba(0,0,0,0) 10%, rgb(0,0,0) 30%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.20, rgb(14, 13, 13)), color-stop(0.90, rgba(0,0,0,0)));
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColor=0, EndColorStr=#000000);
}

.story_five{padding: 50px 85px 50px;}
.story_five .list{text-align: center;width: 680px;margin: 0 auto;margin-bottom: 70px;}
.story_five .list li{float: left;width: 120px;height: 45px;background: #292929;color: #666666;font-size: 20px;line-height: 45px;border-radius: 10px;margin: 0 25px;}

.story_five .list li:hover{;cursor: pointer;}
.story_five .list .on{color:#ffffff;background-color: #737272;transition: all 0.5s;}
.story_five .story_five_1 li{display: none}
.story_five .story_five_1 .cur{display: block}

.story_five li p{font-size: 20px;line-height: 36px;color: #666666;text-indent: 40px;}
.story_five_1{height: 582px;}
.story_five_1 li .imgborder{border: 1px solid #000000;float: left;width: 410px;height: 509px;margin-right: 50px;}
.story_five_1 li .imgborder img{margin-top: 15px;margin-left: 15px;}
.story_five_1 li .imgbtm{width: 674px;height: auto;margin-top: 30px;margin-left: 50px;}

.story_five_1 li.two .right{width: 740px;}
.story_five_1 li.two .right strong{color:#0a0205;font-size: 24px; }
.story_five_1 li.two .right .circle{width: 10px;height: 10px;border-radius: 50%;display: inline-block;background-color: #0a0205;margin-right: 10px;}
.story_five_1 li.two p{text-indent: 0;border-bottom: 1px dotted #666666;margin-top: 5px;padding-bottom: 10px;}
.story_five_1 li.two p.border_b{border-bottom: 0}
.story_five_1 li.two span{display: block}
.story_five_1 li.two .imgbtm{margin-top: 0px;}

.story_five_1 li.four .imgbtm{width: 686px;}
/*品牌故事*/

.search_tit_top{
    margin: 40px 0;
    font-size: 16px;
}