﻿/* CSS Document */
@import url("style/base.css");

/*header*/
.headTop{ width:100%; height:auto;border-bottom:1px solid #eaeaea;}
.headTop p{ font-size:13px;line-height:24px;color:#8d8c8c;}
.headTop p a{color:#8d8c8c;}
.headTop p a:hover{ font-weight:bold;color:#00479d;}
.headTop .topr{min-height:35px; color:#8c0000;}
.headTop .topr p:nth-child(1){ padding:0 20px 0 0;}
.headTop .topr p{ color:#8c0000;}

.head-fixed{width:100%;position:fixed;left:0;top:0;z-index:999;background:#fff;box-shadow:0 0 40px 0 rgba(0, 0, 0, 0.06);transition:all 0.4s;padding:0 0px;}
#header{ height:100px;background:#fff; overflow:visible; position:relative;}
#header .w1200{ overflow:visible; position:relative; z-index:10;}
#header .logo{width:260px; margin:0; position:relative}
#header .logo a{ display:block;}
#header .logo img{ max-width:100%; height:auto; vertical-align:middle;}
.top-box{ display:none;}
@media(max-width:767px){
	.head-fixed{ display:none;}
}

.menu{width:calc(100% - 330px);transition:all 0.4s;}
.menu .nav{ width:100%; height:auto; padding:0 0 0 50px}
.menu li{position:relative;z-index:10;}
.menu li .svb{display:flex;align-items:center;padding:0 22.5px;height:100px;position:relative;z-index:0;}
.menu li .svb a{font-size:16px;color:#1a1a1a;}
.menu li .svb i{font-size:12px;color:#1a1a1a;margin-left:10px;}
.menu li.active .svb a,.menu li:hover .svb a{color:#00479d;}
.menu li.active .svb i,.menu li:hover .svb i{transform:rotate(180deg);color:#00479d;}
.menu .menuBox{padding:10px 10px;width:max-content;position:absolute;top:100%;left:50%;transform:translate(-50%, 50px);z-index:10;background:#fff;opacity:0;pointer-events:none;transition:all 0.4s;box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.06);border-top:3px solid #00479d; width:100%;}
.menu .menuBox.on{opacity:1;pointer-events:auto;transform:translate(-50%, 0);}
.menu .menuBox a{font-size:14px;display:block;line-height:24px;padding:10px 5px;border-bottom:1px solid #dbdbdb;text-align:center;}
.menu .menuBox a:last-child{border:none;} 
.menu .menuBox a:hover{color:#00479d;}

.pcright{ width:70px;}
.pcright .search{position:relative;background:#fff;}
.pcright .search .search-icon{cursor:pointer;background:inherit;position:relative;}
.pcright .search .search-icon i{cursor:pointer;background:inherit;margin-right:10px;z-index:-1;}
.pcright .search .search-icon i.c-icon{position:absolute;left:0;top:0;}
.pcright .search.active .search-icon i.c-icon{z-index:1 !important;}
.pcright .search.active span{color:#00479d;}
.pcright .search span{font-size:14px;cursor:pointer;}
.search span:hover{color:#00479d;}

.search-box{width:100%;position:fixed;z-index:999;right:0;top:136px;background:#fff;padding:30px 50px 40px;display:none;border-top:1px solid #dbdbdb;box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.05);}
.search-box form{width:70%;margin:0 auto;display:flex;align-items:center;border-bottom:1px solid #dbdbdb;}
.search-box form input{line-height:60px;font-size:15px;width:calc(100% - 30px); border:none; outline:none;}
.search-box form button{display:flex;align-items:center;justify-content:center;width:30px;height:60px;cursor:pointer;font-size:18px;color:#00479d; border:none; padding:0; background:none;}

/*移动端头部*/
.mo-header{display:none;width:100%;height:70px;padding:0 16px;background:#FFFFFF;position:fixed;top:0;left:0;z-index:999;box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.06);}
.mo-header .logo{width:220px;}
.mo-header .logo img{ vertical-align:middle;}
.mo-header .mo-search{margin-top:0;}
.mo-header .mo-search form{width:300px;}
.mo-header .mo-search form input{width:calc(100% - 40px);line-height:38px;border:1px solid #dbdbdb;border-right:none;border-radius:2px 0 0 2px;padding:0 10px;font-size:14px;}
.mo-header .mo-search form button{width:40px;height:40px;border-radius:0 2px 2px 0;}
.mo-header .mobile-nav{width:auto;}
.mo-header .mobile-nav dl{transform:rotateY(180deg);margin-right:10px;width:30px;}
.mo-header .mobile-nav dl dd{width:0;height:2px;background:#00479d;}
.mo-header .mobile-nav dl dd:first-child{animation:sjnav 2.4s linear infinite;}
.mo-header .mobile-nav dl dd:nth-child(2){margin:6px 0;width:20px;}
.mo-header .mobile-nav dl dd:last-child{animation:sjnav 2.4s linear infinite;animation-delay:0.4s;}
.mo-header .mobile-nav h4{color:#1a1a1a;}
.mo-mask{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100vh;background:rgba(7,16,26,0.8);transition:all 0.5s;visibility:hidden;opacity:0;transition-delay:0.2s;}
.mo-mask.active{opacity:1;visibility:visible;}
.mo-nav{width:50%;height:100vh;background:#FFFFFF;position:fixed;z-index:10001;top:0;left:-50%;overflow-y:auto;opacity:0;transition:all 0.3s;}
.mo-nav.active{transition-delay:0.3s;opacity:1;left:0;}
.mo-nav .top{height:80px;padding:0 16px 0 20px;position:sticky;top:0;z-index:9999;background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,0.06);}
.mo-nav .top .logo{width:240px;}
.mo-nav .top .logo img{ vertical-align:middle;}
.mo-nav .top .mobnavclose{width:30px;height:30px;position:relative;}
.mo-nav .top .mobnavclose:before,.mo-nav .top .mobnavclose:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#333;border-radius:1px;}
.mo-nav .top .mobnavclose:before{width:20px;height:2px;transform:translate(-50%,-50%) rotate(45deg);}
.mo-nav .top .mobnavclose:after{width:2px;height:20px;transform:translate(-50%,-50%) rotate(225deg);}
.mo-search{padding:0 16px;margin-top:30px;}
.mo-search form input{width:calc(100% - 52px);line-height:40px;border:1px solid #dbdbdb;border-radius:2px;padding:0 12px;font-size:14px; outline:none;}
.mo-search form button{width:42px;height:42px;background:#00479d;color:#fff;border-radius:2px;font-size:14px; border:none;}
.mo-nav .bottom{padding:6px 16px;}
.mo-nav .bottom .nav li{margin:12px 0;}
.mo-nav .bottom .nav li h3{display:flex;align-items:center;justify-content:space-between;}
.mo-nav .bottom .nav li h3 a{display:block;text-align:center;font-size:16px;line-height:30px;color:#1a1a1a;padding-left:4px;}
.mo-nav .bottom .nav li h3 i{display:block;width:30px;height:30px;line-height:32px;color:#333;text-align:center;font-size:12px;}
.mo-nav .bottom .nav li .m-subnav{border-bottom:1px solid #dbdbdb;padding-bottom:5px;display:none;}
.mo-nav .bottom .nav li .m-subnav a{display:block;line-height:24px;margin:10px 0;padding-left:20px;position:relative;}
.mo-nav .bottom .nav li .m-subnav a:before{content:"";width:8px;height:8px;border:1px solid #CCCCCC;border-radius:50%;position:absolute;left:4px;top:7px;transition:all 0.4s;}
.mo-nav .bottom .nav li .m-subnav a:after{content:"";width:4px;height:4px;background:#CCCCCC;border-radius:50%;position:absolute;left:7px;top:10px;transition:all 0.4s;}
.mo-nav .bottom .nav li.on h3 a{color:#00479d;}
.mo-nav .bottom .nav li.on h3 i{transform:rotate(90deg);color:#00479d;}
.mo-nav .bottom .nav li.on h3 i:before,.mo-nav .bottom .nav li.on h3 i:after{background:#fff;}
.mo-nav .bottom .nav li h3 a:hover,.mo-nav .bottom .nav li .m-subnav a:hover{color:#d6222b;}
.mo-nav .bottom .nav li .m-subnav a:hover:before{border-color:#d6222b;}
.mo-nav .bottom .nav li .m-subnav a:hover:after{background:#d6222b;}
.mo-lan{padding:0 16px;}
.mo-lan a{display:flex !important;align-items:center;justify-content:center;line-height:44px;}
.mo-info{padding:20px;}
.mo-info h2{font-size:16px;color:#1a1a1a;}
.mo-info dl dd{display:flex;margin-top:10px;}
.mo-info dl dd i{width:14px;height:14px;display:flex;align-items:center;justify-content:center;margin-top:5px;}
.mo-info dl dd p{width:calc(100% - 14px);padding-left:10px;line-height:24px;color:#666;}
.mo-info dl dd p a{color:#666;}
.mo-info dl dd p a:hover{color:#00479d;}
@media only screen and (max-width:767px){
	.mo-header{display:flex;height:80px;}
	.mo-header .logo{width:240px;}
	.mo-nav{width:100%;left:-100%;}
	.mo-nav .top{height:80px;padding:0 12px 0 16px;}
	.mo-lan{ display:none;}
}


.banner{overflow:hidden;margin-top:136px;}
.ban-box .swiper-slide{height:520px;background-size:cover !important;}
.ban-box .ban-col{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;padding:0 80px;}
.ban-box .box{max-width:1200px; margin:0 auto; width:100%;}
.ban-box .ban-col .content{max-width:560px;}
.ban-box .ban-col .pic{max-width:440px; overflow:visible;}
.ban-box .ban-col .content h2{font-size:34px;line-height:1.3;color:#1a1a1a; font-weight:bold;}
.ban-box .ban-col .content h4{font-size:16px;line-height:1.85;margin:20px 0 50px;color:#333;}
.ban-box .swiper-slide-active .ban-col .content h2{animation-name:fadeInUp;animation-duration:1.2s;animation-delay:0.2s;animation-fill-mode:both;}
.ban-box .swiper-slide-active .ban-col .content h4{animation-name:fadeInUp;animation-duration:1.2s;animation-delay:0.4s;animation-fill-mode:both;}
.ban-box .swiper-slide-active .ban-col .content a{animation-name:fadeInUp;animation-duration:1.2s;animation-delay:0.5s;animation-fill-mode:both;}
.ban-box .swiper-slide-active .ban-col .pic{animation-name:fadeInRight;animation-duration:1.2s;animation-delay:0.4s;animation-fill-mode:both;}
.ban-box .swiper-pagination{width:100%;left:0;bottom:30px !important;font-size:0;text-align:center; position:absolute;}
.ban-box .swiper-pagination span{width:12px;height:12px;border:1px solid #fff;background:none;opacity:1;margin:0 10px !important; position:relative;}
.ban-box .swiper-pagination span:before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);}
.ban-box .swiper-pagination span.swiper-pagination-bullet-active:before{transform:translate(-50%,-50%) scale(1);}
@media only screen and (max-width:1200px){
	.ban-box .swiper-slide{height:420px;}
	.ban-box .ban-col{padding:0 40px;}
	.ban-box .ban-col .content{max-width:420px;}
	.ban-box .ban-col .pic{max-width:360px;}
	.ban-box .ban-col .content h2{font-size:42px;}
	.ban-box .ban-col .content h4{font-size:16px;line-height:30px;margin:20px 0 50px;}
	.ban-box .swiper-pagination{bottom:20px !important;}
}
@media only screen and (max-width:900px){
	.ban-box .swiper-slide{height:320px;}
	.ban-box .ban-col{padding:0 20px;}
	.ban-box .ban-col .content{max-width:360px;}
	.ban-box .ban-col .pic{max-width:260px;}
	.ban-box .ban-col .content h2{font-size:32px;}
	.ban-box .ban-col .content h4{line-height:26px;font-size:14px;margin:15px 0 40px;}
}
@media only screen and (max-width:767px){
	.banner{margin-top:80px;}
	.ban-box .swiper-slide{height:340px;}
	.ban-box .ban-col{padding:0;}
	.ban-box .ban-col .content{max-width:100%; padding:0 15px;}
	.ban-box .ban-col .content h2{font-size:22px;}
	.ban-box .ban-col .content h4{margin:10px 0 20px;}
	.ban-box .ban-col .pic{max-width:80%;margin:20px auto 10px;}
	.ban-box .ban-col .content a{display:none;}
	.ban-box .swiper-pagination{bottom:12px !important;}

}


/*main*/
.mTitle{ width:100%;}
.mTitle h4{font-size:16px;line-height:1;}
.mTitle h2{font-size:34px;margin-top:20px;line-height:1; font-weight:bold;}
.mTitle p{line-height:2;margin-top:20px;color:#808080;text-align-last:center; font-size:14px;}
@media only screen and (max-width:1440px){
	.mTitle p{line-height:26px;margin-top:16px;}
}
@media only screen and (max-width:1200px){
	.mTitle h4{font-size:14px;}
	.mTitle h2{font-size:36px;}
	.mTitle p{line-height:24px;margin-top:12px;}
}
@media only screen and (max-width:900px){
	.mTitle h2{font-size:32px;margin-top:16px;}
}
@media(max-width:767px){
	.mTitle h2{font-size:24px;}
}


.main1{padding:80px 0;}
.main1 .left{width:620px;}
.main1 .left .mTitle h2{ font-size:26px;}
.main1 .left ul{margin-top:40px ;}
.main1 .left ul li{width:calc((100% - 40px) / 2);height:400px;overflow:hidden;position:relative;z-index:0;}
.main1 .left ul li img{object-fit:cover;width:100%;height:100%;}
.main1 .left ul li.pic1{position:relative;border-radius:0 0 0 40px;margin-top:30px;}
.main1 .left ul li.pic2{position:relative;border-radius:0 40px 0 0;margin-bottom:30px;}
.main1 .left ul li:hover img{transform:scale(1.1);}
.main1 .left ul li.pic1 .circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;}
.indexmv{position:fixed;left:0;top:0;z-index:99999999;width:100%;height:100%;background:rgba(7,16,26,0.9);}
.indexmv video{display:block;width:80%;}
.indexmv .mvclose{position:absolute;right:30px;top:30px;background:linear-gradient(180deg, #00479d , #d6222b);width:50px;height:50px;border-radius:4px;cursor:pointer;}
.main1 .right{width:calc(100% - 670px);}
.main1 .right .content h2{font-size:16px;color:#1a1a1a;line-height:2;text-align:justify; margin-top:-7px;}
.main1 .right .content h4{color:#808080;line-height:2;font-size:14px;margin:32px 0;text-align:justify;}
.main1 .right ul li{display:flex;align-items:flex-start;width:calc((100% - 40px) / 2);padding:20px 0;border-bottom:1px solid #dbdbdb;}
.main1 .right ul li i{width:30px;height:30px;border-radius:50px;background:#92d051;}
.main1 .right ul li i svg{width:16px;height:16px;}
.main1 .right ul li h2{padding-left:12px;font-size:18px;line-height:30px;color:#1a1a1a;width:calc(100% - 30px);}
.main1 .right dl{margin-top:51px;}
@media only screen and (max-width:1200px){
	.main1{padding:70px 0;}
	.main1 .left{width:440px;}
	.main1 .left .mTitle h2{line-height:1.4;}
	.main1 .left ul{margin-top:20px;}
	.main1 .left ul li{width:calc((100% - 20px) / 2);height:300px;}
	.main1 .left ul li.pic1{border-radius:0 0 0 30px;margin-top:20px;}
	.main1 .left ul li.pic2{border-radius:0 30px 0 0;margin-bottom:20px;}
	.main1 .right{width:calc(100% - 500px);}
	.main1 .right .content h2{font-size:14px;}
	.main1 .right .content h4{margin:10px 0;}
	.main1 .right ul li{padding:16px 0;}
	.main1 .right ul li i{width:24px;height:24px;}
	.main1 .right ul li i svg{width:14px;height:14px;}
	.main1 .right ul li h2{padding-left:10px;font-size:16px;line-height:24px;width:calc(100% - 24px);}
	.main1 .right dl{margin-top:40px;}
}
@media only screen and (max-width:900px){
	.main1{padding:60px 0;}
	.main1 .left,.main1 .right{width:100%;}
	.main1 .left .mTitle h2{line-height:1;}
	.main1 .left ul{margin-top:30px;}
	.main1 .left ul li{height:420px;}
	.main1 .right{margin-top:30px;}
	.main1 .right .content h2{font-size:16px;}
	
}
@media(max-width:767px){
	.main1{padding:50px 15px;}
	.main1 .left,.main1 .right{width:100%;}
	.main1 .left .mTitle h2{ line-height:1.5; font-size:22px;margin-top:10px;}
	.main1 .left ul{margin-top:15px;}
	.main1 .left ul li{width:calc((100% - 16px) / 2);height:240px;}
    .main1 .left ul li.pic1{border-radius:0 0 0 10px;margin-top:16px;}
	.main1 .left ul li.pic2{border-radius:0 10px 0 0;margin-bottom:16px;}
	.main1 .right{margin-top:20px;}
	.main1 .right .content h2{font-size:15px;line-height:28px;}
	.main1 .right .content h4{margin:10px 0;line-height:24px;}
	.main1 .right ul li{padding:15px 0;width:calc((100% - 16px) / 2);}
	.main1 .right ul li h2{font-size:14px;}
	.main1 .right dl{margin-top:25px;}
	.indexmv .mvclose{width:44px;height:44px;border-radius:2px;}	
}


.main2{padding-top:120px;position:relative;z-index:0;}
.main2:before{content:"";height:350px;position:absolute;width:100%;left:0;top:0;z-index:-2;background:url(/images/proBg.jpg) no-repeat center;background-attachment:fixed;}
.main2:after{content:"";position:absolute;width:100%;height:350px;left:0;top:0;z-index:-1;background:url(/images/bot.png) rgba(0,0,0,0.9);opacity:0.8;}
.main2 .main2Con li .content{width:calc((100% - 100px) / 2);}
.main2 .main2Con li .content .mTitle h4{ color:#fff;}
.main2 .main2Con li .content .summary p{margin:30px 0 50px;line-height:2; font-size:14px;}
.main2 .main2Con li .pic{display:block;width:calc((100% - 100px) / 2);border-radius:20px;height:380px;}
.main2 .main2Con li .pic img{width:100%;height:100%;object-fit:cover;}
.main2 .pic:hover img{transform:scale(1.1);}
.main2 .switch{position:absolute;width:calc((100% - 100px) / 2);bottom:0;left:0;z-index:10;}
.main2 .switch .swiper-pagination,.main2 .switch .swiper-button-prev,.main2 .switch .swiper-button-next,.main2 .switch .swiper-scrollbar{position:unset !important;margin:0;}
.main2 .switch .swiper-pagination{width:auto;}
.main2 .switch .swiper-pagination .current{font-size:36px;line-height:32px;color:#00479d;}
.main2 .switch .swiper-pagination .total{font-size:18px;line-height:20px;color:#808080;}
.main2 .switch .swiper-pagination i{padding:0 5px;}
.main2 .switch .swiper-button-prev,.main2 .switch .swiper-button-next{width:48px;height:48px;border-radius:4px;border:2px solid #CCCCCC;background:none;}
.main2 .switch .swiper-button-prev{margin-right:10px;}
.main2 .switch .swiper-button-prev svg path,.main2 .switch .swiper-button-next svg path{fill:#333;}
.product .switch .swiper-button-prev:hover,
.product .switch .swiper-button-next:hover{background:#00479d;border-color:#00479d;}
.main2 .switch .swiper-button-prev:hover svg path,.main2 .switch .swiper-button-next:hover svg path{fill:#333;}
.main2 .switch .swiper-scrollbar{width:100%;height:4px;background:#e5e5e5;margin-top:16px;}
.main2 .switch .swiper-scrollbar .swiper-scrollbar-drag{background:#00479d;}
@media only screen and (max-width:1440px){
	.main2{padding-top:80px;}
	.main2:before,.main2:after{height:275px;}
    .main2 .main2Con li .content{width:calc((100% - 80px) / 2);}
	.main2 .main2Con li .content .summary p{margin:20px 0 40px;}
	.main2 .main2Con li .pic{width:calc((100% - 80px) / 2);height:320px;}
	.main2 .switch{width:calc((100% - 80px) / 2);}
}
@media only screen and (max-width:1200px){
	.main2{padding-top:70px;}
    .main2:before,.main2:after{height:285px;}
    .main2 .main2Con li .content{width:calc((100% - 60px) / 2);}
	.main2 .main2Con li .pic{width:calc((100% - 60px) / 2);}
	.main2 .switch{width:calc((100% - 60px) / 2);}
}
@media only screen and (max-width:900px){
	.main2{padding-top:60px;}
    .main2:before,.main2:after{height:470px;}
    .main2 .main2Con li .content,.main2 .list li .pic,.main2 .switch{width:100%;}
	.main2 .main2Con li .content .summary p{margin:20px 0 30px;}
	.main2 .main2Con li .pic{margin-top:40px;border-radius:10px;height:auto;}
	.main2 .switch{position:unset;margin-top:30px;}
}
@media(max-width:767px){
	.main2{padding:50px 15px 0;}
    .main2:before,.main2:after{height:370px;}
    .main2 .main2Con li .content,.main2 .main2Con li .pic,.main2 .switch{width:100%;}
	.main2 .main2Con li .content .summary p{margin:16px 0 24px;}
	.main2 .main2Con li .pic{margin-top:30px;border-radius:4px;}
	.main2 .switch{margin-top:20px;}
	.main2 .switch .swiper-button-prev,.main2 .switch .swiper-button-next{width:44px;height:44px;border-radius:2px;}
	.main2 .switch .swiper-button-prev svg,.main2 .switch .swiper-button-next svg{width:14px;height:14px;}
}

.main3{padding:80px 0 40px;}
.main3 .main3Con{margin:0 -20px;padding:50px 0;}
.main3 .main3Con ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.main3 .main3Con li{padding:0 20px;}
.main3 .main3Con li .shadow{border-radius:30px 4px 4px;background:#FFFFFF;box-shadow:0 0 20px 0 rgba(0,0,0,0.1);padding:35px 35px 30px 0;}
.main3 .main3Con li .pic{border-radius:0 0 30px 0;height:190px;}
.main3 .main3Con li .pic img{width:100%;height:100%;object-fit:cover;}
.main3 .main3Con li .info{padding-left:30px;margin-top:-0px;z-index:2;position:relative;}
.main3 .main3Con li .info h6{font-size:14px;line-height:36px;margin:10px 0 5px;width:100px;border-radius:4px 0 0;background:#fff; color:#999; text-align:left;}
.main3 .main3Con li .info h2{color:#1A1A1A;font-size:18px;line-height:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.main3 .main3Con li .info p{font-size:14px;color:#808080;line-height:28px;margin:12px 0 20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.main3 .main3Con li .pic:hover img{transform:scale(1.1);}
.main3 .main3Con li .info h2:hover{color:#00479d;}
.main3 .main3Con li .info .sitebtn3:hover{background:#00479d;border-color:#00479d;}
.main3 .swiper-pagination{position:unset;font-size:0;display:none;}
.main3 .swiper-pagination span{border-radius:4px;margin:0 10px;}
.main3 .swiper-pagination span.swiper-pagination-bullet-active{width:50px;background:#00479d;}
@media only screen and (max-width:1200px){
	.main3{padding:70px 0 30px;}
	.main3 .main3Con li .pic{height:240px;}
	.main3 .main3Con li .info{padding-left:40px;}
	.main3 .main3Con li .shadow{padding:40px 40px 50px 0;}
}
@media only screen and (max-width:900px){
	.main3{padding:60px 0;}
	.main3 .main3Con{margin:0 -15px;padding:40px 0;}
	.main3 .main3Con li{padding:0 15px;}
	.main3 .main3Con li .shadow{border-radius:20px 4px 4px;padding:30px 30px 35px 0;box-shadow:0 0 15px 0 rgb(0 0 0 / 10%);}
	.main3 .main3Con li .pic{height:220px;}
	.main3 .main3Con li .info{padding-left:30px;}
	.main3 .main3Con li .info p{line-height:26px;}
	.main3 .main3Con li .info h2{font-size:16px;}
	.main3 .swiper-pagination{display:block;}
}
@media only screen and (max-width:767px){
	.main3{padding:50px 15px 30px;}
	.main3 .main3Con{margin:0 -10px;padding:30px 0 0px;}
	.main3 .main3Con ul{ display:block;}
	.main3 .main3Con li{padding:0 10px 20px;}
	.main3 .main3Con li .shadow{border-radius:10px 4px 4px;padding:20px 20px 30px 0;box-shadow:0 0 10px 0 rgb(0 0 0 / 10%);}
	.main3 .main3Con li .pic{height:220px;}
	.main3 .main3Con li .info{padding-left:20px;}
	.main3 .main3Con li .info h6{margin-bottom:20px;}
	.main3 .main3Con li .info p{line-height:24px;margin:12px 0 20px;-webkit-line-clamp:2;}
    .main3 .swiper-pagination span.swiper-pagination-bullet-active{width:40px;}
	.main3 .swiper-pagination span{width:6px;height:6px;margin:0 5px;}
}

.messpaper{margin-bottom: -100px;}
.messpaper .box{height:200px;padding:0 60px;background: url(/images/subg.jpg) no-repeat center;background-size: cover;border-radius: 10px;position: relative;z-index: 10;}
.messpaper .left{width: calc(100% - 540px);}
.messpaper .left h2{font-size: 32px;line-height: 1.5;}
.messpaper .left h4{font-size: 15px;line-height: 28px;margin-top: 10px;}
.messpaper .right{width: 420px;border-bottom: 0px solid #fff;}
.messpaper .right .fewm{ width:110px; height:auto;}
.messpaper .right .fewm img{ max-width:100%; height:auto; border-radius:3px;}
.messpaper .right .fewm span{ display:block; font-size:14px; color:#fff;  text-align:center}
.messpaper .right .ftel{ line-height:30px;display:flex;flex-wrap: wrap;flex-direction:column; color:#fff; padding-left:40px; font-size:16px; text-align:center;}
.messpaper .right .ftel em{ font-style:normal;}
.messpaper .right .ftel span{ font-size:25px; letter-spacing:0px; padding:5px 0 0; font-weight:bold;}
.messpaper .right form input{font-size: 15px;color: #fff;width: calc(100% - 40px);padding: 15px 10px; outline:none; border:none; background:none;}
.messpaper .right form button{cursor: pointer;width: 40px; outline:none; border:none; background:none;}
.messpaper input::-webkit-input-placeholder { color: #fff; } 
.messpaper input:-moz-placeholder { color: #fff; } 
.messpaper input::-moz-placeholder { color: #fff; } 
.messpaper input:-ms-input-placeholder { color: #fff;}
@media only screen and (max-width:1200px){
	.messpaper {margin-bottom: -80px;}
	.messpaper .box {height: 160px;padding: 0 40px;}
    .messpaper .left {width: calc(100% - 400px);}
    .messpaper .left h2 {font-size: 24px;}
	.messpaper .left h4 {font-size: 14px;line-height: 24px;}
	.messpaper .right {width: 300px;}
	.messpaper .right form input {font-size: 14px;width: calc(100% - 30px);padding: 15px 5px;}
	.messpaper .right form button {width: 30px;}
	.messpaper .right form button svg{width: 14px;height: 14px;}
}
@media only screen and (max-width:900px){
	.messpaper{margin-bottom: -115px;}
	.messpaper .box {height: auto;padding: 37px 40px 40px;}
    .messpaper .left {width: 100%;text-align: center;}
	.messpaper .left h4 {margin: 10px 0;}
	.messpaper .right {width: 100%;}
}
@media only screen and (max-width:767px){
	.messpaper {margin-bottom:-110px; padding:0 15px;}
	.messpaper .box {border-radius: 4px;padding: 28px 15px 30px;}
    .messpaper .left {width: 100%;}
	.messpaper .left h2 {font-size: 22px;}
	.messpaper .left h4 {margin: 10px 0 5px;font-size: 13px;line-height: 24px;}
	.messpaper .right {width: 100%; padding:10px 0 0;}
	.messpaper .right .fewm{ width:80px;}
	.messpaper .right .fewm span{  font-size:13px;}
	.messpaper .right .ftel{ line-height:1.6; padding-left:30px; font-size:13px; }
	.messpaper .right .ftel span{ font-size:21px;}
}

/*footer*/
.footer{background:url(/images/footBg.jpg) no-repeat center;background-size: cover;}
.footer .info{padding: 170px 0 60px;position: relative;}
.footer .info .left h2{font-size: 22px;color: #fff;padding-bottom: 10px;}
.footer .info .left dd{position: relative;padding-left: 24px;line-height: 28px;margin-top: 10px;color: #bbbdca; font-size:14px;}
.footer .info .left dd i{display: flex;align-items: center;justify-content: center;width: 14px;height: 14px;position: absolute;left: 0;top: 6px; color:#00479d;}
.footer .info .left dd em{padding-left: 16px;}
.footer .info .left dd a{color: #bbbdca;}
.footer .info .right .title h2{font-size: 22px;color: #fff;}
.footer .info .right .title i{display: none;color: #FFFFFF;font-size: 12px;}
.footer .info .right dl{margin-left: 100px;}
.footer .info .right dl .list{margin-top: 20px;}
.footer .info .right dl .list a{display: block;line-height: 28px;color: #bbbdca;margin-top: 10px;text-transform: capitalize; font-size:14px;}
.footer .info .right dl .list a:first-child{margin-top:0;}
.footer .info .left dd a:hover,
.footer .info .right dl .list a:hover{color: #00479d;}
.footer .info .top-back{position: absolute;right: 0;bottom: 30px;background: #00479d;width: 50px;height: 50px;transition: all 0.4s;border-radius: 2px;cursor: pointer;transform: rotate(-90deg);}
.footer .info .top-back:hover{background:#146bd5;}
/*版权信息*/
.footer .copy{border-top: 1px solid rgba(255,255,255,0.1);padding: 30px 0;}
.footer .copy .left{line-height: 24px;color: #bbbdca;font-size: 0;}
.footer .copy .left span{display: inline-block;vertical-align: middle;font-size: 14px;}
.footer .copy .left img{display: inline-block;vertical-align: middle;height: 14px;margin: 0 8px 0 16px;}
.footer .copy .left a{display: inline-block;vertical-align: middle;font-size: 14px;color: #bbbdca;}
.footer .copy .right{font-size: 14px;line-height: 24px;color: #bbbdca;}
.footer .copy .right a{color: #bbbdca;}
.footer .copy a:hover{color: #00479d;}
.flink{ width:100%; padding:10px 0 0;font-size: 14px;line-height: 24px;color: #bbbdca;}
.flink a{color: #bbbdca; margin:0 8px 0 0;}
.flink a:hover{color: #00479d;}

/*侧边栏留言表单*/
.sidequotebtn,.sidequotebtn1{position: fixed;right: 0;bottom: 0;z-index: 9999;}
.sidequotebtn1{ display:none;}
.circle dl,.circle dd{width: 90px !important;height: 90px !important;}
.sidequotebtn dt,.sidequotebtn1 dt{width: 50px !important;height: 50px !important;}
.sidequote{width:360px;position: fixed;z-index: 9999999;bottom: 10px;right: 10px;border-radius: 10px;background: #fff;background-size: cover;box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);padding: 30px;transform-origin: bottom right;transform: scale(0);transition: all 0.3s;}
.sidequote .close_btn{font-size: 24px;position: absolute;right: 20px;top: 20px;color: #00479d;cursor: pointer;}
.sidequote .summary h2{font-size:20px;text-transform: capitalize;line-height: 1;margin-bottom: 10px;color: #1a1a1a;}
.sidequote .summary p{font-size: 14px;line-height: 22px;}
.sidequote form{display: block;}
.sidequote form dl dd{margin-top: 16px;}
.sidequote form dl dd span{display: block;font-size: 14px;margin-bottom: 10px;}
.sidequote form dl dd span i{color: #ff232e;font-size: 14px;padding-left: 4px;}
.sidequote form dl dd input{display: block;background: #f5f5f5;border: 1px solid #dbdbdb;width: 100%;line-height: 40px;color: #333;padding: 0 12px;border-radius: 4px;font-size: 14px;}
.sidequote form dl dd textarea{display: block;width: 100%;background: #f5f5f5;border: 1px solid #dbdbdb;height: 100px;border-radius: 4px;padding: 10px 12px;font-size: 14px;line-height: 22px;}
.sidequote form dl dd input:focus,.sidequote form dl dd textarea:focus{border-color: #00479d;}
.sidequote form dl dt{margin-top: 20px;}
.sidequote form dl dt button{display: block;width: 100%;color: #FFFFFF;line-height: 42px;cursor: pointer; border:none;}
.sidequote.show{transform: scale(1);}
.sidebar .top-back{transition: all 0.4s;}
.sidebar.show {opacity: 1;}


.index_foot{ display:none;}
@media only screen and (max-width:1200px){
	.footer .info{padding: 130px 0 40px;}
	.footer .info .left{width: 400px;}
	.footer .info .left h2,	.footer .info .right .title h2{font-size: 16px;}
	.footer .info .left dd,	.footer .info .right dl .list a{margin-top: 8px;}
	.footer .info .right{width: calc(100% - 400px);}
	.footer .info .right dl{margin-left: 60px;}
	.footer .info .right dl .list {margin-top: 18px;}
	.footer .info .top-back {width: 42px;height: 42px;}
    .footer .info .top-back svg{width: 20px;height: 20px;}
    .footer .copy .left img{margin: 0 6px 0 12px;}
}
@media only screen and (max-width:900px){
	.footer .info {padding: 160px 0 40px;}
	.footer .info .right{width: 260px;}
	.footer .info .right dl{display: block !important;width: 100% !important;margin: 0;margin-bottom: 12px;}
	.footer .info .right dl:last-child{display: none !important;}
	.footer .info .left h2,.footer .info .right .title h2 {font-size: 15px;}
	.footer .info .right dl .title i {width: 20px;height: 20px;display: flex;}
	.footer .info .right dl .title.on h2{color: #00479d;}
	.footer .info .right dl .title.on i{transform: rotate(90deg);color: #00479d;}
	.footer .info .right dl .list{display: none;margin-top: 12px;}
	.footer .info .top-back{bottom: 10px;}
	.footer .copy {padding: 24px 0;}
	.footer .copy .left img{margin: 0 6px 0 12px;}
	.footer .copy .right{margin-top: 8px;}	
	/*侧边栏留言表单*/
	.circle dl,.circle dd {width: 80px !important;height: 80px !important;}
}
@media(max-width:767px){
	.footer .info {padding: 140px 15px 0;}
	.footer .info .left,.footer .info .right{width: 100%;}
	.footer .info .left{padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.1);margin-bottom: 20px;}
	.footer .info .left dd,
	.footer .info .right dl .list a{margin-top: 6px;}
	.footer .info .right dl{margin-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.1);padding-bottom: 20px;}
	.footer .info .right dl:last-child{border: none;margin-bottom: 0;display: block !important;}
	.footer .info .right dl .list{margin-top: 10px;}
	.footer .info .top-back{width: 40px;height: 40px;bottom: -20px;}
	.footer .copy {padding: 20px 15px;}
	.footer .copy .left{width: 100%;}
	.footer .copy .left span{display: inline;}
	.footer .copy .right{margin-top: 0;}
	/*侧边栏留言表单*/
	.sidequote{width: 100%;right: 0;bottom: 0;border-radius: 10px 10px 0 0;}
	.sidequotebtn{ display:none;}
	.sidequotebtn1{ display:block;}
	.sidequotebtn dt,.sidequotebtn1 dt{width: 44px !important;height: 44px !important;}
	.sidequotebtn dt svg{width: 20px !important;height: 20px !important;}
	.sidequotebtn1 dt img{width:18px !important;height: 18px !important;}
	
	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width:640px; margin:0 auto; margin-top:12%;}
	.app_con{ height:auto;max-width:640px;margin:0 auto; overflow:hidden;width:100%; display:block;}
	#fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; height:auto; margin:0 auto;display:inline-block;background:#fff;-webkit-box-shadow:0 0 10px 0 rgba(12,36,134,.1); box-shadow:0 0 10px 0 rgba(12,36,134,.1); padding:5px;}
	#fixed-foot .btn1{width:100%; max-width:640px; margin:0 auto;display:block;text-align:center; }
	#fixed-foot .btn1 a{ cursor:pointer; display:block; color:#FFFFFF;float:left; text-align:center;width:100%; background-color:#00479d; border-radius:8px; line-height:40px; text-align:center; font-size:0;}
	#fixed-foot .btn1 a:nth-child(1){ border-left:none; margin-right:0%;}
	#fixed-foot .btn1 a img{ display:inline-block; margin:0 8px 0 0; vertical-align:middle; width:20px; height:auto;}
	#fixed-foot .btn1 a span{ display:inline-block;font-size:15px; vertical-align:middle;}
}

.inBan{height:360px;background-attachment:fixed !important;position: relative;z-index: 0;background-size:cover !important;margin-top:136px;}
.inBan:before{content:"";width:100%; height:100%;position:absolute;left:0;bottom:0;z-index:-1;background: url(/images/bot.png) repeat center;opacity: 0.1;}
.bancontent{height: 100%;}
.bancontent .summary h2{font-size: 42px;color: #fff;line-height: 1;margin-bottom: 16px;text-transform: capitalize;}
.bancontent .summary p{font-size: 16px;color: #fff;line-height:30px;}
.bancontent .linkbtn{margin: 50px 0 10px;}
.inBan .sitebtn3{padding:0 28px;}
.inBan .sitebtn3 h5{color:#fff;font-size:14px;line-height:52px;}
.inBan .sitebtn3 i svg path{fill:#ffffff;}
@media only screen and (max-width: 1200px) {
	.inBan{height: 360px;}
	.bancontent {padding: 0 40px;}
	.bancontent .summary h2{font-size: 42px;}
	.bancontent .summary p{font-size: 14px;line-height: 28px;}
	.bancontent .linkbtn{margin: 40px 0 10px;}
}
@media only screen and (max-width: 900px) {
	.nyban{height:320px;background-attachment: unset !important;}
	.bancontent{padding:0 20px;}
	.bancontent .summary h2{font-size:36px;}
	.bancontent .summary p{line-height:26px;}
	.inBan .sitebtn3 h5 {line-height:48px;}
}
@media(max-width:767px){
	.inBan{height:280px;margin-top:80px;}
	.bancontent{padding: 35px 15px;}
	.bancontent .summary h2{font-size:26px;margin-bottom:13px;}
	.bancontent .summary p{ line-height:24px;}
	.bancontent .linkbtn {margin:20px 0 5px;}
	.inBan .sitebtn3 {padding: 0 16px;}
	.inBan .sitebtn3 h5 {line-height:38px;}

}

.par80{ padding-right:80px;}
.pal80{ padding-left:80px;}

/*content*/
.bread{height:50px;box-shadow:0 1px 0 0 rgba(0,0,0,0.1);color: #b2b2b2;font-size: 14px;}
.bread i {line-height: 24px;margin-right: 4px;font-size: 16px;transform: translateY(1px);color: inherit;}
.bread  span {padding-right: 4px;color: inherit;}
.bread em {padding: 0 4px;}
.bread a {color: inherit;}
.bread  span,.bread a:hover{color: #00479d;}
@media only screen and (max-width: 900px) {
	.bread {height:60px;}
}
@media(max-width:767px){
	.bread {height:50px;font-size: 12px;line-height: 20px; padding:0 15px;}
	.bread i {line-height: 20px;margin-right: 4px;font-size: 16px;}
	.bread em {padding: 0 2px;}
}

.contentBox{position:relative;}
.proListBox,.aboutListBox{padding:40px 0 90px;}
.proListBox .sideL,.aboutListBox .sideL{width:320px;position:sticky;top:0px; float:left;}
.proListBox .side_r,.aboutListBox .side_r{width: calc(100% - 360px); float:right;}


.newsListBox,.caseListBox{padding:40px 0 90px;}
.newsListBox .side_r{width: calc(100% - 360px); float:right;}
.newsListBox .sideL{width:320px;position:sticky;top:0px; float:left;}
.caseListBox .side_r{ width:100%;}
.nyDetail .caseListBox .side_r{ width:calc(100% - 300px); float:left;}
.nyDetail .caseListBox .sideL{width:260px;position:sticky;top:0px; float:right;}

.sideprocate .top{transition: all 0.4s;}
.sideprocate .top h2{color: #1A1A1A;line-height: 1;font-size: 22px;}
.sideprocate .top i{color: #1a1a1a;display: none;}
.sideprocate .bottom{margin-top:20px;}
.sideprocate .bottom ul{ display:flex;flex-wrap:wrap;}
.sideprocate .bottom ul li{width:100%;height:200px;margin-bottom:10px;padding-top:10px;background: url(/images/recom_case_bg.jpg) no-repeat 0 0; text-align:center; background-size:100% 170px;}
.sideprocate .bottom ul li:last-child{margin-bottom: 0}
.sideprocate .bottom ul li .pic{background-color:#eee;width:196px; height:150px; margin:0 auto 15px; position:relative; overflow:hidden;}
.sideprocate .bottom ul li .pic img{ width:auto; height:150px; position:absolute; left:50%; margin:0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.sideprocate .bottom ul li h2{width:100%;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;text-align:center;	font-size:14px}
.sideprocate .bottom ul li:hover h2,.sideprocate .bottom ul li.on h2{color:#00479d;}
/*.sideprocate .bottom ul li:hover .pic img{transform: scale(1.1);}*/
.sidehotpro .bottom{margin-top: 30px;}
.sidehotpro .bottom ul li{margin-top: 25px;}
.sidehotpro .bottom ul li:first-child{margin-top: 0;}
.sidehotpro .bottom ul li .pic{border-radius: 4px;width:70px;height:70px;border: 1px solid #e5e5e5;background: #f5f5f5;}
.sidehotpro .bottom ul li .pic img{object-fit: cover;width: 100%;height: 100%;mix-blend-mode: darken;}
.sidehotpro .bottom ul li h3{width: calc(100% - 90px);color: #1a1a1a;font-size: 14px;line-height:28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.sidehotpro .bottom ul li:hover h3{color: #00479d;}
.sidehotpro .bottom ul li:hover .pic img{transform: scale(1.1);}


.case_sidebar_box_con ul{ width:100%; height:auto;}
.case_sidebar_box_con ul li{width:100%;height:240px;margin-bottom:10px;padding-top:10px;background: url(/images/recom_case_bg.jpg) no-repeat 0 0; text-align:center; background-size:100% auto;}
.case_sidebar_box_con ul li:last-child{margin-bottom: 0}
.case_sidebar_box_con ul li .pic{background-color:#eee;width:160px; height:190px; margin:0 auto 15px; position:relative; overflow:hidden;}
.case_sidebar_box_con ul li .item-thumb{ width:auto; height:190px; position:absolute; left:50%; margin:0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.case_sidebar_box_con ul li .item_tit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;	text-align:center;	font-size:14px}


.sidecate dl dd {margin-top: 16px;}
.sidecate dl dd a{background: #1a1a1a;border-radius: 4px;height:60px;padding: 0 30px;}
.sidecate dl dd a h2{color: #fff;font-size: 16px;font-weight: normal;}
.sidecate dl dd a i{width: 16px;height: 16px;}
.sidecate dl dd a i svg path{fill: #ffffff;}
.sidecate dl dd.on a,.sidecate dl dd:hover a{background: #00479d;}

.side-title{color:#1A1A1A;line-height: 1;font-size: 24px;margin-bottom: 30px;}
.leftSearch{background:#00479d/*linear-gradient(90deg, #00479d , #2095d3)*/;padding:40px;border-radius: 4px;}
.leftSearch .side-title{color: #fff;}
.leftSearch form input{display: block;width: calc(100% - 56px);line-height: 56px;padding: 0 15px;background: #FFFFFF;border-radius: 4px 0 0 4px;font-size: 14px;color: #666; outline:none; border:none;}
.leftSearch form button{width:56px;height:56px;border-radius: 0 4px 4px 0;background: #FFFFFF;cursor: pointer; outline:none; border:none;}
.sidebg{background: #FFFFFF;border-radius:4px;box-shadow: 0 0 60px 0 rgba(0,0,0,0.1);position: relative;padding:30px;margin-top:0px;}
.sidebg:before{content: "";width: calc(100% - 80px);height:4px;background: linear-gradient(90deg, #2095d3 , #00479d);position: absolute;left: 40px;bottom: 0;z-index: 1;}
.sideprocate.sidebg{ margin:0;padding:20px;}
.sideprocate.sidebg:before{ display:none;}
@media only screen and (max-width: 1200px) {
	.proListBox,.aboutListBox{padding: 70px 0 80px;}
	.proListBox .sideL,.aboutListBox .sideL{width:300px;}
	.proListBox .side_r,.aboutListBox .side_r{width:calc(100% - 330px);}
	
	.newsListBox,.caseListBox{padding: 70px 0 80px;}
	.newsListBox .side_r{width: calc(100% - 330px);}
	.newsListBox .sideL,.caseListBox .sideL{width: 300px;}
	
	.sideprocate .top h2{font-size: 20px;}
	.sideprocate .bottom {margin-top: 25px;}
	.sideprocate .bottom ul li{margin-top: 20px;}
	.sideprocate .bottom ul li h2{font-size: 15px;line-height: 28px;}
	.sidehotpro .bottom{margin-top: 20px;}
	.sidehotpro .bottom ul li{margin-top: 20px;}
	.sidehotpro .bottom ul li h3{line-height: 26px;}
	
	.sidecate dl dd {margin-top: 12px;}
	.sidecate dl dd a{height: 56px;padding: 0 20px;}
	.sidecate dl dd a h2{font-size: 14px;}
	.sidecate dl dd a i {width: 14px;height: 14px;}
	
	.side-title{font-size: 20px;margin-bottom: 20px;}
	.leftSearch{padding: 30px;}
	.leftSearch form input{width: calc(100% - 50px);line-height: 50px;}
	.leftSearch form button {width: 50px;height: 50px;}
	.leftSearch form button svg{width: 14px;height: 14px;}
	.sidebg{padding: 30px;}
	.sidebg:before {width: calc(100% - 60px);left: 30px;}
}
@media only screen and (max-width: 900px) {
	.proListBox,.aboutListBox{padding: 50px 0 60px;}
	.proListBox>.w1200{flex-direction: column-reverse;}
	.proListBox .sideL,.aboutListBox .sideL{width: 100%;position: unset;}
	.proListBox .side_r,.aboutListBox .side_r{width: 100%;margin-bottom: 50px;}
	.newsListBox,.caseListBox{padding: 50px 0 60px;}
	.newsListBox .side_r{width: 100%;}
	.newsListBox .sideL,.caseListBox .sideL{position: unset;width: 100%;margin-top: 50px;}
	
	.sidecate dl dd {margin-top: 16px;}
	.sidecate dl dd a{height: 64px;padding: 0 30px;}
	.sidecate dl dd a h2{font-size: 16px;}
	.sidecate dl dd a i {width: 16px;height: 16px;}
	
	.side-title{margin-bottom: 30px;}
	.leftSearch{padding: 40px;}
	.leftSearch form input{width: calc(100% - 60px);line-height: 60px;padding: 0 20px;}
	.leftSearch form button {width: 60px;height: 60px;}
	.leftSearch form button svg{width: 16px;height: 16px;}
	.sidebg{padding: 40px;}
	.sidebg:before {width: calc(100% - 80px);left: 40px;}
}
@media(max-width:767px){
	.proListBox,.aboutListBox{padding:25px 15px;}
	.proListBox .side_r{margin-bottom: 40px;}
	.newsListBox,.caseListBox{padding:25px 15px;}
	.newsListBox{padding: 40px 15px 50px;}
	.newsListBox .sideL{margin-top: 40px;}
	.nyDetail .caseListBox .side_r{ width:100%;}
	.nyDetail .caseListBox .sideL{ display:none;}
	
	.sideprocate .top h2 {font-size: 18px;}
	.sideprocate .bottom ul li{width: 100%;margin-top: 20px !important;}
	.sideprocate .bottom ul li .pic {border-radius: 2px;}
	.sidehotpro .bottom ul li{width: 100%;margin-top: 20px !important;}
	.sidehotpro .bottom ul li .pic{border-radius: 2px;}
	
	.sidecate dl dd {margin-top: 12px;}
	.sidecate dl dd a{border-radius: 2px;height: 56px;padding: 0 20px;}
	.sidecate dl dd a h2{font-size: 14px;}
	.sidecate dl dd a i {width: 14px;height: 14px;}
	
	.side-title{font-size: 18px;margin-bottom: 20px;}
	.leftSearch{padding: 30px 20px;border-radius: 2px;}
	.leftSearch form input{width: calc(100% - 50px);line-height: 50px;padding: 0 15px;border-radius: 2px 0 0 2px;}
	.leftSearch form button {width: 50px;height: 50px;border-radius: 0 2px 2px 0;}
	.leftSearch form button svg{width: 14px;height: 14px;}
	.sidebg{padding: 30px 20px;margin-top: 20px;}
	.sidebg:before {width: calc(100% - 40px);left: 20px;}	
}

.sideWrap{ width:100%;}
.side_rc{ width:100%; height:auto; padding:0;}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 900px) {
}
@media(max-width:767px){
	.side_r{ width:100%;float:none;}
	.side_rt{ display:none;}
	.position{ font-size:.9rem; line-height:1.5; padding:.5rem 10px;}
	.position a{ font-size:.9rem;}
}

/*图文展示*/
.showList{ padding:50px 0 90px;}
.showList ul{height:auto !important;margin:-10px;margin-top:30px;}
.showList ul li{position: unset !important;height: auto;width:25%;padding:10px;cursor: pointer;}
.showList ul li a{display: block;}
.showList ul li .img{background: #f5f5f5;border-radius: 4px;padding:40px 0;transition: all 0.4s;}
.showList ul li img{display:block;position:unset;width: auto;height: 270px;margin: 0 auto;transition-delay: 0.2s;}
.showList ul li .title{text-align: center;padding: 0 20px;margin-top:12px;}
.showList ul li .title p{color: #1a1a1a;line-height: 26px; font-size:14px;}
.showList ul li:hover .img{background: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);}
.showList ul li:hover .title p{color:#00479d;}
.factoryList ul{margin:-15px;margin-top:25px;}
.factoryList ul li{width: calc(100% / 3);padding:15px;}
.factoryList ul li:nth-child(5n+1),.factoryList ul li:nth-child(5n+2){width:50%;}
.factoryList ul li .img{ background:none;border-radius:8px;position:relative;z-index:0;overflow:hidden; padding:0;}
.factoryList ul li .img img{height: auto;}
.factoryList ul li .img:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.4s;background: #00479d;opacity: 0;transition-delay: 0.2s;}
.factoryList ul li .img i{width:54px;height: 54px;border-radius: 4px;background: #1A1A1A;line-height: 54px;text-align: center;font-size: 24px;color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 2;opacity: 0;transition-delay: 0.3s;}
.factoryList ul li:hover .img{box-shadow:none;}
.factoryList ul li:hover .img img{transform:scale(1.1);}
.factoryList ul li:hover .img:before{opacity: 0.8;}
.factoryList ul li:hover .img i{transform:translate(-50%,-50%) scale(1);opacity: 1;}
.caseList{ padding:0; margin-top:-10px;}
.caseList ul{margin-top:0}
.caseList ul li{position: unset !important;height: auto;width:25%;padding:10px;cursor: pointer;}
.caseList ul li .img{background: #f5f5f5;border-radius:4px;padding:0;transition: all 0.4s; overflow:hidden;}
.caseList ul li .img img{height: auto;}
.caseList ul li:hover .img img{transform:scale(1.1);}
.caseList ul li .img i{ display:none;}
.caseList ul li .title{ padding:0 0px;margin-top:10px; text-align:left;}
.caseList ul li .title p{ font-size:15px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
@media only screen and (max-width: 1200px) {
	.showList{padding:70px 0 80px;}
	.showList ul{margin-top:20px;}
	.showList ul li{width: calc(100% / 3);}	
	.factoryList{padding: 70px 0;}
	.factoryList .mTitle p br{display: none;}
	.factoryList ul{margin:-10px;margin-top:25px;}
	.factoryList ul li{padding: 10px;}
	.factoryList ul li .img{border-radius:4px;}
	.factoryList ul li .img i{width: 50px;height: 50px;line-height: 50px;font-size: 20px;}
}
@media only screen and (max-width: 900px) {
	.showList{padding: 50px 0 60px;}
	.showList .mTitle p br{display: none;}
	.showList ul{margin-top: 20px;}
	.showList ul li{width: 50%;}
	.showList ul li .img{padding:40px 30px;}
	.showList ul li img{width: 100% ;height: auto ;}
	body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{width:60% !important;}
	.factoryList{padding: 50px 0 60px;}
	.factoryList ul{margin-top:20px;}
}
@media(max-width:767px){
	.showList{padding: 35px 0 40px;}
	.showList .mTitle p{margin-top: 6px;}
	.showList ul{margin: -8px -6px;margin-top:12px;}
	.showList ul li{padding: 8px 6px;}
	.showList ul li .img{padding: 15px;}
	.showList ul li .title p{font-size: 12px;margin-top: 10px;line-height: 20px;padding: 0;}
	.lg-sub-html h4 {font-size:14px ;line-height:24px;}
	body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {width: 80% !important;}
	.factoryList{padding: 35px 0 40px;}
	.factoryList ul{margin:-6px;margin-top:14px;}
	.factoryList ul li{width: 50%;padding: 6px;}
	.factoryList ul li .img{border-radius: 2px;}
	.caseList{ padding:0; margin-top:-10px;}
	.caseList ul{ margin-top:0;}
}

.productList ul{ margin:-12px -10px;}
.productList li{width:calc(100% / 3);padding:12px 10px;}
.productList li .img{border-radius:4px;background:#fff;box-shadow:0 0 40px 0 rgba(0,0,0,0.06);position:relative;z-index:0;overflow:hidden;}
.productList li .img:before{content: "";width: 100%;height: 100%;background: linear-gradient(135deg, #2095d3 , #00479d);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity:0;transition: all 0.4s;}
.productList li .img i{width: 50px;height: 50px;border-radius: 4px;background: #1a1a1a;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity:0;transition-delay: 0.2s;}
.productList li .img i svg{width: 20px;height: 20px;}
.productList li .title{padding: 0 20px;margin-top:10px;line-height:26px;text-align: center;}
.productList li .title p{font-size:16px;color:#1A1A1A;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.productList li:hover .img:before{transform: translate(-50%,-50%) scale(1);opacity:0.8;}
.productList li:hover .img img{transform: scale(1.1);}
.productList li:hover .img i{transform: translate(-50%,-50%) scale(1);opacity:1;}
.productList li:hover .title p{color:#00479d;}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 900px) {
}
@media(max-width:767px){
	.productList ul {margin: -8px -6px;}
	.productList ul li {padding: 8px 6px;width:50%;}
	.productList ul li .img {border-radius: 2px;}
	.productList ul li .img i{width: 40px;height: 40px;}
	.productList ul li .img i svg {width: 16px;height: 16px;}
	.productList ul li .title{line-height: 22px;margin-top: 10px;}
	.productList ul li .title p{font-size: 12px;}
}


/*简介*/
.side_rc .infor,.side_rc .contact{ min-height:500px; font-size:16px; line-height:2;}
.side_rc .infor img{ max-width:98%; height:auto;}
.side_rc .contact img{ max-width:inherit;}
.side_rc .contact .map *{ box-sizing:content-box !important;}
.side_rc .infor table{ border-color:#ccc;}
.side_rc .infor table tr,.side_rc .infor table td{ border-color:#ccc;}
.side_rc .infor table td{ line-height:1.5; padding:10px 5px;}
.side_rc .infor br{ line-height:normal;}
.aProfile{padding:50px 0 100px;}
.aProfile .left{width:50%;padding-right:50px;}
.aProfile .left .mTitle h4{ display:none;}
.aProfile .left .mTitle h2{ margin-top:0; font-size:25px;}
.aProfile .left .pic{margin-top: 40px;border-radius: 8px;height: 320px;}
.aProfile .left .pic img{width: 100%;height: 100%;object-fit: cover;}
.aProfile .left .pic:hover img{transform: scale(1.1);}
.aProfile .right{width:50%;}
.aProfile .right h2{font-size:25px;line-height: 1;padding-bottom: 20px; font-weight:bold;}
.aProfile .right .box{color:#808080;line-height: 2;margin-top:10px;}
.aAdvantage{position: relative;z-index: 0;}
.aAdvantage:before{width: 50%;height: 100%;content: "";background: url(../images/advPic.jpg) no-repeat center;background-size: cover;position: absolute;left: 0;top: 0;z-index: -1;}
.aAdvantage:after{width: 50%;height: 100%;content: "";background: #00479d;position: absolute;right: 0;top: 0;z-index: -1;}
.aAdvantage .box{width: 50%;padding: 90px 0 90px 90px;}
.aAdvantage .box .mTitle p {text-align-last:left;}
.aAdvantage ul{margin-top: 42px;}
.aAdvantage ul li{padding: 24px 0;border-top: 2px solid rgba(255,255,255,0.2);}
.aAdvantage ul li:last-child{border-bottom: 2px solid rgba(255,255,255,0.2);}
.aAdvantage ul li .top{cursor: pointer;}
.aAdvantage ul li .top i{width: 28px;height: 28px;color: #FFFFFF;background: #92d051;font-size: 12px;text-align: center;line-height: 26px;border-radius: 50%;}
.aAdvantage ul li .top h2{width: calc(100% - 40px);font-size: 20px;line-height: 28px;}
.aAdvantage ul li .bottom{padding-left: 40px;color: #fff;line-height: 28px;margin-top: 10px;display: none; font-size:14px;}
.aAdvantage ul li .top.on i{transform: rotate(180deg);}
.aCooperate{padding: 100px 0;}
.aCooperate .mTitle{ width:100%;}
.aCooperate .box{overflow: hidden;margin-top: 50px;}
.aCooperate .box ul {justify-content:space-between;}
.aCooperate .box ul li{width:190px;border:1px solid #eee; margin:0 0 12px;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
/*.aCooperate .box ul li:hover{box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);position: relative;z-index: 10;}*/
.aCooperate .box ul li img{ vertical-align:middle;}
.aCooperate .box ul li span{position:absolute;background:#00479d;-webkit-transition:all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.aCooperate .box ul li .line_1{top:0;left:0;width:0;height:1px;}
.aCooperate .box ul li .line_2{top:0;right:0;width:1px;height:0;}
.aCooperate .box ul li .line_3{right:0;bottom:0;width:0;height:1px;}
.aCooperate .box ul li .line_4{bottom:0;left:0;width:1px;height:0;}
.aCooperate .box ul li:hover .line_1,.aCooperate .box ul li:hover .line_3{width:100%;}
.aCooperate .box ul li:hover .line_2,.aCooperate .box ul li:hover .line_4{height:100%;}

.contactBox{padding:60px  0;}
.contactBox .coninfo{background: #FFFFFF;border-radius: 4px;box-shadow: 0 0 80px 0 rgba(0,0,0,0.06);padding:50px;}
.contactBox .coninfo .mTitle p{margin-top: 10px;text-align-last: left;}
.contactBox .coninfo .left{width: calc(100% - 510px);}
.contactBox .coninfo .left .feedback{margin-top: 20px;}
.contactBox .coninfo .left .feedback dl dd{width: calc((100% - 20px) / 2);margin-bottom:15px;}
.contactBox .coninfo .left .feedback dl dd:nth-child(5){width: 100%;margin-bottom:20px;}
.contactBox .coninfo .left .feedback dl dd input{display: block;width: 100%;line-height:48px;border: 1px solid #e5e5e5;background: #f5f5f5;padding:0 12px;border-radius: 4px;font-size: 14px; outline:none;}
.contactBox .coninfo .left .feedback dl dd textarea{display: block;width:100%;border:1px solid #e5e5e5;background: #f5f5f5;padding:8px 12px;border-radius:4px;font-size: 14px;height:112px;line-height: 24px; outline:none; font-family:"microsoft YaHei";}
.contactBox .coninfo .left .feedback dl dd input:focus,.contactBox .coninfo .left .feedback dl textarea:focus{border-color: #00479d;}
.contactBox .coninfo .left .feedback dl dt{width: 160px;}
.contactBox .coninfo .left .feedback dl dt button{width: 100%;line-height: 56px;font-size: 14px;cursor: pointer; border:none; outline:none;}
.contactBox .coninfo .right{width:460px;border-radius: 4px;overflow: hidden;background: url(../images/conBg.jpg) no-repeat center #fff;background-size: cover;position: relative;z-index: 0;padding:30px 30px;}
.contactBox .coninfo .right:before{content: "";width: 100%;height: 100%;background: linear-gradient(135deg, #2095d3, #00479d);position: absolute;z-index: -1;left: 0;top: 0;opacity: 0.95;}
.contactBox .coninfo .right .title h2{font-size: 20px;color: #FFFFFF;line-height: 1;}
.contactBox .coninfo .right .title i{display: block;width: 40px;height: 2px;background: #fff;border-radius: 2px;margin: 20px 0 15px;}
.contactBox .coninfo .right .title h3{font-size: 14px;color: #FFFFFF;line-height:32px;}
.contactBox .coninfo .right .details{margin-top: 5px;}
.contactBox .coninfo .right .details li{border-bottom: 1px dashed #fff;padding: 24px 0;display: flex;align-items: flex-start;color: #fff;}
.contactBox .coninfo .right .details li i{width: 42px;height: 42px;background:#92d051;border-radius:5px;display: flex;align-items: center;justify-content: center;margin-right: 12px;}
.contactBox .coninfo .right .details li dl{width: calc(100% - 54px);}
.contactBox .coninfo .right .details li dt{line-height: 1;margin-bottom: 6px;font-size: 14px;line-height: 18px;}
.contactBox .coninfo .right .details li dt em{padding-left:14px ;}
.contactBox .coninfo .right .details li dl dd,.contactBox .coninfo .right .details li dl a{line-height: 1;color: #fff;}
.contactBox .coninfo .right .details li dl dd{font-size: 14px;}
.contactBox .coninfo .right .details li dl a{font-size: 14px;}
.contactBox .coninfo .right .details li dl a:hover{text-decoration: underline;}
.map{position: relative;z-index: 0;}
#mapContainer {width: 100%;height:560px;margin: 0;border-top: 1px solid #ccc;margin-bottom: -100px;}

#tip {height: 30px;background-color: #fff;padding-left: 10px;padding-right: 10px;position: absolute;font-size: 12px;right: 10px;bottom: 20px;border-radius: 3px;line-height: 30px;border: 1px solid #ccc;}
div.info-top {position: relative;background: none repeat scroll 0 0 #F9F9F9;border-bottom: 1px solid #CCC;}
div.info-top div {display: block;color: #1a1a1a;font-size: 14px;line-height: 36px;padding: 0 15px;text-align: left;}
div.info-top img {position: absolute;top: 16px;right: 15px;transition-duration: 0.25s;}
div.info-middle {height: auto;padding: 12px 20px;display: flex;align-items: center;justify-content: center;}
div.info-middle img {float: none !important;margin: 0 15px 0 0 !important;display: none;}
div.info-middle p {font-size: 13px;line-height: 23px;}
div.info-bottom {height: 0px;width: 100%;clear: both;text-align: center;}
div.info-bottom img {position: relative;z-index: 104;left: 46%;}
@media only screen and (max-width: 1200px) {
	.aProfile{padding: 70px 0 60px;}
	.aProfile .left{width: 100%;padding-right: 0;}
	.aProfile .left .pic{height: auto;margin-top: 25px;border-radius: 4px;}
	.aProfile .right{width: 100%;margin-top: 50px;}
	.aProfile .right .box p{margin-top: 10px;}
	.aAdvantage .box{padding: 60px 0 60px 60px;}
	.aAdvantage ul{margin-top: 20px;}
	.aAdvantage ul li {padding: 18px 0;}
	.aAdvantage ul li .top h2{font-size: 16px;}
	.aCooperate{padding: 70px 0;}
	.aCooperate .box ul li {width: calc(100% / 5);}
	
	.contactBox{padding: 70px 0 80px;}
	.contactBox .coninfo {padding: 50px;}
	.contactBox .coninfo .left {width: calc(100% - 450px);}
	.contactBox .coninfo .left .mTitle p{margin-top: 10px;}
	.contactBox .coninfo .left .feedback {margin-top: 15px;}
	.contactBox .coninfo .left .feedback dl dd {width: 100%;margin-bottom: 15px;}
	.contactBox .coninfo .left .feedback dl dd:nth-child(5) {margin-bottom: 20px;}
	.contactBox .coninfo .left .feedback dl dd input {line-height: 50px;padding: 0 12px;}
	.contactBox .coninfo .left .feedback dl dd textarea {height: 120px;}
	.contactBox .coninfo .left .feedback dl dt button {line-height: 52px;}
	.contactBox .coninfo .right {width:400px;padding: 40px;}
	.contactBox .coninfo .right .details li dl dd,.contactBox .coninfo .right .details li dl a {line-height: 22px;}
	#mapContainer {height: 450px;margin-bottom: -80px;}
	div.info-top div {font-size: 14px;}
	div.info-middle{font-size: 12px;}
}
@media only screen and (max-width: 900px) {
	.aProfile{padding: 50px 0 40px;}
	.aProfile .left{margin-top: 40px;}
	.aProfile .left .pic{margin-top: 20px;}
	.aProfile .right {margin-top: 0px;}
	.aProfile .right h2 {padding-bottom: 10px;}
	.aProfile .right .box p{margin-top: 10px;font-size: 14px;line-height: 26px;}
	.aAdvantage:before {width: 100%;}
	.aAdvantage:after {width: 100%;opacity: 0.95;}
	.aAdvantage .box{width: 100%;padding: 60px 0;}
	.aAdvantage ul{margin-top: 25px;}
	.aAdvantage ul li{padding: 20px 0;}
	.aCooperate{padding: 50px 0 60px;}
	.aCooperate .mTitle p br{display: none;}
	.aCooperate .box {margin-top: 30px;}
	
	.contactBox{padding: 50px 0;}
	.contactBox .coninfo {padding: 40px;}
	.contactBox .coninfo .left {width: 100%;margin-top: 30px;}
	.contactBox .coninfo .left .feedback {margin-top: 20px;}
	.contactBox .coninfo .left .feedback dl dd {margin-bottom: 20px;}
	.contactBox .coninfo .left .feedback dl dd textarea {height: 140px;}
	.contactBox .coninfo .right {width: 100%;margin-top: 0px;}
	#mapContainer {height: 400px;margin-bottom: -115px;}
	div.info-top div {line-height: 36px;}
	div.info-middle{line-height: 20px;}
}
@media(max-width:767px){
	.side_rc .infor,.side_rc .contact{ min-height:150px;}
	.side_rc .infor img{ max-width:98%; width:auto; height:auto;}
	.aProfile{padding: 40px 15px;}
	.aProfile .left .mTitle h2{ margin-top:0; font-size:20px; line-height:1.5;}
	.aProfile .left .pic{margin-top: 20px;}
	.aProfile .right{margin-top: 30px;}
	.aProfile .right h2{font-size: 20px;padding-bottom: 8px; line-height:1.5;}
	.aProfile .right .box p{margin-top: 8px;line-height: 24px;}
	.aAdvantage .box{padding: 40px 15px;}
	.aAdvantage ul{margin-top: 20px;}
	.aAdvantage ul li{padding: 16px 0;}
	.aAdvantage ul li .top h2 {width: calc(100% - 36px);font-size: 16px;}
	.aAdvantage ul li .bottom{line-height: 24px;padding-left: 36px;}
	.aCooperate{padding: 40px 15px;}
	.aCooperate .box {margin-top: 20px;}
	.aCooperate .box ul li {width: calc(100% / 3);}
	
	.contactBox{padding: 35px 15px 40px;}
	.contactBox .coninfo {padding: 0;border-radius: 0;box-shadow: none;}
	.contactBox .coninfo .left {margin-top: 30px;}
	.contactBox .coninfo .left .feedback {margin-top: 15px;}
	.contactBox .coninfo .left .feedback dl dt {width: 100%;}
	.contactBox .coninfo .left .feedback dl dt button {line-height: 48px;}
	.contactBox .coninfo .left .feedback dl dd,.contactBox .coninfo .left .feedback dl dd:nth-child(5) {margin-bottom: 12px;}
	.contactBox .coninfo .left .feedback dl dd input {line-height: 46px;border-radius: 2px;}
	.contactBox .coninfo .left .feedback dl dd textarea {border-radius: 2px;height: 140px;padding: 12px 15px;}
	.contactBox .coninfo .right {border-radius: 2px;padding: 30px 20px;margin-top:0;}
	.contactBox .coninfo .right .title h2 {font-size: 18px;}
	.contactBox .coninfo .right .details li {padding: 15px 0;}
	#mapContainer {margin-bottom: -100px;}
}


/*新闻*/
.news_list ul{margin:-15px;}
.news_list li{width:50%;padding:15px;}
.news_list li .pic a{display: block;}
.news_list li .pic{border-radius: 4px 4px 0 0;position: relative;z-index: 0;}
.news_list li .pic img{width: 100%;height:260px;object-fit: cover;}
.news_list li .pic:before{content: "";width: 100%;height: 100%;background: #000000;opacity: 1;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;transition: all 0.4s;}
.news_list li .info{padding:30px 30px 40px;background: #FFFFFF;box-shadow: 0 0 60px 0 rgba(0,0,0,0.06);position: relative;}
.news_list li .info:before{content: "";width: 0;height:4px;background: linear-gradient(90deg, #00479d , #2095d3);opacity: 1;position: absolute;right:30px;bottom: 0;z-index: 1;transition: all 0.4s;}
.news_list li .info .time{color:#1a1a1a;margin-bottom:18px ;font-size:14px;}
.news_list li .info .time span{color:#999;}
.news_list li .info h3{font-size:18px;line-height: 1;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_list li .info h3 a{color:#1A1A1A;}
.news_list li .info p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;font-size: 14px;-webkit-line-clamp:3 ;-webkit-box-orient:vertical;line-height:28px;margin:12px 0 8px;}
.news_list li .info .sitebtn3{line-height:46px;padding: 0 20px;}
.news_list li .info .sitebtn3 h5{font-size: 14px;margin-right: 20px;}
.news_list li .info .sitebtn3 i svg{width: 14px;height: 14px;}
.news_list li .pic:hover img{transform: scale(1.1);}
.news_list li .pic:hover:before{opacity: 0.3;}
.news_list li .info:hover:before{width: calc(100% - 80px);left: 40px;}
.news_list li .info h3:hover a{color: #00479d;}
@media only screen and (max-width: 1200px) {
	.news_list ul{margin: -10px;}
	.news_list ul li{padding: 10px;}
	.news_list ul li .pic img{height: 200px;}
	.news_list ul li .info{padding: 20px 20px 30px;}
	.news_list ul li .info:before{right: 20px;}
	.news_list ul li .info .time {margin-bottom: 10px;}
	.news_list ul li .info h3{font-size: 16px;}
	.news_list ul li .info p{margin:10px 0 20px;line-height: 24px;}
	.news_list ul li .info .sitebtn3 {line-height: 44px;}
	.news_list ul li .info .sitebtn3 h5 {margin-right: 15px;}
	.news_list ul li .info:hover:before{width: calc(100% - 40px);left: 20px;}
}
@media only screen and (max-width: 900px) {
	.news_list ul li .pic img{height: 240px;}
	.news_list ul li .info{padding: 30px 30px 40px;}
	.news_list ul li .info:before{right: 30px;}
	.news_list ul li .info .time {margin-bottom: 12px;}
	.news_list ul li .info h3 {font-size: 18px;}
	.news_list ul li .info p{margin:16px 0 24px;}
	.news_list ul li .info:hover:before{width: calc(100% - 60px);left: 30px;}
}
@media(max-width:767px){	
	.news_list ul {margin: -8px -10px;}
	.news_list ul li{width: 100%;padding: 8px 10px;}
	.news_list ul li .pic {border-radius: 2px 2px 0 0;}
	.news_list ul li .pic img{height: auto;}
	.news_list ul li .info{padding: 20px 20px 30px;}
	.news_list ul li .info:before{right: 20px;}
	.news_list ul li .info h3 {font-size: 16px;}
	.news_list ul li .info p{margin:12px 0 20px;}
	.news_list ul li .info:hover:before{width: calc(100% -40px);left: 20px;}
}

/*page*/
#page{ height:auto; margin:50px 0 0;overflow:hidden; width:100%; text-align:center;}
#page a.active{color:#fff; cursor:pointer; background:#00479d; border:2px solid #00479d;}
#page a{ display:inline-block; padding:0; margin:0 3px; border:1px solid #ededed; line-height:38px; text-align:center; color:#1a1a1a; font-size:15px;border:2px solid #ccc; width:46px; height:42px;display:flex;align-items: center;justify-content: center;border-radius:4px;}
#page a.home{border-radius:32px 0 0 32px;}
#page a.end{border-radius:0 32px 32px 0;}
#page a:nth-of-type(1){ margin:0 3px 0 0;}
#page a:hover{ color:#fff; cursor:pointer; background:#00479d; border:1px solid #00479d;}
#page a:hover svg path{fill:#ffffff;}
#page a.next1{overflow:hidden;}
#page a.prev1{overflow:hidden;transform:rotateY(180deg);}
#page .none{ display:none;}
#page1{ display:none;} 
@media(max-width:767px){
	#page{ display:none;}
	#page1{display:flex;flex-wrap: wrap;align-items: center;justify-content: center; width:100%; height:auto; overflow:hidden;padding-top:5px;margin:30px 0 0;}
	#page1 a{ display:inline-block; margin-right:1px; width:40px; height:40px; font-size:14px;border-radius: 2px;border:2px solid #ccc; color:#1a1a1a;display:flex;align-items: center;justify-content: center;}
	#page1 a.num{ text-decoration:underline; color:#278a2f; font-weight:bold;}
	#page1 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:4px 12px;}
	#page1 a:first-child{transform: rotateY(180deg);}
}

/*详情页*/
.nyDetail{margin-top:136px;}
.detailWarper{ padding:0;}
.detail_con{ width:100%; height:auto; font-size:14px;}
.detail_contop{box-shadow: 0 0 60px 0 rgba(0,0,0,0.06);margin-bottom:30px;padding:30px 40px 25px;}
.detail_title{ font-size:26px; font-weight:700; color:#333; line-height:1.5;text-align:left;}
.detail_title.line{ padding-bottom:0; margin-bottom:12px;}
.detail_time{padding:15px 0 0; font-size:14px; color:#808080; text-align:left;}
.detail_time i{ display:inline-block; font-style:normal;}
.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
.dis_img{ text-align:center; margin-bottom:0;}
.dis_img img{ max-width:98%; height:auto;}
.details_info{padding:10px 0 0; width:100%; line-height:2; min-height:420px; color:#444;border-radius:0 0 4px 4px;background: #fff;}
.details_info img{ max-width:98%; height:auto;}
hr{ margin:5px 0;}
.cInfo p{ text-indent:2em;}


.details_video{ width:85%; height:auto; overflow:hidden; margin:0 auto 15px; border:5px solid #000; background:#000;}
.details_video .video-js.vjs-fluid{ height:auto; max-height:520px; width:100%;}

.smBox{ color:#999; font-size:14px; line-height:2; padding:15px 0 0;}

.proSummary{ padding: 0 0 80px;}
.proSummary .proDpic{position: sticky;width:30%;top: 120px;}
.proSummary .proDpic img{ width:100%; height:auto;}
.proSummary .proDpic .swiper-container{background: #FFFFFF;border-radius: 4px;box-shadow: 0 0 80px 0 rgba(0,0,0,0.06);}
.proSummary .proDpic .swiper-pagination{position: unset;display: none;font-size: 0;margin-top: 30px;}
.proSummary .proDpic .swiper-pagination span{width: 10px;height: 10px;border: 1px solid #dbdbdb;background: none;opacity: 1;margin: 0 10px !important; position: relative;}
.proSummary .proDpic .swiper-pagination span:before{content: "";width: 4px;height: 4px;border-radius: 50%;background: #d6222b;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);}
.proSummary .proDpic .swiper-pagination span.swiper-pagination-bullet-active{border-color: #d6222b;}
.proSummary .proDpic .swiper-pagination span.swiper-pagination-bullet-active:before{transform: translate(-50%,-50%) scale(1);}
.proSummary .proDes{padding-left:60px;width:70%;}
.proSummary .proDes .proTitle{font-size:32px;line-height: 45px; font-weight:bold;}
.proSummary .proDes .proDetails{margin-top:20px; line-height:2; font-size:16px;}
.proSummary .proDes .proDetails table{width: 100%;}
.proSummary .proDes .proDetails table td{border:1px solid #dbdbdb;text-align: center;vertical-align: middle;line-height:1.6;padding:8px 10px;/*background: #f5f5f5;*/color:#333;word-break:break-all; }
/*.proSummary .proDes .proDetails table tr:nth-child(2n) td {background:#f5f5f5;}*/
.proSummary .proDes .proDetails table table td{border:none;}
.proSummary .proBtn{margin:35px 0;}
.proSummary .proDes .proInfo{padding-bottom:24px;border-bottom: 1px solid #dbdbdb;margin-bottom:30px;}
.proSummary .proDes .proInfo dd{margin-bottom:12px;line-height: 24px;}
.proSummary .proDes .proInfo dd:last-child{margin-bottom: 0;}
.proSummary .proDes .proInfo dd h4{width:100px;font-size: 16px;}
.proSummary .proDes .proInfo dd h4 i{padding-left: 32px;}
.proSummary .proDes .proInfo dd h5{width: calc(100% - 100px);font-size: 16px;}
.proSummary .proDes .proInfo dd h5 a{color: #808080;}
.proSummary .proDes .proInfo dd h5 a:hover{color: #00479d;}

/*内页 产品详情询盘*/
.proInquiry .inquiry {background: url(/images/messageBg.jpg) no-repeat center bottom #fff;border-radius: 4px;box-shadow: 0 0 80px 0 rgba(0,0,0,0.06);padding:60px 40px;}
.proInquiry .inquiry h2{font-size:40px;line-height: 1;margin-bottom:40px; font-weight:bold;}
.proInquiry .inquiry dl dd{width: calc((100% - 60px) / 3);margin-bottom: 30px;}
.proInquiry .inquiry dl dd input{display: block;width: 100%;line-height: 60px;padding: 0 20px;font-size: 15px;color: #333;background: #f5f5f5;border-radius: 4px; border:none; outline:none;}
.proInquiry .inquiry dl dd.textarea{width:100%;}
.proInquiry .inquiry dl dd.textarea textarea{display: block;width: 100%;padding: 15px 20px;font-size: 16px;line-height: 28px;height: 180px;color: #333;background: #f5f5f5;border-radius: 4px; border:none; outline:none; font-family:"微软雅黑";}
.proInquiry .inquiry dl dt{width: 180px;}
.proInquiry .inquiry dl dt button{display: block;width: 100%;line-height: 60px;font-size: 16px;cursor: pointer; border:none; outline:none;}
/*内页 产品详情热门*/
.recommend{padding:0px 0 0;}
.recommend .hotList{ width:1200px; height:auto; margin:0 auto;}
.recommend .hotList h2{font-size:42px;line-height: 1; font-weight:bold;}
.recommend .hotList .swiper-container{padding:50px 0;margin: 0 -15px;}
.recommend .hotList ul li{padding:0 15px}
.recommend .hotList ul li .pic{border-radius:4px;background:#fff;box-shadow:0 0 20px 0 rgb(0 0 0 / 6%);position:relative;z-index: 0;}
.recommend .hotList ul li .pic:before{content: "";width: 100%;height: 100%;background: linear-gradient(135deg, #00479d , #2095d3);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity:0;transition: all 0.4s;}
.recommend .hotList ul li .pic i {width:50px;height:50px;border-radius: 4px;background: #1a1a1a;
position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity: 0;transition-delay: 0.2s;}
.recommend .hotList ul li h2{padding:0 10px;font-size: 16px;margin-top:16px;color:#1A1A1A;line-height:28px;text-align:center;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.recommend .hotList ul li:hover h2{color: #00479d;}
.recommend .hotList ul li:hover .pic img{transform: scale(1.1);}
.recommend .hotList ul li:hover .pic:before {transform: translate(-50%,-50%) scale(1);opacity: 0.8;}
.recommend .hotList ul li:hover .pic i {transform: translate(-50%,-50%) scale(1);opacity: 1;}
.recommend .hotList .switch .swiper-button-prev,
.recommend .hotList .switch .swiper-button-next{position: unset;margin: 0;background: none;width: 48px;height: 48px;border-radius: 4px;border: 2px solid #CCCCCC;background: none;margin: 0 8px;}
.recommend .hotList .switch .swiper-button-prev:hover,
.recommend .hotList .switch .swiper-button-next:hover{background: #00479d;border-color: #00479d;}
.recommend .hotList .switch .swiper-button-prev:hover svg path,
.recommend .hotList .switch .swiper-button-next:hover svg path{fill: #fff;}
@media only screen and (max-width: 1200px) {
	.proSummary .proDes{padding-left: 60px;}
	.proSummary .proDes .pro-title{font-size: 28px;line-height: 40px;	}
	.proSummary .proDes .proDetails{margin-top: 15px;}
	.proSummary .proDes .proDetails table td {line-height: 25px;font-size: 13px;}
	.proSummary .proBtn{margin: 30px 0;}
	.proSummary .proDes .info{padding-bottom: 20px;}
	.proSummary .proDes .info dd{margin-bottom: 10px;}
	.proSummary .proDes .info dd h4{font-size: 14px;width: 80px;}
	.proSummary .proDes .info dd h4 i {padding-left: 28px;}
	.proSummary .proDes .info dd h5{font-size: 14px;width: calc(100% - 80px);}	
	
	.proInquiry .inquiry {padding: 50px 40px;}
	.proInquiry .inquiry h2{font-size: 36px;margin-bottom: 35px;}
	.proInquiry .inquiry dl dd input{line-height: 52px;padding: 0 12px;}
	.proInquiry .inquiry dl dd.textarea textarea{padding: 12px;line-height: 24px;}
	.proInquiry .inquiry dl dt button{line-height: 52px;}
	
	.recommend{padding: 60px 0 0;}
	.recommend .hotList h2{font-size: 36px;}
	.recommend .hotList .swiper-container{padding: 40px 0;}
	.recommend .hotList ul li h2{font-size: 14px;line-height: 26px;}
}
@media only screen and (max-width: 900px) {
	.nyDetail{margin-top: 70px;}
	
	.proSummary{padding:0 0 50px;}
	.proSummary .proDpic {width: 100%;position: unset;}
	.proSummary .proDes{width: 100%;padding-left: 0;margin-top: 30px;}
	.proSummary .proDes .proDetails table td {line-height: 28px;font-size: 14px;}

	.proInquiry .inquiry {padding: 40px 30px;}
	.proInquiry .inquiry h2{font-size: 32px;margin-bottom: 30px;}
	.proInquiry .inquiry dl dd:first-child{width: 100%;}
	.proInquiry .inquiry dl dd {width: calc((100% - 20px) / 2);margin-bottom: 20px;}
	
	.recommend{padding: 60px 0 0;}
	.recommend .hotList h2{font-size: 32px;}
	.recommend .hotList .swiper-container{padding: 35px 0;margin: 0 -10px;}
	.recommend .hotList ul li {padding: 0 10px;}
	.recommend .hotList ul li .pic {box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);}
	.recommend .hotList ul li h2 {line-height: 24px;}
	
}
@media(max-width:767px){
	.nyDetail{margin-top:80px;}
	.detail_title{ font-size:1.2rem;}
	.detail_contop{padding:20px 15px 15px;}	
	
	.proSummary{padding:0 0 40px;}
	.proSummary .proDpic .swiper-pagination{margin-top: 20px;}
	.proSummary .proDes{margin-top: 15px;}
	.proSummary .proDes .proTitle {font-size: 24px;line-height: 36px;}
	.proSummary .proBtn {margin: 25px 0 20px;}
	.proSummary .proDes .proDetails table td {padding: 6px 10px;line-height: 22px;font-size: 12px;}
	.proSummary .proDes .info dd h4 {width: 70px;}
	.proSummary .proDes .info dd h5 {width: calc(100% - 70px);}
	.proSummary .proDes .info {margin-bottom: 20px;}
	
	.proInquiry .inquiry {padding: 0;background: none;box-shadow: none;}
	.proInquiry .inquiry h2{font-size: 28px;margin-bottom: 25px;}
	.proInquiry .inquiry dl dd {width: 100%;margin-bottom: 12px;}
	.proInquiry .inquiry dl dd input {line-height: 46px;border: 1px solid #e5e5e5;border-radius: 2px;font-size: 14px;}
	.proInquiry .inquiry dl dd.textarea textarea {padding: 12px;line-height: 24px;border: 1px solid #e5e5e5;height: 140px;border-radius: 2px;font-size: 14px;}
	.proInquiry .inquiry dl dt{width: 100%;}
	.proInquiry .inquiry dl dt button {line-height: 48px;}
	.proInquiry .inquiry dl dd input:focus,
	.proInquiry .inquiry dl dd.textarea textarea:focus{border-color: #00479d;}
	
	.recommend{padding: 50px 0 0;}
	.recommend .hotList{ width:100%;}
	.recommend .hotList h2{font-size: 28px;}
	.recommend .hotList .swiper-container{padding: 30px 0;margin: 0 -8px;}
	.recommend .hotList ul li {padding: 0 8px;}
	.recommend .hotList ul li .pic {box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);border-radius: 2px;}
	.recommend .hotList ul li .pic i {width: 40px;height: 40px;}
	.recommend .hotList ul li .pic i svg{width: 16px;height: 16px;}
	.recommend .hotList ul li h2{font-size: 12px;margin-top: 12px;line-height: 20px;padding: 0 10px;}	
	.recommend .hotList .switch .swiper-button-prev,.recommend .hotList .switch .swiper-button-next {width: 44px;height: 44px;border-radius: 2px;margin: 0 5px;}
	.recommend .hotList .switch .swiper-button-prev svg,.recommend .hotList .switch .swiper-button-next svg{width: 14px;height: 14px;}
}

.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.detail_fenye .npagerlist a{display: flex;align-items: center;}
.detail_fenye .npagerlist:first-child i{transform: rotateY(180deg);margin-right: 20px;}
.detail_fenye .npagerlist:last-child i{margin-left: 20px;}
.detail_fenye .npagerlist i{display: flex;align-items: center;justify-content: center;width: 48px;line-height: 44px;height: 48px;border-radius: 4px;border: 2px solid #dbdbdb;}
.detail_fenye .npagerlist p{display: block;font-size: 16px;color: #1a1a1a;}
.detail_fenye .npagerlist a:hover i{background: #2095d3;border-color: #2095d3;}
.detail_fenye .npagerlist a:hover i svg path{fill: #ffffff;}
.detail_fenye .npagerlist a:hover p{color: #2095d3;}
@media(max-width:767px){
}

.serachkey{margin-top:136px;padding:80px 0;background: url(/images/searchBan.jpg) no-repeat center;}
.serachkey .ny-container{display: flex;align-items: center;justify-content: center;}
.serachkey span{display: block;font-size:36px;max-width: 1000px; line-height:1.8;}
.searchlist{}
.searchlist ul{margin: -15px;}
.searchlist ul li{width: calc(100% / 3);padding:15px;}
.searchlist ul li .pic{display: block;background: #f5f5f5;border-radius: 4px;overflow: hidden;}
.searchlist ul li .pic img{mix-blend-mode: darken;object-fit: cover;width: auto;height:260px;margin: 0 auto;display:block;}
.searchlist ul li .pic:hover img{transform: scale(1.1);}
.searchlist ul li .info{padding: 0 10px;}
.searchlist ul li .info h3{font-size:16px;line-height: 1;margin-top:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1 ;-webkit-box-orient:vertical;}
.searchlist ul li .info h3 a{color: #1a1a1a;}
.searchlist ul li .info p{line-height:26px;font-size: 14px;color: #999;margin:12px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.searchlist ul li .info h4{display: block;color: #808080;font-size: 14px;line-height: 24px;}
.searchlist ul li .info h4 a{color: #1a1a1a;}
.searchlist ul li .info h4 a:hover{color:#2095d3;}
.searchlist ul li .info h3 a:hover{color:#00479d;}
@media only screen and (max-width: 1200px) {
	.serachkey{padding: 50px 0;}
	.serachkey span {font-size: 32px;line-height: 42px;max-width: 800px;}
	.searchlist ul {margin: -12px -10px;}
	.searchlist ul li {padding: 12px 10px;}
	.searchlist ul li .pic img {height: 200px;}
	.searchlist ul li .info {padding: 0px 10px;}
	.searchlist ul li .info h3 {margin-top: 20px;}
	.searchlist ul li .info p {line-height: 24px;}
}
@media only screen and (max-width: 900px) {
	.serachkey{margin-top: 70px;padding: 40px 0;}
	.serachkey span {font-size: 28px;line-height: 32px;max-width: 100%;}
	.searchlist ul li{width:50%;}
	.searchlist ul li .pic img{height: 220px;}
}
@media only screen and (max-width: 767px) {
	.serachkey {margin-top: 60px;padding: 30px 0;}
	.serachkey span {font-size: 20px;line-height: 24px;}
	.searchlist ul {margin: -8px -6px;}
	.searchlist ul li {padding: 8px 6px;}
	.searchlist ul li .pic {border-radius: 2px;}
	.searchlist ul li .pic img {height: 130px;}
	.searchlist ul li .info {padding: 0 6px;}
	.searchlist ul li .info h3 {font-size: 14px;line-height: 24px;margin-top: 10px;-webkit-line-clamp:1;}
	.searchlist ul li .info p {line-height: 20px;margin: 6px 0 8px;font-size: 12px;}
	.searchlist ul li .info h4 {font-size: 12px;line-height: 20px;}
}

@keyframes bounce{
    0%,20%,53%,80%,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        transform:translateZ(0)
    }
    40%,43%{
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-14px,0)
    }
    70%{
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-7px,0)
    }
    90%{
        transform:translate3d(0,0,0)
    }
}

@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake{
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}

/*图标抖动*/
@keyframes jitter{
  from, to{
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
  }
  25%{
    -webkit-transform:scale(0.9, 1.1);
    transform:scale(0.9, 1.1);
  }
  50%{
    -webkit-transform:scale(1.1, 0.9);
    transform:scale(1.1, 0.9);
  }
  75%{
    -webkit-transform:scale(0.95, 1.05);
    transform:scale(0.95, 1.05);
  }
}
@-webkit-keyframes jitter{
  from, to{
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
  }
  25%{
    -webkit-transform:scale(0.9, 1.1);
    transform:scale(0.9, 1.1);
  }
  50%{
    -webkit-transform:scale(1.1, 0.9);
    transform:scale(1.1, 0.9);
  }
  75%{
    -webkit-transform:scale(0.95, 1.05);
    transform:scale(0.95, 1.05);
  }
}

[class*=am-icon-]{display:inline-block;font-style:normal}
[class*=am-icon-]:before{display:inline-block;font:normal normal normal 1.6rem/1 FontAwesome,sans-serif;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
@font-face{font-family:FontAwesome;src:url(/style/font/fontawesome-webfont.eot?v=4.6.3);src:url(/style/font/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(/style/font/fontawesome-webfont.ttf?v=4.6.3) format('truetype');font-weight:400;font-style:normal}

