@charset "utf-8"; * {

    font-family: '微软雅黑';

}



body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {

padding: 0;

margin: 0;

/* color: #454545; */
}



fieldset,img {

    border: 0;

}



address,caption,cite,code,dfn,em,th,var {

    font-weight: normal;

    font-style: normal;

}



strong {

    font-style: normal;

}



ol,ul {

    list-style: none;

}



caption {

    text-align: left;

}



h1,h2,h3,h4,h5,h6 {

    font-weight: normal;

    font-size: 100%;

}



q:before,q:after {

    content: '';

}



abbr,acronym {

    border: 0;

}



a {

outline: expression(this.hideFocus=true);

outline: none;

cursor: pointer;

text-decoration: none;

color: #fff;
}



a:hover {

color: #008aff;
}



img {

    max-width: 100%;

}



input,button,select,textarea {

    outline: none

}



.clear {

    zoom:1;clear: both;

    height: 0;

    line-height: 0;

    font-size: 0;

}



.contxt {

    background: #e3e1da;

    border: 1px solid #CCC;

    padding: 5px;

}



body {

    cursor: default;

    -webkit-text-size-adjust: none;

    font-size: 100%;

    background: #FFF;

    overflow-x: hidden

}



@media screen and (max-width: 768px) {

    html {

        font-size:26px !important

    }



    body {

        font-size: 26px !important;

        width: 100%;

    }

}



DIV.green-black {

    width: 100%;

    padding: 20px 0;

    text-align: center;

}



DIV.green-black A {

    COLOR: #fff;

    MARGIN-RIGHT: 2px;

    TEXT-DECORATION: none;

    font-size: 100%;

    background-color: #464646;

    padding: 8px 12px;

    display: inline-block;

}



DIV.green-black A:hover {

    COLOR: #fff;

    font-size: 100%;

    background-color: #0658ab;

}



DIV.green-black A:active {

    COLOR: #fff;

    font-size: 100%;

    background-color: #0658ab;

}



DIV.green-black SPAN.current {

    FONT-WEIGHT: bold;

    COLOR: #fff;

    MARGIN-RIGHT: 2px;

    font-size: 100%;

    background-color: #0658ab;

    padding: 8px 12px;

    display: inline-block

}



::-webkit-scrollbar {

    width: 6px;

    height: 8px;

    background-color: #fff;

    border-radius: 4px;

    position: relative;

}



::-webkit-scrollbar-thumb {

    background-color: #b1b1b1;

    border-radius: 3px;

}



@font-face {

    font-family: 'DINEngschriftStd';

    font-family: 'DINEngschriftStd';

    src: url('../other/dinengschriftstd.eot') format('eot');

    /*IE*/

    src: url('../other/dinengschriftstd.ttf') format('truetype');

    /*non-IE*/

}



@font-face {

    font-family: 'Captain';

    font-family: 'Captain';

    src: url('../other/captain.eot') format('eot');

    /*IE*/

    src: url('../other/captain.ttf') format('truetype');

    /*non-IE*/

}



.fl {

float: left;

/* margin-bottom: 50px; */
}



.fr {

    float: right;

}



.kd {

max-width: 1300px;

margin: 0 auto;

width: 100%;
}



/*@media screen and (max-width:1368px){

.kd{ width:1280px;}

}

@media screen and (max-width:1024px){

.kd{ width:980px;}

}

@media screen and (max-width:768px){

.kd{ width:96%;}

}*/

.head {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 95
}



.head .logo {

    margin: 32px 0;

}



.head .matext {

margin-left: 10px;

padding-left: 34px;

border-left: 1px solid #ddd;

margin-top: 42px;

margin-right: 21px;
}



.head .matext h3 {

font-size: 1.8rem;

color: #0658ab;

font-weight: bold;

margin-bottom: 5px;
}



.head .matext p {

font-size: 1.1rem;

color: #525252;

letter-spacing: 1px
}



.head .tel {

margin-top: 42px;

background: url(../images/t_tel.jpg) left center no-repeat;

padding-left: 74px;
}



.head .tel span {

font-size: 1.1rem;

color: #000000;
}



