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

/*header*/
.head-fixed{width:100%;position:relative;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:209px; margin:0; position:relative}
#header .logo a{ display:block;}
#header .logo img{ max-width:100%; height:auto; vertical-align:middle;}
#header .slgon{ width:285px; height:50px; background:url(/images/slgon.png) no-repeat center left; padding-left:24px; font-size:16px; margin-left:7px; line-height:25px;}
.top-box{ display:none;}
@media(max-width:767px){
	.head-fixed{ display:none;}
}

.menu{width:calc(100% - 501px);transition:all 0.4s;}
.menu .nav{ width:100%; height:auto; padding:0 0 0 0
0px}
.menu .nav:after{ display:none;}
.menu li{position:relative;z-index:10;}
.menu li .svb{display:flex;align-items:center;padding:0 0;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:110%;}
.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; display:none;}
.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;}
000000000
.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 10px;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:70px;}
	.mo-header .logo{width:auto; height:50px; display:flex;align-items:center}
	.mo-header .slgon{ width:195px; height:50px; background:url(/images/slgon.png) no-repeat center left; padding-left:20px; font-size:14px; margin-left:5px; line-height:25px; background-size:auto 100%;}
	.mo-nav{width:100%;left:-100%;}
	.mo-nav .top{height:80px;padding:0 12px 0 16px;}
	.mo-lan{ display:none;}
}
@media only screen and (max-width:460px){
	.mo-header .logo{ height:40px;}
	.mo-header .slgon{ width:185px; height:40px; line-height:20px; font-size:13px; padding-left:14px; margin-left:3px;}
}
@media only screen and (max-width:400px){
	.mo-header{height:60px;}
	.mo-header .logo{ height:26px;}
	.mo-header .slgon{ width:160px; height:26px; line-height:13px; font-size:12px; padding-left:10px; margin-left:3px;}
}

