body{width: 100%;min-width: 1200px;margin:0; padding:0;font-family:"Arial", "Source Han Sans CN", "microsoft yahei", sans-serif;font-size:14px;line-height: 1;}
img{margin:0; padding:0; border-style:none; vertical-align:middle; line-height:1.0;}
ul,nav{list-style-type:none;}
ol{list-style-type:decimal;}
p,span,h1,h2,h3,h4,h5,h5,dl,dd,dt,form,ul,li,ol{margin:0; padding:0;}
i{margin:0; padding:0; font-style:normal;}
input,textarea,select{margin:0; padding:0; vertical-align:middle;}
a{color:#000; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all  0.3s ease;}
a:hover{opacity:0.7;cursor: pointer;}
.fl{float:left;} 
.fr{float:right;}
.clearfix:after {content: "";display: block;clear: both;visibility: hidden;font-size: 0;height: 0;} 
.clearfix {*display: inline-block;_height:1%;}
.pad_block,.pad_inline,.sp_block,.sp_inline{display: none;}

.center{text-align:center;}

.gnavi_fixed{position:fixed; top:100px;right: calc(50% - 590px);}
.gnavi_fixed_bottom{position:absolute; bottom:0px;top: auto;right: 0;}

@font-face {
  font-family: "NotoSansHans";
  src: url("") format("truetype"),
       url("") format("embedded-opentype"),
       url("") format("svg");
}



#mainVisual {width: 100%;min-width: 1200px;margin: -19px auto;}
#mainVisual.mt39 {width: 681px;margin: 39px auto 0 auto;}
.slide a {display: block;}
.slick-arrow {display: none;background: transparent;color: transparent;height: 0;border: none;}
.slick-dots {position: absolute;right: 11px;bottom: -22px;}
.slick-dots li {float: left;margin-left: 13px;}
.slick-dots li:first-child {margin-left: 0;}
.slick-dots li button {display: none;width: 9px;height: 9px;padding: 0;border: none;border-radius: 4.5px;background: #92c4e5;color: transparent;}
.slick-dots li.slick-active button {background: #004e99;}
.slick-slide img {width: 100%;}
.slick-slide img.sp_block {display: none;}


img.look {
  width: 100%;
  height: auto;
  transition: transform .3s ease-out;will-change: transform;
  transform: scale(1);
}
 
img.look:hover {transition-duration:.5s;
  transform: scale(1.05);
} 
.hidden {overflow: hidden;padding: 168px 0 220px 0;}     

.picList li{ width:23.5%;}
.picList .pic{ text-align:center; line-height:0px;  } 
.picList .pic img{ width:100%; height:auto; padding:0;} 
.picList .pic a:hover img{ border-color:#f00;} 
 
 
.effect {width: 100%;}
.effect.wauto {max-width: 70%;}
.leftLoop{overflow:hidden; position:relative;} 
.leftLoop .hd{  height:30px; background:#f4f4f4;  } 
.leftLoop .hd .prev,.leftLoop .hd .next{ display:block;  width:5px; height:9px; line-height:10px; float:right; margin-right:10px; margin-top:10px;    
     cursor:pointer; background:url("404.png") no-repeat;} 
.leftLoop .hd .next{ background:url("404.png") no-repeat;  } 
.leftLoop .hd ul{ float:right; zoom:1; margin-top:10px;  } 
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(404.png);} 
.leftLoop .hd ul li.on{ background:#f00;  } 
.leftLoop .bd{ padding:0;} 
.leftLoop .bd ul{ zoom:1; } 
.leftLoop .bd ul li{ margin:0 5px; text-align:center; float:left;display:_inline;  }
.cixi_logo {padding-left: 51px;box-sizing: border-box;display: flex;align-items: center;margin-right: 10px;}

.pagetop {
  display: none;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 9999;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pagetop a {
  display: block;
}


.cixi_list { transition:all  0.3s ease; width: 100%;padding: 27px 0 0 0;display: flex;align-items: center;justify-content: space-between;background: #fff;overflow: hidden;box-sizing: border-box;}
.cixi_list.fixnav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 100;
    padding-top: 0;
}
.cixi_list_ul {width: 810px;height: 78px;line-height: 78px;background: #013581;color: #fff;padding: 0 10px 0 27px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;box-sizing: border-box;}
.cixi_list_ul li {float: left;font-size: 15px;padding: 0 25px;position:relative;font-weight: bold;letter-spacing: 1px;box-sizing: border-box;}
@media only screen and (max-width:1315px){
.cixi_list_ul{width: 715px;padding: 0 10px 0 20px;}
.cixi_list_ul li {font-size: 14px;padding: 0 20px;}
}

.cixi_list_ul li a {display: block;color: #fff;position: relative;}
.cixi_list_ul li a:hover {opacity: 1;cursor: pointer;}
.cixi_list_ul li a > p {width:0%; height:2px; display:block; position:absolute; bottom:27px; top:auto; z-index:1; background-color:#fff; transition:all  0.3s ease; left:auto; right:0;}
.cixi_list_ul li:hover a > p {width: 100%;left:0;}
.cixi_list_ul li.cixi_lang{display:flex;}
.cixi_list_ul li.cixi_lang a{font-size:13px;}
.cixi_list_ul li.cixi_lang a:hover{opacity:0.8;}
.cixi_lang_d{opacity:.8;}
.cixi_slogan {overflow: hidden;padding:140px 0 200px 0;}
.cixi_h5 {text-align: center;}
.cixi_des {font-size: 16px;line-height: 33px;margin-top: 60px;text-align: center;}
.speciality {position: relative;border-radius: 10px;width: 934px;margin: 118px auto 0 auto;background: #013581;color: #fff;padding: 73px 177px 103px 177px;box-sizing: border-box;}
.spec_h5 {font-size: 33px;letter-spacing: 1px;text-align: center;}
.specul {margin-top: 55px;}
.specul li {float: left;margin-left: 148px;}
.specul li:first-child {margin-left: 0;}
.specul li .img {text-align: center;}
.specul li .des {writing-mode: vertical-rl;text-orientation: upright;margin-top: 22px;}
.specul li .des span {display: block;}
.specul li .des span.p1 {font-size: 15px;letter-spacing: 1px;line-height: 1.5;}
.specul li .des span.p2 {font-size: 23px;letter-spacing: 5px;font-weight: bold;padding-left: 15px;margin-left: 10px;border-left: 1px solid #fff;box-sizing: border-box;}
.cixi_f1 {position: absolute;top:-467px;left: -288px;}
.cixi_f1 img {display: inline;animation: slide 2s linear infinite alternate;animation-delay: 0s;}
.cixi_f2 {position: absolute;top:-47px;left: -490px;}
.cixi_f2 img {display: inline;animation: slide 2s linear infinite alternate;animation-delay: 1s;}
.cixi_f3 {position: absolute;top: 520px;left: -325px;}
.cixi_f3 img {display: inline;animation: slide 2s linear infinite alternate;animation-delay: 2s;}
.cixi_f4 {position: absolute;top:-626px;left: 1100px;z-index: -1;}
.cixi_f4 img {display: inline;animation: slide 2s linear infinite alternate;animation-delay: 0s;}
.cixi_f5 {position: absolute;top:-253px;left: 902px;}
.cixi_f5 img {display: inline;animation: slide 2s linear infinite alternate;animation-delay: 1s;}
.cixi_f6 {position: absolute;top:460px;left: 856px;}
.cixi_f6 img {display: inline;animation: slide 2s linear infinite alternate;animation-delay: 2s;}
@keyframes slide {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(-20px);
    }
  }
.oem_for {position: relative;font-weight: bold;width: 361px;margin: -140px auto 0 auto;line-height: 78px;text-align: center;font-size: 22px;}
.oem_for a {display: block;color: #133670;line-height: 78px;border-radius: 40px;border: 2px solid #133670;overflow: hidden;box-sizing: border-box;}
.oem_for a:hover {color: #fff;opacity: 1;}
.oem_for.mt50 {margin-top: 50px;}
.c-btn01_link > p {border-radius: 39px;width:0%; height:81px; display:block; position:absolute; top:0; left:0; z-index:-1; background-color:#133670; transition:all  0.3s ease;overflow: hidden;}
.c-btn01_link:hover > p {width: 100%;left:0;}
.c-btn01_link > img {position:absolute; top:0; left:300px;top: 28px;transition:all  0.3s ease;}
.c-btn01_link:hover > img {left:315px;content: url(../image/white.svg);}
.our_products {margin-top: 220px;color: #133670;text-align: center;font-size: 36px;}
.our_products.mt0 {margin-top: 0;}
.our_products_con {margin-top: 89px;display: flex;width: 100%;min-width: 1200px;justify-content: space-between;}
 
.leftLoop2 .picList li{ width:383px;height:471px;position: relative;} 
.leftLoop2 .picList .pic{ text-align:center;position: absolute; width:383px; height:471px;left: 0;top: 0;overflow: hidden;} 
.leftLoop2 .picList .pic img{position: absolute;
   width:383px; height:471px;left: 0;top: 0;transition: transform .3s ease-out;will-change: transform;
  transform: scale(1);
  opacity: 0;}

.leftLoop2 .picList .pic img:first-child {
  opacity: 1;
}
.leftLoop2 .picList .pic:hover .img01 {
  opacity: 0;
}
.leftLoop2 .picList .pic:hover img:last-child {
  opacity: 1; transform: scale(1.05);
}
.leftLoop2 .picList .title{position: absolute;top: 0;right: 20px;width: 52px;height: 182px;line-height: 52px;letter-spacing: 1px;font-size: 19px;color: #013581;font-weight: bold;writing-mode: vertical-rl;text-orientation: upright;text-align: left;padding-top: 21px;background: url(../image/int_before.png) no-repeat center;background-size: cover;transition:all  0.3s ease;box-sizing: border-box;} 
.leftLoop2 .picList li:hover .title{background: url(../image/int_after.png) no-repeat center;background-size: cover;color: #fff;}
 
.leftLoop2{position:relative;overflow: visible;} 
.leftLoop2 .hd{position: absolute;left: -165px;top: 433px;height: 33px;background: none;} 
.leftLoop2 .hd .prev,.leftLoop2 .hd .next{margin: 0;display:block;  width:33px; height:33px;text-align: center;line-height:33px;border-radius: 33px; float:right;cursor:pointer; background:#b9c4d6;} 
.leftLoop2 .hd .next {background: #013581;margin-left: 12px;}
.leftLoop2 .hd ul{ float:right;zoom:1; margin-top:10px;  } 
.leftLoop2 .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(404.png);} 
.leftLoop2 .hd ul li.on{ background:#f00;} 
.leftLoop2 .bd{box-sizing: border-box;overflow: hidden;}
.leftLoop2 .bd ul{zoom:1; } 
.leftLoop2 .bd ul li{ margin:0 4px; text-align:center; float:left;display:_inline;} 
.leftLoop2 .bd ul li:hover {cursor: pointer;}
.leftLoop2 .bd ul li img {position: relative;}
.line {margin-top: 62px;width: 100%;border-top: 1px solid #d8d8d8;box-sizing: border-box;}
.line.mt20 {margin-top: 20px;}


.product_ins {width: 26%;margin:0 2%;box-sizing: border-box;}
.product_ins h5 {font-size: 32px;color: #133670;}
.product_ins h5 img {vertical-align: top;margin-right: 5px;letter-spacing: 1px;}
.product_ins p {font-size: 15px;line-height: 27px;margin-top: 33px;padding-left: 33px;box-sizing: border-box;}
.about_us_con {width: 100%;min-width: 1200px;background: #133670;padding: 70px 0 96px 0;box-sizing: border-box;}
.about_us {position: relative;width: 1061px;display: flex;align-items: center;justify-content: space-between;margin: 0 auto;color: #fff;}
.about_us dt {width: 490px;}
.about_us dd a {display: block;position: relative;overflow: hidden;width: 468px;height: 259px;}
.about_us_title {font-size: 36px;letter-spacing: 1px;}
.about_us_des {font-size: 14px;line-height: 26px;margin-top: 27px;}
.about_us_a {margin-top: 105px;}
.about_us_a a {display: inline-block;color: #fff;font-size: 19px;position: relative;}
.about_us_a a img {margin-left: 16px;}
.about_us_a a.a1 {margin-right: 55px;}

.food1 {position: absolute;top: -140px;left: 1089px;display: inline;animation: slide 2s linear infinite alternate;animation-delay: 0s;}
.food2 {position: absolute;left: -387px;bottom:-181px;display: inline;animation: slide 1s linear infinite alternate;animation-delay: 0s;}


.more {width: 1130px;margin: 0 auto;text-align: right;font-size: 15px;position: relative;cursor: pointer;}
.more  img {margin-left: 11px;}
.more  p {text-align: right;display: inline-block;width: 60px;}
.more  p span {display: inline-block;width:0%; height:2px; display:block; position:absolute; bottom:-3px; top:auto; z-index:1; background-color:#133670; transition:all  0.3s ease; left:auto; right:0;}
.more p:hover span {width: 60px;right:38px;}

.leftLoop4 {position: relative;margin-top: 65px;}
 
.leftLoop4 .picList li{ width:498px;position: relative;} 
.leftLoop4 .picList .pic{ text-align:center; line-height:0px;overflow: hidden;} 
.leftLoop4 .picList .pic img{ width:396px; height:auto;}
.leftLoop4 .picList li:hover .pic img {transform: scale(1.05);}
.leftLoop4 .picList .title{margin-top: 12px;letter-spacing: 1px;font-size: 18px;color: #133670;text-align: left;padding-left: 50px;box-sizing: border-box;} 
 
.leftLoop4{position:relative;overflow: visible;} 
.leftLoop4 .hd{width: 1197px;margin:43px auto 0 auto;position: static;height: 33px;background: none;display: flex;align-items: center;justify-content: space-between;} 
.leftLoop4 .hd .prev{margin: 0;display:block;  width:33px; height:33px;text-align: center;line-height:33px;border-radius: 33px;cursor:pointer; background:#b9c4d6;} 
.leftLoop4 .hd .next {margin: 0 0 0 13px;display:block;  width:33px; height:33px;text-align: center;line-height:33px;border-radius: 33px;cursor:pointer; background: #013581;}
.leftLoop4 .hd ul{zoom:1;float: none;} 
.leftLoop4 .hd ul li{ position:relative; _display:inline; float:left;  width:233px; height:3px; background:#d5dee3; margin-right:0; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(404.png);} 
.leftLoop4 .hd ul li.on{ background:#002576;}
.leftLoop4 .bd{box-sizing: border-box;overflow: hidden;}
.leftLoop4 .bd ul{zoom:1;border-top: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;box-sizing: border-box;} 
.leftLoop4 .bd ul li{ margin:0; text-align:center; float:left;display:_inline;border-right: 1px solid #d1d1d1;box-sizing: border-box;} 
.leftLoop4 .bd ul li:hover {cursor: pointer;}
.leftLoop4 .bd ul li img {transition:all  0.3s ease;margin: 29px 50px 0 29px;}
.leftLoop4 .bd ul li:hover .newsimg img {content: url(../image/news_intmouse.svg);margin-right: -15px;}
.date {font-size: 16px;margin-top: 18px;text-align: left;padding-left: 50px;box-sizing: border-box;}
.kind {font-size: 14px;background: #d5dce6;width: 81px;height: 25px;text-align: center;line-height: 25px;letter-spacing: 2px;border-radius: 12.5px;margin:33px 0 0 50px;box-sizing: border-box;}
.newsimg {padding: 0;text-align: right;margin:24px 43px 30px 0;box-sizing: border-box;}
.leftLoop4 .bd ul li .newsimg img {margin: 0;}
.footer {margin-top: 133px;width: 100%;min-width: 1200px;background: #ededed;padding: 102px 0 108px 0;box-sizing: border-box;}
.footer_p1 {font-size: 15px;font-weight: bold;text-align: center;margin-top: 31px;}
.footer_dl {border-radius: 10px;display: flex;align-items: center;justify-content: space-between;width: 805px;height: 151px;margin: 71px auto 0 auto;padding: 0 85px;border: 1px solid #d3d3d3;box-sizing: border-box;}
.footer_dl dt {font-size: 22px;letter-spacing: 1px;font-weight: bold;color: #013581;}
.footer_dl dt img {margin-right: 15px;}
.footer_dl dd .tel {font-size: 36px;font-weight: bold;}
.footer_dl dd .ins {font-size: 14px;margin-top: 10px;}
.footer_email {width: 805px;height: 151px;margin: 31px auto 0 auto;background: #013581;border-radius: 10px;color: #fff;box-sizing: border-box;}
.footer_email a {color: #fff;display: block;position: relative;padding:50px 0 0 85px;box-sizing: border-box;}
.footer_email .cs {font-size: 22px;vertical-align: middle;}
.footer_email .cs img {margin-right: 10px;vertical-align: middle;}
.footer_email .ps {margin-top: 15px;font-size: 14px;padding-left: 42px;box-sizing: border-box;}
.footer_email .pic {position: absolute;right: 51px;top: 61px;transition:all  0.3s ease;}
.footer_email:hover .pic {right: 40px;}
.footer_list {max-width: 90%;width: 1676px;margin: 234px auto 0 auto;}
.footer_nav {margin-top:23px;}
.footer_nav li {float: left;margin-left: 127px;}
.footer_nav .title {margin-top: 48px;font-size: 16px;font-weight: bold;padding-bottom: 3px;box-sizing: border-box;}
.footer_nav .title a {color: #313131;position: relative;width: fit-content;}
.footer_nav .title a > p {width:0%; height:2px; display:block; position:absolute; bottom:-3px; top:auto; z-index:1; background-color:#292929; transition:all  0.3s ease; left:auto; right:0;}
.footer_nav .title a:hover > p {width: 100%;left:0;}
.footer_nav li .deson {display: flex;}
.footer_nav li .des:first-child {margin-right:61px;padding-left: 14px;box-sizing: border-box;}
.footer_nav li .des a {display: block;margin-top: 25px;color: #292929;position: relative;width: fit-content;padding-bottom: 3px;box-sizing: border-box;}
.footer_nav li .des a > p {width:0%; height:2px; display:block; position:absolute; bottom:-3px; top:auto; z-index:1; background-color:#292929; transition:all  0.3s ease; left:auto; right:0;}
.footer_nav li .des a:hover > p {width: 100%;left:0;}
.copyright {margin-top: 115px;text-align: right;font-size: 11px;color: #a2a2a2;}

.minw1200 {width: 100%;min-width: 1200px;display: flex;align-items: center;justify-content: space-between;}

@media only screen and (max-width: 1200px) {
    .product_ins h5 {font-size: 28px;}
}

.sub_route{min-width: 1200px; margin: 0 auto; padding-top:65px;padding-left: 51px; font-size:15px; font-weight:500;box-sizing: border-box;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.about_our_title{color:#013580; font-size:50px; text-align:center; line-height:1.1; margin:35px 0 45px 0;}
.about_our_title p{color:#000000; font-size:18px; padding-top:15px;}
.about_our_bg{height:566px; padding-top:90px; text-align:center; border-top:#D4D4D4 1px solid; background:url(../image/about_our_bg.jpg) no-repeat center; background-size:cover; box-sizing:border-box;}
.about_our_bg h3{font-size:32px; line-height:1.5;}
.about_our_bg p{font-size:16px; line-height:36px; font-weight:500; padding-top:55px;}
.about_factory_box{width:1100px; margin:0 auto; padding-top:110px; display:flex; justify-content:space-between;}
.about_factory{width:395px; padding-top:70px;}
.about_factory_title{color:#013580; font-size:35px; line-height:1.3px;}
.about_factory_title img{margin-right:25px;}
.about_factory_p{font-size:15px; line-height:36px; padding-top:28px;}
.about_quality_box{width:1100px; margin:0 auto; padding-top:95px; display:flex; justify-content:space-between; align-items:center;}
.about_quality{width:470px; padding-right:140px;}
.about_group_bg{margin-top:100px; padding:90px 0 130px 0; text-align:center; background-color:#013580;}
.about_group_title{color:#FFFFFF; font-size:35px; line-height:1.3;}
.about_group_text{color:#FFFFFF; font-size:15px; line-height:36px; padding-top:55px;}
.about_group_an{display:flex; justify-content:center; padding-top:70px;}
.about_group_gw{position: relative;font-weight: bold;width: 361px;line-height: 78px;text-align: center;font-size: 22px;margin: 0 15px;}
.about_group_gw a {display: block;color: #FFFFFF;line-height: 78px;border-radius: 40px;border: 2px solid #FFFFFF;overflow: hidden;box-sizing: border-box;}
.about_group_gw a:hover {color: #133670;opacity: 1;}
.about_group_link > p {border-radius: 39px;width:0%; height:81px; display:block; position:absolute; top:0; left:0; background-color:#FFFFFF; transition:all  0.3s ease;overflow: hidden;}
.about_group_link:hover > p {width: 100%;left:0;}
.about_group_link > img {position:absolute; top:0; left:300px;top: 28px;transition:all  0.3s ease;}
.about_group_link:hover > img {left:315px;content: url(../image/blue.svg);}
.c-btn01__txt{position:relative; z-index:1;}
.about_group_gw:nth-child(2) a{padding-right:20px;}
.about_history{width:1080px; margin:0 auto; padding:120px 0 0 60px;}
.about_history_title{color:#013580; font-size:35px; line-height:1.3; padding-left:10px;}
.about_history_dl{width:780px; padding-top:12px; display:flex; flex-wrap:wrap;}
.about_history_dl dd{width:105px; color:#013580; font-size:21px; font-weight:500; line-height:28px; padding:30px 0 30px 10px; border-bottom:#E5E5E5 1px solid; box-sizing:border-box;}
.about_history_dl dt{width:675px; font-size:17px; line-height:28px; padding:30px 0 30px 10px; border-bottom:#E5E5E5 1px solid; box-sizing:border-box;}

.products_classify_bg{padding:70px 0; background-color:#013580; display:flex; justify-content:center;}
.products_classify_bg .about_group_gw{margin: 0 25px;}
.products_classify_link > p {border-radius: 39px;width:0%; height:81px; display:block; position:absolute; top:0; left:0; background-color:#FFFFFF; transition:all  0.3s ease;overflow: hidden;}
.products_classify_link:hover > p {width: 100%;left:0;}
.products_classify_link > img {position:absolute; top:0; left:300px;top: 22px;transition:all  0.3s ease;}
.products_classify_link:hover > img {left:315px;content: url(../image/products_icon_blue.svg);}
.products_classify_bg .about_group_gw:nth-child(2) a{padding-right:0;}
.products_series_bg{background-color:#ECEFF6;}
.products_series{width:1200px; height:213px; margin:0 auto; display:flex; align-items:center;}
.products_series_title{width:370px; color:#013580; font-size:30px; line-height:1.3;}
.products_series_title img{margin-right:20px;}
.products_series_p{font-size:16px; line-height:25px;}
.products_handy_bg{padding:50px 0; border-top:#EDEDED 1px solid;}
.products_handy{width:1200px; margin:0 auto; display:flex; justify-content:space-between;}
.products_handy_con{width:615px;}
.products_handy_title{color:#013580; font-size:33px; line-height:1.3; letter-spacing:.1em; padding-top:10px;}
.products_handy_list{display:flex; flex-wrap:wrap;}
.products_handy_list li a{width:235px; padding:30px 0 3px 0; margin-right:68px; border-bottom:#4067A0 1px solid; display:flex; align-items:center;}
.products_handy_list li a .blue {margin-left: 0;transition:all  0.3s ease;}
.products_handy_list li a:hover .blue {margin-left: 10px;}
.products_handy_text{width:135px; font-size:17px; padding-left:15px;}


body#products_details{width:100%;min-width:100%;}
.products_details_box{display:flex; justify-content:space-between;padding:70px 46px 50px 46px;}
.products_details{width:50%;}
.products_details_title{font-size:20px; line-height:1.3; padding:0 0 5px 6px; border-bottom:1px solid #e6e6e6;}
.products_details_lr{padding:4px 0 4px 6px;}
.products_details_lr th{width:85px; color:#767676; font-size:14px; font-weight:normal; line-height:20px; padding:10px 0; text-align:left; text-align-last:justify;}
.products_details_lr td{color:#2b2b2b; font-size:14px; line-height:20px; padding:10px 0;}
.products_details_contact{position: relative;font-weight: bold;width: 264px;margin:0 auto;line-height: 56px;text-align: center;font-size: 17px;letter-spacing: .1em;}
.products_details_contact a {display: block;color: #133670;line-height: 56px;border-radius: 30px;border: 2px solid #133670;overflow: hidden;box-sizing: border-box;}
.products_details_contact a:hover {color: #fff;opacity: 1;}
.products_details_link > p {border-radius: 30px;width:0%; height:60px; display:block; position:absolute; top:0; left:0; z-index:-1; background-color:#133670; transition:all  0.3s ease;overflow: hidden;}
.products_details_link:hover > p {width: 100%;left:0;}
.products_details_link > img {position:absolute; top:0; left:225px;top: 20px;transition:all  0.3s ease;}
.products_details_link:hover > img {left:232px;content: url(../image/white.svg);}





.contact_us_title {font-size: 50px;text-align: center;color: #013580;margin-top: 44px;}
.contact_us_chtitle {margin-top: 27px;font-size: 18px;text-align: center;color: #333;font-weight: bold;}
.line_mt51 {margin-top: 51px;border-top:2px solid #d3d3d3;box-sizing: border-box;}
.contact_us_tb {width: 758px;margin: 70px auto 0 auto;}
.contact_us_tb tr th {font-size: 18px;color: #013581;vertical-align: top;text-align: left;padding:37px 0 0 13px;width: 104px;border-bottom: 2px solid #eaeaea;box-sizing: border-box;}
.contact_us_tb tr td {vertical-align: top;font-size: 17px;line-height: 20px;padding: 37px 0;border-bottom: 2px solid #eaeaea;box-sizing: border-box;}
.contact_us_title2 {font-size: 35px;margin-top: 129px;text-align: center;color: #013580;}
.contact_us_title2.mt66 {margin-top: 66px;}
.contact_us_title2.mt97 {margin-top: 97px;}
.contact_form {width: 715px;margin: 56px auto 0 auto;}
.contact_mark {font-size: 15px;}
.contact_mark_ins {font-size: 14px;background: #d60000;color: #fff;padding: 4px 12px;border-radius: 5px;vertical-align: top;}
.contact_q {font-size: 16px;margin-top: 31px;font-weight: bold;letter-spacing: 2px;}
.contact_q.mt56 {margin-top: 56px;}
.contact_q span {font-size: 14px;}
.contact_a {margin-top: 17px;}
.contact_a input {width: 100%;height: 45px;padding: 0 22px;letter-spacing: 2px;border: 1px solid #e0e0e0;box-sizing: border-box;}
.contact_a textarea {width: 100%;height: 238px;padding: 16px 22px;letter-spacing: 2px;border: 1px solid #e0e0e0;box-sizing: border-box;}
.contact_radio {margin-top: 17px;}
.contact_radio label {margin-right: 31px;font-size: 16px;line-height: 23px;}
.contact_radio label input[type="radio"] {
  width: 23px;
  height: 23px;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  cursor: pointer;
}
 

.contact_radio label input[type="radio"]:checked {
  background-color: #013581;
  border-color: #e0e0e0;
}

.contact_privacy {margin-top: 63px;text-align: center;font-size: 16px;color: #01357e;}
.contact_privacy a {color: #01357e;text-decoration: underline;letter-spacing: 1px;}
.contact_agreement {margin-top: 20px;color: #4c4c4c;text-align: center;line-height: 23px;}
.contact_agreement input[type="radio"] {
  width: 23px;
  height: 23px;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  cursor: pointer;
}
 

.contact_agreement input[type="radio"]:checked {
  background-color: #013581;
  border-color: #e0e0e0;
}
.contact_submit {position: relative;width: 361px;margin: 48px auto 0 auto;}
.contact_submit input {font-weight: bold;width: 100%;line-height: 78px;text-align: center;font-size: 22px;color: #133670;
    background: none;
    border-radius: 40px;
    border: 2px solid #133670;
    overflow: hidden;
    box-sizing: border-box;cursor: pointer;}

.contact_submit > p {
    border-radius: 39px;
    width: 0%;
    height: 81px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #133670;
    transition: all 0.3s ease;
    overflow: hidden;
}
.contact_submit:hover input {color: #fff;}
.contact_submit:hover > p {width: 100%;left:0;}
.contact_submit > img {
    position: absolute;
    top: 0;
    left: 300px;
    top: 28px;
    transition: all 0.3s ease;
}
.contact_submit:hover > img {
    left: 315px;
    content: url(../image/white.svg);
}
.w881 {width: 881px;margin: 0 auto;}
.privacy_des {width: 100%;min-width: 100%;font-size: 15px;line-height: 1.5;padding: 30px;box-sizing: border-box;}
.solution_img {margin-top: 65px;text-align: center;}
.solution_ul {margin-top: 21px;font-size: 15px;}
.solution_ul li {float: left;margin-left: 120px;line-height: 21px;letter-spacing: 1px;}
.solution_ul li:first-child {margin-left: 21px;}
.solution_p1 {font-size: 15px;line-height: 25px;margin-top: 35px;letter-spacing: 1px;}
.line.mt100 {margin-top: 100px;}
.solution_ul2 {width: 1118px;margin:54px auto 0 auto;}
.solution_ul2 li {position: relative;float: left;width: 538px;margin-left: 30px;margin-top: 33px;background: url(../image/bg.jpg) no-repeat -2px -4px;background-size: 118px auto;padding: 66px 37px 38px 37px;border: 6px solid #b0c6dd;box-sizing: border-box;}
.solution_ul2 li:nth-child(2n+1) {margin-left: 0;}
.solution_ul2 li .case {position: absolute;top: 25px;left: 9px;font-size: 19px;color: #fff;font-weight: bold;line-height: 23px;}
.solution_ul2 li .title {height: 42px;font-size: 18px;text-align: center;background: url(../image/bg2.jpg) no-repeat top center;background-size: 213px auto;color: #fff;padding-top: 10px;box-sizing: border-box;}
.solution_ul2 li .des {margin-top: 20px;font-weight: bold;font-size: 30px;line-height: 36px;text-align: center;}
.solution_ul2 li .des span {color: #003680;}
.solution_ul2 li .tb {font-size: 16px;margin-top:43px;}
.solution_ul2 li .tb tr th {vertical-align: top;width: 83px;padding: 16px 0;}
.solution_ul2 li .tb tr td {line-height: 20px;vertical-align: top;padding: 16px 0;color: #1f1f1f;}
.solution_ul2 li .img {margin-top: 50px;}
.news_dl {width: 960px;margin: 66px auto 0 auto;display: flex;justify-content: space-between;align-items: center;}
.news_con {display: flex;align-items: center;}
.big_time {display: block;font-size: 24px;color: #626971;}
.small_time {display: block;font-size: 14px;margin-top: 8px;color: #626971;}
.title_content {color: #333;font-size: 16px;}
.news_summary {
    color: #666;
    font-size: 14px;
    line-height: 26px;
    margin-top: 14px;
    white-space: normal;display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-break: break-word;
    word-wrap: break-word;-webkit-line-clamp: 1;}

.news_title {width: 500px;padding-left: 25px;margin-left: 25px;border-left: 1px solid hsla(0, 0%, 80%, .3);height: 50px;}
.news_line {width: 100%;margin: 25px 0;border-top:1px solid hsla(0,0%,60%,.15);box-sizing: border-box;}
.news_dl dd {text-align: right;}
.news_dl dd p {position: relative;}
.news_dl dd p span {display: inline-block;width: 100%;position: absolute;bottom: 0;left: 0;font-size: 13px;padding: 4px 0;background: rgba(0, 0, 0, .5);color: #fff;text-align: center;}
.news_dl dd p.mt10 {margin-top: 10px;}
.gallery5{width:355px;overflow: hidden;margin-top: 31px;}
.gallery5 .bd li{width:355px; padding:0;}
.gallery5 .bd li > img {width: 100%;height: auto;}
.gallery5 .hd{position:relative; margin-top:20px; zoom:1;}
.gallery5 .hd .tempWrap{margin-left:22px;}
.gallery5 .hd ul{overflow:hidden; zoom:1;}
.gallery5 .hd li{width:23.5%; height:auto;float: left;margin-left:2%; text-align:center; position:relative; overflow:hidden; cursor:pointer; padding:0;}
.gallery5 .hd li:nth-child(4n+1) {margin-left: 0;}
.gallery5 .hd li img{width:80px;}
.gallery5 .hd li.on{width:72px; height:53px; border:4px solid #d20180;overflow: hidden;}
.gallery5 .hd li.on img{position:relative; left:-3px; top:-3px;}

.thanks{width:100%; padding:100px 0 0 0; text-align:center;}
.thanks_h3{color:#000; font-size:34px; line-height:1.5;}
.thanks_p{color:#000; font-size:18px; padding-top:35px;}
.thanks .contact_submit input{background-color:#FFFFFF;}

.news_detail_con {max-width: 1100px;margin: 66px auto 0 auto;}
.news_detail_title {color: #333;font-size: 25px;font-weight: 400;}
.news_detail_p1 {font-size: 13px;color: #adadad;margin-top: 30px;}
.news_detail_p2 {font-size: 14px;color: #666;text-indent: 28px;line-height: 35px;margin-top: 25px;}
.news_detail_p3 {font-size: 14px;color: #666;line-height: 35px;margin-top: 25px;}
.news_detail_p3 a {margin-left: 30px;color: #666;}