@charset "UTF-8"; body {color: #333;overflow-x: hidden;} a:focus{outline:none;} a { color: #333;} input,select,button,textarea {vertical-align:middle;font-family:"microsoft Yahei","寰蒋闆呴粦","Raleway,Helvetica Neue, Helvetica, Arial, sans-serif"; outline: none;border: 0; -webkit-appearance: none;} li { list-style:none;} ol, ul{ padding:0;} a, a:hover{-webkit-filter: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .trans { -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .wrap { margin-top:70px;} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #434343; opacity:1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #434343;opacity:1;} input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #434343;opacity:1;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #434343;opacity:1;} .cust_form:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #c3c3c3; opacity:1; } .cust_form::-moz-placeholder { /* Mozilla Firefox 19+ */color: #c3c3c3;opacity:1;} .cust_form input:-ms-input-placeholder{color: #c3c3c3;opacity:1;} .cust_form input::-webkit-input-placeholder{color: #c3c3c3;opacity:1;} .tc { text-align: center;} img { max-width:100%;} .color { background: linear-gradient(to left, #faab5d, #f64e27);-webkit-background-clip: text;color: transparent;} .in-am-container { padding:0 3%;} .text ul,.text li,.text p,.text h6,.text h5,.text h4,.text h3,.text h2,.text h1,.text ol,.text dl { margin:0;} .bg { background: #f65028;background: -webkit-linear-gradient(left, #fbad5e, #f65028);background: -o-linear-gradient(right, #fbad5e, #f65028);background: -moz-linear-gradient(right, #fbad5e, #f65028);background: linear-gradient(to right, #fbad5e, #f65028);} .bg2 { background: #f65028;background: -webkit-linear-gradient(bottom, #fbad5e, #f65028);background: -o-linear-gradient(top, #fbad5e, #f65028);background: -moz-linear-gradient(top, #fbad5e, #f65028);background: linear-gradient(to top, #fbad5e, #f65028);} .header { position: fixed;top:0;left:0;width:100%;z-index: 9999;} .header-bor-box { width:173px;height:95px;background: url(../images/nav.png) no-repeat left top;cursor: pointer;} .header-bor { display: block;height: 3px;background-color: #fff;margin-bottom:10px;transition: width .5s ease;width: 29px;} .header-bor2 { width: 39px;} .header-bor-box:hover .header-bor { width: 39px;} .header-bor-box:hover .header-bor2 { width: 29px;} .header-bor-t { font-size: 20px;color:#fff;margin-left:10px;line-height: 92px;} .header-bor-fl { margin:33px 0 0 11px;width: 39px;} .header-nav { position: relative;} .header-bor-box { position: absolute;left:0;top:0;z-index: 9;} .header-list { position: absolute;left:0;top:0;background: #fff;height:78px;padding-left:177px;-moz-box-shadow: 2px 3px 3px rgba(0,0,0,.2);-webkit-box-shadow: 2px 3px 3px rgba(0,0,0,.2);-ms-box-shadow: 2px 3px 3px rgba(0,0,0,.2);box-shadow: 2px 3px 3px rgba(0,0,0,.2);} .border { background: url(../images/border.png) no-repeat left top;width:92px;height:108px;position: absolute;right:-92px;top:0; } .header-logo a { display: block;} .header-logo img { margin-top:13px;} .nav-list { display: none;} .nav li { float:left;text-align:center;line-height: 78px;margin:0 25px;} .nav li a { padding:0 8px;color:#0d0d0d;font-size:22px;display:block;position:relative;-webkit-transition:all ease-in 0.5s;-moz-transition:all ease-in 0.5s;transition:all ease-in 0.5s;} .nav li.current-in a:before { content: "";width: 100%;height: 3px;background: #f65028; /* For browsers that do not support gradients */background: -webkit-linear-gradient(left, #fbad5e, #f65028); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(right, #fbad5e, #f65028); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(right, #fbad5e, #f65028); /* For Firefox 3.6 to 15 */background: linear-gradient(to right, #fbad5e, #f65028); /* Standard syntax */position: absolute;left: 0;bottom: 16px;} .nav li:last-child a:before { width:0;} .nav li.current-in a,.nav li a:hover { color:#f64e27;} .nav { margin:0 0 0 80px;} .header-fr { position: absolute;right:31px;top:28px;} .language { position: relative;} .language:hover .am-eng {display: block;} .am-eng { position: absolute;left:-20px;top:35px;width: 121px;padding-top:29px;display: none;} .am-eng span { background: #fff;display: block;-moz-box-shadow: 2px 3px 3px rgba(0,0,0,.2);-webkit-box-shadow: 2px 3px 3px rgba(0,0,0,.2);-ms-box-shadow: 2px 3px 3px rgba(0,0,0,.2);box-shadow: 2px 3px 3px rgba(0,0,0,.2);} .am-eng a { display: block;font-size: 18px;color:#000;text-align: center;line-height: 45px;margin:0 15px;} .am-eng a:hover { color:#f64e27;} .am-eng a:after,.am-eng a:before {position: absolute;display: block;content: "";width: 0;height: 0;border: 8px dashed transparent;z-index: 1; border-bottom-style: solid;border-width: 0 8px 8px;} .am-eng a:after { top: 21px; border-bottom-color: #fff;right: 50%;margin-right:-8px;} .header-fr li { float: left;position: relative;margin:0 18px;line-height: 50px;} .header-fr li>span,.header-fr li .search_ico { font-size: 22px;color:#000;padding-left:34px;line-height: 50px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .header-fr li span { cursor: pointer;} .header-fr li.header-login span { padding-left:0;} .header-fr li.header-login a { color:#000;padding-left:34px;} .header-fr li span:hover,.header-fr li.header-login:hover a,.header-fr li .search_ico:hover,.header-fr li .search_open .search_ico { color:#f64e27;} .header-fr li.header-login span a{ background: url(../images/login.png) no-repeat left center;} .header-fr li.header-login span:hover a{ background: url(../images/login2.png) no-repeat left center;} .header-fr li.header-logout span { padding-left:0;} .header-fr li.header-logout a { color:#000;padding-left:34px;} .header-fr li span:hover,.header-fr li.header-logout:hover a,.header-fr li .search_ico:hover,.header-fr li .search_open .search_ico { color:#f64e27;} .header-fr li.header-logout span a{ background: url(../images/logout.png) no-repeat left center;} .header-fr li.header-logout span:hover a{ background: url(../images/logout2.png) no-repeat left center;} .header-fr li.language span.language-ico { background: url(../images/language.png) no-repeat left center;} .header-fr li.language span.language-ico:hover { background: url(../images/language2.png) no-repeat left center;} .header-fr li:before{ content: "";width: 1px;height: 18px;background: #7b7c7d;position: absolute;right: -18px;top: 18px;} .header-fr li:last-child:before { width: 0;} .search_bar{position: relative;width: 0%;min-width: 78px;height: 60px;float: right;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s; -webkit-backface-visibility: hidden;} .search_open .input { background:#fff;} .input{position: absolute;top: 0;right:-18px;border: none;outline: none;width: 98%;height: 50px; line-height:50px;z-index: 10; font-size: 20px;color: #666;display: none;padding:0 100px 0 15px; } .search_ico,.search_btn {width: 100px;display: block;position: absolute;right: 0;top: 0;padding: 0;margin: 0;cursor: pointer;} .search_ico{background: url(../images/search.png) no-repeat left center;z-index:90;border:none;} .header-fr li .search_open .search_ico,.header-fr li .search_ico:hover {background: url(../images/search2.png) no-repeat left center;} .search_open{width: 340px !important; z-index:1002} .search_open .input { display: block;} /* 绗竴灞 */ .section1 { position: relative;background: url(../images/banner1.jpg) no-repeat center top;background-size:cover;} .video-box { width: 100%;height:100%;overflow: hidden;position: absolute;left: 0;top: 0;} .video { width: 100%;height: 100%;object-fit: cover;} .banner-pic { position: absolute;bottom:49px;right:49px;} .banner-a { width:250px;height:100px;margin-top:1px;font-size:26px;background: rgba(246,78,39,5); background: -webkit-linear-gradient(left,rgba(251,172,94,0.8),rgba(246,78,39,0.8)); background: -moz-linear-gradient(right,rgba(251,172,94,0.8) 0%,rgba(246,78,39,0.8) 100%); background: -o-linear-gradient(right,rgba(251,172,94,0.8) 0%,rgba(246,78,39,0.8) 100%); background: -ms-linear-gradient(to right,rgba(251,172,94,0.8),rgba(246,78,39,0.8));} .banner-a a { color:#fff;display: block;} .banner-a a .in_pimg { margin:27px 10px 0 46px;-webkit-filter: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .banner-a-t { line-height:100px;} .am-wrap { width: 43px;height: 39px;position: absolute;bottom: 30px;left: 50%;margin-left: -21px;cursor: pointer;z-index: 1;} .section { position: relative;} .scroll_a { animation: scroll_a 0.8s ease-in-out 0s infinite alternate; } @keyframes scroll_a{ from{margin-top:0px;} to{margin-top:-10px;} } @keyframes scroll_a{ from{transform:translate(0,0);}to{transform:translate(0,10px)}} .theme-price {position: relative;bottom: -6px;font-family: microsoft yahei, Arial, Helvetica, sans-serif;margin-right: 20px;font-weight: bold;color: #f60;line-height: 32px;font-size: 24px;display: inline-block;} .theme-popover-mask {z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display:none} .theme-popover {z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;display:none;} .theme-po { width:100%;height:100%;background:rgba(0,0,0,.5);} .theme-poptit {position: fixed;left: -100%;right:100%;top:0;bottom: 0;text-align: center;font-size: 0;} .theme-poptit:after {content:"";display: inline-block;vertical-align: middle;height: 100%;width: 0;} .yu {display: inline-block; *display: inline; *zoom:1;vertical-align: middle;position: relative;right: -100%;width:96%;height:40%;overflow: hidden;} .theme-poptit .close { position:absolute;right:-20px;top:-20px;background:#fff;color:#999;width:40px;height:40px;font: 20px/40px simsun;border-radius: 100%;} .theme-poptit .close:hover { background: #0061a5;color:#fff;} .video-img { width: 100%;height: 100%;position: absolute;top:0;left: 0;background: rgba(0,0,0,.1);display: flex;justify-content: center;align-items: center;} /* 浜у搧 */ .swiper-container2 { height: 100%;background: #f6f6f6;} .prod-slide .in-prod-text h3 { font-size: 40px;color:#f64e27;font-family: arial;margin:0;} .prod-slide .in-prod-text p { font-size: 26px;color:#5c5d5d;margin:0;} .prod-slide .in-prod-text .prod-more { border: 1px solid #9c9c9c;width:173px;height:40px;line-height: 38px;font-size: 18px;color:#5c5d5d;display: block;margin:0 auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;margin-top:30px;} .prod-slide .in-prod-text .prod-more i { width:11px;height:11px;display: inline-block;background: url(../images/more.png) no-repeat center;margin-left:10px;} .prod-slide .in-prod-text .prod-more:hover { background: #f64e27;color:#fff;border: 1px solid #f64e27;} .prod-slide .in-prod-text .prod-more:hover i { background: url(../images/more2.png) no-repeat center;} .prod-img img { width: 100%;display: block;} .prod-slide { display: flex;justify-content: center;align-items: center;} .prod-slide a { display:block;} .swiper-container2 .swiper-button-next, .swiper-container2 .swiper-button-prev ,.arrow .swiper-button-next, .arrow .swiper-button-prev{ width: 21px;height:37px;} .swiper-container2 .swiper-button-prev,.arrow .swiper-button-prev { background: url(../images/left.png) no-repeat center;} .swiper-container2 .swiper-button-next,.arrow .swiper-button-next { background: url(../images/right.png) no-repeat center;} /* 鏂伴椈 */ .section3 { background: url(../images/bg3.jpg) no-repeat center top;background-size: cover;} .in-news-fl { padding-right:10%;} .in-news-fl .in-news-tit { font-size: 60px;font-weight: bold;margin-top:12%;line-height: 80px;} .in-news-fl .in-news-en { font-size: 30px;color:#5c5d5d;font-family:arial;} .in-news-fl .in-news-bor { width: 40px;height:3px;display: block;background: #5c5d5d;margin-top:5px;} .in-news-fl .in-news-text { font-size: 16px;line-height: 35px;color:#5c5d5d;margin:30px 0;text-align: justify;} .in-news-fl .in-news-more { font-size: 16px;color:#f64e27;border-bottom:1px solid #f64e27;padding-bottom: 3px;display: inline-block;width: 64px;height: 29px;} .news-img { display: block;height: 166px;overflow: hidden;} .news-img .news-img2 { width: 100%;height: 100%;object-fit: cover;} .news-img .news-img2 { width: 100%;} .news-t h3 { font-size: 20px;margin:0;color:#000;font-weight: normal;} .news-img { padding-right:10px;} .news-text { font-size: 14px;line-height: 25px;color:#666;height:50px;overflow: hidden;} .news-time2 { font-size: 12px;color:#999;background: url(../images/time.png) no-repeat left center;padding-left:20px;margin:15px 0 0 0;} .news-slide .news-t { background: #fff;} .news-slide .news-t { padding:25px;} .news-slide a { display: block;} .news-img-bg { position: relative;height: 100%;} .news-bg { position: absolute;top:0;left:0;border:2px solid #fa9e55;width:100%;height:100%;background: rgba(0,0,0,.5);display: none;} .news-bg img { position: absolute;top:50%;left:50%;margin-top:-10px;margin-left:-10px;} .news-slide { padding:5px 0;} .in-news-fr { position: relative;padding-right:57px;} .arrow .swiper-button-prev { left: -57px;} .arrow .swiper-button-next { right: 0;} /* 杩愮敤棰嗗煙 */ .section4 { background: url(../images/bg4.jpg) no-repeat center top;background-size: cover;} .field-slide a { display: block;background: #fff;position: relative;} .flield-top { font-size: 22px;color:#333;font-weight: bold;line-height: 80px;padding:0 16px;} .flield-top img { width: 36px;height: 36px;margin-right:15px;} .flield-top span { vertical-align: middle;} .field-img img { width: 100%;display: block;} .fiele-text { padding:20px;} .fiele-text .fiele-t { font-size: 14px;color:#666;line-height: 26px;height: 104px;overflow: hidden;text-align: justify;} .fiele-more { font-size: 12px;color:#a5a5a5;background: url(../images/more3.png) no-repeat right center;margin-top:30px;} .field-slide a:hover .fiele-more { background: url(../images/more4.png) no-repeat right center;} /* 鑱旂郴鎴戜滑 */ .cont-fl { height: 100%;background: url(../images/cont1.jpg) no-repeat center top;background-size: cover;} .cont-fr { height: 100%;background: url(../images/cont2.jpg) no-repeat center top;background-size: cover;display: flex;align-items: center;padding:0 5%;} .cont-tit { font-size: 36px;color:#5c5d5d;font-weight: bold;margin-top: 10px;} .cont-text { font-size: 16px;color:#888;line-height: 38px;margin-top:30px;} .cont-text p { margin:0;} .cont-text h3 { font-weight: normal;font-size: 36px;color:#5c5d5d;margin:0 0 15px 0;} .cont-text img { margin-right:10px;} .cont-text span { vertical-align: middle;} .cont-img { margin-top:35px;} .cont-img p { font-size: 12px;color:#888888;margin:0;line-height: 40px;} .wx-img { margin-right:30px;} .cont-img img { width: 110px;height: 110px;display: block;} .section5 { position:relative;} .footer { position: absolute;left:0;bottom:0;background: #fff;width: 100%;z-index: 1;color:#666;} .footer-list { font-size: 16px;line-height: 60px;padding-top:10px;border-bottom:1px solid #efefef;} .footer-list a,.footer a { color:#666;} .footer-list a:hover { color:#f64e27;} .footer-list span { margin:0 15px;} .copy { font-size: 14px;line-height: 26px;padding:12px 0;} /* about */ .about-banner { position: relative;overflow: hidden;} .about-banner-box { position: absolute;top:50%;left:0;width: 100%;height:424px;margin-top:-212px;} .side-tit p { font-size: 50px;font-weight:700;color:#f64e27;margin:0;text-shadow: 1px 2px #fff; text-transform:uppercase;} .side-ul { margin:250px 0 0 0;text-align: center;} .side-ul li { display: inline-block;line-height:20px;margin:0 8px;} .side-ul li a { display: block;font-size: 20px;color:#333;background: #fff;-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.5);-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.5);-ms-box-shadow: 0px 0px 10px rgba(0,0,0,.5);box-shadow: 0px 0px 10px rgba(0,0,0,.5);padding:20px 25px;} .side-ul li.current2 a,.side-ul li a:hover { background: #f65028;background: -webkit-linear-gradient(left, #fbad5e, #f65028);background: -o-linear-gradient(right, #fbad5e, #f65028);background: -moz-linear-gradient(right, #fbad5e, #f65028);background: linear-gradient(to right, #fbad5e, #f65028); color:#fff;} .scroll_b { position: absolute;bottom:40px;left:50%;cursor: pointer;} .ab-bg { background:#f6f6f6;padding:70px 0 80px 0;} .text { font-size: 16px;color:#333;line-height: 30px;text-align: justify;} .banner-img { display:block;overflow:hidden;position:relative;} .banner-img img { width: 100%;} @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { -webkit-transform: scale(1); transform: scale(1); } } .banner-img { -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* 鍐呴〉搴曢儴 */ .ab-footer { background: #e8e8e8;padding:50px 0;border-bottom:1px solid #d3d3d3;} .footer-list2 { border: none;padding-top:0;line-height: 40px;} .footer-list2 a { font-size: 18px;color:#5c5c5c;position: relative;margin-right:50px;} .footer-list2 a:before { content: "";position: absolute;right:-25px;top:5px;width:1px;height:16px;background: #c9c9c9;display: block;} .footer-list2 a:last-child:before { width: 0;} .footer-list2 a:last-child { margin-right:0;} .cont-img2 { margin-top:30px;} .cont-img2 p { font-size: 14px;} .ab-foot-cont { margin-bottom:15px;} .ab-foot-cont img { width: 220px;} .ab-foot-cont span { font-size: 20px;color:#5c5d5d;vertical-align: middle;font-weight: bold;margin-left:5px;} .cont-text2 { margin-top:5px;width: 510px;float: right;} .bot { background: #e8e8e8;line-height: 32px;padding:10px 0;font-size: 14px;color:#5c5c5c;} .technology { text-align: right;} .bot a { color:#5c5c5c;} /* 鎵嬫満瀵艰埅 */ .sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:999;width:100%;top:0;} .sp_logo{padding:10px;float:left;height:50px} .sp_logo img{margin:auto;max-height:24px;} .sp_nav{width:94px;float:right;position:relative;cursor:pointer;height:100%;} .sp_nav span{display:block;background:#666;width:22px;height:2px;position:absolute;left:14px;transition:all ease 0.35s} .sp_nav span:nth-of-type(1){top:15px} .sp_nav span:nth-of-type(2){top:23px} .sp_nav span:nth-of-type(3){top:31px} .sp_nav_se span:nth-of-type(1){top:23px;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){width:0} .sp_nav_se span:nth-of-type(3){top:23px;transform:rotate(-45deg)} .sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 50px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;} .nav_show{top:50px} .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)} .sjj_nav>ul>li:first-child .language{float:right;overflow:hidden;line-height:36px;} .sjj_nav>ul>li:first-child .language a{width:45px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;} .sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;width: 10%;text-align: right;} .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s} .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .sjj_nav ul li{border-top:1px #ddd solid;padding-left:15px;position:relative;line-height:40px;font-size:14px} .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;} .sjj_nav ul li ul{display:none;margin: 0;} .sjj_nav ul li a{color:#666;width:100%;display: block;} .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;} .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;margin-right: 10px;} .sjj_nav ul li ul li>ul{margin-left:10px} /* honor */ .honor-list li { text-align: center;} .honor-list li img { width: 100%;display:block;margin:0 auto;} .honor-list li a:hover { -moz-box-shadow: 0px 5px 5px rgba(0,0,0,.15);-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.15);-ms-box-shadow: 0px 5px 5px rgba(0,0,0,.25);box-shadow: 0px 5px 5px rgba(0,0,0,.15); } .honor-list li p { font-size: 16px;color: #262620;margin:50px 0px 0 0;-moz-transition:all ease-in 0.3s;transition:all ease-in 0.3s;} .fs_gallery {background: rgba(0,0,0, 0.9);position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 9999;} .fs_gallery_close {position: absolute;top: 20px;right: 20px;width: 25px;height: 25px;color: #ccc;font-size: 34px;line-height: 23px;text-align: center;cursor: pointer;z-index: 102;} .fs_gallery_close:before {content: "脳";} .fs_gallery_close:hover {color: #fff;} .fs_gallery_prev, .fs_gallery_next {position: absolute;width: 80px;color: #ccc;font-size: 30px;cursor: pointer;z-index: 101;} .fs_gallery_prev:hover, .fs_gallery_next:hover {background: rgba(0,0,0, 0.1);color: #fff;} .fs_gallery_prev {left: 0;top: 0;bottom: 0;} .fs_gallery_next {right: 0;top: 0;bottom: 0;} .fs_gallery_prev:before {content: "鈥?;position: absolute;height: 30px;margin-top: -30px;top: 50%;left: 35px;} .fs_gallery_next:before {content: "鈥?;position: absolute;height: 30px;margin-top: -30px;top: 50%;left: 35px;} .fs_gallery_shuft {position: relative;width: 9999999px;} .fs_gallery_shuft:after {clear: both;content: "";display: block;} .fs_gallery_shuft_item {float: left;position: relative;background-image: url(data:image/gif;base64,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); background-position: center center; background-repeat: no-repeat;} .fs_gallery_shuft_item img {box-shadow: 0 0 8px rgba(0,0,0, 0.8);position: absolute;top: 50%;left: 50%;} .honor-list li a { background: #fff;display: block;padding:40px;} .honor-list { width:1460px;} .honor-list li { padding:0 60px 60px 0;} /*------------------------------------鍒嗛〉鏍峰紡----------------------------------*/ .yu10 {clear: both;color:#333;text-align:center;padding-top:20px;} .yu10 span {border: 1px solid #f3f3f3;background:#fff;margin-right: 2px;padding:8px 14px;} .yu10 a {padding:8px 14px;color:#666666;font-size: 14px;border:1px solid #dddddd;} .yu10 a{ transition: background 1s, color 0.5s; -moz-transition: background 1s, color 0.5s; /* Firefox 4 */ -webkit-transition: background 1s, color 0.5s; /* Safari 鍜 Chrome */ -o-transition: background 1s, color 0.5s; /* Opera */ } .yu10 .current,.yu10 a:hover {background: #f65028;background: -webkit-linear-gradient(left, #fbad5e, #f65028);background: -o-linear-gradient(right, #fbad5e, #f65028);background: -moz-linear-gradient(right, #fbad5e, #f65028);background: linear-gradient(to right, #fbad5e, #f65028);border:1px solid #fa924f;color: #fff;padding:8px 14px;text-decoration: none;} .yu10 ul li {float: left;font-size: 12px;height: 22px;line-height: 22px;margin: 0 8px;} .yu10 ul li a {font-size: 12px;font-weight: bold;margin: 0 5px;} .yu10 ul li select {font-size: 12px;vertical-align:top;} /* join */ .join-tit { font-size: 36px;font-weight: bold;margin-top:10%;} .join-en { font-size:30px;color:#949494;font-family: Arial;} .join-t { font-size: 14px;line-height: 24px;color:#333;text-align: justify;margin-top:60px;} .join-fl { padding-right:9%;} .join-bor { width: 70px;height:6px;display: block;margin-top:8px;} .join-wrap { margin-top:100px;} .join-bg { background:url(../images/join-bg.jpg) no-repeat center;padding:100px 0;background-size: cover; background-attachment: fixed;} .join-tit2 { margin-top: 0;} .join-list { line-height: 60px;} .join-img { overflow: hidden;} .join-img img { width: 100%;} .join-list li { text-align: center;} .join-h3 { background: #777777;color:#fff;margin-top:50px;font-size: 18px;font-weight: bold;} .join-deta { font-size: 15px;color:#333;background: #fff;} .join-deta a { display: block;} .join-deta li { border-bottom:1px solid #dcdcdc;} .reveal-modal-bg { position: fixed; height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.4);z-index: 99999;display: none;top: 0;left: 0; } .reveal-modal {visibility: hidden;top: 100px; left: 50%;margin-left: -400px;padding:50px;width: 800px;background: #fff;position: absolute;z-index: 999999;} .reveal-modal .close-reveal-modal {width:25px;height:24px;background:url(../images/colse.png) no-repeat center;position: absolute;top:25px;right: 25px;cursor: pointer;display:block;} .join-top li { float: left;} .join-top li.j1 { width: 47%;} .join-top li.j2 { width: 33%;} .join-top li.j3 { width: 20%;} .join-top-em { font-size: 16px;color:#807f7f;} .join-top-t { font-size: 30px;color:#000000;} .join-text-tit,.join-tit-bot { font-size: 16px;color:#807f7f;line-height: 40px;} .join-text-tit { border-bottom:1px solid #cccccc;} .join-tit-bot { border-top:1px solid #cccccc;} .join-deta2 { font-size: 14px;line-height: 25px;color:#807f7f;margin:25px 0;height:300px;overflow: hidden;overflow-y: visible;} /* contact */ .cont-wrap { position: relative;height:460px;} .ditu { position: absolute;right:0;top:0;width:58%;height:460px;} .cont-t { margin-top:30px;} .my-map { margin: 0 auto; width: 100%; height: 100%; } .my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; } .amap-container{height: 100%;} .join-tit3 { margin-top: 22%;} .message-box { background:#dbdbdb url(../images/mess-bg.jpg) no-repeat center;padding:70px 0 140px 0;background-size: cover; background-attachment: fixed;} .cont-bor,.cont-bor2,.cont-bor3,.cont-bor4,.cont-bor5 { display: none;} .mess-top { margin-top:60px;} .proble-span { font-size: 16px;color:#666666;vertical-align: middle;} .pro-box-list { display: inline-block;margin:0;vertical-align: middle;} .pro-box-list li { float: left;margin-right: 5px;height: 38px;background: #fff;border-radius: 30px;color: #666;cursor: pointer;} .pro-box-list li p { line-height: 38px;padding:0 20px; text-align: center;font-size: 16px;margin:0;} .pro-box-list .selected{ background: #f64e27;color:#fff;} .other-input,.other-input3 { height: 38px;padding: 10px 2px;font-size: 16px;line-height: 38px;color: #666;background: none;border: none;border-bottom: 1px solid #f64e27;width: 267px;margin-left:5px;} .in_textarea { height: 200px;line-height: 32px;padding: 20px;font-size: 16px;color: #666;background: none;border: none;width: 100%;margin-top: 40px;background: #fff;} .submit2 { color: #fff;margin-top: 90px;width: 180px;height: 50px;line-height:50px;cursor: pointer;font-size: 20px;border:none;} .submit2:hover { opacity: .9;} /* course */ .swiper-container-horizontal>.swiper-scrollbar { opacity: 1 !important;} .swiper-scrollbar-drag { width: 25% !important;} .swiper-container-horizontal>.swiper-scrollbar { width: 100%;left:0;} .course-bor { width: 9px;height:9px;border-radius:100%;background: #303030;display: block;margin-top:15px;} .course-year { font-size: 70px;color:#333;font-weight:bold;font-family: Arial;line-height: 80px;} .course-text { font-size:15px;line-height:20px;color:#6b6b6b;margin-bottom: 20px;} .course .swiper-scrollbar { background: none;} .course .swiper-scrollbar-drag { background: #f64e27;} .course-arrow .swiper-button-next, .course-arrow .swiper-button-prev { top:93%;width:42px;height:42px;border:2px solid #dddddd;border-radius: 100%;} .course-arrow .swiper-button-prev { background:url(../images/pro-left.png) no-repeat center;background-size: 8px 15px;left:calc(50% - 55px);right:auto;} .course-arrow .swiper-button-next { background: url(../images/pro-right.png) no-repeat center;background-size: 8px 15px;right:calc(50% - 55px);left:auto;} .course-arrow .swiper-button-prev:hover { background: #f64e27 url(../images/pro-left2.png) no-repeat center;background-size: 8px 15px;} .course-arrow .swiper-button-next:hover { background: #f64e27 url(../images/pro-right2.png) no-repeat center;background-size: 8px 15px;} .course-arrow .swiper-button-next:hover, .course-arrow .swiper-button-prev:hover { border:2px solid #f64e27;} .course-box { width: 100%;} .course .swiper-slide:nth-child(odd) .course-box{ -webkit-box-align: end;-webkit-align-items: flex-end;align-items: flex-end;display: -webkit-box;display: -webkit-flex;display: flex;} .course .course-box:before{ position: absolute;display: block;content: "";left: 0;width: 10px;height: 10px;background: #303030;-webkit-border-radius: 100%;border-radius: 100%;-webkit-transition: all .3s;transition: all .3s;} .course .swiper-slide-active .course-box::before { background: #f64e27;} .course .swiper-slide:nth-of-type(2n) { margin-top:220px;} .course .swiper-slide::before { position: absolute;display: block;content: "";left: -100%;width: 0;height: 2px;background: #f64e27;-webkit-transition: all .4s ease-out;transition: all .4s ease-out;} .course .swiper-slide-active::before { width:100%;left: 0;} .course .swiper-slide:nth-of-type(2n-1)::before { bottom: -21px;} .course .swiper-slide:nth-of-type(2n)::before{ top:-21px;} .course .swiper-slide:nth-of-type(2n) .course-text { padding-bottom: 0px;} .course .swiper-slide:nth-of-type(2n) .course-box::before {top: 0;} .course .swiper-container { overflow: inherit} .course-arrow { margin-top:130px;} .prod-banner { margin-top:90px;} .swiper-container5 { padding-bottom: 0px;} .swiper-container5 .swiper-button-next.swiper-button-disabled,.swiper-container5 .swiper-button-prev.swiper-button-disabled { opacity: 1;} .cour-slide { border:1px solid #e1e1e1;padding:0 25px;height:400px;display: flex;align-items: center;position: relative;} .cour-img { text-align: right;margin-right: 22%;} .course-bor { position: absolute;right:20px;bottom:20px;width:20px;height:20px;border:4px solid #333;background: none;border-radius: 100%;} .course-text { display: none;color:#fff;font-size:14px;} .course-bor2 { width:20px;height:20px;border:4px solid #fff;background: none;display: none;border-radius: 100%;margin:20px auto 30px auto;} .swiper-container5 .cour-slide:nth-child(odd) { margin-top:180px;} /* product */ .prod-lst .prod-slide2 { background: #fff;padding:25px 0 45px 0;} .prod-lst li { padding:40px 0;} .prod-lst li:nth-child(1),.prod-lst li:nth-child(2) { padding-top:0;} .prod-lst li:nth-child(odd) { padding-right:40px;} .prod-lst li:nth-child(even) { padding-left:40px;} .prod-slide2 .in-prod-text h3 { font-size: 24px;color:#333;font-weight: normal;} .prod-slide2 .in-prod-text p { font-size: 18px;color:#666;margin-top:10px;} .prod-slide2 .in-prod-text .prod-more { font-size: 14px;color:#f64e27;border:1px solid #f64e27;width: 150px;height: 40px;line-height: 40px;} .prod-lst li a { display: block;} .prod-lst li a:hover { -moz-box-shadow: 0px 5px 5px rgba(0,0,0,.15);-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.15);-ms-box-shadow: 0px 5px 5px rgba(0,0,0,.25);box-shadow: 0px 5px 5px rgba(0,0,0,.15);} .prod-lst li a:hover .prod-more { background: #f65028;color:#fff;} /* product_details */ .prod-bg { background: #fff;padding:45px 40px;} .prod-fr .join-tit4 { font-size: 50px;margin-top:30px;} .prod-fl { padding-right:5%;border-right:1px solid #eeeeee;} .prod-fl img { width: 100%;} .prod-fr { padding-left:5%;} .prod-fr .join-bor2 { margin-top:20px;} .prod-tit { font-size: 24px;color:#333;font-weight:bold;margin-top:30px;padding-bottom:50px;border-bottom:1px solid #f2f2f2;} .prod-text { font-size: 18px;color:#333;line-height: 36px;margin-top:50px;} .prod-text p { margin: 0;} .prod-top { margin-bottom:30px;} .prod-h3 { font-size: 36px;color:#333;border-bottom:1px solid #eeeeee;padding-bottom:35px;margin-bottom:40px;} /* customized */ .cust-tit-span { width: 6px;height: 20px;display: block;float:left;margin-right:25px;position: relative;top:7px;} .cust-tit { font-size: 20px;color: #333;font-weight:bold;margin-bottom:15px;} .cust-input select { border: none;padding: 0 20px;line-height: 70px;height: 70px;width: 100%;color: #434343;background: #fff url(../images/ty.jpg) no-repeat 96% center;} .cust-select { position: relative;} .combo-arrow { position: absolute;right: 0;top: 0;background: #fff;height: 100%;cursor: pointer;width: 40px;} .combo-arrow:before { content: " ";border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #aaaaaa;display: block;width: 0;height: 0;top: 0;right: 15px;bottom: 0;position: absolute;margin: auto 0;} .cust-input { margin-bottom:60px;} .cust-label { margin-right:10px;} .cust-label input { background: #fff;line-height: 70px;height: 70px;padding:0 0 0 20px;border:none;width: 100%;} .other-input2 { width: 140px;} .mess-top2 { margin:0 0 20px 0; } .mess-top2 li { border:1px solid #a0a0a0;} .mess-top2 .selected { border:1px solid #f64e27;} .mess-top2 span { font-size: 18px;} .cust-list li .cust-label { margin-bottom:10px;} .custom-but { padding-top:20px;} .custom-button { width: 50%;height: 70px;line-height: 70px;color:#fff;font-size: 20px;border:none;} .custom-button:hover { opacity: .9;} .cust-fl { padding-right:2%;} /* news */ .news-list10 li:hover .news-t h3 { color:#f64e27;} .news-list10 li a{ padding:18px;background: #fff;margin-bottom:30px;} .news-list10 .news-t h3 { font-size: 18px;} .news-list10 .news-text { height: 75px;margin-top:30px;} .news-more2 { font-size: 14px;color:#666;border:1px solid #dbdbdb;text-align:center;margin-top:45px;width:150px;height:40px;line-height: 40px;} .news-list10 .news-img { display: block;height: 240px;overflow: hidden;} .news-list10 .news-img img { width: 100%;} .news-list10 .news-img img { width: 100%;} .news-list10 .news-t { padding-left:2%;padding-top:1%;} .news-list10 li a { display: block;} .news-deat-time b { display: block;font-size: 40px;color: #767676;padding-top: 58px;} .news-t10 { height:240px;font-family: Arial;margin-left:20%;border-left:1px solid #ededed;} .news-deat-time p { font-size: 20px;color: #989898;margin:0;} .news-list10 li a:hover { -moz-box-shadow: 0px 5px 5px rgba(0,0,0,.15);-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.15);-ms-box-shadow: 0px 5px 5px rgba(0,0,0,.25);box-shadow: 0px 5px 5px rgba(0,0,0,.15);} .news-list10 li a:hover .news-more2 {background: #f65028;background: -webkit-linear-gradient(left, #fbad5e, #f65028);background: -o-linear-gradient(right, #fbad5e, #f65028);background: -moz-linear-gradient(right, #fbad5e, #f65028);background: linear-gradient(to right, #fbad5e, #f65028);color:#fff;border:1px solid #fa9d55; } /* news_details */ .news-deta li a:hover .news-img img { -o-transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05) } .am-text { font-size: 15px;line-height: 32px;color:#434343;} .am-text p,.am-text ul,.am-text li,.am-text h1,.am-text h3 { margin:0;padding:0;} .main-newarc-title .share-p{display:inline-block;*display:inline;*zoom:1;margin:0 7px;font-size:14px;font-weight:normal;color:#666;} .main-newarc-title .share-p font{color:#8c8c8c;text-transform:uppercase;margin-right:4px;} .main-newarc-title h2 {text-align:center;font-size:26px;color:#333;font-weight:bold;line-height:30px;padding-bottom:20px;margin:0;} .main-newarc-title{padding-bottom:25px;border-bottom:1px solid #dddddd;margin-bottom:35px;} /*------------------------------------涓婁竴绡囦笅涓€绡?---------------------------------*/ .JLTupdown{ position: relative;line-height: 36px;margin-top: 35px;color: #999;font-size:15px;border-top:1px solid #dddddd;padding-top:35px;} .JLTMain .JLTupdown {width: 100%;overflow: hidden;} .JLTupdown ul li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .JLTupdown ul li a,.JLTcometol a{ color:#171a1f;} .JLTupdown ul li a:hover,.JLTcometol a:hover{ color:#f76535;} .JLTupdown strong{ color:#171a1f;font-weight:normal;} .back { margin:0;} .JLTcometol a{width:136px;height:42px;line-height:42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;text-align:center;color:#fff;float: right;margin-top: 16px;} .JLTcometol a:hover { opacity: .9;color:#fff;} /* faq */ .faq-cont { padding:5px 0 0 0;line-height: 24px;font-size: 14px;color: #666;} .faq-cont p { margin:0;} .am-accordion-gapped { margin:0 0 30px 0;} .faq-list .am-accordion-content { padding:0 0 0 60px;} .faq-list .am-accordion-item { margin:0;border:none;padding:20px 0;} .faq-list .am-accordion-item:nth-child(odd) { background: #fff;} .faq-list .am-accordion-item:nth-child(ever) { background: #fff;} .num { width: 46px;height:46px;position: absolute;top:0;left:0;background: #aaaaaa;border-radius:100%;line-height:46px;color:#fff;font-size: 30px;font-family: arial;font-style: normal;text-align: center;margin-top: 7px;font-weight: bold;} .am-accordion-gapped .am-accordion-item.am-active .num { background: #f65028;background: -webkit-linear-gradient(left, #fbad5e, #f65028);background: -o-linear-gradient(right, #fbad5e, #f65028);background: -moz-linear-gradient(right, #fbad5e, #f65028);background: linear-gradient(to right, #fbad5e, #f65028);} .faq-list .am-accordion-title, .faq-list .download-list,.join2 { height:60px;line-height: 60px;font-size: 16px;padding:0 0 0 60px;color:#333;} .faq-list .am-accordion-item:nth-child(odd) .am-accordion-content { background: #fff;} .faq-list .am-accordion-item:nth-child(even) .am-accordion-content { background: #f6f6f6;} .faq-list .am-active .am-accordion-title:after,.faq-list .am-accordion-title:after { content: "";} .faq-list .am-accordion-title { position: relative;} .faq-list .am-accordion-title { padding-left:60px;} .am-accordion-gapped .am-accordion-item.am-active { border:none;} .faq .am-accordion-gapped .am-accordion-title { border: none;} .am-accordion-gapped .am-accordion-title:after { display: inline-block;content: "";-webkit-transition: -webkit-transform .2s linear; transition: -webkit-transform .2s linear;transition: transform .2s linear;transition: transform .2s linear,-webkit-transform .2s linear;position: absolute;right: 10px;top: 50%;margin-top: -.8rem;width:20px;height:12px;background: url(../images/arr1.png) no-repeat center;} .am-accordion-gapped .am-active .am-accordion-title:after { -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .fat-tit { font-size: 18px;color:#333;font-weight: bold;padding-right:30px;} /* download */ .download { color:#fff; } .am-accordion-item{ line-height: 60px;font-size: 16px;padding:0 0 0 60px;color:#333;} .download-box { margin-bottom:30px;} .download-box a { display: block;} .download-box .am-accordion-item { background: #eeeeee;border-bottom:1px solid #f6f6f6;} .down3 { width:19px;height:18px;background: url(../images/down.png) no-repeat center;display: inline-block;position: relative;top:2px;margin-right:8px;} .download-box a:hover .down3 { background: url(../images/down2.png) no-repeat center;} .download-box a:hover .down2,.download-box a:hover .tech-tit { color:#f6532a;} .am-accordion-item2 { margin-top:20px; font-size: 18px;line-height: 70px; height: 70px;color:#fff; } .am-accordion-item2 .am-accordion-title { font-weight: bold} /* login */ .login-bg { background: url(../images/login-bg.jpg) no-repeat center top;padding:200px 0;background-size: cover;} .login-box { width: 450px;background: #fff;padding:30px 50px 60px 50px;margin:0 auto;} .cust_form li { margin-bottom:15px;} .cust_form .input1 { background:#f6f6f6;width:100%;height:45px;border:none;padding:0 20px;line-height:45px;font-size: 14px;color:#c3c3c3;} .cust_form .button4 { background:#dd4b4e;color:#fff;font-size:16px;width:109px;height:50px;border-top-right-radius:3px;border-bottom-right-radius:3px;cursor:pointer;} .cust_form .input10 { width: 64%;} .cust_form .login-img img { width: 32%;height: 45px; float: right; cursor: pointer;} .login-tig { font-size: 22px;color:#000;margin-bottom:33px;} .forget-a { display: block;font-size: 16px;color:#f64e27;} .forget-a:hover { color:#f39800;} .login-button { line-height: 55px;font-size: 20px;text-align: center;} .login-but { background: #f64e27;height: 55px;color:#fff;border:none;display: block;width:100%;margin-top:20px;} .register-a { display: block;height:55px;border:1px solid #f64e27;color:#f64e27;margin-top:15px;} .register-a:hover { background: #f64e27;color:#fff;} .login-but:hover { opacity: .9;} /* register */ .cust_form .input4 { width: 49%;float: left;} .cust_form .input5 { margin-right:2%;} .cust_form .cust-input select { height: 45px !important;line-height: 45px !important;background: #f6f6f6;font-size: 14px;color:#c3c3c3;} .cust_form .cust-input { margin-bottom:0 !important; } .input-time { background:#f6f6f6 url(../images/time.png) 96% center no-repeat !important;} /* field */ .field-list li a { padding:25px 25px 0 25px;background: #fff;} .field-list .prod-slide2 .in-prod-text h3 { font-size: 18px;margin-top:25px;} .field-list .prod-slide2 .in-prod-text p.field-t { font-size: 14px;color:#666;line-height: 24px;height:48px;overflow: hidden;} .field-list li:nth-child(odd) { padding-right:20px;} .field-list li:nth-child(even) { padding-left:20px;} .field-list li { padding:20px 0;} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0;} .dh { position: absolute; right: 10px; top: 0; font-size: 15px; line-height: 50px; height: 50px;} .faq-list .am-accordion-title,.faq-list .am-accordion-content{ max-width: 1400px;margin:0 auto;} .JLTupdown ul { margin: 0;} .video-box2 { width:70%;height:560px;margin:0 auto;} .slideTxtBox .hd{ position:relative;} .slideTxtBox .hd ul li{ cursor:pointer;padding:25px 20px;font-size:19px;background:#fff;position:relative;} .slideTxtBox .hd ul li:before { content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#f64e27;} .slideTxtBox .hd ul li.on{ color:#f64e27;background:#eee;} .slideTxtBox .hd ul li.on:before { width:4px;} .slideTxtBox .bd { padding-left:50px;} .slideTxtBox .bd ul { margin:0;} .slideTxtBox .bd li { background:#fff;} .slideTxtBox .bd li a { display:block;padding:50px 0;} .slideTxtBox .bd li .in-prod { display: flex;justify-content: center;align-items: center;} .slideTxtBox .bd li .in-prod-text { padding:0 35px;} .slideTxtBox .bd li .in-prod-text p{ white-space: normal;} .text iframe { height:700px;width:100% !important;} @media (max-width: 1800px){ .nav { margin:0 0 0 40px;} .nav li { margin: 0 18px;} } @media (max-width: 1700px){ .nav li { margin: 0 15px;} .header-fr { right:20px;} } @media (max-width: 1600px){ .am-container,.faq-list .am-accordion-title,.faq-list .am-accordion-content { max-width: 1320px;} .honor-list { width:1380px;} .nav { margin:0 0 0 30px;} .nav li { margin: 0 10px;} .nav li a { font-size: 20px;} .header-fr li>span, .header-fr li .search_ico { font-size: 20px;} .input { font-size: 18px;} .header-fr li { margin: 0 12px;} .header-fr li:before { right:-12px;} } @media (max-width: 1500px){ .nav li { margin: 0 6px;} .nav { margin:0 0 0 20px;} } @media (max-width: 1400px){ .am-container,.faq-list .am-accordion-title,.faq-list .am-accordion-content { max-width: 1200px;} .side-ul li { width: 170px;} .side-ul { margin:180px 0 0 0;} .about-banner-box { height: 354px;margin-top:-177px;} .honor-list { width:1260px;} .nav li { margin: 0 5px;} .nav li a { font-size: 18px;} .header-fr li>span, .header-fr li .search_ico { font-size:18px;} .input { font-size: 16px;} } @media (max-width: 1300px){ .am-container,.faq-list .am-accordion-title,.faq-list .am-accordion-content { max-width: 1200px;} .side-ul li { width: 170px;} .side-ul { margin:180px 0 0 0;} .about-banner-box { height: 354px;margin-top:-177px;} .honor-list { width:1260px;} .nav li { margin: 0 3px;} .nav li a { font-size: 17px;} .header-fr li>span, .header-fr li .search_ico { font-size:17px;} .input { font-size: 15px;} } @media (max-width: 1198px){ .faq-list .am-accordion-title,.faq-list .am-accordion-content { margin: 0 10px;} .am-container,.faq-list .am-accordion-title,.faq-list .am-accordion-content { padding: 0 10px;} .side-ul li { width: 137px;margin:0 5px;} .side-ul li a { font-size:18px;padding:20px 18px;} .side-ul { margin:100px 0 0 0;} .about-banner-box { height: 266px;margin-top:-133px;} .side-timg img { height:54px;} .box { padding-top:50px;} .honor-list { width:100%;margin-top:20px;} .honor-list li { padding:0 10px 20px 10px;} .prod-lst li:nth-child(odd) { padding-right:0px;} .prod-lst li:nth-child(even) { padding-left:0px;} .course-text { display: block;color:#666;} .cont-wrap { height: auto;} .ditu { position: static;width: 100%;margin-top:30px;} .prod-fl { padding-right:0%;border-right:none;} .prod-fr { padding-left:0%;} .cust-fl { padding-right:0%;} .join-fl { padding-right:0%;} .join-img { margin-top:30px;} .join-tit { margin-top:0;} .about-banner { margin-top:50px;} .reveal-modal { width: 80%;margin:0;left:10%;top:20px;} .cont-wrap { margin-top:50px;} .other-input, .other-input3 { width: 140px;} .proble-span { display: block;margin-bottom:15px;} .pro-box-list li { margin-bottom: 10px;} .faq-list .am-accordion-title, .faq-list .am-accordion-content { padding-left: 60px;} .in-news-fr { padding-right: 0;} .swiper-container3,.swiper-container4 { padding-bottom:35px;} .cont-en img { height: 40px;} .cont-tit { font-size: 32px;} .cont-text h3 { font-size: 30px;} .cont-text { font-size: 15px;line-height: 36px;} .cont-img { margin-top: 30px;} .cont-text { margin-top: 30px;} .cont-img img { width: 100px;height: 100px;} .in-news-fl .in-news-tit { font-size: 52px;line-height: 70px;} .banner-pic { right:30px;bottom:30px;} .banner-a { height: 90px;} .banner-a-t { line-height: 90px;} .banner-a a .in_pimg{ margin: 22px 10px 0 36px;} .in_pimg img { width: 36px;height: 36px;} .banner-a { width: 230px;} .banner-a { font-size: 22px;} .video-box2 { height:480px;width:80%;} .text iframe { height:600px;} } @media (max-width: 980px) { .am-container2 { padding:0 5px;} .technology { text-align: left;} .side-ul li { width: 33.33%;margin:0;font-size: 0;display: block;float: left;height:auto;} .side-ul li a { margin:5px;} .side-ul { margin:80px 0 0 0;} .about-banner-box { height: 300px;margin-top:-150px;} .side-timg img { height:50px;} .side-tit p { font-size: 26px;} .side-ul li a { font-size: 18px;padding:15px 10px;} .honor-list li { padding:0 5px 20px 5px;} .honor-list { margin-top:10px;} .honor-list li a { padding: 24px;} .honor-list li p { margin: 40px 0 0 0;} .JLTcometol a { float: left;} .join-wrap { margin-top:70px;} .join-t { margin-top:50px;} .course-year { font-size: 60px;} .reveal-modal { width: 96%;margin:0 0 30px 0;left:2%;top:0;} .join-deta2 { height: auto;} .join-bg { padding: 80px 0;} .mess-top { margin-top: 40px;} .cust-label { margin-right: 0;} .wap-label .cust-label { margin-right: 10px;} .wap-label li:nth-child(odd) .cust-label { margin-right: 5px;} .wap-label li:nth-child(even) .cust-label { margin-left: 5px;margin-right:0;} .cust-label input,.cust-input select,.custom-button { height: 65px;line-height: 65px;} .cust-input { margin-bottom: 40px;} .am-accordion-item { padding: 0 0 0 40px;} .news-list10 .news-text { height: 44px;margin-top:10px;font-size: 13px;line-height: 22px;} .news-list10 .news-img { height: 82px;} .news-list10 .news-t { padding-top: 0;} .news-list10 .news-t h3 { font-size: 16px;} .news-list10 li a { margin-bottom:20px;} .prod-slide .in-prod-text h3 { font-size: 34px;} .prod-slide .in-prod-text p { font-size: 20px;} .prod-slide .in-prod-text .prod-more { font-size: 16px;} .in-news-fl .in-news-tit { font-size: 42px;line-height: 58px;margin-top: 0;} .in-news-fl .in-news-en { font-size: 21px;} .in-news-fl .in-news-text { font-size: 15px;line-height: 30px;margin:20px 0 15px 0;} .in-news-fl .in-news-more { font-size: 15px;margin-bottom:25px;} .news-img { height: 132px;} .in-news-fl { padding-right: 0;} .flield-top { line-height: 50px;font-size: 17px;} .flield-top img { width: 28px;height: 28px;} .fiele-text .fiele-t { height: 52px;} .swiper-container4 { margin-top:30px;} .am-wrap,.am-wrap img { width: 40px;height: 36px;} .cust-list2 li:nth-child(odd) .cust-label { margin-right:5px;} .cust-list2 li:nth-child(even) .cust-label { margin-left:5px;} .section1 { background: url(../images/banner2.jpg) no-repeat center top;background-size:100% 100%;} .video-box2 { height:320px;width:100%;} .slideTxtBox .hd ul li{padding:18px 15px;font-size:17px;width:50%;float:left;} .slideTxtBox .bd { padding-left:0px;margin-top:30px;} .slideTxtBox .bd li .in-prod { display:block;} .slideTxtBox .bd li .in-prod-text { padding:0 15px;} } @media (max-width: 768px) { .text iframe { height:480px;} } @media (max-width: 640px) { .text { font-size: 15px;line-height: 28px;} .side-ul li a { font-size: 16px;} .side-ul { margin:25px 0 0 0;} .about-banner-box { height: 204px;margin-top:-102px;} .side-ul li a { margin:3px;} .ab-bg { padding:40px 0 45px 0;} .side-timg img { height: 38px;} .side-tit p { font-size: 22px;} .honor-list { margin-top:0px;} .honor-list li a { padding: 18px;} .honor-list li p { margin: 30px 0 0 0;font-size: 15px;} .prod-bg { background: #fff;padding:25px 20px;} .prod-fr .join-tit4 { font-size: 38px;} .prod-tit { font-size: 18px;} .prod-text { font-size: 16px;line-height: 32px;} .prod-tit { padding-bottom: 30px;margin-top:20px;} .prod-text { margin-top:30px;} .prod-h3 { font-size: 28px;margin-bottom: 30px;padding-bottom: 25px;} .join-wrap { margin-top:60px;} .join-t { margin-top:40px;} .swiper-container5 .cour-slide:nth-child(odd) { margin-top:0px;} .course-arrow { margin-top:100px;} .reveal-modal { padding:30px 25px;} .join-top-t { font-size: 20px;} .join-top-em { font-size: 14px;} .reveal-modal .close-reveal-modal { background-size:16px 16px;width:40px;height:40px;right:0px;top:0px; } .join-text-tit, .join-tit-bot { font-size: 15px;} .join-bg { padding: 50px 0;} .join-tit { font-size: 30px;} .join-en { font-size: 22px;} .join-bor { width: 60px;height: 4px;} .join-t,.join-h3 { margin-top: 30px;} .join-wrap { margin-top:50px;} .join-h3 { font-size: 16px;} .join-deta { font-size: 14px;} .join-list { line-height: 50px;} .ditu { height: 360px;} .message-box { padding: 55px 0;} .mess-top { margin-top: 30px;} .pro-box-list li p { font-size: 14px;} .in_textarea { height: 150px;margin-top: 30px;font-size: 14px;padding: 15px 10px;} .submit2 { margin-top: 55px;font-size: 17px;} .mess-top2 span { font-size: 16px;} .other-input, .other-input3 { width: 120px;} .cust-tit { font-size: 18px;} .cust-tit-span { top:5px;margin-right:18px;} .cust-label input,.cust-input select { height: 60px;line-height: 60px;padding:0 15px;} .custom-button { height: 60px;line-height: 60px;} .custom-button { font-size: 17px;} .cust-input { margin-bottom: 30px;} .prod-slide2 .in-prod-text h3 { font-size: 22px;} .prod-slide2 .in-prod-text p { font-size: 18px;} .prod-fr .join-bor2 { margin-top: 10px;} .am-accordion-item { padding: 0 10px 0 10px;} .am-accordion-item2 { font-size: 16px;} .am-accordion-item { font-size: 14px;} .down3 { background-size:15px 14px;width:15px;height: 14px;margin-right:3px; } .am-accordion-item { line-height: 55px;} .am-accordion-item2 { height: 55px;line-height: 55px;} .news-list10 li a { padding: 15px 10px;} .news-list10 li a { margin-bottom:15px;} .main-newarc-title h2 { font-size: 20px;padding-bottom: 10px;} .main-newarc-title .share-p { font-size: 13px;} .main-newarc-title { padding-bottom: 20px;margin-bottom: 25px;} .num { width: 40px;height: 40px;line-height: 40px;font-size: 24px;} .fat-tit { font-size: 16px;} .faq-list .am-accordion-item { padding: 15px 0;} .faq-list .am-accordion-title, .faq-list .am-accordion-content { padding-left: 50px;} .am-accordion-gapped .am-accordion-title:after { background-size: 16px 10px;} .in-news-fl .in-news-tit { font-size: 36px;line-height: 50px;} .in-news-fl .in-news-en { font-size: 18px;} .in-news-fl .in-news-text { font-size: 14px;line-height: 28px;margin:15px 0 10px 0;max-height:56px;overflow: hidden;} .in-news-fl .in-news-more { font-size: 14px;} .swiper-container3,.swiper-container4 { padding-bottom:30px;} .news-img { height: 114px;} .news-slide .news-t { padding:18px 15px;} .news-t h3 { font-size: 18px;} .fiele-text { padding: 15px;} .cont-en img { height: 32px;} .cont-tit { font-size: 27px;} .cont-text h3 { font-size: 25px;} .cont-text { font-size: 14px;line-height: 32px;} .cont-img { margin-top: 20px;} .cont-text { margin-top: 20px;} .cont-img img { width: 90px;height: 90px;} .am-wrap,.am-wrap img { width: 32px;height: 29px;} .prod-slide .in-prod-text h3 { font-size: 31px;} .prod-slide .in-prod-text p { font-size: 18px;} .prod-slide .in-prod-text .prod-more { font-size: 15px;} .swiper-container2 .swiper-button-next, .swiper-container2 .swiper-button-prev ,.arrow .swiper-button-next, .arrow .swiper-button-prev{ width:17px;height:30px;} .swiper-container2 .swiper-button-prev, .arrow .swiper-button-prev { background-size: 17px 30px;} .swiper-container2 .swiper-button-next, .arrow .swiper-button-next { background-size: 17px 30px;} .login-box { width: 100%;} .login-bg { padding: 130px 0 100px 0;} .login-box { padding: 30px 20px 50px 20px;} .login-button { font-size: 18px;} .forget-a { font-size: 14px;} .cust_form .input1 { padding: 0 10px;} .cust-label input, .cust-input select { font-size:15px;} .text iframe { height:360px;} } @media (max-width: 374px) { .text { font-size: 14px;line-height: 26px;} .side-timg img { height: 36px;} .side-tit p { font-size: 20px;} .side-ul li a { font-size: 15px;} .side-ul li { line-height:46px;} .side-ul { margin:20px 0 0 0;} .about-banner-box { height: 190px;margin-top:-95px;} .honor-list li a { padding: 15px;} .honor-list li p { margin: 25px 0 0 0;font-size: 14px;} .course-year { font-size: 56px;} .join-tit { font-size: 28px;} .join-en { font-size: 20px;} .join-h3 { font-size: 15px;} .join-deta { font-size: 13px;} .join-wrap { margin-top:45px;} .join-bg { padding: 45px 0;} .pro-box-list li p { font-size: 13px;} .in_textarea { height: 130px;margin-top: 30px;} .mess-top { margin-top: 25px;} .submit2 { margin-top: 45px;} .cust-label input,.cust-input select,.custom-button { height: 55px;line-height: 55px;} .am-accordion-item { font-size: 13px;} .in-news-fl .in-news-tit { font-size: 32px;line-height: 50px;} .in-news-fl .in-news-en { font-size: 17px;} .news-img { height: 107px;} .news-slide .news-t { padding:15px 12px;} .news-t h3 { font-size: 17px;} .in-news-fl .in-news-more { margin-bottom:20px;} .in-news-fl .in-news-text { font-size: 13px;line-height: 24px;margin:12px 0 10px 0;max-height:48px;} .fiele-text .fiele-t { font-size: 13px;line-height: 24px;height: 48px;} .flield-top { line-height: 46px;font-size: 16px;} .flield-top img { width: 24px;height: 24px;} .cont-en img { height: 28px;} .cont-tit { font-size: 24px;} .cont-text h3 { font-size: 22px;} .cont-img { margin-top: 13px;} .cont-text { margin-top: 13px;} .cont-img img { width: 85px;height: 85px;} .copy { font-size: 13px;line-height: 24px;} .cont-img p { line-height: 32px;} .cont-text h3 { margin: 0 0 10px 0;} .am-wrap,.am-wrap img { width: 30px;height: 27px;} .login-bg { padding: 120px 0 90px 0;} .login-box { padding: 30px 20px 40px 20px;} .login-button { font-size: 17px;} .text iframe { height:340px;} }