@media screen and (min-width:1200px) { .nav{width: 1100px;height:55px; margin:0 auto; text-align:center} .nav ul li{position: relative;min-height:55px;text-align: center;float: left;-webkit-perspective: 60px;-moz-perspective: 60px;-ms-perspective: 60px;perspective: 60px;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;z-index:1;display: inline-block; *display: inline; *zoom: 1; width: 168px;text-align: center;} .nav ul li:hover{ background: #ff962d;} .nav ul li .nav-one{display: block;height: 32px;line-height: 32px;margin-top: 14px;padding: 0 20px;overflow: hidden} .nav ul li, .nav ul li .childer, .nav ul li .childer a, .nav ul li a{transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out} .nav ul li a{display: block;font-size:16px} .nav ul li .childer{position: absolute;width: 168px;height: auto;top:57px;left: 0;padding-bottom: 5px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: rotatex(-63deg);-moz-transform: rotatex(-63deg);-ms-transform: rotatex(-63deg);transform: rotatex(-63deg);-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;z-index: 9999;background: #ddd;} .nav ul li .childer a{height: 35px;line-height: 35px;text-align: left;color: #222;padding-left: 15px;border-left-width: 2px;border-right-width: 0;border-top-width: 0;border-bottom-width: 0;border-style: solid;border-color: transparent;overflow: hidden; font-size:14px;transition: none ease-out .3s;transition-property: color, background, text-indent, opacity;} .nav ul li .childer a:hover{background: #ff962d;color: #fff;text-indent: 10px;} .nav ul li.on{background: 0 0} .nav ul li.on .nav-one a{color: #fff} .nav.nav_num_0 ul li.on a.cn{margin-top: 0} .nav.nav_num_0 ul li.on a.cn, .nav.nav_num_0 ul li:hover a.cn{color: #fff!important; } .nav.nav_num_0 ul li.on .childer{-webkit-transform: rotatex(-63deg);-moz-transform: rotatex(-63deg);-ms-transform: rotatex(-63deg);transform: rotatex(-63deg)} .nav ul li.on a.cn{margin-top: -32px} .nav.nav_num_0 ul li:hover .childer{-webkit-transform: rotatex(0);-moz-transform: rotatex(0);-ms-transform: rotatex(0);transform: rotatex(0)} .sj_logo{ display:none;} .ap_foot,.showpancl,.mobile-inner,.mobile-inner-nav{ display:none;} /*foot*/ .main_foot{width: 100%;background:#eee;overflow: hidden;padding-bottom:10px; margin-top:60px;} .foot{width: 1200px;overflow: hidden;margin:36px auto 25px auto;} .foot ul{float: left;text-align: left;} .foot ul li{line-height:27px;color:#888;} .foot ul li h2 a{font-size: 16px; font-weight:normal;color: #333;line-height:42px;margin-bottom: 5px;} .foot ul.list2 h1{font-size:24px;color:#34a526;line-height:50px;padding-bottom:4px; font-weight:normal} .foot ul.list2 h1 i.phone{background:url(/uploads/image/dltcimages/icon.png) no-repeat center top;width:45px;height: 40px;display: inline-block;vertical-align:middle;} .pdl{padding-left:45px;} .foot .con{ float:left; width:668px;} .foot ul a{color: #888;display:block; font-size:14px} .foot ul a:hover{color: #f18516;} .foot ul.list1{width:120px;height:211px;} .foot ul.list2{width:250px;float: right;} .foot_bottom{color: #333;width:1200px;margin: 0 auto;overflow: hidden;padding-top:10px;border-top:1px solid #ccc;line-height:30px;} .foot_bottom .foot-logo{float:left;display:inline-block;} .foot_bottom .foot-logo img{ height:50px;} .foot_bottom .copyright{float:right;display:inline-block;color:#999;} .foot ul li.pdl button{background-color:#eb7e10;color:#fff;height:30px;line-height:26px;color:#fff;border-radius:0.4em;cursor:pointer;text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6);font-size:15px;font-weight:bold;padding:0 15px;} .footlogo{ float:left; width:250px;} .footlogo .tit{font-size: 16px; font-weight:normal;color: #333;line-height:42px;margin-bottom: 5px; margin-left:15px;} .footlogo img{margin: 0 0 4px; max-height:110px;} .footlogo li{ float:left; margin-left:12px;} .footlogo p{color:#626262; text-align:center} .nytabt{ background:#ddd; position:relative; z-index:999} .tab{overflow: hidden;margin:0px auto;width:1200px;height:55px;text-align:center;} .tab li{ padding:0 24px;height:33px;line-height:33px;text-align: center;position:relative; display:inline-block; margin-top:10px;background: url(/uploads/image/dltcimages/xian.jpg) no-repeat right center;} .tab li:last-child{ background:none!important} .tab li a{display: block;font-size: 15px;color: #222;padding:0px 8px;} .tab li.active a,.tab li:hover a{color:#fff; background:#ff962d; display:block;border-radius:25px; } } @media screen and (max-width:1199px) { .a1 li { width:49.7%;} .ntcont1,.ntcont{ width:95%; margin:auto;} .xwzx dl dt img{float:left;padding-right: 0;padding-top: 0;width: 150px;height: 120px;} .xwzx dl{width: 100%;height: 140px;} .xwzx dl dt{width: 100%;height:auto;} .xwzx dl dt h5{padding-top: 0;padding-bottom: 0px;width: auto;line-height:32px;padding-left: 160px;} .xwzx dl dt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:auto;padding-left: 10px;} .xwzx dl dt a.detail{top: 90px;left: 160px;} .xwzx dl dd{ display:none;} .banners{height: 100px;padding-top: 40px;} #right1{width:100%;} .con_con,.kk_message{width:100%;} .kk_message .kk_msg_input{width:100%;box-sizing: border-box;margin: 10px 0px 0px 0;} .kk_message .kk_msg_tex{width:100%;box-sizing: border-box;margin: 10px 0px 0px 0;height: 120px;} .kk_message .kk_msg_but{width: 150px;height: 40px;text-align:center;line-height: 40px;background: #eb7e10;font-size: 14px;color:#fff;border-radius: 3px;cursor:pointer;border: none;position: relative;left: 50%;margin:10px 0 0 -75px;} .feedback{margin-top: 30px;} .con_con1,#mapbarframe{width:100%;height:200px;} .aboutpic{padding-top: 10px;} #right1 .pro_1{width:100%;padding-top:0px;} #right1 .pro_1 dl{margin:0 2% 2% 0; width:49%;} #right1 .pro_1 dl:nth-child(2n){margin-right:0;} #right1 .pro_1 img {border: 1px solid #ddd;height:auto;width:100%;padding: 2px;box-sizing: border-box;display: block;} .tab{ width:95%; margin:15px auto 0;} .tab ul:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0px;} .tab ul li{ float:left; margin-right:2%; margin-bottom:2%; width:49%;} .tab ul li:nth-child(2n){margin-right:0;} .tab ul li a{display:block;height:35px; line-height:35px; text-align:center; border:1px solid #d6d6d6; background:#fff; font-size:14px;} .tab ul li.active a{background:#ff962d; border-color:#ff962d; color:#fff;} .bann{height: 200px;background-size: cover;} .bann h2{line-height: 200px;font-size: 24px;} .index-series{margin-top: 10px;} .pc_logo{ display:none;} .mobile-inner{width:100%;margin-right: auto;margin-left: auto;background-color: #fafafa;} .mobile-inner-header{height: 60px;position: absolute;top: 0px;right: 0px;} .mobile-inner-header-icon{color: #ffffff;height: 60px;font-size:25px;text-align: center;width: 60px;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;} .mobile-inner-header-icon:hover{background-color: rgba(255,255,255,0.2);cursor: pointer;} .mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 2px;background-color: rgba(0,0,0,1);} .mobile-inner-header-icon span:nth-child(1){transform: translatey(4px) rotate(0deg);} .mobile-inner-header-icon span:nth-child(2){transform: translatey(-4px) rotate(0deg);} .mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;} .mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;} @keyframes clickfirst{0%{transform: translatey(4px) rotate(0deg);} 100%{transform: translatey(0) rotate(45deg);}} @keyframes clicksecond{0%{transform: translatey(-4px) rotate(0deg);} 100%{transform: translatey(0) rotate(-45deg);}} .mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;} .mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;} @keyframes outfirst{0%{transform: translatey(0) rotate(-45deg);} 100%{transform: translatey(-4px) rotate(0deg);}} @keyframes outsecond{0%{transform: translatey(0) rotate(45deg);} 100%{transform: translatey(4px) rotate(0deg);}} .mobile-inner-nav{background:#1d1d1d;width: 100%;position:fixed;top: 60px;left: 0px;bottom:0px;padding-top: 30px;padding-bottom: 80px;display: none;z-index:101;} .mobile-inner-nav a{display: inline-block;line-height:38px;text-decoration: none;width:90%;margin:0 5%;color: #ffffff;border-bottom: solid 1px rgba(255,255,255,0.1);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300; font-size:14px; text-align:center} .mobile-inner-nav a:hover{color: rgba(255,255,255,1);border-bottom: solid 1px rgba(255,255,255,0.1);} .bdshare-slide-button-box{ display:none !important;} #header_mar,.index-series .series-show,.service-node,.foot ul.list2,.foot_bottom .foot-logo{ display:none;} #header{ position:relative;min-width:100%;height: 60px;border:none;background: url(/uploads/image/dltcimages/header_bj.jpg) repeat-x center top;} #header img{ width:auto; height:40px; margin:10px 0 0 10px;top: 0px;} .header, .content, .block1000, .footer{ width:100%; margin:auto;} #header_search,#nav,#langht,.float0831,.flexslider12{ display:none;} .sj_ban{ width:100%; overflow:hidden; position:relative; display:block;} .sj_ban ul{ position:relative; width:10000%;} .sj_ban ul li{ float:left; width:1%; overflow:hidden; background:center no-repeat;} .sj_ban ul li a{ display:block; width:100%; height:100%; overflow:hidden;} .sj_ban ul li a img{ width:100%;display:block;} .bandd{ position:absolute; left:0; bottom:3%; width:100%; text-align:center;} .bandd span{ margin:0 4px;display:inline-block;width:8px;height:8px;border-radius:50%;text-indent:-9999px;cursor:pointer; border:2px solid rgba(255,255,255,0.8);} .bandd span.on{ border:2px solid #fd4900;} .index-series h1{font-size: 24px;line-height: 50px;} .index-series p{font-size: 14px;} .ap_foot {position:fixed;bottom:0;width:100%;box-sizing:border-box;background-color:#444;background-image: -webkit-linear-gradient(#444, #000);background-image: -moz-linear-gradient(#444, #000);background-image: -ms-linear-gradient(#444, #000);background-image: -o-linear-gradient(#444, #000);background-image: linear-gradient(#444, #000);opacity:0.9; z-index:99;} .ap_foot:after {content:"";display:block;visibility:hidden;clear:both;} .ap_foot a {width:25%;text-align:center;box-sizing:border-box;float:left;color:#fff;font-size:1.1em;padding:5px 0;} .tel:before {content:"";display:block;margin:0 auto;width:20px;height:20px;background:url(/uploads/image/dltcimages/main_icon.png) no-repeat left top;background-size:20px auto;} .signup:before {content:"";display:block;margin:0 auto;width:20px;height:20px;background:url(/uploads/image/dltcimages/main_icon.png) no-repeat left -20px;background-size:20px auto;} .ask:before {content:"";display:block;margin:0 auto;width:20px;height:20px;background:url(/uploads/image/dltcimages/main_icon.png) no-repeat left -40px;background-size:20px auto;} .query:before {content:"";display:block;margin:0 auto;width:20px;height:20px;background:url(/uploads/image/dltcimages/main_icon.png) no-repeat left -80px;background-size:20px auto;} .share:before {content:"";display:block;margin:0 auto;width:20px;height:20px;background:url(/uploads/image/dltcimages/main_icon.png) no-repeat left -60px;background-size:20px auto;} .foot_bottom{color: #333;text-align: center;overflow: hidden;padding-top: 10px;border-top: 1px solid #ccc;line-height: 30px;margin-bottom: 60px;} #viewmore {padding-bottom:60px;height:30px;line-height:30px;text-align:center;font-size:1.2em;cursor:pointer;} #loadlayout {display:none;height:50px;text-align:center;} #pageload {display:none;position:absolute;top:0px;left:0px;z-index:1001;width:100%;height:100%;background:#333;opacity:0.6;filter:alpha(opacity=60);text-align:center;color:#fff;font-size:1.4em;} #pageload span {display:block;margin:0 auto;margin-top:20%;height:40px;} #coverlayer {position:fixed;left:0px;top:0px;z-index:200;width:100%;height:100%;background-color:rgba(0,0,0,0.5);} #sharelist {position:fixed;left:50%;top:50%;z-index:201;margin-left:-35%;margin-top:-200px;padding:10px;width:70%;height:300px;background:#fff;border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:auto;} #sharelist a {float:none;display:block;height:40px;line-height:40px;border-bottom:1px solid #ddd;color:#333;background:none;font-size:1.2em;font-family:tahoma, geneva, sans-serif;} #sharelist .bar {font-size:1.4em;height:30px;line-height:30px;font-weight:bold;border-bottom:1px solid #ddd;} #sharelist #bdshare {float:none;margin:0px;padding:0px;} .foot_bottom .copyright,.ny_spz{ width:100%;} .main_foot{background:none;} .foot{width:100%;overflow: hidden;margin:36px auto 25px auto;} .foot ul li{line-height:27px;color:#888;} .foot ul li h2 a{font-size: 16px; font-weight:normal;color: #333;line-height:30px;} .foot ul a{color: #888;display:block; font-size:14px} .foot ul a:hover{color: #f18516;} .foot ul.list1{width:100% !important;} .foot ul li h2{background: no-repeat 90% 50%;margin: 0;font-weight: 500;color: #fff;font-size: 16px;border-bottom: 1px solid #ccc;padding:6px 26px 6px 24px; line-height:inherit; text-align:center;margin-bottom:0px;} .foot ul li.list_line{ line-height:30px; background:#fff; text-align:center;border-bottom: 1px solid #ddd;display:none} .foot_bottom{color: #333; text-align:center;overflow: hidden;padding-top:10px;border-top:1px solid #ccc;line-height:30px; margin-bottom:60px;} .footlogo{width:68%; margin:0 auto} .footlogo .tit{font-size: 16px; font-weight:normal;color: #333;line-height:42px;text-align:center} .footlogo img{ width:100%} .footlogo li{ float:left; margin-left:2%;width:45%} .footlogo p{color:#626262; text-align:center} .showpancl{width:100%;text-align:center;overflow:hidden;display:block } .showpancl a{width:45%; display:inline-block;margin-top:5px; } .showpancl a:nth-of-type(odd){margin-right:14px} .showpancl img{width:99%; border:1px solid #e0e0e0;} .showpancl a span{ background:#eee; padding:3px 0;overflow:hidden; display:block; text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需丞overflow:hidden;一起使用。*/white-space:nowrap;/* 不换衜 */} .nav{width: 95%;margin:15px auto;} .nav ul:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0px;} .nav ul li{ margin-bottom:2%; width:100%;} .nav ul li span a{ display:block; font-size:16px; line-height:40px; color:#fff !important; background:#ff962d; padding-left:15px; margin-bottom:10px;} .nav ul li .childer:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0px;} .nav ul li .childer a{ font-size:14px;float:left; margin-right:2%; margin-bottom:2%; width:49%;height:35px; line-height:35px; text-align:center; border:1px solid #d6d6d6; background:#fff;box-sizing:border-box;} .nav ul li .childer a:nth-child(2n){margin-right:0;} .main_pj_img{width: 100%;margin: 10px auto 0;} .main_pj_img li{width: 49%;float:left;background:#fff;padding: 0;margin-right:2%;margin-bottom:20px;} .main_pj_img li:nth-child(2n){margin-right:0;} .ny_spz .ny_cpimg{float: none; width:100%;} .ny_spz .ny_ms{float: none; width:100%;} .magiczoombigimagecont,.magiczoompup{display:none !important;} #tsshopcontainer #tspiccontainer:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0px;} #tsshopcontainer #tspiccontainer #tsimgsarrl,#tsshopcontainer #tspiccontainer #tsimgsarrr{height:51px;} .ny_spz .ny_ms{margin-top:0;} .ny_spz .ny_ms .cp_txt .cp_txt_d{border:none;} .pro-intro{margin: 40px 0;} }