*{margin:0;padding:0;font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;}
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;padding:0;font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;}
html,body{height:100%;min-width:1200px;font-size: 16px;background: #f1f1f1 !important;}
a{text-decoration:none} 
a:hover{text-decoration:underline}
img{border:0} 
ul,li{list-style:none;}
::-webkit-input-placeholder{color:#c3c3c3;}
:-moz-placeholder{color:#c3c3c3;}
::-moz-placeholder{color:#c3c3c3;}
:-ms-input-placeholder{color:#c3c3c3;}
button,input,select,textarea{outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}

/* slide */
.camera_next{right: 15% !important;}
.camera_prev { left:15% !important; }
.camera_wrap .camera_pag{bottom: 2% !important;}

/* content */
.zs-header{width: 100%; height: auto; margin: auto; position: relative; top: 0;box-shadow: 0 0 5px #dedede;}
.zs-headertop { width: 100%; height: 50px; background: #424242; }
.infobox{width: 80%; overflow: hidden; height: 100%; margin: auto; min-width: 1170px; padding-left: 15px; padding-right: 15px;}
.zs-city { margin-left: 30px; height: 100%; float: left; overflow: hidden; font-size: 14px; line-height: 50px; color: #ffffff; }
.zs-phone { height: 100%; overflow: hidden; float: right; line-height: 50px; margin-right: 30px; }
.zs-phone p { font-size: 14px; color: #ffffff; float: left; height: 50px; line-height: 50px; }
.Keywordbox{float: left; margin-right: 40px;}
.Keywordbox input{color: #ffffff; font-size: 14px;height: 30px; line-height: 30px; border-radius: 50px; width: 150px; text-align: left; border: none; padding-left: 30px; background: #676767;}
.sercebtn{display: block; position: absolute; top: 0; width: 50px; height: 50px; cursor: pointer; border: none; background: url(../images-pc/serce.png) no-repeat center; margin-left: 135px;}
.zs-logo a img{float: left;}
.dpl-border{ width: 1px; height: 50px; border-right: 1px solid #d2d2d2; margin: 20px 12px;display:block;float: left;}
.compenbox{float: left; height: 68px; line-height: 22px; color: #0288e1; font-size: 22px; font-weight: bold; padding-top: 22px;}
.compenbox2{display: inline-block; font-size: 16px; font-weight: normal; color: #fd4501;}





.fa-phone { font-size: 18px !important; color: white; margin-left: 10px; text-align: center; margin-right: 8px; }
.zs-phone span { font-size: 18px; font-weight: bold; color: #eee; display: inline-block; }
.zs-navbox{width: 100%; margin: auto; background: #ffffff; height: 90px; overflow: hidden;}
.zs-nav{width: 80%; min-width: 1170px; margin: auto; height: 100%; overflow: hidden; padding-left: 15px; padding-right: 15px;}
.zs-logo{height: 100%; line-height: 80px; float: left;}
.zs-logo a{display: block;width: 100%;height: 100%;padding-left: 30px;}
.zs-menubox{height: 100%; overflow: hidden; float: right;}
.zs-menubox ul li{height: 90px; line-height: 90px; overflow: hidden; float: left; cursor: pointer;}
.zs-menubox ul li:nth-child(8){margin-right: 13px;}
.zs-menubox ul li a{color: #424242; font-size: 16px; display: block; height: 100%; padding: 0 15px;}
.zs-menubox ul li a:hover{text-decoration: none;color: #424242; font-size: 16px;}
.zs-menubox ul li a em{font-style: normal;font-style: normal; font-size: 14px; color: #424242;}
.zs-navtop{position: absolute; height: auto; top: 32px; padding-left: 35px; font-size: 12px; color: #ec0b0b; display: inline-block;}
.zs-nav3{position: absolute; z-index: 99999;height: 0px;overflow: hidden;transition:height .7s; -moz-transition:height .7s;-webkit-transition:height .7s;}
.zs-nav3 li{float: none !important; padding: 0 !important; height: auto !important; line-height: normal !important; }
.zs-nav3 li a{display: block !important; font-size: 14px !important; padding: 15px 10px !important; border-bottom: 1px solid #e2e2e2; background: #ffffff; text-align: center;}
.zs-nav3 li a:hover{background: #ec0b0b !important;color: #ffffff !important;}
.zs-nav3 li:last-child a{border-bottom: none !important;}
.zs-menubox li:nth-child(2):hover .zs-nav3{height: 310px !important;}
.zs-menubox li:nth-child(3):hover .zs-nav3{height: 110px !important;}
.zs-menubox li:nth-child(7):hover .zs-nav3{height: 260px !important;}
.zs-menubox li:nth-child(8):hover .zs-nav3{height: 360px !important;}
.zs-nav3 li a:hover::before, .zs-nav3 li a:hover::after, .zs-nav3 li a:focus::before, .zs-nav3 li a:focus::after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); }
.zs-nav3 li a:before, .zs-nav3 li a:after { display: inline-block; opacity: 0; transition: transform 0.3s, opacity 0.2s; -moz-transition: transform 0.3s, opacity 0.2s; -webkit-transition: transform 0.3s, opacity 0.2s; -ms-transition: transform 0.3s, opacity 0.2s; }
.zs-nav3 li a:before { content: "["; margin-right: 10px; transform: translateX(20px); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); }
.zs-nav3 li a:after { content: "]"; margin-left: 10px; transform: translateX(-20px); -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); }
.zs-navonline{position: relative; bottom: 25px; display: block; width: 0px; height: 2px; background: #fd4501; transition: all .3s ease-in-out 0s; overflow: hidden;}
.zs-menubox li:hover .zs-navonline{width: 100%;}
.zs-slider{width: 100%;}
#fp-nav.dot-black ul li a span{background: rgb(241 241 241 / 80%);}
#fp-nav ul li a.active {border: 1px solid #319aab;}
.fa-phone{animation:zsphone 1.5s infinite;}
@keyframes zsphone { 0%{ transform: scale(1); } 25%{ transform: scale(1.2); } 50%{ transform: scale(1); } 75%{ transform: scale(1.2); } }
.form-bgbox{width: 100%;height: 100%;overflow: hidden;}  
.form-bgbox img{width: 100%;height: 100%;}
.zs-offer{width: 80%; overflow: hidden; height: 100%; margin: auto; min-width: 1170px; padding-left: 15px; padding-right: 15px; border: 0px solid #ffffff; position: absolute; top: 0; right: 0; left: 0;}
.zs-offertit{width: 100%; margin: auto; text-align: center;color: #ffffff;margin-top: 4vw;}
.zs-offertit p:first-child{font-size: 3vw; font-weight: bold; padding: 1.5vw 0vw; letter-spacing: 2px;}
.zs-offertit p:last-child{font-size: 1.4vw;padding-bottom: 1vw;}
.zs-solid2{display: inline-block; border-bottom: 2px solid #ffffff; width: 10vw; margin-bottom: 0.5vw; margin-top: 0.5vw;}
.zs-fristys{width: 1170px; margin: auto; height: 182px; margin-top: 3vw;}
.zs-fristys ul li{float: left; box-shadow: 0 0 10px #292929;color: #ffffff; width: 180px; height: 180px; text-align: center; background: #448acaa6; border-radius: 100%; margin-left: 67px;}
.zs-fristys ul li:first-child{margin-left: 0;}
.zs-fristys ul li p{margin-top: 50px; font-size: 18px; font-weight: bold; letter-spacing: 1px;}
.zs-fristys ul li span{font-size: 14px; display: inline-block; margin-top: 20px;}

/* floatleft */
.floatleft{position: fixed; top: 50%; right: 20px; width: 81px; height: auto; margin: -183px 0 0 -249px; z-index: 99999;}
.floatleft ul li{width: 65px; height: 80px;transition:all .7s; background: #5b8fc7; margin-bottom: 5px; border-radius: 5px; cursor: pointer; border: 1px solid #319aab;}
.floatleft ul li a{display: block; width: 100%; height: 100%;}
.floatleft ul li a span{position: absolute; z-index: 999; display: block; margin-top: -20px; margin-left: 8px; font-size: 12px; color: #ffffff;}
.floatleft ul li:hover{background: #42709985;}
.floatleft ul li:nth-child(3) a p{opacity: 0;position: absolute; color: #ffffff; background: #5b8fc7; z-index: 999; width: 129px; right: 102px; margin-top: -130px; padding: 10px 10px; border-radius: 5px;transition:all .7s;}
.floatleft ul li:nth-child(3) a::after{opacity: 0;content: ''; position: absolute; width: 1px; height: 1px; border: 8px solid #ffffff00; border-left-color: #5b8fc7; right: 85px; z-index: 999; margin-left: 0px;top: 120px;transition:all .7s;}
.floatleft ul li:nth-child(3):hover a p{opacity: 1;}
.floatleft ul li:nth-child(3):hover a::after{opacity: 1;}

.dpl-content{width: 1170px;min-width: 1170px; margin: auto;padding-left: 15px;padding-right: 15px;overflow: hidden;}
.dpl-tit{width: 100%; text-align: center; margin: 50px 0;}
.dpl-tit p:first-child{font-size: 36px; height: 40px; line-height: 40px; font-weight: normal; color: #424242;}
.dpl-tit p:last-child{font-size: 14px; color: #999; margin-top: 5px;}
.dpl-brandbox{width: 100%; margin: auto; overflow: hidden;margin-bottom: 50px;}
.ppbox a{display: inline-block;width: 270px; height: 150px; border: 1px solid #e7e7e7; border-radius: 2px; overflow: hidden; float: left; margin: 10px;}
.ppbox a:hover{text-decoration: none;}


/* case */
.casedom{width: 100%;background: #f1f1f1 url(../images-pc/case_bg.png) no-repeat 90px 120px;}
.case-menu,.case-menu2{ text-align: center; height: 25px; line-height: 25px; overflow: hidden; }
.tit2{margin-bottom: 30px;}
.case-menu li { display: inline-block; font-size: 16px; }
.case-menu li:after { display: inline-block; margin: 0 15px; width: 17px; height: 17px; content: ""; background: url(../images-pc/case_menu_line.png) no-repeat; }
.case-menu li a:hover { color: #ed6d01;text-decoration: none;}
.case-menu li a { color: #666; }
.case-menu li:last-child:after { display: none; }

.case-menu2 a { display: inline-block; font-size: 16px; }
.case-menu2 a:after { display: inline-block; margin: 0 15px; width: 17px; height: 17px; content: ""; background: url(../images-pc/case_menu_line.png) no-repeat; }
.case-menu2 a:hover { color: #ed6d01;text-decoration: none;}
.case-menu2 a { color: #666; }
.case-menu2 :last-child:after { display: none; }
.case-main { width: 100%; height: auto; overflow: hidden; margin: 30px 0; }
.case-main ul li{width: 268px; height: 268px; float: left; margin-right: 30px; overflow: hidden; margin-bottom: 30px; border: 1px solid #e7e7e7; border-radius: 10px;}
.case-main ul li:nth-child(4),.case-main ul li:nth-child(8){margin-right: 0;}
.case-main ul li a{display: inline-block;width: 100%;height: 100%;}
.case-main ul li a img{width: 268px; height: 268px;transition:all .5s;}
.case-main ul li a p{width: 268px; position: absolute; z-index: 99; margin-top: -50px; color: #ffffff; text-align: center; background: #282828b8; font-size: 18px; height: 45px; line-height: 45px; border-radius: 0px 0px 10px 10px;}
.case-main ul li:hover img{transform: scale(1.2);}

.dpl-btnbox{width: 100%; text-align: center; margin: auto; overflow: hidden; margin-bottom: 50px;}
.dpl-btnbox a:first-child{margin-right: 170px;}
.dpl-btnbox a{display: inline-block;transition:all .5s; color: #ffffff; width: 270px; height: 50px; line-height: 50px; background: #5b8fc7; font-size: 20px; border-radius: 10px; border-bottom: 5px solid #29517c;}
.dpl-btnbox a:hover{text-decoration: none;background: #5b8fc7ab;transform: scale(.97);}
.dpl-btnbox a:active{border-bottom: none;}


/* contentss */
.dpl-contboxss{width: 100%;margin: auto;overflow: hidden;background: #ffffff;}
.cbrand{width: 100%;margin: auto;padding: 30px 0 15px;overflow: hidden;background:url(../images-pc/hzbg.jpg) no-repeat;background-size: 100% 100%;background-attachment: fixed;}
.contentboxss{width: 100%;height: 634px;background: url(../images-pc/dplbg1.jpg) no-repeat;background-size: 100% 100%;}

.cont-left{width: 50%; float: left;}
.cont-left ul li:first-child{margin-top: 80px;}
.cont-left ul li{width: 65%; margin-top: 20px; border: 1px solid #ffffff; padding: 8px 8px 3px; border-radius: 10px;}
.cont-left ul li img{width: 380px;height: 238px;}


.cont-right{width: 50%; float: right;}
.cont-right ul li:first-child{margin-top: 110px;}
.cont-right ul li{color: #ffffff; font-size: 16px; text-align: left; padding-left: 210px;line-height: 30px;margin-bottom: 60px;}
.cont-right ul li p{font-size: 24px; color: #ffffff;}
.cont-right ul li i{display: inline-block; border-top: 1px solid #ffffff; width: 100%;}
.cont-right ul li span{font-size: 15px; color: #ffffff;}


.case-main2{width: 100%; height: auto; overflow: hidden; margin: 30px 0;}
.case-main2 ul li{width: 270px; height: 245px; float: left; margin-right: 30px; overflow: hidden; margin-bottom: 30px; border-radius: 10px;}
.case-main2 ul li:nth-child(1),.case-main2 ul li:nth-child(2){width: 569px; height: 416px; border: 0px;}
.case-main2 ul li:nth-child(1) a img,.case-main2 ul li:nth-child(2) a img{width: 569px; height: 416px;}
.case-main2 ul li:nth-child(1) a p,.case-main2 ul li:nth-child(2) a p{width: 569px; height: 60px; line-height: 60px; margin-top: -65px; font-size: 22px;}
.case-main2 ul li:nth-child(2){margin-right: 0;}
.case-main2 ul li a{display: inline-block;width: 100%;height: 100%;}
.case-main2 ul li a img{width: 270px; height: 245px; transition: all .5s;}
.case-main2 ul li a p { width: 270px; position: absolute; z-index: 99; margin-top: -55px; color: #ffffff; text-align: center; background: #282828b8; font-size: 18px; height: 50px; line-height: 50px; border-radius: 0px 0px 10px 10px; }
.case-main2 ul li:hover img{transform: scale(1.2);}
.case-main2 ul li:last-child{margin-right: 0;}

.dpl-tit i{display: inline-block; border-top: 3px solid #fd4501; width: 35px; position: absolute; margin-top: -60px; margin-left: -20px;}

/* about */
.dpl-about{width: 100%;height: auto;margin: auto;overflow: hidden;background: #ffffff;padding-top: 70px;padding-bottom: 70px;}
.aboutbox{width: 100%;height: 537px;overflow: hidden; background: url(../images-pc/about.png) no-repeat;background-size: 100% 100%;}
.abouttit{width: 1170px; margin: auto; position: absolute; z-index: 999999; margin-top: 15px;}
.mg85{margin-top: 85px;}
.aboutleft{width: 50%;float: left;height: 100%;}
.aboutright{width: 50%; float: right; text-align: center;height: 100%;}

.aboutleft p:nth-child(1){margin-top: 178px; padding: 0 30px; font-size: 24px; height: 49px; line-height: 47px; color: #333; text-align: left;}
.aboutleft p:nth-child(3){padding: 0 30px; line-height: 28px; font-size: 14px; color: #333;}
.aboutleft p:nth-child(3) a{font-size: 14px; color: #666; font-weight: bold;}
.aboutleft i{display: inline-block; width: 525px; border-bottom: 2px solid #e5e5e5; margin-left: 30px; position: relative; top: -7px;}

.aboutright img{width: 492px; height: 313px;transition: all .7s;}
.aboutright a{display: inline-block; width: 492px; height: 313px; margin-top: 185px; box-shadow: 0 0 15px #6b6b6b; overflow: hidden;}
.aboutbox:hover img{margin-right: 0;transform: scale(1.1);}

/* news */
em{font-style: normal;}
.dpl-news{width: 100%;height: auto;overflow: hidden;padding: 50px 0 50px;background: #f9f9f9;}
.mt-tabpage-count { position: relative; width: 1170px; height: 530px; overflow: hidden; }
.mt-tabpage-cont__wrap { position: absolute; }
.mt-tabpage-count .mt-tabpage-item { width: 1170px; height: 530px;text-align: center; }
.mt-tabpage-title .mt-tabpage-item-cur { color: #eb4537;border-bottom: 1px solid #F85B5E; }
.news-main { margin-top: 35px; overflow: hidden; }
.news-hot { position: relative; float: left; width: 52%; height: 460px; overflow: hidden; }
.news-hot .pic { width: 100%; height: 100%; overflow: hidden; }
.news-hot .pic a { color: #333; text-decoration: none; cursor: pointer; }
.news-hot .pic img { display: block; width: 100%; height: 100%; transition: all 1s; }
.news-hot .text { position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; background: rgba(0,0,0,0.4); }
.news-hot .date { position: relative; float: left; width: 100px; height: 100px; text-align: center; color: #fff; font-family: "DIN Medium"; overflow: hidden; border-right: #aaa solid 1px; }
.news-hot .date span { display: inline-block; margin-top: 16px; padding-top: 20px; font-size: 38px; border-top: #fff solid 1px; }
.news-hot .date em { display: block; font-size: 12px; }
.news-hot .tit { padding: 0 30px; height: 100px; line-height: 100px; overflow: hidden; }
.news-hot .tit a { display: block;text-align: left; font-size: 18px; color: #fff; background: url(../images-pc/news_read.png) no-repeat right center; }
.news-hot .tit a:hover{text-decoration: none;}
.news-list { float: right; margin-top: -20px; width: 45%; height: 482px; overflow: hidden; }
.news-list .item { padding: 20px 0; height: 85px; border-bottom: #efefef solid 1px; overflow: hidden; }
.news-list .item:first-child .date { border-top: #efefef solid 1px; }
.news-list .date {cursor: context-menu; float: left; padding: 20px 0; width: 60px; font-family: "DIN Medium"; color: #ccc; overflow: hidden; }
.news-list .date span { display: block; font-size: 38px; }
.news-list .date em { display: block; font-size: 12px; margin-top: 10px;}
.news-list .text { padding-left: 24px; overflow: hidden;text-align: left; }
.news-list .text h3 { height: 30px; line-height: 30px; font-size: 18px; font-weight: normal; overflow: hidden; }
.news-list .text h3 a { color: #111; }
.news-list .text p { margin-top: 5px; height: 50px; line-height: 25px; color: #666; overflow: hidden; }
.news-hot:hover img{transform: scale(1.2);}
.news-list .text h3 a:hover{text-decoration: none;}
.news-list .date:hover { color: #811d21; }
.news-list .item:first-child .date span{margin-top: 8px;}
.news-list .item:hover .date span{color: #811d21;}
.news-list .item:hover .text h3 a{color: #811d21;}
/* link */
.dpl-link{width: 100%;overflow: hidden;padding: 50px 0 50px;background: #ffffff;}
.flinks { font-size: 14px; line-height: 25px; overflow: hidden; width: 1170px;min-width: 1170px; margin: auto;padding-left: 15px;padding-right: 15px;overflow: hidden; }
.flinks dt { float: left; width: 82px; text-align: center; }
.flinks dt a { display: block; width: 82px; height: 25px; color: #999; background: url(../images-pc/flinks.png) no-repeat; }
.flinks dd { padding-left: 10px; overflow: hidden; }
.flinks dd a { display: inline-block; padding: 0 10px; color: #999; }

/* footer */
.footer { width: 100%; height: 450px; overflow: hidden; background: url(../images-pc/footbg.jpg) no-repeat;background-size: 100% 100%; }
.foot-nav { width: 100%; height: 100px; line-height: 95px; overflow: hidden; border-bottom: 1px solid #848484; }
.foot-nav ul li{float: left;}
.foot-nav ul li a {color: #ffffff; font-size: 16px; display: inline-block; padding: 5px 34.8px;}
.foot-nav ul li a:hover{text-decoration: none;color: #5b8fc7;}
.foot-nav ul li:last-child a{padding-right: 0;}
.foot-nav2 { width: 100%; margin-top: 40px; overflow: hidden; }
.foot-nav2 ul li{float: left;margin-right: 20px;border-right: 1px solid;height: 230px;}
.foot-nav2 ul li a{color: #ffffff;}
.foot-nav2 ul li a:hover{color: #5b8fc7;text-decoration: none;}
.foot-nav2 ul li:first-child{width: 340px;padding-left: 30px;}
.foot-nav2 ul li:first-child img{margin-bottom: 30px;margin-left: 40px;}
.foot-nav2 ul li:first-child p{color: #ffffff; font-size: 28px; text-align: center; width: 295px; line-height: 33px;}
.foot-nav2 ul li:first-child p span{font-size: 18px;}
.foot-nav2 ul li:nth-child(2){margin-right: 0; width: 475px; padding-left: 30px; padding-right: 60px;}
.foot-nav2 ul li:nth-child(2) p{width: 100%; text-align: center; color: #f0f0f0 !important; font-size: 14px; line-height: 30px;}
.foot-nav2 ul li:nth-child(2) p:first-child{margin-top: 65px;}
.foot-nav2 ul li:last-child{width: 173px; margin-right: 0; padding-left: 40px; border-right: 0px solid; text-align: right;}
.foot-nav2 ul li:last-child a{font-size: 16px; display: block; position: relative; right: -6px;}

.topimg img{width: 100% !important;height: auto !important;}
.sidebar{margin-top: 30px !important;}
.inner{width: 1170px !important; margin: 0 auto; position: relative; padding-left: 15px; padding-right: 15px;}
/* mobcase */
.casedom2{display: none;}
.aside{display: none;}


/* 自适应设置 */
@media screen and (max-width: 1564px){
    .zs-nav { width: 98%;}
    .infobox { width: 98%;}
}
@media screen and (max-width: 1276px){
    .zs-nav { width: 98%;}
    .infobox { width: 98%;}
    .dpl-border { display: none !important;}
    .compenbox {display: none !important;}
}

@media only screen and (max-width: 640px){
    .floatleft{display: none;}
    .mob-menubox{display: block !important;}
    html,body{width: 100%; margin: auto; min-width: 100%; height: auto; max-width: 100%;background: #fff !important;}
    .zs-header { width: 100%; height: auto; margin: auto; position: relative; top: 0; box-shadow: none; }
    .zs-nav { width: 100% !important; min-width: initial; margin: auto; height: 100%; overflow: hidden; padding-left: 0; padding-right: 0; }
    .zs-logo {height: 100%;width: 100%; line-height: initial; float: none; }
    .zs-logo a { display: block; width: 70%; height: 100%; padding-left: 6%; padding-top: 0%; padding-bottom: 0%; }
    .zs-logo a img { float: none;width: 100%; height: 100%;}
    #newBridge{display: none !important;}
    .Keywordbox{display: none;}
    .zs-headertop{display: none;}
    .mob-menubox { display: block !important; width: 50%;height: 100%; position: absolute; right: 0; top: 0;text-align: right; }
    .zs-navbox { width: 50%; margin: 0; background: #ffffff; height: 15vw; overflow: hidden; }
    .dpl-border{display: none;}
    .btn { background: #ffffff; border: 0; font-size: 8vw; color: #bcbcbc; height: 15vw; line-height: 16vw; padding-right: 6%; }
    .zs-menubox{display: none;}
    .menu-dark-backdrop{top: 15vw !important;}
    .leftMenu{top: 15vw !important;width: 40% !important;background: #666 !important;}
    .leftMenu ul { margin-top: 10%; }
    .leftMenu ul li { position: relative; padding: 10px 0 10px 0px !important; overflow: hidden; text-align: center !important;border-bottom: 1px solid #7c7c7c !important;}
    .leftMenu a { text-decoration: none; display: block; color: #fff !important; font-size: 3.5vw !important; }
    .camera_wrap{margin-bottom: 0 !important;}
    .dpl-content { width: 95%; min-width: inherit; margin: auto; padding-left: 0; padding-right: 0; overflow: hidden; }
    .case-main ul li:nth-child(2),.case-main ul li:nth-child(4),.case-main ul li:nth-child(6),.case-main ul li:nth-child(8){margin-right: 0;}
    .case-main ul li a p { width: 44%; position: absolute; z-index: 99; margin-top: -8.2vw; color: #ffffff; text-align: center; background: #282828b8; font-size: 3vw; height: 7.3vw; line-height: 7.3vw; border-radius: 0; }
    .case-main ul li { width: 47.7%; height: 46vw; float: left; margin-right: 3vw; overflow: hidden; margin-bottom: 3vw; border: 1px solid #dadada; border-radius: 0px; }
    .case-main ul li a img { width: 100%; height: 100%; transition: all .5s; }
    .mob-menu { height: 100%; }
    .tit2 { margin-bottom: 3vw; }
    .dpl-tit { width: 100%; text-align: center; margin: 10vw 0; margin-bottom: 3vw !important; margin-top: 10vw !important; }
    /* case */
    .casedom{display: none;}
    .casedom2{display: block;margin-top: 0vw; padding: 5vw 4vw; overflow: hidden; background: #fff; border-top: #ebebeb solid 1px; border-bottom: #ebebeb solid 5px;}
    .box-title2{ position: relative; padding-left: 4vw; line-height: 5vw; overflow: hidden; }
    .box-title2:before { display: block; position: absolute; left: 0; top: 50%; margin-top: -16px; width: 3px; height: 32px; content: ""; background: #ed6e03; }
    .box-title2 .more2{ float: right; display: block; font-size: 3.5vw; color: #999; }
    .box-title2 h3 { font-size: 4.5vw; color: #111; font-weight: normal; }
    .box-title2 h3 em { color: #ed6e03; font-family: "DIN Medium"; font-style: normal;margin: 0; }
    .case-menu2 { margin: 3vw 0; padding: 2vw 0; overflow: hidden; background: #f3f3f3; height: auto; line-height: initial;}
    .case-menu2 li { float: left; width: 25%; height: auto; line-height: inherit; text-align: center; }
    .case-menu2 li a { display: block; padding: 1.5vw 0; font-size: 3vw; color: #999; border-right: #dadada solid 1px; }
    .case-menu2 li:last-child a { border-right: none; }
    .case-main{margin: 0;}
    .dpl-btnbox { width: 100%; text-align: center; margin: auto; overflow: hidden; margin-bottom: 0; margin-top: 2vw;}
    .dpl-btnbox a { display: inline-block; transition: all .5s; color: #ffffff; width: 40%; height: 9vw; line-height: 9vw; background: #5b8fc7; font-size: 3.5vw; border-radius: 1vw; border-bottom: 0; }
    .dpl-btnbox a:first-child { float: left;margin: 0; }
    .dpl-btnbox a:last-child{float: right;}
    /* content */
    .dpl-contboxss{display: none;}
    .mob-contentimg{width: 100%;overflow: hidden;}
    .mob-contentimg img{width: 100%;}
    .cbrand { width: 100%; margin: auto; padding: 0; background-size: 300% 100%;}
    .dpl-tit i { display: inline-block; border-top: 3px solid #fd4501; width: 10vw; position: absolute; margin-top: -11vw; margin-left: -4vw; }
    .dpl-tit p:first-child { font-size: 5.5vw; height: auto; line-height: initial; font-weight: normal; color: #424242; }
    .dpl-brandbox { width: 100%; margin: auto; overflow: hidden; margin-bottom: 7vw; }
    .ppbox a { display: inline-block; width: 100%; height: auto; border: 0; border-radius: 0; overflow: hidden; float:left; margin: 0vw; }
    .ppbox a img{width: 100%;}
    .dpl-about{display: none;}
    .aboutbox { width: 100%; background: none; height: auto;}
    .aboutright { width: 100%; float: none; text-align: center; height: 100%; }
    .aboutright a { display: inline-block; width: auto; height: auto; margin-top: 5vw; box-shadow: none; overflow: hidden; border: 1px solid #d0d0d0; padding: 1vw 1vw 0vw; }
    .aboutright img { width: 100%; height: 100%; transition: all .7s; }
    .aboutleft { width: 100%; float: none; height: auto; }
    .aboutleft p:nth-child(1) { margin-top: 0; padding: 2vw; font-size: 3vw; height: auto; line-height: 5.5vw; color: #666; text-align: left; border: 2px solid #d0d0d0; margin-top: -1vw; }
    .aboutleft p a{color: #333;}
    .dpl-tit p:last-child { font-size: 2.5vw; color: #999; margin-top: 5px; }
    .dpl-news{display: none;}
    .case-menu2 a { display: inline-block; font-size: 3vw; }
    .mt-tabpage-count { position: relative; width: 100%; height: auto; overflow: hidden; }
    .mt-tabpage-count .mt-tabpage-item { width: 115vw; height: auto; text-align: center; }
    .news-main { margin-top: 0; overflow: hidden; }
    .news-list .item { padding: 3vw 0; height: auto; border-bottom: #efefef solid 1px; overflow: hidden; }
    .news-list { float: none; margin-top: 0; width: 100%; height: auto; overflow: hidden; }
    .news-list .text { padding-left: 4vw; overflow: hidden; text-align: left; }
    .news-list .date { cursor: context-menu; float: left; padding: 1vw 0; width: 13%; font-family: "DIN Medium"; color: #ccc; overflow: hidden; }
    .news-list .date span { display: block; font-size: 5vw; }
    .news-list .date em { display: block; font-size: 3vw; margin-top: 1vw; }
    .news-list .text h3 { height: auto; line-height: initial; font-size: 3.5vw; font-weight: normal; overflow: hidden; }
    .news-list .text p { width: 76%; margin-top: 1vw; height: auto; line-height: initial; color: #666; overflow: hidden; }
    .news-list .item:first-child .date span { margin-top: 2vw; }
    .case-menu2 a:after { display: inline-block; margin: 0 2.5vw; width: 3.5vw; height: 3vw; content: ""; background: url(../images-pc/case_menu_line.png) no-repeat; }
    .mt-tabpage-cont__wrap { position: relative; }
    .dpl-link { width: 100%; overflow: hidden; padding: 5vw 0 5vw; background: #f2f2f2; }
    .flinks { font-size: 3vw; line-height: inherit; overflow: hidden; width: 90%; min-width: initial; margin: auto; padding-left: 0; padding-right: 0; overflow: hidden; }
    .flinks dt { float: left; width: 22%; text-align: center; }
    .flinks dt a { display: block; width: 100%; height: auto; padding: 0.3vw 0.5vw 1vw; color: #999; background: url(../images-pc/flinks.png) no-repeat; background-size: 100% 100%; }
    .flinks dd a { display: inline-block; padding: 0 1vw; color: #999;font-size: 3vw; }
    .foot-nav { display: none; }
    .foot-nav2 ul li:first-child { display: none; }
    .foot-nav2 ul li:last-child {display: none; }
    .foot-nav2 ul li:nth-child(2) { margin-right: 0; width: 100%; padding-left: 0; padding-right: 0; }
    .foot-nav2 ul li:nth-child(2) p:first-child { margin-top: 0; }
    .foot-nav2 ul li { float: left; margin-right: 0; border-right: 0; height: auto; margin-bottom: 10vw; }
    .foot-nav2 { width: 100%; margin-top: 10vw; overflow: hidden; }
    .footer { width: 100%; margin-bottom: 12vw;height: auto; overflow: hidden; background: url(../images-pc/footbg.jpg) no-repeat; background-size: 100% 100%; }
    .foot-nav2 ul li a { color: #ffffff; font-size: 3vw; }
    .foot-nav2 ul li:nth-child(2) p { width: 100%; text-align: center; color: #f0f0f0 !important; font-size: 3vw; line-height: 6vw; }
    .aside{display: block;position: fixed; z-index: 9999999; left: 0; bottom: 0; width: 100%; overflow: hidden; background: #fff;}
    .aside em { display: block; float: right; width: 44%; padding: 1.5vw 4vw 1.5vw 0; overflow: hidden; box-sizing: border-box; font-style: normal; }
    .aside em a { display: block; padding: 2.2vw; text-align: center; font-size: 4vw; color: #fff; background: #ed6d01; border-radius: 10vw; }
    .aside em a:before { display: inline-block; margin-right: 2vw; width: 4vw; height: 4vw; vertical-align: middle; content: ""; background: url(../images-pc/tel.png) no-repeat; background-size: 100%; }
    .aside ul { width: 56%; overflow: hidden; }
    .aside li { float: left; width: 50%; text-align: center; }
    .aside li a { display: block; padding: 1.5vw 0; }
    .aside li:nth-child(1) i { background-image: url(../images-pc/ft_icon01.png); }
    .aside li i { display: block; font-style: normal;margin: 0 auto; width: 6.7vw; height: 5.3vw; background-repeat: no-repeat; background-position: center; background-size: 100%; }
    .aside li span { display: block; font-size: 3.5vw; color: #333; }
    .aside li { float: left; width:50%; text-align: center; }
    .aside li:nth-child(2) i { background-image: url(../images-pc/ft_icon03.png); }
    .topimg{width: 100%; overflow: hidden;}
    .topimg img { width: 180% !important; height: 25vw; position: relative; right: 40vw; }
    .inner { width: 90% !important; margin: 0 auto;margin-bottom: 2vw !important; position: relative; padding-left: 0 !important; padding-right: 0 !important; margin-top: 0 !important; }
    #dpl-listtit { width: 100%; margin-bottom: 0 !important; margin: 3vw 0vw 4vw !important; color: #999; font-weight: normal; font-size: 3vw !important; }
    #l_con { width: 100% !important; overflow: hidden !important; margin: 0 auto; background: #fff !important; padding: 0 !important; margin-bottom: 0 !important; padding-left: 0 !important; }
    .listtitss{display: none;}
    #sidebarss dl dt a { display: inline-block !important; margin-left: 0vw !important; margin-right: 2vw !important; padding: 0.5vw 5vw 0.5vw 5vw !important; border-radius: 2vw !important; font-size: 3.5vw!important; background: #ededed; margin-bottom: 2vw !important; }
    #sidebarss dl dt { margin: 0 !important; background: none !important; line-height: 8vw !important; }
    #sidebarss dl:first-child { margin-left: 0px !important; }
    #sidebarss dl { border: 0 !important; float: left !important; margin: 0 0px !important; }
    #sb_box{width: 100% !important;}
    #sb_box .clear{display: none;}
    #productlist { padding: 0 !important; margin-top: 2vw !important; }
    #productlist li { float: left; text-align: center; margin: 0 !important; width: 48.5% !important; height: auto !important; margin-bottom: 14.5vw !important; border: 0px solid #d0d0d0; margin-right: 2vw !important; }
    #productlist li:nth-child(2),#productlist li:nth-child(4),#productlist li:nth-child(6),#productlist li:nth-child(8),#productlist li:nth-child(10),#productlist li:nth-child(12){margin-right: 0 !important;}
    #productlist li a.img { display: inline-block !important; width: 100% !important; text-align: center; font-size: 0px; height: 45vw !important; overflow: hidden; border: 1px solid #d0d0d0; }
    #productlist li h3 { height: 10vw !important; line-height: 10vw !important; text-align: center; font-weight: normal; width: 46.7% !important; margin-top: -10.9vw !important; overflow: hidden; padding: 0 1vw !important; }
    #productlist li h3 a { color: #fff !important; font-size: 3vw !important; }
    .news-btns { position: absolute; width: 48.9% !important; margin-top: -1vw !important; background: #f1f1f1; padding: 0 !important; height: 10vw; padding-top: 3.5vw !important; }
    .news-btns a:nth-child(1) { float: left !important; display: inline-block !important; margin-left: 1vw !important; }
    .news-btns a:nth-child(2) { float: right !important; display: inline-block !important; margin-right: 1vw !important; }
    .news-btns a { font-size: 3vw !important; color: #5b8fc7 !important; border: 1px solid #5b8fc7 !important; padding: 0vw !important; border-radius: 0vw !important; width: 18vw !important; line-height: 6vw !important; }
    .news-btns a:hover{background: #fff !important;color: #5b8fc7 !important;}
    #flip { width: 100% !important; height: auto; margin-bottom: 7vw !important; margin-top: 5vw !important; }
    .sb_nav{display: none;}
    #metpager_8 { padding: 0px !important; margin: 0 !important; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 3vw !important; color: #999 !important; }
    #metpager_8 a, #metpager_8 span.miy { border: 0px solid #e4e4e4 !important; padding: 0 !important; color: #999 !important; font-size: 3vw !important; }
    #showproduct { padding: 0 !important; }
    .activetits { background: #fff; padding: 0 !important; }
    #showproduct h1.title { font-size: 3.5vw !important;font-weight: normal !important; text-align: left; line-height: 12vw !important; padding-left: 1vw !important; }
    #showproduct .editor { line-height: 5vw !important; padding: 0px 0px; margin-top: 0 !important; overflow: hidden; font-size: 3vw !important; background: #fff !important; text-align: left !important; }
    #showproduct .ctitle { font-size: 3vw !important; font-weight: normal !important;margin-left: 0vw !important; margin-top: 1.5vw !important; border-left: 3px solid #da251c; height: auto !important; line-height: 4vw !important; margin-bottom: 1.5vw !important; padding-left: 1.5vw !important; }
    .product_content { padding: 1vw 0vw !important; }
    #editor img { max-width: 100%; width: 100% !important; height: 70vw !important; }
    #showproduct .editor p{font-size: 3vw !important;color: #666 !important;}
    #showproduct .editor p span{font-size: 3vw !important;color: #666 !important;}
    #showproduct .b2 { font-size: 3.5vw !important; text-align: center; height: 1px; margin: 0 !important; display: block; border-bottom: 1px solid #fff; border-top: 1px solid #ccc; }
    .activecase{padding-top: 2vw !important;}
    #showimg { padding: 0 !important; }
    #showimg .imgshow .info_img img { width: 100% !important; height: auto !important; }
    #showimg .ctitle { margin: 1vw 0 2vw !important; padding: 2vw 3.5vw !important; font-size: 3vw; border-bottom: 1px dotted #ccc; }
    #showimg h1.title { font-size: 3.5vw !important; padding: 2vw 0px !important; margin-bottom: 1vw !important; text-align: center; font-weight: normal !important; }
    #imgqwe { width: 100% !important; height: auto !important; }
    #showimg .editor { line-height: 5vw !important; padding: 0 !important; font-size: 3vw !important; }
    #showimg .editor h2{font-size: 3.5vw !important;}
    .met_hits { padding: 0 !important; height: auto !important; line-height: initial !important; margin-top: 2vw !important; border-top: 1px dotted #ccc; text-align: center !important; position: relative; color: #666; padding-top: 3vw !important; font-size: 2.8vw !important; margin-bottom: 2vw !important; }
    .bdshare-button-style1-16 { display: none; }
    .met_page{display: none;}
    #productlist2{padding: 0 !important;margin-top: 2vw !important;}
    #productlist2 li { width: 100% !important; height: 35vw !important; margin: 0vw!important; overflow: hidden !important; padding: 5vw 0 !important; }
    #productlist2 li img{width: 45% !important; height: 100% !important; float: left !important;margin-right: 0 !important;}
    #productlist2 li .ulli_text{width: 55% !important; float: right !important;height: 100% !important;}
    #productlist2 li .ulli_text a{display: inline-block !important;margin-bottom: 0 !important; margin-right: 0 !important; font-size: 3.5vw !important; text-align: right !important; width: 92% !important; height: 5vw !important; float: right !important; overflow: hidden !important;}
    #productlist2 li .ulli_text .newsbotom { width: 100% !important; height: auto !important; line-height: initial !important; }
    #productlist2 li .ulli_text .newsbotom .dpl-brnsumss { width: auto !important;margin: 0 !important; float: right !important; padding: 1.5vw 6vw !important; height: auto !important; line-height: 6vw !important; background: #5b8fc7 !important; color: #fff !important; border-radius: 2px; font-size: 3vw !important; }
    #productlist2 li .ulli_text p { width: 90% !important; float: right !important; text-align: right !important; height: 10vw !important; line-height: 5vw !important; overflow: hidden !important; margin: 2vw 0 8vw !important; font-size: 3vw !important; color: #999 !important; }
    #productlist2 li:first-child{padding-top: 0 !important;}
    #shownews{padding: 0 !important;}
    #shownews h1 { font-size: 3.5vw !important; text-align: left !important; border-bottom: 1px dotted #ccc; padding: 0 0 2vw !important; margin: 2vw 0px 3vw !important; color: #333; font-weight: normal !important; }
    #shownews .editor { line-height: 5vw !important; padding: 0 !important; font-size: 3vw !important; text-align: left !important; }
    #shownews .editor p{text-align: left !important;}
    .editor img { max-width: 100%; width: 100%; max-height: 85vw !important; }
    #imglist{padding: 0 !important;}
    #imglist li { float: left; display: inline; text-align: center; width: 48% !important; margin: 0 !important; margin-right: 3vw !important; height: auto !important; margin-bottom: 3vw !important; }
    #imglist li:nth-child(2),#imglist li:nth-child(4),#imglist li:nth-child(6),#imglist li:nth-child(8),#imglist li:nth-child(10),#imglist li:nth-child(12){margin-right: 0 !important;}
    #imglist li h3 { width: 43.7vw !important; padding: 0 !important; font-weight: normal !important; line-height: 8vw !important; background: #000000ba; color: #fff !important; }
    #imglist li a.img { font-size: 0px; width: 100%; display: inline-flex; height: 25vw !important; border: 1px solid #ccc; vertical-align: middle; text-align: center; }
    #imglist li a.img img { margin: auto; max-width: 100%; max-height: initial !important; width: 100% !important; height: 100% !important; }
    #imglist li h3 a { font-size: 3.5vw !important; }
    #sb_box2 { width: 100% !important; padding: 0 !important; }
    #showtext { padding: 0 !important; line-height: 2; }
    #showtext22 { padding: 0 !important; line-height: 2; }
    #showtext22 p{font-size: 3.5vw !important; text-indent: 0 !important;}
    #showtext22 p strong span{font-size: 4vw !important;}
    #showtext22 p img{max-width: 100%; width: 100% !important; max-height: initial !important; height: 100% !important; text-indent: 0 !important;}
    #productlist22{padding: 0 !important;}
    #productlist22 { padding: 0 !important; margin-top: 2vw !important; }
    #productlist22 li { float: left; text-align: center; margin: 0 !important; width: 48.5% !important; height: auto !important; margin-bottom: 1vw !important; border: 0px solid #d0d0d0; margin-right: 2vw !important; }
    #productlist22 li:nth-child(2),#productlist22 li:nth-child(4),#productlist22 li:nth-child(6),#productlist22 li:nth-child(8),#productlist22 li:nth-child(10),#productlist22 li:nth-child(12){margin-right: 0 !important;}
    #productlist22 li a.img { display: inline-block !important; width: 100% !important; text-align: center; font-size: 0px; height: 45vw !important; overflow: hidden; border: 1px solid #d0d0d0; }
    #productlist22 li h3 { height: 10vw !important; line-height: 10vw !important; text-align: center; font-weight: normal; width: 46.7% !important; margin-top: -10.9vw !important; overflow: hidden; padding: 0 1vw !important; }
    #productlist22 li h3 a { color: #fff !important; font-size: 3vw !important; }
    #productlist22 li:last-child { width: 100% !important; margin: 0 !important; }
    #productlist22 li:last-child h3{width: 100% !important; padding: 0 !important;}
    #sidebarss2 dl dt a { display: inline-block !important; margin-left: 0vw !important; margin-right: 1vw !important; padding: 0.5vw 3.8vw 0.5vw 3.8vw !important; border-radius: 2vw !important; font-size: 3.5vw!important; background: #ededed; margin-bottom: 2vw !important; }
    #sidebarss2 dl dt { margin: 0 !important; background: none !important; line-height: 8vw !important; }
    #sidebarss2 dl:first-child { margin-left: 0px !important; }
    #sidebarss2 dl { border: 0 !important; float: left !important; margin: 0 0px !important; }
    #sidebarss2 dl:nth-child(4) dt a{margin-right: 0 !important;}
    #shownews22{padding: 0 !important;}
    #shownews22 h1 { font-size: 3.5vw !important; text-align: left !important; border-bottom: 1px dotted #ccc; padding: 0 0 2vw !important; margin: 2vw 0px 3vw !important; color: #333; font-weight: normal !important; }
    #shownews22 .editor { line-height: 5vw !important; padding: 0 !important; font-size: 3vw !important; text-align: left !important; }
    #shownews22 .editor p{text-align: left !important;}
    .ueditor_baidumap{display: none !important;}

}