@charset "utf-8";
@font-face{ font-family:Impact; src:url(../font/impact.ttf);}
@font-face{ font-family:DISNEYENGLISH-BOLD; src:url(../font/DISNEYENGLISH-BOLD.OTF);}
@font-face{ font-family:DISNEYENGLISH-MEDIUM; src:url(../font/DISNEYENGLISH-MEDIUM.OTF);}
@media (max-width:4000px){html{font-size:18px;}}
@media (min-width:1600px) and (max-width:1940px){html{font-size:16px;}}
@media (max-width: 1600px) and (min-width: 1400px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}
@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{position:fixed;top:0px;left:0;right:0;z-index: 1000;  transition:.6s; padding:0 20px;/*background: rgb(26 46 120 / 0.70);*/}
.header .top{ height:75px; padding-top: 15px;}
.header .top .logo{ line-height:75px;}
.header .top .right{ height:75px; padding: 17px 0; line-height:40px}
.header .top .right .tel{ font-size:1.5rem; color:#fff; font-weight: bold; font-family:Disney English; margin-left:1.75rem}
.header .top .right .tel img{ margin:-3px 0.375rem 0 0}
.search_content{}
.search_content .search_top{width:100%;border-radius: 3px;position: relative;}
.search_content .search_input{box-sizing: border-box;
    display: block;
    height: 40px;
    text-indent: 16px;
    width: 300px;
    font-size: 12px;
    outline: 0;
    border: rgba(255,255,255,.68) 1px solid;
    border-radius: 20px;
    color: #fff;}
.search_content .search_btn{background: url(../images/sousuo.svg) 18px center no-repeat;
    width: 50px;
    right: 5px;
    font-size: 14px;
    height: 100%;
    position: absolute;
    top: 0;
    border-left: 1px solid rgba(255,255,255,.68);
    background-size: 12px 12px !important;
    cursor: pointer;
}

.header.xg{top: -90px;background: #0049af;}

.top_link {
}
.top_link ul {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
}
.top_link ul li {
    width: 35px;
    height: 35px;
    display: block;
    float: left;
    margin: 0 5px;
}
.top_link ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
.top_link ul li.t_qq {
    background: url(../images/qq.png) center no-repeat;
    background-size: 100% 100%;
}
.top_link ul li.t_ali {
    background: url(../images/top_ali.png) center no-repeat;
    background-size: 100% 100%;
}
.top_link ul li.t_wechat {
    background: url(../images/wx.png) center no-repeat;
    background-size: 100% 100%;
}

#fix_ewm_box {
    position: fixed;
    top: 0px;
    right: 0;
    z-index: 999999999999999999999999;
    display: none;
    width: 100%;
    height: 100%;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#D8000000', endColorstr='#D8000000');
    background: rgba(0,0,0,0.85);
}
#fix_ewm_box .ewm {
    display: block;
    position: absolute;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    top: 50%;
    margin-top: -100px;
    left: 50%;
    margin-left: -60px;
    width: 230px;
    -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;
}
#fix_ewm_box .ewm img {
    width: 200px;
    height: 200px;
}
#fix_ewm_box .ewm p {
    text-align: center;
    font-size: 14px;
}

ul.menu{ width:100%; margin: 0 auto; text-align: center;  display: -moz-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;}
ul.menu>li{display:inline-block;vertical-align:top;text-align:center;position: relative;}
ul.menu>li:before{ content:""; position:absolute; bottom:0; right:0; width:0; transition:.6s; height:4px;}
ul.menu>li:hover:before, ul.menu>li.on:before{ width:100%; left:0; background:#1f75ee}
ul.menu>li:after{/*content:"";*/position:absolute;top:50%;width:1px;height:14px;margin-top:-7px;background:#959595;right: -50%;transform: translateX(4px);}
ul.menu>li:last-child:after{ display:none}
ul.menu>li> a {width:90px; color: #fff; display: block; font-size: 1.2rem; letter-spacing: 2px; line-height: 75px; height: 75px; text-decoration: none; padding: 0; font-weight: bold;}
/*ul.menu>li:nth-child(4):after{right: -32%;}
ul.menu>li:nth-child(5):after{right: -49%;}
ul.menu>li:nth-child(3):after{right: -38%;}*/

.menu a:hover{color:#fff;}
.menu .submenu li:hover a { background-color:#1f75ee; color:#fff}

.menu li:hover .submenu{ opacity:1; visibility:visible}
.submenu {
	width: 140px;
	left: 50%;
	margin-left: -70px;
	max-height: 0;
	position: absolute;
	top: 100%;
	z-index: 0;
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-ms-perspective: 400px;
	-o-perspective: 400px;
	perspective: 400px;
	opacity: 0;
	visibility: hidden;
}
.submenu li {
	display: block;
	width:100%;
	height:40px;
	line-height:40px;
	opacity: 0;
	background-color: #0049af;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition: opacity .4s, -webkit-transform .5s;
	-moz-transition: opacity .4s, -moz-transform .5s;
	-ms-transition: opacity .4s, -ms-transform .5s;
	-o-transition: opacity .4s, -o-transform .5s;
	transition: opacity .4s, transform .5s;
	text-align: center;
}
.menu .submenu li a{font-size:13px;height:40px;line-height:40px;display: block;color: #fff;overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.menu > li:hover .submenu, .menu > li:focus .submenu {
    max-height: 2000px;
    z-index: 10;
}
.menu > li:hover .submenu li, .menu > li:focus .submenu li {
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu li:hover .submenu li:nth-child(3) {

    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}


/*手机头部开始*/
.m_header_box{height: 60px;display: none;}
#m_header{position: fixed;z-index:999;width:100%;height: 60px;left:0;top: 0;padding:0 10px;transition: .6s;background:  #0049af;display:none;}
#m_header #logo{height: 60px;float: left;}
#m_header #logo img{max-height: 14px;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}
.wap_search{ width:80%; margin:0 auto;}
.wap_search form{ position:relative;}
.wap_search #keyword{width: 80%;height:3.8rem; line-height:3.8rem; border:0;padding:0 1rem; font-size:1rem; color:#999;box-shadow:none;-webkit-appearance: none;float:  left;border-right: 0;}
.wap_search .btn_blue{width: 20%;height:3.8rem; background:#00a0e9 url(../images/search.svg) center no-repeat; background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float:  left;}
#m_header #logo .box_table, #nav_btn_box .box_table{width:auto;float: left;}

/*顶部搜索*/
.tc_search{padding: 0 15px;width: 100%;}
.tc_search form{height:40px;border-radius: 0;position:relative;width:100%;margin-bottom: 1rem;border: rgba(255,255,255,0.5) 1px solid;}
.tc_search #keyword{font-size:.875rem;color:#fff;height:38px;line-height:38px;padding: 0;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width:  100%;padding: 0 45px 0 15px;}
.tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:38px; line-height:38px; border:0; background:url(../images/search_white.svg) center center no-repeat; background-size:1.2rem;  }
.tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); }
.tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); }
.tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */c color:#fff; color: rgba(255,255,255,.7); }
.tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */


.tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */


/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; }
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}

#nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute; left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}
#nav_btn .navbtn::after{top: -8px;}
#nav_btn .navbtn::before{top: 8px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

/*导航按钮结束*/
.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}

.m_nav_list::-webkit-scrollbar {display:none}
#m_nav {
    z-index: 99999;
    position: fixed;
    background: #0049af;
    width: 21rem;
    height:100vh;
    right: -400px;
    top: 0;
    display:none;
    padding: 0px 0;
    padding-top: 20px;
    overflow:hidden;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    }
#m_nav.act{  right:0;}
#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; }
#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a{  }
#m_nav li .a h3{ line-height:5rem; height:5rem; color:#fff; padding:0; font-size:1.125rem; float:left;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav .title .a i{  opacity:1;filter:alpha(opacity=100); display:inline-block; width:10px; height:5rem; float:right; display:inline-block; background: url(../images/arrow_down.svg) center no-repeat; background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;}
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}

.nav_mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 8888;background-color: rgba(0,0,0,0.4);display: none;}



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


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


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

.banner{position:relative;overflow: hidden;}
.banner .content ul li img{ width:100%; height:700px; object-fit:cover}
.banner .yuandian{bottom: 1rem;left:0;right:0;position: absolute;text-align: center;}

