@charset "utf-8";
@font-face{ font-family:Impact; src:url(../font/impact.ttf);}
@font-face{ font-family:PingFang; src:url(../font/PingFang Regular.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: 100px;z-index: 100;width: 100%;position: relative;top: 20px;}
header:before{ content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:rgba(255,255,255,0.3); transition:3s}
header.on:before{ width:100%}
header .box{padding: 0 0 0 3%;}
header .logo{height: 100px;line-height: 100px;}

header .right{ position:relative}
header .right .tel{position:absolute;right: 0;margin-right: 0;top:0;line-height: 20px;height: 20px;background: url(../images/tel01.png) left 4px no-repeat;padding-left: 22px;}
header .right .tel small{font-size:12px;color:#fff;vertical-align: bottom;margin: 0 4px 0 0;display: inline-block;}
header .right .tel big{font-size: 20px;color:#fff;font-family:Impact;vertical-align: bottom;display: inline-block;}

#nav{position:relative;z-index:1;font-size: 0;}
.navBox { float: left;}
.nav li {float: left;width: 100px;text-align: center;height: 100px;position: relative;}
.nav a {display: block;position: relative;padding: 0;font-size: 16px;height: 100px;line-height: 100px;perspective: 300px;transform-style: preserve-3d;}
.nav a .bg {background:url(../images/nav_bg.jpg) center no-repeat; position: absolute;left: 0px;bottom: 0px;width: 100%;display: block;height: 100%;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;-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 .txt img{ margin:-4px 10px 0 0;}
.nav a .txt {position: relative;z-index: 2;font-size: 16px;color: #fff;font-weight:  bold;}
.nav .active a .bg,.nav .on a .bg { transform: none; opacity: 1; visibility: visible; }

.nav a .txt:before{content:"";top: -13px;left:0;width:0;height:2px;background:#fff;transition:0.6s;position: absolute;}
.navBox .arrow { position: absolute; left: 0px; top: 75px; height: 4px; display: block; background-color: #fff; }
.subNavbox a:link, .subNavbox a:visited {color: #5b5b5b;}
.subNavbox a:active, .subNavbox a:hover {color: #fff;background: #da251c;}
.subNavbox {position: absolute;left: 0px;top:130px;width: 100%;background-color: #fcfcfc;box-shadow: 1px 2px 2px 0 rgba(88, 88, 88, 0.2);display: none;text-align: center;padding: 0;border-top: #da251c 3px solid;}
.subNavbox p {line-height: 1.2;}
.subNavbox p a {line-height: 24px;height: auto;padding: 8px 5px;font-size: 14px;transition: 0.6s;}

.header .nav a .bg{ display:none}


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


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

.bannerBox{position: relative;overflow: hidden;color: #fff;background-color: #f3f3f3;height: 780px;width: 100%;top: -100px;margin-bottom: -100px;}
.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: 780px;position: absolute;left: 50%;margin-left: -1000px;top: 0;}
.banner .item{position: relative;overflow: hidden;z-index: 10;height: 780px;}
.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:32px; height:60px; 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;}

.container02{padding: 0;position: absolute;bottom: 0;z-index: 10;width: 100%; }
.container02.target .w1200{-webkit-transform-origin: center bottom 0;-ms-transform-origin: center bottom 0;transform-origin: center bottom 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;transition: transform 0.9s ease 0s;-webkit-transition: transform 0.9s ease 0s;-ms-transition: transform 0.9s ease 0s; -webkit-transform: perspective(600px) rotateX(90deg); -ms-transform: perspective(600px) rotateX(90deg); transform: perspective(600px) rotateX(90deg);}
.container02.target.action .w1200{-webkit-transform: perspective(600px) rotateX(0);-ms-transform: perspective(600px) rotateX(0);transform: perspective(600px) rotateX(0);transition: visibility 0.9s steps(1, end) 0s, transform 0.9s ease 0s;-webkit-transition: visibility 0.9s steps(1, end) 0s, transform 0.9s ease 0s;-ms-transition: visibility 0.9s steps(1, end) 0s, transform 0.9s ease 0s;transition-delay: 0.6s;}

.container02 .w1200{height: 60px;overflow:hidden;background:url(../images/hei60.png);}
.container02 .title{float:left;width: 140px;height: 60px;line-height: 60px;font-size: 16px;color: #fff;text-align: center;background: #0059b5;}
.container02 .title img{ margin-right: 12px; margin-top: -3px;}
.container02 ul{float: right;width: 1054px;height: 25px;line-height: 25px;margin: 16.5px 0;overflow:hidden;}
.container02 ul li{float:left;height: 40px;display:inline-block !important;padding-right: 120px;}
.container02 ul li .miso{float:left;width: 100%;padding: 0 10px;}
.container02 ul li .miso span{float:left;font-size: 14px;color: #9f9f9f;margin-right:5px;}
.container02 ul li .miso a{float:left;display:inline-block;width: 100%;font-size: 14px;color: #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-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;padding-left:18px;}
.container02 ul li .miso a:hover{ color:#4c9aee;}
.container02 ul li .miso small{ float:right; font-size:12px; color:#5c5c5c;}
.container02 ul li .miso i{float:right;font-size:12px;color: #535353;font-style:normal;font-family: "Microsoft Yahei";}
.container02 ul .miso-prev, .container02 ul .miso-next{ width:8px; height:15px; left:auto; right:20px; margin-top:-7.5px}
.container02 ul .miso-prev{ background:url(../images/left01.png) center no-repeat; right:46px;}
.container02 ul .miso-next{ background:url(../images/right01.png) center no-repeat}

.container00 .title{ text-align:center}
.container00 .title h3{ font-size:40px; color:#00477f; margin-bottom:26px;}
.container00 .title h6{ font-size:20px; color:#d2d2d2; text-transform:uppercase; letter-spacing:2px; position:relative}
.container00 .title h6 span{ position:relative}
.container00 .title h6 span:before{ content:""; position:absolute; background:#d2d2d2; width:100px; height:1px; left:-118px; top:50%}
.container00 .title h6 span:after{ content:""; position:absolute; background:#d2d2d2; width:100px; height:1px; right:-118px; top:50%}

.container03{padding: 80px 0 0;}
.container03 .title{ margin-bottom:10px}
.container03 .fangzi{ height:94px; overflow:hidden; text-align:center}

.content_box{ background:url(../images/content_box_bg.jpg) center no-repeat; background-attachment:fixed; height:600px; position:relative}
.content_box .bg_ul{ position:absolute; top:0; right:0; bottom:0; left:0}
.content_box .bg_ul .miso-slide{ height:600px;}
.content_box:before{content:"";position:absolute;left:0;width:50%;height:100%;background:url(../images/hei50.png);z-index: 10;}
.content_box_li{height:100%;position: relative;z-index: 11;}
.content_box_li ul.miso_hd{ width:54%}
.content_box_li ul.miso_hd li a{display:block;height:120px;width:100%;position:relative;}
.content_box_li ul.miso_hd li a:before{content:"";position: absolute;left: 0px;top: 0px;width: 0%;height: 100%;background: rgba(0, 71, 127, 0.8);transition: 0.6s ease;-webkit-transition: 0.6s ease;}
.content_box_li ul.miso_hd li a .ico {width: 150px;height: 120px;position: absolute;left: 50%;margin-left: -240px;top: 0px;padding: 0;}
.content_box_li ul.miso_hd li a .ico .bg {position: absolute;width: 100%;height: 100%;background-color: #00477f;left: 0px;top: 0px;transform: scale(0.5) rotate(0);-webkit-transform: scale(0.5) rotate(0);-moz-transform: scale(0.5) rotate(0);opacity: 0;transition: 600ms;-webkit-transition: 600ms;}
.content_box_li ul.miso_hd li a .ico .i {background: url(../images/ico.png);width: 150px;height: 120px;margin: 0px auto;position: relative;display: block;z-index: 5;}
.content_box_li ul.miso_hd li a .txt {width: 335px;height: 120px;position: absolute;left: 50%;margin-left: -10px;top: 0px;padding: 0;font-size:20px;color:#fff;}
.content_box_li ul.miso_hd li a .txt .table{ text-align:left}
.content_box_li ul.miso_hd li a .txt .table span.zh{ margin-right:35px;}
.content_box_li ul.miso_hd li a .txt .table span.en{ font-size:14px; text-transform:uppercase; line-height:20px;}
.content_box_li ul.miso_hd li a .line_box{position:absolute;width:40px;height:40px;right: 55px;top:50%;margin-top:-20px;}
.content_box_li ul.miso_hd li a .line { display: block; background: #fff; position: absolute; transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; }
.content_box_li ul.miso_hd li a .line_1 {width: 40px;height: 1px;top: 50%;right: 0;margin-top: -1px;transform: translateX(30px);-webkit-transform: translateX(30px);}
.content_box_li ul.miso_hd li a .line_2 {width: 1px;height: 40px;top: 50%;margin-top: -20px;right: 20px;transform: translateY(30px);-webkit-transform: translateY(30px);}


.content_box_li ul.miso_hd li.miso-current a:before{ width:100%}
.content_box_li ul.miso_hd li.miso-current a .ico .bg { transform: scale(1) rotate(180deg); -webkit-transform: scale(1) rotate(180deg); -moz-transform: scale(1) rotate(180deg); opacity: 1; }
.content_box_li ul.miso_hd li.miso-current a .line { transform: translate(0); -webkit-transform: translate(0); visibility: visible; opacity: 1; transition: 300ms ease-in 600ms; -webkit-transition: 300ms ease-in 600ms; }

.content_box_li ul.miso_bd{ width:450px; height:300px; position:absolute; right:50%; margin-right:-600px; top:50%; margin-top:-150px;}
.content_box_li ul.miso_bd li{ width:450px; height:300px; background:url(../images/hei60.png); padding:30px 40px; text-align:left}
.content_box_li ul.miso_bd li .title_con{height:82px;border-bottom:#748b8c 1px solid;margin-bottom: 22px;}
.content_box_li ul.miso_bd li .title_con h3{ font-size:24px; color:#fff; margin-bottom:14px;}
.content_box_li ul.miso_bd li .title_con h5{ font-size:14px; color:#fff; text-transform:uppercase}
.content_box_li ul.miso_bd li .con{overflow:hidden;}
.content_box_li ul.miso_bd li .con {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
.content_box_li ul.miso_bd li .con::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;}
.content_box_li ul.miso_bd li .con::-webkit-scrollbar-track{border-radius:0;background-color:transparent;}

.content_box_li ul.miso_bd li .con::-webkit-scrollbar-thumb{border-radius:0;width:3px;height:3px;background-color:#333;}
.content_box_li ul.miso_bd li .con p{ font-size:14px; color:#cdd1d2; line-height:30px;}

.container04{ padding:80px 0 70px; background:#f8f8f8 url(../images/container04_bg.jpg) center bottom no-repeat; border-bottom:#dfdfdf 1px solid}
.container04 .title{ margin-bottom:34px;}
.container04 .miso_hd{ text-align:center; margin-bottom:50px;}
.container04 .miso_hd li{width:190px !important;height:40px;margin:0 6px;display: inline-block;float: none;}
.container04 .miso_hd li h5{ width:190px !important; height:40px; line-height:40px; background:#fff; font-size:16px; color:#333333; position:relative; transition:0.6s; letter-spacing:1px; cursor:pointer}
.container04 .miso_hd li h5:before{ content:""; border:#d2d2d2 1px solid; position:absolute; top:0; right:0; bottom:0; left:0}
.container04 .miso_hd li h5 span.span01{ position:absolute; top:0; right:0; bottom:0; left:0}
.container04 .miso_hd li h5 span.span01:before{ content:""; position:absolute; left:0; bottom:0; background:#00477f; height:10px; width:1px; transition:0.6s}
.container04 .miso_hd li h5 span.span01:after{ content:""; position:absolute; left:0; bottom:0; background:#00477f; height:1px; width:10px; transition:0.6s}
.container04 .miso_hd li h5 span.span02{ position:absolute; top:0; right:0; bottom:0; left:0}
.container04 .miso_hd li h5 span.span02:before{ content:""; position:absolute; right:0; top:0; background:#00477f; height:10px; width:1px; transition:0.6s}
.container04 .miso_hd li h5 span.span02:after{ content:""; position:absolute; right:0; top:0; background:#00477f; height:1px; width:10px; transition:0.6s}

.container04 .miso_hd li.miso-current h5{ letter-spacing:3px}
.container04 .miso_hd li.miso-current h5 span.span01:before{ height:100%}
.container04 .miso_hd li.miso-current h5 span.span01:after{ width:100%}
.container04 .miso_hd li.miso-current h5 span.span02:before{ height:100%}
.container04 .miso_hd li.miso-current h5 span.span02:after{ width:100%}

.container04 .miso_bd ul{font-size:0;margin:0 -11px;padding-bottom: 32px;}
.container04 .miso_bd ul li{ display:inline-block; padding:0 11px; width:33.333333%; margin-bottom:20px}
.container04 .miso_bd ul li a{ width:385px; height:280px; overflow:hidden; display:block; position:relative}
.container04 .miso_bd ul li a .img,.container04 .miso_bd ul li a .img img{ width:100%; height:100%}
.container04 .miso_bd ul li a .con{ position:absolute; top:100%; right:0; height:100%; left:0; transition:0.9s ease; background:rgba(0,0,0,0); padding:0 30px}
.container04 .miso_bd ul li a .con h5{ font-size:18px; color:#fff; line-height:30px; margin-bottom:20px; opacity:0; transition:0.9s ease;}
.container04 .miso_bd ul li a .con span{ display:inline-block; width:130px; height:36px; line-height:36px; background:#00477f; font-size:16px; color:#fff; opacity:0; transition:0.9s ease;}

.container04 .miso_bd ul li .line{ position:absolute; top:14px; right:14px; bottom:14px; left:14px}
.container04 .miso_bd ul li .line span.span01{ position:absolute; top:0; right:0; bottom:0; left:0}
.container04 .miso_bd ul li .line span.span01:before{ content:""; position:absolute; left:0; bottom:0; background:#fff; height:0; width:1px; transition:0.6s; transition-delay:0.6s}
.container04 .miso_bd ul li .line span.span01:after{ content:""; position:absolute; left:0; bottom:0; background:#fff; height:1px; width:0; transition:0.6s; transition-delay:0.6s}
.container04 .miso_bd ul li .line span.span02{ position:absolute; top:0; right:0; bottom:0; left:0}
.container04 .miso_bd ul li .line span.span02:before{ content:""; position:absolute; right:0; top:0; background:#fff; height:0; width:1px; transition:0.6s; transition-delay:0.6s}
.container04 .miso_bd ul li .line span.span02:after{ content:""; position:absolute; right:0; top:0; background:#fff; height:1px; width:0; transition:0.6s; transition-delay:0.6s}

.container04 .miso_bd ul .miso-dots{bottom:0;z-index: 1005;height: 10px;margin: 0;padding: 0;}
.container04 .miso_bd ul .miso-dots li{position: relative;display: inline-block;padding: 0;width: 20px;height: 10px;margin: 0px;cursor: pointer;border-radius: 0;margin: 0 3px;background: #fff;transition: 0.6s ease;border: #d2d2d2 1px solid;}
.container04 .miso_bd ul .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);}
.container04 .miso_bd ul .miso-dots li a:focus{ outline: none; }
.container04 .miso_bd ul .miso-dots li button {background: #00477f;width:0;height: 8px;padding:0;margin:0;transition:0.6s ease;}
.container04 .miso_bd ul .miso-dots li.miso-active{ border:#00477f 1px solid}
.container04 .miso_bd ul .miso-dots li.miso-active button { width:100%}

.container04 .miso_bd ul li a:hover .img img{ transform:scale(1.06)}
.container04 .miso_bd ul li a:hover .con{ top:0; background:rgba(0,0,0,0.3)}
.container04 .miso_bd ul li a:hover .con h5{ opacity:1}
.container04 .miso_bd ul li a:hover .con span{ opacity:1}
.container04 .miso_bd ul li a:hover .line span.span01:before{ height:100%}
.container04 .miso_bd ul li a:hover .line span.span01:after{ width:100%}
.container04 .miso_bd ul li a:hover .line span.span02:before{ height:100%}
.container04 .miso_bd ul li a:hover .line span.span02:after{ width:100%}

.container05{ padding:92px 0 70px}
.container05 .title{ text-align:left}
.container05 .miso_hd{margin:-85px 0 72px;text-align: right;padding-right: 16px;}
.container05 .miso_hd li{display:inline-block;float:none;width: 100px !important;margin-left:68px;text-align: center;}
.container05 .miso_hd h5{ line-height:60px; position:relative}
.container05 .miso_hd h5:before{ content:""; position:absolute; top:1px; left:0; width:100%; height:1px; background:#d6d6d6;}
.container05 .miso_hd li:after{ content:""; position:absolute; top:0; left:0; width:50px; height:3px; background:#666666; transition:0.6s ease;}
.container05 .miso_hd h5:after{ content:""; position:absolute; top:0; left:0; width:0; height:3px; background:#da251c; transition:0.6s ease;}
.container05 .miso_hd h5 font{ font-size:18px; color:#8d8d8d}

.container05 .miso_hd li.miso-current:after{ width:0}
.container05 .miso_hd li.miso-current h5:after{ width:50px;}
.container05 .miso_hd li.miso-current h5 font{ color:#da251c}

.container05 .miso_bd ul{ font-size:0; margin:0 -10px; padding-bottom:55px}
.container05 .miso_bd ul li{ display:inline-block; padding:0 10px; width:25%}
.container05 .miso_bd ul li a{display:block;padding:10px;background:#f9f9f9;height: 370px;position: relative;}
.container05 .miso_bd ul li a .img,.container05 .miso_bd ul li a .img img{ width:265px; height:180px; overflow:hidden}
.container05 .miso_bd ul li a .con h5{font-size:16px;line-height:28px;color:#555555;height:56px;overflow:hidden;margin: 14px 0 30px; padding:0 4px}
.container05 .miso_bd ul li a .con h2 big{font-size:50px;color: #808080;}
.container05 .miso_bd ul li a .con h2 small{font-size:16px;color: #808080;display:inline-block;padding: 5px 5px;background:#f9f9f9;margin: 0;}

.container05 .miso_bd ul .miso-dots{bottom:0;z-index: 1005;height: 10px;margin: 0;padding: 0;}
.container05 .miso_bd ul .miso-dots li{position: relative;display: inline-block;padding: 0;width: 20px;height: 10px;margin: 0px;cursor: pointer;border-radius: 0;margin: 0 3px;background: #fff;transition: 0.6s ease;border: #d2d2d2 1px solid;}
.container05 .miso_bd ul .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);}
.container05 .miso_bd ul .miso-dots li a:focus{ outline: none; }
.container05 .miso_bd ul .miso-dots li button {background: #00477f;width:0;height: 8px;padding:0;margin:0;transition:0.6s ease;}
.container05 .miso_bd ul .miso-dots li.miso-active{ border:#00477f 1px solid}
.container05 .miso_bd ul .miso-dots li.miso-active button { width:100%}

.container05 .miso_bd ul li .top{position:absolute;top:100%;right:0;height:100%;left:0;transition:0.9s ease;background:rgba(46, 67, 114, 0);padding: 0 42px;}
.container05 .miso_bd ul li .top p{ font-size:14px; color:#fff; line-height:30px; height:240px; overflow:hidden; text-align:left; margin-bottom:12px; opacity:0; transition:0.9s ease;}
.container05 .miso_bd ul li .top .line_box{display:inline-block;width:30px;height:30px;opacity:0;transition:0.9s ease;position: relative;}
.container05 .miso_bd ul li .top .line_box .line01 { display: block; background: #fff; position: absolute; transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; }
.container05 .miso_bd ul li .top .line_1 {width: 30px;height: 1px;top: 50%;right: 0;margin-top: -1px;transform: translateX(30px);-webkit-transform: translateX(30px);}
.container05 .miso_bd ul li .top .line_2 {width: 1px;height: 30px;top: 50%;margin-top: -15px;right: 15px;transform: translateY(30px);-webkit-transform: translateY(30px);}


.container05 .miso_bd ul li .line{ position:absolute; top:14px; right:14px; bottom:14px; left:14px}
.container05 .miso_bd ul li .line span.span01{ position:absolute; top:0; right:0; bottom:0; left:0}
.container05 .miso_bd ul li .line span.span01:before{ content:""; position:absolute; left:0; bottom:0; background:#fff; height:0; width:1px; transition:0.6s; transition-delay:0.6s}
.container05 .miso_bd ul li .line span.span01:after{ content:""; position:absolute; left:0; bottom:0; background:#fff; height:1px; width:0; transition:0.6s; transition-delay:0.6s}
.container05 .miso_bd ul li .line span.span02{ position:absolute; top:0; right:0; bottom:0; left:0}
.container05 .miso_bd ul li .line span.span02:before{ content:""; position:absolute; right:0; top:0; background:#fff; height:0; width:1px; transition:0.6s; transition-delay:0.6s}
.container05 .miso_bd ul li .line span.span02:after{ content:""; position:absolute; right:0; top:0; background:#fff; height:1px; width:0; transition:0.6s; transition-delay:0.6s}

.container05 .miso_bd ul li a:hover .img img{ transform:scale(1.06)}
.container05 .miso_bd ul li a:hover .top{ top:0; background:rgba(46, 67, 114, 0.9)}
.container05 .miso_bd ul li a:hover .top p{ opacity:1}
.container05 .miso_bd ul li a:hover .top .line_box{ opacity:1}
.container05 .miso_bd ul li a:hover .line span.span01:before{ height:100%}
.container05 .miso_bd ul li a:hover .line span.span01:after{ width:100%}
.container05 .miso_bd ul li a:hover .line span.span02:before{ height:100%}
.container05 .miso_bd ul li a:hover .line span.span02:after{ width:100%}
.container05 .miso_bd ul li a:hover .top .line_box .line{ opacity:1}
.container05 .miso_bd ul li a:hover .line_box .line01 { transform: translate(0); -webkit-transform: translate(0); visibility: visible; opacity: 1; transition: 300ms ease-in 600ms; -webkit-transition: 300ms ease-in 600ms; }

.container06{ height:700px;}
.container06 .left{ width:50%; height:700px; background:url(../images/container06_left_img.jpg) center no-repeat;}
.container06 .right{ width:50%; height:700px; background:#fafafa url(../images/fangzi01.png) center bottom no-repeat; border-top:#e5e5e5 1px solid; position:relative}
.container06 .right .bg{position:absolute;bottom: 186px;left:0;width: 654px;background:url(../images/zimu.png) center no-repeat;height: 102px;}
.container06 .right .box{ width:600px; padding-left:50px; padding-top:60px}
.container06 .right .box .title{ padding-bottom:20px; position:relative; margin-bottom:12px;}
.container06 .right .box .title:before{ content:""; position:absolute; bottom:0; width:40px; height:2px; background:#00477f}
.container06 .right .box .title h5{ font-size:14px; color:#adadad; text-transform:uppercase; margin-bottom:18px;}
.container06 .right .box .title h3{ font-size:30px; color:#00477f}
.container06 .right .box .con{height: 190px;overflow:hidden;margin-bottom: 180px;}
.container06 .right .box .con p{ font-size:14px; color:#8a8a8a; line-height:30px; height:180px; margin-bottom:30px}
.container06 .right .box .con a{ display:inline-block; width:128px; padding-left:14px; font-size:14px; color:#737373; text-transform:uppercase; position:relative; height:30px; line-height:30px; background:url(../images/jiantou.png) right bottom no-repeat; transition:0.6s; margin-bottom:134px;}
.container06 .right .box .con a:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#737373}
.container06 .right .box ul{ margin:0 -10px; font-size:0}
.container06 .right .box ul li{ display:inline-block; padding:0 10px; width:25%; text-align:center}
.container06 .right .box ul li a{display:block;height:100px;transition:0.6s ease;padding: 6px 10px;border-radius:5px;}
.container06 .right .box ul li a h3{line-height:58px;margin-bottom:4px;height:58px;overflow:hidden;white-space:nowrap;margin: 0 20px;}
.container06 .right .box ul li a h3 span{display: inline-block;transition:0.6s ease;white-space: normal;width: 100%;}
.container06 .right .box ul li a h3 span.img02{opacity:0;}
.container06 .right .box ul li a h5{ font-size:16px; color:#737373; transition:0.36s}

.container06 .right .box .con a:hover{ width:140px; letter-spacing:2px}
.container06 .right .box ul li a:hover,.container06 .right .box ul li.on a{ background:#00477f; box-shadow: 0 3px 10px rgba(0,0,0,0.15)}
.container06 .right .box ul li a:hover h3 span.img01,.container06 .right .box ul li.on a h3 span.img01{margin-left:-100%;opacity: 0;}
.container06 .right .box ul li a:hover h3 span.img02,.container06 .right .box ul li.on a h3 span.img02{opacity: 1;}
.container06 .right .box ul li a:hover h5,.container06 .right .box ul li.on a h5{ color:#fff}

footer{ padding:52px 0 35px; background:#404143}
footer .fl01 .left{ border-right:#666769 1px solid; width:450px;; padding-right:30px; height:250px;}

footer .fl01 .left form {
	width: 100%;
	margin-top: 0;
	display: none;
}

footer .fl01 .left form h5 {
	font-size: 14px;
	color: #939393;
	margin-bottom: 12px;
}

footer .fl01 .left .messlist {
	height: 40px;
	line-height: 38px;
	margin: 0 18px 20px 0;
	float: left;
	width: 200px;
	background: #38393b;
	color: #fff;
	border-radius: 2px;
	border: #535355 1px solid;
}

footer .fl01 .left .messlist label,.form-list .messlist01 label,footer .fl01 .left .messlist03 label {
	float: left;
	width: 70px;
	height: 56px;
	line-height: 56px;
	text-align: left;
	color: #636363;
	font-size: 16px;
	box-sizing: border-box;
	padding: 0 0 0 25px;
	font-weight: normal;
}

footer .fl01 .left .messlist input {
	float: left;
	width: 100%;
	height: 38px;
	background: none;
	border: none;
	outline: none;
	color: #fff;
	font-size: 14px;
	padding: 0 15px;
}

footer .fl01 .left .messlist01 {
	height: 43px;
	margin-top: 30px;
	float: left;
	width: 880px;
	border: #d3d7d8 1px solid;
	background: #fbfbfc;
	color: #626364;
	margin-right: 44px;
}

footer .fl01 .left .messlist01 input {
	float: left;
	width: 712px;
	height: 48px;
	padding: 0 10px;
	background-color: #fbfbfc;
	border: none;
	outline: none;
	color: #626364;
	font-size: 12px;
}

footer .fl01 .left .messlist02 {
	height: 75px;
	width: 416px;
	background: #38393b;
	color: #767676;
	box-sizing: border-box;
	margin-bottom: 16px;
	border-radius: 2px;
	border: #535355 1px solid;
}

footer .fl01 .left .messlist02 textarea {
	float: left;
	width: 100%;
	height: 73px;
	color: #fff;
	font-size: 14px;
	border: none;
	outline: none;
	padding: 10px 15px;
	resize: none;
	box-sizing: border-box;
	background: none;
}

footer .fl01 .left .messlist02 label {
	float: left;
	width: 70px;
	height: 56px;
	line-height: 56px;
	text-align: left;
	color: #000000;
	font-size: 16px;
	box-sizing: border-box;
	padding: 0 0 0 25px;
	font-weight: normal;
}

footer .fl01 .left .yanzheng {
	display: inline;
	float: left;
	position: absolute;
	right: 10px;
	top: 0.7rem;
}

footer .fl01 .left .messsub{
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	cursor: pointer;
	color: #fff;
	border: none;
	background: #da251c;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	transition: 0.6s;
	position:relative;
}
footer .fl01 .left .messsub input {
	float: left;
	width: 100%;
	height: 40px;




	line-height: 40px;
	font-size: 14px;
	cursor: pointer;
	color: #fff;
	border: none;
	background:none;
	padding-left:35px
}
footer .fl01 .left .messsub:before{content:"";position:absolute;background:url(../images/tj_img.png) center no-repeat;width:30px;height:20px;left: 27px;top: 10px;}

footer .fl01 .left .messsub:hover {
	background: #00477f;
}

footer .fl01 .left .messlist03 {
	height: 40px;
	margin: 0 18px 0 0;
	float: left;
	width: 240px;
	background: #38393b;
	color: #767676;
	box-sizing: border-box;
	position: relative;
	border-radius: 2px;
	border: #535355 1px solid;
}

footer .fl01 .left .messlist03 input {
	float: left;
	width: 100%;
	height: 38px;
	color: #767676;
	font-size: 14px;
	border: none;
	outline: none;
	resize: none;
	box-sizing: border-box;
	background: none;
	padding: 0 15px;
}

footer .fl01 .left .messsub {
	float: left;
	width: 155px;
	position: relative;
}

footer .fl01 .center {
	width: 438px;
	height: 250px;
	padding: 25px 0 0;
	border-right: #666769 1px solid;
	text-align: center;
}

footer .fl01 .center dl {
	display: inline-block;
	vertical-align: top;
	margin: 0 14px;
	text-align: left;
}

footer .fl01 .center dl dt {
	font-size: 15px;
	margin-bottom: 16px;
}

footer .fl01 .center dl dt a {
	color: #fff;
	transition: 0.36s
}

footer .fl01 .center dl dt a:hover {
	color: #da251c;
}

footer .fl01 .center dl dd {
	font-size: 13px;
	color: #868787;
	line-height: 30px;
	position: relative;
}

footer .fl01 .center dl dd:before {
	content: "";
	position: absolute;
	left: -15px;
	width: 3px;
	height: 3px;
	background: #fff;
	transition: 0.6s;
	top: 50%;
	margin-top: -2px;
	opacity: 0;
}

footer .fl01 .center dl dd a {
	color: #b1b1b2;
	transition: 0.36s;
}

footer .fl01 .center dl dd a:hover {
	color: #fff;
}

footer .fl01 .center dl dd:hover:before {
	opacity: 1
}

footer .fl01 .right{min-width:276px;max-width: 276px;padding: 16px 0 0;}
footer .fl01 .right p{ font-size:14px; line-height:30px; color:#fff}
footer .fl01 .right dl{font-size:0;margin: 14px 0 0px;}
footer .fl01 .right dl dd{ display:inline-block; margin-right:40px;}
footer .fl01 .right dl dd img{ width:77px; height:77px;}
footer .fl01 .right dl dd h5{font-size:14px;color:#f1f1f1;text-align:center;font-weight:normal;margin-top: 10px;}

footer .fl02{ text-align:center; padding:38px 0 0}
footer .fl02 p,footer .fl02 p a{ font-size:12px; color:#8b8b8c; line-height:28px; transition:0.6s}
footer .fl02 p a:hover{ color:#fff}

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


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

.n_banner{ height:300px;}
.header01{ top:0}
.header01 .nav a .txt{ color:#333333}
.header01 .nav .active a .txt, .header01 .nav .on a .txt{ color:#fff}
.header01 .nav a .bg{display: block;background-size: cover;}

.n_banner h3{ font-size:30px; color:#eeefef; font-weight:bold; text-transform:uppercase; text-align:left; margin-bottom:12px}
.n_banner h4{ font-size:26px; color:#eeefef; font-weight:bold; text-transform:uppercase; text-align:left}

/*当前位置*/
.n_nav{position: absolute; left: 0;top: 0;z-index: 0;}
.n_nav{margin: 0 0 0 0;}
.n_nav a{position: relative;float: left;display: block;border-right: #ebebec 1px solid;}
.n_nav a.first{ background: none;}
.n_nav a strong{position: relative;display: block;text-align: center;z-index: 9;width: auto;height: 65px;line-height: 65px;color: #666666;font-size: 14px;font-weight: 100;padding: 0 40px;-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;}
/*.n_nav a strong:before{ content:""; position:absolute; width:0; height:1px; background:#fff; top:50%; left:16px; -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;}
.n_nav a strong:after{ content:""; position:absolute; width:0; height:1px; background:#fff; top:50%; right:16px; -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;}
.n_nav a:hover strong:before,.n_nav a:hover strong:after,.n_nav a.on strong:before,.n_nav a.on strong:after{ width:10px;}*/
.n_nav a span{position: absolute; left: -1px; top: 0; z-index: 1; width: 100%; display: inherit; text-align: center;}
.n_nav i{float: left;width: 13px;height: 50px;display:inline-block;background: url(../images/line1.png) center center no-repeat;}
.n_nav a.on strong{background-color: #00477f;color:#fff;}
.n_nav a:hover strong{background-color: #00477f;color:#fff;}
.n_title{position:relative;height: 65px;line-height: 65px;overflow: hidden;background: #f5f5f7;border-bottom: #ebebec 1px solid;}
.n_title .main_box{position: relative;height: 65px;} 
.n_title h1{ padding:0 0 0px 0px;  font-size:16px; color:#404041; line-height:55px; }
.n_title h1 span{ font-size:14px; color:#404041; line-height:48px;  font-family: "Arial"; text-transform:uppercase; font-weight:normal; padding-left:5px;}
.position{position: absolute;right: 0;top: 0;line-height: 65px;height: 65px;color: #666666;padding-left: 18px;background: url(../images/position.png) left 25px no-repeat;font-size: 12px;}
.position i{display: inline-block;height: 65px;line-height: 65px;width: 10px;text-align:  center;font-size: 14px;color: #666666;}
.position a{font-size: 12px;color: #666666;display: inline-block;line-height: 65px;vertical-align:  top;}
.position span{font-size: 12px;font-style:normal;display: inline-block;line-height: 65px;vertical-align: top;}
.position .span{color: #5b5b5b;}
.position span{color: #da251c;}
.position a:hover{color: #da251c;}

.n_case{ padding:60px 0 40px;}
.n_case ul{font-size:0;margin:0 -11px;padding-bottom: 32px;}
.n_case ul li{ display:inline-block; padding:0 11px; width:33.333333%; margin-bottom:20px}
.n_case ul li a{ width:385px; height:280px; overflow:hidden; display:block; position:relative}
.n_case ul li a .img,.n_case ul li a .img img{ width:100%; height:100%}
.n_case ul li a .con{ position:absolute; top:100%; right:0; height:100%; left:0; transition:0.9s ease; background:rgba(0,0,0,0); padding:0 30px}
.n_case ul li a .con h5{ font-size:18px; color:#fff; line-height:30px; margin-bottom:20px; opacity:0; transition:0.9s ease;}
.n_case ul li a .con span{ display:inline-block; width:130px; height:36px; line-height:36px; background:#00477f; font-size:16px; color:#fff; opacity:0; transition:0.9s ease;}

.n_case ul li .line{ position:absolute; top:14px; right:14px; bottom:14px; left:14px}
.n_case ul li .line span.span01{ position:absolute; top:0; right:0; bottom:0; left:0}
.n_case ul li .line span.span01:before{ content:""; position:absolute; left:0; bottom:0; background:#fff; height:0; width:1px; transition:0.6s; transition-delay:0.6s}
.n_case ul li .line span.span01:after{ content:""; position:absolute; left:0; bottom:0; background:#fff; height:1px; width:0; transition:0.6s; transition-delay:0.6s}
.n_case ul li .line span.span02{ position:absolute; top:0; right:0; bottom:0; left:0}
.n_case ul li .line span.span02:before{ content:""; position:absolute; right:0; top:0; background:#fff; height:0; width:1px; transition:0.6s; transition-delay:0.6s}
.n_case ul li .line span.span02:after{ content:""; position:absolute; right:0; top:0; background:#fff; height:1px; width:0; transition:0.6s; transition-delay:0.6s}

.n_case ul li a:hover .img img{ transform:scale(1.06)}
.n_case ul li a:hover .con{ top:0; background:rgba(0,0,0,0.3)}
.n_case ul li a:hover .con h5{ opacity:1}
.n_case ul li a:hover .con span{ opacity:1}
.n_case ul li a:hover .line span.span01:before{ height:100%}
.n_case ul li a:hover .line span.span01:after{ width:100%}
.n_case ul li a:hover .line span.span02:before{ height:100%}
.n_case ul li a:hover .line span.span02:after{ width:100%}



.page { margin:0px auto 0px auto;}

.page .box{display:inherit;width:100%;text-align: center;}
.page a{padding: 0 14px;height: 34px;line-height: 32px;display:inline-block;border: 1px solid #dddddd;margin:0 2px;color: #393939;font-size: 12px;background: #eeefef;border-radius: 3px;}
.page .on{background: #006ac0;color:#fff !important;border: 1px solid #006ac0;}
.page a font{  font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );}
.page span{ background:#4a41bd; color:#fff !important;border:1px solid #4a41bd;}
.page a:hover{background: #006ac0;color:#fff !important;text-decoration:none;border: 1px solid #006ac0;}
.page a:hover font{ color:#fff;}
.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */} 

.n_renli{ padding:80px 0 40px}

.n_zhaopin{padding: 90px 0 40px;}
.n_zhaopin .slider-nav{margin-left: -14px;margin-right: -14px;margin-bottom: 25px;}
.n_zhaopin .slider-nav .miso-list{ padding:0 0 1.75rem 0}
.n_zhaopin .slider-nav .miso-slide{padding: 0 14px;}
.n_zhaopin .slider-nav .miso-slide .miso{padding: 46px 0;background:#fff;position:relative;text-align: center;height: 228px;cursor:pointer;}
.n_zhaopin .slider-nav .miso-slide .con{text-align:center;width:100%;margin-bottom:24px;display: none; position:relative; cursor:pointer}
.n_zhaopin .slider-nav .miso-slide .miso:after{content:"";position:absolute;left:0;right:0;height: 208px;border:#dcdcdc 1px solid;top: 0;}
.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{ position:relative}
.n_zhaopin .slider-nav .miso-slide .miso img{ display:inline-block;}
.n_zhaopin .slider-nav .miso-slide .miso .icon{ width:2.75rem; height:3rem; fill:#9b9b9c; margin-bottom:1.25rem;}
.n_zhaopin .slider-nav .miso-slide .miso h4{font-size: 24px;color: #00477f;margin-bottom: 10px;margin-top: 26px;}
.n_zhaopin .slider-nav .miso-slide .miso h5{font-size: 16px;color: #888888;margin-bottom: 0;text-transform:  uppercase;}
.n_zhaopin .slider-nav .miso-slide .miso h6{height:2px;position:relative;display: none;}
.n_zhaopin .slider-nav .miso-slide .miso h6:before{content:"";position:absolute;width:1.25rem;height: 1px;top:0;left:50%;margin-left:-0.625rem;background: #b6b6b6;}
.n_zhaopin .miso-prev,.n_zhaopin .miso-next{width: 40px;height: 40px;background-size:100% 100%;z-index:1000;margin-top: -2.5rem;}
.n_zhaopin .miso-prev{left: -45px;background:url(../images/left01.png) center no-repeat;}
.n_zhaopin .miso-next{right: -45px;background:url(../images/right01.png) center no-repeat;}
.n_zhaopin .slider-for .miso-slide .ar_article{padding: 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-bottom: 0;}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll{height: 296px;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:#ececec}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar-track {border-radius:10px; background:#ececec}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar-thumb { border-radius:10px; background:#f9cb6f}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso{background:url(../images/bgbg.png) center top no-repeat;}
.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:after{ border:none}

.n_about{background:url(../images/fangzi02.png) center bottom no-repeat;padding: 90px 0 75px;}
.n_about .left{width:475px;position: relative;}

.n_about .left img{ position:relative; width:420px; height:480px; border-radius:5px;}
.n_about .left:before{content:"";position:absolute;width:420px;height:480px;background:#00477f;border-radius:5px;box-shadow: 5px 5px 10px rgba(0,0,0,0.25);top: 20px;left: 20px;}
.n_about .right{ width:710px;}
.n_about .right .title{ padding-bottom:20px; position:relative; margin-bottom:34px;}
.n_about .right .title:before{ content:""; position:absolute; left:0; bottom:0; width:40px; height:2px; background:#00477f}
.n_about .right .title h3{ font-size:24px; color:#00477f; font-weight:bold; margin-bottom:16px}
.n_about .right .title h4{ font-size:14px; color:#da251c; text-transform:uppercase}
.n_about .right .ar_article p{ text-indent:28px;}

.n_news{padding: 50px 0 40px;}
.n_news ul{font-size:0;margin: 0;margin-bottom: 40px;}
.n_news ul li{position:relative;margin-bottom: 20px;}
.n_news ul li:before{content:"";position:absolute;right:0;top:0;height:100%;width:0;background: #f3f4f8; transition:0.6s;display: none;}
.n_news ul li a{padding: 20px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-transition:0.6s;position:relative;display: block;overflow:hidden;border: #dedede 1px solid;}
.n_news ul li a .img,.n_news ul li a .img img{width: 332px;height: 210px;float:left;object-fit: cover;overflow:hidden;}
.n_news ul li a .con{width: 790px;float:right;padding: 20px 0 0;}
.n_news ul li a h5,.n_news ul li h5{font-size: 18px;color: #555555;position:relative;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_news ul li a p{font-size: 14px;line-height: 28px;height: 84px;color: #949494;margin: 20px 0 34px;position:relative;overflow: hidden;text-overflow:ellipsis;}
.n_news ul li a h6{font-size: 16px;color: #949494;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 16px;position:relative;}
.n_news ul li a h6 img{margin: -3px 12px 0 0;}


.n_news ul li a:hover{ border:#c4e5ff 1px solid; box-shadow:0 5px 10px rgba(0,0,0,0.25)}
.n_news ul li a:hover h5{color: #00477f;}
.n_news ul li a:hover p{ color:#555555}
.n_news ul li a:hover h6{ color:#555555}

.n_xunjia{padding: 75px 0 66px;text-align: center;}
.n_xunjia form {
	width: 830px;
	margin: 0 auto;
	display: inline-block;
	text-align: left;
}

.n_xunjia form h5 {
	font-size: 14px;
	color: #939393;
	margin-bottom: 12px;
}

.n_xunjia .messlist {
	height: 46px;
	line-height: 44px;
	margin: 0 30px 30px 0;
	float: left;
	width: 400px;
	color: #fff;
	border-radius: 2px;
	border: #e0e0e0 1px solid;
}

.n_xunjia .messlist label,.form-list .messlist01 label,.n_xunjia .messlist03 label {
	float: left;
	width: 120px;
	height: 44px;
	line-height: 44px;
	text-align: left;
	color: #333333;
	font-size: 16px;
	box-sizing: border-box;
	padding: 0;
	font-weight: normal;
	background: #ececec;
	text-align: center;
}

.n_xunjia .messlist input {
	float: left;
	width: 278px;
	height: 44px;
	background: none;
	border: none;
	outline: none;
	color: #333333;
	font-size: 14px;
	padding: 0 15px;
}

.n_xunjia .messlist01 {
	height: 43px;
	margin-top: 30px;
	float: left;
	width: 880px;
	border: #d3d7d8 1px solid;
	background: #fbfbfc;
	color: #626364;
	margin-right: 44px;
}

.n_xunjia .messlist01 input {
	float: left;
	width: 712px;
	height: 48px;
	padding: 0 10px;
	background-color: #fbfbfc;
	border: none;
	outline: none;
	color: #626364;
	font-size: 12px;
}

.n_xunjia .messlist02 {
	height: 150px;
	width: 830px;
	color: #767676;
	box-sizing: border-box;
	margin-bottom: 30px;
	border-radius: 2px;
	border: #d9d9d9 1px solid;
}

.n_xunjia .messlist02 textarea {
	float: left;
	width: 100%;
	height: 148px;
	color: #333;
	font-size: 14px;
	border: none;
	outline: none;
	padding: 10px 15px;
	resize: none;
	box-sizing: border-box;
	background: none;
}

.n_xunjia .messlist02 label {
	float: left;
	width: 70px;
	height: 56px;
	line-height: 56px;
	text-align: left;
	color: #000000;
	font-size: 16px;
	box-sizing: border-box;
	padding: 0 0 0 25px;
	font-weight: normal;
}

.n_xunjia .yanzheng {
	display: inline;
	float: left;
	position: absolute;
	right: 10px;
	top: 0.7rem;
}

.n_xunjia .messsub{
	float: left;
	width: 100%;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	cursor: pointer;
	color: #fff;
	border: none;
	background: #da251c;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	transition: 0.6s;
	position:relative;
}
.n_xunjia .messsub input {
	float: left;
	width: 100%;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	cursor: pointer;
	color: #fff;
	border: none;
	background:none;
	padding-left: 56px;
}
.n_xunjia .messsub:before{content:"";position:absolute;background:url(../images/tj_img.png) center no-repeat;width:30px;height:20px;left: 152px;top: 13px;}

.n_xunjia .messsub:hover {
	background: #00477f;
}

.n_xunjia .messlist03 {
	height: 46px;
	margin: 0 18px 0 0;
	float: left;
	width: 400px;
	color: #767676;
	box-sizing: border-box;
	position: relative;
	border-radius: 2px;
	border: #e0e0e0 1px solid;
}

.n_xunjia .messlist03 input {
	float: left;
	width: 278px;
	height: 44px;
	color: #767676;
	font-size: 14px;
	border: none;
	outline: none;
	resize: none;
	box-sizing: border-box;
	background: none;
	padding: 0 15px;
}

.n_xunjia .messsub {
	float: left;
	width: 400px;
	position: relative;
}

.n_xunjia h3{ text-align:center; font-size:16px; line-height:30px; color:#6e6e6e; margin-bottom:42px}

.n_detail{ padding:70px 0 50px}
.n_detail .position{ margin-bottom:40px}
.n_detail .left{ width:850px;}
.n_detail .left .fl01 .ll{width:82px;text-align:center;transition: 0.6s;}
.n_detail .left .fl01 .ll.on{position:fixed;top: 30px;}
.n_detail .left .fl01 .ll.top01{ top:-600px;}
/*.n_detail .left .fl01 .ll:before{content:"";position:absolute;top:0;right: -22px;width:1px;height:660px;background:#e8ebed;}
.n_detail .left .fl01 .ll:after{content:"";position:absolute;right: -26px;top: 0;width: 5px;height: 5px;background:#fff;border: #00a8ff 2px solid;border-radius: 50%;}*/

.n_detail .left .fl01 .ll .time{ margin-bottom:38px}
.n_detail .left .fl01 .ll .time h5{font-size:16px;color: #00477f;margin-bottom:10px;position:relative;}
.n_detail .left .fl01 .ll .time h5:before{content:"";position:absolute;left:0;top:50%;margin-top:-1px;width:16px;height:1px;background: #00477f;}
.n_detail .left .fl01 .ll .time h5:after{content:"";position:absolute;right:0;top:50%;margin-top:-1px;width:16px;height:1px;background: #00477f;}
.n_detail .left .fl01 .ll .time h3{ font-size:30px; color:#3f4146}
.n_detail .left .fl01 .ll .con{ margin-bottom:28px}
.n_detail .left .fl01 .ll .con h6{ font-size:14px; color:#77797e; line-height:24px;}

.n_detail .left .fl01 .ll .fenxiang h5{ font-size:12px; color:#77797e; margin-bottom:10px; position:relative; margin:60px 0 25px}
.n_detail .left .fl01 .ll .fenxiang h5:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:25px; height:1px; background:#e8e8e8}
.n_detail .left .fl01 .ll .fenxiang h5:after{ content:""; position:absolute; right:0; top:50%; margin-top:-1px; width:25px; height:1px; background:#e8e8e8}
.n_detail .left .fl01 .ll .fenxiang h3{ margin-bottom:10px}
.n_detail .left .fl01 .ll .fenxiang h3 a{display:inline-block;background: #cccccc;border-radius: 50%;position: relative;width: 40px;height: 40px;line-height:40px;overflow:hidden;float: none;text-indent: 0;margin: 0;}
.n_detail .left .fl01 .ll .fenxiang h3 a:before{ content:""; position:absolute; width:100%; height:100%; left:0; top:0; transform:scale(0); transition:0.36s; border-radius: 50%;}
.n_detail .left .fl01 .ll .fenxiang h3 a img{height: 24px;vertical-align: middle;margin-top: -5px;position:relative;}
.n_detail .left .fl01 .ll .fenxiang h3.h301 a:hover:before{transform:scale(1);background: #00477f;}
.n_detail .left .fl01 .ll .fenxiang h3.h302 a:hover:before{ transform:scale(1); background:#21b3f7}
.n_detail .left .fl01 .ll .fenxiang h3.h303 a:hover:before{ transform:scale(1); background:#f8c514}
.n_detail .left .fl01 .ll .fenxiang h3.h304 a:hover:before{ transform:scale(1); background:#ff5757}
.n_detail .left .fl01 .rr{width: 700px;min-height: 805px;position:relative;}
.n_detail .left .fl01 .rr:before{content:"";position:absolute;top:0;left: -50px;width:1px;height:660px;background:#e8ebed;}
.n_detail .left .fl01 .rr:after{content:"";position:absolute;left: -54px;top: 0;width: 5px;height: 5px;background:#fff;border: #00477f 2px solid;border-radius: 50%;}
.n_detail .left .fl01 .rr h3{ font-size:30px; font-weight:bold; color:#2f3035; line-height:45px; margin:-10px 0 30px 0}

.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{width:40px;height:40px !important;display:inline-block !important;float:none !important;padding: 0 !important;margin: 0 !important;}
.bd_weixin_popup{ box-sizing:content-box}

.n_detail .left .fl02{position:relative;margin-top: 58px;padding-top: 28px;border-top: #eef1f2 2px solid;margin-bottom: 40px;}
.n_detail .left .fl02 .end{display:inline-block;width:68px;height:20px;line-height:20px;background: #fff;position:absolute;left:50%;margin-left:-34px;top:-10px;text-align:center;font-size: 16px;color: #363636;text-transform:uppercase;font-weight: bold;}


#ar_fot{position:relative;box-sizing: border-box;width: 100%;line-height: 48px;padding: 0;margin-bottom: 30px;}
#ar_fot h1{display:block;width: 100%;font-size: 14px;color: #5e5f60;font-weight: normal;overflow:hidden;position:relative;padding: 0;margin-bottom: 10px;-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 a{display: inline-block;font-size: 16px;float: right;line-height: 35px;color: #333333;width: 736px;font-weight:normal;-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 a:hover{color: #00477f;}
#ar_fot h1:before{content:"";position:absolute;right:0;top:0;width:0;height:3px;-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;display: none;}
#ar_fot h1:hover:before{ width:100%; left:0}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}
#ar_fot span{background:url(../images/sx_bg.png) center no-repeat;width:90px;height:43px;display: inline-block;line-height: 35px;text-align: center;color: #ffff;}
#ar_fot .shart_box a{ line-height:36px;}
#ar_fot .fr{ text-align:right}
#ar_fot h1:hover{color: #00a8ff;}
#ar_fot h1:hover a{}

.n_detail .left .fl03{ background:none}

.n_detail .left .fl05 h4{ font-size:16px; color:#3d3d3d}
.n_detail .left .fl05 h4 img{margin: -3px 8px 0 0;}
.n_detail .left .fl05 ul{padding: 30px 10px;margin-top: 20px;background: #fbfbfc;font-size: 0;}
.n_detail .left .fl05 ul li{display: inline-block;width: 50%;position:relative;height: 38px;line-height: 38px;padding: 0 25px;}
.n_detail .left .fl05 ul a{}
.n_detail .left .fl05 ul i{display:  inline-block;font-size:14px;color: #00a8ff;margin-right: 7px;margin-top: -1px;}
.n_detail .left .fl05 ul h5{font-size: 16px;color: #3a3a3a;width: 90%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_detail .left .fl05 ul span{font-size:14px;color: #a3a4a7;position:absolute;right:0;top:0;line-height:32px;display:inline-block;}
.n_detail .left .fl05 ul h5:hover{ color:#00a8ff;}

.n_detail .left .title{ margin-bottom:40px;}
.n_detail .left .title h3{ font-size:30px; line-height:50px; color:#353535; font-weight:bold}

.n_detail .right{ width:290px;}
.n_detail .right .title{background:url(../images/rr_title_bg.jpg) center no-repeat;height:70px;line-height:70px;border-top: #da251c 3px solid;padding:0 0 0 20px;}
.n_detail .right .title h3{ font-size:16px; color:#fff; font-weight:bold}
.n_detail .right .title h3 small{ font-size:14px; color:#fff; font-weight:normal; margin-left:8px; text-transform:uppercase}

.n_detail .right .fl01{ margin:24px 0 50px}
.n_detail .right .fl01 ul li{ padding:40px 15px 30px; border:#e5e5e5 1px solid}
.n_detail .right .fl01 ul li h5{font-size:16px;color:#353535;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;height: 18px;line-height: 18px;}
.n_detail .right .fl01 ul li h5 a{ color:#353535;}
.n_detail .right .fl01 ul li p{font-size:14px;color:#8d8e92;line-height:18px;height:36px;overflow:hidden;margin: 26px 0 15px;}
.n_detail .right .fl01 ul li h6{ font-size:14px; color:#5b5b5b}

.n_detail .right .fl01 .miso-dots{bottom: -7.5px;}
.n_detail .right .fl01 .miso-dots li{width: 10px;height: 10px;border-radius:50%;padding: 0;border: #b4b5ba 1px solid;background: #fff;margin: 03px;}
.n_detail .right .fl01 .miso-dots li.miso-active{border: #144ea1 2px solid;}
.n_detail .right .fl02 ul li{ font-size:16px; line-height:38px; color:#3a3a3a}
.n_detail .right .fl02 ul li a{ position:relative; padding-left:18px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_detail .right .fl02 ul li a:before{content:"";position:absolute;top:50%;width: 7px;height: 7px;background:#144ea1;border-radius:50%;margin-top: -3.5px;left:0;}


.n_detail .right .fl02 ul li a:hover,.n_detail .right .fl01 ul li a:hover h5{ color:#00477f}


.n_zizhi{ padding:70px 0 50px}
.n_zizhi ul{font-size: 0;margin:0 -14px;margin-bottom:48px;}
.n_zizhi ul li{display:inline-block;width:25%;padding:0 14px;margin-bottom:28px;overflow:hidden;text-align: center;}
.n_zizhi ul li a{ display:block; width:100%; height:254px; background:#f2f3f5; border:#d9d9d9 1px solid}
.n_zizhi ul li .pic_box{width: 100%;height: 200px;display:table;overflow:hidden;margin-bottom: 10px;}
.n_zizhi ul li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
.n_zizhi ul li img{max-width: 240px;max-height: 160px;display: inline-block;}
.n_zizhi ul li h5{font-size: 14px;color: #666666;text-align:center;margin: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_zizhi ul li:hover h5{ color:#e84518}

.n_sanji{ text-align:center; font-size:0; margin-bottom:36px;}
.n_sanji dd { display:inline-block; margin:0 18px;}
.n_sanji dd a{ display:inline-block; width:160px; height:40px; line-height:38px; font-size:16px; color:#666666; border:#b6b6b6 1px solid; border-radius:10px; transition:0.6s}
.n_sanji dd.on a,.n_sanji dd:hover a{ background:#0f89dd; border:#0f89dd 1px solid; color:#fff}

.n_contact .fl01{ padding:55px 0}
.n_contact .fl01 h4{ font-size:16px; line-height:30px; color:#a3a3a3; text-align:center; margin-bottom:50px;}
.n_contact .fl01 ul{ font-size:0}
.n_contact .fl01 ul li{ display:inline-block; width:25%; text-align:center}
.n_contact .fl01 ul li h3 span{ display:inline-block; width:70px; height:70px; border-radius:50%; line-height:70px; background:#153270}
.n_contact .fl01 ul li h5{ font-size:14px; color:#999999; margin-top:14px}
.n_contact .fl01 ul li h6{ font-size:14px; color:#000000; line-height:30px;}
.n_contact .fl01 ul li p{ font-size:14px; color:#000000; line-height:30px;}

.n_contact .fl02{padding-bottom: 0;border-top:#cdcdcd 1px solid;}

.n_zhaobiao{ padding:60px 0 40px;}
.n_zhaobiao ul{ font-size:0; margin:0 -10px; margin-bottom:50px;}
.n_zhaobiao ul li{ display:inline-block; width:50%; padding:0 10px; margin-bottom:20px;}
.n_zhaobiao ul li a{ display:block; padding:30px; border:#dedede 1px solid; transition:0.6s}
.n_zhaobiao ul li a h5{ font-size:18px; color:#555555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:20px; line-height:20px;}
.n_zhaobiao ul li a p{ font-size:14px; line-height:28px; height:84px; overflow:hidden; color:#949494; margin:24px 0 40px;}
.n_zhaobiao ul li a h6{ font-size:16px; color:#949494; line-height:22px;}
.n_zhaobiao ul li a h6 img{ float:right}

.n_zhaobiao ul li a:hover{ box-shadow:0 6px 10px rgba(0,0,0,0.15)}
.n_zhaobiao ul li a:hover h5{ color:#00477f}

.n_wenhua{ padding:88px 0 20px}
.n_wenhua .fl00 .box{ margin-bottom:30px}
.n_wenhua .fl000 .box{ border:#dbdbdb 1px solid; border-radius:5px; padding:20px}
.n_wenhua .fl00 .box .title h3{ margin-bottom:36px; position:relative}
.n_wenhua .fl00 .box .title h3:before{content:"";position:absolute;width:40px;height:2px;background:#00477f;bottom: -20px;}
.n_wenhua .fl00 .box .title h3 big{ font-size:24px; color:#00477f; font-weight:bold; vertical-align:bottom; margin-right:18px;}
.n_wenhua .fl00 .box .title h3 small{ font-size:14px; color:#da251c; text-transform:uppercase; vertical-align:bottom}
.n_wenhua .fl00 .box p{ font-size:14px; line-height:30px; color:#666666; text-indent:28px;}
.n_wenhua .fl00 .box h4{ font-size:16px; color:#00477f; font-weight:bold; line-height:30px;}

.n_wenhua .fl01 .box{ background:url(../images/n_wenhua_fl01_bg01.png) center no-repeat; height:260px; padding:26px 30px 0 430px}

.n_wenhua .fl02 .box{ background:url(../images/n_wenhua_fl01_bg02.png) center no-repeat; height:315px; padding:26px 430px 0 30px}

.n_wenhua .fl03 .box{ background:url(../images/n_wenhua_fl01_bg03.png) center no-repeat; height:320px; padding:26px 30px 0 430px}
.n_wenhua .fl03 .box dl{ display:inline-block; width:50%; margin-top:10px}
.n_wenhua .fl03 .box dl dt{font-size:16px;color:#00477f;font-weight:bold;line-height:30px;background:url(../images/dot.png) left center no-repeat;padding-left: 20px;}
.n_wenhua .fl03 .box dl dd{font-size:14px;line-height:30px;color:#666666;padding-left: 20px;}

.n_wenhua .fl04{ padding:20px 0 0}
.n_wenhua .fl04 .box .title h3{ margin-bottom:36px; position:relative; text-align:center}
.n_wenhua .fl04 .box .title h3:before{content:"";position:absolute;width:40px;height:2px;background:#00477f;bottom: -20px;left: 50%;margin-left: -20px;}
.n_wenhua .fl04 .box .title h3 big{display:block;margin: 0;margin-bottom: 10px;}
.n_wenhua .fl04 .box .title h3 small{ display:block}
.n_wenhua .fl04 .box .title h5{ font-size:16px; color:#666666; text-align:center; margin-bottom:28px}

.n_wenhua .fl05 .box h2{margin: 45px 0 20px;}
.n_wenhua .fl05 .box p{line-height:36px;background: url(../images/dot.png) 10px 16px no-repeat;}

.n_wenhua .fl06 .box h2{margin: 20px 0 0;}
.n_wenhua .fl06 .box p{line-height:36px;background: url(../images/dot01.png) 0 16px no-repeat;}

.n_case_detail h3{ font-size:24px; line-height:36px; color:#333; font-weight:bold; text-align:center; margin-bottom:50px}

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


@media(min-width: 768px){
	
}


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

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

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

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

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

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

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

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

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


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