@charset "utf-8";
@import url("bootstrap.min.css");
@import url("swiper.min.css");
@import url("icomoon.css");
@font-face{font-family:'Manrope';font-weight:200;src:url(../fonts/Manrope-Light.ttf);font-display:swap}
@font-face{font-family:'Manrope';font-weight:300;src:url(../fonts/Manrope-Regular.ttf);font-display:swap}
@font-face{font-family:'Manrope';font-weight:400;src:url(../fonts/Manrope-Bold.ttf);font-display:swap}
@font-face{font-family:'Manrope';font-weight:500;src:url(../fonts/Manrope-ExtraBold.ttf);font-display:swap}
html,body,ul,li{-webkit-text-size-adjust:none;margin:0;padding:0;font-size: 14px;font-family: 'Manrope';font-weight:300}
h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,p,textarea{font-weight:normal;font-family:'Manrope';font-weight:300}
input,dl,dt,dd,ul,li{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top;list-style:none;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
img{display: inline-block; border:none}
h1{font-weight:500;}
h2{font-weight:300;}
h3{font-weight:400;}
a{text-decoration:none;color:#0a263e;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.2s;font-family:'Manrope';}
a:hover{ color:#05588d;text-decoration:none;}
.container{overflow-x: hidden;overflow-y: hidden;}
.containerfull{padding: 0 2%;width: 100%;}
.vermidd{display: table-cell;vertical-align: middle;}
/* header */
header {position:fixed;left:0;top: 0px;z-index: 500;width: 100%;transition:all .4s ease;height: 140px;line-height: 140px;padding-top: 20px;padding-bottom: 20px;transition: all .2s}
header.container{overflow: visible;}
header .row > div{padding: 0}
header .row .logo a {display: block;}
header .row .logo a img{width:180px;transition: all .2s;display:inline-block;}
header .row .menu{text-align: right;display: table;}
header .row .menu .table-cell{display: table-cell;vertical-align:middle;font-size:0;}
header .row .menu ul{background: #ffffffa0;border-radius:50px;margin-right:20px;white-space:nowrap;line-height: 50px;display: inline-block;vertical-align: middle;padding: 0 20px}
header .row .menu ul:first-child{padding: 0 50px}
header .row .menu ul:last-child{margin-right: 0}
header .row .menu ul li{position: relative;padding:0 15px;display: inline-block;}
header .row .menu ul:last-child{background: #05588d}
header .row .menu ul:last-child li{padding:0 8px;}
header .row .menu ul li > a{color: #333;font-size: 16px;position: relative;display: inline-block;line-height: 50px;font-weight:400;}
header .row .menu ul:last-child li > a{color: #fff;font-size:18px;}
header .row .menu ul li > a:after{content:'';position: absolute;bottom:4px;left: 50%;background: #05588d;width: 0;height: 1px;border-radius:10px;display: block;transition: all .2s}
header .row .menu ul li.cur > a:after,header .row .menu ul li > a:hover:after{width: 100%;left: 0;}
header .row .menu ul:last-child li > a:hover{color: #fef6ee}
header .row .menu ul:last-child li > a:hover:after{display: none}
header .row .menu ul li > i{display:inline-block;color: #333;font-size: 14px;vertical-align: bottom;line-height: 50px;margin-left: 8px}
header .row .menu ul li span{display: block;position: absolute;left:-20%;width: 140%;top:100px;background: #ffffffe0;padding:20px;opacity: 0;visibility: hidden;transition: all .3s;text-align: center;border-radius:3px;box-shadow: 0 5px 8px 5px rgba(0,0,0,0.08);z-index: 1000;}
header .row .menu ul li span:after{position: absolute;top: -8px;left: 50%;display: inline-block;border-right: 8px solid transparent;border-bottom: 8px solid #ffffffe0;
    border-left: 6px solid transparent;content: '';margin-left: -4px}
header .row .menu ul li span a{display: block;line-height: 40px;font-size: 14px;border-bottom: 1px #ccc dotted}
header .row .menu ul li.this span{top: 60px;opacity: 1;visibility: visible;}
header .row .menu ul li:nth-child(3) span{left:-30%;width: 160%;}
header .row .menu ul li.cur span{opacity: 1;visibility: visible;top:60px;}
header .row .menu ul li.lang{display: inline-block;vertical-align: top;color: #fff;padding:0 10px 0 5px;background: #aaa;line-height: 30px;text-transform: uppercase;height:30px;margin-top: 15px;border-radius: 4px}
header .row .menu ul li.lang span{background: url(../images/lang.png) no-repeat center top;width: 24px;height: 18px;display: inline-block;vertical-align: text-bottom;margin-right: 10px}
header .row .menu ul li.lang i{vertical-align: top;display: inline-block;color: #fff;line-height: 30px;vertical-align: top}
header .row .menu ul li.lang i.icon-toplang{margin-right:8px}
header .row .menu ul li.login,header .row .menu ul li.share{position: relative;margin-left: 10px}
header .row .menu ul li.login:after,header .row .menu ul li.share:after{content: '';position: absolute;left: 0;top: 22px;height: 16px;width: 1px;background: #ffffff30}
header .row .menu ul li.login i{width:22px;height:22px;background: #f40b42;border-radius: 50%;display: inline-block;color: #fff;font-size: 12px;line-height: 21px;text-align: center;margin-top: 19px;margin-right: 10px;vertical-align: top;padding-right:1px;}
header .row .menu ul li.share > a{font-size: 17px;line-height: 60px}
header .row .menu ul li.share > a:hover{color: #f40b42}
header .row .menu ul li.share > a:hover:after{width: 0}
header .row .mobilemenu{display: none;text-align: right;}
header.scroll,header#fixed{background: #fff;box-shadow: 0 5px 8px 5px rgba(0,0,0,0.08);height: 70px;line-height: 70px;padding-top:0;padding-bottom: 0;}
header.scroll .row .logo a img,header#fixed .row .logo a img{width:150px;}
header.scroll .row .logo a h1,header#fixed .row .logo a h1{color: #95c054;font-size: 22px;font-weight: 400}
header.scroll .row .menu,header#fixed .row .menu{display: block;}
header.scroll .row .menu .table-cell,header#fixed .row .menu .table-cell{vertical-align: top;display: inline-block;width:100%;}
header.scroll .row .menu .table-cell ul,header#fixed .row .menu .table-cell ul{display: inline-block;line-height: 42px;text-align: right;background:none;margin-right: 0}
header.scroll .row .menu ul:first-child,header#fixed .row .menu ul:first-child{padding: 0 30px 0 0}
header.scroll .row .menu .table-cell ul:last-child,header#fixed .row .menu .table-cell ul:last-child{background: #05588d}
header.scroll .row .menu .table-cell ul li,header#fixed .row .menu .table-cell ul li{line-height: 42px;}
header.scroll .row .menu ul li > a,header#fixed .row .menu ul li > a{font-size: 16px;line-height: 42px;}
header.scroll .row .menu ul li > i,header#fixed .row .menu ul li > i{line-height: 42px;color: #aaa}
header.scroll .row .menu ul li span,header#fixed .row .menu ul li span{top:70px;background: #05588d}
header.scroll .row .menu ul li span:after,header#fixed .row .menu ul li span:after{border-bottom: 8px solid #05588d;}
header.scroll .row .menu ul li span a,header#fixed .row .menu ul li span a{color: #fff;border-bottom-color: #ffffff30}
header.scroll .row .menu ul li span a:hover,header#fixed .row .menu ul li span a:hover{color: #fef6ee}
header.scroll .row .menu ul li.this span,header#fixed .row .menu ul li.this span{opacity: 1;visibility: visible;top:56px;}

@media screen and (max-width:1399px) {
	header .row .logo a img{width: 150px}
	header {height: 120px;line-height: 120px;}
	header .row .menu ul:first-child{padding:0 42px;}
	header .row .menu ul{white-space:nowrap;line-height: 42px;}
	header .row .menu ul li > a{font-size: 15px;line-height: 42px;}
	header .row .menu ul li > i{line-height: 42px;}
	header .row .menu ul:last-child li > a{font-size: 16px}
}
@media screen and (max-width:1199px) {
	header .row .menu ul:first-child{padding:0 25px;}
	header.scroll,header#fixed{height: 60px;line-height: 60px;border-bottom: 1px #ddd solid}
}

@media screen and (max-width:991px) {
	header .row .logo a img{width: 140px}
	header.scroll .row .logo a img,header#fixed .row .logo a img{width:140px;}
	header {height: 60px;line-height:60px;}
	header .row .menu{display: block;position: fixed;top:60px;left:-60%;height: 100vh;width: 100%;background: #ffffff;transition: all .3s;opacity: 0;visibility: hidden;}
	header.active .row .menu{left: 0;opacity: 1;visibility: visible;}
	header .row .menu .table-cell,header.scroll .row .menu .table-cell,header#fixed .row .menu .table-cell{display: block;text-align: left;padding-top: 30px;}
	header .row .menu ul,header.scroll .row .menu .table-cell ul:last-child,header#fixed .row .menu .table-cell ul:last-child{display: block;background: none;margin-right: 0}
	header.scroll .row .menu ul:first-child,header#fixed .row .menu ul:first-child{padding: 0 25px;display: block;text-align: left}
	header .row .menu ul li{height: 70px;overflow: hidden;}
	header .row .menu ul li,header.scroll .row .menu ul li,header#fixed .row .menu ul li{display: block;padding: 0;border-bottom: 1px #ddd solid;line-height: 70px;}
	header.scroll .row .menu .table-cell ul li,header#fixed .row .menu .table-cell ul li{line-height: 70px;}
	header .row .menu ul:last-child li,header.scroll .row .menu ul:last-child li,header#fixed .row .menu ul:last-child li{border-bottom: none}
	header .row .menu ul:last-child,header.scroll .row .menu ul:last-child,header#fixed .row .menu ul:last-child{background:none;padding-top: 50px;text-align: left}
	header .row .menu ul:last-child li,header.scroll .row .menu ul:last-child li,header#fixed .row .menu ul:last-child li{display: inline-block;padding: 2px}
	header .row .menu ul:last-child li a,header.scroll .row .menu ul:last-child li > a,header#fixed .row .menu ul:last-child li > a{background:#05588d;display: inline-block;width: 35px;line-height: 35px;text-align: center;border-radius:5px;color: #fff}
	header .row .menu ul li a,header.scroll .row .menu ul li > a,header#fixed .row .menu ul li > a{font-size: 20px;color: #333;display: block;line-height: 70px}
	header .row .menu ul:last-child li > a{font-size: 16px}
	header .row .menu ul li > a:after{display: none}
	header .row .menu ul li span,header.scroll .row .menu ul li.this span,header#fixed .row .menu ul li.cur span{display: block;position:static;width: 100%;text-align: left;opacity:1;visibility: visible;box-shadow: none;padding: 0}
	header.scroll .row .menu ul li span{background: none;}
	header.scroll .row .menu ul li span a,header#fixed .row .menu ul li span a{color: #333;}
	header.scroll .row .menu ul li span a:hover,header#fixed .row .menu ul li span a:hover{color: #333}
	header .row .menu ul li span a{border-bottom: 1px #ddd solid;line-height: 60px;display: block;position: relative;padding-left: 15px;font-size: 15px}
	header .row .menu ul li span a:last-child{border-bottom: none}
	header .row .menu ul li span a:after{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;border-radius: 50%;background: #666;display: inline-block;}
	header .row .menu ul li span:after{display: none}
	header .row .menu ul li:nth-child(3) span{width: 100%}
	header .row .menu ul li > i{position: absolute;right: 0;top: 15px;font-size: 20px;z-index: 5;cursor: pointer;transform: rotate(-90deg);display: inline-block;transition: all .3s}
	header .row .menu ul li.active > i{transform: rotate(0);color: #000}
	header .row .menu ul li.active > a{border-bottom: 1px #eee solid}
	header .row .mobilemenu{display: block;padding-top: 10px}
	header .row .mobilemenu > a{display:inline-block;padding:10px 0;position: relative;cursor: pointer;width:45px;height:40px;text-align: center;overflow:hidden;}
	header .row .mobilemenu > a span,header .row .mobilemenu > a span:after,header .row .mobilemenu > a span:before {content:"";display:block;width:24px;height:3px;background:rgba(255,255,255,.8);position:absolute;top:50%;margin-top:-1px;left:6px; -webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);}
	header .row .mobilemenu > a span:after {margin-top:-7px;top:0;transition-delay:0.27s;}
	header .row .mobilemenu > a span:before {margin-top:7px;top:0;transition-delay:0.2s;}
	header .row .mobilemenu.click a span,header .row .mobilemenu.click a span:after,header .row .mobilemenu.click a span:before {transition-delay:0.12s;-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
	header .row .mobilemenu.click a span:after {transition-delay:0s;}
	header .row .mobilemenu.click a span:before {transition-delay:0.07s;}
	header .row .mobilemenu > a i:before,header .row .mobilemenu > a i:after {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
	header .row .mobilemenu > a i:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
	header .row .mobilemenu > a i:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
	header .row .mobilemenu.click a i:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
	header .row .mobilemenu.click a i:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
	header.scroll .mobilemenu a span,header#fixed .mobilemenu a span,header.scroll .mobilemenu a span:after,header.scroll .mobilemenu a span:before,header#fixed .mobilemenu a span:after,header#fixed .mobilemenu a span:before{background: rgba(0,0,0,.8);}
}

.index-banner-swiper {width: 100%;position: relative;max-height: 100vh;overflow: hidden;} 
.index-banner-swiper .swiper-wrapper{height: auto}
.index-banner {position: relative;overflow: hidden;}
.index-banner .text {position: absolute;width: 55%;top: 50%;transform: translateY(-50%);z-index: 11;color: #fff;left: 10%}
.index-banner .text h1{width: 100%;font-size: 30px;font-style:italic;}
.index-banner .text h2{margin-top:2%;line-height:1.1;font-size:60px;text-transform: capitalize;font-weight:500;}
.index-banner .text h3{margin-top:5%;font-size: 18px;line-height:26px;width:80%;font-weight: 200}
.index-banner .text .more{margin-top:6%;display: block;}
.index-banner .text .more a{line-height: 45px;padding: 0 45px;background: #05588d;color: #fff;margin-right:15px;display: inline-block;text-transform: uppercase;font-weight: 400;border-top-left-radius:20px;border-bottom-right-radius:20px;}
.index-banner .text .more a i{line-height: 45px;display: inline-block;margin-left: 10px}
.index-banner .text .more a.cur{background: #b1b2b3;border-color: #b1b2b3}
.index-banner .text .more a:hover{background: #fff;color: #333;border-color: #fff}
.index-banner-swiper .swiper-slide .video,.index-banner-swiper .swiper-slide .img{background: #000;position: relative;}
.index-banner-swiper .swiper-slide .video video{width: 100%;opacity: 0.5;display: inline-block;vertical-align: top}
.index-banner-swiper .swiper-slide .img img{width: 100%;opacity: 0.8;display: inline-block;vertical-align: top}
.index-banner-swiper .swiper-slide .text h1,.index-banner-swiper .swiper-slide .text h2,.index-banner-swiper .swiper-slide .text h3,.index-banner-swiper .swiper-slide .text .more{opacity: 0;transform:translateY(-60px);transition:all 0.8s;}
.index-banner-swiper .swiper-slide .text h2,.index-banner-swiper .swiper-slide .text h3{transition-delay: .4s;position: relative;padding-top: 20px}
.index-banner-swiper .swiper-slide .text h3{transition-delay: .6s;}
.index-banner-swiper .swiper-slide .text .more{transition-delay: 0.8s;}
.index-banner-swiper .swiper-slide-active .text h1,.index-banner-swiper .swiper-slide-active .text h2,.index-banner-swiper .swiper-slide-active .text h3,.index-banner-swiper .swiper-slide-active .text .more{transform: translateY(0px);opacity: 1;}
.swiper-ctrl {position: absolute;width: 100%;left: 0;bottom: 45px;z-index: 11;font-size: 0;text-align: center;}
.scroll-center {display: inline-block;position: absolute;right: 0;bottom: 0;width: 80px;text-align: center;}
.scroll-center .scroll {text-transform: uppercase;color: #fff;position: relative;font-size: 12px;width: 50px;vertical-align: top}
.scroll-center .scroll::before,.scroll-center .scroll::after{content: '';width: 1px;height: 35px;background: #fff;position: absolute;right: 26px;top: -40px;opacity: .5;}
.scroll-center .scroll::after{height: 15px;background: #b71b33;opacity: 1;z-index: 11;top: -36px;width: 3px;right: 25px;-webkit-animation: rotateplane 3s infinite ease-in-out;animation: rotateplane 3s infinite ease-in-out;}
@keyframes rotateplane{ 
    0%{transform: translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px)}
    50%{transform: translateY(12px);-ms-transform:translateY(12px);-moz-transform:translateY(12px);-webkit-transform:translateY(12px);-o-transform:translateY(12px)}
    100%{transform: translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px)}
}
.left-pagination {position: absolute;left: 50%;transform: translateX(-50%);z-index: 11;bottom: 0}
.index-banner-swiper .banner-pagination {text-align: center;left: auto;bottom:auto!important;right:auto!important;left:auto!important;width: auto;color: #fff;width:auto;transform:none;position: relative}
.index-banner-swiper .banner-pagination span{opacity: 1;margin: 0 3px!important;position: relative;width: 32px;height: 32px;background: transparent;display: inline-block;vertical-align: middle;}
.index-banner-swiper .banner-pagination span::before {content: '';width:5px;height:5px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);background: #fff;transition:all .4s ease;opacity: .5;}
.index-banner-swiper .banner-pagination span::after {content: '';width:32px;height:32px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);z-index: 1;border: 2px solid rgba(255,255,255,.5);opacity: 0;transition:all .4s ease;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {background: #fff!important;opacity: 1;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::after {opacity: 1;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .content {opacity: 1;}
.index-banner-swiper .banner-pagination span .content {position: absolute;top: 0;width: 50%;height:100%;margin: 0;padding: 0;overflow: hidden;opacity: 0;transition:all .4s ease;z-index: 11;}
.index-banner-swiper .banner-pagination span .left {left: 0;}
.index-banner-swiper .banner-pagination span .right {right: 0;}
.index-banner-swiper .banner-pagination span .circle {position: absolute;margin: 0;width: 32px;height: 32px;border-radius: 50%;border: 2px solid transparent;transform: rotate(135deg);box-sizing: border-box;}
.index-banner-swiper .banner-pagination span .left-circle {left: 0;border-top-color: #fff;border-left-color: #fff;}
.index-banner-swiper .banner-pagination span .right-circle {right: 0;border-bottom-color: #fff;border-right-color: #fff;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .left-circle {animation: circleleft 5s linear forwards;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .right-circle {animation:circleright 5s linear forwards;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active:first-child .left-circle {animation: circleleft 5s linear forwards;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active:first-child .right-circle {animation:circleright 5s linear forwards;}
@keyframes circleright {0% {transform: rotate(135deg);}50%,100% {transform: rotate(315deg);}}
@keyframes circleleft {0%,50% {transform: rotate(135deg);}100% {transform: rotate(315deg);}}

@media screen and (max-width: 1699px) {
	.index-banner .text h1{font-size: 25px}
	.index-banner .text h2{font-size: 50px;}
	.index-banner .text h3{font-size: 17px;margin-top:4%;}
}

@media screen and (max-width: 1399px) {
	.index-banner .text {width: 60%;left: 6%}
	.index-banner .text h1{font-size: 20px}
	.index-banner .text h2{font-size: 40px;}
	.index-banner-swiper .swiper-slide .text h2,.index-banner-swiper .swiper-slide .text h3{padding-top:10px;display: block;width: 100%}
	.index-banner .text h3{font-size: 16px;margin-top: 0px}
	.index-banner .text .more{margin-top:4%;}
	.index-banner .text .more a{line-height: 40px;padding: 0 40px;}
	.index-banner .text .more a i{line-height: 40px;}
	.swiper-ctrl {bottom: 35px;}
}
@media screen and (max-width: 1199px) {
	.index-banner-swiper .swiper-slide .img{position: relative;}
	.index-banner-swiper .swiper-slide .img:after{height:550px;content:'';display:block}
	.index-banner-swiper .swiper-slide .img img{position:absolute;left:50%;height:100%;width:auto;max-width:initial;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
	.index-banner .text {width: 85%;left: 2%}
	.index-banner .text .more{margin-top:40px;}
	.index-banner .text .more a{line-height: 35px;padding: 0 35px;font-size: 13px}
	.index-banner .text .more a i{line-height: 35px;}
	.swiper-ctrl {bottom: 25px;}
}

@media screen and (max-width: 991px) {
	.index-banner-swiper .swiper-slide .img:after{height:450px;}
	.index-banner .text {width: 96%;}
	.index-banner .text h1{font-size: 18px}
	.index-banner .text h2{font-size: 30px}
	.index-banner-swiper .swiper-slide .text h2{padding-top:0}
	.index-banner .text h3{font-size: 15px}
}

@media screen and (max-width:767px) {
	.index-banner .text h1{font-size: 16px}
	.index-banner .text h2{font-size: 24px}
	.index-banner .text h3{font-size: 14px}
}

.banner-inner{width:100%;position: relative;overflow: hidden;}
.banner-inner .comm-title{position: absolute;left:7%;top: 45%;z-index: 100;}
.banner-inner .comm-title h1{font-size:55px;color: #fff;position: relative;padding-bottom: 0;font-weight: 400;padding-left: 0}
.banner-inner .comm-title h1:after,.banner-inner .comm-title h1:before{background:#fff;display: none}
.banner-inner .comm-title h2{color: #fffffff0;font-size:20px;margin-top: 0;text-transform:capitalize;font-weight: 400}
.banner-inner .bgimg{position:relative;will-change: transform;display: block;}
.banner-inner .bgimg img{width: 100%}
@media screen and (max-width: 1399px) {
	.banner-inner .comm-title h1{font-size:45px;}
	.banner-inner .comm-title h2{font-size:18px;}
}
@media screen and (max-width: 1199px) {
	.banner-inner .comm-title{left: 5%}
	.banner-inner .comm-title h1{font-size:35px;}
	.banner-inner .comm-title h2{font-size:16px;}
	.banner-inner .bgimg:after{height:380px;content:'';display:block}
	.banner-inner .bgimg img{position:absolute;left:50%;height:100%;width:auto;max-width:initial;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
}
@media screen and (max-width: 991px) {
	.banner-inner .comm-title{left: 2%}
	.banner-inner .comm-title h1{font-size:25px;}
	.banner-inner .comm-title h2{font-size:14px;}
	.banner-inner .bgimg:after{height:300px;}
}
@media screen and (max-width: 767px) {
	.banner-inner .bgimg:after{height:280px;}
}
.comm-title{display: block;}
.comm-title h1{font-weight: 300;color: #999;position: relative;padding-left:18px;display: inline-block;font-size:20px;text-transform: uppercase;}
.comm-title h1:after{content: '';position: absolute;left: 0;top: 3px;width:3px;height: 18px;background: #05588d}
.comm-title h2{font-size:40px;line-height: 45px;font-weight: 500;color: #0a263e;text-transform: uppercase;margin-top: 20px}
@media screen and (max-width: 1399px) {
	.comm-title h1{font-size:18px;}
	.comm-title h1:after{top: 2px;height: 17px}
	.comm-title h2{font-size:35px;line-height: 40px;}
}
@media screen and (max-width: 1199px) {
	.comm-title h1{font-size:16px;}
	.comm-title h1:after{top: 2px;height: 14px}
	.comm-title h2{font-size:28px;line-height: 35px;}
}
@media screen and (max-width: 991px) {
	.comm-title h1{font-size:16px;}
	.comm-title h2{font-size:20px;line-height: 25px;}
}
.index-about{background: url(../images/comy_bg.jpg) no-repeat left bottom;padding-top: 100px;padding-bottom:120px;}
.index-about .intro{padding-left: 0}
.index-about .rightimg{padding-right: 0;padding-left: 5%}
.index-about .intro p{font-size:18px;color: #777;line-height: 28px;display: block;margin-top:40px;font-weight: 200}
.index-about .intro .more,.index-product .sroll-product .swiper-slide .comm-title .more{display: block;margin-top: 100px;}
.index-about .intro .more a,.index-product .sroll-product .swiper-slide .comm-title .more a,.more a{line-height: 45px;padding: 0 50px;background: #05588d;color: #fff;margin-right:15px;display: inline-block;text-transform: uppercase;font-weight: 400;border-top-left-radius:20px;border-bottom-right-radius:20px;font-size:14px;}
.index-about .intro .more a i,.index-product .sroll-product .swiper-slide .comm-title .more a i,.more a i{margin-left: 10px;transition: all .2s}
.index-about .intro .more a:hover i,.index-product .sroll-product .swiper-slide .comm-title .more a:hover i,.more a:hover i{margin-left: 20px}
.index-about .img{display: block;position: relative;}
.index-about .img img{width: 100%;border-top-right-radius:60px}
.index-about .img:after{content: '';position: absolute;right: -35px;bottom: -35px;background: #05588d;width: 90%;height: 200px;z-index: -1}
.index-block{background: linear-gradient(0,#ddd,#eee);padding-top:80px;padding-bottom: 80px;font-size:0}
.index-block dl{width: 23.5%;display: inline-block;vertical-align: top;background: #fff;padding: 30px;margin-right: 2%;box-shadow: 0px 5px 20px #00000010;}
.index-block dl:last-child{margin-right: 0}
.index-block dl dt{display: block;}
.index-block dl dt i{color: #05588d;font-size:70px;}
.index-block dl dd{display: block;margin-top: 15px}
.index-block dl dd h1{font-size:25px;color: #0a263e;min-height: 60px;line-height: 30px}
.index-block dl dd p{font-weight: 200;font-size:16px;color: #666;line-height: 23px;display: block;margin-top: 20px;min-height: 138px}

@media screen and (max-width: 1399px) {
	.index-about{padding-top: 80px;padding-bottom:100px;}
	.index-about .intro p{font-size:17px;line-height: 25px;margin-top:35px;}
	.index-about .intro .more,.index-product .sroll-product .swiper-slide .comm-title .more{margin-top: 80px;}
	.index-about .intro .more a,.index-product .sroll-product .swiper-slide .comm-title .more a,.more a{line-height: 40px;padding: 0 40px;font-size:13px;}
	.index-block{padding-top:70px;padding-bottom: 70px;}
	.index-block dl dt i{font-size:60px;}
	.index-block dl dd h1{font-size:22px;min-height: 56px;line-height: 28px;}
	.index-block dl dd p{font-size:15px;line-height: 22px;margin-top: 15px;min-height: 154px}
}
@media screen and (max-width: 1199px) {
	.index-about{padding-top: 60px;padding-bottom:80px;}
	.index-about .intro p{font-size:16px;line-height: 22px;margin-top:25px;}
	.index-about .intro .more,.index-product .sroll-product .swiper-slide .comm-title .more{margin-top: 60px;}
	.index-about .intro .more a,.index-product .sroll-product .swiper-slide .comm-title .more a,.more a{line-height: 35px;padding: 0 35px}
	.index-block{padding-top:55px;padding-bottom: 55px;}
	.index-block dl dd h1{font-size:20px;min-height: 50px;line-height: 25px;}
	.index-block dl dd p{font-size:14px;line-height: 20px;margin-top: 10px;min-height: 180px}
}
@media screen and (max-width: 991px) {
	.index-about{padding-top: 40px;}
	.index-about .intro p{font-size:15px;line-height: 20px;margin-top:15px;}
	.index-about .intro .more,.index-product .sroll-product .swiper-slide .comm-title .more{margin-top: 30px;margin-bottom: 30px;}
	.index-about .intro .more a,.index-product .sroll-product .swiper-slide .comm-title .more a,.more a{padding: 0 25px}
	.index-about .rightimg{padding-left: 0}
	.index-block{padding-top:40px;padding-bottom: 40px;}
	.index-block dl{width: 49%;padding:20px;}
	.index-block dl:nth-child(2n){margin-right: 0}
	.index-block dl dd p{min-height: 120px}
}
@media screen and (max-width: 767px) {
	.index-block dl{width: 100%;margin-right: 0}
	.index-block dl:nth-child(2n){margin-right: 0}
	.index-block dl dt i{font-size:50px;}
	.index-block dl dd h1{font-size:18px;min-height:auto;line-height: 22px;}
	.index-block dl dd p{min-height: auto}
}


.index-product{background: #021c39;position: relative;}
.index-product .sroll-product .swiper-slide{position: relative;}
.index-product .sroll-product .swiper-slide .img{display: block;position: relative;overflow: hidden;}
.index-product .sroll-product .swiper-slide .img img{width:100%;opacity: 0.3}
.index-product .sroll-product .swiper-button-prev:after,.index-product .sroll-product .swiper-button-next:after{font-size: 25px;color: #ffffffa0}
.index-product .sroll-product .swiper-slide .comm-title{position: absolute;left: 7%;top: 18%;z-index: 10}
.index-product .sroll-product .swiper-slide .comm-title h1{color: #fff}
.index-product .sroll-product .swiper-slide .comm-title h2{color: #fff;font-size:70px;font-weight:500;margin-top: 20px;display: block;margin-bottom: 40px}
.index-product .sroll-product .swiper-slide .comm-title p{color: #fff;font-size:17px;line-height: 28px;font-weight:200;display: block;margin-top:25px}
.index-product .sroll-product .swiper-slide .comm-title .para{display: table;margin-top: 35px;font-size:0;color: #fff}
.index-product .sroll-product .swiper-slide .comm-title .para dl{display:table-cell;padding-right:80px;position: relative;}
.index-product .sroll-product .swiper-slide .comm-title .para dl:after{content: '';position: absolute;right: 40px;top: 0;background: #ffffff20;width:1px;height: 100%}
.index-product .sroll-product .swiper-slide .comm-title .para dl:last-child:after{display:none;}
.index-product .sroll-product .swiper-slide .comm-title .para dl dt{display: block;font-size:30px;font-weight: 500;}
.index-product .sroll-product .swiper-slide .comm-title .para dl dd{color: #ffffff90;font-size:18px;font-weight:200;line-height: 22px;display: block;margin-top: 10px}
.index-product .sroll-product .swiper-slide .comm-title .more{margin-top: 60px;}
.product-content{display: block;margin-top: -200px;background:#f5f5f5;}
.product-content dl{background: #ebebeb;cursor: pointer;padding:35px;display: block;border-bottom-right-radius: 50px;transition: all .2s;}
.product-content .swiper-slide-thumb-active dl{background: #05588d}
.product-content dl h3{color: #222;font-weight:500;font-size:20px;display: block;line-height: 30px}
.product-content dl h3 span{line-height: 30px;font-size:16px;font-weight:200;position: relative;padding-left: 15px;margin-left: 15px;display: inline-block;}
.product-content dl h3 span:after{content: '';position: absolute;left: 0;top: 6px;width:1px;height: 16px;background: #00000030}
.product-content dl dt{display: block;margin-top: 20px}
.product-content dl dt img{max-width: 100%}
.product-content dl dd{display: block;}
.product-content dl dd h1{font-size:28px;}
.product-content dl dd p{font-size:15px;font-weight:200;line-height: 20px;display: block;margin-top: 20px}
.product-content .swiper-slide-thumb-active dl{box-shadow:0px 0 15px #00000030;}
.product-content .swiper-slide-thumb-active dl h3,.product-content .swiper-slide-thumb-active dl dd{color:#fff;}
.product-content .swiper-slide-thumb-active dl h3 span:after{background: #ffffff30}
@media screen and (max-width: 1699px) {
	.index-product .sroll-product .swiper-slide .comm-title h1{font-size: 18px}
	.index-product .sroll-product .swiper-slide .comm-title h1:after{height: 16px;top: 2px}
	.index-product .sroll-product .swiper-slide .comm-title h2{font-size:60px;}
	.index-product .sroll-product .swiper-slide .comm-title .para dl dt{font-size:25px;}
	.index-product .sroll-product .swiper-slide .comm-title .para dl dd{font-size:17px;}
	.index-product .sroll-product .swiper-slide .comm-title .more{margin-top: 40px;}
	.product-content dl dd h1{font-size:25px;}
}
@media screen and (max-width: 1399px) {
	.index-product .sroll-product .swiper-slide .comm-title{left: 6%;top: 15%;}
	.index-product .sroll-product .swiper-slide .comm-title h2{font-size:50px;}
	.index-product .sroll-product .swiper-slide .comm-title .para dl dt{font-size:18px;}
	.index-product .sroll-product .swiper-slide .comm-title .para dl dd{font-size:16px;}
	.index-product .sroll-product .swiper-slide .comm-title .more{margin-top:30px;}
	.product-content dl{padding:25px;}
	.product-content dl dd h1{font-size:20px;}
	.product-content{margin-top: -140px;}
	.product-content dl h3 span{font-size:15px;}
}
@media screen and (max-width: 1199px) {
	.index-product .sroll-product .swiper-slide .comm-title h2{font-size:40px;margin-bottom: 20px;}
	.index-product .sroll-product .swiper-slide .img:after{height:550px;content:'';display:block}
	.index-product .sroll-product .swiper-slide .img img{position:absolute;left:50%;height:100%;width:auto;max-width:initial;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
	.product-content{margin-top: -120px;}
	.product-content dl dd h1{font-size:18px;}
	.product-content dl h3 span{font-size:14px;}
}
@media screen and (max-width: 991px) {
	.index-product .sroll-product .swiper-slide .img:after{height:450px}
	.index-product .sroll-product .swiper-slide .comm-title h2{font-size:30px;margin-bottom: 10px;}
	.index-product .sroll-product .swiper-slide .comm-title .para dl dd{font-size: 15px}
	.product-content dl dd h1{font-size:16px;}
	.product-content{margin-top: -100px;}
}
.index-global{padding-top: 100px;padding-bottom: 100px;}
.index-global .title{border-bottom: 1px #00000010 solid;display: block;padding-bottom: 20px}
.index-global .title h1{color:#05588d;font-size:50px;text-transform: uppercase;position: relative;padding-bottom: 25px;}
.index-global .title h1:after{content: '';position: absolute;left: 0;bottom: 0;width:60px;height: 2px;background: #05588d}
.index-global .title p{font-size:16px;font-weight:200;color: #777;display: block;margin-top: 30px;width:50%;}
.index-global .global-menu{display: block;margin-top: 30px}
.index-global .global-menu li{display: inline-block;margin-right: 15px}
.index-global .global-menu li a{padding:8px 35px;display: block;border-bottom-right-radius: 20px;font-size:18px;font-weight:300;border:1px #eee solid;}
.index-global .global-menu li.active a{background: #0a263e;color: #fff;border-color: #0a263e}
.index-global .global-case{padding-top: 50px}
.index-global .sroll-global{padding-bottom: 100px;}
.index-global .sroll-global .swiper-slide{font-size:0}
.index-global .sroll-global dl{width:24%;position: relative;vertical-align: top;display: inline-block;margin-right: 1%;transition: all .3s;margin-bottom: 0}
.index-global .sroll-global dl:last-child{margin-right: 0}
.index-global .sroll-global dl a{display: block;position: relative;}
.index-global .sroll-global dl dt{display: block;background: #000;position: relative;overflow:hidden;}
.index-global .sroll-global dl dt:after{height:550px;content:'';display:block}
.index-global .sroll-global dl dt img{position:absolute;left:50%;height:100%;width:auto;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
.index-global .sroll-global dl.this{width:50%;}
.index-global .sroll-global dl dd{position: absolute;left: 0;bottom: 0;width:100%;background: #00000090;padding:30px;margin-bottom: 0}
.index-global .sroll-global dl dd i{display:none;width:40px;height: 60px;background: url(../images/local.png) no-repeat center top;background-size: contain;}
.index-global .sroll-global dl dd h1{color: #fff;font-size:25px;display: block;font-weight: 300}
.index-global .sroll-global dl dd p{color: #fff;font-size:15px;font-weight: 200;display: block;}
.index-global .sroll-global dl.this dt img{opacity: 0.5}
.index-global .sroll-global dl.this dd{text-align: center;}
.index-global .sroll-global dl.this dd i{display: inline-block}
.index-global .sroll-global dl.this dd{height: auto;top: 50%;bottom: auto;transform: translateY(-50%);background: none}
.index-global .sroll-global dl.this dd h1{font-size:50px;font-weight: 500}
.index-global .sroll-global dl.this dd p{font-size:18px;margin-top: 40px}
.index-global .swiper-button-prev,.index-global .swiper-button-next{background: #eee;left: 46.5%;top: auto;right: auto;bottom: 0;width:50px;height: 50px;border-radius:50%;transition: all .3s}
.index-global .swiper-button-prev:after,.index-global .swiper-button-next:after{font-size: 14px;color: #333;font-weight:bold;}
.index-global .swiper-button-prev:hover,.index-global .swiper-button-next:hover{background: #0a263e}
.index-global .swiper-button-prev:hover:after,.index-global .swiper-button-next:hover:after{font-size: 16px;color: #fff;}
.index-global .swiper-button-next{right: 46.5%;left: auto;}
@media screen and (max-width: 1499px) {
	.index-global .swiper-button-prev,.index-global .swiper-button-next{left: 44%;}
}
.index-rd{background:url(../images/rd.jpg);display: block;}
.index-rd .container{padding-top: 150px;padding-bottom: 130px}
.index-rd .container .row > div{padding: 0;font-size:0}
.index-rd .container .row > div:last-child{text-align: right;padding-left: 10%}
.index-rd .container .row > div dl{width: 49%;margin-right: 2%;display: inline-block;vertical-align: top;background: #05588d;text-align: center;padding: 30px 0;margin-bottom:18px}
.index-rd .container .row > div dl:nth-child(2){background: #fef6ee}
.index-rd .container .row > div dl:nth-child(3){background: #FF9E19}
.index-rd .container .row > div dl:nth-child(4){background: #3f2d31}
.index-rd .container .row > div dl:nth-child(2n){margin-right: 0}
.index-rd .container .row > div dl dt{display: block;}
.index-rd .container .row > div dl dt i{color: #fff;font-size:80px;}
.index-rd .container .row > div dl dd{display: block;}
.index-rd .container .row > div dl dd h1{color: #fff;font-size:20px;height: 40px;line-height: 20px}
.index-rd .container .row > div dl dd p{font-size:16px;font-weight:200;color: #fff;display: block;margin-top: 10px;height: 40px;line-height: 20px;}
.index-rd .container .row > div dl:nth-child(2) dt i,.index-rd .container .row > div dl:nth-child(2) dd h1,.index-rd .container .row > div dl:nth-child(2) dd p{color: #333}
.index-rd .container .row > div .title{display: block;}
.index-rd .container .row > div .title h1{font-size:45px;color: #fff;position: relative;text-transform: uppercase;padding-bottom: 25px;}
.index-rd .container .row > div .title h1:after{content: '';position: absolute;right: 0;bottom: 0;background: #05588d;width: 50px;height: 2px}
.index-rd .container .row > div .content{font-size:16px;line-height: 28px;color: #fff;font-weight: 200;display: block;margin-top: 80px}
.index-rd .container .row > div .more{display: block;margin-top: 80px;}

.index-news{padding-top: 100px;padding-bottom: 100px;background: #f5f5f5}
.index-news .title,.inner-prut .title{display: block;padding-bottom: 20px;text-align: center;}
.index-news .title h1,.inner-prut .title h1{color:#05588d;font-size:50px;text-transform: uppercase;position: relative;padding-bottom: 25px;}
.index-news .title h1:after,.inner-prut .title h1:after{content: '';position: absolute;left: 50%;bottom: 0;width:60px;height: 2px;background: #05588d;transform: translateX(-50%);}
.index-news .title p,.inner-prut .title p{font-size:18px;font-weight:300;color: #777;display: block;margin-top: 30px;width:100%;padding: 0 20%}
.index-news .news-block{background: #fff}
.index-news .news-block > div{padding: 0}
.index-news .news-block > div:last-child{border-bottom: 1px #f0f0f0 solid;padding:80px 50px 0 50px}
.index-news .news-block > div:last-child .data{display: block;margin-bottom: 20px}
.index-news .news-block > div:last-child .data b{font-size:35px;font-weight: 400}
.index-news .news-block > div:last-child .content{display: block;}
.index-news .news-block > div:last-child .content h1{font-weight:400;font-size:22px;}
.index-news .news-block > div:last-child .content p{font-size:15px;font-weight: 200;display: block;margin-top: 30px;margin-bottom: 50px}
.index-news .news-block .img{display: block;}
.index-news .news-block .img img{width: 100%;object-fit: cover;aspect-ratio:2/1;}
.index-news .news-sroll{background: #fff;padding-right:100px;position: relative;}
.index-news .news-sroll dl{margin-top: 0;margin-bottom: 0;padding:25px 30px;position: relative;}
.index-news .news-sroll dl:after{content: '';background: #f0f0f0;width: 1px;height: 100%;position: absolute;right: 0;top: 0}
.index-news .news-sroll dl a{display: block;}
.index-news .news-sroll dl a dt{display: block;font-size:14px;line-height: 30px;color: #999;font-weight:200;}
.index-news .news-sroll dl a dt i{font-size:14px;margin-right: 5px;display: inline-block;line-height: 30px;vertical-align: top}
.index-news .news-sroll dl a dd{display: block;font-size:18px;font-weight: 400;line-height: 24px;height: 48px;margin-top: 12px}
.index-news .swiper-news-prev,.index-news .swiper-news-next{width:100px;height:50%;display: table;border-bottom: 1px #f0f0f0 solid;position: absolute;right: 0;top: 0;font-size:24px;text-align: center;cursor: pointer;color: #999;transition: all .2s}
.vermidd{vertical-align: middle;display: table-cell;width: 100%;height: 100%}
.index-news .swiper-news-next{border-bottom: none}
.index-news .swiper-news-prev i,.index-news .swiper-news-next i{display: inline-block;vertical-align: middle;line-height: 100%}
.index-news .swiper-news-prev:hover,.index-news .swiper-news-next:hover{color: #fff;background: #05588d}
.index-news .swiper-news-next{top:50%}
@media screen and (max-width: 1699px) {
	.index-news{padding-top: 80px;padding-bottom: 80px;}
	.index-news .title h1,.inner-prut .title h1{font-size:40px;}
	.index-news .news-block > div:last-child{padding:50px 40px 0 40px}
	.index-news .news-block .img img{aspect-ratio:2/1.2;}	
}
@media screen and (max-width: 1499px) {
	.index-news .news-block .img img{aspect-ratio:2/1.3;}
}
@media screen and (max-width: 1399px) {
	.index-news{padding-top: 60px;padding-bottom: 60px;}
	.index-news .title h1,.inner-prut .title h1{font-size:30px;padding-bottom: 20px}
	.index-news .title h1:after,.inner-prut .title h1:after{width: 50px;}
	.index-news .title p,.inner-prut .title p{font-size:16px;padding: 0 15%}
	.index-news .news-block > div:last-child{padding:40px 30px 0 30px}
	.index-news .news-block > div:last-child .content h1{font-size:20px;}
	.index-news .news-block > div:last-child .data b{font-size:30px;}
	.index-news .news-block > div:last-child .content p{font-size:14px;margin-top: 20px;margin-bottom:30px}
}
@media screen and (max-width: 1199px) {
	.index-news{padding-top: 40px;padding-bottom: 40px;}
	.index-news .title h1,.inner-prut .title h1{font-size:25px;}
	.index-news .title p,.inner-prut .title p{font-size:15px;padding: 0 10%}
	.index-news .news-block > div:last-child{padding:20px 20px 0 20px}
	.index-news .news-block .img img{aspect-ratio:2/1.5;}
	.index-news .news-block > div:last-child .content h1{font-size:18px;}
	.index-news .news-sroll dl a dd{font-size:17px;}
}
@media screen and (max-width: 991px) {
	.index-news .title, .inner-prut .title{padding-bottom: 5px;}
	.index-news{padding-top: 30px;padding-bottom:30px;}
	.index-news .title h1,.inner-prut .title h1{font-size:20px;padding-bottom: 15px}
	.index-news .title h1:after,.inner-prut .title h1:after{width: 40px}
	.index-news .title p,.inner-prut .title p{font-size:14px;padding: 0 3%}
	.index-news .news-block > div:last-child{padding:20px}
	.index-news .news-block .img img{aspect-ratio:16/9;}
	.index-news .news-sroll dl a dd{font-size:16px;}
}
.inner-title{display: block;padding-bottom: 20px;text-align: center;}
.inner-title h1{color:#333;font-size:50px;text-transform: uppercase;position: relative;padding-bottom: 25px;}
.inner-title h1:after{content: '';position: absolute;left: 50%;bottom: 0;width:60px;height: 2px;background: #05588d;transform: translateX(-50%);}
.inner-title p{font-size:17px;font-weight:200;color: #777;display: block;margin-top: 30px;width:100%;padding: 0 20%}
@media screen and (max-width: 1399px) {
	.inner-title h1{font-size:30px;line-height: 60px;padding-bottom: 20px;}
	.inner-title h1:after{width:50px;}
	.inner-title p{font-size:16px;margin-top: 25px;padding: 0 15%}
}
@media screen and (max-width: 1199px) {
	.inner-title h1{font-size:25px;line-height: 40px;padding-bottom: 15px}
	.inner-title h1:after{width:40px;}
	.inner-title p{font-size:15px;margin-top: 20px;padding: 0 10%}
}
@media screen and (max-width: 991px) {
	.inner-title{padding-bottom: 0}
	.inner-title h1{font-size:20px;line-height: 1.2;}
	.inner-title p{font-size:14px;padding: 0 3%;line-height: 1.2}
}
.inner-about{padding-top: 80px;}
.inner-about .title{color: #333;padding-bottom: 50px;position: relative;}
.inner-about .title h1{font-size:60px;line-height: 70px;text-transform: uppercase;}
.inner-about .title h2{font-size:25px;}
.inner-about .title .anibar {width: 20%;position: absolute;right: 0;top:16px}
.inner-about .title .anibar i{display: block;height: 25px;background: #05588d;}
.inner-about .row > div{padding: 0}
.inner-about .row > div:first-child{padding-right: 5%}
.inner-about .row > div:last-child p{line-height: 30px;font-size:18px;color: #333}
.inner-about .row .efficiency{font-size: 0}
.inner-about .row .efficiency dl{width:calc(100%/3);display: inline-block;vertical-align: top;text-align:left;}
.inner-about .row .efficiency dl dt{font-size:24px;display: block;font-weight:500;}
.inner-about .row .efficiency dl dd{font-size:16px;display: block;margin-top: 10px;font-weight: 200;padding-right:3%}
.inner-about .video{display: block;margin-top: 50px;margin-bottom: 50px}
.inner-about .video img{width: 100%}
.inner-about .why-us{padding-top: 50px}
@keyframes fadesandan{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{width: 0;}100%{width: 100%;}}
.fadesandan{-webkit-animation-name:fadesandan;animation-name:fadesandan;-webkit-animation-duration:.9s;animation-duration:.9s}
@media screen and (max-width: 1399px) {
	.inner-about{padding-top: 60px;}
	.inner-about .title{padding-bottom: 40px;}
	.inner-about .title h1{font-size:45px;line-height: 60px;}
	.inner-about .title h2{font-size:22px;}
	.inner-about .row .efficiency dl dt{font-size:22px;}
	.inner-about .row .efficiency dl dd{font-size:15px;}
	.inner-about .row > div:last-child p{font-size: 17px;line-height: 28px;}
	.inner-about .video{margin-top: 40px;margin-bottom: 40px}
	.inner-about .why-us{padding-top: 40px}
}
@media screen and (max-width: 1199px) {
	.inner-about{padding-top: 40px;}
	.inner-about .title{padding-bottom: 30px;}
	.inner-about .title h1{font-size:35px;line-height: 50px;}
	.inner-about .title h2{font-size:18px;}
	.inner-about .row .efficiency dl dt{font-size:20px;}
	.inner-about .row .efficiency dl dd{font-size:14px;}
	.inner-about .row > div:last-child p{font-size: 15px;line-height: 26px;}
	.inner-about .video{margin-top: 30px;margin-bottom: 30px}
	.inner-about .why-us{padding-top: 30px}
}
@media screen and (max-width: 991px) {
	.inner-about{padding-top: 30px;}
	.inner-about .title{padding-bottom: 20px;}
	.inner-about .title h1{font-size:25px;line-height: 40px;}
	.inner-about .title h2{font-size:15px;}
	.inner-about .row .efficiency dl{width:100%;display: block;}
	.inner-about .row .efficiency dl dt{font-size:18px;}
	.inner-about .row .efficiency dl dd{font-size:14px;margin-top: 0}
	.inner-about .row > div:last-child p{font-size: 14px;line-height: 22px;}
	.inner-about .video{margin-top: 15px;margin-bottom: 15px}
	.inner-about .why-us{padding-top: 20px}
}
@media screen and (max-width: 767px) {
	.inner-about .title h1{font-size:22px;line-height: 30px;}
	.inner-about .title h2{font-size:14px;}
	.inner-about .row > div:first-child{border-bottom: 1px #eee solid;padding-bottom: 15px;}
	.inner-about .row > div:last-child{padding-top:25px;}
}
.inner-about .why-us .whyus-content{padding-top: 20px;padding-bottom: 50px;}
.inner-about .why-us .whyus-content dl {padding:15px;}
.inner-about .why-us .whyus-content dl a{padding:40px 30px;display: block;background: #fff;box-shadow: 0 0 13px 5px rgba(0,0,0,0.04);}
.inner-about .why-us .whyus-content dl a dt{font-size:50px;display: block;color: #05588d}
.inner-about .why-us .whyus-content dl a dd{display: block;margin-top: 40px;height: 250px;}
.inner-about .why-us .whyus-content dl a dd h2{font-size:22px;font-weight: 400}
.inner-about .why-us .whyus-content dl a dd p{line-height: 24px;font-weight: 200;font-size:16px;margin-top: 15px;}
.inner-about .why-us .whyus-content .swiper-button-prev{left: -5px}
.inner-about .why-us .whyus-content .swiper-button-next{right: -5px}
.inner-about .why-us .whyus-content .swiper-button-prev:after,.inner-about .why-us .whyus-content .swiper-button-next:after{color: #00000050;font-size:20px;}
.inner-about .why-us .whyus-content .swiper-pagination{width: 100%;bottom:0}
.inner-about .why-us .whyus-content .swiper-pagination .swiper-pagination-bullet{width:25px;height: 3px;background: #666;border-radius:0;margin: 0 4px;}
.inner-about .why-us .whyus-content .swiper-pagination .swiper-pagination-bullet-active{background:#05588d}
.inner-about .inner-global{padding: 80px 16%;display: block; background: #eee;margin-top: 80px;}
.inner-about .inner-global .world-map{width: 100%;position: relative;}
.inner-about .inner-global .world-map img{width: 100%}
.inner-about .inner-global .world-map .point-area{height:60px;width:60px;position: absolute;left: 50%;top: 59%;transform: translate(-50%,-50%);}
.inner-about .inner-global .world-map .point-area.local1{left: 77%;top: 46%;}
.inner-about .inner-global .world-map .point-area.local2{left: 68.5%;top: 52%;}
.inner-about .inner-global .world-map .point-area.local3{left: 84%;top: 78%;}
.inner-about .inner-global .world-map .point-area.local4{left: 50%;top: 29%;}
.inner-about .inner-global .world-map .point-area.local5{left: 45.7%;top: 40%;}
.inner-about .inner-global .world-map .point-area.local6{left: 53%;top: 33%;}
.inner-about .inner-global .world-map .point-area.local7{left: 52%;top: 36%;}
.inner-about .inner-global .world-map .point-area.local8{left: 32%;top: 72%;}
.inner-about .inner-global .world-map .point-area.local9{left: 15%;top: 25%;}
.inner-about .inner-global .world-map .point-area.local10{left: 19%;top: 52%;}
.inner-about .inner-global .world-map .point-area.local11{left: 54%;top: 70%;}
.inner-about .inner-global .world-map .point-area.local12{left: 73%;top: 26%;}
@media screen and (max-width:1699px){
	.inner-about .inner-global{padding: 70px 14%;}
	.inner-about .why-us .whyus-content dl a dd h2{font-size:20px;}
	.inner-about .why-us .whyus-content dl a dd p{line-height: 20px;font-size:15px;}
}
@media screen and (max-width:1399px) {
	.inner-about .inner-global{padding: 60px 10%;}
	.inner-about .why-us .whyus-content dl a dt{font-size: 40px}
	.inner-about .why-us .whyus-content dl a dd{height: 180px;}
	.inner-about .why-us .whyus-content dl a dd h2{font-size:18px;}	
}

@media screen and (max-width:1199px) {
	.inner-about .inner-global{padding: 50px 6%;}
	.inner-about .why-us .whyus-content dl a dd{height: 220px;}
}
@media screen and (max-width:991px) {
	.inner-about .inner-global{padding: 40px 4%;}
	.inner-about .why-us .whyus-content dl a dt{font-size: 30px}
	.inner-about .why-us .whyus-content dl a dd{margin-top: 15px;height: 180px;}
	.inner-about .why-us .whyus-content dl a dd p{line-height: 20px;font-size:14px;margin-top: 30px;}
	.inner-about .why-us .whyus-content{padding-top:0;padding-bottom: 10px}
}
@media screen and (max-width:767px) {
	.inner-about .inner-global{padding: 30px 2%;}
	.inner-about .why-us .whyus-content dl a dd{height: auto;}
}
.inner-about .inner-global .world-map .point-area .point {position: absolute;top: 0;left: 0; right: 0;bottom: 0;width: 8px;height: 8px;margin: auto; -webkit-border-radius: 50%;-webkit-background-clip: padding-box;-moz-border-radius: 50%;-moz-background-clip: padding;border-radius: 50%;background-clip: padding-box;background: transparent;}
.inner-about .inner-global .world-map .point-area .point-dot { z-index: 1;background-color: #05588d;border: 1px solid #05588d30;}
.inner-about .inner-global .world-map .point-area .point-10:after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 1px solid #05588d;opacity: 0;-webkit-animation: ripple 3000ms ease-out 225ms infinite;-moz-animation: ripple 3000ms ease-out 225ms infinite;-o-animation: ripple 3000ms ease-out 225ms infinite;animation: ripple 3000ms ease-out 225ms infinite;}
.inner-about .inner-global .world-map .point-area .point-10 {width: 100%; height: 100%;}
.inner-about .inner-global .world-map .point-area .point-10.point-40:after{-webkit-animation: ripple 3000ms ease-out 225ms infinite;}
.inner-about .inner-global .world-map .point-area .point-20:after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 1px solid #05588d;opacity: 0;-webkit-animation: ripple 3000ms ease-out 900ms infinite;-moz-animation: ripple 3000ms ease-out 900ms infinite;-o-animation: ripple 3000ms ease-out 900ms infinite;animation: ripple 3000ms ease-out 900ms infinite;}
.inner-about .inner-global .world-map .point-area .point-20 {width: 100%;height: 100%;}
.inner-about .inner-global .world-map .point-area .point-30:after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 1px solid #05588d;opacity: 0;-webkit-animation: ripple 3000ms ease-out 1800ms infinite;-moz-animation: ripple 3000ms ease-out 1800ms infinite;-o-animation: ripple 3000ms ease-out 1800ms infinite;animation: ripple 3000ms ease-out 1800ms infinite;}
.inner-about .inner-global .world-map .point-area .point-30 {width: 100%;height: 100%;}
.inner-about .inner-global .world-map .point-area .point-shadow:after {-webkit-box-shadow: inset 0 0 5em #05588d60;-moz-box-shadow: inset 0 0 5em #05588d60;box-shadow: inset 0 0 5em #05588d60;}
@-webkit-keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -webkit-transform:scale(1)}}
@-moz-keyframes ripple{ 0%{opacity:0;-moz-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -moz-transform:scale(1)}}
@-o-keyframes ripple{ 0%{opacity:0;-o-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -o-transform:scale(1)}}
@keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1);-moz-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}

.inner-prut{padding-top: 80px;padding-bottom: 80px}
.inner-prut .list{padding-top: 2%}
.inner-prut .list dl{margin-bottom: 25px;padding: 0;padding-right: 1%}
.inner-prut .list dl:nth-child(2n){padding-left: 1%}
.inner-prut .list dl a{background: #f7f7f7;overflow:hidden;display:block;font-size:0;padding: 8% 7% 5% 7%}
.inner-prut .list dl a:hover{background: #f1f1f1}
.inner-prut .list dl a dt{width:35%;display: inline-block;vertical-align: top;overflow:hidden;position: relative;}
.inner-prut .list dl a dt img{width: 100%;}
.inner-prut .list dl a dd{width: 65%;padding-right: 5%}
.inner-prut .list dl a dd h1{font-size:28px;color: #1b1b1b;width: 100%;overflow:hidden;display: block;line-height:30px;text-transform: capitalize;padding-top: 5px}
.inner-prut .list dl a dd h2{font-weight: 200;color: #888;position: relative;padding-left:12px;display: inline-block;font-size:15px;text-transform: uppercase;}
.inner-prut .list dl a dd h2:after{content: '';position: absolute;left: 0;top: 3px;width:3px;height: 12px;background: #05588d}
.inner-prut .list dl a dd p{padding-top: 40px;margin-bottom:20px;line-height: 22px;height: 84px;overflow: hidden;position: relative;font-size: 16px}
.inner-prut .list dl a dd p:after,.inner-prut .list dl a dd p:before{content: '';position: absolute;left: 0;top: 15px;width:30%;height: 2px;background: #FF9E19;display: block;transition: all .2s}
.inner-prut .list dl a dd p:before{width: 100%;background: #e8e8e8}
.inner-prut .list dl a:hover dd p{color: #222}
.inner-prut .list dl a:hover dd p:after{width: 100%}
.inner-prut .list dl a dd ul{display: block;font-size:0;margin-bottom: 40px;margin-top: 30px}
.inner-prut .list dl a dd ul li{display: inline-block;border-right: 1px #ddd solid;margin-right:8%;padding-right: 8%}
.inner-prut .list dl a dd ul li:last-child{border-right: 0;margin-right:0;padding-right: 0}
.inner-prut .list dl a dd ul li span{display: block;font-weight: 400;font-size: 16px;line-height:30px;}
.inner-prut .list dl a dd h3{background: #05588d;color: #fff;padding: 8px 30px;display: inline-block;text-transform:uppercase;font-size:13px;transition: all .2s;border-top-left-radius: 15px;border-bottom-right-radius:15px;font-weight: 200}
.inner-prut .list dl a dd h3 i{vertical-align: top;margin-left: 5px;transition: all .2s;line-height: 16px}
.inner-prut .list dl a:hover dd h3 i{margin-left: 10px}

@media screen and (max-width:1699px) {
	.inner-prut{padding-top: 70px;padding-bottom: 70px}
	.inner-prut .list dl a{padding: 6% 5%}
	.inner-prut .list dl a dd h1{font-size:26px;}
}
@media screen and (max-width:1399px) {
	.inner-prut{padding-top: 60px;padding-bottom: 60px}
	.inner-prut .list dl a dt{width:32%;}
	.inner-prut .list dl a{padding: 6% 4%}
	.inner-prut .list dl a dd{width: 68%;padding-right: 3%}
	.inner-prut .list dl a dd h1{font-size:24px;}
}

@media screen and (max-width:1199px) {
	.inner-prut{padding-top: 40px;padding-bottom: 40px}
	.inner-prut .list dl a dd h1{font-size:20px;}
	.inner-prut .list dl a{padding: 8%;position: relative;display: flex;flex-direction: column-reverse;}
	.inner-prut .list dl a dt{width:100%;flex:1;}
	.inner-prut .list dl a dd{width: 100%;flex:1;padding-right: 0;padding-top:20px;}
	.inner-prut .list dl a dd ul{margin-bottom: 20px;margin-top: 20px}
}

@media screen and (max-width:991px) {
	.inner-prut .list dl a dd h1{font-size:18px;}
	.inner-prut{padding-top: 30px;padding-bottom: 30px}
	.inner-prut .list dl a{padding: 3% 6% 5% 6%}
}

.inner-prutdetail{background: url(../images/prut_bg.jpg) no-repeat center top;background-size: cover;height: 100vh;display: block;padding-top:180px}
.table{display: table;height:100%;width:100%;}
.vermidd{display: table-cell;vertical-align: top;}
.inner-prutdetail .row{flex-direction: row-reverse;}
.inner-prutdetail .row > div{padding: 0;}
.inner-prutdetail .row > div:first-child{padding-left:8%;}
.inner-prutdetail .gallery-top{text-align:center;}
.inner-prutdetail .gallery-top img{width:100%}
.inner-prutdetail .gallery-top .swiper-button-next{right: 0;top: 60%}
.inner-prutdetail .gallery-top .swiper-button-prev{left: 0;top: 60%}
.inner-prutdetail .gallery-top .swiper-button-next:after,.inner-prutdetail .gallery-top .swiper-button-prev:after{font-size:20px;color: #fff;padding:12px 8px}
.inner-prutdetail .gallery-top .swiper-pagination{bottom: 0;left: 50%;transform: translateX(-50%);}
.inner-prutdetail .gallery-top .swiper-pagination .swiper-pagination-bullet{width: 25px;height:3px;margin: 0 5px;border-radius:0;}
.inner-prutdetail .gallery-top .swiper-pagination .swiper-pagination-bullet-active{background: #05588d}
.inner-prutdetail .row > div.detail-intro {padding-right: 4%}
.inner-prutdetail .detail-intro h1{font-size: 20px;font-weight: 200;padding-bottom: 10px;color: #666}
.inner-prutdetail .detail-intro h2{color: #05588d;font-size:55px;font-weight: 500;}
.inner-prutdetail .detail-intro p{color:#333;font-size: 18px;line-height: 24px;display: block;font-weight: 300;margin: 0;margin-top:20px;padding-bottom: 30px;position: relative;}
.inner-prutdetail .detail-intro p:after,.inner-prutdetail .detail-intro p:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height:1px;background: #00000015;}
.inner-prutdetail .detail-intro p:before{width: 50px;height: 3px;background: #FF9E19;bottom: -1px}
.inner-prutdetail .detail-intro .block{display: block;width: 100%;font-size: 0;padding-top:30px;padding-bottom: 20px;}
.inner-prutdetail .detail-intro .block li{color: #222;display: inline-block;font-size:24px;line-height: 28px;margin-bottom:5px;height: 80px;font-weight:400;width: 32%;margin-right: 2%;vertical-align: top;}
.inner-prutdetail .detail-intro .block li:nth-child(3n){margin-right: 0;border-right: none;padding-right: 0}
.inner-prutdetail .detail-intro .block li span{color: #777;display: block;font-weight:200;font-size:16px;line-height:35px}
.inner-prutdetail .detail-intro .quick-button{display: block;padding-top:40px;}
.inner-prutdetail .detail-intro .quick-button a{border:1px #05588da0 solid;padding:0 25px;font-size: 16px;color: #fff;border-radius:5px;line-height:46px;display: inline-block;background: #05588d;cursor: pointer;margin-right: 10px;}
.inner-prutdetail .detail-intro .quick-button a:last-child{margin-right: 0}
.inner-prutdetail .detail-intro .quick-button a i{padding-right: 30px;position:relative;display: inline-block;line-height: 46px;}
.inner-prutdetail .detail-intro .quick-button a i:after{content: '';background: #ffffff50;position: absolute;right:14px;height:14px;width:1px;top: 17px}
.inner-prutdetail .detail-intro .quick-button a:hover{background: #FF9E19;border-color: #FF9E19}
.inner-prutdetail .detail-intro .quick-button a:hover i:after{background: #ffffff40}

.prut-detail-content{padding-top:80px;padding-bottom: 80px;}
.prut-detail-content .details{display:block;padding-top:40px;font-size: 18px;line-height: 1.4}
.prut-detail-content .details .tab-title{display:block;}
.prut-detail-content .details .tab-title ul{display:block;border-bottom: 1px #ddd solid}
.prut-detail-content .details .tab-title ul li{line-height: 30px;height: auto;padding:25px 5px;position: relative;text-align:center;font-size:25px;cursor: pointer;display:inline-block;}
.prut-detail-content .details .tab-title ul li:before{content: '';position: absolute;left: 50%;bottom: -2px;width: 0;height: 3px;background:#05588d;transition:all .3s;}
.prut-detail-content .details .tab-title ul li.this:before{width: 100%;left: 0}
.prut-detail-content .details .tab-title ul li.this:after{content: '';position: absolute;bottom: -1px;left:50%;transform:translateX(-50%);display:none;border-right: 10px solid transparent;border-bottom: 10px solid #05588d; border-left:10px solid transparent;}
.prut-detail-content .details .tab-title ul li.this:after{display: inline-block;}
.prut-detail-content .details .tab-content{padding-top: 50px;padding-bottom: 50px}
.prut-detail-content .details .tab-content p{font-size: 16px;line-height: 1.7;margin-bottom:15px}
.prut-detail-content .details .tab-content i.list-type{display:inline-block;width: 12px;height:12px;border-radius: 50%;background: #05588d;margin-right: 8px}
.prut-detail-content .details .tab-content b,.prut-detail-content .details .tab-content strong{font-size: 20px; }
.prut-detail-content .details .tab-content .content{display:none}
.prut-detail-content .details .tab-content .content.this{display:block;}
.prut-detail-content .details .tab-content .content h3{font-family: 'dincond-bold';font-size: 30px;display:block;margin-bottom: 30px}
.prut-detail-content .details .tab-content .content table{width: 100%;margin-bottom: 20px}
.prut-detail-content .details .tab-content .content table tr.title,.prut-detail-content .details .tab-content .content table tr.title:hover td{background:#05588d;color: #fff}
.prut-detail-content .details .tab-content .content table tr td{border:1px #eee solid;padding:10px 5px;font-size: 16px;text-align:center;transition: all .3s}
.prut-detail-content .details .tab-content .content table tr td:hover{background:#f5f5f5;cursor: pointer;}
.prut-detail-content .details .tab-content .content .row{margin-left: -15px;margin-right: -15px}
.prut-detail-content .details .tab-content .content .row > div{padding: 15px;padding-bottom: 0}
.prut-detail-content .details .tab-content .content .row dl{background:#f8f8f8;padding-top: 50px;padding-bottom: 50px;display:block;margin-bottom: 0;}
.prut-detail-content .details .tab-content .content .row dl dt{display:block;text-align: center;}
.prut-detail-content .details .tab-content .content .row dl dt i{font-size: 40px;width: 60px;height: 60px;line-height: 60px;background:#05588d;color: #fff;border-radius:50%;display:inline-block;}
.prut-detail-content .details .tab-content .content .row dl dd{display:block;text-align: center;padding-top:20px;}

@media screen and (max-width:1699px) {
	.inner-prutdetail{height: auto;padding-top:160px}
	.inner-prutdetail .row > div{padding-bottom:160px}
	.inner-prutdetail .detail-intro h1{font-size: 18px;}
	.inner-prutdetail .detail-intro h2{font-size:50px;}
	.inner-prutdetail .row > div.detail-intro {padding-right: 4%}
	.inner-prutdetail .row > div:first-child{padding-left:3%;}
	.prut-detail-content{padding-top:70px;padding-bottom: 70px;}
	.prut-detail-content .details .tab-content{padding-top: 40px;padding-bottom: 40px}
	.prut-detail-content .details .tab-content .content .row dl dd{font-size: 17px}
}
@media screen and (max-width:1399px) {
	.inner-prutdetail{height: auto;padding-top:140px}
	.inner-prutdetail .row > div{padding-bottom:100px}	
	.inner-prutdetail .detail-intro h1{font-size: 16px;}
	.inner-prutdetail .detail-intro h2{font-size:40px;}
	.inner-prutdetail .row > div.detail-intro {padding-right: 2%}
	.inner-prutdetail .detail-intro .block li{font-size:20px;line-height: 24px;height: 70px;}
	.inner-prutdetail .detail-intro .block li span{font-size:15px;line-height:30px}
	.inner-prutdetail .detail-intro .quick-button{padding-top: 20px}
	.inner-prutdetail .detail-intro .quick-button a{padding:0 20px;font-size: 15px;line-height:40px;margin-right: 5px;}
	.inner-prutdetail .detail-intro .quick-button a i{padding-right: 25px;line-height: 40px;}
	.inner-prutdetail .detail-intro .quick-button a i:after{top: 13px}
	.prut-detail-content{padding-top:50px;padding-bottom: 50px;}
	.prut-detail-content .title h1{font-size: 30px}
	.prut-detail-content .details{padding-top:20px;}
	.prut-detail-content .details .tab-title ul li{line-height: 30px;padding:20px 5px;font-size:20px}
	.prut-detail-content .details .tab-content{padding-top: 30px;padding-bottom: 30px}
	.prut-detail-content .details .tab-content .content .row dl dd{font-size: 16px}
}
@media screen and (max-width:1199px) {
	.inner-prutdetail .detail-intro h1{font-size: 15px;}
	.inner-prutdetail .detail-intro h2{font-size:35px;}
	.inner-prutdetail .detail-intro .block li{font-size:18px;line-height: 22px;}
	.inner-prutdetail .detail-intro .block li span{font-size:14px;line-height:30px}
	.inner-prutdetail .detail-intro .quick-button{padding-top: 15px}
	.inner-prutdetail .detail-intro .quick-button a{padding:0 20px;font-size: 14px;line-height:35px;margin-bottom: 5px;}
	.inner-prutdetail .detail-intro .quick-button a i{line-height: 35px;}
	.inner-prutdetail .detail-intro .quick-button a i:after{top: 10px}
	.prut-detail-content{padding-top:40px;padding-bottom: 40px;}
	.prut-detail-content .title h1{font-size: 25px}
	.prut-detail-content .details{padding-top:0px;}
	.prut-detail-content .details .tab-content .content .row dl{padding-top: 35px;padding-bottom: 35px;}
}
@media screen and (max-width:991px) {
	.inner-prutdetail{height: auto;padding-top:0}
	.inner-prutdetail .row > div{padding-bottom:0}
	.inner-prutdetail .row > div:first-child{padding-left:0}
	.inner-prutdetail .row > div:last-child{padding-top:30px;padding-bottom: 30px}
	.inner-prutdetail .gallery-top{padding-top:50px;padding-bottom: 30px;}
	.inner-prutdetail .detail-intro h2{font-size:25px;}
	.inner-prutdetail .detail-intro .block{padding-bottom: 0}
	.inner-prutdetail .detail-intro p{font-size: 15px;line-height: 22px;margin-top:10px;}
	.prut-detail-content{padding-top:30px;padding-bottom: 0px;}
	.prut-detail-content .title h1{font-size: 20px}
	.prut-detail-content .details .tab-title ul li{line-height: 28px;padding:18px 5px;font-size:18px}
	.prut-detail-content .details .tab-content .content .row dl dd{font-size: 15px}
	.prut-detail-content .details .tab-content .content .row > div{padding: 10px;padding-bottom: 0}
}
@media screen and (max-width:767px) {
    .inner-prutdetail .detail-intro .block li,.inner-prutdetail .detail-intro .block li:nth-child(3n){width: 49%;margin-right: 2%;margin-bottom: 0;}
    .inner-prutdetail .detail-intro .block li:nth-child(2n){margin-right: 0;}
}
.same-product{padding-top:80px;padding-bottom:80px;background:#f8f8f8}
.same-product .product-list{display: block;}
.same-product .other-prut {padding-bottom: 50px;}
.same-product .other-prut dl{padding-top: 30px}
.same-product .other-prut dl a{display: block;}
.same-product .other-prut dl a dt{display: block;border-bottom: none;overflow: hidden;text-align:center;}
.same-product .other-prut dl a dt img{width: 100%;transition: all .5s}
.same-product .other-prut dl a:hover dt img{transform: scale(1.15);}
.same-product .other-prut dl a dd{display: block;padding:35px 15px;text-align: center;}
.same-product .other-prut dl a dd h1{font-size: 24px;color: #05588d;display: block;letter-spacing:1px;font-weight: 400;position: relative;padding-bottom: 10px;}
.same-product .other-prut dl a dd h1:after{content: '';position: absolute;left: 50%;bottom: 0;width: 20px;transform: translateX(-50%);background: #005bac;height: 2px;transition: all .2s}
.same-product .other-prut dl a:hover dd h1:after{width: 40px;}
.same-product .other-prut dl a dd h2{font-size:16px;font-weight: 200;display: block;margin-top:20px;color: #333}
.same-product .other-prut dl a dd h3{font-size:15px;font-weight: 200;color: #999;margin-top: 20px;margin-bottom:20px;display: block;line-height: 22px}
.same-product .other-prut dl a dd .more{background: #05588d;color: #fff;padding: 8px 30px;display: inline-block;text-transform:uppercase;font-size:13px;transition: all .2s;border-top-left-radius: 15px;border-bottom-right-radius:15px;font-weight: 200}
.same-product .other-prut dl a dd .more i{vertical-align: top;margin-left: 5px;transition: all .2s;line-height: 20px}
.same-product .other-prut dl a:hover dd .more i{margin-left: 10px}
.same-product .other-prut .swiper-pagination{bottom: 0;left: 50%;transform: translateX(-50%);}
.same-product .other-prut .swiper-pagination .swiper-pagination-bullet{width: 25px;height:3px;margin: 0 5px;border-radius:0;}
.same-product .other-prut .swiper-pagination .swiper-pagination-bullet-active{background: #f40b42}
@media screen and (max-width:1699px) {
	.same-product{padding-top:70px;padding-bottom:70px;}
}
@media screen and (max-width:1399px) {
	.same-product{padding-top:60px;padding-bottom:60px;}
	.same-product .other-prut dl a dd h1{font-size: 22px;}
}
@media screen and (max-width:1199px) {
	.same-product{padding-top:40px;padding-bottom:40px;}
	.same-product .other-prut{padding-bottom: 40px}
	.same-product .other-prut dl a dd h1{font-size: 20px;}
	.same-product .other-prut dl a dd h2{font-size:15px;}
	.same-product .other-prut dl a dd h3{font-size:14px}
	.same-product .other-prut dl a dd{padding:15px 10px;}
	.same-product .other-prut dl a dd .more{padding: 6px 30px;}
	.same-product .other-prut .swiper-pagination .swiper-pagination-bullet{width: 15px;height:2px;margin: 0 3px;}
}
@media screen and (max-width:991px) {
	.same-product .other-prut{padding-bottom: 10px}
}
.inquiryform{position: fixed;transition: all .3s;width: 100%;height: 100vh;opacity: 0;visibility: hidden;z-index: 100;}
.inquiryform .feedback{position: fixed;padding:40px;background:#fff;width: 650px;top: 52%;left: 50%;transform: translate(-50%,-43%);z-index: 105;border:12px #00000030 solid;transition: all .3s;border-radius:5px}
.inquiryform.show{opacity: 1;visibility: visible;}
.inquiryform.show .feedback{top: 50%;height: 70%}
.inquiryform.show:before{content: '';position: fixed;left: 0;top: 0;width: 100%;height: 100vh;background: #000000a0;z-index: -1}
.inquiryform .feedback .title{width: 100%;display: block;position: relative;height: 60px;line-height: 30px;font-size: 20px;font-weight: 600;text-transform: uppercase;}
.inquiryform .feedback .title i{font-size: 20px;position: absolute;right:-25px;top: -25px;cursor: pointer;}
.inquiryform .feedback .title i:hover{color: #05588d}
.inquiryform .feedback ul li textarea{height: 18vh}
.feedback ul{font-size: 0}
.feedback ul li{width: 49%;display:inline-block;margin-bottom: 20px;margin-right:2%;vertical-align: top}
.feedback ul li:nth-child(2n){margin-right:0}
.feedback ul li input{width: 100%;line-height: 50px;height: 50px;background: #fff;border: 1px #eee solid;padding: 10px;font-size: 15px;box-shadow: 0 15px 15px -11px rgba(25, 17, 64, 0.05);}
.feedback ul li:nth-child(5),.feedback ul li:nth-child(8),.feedback ul li:last-child{width: 100%;}
.feedback ul li:nth-child(7) img{vertical-align: bottom;cursor: pointer;display: inline-block;margin-top: 11px;margin-left: 12px}
.feedback ul li textarea{width: 100%;height: 200px;line-height: 22px;background: #fff;border: 1px #eee solid;padding: 10px;font-size: 15px;box-shadow: 0 15px 15px -11px rgba(25, 17, 64, 0.05);border-radius:5px}
.feedback ul li:last-child input,.inner-contact .feedback ul li:last-child input{background: #05588d;color: #fff;font-size: 16px;font-weight: 300;padding: 0;transition: all .2s;border: none;box-shadow: 0 15px 15px -11px rgba(25, 17, 64, 0.5)}
.feedback ul li:last-child input:hover,.inner-contact .feedback ul li:last-child input:hover{background: #FF9E19}
@media screen and (max-width: 1299px){
	.inquiryform.show .feedback{height: 68%}
}
@media screen and (max-width: 1199px){
	.inquiryform.show .feedback{height: 66%}
	.inquiryform .feedback .title{height: 40px;line-height: 20px;font-size: 18px;}
	.inquiryform .feedback{padding:30px;width: 60%;top: 50%;left: 20%;transform: translateY(-50%);border:8px #00000030 solid;}
	.inquiryform .feedback .title i{right:-15px;top: -15px;}
}
@media screen and (max-width: 991px){
	.inquiryform.show .feedback{height: 64%}
	.feedback ul li input{line-height: 40px;height: 40px;}
}
@media screen and (max-width: 767px){
	.inquiryform .feedback .title{height: 40px;line-height: 20px;font-size: 18px;}
	.inquiryform .feedback{padding:20px;width: 90%;top: 50%;left: 5%;transform: translateY(-50%);border:8px #00000030 solid;}
	.inquiryform .feedback .title i{font-size: 18px;right:0;top: 0;}
	.feedback ul li:last-child input,.inner-contact .feedback ul li:last-child input{font-size: 14px;}
}



.our-customer{padding: 5% 0;background: #f3f3f3;margin-top: 5%}
.our-customer.application{margin-top: 0;background: #fff;padding: 1% 0}
.our-customer .comm-title .title{padding-left: 0;padding-bottom: 2%;}
.our-customer .comm-title .title h1{border-bottom: none}
.our-customer ul{padding-bottom: 2.5%;width: 100%;display: block;text-align:right;}
.our-customer ul li{list-style-type:disc;line-height: 30px;height:auto;font-size: 16px;display: block;}
.our-customer dl{position: relative;cursor: pointer;}
.our-customer dl a dt{background: #000;overflow: hidden}
.our-customer dl a dt img{width: 100%;opacity:0.6;transition: all .2s}
.our-customer dl a:hover dt img{transform: scale(1.05);opacity:0.9}
.our-customer dl a dd{position:absolute;bottom: 0;left: 0;width: 100%;background:rgba(0,0,0,0.5);padding:3% 5%;}
.our-customer dl a dd h1{font-size: 25px;color:#fff;}
.our-customer dl a dd h3{color:rgba(255,255,255,.6);padding-top: 2%;line-height: 22px}
.our-customer .customer-list{padding-top: 1%}
.our-customer .swiper-button-next,.our-customer .swiper-button-prev {width: 60px;height: 60px;margin-top: -30px; background-color:rgba(0,0,0,.6);color:#fff;font-size: 20px;opacity:1;}
.our-customer .swiper-button-next:after,.our-customer .swiper-button-prev:after{content:'';}
.our-customer .swiper-button-next {right: 50%;left: auto;margin-right: -431px;}
.our-customer .swiper-button-prev {left: 50%;margin-left: -469px;}
.our-customer .swiper-button-next:hover,.our-customer .swiper-button-prev:hover {background-color:#05588d;}
.environment{padding-top: 2%}
.environment img{width: 100%;}
@media (max-width:991px){
	.our-customer ul{padding-left: 18px;padding-top: 5%}
	.our-customer dl a dd h1{font-size: 22px;}
	.our-customer .swiper-button-next,.our-customer .swiper-button-prev {width: 40px;height:40px;font-size: 16px;}
	.our-customer .swiper-button-next {right:3%;margin-right: 0}
	.our-customer .swiper-button-prev {left:3%;margin-left: 0}
}
@media (max-width:767px){
	.inner-prut .list dl a dd h1{font-size:20px;line-height:28px;}
	.inner-prut .list dl a dd p{font-size: 13px;line-height: 18px;margin-bottom: 10px}
}
@media (max-width:576px){
	.our-customer dl a dd h1{font-size: 18px;}
	.our-customer dl a dd h3{font-size: 12px;line-height: 18px}
	.inner-prut .list dl a dd p{font-size: 13px;line-height: 18px;height:66px;padding-top: 30px}
	.inner-prut .list dl a dd p:after,.inner-prut .list dl a dd p:before{top: 10px}
	.inner-prut .list dl a dd h3{margin-top: 10px}
	.our-customer ul li{font-size: 13px;line-height: 18px}
	.our-customer .swiper-button-next {right:2%;}
	.our-customer .swiper-button-prev {left:2%;}
}


.inner-news{padding-top:100px;padding-bottom: 80px;}
.inner-news .hot-news .row > div{padding: 0}
.inner-news .hot-news .row > div:last-child{padding-left: 4%}
.inner-news .hot-news a{display: block;}
.inner-news .hot-news a img{width: 100%}
.inner-news .hot-news .row > div:last-child span{color: #999;font-weight: 200}
.inner-news .hot-news .row > div:last-child h1{font-size:35px;padding-top: 30px;padding-bottom: 30px;}
.inner-news .hot-news .row > div:last-child p{font-size:18px;line-height: 28px;}
.inner-news .hot-news .row > div:last-child .more{display: inline-block;margin-top: 8%}
.inner-news .news-list{padding-top: 80px}
.inner-news .news-list .title{padding-bottom:40px}
.inner-news .news-list .title h1{color: #05588d;font-size: 50px;text-transform: uppercase;position: relative;padding-bottom: 25px;}
.inner-news .news-list .title h1:after{content: '';position: absolute;left: 0;bottom: 0;width:60px;height: 2px;background: #05588d}
.inner-news .news-list .row{margin-left: -20px;margin-right: -20px}
.inner-news .news-list dl{padding: 20px}
.inner-news .news-list dl a {display: block;background: #fff;box-shadow: 0 0 10px 5px #00000010}
.inner-news .news-list dl a:hover{box-shadow: 0 0 12px 5px #00000025}
.inner-news .news-list dl a dt{display: block;background: #000;overflow: hidden;}
.inner-news .news-list dl a dt img{width: 100%;transition: all .3s;opacity: 0.7;}
.inner-news .news-list dl a:hover dt img{transform: scale(1.05);opacity: 1;}
.inner-news .news-list dl a dd{display: block;padding:30px 20px}
.inner-news .news-list dl a dd h1{font-size:20px;line-height: 25px;height:50px;overflow: hidden;}
.inner-news .news-list dl a:hover dd h1{color: #05588d}
.inner-news .news-list dl a dd p{font-size:15px;line-height: 22px;height:44px;display: block;overflow: hidden;margin-top: 20px;color: #888;font-weight: 200}
.inner-news .news-list dl a dd span{font-weight: 200;color: #fff;margin-top:15px;font-size:14px;background: #05588d;padding:0 15px;display: inline-block;line-height: 27px;transition: all .3s}
.inner-news .news-list dl a dd span i{margin-right: 8px;line-height: 28px;display: inline-block;vertical-align: top;font-size:12px;}
.inner-news .news-list dl a:hover dd span{background: #05588d}

@media (max-width:1699px){
	.inner-news{padding-top:80px;padding-bottom: 70px;}
	.inner-news .hot-news .row > div:last-child h1{font-size:30px;padding-top:25px;padding-bottom: 25px;}
	.inner-news .hot-news .row > div:last-child p{font-size:17px;line-height: 25px;}
	.inner-news .news-list{padding-top: 70px}
	.inner-news .news-list .title h1{font-size: 40px;}
}
@media (max-width:1399px){
	.inner-news{padding-top:70px;padding-bottom: 50px;}
	.inner-news .hot-news .row > div:last-child h1{font-size:25px;}
	.inner-news .hot-news .row > div:last-child p{font-size:16px;line-height: 22px;}
	.inner-news .news-list{padding-top: 60px}
	.inner-news .news-list .title{padding-bottom: 30px}
	.inner-news .news-list .title h1{font-size: 35px;padding-bottom: 20px;}
	.inner-news .news-list .title h1:after{width:50px;}
	.inner-news .news-list dl a dd h1{font-size:18px;line-height: 22px;height:44px;}
}
@media (max-width:1199px){
	.inner-news{padding-top:60px;padding-bottom: 30px;}
	.inner-news .hot-news .row > div:last-child h1{font-size:22px;padding-top: 20px;padding-bottom: 20px;}
	.inner-news .hot-news .row > div:last-child p{font-size:15px;line-height: 20px;}
	.inner-news .hot-news .row > div:last-child .more{margin-top: 30px}
	.inner-news .news-list{padding-top: 40px}
	.inner-news .news-list .title{padding-bottom: 20px}
	.inner-news .news-list .title h1{font-size: 25px;padding-bottom: 15px;}
	.inner-news .news-list .title h1:after{width:40px;}
	.inner-news .news-list dl{padding: 15px}
}
@media (max-width:991px){
	.inner-news{padding-top:50px;padding-bottom: 25px;}
	.inner-news .hot-news .row > div:last-child h1{font-size:20px;padding-bottom: 10px;}
	.inner-news .hot-news .row > div:last-child p{font-size:14px;line-height: 20px;}
	.inner-news .news-list .title{padding-bottom:10px}
	.inner-news .news-list .title h1{font-size: 20px;}
	.inner-news .hot-news .row > div:last-child .more{margin-top: 20px}
}
@media (max-width:767px){
	.inner-news .hot-news .row > div:last-child{padding: 30px 0;border-bottom: 1px #eee solid}
	.inner-news .hot-news .row > div:last-child .more{margin-top: 15px}
	.inner-news .news-list dl{padding:5px 20px}
	.inner-news .news-list dl a dd h1{font-size:16px;line-height: 20px;height:auto;}
	.inner-news .news-list dl a dd p{font-size:14px;line-height: 20px;height:40px;}
}
.location{background: #f0f5f7;line-height: 50px;margin-top:70px}
.location i{line-height: 50px;display: inline-block;font-size:18px;vertical-align: top;margin-right: 3px}
.location em{font-style:normal;line-height: 50px;}
.location a{margin:0 10px;display: inline-block;line-height: 50px;}
.location span{padding-left: 8px}
.viewnews{padding-top: 4%}
.viewnews .content{padding-right: 4%}
.viewnews .content .news-type{background: #f5f5f5;border-radius:10px;padding:6px 18px;display: inline-block;color:#999;font-size: 12px}
.viewnews .content .title{padding-bottom: 1%;border-bottom: 2px #eee solid;padding-top: 2%}
.viewnews .content .title div{padding: 0}
.viewnews .content .title div:last-child{text-align:right}
.viewnews .content .title h1{font-size: 40px;}
.viewnews .content .title p{line-height: 40px;font-size: 15px;color: #888;font-weight: 200}
.viewnews .content .title p i{line-height: 42px;font-size: 15px;display: inline-block;vertical-align: top;margin-right: 5px}
.viewnews .content .title p i.icon-calendar{font-size:14px;line-height: 40px;vertical-align:inherit}
.viewnews .content .date ul{width: 100%;text-align: right;padding-top: 10px}
.viewnews .content .date ul li{border: 1px #eee solid;width: 100px;text-align: center;display: inline-block;height:40px;line-height: 40px;color:#999;clear: both;}
.viewnews .content .date ul li:last-child{border-top: none;font-size: 30px;color:#000;font-weight: bold;}
.viewnews .content .text{font-size: 16px;line-height: 30px;padding: 5% 0}
.viewnews .content .text img{max-width: 100%}
.viewnews .content .prenext{border-top: 1px #eee solid;padding-top: 30px;font-size: 0;width: 100%;line-height:18px;padding-bottom: 100px;}
.viewnews .content .prenext li{width: 40%;display:inline-block;font-size: 0}
.viewnews .content .prenext li a{font-size: 13px;}
.viewnews .content .prenext li a i{display:inline-block;line-height:18px;font-size: 13px;width: 21%;vertical-align: top}
.viewnews .content .prenext li i:before{line-height: 16px;vertical-align: text-top;margin-right: 5px}
.viewnews .content .prenext li a span{width: 79%;font-size: 14px;line-height: 18px;height:18px;vertical-align: top;display:inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 15px;border-left: 1px #ddd solid}
.viewnews .content .prenext li a i b{font-weight: normal;text-transform: uppercase;}
.viewnews .content .prenext li:nth-child(2){width: 20%;text-align:center;line-height: 18px;vertical-align: top;text-transform: uppercase;font-size: 14px}
.viewnews .content .prenext li:nth-child(2) i{font-size: 16px}
.viewnews .content .prenext li:nth-child(2) i b{width: auto;font-size: 13px;line-height: 18px;vertical-align: bottom;}
.viewnews .content .prenext li:last-child{text-align:right;}
.viewnews .content .prenext li a i.icon-arrow-right2:after{content: "\e90c";margin-left: 5px}
.viewnews .content .prenext li:last-child a span{padding-left: 0;border-left:none;padding-right: 15px;border-right: 1px #ddd solid}
.viewnews .list{padding-top: 4px;}
.viewnews .list .title{padding-bottom: 5%}
.viewnews .list .title h1{font-size: 30px;color:#000;text-transform: uppercase;}
.viewnews .list .newslist{padding-bottom:50px;}
.viewnews .list .newslist dl{margin-bottom:3%;;}
.viewnews .list .newslist dl a dt{overflow: hidden;background: #000;margin-bottom: 20px}
.viewnews .list .newslist dl a dt img{width: 100%;opacity:0.8;transition: all .2s}
.viewnews .list .newslist dl a:hover dt img{transform: scale(1.05);opacity:1}
.viewnews .list .newslist dl a dd{display: block;}
.viewnews .list .newslist dl a dd span{padding-bottom: 5px;display: block;}
.viewnews .list .newslist dl a dd i{display:inline-block;background: #05588d;line-height:24px;padding: 0 16px 0 12px;color: #fff;font-weight: 300;font-size:12px;text-transform:uppercase;margin-bottom: 8px}
.viewnews .list .newslist dl a dd em{display:inline-block;font-size:20px;line-height:24px;margin-right: 5px;vertical-align: top}
.viewnews .list .newslist dl a dd i:before{display: inline-block;margin-right: 5px;font-size:16px;vertical-align: top}
.viewnews .list .newslist dl a dd p{display: block;line-height: 20px;height: 40px;overflow: hidden;color: #999}
.viewnews .list .newslist dl a dd h2{color:#333;font-size:18px;line-height:25px;font-weight: 400}
.viewnews .list .newslist dl a dd h3{color:#333;font-size:18px;line-height:25px;font-weight: 400;display: block;border-top: 1px #eee solid;padding-top: 20px;margin-top: 20px}
.viewnews .list .newslist dl a dd:hover h2,.viewnews .list .newslist dl a dd:hover h3{color: #05588d}
@media screen and (max-width: 1399px){
	.viewnews .content .prenext li a i{width:10%}
	.viewnews .content .prenext li a i b,.viewnews .content .prenext li:nth-child(2) i b{display:none;}
	.viewnews .content .prenext{padding-bottom: 80px;}
}
@media screen and (max-width: 1199px){
	.viewnews .content .title h1{font-size: 35px;}
	.viewnews .content .prenext{padding-bottom: 60px;}
	.viewnews .content .text{font-size: 15px;line-height: 25px;}
}
@media screen and (max-width: 991px){
	.location{margin-top: 70px}
	.viewnews .content{padding-right: 0;padding-left: 0}
	.viewnews .content .title h1{font-size: 30px;}
	.viewnews .list,.viewnews .content .date{display: none}
	.viewnews .content .title p{line-height: 30px;font-size: 14px;}
	.viewnews .content .title p span{display: none}
	.viewnews .content .text{font-size: 14px;line-height: 23px;}
	.viewnews .content .prenext{padding-bottom: 40px;}
}

@media screen and (max-width: 767px){
	.viewnews .content .title h1{font-size: 25px;}
	.viewnews .content .title p{line-height: 25px;font-size: 13px;}
	.location{margin-top: 60px}
}

@media screen and (max-width: 575px){	
	.location a{font-size: 13px}
	.location em{display: none}
}

.inner-contact{padding-top: 80px;padding-bottom: 80px;}
#map{height:100%;}
.inner-contact .map{ width:100%;height:58vh;margin-top: 40px;margin-bottom: 20px}
.inner-contact .map #allmap{height: 100%}
.inner-contact .map iframe{height: 100%}
.inner-contact .address{border-bottom: 1px #ddd solid;padding-bottom: 30px;padding-top: 30px}
.inner-contact .address > div{padding: 0}
.inner-contact .address h1{font-size: 30px;font-weight:300;color: #05588d;}
.inner-contact .address p{line-height: 30px;font-size: 16px;}
.inner-contact .address p.icon a{margin-right:10px;}
.inner-contact .address p.icon a:before{color: #05588d;font-size: 22px;margin-right:5px;display: inline-block;line-height: 30px;vertical-align: top}
.inner-feedback{padding-bottom: 30px;}
.inner-feedback .feedback-content input,.inner-feedback .feedback-content textarea{background: #f8f8f8;color: #999;height:60px;line-height:60px;width: 100%;border:none;padding:0 20px;font-size: 15px;border-radius: 6px}
.inner-feedback .feedback-content textarea{height:200px;line-height:25px;padding-top: 20px}
.inner-feedback .feedback-content .row {margin-left: -20px;margin-right: -20px}
.inner-feedback .feedback-content .row > div{padding:20px;}
.inner-feedback .feedback-content .checkcode img{margin-top: 20px}
.inner-feedback .feedback-content .savebutton {margin-bottom: 40px}
.inner-feedback .feedback-content .savebutton button.submit{background: #05588d;color: #fff;width: 220px;border:none;outline: none;line-height: 55px;font-size: 18px;border-radius: 6px;transition: all .3s}
.inner-feedback .feedback-content .savebutton button.submit:hover{background:#05588d}
@media screen and (max-width: 1699px){
	.inner-contact{padding-top: 70px;padding-bottom: 70px;}
}
@media screen and (max-width: 1399px){
	.inner-contact{padding-top: 60px;padding-bottom: 60px;}
}
@media screen and (max-width: 1199px){
	.inner-contact{padding-top: 40px;padding-bottom: 40px;}
	.inner-contact .map{height:50vh;margin-top: 30px;margin-bottom: 10px}
}
@media screen and (max-width: 991px){
	.inner-contact .map{height:40vh;margin-top: 20px;}
}
@media screen and (max-width: 767px){
	.inner-feedback{padding-top: 0px}
	.inner-feedback .row > div{padding:0;}
	.inner-feedback .contact-info{padding:30px;}
	.inner-feedback .contact-info dl dt h1{font-size: 22px;padding-bottom: 20px;}
	.inner-feedback .contact-info dl dd p{font-size: 14px}
	.inner-feedback .feedback-content input{height:45px;line-height:45px;font-size: 13px}
	.inner-feedback .feedback-content textarea{font-size: 13px;}
	.inner-feedback .feedback-content .row{margin-left: 0;margin-right: 0}
	.inner-feedback .feedback-content .row > div{padding:6px 0;}
	.inner-feedback .feedback-content .savebutton button.submit{width: 50%;line-height: 42px;font-size: 13px;}
	.inner-feedback .feedback-content .checkcode img{margin-top: 10px}
	.inner-contact .address h1{font-size: 20px;}
	.inner-contact .address p{line-height: 22px;font-size: 13px;margin-top:5px}
	.inner-contact .address p.icon a:before{font-size: 18px;line-height: 22px;}
	.inner-contact .map{height:30vh;}
}

.inner-projects{padding-top: 80px;padding-bottom: 80px;}
.inner-projects .project-menu,.inner-prut .prut-menu{display: block;margin-top: 15px;text-align:center;padding-bottom: 40px;}
.inner-projects .project-menu li,.inner-prut .prut-menu li{display: inline-block;margin-right: 15px}
.inner-projects .project-menu li a,.inner-prut .prut-menu li a{padding:8px 35px;display: block;border-bottom-right-radius: 20px;font-size:18px;font-weight:300;border:1px #eee solid;}
.inner-projects .project-menu li.active a,.inner-prut .prut-menu li.active a{background: #05588d;color: #fff;border-color: #05588d}
.inner-projects .row.topfix{padding-bottom: 30px}
.inner-projects .row dl{padding: 15px;margin-bottom: 0}
.inner-projects .row dl a{display: block;position: relative;overflow: hidden;}
.inner-projects .row dl a dt{display: block;background: #000;position: relative;}
.inner-projects .row dl a dt img{width: 100%;transition: all .3s}
.inner-projects .row dl a:hover dt img{opacity: 0.7;}
.inner-projects .row.topfix dl a dd{position: absolute;background: #00000090;left: 0;width: 100%;bottom: -70px;padding:20px 30px;margin-bottom: 0;transition: all .3s}
.inner-projects .row.topfix dl a:hover dd{bottom: 0}
.inner-projects .row.topfix dl a dd h1{color: #fff;display: block;padding-bottom: 10px;font-size:30px;transition: all .3s}
.inner-projects .row.topfix dl a:hover dd h1{font-size:35px}
.inner-projects .row.topfix dl a dd span{color: #ffffff90;font-weight: 200;font-size:16px;display: block;line-height: 40px}
.inner-projects .row.topfix dl a dd span:before{margin-right: 5px;font-size:20px;display: inline-block;line-height: 42px;vertical-align: top}
.inner-projects .row.topfix dl a dd p{color: #fff;font-size:18px;}
.inner-projects .row dl a i{position: absolute;top: 55%;left: 50%;transform: translate(-50%,-50%);color: #fff;font-size:20px;width: 50px;height: 50px;border-radius:50%;display: inline-block;background: #05588d;line-height:50px;text-align:center;opacity: 0;transition: all .3s}
.inner-projects .row dl a:hover i{opacity: 1;top: 50%;}
.inner-projects .row.topfix dl a i{font-size:25px;width: 70px;height: 70px;line-height:70px;}
.inner-projects .row dl a dd{padding: 20px;display: block;background: #f5f5f5}
.inner-projects .row dl a dd h1{font-size:25px;}
.inner-projects .row dl a dd span{color: #00000090;font-size:15px;display: block;line-height: 32px}
.inner-projects .row dl a dd span:before{margin-right: 3px;font-size:18px;display: inline-block;line-height: 34px;vertical-align: top}
.inner-projects .row dl a dd p{color: #222;font-size:15px;}
.pagination-bar {text-align: center; overflow: hidden; padding:0;margin-top:50px;}
.pagination-bar.borderline{border-bottom: 1px #ddd solid}
.pagination-bar ul {display: block;overflow: hidden;}
.pagination-bar ul li {margin: 4px;	vertical-align: top;display: inline-block;}
.pagination-bar ul li.disabled { background: #e8e8e8;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;transition: ease all 0.4s; -webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s; -o-transition: ease all 0.4s;}
.pagination-bar ul li a {background: #e8e8e8;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;transition: ease all 0.4s; -webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s;-o-transition: ease all 0.4s;}
.pagination-bar ul li.pageinfo {background: #e8e8e8;line-height: 42px;text-align: center;padding: 0 15px;}
.pagination-bar ul li.active{background: #FF9E19;color: #fff;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;}
.pagination-bar ul li a i{vertical-align: middle;font-weight: bold;}
.pagination-bar ul li a:hover{ color: #fff; background: #FF9E19;}

@media screen and (max-width: 1399px){
	.inner-projects .project-menu,.inner-prut .prut-menu{padding-bottom: 30px;}
	.inner-projects .project-menu li a,.inner-prut .prut-menu li a{padding:5px 30px;font-size:16px;}
}
@media screen and (max-width: 1199px){
	.inner-projects .project-menu,.inner-prut .prut-menu{padding-bottom: 20px;margin-top: 5px}
	.inner-projects .project-menu li a,.inner-prut .prut-menu li a{padding:5px 25px;font-size:15px;}
}
@media screen and (max-width: 991px){
	.inner-projects .project-menu li a,.inner-prut .prut-menu li a{font-size:14px;}
}
/* footer */ 
.footer {background:#0a263e;padding-top: 70px;padding-bottom: 50px}
.footer .row > div{padding:0;}
.footer .row > div:first-child {font-size:0;border-right: 1px #ffffff20 solid;}
.footer .footer-nav dl{display: inline-block;vertical-align: top;padding-right:100px;margin-bottom: 0}
.footer .footer-nav dl dt{display: block;}
.footer .footer-nav dl dt a,.footer .foot-contact dl dt{font-size:18px;font-weight:400;color: #fff;text-transform:uppercase;}
.footer .footer-nav dl dd{margin-top: 20px}
.footer .footer-nav dl dd a,.footer .foot-contact dl dd,.footer .foot-contact dl dd a{color: #ffffff90;font-size: 15px;font-weight:300;display: block;line-height:30px;font-weight: 200}
.footer .foot-contact dl dd a{display: inline-block;}
.footer .foot-contact dl{margin-bottom: 0;}
.footer .footer-nav dl dd a:hover,.footer .foot-contact dl dd a:hover{color: #fff}
.footer .foot-contact{padding-left: 25%}
.footer .foot-contact dl dt{font-size:18px;font-weight:400;color: #fff}
.footer .foot-contact dl dd{margin-top: 20px;}
.footshare{background: #222;padding-top: 40px;padding-bottom: 60px;}
.footshare .share{display: block;text-align: center;}
.footshare .share a{color: #ffffff80;font-size:14px;font-weight:400;line-height: 34px;padding:0 50px;display: inline-block;}
.footshare .share a i{font-size:32px;color: #ffffffd0;display: inline-block;line-height: 34px;vertical-align: top;margin-right: 15px}
.footshare .share a:hover,.footshare .share a:hover i{color: #fff}
.footshare .copyright{line-height:50px;text-align: center;color: #fffffff0;font-weight: 200;padding-top: 10px;display: block;}
.footshare .copyright a{color: #8b8b8b}
.footshare .copyright a:hover{color: #b71b33}

@media screen and (max-width:1399px){
	.footer .footer-nav dl{padding-right:80px;}
	.footer .foot-contact{padding-left: 15%}
}
@media screen and (max-width:1199px){
	.footer .footer-nav dl{padding-right:60px;}
	.footer .footer-nav dl:last-child{padding-right: 30px}
	.footer .foot-contact{padding-left: 12%}
	.footer .footer-nav dl dt a,.footer .foot-contact dl dt{font-size:17px;}
	.footer .footer-nav dl dd a,.footer .foot-contact dl dd,.footer .foot-contact dl dd a{font-size: 15px;}
}
@media screen and (max-width: 991px){
	.footer {padding: 40px 4%}
	.footer .footer-nav dl dd a,.footer .foot-contact dl dd,.footer .foot-contact dl dd a{font-size: 14px;line-height: 22px}
	.footer .row > div:first-child{display: none}	
	.footer .foot-contact{padding-left: 0%}
	.footshare{padding: 30px 0;}
	.footshare .share a{text-align: center;padding: 0 16px;font-size: 12px}
	.footshare .share a i{display: block;margin-right: 0;font-size:25px;}
	.footshare .copyright{font-size: 12px;line-height: 20px;}
}