@charset "utf-8"; /* CSS Document */ /**全局**/ *{ margin:0px; padding:0px;} @font-face{font-family: siyuan;src: url('../fonts/siyuan.ttf') } @font-face{font-family: Normals;src: url('../fonts/normal.ttf') } div,form,img,ul,ol,li,dl,dt,dd,map {padding:0;margin:0;border:0;} h1,h2,h3,h4,h5,h6 {margin:0;padding:0; } body{margin:0px; padding:0px; font-size:16px; color:#333;font-family:Normals,Arial, Helvetica, sans-serif,"宋体";background:url(../images/bg.jpg) repeat left top;} ul,li{list-style:none;} .clear{clear:both;} a{color:#333;text-decoration:none;} a:hover{color:#977f50;text-decoration:none;} a:focus, a:hover {text-decoration: none;} img{border:none;} hr{line-height:0px; font-size:0px; border:none; height:1px; width:100%; margin:5px 0px;} div{margin:0px auto;} .f_l{ float:left;} .f_r{ float:right;} input,select{ font-family:arial, Helvetica, sans-serif; padding:1px;} .blank{width:100%;height:10px;clear:both;overflow:hidden;} .mt10{margin-top:10px;} .hide{display:none;} .red{color:#f00;} .blue{color:#00f;} .gray{color:#ccc;} .noinfo{width:100%;float:left;padding:10px 0; text-align:center;} .input_submit{width:77px;height:41px;float:left;background:url(../images/search.png) no-repeat left top; text-align:center;line-height:41px; color:#fff; border:0px; cursor:pointer;} .float_bg{background:url(../images/qq_3.gif) repeat-y left top;width:118px;padding:2px 0;float:left;} .f_list{width:100%;float:left;margin:5px auto;clear:both;} .f_list span{float:left;width:80px;} .block{width:1000px;margin:0 auto;} .w-100 {width: 100%;} .bigimg {overflow: hidden} .bigimg img {transition: all 0.6s;} .bigimg img:hover{ transform: scale(1.1); } /*all*/ .main{width:100%;float:left;padding:30px 0;} .main_top{margin:50px auto 80px;width:100%;height:45px;float:left; background:url(../images/tbg.png) no-repeat center 2px; text-align:center;} .course_top_bg{background:url(../images/ct_bg.png) no-repeat center 10px;color:#fff;} .news_top_bg{background:url(../images/nt_bg.png) no-repeat center 10px;color:#fff;} .main_top h3{color:#977f50;font-size:36px;height:45px;line-height:45px;font-weight:normal;letter-spacing:10px;font-family: siyuan;} .main_top h4{font-size:24px;height:30px;line-height:30px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} .main_type{width:100%;float:left; text-align:center;margin:10px 0 0 0;} .main_type ul{} .main_type li{display:inline-block;height:42px;line-height:42px;margin:5px;padding:0px;} .main_type li a{display:block; background:#fff;color:#575757;border:1px solid #977f50;font-size:14px;padding:0 25px;} .main_type li a:hover {background:#977f50;color:#fff;} .main_type li.current a{background:#977f50;color:#fff;} .main_con{width:100%;float:left; line-height:200%;padding:20px 0 0 0;} .main_con img{max-width:100%;} .main_more{width:100%;float:left; text-align:center; margin:20px 0 0 0;} /*.main_more a{width:178px;height:38px;line-height:38px; display:inline-block;border:1px solid #333; font-size:16px;} .main_more a:hover{background:#0ba587; color:#fff;}*/ /*end*/ /**顶部**/ #top{width:100%;height:25px;line-height:25px;background:#e5e5e5;color:#666;} #top a{color:#666;} #top a:hover{color:#f00;} .welcome{float:left;} .welcome h1{margin:0px;padding:0px;font-size:12px;font-weight:normal;} .showtime{float:left;margin:0 5px;} .share{float:left;margin:0 10px;padding:3px 0 0 0;height:20px;line-height:20px;} .favorite{float:right;line-height:25px;height:25px;} .favorite ul{margin:0px;padding:0px;list-style-type:none;} .favorite li{margin:0px;padding:0 0 0 10px;list-style-type:none; display:inline; background:url(../images/f_li.png) no-repeat left center;} .favorite li a{margin:0 3px;} #header{width:100%;float:left;background:#977f5e; position:relative; z-index:9999;} #logo{float:left;margin:20px auto;} #logo img{height:44px;} .foot_logo {height:44px;} #tel{float:right;height:30;line-height:30px;white-space:nowrap;font-size:24px;margin:47px 0 0 0;padding:0 0 0 50px; background:url(../images/phone.png) no-repeat left center;color:#fe0c00;} /*end*/ /*menu*/ #navigate{float:right;} #navigate ul li{float:left;height:70px;position: relative;z-index:1000; text-align:center;margin-right: 40px;} #navigate ul li.first_menu{ background:none;} #navigate ul li a{display:block;line-height:70px;height:70px;color:#fff;text-align:center;font-size:16px;} #navigate ul li .current , #navigate ul li a:hover{border-bottom: 1px solid #464646;color: #464646;} #navigate ul li:last-of-type{margin-right: 0;} #navigate ul li ul {display:none;position:absolute;left:0;top:80px;padding:5px 0;background:#0ba486;z-index:9999;} #navigate ul li ul li {border:none;float:none; background:none; height:30px; line-height:30px;} #navigate ul li ul li a{height:30px;line-height:30px; font-size:14px; color:#fff;font-weight: normal; background:none;} #navigate ul li ul li a:hover {background:none;color:#ff0;} /*end*/ /*mobile menu*/ .navbar-toggle{margin:15px 0px 0 0;} .navbar-toggle .icon-bar{background-color:#f2f2f2;} .mobile_nav{display:none; background:#977f5e;} .mobile_nav ul{margin:0px;padding:0px; list-style-type:none;} .mobile_nav li{margin:0px;padding:0px; list-style-type:none;border-bottom:1px solid #fff;position: relative;} .mobile_nav ul li a{padding-left: 10px;color: #fff;display: block;font-size: 14px;height: 38px;line-height: 38px; font-weight:bold;} .mobile_nav ul li a:hover, .mobile_nav ul li a:active {background-color:#866f50;} .mobile_nav ul ul{margin: 0;padding:0 10px 10px 10px; display:none;} .mobile_nav ul ul li {border-bottom:none;margin: 0;padding: 0;} .mobile_nav ul ul li a {padding: 0;padding-left: 5px;font-size:14px;font-weight:normal;height: 38px;line-height: 38px;} .mobile_nav ul li i {position: absolute;top:12px;right:5px;display: block;width: 13px;height: 13px;overflow: hidden;background-position: center center;background-repeat: no-repeat; background-size: contain;} .mobile_nav ul li i.touch-arrow-down{background-image: url(../images/touch-arrow-d.png);} .mobile_nav ul li i.touch-arrow-up{background-image: url(../images/touch-arrow-u.png);} /*flash*/ #banner{width:100%;float:left;} #flash{width:100%;_float:left;} #flash img {width: 100%;object-fit: none} .slideBox{ position:relative; overflow:hidden;background:#000;} .slideBox .bd{position:relative; z-index:0;margin:0 auto; } .slideBox .bd li{position:relative; text-align:center; } .slideBox .bd li img{width:100%;} .slideBox .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:12px;line-height:12px;} .slideBox .hd ul{text-align:center;} .slideBox .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:0 5px;overflow:hidden;background:#ccc;/*filter:alpha(opacity=80);opacity:0.8;*/line-height:999px; border-radius:6px;} .slideBox .hd ul .on{background:#333;} .slideBox .prev , .slideBox .next {position: absolute; top: 50%;color: #fff;background: rgba(0, 0, 0, 0.4); width: 50px;height: 50px;border-radius: 100%; text-align: center;line-height: 46px; font-size: 30px;} .slideBox .prev img , .slideBox .next img { width: 26px !important; object-fit: inherit !important; } .slideBox .prev img {margin-left:-5px;} .slideBox .next img {margin-right:-5px;} .slideBox .prev i , .slideBox .next i{font-size: 22px;} .slideBox .prev {left: 20px;} .slideBox .next {right: 20px;} #myFocus{width:1000px;height:300px;} .pic img{width:1000px;height:300px;} /*end*/ /*底部*/ #footer{width:100%;float:left; text-align:center;padding:40px 0 15px; background:#977f5e;color:#fff;line-height:25px;} #footer a{color:#fff;} #footer a:hover{color:#ff0;} #copyright{width:100%;float:left;text-align:center;padding:15px 0;line-height:25px; background:#b10100;color:#fff;} #copyright a{color:#fff;} #copyright a:hover{color:#ff0;} #copy_txt{width: 100%;float: left;border-top: 1px solid #a18b6d;margin-top: 10px;padding-top: 10px;} #footnav{float:right;} #footnav ul{margin:0px 50px 0 0;padding:0px;list-style-type:none;display: inline-block;vertical-align: top;} #footnav ul p {font-weight: bold;font-size: 16px;} #footnav li{margin:0px;padding:0px;list-style-type:none;} #footnav li a{margin:0 10px;} #footnav .form {border: 1px solid #b6a68f;padding:0 4px;} #footnav input {outline:none;background: transparent;border: 0;color: #b6a68f;} #footnav ::-webkit-input-placeholder { /* WebKit browsers */ color: #b6a68f; } #footnav ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b6a68f; } #footnav :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #b6a68f; } /*end*/ /*home*/ .brand , .scene , .service , .news {padding: 50px 0;} .service-index {background: #f5f4f1;} .brand .brand-img {width: 100%;height: 270px;object-fit: cover;} .brand .row > div {margin-bottom: 20px;} .brand .row .title {border-bottom: 0;margin:10px 0;} .brand .row .title a {margin: 10px 0;display: block;} .brand .row .title a span {font-weight: bold;font-size: 20px;margin-right: 10px;} .brand .row .title img {width:100px;height: 30px;object-fit: contain;} .brand .row .desc {color: #666;line-height: 1.5;min-height: 180px;} .brand .row .more {font-size: 18px;color: #977f5e;} .brand-list .brand-item {padding:0;} .brand-list .brand-item-top , .brand-list .brand-item-bot {position: relative;} .brand-list .brand-item-top p {position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.6);top: 0;left: 0;color: #be9541;text-align: center;padding-top: 35%;} .brand-list .brand-item img {width:100%;height: 240px;object-fit: cover;} .brand-list .brand-item p , .brand-list .brand-item .brand-item-bot2 {display: none} .brand-list .brand-item-bot2 {position: absolute;top: 0;left:0;} .scene .scene-img {width: 100%;height: 624px;object-fit:cover;} .scene #tabBox1 .tempWrap {padding: 0;} .scene .tabBox{ margin:10px auto; } .scene .tabBox .hd{ height:40px; line-height:40px; font-size:20px; overflow:hidden;padding:0 10px; } .scene .tabBox .hd ul{ text-align: center;overflow-x: auto;white-space: nowrap;} .scene .tabBox .hd ul li{display: inline-block; padding:0 5px; vertical-align:top; margin: 0 10px;} .scene .tabBox .hd ul li.on a{ color:#977f50; border-top:2px solid #977f50; } .scene .tabBox .hd ul li a {padding: 0 10px;font-size: 16px;display:block;border-top:2px solid #fff;} .service .row .service-info {position: relative;} .service .row .service-info > a {position: absolute;bottom: 0;left: 0;width:100%;padding:10px;background: rgba(151, 127, 80, 0.7);color: #fff;} .service .row .service-info p:nth-of-type(1) {font-size: 20px;} .service .row .service-info p:nth-of-type(2) {margin-bottom: 0;} .service .row .service-info i {margin-top: 18px;} .news li {margin-bottom: 13px;} .news li p {font-weight: bold;} .news li span {color: #666;font-size:14px;} .news .more {color: #977f50;font-size: 16px;font-weight: bold;} .news .more i {margin-left: 10px;} /*end*/ .nav_menu {background: #f7f7f7;} .nav_menu ul {text-align: center;} .nav_menu li {display: inline-block;margin: 0 60px;} .nav_menu li a {display: block;padding: 18px 0;font-size: 16px;font-weight: bold;} .nav_menu li.active a {color: #977f50;border-bottom: 2px solid #977f50;} /*left*/ #left{width:230px;float:left;} .left_list{width:100%;float:left;} .left_top{width:100%;height:40px;line-height:40px;float:left;background:url(../images/left_top.png) no-repeat left top;} .left_top h3{float: left;line-height: 40px;font-size:16px;font-family: "微软雅黑";color: #FFF;padding-left: 20px;} .left_top i{font-family: Arial, Helvetica, sans-serif;font-size: 12px;padding-left:5px;font-style:normal;text-decoration: none;color:#fff;} .left_con{padding:5px 10px;line-height:24px;width:208px;background:#f0f0f0;float:left;border:1px solid #e0e0e0;border-top:none;padding-bottom: 6px;} .type_list{width:100%;float:left;} .type_list ul{margin:0px;padding:0px;list-style-type:none;} .type_list li{margin:0px;padding:0px;list-style-type:none;height:40px;line-height:40px;overflow:hidden;background:url(../images/left_li.png) no-repeat center bottom;} .type_list li a{color:#333;padding:0 0 0 36px;background:url(../images/li_1.png) no-repeat 18px center;font-size:14px;} .type_list li a:hover{color:#f00;} .type_list li a#lsed{color:#f00;} .type_list li.second_cat{background:none;} .type_list li.second_cat a{background:none;} .type_list li.second_cat a:hover{} /*end*/ /*right*/ #right{width:940px;float:right;} #right_top{width:100%;height:40px;line-height:40px;float:left;border-bottom:1px solid #e0e0e0;} #right_top h3{font-size:16px;float:left; font-family:"微软雅黑";} #right_top span{float:right;} #right_con{width:100%;float:left;padding:10px 0 0 0;line-height:200%;overflow-x:hidden;min-height:300px;height:auto !important;height:300px;} /*end*/ /*demo*/ #demo {overflow:hidden;width:900px;height:145px;margin:35px 0 0 10px;float:left; display:inline;} #cdemo {overflow:hidden;width:900px;} #demo img {} #indemo {float: left;width: 800%;} #demo1 {float: left;} #demo2 {float: left;} /*end*/ /* brand */ .brand-cont {text-align: center;padding: 50px;} .brand-cont1 {text-align: left} .brand-cont p {line-height: 2;color: #555;} .brand-cont img {max-width: 100%;} /* brand */ /* productList */ .product-list {margin-bottom: 30px;} .product-item {text-align: center;margin-top: 30px;} .product-item p {font-size: 16px;} .product-list img { width:100%; object-fit: scale-down; } /* productList */ /* scene */ .scene-list .scene-tab {text-align: center;margin: 30px auto;} .scene-list .scene-tab a {display:inline-block; margin-right: 50px;text-align: center;font-size: 16px;color: #977f50;} .scene-list .scene-tab a:nth-of-type(8) {margin-right: 0;} .scene-list .scene-tab p {margin-top: 14px;font-weight: bold;} .scene-list .scene-cont {margin: 50px 0;} .scene-list .swiper-slide img {width: 100%;height:100%;object-fit: cover;} .scene-list .swiper-slide { width: 80%; height: 458px; } .scene-list .swiper-slide-prev , .scene-list .swiper-slide-next { height: 398px; margin-top: 30px; overflow: hidden; } .scene-list .swiper-slide-next img , .scene-list .swiper-slide-prev img { height: 398px; filter:blur(10px); } /* scene */ .nonbg .main_top {background: none !important;float: none;} /* service */ .service-section1 {margin-bottom: 120px} .service-section1 img {width: 100%;} .service-section1 p:nth-of-type(1) {margin: 20px 0 14px;font-weight: bold} .service-section1 p:nth-of-type(2) {color: #666} .service-section2 {margin-bottom: 100px} .service-section2 img {width: 100%;} .service-section2 .tabs {font-size: 0;} .service-section2 .tabs-item {width: 33.3%;display: inline-block;font-size: 16px;text-align: center;padding: 10px 0;cursor: pointer;} .service-section2 .tabs .active {color: #d5aa77;background: #f7f7f7;border-bottom: 3px solid #d5aa77;} .service-section2 .swiper1 {display: none} .service-section2 .swiper1.active {display: block;} .service-section3 {margin-bottom: 100px;text-align:center;background: url(../images/service3-bg.jpg) no-repeat;} .service-section3 .section3-box {box-shadow: 2px 2px 6px #e6d9c0; background: #fff;width: 200px;height: 180px;text-align: center;padding-top: 30px;} .service-section3 h3 {margin:0 auto 100px;color: #fff;height: 45px;line-height: 45px;font-weight: normal;padding: 180px 0 40px;} .service-section3 .section3-box p {color: #977f50;font-size: 16px;margin-top: 10px;} .service-section4 {margin-bottom: 100px} .service-section4 .section4-box {padding-bottom: 50px;} .service-section4 .col-md-4 {padding: 0;} .service-section4 > div:nth-of-type(1) .section4-box {background: url(../images/arrowright.png) right 90px no-repeat;} .service-section4 > div:nth-of-type(2) .section4-box {background: url(../images/arrowright.png) right 90px no-repeat;} .service-section4 > div:nth-of-type(3) .section4-box {background: url(../images/arrowdown.png) bottom center no-repeat;margin-bottom: 50px;} .service-section4 > div:nth-of-type(4) .section4-box {text-align: left;} .service-section4 > div:nth-of-type(5) .section4-box {background: url(../images/arrowleft.png) left 90px no-repeat;} .service-section4 > div:nth-of-type(6) .section4-box {background: url(../images/arrowleft.png) left 90px no-repeat;} .service-section4 .section4-box img {width: 80%;margin-left: 10%;} .service-section4 .info {margin-left: 10%;} .service-section4 .info span {font-size: 16px; font-weight: bold; border-radius: 100%; margin-right: 10px; display: inline-block; width: 50px;height: 50px;background: #977f50;color: #fff;text-align: center;line-height: 50px;} .service-section4 .info p {position:relative;top: 10px; margin-bottom: 0; display: inline-block;font-size: 16px;} .service-section5 {box-shadow: 2px 2px 6px #f2f2f2;background: #fff;} .service-section5 input ,.service-section5 textarea {width:90%;margin-bottom:20px;outline: none; padding: 8px;border-radius: 2px;border: 1px solid #e4e4e4;} .service-section5 textarea {height: 80px; resize: none;} .service-section5 button {background: #977f50;border:0;color: #fff;width: 90%;padding: 10px 0;} .service-section5 .contact-form {margin-top: 30px;} /* service */ /* joinus */ .joinus-section1 {text-align: center;width: 80%;margin-bottom: 50px;} .joinus-section1 p {line-height: 2;} .joinus-section1 img {border: 1px solid #f2f2f2;} .joinus-section2 {text-align: center;margin-bottom: 50px;} .joinus-section2-info {margin: 50px 0 20px;} .joinus-section2-info .info-item {display: inline-block;text-align: center;width: 33%;} .joinus-section2-info .info-item p:nth-of-type(1) {color: #977f50; font-size: 60px;font-weight: bold;} .joinus-section2-info .info-item span {font-size: 20px;font-weight: normal;} .joinus-section3 {margin-bottom:50px;background: url(../images/joinus-bg1.jpg) no-repeat;padding: 50px 0 80px;} .joinus-section3 .main_top {float: none;height: auto;color: #fff;} .joinus-section3 .main_top h3 {color:#fff;margin-bottom: 20px;} .joinus-section3 .col-md-4 {padding: 0;} .joinus-section3 .col-md-4 img {width: 100%;} .joinus-section3 .col-md-3 {margin-bottom: 6px;padding: 0 4px;} .joinus-zc {background: #fff;text-align: center;height: 114px;padding-top: 10px;} .joinus-zc p {font-size:14px;} .joinus-zc img {height: 50px;margin-bottom: 10px;} .scene-list {margin-bottom: 50px;} .joinus-section4 .join-cat {margin-bottom: 20px;} .joinus-section4 .join-cat img {width: 100%;} .joinus-section4 .join-cat p:nth-of-type(1) {font-weight: bold;margin: 16px 0 10px;} .joinus-section4 .join-cat p:nth-of-type(2) {color: #666;} .joinus-section5 {background: url(../images/joinus-bg2.jpg) no-repeat;padding-top: 50px;} .joinus-section5 h3 {color: #fff;height: auto;float: none;} .joinus-section5 .col-md-9 {padding: 0;} .joinus-section5 .col-md-3 {margin-top:100px;} .joinus-section5 .main_top {color: #fff;width: auto;float: left;margin: 0} .joinus-section5 .row11 {background: rgba(255,255,255,0.9);margin: 30px 0;padding: 30px;} .joinus-section5 .joinus-lc {height: 180px;} .joinus-section5 .joinus-lc img {height: 54px;} .joinus-section5 .joinus-lc p:nth-of-type(1){font-weight: bold;font-size: 22px;margin-top: 10px;} .joinus-section5 .joinus-lc p:nth-of-type(2){font-size: 14px;} .joinus-section6 {background:#fff;margin: 80px 0;box-shadow: 2px 4px 4px #f2f2f2;} .joinus-section6 > img {padding: 0;} .joinus-section6 > div {padding:0 ;padding-left: 30px;} .contact-form input ,.contact-form textarea {width:90%;margin-bottom:10px;outline: none; padding: 8px;border-radius: 2px;border: 1px solid #e4e4e4;} .contact-form textarea {height: 80px; resize: none;} .contact-form button {background: #977f50;border:0;color: #fff;width: 90%;padding: 10px 0;} .joinus-section6 .contact-form {margin-top: 28px;} .joinus-section6 .contact-form p {margin: 14px 0;} .contact-form h3 {color: #977f50;} .contact-form h3 span {font-size: 16px; font-weight: normal;} /* contact */ .contact-section1 {background: #f6f6f6;} .contact-section1 img {width: 100%;} .contact-section1 h2 {color: #977f50;font-weight: bold;margin:50px 0 60px;} .contact-section1 h2 span {color: #333;font-weight: normal;font-size: 26px;} .contact-section02 {margin-top: 50px;} .contact-section02 > div {float: left;width: 20%;position: relative} .contact-section02 img {width:100%;} .contact-section02 p {display: none;position: absolute;background: rgba(0,0,0,0.7);width:100%;height:100%;top:0;left:0;color:#fff;padding-top:110px;text-align: center;} /* contact */ /* zp */ .fnone {float: none !important;} .zp-news {margin-top: 30px;} .zp-news .col-md-3 { margin-bottom: 20px; } .zp-news .zp-news-item {padding:20px; box-shadow: 2px 4px 4px #f2f2f2; background: #fff;} .zp-news-item:hover {background: #333; color: #fff;} .zp-news .zp-news-item .content {margin: 10px 0 30px} .zp-news .zp-news-title {font-size: 20px;font-weight: bold;} .zp-news .zp-keywords {font-size: 14px;color: #999999;margin: 10px 0;} .zp-news a {color: #977f50;} /* zp */ /* buttons */ .swiper-button-next, .swiper-container-rtl .swiper-button-prev , .swiper-button-next, .swiper-button-prev{ background: #bbac96; color: #fff !important; width: 40px !important; height: 40px !important; border-radius: 100%; } .swiper-button-next:after, .swiper-button-prev:after {font-size: 16px !important;} /* buttons */ /*link*/ .friendlink{padding-top:12px;} .friendlink li{float:left;width:242px;} .friendlink li.txt1{padding:3px 0px 3px 24px;background:url(../images/dot.gif) no-repeat 10px center;} .friendlink li.pic1{padding:3px 0 3px 8px;} .friendlink li.pic1 img{width:240px;height:65px;} .link_img{width:100%;float:left;text-align:center;} .link_img ul{margin:0px;padding:0px;list-style-type:none;} .link_img li{margin:0px;padding:0 10px;list-style-type:none; display:inline;} .link_img li img{height:30px;} .link{width:1198px;padding:5px 0;float:left;border:1px solid #e0e0e0;} .link_title{float:left;font-size:16px;color:#bc0100;width:98px;text-align:center;line-height:25px;} .link_txt{width:100%;float:left;} .link_txt ul{margin:0px;padding:0px;list-style-type:none;} .link_txt li{margin:0px;padding:0 10px;list-style-type:none; display:inline;line-height:25px;} /*end*/ /*news*/ .art_list{width:100%;float:left;padding:20px 0;border-bottom:1px dotted #ccc;} .art_img{float:left;width:20%;} .art_img img{width:100%;} .art_right{float:right;width:78%;} .art_title{width:100%;height:30px;line-height:30px;font-size:18px;} .art_author{width:100%;height:25px;line-height:25px;color:#666;} .art_author span{margin:0 10px 0 0;} .art_des{color:#666;line-height:25px;} .articleList{width:100%;float:left;} .articleList ul{margin:0px;padding:0px;list-style-type:none;} .articleList li{margin:0px;padding:0 0 0 10px;list-style-type:none;border-bottom:1px dotted #ccc;background:url(../images/li_0.png) no-repeat left center;line-height:35px;} .time{float:right;} .articleTitle{ font-weight:bold; font-size:18px; text-align:center;} .articleAuthor{text-align:center; padding:7px 0px;border-bottom:1px dotted #ccc;} .articleauthor span{ margin:0px 6px; font-size:9pt;} .articleInfo{width:100%;padding:10px 0; line-height:200%;} .articleInfo img{max-width:100%;} .pageUpDown{padding-top:10px;text-align: left;line-height:30px;} /*end*/ /*Product*/ .productList{width:100%;float:left;} .pro_time {margin-top: 20px;color: #878787;} .pro_list{ text-align:center; padding:10px;margin-bottom: 50px;position: relative} .pro-mask {position: absolute; top:0; left:0; width:100%; height:100%; color: #be9541; display: none; background-size:cover !important; } .pro-mask-img {background: rgba(0,0,0,0.8); padding-top:80px;position: absolute; top:0; left:0; width:100%; height:100%;} .pro-mask p { color: #be9541;} .pro-mask a.pro_more { color: #fff; background: #be9541; padding:4px 10px; margin-top:20px; display: inline-block; } .pro_img{} .pro_img img {width: 100%;height: 216px;object-fit: cover;} .pro_title{width:100%;height:25px;line-height:25px; overflow:hidden;margin-bottom: 20px;} .pro_title a {color: #977f5e;font-size:16px;} .productTitle{line-height:35px;font-weight:bold; text-align:center; font-size:18px;} .productImg{width:100%;text-align:center;float:left;margin:10px auto;} .productImg img{max-width:100%;} .title{width:100%;float:left;margin:10px 0 0 0;border-bottom:1px dotted #ccc;line-height:25px;} .title span{font-size:14px;font-weight:bold;} .productDesc{ line-height:200%;padding:10px 0;width:100%;float:left;} /*end*/ /*page*/ .pagination{ font-size:12px;text-align:center; padding:10px 0px 10px 0px;width:100%;} .pagination li{ display:inline-block;} .pagination a{font-size:12px;padding:5px 10px;border:1px solid #ccc;margin:0 2px;} .pagination a:hover{background:#eee;} .pagination a.current{background:#eee;color:#f00;} .pagination select{ vertical-align:middle; font-size:8pt; padding:0px; } .pagination b{ font-weight:normal;} /*end*/ /*feedback*/ .f_list{width:100%;float:left;margin:5px auto;clear:both;} .f_list .fl_l{float:left;width:20%;text-align:right;} .f_list .fl_r{float:left;width:80%;} .input_text{width:90%;border:1px solid #ccc; line-height:24px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .w100{width:100px;} /*end */ @media (min-width: 1200px){ .container { width: 1200px; } } @media screen and (max-width: 1200px){ #navigate ul li{margin-right: 20px;} #footnav ul {margin-right: 30px;} #footer img.foot_logo {float: none;margin-bottom: 20px;} } @media screen and (max-width: 992px){ #navigate ul li{margin-right: 10px;} } @media screen and (max-width: 768px){ #logo{margin:10px auto;} #logo img{height:40px;} .art_img{width:100%;} .art_right{width:100%;} #navigate{display:none;} .mobile_nav{display:block;} #footnav ul {width: 49%;margin-right: 0;margin-bottom: 20px;} #footnav input {width: 80%;} .service .col-xs-12 {margin-bottom: 10px;} .container {width: 100%;} .news .row > div:nth-of-type(1){margin-bottom: 10px;} .brand-cont {padding: 10px} .scene-list .scene-tab a {width: 49%;margin-right: 0;display: inline-block;} .scene-list .swiper-slide {width: 100%;height: 100%} .scene-list .swiper-slide-next img, .scene-list .swiper-slide-prev img {height: 100%;filter:none;} .scene-list .swiper-slide-prev, .scene-list .swiper-slide-next {margin-top: 0;} .service-section5 input, .service-section5 textarea , .service-section5 button {width: 100%} .service-section2 .tabs-item {width: 100%} .service-section5 img {width: 100%;} .service-section3 .section3-box {width: 100%;margin-bottom: 10px;height: 160px;} .service-section3 h3 {padding: 40px 0;} .service-section4 > div .section4-box {background: none !important} .joinus-section1 {width: 100%;} .joinus-section2-info .info-item {margin-bottom: 10px;width: 32%;} .joinus-section2-info .info-item p:nth-of-type(1) {font-size: 30px;} .joinus-section2-info .info-item p:nth-of-type(2) {font-size: 12px;} .joinus-section6 > div {padding-bottom: 20px;} .joinus-section6 > img {width: 100%;} #flash img {object-fit: unset;} .brand .brand-img {height: auto} .nav_menu li { margin:0 4px; } .scene .scene-img {height: 224px;} .contact-section02 >div {width:100%;} }