.dep_nav {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 66;
}

.nav_kuang {
    height: 100%;
    right: 0;
    top: 0;
    z-index: 9;
    position: absolute;
}
.banner{
    position: relative;
}
.nav_con {
    float: left;
    width: 80px;
    height: 100%;
    overflow: hidden;
    background: #fff;
}

.nav_menu {
    float: left;
    width: 170px;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background: #003b83;
}

.nav_menu p {
    font-size: 15px;
    color: #fff;
    margin-left: 20px;
}

.nav_con a {
    display: block;
    line-height: 80px;
    text-align: center;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
}

.nav_down {
    display: none;
    position: absolute;
    width: 100%;
    height: calc(100vh - 80px);
    left: 0;
    top: 100%;
    background: rgba(0, 0, 0, .9);
    z-index: 999;
    overflow: hidden;
}

.close2 {
    position: absolute;
    right: 40px;
    top: 40px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.nav_down2 {
    position: absolute;
    width: 100%;
    height: calc(100vh - 70px);
    left: 100%;
    top: 0;
    background: rgba(0, 0, 0, .9);
    z-index: 9999;
}

.nav_down ul {
    width: 100%;
    height: 100%;
    padding: 75px 0 0 40px;
}

.nav_down ul li {
    width: 100%;
    line-height: 72px;
}

.nav_down ul li a {
    font-size: 18px;
    color: #999;
    position: relative;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}

.nav_down ul li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 11px;
    background: url(../images/right1.png) no-repeat center center;
    left: calc(100% + 30px);
    top: calc(50% - 5.5px);
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}

.nav_down ul li a:hover {
    color: #fff
}

.nav_down ul li a:hover::after {
    width: 56px;
}

.header {
    position: fixed;
    left: 0;
    top: -80px;
    width: 100%;
    height: 80px;
    background: #2d60ac;
    z-index: 99;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.header2{
    position: relative;
    left:0;
    top:0;
}
.header .flex{
    height:100%;
    -webkit-align-items: center;
    align-items: center;
}
.fix_nav ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
}

.fix_nav ul li {
    width: 130px;
    height: 100%;
    line-height: 80px;
    text-align: center;
    position: relative;
}

.fix_nav ul li a {
    font-size: 15px;
    color: #dceaff;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.fix_nav ul li a::after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 0;
    height: 2px;
    background: #ffd800;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.fix_nav ul li a:hover {
    color: #fff;
}
.fix_nav ul li a:hover::after{
    width:60px;
    left:calc(50% - 30px);
}
.fix_nav ul li dl {
    position: absolute;
    width: 600px;
    left: 15px;
    top: 100%;
    z-index: 999;
    height: 45px;
    line-height: 45px;
    align-items: center;
    display: none;
}

.fix_nav ul li dl dd {
    float: left;
}

.fix_nav ul li dl dd a {
    font-size: 14px;
    color: #fff;
    display: block;
    padding: 0 20px;
    position: relative;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}

.fix_nav ul li dl dd a::after {
    display: none;
}

.header_li {
    width: 100%;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 100%;
    background: #444;
    height: 45px;
    box-shadow: 0px 3px 6px #666;
    display: none;
}

.fix_nav {
    position: relative;
}

.fix_nav ul li dl dd a:hover {
    color: #ffff00;
}
.w1450 {
    max-width: 1450px;
    margin: 0 auto;
}

.dep_nav .flex {
    -webkit-align-items: center;
    align-items: center;
    height: 80px;
}

