.pz_top{ float:left; width:100%; position:relative; z-index:9999;}
/*首页*/
.topnav{ position:absolute;left:0; height:96px; width:100%;}
.topnav .auto{overflow: hidden;}
.topnav .zwlogo{ width:300px; float:left;margin-top: 1%;}
.topnav .zwlogo #logo_h{display: none;}
.topnav .zwlogo img{ width:100%; float:left;}
.menuph{ float:right; cursor: pointer;  width: 105px;  height: 58px;font-family: 'OPENSANS-BOLD'; font-size:18px; color:white; text-transform:uppercase; margin-top:20px; line-height:58px;display: none !important;}
.menuph .point {  display: inline-block;  width: 34px; margin-top:17px;  height: 25px;  position: relative; float:right;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 34px;  }
.menuph .navbtn {  position: absolute;  top: 11px;  right: 0;  display: inline-block;  width: 34px;  height: 3px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;}
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 100%;  height: 3px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;}
.menuph .navbtn::after { top:-11px;}
.menuph .navbtn::before { top:11px;}
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

.menu.on{ top:0;}
.menu{ z-index:99; width:860px; position:absolute; left:55%;  top:0; margin-left:-430px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.menu > ul{ float:left; width:100%; float:left;}
.menu ul .nli{ float:left; width:16.66%;z-index:99; text-align:center;}
.menu ul .nli span{ display:block; width:100%; float:left; position:relative;}
.menu ul .nli span a{ display:block; width:100%; float:left; height:96px; line-height:96px; color:#fff; font-size:16px;}
.menu ul .nli.on span a,
.menu ul .nli:hover span a{ color: #d52f35;}
.menu ul .nli span:before{ content:''; display:block; position:absolute; left:20%; opacity:0; background:white; width:14px; height:1px; top:50%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.menu ul .nli:hover span:before{ left:10%; background:#d0242a; opacity:1;}
.topnav .auto {
  margin-right: auto;
  margin-left: auto;
}


/*20180604*/
.rightblock{ float:right; margin-top:22px; font-size:12px; line-height:26px; color:#fff; text-align:right;}
.rightblock .z_line1{font-size:22px;color: #eb2121;font-family: "dincond-medium-webfont";}
.rightblock .span{ padding:0 10px;}
@media screen and (max-width:1199px) {
.rightblock {line-height:20px;}
}


/*topnav-hover导航变白*/
.pz_top .topnav-hover{position: fixed;width: 100%;background:#fff;transition: all 0.8s;height: 70px;    box-shadow: 0 0 8px rgba(0,0,0,.6);}
.pz_top .topnav-hover .menu ul .nli span a{color: #333;}
.pz_top .topnav-hover .rightblock{color: #333;}
.pz_top .topnav-hover .menu ul .nli span a{height:70px;line-height: 70px;font-size: 16px;}
.pz_top .topnav-hover .menu ul .nli:hover span a{color:#eb2121}
.pz_top .topnav-hover .rightblock{margin-top: 14px;line-height: 19px;}
.pz_top .topnav-hover .zwlogo{width:274px;margin-top:11px;}
.pz_top .topnav-hover .zwlogo #logo_h{display: block;}
.pz_top .topnav-hover .zwlogo #logo{display: none;}
.pz_top .topnav-hover .menuph{color:#000}
.pz_top .topnav-hover .menuph .navbtn::after,.pz_top .topnav-hover .menuph .navbtn::before{background:#333}
.pz_top .topnav-hover .menuph .navbtn{background:#333}
.pz_top .topnav-hover.on{background: #fff}
.pz_top .topnav-hover.on .menuph .navbtn{background:#fff;}
.pz_top .topnav-hover .menu ul .nli.on span a,.pz_top .topnav-hover .menu ul .nli:hover span a{color: #eb2121;}
.menu ul .nli.on span:before{background:#eb2121;opacity: 1;}
@media screen and (max-width:640px) {
    .pz_top .topnav-hover .zwlogo{width: 200px;}
}
@media screen and (max-width:480px) {
    .pz_top .topnav-hover .zwlog{width: 180px;margin-top: 16px;}
    .pz_top .topnav-hover{height: 60px}
}

/*menu下拉*/
.sub{position:fixed; left:0;right: 0;margin: auto;top:96px; display:none; overflow:hidden; border-top:solid 2px #eb2121;padding: 40px 0;background: rgba(255,255,255,0.9);}
.topnav-hover .sub{top:70px;background: #f5f5f5;box-shadow: 0 2px 4px rgba(0,0,0,.2);}
.sub .c_378{ width:378px; float:left; position:relative; padding:23px 0 55px 0; text-align:left;}
.sub .c_378 h2{ width:100%; float:left; font-size:30px; color:#333; line-height:50px; padding-bottom:21px; position:relative;}
.sub .c_378 h2:before{ content:''; width:47px; height:2px; background:black; position:absolute; left:0; bottom:0;}
.sub .c_378 h3{ width:100%; float:left; font-size:30px; color:#d32329; line-height:46px; margin-top:19px; font-family:Arial;text-transform: uppercase;}
.sub .c_378 .bian{ width:1px; height:138px; background:black; opacity:0.2; position:absolute; right:0; top:28px;}
.sub .ul1{ margin-left:378px;}
.sub .ul1 .l1{ width:16.66%; text-align:center; float:left;}
.sub .ul1 .l1 a{ display:block; width:100%; float:left; padding:23px 0 55px 0;}
.sub .ul1 .l1 a .ico{ width:100%; float:left; height:90px;}
.sub .ul1 .l1 a .ico img{ height:100%; display:inline-block; *zoom:1; *display:inline;}
.sub .ul1 .l1 a .ico .img_2{ display:none;}
.sub .ul1 .l1 a:hover .ico .img_2{ display:inline-block; *zoom:1; *display:inline;}
.sub .ul1 .l1 a:hover .ico .img_1{ display:none;}
.sub .ul1 .l1 a h4{ width:100%; float:left; margin-top:10px; font-size:16px; color:#444; line-height:36px;}
.sub .ul1 .l1 a:hover h4,.sub .ul1 .l1 a.hover h4{ color:white;}
.sub .ul1 .l1 a:hover,.sub .ul1 .l1 a.hover{ background:#d32329;}

.elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
@media screen and (max-width:1569px) {
.menu{ width:640px; margin-left:-320px;}
.sub .c_378{ width:278px; padding:20px 0 35px 0;}
.sub .ul1{ margin-left:278px;}
.sub .c_378 h2{ font-size:20px; line-height:40px; padding-bottom:11px;}
.sub .c_378 h3{ font-size:20px; line-height:36px; margin-top:10px;}
.sub .c_378 .bian{ height:128px; top:29px;}
.sub .ul1 .l1 a{ padding:20px 0 35px 0;}
.sub .ul1 .l1 a .ico{ height:80px;}
.sub .ul1 .l1 a h4{ margin-top:6px; font-size:14px; line-height:26px;}
}

/*sub_fuwu*/
ul.sub_fuwu li{width: 25%;float: left;border-right: 1px solid #d8d8d8;}
.topnav-hover ul.sub_fuwu li{border-right: 1px solid #e6e6e6;}
ul.sub_fuwu li:last-child{border:none;}
ul.sub_fuwu li .co{width: 180px;height: 100px;display: block;margin: 0 auto;-webkit-transition: all 1.5s ease;transition: all 0.8s ease;display: block;}
ul.sub_fuwu li:hover .co{background-position: -180px 0;}
ul.sub_fuwu li h2 {font-size: 18px;color: #333;margin-top:15px;}

/*sub_anli*/
.sub_anli{max-width: 1400px;margin: auto;}
.sub_anli .al_l{width:40%;float:left;border-right: 1px solid #d8d8d8;text-align: left;}
.topnav-hover .sub_anli .al_l{border-right: 1px solid #e6e6e6;}
.sub_anli .al_r{width:60%;float:right;padding-left: 10%;padding-top: 5%;}
.sub_anli .al_r p{color: #686868;}
.sub_anli .al_r a{text-align: left;float: left;height: 38px;line-height: 38px;color: #000000;font-size: 18px;margin-bottom: 42px;transition: all 0.3s;width: 50%;}
.sub_anli .al_r a i{width: 38px;height: 38px;border-radius: 50%;background-color: #999999;background-repeat: no-repeat;background-image: url(../images/top_pic3.png);float: left;margin-right: 20px;transition: all 0.3s;margin-left: 0px;}
.sub_anli .al_r a i.bgs1{background-position:11px 8px;}
.sub_anli .al_r a i.bgs2{background-position:-233px 8px;}
.sub_anli .al_r a i.bgs3{background-position:9px -71px;}
.sub_anli .al_r a i.bgs4{background-position:-233px -74px;}
.sub_anli .al_r a:hover{color: #eb2121}

/*sub_zx*/
.sub_zx ul li{display: inline-block;text-align:center;font-size: 18px;background: #fff;font-size: 17px;line-height: 45px;margin: 0 15px;}
.sub_zx ul li a{color: #333;}
.sub_zx ul li:hover a{color: #eb2121}

/*sub_gy*/
.sub_gy ul li{width:19.7%;display: inline-block;border-right: 1px solid #d8d8d8;text-align:center;}
.sub_gy ul li:nth-child(5){border:none;}
.topnav-hover .sub_gy ul li{border-right: 1px solid #e6e6e6;}
.topnav-hover .sub_gy ul li:nth-child(5){border:none;}
.sub_gy ul li a{font-size: 18px;color: #333}
.sub_gy ul li a i{display: block;width: 104px;height: 104px;margin: 0 auto; margin-bottom: 13px;overflow: hidden;background-image: url(../images/top_pic2.png);background-repeat: no-repeat;margin-top: 10px;background-color: #999999;border-radius: 50%;position: relative;transition: all 0.3s;}
.sub_gy ul li a i.bgs1{background-position: 30px center;}
.sub_gy ul li a i.bgs2{background-position:-334px center;}
.sub_gy ul li a i.bgs3{background-position:-690px center;}
.sub_gy ul li a i.bgs4{background-position:-1053px center;}
.sub_gy ul li a i.bgs5{background-position:-1372px center;}
.sub_gy ul li a:hover{color: #eb2121;}
.sub_gy ul li a:hover i{background-color:#eb2121;margin-top: 5px;transform: rotateY(180deg);}





@media screen and (max-width:1199px) {
.rightblock{ display:none;}
        #gotop{ background: #fff;
   overflow: hidden;
   height: 58px;}
    .pz_top{    position: fixed;
    width: 100%;
    transition: all 0.8s;height:60px}
.menu{ display:none;}
.topnav{ z-index:99; height:60px;position: fixed;}
.topnav .zwlogo #logo_h{display: block;}
.topnav .zwlogo #logo{display: none}
.pz_top .menuph{color:#000}
.pz_top .menuph .navbtn::after,.pz_top .menuph .navbtn::before{background:#333}
.pz_top .menuph .navbtn{background:#333}
.topnav.on{ position:fixed; background:#fff;width: 100%;left: 0;box-shadow: 0 0 8px rgba(0,0,0,.6);}
.topnav{top: 0}   
    .pz_top .topnav-hover{height: 60px}
.topnav .zwlogo{ width:250px;margin-top:11px;}
.menuph{ width: 75px;  height: 38px; font-size:14px; margin-top:12px; line-height:38px;display: block!important;}
.menuph .point { width: 24px; margin-top:12px;  height: 20px;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {width: 24px;}
.menuph .navbtn { top: 6px;  width: 24px;  height: 2px;}
.menuph .navbtn::after,
.menuph .navbtn::before { height: 2px;}
.menuph .navbtn::after { top:-6px;}
.menuph .navbtn::before { top:6px;}
.pf_menu{ position:fixed; width:100%; height:100%; overflow-y:auto; right:0px; top:0px; display:block; padding:80px 2% 5px 2%; background:url(images/bg_2.png); z-index: 9899; background: white;}
.ph_menu{ float:left; width:100%; text-align:left; top:66px;}
.ph_menu .nav_box{ margin:auto; width:100%;padding: 0 4%    }
.ph_menu .nli{ float:left; width:100%;list-style: none;}
.ph_menu .nli span{ float:left; width:100%;}
.ph_menu .nli .l1_a{ float:left; width:100%; color:#d32329; font-size:14px; line-height:39px; white-space:nowrap; position: relative; letter-spacing: 1px; border-bottom: dashed 1px #ccc; padding:0 10px;}
.ph_menu .nli .l1_a.have{ background: url(../images/person5_h.png) right center no-repeat; background-size: 8px 15px;}
.ph_menu .nli.on .l1_a.have{ background:url(../images/person5.png) right center no-repeat; background-size: 15px 8px;}
.ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 10px 15px;}
.ph_menu .nli .l2_ul li a{ line-height:26px; font-size:12px; color:#666;}
.ph_menu .nli .l2_ul li a img{ width:18px; vertical-align:middle; margin:-2px 6px 0 0;}
.pz_menu.on{ box-shadow: 0 3px 6px rgba(0,0,0,0.15);}
}
@media screen and (max-width:767px) {
.topnav{ padding:0 10px;}

}
@media screen and (max-width:640px) {
    .topnav .zwlogo{width: 200px;}
}
@media screen and (max-width:480px) {
    .topnav .zwlogo{width: 200px;}
}



/*首页弹窗*/
.pf_mb{ width:100%; height:100%; position:fixed; left:0; top:0; background:url(../images/bg_9.png); z-index:9999; display:none;}
.tc_930{ width:930px; height:504px; background:url(../images/bg_8.png); position:fixed; left:50%; top:50%; margin:-252px 0 0 -465px; padding:57px 55px 0 55px; z-index:10001; display:none;}
.tc_930 .bian{ width:96%; height:92%; border:dashed 1px #e7a8aa; left:2%; top:4%; position:absolute; z-index:1;}
.tc_930 .btn{ width:42px; height:42px; position:absolute; right:35px; top:33px; cursor:pointer; z-index:9999;}
.tc_930 .title{ width:100%; float:left;}
.tc_930 .title img{ display:block; float:left;}
.tc_930 .title span{ display:block; float:left; margin-left:21px; margin-top:7px;}
.tc_930 ul{ margin:0 -10px; z-index:9999; position:relative;}
.tc_930 ul li{width:50%;float:left;margin-top:20px;padding:0 10px;}
.tc_930 ul li .zbox{width:100%;float:left;border:solid 1px #db7c7f;padding:0 4px 0 60px;position:relative;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;}
.tc_930 ul li .zbox .ico{ width:54px; height:54px; position:absolute; left:6px; top:0;}
.tc_930 ul li .zbox .ico img{ width:100%; float:left;}
.tc_930 ul li .zbox .name{ float:left; font-size:16px; color:white; line-height:54px;}
.tc_930 ul li .zbox .txk{ margin-left:38px; position:relative;}
.tc_930 ul li .zbox .txk input{display:block;width:100%;height:54px;line-height:54px;color:white;font-size:16px;background:none;border: none;margin: 0;padding: 0;border: 0;border-radius: 0;/* width: auto; */}
.tc_930 ul li.l1 .zbox .txk{ margin-left:64px;}
.tc_930 ul li.l2 .zbox .txk{margin-left:48px;width:85%;}
.tc_930 ul li.l3{ width:100%;}
.tc_930 ul li.l3 textarea{ display:block; width:100%; height:100px;border:solid 1px #db7c7f; padding:10px 19px; font-size:16px; line-height:24px; background:none; color:white;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.tc_930 ul li.l3 textarea::-webkit-input-placeholder { color:white;font-size:16px; }
.tc_930 ul li.l3 textarea:-moz-placeholder { color:white;font-size:16px; }
.tc_930 ul li.l3 textarea::-moz-placeholder { color:white;font-size:16px; }
.tc_930 ul li.l3 textarea:-ms-input-placeholder { color:white;font-size:16px; }

.tc_930 ul li.l2.l2_yz .zbox .txk{/* padding-right:133px; */}
.tc_930 ul li.l2.l2_yz .zbox .txk span{ width:129px; height:51px; position:absolute; right:2px; top:2px; cursor:pointer;}
.tc_930 ul li.l2.l2_yz .zbox .txk span img{width:100%; height:100%;}
.tc_930 ul li.l4 input{ display:block; width:100%; height:56px; line-height:54px; color:#d32329; font-size:24px; cursor:pointer; background:white;  border:solid 1px white;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.tc_930 ul li.l4 input:hover{ background:#d32329; color:white;}

@media screen and (max-width:1000px) {
.tc_930{ width:85%; height:364px; left:7.5%; margin:-182px 0 0 0; padding:37px 35px 0 35px;}
.tc_930 .btn{ width:22px; height:22px; right:20px; top:28px;}
.tc_930 .title{ height:47px;}
.tc_930 .title img{ height:100%;}
.tc_930 .title span{ height:40px; margin-left:11px; margin-top:4px;}
.tc_930 ul{ margin:0 -5px;}
.tc_930 ul li{ margin-top:10px; padding:0 5px;}
.tc_930 ul li .zbox{ padding:0 4px 0 40px;}
.tc_930 ul li .zbox .ico{ width:34px; height:34px;}
.tc_930 ul li .zbox .name{ font-size:14px; line-height:34px;}
.tc_930 ul li .zbox .txk{ margin-left:32px;}
.tc_930 ul li .zbox .txk input{ height:34px; line-height:34px; font-size:14px;}
.tc_930 ul li.l1 .zbox .txk{ margin-left:78px;}
.tc_930 ul li.l2 .zbox .txk{ margin-left:46px;}
.tc_930 ul li.l3 textarea{ padding:6px 14px; font-size:14px; line-height:22px;}
.tc_930 ul li.l2.l2_yz .zbox .txk span{ width:79px; height:31px; top:1px;}
.tc_930 ul li.l4 input{ height:36px; line-height:34px; font-size:18px;}
}
@media screen and (max-width:767px) {
.tc_930 ul li{ width:100%;}
.tc_930{ height:484px; margin:-242px 0 0 0;}
}
@media screen and (max-width:480px) {
.tc_930{ height:444px; margin:-222px 0 0 0; padding:27px 25px 0 25px;}
.tc_930 .title{ height:27px;}
.tc_930 .title span{ height:20px; margin-left:6px;}
.tc_930 .bian{ height:96%; top:2%;}
}

/*
 .sCase-list 为demo编号
 */
.sCase-list{padding: 0% 0 4%;text-align: center}
.sCase-list .tabs a{
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
}
.sCase-list .tabs a{padding:5px 18px;display:block; font-size:16px; color:#4a4a4a; background:#eaeaea; text-align: center; line-height: 2; cursor: pointer;border-radius:30px;margin: 0 10px;display: inline-block;margin-bottom: 15px;}
.sCase-list .tabs a+a{ border-left: 1px solid #ffffff;}
.sCase-list .tabs a:hover,.sCase-list .tabs a.active{background:#eb2121 ; color: #fff;}
@media only screen and (max-width:640px ) {
    .sCase-list{text-align: left;}
	.sCase-list .tabs a{ width:47.7%; padding: 0;text-align: center;margin:1%;float: left;display: block;}
}
.sCase-list .tabs{margin: 60px 0px 45px;}
.sCase-list{position: relative; overflow:hidden;}
.sCase-list li{width:24%;position:relative;margin-right: 1%;float: left;margin-bottom: 1%;}
.sCase-list li:first-child{width:49%;}
.sCase-list li:first-child figure{height: 613px;}
.sCase-list li:nth-child(3),
.sCase-list li:nth-child(5){margin-right: 0}
.sCase-list li .casepic{display: none;}
.sCase-list li figure{width:100%;margin: 0;background-position: center center;background-size:100% 100%;height: 298px;background-repeat: no-repeat;}
.sCase-list li .item{position: relative;}
.sCase-list li .item a{display: block;}
.sCase-list li .item a::after{ content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; background-color: #eb2121; opacity: 0; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s; -webkit-clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%); clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%);}
.sCase-list li:hover .item a::after{ opacity: 1; -webkit-clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%); clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);}
.sCase-list li span{position: absolute;z-index: 9;left: 1em;top: 1em;right: 1em;bottom: 1em;}
.sCase-list li span .b_t{ left: 0%; right: 100%; top: 0; height: 1px; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;position: absolute;z-index: 1;background-color: #fff;}
.sCase-list li a:hover span .b_t{left: 0;right: 0;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms;}

.sCase-list li span .b_r{top: 0%; bottom: 100%; right: 0; width: 1px; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms; position: absolute; z-index: 1; background-color: #fff;}
.sCase-list li a:hover span .b_r{ top: 1em; bottom: 1em; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;}

.sCase-list li span .b_b{ left: 0%; right: 100%; bottom: 0; height: 1px; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms; position: absolute; z-index: 1; background-color: #fff;}
.sCase-list li a:hover span .b_b{left: 0;right: 0;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms;}

.sCase-list li span .b_l{ top: 0%; bottom: 100%; left: 0; width: 1px; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;position: absolute; z-index: 1; background-color: #fff;}
.sCase-list li a:hover span .b_l{top: 1em;bottom: 1em;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms;}

.sCase-list li .contain{ -webkit-transition: all 300ms ease 200ms, -webkit-transform 500ms ease 200ms; transition: all 300ms ease 200ms, -webkit-transform 500ms ease 200ms; transition: all 300ms ease 200ms, transform 500ms ease 200ms; transition: all 300ms ease 200ms, transform 500ms ease 200ms, -webkit-transform 500ms ease 200ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 10; width: 100%; text-align: center; color: #fff; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; top: 50%; -webkit-transform: translateY(-20%); transform: translateY(-20%);}
.sCase-list li:hover .contain{-webkit-transition: all 300ms ease 200ms, -webkit-transform 500ms ease 200ms; transition: all 300ms ease 200ms, -webkit-transform 500ms ease 200ms; transition: all 300ms ease 200ms, transform 500ms ease 200ms; transition: all 300ms ease 200ms, transform 500ms ease 200ms, -webkit-transform 500ms ease 200ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.sCase-list li .contain img{ display: inline-block; position: relative; width: auto; height: 5em; max-width:14em; -o-object-fit: contain; object-fit: contain; -o-object-position: 50% 50%; object-position: 50% 50%; pointer-events: auto !important;}
.sCase-list li:first-child .contain img{ max-width:22em;}

.sCase-list li .contain h3{ margin-top: .75em; margin-left: 2em; margin-right: 2em; margin-bottom: 1.4em; position: relative; line-height: 1.25; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;    font: inherit;font-size: 18px;;color: inherit;}

.sCase-list li .contain::after{ content: " "; display: block; margin-left: auto; margin-right: auto; width: 38px; height: 38px; border-radius: 50%; border: #ffffff solid 1px; background-image: url(../images/arrow-pdtItem.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; -webkit-transform: rotate(90deg) translateX(10px) scale(0.8); transform: rotate(90deg) translateX(10px) scale(0.8);}
.sCase-list li:hover .contain::after{ -webkit-transform: rotate(90deg) translateX(0); transform: rotate(90deg) translateX(0); opacity: 1; -webkit-transition: opacity 300ms ease 340ms, -webkit-transform 400ms ease 440ms; transition: opacity 300ms ease 340ms, -webkit-transform 400ms ease 440ms; transition: opacity 300ms ease 340ms, transform 400ms ease 440ms; transition: opacity 300ms ease 340ms, transform 400ms ease 440ms, -webkit-transform 400ms ease 440ms;}
.sCase-list .more a{display:inline-block;;text-align: center;background:url(../images/more_bg.png)no-repeat 30px center #eb2121;padding: 10px 50px;color: #fff;border-radius:30px;padding-left:50px;font-size: 16px;margin-top: 20px;text-indent: 10px;transition: all 0.5s;}
.sCase-list .more a:hover{background:url(../images/hmore_bg.png)no-repeat 30px center #dcdcdc;color: #eb2121}
@media(max-width:1700px){
  .sCase-list li:first-child figure{height:531px;}
    .sCase-list li figure{height:260px;}
}
@media(max-width:1650px){
  .sCase-list li:first-child figure{height:515px;}
    .sCase-list li figure{height:252px;}
}
@media(max-width:1600px){
  .sCase-list li:first-child figure{height:497px;}
    .sCase-list li figure{height:243px;}
    .sCase-list .tabs{}
}
@media(max-width:1500px){
  .sCase-list li .contain img{max-width: 11em;}
  .sCase-list li:first-child figure{height:479px;}
  .sCase-list li figure{height:234px;}
    
}

@media(max-width:1400px){
  .sCase-list li:first-child figure{height:445px;}
  .sCase-list li figure{height:217px;}
  .sCase-list li .contain img{height:40px;}  
}
@media(max-width:1300px){
  .sCase-list li:first-child figure{height:410px;}
    .sCase-list li figure{height:201px;}
}
@media(max-width:1200px){
  .sCase-list li:first-child figure{height:378px;}
  .sCase-list li figure{height:185px;}
}
@media(max-width:1100px){
  .sCase-list li:first-child figure{height:366px;}
    .sCase-list li figure{height:179px;}
}
@media(max-width:1000px){
  .sCase-list li:first-child figure{height:332px;}
    .sCase-list li figure{height:163px;}
}
@media(max-width:900px){
  .sCase-list li:first-child figure{height:298px;}
    .sCase-list li figure{height:145px;}
}
@media(max-width:850px){
  .sCase-list li:first-child figure{height:281px;}
    .sCase-list li figure{height:137px;}
}
@media(max-width:768px){
    .sCase-list li figure{display: none}
    .sCase-list li{width: 49%;}
    .sCase-list li .casepic{display: block;}
    .sCase-list li:nth-child(2){margin-right: 2%}
    .sCase-list li:nth-child(4){margin-right: 2%}
    .sCase-list li:nth-child(1){width: 100%}
    .sCase-list .more a{margin:30px 0}
}
@media(max-width:640px){
    .sCase-list .tabs{margin-top: 40px}
}

@media(max-width:480px){
    .sCase-list li{width:100%!important;}
    .sCase-list li:first-child .contain img{ max-width:14em;}
  
}

/*
 sservice-list
 */
.section03{background:url(../images/serbg.jpg)no-repeat center center;background-size: cover;background-position: center top;background-attachment: fixed;}
.section03 .index-title span{color: #fff;}
.section03 .index-title{color:rgba(255,255,255,0.6);}
.sservice-list ul{overflow: hidden;margin-top: 60px;}
.sservice-list ul li{width:calc((100% - 4px)/3);float: left;padding:2% 1%;border-top:1px solid 
rgba(255,255,255,0.2);border-left:1px solid rgba(255,255,255,0.2);height: 218px;}
.sservice-list ul li img{transition: all 0.5s;}
.sservice-list ul li:hover img{transform: rotateY(360deg)}
.sservice-list ul li:nth-child(3){border-right:1px solid rgba(255,255,255,0.2);}
.sservice-list ul li:nth-child(4),.sservice-list ul li:nth-child(5),.sservice-list ul li:nth-child(6){border-bottom:1px solid rgba(255,255,255,0.2);}
.sservice-list ul li:nth-child(6){border-right:1px solid rgba(255,255,255,0.2);}
.sservice-list ul li .left{width: 30%;float: left;}
.sservice-list ul li .right{width:63%;float: left;padding-top:5%;padding-left:5%;}
.sservice-list ul li .right h1{color: #fff;font-size: 24px;padding-left: 40px;background: url(../images/serline.png)no-repeat left center;}
.sservice-list ul li .right p{font-size: 14px;color:rgba(255,255,255,0.5);line-height: 24px;margin-top: 2%;height: 72px;}
@media(max-width:1600px){
    .sservice-list ul li .right h1{font-size: 22px;}
}
@media(max-width:1510px){
    .sservice-list ul li .right p{height: 96px;}
    .sservice-list ul li .right h1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
}
@media(max-width:1200px){
    .sservice-list ul li{width:calc((100% - 3px)/2);}
    .sservice-list ul li .right h1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
    .sservice-list ul li:nth-child(4){border-bottom: none}
    .sservice-list ul li:nth-child(3){border-right:none}
    .sservice-list ul li{height: 160px;}
    .sservice-list ul li:nth-child(2),.sservice-list ul li:nth-child(4),.sservice-list ul li:nth-child(6){border-right: 1px solid rgba(255,255,255,0.2);}
}
@media(max-width:768px){
    .sservice-list ul{text-align: center}
    .sservice-list ul li{height: 300px;;}
    .sservice-list ul li .right h1{background: none;padding-left: 0}
    .sservice-list ul li .left{float: none;width:100%}
    .sservice-list ul li .right{float: none;width:100%;padding-left: 0}
     .sservice-list ul li .right h1{font-size: 20px;}
}
@media(max-width:640px){
    .sservice-list ul li .left img{width: 60%}
    .sservice-list ul li{height: 290px;padding-top:8%}
    .sservice-list ul{margin-top: 40px;}
}
@media(max-width:480px){
    .sservice-list ul li .right h1{font-size: 18px;}
}

/*
 .Case_conlist 为demo编号
 */
.Case_conlist{text-align: center;padding-top:50px;}
.Case_conlist li{width:32.5%;position:relative;margin-right:1.25%;float: left;margin-bottom: 1.25%;}
.Case_conlist li:nth-child(3n){margin-right:0}
.Case_conlist li .item{position: relative;}
.Case_conlist li .item a{display: block;}
.Case_conlist li .item a::after{ content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; background-color: #eb2121; opacity: 0; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s; -webkit-clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%); clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%);}
.Case_conlist li:hover .item a::after{ opacity: 1; -webkit-clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%); clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);}
.Case_conlist li span{position: absolute;z-index: 9;left: 1em;top: 1em;right: 1em;bottom: 1em;}
.Case_conlist li span .b_t{ left: 0%; right: 100%; top: 0; height: 1px; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;position: absolute;z-index: 1;background-color: #fff;}
.Case_conlist li a:hover span .b_t{left: 0;right: 0;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms;}

.Case_conlist li span .b_r{top: 0%; bottom: 100%; right: 0; width: 1px; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms; position: absolute; z-index: 1; background-color: #fff;}
.Case_conlist li a:hover span .b_r{ top: 1em; bottom: 1em; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;}

.Case_conlist li span .b_b{ left: 0%; right: 100%; bottom: 0; height: 1px; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms; position: absolute; z-index: 1; background-color: #fff;}
.Case_conlist li a:hover span .b_b{left: 0;right: 0;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms;}

.Case_conlist li span .b_l{ top: 0%; bottom: 100%; left: 0; width: 1px; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;position: absolute; z-index: 1; background-color: #fff;}
.Case_conlist li a:hover span .b_l{top: 1em;bottom: 1em;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms;}

.Case_conlist li .contain{ -webkit-transition: all 300ms ease 200ms, -webkit-transform 500ms ease 200ms; transition: all 300ms ease 200ms, -webkit-transform 500ms ease 200ms; transition: all 300ms ease 200ms, transform 500ms ease 200ms; transition: all 300ms ease 200ms, transform 500ms ease 200ms, -webkit-transform 500ms ease 200ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 10; width: 100%; text-align: center; color: #fff; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; top: 50%; -webkit-transform: translateY(-20%); transform: translateY(-20%);}
.Case_conlist li:hover .contain{-webkit-transition: all 300ms ease 200ms, -webkit-transform 500ms ease 200ms; transition: all 300ms ease 200ms, -webkit-transform 500ms ease 200ms; transition: all 300ms ease 200ms, transform 500ms ease 200ms; transition: all 300ms ease 200ms, transform 500ms ease 200ms, -webkit-transform 500ms ease 200ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.Case_conlist li .contain img{ display: inline-block; position: relative; width: auto;max-height:55px;max-width: 60%; -o-object-fit: contain; object-fit: contain; -o-object-position: 50% 50%; object-position: 50% 50%; pointer-events: auto !important;}

.Case_conlist li .contain h3{ margin-top: .75em; margin-left: 2em; margin-right: 2em; margin-bottom: 1.4em; position: relative; line-height: 1.25; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;    font: inherit;font-size: 18px;;color: inherit;}

.Case_conlist li .contain::after{ content: " "; display: block; margin-left: auto; margin-right: auto; width: 38px; height: 38px; border-radius: 50%; border: #ffffff solid 1px; background-image: url(../images/arrow-pdtItem.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; -webkit-transform: rotate(90deg) translateX(10px) scale(0.8); transform: rotate(90deg) translateX(10px) scale(0.8);}
.Case_conlist li:hover .contain::after{ -webkit-transform: rotate(90deg) translateX(0); transform: rotate(90deg) translateX(0); opacity: 1; -webkit-transition: opacity 300ms ease 340ms, -webkit-transform 400ms ease 440ms; transition: opacity 300ms ease 340ms, -webkit-transform 400ms ease 440ms; transition: opacity 300ms ease 340ms, transform 400ms ease 440ms; transition: opacity 300ms ease 340ms, transform 400ms ease 440ms, -webkit-transform 400ms ease 440ms;}
.Case_conlist .more a{display:inline-block;;text-align: center;background:url(../images/more_bg.png)no-repeat 30px center #eb2121;padding: 10px 50px;color: #fff;border-radius:30px;padding-left:50px;font-size: 16px;margin-top: 20px;text-indent: 10px;transition: all 0.5s;}
.Case_conlist .more a:hover{background:url(../images/hmore_bg.png)no-repeat 30px center #dcdcdc;color: #eb2121}
@media(max-width:1400px){
  .Case_conlist li .contain img{height:40px;}  
}
@media(max-width:1200px){
  .Case_conlist li .contain img{height:30px;}  
}
@media(max-width:768px){
    .Case_conlist li figure{display: none}
    .Case_conlist li{width: 49%;}
    .Case_conlist li .casepic{display: block;}
    .Case_conlist li:nth-child(2n){margin-right:0%}
    .Case_conlist li:nth-child(3n){margin-right:2%}
    .Case_conlist li:nth-child(6){margin-right:0%}
    .Case_conlist li:nth-child(12){margin-right:0%}
    .Case_conlist .more a{margin:30px 0}
}
@media(max-width:640px){
    .Case_conlist .tabs{margin-top: 40px}
}

@media(max-width:480px){
    .Case_conlist li{width:100%!important;}
    .Case_conlist li:first-child .contain img{ max-width:14em;} 
    .Case_conlist{padding-top:30px;}
}


/*
 .Case_applets 为demo编号
 */
.Case_applets{text-align: center;padding-top:50px;}
.Case_applets li{width:32.5%;position:relative;margin-right:1.25%;float: left;margin-bottom: 1.25%;}
.Case_applets li:nth-child(3n){margin-right:0}
.Case_applets li .item{position: relative;}
.Case_applets li .item a{display: block;}
.Case_applets li .item a::after{ content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; background-color: #eb2121; opacity: 0; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s; -webkit-clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%); clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%);}
.Case_applets li:hover .item a::after{ opacity: 1; -webkit-clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%); clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);}
.Case_applets li span{position: absolute;z-index: 9;left: 1em;top: 1em;right: 1em;bottom: 1em;}
.Case_applets li span .b_t{ left: 0%; right: 100%; top: 0; height: 1px; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;position: absolute;z-index: 1;background-color: #fff;}
.Case_applets li a:hover span .b_t{left: 0;right: 0;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms;}

.Case_applets li span .b_r{top: 0%; bottom: 100%; right: 0; width: 1px; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms; position: absolute; z-index: 1; background-color: #fff;}
.Case_applets li a:hover span .b_r{ top: 1em; bottom: 1em; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;}

.Case_applets li span .b_b{ left: 0%; right: 100%; bottom: 0; height: 1px; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms; position: absolute; z-index: 1; background-color: #fff;}
.Case_applets li a:hover span .b_b{left: 0;right: 0;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms;}

.Case_applets li span .b_l{ top: 0%; bottom: 100%; left: 0; width: 1px; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;position: absolute; z-index: 1; background-color: #fff;}
.Case_applets li a:hover span .b_l{top: 1em;bottom: 1em;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms;}

.Case_applets li .contain{ -webkit-transition: all 300ms ease 200ms, -webkit-transform 500ms ease 200ms; transition: all 300ms ease 200ms, -webkit-transform 500ms ease 200ms; transition: all 300ms ease 200ms, transform 500ms ease 200ms; transition: all 300ms ease 200ms, transform 500ms ease 200ms, -webkit-transform 500ms ease 200ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 10; width: 100%; text-align: center; color: #fff; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; top: 50%; -webkit-transform: translateY(-20%); transform: translateY(-20%);}
.Case_applets li:hover .contain{-webkit-transition: all 300ms ease 200ms, -webkit-transform 500ms ease 200ms; transition: all 300ms ease 200ms, -webkit-transform 500ms ease 200ms; transition: all 300ms ease 200ms, transform 500ms ease 200ms; transition: all 300ms ease 200ms, transform 500ms ease 200ms, -webkit-transform 500ms ease 200ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.Case_applets li .contain img{ display: inline-block; position: relative; width: auto; height: 5em; max-width:14em; -o-object-fit: contain; object-fit: contain; -o-object-position: 50% 50%; object-position: 50% 50%; pointer-events: auto !important;}
.Case_applets li .contain img.maImg{width:27%;height: auto;}
.Case_applets li .contain h3{ margin-top: .75em; margin-left: 2em; margin-right: 2em; margin-bottom: 1.4em; position: relative; line-height: 1.25; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;    font: inherit;font-size: 16px;;color: inherit;}

    
.Case_applets .more a{display:inline-block;;text-align: center;background:url(../images/more_bg.png)no-repeat 30px center #eb2121;padding: 10px 50px;color: #fff;border-radius:30px;padding-left:50px;font-size: 16px;margin-top: 20px;text-indent: 10px;transition: all 0.5s;}
.Case_applets .more a:hover{background:url(../images/hmore_bg.png)no-repeat 30px center #dcdcdc;color: #eb2121}
@media(max-width:768px){
    .Case_applets li figure{display: none}
    .Case_applets li{width: 49%;}
    .Case_applets li .casepic{display: block;}
    .Case_applets li:nth-child(2n){margin-right:0%}
    .Case_applets li:nth-child(3n){margin-right:2%}
    .Case_applets li:nth-child(6){margin-right:0%}
    .Case_applets li:nth-child(12){margin-right:0%}
    .Case_applets .more a{margin:30px 0}
}
@media(max-width:640px){
    .Case_applets .tabs{margin-top: 40px}
}

@media(max-width:480px){
    .Case_applets li{width:100%!important;}
    .Case_applets li:first-child .contain img{ max-width:14em;} 
}

/*
 .z_neiye
 */
.z_neiye{width: 100%; display:none;height: 100%;background: #131313;position: fixed;left: 0;top: 0;z-index: 99999999;}
.z_neiye iframe{border:none; position:relative; z-index:99;}
.z_neiye .zbtn{ width:60px; height:60px; cursor:pointer; position:absolute; right:30px; top:38px; z-index:10002; background:url(../images/tc_btn_2.png) no-repeat; background-size:100% 100%;transition: all 0.5s;}
.z_neiye .zbtn:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
@media screen and (max-width:1199px) {
.z_neiye .zbtn {width: 40px; height: 40px; right: 10px; top: 10px; }
}
@media screen and (max-width:767px) {
.z_neiye .zbtn{ width:22px; height:22px; right:15px; top:15px;}
}


/*
 .video_neiye
 */
.video_neiye{width: 100%; display:none;height: 100%;background: #131313;position: fixed;left: 0;top: 0;z-index: 99999999;}
.video_neiye iframe{border:none; position:relative; z-index:99;}
.video_neiye .zbtn{ width:30px; height:30px; cursor:pointer; position:absolute; right:1%; top:1%; z-index:10002; background:url(../images/gb.png) no-repeat; background-size:100% 100%;transition: all 0.5s;}
.video_neiye .zbtn:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

/*
 .video
 */
.videos{position:fixed;z-index:9999999; width:100%; height:100%;background: #000;}
.videos video{width: 100%;height: 100%;}
.vclose {position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

/**case筛选**/
.case_one{padding:40px 0;background: #f5f5f5;position: relative;z-index: 99;height: 132px}
.case_one .gy2{ overflow:visible;}
.case_one .h2{ float:left; line-height:52px; font-size:32px; font-weight:normal; letter-spacing:1px;color: #000;}
.case_one .case_one_r{ float:right;}
.case_one .case_one_r .all_a{ float:left; height:52px; width:280px; line-height:52px; font-size:16px; color:#fff; background:#eb2121; text-align:center;transition:all 0.3s;}
.case_one .case_one_r .all_a:hover{opacity:0.8;filter:Alpha(opacity=80);}
.case_one .case_one_r .case_down{ float:left; margin-left:20px; width:280px; background:#ffff; position:relative; color:#000;}
.case_one .case_one_r .case_down label{ display:block; height:52px; line-height:52px; background:url(../images/bgs4.png) 238px center no-repeat; text-indent:20px; cursor:pointer; font-size:16px;}
.case_one .case_one_r .case_down ul{ position:absolute; top:52px; left:0; width:100%;background:#fff; display:none;  overflow:hidden; z-index:9; }
.case_one .case_one_r .case_down ul.bgs2{overflow-y:scroll;max-height:320px;}
.case_one .case_one_r .case_down ul li{ display:block; height:32px; line-height:32px; overflow:hidden; }
.case_one .case_one_r .case_down ul li a{ display:block;text-indent:20px; font-size:14px;}
.case_one .case_one_r .case_down ul li a:hover{ background:#eb2121; color:#fff;}
.case_one .case_one_r .case_down.isel label{background:url(../images/bgs4_on.png) 238px center no-repeat;}
@media(max-width:1400px){
    .case_one .h2{font-size: 28px;}
    .case_one .case_one_r .case_down{width: 220px;}
    .case_one .case_one_r .all_a{width: 220px;}
    .case_one .case_one_r .case_down label{background: url(../images/bgs4.png) 190px center no-repeat}
}
@media(max-width:1150px){
    .case_one .h2{font-size: 26px;}
    .case_one .case_one_r .case_down{width: 160px;}
    .case_one .case_one_r .all_a{width: 160px;}
    .case_one .case_one_r .case_down label{background: url(../images/bgs4.png) 130px center no-repeat}
}
@media(max-width:900px){
    .case_one{height: auto;padding:30px 0;height: 170px}
    .case_one .h2{float: none;}
    .case_one .case_one_r{float: none;}
    .case_one .case_one_r .all_a{width:32%;margin-right:2%}
     .case_one .case_one_r .case_down{width:32%;margin-right:2%;margin-left: 0}
     .case_one .case_one_r .case_down:nth-child(3){margin-right:0}
    .case_one .case_one_r .case_down label{background: url(../images/bgs4.png) 90% center no-repeat}
}
@media(max-width:640px){
    .case_one .h2{font-size: 24px;}
    .case_one .case_one_r .case_down label{font-size: 14px;height: 45px;line-height: 45px;}
    .case_one .case_one_r .all_a{font-size: 14px;height: 45px;line-height: 45px;}
    .case_one .case_one_r .all_a{width: 100%;margin-bottom: 10px;}  
    .case_one .case_one_r .case_down{width: 100%;margin-bottom: 10px;} 
    .case_one{height: 270px;}
    .case_one .case_one_r .case_down label{background: url(../images/bgs4.png) 95% center no-repeat}
    .case_one .case_one_r .case_down.isel label{background:url(../images/bgs4_on.png) 95% center no-repeat;}
}



/*
 indexnews_list
 */
.section04{background:url(../images/news_bg.jpg)no-repeat center center;background-size: cover;position: relative;padding-bottom: 4%}
.section04 .index-title{text-align: left;}
.indexnews_list{margin-top: 60px;}
.indexnews_list .tabs{right:4%; position: absolute;top:12%}
.indexnews_list .tabs a{padding: 10px 30px;background: #e4e4e4;color: #666;border-radius: 20px;font-size: 16px;transition: all 0.5s;}
.indexnews_list .tabs a:first-child{margin-right:20px;}
.indexnews_list .tabs a:hover, .indexnews_list  .tabs a.active{background:#eb2121;color: #fff}
.indexnews_list .box li{width:calc((99% - 20px)/3);float:left;margin-right: 0.5%}
.indexnews_list .box li:nth-child(3){margin-right: 0}
.indexnews_list .news_one{padding: 10px;background: #fff;position: relative;overflow: hidden}
.indexnews_list .news_one .news_lone_img{width: 100%;height: 500px;background-size: cover!important;transition: 
all 0.5s;}
.indexnews_list .news_one .blog_infTop{position: absolute; bottom: 10px; width: calc(100% - 20px); width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); height: 110px; background: url(../images/i_bg4.png) 92% center #fff no-repeat; left:20px; bottom: 20px; text-align: left; overflow: hidden; transition: all 0.3s;}
.indexnews_list .news_one .blog_infTop .blog_infR{ display: table; width: 100%; height: 100%; overflow: hidden;}
.indexnews_list .news_one .blog_title{ padding-right: 25%; padding-left: 30px; margin-top: 25px; display: table-cell; vertical-align: middle; line-height: 24px; color: #000000; font-size: 20px; overflow: hidden;}
.indexnews_list .news_one:hover .news_lone_img{transform: scale(1.05)}
.indexnews_list .news_one:hover .blog_infTop{background: url(../images/i_bg4.png) 95% center #fff no-repeat}
.indexnews_list .news_one:hover .blog_title{color:#eb2121}
.indexnews_list .news_two dd{ display: block; position: relative; height: 256px; background-color: #fff; margin-bottom: 8px; overflow: hidden; transition: all 0.3s;}
.indexnews_list .news_two dd:last-child{margin-bottom: 0}
.indexnews_list .news_two dd a{display: block; width: 90%;margin: 0 auto; overflow: hidden; color: #666;}
.indexnews_list .news_two .blog_Rmore{ margin-top: 34px; overflow: hidden; display: block; border-bottom: 1px solid #eee;}
.indexnews_list .news_two .blog_Rmore b{color: #000; display: block; height: 32px; line-height: 32px; overflow: hidden; font-size:20px; font-weight: normal;}
.indexnews_list .news_two .blog_Rmore span{ display: block; line-height:30px;overflow: hidden; margin-top: 19px; font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom:15px;}
.indexnews_list .news_two .blog_Rtime{ height: 66px; overflow: hidden; text-align: center; margin-top: 22px; text-align: left; background: url(../images/i_bg5.png) 98% center no-repeat; display: block; transition: all 0.3s;}
.indexnews_list .news_two .blog_Rtime b{ display: block; color: #000; font-size: 30px; height: 34px; line-height: 34px; font-weight: normal; letter-spacing: 1px;}
.indexnews_list .news_two .blog_Rtime em{ font-style: normal; height: 20px; line-height: 20px; font-size: 16px;}
.indexnews_list .news_two dd:hover .blog_Rmore b{color: #eb2121}
.indexnews_list .news_two dd:hover .blog_Rtime{background: url(../images/i_bg5.png) 100% center no-repeat;}
.indexnews_list .news_two dd:hover{box-shadow: 0 15px 15px rgba(0,0,0,.1);transform: scale(1.005);}
.indexnews_list .news_three dd { display: block; position: relative; height: 168px; background-color: #fff; margin-bottom: 8px; overflow: hidden; transition: all 0.3s;}
.indexnews_list .news_three dd:last-child{margin-bottom: 0}
.indexnews_list .news_three dd a{display: block; width:85%;margin: 0 auto; overflow: hidden; color: #666; padding-top: 20px;}
.indexnews_list .news_three .blog_Rtime{ height: 95px; width: 66px; float: left; overflow: hidden; margin-top: 18px; text-align: left;}
.indexnews_list .news_three .blog_Rtime b{ display: block; color: #000; font-size: 30px; height: 50px; line-height: 50px; font-weight: normal; letter-spacing: 1px; background: url(../images/2018/i_bg6.png) left bottom no-repeat;}
.indexnews_list .news_three .blog_Rtime em{ font-style: normal; height: 42px; line-height: 42px; font-size: 16px;}
.indexnews_list .news_three .blog_Rmore{ float: right; height: 114px; border-left: 1px solid #f5f5f5; padding-left: 30px; width:calc((80% - 66px)/1)!important; padding-top: 14px; overflow: hidden;}
.indexnews_list .news_three .blog_Rmore b{ color: #000; display: block; height: 48px; line-height: 24px; overflow: hidden; font-size: 18px; font-weight: normal;}
.indexnews_list .news_three .blog_Rmore span{ display: block; line-height: 38px; height: 38px; overflow: hidden; margin-top: 15px; background: url(../images/i_bg5.png) left center no-repeat; transition: all 0.3s;}
.indexnews_list .news_three dd:hover .blog_Rmore b{color: #eb2121;}
.indexnews_list .news_three dd:hover{box-shadow: 0 15px 15px rgba(0,0,0,.1);transform: scale(1.005);}
.indexnews_list .news_three dd:hover .blog_Rmore span{background: url(../images/i_bg5.png) 5% center no-repeat}
@media(max-width:1000px){
     .indexnews_list .news_three .blog_Rmore{width: 100%!important;border:none;}
     .indexnews_list .news_three .blog_Rtime{display: none;}
}
@media(max-width:768px){
     .indexnews_list .box li{width:100%!important;float: none;margin-bottom: 8px;}
     .indexnews_list .news_three .blog_Rmore{width: 100%!important;border:none;}
     .indexnews_list .news_three .blog_Rtime{display: none;}
    .indexnews_list .tabs{position: static;margin-bottom: 40px;}
    .indexnews_list .tabs a{display: inline-block;}
    .indexnews_list{margin-top:40px;}
    .indexnews_list .news_two dd{height: auto;}
    .indexnews_list .news_one .news_lone_img{height:400px;}
}
@media(max-width:480px){
    .indexnews_list .news_one .news_lone_img{height:350px;}
    .indexnews_list .news_one .blog_title{padding-right: 13%;padding-left: 16px;font-size: 18px;}
    .indexnews_list .news_two .blog_Rmore span{font-size: 15px;line-height: 25px;margin-top: 8px;}
    .indexnews_list .news_one .blog_infTop{background: url(../images/i_bg4.png) 96% center #fff no-repeat}
}

/*
 index_p2
 */
.index_p2{ position:relative;z-index:9;}
.index_p2 .m_tgdxg{max-width: 1300px;width: 100%}
.b_10_3{overflow: hidden;text-align:center;background:url(../images/index_05.png) center no-repeat;background-size:100% 100%;}
@media(max-width:768px){
    .index_p2 .m_tgdxg{height: 200px;}
}
@media(max-width:480px){
    .index_p2 .m_tgdxg{height: 150px;}
    .index_p2 #tags a{font-size: 16px;}
}

/*
gf-demand
 */
.gf-demand{background: url(../images/mes_bg.jpg);color: #fff;padding: 60px 0;overflow: hidden;}
.gf-demand .h2{font-size:32px;color: #fff;margin-bottom: 5px;}
.gf-demand .h3{color: #fff;font-size: 16px;line-height: 24px;}
.gf-demand .write{padding-bottom: 0}
.gf-demand .write input{color: #999999;background: #fff;}
.last_bottom{background: #fff;}
.last_bottom .contact{overflow: hidden;padding: 60px 0}
.last_bottom .contact .left{float:left;width:48%}
.last_bottom .contact .left h1{font-size: 24px;color: #eb2121;margin: 0;margin-bottom:5px;}
.last_bottom .contact .left h2{font-size: 26px;color: #eb2121;margin: 0;margin-bottom:20px;}
.last_bottom .contact .left p{color: #666;font-size: 15px;line-height: 26px;}
.last_bottom .contact .right{float:right;width: 48%}
.last_bottom .contact .right h1{font-size: 24px;color:#eb2121;margin: 0;margin-bottom:15px;}
.last_bottom .contact .right qq q{display: inline-block;border:1px solid #eb2121;color: #eb2121;padding: 10px;background: url(../images/icof-qq.png)no-repeat 10px center;}
.last_bottom .contact .right p{color:#666;font-size: 15px;line-height: 26px;margin-top: 13px;}
.last_bottom .contact .right .right_l{width:80%;float: left;text-align: right;}
.last_bottom .contact .right .right_l .qq a{border: 1px solid #eb2121;color: #eb2121;background: url(../images/icof-qq.png)no-repeat 15px center;width:86px;line-height: 32px;display: inline-block;text-indent:25px;text-align:center;}
.last_bottom .contact .right .right_l .qq a:first-child{margin-right:10px;}
.last_bottom .contact .right .right_r{width:16%;float: right;text-align: center;background: #fff0f0;padding: 1%;    margin-top: 1%;}
.last_bottom .contact .right .right_l .qq a:hover{background: url(../images/icof-qq1.png)no-repeat 15px center #eb2121;color: #fff; }
.last_bottom .footer{overflow: hidden;padding:35px 0;text-align: right;}
.last_bottom .footer .left{float:left;}
.last_bottom .footer .left a{color: #666}
.last_bottom .footer .left a:hover{color: #eb2121}
.last_bottom .footer .right{float:right;}
.last_bottom .footer .right a{color: #666}
@media(max-width:1400px){
   .last_bottom .contact .right .right_l{width:73%;}
   .last_bottom .contact .right .right_r{width: 22%;}
}
@media(max-width:1200px){
   .last_bottom .contact .right .right_l{width:100%;}
   .last_bottom .contact .right .right_r{display: none}
}
@media(max-width:1100px){
    .last_bottom .footer .left{float: none;text-align: center;margin-bottom:10px;}
    .last_bottom .footer .right{float: none;text-align: center;}
}
@media(max-width:768px){
    .last_bottom .contact .left{width: 100%;}
    .last_bottom .contact .right{width: 100%;text-align: left;}
    .last_bottom .contact .right .right_l{text-align: left;margin-top: 20px;}
    .last_bottom .contact .right .right_r{display: block;float: left;padding: 10px;width: auto;margin-top: 10px;}
}
@media(max-width:640px){    
    .gf-demand .h2{font-size: 26px;}
    .gf-demand .write, .gf-demand .h3{padding-bottom: 25px;font-size: 14px;}
    .last_bottom .contact .left h2{font-size: 22px;}
}
/*service_box01 */
.service_box01 dd:nth-child(2){ padding-left:0; padding-right:50%;}
.service_box01 dd figure{position:absolute;left:0;top:5%;width:52%;height:100%;background-size: contain;background-repeat: no-repeat;background-position-x: left!important;margin: 0}
.service_box01 dd{ position:relative;padding:10% 0% 6% 0;}
.service_box01 dd.odd{padding-left:58.5%}
.service_box01 dd.even{padding-right:58.5%}
.service_box01 dd.even figure{right: 0;left: auto;}
.service_box01 .ser_bg{background-size:cover!important;clear: both;overflow: hidden}
.service_box01 dd:nth-child(2) figure{ left:50%;}
.service_box01 dd:nth-child(2) div{padding:8% 0 3%;}
.service_box01 dd .text{ padding:9% 0;}
.service_box01 dd aside{color:#fff;}
.service_box01 dd:nth-child(2) aside{ border-left:0;}
.service_box01 dd h1{ margin:0;font-size:46px;color:#ea0000;}
.service_box01 dd h1 span{ display:block; opacity:0.5; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
.service_box01 dd h2{font-size: 24px;color: #333333;margin-top: 10px;}
.service_box01 dd.even h2{color:#fff;}
.service_box01 dd.even p{color:#fff;}
.service_box01 dd.even .more{border-color:rgba(255,255,255,0.2)}
.service_box01 dd.even .more a{color:rgba(255,255,255,0.6)}
.service_box01 dd p{line-height:29px; overflow:hidden;margin:3% 0 6% 0;color: #666;font-size: 16px;}
.service_box01 dd.odd:first-child{position: relative;}
.service_box01 dd .html{position: absolute;right:0%;top:10%}
.service_box01 dd .more{width:200px;border: 1px solid #dddddd;color: #666;text-align: center;border-radius:30px;font-size: 16px;line-height:43px;position: relative;}
.service_box01 dd .more::before{  content: ""; position: absolute; left: 0; bottom: 0; width: 200px; height: 60px; background: #ea0000; z-index: -1; transition: transform .5s; transform: scale3d(0,1,1); transform-origin: 100% 50%;}
.service_box01 dd .more:hover::before{ transform: scale3d(1,1,1); transform-origin: 0 50%; transition-timing-function: ease-in;}
.service_box01 dd .more a{display:block;transition: transform .5s;}
.service_box01 dd .more:hover a{color:#fff}
.service_box01 dd.even .more:hover::before{ transform: scale3d(1,1,1)!important; transform-origin: 0 50%; transition-timing-function: ease-in;}
.service_box01 .title{font-size:18px; color:#000;padding-bottom:3%;}
.service_box01 .title b{font-size:34px;  display:inline-block; padding-right:10px; line-height:26px; font-family:Tahoma, Geneva, sans-serif;}
.service_box01 .title b:after{width:100%; content:''; display:block; height:8px; margin-top:-4px; background-color:#efefef;}
.service_box01 .title span{ display:block; padding-top:10px;}
@media(max-width:1200px){
    .service_box01 dd figure{top: 1%}
    .service_box01 dd .html{display: none;}
}
@media(max-width:1000px){
.service_box01 dd h1{ font-size:34px;}
}
@media(max-width:768px){
    .service_box01 dd{ padding:0 !important;}
    .service_box01 dd figure{ position:relative; left:auto !important; top:auto; width:auto; padding-bottom:62%; height:auto;}
    .service_box01 dd:nth-child(2) aside{border-left: 5px solid #ea0000;border-right: 0;}
    .service_box01 .title{padding-top: 3%;}
    .service_box01 dd.odd figure{margin-top: 10%;}
    .service_box01 dd.even{margin-top: 10%;}
    .service_box01 dd figure.xcu{padding-bottom: 80%}
    
}
@media(max-width:480px){
    .service_box01 dd h1{font-size:26px;}
    .service_box01 dd p{line-height:26px;font-size: 14px;}  
    .service_box01 dd h2{font-size: 18px;}
    .service_box01 dd .more{width: 150px;font-size: 14px;}
}


/*nabout-box01 */
.nabout-box01{padding:70px 0 50px;overflow: hidden;}
.nabout-box01 .content1{position: relative;overflow: hidden;}
.nabout-box01 .content1 .yx{font-size: 16px;width: auto;padding: 0 20px;line-height: 30px;background: #eb2121;margin:50px 0;color: #fff;display: inline-block;}
.nabout-box01 .content1::before{ position: absolute; content: ""; width: 50%; height: 98%; background:#e4e4e4; left:8px;; bottom: 0;}
.nabout-box01 .content1 .left{position: absolute; width: 50%; height: 98.5%; background: url(../images/about_pic.jpg)no-repeat center center; left:0; background-size: cover; top: 0;}
.nabout-box01 .content1 .left .phone_pic{display:none;}
.nabout-box01 .content1 .right{float: right;width: 45%;}
.nabout-box01 .content1 .right .more a{margin: 50px 0}
.nabout-box01 .content1 .right h1{font-size:40px;color: #eb2121;padding-top: 50px;margin-bottom: 30px;}
.nabout-box01 .content1 .right p{color:#666;line-height: 24px;font-size: 15px;overflow: hidden;text-overflow: ellipsis;
display: -webkit-box;-webkit-box-orient: vertical;margin-bottom: 15px;}
.nabout-box01 .more a{display: inline-block;background:#eb2121;color:#fff;font-size: 12px;width: 130px;line-height: 25px;text-align: center;}
.nabout-box01 .more a:hover{animation: fadehover 0.35s linear;}
.nabout-box01 .content2 ul{max-width: 1340px;margin: auto;margin-top: 30px;}
.nabout-box01 .content2 ul li{width: 33.33333%;margin: auto;float: left;text-align:center;min-height: 190px;}
.nabout-box01 .content2 ul li h2{color: #000;font-size: 26px;padding-bottom:20px;background: url(../images/about_jt.png)no-repeat center bottom;}
.nabout-box01 .content2 ul li p{font-size: 14px;line-height: 24px;max-width:225px;margin: 10px auto 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.nabout-box01 .content2 ul li{background: url(../images/about_jia.png)no-repeat left center }
.nabout-box01 .content2 ul{background: url(../images/about_jia.png)no-repeat right center;overflow:hidden;}
.nabout-box01 canvas{bottom:-200px;}
    @keyframes fadehover {

        0% {
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }

        50% {
            opacity: 0;
            -webkit-transform: scale(1.5);
            -moz-transform: scale(1.5);
            -ms-transform: scale(1.5);
            -o-transform: scale(1.5);
            transform: scale(1.5);
        }

        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }
    }
@media(max-width:1300px){
   .nabout-box01 canvas{bottom:-90px;} 
}

@media(max-width:768px){
    .nabout-box01 .content1 .left{position:static;background: none;width: 100%;}
    .nabout-box01 .content1::before{width: 0;height: 0;}
    .nabout-box01 .content1 .left .phone_pic{display: block;}
    .nabout-box01 .content1 .right{width: 100%;float: none;}
    .nabout-box01 .content2 ul li{width: 100%;margin-bottom: 25px;}
    .nabout-box01 .content2 ul{background: url(../images/about_bigjia.png)no-repeat right center;}
    .nabout-box01 .content1 .right h1{font-size: 32px;padding-top: 20px;margin-bottom: 10px;}
    .nabout-box01 .content1 .yx{margin: 30px 0}
       .nabout-box01 canvas{bottom:-250px;} 
}
@media(max-width:480px){
    .nabout-box01{padding: 50px 0 40px;}
}

/*nabout-box02 */
.nabout-box02{background: #f9f9f9;padding-bottom: 125px;}
.nabout-box02 .index-title{padding:70px 0 40px}
.nabout-box02 p{background:rgba(235,33,33,0.9);padding: 40px 140px;color: #fff;font-size: 15px;line-height: 24px;text-align: center;position: relative;}
.nabout-box02 .txt{position:relative;}
.nabout-box02 .txt::before{position: absolute;width:15px;height:15px;background: url(../images/delvolop_jia.png)no-repeat;content: "";left:2%;bottom:10%;z-index: 2;}
.nabout-box02 .txt::after{position: absolute;width:15px;height:15px;background: url(../images/delvolop_jia.png)no-repeat;content: "";right:2%;bottom:10%;z-index: 2;}
.nabout-box02 p::before{position: absolute;width:15px;height:15px;background: url(../images/delvolop_jia.png)no-repeat;content: "";left:2%;top:10%}
.nabout-box02 p::after{position: absolute;width:15px;height:15px;background: url(../images/delvolop_jia.png)no-repeat;content: "";right:2%;top:10%}
.nabout-box02 .wave{height: 106px;bottom: 0;}
.nabout-box02 .wave-0{width: 267.44%;background: url(../images/service-wave-0.png) repeat-x left bottom;opacity: .3;z-index: 3;-webkit-animation: WaveL 20s linear 0s infinite normal;animation: WaveL 20s linear 0s infinite normal;right: 0;}
.nabout-box02 .wave-1{width: 223.125%;background: url(../images/service-wave-1.png) repeat-x right bottom;opacity: .2;z-index: 2;-webkit-animation: WaveL 10s linear 0s infinite normal;animation: WaveL 10s linear 0s infinite normal;right: 0;}
.nabout-box02 .wave-2{width: 435.677%;background: url(../images/service-wave-2.png) repeat-x right bottom;opacity: .1;z-index: 1;-webkit-animation: WaveL 15s linear 0s infinite normal;animation: WaveL 15s linear 0s infinite normal;right: 0;}
@media(max-width:1300px){
    .nabout-box02 p{padding: 40px 4%;} 
    .nabout-box02 .txt::before{bottom:3%}
    .nabout-box02 .txt::after{bottom:3%}
    .nabout-box02 p::before{top:3%}
    .nabout-box02 p::after{top:3%}
}

@media(max-width:480px){
    .nabout-box02 .index-title{padding:50px 0 40px;}
}
/*nabout-box02*/
.nabout-box03 { background:url(../images/nabout-box02-bg.jpg) no-repeat center center;padding:6% 0;background-size:cover;}
.nabout-box03 section{ position:relative;color:#fff;}

.nabout-box03 .txt{ width:50%; background:rgba(235,35,3,0.6); position:relative;z-index:10;padding:6% 0 3% ;    z-index: 0;}
.nabout-box03 .txt article{ padding-left:16%; padding-right:17%;}
.nabout-box03 .txt h1,
.nabout-box03 .txt h2{ margin:0; font-weight:normal;}
.nabout-box03 .txt h1{ font-size:40px;margin-bottom: 10px;}
.nabout-box03 .txt h2{ font-size:16px; color:rgba(255,255,255,0.88);}
.nabout-box03 .txt p{ margin:7% 0 10% 0; line-height:24px; max-height:144px; overflow:hidden;text-align:justify; text-justify:inter-ideograph; font-size:15px;color:rgba(255,255,255,0.6);}

.nabout-box03 .video{ position:absolute; height:120%;  top:-10%; right:7%;width:47%; border:1px solid #eb2121;z-index: 8; }
.nabout-box03 .video .files{  display:none;position:absolute; background:#000; width:100%; left:0; top:0; height:100%;z-index:1; overflow:hidden;}
.nabout-box03 .video .files video{  position: absolute;visibility: visible;margin: auto; top: 50%;left: 50%; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;}
.nabout-box03 .video .controls{ position:absolute; z-index:10; left:38%; top:38%; right:38%; bottom:38%;}
.nabout-box03 .video .controls span{ cursor:pointer;}
.nabout-box03 .video .controls .btnplay{ background:url(../images/nabout-box02-btn_play.png) no-repeat center center; display:block; height:94%; background-size:contain;}
.nabout-box03 .video .controls .btnpause{ display:none; background-color:#fff; width:40px; height:30px; border-radius:5px; color:#000; line-height:30px; text-align:center;}

.nabout-box03 .video .on_controls{left:auto; top:10px;margin-top:0;margin-left:0; right:10px;width:40px; height:30px; transition:all ease 0.5s;}
.nabout-box03 .video .on_controls .btnplay{ display:none;}
.nabout-box03 .video .on_controls .btnpause{ display:block;}
@media(max-width:1366px){
.nabout-box03 .video{right:3%;width:52%;}
.nabout-box03 .txt article{ padding:0 5%;}
}
@media(max-width:768px){
    .nabout-box03{padding:80px 0}
    .nabout-box03 .txt h1{font-size: 34px;}
    .nabout-box03 .txt{ width:auto;}
.nabout-box03 .video{ position:relative; width:auto; right:auto;  height:auto; padding-bottom:60%; top:auto;}
.nabout-box03 .video{height: 100%}
}
@media(max-width:480px){
    .nabout-box03{padding:50px 0}

}

    /*Floor001875*/
    .Floor001875{ overflow:hidden;padding-bottom:0px;background: url(../images/title_bg.png)no-repeat top center;}
    .Floor001875 .index-title{padding: 70px 0 40px;}
    .Floor001875 .title{ background:url(../images/Floor001875-title.png) no-repeat center top; padding-top:65px;  text-align:center; padding-bottom:20px;}
    .Floor001875 section{ position:relative;}
    .Floor001875 .shadow{ position:absolute; width:19.2%;top:0; height:100%; background:rgba(0,0,0,0.6); z-index:5;}
    .Floor001875 .s_left{ left:0; }
    .Floor001875 .s_right{ right:0; }
    .Floor001875 .list{ position:relative; width:150%; margin-left:-25%; z-index:1;}
    .Floor001875 .list li a{ display:block; border-right:1px solid #fff;}
    .Floor001875 .list li figure{ padding-bottom:60%;margin: 0;background-size:cover;}
    .Floor001875 .list li figure img{ display:none;}
    .Floor001875 .list li div{ background-color:#f6f6f6; padding:4%; line-height:24px;transition: all 0.5s;}
    .Floor001875 .list li h1{ font-size:18px;text-align: center;color: #000;transition: all 0.5s;}
    .Floor001875 .list li:hover div{background:#eb2121}
    .Floor001875 .list li:hover h1{color: #fff;}
    .Floor001875 .bx-controls-direction a{ position:absolute;  top:50%; width:39px; height:78px;margin-top:-39px;background:url(../images/rw-btn.png) no-repeat; overflow:hidden; line-height:1000px; z-index:10; display: block;}
    .Floor001875 .bx-controls-direction a.bx-prev{left:50%;margin-left:-39px;}
    .Floor001875 .bx-controls-direction a.bx-next{ background-position: right top;right:50%;margin-right:-39px;}
    @media(max-width:768px){
    .Floor001875 .bx-controls-direction a{transform:rotate(180deg);}
    .Floor001875 .bx-controls-direction a.bx-prev{ left:33.4%; margin-left:0; }
    .Floor001875 .bx-controls-direction a.bx-next{ right:33.4%; margin-right:0;}
    }
    @media(max-width:640px){

    }
    @media(max-width:480px){
    .Floor001875 .bx-controls-direction a{ background-size:60px 60px; width:30px; height:60px; margin-top:-30px;}
    .Floor001875 .index-title{padding:50px 0 40px;}
    .Floor001875 .list li h1{font-size: 16px;}
    .Floor001875 .list li div{padding: 2%}
        .Floor001875 .list li figure{padding-bottom: 77%;}
    }
/*Floor002068 */
.Floor002068{overflow: hidden;margin-bottom:50px;}
.Floor002068 .index-title{padding: 70px 0 40px;}
.Floor002068 .ad img{ display:block; width:100%; height: auto !important;}
.Floor002068 .title{ padding:20px 0; line-height:26px; color:#999;}
.Floor002068 .title a{ float:right; background:url(../images/Floor002068-more.png) no-repeat right center; padding-right:20px;}
.Floor002068 .title span{ background:url(../images/Floor002068-title_icon.png) no-repeat left center; padding-left:30px; font-size:24px; color:#000; margin-right:10px;}

.Floor002068 .list_img{ position:relative; padding-bottom:45.6%; border:1px solid #eaeaea; background-color:#f7f7f7; margin-bottom:2%;}

.Floor002068 .big_img{ position:absolute; left:0; top:0; height:100%;width:80%;}
.Floor002068 .big_img ul,
.Floor002068 .big_img li{ position:relative; height:100%;}
.Floor002068 .list_img li .Ispic img{ display:none;}
.Floor002068 .list_img li .videoed{position: absolute;left: 0;top: 0;right: 0;bottom: 0; margin: auto;}
.Floor002068 .big_img li .Ispic{ height:100%;display:block;background-size: cover;background-repeat: no-repeat;}
.Floor002068 .list_img li p{ position:absolute; left:0; bottom:0; width:100%;  background:rgba(0,0,0,0.6); color:#fff; margin:0;}

.Floor002068 .big_img li p{ font-size:16px;padding:3%;display: none;}
.Floor002068 .big_img li p span{ display:none;}
.Floor002068 .big_img li p em,
.Floor002068 .big_img li p em i{ font-style:normal;}
.Floor002068 .big_img li p em i{ margin-right:5%;}

.Floor002068 .list{ position:absolute; width:19.5%;right:0%; top:0; height:100%;}
.Floor002068 .list .bd li{ height:130px; background-color:#f7f7f7;  margin:1px 0; position:relative;}
.Floor002068 .list .bd li.on{ background-color:#eb2121;}
.Floor002068 .list .bd li .Ispic{ position:absolute; left:2px; top:2px; right:2px; bottom:2px;border:2px solid #fff;    background-size: cover;}
.Floor002068 .list .bd li p em{ display:none;}
.Floor002068 .list .bd li p{line-height:28px; padding:0 3%;line-height: 40px;font-size: 16px;text-align: center;}
.Floor002068 .list .prev,
.Floor002068 .list .next{ display:block; cursor:pointer;height:30px; background: url(../images/Floor002068-icon_prev.png) no-repeat center center #d0d0d0;}
.Floor002068 .list .next{background-image:url(../images/Floor002068-icon_next.png); margin-top:6px;}
.Floor002068 .list .prev{margin-bottom:6px;}
.Floor002068 .list .prev:hover,
.Floor002068 .list .next:hover{ background-color:#eb2121;}
.Floor002068 .list .prevStop,
.Floor002068 .list .nextStop{ background-color:#d0d0d0 !important; cursor:default;}

@media(max-width:640px){
.Floor002068 .title span{ display:block;}
.Floor002068 .big_img li p{ font-size:14px; padding-right:65px;}
.Floor002068 .online{ bottom:10%; width:60px; height:60px; font-size:12px;}
.Floor002068 .online a{ padding-top:30px; background-size:auto 15px;}
}
@media(max-width:480px){
.Floor002068 .list .prev,
.Floor002068 .list .next{ height:20px; background-size:auto 50%;}
.Floor002068 .list .bd li p{ line-height:20px; font-size:12px;}
.Floor002068 .index-title{padding:50px 0 40px;}
}
@media(max-width:375px){
.Floor002068 .list .bd li p{ display:none;}
}



/*
style样式覆盖
 */
@media  screen and (max-width:1366px){
    .ny-title h2 img, .ny-title h3 img{max-width: 40%}
       .index-title span{font-size:36px;} 
}
@media  screen and (max-width:1250px){
.index-title span{font-size:32px;} 
}

@media  screen and (max-width:1150px){
   .ser-step ul li, .ser-step ul li.on{width: 19%;height: auto;margin: 20px 2.5% 0;padding:40px 0;}
    .ser-step ul li:before{display:none;}
    .ser-step{margin-top:20px;}
    
}
@media  screen and (max-width:950px){
   .ser-step ul li, .ser-step ul li.on{padding:30px 0;}
}
@media  screen and (max-width:768px){
   .index-ser ul li{margin-top: 40px;}
   .ser-step ul li, .ser-step ul li.on{padding:20px 0;}
    .index-title span{font-size: 30px;}
}
@media  screen and (max-width: 640px){
    .section01, .section02, .section03, .section04{padding-top: 50px;}
    .index-title{font-size: 14px;}
    .index-title span{font-size: 28px;}
   
}
@media  screen and (max-width: 480px){
    .index-kehu ul li{width: 50%}
    
}
.nycontain .layout{max-width: 1600px;margin: auto;padding-left:2%;padding-right:2%;}


/*案例详情弹窗*/
.pf_mb_1{ width:100%; height:100%; background:#131313; position:fixed; left:0; top:0; z-index:9999;}
.tc_1630{ width:1630px; height:80%; position:fixed; left:50%; top:10%; margin-left:-815px; z-index:10001;}
.tc_1630 .btn{ width:60px; height:60px; position:fixed; right:30px; top:38px; z-index:10002;}
.tc_1630 .tc_1630_1090{ width:67.79%; float:left; height:100%; overflow:hidden; position:relative;}
.tc_1630 .tc_1630_1090 .zbox{ width:100%; height:100%; position:relative; overflow:hidden;}
.tc_1630 .tc_1630_1090 .zbox .img{ width:100%; float:left; font-size: 14px; color: white; line-height: 24px;}
/*.tc_1630 .tc_1630_1090 .zbox img{ width:100%; float:left;}*/
.tc_1630 .tc_1630_480{ width:29.45%; float:right; height:100%; position:relative;}
.tc_1630 .tc_1630_480 .title{ width:100%; float:left;position:relative; margin-top:18px;}
.tc_1630 .tc_1630_480 .title .link{ display:block; width:30px; height:30px; position:absolute; right:0; top:34px; border:solid 1px #5a5a5a; background:url(../images/tc_ico_7.png) no-repeat center center;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
background-size:100% 100%;
}

.tc_1630 .tc_1630_480 .title .home_link{ display:block; width:30px; height:30px; position:absolute; right:0; top:-4px; border:solid 1px #5a5a5a; background:url(../images/home_link.png) no-repeat center center;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
background-size:100% 100%;
}

.tc_1630 .tc_1630_480 .title .link:hover{ border:solid 1px white; background-image:url(../images/tc_ico_7_h.png);}
.tc_1630 .tc_1630_480 .title .home_link:hover{ border:solid 1px white; background-image:url(../images/home_link_h.png);}
.tc_1630 .tc_1630_480 .title h3{ width:100%; float:left; font-size:24px; color:white; line-height:30px;}
.tc_1630 .tc_1630_480 .title h4{ width:100%; float:left; font-size:18px; color:white; line-height:22px; margin-top:12px; font-family:Arial; text-transform:uppercase; opacity:0.3;}
.tc_1630 .tc_1630_480 .dl{ width:100%; float:left; margin-top:2px;}
.tc_1630 .tc_1630_480 .dl .dt{ width:100%; float:left; padding-left:28px; position:relative; font-size:18px; color:white; line-height:26px; margin-top:41px;}
.tc_1630 .tc_1630_480 .dl .dt span{ width:20px; height:26px; position:absolute; left:0; top:0;}
.tc_1630 .tc_1630_480 .dl .dt span img{ width:100%; float:left;}
.tc_1630 .tc_1630_480 .dl .p{ width:100%; float:left;font-size:14px; color:white; line-height:24px; margin-top:9px;max-height: 360px;overflow-y: auto;}
.tc_1630 .tc_1630_480 .dl .p::-webkit-scrollbar-track-piece { background-color:#2b2b2b;}
.tc_1630 .tc_1630_480 .dl .p::-webkit-scrollbar {width:6px;border-radius: 10px;}
.tc_1630 .tc_1630_480 .dl .p::-webkit-scrollbar-thumb {background-color:#919191;background-clip:padding-box;min-height:20px;border-radius: 10px;}
.tc_1630 .tc_1630_480 .dl .tab{width:100%; float:left;}
.tc_1630 .tc_1630_480 .dl .tab span{ display:block; margin-top:15px; float:left; margin-right:10px; padding:0 24px; height:30px; line-height:28px; border:solid 1px #5a5a5a; font-size:14px; color:white; opacity:0.6;
-moz-border-radius:15px; 
-webkit-border-radius:15px; 
-khtml-border-radius:15px;
border-radius:15px;}
.tc_1630 .tc_1630_480 .tc_1630_480_b{ width:100%; position:absolute; left:0; bottom:0;background: #131313;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico{ width:100%; float:left;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a{ display:block; float:left; font-size:14px; color:white; line-height:22px; margin-right:19px; cursor:pointer;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a span{ opacity:0.6;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a svg{ width:25px; height:22px; float:left; margin-right:6px; display:block;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a svg img{ width:100%; float:left;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a.a3 svg{ background:url(../images/tc_ico_9_1.png) no-repeat center center;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a.a1 svg{ background:url(../images/tc_ico_9_2.png) no-repeat center center;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a.a1.on svg{ background-image:url(../images/tc_ico_9_2_h.png);}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico .bshare-custom{ float:left;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico .bshare-custom a{ display:block; width:25px; height:22px; background:url(../images/tc_ico_9_3.png) no-repeat center center;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico .bshare-custom span{ color:white; opacity:0.6; font-size:14px !important;line-height:22px !important; background:none; float:left !important; width:auto !important; font-weight:normal;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .p{ width:100%; float:left; margin-top:12px; font-size:14px; color:white; line-height:24px;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .p a{ color:white; display:inline-block; *zoom:1; *display:inline;}
.hidden-lg {display: none !important;}
@media screen and (max-height:786px) {
.tc_1630{ height:90%; top:5%;}
.tc_1630 .tc_1630_480 .dl .dt{ margin-top:21px;}
.tc_1630 .tc_1630_480 .dl{ position:relative; height:60%;}
.tc_1630 .tc_1630_480 .dl::-webkit-scrollbar-track-piece { background-color:#2b2b2b;}
.tc_1630 .tc_1630_480 .dl::-webkit-scrollbar {width:6px;border-radius: 10px;}
.tc_1630 .tc_1630_480 .dl::-webkit-scrollbar-thumb {background-color:#919191;background-clip:padding-box;min-height:20px;border-radius: 10px;}
}

@media screen and (max-width:1630px) {
.tc_1630{ width:80%;left:10%; margin-left:0;}
}
@media screen and (max-width:1199px) {
.tc_1630{ width:96%; left:2%;}
.tc_1630 .btn{ width:40px; height:40px; right:10px; top:10px;}
.tc_1630 .tc_1630_480 .title{ padding-right:0px; margin-top:8px;}


.tc_1630 .tc_1630_480 .dl .tab{ margin-top:8px;}
.tc_1630 .tc_1630_480 .dl .tab span{ margin-right:5px; padding:0 14px; height:26px;}

.tc_1630 .tc_1630_480 .tc_1630_480_b .ico a svg{ width:22px; height:20px; margin-right:4px; background-size:contain !important;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .ico .bshare-custom a{ width:22px; height:20px; background-size:contain !important;}
.tc_1630 .tc_1630_480 .tc_1630_480_b .p{ margin-top:6px; }}


@media screen and (max-width:991px) {
.tc_1630 .tc_1630_480 .dl .p{max-height: -webkit-fill-available;}
.tc_1630_1090{display: none;}
.hidden-lg {display:block!important;}
.tc_1630{ overflow-y:auto;overflow-x: hidden;}
.tc_1630 .tc_1630_480{ width:100%;}
.tc_1630 .tc_1630_480 .tc_1630_480_b{ position:relative; float:left; left:auto; bottom:auto; margin-top:20px;}
.tc_1630 .tc_1630_480 .img{ width:100%; float:left; margin-top:20px;}
.tc_1630 .tc_1630_480 .title{padding-right:0;}
}
@media screen and (max-width:767px) {
.tc_1630 .btn{ width:20px; height:20px; right:20px; top:30px;}
}

@font-face{
     font-family: 'dincond-medium-webfont'; 
     src: url('../fonts/dincond-medium-webfont.eot');
     src:url('../fonts/dincond-medium-webfont.woff') format('woff'),
         url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
         url('../fonts/dincond-medium-webfont.svg') format('svg');
}
/*contact-box */
.row>.span-4{width: 32%;margin-right: 2%;float: left;}
.row>.span-4:nth-child(3){margin-right:0%;}
.form .btm_box{overflow:hidden}
.form{margin:4% auto;overflow: hidden;}
.form #contForm{padding: 4%;    background: #f7f7f7;}
.form h1{background: #d60000;color: #fff;font-size:18px;line-height: 40px;text-indent: 20px;}
.form input{border:1px solid #ffffff; font-size:14px;background: #fff;}
.name{ background: transparent url("../images/i_form_ico1.png") no-repeat right 0;}
.phone{background: transparent url("../images/i_form_ico2.png") no-repeat right 0;}
.email{background: transparent url("../images/i_form_ico3.png") no-repeat right 0;}
.line1{width:100%; height: 48px; line-height: 48px; padding: 0 46px 0 13px; float: left;}
.form textarea{width:100%; border:1px solid #ffffff; padding: 10px 40px 10px 13px; height: 149px; font-size: 14px; line-height: 1.5; margin-bottom: 20px; margin-top:25px; background: transparent url("../images/i_form_ico4.png") no-repeat right top;background: #fff;}
.form .btns_list{text-align:center;}
.form .btns_list button{width:49%; height:45px; line-height:37px; border:none; font-size:16px; color:#fff; cursor:pointer;}
.form .btns_list .mes{background-color: #848484; border-radius:0; float:left;}
.form .btns_list .mes:hover{background:#eb2121}
.form .btns_list .reset{background-color:#848484; border-radius:0; float:right;}
.form .btns_list .reset:hover{background:#eb2121;}
.form_cb .span-4{position:relative;}
.form_cb .span-4 span{position:absolute; right:45px; top:15px;}
.yzm_box{width:50%;}
.btns_list{width:50%;}
.yzm_box .yzm{line-height:46px; height:46px; width:30%; background:transparent; text-indent:20px; margin-right:25px;}
.yzm_box img{width:120px; height:50px; margin-right:10px;}
.yzm_box .change{color:#40535a; font-size:12px; cursor:pointer; vertical-align:bottom;}

.form .btns_list{width: 100%;}
.form .btns_list{text-align: center;}


@media only screen and (max-width: 760px){
    .row>.span-4{width: 100%;margin-bottom: 2%;}
    .form textarea{margin-top: 0}
    .contact_us .n_title_p{margin-top: 0;line-height: 24px;}
    .form #contForm{padding-bottom:40px;}
   

}
@media only screen and (max-width: 600px){
    .contact_us .pt1 .slide_box{width:90%!important;}
    

}   
.contact-box{margin:4% 0 0%;}
.contact-box .auto{padding-bottom:0%}
.contact-box .content{padding: 4%;padding-bottom: 1%;background: #f7f7f7;}
.contact-box .content .tel{line-height:36px;margin-bottom:10px;}
.contact-box .content .tel b{font-size:40px;color:#eb2121;display: block;height: 60px;font-family: "dincond-medium-webfont";}
.contact-box h1{background: #d60000;color: #fff;font-size:18px;line-height: 40px;text-indent: 20px;}
.contact-box .list{border: 1px solid #eaeaea;margin-bottom:3%;overflow: hidden;}
.contact-box .list li{ display:block; float:left;width: calc((100% - 5px) /4);text-align: center; padding:2% 0;position: relative;}
.contact-box .list li::before{content: "";position: absolute;top:0;width: 1px;background:#eaeaea;height: 500px;}
.contact-box .list li:nth-child(4){border: none}
.contact-box .list img{position: relative;z-index: 5}
.contact-box .list figure{margin: 0;margin-top:20px;padding: 0 10px;}
.contact-box .list h2{ font-weight:normal; color:#000; font-size:16px; margin:0;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
.contact-box .list p{ margin:5px 0 0; color:#7d7d7d;overflow:  hidden}
.circle_1-4{width:56px;height:56px;background-color: #b4916d;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; opacity: 0.5;position: absolute;left: 50%;top:30%;margin-left: -28px; margin-top: -28px;z-index: 1;animation: circle1-4 2s ease-out infinite;background: #ccc;}

@keyframes circle1-4{
   0% {opacity:0.8;transform: scale(1,1);}
100%{opacity: 0;transform: scale(1.4,1.4);} 
}
.contact-box .weChat_con{background: #f7f7f7;padding-bottom: 5%;}
.contact-box .weChat{overflow: hidden;text-align: center;padding:0 4%;padding-top: 0;border-bottom: 2px solid #333;height: 180px;position:relative;margin: auto;max-width:465px;}
.contact-box .weChat::before{width:100px;height: 115px;border-left: 2px solid #333;border-top: 2px solid #333;content: "";display: block;position: absolute;top: 63px;left: 0px;}
.contact-box .weChat::after{width:100px;height: 115px;border-right: 2px solid #333;border-top: 2px solid #333;content: "";display: block;position: absolute;top: 63px;right:0px;}
.contact-box .weChat ul li{display: inline-block;max-width: 110px;margin:10px;position: relative;z-index: 2;}
.contact-box .weChat ul li img{box-shadow: 0px 0px 10px #aaa;}

@media(max-width:1200px){
    .contact-box .list li{width: calc((100% - 3px) / 2);border-bottom:1px solid #eaeaea;height: 155px;}
    .contact-box .list li:nth-child(3){border:none;}
    .contact-box .list img{margin-top: 12px;}
    .contact-box .top1 li:nth-child(2) img{}
}
@media(max-width:760px){
    .contact-box .weChat_con{padding-bottom:40px;}
}
@media(max-width:480px){
    .contact-box .list li{width: calc((100% - 2px) / 1);border-bottom:1px solid #eaeaea;}
    .contact-box .list li:nth-child(3){border-bottom:1px solid #eaeaea;}
    .contact-box .weChat{max-width: 300px;}
}   

/*news_detail*/
.news_detail{padding-bottom: 6%;overflow: hidden}
.news_detail .news_detail_l{width:65%;float: left;overflow: hidden;color: #333;background: #fff;padding-left: 30px;padding-right: 30px;padding-bottom: 60px;}
.news_detail .news_detail_l .new_show_l_top {margin-top: 30px;padding-bottom: 23px;overflow: hidden;border-bottom: 1px solid #e1e1e1;}
.news_detail .news_detail_l h1{font-size: 24px;line-height: 38px;overflow: hidden;color: #000;font-weight: normal;}
.news_detail .news_detail_l .new_show_l_top p{height: 40px;line-height: 40px;overflow: hidden;font-size: 16px;}
.news_detail .news_detail_l .new_show_l_text{padding-top: 35px;line-height: 30px;font-size: 16px;}
.news_detail .news_detail_l .new_show_l_text img{text-align:center;}
.news_detail .news_detail_r{width: 32%;overflow: hidden;float: right;background: #fff;}
.news_detail .news_detail_r .new_show_right_top{    font-size: 24px;color: #000;margin-top: 30px;margin-bottom: 10px;font-weight: normal;height: 38px;line-height: 38px;font-family: "华文细黑";padding-left: 30px;padding-right: 30px;}
.news_detail .news_detail_r .ul li{display: block;border-bottom: 1px dashed #cccccc;padding-bottom: 20px;margin-bottom: 20px;overflow: hidden;margin-left: 30px;margin-right: 30px;}
.news_detail .news_detail_r .ul li h1{font-weight: normal;font-size: 18px;color: #000000;height: 38px;line-height: 38px;overflow: hidden;}
.news_detail .news_detail_r .ul li a{color: #000}
.news_detail .news_detail_r .ul li a:hover{color:#eb2121}
.news_detail .news_detail_r .ul li p{color: #666666;font-size: 14px;height: 36px;line-height: 36px;overflow: hidden;}
.news_detail .prenext{margin-top: 5%;}
.news_detail .news_detail_l .prenext a{color: #333333;display: inline-block;height: 50px;line-height: 50px;width: 172px;overflow: hidden;font-size: 18px;background: #e8e8e8;text-align: center;}
.news_detail .news_detail_l .prenext a.nodata{background: #e8e8e8;color: #333333;float: right;}

.prenext a label.b{padding-left: 12%;}
.prenext a label{font-family: "宋体";font-size: 22px;}
.news_detail .news_detail_l .prenext a:hover{background:#eb2121;color: #fff;}
.news_detail .news_detail_l .prenext a.nodata:hover{background:#eb2121;color: #fff;}

@media(max-width:768px){
    .news_detail .news_detail_l{width:100%;float: none;margin-bottom:3%}
    .news_detail .news_detail_r{width:100%;float: none;}
    .news_detail .news_detail_l{padding:  0 2%}
}
@media(max-width:640px){
    .news_detail{padding-top:3%}
    .news_detail .news_detail_l .new_show_l_text{font-size: 15px;line-height: 28px;}
    .news_detail .news_detail_l .new_show_l_top p{overflow:inherit;line-height: 30px;height: auto;}
    .news_detail .news_detail_l .new_show_l_top{padding-bottom: 15px;}
    
}