.head .tel p {

font-size: 2rem;

font-family: Impact;

color: #0658ab;

letter-spacing: 2px;

line-height: 45px;
}



.menu {

width: 100%;

position: relative;

z-index: 95;

background: linear-gradient(to left,#118bf8,#005bac);

height: 80px;
}



.mobile-inner-nav {

    z-index: 99;

    display: block;

    width: 100%;

    display: inline-block;

}



.mobile-inner-nav li {

float: left;

position: relative;

width: 14.5%;

text-align: center;

box-sizing: border-box;
}



.mobile-inner-nav li:nth-child(1) {

    width: 12.5%;

}



.mobile-inner-nav li:after {

content: '';

width: 1px;

height: 17px;

background: rgba(255,255,255,0.3);

display: block;

position: absolute;

right: 0;

top: 32px;
}



.mobile-inner-header .np {

    display: none;

    position: absolute;

}



.mobile-inner-nav a {

display: block;

text-align: center;

position: relative;

line-height: 78px;
}



.mobile-inner-nav a span {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 103%;

    transform: scale(0,1);

    transition: all 0.5s;

    background: #0658ab;

}



.mobile-inner-nav a p {

color: #fff;

font-size: 1.2em;

transition: all 0.5s;

/* padding: 19.5px 0; */

display: block;

z-index: 2;

position: relative
}



.mobile-inner-nav a p img {

    margin-bottom: -2px;

}



.mobile-inner-nav li:hover a span,.mobile-inner-nav li.cur a span {

    transform: scale(1,1);

}



.sticky.menu {

    position: fixed;

    top: 0

}



/*@media screen and (max-width:768px){

.head{ position:fixed;}

.cleax{ height:114px; width:100%;}

.head .matext{ display:none;}

.head .tel{ display:none;}

.menu{position:fixed; right:0; width:50%; top:40px}

.sticky.menu{ position:fixed; right:0; width:50%; top:40px}

.mobile{width: 100%; position:absolute;}



.mobile-inner{width: 100%;}

.mobile-inner-nav li:nth-child(1){ width:100%;}

.mobile-inner-header .np{ display:block; color:#2c3840; right:0; top:75px; width:60px; font-size:1.125rem}

.mobile-inner-header{width: 100%;height:101px; position: absolute;top: 0px;right: 0px; }

.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:36px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; margin-right:10px; }

.mobile-inner-header-icon:hover{cursor: pointer;}

.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:70%;height:0.2rem;background-color:#2c3840; border-radius:5px;}

.mobile-inner-header-icon-out p {

    width: 70%;

    height: 0.2rem;

    background-color: #2c3840;

    position: absolute;

    left: 25%;

    bottom: 1.5em;

    display: block;

    border-radius:5px;

}

.mobile-inner-header-icon-click p{ display:none;}

.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}

.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}

.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}       

.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}

@keyframes clickfirst {

0% {transform: translateY(18px) rotate(0deg);}

100% {transform: translateY(0) rotate(45deg);}} 

@keyframes clicksecond {

0% { transform: translateY(-18px) rotate(0deg);}

100% {transform: translateY(0) rotate(-45deg);}}    

.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both; animation-name: outfirst;}      

.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}

@keyframes outfirst {

0% {transform: translateY(0) rotate(-45deg);}

100% {transform: translateY(-18px) rotate(0deg);}}  

@keyframes outsecond {

0% {transform: translateY(0) rotate(45deg);}

100% {transform: translateY(18px) rotate(0deg);}}

.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%; height:100vh;position: absolute;right: 0;padding-bottom:3rem;display: none;z-index:99999;}

.mobile-inner-nav li{ width:100%; float:none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;  animation-name: returnToNormal;}

.mobile-inner-nav a{display:inline-block;line-height:1rem;text-decoration: none;width:100%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem; text-align:center; border-radius:0px}

@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}

100% { opacity: 1;  -webkit-transform: none; transform: none;}}

@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}

100% {opacity: 1; -webkit-transform: none; transform: none;}}

}*/

/*@media screen and (max-width:768px){



.mobile-inner-header{width: 100%;height:0; position: absolute;top: 0px;right: 0px; }

.mobile-inner-nav{top:74px;}

.mobile-inner-header-icon-out p {bottom: 0.9em;}

.mobile-inner-nav a:hover p{ color:#0089e1 !important}

.mobile-inner-header .np{ display:block;  right:-5px; top:32px; width:70px; font-size:0.875rem}

.mobile-inner-header-icon{margin-top:-8px; margin-right:10px; }

}*/

/*banner*/

.banner {

    display: block;

    position: relative;

}



.fullSlide {

width: 100%;

position: relative;

height: 680px;
}



.fullSlide .bd {

    margin: 0 auto;

    position: relative;

    z-index: 0;

    overflow: hidden;

}



.fullSlide .bd ul {

    width: 100% !important;

}



.fullSlide .bd li {

width: 100% !important;

height: 680px;

overflow: hidden;

text-align: center;
}



.fullSlide .bd li a {

    display: block;

    height: 700px;

}



.fullSlide .hd {

    width: 100%;

    position: absolute;

    z-index: 1;

    bottom: 20px;

    left: 0;

}



.fullSlide .hd ul {

    text-align: center;

}



.fullSlide .hd ul li {

    cursor: pointer;

    display: inline-block;

    *display: inline;

    zoom:1;width: 15px;

    height: 15px;

    margin: 0 5px;

    overflow: hidden;

    filter: alpha(opacity=100);

    opacity: 1;

    line-height: 999px;

    border-radius: 50%;

    border: 3px solid #fff;

    position: relative;

}



.fullSlide .hd ul .on {

    border: 3px solid #0658ab;

    width: 15px;

    height: 15px;

}



/*@media screen and (max-width:768px){

.banner{ display:none; position:relative;}

}*/

/*search*/

.in-sear {

    background: #fff;

    width: 100%;

    overflow: hidden;

    padding: 36px 0;

}



.key p {

    color: #4e4e4e;

    margin-top: 10px;

}



.key p a {

    color: #4e4e4e;

}



.seach-form {

    background: #eee

}



.seach-form .s-txt {

    font-size: 0.875rem;

    color: #bebebe;

    border: none;

    float: left;

    width: 208px;

    background: #f1f1f1;

    height: 39px;

    padding-left: 13px;

    color: #a2a2a2;

    font-size: 0.875rem;

}



.seach-form .s-bt {

    background: url(../images/sbtn1.png) center no-repeat;

    width: 56px;

    height: 39px;

    border: none;

    cursor: pointer;

}



/*@media screen and (max-width:768px){

.seach-form{ display:none;}

}*/

/*product-center*/

.in-pro {

padding: 100px 0;

width: 100%;

/* background: url(../images/probg.jpg) center top no-repeat; */

min-height: 1300px;

background-size: cover;

box-sizing: border-box;
}



.protit {

text-align: center;

margin-top: 50px;
}



.protit h2 {

    font-weight: bold;

    color: #0658ab;

    font-size: 2.25rem;

}



.protit p {

    margin-top: 8px;

    font-size: 1.25rem;

    color: #454545

}



.protit p:before {

    display: inline-block;

    width: 32px;

    height: 1px;

    background: #454545;

    content: '';

    margin-right: 10px;

    top: -6px;

    position: relative;

}



.protit p:after {

    display: inline-block;

    width: 32px;

    height: 1px;

    background: #454545;

    content: '';

    margin-left: 10px;

    top: -6px;

    position: relative;

}



.prosort {

    margin-top: 32px;

    text-align: center;

}



.prosort li {

    float: left;

    width: 10.5%;

    margin-left: 0.6875%;

    text-align: center;

    float: inherit;

    display: inline-block;

}



.prosort li:nth-child(1) {

    margin-left: 0;

}



.prosort li a {

    display: block;

    background: #fff;

    border: 1px solid #b6b6b6;

    height: 46px;

    line-height: 46px;

    overflow: hidden;

    position: relative;

    z-index: 2;

    transition: all 0.5s;

}



.prosort li a:after {

    position: absolute;

    background: #0658ab;

    width: 100%;

    height: 100%;

    z-index: -1;

    content: '';

    display: block;

    left: 0;

    top: 0;

    transform: scale(0,1);

    transition: all 0.5s;

}



.prosort li a:hover:after {

    transform: scale(1);

}



.prosort li a:hover {

    color: #fff;

    border: 1px solid #0658ab

}



.prosix {

    margin-top: 32px;

}



.prosix dl {

padding: 8px;

box-sizing: border-box;

background: #fff;

float: left;

width: 31%;

margin: 1%;

margin-bottom: 18px;

transition: all 0.5s;

position: relative;

z-index: 2;

border: 1px solid #ebeaea;

box-shadow: 0 0 10px 5px rgb(0 0 0 / 5%);
}



.prosix dl:after {

width: 100%;

height: 100%;

content: '';

left: 0;

top: 0;

position: absolute;

z-index: -1;

transform: scale(1,0);

transform-origin: bottom;

transition: all 0.5s;

background: linear-gradient(to left,#118bf8,#005bac);
}



.prosix dl:nth-child(3n) {

    margin-right: 0;

}



.prosix dl dd span {

    background: #0658ab;

    color: white;

}



.prosix dl dd h3 {

    color: black;

    transition: 0.5s;

}



.prosix dl dt img {

    transform: scale(1.05);

}



.prosix dl:hover dd h3 {

    color: white;

}



.prosix dl:hover dd span {

    background: white;

    color: black;

}



.prosix dl dt {

width: 100%;

overflow: hidden;
}



.prosix dl dt img {

    width: 100%;

    transform: scale(1);

    transition: all 0.5s;

}



.prosix dl:hover dt img {

    transform: scale(1.05);

}



.prosix dl dd h3 {

display: inline-block;

padding: 12px;

font-size: 1rem;

transition: all 0.5s;

width: 63%;

text-overflow: ellipsis;

overflow: hidden;

white-space: nowrap;
}



.prosix dl dd span {

    float: right;

    display: inline-block;

    background: #white;

    padding: 4px 20px;

    font-size: 0.875rem;

    border-radius: 20px;

    margin-top: 16px;

    transition: all 0.5s;

}



.prosix dl:hover {

box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);

z-index: 3
}



.prosix dl:hover:after {

    transform: scale(1);

}



.pmore {

    text-align: center;

    margin-top: 20px;

}



.pmore a {

display: inline-block;

padding: 20px 100px;

transition: all 0.5s;

background: linear-gradient(to left,#118bf8,#005bac);

border-radius: 10px;
}



.pmore a:hover {

    background: #0658ab;

    color: #fff;

}



/*@media screen and (max-width:768px){

.prosort li:nth-child(1){margin-left:0.6875%;}

.in-pro{ background-size:cover;}

.prosort li{ float:left; width:32%; margin-bottom:16px;}

.prosort li a{ display:block; width:95%; box-sizing:border-box; margin:0 auto}

.prosix dl{ width:49%; margin-right:2%;}

.prosix dl:nth-child(3n){ margin-right:2%;}

.prosix dl:nth-child(2n){ margin-right:0;}

}*/

/*case*/

.in-case {

    padding: 0px 0 20px;

    width: 100%;

    overflow: hidden;

}



.catit {

text-align: center;

margin-top: 50px;
}



.catit h2 {

    font-weight: bold;

    color: #0658ab;

    font-size: 2.25rem;

}



.catit p {

    margin-top: 8px;

    font-size: 1.25rem;

    color: #454545

}



.catit p:before {

    display: inline-block;

    width: 32px;

    height: 1px;

    background: #454545;

    content: '';

    margin-right: 10px;

    top: -6px;

    position: relative;

}



.catit p:after {

    display: inline-block;

    width: 32px;

    height: 1px;

    background: #454545;

    content: '';

    margin-left: 10px;

    top: -6px;

    position: relative;

}



.cascroll {

    margin-top: 48px;

}



.cascroll .ca55 {

    position: relative;

}



.cascroll .ca55 dl a {

    display: block;

}



.cascroll .ca55 dl dt {

    width: 49.5%;

    border: 4px solid #ddd;

    box-sizing: border-box;

    position: relative;

    overflow: hidden;

    float: left;

    margin-right: 1%;

}



.cascroll .ca55 dl dt img {

    width: 100%;

    transition: all 0.5s;

}



.cascroll .ca55 dl dt:hover img {

    transform: scale(1.03);

}



.cascroll .ca55 dl dt h3 {

    background: rgba(0,0,0,0.6);

    width: 100%;

    position: absolute;

    bottom: 0;

    color: #fff;

    padding: 20px;

    box-sizing: border-box;

}



.cascroll .ca55 dl dt h3:after {

    content: '>';

    font-family: '宋体';

    font-size: 1.5rem;

    position: absolute;

    right: 20px;

}



.cascroll .ca55 dl dd {

    width: 24%;

    border: 4px solid #ddd;

    box-sizing: border-box;

    position: relative;

    overflow: hidden;

    float: left;

    margin-right: 1%;

    margin-bottom: 1%;

}



.cascroll .ca55 dl dd:nth-child(4) {

    margin-right: 0

}



/*.cascroll .ca55 dl dd:nth-child(5){ margin-right:0}*/

.cascroll .ca55 dl dd img {

    width: 100%;

    transition: all 0.5s;

}



.cascroll .ca55 dl dd video {

    width: 100%;

}



.proshow_gd ul li {

    border: 1px solid #DADADA;

}



.cascroll .ca55 dl dd:hover img {

    transform: scale(1.03);

}



.cascroll .ca55 dl dd h3 {

    background: rgba(0,0,0,0.6);

    width: 100%;

    position: absolute;

    bottom: 0;

    color: #fff;

    padding: 12px;

    box-sizing: border-box;

}



.cascroll .ca55 dl dd h3:after {

    content: '>';

    font-family: '宋体';

    font-size: 1.5rem;

    position: absolute;

    right: 12px;

}



.kpn {

    margin-top: 32px;

    text-align: center;

}



.kpn span {

    display: inline-block;

    background: #0658ab;

    padding: 17px 20px;

    font-size: 17px;

    cursor: pointer;

    color: #fff;

    transition: all 0.5s;

    font-family: '宋体'

}



.kpn span:hover {

    background: #0658ab

}



.kpn a {

    display: inline-block;

    background: #0658ab;

    margin: 0 2px;

    font-size: 1.125rem;

    padding: 14.5px 30px;

    color: #fff;

    position: relative;

    top: 0px;

    transition: all 0.5s

}



.kpn a:hover {

    background: #0658ab

}



/*@media screen and (max-width:768px){

.cascroll .ca55 dl dt{ width:100%; margin-bottom:24px;}

.cascroll .ca55 dl dd{ width:49%; margin-right:2%}

}*/

/*cho*/

.in-cho {

    background: url(../images/ys_bg.jpg) center no-repeat;

    min-height: 900px;

    width: 100%;

    overflow: hidden;

}



.in-cho .chotit {

    text-align: center;

    padding-top: 110px;

}



.in-cho .chotit h2 {

    font-size: 2.25rem;

    font-weight: bold;

    color: #0658ab

}



.in-cho .chotit hr {

    margin: 12px auto;

    background: #0658ab;

    height: 4px;

    width: 48px;

    border: none;

}



.in-cho .chotit p {

    font-size: 1.25rem;

    color: #454545;

}



.in-cho .chofour {

    margin-top: 40px;

}



.in-cho .chofour li {

    float: left;

    width: 25%;

    background: #fff;

    text-align: center;

    cursor: pointer;

    transition: all 0.5s;

    position: relative;

    z-index: 2

}



.in-cho .chofour li:after {

position: absolute;

left: 0;

top: 0;

width: 100%;

height: 100%;

content: '';

display: block;

z-index: -1;

transform: scale(1,0);

transition: all 0.5s;

transform-origin: bottom;

background: linear-gradient(to left,#118bf8,#005bac);
}



.in-cho .chofour li:nth-child(1) {

    background: #f5f5f5;

}



.in-cho .chofour li:nth-child(3) {

    background: #f3f3f3;

}



.in-cho .chofour li .coimg {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.in-cho .chofour li .coimg span {

position: absolute;

width: 100%;

height: 100%;

/* background: rgba(0,0,0,0.4); */

transition: all 0.5s;

opacity: 1;

left: 0;

top: 0;
}



.in-cho .chofour li .coimg img {

    width: 100%;

    transform: scale(1);

    transition: all 0.5s;

}



.in-cho .chofour li:hover .coimg img {

    transform: scale(1.05);

}



.in-cho .chofour li:hover .coimg span {

    opacity: 0

}



.in-cho .chofour li:hover:after {

    transform: scale(1);

}



.in-cho .chofour li .cotxt {

    padding: 20px 32px;

    min-height: 270px;

    box-sizing: border-box;

}



.in-cho .chofour li .cotxt h3 {

font-size: 1.8rem;

color: #0973d1;

/* font-weight: bold; */

transition: all 0.5s;
}



.in-cho .chofour li .cotxt p {

    font-size: 1.125rem;

    color: #454545;

    margin: 5px 0;

    transition: all 0.5s;

}



.in-cho .chofour li .cotxt hr {

margin: 16px auto;

width: 48px;

height: 2px;

background: #ff8a00;

border: none;

transition: all 0.5s;
}



.in-cho .chofour li .cotxt span {

line-height: 1.8em;

transition: all 0.5s;
}



.in-cho .chofour li:hover .cotxt h3 {

    color: #fff;

}



.in-cho .chofour li:hover .cotxt p {

    color: #fff;

}



.in-cho .chofour li:hover .cotxt hr {

    color: #fff;

}



.in-cho .chofour li:hover .cotxt span {

    color: #fff;

}



/*@media screen and (max-width:768px){

.in-cho{ background-size:cover;}

.in-cho .chotit h2{ font-size:2rem;}

.in-cho .chofour li{ width:50%;}

.in-cho .chofour li .cotxt{ min-height:442px}

}*/

/*service*/

.in-ser {

background: url(../images/sbg.jpg) center top no-repeat;

padding: 60px 0;
}



.sertit {

    text-align: center;

}



.sertit h2 {

    font-size: 2.25rem;

    color: #fff;

    font-weight: bold;

}



.sertit p {

    font-size: 1.25rem;

    color: #fff;

    margin-top: 5px;

}



.setp7 {

    margin-top: 30px;

}



.setp7 li {

    float: left;

    width: 10%;

    text-align: center;

}



.setp7 li div {

border: 1px solid #fff;

border-radius: 5px;

min-height: 130px;

box-sizing: border-box;

position: relative;
}



.setp7 li div span {

    position: absolute;

    width: 100%;

    height: 100%;

    text-align: center;

    font-family: 'DINEngschriftStd';

    left: 0;

    top: 0;

    line-height: 130px;

    font-size: 80px;

    color: #fff;

    opacity: 0.2;

}



.setp7 li div img {

    padding-top: 40px;

}



.setp7 .sright {

    float: left;

    width: 5%;

    font-size: 1.75rem;

    font-weight: bold;

    font-family: '宋体';

    color: #fff;

    text-align: center;

    padding-top: 4%;

}



.setp7 li p {

    color: #fff;

    font-size: 1.125rem;

    margin-top: 8px;

}



/*about*/

.in-ab {

    background: #f5f5f5;

    padding: 60px 0 120px;

    width: 100%;

}



.abco {

    width: 100%;

    box-sizing: border-box;

}



.acox {

    width: 49%

}



.abco h2 {

    font-size: 2.25rem;

    color: #0658ab;

    font-weight: bold;

}



.abco h3 {

    margin-top: 8px;

    font-size: 1.25rem;

    color: #a2a2a2;

}



.abco .pa30 {

    padding: 20px 30px;

    background: #fff;

    margin-top: 20px

}



.abco h4 {

    font-size: 1.5rem;

    color: #0658ab;

    font-weight: bold;

}



.abco span {

    font-size: 0.875rem;

    text-transform: uppercase;

    color: #7a7a7a

}



.abco .pa30 hr {

    margin: 28px 0;

    width: 50px;

    height: 2px;

    background: #0658ab;

    border: none;

}



.abco .pa30 p {

    color: #4f4f4f;

    font-size: 1rem;

    line-height: 1.875em;

    text-indent: 2em;

    padding-bottom: 9px;

}



.abco .pa30 .amore {

    display: inline-block;

    background: #0658ab;

    color: #fff;

    padding: 10px 24px;

    margin-top: 24px;

}



.acpic {

    width: 51%;

    margin-top: 63px;

    position: relative;

}



.acpic span {

    width: 100px;

    height: 100px;

    background: #0658ab;

    display: block;

    position: absolute;

    right: -50px;

    top: -50px;

    z-index: 2;

}



/*@media screen and (max-width:768px){

.sertit h2{ font-size:2rem; color:#fff; font-weight:bold;}

.setp7 li{ float:left; width:20%; text-align:center; margin-bottom:20px}

.setp7 .sright{ padding-top:6%;}    

.acox{ width:100%}

.abco h2{ font-size:2rem; }

.acpic{ width:100%; margin-top:0}

.acpic img{ width:100%;}

.acpic span{ right:0; bottom:0}

}*/

/*news*/

.in-news {

    width: 100%;

    overflow: hidden;

    padding: 70px 0 70px;

}



.netit h2 {

    font-size: 1.875rem;

    color: #303030

}



.netit p {

    color: #e4e4e4;

    font-family: 'DIN';

    font-size: 44px;

    font-weight: bold;

    text-transform: uppercase;

}



.tablist1 {

    margin-top: 47px;

}



.tablist1 li {

    float: left;

    font-size: 1.25rem;

    color: #555555;

    z-index: 2

}



.tablist1 li:nth-child(1):after {

    content: '/';

    display: inline-block;

    margin: 0 12px;

}



.tablist1 li a {

    position: relative;

    padding: 0 4px 4px;

    transition: all 0.5s ease

}



.tablist1 li a span {

    position: absolute;

    width: 100%;

    height: 10px;

    background: #d8d8d8;

    left: 0 ;

    bottom: 0;

    z-index: -1;

    transform: scale(0,1);

    transition: all 0.5s

}



.tablist1 li:hover a,.tablist1 li.cur a {

    color: #0658ab

}



.tablist1 li:hover a span,.tablist1 li.cur a span {

    transform: scale(1);

}



.tab1 .tabcon1 {

    margin-top: 50px;

    width: 100%;

    position: relative;

}



.tab1 .tabcon1 * {

}



.tab1 .tabcon1>div {

    display: none;

}



.tab1 .tabcon1>div.cur {

    display: block;

}



.tabcon1 dl {

width: 30%;

margin: 1.33%;

transition: all 0.5s ease;

float: left;

position: relative;

margin-bottom: 28px;

border: 1px solid #ebeaea;

box-shadow: 0 0 10px 5px rgb(0 0 0 / 5%);
}



.tabcon1 dl:nth-child(4n) {

    margin-right: 0;

}



.tabcon1 dl a {

    display: block;

}



.tabcon1 dl dt {

    width: 100%;

    overflow: hidden;

    transition: all 0.5s;

}



.tabcon1 dl dt img {

transform: scale(1);

transition: all 0.5s ease;

display: block;

margin: 0px auto;

width: 300px;

height: 266px;
}



.tabcon1 dl:hover {

box-shadow: 0 0 20px 3px rgb(0 97 217 / 15%);

background: #fff;
}



.tabcon1 dl:hover dt img {

    transform: scale(1.05);

}



.tabcon1 dl dd {

padding: 26px 18px;
}



.tabcon1 dl dd h3 {

font-size: 1.125rem;

color: #414141;

line-height: 1.5rem;

height: 2rem;

overflow: hidden;
}



.tabcon1 dl dd p {

color: #787878;

margin: 8px 0 16px;

height: 88px;

overflow: hidden;

line-height: 30px;
}



.tabcon1 dl dd hr {

width: 100px;

height: 2px;

background: #ddd;

border: none;

margin: 0 0 16px;

transition: all 0.5s;
}



.tabcon1 dl dd span {

font-size: 1rem;

color: #ff8a00;

font-family: 'DIN'
}



.tabcon1 dl:hover dd hr {

background: #025fb3;
}



.sotext {

    position: absolute;

    right: 0;

    top: 190px;

    color: #fff;

    background: rgba(171,36,27,0.9);

    text-align: center;

    line-height: 40px;

    width: 100px;

    box-sizing: border-box;

}



/*@media screen and (max-width:768px){

.tabcon1 dl{ width:49%; margin:0 0.5% 28px !important}

.tabcon1 dl dt img{ width:100%;}

.tabcon1 dl dd h3{ min-height:86px}

.tabcon1 dl dd p{ display:none}

.sotext{ width:120px; line-height:60px}

}*/

/*friendlink*/

.fri {

    padding: 10px 0;

    border-top: 1px solid #ddd;

    background: #fff;

}



.fritit {

    border-right: 1px solid #1C8D42;

    padding-right: 8px;

}



.fritit span {

    font-size: 2rem;

    color: #0658ab;

    text-transform: uppercase;

    line-height: 1em;

}



.fritit p {

    font-size: 1.125rem;

    color: #333;

}



.frd {

    height: 24px;

    width: 90%;

    line-height: 24px;

    margin-top: 15px;

}



.frd a {

    display: inline-block;

    padding: 0 10px;

    color: #333;

    border-right: 1px solid #fff;

}



/*@media screen and (max-width:768px){

.fri{ display:none;}

}*/

/*foot*/

.foot {

    padding: 62px 0;

    background-color: #242d34;

    width: 100%;

    overflow: hidden;

}



.fcon {

    width: 30%;

}



.fcon1 {

    width: 20%;

}



.fwx {

    width: auto;

    text-align: center;

    max-width: 70%;

}



.fwx img {

    width: 80%

}



.fwx p {

    font-size: 1rem;

    color: #eee;

    margin-top: 12px;

}



.flx {

    width: 100%;

}



.flx h3 {

font-size: 1.7rem;

color: #fff;

font-weight: bold;

/* line-height: 50px; */

margin-bottom: 20px;
}



.flx span {

color: #fff;

font-size: 1rem;

height: 2.75rem;

line-height: 2.75rem;

display: block;

float: left;

line-height: 3rem;
}



.flx p {

    height: 2.75rem;

    line-height: 2.75rem;

}



.flx p a {

color: #ff8a00;

font-family: 'DINEngschriftStd';

font-size: 2.25rem;

height: 5rem;

line-height: 2.75rem;
}



.flx em {

display: block;

color: #eee;

line-height: 1.8em;
}



.fmenu {

width: 50%;
}



.fmenu dl:nth-child(1) {

    width: 50%;

}



.fmenu dl:nth-child(1) dd {

    width: 50%;

    float: left;

}



.fmenu dl {

    width: 25%;

    float: left;

}



.fmenu dt {

border-bottom: 1px solid #323c44;

display: inline-block;

padding: 0 10px 10px 0;

margin-bottom: 10px;

width: 80%;
}



.fmenu dt a {

color: #fff;

font-size: 1.3em;

/* font-weight: bold; */
}



.fmenu dd {

    line-height: 1.875em;

}



.fmenu dd a {

font-size: 01rem;

color: #eee;

transition: all 0.5s;
}



.fmenu dd a:hover {

color: #ff8a11;
}



.fbq {

background-color: #242d34;

border-top: 1px solid #323c44;

padding: 10px 0;
}



.fbq p {

font-size: 0.875rem;

color: #fff;

height: 35px;

line-height: 35px;

display: block;
}



.fbq p a {

    color: #fff;

    transition: all 0.5s;

}



.fbq p a:hover {

    color: #0658ab;

}



.fbq p.fenzhan a {

    padding: 0 0.5em;

}



.fudong {

    display: none;

}


.mban {

    display: none;

}





@keyframes cats {

    0% {

    }



    25% {

    }



    50% {

    }



    75% {

    }



    100% {

    }

}