.banner{overflow:hidden;margin-top:0;}
.indBanner_box{height:560px;position: relative;}
.indBanner_box video{width:100%;height:100%;position: absolute;top: 0;left: 0; object-fit:fill}
.indBanner_box::after{content: '';display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);position: absolute;top: 0;left: 0;}
.swiper-slide:nth-child(1){ display:block;}
.ban-box .swiper-slide{height:560px;background-size:cover !important;}
.ban-box .swiper-slide a{ display:block;width:100%;height:100%;}
.ban-box .swiper-slide img{ max-width:100%; height:auto; display:none;}
.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 .content1{display:-webkit-box; /* Safari 6-9 */display:-ms-flexbox; /* IE 10 */display:flex;align-content: flex-start;justify-content:flex-start;/*align-items: center;*/ padding-left:60px;}
.ban-box .ban-col .content h2{font-size:40px;line-height:1;color:#432116; font-weight:bold; position:relative;}
.ban-box .ban-col .content1 h2,.ban-box .ban-col .content1 h4{display:-webkit-box; /* Safari 6-9 */display:-ms-flexbox; /* IE 10 */display:flex; width:96px;}
.ban-box .ban-col .content1 h2 span{ display:block; width:48px; line-height:1.2; font-size:36px;}
.ban-box .ban-col .content1 h2 span:nth-child(2){ padding:90px 0 0;}
.ban-box .ban-col .content h2.p2{ padding-left:48px;}
.ban-box .ban-col .content h2.p2 font{ font-size:76px; font-family:"arial"; position:absolute; left:0; bottom:-13px;}
.ban-box .ban-col .content h4{font-size:18px;line-height:1.85;margin:20px 0 50px;color:#432116;}
.ban-box .ban-col .content1 h4{ margin:0 0 0 15px; letter-spacing:2px;}
.ban-box .ban-col .content1 h4 span{ display:block; width:35px; line-height:1.5;}
.ban-box .ban-col .content1 h4 span:nth-child(1){ padding:0px 10px 0 0;}
.ban-box .swiper-slide-active .ban-col .content h2{animation-name:fadeInUp;animation-duration:1.8s;animation-delay:0.8s;animation-fill-mode:both;}
.ban-box .swiper-slide-active .ban-col .content1 h2{animation-name:fadeInLeft;}
.ban-box .swiper-slide-active .ban-col .content h4{animation-name:fadeInUp;animation-duration:1.8s;animation-delay:1.2s;animation-fill-mode:both;}
.ban-box .swiper-slide-active .ban-col .content1 h4{animation-name:fadeInLeft;}
/*.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:none;background:#fff;opacity:1;margin:0 6px !important; position:relative; overflow:hidden;}
/*.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{ width:24px; border-radius:6px; background:#00479d;border:none;}
@media only screen and (max-width:1200px){
	.indBanner_box,
	.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){
	.indBanner_box,
	.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:70px;}
	.indBanner_box,
	.ban-box .swiper-slide{height:320px;}
	.ban-box .ban-col{padding:0;}
	.ban-box .box{max-width:100%;}
	.ban-box .ban-col .content{max-width:100%; padding:0 15px;}
	.ban-box .ban-col .content1{ padding-left:15px;}
	.ban-box .ban-col .content h2{font-size:24px;}
	.ban-box .ban-col .content1 h2,.ban-box .ban-col .content1 h4{ width:auto;}
	.ban-box .ban-col .content1 h2 span{width:26px; font-size:22px;}
	.ban-box .ban-col .content1 h2 span:nth-child(2){ padding:54px 0 0;}
	.ban-box .ban-col .content h2.p2{ padding-left:25px;}
	.ban-box .ban-col .content h2.p2 font{ font-size:40px; bottom:-7px;}
	.ban-box .ban-col .content h4{margin:10px 0 20px;font-size:14px;}
	.ban-box .ban-col .content1 h4{ margin:0 0 0 10px; letter-spacing:1px;}
	.ban-box .ban-col .content1 h4 span{ display:block; width:20px; line-height:1.25;}
	.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;}
	
.ban-box .ban-col .pic{max-width:440px; overflow:visible;}

}
@media only screen and (max-width:400px){
	.banner{margin-top:60px;}
}


/*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;}
}

.index_search{ width:100%; height:108px; background:#f2f2f2;}
.index_search>div{ border-radius:0 0 34px 34px; background:#fff;}
.index_search .box{ height:108px;line-height: 108px; overflow:hidden; color:#333333; font-size: 14px; padding-left: 75px; background:url(/images/hotkey.png) no-repeat 26px 50%;}
.index_search .box b{font-weight: bold; color:#333333;}
.index_search .box .inp01{height:48px;line-height:48px; padding-left: 14px; width:248px;float:left;color:#999999; font-size: 14px;  border:none; background:none; font-family:"Microsoft Yahei"; outline:none;}
.index_search .box .s_ss{float:left; width:38px; height:38px; background: none;border: none; cursor: pointer; background:#00479d url(/images/serss.png) no-repeat; margin:5px 6px; border-radius:50%;}
.index_search .box .key a{color:#333333;padding:0 12px;}
.index_search .box .key a:hover{color:#00479d;font-weight: bold;}
.index_search .box .key .lasta{background: none;}
.index_search .box .s_inp{ margin-top:0; margin-right: 35px; background:#f2f2f2 url(/images/serss.png) no-repeat; width: 300px;height:48px; border-radius:24px;}
@media(max-width:767px){
	.index_search{ display:none;}	
}


.main1{padding:140px 0 0;height:943px; background:#f2f2f2 url(/images/m1bg.jpg) no-repeat center;}
.main1 .mTop h2{height: 78px; text-align:center;}
.main1 .mTop p{font-size: 16px;height:297px; line-height:28px;color:#666666;animation-delay: 0.2s;padding:0 100px;text-align: center; margin-bottom:170px;}
.main1 .mTop span{display: block;width:86px;margin:0 auto 90px;}

.main1 .m_zz{height:140px;margin-left: 85px;}
.main1 .m_zz ul{height: 140px; position: relative; }
.main1 .m_zz li{position: relative;float: left; height: 115px;}
.main1 .m_zz li .line{ position:absolute; background:#fff; opacity:.3; overflow:hidden;}
.main1 .m_zz li .line:before{ content:''; display:block; width:1px; height:100%; position:absolute; background:#eb3e4c; opacity:0;}
.main1 .m_zz li:after,.main1 .m_zz li:before{ content:''; display:block; position:absolute; background:#fff; opacity:.3; width:7px; height:7px; bottom:30px; left:-20px; border-radius:50%;-moz-transition:all 0.36s ease-in-out;-webkit-transition:all 0.36s ease-in-out;-o-transition:all 0.36s ease-in-out;-ms-transition:all 0.36s ease-in-out;transition:all 0.36s ease-in-out;}
.main1 .m_zz li:before{ background:#eb3e4c; opacity:0;}
.main1 .m_zz li .line{ width:1px; height:313px; left:-17px;/*-webkit-transform:rotate(0deg); border-left:1px solid #ed4237;*/}
.main1 .m_zz li:nth-child(1) .line{top:-235px;}
.main1 .m_zz li:nth-child(2) .line{ height:241px;top:-163px;}
.main1 .m_zz li:nth-child(3) .line{ height:121px;top:-43px;}
.main1 .m_zz li:nth-child(4) .line{ height:293px;top:-215px;}
.main1 .m_zz li:hover .line{ background:none;opacity:1;}
.main1 .m_zz li:hover .line:before{animation:slide-up 2s alternate ease-in-out;animation-fill-mode:forwards; }
.main1 .m_zz li:hover:after{ background:#eb3e4c;opacity:0;}
.main1 .m_zz li:hover:before{opacity:1; transition-delay:1.8s;}

.main1 .m_zz li em{display: block;height:60px;line-height:60px;overflow: hidden; font-style:normal;}
.main1 .m_zz li em b{display: block; float: left; font-size: 70px; color: #fff; font-family: "arial"; font-weight: bold;}
.main1 .m_zz li em i{display: block; width:30px;height: 30px; line-height: 30px; background: #c7a875;border-radius: 50%; float: left;font-size: 18px;font-weight: bold; text-align: center; color: #00479d; font-style: normal; position: relative;top:25px; margin-left: 6px;}
.main1 .m_zz li h4{font-size: 18px; color: #fff; text-align: left; font-weight: normal; }
.main1 .m_zz li:nth-child(1){width:287px;}
.main1 .m_zz li:nth-child(2){width:240px;}
.main1 .m_zz li:nth-child(3){width:322px;}
.main1 .m_zz li:nth-child(4){width:233px;}
@keyframes slide-up {
  from {
    opacity: 0;
    transform: translateY(-100%); /* 起始状态：下移100 */
  }
  to {
    opacity: 1;
    transform: translateY(0); /* 结束状态：移动到原位 */
  }
}
@keyframes moveDown {
  to {
    top: 100%; /* 移动到容器的底部 */
  }
}
@-webkit-keyframes circleProgressLoad_right{

	0%{

		-webkit-transform: rotate(45deg);

	}

	50%{

		-webkit-transform: rotate(225deg);

	}

	100%{

		-webkit-transform: rotate(225deg);

	}

}

@-webkit-keyframes circleProgressLoad_left{
	0%{
		-webkit-transform: rotate(45deg);
	}
	50%{
		-webkit-transform: rotate(45deg);
	}
	100%{
		-webkit-transform: rotate(225deg);
	}

}
@media(max-width:767px){
	.main1{background:url(/images/mm1bg.jpg) no-repeat;background-size:100%;height:42.3rem;padding-top:6.5rem;box-sizing:border-box;}
	.main1 h2,.main1 h2 img{width:100%;display: block;}
	.main1 .mTop h2{ height:auto;}
	.main1 .mTop p{padding:0 8%;height:9.2rem;font-size:.95rem;line-height:1.8rem;color:#666666;margin-bottom:7.4rem;}
	.main1 .m_zz{ margin-left:8.8%; height:auto;}
	.main1 .m_zz ul{ height:auto;}
	.main1 .m_zz li{float:left;width:48.5% !important;height:7.5rem !important;}
	.main1 .m_zz li:after, .main1 .m_zz li:before{ display:none;}
	.main1 .m_zz li .line{ display:none;}
	.main1 .m_zz li em{display: block;font-weight:bold;color:#fff; height:auto; line-height:4rem;}
	.main1 .m_zz li em b{font-size:3rem;}
	.main1 .m_zz li em i{width:1.6rem;height:1.6rem;line-height: 1.6rem;font-size:0.9rem;top:1.4rem;margin-left:0.2rem;}
	.main1 .m_zz li h4{font-size:1.2rem;}
	.main1 .m_zz li:nth-child(2n){width:48.5% !important; padding-left:8.5%;}
	.main1 .m_zz li:nth-child(1),.main1 .m_zz li:nth-child(2){ border-bottom:0px solid rgba(255,255,255,.3);}
	.main1 .m_zz li:nth-child(1),.main1 .m_zz li:nth-child(3){ border-right:0px solid rgba(255,255,255,.3);}
}
@media(max-width:370px){
	.main1 .m_zz li h4{font-size:1rem;}
}

.mTit{ text-align:center; padding-bottom:92px;}
.mTit h1{ font-size:45px; color:#00479d; line-height:1; padding-bottom:15px; font-weight:600;}
.mTit p{ font-size:20px; color:#666666;}
@media(max-width:767px){
	.mTit{ padding-bottom:1rem;}
	.mTit h1{ font-size:1.7rem; padding-bottom:5px; line-height:1.5;}
	.mTit p{ font-size:1.2rem;}
}


.main2{background:url(/images/m2bg.jpg) no-repeat center top;height:1217px;padding-top: 70px;box-sizing:border-box;overflow: hidden;}
.main2 .box{position: relative; width:100%;}
.fl01tit{height:60px;line-height:60px;border-bottom: 1px solid #ccc;margin-bottom: 63px;position: relative;width:748px;}
.fl01tit li a{display: block; float: left;font-size: 26px;color:#333333;width: 216px;height: 60px;line-height: 60px;position: relative;text-align: center; border-radius:0 30px 0 30px;}
.fl01tit li a:before{content: "";position: absolute;background:url(/images/flline.png) no-repeat;width:16px;height: 25px;right: 0;top:20px;}
.fl01tit li a:hover,.fl01tit .on a{background:#00479d; color:#fff;}
.fl01tit li a:nth-child(3):before{background: none;}
.fl01tit li a:hover:before,.fl01tit .on a:before{background: none;}
.fl01tit .flmore{position: absolute;right: 0;top:20px;line-height:0;}
.fl01tit .flmore span{ display:none;}
.main2 .box h3{height:126px;font-size:36px;color:#333333;font-weight: bold;width:748px; line-height:1.6;}
.main2 .box h3 em{display: block;font-size:24px;color:#666666;font-weight: normal;line-height:36px; font-style:normal;}
.main2 .box p{font-size: 14px;line-height: 27px;color: #666666;height: 112px;width:748px;}
.flimg{position: absolute;right: -360px;top:0;width:744px;}
.flimg img{width:744px;height: 994px;display: block;border-radius: 25px 0 25px 0;}

.cp01st{position: relative;overflow: hidden;width:748px;height: 600px; }
.cp01st:before{content: "";position: absolute;width:496px;height: 1px;background: rgba(255,255,255,.6);left:97px;top:550px;}
.cp01st li{float: left;width:340px;margin-right: 30px;}
.cp01st li img{width:340px;height: 453px;border-radius: 25px 0 25px 0;}
.cp01st li em{display: block;width:340px;height:40px;line-height:40px;font-size: 16px;color:#fff;text-align: center; font-style:normal;}
.cp01st .cphd{position: absolute;width:96px;left:0;top:542px;}
.cp01st .cphd li{float: left;width:7px;height: 7px;border: 2px solid #fff;border-radius: 50%;margin-right: 12px;}
.cp01st .cphd .on{background: #fff;}
.cp01st .u_ljt,.cp01st .u_rjt{width: 48px;height: 46px;position: absolute;}
.cp01st .u_ljt{background:url(/images/jt.png) no-repeat 0 0;left:618px;top:522px;}
.cp01st .u_rjt{background:url(/images/jt.png) no-repeat right 0;left:670px;top:522px;}
@media(max-width:767px){
	.main2{padding:2.5rem 10px 2rem; height:auto; background:#f2f2f2; background-image:none;}
	.fl01tit{height:3rem;line-height:3rem;border: 1px solid #c1c1c1;margin-bottom:1.2rem;position: relative;width:100%;border-radius: 0 1.5rem 0 1.5rem;position: relative; overflow:hidden;}
	.fl01tit li a{ font-size:1.3rem;width: 25%;height:3rem;line-height:3rem;border-radius:0 1.5rem 0 1.5rem;}
	.fl01tit li a:before{background-size:100%;width:0.8rem;height:1.25rem;top:1rem;}
	.fl01tit .flmore{top:0;line-height:3rem;width:25%;text-align:center;font-size:1.3rem;color:#333333;}
	.fl01tit .flmore img{ display:none;}
	.fl01tit .flmore span{ display:inline-block;}
	
	.main2 .box h3{height:auto;font-size:1.6rem;width:100%; padding:0 0 5px;}
	.main2 .box h3 em{font-size:1.3rem;line-height:1.5;}
	.main2 .box p{font-size:1.1rem;line-height:1.6;height:auto;width:100%; padding-bottom:15px;}
	.flimg{ display:none;}
	
	.cp01st{width:100%;height:auto; }
	.cp01st:before{ display:none;}
	.cp01st li{width:47.8%;margin-right:4.4%; margin-bottom:.5rem;}
	.cp01st li:nth-child(2n){ margin-right:0;}
	.cp01st li img{width:100%;height:auto;border-radius:2rem 0 2rem 0; vertical-align:middle;}
	.cp01st li em{width:100%;height:3.2rem;line-height:3.2rem;font-size:1.2rem;color:#333;}
	.cp01st .cphd,
	.cp01st .u_ljt,.cp01st .u_rjt{display:none;}
}

.main3{background:url(/images/m3bg.jpg) no-repeat center top;height:1025px;padding:77px 0 0;overflow:hidden;}
.m3Tit{ position:relative;}
.m3Tit h2{height:70px;line-height: 70px;font-size: 48px;color:#333;font-weight: bold;}
.m3Tit h2 b{color:#00479d;}
.m3Tit .top{height: 46px;line-height: 46px;font-size:24px;color:#333333;}
.m3Tit .top span{ display:inline-block; vertical-align:middle;width:3px;height: 3px;background: #333333;border-radius: 50%; margin:0 0 0 6px;}
.m3Tit .top li{height:46px;line-height:46px;font-size:24px;color:#333333;margin-right:80px;position:relative;float:left;}
.m3Tit .top li{color:#333333;}
.m3Tit .top li:before{content: "";position: absolute;width:3px;height: 3px;background: #333333;border-radius: 50%;right:-42px;top:22px;}
.m3Tit .top li:nth-child(3){background:none;}
.m3Tit .more a{position:absolute;right:0;top:13px;background:#00479d url(/images/moreW.png) no-repeat 148px 50%;width:217px;height: 64px;line-height: 64px;padding-left:52px;font-size: 20px;color:#fff;display: block; border-radius:0 30px 0 30px;}
.main3 .box{ position:relative;}
.main3 .box .mbd li{float: left;width:366px;margin-right: 50px;}
.main3 .box .mbd li:nth-child(3){margin-right: 0;}
.main3 .box .mbd li img{width:366px;height: 488px;display: block;border-radius: 25px 0 25px 0;}
.main3 .box .mbd li.swiper-slide-active{margin-top: 120px;}
.main3 .box .mbd li.swiper-slide-next{margin-top: 60px;}
.main3 .box .mbd li:nth-child(3){margin-top: 0;}
.main3 .box .mbd li em{display:block;height:60px;line-height:60px;text-align:center;font-size:18px;color:#666;font-style:normal;}
.main3 .box .u_ljt,.main3 .box .u_rjt{width: 70px;height: 70px;position: absolute; z-index:5; cursor:pointer;}
.main3 .box .u_ljt{background:url(/images/ljt.png) no-repeat 0 0;right:82px;top:572px;}
.main3 .box .u_rjt{background:url(/images/rjt.png) no-repeat right 0;right:0;top:572px;}
@media only screen and (max-width:767px){
	.main3{background:none;height:auto;padding:2.5rem 10px 10.7rem; background:url(/images/mm3bg.jpg) no-repeat center;background-size:100%;}
	.m3Tit{ position:static; text-align:center;}
	.m3Tit h2{height:auto;line-height:1.5;font-size:2rem;}
	.m3Tit .top{height:auto;line-height:1.8;font-size:1.2rem; padding-bottom:15px;}
	.m3Tit .top span{width:2px;height:2px; margin:0 0 0 3px;}
	.m3Tit .more{position:absolute;right:0;top:inherit; bottom:-3.2rem; width:100%;}
	.m3Tit .more a{background:#00479d url(/images/moreW.png) no-repeat 15.6rem 50%;width:23.2rem;height:3.2rem;line-height:3.2rem;padding-left:0;font-size:1.2rem; border-radius:0 1.5rem 0 1.5rem; margin:0 auto; position:static; right:inherit; top:inherit;}
	
	.main3 .box .mbd li{float: left;width:47.8%;margin-right:4.4%;}
	.main3 .box .mbd li:nth-child(2n){margin-right: 0;}
	.main3 .box .mbd li img{width:100%;height:auto;border-radius:2rem 0 2rem 0;}
	.main3 .box .mbd li.swiper-slide-active{margin-top:0;}
	.main3 .box .mbd li.swiper-slide-next{margin-top:0;}
	.main3 .box .mbd li em{height:3.6rem;line-height:3.6rem;font-size:1.2rem;}
	.main3 .box .u_ljt,.main3 .box .u_rjt{ display:none;}
}


.main4{background:url(/images/m4bg.jpg) no-repeat center top;height:923px; overflow:hidden;}
.main4 .box{margin-left:670px;}
.main4 .box .hd{height:160px;}
.main4 .box .hd li{float: left;width:118px;height: 118px;border:1px solid #aaa;border-radius: 5px;padding-top: 15px;box-sizing:border-box; margin-right: 16px;font-size: 20px;color:#333;text-align: center;transition: all .6s ease 0s;}
.main4 .box .hd li:nth-child(4){margin-right: 0;}
.main4 .box .hd li i{width:80px;margin: 0 auto;display: block;overflow: hidden;}
.main4 .box .hd li i img{transition: all .6s ease 0s; height:60px; width:160px; max-width:none;}
.main4 .box .hd li.on i img{margin-left: -80px;}
.main4 .box .hd li.on{background:#00479d;border: 1px solid #00479d;color: #fff;}
.main4 .box .hd li.on{transform:translateY(-5px);	}
.main4 .box .bd dt{width:526px;height:188px;margin-bottom:20px;}
.main4 .box .bd dt img{width:526px;height:188px;display: block;border-radius:50px 0 50px 0;}
.main4 .box .bd h3{height:120px;position: relative;padding-left:135px;font-size:36px;color:#333333; padding-top:17px; line-height:1.5; font-weight:bold; overflow:hidden;}
.main4 .box .bd h3 img{ width:120px;}
.main4 .box .bd h3 i{position:absolute;left:0;top:0;}
.main4 .box .bd h3 em{display:block;font-size:18px;color:#666666;font-weight: normal; font-style:normal;}
.main4 .box .bd p{font-size:16px;line-height:28px;color:#666666;height:164px; margin:5px 0 0;}
.main4 .box .bd span a{display: block;width: 230px;height: 48px;line-height: 48px;background:#00479d;padding-left: 90px;font-size: 18px;color:#fff;box-sizing:border-box;border-radius: 30px;position: relative;}
.main4 .box .bd span a:before{content: "";position: absolute;width:26px;height: 26px;background:url(/images/zx.png) no-repeat;left:60px;top:12px;}
@media only screen and (max-width:767px){
	.main4{background:#f5f6fb;height:52rem; position: relative; background-image:none; padding:1rem 10px;}
	.main4 .box{margin:0;}
	.main4 .box .hd{height:8.3rem;}
	.main4 .box .hd li{width:23%;height:6rem;border-radius: 0.25rem;padding-top:0.3rem;margin-right: 2%;font-size: 1.3rem;}
	.main4 .box .hd li i{width:4rem;height:3rem;}
	.main4 .box .hd li i img{height:3rem; width:8rem;}
	.main4 .box .hd li.on i img{margin-left:-4rem;}
	.main4 .box .hd li.on{transform:translateY(0);	}
	.main4 .box .bd dt{width: 100%;margin-bottom:1.3rem; height:auto;}
	.main4 .box .bd dt img{width:100%;height:auto;border-radius:2rem 0 2rem 0;}
	.main4 .box .bd h3{height:6rem;padding-left:7.2rem;font-size:2rem; padding-top:0.9rem;}
	.main4 .box .bd h3 img{ width:100%;}
	.main4 .box .bd h3 i{width:6.5rem;height:6.5rem;}
	.main4 .box .bd h3 em{font-size:1.4rem;}
	.main4 .box .bd p{font-size:1.2rem;line-height:1.8;height:auto; margin:8px 0 0;}
	.main4 .box .bd span{ display:none;}
}


.main5{background:#00479d;height:272px;padding-top:120px;box-sizing:border-box;}
.main5 ul{ width:100%; height:124px; background:#fff; border-radius:6px; overflow:hidden; padding:0 30px;}
.main5 ul li{height:50px;line-height:46px;border:2px solid #00479d;border-radius:5px;margin-right:10px;padding:0 10px;}
.main5 ul li input{font-size:14px;color:#2b2f38;border:none;background:none;width:200px;height:46px;line-height:46px; outline:none;}
.main5 ul label{font-size: 14px;color:#2b2f38;}
.main5 ul li span{ color:red;}
.main5 ul li:nth-child(1){width:280px;}
.main5 ul li:nth-child(2){width:280px;}
.main5 ul li:nth-child(3){width:260px;}
.main5 ul li:nth-child(4){padding-left:0;border:none;}
.main5 ul .form-btn-submit{background:#00479d url(/images/ico5.png) no-repeat 62px 50%;width:254px;height:50px;padding-left: 0;border:none; cursor: pointer; background-size:auto 22px; color:#fff; font-size:17px; font-weight:600; text-align:center;border-radius:5px;}
@media only screen and (max-width:767px){
	.main5{background:url(/images/mm5bg.png) no-repeat;background-size:cover;height:auto;margin-top: -10.8rem;padding:11rem 0 2.5rem;position: relative;z-index:15; background-color:#f5f6fb;}
	.main5 ul{ height:auto; background:none; padding:0 10px;}
	.main5 ul li{height:3rem;line-height:3rem;border:none;border-radius:.2rem;padding:0;background:#fff;margin-right:0.5rem;justify-content: flex-start}
	.main5 ul li input{font-size:1rem;background:none;width:7rem;height:3rem;line-height:3rem; outline:none;}
	.main5 ul label{float: left;width:3rem;font-size:1rem;color:#2b2f38;text-align:center;}
	.main5 ul li span{ color:red;}
	.main5 ul li:nth-child(1){width:11.5rem;}
	.main5 ul li:nth-child(2){width:11.5rem;}
	.main5 ul li:nth-child(3){ display:none;}
	.main5 ul li:nth-child(4){padding-left:0;border:none;}
	.main5 ul .form-btn-submit{background:#fff url(/images/ico5-1.png) no-repeat 2rem 50%;width:11.5rem;height:3rem;background-size:auto 18px; color:#00479d; font-size:1rem; border-radius:.2rem; text-indent:18px;}
	
    
}

.main6{position: relative; background:url(/images/m6bg.jpg) no-repeat center top;background-size: cover;height:auto; padding:65px 0 172px;box-sizing: border-box; width:100%;max-width: 1920px;min-width: 1200px;margin: 0 auto; overflow: hidden; }
.main6:before{content: "";position: absolute; background:url(/images/dzbgd.png) no-repeat;background-size:cover;height:170px;left:0;bottom: 0;width:100%;}
.main6 .slcon{float:left;width:16.666666%;border-right:1px solid #cdcdcd;box-sizing:border-box;padding:0 2%;height:auto;}
.main6 .slcon:nth-child(4){border-right:none;}
.main6 .moren{display:block;}
.main6 .moren dt,.main6 .moren dt img{width:100%;display: block; border-radius:46px 0 46px 0; overflow:hidden;}
.main6 .moren dd{margin-top:30px;}
.main6 .moren h3{height:90px;font-size:32px;color:#333333;font-weight:normal;}
.main6 .moren p{font-size:14px;color:#666666;height:120px;}
.main6 .moren span{display:block;background:url(/images/jias.png) no-repeat;background-size: cover;width:38px;height:38px;}
.main6 .hover{display:none;padding:0 6%;box-sizing:border-box;}
.main6 .hover dt,.main6 .hover dt img{width:100%;display:block; border-radius:46px 0 46px 0; overflow:hidden;}
.main6 .hover dd{margin-top:20px;}
.main6 .hover h3{height:100px;font-size:32px;color:#333333;font-weight:bold;position:relative; line-height:1.5;}
.main6 .hover h3 em{display: block;font-size:16px;font-weight: normal;padding-top:5px; font-style:normal;}
.main6 .hover h3 i{position: absolute;right:5%;top:0;width:90px;height:90px;}
.main6 .hover h3 i img{display: block;width:100%;}
.main6 .hover ul{height:126px;}
.main6 .hover li{font-size:14px;color:#666666;height:auto;line-height:1.66;}
.main6 .hover li b{color: #333;}
.main6 .hover span{display: block;background:url(/images/jians.png) no-repeat;background-size: cover;width:38px;height:38px;}
.main6 .cur,.main6 .cur:hover{width:50%;}
.main6 .cur .hover{display: block;}
.main6 .cur .moren{display: none;}
.main6 .tabs2,.main6 .swiper-pagination{ display:none;}
@media only screen and (max-width:767px){
	.main6{ background-image:none;padding:3rem 10px 50px;min-width:320px;}
	.main6:before{height:50px;}
	.main6 .tabs2,.main6 .swiper-pagination{ display:block;}
	.main6 .box{ position:relative; padding-bottom:30px; overflow:hidden;}
	.main6 .slcon{border-right:none; width:100%; padding:0 1%;}
	.main6 .moren{ display:none;}
	.main6 .hover{ display:block; padding:0;}
	.main6 .hover dt,.main6 .hover dt img{ border-radius:2rem 0 2rem 0;}
	.main6 .hover dd{margin-top:1.6rem;}
	.main6 .hover h3{height:6.2rem;border-bottom:0.1rem solid #9d9d9d;padding-left: 6rem;font-size:1.8rem;margin-bottom:1.6rem;}
	.main6 .hover h3 i{left:0;right:inherit;width:5.2rem;height:5.2rem;}
	.main6 .hover h3 em{font-size:1.2rem;color:#333333;padding-top:0.2rem;}
	.main6 .hover ul{height:auto;}
	.main6 .hover li{font-size:1.2rem;line-height: 1.8rem;margin-bottom:0.7rem;}
	.main6 .hover span{display:none;}
	.main6 .box .swiper-pagination-bullet{width:0.8rem;height: 0.8rem;margin: 0 0.5rem;background: #373737;}
	.main6 .box .swiper-pagination-bullet-active{background:#00479d;width:2.4rem;border-radius: 2rem;}
	.main6 .box .swiper-pagination-bullets{ bottom:0;}
}

.main7{background: #f2f4fa;padding:0 0 90px;}
.main7 .mTit{ padding-bottom:60px;}
.main7 .box{ padding:0 0 30px;}
.main7 .box li{ width:31.333%; margin-right:3%;height:auto;overflow:hidden;border-radius:0 42px 0 0;background-color:#fff;transition:all 0.3s;margin-bottom:20px;}
.main7 .box li a{ display:block; width:100%; height:auto;}
.main7 .box li .title{ width:90%; height:auto; overflow:hidden; margin:40px 5% 0; line-height:1;font-family: "OPPOSans"; color:#333; font-size:22px; text-align:left; font-weight:bold;white-space: nowrap;text-overflow: ellipsis; }
.main7 .box li .con{ width:90%; height:60px;margin:10px auto 0 auto; line-height:30px;font-family: "OPPOSans"; color:#333; font-size:16px; text-align:left;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.main7 .box li .time{ width:90%; height:15px; overflow:hidden; margin:25px auto; background:url(/images/t26.png) no-repeat left center; line-height:15px; color:#888; font-size:14px; text-align:left; text-indent:1.5em;font-family: "OPPOSans";}
.main7 .box li:hover{-moz-box-shadow:5px 10px 15px #bbcedf; -webkit-box-shadow:5px 5px 15px #bbcedf; box-shadow:5px 5px 15px #bbcedf; transition:all 0.3s;}
.main7 .box .swiper-pagination{ bottom:0; text-align:right;}
.main7 .box .swiper-pagination-bullet{ width:10px; height:10px;}
.main7 .box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 0 0 8px;}
@media only screen and (max-width:767px){
	.main7{background: #f2f4fa;padding:1rem 10px 2.5rem;}
	.main7 .mTit{ padding-bottom:1.5rem;}
	.main7 .box{ padding:0 0 30px;}
	.main7 .box .swiper-pagination{ text-align:center;}
	.main7 .box li{border-radius:0 2rem 0 0;margin-bottom:0;}
	.main7 .box li .title{ width:92%; margin:1.5rem 4% 0; font-size:1.6rem;}
	.main7 .box li .con{ width:92%; height:auto; line-height:1.8; font-size:1.2rem; }
	.main7 .box li .time{ width:92%; margin:15px auto; font-size:1.1rem;}
	.main7 .box .swiper-pagination-bullet-active{ background:#00479d;}
}


.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_bg{ width:100%; height:100%; overflow:hidden; margin:0 auto; position:absolute; top:0; left:0; z-index:1;}
.footer_bg .bubble{position:absolute;border-radius: 50%;animation:spin 8s infinite linear;transform-origin: 55% 35%;}
.footer_bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;}
.footer_bg .sm-bubble{transform-origin: 30% 30px;}
.footer_bg .bg-bubble{transform-origin: 50% 45%;}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
.footer_bg .bubble1{left:-8.125%;top: -10.125%;width: 16%;padding-top: 16%;background-color: #084fc4;opacity: 1;filter: alpha(opacity=100);}
.footer_bg .bubble2{right: 20%;bottom: 0%;width: 10%;padding-top: 10%;background-color: #024dc8;}
.footer_bg .bubble3{right: 15%;top: 59%;border: 1px solid #5182d0;width: 2%;padding-top: 2%;}
.footer_bg .bubble5{right: 30.1%;top: 25.0625%;background-color: #0950c5;opacity: 1;width: 1%;padding-top: 1%;}
.footer_bg .bubble7{width: 8%;padding-top: 8%;left: -4%;bottom: -4%;border:1px solid #5182d0;}
.footer_bg .bubble9{width: 4%;padding-top: 4%;left: 40%;bottom: 20%;background-color: #0d56cd;}
.footer_bg .bubble10{width: 2%;padding-top: 2%;left: 11.67%;top: 50%;background-color: #0d56cd;}
.footer_bg .bubble11{right:5%;top: 8%;width: 6%;padding-top: 6%;background-color: #0d56cd;opacity: 1;filter: alpha(opacity=100);}
.footer{background:#00479d; position:relative; z-index:0;}
.footer>.w1200{ position:relative; z-index:9;}
.footer .info{padding:50px 0 60px;position: relative;}
.footer .info .left{align-items:normal;}
.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: #b0ceff; 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:#fff;}
.footer .info .left dd em{padding-left: 16px;}
.footer .info .left dd a{color: #b0ceff;}
.footer .info .left dl:nth-child(1){ text-align:center; width:120px; margin-right:60px;}
.footer .info .left dl:nth-child(1) dd{ padding:0;margin-top:5px;}
.footer .info .left dl:nth-child(1) img{ width:100%; height:auto; vertical-align:middle;}
.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: #b0ceff;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: #fff;}
.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: #b0ceff;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: #b0ceff;}
.footer .copy .right{font-size: 14px;line-height: 24px;color: #b0ceff;}
.footer .copy .right a{color: #b0ceff;}
.footer .copy a:hover{color: #fff;}
.flink{ width:100%; padding:10px 0 0;font-size: 14px;line-height: 24px;color: #bbbdca;}
.flink a{color: #b0ceff; margin:0 8px 0 0;}
.flink a:hover{color: #fff;}

/*侧边栏留言表单*/
.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:30px 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 .info .left dl:nth-child(1){display:flex;justify-content:flex-start;align-items:center; width:100%; margin:0; padding-bottom:25px;}
	.footer .info .left dl:nth-child(1) dd{ padding:0;margin-top:0; width:1.4rem; font-size:1.2rem; line-height:1.4;}
	.footer .info .left dl:nth-child(1) img{ width:120px; height:auto; vertical-align:middle; margin-right:10px;}
	
	.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;position:relative;z-index: 0;margin-top:0; position:relative;}
.newsBan{ height:300px;}
.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.5;margin-bottom:6px;text-transform: capitalize;}
.newsBan .bancontent .summary h2{color: #222; font-weight:bold; font-size:42px;}
.bancontent .summary p{font-size: 16px;color: #fff;line-height:30px;}
.newsBan .bancontent .summary p{color: #333; font-size:17px;}
.bancontent .linkbtn{margin: 50px 0 10px;}
.inBan .sitebtn3{padding:0 22px;}
.inBan .sitebtn3 h5{color:#fff;font-size:17px;line-height:52px;}
.inBan .sitebtn3 i svg path{fill:#ffffff;}
.inBan .tab{ position:absolute; left:50%; bottom:0; width:600px; height:42px; text-align:right; z-index:9; margin-left:0;}
.inBan .tab ul li{display:inline-block;padding:0 20px;position:relative;cursor: pointer;transition: 0.5s all;}
.inBan .tab ul li p{font-size:20px; color:#333;}
.inBan .tab ul li.active p{color:#1963d1;font-weight:bold;}
.inBan .tab ul li.active p:after{content:'';height:2px;width:100%;display:block;background:#00479d;margin-top:16px;}
@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:220px;margin-top:70px; background-size:cover !important;}
	.bancontent{padding: 0 15px;}
	.bancontent .summary h2{font-size:26px;margin-bottom:5px;}
	.newsBan .bancontent .summary h2{font-size:24px;}
	.bancontent .summary p{ line-height:24px;}
	.newsBan .bancontent .summary p{font-size:1.25rem;}
	.bancontent .linkbtn {margin:20px 0 5px;}
	.inBan .sitebtn3 {padding: 0 16px;}
	.inBan .sitebtn3 h5 {line-height:38px;}
	
	
	.newsBan{ margin-bottom:40px;}
	.inBan .tab{ left:0; bottom:-62px; width:100%; height:42px; text-align:center;}
	.inBan .tab ul li{padding:0 20px;}
	.inBan .tab ul li p{font-size:1.4rem;}
	.inBan .tab ul li.active p:after{margin-top:12px;}
	
}
@media only screen and (max-width:400px){
	.inBan{margin-top:60px;}
}


.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; min-height:500px;}
.proListBox,.aboutListBox{padding:40px 0 90px;}
.proListBox .sideL,.aboutListBox .sideL{width:230px;position:sticky;top:0px; float:left;padding:0 50px 0 0;}
.proListBox .side_r,.aboutListBox .side_r{width: calc(100% - 230px); padding-left:50px; float:right;border-left:1px solid #e6e6e6;}

.newsListBox,.caseListBox{padding:40px 0 90px; position:relative;}
.newsListBox .side_r{width:100%; float:none;}
.nyDetail .newsListBox .side_r{width:calc(100% - 340px); float:left;}
.newsListBox .sideL{width:800px;position:absolute;top:0px; float:none; left:50%; display:none;}
.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}


.side-title{color:#1A1A1A;line-height: 1;font-size: 24px;margin-bottom: 30px; display:none;}
.sidecate dl dd{width:180px;height:180px;background:#3891e3;box-shadow:0 3px 10px rgba(0,0,0,0.3);margin-bottom:20px;}
/*.sidecate dl dd:nth-child(2n){ background:#e5801f;}*/
.sidecate dl dd a{height:100%;padding:0 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.sidecate dl dd a p{font-size: 18px;color:#fff;text-align:center;font-weight: 500;letter-spacing: 1px;}
.sidecate dl dd a i{width:80px;height:80px; background:#fff; margin:10px auto 0; line-height:80px; border-radius:50%;display:flex;align-items:center;justify-content:center;}
.sidecate dl dd a i svg{ width:48px; height:48px;}
.sidecate dl dd a i svg path{fill:#3891e3;}
/*.sidecate dl dd:nth-child(2n) a i svg path{fill:#e5801f;}*/
.sidecate dl dd img{ width:24px;margin:10px 0 0 auto;}
.sidecate dl dd.on,.sidecate dl dd:hover{background:#00479d;}
.sidecate dl dd.on a i svg path,.sidecate dl dd:hover a i svg path{fill:#00479d;}


.newsListBox .sideL .side-title{ display:none;}
.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;}
	
	.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;}
	
	.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 .sideL,.aboutListBox .sideL{ width:100%; height:auto; padding:0 0 10px;}
	.proListBox .side_r,.aboutListBox .side_r{ width:100%;margin-bottom:0; padding:0; border:none;}
	.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;}
	.nyDetail .newsListBox .side_r{width:100%;}
	
	.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:0; width:auto; height:auto; float:left; width:31.333%; margin:0 3% 15px 0;box-shadow:none;border-radius:30px; overflow:hidden;}
	.sidecate dl dd:nth-child(3n){ margin-right:0;}
	.sidecate dl dd a{height:auto;padding:10px 20px; line-height:1.5; display:block;}
	.sidecate dl dd a p{font-size:14px;}
	.sidecate dl dd a i,.sidecate dl dd a img{ display:none;}
	
	.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;}
}
.newsR{background: #FFFFFF;border-radius:4px;box-shadow: 0 0 60px 0 rgba(0,0,0,0.1);position: relative;padding:20px 19px; width:300px; float:right;}
.newsR .rnews{ width:100%; height:auto;}
.newsR .rnews .title2{padding: 0 0 10px 0; position:relative;}
.newsR .rnews .title2 span {display: block;height: 40px;line-height: 40px;font-size: 22px;color: #333333;}
.newsR .rnews .title2:before {content: '';position: absolute;width: 36px;height: 2px;background:#00479d;left: 0;bottom: 2px;}
.newsR .rnews ul{ padding:15px 0 0;}
.newsR .rnews ul li{ margin-bottom:12px; position:relative; padding-left:12px;}
.newsR .rnews ul li:before{content:'';position: absolute;width:4px;height:4px;background:#666; border-radius:50%;left:0; top:50%; margin-top:-2px;}
.newsR .rnews ul li a{ font-size:16px; color:#333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:26px; font-weight:500;}
.newsR .rnews ul li span{ display:block;font-size:14px;color:#999;line-height:26px; display:none;}
.newsR .rnews ul li:hover a{ color:#00479d;}

.sideWrap{ width:100%;}
.side_rc{ width:100%; height:auto; padding:0; color:#333;}
@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 -15px;}
.productList li{width:calc(100% / 3);padding:12px 15px;}
.productList li .img{border-radius:8px 0 8px 0;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:#000;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:#00479d;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity:0;transition-delay: 0.2s; border-radius:50%;}
.productList li .img i svg{width: 20px;height: 20px;}
.productList li img{ vertical-align:middle;}
.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.6;}
.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(max-width:767px){
	.productList ul {margin: -8px -8px;}
	.productList ul li{padding:8px 8px;width:50%;}
	.productList ul li .img {border-radius:0;}
	.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: 14px;}
}


/*简介*/
.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{width:100%;height:auto;display:flex;align-items:center;justify-content:space-between;padding:0 0 30px;}
.aProfile .con{ width:60%; padding-right:25px;}	
.aProfile .con .aTit{font-size:22px;line-height:1;padding-bottom:10px; font-weight:bold;}
.aProfile .con .aCon{color:#787878;line-height: 2;margin-top:0; font-size:16px; text-align:justify;}
.aProfile .pic{ width:40%;height:auto;border-radius:46px 0 46px 0; overflow:hidden;}
.aProfile .pic img{width: 100%;height:100%; max-width:100%;transition:all 0.4s; vertical-align:middle;}
.aProfile .pic:hover img{transform: scale(1.1);}
.tits{ width:100%; height:auto; margin-bottom:15px; position:relative;}
.tits:after{ content:''; position:absolute; top:50%; left:0; display:block; width:5px; height:24px; margin-top:-12px; background:#00479d;}
.tits h5{ font-size:24px; font-weight:bold; padding-left:20px; line-height:50px; color:#00479d;}
.aPpgs{ width:100%; height:auto;}
.aPpgs .row{ padding:0 0 30px;position: relative;}
.aPpgs .row:last-child{ padding:0;}
.aPpgs .row .con{position: relative; width:100%; margin-top:10px;}
.aPpgs .row .con:last-child{ margin-top:1px;}
.aPpgs .row .con .pic{width:40%; border-radius:46px 0 46px 0; overflow:hidden;}
.aPpgs .row .con .pic img{ max-width:100%; height:auto; vertical-align:middle;transition:all 0.4s;}
.aPpgs .row .con .pic:hover img{transform: scale(1.1);}
.aPpgs .row .con .desc{ position:absolute; right:0; top:50%;width:60%;transform:translateY(-50%);padding:0px 0 0 25px;background-color:#fff;border-bottom:0px solid #00479d;z-index:5;}
.aPpgs .row .con .desc h1{font-size:22px;line-height:1;color:#000; margin-bottom:10px;font-weight: bold;}
.aPpgs .row .con .desc p{ margin-top:0;font-size:16px;color:#8f8f8f;line-height:2;text-align: justify;}
.aPpgs ul{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.aPpgs ul li{ width:100%; height:auto; margin-bottom:25px;}
.aPpgs ul li:last-child{ margin-bottom:0;}
.aPpgs ul li .tit{display:flex;align-items:center; line-height:1.2; padding-bottom:10px; display:none;}
.aPpgs ul li .tit i{ font-style:normal; font-size:50px; font-family:"Basically"; font-weight:bold; color:#00479d;}
.aPpgs ul li .tit span{ font-size:22px; font-weight:bold; color:#333; padding:0 0 0 10px; line-height:1.4;}
.aPpgs ul li .tit em{ font-style:normal; display:block; font-weight:normal; font-size:14px; color:#999; text-transform:uppercase;}
.aPpgs ul li .info{ width:100%; height:auto;}
.aPpgs ul li .info h5{font-size:20px;line-height:1;color:#000; margin-bottom:10px;font-weight:bold;}
.aPpgs ul li .info p{ margin-top:0;font-size:16px;color:#666;line-height:2;text-align: justify;}*/



/*.zsyw01{ width:100%; height:auto; padding:0 0 30px;display:flex;align-items:center;justify-content:space-between;}
.zsyw01 .pic{ width:28%; height:310px; border-radius:46px 0 46px 0; overflow:hidden; position:relative;}
.zsyw01 .pic img{ max-width:none; width:auto; height:100%; vertical-align:middle;transition:all 0.4s; position:absolute; top:50%; left:50%;transform:translate(-50%,-50%) scale(1);}
.zsyw01 .pic:hover img{transform:translate(-50%,-50%) scale(1.1);}
.zsyw01 .txt{ width:calc(72% - 35px);font-size:16px;color:#333;line-height:2;text-align: justify;}
.zsyw01 .txt h5{font-size:20px;line-height:1;color:#000; margin-bottom:15px;font-weight:bold;}
.zsyw01 .txt h5 span{ font-size:14px; text-transform:uppercase; color:#8f8f8f; margin-left:5px; vertical-align:bottom; display:inline-block; font-weight:normal;}

.zsyw02{ width:100%; height:auto; padding:0 0 30px;}
.zsyw02 .txt{ width:100%;font-size:16px;color:#333;line-height:2;text-align: justify;}
.zsyw02 .txt h5{font-size:20px;line-height:1;color:#000; margin-bottom:15px;font-weight:bold;}
.zsyw02 .txt h5 span{ font-size:14px; text-transform:uppercase; color:#8f8f8f; margin-left:5px; vertical-align:bottom; display:inline-block; font-weight:normal;}
.zsyw02 .img{ width:100%; height:auto; text-align:center;}
.zsyw02 .img img{ max-width:100%; height:auto;}
.zsyw02 .img p{ font-size:16px; line-height:2; text-align:left; padding:5px 0 20px;color:#666;}
.zsyw02 .img p b{ color:#042a95;}
.zsyw02 .box{ width:100%; height:auto; padding:0 0 30px;display:flex;align-items:center;justify-content:space-between;}
.zsyw02 .box .pic{ width:30%; height:310px; border-radius:46px 0 46px 0; overflow:hidden; position:relative;}
.zsyw02 .box .pic img{ max-width:none; width:auto; height:100%; vertical-align:middle;transition:all 0.4s; position:absolute; top:50%; left:50%;transform:translate(-50%,-50%) scale(1);}
.zsyw02 .box .pic:hover img{transform:translate(-50%,-50%) scale(1.1);}
.zsyw02 .box .txt{ width:calc(70% - 35px);}

.aBz{ padding:0;}*/

.contactBox{padding:60px 0 0;}
.contactBox .coninfo{ width:100%; height:auto;}
.contactBox .coninfo .title h2{font-size:40px;font-weight:bold;line-height:1.5;color:#222;}
.contactBox .coninfo .details{margin-top:40px;display:flex;flex-direction: row;justify-content: space-between; width:100%;}
.contactBox .coninfo .details li{ color:#000; line-height:1;}
.contactBox .coninfo .details li h3{font-size:24px;color:#333333;}
.contactBox .coninfo .details i{display:flex;justify-content: center;align-items: center;widtH:60px;height:60px;font-size:60px;}
.contactBox .coninfo .xin_tit{padding:20px 0 25px;display:block;color:#666666; font-size:16px;}
.contactBox .add_box{padding:50px 0 40px;border-top:1px solid #e9e9e9;color:#222222;font-size:20px;margin-top:70px;line-height:1.5; width:100%;}
.contactBox .add_box span{}

.map{position:relative;z-index: 0; height:450px; width:100%;}
#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) {
	#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) {
	#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{display:block;padding:0 0 15px;}
	.aProfile .con{ width:100%; padding:0 0 15px;}	
	.aProfile .con .aTit{font-size:18px;}
	.aProfile .con .aCon{line-height:1.8;font-size:14px;}
	.aProfile .pic{ width:100%;}
	
	.tits{ margin-bottom:10px;}
	.tits:after{ width:3px; height:20px; margin-top:-8px;}
	.tits h5{ font-size:20px; padding-left:15px; line-height:40px;}
	.aPpgs .row{ padding:0 0 15px;}
	.aPpgs .row .con{position: relative; width:100%; margin-top:10px;}
	.aPpgs .row .con:last-child{ margin-top:1px;}
	.aPpgs .row .con .pic{width:100%; margin-bottom:15px;}
	.aPpgs .row .con .desc{ position:relative; right:inherit; top:inherit;width:100%;transform:translateY(0%);padding:0;}
	.aPpgs .row .con .desc h1{font-size:18px;}
	.aPpgs .row .con .desc p{font-size:14px;line-height:1.8;}
	.aPpgs ul li{ width:100%; height:auto; margin-bottom:18px;}
	.aPpgs ul li .info h5{font-size:18px; margin-bottom:5px;}
	.aPpgs ul li .info p{ font-size:14px;line-height:1.8;}*/
	
	/*.zsyw01{ padding:0 0 20px; position:relative; display:block;}
	.zsyw01 .pic{ width:100%; height:auto; position:relative;}
	.zsyw01 .pic img{ max-width:100%;height:auto; position:relative; left:auto; top:auto;transform: translate(-0%,-0%) scale(1);}
	.zsyw01 .pic:hover img{transform:translate(0%,0%) scale(1.1);}
	.zsyw01 .txt{ width:100%;font-size:14px; line-height:1.8; padding-left:0;}
	.zsyw01 .txt h5{font-size:18px; margin-bottom:10px; text-align:left;}
	.zsyw01 .txt h5 span{ font-size:14px; margin-left:2px;}
	
	.aCd .txt{ padding-top:15px !important;}
	.aGy .txt,.aBz .txt{ padding-bottom:15px;}
	
	.zsyw02{ padding:0 0 0px;}
	.zsyw02 .txt{font-size:14px;line-height:1.8;}
	.zsyw02 .txt h5{font-size:18px;margin-bottom:10px;}
	.zsyw02 .txt h5 span{ margin-left:2px;}
	.zsyw02 .img p{ font-size:14px; line-height:1.8; padding:0px 0 10px;}
	.zsyw02 .box{ padding:0 0 20px; position:relative; display:block;}
	.zsyw02 .box .pic{ width:100%; height:auto; margin-bottom:15px;}
	.zsyw02 .box .pic img{ max-width:100%; height:auto; position:relative; left:auto; top:auto;transform: translate(0%,0%) scale(1);}
	.zsyw02 .box .pic:hover img{transform:translate(0%,0%) scale(1.1);}
	.zsyw02 .box .txt{padding-left:0; width:100%;}*/

	
	
	.contactBox{padding: 0 15px 0;}
	.contactBox .coninfo .title h2{font-size:22px;}
	.contactBox .coninfo .details{margin-top:20px;display:block;}
	.contactBox .coninfo .details li{ margin-bottom:10px;}
	.contactBox .coninfo .details li:after {clear: both;content: '';height: 0;display: block;}
	.contactBox .coninfo .details li svg{widtH:30px;height:30px;}
	.contactBox .coninfo .details li p:nth-child(1){ float:left; width:30px; height:40px; margin-right:15px;padding:5px 0 0;}
	.contactBox .coninfo .details li h3{font-size:18px;}
	.contactBox .coninfo .details i{widtH:30px;height:40px;font-size:28px;}
	.contactBox .coninfo .xin_tit{padding:10px 0; font-size:14px;}
	.contactBox .add_box{padding:20px 0;font-size:17px;margin-top:20px;}
	.map{ height:350px;}
}

.rProfile{padding:50px 0; background: #f8f8f8;}
.r_t{display:flex;justify-content:center;align-items:center; width:100%;}
.r_t h2{text-align:right;line-height:10px;color:#616161; padding-right:15px; font-size:15px;}
.r_t h2 i{color:#333;font-size:18px;font-weight:500;padding:0 0 15px 0;text-transform:uppercase;display:block;font-style:normal;}
.r_t span{ display:block;color:#00479d;font-weight:bold;font-size:44px; line-height:1.2; padding-right:220px;}
.r_t em{ display:none;}
.r_c{ width:100%; height:auto; padding-top:30px;display:flex;justify-content:space-between;align-items:center;}
.r_c .r_cl{ margin-left:50px;}
.r_c .r_cl img{ width:100%; max-width:100%; height:auto; vertical-align:middle;}
.r_c .r_cr{ width:800px; font-size:16px; line-height:1.8; color:#333; padding-top:0px; margin-right:50px;}
.r_c .r_cr font{ color:#143f76; font-size:18px;}
.r_b{ width:100%; height:auto; padding-top:60px;}
.r_b .r_bt{line-height:26px;border-bottom:1px solid #434343;color:#383838;font-size:24px;padding-bottom:20px;margin-bottom:20px;}
.r_b ul{ width:100%; height:auto; padding:0;}
.r_b ul li{ width:100%; float:left; position:relative;margin-bottom:20px; padding:5px 17px 5px 18px;background-color:#ffffff;}
.r_b ul li:hover{background-color:#fafafa;box-shadow: 2px 5px 15px 0px rgba(38, 36, 36, 0.1);}
.r_b ul li .tit{ width:100%;border-bottom:1px dotted #d0d0d0; padding-bottom:5px;}
.r_b ul li .tit h5{line-height:46px;font-size:18px;font-weight:bold; float:left; width:100%;}
.r_b ul li .tit h5 a{ color:#4c4949; display:block;}
.r_b ul li .tit h5 em{ float:right; font-style:normal; font-size:20px; font-weight:normal;}
.r_b ul li .tit span{ float:right;color:#9F9F9F;font-family:Arial; font-size:15px; display:none;}
.r_b ul li .desc{ padding-top:5px;}
.r_b ul li .desc dd{float:left;height:46px;box-sizing:border-box;line-height:46px; margin-left:55px;}
.r_b ul li .desc dd:first-of-type{ margin-left:0;}
.r_b ul li .desc dd:last-of-type{ float:right;}
.r_b ul li .desc dd span{color:#b4adad;font-size:14px;}
.r_b ul li .desc dd span b{ font-weight:normal;}
.r_b ul li .desc dd i{ font-size:14px;color:#4c4949; font-style:normal;}
@media(max-width:767px){	
	.rProfile{ padding:20px 15px; background:#f8f8f8;}
	.r_t{ margin:0 auto; padding:0 0 15px; display:block;}
	.r_t h2{ display:none;}
	.r_t span{ float:none;font-size:1.8rem; width:100%; text-align:center;padding-right:0;}
	.r_t em{ font-size:1.2rem; color:#888; margin-top:5px; text-align:center; font-style:normal; display:block;}
	.r_c{ width:100%; height:auto; padding-top:1rem; display:block;}
	.r_c .r_cl{ float:none; margin-left:0; text-align:center;}
	.r_c .r_cl img{ max-width:60%; height:auto; width:auto; margin:0;}
	.r_c .r_cr{ width:100%;  margin-right:0; padding:15px 0 0;}
	
	.r_b{ width:100%; height:auto; padding:35px 0 0;}
	.r_b .r_bt{ line-height:30px; font-size:22px;padding-bottom:10px; margin-bottom:10px;}
	
	.r_b ul{ padding:5px 0 0;}
	.r_b ul li{margin-bottom:15px;width:100%;height:auto;padding:8px 10px;}
	.r_b ul li .tit{ padding:0 0 5px;line-height:38px;}
	.r_b ul li .tit h5{line-height:38px;font-size:1.2rem; float:left; max-width:78%;}
	.r_b ul li .tit em{ display:none;}
	.r_b ul li .tit span{color:#9F9F9F; font-size:1rem; display:block;}
	.r_b ul li .desc{ padding:5px 0 0}
	.r_b ul li .desc dd{ width:50%; height:auto; line-height:1.8; margin:0; text-align:left;}
	.r_b ul li .desc dd:nth-child(2n){ text-align:right;}
	.r_b ul li .desc dd:last-of-type{ display:none;}
	.r_b ul li .desc dd span{color: #9F9F9F;font-size:14px;}
	.r_b ul li .desc dd span b{ display:none;}
	.r_b ul li .desc dd i{ font-size:14px;color:#686868;}
	
}



/*新闻*/
.news_list .ntBox{ width:100%; height:auto;}
.news_list .ntBox a{display:flex;justify-content: space-between;align-items: center;}
.news_list .ntBox .pic{width:50%;position: relative;}
.news_list .ntBox .pic .img_hezi{ padding-bottom:50.5% !important;}
.news_list .ntBox .pic>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
.news_list .ntBox .con{width:46%;}
.news_list .ntBox .con h5{font-size:28px;color:#333;line-height:1.5;transition:.5s;position: relative;}
.news_list .ntBox .con .desc{font-size:16px;color: #666666;line-height:2;margin:10px 0 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.news_list .ntBox .con .time{ width:100%; height:18px; overflow:hidden; margin:0 0 30px; background:url(/images/t26.png) no-repeat left center; line-height:18px; color:#888; font-size:15px; text-align:left; text-indent:1.5em;font-family: "OPPOSans";}
.news_list .ntBox .con:hover h5{color:#00479d;}
.news_list .ntBox .con:hover .desc{color:#333}

.news_list ul{justify-content:flex-start;}
.news_list li{ width:32%; margin-top:40px;margin-right:2%;transition: all .6s; -webkit-transition: all .6s;}
.news_list li:nth-child(3n){margin-right:0;}
.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{ width:100%; height:auto;}
.news_list li .info a{border:1px solid #eaeaea; padding:30px 20px;display:block;border-radius:3px;}
.news_list li .info h3{font-size:20px;line-height: 1;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;color:#1A1A1A;}
.news_list li .info p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;font-size: 14px;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:28px;margin:15px 0 12px; color:#666;}
.news_list li .info .time{ display: flex; align-items: center;justify-content:space-between;font-size:15px; color:#848484;}
.news_list li .info .time span:nth-child(2){color:#333;font-size:22px;}
.news_list li hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom:23px;margin-top:15px;}
.news_list li hr{background:#e7e8f2;position:relative; margin:25px 0 15px;}
.news_list li hr:after{position:absolute;left:0;top:0;content:'';width:0;height:1px;background:#00479d;transition: all 0.6s ;}
.news_list li:hover hr:after{width:100%;}
.news_list li:hover hr:after{width:100%;}
.news_list li:hover a{border-color:#00479d;}
.news_list li:hover {transform: scale(1.05);-webkit-transform: scale(1.05);}
@media(max-width:767px){	
	.news_list .ntBox{ width:100%; height:auto;}
	.news_list .ntBox a{display:block;}
	.news_list .ntBox .pic{width:100%;}
	.news_list .ntBox .con{width:100%; padding:10px 0 0;}
	.news_list .ntBox .con h5{font-size:2rem;}
	.news_list .ntBox .con .desc{font-size:1.2rem;margin:0 0 15px;}
	.news_list .ntBox .con .time{ margin:0 0 15px; font-size:1.1rem;  text-indent:1.7em;}
	.news_list .ntBox .con svg{ width:28px; height:auto;}
	
	.news_list ul { padding:10px 0 0;}
	.news_list ul li{width:100%; margin-top:15px; margin-right:0;}
	.news_list li .info a{ padding:15px 10px;}
	.news_list ul li .info h3 {font-size:1.8rem;}
	.news_list ul li .info p{margin:8px 0 5px; font-size:1.2rem}
	.news_list li hr{ margin:10px 0 8px;}
	.news_list li .info .time{font-size:1.1rem;}
	.news_list li .info .time span:nth-child(2){font-size:18px;}
}

/*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:0;}
.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 30px 25px;}
.proListBox .detail_contop{box-shadow:none;padding:0px;}
.zpBox{ padding:10px 0 50px;}
.zpBox .detail_contop{box-shadow:none;padding:30px 0 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;}
.proListBox .detail_title{ text-align:center;}
.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;}
/*.zpBox .detail_title{ text-align:center;}*/
/*.zpBox .detail_time{ display:none;}*/
.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;}
.zpBox .details_info{ padding:20px 0 0;}
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:50px 0 0; width:100%; float:left;}
.recommend .hotList{ width:1200px; height:auto; margin:0 auto;}
.recommend .hotList h2{font-size:36px;line-height: 1; font-weight:bold;}
.recommend .hotList .swiper-container{padding:50px 0;margin: 0 -15px;}
.recommend .hotList ul li{padding:0 15px; width:25%;}
.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:#000;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; font-weight:normal;}
.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.6;}
.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:0;}
	.detailWarper{ padding:0;}
	.detail_title{ font-size:1.55rem;}
	.detail_contop{padding:10px 15px 15px;}	
	.zpBox .detail_contop{padding:10px 15px 15px;}
	.zpBox .details_info{ padding:10px 0 0;}
	
	
	.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 20px;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:14px;margin-top:10px;line-height: 20px;padding:0;}	
	.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: #00479d;border-color: #00479d;}
.detail_fenye .npagerlist a:hover i svg path{fill: #ffffff;}
.detail_fenye .npagerlist a:hover p{color: #00479d;}
@media(max-width:767px){
	.newsR{ display:none;}
	.zpBox .detail_fenye{padding:0 15px;}
}

.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}