﻿@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
@charset "utf-8";/* CSS Document */
html, body { font: 14px/1.8 '微软雅黑', Tahoma, Verdana, 'Simsun'; color: #333; -webkit-text-size-adjust: none; margin: 0; }
h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0; font-weight: normal; }
ol, ul, li, dl, dt, dd { list-style: none; padding: 0; margin: 0; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: none; }
img { max-width: 100%; height: auto; }
input { -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; -webkit-appearance: none; outline: none; border: none; }
.container{max-width:100%;}
.clear { clear: both; }/*导航*/
.fl { float: left; }
.fr { float: right; }
.header { width: 100%; z-index: 999; height: 90px; padding: 0 30px; line-height: 90px; position:relative;   transition: .2s;    background: #f9f8f8; }
.header .container { padding: 0 40px; max-width: 1410px; width: 100%; margin: 0 auto; position: relative;  border-radius: 20px; }/*左侧logo*/
.header .left { float: left; }
.header .left a img { margin-top: 16px; }
.header .tl{margin-top: 35px;    margin-right: 20px;}
.header .ww{margin-top: 35px;cursor: pointer;}
.header .w-x{right: 0; display:none;   position: absolute;top: 90px;padding: 15px;  background: #4f96de;}
.header .left .img2 { display: none; }
.fixnav { width: 100%; margin-left: 0; position: fixed; left: 0; top: 00; border-radius: 0; transition: .2s; }/*右侧*/
.header .nav { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; height: 100%; line-height: 50px; display: block;     margin-right: 24px;}
.header .navbar_nav li { float: left; position: relative; display: block; }
.header .navbar_nav li:after { content: ""; width: 0; height: 3px; background: #428ccd; position: absolute; bottom: 16px; left: 0; transition: all 0.5s ease 0s; }
.header .navbar_nav li:hover:after { width: 100%; }
.header .navbar_nav li a { line-height: 90px; text-decoration: none; height: 100%; padding: 0 22px; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-size: 16px; color: #666; }
.header .navbar_nav li:hover a { color: #428ccd; }
.header .navbar_nav li.dropdown { display: inherit; position: relative; }
.header .navbar_nav li.dropdown .jt { width: 20px; height: 20px; background-size: 100% 100%; display: block; }
.header .navbar_nav li.dropdown .dropdown_menu { display: none; position: absolute; top: 90px; width: 100%; background: #fff;/*box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);*/ width: 137%; left: -16%; }
.header .navbar_nav li.dropdown .dropdown_menu a { font-size: 14px; color: #666; padding: 0 10px; line-height: 40px; text-align: center; margin-bottom: 2px; }
.header .navbar_nav li.dropdown:hover .dropdown_menu { display: block; background: #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.header .navbar_nav li.dropdown:hover .dropdown_menu a { color: #666; }
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover { color: #fff; background: #428ccd; }
.st { float: right; font-size: 14px; color: #fff; margin-top: 26px; line-height: 30px; }
.st h2 { font-size: 14px; color: #fff; }/*白色背景的头部*/
.header.on {    background: #f9f8f8; border-bottom: 1px solid #f5f5f5; }
.header.on .left .img1 { display: none; }
.header.on .left .img2 { display: block; margin-top: 12px; }
.header.on .navbar_nav li a { color: #333; }
.header.on .navbar_nav li:hover a { color: #428ccd; }
.header.on .st h2 { color: #333; }
.header.on .st p { color: #333; }
#navToggle { display: none; }
.m_nav { position: fixed; top: 0px; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 100%; height: 100%; background: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(100%); }
.m_nav.open { transform: translateX(0); }
.m_nav .top { height: 60px; padding: 20px; box-sizing: border-box; }
.m_nav .top .closed { width: 30px; height: 30px; vertical-align: middle; float: right; cursor: pointer; }
.m_nav .logo { width: 100%; margin: 0 auto; }
.m_nav .logo img { display: block; margin: 30px auto; }
.m_nav .ul { margin-top: 30px; }
.m_nav .ul li { padding: 0 20px; border-bottom: 1px solid #f5f5f5; transform: translateY(0); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0; }
.m_nav.open .ul li { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.m_nav .ul li:nth-child(1) { -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(2) { -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(3) { -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(4) { -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(5) { -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(6) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li a { display: block; text-decoration: none; color: #333; font-size: 16px; height: 50px; line-height: 50px; width: 100%; }
.m_nav .ul li .dropdown_menu { display: none; }
.m_nav .ul li.dropdown.active .dropdown_menu { display: block; }
.m_nav .ul li .dropdown_menu a { display: block; height: 50px; line-height: 50px; padding: 0 40px; box-sizing: border-box; border-bottom: 1px solid #f5f5f5; }
.m_nav .ul li .dropdown_menu a:last-child { border: none; }/*头部*/
.wap-top { width: 100%; background: #4c6ef4; line-height: 45px; }
.wap-top p { float: left; color: #fff; }
.wap-top span { display: block; float: right; color: #fff; }
.wap-top span img { margin-right: 10px; }/*banner*/
#guide-banner { position: relative; height: 580px; background-size: auto 100%;}
.swiper-banner { position: relative; width: 100%; height: 728px; overflow: hidden; }
.swiper-banner a { display: block; height: 100%; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
.swiper-slide { float: left; height: 100%; background-repeat: no-repeat; overflow: hidden; background-position: center center; background-size: cover; }
.swiper-pagination { position: absolute; bottom: 10%; left: 0; width: 100%; height: 10px; text-align: center; }
.swiper-pagination .swiper-pagination-bullet { display: inline-block; height: 10px; width: 10px;border-radius:50%; margin: 0 6px; background: #fff; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.swiper-pagination .swiper-pagination-bullet-active { background: #428ccd; }/*服务*//*youshi*/
.you-b { width: 100%; }
.youshi_box { text-align: center; }
.youshi_box h3 { color: #666; font-size: 26px; margin: 80px 0px 12px 0px; text-align: center; }
.youshi_box span { width: 73px; height: 1px; margin: 26px auto; text-align: center; background: #428ccd; display: block; }
.ind_cta.twospace { width: 50%; }
.ind_cta { float: left; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; padding-bottom: 25%; width: 22%; color: white; transition: 0.3s; margin: 20px 10px 0px 10px; }
.ind_cta .content_absolute { z-index: 2; }
.content_absolute { background: rgba(0,0,0,0.5); position: absolute; bottom: 0px; left: 0px; transition: .2s; width: 100%; overflow: hidden; }
.ind_cta.singlespace h2 { font-size: 16px; line-height: 55px; }
.ind_cta h2 { color: white; text-align: center; margin: 0px; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; height: 38px; margin: auto !important; transition: 0.3s; }
.ind_cta:hover::after { opacity: 0.3 !important; }
.ind_cta:hover h2 { opacity: 1 !important; height: 90px; }
.ind_cta h2::after { content: "查看详情"; font-size: 16px; text-decoration: underline; position: absolute; bottom: -15px; left: 0px; right: 0px; color: #fff; opacity: 0; transition: 0.6s; width: 134px; height: 50px; line-height: 50px; border-radius: 10px; margin: 0 auto; }
/*youshi*/
.you-b{width:100%; background:#f9f8f8;padding-bottom:80px; }
.youshi_box{      margin-top: -57px;  }
.youshi{background: #fff; border-radius: 15px;}
.youshi figure{ float:left;margin:36px 0px 36px 106px;}
.youshi figure:nth-child(4){ float:;}
.youshi figcaption{}
.youshi figure div{ margin:0 auto; overflow:hidden;    float: left; }
.youshi figure  h2{ font-size:18px; color:#666;     text-align: left;  margin-bottom: 6px; }
.youshi figure  p{font-size:14px; color:#999;    }
.youshi figure .mt{    margin-left: 30px;}
.youshi figure div img{ margin:0 auto;}
/*服务项目*/
.aui-nav-content-box {width:100%;}
.aui-nav-content-box h3{color:#666; font-size:25px; margin:80px 0px 50px 0px;  text-align:center;}
.aui-nav-content-box span{font-size:14px; color:#999; text-align:center;     margin-bottom: 50px;display:block;}
.aui-nav-list-box { overflow: hidden; zoom: 1; float:left; border-bottom: none;z-index: 110;background: #fff; width:24%;display: block;}
.aui-nav-list-box ul li a {color: #666;}
.aui-nav-list-tab{ float:left; width:76%}
.aui-nav-list-box ul li { color: #666; height:127px;background:#fff; cursor: pointer; line-height:127px; width:100%;  text-align: center; font-size: 18px; }
.aui-nav-list-box ul .aui-current {color: #fff;background: #4f96de; }
.aui-nav-list-box ul .aui-current a { color: #fff;}
.aui-nav-list-item {display: none;     position: relative;}
.aui-banner-right {width: 430px; height: 282px;background: #ddd;float: right;}
.aui-banner-right-ovr {width: 430px;height: 282px; background: #ddd;float: right;}
.aui-nav-list-item .fe{     padding: 70px 45px;   position: absolute; top: 0;  right: 0; width:40%; height:100%;background: rgba(0,0,0,.4);    padding: 70px 60px;}
.aui-nav-list-item .fe h4{font-size:18px; color:#fff;}
.aui-nav-list-item .fe p{    color: #fff; margin-top: 12px;    border-bottom: 1px solid #fff;padding-bottom: 30px;}
.aui-nav-list-item .fe li a{ color:#fff;}
.aui-nav-list-item .fe li{line-height: 60px;color: #fff;letter-spacing: 1px;position: relative;-webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;	-moz-transition: all cubic-bezier(.23,1,.32,1) .6s;	-ms-transition: all cubic-bezier(.23,1,.32,1) .6s;	
-o-transition: all cubic-bezier(.23,1,.32,1) .6s;	transition: all cubic-bezier(.23,1,.32,1) .6s;}
.aui-nav-list-item .fe li b{width: 100%;height: 1px;background: #fff;position: absolute;bottom: 0;left: 0;opacity:0.4;
-moz-opacity:0.4;-khtml-opacity:0.4;-webkit-opacity:0.4;filter:alpha(opacity=40);}
.aui-nav-list-item .fe li i{width: 0%;height: 1px;background: #fff;position: absolute;bottom: 0;left: 0;
-webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;-moz-transition: all cubic-bezier(.23,1,.32,1) .6s;-ms-transition: all cubic-bezier(.23,1,.32,1) .6s;-o-transition: all cubic-bezier(.23,1,.32,1) .6s;transition: all cubic-bezier(.23,1,.32,1) .6s;}
.aui-nav-list-item .fe li:hover{padding-left: 10px;}
.aui-nav-list-item .fe li:hover i{width: 100%;}
.aui-nav-list-item .fe li span{  position: absolute; top: 50%;  right: 0; width: 9px; height: 14px;  margin-top: -4px;  background-image: url(img/x.png);  background-position: center;background-repeat: no-repeat; -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;	-moz-transition: all cubic-bezier(.23,1,.32,1) .6s;	
-ms-transition: all cubic-bezier(.23,1,.32,1) .6s;	-o-transition: all cubic-bezier(.23,1,.32,1) .6s;	 transition: all cubic-bezier(.23,1,.32,1) .6s;}
.aui-nav-list-item .fe li:hover span{
	right: 0px;
	background-image: url(img/j.png);
}
.aui-nav-list-item .fe .pmo{margin-top:30px;}
.aui-nav-list-item .fe .pmo a{ color:#fff;}
.ind_cta:hover .content_absolute { height: 100%; transition: .2s; background: rgba(0,0,0,0.5); }
.ind_cta:hover h2::after { opacity: 1; background: #428ccd; }
.more { width: 150px; height: 53px; border-radius: 15px; background: #fff; text-align: center; margin: 60px auto; }
.more a { line-height: 53px; color: #4f96de; }
.more:hover { background: #4f96de; }
.more:hover a{ color:#fff;}
/*产品*/
.product { width: 100%; margin-top: 170px; height: 564px; overflow: hidden; }
.pro-t { float: left; }
.pro-t h3 { font-size: 30px; }
.pro-t h3 i { font-style: normal; border-bottom: 2px solid #333; padding-bottom: 16px; }
.pro-t span { font-size: 22px; text-align: right; display: block; margin-top: 18px; }
.product-c { width: 100%;background:#f9f8f8; text-align: center;  overflow: hidden; }
.product-c .aui-nav-list-tab1 ul li { float: left; overflow: hidden; position: relative; width: 30.4%; margin: 50px 14px 0 14px; }
.product-c .aui-nav-list-tab1 ul li h2 {      text-align: left;  padding-bottom: 18px; font-size: 16px; margin-top: 20px; border-bottom:1px solid #e8e8e8; }
.product-c .aui-nav-list-tab1  ul li h2 a { color: #666; }
.product-c .aui-nav-list-tab1  ul li:nth-child(1) { animation-delay: 0.1s; }
.product-c  .aui-nav-list-tab1 ul li:nth-child(2) { animation-delay: 0.2s; }
.product-c  .aui-nav-list-tab1 ul li:nth-child(3) { animation-delay: 0.3s; }
.product-c .aui-nav-list-tab1  img { display: block; }
.product-c .pt h3 { color: #666; font-size: 25px;margin: 80px 0px 50px 0px;text-align: center; }
.product-c .aui-nav-list-tab1  ul li .c-txt{     padding: 10px 25px 20px 25px;background:#fff;float: left; width: 100%;}
.product-c .pt p { width: 73px; height: 1px; margin: 26px auto; text-align: center; background: #428ccd; display: block; }
.text-desc { position: absolute; left: 0; top: 0; background: rgba(0,0,0,.3); height: 100%; opacity: 0; width: 100%; text-align: center; }
.product-c .aui-nav-list-tab1  ul li .c-mo{margin-top: 20px;}
.product-c  .aui-nav-list-tab1 ul li .c-mo b{    display: block;float: right; margin-top: 8px;}
.port-1 { float: left; width: 100%; position: relative; overflow: hidden; text-align: center; }
.port-1 .text-desc h3 {     margin-top: 26%;text-align: center;}
.port-1 .text-desc h3 a { font-size: 16px; color: #fff; line-height: 50px; }
.tr { position: absolute; top: 28%; left: 40px; text-align: left; }
.tr a { font-size: 26px; color: #fff; }
.tr p { font-size: 18px; color: #fff; width: 63%; margin-top: 12px; }
.port-1 .text-desc p {    margin: 0 auto; width: 60%; color: #fff;  }
.port-1 .text-desc { opacity: 0.9; top: -100%; color: #000; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
.port-1 img { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
.port-1:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); }
.port-1:hover h3 { }
.port-1.effect-1:hover .text-desc { top: 0; }
.port-1.effect-2 .text-desc { top: auto; bottom: -100%; }
.product-c ul li:hover .port-1.effect-2 .text-desc { bottom: 0; }
.port-1.effect-3 .text-desc { top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0; }
.port-1.effect-3:hover .text-desc { width: 100%; top: 0; left: 0; height: 100%; }
.product-c span {    float: left; color: #4f96de; }
.product-c span a { line-height: 40px; color: #fff; }
/*.aui-nav-content-box {width:100%;    margin-top: 90px;}
.aui-nav-content-box h4{font-size:30px; float:left;}
.aui-nav-list-box { overflow: hidden; zoom: 1;  border-bottom: none;z-index: 110; width:100%;text-align:center;}
.aui-nav-list-box ul li { display: inline-block;}
.aui-nav-list-box ul li a {color: #666; display:block; border:1px solid #666;padding:16px 0;}
.aui-nav-list-box ul li a:hover{color: #fff; background:#4f96de; }*/
.aui-nav-list-box1 ul .aui-current1{    color: #fff;  background: #4f96de;}
.aui-nav-list-box1  ul li{      border: 1px solid #666;margin: 0 10px 0 10px;  display: inline-block;}
.aui-nav-list-box1  ul li a {  font-size: 16px;  display: block; padding: 13px 30px;  color: #666; margin:0 10px 0 10px;}
.aui-nav-list-box1 ul .aui-current1 a{color:#fff;}
/*关于*/
.about {   width: 100%;overflow: hidden; }
.about p { color: #999;}
.about .about-t {      padding: 60px 75px 60px 75px; float: right; width: 50%; background: #fff; margin: 80px 5% 80px 0px;}
.about-t h3 { font-size: 25px; color: #666; margin-bottom: 28px; }
.about-t h3 span{ font-size:18px; color:#4f96de;    margin-left: 10px;}
.about .ab-m { float:left;  margin: 26px 50px 30px 0px;    width: 50%; }
.about .ab-m a { color: #4f96de; display: block; float: left; }
.about .ab-m b{    width: 0%; height: 1px; background:#4f96de; display: block; float: left;  margin: 12px 0 0 20px;-webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;-moz-transition: all cubic-bezier(.23,1,.32,1) .6s;-ms-transition: all cubic-bezier(.23,1,.32,1) .6s;-o-transition: all cubic-bezier(.23,1,.32,1) .6s;transition: all cubic-bezier(.23,1,.32,1) .6s;}
.about .ab-m:hover b{width:54%;}
.ys h4{color: #666; font-size: 25px; margin: 80px 0px 50px 0px;text-align: center;}
.ys .y-l{ float:left;  width: 33.5%;}
.ys ul li h3{ font-size:24px; color:#4f96de;margin-bottom:18px;}
.ys ul li p{color:#999;}
.ys ul li span{ font-size:20px; color:#666;    margin-left: 10px;}
.ys .y-c img{display:block;margin:0 auto;}
.ys .y-r{ float:right;width: 33.5%;}
.ys .y-c{     width: 32%; float: left;}
.ys ul li{margin:6% 0 34% 0;}
/*新闻*/
.sbox { width: 100%; background: #fff; overflow: hidden; padding-bottom:70px; }
.sbox .container h3 { color: #666; font-size: 25px; margin: 62px auto 12px auto; text-align: center; }
.sbox .container span {    float: right; font-size: 14px; color:#4f96de;}
.sbox .container ul li .so{display:none; color:#4f96de;}
.sbox .container ul li .so a{color:#4f96de;}
.sbox .container ul li:hover .sp{display:none;}
.sbox .container ul li:hover .so{display:block;}
.sbox .container ul li { float: none !important;    padding: 0px 10px 25px 10px;float: left; transition: 0.5s; margin-top: 30px; background: #fff;    border-bottom: 1px solid #e8e8e8; }
.sbox .container ul li h2 {    margin-top: 20px; width: 100%; float: left; margin-bottom: 12px; }
.sbox .container ul li h2 a { font-size: 16px; color: #606060; }
.sbox .container ul li:hover h2 a{}
.sbox .container ul li .n-time { font-size: 14px; color: #999;     float: left; border-top: 1px solid #4f96de; padding-top: 10px;}
.sbox .container ul li .new-img{ overflow:hidden; }
.sbox .container ul li p { font-size: 14px; color: #999; margin-top: 15px; }
.sbox .container ul li .new-title { margin-top: 20px; }
.sbox .container .new-o dl dd { border-bottom: 1px solid #e8e8e8; padding: 35px 30px 10px 30px; }
.sbox .container .new-o dl { background: #fff; margin-top: 30px; }
.sbox .container .new-o dl dd a { color: #666; font-size: 14px; background: url(//filecdn.ify.cn/skin/eld1614/img/yuan.png ) no-repeat left; padding-left: 18px; }
.sbox .container .new-o dl dd .time-o { font-size: 14px; color: #999; margin-top: 15px; }
.sbox .container .new-o dl dd:hover a { color: #428ccd; }
.hz .hz-l{font-size:18px; color:#999;    border-right: 1px solid #e8e8e8;}
.hz .hz-r  li{ float:left;    margin: 0 34.5px 0 34.5px;}
.jr{width:100%;margin-top:62px; overflow:hidden; background:#4f96de; padding:50px;}
.jr .jr-r{float:right;}
.jr .jr-l{ font-size:24px; color:#fff;}
.jr .jr-r h4{color:#fff;}
.jr .jr-r a{    text-align: right;display:block;	line-height: 48px;color: #fff;border-bottom: 1px solid #fff;position: relative;z-index: 2;-webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;	-moz-transition: all cubic-bezier(.23,1,.32,1) .6s;	-ms-transition: all cubic-bezier(.23,1,.32,1) .6s;	-o-transition: all cubic-bezier(.23,1,.32,1) .6s;	transition: all cubic-bezier(.23,1,.32,1) .6s;}
.jr .jr-r span{width: 0%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;background: #fff;-webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;	-moz-transition: all cubic-bezier(.23,1,.32,1) .6s;	-ms-transition: all cubic-bezier(.23,1,.32,1) .6s;	-o-transition: all cubic-bezier(.23,1,.32,1) .6s;	transition: all cubic-bezier(.23,1,.32,1) .6s;}
.jr .jr-r:hover a { color: #4f96de; padding-right: 25px;}
.jr .jr-r:hover span { width: 100%;}
			.Box {position: relative;}
			.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(img/jtl02.png) no-repeat center;left: -72px;}
			.Box .Box_con .btnr {background: url(img/jtr02.png) no-repeat center;right: -72px;}
			.Box .Box_con .btnl:hover {background: url(img/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(img/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;width: 100% !important;}
			.Box .Box_con .conbox ul li {float: left;overflow: hidden;margin-bottom: 15px;        width: 20%;}
	
			
			.Box .BoxSwitch {margin-top: 30px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background: red;}
.hz{width:100%; overflow:hidden;}

/*foot*/
.side-bar a, .chat-tips i { background-image: url(img/gdt-img.png); background-repeat: no-repeat; }
/*右侧悬浮icon*/
.side-bar { width: 66px; position: fixed; top:50%; right: 0; font-size: 0; line-height: 0; z-index: 100; }
.side-bar a { width: 66px; height: 66px; display: inline-block; background-color: #999; margin-bottom: 2px; }
.side-bar a:hover { background-color: #4f96de; }
.side-bar .icon-qq { background-position: 0 -62px; }
.side-bar .icon-chat { background-position: 0 -130px; position: relative; }
.side-bar .icon-chat:hover .chat-tips { display: block; }
.side-bar .icon-qq:hover .chat-tipo { display: block; }
.side-bar .icon-blog { background-position: 0 -198px; }
.side-bar .icon-mail { background-position: 0 -266px; }
.side-bar .icon-totop { background-position: 0 -334px; }
.chat-tips {    width: 151px; padding: 20px; border: 1px solid #d1d2d6; position: absolute; right: 78px; top: -55px; background-color: #ffffff; display: none; }
.chat-tipo {       background-color:#fff;  position: absolute;  width: 151px; left: -151px;  top: 0px;  line-height: 66px;  color: #666;  font-size: 16px;  text-align: center; display: none; box-shadow: #DDD -1px 1px 4px;}
.chat-tips i { width: 9px; height: 16px; display: inline-block; position: absolute; right: -9px; top: 80px; background-position: -88px -350px; }
.chat-tips img {}
.foot .yql{text-align:center;}
.foot .yql dd{margin-left:10px;    display: inline-block;}
.bq p{font-size:14px  !important;margin-top:0  !important;}
.foot { width: 100%; background: #535353; overflow: hidden; }
.bq .container { padding-top:  0px !important; }
.foot .container { padding-top: 70px; }
.foot .lx img{    margin-bottom: 22px;}
.foot dl dt { font-size: 16px; color: #e5e5e5; margin-bottom: 30px; font-weight: normal; }
.foot .lx dd {margin-right: 20px;}
.foot .col-md-2 { width: 13%;    padding: 0;}
.foot dl dd { color: #d9d9d9; line-height: 2.3; }
.foot dl dd a { color: #d9d9d9; }
.foot dl dd a:hover { color: #428ccd; }
.foot ul {  }
.foot ul li { text-align: center; }
.foot ul li img { margin: 0 auto; }
.foot .wei { width: 155px; height: 155px; float: right; text-align: center; }
.foot p {    color: #d9d9d9; margin-top: 10px; font-size: 16px;  }
.foot .bq { width: 100%; color: #e5e5e5; line-height: 55px; text-align: center; margin-top: 90px; }
.foot .d-nav dd {  margin-right: 26px; }/*产品列表页*/
.pro-img { width: 100%; height: 100%; overflow: hidden; }
.pro-menu { width: 100%; margin: 0 auto; background: #f5f5f5; ; text-align: center; }
.pro-menu .left_menu { width: 95%; max-width: 1280px; margin: 0 auto; }
.pro-menu ul li { width: 12.5%; display: inline-block; overflow: hidden; }
.pro-menu ul li:hover { background: #428ccd; }
.pro-menu ul li:hover a { color: #fff; }
.pro-menu ul li a { font-size: 16px; display: block; padding: 16px 0; }
.pro-tab { width: 95%; max-width: 1280px; margin: 0 auto; }
#product-list li { float: left; background: #f5f5f5; width: 30%; margin-left: 1.5%; margin-right: 1.5%; text-align: center; margin-bottom: 20px; overflow: hidden; }
#case-list li { float: left; background: #f5f5f5; width: 22%; margin-left: 1.5%; margin-right: 1.5%; text-align: center; margin-bottom: 20px; overflow: hidden; }
.pro-t1 h2 { padding-bottom: 18px; line-height: 1.4; font-size: 16px; margin-top: 18px; }
.add { display: none; width: 95%; max-width: 1280px; margin: 0 auto; border-bottom: 1px solid #ddd; padding-bottom: 23px; padding-top: 9px; }
.add h3 { float: left; }
.add-box { float: right; }
#product-list { margin: 4% 0; overflow: hidden; }
#case-list { margin: 4% 0; overflow: hidden; }
.pro-tab li:hover a { color: #fff }
#case-list li:hover { background: #428ccd; transition: .2s; }
.pro-tab li img { display: block; transform: scale(1, 1); transition: 0.8s; }
.pro-tab li:hover img { transform: scale(1.04, 1.04); }/*内容页*/
.new { width: 95%; max-width: 1280px; margin: 40px auto; }
.new h2 { text-align: center; font-size: 30px; margin: 0 auto; border-bottom: 1px solid #e8e8e8; padding-bottom: 25px; }
.new article { margin-top: 27px; }
.news-siblings { margin-top: 80px; padding-top: 18px; border-top: 1px solid #e5e5e5; font-size: 14px; }
.news-siblings div { line-height: 34px; margin-right: 50px; float: left; }
.news-siblings div span { color: #999; }
.news-siblings div a:hover { text-decoration: underline; }
.news-siblings .news-back { width: 150px; height: 40px; line-height: 40px; border-radius: 3px; background: #c21b2f; color: #fff; text-align: center; float: right; display: none; border-top: 1px solid #e8e8e8 }
.news-siblings .news-back i { margin: 0 0 0 20%; }
.news-siblings div:nth-child(2) { float: right; margin-right: 0; }/*文章是通用样式*/
.new-tab { width: 95%; max-width: 1280px; margin: 20px auto; }
.new-tab .ne-list { width: 100%; }
.new-tab .ne-list li { border-bottom: 1px solid #f5f5f5; padding: 30px 30px; border-bottom: 1px solid #e5e5e5; }
.new-tab .ne-list li:hover { background: #428ccd; ; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.2); transition: .2s; }
.new-tab .ne-list li:hover h3 a { color: #fff; }
.new-tab .ne-list li:hover .ne-m a { color: #fff }
.new-tab .ne-list li:hover .ne-t span { color: #fff }
.new-tab .ne-list li:hover .ne-t p { color: #fff }
.new-tab .ne-list .ne-img { float: left; width: 25%; }
.new-tab .ne-list .ne-t { float: left; width: 64%; padding-top: 4px; margin-left: 5%; }
.new-tab .ne-list .ne-t span { display: block; color: #999; ; margin-top: 15px; }
.new-tab .ne-list .ne-t p { color: #818080; margin-top: 15px; }
.new-tab .ne-list .ne-t h3 { text-align: left; margin-top: 10px; font-size: 18px; margin-top: 20px; }
.new-tab .ne-list .ne-t .ne-m { margin-top: 16px; }
.new-tab .ne-list .ne-t .ne-m a { font-size: 14px; }
.new-tab .ne-list .ne-t .ne-m:hover { }/*页码*/
.ny_pages { width: 100%; max-width: 1280px; margin: auto; text-align: center; margin: 5% auto 5%; font-size: 14px; color: #666; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.ny_pages a { margin: 0px 5px; color: #666; font-size: 14px; border: 1px solid #e8e8e8; padding: 12px 40px; }
.ny_pages a:hover { color: #fff; background: #91d369; border: 1px solid #91d369; }/*适应*/
@media (min-width: 1280px) and (max-width:1680px) {
.swiper-banner { height: 639px; }
  .header .navbar_nav li a{padding: 0 14px;}
}
@media (min-width: 1152px) and (max-width: 1280px) {
.container { width: 1000px; }
.header .navbar_nav li a { padding: 0 12px; }
.swiper-banner { height: 556px; }
.youshi figure { margin: 30px 40px 0px 30px; }
.aui-nav-list-box ul li { height: 99.3px; line-height: 99.3px; }
.header .container { width: 100%; padding: 0;}
  .swiper-pagination{    bottom: 13%;}
  .about .about-t { padding: 60px 60px 60px 60px;}
  .about .ab-m{    margin: 55px 50px 0px 0px;}
  .Box .Box_con .conbox ul li{  }
  .header{padding:0;}
}
@media (min-width: 991px) and (max-width: 1152px) {
  .header .left a img{width:60%;margin-top: 24px;}
  .header .tl{display:none;}
  .header .ww{display:none;}
.header .container { padding: 0 8px; width: 100%; }
.sbox .container ul li p { margin-top: 2px; }
.container { width: 970px; }
.header .navbar_nav li a { padding: 0 8px;     font-size: 15px;}
.swiper-banner { height: 534px; }
.youshi figure { margin: 50px 40px 50px 40px; }
.aui-nav-list-box ul li { height: 96px; line-height: 96px; }
.foot ul li:nth-child(2) { margin-left: 12%; }
#guide-banner { height: 350px; }    /*内页*/
.new-tab .ne-list .ne-img { width: 28%; }
.new-tab .ne-list .ne-t { margin-left: 4%; width: 63%; padding-top: 0px; }
.new-tab .ne-list .ne-t h3 { margin-top: 12px; font-size: 16px; }
.new-tab .ne-list .ne-t span { margin-top: 8px; }
.new-tab .ne-list .ne-t p { margin-top: 5px; }
.new-tab .ne-list li { padding: 20px 20px; }
.header .navbar_nav li.dropdown .dropdown_menu { width: 154%; left: -30%; }
.pro-menu ul li { width: 24.5%; }
#product-list li { width: 47%; }
#case-list li { width: 30%; }
  .header .nav{    margin-right: 6px;}
  .youshi_box {}
  .aui-nav-list-item .fe{padding: 32px 45px;}
  .aui-nav-list-item .fe li { line-height: 50px;}
  .aui-nav-list-item .fe .pmo { margin-top: 16px;}
  .about .about-t {padding: 46px 60px 46px 60px;}
  .about .ab-m{margin: 55px 50px 0px 0px;}
  .Box{padding:0;}
  .swiper-pagination{bottom: 13%;}
  .Box .Box_con .conbox ul li{}
}
@media (min-width: 767px) and (max-width: 991px) {/*头部*/
.header { }
.header .container { padding: 0 18px; width: 100%; }
.header .left .img1 { display: none; }
.header .left .img2 { display: block; }
.header { padding: 0; height: 70px; margin-right:0;}
.header .navbar_nav li a { padding: 0 7px; font-size: 14px; line-height: 70px; }
.header .nav { margin-top: 0px; line-height: 70px;margin-right:0; }
.header img { vertical-align: inherit; }
.header .left { width: 16%; overflow: hidden; }
.wap-top p { font-size: 12px; }
.wap-top span { font-size: 12px; }
.wap-top { line-height: 40px; }/*banner*/
#guide-banner { height: 300px; }
.swiper-banner { height: 320px; }
.swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; }
.swiper-pagination { bottom: 9%; }
.youshi figure:nth-child(2) { margin-left: 0; }
.header .left a img { display: block; }
.youshi_box h3 { margin: 40px 0px 12px 0px; }/*关于*/
.about .about-t { width: 78%; }
.about { margin-top: 40px; }
.about-img li:nth-child(2) { margin-left: 15px; }
.about-img { margin-top: 0px; }
.about-img li { margin-top: 30px; width: 32%; }/*产品*/
.product-c { margin-top: 40px; }
.product-c ul li { width: 29.5%; }
.product-c ul li:nth-child(2) { margin-left: 15px; }
.product-c span { }
.ind_cta { width: 21%; }/*新闻*/
.sbox .container h3 { margin: 40px auto 12px auto; }
.sbox .container ul li h2 span { display: none;     line-height: 2;}
.sbox .container ul li p { margin-top: 2px; line-height: 1.6; }
.sbox .container ul li h2 a { line-height: 1.4; }
.sbox .container ul li { }
.sbox .container ul li .new-title { margin-top: 0;     padding: 0;}/*foot*/
.foot ul li:nth-child(2) { margin-left: 2%; }  /*内页*/
.new-tab .ne-list .ne-img { width: 35%; }
.new-tab .ne-list .ne-t { margin-left: 4%; width: 60%; padding-top: 0px; }
.new-tab .ne-list .ne-t h3 { margin-top: 12px; font-size: 16px; }
.new-tab .ne-list .ne-t span { margin-top: 8px; }
.new-tab .ne-list .ne-t p { margin-top: 5px; }
.new-tab .ne-list li { padding: 20px 20px; }
.header .navbar_nav li.dropdown .dropdown_menu { width: 154%; left: -30%; }
.pro-menu ul li { width: 24.5%; }
#product-list li { width: 47%; }
#case-list li { width: 30%; }
  .header .tl{display:none;}
  .header .ww{display:none;}
  .youshi_box { margin-top: 0;}
  .youshi figure{    margin: 36px 0px 36px 0;}
  .youshi{    background: #f9f8f8;}
  .aui-nav-list-box ul li{height:74.5px; line-height:74.5px;}
  .aui-nav-list-item .fe{    padding: 22px 15px;}
  .aui-nav-list-item .fe li { line-height: 36px;}
  .aui-nav-list-item .fe .pmo { margin-top: 13px;}
  .aui-nav-list-item .fe p{padding-bottom: 16px;}
  .about .about-t { padding: 40px 50px 40px 50px;}
  .about .ab-m { margin: 55px 50px 0px 0px;}
  .jr .jr-l { font-size: 18px;}
  .foot ul{display: none;}
  .foot .bq{    margin-top: 40px;}
  .product-c .aui-nav-list-tab1 ul li{    width: 29.5%;}
  .Box .Box_con .conbox ul li{  }
  .foot .col-md-2 {width: 16%; padding: 0;}

}
@media (max-width: 767px) {/*头部*/
.header {  }
.header .left .img1 { display: none; }
.header .left .img2 { display: block; margin-top: 0px; }
.header { padding: 0 10px; height: 50px; margin-left: 0; position: fixed; width: 100%; top:0;}
.header img { vertical-align: inherit; }
.header .left { margin-top: 5px; height: 50px; overflow: hidden; }
.header.on .left .img2 { margin-top: 0; }
.wap-top p { font-size: 12px; }
.wap-top span { font-size: 12px; }
.wap-top { line-height: 40px; }
.ind_cta { width: 44%; }
.ind_cta.twospace { width: 44%; }
.ind_cta h2::after { display: none; }
.m_nav .ul li .dropdown_menu a { color: #848484; }
.header .container { padding: 0; width: 100%; }/*banner*/
.swiper-banner { height: 180px; margin-top: 50px;}
.swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; }
.swiper-pagination { bottom: 9%; }
.youshi figure:nth-child(2) { margin-left: 0; }
.header .left a img { width: 50%; display: block; }
.youshi_box h3 { margin: 40px 0px 12px 0px; }/*关于*/
.about .about-t { width: 91%; margin: 30px 0px 30px 0px;    padding: 36px 20px 36px 20px; }
.about { margin-top: 40px; }
.about-img li:nth-child(2) { margin-left: 7px; }
.about-img { margin-top: 0px; }
.about-img li { margin-top: 30px; }
.more { margin: 40px auto; }/*产品*/
.product-c { margin-top: 40px; }
.product-c ul li { width:50%;    margin: 0; padding: 10px;}
.product-c ul li:nth-child(2) { margin-left: 0px; }
.product-c span { margin: 10px auto; }
.product-c ul li:nth-child(3) { float: right;    display: none; }
.product-c .pt p { margin-bottom: 0; }
.product-c ul li h2 a { line-height: 1.5; }
.ind_cta.singlespace h2 { line-height: 1.5; padding-top: 13px; }/*新闻*/
.sbox .container h3 { margin: 40px auto 12px auto; }
.sbox .container ul li h2 span { display: none; }
.sbox .container ul li {padding: 0; }
.sbox .container ul li img { margin: 0 auto; }/*FOOT*/
.foot dl { margin-top: 20px;     display: none;}
.foot .container { padding-top: 40px; }
.foot dl dd {  width: 100%; }

.foot ul li img { display: block; margin: 20px auto; }
.foot ul li { float: none; text-align: center; }
.foot ul li:nth-child(2) { margin-left: 0px; }
.foot ul li:nth-child(3) { float: none; }
.foot .bq { margin-top: 10px;    line-height: 30px; }
  .product-c ul li .c-mo{margin-top:0;}
.foot dl dd a { padding: 0px 15px 0px 15px; }
    .foot .lx dl{ display:block;}
  .foot ul{display:none;}
  /*内页*/
#guide-banner { height: 200px; margin-top:50px;}
.pro-menu ul li { width: 50%; }
.pro-menu ul li a { font-size: 16px; }
#product-list li { width: 100%; }
#case-list li { width: 47%; }
.new-tab .ne-list .ne-img { width: 100%; }
.new-tab .ne-list .ne-t { width: 100%; margin-left: 0px; }
.new-tab .ne-list .ne-t h3 { font-size: 16px; line-height: 1.5; }  /*导航*/
.header #navToggle { height: 100%; padding: 6px 15px; margin-right: -15px; display: inline-block; float: right; }
.header #navToggle span { position: relative; width: 25px; height: 1px; margin-top: 19px; }
.header #navToggle span:before, .header #navToggle span:after { content: ''; position: relative; width: 100%; height: 1px; left: 0; }
.header #navToggle span, .header #navToggle span:before, .header #navToggle span:after { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; background: #333; }
.header #navToggle span:before { top: 8px; }
.header #navToggle span:after { bottom: 10px; }
.header #navToggle.open span:before { top: 10px; -webkit-transform: translateY(-11px) rotate(-45deg); -moz-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); -o-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); }
.header #navToggle.open span:after { bottom: 12px; -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
.header #navToggle.open span { background: none; }
.header #navToggle.open span:before, .header #navToggle.open span:after { background: #4f4f4f; }
.header .nav { display: none; }
.banner img { height: 600px; object-fit: cover; }
  .header .tl{display:none;}
  .header .ww{display:none;}
  .youshi figure{margin:0; width:33.33333%;}
  .youshi figure div{ float:none;}
  .youshi figure div img{display:block;}
  .youshi figure .mt{margin-left:0; text-align:center;}
  .youshi figure h2 {    margin-top: 10px;  font-size: 16px;  text-align: center;}
  .youshi figure p{display:none;}
  .youshi_box{margin-top:0;    }
  .youshi{padding: 20px 0 20px 0;}
  .aui-nav-list-box{width:100%;}
  .aui-nav-list-box ul li{    width: 50%;float: left;    height: 58px;    line-height: 58px;    font-size: 16px;}
  .aui-nav-list-tab{width:100%;}
  .aui-nav-list-item .fe{width:60%;    padding: 13px 20px;}
  .aui-nav-list-item .fe p{    display: none;}
  .aui-nav-list-item .fe h4{    display: none;}
  .aui-nav-list-item .fe li{    line-height: 33px;}
  .aui-nav-list-item .fe .pmo {  margin-top: 8px;}
  .about-t h3{margin-bottom: 20px;}
  .about .ab-m{margin: 20px 50px 0px 0px;}
  .ys .y-l,.ys .y-r { width: 100%;padding: 10px;}
  .ys ul li { margin: 0% 0 8% 0;}
  .ys .y-c{width:100%;margin-bottom: 20px;}
  .product-c .pt h3{    margin: 30px 0px 30px 0px;}
  .product-c ul li .c-mo b{display: none;}
  .product-c ul li .c-txt{    padding: 10px 20px 20px 20px;}
  .jr{    padding: 20px;}
  .jr .jr-l { font-size: 18px;}
  .foot .lx img { margin-bottom: 0;}
  .Box{padding: 0;}
  .sbox .container ul li .new-img{padding:0;}
  .sbox .container ul li .new-title{    padding: 0 10px 0 10px;}
  .new-tab .ne-list li{    padding: 8px;    width: 50%;float: left;}
  .new-tab .ne-list .ne-t p{    display: none;}
  .news-siblings div:nth-child(2){float:left;}
  .side-bar .icon-chat{display:none;}
  .aui-nav-list-box1 ul li a{  font-size: 15px;  padding: 13px 0px;}
  .product-c .aui-nav-list-box1 ul li{       padding: 0;   width: 30%; margin: 0 5px 0 5px;}
  .aui-nav-list-box1 ul li a{margin:0;}
  .product-c .aui-nav-list-box1 ul li:nth-child(3){display:block;}
  .product-c .aui-nav-list-tab1 ul li:nth-child(3){display:none;}
  .product-c .aui-nav-list-tab1 ul li{    width: 50%;margin: 30px 0 0 0;}
  .Box .Box_con .conbox ul li{   }
}