.banner .miso-dots{line-height:24px;bottom: 2rem;}
.banner .miso-dots li{border-radius: 50%;border: #fff 2px solid;height: 14px;width: 14px;margin: 4px 10px;vertical-align: middle;}
.banner .miso-dots li.miso-active{height: 36px;width: 36px;line-height: 36px;}
.banner .miso-dots li.miso-active button{font-size:18px;color:#fff;line-height: 33px;padding: 0;text-align: center;width: 100%;}

.yuandian ul.dots .miso-list{ overflow:visible}
.yuandian ul.dots {
	font-size: 0;
	white-space: nowrap;
	height: 40px;
	z-index: 20;
	position: relative;
	width: 100%;
	display: inline-block;
	margin: 0;
	text-align: center;
}

.yuandian ul.dots li.dot {
	position: relative;
	vertical-align: top;
	display: inline-block;
	cursor: pointer;
	transform: translateY(-50%);
	height: 24px;
	width: 24px !important;
	transition: width .3s ease,height .3s ease;
	float: none;
}

.yuandian ul.dots li.dot .bullet {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	border: #fff 2px solid;
	height: 10px;
	width: 10px;
	opacity: 1;
	transition: opacity .3s ease,background-color .3s ease;
}

.yuandian ul.dots li.dot .circle-border, .yuandian ul.dots li.dot .number {
	transform: translate(-50%,-50%) scale(0);
	transition: transform .3s ease
}

.yuandian ul.dots li.dot .number {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	z-index: 10;
	font-size: 14px;
	color: #fff;
}

.grid,.grid div {
	top: 0;
	height: 100%
}

.yuandian ul.dots li.dot .circle-timer {
	transform: translate(-50%,-50%) scale(0) rotate(-90deg)
}














.yuandian ul.dots li.dot:hover .bullet {
}

.yuandian ul.dots li.dot.miso-current {
	height: 60px;
	width: 60px !important;
}

.yuandian ul.dots li.dot.miso-current .bullet {
	opacity: 0
}

.yuandian ul.dots li.dot.miso-current.circle-border {
	transform: translate(-50%,-50%) scale(1)
}

.yuandian ul.dots li.dot.miso-current .circle-timer {
	transform: translate(-50%,-50%) scale(1) rotate(-90deg)
}

.yuandian ul.dots li.dot.miso-current .number {
	transform: translate(-50%,-50%) scale(1)
}

.shsiv .cards,.shsiv .dots {
	opacity: 0;
	transition: opacity 1s ease
}

.shsiv.scrolled_into_viewport .cards,.shsiv.scrolled_into_viewport .dots {
	opacity: 1
}

svg.circle-border,svg.circle-timer {
	position: absolute;
	top: 50%;
	left: 50%;
	box-sizing: border-box
}

.yuandian ul.dots li.dot.miso-current .progress {
    animation: rotate 6500ms linear both;
}
@keyframes rotate {
    from {
        stroke-dashoffset: 190px;
    }
    to {
        stroke-dashoffset: 0px;
    }
}

.title001{text-align:center;margin-bottom: 2rem;}
.title001 h3{ font-size:2.25rem; color:#282828; font-weight:bold}
.title001 h5{ font-size:1rem; color:#282828; opacity:.8; line-height:1.5; margin-top:.5rem}

.container01{padding:2.5rem 0 7.25rem;/*background:url(../images/container01_bg.jpg) center no-repeat;*/ background: #f1f1f1; background-size:cover;overflow: hidden;}
.container01 .title001{  margin-bottom:0}
.container01 .miso_hd{width:calc(100% - 25.625rem);margin-top: -4rem; margin-bottom:3.75rem;}
.container01 .miso_hd ul li{ margin-left:0.875rem}
.container01 .miso_hd ul li a{display:block;height:2.875rem;line-height:2.75rem;border:#d8d8db 1px solid;background:#fff;text-align: center;font-size: 0.9375rem;color: #212121; border-radius:3px; font-weight: bold;transition: .6s;}

.container01 .miso_hd ul li.miso-current a{ border:#0b71bb 1px solid; background:#0b71bb; color:#fff; }

.container01 .miso_bd .left{width:34.375rem;background: #fff;border-radius: 6px;overflow: hidden;}
.container01 .miso_bd .left .img{ width:100%; height:31.25rem; overflow:hidden; object-fit:cover}
.container01 .miso_bd .left .img img{ width:100%; height:100%}
.container01 .miso_bd .left .con{ background:#fff; padding:4.375rem 2.375rem 2rem; height:13.5rem; text-align:center; position:relative}
.container01 .miso_bd .left .con:before{content:"";top:0;height:1px;left:0;right:0;background:#dddddd;position: absolute;}
.container01 .miso_bd .left .con h5{ font-size:1.5rem; color:#282828; line-height:2rem;}
.container01 .miso_bd .left .con p{ font-size:0.875rem; color:#282828; line-height:20px; height:40px; opacity:.7; margin-top:1.5rem}
.container01 .miso_bd .left ul .miso-dots{bottom:13.5rem;text-align:center;height: 1rem;background: #fff;width: auto;left: 50%;transform: translateX(-50%);margin-bottom: -.5rem;padding: 0 1.5rem;}
.container01 .miso_bd .left ul .miso-dots li{width:0.5rem;height:0.5rem;background:#dddddd;border-radius:50%;margin: 0.25rem .5rem;}
.container01 .miso_bd .left ul .miso-dots li.miso-active{ transform:scale(1.125); background:#84cb10}

.container01 .miso_bd .right{width:calc(100% - 34.375rem); padding-left:1.25rem}
ul.product_list{ margin:0 -.625rem}
ul.product_list li{ float:left; width:33.333333%; padding:0 .625rem; margin-bottom:1.5rem}
ul.product_list li a{ display:block; background:#fff; padding:1.25rem 1.25em 0; border-radius: 6px; transition:.6s; overflow:hidden; position:relative}
ul.product_list li a .img, ul.product_list li a .img img{width:100%;height:auto;overflow:hidden;position:relative;}
ul.product_list li a:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#dcdcdc 1px solid; border-radius:6px;}
ul.product_list li a .con{ height:7.5rem; position:relative}
ul.product_list li a .con:before{content:"";position:absolute;top:0;right:-1.25rem;bottom:0;left:-1.25rem;background-size: 100% 100% !important;background:url(../images/jianbian.png);transition:.6s;transform:translateY(101%);}


ul.product_list li a .con h5{ font-size:1rem; line-height:1.5rem; color:#282828; position:relative; transition:.6s}
ul.product_list li a .con h6{ font-size:.875rem; line-height:1.5rem; color:#282828; opacity:.6; position:relative; transition:.6s}
ul.product_list li a .con h4{ position:relative; margin-top:.5rem}
ul.product_list li a .con h4 svg{ height:10px; fill:#fff}



.container01_more{ text-align:center; position:relative; margin:-2.8125rem 0;}
.container01_more a{ display:inline-block;  width:5.625rem; height:5.625rem; position:relative}
.container01_more a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/container01_more_bg.png) center no-repeat;background-size:cover;-webkit-animation:play 25s linear infinite;-moz-animation:play 25s linear infinite;animation:play 25s linear infinite;}
@-webkit-keyframes play{
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes play{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@keyframes play{
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);

    }
}
.container01_more .top{ position:absolute; top:0; right:0; bottom:0; left:0; font-size:1rem; color:#fff; line-height:5.625rem}

.container02{padding:1rem 0 3rem;overflow: hidden;}
.container02 .fl01 .img, .container02 .fl01 .img a> img{ width:30rem; height:16.875rem; overflow:hidden}
.container02 .fl01 .img a{ display:block; position:relative}
.container02 .fl01 .img .top{ position:absolute; top:0; right:0; bottom:0; left:0}
.container02 .fl01 .con{ background:#fff; box-shadow: -2.034px 12.84px 38px 0px rgba(0, 0, 0, 0.16); height:16.875rem; width:calc(100% - 30rem - .5rem); padding:0 3.75rem}
.container02 .fl01 .con .box_table{ text-align:left}
.container02 .fl01 .con h3{ font-size:1.5rem; color:#3a3a3a; font-weight:bold}
.container02 .fl01 .con h3 a{ display:inline-block; float:right; font-size:14px; color:#0b71bb; line-height:1.5rem; font-weight:normal}
.container02 .fl01 .con h3 a img{ margin:-3px 0 0 -0.5rem}
.container02 .fl01 .con p{font-size:.875rem;line-height:1.625rem;color:#282828;opacity: .8;position:relative;transition:.6s;margin-top:1.625rem;}

.container02 .fl02{ padding:6.25rem 6rem 5rem}
ul.shuzigd{}
ul.shuzigd li{ float:left; width:25%; position:relative; text-align:center}
ul.shuzigd li:before{ content:""; position:absolute; right:0; width:1px; height:100%; background:#949494}
ul.shuzigd li .shuzi{display:inline-block;font-size:4.5rem;color:#3a3a3a;font-family:Impact;font-style:italic;margin-right: 1rem;}
ul.shuzigd li .xiaozi{display:inline-block;vertical-align: top;padding: 1rem 0 0;text-align: left;}
ul.shuzigd li .jia{display:inline-block;font-size: 2.5rem;color:#3a3a3a;font-family:Impact;font-style:italic;margin-right: .5rem;vertical-align: top;}
ul.shuzigd li .xiaozi h6{ font-size:1rem; line-height:25px; color:#5c5c5c}
ul.shuzigd li:last-child:before{ display:none}

.container02 .fl03{ padding:0; }
ul.fenlei{margin: 0 -.375rem;}
ul.fenlei li{float:left;width:20%;padding: 0 .375rem;}
ul.fenlei li a{ display:block; border:#e4e4e4 1px solid; padding:2px; background:#fff; cursor:pointer; transition:.6s; box-shadow: 5px 0px 24px 0px rgba(0, 0, 0, 0.08);}
ul.fenlei li a .img .img_hezi{ padding-bottom:70.83% !important}
ul.fenlei li a .img img{ transition:.6s}
ul.fenlei li a .img .img2{ opacity:0; visibility:hidden}
ul.fenlei li a .con{padding: 1.25rem 1.25rem;text-align:center;}
ul.fenlei li a .con h3{ font-size:1.25rem; color:#3a3a3a; font-weight:bold; padding:0 0 0.9375rem; margin-bottom:0.875rem; position:relative; transition:.6s}
ul.fenlei li a .con h3:before{ content:""; position:absolute; width:1.375rem; height:1px; background:#0049af; bottom:0; left:50%; transform:translateX(-50%); transition:.6s}
ul.fenlei li a .con p{ font-size:0.8125rem; color:#3a3a3a; opacity:.7; line-height:1.25rem; height:3.75rem; transition:.6s}



.container03{padding:4rem 0 5rem;background:#f3f3f5;border-bottom:#e5e5e5 2px solid;overflow: hidden;}
.container03 h5{ margin-top:1.25rem}

#s_case{}
#certify {position: relative; }
#certify .swiper-container,#certify .swiper-slide.swiper-slide-active{ overflow: hidden; }
#certify .swiper-slide {width: 170px; height: 215px;line-height: 215px; margin: 0 5px; box-sizing:border-box;cursor: -webkit-grab;position:relative;background: #fff url(../images/kuang_bg.png) center no-repeat;background-size:100% 100%;text-align: center;}
#certify .swiper-slide img{max-height: 190px;display: inline-block;/* width:100%; *//* height:100%; */max-width: 85%;/* object-fit: cover; */}
#certify .swiper-slide:after{position:absolute;content:"";width:100%;height:43px;transition:.7s .2s; left:0; bottom:-43px; background:url(../images/yy_bg.png) center no-repeat; background-size:100% 100%;}

#certify .swiper-slide.swiper-slide-active{ }
#certify .swiper-pagination {width: 100%;bottom: 20px; display:none;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 2px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 2px solid #00aadc;background-color: #fff;}
#certify .swiper-button-prev {left: -24px;width: 48px;height: 48px;background:url(../images/left1.png) center no-repeat; }
#certify .swiper-button-prev:hover { }
#certify .swiper-button-next {right: -24px;width: 48px;height: 48px;background:url(../images/right1.png) center no-repeat; }
#certify .swiper-button-next:hover { }
#s_case .swiper-slide .con{ display:none;}
#certify .swiper-button-next, #certify .swiper-button-prev{margin-top: -24px;}

.container04{padding:5rem 0 5rem;overflow: hidden;}
ul.team_list{ margin:0 -3.75rem}
ul.team_list li{ float:left; width:33.333333%; position:relative; text-align:center; padding:0 3.75rem; margin-bottom:2.75rem}
ul.team_list li a{ display:block; overflow:hidden; transition:.6s}
ul.team_list li .img{ overflow:hidden;}
ul.team_list li .img .img_hezi{ padding-bottom:65% !important}
ul.team_list li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
ul.team_list li .img .red-bg{ background:#0049af}
ul.team_list li .img .line {display: block;position: absolute;top: 50%;left: 50%;opacity: 0;visibility: hidden;transition: 400ms;-webkit-transition: 400ms;}
ul.team_list li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
ul.team_list li .img .line_2 {width: 52px;height: 52px;margin: -26px 0px 0px -26px;transform: translateY(55px);-webkit-transform: translateY(55px);}
ul.team_list li h5{ font-size:.9375rem; color:#616366; line-height:1.75rem; margin:1.25rem 0 0}

.container05{padding:5.25rem 0 5.25rem;background:url(../images/container05_bg.jpg) center bottom no-repeat;background-size:cover;overflow: hidden;}
.container05 ul{ margin:0 -5px}
.container05 ul li{ float:left; width:33.333333%; position:relative; text-align:center; padding:0 5px; margin-bottom:12px; text-align:center}
.container05 ul li a{ display:block; overflow:hidden; transition:.6s}
.container05 ul li .img{ overflow:hidden;}
.container05 ul li .img .img_hezi{ padding-bottom:63.10%}
.container05 ul li .con h5{height:3.75rem;line-height:3.75rem;background:#f1f3f5;padding:0 1.5rem;font-size: 1rem;color:#aeb3b6;transition:.6s;}
.container05 ul li .con h5 font{ color:#2d2e2e}

.container05 ul li:nth-child(1), .container05 ul li:nth-child(2){ width:50%} 
.container05 ul li:nth-child(1) .con h5, .container05 ul li:nth-child(2) .con h5{ background:#fff;}

.container06{padding:5rem 0 3rem 0;overflow: hidden;}
.container06 .w1400{ max-width:100%; padding:0 6.25rem}
.container06 .miso_hd{margin-top: -1rem;margin-bottom:3.75rem;text-align:center;font-size: 0;}
.container06 .miso_hd ul li{ margin:0 7px; float:none; display:inline-block; max-width:9.6875rem}
.container06 .miso_hd ul li a{display:block;height:2.875rem;line-height:2.75rem;border:#d8d8db 1px solid;background:#fff;text-align: center;font-size: 0.9375rem;color: #48484d;border-radius: 2px;transition: .6s;}

.container06 .miso_hd ul li.miso-current a{ border:#0b71bb 1px solid; background:#0b71bb; color:#fff; }

ul.case_list{ margin:0 -.625rem; margin-bottom:2rem}
ul.case_list li{ float:left; width:25%; padding:0 .625rem; text-align:center; margin-bottom:1.5rem}
ul.case_list li a{ display:block; position:relative; transition:.6s; overflow:hidden}
ul.case_list li a .img{ overflow:hidden}
ul.case_list li a .img .img_hezi{ padding-bottom:68.67% !important}
ul.case_list li .img .top{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition:.6s}
ul.case_list li .img .top h5{font-size:1.125rem;color:#fff; line-height:1.75rem; padding:0 15px; margin-bottom:1.25rem;position: relative;z-index: 10; opacity:0; visibility:hidden; transition:.6s}
ul.case_list li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
ul.case_list li .img .red-bg{ background:#0049af}
ul.case_list li .img .line_box{ position:relative; width:52px; height:52px; display:inline-block}
ul.case_list li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
ul.case_list li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
ul.case_list li .img .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }
ul.case_list li .con{ padding:1.75rem 0; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/yinying.png) center bottom no-repeat; transition:.6s}
ul.case_list li .con h5{font-size: 1.125rem;color: #fff;line-height:1.5rem;transition:.6s;position: absolute;bottom: 1rem;left: 0;right: 0;}

.more00{ text-align:center}
.more00 a{display:inline-block;border:#eaeaea 1px solid; width:20rem; height:2.8125rem;line-height:2.75rem;border-radius:3px;background:#fff;font-size:1rem;color:#7f7f7f;transition:.6s;position: relative; text-align:center}
.more00 a span{ position:relative}
.more00 a:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; transition:.6s}

.container07{padding:4.375rem 0 3.25rem;background:#f2f2f2;overflow: hidden;}
.container07 ul{ margin:0 -.625rem; }
.container07 ul li{ float:left; width:50%; padding:0 .625rem; text-align:center; padding-bottom:5rem}
.container07 ul li a{ display:block; position:relative; transition:.6s; overflow:hidden; background:#fff; padding:3.125rem 3.75rem 3rem}
.container07 ul li a h2{ font-size:2.5rem; color:#0049af; font-weight:bold; font-family:Impact}
.container07 ul li a h3{ font-size:1.75rem; color:#2a2a2a; font-weight:bold; margin:1.5rem 0}
.container07 ul li .con{ position:relative; padding:1.375rem 0 0; height:9.375rem}
.container07 ul li .con:before{ content:""; position:absolute; top:0; width:1.5rem; height:3px; left:50%; margin-left:-.75rem; background:#0049af}
.container07 ul li .con p{ font-size:.8125rem; color:#2a2a2a; line-height:1.5rem; height:1.5rem; text-align:left; transition:.6s}
.container07 ul li .con .kaiguan{ text-align:center; margin-top:1.25rem; transition:.6s}
.container07 ul li .con .kaiguan .ico{ display:inline-block; width:42px; height:42px; border:#e5e5e5 1px solid; line-height:40px; border-radius:50%}
.container07 ul li .con .kaiguan span{ display:inline-block; font-size:12px; color:#bdbdbd; margin-left:5px}
.container07 ul li .con .kaiguan span i{ font-style:normal}
.container07 ul li .img{ overflow:hidden; box-shadow: -9.859px 18.542px 24px 0px rgba(0, 0, 0, 0.08);}
.container07 ul li .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#fff 3px solid}

.container07 ul li .img .img_hezi{ padding-bottom:36.36% !important}


.container07 ul .miso-dots{ text-align:center; margin:0; padding:0; font-size:0}
.container07 ul .miso-dots li{ display:inline-block; width:2.875rem; height:6px; border:#bfbfbf 1px solid; padding:0; margin:0 0.375rem; float:none; transition:.6s}
.container07 ul .miso-dots li.miso-active{ background:#0049af; border:#0049af 1px solid}




.con_gg img{ width:100%}
.con_gg img.ar_wap{ display:none}

.container08{ padding:3rem 0 2rem; border-bottom:#f6f6f6 2px solid}
.container08 .title001{ margin-bottom:3.5rem}
.container08 .content{ margin:0 -1rem; margin-bottom:3rem}
.container08 .content .box{ float:left; width:33.333333%; padding:0 1rem}
ul.news_list li .img, ul.news_list li .img img{ width:100%; height:16.25rem; overflow:hidden}
ul.news_list li .con{background:#f8f8f8;padding: 1.875rem 1.875rem 3.5rem;}
ul.news_list li .con h4 span{ width:105px; height:30px; line-height:30px; display:inline-block; background:#0049af; border-radius:4px; text-align:center; font-size:.9375rem; color:#fff; position:relative}
ul.news_list li .con h4 span:before{content:"";position:absolute;top:50%;right: -12px;border: transparent 6px solid;border-left:#0049af 7px solid;margin-top: -6px;}
ul.news_list li .con h5{ font-size:1.125rem; color:#353535; line-height:1.75rem; font-weight:bold; margin-top:2rem; transition:.6s}
ul.news_list li .con h6{font-size:.875rem;color:#353535;margin: 1rem 0 1.75rem;}
ul.news_list li .con h6 img{ display:inline-block; margin:-3px .5rem 0 0}
ul.news_list li .con p{ font-size:0.875rem; color:#353535; line-height:1.5rem; height:3rem; opacity:.8}

ul.news_list .miso-dots{margin:0;padding: 0 2rem;bottom: 14.375rem;text-align: right;}
ul.news_list .miso-dots li{ width:.625rem; height:.625rem; border:#9a9a9a 1px solid; border-radius:50%;}
ul.news_list .miso-dots li.miso-active{ border:#0049af 2px solid}

.container08 .content .box .box_li{ background:#f8f8f8; height:33.875rem; padding:1.875rem}
.container08 .content .box .box_li h3{ font-size:1rem; color:#282828; font-weight:bold; margin-bottom:1.5rem}
.container08 .content .box .box_li h3 font{ font-size:1rem; color:#bcbcbc; text-transform:uppercase; margin-left:.375rem}
.container08 .content .box .box_li ul li{ border-bottom:#dddddd 1px solid; padding-bottom:1rem; margin-bottom:1rem; position:relative}
.container08 .content .box .box_li ul li:after{ content:""; position:absolute; right:0; width:0; transition:.6s; bottom:-1px; height:2px;}
.container08 .content .box .box_li ul li:last-child{ border:none}
.container08 .content .box .box_li ul li a h5{ background:url(../images/container08_ico1.png) left center no-repeat; height:1.625rem; line-height:1.625rem; background-size:auto 1.625rem; padding-left:2.875rem; font-size:1.0625rem; color:#353535;}
.container08 .content .box .box_li ul li a p{ background:url(../images/container08_ico2.png) left 0 no-repeat; height:1.625rem; line-height:1.625rem; background-size:auto 1.625rem; padding-left:2.875rem; font-size:0.875rem; color:#353535; line-height:1.5rem; height:3rem; opacity:.6; margin-top:0.625rem}

.container09{ padding:4rem 0 6.25rem; background:url(../images/jianzhu.png) center bottom no-repeat; background-size:100% auto}
.container09 .left{ width:20.625rem;}
.container09 .left h2{ font-size:2.5rem; color:#000000; line-height:3rem;}
.container09 .left h2 font{ color:#0049af; font-family:DISNEYENGLISH-BOLD;}

.container09 .left h4{ font-size:1.125rem; color:#000000; line-height:1.875rem; opacity:.8; margin:3.125rem 0 4rem}
.container09 .left h4 font{ font-size:1.5rem; color:#0b71bb; font-family:DISNEYENGLISH-MEDIUM; }
.container09 .left a{ display:block; font-size:0}
.container09 .left .left_con{ display:inline-block; width:15rem; height:3.75rem; line-height:3.5rem; border:#0049af 1px solid; vertical-align:top; text-align:center; background:#fff; transition:.6s}
.container09 .left .left_con span{position:relative;font-size:.9375rem;color:#000;display: inline-block; transition:.6s}
.container09 .left .left_con i svg{display:inline-block;width: 1.75rem;height: 1.75rem;vertical-align: top;margin: .875rem 0 0 1rem; transition:.6s}
.container09 .left .right_con{ display:inline-block; width:4.375rem; height:3.75rem; background:#0049af; font-size:.9375rem; line-height:1.125rem; color:#fff; transition:.6s}

.container09 .left a:hover .left_con{ background:#0049af}
.container09 .left a:hover .left_con span{ color:#fff}
.container09 .left a:hover .left_con i svg{ fill:#fff}
.container09 .left a:hover .right_con{ background:#1f75ee}

.container09 .right{ width:46rem; max-width:calc(100% - 20.625rem)}
.container09 .right ul{ margin:0 -7px; padding-bottom:4rem}
.container09 .right ul li{ float:left; width:33.333333%; padding:0 7px; margin-bottom:14px;}
.container09 .right ul li a{ display:block; width:100%; position:relative; transition:.6s}
.container09 .right ul li a .img, .container09 .right ul li a .img img{ width:100%; overflow:hidden; position:relative}
/*.container09 .right ul li a .img img{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6;  -moz-opacity:0.6; -khtml-opacity:0.6; transition:.6s}*/
.container09 .right ul li a .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#e5e5e5 1px solid;}
.container09 .right ul .miso-dots{ margin:0; padding:0 2rem; text-align:right}
.container09 .right ul .miso-dots li{width:22px;height:22px;position:relative;float:none;display:inline-block;padding: 0;}
.container09 .right ul .miso-dots li:before{ content:""; position:absolute; width:6px; height:6px; background:#898989; border-radius:50%; left:50%; top:50%; margin:-3px 0 0 -3px}
.container09 .right ul .miso-dots li button{width:22px;height:22px;border:#000000 2px solid;border-radius:4px;font-size: 12px;color: #000000;font-family: LemonMilk;opacity:0;visibility:hidden;padding: 0;line-height: 18px;}

.container09 .right ul .miso-dots li.miso-active:before{ opacity:0; visibility:hidden}
.container09 .right ul .miso-dots li.miso-active button{ opacity:1; visibility:visible}

footer {background:#282828;padding: 0;}
footer .w1200{}
footer .fl01{padding: 4.375rem 0 3.375rem;}
footer .fl01 .left{width: calc(100% - 34rem);display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: space-between;border-right: #3e3e3e 1px solid;padding-right:4.375rem;}
footer .fl01 .left dl{ display:inline-block; vertical-align:top}
footer .fl01 .left dl dt{font-size: 1rem;color: #fff;transition:.6s;margin-bottom:1rem;font-weight: 600;}
footer .fl01 .left dl dd{font-size: .875rem;color: #fff;line-height:1.875rem;opacity:.6;transition:.6s;}

footer .fl01 .right{ max-width:28rem}
footer .fl01 .right h3{font-size:1.125rem;color: #fff;margin-bottom: 1.75rem;font-weight: bold;}
footer .fl01 .right ul{ width:7.375rem} 
footer .fl01 .right ul li{float:left;text-align:center;}
footer .fl01 .right ul li .img{width:7.375rem;height:7.375rem;line-height: 7rem;text-align:center;border: #3e3e3e 1px solid;}
footer .fl01 .right ul li .img img{ width:5.5rem; height:5.5rem}
footer .fl01 .right ul li span{font-size:12px;color:#9f9f9f;display:inline-block;padding:0 5px;background: #282828;transform:translateY(-8px);}
footer .fl01 .right .con{ width:calc(100% - 7.375rem); padding-left:2.25rem}
footer .fl01 .right p{font-size:0.875rem;color: #fff;opacity:0.8;line-height:1.875rem;}


footer .fl02{line-height:30px;padding-bottom: 2rem;}
footer .fl02 .left{font-size:13px;color: #c0c0c1;}
footer .fl02 .right{ width:calc(100% - 70px)}
footer .fl02 .right ul li{float:left;font-size:13px;color: #727273;margin-right:1.5rem; transition:.6s}

footer .fl03{border-top: #3e3e3e 1px solid;padding: 1.75rem 0 2rem;text-align: center;}
footer .fl03 p{font-size:12px;color: #727273;line-height:1.625rem;}


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

.n_banner{ height:31.25rem; background-size: cover !important; position:relative; overflow:hidden}
.n_banner .bg{transform: scale(1.15);transition: transform 5800ms ease;background-size: cover !important;}
.n_banner.on .bg{ transform: scale(1);}
.n_banner .top{ position:absolute; top:0; right:0; bottom:0; left:0;}
.n_banner .top h3{ font-size:2.25rem; color:#fff; font-weight:bold; margin-top:6rem}

.mianbao{text-align:center;color:rgba(255,255,255,0.5);margin-top:1.25rem;font-size: 0.875rem;}
.mianbao a{color:rgba(255,255,255,0.5);transition:.6s;font-size: 0.875rem;}
.mianbao i{margin: 0px .125rem;font-style:normal;}
.mianbao i img{vertical-align:middle;margin-top: -2px;}
.mianbao em{font-size: 0.875rem;color:rgba(255,255,255,0.5);font-style: normal;}
.mianbao a:hover{color: #0049af;}

.n_erji{position:relative;z-index:2;overflow: hidden;}
.n_erji ul{display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: space-between;}
.n_erji ul li{display: inline-block;vertical-align: top;border-bottom:#e4e4e5 1px solid;border-right: #e4e4e5 1px solid;}
.n_erji ul li a{ display:block; height:5.375rem; position:relative}
.n_erji ul li a:before{content:"";position:absolute;right: -1px;top:0;bottom:-1px;width:0;transition:.6s;}
.n_erji ul li a:after{content:"";position:absolute;background:url(../images/jaintou.png) center no-repeat;left:50%;margin: -10px 0 0 -10px;bottom:-2.5rem;width: 19px;height: 24px;transition:.6s;transform: translateY(-10px);opacity: 0;}
.n_erji ul li a h3{font-size:1.125rem;color:#3a3a3a;transition:.6s;position:relative;margin: 0.5rem 0 0.125rem;}
.n_erji ul li a h4{ height:0; transition:.6s; position:relative; overflow:hidden}
.n_erji ul li a h4 img{ height:100%; display:inline-block}

.n_erji ul li a:hover h3, .n_erji ul li.on a h3{ font-weight:600; color:#fff}
.n_erji ul li a:hover h4, .n_erji ul li.on a h4{ height:2rem;}
.n_erji ul li a:hover:before, .n_erji ul li.on a:before{width:calc(100% + 1px);left: 0;background:#0049af;}
.n_erji ul li a:hover:after, .n_erji ul li.on a:after{ transform: translateY(0);opacity: 1;}

.n_about .fl01{ padding:8.125rem 0 7.125rem; background:#f3f3f5; position:relative; min-height:661px}
.n_about .fl01 .bg{position:absolute;top:0;right:0;/*background:url(../images/n_about_fl01_bg.png) center no-repeat;*/width:585px;height: 636px;background-size: cover;}
.n_about .fl01 .w1400{ position:relative}
.n_about .fl01 img{max-width: 100% !important; height: auto !important;}

h3.h31{ font-size:2.125rem; color:#3a3a3a; font-weight:bold; margin-bottom:2.5rem}

.n_about .fl01 ul.shuzigd{background:url(../images/jianzhu01.png) left center no-repeat;background-size:15.125rem auto;padding-left:15.125rem;min-height:10rem;padding-top: 3.5rem; margin-bottom:3.25rem}
.n_about .fl01 ul.shuzigd li .shuzi{font-size:3.75rem;}
.n_about .fl01 ul.shuzigd li .xiaozi{padding: .5rem 0 0;text-align: left;}
.n_about .fl01 ul.shuzigd li:last-child:before{ display:none}

.n_about .container05{ background:#fff}
.n_about .container05 ul li:nth-child(1) .con h5, .n_about .container05 ul li:nth-child(2) .con h5{ background:#f1f3f5}
.n_about .container05 .miso-arrow{ background-size:100% 100% !important; width:3rem; height:3rem; }
.n_about .container05 .miso-arrow.miso-prev{ background:url(../images/left02.png) center no-repeat; left:-7.25rem}
.n_about .container05 .miso-arrow.miso-next{ background:url(../images/right02.png) center no-repeat; right:-7.25rem}

.n_about .container07{background:#f2f2f2 url(../images/wenli_bg.png) center bottom no-repeat;padding:4.375rem 0 11.25rem;background-size: 100% auto;}

.n_beijing{background:#f2f2f2 url(../images/wenli_bg.png) center bottom no-repeat;padding:5.5rem 0 11.25rem;background-size: 100% auto;overflow: hidden;}

.n_zizhi ul{ font-size:0; margin:0 -2.8125rem}
.n_zizhi ul li{display:inline-block;width:25%;padding:0 2.8125rem;text-align:center;margin-bottom: 1rem;}
.n_zizhi ul li a{ display:block; cursor:pointer}
.n_zizhi ul li a .img{ width:100%; overflow:hidden}
.n_zizhi ul li a .img .img_hezi{background:url(../images/kuang.png) center no-repeat;padding-bottom: 135.76% !important;background-size:100% 100%;box-shadow: 0 0 5px rgba(0,0,0,0.15);transition:.6s;}

.n_zizhi ul li a .img .img_hezi:before{content:"";position:absolute;left:0;right:0;bottom:-25px;}
.n_zizhi ul li a .img .top{ position:absolute; top:0; right:0; bottom:0; left:0}
.n_zizhi ul li a .img img{max-width: 84%;max-height: 24.0625rem;display: inline-block;}
.n_zizhi ul li a h5{font-size: 1rem;color:#525252;line-height: 5.25rem;text-align:center;margin: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;transition: 0.6s;background: url(../images/yinying1.png) center 2px no-repeat;}
.n_zizhi ul li a .img .top1{position:absolute;top:0;right:0;bottom:0;left:0; transform:translateY(100%); transition:.6s}
.n_zizhi ul li a .img .top1 svg{ fill:#fff; width:1.5rem; height:1.5rem}

.n_news ul.news_list{ margin:0 -1.25rem; margin-top:-2rem}
.n_news ul.news_list li{ padding:0 1.25rem; float:left; width:33.333333%; margin-bottom:2.5rem}
.n_news ul.news_list li a{ display:block; transition:.6s}
.n_news ul.news_list li .con{ background:#fff}
.n_news ul.news_list li .con h4 span{ background:#98a2b0; transition:.6s}
.n_news ul.news_list li .con h4 span:before{ border-left: #98a2b0 7px solid; transition:.6s}

.n_case ul.case_list{ margin:0 -2.4375rem; margin-top:-2rem}
.n_case ul.case_list li{ padding:0 2.4375rem; width:33.333333%; margin-bottom:3.375rem}

.n_product ul.product_list{ margin-top:-2rem}
.n_product ul.product_list li{ width:25%}
.n_product ul.product_list li a .img{padding-bottom:91.111111%;position:relative;height: auto;}
.n_product ul.product_list li a .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}
.n_product ul.product_list li a .img:after{ content:""; position:absolute; width:20px; height:1px; background:#0049af; left:50%; margin-left:-.625rem; bottom:0; transition:.6s}

.problom_list{ margin:0 -.875rem; margin-top:-2rem}
.problom_list li{ float:left; width:33.333333%; padding:0 .875rem; margin-bottom:2.5rem}
.problom_list li a{ padding:2.5rem 1.75rem; background:#fff; position:relative; display:block; transition:.6s}
.problom_list li a:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#0049af 2px solid; border-radius:4px; transition:.6s; opacity:0; visibility:hidden}
.problom_list li a h5{ background:url(../images/container08_ico1.png) left center no-repeat; height:1.625rem; line-height:1.625rem; background-size:auto 1.625rem; padding-left:2.875rem; font-size:1.0625rem; color:#353535;}
.problom_list li a p{ background:url(../images/container08_ico2.png) left 0 no-repeat; height:1.625rem; line-height:1.625rem; background-size:auto 1.625rem; padding-left:2.875rem; font-size:0.875rem; color:#353535; line-height:1.5rem; height:3rem; opacity:.6; margin-top:0.625rem}

.pingjia_list{ margin:0 -1.875rem; margin-top:-2rem}
.pingjia_list li{ float:left; width:50%; padding:0 1.875rem; margin-bottom:1.5rem}
.pingjia_list li a{ padding:2.5rem 2.5rem; background:#fff; position:relative; display:block; transition:.6s; border:#e5e5e5 1px solid}
.pingjia_list li a:after{ content:""; position:absolute; bottom:-1px; right:0; width:0; height:3px; transition:.6s}
.pingjia_list li a h5{ font-size:1.25rem; color:#2b2b2c}
.pingjia_list li a p{font-size: 0.875rem;line-height: 1.5rem;color:#99999b;height: 3rem;margin: 1.25rem 0 1.875rem;}
.pingjia_list li a h6 font{padding-left:3.625rem;font-size: 1.125rem;color:#0049af;line-height:30px;position:relative;}
.pingjia_list li a h6 font:before{ content:""; position:absolute; left:0; top:50%; width:2.75rem; height:1px; background:#c2c1bf}
.pingjia_list li a h6 span{ display:inline-block; width:65px; height:30px; line-height:30px; background:#f2f2f2; border-radius:15px; text-align:center; float:right; font-size:12px; color:#66635f; text-transform:uppercase; transition:.6s}

/*新闻详情*/

#n_news_xq{width:100%;overflow:hidden;position: relative;}
.ar_title{margin-bottom:2rem;border-bottom: 1px solid #dadadc;position:relative;padding-bottom: .25rem;}
.ar_title h3:after{content:"";position:absolute;top: 0.625rem;left: -1.375rem;height: 1.25rem;display:block;width: 5px;background:#0049af;} 
.ar_title h3{font-size: 1.625rem;color: #404040;font-weight:bold;margin-bottom: 0.75rem;line-height: 2.375rem;position: relative;}
.ar_title h6 span{font-size: 0.875rem;color: #4a4a4a;margin-right: 5rem;line-height: 32px;}
.ar_title .butie{ float:right; font-size:1.125rem; color:#383838; margin-top:-2rem;}
.ar_title .butie b{ font-size:3.375rem; color:#f5c237; font-family:"Geometr706 BlkCn BT"; font-weight:normal;}
.ar_title .butie font{ font-size:1.5rem; color:#f5c237;}
#n_news_xq .right_con{float:right;width: 25.625rem;}
#n_news_xq .left_con{width: calc(100% - 25.625rem);padding-right:3.5rem;}
#n_news_xq .right_con>.box{border: #e5e5e5 1px solid;padding: 1.5rem 2.2rem;background: #fff;}
#right_search form{ position:relative; width:100%; margin:0 auto; background:#fff; border:2px solid #eee; height:60px;}
#right_search #keyword{width: 90%; height:56px; padding:0 20px; font-size:1.125rem; color:#696969;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
#right_search .btn_blue{ position:absolute; top:0; right:0; width: 40px; height:56px; border:0; line-height:4.25rem;background:url(../images/search.svg) center center no-repeat; background-size:1.125rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase; }

.n_news_detail .ar_article p{font-size:.9375rem;color:#555555;margin-bottom: 0;}

#ar_fot{margin-top:10px;position:relative;width:100%;overflow:hidden;}
#ar_fot .inbox{ position:relative;}
#ar_fot h3{ display:block; font-size:14px; line-height:30px; color:#676869;width:35px; height:35px; transition:.3s; margin:0;}
#ar_fot h3 a{ display:block; width:35px; height:35px;}
#ar_fot h3 a svg{ max-width:100%; max-height:100%; }

#ar_fot h3 a svg *{ fill:#ccc;}
#ar_fot h3 a:hover{ color:#d9353c;}
#ar_fot h3.prev{ position: absolute; left:0; top:0; }
#ar_fot h3.next{ position: absolute; right:0; top:0; }
#ar_fot h3 a:hover svg *{ fill:#f5c237;}
#ar_fot .bnt_back{ font-size:14px; width:160px; height:35px; line-height:35px; margin:0 auto; text-align:center; border:1px solid #ccc; border-radius:20px; transition:.3s;}
#ar_fot .bnt_back a{ display:block; font-size:14px; color:#7f7f7f; transition:.3s;}
#ar_fot .bnt_back:hover{ border:1px solid #f5c237;}
#ar_fot .bnt_back:hover a{ color:#f5c237; }

/*==============字号控件=====================*/
#font_set_box{ background: url(../images/icon_font.svg) left center no-repeat; background-size:22px; padding-left: 26px; }
.font_box{ display:inherit; position:relative; }
.font_box a { display:inline-block; width:14px; line-height:30px; font-size:.875rem; color: #a8a8a8; text-align:center; margin:0 4px;}
.font_box a.on{ color:#0081cc; }
.font_box a:hover{ color:#0081cc; }
.font_size_lg{ font-size:18px !important; line-height: 40px !important;}
.font_size_lg p{ font-size:18px !important; line-height: 40px !important;}
.font_size_md{ font-size:16px !important; line-height: 36px !important;}
.font_size_md p{ font-size:16px !important;  line-height: 36px !important;}
.font_size_sm{ font-size:14px !important;}
.font_size_sm p{ font-size:15px !important;}

#piaofu_news{position: absolute;left: 4%;top: 200px;z-index:9999;width: 42px;transition: .6s;}
#piaofu_news.xg{position: fixed;z-index:9999;top: 200px;}

.piaofu_fx{}
.piaofu_fx ul{  padding:2px 0 0}
.piaofu_fx ul li{float:left;margin-bottom: 12px;position: relative;}
.piaofu_fx ul li > a{display:block;min-width: 42px;width: 42px;height: 42px;border: #a9a9a9 2px solid;line-height: 39px;margin:-1px 0 0;-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;border-radius: 25px;overflow:hidden;color:#fff;font-size:14px;}
.piaofu_fx.fixed{ position:fixed; right:50%; margin-right:-600px; top:0}
.piaofu_fx ul li > a span{display:inline-block;width: 39px;height: 39px;text-align:center;}
.piaofu_fx ul li > a span img.img02{ display:none}

.piaofu_fx ul li > a:hover{width: 108px;background: #0049af;border: #0049af 2px solid;}
.piaofu_fx ul li > a:hover span img.img01{ display:none}
.piaofu_fx ul li > a:hover span img.img02{ display:inline-block}

.fenxiang{display:inline-block;vertical-align: top;}
.fenxiang h4{ display:inline-block}
.fenxiang .bdshare-button-style1-32{ display:inline-block; vertical-align:top}
.fenxiang .bdshare-button-style1-32 a{display:inline-block;background:none;text-indent: 0;width: auto;margin: 0 0.5rem 0 0;}

#n_news_xq .right_con>.box{border: 1px solid #e5e5e5;}
#n_news_xq .left_con>.box{padding: 0;}
#right_search form{ position:relative; width:100%; margin:0 auto; background:#fff; border:2px solid #eee; height:60px;}
#right_search #keyword{width: 90%; height:56px; padding:0 20px; font-size:1.125rem; color:#696969;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
#right_search .btn_blue{ position:absolute; top:0; right:0; width: 40px; height:56px; border:0; line-height:4.25rem;background:url(../images/search.svg) center center no-repeat; background-size:1.125rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase; }

.news_tuijian .box{ }
.news_tuijian .tt{ font-size: 1.25rem; color: #242424; line-height: 2.5rem; font-weight: bold;}
.news_tuijian .tt i{display: inline-block;width: 5px;height: 20px;position: relative;margin-right: 15px;position: relative;top: .25rem;margin-left: -15px;background: #0049af;}
.news_tuijian .tt i:before{content:"";display: block;width: 100%;height: 50%;background: #0049af;left: 0;top: 0;}
.news_tuijian .tt i:after{content:"";display: block;width: 100%;height: 50%;background: #0049af;left: 0;bottom: 0;}
.news_tuijian .tt span{font-size: 1rem;color: #0049af;margin-left:.625rem;font-weight: normal;}

.news_tuijian .txt{padding: 0.75rem 0 0.75rem;border-bottom: 1px solid #cccccc;position: relative;}
.news_tuijian .txt:after{content:"";position:absolute;bottom:-1px;left:0;height:2px;background: #0049af;display:block;width:68px;}
.news_tuijian .txt h5{font-size: 1.125rem;line-height: 1.5;color: #404040;font-weight: bold;transition: .3s;margin-bottom: 1rem;}
.news_tuijian .txt h5:hover{color: #0049af;}
.news_tuijian .txt p{font-size: .9375rem; color: #adadad; line-height: 1.5rem; height: 3rem; overflow: hidden;}
.news_tuijian .txt .top_box{overflow: hidden;margin-top: 1.5rem;}
.news_tuijian .txt .time{font-size: .9375rem;line-height: 2.625rem;color: #989898;}
.news_tuijian .txt .btn_more{ float: right; font-size: .9375rem; color: #919191;}
.news_tuijian .txt .btn_more:hover{ color: #15499a;}
.news_tuijian .txt .arrow_anim{ margin-top: 0;}

.news_tuijian ul{ padding-top: 1rem;}
.news_tuijian ul li{ height:2.625rem;}
.news_tuijian ul li a{ display: block;}
.news_tuijian ul li h5{ font-size:1rem; line-height:2.625rem; color:#6d6d6d; transition:.6s }
.news_tuijian ul li h5:before{content:"●";color: #0049af;margin-right: 0.75rem;font-size: 1rem;top: -2px;position: relative;}
.news_tuijian ul li:hover h5{ color:#0049af; padding-left:4px;}
.news_tuijian ul li:hover h5:before{ color:#0049af;}

.arrow_anim{ display: block; width: 2.625rem; height: 2.625rem; border-radius: 50%; background: #fff; position: relative; margin-top: 1.25rem; overflow: hidden;}
.arrow_anim:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/pro_i.png) center no-repeat; position: absolute; left: -100%; top: 0; background-size: 1.0625rem; transition: .5s;}
.arrow_anim:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/pro_i.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: 1.0625rem; transition: .5s;}
.item:hover .arrow_anim:before{ left: 0;}
.item:hover .arrow_anim:after{ left: 100%;}

.n_contact .left{ width:44.0625rem;}
.n_contact .left ul .miso-list{padding-right: 0; overflow:visible}
.n_contact .left ul{ border-bottom:#d7d7da 1px solid;}
.n_contact .left ul li{margin-bottom:-1px;width:100% !important;position: relative;padding-right: 3.125rem;}
.n_contact .left ul li a{border-top:#d7d7da 1px solid;border-bottom:#d7d7da 1px solid;padding: 2.75rem 0 2.0625rem;position: relative;display:block;}
.n_contact .left ul li:before{ content:">"; font-family:simsun; font-size:1.5rem; color:#0049af; position:absolute; right:0; top:50%; transform:translateX(-1.5rem) translateY(-50%); transition:.6s; opacity:0; font-weight:bold}
.n_contact .left ul li:after{ content:""; position:absolute; left:0; width:0; transition:.6s; height:3px; bottom:-1px; z-index:10}
.n_contact .left ul li .left_con{ width:15rem;}
.n_contact .left ul li .left_con h4{ font-size:1.875rem; color:#3a3a3a; font-weight:bold}
.n_contact .left ul li .left_con h6{ font-size:.875rem; color:#828283; line-height:1.25; margin-top:.375rem; text-transform:uppercase}
.n_contact .left ul li .right_con{width:calc(100% - 15rem);margin:-.5rem 0 0;position: relative;}
.n_contact .left ul li .right_con p{ font-size:1rem; color:#828283; line-height:1.875rem;}

.n_contact .right{ width:calc(100% - 44.0625rem); padding-left:4.375rem;}
.n_contact .right .miso_bd{ width:100%}
.n_contact .right .miso-list{overflow:visible}
.n_contact .right .img_box, .n_contact .right .img_box>img{width:100%;position:relative;object-fit: cover;}
.n_contact .right .img_box:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#fff 3px solid; box-shadow: -4.387px 35.732px 60.45px 4.55px rgba(0, 0, 0, 0.11); z-index:1}
.n_contact .right .img_box .box{display:inline-block;width:9.25rem;height:9.25rem;background: rgba(0,73,175 , .15);border-radius:50%;right:calc(-9.25rem / 2);top:6.25rem;position:absolute;z-index:2; transform:translateY(50px); transition:.6s}
.n_contact .right .img_box .box a, .n_contact .right .img_box .img{ display:block; width:100%; height:100%;}
.n_contact .right .img_box .img{ padding:1rem}
.n_contact .right .img_box .box a .top{display:block;width:100%;height:100%;background:#0049af;border-radius:50%;position: relative;}
.n_contact .right .img_box .box a .top h4 img{ display:inline-block}
.n_contact .right .img_box .box a .top h6{ font-size:.875rem; color:#fff; margin-top:0.5rem}

.animated-circles .circle {background:#0049af;opacity:.2;width: 100%;height: 100%;border-radius: 50%;position: absolute;z-index: 49;transform: scale(.8);-webkit-transform: scale(.8);left: 0;top: 0;z-index: 0;}
.animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards; animation-delay:.3s}
.animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards; animation-delay:.6s}

@keyframes scaleToggleOne { 0 {
transform:scale(.8);
-webkit-transform:scale(.8)
}
50% {
transform:scale(1.08);
-webkit-transform:scale(1.08)
}
100% {
transform:scale(.8);
-webkit-transform:scale(.8)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(.8);
-webkit-transform:scale(.8)
}
50% {
transform:scale(1.08);
-webkit-transform:scale(1.08)
}
100% {
transform:scale(.8);
-webkit-transform:scale(.8)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(.8);
-webkit-transform:scale(.8)
}
50% {
transform:scale(1.08);
-webkit-transform:scale(1.08)
}
100% {
transform:scale(.8);
-webkit-transform:scale(.8)
}
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }


.n_contact .left ul li.miso-current:before{transform:translateX(0) translateY(-50%);opacity:1;margin-right: 5px;}
.n_contact .left ul li.miso-current .left_con h4{ color:#0049af}
.n_contact .left ul li.miso-current:after{ width:calc(100% - 3.125rem); background:#0049af}
.n_contact .right .miso-current .img_box .box{transform:translateY(0); }

.n_product_detail{}
.n_product_detail .fl01{ background:#f3f3f5; padding:4rem 0 0; display:none;}
.n_product_detail .fl01 ul{ display: -moz-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background:#2f74d4; justify-content: space-between; padding:0.5rem 3rem}
.n_product_detail .fl01 ul li{ display:inline-block; font-size:1rem; color:#fff; line-height:2}

.n_product_detail .fl02{ padding:0 0 3.75rem; background:#f3f3f5}
.n_product_detail .fl02 .left{ width:46.07%; background:#fff}
.n_product_detail .fl02 .left ul li{ height:36.875rem;}
.n_product_detail .fl02 .left .img{ width:100%; padding-bottom: 91.111111%; position:relative}
.n_product_detail .fl02 .left .img img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.n_product_detail .fl02 .right{width:calc(100% - 46.07% - .875rem);margin-left:.875rem;height:36.875rem;background:#fff;padding: 3.5rem 4rem;}
.n_product_detail .fl02 .right .top{ border-bottom:#cccccc 1px solid; padding:0 0 1.75rem; margin-bottom:2.75rem}
.n_product_detail .fl02 .right .top h4{ font-size:1.875rem; color:#282828; font-weight:bold; margin-bottom:1.75rem}
.n_product_detail .fl02 .right .top p{font-size: 1rem;color:#282828;opacity:.6;line-height:1.875rem;; }
.n_product_detail .fl02 .right .top .p{font-size: 1rem;color:#282828;opacity:.6;line-height:1.875rem;height: 6rem;overflow:hidden;overflow-y:scroll;}
.n_product_detail .fl02 .right .bottom h3{ font-size:1.25rem; font-weight:bold;color:#0049af; margin-bottom:1rem}
.n_product_detail .fl02 .right .bottom p{font-size:1rem;color:#282828;line-height:1.875rem;overflow: hidden;height: 5.625rem;padding-right: .75rem;margin-right: -.75rem;margin-bottom: 1rem;}

.n_product_detail .fl02 .right .top .p::-webkit-scrollbar {width:2px;height: 8px;background-color:transparent;}
.n_product_detail .fl02 .right .top .p::-webkit-scrollbar-track {border-radius: 10px;background-color:transparent;}
.n_product_detail .fl02 .right .top .p::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}

.more02 a{display:inline-block;width:16rem;height:4rem;line-height:4rem;background:url(../images/jianbian01.png) center no-repeat;background-size:cover;font-size:1.125rem;color:#fff;text-align:center;margin-top:1.875rem;border-radius: 6px;}
.more02 a img{ margin:-3px 0 0 1.25rem}


.more03 a{display:inline-block;width:16rem;height:4rem;line-height:4rem;background: #fff;font-size:1.125rem;color:#fff;text-align:center;margin-top:1.875rem;border-radius: 6px;    color: #888;
    border: 2px solid #888;}
.more03 a img{ margin:-3px 0 0 1.25rem}




.title002{ height:3rem; border-bottom:#d8d8d8 2px solid; margin-bottom:2rem}
.title002 font{ display:inline-block; height:3rem; font-size:1.875rem; color:#282828; font-weight:bold; border-bottom:#0049af 3px solid;}
.n_product_detail h4{ font-size:1.35rem; color:#0049af;}

.ar_article table{ margin-bottom:0}
.ar_article table tr{ background:#dfdfe5}
.ar_article table tr:nth-child(2n-1) td{ background:#fff}
.ar_article table th{color: #1b1b1b;font-size: 1rem;font-weight: normal;}
.ar_article table td{font-size: 1rem;color: #555555;padding: 0.625rem 0.5rem;background: #f1f1f1;text-align: center;}
.ar_article table td a{ color:#0050b7}

.ar_article{ margin-bottom:0}
.ar_article table{ margin-bottom:0}
.ar_article table td{border: #d4d4d4 solid 1px;font-size: 1rem;color: #3c3c3c;line-height: 1.5rem;}

.n_product_detail .fl03{ background:#f3f3f5 }
.n_product_detail .fl03 .box{ border-bottom:#cdcdcf 1px solid;  margin-bottom:3rem}
.n_product_detail .fl03 .box:last-child{ border-bottom:none}
.n_product_detail .fl03 .box .fl{ width:100%}

.title003 h3{ text-align:center; margin-bottom:0.125rem}
.title003 h3 font{ font-size:1.875rem; color:#0049af; display:inline-block; padding-bottom:.875rem; border-bottom:#0049af 3px solid}

.pro_tuijian{ background:#fff url(../images/wenli_bg.png) center bottom no-repeat; padding:4rem 0 7.5rem}
.pro_tuijian .product_list .miso-list{ padding:3rem .5rem; margin:0 -.5rem}

.pro_tuijian .product_list .miso-arrow{ background-size:100% 100% !important; width:3rem; height:3rem; }
.pro_tuijian .product_list .miso-arrow.miso-prev{ background:url(../images/left02.png) center no-repeat; left:-7.25rem}
.pro_tuijian .product_list .miso-arrow.miso-next{ background:url(../images/right02.png) center no-repeat; right:-7.25rem}

.title002 font{ font-size:1.5rem}

.vwrap {display: none;z-index: 1040000;width: 100%;position: fixed;}
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox {z-index: 1200;width: 1000px;height: 560px;background-color: #fff;position: fixed;left: 50%;top: 50%;margin-top: -280px;margin-left: -500px;object-fit: cover;}
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background:#000; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close {z-index: 999;width: 31px;height: 31px;cursor: pointer;position: absolute;top: 0px;right: -42px;text-align: center;}
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close i svg{ transition:.6s}
.vwrap .close:hover i svg{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}

@media(max-width: 992px){
	.vwrap .videobox{width:94%;height: 200px;left: 3%;margin-left: 0;margin-top: -122px;}
	.vwrap .close{right: 0;top: -35px;}
	.vwrap .videobox video{}
}
@media(min-width: 1800px) and (max-width: 1920px){
	.banner .content ul li.miso-slide{ position:relative; width:100%; height:700px; overflow:hidden}
	.banner .content ul li img{height:700px;object-fit:cover; width:1920px; left:50%; top:50%; position:absolute; transform:translateX(-50%) translateY(-50%)}
	.con_gg img.ar_web{ width:1920px; left:50%; position:relative; transform:translateX(-50%)}
}

.online_q {position: fixed;right: 8px;top:50%;transform:translateY(-50%);z-index: 9999;transition:.5s;-webkit-transition:.5s;text-align:center;}
.online_q .btn-02{padding: 8px 0;position: relative;}
.online_q .btn2 a{display:block;padding: 18px 0;width: 5.75rem;height: 5.75rem;background: #fff;box-shadow: 0px 9px 6.8px 1.2px rgba(0, 0, 0, 0.18);border: #ededf0 1px solid;border-radius: 50%;}
.online_q .btn2 h3{height: 2.25rem;}
.online_q .btn2 h3 img{transition:.6s;vertical-align: top;max-height: 1.75rem;}
.online_q .btn2 h5{font-size: .875rem;color: #5c5c5c;}

.online_q .btn-top.hide{ height:0; overflow: hidden;}
.online_q .btn-top{transition:.6s;cursor:pointer;margin-top: 8px;}

.online_q .btn2:hover h3 img{ transform:rotateY(180deg)}
.online_q .social-share{position:absolute;background: #1f75ee;border-radius:3px;height: 45px;right: 120px;top:50%;margin-top: -50.5px;text-align: center;opacity:0;transition: .6s;-webkit-transition: .6s;visibility:hidden;font-size: 18px;color: #fff;white-space: nowrap;padding: 0 15px;}
.online_q .social-share1{height:auto;padding: 0 10px;}
.online_q .social-share:before{content:"";display:block;width:0;height:0;border:10px solid transparent;border-left: 10px solid #1f75ee;position:absolute;right:-15px;top:50%;margin-top:-10px;}
.online_q .social-share img{width:80px;height:80px;margin-top:10px;margin-bottom:10px;}
.online_q .btn2:hover .social-share{opacity:1;right: 100px;visibility:visible;}

.dl_list{text-align:center;margin: -3rem -.75rem 5rem;font-size: 0;}
.dl_list dd{display:inline-block;padding:0 .75rem;margin-bottom: 1rem;}
.dl_list dd a{ display:block; line-height:3.5rem; padding:0 1.75rem; font-size:0.9rem; color:#333; background:#fff; border-radius:3px; transition:.5s}
.dl_list dd.on a, .dl_list dd a:hover{ background:#0049af; color:#fff}

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

/*aos="zoom-in" aos-duration="1200"*/



 /*内页-产品中心-列表*/
.inside-products-list{ width:100%; margin-top:35px;}
.inside-products-list .left{ width:20%; padding: 10px; overflow:hidden; background:#fff; box-shadow:0 0 10px 1px #f1f1f1; }
.inside-products-list .left .mCustomScrollBox{ padding:0 20px;}
.inside-products-list .left .mCSB_scrollTools{ right:1px;}
.inside-products-list .left .mCSB_scrollTools .mCSB_dragger_bar{ background:rgba(0, 0, 0, 0.32) !important;}
.inside-products-list .left .item{ width:100%; margin-top:2px;}
.inside-products-list .left .item .title{ width:100%; cursor:pointer; background:#ededed; background-size:20px !important; color:#666; padding:16px 24px;}
.inside-products-list .left .item .title a{ color:#666;}
.inside-products-list .left .item .ites{ width:100%; padding:20px 24px;}
.inside-products-list .left .item .ites .slide{ width:100%; margin-top:12px;}
.inside-products-list .left .item .ites .slide a{ color:#888;}
.inside-products-list .left .item .ites .slide a:hover{ color:#0049af;}
.inside-products-list .left .item .ites .slide.cur{ background:url(../images/img82.jpg) no-repeat left center; background-size:10px !important; padding-left:24px;}
.inside-products-list .left .item .ites .slide.cur a{ color:#0049af;}
.inside-products-list .left .item .ites .slide:nth-child(1){ margin-top:0;}
.inside-products-list .left .item:hover .title{ background:#0049af; color:#fff;}
.inside-products-list .left .item.cur .title{ background:#0049af url(../images/img80_1.png) no-repeat 92% center; color:#fff;}
.inside-products-list .left .item:nth-child(1){ margin-top:0;}
.inside-products-list .left[data-products-category-total] .item .title{ background:#ededed url(../images/img79.png) no-repeat 92% center;}
.inside-products-list .left[data-products-category-total] .item.cur .title{ background:#0049af url(../images/img80.png) no-repeat 92% center;}
.inside-products-list .left[data-products-category-total] .item.cur .title a{ color:#fff;}
.inside-products-list .left[data-products-category-total] .item.cur .ites{ display:block;}
.inside-products-list .left[data-products-category-total] .item:hover .title{ background:#0049af url(../images/img79.png) no-repeat 92% center;}
.inside-products-list .left[data-products-category-total] .item:hover .title a{ color:#fff;}
.inside-products-list .left[data-products-category-total] .item.cur:hover .title{ background:#0049af url(../images/img80.png) no-repeat 92% center;}
.inside-products-list .left[data-products-category-total] .item.cur:hover .title a{ color:#fff;}
.inside-products-list .right{ width:77.5%;}
.inside-products-list .right .select{display: none; width:100%; height:45px; background-position:96%; border:1px solid #ccc; padding:0 24px; margin-bottom:20px;}
.inside-products-list .right .item .slide{ width:49%; border:1px solid #ccc; padding:15px; margin-top:3.5%;background:#fff;}
.inside-products-list .right .item .slide .img{ width:38.2%;}
.inside-products-list .right .item .slide .img img{width: 100%; height: 100%;transition: 0.6s;}
.inside-products-list .right .item .slide .img i{ padding-top:100%;}
.inside-products-list .right .item .slide .contents{ width:54%; margin-top:6px;}
.inside-products-list .right .item .slide .contents .title{ width:100%; font-size: 18px; font-weight: bold;}
.inside-products-list .right .item .slide .contents .title a{ color:#333;}
.inside-products-list .right .item .slide .contents .tag{ width:100%; color:#0049af; margin-top:10px;}
.inside-products-list .right .item .slide .contents .brief{ width:100%; line-height:1.6; color:#888; margin-top:10px; font-size: 14px;}
.inside-products-list .right .item .slide .contents .other{ width:100%; margin-top:26px;}
.inside-products-list .right .item .slide .contents .other .btn-one{ background:#888; color:#fff; border-radius:20px; padding:7px 14px;}
.inside-products-list .right .item .slide .contents .other .btn-two{ background:#fff; color:#888; border:2px solid #888; border-radius:20px; padding:5px 12px; margin-left:20px;}
.inside-products-list .right .item .slide:hover{ box-shadow:0 0 10px 1px #ccc;}
.inside-products-list .right .item .slide .img:hover img{ transform: scale(1.1);}

.inside-products-list .right .item .slide:hover .contents .other .btn-one{ background:#0049af;}
.inside-products-list .right .item .slide:hover .contents .other .btn-two{ color:#0049af; border-color:#0049af;}
.inside-products-list .right .item .slide:nth-child(-n+2){ margin-top:0;}
.trans, [trans] {
    -webkit-transition: all 600ms ease 0s;
    transition: all 600ms ease 0s;
    outline: none;
}
/*内页-公共样式*/
.inside-title{ width:100%; text-align:center;}
.inside-title .text-one{ font-size:40px; color:#333; font-family:'HZGB';}
.inside-title .text-one img{ max-width:100%;}
.inside-title .text-two{ font-size:20px; color:#333; margin-top:20px;}
.inside-title-two{ width:100%; background:url(../images/img17.jpg) repeat-x center bottom; padding-bottom:28px;}
.inside-title-two span{ width:100%; height:24px; line-height:22px; display:block; font-size:24px; color:#333; border-left:5px solid #004ba0; padding-left:12px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.inside-title-thr{ width:100%; text-align:center; font-size:28px; color:#282828;}
.inside-more{ width:100%; text-align:center; vertical-align:middle; cursor:pointer; background:#e9e9e9; color:#0049af; padding:10px 0; margin-top:40px;}
.inside-more img{ vertical-align:middle; margin-left:10px; margin-top:-2px;}
.hide, [hide] {
    display: none;
}
@media only screen and (max-width: 980px){
#warp .wow {
    visibility: visible !important;
}
.ly-pro-left{display: none;}
.inside-products-list .right{ width:100%;}
.inside-products-list .right .select{ height:45px; background-size:12px !important; background: #fff; padding:0 20px;display: block;}
    .inside-products-list .right .item .slide{padding:10px;}
    .inside-products-list .right .item .slide .img{ width:100%; float:none; display:block; margin:auto;}
    .inside-products-list .right .item .slide .contents{ width:100%; float:none; margin-top:10px;}
    .inside-products-list .right .item .slide .contents .title{ font-size:12px;}
    .inside-products-list .right .item .slide .contents .tag{ font-size:12px; margin-top:4px;}
    .inside-products-list .right .item .slide .contents .brief{ font-size:10px; margin-top:4px;}
    .inside-products-list .right .item .slide .contents .other{ margin-top:10px;}
    .inside-products-list .right .item .slide .contents .other .btn-one{ font-size:10px; margin-right:10px;}
    .inside-products-list .right .item .slide .contents .other .btn-two{ font-size:10px; margin-left:0;}

 

    }

.ly-pro-left{width: 20%; float: left; box-shadow:0 0 10px 1px #ccc; }

.ly-pro-left .list{
    width : 100%;
}
.ly-pro-left .list .ly-span{
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    display: block;
    background: #0049af;
    color: #fff;
    border-bottom: 1px solid #c3c3c3;
}
.ly-pro-left .list ul{
    list-style: none;
    max-height: 816px; overflow-x:hidden; overflow-y:auto; position: relative;
}
/*.ly-pro-left .list ul::-webkit-scrollbar {
    width: 6px;
    height: 10px;
    background-color: #F5F5F5;
}*/
.ly-pro-left .list>ul>li{
    width        : 100%;
    display: block;
    border-bottom: 1px solid #c3c3c3;
    -webkit-transition: .8s ease;
    -moz-transition: .8s ease;
    -o-transition: .8s ease;
            transition: .8s ease;
    cursor: pointer;
}

 
 

.ly-pro-left .list>ul>li p[class=title]{
    width      : 100%;
    background : #fff;
    height     : 50px;
    line-height: 50px;
    padding    : 0;
     padding-left: 30px;
    border     : none;
    position   : relative;
    font-size  : 16px;
    color: #666;
}

.ly-pro-left .list>ul>li p[class=title] a{
    font-size: 16px;
}

.ly-pro-left .list>ul>li p[class=title]>span{
    position: absolute;
    right: 10%;

}
.ly-pro-left .list-se{
    overflow: hidden;
    display: none;
}
.ly-pro-left .list-se>p{
    background: #0049af !important;
    color:#fff !important;
}
.ly-pro-left .list-se>li{
    position: relative;
    right   : -100%;
    -webkit-transition: right .5s;
    -moz-transition   : right .5s;
    -o-transition     : right .5s;
    transition        : right .5s;
}
.ly-pro-left .list-se>li>p{
    background: #fcfeff;
    color: #656565;
    height      : 40px;
    -webkit-box-sizing :border-box;
            box-sizing :border-box;
    padding-left: 15px;
    line-height : 40px;
    border-left : 5px solid #00619b; 
    -webkit-transition   : border .5s; 
             transition  : border .5s;
    -webkit-transition   : background .3s;
             transition  : background .3s;
             font-size: 15px;
    border-bottom: 1px solid #eee; 
}
.ly-pro-left .list-se>li>p:hover{
     
    background  : #5b5b5b;
    color: #fff;
    cursor: pointer;
}

.cut {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.inside-products-keyword{ width:100%;}
.inside-products-keyword .form{ width:320px; height:50px; border:1px solid #ccc; border-radius:4px; padding:0 16px; margin:auto; margin-top: 1.8rem;}
.inside-products-keyword .form form{ height:100%;}
.inside-products-keyword .form form .input{ width:260px; height:100%; color:#bdbdbd;}
.inside-products-keyword .form form .btn{ width:20px; height:100%; cursor: pointer; background:url(../images/img81.png) no-repeat center; background-size:100%;}
.inside-products-keyword .item{ width:100%; margin-top:20px;}
.inside-products-keyword .item .text-one{ color:#999;}
.inside-products-keyword .item .text-two{ color:#666; margin-left:14px;}
.inside-products-keyword .item .text-two:hover{ color:#3274b7;}
.inside-products-keyword .item .text-two:nth-child(2){ margin-left:0;}


#ly-pro .swiper {
        width: 100%;
        height: 100%;
      }

      #ly-pro .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      #ly-pro .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      #ly-pro .swiper {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        
      }

      #ly-pro .swiper-slide {
        background-size: cover;
        background-position: center;
      }

      #ly-pro .mySwiper2 {
        height: 73%;
        width: 100%;
      }

      #ly-pro .mySwiper {
        height: 21%;
        box-sizing: border-box;
        padding: 11px 0;
        margin-top: 6%
      }

      #ly-pro .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
        cursor: pointer;
      }

      #ly-pro .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
      }


      #ly-pro .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

#float .two{ width:100%; max-width:1920px; height:100%; position:fixed; top:0; left:0; right:0; z-index:66; margin:auto; text-align: center;}
#float .two::before{ width:100%; max-width:1920px; height:100%; background:rgba(0,0,0,.6); position:fixed; top:0; left:0; right:0; z-index:1; margin:auto; content:'';}
#float .two .item{ width:90%; max-width:900px; background:#fff; position:relative; z-index:2; padding:46px 110px 70px; margin:10% auto 0;}
#float .two .item .shutdown{ width:30px; cursor:pointer; overflow:hidden; position:absolute; right:-15px; top:-15px; z-index:2;}
#float .two .item .title{ width:100%;}
#float .two .item .title .text-one{ width:100%; color:#333; font-size: 24px;}
#float .two .item .title .text-two{ width:100%; margin-top:16px;}
#float .two .item .title .text-two b{ color:#666; font-size: 18px;}
#float .two .item .title .text-two span{ color:#3274b7; margin-left:20px;}
#float .two .item .form{ width:100%; margin-top:32px;}
#float .two .item .form .textarea{ width:100%; height:110px; border:1px solid #ccc; resize:none; padding:12px; margin-top: 20px;}
#float .two .item .form .slide{ width:100%;}
#float .two .item .form .slide .input{ width:100%; height:40px; color:#666; border:1px solid #ccc; padding:0 12px; margin-top:20px;}
#float .two .item .form .slide.cur .input{ width:32%; margin-right:2%;}
#float .two .item .form .slide.cur .input:nth-child(3){ margin-right:0;}
#float .two .item .form .btn{ cursor:pointer; color:#3274b7; border:2px solid #3274b7; border-radius:50px; box-shadow:0 0 5px 1px #3274b7; padding:10px 36px; margin:40px auto 0;}


.n_contact{padding:75px 0 60px; background:#f4f5f6}

.n_contact .top{width: 100%;}

.n_contact .top .con{padding: 0 0 52px 0;overflow:  hidden;}

.n_contact .top .con .ar_article{float:left;width: 648px;}

.n_contact .top .con h3{padding: 85px 0 0;}

.n_contact .top .con .right{float:right; width:496px; height:367px; position:relative;}

.n_contact .top .con .right img{ position:absolute; left:-85px; bottom:0}

.n_contact .top .con .right ul{text-align:right;font-size: 0;}

.n_contact .top .con .right ul li{display:inline-block; *display:inline;*zoom:1;margin-left: 40px;text-align:center;}

.n_contact .top .con .right ul li h6{ height:36px; line-height:36px; text-align:center; font-size:14px; color:#545353;}