<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

html{font-size:62.5%;}

body{margin:0px; font-size:12px; color:#91989f; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; cursor:default; }

*{padding:0px; margin:0px;}

body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei;}

h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal; color:#555;}

input,select,button{font-size:12px; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; border:0; background:none; outline:none; vertical-align:middle;}

button {overflow:visible}

img{border:none;}

li{list-style:none;}

a{color:#91989f; text-decoration:none;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;}

a:hover{color:#005caf;}

.clear{overflow:hidden; clear:both; height:0px;}

.fl{float:left;}

.fr{float:right;}



.con{width:1000px; margin:0 auto;}

.container { width:1000px; margin:0 auto}

.header{width:100%; position:relative; top:0; left:0; z-index:10;border-top: 10px solid #00457b;}

.header.on{box-shadow:0 0 10px #aaa; background:rgba(255,255,255,0.8)}

.header .container{position:relative;padding: 30px 0 15px;}

.header .container .yy {position: absolute;top: 0px;right: 0;}

.header .container .yy a.top-button {color: #fff;

background: linear-gradient(to bottom, #4C8CC4, #00457b);

line-height: 1;

padding: 10px 15px 10px 35px;

text-decoration: none;

border-bottom-left-radius: 5px;

border-bottom-right-radius: 5px;

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

font-weight: bold;position: relative;margin-left: 10px;}

.header .container .yy a.top-button::before {

  content: "";

  display: block;

  width: 16px;

  height: 16px;

  left: 10px;

  top: calc(50% - 8px);

  background-color: #fff;

  border-radius: 50%;

  position: absolute;

  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.66);

}

.header .container .yy a.top-button::after {

  content: "";

  display: block;

  width: 0;

  height: 0;

  left: 16px;

  top: calc(50% - 4px);

  border-style: solid;

  border-width: 4px 6px;

  border-color: rgba(0, 69, 123, 0) rgba(0, 69, 123, 0) rgba(0, 69, 123, 0) rgba(0, 69, 123, 1);

  position: absolute;

}

.header h1{margin-bottom: 5px;font-weight: normal;font-size: 13px;display: none;}

.header .logo{width:458px; float:left;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}



.header .logo img{width:100%; height:auto; display:block;}

.header .an{position:absolute; top:50%; right:15px; height:18px; width:30px; display:none;

transform:translate(0,-50%);

-webkit-transform:translate(0,-50%);

-moz-transform:translate(0,-50%);

-ms-transform:translate(0,-50%);

-o-transform:translate(0,-50%);}

.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .an span.a1{top:0; left:0;}

.header .an span.a2{top:8px; left:0;}

.header .an span.a3{top:16px; left:0;}

.header .an.n span.a2{display:none;}

.header .an.n span.a1{top:8px; width:30px;

transform:rotate(45deg);

-o-transform:rotate(45deg);

-ms-transform:rotate(45deg);

-moz-transform:rotate(45deg);

-webkit-transform:rotate(45deg);}

.header .an.n span.a3{top:8px; width:30px;

transform:rotate(135deg);

-o-transform:rotate(135deg);

-ms-transform:rotate(135deg);

-moz-transform:rotate(135deg);

-webkit-transform:rotate(135deg);}

.header .tel {float: right;margin-left: 10px;

font-size: 16px;

color: #111;

font-weight: bold;

letter-spacing:1px;font-family: Meiryo;}

.header .tel p{margin-bottom: 5px;margin-top: 5px;}

.header .ewm {float: right;margin-top: 0px;width: 75px;margin-left: 30px;position: absolute;right: -85px;top: 0;}

.header .ewm p{font-size: 12px;color: #333;text-align: center;}

.header .nav{width: 100%;background: url(../images/g_navi00.jpg);height: 50px;}

.header .nav ul {display: flex;justify-content: space-between;}

.header .nav i{font-size:12px; color:#aaa; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;

transform:translate(0,-50%);

-webkit-transform:translate(0,-50%);

-moz-transform:translate(0,-50%);

-ms-transform:translate(0,-50%);

-o-transform:translate(0,-50%);}

.header .nav ul li{line-height:50px; float:left; position:relative; background: url(../images/g_navi02_out.jpg) right center no-repeat;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;flex-grow: 1;text-align: center;}



.header .nav ul li a{display:block; font-size:16px; color:#333; text-transform:capitalize;position: relative;z-index: 1;}



.header .nav ul li span{width:0; height:100%; background:url(../images/g_navi01_over.jpg); position:absolute; left:50%; bottom:0;

transition:all .3s;

-o-transition:all .3s;

-ms-transition:all .3s;

-moz-transition:all .3s;

-webkit-transition:all .3s;

transform:translate(-50%,0);

-webkit-transform:translate(-50%,0);

-moz-transform:translate(-50%,0);

-ms-transform:translate(-50%,0);

-o-transform:translate(-50%,0);}

.header .nav ul li:hover span{width:100%;}

.header .nav ul li.on span{width:100%;}

.header .nav ul li:hover a {color: #fff}

.header .nav ul li.on a {color: #fff}



.nav .y_j{position:relative;}

.nav .e_j{width:100%; background-color:rgba(255,255,255,.95); position:absolute; top:50px; left:0;display:none; z-index:9999;}

/*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/

.header .nav ul li .e_j a{display:block; font-size:14px; color:#000; line-height:40px; border-bottom:1px solid rgba(0,0,0,0.5); text-align:center }

.nav .e_j .ejy { position:relative}

.nav .e_j .s_j {width:150px; background-color:rgba(255,255,255,.5); position:absolute; top:0px; left:150px; display:none; z-index:9999;}

.header .nav .e_j a:hover{background-color:#0d3566; color:#fff;}



@media (min-width:1024px){



.header .nav .e_j{display:none !important;}

.header .nav ul li:hover .e_j{display:block !important;}

.head_h { height: 68px; display: none}

}

@media (max-width:102px){

.header .nav ul li{margin:0 15px;}

.header .nav ul li a{font-size:15px;}

}

@media (max-width:1200px){

.header .nav ul li{margin:0 20px;}

.header .nav ul li a{font-size:16px;}

}

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

.head_h { height: 60px; display:block}

.header{border:0; height:60px; background:#333; width:100%}

.header .container{ padding:0; overflow:hidden; width:94%}

.header .logo{width:230px; margin:10px auto;}

.header.on .logo{width:220px; margin:10px auto;}

.header .an{display:block; right:10px;}

.header .an span { background-color:#999}

.header .nav ul { width: 100%;}

.header.on .nav {width:60%}

.header .nav{width:30%; padding:15px 5%; background-color:#000; height:100%; position:fixed; top:60px; right:-70%; z-index:9999; overflow:auto;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s; margin-top:0}

.header .nav.on{right:0;}

.header.on .nav ul li a { font-size: 16px;color: #fff;}

.header .nav i{display:block;}

.header .nav ul li{line-height:60px; text-align:left; border-bottom:1px solid #444; float:none; margin:0; padding:0}

.header .nav ul li::after { background: rgba(0,0,0,0);}

.header.on .nav ul li{line-height:60px;}

.header .nav .e_j { width: 100%; border-top: 1px solid #444; background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding-bottom: 10px;}

.header .nav ul li .e_j a { color:#aaa;}

.header .nav ul li .e_j a:hover { color:#fff}

.header .nav .e_j a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}

.header .nav .e_j a:hover{background:none;}

.header .nav ul li:hover .e_j{display:none;}

.header .nav ul li a{font-size:15px; color:#fff;}



.header .nav ul li:hover span{width:0;}

.header .nav ul li.on span{width:0;}

}

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

.header .container{ padding:0}

.header .logo{width:200px; margin:15px auto;}

.header.on .logo{width:200px; margin:15px auto;}

}





.gallery-top{width:100%; position:relative;}

.gallery-top .swiper-slide img{width:100%; display: block; }

.gallery-top .swiper-pagination{bottom:10px !important;}

.gallery-top .swiper-pagination-bullet {width:12px; height:12px;background: #fff; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}

.gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#123e7b}



.sy_about { padding:60px 0; overflow:hidden}

.tit { margin-bottom:50px; text-align:center;margin-top: 50px;}

.tit h1 { font-size:30px; color:#333; margin-bottom:15px; position:relative}

.tit h1::after { content: " ";position: absolute; left: 50%; bottom: -12px; width: 60px; margin-left: -30px;height: 0;border: 1px solid #00457b;}

.tit h3 { font-size:14px; color:#666; margin-top:25px;}



 .customers {

  padding: 20px 0 40px;

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

}

.customers h3 {font-size: 30px;color: #333;font-weight: bold;line-height: 2.5;}

.customers p {font-size: 16px;line-height: 2.5;color: #444;}

 .products {

  margin-bottom: 35px;

  padding: 25px 0 40px;

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

    background-size: auto;

	 background-size: cover;}

.products h2 {

  margin-bottom: 20px;

  font-size: 18px;

  color: #363636;

  font-weight: normal;

  text-align: center;

}

.products h2 span {

  font-size: 30px;

  color: #058;

  margin-right: 20px;

  vertical-align: -5px;

}

.products ul li {margin: 0 15px 25px 0;float: left;width: calc((100% - 60px) / 5 );position: relative;}

.products ul li:nth-child(5n){margin-right: 0;}

.products ul li img {width: 100%;display: block;}

.products ul li .tp{position: relative;margin-bottom: 10px;}

.products ul li .wz {position: absolute;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;font-weight: bold;background: rgba(21,69,135,0.8);bottom: 0;left: 0;}

.products ul li:hover img{opacity: 0.8;}

.products ul li p {font-size: 13px;color: #444;line-height: 1.6;height: 98px;overflow: hidden;}



.search {padding: 10px;

box-shadow: 0 0 5px #999;

box-sizing: border-box;

background-color: #eee;

margin-bottom: 20px;}

.search h3 {line-height: 1.5;font-size: 16px;color: #333;margin-bottom: 10px;}

.search h3 img {vertical-align: middle;padding-right: 5px;}

.search input[type="text"] {

  width: 81%;

  width: calc(100% - 180px);

  margin-right: 10px;

  padding-left: 10px;line-height: 26px;border: #333 1px solid;

}

.search input[type="submit"] {

  width: 14px;

  height: 28px;

  padding: 0 27px;line-height: 26px;

  width: 30px;

  padding: 3px 66px 0 30px;

  min-width: 13px;

  margin-top: 2px;

  cursor: pointer;

  border-color: #EEEEEE;

  background-color: #999999;

  background-image: none;

  filter: none;

  vertical-align: bottom;

}

.contactLinkBox {

  font-family: 'Noto Sans JP', sans-serif;

  font-weight: 700;

  text-align: center;

  background: linear-gradient(135deg, rgba(21,69,135,1) 0%, rgba(0,161,234,1) 100%);

  padding: 35px;

  box-shadow: 4px 4px 0 rgba(51, 51, 51, 0.2);box-sizing: border-box;

}

span.contactLinkSubText {

  color: #fff;

  display: block;

  font-size: 22px;

  line-height: 1;

}

span.contactLinkMainText {

  color: #fff;

  display: inline-block;

  font-weight: 900;

  position: relative;

  font-size: 28px;

  line-height: 1;

  margin: 30px 0;

}



span.contactLinkMainText::before,

span.contactLinkMainText::after {

  content: "";

  display: block;

  position: absolute;

  top: calc(50% - 13px);

  width: 26px;

  height: 26px;

  background-size: contain;

}

span.contactLinkMainText::before {

  background-image: url(../images/icon_contact_line_1.png);

  left: -43px;

}

span.contactLinkMainText::after {

  background-image: url(../images/icon_contact_line_2.png);

  right: -43px;

}



.contactWay {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content:center;

}

.contactTel {

  padding-right: 40px;

}

.contactTel a {

  color: #fff;

  font-size: 42px;

  line-height: 1;

  position: relative;

  letter-spacing: 0.06em;

}

.contactTel a::before {

  content: "";

  display:inline-block;

  background-image: url(../images/icon_contact_tel.png);

  background-size: contain;

  left: -43px;

  width: 30px;

  height: 30px;

  margin-right: 10px;

}



.contactForm {

  padding-left: 40px;

  padding-right: 40px;

  border-left: 1px dashed #fff;

}

.contactForm a {

  display: flex;

  position: relative;

  align-items: center;

  justify-content: center;

  text-align: center;

  background-color: #fff;

  width: 300px;

  height: 60px;

  border-radius: 30px;

  /* margin-left: 0; */

  box-shadow: 4px 4px 0 rgba(51, 51, 51, 0.2);

  letter-spacing: 0.02em;

}

.contactForm a .innerText::before {

  content: "";

  display:inline-block;

  background-size: contain;

  background-image: url(../images/icon_contact_mail.png);

  left: -43px;

  width: 21px;

  height: 18px;

  margin-right: 12px;

}



.contactForm a .innerText {

  color: #058;

  font-size: 16px;

  display: inline-block;

  text-align: center;

}

.contactForm a:hover {

  text-decoration: none;

  background-color:#63c9f8;

}



@media all and (min-width: 0px) and (max-width: 767px) {

  .contactLinkBox {

    padding: 35px 10px;

  }

  span.contactLinkSubText {

    line-height: 1.5;

  }

  span.contactLinkSubText .innerText {

    display: inline-block;

  }

  .contactTel {

    padding-right: 20px;

  }

  .contactForm {

    padding-left: 20px;

    padding-right: 0;

  }

  .contactTel a {

    font-size: 30px;

    letter-spacing: 0;

  }

  .contactForm a {

    width: 230px;

    height: 54px;

  }

  .contactForm a .innerText {

    font-size: 14px;

    letter-spacing: 0;

  }

}



@media all and (min-width: 0px) and (max-width: 560px) {

  span.contactLinkSubText {

    font-size: 18px;

  }

  span.contactLinkMainText {

    font-size: 24px;

  }



  span.contactLinkMainText::before,

  span.contactLinkMainText::after {

    top: calc(50% - 11px);

    width: 22px;

    height: 22px;

  }

  span.contactLinkMainText::before {

    left: -34px;

  }

  span.contactLinkMainText::after {

    right: -34px;

  }

  .contactWay {

    display: block;

  }

  .contactTel {

    padding-right: 0;

  }

  .contactForm {

    padding-left: 0;

    border-left: none;

  }

  .contactTel a {

    font-size: 32px;

  }

  .contactForm a {

    width: 80%;

    margin: 25px auto 0;

  }

}



.p3 {}

.p3 .left {width: 600px;float: left;}

.p3 .left .bt {line-height: 30px;margin-bottom: 15px;padding-left: 30px;font-family: Meiryo;font-weight: bold;background: url(../images/bg04.png) left center repeat-y;color: #fff;}

.p3 .left ul li {line-height: 22px;font-size: 14px;padding-bottom: 8px;margin-bottom: 10px;overflow: hidden;}

.p3 .left ul li span {float: left;width: 75px;text-align: center;color: #333;}

.p3 .left ul li span.notice {

  background-color: #00429B;color: #fff;font-size: 12px;margin-left: 10px;

}

.p3 .left ul li .dt{float: left;display: block;}

.p3 .left ul li .dd {float: right;width: 430px;}

.p3 .left ul li .dd a {font-size: 14px;color: #333;}

.p3 .right{width: 350px;float: right;}

.p3 .right ul li{padding-bottom: 10px;}

.p3 .right ul li img {width: 100%;display: block;}

.p3 .left ul li span.rt {

  vertical-align: middle;

  background-color: #38610D;margin-left: 10px;

  color: #fff;

}











/* start footer */

.footer_bg{padding: 15px 0;margin-top: 30px;

background-color: #e2e2e2;font-size: 14px;text-align: center;color: #555;line-height: 1.8;}

.footer_bg .dh {text-align: center;margin-bottom: 20px;}

.footer_bg .bq {}



.nban {width: 100%;position: relative;}

.nban img {width: 100%;display: block;}

.ntit {padding: 30px 0;text-align: center;}

.ntit ul li{display: inline-block;

padding: 12px 48px;

background: #a5a3a4;font-size: 14px;

margin: 0 10px;}

.ntit ul li a{color: #fff;}

.ntit ul li.on {background: #058}

.ntit ul li:hover {background: #058}

/*简介*/

.ny_gy {padding: 20px 0 40px;overflow: hidden;}

.ny_gy .left {width: 100%;}

.ny_gy .left img {width: 100%;display: block;margin-bottom: 30px;}

.ny_gy .right {width: 100%;font-size: 14px;color: #555;line-height: 1.8;margin-bottom: 20px;}

.ny_gy .right h3 {font-size: 24px;margin-bottom: 20px;color: #333;}

.ny_gy .right p {margin-bottom: 10px;}

/*荣誉资质*/

.ny_ryzz {padding: 20px 0 10px;width: 1200px;margin: 0 auto;}

.ny_ryzz ul li {width: 380px;margin: 0 30px 30px 0;float: left;box-sizing: border-box;}

.ny_ryzz ul li:nth-child(3n){margin-right: 0;}

.ny_ryzz ul li .tp {overflow: hidden;text-align: center;border: #ccc 1px solid;padding: 5px;}

.ny_ryzz ul li .tp img {margin: 0 auto;max-width: 100%;max-height: 220px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}

.ny_ryzz ul li:hover .tp img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }

.ny_ryzz ul li h3 {font-size: 14px;text-align: center;margin: 10px 0;}

/*新闻*/

.news02{overflow: hidden;}

.news02 .content{  display: block;width: 100%; padding: 30px 0; background-color: transparent;transition: all .3s;border-bottom: 1px solid #ddd;}

.news02 .content .main{position: relative;position: relative;}

.news02 .content .main .imgbox{width: 28%;overflow: hidden;}

.news02 .content .main .imgbox img{display: block;width: 100%;transition: all .6s;}

.news02 .content:hover .main .imgbox img{transform: scale(1.1);}

.news02 .content .main .textbox{position: absolute;top: 50%;right: 0%;transform: translateY(-50%);width: 67%;}

.news02 .content .main .textbox p{font-size: 16px;color: #666;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.news02 .content .main .textbox h3{font-size: 18px;color:#222;font-weight: bold;margin: 20px 0;}

.news02 .content .main .textbox span{font-size: 14px;color:#888;line-height: 100%;}

.news02 .content:hover .main .textbox h3{color: #4588c7;}

/*案例*/

.nyhy {}

.nyhy ul li{ float:left; width:30.3333%; margin:0 1.5% 30px; position:relative;}

.nyhy ul li .kj {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.02),0 15px 40px 0 rgba(0,0,0,.02);box-shadow: 0 10px 15px 0 rgba(0,0,0,.02),0 15px 40px 0 rgba(0,0,0,.02); }

.nyhy ul li:nth-child(3n) {margin-right: 0}

.nyhy ul li .tu { width:100%; position: relative;overflow:hidden}

.nyhy ul li img { width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}

.nyhy ul li:hover img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}

.nyhy ul li .mb { background:rgba(0,171,239,0.7); position:absolute; width:100%; height:100%; left:0; top:0;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;}

.nyhy ul li:hover .mb {-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;opacity: 1;-webkit-opacity:1;-moz-opacity:1;}

.nyhy ul li .wenz { padding:20px 10px 10px; background:#fff; width:100%; background:url(../images/jt.png) 350px center no-repeat}

.nyhy ul li:hover .wenz {background:url(../images/jts.png) 350px center no-repeat}

.nyhy ul li .wenz h3 { font-size:16px; margin-bottom:10px; color:#333;}

.nyhy ul li .wenz p { font-size:12px; color:#666; line-height:20px; width:50%; float:left }

.nyhy ul li:hover .wenz h3 { color:#e52027;-webkit-transition: all 0.4s linear -1ms;



-moz-transition: all 0.4s linear -1ms;



-ms-transition: all 0.4s linear -1ms;



-o-transition: all 0.4s linear -1ms;



transition: all 0.4s linear -1ms;}

.nyhy ul li:hover .kj {-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 40px 0 rgba(0,0,0,.16);box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 40px 0 rgba(0,0,0,.16);transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}



/*产品*/

.nleft {width: 230px;float: left;margin-top: 30px;}

.nleft .sBox {

    margin-bottom: 20px;

    padding: 20px 0 20px 10px;

    border-top: 1px solid #b2b2b2;

	border-bottom: 1px solid #b2b2b2;}

.nleft .title {

    margin-bottom: 20px;

    font-size: 16px;font-weight: bold;color: #333;

}

.sBox ul li a {

    padding-left: 13px;

    font-size: 14px;

    display: inline-block;color: #333;

    background: url(../images/icon03.png) no-repeat left 2.5px;

}

.sBox ul li {padding-bottom: 5px;}

.searchIpt {width: 230px;padding: 10px;box-sizing: border-box;background-color: #eee;margin-bottom: 10px;overflow: hidden;}



.searchIpt .search_txt {width: 142px;padding: 0 0 0 10px;line-height: 30px;background: #fff;color: #000;border: 0;height: 30px;float: left;}



.searchIpt .search_btn {width: 58px;background: #999999;border: 0;float: right;color: #333;height: 30px;cursor: pointer;}

.searchIpt h3 {line-height: 1.5;font-size: 16px;color: #333;margin-bottom: 10px;}

.searchIpt h3 img {vertical-align: middle;padding-right: 5px;}



.ltp {}

.ltp ul li {padding-bottom: 10px;}

.ltp ul li img {width: 100%;display: block;}

.headLine01 {

  margin-bottom: 27px;

  padding: 12px 40px 11px;

  font-weight: normal;

  letter-spacing: -1px;

  font-size: 25px;

  color: #fff;

  background: url(../images/headline_bg.jpg) repeat-y left top;

}

.headLine04 {

  margin-bottom: 10px;

  padding-left: 50px;

  font-size: 22px;

  background: url(../images/icon12.png) no-repeat left 4px;

}

.nright {width: 690px;float: right;margin-top: 30px;}



.photoList {

	margin: 0 -20px 18px 0;

}



.photoList li {

	margin: 0 17px 18px 0;position: relative;width: 336px;height: 100px;

	float: left;

}

.photoList li:nth-child(2n){margin-right: 0;}

 .photoList li .wz {

  position: absolute;

  width: 100%;

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 16px;

  color: #fff;

  font-weight: bold;

  background: rgba(21,69,135,0.8);

  bottom: 0;

  left: 0;

}

.photoList li img {width: 100%;display: block;object-fit: cover;height: 100%;}

.photoList li a:hover img {

	filter: alpha(opacity=70);

	opacity: 0.7;

}

.headLine05 {

  margin-bottom: 12px;

  padding: 1px 10px 1px 32px;

  font-size: 18px;color: #fff;

  background-size: 15px auto;line-height: 29px;

  background-position: 7px center;background: #0A3760 url(../images/icon09.gif) no-repeat 7px center / 16px;

}

 .productUl {

	margin: 0 -15px 27px 0;

}



.nright .productUl li {

	margin: 0 13px 12px 0;

	float: left;

	width: 338px;

}



.nright .productUl li a {

	text-decoration: none;

	overflow: hidden;

	width: 100%;

	display: block;

}



.nright .productUl li a .img {

	padding-right: 8px;

	float: left;

}



.nright .productUl li a .textSpan {

	width: 247px;

	font-size: 13px;

	color: #535355;

	display: table;

	padding: 2px;

	background-color: #fff;

	box-sizing: border-box;

	border: 1px solid #cfcfcf;

	height: 82px;

}



.nright .productUl li a .textSpan span {

	padding-left: 5px;

	display: table-cell;

	text-align: left;

	vertical-align: middle;

	background: url(../images/bg02.gif) repeat-y left bottom;

}



.nright .productUl li a:hover {

	filter: alpha(opacity=70);

	opacity: 0.7;

}



.nright .productUl:last-child {

	margin-bottom: 0;

}



@media all and (min-width: 0px) and (max-width: 767px) {

	.nright .photoList {

		margin: 0 0 20px;

	}

	.nright .photoList li {

		float: none;

		padding: 0 0 10px;

	}

	.nright .productUl {

		margin: 0 0 20px;

	}

	.nright .productUl li {

		float: none;

		width: auto;

		margin: 0 0 15px;

	}

	.nright.productUl li a .img {

		padding: 0;

		width: 27%;

	}

	.nright .productUl li a .textSpan {

		width: 71%;

		float: right;

		font-size: 13px;

		letter-spacing: 0 !important;

	}

	.nright .productUl .liStyle02 img {

		margin: 0;

	}

	.nright .productUl li a .textSpan span {

		background: none #f4f4f4;

	}

}

/*联系我们*/

.lxtop {display: flex;align-items: center;justify-content: space-between;}

.lxtop .dt {width: 460px;float: left;}

.lxtop .dt img { width: 100%;display: block;}

.lxtop .w_z {width: 480px;float: right;}

.lxtop .w_z ul li h3 {font-size: 20px;color: #333;font-weight: bold;margin-bottom: 15px;}

.lxtop .w_z ul li {display: flex;justify-content: space-between;align-items: center;padding-bottom: 15px;}

.lxtop .w_z ul li .tb {width: 42px;}

.lxtop .w_z ul li .nr {font-size:18px;color: #333;width: 420px;}



.lxly {margin: 0 auto;padding: 0px 0 60px;}

.lxly p { font-size:14px; line-height:1.8; margin-bottom:20px;color: #333;}

.lxly .wbk { margin-top:10px; text-align:center}

.lxly .wbk input.w_z{width:32%;height:40px;line-height: 40px;margin-right:2%;margin-bottom:25px;border: 1px solid #ccc;padding: 0 15px; float:left; font-size:14px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color:#888;	-moz-border-radius: 5px;

		-webkit-border-radius: 5px;

		border-radius: 5px;font-family:'Lato-Light'} 

.lxly .wbk input.w_z.no { margin-right:0}

.lxly .wbk textarea {width: 100%;height:120px; padding:0 15px; line-height:40px; color:#888; font-size:14px;border: 1px solid #ccc; outline: none;resize: none;margin-bottom: 50px;	-moz-border-radius: 5px;

-webkit-border-radius: 5px;border-radius: 5px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.lxly .wbk .a_n { width:300px; height:42px; margin:0 auto; line-height:42px; font-size:16px; color:#fff; text-align:center; background:#2755a2;}

/*服务*/

.fwwd{padding: 0 0 50px;width: 1200px;margin: 0 auto;}

.fwwd ul {display: flex;justify-content: space-between;}

.fwwd ul li {border: 1px solid #e5e5e5;border-radius: 6px;

overflow: hidden;

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

transition: border .2s;width: 280px;}

.fwwd ul li h3 {padding: 10px 20px;

background-color: #009ee7;

color: #fff;

transition: background-color .2s;font-size: 16px;line-height: 30px;}

.fwwd ul li:hover h3{background: #00457b;}

.fwwd ul li:hover{border: 1px solid #00457b}

.fwwd ul li .nr {padding: 10px 20px;

font-size: 14px;

line-height: 25px;

height: 116px;

overflow: hidden;color: #333;}

.down-box{padding-bottom: 50px;padding-top: 10px; background: #f6f6f6;}

.down-box ul {display: flex;justify-content: space-between;width: 1200px;margin: 0 auto;}

.down-box ul li {width: 100%;}

.down-box .icon-box {

  height: 50px;background: url(../images/g_navi01_over.jpg);

  background-repeat: no-repeat;

  background-position: center;

  position: relative;

  background-size: cover;

}

.down-box .icon-box .icon {

  position: absolute;

  left: 5%;

  top: 50%;

  width: 30px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  transform: translate(0,-50%);

}

.down-box .icon-box .icon img{width: 100%;display: block;}

.down-box .list {

  padding: 10px 40px 20px;

  border: 1px solid #e3e3e3;

  border-top: none;

  overflow: hidden;box-sizing: border-box;overflow-y:scroll;

  height: 350px;-ms-touch-action: pinch-zoom;

touch-action: pinch-zoom;

}

.mCustomScrollBox {

  position: relative;

  overflow: hidden;

  max-width: 100%;

  outline: 0;

  direction: ltr;

}

.mCSB_container {

  overflow: hidden;

  width: auto;

  height: auto;

}

.down-box .list a {

  padding: 15px 0 15px 30px;font-size: 16px;line-height: 30px;color: #666;background-repeat: no-repeat;background-position: left center;background-image: url('../images/down-btn.png');display: block;border-bottom: 1px solid #ededed;}



#conts .tapeBox p {

  margin-bottom: 16px;

  line-height: 2;

}

 .comTable {

  margin-bottom: 13px;

  width: 100%;

  border-collapse: collapse;

}

 .comTable td {

  padding: 10px 5px 9px 10px;

  font-size: 16px;

  color: #333;

  text-align: left;

  vertical-align: top;

  border-bottom: 1px solid #949494;

  border-top: 1px solid #949494;

}

 .comTable th {

  padding: 10px 5px 9px;

  font-size: 15px;

  color: #333;

  font-weight: normal;

  text-align: center;

  vertical-align: top;

  border-bottom: 1px solid #949494;

  border-top: 1px solid #949494;

  background-color: #E8EDF3;

  width: 11.5%;

}

.comLink02 {

  margin-bottom: 20px;

  width: 180px;

}

.comLink02 a {

  padding: 4px 5px 3px;

  display: block;

  font-size: 15px;

  color: #333;

  text-align: center;

  background: url(../images/bg01.gif) repeat-x left bottom #fff;

  border: 1px solid #E5E5E5;

}

.comLink02 a span {

  padding-left: 30px;

  display: inline-block;

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

}

.cpxq {}

.cpxq .photoBox {

  float: left;width: 350px;

}

.rBox {

  float: right;

  width: 320px;

}

.rBox .photo {

  margin-bottom: 11px;

}

.comLink01 a {

  padding: 5px 5px 3px;

  display: block;

  color: #333;

  text-align: center;

  letter-spacing: -0.5px;

  background-color: #D4E2EA;

  border: 1px solid #E8E8E8;

}

.comLink01 a span {

  padding-left: 28px;

  display: inline-block;

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

}

.cpxq p {

  margin-bottom: 16px;

  line-height: 2;font-size: 14px;color: #333;

}

.inner {

  margin-bottom: 10px;overflow: hidden;

}



































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

.pc_ban{height:19rem;} 

.container { width: 94%; margin: 0 auto;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}

.pc_ban .mb h1 { font-size: 30px;margin-bottom: 20px;margin-top: 18%;}

.sy_about { padding: 40px 0;}

.sy_about .nr .lb { width: 100%; margin: 0 auto;}

.xx3 { height:12rem}

.sy_td {padding: 40px 0;}

.sy_td ul li {width:46%; margin: 0 2% 30px;}

.sy_td ul li.last { margin-right:2%}

.sy_pro { padding: 40px 0;}

.sy_pro ul li .wenz { padding: 0 3%; width:100%}

.sy_pro ul li .tp { width:100%;}

.sy_pro ul li { width:94%; margin:0 auto}

.sy_sj .left {width: 80%; float: none;padding: 0; margin:0 auto}

.sy_sj {padding:40px 0 60px;}

.sy_sj .right { width:100%; padding:0;}

.sy_sp {padding: 40px 0;}

.sy_sp .left {width:100%; overflow:hidden;  margin-bottom:30px; clear:both; height:180px;}

.sy_sp .right {float: none; margin:0 auto;background: url(../images/gold.png) center center / cover no-repeat;}

.sy_pj {padding: 40px 0;}

.xx2 { width:100%; overflow:hidden}

.xx4sj {width: 100%;}

.xx4sj .bd { overflow:hidden}

.xx4sj .bd ul li .lk { width:84%;}

.xx4sj .bd ul li .tu {float: none; margin:20px auto 0}

.xx4sj .bd ul li .wz { width:100%;}

.xx4sj .bd ul li .wz h3 { margin:10px 0 6px; text-align:center}

.xx4sj .bd ul li .wz .zw { color:#999; font-size:12px; text-transform:uppercase; text-align:center}

.xx4sj .bd ul li .wz .line { height:1px; background:#ccc; margin:15px 0; clear:both}

.sy_wd { padding:40px 0;}

.sy_wd ul li { width:46%; margin:0 2% 25px;}

.sy_db { padding:40px 0;}

.sy_db ul { width: 94%;}

.sy_db ul li { width:100%;height: auto; margin: 20px auto 0;}

.sy_db ul li.zj { height: auto; margin: 20px auto 0;}

.index-contact { min-width:94%;  padding:25px 0 80px;}

.con {width:94%; margin: 0 auto;}

.index-contact .s { padding: 0 0px;}

.index-contact .btn { top:100%;margin-top:0; left:50%; margin-left:-100px; right:auto; z-index:9}

.index-contact .cover {background: rgba(0,0,0,0.3); z-index:0;}

.footer { width:94%; padding: 20px 0; z-index: 999;}

.footer .zuo3 ul li { width:33.3333%; overflow:hidden; margin-bottom:20px}

.footer .zuo3 ul li.lx { width:100%}

.footer .you3 .weixin {width: 100px; padding-top: 20px;float: none; margin:0 auto}

.footer_btm { margin: 20px auto 0;padding-top: 1%; width: 94%;}

.footer .you3 { width: 100%; float: right;}

.footer .zuo3 { width:100%;}

.nban {

    height:10rem;

    width: 100%;

}

.ncontent { padding:40px 0 0;}

.nycp {

    width: 94%;

    margin: 0 auto;

    padding: 30px 0;

}

.nycp p { margin-bottom: 30px;}

.nysp .left { width:100%;}

.nysp .right {

    width: 100%;}

  }



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

.pc_ban .mb { display:none}

.pc_ban .mb h1 { font-size: 2.5rem;margin-bottom: 1.5rem;margin-top: 18%;}

.tit {margin-bottom:30px;}

.tit h1 {font-size:2.5rem;}

.sy_td ul li { width:100%; margin: 0 0 20px;}

.sy_pro ul li .wenz .ico { width: 80px; margin:30px auto 20px;}

.sy_sp { padding:0px 0 40px;}

.sy_sp .right { width:100%; height:20rem;background: url(../images/gold.png) center center / 100% no-repeat;}

.sy_sp .right .dnk { width:76%;height: 15rem; position: absolute; left:12%; top:2.5rem;}

.sy_sp .right .dnk img { width: 100%; height:15rem;}

.sy_sp .left h3 { font-size: 2.2rem;margin-bottom:10px; margin-top:30px; text-align: center;}

.sy_sp .left { margin-bottom:10px; height: auto;}

.sy_sj .left {width:90%; float: none;padding: 0; margin:0 auto}

.sy_sj { padding: 10px 0 40px;}

.xx21 li{ display:inline-block; margin:0 10px; width:200px;}

.xx4sj .hd .prev { width: 30px; height: 30px; background: url(../images/jiantzs.png) left center / 100% no-repeat; top: 40%; margin-top: 0px;}

.xx4sj .next {width: 30px; height:30px;top: 40%;}

.xx4sj .bd ul li .wz { line-height:23px; margin-bottom:20px}

.xx4sj .bd ul li .tu { width:200px; height:200px}

.sy_wd ul li {width:100%;margin: 0 0 25px;}

.sy_db { padding:10px 0 40px; width:94%; margin:0 auto}

.sy_db ul li .xiao { font-size: 14px; line-height: 1.5; padding:15px;}

.sy_db ul li h2 { font-size:28px; padding: 10px; margin-bottom:15px;}

.index-contact h6 { font-size:28px; line-height: 40px;}

.index-contact p { line-height:30px; font-size: 18px; margin-bottom:10px}

.index-contact .btn {top: auto; margin-top: 0; bottom:-55px; height:36px;}

.index-contact .btn a { height: 36px;line-height: 36px;}

.footer .zuo3 ul li a {line-height: 22px; font-size: 12px;}

.footer .zuo3 ul li .line { margin-bottom:10px;  margin-top:1px;}

.footer_bg { padding:5px 0;}

.dzwz { line-height: 25px; width: 100%; margin-top:10px;}

.footer .you3 .weixin { padding-top:0px;}

.nycp {

    padding: 20px 0;

}

.nycp h3 { margin-bottom: 20px; margin-top: 30px;}

.nycp p {

    margin-bottom:20px; line-height:25px

}

.nysp {

    padding: 30px 0;}

}



</pre></body></html>