@charset "utf-8";
@font-face{ font-family:Impact; src:url(../font/impact.ttf);}
@font-face{ font-family:Roboto; src:url(../font/ROBOTO-REGULAR-14_0.TTF);}
@font-face{ font-family:BEBAS; src:url(../font/BEBAS_.TTF);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

/*==========================================公共 结束=============================================*/

header{ height:135px;}
header .logo{ line-height:135px;}
header .right{ line-height:135px;}
header .right .tel{ display:inline-block}
header .right .tel big{ font-size:24px; color:#3073cd; font-weight:bold}
header .right .tel img{ margin:-3px 8px 0 0}
header .right ul{display:inline-block;font-size:0;vertical-align: top;height: 135px;}
header .right ul li{ display:inline-block; margin-left:16px}

.tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index:9999999999;pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility: hidden;}
.tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;visibility: visible;}
.tc-box{
  width: 60rem; padding-top:40px;
  max-width:80%;
  margin:0 auto; margin-top:-80px;
  box-sizing:border-box;
  /* background:#fff; */
  display: block;
  position:relative;
  z-index:1;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  overflow:  hidden;
  }
.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
.close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}
/*弹窗内容样式*/
.tc-box form{position:relative;border-bottom:2px solid #eee;height:4.25rem;padding-right: 0;position:relative;}
.tc-box .tc_fdj{ position:absolute; left:20px; display:block; height: 4.25rem; line-height: 4.25rem;}
.tc-box .tc_fdj img{ width:1.3rem;}
.tc-box form label{text-align:left;display:block;position:absolute;bottom:0;height: 4.25rem;line-height: 4.25rem;font-size:1.6rem;color:#999;pointer-events:none;margin-left: 0;transition:.3s;}
.tc-box form label.act{ font-size:16px; bottom:3rem;line-height: 3rem; height:3rem;}
.tc-box #keyword{width: 80%;height:4.25rem;padding: 0;font-size:1.6rem;color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;border: navajowhite;}
.tc-box .btn_blue{width: 40px;height:4.25rem; border:0; line-height:4.25rem;background:url(../images/search.png) center center no-repeat;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;float:right;}
.tc-box .btn_blue.fr{ background:#e9edef; color:#4e4f53;}

.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999999;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;width: 200px;height: 250px;left:50%;margin-left: -100px;margin-top: -125px;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;padding: 0;}
.tc1 .tc.act{display: block;}
.tc1 .tc.act .tc-box{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width: 200px;height: 200px;}
.tc1 .tc-box h5{width: 100%;height: 50px;line-height: 50px;font-size:1rem;color:#fff;text-align:center;}



nav{ height:50px; background:#3073cd; position:relative; z-index:1}
.navBox { float: left;}
.nav li {float: left;text-align: center;position: relative;}
.nav a {display: block;position: relative;padding: 0 22px;font-size: 15px;height: 50px;line-height: 50px;perspective: 300px;transform-style: preserve-3d;}
.nav a .bg {background-color: #87aee2;position: absolute;left: 0px;bottom: 0px;width: 100%;display: block;height: 100%;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;-webkit-transform: rotateX(70deg);transform: rotateX(70deg);z-index: -1;transform-origin: center bottom 0;-webkit-transform-origin: center bottom 0;left: 0;opacity: 0;bottom: 0;visibility: hidden;}
.nav a .bg:before{content:"";position:absolute;bottom:3px;border-right: transparent 6px solid;border-left: transparent 6px solid;border-bottom: #f6542c 7px solid;left: 50%;margin-left: -6px;display: none;}
.nav a .txt {position: relative;z-index: 2;font-size: 16px;color: #ffffff;}
.nav .active a .bg,.nav .on a .bg { transform: none; opacity: 1; visibility: visible; }
.nav .active a .txt,.nav .on a .txt{}
.navBox .arrow { position: absolute; left: 0px; top: 95px; height: 4px; display: block; background-color: #e62129; }
.subNavbox a:active .txt, .subNavbox a:hover {color: #3073cd;}
.subNavbox {position: absolute;left: 35%;top: 115px;width: 170px;margin-left: -68px;background-color: #fcfcfc;box-shadow: 1px 2px 2px 0 rgba(88, 88, 88, 0.2);display: none;text-align: center;padding: 20px 0px 10px 0px;}
/*.nav li:nth-child(3) .subNavbox, .nav li:nth-child(5) .subNavbox{ width:240px; margin-left:-120px}*/
.subNavbox p {padding-bottom: 12px;line-height: 24px;}
.subNavbox p a {line-height: 28px;height: auto;padding: 0;font-size: 13px;display:  inline-block;color: #666;}
.subNavbox p a:before{content:"";position:absolute;bottom: -3px;height: 1px;background: #3073cd;right:0;width:0;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.subNavbox p a:hover:before{ left:0; width:100%}

header .right .tel{float:left;padding: 0;padding-right: 20px;margin-left: auto;position:relative;font-size: 16px;color: #494949;height: 135px;}
/*header .right .tel:before{ content:""; width:1px; height:15px; background:#c0c0c1; position:absolute; left:-30px; top:50%; margin-top:-7.5px;}*/
header .right .tel h5{font-size: 14px;color:#fff;margin-bottom: 3px;line-height:normal;}
header .right .tel h5 img{ margin-right:5px}
header .right .tel h3{font-size:22px;color:#fff;line-height:normal;font-family: DINOT;}

.bannerBox{position: relative;overflow: hidden;color: #fff;background-color: #f3f3f3;height:784px;width: 100%;}
.bannerBox .banner{/* visibility: hidden; */transition: visibility 300ms;-webkit-transition: visibility 300ms;height: 100%;}
.bannerBoxShow .banner{ visibility: visible;}
.banner a:link, .banner a:visited{ color: #fff;}
.banner a:active,.banner a:hover { color: #fff;}
.banner .pimg{display: block;width: 2000px;height: 784px;position: absolute;left: 50%;margin-left: -1000px;top: 0;}
.banner .item{position: relative;overflow: hidden;z-index: 10;height: 784px;}
.binbox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.binbox .vertical-inner{ padding: 0px 152px; transform: translateX(88px); -webkit-transform: translateX(88px); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; opacity: 0;}
.binbox .t{ font-weight: bold; font-size: 50px; line-height: 1.2;}
.binbox .bot{ width: 26px; height: 4px; background-color: #fff; margin: 12px 0px 18px 2px; display: block;}
.binbox .c{ font-size: 26px; line-height: 1.2; margin-bottom: 20px;}
.btn-more{ background-color: #fff; width: 102px; height: 36px; line-height: 36px; text-align: center; display: block; position: relative; z-index: 1;}
.btn-more .txt{ color: #626262;}
.btn-more:before{ content:""; width:100%; height:100%; z-index: -1; position:absolute; left:0; top:0; background-color:#E40D08; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1);  transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.btn-more:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.btn-more:hover .txt{ color: #fff;}
.banner .miso-dots{bottom: 80px;z-index: 1005;height: 6px;}
.banner .miso-dots li{position: relative;display: inline-block;padding: 0;width: 40px;height: 6px;margin: 0px;cursor: pointer;border-radius: 0;margin: 0 6px;background: #fff;transition: 0.6s ease;}
.banner .miso-dots li a{ height: 20px; width: 20px; line-height: 20px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer;  border-radius: 0%;  visibility: hidden; opacity: 0; transform: scale(0); -webkit: scale(0);}
.banner .miso-dots li a:focus{ outline: none; }
.banner .miso-dots li button {background: #5d76b8; width:0; height:6px; padding:0; margin:0; transition:0.6s ease}
.banner .miso-dots li.miso-active button { width:100%}
.banner .miso-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.banner .miso-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px);}
.banner .miso-active .pimg{/* visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);*/}
.miso-active .binbox .vertical-inner{ transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1; transition: 680ms 120ms; -webkit-transition: 780ms 120ms; }
.banner .item{ opacity:1 !important;}
@-webkit-keyframes slideIn { 0% {-webkit-transform:translateX(100%);opacity:1;} 100% {-webkit-transform:translateX(0);opacity:1;} } 
@keyframes slideIn { 0% {transform:translateX(100%);opacity:1;} 100% {transform:translateX(0);opacity:1;} } 
@-webkit-keyframes imgIn { 0% {-webkit-transform:-webkit-translateX(-85%);opacity:1;} 100% {-webkit-transform:-webkit-translateX(0);opacity:1;}}

@keyframes imgIn { 0% {transform:translateX(-85%);opacity:1;} 100% {transform:translateX(0);opacity:1;}}
.banner .miso-active.item {-webkit-animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); -moz-animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);}
.banner .miso-active .pimg { -webkit-animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); -moz-animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); } 

.bannerBox:before {position: absolute;z-index: 20;top: 0;left: -100%;content: "";width: calc((100% / 7.5) * 2);height: 100%;opacity: 0.8;background-color: #7a3363;-webkit-transform: skew(-45deg);transform: skew(-45deg);-webkit-transform-origin: left top;transform-origin: left top;/* mix-blend-mode: multiply; */transition: all 1.5s ease-in-out;}
.bannerBox:after {position: absolute;z-index: 20;bottom: 0;right: -100%;content: "";width: calc((100% / 7.5) * 2);height: 100%;opacity: 0.8;background-color: #7a3363;-webkit-transform: skew(-45deg);transform: skew(-45deg);-webkit-transform-origin: left bottom;transform-origin: left bottom;/* mix-blend-mode: multiply; */transition: all 1.5s ease-in-out;}

.start.bannerBox:before{ left: 0;}
.start.bannerBox:after{ right: 0;}

.banner .miso-prev, .banner .miso-next{ width:46px; height:46px; margin-top:-30px}

.banner .miso-prev{ background:url(../images/left.png) center no-repeat; left:2%; -webkit-animation: fadeInRight 2s infinite;-moz-animation: fadeInRight 2s infinite;-o-animation: fadeInRight 2s infinite;-ms-animation: fadeInRight 2s infinite;animation: fadeInRight 2s infinite;}
.banner .miso-next{ background:url(../images/right.png) center no-repeat; right:2%; -webkit-animation: fadeInLeft 2s infinite;-moz-animation: fadeInLeft 2s infinite;-o-animation: fadeInLeft 2s infinite;-ms-animation: fadeInLeft 2s infinite;animation: fadeInLeft 2s infinite;}
.banner .miso-prev:before, .banner .miso-next:before{ display:none}

/*==========================================首页 开始=============================================*/

.container01{ padding:60px 0}
.container01 .left{ width:220px; background:#4b97e7; padding:10px 10px}
.container01 .left .top{ padding:12px 16px}
.container01 .left .top h4{ font-size:21px; color:#FFFFFF; font-weight:bold}
.container01 .left .top h5{ text-transform:uppercase; font-size:15px; color:#b3caf8; padding:10px 0 0}

.container01 .left .bottom{ background:#6dabec; padding:20px 8px;}
ul.h_product{height: 600px;margin-bottom: 15px;overflow: hidden;}
ul.h_product>li{ margin-bottom:15px}
ul.h_product>li .a a{ display:block; height:34px; line-height:34px; background:#3073cd; padding:0 10px 0 18px; font-size:16px; color:#fff}
ul.h_product>li .ul{ display:none}
ul.h_product>li ul li a{ display:block; height:40px; line-height:40px; border-bottom:#7bb6f0 1px dashed; padding:0 10px 0 42px; position:relative; font-size:14px; color:#fff}
ul.h_product>li ul li a:before{ content:""; background:url(../images/dots01.png) left center no-repeat; position:absolute; left:18px; width:18px; height:100%}

.container01 .left .tel{ text-align:center}
.container01 .left .tel h5{ font-size:16px; color:#ffffff}
.container01 .left .tel h5 span{display:inline-block;vertical-align: bottom;line-height: 20px;margin-left: 8px;}
.container01 .left .tel h3{font-size:22px;color:#ffffff;font-weight:bold;margin: 8px 0 20px;}
.container01 .left .tel a{ font-size:16px; color:#ffffff; display:inline-block; width:148px; height:38px; line-height:38px; border-radius:3px; background:#478e43; transition:0.6s}

.container01 .right{ width:1016px;}
.container01 .right ul{ font-size:0; margin:0 -7px;}
.container01 .right ul li{ display:inline-block; width:33.3333333%; padding:0 7px;}
.container01 .right ul li .img, .container01 .right ul li .img img{ width:330px; height:234px; overflow:hidden; object-fit:cover; border-radius:3px;}
.container01 .right ul li h5{ line-height:50px; height:50px; font-size:16px; color:#555555; text-align:center; padding:0 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px}

.container02{ background:url(../images/container02_bg.jpg) center no-repeat; background-size:cover}
.container02 .left{ height:744px; width:50%}
.container02 .left .img{ position:relative}
.container02 .left .img a{ position:absolute; width:186px; height:54px; line-height:54px; border-radius:3px; background:#54a450; left:50%; bottom:-28px; transform:translateX(-50%); font-size:18px; color:#fff; font-weight:bold; transition:0.6s}
.container02 .left .img a img{ margin:0 8px 0 0}
.container02 .right{ height:744px; width:50%; padding:0 20px 0 90px}
.container02 .right ul{font-size:0;margin:0 -30px;margin-top: 40px;}
.container02 .right ul li{ display:inline-block; width:50%; padding:0 30px;}
.container02 .right ul li .img, .container02 .right ul li .img img{ width:235px; height:120px; overflow:hidden; object-fit:cover; position:relative; border-radius:6px;}
.container02 .right ul li .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:6px; border:#fff 3px solid}
.container02 .right ul li .con{text-align:left;padding:15px 0 0;margin-bottom: 20px;}
.container02 .right ul li .con h3{ font-size:20px; color:#fff; font-weight:bold; margin-bottom:8px}
.container02 .right ul li .con h3 img{ margin:-3px 10px 0 0}
.container02 .right ul li .con h5{font-size:15px;color:#fff;line-height:24px;overflow:hidden;text-overflow:ellipsis;width: 240px;}

.title00{}
.title00 h3{ font-size:36px; color:#555758; font-weight:bold}
.title00 h3 font{ color:#3073cd}
.title00 h6{ font-size:12px; color:#bfbfbf; text-transform:uppercase; padding:8px 0 24px; position:relative}
.title00 h6:before{ content:""; position:absolute; width:22px; height:6px; background:#3073cd; left:0; bottom:0}

.container03{ padding:70px 0 42px; background:url(../images/jianzhu.png) center bottom no-repeat}
.container03 .right_wz{ margin-bottom:30px}
.container03 .right_wz h4{ font-size:22px; line-height:37px; color:#555758; font-weight:bold; text-align:right}
.container03 .right_wz h4 font{ color:#3073cd; }
.container03 .right_wz h5{ font-size:22px; line-height:37px; color:#555758}
.container03 ul{ font-size:0; margin:0 -12px; margin-bottom:10px}
.container03 ul li{ display:inline-block; width:33.3333333%; padding:0 12px; margin-bottom:5px}
.container03 ul li a{ display:block}
.container03 ul li .img, .container03 ul li .img img{ width:410px; height:268px; overflow:hidden; object-fit:cover;}
.container03 ul li h5{ line-height:60px; height:60px; font-size:16px; color:#555555; text-align:center; padding:0 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px}
.container03 .more{ text-align:center}
.container03 .more a{ display:inline-block; width:150px; height:50px; line-height:50px; background:#3073cd; border-radius:2px; font-size:18px; color:#fff; transition:0.6s}

.container04{position:relative;height: 804px;padding:142px 0 0;}
.container04 .bg{height:478px;position:absolute;top:0;width:100%;background-size: cover !important;}
.container04 .content{padding: 80px 50px 0;background:#fff;}
.container04 .content .left{width: 475px;padding: 25px 0 0;}
.container04 .content .left h3{font-size:24px;color: #3073cd;font-weight:bold;}
.container04 .content .left h5{font-size:14px;color: #75706d;font-weight:bold;margin:8px 0 24px;}
.container04 .content .left p{font-size:14px;line-height:28px;color:#939393;height: 205px;overflow:hidden;margin-bottom:45px;}
.container04 .content .left .more00{text-align: left;}
.container04 .content .left .more00 a{display:inline-block;width: 210px;height:50px;line-height:50px;background:#3073cd;border-radius:2px;font-size: 15px;color:#fff;transition:0.6s;text-align: center;}
.container04 .content .right .img, .container04 .content .right .img img{width:665px;height: 395px;overflow:hidden;}
.container04 .content ul{font-size:0;text-align:center;margin: 0 -68px;margin-top:48px;}
.container04 .content ul li{display:inline-block;width:20%;position:relative;text-align: center;margin-right: 0;}
.container04 .content ul li a{display:inline-block;position:relative;padding: 0;}
.container04 .content ul li a h3{font-size: 40px;color: #3073cd;font-family:Roboto;margin-bottom: 6px;display: inline-block;}
.container04 .content ul li a h3 span{font-family: BEBAS;}
.container04 .content ul li a h3 small{font-size: 16px;color: #000000;vertical-align: baseline;margin-left: 6px;}
.container04 .content ul li a h5{font-size: 16px;color: #9a9a9a;padding: 0;}


.container11{ height:3px; position:relative}
.container11 .fl,.container11 .fr{ width:50%}
.container11 .fl img,.container11 .fr img{ height:3px; float:left; width:100%}
.container11 .img{ position:absolute; left:50%; margin-left:-7px; top:-7px; width:14px; height:14px;}
.container11 [aos=fade-left]{-webkit-transform:translate(600px,0);-ms-transform:translate(600px,0);transform:translate(600px,0)}
.container11 [aos=fade-right]{-webkit-transform:translate(-600px,0);-ms-transform:translate(-600px,0);transform:translate(-600px,0)}

.container05{padding: 60px 0 180px;position: relative;overflow: hidden;}
.container05 .w1200{ position:relative; z-index:10}
.container05 .title00{ text-align:center; margin-bottom:60px}
.container05 .title00 h6:before{ left:50%; margin-left:-11px}
.container05 .swiper-container{ margin:0 50px}
#banner_box {position: relative;width: 100%;margin:0px auto;}
#banner_box .swiper-button-prev,#banner_box .swiper-button-next{ width:46px; height:46px; margin-top:-70px}
#banner_box .swiper-button-prev{ background:url(../images/left01.png) center no-repeat; left:-60px;}
#banner_box .swiper-button-next{ background:url(../images/right01.png) center no-repeat; right:-60px;}
#banner_box .swiper-button-prev:hover{ background:url(../images/left01_on.png) center no-repeat; left:-60px;}
#banner_box .swiper-button-next:hover{ background:url(../images/right01_on.png) center no-repeat; right:-60px;}
#banner_box ul{margin: 0 auto;}
#banner_box ul li{ text-align:center; height:376px}
#banner_box ul li a{display: inline-block;width: 410px;height: 376px;border: #e5e5e5 1px solid;text-align: center;background: rgba(255, 255, 255, 0.8);padding: 40px 0;border-radius:3px;position:relative;left:50%;transform:translateX(-50%);}
#banner_box ul li a .img, #banner_box ul li a .img img{ max-width:348px; max-height:250px; overflow:hidden; display:inline-block}
#banner_box ul li a h5{ font-size:16px; color:#787878; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:40px}
#banner_box ul li.swiper-slide-active a{ background:#fff}

.container06{ background:#dfedff; padding:50px 0; text-align:center}
.container06 .title00 h6:before{ left:50%; margin-left:-11px}
.container06 .title00 p{ font-size:14px; color:#999; padding:18px 0 50px}
.container06 ul{ font-size:0}
.container06 ul li{ display:inline-block; width:16.666667%}
.container06 ul li a{ display:block}
.container06 ul li .icon{background:url(../images/container06_icon_bg.png) center no-repeat;width:120px;height:138px;line-height:138px;white-space:nowrap;overflow:hidden;display: inline-block; transition:0.6s}
.container06 ul li .icon .ic{ display:inline-block; width:120px; height:138px; transition:0.6s}
.container06 ul li .icon .ic img{ transition:1s}
.container06 ul li .icon .ic02 img{ opacity:0; transition:1s}
.container06 ul li h4{ font-size:22px; color:#757575; padding:20px 0 14px; font-family:Roboto;}
.container06 ul li h5{ font-size:17px; color:#333333}

.container07{ padding:75px 0 60px}
.container07 .fr.tit01 a{display:inline-block;width:150px;height:50px;line-height:50px;background:#3073cd;border-radius:2px;font-size:16px;color:#fff;transition:0.6s;text-align:center;margin-bottom:55px;margin-top: 15px;}
.container07 .left{width:635px;border-right:#e5e5e5 1px solid;height: 442px;}
.container07 .left .img, .container07 .left .img img{ width:585px; height:145px; overflow:hidden}
.container07 .left ul{ width:585px;}
.container07 .left ul li{ padding-bottom:50px; border-bottom:#e5e5e5 1px solid; padding-top:40px}
.container07 .left ul li .con{ width:442px; padding-right:48px; border-right:#e5e5e5 1px solid; height:72px;}
.container07 .left ul li h5{ font-size:18px; color:#656464; font-weight:bold; height:20px; line-height:20px; margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.container07 .left ul li p{ font-size:14px; line-height:20px; height:40px; color:#c1c1c1}
.container07 .left ul li:last-child{ padding-bottom:10px}
.container07 .left ul li .time{ font-size:18px; color:#878787; line-height:72px}
.container07 .left ul li:last-child{ border:none}

.container07 .right{ width:600px}
.container07 .right ul{ margin-top:-20px}
.container07 .right ul li{font-size: 16px;color: #000035;border-bottom: #bfbfbf 1px dashed;position: relative;}
.container07 .right ul li a{color:#404040;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.36s;position:relative;padding-left: 0;height: 53px;line-height: 53px;}
.container07 .right ul li a:before{content:"";position:absolute;top: 50%;left:0;width: 8px;height: 8px;transition:0.36s;background: #d2d4d5;border-radius: 50%;margin-top: -4px;}
.container07 .right ul li a font{display:inline-block;width: calc(100% - 84px);color: #656567;position:relative;padding-left: 26px;transition:0.36s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.container07 .right ul li a img{ display:inline-block}
.container07 .right ul li a span{float:right;font-size: 14px;color: #adadae;}
.container07 .right ul li:last-child{ border:none}

.container08{ padding:58px 0 115px; height:652px; background:url(../images/container08_bg.jpg) center bottom no-repeat}
.container08 .title00{ text-align:center;}
.container08 .title00 h6:before{ left:50%; margin-left:-11px}
.container08 .title00 p{ font-size:14px; color:#999; padding:18px 0 50px}
.container08 ul{ font-size:0; margin:0 -11px;}
.container08 ul .miso-list{ padding:15px; margin:-15px;}
.container08 ul li{ display:inline-block; width:20%; padding:15px 0; text-align:center;}
.container08 ul li a img{ display:inline-block; width:165px; height:165px; transition:0.6s; border-radius:50%}
.container08 ul .miso-prev, .container08 ul .miso-next{ width:46px; height:46px; transition:0.6s}
.container08 ul .miso-prev{ background:url(../images/left01.png) center no-repeat; left:-60px;}
.container08 ul .miso-next{ background:url(../images/right01.png) center no-repeat; right:-60px;}
.container08 ul .miso-prev:hover{ background:url(../images/left01_on.png) center no-repeat; left:-60px;}
.container08 ul .miso-next:hover{ background:url(../images/right01_on.png) center no-repeat; right:-60px;}

footer .fl01{padding: 50px 0 50px;background:#303032;overflow:hidden;}
footer .fl01 .left{min-width: 32%;}
footer .fl01 .left h3{height:54px;line-height: 46px;font-size:18px;color:#fff;border-bottom:#454547 1px solid;margin-bottom:20px;display: inline-block;}
footer .fl01 .left ul{float:right;margin-left: 35px;}
footer .fl01 .left ul li{display:inline-block;margin-left: 5px;}
footer .fl01 .left ul li a{ display:inline-block; width:36px; height:36px; line-height:32px; border:#424243 1px solid; border-radius:18px; text-align:center; cursor:pointer}
footer .fl01 .left ul li a img.img01{ display:none}
footer .fl01 .left .con h4{ line-height:24px; font-size:16px; color:#fff}
footer .fl01 .left .con h4 img{ margin:-3px 6px 0 0}
footer .fl01 .left .con h2{line-height:24px;font-size:24px;color: #3073cd;margin:10px 0 16px;}
footer .fl01 .left .con h2 span{margin-right: 20px;}
footer .fl01 .left p{ font-size:14px; line-height:24px; color:#bebebf}
footer .fl01 .left p img{ margin-left:6px; margin-top:-3px;}
footer .fl01 .right{ text-align:right; padding:1rem 0 0}
footer .fl01 .right .img{margin-left: 20px;}
footer .fl01 .right .img img{width: 125px;border-radius:4px;}
footer .fl01 .right .con{ padding:1rem 0 0}
footer .fl01 .right .con h3{ font-size:16px; color:#fff; margin-bottom:1.875rem;}
footer .fl01 .right .con h3 big{ font-size:24px; color:#ef7600; text-transform:uppercase; margin-right:4px}
footer .fl01 .right .con h4{ font-size:14px; color:#fff; margin-bottom:8px}
footer .fl01 .right .con h5{ font-size:14px; color:#999}
footer .fl01 .right .p, footer .fl01 .right .p{ display:inline-block; background:#2a2a2b; border:#3d3d3e 1px solid; font-size:12px; line-height:20px; color:#999; padding:6px 20px; margin-top:1rem}
footer .fl01 .right .p a{ color:#999;}

/*友情链接*/
.container10{background:#2a2a2b;padding: 15px 0; overflow:hidden}
.container10 .nav01{float:left;width: 100px;font-size: 16px;color: #fff;height: 33px;line-height: 33px;}
.container10 ul{float:left;width: calc(100% - 100px);height: 50px;overflow:hidden;}
.container10 ul li{float:left;line-height: 33px;padding: 0 25px 0 0;height: 33px;overflow: hidden;}

.container10 ul li a{color: #999;font-size: 14px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container10 ul li a:hover{color: #fff;}
.container10 .height{ height:auto;}





























.n_banner{ height:320px;}

.n_title{position:relative;height: 60px;line-height: 60px;}
.n_title h1{font-size: 18px;display:inline-block;color: #3073cd;}
.n_title h1 small{font-size:14px;color: #b4b4b6;text-transform: uppercase;margin-left: 10px;}
.n_title .w1200{position:relative;border-bottom: 1px solid #dad9de;}

/*==================分类导航=================*/

#n_sub_nav{ position:relative; display:inherit; text-align:center; margin-top:10px; margin-bottom:40px;}
#n_sub_nav a{ width:100px;  margin:0 5px; display:inline-block; height:30px; line-height:30px; border-radius:0px; background:#fff;   text-align:center; color:#fff; background:#68696b; font-size:14px;}  
#n_sub_nav a:hover{ background:#3d404c; }
#n_sub_nav a.on { background:#3d404c; }

.position{position:absolute;line-height: 60px;right:0px;top:0px;color: #838287;background:url(../images/icon_home.png) left center no-repeat;padding-left: 20px;}
.position span, .position a, .position i{font-size: 12px;color: #838287;margin: 0 0px;}
.position em{font-size:12px;color: #3073cd;font-style:normal;}
.position a:hover{color: #3073cd;}

.n_container{ padding:35px 0 60px}
.n_left{width: 240px;  position:relative}
.n_erji{ position:relative; margin-bottom:20px; padding-left:16px;}
.n_erji:before{ content:""; position:absolute; left:0; top:0; width:5px; bottom:10px; background:#f4f6f7}
.n_erji>ul{}
.n_erji>ul>li.li{position:relative;margin-bottom: 10px;}
.n_erji>ul>li.li:after{content:"";position:absolute;width:5px;height:0;top:0;background:#025db2;left: -15px; transition:0.6s}
.n_erji>ul>li.li.on01:after{content:"";position:absolute;width:5px;height:100%;top:0;background:#025db2;left: -15px;}
.n_erji>ul>li.li a{width: 94%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #555;position: relative;}
.n_erji>ul>li>.a{display:block;height: 50px;line-height: 50px;padding: 0 18px;font-size: 15px;color:#343434;border-bottom:none;position:relative;background: #f4f6f7;transition: 0.36s;}
.n_erji>ul>li>.a:before{ content:""; position:absolute; width:0; left:0; height:100%; transition:0.6s}
.n_erji>ul>li i{position:absolute;width: 22px;right: 10px;top:0;bottom:0;cursor:pointer;}
.n_erji>ul>li .ul{background: #f4f6f7;display: none;padding: 10px 18px;}
.n_erji>ul>li .ul>ul{overflow:hidden;padding: 0;}
.n_erji>ul>li .ul>ul li{padding: 5px 0;}
.n_erji>ul>li .ul>ul>li>a{font-size:14px;color: #555555;height: 50px;line-height: 50px;padding: 0 18px;position:relative;width: 100% !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: #fff;transition: 0.36s;}
.n_erji>ul>li .ul>ul>li>a:before{content:"";position:absolute;background:url(../images/jiantou01.png) center no-repeat;width:13px;height:12px;left: 1.25rem;top: 4px;opacity:0;visibility:hidden;transition:0.36s;}
.n_erji>ul>li .ul>ul>li>a:hover, .n_erji>ul>li .ul>ul>li.on>a{background:#4db858;color: #fff;}
.n_erji>ul>li.on>.a:before, .n_erji>ul>li:hover>.a:before{ width:100%; background:#3073cd}
.n_erji>ul>li.on>.a a, .n_erji>ul>li:hover>.a a{ color:#fff}
.n_erji>ul>li.on:after, .n_erji>ul>li:hover:after{ height:100%}
.n_erji>ul>li.on i{background:url(../images/more001.png) center no-repeat;}

.l_tuijian h3{ width:100%; height:50px; line-height:50px; background:#3073cd; padding:0 20px; font-size:16px; color:#fff}
.l_tuijian h3 img{ margin:-3px 12px 0 0}
.l_tuijian .box{ height:215px; border:#e5e5e5 1px solid; padding:20px 20px}
.l_tuijian ul li .img, .l_tuijian ul li .img img{ width:200px; height:136px; overflow:hidden; object-fit:cover; border-radius:3px;}
.l_tuijian ul li h5{ line-height:50px; height:50px; font-size:16px; color:#555555; text-align:center; padding:0 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px}
.l_tuijian ul .miso-prev, .l_tuijian ul .miso-next{width:19px;height:19px;top: -46px;left: auto;right: 0; transition:0.36s}
.l_tuijian ul .miso-prev{background:url(../images/left02.png) center no-repeat;left: 154px;}
.l_tuijian ul .miso-next{ background:url(../images/right02.png) center no-repeat}
.l_tuijian ul .miso-prev:hover{background:url(../images/left02_on.png) center no-repeat;}
.l_tuijian ul .miso-next:hover{ background:url(../images/right02_on.png) center no-repeat}


.n_about{ }

.n_right{width: 995px;  position:relative}

.n_product ul{ font-size:0; margin:0 -6px; margin-bottom:30px}
.n_product ul li{ display:inline-block; width:33.3333333%; padding:0 6px;}
.n_product ul li .img, .n_product ul li .img img{ width:322px; height:220px; overflow:hidden; object-fit:cover; border-radius:3px;}
.n_product ul li h5{ line-height:60px; height:60px; font-size:16px; color:#555555; text-align:center; padding:0 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px}

/*====翻页====*/
.j_pages{margin:0 auto 0 auto;text-align:right;}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;}
.j_pages a{padding: 0px 16px;height: 40px;line-height: 40px;display:inline-block;background:#f6f6f6;margin: 0 3px;color: #919191;font-size: 14px;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius: 0;}
.j_pages a font{ padding:0 10px}
.j_pages .on{background: #3073cd;color: #fff;}
.j_pages a:hover{background: #3073cd;color:#fff!important;}
.j_pages span{color:#919191; padding: 0px 16px;height: 40px;line-height: 40px;display:inline-block; font-size:14px;}
.j_pages input{color:#919191;padding: 0px 16px;height: 40px;line-height: 40px;display:inline-block;font-size:14px;background:#f6f6f6;border:none;cursor:pointer;border-radius: 0;transition: 0.6s;}
.j_pages input[type="text"]{ width:40px; padding:0; text-align:center}
.j_pages input[type="submit"]:hover{ background: #3073cd; color:#fff}

.n_product_detail .left{float:left;width: 490px;}
.n_product_detail .fl01{margin-bottom: 38px;}
.lwy .miso_bd{ margin-bottom:8px;}
.lwy .miso_bd li .img, .lwy .miso_bd li .img img{ width:490px; height:334px; overflow:hidden; border-radius:2px;}
.lwy .miso_bd .miso-prev, .lwy .miso_bd .miso-next{ width:25px;height:35px;z-index:1000;background-size:cover !important;}
.lwy .miso_bd .miso-prev{left: 0;background: url(../images/left04.png) center no-repeat;}
.lwy .miso_bd .miso-next{right: 0;background:url(../images/right04.png) center no-repeat;}

.lwy .miso_hd{ margin:0 -4px}
.lwy .miso_hd li{ display:inline-block; padding:0 4px;}
.lwy .miso_hd li .img, .lwy .miso_hd li .img img{ width:100%; height:108px; overflow:hidden; position:relative; border-radius:2px;}
.lwy .miso_hd li .img:after{ content:""; border:transparent 1px solid; top:0; right:0; bottom:0; left:0; position:absolute; border-radius:2px;; transition:0.36s}
.lwy .miso_hd li.miso-current .img:after{ border:#3073cd 1px solid;}


.n_product_detail .right{float:right;width: 465px;padding: 0;}
.n_product_detail .right .table{ text-align:left}
.n_product_detail .right h4{font-size:18px;color: #da251d;margin-bottom:22px;}
.n_product_detail .right h2{margin-bottom: 24px;position:relative;font-size: 20px;color: #333335;padding: 0 0 24px;font-weight: bold;position:relative;border-bottom: #e5e5e5 1px solid;}
.n_product_detail .right h2:before{content:"";position:absolute;left:0;bottom: -2px;width: 40px;height: 3px;background: #3073cd;}
.n_product_detail .right .ar_article{padding-right: 0;margin-bottom: 20px;overflow: hidden;overflow-y: scroll;height: 310px;}
.n_product_detail .right .ar_article p{font-size: 14px;color: #9a9a9a;line-height: 32px;margin-bottom: 0; text-align:justify; padding-right:25px;}
.n_product_detail .right .ar_article::-webkit-scrollbar {width:1px;height:1px; background:none}
.n_product_detail .right .ar_article::-webkit-scrollbar-track {border-radius:10px; background:none}
.n_product_detail .right .ar_article::-webkit-scrollbar-thumb {border-radius:10px; background:#3073cd}
.n_product_detail .right .more{ text-align:right}
.n_product_detail .right a{display:inline-block;width: 250px;height: 50px;line-height: 50px;text-align:center;border-radius: 2px;background: #f4f4f4;margin-right: 0;font-size: 24px;color: #3073cd;-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-weight: bold;vertical-align: top;}
.n_product_detail .right a.a1{background: #3073cd;font-size: 18px;font-weight:normal;width: 187px;float:left;color: #fff;}
.n_product_detail .right a img{ margin:-3px 8px 0 0}
.n_product_detail .right a:hover{background: #87aee2;}

.n_product_detail .fl02{overflow:hidden;background: #f4f4f4;}
.n_product_detail .fl02 h3{margin-bottom: 30px;border-bottom: #e9e9e9 1px solid;}
.n_product_detail .fl02 h3 span{display:inline-block;position:relative;font-size: 16px;color: #fff;width: 140px;height: 50px;background: #3073cd;text-align: center;line-height: 50px;}
.n_product_detail .fl02 h3 span:before{content:"";position:absolute;bottom:0;left: 0;width: 100%;height: 3px;background: #da251d;display: none;}
.n_product_detail .fl02 .ar_article{padding: 0 36px 40px 36px;}
.n_product_detail .fl02 .ar_article p{ font-size:14px; line-height:36px;}

.n_contact .left{padding: 0; position:relative}
.n_contact .left .ar_article{margin-bottom: 0;}
.n_contact .left .ar_article h3{font-size:24px;color: #3073cd;font-weight: bold;margin-bottom: 25px;position:relative;} 
.n_contact .left .ar_article h4{font-size:14px;font-weight:bold;color:#555555;position:relative;margin-bottom: 50px;line-height: 24px;text-transform: uppercase;display: inline-block;}
.n_contact .left .ar_article h4:before{content:"";width: 100%;height: 1px;background: #3073cd;position:absolute;left:0;top: 48px;}
.n_contact .left .ar_article p{font-size:14px;line-height: 30px;color: #999;margin-bottom: 20px;padding-left: 0;}
.n_contact .left .ar_article p:last-child{ margin-bottom:0}
.n_contact .fl01 .left ul{position:absolute;right:0;bottom: 0;height: 125px;}

.n_contact .fl01 .left ul li img{float:left;border-radius: 4px;}
.n_contact .fl01 .left ul li h6{float:left;line-height: 14px;color: #656565;padding-left: 0;text-transform:  capitalize;font-size: 14px;margin-top: 20px;width: 12px;margin-right: 12px;}
.n_contact .right{padding: 0;position:relative;}
.n_contact .right:before{content:"";position:absolute;right: -8px;top: -28px;background:url(../images/kuang.png) center no-repeat;width:150px;height:150px;}
.n_contact .left .ar_article dl{font-size:14px;color:#656565;line-height:30px;white-space: nowrap;padding: 0 0 0 34px;margin-bottom: 6px;}
.n_contact .left .ar_article dl dt,.n_contact .left .ar_article dl dd{ display:inline-block; white-space:normal}
#container01{ width:100%; height:525px; border:#e5e5e5 1px solid; margin-top:50px;}

.n_zizhi ul{ font-size:0; margin:0 -6px; margin-bottom:30px}
.n_zizhi ul li{ display:inline-block; width:33.3333333%; padding:0 6px;}
.n_zizhi ul li a{ display:block; cursor:pointer}
.n_zizhi ul li .img{ width:322px; height:220px; line-height:220px; overflow:hidden; object-fit:cover; border-radius:3px; border:#e5e5e5 1px solid; text-align:center}
.n_zizhi ul li .img img{ max-width:254px; max-height:188px; overflow:hidden; object-fit:cover; border-radius:3px; display:inline-block}
.n_zizhi ul li h5{ line-height:60px; height:60px; font-size:14px; color:#555555; text-align:center; padding:0 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px}

.n_news {margin: 0;}
.n_news .up{margin-bottom: 20px;padding: 0;background: #f4f4f4;}
.n_news .up .date_box{ position:absolute; top: 55px; left: 258px; width:65px; height:65px; background:url(../images/bg_titme.png) center no-repeat; text-align:center; color:#fff;}
.n_news .up .date_box span{ display:block; padding-top:13px;}
.n_news .up  li{ display:block;}
.n_news .up  li .fl{width: 246px;}
.n_news .up  li .img, .n_news .up  li .img img{width: 324px;height: 212px;overflow:hidden;object-fit: cover;}
.n_news .up  li .con{width: 655px;position:relative;height:150px;padding: 35px 20px;}
.n_news .up  li .con h1{font-size: 18px;color: #555555;display:block;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;font-weight: bold;padding-bottom: 18px; position:relative}
.n_news .up  li .con h1:before{ content:""; position:absolute; width:24px; height:3px; background:#3073cd; bottom:0}
.n_news .up  li .con font{font-size: 15px;color: #808080;}
.n_news .up  li .con span{font-size: 13px;color: #3073cd;}
.n_news .up  li .con p{line-height: 24px;color: #8c8c8c;font-size: 14px;height: 48px; overflow:hidden; margin:20px 0}

.n_news .un ul{margin-bottom: 45px;overflow: hidden;}
.n_news .un li{line-height:55px;height: 55px;display:block;position:relative;border-bottom:#c0c0c0 1px dashed;}
.n_news .un li i{ display:block; position:absolute; width:10px; height:70px; left:0; top:0; }
.n_news .un li a{font-size: 16px;color: #656567;transition: 0.6s;}
.n_news .un li a font{display:inline-block;width: 88%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;position:absolute;padding-left:42px; transition:0.6s}
.n_news .un li a font:before{content:"";position:absolute;width:8px;height:8px;background:#d2d4d5;border-radius:50%;left:17px;top: 50%;margin-top: -4px;}
.n_news .un li span{position:absolute;right:0;font-size: 14px;color: #adadae; padding-right:24px}
.n_news .un li.line{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #e9e8e8; }

#ar_fot{position:relative;float:left;box-sizing: border-box;width: 100%;line-height: 50px;border-top: #d0d1d2 1px solid;padding: 0;margin-top: 20px;}
#ar_fot h1{display:block;width: 50%;font-size: 15px;color: #6c6c6c;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;margin-top: -3px;padding: 10px 0 0;}
#ar_fot h1 a{font-size: 14px;color: #838484;font-weight:normal;}
#ar_fot h1 a:hover{color: #3073cd;}
/*#ar_fot h1:before{ content:""; position:absolute; right:0; top:0; width:0; height:3px; background:#66635f; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#ar_fot h1:hover:before{ width:100%; left:0}*/
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#3073cd; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}
#ar_fot a,#ar_fot span{}
#ar_fot .shart_box a{ line-height:36px;}
#ar_fot .fr{ text-align:right}

.n_news_detail .title{position:relative;margin-bottom: 28px;border-bottom: #c3c5c6 1px solid;padding-bottom: 12px;}
.n_news_detail .title h3{font-size: 20px;color: #555555;line-height: 36px;font-weight: bold;padding-bottom: 25px;position:relative;}
.n_news_detail .title h3:before{content:"";position:absolute;left:0;bottom: 8px;width:30px;height:4px;background:#3073cd;}
.n_news_detail .title h5{height: 42px;}
.n_news_detail .title h5 font{font-size: 14px;color: #888;line-height: 42px;margin-right: 25px;}


.bshare-custom{float:right;margin-top: 15px;}
.bshare-custom small{font-size:13px;color:#797979;margin-right:10px;vertical-align: middle;}
.bshare-custom a{ display:inline-block !important; width:auto !important}
.bsBox,.bFind-wrapper-top{box-sizing: content-box; }

.n_news_detail{padding: 35px 35px 15px;background:#f4f4f4;}


.n_case ul{ font-size:0; margin:0 -10px; margin-bottom:30px}
.n_case ul li{ display:inline-block; width:33.3333333%; padding:0 10px; margin-bottom:20px}
.n_case ul li .img, .n_case ul li .img img{width: 318px;height: 206px;overflow:hidden;object-fit:cover;border-radius:0;}
.n_case ul li h5{line-height: 50px;height: 50px;font-size:16px;color:#555555;text-align:center;padding:0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background: #f4f4f4; transition:0.6s}

.n_zhaopin .slider-nav{margin-left: -18px;margin-right: -18px;margin-bottom: 40px;}
.n_zhaopin .slider-nav .miso-list{padding: 0;}
.n_zhaopin .slider-nav .miso-slide{padding: 0 18px;}
.n_zhaopin .slider-nav .miso-slide .miso{padding: 50px 0 22px;text-align:center;position:relative;border-radius: 4px;height: 290px;border: #e5e5e5 1px solid;}
.n_zhaopin .slider-nav .miso-slide .miso:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:transparent 2px solid; border-radius:3px}
.n_zhaopin .slider-nav .miso-slide .con{text-align:center;width:100%;margin-bottom:24px;display: none;}
.n_zhaopin .slider-nav .miso-slide .con img.img02,.n_zhaopin .slider-nav .miso-slide.miso-current .con img.img01{ display:none}
.n_zhaopin .slider-nav .miso-slide.miso-current .con img.img02{ display:inline-block}
.n_zhaopin .slider-nav .miso-slide .miso img{ display:inline-block;}
.n_zhaopin .slider-nav .miso-slide .miso .icon{fill:#9b9b9c;margin-bottom: 30px;}
.n_zhaopin .slider-nav .miso-slide .miso h4{font-size: 16px;color: #4c4c4c;padding: 30px 10px 10px;}
.n_zhaopin .slider-nav .miso-slide .miso h5{font-size: 14px;color: #898989;margin-bottom: 20px;text-transform: capitalize;}
.n_zhaopin .slider-nav .miso-slide .icon{display:inline-block;width:88px;height:88px;border-radius:50%;border: rgba(255, 255, 255, 0.3) 1px solid;line-height:86px;}
.n_zhaopin .slider-nav .miso-slide .miso h6{ height:2px; position:relative;}
.n_zhaopin .slider-nav .miso-slide .miso h6:before{content:"";position:absolute;width: 14px;height: 2px;top:0;left:50%;margin-left: -7px;background: #3073cd;}
.n_zhaopin .miso-prev,.n_zhaopin .miso-next{width:59px;height:59px;background-size:100% 100%;z-index:1000;margin-top: -15px; transition:0.6s}
.n_zhaopin .miso-prev{left:0;background:url(../images/left04.png) center no-repeat;}
.n_zhaopin .miso-next{right:0;background:url(../images/right04.png) center no-repeat;}
.n_zhaopin .slider-for .miso-slide .ar_article{padding: 34px 32px;background: #f4f4f4;text-align:center;margin-bottom: 0;border-radius: 3px;}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll{height: 420px;overflow-y:scroll;margin-right: -10px;padding: 0 30px 0 0;text-align:  left;}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar {width:2px;height:2px; background:#bdbebe}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar-track {border-radius:10px; background:#bdbebe}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar-thumb { border-radius:10px; background:#3073cd}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso:before{border: #3073cd 2px solid;}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso img{display: inline-block;}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso .icon{ fill:#fff;}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso h4{}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso h5{}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso h6:before{}

@-webkit-keyframes move-forever2 {
0% {
-webkit-transform: translate(-270px, 0%);
transform: translate(-270px, 0%); }
50% {
-webkit-transform: translate(0, 0px);
transform: translate(0, 0px); } 
100%{
-webkit-transform: translate(-270px, 0%);
transform: translate(-270px, 0%);
}
}
@keyframes move-forever2 {
0% {
-webkit-transform: translate(-270px, 0%);
transform: translate(-270px, 0%); }
50% {
-webkit-transform: translate(0, 0px);
transform: translate(0, 0px); } 
100%{
-webkit-transform: translate(-270px, 0%);
transform: translate(-270px, 0%);
}
}
.foot-bottom__cont{bottom: -100px;position:absolute;z-index: 0;}
.fs-svg{
position: absolute;
left: 0;
bottom: 0;
-webkit-animation: move-forever2 8s linear infinite;
animation: move-forever2 8s linear infinite;
z-index:1;
}
.fsb-svg{
pointer-events: none;
z-index: 100;
}

/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/



/*==========================================内页 结束=============================================*/

/*aos="zoom-in" aos-duration="1200"*/
@media(min-width: 768px){
	.container02 .right ul li a:hover .img img{ transform:scale(1.05)}
	.container01 .left .tel a:hover, .container02 .left .img a:hover{ background:#3073cd}
	.container03 .more a:hover, .container07 .fr.tit01 a:hover{ background:#54a450}
	
	.container06 ul li a:hover .icon{ background:url(../images/container06_icon_bg_on.png) center no-repeat;}
	.container06 ul li a:hover .icon .ic{ transform:translateX(-100%)}
	.container06 ul li a:hover .icon .ic02 img{ opacity:1;}
	.container06 ul li a:hover .icon .ic01 img{ opacity:0;}
	
	.container07 .left ul li a:hover h5{ color:#3073cd}
	
	.container07 .right ul li a:hover font{ color:#3073cd; padding-left:30px}
	footer .fl01 .right .p a:hover{ color:#fff}
	
	footer .fl01 .left ul li a:hover img.img01{ display:inline-block}
	footer .fl01 .left ul li a:hover img.img02{ display:none}
	
	.n_news .up  li a:hover .con span{ color:#54a450}
	
	.n_news .un li a:hover font{ color:#3073cd; padding-left:46px}
	
	.n_case ul li a:hover h5{ background:#3073cd; color:#fff}
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1830px){
	.w1800{ padding:0 15px}
}

@media(max-width: 1630px){
	.w1600{ padding:0 15px}
}

@media(max-width: 1400px){
}

@media(max-width: 1330px){
}

@media(max-width: 1200px){
	
}

@media(max-width: 1060px){
	
}

@media(max-width: 992px){
	
}

@media(max-width: 768px){
	#gotop{ right:0; transform:scale(0.7)}
}


@media(max-width: 456px){
	

}