@charset "utf-8";/* reset*/
*, ::after, ::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box}
html,body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:100%;font-family:'思源黑体',Arial,sans-serif;border: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html,body{color:#333;overflow-x:hidden;transition:all 0.3s;}
ul,ol,li{list-style:none;margin:0;padding:0;}
img{border:0px;vertical-align:middle;}
h1,h2,h3,h4,h5{font-family:'思源黑体',Arial,sans-serif;margin: 0;padding: 0;border: 0;line-height: normal;}
select::-ms-expand{display:none;}
input,a{outline:none;}
a{color:#000;text-decoration:none;outline:none;}
a:link{text-decoration:none;outline:none;}
a:visited{text-decoration:none;outline:none;}
a:hover{text-decoration:none;color:#0061ae;outline:none;}
a:focus{outline:none;}
.clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clear{zoom:1;}
.clear{clear:both;}
.clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.none{display:none;}
.hide{display:none;}
textarea{outline:none;}
table{border-spacing:0;}
/* 去除iPhone中默认的input样式 */
input,select,button{appearance:none;-o-appearance:none;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;resize:none;border-radius:0;outline:none;border:none;background-color:transparent;font-family:inherit;font-size:inherit;color:inherit;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;}
textarea{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;}
input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button{cursor:pointer;}
body{font:14px/1.231 Arial,helvetica,clean,sans-serif;}
/*end reset*/
/* CSS Document */
body{background-color:#fff;overflow-x:hidden;color:#000;font-size:14px;font-family:"思源黑体";position:relative;min-width:320px;width:100%;}
#content{position:relative;}
.w1820{width:94.79166666666667%;margin:0 auto;}
.w1720{width:auto;padding:0 100px; margin:0 auto;}
body{background-color:#fff; overflow-x:hidden; color:#000; font-size:14px; font-family:"思源黑体"; position:relative;min-width:320px;width:100%;padding-top: 155px;}
.w1400{width: 1220px;margin-left: auto;margin-right: auto; }
.w1200{width:1220px;margin:0 auto;}
@media (max-width: 1720px){
.w1400 {width: 1400px; }
}
@media (max-width: 1520px){
.w1400 {width: 1300px; }
}
@media (max-width: 1320px){
.w1400 {width: 94%; }
.w1200 {width: 1200px; }
}
@media (max-width: 1220px){
.w1200{width: 1000px; }
}
@media (max-width: 1150px){
.w1200{width: 920px; }
}
@media (max-width: 1023px){
.w1400 {width: 94%; }
.w1200{width: 94%; }
}
@font-face {
font-family: 'bbb';
src: url('fonts/bbb-Regular.eot');
src: url('fonts/bbb-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/bbb-Regular.woff') format('woff'),
url('fonts/bbb-Regular.ttf') format('truetype'),
url('fonts/bbb-Regular.svg#Swiss721BT-Thin') format('svg');
font-weight: 100;
font-style: normal;
/* font-display: swap;*/
}
@font-face {
font-family: 'Gotham Rounded Book';
src: url('fonts/GothamRounded-Book.eot');
src: url('fonts/GothamRounded-Book.eot?#iefix') format('embedded-opentype'),
url('fonts/GothamRounded-Book.woff2') format('woff2'),
url('fonts/GothamRounded-Book.woff') format('woff'),
url('fonts/GothamRounded-Book.ttf') format('truetype'),
url('fonts/GothamRounded-Book.svg#GothamRounded-Book') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
#roll{
top: 155px;
}
/*PC header*/
.header{position:absolute;top: 0;left: 0;right: 0;z-index:999;box-sizing: border-box; background: #fff;}
.header .w1400{ position:relative; padding: 22px 0;}
/*topHead*/
.top-logo{text-align:left;position:absolute;left:0; top:25px;z-index:2;}
.top-logo img{height: 111px;}
.top-right{ position:absolute;top:28px;right:0;z-index:2;}
.top-right .top-btn{ display:inline-block; font-size:0;}
.top-right .top-btn a.top-j{display:inline-block;padding:0 24px;border-radius:44px;line-height:44px;font-size:12px;overflow:hidden;color:#fff;text-align:left;
/* 底色 */
background-color:#1dabf6;
/*chrome 10+, safari 5.1+ */
background-image:-webkit-linear-gradient(120deg, #1dabf6 0%, #05dc6b 100%);
/* firefox; multiple color stops */
background-image:-moz-linear-gradient(120deg, #1dabf6 0%, #05dc6b 100%);
/* ie10 */
background-image: -ms-linear-gradient(120deg, #1dabf6 0%, #05dc6b 100%);
/* opera 11.1 */
background-image: -o-linear-gradient(120deg, #1dabf6 0%, #05dc6b 100%);
/* 标准写法 */
background-image: linear-gradient(120deg, #1dabf6 0%, #05dc6b 100%);
}
.top-right .top-btn a.top-j span{ display:inline-block; padding-right:33px;background:url(../images/top-u.png) right center no-repeat;background-size:15px;}
/*yiji*/
.header .navBox{ }
.header .nav{position:relative;
margin-left: 120px;}
/*pc one*/
.header .one{text-align:left; font-size:0;}
.header .one>li{display: inline-block;*display: inline;zoom:1;position:relative;}
.header .one>li a.a1{display:block;color:#000;font-size:18px;font-weight:400;overflow:hidden;box-sizing: border-box;line-height:111px;padding:0 25px;}
.header .one>li.tel{
vertical-align: top;
}
.header .one>li.tel a.a1{
line-height: 30px;
margin-top: 9px;
}
.header .one>li.tel a.a1 p{
background: url("../images/tel.jpg") no-repeat;
height: 38px;
line-height: 53px;
padding-left: 55px;
font-size: 20px;
margin-bottom: 5px;
background-position-y: 14px;
background-size: 33px 22px;
}
.header .one>li.tel a.a1 span{
font-size: 32px;
color: #0061ae;
font-weight: bold;
}
.header .one>li a.a1 i{ margin-left:7px;display:inline-block;padding:6px 6px;position:relative;background:url(../images/top-v.png) right center no-repeat;background-size:10px;}
.header .one>li.active a.a1{ background:#05dc6b;border-radius:44px;}
/*pc erji*/
.header .two{ position:absolute;top:100%;left:50%;min-width:150px; width:100%;padding-top:3px;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.header .one>li:hover .two{visibility:visible;opacity:1;-webkit-clip-path:polygon(0 0,100% 0%,100% 100%,0% 100%);clip-path:polygon(0 0,100% 0%,100% 100%,0% 100%);}
.header .one>li .two{visibility:hidden;opacity:0;-webkit-clip-path:polygon(0 0,100% 0%,100% 0,0 0);clip-path:polygon(0 0,100% 0%,100% 0,0 0);-webkit-transition:all .3s ease;transition:all .3s ease;background-color: rgba(0,0,0,0.7);}
.header .two li {display:block;}
.header .two .a2{display:block;margin-right:20px;margin-left:20px;line-height:44px;letter-spacing:0.05em;color:#bdbdbd;text-align:center;white-space:nowrap; font-size:14px; border-bottom:1px dashed #666;}
.header .two li:last-of-type .a2{border-bottom: 0;}
.header .two{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility:hidden;/* margin-top:10px;*/}
.header .one>li:hover .two{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible; margin-top:0;}
.header .two a::after {display: none;}
.header .two a:hover {text-decoration: none;color:#218acc;}
/*.header .two.active{ display:block; visibility:visible;}*/
/*pc sanji*/
.header .three {margin-left: 0;background: #fff;position: absolute;line-height: 60px;display: none; font-size: 0;text-align:left;-moz-box-shadow:0 1px 5px rgba(0,0,0,.25);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.25);box-shadow:0 1px 5px rgba(0,0,0,.25);width: 22%;min-width: 275px;top: 0 !important;left: 100% !important;height: auto;min-height: 100%;}
.header .three li {display:block;}
.header .three a {display: block;font-size:15px;line-height:20px;padding:6px 20px 6px 20px !important;text-align:left;color: #000;}
.header .three a::after {display: none;}
.header .three a:hover {color:#fff; background:#333333; border-bottom:none; font-weight:600;}
.header .two li:hover .three{ display:block;}
/**/
/*.header .one>li:nth-last-child(2) .two {left:auto;right:50%;margin-right:-50%;}
.header .one>li:nth-last-child(2) .three {left:auto; right:100%;}*/
/*.header{position: fixed;}*/
.fix-header{}
.header .topHead,.header .top-logo img,.header .w1400,.top-right,.top-logo,.header .one>li a.a1,.top-right .top-btn a.top-j{transition: .5s;}
.header.fixed{position: fixed;top: 0;width: 100%;-webkit-transition: .5s;-ms-transition: .5s;-o-transition: .5s;-moz-transition: .5s;transition: .5s;box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);z-index:999;background: #fff;}
.header.fixed .topHead{ padding-bottom:18px;padding-top:18px;}
/*.header.fixed .top-right{top:15px;}
.header.fixed .top-logo{top:10px;}
.header.fixed .top-logo img{ height:40px;}
.header.fixed .w1400{padding:15px 0;}*/
.header.fixed .one>li a.a1,
/*.header.fixed .top-right .top-btn a.top-j{line-height:34px;}*/
@media (max-width: 1220px){
.top-right .top-btn a.top-j{padding:0 20px;line-height:34px;}
.top-right .top-btn a.top-j span{padding-right:23px;background-size:15px;}
.header .nav{padding-right:150px;}
.header .one>li a.a1{font-size:14px;line-height:34px;padding:0 20px;}
.header .top-logo img{ height:40px;}
}
/*active*/
/*.header.fixed .topHead{ display:none;}
.header.fixed{position: fixed;top: 0;transition: .5s;-webkit-animation: tem50_headerdonghua .5s;animation: tem50_headerdonghua .5s;width: 100%;z-index: 99;box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);z-index: 999999;background:#333333;}
.header.fixed:before{ display:none;}
.header.fixed .top-logo{display: none;}
.header.fixed .headerBox{padding-top: 0;padding-bottom: 0;}
.header.fixed .nav{padding-left:300px;}
.header.fixed .navBox{height:80px;line-height:80px; padding-left:200px;}
.header.fixed .logo{width:200px;height:80px; display:block; left:200px;}
.header.fixed .logo a{ display:inline-block;}
.header.fixed .one>li{padding-right:0;max-width:16%;display:flex;display:table-cell; vertical-align:middle;}
.header.fixed .one>li a.a1{ padding:15px 30px 15px 20px;vertical-align: middle; display:table-cell; vertical-align:middle; font-size:15px;}
.header.fixed .one>li a.a1:after{right:10px;}
@media screen and (max-width: 1440px){
.header .one>li a.a1:after{right:17px;}
.header.fixed .nav{padding-left:50px;}
.header.fixed .logo{left:20px;}
.header .one{margin:0 -5px;}
.header .one>li a.a1{ font-size:15px;margin:0 5px;}
}
@media screen and (max-width: 1400px){
.header .one>li{display:flex;display:table-cell; vertical-align:middle;}
.header .one>li a.a1{display:flex;display:table-cell; vertical-align:middle;display: block;}
.header.fixed .one>li a.a1{font-size:14px;}
.header .one>li a.a1:after{right:15px;}
}*/
@media screen and (max-width:1150px){
.header{display:none;}
}
/*mobile header*/
.body-wrap {width:100%;position: relative;transition: all 0.5s ease 0s;z-index: 1;}
.mheader,.m-sub-menu,.search-alert{ display:none;}
@media screen and (max-width:1150px){
body{ padding-top:85px!important;}
.f-cb {zoom: 1;}
.f-cb:after {display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;content: ".";}
.mheader {z-index: 10;transition: transform 0.5s ease 0s;height: 100px;display: block;position: fixed; width:100%; top:0; left:0;right:0;}
.mheader, header.fixed {height: 85px;}
.mheader .header-main {width: 100%;padding-top: 24px;background-color: #fff;transition: padding 0.3s ease 0s, transform 0.5s ease 0s;position: relative;left: 0;top: 0;}
.mheader .header-main {padding-top: 18px;padding-bottom: 18px;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
.mheader.fixed .header-main {position: fixed;left: 0;top: 0;}
.mheader .logo img {transition: all 0.3s ease 0s;max-height:50px;}
.mheader .m-btn2 {width:30px;height: 30px;padding: 7px 0;cursor: pointer;margin-right:5px;display:inline-block; line-height:20px;background:url(../images/top-lan2.png) center center no-repeat;background-size:19px;font-size:0;}
.mheader .m-btn3 {width:auto;height: 30px;padding:7px 0;cursor: pointer;margin-right:10px;font-size: 16px;line-height: 30px;font-weight: bold;border-radius: 50%;color: #1d1d1d; display:none;}
.mheader .m-btn {width: 42px;height: 30px;padding: 7px 12px;display: block;cursor: pointer;margin-top: 3px;}
.mheader .m-btn .box {display: block;width: 100%;height: 100%;position: relative;}
.mheader .m-btn .line {display: block;width: 100%;height: 2px;background-color: #1d1d1d;position: absolute;left: 0;transition: width 0.3s ease 0s;}
.mheader .m-btn .line1 {width: 12px;top: 0;}
.mheader .m-btn .line2 {width: 20px;top: 6px;}
.mheader .m-btn .line3 {width: 16px;top: 13px;}
/*一级*/
.m-sub-menu {position: fixed;right: -300px;width:300px;top: 0;z-index: 100;height: 100%;transition: all 0.64s ease 0s;display: block;
background-color:#008bd5;
/* background-image:-webkit-linear-gradient(120deg, #1dabf6 0%, #05dc6b 100%);
background-image:-moz-linear-gradient(120deg, #1dabf6 0%, #05dc6b 100%);
background-image: -ms-linear-gradient(120deg, #1dabf6 0%, #05dc6b 100%);
background-image: -o-linear-gradient(120deg, #1dabf6 0%, #05dc6b 100%);
background-image: linear-gradient(120deg, #1dabf6 0%, #05dc6b 100%);*/}
.m-sub-menu .top-box {line-height: 60px;}
.m-sub-menu .top-box .stt{display:inline-block;font-size:16px;color:#acacac;margin-left:8.2%;background:url(../images/top-search.png) no-repeat left center;padding-left:30px;background-size:20px;}
.m-sub-menu .top-box .close {display: inline-block;width: 17px;height: 17px;background: url(../images/ico_37.png) no-repeat center;margin-right: 7.8%;margin-top: 22px;cursor: pointer;}
/*一级list*/
.m-sub-menu .list-wrap .one{width: 100%; height: 80vh;overflow: auto;}
.m-sub-menu .list-wrap li {line-height:50px;width: 100%;border-bottom: 1px solid rgba(255,255,255,.1);}
.m-sub-menu .list-wrap li .a1{display: block;padding:0 20px;font-size:13px;font-weight:700;color:#fff;position:relative; /*text-transform:uppercase;*/}
/*.m-sub-menu .list-wrap .tit {}*/
.m-sub-menu .list-wrap .point {display: inline-block;width:12px;height: 12px;background: url(../images/ico_38.png) no-repeat center;position: absolute;right:5px;top:50%; margin-top:-6px;}
.m-sub-menu .list-wrap li:last-child{border-bottom:none;}
/*二级*/
.m-sub-menu .list-wrap .two{display:none;background:#34b4f7;}
.m-sub-menu .list-wrap .two h1 a{padding: 8px 10px 8px 20px;font-size: 13px;color: #333;line-height: 24px;display: block;border-bottom: 1px solid rgba(0,0,0,.1);width: 100%;}
.m-sub-menu .list-wrap .two .a2{font-weight:600;float: none;padding: 8px 10px 8px 20px;font-size: 13px;color: #fff;line-height: 24px;display: block;border-bottom: 1px solid rgba(0,0,0,.1);width: 100%;}
/*二级list*/
.m-sub-menu .list-wrap .three{ display: block;padding-left: 15px; background:#fff;}
.m-sub-menu .list-wrap .three .a3{float: none;padding: 8px 10px 8px 20px;font-size: 12px;color: #2f4c4e;line-height: 24px;display: block;border-bottom: 1px solid rgba(0,0,0,.1);width: 100%;}
.m-sub-menu .list-wrap .three li:last-child .a3{ border-bottom:none;}
/**/
.mheader .keyright{ width:100%;height:30px;position:relative;background:#f7f7f7;border-radius:30px; overflow:hidden;}
.mheader .search input {width:90%;display:block; line-height:30px;height:30px; color:#909090;text-indent:15px; font-size:12px;border:none;background:#f7f7f7;font-family:"思源黑体", Arial; outline:none;border-radius:30px;}
.mheader .search .submit {position:absolute;right:0px;top: 0;height:30px;width:57px;border:none;background:url(../images/top-search.png) center center no-repeat;cursor:pointer;background-size:15px;}
/*search*/
.search-alert {position: fixed;z-index: 100;background-color: #222222;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.search-alert .close {display: block;width: 18px;height: 18px;background: url(../images/ico_37.png) no-repeat center;position: absolute;top: 38px;right:7.8%;cursor: pointer;transition: transform 0.3s ease 0s;}
.search-alert .cent-form {position: absolute;width: 94.8%;left: 2.6%;top: 50%;height: 90px;margin-top: -46px;border-bottom: 1px solid #515151;}
.search-alert .cent-form .tex {border: none;font-size: 30px;height: 90px;line-height: 90px;text-align:left;width: 100%;box-sizing: border-box;color: #555;background: none;padding-right: 80px}
.search-alert .cent-form .sub-butn {border: none;height: 90px;margin-top: 0px;font-size: 24px;line-height: 90px;color: #555;position: absolute;right: 0;top: 0;width: 80px;text-align: center;background: url(../images/ico_36.png) no-repeat center center;background-size:40px;}
/*on*/
.body-wrap.left, .mheader.left .header-main {transform: translateX(-300px);}
.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s; box-shadow: 0 2px 10px rgba(0,0,0,.1);}
}
@media (max-width: 768px){
.search-alert .cent-form {height: 60px;margin-top: -30px;}
.search-alert .cent-form .tex {height: 60px;line-height: 60px;font-size:20px;background-position: 30px 20px !important;background: #fff;}
.search-alert .cent-form .sub-butn {height: 60px;line-height: 60px;margin-top: 0;background-size:21px;background-color: #e70312;}
}
@media (max-width: 480px){
body{ padding-top:60px!important;}
.mheader, header.fixed {height: 60px;}
.mheader .header-main {padding-top: 12px;padding-bottom: 12px;}
.mheader.fixed .header-main {padding-top: 12px;}
.mheader .logo img, .mheader.fixed .header-main .logo img {height:36px;}
.mheader .m-btn3 {padding: 0px; }
.mheader .m-btn2 {padding: 0px; }
.mheader .m-btn {margin-top: 0px;padding: 8px;}
.search-alert .cent-form .tex {padding-left: 10px;text-align: left;font-size: 20px;}
.search-alert .cent-form .sub-butn {font-size: 22px;color: #777;}
}
/*search*/
/*topSearch*/
.main-content-wrap {z-index:99999;display: block;background: #FFF;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;position:fixed;left:0;right:0;top:0;visibility:hidden;padding:15px 0;width:100%;height:auto;filter:alpha(opacity=0);opacity: 0; }
.main-content-wrap .content-wrap {overflow-y:auto;padding:0.3rem 0; height: 100%; background-color: #fff; }
.main-content-wrap.show-content-wrap .content-wrap { overflow-y: hidden; }
.main-content-wrap.show-content-wrap{top:0;visibility:visible;filter:alpha(opacity=100);opacity: 1; }
.head-search {position:relative;margin:0 auto;width:70%; height:50px;background:#fff;border-radius:5px; max-width:800px; overflow:hidden;}
.head-search .search-ipt { position: absolute;top:0;left:0;padding:0 10px;width:100%;color:#666;height:50px;font-size:14px;background:#fff; outline:none; border:1px solid #dcdcdc;}
.head-search .search-btn { position: absolute;top:0;right:0;display: block!important;width:50px;height:100%;border:none;background: url(../images/top-search.png) center center no-repeat #e70312;background-size:20px;-webkit-background-size:20px; }
.mobile-body-mask { position: fixed; top: 0;right:0;left:0;z-index:999;width:100%; height:100%; background: rgba(0, 0, 0, 0.6); display:none;}
@media screen and (max-width:1024px){
.main-content-wrap.show-content-wrap{top:0;}
.head-search {height:40px;}
.head-search .search-ipt {height:40px;}
.head-search .search-btn {width:40px;}
}
/*nsearch*/
.head-btn{float:right;margin-top:28px;height:38px;margin-left:0; width:100px;z-index:1000; position:relative; text-align:right;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.head-btn a{display:inline-block; height:38px; width:38px;margin-left:4px;border:1px solid #c9c9c9; border-radius:3px;}
.head-btn .top-search{background:url("../images/top-search.png") no-repeat center #fff; background-size:14px; }
.head-btn .top-menu{background:url("../images/top-menu.png") no-repeat center #fff; background-size:12px;}
.head-btn{ position:fixed; top:0; right:100px; z-index:101;}
.bianseb .head-btn{margin-top:15px;}
.nav-hide .header{ visibility:hidden;opacity:0; filter:Alpha(opacity=0); left:-5%;}
body.nav-hide{padding-top:0;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
@media screen and (max-width:1800px){
.head-btn{right:5%;}
}
@media screen and (max-width:1520px){
.head-btn{right:40px;}
}
@media screen and (max-width:1024px){
.head-btn{right:30px; display:none;}
}
@media screen and (max-width:768px){
.head-btn{right:15px;}
}
/*footer*/
.footer{position:relative; z-index:2;background:url("../images/bottombg.png") no-repeat center top;padding-top:225px; margin-top:-100px;}
.footer-left-item{
display: flex;
align-items: center;
max-width: 305px;
}
.footer-left-item:nth-of-type(1){
margin-bottom: 20px;
}
.footer-left-info{
margin-left: 10px;
}
.footer-left-info p{
font-size: 18px;
color: #f6ad02;
margin-bottom: 5px;
}
.footer-left-info a{
color: #0061ae;
font-weight: bold;
font-size: 28px;
}
.footer-left-item:nth-of-type(2) a{
font-weight: normal;
font-size: 18px;
}
.footer .footer-logoB{float:left; width: 42%;display: flex;}
.footer-qr{margin-left: 50px;text-align: center;font-size: 16px;}
.footer-qr p{margin-top: 10px;}
.footer .footer-logo{padding-bottom:50px;}
.footer .footer-logo a{ display:inline-block;}
.footer .footer-logo a img{ max-height:164px;}
/*footer-nav*/
.footer .footer-nav{min-height:44px;font-size:12px;width:100%;height:auto;padding:85px 0 10px 0; }
.footer .footer-nav .left{
float: left;
width: 44%;
text-align: left;
margin-left: 5%;
}
.foot-logo{
float: left;
width: 9%;
}
.footer .footer-nav .left .ulB{ display:flex; }
.footer .footer-nav .left .t2{
display:block;
padding:0;
margin:0;
margin-right: 50px;
}
.footer .footer-nav .left .t2:last-child{
margin-right: 0;
}
.footer .footer-nav .left .t2 p{
color: #333333;
font-size: 22px;
white-space: nowrap;
margin-bottom: 10px;
}
.footer .footer-nav .left .t2 a{font-size:14px;display:block;line-height:40px;color:#888888; padding-right:20px;position:relative; overflow:hidden;}
.footer .footer-nav .left .t2 a:hover{color:#ced1d6;}
/**/
.footer .footer-nav .right{float:left;font-size:14px;line-height:28px;color:#ffffff;}
.footer .footer-nav .right h1{font-size:16px;line-height:normal;color:#a5c7ff; font-weight:normal; padding-bottom:10px;text-transform: uppercase;}
.footer .footer-nav .right .tel{font-size:22px;color:#fff; line-height: normal;padding-bottom:20px;}
.footer .footer-nav .right .tel a{color:#fff; display:inline-block; line-height:40px;}
.footer .footer-nav .bottom-shop{ margin-top:50px;}
.footer .footer-nav .bottom-shop a{display:inline-block;overflow:hidden; padding-left:54px;background:url("../images/bottom-shop.png") no-repeat left center;background-size:44px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.footer .footer-nav .bottom-shop a span{display:inline-block;padding:0 26px;border-radius:40px;line-height:40px;font-size:14px;font-weight:bold;color:#146dff;background:#fff;text-align:center;}
.footer .footer-nav .bottom-shop a:hover{padding-left:60px;}
/* 底色 */
/**/
.footer .footer-nav .center{float:right;font-size:14px;line-height:28px;color:#fff;}
.footer .footer-nav .center img{ max-width:130px; margin-bottom:20px;}
/*bq*/
.footer .bq{width:100%;font-size:14px;line-height:30px;color:#4f4f4f;position:relative;padding-top:10px;}
.footer .bq a{color:#4f4f4f;}
.footer .bq a:hover{color:#4f4f4f}
@media screen and (max-width: 1720px){
.footer .footer-logo a img{ max-height:150px;}
}
@media screen and (max-width: 1520px){
.footer .footer-logo a img{ max-height:140px;}
.footer .footer-nav .left .ulB{max-width:240px;}
}
@media screen and (max-width: 1320px) {
.footer .footer-logo a img{ max-height:130px;}
.footer .footer-nav .left .ulB{max-width:220px;}
}
@media screen and (max-width: 1220px) {
.footer .footer-logo a img{ max-height:120px;}
.footer .footer-nav .left .ulB{max-width:200px;}
}
@media screen and (max-width: 1024px) {
.footer .footer-logo a img{ max-height:100px;}
.footer .bq{padding-top:30px;}
.footer{padding-bottom:15px; margin-top:-20px; padding-top:150px;background-position:center bottom;}
.footer .footer-logoB{width: 100%;display: block;}
.footer-left{
margin-bottom: 10px;
padding-top: 20px;
}
.footer-qr{
margin-left: 0;
}
.footer .footer-logo{padding-bottom:50px;}
.footer .footer-logo a img{ max-height:150px;}
.footer .footer-nav .left{width:22%;}
.footer .footer-nav .left .ulB{max-width:150px;}
}
@media screen and (max-width: 992px) {
.footer .footer-logo{ float:none; width:100%; display:none;}
.footer .footer-nav .left{float:none;width:100%;text-align:left; display:none;}
.footer .footer-nav .center{float:none;width:100%; max-width:280px; margin:0 auto;}
.footer .footer-nav .right{float:none;width:100%;}
.footer .footer-nav{padding:15px 0 15px 0; }
.footer{padding-bottom:0px; margin-top:0px; padding-top:0px;
background-color:#146dff;
background-image:-webkit-linear-gradient(120deg, #146dff 0%, #5898ff 100%);
background-image:-moz-linear-gradient(120deg, #146dff 0%, #5898ff 100%);
background-image: -ms-linear-gradient(120deg, #146dff 0%, #5898ff 100%);
background-image: -o-linear-gradient(120deg, #146dff 0%, #5898ff 100%);
background-image: linear-gradient(120deg, #146dff 0%, #5898ff 100%);
}
.footer .bq{font-size:12px;line-height:24px;padding-top:15px;padding-bottom:15px;text-align:center;margin-bottom: 50px;}
.footer .footer-nav .left .ulB{max-width:100%;}
.footer .footer-nav .left .t2 a{font-size:12px;line-height:39px;padding-right:20px;background-size:12px;}
.footer .footer-nav .right{font-size:12px;line-height:24px; margin-bottom:15px; padding-top:15px;text-align:center;}
.footer .footer-nav .right h1{font-size:12px;padding-bottom:5px;}
.footer .footer-nav .right .tel{font-size:16px;padding-bottom:10px;}
.footer .footer-nav .right .tel a{line-height:32px;}
.footer .footer-nav .bottom-shop{margin-top:20px;}
.footer .footer-nav .bottom-shop a{padding-left:40px;background-size:32px;}
.footer .footer-nav .bottom-shop a span{padding:0 15px;border-radius:32px;line-height:32px;font-size:12px;}
.footer .footer-nav .bottom-shop a:hover{padding-left:50px;}
.footer .footer-nav .center{font-size:12px;line-height:24px;/* text-align:left;max-width:100px;*/}
.footer .footer-nav .center img{margin-bottom:10px;max-width:100px;}
}
@media screen and (max-width:768px) {
}
/*p-bottom*/
.p-bottom{display:none;}
@media screen and (max-width:768px){.p-bottom{width:100%;height:70px;position:fixed;bottom:0px;left:0px;padding:5px 0px;box-sizing:border-box;background-color: #e40002;z-index:10;display:none;}
.p-bottom li{width:25%;height: auto;float: left;position:relative;}
.p-bottom li a{display: block;}
.p-bottom li a i{display: block;width:40px;height: 40px;background-repeat: no-repeat;background-image:url(../images/contact_icon.png);margin:0 auto; background-size:300px;}
.p-bottom li p{color:#fff;font-size:14px;text-align: center;}
.p-bottom li:after{position:absolute;top:50%;left:0;transform:translateY(-50%);content:'';display:block;width:1px;height:40px;background-color: rgba(255, 255, 255, 0.73);}
.p-bottom li:first-child:after{display:none;}
.p-bottom li.li3 a i{background-image:url(../images/contact_icon2.png); background-repeat:no-repeat; background-position:center center;background-size:27px;}
}
@media screen and (max-width:575px){.p-bottom{height:15vw;padding:2.34375vw 0px;}
.p-bottom li a i{width:7vw;height:7vw;background-size:65vw;margin:0 auto;}
.p-bottom li p{font-size:2.6vw;line-height: normal;}
.p-bottom li:after{height:50%;}
.p-bottom li.li3 a i{background-size:4.5vw;}
}
/*shop_share*/
.footer .shop_share{ max-width:410px; text-align:left;}
.footer .shop_share span{ position:relative; border-radius:50%; display: inline-block;width:32px; margin-right:7px;}
.footer .shop_share span:last-child{ margin-right:0}
.footer .shop_share a{ display:block; padding:7px;border:1px solid #fff;border-radius:50%;}
.footer .shop_share a img{opacity:1; display:block;}
.footer .shop_share .img{ display:none; position:absolute;width:118px; bottom:32px; max-width:none; left:-40px;}
.footer .shop_share a img {border: none; max-width: 100%;vertical-align: middle;}
.footer .shop_share span:hover .img{ display:block;}
@media(max-width:880px){
.footer .shop_share{ margin:auto; padding-top:2%; padding-bottom:3%; max-width:100%;text-align: center}
}
@media(max-width:768px){
.footer .shop_share{ display:none; }
}
/*ind-banner*/
.ind-banner{width: 100%; overflow: hidden; position:relative;}
.ind-banner .swiper-slide { color: #fff; background:#000; }
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide img{width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; position:relative; /*min-height:750px; height:100vh;*/}
.ind-banner .swiper-slide a .shipin {position: absolute;top: 0;left: 0; width: 100%;height: 100%;overflow:hidden;}
.ind-banner .swiper-slide a video {width: 100%;height: 100%;object-fit: cover;}
/*.ind-banner .swiper-pagination{text-align:center; left:0; right:0; margin:0 auto;bototm:3%;z-index:10; }
.ind-banner .swiper-pagination-bullet {opacity: 1!important; width:10px; height:10px;background:#fff; cursor:pointer;text-align:center;border:none;border-radius:50%;margin:0px 10px; }
.ind-banner .swiper-pagination-bullet-active {width:10px;background:#05dc6b;} */
.ind-banner .ban1 .txtDiv{ position: absolute; left: 12%; margin-left: 0px; top: 50%; height: 270px; margin-top: -135px;}
.ind-banner .ban1 .txt1{ font-size: 0.24rem; padding-bottom: 0.16rem; line-height: 0.24rem; color:#fff; position: relative;}
.ind-banner .ban1 .txt2{ font-size: 0.52rem; color: #fff; font-weight: bold; text-transform: uppercase;}
.ind-banner .ban1 .btnDiv{ text-transform: uppercase; margin-top: 0.25rem; width: 1.53rem; height: 0.38rem; font-weight: bold; border: #fff solid 2px; text-align: center; color: #fff; line-height: 0.38rem;}
.ind-banner .swiper-button-prev{position:absolute; top:50%;width:40px; height:40px;left: 3%; margin-top: -44px;background: url(../images/s1.png) center no-repeat;border-radius: 50%;opacity:0; filter:Alpha(opacity=0); -webkit-transition: .2s ease-out;
transition: .2s ease-out; background-size:30px; display:none;}
.ind-banner .swiper-button-next{position:absolute; top:50%;width:40px; height:40px;right: 3%; margin-top: -44px;background: url(../images/s.png) center no-repeat;border-radius: 50%;opacity:0; filter:Alpha(opacity=0); -webkit-transition: .2s ease-out;
transition: .2s ease-out;background-size:30px; display:none;}
.ind-banner:hover .swiper-button-prev,
.ind-banner:hover .swiper-button-next{opacity:1; filter:Alpha(opacity=100);}
.ind-banner .swiper-button-prev:hover,
.ind-banner .swiper-button-next:hover{width:45px; height:45px;}
/*#index .secBox_img .swiper-slide .animation{opacity:0;transform:translate(0,70px);transition:0.5s}
#index .secBox_img .swiper-slide img{opacity:0}
#index .secBox_img .swiper-slide-active .animation{transform:translate(0,0);opacity:1}
#index .secBox_img .swiper-slide-active img{transform:translate(0,0);opacity:1}
#index .secBox_img .swiper-container{overflow:visible}
#index .secBox_img .swiper-bar{position:absolute;bottom:-102px;left:70px;width:60%;height:1px;background:#666}
@media screen and (max-width:1350px){#index .secBox_img .swiper-bar{left:35px;bottom:-60px}
}#index .secBox_img .swiper-bar span{width:0;height:1px;display:block;background:#fff}
#index .secBox_img .swiper-pagination-bullet{width:8px;height:8px;border:1px solid transparent;background:#B2B2B2;opacity:1;margin:0 6px}
@media screen and (max-width:960px){#index .secBox_img .swiper-pagination-bullet{width:7px;height:7px;border-width:1px}
}#index .secBox_img .swiper-pagination-bullet-active{width:10px;height:10px;bottom:-1px;position:relative;background:#636363;border-color:#fff}
#index .secBox_img .swiper-pagination{bottom:-115px;width:30%;left:calc(70% + 70px);text-align:left}
@media screen and (max-width:1350px){
#index .secBox_img .swiper-pagination{bottom:-71px;left:calc(70% + 35px)}
}*/
/*banner_mouse*/
.banner-mouse{display:block;position: absolute;bottom:2%;left:0;right: 0;margin: 0 auto;z-index: 9; width: 23px;height: 40px;cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite;}
.banner-mouse:after,.banner-mouse:before{content: "";position: absolute;}
.banner-mouse:before{width:23px;height:40px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner-mouse:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
/*banner_mouse css3*/
@-webkit-keyframes colorSlide{0%{height:0;}90%{height:40px;}}
@keyframes colorSlide{0%{height:0;}90%{height:40px;}}
@-webkit-keyframes trackBallSlide{0%{opacity: 1;-webkit-transform: scale(1) translateY(-8px);transform: scale(1) translateY(-8px);}34%{opacity: 1;-webkit-transform: scale(0.9) translateY(4px);transform: scale(0.9) translateY(4px);}68%{opacity: 0;-webkit-transform: scale(0.4) translateY(16px);transform: scale(0.4) translateY(16px);}100%{opacity: 0;-webkit-transform: scale(0.4) translateY(-8px);transform: scale(0.4) translateY(-8px);}}
@keyframes trackBallSlide{0%{opacity: 1;-webkit-transform: scale(1) translateY(-8px);transform: scale(1) translateY(-8px);}34%{opacity: 1;-webkit-transform: scale(0.9) translateY(4px);transform: scale(0.9) translateY(4px);}68%{opacity: 0;-webkit-transform: scale(0.4) translateY(16px);transform: scale(0.4) translateY(16px);}100%{opacity: 0;-webkit-transform: scale(0.4) translateY(-8px);transform: scale(0.4) translateY(-8px);}}
/*bannerTel*/
.bannerTel{ display: none; }
.ind-bannerTel{width: 100%; overflow: hidden;}
.ind-bannerTel .swiper-slide { color: #fff; }
.ind-bannerTel .swiper-slide img{width: 100%;}
.ind-bannerTel .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-bannerTel .swiper-pagination{ text-align: center; left: 0; width: 100%; bottom: 0.68rem!important; }
.ind-bannerTel .swiper-pagination-bullet { opacity: 1!important; width:8px; height:8px; text-align: center;border:1px solid #fff;background: transparent;border-radius:50%;margin:0 4px!important; }
.ind-bannerTel .swiper-pagination-bullet-active {background:#fff;}
@media screen and (max-width:1024px){
}
@media screen and (max-width:992px){
/* .ind-banner{ display:none;}
.bannerTel{ display:block;}*/
}
@media screen and (max-width:768px){
.ind-banner .swiper-slide a{/*min-height:180px; */height:100%;}
}
@media screen and (max-width:640px){
/*.ind-banner .swiper-slide a{height:56.25vw;}*/
}
/*banner*/
#banner{overflow:hidden; position:relative; background:#f1f1f1;}
#masterslider { width:100%!important;height:auto!important;}
#masterslider a{ display:block;}
#masterslider img{max-width: none; width:100%!important; height:100%!important;}
#masterslider .ms-slide{-webkit-transition: initial; -moz-transition: initial; -ms-transition: initial; -o-transition: initial; transition: initial;}
#masterslider .ms-bullets{position:absolute; left:0; right:0; width:100%; margin:0 auto; font-size: 0; letter-spacing:0; z-index: 10; text-align: center;bottom:70px!important;}
#masterslider .ms-bullets .ms-bullets-count{right:auto; left:0;}
#masterslider .ms-bullets .ms-bullet{display:inline-block; font-size:0px; color:#fff; line-height:8px; font-family: "MONTSERRAT-REGULAR"; border-bottom: 2px solid #fff; width:8px; border:1px solid #fff; letter-spacing:normal;text-indent:0; border-radius:50%; text-align:center; margin:0 3px!important;}
#masterslider .ms-bullets .ms-bullet-selected{color:#00793a; border-color:#fff; background:#fff;}
#banner .ms-nav-prev,#banner .ms-nav-next{position:absolute; top:50%; margin-top:-26px; width:50px; height:52px; border:1px solid #fff; z-index: 250; cursor:pointer; transition:width .4s,left .4s,right .4s,border .4s,background .4s,opacity 1s,transform 1s !important; border-radius:5px; overflow:hidden;}
#banner .ms-nav-prev{left:80px;}
#banner .ms-nav-next{right:80px;}
#banner .ms-nav-prev:after,#banner .ms-nav-next:after{content:" "; display:block; position:absolute; width:21px; height:18px; top:50%; margin-top: -9px; background:no-repeat center; background-size:10px;}
#banner .ms-nav-prev:after{left:15px; background-image: url("../images/index-left.png");}
#banner .ms-nav-next:after{right:15px; background-image: url("../images/index-right.png");}
#banner .ms-nav-prev:hover,#banner .ms-nav-next:hover{width:86px;}
#banner .ms-nav-prev:hover{left:44px;}
#banner .ms-nav-next:hover{right:44px;}
@media screen and (max-width:1680px){
#banner .ms-nav-prev{left:3%;}
#banner .ms-nav-next{right:3%;}
}
@media screen and (max-width:1024px){
#banner{ display:none!important;}
}
/*****************************page start*****************************/
.bannershadow{}
.pos{
background: #0061ae;
line-height: 62px;
color: #fff;
}
.pos a{
color: #fff;
padding: 0 5px;
}
.pos .w1200{
background: url("../images/home_ico.png") no-repeat left 7px;
padding-left: 50px;
background-size: auto 40px;
}
/*pagebanner*/
.pagebanner{ display:block; overflow:hidden;height:auto;background-position:center top;background-repeat:no-repeat;color:#fff;position:relative;background-size:100%;/* background-attachment:fixed;*/}
.pagebanner .w1400{ position:relative;}
.pagebanner img{display: block}
.pagebanner-tt .w1200{
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.pagebanner .pagebanner-tt{ position:absolute; left:0;right:0;top:0;height: 100%;text-align:left;padding:0;}
.pagebanner .pagebanner-tt .en{ display:block;font-size:26px;color:#ffffff;line-height:normal;text-transform:uppercase;font-family: 'bbb',Arial, Helvetica, sans-serif;}
.pagebanner .pagebanner-tt .cn{ display:block;font-size:26px;color:#ffffff;line-height:normal;font-family: '思源黑体 CN','SourceHanSansCN-Regular',"PingFang SC",PingHei,STHeitiSC-Light,"Myriad Set Pro","Lucida Grande","Helvetica Neue",Helvetica,SimHei,tahoma,Arial,Verdana,sans-serif; font-weight: 600;}
@media screen and (max-width:1520px) {
.pagebanner .pagebanner-tt .en,
.pagebanner .pagebanner-tt .cn{font-size:24px;}
}
@media screen and (max-width:1220px) {
.pagebanner .pagebanner-tt .en,
.pagebanner .pagebanner-tt .cn{font-size:22px;}
.pagebanner .pagebanner-tt .pagebanner-ttBox{padding-left:50px;background-size:91px; }
}
@media screen and (max-width:1150px){
.pagebanner .pagebanner-tt .en,
.pagebanner .pagebanner-tt .cn{font-size:20px;}
}
@media screen and (max-width:1024px){
.pagebanner{height:130px;background-attachment:inherit;}
.pagebanner .pagebanner-tt .en,
.pagebanner .pagebanner-tt .cn{font-size:18px;}
.pagebanner .pagebanner-tt .pagebanner-ttBox{padding-left:46px;background-size:86px; }
}
@media screen and (max-width:992px){
.pagebanner{height:auto;}
.pagebanner .pagebanner-tt .en,
.pagebanner .pagebanner-tt .cn{font-size:16px;}
.pagebanner .pagebanner-tt .pagebanner-ttBox{padding-left:40px;background-size:80px; }
}
@media screen and (max-width:768px){
.pagebanner{height:auto;}
.pagebanner .pagebanner-tt .en,
.pagebanner .pagebanner-tt .cn{font-size:14px;}
.pagebanner .pagebanner-tt .pagebanner-ttBox{padding-left:30px;background-size:70px; }
}
@media screen and (max-width:640px){
.pagebanner{height:auto;}
.pagebanner .pagebanner-tt .pagebanner-ttBox{padding-left:8vw;background-size:10.9375vw; }
}
/*pageTop*/
.pageTop{ margin-top:-90px;}
/*pageNav*/
.pageNav{position:relative; z-index:1;}
.pageNav ul{ margin:0 auto; font-size:0; overflow:hidden;background:#fff;padding:45px 45px 35px 45px;text-align:center;}
.pageNav li{ display:inline-block;*display:inline;zoom:1;font-size: 14px;}
.pageNav li a{display:block; color:#000000; margin:0 6px; padding:0 25px; min-width:187px;line-height:45px; border-radius:45px; border:1px solid #e9e9e9; margin-bottom:10px;}
.pageNav li a span{ display:inline-block;position:relative; z-index:2;}
.pageNav li .aNow, .pageNav li a:hover{background:#e40002; color:#fff;}
.pageNav-tit{ display:none;}
@media screen and (min-width:769px){
.pageNavB{ display:block!important;}
}
@media screen and (max-width:768px){
.pageTop{ margin-top:-60px; position:relative;}
.pageTop .w1400{ width:100%;}
.pageNav-tit{display: inline-block;background:#e70312;height:60px;line-height:60px;color: #fff;text-align:center;padding-left: 10px;padding-right: 20px;border-top-right-radius: 20px;}
.pageNav-tit:after {content:''; display:inline-block;width:26px;height:13px;background: url(../images/navdown.png) no-repeat 60% center;background-size:13px;}
.pageNavB{ display:none;}
.pageNav{ height:auto;}
.pageNav ul{display:block;float:none; margin-right:0;padding:10px 0;padding-right:0; height:auto; background:#333333;}
.pageNav li{ display:block;line-height: normal;float:none; border-bottom: 1px solid #464646;}
.pageNav li a{display:block; color:#fff; padding:5px 25px;text-align:center; line-height:24px; border:none;}
.pageNav li a span{ }
.pageNav li .aNow, .pageNav li a:hover{background:none;}
.pageNavB{display: none;position: absolute;top:60px;left: 0;right: 0;z-index: 3;box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);}
}
@media screen and (max-width:640px){
.pageTop{ margin-top:-50px;}
.pageNav-tit{height:50px;line-height:50px; font-size:14px;}
.pageNavB{top:50px;}
}
/*********************************page*********************************/
.page{background:#ffffff;color:#666666; font-size:16px;line-height:30px; min-height:300px; overflow:hidden;}
.pageInfo{padding:80px 0;}
.pageInfo3{
background: rgba(247, 247, 247, 1);
}
.page img{ max-width:100%; height:auto;}
.page hr{border:none;border-top:1px solid #e7e7e7;}
@media screen and (max-width:1024px) {
.pageInfo{padding:20px 0;}
}
@media screen and (max-width:768px) {
.pageInfo{ font-size:14px;line-height:26px;padding:50px 0;}
}
/********************************about********************************/
/*pageT*/
.pageT{font-size:14px;color:#000000;padding-bottom:45px; font-weight:300;text-align:center;}
.pageT .cn{font-size:28px;display:inline-block;line-height:40px;padding:10px 70px;background: url(../images/tit-line.png) no-repeat right center;background-size:26px; margin-bottom:90px; }
.pageT .en{font-size:80px;line-height:normal;text-transform:uppercase;font-family: 'bbb',Arial, Helvetica, sans-serif;max-width:800px; margin:0 auto;margin-bottom:20px; }
.pageT .line{}
.pageT .wz{font-size:14px;color:#595959;max-width:630px; margin:0 auto;}
@media screen and (max-width:1680px) {
.pageT .en{font-size:76px;}
}
@media screen and (max-width:1520px) {
.pageT .en{font-size:72px;}
}
@media screen and (max-width:1220px) {
.pageT{padding-bottom:60px;}
.pageT .cn{font-size:26px;}
.pageT .en{font-size:68px;}
}
@media screen and (max-width:1024px) {
.pageT{padding-bottom:50px;}
.pageT .en{font-size:62px;}
}
@media screen and (max-width:992px) {
.pageT{padding-bottom:40px;}
.pageT .cn{font-size:24px;}
.pageT .en{font-size:60px;}
}
@media screen and (max-width:768px) {
.pageT{padding-bottom:30px;}
.pageT .cn{font-size:20px;}
.pageT .en{font-size:50px;}
}
/**pageTable**/
.pageTable{ padding-top:65px;padding-bottom:150px;}
.pageTable td{ width:25%;border-right:1px solid #ebebed;font-size:15px;color:#000000; line-height:30px;text-align:center;vertical-align:top; padding-left:3%; padding-right:3%;padding-bottom:90px;padding-top:55px; position:relative;background:#fff;}
.pageTable td img{ max-width:100%;}
.pageTable td p{margin-bottom:10px; }
.pageTable td.td1{border-left:1px solid #ebebed;}
.pageTable td .cn{ position:absolute; left:0;right:0;bottom:26px;font-size:16px;color:#c7c7c7;text-transform:uppercase;font-family: 'bbb',Arial, Helvetica, sans-serif; }
.pageTable td{position:relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
.pageTable td:hover{background:#fff;-webkit-transform:scale(1.1) translateY(-5px);-moz-transform:scale(1.1) translateY(-5px);-o-transform:scale(1.1) translateY(-5px);-ms-transform:scale(1.1) translateY(-5px);transform:scale(1.1) translateY(-5px);-moz-box-shadow:0 30px rgba(0,0,0,0.1);-webkit-box-shadow:0 30px rgba(0,0,0,0.1);box-shadow:0 0px 30px rgba(0,0,0,0.1); position:relative; z-index:2;}
@media screen and (max-width:1680px) {
.pageTable{ padding-top:55px;padding-bottom:130px;}
.pageTable td{padding-bottom:70px;padding-top:35px;}
.pageTable td p br{ display:none;}
}
@media screen and (max-width:1520px) {
.pageTable{ padding-top:45px;padding-bottom:120px;}
}
@media screen and (max-width:1220px) {
.pageTable{ padding-top:45px;padding-bottom:100px;}
}
@media screen and (max-width:1024px) {
.pageTable{ padding-top:35px;padding-bottom:90px;}
}
@media screen and (max-width:992px) {
.pageTable{ padding-top:30px;padding-bottom:70px;}
.pageTable td{width:auto!important;display:block!important;margin:0;border-right:none;border-bottom:1px solid #ebebed;}
.pageTable td.td1{border-right:none; border-bottom:1px solid #ebebed;}
.pageTable td.td2{ border-right:none;border-bottom:1px solid #ebebed;}
.pageTable td.td1{border-left:none;}
}
.pageTablelogo{ padding-top:20px; padding-bottom:20px;}
.pageTablelogo img{ max-width:100%;}
.pageTableimg{ position:relative; height:470px; margin-top:90px;margin-bottom:200px;}
.pageTableimg img{display:block!important;max-width:none!important;width:1920px!important; height:470px!important;position:absolute; left:0;top:0;}
@media screen and (max-width:1680px) {
.pageTableimg{margin-top:80px;margin-bottom:180px;}
}
@media screen and (max-width:1520px) {
.pageTableimg{margin-top:70px;margin-bottom:150px;}
}
@media screen and (max-width:1220px) {
.pageTableimg{margin-top:60px;margin-bottom:100px;}
}
@media screen and (max-width:1024px) {
.pageTableimg{margin-top:50px;margin-bottom:90px;}
}
@media screen and (max-width:768px) {
.pageTableimg{margin-top:30px;margin-bottom:50px;}
}
/*page page-counter*/
.page-counter{padding-top:70px;}
.page-counter td{font-size:15px;color: #000000; padding-left:60px; width:25%;}
.page-counter td.s1{background:url(../images/index-ab-icon1.png) left 10px no-repeat;background-size:50px}
.page-counter td.s2{background:url(../images/index-ab-icon2.png) left 10px no-repeat;background-size:50px}
.page-counter td.s3{background:url(../images/index-ab-icon3.png) left 10px no-repeat;background-size:50px}
.page-counter td.s4{background:url(../images/index-ab-icon4.png) left 10px no-repeat;background-size:50px}
.page-counter .note{font-size:60px;color: #272727;font-family: 'bbb',Arial, Helvetica, sans-serif; line-height: normal;}
.page-counter .note strong{ font-weight:normal; background-color:#218acc;
/*chrome 10+, safari 5.1+ */
background-image:-webkit-linear-gradient(120deg, #218acc 0%, #262171 100%);
/* firefox; multiple color stops */
background-image:-moz-linear-gradient(120deg, #218acc 0%, #262171 100%);
/* ie10 */
background-image: -ms-linear-gradient(120deg, #218acc 0%, #262171 100%);
/* opera 11.1 */
background-image: -o-linear-gradient(120deg, #218acc 0%, #262171 100%);
/* 标准写法 */
background-image: linear-gradient(120deg, #218acc 0%, #262171 100%);-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.page-counter .note span{ font-size:20px; margin-left:10px; vertical-align:bottom; padding-top:27px;background:url(../images/p.png) center top no-repeat;background-size:18px; position:relative;top:-10px;}
.page-counter .note em{ font-style:normal;font-size:60px; vertical-align:top;font-family: 'bbb',Arial, Helvetica, sans-serif;background-color:#05dc6b;
/*chrome 10+, safari 5.1+ */
background-image:-webkit-linear-gradient(120deg, #05dc6b 0%, #1dabf6 100%);
/* firefox; multiple color stops */
background-image:-moz-linear-gradient(120deg, #05dc6b 0%, #1dabf6 100%);
/* ie10 */
background-image: -ms-linear-gradient(120deg, #05dc6b 0%, #1dabf6 100%);
/* opera 11.1 */
background-image: -o-linear-gradient(120deg, #05dc6b 0%, #1dabf6 100%);
/* 标准写法 */
background-image: linear-gradient(120deg, #05dc6b 0%, #1dabf6 100%);-webkit-background-clip: text;}
.page-counter .title{font-size:15px;color: #000000;padding:10px 0 20px 0;}
@media screen and (max-width: 1440px){
.page-counter{padding-top:70px;}
.page-counter .note span{ font-size:18px;}
.page-counter .note{font-size:56px;}
}
@media screen and (max-width: 1220px){
.page-counter{padding-top:60px;}
.page-counter .note{font-size:50px;}
.page-counter td{ padding-right:40px;padding-left:50px;}
.page-counter .title{font-size:14px;padding:5px 0 10px 0;}
.page-counter .note span{ font-size:16px;padding-top:16px;background-size:14px;}
.page-counter td.s1,
.page-counter td.s2,
.page-counter td.s3,
.page-counter td.s4{background-size:45px}
}
@media screen and (max-width: 1024px){
.page-counter{padding-top:50px;}
.page-counter td{ padding-right:30px;padding-left:50px;}
.page-counter .note{font-size:40px;}
.page-counter .note span{ font-size:14px;padding-top:14px;background-size:12px;top:-5px;}
.page-counter td.s1,
.page-counter td.s2,
.page-counter td.s3,
.page-counter td.s4{background-size:45px}
}
@media screen and (max-width: 992px){
.page-counter{padding-top:40px;}
.page-counter td{ padding-right:20px;padding-left:45px;}
.page-counter td.s1,
.page-counter td.s2,
.page-counter td.s3,
.page-counter td.s4{background-size:40px}
.page-counter .note{font-size:30px;}
.page-counter .title{font-size:12px;padding:5px 0 10px 0;}
.page-counter .note span{ font-size:12px;padding-top:15px;background-size:10px;top:0;}
}
@media screen and (max-width: 768px){
.page-counter{padding-top:30px;padding-bottom:30px;}
.page-counter .note{font-size:26px;}
.page-counter td{ width:50%!important;display:block!important; float:left; padding-bottom:30px;}
}
/*pageTable2*/
.pageTable2{ position:relative;margin-top:0px;margin-bottom:50px;}
.pageTable2 .img{ width:50%; /*display:block; position:absolute; right:0;top:0; */text-align:right;}
.pageTable2 .img img{ max-width:71.23456790123457%;}
.pageTable2 .wz{ /*display:block;padding-right:50%;*/font-size:15px; line-height:30px; color:#000000; text-align:justify;}
.pageTable2 .wz h1{ padding:10px 0;font-size:34px; color:#000000; line-height:45px;padding-left:50px;background: url(../images/tit-line.png) no-repeat left center;background-size:26px; position:relative; margin-bottom:55px;}
.pageTable2 .wz h1:after{content:'';width:110px; height:1px;background:#dcdcdc; position:absolute; display:inline-block; margin-left:30px; margin-top:25px;}
@media screen and (max-width: 1680px){
.pageTable2 .wz h1{font-size:30px;}
.pageTable2{margin-top:80px;margin-bottom:180px;}
}
@media screen and (max-width: 1440px){
.pageTable2{margin-top:70px;margin-bottom:150px;}
}
@media screen and (max-width: 1220px){
.pageTable2{margin-top:50px;margin-bottom:100px;}
.pageTable2 .wz h1{font-size:26px;}
}
@media screen and (max-width: 1024px){
.pageTable2{margin-top:0;margin-bottom:90px;}
.pageTable2 .wz h1{font-size:24px;background-size:24px;margin-bottom:45px;}
.pageTable2 .wz{ width:48%;padding-right:0%; font-size:14px; line-height:26px;}
}
@media screen and (max-width: 992px){
.pageTable2 .wz h1{font-size:24px;background-size:24px;margin-bottom:25px;}
}
@media screen and (max-width: 768px){
.pageTable2{margin-top:0;margin-bottom:50px;}
.pageTable2 .wz h1{font-size:22px;background-size:24px;margin-bottom:25px;}
.pageTable2 .wz{ width:100%; display:block!important;padding-left:0%;margin-bottom:25px; }
.pageTable2 .img{ width:100%; display:block!important; position: static; left:0;top:0; text-align:center;}
.pageTable2 .img img{ max-width:71.23456790123457%;}
}
/*pageTable3*/
.pageTable3{ position:relative;margin-top:90px;margin-bottom:220px;}
.pageTable3 .img{ width:50%; display:block; position:absolute; left:54%;top:0;}
.pageTable3 .img img{width:890px; max-width:none;}
.pageTable3 .wz{display:block;padding-right:60%; font-size:15px; line-height:30px; color:#000000; text-align:justify;}
.pageTable3 .wz h1{ padding:10px 0;font-size:34px; color:#000000; line-height:45px;padding-left:50px;background: url(../images/tit-line.png) no-repeat left center;background-size:26px; position:relative; margin-bottom:55px;}
.pageTable3 .wz h1:after{content:'';width:110px; height:1px;background:#dcdcdc; position:absolute; display:inline-block; margin-left:30px; margin-top:25px;}
@media screen and (max-width: 1680px){
.pageTable3{margin-top:80px;margin-bottom:180px;}
.pageTable3 .wz h1{font-size:30px;margin-bottom:50px;}
}
@media screen and (max-width: 1440px){
.pageTable3{margin-top:70px;margin-bottom:150px;}
}
@media screen and (max-width: 1220px){
.pageTable3{margin-top:60px;margin-bottom:100px;}
.pageTable3 .wz h1{font-size:26px;}
}
@media screen and (max-width: 1024px){
.pageTable3{margin-top:50px;margin-bottom:90px;}
.pageTable3 .wz h1{font-size:24px;background-size:24px;margin-bottom:45px;}
.pageTable3 .wz{ width:48%;padding-right:50%; font-size:14px; line-height:26px;padding-bottom:50px;}
}
@media screen and (max-width: 992px){
}
@media screen and (max-width: 768px){
.pageTable3{margin-top:30px;margin-bottom:50px;}
.pageTable3 .wz h1{font-size:22px;margin-bottom:25px;background-size:20px;}
.pageTable3 .wz{ width:100%; display:block!important;padding-right:0%; }
.pageTable3 .img{ width:100%; display:block!important; position: static; left:0;top:0;}
.pageTable3 .img img{width:100%; max-width:none;}
}
/*page4Table*/
.page4Table{ position:relative;}
.page4Table .img{ width:50%; display:block; position:absolute; left:60%;top:0;}
.page4Table .img img{ max-width:100%;}
.page4Table .wz{ width:50%; display:block;padding-right:10%;padding-left:10%; font-size:15px; line-height:30px; color:#000000; text-align:justify; }
.page4Table .wz h1{padding:10px 0;font-size:34px; color:#000000; line-height:45px;padding-left:50px;background: url(../images/tit-line.png) no-repeat left center;background-size:26px; position:relative; margin-bottom:55px;}
.page4Table .wz h1:after{content:'';width:110px; height:1px;background:#dcdcdc; position:absolute; display:inline-block; margin-left:30px; margin-top:25px;}
.page4Table .wz .line{ height:1px; width:100%; background:#e2e2e2; margin:50px 0;}
@media screen and (max-width: 1680px){
.page4Table .wz h1{font-size:30px;}
.page4Table{}
}
@media screen and (max-width: 1440px){
.page4Table{}
}
@media screen and (max-width: 1220px){
.page4Table{}
.page4Table .wz h1{font-size:28px;}
}
@media screen and (max-width: 1024px){
.page4Table{}
.page4Table .wz h1{font-size:26px;}
.page4Table .wz{ width:48%;padding-right:0%; font-size:14px; line-height:26px;}
}
@media screen and (max-width: 992px){
}
@media screen and (max-width: 768px){
.page4Table{}
.page4Table .wz h1{font-size:22px;}
.page4Table .wz{ width:100%; display:block!important;padding-left:0%; }
.page4Table .img{ width:100%; display:block!important; position: static; left:0;top:0;}
.page4Table .img img{ max-width:100%;}
}
/********************************list********************************/
/*page-pageList li3*/
.page-pageList{ padding-bottom:44px;margin:0 auto; max-width:1360px;}
.page-pageList ul{margin:0 -35px;position:relative; font-size:0;}
.page-pageList li.li3{position:relative;z-index:1;cursor:pointer; display:inline-block;*display:inline;zoom:1; width:33.333333%; margin-bottom:15px; vertical-align:top;}
.page-pageList li.li3 a{display:block; position:relative; margin:0 35px;text-align:center; padding-bottom:10px;}
.page-pageList li.li3 .ImgBoxB{display: block;position:relative; padding:30px 30px;background: url("../images/page2bg.jpg") center top no-repeat #fff;background-size:100%;}
.page-pageList li.li3 a:before,
.page-pageList li.li3 .ImgBoxB:after{-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.page-pageList li.li3 .ImgBoxB:after{content: '';color:#fff;font-size: 18px;display: block;width:40px;height:40px;line-height:40px;text-align: center;box-sizing:content-box;border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background-clip: content-box;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.35);-ms-transform: scale(1.35);-o-transform: scale(1.35);transform: scale(1.35); background: url("../images/top-search.png") center center no-repeat #333;background-size:18px;}
.page-pageList li.li3 a:hover:before{background-color: rgba(0,0,0,0.15); z-index:2; left:0;}
.page-pageList li.li3 a:hover .ImgBoxB:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;z-index: 9;}
.page-pageList li.li3 .ImgBox{display: block;position: relative;width: 100%;padding:50% 0;overflow: hidden;}
.page-pageList li.li3 .ImgBox img{transition: 0.4s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;}
.page-pageList li.li3 a,
.page-pageList li.li3 .ImgBox img,
.page-pageList li.li3 .ImgBox,
.page-pageList li.li3 .ImgBoxB,
.page-pageList li.li3 .title{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.page-pageList li.li3 a:hover .ImgBox img{-moz-transform:scale(1.05); -webkit-transform:scale(1.05);transform:scale(1.05);}
.page-pageList li.li3 .title {font-size:15px; color:#000000; line-height:26px;/*height:52px; overflow:hidden;*/ /*padding:15px 0;height:30px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/ padding:10px 50px;}
/*.page-pageList li.li3 a:before {content: "";position: absolute;left: 0;bottom: -1px;width: 0;height:1px;background-color:#faca99;transition: all .3s;}*/
.page-pageList li.li3 a:hover:before {width: 100%;}
.page-pageList li.li3 a:hover .title{color:#e80313}
.page-pageList li.li3 a:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);-moz-box-shadow:0 30px rgba(0,0,0,0.1);-webkit-box-shadow:0 30px rgba(0,0,0,0.1);box-shadow:0 0px 30px rgba(0,0,0,0.1);}
@media screen and (max-width:1300px){
.page-pageList li.li3 {width:33.33333%;}
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:768px){
.page-pageList ul{margin:0 -5px;}
.page-pageList li.li3 a{ margin:0 5px;}
.page-pageList li.li3 {width:50%; margin-bottom:10px;}
.page-pageList li.li3 a{padding:10px 10px 10px 10px;}
.page-pageList li.li3 .ImgBoxB{padding:10PX 10PX 20px 10PX;}
.page-pageList li.li3 a:hover .ImgBox:after{display:none!important;}
.page-pageList li.li3 .title {padding:0 0;font-size:14px;line-height:20px; height:40px;}
.page-pageList li.li3 .ImgBox{padding:50% 0;}
}
/*page-tab*/
.page-tab{margin:0 auto;padding:33px 0 33px 0;text-align: center; }
.page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;height:44px;line-height:44px;font-size: 0;}
.page-tab ul li{margin: 0;padding: 0;display: inline-block;position: relative;height:44px;line-height: 44px;}
.page-tab ul li a{display: inline-block;text-align: center;font-size: 12px;color: #1e2831;padding: 0 18px;margin:0 4px;height:42px;line-height:42px;border: 1px solid #d2d2d2;background: #ffffff;}
.page-tab ul li a:hover,.page-tab ul li a.focus{background:#e80313;color: #fff;border-color:#e80313;}
.page-tab ul li.next-page a, .page-tab ul li.prev-page a{padding: 0 36px;}
@media screen and (max-width:1024px){
.page-tab{margin:0 auto;padding:30px 0 30px 0;text-align: center; }
}
@media screen and (max-width:768px){
.page-tab ul li{ display:none;}
.page-tab ul li.next-page, .page-tab ul li.prev-page{ display:inline-block;}
}
/*page-historyList li3*/
.page-historyList{padding-bottom:44px; max-width:1320px; margin:0 auto;}
.page-historyList ul{margin:0 -20px;position:relative; font-size:0;}
.page-historyList li{position:relative;z-index:1;cursor:pointer; display:inline-block;*display:inline;zoom:1; width:33.333333%; margin-bottom:72px; vertical-align:top;}
.page-historyList li a{display:block; position:relative; margin:0 20px;text-align:center; padding-bottom:10px;-moz-box-shadow:0 30px rgba(0,0,0,0.1);-webkit-box-shadow:0 30px rgba(0,0,0,0.1);box-shadow:0 0px 30px rgba(0,0,0,0.1);background: url("../images/page3bg.jpg") center top no-repeat #fff;background-size:100%; padding:35px 35px;padding-top:75px;}
.page-historyList li .ImgBoxB{display: block;position:relative;}
.page-historyList li .ImgBox{display: block;position: relative;width: 100%;padding:27.27272727272727% 0;overflow: hidden;}
.page-historyList li .ImgBox img{transition: 0.4s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;}
.page-historyList li a,
.page-historyList li .ImgBox img,
.page-historyList li .ImgBox,
.page-historyList li .ImgBoxB,
.page-historyList li .title{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.page-historyList li a:hover .ImgBox img{-moz-transform:scale(1.05); -webkit-transform:scale(1.05);transform:scale(1.05);}
.page-historyList li .title{ padding-bottom:25px;background: url("../images/page3-line2.jpg") center bottom no-repeat;background-size:18px; margin-bottom:40px;}
.page-historyList li .date {font-size:46px; color:#333333;font-family:Arial, Helvetica, sans-serif; line-height: normal;}
.page-historyList li .wz {font-size:15px; color:#000000; line-height:26px;height:26px; overflow:hidden;}
.page-historyList li a:hover:before {width: 100%;}
.page-historyList li a:hover .title{color:#e80313}
.page-historyList li a:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);}
@media screen and (max-width:1520px){
.page-historyList li .date {font-size:40px;}
}
@media screen and (max-width:1220px){
.page-historyList ul{margin:0 -10px;}
.page-historyList li a{ margin:0 10px;padding:30px 30px;padding-top:55px;}
.page-historyList li .date {font-size:36px;}
.page-historyList li a:hover:before {width: 100%;}
.page-historyList li a:hover .title{color:#e80313}
.page-historyList li .title{ padding-bottom:20px;margin-bottom:30px;}
}
@media screen and (max-width:1024px){
.page-historyList li .date {font-size:32px;}
.page-historyList li a{ margin:0 10px;padding:25px 20px;padding-top:45px;}
.page-historyList li .title{ padding-bottom:20px;margin-bottom:25px;}
.page-historyList li .wz{ font-size:14px;}
}
@media screen and (max-width:992px){
.page-historyList li .date {font-size:28px;}
.page-historyList li a{ margin:0 10px;padding:25px 20px;padding-top:40px;}
.page-historyList li .title{ padding-bottom:20px;margin-bottom:25px;}
}
@media screen and (max-width:768px){
.page-historyList li .date {font-size:24px;}
.page-historyList ul{margin:0 -5px;}
.page-historyList li a{ margin:0 5px;}
.page-historyList li {width:50%; margin-bottom:10px;}
.page-historyList li a{padding:10px 10px 10px 10px;padding-top:45px;}
.page-historyList li .ImgBoxB{padding:10PX 0PX 0 0PX;}
.page-historyList li a:hover .ImgBox:after{display:none!important;}
.page-historyList li .title{ padding-bottom:10px;margin-bottom:15px;}
}
@media screen and (max-width:350px){
.page-historyList li {width:100%; }
.page-historyList ul{margin:0;}
.page-historyList li a{ margin:0;}
}
.page3Table{ position:relative; padding:30px 95px;}
.page3Tableimg{position:absolute; left:0;top:30px; height:100%;}
.page3Tablewz{-moz-box-shadow:0 0 80px rgba(0,0,0,0.15);-webkit-box-shadow:0 0 80px rgba(0,0,0,0.15);box-shadow:0 0px 80px rgba(0,0,0,0.15);background: #fff; max-width:560px; padding:70px 70px; position:relative; z-index:2;}
.page3Tablewz td h1{font-size:30px; color:#333333;line-height:normal; padding:0px 0;}
.page3Tablewz td h1 strong{font-size:58px; color:#e60012;font-family: 'bbb',Arial, Helvetica, sans-serif;line-height:normal;}
.page3Tablewz td h2{font-size:16px;text-transform:uppercase;font-family: 'bbb',Arial, Helvetica, sans-serif; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #e0e0e0; margin-top:10px;}
.page3Tablewz td{ font-size:15px; color:#000; line-height:32px;}
@media screen and (max-width:1620px){
.page3Table{padding:30px 0px;}
}
@media screen and (max-width:1320px){
.page3Tablewz{max-width:500px; padding:60px 60px;}
.page3Tablewz td h1{font-size:28px;}
.page3Tablewz td h1 strong{font-size:50px;}
.page3Tablewz td h2{padding-bottom:30px;margin-bottom:30px;margin-top:10px; line-height:normal;}
}
@media screen and (max-width:1220px){
.page3Tablewz{max-width:45%; padding:50px 50px;}
.page3Tablewz td h1{font-size:26px;}
.page3Tablewz td h1 strong{font-size:40px;}
.page3Tablewz td h2{padding-bottom:30px;margin-bottom:30px;margin-top:10px; line-height:normal;}
.page3Tablewz td{ font-size:14px;line-height:30px;}
}
@media screen and (max-width:1024px){
.page3Tablewz{max-width:360px; padding:50px 50px;}
.page3Tablewz td h1{font-size:24px;}
.page3Tablewz td h1 strong{font-size:30px;}
.page3Tablewz td h2{font-size:14px;padding-bottom:20px;margin-bottom:20px;margin-top:10px;}
.page3Tablewz td{ font-size:14px;line-height:26px;}
}
@media screen and (max-width:992px){
.page3Tablewz{ padding:30px 40px;}
}
@media screen and (max-width:768px){
.page3Tableimg{position: static; top:0;}
.page3Tablewz{max-width:100%; padding:30px 30px;}
}
@media screen and (max-width:640px){
.page3Tablewz{max-width:100%; padding:20px 30px;}
}
.page4ListTit{font-size:34px; color:#000000; line-height:32px; text-align:center;margin-bottom:90px; }
.page4ListTit span{ display:inline-block;padding:20px 70px;background: url(../images/tit-line.png) no-repeat left center;background-size:26px; }
@media screen and (max-width:1680px){
.page4ListTit{font-size:30px;margin-bottom:70px;}
}
@media screen and (max-width:1300px){
.page4ListTit{font-size:28px;margin-bottom:50px;}
}
@media screen and (max-width:1024px){
.page4ListTit{font-size:26px;margin-bottom:30px;}
}
@media screen and (max-width:768px){
.page4ListTit{font-size:20px;}
}
/*page4List*/
.page4List{overflow:hidden; padding-top:80px;padding-bottom:80px; margin:0 auto;background: url(../images/page4-jzbg.jpg) no-repeat top center; background-size:100%;}
.page4List .page4Listul{position:relative; font-size:0;}
.page4List .page4Listul{margin:0;height: 100%;overflow: hidden;}
.page4List .page4Listul .li{height:100%;overflow: hidden; position:relative; padding-right:50%; min-height:400px;background:#f3f3f3;}
.page4List .page4Listul .li .imgBox{display: block;position: relative;width:100%;overflow: hidden;height:420px;}
.page4List .page4Listul .li .imgBox img{height: 100%;object-fit: cover; display:block;}
.page4List .page4Listul .li .title{width:50%;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);max-height:500px; overflow-y:scroll; }
.page4List .page4Listul .li .title::-webkit-scrollbar{width:0;height:4px;background-color:#333333;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.page4List .page4Listul .li .title::-webkit-scrollbar-thumb{ background-color:#575552;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.page4List .page4Listul .li .title .titleNr{padding-top:30px;padding-bottom:30px;padding-left:65px;padding-right:65px;position:relative;z-index:2;}
.page4List .page4Listul .li .title h1{padding-left:13px;background:url(../images/page4-tit-line.jpg) left 4px no-repeat;font-size:26px;color:#000000; font-weight: normal; margin-bottom:10px;}
.page4List .page4Listul .li .title .en{font-size:16px;text-transform:uppercase;font-family: 'bbb',Arial, Helvetica, sans-serif;color:#000000;margin-bottom:20px;}
.page4List .page4Listul .li .title .wz{padding-top:20px;font-size:15px;color:#000000;line-height:30px; text-align:justify;}
/**/
.page4List .page4Listul .li:nth-child(2n) .title{ right:auto; left:0;}
.page4List .page4Listul .li:nth-child(2n){padding-left:50%; padding-right:0%;}
/**/
.page4List .page4Listul .li,
.page4List .page4Listul .li .imgBox img,
.page4List .page4Listul .li .imgBox,
.page4List .page4Listul .li .title{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.page4List .page4Listul .li:hover .imgBox img{-moz-transform:scale(1.05); -webkit-transform:scale(1.05);transform:scale(1.05);}
.page4List .page4Listul .li:hover{background-color:#e4e4e4;}
@media screen and (max-width:1440px){
.page4List .page4Listul .li .title .titleNr{padding-left:50px;padding-right:50px;}
.page4List .page4Listul .li .title h1{font-size:24px;}
.page4List .page4Listul .li .title .en{font-size:14px;margin-bottom:10px;}
.page4List .page4Listul .li .title .wz{padding-top:10px;}
}
@media screen and (max-width:1250px){
.page4List .page4Listul .li .title .titleNr{ padding-top:30px;padding-bottom:30px;padding-left:30px;padding-right:30px;}
.page4List .page4Listul .li .title h1{}
.page4List .page4Listul .li .title h1 span{line-height:24px;}
.page4List .page4Listul .li .title h1 .cn{font-size:20px;}
.page4List .page4Listul .li .title .wz{font-size:14px;line-height:24px;}
.page4List .page4Listul .li .title h1{font-size:20px;margin-bottom:0px;}
}
@media screen and (max-width:768px){
.page4List{padding-bottom:50px;}
.page4List .page4Listul .li{padding:0; min-height: inherit;}
.page4List .page4Listul .li .imgBox{padding:25% 0;width:100%;position: relative;min-height: inherit;height:auto;}
.page4List .page4Listul .li .imgBox img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.page4List .page4Listul .li .title{width:100%;position:static;right: 0;top:0;-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);overflow-y:hidden;}
.page4List .page4Listul .li .title h1 .cn{font-size:20px;}
.page4List .page4Listul .li:nth-child(2n){padding-left:0; padding-right:0;}
}
@media screen and (max-width:500px){
.page4List .page4Listul .li .title .wz br{ display:none;}
}
/**************************video**************************/
/*videoList*/
.pagevideos{overflow:hidden;margin:0 auto; max-width:1360px;}
.videoList{margin:0 -10px;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;}
.videoList li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:50%;vertical-align:top;margin-bottom:20px;}
.videoList li a{display:block; margin:0 10px;overflow:hidden;}
.videoList li a .ImgBox{width: 100%; height:auto;overflow: hidden;display: block; padding:26.19047619047619% 0; position:relative;}
.videoList li a .ImgBox img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 0%;width: 100%;height: 100%;/*object-fit: contain;*/ max-width:none;}
.videoList li a .ImgBox img{transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.videoList li a:hover .ImgBox img{-moz-transform: scale(1.05) translate(-50%, -50%); -webkit-transform: scale(1.05) translate(-50%, -50%);-ms-transform: scale(1.05) translate(-50%, -50%);transform: scale(1.05) translate(-50%, -50%);}
.videoList li a{-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.videoList li a,.videoList li .listTitle:after{-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.videoList li .listTitle{padding-top:13px;padding-bottom:13px;position:relative;}
.videoList li .listTitle:after{ content:""; position:absolute; left:50%; bottom:0; width:0;height:1px; background:#dcdcdc;}
.videoList li a:hover .listTitle:after{width:100%;left:0;}
.videoList li .listTitle .t{ padding:0 20px;display:block;font-size:18px;color:#000000;line-height:32px;overflow: hidden; text-align:center; position:relative;}
.videoList li a .ImgBoxB{ position:relative; }
.videoList li a .ImgBoxB:before{content:"";position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;margin:0;background:#000;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1;opacity: 0.1;}
.videoList li a .ImgBoxB:after{ content:"";position:absolute;z-index:2;width:63px;height:63px;left:50%;top:50%;margin:-31.5px 0px 0px -31.5px;background:url(../images/video.png) no-repeat center center;cursor:pointer; background-size:100%;}
@media screen and (max-width:1230px) {
.videoList{margin:0 -15px;}
.videoList li a{margin:0 15px;}
.videoList li{margin-bottom:30px;}
.videoList li .listTitle{padding-top:10px;}
.videoList li .listTitle .t{ padding:5px 10px;font-size:14px;line-height:32px;}
}
@media screen and (max-width:768px) {
.videoList{margin:0 -5px;}
.videoList li a{margin:0 5px;}
.videoList li{width:50%;margin-bottom:20px;}
.videoList li .listTitle{padding-top:8px;}
.videoList li .listTitle .t{ padding:10px 10px;font-size:14px;line-height:20px;}
}
@media screen and (max-width:640px) {
.videoList li a .ImgBoxB:after{width:7.8125vw;height:7.8125vw;margin:-3.90625vw 0px 0px -3.90625vw;}
}
@media screen and (max-width:768px) {
.videoList{margin:0 0px;}
.videoList li a{margin:0 0px;}
.videoList li{width:100%;}
}
/**************************video end**************************/
/*page-newsList - listno*/
.page-newsList {height:auto; position:relative; margin-bottom:40px;}
.page-newsList ul{padding:0; width:100%; height:auto; font-size:0; line-height:normal;display: flex;flex-wrap: wrap;}
.page-newsList ul li.listno{overflow:hidden;list-style:none;width:33.33333%;display:inline-block;*display:inline; zoom:1;vertical-align:top; padding:20px 0;transition: all 0.5s;}
.page-newsList ul li.listno a{display:block;position:relative;margin:0 20px;background:#FFF;background-repeat:no-repeat;background-position:right bottom;background-size:120%;padding: 30px 30px 30px 30px; border-radius:10px;}
.page-newsList ul li.listno:hover{box-shadow:2px 2px 20px rgba(0, 0, 0, 0.1);}
.page-newsList ul li.listno .date{text-align:left;font-size:16px;line-height:32px;color:#333333;display:block;position:relative;font-family:'bbb',Arial, Helvetica, sans-serif; margin-bottom:10px;}
.page-newsList ul.zs-list li.listno .date,.page-newsList ul.zs-list li.listno .more,.page-newsList ul.zs-list li.listno .text{
display: none;
}
.page-newsList ul.zs-list li.listno .tit{
font-size: 14px;
color: #7d7e8d;
text-align: center;
margin: 0;
}
.page-newsList ul.zs-list li.listno{
width: 25%;
}
.page-newsList ul.zs-list li.listno a{
padding: 0 10px;
height: 100%;
}
.page-newsList ul li.listno .date span{ display:inline-block;position:relative;font-size:30px;line-height:32px;color:#20a8fc;font-weight:normal;margin-right:12px;}
.page-newsList ul li.listno .title{overflow:hidden;}
.page-newsList ul li.listno .tit{max-height:72px; line-height:36px; overflow:hidden;font-size:24px; color:#000000; font-weight:normal; margin-bottom:30px;}
.page-newsList ul li.listno .text{max-height:30px; line-height:30px; overflow:hidden;font-size:14px; color:#7d7e8d; font-weight:normal;margin-bottom:15px;}
.page-newsList ul li.listno .date span,.page-newsList ul li.listno .date span:after,
.page-newsList ul li.listno .tit,.page-newsList ul li.listno .text,
.page-newsList ul li.listno a{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.2s ease-in-out;}
.page-newsList ul li.listno a:hover{background-size:100%; background-color:#fff;}
.page-newsList ul li.listno a:hover .date span:after{ background:#fff;}
.page-newsList ul li.listno .more{text-align:left;font-size:16px; display:block;position:relative;}
.page-newsList ul li.listno .more span{ display:inline-block;position:relative;font-size:16px;line-height:32px;color:#0000008;font-family:Arial, Helvetica, sans-serif;font-weight:normal;padding-top:10px;}
.page-newsList ul li.listno .more span:after{ content:''; width:100%; height:1px; background:#d3d3d3; position:absolute; left:0;top:0;}
@media screen and (max-width:1220px) {
}
@media screen and (max-width:1024px) {
.page-newsList ul li.listno{width:50%;}
}
@media screen and (max-width:992px) {
.page-newsList ul li.listno{width:50%;}
}
@media screen and (max-width:768px) {
.page-newsList ul li.listno{width:100%;}
.page-newsList ul li.listno a{margin:0px;}
.page-newsList ul li.listno a{background-size:100%; background-color:#fff;box-shadow:2px 2px 20px rgba(0, 0, 0, 0.1);}
}
@media screen and (max-width:550px) {
}
@media screen and (max-width:350px) {
}
/*page-newsInfo*/
.page-newsInfo{text-align:left; width:71.875%; float:left;}
.page-newsInfo .page-newswz{ padding:50px 50px;background:#fff;}
.page-newsInfo .newsTit{font-size:34px; color:#000000; line-height: normal; text-align:left;font-weight:300;margin-bottom:55px;}
.page-newsInfo .newsShuju{ font-size:14px; color:#333333;line-height:30px;text-align:left;margin-bottom:40px; }
.page-newsInfo .newsShuju em{ display:inline-block;font-size:12px; color:#909090;line-height:30px; font-style:normal;}
.page-newsInfo .newsText{margin:0 0;text-align:left;font-size:16px;color:#333333;line-height:28px;}
.page-newsInfo .newsTextNr{padding-bottom:20px;}
.page-newsInfo .newsBtn{padding-top:20px;padding-bottom:20px;font-size:0;}
.page-newsInfo .newsBtn .newsBtnA{display:inline-block;*display:inline;zoom:1;width:48%;overflow:hidden;color:#909090;float:left; text-align:center; font-size:0;}
.page-newsInfo .newsBtn .newsBtnB{display:inline-block;*display:inline;zoom:1;width:48%;overflow:hidden;color:#909090;float:right;text-align:center; font-size:0;}
.page-newsInfo .newsBtn .newsBtnA em,
.page-newsInfo .newsBtn .newsBtnB em{ font-style:normal;}
.page-newsInfo .newsBtn a{display:block;color:#333333;font-size:15px;line-height:64px; height:64px;white-space:nowrap;text-overflow: ellipsis; overflow: hidden; background:#fff; padding:0 50px; text-align:center;}
.page-newsInfo .newsBtn a:hover{color:#218acc;}
.page-newsInfo .newsBtn .newsBtnA{text-align:left;}
.page-newsInfo .newsBtn .newsBtnB{ text-align:right;}
.page-newsInfo .newsBtn a srtong{ color:#333333;}
@media screen and (max-width:1520px) {
.page-newsInfo .newsTit{font-size:28px;}
}
@media screen and (max-width:1220px) {
.page-newsInfo .newsTit{font-size:26px;}
}
@media screen and (max-width:992px) {
.page-newsInfo .newsTit{font-size:24px;}
}
@media screen and (max-width:992px) {
.page-newsInfo .newsShuju,
.page-newsInfo .newsTit,.page-newsInfo .newsText{ margin-bottom:30px;}
.page-newsInfo .newsTit{ font-size:20px;width:auto;}
}
@media screen and (max-width:768px) {
.page-newsInfo{text-align:left; width:100%; float:none; margin-bottom:30px;}
.page-newsInfo .newsBtn .newsBtnA em,
.page-newsInfo .newsBtn .newsBtnB em{ display:none;}
.page-newsInfo .page-newswz{ padding:40px 25px;}
.page-newsInfo .newsShuju,
.page-newsInfo .newsShuju em{font-size:12px;line-height:26px;}
.page-newsInfo .newsText{font-size:14px;line-height:24px;}
.page-newsInfo .newsBtn a{font-size:12px;line-height:54px; height:54px;padding:0 0px;}
}
/*page-back*/
.page-back{margin:0 auto;text-align:center;}
.page-back a{display:block;width:100%;font-size:15px;overflow:hidden;line-height:64px;height:64px;text-align:center;color: #333333;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#fff; position:relative;}
.page-back a span{ display:inline-block; position:relative; z-index:2;overflow:hidden;padding-right:25px;background: url(../images/page-back.png) right center no-repeat;background-size: 15px;}
@media screen and (max-width:768px) {
.page-back a{font-size:12px;line-height:54px;height:54px;}
.page-back a span{ padding-right:20px;background-size: 12px;}
}
/**/
.page-newsRight{float:right;width:26.5625%;}
.page-newsRight .more-main{background-color:#fff;padding:40px 40px 0;color:#B3B3B3}
.page-newsRight .product-tag{margin-top:40px;background-color:#fff;padding-bottom:26px}
.page-newsRight .product-tag .product-img{width:300px;height:200px}
.page-newsRight .product-tag .product-name{text-align:center;padding-top:12px;color:#666;font-size:16px;line-height:16px}
.page-newsRight .product-tag .product-tips{font-size:14px;margin:16px auto 0;display:block;color:#b3b3b3;text-align:center;cursor:pointer;line-height:30px;width:100px;border-radius:15px;border:1px solid #f5f5f5}
.news-more-explain{font-size:20px;line-height:20px;padding-bottom:30px;color:#000000}
.news-more-content{padding-bottom:18px}
.news-more-title{font-size:15px;line-height:24px; color:#333333;}
.news-more-time{font-size:14px;line-height:24px; color:#b4b5bd;}
.news-more-content:hover .news-more-title{color:#218acc;}
@media screen and (max-width:768px) {
.page-newsRight{float:none;width:100%;}
.page-newsRight .more-main{padding:30px 25px 0;}
.news-more-explain{font-size:16px;padding-bottom:20px;}
.news-more-content{padding-bottom:15px}
.news-more-title{font-size:14px;line-height:24px;}
.news-more-time{font-size:12px;line-height:24px;}
}
/*****************************organList2*****************************/
.organList2 .organList2ul{margin:0 -7.5px;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;background:#fff;}
.organList2 li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:25%;vertical-align:top;margin-bottom:15px;}
.organList2 li a{display:block; margin:0 7.5px;padding:0;overflow:hidden;position:relative;}
.organList2 li a{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
/*.organList2 li a .line{width:100%; height:5px;background: -webkit-linear-gradient(right,#1dabf6 0%,#e54300 100%);background: -moz-linear-gradient(right,#1dabf6 0%,#e54300 100%);background:-o-linear-gradient(right,#1dabf6 0%,#e54300 100%);background: linear-gradient(to right,#1dabf6 0%,#e54300 100%);background:-ms-linear-gradient(top right,#1dabf6,#e54300);}*/
.organList2 li a .ImgBoxB{border:1px solid #dcdcdc;position: relative;}
.organList2 li a .ImgBoxB{ overflow: hidden;position: relative;}
.organList2 li a .ImgBoxB:before,
.organList2 li a .ImgBoxB:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.organList2 li a .ImgBoxB:before{content: '';display: block;width: 100%;height: 100%;background: -webkit-linear-gradient(top,#262171 0%,#218acc 100%);background: -moz-linear-gradient(top,#262171 0%,#218acc 100%);background:-o-linear-gradient(top,#262171 0%,#218acc 100%);background: linear-gradient(to top,#262171 0%,#218acc 100%);background:-ms-linear-gradient(top right,#262171,#218acc);left: 0;top: 0;position: absolute;opacity:0;filter: alpha(opacity=0);}
.organList2 li a .ImgBoxB:after{content: '';color:#fff;display: block;width:60px;height:60px;line-height:60px;text-align: center;box-sizing:content-box;border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background-clip: content-box;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.35);-ms-transform: scale(1.35);-o-transform: scale(1.35);transform: scale(1.35); background-image:url("../images/page-s.png"); background-position:center; background-repeat:no-repeat;background-size:32px;/*background-color:rgba(255,255,255,.5);border:15px solid rgba(255,255,255,.2);*/ z-index:2;}
.organList2 li a:hover .ImgBoxB:before{opacity: .8;filter: alpha(opacity=80);background-color: rgba(0,0,0,0.4); z-index:1;}
.organList2 li a:hover .ImgBoxB:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.organList2 li a .ImgBox{ width:100%; padding:53% 0;position:relative;overflow:hidden; }
.organList2 li a .img{width: 100%;height: 100%;}
.organList2 li a img{position: absolute;max-width:64%;max-height: 64%;left: 50%;top:50%;transform: translate(-50%,-50%);}
/*.organList2 li a:hover img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2);transform: scale(1.2);}*/
.organList2 li a,.organList2 li a:after{-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.organList2 li .listTitle{}
.organList2 li .listTitle .t{ display:block;font-size:18px;color:#000000;line-height:30px;text-align:center;padding:20px 0;}
/*.organList2 li a:before{ content:'';transition: all 0.5s;position: absolute;width: 100%;left: 0px;bottom:0;height:1px;background:#dcdcdc;}
.organList2 li a:after{ content:'';transition: all 0.5s;position: absolute;left: 0px;bottom:0;width:0;height:2px;}*/
/*.organList2 li a:hover:after{width: 100%;background:#ff7300;}*/
.organList2 li a:hover .listTitle .t{color:#1dabf6;}
@media screen and (max-width:1720px) {
.organList2 .organList2ul{margin:0 -15px;}
.organList2 li a{margin:0 15px;}
}
@media screen and (max-width:1520px) {
.organList2 .organList2ul{margin:0 -10px;}
.organList2 li a{margin:0 10px;}
}
@media screen and (max-width:1024px) {
.organList2 li .listTitle .t{font-size:14px; line-height:26px;}
}
@media screen and (max-width:768px) {
.organList2 li{width:50%;margin-bottom:20px;}
.organList2 .organList2ul{margin:0 -5px;}
.organList2 li a{margin:0 5px;}
.organList2 li .listTitle .t{padding:10px 5px 10px 5px;}
.organList2 li .listTitle .t{font-size:12px;line-height:24px;}
}
@media screen and (max-width:350px) {
.organList2 .organList2ul{margin:0 -5px;}
.organList2 li a{margin:0 5px;}
.organList2 li{width:100%;}
}
/*****************************organList2 end*****************************/
/********************************case********************************/
/*page-caseList listpic*/
.page-caseList{margin-bottom:35px; padding-top:30px; max-width:1200px; margin:0 auto;}
.page-caseList .caseListul{margin:0; font-size:0;}
.page-caseList ul li.listpic{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.33333%;margin-bottom:20px;position:relative; vertical-align:top;}
.page-caseList ul li.listpic a{display:block;position: relative;overflow:hidden;margin:0 28px;}
.page-caseList ul li.listpic .ImgBox{width:100%;height:auto;overflow:hidden; padding-bottom:73.07692307692308%; position:relative;}
.page-caseList ul li.listpic .ImgBox img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 0%;width: 100%;height: 100%;/*object-fit: contain;*/ max-width:none;}
.page-caseList ul li.listpic .ImgBox img,.page-caseList ul li.listpic .listTitle .listTitleBox{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.page-caseList ul li.listpic:hover .ImgBox img{-moz-transform: scale(1.05) translate(-50%, -50%); -webkit-transform: scale(1.05) translate(-50%, -50%);-ms-transform: scale(1.05) translate(-50%, -50%);transform: scale(1.05) translate(-50%, -50%);}
.page-caseList ul li.listpic .listTitle{overflow:hidden;display:block;padding:0;}
.page-caseList ul li.listpic .listTitle{ padding:28px 0 0 0;position: relative;color: #333333;font-size:18px; text-align:center;}
.page-caseList ul li.listpic .listTitle .t{ line-height:26px; height:52px; overflow:hidden;}
.page-caseList ul li.listpic a:hover .listTitle .t{color:#218acc;}
.page-caseList ul li.listpic .ImgBox:before,
.page-caseList ul li.listpic .ImgBox:after {display: none;background:rgba(0,0,0,0.1) none repeat scroll 0 0;content:" ";height:0;padding:0;position:absolute;transition:all 0.8s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-ms-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;width:0;transform:rotate(180deg);z-index:1;}
.page-caseList ul li.listpic .ImgBox:before {left:0;top:0;}
.page-caseList ul li.listpic .ImgBox:after {bottom:0;right:0;}
.page-caseList ul li.listpic a:hover .ImgBox:before,
.page-caseList ul li.listpic a:hover .ImgBox:after {height:100%;width:100%;transform:rotate(0);}
/**/
.common-more-wrap{ text-align:center; margin-top:30px;}
.common-more-wrap a{position: relative;color: #000;font-size:16px; text-align:center; display:inline-block;padding-right: 35px;background: url(../images/more-v.png) right center no-repeat;background-size: 15px;}
.common-more-wrap a:hover{color:#05dc6b;}
@media screen and (max-width:1680px) {
.page-caseList ul li.listpic a{margin:0 20px;}
}
@media screen and (max-width:1320px) {
.page-caseList ul li.listpic a{margin:0 15px;}
}
@media screen and (max-width:1220px) {
.page-caseList ul li.listpic a{margin:0 10px;}
}
@media screen and (max-width:1024px) {
.page-caseList ul li.listpic a{margin:0 5px;}
}
@media screen and (max-width:768px) {
.page-caseList .newsListul{margin:0;}
.page-caseList ul li.listpic{width:50%;margin-bottom:15px;}
.page-caseList ul li.listpic a{margin:0 5px; }
.page-caseList ul li.listpic .ImgBox{border-radius:5px;}
.page-caseList ul li.listpic .listTitle{ padding:20px 0 0 0;font-size:14px;}
}
@media screen and (max-width:350px) {
.page-caseList{margin-bottom:10px;}
.page-caseList .newsListul{margin:0; font-size:0;}
.page-caseList ul li.listpic{width:100%;margin-bottom:15px;}
.page-caseList ul li.listpic a{margin:0; padding:20px;}
}
/********************************pro********************************/
/*page-proList listpic*/
.page-proList{margin-bottom:35px;margin:0 auto;}
.page-proList .proListul{margin:0; font-size:0; margin-bottom:40px;}
.page-proList ul li.listpic{box-sizing: border-box;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:21.5%;position:relative; vertical-align:top;margin-right: 3%;margin-bottom: 30px}
.page-proList ul li.listpic:nth-of-type(4n){
margin-right: 0;
}
.page-proList ul li.listpic a{display:block;position: relative;overflow:hidden; padding:0;border-top:none;border-left: none;background-repeat:no-repeat; background-position:center bottom;background-size:100%;}
.page-proList ul li.listpic .ImgBoxB{margin:0 auto;background: #f8f8f8;}
.page-proList ul li.listpic .ImgBox{width:100%;height:auto;border-radius:10px; overflow:hidden; padding-bottom:100%; position:relative;}
.page-proList ul li.listpic .ImgBox img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 0%;width: 100%;height: 100%;/*object-fit: contain;*/ max-width:none;}
.page-proList ul li.listpic .ImgBox img,.page-proList ul li.listpic .listTitle .listTitleBox{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.page-proList ul li.listpic:hover .ImgBox img{-moz-transform: scale(1.05) translate(-50%, -50%); -webkit-transform: scale(1.05) translate(-50%, -50%);-ms-transform: scale(1.05) translate(-50%, -50%);transform: scale(1.05) translate(-50%, -50%);}
.page-proList ul li.listpic .listTitle{overflow:hidden;display:block;padding:0;}
.page-proList ul li.listpic .listTitle{ padding:0 0 0 0;position: relative;color: #646464;font-size:16px; text-align:center;}
.page-proList ul li.listpic .listTitle .t{line-height:26px; height:26px; font-size: 16px; color:#000000;}
.page-proList ul li.listpic a{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.2s ease-in-out;}
.page-proList ul li.listpic a:hover{}
@media screen and (max-width:1320px) {
.page-proList ul li.listpic .listTitle{ padding:38px 0 0 0;font-size:15px;}
.page-proList ul li.listpic .listTitle .t{font-size:24px;}
}
@media screen and (max-width:1220px) {
.page-proList ul li.listpic .listTitle{ padding:35px 0 0 0;font-size:14px;}
.page-proList ul li.listpic .listTitle .t{font-size:20px;}
}
@media screen and (max-width:1024px) {
.page-proList ul li.listpic .listTitle{ padding:30px 0 0 0;font-size:12px;}
.page-proList ul li.listpic .listTitle .t{font-size:18px;}
}
@media screen and (max-width:768px) {
.page-proList ul li.listpic{width:50%;margin-right: 0}
.page-proList ul li.listpic .listTitle{ padding:3% 0 0 0;font-size:12px;}
.page-proList ul li.listpic .listTitle .t{font-size:16px;}
}
@media screen and (max-width:350px) {
.page-proList ul li.listpic{width:100%;}
.page-proList ul li.listpic .listTitle{ padding:48px 0 0 0;font-size:16px;}
.page-proList ul li.listpic .listTitle .t{font-size:22px;}
}
.pageT1 .cn p{
text-align: center;
}
.pageT1 .cn p span{
width: 14px;
/*display: inline-block;
background: #0061ae;
width: 14px;
height: 6px;
padding-bottom: 0;*/
}
/********************************pro detailBox********************************/
.detailBox{ padding:0 0;}
.detailBox .detailImg{ text-align:center;margin-bottom:30px;}
.detailBox .detailImg img{ max-width:100%;max-height:400px;}
.detailBox .proTit{font-size:16px; color:#646464;text-align: center;margin-bottom:45px;}
.detailBox .proTit .t1{font-size:30px; color:#000000; line-height:normal; margin-bottom:5px;}
.detailBox .pro-Text{padding-bottom:60px;margin-top: 150px;font-size: 16px;color: #2b2b2b;}
.detail-side-title{
font-size: 16px;
font-weight: bold;
color: #333333;
margin-bottom: 40px;
}
.prod-side-img{
display: block;
background: #f8f6f7;
}
.detail-side-list-item{
text-align: center;
margin-bottom: 40px;
}
.detail-side-list-item img{
max-width: 100%;
}
.pro-Text-title{
height: 54px;
line-height: 54px;
border: 1px solid #f0f0f0;
margin-bottom: 30px;
}
.pro-Text-title span{
display: block;
width: 160px;
height: 52px;
position: relative;
border-right: 1px solid #f0f0f0;
border-top: 2px solid #000;
text-align: center;
}
.detailBox .pro-Text img{max-width:100%;}
.prev-next{
display: flex;
justify-content: space-between;
margin-top: 15px;
}
.prev-next a{
width: 80px;
height: 30px;
border-radius: 25px;
border: 1px solid #e9e9e9;
color: #666666;
text-align: center;
line-height: 30px;
}
.detail-main-1-info{
flex: 1;
padding-left: 20px;
}
.detail-main-1-info h1{
color: #333333;
font-size: 20px;
font-weight: 400;
margin-bottom: 15px;
}
.pro-spec{
color: #676767;
}
.prod-detail-tel{
background: #f6ad02 url("../images/tel-ico.png") no-repeat 30px center;
color: #ffffff;
border-radius: 25px;
display: block;
width: 200px;
text-align: center;
margin-top: 20px;
height: 40px;
line-height: 40px;
text-indent: 20px;
}
.prod-detail-tel:hover{
color: #fff;
}
@media screen and (max-width:1220px) {
.detailBox .proTit{font-size:14px;margin-bottom:30px;}
.detailBox .proTit .t1{font-size:24px;}
.detailBox .pro-Text{padding-top:50px;padding-bottom:50px;}
}
@media screen and (max-width:1024px) {
.detailBox .proTit .t1{font-size:20px;}
}
@media screen and (max-width:768px) {
.detailBox .proTit{font-size:14px;margin-bottom:20px;}
.detailBox .proTit .t1{font-size:18px;}
.detailBox .pro-Text{padding-top:30px;padding-bottom: 0;margin-top: 0}
}
/*page-back2*/
.page-back2{margin:0 auto;text-align:center; padding-top:50px;border-top:1px solid #ebebeb;}
.page-back2 a{display:block;width:160px;font-size: 14px;line-height: 50px;height:50px; border-radius:5px;overflow:hidden; text-align:center;color: #909090;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#fff; border:1px solid #dcdcdc; position:relative;}
.page-back2 a span{ display:inline-block; position:relative; z-index:2;overflow:hidden; border-radius:5px}
.page-back2 a:after{ content:''; position:absolute;left:50%;top:0; width:0; height:100%;background:#218acc;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.page-back2 a:hover:after{ width:100%; left:0;}
.page-back2 a:hover{color:#fff; border-color:#218acc;}
@media screen and (max-width:768px) {
.page-back2{padding-top:30px;}
.page-back2 a{width:120px;font-size: 12px;line-height:35px;height:35px; border-radius:35px;}
.page-back2 a span{border-radius:35px}
}
/********************************tech********************************/
/*pagetechList*/
.pagetechListB{background: url(../images/servicebg2.jpg) center bottom no-repeat;background-size:100%;}
.pagetechList{ margin:0 -20px; font-size:0;background: url(../images/servicebg1.jpg) center top no-repeat;background-size:100%;}
.pagetechList li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:50%;position:relative; vertical-align:top; padding-bottom:5.5%;}
.pagetechList .nei{position:relative; margin:0 20px;}
/*img-box*/
.pagetechList .img-box{width:100%;text-align:center;position:relative;}
.pagetechList .img-box video{width:80%;height:100%;object-fit:cover;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;}
.pagetechList .img-box .img{width:100%;height:auto;padding-bottom:54.83870967741935%;object-fit:cover;overflow:hidden;position: relative; left:0;top:0;right:0;bottom:0; margin:0 auto;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;}
.pagetechList .img-box .img img{max-width:none;position:absolute; left:0;right:0; top:50%; margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center;height:100%;width:100%;object-fit:cover;}
.pagetechList .img-box .img video{position:absolute;left:0;right:0; top:50%; margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center; width:100%;object-fit:cover;}
/*text-box*/
.pagetechList .text-box{padding-top:10%;width:100%;}
.pagetechList .text-boxNr{ padding-left:25%;position:relative;height:100%;}
.pagetechList .icon{width:25%; height:100%;position: absolute;top:0;left:0; text-align:center;}
.pagetechList .icon img{max-width:45%;}
.pagetechList .title{padding-bottom:1.5%;font-weight:normal;font-size:24px;color:#474f62;line-height:36px;}
.pagetechList .title span{display:inline-block;}
.pagetechList .num{ margin-right:14px;}
.pagetechList .desc{font-size:18px; line-height:32px;color:#424242;}
/*2n*/
.pagetechList li:nth-child(2n){padding-top:10%; padding-bottom:0;}
@media screen and (max-width:1520px){
.pagetechList .title{font-size:22px;line-height:32px;}
.pagetechList .desc{font-size:17px;line-height:30px;}
}
@media screen and (max-width:1320px){
.pagetechList .title{font-size:20px;line-height:30px;}
.pagetechList .desc{font-size:16px;line-height:28px;}
}
@media screen and (max-width:1220px){
.pagetechList .title{font-size:18px;line-height:28px;}
.pagetechList .desc{font-size:14px;line-height:26px;}
}
@media screen and (max-width:1024px){
.pagetechList .title{font-size:16px;line-height:28px;}
.pagetechList .desc{font-size:13px;line-height:26px;}
}
@media screen and (max-width:768px){
.pagetechList .title{font-size:14px;line-height:28px;}
.pagetechList .desc{font-size:12px;line-height:26px;}
.pagetechList li{width:100%; padding:5% 0;}
.pagetechList,
.pagetechList .nei{margin:0;}
.pagetechList li:nth-child(2n){padding:5% 0}
.pagetechListB{ padding-bottom:200px;}
.pagetechList{ padding-top:50px;}
}
/*****************************end*****************************/
.mySwiper{}
.mySwiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.mySwiper .swiper-slide .zsyimg{ display: block; width: 100%; height:0; padding:20% 0; position:relative;background: #222; overflow:hidden;}
.mySwiper .swiper-slide .zsyimg img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 0%;}
.mySwiper{height:20%;box-sizing:border-box;background:#222;width: 100%; overflow: hidden;}
.mySwiper .swiper-slide{width:25%;padding:10px 0;opacity:0.4;}
.mySwiper .swiper-slide-thumb-active {opacity:1}
@media(max-width: 992px) {
.mySwiper .swiper-slide .zsyimg{padding:28% 0;}
}
.page-newsInfo .newsTextNr .detail-bottomBox{margin-top:3px;margin-bottom:30px; border-radius:8px; overflow:hidden;}
/********************************user********************************/
.dealer-area{padding:15% 3% 5% 3%;background-size: cover; background:#000; position:relative;}
.dealer-area .dealer-areabg{position:absolute; left:0;right:0;top:0;width:100%; height:100%; background: url(../images/dealerbg.jpg) no-repeat center top;background-size: cover; }
.dealer-area form{ position: relative; z-index:2;max-width: 540px;margin: 0 auto; display:block;width: 92%;padding:4.5% 4.5%;background-color: #fff; border-radius: 15px; }
/* .dealer-area:before{content:''; position:absolute; left:0;right:0; width:100%; height:100%; background: url(../images/dealerbg.jpg) repeat-x center top;width: 120%;pointer-events: none;transition: 2.5s;animation: cloudMove 30s linear infinite 0.6s;}*/
@keyframes cloudMove {
0% {
-webkit-transform: translate(0);transform: translate(0);
}
50% {
-webkit-transform: translate(-20%);transform: translate(-20%);
}
100% {
-webkit-transform: translate(0%);transform: translate(0%);
}
}
.dealer-area dl{display:block;}
.dealer-area dt{ text-align: center; font-size: 30px; color: #333333; margin-bottom: 12%;}
.dealer-area dd{ margin-bottom:15px; position:relative;}
.dealer-area .text{ width: 100%; border: 1px solid #eeeeee; line-height: 56px; height: 56px; padding: 0 45px; background: url(../images/u-icon1.png) no-repeat 10px center; border-radius: 3px; background-size:27px;}
.dealer-area .dd1:before{ content:''; width:45px; position:absolute; left:0;top:0; height:100%; background: url(../images/u-icon1.png) no-repeat 10px center; border-radius: 3px; background-size:27px;}
.dealer-area .text.password{background-image: url(../images/u-icon2.png)}
.dealer-area .dd2:before{ content:''; width:45px; position:absolute; left:0;top:0; height:100%; background: url(../images/u-icon2.png) no-repeat 10px center; border-radius: 3px; background-size:27px;}
.dealer-area .text.getcode{ background-image: url(../images/u-icon3.png); width:50%; float:left; margin-right:10px; margin-bottom:30px;}
.dealer-area dd .kk{ float:left; margin-left:10px;}
.dealer-area .btn{line-height: 56px; height: 56px; text-align: center; color: #fff; background-color: #333333; font-size: 16px; width: 100%; border: none; cursor: pointer;}
.dealer-area .btn:hover{ background-color:#e80313;}
.dealer-area .dd4{ text-align: center; margin:4% 0 0; margin-top:40px; clear:both;}
.dealer-area .dd4 a{ color: #c8192a;}
.pagebanner2{ position:relative; overflow:hidden;}
/*navlists*/
.navlists{ width:338px; float:right;}
.navlists{margin:0 auto;text-align: center;-moz-box-shadow:0 30px rgba(0,0,0,0.1);-webkit-box-shadow:0 30px rgba(0,0,0,0.1);box-shadow:0 0px 30px rgba(0,0,0,0.1);}
.navlists ul { margin:0 auto;padding: 0;list-style: none; text-align:center;line-height:20px;font-size:0;}
.navlists ul li{margin: 0;padding: 0;display:block;position: relative;}
.navlists ul li a{display:block;text-align:left;font-size:16px;color: #000;line-height:24px;padding:18px 20px;background: #ffffff;}
.navlists ul li a:hover,
.navlists ul li.active a{color: #fff;background: url(../images/s.png) no-repeat 90% center #e60012;background-size:8px;}
/*dwonList*/
.dwonList{ width:calc(100% - 365px); float:left;}
.dwonList{margin:0 auto;text-align: center; }
.dwonList ul { margin:0 -7px;padding: 0;list-style: none; text-align:left;font-size: 0;}
.dwonList ul li{margin: 0;padding: 0;display: inline-block;position: relative;width:50%;margin-bottom:14px;}
.dwonList ul li a{display:block;*display:inline;zoom:1;text-align: center;font-size: 12px;color: #1e2831;margin:0 7px;line-height:20px;border: 1px solid #d2d2d2;background: #ffffff;}
.dwonList ul li a .t{font-size:16px;color: #000;padding:55px 18px;}
.dwonList ul li a .btn{display:block;line-height:54px; background:#333333;color: #fff; font-size:18px;}
.dwonList ul li a .btn span{ display:inline-block; padding-left:30px;background: url(../images/d.png) no-repeat left center;background-size:20px;}
.dwonList ul li a:hover .btn{background:#44b475;}
.dwonList ul li a:hover{background:#e7eeea;color: #44b475;border-color:#e7eeea;}
@media screen and (max-width:1250px){
.dwonList ul li a .btn{font-size:16px;}
}
@media screen and (max-width:992px){
.navlists{ width:100%; float:none; margin-bottom:30px;}
.dwonList{ width:100%; float:none;}
.navlists ul li a{font-size:14px;padding:10px 20px;}
.dwonList ul li a .t{font-size:14px;padding:20px 10px;}
.dwonList ul li a .btn{line-height:44px;font-size:14px;}
}
@media screen and (max-width:500px){
}
/********************************Contact********************************/
/*pageT1*/
.pageT1{font-size:14px;color:#000000;padding-bottom: 50px; font-weight:300;text-align:center;}
.pageT1 .cn span{
display: inline-block;
border-bottom: 4px solid #0061ae;
padding-bottom: 15px;
}
.zzzs-list .gczs-list-item{
border: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: center;
width: 23%;
margin-right: 2.5%;
}
.zzzs-list .gczs-list-item:nth-of-type(4n){
margin-right: 0;
}
.pageT1 .cn{font-size:34px;line-height:normal;font-weight: bold;}
.pageT1 .wz{font-size:18px; line-height:38px;color:#353535; padding-top: 0;}
.childs{
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.childs a{
padding: 0 20px;
background: #f7f7f7;
color: #000000;
border-radius: 20px;
margin-right: 15px;
transition: all 0.5s;
height: 40px;
line-height: 40px;
}
.childs a:last-child{
margin-right: 0;
}
.childs a.on,.childs a:hover{
background: #0061ae;
color: #fff;
}
@media screen and (max-width:1320px) {
.pageT1{font-size:14px;padding-bottom:80px;}
.pageT1 .cn{font-size:32px;line-height:normal;}
.pageT1 .wz{font-size:16px; line-height:30px;padding-top:30px;}
}
@media screen and (max-width:1220px) {
.pageT1{padding-bottom:60px;}
.pageT1 .cn{font-size:28px;}
.pageT1 .wz{font-size:15px; line-height:30px;padding-top:25px;}
}
@media screen and (max-width:1024px) {
.pageT1{padding-bottom:50px;}
.pageT1 .cn{font-size:26px;}
.pageT1 .wz{font-size:14px; line-height:30px;padding-top:20px;}
}
@media screen and (max-width:992px) {
.pageT1{padding-bottom:40px;}
.pageT1 .cn{font-size:24px;}
}
@media screen and (max-width:768px) {
.pageT1{font-size:12px;padding-bottom:30px;}
.pageT1 .cn{font-size:20px;}
.pageT1 .wz{font-size:13px; line-height:24px;padding-top:15px;}
}
.gczs-list{
display: flex;
flex-wrap: wrap;
}
.gczs-list-item{
width: 30%;
margin-right: 3.3333%;
margin-bottom: 35px;
}
.pageInfo2{
background: #f9f9f9;
padding-bottom: 0;
}
/*contactTable*/
.contactBOX{padding-bottom:60px;line-height:28px; font-size:16px; color:#595959;}
.contactTableB1{ float:right;width:50%;background: url(../images/contact-bg.png) repeat-y left center;background-size:100%;}
.contactTableB2{ float:left;width:50%;margin-bottom:40px;}
.contactTableB2 .contactTableB2-box{padding-right:44px;}
@media screen and (max-width:1220px){
.contactTableB1{width:48%;}
.contactTableB2{width:52%;}
}
@media screen and (max-width:1024px){
.contactTableB1{width:100%;}
.contactTableB2{width:100%;}
.contactTableB2 .contactTableB2-box{padding-right:0;}
}
/**Contact**/
.contactTable td.wz{border-bottom-right-radius:50px;}
.contactTable td{ line-height:28px; font-size:18px; color:#353535;}
.contactTable td strong{ font-size:30px;color:#262171;padding-bottom:30px; padding-top:5px; display:block;font-family: 'bbb',Arial, Helvetica, sans-serif; font-weight:normal;}
@media screen and (max-width:768px){
.contactTable td.img{ width:30%; padding-right:3%;}
}
.detail-topBox{
display: flex;
}
.detail-main{
flex: 1%;
min-width: 500px;
}
.detail-side{
width: 270px;
margin-left: 70px;
}
.detail-main-1{
display: flex;
}
/**/
.pageMap{}
@media screen and (max-width:767px){
.pageMap{}
}
/*feedback2Box*/
.feedback2Box{font-size:14px;color:#333333;line-height:30px; padding-left:11.875%; padding-bottom:40px;padding-top:40px;}
.feedback2Box .contact-tit{font-size:18px;line-height: 30px; font-weight:300;color:#000000;}
.feedback2{font-size:14px;color:#c9c9c9;line-height: 30px;text-align:left;padding:0;margin:0 -7.5px;margin-top:40px;}
.feedback2 label{display:block;}
.feedback2 .l1{float:left;width: 50%; position:relative;}
.feedback2 .l1Box{margin:0 7.5px;}
.feedback2 .text{display:block;width: 100%;padding:4px 5% 4px 5%;height:50px;margin-bottom:16px;outline:none;font-size:16px;color:#c9c9c9;border:1px solid #b4b5bd;border-radius:5px;background:#fff;text-align:left;}
.feedback2 .text2{display:block;width:100%;padding:10px 3% 10px 3%;height:122px;margin-bottom:16px;outline:none;font-size:16px;color:#c9c9c9;border:1px solid #b4b5bd;border-radius:5px;background:#fff;text-align:left;}
.feedback2 .getcode{display:block;width:100%;padding:4px 5% 4px 5%;height:50px;margin-bottom:0;outline:none;font-size:16px;color:#c9c9c9;border:1px solid #b4b5bd;border-radius:5px;background:#fff;text-align:left;}
.feedback2 .kk{font-size:14px;color:#c9c9c9; line-height:normal;margin-left:2px;}
.feedback2 .inputbtn{display:inline-block;width:100%;height:52px;line-height:52px;margin:0;outline:none;font-size:16px;color: #fff;font-family: Arial,"思源黑体",Sans-Serif;border:none;cursor:pointer;border-radius:5px;margin-top:24px;text-align:center;max-width:120px; background-color:#262171;
background-image:-webkit-linear-gradient(120deg, #262171 0%, #218acc 100%);
background-image:-moz-linear-gradient(120deg, #262171 0%, #218acc 100%);
background-image: -ms-linear-gradient(120deg, #262171 0%, #218acc 100%);
background-image: -o-linear-gradient(120deg, #262171 0%, #218acc 100%);
background-image: linear-gradient(120deg, #262171 0%, #218acc 100%); }
.feedback2 .text:focus,.feedback2 .text:active,.feedback2 .text2:focus,.feedback2 .text2:active,.feedback2 .getcode:focus,.feedback2 .getcode:active{-webkit-box-shadow: none;box-shadow: none;border: 2px solid ##1dabf6; }
@media screen and (max-width:1024px){
.feedback2Box .contact-tit{font-size:18px;}
.feedback2Box{font-size:14px;line-height:26px; padding-left:3%; padding-right:3%; padding-bottom:30px;padding-top:30px;}
}
@media screen and (max-width:768px){
.feedback2Box{font-size:12px;line-height:24px; padding-left:3%; padding-right:3%; padding-bottom:30px;padding-top:30px;}
.feedback2Box .contact-tit{font-size:16px;}
.feedback2{margin:0;margin-top:20px;}
.feedback2 label.l1{float:none;width:100%;}
.feedback2 .l1Box{margin:0;}
.feedback2 .kk{ display:inline-block; clear: both;}
.feedback2 .text{width: 100%;padding:4px 3% 4px 3%;}
.feedback2 .getcode{width:100%;padding:4px 3% 4px 3%;margin-bottom:15px;}
.feedback2 label .l1Box{margin:0 auto;}
}
/*shopListBox*/
.shopListBox{overflow:hidden;margin:0 auto;padding-top:5%;padding-bottom:30px;background:#fff;}
.shopListB{ position:relative;}
/*shopList2*/
.shopList{padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;margin:0 auto;}
.shopList ul{ display:block; font-size:0; line-height:0; margin:0 -15px;}
.shopList li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:33.3333333%;position:relative; margin-bottom:30px;}
.shopList li a{display:block;border:1px solid #dddddd;padding:20px 24px; margin:0 15px;border-radius:10px;background:url(../images/contact-shopbg.jpg) right bottom no-repeat #fff;background-size:100%;}
.shopList li .listTitle{overflow:hidden;display:block;position:relative;}
.shopList li .listTitle .t{ display:block;padding:23px 0;border-bottom:1px solid #dddddd;font-size:20px;color:#000000;line-height:30px; margin-bottom:25px;}
.shopList li .listTitle .t .tn{overflow:hidden;position:relative;background:url(../images/contact-icon.png) left top no-repeat;background-size:20px;padding-left:30px; }
.shopList li .text{font-size:16px;color:#000000;line-height:26px;overflow:hidden;min-height:156px;}
.shopList li .text p{font-size:16px;color:#000000;line-height:26px; }
.shopList li .listTitle,.shopList li .listTitle .t,
.shopList li a,.shopList li .listTitle .t,.shopList li .d{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.shopList li a:hover{box-shadow:2px 2px 20px rgba(0, 0, 0, 0.1);}
@media screen and (max-width: 1220px) {
}
@media screen and (max-width: 1024px) {
.shopList ul{margin:0 -10px;}
.shopList li{margin-bottom:25px;}
.shopList li a{padding:0px 10px; margin:0 10px;}
.shopList li .listTitle .t{padding:20px 20px;font-size:18px;line-height:26px;}
.shopList li .listTitle .t .tn{padding-right:30px; background-size:25px;}
.shopList li .m{ height:35px;}
.shopList li .d{font-size:14px;line-height:28px;padding:0 20px;margin-top:20px;margin-bottom:15px;}
.shopList li .text{font-size:14px;line-height:30px;height:120px;padding:0 20px;}
.shopList li .text h3,.shopList li .text p{font-size:14px;line-height:30px;}
}
@media screen and (max-width: 992px) {
.shopList li .m{ height:30px;}
.shopList li .d{font-size:14px;line-height:24px;}
}
@media screen and (max-width: 768px) {
.shopList li{ width:50%;}
.shopListBox{padding-top:50px;padding-bottom:50px;}
.shopList li .listTitle .t .tn{padding-right:25px; background-size:20px;}
.shopList li .listTitle .t{padding:20px 10px;font-size:16px;line-height:26px;}
.shopList li .d{font-size:12px;line-height:28px;padding:0 10px;margin-top:15px;margin-bottom:15px;}
.shopList li .text{font-size:12px;line-height:26px;height:104px;padding:0 10px;}
.shopList li .text h3,.shopList li .text p{font-size:12px;line-height:30px;}
}
@media screen and (max-width: 550px) {
.shopList li .listTitle .t{padding:15px 10px;font-size:14px;}
}
@media screen and (max-width: 370px) {
.shopList li{ width:100%;}
}
/********************************Contact end********************************/
/********************************************************indexT********************************************************/
.indexT{ position:relative; left:-40px;padding-left:40px;background: url(../images/tit-y.png) left center no-repeat;background-size:75px; margin-bottom:40px;}
.indexT .cn{font-size:24px; color:#000000; padding:40px 0; font-weight:300;}
@media screen and (max-width:1220px){
.indexT{left:-35px;padding-left:35px;background-size:65px; margin-bottom:35px;}
.indexT .cn{font-size:20px;padding:35px 0;}
}
@media screen and (max-width:1024px){
.indexT{left:-30px;padding-left:30px;background-size:60px; margin-bottom:30px;}
.indexT .cn{font-size:18px;padding:30px 0;}
}
@media screen and (max-width:992px){
.indexT{left:-28px;padding-left:28px;background-size:55px; margin-bottom:25px;}
.indexT .cn{font-size:17px;padding:28px 0;}
}
@media screen and (max-width:768px){
.indexT{left:-24px;padding-left:24px;background-size:45px; margin-bottom:20px;}
.indexT .cn{font-size:16px;padding:24px 0;}
}
/********************************************************indexAbout********************************************************/
.indexAbout{ padding-top:140px;}
.indexAbout .AboutBoxNr{position:relative;background-position:right top; background-size:cover; background-repeat:no-repeat; -moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.indexAbout .AboutBoxNr .item{display:block;position:relative;}
.indexAbout .AboutBoxNr .item a{display:block;}
.indexAbout .AboutBoxNr .item .titleWzBox{width:50%; float:left;}
.indexAbout .AboutBoxNr .item .titleWzBox .wz{font-size:16px;line-height:34px;max-height:340px;color:#000000; overflow:hidden; max-width:475px;}
.indexAbout .AboutBoxNr .item .img{width:50%; float:right;}
.indexAbout .AboutBoxNr .item img{ max-width:100%;}
@media screen and (max-width:1220px){
.indexAbout{ padding-top:120px;}
.indexAbout .AboutBoxNr .item .titleWzBox .wz{font-size:15px;line-height:30px;max-height:300px;}
}
@media screen and (max-width:1024px){
.indexAbout{ padding-top:90px; padding-left:30px; padding-right:30px;}
.indexAbout .AboutBoxNr .item .titleWzBox .wz{font-size:14px;line-height:28px;max-height:280px;}
}
@media screen and (max-width:992px){
.indexAbout{ padding-top:70px; padding-left:15px; padding-right:15px;}
.indexAbout .AboutBoxNr .item .titleWzBox .wz{font-size:13px;line-height:26px;max-height:260px;}
.indexAbout .AboutBoxNr{ padding-left:30px;}
}
@media screen and (max-width:768px){
.indexAbout{ padding-top:50px;}
.indexAbout .AboutBoxNr .item .titleWzBox{width:100%; float:none;margin-bottom:30px;}
.indexAbout .AboutBoxNr .item .titleWzBox .wz{font-size:14px;line-height:28px;max-height:280px;max-width:100%;}
.indexAbout .AboutBoxNr .item .img{width:100%; float:none;}
.indexAbout .AboutBoxNr .item img{ max-width:100%;}
.indexAbout .AboutBoxNr .item .titleWzBox .wz{font-size:12px;line-height:24px;max-height:240px;}
.indexAbout .AboutBoxNr { padding-left:24px;}
}
@media screen and (max-width: 350px){
.indexAbout{padding-left:3%; padding-right:3%;}
}
/*indexShili*/
.indexShili{padding-top:70px; padding-bottom:150px; background:#FFF; position:relative; overflow:hidden;}
.indexShili .infoBox{position:relative;}
.indexShili .infoBox img{width:100%;}
.indexShili .img1{ width:30%; float:left; position:relative; margin-left:10%;}
.indexShili .img2{ width:60%; float:right; position:relative;}
.indexShili .infoBox .wz{max-width:90%;font-size:16px;line-height:34px;color:#000000;padding-top:45%;padding-bottom:20%;}
.indexShili .infoBox .en{ text-transform:uppercase;max-width:90%;font-size:12px;line-height:24px;color:#b4b5bd;font-family: 'bbb',Arial, Helvetica, sans-serif; font-weight:normal; position:absolute; left:10%;bottom:0;}
.indexShili .infoBox .title{ text-transform:uppercase;max-width:90%;font-size:44px;line-height: normal;color:#000;font-weight:300; position:absolute; left:16.66666666666667%;top:10%;}
.indexShili .infoBox .title strong{color:#1dabf6;font-weight:600;}
@media screen and (max-width:1320px) {
.indexShili{padding-top:60px; padding-bottom:130px; }
.indexShili .infoBox .wz{font-size:14px;line-height:30px;}
.indexShili .infoBox .title{font-size:40px;}
}
@media screen and (max-width:1220px) {
.indexShili{padding-top:50px; padding-bottom:120px; }
.indexShili .infoBox .wz{font-size:12px;line-height:24px;}
.indexShili .infoBox .title{font-size:30px;}
}
@media screen and (max-width:1024px) {
.indexShili{padding-top:50px; padding-bottom:90px; }
.indexShili .infoBox .title{font-size:38px;}
.indexShili .infoBox .title{font-size:30px;}
.indexShili .img1{ width:33%; margin-left:0%;}
.indexShili .img2{ width:67%; }
.indexShili .infoBox .en{ left:0%;}
}
@media screen and (max-width:768px) {
.indexShili{padding-top:10px; padding-bottom:30px; }
.indexShili .img1{ width:100%; margin-left:0%;}
.indexShili .img2{ width:100%; }
.indexShili .infoBox .en{ left:0%;}
.indexShili .infoBox .wz{max-width:100%;padding-top:10%;padding-bottom:10%; text-align:center;}
}
@media screen and (max-width:768px) {
.indexShili .infoBox .title{font-size:4.6875vw;}
}
/*indexMap*/
.indexMap{padding-top:40px; padding-bottom:60px;background: url(../images/index-sbg.jpg) center top no-repeat;background-size:100%; position:relative; overflow:hidden;}
.indexMap .infoB{padding-left:10%;}
.indexMap .infoBox{position:relative;}
.indexMap img{width:100%;}
.indexMap .img{width:100%;position:relative; }
.indexMap .infoBox .title{width:50%; float:left;}
.indexMap .infoBox .wz{width:50%; float:left;font-size:16px;line-height:34px;color:#000000;}
.indexMap .infoBox .wzB{}
@media screen and (max-width:1220px) {
.indexMap .infoBox .wz{font-size:14px;line-height:28px; margin-bottom:25px;}
}
@media screen and (max-width:1024px) {
.indexMap .infoBox .wz{font-size:13px;line-height:26px; margin-bottom:25px;}
}
@media screen and (max-width:768px) {
.indexMap .infoBox .title{width:100%; float:none;}
.indexMap .infoBox .wz{width:100%; float:none;font-size:12px;line-height:26px; margin-bottom:20px;}
}
/*indexLmList*/
.indexLmList{ padding-top:70px; margin:0 -25px; font-size:0; position:relative;}
.indexLmList .bg{position: absolute; left:0;right:0; height:100%;top:0;width:100%;background: url(../images/indexlmwz.png) center top no-repeat;background-size:100%;}
.indexLmList li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.33333%;position:relative; vertical-align:top; padding-bottom:5.5%; z-index:1;}
.indexLmList .nei{position:relative; margin:0 25px;}
/*img-box*/
.indexLmList .img-box{width:100%;text-align:center;position:relative;}
.indexLmList .img-box .img{width:100%;height:auto;padding-bottom:525px;object-fit:cover;overflow:hidden;position: relative; left:0;top:0;right:0;bottom:0; margin:0 auto;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;border-radius:10px;}
.indexLmList .img-box .img img{max-width:none;position:absolute; left:0;right:0; top:50%; margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center;height:100%;width:100%;object-fit:cover;}
/*text-box*/
.indexLmList .text-box{position:absolute;bottom:0;right:0;overflow:hidden;width:89.0625%;}
.indexLmList .text-boxB{margin-left:0;background:#fff;padding:45px 45px 10px 45px;border-top-left-radius: 10px;}
.indexLmList .text-boxNr{ padding-left:105px;position:relative;height:100%;}
.indexLmList .icon{width:105px; height:100%;position: absolute;top:0;left:0; }
.indexLmList .icon img{max-width:60px;}
.indexLmList .title{padding-bottom:1.5%;font-weight:normal;font-size:20px;color:#000000;line-height:36px;}
.indexLmList .title span{display:inline-block;}
.indexLmList .num{ margin-right:14px;}
.indexLmList .desc{font-size:14px; line-height:24px;height:48px; overflow:hidden;color:#646464;}
.indexLmList li{ width:29.21875%;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;}
.indexLmList li.active{ width:41.5625%;}
@media screen and (max-width:1320px) {
.indexLmList{ padding-top:60px; margin:0 -20px;}
.indexLmList .nei{margin:0 20px;}
.indexLmList .img-box .img{padding-bottom:325px;}
.indexLmList .text-boxB{padding:25px 15px 10px 25px;}
.indexLmList .text-boxNr{ padding-left:90px;}
.indexLmList .icon{width:90px; }
.indexLmList .icon img{max-width:50px;}
.indexLmList .title{font-size:16px;line-height:30px;}
.indexLmList .num{ margin-right:13px;}
.indexLmList .desc{font-size:13px;}
}
@media screen and (max-width:1220px) {
.indexLmList{ padding-top:50px; margin:0 -15px;}
.indexLmList .nei{margin:0 15px;}
.indexLmList .img-box .img{padding-bottom:325px;}
.indexLmList .text-boxB{padding:20px 10px 10px 20px;}
.indexLmList .text-boxNr{ padding-left:60px;}
.indexLmList .icon{width:60px; }
.indexLmList .icon img{max-width:40px;}
.indexLmList .title{font-size:14px;line-height:26px;}
.indexLmList .num{ margin-right:12px;}
.indexLmList .desc{font-size:12px;}
}
@media screen and (max-width:1024px) {
.indexLmList{ padding-top:45px; margin:0 -10px;}
.indexLmList .nei{margin:0 10px;}
.indexLmList .img-box .img{padding-bottom:225px;}
.indexLmList .text-boxB{padding:20px 10px 10px 20px;}
.indexLmList .text-boxNr{ padding-left:60px;}
.indexLmList .icon{width:60px; }
.indexLmList .icon img{max-width:40px;}
.indexLmList .title{font-size:14px;line-height:26px;}
.indexLmList .num{ margin-right:12px;}
.indexLmList .desc{font-size:12px;}
}
@media screen and (max-width:992px) {
.indexLmList li.active,
.indexLmList li{width:100%!important;}
.indexLmList li.active{width:100%!important;}
.indexLmList .img-box .img{padding-bottom:525px;}
.indexLmList .text-boxB{padding:45px 45px 10px 45px;}
.indexLmList .text-boxNr{ padding-left:105px;}
.indexLmList .icon{width:60px; }
.indexLmList .icon img{max-width:60px;}
.indexLmList .title{font-size:20px;line-height:36px;}
.indexLmList .num{ margin-right:14px;}
.indexLmList .desc{font-size:14px;}
}
@media screen and (max-width:768px) {
.indexLmList .img-box .img{padding-bottom:425px;}
.indexLmList .text-boxB{padding:20px 10px 10px 20px;}
.indexLmList .text-boxNr{ padding-left:60px;}
.indexLmList .icon{width:60px; }
.indexLmList .icon img{max-width:40px;}
.indexLmList .title{font-size:14px;line-height:26px;}
.indexLmList .num{ margin-right:12px;}
.indexLmList .desc{font-size:12px;}
}
@media screen and (max-width:550px) {
.indexLmList .img-box .img{padding-bottom:325px;}
.indexLmList .text-boxB{padding:20px 10px 10px 20px;}
.indexLmList .text-boxNr{ padding-left:60px;}
.indexLmList .icon{width:60px; }
.indexLmList .icon img{max-width:40px;}
.indexLmList .title{font-size:14px;line-height:26px;}
.indexLmList .num{ margin-right:12px;}
.indexLmList .desc{font-size:12px;}
}
.indexT2{ position:relative;margin-bottom:80px;text-align:center;}
.indexT2 .cn{font-size: 38px; color:#0061ae; padding:30px 0 10px 0; font-weight:600;}
.cn-bor{
text-align: center;
margin-bottom: 20px;
}
.cn-bor span{
display: inline-block;
height: 4px;
background: #0061ae;
width: 50px;
}
.index-product{
display: flex;
flex-wrap: wrap;
}
.index-product a{
width: 23.5%;
text-align: center;
margin-bottom: 50px;
font-size: 16px;
padding: 30px 0;
margin-right: 2%;
transition: all 0.5s;
}
.index-product a:nth-of-type(4n){
margin-right: 0;
}
.index-product a:hover{
box-shadow: 0 0 10px 0 #ddd;
}
.index-product a img{
max-width: 80%;
display: block;
margin: auto;
}
.indexT2 .wz span{ display:inline-block;background-size:100%; width:500px; margin:0 auto; height:37px; line-height:32px;font-size:16px; color:#202020;}
@media screen and (max-width:1220px){
.indexT2{margin-bottom:70px;}
.indexT2 .cn{font-size:40px;padding:30px 0;}
.indexT2 .wz span{width:500px; height:37px; line-height:32px;font-size:14px; }
}
@media screen and (max-width:1024px){
.indexT2{margin-bottom:50px;}
.indexT2 .cn{font-size:30px;padding:25px 0;}
.indexT2 .wz span{font-size:14px; }
}
@media screen and (max-width:992px){
.indexT2{margin-bottom:50px;}
.indexT2 .cn{font-size:20px;padding:24px 0;}
.indexT2 .wz span{font-size:13px;height:34px; line-height:28px;}
}
@media screen and (max-width:768px){
.indexT2{margin-bottom:50px;}
.indexT2 .cn{font-size:18px;padding:20px 0;}
.indexT2 .wz span{font-size:12px;width:100%; height:30px; line-height:26px; max-width:500px;}
}
.indexHotsalesBox .indexHotsalesListBox,
.indexHotsalesList .swiper-container{ /*overflow:visible;*/overflow:hidden;}
.indexHotsalesList .swiper-slide{float:left; overflow:hidden; width:20%;}
.indexHotsalesList .li{ margin:0 20px;}
.indexHotsalesList .li a{ padding:0; display:block; vertical-align:bottom;position:relative;}
.indexHotsalesList .li .ImgBox{width:100%;height:auto;overflow:hidden;position:relative;z-index:1;border-radius:50%; padding:50% 0;background:url(../images/index-probg.jpg) center top no-repeat;background-size:100%; margin-bottom:30px;}
.indexHotsalesList .li .ImgBox:after{ content:''; width:100%; height:100%; border-radius:50%;position:absolute;top:0;left:0;background:url(../images/index-probg2.png) center top no-repeat;background-size:100%;}
.indexHotsalesList .swiper-slide:nth-child(2n) .li .ImgBox:after{background-image:url(../images/index-probg1.png); }
.indexHotsalesList .li a:hover .ImgBox{background-image:url(../images/index-probgh.jpg);}
.indexHotsalesList .li .ImgBox img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 0%;/*width: 100%;height: 100%;object-fit: contain; */max-width:90%; margin:25% auto;}
.indexHotsalesList .li .ImgBox:after,.indexHotsalesList .li .ImgBox,
.indexHotsalesList .li .ImgBox img,.indexHotsalesList .li .listTitleBox,.indexHotsalesList .li .m,.indexHotsalesList .li a,.indexHotsalesList .li .tit,.indexHotsalesList .li .tit2,.indexHotsalesList .li .ImgBox:after,.indexHotsalesList .li .tit2 .m{-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;}
/*.indexHotsalesList .li a:hover .ImgBox img{-moz-transform: scale(1.1) translate(-50%, -50%); -webkit-transform: scale(1.1) translate(-50%, -50%);-ms-transform: scale(1.1) translate(-50%, -50%);transform: scale(1.1) translate(-50%, -50%);}
*/
.indexHotsalesList .li .tit{font-size:24px;color:#4b4b4b;line-height: normal; text-align:center; margin-bottom:10px;}
.indexHotsalesList .li .tit2{font-size:16px;color:#7d7e8d;line-height:30px;height:30px; text-align:center;}
.indexHotsalesList .li a:hover .tit,.indexHotsalesList .li a:hover .tit2{color:#21adf6;}
/*indexHotsalesList*/
.indexHotsales{padding-top:70px;overflow:hidden;background:#f3fbff;background-size:100%; position:relative; z-index:2; padding-bottom: 80px;}
.index-product-more{
text-align: center;
}
.index-product-more a{
display: inline-block;
color: #0061ae;
border: 1px solid #0061ae;
border-radius: 5px;
padding: 8px 25px;
}
.why-title img{
max-width: 100%;
}
.indexHotsales .titlebox{position:relative;}
.indexHotsales .titlebox .swiper-button-prev{position: absolute;transition: 0.4s;opacity: 1;width:21px;height:46px;top:50%;margin:0; margin-top:-17px;left:auto;right:50px;background: url("../images/index-left.png") center center no-repeat;background-size:21px;outline: none;}
.indexHotsales .titlebox .swiper-button-next{position: absolute;transition: 0.4s;opacity: 1;width:21px;height:46px;ttop:50%;margin:0;margin-top:-17px;right:0;background: url("../images/index-right.png") center center no-repeat;background-size:21px;outline: none;}
/**/
.indexHotsalesList .swiper-button-prev{outline:none;position:absolute;top:50%;width:21px;height:46px;left:5%;margin-top:-23px;background: url(../images/arrow-l.png) center no-repeat;background-size:20px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; z-index:999;}
.indexHotsalesList .swiper-button-next{outline:none;position:absolute;top:50%;width:21px;height:46px;right:5%;margin-top:-23px;background: url(../images/arrow-r.png) center no-repeat;background-size:20px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; z-index:999;}
.indexHotsalesList .swiper-button-next.swiper-button-disabled, .indexHotsalesList .swiper-button-prev.swiper-button-disabled{opacity:0;}
@media screen and (max-width:1220px){
.indexHotsalesList .li .tit{font-size:22px;margin-bottom:10px;}
.indexHotsalesList .li .tit2{font-size:14px;line-height:30px;height:30px;}
}
@media screen and (max-width:1024px){
.indexHotsalesList .li .tit{font-size:20px;margin-bottom:10px;}
.indexHotsalesList .li .tit2{font-size:14px;line-height:30px;height:30px;}
}
@media screen and (max-width:992px){
.indexHotsalesList .li .tit{font-size:18px;margin-bottom:8px;}
.indexHotsalesList .li .tit2{font-size:13px;line-height:26px;height:26px;}
.indexHotsalesList{ position:relative;}
.indexHotsales{padding-top:20px;margin-bottom:0px;padding-bottom:30px;}
}
@media screen and (max-width:768px){
.indexHotsalesList .li .tit{font-size:16px;margin-bottom:5px;}
.indexHotsalesList .li .tit2{font-size:12px;line-height:24px;height:24px;}
.why-title img{
max-width: 80%;
}
}
/******************************************************** end********************************************************/
.indexContent{background:#fff;background-size:100%;}
/* 视频 */
#c-video-box{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.7);text-align:center}
#c-video-box .c-btn{position:fixed;top:85%;left:50%;margin-left:-25px;width:50px;height:50px;color:#fff;background:#fff;border-radius:50%;transition:.5s}
#c-video-box .c-btn:after,#c-video-box .c-btn:before{content:"";position:absolute;bottom:24px;left:10px;width:30px;height:2px;background:#333;transition:.5s}
#c-video-box .c-btn:hover{background:#bb1c14}
#c-video-box .c-btn:hover:after,#c-video-box .c-btn:hover:before{background:#fff}
#c-video-box .c-btn:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#c-video-box .c-btn:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#c-video-box video{position:fixed;left:50%;top:50%;height:60%;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#000}
/******************************************************** join********************************************************/
/*joinT1*/
.joinT1{padding-bottom:0; text-align:center; position:relative;}
.joinT1 .tt{ font-size:36px; line-height:44px; color:#000000;background: url(../images/join-tit1.png) center top no-repeat;background-size:530px; padding-bottom:10px;position:relative; z-index:2;}
.joinT1 .wz{ font-size:18px; line-height:72px; color:#353535; position:relative; z-index:2;}
.joinT1 .wz p{ position:relative; z-index:2;}
.joinT1 .en{font-size:60px; line-height:72px; color:#f6f6f6;font-family: 'bbb',Arial, Helvetica, sans-serif; position:absolute; left:0;right:0;top:0;text-align:center; z-index:0; text-transform:uppercase;}
.joinT1 .line{ padding:100px 0;}
.joinT1_2 .tt{ font-size:30px; line-height:44px; color:#000000;background: url(../images/join-tit2.png) center bottom no-repeat;background-size:335px; padding-bottom:25px; text-align:center;}
@media screen and (max-width:1220px){
.joinT1_2 .tt{ font-size:28px; line-height:40px;background-size:335px;padding-bottom:25px;}
.joinT1 .tt{ font-size:32px; line-height:40px;background-size:530px;padding-bottom:10px;}
.joinT1 .wz{ font-size:17px; line-height:70px;}
.joinT1 .en{font-size:50px; line-height:70px;}
.joinT1 .line{ padding:90px 0;}
}
@media screen and (max-width:1024px){
.joinT1_2 .tt{ font-size:26px; line-height:36px;background-size:335px;padding-bottom:25px;}
.joinT1 .tt{ font-size:30px; line-height:36px;background-size:530px;padding-bottom:10px;}
.joinT1 .wz{ font-size:16px; line-height:70px;}
.joinT1 .en{font-size:50px; line-height:70px;}
.joinT1 .line{ padding:70px 0;}
}
@media screen and (max-width:992px){
.joinT1_2 .tt{ font-size:24px; line-height:30px;background-size:335px;padding-bottom:25px;}
.joinT1 .tt{ font-size:26px; line-height:32px;background-size:500px;padding-bottom:10px;}
.joinT1 .wz{ font-size:14px; line-height:65px;}
.joinT1 .en{font-size:40px; line-height:65px;}
.joinT1 .line{ padding:50px 0;}
}
@media screen and (max-width:768px){
.joinT1_2 .tt{ font-size:18px; line-height:28px;background-size:335px;padding-bottom:25px;}
.joinT1 .tt{ font-size:20px; line-height:30px;background-size:500px;padding-bottom:10px;}
.joinT1 .wz{ font-size:12px; line-height:60px;}
.joinT1 .en{font-size:30px; line-height:60px;}
.joinT1 .line{ padding:30px 0;}
}
@media screen and (max-width:350px){
.joinT1_2 .tt{ font-size:16px; line-height:28px;background-size:335px;padding-bottom:25px;}
.joinT1 .tt{ font-size:18px; line-height:30px;background-size:500px;padding-bottom:10px;}
.joinT1 .wz{ font-size:12px; line-height:60px;}
.joinT1 .en{font-size:26px; line-height:60px;}
.joinT1 .line{ padding:20px 0;}
}
/*joinT1-table1*/
.joinT1-table1{ margin:0 -14px; padding-top:60px; padding-bottom:100px;}
.joinT1-table1 .li{ width:16.66666666666667%; text-align:center; font-size:18px; line-height:30px; color:#424242; vertical-align:top;}
.joinT1-table1 .li img{ padding:0 14px; margin-bottom:25px;}
@media screen and (max-width:1220px){
.joinT1-table1{ margin:0 -14px;padding-top:60px;padding-bottom:100px;}
.joinT1-table1 .li{font-size:17px;line-height:30px;}
.joinT1-table1 .li img{ padding:0 14px; margin-bottom:25px;}
}
@media screen and (max-width:1024px){
.joinT1-table1{ margin:0 -14px;padding-top:60px;padding-bottom:100px;}
.joinT1-table1 .li{font-size:16px;line-height:30px;}
.joinT1-table1 .li img{ padding:0 14px; margin-bottom:25px;}
}
@media screen and (max-width:992px){
.joinT1-table1{ margin:0 -14px;padding-top:60px;padding-bottom:100px;}
.joinT1-table1 .li{font-size:15px;line-height:30px;}
.joinT1-table1 .li img{ padding:0 14px; margin-bottom:25px;}
}
@media screen and (max-width:768px){
.joinT1-table1{ margin:0 -14px;padding-top:60px;padding-bottom:100px;}
.joinT1-table1 .li{ display:block!important; float:left;width:33.3333%;font-size:14px;line-height:24px; padding-bottom:30px;}
.joinT1-table1 .li img{padding:0 14px; margin-bottom:25px;}
}
@media screen and (max-width:350px){
.joinT1-table1 .li{ display:block!important; float:left;width:50%;font-size:12px;line-height:24px;}
}
/*joinT1-table2*/
.joinT1-table2{ margin:0 -30px; padding-top:60px; padding-bottom:100px;}
.joinT1-table2 .li{ width:50%; font-size:18px; line-height:32px; color:#010101; vertical-align:top;}
.joinT1-table2 .li p{ padding:0 30px;}
.joinT1-table2 .li img{ margin-bottom:35px;}
@media screen and (max-width:1220px){
.joinT1-table2{ margin:0 -25px;padding-top:60px;padding-bottom:100px;}
.joinT1-table2 .li{font-size:17px;line-height:30px;}
.joinT1-table2 .li p{padding:0 25px;}
.joinT1-table2 .li img{margin-bottom:30px;}
}
@media screen and (max-width:1024px){
.joinT1-table2{ margin:0 -20px;padding-top:50px;padding-bottom:70px;}
.joinT1-table2 .li{font-size:16px;line-height:28px;}
.joinT1-table2 .li p{padding:0 20px;}
.joinT1-table2 .li img{margin-bottom:25px;}
}
@media screen and (max-width:992px){
.joinT1-table2{ margin:0 -15px;padding-top:50px;padding-bottom:70px;}
.joinT1-table2 .li{font-size:14px;line-height:26px;}
.joinT1-table2 .li p{padding:0 15px;}
.joinT1-table2 .li img{margin-bottom:20px;}
}
@media screen and (max-width:768px){
.joinT1-table2{ margin:0 -15px;padding-top:30px;padding-bottom:30px;}
.joinT1-table2 .li{font-size:14px;line-height:26px;display:block!important;width:100%; padding-bottom:50px;}
.joinT1-table2 .li p{padding:0 15px;}
.joinT1-table2 .li img{margin-bottom:30px; width:100%;}
}
.joinBox2{background: url(../images/join2bg.jpg) center top no-repeat;background-size:100%; padding-top:170px;}
.joinBox3{padding-top:70px; margin-bottom:-100px; position:relative; z-index:1;}
.joinT1-table3{ padding-top:60px; padding-bottom:100px;}
.joinT1-table3 .li{ width:33.3333333%; text-align:left; font-size:18px; line-height:30px; color:#424242; vertical-align:top;}
.joinT1-table3 .li img{margin-bottom:25px; width:100%;}
.joinT1-table3 .li h1{margin:0 12.5px;font-size:24px;line-height:30px;color:#000000; font-weight:300;padding-left:30px;background: url(../images/join-y.png) left center no-repeat;background-size:12px; font-variant:normal; margin-bottom:20px;}
.joinT1-table3 .li p{margin:0 12.5px;}
@media screen and (max-width:1220px){
.joinBox2{padding-top:150px;}
.joinBox3{padding-top:65px; margin-bottom:-90px;}
.joinT1-table3{ padding-top:50px; padding-bottom:90px;}
.joinT1-table3 .li{font-size:17px; line-height:30px;}
.joinT1-table3 .li img{margin-bottom:25px;}
.joinT1-table3 .li h1{margin:0 12.5px;font-size:20px;line-height:30px;padding-left:30px;background-size:12px;margin-bottom:20px;}
.joinT1-table3 .li p{margin:0 12.5px;}
}
@media screen and (max-width:1024px){
.joinBox2{padding-top:100px;}
.joinBox3{padding-top:60px; margin-bottom:-70px;}
.joinT1-table3{ padding-top:40px; padding-bottom:70px;}
.joinT1-table3 .li{font-size:16px; line-height:30px;}
.joinT1-table3 .li img{margin-bottom:25px;}
.joinT1-table3 .li h1{margin:0 10px;font-size:18px;line-height:30px;padding-left:30px;background-size:12px;margin-bottom:15px;}
.joinT1-table3 .li p{margin:0 10px;}
}
@media screen and (max-width:992px){
.joinBox2{padding-top:100px;}
.joinBox3{padding-top:40px; margin-bottom:-50px;}
.joinT1-table3{ padding-top:30px; padding-bottom:50px;}
.joinT1-table3 .li{font-size:14px; line-height:30px;}
.joinT1-table3 .li img{margin-bottom:25px;}
.joinT1-table3 .li h1{margin:0 10px;font-size:17px;line-height:30px;padding-left:30px;background-size:12px;margin-bottom:10px;}
.joinT1-table3 .li p{margin:0 10px;}
}
@media screen and (max-width:768px) {
.joinBox2{padding-top:100px;}
.joinBox3{padding-top:40px; margin-bottom:-50px;}
.joinT1-table3{ padding-top:30px; padding-bottom:50px;}
.joinT1-table3 .li{font-size:12px; line-height:30px;}
.joinT1-table3 .li img{margin-bottom:20px;}
.joinT1-table3 .li h1{margin:0 10px;font-size:16px;line-height:30px;padding-left:30px;background-size:12px;margin-bottom:5px;}
.joinT1-table3 .li p{margin:0 10px;}
.joinT1-table3 .li{ width:100%!important; display:block!important; margin-bottom:30px;}
}
/*joinT-ul*/
.joinT-ul{ padding-left:17px; padding-right:31px; padding-top:60px;font-size:0; line-height:normal;}
.joinT-ul li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.33333%;position:relative; vertical-align:top;background: url(../images/join-y2.png) left 38px no-repeat;background-size:15px;}
.joinT-ul li.li1{ background:none;}
.joinT-ul li .item{margin:0 29px 0 43px; padding:57px 50px 60px 50px;background: url(../images/join-bg.png) left top no-repeat;background-size:100% 100%;}
.joinT-ul li .title{border-left:1px solid #fff; padding-left:17px; position:relative;}
.joinT-ul li .title:before{ content:'';left:0;top:0; width:1px; background:#fff; height:100%;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity: 0.2;}
.joinT-ul li h1{font-size:24px;line-height:30px;color:#fff; font-weight:300;padding-left:30px;margin-bottom:20px;}
.joinT-ul li p{font-size:16px;line-height:28px;color:#fff; font-weight:300;}
@media screen and (max-width:1220px){
.joinT-ul{ padding-left:17px; padding-right:31px; padding-top:60px;}
.joinT-ul li .item{margin:0 29px 0 43px; padding:57px 50px 60px 50px;}
.joinT-ul li .title{padding-left:17px;}
.joinT-ul li h1{font-size:20px;line-height:30px;padding-left:30px;margin-bottom:20px;}
.joinT-ul li p{font-size:15px;line-height:28px;}
}
@media screen and (max-width:1150px){
.joinT-ul{ padding-left:15px; padding-right:30px; padding-top:50px;}
.joinT-ul li .item{margin:0 29px 0 43px; padding:50px 50px 50px 50px;}
.joinT-ul li .title{padding-left:15px;}
.joinT-ul li h1{font-size:18px;line-height:30px;padding-left:30px;margin-bottom:15px;}
.joinT-ul li p{font-size:14px;line-height:24px;}
}
@media screen and (max-width:1024px){
.joinT-ul{ padding-left:10px; padding-right:10px; padding-top:50px;}
.joinT-ul li .item{margin:0 20px 0 30px; padding:20px 20px 50px 20px;}
.joinT-ul li .title{padding-left:10px;}
.joinT-ul li h1{font-size:16px;line-height:30px;padding-left:0px;margin-bottom:10px;}
.joinT-ul li p{font-size:12px;line-height:24px;}
}
@media screen and (max-width:768px) {
.joinT-ul{ max-width:400px; margin:0 auto;}
.joinT-ul li{ width:100%!important; display:block!important; margin-bottom:30px;}
.joinT-ul li.li1{background: url(../images/join-y2.png) left 38px no-repeat;background-size:15px;}
.joinT-ul li h1{font-size:14px;line-height:26px;padding-left:0px;margin-bottom:5px;}
.joinT-ul li p{font-size:12px;line-height:24px;}
}
.joinBox4{background: url(../images/joinbg.jpg) center top no-repeat;background-size:100%; padding-top:150px;padding-bottom:120px;}
.joinBox4 .joinT1{ margin-bottom:100px;}
@media screen and (max-width:1220px){
.joinBox4{padding-top:130px;padding-bottom:100px;}
.joinBox4 .joinT1{ margin-bottom:90px;}
}
@media screen and (max-width:1024px){
.joinBox4{padding-top:90px;padding-bottom:90px;}
.joinBox4 .joinT1{ margin-bottom:50px;}
}
@media screen and (max-width:992px){
.joinBox4{padding-top:70px;padding-bottom:70px;}
.joinBox4 .joinT1{ margin-bottom:30px;}
}
@media screen and (max-width:768px) {
.joinBox4{padding-top:50px;padding-bottom:50px;}
.joinBox4 .joinT1{ margin-bottom:20px;}
}
/*joinBox5*/
.joinBox5{background: url(../images/joinbg.jpg) center top no-repeat;background-size:100%; padding-top:114px;margin-bottom:-408px;}
.joinBox5 .w1200{ position:relative;}
.joinBox5 .joinT4{ position:absolute; left:0;top:0;}
.joinul5img{}
.joinul5img .joinul5ul{ position: relative; z-index:2; font-size:0;}
.joinul5img li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;position:relative; vertical-align:top;}
.joinul5img li.z{width:25%; height:320px;min-height:220px;font-size:18px;color:#ffffff; background-color:#218acc; padding-top:100px; position:relative; z-index:3;}
.joinul5img li.z span{ display:block;line-height:30px;padding-top:100px; background-position:center top; background-repeat:no-repeat;background-size:55px; text-align:center; }
.joinul5img li.li1 span{ background-image:url(../images/join5-icon1.png);}
.joinul5img li.li2 span{ background-image:url(../images/join5-icon2.png);}
.joinul5img li.li3 span{ background-image:url(../images/join5-icon3.png);}
.joinul5img li.li4 span{ background-image:url(../images/join5-icon4.png);}
.joinul5img li.li5 span{ background-image:url(../images/join5-icon5.png);}
.joinul5img li.li6 span{ background-image:url(../images/join5-icon6.png);}
.joinul5img li.li7 span{ background-image:url(../images/join5-icon7.png);}
.joinul5img li.li8 span{ background-image:url(../images/join5-icon8.png);}
.joinul5img li.li1{color:#000000; background-color:#fff;margin-top:99px;}
.joinul5img li.li2{color:#ffffff; background-color:#218acc;margin-top:99px; margin-right:50%;}
.joinul5img li.li3{color:#000000; background-color:#fff; margin-left:50%;}
.joinul5img li.li4{color:#ffffff; background-color:#262171; position:relative;top:150px;}
.joinul5img li.li5{color:#ffffff; background-color:#262171;margin-left:25%;}
.joinul5img li.li6{color:#ffffff; background-color:#218acc;margin-right:25%;}
.joinul5img li.li7{color:#ffffff; background-color:#262171;position:relative;top:-150px;}
.joinul5img li.li8{color:#ffffff; background-color:#218acc;}
.joinul5img li.img{width:50%;position:absolute;z-index:2;}
.joinul5img li.img img{ max-width:none;height:100%;}
.joinul5img li.li9{top:0;left:50%;width:75%; height:570px;}
.joinul5img li.li10{top:419px;left:0;height:490px;}
.joinul5img li.li11{top:890px;left:50%;height:490px;}
@media screen and (max-width:992px) {
.joinul5img li.z{width:50%;}
.joinul5img li.li2{margin-top:0px;}
.joinul5img li.li3{margin-left:50%;}
.joinul5img li.li4{top:0;}
.joinul5img li.li5{margin-left:0;}
.joinul5img li.li6{margin-right:0;}
.joinul5img li.li7{top:0;}
.joinul5img li.li8{background-color:#262171;}
.joinul5img li.li10{top:739px;left:0;width:50%;height:320px; overflow:hidden;}
.joinul5img li.li11{top:auto;left:0;width:50%; height:320px; position:relative;overflow:hidden;}
.joinul5img li.z{font-size:14px;padding-top:100px;}
.joinul5img li.z span{line-height:24px;padding-top:100px;background-size:55px;}
}
@media screen and (max-width:1220px){
.joinBox5{padding-top:100px;margin-bottom:-400px;}
}
@media screen and (max-width:1024px){
.joinBox5{padding-top:70px;margin-bottom:-300px;}
}
@media screen and (max-width:992px){
.joinBox5{padding-top:50px;margin-bottom:-200px;}
}
@media screen and (max-width:768px) {
.joinBox5{padding-top:70px;margin-bottom:50px;}
}
/*joinT4*/
.joinT4{padding-bottom:0; text-align:left; position:relative;}
.joinT4 .tt{ font-size:36px; line-height:44px; color:#000000;position:relative; z-index:2;}
.joinT4 .tt span{ display:inline-block;padding-right:35px;padding-top:20px;background: url(../images/join-tit3.png) right top no-repeat;background-size:20px;}
@media screen and (max-width:1220px){
.joinT4 .tt{ font-size:30px; line-height:40px;}
.joinT4 .tt span{padding-right:30px;padding-top:18px;background-size:18px;}
}
@media screen and (max-width:1024px){
.joinT4 .tt{ font-size:28px; line-height:36px;}
.joinT4 .tt span{padding-right:26px;padding-top:16px;background-size:16px;}
}
@media screen and (max-width:992px){
.joinT4 .tt{ font-size:24px; line-height:36px;}
.joinT4 .tt span{padding-right:26px;padding-top:16px;background-size:16px;}
}
@media screen and (max-width:768px) {
.joinT4 .tt{ font-size:20px; line-height:36px;}
.joinT4 .tt span{padding-right:26px;padding-top:16px;background-size:16px;}
}
/*joinBox6*/
.joinBox6{background: url(../images/join6-bg.jpg) center top no-repeat;background-size:100%; padding-top:488px;padding-bottom:120px;}
.joinT1-table6{padding-top:75px; padding-bottom:100px;}
.joinT1-table6 .li{ width:25%; text-align:center;vertical-align:top;}
.joinT1-table6 .li img{ padding:0 18px; margin-bottom:25px;}
.joinT1-table6 .li{-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;}
.joinT1-table6 .li:hover{-moz-transform: translateY(-5px);-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}
@media screen and (max-width:1220px){
.joinBox6{padding-top:400px;padding-bottom:100px;}
.joinT1-table6{padding-top:70px; padding-bottom:90px;}
.joinT1-table6 .li img{ padding:0 18px; margin-bottom:25px;}
}
@media screen and (max-width:1024px){
.joinBox6{padding-top:300px;padding-bottom:90px;}
.joinT1-table6{padding-top:50px; padding-bottom:70px;}
.joinT1-table6 .li img{ padding:0 18px; margin-bottom:25px;}
}
@media screen and (max-width:992px){
.joinBox6{padding-top:200px;padding-bottom:70px;}
.joinT1-table6{padding-top:30px; padding-bottom:50px;}
.joinT1-table6 .li img{ padding:0 18px; margin-bottom:25px;}
}
@media screen and (max-width:768px) {
.joinBox6{padding-top:100px;padding-bottom:50px;}
.joinT1-table6 .li{ width:50%!important; display:block!important; margin-bottom:30px; float:left;}
.joinT1-table6{padding-top:30px; padding-bottom:50px;}
.joinT1-table6 .li img{ padding:0 18px; margin-bottom:20px;}
}
/*joinul7*/
.joinul7{ margin:0 -20px; font-size:0; padding-top:65px;}
.joinul7 li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.3333333%;position:relative; vertical-align:top; padding-bottom:5.5%;}
.joinul7 .nei{position:relative; margin:0 20px;border-radius:5px; overflow:hidden;box-shadow:2px 2px 20px rgba(0, 0, 0, 0.1);}
/*img-box*/
.joinul7 .img-box{width:100%;text-align:center;position:relative;}
.joinul7 .img-box .img{width:100%;height:auto;padding-bottom:62.5%;object-fit:cover;overflow:hidden;position: relative; left:0;top:0;right:0;bottom:0; margin:0 auto;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;}
.joinul7 .img-box .img img{max-width:none;position:absolute; left:0;right:0; top:50%; margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center;height:100%;width:100%;object-fit:cover;}
.joinul7 .img-box .img video{position:absolute;left:0;right:0; top:50%; margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center; width:100%;object-fit:cover;}
/*text-box*/
.joinul7 .text-box{padding-top:10%;width:100%;}
.joinul7 .text-boxNr{ padding-left:30px; padding-right:30px; padding-top:30px;padding-bottom:50px;position:relative;height:100%;}
.joinul7 .title{color:#000000;font-weight:normal;font-size:22px;line-height:30px;padding-bottom:25px;}
.joinul7 .title span{display:inline-block;}
.joinul7 .num{position:absolute;right:40px;bottom:-40px;width:80px; height:80px;line-height:80px;font-size:22px;color:#fff;background:#05dc6b;border-radius:50%; overflow:hidden;}
.joinul7 .desc{font-size:16px; line-height:28px; min-height:84px;color:#424242;}
.joinul7 li{-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;}
.joinul7 li:hover{-moz-transform: translateY(-5px);-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}
@media screen and (max-width:1220px) {
.joinul7{ margin:0 -15px;padding-top:50px;}
.joinul7 .nei{margin:0 15px;}
.joinul7 .text-boxNr{ padding-left:30px; padding-right:30px; padding-top:25px;padding-bottom:30px;}
.joinul7 .title{font-size:20px;line-height:30px;padding-bottom:20px;}
.joinul7 .num{right:35px;bottom:-35px;width:75px; height:75px;line-height:75px;font-size:20px;}
.joinul7 .desc{font-size:14px;line-height:28px; min-height:84px;}
}
@media screen and (max-width:1024px) {
.joinul7{padding-top:30px;}
.joinul7 li{width:50%;}
}
@media screen and (max-width:992px) {
.joinul7 .text-boxNr{ padding-left:25px; padding-right:25px; padding-top:20px;padding-bottom:20px;}
.joinul7 .title{font-size:18px;line-height:28px;padding-bottom:15px;}
.joinul7 .num{right:30px;bottom:-30px;width:60px; height:60px;line-height:60px;font-size:18px;}
.joinul7 .desc{font-size:12px;line-height:28px; min-height:84px;}
}
@media screen and (max-width:768px) {
.joinul7 li{width:100%;}
.joinul7{padding-top:20px;}
.joinul7 .text-boxNr{ padding-left:25px; padding-right:25px; padding-top:10px;padding-bottom:10px;}
.joinul7 .title{font-size:16px;line-height:28px;padding-bottom:15px;}
.joinul7 .num{right:30px;bottom:-30px;width:60px; height:60px;line-height:60px;font-size:16px;}
.joinul7 .desc{font-size:12px;line-height:28px; min-height:84px;}
.joinul7 .text-box{padding-top:5%;}
}
/******************************************************** end********************************************************/
/*shifuSearch*/
.shifuSearch{width:750px; margin:0 auto;margin-bottom:60px;}
.shifuSearch .shifuForm{overflow:hidden;margin:0 auto; position:relative; margin-bottom:30px;}
.shifuSearch .tt{background-repeat: no-repeat;background-position:left center;background-image: url('../images/shifutt.png'); background-size:15px;padding-left:25px; margin-bottom:15px;font-size:18px; color:#000000;}
.shifuSearch input[type=text]{display: block;margin: 0 auto;width:480px;font-size:16px;color:#b4b5bd;line-height:65px;font-weight: 300;text-align:left;padding:0 4%; margin-right:13px; float:left; background:#f9f9f9;border-radius:10px;}
.shifuSearch input[type=submit]{width:220px;font-size:18px;height:65px;line-height:65px;border-radius:10px;overflow:hidden; background-color:#1dabf6;color:#fff;background-image:-webkit-linear-gradient(120deg, #1dabf6 0%, #05dc6b 100%);background-image:-moz-linear-gradient(120deg, #1dabf6 0%, #05dc6b 100%);background-image: -ms-linear-gradient(120deg, #1dabf6 0%, #05dc6b 100%);background-image: -o-linear-gradient(120deg, #1dabf6 0%, #05dc6b 100%);background-image: linear-gradient(120deg, #1dabf6 0%, #05dc6b 100%); float:right;}
@media screen and (max-width:768px) {
.shifuSearch{width:100%;}
.shifuSearch input[type=text]{width:60%;font-size:12px;line-height:7.8125vw;padding:0 4%;margin-right:10px;border-radius:5px;}
.shifuSearch input[type=submit]{width:30%;font-size:12px;height:7.8125vw;line-height:7.8125vw;border-radius:5px;}
.shifuSearch{width:100%;margin-bottom:30px;}
.shifuSearch .shifuForm{margin-bottom:20px;}
.shifuSearch .tt{background-size:10px;padding-left:20px; margin-bottom:10px;font-size:14px;}
}
@media screen and (max-width:640px) {
.shifuSearch input[type=text]{width:60%;font-size:12px;line-height:8vw;padding:0 4%;margin-right:10px;border-radius:5px;}
.shifuSearch input[type=submit]{width:30%;font-size:12px;height:8vw;line-height:8vw;border-radius:5px;}
}
/*searchListul*/
.page-searchList{ }
.page-searchList .tit{color:#000000;font-weight:300;font-size:24px;line-height:30px;padding-bottom:25px; text-align:center;}
.searchListul li{display:block;margin:0;padding:0;list-style:none;position:relative; vertical-align:top; border:1px solid #dcdcdc;}
.searchListul li:after{ content:''; position:absolute;left:240px;top:0; width:1px; height:100%; background:#dcdcdc;}
.searchListul li .item{ padding-left:240px; position:relative; min-height:240px;}
.searchListul li .item .ImgBox{width:240px;min-height:240px;text-align:center; position:absolute; left:0;top:0;}
.searchListul li .item .ImgBox img{ padding:18px 18px;display:block;height:240px; max-width:none; width:100%;}
.searchListul li .item .t{color:#000000;font-weight:300;font-size:24px;line-height:30px;margin-bottom:25px; margin-left:35px;}
.searchListul li .item .listTitle{padding:90px 30px 30px 25px;}
.searchListul li .item .listTitle span{ display:inline-block;color:#000000;font-weight:300;font-size:18px;line-height:30px;background: url(../images/line.jpg) right center no-repeat; padding-right:35px; margin-left:35px;}
.searchListul li .item .listTitle span:last-child{ background:none;}
@media screen and (max-width:1024px) {
.searchListul li .item .listTitle{padding:70px 30px 70px 25px;}
}
@media screen and (max-width:992px) {
.page-searchList .tit{font-size:20px;line-height:26px;padding-bottom:20px;}
.searchListul li .item{ padding-left:150px;min-height:150px;}
.searchListul li:after{left:150px;}
.searchListul li .item .ImgBox{width:150px;min-height:50px;}
.searchListul li .item .ImgBox img{ padding:10px 10px;height:150px;display:block;}
.searchListul li .item .listTitle{padding:30px 20px 30px 20px;}
.searchListul li .item .t{font-size:16px;line-height:26px;margin-bottom:10px; margin-left:15px;}
.searchListul li .item .listTitle span{font-size:13px;line-height:26px;padding-right:15px; margin-left:15px;}
}
@media screen and (max-width:768px) {
.page-searchList .tit{font-size:14px;line-height:21px;padding-bottom:10px;}
.searchListul li .item{ padding-left:100px;min-height:100px;}
.searchListul li:after{left:100px; display:none;}
.searchListul li .item .ImgBox{width:100px;min-height:100px;}
.searchListul li .item .ImgBox img{ padding:10px 10px;height:100px;display:block;}
.searchListul li .item .listTitle{padding:10px 15px 10px 0px;}
.searchListul li .item .t{font-size:14px;line-height:24px;margin-bottom:0px; margin-left:10px;}
.searchListul li .item .listTitle span{font-size:12px;line-height:24px;padding-right:10px; margin-left:10px;}
}
/**/
.scroll-animate.animated{visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000}
font{min-width:0.2rem;text-align:center;font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;font-style:inherit;text-transform:inherit}
.font-fadeIn font{display:inline-block}
.scrolly{transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;backface-visibility:hidden}
/*animate补充动画*/
@keyframes fadeInLeftSmall{from{opacity:0;transform:translate3d(-1rem,0,0)}
to{opacity:1;transform:none}
}.fadeInLeftSmall{animation-name:fadeInLeftSmall}
@keyframes fadeInRightSmall{from{opacity:0;transform:translate3d(1.5rem,0,0)}
to{opacity:1;transform:none}
}.fadeInRightSmall{animation-name:fadeInRightSmall}
@keyframes fadeInDownSmall{from{opacity:0;transform:translate3d(0%,-10px,0)}
to{opacity:1;transform:none}
}.fadeInDownSmall{animation-name:fadeInDownSmall}
@keyframes fadeOutDownSmall{from{opacity:1;transform:none}
to{opacity:0;transform:translate3d(0%,10px,0)}
}.fadeOutDownSmall{animation-name:fadeOutDownSmall}
@keyframes fadeOutRightSmall{from{opacity:1;transform:none}
to{opacity:0;transform:translate3d(50px,0px,0)}
}.fadeOutRightSmall{animation-name:fadeOutRightSmall}
@keyframes fadeInUpSmall{from{opacity:0;transform:translate3d(0%,30px,0)}
to{opacity:1;transform:none}
}.fadeInUpSmall{animation-name:fadeInUpSmall}
@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);backface-visibility:hidden}
100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);backface-visibility:hidden}
}
.scaleIn{animation-name:scaleIn}
.getGray{-webkit-filter:grayscale(100%);/* CSS3 filter方式，webkit内核方式，firefox外的绝大部分的现代浏览器*/
-moz-filter:grayscale(100%);/* 目前没有实现 */
-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);/* CSS3 filter方式，标准写法*/
/*filter:url(filters.svg#grayscale);*/
/* Firefox 4+ */
filter:gray;/* IE 6-9 */}
.img-ani{transform:scaleX(0.5) scaleY(0.5) scaleZ(1) translate(0,50%);transition:all .9s ease;opacity:0}
.img-ani .img-child{transform:scaleX(1.5) scaleY(1.5) scaleZ(1);transition:all 1.5s ease}
.img-ani.go{transform:scaleX(1) scaleY(1) scaleZ(1) translate(0);opacity:1}
.img-ani.go .img-child{transform:scaleX(1) scaleY(1) scaleZ(1) translate(0)}
.bx{background-size:cover;background-position:center;color:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ph .pic{position:absolute;width:calc(100% + 60px);height:calc(100% + 60px);left:-30px;top:-30px;backface-visibility:hidden}
@media screen and (orientation:portrait){.ph .pic{position:absolute;width:100%;height:100%;left:0px;top:0px;backface-visibility:hidden}
}@keyframes Tmouse{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(12px);-moz-transform:translateY(-12px);-ms-transform:translateY(-12px);-o-transform:translateY(-12px);transform:translateY(-12px)}
}@keyframes wave{to{transform:translateX(-100%)}
}@keyframes loop1{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}@keyframes loop2{0%{transform:rotate(40deg)}
100%{transform:rotate(400deg)}
}@keyframes loop3{0%{transform:rotate(80deg)}
100%{transform:rotate(440deg)}
}@keyframes loop4{0%{transform:rotate(-30deg)}
100%{transform:rotate(330deg)}
}@keyframes fn3{0%{opacity:0;transform:matrix(1,0.1,0,1,0,10)}
100%{opacity:1;transform:matrix(1,0,0,1,0,0)}
}.fn3{transform-origin:0 50%;animation:fn3 1.2s cubic-bezier(0.49,0.54,0.16,1);animation-fill-mode:both}
/* --------------------------------
Keyframes
-------------------------------- */
@-webkit-keyframes cd-reveal-left{0%{opacity:0;visibility:hidden}
100%{opacity:1;visibility:visible}
}@keyframes cd-reveal-left{0%{opacity:0;visibility:hidden}
100%{opacity:1;visibility:visible}
}@-webkit-keyframes cd-reveal-right{0%{opacity:0;visibility:hidden}
100%{opacity:1;visibility:visible}
}@keyframes cd-reveal-right{0%{opacity:0;visibility:hidden}
100%{opacity:1;visibility:visible}
}@-webkit-keyframes cd-hide-left{0%{opacity:1;visibility:visible}
100%{opacity:0;visibility:hidden}
}@keyframes cd-hide-left{0%{opacity:1;visibility:visible}
100%{opacity:0;visibility:hidden}
}@-webkit-keyframes cd-hide-right{0%{opacity:1;visibility:visible}
100%{opacity:0;visibility:hidden}
}@keyframes cd-hide-right{0%{opacity:1;visibility:visible}
100%{opacity:0;visibility:hidden}
}@-webkit-keyframes cd-clicked{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}@keyframes cd-clicked{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}@keyframes cir_right{from{clip-path:circle(12vw at 112% 50%)}
to{clip-path:circle(12vw at 102% 50%)}
}@keyframes cir_left{from{clip-path:circle(12vw at -12% 50%)}
to{clip-path:circle(12vw at -2% 50%)}
}@keyframes banner_in{0%{clip-path:ellipse(50% 50% at 50% 150%)}
100%{clip-path:ellipse(100% 180% at 50% 150%)}
}@keyframes banner_out{0%{clip-path:ellipse(100% 180% at 50% 150%)}
100%{clip-path:ellipse(50% 50% at 50% 150%)}
}@keyframes banner_appIn{0%{clip-path:ellipse(100% 50% at 50% 150%)}
100%{clip-path:ellipse(180% 180% at 50% 150%)}
}@keyframes banner_appOut{0%{clip-path:ellipse(180% 180% at 50% 150%)}
100%{clip-path:ellipse(100% 50% at 50% 150%)}
}@keyframes row5_in{0%{opacity:1}
100%{opacity:1}
}@keyframes r5_in{0%{transform:translate3d(-70vw,36vw,0) scale(1)}
50%{transform:translate3d(-14vw,6vw,0) scale(1)}
100%{transform:translate3d(-14vw,6vw,0) scale(3)}
}@keyframes r5_out{0%{transform:translate3d(-14vw,6vw,0) scale(3)}
50%{transform:translate3d(-14vw,6vw,0) scale(1)}
100%{transform:translate3d(-70vw,36vw,0) scale(1)}
}@keyframes slider{0%{opacity:0;margin-left:-0.1rem}
100%{opacity:1;margin-left:0}
}@keyframes scrFn{0%{transform:translate3d(50vw,42vh,0) scale(0.9) rotate(0)}
30%{transform:translate3d(50vw,42vh,0) scale(9) rotate(0)}
100%{transform:translate3d(50vw,42vh,0) scale(54) rotate(20deg)}
}@keyframes aboutFn{0%{-webkit-mask-size:45.8%;-webkit-mask-position:50% 40%}
30%{-webkit-mask-size:458%;-webkit-mask-position:50% 40%}
100%{-webkit-mask-size:2738%;-webkit-mask-position:52% 52%}
}@keyframes scrImg{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);backface-visibility:hidden}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);backface-visibility:hidden}
}@keyframes scrOut{0%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
12%{-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-o-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);backface-visibility:hidden;opacity:0}
100%{-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-o-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);backface-visibility:hidden;opacity:0}
}@keyframes scrP1{0%{-webkit-transform:translate3d(0,0,0) scale(1);-moz-transform:translate3d(0,0,0) scale(1);-o-transform:translate3d(0,0,0) scale(1);-ms-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);backface-visibility:hidden;opacity:1}
8%{-webkit-transform:translate3d(-5px,-7px,0) scale(1.05);-moz-transform:translate3d(-5px,-7px,0) scale(1.05);-o-transform:translate3d(-5px,-7px,0) scale(1.05);-ms-transform:translate3d(-5px,-7px,0) scale(1.05);transform:translate3d(-5px,-7px,0) scale(1.05);backface-visibility:hidden;opacity:0}
100%{-webkit-transform:translate3d(-5px,-7px,0) scale(1.05);-moz-transform:translate3d(-5px,-7px,0) scale(1.05);-o-transform:translate3d(-5px,-7px,0) scale(1.05);-ms-transform:translate3d(-5px,-7px,0) scale(1.05);transform:translate3d(-5px,-7px,0) scale(1.05);backface-visibility:hidden;opacity:0}
}@keyframes scrP2{0%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
10%{-webkit-transform:translate3d(7px,5px,0) scale(1.05);-moz-transform:translate3d(7px,5px,0) scale(1.05);-o-transform:translate3d(7px,5px,0) scale(1.05);-ms-transform:translate3d(7px,5px,0) scale(1.05);transform:translate3d(7px,5px,0) scale(1.05);backface-visibility:hidden;opacity:0}
100%{-webkit-transform:translate3d(7px,5px,0) scale(1.05);-moz-transform:translate3d(7px,5px,0) scale(1.05);-o-transform:translate3d(7px,5px,0) scale(1.05);-ms-transform:translate3d(7px,5px,0) scale(1.05);transform:translate3d(7px,5px,0) scale(1.05);backface-visibility:hidden;opacity:0}
}@keyframes scrP3{0%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);backface-visibility:hidden;opacity:1}
12%{webkit-transform:translate3d(-7px,-5px,0) scale(1.05);-moz-transform:translate3d(-7px,-5px,0) scale(1.05);-o-transform:translate3d(-7px,-5px,0) scale(1.05);-ms-transform:translate3d(-7px,-5px,0) scale(1.05);transform:translate3d(-7px,-5px,0) scale(1.05);-backface-visibility:hidden;opacity:0}
100%{-webkit-transform:translate3d(-7px,-5px,0) scale(1.05);-moz-transform:translate3d(-7px,-5px,0) scale(1.05);-o-transform:translate3d(-7px,-5px,0) scale(1.05);-ms-transform:translate3d(-7px,-5px,0) scale(1.05);transform:translate3d(-7px,-5px,0) scale(1.05);backface-visibility:hidden;opacity:0}
}.scrTxt{animation-name:scrTxt}
@keyframes scrTxt{0%{-webkit-transform:translate3d(50px,10px,0);-moz-transform:translate3d(50px,10px,0);-o-transform:translate3d(50px,10px,0);-ms-transform:translate3d(50px,10px,0);transform:translate3d(50px,10px,0);backface-visibility:hidden;opacity:0}
20%{-webkit-transform:translate3d(0px,0px,0);-moz-transform:translate3d(0px,0px,0);-o-transform:translate3d(0px,0px,0);-ms-transform:translate3d(0px,0px,0);transform:translate3d(0px,0px,0);backface-visibility:hidden;opacity:1}
100%{-webkit-transform:translate3d(0px,0px,0);-moz-transform:translate3d(0px,0px,0);-o-transform:translate3d(0px,0px,0);-ms-transform:translate3d(0px,0px,0);transform:translate3d(0px,0px,0);backface-visibility:hidden;opacity:1}
}@keyframes scrP4{0%{transform:translate3d(-120px,0px,0px) rotate(-50deg)}
30%{transform:translate3d(-120px,0px,0px) rotate(0deg)}
100%{transform:translate3d(-120px,0px,0px) rotate(0deg)}
}@keyframes scrP5{0%{-webkit-transform:translate3d(calc(70vw - 30vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(70vw - 30vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(70vw - 30vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(70vw - 30vw),calc(13vw + 12.3vw),0);transform:translate3d(calc(70vw - 30vw),calc(13vw + 12.3vw),0);backface-visibility:hidden}
58%{-webkit-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);backface-visibility:hidden}
100%{-webkit-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);transform:translate3d(calc(50vw - 30vw),calc(13vw + 12.3vw),0);backface-visibility:hidden}
}@keyframes scrP51{0%{margin-left:50%;letter-spacing:0.6rem}
40%{margin-left:0%;letter-spacing:0px}
100%{margin-left:0%;letter-spacing:0px}
}@keyframes scrP6{0%{-webkit-transform:translate3d(calc(70vw - 6.25vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(70vw - 6.25vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(70vw - 6.25vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(70vw - 6.25vw),calc(13vw + 12.3vw),0);transform:translate3d(calc(70vw - 6.25vw),calc(13vw + 12.3vw),0);backface-visibility:hidden;letter-spacing:1rem;opacity:0}
58%{-webkit-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);backface-visibility:hidden;letter-spacing:0px;opacity:1}
100%{-webkit-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-moz-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-o-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);-ms-transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);transform:translate3d(calc(50vw - 6.25vw),calc(13vw + 12.3vw),0);backface-visibility:hidden;letter-spacing:0px;opacity:1}
}@keyframes scrP61{0%{letter-spacing:0.6rem;background-color:#ffffff}
40%{letter-spacing:0px;background-color:rgba(255,255,255,0)}
100%{letter-spacing:0px;background-color:rgba(255,255,255,0)}
}@keyframes scrP7{0%{-webkit-transform:translate3d(0vw,0vw,0);-moz-transform:translate3d(0vw,0vw,0);-o-transform:translate3d(0vw,0vw,0);-ms-transform:translate3d(0vw,0vw,0);transform:translate3d(0vw,0vw,0);backface-visibility:hidden}
58%{-webkit-transform:translate3d(-15vw,0vw,0);-moz-transform:translate3d(-15vw,0vw,0);-o-transform:translate3d(-15vw,0vw,0);-ms-transform:translate3d(-15vw,0vw,0);transform:translate3d(-15vw,0vw,0);backface-visibility:hidden}
100%{-webkit-transform:translate3d(-15vw,0vw,0);-moz-transform:translate3d(-15vw,0vw,0);-o-transform:translate3d(-15vw,0vw,0);-ms-transform:translate3d(-15vw,0vw,0);transform:translate3d(-15vw,0vw,0);backface-visibility:hidden}
}@keyframes scrP8{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);backface-visibility:hidden}
100%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);backface-visibility:hidden}
}@keyframes scrP9{0%{-webkit-transform:translate3d(0vw,0vw,0);-moz-transform:translate3d(0vw,0vw,0);-o-transform:translate3d(0vw,0vw,0);-ms-transform:translate3d(0vw,0vw,0);transform:translate3d(0vw,0vw,0);backface-visibility:hidden}
100%{-webkit-transform:translate3d(-58%,0vw,0);-moz-transform:translate3d(-58%,0vw,0);-o-transform:translate3d(-58%,0vw,0);-ms-transform:translate3d(-58%,0vw,0);transform:translate3d(-58%,0vw,0);backface-visibility:hidden}
}@keyframes scrP10{0%{opacity:0;-webkit-transform:translate3d(0vw,0vw,0);-moz-transform:translate3d(0vw,0vw,0);-o-transform:translate3d(0vw,0vw,0);-ms-transform:translate3d(0vw,0vw,0);transform:translate3d(0vw,0vw,0);backface-visibility:hidden}
15%{opacity:1;-webkit-transform:translate3d(0vw,0vw,0);-moz-transform:translate3d(0vw,0vw,0);-o-transform:translate3d(0vw,0vw,0);-ms-transform:translate3d(0vw,0vw,0);transform:translate3d(0vw,0vw,0);backface-visibility:hidden}
25%{-webkit-transform:translate3d(0px,2.02rem,0px);-moz-transform:translate3d(0px,2.02rem,0px);-o-transform:translate3d(0px,2.02rem,0px);-ms-transform:translate3d(0px,2.02rem,0px);transform:translate3d(0px,2.02rem,0px);backface-visibility:hidden}
35%{-webkit-transform:translate3d(0px,2.02rem,0px);-moz-transform:translate3d(0px,2.02rem,0px);-o-transform:translate3d(0px,2.02rem,0px);-ms-transform:translate3d(0px,2.02rem,0px);transform:translate3d(0px,2.02rem,0px);backface-visibility:hidden}
50%{-webkit-transform:translate3d(0.4rem,4.04rem,0px);-moz-transform:translate3d(0.4rem,4.04rem,0px);-o-transform:translate3d(0.4rem,4.04rem,0px);-ms-transform:translate3d(0.4rem,4.04rem,0px);transform:translate3d(0.4rem,4.04rem,0px);backface-visibility:hidden}
100%{-webkit-transform:translate3d(0.4rem,4.04rem,0px);-moz-transform:translate3d(0.4rem,4.04rem,0px);-o-transform:translate3d(0.4rem,4.04rem,0px);-ms-transform:translate3d(0.4rem,4.04rem,0px);transform:translate3d(0.4rem,4.04rem,0px);backface-visibility:hidden}
}@keyframes scrP11{0%{-webkit-transform:translate3d(-20px,0vw,0);-moz-transform:translate3d(-20px,0vw,0);-o-transform:translate3d(-20px,0vw,0);-ms-transform:translate3d(-20px,0vw,0);transform:translate3d(-20px,0vw,0);backface-visibility:hidden;opacity:0}
15%{-webkit-transform:translate3d(0vw,0vw,0);-moz-transform:translate3d(0vw,0vw,0);-o-transform:translate3d(0vw,0vw,0);-ms-transform:translate3d(0vw,0vw,0);transform:translate3d(0vw,0vw,0);backface-visibility:hidden;opacity:1}
100%{-webkit-transform:translate3d(0,0vw,0);-moz-transform:translate3d(0,0vw,0);-o-transform:translate3d(0,0vw,0);-ms-transform:translate3d(0,0vw,0);transform:translate3d(0,0vw,0);backface-visibility:hidden;opacity:1}
}@keyframes scrP12{0%{-webkit-transform:translate3d(-20px,0vw,0);-moz-transform:translate3d(-20px,0vw,0);-o-transform:translate3d(-20px,0vw,0);-ms-transform:translate3d(-20px,0vw,0);transform:translate3d(-20px,0vw,0);backface-visibility:hidden;opacity:0}
25%{-webkit-transform:translate3d(0vw,0vw,0);-moz-transform:translate3d(0vw,0vw,0);-o-transform:translate3d(0vw,0vw,0);-ms-transform:translate3d(0vw,0vw,0);transform:translate3d(0vw,0vw,0);backface-visibility:hidden;opacity:1}
100%{-webkit-transform:translate3d(0,0vw,0);-moz-transform:translate3d(0,0vw,0);-o-transform:translate3d(0,0vw,0);-ms-transform:translate3d(0,0vw,0);transform:translate3d(0,0vw,0);backface-visibility:hidden;opacity:1}
}@keyframes scrP13{0%{-webkit-transform:translate3d(-20px,0vw,0);-moz-transform:translate3d(-20px,0vw,0);-o-transform:translate3d(-20px,0vw,0);-ms-transform:translate3d(-20px,0vw,0);transform:translate3d(-20px,0vw,0);backface-visibility:hidden;opacity:0}
40%{-webkit-transform:translate3d(0vw,0vw,0);-moz-transform:translate3d(0vw,0vw,0);-o-transform:translate3d(0vw,0vw,0);-ms-transform:translate3d(0vw,0vw,0);transform:translate3d(0vw,0vw,0);backface-visibility:hidden;opacity:1}
100%{-webkit-transform:translate3d(0,0vw,0);-moz-transform:translate3d(0,0vw,0);-o-transform:translate3d(0,0vw,0);-ms-transform:translate3d(0,0vw,0);transform:translate3d(0,0vw,0);backface-visibility:hidden;opacity:1}
}@keyframes scrP14{0%{-webkit-transform:translate3d(0vw,0%,0);-moz-transform:translate3d(0vw,0%,0);-o-transform:translate3d(0vw,0%,0);-ms-transform:translate3d(0vw,0%,0);transform:translate3d(0vw,0%,0);backface-visibility:hidden}
100%{-webkit-transform:translate3d(0,90%,0);-moz-transform:translate3d(0,90%,0);-o-transform:translate3d(0,90%,0);-ms-transform:translate3d(0,90%,0);transform:translate3d(0,90%,0);backface-visibility:hidden}
}@keyframes loadFn{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);backface-visibility:hidden}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);backface-visibility:hidden}
}
/*index-banner-wrapper swiper-pagination-bullet*/
.index-banner-wrapper .swiper-pagination-bullet{width:0.08rem;height:0.08rem;background:rgba(255,255,255,0.8);position:relative}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff}
.index-banner-wrapper .swiper-pagination-bullet svg{width:0.38rem;height:0.38rem;position:absolute;top:50%;margin-top:-0.19rem;left:50%;margin-left:-0.19rem}
.index-banner-wrapper .swiper-pagination-bullet svg:nth-child(2){position:absolute;left:0;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.index-banner-wrapper .swiper-pagination-bullet{fill:none}
.index-banner-wrapper .circle-chart__circle{stroke-linecap:square;fill:none}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background{stroke:rgba(255,255,255,0.2)}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{stroke:#fff;stroke-width:2;stroke-linecap:square;fill:none;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center;-ms-transform-origin:center;-moz-transform-origin:center;transform-origin:center;}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 3.8s linear reverse;-moz-animation:circle-chart-fill 3.8s linear reverse;-webkit-animation:circle-chart-fill 3.8s linear reverse;-ms-animation:circle-chart-fill 3.8s linear reverse}
.index-banner-wrapper .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 2.4s linear reverse;-moz-animation:circle-chart-fill 2.4s linear reverse;-webkit-animation:circle-chart-fill 2.4s linear reverse;-ms-animation:circle-chart-fill 2.4s linear reverse}
.index-banner-wrapper .swiper-pagination{bottom:0.64rem}
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet{margin:0 0.17rem;opacity:1}
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:focus,.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:active,.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:link{outline:none}
@keyframes navInUp50{0%{opacity:0;visibility:hidden;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);}
100%{opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
}
@keyframes circle-chart-fill{to{stroke-dasharray:0 100}}
@-webkit-keyframes circle-chart-fill{to{-webkit-stroke-dasharray:0 100;stroke-dasharray:0 100}}
@-moz-keyframes circle-chart-fill{to{-webkit-stroke-dasharray:0 100;stroke-dasharray:0 100}}
@-ms-keyframes circle-chart-fill{to{stroke-dasharray:0 100;}}
@keyframes shake{
0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1);}
25%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1);}
50%{-webkit-transform:scale(1.1,0.9);transform:scale(1.1,0.9;)}
75%{-webkit-transform:scale(0.95,1.05);transform:scale(0.95,1.05)}
0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1);}
25%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}
50%{-webkit-transform:scale(1.1,0.9);transform:scale(1.1,0.9)}
75%{-webkit-transform:scale(0.95,1.05);transform:scale(0.95,1.05)}
}
@keyframes iconScale2{
from{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
to{-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7);transform:scale(1.7);opacity:0}
}
/*joinT-ul3*/
.joinT-ul3{ padding-left:17px; padding-right:31px; padding-top:60px;font-size:0; line-height:normal;}
.joinT-ul3 li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:50%;position:relative; vertical-align:top;background: url(../images/join-y2.png) left 38px no-repeat;background-size:15px;}
.joinT-ul3 li.li1{ background:none;}
.joinT-ul3 li .item{margin:0 29px 0 43px; padding:57px 50px 60px 50px;background: url(../images/join-bg.png) left top no-repeat;background-size:100% 100%;}
.joinT-ul3 li.li1 .item{background-image:url(../images/join-bg2.png);}
.joinT-ul3 li .title{padding-left:50px; position:relative;}
.joinT-ul3 li .title:before{content:""; position:absolute;left:0;top:0; width:1px; background:#fff; height:100%;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity: 0.2;}
.joinT-ul3 li h1{font-size:24px;line-height:30px;color:#fff; font-weight:300;margin-bottom:20px;}
.joinT-ul3 li p{font-size:16px;line-height:28px;color:#fff; font-weight:300;}
@media screen and (max-width:1220px){
.joinT-ul3{ padding-left:17px; padding-right:31px; padding-top:60px;}
.joinT-ul3 li .item{margin:0 29px 0 43px; padding:57px 50px 60px 50px;}
.joinT-ul3 li .title{padding-left:40px;}
.joinT-ul3 li h1{font-size:20px;line-height:30px;margin-bottom:20px;}
.joinT-ul3 li p{font-size:15px;line-height:28px;}
}
@media screen and (max-width:1150px){
.joinT-ul3{ padding-left:15px; padding-right:30px; padding-top:50px;}
.joinT-ul3 li .item{margin:0 29px 0 43px; padding:50px 50px 50px 50px;}
.joinT-ul3 li .title{padding-left:30px;}
.joinT-ul3 li h1{font-size:18px;line-height:30px;margin-bottom:15px;}
.joinT-ul3 li p{font-size:14px;line-height:24px;}
}
@media screen and (max-width:1024px){
.joinT-ul3{ padding-left:10px; padding-right:10px; padding-top:50px;}
.joinT-ul3 li .item{margin:0 20px 0 30px; padding:20px 20px 50px 20px;}
.joinT-ul3 li .title{padding-left:20px;}
.joinT-ul3 li h1{font-size:16px;line-height:30px;margin-bottom:10px;}
.joinT-ul3 li p{font-size:12px;line-height:24px;}
}
@media screen and (max-width:768px) {
.joinT-ul3{ max-width:400px; margin:0 auto;}
.joinT-ul3 li{ width:100%!important; display:block!important; margin-bottom:30px;}
.joinT-ul3 li.li1{background: url(../images/join-y2.png) left 38px no-repeat;background-size:15px;}
.joinT-ul3 li h1{font-size:14px;line-height:26px;margin-bottom:5px;}
.joinT-ul3 li p{font-size:12px;line-height:24px;}
.joinT-ul3 li .title{padding-left:30px;}
}
/*pageMore*/
.pageMore{margin: 0 auto; margin-top:30px;text-align:center;}
.pageMore a{ display:inline-block; color: #000;font-size:16px; position: relative;text-align:center; padding-right:30px;}
.pageMore a:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top:-3px;width:15px;height:6px; background: url(../images/more-v.png) right center no-repeat;background-size: 15px;}
.pageMore a:hover{color:#05dc6b;}
/*category*/
.category{ text-align:center;padding-bottom:30px;}
.category ul li{display:inline-block;white-space:nowrap;font-size:20px; line-height:40px;text-align:center;border-bottom:3px solid transparent;cursor:pointer;position:relative;padding:10px 25px;color:#000;}
.category ul li.active a{color:#1dabf6;}
.category ul li.active::after{content:"";width:45%;height:1px;display:block;margin:0px auto;border-bottom:3px solid #1dabf6;}
@media screen and (max-width:768px){
.category ul li{font-size:16px;}.category{padding-bottom:10px;}
}
/*cardListul*/
.cardListul li{display:block;margin:0;padding:0;list-style:none;position:relative; vertical-align:top; border:1px solid #dcdcdc;}
.cardListul li .item{ padding-left:240px; position:relative; min-height:240px;}
.cardListul{margin-bottom:4%; max-width:90%; margin:0 auto;}
.cardListul li{text-align:left;padding:50px;border-radius:5px}
.cardListul li .item{line-height:30px;margin:0px;font-size:16px;overflow:hidden;padding:1% 0%}
.cardListul li .item .card_left{display:block;float:left;width:32%;text-align:left;}
.cardListul li .item .card_right{display:block;float:left;width:68%}
.cardListul li .item em{background-color:#1dabf6;color:#fff;border-radius:30px;margin-left:2%;padding:6px 16px}
.cardListul li .item .td{border-bottom:1px solid #dcdcdc;padding:10px 0%}
.cardListul li .item .td:last-child{border-bottom:none;}
@media screen and (max-width:1024px){
.cardListul{margin-bottom:4%; max-width:100%;}
}
@media screen and (max-width:768px){
.cardListul{margin-bottom:4%; max-width:100%;}
.cardListul li{text-align:left;padding:10px;border-radius:5px}
.cardListul li .item em{ display:block; max-width:260px;}
.cardListul li .item{line-height:30px;margin:0px;font-size:14px;overflow:hidden;padding:1% 0%}
.cardListul li .item .card_left{display:block;float:left;width:28%;text-align:left;}
.cardListul li .item .card_right{display:block;float:left;width:72%}
.pos .w1200 {
background: url(../images/home_ico.png) no-repeat left 7px;
padding-left: 40px;
background-size: auto 30px;
}
.pos{
line-height: 48px;
}
.detail-main-1{
display: block;
}
.detail-main-1 .box{
width: auto;
height: auto;
}
.detail-main{
min-width: inherit;
}
.detail-side{
display: none;
}
.prev-next{
margin-bottom: 30px;
}
.detail-main-1-info{
padding-left: 0;
}
.contactBOX .contact-way{
display: block;
}
.contactBOX .contact-way a{
display: block;
width: auto;
margin-bottom: 30px;
}
.contactBOX .contact-way a:last-child{
margin-bottom: 0;
}
.index-product a{
width: 48%;
margin-bottom: 20px;
}
.footer-left{
padding-left: 30%;
padding-top: 0;
}
.footer-nav{
position: relative;
}
.foot-logo{
position: absolute;
width: 30%;
left: 15px;
}
.footer-left-info a{
font-size: 24px;
}
.footer-left-item:nth-of-type(2) a {
font-weight: normal;
font-size: 16px;
}
}