.menu span.icon-bar {
    background: #fff;
    width: 26px;
    height: 2px;
    display: block;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.menu .sr-only {
    display: none;
}

.menu .icon-bar:nth-child(2) {
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
    transform-origin: top left;
}

.menu .icon-bar:nth-child(3) {
    margin-top: 7px;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

.menu .icon-bar:nth-child(4) {
    margin-top: 7px;
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
    transform-origin: top left;
}

.xz .icon-bar:nth-child(2) {
    -webkit-transform: rotate(45deg) translate(4px, -3px);
    -moz-transform: rotate(45deg) translate(4px, -3px);
    -ms-transform: rotate(45deg) translate(4px, -3px);
    transform: rotate(45deg) translate(4px, -3px);
    transform-origin: 0 0;
}

.xz .icon-bar:nth-child(3) {
    opacity: 0;
}

.xz .icon-bar:nth-child(4) {
    -webkit-transform: rotate(-45deg) translate(3px, 2px);
    -moz-transform: rotate(-45deg) translate(3px, 2px);
    -ms-transform: rotate(-45deg) translate(3px, 2px);
    transform: rotate(-45deg) translate(3px, 2px);
}

.snm{
    top:0;
}

.module_about{
    padding:80px 0;
    background: url(../images/module_about.jpg) no-repeat;
    background-position:12% bottom;
}
.module_about figcaption{
    margin-left: 12%;
    margin-right: 40px;
    max-width:750px;
}
.index_title h3{
    font-size: 30px;
    font-weight: bold;
    color: #003b83;
}
.index_title p{
    font-size: 18px;
    color: #999999;
    margin-top:10px;
}
.tac{
    text-align: center;
}
.index_title b{
    width: 36px;
    height: 7px;
    display: block;
    background: #003b83;
    margin-top:15px;
}
.tac b{
    margin: 15px auto 0 auto;
}
.in_enitor{
    font-size: 16px;
    color: #666;
    line-height:40px;
    margin-top: 40px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.about_list li{
    padding:0;
    width:25%;

	text-align: center;
}
.about_list li i{
	
    display: block;
    width: 78px;
    height: 78px;
    border:1px solid #e5e5e5;
    border-radius:78px;
    text-align: center;
    line-height:78px;
    color: #999;
    font-size: 36px;
    -webkit-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    transition: ease-in-out .5s;
	margin:0 auto;
}
.about_list li a{
	 display: block;
}
.about_list li p{
    text-align: center;
    font-size: 16px;
    color: #999999;
    margin-top: 15px;
}
.about_list{
    padding-bottom: 40px;
    border-bottom:1px solid #eee;
    margin-top: 55px;
}
.about_list ul{
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.about_list li:hover i{
    -webkit-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg);
    background: #003b83;
    border-color:#003b83;
    color: #fff;
}
.module_about a.more{
    font-size: 14px;
    color: #666666;
    display: block;
    margin-top:45px;
}
.module_about a.more:hover{
    text-decoration: underline;
    color:#2d60ac;
}
.module_product{
    padding:70px 0 80px 0;
}
.product_list{
    margin-top: 40px;
    margin-bottom:50px;
}
.product_list li{
    padding:0;
    width:calc((100% - 60px) / 4);
    margin-right: 15px;
    position: relative;
    overflow:hidden;
}
.product_list li figure{
    overflow:hidden;
}
.product_list li figure img{
    -webkit-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    transition: ease-in-out .5s;
}
.product_list li figcaption{
    position: absolute;
    display: -webkit-flex;
    display: flex;
    -webkit- justify-content:space-between;
    justify-content: space-between;
    -webkit-align-items:center;
    align-items:center;
    background: rgba(0,59,131,0.7);
    padding:0 30px;
    width: 100%;
    height: 80px;
    left:0;
    bottom:0px;
    z-index:9;
    -webkit-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    transition: ease-in-out .5s;
}
.product_list li figcaption p.type{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
    font-size: 16px;
    color: #ffffff;
}
.product_list li figcaption p.name{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin-top: 5px;
}
.mod3 li:nth-child(4n){
    margin-right: 0;
}
a.more2{
    display:block;
    margin: 0 auto;
    width: 200px;
    height: 45px;
    border-radius:30px;
    border:1px solid #d2d2d2;
    text-align: center;
    line-height:43px;
    font-size: 14px;
    color: #999999;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
a.more2:hover{
    background: #003b83;
    border-color:#003b83;
    color: #fff;
}
.product_list li:hover figure img{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.product_list li:hover figcaption{
    bottom:0;
}
.recive_list li{
    padding:0;
    position:relative;
    overflow:hidden;
}
.recive_list li figure img{
    -webkit-filter: grayscale(100%) brightness(0.60);
    filter: grayscale(100%) brightness(0.60);
    -webkit-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    transition: ease-in-out .5s;
}
.recive_list li figcaption{
    width: 100%;
    height:120px;
    position: absolute;
    left:0;
    bottom:40px;
    z-index:9;
    padding-top:32px;
}
.recive_list li figcaption h3{
    font-size: 20px;
    color: #ffffff;
    text-align: center;
}
.recive_list li figcaption p{
    color: #fff;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 10px;
}
.recive_list li figcaption::after{
    content:'';
    position: absolute;
    width:0;
    height: 100%;
    background:rgba(0,59,131,0.7); 
    left:50%;
    top:0;
    z-index:-1;
    -webkit-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    transition: ease-in-out .5s;
}
.recive_list li:hover figcaption::after{
    left:0;
    width: 100%;
}
.recive_list li:hover figure img{
    -webkit-filter: grayscale(0) brightness(1);
    filter: grayscale(0) brightness(1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.module_news{
    padding:70px 0 80px 0;
}
.news_list li{
    padding:0;
    width:calc((100% - 100px) / 5);
    margin-right: 25px;
}
.news_list li:nth-child(5n){
    margin-right: 0;
}
.news_list{
    margin-top: 40px;
}
.news_list li figcaption{
    background: #eeeeee;
    padding:20px;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.news_list li figcaption span{
    display: block;
    font-size: 12px;
    color: #999999;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.news_list li figcaption h3{
    font-size: 18px;
    color: #444444;
    line-height:28px;
    margin-top: 15px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.news_list li figcaption p{
    font-size: 14px;
    color: #999999;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    margin-top: 15px;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.news_list li:hover figcaption{
    background: #003b83;
}
.news_list li:hover figcaption h3{
    color: #fff;
}
.news_list li:hover figcaption p{
    color: #fff;
}
.news_list li:hover figcaption span{
    color: #fff;
}
.footer_top{
    background: #222222;
    padding: 70px 0 40px 0;
}
.footer_top li a{
    display: block;
    font-size: 15px;
    color: #999999;
    line-height:20px;
    padding:8px 0;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.footer_top li a:hover{
    color: #fff;
}
.footerlast{
	width:35%;
}
.f_title{
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
}
.ewm{
    margin-top: 30px;
    -webkit-align-items: center;
    align-items: center;
}
.ewm img{
    width: 112px;
    height: 112px;
    border:6px solid #434343;
}
.ewm p{
    font-size: 14px;
    line-height: 24px;
    color: #999;
    margin-left: 10px;
}
.f_logo{
    width:210px;
}
.f_logo img{
    width: 100%;
}
.f_mess{
    width: 325px;
}
.f_mess dd{
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.f_mess dd:first-child input{
    width: 48%;
    height: 40px;
    background:none;
    border:1px solid #999999;
    border-radius: 5px;
    padding-left: 10px;
    color: #fff;
}
.f_mess dd input::-webkit-input-placeholder{
    color: #666;
    font-size: 13px;
    background:none;
}
.f_mess dd:nth-child(2) input{
    width: 100%;
    height: 40px;
    background:none;
    border:1px solid #999999;
    border-radius: 5px;
    padding-left: 10px;
    color: #fff;
}
.f_mess dd textarea{
    width: 100%;
    height: 210px;
    background:none;
    padding-left: 10px;
    padding-top: 10px;
    border:1px solid #999999;
    border-radius: 5px;
    color: #666;
    font-size: 13px;
    background:none;
    color: #fff;
}
.footer .yzm{
    width: 65%;
    height: 40px;
    border-radius: 5px;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    border:1px solid #999;
    align-items: center;
    padding-right:5px;
}
.f_mess dd .yzm input{
    height: 38px;
    background:none;
    padding-left: 10px;
    width: 60%;
    color: #fff;
}
.f_mess dd button{
    height: 40px;
    width: 30%;
    background: #003b83;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 15px;
    border-radius:5px;
    cursor:pointer;
}
.footer_top table{
    border:none;
}
.footer_top table tr{
    border:none;
}
.footer_top table td{
    border:none;
    font-size: 15px;
    color: #999;
    line-height:20px;
    padding:6px 0;
}
.footer_top li h3{
    font-size: 48px;
    color: #fff;
    font-family:'AlternateGothicNo2BT Regular';
    line-height:40px; 
    margin-bottom: 10px;
}
.footer_top li p{
    font-size: 15px;
    color: #999999;
    line-height:20px;
    padding:6px 0;
}
.footer_top li p i{
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right:5px;
    text-align: center;
}
.footer_top li p i.add{
    font-size: 22px;
    width: 16px;
    height: 20px;
    line-height:20px;
}
.footer_top li b{
    display: block;
    background:#393939;
    width: 100%;
    height:1px;
    margin:10px 0;
}
.footer_top li h4{
    font-size: 16px;
    color: #fff;
    line-height:20px;
    margin-top: 15px;
}
.second_nav{
    position: relative;
    box-shadow:0px 0px 5px #eee;
}
.second_nav .flex{
    -webkit-align-items: center;
    align-items: center;
    height: 45px;
}
.second_nav li a{
    font-size: 14px;
    color: #555555;
    margin-left: 40px;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.second_nav li:first-child a{
    margin-left: 0;
}
.header2 .fix_nav ul li:last-child{
    width: auto;
}
.second_nav li a:hover{
    color: #003b83;
    font-weight: bold;
}
.second_nav li.active a{
    color: #003b83;
    font-weight: bold;
}
.detail{
    background: #fafafa;
    padding:30px 0 50px 0; 
}
.type_fig{
    flex:0 0 calc(50% + 20px);
    background:#fff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}
.type_fig h6{
    font-size: 16px;
    color: #666666;
}
.type_fig b{
    display: block;
    width: 58px;
    height: 2px;
    background: #000;
    margin: 10px auto 0 auto;
}
.type_fig h3{
    font-size: 32px;
    color: #555555;
    margin-top:25px;
}
.type_fig p{
    font-size: 14px;
    color: #555555;
    margin-top: 15px;
}
.type_fig a.down{
    display: block;
    margin: 40px auto 0 auto;
    width: 145px;
    height: 45px;
    background:url(../images/more3.jpg) no-repeat center;
    background-size: cover;
    line-height:45px;
    font-size: 14px;
    color: #fff;
}
.type_fig a.down .back{
    display: none;
}
.product_list2{
    flex:0 0 calc(50% - 20px);
    margin:0;
}
.product_list ul{
	padding-bottom:3%;
}
.product_list2 li{
    margin-left: 20px;
    margin-right: 0;
    margin-bottom: 0;
    width: calc((100% - 40px) / 2);
}
.product_list3 li figcaption,.product_list2 li figcaption{
    position:inherit;
    background:#fff;
    text-align: center;
    display:block;
    height:70px;
    padding-top: 25px;
}
.product_list3 li figcaption p.name,.product_list2 li figcaption p.name{
    font-size: 14px;
    color: #666666;
    text-align: center;
    margin-top: 0;
    font-weight:normal;
    line-height:20px;
}
.product_list3 li{
    width:calc((100% - 120px) / 4);
    margin-right: 40px;
}
.product_list3 li:nth-child(3n){
    margin-right: 40px;
}
.product_list3 li:nth-child(4n){
    margin-right: 0;
}
.product_list3{
	width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-top:30px;
    display: none;
}
.pro_type{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.detail2{
    background:#fff;
}
.prodea_swiper{
    padding:0 160px;
    position: relative;
}
.prodea_swiper .swiper-slide{
    text-align: center;
}
.product_top h3{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #555555;
    margin-bottom:40px;
}
.product_top p{
    font-size: 16px;
    color: #555555;
    text-align: center;
    margin-top: 30px;
}
.ht{
    margin-top: 50px;
}
.ht p{
    background: #003b83;
    line-height:45px;
    padding-left: 30px;
    color: #fff;
    font-size: 18px;
    width: 100%;
}
.pro_enitor{
    padding-top:30px;
	padding:30px 30px;
}
.pro_enitor p{
   font-size:15px;
   line-height:1.8;
}
.pro_enitor table{
	width:100%;
	margin-top:15px;
}
.pro_enitor td{
	padding:7px;
}
.pro_enitor tr:nth-child(2n){
	background:#DCDDDF;
}
.inside_banner{
    position: relative;
}
.inside_banner figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inside_banner figure{
    height:300px;
}
.inside_banner figcaption{
    position: absolute;
    left:0;
    top:0;
    z-index:8;
    width: 100%;
    height: 100%;
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.inside_banner figcaption h3{
    text-align: center;
    font-size: 30px;
    color: #fff;
    line-height:46px;
}
.news_list2 li{
    padding:27px 60px 27px 30px;
    margin-top: 20px;
    box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
.news_list2 li a{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}
.news_list2 li figure{
    flex:0 0 200px;
    height:150px;
    margin-right: 30px;
}
.news_list2 li  figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news_list2 li figcaption{
    overflow:hidden;
}
.news_list2 li figcaption h3{
    font-size: 17px;
    color: #666666;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    -webkit-transform: translateX(-70px);
    -ms-transform: translateX(-70px);
    -o-transform: translateX(-70px);
    transform: translateX(-70px);
    -webkit-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    transition: ease-in-out .5s;
}
.news_list2 li figcaption h3 b{
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 0px;
    border-top: 1px solid #999;
    margin-top: -3px;
    margin-right: 5px;
}
.news_list2 li figcaption p{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height:24px;
    color: #999999;
    font-size: 14px;
    margin-top: 22px;
    -webkit-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    transition: ease-in-out .5s;
}
.news_list2 li figcaption span{
    display: block;
    font-size: 13px;
    color: #999999;
    margin-top:30px;
}
.news_list2{
    margin-top:30px;
}
.news_list2 li:hover figcaption h3{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    color: #003b83;
}
.news_list2 li:hover figcaption p{
    color: #000;
}
.inside_title h3{
    color: #003b83;
    font-size: 28px;
}
.inside_title b{
    display: block;
    width: 36px;
    height: 7px;
    background: #003b83;
    margin-top: 15px;
}
.tac h3{
    text-align: center;
}
.tac b{
    margin: 15px auto 0 auto;
}
.news_htitle h3{
    font-size: 22px;
    color: #666666;
    text-align: center;
}
.news_htitle p{
    text-align: center;
    font-size: 15px;
    color: #999999;
    margin-top: 20px;
}
.side_page{
    background: #fff;
    padding:50px 0 80px 0;  
}
.met-enitor{
    font-size: 16px;
    color: #666;
    line-height:40px;
    margin-top: 40px;
    border-bottom:1px solid #eee;
    padding:0 60px 50px 60px;
}
.news_control{
    margin-top: 25px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.news_control aside a{
    font-size: 15px;
    color: #999;
    line-height:36px;
    display: block;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.news_control aside a:hover{
    color: #000;
}
.news_control a.news-back{
    display: block;
    width: 100px;
    height: 50px;
    border:1px solid #eee;
    border-radius:30px;
    text-align: center;
    line-height:48px;
    font-size: 16px;
    color: #999999;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;

}
.news_control a.news-back:hover{
    background: #075ead;
    color: #fff;
    border-color:#075ead;
}
.about_dea{
    margin-top: 45px;
}
.about_dea figcaption{
    max-width:720px;
    margin-right: 40px;
    font-size: 15px;
    line-height:40px;
    color: #666;
    font-weight:lighter;
}
.about_dea figure{
    position: relative;
    margin-top: 15px;
    z-index:5;
}
.about_dea figure::after {
    position: absolute;
    content: '';
    width: 200px;
    height:260px;
    background: #075ead;
    right: -20px;
    bottom: -20px;
    z-index: -1;
}
.about_page2{
    padding:50px 0 60px 0;
    background:url(../images/about_3.jpg) no-repeat center center;
    background-size:cover;
}
.honor_swiper{
	position: relative;
}
.honor_swiper,.company_swiper{
    margin-top: 30px;
    position: relative;
}
.honor_swiper li,.company_swiper .swiper-slide{
    padding:9px;
    border:1px solid #c9c9c9;
    overflow:hidden;
}
.honor_swiper li{
	width:calc((100% - 60px) / 4);
	margin-right:20px;
	margin-bottom:20px;
}
.honor_swiper li:nth-child(4n){
	margin-right:0;
}
.honor_swiper ul.flex{
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
}
.company_swiper .swiper-slide img{
	height:420px;
	object-fit: cover;
	width: 100%;	
}
.honor_swiper li p,.company_swiper .swiper-slide p{
    font-size: 16px;
    color: #666666;
    text-align: center;
    padding:20px 0 10px 0;
    line-height:20px;
}
.honor_swiper li img,.company_swiper .swiper-slide img{
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.honor_swiper .swiper-pagination,.company_swiper .swiper-pagination{
    width: 100%;
    bottom:-40px;
}
.honor_swiper .swiper-pagination-bullet,.company_swiper .swiper-pagination-bullet{
    width: 40px;
    height: 6px;
    border-radius:2px;
    background:#999999;
    opacity:1;
    margin:0 6px;
}
.honor_swiper .swiper-pagination-bullet-active,.company_swiper .swiper-pagination-bullet-active{
    background: #075ead;
}
.about_page1{
    padding:30px 0 80px 0;
}
.honor_swiper li:hover img,.company_swiper .swiper-slide:hover img{
    -webkit-filter: brightness(0.50);
    filter: brightness(0.50);
}
.about_page4{
    padding:50px 0 30px 0;
}
.about_page3{
    background:url(../images/deva_bg.jpg) no-repeat center;
    height:720px;
    padding-top:60px;
    position: relative;
}
.histy_swiper .swiper-button-next{
    width: 45px;
    height: 45px;
    top:13%;
    right:0;
    background:url(../images/hover_right.png) no-repeat center;
}
.histy_swiper .swiper-button-next:after,.histy_swiper .swiper-button-prev:after{
    display: none;
}
.histy_swiper .swiper-button-prev{
    width: 45px;
    height: 45px;
    top:13%;
    left:0;
    background:url(../images/hover_left.png) no-repeat center;
}
.histy_swiper .gallery-top h3{
    font-size: 24px;
    font-weight: bold;
    color: #ffff00;
    text-align: center;
}
.histy_swiper .gallery-top aside{
    font-size: 17px;
    color: #fff;
    line-height:40px;
    text-align: center;
    margin-top: 20px;
}
.histy_swiper .gallery-top{
    margin-top: 100px;
}
.histy_swiper .gallery-thumbs .swiper-slide{
    cursor: pointer;
    margin-top:75px;
}
.histy_swiper .gallery-thumbs .swiper-slide p{
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height:18px;
    margin-top: 20px;
}
.histy_swiper .gallery-thumbs .swiper-slide:nth-child(2n) p{
    /*margin-bottom: 20px;*/
    margin-top:0;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.histy_swiper .gallery-thumbs .swiper-slide:nth-child(2n){
	min-height:56px;
    margin-top: 0;
}
.histy_swiper .gallery-thumbs .swiper-slide span{
    display: block;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    border-radius:18px;
    background: #fff;
}
.histy_swiper .gallery-thumbs .swiper-slide:nth-child(2n) span{
	position: absolute;
    left: calc(50% - 12px);
    top: 65%;
}
.histy_swiper{
    margin-top: 100px;
    padding:0 100px;
    position: relative;
}
.histy_swiper .gallery-thumbs .swiper-slide-thumb-active p{
    color: #ffff00;
}
.histy_swiper .gallery-thumbs .swiper-slide-thumb-active span{
    background: #ffff00;
}
.about_page3 .line{
    position: absolute;
    width: 100%;
    height:39px;
    left:0;
    top:265px;
    z-index:1;
    background: url(../images/line.png) no-repeat center center;
}
.map_page{
    position: relative;
}
.map_page figcaption{
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    z-index:9;
    padding-top: 100px;
}

.map_page figcaption aside{
    float: right;
    width: 520px;
    height: 440px;
    background: rgba(0,59,131,0.9);
    padding:40px 30px 0 30px;
}
.map_page figcaption div.coen_us aside{
	width: 800px;
}
.map_page figcaption aside h3{
    font-size:24px;
    font-weight: bold;
    color: #fff;
    line-height:32px;
    margin-bottom: 30px;
}
.map_page p{
    display: inline-block;
    vertical-align: middle;
}
.map_page table{
	width: 100%;
    border:none;
    margin:20px 0;
}
.map_page table tr{
    border:none;
}
.map_page table td{
    border:none;
    font-size: 15px;
    color: #fff;
    line-height:20px;
    padding:7px 0;
}
.map_page p{
    font-size: 15px;
    color: #fff;
    line-height:20px;
    padding:7px 0;
}
.banner .swiper-container{
    height:100%;
}
.banner .swiper-slide img{
    height:100%;
    width: 100%;
    object-fit: cover;
}
.dep_nav2{
    display: none;
}
/*video*/
.video_all{
    width:100%;
    height:80vh;
    overflow: hidden;
    position: relative;
}
.video{
    width:inherit;
    height: inherit;

}
.video video{
    height:inherit;
    object-fit: cover;
    display:block;
    width:100%;
}
.videofont{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background: url(../images/dott.png) repeat 0px 0px;
    background-size: 2px;
    -webkit-background-size: 2px;
    -moz-background-size: 2px;
    -o-background-size: 2px;
    -ms-background-size: 2px;
     text-align: center;
    display:none;
}
.videofont2{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background: rgba(0,0,0,.6);
    /*background: url(../images/dott2.png) repeat 0px 0px;
    background-size: 2px;
    -webkit-background-size: 2px;
    -moz-background-size: 2px;
    -o-background-size: 2px;
    -ms-background-size: 2px;*/
    padding-top: 12%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	display:none;
}
.videofont2 h3{
    color:#fff;
    font-size:4rem;
    padding-bottom: 2%;
     padding-left: 17%;
         font-family: Arial;
}

.videofont2 h4{
     padding-left: 17%;
    color:#bababa;
}
.videofont2 a{

    margin: 56% auto 0 auto;
    padding:0 10px;
    background: #EF142E;
    color:#fff;
    font-size: 1.7rem;
    display: block;
    line-height:50px;
    width:300px;
    height:50px;
    text-align: center;
}
.videofont h3{
    padding-top:21%;
    vertical-align: middle;
    /* align-items: center;*/
    font-size: 7rem;
    font-weight: bold;
    color:#fff;
    text-align: center;
}
.videofont h3 span{
    color:#C30E1A;
}
.videofont h4{
    padding-top: 2%;
    padding-bottom: 3%;
    color:#CDCDCF;
    font-weight: 300;
    font-size: 4rem;
}
.videofont a{
    color:#fff;
}
.videofont a:hover{
    color:#ff0000;
}
.module_about figure img{
	 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  /*   filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1); */
}
.module_about figure img:hover{
	 -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
	-webkit-transform:translate(-10px,-10px) ;
	-ms-transform:translate(-10px,-10px) ;
	-o-transform:translate(-10px,-10px) ;
	transform:translate(-10px,-10px) ;
}




/*新增页面样式*/
.w1400{
    max-width:1400px;
    margin: 0 auto;
}
.w1720{
    max-width:1720px;
    margin: 0 auto; 
}
.module_Headtype{
    width: 100%;    
	padding:80px 0;
    background:url(../images/index_img1.jpg) no-repeat center;
	background:#fff;
	border-bottom:6px solid #0D386F;
}
.in_title2 h6{
    font-size: 54px;    
    color: #0D386F;
    text-align: center; 
    font-weight:lighter;
}
.in_title2 h3{
    font-size: 15px;    
    color: #999;
    text-transform: uppercase;
    text-align: center; 
}
/*.in_title2 b{
    width: 135px;
    height: 7px;    
    background: #10abeb;
    border-radius:10px;
    margin: 10px auto 0 auto;
    display: block; 
}*/
.headtype_list li .touxing {
    width: 140px;
    height: 140px;
	-webkit-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    transition: ease-in-out .5s;
}
.headtype_list li .tx1{
    background: url(../images/tx1_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .tx2{
    background: url(../images/tx2_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .tx3{
    background: url(../images/tx3_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .tx4{
    background: url(../images/tx4_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .tx5{
    background: url(../images/tx5_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .tx6{
    background: url(../images/tx6_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .tx7{
    background: url(../images/tx7_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .tx8{
    background: url(../images/tx8_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .tx9{
    background: url(../images/tx9_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .touxing:hover{
	-webkit-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg);
}
.headtype_list li .tx1:hover{
    background: url(../images/tx1_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .tx2:hover{
    background: url(../images/tx2_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .tx3:hover{
    background: url(../images/tx3_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .tx4:hover{
    background: url(../images/tx4_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .tx5:hover{
    background: url(../images/tx5_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .tx6:hover{
    background: url(../images/tx6_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .tx7:hover{
    background: url(../images/tx7_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .tx8:hover{
    background: url(../images/tx8_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li .tx9:hover{
    background: url(../images/tx9_b.png) no-repeat center;
    background-size:cover;
}
.headtype_list li p{
    text-align: center; 
    font-size: 20px;    
    color: #2B3B5B;
    text-align: center;
    margin-top: 20px;   
	text-transform: uppercase;
}
.headtype_list{
    margin-top:80px;   
}
.module_page3 {
    max-width:1920px;
    flex-wrap: wrap;
    width: 100%;
    overflow:hidden;
}
video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page3_video{
    width:50%;
    height: 100%;
}
.page3_video video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page3_video aside{
    height: 46.9%;
    position: relative;
}
.page3_video aside:last-child{
    height: 53.1%;
    position: relative;
}
.page3_swiper{
    width: 50%;
    height: 100%;
}
.page3_swiper .swiper-container {
    height: 100%;
    width: 100%;
}
.page3_swiper .swiper-slide{
    width: 100%;
    height: 100%;
}
.page3_swiper img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/*.module_page5{
    height:800px;
}
.module_page5 .swiper-container{
    height: 100%;
}
.module_page5 .swiper-slide{
    height: 100%;
}
.module_page5 .swiper-slide img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}*/

.videofont2 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    padding-top: 12%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.videofont {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/dott.png) repeat 0px 0px;
    background-size: 2px;
    -webkit-background-size: 2px;
    -moz-background-size: 2px;
    -o-background-size: 2px;
    -ms-background-size: 2px;
    text-align: center;
}
.module_gif{
    position: relative;
}
.module_page6{
    position: relative;
}
.fixed_left{
    position: fixed;
    left:55px;
    top:30%;
    z-index: 99;
    background:rgba(0,0,0,.5);
    padding:16px;
    z-index: 999;
}
.infix_nav{
    padding-top: 50px;
}
.fix_pro li{
    line-height: 30px;
}
.fix_pro li a{
    font-size: 15px;
    color: #fff;
}
.infix_nav li{
    line-height: 30px;
}
.infix_nav li a{
    color: #fff;
    display: block;
    font-size: 15px;
}

.inquality{
    background:url("../images/qualitybg.jpg") center top no-repeat;
    height: 445px;
    background-attachment: fixed;
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;

}
.w78{
    width: 78%;
    margin:0 auto;
}
.inqualitytit{
    display: inline-block;
    vertical-align: top;
    background:#2D60AC;
    padding:0 50px;
    font-size: 33px;
    color: #fff;
    line-height: 55px;
    margin-top: 100px;
    
}

.inquainfo h3{
    font-size: 50px;
    padding-bottom: 18px;
    padding-top: 67px;
    font-weight: bold;
    color: #010000;
    font-family:Arial;
}
.inquainfo p{
    line-height: 48px;
    font-size: 20px;
    color: #777;
    letter-spacing: 8px;
}
.inquainfoen p{
    letter-spacing: 4px;
    font-family:Arial;
}
.custon_en{
    position: absolute;
    right:-100px;
    top:230px;
    font-size: 40px;
    color:#2D60AC;
    font-style: italic;
    text-transform: uppercase;
}
.inquality_center{
    position: relative;
}
.inproedon_it1{
    display: -webkit-flex;
    display: flex;
}
.more2{
    width: 930px;
    line-height: 60px;
    border:1px solid #2D60AC;
    text-align: center;
    margin:48px auto 0;
}
.more2 a{
    display: block;
    font-size: 16px;
    color: #2D60AC;
    position: relative;
    font-weight: bold;
    letter-spacing: 7px;
}
.more2 a::before{
    content: "";
    width: 0;
    height: 0;
    border-top: 16px solid #2D60AC;
    border-right: 16px solid transparent;
    position: absolute;
    left:-1px;
    top:-1px;
}
.more2 a::after{
    content: "";
    width: 0;
    height: 0;
    border-bottom: 16px solid #2D60AC;
    border-left: 16px solid transparent;
    position: absolute;
    right:-1px;
    bottom:-1px;
}
.more2:hover{
    background: #2D60AC;
}
.more2:hover a{
    color: #fff;
}
.more2:hover a::before{
    border-top: 16px solid #000;
}
.more2:hover a::after{
    border-bottom: 16px solid #000;
}
.module_product2{
    padding-bottom:40px;
}
.inquainfo p.inquainfoen{
	letter-spacing: 0px;
}
.product_list h3{
	text-align:center;
	font-size:18px;
	padding-bottom:2%;
}
.map_page #map p{
	color:#000;
}

.ewm0{
	position:fixed;
	bottom:10%;
	right:0;
	width:110px;
	z-index:999999;
}
.ewm0 p{
	padding-top:5px;
	color:#fff;
	text-align:center;
}