@charset "utf-8";

/* public*/
.w1200{width:1200px;margin:0 auto;}
.tx-l{text-align:left;}
.tx-c{text-align:center;}
.tx-r{text-align:right;}
.ufl{float:left;}
.ufr{float:right;}
.ufml{font-family:"微软雅黑";}
.row.marlg0{margin-right:0;margin-left:0;}
.row .padlg0{padding-right:0;padding-left:0;}
.text img{max-width:100%;}
.text table,.text iframe{max-width:100%;}
.col-zs{color:#327cbe;}
.font-18{font-size:18px;}
.font-46{font-size:46px;}
.clr{clear:both}
.pt30{padding-top:30px}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="search"], input[type="date"], select, textarea {
    border-radius: 2px;
    border: solid 1px #ccc;
    padding: 0.6em;
    background-color: #f7f7f7;
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
    width: 100%;
    transition: all 0.3s ease;
}
/* header */
/* header{box-shadow:0 2px 3px 1px #ddd;padding-bottom:5px;} */
/* .index-header{border-bottom:1px solid #abb5bc;} */
/* .navbar-nav > li.last{width:67px;font-size:0;background:url(../Images/ico_01.png) center no-repeat;}
.navbar-nav > li.last a{display:inline-block;width:50%;font-size:0!important;} */
/* header{position:absolute;width:100%;z-index:100;border-bottom:1px solid #515d73;} */
.in_new_wrap{ position:relative;  margin:0 auto;width: 1100px;}
.top{width:1172px; margin:auto; padding-top:18px; background:#FFF}
.logo{ margin:10px 0 0 15px;}
.top .logo,.top .fuwu{ float:left;}
.top .fuwu{ float:right; }
.fuwu ul li,.fuwu ul a,.fuwu ul img{ float:left; color:#767474; font-size:12px; }
.fuwu .guanli a{ margin-left:10px; height:30px; line-height:30px; width:60px; }
.guanli li{ float:left; display:block; height:30px; line-height:30px;}
.guanli li.mail{ padding-left:25px;background: url(../images/youxiang.jpg) no-repeat left;}
.fuwu ul a img{ margin-left:6px; margin-right:10px;}
.phone{ margin:20px 25px 0 0 ; float:right;}
.phone p{ line-height:20px; font-size:16px; color:#767474;padding-left:25px;background: url(../images/phone.jpg) no-repeat 1px 7px;}
.phone p span{ color:#0476f2; font-size:22px;}
.guanli a:hover{ color:#0476f2;cursor:pointer;}
.search span{ background:url(../images/searchone.png) no-repeat; width:10px; height:22px;}
.search a{ background: url(../images/searchtwo.png) no-repeat;height:22px;width:26px; cursor:pointer;}
.search input{ background:url(../images/searchthree.png) no-repeat;width:131px;height:22px; border:none;}
.search span,.search input,.search a{ float:left;}
.search,.guanli{ float:left;}
/*nav*/
.navbox{width:100%; height:48px; line-height:48px; background:#0476f2; /*margin-top:18px;*/}
.nav{width:100%; margin:auto;}
.nav span{width:1px; height:16px; background:#fff; margin-top:17px; float:left; }
.nav ul li{height:44px; background:#000;filter:alpha(opacity=80);-moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8; line-height:44px; margin-top:1px;}
ul.nav,ul.nav ul{list-style-type:none;font:left; }
ul.nav li{float: left;width:100px;}
ul.nav li ul{position: absolute;left: -999em; z-index:99;width:128px;}
ul.nav li ul li a{ font-size:14px}
ul.nav li:hover ul{left: auto;}
ul.nav a{ display: block;color: #fff;text-decoration: none; text-align:center; font-size:17px;}
ul.nav a:hover, ul.nav a:focus{color: #fff; }
ul.nav a:hover{ background:#0476f2;}
ul.nav li ul a:hover{background:#0476f2;}
ul.nav{ text-align:center;}
ul.nav li {
    width: 180px !important;
	/*background:url(../images/navbg.png) no-repeat right;*/
	display:inline-block;
	float:none !important;
}
.nav span{ display:none;}
/* banner */
.banner-img{
	position: absolute;
    top: 50%;
    width: 100%;
    transform:translateY(-50%);
}
.dtable {
    display: table;
    height: 100%;
}
.dtcell {
    display: table-cell;
    vertical-align: middle;
}
.active .pro-text h3,.active .pro-text p,.active .pro-link{
	-webkit-animation: down-in 500ms;
    -moz-animation: down-in 500ms;
    -ms-animation: down-in 500ms;
    -o-animation: down-in 500ms;
    animation: down-in 500ms;
    animation-fill-mode: both;
}
.active .pro-text h3{
    animation-delay: 200ms;
}
.active .pro-text p{
    animation-delay: 500ms;
}
.active .pro-link{
    animation-delay: 800ms;
}
.in_sec_wrap ul { }
.in_sec_wrap ul li { width:33%; float:left; position:relative; margin-bottom:50px; margin-right:0.3%}
.in_sec_wrap ul li a.in_sec_img { display:block; width:100%; float:right; }
.in_sec_wrap ul li a.in_sec_img img { width:100%; height:100%; }
.in_sec_wrap ul li a.in_sec_outer { position:absolute; display:block; width:100%; text-align:center; bottom:0px; /*filter:alpha(opacity=0); -moz-opacity:0; opacity:0; */ }
.in_sec_wrap ul li a.in_sec_outer img {  width:100%; height:100%; display:none;}
.in_secBot { position:absolute;overflow:hidden; whit e-space:nowrap; t ext-overflow:ellipsis;width:100%   }
.in_sec_wrap ul li a.in_sec_outer p { font-size:20px; color:#000; line-height:1.7em; max-width:100%; display:block;ove rflow:hidden; whi te-space:nowrap; te xt-overflow:ellipsis; }
.in_sec_wrap ul li a.in_sec_outer span { font-size:14px; color:#6a7378; }
.part ul{width: 1230px;}
.part li{margin:0 16px 0 0;float: left;}
.part li span{display: block;text-align: center;line-height: 32px;}
.part li p{border:solid 1px #e6e6e6;}
.part li p,.part li p img{width:225px;height: 160px;display: block;overflow: hidden;}
.part li p img,.case_l dt img, .pro_lc dt img, .edge_c dt img, .newbox dt img, .about_p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.part li p img:hover,.case_l dt img:hover, .pro_lc dt img:hover, .edge_c dt img:hover, .newbox dt img:hover, .about_p img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

/* index */
.swiper-slide img{width:100%;}
.prevbox,.nextbox{
    color: #fff;
    width: 54px;
    height: 54px;
    line-height: 54px;
    background: transparent;
    border-radius: 100px;
    overflow: hidden;
    text-align: center;
    position: absolute;
    top:50%;
    -webkit-transition: background .5s,opacity .3s,transform .5s;
    -moz-transition: background .5s,opacity .3s,transform .5s;
    transition: background .5s,opacity .3s,transform .5s;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index:99;
}
.prevbox{left:15px;}
.nextbox{right:15px;}

.prevbox .ban-prev,.nextbox .ban-next{
    display:block;
    width: 54px;
    height: 54px;
    -webkit-transition: background .5s,opacity .3s,transform .5s;
    -moz-transition: background .5s,opacity .3s,transform .5s;
    transition: background .5s,opacity .3s,transform .5s;
    cursor: pointer;
    position:relative;
}
.prevbox .ban-prev:after{
    display:block;
    width:54px;
    height:54px;
    background:url(../Images/ico_prev.png) center no-repeat;
    content: '';
    position:absolute;
    top:0;
    left:0;
}
.nextbox .ban-next:after{
    display:block;
    width:54px;
    height:54px;
    background:url(../Images/ico_next.png) center center no-repeat;
    content: '';
    position:absolute;
    top:0;
    left:0;
}
.nextbox:hover,.prevbox:hover {
    opacity: 1;
    background: #f26228;
    color: #fff;
    border-color: #f26228;
    animation: pulse .5s ease-out forwards;
}
.prevbox .ban-prev:hover::after{
    -webkit-animation: toRightFromRight .5s forwards;
    -moz-animation: toRightFromRight .5s forwards;
    animation: toRightFromRight .5s forwards;
}
.nextbox .ban-next:hover::after{
    -webkit-animation: toRightFromLeft .5s forwards;
    -moz-animation: toRightFromLeft .5s forwards;
    animation: toRightFromLeft .5s forwards;
}

.foucs{position:relative;}
.foucs .fouct-txt-box{
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9;
    text-align:center;
    color:#fff;
    font-size:18px;
    line-height:35px;
}
.foucs .fouct-txt-box .ban-move-box{overflow:hidden;}
.foucs .fouct-txt-box .ban-move-box .ban-move-st{
    animation-fill-mode: forwards;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    overflow:hidden;
}
.on.foucs .fouct-txt-box .ban-move-box .ban-move-st{
    -webkit-animation-name: maskUpIn; */
    animation-name: maskUpIn;
    animation-duration: 0.4s;
    animation-delay: 0.65s;
}
.downpage{
    position:absolute;
    bottom:30px;
    left:50%;
    width:51px;
    height:51px;
    background:url(../Images/ico_updown.png);
    margin-left:-25px;
    z-index:10;
    cursor:pointer;
}


.ban-down-txt{width:80%;margin:0 auto;text-align:left;}
.ban-down-txt h3{font-size:40px;color:#fff;}
.ban_btn{
    display:inline-block;
    padding:5px 20px;
    font-size:16px;
    color:#000;
    background:#fff;
    margin-top:20px;
}
.ban_btn:hover{color:#fff;background:#007dbb;}

.banpagination{
    text-align:center;
    position:absolute;
    bottom:30px;
    left:0;
    width:100%;
}
.banpagination span{
    display:inline-block;
    width:28px;
    height:28px;
    border-radius:50%;
    border:1px solid transparent;
    position:relative;
    vertical-align:top;
    z-index:8;
    background:transparent;
}
.banpagination span:after{
    position:absolute;
    top:50%;
    left:50%;
    width:8px;
    height:8px;
    border-radius:8px;
    background:#d4d4d4;
    content:'';
    margin:-4px 0 0 -4px;
}
.banpagination span.swiper-pagination-bullet-active{
    border-color:#f26228;
}
.banpagination span.swiper-pagination-bullet-active:after{
    background:#f26228;
}
.banner .pagenum {
    color: #fff;
    font-family: "arial black";
    font-size: 34px;
    padding-bottom: 3px;
    border-bottom: 3px solid #fff;
    position: absolute;
    z-index: 2;
    right: 30px;
    left: auto;
    bottom: 20px;
    width: auto;
}
.bannerImgBox{
    width:100%;
/*     height:0;
padding-top:941px; */
    position:relative;
}
.bannerImgBox .bannerImg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.ban-txt{
    position:absolute;
    top:114px;
    left:0;
    width:100%;
    height:100%;
    z-index:5;
    text-align:center;
    color:#fff;
}
.ban-txt>div{width:100%;}
.ban-txt h3{font-size:48px;font-weight:500;margin-bottom:30px;}
.ban-txt h4{font-size:28px;}
.bann-move-p{
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.bann-move-p:before{
    content: '';
    background: #f26228;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%)
    animation-delay:0.1s;
}
h3 .bann-move-p:before{animation-delay:0.1s;}
h4 .bann-move-p:before{animation-delay:1.2s;}
.swiper-slide-active .bann-move-p:before{
    -webkit-animation-name: maskUp;
    animation-name: maskUp;
    animation-timing-function: cubic-bezier(.165, .84, .44, 1);
}
.swiper-slide-active h3 .bann-move-p:before{
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}
.swiper-slide-active h4 .bann-move-p:before{
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}
.ban-move-s{
    display: inline-block;
    position: relative;
    z-index: 1;
    animation-fill-mode: forwards;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    opacity: 0;
}
.swiper-slide-active .ban-move-s{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.swiper-slide-active h3 .ban-move-s{
    animation-duration: 1s;
    -webkit-transition-timing-function:linear;
    animation-delay: 0.15s;
}
.swiper-slide-active h4 .ban-move-s{
    animation-duration: 1s;
    -webkit-transition-timing-function:linear;
    animation-delay: 0.5s;
}
.banner .swiper-pagination-custom{
    color: #fff;
    font-family: "arial black";
    font-size:34px;
    padding-bottom:3px;
    border-bottom:3px solid #fff;
    position: absolute;
    z-index: 2;
    right: 30px;
    left:auto;
    bottom: 20px;
    width:auto;
}
/* new banner */
.bannerImgBox .text{overflow:hidden;}
.bannerImgBox .text img{
    -webkit-transform: scale(1.05) rotate(0.01deg);
    -ms-transform: scale(1.05) rotate(0.01deg);
    transform: scale(1.05) rotate(0.01deg);
    -webkit-transition: -webkit-transform 4s ease-in;
    transition: -webkit-transform 4s ease-in;
    transition: transform 4s ease-in;
    transition: transform 4s ease-in, -webkit-transform 4s ease-in;
}
.swiper-slide-active .bannerImgBox .text img{
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}
.bancontrol{
    width:180px;
    height:105px;
    position:absolute;
    bottom:0;
    left:0;
    background:#fff;
    z-index:9;
    font-size:0;
}
@font-face {
    font-family:'jt-font';
    font-style: normal;
    font-weight: 500;
    src: url('../Fonts/jt-font.ttf');
    src:url('../Fonts/jt-font.woff') format('woff'),
        url('../Fonts/jt-font.ttf') format('truetype');
}
.new-prev,.new-next{
    display:inline-block;
    width: 50%;
    height: 100%;
    opacity: 0.3;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    cursor: pointer;
    position:relative;
    z-index: 10;
}
.new-prev:hover,.new-next:hover{opacity: 1;}
.new-prev:after,.new-next:after{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'jt-font';
    font-size: 14px;
    line-height: 105px;
    font-weight: normal;
    text-align: center;
    color: #222;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}
.new-prev:after {
    content: '\e902';
    left:7px;
}
.new-next:after {
    content: '\e903';
    left:-7px;
}
.new-pagination{
   line-height: 105px;
   font-size:12px;
   text-align:center;
   position:absolute;
   z-index: 2;
   left:0;
   width:100%; 
}
.new-pagination span{
    display: inline-block;
    min-width: 10px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 600;
    line-height: 105px;
    color: #222;
}
.banner .swiper-pagination-bullet{background:#188c9b;}
.banner .swiper-pagination-bullet-active{background:#fff;}
.ban-txt h3 .bp1{font-size:36px;font-weight:bold;color:#333;margin-bottom:8px;}
.ban-txt h3 .bp2{font-size:18px;font-weight:bold;color:#333;text-transform:uppercase;padding-bottom:25px;border-bottom:2px solid #888;}
.ban-txt h4 .bp3{font-size:22px;font-weight:500;color:#333;line-height:38px;}
.ban-txt h3{line-height:0.6;margin-bottom:20px;}

/* main */
@font-face{
    font-family:'MicrosoftYaHeiLight';
    src:url('../Fonts/MicrosoftYaHeiLight.eot');
    src:url('../Fonts/MicrosoftYaHeiLight.eot?#iefix')format('embedded-opentype'),
    url('../Fonts/MicrosoftYaHeiLight.woff')format('woff'),
    url('../Fonts/MicrosoftYaHeiLight.ttf')format('truetype');
    font-weight:normal;
    font-style:normal;
}
body,html{font-family:"Microsoft YaHei","MicrosoftYaHeiLight";}
.navbar-nav > li.sea .hed-input{
    width:40px;
    height:24px;
    background:url(../Images/ico_sea.png) 10px center no-repeat;
    border-color:transparent;
    color:#fff;
    box-shadow:none;
    margin-top:3px;
}
.navbar-nav > li.sea .hed-input.stxton{background:none;}
.navbar-nav > li.sea{position: relative;}
.navbar-nav > li.sea:before{
    display:block;
    width:0;
    height:14px;
    border-left:1px solid #ccc;
    content:'';
    position:absolute;
    right:0px;
    top:50%;
    margin-top:-7px;
}
.nav li.sea:hover,.nav li.last:hover{background:none;}
.index-header .navbar-default .navbar-nav > li.last > a:hover,
.index-header .navbar-default .navbar-nav > li.last:hover > a,
.index-header .navbar-default .navbar-nav > li.last:hover > a,
.index-header .navbar-default .navbar-nav > li.last> a:hover
{color:#da251d!important;}
.ico_d{
    display:inline-block;
    width:14px;
    height:9px;
    background:url(../Images/ico_d2.png);
    vertical-align:middle;
    margin-left:3px;
}
.whtit {
    font-size: 84px;
    color: #f7f5f6;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
    margin-top: 40px;
    position: relative;
    line-height: 70px;
}
.whtit span {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 36px;
    color: #000;
    font-weight: bold;
    line-height: 50px;
	 font-family: "microsoft yahei", '微软雅黑';
}
.whxt p {
    font-size: 15px;
    line-height: 30px; padding-top:10px
}

.er-nav{
    position:absolute;
    top:100%;
    left:0;
    z-index:999;
    width:200px;
    padding-top:0px;
    padding-left:10px;
    background:#398185;
    max-height:0;
    transition:all 0.5s;
    overflow:hidden;
}
.nav li:hover .er-nav{
    max-height:500px;
    opacity:1;
}
.er-nav li{line-height:20px;}
.er-nav li a{color:#fff;opacity:0.8;transition:all 0.3s;}
.er-nav li a:hover{color:#fff;opacity:1;}
.er-nav li:first-child{margin-top:10px;}
.er-nav li:last-child{margin-bottom:10px;}
.index-header .navbar-default .navbar-nav > li:hover .ico_d{background:url(../Images/ico_d2.png);}
.title-s1{text-align:center;color:#555;margin-bottom:35px;}
.title-s1 h1{
    font-weight:bold;
}
.title-s1 h3{margin-top:0;text-transform:uppercase;overflow:hidden;}
.title-s1 h3 span{
    display:inline-block;
    position:relative;
}
.title-s1 h3 span:after,.title-s1 h3 span:before{
    display:block;
    width:175px;
    height:0;
    border-bottom:1px solid #555;
    content:'';
    position:absolute;
    top:50%;
}
.title-s1 h3 span:after{
    left:100%;
    margin-left:15px;
}
.title-s1 h3 span:before{
    right:100%;
    margin-right:15px;
}
.tabs-wrap-s1{background:#398185;margin-bottom:12px;}
.tabs-wrap-s1 a{
    float: left;
    width:14.285714%;
    text-align:center;
    line-height:68px;
    color:#fff;
}
.tabs-wrap-s1 a.on{
    background:#dff0f1;
    color:#398185;
}
.index-products ul li{
    float: left;
}
.index-products ul li img{max-width:100%;}
.index-products ul li:nth-child(5n+1),.index-products ul li:nth-child(5n+2){
    width:50%;
}
.index-products ul li:nth-child(5n+4){width:42%;}
.index-products ul li:nth-child(5n+3),.index-products ul li:nth-child(5n+5){
    width:29%;
}

.index-p2{
    background:url(../Images/home_bg1.jpg) center top no-repeat;
    margin-top: 50px;
}
.title-color-1{color:#fff;}
.title-color-1.title-s1 h3 span:after, .title-color-1.title-s1 h3 span:before{
    border-bottom-color:#fff;
}
.more-s2 a{
    display:inline-block;
    width:150px;
    height:45px;
    line-height:40px;
    border:2px solid #fff;
    border-radius:3px;
    color:#fff;
    font-size:16px;
    margin-top:15px;
}
.index-ys.row{
    margin:0;
    margin-top:50px;
}
.index-ys.row .index-ys-item{padding:0;}
.index-ys-box{
    position:relative;
}
.index-ys-box img{width:100%;}
.index-ys-b1{
    width:100%;
    height:100%;
    position:absolute;
    top:0%;
    color:#fff;
    text-align:center;
}
.index-ys-box .dtable{width:100%;}
.index-ys-b1 h3{font-size:20px;margin-top:0;margin-bottom:24px;}
.index-ys-b1 p{font-size:30px;font-family:Arial;}
.index-ys-b1 p span{display:inline-block;padding-top:10px;border-top:4px solid #fff;width:32px;}
.index-ys-b2{
    display:none;
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    color:#fff;
}
.index-ys-b2 .index-ys-tl{
    position:absolute;
    top:0;
    width:100%;
    height:15px;
    background:#35a2ff;
}
.index-ys-box:hover .index-ys-b1{
    display:none;
}
.index-ys-box:hover .index-ys-b2{
    display:block;
}
.index-ys-b2 .idnex-ys-b2txt p{
    padding:0 30px;
    line-height:24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; 
    overflow: hidden;
}
.index-ys-b2 .idnex-ys-b2txt .line-s4{
    width:32px;
    height:4px;
    background:#35a2ff;
    margin:30px auto 15px;
}
.title-more{max-width:1200px;margin:0 auto;font-size:15px;line-height: 30px;color:#555;}
.more-s3 a{
    display:inline-block;
    color:#398185;
    padding-bottom:6px;
    border-bottom:2px solid #398185;
    font-size:16px;
    margin-top:15px;
}
.p3-l-ico{
    min-height:56px;
    margin-bottom:10px;
}
.p3-ico3{min-height:72px;}
.index-p3{

    padding-bottom:65px;
    overflow:hidden;
}
.p3-l-num{
    font-size:14px;
    color:#555;
}
.p3-l-num span{
    font-size:36px;
    color:#da251d;
    margin-right:5px;
}
.p3-l-name{
    font-size:18px;
    color:#555;
    margin-bottom:25px;
}
.p3-swp{padding:0 45px;position:relative;margin-top:50px;}
.p3-prev,.p3-next{
    width:20px;
    height:38px;
    position:absolute;
    top:50%;
    margin-top:-19px;
    cursor:pointer;
}
.p3-prev{background:url(../Images/ico_prev3.png); left:0;}
.p3-next{background:url(../Images/ico_next3.png); right:0;}
.p3-contant{margin-top:50px;}
.index-p4{
    padding:65px 0 60px;
    background:url(../Images/home_bg3.jpg) center no-repeat;
}
.index-p4 .title-s1{margin-bottom:75px;}
.index-p4 .more-s3{margin-top:50px;}
.index-p5{
    padding:30px 0 65px;
    background:#efefef;
    overflow:hidden;
}
.title-s3{color:#555;margin-bottom:35px;}
.title-s3 h1{font-weight:bold;margin-bottom:0;}
.title-s3 h1 span{
    font-weight:400;
    font-size:24px;
    text-transform:uppercase;
    color:#000;
    margin-left:5px;
}
.title-m2{
    float:right;
    width:35px;
    height:11px;
    background:url(../Images/ico_jt.png);
    margin-top:-11px;
}
.index-news-img{margin-bottom:20px;}
.index-news-w.row{margin-right:-50px;margin-left:-50px;}
.index-news-w.row > div{padding-right:50px;padding-left:50px;}
.news-list li{
    margin-bottom:15px;
    position:relative;
    padding-left:24px;
    background:url(../Images/ico_05.png) left bottom no-repeat;
    font-size:16px;
    float:left;
    width:100%;
}
.news-list li a{float: left;}
.news-list li span{float:right;font-size:14px;font-family:Arial;color:#808080;}
.footer{background:#25272c; line-height:45px; color:#FFF}
.footer a{color:#FFF}
.ftnav dt{color:#fff;font-size:18px;font-weight:400;margin-bottom:15px;}
.ftnav dd{margin-bottom:10px;}
.ftnav dd a,.ftnav dd{color:#b7b7b7;}
.ft-add{max-width:270px;margin-left:30px;}
.ft-add dd i{
    display:inline-block;
    width:22px;
    height:22px;
    background:url(../Images/ico_add.png) no-repeat;
    vertical-align:middle;
    margin-right:4px;
}
.ft-add dd i.ft-ico-1{background-position:0 5px;}
.ft-add dd i.ft-ico-2{background-position:0 -24px;}
.ft-add dd i.ft-ico-3{background-position:0 -58px;}
.ft-add dd i.ft-ico-4{background-position:0 -86px;}
.icp{background:#000;color:#fff;text-align:center;padding:15px 0;}
.newXinrongMessage {
	width: 350px;
	height: 400px;
	position: fixed;
	border: 1px solid #3499E9;
	border-radius: 5px;
	overflow: hidden;
	background: #fff;
	font-size: 12px;
	bottom: -600px;
	z-index: 99999;
	cursor: move;
}

.newXinrongMessage * {
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #000;
}

.newXinrongMessage>.newXinrongMessage_top {
	height: 50px;
	line-height: 50px;
	text-align: right;
	padding-right: 10px;
	background: #3499E9;
}

.newXinrongMessage>.newXinrongMessage_top a {
	display: inline-block;
	width: 25px;
	height: 25px;
}

.newXinrongMessage>.newXinrongMessage_top a img {
	width: 100%;
}

.newXinrongMessage>h2 {
	font-weight: 600;
	font-size: 12px;
	padding: 20px;
}

.newXinrongMessage>textarea {
	display: block;
	width: 325px;
	height: 157px;
	max-height: 157px;
	max-width: 325px;
	min-width: 325px;
	min-height: 157px;
	border: 1px solid #666;
	margin: auto;
	text-indent: 0.5em;
}

.newXinrongMessage>.newXinrongMessage_bottom {
	padding: 0 20px;
}

.newXinrongMessage>.newXinrongMessage_bottom li {
	margin-bottom: 10px;
	font-size: 14px;
}

.newXinrongMessage>.newXinrongMessage_bottom li input {
	height: 25px;
	border: 1px solid #666;
	text-indent: 0.5em;
}

.newXinrongMessage>button {
	width: 330px;
	height: 34px;
	border-radius: 3px;
	color: #fff;
	display: block;
	margin: auto;
	font-weight: bold;
	outline: none;
	cursor: pointer;
	background: #3499E9;
	border: none;
}

.newXinrongCenter {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 370px;
	z-index: 9999;
	height: 239px;
	/*background-image: url(http://ztcbucket.oiaqye7985.com/kf/center3.jpg);*/
	background-position: top;
	background-repeat: no-repeat;
	background-color: #327bfd;
	box-shadow: 0 0 30px 2px #CCCCCC;
}

.newXinrongCenter * {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-size: 12px;
	box-sizing: border-box;
	width:auto;
}

.newXinrongCenter>h1 {
	text-align: right;
	padding: 10px;
}

.newXinrongCenter>.newXinrongCenter_txt {
	padding-top: 30px;
	text-align: center;
	height: 147px;
}

.newXinrongCenter>.newXinrongCenter_txt>h1 {
	font-size: 24px;
	color: #ffffff;
	font-weight: 600;
	letter-spacing: 5px;
	margin-bottom: 5px;
}

.newXinrongCenter>.newXinrongCenter_txt>h2 {
	font-size: 18px;
	color: #ffffff;
	font-weight: normal;
}

.newXinrongCenter>.newXinrongCenter_txt>h2>span {
	font-size: 18px;
	color: #ffffff;
	font-weight: normal;
}

.newXinrongCenter_txt_bottom {
	height: 60px;
	display: flex;
	justify-content: space-between;
	background: #fff;
}

.newXinrongCenter_txt_bottom>div {
	position: relative;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
}

.newXinrongCenter_txt_bottom>div>a {
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: #333333;
	display: block;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.newXinrongCenter_txt_bottom>div>a:hover {
	color: #4A8BFD;
}

.newXinrongCenter_tel {
	position: absolute;
	width: 370px;
	height: 160px;
	bottom: -160px;
	left: -186px;
	border: none;
	box-shadow: 0 6px 30px 2px #CCCCCC;
	animation: i .3s ease-in-out forwards;
	padding: 10px 0 0;
	display: none;
}

.newXinrongCenter_telBox {
	position: relative;
	height: 160px;
	background: #fff;
}

.newXinrongCenter_telBox>i {
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	border: 10px solid transparent;
	border-bottom-color: #fff;
	right: 100px;
	top: -20px;
}

.newXinrongCenter_telBoxT {
	height: 100%;
	padding: 30px 30px 0;
}

.newXinrongCenterInput {
	text-align: left;
	display: none;
}

.newXinrongCenterInput input {
	border: 1px solid #4a8bfd;
	width: 170px;
	height: 40px;
	margin: auto;
	text-align: center;
	color: #666666;
	font-size: 14px;
	border-radius: 3px;
	margin-bottom: 10px;
}

.newXinrongCenterInput button {
	width: 130px;
	height: 40px;
	margin: auto;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
	background: #4a8bfd;
	border: none;
	margin-bottom: 20px;
	cursor: pointer;
}

.newXinrongCenterInput p {
	text-align: center;
	color: #666;
	font-size: 14px;
}

.newXinrongCenterInput p span {
	color: #4A8BFD;
	font-size: 14px;
}

.newXinrongCenterConduct {
	padding-top: 20px;
	display: none;
}

.newXinrongCenterConduct p {
	text-align: center;
	color: #666;
	font-size: 14px;
	margin-bottom: 5px;
}

.newXinrongCenterError,.newXinrongCenterSucce {
	display: none;
}

.newXinrongCenterError p {
	text-align: center;
	color: #666;
	font-size: 14px;
	margin-bottom: 5px;
}

.newXinrongCenterError a{
	text-align: center;
	color: #666;
	font-size: 14px;
	margin-bottom: 5px;
}

.newXinrongCenterSucce p {
	text-align: center;
	color: #666;
	font-size: 14px;
	margin-bottom: 5px;
}

.newXinrongCenterSucce a {
	text-align: center;
	color: #666;
	font-size: 14px;
	margin-bottom: 5px;
}

.newXinrongCenterSucce span {
	color: #4A8BFD;
	font-size: 14px;
}

.newXinrongCenterError span {
	color: #4A8BFD;
	font-size: 14px;
}

.newXinrongCenterConduct p span {
	color: #4A8BFD;
	font-size: 14px;
}

/* .newXinrongCenter_txt_bottomRight:hover .newXinrongCenter_tel {
	display: block;
} */

.newXinrongCenter_txt_bottom>div:last-child {
	border-left: 1px solid #ccc;
}

.newXinrongCenter_txt_bottom div img {
	margin-right: 10px;
	width:auto;
	height: auto;
}
.newXinrongCenter *{
	line-height: initial;
}
.newXinrongCenter_txt_bottom>div>a span{
    color: #000;
    height: auto;
}
.newXinrongMessage h2 ,.newXinrongCenter h2{
    font-size: 14px;
    line-height: inherit;
    height: auto;
    font-weight: normal;
    text-indent: inherit;
    float: none;
}
#chatIframe{
			    margin:0 !important;
			    padding:0 !important;
			}
/*# sourceMappingURL=style.css.map */
.index-tit h2 {
    font-size: 36px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    margin: 0 0 25px;
}
.index-tit h2 span {
    display: inline-block;
    padding: 0 5px 22px;
    border-bottom: 2px solid #0b5bbe;
}
.focusBg{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.5;
    z-index:3;
}
.about-main {
    padding-top: 70px;
}
.index-tit {
    text-align: center;
}
.index-tit p {
    font-size: 18px;
}
.index-tit p.p2 {
    font-size: 15px;
    color: #888;
}
.bottom {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 40px;
	position: relative;
	background:url(../Images/in_btimg1.jpg) no-repeat center}
.bottom .main {
		width: 1200px;
		margin: 0 auto;
		overflow: hidden;}
.bottom .main h3{
			font-size: 20px; font-weight:bold;
			color: #fff;
			margin-top: 0;
			margin-bottom: 25px;
		}
.bottom .bom-1{
		width: 660px;
		padding-left: 60px;
		float: left; background:url(../Images/dbline.jpg) no-repeat right}
.bottom .bom-1 .bom-form{
			width: 600px;
			height: auto;
			overflow: hidden;}
.bottom .bom-1 .bom-form table{width:550px;}
.bottom .bom-1 .bom-form label{font-size:14px;width:78px;color:#ffffff;display:block;}
.bottom .bom-1 .bom-form input{font-size:14px;width:450px;height:28px;margin:0;margin:5px 0;padding:0;color:#666666;border-radius:2px;border:none;text-indent:10px; border:#FFF solid 1px; background:none}
.bottom .bom-1 .bom-form textarea{width:446px;height:80px;max-height:80px;margin-top:5px;resize:vertical;color:#666666;border-radius:2px;border:none;font-size:14px;text-indent:10px;  border:#FFF solid 1px; background:none}
.bottom .bom-1 .bom-form input:focus,
.bottom .bom-1 .bom-form textarea:focus{border-color:#b2b8c6;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(174,184,198,.3);}
.bottom .bom-1 .bom-form td.submit{padding-left:80px;}
.bottom .bom-1 .bom-form .submit input{height:30px;width:84px;font-size:14px;color:#fff;line-height:30px;border-radius:4px;text-align:center; background:#0374ec;border:none;text-indent:0;}
.bottom .bom-2{
		width: 458px;
		float: left;
		padding-left: 75px;}
.bottom .bom-2 p,
		p a {
			font-size: 14px;
			color: #ffffff;
			line-height: 2.6;
			margin: 0;
			text-decoration: none;
		}
.bottom .bom-2 a:hover{text-decoration: underline; color:#FFF}
.bottom .bom-2 .link-chat {
			overflow: hidden;
			margin-top: 30px;
		}
.bottom .bom-2 .link-chat a{display:inline-block;width:27px;height:27px;}
.bottom .bom-2.chat-1{background:url(../images/link.jpg) no-repeat 0 0;}
.bottom .bom-2.chat-2{background:url(../images/link.jpg) no-repeat -27px 0;}
.bottom .bom-2 .chat-3{background:url(../images/link.jpg) no-repeat -54px 0;}
.bottom .bom-2 .chat-4{background:url(../images/link.jpg) no-repeat -81px 0;}


.ab-pg1 {
    margin-top: 90px;
    text-align: center;
    margin-bottom: 60px;
}
.ab-pico {
    height: 84px;
    margin-bottom: 35px;
}
.ab-pico-1 {
    background: url(../Images/ico_ab_01.png) center no-repeat;
}
.ab-pico-2 {
    background: url(../Images/ico_ab_02.png) center no-repeat;
}
.ab-pico-3 {
    background: url(../Images/ico_ab_03.png) center no-repeat;
}
.ab-pico-4 {
    background: url(../Images/ico_ab_04.png) center no-repeat;
}
.ab-pg1 h5 {
    font-size: 22px;
    margin-bottom: 15px;
}
.ab-pg1 p {
    font-size: 15px;
    line-height: 30px;
    color: #555;
    max-width: 250px;
    margin: 0 auto;
}
.about-ry {
    padding: 50px 0 150px;
    background: url(../Images/con_bg.jpg) center no-repeat;
    background-size: cover; margin-top:50px;
}
.about-rymb {
    padding: 0 80px;
    margin-top: 50px;
    position: relative;
}
.abPrev, .abNext, .abPrev2, .abNext2 {
    width: 33px;
    height: 66px;
    position: absolute;
    top: 50%;
    margin-top: -33px;
    cursor: pointer;
}
.abPrev, .abPrev2 {
    background: url(../Images/ico_prev.png) no-repeat;
    background-size: cover;
    left: 0;
}
.abNext, .abNext2 {
    background: url(../Images/ico_next.png) no-repeat;
    background-size: cover;
    right: 0;
}
.aboutWh {
    padding: 95px 0 70px;
}
.whtit {
    font-size: 84px;
    color: #f7f5f6;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
    margin-top: 40px;
    position: relative;
    line-height: 70px;
}
.whtit span {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 36px;
    color: #000;
    font-weight: bold;
    line-height: 50px;
}
.aboutWh .whxt h4 {
    margin: 22px 0;
    font-size: 19px;
}
.aboutWh .whxt p {
    font-size: 15px;
    line-height: 30px;
}
.whpax {
    text-align: center;
    margin-top: 30px;
}
.whpax .swiper-pagination-bullet {
    background: #464646;
}
.whpax .swiper-pagination-bullet-active {
    background: #c10000;
}
.about-part {
    padding: 90px 0 80px;
    background: url(../Images/con_bg2.jpg) center no-repeat;
    background-size: cover;
    color: #fff;
}
.parico {
    text-align: center;
    margin-bottom:-11px;
}
.parico span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #fff;
}
.parico span i {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #fff;
}
.abpatps {
    border-bottom: 1px solid #fff;
    position: relative;
    margin: 0 30px 30px;
}
.abpatps:after, .abpatps:before {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    border: 1px solid #fff;
    content: '';
    position: absolute;
    top: -4px;
}
.abpatps:before {
    right: 100%;
}
.abpatps:after {
    left: 100%;
}
.paritem h4 {
    max-width: 90%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 30px;
    margin-top: 25px;
    min-height: 200px;
}
.ab-parmx {
    padding: 0 50px;
    position: relative;
    margin-top: 90px;
}
.about-xy {
    padding: 75px 0 60px;
}
.ab-pg1 {
    margin-top: 90px;
    text-align: center;
    margin-bottom: 60px;
}
.ab-pg1 {
    margin-top: 90px;
    text-align: center;
    margin-bottom: 60px;
}
.ab-xyico {
    height: 87px;
    margin-bottom: 30px;
}
.xyico-1 {
    background: url(../Images/ico_con_01.png) center no-repeat;
    background-size: auto 100%;
}
.xyico-2 {
    background: url(../Images/ico_con_02.png) center no-repeat;
    background-size: auto 100%;
}
.xyico-3 {
    background: url(../Images/ico_con_03.png) center no-repeat;
    background-size: auto 100%;
}
.ab-pg1 h5 {
    font-size: 22px;
    margin-bottom: 15px;
}
.ab-pg1 p {
    font-size: 15px;
    line-height: 30px;
    color: #555;
    max-width: 250px;
    margin: 0 auto;
}
.products-tab{
    background:#188c9b;
    margin-bottom:40px;
}
.pro-tab-w a{
    display:inline-block;
    float: left;
    line-height:70px;
    padding:0 40px;
    font-size:18px;
    color:#fff;
}
.pro-tab-w a.on,.pro-tab-w a:hover{
    background:#3bb3c3;
    color:#000;
}
.products-main{padding:40px 0 0;}
.pro-slide{margin-bottom:30px;}
.pro-slide-top{border:1px solid #e3e3e3;}
.pro-slide-t{
    background:#fff;
    display:inline-block;
    padding:5px;
    transform:translate(-10px,-50%);
}
.pro-slide-t .sz36{
    font-size:36px;
    color:#000;
    font-family:"Microsoft YaHei";
    font-weight:bold;
    vertical-align:middle;
}
.pro-slide-t .sz14{
    color:#888;
    text-transform:uppercase;
    margin-left:6px;
    vertical-align:middle;
}
.pro-snbox{margin-top:-10px;}
.pro-slide-group{padding:0 18px;margin-bottom:0;}
.pro-slide-group dt{
    font-size:16px;
    padding-left:30px;
    line-height:40px;
    color:#000;
    font-weight:500;
}
.pro-slide-group dt.on{background:#888;color:#fff;}
.pro-slide-group dt a{color:#000;}
.pro-slide-group dt.on a{color:#fff;}
.pro-slide-group dd{
    padding:0 30px;
    font-size:14px;
    line-height:50px;
}
.pro-slide-group dd + dd{border-top:1px dotted #888;}
.pro-slide-mct{
    padding-left: 45px;
    height:50px;
    line-height:50px;
    border:1px solid #e3e3e3;
    font-size:20px;
}
.pro-slide-mc{margin-top:10px;}
.pro-slide-mct i{display:inline-block;width:30px;height:30px;vertical-align:middle;margin-right:10px;margin-bottom:3px;}
.pro-slide-mct i.pro-mc-1{background:url(../Images/ico_08.png) center no-repeat;}
.pro-slide-mct i.pro-mc-2{background:url(../Images/ico_09.png) center no-repeat;}
.pro-slide-mct i.pro-mc-3{background:url(../Images/ico_10.png) center no-repeat;}
.pro-slide-mct a{
    color:#000;
    display:inline-block;
    line-height:50px;
    border-top:4px solid #3bb3c3;
    margin-top:-3px;
}
.proDet-tt{overflow:hidden;text-align:center;margin-top:0;margin-bottom:50px;}
.proDet-tt span{display:inline-block;padding:0 10px;position:relative;}
.proDet-tt span:after,.proDet-tt span:before{
    display:block;
    width:1000px;
    border-bottom:1px solid #e3e3e3;
    content:'';
    position:absolute;
    top:50%;
}
.proDet-tt span:after{left:100%;}
.proDet-tt span:before{right:100%;}

.pro-lei{
    height:60px;
    line-height:60px;
    background:#cbcccc;
    text-align:center;
    font-size:20px;
    margin-bottom:36px;
}
.pro-img{
    border:1px solid #ccc;
}
.pro-pli li{
    font-size:16px;
    line-height:30px;
    margin-bottom:4px;
}
.pro-more3{
    padding:10px 25px;
    border:1px solid #3bb3c3;
    border-radius:4px;
    position:absolute;
    top:-42px;
    left:5px;
    display:inline-block;
}
.pro-more3 a{color:#3bb3c3;font-family:"simsun";}
.pro-item-g .row{margin-right:-5px;margin-left:-5px;}
.pro-item-g .row > div{padding-right:5px;padding-left:5px;}
.products-group{margin-bottom:60px;}
.pro-detimg{border:1px solid #ccc;}
.pro-detimg img{max-width:100%;}
.pro-det-dli ul li{
    line-height:30px;
    margin-bottom:20px;
    padding-left:12px;
}
.pro-det-dli ul li:nth-child(2n+1){background:#f2f2f2;}
.pro-det-shar{position:absolute;top:-36px;left:0;width:100%;}
.pro-det-tab{margin-top:70px;background-color: #efefef;border:1px solid #dadada;margin-bottom:30px;}
.pro-det-tab a{
    display:inline-block;
    float: left;
    width:150px;
    height:50px;
    line-height:50px;
    border-right:1px solid #dadada;
    background:#efefef;
    text-align:center;
    font-size:16px;
    text-decoration:none;
}
.pro-det-tab a.on,.pro-det-tab a:hover{color:#fff;background:#398185;}
.server-main>section {
    padding: 60px 0 88px 0;
}
.pro-sec {
    position: relative;
    padding-bottom: 30px;
    z-index: 12;
}
.pro-sec h1 ,.server-main>section h1{
    margin: 15px 0;
    font-weight: bold;
    font-size:28px;
}
.server-main>section h1.smmb {
    margin-bottom: 30px;
}
.pro-sec .head-desc {
    margin: 29px 0 39px 0;
    color:#777;
}
.make-pd {
    padding: 40px;
}
.border-right {
    border-right: 1px solid #eaedf2;
}
.border-bottom {
    border-bottom: 1px solid #eaedf2;
}
.wbg_img {
    background-color: #2e99eb;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 120px;
    height: 120px;
    overflow: hidden;
}
.imgbox {
    position: relative;
    overflow: hidden;
}
.wbg_img img {
    margin-top: 24px;
}

.wbg-desc h3 {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.make-pd h3 {
    margin-bottom: 20px;
}
.wbg-desc p,.sec-desc p{color:#777;line-height:24px;}
.server-main>section:nth-of-type(2n){background-color: #F2F2F2}
.server-main>section h2 {
    margin-bottom: 30px;
    font-size:22px;
}
.pl80 {
    padding-left: 80px;
}
.sec-desc h5 {
    color: #656565;
}
.pwpd {
    padding-bottom: 25px;
    line-height:24px;
    color:#777;
}
.box-container {
    margin-top: 45px;
    padding-bottom: 60px;
}
.box-container .box-sanbao {
    display:inline-block;
    border: 2px solid #e1e3e6;
    font-size: 24px;
    padding: 30px 50px;
    line-height:24px;
}
.box-container .box:not(:last-child) {
    margin-right: 15px;
}
.box-container .box-sanbao .left {
    border-right: 1px solid #e1e3e6;
    padding-right: 14px;
    display:inline-block;
}
.box-container .box-sanbao .right {
    padding-left: 10px;
    display:inline-block;
}
.box-container .box-sanbao .right span{
    line-height:24px;
    font-size:14px;
    color:#777;
}
.box-container .box-sanbao .left span{font-size:14px;color:#777;}
.box-container .box-sanbao .left .leader {
    display: inline-block;
    font-size: 1.6em;
    margin: 0 5px;
    vertical-align: middle;
    font-size:36px;
    font-weight:700;
    color:#000;
}
.sec-desc h4 {
    margin-bottom: 25px;
    font-size:16px;
}
.btn-service {
    padding: 16px 50px;
    font-size:20px;
}
.btn-warning{
    background:#d9251d;
}
.server-main>section h1 {
    margin-bottom: 60px;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.list-star>li {
    line-height: 26px;
    color:#777;
    padding-left:30px;
    position:relative;
}
.list-star>li:before {
    display:block;
    width:8px;
    height:8px;
    content:'';
    background:url(../Images/u6067.png) center no-repeat;
    position:absolute;
    top:23px;
    left:0;
}
.service-list strong {
    display: inline-block;
    color: #333;
    font-size: 16px;
}
.service-list li strong {
    margin-top: 15px;
}
.service-list ul {
    margin-left: 0px;
}
.server-main h3{
    color:#333;
    font-size:16px;
    font-weight:bold;
}
.mb20, .news_text p {
    margin-bottom: 20px;
}
.mb65 {
    margin-bottom: 65px;
}
.mask-bg:before, .overlay-mask {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 10;
    display: block;
    content:'';
}
.full, .pro-sec .waiting p {
    width: 100%;
    height: 100%;
}
.mask-desc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 15;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sermoresg{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 15;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align:center;
}
.s_desc {
    top: 50%;
}
.box-container .box-sanbao.box {
    border: 2px solid #e1e3e6;
    font-size: 24px;
    padding: 30px 50px;
}
.box-container .box {
    display: inline-block;
    padding: 20px 45px;
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.box-container .box_sc {
    border-width: 2px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.box-container .box_sc a ,.sermoresg a{
    display: inline-block;
    padding: 10px 45px;
    color: #fff;
}
.sermoresg a{
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.box-container .box_sc:hover a,.box-container .box_sc:hover ,.sermoresg a:hover{
    color: #fff;
    background-color: #d9251d;
    border-color:#d9251d;
}
.news-main{padding-top:35px;}
.news-tabs{text-align:center;margin-bottom:35px;}
.news-tabs a{
    display:inline-block;
    padding:7px 32px;
    border-radius:5px;
}
.news-tabs a.on{background-color:#3bb3c3;color:#fff;}
.news-hot-tags{text-align:center;margin-bottom:55px;}
.news-hot-tags a{
    display:inline-block;
    padding:8px 15px;
    background:#e8ebf0;
    color:#3bb3c3;
-webkit-transform: skew(-20deg); 
-moz-transform: skew(-20deg); 
-o-transform: skew(-20deg);
margin:0 10px; 
}
.news-hot-tags a span{
    display:inline-block;
    -webkit-transform: skew(20deg); 
-moz-transform: skew(20deg); 
-o-transform: skew(20deg);
}
.news-item-group {
    margin-bottom: 26px;
}
.news-item-group .news-left-img {
    float: left;
    width: 400px;
    width:30%;
    height: 230px;
    position: relative;
}
.news-item-group .news-left-img img {
    width: 410px;
    width:100%;
    max-height: 230px;
    vertical-align: top;
}
.news-item-group .news-left-img .news-left-tit {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 30px;
    padding: 0 10px;
    background: rgba(0,0,0,0.4);
    color: #fff;
}
.news-item-group .news-right {
    float: right;
    width: 775px;
    width:70%;
    padding-left:30px;
}
.news-item {
    display: block;
    height: 114px;
    border-top: 1px dashed #ccc;
    transition: all 0.3s;
}
.news-item .news-data {
    float: left;
    width: 100px;
    padding-left: 50px;
    font-size: 16px;
    font-weight: 400;
    color: #3bb3c3;
    text-align: center;
    margin-top: 18px;
}
.news-item .news-data span {
    display: block;
    font-size: 55px;
    line-height: 55px;
}
.news-rtxt {
    float: right;
    width: 620px;
    width:calc(100% - 150px);
    width:-webkit-calc(100% - 150px);
    padding-right: 20px;
}
.news-rtxt h3 {
    font-size: 18px;
    font-weight: normal;
    margin-top: 20px;
    color: #000;
    margin-bottom: 5px;
}
.news-rtxt p {
    font-size: 12px;
    color: #666;
    text-align: justify;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}
.news-item:hover {
    background: #3bb3c3;
    color: #fff;
}
.news-item:hover .news-data, .news-item:hover .news-rtxt h3, .news-item:hover .news-rtxt p {
    color: #fff;
}
.news-main{margin-bottom:60px;}
.contact-main{padding-top:80px;}
.pro-slide-group dd.on{background-color:#888}
.pro-slide-group dd.on a{color:#fff;}

.partner-index-w ul li,.partner-box1,.par-border,.par-img{
    width:136px;
    height:136px;
}
.partner-index-w ul li{
    float: left;
    margin-left:56px;
    position:relative;
    margin-bottom:-28px;
}
.partner-index-w ul li:nth-child(9n+1){margin-left:152px;}
.partner-box1{position:relative;z-index:2;}
.par-border{
    border:1px solid #398185;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: skew(45deg);
    -o-transform: skew(45deg);
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    -webkit-transition: 1s;
    transition: 1s;
}
.par-img{
    position:relative;
    z-index:4;
    text-align:center;
}
.par-img img{
    max-width:134px;
    max-height:134px;
}
.partner-index-w{width:1016px;margin:0 auto;}
.partner-index-w ul{width:960px;margin-right:56px;}
.partner-index-w ul li .partner-box1{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.partner-index-w ul li .partner-box2{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:1;
    -webkit-transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    transform: rotateY(180deg);
    backface-visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.partner-index-w ul li:hover .partner-box1 {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.partner-index-w ul li:hover .partner-box2{
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.partner-index-w ul li:hover .partner-box2 .par-border{
    background: #398185;
}
.partner-main{padding:70px 0;}
.part-item{
    display:table;
    width:100%;
    min-height:140px;
    border:1px solid #3bb3c3;
    text-align:center;
    margin-bottom:30px;
}
.part-item span{display:table-cell;}
.partner-list-w{margin-top:80px;}
.products-tab{position:relative;width:100%;}
/* .products-tab .products-tabbox{position:absolute;top:0;width:100%;z-index:9;background: #188c9b;} */
/* .products-main{padding-top:100px;} */
.products-tab.stpfix{position:fixed;top:0;z-index:900;}

.single-h3{text-align:center;   }
.single-data{text-align:center;margin-bottom:55px;}
.singlepage{margin-top:50px;}
.text p{margin-bottom:0;}
.pro-item-box{margin-bottom:30px;}
.pro-pagination{text-align:center;margin-bottom:10px;}
.pro-pagination .swiper-pagination-bullet-active{background:#398185;border-color:#398185;}
.inner-focus .ban-txt{top:0;}
.p3-swp .swiper-slide .text{text-align:center;}
.p3-swp .swiper-slide img{width:auto;}
.seprobod-2,.seprobod-4{border-right:0!important;}
.seprobod-3,.seprobod-4{border-bottom:0!important;}
.partner-list-w img{max-width:100%;max-height: 120px;}

.pro-pagination{position:absolute;z-index:99;}

/* float */
.right-side-bar {
    margin: -150px 0 0;
    padding: 0;
    position: fixed;
    z-index: 100;
    top: 50%;
    right: 0;
}
.right-side-bar li {
    height: 90px;
    width: 64px;
    background-color: #186bb8;
    position: relative;
}
.right-side-bar li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    background-color: #186bb8;
    transition: background-color .2s ease-in-out;
}
.right-side-bar li a .image-anchor {
    display: block;
    background-image: url(../Images/float_icos.png);
    width: 24px;
    height: 24px;
    margin: 24px auto 0;
    transition: opacity .2s ease-in-out;
}
.right-side-bar li a h4 {
    margin: 8px auto 0;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}
.right-side-bar li a h4.collapse, .spec .zc-top-nav-m .logo-outer img {
    display: none;
}
.right-side-bar li:after {
    content: " ";
    display: block;
    width: 64px;
    height: 2px;
    position: relative;
    margin: auto;
    z-index: 10;
    background-color: rgba(255,255,255,.5);
}
.right-side-bar li:nth-child(3):after,.right-side-bar li:nth-child(4):after{display:none}
.right-side-bar li a .image-anchor.service {
    background-position: -398px -137px;
}
.right-side-bar li a .image-anchor.tele {
    background-position: -333px -137px;
}
.right-side-bar li a .image-anchor.appointment {
    background-position: -365px -137px;
}
.right-side-bar li a .image-anchor.trial {
    background-position: -300px -137px;
}
.right-side-bar li a.spec {
    background-color: #da251d;
}

.right-side-bar li .tips-outer {
    display: block;
    height: 100%;
    height:auto;
    position: absolute;
    top: 0;
    right: -100%;
    padding-right: 10px;
    opacity: 0;
    transform: scaleX(.05);
    transition: transform .2s ease-in-out,opacity .2s ease-in-out,right .2s ease-in-out;
    display:none;
}
.right-side-bar li .tips-outer .tips-inner {
    padding: 15px 37px;
    font-size: 14px;
    color: #0b47aa;
    margin-top: 30px;
    white-space: nowrap;
    background-color: #fff;
    z-index: 10;
    border: 1px solid #dfefef;
    box-shadow: 0 0 24px 0 rgba(15,66,76,.25);
}
.right-side-bar li .tips-outer .tips-ewm{padding:15px;}
.right-side-bar li .tips-outer .tips-inner:before {
    content: " ";
    box-shadow: 0 0 24px 0 rgba(15,66,76,.25);
    display: block;
    width: 13px;
    position: absolute;
    right: 5px;
    background-color: #fff;
    height: 13px;
    z-index: 5;
    transform: rotate(45deg);
}
.right-side-bar li .tips-outer .tips-inner:after {
    content: " ";
    display: block;
    width: 15px;
    z-index: 15;
    height: 40px;
    background-color: #fff;
    position: absolute;
    right: 11px;
    top: 32px;
}
.right-side-bar li:hover .tips-outer {
    opacity: 1;
    right: 100%;
    transform: scaleX(1);
    display: block;
}
.right-side-bar li a:hover {
    background-color: #3bb3c3;
    color: rgba(255,255,255,.5);
}
.right-side-bar li a.spec:hover {
    background-color: #c2403a;
}



.float-box-c {
    width: 250px;
}
.inco_pep {
    display: inline-block;
    width: 56px;
    height: 56px;
    background: url(../Images/float_pep.jpg) left center no-repeat;
    float: left;
}
.float-box-ct p, .float-box-ccb p {
    float: left;
    color: #f0102b;
    font-size: 24px;
    line-height: 28px;
}

.float-box-cc ul li {
    float: left;
    width: 33.3333%;
    height:auto;
    background:none;
}
.float-box-cc ul li a {
    display: inline-block;
    color: #999;
    font-size: 13px;
    padding-left: 43px;
    background: url(../Images/q1.gif) no-repeat left 3px;
    line-height: 36px;
}
.right-side-bar li .tips-outer .tipsqq{padding:15px;margin-top:10px;}
.right-side-bar li .tips-outer .tipsqq:after{
    width:20px;
    top:10px;
}