@charset "utf-8";
.clear{clear: both;}
html, body {
    height: 100%;
}

body{
width: 100%;
margin: 0;
overflow-x: hidden;
font-family:"RR","RB", "RM",arial,"微软雅黑",arial,sans-serif;
}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
* {
	margin: 0;
	padding: 0;
	outline: none;
}
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 {line-height: 1.1;  font-size: 100% ;}

iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea {}
body { line-height: 1.5;
-webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none; 
    user-select:none;}
    div{-webkit-tab-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; } 
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a:hover {}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background:auto;
text-decoration: none;
}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 
img{display: block;width: 100%;height: auto;}


.w90{width: 90%;margin: 0 auto;}
.w80{width: 80%;margin: 0 auto;max-width: 1500px;}
body.body-page-bks{width: 100%;overflow: hidden; height:100%;;position: fixed;top: 0;left: 0;z-index:998;}
.title{width: 100%;height: auto;}
.title h2{color: #012F87;font-family: "RM";text-transform: uppercase;font-size: 60px;}
.td-space{width: 100%;padding: 110px 0;}
.t-space{padding-top: 110px;}
.d-space{padding-bottom: 110px;}
.margin-t{width: 100%;margin-top:55px;}
.view {font-size: 18px;font-family: "RM";display: inline-block; text-transform: capitalize;padding-left: 27.5px;line-height: 55px;color: #000000;  z-index: 0;position: relative;}

.view:after{content: "";position: absolute;border-radius: 100%;left: 0;top: 0;  width: 55px;height: 55px;border-radius: 100%;background: #3077C9;z-index: -1;}
.txt-c{width: 100%;height: auto;}
.txt-c p{font-size: 18px;color: #000000;font-family: arial;}

@media only screen and (max-width:1680px) {
	.td-space{padding: 100px 0;}
	.t-space{padding-top: 100px;}
	.d-space{padding-bottom: 100px;}
	.title h2{font-size: 50px;}
	
}
@media only screen and (max-width:1440px) {
		.td-space{padding:85px 0;}
	.t-space{padding-top:85px;}
	.d-space{padding-bottom:85px;}
	.title h2{font-size: 50px;}
	.margin-t{margin-top: 60px;}
	.view {font-size: 16px;line-height: 50px;padding-left: 25px;}
	.view:after{width: 50px;height: 50px;}
	.txt-c p{font-size: 16px;}
}
@media only screen and (max-width:1280px) {	
		.td-space{padding: 75px 0;}
	.t-space{padding-top: 75px;}
	.d-space{padding-bottom:75px;}
	.title h2{font-size: 45px;}
	.margin-t{margin-top:50px;}
	.txt-c p{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	.td-space{padding:65px 0;}
	.t-space{padding-top::65px;}
	.d-space{padding-bottom:65px;}
	.title h2{font-size: 40px;}
	.margin-t{margin-top:40px;}
	.w80{width: 90%;}
	.view {font-size: 15px;line-height: 45px;padding-left: 22.5px;}
	.view:after{width:45px;height: 45px;}
	.txt-c p{font-size: 14px;}
}
@media only screen and (max-width:720px) {
		.td-space{padding:50px 0;}
	.t-space{padding-top:50px;}
	.d-space{padding-bottom: 50px;}
	.margin-t{margin-top:30px;}
	.title h2{font-size:28px;font-family: "RB";}
	.view {font-size: 13px;line-height: 36px;padding-left: 18px;}
	.view:after{width:36px;height:36px;}
	.txt-c p{font-size: 13px;}
}

.header{width: 100%;height: auto;transition: all  0.5s ease;
background:-moz-linear-gradient(left,#fff 10%,#012f87 50%);
background:-webkit-gradient(linear,0 10%,100% 50%,from(#ff),to(#012f87));
background:-webkit-linear-gradient(left,#fff 10%,#012f87 50%);
background:-o-linear-gradient(left,#fff 10%,#012f87 50%);position: fixed;z-index: 999;top:0;left: 0;}
.header .logo{width: 240px;float: left; display: block;height: auto;margin-top: 12px;}
.header .menu{ font-family: "RM"; width: calc(100% - 240px);float: right;}
.header  .menu .menu-list{width:calc(100% - 0px);padding-right:0%; height: auto;font-size: 0;text-align: right;float: left;}
.header  .menu .menu-list >li{ position: relative; display: inline-block;vertical-align: top; ;margin-right: 4%;font-size: 18px;color:#FFFFFF}
.header  .menu .menu-list >li:last-child{margin-right: 0;}
.header  .menu .menu-list >li>a{color: #FFFFFF;line-height: 90px;text-transform: uppercase;}
.header  .menu .menu-list >li i{display: inline-block;width: 13px;vertical-align: middle;height: auto;margin-left:5px;}
.header  .menu .lang{display: none; text-transform: uppercase; position: relative; float: right; color: #FFFFFF;line-height: 90px; font-size: 18px; width: 80px;float: right;}
.header  .menu .lang span i{width:13px;display: inline-block;margin-left:5px;vertical-align: middle;}
.header  .menu .lang  .langshow{display: none; z-index: 0; width:120px;top: 100%;left: calc(50% - 60px); position: absolute;background:#012F87;color: #FFFFFF;}
.header  .menu .lang  .langshow a{display: block;color: #FFFFFF;line-height: 40px;text-align: center;border-bottom: 1px solid rgba(255,255,255,0.1);}
.header  .menu .lang:hover  .langshow{display: block;}
.header  .menu .lang  .langshow a:hover{background: #3077c9;}
.header  .menu .menu-list >li.twosub:after{display: none; z-index: 999; content: "";position: absolute;width: 100px;height: 15px;top: auto; bottom: -11px;left: calc(50% - 50px);background:url(../img/a002.png)center no-repeat;background-size:cover}
.header  .menu .menu-list >li.twosub:hover:after{display: block;}
.header  .menu .menu-list >li.cut{font-family: "RB";}
.header  .menu ul li.twosub  .navbox{display: none; transition: all 0.3s ease; text-align: left; z-index: 999;background: #f6f9ff; width: 100%;height: auto;position:fixed;top: 90px;left: 0;}
.header  .navbox .nav-c{width: 75%;height:auto;}
.header  .navbox .nav-c .contbox{ text-align: center; width: 100%;height: auto;position: relative; font-family: "GB";font-size: 0; padding: 25px 5%;
background:-moz-linear-gradient(right,#3077c9 10%, #012f87 40%);
background:-webkit-gradient(linear,0 10%,100% 40%,from(#012f87),to(#3077c9));
background:-webkit-linear-gradient(right,#3077c9  10%,#012f87 40%);
background:-o-linear-gradient(right,#3077c9 10%,#012f87 40%);}
.header  .navbox .nav-c .contbox a{color: #fff;}
.header  .navbox .nav-c .contbox:before{content: "";position: absolute;left: calc(50% - 2px);width: 4px;height: 40%;top:30%;background: #FFFFFF;}
.header  .navbox .nav-c .contbox .tel{text-transform: inherit; font-size:30px;color: #FFFFFF;display: inline-block;width: 50%;vertical-align: top;}
.header  .navbox .nav-c .contbox .mail{text-transform: inherit; font-size:30px; color: #FFFFFF;display: inline-block;width: 50%;vertical-align: top;}
.header  .navbox .nav-c .sublist{width: 100%;font-size: 0;position: relative;padding-left: 6%;}
.header  .navbox .nav-c .sublist li{ width: 33.3%;padding: 5% 3% 5% 2%;display: inline-block;vertical-align: top;}
.header  .navbox .nav-c .sublist:before{content: "";position:absolute;top: 0;left: 33%;width: 1px;height: 100%; background: rgba(1,47,135,0.1);}
.header  .navbox .nav-c .sublist:after{content: "";position: absolute;top: 0;left: 66%;width: 1px;height: 100%; background: rgba(1,47,135,0.1);}
.header  .navbox .nav-c .sublist li h6{font-size: 30px;font-family: "RB"; color: #012F87;height: 66px;}
.header  .navbox .nav-c .sublist li .downs{margin-top: 25px; width: 100%;height: auto;}
.header  .navbox .nav-c .sublist li  a{display: block;font-size: 22px;color: #666;margin-bottom: 15px;}
.header  .navbox .nav-c .sublist li  a:hover{color: #012F87;font-family: "RB";}

.header  .menu ul li.twosub  .navbox .propic{width: 25%;position: absolute;top: 0;right: 0;height: 100%;background:url(../img/b002.jpg)center no-repeat;background-size: cover;}
.header  .menu ul li.twosub  .navbox .propic .propic-js{z-index: 999;overflow: hidden;  padding:10% 0 15% 0%;  width: 100%;height: auto;display: block;}
.header  .menu ul li.twosub  .navbox .propic .propic-js .pic{width: 80%;height: auto; margin: 0 auto;}
.header  .menu ul li.twosub  .navbox .propic .propic-js .swiper-pagination{bottom: 0;}
.header  .menu ul li.twosub  .navbox .propic .propic-js .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background:#012F87;
    opacity: 0.3;
}
.header  .menu ul li.twosub  .navbox .propic .propic-js .swiper-pagination-bullet-active {opacity: 1;background:#012F87;}

.header .mb-nav{position:relative; display: none;width: 100%;height: auto;}
.header .mb-nav .toggle{width:25px;height:20px;position: absolute;right: 5%;top: 12.5px;}
.header .mb-nav .toggle span{margin-top: 9px; display: block;width: 25px;height: 2px;background: #FFFFFF;}
.header .mb-nav .toggle:before {content: "";position: absolute;left: 0;top: 0;height: 2px;background: #FFFFFF;width: 100%;}
.header .mb-nav .toggle:after{content: "";position: absolute;left: 0;bottom:0;height: 2px;background: #FFFFFF;width: 100%;}
.header .mb-nav .toggle.open span{display: none;}
.header .mb-nav .toggle.open:before{transform: rotate(45deg)translateY(4.5px)translateX(8.5px);}
.header .mb-nav .toggle.open:after{transform: rotate(-45deg)translateY(-4.5px)translateX(8.5px);}

.header .mb-nav .menu-box{display: none; width: 100%;left: 0; height: auto;max-height: calc(100% - 50px);overflow-x: hidden;overflow-y: auto; position: fixed;top: 50px;
background:-moz-linear-gradient(right,#3077c9 -10%, #012f87 35%);
background:-webkit-gradient(linear,0 -10%,100% 35%,from(#012f87),to(#3077c9));
background:-webkit-linear-gradient(right,#3077c9  -10%,#012f87 35%);
background:-o-linear-gradient(right,#3077c9 -10%,#012f87 35%);}
.header .mb-nav .menu-box ul.one-list{width: 100%;height: auto;padding: 0 5%;}
.header .mb-nav .menu-box ul.one-list>li{position: relative; font-size: 18px;text-transform:uppercase;font-family: "RB"; color: #FFFFFF; width: 100%;display: block;padding: 15px 5% 15px 10px;line-height:30px; border-bottom: 1px solid rgba(255,255,255,0.2); margin: 0;}
.header .mb-nav .menu-box ul.one-list>li a{color: #FFFFFF;}
.header .mb-nav .menu-box ul.one-list>li.twosub:after{position: absolute;content: "";right: 10px;top: 25px;border-top: 6px solid #FFFFFF;border-left: 6px solid rgba(255,255,255,0);border-right: 6px solid rgba(255,255,255,0);border-bottom: 6px solid rgba(255,255,255,0);}
.header .mb-nav .menu-box ul.one-list>li.twosub .sublist{display: none; padding-top: 15px; text-transform: capitalize;}
.header .mb-nav .menu-box ul.one-list>li.twosub .sublist li{font-size: 15px; width: 100%;height: auto;padding: 10px 0;}
.header .mb-nav .menu-box ul.one-list>li.twosub .sublist li h6{text-transform: uppercase;margin-bottom:10px;}
.header .mb-nav .menu-box ul.one-list>li.twosub .sublist li .downs{width: 100%;height: auto;}
.header .mb-nav .menu-box ul.one-list>li.twosub .sublist li .downs a{display: block;line-height: 1;margin-bottom:10px; color:rgba(255,255,255,0.5)}
.header .mb-nav .menu-box ul.one-list>li.twosub .sublist li .downs a:hover{color: #FFFFFF;}
.header .mb-nav .menu-box ul.one-list>li.twosub .sublist li:last-child{margin-bottom: 0;padding-bottom: 0;}

.header.header2{transition: all  0.5s ease;}
.header.header2  .menu .menu-list >li>a{line-height: 70px;transition: all  0.5s ease;}
.header.header2 .logo{margin-top:7.5px;width: 220px;}
.header.header2 .menu{width: calc(100% - 220px);}
.header.header2  .menu .menu-list >li{font-size: 16px;}
.header.header2  .menu ul li.twosub  .navbox{top: 70px;}

@media only screen and (max-width:1680px) {
	
}
@media only screen and (max-width:1440px) {
	.header  .menu .menu-list >li>a{line-height: 70px;}
	.header .logo{margin-top:7.5px;width: 220px;}
	.header .menu{width: calc(100% - 220px);}
	.header  .menu .menu-list >li{font-size: 16px;}
	.header  .menu ul li.twosub  .navbox{top: 70px;}

	
}
@media only screen and (max-width:1280px) {	
}
@media only screen and (max-width:1024px) {
	.header{height:auto;}
	.header .pc-nav{display: none;}
	.header .mb-nav{height: 50px;display: block;padding: 0 5%;}
	.header .mb-nav .logo{width: 160px;height: auto;display: block;margin-top: 5px;}
	.header .mb-nav .toggle {display: block;}
	.header .mb-nav .menu-box ul.one-list>li{font-size: 15px;}
	
}
@media only screen and (max-width:720px) {
}

.banner{position: relative;left: 0; width: 100%;height: 100%;}
.banner .con{position: absolute;width: 100%;height: auto; top: 50%;left: 0;z-index: 333;}
.banner .con ul{font-size: 0;padding-right:45%; width: 100%;height: auto;}
.banner .con ul li{width:auto;margin-right:6%; vertical-align: top; display: inline-block;height: auto;}
.banner .con ul li .t-con{height: auto;}
.banner .con ul li .ico{display: inline-block;vertical-align: middle; margin-right: 15px; width: 60px;height: auto;}
.banner .con ul li h6{font-size:60px; vertical-align: middle; display:inline-block; color: #FFFFFF;font-family: "RR";font-weight: normal;}
.banner .con ul li p{margin-top: 10px; font-size: 24px;color: #FFFFFF;text-transform: capitalize;}
.banner .mouse{width: 30px;position: absolute;bottom: 10%;right:5%;z-index: 333;-webkit-animation: rotate 3.5s 0.1s infinite;animation: rotate 1.8s 0.2s infinite;animation-name:rotate ;position: absolute;display: none;}

@keyframes rotate{
      0%{transform: translateY(-15px);}
    50%{transform: translateY(15px);}
  100%{transform: translateY(-15px);}
}

.banner .banner-js{width: 100%;height:calc(100% - 90px);top: 90px; position: absolute;z-index: 22;}
.banner .banner-js .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0; background-size: cover;background-position: center;background-repeat: no-repeat;}
.banner .banner-js .pic .img1{display: none;width: 100%;height: auto;}
.banner .banner-js .vidbacking{object-fit: cover; position: absolute;top: 0;left: 0; width: 100%;height:100%;object-fit: cover;}
.banner  .pic .bks{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(3,32,89,0.18);}
.banner  .pic .bks .con{top: 25%;position: absolute;left: 0;padding: 0 5%; width: 100%;height: auto;text-align: center;}
.banner  .pic .bks .con h5{color: #FFFFFF;font-size: 72px;}
.banner  .pic .bks .con h1{color: #FFFFFF;font-size: 30px;}

.banner .banner-js .swiper-pagination{bottom: 6%;}
.banner .banner-js .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #FFFFFF;
    opacity:0.6;
}

.banner .banner-js .swiper-pagination-bullet-active {
    opacity: 1;
    background:#012F87;
}




@media only screen and (max-width:1680px) {
	.banner .con ul li h6{font-size: 55px;}
	.banner .con ul li .ico{width: 55px;}
}
@media only screen and (max-width:1440px) {
	.banner .con ul li h6{font-size: 50px;}
	.banner .con ul li p{font-size: 22px;}
	.banner .con ul li .ico{width: 50px;}
	.banner .banner-js{height:calc(100% - 70px);top:70px;}

}
@media only screen and (max-width:1280px) {
	.banner .con ul li h6{font-size: 45px;}
	.banner .con ul li p{font-size: 20px;}
	.banner .con ul li .ico{width:45px;}
	.banner .con ul{padding-right: 35%;}
}
@media only screen and (max-width:1024px) {
	.banner{margin-top: 50px;}
	.banner .con ul{padding-right: 25%;}
	.banner .con ul li h6{font-size: 40px;}
	.banner .con ul li p{font-size:18px;line-height: 1;margin-top: 5px;}
	.banner .con ul li .ico{width:40px;margin-right: 10px;}
	.banner .banner-js .pic{position: relative;width: 100%;height: auto;}
	.banner .banner-js .pic .img1{display:block;}
	.banner {height: auto;}
	.banner .banner-js{height: auto;position:relative;top:auto;}
	.banner .mouse{width: 25px;}
}
@media only screen and (max-width:720px) {
.banner .con ul li h6{font-size:25px;}
.banner .con ul li .ico{width: 25px;margin-right: 5px;}
.banner .mouse{width: 20px;}
.banner .con ul{padding-right: 0;}
}

.inab{background: #f6f9ff; width: 100%;height: auto; border-top: 20px solid #012F87;}
.inab .inab-box{position: relative; width: 100%;height: auto;z-index: 0;}
.inab .inab-box  .pic{width: 10%;position: absolute;height: 100%;z-index: 22; right: 0;top: 0;background-size: cover;background-repeat: no-repeat;background-position: center;background-image: none !important;}
.inab .inab-box .inab-c{width: 100%;padding-right: 0%;}
.inab .inab-box .inab-c .inab-container{margin-bottom: 35px; width: 100%;height: auto;display: block;font-size: 0;}
.inab .inab-box .inab-c .inab-container .txt-c:first-child{width:65%;display: inline-block;vertical-align: top;}
.inab .inab-box .inab-c .inab-container .txt-c:nth-child(2){width:35%;padding-left: 5%;display: inline-block;vertical-align: top;}
.inab .inab-box .inab-c .core{margin-top: 45px; width: 100%;height: auto;}
.inab .inab-box .inab-c .core h3{text-transform: capitalize; color: #000000;font-size: 40px;font-family: "RB";}
.inab .inab-box .inab-c .core .core-list{font-size: 0;height: auto;width: 100%;margin-top: 35px;}
.inab .inab-box .inab-c .core .core-list li{padding-right: 3%; display:inline-block;vertical-align: top;width: 25%;}
.inab .inab-box .inab-c .core .core-list li .ico{width: 20px;height: auto;}
.inab .inab-box .inab-c .core .core-list li h6{margin:10px 0; color: #012F87;font-family: "RB"; font-size: 24px;}
.inab .inab-box .inab-c .core .core-list li .txt-c{width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}


@media only screen and (max-width:1680px) {
	.inab .inab-box .inab-c .core h3{font-size: 36px;}
}
@media only screen and (max-width:1440px) {
	.inab .inab-box .inab-c .core h3{font-size: 34px;}
	.inab .inab-box .inab-c .core .core-list li h6{font-size: 22px;}
}
@media only screen and (max-width:1280px) {
	.inab .inab-box .inab-c .core h3{font-size: 30px;}
	.inab .inab-box .inab-c .core .core-list li h6{font-size: 20px;}
	.inab .inab-box .inab-c{padding-right: 10%;}
	.inab{border-top: 15px solid #012F87;}
}
@media only screen and (max-width:1024px) {
.inab .inab-box .inab-c .core h3{font-size: 26px;}
.inab .inab-box .inab-c .core .core-list li h6{font-size: 18px;}
}
@media only screen and (max-width:720px) {
	.inab{border-top: 10px solid #012F87;}
.inab .inab-box .inab-c .core h3{font-size: 24px;}
.inab .inab-box  .pic{display: none;}
.inab .inab-box  .inab-c{padding-right: 0;}
.inab .inab-box .inab-c .inab-container .txt-c:first-child{width: 100%;}
.inab .inab-box .inab-c .inab-container .txt-c:nth-child(2){width: 100%;padding-left: 0;}
.inab .inab-box .inab-c .core .core-list li{width: 50%;margin-bottom: 20px;}
}









.inpro{width: 100%;height: auto;position: relative;}
.inpro .title{text-align: center;}
.inpro .inpro-c{width: 100%;height: auto;position: relative;margin-bottom: 35px;}
.inpro .inpro-c:before{width:20px;height: 100%;content: "";position: absolute;left: 0;top: 0;background: #012F87;}
.inpro  ul{width: 100%;height: auto;font-size: 0;}
.inpro ul li{ width: calc(33.3% - 30px);display: inline-block;vertical-align:top; margin-right: 45px;height: auto;}
.inpro ul li:nth-child(3n){margin-right: 0;}
.inpro ul li a{padding: 0 0 8% 0; text-align: center; width: 100%;height: auto;background-size: cover;background:url(../img/b006.jpg)center no-repeat;display: block;}
.inpro ul li a .pic{width: 100%;height: auto;}
.inpro ul li a h3{color: #000;padding: 0 15%;margin:20px 0 35px 0; font-size: 40px;height: 88px; font-family: "RB";}
.inpro ul li:nth-child(3n)  a h3{padding: 0 28%;}
.inpro .bg{width:89.5%;position: absolute;z-index: -1;height: 50%;bottom: 5%;right: 0;
background:-moz-linear-gradient(right,#3077c9 10%, #012f87 40%);
background:-webkit-gradient(linear,0 10%,100% 40%,from(#012f87),to(#3077c9));
background:-webkit-linear-gradient(right,#3077c9  10%,#012f87 40%);
background:-o-linear-gradient(right,#3077c9 10%,#012f87 40%);}


.inpro .bg img{width: 75%;height: auto;position: absolute;bottom:15%;left: 12.5%;-webkit-filter: blur(10px);filter: blur(10px);opacity: 0.2;-webkit-opacity: 0.2;-moz-opacity: 0.2;}




@media only screen and (max-width:1680px) {
	.inpro ul li a h3{font-size: 36px;height: 80px;}
	.inpro ul li:nth-child(3n)  a h3{padding: 0 25.5%;}
}
@media only screen and (max-width:1440px) {
	.inpro ul li a h3{font-size: 34px;height: 75px;}
	.inpro .inpro-c{margin-bottom: 25px;}
	.inpro ul li{width: calc(33.3% - 20px);margin-right: 30px;}
	
		.inpro ul li:nth-child(3n)  a h3{padding: 0 24%;}
}
@media only screen and (max-width:1280px) {
.inpro ul li a h3{font-size: 30px;height: 66px;margin:15px 0 30px 0;}
.inpro .inpro-c{margin-bottom: 20px;}
.inpro ul li{width: calc(33.3% - 15px);margin-right: 22.5px;}
.inpro ul li:nth-child(3n)  a h3{padding: 0 21.5%;}
}
@media only screen and (max-width:1024px) {
	.inpro ul li a h3{font-size:26px;height: 58px;}
	.inpro .inpro-c{margin-bottom: 15px;}
	.inpro ul li{width:calc(33.3% - 10px);margin-right: 15px;}
	.inpro .inpro-c:before{width: 15px;}
	
	.inpro ul li:nth-child(3n)  a h3{padding: 0 16%;}
}
@media only screen and (max-width:720px) {
	.inpro ul li a h3{font-size:24px;height: 53px;margin:10px 0 25px 0;}
	.inpro ul li:nth-child(3n)  a h3{padding: 0 30%;}
	.inpro .inpro-c:before{width: 5px;}
	.inpro ul li a .pic{width:70%;margin: 0 auto;}
	.inpro ul li{width:100%; margin-bottom: 10px;}
	.inpro ul li:nth-child(3){margin-bottom: 0;}
	.inpro .bg{bottom:0%;}
	}


.why{width: 100%;height: auto;position: relative;z-index: 22;}
.why .bg{width: 95%;height: auto;z-index: -2;position: absolute;left: 2.5%;bottom: 40%;}
.why .bg>img{-webkit-filter: blur(12px);filter: blur(12px);opacity: 0.2;-webkit-opacity: 0.2;-moz-opacity: 0.2;}
.why .title{text-align: center;}
.why ul{width: 100%;height: auto;font-size: 0;position: relative;z-index: 22;}
.why ul li{width:calc(33.3% - 30px);margin-right: 45px; height: auto;display: inline-block;vertical-align: top;}
.why ul li:nth-child(3){margin-right: 0;}
.why ul li .pic{width: 100%;height: auto;position: relative;z-index: 0;}
.why ul li .pic img{display:block;width: 100%;height: auto;}
.why ul li .pic .bks{text-align: center; position: absolute;transition: all 0.5s ease;opacity: 0; top: 0;left: 0;width: 0%;height: 0%;overflow: hidden; background: rgba(1,47,135,0.9);}
.why ul li .pic .bks .view{color: #fff; position: absolute;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);-webkit-transform: translateX(-50%)translateY(-50%);-moz-transform: translateX(-50%)translateY(-50%);-ms-transform: translateX(-50%)translateY(-50%);-o-transform: translateX(-50%)translateY(-50%);}
.why ul li .pic .bks .view:after{background: rgba(255,255,255,0.4);}
.why ul li:hover .pic .bks{width: 100%;height: 100%;opacity: 1;}
.why ul li h3{color: #000000;font-family: "RB";text-align: center;font-size: 40px;padding: 0 5%;width: 100%;margin-top: 35px;}

@media only screen and (max-width:1680px) {
	.why ul li h3{font-size: 36px;}
}
@media only screen and (max-width:1440px) {
	.why ul li{width: calc(33.3% - 20px);margin-right: 30px;}
	.why ul li h3{font-size: 34px;margin-top: 25px;}
}
@media only screen and (max-width:1280px) {
.why ul li h3{font-size:30px;margin-top: 20px;}
.why ul li{width: calc(33.3% - 15px);margin-right:22.5px;}
}
@media only screen and (max-width:1024px) {
.why ul li h3{font-size: 26px;margin-top: 15;}
.why ul li{width: calc(33.3% - 10px);margin-right:15px;}
}
@media only screen and (max-width:720px) {
	.why ul li{width:100%;margin-right:0px;margin-bottom: 35px;}
.why ul li h3{font-size: 24px;padding: 0  10%;}
}



.botbox{position: relative;z-index: 0; width: 100%;height: auto;padding-bottom: 5%;}
.botbox .bg{height: 65%;bottom: 0; z-index: -1;position: absolute;width: 100%;
background:-moz-linear-gradient(right,#3077c9 10%, #012f87 40%);
background:-webkit-gradient(linear,0 10%,100% 40%,from(#012f87),to(#3077c9));
background:-webkit-linear-gradient(right,#3077c9  10%,#012f87 40%);
background:-o-linear-gradient(right,#3077c9 10%,#012f87 40%);}
.botbox .bg>img{position: absolute;width: 85%;left:7.5%;bottom: 10%;display: block; -webkit-filter: blur(12px);filter: blur(12px);opacity: 0.2;-webkit-opacity: 0.2;-moz-opacity: 0.2;}

.botbox .botbox-c{position: relative; overflow: hidden;width: 100%;height: auto;}
.botbox .botbox-c .pic{width: 60%;height: auto;}
.botbox .botbox-c .innews{padding: 3.5%; position: absolute;right: 0;top: 0;width: calc(40% - 45px);height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.botbox .botbox-c .innews  .innews-t{display: block;position: relative; width: 100%;height: auto;}
.botbox .botbox-c .innews  .innews-c{margin-top: 25px;width: 100%;height: auto;}
.botbox .botbox-c .innews  .innews-c .innews-js{display: block;width: 100%;height: auto;}
.botbox .botbox-c .innews  .innews-c .innews-js a{display: block;}
.botbox .botbox-c .innews  .innews-c .innews-js a .date{font-family: "RB"; font-size: 18px;color: #012F87;}
.botbox .botbox-c .innews  .innews-c .innews-js a h3{color: #000000;font-size: 24px;height: 52px; font-family: "RB";margin-top:3%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.botbox .botbox-c .innews  .innews-c .innews-js a .view{margin-top:12%;}
.botbox .botbox-c .innews  .innews-t .swiper-button-next{
    background-image: url(../img/next.jpg);
    right:0px;
    left: auto;
}
.botbox .botbox-c .innews  .innews-t .swiper-button-prev{
    background-image: url(../img/prev.jpg);
    right:40px;
    left: auto;
}
.botbox .botbox-c .innews  .innews-t .swiper-button-next,.botbox .botbox-c .innews  .innews-t .swiper-button-prev {
    position: absolute;
    top: 0%;
    width:30px;
    height:30px;
    margin-top:0px;
    z-index:22;
    cursor: pointer;
    background-size:30px 30px;
    background-position: center;
    background-repeat: no-repeat;
}





.footer{width: 100%;height: auto;padding:55px 0 35px 0;
background:-moz-linear-gradient(right,#3077c9 10%, #012f87 40%);
background:-webkit-gradient(linear,0 10%,100% 40%,from(#012f87),to(#3077c9));
background:-webkit-linear-gradient(right,#3077c9  10%,#012f87 40%);
background:-o-linear-gradient(right,#3077c9 10%,#012f87 40%);margin-top: -1px;}
.footer .logo{width: 240px;float: left;height: auto;display: block;}
.footer .foot-c{width: calc(100% - 240px);float: right;padding-left: 6%;}
.footer .foot-c .f-cont{width: 100%;height: auto;overflow: hidden;font-size: 0;font-family: arial;}
.footer .foot-c .f-cont .infor{vertical-align: top; display: inline-block;width: calc(35% - 65px);}
.footer .foot-c .f-cont  h6{font-weight: normal;margin-bottom: 20px; font-size: 18px;color: rgba(255,255,255,0.5);}
.footer .foot-c .f-cont .infor a{font-size: 18px;color: #FFFFFF;display: block;}
.footer .foot-c .f-cont .infor .mail{text-decoration: underline;}
.footer .foot-c .f-cont .address{vertical-align: top; display: inline-block;width: calc(60% - 65px);}
.footer .foot-c .f-cont .address p{font-size: 18px;color: #FFFFFF;}
.footer .foot-c .f-cont .view{width: 130px; float: right; color: #FFFFFF;vertical-align: top;}
.footer .foot-c .f-cont .view:after{background: rgba(255,255,255,0.2);}
.footer .foot-c .pcy{width: 100%;height: auto;font-size: 16px; margin-top: 35px;color: rgba(255,255,255,0.5);}
.footer .foot-c .pcy  a{color: rgba(255,255,255,0.5);}
.footer .foot-c .pcy .webmap{display: none;}
.footer .foot-c .pcy .gg{display: block;}

@media only screen and (max-width:1680px) {
	.botbox .botbox-c .innews{padding: 3%;}
	.botbox .botbox-c .pic{width: 65%;}
	.botbox .botbox-c .innews{width: calc(35% - 45px);}
}
@media only screen and (max-width:1440px) {
.botbox .botbox-c .innews  .innews-c .innews-js a .date{font-size: 16px;}
.botbox .botbox-c .innews  .innews-c .innews-js a h3{font-size: 22px;height: 49px;}
.botbox .botbox-c .innews{width: calc(35% - 30px);}
.footer .foot-c .f-cont  h6{font-size: 16px;margin-bottom: 15px;}
.footer .foot-c .f-cont .infor a{font-size: 16px;}
.footer .foot-c .f-cont .address p{font-size: 16px;}
.footer .foot-c .pcy{font-size: 16px;}
.footer{padding: 50px 0 30px 0;}
.footer .logo{width: 220px;}
.footer .foot-c{width: calc(100% - 220px);}
}
@media only screen and (max-width:1280px) {
	.botbox .botbox-c .innews{padding: 2.5%;}
	.botbox .botbox-c .pic{width:70%;}
	.botbox .botbox-c .innews  .innews-c{margin-top: 15px;}
.botbox .botbox-c .innews{width: calc(30% - 22.5px);}
.footer .foot-c{padding-left: 5%;}
.footer .logo{width: 200px;}
.footer .foot-c{width: calc(100% - 200px);}
}
@media only screen and (max-width:1024px) {
	.botbox .botbox-c .innews  .innews-c{margin-top: 10px;}
.botbox .botbox-c .innews  .innews-c .innews-js a .date{font-size: 15px;}
.botbox .botbox-c .innews  .innews-c .innews-js a h3{font-size: 20px;height:auto;overflow: hidden;text-overflow:ellipsis;-webkit-line-clamp:1;}
.botbox .botbox-c .innews{width: calc(30% - 15px);}
.footer .foot-c .f-cont  h6{font-size: 15px;margin-bottom: 10px;}
.footer .foot-c .f-cont .infor a{font-size: 15px;}
.footer .foot-c .f-cont .address p{font-size: 15px;}
.footer .foot-c .pcy{font-size: 15px;}
.footer{padding: 45px 0 30px 0;}
}

@media only screen and (max-width:900px) {
	.footer .logo{width:180px;}
.footer .foot-c{width: calc(100% - 180px);}
.footer .foot-c{padding-left:3%;}
.footer .foot-c .f-cont .infor a{font-size: 14px;}
.footer .foot-c .f-cont .address p{font-size: 14px;}
.footer .foot-c .pcy{font-size: 14px;}
.footer .foot-c .f-cont .infor{width: 100%;margin-bottom: 20px;}
.footer .foot-c .f-cont .address{width: 100%;}
.footer .foot-c .f-cont .view{display: none;}
}



@media only screen and (max-width:720px) {
	
	.botbox .botbox-c .pic{width: 100%;height: auto;}
	.botbox .botbox-c .innews{position: static;width: 100%;}
	.botbox .bg{height: 75%;}
	.botbox .botbox-c .innews{padding:5%;}.botbox .botbox-c .innews  .innews-c .innews-js a{overflow: hidden;}
	.botbox .botbox-c .innews  .innews-c .innews-js a .date{font-size: 15px;}
	.botbox .botbox-c .innews  .innews-c .innews-js a h3{font-size:18px;text-overflow:ellipsis;-webkit-line-clamp:1;}
.footer .logo{display: block;width: 100%;text-align: center;margin-bottom: 20px;}
.footer .logo img{display: inline-block;width: 160px;height: auto;}
.footer .foot-c{width: 100%;height: auto;padding-left:0%;margin-top: 20px;}
.footer .foot-c .f-cont .infor{width: 100%;margin-bottom: 20px;}
.footer .foot-c .f-cont .address{width: 100%;}
.footer .foot-c .f-cont .view{display: none; float: none;}
.footer .foot-c .f-cont  h6{font-size: 14px;margin-bottom: 5px;}
.footer .foot-c .f-cont .infor a{font-size: 14px;}
.footer .foot-c .f-cont .address p{font-size: 14px;padding: 0 5%;}
.footer .foot-c .pcy{font-size: 12px;margin-top: 20px;}
.footer{padding: 35px 0 25px 0;text-align: center;}
}





.topbox-margin{width: 100%;height: auto;margin-top:90px;}
@media only screen and (max-width:1440px) {
.topbox-margin{margin-top:70px;}
}

@media only screen and (max-width:1024px) {
.topbox-margin{margin-top:50px;}
}




.factory{width: 100%;height: auto;}
/*.factory .factory-js{width: 100%;height: auto;position: relative;z-index: 0;}
.factory .factory-js .pic{width: 100%;height: auto;}
.factory .factory-js .swiper-pagination{bottom: 10%;}
.factory .factory-js .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #FFFFFF;
    opacity:0.6;
}

.factory .factory-js .swiper-pagination-bullet-active {
    opacity: 1;
    background:#012F87;
}*/



.bread{z-index:0; width: 100%;height:25px;position: relative;}
.bread .bread-c{display:inline-block;padding: 0 5%;line-height:90px;text-align: center; position: absolute;right:0;bottom:-20px;background: #012F87;}
.bread .bread-c a{color: #FFFFFF;display: inline-block;vertical-align: middle; text-transform: uppercase;font-size:18px;font-family: "RB";}
.bread .bread-c i{display: inline-block;vertical-align: middle;width: 100px;margin: 0 5px; height: 1px;background: rgba(255,255,255,0.3);}




@media only screen and (max-width:1680px) {
	.bread .bread-c i{width: 100px;}
	
}
@media only screen and (max-width:1440px) {
	.bread .bread-c a{font-size: 16px;}
	.bread .bread-c i{width: 80px;}
	.bread .bread-c{line-height: 90px;bottom: -20px;}
}
@media only screen and (max-width:1280px) {
	.bread .bread-c i{width: 70px;}
	.bread .bread-c{line-height: 80px;bottom: -16px;}
}
@media only screen and (max-width:1024px) {
	.bread .bread-c a{font-size: 15px;}
	.bread .bread-c i{width:60px;}
	.bread .bread-c{line-height: 70px;bottom: -12px;}
}
@media only screen and (max-width:720px) {
	.bread .bread-c a{font-size: 12px;}
	.bread .bread-c i{width: 20px;}
	.bread .bread-c{line-height: 50px;bottom:-4px;}
}



.ab{width: 100%;height: auto;}
.ab .txt-c{width: 100%;height: auto;}
.ab .numbox{padding: 45px 0; font-size: 0; width: 100%;height: auto;}
.ab .numbox li:after{content:"";position: absolute;left:100%;width: 1px;height: 50%;background: #012F87;top: 25%;}
.ab .numbox li{position: relative;  padding:0 12%;display: inline-block;vertical-align: top;}
.ab .numbox li:first-child{padding-left: 0;}
.ab .numbox li:last-child{padding-right: 0;}
.ab .numbox li:last-child:after{display: none;}
.ab .numbox li .t-con{width: 100%;height: auto;}
.ab .numbox li .t-con .ico{width: 80px;height: auto;display: inline-block;vertical-align: middle;margin-right: 20px;}
.ab .numbox li .t-con h6{font-size: 80px;color: #012F87;display: inline-block;vertical-align: middle;font-family: "RR";font-weight: normal;}
.ab .numbox li p{font-size: 24px;color: #012F87;margin-top: 10px;font-family: "RM";text-transform: capitalize;}

.forbox{position: relative;z-index: 0; width: 100%;height: auto;padding-bottom: 5%;}
.forbox .bg{height: 45%;bottom: 0; z-index: -1;position: absolute;width: 100%;
background:-moz-linear-gradient(right,#3077c9 10%, #012f87 40%);
background:-webkit-gradient(linear,0 10%,100% 40%,from(#012f87),to(#3077c9));
background:-webkit-linear-gradient(right,#3077c9  10%,#012f87 40%);
background:-o-linear-gradient(right,#3077c9 10%,#012f87 40%);}
.forbox .bg>img{position: absolute;width: 85%;left: 7.5%;bottom: 10%;display: block; -webkit-filter: blur(12px);filter: blur(12px);opacity: 0.2;-webkit-opacity: 0.2;-moz-opacity: 0.2;}

.for{position:relative; width:100%;height: auto;}
.for .pic{position: relative;width: 100%;height: auto;}
.for .pic img{display: block;width: 100%;height: auto;}
.for .pic .bks{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center bottom;}
.for .pic h3{font-family: "RB"; text-align: center; position: absolute;bottom: 8%;left: 0;padding: 0 5%;width: 100%; font-size:40px;color: #FFFFFF;}

@media only screen and (max-width:1680px) {
	.ab .numbox li .t-con .ico{width: 70px;}
	.ab .numbox li .t-con h6{font-size: 70px;}
	.for .pic h3{font-size: 36px;}
}

@media only screen and (max-width:1440px) {
	.ab .numbox li .t-con .ico{width: 65px;}
	.ab .numbox li .t-con h6{font-size:65px;}
	.ab .numbox li{padding: 0 10%;}
	.ab .numbox li p{font-size: 22px;}
	.ab .numbox{padding: 40px 0}
	.for .pic h3{font-size: 34px;}
}
@media only screen and (max-width:1280px) {
	.ab .numbox li .t-con .ico{width: 55px;}
	.ab .numbox li .t-con h6{font-size:55px;}
	.ab .numbox li{padding: 0 8%;}
	.ab .numbox li p{font-size: 20px;}
	.ab .numbox{padding: 35px 0;}
	.for .pic h3{font-size: 30px;}
}
@media only screen and (max-width:1024px) {
	.ab .numbox li .t-con .ico{width:45px;}
	.ab .numbox li .t-con h6{font-size:45px;}
	.ab .numbox li p{font-size: 18px;margin-top: 5px;}
	.ab .numbox li:after{height: 30%;top: 35%;}
	.ab .numbox{padding: 30px 0;}
	.for .pic h3{font-size: 26px;}
}
@media only screen and (max-width:720px) {
	.ab .numbox li .t-con .ico{width:25px;margin-right: 10px;}
	.ab .numbox li .t-con h6{font-size:25px;}
	.ab .numbox li{padding: 0 5%;}
	.ab .numbox li p{font-size: 16px;margin-top: 5px;}
	.for .pic h3{font-size: 18px;}
}


.value{width: 100%;height: auto;position: relative;z-index: 0;}
.value .value-c{margin-top: 65px; overflow: hidden; width: 100%;height: auto;position: relative;}
.value .value-c:before{width:20px;height: 100%;content: "";position: absolute;left: 0;top: 0;background: #012F87;}

.value .bg{width:89.5%;position: absolute;z-index: -1;height: 50%;bottom: 0%;right: 0;
background:-moz-linear-gradient(right,#3077c9 10%, #012f87 40%);
background:-webkit-gradient(linear,0 10%,100% 40%,from(#012f87),to(#3077c9));
background:-webkit-linear-gradient(right,#3077c9  10%,#012f87 40%);
background:-o-linear-gradient(right,#3077c9 10%,#012f87 40%);}
.value .bg img{width: 75%;height: auto;position: absolute;bottom:15%;left: 12.5%;-webkit-filter: blur(12px);filter: blur(12px);opacity: 0.2;-webkit-opacity: 0.2;-moz-opacity: 0.2;}

.value .value-c ul{overflow: hidden;width: 100%;height: auto;font-size: 0;}
.value .value-c ul li{width: calc(25% - 30px);margin-right: 40px;height: auto;display: inline-block;padding: 5% 3%;vertical-align: top;background-size: cover;background-repeat: no-repeat;background-position: center;}
.value .value-c ul li:last-child{margin-right: 0;}
.value .value-c ul li .ico{width:75px;height: auto;}
.value .value-c ul li .con{width: 100%;height: auto;margin-top: 15%;}
.value .value-c ul li h6{font-size: 40px;color: #012F87;font-family: "RB";}
.value .value-c ul li .txt-c{width: 100%;height: auto;margin-top: 15px;}

@media only screen and (max-width:1680px) {
	.value .value-c ul li h6{font-size: 36px;}
	.value .value-c ul li .ico{width: 70px;}
	.value .value-c{margin-top: 60px;}
}
@media only screen and (max-width:1440px) {
	.value .value-c ul li h6{font-size: 34px;}
	.value .value-c ul li{width: calc(25% - 24px);margin-right: 32px;}
	.value .value-c ul li .ico{width: 65px;}
	.value .value-c{margin-top: 55px;}
}
@media only screen and (max-width:1280px) {
	.value .value-c ul li h6{font-size: 30px;}
	.value .value-c ul li{width:calc(25% - 15px);margin-right:20px;}
	.value .value-c ul li .ico{width: 60px;}
	.value .value-c{margin-top: 50px;}
	
}
@media only screen and (max-width:1024px) {
	.value .value-c ul li h6{font-size: 24px;}
	.value .value-c ul li{width:calc(25% - 7.5px);margin-right:10px;padding: 20px 10px;}
	.value .value-c ul li .ico{width:45px;}
	.value .value-c:before{width: 15px;}
	.value .value-c{margin-top: 40px;}
	
}
@media only screen and (max-width:720px) {
	.value .value-c ul li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
	.value .value-c ul li:nth-child(2n){margin-right: 0;}
	.value .value-c ul li h6{font-size: 20px;}
	.value .value-c ul li .ico{width:35px;}
	.value .value-c:before{width:5px;height: calc(100% - 10px);}
	.value .value-c{margin-top: 35px;}
	.value .value-c ul li .txt-c{margin-top: 10px;}
}

.words{overflow: hidden; width: 100%;height: auto;
position: relative;}
.words .pic{width:35%;position: absolute;right: 0;top: 0;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.words .pic .img1{display: none;}
.words .words-c{overflow: hidden; width:65%;float:left;padding: 5%;
	background: radial-gradient(circle at right bottom, #848484 10%, #5e5e5e 60%);
/* background:-moz-linear-gradient(right,#3077c9 10%, #012f87 80%);
background:-webkit-gradient(linear,0 10%,100% 80%,from(#012f87),to(#3077c9));
background:-webkit-linear-gradient(right,#3077c9  10%,#012f87 80%);
background:-o-linear-gradient(right,#3077c9 10%,#012f87 80%);*/
} 
.words .words-c .tl{font-size: 18px;font-family: "RB"; color: #FFFFFF;padding-bottom: 15px;border-bottom: 1px solid rgba(255,255,255,0.2);}
.words .words-c .txt-c {width: 100%;height: auto; overflow-x:hidden;overflow-y: auto; margin-top: 30px;}
.words .words-c .txt-c p{color: #FFFFFF;}
.words .words-c .cont-d{width:auto;display: inline-block;text-align: center;float: right; height: auto;color: #FFFFFF;padding-top: 5%;text-align: right;}
.words .words-c .cont-d p{font-size: 34px;text-align: center;display: inline-block; font-family: "RB";}
.words .words-c .cont-d p:nth-child(2){display: block;}

@media only screen and (max-width:1680px) {
	.words .words-c .cont-d p{font-size: 32px;}
}
@media only screen and (max-width:1440px) {
	.words .words-c .cont-d p{font-size:28px;}
}
@media only screen and (max-width:1280px) {
	.words .words-c .cont-d p{font-size: 26px;}
	.words .pic{width: 40%;}
	.words .words-c{width: 60%;}
}
@media only screen and (max-width:1024px) {
	.words .words-c .cont-d p{font-size: 22px;}
}
@media only screen and (max-width:720px) {
	.words .words-c .cont-d p{font-size:18px;}
	.words .pic{width: 100%;height: auto;position: static;background:none;}
	.words .pic .img1{display: block;width: 100%;height: auto;}
	.words .words-c{width: 100%;height: auto;}
}

.in-banner{width: 100%;height: auto;margin-top: 90px;}
.in-banner .pic{width: 100%;height: auto;}

.product-bks{width: 100%;height: auto;background: #F6F9FF;}
.pro-sort{margin-top: -50px;z-index: 0;font-size: 0; position: relative; width: 100%;height: auto;padding-left:calc(50% - 750px);height: auto;}
.pro-sort-c{background: #012F87;}
.pro-sort .sort1{width: calc(100% - 720px); float: left;}
.pro-sort .current-cont{line-height: 90px; color: #F6F9FF; font-size: 18px;font-family: "RB"; padding-left: 3%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-sort .current-cont a{color: #F6F9FF;padding: 0 1%;text-transform: uppercase;}
.pro-sort img{width: 30px;}
.pro-sort .bread{line-height: 90px;height: auto;float: right;width: auto;}
.pro-sort .bread .bread-c{bottom: auto;background: none;width: 420px;}
.plan{line-height: 90px; cursor: pointer; float: left; padding: 0 20px; width: 300px; color: #f6f9ff;font-size: 28px;text-transform: capitalize; border-right: 1px solid rgba(255,255,255,0.1);border-left: 1px solid rgba(255,255,255,0.1);}
.plan i{display: inline-block;vertical-align: middle;margin-right: 10px; width: 30px;height: auto;}
.plan i img{display: block;width: 100%;height: auto;}

.pro-sort .onesub{background: #012F87; padding-left: 2%;}
.pro-sort .onesub>a{line-height: 90px;display: inline-block; position: relative; color: rgba(246,249,255,0.5);font-size: 30px;font-family: "RB";text-transform: capitalize;margin-right:3%;}
.pro-sort .onesub>a.show{color: #FFFFFF;}
.pro-sort .onesub>a:hover{color: #FFFFFF;}
.pro-sort .onesub>a:after{display:none; z-index: 999; content: "";position: absolute;width: 100px;height: 15px;top: auto; bottom: -11px;left: calc(50% - 50px);background:url(../img/a002.png)center no-repeat;background-size:cover}
.pro-sort .onesub>a:hover:after{display: block;}
.pro-sort .onesub>a.show:after{display: block;}

.protwosub{width: 100%;height: auto;}
.protwosub a{color: #000000;font-size: 24px;display: inline-block;margin-right: 3%;font-family: "RB";text-transform: capitalize;}
.protwosub a:hover{color: #012F87;}
.protwosub a.cut{color: #012F87;}


@media only screen and (max-width:1875px) {
	.pro-sort{padding-left: 10%;}
}

@media only screen and (max-width:1680px) {
	.plan{font-size: 26px;width: 280px;}
	.pro-sort .bread .bread-c{width: 370px;}
	.pro-sort .sort1{width: calc(100% - 650px);}
	.pro-sort .onesub>a{font-size: 26px;}
	
}
@media only screen and (max-width:1440px) {
	.pro-sort .current-cont{font-size: 16px;line-height: 80px;}
	.pro-sort .current-cont a{font-size: 16px;}
	.pro-sort{margin-top: -45px;}
	
	.plan{font-size: 24px;width: 260px;line-height: 80px;}
	
	.pro-sort .bread .bread-c{width: 340px;}
	.pro-sort .sort1{width: calc(100% - 600px);}
	.plan i{width: 28px;}
	.pro-sort .onesub>a{font-size: 23px;line-height: 80px;}
	.protwosub a{font-size: 22px;}
}
@media only screen and (max-width:1280px) {
	.pro-sort .current-cont{font-size: 15px;line-height: 70px;}
	.pro-sort{margin-top: -40px;}
	.pro-sort .current-cont a{font-size: 15px;}
	.plan{font-size: 18px;width: 220px;line-height: 70px;}
	.pro-sort .bread .bread-c{width: 260px;}
	.pro-sort .sort1{width: calc(100% - 480px);}
	.plan i{width: 25px;}
	.pro-sort .onesub>a{font-size:19px;line-height: 70px;margin-right: 1.5%;}
	.protwosub a{font-size: 20px;}
}
@media only screen and (max-width:1024px) {
	.pro-sort .current-cont{font-size: 14px;line-height: 60px;}
	.pro-sort{margin-top: -35px;}
	.pro-sort .current-cont a{font-size: 14px;}
		.plan{font-size:16px;width: 200px;line-height: 60px;}
			.pro-sort .bread{display: none;}
	.pro-sort .bread .bread-c{width:260px;}
	.pro-sort .sort1{width: calc(100% - 200px);}
	.plan i{width:20px;}
	.pro-sort{padding-left:5%;}
	.pro-sort .onesub>a{font-size: 20px;line-height: 60px;}
	.protwosub a{font-size: 18px;}
}
@media only screen and (max-width:720px) {
	.pro-sort .current-cont{font-size: 12px;line-height: 50px;}
	.pro-sort{margin-top: 0px;padding-left:0%;}
	.plan i{width:25px;margin-right:0px;}
	.pro-sort .current-cont a{font-size: 12px;}
	.plan{font-size:0px;width: 50px;text-align: center; line-height: 50px;padding: 0;background: #012F87;}
	.pro-sort-c{background: none;position: relative;}
	.pro-sort .sort1{width: calc(100% - 50px);background: #012F87;}
		.pro-sort .onesub{padding-left: 5%;}
	.pro-sort .onesub>a{font-size: 15px;line-height: 50px;margin-right: 4%;}
	.protwosub a{font-size: 16px;}
}








.pro{width: 100%;height: auto;}
.pro ul{width: 100%;height: auto;font-size: 0;}
.pro ul li{text-align: center; padding-bottom: 30px; display: inline-block;vertical-align: top;background: #FFFFFF; width: calc(33.3% - 20px);margin-right: 30px;margin-bottom: 30px; height: auto;}
.pro ul li:nth-child(3n){margin-right: 0;}
.pro ul li .pic{width: 100%;height: auto;margin-bottom: 20px;}
.pro ul li h3{color: #000000;margin-bottom: 25px;margin-top: 15px;  text-align: center;padding:  0 5%;font-family: "RB";font-size: 40px;text-transform: capitalize;}
.pro ul li .view:after{background: rgba(1,47,135,0.15);}
.pro ul li:hover .view:after{background:#3077c9;}


@media only screen and (max-width:1680px) {
	.pro ul li h3{font-size: 36px;}
}
@media only screen and (max-width:1440px) {	
	.pro ul li h3{font-size: 34px;}
	.pro ul li{width: calc(33.3% - 15px);margin-right: 22.5px;margin-bottom: 22.5px;}
	.in-banner{margin-top: 70px;}
}
@media only screen and (max-width:1280px) {	
	.pro ul li h3{font-size: 30px;}
	.pro ul li{width: calc(33.3% - 10px);margin-right:15px;margin-bottom: 15px;}
}
@media only screen and (max-width:1024px) {	
	.pro ul li h3{font-size:26px;}
	.pro ul li{width: calc(33.3% - 5px);margin-right:7.5px;margin-bottom: 7.5px;}
	.in-banner{margin-top: 50px;}
}
@media only screen and (max-width:720px) {
	.pro ul li h3{font-size: 20px;}	
	.pro ul li{width: calc(50% - 5px);margin-right:10px;margin-bottom: 10px;}
	.pro ul li:nth-child(3n){margin-right: 10px;}
	.pro ul li:nth-child(2n){margin-right: 0;}	
	
	
}


.contact{width: 100%;height: auto;}
.contact .title{text-align: center;}
.contact .title p{font-size: 24px;color: #000000;margin-top: 10px;font-family: "RB";}
.contact ul{width: 100%;height: auto;font-size: 0;padding-top: 95px;}
.contact ul li{width: calc(33.3% - 30px); margin-right:45px; margin-bottom: 60px; position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: flex-start; background: #FFFFFF;padding:5% 3% 35px 3%;box-shadow: 0 5px 15px rgba(1,47,135,0.2); background: #FFFFFF;}
.contact ul li:nth-child(3n){margin-right: 0;}
.contact ul li:nth-child(5){margin-right: 0;}
.contact ul li:nth-child(4),.contact ul li:nth-child(5){
	width: calc(50% - 22.5px);
	margin-bottom: 0;
}

.contact ul li .ico{width: 80px;height: auto;position:absolute;top: 0;left: 50%;transform: translateX(-50%)translateY(-50%);-webkit-transform: translateX(-50%)translateY(-50%);-moz-transform: translateX(-50%)translateY(-50%);-ms-transform: translateX(-50%)translateY(-50%);-o-transform: translateX(-50%)translateY(-50%);}
.contact ul li h6{font-size: 24px;color: #012f87;margin-bottom: 10px;font-family: "RB";text-transform: capitalize;}
.contact ul li p{font-size: 18px;color: #000000;font-family: arial;text-align: left;}
.contact ul li a{font-size: 18px;color: #000000;font-family: arial;font-family: arial;}

.touch{position: relative;z-index: 0; width: 100%;height: auto;padding-bottom: 5%;}
.touch .bg{height: 45%;bottom: 0; z-index: -1;position: absolute;width: 100%;
background:-moz-linear-gradient(right,#3077c9 10%, #012f87 40%);
background:-webkit-gradient(linear,0 10%,100% 40%,from(#012f87),to(#3077c9));
background:-webkit-linear-gradient(right,#3077c9  10%,#012f87 40%);
background:-o-linear-gradient(right,#3077c9 10%,#012f87 40%);}
.touch .bg>img{position: absolute;width: 85%;left: 7.5%;bottom: 10%;display: block; -webkit-filter: blur(12px);filter: blur(12px);opacity: 0.2;-webkit-opacity: 0.2;-moz-opacity: 0.2;}
.touch .touch-box{overflow: hidden; padding:5%; box-shadow: 0 5px 15px rgba(1,47,135,0.2);background-size: cover;background-repeat: no-repeat;background-position: center;}
.touch .touch-box .touch-cl{width:38%;float: left;height:auto;}
.touch .touch-box .touch-cl .txt-c{margin-top: 35px;}
.touch .touch-box .touch-cr{width: 60%;float: right;height: auto;padding-left: 5%;}
.touch .touch-box .touch-cr form{display: block;width: 100%;height: auto;font-size: 0;}
.touch .touch-box .touch-cr .c1{font-family: arial;border: none;background: none; border-bottom: 1px solid #012f87; width: calc(50% - 10px);margin-right: 20px;font-size: 18px;color:#012f87; margin-bottom: 15px;line-height: 25px;padding: 15px 0;display: inline-block;vertical-align: top;}
.touch .touch-box .touch-cr .c1:nth-child(2n){margin-right: 0;}
.touch .touch-box .touch-cr .c2{width: 100%;height: 120px;}
.touch .touch-box .touch-cr .yzm{position: relative; width: 100%;height: auto;}
.touch .touch-box .touch-cr .yzm .c1{width: 100%;}
.touch .touch-box .touch-cr .yzm .yzm-pic{width: 100px;height: auto;background: #FFFFFF;position: absolute;right: 0;top: 0;}
.touch .touch-box .touch-cr .send{border: none;line-height: 50px; position: relative; background: none; font-size: 18px;color: #000000;font-family: "RM";text-transform: capitalize;border: none;}
.touch .touch-box .touch-cr .view{margin-top: 25px;}

.touch .touch-box .touch-cr .c1::-webkit-input-placeholder,.touch .touch-box .touch-cr textarea::-webkit-input-placeholder {color: #012f87;font-family: "RB";text-transform: capitalize;}
.touch .touch-box .touch-cr .c1::-moz-placeholder,.touch .touch-box .touch-cr textarea::-moz-placeholder {color: #012f87;font-family: "RB";text-transform: capitalize;}
.touch .touch-box .touch-cr .c1::-ms-input-placeholder,.touch .touch-box .touch-cr textarea::-ms-input-placeholder {color: #012f87;font-family: "RB";text-transform: capitalize;}

@media only screen and (max-width:1680px) {
	.contact ul li h6{font-size: 22px;}
	.contact .title p{font-size: 22px;}
	.contact ul li .ico{width: 70px;}
}
@media only screen and (max-width:1440px) {
	.contact ul li h6{font-size: 20px;}
	.contact ul li p{font-size: 16px;}
	.contact ul li a{font-size: 16px;}
	.contact .title p{font-size: 20px;}
	.contact ul li{width: calc(33.3% - 20px);margin-right: 30px;}
	.contact ul li:nth-child(4),.contact ul li:nth-child(5){
		width: calc(50% - 15px);
	}
	
	.contact ul li .ico{width: 65px;}
	.touch .touch-box .touch-cr .c1{font-size: 16px;}
	.touch .touch-box .touch-cr .send{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
.contact ul li h6{font-size:18px;}
.contact .title p{font-size: 18px;}
.contact ul li{width: calc(33.3% - 10px);margin-right:15px;}
.contact ul li:nth-child(4),.contact ul li:nth-child(5){
		width: calc(50% - 7.5px);
	}
.contact ul li .ico{width: 55px;}

}
@media only screen and (max-width:1024px) {
	.contact ul li p{font-size: 15px;}
	.contact ul li a{font-size: 15px;}
	.contact .title p{font-size: 15px;}
	.contact ul li .ico{width: 45px;}
	.contact ul li{width: calc(33.3% - 5px);margin-right:7.5px;}
	.contact ul li:nth-child(4),.contact ul li:nth-child(5){
		width: calc(50% - 3.75px);
	}
	.touch .touch-box .touch-cr .c1{width: 100%;margin-right: 0;font-size: 15px;line-height: 20px;padding: 10px 0;}
	.touch .touch-box .touch-cr .send{font-size: 15px;}
	
}
@media only screen and (max-width:720px) {
	.contact ul li p{font-size: 14px;}
	.contact ul li a{font-size: 14px;}
	.contact ul{padding-top: 60px;}
	.contact ul li{width: 100%;height: auto;margin-bottom: 45px;padding: 45px 5% 20px 5%;}
	.contact ul li:nth-child(4),.contact ul li:nth-child(5){
		width: 100%;
		margin-bottom: 45px;
	}
	.touch .touch-box .touch-cr{width: 100%;height: auto;padding-left: 0;margin-top: 30px;}
	.touch .touch-box .touch-cl{width: 100%;height: auto;}
	.touch .touch-box .touch-cr .c1{font-size: 14px; border-bottom: 1px solid rgba(1,47,135,0.2);}
	.touch .touch-box .touch-cr .yzm .yzm-pic{width: 80px;height: auto;}
	.touch .touch-box .touch-cr .send{font-size: 14px;}
}



.review{width: 100%;height: auto;position: relative;z-index: 0;}
.review .review-c{padding-left: 5%; margin-top: 65px; overflow: hidden; width: 100%;height: auto;position: relative;}
.review .review-c:before{width:20px;height: 100%;content: "";position: absolute;left: 0;top: 0;background: #012F87;}
.review .bg{width:89.5%;position: absolute;z-index: -1;height: 50%;bottom: 0%;right: 0;
background:-moz-linear-gradient(right,#3077c9 10%, #012f87 40%);
background:-webkit-gradient(linear,0 10%,100% 40%,from(#012f87),to(#3077c9));
background:-webkit-linear-gradient(right,#3077c9  10%,#012f87 40%);
background:-o-linear-gradient(right,#3077c9 10%,#012f87 40%);}
.review .bg img{width: 75%;height: auto;position: absolute;bottom:10%;left: 12.5%;-webkit-filter: blur(12px);filter: blur(12px);opacity: 0.2;-webkit-opacity: 0.2;-moz-opacity: 0.2;}
.review .title{text-align: center;}
.review .review-js{width: 100%;height: auto;padding-right: 35%;}
.review .review-js a{color: #F6F9FF;display: block;background-size: cover;background-repeat: no-repeat;background-position: center;}
.review .review-js a .bks{width: 100%;height: auto;padding: 5%;background: rgba(2,15,55,0.15);}
.review .review-js a .bks .date{font-size: 18px;padding-bottom: 20px;font-family: "RB"; border-bottom: 1px solid rgba(255,255,255,0.2);}
.review .review-js a .bks h3{ margin-bottom: 25px; font-size: 40px;height: 88px; color: #F6F9FF;margin-top: 25%;font-family: "RB";overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.review .review-js a .bks  .view{color:#F6F9FF;}
.review .review-js a .bks  .view:after{background: rgba(255,255,255,0.5);}
.review .review-js a:hover .bks .view:after{background: #3077C9;}

	
@media only screen and (max-width:1680px) {
	.review .review-js a .bks h3{font-size: 36px;height: 79px;}
	.review .review-c{margin-top: 60px;}
}
@media only screen and (max-width:1440px) {
	.review .review-js a .bks h3{font-size: 34px;height: 74px;}
	.review .review-js a .bks .date{font-size: 16px;}
	.review .review-c{margin-top: 55px;}
}
@media only screen and (max-width:1280px) {
	.review .review-js a .bks h3{font-size: 30px;height: 66px;}
	.review .review-c:before{width: 15px;}
	.review .review-js a .bks .date{font-size: 15px;}
	.review .review-c{margin-top: 50px;}
}
@media only screen and (max-width:1024px) {
	.review .review-c:before{width: 10px;}
	.review .review-js a .bks .date{font-size: 14px;height: 57px;}
	.review .review-js a .bks h3{font-size: 26px;}
	.review .review-c{margin-top: 40px;}
}
@media only screen and (max-width:720px) {
	.review .review-js a .bks h3{font-size: 24px;height:52px}
	.review .review-js{padding-right:10%;}
	.review .review-c:before{width: 5px;}
	.review .review-c{margin-top: 30px;}
}





.news{width: 100%;height: auto;text-align: center;}
.news .news-list{width: 100%;height: auto;font-size: 0;text-align: left;}
.news .news-list li{background: #f6f9ff; display:inline-block;vertical-align: top;width: calc(33.3% - 20px);margin-right: 30px;margin-bottom: 30px;}
.news .news-list li:nth-child(3n){margin-right: 0;}
.news .news-list li .pic{width: 100%;height: auto;}
.news .news-list li .con {width: 100%;height: auto;padding:35px 5%;}
.news .news-list li .con h3 {margin-bottom:15px;height: 52px; color: #012f87;font-size: 24px;font-family: "RB";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news .news-list li .con .txt-c{width: 100%;height: 81px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news .news-list li .con .date{font-size: 18px;color:  #012f87;font-family: "RB";margin-top: 30px;}
.news .loading{display: inline-block;font-family: "RB";text-transform: capitalize;color: #FFFFFF;margin-top: 20px; font-size: 18px;line-height: 50px; padding:0 3%;border-radius:25px;background: #012f87;}
.news .news-list li:hover .con{background: #012F87;}
.news .news-list li:hover .con h3{color: #F6F9FF;}
.news .news-list li:hover .con .txt-c p{color: #F6F9FF;}
.news .news-list li:hover .con .date{color: #F6F9FF;}
@media only screen and (max-width:1680px) {
	.news .news-list li .con h3 {font-size: 22px;height: 48px;}
}
@media only screen and (max-width:1440px) {
	.news .news-list li .con h3 {font-size: 20px;height: 44px;}
	.news .news-list li{width: calc(33.3% - 15px);margin-right: 22.5px;margin-bottom: 22.5px;}
	.news .news-list li .con .date{font-size: 16px;}
	.news .loading{font-size: 16px;line-height: 45px;}
	.news .news-list li .con .txt-c{height:72px;}
}
@media only screen and (max-width:1280px) {
	.news .news-list li .con h3 {font-size: 18px;height: 40px;}
	.news .news-list li{width: calc(33.3% - 10px);margin-right: 15px;margin-bottom:15px;}
	.news .news-list li .con .date{font-size: 15px;}
	.news .loading{font-size: 15px;line-height: 40px;}
	.news .news-list li .con .txt-c{height:67px;}
}
@media only screen and (max-width:1024px) {
	.news .news-list li .con h3 {font-size: 16px;height: 35px;}
	.news .news-list li{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
	.news .news-list li:nth-child(3n){margin-right: 20px;}
	.news .news-list li:nth-child(2n){margin-right: 0;}
	.news .news-list li .con .date{font-size: 14px;}
	.news .loading{font-size: 14px;padding: 0 5%;}
	.news .news-list li .con .txt-c{height:63px;}
}
@media only screen and (max-width:720px) {
	.news .news-list li .con .txt-c{height: 58px;}
	.news .news-list li{width:100%;margin-bottom:10px;margin-right: 0;}
	.news .news-list li:nth-child(3n){margin-right:0px;}
	.news .news-list li:nth-child(2n){margin-right: 0;}
	
}



.news-d{width: 100%;height: auto;}
.news-d .news-dl{width: calc(100% - 420px);float: left;height: auto;padding-right: 5%;}
.news-d .news-dl h1{color:#012F87;font-size: 40px;font-family: "RB";}
.news-d .news-dl .news-dt{margin-bottom: 45px; border-bottom: 1px solid rgba(1,47,135,0.2); width: 100%;height: auto;padding: 35px 0;overflow: hidden;}
.news-d .news-dl .news-dt .date{color: #012F87;float: left; font-size:18px ;font-family: arial;}
.news-d .news-dl .news-dt .view{float: right;}
.news-d .news-dl .txt-c{width: 100%;height: auto;}
.news-d .news-dl .txt-c img{max-width: 100%; margin: 0 auto;width: auto;height: auto;}
.news-d .news-dl .key{font-weight: normal; font-size: 18px;font-family: "RB";color: #012F87;padding: 35px 0;border-bottom: 1px solid rgba(1,47,135,0.2);}
.news-d .news-dl .key a{display: inline-block;padding: 10px 20px;color: #012F87;font-family: "RR"; border: 1px solid #012F87;margin: 0 5px 5px 5px;}
.news-d .news-dl .key a:hover{background: #012F87;color: #fff;}

.news-d .news-dl .pn{width: 100%;height: auto;padding-top: 35px;}
.news-d .news-dl .pn a{margin-bottom: 10px;font-size: 18px; display: block;color: #012F87;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-d .news-dl .pn a span{font-family: "RB";text-transform: uppercase;}


.news-d .news-dr{width: 420px;height: auto;float: right;}
.news-d .news-dr h6{font-size:40px;color: #000000;font-family: "RB";text-transform: capitalize;}
.news-d .news-dr .news-list{width: 100%;height:auto;margin-top: 30px;}
.news-d .news-dr .news-list li{background: #f6f9ff; display:inline-block;vertical-align: top;width: 100%; margin-bottom: 30px;}

.news-d .news-dr .news-list li .pic{width: 100%;height: auto;}
.news-d .news-dr .news-list li .con {width: 100%;height: auto;padding:35px 5%;}
.news-d .news-dr .news-list li .con h3 {margin-bottom:15px;height: 52px; color: #012f87;font-size: 24px;font-family: "RB";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-d .news-dr .news-list li .con .txt-c{width: 100%;height: 81px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news-d .news-dr .news-list li .con .date{font-size: 18px;color:  #012f87;font-family: "RB";margin-top: 30px;}
.news-d .news-dr .news-list li:hover .con{background: #012F87;}
.news-d .news-dr .news-list li:hover .con h3{color: #F6F9FF;}
.news-d .news-dr .news-list li:hover .con .txt-c p{color: #F6F9FF;}
.news-d .news-dr .news-list li:hover .con .date{color: #F6F9FF;}


@media only screen and (max-width:1680px) {
.news-d .news-dl h1{font-size: 36px;}
.news-d .news-dr h6{font-size: 36px;}	
.news-d .news-dr .news-list li .con h3 {font-size: 22px;height: 48px;}
}
@media only screen and (max-width:1440px) {
.news-d .news-dl h1{font-size: 34px;}
.news-d .news-dl .key{font-size: 16px;}
.news-d .news-dl .news-dt .date{font-size: 16px;}
.news-d .news-dl .pn a{font-size: 16px;}
.news-d .news-dr h6{font-size: 34px;}
.news-d .news-dr .news-list li .con h3 {font-size: 20px;height: 44px;}
.news-d .news-dr .news-list li .con .date{font-size: 16px;}
.news-d .news-dr .news-list li .con .txt-c{height:72px;}

.news-d .news-dr{width: 360px;}
.news-d .news-dl{width: calc(100% - 360px);}
}
@media only screen and (max-width:1280px) {
.news-d .news-dl h1{font-size: 30px;}
.news-d .news-dl .key{font-size: 15px;}
.news-d .news-dl .news-dt .date{font-size: 15px;}
.news-d .news-dl .pn a{font-size: 15px;}
.news-d .news-dr h6{font-size: 30px;}
.news-d .news-dl .news-dt{padding: 30px 0;}

.news-d .news-dr .news-list li .con h3 {font-size: 18px;height: 40px;}
.news-d .news-dr .news-list li .con .date{font-size: 15px;}
.news-d .news-dr .news-list li .con .txt-c{height:67px;}

.news-d .news-dr{width: 300px;}
.news-d .news-dl{width: calc(100% - 300px);}
}
@media only screen and (max-width:1024px) {
.news-d .news-dl h1{font-size:26px;}
.news-d .news-dl .key{font-size: 14px;}
.news-d .news-dl .news-dt .date{font-size: 14px;}
.news-d .news-dl .pn a{font-size: 14px;}
.news-d .news-dr h6{font-size: 26px;}

.news-d .news-dr .news-list li .con h3 {font-size: 16px;height: 35px;}
.news-d .news-dr .news-list li .con .date{font-size: 14px;}
.news-d .news-dr .news-list li .con .txt-c{height:63px;}
.news-d .news-dl .news-dt{padding: 25px 0;}


.news-d .news-dr{width:240px;}
.news-d .news-dl{width: calc(100% - 240px);}
}
@media only screen and (max-width:720px) {
.news-d .news-dl h1{font-size: 24px;}
.news-d .news-dr h6{font-size: 24px;}
.news-d .news-dr .news-list li .con .txt-c{height: 58px;}
.news-d .news-dl{width: 100%;}
.news-d .news-dr{width:100%;margin-top: 50px;}
.news-d .news-dr .news-list li:last-child{margin-bottom: 0;}
}



.in-banner{width: 100%;height: auto;position: relative;}
.in-banner .con{text-align: center;width: 100%; position: absolute;top: 50%;left: 0;height: auto;font-size: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.in-banner .con .w80{text-align: center;}
.in-banner .con a{color: #FFFFFF;font-size:48px;text-align: center; padding: 0 2%;font-family: "RB";max-width: 33.3%; display: inline-block;vertical-align: top;position: relative;}
.in-banner .con a:before{content: "";position: absolute;right: 0;width: 2px;height: 40%;top: 30%;background: rgba(255,255,255,0.2);}
.in-banner .con a:last-child:before{display: none;}
.in-banner .con a:first-child{padding-left: 0}

@media only screen and (max-width:1680px) {
	.in-banner .con a{font-size: 45px;}
}
@media only screen and (max-width:1440px) {
.in-banner .con a{font-size:36px;}	
}

@media only screen and (max-width:1280px) {
	.in-banner .con a{font-size: 30px;}
}
@media only screen and (max-width:1024px) {
	.in-banner .con a{font-size: 20px;}
}
@media only screen and (max-width:720px) {
	.in-banner .con a{font-size:14px;}
}



.whyus-bks{width: 100%;height: auto;background: #F6F9FF;}
.sys{width: 100%;height: auto;}
.sys .txt-c{width: 100%;height: auto;margin-top: 35px;}
.sys .path{width: 100%;height: auto;padding: 45px 0;}
.sys .path h6{font-size:40px;color: #000000;font-family: "RB";}
.sys .path .path-c{width: 100%;height: auto;margin-top: 15px;}
.sys .sys-box{position: relative;z-index: 0; width: 100%;height: auto;}
.sys .sys-box .bg{overflow: hidden; width:100%;position: absolute;z-index: -1;height:30%;top:45%; right: 0;
background:-moz-linear-gradient(right,#3077c9 10%, #012f87 40%);
background:-webkit-gradient(linear,0 10%,100% 40%,from(#012f87),to(#3077c9));
background:-webkit-linear-gradient(right,#3077c9  10%,#012f87 40%);
background:-o-linear-gradient(right,#3077c9 10%,#012f87 40%);}
.sys .sys-box .bg img{width:100%;height: auto;position: absolute;bottom:45%;left: 10%;-webkit-filter: blur(12px);filter: blur(12px);opacity: 0.2;-webkit-opacity: 0.2;-moz-opacity: 0.2;}


.sys .sys-list{width: 100%;height: auto;font-size: 0;}
.sys .sys-list li{width: calc(25% - 24px);margin-right: 32px;margin-bottom: 32px;display: inline-block;vertical-align: top;position: relative;}
.sys .sys-list li:nth-child(4n){margin-right: 0;}
.sys .sys-list li img{display: block;width: 100%;height: auto;}
.sys  .sys-list li .bks{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(17,37,76,0.2);}
.sys  .sys-list li .bks h3{color: #f6f9ff;font-size: 24px;font-family: "RB";position: absolute;top: 5%;left: 0;padding: 0 8%;}
.sys  .sys-list li .bks h3 span{display: block;}
.sys .sys-box .person{background: #012F87;position: relative; width: 100%;height: auto;overflow: hidden;margin-top: 45px;}
.sys .sys-box .person .pic{width: 400px;float:left;height: auto;}
.sys .sys-box .person .con{z-index: 0; width: calc(100% - 400px); height:100%;position: absolute;top: 0;right: 0; padding: 35px 5%;}
.sys .sys-box .person .con .ico{z-index: -1;position: absolute;width: 20%;max-width: 170px;height: auto;bottom: 10%;right: 5%;}
.sys .sys-box .person .con .tl{font-size: 18px;color: #FFFFFF; font-family: "RB";padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.sys .sys-box .person .con .txt-c{width: 100%;height: auto;font-family: arial;margin-top: 12%;}
.sys .sys-box .person .con .txt-c P{color:#FFFFFF;}


@media only screen and (max-width:1680px) {
.sys  .sys-list li .bks h3{font-size: 22px;}
.sys .path h6{font-size: 36px;}

}

@media only screen and (max-width:1440px) {
	.sys .sys-list li .bks h3{font-size: 20px;}
		.sys .sys-list li{width: calc(25% - 15px);margin-right: 20px;margin-bottom: 20px;}
		.sys .sys-box .person .pic{width: 350px;}
		.sys .sys-box .person .con{width: calc(100% - 350px);}
		.sys .sys-box .person .con .tl{font-size: 16px;}
		.sys .path h6{font-size: 34px;}
		.sys .txt-c{margin-top:30px;}
}

@media only screen and (max-width:1280px) {
	.sys .sys-list li .bks h3{font-size: 18px;}
	.sys .sys-list li{width: calc(25% - 12px);margin-right:16px;margin-bottom: 16px;}
	.sys .sys-box .person .pic{width: 300px;}
	.sys .sys-box .person .con{width: calc(100% - 300px);}
	.sys .sys-box .person .con .tl{font-size: 15px;}
	.sys .path h6{font-size: 30px;}
	
	.sys .txt-c{margin-top:25px;}
}
@media only screen and (max-width:1024px) {
		.sys .sys-list li .bks h3{font-size: 18px;}
		.sys .sys-list li{width: calc(25% - 7.5px);margin-right: 10px;margin-bottom: 10px;}
		.sys .sys-box .person .pic{width: 250px;}
		.sys .sys-box .person .con{width: calc(100% - 250px);}
		.sys .sys-box .person .con .txt-c{margin-top: 8%;}
		.sys .sys-box .person .con .tl{font-size: 14px;}
		.sys .path h6{font-size: 28px;}
}
@media only screen and (max-width:720px) {
		.sys .sys-list li .bks h3{font-size: 16px;}
	.sys .sys-list li{width: calc(50% - 3px);margin-right: 6px;margin-bottom: 6px;}
	.sys .sys-list li:nth-child(4n){margin-right: 10px;}
	.sys .sys-list li:nth-child(2n){margin-right: 0;}
	.sys .sys-box .person .pic{width:100%;float: none;}
	.sys .sys-box .person .con{width:100%;position: relative;}
	.sys .path h6{font-size: 24px;}
	.sys .path .path-c{overflow: auto;overflow-y: hidden;}
	.sys .path .path-c img{min-width:1000px;height: auto;}
	
.sys .path .path-c::-webkit-scrollbar {
            width: 5px; 
            height: 2px;
        }
.sys .path .path-c::-webkit-scrollbar-thumb {
            border-radius: 1px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);
            background:#012f8d;
        }
.sys .path .path-c::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                    border-radius: 1px;
            background: #FFFFFF;}
	
}









.adv{width: 100%;height: auto;z-index: 0;position: relative;}
.adv:before{content: ""; width: 100%;height: 80%;position: absolute;top:0;left: 0;z-index: -1;background:#F6F9FF;}
.adv  .title{width: 100%;padding-bottom: 30px;margin-bottom: 35px;border-bottom: 1px solid rgba(1,47,135,0.1);}
.adv  .summy{width: 100%;height: auto;}
.adv .summy .txt-c{width: 100%;height: auto;}
.adv .summy h6{font-size: 24px;color: #012F87;font-family: "RB";margin-bottom: 20px;}
.adv .adv-list{padding: 35px 0; width: 100%;height: auto;font-size: 0;}
.adv .adv-list a{display:inline-block;width: 25%;vertical-align: top;}

.adv .person{background: #012F87;position: relative; width: 100%;height: auto;overflow: hidden;}
.adv .person .pic{width: 400px;float: right;height: auto;}
.adv .person .con{z-index: 0; width: calc(100% - 400px); height:100%;position: absolute;top: 0;left: 0;padding: 35px 5%;}
.adv .person .con .ico{z-index: -1;position: absolute;width: 20%;max-width: 170px;height: auto;bottom: 10%;right: 5%;}
.adv .person .con .tl{font-size: 18px;color: #FFFFFF; font-family: "RB";padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.adv .person .con .txt-c{width: 100%;height: auto;font-family: arial;margin-top: 12%;}
.adv .person .con .txt-c P{color:#FFFFFF;}

@media only screen and (max-width:1680px) {
	.adv .summy h6{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.adv .person .pic{width: 350px;}
	.adv .person .con{width: calc(100% - 350px);}
	.adv .person .con .tl{font-size: 16px;}
	.adv .summy h6{font-size: 20px;}
	.adv .adv-list{padding:30px 0;}
}
@media only screen and (max-width:1280px) {
		.adv .person .pic{width: 300px;}
	.adv .person .con{width: calc(100% - 300px);}
	.adv .person .con .tl{font-size: 15px;}
	.adv .summy h6{font-size: 18px;}
	.adv  .title{padding-bottom: 25px;margin-bottom: 30px;}
}
@media only screen and (max-width:1024px) {		
	.adv .person .pic{width:250px;}
	.adv .person .con{width: calc(100% - 250px);}
	.adv .person .con .txt-c{margin-top: 8%;}
	.adv .person .con .tl{font-size: 14px;}
	.adv .summy h6{font-size: 16px;}
	.adv .adv-list{padding: 25px 0;}
	.adv  .title{padding-bottom: 20px;margin-bottom:25px;}
}
@media only screen and (max-width:720px) {
	.adv .person .pic{width:100%;}
	.adv .person .con{width: 100%;position: relative;}
	.adv .adv-list a{width: 50%;}
}














.service{width: 100%;height: auto;}
.service h2{text-align: center;}
.service .ser-list{width: 100%;height: auto;overflow: hidden;}
.service .ser-list .li{margin-bottom: 20px; width: 100%;height: auto;overflow: hidden; font-size: 0;background: #F6F9FF;}
.service .ser-list .li .pic{width: calc(50% - 10px);float: right;height: auto;}
.service .ser-list .li .con{padding: 45px 5%; width:calc(50% + 10px);height: auto;float: left;}
.service .ser-list .li .con h3{margin-bottom: 35px; font-size: 40px;color: #012F87;font-family: "RB";}
.service .ser-list .li:nth-child(2){width: calc(50% - 10px);margin-right: 20px;float: left;}
.service .ser-list .li:nth-child(3){margin-right: 0;width: calc(50% - 10px);float: right;}
.service .ser-list .li:nth-child(2) .pic,.service .ser-list .li:nth-child(3) .pic{width: 50%; float: left;}
.service .ser-list .li:nth-child(2) .con,.service .ser-list .li:nth-child(3) .con{width: 50%;}

@media only screen and (max-width:1680px) {
	.service .ser-list .li .con h3{font-size: 34px;}
	.service .ser-list .li .con{padding: 40px 5%;}
}
@media only screen and (max-width:1440px) {
	.service .ser-list .li .con h3{font-size: 30px;margin-bottom:20px;}
	.service .ser-list .li .con{padding: 30px 5%;}
	.service .ser-list .li .con .txt-c p{font-size: 14px;}
	.service .ser-list .li{margin-bottom: 10px;}
	.service .ser-list .li:nth-child(2){width: calc(50% - 5px);margin-right: 10px;}
.service .ser-list .li:nth-child(3){width: calc(50% - 5px);float: right;}
}
@media only screen and (max-width:1280px) {
	.service .ser-list .li .con h3{font-size:28px;}
	.service .ser-list .li .con{padding:25px 5%;}
	.service .ser-list .li .con h3{margin-bottom: 25px;}
	.service .ser-list .li .con .txt-c p{font-size: 13px;}
}
@media only screen and (max-width:1024px) {
.service .ser-list .li .pic{width: 100%;height: auto;}
.service .ser-list .li .con{width: 100%;}
.service .ser-list .li .con h3{font-size: 26px;}
.service .ser-list .li:nth-child(2) .pic,.service .ser-list .li:nth-child(3) .pic{width: 100%;}
.service .ser-list .li:nth-child(2) .con,.service .ser-list .li:nth-child(3) .con{width: 100%;}
.service .ser-list .li .con h3{margin-bottom: 20px;}
.service .ser-list .li .con .txt-c p{font-size: 12px;}
}
@media only screen and (max-width:720px) {
	.service .ser-list .li .con h3{font-size: 24px;}
	.service .ser-list .li,.service .ser-list .li:nth-child(2),.service .ser-list .li:nth-child(3){width: 100%;}
.service .ser-list .li .pic{width: 100%;height: auto;}
.service .ser-list .li .con{width: 100%;}
.service .ser-list .li:nth-child(2) .pic,.service .ser-list .li:nth-child(3) .pic{width: 100%;}
.service .ser-list .li:nth-child(2) .con,.service .ser-list .li:nth-child(3) .con{width: 100%;}
}

.pro-d{width: 100%;height: auto;}
.recom-pro{width: 100%;height: auto;}
.recom-pro .title{text-align: center;}

.recom-pro .recom-js{width: 100%;height:auto;padding-bottom: 25px;}
.recom-pro .recom-js a{display: block;width: 100%;height: auto;padding-bottom: 30px;background: #FFFFFF;text-align: center;}
.recom-pro .recom-js a .pic{width: 100%;height: auto;margin-bottom: 20px;}
.recom-pro .recom-js a h3{color: #000000;margin-bottom: 20px; text-align: center;padding:  0 5%;font-family: "RB";font-size: 40px;text-transform: capitalize;}
.recom-pro .recom-js a .view:after{background: rgba(1,47,135,0.15);}
.recom-pro .recom-js a:hover .view:after{background:#3077c9;}

.recom-pro .recom-js .swiper-pagination{bottom: 0%;}
.recom-pro .recom-js .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background:#012F87;
    opacity: .2;
}
.recom-pro .recom-js .swiper-pagination-bullet-active {
    opacity: 1;
    background:#012F87;
}



@media only screen and (max-width:1680px) {
.recom-pro .recom-js a h3{font-size: 36px;}
}
@media only screen and (max-width:1440px) {	
.recom-pro .recom-js a h3{font-size: 34px;}
}
@media only screen and (max-width:1280px) {	
.recom-pro .recom-js a h3{font-size: 30px;}
}
@media only screen and (max-width:1024px) {	
.recom-pro .recom-js a h3{font-size:26px;}
}
@media only screen and (max-width:720px) {
.recom-pro .recom-js a h3{font-size: 20px;}		
}


.pro-d{z-index: 99; width: 100%;height: auto;}
.pro-d h1{color:#012f87;font-size: 60px;text-align: center;font-family: "RM";text-transform: uppercase;}
.pro-d .pro-d-js{z-index: 999; position: relative; width: 100%;height: auto;padding-bottom: 10%;background: #FFFFFF;box-shadow: 0 0 10px rgba(1,47,135,0.11);}
.pro-d .pro-d-js .pic{cursor: zoom-in; width: 100%;height: auto;}
.pro-d .pro-pic{width: 45%;float: left;}

.pro-d .pro-d-js .swiper-pagination{bottom: 5%;}

.pro-d .pro-d-js .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background:#012F87;
    opacity: .2;
}
.pro-d .pro-d-js .swiper-pagination-bullet-active {
    opacity: 1;
    background:#012F87;
}





.viewer-container{height: calc(100% - 90px) !important;top: 90px;z-index: 9999;position: fixed;}
.pro-dbox{width: 100%;height: auto;position: relative;z-index: 0;}
.pro-dbox .bg{width:89.5%;position: absolute;z-index: -1;height: calc(100% - 200px);bottom: 0%;right: 0;
background:-moz-linear-gradient(right,#3077c9 10%, #012f87 40%);
background:-webkit-gradient(linear,0 10%,100% 40%,from(#012f87),to(#3077c9));
background:-webkit-linear-gradient(right,#3077c9  10%,#012f87 40%);
background:-o-linear-gradient(right,#3077c9 10%,#012f87 40%);}
.pro-dbox .bg img{width: 75%;height: auto;position: absolute;bottom:15%;left: 12.5%;-webkit-filter: blur(8px);filter: blur(8px);opacity: 0.2;-webkit-opacity: 0.2;-moz-opacity: 0.2;}
.pro-dbox .content{ width: 100%;height: auto;}
.pro-dbox .content .con{width: 55%;margin-top: 200px; padding:5% 0 0% 5%;float: right; height: auto;}
.pro-dbox .content .con h6{font-size:40px;color: #f6f9ff;padding-bottom: 25px;margin-bottom: 35px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.pro-dbox .content .con .txt-c{width: 100%;height: auto;}
.pro-dbox .content .con .txt-c p{color: #FFFFFF;margin-bottom: 10px;padding-left: 25px;position: relative;}
.pro-dbox .content .con .txt-c p:before{content:"";position: absolute;left: 0;width: 8px;height: 8px;border-radius: 100%;background: #FFFFFF;top: 10px;}

@media only screen and (max-width:1680px) {	
	.pro-dbox .bg{height: calc(100% - 160px);}
	.pro-dbox .content .con{margin-top: 160px;}
	.pro-d h1{font-size: 55px;}
	.pro-dbox .content .con h6{font-size: 36px;}
	
}
@media only screen and (max-width:1440px) {
		.pro-dbox .bg{height: calc(100% - 120px);}
	.pro-dbox .content .con{margin-top: 120px;}
	.pro-d h1{font-size: 50px;}
	.pro-dbox .content .con h6{font-size: 34px;}
}
@media only screen and (max-width:1280px) {
			.pro-dbox .bg{height: calc(100% - 80px);}
	.pro-dbox .content .con{margin-top: 80px;}
	.pro-d h1{font-size: 45px;}
	.pro-dbox .content .con h6{font-size: 30px;}
}
@media only screen and (max-width:1024px) {
.viewer-container{height: calc(100% - 55px) !important;top: 55px;}
.pro-d h1{font-size: 35px;}
.pro-dbox .content .con h6{font-size: 26px;}
}
@media only screen and (max-width:720px) {
	.pro-d h1{font-size: 30px;}
	.pro-dbox .content .con h6{font-size: 24px;}
	.pro-d .pro-pic{width: 100%;}
	.pro-dbox .content .con{width: 100%;margin-top: 35px;}
			.pro-dbox .bg{width: 100%;height:75%;}
	
}


.linkbox-box{display: none;width: 100%;height:100%;position: fixed;overflow: hidden; top: 0;left: 0;z-index: 9999;}
.linkbox-box .closebks{width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;z-index: -1;background: rgba(0,0,0,0.8);}
.linkbox-box .cont{z-index: 0; position: relative;padding:2% 5% 3% 5%;  width: 60%;height: auto;top:50%;left: 20%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);
background:-moz-linear-gradient(right,#3077c9 10%, #012f87 80%);
background:-webkit-gradient(linear,0 10%,100% 80%,from(#012f87),to(#3077c9));
background:-webkit-linear-gradient(right,#3077c9  10%,#012f87 80%);
background:-o-linear-gradient(right,#3077c9 10%,#012f87 80%);}
.linkbox-box .cont .tl{z-index: 11; color: #FFFFFF;font-size: 18px;font-family: "RB";text-transform: capitalize; width: 100%;height: auto;padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.linkbox-box .cont .pic {display: none; z-index: -1; position: absolute;top: 0;right: 0;width: 40%;height: 100%;background-size: cover;background-repeat: no-repeat;}
.linkbox-box .cont .con{width: 100%;padding-right: 5%;margin-top: 5%;}
.linkbox-box .cont .mail{margin-top: 10%; display: block; font-size: ;color: #FFFFFF;font-size: 36px;font-family: "RB";}
.linkbox-box .cont .mail i{width:28px;height: auto;display: inline-block;vertical-align: middle;margin-right: 10px;}
.linkbox-box .cont .mail span{text-decoration: underline;}
.linkbox-box .cont .con .suy{line-height: 1.1; font-size: 24px; color: #FFFFFF;font-family: "RB";}

@media only screen and (max-width:1680px) {
	.linkbox-box .cont .mail{font-size: 32px;}
	.linkbox-box .cont .con .suy{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.linkbox-box .cont .mail{font-size:28px;}
	.linkbox-box .cont .tl{font-size: 16px;}
	.linkbox-box .cont .con .suy{font-size: 20px;}
	.linkbox-box .cont .mail i{width: 25px;}
}
@media only screen and (max-width:1280px) {
	.linkbox-box .cont .mail{font-size: 24px;}
	.linkbox-box .cont .tl{font-size: 15px;}
	.linkbox-box .cont .con .suy{font-size: 18px;}
	.linkbox-box .cont .mail i{width: 20px;}
	.linkbox-box .cont{width: 80%;left: 10%;}
}
@media only screen and (max-width:1024px) {
	.linkbox-box .cont .mail{font-size: 22px;}
	.linkbox-box .cont .tl{font-size: 14px;}
	.linkbox-box .cont .con .suy{font-size: 16px;}
	.linkbox-box .cont .mail i{width: 18px;}
	.linkbox-box .cont{width:90%;left:5%;}
	.linkbox-box .cont .pic{width: 35%;}
	.linkbox-box .cont .con{width: 100%;}
}
@media only screen and (max-width:720px) {
	.linkbox-box .cont .con .suy{font-size: 14px;}
	.linkbox-box .cont .mail{font-size:18px;}
	.linkbox-box .cont{padding: 5% 5% 5% 5%; width:80%;left:10%;}
	.linkbox-box .cont .pic{bottom: 0;top: auto; width: 100%;height: 180px;}
	.linkbox-box .cont .con{width:100%}
}





.factory{position: relative;overflow: inherit;background: #FFFFFF;}
.factory .pic{display:inline-block;margin-right: 30px;}
.factory .pic img{display: inline-block;width:auto;height: 500px;}

.factory #case4{z-index: 0 !important;}

@media only screen and (max-width:1680px) {
	.factory .pic img{height: 480px;}
}

@media only screen and (max-width:1440px) {
	.factory .pic{margin-right: 25px;}
	.factory .pic img{height:450px;}
}

@media only screen and (max-width:1280px) {
	.factory .pic{margin-right: 20px;}
	.factory .pic img{height: 400px;}
}

@media only screen and (max-width:1024px) {
	.factory .pic{margin-right: 15px;}
	.factory .pic img{height: 350px;}
}

@media only screen and (max-width:720px) {
	.factory .pic{margin-right: 10px;}
	.factory .pic img{height:300px;}
	
}