@font-face{font-family:'myFont'; src: url('../font/SOURCEHANSANSCN-REGULAR.OTF');}

*html{ background-image:url(about:blank); background-attachment:fixed; transition:.5s;}

body{ font-size:12px; font-family:myFont !important; position:relative; transition:.5s; background:#fff;}

div,p,h1,h2,h3,h4,h5,h6,span,p,b,em,strong{font-family:myFont !important;}

input,select,textarea,button{  font-family:myFont !important; outline:none; font-size:12px;}

*{margin:0;padding:0; border: 0;}

ul, li {list-style-type:none;}

em,i,ins{ font-style:normal; text-decoration:none;}

img {border:none; vertical-align:middle;}

a{color:#161213;text-decoration:none;}

a:hover{color:#fabe00;}

.fl {float:left;}

.fr {float:right;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.clearfix {display:block;}

input[type=search]::-ms-clear{display: none;}  /*清除IE下的 search 叉号*/

input[type=text]::-ms-clear{display: none;}  /*清除IE下的 text 叉号*/

img{height: auto;}





.w1560{/*max-width:1540px;*/ max-width:1180px; padding:0 10px; margin:0 auto; position:relative;}

.w1200{max-width:1180px; margin:0 auto; padding:0 10px; position:relative;}

.table-table{ display:table;}

.table-cell{ display:table-cell; vertical-align:middle;}

.mosk{width:100%; height:100%; background:rgba(0,0,0,.5); position:fixed; z-index:555; top:0; left:0; display:none; }

html.flow{ overflow:hidden;}

.h110{ height:90px; transition:.5s;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



/*头部*/

.header{width:100%; /*height:110px; background:rgba(0,0,0,.35);*/}





.header-logo{ margin-top:24px;}

.header-fixed{width:100%; height:90px; position:fixed; top:0; left:0; z-index:444; background:rgba(0,0,0,.35);}

.homeBg{ background:#fff; box-shadow:0 0 5px #999;}

.homeBg .header-nav .navTop a{ color:#7a7a7a;}

.header-nav .navTop a:hover,.header-nav .on .navTop a{color:#1dafd4;}

.header-nav>ul>li{ float:left;}

.header-nav .navTop{ line-height:90px; margin:0 25px;}

.header-nav .navTop a{color:#fff; font-size:18px;}



.header-all{ display:inline-block; position:relative; margin:33px 20px 0 5px; cursor:pointer;}

.header-select{color:#fff; width:50px; text-align:center; font-size:15px; line-height:24px; position:relative;}

.header-select i{ background:url(../images/icon1.png) no-repeat; width:12px; height:6px; position:absolute; top:10px; right:0px; transition:.5s;}

.header-option{ position:absolute; top:24px; left:0; width:100%; z-index:6; line-height:24px; padding:5px 0; color:#fff; font-size:14px; text-align:center; display:none;}

.header-transparent i{ transform:rotate(180deg);}

.header-search{ margin-top:38px; padding-left:20px; position:relative;}

.header-search:before{content:""; width:1px; height:14px; background:#eee; position:absolute; top:2px; left:0;}

.header-search img{ vertical-align:middle;}



.homeBg .header-select{color:#999;}

.homeBg .header-search:before{ background:#666;}

.homeBg .header-select i{background:url(../images/icon53.png) no-repeat; width:13px; height:7px;}

.homeBg .header-search:before{ top:0;}

.homeBg .header-search{background:url(../images/icon54.png) right no-repeat; margin-top:38px; width:15px; height:14px;}

.homeBg .header-search img{ display:none;}



.fixedSearch{ position:absolute; top:110px; right:0; background:#f0f0f0; width:320px; height:60px; line-height:60px; display:none;}

.fixedSearch input{ width:100%; height:100%; font-size:16px; text-indent:20px; color:#333;}

.fixedSearch a{ background:url(../images/icon54.png) no-repeat; width:15px; height:14px; display:block; position:absolute; top:23px; right:23px;}



/*尾部*/

.footer{ background:#4d4948;}

.footer-bg{ padding:30px 10px;}

.footer-clear{ margin-top:40px;}

.footer-left ul{ float:left; margin-right:55px;}

.footer-left ul:last-child{ margin-right:0;}

.footer-left li b{ display:block; font-size:18px; color:#fff; font-weight:400; margin-bottom:15px;}

.footer-left li { line-height:30px;}

.footer-left li a{color:#8b8988; font-size:17px;}

.footer-left li:hover a{color:#fff;}

.footer-right{ margin-right:60px;}

.footer-right h2{ font-size:20px; color:#fff; font-weight:400;}

.footer-right h1{ font-size:24px; color:#fff; font-weight:400; margin:10px 0;}

.footer-right p{ font-size:15px; line-height:26px; color:#a3a1a1;}

.footer-right a{width:128px; height:38px; line-height:38px; text-align:center; border-radius:3px; border:1px solid #a3a1a1; display:block; background:#5f5c5b; font-size:14px; color:#fff; margin-top:30px;}

.footer-right a img{ vertical-align:middle; margin:-1px 5px 0 -5px;height: 38px;}
.footer-right a:last-child{margin-top: 15px;}

.footer-code{ text-align:center;}

.footer-code h2{ font-size:16px; color:#fff; font-weight:400;}

.footer-code h1{color:#1dafd4; font-weight:400; font-size:24px; margin-top:5px;}

.footer-code p{color:#9e9c9c; font-size:16px; text-align:center;}

.footer-code .img{ margin:10px 0 5px;}

.footer-code  h2 img{ vertical-align:middle; margin:-2px 5px 0 -5px;}

.footer-logo img{ width:280px;}



/*分页*/

.page{ margin:0 auto 40px; text-align:center; height:42px;}

.page ul{ display:inline-block;}

.page li{ line-height:40px; width:50px; height:40px; float:left; font-size:12px; margin:0 5px; border:1px solid #e5e5e5;}

.page li a{ height:40px; width:100%; display:inline-block;}



.page li input{width:100%; text-align:center;  color:#1dafd4; font-size:18px; height:100%; line-height:40px;}

.page li input::placeholder{color:#1dafd4; font-size:18px;}

.page .page-num{ border:0; margin:0; color:#808080; font-size:15px;}

.page .page-link{ background:#ebebeb; width:60px; height:40px;}

.page .page-link a{color:#808080; font-size:15px;}

.page .page-prev{ background:url(../images/left2.png) #ebebeb no-repeat 50%; width:40px; height:40px; background-size:20%;}

.page .page-next{ background:url(../images/right2.png) #ebebeb no-repeat 50%; width:40px; height:40px; background-size:20%;}

.page .page-prev:hover{background:url(../images/left3.png) #1dafd4 no-repeat 50%; width:40px; height:40px; background-size:20%;}

.page .page-next:hover{background:url(../images/right3.png) #1dafd4 no-repeat 50%; width:40px; height:40px; background-size:20%;}



/*返回顶部*/





/*style.css  s*************************************************************************************************************************************/

.honePrev,.waphonePrev{ position:absolute; z-index:55; top:50%; left:2%; margin-top:-30px; width:30px; height:60px; background:url(../images/sprite.png) -3px 3px rgba(0,0,0,.5) no-repeat; cursor:pointer;}

.honeNext,.waphoneNext{ position:absolute; z-index:55; top:50%; right:2%; margin-top:-30px; width:30px; height:60px; background:url(../images/sprite.png) -243px 3px rgba(0,0,0,.5) no-repeat; cursor:pointer;}





.home-banner li img{width:100%;}

.home-banner{ position:relative;}

.home-counter{ position:absolute; z-index:22; bottom:50px; left:0; width:100%;}

.home-counter li{ width:25%; float:left; text-align:center; color:#f1f1f1;}

.home-counter p{ font-size:18px;}

.home-counter h3{ font-weight:400; font-size:22px;}

.home-counter h3 span{ font-size:34px; border-bottom:1px solid #fff; margin-right:5px;}

.home-counter h3 i{ vertical-align:top;}

.home-title h2{ padding:90px 0 60px; text-align:center; position:relative; color:#323232; font-size:36px; font-weight:400;}

.home-product{ padding-bottom:100px;}

.home-product li a{ display:block; width:90%; padding:0 5%;}

.home-product li .txt{ height:180px; display:table; width:100%; text-align:center; border:1px solid #e0e0e0; margin-bottom:4px;}

.home-product li:hover .txt{ border:1px solid #1dafd4;}

.home-product li:hover .txt span{color:#1dafd4;}

.home-product li p{ font-size:22px; color:#4d4948; line-height:30px; height:30px; display:table-cell; vertical-align:middle; position:relative;}

.home-product li span{ position:relative; padding:10px 0; display:block; width:100%;}

.home-product li span:before{content:""; width:40px; height:1px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:#cfcfcf;}

.home-product li{max-width:290px;}

.home-product li .img,.home-product li .img img{width:100%; max-width:290px;}

.home-case li{max-width:290px;}

.home-case li img{ max-width:290px;}



.home-bg{ background:#f5f5f5; width:100%; padding-bottom:100px;}

.home-case li .txt{ height:50px; line-height:50px; text-align:center; margin-top:6px; background:#fff; font-size:16px; transition:.5s;}

.home-case li .txt p{color:#333;}

.home-case .swiper-slide-active .txt p{color:#fff;}

.home-case li:hover .txt p{color:#1dafd4;}

.home-case .swiper-slide-active:hover .txt p{color:#fff;}

.home-case ul{ min-width:100%;}

.home-case li { padding:120px 0 0px; text-align:center;}

.home-case li a{ margin:0 auto; width:77%; display:inline-block;}

.home-case li img{width:100%; transition:.5s; position:relative; z-index:5;}

.home-case li.swiper-slide-active a img{ transform:scale(1.6); transform-origin:bottom;}

.home-case li.swiper-slide-active a .txt{ transform:scaleX(1.6);}

.home-case li.swiper-slide-active a .txt P{ transform:scaleX(.6)}

.home-case .swiper-slide-prev{ text-align:left;}

.home-case .swiper-slide-next{ text-align:right;}

.home-case .swiper-slide-active .txt{ background:#1dafd4; color:#fff;}

.home-case{ position:relative;}

.home-case .arrow-left{ background:url(../images/sprite.png) 252px -13px; width:17px; height:29px;position:absolute; left:35%; top:25%; z-index:22;}

.home-case .arrow-right{ background:url(../images/sprite.png) 210px -13px; width:17px; height:29px;position:absolute; right:35%; top:25%; z-index:22;}

.home-case .arrow-left:hover{background:url(../images/sprite.png) 294px -13px;}

.home-case .arrow-right:hover{background:url(../images/sprite.png) 54px -13px;}

.home-new{ padding-bottom:100px;}

.home-new li{width:30%; margin-right:5%; float:left;}

.home-new li:nth-child(3n){ margin-right:0;}

.home-new li .img,.home-new li img{width:100%; transition:.5s;}

.home-new li .img{ overflow:hidden;height: 230px;}

.home-new li .txt{ padding:30px 35px; border:1px solid #e0e0e0; margin:8px auto;}

.home-new li .txt h2{ font-size:18px; color:#4d4948;/* white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/ font-weight:400; height:54px; line-height:27px; overflow:hidden;}

.home-new li .txt p{color:#838280; font-size:14px; line-height:20px; height:60px; overflow:hidden; margin:20px auto;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;

}

.home-new li .txt span{color:#595959; font-size:14px;}

.home-new li:hover img{ transform:scale(1.1);}

.home-new li:hover h2{ color:#1dafd4;}



.relative{position: relative;}

.position-full{position: absolute;width: 100%;height: 100%;top:0;left: 0;}

.home-new li .img .position-full{transition: all .4s;}

.home-new li:hover .img .position-full{transform:scale(1.1);}

/*产品详情*/

.conBanner,.conBanner img{width:100%;}

.proDeatil-swiper{ height:50px; line-height:50px; background:rgba(0,0,0,.5); margin-top:-50px; position:relative; z-index:66; overflow:hidden;}

.proDeatil-swiper li a{color:#fff; font-size:18px; width:100%; line-height:50px; display:block; text-align:center;}

.proDeatil-clear{margin:50px auto 0;}

.imgdet .imglist{position: relative; height: 100%; overflow: hidden; margin-left:8px;}

.imgdet .imglist ul li{ width:175px; height:108px; border: 2px solid #f5f5f5; background:#f5f5f5; margin-bottom:5px; box-sizing:border-box;}

.imgdet .imglist ul li:last-of-type{ margin-bottom: 0;}

.imgdet .imglist ul .active{ border: 2px solid #1dafd4;}

.imgdet .imglist ul li img{ width: 100%; height: 100%;}

.imgdet .imgpart{ vertical-align: top; position: relative;display: inline-block; width:780px; height: 460px; border:1px solid #dcdcdc;}



/*.proDeatil-zoom{ width:1100px;}

.imgdet .imgpart{width:78%;}

.imgdet .imglist{ width:20%;}

.imgdet .imglist ul li{ width:100%;}*/



.zoom-p .imgdet .imgpart{ width:99%;}

.imgdet .imgpart .pic{ position: relative; width: 100%;height: 100%;}

.imgdet .imgpart .pic .magnify{  display: none; position: absolute;top: 0; left: 0;width: 200px; height: 200px;

    cursor: move;background-color: #e9e9e9; border:2px solid #1dafd4; opacity: .3;filter:alpha(opacity=30);}

.imgdet .imgpart .pic img{ width: 100%; height: 100%; outline:1px solid #c8c8c8;}

.imgdet .imgpart .bigpic{display:none; position:absolute; top:0; right:-280px; width:250px; height:250px; z-index:333; border:1px solid #f1f1f1; overflow: hidden; background:#f5f5f5;}

.imgdet .imgpart .bigpic>img{position: absolute; top: 0; left: 0; width: 920px; height: 920px;}

.proDeatil-text .txt{margin-top:40px;}

.proDeatil-text h2{ font-size:28px; font-weight:400; color:#000;}

.proDeatil-text p{color:#8c8c8c; font-size:16px; line-height:32px; word-break:break-all; }

.proDeatil-title h2{ font-size:28px; font-weight:400; color:#000; text-align:center; margin:0 auto; position:relative; padding:50px 0 15px;}

.proDeatil-title h2:before{content:""; width:64px; height:1px; background:#000; position:absolute; bottom:0; left:50%; margin-left:-30px;}

.proDeatil-txt{ margin:50px auto 0;}

.proDeatil-txt p{ font-size:16px !important; line-height:28px !important; color:#999; text-align:center;}

.proDeatil-txt p em{ display:block;}

.proDeatil-DC{ margin:20px auto 0;}

.proDeatil-DC li{ width:25%; float:left; background:#f7f7f7; text-align:center; height:260px; position:relative;}

.proDeatil-DC li:before{content:""; width:6px; height:100%; background:#fff; position:absolute; top:0; right:0; z-index:6;}

.proDeatil-DC li:last-child:before{width:0;}

.proDeatil-DC li:after{content:""; width:0; height:2px; background:#e0e0e0; position:absolute; bottom:0; left:0; z-index:4; transition:.5s;}

.proDeatil-DC li p{ font-size:20px; line-height:32px; color:#333;}

.proDeatil-DC li i{ display:block; width:60px; height:60px; margin:40px auto 20px;}

.proDeatil-DC li .icon1{ background:url(../images/icon5.png) no-repeat center; background-size:cover;}

.proDeatil-DC li .icon2{ background:url(../images/icon6.png) no-repeat center; background-size:cover;}

.proDeatil-DC li .icon3{ background:url(../images/icon7.png) no-repeat center; background-size:cover;}

.proDeatil-DC li .icon4{ background:url(../images/icon8.png) no-repeat center; background-size:cover;}

.proDeatil-DC li:hover .icon1{ background:url(../images/icon9.png) no-repeat center; background-size:cover;}

.proDeatil-DC li:hover .icon2{ background:url(../images/icon10.png) no-repeat center; background-size:cover;}

.proDeatil-DC li:hover .icon3{ background:url(../images/icon11.png) no-repeat center; background-size:cover;}

.proDeatil-DC li:hover .icon4{ background:url(../images/icon12.png) no-repeat center; background-size:cover;}

.proDeatil-DC li:hover:after{ width:100%; background:#1dafd4;}

.proDeatil-cart{/* padding-bottom:20px;*/ margin:50px auto 0;}

.proDeatil-cart li{ width:32%; margin-right:2%; text-align:center; float:left; margin-bottom:30px;}

.proDeatil-cart li .img{ width:100%;

    /*background:#f2f2f2;*/

    overflow:hidden;display: flex;align-items: center;height: 234px;}

.proDeatil-cart li .img img{ max-width:100%; transition:.5s;max-height: 100%;}

.proDeatil-cart li:nth-child(3n){ margin-right:0;}

.proDeatil-cart li p{ margin-top:5px;}

.proDeatil-case{ background:#f5f5f5; padding-bottom:40px;}

.proDeatil-case ul{ margin:30px auto 0;}

.proDeatil-case li{ width:23.5%; margin-right:2%; float:left; text-align:center;}

.proDeatil-case li:nth-child(4n){ margin-right:0;}

.proDeatil-case li p{ height:70px; line-height:70px; color:#1d1d1d; font-size:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}

.proDeatil-case li .img{ width:100%; height:160px; overflow:hidden; position:relative;}

.proDeatil-case li .img img{max-width:90%; transition:.5s; max-height:90%; margin-top:2%;}

.proDeatil-case li .img:before{content:""; width:0; height:3px; background:#1dafd4; transition:.5s; position:absolute; left:0; bottom:0; display:none;}

.proDeatil-case li:hover .img:before{ width:100%;}

.proDeatil-case li:hover p{color:#1dafd4;}

.proDeatil-swiper li.on a{ background:#1dafd4; color:#fff;}



/*.proDeatil-child{ padding-left:90px;}*/



/*产品中心*/

.product-list{ padding-bottom:30px; margin:30px auto 0;}

.product-left{width:33%;}

.product-left li{ width:100%; height:270px; background:red; position:relative; margin-bottom:20px; }

.product-left li a,.product-middle li a{ display:block; height:100%;}

.product-middle{ width:31%; margin:0 1.5%;  }

.product-middle li{height:560px;}

.product-list li{background: -webkit-linear-gradient(top, #f6f6f6 , #f0f0f0); background: -o-linear-gradient(top, #f6f6f6, #f0f0f0); background: -moz-linear-gradient(top, #f6f6f6, #f0f0f0); background: -ms-linear-gradient(top, #f6f6f6, #f0f0f0); background: linear-gradient(top, #f6f6f6, #f0f0f0); position:relative;}

.product-list li:before{content:""; width:100%; height:4px; background:#e0e0e0; position:absolute; left:0; bottom:0; z-index:2;}

.product-list li:after{content:""; width:0; height:4px; background:#1dafd4; position:absolute; left:0; bottom:0; z-index:3; transition:.5s;}

.product-list li p{ font-size:22px; color:#000; position:absolute; top:40px; left:40px;}

.product-left li img{ position:absolute; bottom:30px; right:30px; transition:.5s; max-height:50%; max-width:60%;}

.product-middle li img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:.5s; width:75%;}

.product-list li:hover{background: -webkit-linear-gradient(top, #ebf6f9 , #d4eaef); background: -o-linear-gradient(top, #ebf6f9 , #d4eaef); background: -moz-linear-gradient(top, #ebf6f9 , #d4eaef);background: -ms-linear-gradient(top, #ebf6f9 , #d4eaef); background: linear-gradient(top, #ebf6f9 , #d4eaef);}

.product-list li:hover p{color:#1dafd4;}

.product-list li:hover:after{ width:100%;}

.product-left li:hover img{ transform:scale(.9);}

.product-middle li:hover img{ transform:scale(.95) translate(-50%,-50%);}



/*技术服务*/

.tech-clear{ padding:50px 1% 0;}

.tech-left{width:60%;}

.tech-right{ width:29%;}

.tech-clear img{width:100%;}

.tech-text p{ font-size:14px; color:#999; line-height:24px; margin-top:20px;}

.tech-list{ padding:30px 0;}

.tech-list li{width:23.5%; margin-right:2%; float:left; text-align:center; overflow:hidden;}

.tech-list li:nth-child(4n){ margin-right:0;}

.tech-list li img{ width:100%; transition:.5s;}

.tech-list li:hover img{ transform:scale(1.1);}



/*产业研发*/

.tech-web{ padding:50px 0 0;}

.tech-web .proDeatil-title h2{ padding:0 0 15px; margin-bottom:30px;}

.tech-clear  .proDeatil-title h2{ padding:0 0 15px; margin-bottom:30px;}

.tech-quality .proDeatil-title h2{ padding:0 0 15px; margin-bottom:20px;}

.contact .proDeatil-title h2{ padding:0 0 15px; margin-bottom:30px;}

.tech-web li{ width:18%; float:left; margin-right:2.5%; text-align:center; height:310px; outline:1px solid #e0e0e0;}

.tech-web li:last-child{ margin-right:0;}

.tech-web li h2{ font-size:28px; font-weight:400; color:#333; padding:50px 0 15px; position:relative; margin-bottom:30px;}

.tech-web li h2:before{ content:""; width:50px; height:1px; background:#333; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}

.tech-web li P{ font-size:20px; color:#999; line-height:36px;}



/*产业制造*/

.tech-make{ width:100%; text-align:center; padding:110px 0 60px;}

.tech-make img{ width:80%;}



/*质量*/

.tech-quality{ width:100%; text-align:center; padding:50px 0 0;}

.tech-quality img{ width:100%;}

.tech-text{ text-align:left;}



/*资料下载*/

.download{padding:20px 0 20px;}

.download li{width:32%; margin-right:2%; text-align:center; margin-top:30px; float:left;}

.download li .img{width:100%; overflow:hidden; position:relative;}

.download li .img img{width:100%;}

.download li:nth-child(3n){ margin-right:0;}

.download li .txt p{ font-size:20px; line-height:36px; color:#333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.download li .txt{ padding:20px 0;}

.download-table{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); display:none;}

.download-table a{ display:block; width:200px; height:60px; line-height:60px; text-align:center; outline:1px solid #fff; margin:10px auto; font-size:16px;color:#fff;}

.download-table .table-table{ width:100%; height:100%;}

.download-table i{ display:inline-block; vertical-align:middle; margin:-2px 5px 0 -5px;}

.download-table .icon1{ background:url(../images/icon13.png) no-repeat; width:14px; height:16px; background-size:cover;}

.download-table .icon2{ background:url(../images/icon15.png) no-repeat; width:14px; height:16px; background-size:cover;}

.download-table a:hover{ background:#fff; color:#1dafd4;}

.download-table a:hover .icon1{ background:url(../images/icon14.png) no-repeat; background-size:cover;}

.download-table a:hover .icon2{ background:url(../images/icon16.png) no-repeat; background-size:cover;}

.download li:hover .download-table{ display:block;}



video::-webkit-media-controls-enclosure {

    overflow:hidden;

}

video::-webkit-media-controls-panel {

    width: calc(100% + 30px);

}

/*=历史记录*/

.distory{ padding:50px 0; text-align:center;}

.distory ul{ display:inline-block;}

.distory-title{color:#666666; font-size:26px; margin-left:29%; margin-bottom:20px; text-align:left;}

.distory li{ margin-left:150px; position:relative; padding:10px 0 10px 70px; border-left:2px solid #e0e0e0;}

.distory li h2{color:#4c4c4c; font-size:36px; font-weight:400; position:absolute; top:50%; left:-150px; margin-top:-24px;}

.distory li h2:before{content:""; width:36px; height:1px; background:#e0e0e0; position:absolute; top:50%; left:100px;}

.distory li h2:after{content:""; width:36px; height:1px; background:#e0e0e0; position:absolute; top:50%; left:164px;}

.distory li i{width:18px; height:18px; border-radius:50%; background:#d5d5d5; border:8px solid #fff; display:block; position:absolute; top:50%; margin-top:-17px; left:0; margin-left:-17px;}

.distory li i:before{content:""; width:10px; height:10px; border-radius:50%; position:absolute; top:50%; margin-top:-5px; left:4px; background:#949494; z-index:5;}

.distory-cell{ border:1px solid #fff; padding:20px; display:block;}

.distory-cell .txt{ vertical-align:middle; display:table-cell; padding-left:25px; width:250px;}

.distory-cell .txt p{color:#8c8c8c; font-size:14px; line-height:22px; text-align:left !important; padding:3px 0; white-space:normal !important;}

.distory-cell .txt p span{ display:block; line-height:20px; white-space:normal !important;}



.distory li:hover .distory-cell{border:1px solid #1dafd4;}

.distory li:hover h2{color:#1dafd4;}

.distory li:hover i:before{ background:#1dafd4;}

.distory li:hover i{ background:#baebf8;}

.distory-more{ text-align:center;}

.distory-more a{width:138px; height:38px; text-align:center; line-height:38px; display:block; color:#666666; font-size:16px; border:1px solid #d6d6d6; background:#f2f2f2; margin:20px auto 0;}



.distory-title img{ height:58px; margin-top:-10px; margin-right:55px;}



/*古天乐代言太阳集团*/

.about{ padding:50px 0 30px;}

.about-top{ margin-bottom:20px;}

.about-left{    padding-bottom: 2%;padding-right: 2%;}

.about-right{/* width:620px;*/ padding:0 20px; float:none;}

.about-right p{color:#999999; font-size:18px; line-height:28px; margin-bottom:50px;}

.about-right p img,.about-right>img{ max-width:100%;display: block;height: auto !important;margin: 0 auto;}

.culture-top{ margin:50px auto 0;}

.culture-name{width:46%;}

.culture-name h2{color:#000000; font-size:26px; font-weight:400;}

.culture-name p{color:#808080; font-size:16px; line-height:24px; padding:10px 0 15px;}

.culture-name .img{ width:100%; overflow:hidden;}

.culture-name img{ width:100%; transition:.5s;}

.culture-icon{ background:#f7f7f7; margin:50px auto 0;}

.culture-icon ul{ padding:60px 5%;}

.culture-icon li{ width:25%; float:left; text-align:center;}

.culture-icon li p{color:#484848; font-size:20px; line-height:30px;}

.culture-icon li em{ display:block;}

.culture-icon li i{width:100px; height:100px; display:block; margin:0 auto 30px; border-radius:50%; border:1px solid #e6e6e6;}

.culture-icon li .icon1{ background:url(../images/icon17.png) #fff center no-repeat; background-size:40%;}

.culture-icon li .icon2{ background:url(../images/icon18.png) #fff center no-repeat; background-size:40%;}

.culture-icon li .icon3{ background:url(../images/icon19.png) #fff center no-repeat; background-size:50%;}

.culture-icon li .icon4{ background:url(../images/icon20.png) #fff center no-repeat; background-size:50%;}

.culture-menu{ padding:50px 0;}

.culture-menu li{width:30%; margin-right:5%; height:230px; float:left; text-align:center; outline:1px solid #e0e0e0; box-shadow:0 5px 3px #ccc;}

.culture-menu li h2{ position:relative; font-size:30px; font-weight:400; color:#000; padding:40px 0 20px; margin-bottom:25px;}

.culture-menu li h2:before{content:""; width:50px; height:1px; background:#4d4d4d; position:absolute; bottom:0; left:50%; margin-left:-25px;}

.culture-menu li em{ display:block;}

.culture-menu li p{color:#8c8c8c; font-size:18px; line-height:30px;}

.culture-menu li:nth-child(3){margin-right:0;}



/*宣传视频*/

.video { padding:50px 0;}

.video li{ width:48%; float:left; margin-right:4%; cursor:pointer;}

.video li .img{width:100%; overflow:hidden; position:relative;}

.video li img{width:100%;}

.video li i{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/play.png) rgba(0,0,0,.5) center no-repeat; opacity:0; transition:.5s;}

.video li:nth-child(2n){ margin-right:0;}

.video li p{ width:100%; height:78px; line-height:78px; outline:1px solid #dcdcdc; text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:5px auto 0; font-size:22px; color:#333333;}

.video li:hover i{ opacity:1;}

.video li:hover p{color:#1dafd4;}



.videoFixed{ position:fixed; z-index:666; transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); top:50%; left:50%; display:none; width:800px; }

.videoFixed video{width:100%;}

.video-icon{ position:absolute; left:50%; top:50%; margin:-1rem 0 0 -1rem; background:url(../images/video.png) no-repeat; background-size:cover; width:2rem; height:2rem;}

.home-video{ background:url(../images/3.jpg) no-repeat; background-size:cover; width:100%; height:320px;}



/*绒羽*/

.honor{ padding:50px 0;}

.honor .swiper-nav{ padding:0 100px; height:300px; position:relative; background:#f5f5f5;}

.honor .swiper-nav li{ margin-top:50px; height:200px; overflow:hidden; padding-bottom:5px; cursor:pointer;}

.honor .swiper-nav li span{ width:80%; display:block; margin:0 auto;}

.honor .swiper-nav li img{ width:100%; border:3px solid #f5f5f5;}

.honor .swiper-nav li.active-nav img{border:3px solid #1dafd4;}

.honor-down{ position:relative; margin-top:50px;}

.honor-down .honor-prev{ width:100px; height:100%; background:url(../images/left.png) #f5f5f5 center no-repeat; border-right:4px solid #fff; position:absolute; top:0; left:0; z-index:22; cursor:pointer;}

.honor-down .honor-next{ width:100px; height:100%; background:url(../images/right.png) #f5f5f5 center no-repeat; border-left:4px solid #fff; position:absolute; top:0; right:0; z-index:22; cursor:pointer;}

.honor-down .honor-prev:hover{background:url(../images/left1.png) #f5f5f5 center no-repeat;}

.honor-down .honor-next:hover{background:url(../images/right1.png) #f5f5f5 center no-repeat;}

.honor .swiper-content{width:49%;  overflow:hidden; background:#f1f1f1; position:relative;}

.honor .swiper-content li{ position:relative; height:100%;}

.honor .swiper-content ul{ height:100%;}

.honor .swiper-content li img{ max-height:100%; max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}



.honor-swiper{ width:46%; height:420px; padding:20px 2%; outline:1px solid #e0e0e0; position:relative;}

.honor-swiper li{ width:90%;}

.honor-swiper li p{ height:50px; line-height:50px; float:none;/*white-space:nowrap; text-overflow:ellipsis;*/ overflow:hidden; font-size:15px; color:#808080; cursor:pointer;}

.honor-swiper li p b{ margin:0 20px; color:#333;}

.honor-swiper .swiper-container{ height:100%;}

.honor-swiper  .swiper-scrollbar { background:#e6e6e6; border-radius:10px; position:absolute; right:30px;top:10%; height:80%; width:4px;}

.honor-swiper  .swiper-scrollbar .swiper-scrollbar-drag { background:#1dafd4; height:20%;}

.honor-swiper li p.on{background:#1dafd4; color:#fff;}

.honor-swiper li p.on b{color:#fff;}



.honor-swiper li p{ position:relative; padding-left:40px; line-height:normal;}

.honor-swiper li p b{ margin:0; position:absolute; top:13px; left:10px;}

.honor-swiper li p span{ display:inline-block; width:100%;}

.honor-swiper li .tSmall span{ line-height:23px; display:block;}

.honor-swiper li em{display:inline-block;  line-height:50px;}

.honor-swiper li .tSmall em{ line-height:23px; padding-top:2px;}

.honor-swiper li p.tSmall b{ line-height:28px; top:0;}



/*联系我们*/

.contact{ padding:50px 0;}

.contact-left{width:55%;}

.contact-left>img{width:100%;}

.contact-right{width:43%;}

.contact-right li{ margin-bottom:10px; padding:1% 0; cursor:pointer;}

.contact-right h2{ font-size:22px; font-weight:400; color:#000; margin-bottom:10px;}

.contact-right p{color:#8c8c8c; font-size:14px; line-height:26px;}

.contact-right i{ width:18px; height:18px; display:inline-block; vertical-align:middle; margin:-2px 5px 0 -5px;}

.contact-right .icon1{ background:url(../images/icon21.png) no-repeat;}

.contact-right .icon2{ background:url(../images/icon22.png) no-repeat;}

.contact-right .icon3{ background:url(../images/icon23.png) no-repeat;}

.contact-right .icon4{ background:url(../images/icon24.png) no-repeat;}

.contact-right .icon5{ background:url(../images/icon25.png) no-repeat;}



/**/

.concept-title{ font-size:36px; font-weight:400; text-align:center; color:#323232; position:relative; padding:50px 0 20px;}

.concept-title:before{content:""; width:60px; height:1px; background:#323232; position:absolute; bottom:0; left:50%; margin-left:-30px;}

.concept-list{ margin:30px auto 0;}

.concept-list li{ width:23.5%; margin-right:2%; text-align:center; float:left; margin-right:2%; padding:65px 0; background:#f7f7f7;}

.concept-list li:last-child{ margin-right:0;}

.concept-list li p{ margin-top:40px; font-size:24px; color:#333;}

.concept-clear{ padding:20px 0;}

.concept-img{ width:600px;}

.concept-img img{width:100%;}

.concept-txt { padding:0 2%;}

.concept-txt p{ font-size:15px; line-height:30px; color:#666; margin-bottom:20px;}

.concept-join{ padding-bottom:50px;}

.concept-join .left{ width:95%; padding-right:5%;}

.concept-join .left h2{color:#333333; font-size:20px; font-weight:400; position:relative; padding:15px 0; margin-bottom:20px; display:none;}

.concept-join .left h2:before{content:""; width:40px; height:1px; background:#333; position:absolute; bottom:0; left:0;}

.concept-join .left p{color:#8b8b8b; font-size:18px; line-height:26px;}

.concept-join .right{ width:20%; text-align:right; padding:0 20px;}

.concept-join .right a{width:208px; display:block; height:68px; line-height:68px; text-align:center; border:1px solid #eee; position:relative; font-size:18px; color:#1dafd4;}

.concept-join .right a:before{content:""; background:url(../images/icon30.png) no-repeat; width:10px; height:20px; position:absolute; top:50%; right:-20px; margin-top:-10px;}



/*加入我们*/

.join-text{ padding:50px 0 20px 0; position:relative;}

.join-text h2{ font-size:18px; color:#4c4c4c; font-weight:400; line-height:36px;}

.join-text>p,.join-text>div{color:#8c8c8c !important; font-size:16px !important; line-height:30px !important; }

.join-text>p a{color:#8c8c8c;}

.join-all{width:160px; position:relative; cursor:pointer; margin-bottom:20px;}

.join-select{width:100%; height:48px; line-height:48px; border:1px solid #e5e5e5; font-size:16px; color:#fff; position:relative; text-indent:20px; background:#1dafd4;}

.join-select i{ background:url(../images/icon31.png) no-repeat; width:11px; height:6px; position:absolute; top:22px; right:20px; transition:.6s;}

.join-select i.on{ transform:rotate(180deg);}

.join-option{ position:absolute; width:100%; top:50px; left:0; background:#fff; border:1px solid #e5e5e5; text-align:center; display:none;}

.join-option p{ line-height:45px; font-size:16px; color:#999; border-bottom:1px dashed #f4f4f4;}

.join-option p:hover{ background:#e6e6e6;}

.join-table{ padding-bottom:60px;}

.join-table table{width:100%;}

.join-table th{ font-size:15px; width:25%; color:#333; font-weight:400; background:url(../images/icon32.png); height:60px; line-height:60px;}



.join-top{ font-size:14px; color:#444; padding:18px 0; width:100%; border-bottom:1px solid #e1e1e1; cursor:pointer; background:#fff;}

.join-top span{ float:left; width:25%; text-align:center; font-size:14px; color:#808080; line-height:30px;}

.join-top span a{ display:inline-block; width:80px; height:30px; line-height:30px; background:#1dafd4; color:#fff; font-size:14px; text-align:center;}



.join-down{ padding:20px 100px 40px; background:#f7f7f7; display:none;}

.join-down h2{ font-size:18px; color:#333; font-weight:400; padding:30px 0 20px;}

.join-down p{ font-size:14px; line-height:24px; color:#999;}

.join-down a{ display:inline-block; width:120px; height:40px; line-height:40px; background:#1dafd4; color:#fff; font-size:16px; text-align:center; margin-top:30px;}

/*.currenRight{ text-align:right;}*/

.joinColor{background:#fff;}

.joinColor span{color:#1dafd4; }



/*员工风采*/

.egant .swiper-nav{ height:190px;}

.egant .swiper-nav li{ height:auto; margin:40px auto 0;}

.egant .swiper-content{ width:870px; text-align:center; height:auto;  margin:0 auto; float:none;  background:none;}

.egant .honner-top{ text-align:center;}

.egant .swiper-content li img{ width:94%; margin:0 auto; position:static; transform:translate(0);outline:4px solid #f5f5f5; border:10px solid #fff;}

.egant .swiper-content li{ padding:10px 0 5px;}

.egant .swiper-content li p{color:#999999; font-size:16px; padding:10px 0 0;}

.egant .honor-down{ margin-top:5px;}



/*培训发展*/

.training {margin-top:30px;}
.training ul{display: flex;flex-wrap: wrap;}
.training li{width:24%; float:left; margin-right:1.33%; outline:1px solid #e5e5e5; text-align:center;}

.training li:last-child{margin-right:0;}

.training li h2{ text-align:center; height:100px; line-height:100px; color:#fff; font-size:19px; font-weight:400;}

.training li:nth-child(1) h2{ background:#fa5849;}

.training li:nth-child(2) h2{ background:#efbd34;}

.training li:nth-child(3) h2{ background:#5cb078;}

.training li:nth-child(4) h2{ background:#54adb2;}

.training li:nth-child(5) h2{ background:#498bb2;}

.training li .txt{ padding:30px 0; display:inline-block; margin:0 auto;min-width: 174px;}

.training li .txt p{color:#4c4c4c; font-size:17px; line-height:38px; text-align:left; position:relative;}

.training li .txt p:before{content:""; width:6px; height:6px; border-radius:50%; background:#999; position:absolute; top:18px; left:-15px;}

.training-people{ margin:30px auto 0;}
.training-people ul{display: flex;flex-wrap: wrap;}
.training-people li{ width:24%; float:left; outline:1px solid #e5e5e5; text-align:center; padding:50px 0;}

.training-people li h2{ font-size:24px; color:#333; font-weight:400; margin-top:40px;}

.training-people li p{color:#808080; font-size:18px;}

.training-people li i{ background:url(../images/icon37.png) no-repeat; width:18px; height:11px; display:block; margin:20px auto;}

.training-people li:nth-child(2n){ outline:0; width:14%;}

.training-people li:nth-child(2n) img{ margin-top:35%;}

.training-icon { margin:30px auto 0; text-align:center;}

.training-icon h2{ font-size:22px; font-weight:400; color:#333; padding:20px 0 10px;}

.training-icon span{width:40px; height:1px; background:#666; display:block; margin:0 auto;}

.training-left li{height:210px; float:left; background:#f7f7f7; width:31%; margin-right:3.5%; margin-bottom:3.5%;}
.training-left li:nth-child(3n){margin-right: 0;}
.training-left{ width:68%;float: none;width: 100% !important;}

.training-right{width:32%;background:#f7f7f7; display: none !important;}

.training-right li{height:442px;}

.training-icon .table-table{ width:100%; height:100%;}

.training-menu{ padding:40px 0 80px;}

.training-menu li{ width:25%; float:left; text-align:center;}

.training-menu li .img{width:200px; height:170px; margin:0 auto 20px; position:relative; background:url(../images/icon45.png) no-repeat; background-size:cover;}

.training-menu li:nth-child(2) .img{background:url(../images/icon46.png) no-repeat; background-size:cover;}

.training-menu li:nth-child(3) .img{background:url(../images/icon47.png) no-repeat; background-size:cover;}

.training-menu li:nth-child(4) .img{background:url(../images/icon48.png) no-repeat; background-size:cover;}

/*.training-menu li em{ display:block;}*/

.training-menu li .table-table{ width:100%; height:100%;}

/*.training-menu li .img em{ font-size:18px; line-height:30px; color:#fff;}*/

.training-menu li .img p{ font-size:16px; line-height:30px; color:#fff;}

.training-menu li .txt{ font-size:20px; line-height:32px; color:#4c4c4c;}



/**/

.case{ padding:30px 0 30px;}

.case li{ width:32%; margin-right:2%; margin-bottom:2%; height:280px; background:#f5f5f5; position:relative; float:left;}

.case li a{ display:block; width:100%; height:100%;}

.case li:last-child{ margin-right:0;}

.case li:nth-child(1){width:58%;}

.case li:nth-child(2){ width:40%; margin-right:0;}

.case li img{ width:60%; position:absolute; bottom:10%; right:5%;}

.case li b{ font-size:22px; color:#000; font-weight:400; position:absolute; top:10%; left:5%;}

.case li:hover{background: -webkit-linear-gradient(top, #f5f5f5 , #e6f6fa); background: -moz-linear-gradient(top, #f5f5f5 , #e6f6fa); background: linear-gradient(top, #f5f5f5 , #e6f6fa); transition:.5s;}

.case li:hover b{color:#1dafd4;}



/**/

.caseDeatil-p{ margin:30px auto 0;}

.caseDeatil-p p{color:#8c8c8c; font-size:16px !important; line-height:28px !important;}

.caseDeatil-cell{ margin:30px auto 0;}

.caseDeatil-cell .txt{ padding-left:4%;}

.caseDeatil-cell .txt p{color:#8c8c8c; font-size:16px !important; line-height:28px !important;}

.caseDeatil-img{ margin:30px auto 0;}

.caseDeatil-img ul{ margin-bottom:25px; text-align:center;}

.caseDeatil-img li{width:23%; display:inline-block; margin-right:2%;/* float:left;*/ vertical-align:top;}

.caseDeatil-img li:last-child{ margin-right:0;}

.caseDeatil-img li img{ width:100%;}

.caseDeatil-img p,.caseDeatil-img>div{ line-height:28px !important; color:#8c8c8c; font-size:16px !important;}

.whiteBg{ background:#fff;}

.blodBg{ background:#f5f5f5; padding-bottom:55px;}



.caseDeatil-slide{ padding:0 60px; margin-top:30px; position:relative;}

.caseDeatil-slide li{ text-align:center;}

.caseDeatil-slide li img{ width:90%; margin:0 auto;}

.caseDeatil-prev{ background:url(../images/left.png) no-repeat; cursor:pointer; width:17px; height:29px; position:absolute; top:50%; left:10px; margin-top:-14.5px;}

.caseDeatil-next{ background:url(../images/right.png) no-repeat; cursor:pointer; width:17px; height:29px; position:absolute; top:50%; right:10px; margin-top:-14.5px;}



.caseDeatil-more li .img{ border:1px solid #e5e5e5;}

.caseDeatil-more li:hover .img{ border:1px solid #1dafd4;}

.caseDeatil-more li .img:before{ display:none;}

.caseDeatil-swiper li{ text-align:center; padding:190px 0 0;}

.caseDeatil-swiper li a{width:70%; display:inline-block; transition:.5s; position:relative; }

.caseDeatil-img li a,.proDeatil-cart li a{cursor:default;}

.caseDeatil-swiper li a img{width:100%;}

.caseDeatil-swiper li .txt{ position:absolute; bottom:0; left:0; background:rgba(0,0,0,.25); width:96%; color:#fff; font-size:12px; line-height:12px; padding:5px 2%; text-align:center; transform:translateY(50px); opacity:0; transition:.5s;}

.caseDeatil-swiper .swiper-slide-active a{ transform:scale(2); transform-origin:bottom;}

.caseDeatil-swiper .swiper-slide-active .txt{ transform:translateY(0); opacity:1;}

.caseDeatil-swiper .swiper-slide-prev{ text-align:left;}

.caseDeatil-swiper .swiper-slide-next{ text-align:right;}

.caseDeatil-swiper li:hover a:before{content:""; position:absolute; top:0; left:0; z-index:55; width:100%; height:100%; background: -webkit-linear-gradient(left, rgba(104,197,122,.5) , rgba(99,102,127,.8)); background: -moz-linear-gradient(left, rgba(104,197,122,.5) , rgba(99,102,127,.8)); background: linear-gradient(left, rgba(104,197,122,.5) ,rgba(99,102,127,.8)); transition:.5s;}

.caseDeatil-swiper .swiper-slide-active:hover a:before{ background:none;}



/**/

.proDeatil-set{ padding:0 60px 100px; margin-top:60px; position:relative;}

.caseDeatil-prev1{ background:url(../images/left.png) no-repeat; cursor:pointer; width:17px; height:29px; position:absolute; top:50%; left:10px; margin-top:-64.5px;}

.caseDeatil-next1{ background:url(../images/right.png) no-repeat; cursor:pointer; width:17px; height:29px; position:absolute; top:50%; right:10px; margin-top:-64.5px;}

.proDeatil-set li{ text-align:center; padding-bottom:10px;}

.proDeatil-set li a{ width:90%; display:inline-block;}

.proDeatil-set li img{width:100%; }

.proDeatil-set li p{height:60px; line-height:60px; border:1px solid #e0e0e0; color:#595959; margin-top:5px; font-size:19px;}

.proDeatil-set li:hover p{border:1px solid #0991b3; color:#0991b3;}



/**/

.caseDeatil-cell{ padding:0 2%;}

.caseDeatil-cell li{width:29%; text-align:center;}

.caseDeatil-cell li:first-child{ text-align:left; font-size:19px; color:#8c8c8c; line-height:34px;}

.caseDeatil-cell li img{width:95%;}



/*投资者关系*/

.financial{ padding:120px 0 50px;}

.financial li{ float:left; width:23.33%; padding:0 5%; margin-bottom:50px; cursor:pointer;}

.financial li img{ width:100%;}

.financial li .img{ width:100%; overflow:hidden; border:1px solid #ececec; position:relative;}

.financial li .img:before{content:""; background:url(../images/icon13.png) no-repeat #1dafd4 center; width:60px; height:50px; position:absolute; bottom:0; right:0; display:none;}

.financial li:hover .img:before{ display:block;}

.financial li p{ color:#000000; font-size:17px; margin:30px auto 0; text-align:center;}



/*公司广告*/

.adv{ padding:50px 0 20px;}

.adv a:hover h2{color:#1dafd4;}

.adv-img{width:56%;}

.adv-img img{width:100%;}

.adv-txt{width:36%; padding:0 4%;}

.adv-txt h2{  font-weight:400; color:#333;font-size:18px; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}

.adv-txt p{color:#a6a6a6;font-size: 15px; line-height: 30px; height: 90px; overflow: hidden; padding: 0; margin: 20px 0; display: block; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; position:relative;}



.adv-txt span{ font-size:15px; color:#666666; display:block;}

.adv-list{ padding-bottom:40px;}

.adv-list li{border-bottom:1px solid #ebebeb;}

.adv-list li:first-child{border-top:1px solid #ebebeb;}

.adv-list li a{ display:block; padding-right:200px; font-size:16px; color:#808080; height:58px; line-height:58px; position:relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-indent:20px;}

.adv-list li a span{ position:absolute; top:0; right:0;}

.adv-list li a i{ background:url(../images/icon14.png) no-repeat; background-size:cover; width:18px; height:21px; vertical-align:middle; display:inline-block; margin:-3px 35px 0 10px;}

.adv-list li:hover{background:#1dafd4;}

.adv-list li:hover a{color:#fff;}

.adv-list li:hover i{ background:url(../images/icon13.png) no-repeat; background-size:cover;}



/*股票信息*/

.stockNum{ padding:50px 0 40px;}

.stockNum table{width:100%; text-align:center; border:1px solid #e0e0e0;}

.stockNum th{ background:#f5f5f5; height:80px; font-size:21px; font-weight:400; line-height:80px; width:25%;border-bottom:1px solid #e0e0e0;}

.stockNum th.t1{ background:#1dafd4; color:#fff;border-bottom:3px solid #1289a7;}

.stockNum td{ padding:30px 0;}

.stockNum td .txt{ display:inline-block; text-align:left;}

.stockNum td.t1{ border-right:1px solid #e0e0e0;}

.stockNum td h2{color:#ff0000; font-size:48px;}

.stockNum td h2 img{ vertical-align:middle; margin:-10px 10px 0;}

.stockNum td p{color:#626262; font-size:17px; line-height:45px;}

.stockNum .stockNum-color{color:#ff0000;}

.stock-bd{ padding:30px 30px; outline:1px solid #e0e0e0; margin-bottom:30px;}

.stock-hd{border-bottom:2px solid #1dafd4; text-align:center; height:55px;}

.stock-hd a{width:25%; float:left; height:55px; line-height:55px; text-align:center; display:inline-block; color:#7b7b7b; font-size:17px; white-space:nowrap;}

.stockCenter{ display:inline-block; margin:0 auto; width:80%;}

.stock-hd a.on{ background:#1dafd4; color:#FFF;}

.stock-con{ display:none; text-align:center;}



/**/

.say{ padding:50px 0 30px;}

.say table{width:100%;}

.say th{ height:80px; line-height:80px; color:#4c4c4c; font-size:17px; font-weight:400; background:#f7f7f7;}

.say .t1{width:80%;}

.say .t2{width:20%;}

.say th.t2{ background:#ebebeb;}

.say th.t1{ text-align:left; text-indent:60px; color:#1dafd4;}

.say td.t1{ padding:30px 60px; border:1px solid #e0e0e0;}

.say td.t1 p{ font-size:16px; color:#9a9a9a; line-height:30px; margin-bottom:20px;}

.say td.t1 li{color:#999999; font-size:16px; line-height:30px; margin-top:10px;}

.say td.t1 li img{ vertical-align:middle; margin:-4px 5px 0 0;}

.say td.t1 li span{margin-right:20px;}

.say td.t2{ padding:15px 35px; border:1px solid #e0e0e0;box-sizing: border-box; border-left:0; position:relative;}

.say td.t2 img{width:100%;border:1px solid #e0e0e0;box-sizing: border-box; }

/*.say td.t2 li:before{content:""; background:url(../images/icon13.png) no-repeat #1dafd4 center; width:60px; height:50px; position:absolute; top:50%; left:50%; margin:-25px 0 0 -30px; background-size:30%;}*/



.say td.t2 li:hover .download-table{ display:block;}

.say .download-table a{width:80%; height:50px; line-height:50px;}



/*产业发布*/

.released .adv-img{width:55%; float:none; padding-right:20px;}

.released .adv-txt{width:45%; padding:0 3%; float:none; outline:1px solid #e5e5e5;}



/*品牌活动*/

.activitie { padding:50px 0 0;}

.activitie li{width:30%; margin-right:5%; float:left; margin-bottom:40px;}

.activitie li:nth-child(3n){ margin-right:0;}

.activitie li .img{ width:100%; overflow:hidden; position:relative;}

.activitie li .img:before{content:""; width:0%; height:3px; background:#1dafd4; position:absolute; bottom:0; left:0; transition:.5s; z-index:6;}

.activitie li .img img{width:100%; transition:.5s;}

.activitie li h2{color:#333333; font-size:21px; font-weight:400; margin-top:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.activitie li p{color:#999999; font-size:17px; margin-top:10px;}

.activitie li:hover img{ transform:scale(1.05);}

.activitie li:hover h2{color:#1dafd4;}

.activitie li:hover .img:before{width:100%;}



/*品牌活动详情*/

.actDeatil{ padding:50px 0 0;}

.actDeatil-clear{ padding-bottom:60px;}

.actDeatil-menu{color:#999999; font-size:19px; line-height:32px; margin-top:25px;}

.actDeatil-left h2{ font-size:25px; font-weight:400; color:#000;}

.actDeatil-left{width:45%; padding-right:5%;}

.actDeatil-left span{ font-size:19px;/* display:block;*/ margin-top:5px; color:#a6a6a6;}

.actDeatil-left ul{ padding:40px 0 25px;}

.actDeatil-left li{ font-size:19px; line-height:32px; color:#999;}

.actDeatil-left li b{ font-weight:400; color:#333;}

.actDeatil-left p,.actDeatil-left>div{font-size:14px; line-height:24px; color:#999;}

.actDeatil-left p b{ font-weight:400; color:#333;}

.actDeatil-right{width:50%;}

.actDeatil-right img{width:100%;}

.actDeatil-page{ padding:30px 0; border-top:1px solid #e0e0e0;}

.actDeatil-page a{ display:block; line-height:36px; color:#595959; font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.actDeatil-page a b{color:#999; font-weight:400; padding-right:20px; margin-right:20px; position:relative;}

.actDeatil-page a b:before{width:1px; height:16px; background:#e1e1e1; content:""; position:absolute; top:5px; right:0;}

.actDeatil-page a:hover{color:#1dafd4;}



/*新闻*/

.new{ margin:30px auto;}

.new li a{ display:block; padding-left:380px; position:relative;}

.new li img{ width:380px; height:200px; position:absolute; top:0; left:0;}

.new li .txt{ padding:0 60px; min-height:200px;}

.new li h2{color:#333333; font-size:18px; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.new li p{color:#999; font-size:15px; line-height:30px; height:90px; overflow:hidden; margin:30px 0 20px;display: block; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; position:relative;}

.new li span{color:#808080; display:block; font-size:15px;}

.new li{ padding:30px 0; border-bottom:1px solid #e0e0e0;}

.new li:first-child{ border-top:1px solid #e0e0e0;}

.new li:hover h2{color:#1dafd4;}



.newDeatil{ padding:45px 0 10px; max-width:900px; margin:0 auto;}

.newDeatil-title h2{ color:#000000; font-size:23px; font-weight:400;}

.newDeatil-title{ text-align:center;}

.newDeatil-title p{ font-size:17px; color:#a6a6a6; margin-top:35px;}

.newDeatil-title p span{ margin:0 20px;}

.newDeatil-text{ margin-top:30px; padding:20px 0 20px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}

.newDeatil-text p,.newDeatil-text td{color:#8c8c8c !important; font-size:15px !important;line-height:30px !important;}

/*.newDeatil-text p{color:#8c8c8c; font-size:18px; line-height:30px; margin-top:40px;}*/

.newDeatil-text img{ max-width:600px !important; width:600px !important; height:auto !important; display:block !important; margin:0 auto !important;vertical-align: bottom;}

.vate-hd span{width:16%; text-align:center; display:inline-block; height:60px; line-height:60px; font-size:17px; color:#4c4c4c; background:#f7f7f7; float:left; cursor:pointer;}

/*.vate-hd span.on{ background:#1dafd4; color:#fff;}*/

.vate-hd span:nth-child(2n){ width:12%; background:url(../images/icon36.png) no-repeat #fff center; background-size:15%;}

.vate-bd{ margin-top:60px;}

.vate-left{ /*padding:2.55%;*/ width:37%; outline:1px solid #e0e0e0;}

.vate-left img{width:100%;}

.vate-right{width:61%;}

.vate-right img{width:100%;}

.vate-con{ display:none;}

.vate-hd { margin:30px auto 0;}



.homeBg .header-option{color:#666; background:#fff;}

.homeBg .fixedSearch{ background:#f5f5f5;}

/**/

.newWidth{ width:200px;}

.say .swiper-container{width:100%;}

.newTabHd span{ display:none;}

.newTabHd span:first-child{ display:block;}

.newWidth-prev{ background:url(../images/left2.png) no-repeat; width:7px; height:13px; position:absolute; top:50%; left:8px; margin-top:-6.5px; cursor:pointer;}

.newWidth-next{ background:url(../images/right2.png) no-repeat; width:7px; height:13px; position:absolute; top:50%; right:8px; margin-top:-6.5px; cursor:pointer;}

.say td.t2 li{ position:relative;}

.say td.t2 li:before{ display:none;}

.say td.t2 li:hover:before{ display:block;}

.contact-hd{ display:none;}

.contact-hd>img{max-width:100%;}



.contact-right li.on{ background:#f9f9f9;}

.contact-left{/* height:580px;*/ overflow:hidden;}

.caseDeatil-swiper .swiper-slide-active .txt p{ transform:scale(.65);}

.honor .swiper-nav{ padding:30px 100px; height:auto; overflow:hidden;}

.honor .swiper-nav li{margin-top:0;}



.common{ overflow:hidden;}

.proDeatil-zoom{width:60%;}

.proDeatil-text{width:40%;}

.imgdet .imgpart{width:78.5%; height:auto;}

.imgdet .imglist{ width:19.3%; margin-left:1%;}

.imgdet .imglist ul li{width:96%; height:auto;  box-sizing:border-box;}







.searchRes{ padding:80px 0 60px; text-align:center;}

.searchRes h2{color:#333333; font-size:23px; font-weight:400;}

.searchRes p{width:600px; height:58px; line-height:58px; position:relative; background:#fff; border:1px solid #ebebeb; border-radius:5px; overflow:hidden; margin:25px auto 0;}

.searchRes p input{ width:100%; height:100%; text-indent:20px; font-size:14px; color:#999;}

.searchRes p input::placeholder{ font-size:14px; color:#999;}

.searchRes p i{ background:url(../images/icon55.png) no-repeat; width:22px; height:22px; display:block; position:absolute; top:18px; right:18px; cursor:pointer;}

.searchRes-left{width:24%; padding:0 2%; background:#fff;}

.searchRes-left h2{ line-height:50px; padding-top:20px; font-size:17px; font-weight:400; color:#4c4c4c; border-bottom:1px solid #e0e0e0; margin-bottom:10px;}

.searchRes-left p{ height:50px; line-height:50px; font-size:15px; color:#4c4c4c; text-indent:20px; cursor:pointer;}

.searchRes-left p.on{ background:#1dafd4; color:#fff;}

.searchRes-right{width:64%; background:#fff; padding:0 3%;}

.searchRes-tit{ line-height:50px; padding-top:20px; font-size:17px; font-weight:400; color:#4c4c4c; border-bottom:1px solid #e0e0e0; margin-bottom:10px;}

.searchRes-list li{ padding:22px 0; border-bottom:1px solid #e6e6e6;}

.searchRes-list li p{ color:#999; font-size:15px; line-height:26px; max-height:52px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box;

    -webkit-box-orient:vertical;-webkit-line-clamp:2; }

.searchRes-list li span{ color:#808080; font-size:15px; display:block; padding:12px 0;}

.searchRes-list li h2{ font-size:19px; font-weight:400; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.searchRes-clear{ margin-bottom:110px;}



.ng-class{pointer-events: none;}

.closeVideo{ background:url(../images/close.png) #1dafd4 center no-repeat; width:30px; height:30px; position:absolute; top:-10px; right:-10px; border-radius:50%; background-size:50%; z-index:999; cursor:pointer;}

.homeBg .header-search{margin-top:38px;}

/*.header-nav .navTop{ margin:0 13px;}*/

.header-fixed>.w1560,.footer>.w1560{max-width:1540px;}

.about-left{ width:55%; padding-bottom:2%; padding-right:2%;}

.about-left img{width:100%;}

.about-clear span{ width:48%; display:block;position: relative;}
.about-clear p{position: absolute;left: 0;width: 100%;line-height: 34px;font-size: 14px; background: rgba(0,0,0,.5);text-align: center;color: #fff;bottom:0;}





.about-right p{ font-size:15px; line-height:26px; margin-bottom:20px;}







.msg{ position:fixed; z-index:556; top:50%; left:50%; transform:translate(-50%,-50%); transform:-moz-translate(-50%,-50%); transform:-webkit-translate(-50%,-50%); width:640px; background:#fff; padding:50px 100px; display:none;}

.msg-title{color:#1dafd4; font-size:23px; text-align:center;}

.msg-list{margin:45px auto 0;}

.msg-list li{margin-bottom:15px;}

.msg-list li input{width:48%; height:40px; line-height:40px; background:#f2f2f2; border-radius:10px; color:#8c8c8c; font-size:15px; text-indent:20px;}

.msg-list .msg-email input{width:100%;}

.msg-list textarea{width:96%; height:140px; padding:10px 2%; background:#f2f2f2;color:#8c8c8c; font-size:15px; border-radius:10px;}

.msg-all{width:48%; cursor:pointer; position:relative;}

.msg-select{width:100%; height:40px; line-height:40px; border-radius:10px; background:#f2f2f2;color:#8c8c8c; font-size:15px; text-indent:20px; position:relative;}

.msg-select i{ background:url(../images/icon56.png) no-repeat; width:14px; height:7px; position:absolute; top:16.5px; right:20px; transition:.5s; transform:rotate(180deg);}

.msg-select i.on{ transform:rotate(0);}

.msg-select span{color:#333; display:inline-block; width:50%; text-align:right;}

.msg-option{ position:absolute; width:100%; top:40px; left:0; background:#f9f9f9; text-align:center; border-radius:10px; overflow:hidden; display:none; max-height:240px; overflow:auto;}

.msg-option p{ height:40px; line-height:40px; border-bottom:1px solid #e1e1e1; font-size:14px; color:#999;}

.msg-option p:hover{ background:#f2f2f2;}

.msg-list li a{background:#1dafd4; font-size:15px; color:#fff; display:block; width:100%; height:40px; line-height:40px; text-align:center; border-radius:10px;}

.msg-close{ background:url(../images/icon57.png) no-repeat; width:42px; height:42px; position:absolute; top:-40px; right:-40px; background-size:cover; cursor:pointer;}





.zoomTxt p{ display:none; position:absolute; z-index:55; bottom:10px; right:10px; font-size:19px; color:#ccc;}

.zoomTxt p:first-child{ display:block;}

.proDeatil-set li{ margin:0;}





.sp-wrap{width:98%;}

.sp-loading {text-align: center;max-width: 270px; font-size: 12px;color: #888;}

.sp-wrap {display: none;line-height: 0;font-size: 0;position: relative;}

.sp-thumbs {text-align: left;display: inline-block;}

.sp-thumbs img {min-height: 50px;min-width: 50px;max-width: 50px;}

.sp-thumbs a:link, .sp-thumbs a:visited {width: 50px;height: 50px;overflow: hidden;opacity: .3;display: inline-block;background-size: cover;background-position: center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}

.sp-thumbs a:hover {opacity: 1;}

.sp-thumbs a:active, .sp-current {opacity: 1!important;position: relative;}

.sp-large {position: relative;overflow: hidden;top: 0;left: 0; float:left; width:100%; border:1px solid #c8c8c8;}

.sp-large a {display: block;}

.sp-thumbs{ float:right; width:18%;}

.sp-thumbs a:link, .sp-thumbs a:visited{ display:block; width:100%; height:80px; outline:1px solid #e8e8e8; margin-bottom:10px;}

.sp-thumbs a:last-child{ margin-bottom:0;}

.sp-zoom {position: absolute;left: -50%;top: -50%;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;display: none;}

.sp-lightbox {position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: rgb(0, 0, 0);background: rgba(0, 0, 0, .9);z-index: 8888;display: none;cursor: pointer;}

.sp-lightbox img {position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;max-width: 90%;max-height: 90%;border: 2px solid #fff;}

#sp-prev, #sp-next {position: absolute;top: 50%;margin-top: -25px;z-index: 501;color: #fff;padding: 14px;text-decoration: none;background: #000;

    border-radius: 25px;border: 2px solid #fff;width: 50px;height: 50px;box-sizing: border-box;transition: .2s;}

#sp-prev {left: 10px;}

#sp-prev:before {content: '';border: 7px solid transparent;border-right: 15px solid #fff;position: absolute;top: 16px;left: 7px;}

#sp-next {right: 10px;}

#sp-next:before {content: '';border: 7px solid transparent;	border-left: 15px solid white;position: absolute;top: 16px;left: 18px;}

#sp-prev:hover, #sp-next:hover {background: #444;}

/*.sp-wrap img{width:100%;}*/

.sp-large a ,.sp-large a img{height:100%;}

.zoomTxt p{ display:none; position:absolute; z-index:55; bottom:10px; right:22%; font-size:19px; color:#ccc;}

.zoomTxt p:first-child{ display:block;}

.imgdet .imgpart{width:100%; border:0;}

.sp-large{width:80% !important; height:350px !important; overflow:hidden;}



.wapBanner,.wapConBanner{ display:none;}



.adv{ position:relative;}

.newLook{ background:url(../images/icon14.png) no-repeat; width:18px; height:21px; display:inline-block; position:absolute; bottom:22%; right:60px; background-size:cover;}



.newDown{ background:url(../images/icon49.png) no-repeat; width:18px; height:20px; display:inline-block; position:absolute; bottom:22%; right:30px; background-size:cover;}



.adv-list li .newLook1{ background:url(../images/icon49.png) no-repeat; width:18px; height:21px; display:inline-block; position:absolute; top:18px; right:5px; padding:0; background-size:cover; z-index:22;}

.adv-list li{ position:relative;}



.header-logo img{ width:220px;height: auto;}

.adv-list li:hover .newLook1  { background:url(../images/icon15.png) no-repeat; background-size:cover; }



.home-gdh i{ transition:1s;}

.home-gdh:hover i{ transform:rotate(360deg);}

.stockNum .down{ color:green !important;}

/**/

.header-nav>ul>li{ position:relative;}

.navTop{ height:90px;}

.header-nav .navTop a{ display:block;}

.navDown{ background:rgba(0,0,0,.35); position:absolute; min-width:100%; top:90px; left:50%; transform:-moz-translateX(-50%); transform:-webkit-translateX(-50%); transform:translateX(-50%); width:auto; display:none;}

.navDown a{ font-size:14px; color:#fff; display:block; height:40px; line-height:40px; text-align:center; white-space:nowrap; padding:0 5px;}

.navDown p:hover a{ background:#1dafd4;}



.homeBg .navDown{ background:#fff;}

.homeBg .navDown a{color:#666666;}

.homeBg .navDown a:hover{color:#fff;}



.actDeatil-page{ position:relative;}

.actDeatil-page .backList{ width:120px; height:35px; line-height:35px; border-radius:3px; border:1px solid #eee; text-align:center; position:absolute; top:65px; right:0; color:#333;}



.fixedH110{ position:absolute; top:-110px;}

.newScroll{ position:absolute; top:-160px;}





.mg110{ margin-top:-140px; background:red; z-index:999;}

.proDeatil-swiper{margin-top:90px;}



.caseDeatil-cell .img{width:48%;}

.caseDeatil-cell .img img{ width:90%;}

.caseDeatil-cell .txt{ padding-left:2%;}

.caseDeatil-cell .txt p{ text-align:justify;}



/*荣誉*/

.honor-swiper ul{ height:100%; overflow:auto;}

.honor .honor-swiper ul::-webkit-scrollbar {width: 10px; height: 1px;}

.honor .honor-swiper ul::-webkit-scrollbar-thumb { border-radius: 10px;  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);  background:#1dafd4; }

.honor .honor-swiper ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    border-radius: 10px; background:#e6e6e6;}

.honor .honor-swiper ul{scrollbar-face-color:#FB4446; /*滚动条3D表面（ThreedFace）的颜色*/

    scrollbar-highlight-color:#eee; /*滚动条3D界面的亮边（ThreedHighlight）颜色*/

    scrollbar-shadow-color:#eeeeee; /*滚动条3D界面的暗边（ThreedShadow）颜色*/

    scrollbar-3dlight-color:#eeeeee; /*滚动条亮边框颜色*/

    scrollbar-arrow-color:#f00; /*滚动条方向箭头的颜色 */

    scrollbar-track-color:#eee; /*滚动条的拖动区域(TrackBar)颜色*/

    scrollbar-darkshadow-color:#eee; /*滚动条暗边框（ThreedDarkShadow）颜色*/

}



.caseDeatil-swiper li .txt p{ margin:0 auto;}

.caseDeatil-swiper li .txt p span{ text-align:right;}

.caseDeatil-swiper li .txt p em{ text-align:left;}

.aliCenter{ display:inline-block; margin:0 auto; text-align:left;}

.w10{ display:inline-block; width:6px;}

.w20{width:24px; display:inline-block;}

.home-counter h3 span{ font-family:Verdana !important; font-size:32px;}

.newDeatil-text p.spk{ color:#333 !important; width:80%; margin:0 auto; line-height:30px;}

.newDeatil-text p.indext{ text-indent:30px !important;}

.newDeatil-text p.indext-right{ text-align:right !important;}





/*20210610 s*/

.searchBtn{display: inline-block;width: 15px;height: 14px;background: url("../images/sprite.png") -211px 92px;}

.irls{display: inline-block;margin: -2px 5px 0 -5px;width: 16px;height: 14px;vertical-align: middle;background: url("../images/sprite.png") -175px 93px;}

.izxly{display: inline-block;margin: -1px 5px 0 -5px;width: 14px;height: 14px;vertical-align: middle;background: url("../images/sprite.png") -136px 92px;}

.footer-right a:nth-child(5){border:0; display: inline-block;}

.footer-right a:nth-child(7){border:0;  display: inline-block; background: none; width: 30px; margin-left: 15px;}

/*20210610 e*/





/*20210617 s*/

.margin-b50{}

.padding-tb30{padding: 30px 0;}

.choose-year{margin-bottom: 30px;}

.pager{display: none;}

.clear:after{ content: ''; display: table; clear: both; }

.ggs99{border:1px solid #ddd;border-top: none;}

.ggs99 table{display: none;}

.year-value{font-size:16px;color: #333;}

.year-r{width: 88px;height: 27px;box-sizing: border-box;border:1px solid #ccc;line-height: 27px;position: relative;z-index: 9;cursor: pointer;}

.year-r:after{content: '';position: absolute;right: 7px;top:50%;margin-top: -2px;width: 5px;height: 5px;background: url("../images/dbx5.png") no-repeat center;background-size: cover;transition: all .3s;}

.year-r.active:after{transform: rotate(180deg);}

.year-num{font-size: 12px;color: #333;padding-left:7px;}

.year-list{position: absolute;width: 100%;border:1px solid #ccc;top:27px;left:-1px;display: none;}

.year-list a{display: block;background: #fff;font-size: 12px;padding-left: 7px;line-height: 24px;text-align: center;}

.year-list a:hover{background: #337ab7;color: #fff;}

.text-center{text-align: center;}

.fixed-style{position: fixed;z-index: 99999;width: 100%;height: 100%;top:0;left: 0;display: none;}

.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative;table-layout: fixed;}

.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}

.loading{width: 150px;}

.normal_post,.dheader{font-size: 0;display: flex;justify-content: space-between;border-top: 1px solid #ddd;}

.normal_post:nth-of-type(odd){background: #f9f9f9;}

.normal_post:hover{background: #f9f9f9;}

.ggs99 span{padding: 8px;display: inline-block;font-size: 14px;line-height: 1.42857143;vertical-align: top;box-sizing: border-box;}

.normal_post span:nth-child(1){display: none;}

.normal_post span:nth-child(2){display: none;}

.normal_post span:nth-child(3){width: 70%;}

.dheader span:nth-child(3){width: 70%;}

.normal_post span:nth-child(4){display: none;}

.ggs99 span:last-child{max-width: 300px;width: 30%;border-left: 1px solid #ddd;}

.normal_post a{color: #337ab7;}

.normal_post a:hover{color: #23527c;text-decoration: underline;}

.dheader span:nth-child(1){display: none;}

.dheader span:nth-child(2){display: none;}

.dheader span:nth-child(4){display: none;}

.dheader span{line-height: 24px;font-weight: bold;}

.dheader span:last-child{text-align: center;}





/*20210617 e*/







@media(max-width:1440px){
    .contact-right p{font-size: 13px;}
    .newScroll{ position:absolute; top:-140px;}

    .fixedH110{ position:absolute; top:-90px;}

    .header-fixed>.w1560,.footer>.w1560{max-width:1180px;}

    .homeBg .header-search{margin-top:38px;}

    .fixedSearch{ top:90px;}

    .contact-left{ height:460px;}

    .w1560{ max-width:1180px;}

    .header-nav .navTop{ margin:0 12px;}

    .header-nav .navTop a{ font-size:16px;}

    .footer-left ul{ margin-right:30px;}

    /*.header,*/.header-fixed,.h110{ height:90px;}

    .header-nav .navTop{ line-height:90px;}

    .header-logo img{ width:220px;}

    .header-all{ margin:33px 20px 0 5px;}

    .header-search{ margin-top:36px;}

    .header-logo{ margin-top:24px;}

    .proDeatil-zoom{ width:60%;}

    .zoom-p{ width:60%;}

    .proDeatil-text{ width:40%; padding-left:0;}

    .proDeatil-child{ width:39%; padding-left:1%;}

    .adv-txt h2{ font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

    .adv-txt p{ font-size:15px; line-height:30px; height:90px; overflow:hidden; padding:0; margin:20px 0;}

    .caseDeatil-cell{ padding:0;}

    .caseDeatil-cell .img{ width:48%;}

    .caseDeatil-cell .img img{width:90%;}

    .caseDeatil-cell .txt{ padding-left:2%;}

    .proDeatil-set{ padding:0 20px 50px;}

    .caseDeatil-next1,.caseDeatil-prev1{ margin-top:-34.5px;}

    .about-left{ width:55%; padding-bottom:2%; padding-right:2%;}

    .about-left img{width:100%;}

    .about-clear span{ display:block; width:48%;}

    .about-right{ width:100%; padding:0; float:none;}

    .culture-name p{ height:24px;}

    .honor .swiper-content{width:48%; height:auto;}

    .honor .honor-swiper{ width:48%; padding:20px 1%; /*height:320px !important;*/}

    .honor-swiper .swiper-scrollbar{ right:2%;}

    .honor-swiper li{ width:90%;}

    .honor .swiper-nav{ height:auto; padding:30px 60px;}

    .honor-down .honor-next,.honor-down .honor-prev{ width:60px;/* background-size:50%;*/}

    .honor .swiper-nav li{ margin:0; padding:0;}

    .honor .swiper-nav li span{ width:100%;}

    .honor .swiper-nav li span img{ width:85%; margin:0 auto; display:block ;}

    .training li{ width:19%; margin-right:1.25%; height:300px;}

    .training-right li{ height:440px;}

    .concept-clear{ padding:20px 0;}

    .concept-txt{ padding:0 2%;}

    .case li{height:280px;}

    .caseDeatil-swiper li .txt{ font-size:12px; line-height:12px;}





    /*font*/

    .proDeatil-text h2{ font-size:28px;}

    .proDeatil-text p{ font-size:16px; line-height:32px;}

    .proDeatil-title h2{ font-size:28px;}

    .proDeatil-txt p{ font-size:16px !important; line-height:28px !important;}

    .proDeatil-txt{ margin:35px auto 0;}

    .proDeatil-DC li p{ font-size:15px; line-height:28px;}

    .proDeatil-DC li{ height:250px;}

    .proDeatil-case li p{ height:50px; line-height:50px; font-size:15px;}

    .proDeatil-swiper li a{ font-size:15px;}

    .contact-right h2,.concept-list li p{ font-size:22px;}

    .contact-right p{ font-size:15px; line-height:28px;}

    .concept-title{ font-size:31px;}

    .concept-txt p,.concept-join .left p{ font-size:15px;}

    .concept-list li{ padding:45px 0;}

    .footer-left li b,.training-people li p{ font-size:15px;}

    .footer-left li a{ font-size:15px; display:block;}

    .training-icon h2{ font-size:20px;}

    .footer-right h2,.training li h2,.say th{ font-size:17px;}

    .footer-right h1,.training-people li h2{ font-size:21px;}

    .training li .txt p{ font-size:17px; line-height:38px;}

    .training-menu li .txt,.adv-list li a,.tech-web li P{ font-size:16px;}

    .join-table th,.financial li p{ font-size:15px;}

    .say td.t1 p,.say td.t1 li{ font-size:16px; line-height:30px;}

    .say td.t1 li span{ margin-right:25px;}

    .new li h2,.activitie li h2{ font-size:18px;}

    .new li p,.honor-swiper li p{ font-size:15px;}

    .newDeatil{ padding:45px 0 10px;}

    .newDeatil-title h2,.tech-web li h2{ font-size:23px;}

    .newDeatil-title p{ font-size:16px; margin-top:19px;}

    .actDeatil-page a,.activitie li p{ font-size:15px;}

    .tech-web li{ height:280px;}

    .tech-text p{ font-size:14px; line-height:24px; margin-top:20px;}

    .download li .txt p{ font-size:17px; line-height:32px;}

    .product-left li{ height:250px;}

    .product-middle li{ height:520px;}

    .product-list li p{ font-size:22px;}

    .about-right p{ font-size:15px; margin-bottom:30px;}

    .distory-title{ font-size:23px; margin-left:29.5%;}

    .distory-cell .txt p{ font-size:14px; line-height:22px;}

    .distory li h2,.home-title h2{ font-size:31px;}

    .culture-name p{ font-size:16px;}

    .culture-name h2{ font-size:23px;}

    .culture-icon li p,.culture-menu li p{ font-size:17px; line-height:28px;}

    .culture-menu li h2{ font-size:26px;}

    .video li p{ height:60px; line-height:60px; font-size:17px;}

    .home-product li p{ font-size:19px;}

    .home-product li .txt{ height:150px;}

    .home-title h2{ padding:50px 0 40px;}

    .actDeatil-left h2{ font-size:25px;}

    .actDeatil-left p{ font-size:14px;}

    .distory-title img{ height:43px; margin-right:65px;}

    .footer-right{margin-right: 20px;}

}

@media(max-width:1200px){

    .footer-left li b{ font-size:16px;}

    .header-nav .navTop a{ font-size:14px;}

    .footer-right h1{ font-size:20px;}

    .footer-right{margin-right:20px;}

    .footer-left li a{ font-size:14px;}

    .proDeatil-text h2{ font-size:28px;}

    .proDeatil-text p{ font-size:18px;}

    .proDeatil-text .txt{ margin-top:30px;}

    .proDeatil-txt p em{ display:initial;}

    .proDeatil-title h2{ font-size:28px;}

    .proDeatil-txt{ margin:30px 0 0;}

    .proDeatil-txt p{ font-size:14px !important; line-height:24px !important;}

    .proDeatil-DC li i{ margin:30px auto 10px;}

    .proDeatil-DC li{ height:220px;}

    .proDeatil-cart{ margin:40px auto 0; padding-bottom:30px;}

    .proDeatil-title h2{ padding:50px 0 15px;}

    .proDeatil-case ul{ margin:30px auto 0;}

    .w1560{ padding:0 2%;}

    .proDeatil-swiper li a{ font-size:16px;}

    .caseDeatil-cell .txt p{ font-size:14px !important; line-height:24px !important;}

    .caseDeatil-cell,.caseDeatil-p{ margin:30px auto 0;}

    .training li .txt{ padding:15px 10px 15px 20px; }

    .training li .txt p{ font-size:14px; line-height:30px;}

    .training li .txt p:before{ top:12px;}

    .concept-txt{ display:block;}

    .concept-img{ float:left; width:50%; padding-right:2%;}

    .actDeatil-left{ width:100%; float:none;}

    .actDeatil-right{ padding-left:2%;}

    .actDeatil-left h2{ font-size:24px;}

    .actDeatil-left ul{ padding:20px 0;}



    /*.imgdet .imgpart{ width:100%; height:auto;}

    .imgdet .imglist{ margin-left:0; margin-top:15px;}

    .imgdet .imglist ul li{ float:left; width:24%; height:auto;}*/

    /*.proDeatil-zoom{ width:52%;}

    .proDeatil-text{ width:46%;}*/

    .say td.t2{ width:auto; padding:20px;}

    .footer{ padding:30px 0;}

    .culture-menu li p{ display:inline; font-size:16px;}

    .footer-left ul{ margin-right:25px;}



}

@media(max-width:1024px){

    .header-search{ display:none;}

    .fixedSearch{position:fixed; z-index:888; bottom:12px; right:12px; width:160px; height:40px; line-height:40px; top:auto;}

    .fixedSearch a{ top:13px; right:13px;}

    .footer{ padding:0;}

    .footer-left{ display:none;}

    .footer-clear{ text-align:center; display:inline-block; margin:0 auto;}

    .footer-bg{ text-align:center; padding:30px 10px;}

    .footer-right{ float:left; text-align:left; margin:0 20px;}

    .footer-logo{ margin-bottom:30px;}

    .header-fixed,.h110{ height:70px;}

    .header-logo{ margin-top:14px;}

    .header-nav .navTop{ line-height:50px;}

    .header-more{ display:block; margin:17px 5px 0; position:relative; z-index:557;}

    .header-more span{width:30px; height:2px; display:block; background:#fff; margin-top:8px; transition:.5s;}

    .rotate span{ background:#fff;}

    .rotate span:nth-child(1){ transform:rotate(-135deg); transform-origin:center; margin-top:15px;}

    .rotate span:nth-child(2){ display:none;}

    .rotate span:nth-child(3){ transform:rotate(135deg); transform-origin:center; margin-top:-2px;}

    .homeBg .header-more span{ background:#000;}

    .header-nav{ position:fixed; z-index:556; top:0; left:0; width:100%; height:100%; display:none;}

    .header-nav ul{margin:70px 0 40px; height:calc(100% - 130px); width:100%; overflow:auto; background:#f1f1f1;}

    .header-nav>ul>li{ width:94%; margin:0 3%; float:none; border-bottom:1px solid #e5e5e5;}

    .header-nav .navTop a{ width:100%; height:100%; display:block; color:#666;}

    .header-user{ position:fixed; z-index:666; bottom:0; left:0; width:94%; background:#aaa; height:64px; padding:0 3%; display:none;}

    .header-search{ margin-top:7px;}

    .header-all{ margin:20px 20px 0 5px;}

    .header-option{ display:block; position:static;}

    .header-select{ display:inline-block; color:#fff !important;}

    .header-select i{ display:none;}

    .header-option{ display:inline-block; width:auto;}

    .header-option p:first-child:before{ left:-18px; right:auto;}

    .header-option p{ display:inline-block; position:relative; margin:0 15px;}

    .header-option p:first-child:before{content:""; width:1px; height:12px; background:#fff; position:absolute; top:5px; right:-18px;}

    .home-counter{ bottom:20px;}

    .home-title h2{ padding:40px 0 30px;}

    .home-product li p{ font-size:16px;}

    .home-new li .txt{ padding:10px 2%;}

    .product-list li p{ font-size:20px; left:5%; top:10%;}

    .adv-list li a{ height:58px; line-height:58px; font-size:14px;}

    .adv-txt h2{ white-space:normal; font-size:16px;}

    .adv-txt p{font-size:14px; line-height:26px; height:52px; }

    .adv-txt span{ font-size:14px;}

    .tech-web li h2{ font-size:20px; padding:40px 0 15px;}

    .tech-web li P{ font-size:14px; line-height:26px;}

    .tech-web li{ height:200px;}

    .tech-web{ padding:30px 0 20px;}

    .tech-text p{ font-size:14px; line-height:24px; margin-top:15px;}

    .tech-web li P{ display:initial;}

    .caseDeatil-cell li:first-child{ font-size:14px; line-height:26px;}

    .caseDeatil-slide li img{ width:95%;}

    .caseDeatil-prev{ left:5px;}

    .caseDeatil-next{ right:5px;}

    .caseDeatil-slide{ margin-top:30px;}

    .blodBg{ padding-bottom:50px;}

    .about-right p,.culture-menu li{ font-size:16px; line-height:30px; margin-bottom:30px;}

    .about{ padding:40px 0;}

    .culture-name{width:49%;}

    .culture-menu li em{ display:inline;}

    .culture-menu li{ width:32%; margin-right:2%;}

    .contact{ padding:30px 0;}

    .contact-left{ width:100%;}

    .contact-right{ width:100%; margin-top:30px;}

    .training-right li{ height:435px;}

    .join-down{ padding:10px 2% 30px;}

    .case li{height:240px;}

    .case{ padding:30px 0;}

    .case li b{ font-size:20px;}

    .activitie{ padding:30px 0 0;}

    .activitie li{ width:32%; margin-right:2%;}

    .activitie li h2{ font-size:16px; line-height:26px; height:26px; overflow:hidden; margin-top:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

    .activitie li p{ font-size:14px; margin-top:5px;}

    .financial{ padding:30px 0 10px;}

    .financial li p{ font-size:14px; line-height:20px; height:40px; overflow:hidden; margin:10px auto 0;}

    .financial li{ width:29.33%; padding:0 2%; margin-bottom:20px;}

    .stock-con img{ max-width:100%;}

    .say td.t1{ width:60%; padding:2%;}

    /*.say td.t2{width:40%; padding:1%;}*/

    .say th{ font-size:16px; height:60px; line-height:60px;}

    .say td.t1 p,.say td.t1 li{ font-size:16px; line-height:30px;}

    .newDeatil{ padding:40px 0 10px;}

    .newDeatil-title h2{ font-size:24px;}

    .newDeatil-title p{ margin-top:20px; font-size:16px;}

    .newDeatil-text{margin-top:20px;}

    .newDeatil-text p{ font-size:16px; line-height:26px; margin-top:20px; padding:10px 0 20px;}

    .videoFixed{width:90%;}

    .download{ padding:20px 0 20px;}

    .download li .txt{ padding:5px 0 15px;}

    .download li .txt p{ font-size:16px; line-height:26px;}

    .homeBg .header-search{margin-top:10px;}

    .homeBg .header-option{color:#fff; background:none;}



    .msg{ padding:40px 3% 20px; width:90%;}

    .msg-close{width:30px; height:30px; right:0; top:0;}

    .msg-list{ margin:25px auto 0;}

    .proDeatil-case li .img{height:135px;}

    .adv-list li .newLook1{ top:18px;}

    .navTop{ height:50px;}

    .navDown{ position:static; width:100%; margin:0; transform:translateX(0);}

    .header-nav .navTop a:hover{ color:#7a7a7a;}

    .home-product li,.home-product li .img,.home-product li .img img{max-width:none;}

}





@media(max-width:768px){

    .zoom-p .imgdet .imgpart{ width:100%;}

    .home-counter{ position:static; padding:20px 0; border-bottom:1px solid #e5e5e5;}

    .home-counter li{color:#333;}

    .home-counter h3,.home-counter p{ font-size:16px;}

    .home-counter h3 span{ font-size:22px;}

    .home-product,.home-bg,.home-new{ padding-bottom:30px;}

    .home-case .arrow-right,.home-case .arrow-left{ display:none;}

    .home-case li{ padding:11% 0 0;}

    .home-case li .txt{ height:40px; line-height:40px; font-size:14px;}

    .home-new li{width:49%; margin-right:2%;}

    .home-new li:nth-child(2){margin-right:0;}

    .home-new li:nth-child(n+3){ display:none;}

    .home-product li a{ width:96%; padding:0 2%;}

    .proDeatil-zoom{width:100%;}

    .proDeatil-text{width:100%; margin-top:20px; padding:0;}

    .proDeatil-clear{ margin:20px auto 0;}

    .proDeatil-DC{ margin:30px auto 0;}

    .proDeatil-cart li p img{ width:30%;}

    .proDeatil-case{ padding-bottom:30px;}

    .proDeatil-title h2{ padding:50px 0 15px;}

    .conBanner{ height:240px; overflow:hidden;}

    .conBanner img{ width:auto; height:100%;}

    .proDeatil-swiper .w1560{ padding:0;}

    .proDeatil-swiper li a{ font-size:14px;}

    .product-left{width:100%;}

    .product-left li{ margin-bottom:0; height:200px;}

    .product-list li{width:50%; float:left;}

    .product-middle{ width:100%; margin:15px 0;}

    .product-middle li{ width:100%;  height:180px;}

    .product-middle li img{ width:auto; height:50%; left:40%; top:auto; right:5%; bottom:15%; transform:translate(0);}

    .released .adv-img{ width:100%; display:block; padding:0;}

    .released .adv-txt{ width:96%; padding:15px 2%; display:block;}

    .adv{ padding:30px 0;}

    /*.adv-list li a i{ margin:-3px 20px 0 5px;}*/

    .adv-list li a{ padding-right:120px; text-indent:5px;}

    .page{ margin:20px auto 30px;}

    .caseDeatil-p p{ font-size:14px !important; line-height:24px !important;}

    .caseDeatil-cell .img{ width:100%; display:block;}

    .caseDeatil-cell .txt{ width:100%; display:block; padding:0; margin-top:20px;}

    .caseDeatil-cell li{ width:49%; margin-right:2%; display:block; float:left;}

    .caseDeatil-cell li img{width:100%;}

    .caseDeatil-cell li:last-child{margin-right:0;}

    .caseDeatil-cell li:first-child{ width:100%;margin-right:0; margin-bottom:15px;}

    .proDeatil-set{ margin-top:30px; padding:0 3% 50px;}

    .proDeatil-set li a{width:96%;}

    .proDeatil-set li p{ font-size:14px; height:45px; line-height:45px;}

    .caseDeatil-next1{ right:-5px;}

    .caseDeatil-prev1{ left:-5px;}

    .distory{ padding:60px 0;}

    .distory li{ margin-left:100px;}

    .distory li h2{ left:-100px;}

    .distory li h2:after{ width:0;}

    .distory li{ padding:20px 0 20px 40px;}

    .distory-cell{ padding:2%;}

    .distory-cell .txt p{ font-size:14px; line-height:22px;}

    .distory-cell .img img{width:160px;}

    .distory-title{ margin:0 auto 30px;  text-align:center;}

    .culture-top,.culture-icon{ margin:40px auto 0;}

    .culture-icon ul{  padding:30px 0;}

    .culture-icon li{ width:23%; padding:0 1%;}

    .culture-icon li i{width:60px; height:60px; margin-bottom:15px;}

    .culture-icon li p{ font-size:14px; line-height:26px;}

    .culture-icon li p em{ display:inline;}

    .honor{ padding:30px 0;}

    .training li{ width:32%; margin-right:2%; margin-bottom:15px;}

    .training li:nth-child(3),.training li:last-child{margin-right:0;}

    .concept-title{ padding:40px 0 20px;}

    .training li h2{ height:50px; line-height:50px; font-size:18px;}

    .training-people li{ padding:20px 0;}

    .training-people li:nth-child(2n){ display:none;}

    .training-people li{ width:33%;}

    .training-people li h2{ font-size:16px;}

    .training-people li p{ font-size:14px;}

    .training-people,.training-icon{ margin:40px auto 0;}

    .vate-hd span:nth-child(2n){ display:none;}

    .vate-hd span{ width:25%; font-size:14px;}

    .training-menu li{ width:50%; margin-bottom:20px;}

    .training-menu li .img{ margin:0 auto 10px;}

    .concept-title{ font-size:20px;}

    .training-menu{ padding:40px 0;}

    .concept-txt p{ font-size:14px; line-height:26px; margin-bottom:15px;}

    .concept-clear{ padding:20px 0 10px;}

    .concept-join .right a{ width:108px; height:40px; line-height:40px;}

    .concept-join .left{ width:100%; padding:0;}

    .concept-list li{ padding:30px 0;}

    .concept-list li img{ width:80px; height:80px;}

    .join-all{ width:120px;}

    .join-select{text-indent:10px;}

    .join-text{ padding:30px 0 30px 0;}

    .caseDeatil-img p, .caseDeatil-img>div{ font-size:14px !important; line-height:24px !important;}

    .caseDeatil-img{ margin:30px auto 0;}

    .caseDeatil-swiper li{ padding:150px 0 0;}

    .caseDeatil-swiper .swiper-slide-active .txt{ line-height:12px;}

    .caseDeatil-swiper .swiper-slide-active .txt p{ transform:scale(.7);}

    .proDeatil-cart li p{ height:52px;}

    .actDeatil{ padding:30px 0;}

    .actDeatil-left h2{ font-size:20px;}

    .actDeatil-left li{ font-size:16px; line-height:30px;}

    .actDeatil-menu,.actDeatil-left span,.actDeatil-left p,.actDeatil-page a{ font-size:14px;}

    .financial li{ width:31.33%; padding:0 1%;}

    .adv-img{ width:100%;}

    .adv-txt{ width:100%; padding:0; margin-top:20px;}

    .adv-txt p{ margin:5px 0 10px;}

    .stock-bd{ padding:2%; margin-bottom:30px;}

    .stockNum{ padding:30px 0;}

    .stockNum th.t1{ font-size:16px;}

    .stockNum td p{ font-size:14px; line-height:30px;}

    .stockNum td h2{ font-size:30px;}

    .stockNum td{ padding:15px 0;}

    .stockNum th{ height:60px; line-height:60px;}

    .say td.t1 li span{ display:block;}

    .say{ padding:30px 0;}

    .new li img{width:190px; height:100px;}

    .new li a{ padding-left:190px; }

    .new li .txt{ padding:0 2%; min-height:inherit;}

    .new li h2{ font-size:16px;}

    .new li p{ font-size:14px; line-height:20px; height:40px; margin:10px 0;}

    .new li{ padding:15px 0;}

    .new{ margin:10px auto 0;}

    .video li p{ font-size:14px; height:38px; line-height:38px;}

    .video li{ width:49%; margin-right:2%; margin-bottom:15px;}

    .video{ padding:30px 0;}

    .download li{width:49%; margin-top:10px;}

    .download li:nth-child(3n){margin-right:2%;}

    .download li:nth-child(2n){margin-right:0;}

    .bigpic,.imgdet .imgpart .pic .magnify{ display:none !important;}

    .proDeatil-case li .img{height:100px;}

    .newLook,.newDown{ bottom:48px;}

    .footer-logo img{ width:280px;}

    .caseDeatil-img li{ float:left;}

    .newWidth-prev{ top:80%; width:50px; height:30px; line-height:30px; background:url(../images/left3.png) #1dafd4 center no-repeat; z-index:55;}

    .newWidth-next{ top:80%; width:50px; height:30px; line-height:30px; background:url(../images/right3.png) #1dafd4 center no-repeat; z-index:44;}

    .newDeatil-text img{ max-width:100% !important;}

    .adv-list li a i{margin:-3px 25px 0 5px;}

}



@media(max-width:640px){

    .proDeatil-text h2,.proDeatil-title h2{ font-size:20px;}

    .proDeatil-text .txt{margin-top:15px;}

    .proDeatil-text p,.proDeatil-txt p{ font-size:14px !important; line-height:24px !important;}

    .proDeatil-DC li{ height:150px;}

    .proDeatil-DC li:before{ width:1px;}

    .proDeatil-DC li i{width:30px; height:30px; margin:20px auto 10px;}

    .proDeatil-DC li p{ font-size:12px; line-height:26px;}

    .proDeatil-case li{width:49%; margin-right:2%;}

    .proDeatil-case li:nth-child(2n){margin-right:0;}

    .proDeatil-case li p{ font-size:16px; height:50px; line-height:50px; margin-bottom:20px;}

    .product-list li p{ font-size:14px;}

    .product-list{ margin:30px auto 0; padding-bottom:30px;}

    .tech-clear{ padding:30px 0 0;}

    .tech-left{width:100%;float: none;}

    .tech-right{width: 80%;margin: 5% auto 0;float: none;}

    .tech-text p{ font-size:14px; line-height:24px; margin-top:15px;}

    .tech-list{ padding:30px 0;}

    .tech-web li{width:32%; margin-right:2%; margin-bottom:2%;}

    .tech-web li:nth-child(3){margin-right:0;}

    .tech-make,.tech-quality{ padding:50px 0 10px;}

    .tech-make img{ width:100%;}

    .distory-title img{ width:40px;}

    .distory-title{ font-size:24px;}

    .distory li{ margin-left:50px;}

    .distory li h2{ font-size:16px; left:-53px; margin-top:-10px;}

    .distory li h2:before{ display:none;}

    .distory li{ padding:10px 0 10px 10px;}

    .distory-cell .txt{ padding-left:10px;}

    .about-left{ width:100%; float:none;}

    .about-right p{ margin-bottom:10px;}

    .culture-name{width:100%; margin-bottom:15px;}

    .culture-name h2{ font-size:20px;}

    .culture-name p{ height:auto; font-size:14px; line-height:24px; padding:5px 0;}

    .culture-menu li h2{ font-size:20px; padding:20px 0 10px;}

    .culture-menu li p{ font-size:14px; line-height:26px;}

    .culture-menu li{ height:180px;}

    .honor .swiper-content{ width:100%;}

    .honor .honor-swiper{ width:98%;}

    .honor{ padding:30px 0;}

    .honor-swiper li p{/* height:40px; line-height:40px;*/ font-size:14px;}

    .honor-down{margin-top:40px;}

    .honor .swiper-nav{padding:30px 20px;}

    .honor-down .honor-next,.honor-down .honor-prev{ width:20px; }

    .contact-right h2{ font-size:20px;}

    .contact-right p{ font-size:14px; line-height:26px;}

    .training-left{ width:100%;}

    .training-left li{ width:32%; margin-right:2%;}

    .training-left li:nth-child(3n){margin-right:0;}

    .training-right{ width:100%;}

    .training-right li{ height:160px;}

    .vate-bd{ margin-top:30px;}

    .vate-left{ width:96%; padding:2%;}

    .vate-right{ width:100%;}

    .concept-list li p{ font-size:16px; margin-top:20px;}

    .concept-list li{ padding:15px 0;}

    .concept-list li img{width:50px; height:50px;}

    .concept-join .left p{ font-size:14px;}

    .join-text h2{ font-size:16px;}

    .join-text>p{ font-size:14px; line-height:26px;}

    .join-all{ width:100px; position:relative;}

    .join-select{ font-size:14px; height:38px; line-height:38px;}

    .join-select i{ top:17px; right:3px;}

    .join-text{ padding:30px 0 0; }

    .egant .swiper-content li p{ font-size:16px; padding:15px 0 0;}

    .case li{ height:140px;}

    .case li img{ width:60%;}

    .caseDeatil-swiper .swiper-slide-active .txt{ line-height:10px;}

    .caseDeatil-swiper .swiper-slide-active .txt p{ transform:scale(.5);}

    .proDeatil-set li p{ height:35px; line-height:35px; font-size:13px;}

    .activitie li{ width:49%; margin-right:2%; margin-bottom:20px;}

    .activitie li:nth-child(3n){margin-right:2%;}

    .activitie li:nth-child(2n){margin-right:0;}

    .actDeatil-page a{ font-size:14px;}

    .actDeatil-left{ padding:0;}

    .actDeatil-right{ width:100%; padding:0; margin-bottom:15px;}

    .actDeatil-left ul{ padding:8px 0;}

    .actDeatil-menu{ line-height:26px; margin-top:10px;}

    .actDeatil-clear{ padding-bottom:30px;}

    .actDeatil-page{ padding:15px 0;}

    .proDeatil-txt{ margin:10px auto 0;}

    .financial li{ width:48%; padding:0 1%;}

    .stockNum th{ height:auto; padding:10px 0; line-height:24px;}

    .stockNum th.t1{ font-size:14px;}

    .stockNum td p{ font-size:12px; line-height:30px;}

    .stockNum td h2{ font-size:20px;}

    .stockNum td h2 img{ width:12px; margin:-3px 3px 0;}

    .stock-hd a{ width:25%; height:40px; line-height:40px; font-size:14px;}

    .say td.t1{ width:60%; padding:2%;}

    .say td.t2{ padding:5px;}

    .say td.t2 img{ width:100%;}

    .say td.t1 p, .say td.t1 li{ font-size:14px; line-height:22px;}

    .newDeatil-title h2{ font-size:20px;}

    .newDeatil-title p span{ margin:0 10px; font-size:14px;}

    .newDeatil-text p{margin-top:0; padding:5px 0;}

    .newDeatil-text p{ font-size:14px; line-height:26px;}

    .newDeatil-text{ padding:20px 0;}

    .videoFixed{width:96%;}

    .download li .txt p{ font-size:14px; line-height:22px;}

    .newWidth{ width:160px;}



    .say td.t2 li:before{ display:block; margin:-12.5px 0 0 -15px; width:30px; height:25px;}

    .imgdet .imgpart{width:100%;}

    .imgdet .imglist{ width:100%; margin-left:0; margin-top:10px;}

    .imgdet .imglist ul li{ width:24%; float:left; margin-right:1.33%;}

    .imgdet .imglist ul li:last-child{margin-right:0;}



    .searchRes{ padding:50px 0 20px;}

    .searchRes p{ width:100%; height:43px; line-height:43px;}

    .searchRes-left{ width:96%; height:auto !important;}

    .searchRes-right{ width:94%; margin-top:15px;}

    .searchRes-left p{ float:left; width:50%; text-align:center; text-indent:0;}

    .new li span{ font-size:14px;}

    .culture-menu li{ width:100%; height:auto; padding-bottom:30px; margin-bottom:10px;}

    .culture-menu{ padding:30px 0; }

    .sp-large{width:100% !important; height:auto !important;}

    .sp-large a, .sp-large a img{ width:100% !important; height:auto !important;}

    .sp-thumbs{width:100%; margin-top:10px;}

    .sp-thumbs a:link, .sp-thumbs a:visited{width:25%; float:left; height:60px;}

    .zoomTxt p{ bottom:100px; right:20px;}



    .wapBanner,.wapConBanner{ display:block; position:relative;}

    .wapBanner li img{width:100%;min-height: 280px;}

    .home-banner .swiper-container, .home-banner .honePrev, .home-banner .honeNext,.conBanner{ display:none;}

    .wapConBanner img{width:100%;}

    .wapPagination{ width:100%; text-align:center;  position:absolute; bottom:10px; left:0; z-index:44;}

    .wapPagination span{margin:0 5px;width: 8px;height: 8px;opacity: 1;background: #ddd;display: inline-block;border-radius: 100%;}

    .wapPagination .swiper-active-switch{ background:#999;}

    .wapPagination .swiper-pagination-bullet-active{ background:#999;}

    .join-option p{ font-size:14px;}

    .caseDeatil-img li{width:49%;}

    .caseDeatil-img li:nth-child(2n){margin-right:0;}

    .stockCenter{width:100%; display:block;}

    .stock-hd{ height:40px;}

    .honor .swiper-content li img{ max-width:90%;}

    .honor-swiper li{width:96%;}

    .home-new li .txt h2{line-height:21px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; height:42px;}

    .honor .honor-swiper{height:320px !important;}

    .honor-down{ overflow:hidden;}

    .download-table{ display:block;}

    .download-table a{ width:100px; height:35px; line-height:35px;}

    .distory-title img{ margin-right:5px;}

    .actDeatil-page .backList{ position:static; margin-top:15px;}

    .home-new li .img{height: 114px;}

}





@media(max-width:425px){

    .footer-right{ margin:0 10px 0 0;}

    .footer-right h1{ font-size:16px;}

    .footer-right p{ font-size:14px;}

    .home-counter h3,.home-counter p{ font-size:14px;}

    .home-counter h3 span{ font-size:16px;}

    .home-title h2{ font-size:24px;}

    .home-case li{ padding:20% 0 0;}

    .home-new li .txt h2{ font-size:14px;}

    .home-new li .txt p{ font-size:12px; line-height:20px; height:40px; margin:5px auto;-webkit-line-clamp: 2;}

    .home-banner .swiper-container{ height:240px;}

    .home-banner li img{ width:auto; height:100%;}

    .tech-web li{ height:150px;}

    .tech-web li h2{ font-size:16px; margin-bottom:10px; padding:20px 0 10px;}

    .distory-cell .img img{ width:120px;}

    .distory-cell .txt p{ font-size:12px; line-height:20px;}

    .culture-icon li i{width:50px; height:50px; margin-bottom:10px;}

    .culture-icon li p{ font-size:12px; line-height:22px;}



    .training li{ width:100%; height:auto; margin-right:0}

    .training-icon h2{ font-size:16px;}

    .training-left li{ height:130px;}

    .training-menu li .img{width:140px; height:119px;}

    .training-menu li .img em{ font-size:14px; line-height:26px;}

    .training-menu li .txt{ font-size:16px; line-height:28px;}

    .concept-join .table-cell{ display:block; margin-bottom:15px;}

    .concept-join{ padding-bottom:20px;}

    .join-table th{ font-size:14px;}

    .join-top span{ font-size:13px;}

    .join-down h2{ font-size:16px;}

    .join-down p{ font-size:14px;}

    .case li b{ font-size:14px;}

    .case li{ height:120px; width:49%;}

    .case li:nth-child(3){width:100%; margin-right:0;}

    .case li:nth-child(3) img{width:35%; right:15%;}

    .proDeatil-cart li p{ height:40px;}

    .newWidth{ width:120px;}

    .say td.t1 li span{ margin-right:0;}

    .searchRes-list li h2{ font-size:16px;}

    .searchRes-list li span{ font-size:14px; padding:5px 0;}

    .searchRes-list li p{ font-size:14px; line-height:24px; height:48px;}

    .searchRes-list li{ padding:15px 0;}



    .msg-list li input,.msg-select{ text-indent:10px; font-size:14px;}

    .msg-select i{ right:8px;}

    .msg-select span{ font-size:14px;}

    .msg-list textarea{ font-size:14px; height:120px;}

    .proDeatil-cart li .img{height: 80px;}

}

/*style.css  e*************************************************************************************************************************************/

/*swiper.css s**************************************************************************************************************/

.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

/*swiper.css e**************************************************************************************************************/