@charset "utf-8";
/* CSS Document */
body,html,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th{ margin: 0; padding: 0; border: 0;}
body,button,input,select,textarea { margin:0; padding:0;  font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; font-size:12px; background:#fff}
ul,ol,li,dl,dd,dt{list-style: none;}
em { font-style: normal; }
a { text-decoration: none;outline:none; }
a:hover { text-decoration: underline; color:#e85300;}
legend { color: #000; }
fieldset,img { border: 0; }
label,button { cursor: pointer; }

/*解决IE图片缩放失真*/
img { -ms-interpolation-mode: bicubic; }
/*清除浮动*/
.clearfix:after { content: ''; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
/*连续英文、数字换行*/
.wordwrap { word-break: break-all; word-wrap: break-word; }
/*单行文字超出显示省略号*/
.omg{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
img { border: 0; vertical-align: middle;  }

a{ color:#333333; text-decoration:none;}
a:hover{ color:#d60201; text-decoration:none}


/* 设置滚动条的样式 */
::-webkit-scrollbar { width:6px;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:#ccc;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#ccc;}

/* banner */

.ad_img{position:absolute; left:50%;top:50%;width:72px;height:68px;z-index:9999; 

font-size: 18px;
  line-height: 18px;
  letter-spacing: 2.8px;
  color: #333333;
  font-family: 'Cabin', sans-serif;
  font-weight: 500;
  -webkit-transform: scale(1, 0.9);
  /* Safari and Chrome */

  -moz-transform: scale(1, 0.9);
  /* Firefox */

  -ms-transform: scale(1, 0.9);
  /* IE 9 */

  -o-transform: scale(1, 0.9);
  /* Opera */

}


 


#banner{width:100%;height:100%;background:#393939;overflow:hidden;position:relative;}
#banner .wrapper{width:100%;height:100%;margin:0 auto;position:relative;}
#banner_img{display:block;width:100%;height:100%;position:relative;}
#banner_img li{width:100%;height:100%;background-size:cover !important; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}

/*#banner_img .ad_img{position:absolute; left:50%;top:50%;width:72px;height:68px;z-index:9999; color:#343434;font-size:19px; letter-spacing:3px;}*/
#banner_img .ad_txt{width:560px;height:100px;position:absolute;left:50%;top:45%;margin-left:-280px;margin-top:-50px;color:#fff;text-shadow:1px 1px rgba(51,51,51,0.3);text-align:center;z-index:9999;}
#banner_img .ad_txt h2{font:bold 50px/80px Microsoft YaHei;}
#banner_img .ad_txt h2 span{color:#d60201;}
#banner_img .ad_txt p{letter-spacing:3px;font-size:12px;color:#ffffff;text-transform : uppercase;}
#banner_img .ad_txt a{display:block;width:100px;height:25px;line-height:25px;text-align:center;margin-top:10px;background:#fff;color:#666;text-decoration:none;text-shadow:none;}

#banner_ctr{position:absolute;width:6px;top:50%;right:3%;z-index:9999;}
#banner_ctr ul{width:6px;font-size:0;line-height:0;position:relative;}
#banner_ctr li{display:block;margin-bottom:15px;width:5px;height:5px;cursor:pointer;border-radius:50%;border:1px solid #ffffff;}
#drag_ctr{position:absolute;top:0;left:0;width:5px;height:5px;border:1px solid #ffffff;border-radius:50%;background:#ffffff;}
#drag_arrow{position:absolute;top:0;left:0;width:5px;height:5px;border:1px solid #ffffff;border-radius:50%;background:#ffffff;}

*, *:before, *:after {box-sizing: border-box;margin: 0;padding: 0;}
html, body {height: 100%;background:#f1f1f1;min-width:1000px;}
.nav{overflow:hidden;position:absolute;right:0;top:0;width:auto;height:35px;/*background:#b5b5b5;*/-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0);z-index:9999;}
.nav .nav__cb{z-index:-1000;position:absolute;left:0;top:0;opacity:0;pointer-events:none}
.nav .nav__content{position:relative;width:90px;height:100%;-webkit-transition:width .7s cubic-bezier(.49,-.3,.68,1.23);transition:width .7s cubic-bezier(.49,-.3,.68,1.23);z-index:999;}
.nav .nav__cb:checked~.nav__content{width:550px;padding-right:90px;-webkit-transition:width .7s cubic-bezier(.48,.43,.29,1.3);transition:width .7s cubic-bezier(.48,.43,.29,1.3);}
.nav .nav__items{position:relative;right:-90px;height:100%;background: rgba(255,255,255,.8);padding-left:20px;padding-right:20px;list-style-type:none;font-size:0;width:460px;-webkit-transition:right .7s cubic-bezier(.49,-.3,.68,1.23);transition:right .7s cubic-bezier(.49,-.3,.68,1.23);}
.nav .nav__cb:checked~.nav__content ul{right:0;-webkit-transition:right .7s cubic-bezier(.48,.43,.29,1.3);transition:right .7s cubic-bezier(.48,.43,.29,1.3);}
.nav .nav__item{display:inline-block;vertical-align:top;width:70px;text-align:center;color:#555555;font-size:12px;line-height:35px;font-family:Helvetica,Arial,sans-serif;-webkit-perspective:1000px;perspective:1000px;-webkit-transition:color .3s;transition:color .3s;cursor:pointer}
.nav .nav__item:hover{color:#d60201}
.nav .nav__item-text{display:block;height:100%;-webkit-transform:rotateY(-70deg);transform:rotateY(-70deg);opacity:0;-webkit-transition:opacity .7s,-webkit-transform .7s cubic-bezier(.48,.43,.7,2.5);transition:opacity .7s,-webkit-transform .7s cubic-bezier(.48,.43,.7,2.5);transition:transform .7s cubic-bezier(.48,.43,.7,2.5),opacity .7s;transition:transform .7s cubic-bezier(.48,.43,.7,2.5),opacity .7s,-webkit-transform .7s cubic-bezier(.48,.43,.7,2.5)}
.nav .nav__cb:checked~.nav__content .nav__item-text{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1;-webkit-transition:opacity .2s,-webkit-transform .7s cubic-bezier(.48,.43,.7,2.5);transition:opacity .2s,-webkit-transform .7s cubic-bezier(.48,.43,.7,2.5);transition:transform .7s cubic-bezier(.48,.43,.7,2.5),opacity .2s;transition:transform .7s cubic-bezier(.48,.43,.7,2.5),opacity .2s,-webkit-transform .7s cubic-bezier(.48,.43,.7,2.5)}
.nav .nav__item:nth-child(1) .nav__item-text{-webkit-transition-delay:.3s;transition-delay:.3s}
.nav .nav__cb:checked~.nav__content .nav__item:nth-child(1) .nav__item-text{-webkit-transition-delay:0s;transition-delay:0s}
.nav .nav__item:nth-child(2) .nav__item-text{-webkit-transition-delay:.2s;transition-delay:.2s}
.nav .nav__cb:checked~.nav__content .nav__item:nth-child(2) .nav__item-text{-webkit-transition-delay:.1s;transition-delay:.1s}
.nav .nav__item:nth-child(3) .nav__item-text{-webkit-transition-delay:.1s;transition-delay:.1s}
.nav .nav__cb:checked~.nav__content .nav__item:nth-child(3) .nav__item-text{-webkit-transition-delay:.2s;transition-delay:.2s}
.nav .nav__item:nth-child(4) .nav__item-text{-webkit-transition-delay:0s;transition-delay:0s}
.nav .nav__cb:checked~.nav__content .nav__item:nth-child(4) .nav__item-text{-webkit-transition-delay:.3s;transition-delay:.3s}
.nav .nav__btn{position:absolute;right:0;top:0;width:90px;height:35px;padding:12px 20px;cursor:pointer;/*background:#b5b5b5;*/background: rgba(255,255,255,.25);z-index:999999;}
.nav .nav__btn:after,.nav__btn:before{content:"";display:block;width:22px;height:1px;background:#ffffff;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:background-color .3s,-webkit-transform 1s cubic-bezier(.48,.43,.29,1.3);transition:background-color .3s,-webkit-transform 1s cubic-bezier(.48,.43,.29,1.3);transition:transform 1s cubic-bezier(.48,.43,.29,1.3),background-color .3s;transition:transform 1s cubic-bezier(.48,.43,.29,1.3),background-color .3s,-webkit-transform 1s cubic-bezier(.48,.43,.29,1.3)}
.nav .nav__btn:before{margin-bottom:10px}
.nav .nav__btn:hover:after,.nav__btn:hover:before{background:#f5f5f5}
.nav .nav__cb:checked~.nav__btn:before{-webkit-transform:translateY(6px) rotate(-225deg);transform:translateY(6px) rotate(-225deg)}
.nav .nav__cb:checked~.nav__btn:after{-webkit-transform:translateY(-5px) rotate(225deg);transform:translateY(-5px) rotate(225deg)}


.nav2{overflow:hidden;position:absolute;right:0;bottom:0;width:auto;height:35px;/*background:#b5b5b5;*/-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0);z-index:9999;}
.nav2 .nav__cb{z-index:-1000;position:absolute;left:0;top:0;opacity:0;pointer-events:none}
.nav2 .nav__content{position:relative;width:90px;height:100%;-webkit-transition:width .7s cubic-bezier(.49,-.3,.68,1.23);transition:width .7s cubic-bezier(.49,-.3,.68,1.23);z-index:999;}
.nav2 .nav__cb:checked~.nav__content{width:550px;padding-right:90px;-webkit-transition:width .7s cubic-bezier(.48,.43,.29,1.3);transition:width .7s cubic-bezier(.48,.43,.29,1.3);}
.nav2 .nav__items{position:relative;right:-90px;height:100%;background: rgba(0,0,0,.8);padding-left:20px;padding-right:20px;list-style-type:none;font-size:0;width:460px;-webkit-transition:right .7s cubic-bezier(.49,-.3,.68,1.23);transition:right .7s cubic-bezier(.49,-.3,.68,1.23);}
.nav2 .nav__cb:checked~.nav__content ul{right:0;-webkit-transition:right .7s cubic-bezier(.48,.43,.29,1.3);transition:right .7s cubic-bezier(.48,.43,.29,1.3);}
.nav2 .nav__item{display:inline-block;vertical-align:top;width:70px;text-align:center;color:#ffffff;font-size:12px;line-height:35px;font-family:Helvetica,Arial,sans-serif;-webkit-perspective:1000px;perspective:1000px;-webkit-transition:color .3s;transition:color .3s;cursor:pointer}
.nav2 .nav__item a{color:#ffffff;}
.nav2 .nav__item:hover{color:#d60201}
.nav2 .nav__item-text{display:block;height:100%;-webkit-transform:rotateY(-70deg);transform:rotateY(-70deg);opacity:0;-webkit-transition:opacity .7s,-webkit-transform .7s cubic-bezier(.48,.43,.7,2.5);transition:opacity .7s,-webkit-transform .7s cubic-bezier(.48,.43,.7,2.5);transition:transform .7s cubic-bezier(.48,.43,.7,2.5),opacity .7s;transition:transform .7s cubic-bezier(.48,.43,.7,2.5),opacity .7s,-webkit-transform .7s cubic-bezier(.48,.43,.7,2.5)}
.nav2 .nav__cb:checked~.nav__content .nav__item-text{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1;-webkit-transition:opacity .2s,-webkit-transform .7s cubic-bezier(.48,.43,.7,2.5);transition:opacity .2s,-webkit-transform .7s cubic-bezier(.48,.43,.7,2.5);transition:transform .7s cubic-bezier(.48,.43,.7,2.5),opacity .2s;transition:transform .7s cubic-bezier(.48,.43,.7,2.5),opacity .2s,-webkit-transform .7s cubic-bezier(.48,.43,.7,2.5)}
.nav2 .nav__item:nth-child(1) .nav__item-text{-webkit-transition-delay:.3s;transition-delay:.3s}
.nav2 .nav__cb:checked~.nav__content .nav__item:nth-child(1) .nav__item-text{-webkit-transition-delay:0s;transition-delay:0s}
.nav2 .nav__item:nth-child(2) .nav__item-text{-webkit-transition-delay:.2s;transition-delay:.2s}
.nav2 .nav__cb:checked~.nav__content .nav__item:nth-child(2) .nav__item-text{-webkit-transition-delay:.1s;transition-delay:.1s}
.nav2 .nav__item:nth-child(3) .nav__item-text{-webkit-transition-delay:.1s;transition-delay:.1s}
.nav2 .nav__cb:checked~.nav__content .nav__item:nth-child(3) .nav__item-text{-webkit-transition-delay:.2s;transition-delay:.2s}
.nav2 .nav__item:nth-child(4) .nav__item-text{-webkit-transition-delay:0s;transition-delay:0s}
.nav2 .nav__cb:checked~.nav__content .nav__item:nth-child(4) .nav__item-text{-webkit-transition-delay:.3s;transition-delay:.3s}
.nav2 .nav__btn{position:absolute;right:0;top:0;width:90px;height:35px;padding:12px 20px;cursor:pointer;/*background:#b5b5b5;*/background: rgba(255,255,255,.25);z-index:999999;}
.nav2 .nav__btn:after,.nav__btn:before{content:"";display:block;width:22px;height:1px;background:#ffffff;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:background-color .3s,-webkit-transform 1s cubic-bezier(.48,.43,.29,1.3);transition:background-color .3s,-webkit-transform 1s cubic-bezier(.48,.43,.29,1.3);transition:transform 1s cubic-bezier(.48,.43,.29,1.3),background-color .3s;transition:transform 1s cubic-bezier(.48,.43,.29,1.3),background-color .3s,-webkit-transform 1s cubic-bezier(.48,.43,.29,1.3)}
.nav2 .nav__btn:before{margin-bottom:10px}
.nav2 .nav__btn:hover:after,.nav__btn:hover:before{background:#f5f5f5}
.nav2 .nav__cb:checked~.nav__btn:before{-webkit-transform:translateY(6px) rotate(-225deg);transform:translateY(6px) rotate(-225deg)}
.nav2 .nav__cb:checked~.nav__btn:after{-webkit-transform:translateY(-5px) rotate(225deg);transform:translateY(-5px) rotate(225deg)}



.foot1{position:fixed;bottom:0;left:5%;height:35px;line-height:35px;z-index:9999;}
.foot1 p{font-size:12px;line-height:35px;color:#f1f1f1;float:left;}
.foot1 .wx_btn{float:left;width:20px;height:35px;background:url(../images/foot_wx.png) center center no-repeat;margin-left:10px;position:relative;}
.foot1 .qq_btn{display:block;float:left;width:14px;height:35px;background:url(../images/foot_qq.png) center center no-repeat;margin-left:10px;}

.foot1 .wx_btn .code{position:absolute;top:125px;left:50%;margin-left:-56px;padding:5px;background-color:#fff;opacity:0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}
.foot1 .wx_btn .code img{width:100px;height:100px}
.foot1 .wx_btn:hover .code{top:-125px;opacity:1}
.foot1 .wx_btn .code em,.code span{font-style:normal;font-size:30px;position:absolute;right:45px;bottom:-17px;color:#b5b5b5}
.foot1 .wx_btn .code span{bottom:-17px;color:#fff}

.bg-bubbles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}
li,ul{margin:0;padding:0}
.bg-bubbles li{position:absolute;list-style:none;display:block;width:40px;height:40px;background-color:rgba(255,255,255,.15);bottom:-160px;-webkit-animation:square 25s infinite;animation:square 25s infinite;-webkit-transition-timing-function:linear;transition-timing-function:linear}
.bg-bubbles li:nth-child(1){left:10%}
.bg-bubbles li:nth-child(2){left:20%;width:80px;height:80px;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-duration:17s;animation-duration:17s}
.bg-bubbles li:nth-child(3){left:25%;-webkit-animation-delay:.4s;animation-delay:.4s}
.bg-bubbles li:nth-child(4){left:40%;width:60px;height:60px;-webkit-animation-duration:10s;animation-duration:10s;background-color:rgba(255,255,255,.25)}
.bg-bubbles li:nth-child(5){left:70%}
.bg-bubbles li:nth-child(6){left:80%;width:20px;height:20px;-webkit-animation-delay:3s;animation-delay:3s;background-color:rgba(255,255,255,.2)}
.bg-bubbles li:nth-child(7){left:32%;width:100px;height:100px;-webkit-animation-delay:7s;animation-delay:7s}
.bg-bubbles li:nth-child(8){left:55%;width:20px;height:20px;-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:40s;animation-duration:40s}
.bg-bubbles li:nth-child(9){left:25%;width:10px;height:10px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:40s;animation-duration:40s;background-color:rgba(255,255,255,.3)}
.bg-bubbles li:nth-child(10){left:90%;width:40px;height:40px;-webkit-animation-delay:11s;animation-delay:11s}
@-webkit-keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(-700px) rotate(600deg);transform:translateY(-700px) rotate(600deg)}
}
@keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(-700px) rotate(600deg);transform:translateY(-700px) rotate(600deg)}
}


.ny_con{width:100%;padding-top:50px;position:relative;}

.ny_con .ny_con_l {
    width: 17%;
    position: fixed;
    top: 0;
    height: 100%;
    padding-top: 50px;
}
.ny_con .ny_con_l h1{width:100%;height:68px;display: flex; margin-left:43px; margin-top:22px;}
.ny_con .ny_con_l h1 div{width:80px;height:87px; margin-left:28px;overflow:hidden;}
.ny_con .ny_con_l h1 div img{position: relative;}
.ny_con .ny_con_l .ny_nav{padding-top:70px;}
.ny_con .ny_con_l .ny_nav li{margin-bottom:1px;}
.ny_con .ny_con_l .ny_nav li>a{display:block;height:22px;line-height:22px;padding-left:70px;}
.ny_con .ny_con_l .ny_nav li>a>p{font-size:13px;color: #333333;float:left;}
.ny_con .ny_con_l .ny_nav li>a>span{font-family: Arial;font-size:12px;color:#999999;float:left;padding-left:5px;}
.ny_con .ny_con_l .ny_nav li>a:hover{}
.ny_con .ny_con_l .ny_nav li>a:hover p{color: #999999;}
.ny_con .ny_con_l .ny_nav li>a:hover span{color:#999999;}
.ny_con .ny_con_l .ny_nav li div{display:none;}
.ny_con .ny_con_l .ny_nav li div a{padding-left:80px;display:block;height:22px;line-height:22px;font-size:11px;color:#666666;}
.ny_con .ny_con_l .ny_nav li div a:hover{color:#999999;}
.ny_con .ny_con_l .ny_nav li.on>a{}


.ny_con .ny_con_l .ny_nav li.on>a p{color:#999999;}
.ny_con .ny_con_l .ny_nav li.on>a span{color:#999999;}


.ny_con .ny_con_r {
    margin-left: 16%;
    width: 78%;
    margin-right: 2%;
    margin-bottom: 70px;
}


.ny_con_r>.tlt{height:60px;line-height:60px;border-bottom:1px solid #dedede;}
.ny_con_r>.tlt p{font-size:18px;color:#666666;font-weight:bold;float:left;}
.ny_con_r>.tlt span{font-size:12px;color:#666666;float:left;padding-left:10px;}
.ny_con .ny_con_r .about_conn{line-height:28px;color:#666666;font-size:12px;padding-top:35px;}

.ny_foot{width:100%;position:fixed;bottom:0;z-index:9999;background:#f1f1f1;padding:5px 0;}
.ny_foot .foot_in{height:30px;float:right;margin-right:5%;}
.ny_foot .foot_in p{font-size:12px;line-height:30px;color:#666666;float:left;}
.ny_foot .foot_in .wx_btn{float:left;width:20px;height:30px;background:url(../images/foot_wx2.png) center center no-repeat;margin-right:10px;position:relative;}
.ny_foot .foot_in .qq_btn{display:block;float:left;width:14px;height:30px;background:url(../images/foot_qq2.png) center center no-repeat;margin-right:10px;}

.ny_foot .foot_in .wx_btn .code{position:absolute;top:125px;left:50%;margin-left:-56px;padding:5px;background-color:#ebebeb;opacity:0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}
.ny_foot .foot_in .wx_btn .code img{width:100px;height:100px}
.ny_foot .foot_in .wx_btn:hover .code{top:-125px;opacity:1}
.ny_foot .foot_in .wx_btn .code em,.code span{font-style:normal;font-size:30px;position:absolute;right:45px;bottom:-17px;color:#b5b5b5}
.ny_foot .foot_in .wx_btn .code span{bottom:-17px;color:#ebebeb}
.ny_foot .tel{float:right;background:url(../images/foot_tel.png) left center no-repeat;line-height:25px;padding-left:20px;font-size:12px;color:#666666;margin-right:5%;}
.ny_foot .tel span{font-size:16px;color:#666666;font-weight:bold;}

.page{text-align:right;margin-bottom:20px;text-align:center; clear:both;}
.page a{display:inline-block;width:28px;height:28px;text-align:center;line-height:28px;overflow:hidden;font-size:14px;color:#666666;border:1px solid #eaeaea;margin-right:4px;}
.page a.pre{color:#0071c0;}
.page a.pnnum1{background:#b5b5b5;border:1px solid #b5b5b5;color:#ffffff;}
.page a:hover{background:#b5b5b5;border:1px solid #b5b5b5;color:#ffffff;}

.works_conn ul{ float:left;padding-top:40px; margin-bottom:100px;}
.works_conn ul li{float:left;height:180px;margin-right:1px;margin-bottom:1px;}
.works_conn ul li:nth-child(3n){margin-right:1px;}
.works_conn ul li a{display:block;height:180px;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;overflow:hidden;position:relative;}
.works_conn ul li a span{display:block;width:100%;height:180px;background:rgba(0,0,0,.2);position:absolute;top:0;left:0;}
.works_conn ul li a em{display:block;width:50px;height:50px; background:url(../images/bf.gif) center center no-repeat;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;background-size: contain;z-index:9999999;}
.works_conn ul li a img{display:block;height:180px;transition: all 0.6s;}
.works_conn ul li a:hover img{transform: scale(1.1);}

.videodetail{text-align:center;padding-top:20px;width: 650px; margin: 0 auto}
.videodetail embed{display:inline-block;}




.works_conn1 ul{padding-top:40px;}
.works_conn1 ul li{float:left;margin-right: 1%;margin-left: 1%;margin-bottom:34px;border: 1px solid #e3e3e3;}
.works_conn1 ul li:hover{float:left;margin-right: 1%;margin-left: 1%;margin-bottom:34px;border: 1px solid #d2d2d2;box-shadow: 0px 2px 3px #cfcfcf;}

.works_conn1 ul li a.tup{display:block;width:100%;height: 100%;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;overflow:hidden;position:relative;}
.works_conn1 ul li a.tup span{display:block;width:100%;height: 100%;position:absolute;top:0;left:0;}

.works_conn1 ul li a.tup em {
    display: block;
    /* width: 50px; */
    color: #fff;
    /* height: 50px; */
    /* background: url(../images/bf.gif) center center no-repeat; */
    position: absolute;
    right: 0px;
    bottom: 0px;
    /* margin-top: -25px; */
    /* margin-left: -25px; */
    margin-right: 7px;
    margin-bottom: 5px;
    background-size: contain;
    z-index: 9999999;
}



.works_conn1 ul li a.tup img{display:block;width: 250px;height: 139px;transition: all 0.6s;}
.works_conn1 ul li a.tup:hover img{transform: scale(1.1);}

.works_conn1 ul li div.titt{
    width: 100%;
    height: 38px;
    line-height: 42px;
    font-size: 14px;
  background:#fff;
    overflow: hidden;


    }
.works_conn1 ul li div.titt .tleft{float:left;margin-left:10px;color:#666;font-weight:bold;}

 

.titt a{width:100%; height:38px;display:block; color:#666;}
.titt a:hover{ width:100%; height:38px;display:block; color:#ff0000;}

.titr{width:100%; height:30px;line-height:20px;display:block; color:#999;padding-left:10px;font-size:12px;  background:#fff;}









.service_conn{padding-top:40px;}
.service_conn p{font-size:12px;color:#555555;line-height:28px;}
.service_conn .prof_tlt{border-top:2px solid #b5b5b5;border-bottom:1px dashed #b5b5b5;margin:30px 0;padding:10px 0;}
.service_conn .prof_tlt p{font-size:20px;color:#666666;}
.service_conn .prof_tlt span{font-size:20px;color:#666666;}

.news_conn ul{padding-top:40px;}
.news_conn ul li{float:left;width:100%;height:194px;margin-right:2%;margin-bottom:38px; position:relative;}
.news_conn ul li a.img{float:left;display:block;width:320;height:194px;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;overflow:hidden;position:relative;}
.news_conn ul li a.img>em{display:block;width:320;height:194px;background:rgba(0,0,0,.2);position:absolute;top:0;left:0;z-index:9999;}
.news_conn ul li a.img img{display:block;width:320px;height:194px;transition: all 0.6s;}
.news_conn ul li a.img:hover img{transform: scale(1.1);}
.news_conn ul li a.img:hover em{display:none;}
.news_conn ul li a.img .time{position:absolute;top:0;left:10%;width:76px;height:60px;background:#666666;z-index:999999;}
.news_conn ul li a.img .time p{color:#ffffff;font-size:20px;text-align:center;padding-top:5px;}
.news_conn ul li a.img .time span{display:block;color:#ffffff;font-size:14px;text-align:center;}
.news_conn ul li .wz{float:right;width:100%; position:absolute; padding-left:360px;}
.news_conn ul li .wz a.tlt{display:block;font-size:16px;color:#333333;line-height:50px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.news_conn ul li .wz a.tlt:hover{color:#d60201;}
.news_conn ul li .wz p.desc{font-size:14px;color:#999999;line-height:24px;height:50px;overflow:hidden;margin-bottom:40px;}
.news_conn ul li .wz a.more{display:block;width:138px;height:38px;text-align:center;line-height:38px;font-size:14px;color:#666666;border:1px solid #b5b5b5;border-radius:2px;}
.news_conn ul li .wz a.more:hover{background:#b5b5b5;color:#ffffff;}

.news_conn h2{font-size:24px;color:#666666;line-height:44px;text-align:center;font-weight:normal;padding-top:40px;}
.news_conn .news_info{text-align:center;padding:30px 0 15px;border-bottom:1px solid #dfdfdf;}
.news_conn .news_info p.time{display:inline-block;font-size:12px;color:#999999;background:url(../images/rl.png) left center no-repeat;padding-left:20px;margin-right:36px;}
.news_conn .news_info p.eyes{display:inline-block;font-size:12px;color:#999999;background:url(../images/eyes.png) left center no-repeat;padding-left:20px;}
.news_conn .newsdetail{padding-top:20px;}
.news_conn .newsdetail p{font-size:12px;color:#666666;line-height:28px;}
.news_conn .newsdetail img{display:block;margin:0 auto;}
.page_detail{padding-top:40px;padding-bottom:20px;}
.page_detail a{display:block;font-size:12px;color:#666666;padding-left:10px;}
.page_detail a.pre{background:url(../images/pre1.png) left center no-repeat;float:left;}
.page_detail a.next{background:url(../images/next1.png) left center no-repeat;float:right;}

.page_detail a.pre:hover{background:url(../images/pre2.png) left center no-repeat;color:#d60201;}
.page_detail a.next:hover{background:url(../images/next2.png) left center no-repeat;color:#d60201;}

.contact_conn .contact_list{padding:40px 0;}
.contact_conn .contact_list li{width:32%;margin-right:2%;float:left;padding-left:62px;height:50px; line-height:50px;}
.contact_conn .contact_list li:nth-child(3n){margin-right:0;}
.contact_conn .contact_list li.list1{background:url(../images/contact_1.png) left center no-repeat;}
.contact_conn .contact_list li.list2{background:url(../images/contact_2.png) left center no-repeat;}
.contact_conn .contact_list li.list3{background:url(../images/contact_3.png) left center no-repeat;}
.contact_conn .contact_list li p{font-size:12px;color:#d60201;}
.contact_conn .contact_list li span{font-size:14px;color:#777777;display:block;padding-top:5px;}
.lx_dz { width:100%; overflow:hidden; margin:0 auto; padding:0;}
.lx_dz .dz_map {width:100%; height:370px; overflow:hidden; margin:0 auto;}

.ny_con_r div.zxzx{width:100%;}
.ny_con_r div.zxzx ul{padding:40px 0 0;overflow:hidden;}
.ny_con_r div.zxzx ul li{float:left;width:49%;margin-right:2%;margin-bottom:16px;}
.ny_con_r div.zxzx ul li:nth-child(2n){margin-right:0;}
.ny_con_r div.zxzx ul li input{width:100%;border:1px solid #dfdfdf;height:40px;line-height:40px;outline:none;font-size:14px;color:#aaaaaa;text-indent:40px;background:#f1f1f1;}
.ny_con_r div.zxzx ul li textarea{width:100%;border:1px solid #dfdfdf;height:112px;line-height:24px;padding-top:8px;outline:none;padding-left:40px;font-size:14px;color:#aaaaaa;resize:none;}
.ny_con_r div.zxzx ul li.tj{padding-top:80px;}
.ny_con_r div.zxzx ul li.tj input{background:#b5b5b5;height:50px;line-height:50px;border:1px solid #b5b5b5;font-size:16px;color:#fff;cursor:pointer;outline:none;text-indent:0;}
.ny_con_r div.zxzx ul li.tj input:hover{background:#b5b5b5;}
.ny_con_r div.zxzx ul li.name input{background:#f1f1f1 url(../images/order_icon1.png) 10px center no-repeat;}
.ny_con_r div.zxzx ul li.company input{background:#f1f1f1 url(../images/order_icon4.png) 10px center no-repeat;}
.ny_con_r div.zxzx ul li.tel input{background:#f1f1f1 url(../images/order_icon2.png) 10px center no-repeat;}
.ny_con_r div.zxzx ul li.email input{background:#f1f1f1 url(../images/order_icon5.png) 10px center no-repeat;}
.ny_con_r div.zxzx ul li.content textarea{background:#f1f1f1 url(../images/order_icon3.png) 10px 10px no-repeat;}

.works_conn h2{color:#333;font-size:14px;padding:15px 0 20px;}
.worksdetail img{max-width:100%;display:block;}

.gs {
    width: 300px;
    height: 40px;
    background: url(../images/gs.jpg) left center no-repeat;
    line-height: 65px;
    margin-left: 15px;
    margin-top: 35px;
    /* vertical-align: bottom; */
    font-size: 15px;
    font-weight: bold;
    padding-left: 50px;
    color: #666;
}

.contact_lst {
    padding: 0;
    margin: 0px;
    font-size: 13px;
    padding: 20px 0 20px 15px;
    color: #666;
}

.contact_lst li.litt{ padding-left:30px; height:35px; line-height:35px;}

.contact_lst li.lst1{ height:35px; line-height:38px; background:url(../images/dz.png) no-repeat left center;opacity:0.8; word-spacing:1px; }

.contact_lst li.lst2{ height:35px; line-height:38px; background:url(../images/tel.png) no-repeat left center;opacity:0.8; }

.contact_lst li.lst3{ height:35px; line-height:37px; background:url(../images/fax.png) no-repeat left center;opacity:0.8; }

.contact_lst li.lst4{height:35px; line-height:37px;  background:url(../images/wx.png) no-repeat left center;opacity:0.8; }

.contact_lst li.lst5{ height:35px; line-height:34px; background:url(../images/wx.png) no-repeat left center; }
.contact_lst li.lst6{height:35px; line-height:34px;  background:url(../images/mail.png) no-repeat left center;  }

.contact_lst li.lst6 a{ color:#E30000;}


.lyCopy { position: absolute; right:0; bottom:0; z-index:9;}
.lyCopy p { font-size: 12px; line-height: 35px; color: #999; padding:0 20px; float: left;}
.lyCopy p a { color: #999;}
.lyCopy p a:hover { color:#fff;}