@charset "utf-8";
body {
-webkit-user-select: black;
-moz-user-select: black;
-ms-user-select: black;
user-select: black;
}
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:14px;background:#FFF; color:#666666; font-family:"思源黑体 CN","微软雅黑";}
ul,li { list-style: none; }
img { border:0; }
input:focus,textarea:focus{ outline:none; }
input,select{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
a {
	text-decoration: none;
	outline:none;
	color: #333333;
}
a:hover {
	text-decoration: none!important;
	color: #CC0000;
}

body{
    overflow-x: hidden;
}

.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; transition:0.5s ease-in-out; text-transform:uppercase; }
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px; background:#1c3a6c; cursor:pointer;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00} 

/*header头部的CSS布局*/

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

.header .main_box{
    width:90%;
    margin:0 auto;
    padding:0;
}

.header-bottom {
    min-height: 105px;
}
.header .logo{ 
    height: auto;
    overflow: hidden;
    float: left;
}
.header .logo img{ 
    max-width: 100%;
}

.header .app_logo{ width:52px; height:50px; padding:0; overflow: hidden; float: left; display: none;}



.header .h_rt{ 
    float: left;
    width: 991px;
    padding-left: 133px;
}

.header .h_top{ height: 26px; margin: 10px 0;}
.header .h_top .h_tel{ width: 186px; float: right;}
.header .h_top .h_tel .tel{ width: 118px; padding-left: 40px; font-size: 16px; background: url(../images/t_top01.png) left no-repeat; float: left;}
.header .h_top .h_tel .yx{ width: 26px; height: 26px; background: url(../images/t_top02.png) left no-repeat; float: right;}
.header .h_top .h_guanzhu{ width: 150px; float: right; margin-left: 30px;}
.header .h_top .h_guanzhu ul{ margin: 0; padding: 0;}
.header .h_top .h_guanzhu ul li{float: left; margin: 0 6px; position: relative;}
.header .h_top .h_guanzhu ul li a{color: #888888; line-height: 26px;}
.header .h_top .h_guanzhu ul li a img{ width: 26px; height: 26px; }

.header .h_top .h_guanzhu ul li .ewm_img{ position: absolute; top:40px; left:-35px; width: 100px; height: 100px; opacity: 0; visibility:hidden;transition: 0.5s; z-index: 9999999; box-shadow: 0 5px 20px rgba(0,0,0,0.1)}
.header .h_top .h_guanzhu ul li .ewm_img img{ max-width: 100%;}
.header .h_top .h_guanzhu ul li:hover .ewm_img{ top: 35px; opacity: 1; transition: 0.5s; visibility: visible;}

.header .h_top .h_lan{ width: 100px; height: 26px; line-height: 26px; float: right; background: url(../images/t_top05.png) left no-repeat; padding-left: 35px;margin-left: 20px;}
.header .h_top .h_lan a{color: #666;}

.header .app_lan{ display: none; width: 40px; float: right; height: 32px; line-height: 32px; padding:10px 0 0 20px;}
.header .app_lan a{ display: block; color:#fff; font-size: 14px; float: left; width: 32px; text-align: center; background:#df7c63; border-radius: 100%;}



@media (max-width:1366px){
	.header .main_box{width:96%; margin:0 auto; padding:0;}
}

.header .nav1 {
    width: 100%;
    padding-top: 15px;
}
.header .nav1 ul{ margin: 0; padding: 0; text-align: center;}
.header .nav1 ul li {
    text-align: center;
    line-height: 32px;
    height: 32px;
    float: left;
    position: relative;
}
.header .nav1 ul li a{
    font-size: 16px;
    color: #333;
    display: block;
    transition: 0.5s;
    padding: 10px 30px;
}
.header .nav1 ul li a:hover{ 
    width: 100%;
    color: #1a9a4b;
    text-decoration: none;
    border-bottom: 2px solid #1a9a4b;
}


.header .nav1 ul li ul{
    position: absolute;
    z-index: 99999;
    width: 100%;
    top: 40px;
    left: 0;
    background-color: #239c52;
    text-align: left;
    opacity: 0;
    padding: 5px 0 15px;
    visibility: hidden;
    transition: 0.3s;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 5px;
}
.header .nav1 ul li ul ul{top:0px; left:90%;}
.header .nav1 ul li ul li{width:100%;/*width:130px;*/height:auto;display:block;line-height:30px; float:none; background: none; padding:3px 0; margin:0; border-bottom: 1px dashed rgba(255,255,255,0.2)}
.header .nav1 ul li ul li a{display:block; font-size:14px; color: #FFF;padding:1px 10px;}
.header .nav1 ul li:hover ul li a{ color: #FFF;}
.header .nav1 ul li:hover>ul{opacity:1;visibility:visible;top:54px;}
.header .nav1 ul ul li:hover>ul{opacity:1;visibility:visible;top:0px;left:100%;}
.header .nav1 ul li ul li a:hover{ text-decoration: underline;}



/*banner的CSS布局*/
.banner{ width:100%; height:700px; overflow:hidden; position:relative;}

.banner .hd{ height:18px; overflow:hidden; position:absolute;right:0; left: 0; width:120px; margin: 0 auto; bottom:40px;z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;}
.banner .hd ul li{ float:left; margin: 0 8px; width:8px; height:8px; text-align:center; border:2px solid #fff; cursor:pointer;border-radius:100%; }
.banner .hd ul li.on{ background:#fff;}

.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle;}
.banner .bd li a{}
.banner .bd li a .img{ width:100%;height:700px; background-position: center top; background-repeat: no-repeat; }
.banner .bd li a .img img{ max-width: 100%;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{ position:absolute; top:45%;display:block; width:50px; height:100px; opacity: 0.8; transition: 0.5s;}
.banner .next{ left:auto; right:4%; background:url(../images/slider_arrow_rt.png)0 0 no-repeat;}
.banner .prev{ left:4%; right:auto; background:url(../images/slider_arrow_lt.png)0 0 no-repeat;}

.banner .prev:hover,
.banner .next:hover{opacity: 1;}


.app_banner_box{ position:relative; margin:0 auto; width:100%; overflow:hidden;display: none; }
.app_banner_box .hd { position: absolute; bottom:12px; width: 100%; height: 10px; }
.app_banner_box .hd ul { width: 100%; text-align: center; }
.app_banner_box .hd ul li { width:5px; height:5px; border-radius:100%; margin:0 4px; border:2px solid rgba(255,255,255,0.8); display:inline-block; text-indent: 9999px; cursor:pointer;}
.app_banner_box .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }
.app_banner_box .bd{ position:relative; z-index:0; }
.app_banner_box .bd li{ position:relative; text-align:center;  }
.app_banner_box .bd li img{ vertical-align:top; width:100%; }
.app_banner_box .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }

.phone span {
    font-size: 18px;
    font-weight: bold;
    padding-top: 5px;
    display: inline-block;
    height: 27px;
    line-height: 22px;
}

.phone img {
    margin-right: 15px;
    display: inline-block;
    float: left;
}

.phone {
    float: right;
    margin-top: 12px;
}

.banner-bottom {
    line-height: 60px;
    text-align: center;
}

.row.banner-bottom-bac {
    background: #fff;
}

span.banner-date {
    color: #999999;
}

.row.banner-bottom-bac i {
    background: #fff;
    position: absolute;
    max-width: 1440px;
    width: 100%;
    top: -84px;
}

a.banner-p:hover {
    text-decoration: none;
    color: #333;
}

.our-top {
    text-align: center;
}

.our-top h2 {
    font-size: 40px;
    color: #333;
    margin-top: 67px;
}

.our-top p {
    color: #666;
    font-size: 20px;
    margin-top: 20px;
}

.our-bac {
    background: url(../images/our.png) no-repeat;
    height: 40px;
    display: block;
    position: relative;
    left: 45%;
    margin-top: 20px;
}

.our-h2 h2 {
    font-size: 22px;
    color: #fff;
}

.our-h2 {
    position: relative;
    top: -90px;
    left: 35px;
}

span.our-span {
    width: 33px;
    height: 2px;
    background: #fff;
    display: inline-block;
}

a:hover {
    text-decoration: none;
}

.imgBox::after {
    content: "";
    position: absolute;
    width: 80%;
    height: 80%;
    left: 32px;
    top: 42px;
    border: 1px solid #fff;
    opacity: 0;
    transform: scale(1.2);
    -webkit-transition: all .37s cubic-bezier(.215,.61,.355,1) 0s;
    -o-transition: all .37s cubic-bezier(.215,.61,.355,1) 0s;
    transition: all .37s cubic-bezier(.215,.61,.355,1) 0s;
}

.imgBox {
    position: relative;
    overflow: hidden;
}

.col-md-3:hover .imgBox::after{
    opacity: 1!important;
    content: "";
    position: absolute;
    width: 75%;
    height: 77%;
    left: 40px;
    top: 51px;
    border: 1px solid #fff;
    opacity: 0;
    transform: scale(1.2);
    -webkit-transition: all .37s cubic-bezier(.215,.61,.355,1) 0s;
    -o-transition: all .37s cubic-bezier(.215,.61,.355,1) 0s;
    transition: all .37s cubic-bezier(.215,.61,.355,1) 0s;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none!important;
    right: 10px;
    left: auto;
    outline: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none!important;
    left: 10px;
    right: auto;
    outline: none;
}

.banner img {
    max-width: 100%;
    height: auto;
    width: 100%;
}
.container{
    max-width: 1400px;
    height: auto;
    width: 100%;
}

span.header-span1 {
    color: #999;
    font-size: 14px;
    margin-left: 160px;
}

.header-top {
    background: #282523;
    height: 40px;
    line-height: 40px;
}

.header-ul1 li {
    position: relative;
    display: inline-block;
    margin-right: 28px;
}

.header-top-right{
    text-align: right;
}

a.en {
    color: #fff;
    font-size: 18px;
}

a.en i.fa.fa-angle-down {
    font-size: 14px;
    margin-left: 5px;
}

a.phone-a {
    font-size: 18px;
    color: #fff;
}

span.img1 {
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-right: 8px;
}

ul.header-ul1 {
    display: inline-block;
}

span.bak-header {
    background: #239c52;
    display: inline-block;
    padding-left: 15px;
    padding-right: 140px;
}

a.phone-a:hover {
    color: #fff;
    text-decoration: none;
}

a.phone-a:hover {
    text-decoration: none;
}

a.en:hover {
    text-decoration: none;
}

.header-banner {
    position: relative;
}

.header-content {
    position: absolute;
    top: 150px;
    color: #fff;
    left: 290px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 40px;
    background: rgba(42, 156, 92, .8);
    padding-right: 160px;
}

.our-content {
    font-size: 15px;
    line-height: 28px;
    color: #888888;
    letter-spacing: 1px;
}

.header-content h2 {
    font-size: 42px;
}

.header-content p {
    font-size: 18px;
    margin-bottom: 30px;
}

.header-content a {
    font-size: 16px;
    color: #fff;
    width: 134px;
    text-align: center;
    display: inline-block;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 7px 0px;
}

.header-content a i.fa.fa-long-arrow-right {
    margin-left: 10px;
}

a.demo::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 110%;
    height: 100%;
    content: '';
    -webkit-transform: skewX(-50deg);
    transform: skewX(-50deg);
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) no-repeat -2em 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) no-repeat -2em 0;
    background-size: 2em 100%;
}

a.demo:hover:after {
    -webkit-transition: .7s linear;
    transition: .7s linear;
    background-position: 150% 0;
}

a.demo {
    transition: all .4s ease 0s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.header-content a:hover{
    color: #fff;
}

.banner-date {
    color: #e74b26;
    font-size: 60px;
    padding-top: 50px;
    background-image: -webkit-linear-gradient(left,#ed8428,#e53b25);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.col-md-3.shu-show {
    box-shadow: -11px 15px 28px 3px #f3f3f3;
}

.banner-p {
    margin-bottom: 50px;
    font-size: 17px;
    line-height: 13px;
}

sup {
    font-size: 25px!important;
    top: -35px!important;
    background-image: -webkit-linear-gradient(left,#ed8428,#e53b25);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

sup.top-sup {
    top: -8px!important;
    font-size: 20px!important;
    background-image: -webkit-linear-gradient(left,#ed8428,#e53b25);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner-bottom {
    position: relative;
    top: -84px;
    z-index: 2;
}

.about-p {
    font-size: 16px;
    color: #909090;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.our h2 {
    font-size: 30px;
    margin-top: 4px;
    font-weight: bold;
    margin-bottom: 30px;    
}

.ou-h2 {
    background-image: -webkit-linear-gradient(bottom,#00cdb0,#31a4bd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

a.our-a {
    font-size: 16px;
    color: #999;
    width: 134px;
    text-align: center;
    display: inline-block;
    background: transparent;
    border: 1px solid #d5d5d5;
    border-radius: 30px;
    padding: 7px 0px;
    display: block;
    margin-top: 30px;
    margin-bottom: 20px;
}

.our .banner-date {
    color: #e74b26;
    font-size: 60px;
    padding-top: 50px;
    background-image: -webkit-linear-gradient(left,#119ab8,#119ab8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.our sup {
    font-size: 25px!important;
    top: -35px!important;
    background-image: -webkit-linear-gradient(left,#119ab8,#119ab8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.shu-show span.banner-date {
    display: block;
}

.our .shu-show {
    display: inline-block;
    text-align: center;
    margin-right: 66px;
}

.our span.banner-p {
    font-size: 14px;
}

.our {
    margin-bottom: 75px;
}

.product h2 {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    background-image: -webkit-linear-gradient(bottom,#4fc284,#129bb5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.product {
    background: #f0f2f4;
    padding-top: 80px;
}

.product p {
    text-align: center;
    color: #888888;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 40px;
}

.bac-pro {
    background: -moz-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c873), color-stop(100%,#119ab8));
    background: -webkit-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -o-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -ms-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: linear-gradient(to right, #27c873 0%,#119ab8 100%);
}

.product-menu ul {
    display: inline-block;
    margin-bottom: 0px;
}

.bac-pro {
    line-height: 70px;
}

.pro-bottom{
    border-bottom: 1px solid #21bd83;
}

span.pro-title {
    font-size: 22px;
    color: #fff;
    padding: 0px 60px;
    margin: 0px;
    background: #27c873;
    display: inline-block;
	font-family: "微软雅黑";
}

.product-menu ul li {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    width: 190px;
    padding-left: 24px;
	font-family: "微软雅黑";
}

span.li-pro {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid #fafdfc;
    border-radius: 50%;
    margin-right: 10px;
    transition: all .3s;
}

span.por-right {
    float: right;
    color: #fff;
    font-size: 18px;
    padding-right: 124px;
}

.product-menu ul li a {
    color: #fff;
}

.pro-content {
    margin-top: 50px;
}

.pro-box h3 {
    font-size: 16px;
    color: #323232;
    text-align: center;
    font-family: "微软雅黑";
}

img {
    max-width: 100%;
    height: auto;
}

.pro-box {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 45px;
    height: 294px;
    position: relative;
}

.pro-box p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #777777;
    margin-bottom: 22px;
    margin-top: 12px;
}

/*.pro-box:hover .pro-hover {
    background: -moz-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c873), color-stop(100%,#119ab8));
    background: -webkit-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -o-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -ms-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: linear-gradient(to right, #27c873 0%,#119ab8 100%);
    position: absolute;
    transition: all .4s;
    margin: 0px 20px;
    box-shadow: 0px 22px 36px -11px #909090;
    padding: 15px 20px;
    bottom: 0px;
}
*/
.pro-hover {
    transition: all .4s;
}

.pro-box:hover .pro-hover p {
    white-space: unset;
    color: #efefef;
}

.pro-box:hover .pro-hover h3{
    color: #139eb2;
    transition: all .4s;
    font-size: 21px;
   
}

/*.pro-box:hover .pro-hover::before {
    opacity: 1;
    bottom: 133px;
    transition: all .8s;
    position: absolute
}
*/
.pro-hover::before {
    left: 50%;
    width: 27px;
    height: 27px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    bottom: 110px;
    background: #1db394;
    position: absolute;
    content: '';
    pointer-events: none;
    opacity: 0;
    transition: all 0s;
}

.product-menu ul li a:hover span.li-pro {
    border: 2px solid #fff;
    transition: all .3s;
}

.producta {
    font-size: 17px;
    color: #fff;
    width: 270px;
    text-align: center;
    display: inline-block;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 11px 0px;
    background: -moz-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c873), color-stop(100%,#119ab8));
    background: -webkit-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -o-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -ms-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: linear-gradient(to right, #27c873 0%,#119ab8 100%);
    transition: all .5s;
}

.producta:hover{
    background: #fff!important;    
    transition: all .4s;
    color: #666!important;
}
.producta i.fa.fa-long-arrow-right {
    margin-left: 15px;
}

.product-a {
    text-align: center;
    padding-bottom: 50px;
    padding-top: 15px;
}

.new-right {
    text-align: right;
}

.news {
    padding-top: 50px;
    padding-bottom: 40px;
}

.news .ou-h2 {
    background-image: -webkit-linear-gradient(bottom,#00cdb0,#31a4bd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 4px;
    font-weight: bold;
    margin-bottom: 45px;
}

ul.new-ul li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active> a ,ul.new-ul li.active a,ul.new-ul li.active >a,ul.new-ul li.active >a.select{
    font-size: 16px;
    color: #fff;
    width: 160px;
    text-align: center;
    display: inline-block;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 8px 0px;
    background: -moz-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c873), color-stop(100%,#119ab8));
    background: -webkit-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -o-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -ms-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: linear-gradient(to right, #27c873 0%,#119ab8 100%);
    transition: all .5s;
    margin-left: 5px;
}

ul.new-ul li{
    display: inline-block;
}

ul.new-ul li a {
    font-size: 16px;
    color: #666666;
    width: 160px;
    text-align: center;
    display: inline-block;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 8px 0px;
    background: #f4f4f4;
    transition: all .5s;
    margin-left: 5px;
}

a{
    outline: none!important;
}

.new-bottom h2 {
    font-size: 18px;
    color: #333;
    margin: 23px 0px;
	font-family: "微软雅黑";
}

.new-bottom p {
    font-size: 14px;
    color: #888;
    line-height: 24px;
}

.new-bottom .demo.producta {
    width: 160px;
    font-size: 16px;
    padding: 8px 0px;
    background: #fff;
    color: #666;
    border: 1px solid #c4c4c4;
    margin-top: 18px;
    margin-bottom: 20px;
}

.new-bottom .demo.producta:hover {
    background: -moz-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c873), color-stop(100%,#119ab8));
    background: -webkit-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -o-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -ms-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: linear-gradient(to right, #27c873 0%,#119ab8 100%)!important;
    transition: all .5s;
    color: #fff!important;
    border-color: #fff;
}

.huan {
    background: -moz-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c873), color-stop(100%,#119ab8));
    background: -webkit-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -o-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -ms-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: linear-gradient(to right, #27c873 0%,#119ab8 100%)!important;
    min-height: 300px;
    text-align: center;
}

.huan h3 {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-top: 55px;
}

a.demo.huan-a {
    width: 160px;
    font-size: 16px;
    padding: 8px 0px;
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    margin-top: 35px!important;
    margin-bottom: 20px;
    text-align: center;
    margin: auto;
    border-radius: 30px;
    display: inline-block;
}

.patner {
    min-height: 170px;
    line-height: 170px;
    position: relative;
    top: -85px;
}

.patner-box {
    padding: 0px 150px;
    box-shadow: 0px 22px 36px -11px #909090;
    background: #fff;
}

.swiper-button-prev2 {
    position: absolute;
    left: 60px;
    top: 0px;
    z-index: 99;
}

.swiper-button-next2 {
    position: absolute;
    right: 60px;
    top: 0px;
    z-index: 99;
}

.patner .swiper-slide img {
    display: inline-block;
    margin: auto;
}

.patner .swiper-slide{
    text-align: center;
}

.solution-h2 {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    background-image: -webkit-linear-gradient(bottom,#4fc284,#129bb5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.solution p {
    text-align: center;
    color: #888888;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 40px;
}

.solution-bottom {
    position: absolute;
    bottom: 0px;
    padding-left: 30px;
    transition: all .4s;
}

.solution-box:hover .solution-bottom {
    bottom: 75px;
    transition: all .4s;
}

.solution-box {
    position: relative;
    overflow: hidden;
    min-height: 390px;
}
.solution-bottom p {
    margin-bottom: 0px;
    color: #b8b8b8;
    text-align: left;
    padding-right: 47px;
    font-size: 14px;
    padding-bottom: 40px;
}

.solution-bottom .one-p {
    margin-bottom: 0px;
    color: #b8b8b8;
    text-align: left;
    padding-right: 245px;
    padding-bottom: 30px;
}

.solution-bottom h2 {
    color: #fff;
    font-size: 24px;
}

.solution-bottom a {
    font-size: 14px;
    color: #fff;
    width: 136px;
    text-align: center;
    display: inline-block;
    background: transparent;
    border: 1px solid #26c677;
    border-radius: 30px;
    padding: 6px 0px;
    background: -moz-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c873), color-stop(100%,#119ab8));
    background: -webkit-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -o-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -ms-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: linear-gradient(to right, #27c873 0%,#119ab8 100%);
    transition: all .5s;
    margin-top: 10px;
    margin-bottom: 30px;
    position: absolute;
    bottom: 0px;
    opacity: 0;
}

.solution-box:hover .solution-bottom a.demo {
    opacity: 1;
    transition: all .4s;
}

.solution-bottom a i.fa.fa-long-arrow-right {
    margin-left: 10px;
}

.solution-box:hover .solution-bottom a.demo {
    opacity: 1;
    transition: all .4s;
    bottom: -54px;
    color: #fff;
}

span.solution-span {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    background: -moz-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c873), color-stop(100%,#119ab8));
    background: -webkit-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -o-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -ms-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: linear-gradient(to right, #27c873 0%,#119ab8 100%)!important;
    line-height: 42px;
    width: 100px;
    display: inline-block;
    text-align: center;
    position: relative;
    left: -29px;
}

.solution-bottoma {
    text-align: center;
}

.solution-bottoma .demo.producta:hover {
    border: 1px solid #999;
}

.solution-bottoma .demo.producta {
    margin-top: 40px;
    margin-bottom: 50px;
}

.zhengshu {
    background: #f6f6f6;
    padding-top: 50px;
    padding-bottom: 80px;
}

.zhengshu p {
    color: #888888;
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}

.zhengshu .swiper-slide {
    text-align: center;
}

.zhengshu .swiper-slide img {
    display: inline-block;
}

.zhenghu-box {
    overflow: hidden;
    cursor: pointer;
}

.p_img_hover {
    background: rgba(0,0,0,.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 99;
    transition: 0.5s;
}

.p_img img {
    transition: all 0.45s ease-in-out;
    max-width: 100%;
}

.more_img {
    position: absolute;
    top: 33%;
    left: 43%;
    transition: .5s;
}

.p_desc {
    padding: 75% 10% 0;
    font-size: 15px;
    color: #FFF;
    text-align: center;
}

.zhenghu-box:hover .p_img_hover {
    opacity: 1;
}

p.zhengshu-p {
    background: #fff;
    margin: 0px 22px;
    padding-bottom: 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.zhenghu-box:hover p.zhengshu-p {
    opacity: 0;
}

.swiper-button-prev3 {
    position: absolute;
    left: -80px;
    top: 130px;
    z-index: 99;
}

.swiper-button-next3 {
    position: absolute;
    right: -80px;
    top: 130px;
    z-index: 99;
}

.footer-top {
    background: #2a2a2a;
    padding-top: 55px;
    padding-bottom: 60px;
}

.footer-top h2 img {
    margin-right: 10px;
}

.footer-top h2 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
}

.you li {
    position: relative;
    display: inline-block;
    margin-right: 35px;
    color: #333;
    margin-bottom: 15px;
}

.you li a {
    font-size: 15px;
    color: #d4d4d4;
}

.contact a {
    color: #fff;
    font-size: 15px;
    margin: 6px 0px;
    display: inline-block;
}

.wei img {
    display: block;
    margin: auto;
}

.map {
    padding-top: 20px;
}

span.border-bottom {
    height: 17px;
    width: 3px;
    background: #24bb6c;
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 29px;
}

span.border-top {
    height: 178px;
    width: 1px;
    background: #393939;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 20px;
}

.border-footer {
    position: relative;
}

.right-b {
    right: 18px!important;
}

.header-bottom .container {
    max-width: 1526px;
    width: 100%;
}

.mobile-menu a {
    display: none;
}
@media (max-width: 1440px){
.header .h_rt {
    float: left;
    width: 852px;
    padding-left: 0;
}
}

@media (max-width: 1366px){
    .footer-wei {
    display: inline-block!important;
}
.header .h_rt {
    float: left;
    width: 852px;
    padding-left: 0;
}
    .header .logo {
    height: auto;
    overflow: hidden;
    float: left;
    width: 31%;
}
}
@media (max-width: 1236px){
    .banner {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
    .our .shu-show {
    display: inline-block;
    text-align: center;
    margin-right: 25px;
}
    .product {
    background: #f0f2f4;
    padding-top: 30px;
}
    span.por-right {
    float: right;
    color: #fff;
    font-size: 18px;
    padding-right: 124px;
    display: none;
}
    .product-menu ul li {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    width: 149px;
    padding-left: 17px;
}
.solution-box {
    position: relative;
    overflow: hidden;
    min-height: 268px;
}
    .swiper-button-prev3 {
    position: absolute;
    left: -80px;
    top: 130px;
    z-index: 99;
    display: none;
}
    .swiper-button-next3 {
    position: absolute;
    right: -80px;
    top: 130px;
    z-index: 99;
    display: none;
}
    p.zhengshu-p {
    background: #fff;
    margin: 0px 22px;
    padding-bottom: 10px;
    display: none;
}


    .zhengshu {
    background: #f6f6f6;
    padding-top: 10px;
    padding-bottom: 15px;
}
    .header .nav1 ul li a {
    font-size: 16px;
    color: #333;
    display: block;
    transition: 0.5s;
    padding: 0px 19px;
}
    .header .h_rt {
    float: left;
    width: 69%;
    padding-left: 0;
}
    span.header-span1 {
    color: #999;
    font-size: 14px;
    margin-left: 19px;
}
    .header-bottom {
    min-height: 84px;
}
}   

@media (max-width: 768px){
    .main-menus{
        display: block!important;
    }
    .swiper-button-next3 {
  display: none;
}
    .swiper-button-prev3{
        display:none
    }
   

.mobile-menu a {
    font-size: 30px;
    display: block;
    margin-top: 4px;
    color: #22bc3f;
    text-decoration: none; float:left;
}
.mobile-menu a.lang { margin-right:5px; background-color:#999999; color:#FFFFFF; float:left; font-size:14px; width:32px; text-align:center; line-height:32px;}
    .header .nav1 ul{
        display: none;
    }
    .header-top {
    display: none;
    }
    .header .logo {
    width: 70%!important;
    padding-top: 10px!important;
}
    
    .header .h_rt {
    float: right;
    width: 80px!important;
    padding-left: 0px!important;
}
    
    .banner {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
    
    .banner-bottom {
    position: relative;
    z-index: 2;
    height: auto;
    top: 0px;
}
    
    .banner-date {
    color: #e74b26;
    font-size: 30px;
    padding-top: 40px;
    background-image: -webkit-linear-gradient(left,#ed8428,#e53b25);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
    .banner-p {
    margin-bottom: 39px;
    font-size: 15px;
    line-height: 4px;
}
    sup {
    font-size: 20px!important;
    top: -18px!important;
    background-image: -webkit-linear-gradient(left,#ed8428,#e53b25);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
    
    sup.top-sup {
    top: -8px!important;
    font-size: 20px!important;
    background-image: -webkit-linear-gradient(left,#ed8428,#e53b25);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

    .our {
    margin-bottom: 75px;
    padding-top: 20px;
}
    
    .our h2 {
    font-size: 16px;
    margin-top: 4px;
    font-weight: bold;
    margin-bottom:10px;
}
    
    .about-p {
    font-size: 12px;
    color: #909090;
    text-transform: uppercase;
    margin-bottom: 0px;
}
    .our-content {
    font-size: 12px;
    line-height: 27px;
    color: #888888;
    letter-spacing: 1px;
}
    
    a.our-a {
    font-size: 13px;
    color: #999;
    width: 128px;
    text-align: center;
    display: inline-block;
    background: transparent;
    border: 1px solid #d5d5d5;
    border-radius: 30px;
    padding: 6px 0px;
    display: block;
    margin-top: 15px;
    margin-bottom: 0px;
}
    .our .shu-show {
    display: inline-block;
    text-align: center;
    margin-right: 0px;
    width: 30%;
}
    
    .our .banner-date {
    color: #e74b26;
    font-size: 30px;
    padding-top: 50px;
    background-image: -webkit-linear-gradient(left,#119ab8,#119ab8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.our sup {
    font-size: 18px!important;
    top: -17px!important;
    background-image: -webkit-linear-gradient(left,#119ab8,#119ab8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
    
    .mobile-about {
    padding-top: 40px;
}
    
    .product {
    background: #f0f2f4;
    padding-top: 30px;
}
    
    .product h2 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    background-image: -webkit-linear-gradient(bottom,#4fc284,#129bb5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 0px;
}
    
    .product p {
    text-align: center;
    color: #888888;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 20px;
}
    
span.pro-title {
    font-size: 12px;
    padding: 0px 2px;
}
    .product-menu ul li {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    padding-left: 0px;
    width: auto;
        
}
    span.por-right {
    display: none;
}
    .pro-box h3 {
    font-size: 13px;
    color: #323232;
    text-align: center;
}
    
    .pro-box {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 30px;
    height: auto!important;
    position: relative;
}
    .pro-box:hover .pro-hover {
    background: -moz-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c873), color-stop(100%,#119ab8));
    background: -webkit-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -o-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -ms-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: linear-gradient(to right, #27c873 0%,#119ab8 100%);
    position: inherit;
    transition: all .4s;
    margin: 0px 0px;
    box-shadow: 0px 22px 36px -11px #909090;
    padding: 0px;
    bottom: 0px;
}
    
    .pro-box:hover .pro-hover::before {
    opacity: 0;
    bottom: 94px;
    transition: all .8s;
    position: absolute;
}
    .pro-box:hover .pro-hover h3 {
    color: #fff;
    transition: all .4s;
    font-size: 13px;
    padding-top: 0px;
}
    .pro-box:hover .pro-hover p {
    white-space: nowrap;
    color: #efefef;
    padding-bottom: 0px;
}
    .producta {
    font-size: 12px;
    color: #fff;
    width: 38%;
    text-align: center;
    display: inline-block;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 9px 0px;
    background: -moz-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c873), color-stop(100%,#119ab8));
    background: -webkit-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -o-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -ms-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: linear-gradient(to right, #27c873 0%,#119ab8 100%);
    transition: all .5s;
}
    .product-a {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 0px;
}
.news .ou-h2 {
    background-image: -webkit-linear-gradient(bottom,#00cdb0,#31a4bd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 4px;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 18px;
}
    .news-top {
    text-align: center;
}
    .news {
    padding-top: 20px;
    padding-bottom: 20px;
}
    ul.new-ul li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active a ,ul.new-ul li.active a{
    font-size: 12px;
    color: #fff;
    width: 126px;
    text-align: center;
    display: inline-block;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 8px 0px;
    background: -moz-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c873), color-stop(100%,#119ab8));
    background: -webkit-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -o-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -ms-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: linear-gradient(to right, #27c873 0%,#119ab8 100%);
    transition: all .5s;
    margin-left: 5px;
}
    ul.new-ul li a {
    font-size: 16px;
    color: #666666;
    width: 160px;
    text-align: center;
    display: inline-block;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 8px 0px;
    background: #f4f4f4;
    transition: all .5s;
    margin-left: 5px;
}
.new-right {
    text-align: center;
    padding-bottom: 10px;
}
    .new-bottom h2 {
    font-size: 13px;
    color: #333;
    margin: 10px 0px;
    line-height: 17px;
}
    .new-bottom p {
    font-size: 14px;
    color: #888;
    line-height: 24px;
    display: none;
}
.new-bottom .demo.producta {
    width: 100%;
    font-size: 12px;
    padding: 6px 0px;
    background: #fff;
    color: #666;
    border: 1px solid #c4c4c4;
    margin-top: 14px;
    margin-bottom: 20px;
}
    .huan h3 {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-top: 55px;
}
    a.demo.huan-a {
    width: 32%;
    font-size: 12px;
    padding: 6px 0px;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    margin-top: 21px!important;
    margin-bottom: 10px;
    text-align: center;
    margin: auto;
    border-radius: 30px;
    display: inline-block;
}
    .swiper-button-prev2 {
    display: none;
}
    .swiper-button-next2 {
    display: none;
}
    .patner-box {
    padding: 0px;
    box-shadow: 0px 22px 36px -11px #909090;
    background: #fff;
}
    .patner .swiper-slide img {
    display: inline-block;
    margin: auto;
    width: 76%;
}
    .patner {
    min-height: 31px;
    line-height: 94px;
    position: relative;
    top: -20px;
}
    .solution-h2 {
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    background-image: -webkit-linear-gradient(bottom,#4fc284,#129bb5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
    .solution p {
    text-align: center;
    color: #888888;
    font-size: 12px;
    margin-top: 2px;
    margin-bottom: 0px;
    padding-right: 0px;

}
    .solution-bottom {
    position: inherit;
    bottom: 0px;
    padding-left: 5px;
    transition: all .4s;
} 
    .solution-bottom .one-p {
    margin-bottom: 0px;
    color: #b8b8b8;
    text-align: left;
    padding-right: 0px;
    padding-bottom: 30px;
}
    .solution-bottom h2 {
    color: #fff;
    font-size: 15px;
    color: #333;
}
    .solution-bottom a {
display: none;
}
    .solution-box {
    position: relative;
    overflow: hidden;
    min-height: 274px;
}
    .solution-box:hover .solution-bottom {
    bottom: 0px;
    transition: all .4s;
}
    .solution-bottoma .demo.producta {
    margin-top: 0px;
    margin-bottom: 20px;
}
    p.zhengshu-p {
    background: #fff;
    margin: 0px;
    padding-bottom: 10px;
    font-size: 12px;
}
    .zhengshu p {
    color: #888888;
    font-size: 12px;
    text-align: center;
    margin-bottom: 30px;
}
    span.border-top {
    display: none;
}
    span.border-bottom {
    display: none;
}
    .footer-top {
    background: #2a2a2a;
    padding-top: 20px;
    padding-bottom: 60px;
    text-align: center;
}
    .mm-listview .mm-next {
    background: transparent;
    width: 50px;
    padding: 0;
    position: absolute;
    right: 60px!important;;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.header-content {
    position: absolute;
    top: 0px;
    color: #fff;
    left: 34px;
    padding-top: 2px;
    padding-bottom: 0px;
    padding-left: 16px;
    background: rgba(42, 156, 92, .8);
    padding-right: 10px;
    margin-top: 12px;
}
.header-content p {
    font-size: 12px;
    margin-bottom: 0px;
}
    .header-content h2 {
    font-size: 16px;
}
    .header-content a {
    transition: all .4s ease 0s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font-size: 12px;
    width: 31%;
    padding: 0px;
    margin-top: 10px;
}
}
.contact a:hover {
    color: #25bb6d;
}
.our .row::before , .our .row::after{
    display: none!important;
}
.our .container::before {
    display: none!important;
}


.footer-wei {
    width: 100%;
    border: none;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: transparent;
}

a.col-a {
    z-index: 99;
    position: absolute;
    right: 11px;
    color: #fff;
    font-size: 39px;
    top: -7px;
}

a.col-a span.span2 {
    display: none;
}

a.col-a.collapsed span.span2 {
    display: block!important;
}

a.col-a.collapsed {
    top: -77px;
    color: #ff8c00;
}


.btnbox ul {
    overflow: hidden;
    list-style: none;
    display: flex;
    padding: 0;
}
.btnbox .container ul li {
    flex: 1;
    overflow: hidden;
    text-align: center;
}

.btnbox .container p {
    font-size: 20px;
    line-height: 80px;
    float: left;
    overflow: hidden;
    width: 65%;
    color: #3d3c3c;
    color: #ffffff;
    padding: 0px 0px 0px 10px;
    display: none;
}

.btnbox i{
    max-width: 73px;
    max-height: 70px;
    margin-top: 8px;
    float: left;
}
.btnbox {
    background-color: #16a2ab;
    width: 100%;
    height: 80px;
    background: #f5f5f5;
    background: #15a1ad;
    opacity: 0.9;
}

.btnbox i {
    max-width: 73px;
    max-height: 70px;
    margin-top: 17px;
    float: left;
    font-size: 34px;
    color: #fff;
}

.btnbox a {
    display: inline-block;
}

a.col-a.collapsed span.span1 {
    display: none;
}

.footer-wei {
    display: none;
}

.banner-page {
    position: relative;
    max-height: 300px;
    overflow: hidden;
}

.banner-page h2 {
    text-align: center;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 39%;
    width: 100%;
    font-size: 40px;
    display: none;
}

.pro-page-a a {
    position: relative;
    display: inline-block;
    text-align: center;
}

.pro-page-a {
    text-align: center;
}

.pro-page-a a {
    position: relative;
    text-align: center;
    border-color: #04a07b;
    background-color: #04a07b;
    color: #fff;
    padding: 0 42px;
    line-height: 30px;
    border-radius: 30px;
    display: inline-block;
    margin: 0 5px;
    font-size: 13px;
    margin-top: 56px;
}

.pro-page-a a:hover{
    color: #fff;
}
/****************************new*/

.new-bottom1 {
    box-shadow: 0 15px 25px rgba(0,0,0,.0);
    margin-top: 10px;
    margin-bottom: 30px;
}

.agent-pc  .date_wrap {
    position: absolute;
    right: 0;
    top: 0;
    height: 106px;
    border-left: 1px solid #2e2e2e;
    margin: 0;
    width: 120px;
    text-align: center;
        border-color: rgba(0,0,0,.15);
}


.agent-pc  .date_wrap {
    float: left;
    margin-right: 60px;
    width: 140px;
}

p.title.ellipsis {
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 36px;
    color: #666;
}

.agent-pc .year {
    display: block;
    color: #bdbdbd;
    font-family: HELVETICANEUELTPRO-THEX,"微软雅黑";
    position: absolute;
    bottom: 0;
}

.agent-pc .year {
    display: none;
}

.agent-pc .md {
    font-size: 24px;
    color: #999;
    font-family: helveticaneuethn,HELVETICANEUELTPRO-THEX,"微软雅黑";
    display: block;
    line-height: 46px;
    width: 100%;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    transition: all .3s ease-out 0s;
    margin-bottom: 18%;
}

.agent-pc .md {
    padding-bottom: 16px;
}

.agent-pc .date_wrap:after {
    content: ">";
    width: 20px;
    height: 20px;
    border: 0;
    top: 80px;
    left: 28px;
    transition: all ease-out .3s;
    font-size: 18px;
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    background-color: transparent;
}

.new-box .container {
    max-width: 1440px;;
} 
.new-box1 {
    min-height: 215px;
}

.new-box {
    padding-top: 5px;
}
div#menu {
    display: none;
}
@media (max-width: 768px){
    .huan {
    background: -moz-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c873), color-stop(100%,#119ab8));
    background: -webkit-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -o-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -ms-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: linear-gradient(to right, #27c873 0%,#119ab8 100%)!important;
    min-height: 246px;
    text-align: center;
}
    span.solution-span {
    font-size: 24px;
    display: none!important;
    color: #fff;
    font-weight: bold;
    background: -moz-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c873), color-stop(100%,#119ab8));
    background: -webkit-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -o-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -ms-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: linear-gradient(to right, #27c873 0%,#119ab8 100%)!important;
    line-height: 42px;
    width: 100px;
    display: inline-block;
    text-align: center;
    position: relative;
    left: -29px;
}
    .solution .solution-bottom p {
    text-align: left;
    color: #888888;
    font-size: 12px;
    margin-top: 2px;
    margin-bottom: 0px;
    padding-right: 0px;
}
    
    .header-bottom {
    min-height: 72px;
}
    .zhengshu {
    background: #f6f6f6;
    padding-top: 0px;
    padding-bottom: 0;
}
    .banner-page h2 {
    text-align: center;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 8%;
    width: 100%;
    font-size: 20px;
}
    .agent-pc .item_wrapper {
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0 0 18px;
    float: inherit;
    height: auto;
}
    .agent-pc .date_wrap {
    float: left;
    margin-right: 60px;
    width: 140px;
    display: none;
}
    p.title.ellipsis {
    font-size: 12px;
    font-weight: bold;
}
    
    p.description {
    font-size: 12px;
}
    .new-box1 {
    min-height: 100px;
}
    
    .new-bottom1 {
    box-shadow: 0 15px 25px rgba(0,0,0,.0);
    margin-top: 10px;
    margin-bottom: 0px;
}
    .mm-menu.mm-offcanvas.mm-current.mm-opened {
    display: block!important;
}
}
/****************************new*/

/****************************about*/
.sidebar-menus {
    padding-top: 0px;
}
.sidebar-menus h5 {
    font-size: 21px;
    text-align: left;
    padding: 15px 25px;
    margin-bottom: 1px;
    color: #fff;
    font-family: MontserratRegular;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: -moz-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c873), color-stop(100%,#119ab8));
    background: -webkit-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -o-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -ms-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: linear-gradient(to right, #27c873 0%,#119ab8 100%);
    text-align: center;
    margin-top: 0px;
}

.sidebar-menus ul li {
    display: block;
    margin: 1px 0;
    padding: 15px 0;
    background-color: #efefef;
    padding-left: 16px;
    line-height: 16px;
    padding-right: 16px;
    text-align: center;
}

.sidebar-menus ul li a, .sidebar-menus ul li {
    -webkit-transition: 0.6s cubic-bezier(.215,.61,.355,1) 0s;
    -moz-transition: 0.6s cubic-bezier(.215,.61,.355,1) 0s;
    transition: 0.6s cubic-bezier(.215,.61,.355,1) 0s;
    font-size: 15px;
    color: #333;
}

.about-content p {
    margin: 15px 0px;
    line-height: 1.7;
    font-size: 15px;
    margin-bottom: 3px;
}

.about-content {
    padding-top: 50px;
}
/****************************about*/

/****************************contact*/
.container_header {
    margin-bottom: 40px;
}
.container_header .title {
    font-size: 24px;
    line-height: 30px;
    color: #555;
    margin-bottom: 0px;
}
.container_header .subtitle {
    font-size: 14px;
    color: #bbb;
    line-height: 26px;
}

.container_header.wow.animated {
    text-align: center;
    margin-top: 60px;
}

.postbody p {
    line-height: 24px;
}

.contact .map {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 30px;
}
/****************************contact*/

.com_left {
    width: 260px;
    float: left;
}
.com_left .com_lt_list {
    height: auto;
    overflow: hidden;
}
.com_left .com_lt_con {
    height: auto;
    overflow: hidden;
    background: #f3f3f3 url(../images/contact_bg.png) no-repeat center bottom;
    padding: 30px 20px 30px 24px;
    margin-top: 10px;
}
.com_left .com_lt_list .list_t {
    height: 100px;
    background: -moz-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c873), color-stop(100%,#119ab8));
    background: -webkit-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -o-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -ms-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: linear-gradient(to right, #27c873 0%,#119ab8 100%);
}
.com_left .com_lt_list .list_t b {
    display: block;
    font-size: 32px;
    color: #fff;
    line-height: 100px;
    padding-left: 24px;
}
.com_left .com_lt_list ul,.com_left .com_lt_list ul li {
    margin: 0;
    padding: 0;
}
.com_left .com_lt_list ul li >a{
	min-height:  46px;
	line-height: 46px;
	background-color: #f3f3f3;
	margin-top: 3px;
	transition: 0.5s;
	background-repeat: no-repeat;
	background-position: 212px top;
	background-image: url(../images/pro_li1.png);
}
.com_left .com_lt_list ul li li>a{ background-image:none}
.com_left .com_lt_list ul li> a {display:block;}
.com_left .com_lt_list ul li.active> a { color:#FFFFFF;}
.com_left .com_lt_list ul li> a {
    color: #666;
    font-size: 16px;
    padding-left: 24px;
}
.com_left .com_lt_list ul li:hover>a {
    background-color: #139eb2;
    background-position: 212px bottom;
    transition: 0.5s;
}
.com_left .com_lt_list ul li:hover >a {
    color: #FFF;
}
.com_left .com_lt_con {
    height: auto;
    overflow: hidden;
    background: #f3f3f3 url(../images/contact_bg.png) no-repeat center bottom;
    padding: 30px 20px 30px 24px;
    margin-top: 10px;
}
.com_left .com_lt_con .con_img {
    width: 213px;
    height: 44px;
}
.com_left .com_lt_con .con_desc {
    line-height: 30px;
    font-size: 16px;
    padding: 2px 0;
}

.col-md-3.col-sm-3.hidden-xs.com_left {
    width: 21%;
}

.back-footer {
    background-color: #139eb2;
    height: 20px;
}

.back-footer::before {
    left: 50%;
    width: 27px;
    height: 27px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    bottom: 5px;
    background: #139eb2;
    position: absolute;
    content: '';
    pointer-events: none;
    transition: all 0s;
}

.con_img i.fa.fa-volume-control-phone {
    font-size: 38px;
    margin-right: 5px;
    color: #139fb2;
}

span.mobile {
    font-size: 20px;
}

a.new-box-a {
    display: inline-block;
    color: #333;
    font-size: 13px;
    color: #fff;
    width: 107px;
    text-align: center;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 6px 0px;
    background: -moz-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c873), color-stop(100%,#119ab8));
    background: -webkit-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -o-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: -ms-linear-gradient(to right, #27c873 0%,#119ab8 100%);
    background: linear-gradient(to right, #27c873 0%,#119ab8 100%);
    transition: all .5s;
    float: right;
}

a.new-box-a:hover{
    color: #fff;
}

ul.pro-ul li {
    padding-left: 25px;
    border-top: 3px solid #fff;
    margin-top: 0px;
}

.pro-content .com_left .com_lt_list ul li{
        margin-top: 0px;
}

span.i-video {
    font-size: 10px;
    color: #139eb2;
    background: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    float: right;
    margin-top: 15px;
    margin-right: 35px;
}

.com_left .com_lt_list ul li:hover ul.pro-ul li a {
    color: #333;
}
.com_left .com_lt_list ul li ul{ display:none}
.com_left .com_lt_list ul li:hover ul.pro-ul li:hover a ,.com_left .com_lt_list ul li:hover ul.pro-ul li a.select{
    color: #fff;
}

.pro-content .com_left .com_lt_list ul li.active>a ,.com_left .com_lt_list ul li.active>a,.com_left .com_lt_list ul li a.select{
    background-color: #139eb2;
    color: #fff;
}

.pri-li-title {
    font-size: 16px;
    padding-left: 24px;
}
.join-box .new-box1 {
    min-height: 200px;
    border-bottom: 1px solid #e3e3e3;
}

.join-box p.title.ellipsis {
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 0px;
    color: #666;
    margin-bottom: 25px;
}

.com_news ul {
    margin: 0;
    padding: 0;
}
.com_news ul li {
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #e3e3e3;
    padding: 25px 0;
    transition: 0.5s;
}
.com_news ul li a {
    display: block;
    color: #999;
}
.com_news ul li a .com_n_desc font {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 36px;
    color: #666;
}
.com_news ul li a .com_n_desc span {
    display: block;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.com_news ul li a .com_n_desc i {
    color: #129bb6;
    font-style: normal;
}
.com_news ul li:hover {
    background: #f9f9f9;
    transition: 0.5s;
    padding-left: 15px;
}

.com_nav {
    overflow: hidden;
    padding: 0 0 10px;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 20px;
    margin-left: 15px;
}
.com_nav ul {
    padding: 0;
    margin: 0;
    text-align: center;
}
.com_nav ul li {
    float: left;
    height: 28px;
    line-height: 28px;
}
.com_nav ul li a {
    padding: 0 2px;
    color: #999;
    font-size: 14px;
}
.com_nav ul li:last-child a {
    color: #666;
    font-size: 16px;
}
.com_nav i.fa.fa-university {
    margin-right: 8px;
}
.com_news {
    margin-left: 15px;
}

/*.pro-content .pro-box {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
    height: 350px;
    position: relative;
}*/

.pro-content .pro-hover::before {
    left: 50%;
    width: 27px;
    height: 27px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    top: -13px;
    background: #1db394;
    position: absolute;
    content: '';
    pointer-events: none;
    opacity: 0;
    transition: all 0s;
    bottom: inherit;
}

.pro-content proincontent .pro-box {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
    height: 250px;
    position: relative;}

.btnbox img {
    display: inline-block;
    margin-top: 26px;
}

ul.show-ul {
    position: absolute;
    border-bottom: 1px solid #b6b6b6;
    display: none;
    left: -187px;
    top: 35px;
    z-index: 1000;
    margin-bottom: 0;
    list-style-type: none;
    width: 300px;
    height: 300px;
}
li.er:hover ul.show-ul {
    display: inline-block;
}

.pages{ text-align:center; }
.pagination li.active span{
	background-color: #139eb3;
	border: 1px solid #139eb3;
}


.about-content h1.h1{
	font-size: 28px;
	/*font-weight: lighter;*/
	line-height: 1.2;
	padding-top: 15px;
	padding-bottom:30px;
	font-weight: lighter; color:#211715; text-align:center
}
.about-content .info{
	font-size: 14px;
	/*line-height: 50px;*/
	color: #999999; text-align:center;
}
.about-content .com_desc{
	padding-bottom: 15px; font-size:16px; line-height:2; padding-top:20px;
}
.about-content .com_desc *{ max-width:100%;}

.nextpage{ padding-top:15px; font-size:16px; padding-bottom:15px; line-height:2;}
.back{ clear:both; padding-bottom:15px; text-align:right; line-height:32px;}
.back a{
	display:inline-block;
	color: #CCCCCC;
	background-color: #3399FF; padding-left:15px; padding-right:15px;
}
.weixinq{
	position: relative;
}

.weixinq .ewm{ display:none;
	position: absolute;
	left: 0px;
	top: 39px;
	z-index: 2;
	float: left; max-width:200px;
}
.weixinq:hover .ewm{ display:block}
.weixinq .ewm img{ max-width:200px;}


.caseincontent .pro-box{}/*案例列表*/
.proincontent .pro-box{}/*产品列表*/