*{margin: 0px;padding: 0px;}
body{font: 12px/24px "Microsoft Yahei", "宋体", Arial, Verdana, Geneva, sans-serif;color: #666;background-color: #fff;}
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, hr{margin: 0px;padding: 0px;}
a{color: #808080;text-decoration: none;}
a:hover{color: #fa1225;text-decoration: none;}
img{border: 0;}
ul{display: block;}

ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;font: 12px "Microsoft Yahei", Verdana, Geneva, sans-serif;border: 1px solid #dedede;}
.left{float: left;}
.right{float: right;}
.mt{margin-top: 10px;}
.mr{margin-right: 10px;}
.mb{margin-bottom: 10px;}
.ml{margin-left: 10px;}
.pt{padding-top: 10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pt5{padding-top:50px;}
.pt6{padding-top:60px;}
.pt8{padding-top:80px;}
.pt10{padding-top:100px;}
.pr{padding-right: 10px;}
.pb{padding-bottom: 10px;}
.pb2{padding-bottom: 20px;}
.pb3{padding-bottom: 30px;}
.pb4{padding-bottom: 40px;}
.pb5{padding-bottom: 50px;}
.pb6{padding-bottom: 60px;}
.pb8{padding-bottom: 80px;}
.pb10{padding-bottom: 100px;}
.pl{padding-left: 10px;}
.wp{margin: 0px auto;width: 1200px;}
.hs{background-color:#f5f5f5;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.cls:after{ content: ""; font-size: 0px;height: 0px;line-height: 0px;clear: both;}
/*===============================首页广告banner==========================*/
.ix-banner{ width: 100%;  }/*height: 500px;*/
.ix-banner img{ width: 100%;  }
/*===============================header==========================*/
.ix-head{ height: 90px; position: relative; z-index: 999; }
.ix-logo{ position: absolute; top: 10px;}
.ix-nav ul{ padding-left:340px;}
.ix-nav ul li{ float: left; height: 90px; line-height: 90px; font-size: 16px; color: #666; background: url(../images/nav_line.png) no-repeat 0 center;} 
.ix-nav li.home a { background: url(../images/icon_home.png) no-repeat left center; font-size: 16px;  color:#666; }
.ix-nav li.home a:hover { background: url(../images/icon_home2.png) no-repeat left center; font-size: 16px;  color:#fa1225; }
.ix-nav li.home a.active { background: url(../images/icon_home2.png) no-repeat left center; font-size: 16px;  color:#fa1225; }
.ix-nav li a{ padding:0px 17px;} 
.ix-nav ul li:nth-child(1) {background:none;}
.ix-nav ul li:nth-last-child(1) a{padding-right:0px;}
/*==video==*/
.i-title-box{text-align: center; padding: 100px 0 60px;}
.i-title{padding: 0 60px; text-align: center; width: auto; margin: 0 auto;  background-repeat: no-repeat; display: inline-block; max-width: 100%;}
.i-title h3{font-size: 45px; color: #333333; line-height: 150%; font-weight: normal;}
.i-title p{font-size: 18px; color: #999999; line-height: 100%; text-transform: uppercase; padding-top: 12px;}
.i-video .main{width: 100%;min-height: 432px; position: relative;}
.i-video .main video{width: 700px;height: 432px;margin: 0 auto;position: relative;display: block;z-index: 5;background: #000;}
.i-video .main .info{width: 325px;height: 335px;background: #fff;position: absolute;right: -84px;top: 49px;z-index: 6;box-shadow: 0px 0px 4px 1px #ededed;}
.i-video .main .info i{background: url(../images/i_ico1.png) no-repeat 0 0;width: 9px;height: 335px;position: absolute;left: -9px;top: 0;}
.i-video .main .info .text{width: 80%;margin: 65px auto 0;}
.i-video .main .info .text h3{font-size: 20px;color: #ff0000;line-height: 1.5;}
.i-video .main .info .text .line{width: 26px;height: 1px;background: url(../images/i_line.png) no-repeat 0 0;margin: 19px 0 20px;display: block;}
.i-video .main .info .text p{font-size: 12px;color: #333333;line-height: 2;}
.i-video .main .video-bg{width: 183px;height: 173px;background: url(../images/video_bg.png) no-repeat 0 0;position: absolute;left: 111px;top: 156px;z-index: 1;}
.i-video .main .btn{height: 40px;margin: 18px 0 0 10%;}
.i-video .main .btn a{display: inline-block;margin-right: 11px;width: 38px;height: 38px;border: 1px solid #c6c6c6;background: url(../images/i_video_btn1.png) no-repeat 0 0;z-index: 20;}
.i-video .main .btn a.rights{background-position: -38px 0;}
.i-video .main .btn a:hover{border-color: #ff0000;background-color: #ff0000;background-image: url(../images/i_video_btn2.png);}
.i-video .main .img-list{position: absolute;left: 0;top: 0;width: 100%;height: 432px;}
.i-video .main .img-list ul{width: 700px;height: 432px;position: absolute;left: 50%;margin-left: -350px;}.i-video .main .img-list li{opacity: 0;position: absolute;left: 0;top: 0;z-index: 1;}
.i-video .main .img-list li img{width: 100%;}
/*==首页产品==*/
.pro-list li:nth-child(1){ margin-left:0px;}
.ix-pro .pro-list li:nth-child(2){  margin-top:0px;}
.ix-pro .pro-list li{  margin-top:40px; }
.pro-list li{ width:380px; box-shadow:0px 0px 15px #e5e5e5; padding-bottom: 40px; float: left; margin-left: 30px; background: #fff;}
.pro-list .img{ display: block; position: relative; width: 380px; transition:all .36s ease;}
.pro-list .img .mask{ opacity: 0;}
.pro-list .detail{ text-align: center; padding: 0px 20px; padding-top: 40px;}
.pro-list .detail .tit{ text-align: center; display: inline-block; font-size: 20px; color: #333; position: relative;z-index: 1; }
.pro-list .detail .tit:after{ content: ""; width: 30px; display: block; margin: 0px auto;height: 1px; background: #cccccc; margin-top: 20px;}
.pro-list .detail p{ text-align: left; padding-top: 15px; padding-bottom: 30px;}
.pro-list .detail .btn{ transition:all .36s ease; display: inline-block; width: 148px; height: 38px; text-align: center; line-height: 38px; border: solid 1px #e0e0e0; font-size: 14px; color: #999999; }
.pro-list .detail .btn:hover{ background-color: #fa1225; color: #fff; border:solid 1px #fa1225; }
.pro-list .img .mask { position: absolute;  left: 0;  top: 0; width: 100%; height: 100%; /*background: #ccc;*/ opacity: 0; transition: opacity 1s; vertical-align: middle; display: table-cell; text-align: center; display: list-item;  /*line-height: 415px;*/   }
.pro-list .img .mask img{ max-width: 100%;  max-height: 100%; width: auto;  height: auto;  vertical-align: middle; transition:all .36s ease;}
.pro-list .img .aa{ transition:all 1s ease;}
.pro-list .img:hover .aa{ opacity: 0; transition:all 1s ease;}
.pro-list .img:hover .mask{ opacity: 1;}
/*工程案列*/
.ix-case{ padding-bottom: 60px;}
.case_list a.c2{ margin-left:40px;}
.case_list a{ overflow: hidden; display:block; float: left; font-size: 14px; margin-left: 44px; margin-bottom: 40px; transition: all 0.36s ease; text-align: center;}
.case_list a.c1, .case_list a.c3, .case_list a.c6{ margin-left:0px;margin-right: 29px;}
.case_list a.c1 .cl-img, .case_list a.c2 .cl-img{ width:580px; height: 230px; overflow: hidden;}
.case_list a .cl-img{ width:370px; height: 205px;  overflow: hidden; display: table-cell;vertical-align: middle;}
.case_list a img{ max-width:370px; max-height: 205px; transition: all 0.36s ease;}
.case_list a.c1 img, .case_list a.c2 img{ max-width:580px; max-height: 230px; }
.case_list a:hover img{    transform: scale(1.08);}
.case_list .cl-tit{ background: #fff; padding: 10px 20px; text-align: left;}
.case_list .cl-tit .cl-t1{ font-size: 18px; color: #333333;}
.case_list .cl-tit .cl-t2{ font-size: 12px; color: #999;}
.case_list a:hover .cl-t1{ color:#e70012;}
/*中间banner*/
.zj-baner{ max-width:1920px; margin:0px auto; /*height: 680px;*/}

/*新闻列表*/
.in-lb-tit{ width: 560px;}
.ilt-t1{ font-size:30px; color:#666; font-weight:bold; line-height: 150%;}
.ilt-t2{ font-size:36px; font-family:"Arial"; color:#72abc8;  line-height: 150%; padding-top: 30px; padding-bottom: 60px;}
.ilt-t3{ color:#999; font-size: 14px; line-height: 180%;}
.ilt-t4{ color:#72abc8; font-size: 18px; position: absolute; bottom:0; right:0;}
.ix-news .swiper-button-prev, .ix-news .swiper-button-next{ width:30px; height: 30px; top: 392px;}
.ix-news .swiper-button-prev{ background: url(../images/l_jt.png) no-repeat 0 0; left:640px;}
.ix-news .swiper-button-next{ background: url(../images/r_jt.png) no-repeat 0 0; right: 490px;}
.in-list{ padding-top:60px; padding-bottom: 100px;}
.inl-img img{width: 380px;height: 354px;}
.in-list ul li:nth-child(1){ margin-left: 0px;}
.in-list ul li{width: 380px; float: left; margin-left: 30px; }
.inl-tit .inl-t1{ position: relative; font-size: 18px; color: #333333;  padding-top: 20px;}
.inl-tit .inl-t1 span{ position: absolute; right: 0; top: 20px; color:#333333; font-size: 14px;}
.inl-tit .inl-t2{  font-size:14px; color:#999; padding-top: 15px;}
.in-list ul li a:hover .inl-tit .inl-t1{ color:#e70012;}

/*留言列表*/
.ix-mess{ max-width:1920px; margin:0px auto; height: 860px;}
.ix-mess-input h4{font-weight: normal;font-size: 14px;color: #666666;line-height: 2;text-align: center;}
.ix-mess-input .form{display: block;max-width: 1050px;margin: 40px auto 0;}
.ix-mess-input .form input{border: none;font-size: 14px;box-shadow: 0px 0px 10px #cccccc;}
.ix-mess-input .form .line1{width: 266px;height: 48px;line-height: 48px;padding: 0 46px 0 13px;float: left;margin: 0 34px 25px 0;text-align: left;color: black;}
.ix-mess-input .form .name{background: #fff url(../images/i_form_ico1.png) no-repeat right 0;}
.ix-mess-input .form .phone{background: #fff url(../images/i_form_ico2.png) no-repeat right 0;}
.ix-mess-input .form .email{margin-right: 0;background: #fff url(../images/i_form_ico3.png) no-repeat right 0;}
.ix-mess-input .form textarea{width: 989px;box-shadow: 0px 0px 10px #cccccc;border: none;padding: 10px 46px 10px 13px;height: 149px;font-size: 14px;line-height: 1.5;margin-bottom: 40px;background: #fff url(../images/i_form_ico4.png) no-repeat right top;}
.ix-mess-input .form .key{width: 310px;height: 44px;margin: 0 auto;}
.ix-mess-input .form .file{width: 134px;height: 34px;line-height: 34px;text-align: center;margin-bottom: 20px;background: #939393;font-size: 14px;color: #fff;cursor: pointer;float: left;}
.ix-mess-input .form .file: hover{background: #ff0000;}
.ix-mess-input .form .file-box p{margin-left: 20px;line-height: 34px;}
.ix-mess-input .verify{text-align: center;}
.ix-mess-input .form input{width: 400px;height: 60px;border: 0;background: #eb2323;margin: 0px auto;margin-top: 20px;font-size: 16px;line-height: 60px;color: #fff;text-align: center;cursor: pointer;}

/*底部查询*/
.foot-search{ background:#a40000}
.foot-search .wrap{ height:216px; background:#eb2323 url(../images/foot_search.png) center center no-repeat; }
.foot-search .wp{ position:relative;}
.foot-search .select-div{ width:125px; padding:0 10px; height:40px; border:medium none; position:absolute; left:766px;  background:none;  z-index:11; top:120px; padding-right:30px; overflow:hidden}
.foot-search .select-div span{ display:block; overflow:hidden; height:40px; line-height:40px; font-size:14px; background:#fff; font-size:16px; color:#333}
.foot-search .select-div select{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.01}

.foot-search .select-div .btn-search{ width:90px; height:42px; position:absolute; right:0; background:#ff7800}
.foot-search .btn-search{ position:absolute; width:94px; height:40px; background:#ff7800; color:#fff; right:0; top:120px; text-align:center; line-height:40px; font-size:16px;}
.foot-search .btn-search:hover{ background:#cf6100}

/*底部*/
.foot-bg{ background:#fff; min-width:1200px;}
.foot-map-div{ position:relative; min-height:320px; }
.foot-map-list { width:100%; overflow:hidden; padding-top:45px; height:213px;}
.foot-map-list ul{ float:left; width:115px; font-size:14px;}
.foot-map-list  a{ color:#999; font-size:14px;}
.foot-map-list .h a{ color:#333}
.foot-map-list .line-ul a{ color:#333}
.foot-map-list  a:hover{ color:#eb2323}
.foot-map-list li{ line-height:28px;}
.foot-map-list li.h{ padding-bottom:10px;}
.foot-map-list .line-ul{ width:100px; line-height:35px; padding-left:18px; margin-top:-9px;}
.foot-map-list .line-ul li{ line-height:35px; height:35px; border-bottom:1px solid #e5e5e5}
.foot-ewm-div{ width:270px; text-align:right; position:absolute; right:0; top:45px;}
.foot-ewm-div .code{ width:270px;  display:block; font-size: 14px; color: #999;  margin-top:45px; line-height: 28px;}


.foot-hui-bg{  padding-top: 20px; height:50px; border-top:1px solid #e0e0e0}
.flink{ margin-left:-15px; position:relative; font-size:14px}
.flink-yl{ font-size:12px; margin-left:0;}
.flink { line-height:29px; font-size: 14px; color:#333;    width: 60%;}

.flink a{ padding:0 15px; font-size: 12px; color:#999;}
.flink a:hover{ color:#e60012}
.copyright{ color:#999; padding-top:5px; float:right}
.foot .ftel{ background:url(../images/ftel.png) no-repeat; width:237px; height:58px; position:absolute; right:0; top:11px;}
.foot .ftel p{ font-size:32px; position:absolute; right:0; bottom:0; opacity:0.01}
.foot-hui-bg a{color: #999;}
.foot-ewm-div .tel a{ position: relative;}
.foot-ewm-div .tel img{ padding-left: 25px;}
.foot-ewm-div .tel .ewm { position: absolute;  bottom: 60px; left: -75px; display: none; z-index: 999;}
.foot-ewm-div .tel  a:hover .ewm{ display:block;}
/*===============================db_xs==========================*/
.db_xs{width: 50px;height: 50px;position: fixed;right: 0px;bottom: 0px;z-index: 9999;display: none;background: url(../images/xs.gif) no-repeat center center;background-color: #e70012;}


/*新头部*/
.head{ position:relative; z-index:1112}
.head_top{ height:36px; background:#333; width:100%; line-height:36px; color:#ccc}
.head_top .h_right{ right:0px;  padding-right:80px; top:0; text-align:right}
.head_top .icon_wx{ background:url(../images/icon_wx.png) no-repeat; width:23px; height:23px; float:right; position:absolute; top:7px; right:0px;}
.head_top a{ color:#ccc;}
.head_top a:hover{ color:#fff}
.head_top .tel{ padding-left:17px; background:url(../images/icon_tel.png) 0 center no-repeat; color:#ccc}

.head_con{ height:90px; background:#fff; position:relative; z-index:111111}
.head_con .wrap{ height:90px;}
.head_con .logo{ position:absolute; left:30px; top:10px; width: 35%;}
.head_con .logo img{ max-width: 100%;}
.head_con:after{ content:" "; left:0; right:0; bottom:-5px; height:5px;; position:absolute}

/*.body_1200 .head_con .logo{ left:10px}
.body_1200 .nav-list{ right:10px}
.body_1200 .nav-list li a{ padding:0 15px;}
.body_1200 .nav-list li.home a{ padding-left:30px;}
.nav-list{ position:absolute; right:24px; top:34px;}
.nav-list li{ float:left; padding-left:1px; background:url(../images/nav_line.png) 0 center no-repeat}
.nav-list li a{ display:block; padding:0 30px; font-size:16px; color:#666}
.nav-list li a:hover{ color:#e60012}
.nav-list li.home{ background:none}
.nav-list li.home a{ background:url(../images/icon_home.png) 3px center no-repeat;}
.nav-list li.home a.active{ background-image:url(../images/icon_home2.png); }
.nav-list li a.active{ color:#e60012}*/

.body_1200 .head_con .logo{ left:10px}
 .nav-list{ position:absolute; right:10px; top:34px;}
.nav-list li{ float:left; padding-left:1px; background:url(../images/nav_line.png) 0 center no-repeat}
.nav-list li a{ display:block; padding:0 15px; font-size:16px; color:#666}
.nav-list li a:hover{ color:#e60012}
.nav-list li.home{ background:none}
.nav-list li.home a{ background:url(../images/icon_home.png) 3px center no-repeat;padding-left:30px;}
.nav-list li.home a.active{ background-image:url(../images/icon_home2.png); }
.nav-list li a.active{ color:#e60012}

.h-wrap { min-width:1200px;}

.wrap-1500{ width:100%; margin:0 auto; min-width:1200px; position:relative;}
.wrap-1372-min{ width:100%; margin:0 auto; min-width:1200px; position:relative;}
.wrap-1372{  width:100%; margin:0 auto; width:1200px; position:relative;}

.head-top-nav-layer-bg{ position:fixed; left:0; top:90px; /*background:url(../images/hei_bg.png);*/ width:100%; bottom:0; z-index:1110; display:none;}
.head-top-nav-layer{ position:absolute; left:0; width:100%; top:90px; background:#fff; z-index:1111;-webkit-transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
    transition: height  0.3s ease; height:0px; overflow:hidden; min-width:1200px; border-top:1px solid #ededed}
.head-top-nav-layer .layer-item{ padding-bottom:35px; overflow:hidden}
.head-top-nav-layer .t2 a{ /*background:url(../images/nav_btn.png) no-repeat;*/ width:175px; height:50px; display:block;}
.head-top-nav-layer .t2 a:hover{ background-position:0 bottom}
.head-top-nav-layer .t1{ padding-top:40px; height:122px;}
.head-top-nav-layer .li-left{ width:396px; float:left; padding-left:84px; width:312px;}

.head-top-nav-layer .items{ float:left; width:210px; padding:0 20px; border-left:1px solid #ededed; margin-top:40px; cursor:pointer}

.head-top-nav-layer .items .it2{ font-size:18px; color:#e60012; line-height:40px; padding-top:8px; -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color  0.3s ease;}
.head-top-nav-layer .items .it3{ font-size:14px; color:#999; line-height:20px; -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color  0.3s ease;}
.head-top-nav-layer .items:hover img{ opacity:0.9}
.big-nav-img{ margin-top:40px; margin-bottom:-6px; padding-left:10px;}
.layer-item-product{ padding-left:125px;}
.head-top-nav-layer .items.bor-none{ border-left:none}
.min_1100 {
    min-width: 1100px;
}
.min_1100 {
    min-width: 1200px;
}

/*升级样式*/

/*三大栏目*/
.ix-sdmk .ix-sdml-list{ width: 585px; height: 516px; text-align: center; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.ix-sdmk .ix-sdml-list .isl-img img{ width: 585px; height: 300px;}
.ix-sdmk .ix-sdml-list .isl-tit { padding: 30px 25px;}
.ix-sdmk .ix-sdml-list .isl-tit h1{ font-weight:normal; font-size: 20px; color: #333333; padding-bottom:15px; }
.ix-sdmk .ix-sdml-list .isl-tit p{ font-size: 14px; color: #666; height: 45px; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ix-sdmk .ix-sdml-list .isl-tit a{ transition:all 0.36s ease; margin-top: 30px; width: 150px; height: 40px; border-radius: 6px; text-align:center; line-height: 40px; display:inline-block; text-transform: uppercase; font-size: 14px; color:#999999; border:solid 1px #e0e0e0}
.ix-sdmk .ix-sdml-list:nth-child(2){float:right;}
.ix-sdmk .ix-sdml-list:nth-child(3){ margin-top: 30px; width: 1200px;}
.ix-sdmk .ix-sdml-list:nth-child(3) .isl-img img{ width: 1200px; height: 300px;}
.ix-sdmk .ix-sdml-list:nth-child(3) .isl-tit{ width: 580px; margin: 0px auto;}

.ix-sdmk .ix-sdml-list .isl-tit a:hover{ background:#e60012; color:#fff; border:solid 1px #e60012}

.i-title.bs h3{color: #fff;}
.i-title.bs p{color: #fff;}

/*关于我们*/
.ix-sj-ab{ color:#fff;}
.isa-nav ul li{ text-align: center; float: left; width: 25%; background: url(../images/ll.png) no-repeat center left;}
.isa-nav ul li:nth-child(1){ background:none;}
.isa-nav ul li p{ font-size: 24px; padding-bottom: 15px; }
.isa-nav ul li span{font-size: 60px; display: inline-block; line-height: 100%; font-family: Arial, Helvetica, sans-serif;}
.isa-nav ul li b{font-size: 16px; display: inline-block;}
.isa-text p { font-size: 15px; text-align: center; line-height: 200%;}

.isa-list ul li{ padding-top: 40px;}
.isa-list .il-img{ width: 500px;}
.isa-list .il-img img{ max-width: 100%;}
.isa-list .il-tit{ width: 660px; padding-left:40px; }
.isa-list .il-tit h1{ font-size: 24px; display:inline-block; border-bottom: solid 1px #fff; line-height: 150%; font-weight: normal; padding-bottom: 15px; padding-top: 35px;}
.isa-list .il-tit p{ padding-top: 20px; font-size: 16px; line-height: 180%; text-indent: 32px;}
.isa-list ul li:nth-child(even) .il-img{ float: right;}
.isa-list ul li:nth-child(even) .il-tit{ padding-right: 40px; padding-left: 0px;}

/*合作伙伴*/
.ix-hzhb{ background-color: #f5f5f5;}
.ih-box .ib-img{ width: 510px; margin-top: 20px;}
.ih-box .ib-img img{ max-width: 100%;}
.ih-box .ib-list{ width: 690px;}
.ih-box .ib-list ul li{ width: 210px; float: left; text-align: center; margin-top: 20px; margin-left: 20px;}
.ih-box .ib-list ul li p{height: 40px; line-height: 40px; background-color:#fff; margin-top: 1px;} 

/*荣誉证书*/
.iy-list-1{ width: 372px;}
.iy-list-1 ul li{ padding-bottom: 20px;}
.iy-list-1 ul li:last-child{ padding-bottom: 0px;}
.iy-list-1 ul li img{ max-width: 100%; display: block;}
.iy-list-2{ width: 810px;}
.iy-list-2 img{ max-width: 100%;}


/*内页*/


/*产品列表*/
.pro-sj-nav{ padding: 30px 0px; border-bottom: solid 1px #e0e0e0;}
.pro-sj-nav ul li{ width: 356px; margin-left: 30px; position: relative; float: left; padding: 10px; background-color: #fff; border: solid 2px #fff; transition: all 0.36s ease;}
.pro-sj-nav ul li:nth-child(1){margin-left: 0px;}
.pro-sj-nav ul li img{ max-width: 100%; display: block;}
.pro-sj-nav ul li .psn-tit{ position: absolute; left: 0; right: 0; margin: 0px auto; font-size: 24px; color:#fff;text-align: center; top: 50%;  margin-top: -14px; color: black; color:#fff;}
.pro-sj-nav ul li:hover{border: solid 2px #e40212;}
.pro-sj-nav ul li.active{border: solid 2px #e40212;}

/*内页导航栏目*/
.pg-nav{ width: 300px;}
.pg-nav .pg-nav-head{ background-color: #e40212;  background-color: #e40212;  padding: 0px 20px;}
.pg-nav .pg-nav-head h1{ font-size: 20px; color:#fff; font-weight: normal; height: 50px; line-height: 50px;}
.pg-nav .pg-nav-head p{ text-align: right; font-size: 18px; text-transform: uppercase; color: #fff; font-style: italic; padding: 15px 0px;}

.pg-nav-list ul li{  background-color: #fff;  margin-top: 20px; position: relative; transition: all 0.36s ease; padding-bottom: 5px;     padding-top: 5px;}
.pg-nav-list ul li .gz1{ color: #333333; font-size:18px; padding: 10px 20px; transition: all 0.36s ease; display: block; padding-bottom: 10px; cursor:pointer; }
.pg-nav-list ul li .gz1 b{display: inline-block; width: 6px; height: 6px; background-color: #666666; margin-right: 10px;  vertical-align: middle; margin-top: -3px;}
.pg-nav-list ul li .gz1 span{ position: absolute; top: 16px; right: 20px; font-size:18px; font-family: "宋体";  font-weight: bold; color:#666; transition: all 0.36s ease;}


.pg-nav-list ul li.active>a{ background-color: #e40212;}
.pg-nav-list ul li.active>a{ color:#fff; }
.pg-nav-list ul li.active>a>span{ color:#fff}

.nav-2{display: none;}
.nav-2 p {padding: 5px 10px; padding-left: 40px;}
.pg-nav-list ul li .nav-2 p a{font-size: 16px; color: #666666; position: relative; display: block;}


.pg-nav-list ul li.gz2 a span{ transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); }
.pg-nav-list ul li .nav-2 p a:hover{ color: #e40212;}
.pg-nav-list ul li .nav-2 p a:hover::before{ background-color: #e40212;}
.pg-nav-list ul li .nav-2 p a.active{ color: #e40212;}
.pg-nav-list ul li .nav-2 p a.active::before{ background-color: #e40212;}
.pg-nav-list ul li.gz2 .nav-2{ display: block;     padding-bottom: 10px;}

.pg-nav-head span{display: inline-block;  vertical-align: middle;}
.pg-nav-head span img{margin-top: -3px; padding-right: 5px;}


/*右边产品*/
.pro-sj-list .pro-list { width: 900px;}

.pro-sj-list .pro-list li{ width: 270px; margin-bottom: 30px;}
.pro-sj-list .pro-list .img{ width: 270px;}
.pro-sj-list .pro-list li:nth-child(1){ margin-left: 30px;}
.pro-sj-list .pro-list .detail{text-align: left; padding-top: 15px;}
.pro-sj-list .pro-list .detail .tit{font-size: 16px; color:#333;padding-bottom: 5px;}
.pro-sj-list .pro-list .detail .tit:after{ display: none;}
.pro-sj-list .pro-list .detail p{ padding: 0px; font-size: 13px; color:#666; width: 100%; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro-sj-list .pro-list .detail .btn{margin-top: 15px; text-transform: uppercase; color:#666; border-radius: 4px;}
.pro-sj-list .pro-list .detail .btn:hover{color:#fff;}
.pro-sj-list .pro-list li{ padding-bottom: 20px;}


/*广乏应用*/
.wp-sj{ padding-left: 80px; padding-right: 80px; margin: 0px auto; }
.pg-gfyy ul li{width: calc((100% - 60px)/3); margin-left: 30px; float: left; position: relative;}
.pg-gfyy ul li:nth-child(1){ margin-left: 0px;}
.pg-gfyy ul li img{ max-width: 100%; display: block;}
.pg-gfyy ul li::after{ content: ''; position: absolute; left: 0; top: 0; right: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; width: 100%; height: 100%;}
.pg-gfyy ul li .pg-gfyy-tit{ position: absolute; left: 0; right: 0; top: 50%; z-index: 2; color: #fff; text-align: center; margin-top: -32px;}
.pg-gfyy ul li .pg-gfyy-tit h1{ font-weight: normal; font-size: 24px; text-transform: uppercase;}
.pg-gfyy ul li .pg-gfyy-tit p{ font-size: 18px; padding-top: 15px;}


/*产品应用*/
.pg-cpyy ul li{width: calc((100% - 30px)/2); margin-left: 30px; float: left; position: relative;}
.pg-cpyy ul li:nth-child(1){ margin-left: 0px;}
.pg-cpyy ul li img{ max-width: 100%; display: block;}

/*全屋定制*/
.dz-ab-tect{ width: 630px;}
.dz-ab-img{ width: 540px;}
.dz-ab-tect .dzt-t1{ font-size: 45px; color:#333333; line-height: 120%; padding-bottom: 35px;}
.dz-ab-tect .dzt-t2{font-size: 24px; color:#333333; line-height: 120%; padding-bottom: 30px;}
.dz-ab-tect .dzt-t2 span{  color: #333; display: inline-block; padding: 0px 10px;}
.dz-ab-tect .dzt-t2 b{color: #333333; font-weight: normal;}
.dz-ab-tect .dzt-t3{font-size: 16px; line-height: 180%; color: #666; padding-bottom: 50px;}
.dz-ab-tect .dzt-t4 ul li{ width: calc((100% - 0px)/3); float: left;}
.dz-ab-tect .dzt-t4 ul li h1{font-size: 30px; color:#333; font-weight: normal;}
.dz-ab-tect .dzt-t4 ul li h1 span{font-size: 18px; color: #333333;}
.dz-ab-tect .dzt-t4 ul li p{ color: #333; font-size: 18px; padding-top: 10px;}
.dz-ab-tect .dzt-t5{ padding-top: 40px;}
.dz-ab-tect .dzt-t5 a{ width: 150px; height: 40px; text-align: center; line-height: 40px; display: block; border: solid 1px #e0e0e0; font-size: 16px; color: #999; transition:all 0.36s ease;}
.dz-ab-tect .dzt-t5 a:hover{ background:#eb2323; color:#fff; border:solid 1px #eb2323;}

.dz-ab-list ul li{width:calc((100% - 180px)/5); float:left; margin-left:20px; text-align:center; background:#f5f5f5; padding:15px 10px;}
.dz-ab-list ul li:nth-child(1){margin-left:0px;}
.dz-ab-list ul li img{ display:inline-block; width:50px; height:50px; margin:0px auto;}
.dz-ab-list ul li h1{font-size:18px; color:#666; line-height:150%; font-weight:normal; padding-top:15px;}
.dz-ab-list ul li p{font-size:16px; color:#999; line-height:150%;}

.dz-an{ padding-top:30px;}
.dz-an a{width: 150px; height: 40px; border: solid 1px #e0e0e0;  text-align: center; margin:0px auto;   line-height: 40px;  display: block;  font-size: 16px;  color: #999;  transition: all 0.36s ease;}
.dz-an a:hover{background:#eb2323; color:#fff;}
/*产品中心*/
.dz-pro-wp{ margin:0px 30px; padding:0px 70px; position:relative;}
.dz-pro-wp .dp-img{overflow:hidden; width:100%; position:relative;}
.dz-pro-wp .dp-img img{ max-width:100%; transition:all 0.36s ease;}
.dz-pro-wp .dp-tit{height:50px; line-height:50px; background:#fff; font-size:16px; color:#666; text-align:center; transition:all 0.36s ease;}

.dz-pro-wp a:hover .dp-tit{ background:#df2027; color:#fff;}
.dz-pro-wp  a:hover .dp-img img{ transform:scale(1.08);}
.dz-pro-wp .swiper-button-next, .dz-pro-wp .swiper-button-prev{ width:40px; height:40px; background-size:40px; position:absolute; top:50%; margin-top:-25px;}
.dz-pro-wp .swiper-button-next{ background:url(../images/r.png)no-repeat center center; right:0;}
.dz-pro-wp .swiper-button-prev{background:url(../images/l.png)no-repeat center center; left:0;}

/*案例中心*/
.dz-case-wp{ margin:0px 100px;}
.dz-case-wp .dc-img{ position:relative; overflow:inherit; width:100%;}
.dz-case-wp .dc-img img{ display:block; transition:all 0.36s ease;}
.dz-case-wp .dc-tit{ padding:15px 20px; background:rgba(0,0,0,0.6); position:absolute; bottom:0; left:0; right:0; z-index:1; text-align:center;}
.dz-case-wp .dc-tit h1{font-size:20px; color:#fff; line-height:150%;}
.dz-case-wp .dc-tit p{font-size:16px; color:#fff; line-height:160%;}
/*.dz-case-wp .dc-img:hover img{ transform:scale(1.08);}*/

.dz-case-wp .swiper-button-prev{ left:30px;}
.dz-case-wp .swiper-button-next{ right:30px;}

.pg-dz-pro .pdp-list{ margin:0px auto;}
.pg-dz-pro .pdp-list ul{ width:1220px; margin-left:-20px;}
.pg-dz-pro .pdp-list ul li{ margin-left:20px; width:380px; float:left; margin-bottom:30px;}
.pg-dz-pro .pdp-list ul li .pl-img{width:380px; height:224px; overflow:hidden;}
.pg-dz-pro .pdp-list ul li .pl-img img{ width:380px; height:224px; transition:all 0.36s ease;}
.pg-dz-pro .pdp-list ul li .pl-tit{height:40px; line-height:40px; text-align:center; font-size:16px; color:#666; background:#f5f5f5; transition:all 0.36s ease;}
.pg-dz-pro .pdp-list ul li a:hover .pl-img img{ transform:scale(1.08);}
.pg-dz-pro .pdp-list ul li a:hover .pl-tit{ background:#df2027; color:#fff;}

/*品牌画册*/
.ppc-wp{ padding:80px 150px ; }
.ppc-wp .ppc-tit{ padding-left:80px; padding-top:50px;}
.ppc-wp .ppc-tit h1{font-size:36px; color:#333333; line-height:120%; padding-bottom:30px;}
.ppc-wp .ppc-tit h2{font-size:14px; color:#999; text-transform:uppercase; line-height:200%; font-weight:normal;}
.ppc-wp .ppc-tit p{font-size:30px; color:#666; line-height:150%; padding-bottom:30px;}
.ppc-wp .ppc-tit a{width:150px; height:40px; text-align:center; line-height:40px; border-radius:4px;font-size:14px; background:#fff; text-transform:uppercase; display:inline-block; transition:all 0.36s ease;}
.ppc-wp .ppc-tit a:hover{ background:#df2027; color:#fff;}

/*产品详情*/
 .pc-banner{background:url(../images/top_main_bg01.jpg) no-repeat center top/100% auto;width:100%; position:relative; background-size: cover; padding:60px 0px}
@media screen and (max-width:668px){.pc-banner{background-size:auto 100%;}
}
 .pc-banner .swiper-container{width:100%;margin:0px auto;}
@media screen and (max-width:668px){ .pc-banner .swiper-container{margin:20px 0 15px;}
}
 .pc-banner .swiper-slide{-webkit-transition:transform 1.0s;-moz-transition:transform 1.0s;-ms-transition:transform 1.0s;-o-transition:transform 1.0s;-webkit-transform:scale(0.7);transform:scale(0.7);}
@media screen and (max-width:668px){ .pc-banner .swiper-slide{-webkit-transform:scale(0.97);transform:scale(0.97);}
}
 .pc-banner .swiper-slide-active,.swiper-slide-duplicate-active{-webkit-transform:scale(1);transform:scale(1);}
@media screen and (max-width:668px){ .pc-banner .swiper-slide-active,.swiper-slide-duplicate-active{-webkit-transform:scale(0.97);transform:scale(0.97);}
}
 .pc-banner .none-effect{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;}
 .pc-banner .swiper-slide a{background:#fff;padding:10px;display:block;}
@media screen and (min-width:668px){ .pc-banner .swiper-slide a:after{position:absolute;top:0;left:0;display:block;box-sizing:border-box;border:10px solid #fff;content:"";width:100%;height:100%;background:url(../images/top_slick_cover_bg01.png) 0 0 repeat;}
}
 .pc-banner .swiper-slide-active a:after{background:none;}
@media screen and (max-width:668px){ .pc-banner .swiper-slide a{padding:5px;}
}
 .pc-banner .swiper-slide img{width:100%;display:block;}
@media screen and (max-width:668px){ .pc-banner .swiper-slide img{}
}
 .pc-banner .swiper-pagination{position:relative;margin-bottom:30px; display:none;}
 .pc-banner .swiper-pagination-bullet{background:#00a0e9;margin-left:4px;margin-right:4px;width:17px;height:17px;opacity:1;margin-bottom:4px;}
 .pc-banner .swiper-pagination-bullet-active{width:13px;height:13px;background:#FFF;border:6px solid #00a0e9;margin-bottom:0;}
@media screen and (max-width:668px){ .pc-banner .swiper-pagination{position:relative;margin-bottom:20px;}
 .pc-banner .swiper-pagination-bullet{background:#00a0e9;margin-left:2px;margin-right:2px;width:8px;height:8px;margin-bottom:2px;}
 .pc-banner .swiper-pagination-bullet-active{width:6px;height:6px;background:#FFF;border:3px solid #00a0e9;margin-bottom:0;}
}
 .pc-banner .button{width:100%;margin:0 auto;bottom:43px;position:relative;}
@media screen and (max-width:668px){.button{width:70%;bottom:22px;}
}
 .pc-banner .button div:hover{background-color:#2f4798;}
 .pc-banner .swiper-button-prev{position:absolute; left:40px; top:50%; margin-top:-20px; width:40px;height:40px;border-radius:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #333333 center 50%/50% 50% no-repeat;}
 .pc-banner .swiper-button-next{position:absolute; right:40px; top:50%; margin-top:-20px; width:40px;height:40px;border-radius:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #333333 center 50%/50% 50% no-repeat;}
@media screen and (max-width:668px){ .pc-banner .button div{width:28px;height:28px;}
}



/*定制产品详情*/
.pg-dz-deta .pdd-head{ text-align:center;}
.pg-dz-deta .pdd-head h1{font-size:36px; color:#333; line-height:120%; padding-bottom:10px; font-weight:normal;}
.pg-dz-deta .pdd-head p{font-size:18px; color:#999; line-height:150%;}
/* 本例子css */
.sideMenu{   }
.sideMenu h3{ height:50px; line-height:50px; padding-left:30px; margin-top:20px; background:#f5f5f5; color:#666666;  cursor:pointer; font-size:18px; font-weight:normal; transition:all 0.36s ease;}
.sideMenu h3 em{ float:right; display:block; width:20px; height:20px;   background:url(../images/add.png) center center no-repeat; cursor:pointer; transition:all 0.36s ease; margin-top: 15px;  margin-right: 30px;}
.sideMenu h3.on{ background:#eb2323; color:#fff; }

.sideMenu h3.on em{  background:url(../images/bdd.png) center center no-repeat; }
.sideMenu ul{ padding:25px 30px; color:#666; font-size:16px; line-height:160%; display:none; /* 默认都隐藏 */ background:#f5f5f5; }


/*VR*/
.dz-vr-wp{ width:1200px; margin:0px auto; padding-left:70px;padding-right:70px;}
.dz-vr-wp .vr-box{ text-align:center; position:relative;}
.dz-vr-wp .dv-img{ position:relative; overflow:hidden; width:100%; height:100%;}
.dz-vr-wp .dv-img::after{content:''; position:absolute; left:0;top:0;right:0; width:100%; height:100%; display:block; background:rgba(0,0,0,0.5)}
.dz-vr-wp .dv-img img{ display:block; transition:all 0.36s ease;}
.dz-vr-wp .dv-tit{ position:absolute; z-index:2; top:50%;   left:0; right:0; margin:0px auto; margin-top:-22px;}
.dz-vr-wp .dv-tit a{ display:inline-block; font-size:16px;  padding:0px 20px; height:43px; line-height:43px;  border-radius:6px; border:solid 1px #fff; color:#fff; transition:all 0.36s ease;}
.dz-vr-wp{ position:relative; }
.dz-vr-wp .swiper-button-next, .dz-vr-wp .swiper-button-prev{ width:40px; height:40px; background-size:40px; position:absolute; top:50%; margin-top:-25px;}
.dz-vr-wp .swiper-button-next{ background:url(../images/r.png)no-repeat center center; right:0;}
.dz-vr-wp .swiper-button-prev{background:url(../images/l.png)no-repeat center center; left:0;}

.dz-vr-wp .dv-tit a:hover{background:#eb2323; border:solid 1px #eb2323; color:#fff;}



/*六大优势*/
.jxs-ldys ul{ width:1230px; margin-left:-30px;}
.jxs-ldys ul li{ width:380px;margin-left:30px; float:left; margin-top:30px;}
.jxs-ldys ul li .jl-img img{ width:380px; height:200px;}
.jxs-ldys ul li .jl-tit h1{font-size:18px; color:#333333; font-weight:normal; display:inline-block; border-bottom:solid 1px #333333; padding:15px 0px; margin-bottom:10px;}
.jxs-ldys ul li .jl-tit p{ height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical; font-size:14px; color:#666;}


/*加盟优势*/
.jxs-jm ul li{ background:#fff; height:380px; margin-bottom:30px;}
.jxs-jm ul li .jxs-jm-img{width:740px; float:left;}
.jxs-jm ul li .jxs-jm-img img{width:740px; height:380px;}

.jxs-jm ul li .jxs-jm-tit{ width:380px; padding-left:40px; padding-right:40px; padding-top:110px; float:left;}
.jxs-jm ul li .jxs-jm-tit h1{font-size:24px; color:#eb2323; padding-bottom:25px; font-weight:normal;}
.jxs-jm ul li .jxs-jm-tit p{font-size:16px; color:#666; line-height:200%;}

/*定制证书*/
.dz-vr-wp.dz-abc .dv-img::after{content:none;}


/*QQ客服*/
.side-pannel {  position: fixed; width: 50px; top: 50%; margin-top:60px;  right: 0px; z-index: 999;}
#side-bar .qqcont { background: rgba(0,0,0,0.8); margin-left: -80px; padding: 5px 20px 10px 20px; margin-bottom: 20px; border-radius: 4px; box-shadow: 0 0 8px rgba(0,0,0,.1);}
#side-bar .qqcont p:first-child { line-height: 40px; color: #fff; border-bottom: 1px dashed #555; margin-bottom: 5px;}
#side-bar .qqcont a { color: #ccc; line-height: 32px; display: inline-block;}
#side-bar .qqcont img { width: 20px; vertical-align: middle;margin-right: 5px;}

@media (max-width: 1680px) {
     .nav-list li a{ font-size:14px;}
}

@media (max-width: 1480px) {
    .head_con .logo{ width:30%;}
    .head_con .logo img{ margin-top:15px;}
    .nav-list li a{ padding:0px 12px;}
}
@media (max-width: 1380px) {
        .nav-list li a{ padding:0px 10px;}
}