@charset "utf-8";
/* CSS Document */
/*切图：yf*/
html{ overflow-x:hidden; overflow-y:auto;}
body{ overflow-x: hidden;}
*{ padding:0; margin:0;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

.top1{ position: relative; width:100%; height:223px;  z-index:1010; background: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
/*.top1.active{ height: 66px; padding-top: 0; background-color: #33465e;  }*/
.top1 .welcome{ border-bottom: #f3f3f3 solid 1px;}
.top1 .welcome .welcomeBox{ height: 42px; padding: 5px 0;}
.top1 .welcome .welcomeBox .welLeft{ float: left; color: #bbbbbb; font-size: 12px; line-height: 32px;}
.top1 .welcome .welcomeBox .welRight{ float: right;}
.top1 .welcome .welcomeBox .welRight a{ float: left; padding-right: 7px; color: #bbbbbb; font-size: 12px; line-height: 32px; }
.top1 .welcome .welcomeBox .welRight a:hover{ color: #ff7706;}
.top1 .welcome .welcomeBox .welRight a::before{ content: ''; float: left; width: 1px; height: 10px; margin-right: 7px; background-color: #f5f5f5; margin-top:13px; }


.top1 .headTop{ height: 158px;}
.top1 .logo{ float:left;  margin-top: 36px; line-height: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.topContact{ float: right; width: 340px; padding-top: 27px;}
.topContact .picTel{ float: left; width: 249px; padding-top: 30px;}
.topContact .picTel .telTit{ float: left; width: 108px; color: #333333; font-size: 14px; line-height: 40px;}
.topContact .picTel .telPhone{ float: left; width: 40px; height: 40px;}
.topContact .picTel .telPhone .c_1{float: left; width: 40px; height: 40px; position: relative; /*cursor: pointer;*/ z-index: 200;}
.topContact .picTel .telPhone .c_1 .c_1_1{position: relative; float: left; width: 40px; height: 40px; z-index: 12; }
.topContact .picTel .telPhone .c_1 .c_1_2{position: absolute; right: 50px; top: -5px; /*width: 40px;*/ /*height: 40px;*/ color: #fff; font-size: 15px; line-height: 40px; overflow: hidden; white-space: nowrap;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; padding: 5px 20px; background-color: #13a3ff;}
.topContact .picTel .telPhone .c_1 .c_1_2 p{line-height:20px;}
.topContact .picTel .telPhone .c_1.active .c_1_2{ 
}
.topContact .picTel .telSea{ float: left; width: 40px; height: 40px; margin-left: 20px;}


.top1 .language{ float: right; width: 120px; margin-left: 10px; background-color: #ff9238; font-size: 14px; line-height: 30px; overflow: hidden;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
}
.top1 .language a{ float: left; width: 50%; text-align: center; color: #fff; }
.top1 .language a.hover,
.top1 .language a:hover{ background-color: #7fc6f3;}



.telSea .search{ float: left; width: 40px; height: 40px; position: relative; cursor: pointer; z-index: 200; }
.telSea .search .searchBtn{ position: relative; float: left; width: 40px; height: 40px; z-index: 12; }
.telSea .search .searchBox{ position: absolute; right: 0; top: 0; width: 40px; height: 40px;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.telSea .search.active .searchBox{ width:210px; background-color: #13a3ff; }
.telSea .search .searchBox input{ float: left; height: 40px; width: 0; background: 0; border: 0; padding: 0 13px; color: #fff; font-size: 14px;  font-weight: normal;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}
.telSea .search.active .searchBox input{ width: 100%;}
.incos ::-webkit-input-placeholder { color:#fff !important;}
.incos :-moz-placeholder {  color:#fff !important;}
.incos ::-moz-placeholder {  color:#fff !important;}
.incos :-ms-input-placeholder { color:#fff !important; }


.topContact .rightEwm{ float: right; width: 80px;}
.topContact .rightEwm .code{ border: #e8e8e8 solid 1px; padding: 2px;}
.topContact .rightEwm .codeTit{ padding-top: 8px; color: #a0a0a0; font-size: 12px; line-height: 1; text-align: center;}
.topContact .rightEwm .code img{width:74px; height:74px;}

.pz_menu{ background-color: #13a3ff;}
.menu{ float: right; width: 100%; }
.menu ul{ float:left; width: 100%; }
.menu ul .nli{ float: left; width: 10%; position: relative; }
.menu ul .nli span a{ float:left; width: 100%; height: 54px;  color:#fff; font-size: 16px; line-height: 54px; text-align: center; position: relative; }
.top1.active .menu ul .nli span a{ color: #fff;}
.menu ul .nli.active span a,
.menu ul .nli.on span a{  background-color: #ff7706;}

.menu .sub{ display: none; position: absolute; width:192px; left:0; top: 54px; padding: 12px 0; background: #fff; }
.menu .sub .l_2{ color: #333333; font-size: 14px; line-height: 36px; text-align: left; padding-left: 36px; }
.menu .sub .l_2:hover{ background-color: #ff7706;}
.menu .sub .l_2 .a2{ color: #333333;}
.menu .sub .l_2:hover .a2{ color: #fff;}
.menu .sub dl{ display: none; position: absolute; width: 242px; min-height: 100%; background-color: #fff; left: 100%; top: 0; padding: 12px 0; }
.menu .sub .l_2:hover dl{ display: block;}
.menu .sub dl dd{ color: #666666; font-size: 14px; line-height: 36px; padding-left: 40px;}
.menu .sub dl dd a{color: #666666;}
.menu .sub dl dd:hover a{ color: #ff7706;}
.menu .sub dl::before{ content: ''; position: absolute; width: 1px; height: 90%; left: 0; top: 5%; background-color: #e5e5e5;}

@media screen and (max-width:1199px){
    .top1{ display: none;}
}





/*phone版头部*/
.top2{ display:none; position: absolute; left: 0; top: 0; z-index: 2000; float: left; width:100%; height:60px; background:#fff; }
.top2.active{
    -webkit-box-shadow: 0 2px 6px #aaa;
    -moz-box-shadow: 0 2px 6px #aaa;
    -o-box-shadow: 0 2px 6px #aaa;
    box-shadow: 0 2px 6px #aaa;
}
.top2 .logo{ float:left; width:212px; height:42px; margin:9px 0 0 0;}
@media screen and (max-width:1199px){
    .top2{ display:block;}
}

/*手机按钮*/
.menuph{
    float:right;
    margin:10px 0 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
}
.menuph .point
{
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 10px;
    position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
    width: 28px;
}
.menuph .navbtn
{
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 21px;
    height: 1px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #186ebf;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #186ebf;
}
.menuph .navbtn::after
{
    top: -11px;
}
.menuph .navbtn::before
{
    top: 10px;
}
.menuph .point.active .navbtn{
    background: transparent;
}
.menuph .point.active .navbtn::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}
.menuph .point.active .navbtn::before
{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}


/*手机下拉*/
.xialaph{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
    display: none;
    z-index: 1029;
    background: #fff;
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph h4 a{
    display: block;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
}
.xialaph h4{
    position: relative;
}
.xialaph li:last-child h4::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    /*opacity: 0.1;*/
}
.xialaph h4::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    /*opacity: 0.1;*/
}
.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}

.xialaph h5 a{
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 57px;
}
.xialaph h5{
    position: relative;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
    /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
    display: none;
}
.xialaph h4 img{
    width: 15px;
    height: 8px;
    float: right;
    margin-top: -29px;
    cursor: pointer;
}
.xialaph h5 img{
    width: 11px;
    height: 6px;
    float: right;
    margin-top: -29px;
    margin-right: 18px;
    cursor: pointer;
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{
    display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{
    display: block;
}
.xialaph .ul2{

}
.xialaph .ul3{
    padding-top: 6px;
    padding-bottom: 9px;
    padding-left: 15px;
    position: relative;
}
.xialaph .ul3::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
    display: none;
}
.xialaph .ul3 li a{
    color: #666;
    font-size: 14px;
    line-height: 35px;
    display: block;
}
.xialaph .ul3 li{
    padding-top: 5px;
}
.xialaph .ul3 li:first-child{
    padding-top: 0;
}
/*.xialaph .language{ text-align: center; padding: 15px 0 0 0;}
.xialaph .language a{ display: inline-block; color: #333; font-size: 14px; line-height: 30px; padding: 0 35px;}
.xialaph .language a.hover{ color: #fff; background: #0063b3;}*/
.xialaph .searchP{ margin-top: 15px; height: 35px; border: #ebebeb solid 1px;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.xialaph .searchP button{ float: right; width: 21px; height: 21px; margin: 6px 8px 0 0; line-height: 0;}
.xialaph .searchP .searchLeft{ padding: 0 30px 0 0;}
.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #333; font-size: 14px; border: 0; background: 0;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
    -webkit-appearance:none;
    outline: 0;
}

.xialaph .language{ margin:0 auto; margin-top:15px; vertical-align: top; width: 120px;  background-color: #ff9238; font-size: 14px; line-height: 32px; overflow: hidden;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
}
.xialaph .language a{ float: left; width: 50%; text-align: center; color: #fff; }
.xialaph .language a.hover,
.xialaph .language a:hover{ background-color: #7fc6f3;}



.phonemeng{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 196;
    display: none;
}
.phonemeng.active{
    display: block;
}


.pz_banner{ float:left; width:100%; overflow:hidden; position: relative; line-height: 0; background-color: #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.pz_banner.home{min-height: 406px;}
@media screen and (max-width:1199px){
    .pz_banner{ margin-top: 60px; }
    .pz_banner.active{ margin-top:60px; }
    .pz_banner.home{min-height: 335px;}
}
@media screen and (max-width:991px){
    .pz_banner.home{ min-height: 260px;}
}
@media screen and (max-width:767px){
    .pz_banner.home{min-height: 108px;}
}
.pz_main{ float:left; width:100%; background: #fff; }
.pz_down{ float:left; width:100%; background: #525252; }


/*banner*/
.bannerBox{ line-height: 0; }
.bannerBox .owl-dots{ position: absolute; left: 50%; height: 22px;  bottom: 35px; padding: 6px 13px; margin-top: 0; z-index: 10; text-align: center; line-height: 0; background-color: rgba(0,0,0,0.4); line-height: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-radius:11px;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    -o-border-radius:11px;
}
.bannerBox .owl-dot{ float: left; width: 10px; height: 10px;margin: 0 9px; background-color: #fff;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.bannerBox .owl-dot.active{background-color: #ff7706;}
@media screen and (max-width:991px){
    .bannerBox .owl-dots{ bottom: 20px;}
}
@media screen and (max-width:767px){
    .bannerBox .owl-dots{ bottom: 10px;}

}


/*main*/
.homeHotSea{ border-bottom: #f3f3f3 solid 1px;}
.homeHotSeaBox{ padding: 19px 0;}
.homeHotSeaBox .hotText{ float: left; color: #474954; font-size: 14px; line-height: 28px;}
.homeHotSeaBox .hotText a{color: #474954; margin: 0 6px;}
.homeHotSeaBox .hotText a:hover{ color: #ff7706;}
.homeHotSeaBox .hotSearch{ float: right; width: 277px; height: 28px; border: #e0e0e0 solid 1px;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}
.homeHotSeaBox .hotSearch a{ float: right; width: 84px; height: 14px; margin-top: 5px; border-left: #e0e0e0 solid 1px; padding-left: 18px;}
.homeHotSeaBox .hotSearch a .pic{ float: left; width: 14px; height: 14px; line-height: 0;}
.homeHotSeaBox .hotSearch a span{ float: left; color: #696a6c; font-size: 14px; line-height: 14px; padding-left: 8px;}
.homeHotSeaBox .hotSearch .hotLeft{ padding-right: 84px;}
.homeHotSeaBox .hotSearch .hotLeft .imInput{ float: left; width: 100%; padding-left: 12px; height: 26px; color: #666666; font-size: 14px;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}


.inco1 ::-webkit-input-placeholder { color:#666666 !important;}
.inco1 :-moz-placeholder {  color:#666666 !important;}
.inco1 ::-moz-placeholder {  color:#666666 !important;}
.inco1 :-ms-input-placeholder { color:#666666 !important; }
@media screen and (max-width:767px){
    .homeHotSeaBox{ padding: 10px 0;}
    .homeHotSeaBox .hotSearch{ float: left; width: 100%;}
    .homeHotSeaBox .hotText{ width: 100%; font-size: 12px; line-height: 18px; padding-top: 5px;}
}


/*homeNew*/
.homeNew{ padding: 4.7% 0 5.12% 0;}
.homeNewTitle{ text-align: center; overflow: hidden;}
.homeNewTitle .titTop{ text-align: center; line-height: 0;}
.homeNewTitle .titTop .topCen{ display: inline-block; vertical-align: top; padding: 0 12px; position: relative; color: #13a3ff; font-size: 31px; line-height: 35px; font-weight: bold;}
/*.homeNewTitle .titTop .topCen::before{ content:''; position: absolute; width: 500px; height:3px; right: 100%; top: 50%; margin-top: -2px; background: url("images/main2.png") right center no-repeat; background-size:auto 3px; }*/
/*.homeNewTitle .titTop .topCen::after{ content:''; position: absolute; width: 500px; height:3px; left: 100%; top: 50%; margin-top: -2px; background: url("images/main3.png") right center no-repeat; background-size:auto 3px; }*/
.homeNewTitle .titSmall{ padding-top: 1.19%; color: #333333; font-size: 18px; line-height: 18px; text-align: center;}
@media screen and (max-width:991px){
    .homeNewTitle .titTop .topCen{ font-size: 26px; line-height: 30px; }
    .homeNewTitle .titSmall{ font-size: 16px; }
}
@media screen and (max-width:767px){
    .homeNewTitle .titTop .topCen{ padding: 0 5px; font-size: 19px; line-height: 26px; }
    .homeNewTitle .titSmall{ font-size: 14px; }
}

.homeNewDown{}
.homeNewDownLeft{ float: left; width: 100%; padding-top:4.01%; }
.homeNewDownLeft .video{ float: right; width: 454px; margin-right: 1.79%; line-height: 0; overflow: hidden; position: relative;}
.homeNewDownLeft .video .z_video{width:100%; padding-bottom:73.79%; position:relative; overflow:hidden;}
.homeNewDownLeft .video .z_video video{position:absolute; left:0; top:0; width:100%; height:100%; }
.homeNewDownLeft .video .z_video p{position:absolute; left:0; top:0; width:100%; height:100%; }
.homeNewDownLeft .video .z_video p iframe{width:100%; height:100%; }

.homeNewDownLeft .video .videoIco{ position: absolute; width: 78px; height: 78px; left: 50%; top: 50%; margin: -39px 0 0  -39px; line-height: 0;}
.homeNewDownLeft  .videoText{ padding-right: 48.29%;}
.homeNewDownLeft  .videoText .videoTitle{ float: left; width: 100%; color: #474954; font-size: 16px; font-weight: bold; line-height: 26px; padding: 0 0 18px 0;}
.homeNewDownLeft  .videoText .videoCentent{ float: left; width: 100%; height: 192px; color: #474954; font-size: 13px; line-height: 32px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.homeNewDownLeft  .videoText .videoCentent a{color: #474954;}
.homeNewDownLeft  .videoText .videoTel{ float: left; width: 100%; padding: 11px 0 25px 0; color: #ff7706; font-size: 14px; line-height: 24px;}
.homeNewDownLeft  .videoText .videoTel .strong{ font-size: 18px;}
.homeNewDownLeft  .videoText .videoBtn{ float: left; width: 100%; padding-top: 9.91%;}
.homeNewDownLeft  .videoText .videoBtn a{ float: left; width: 102px; height: 37px; background-color: #13a3ff; text-align: center; line-height: 37px; position: relative; color: #fff; font-size: 12px; text-transform: uppercase;
    border-radius:19px;
    -webkit-border-radius:19px;
    -moz-border-radius:19px;
    -o-border-radius:19px;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}
.homeNewDownLeft  .videoText .videoBtn a:hover{ border-color: #cf2f38;
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    background-color: #ff7706;
    -webkit-animation: anim-moema-1 0.3s forwards;
    animation: anim-moema-1 0.3s forwards;
}
.homeNewDownLeft  .videoText .videoBtn a::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    border-radius: 50px;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
}
.homeNewDownLeft  .videoText .videoBtn a:hover::before {
    -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
    animation: anim-moema-2 0.3s 0.3s forwards;
}

@-webkit-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@media screen and (max-width:1199px){
    .homeNewDownLeft .video{ width: 425px;  margin-right: 0; }
    .homeNewDownLeft  .videoText{ padding-right: 46.77%;}
    .homeNewDownLeft  .videoText .videoCentent{ height: 180px; line-height: 30px; }
}
@media screen and (max-width:991px){
    .homeNewDownLeft{ width: 100%; }
    .homeNewDownLeft .video{ float: left; width: 100%; }
    .homeNewDownLeft  .videoText{ float: left; width: 100%; padding-right: 0;}
    .homeNewDownLeft  .videoText .videoTitle{ padding: 18px 0 12px 0;}
    .homeNewDownLeft  .videoText .videoCentent{ height: 112px; line-height: 28px;
        text-overflow:ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .homeNewDownLeft  .videoText .videoBtn{ padding-top: 4.91%;}
}
@media screen and (max-width:767px){
    .homeNewDownLeft .video{  width: 100%; }
    .homeNewDownLeft .video .videoIco{ position: absolute; width: 50px; height: 50px; margin: -25px 0 0  -25px; }
    .homeNewDownLeft  .videoText{ float: left; width: 100%; padding-left: 0; padding-top: 4%;}
    .homeNewDownLeft  .videoText .videoTitle{ padding: 0 0 10px 0;}
    .homeNewDownLeft  .videoText .videoCentent{ height: 96px;  line-height: 24px;
        text-overflow:ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .homeNewDownLeft  .videoText .videoTel{  padding: 11px 0 11px 0;}
    .homeNewDownLeft  .videoText .videoBtn a{  width: 90px; height: 30px; line-height: 30px; }
}

.homeNewDownRight{ padding-left: 798px;  padding-top:4.01%; }
.newRightTitle{ float: left; width: 100%; padding: 0 19px; background-color: #ff7706; height: 38px; line-height: 38px;}
.newRightTitle .newZuo{ float: left; color: #fff; font-size: 20px; font-weight: bold;}
.newRightTitle .newZuo span{ font-size: 16px; text-transform: uppercase;}
.newRightTitle .newRight{  float: right; color: #fff; font-size: 12px; text-transform: uppercase;}
.newRightTitle .newRight:hover{ text-decoration: underline;}
@media screen and (max-width:767px){
    .newRightTitle .newZuo{  font-size: 16px; }
    .newRightTitle .newZuo span{ font-size: 12px;}
}
.homeNewDownRight .nrList{float: left; width: 100%; padding-top: 22px;}
.homeNewDownRight .nrList ul{ height: 296px;}
.homeNewDownRight .nrList ul li{ float: left; width: 100%; line-height: 37px;  font-size: 14px; padding-right: 10px;}
.homeNewDownRight .nrList ul li a{color: #333333;}
.homeNewDownRight .nrList ul li a:hover{ color: #ff7706;}
@media screen and (max-width:1199px){
    .homeNewDownRight{ padding-left: 748px; }
}
@media screen and (max-width:991px){
    .homeNewDownRight{ float: left; width: 100%; padding-left: 0;}
    .homeNewDownRight .nrList ul{ height: 148px;}
    .homeNewDownRight .nrList ul li{ width: 50%; }
}
@media screen and (max-width:767px){
    .homeNewDownRight{ padding-top:6.01%; }
    .homeNewDownRight .nrList{ padding-top: 5px;}
    .homeNewDownRight .nrList ul{ height: 240px;}
    .homeNewDownRight .nrList ul li{ width: 100%; line-height: 30px; }
}

.homeProBack{ background: url("images/main7.jpg") top center no-repeat; background-size: cover;}
.homePro{ padding: 5.12% 0 7.35% 0;}
.homeProDown{ padding-top:3.67%; }
.product_fiexd{}
.main_content_left{ float: left; width: 270px;}
.main_content_left .homeProTitle{ float: left; width: 100%; height: 52px; background:url("images/main8.jpg") top repeat-x; background-size: auto 100%; color: #fff; font-size: 20px; font-weight: bold; line-height: 52px; text-align: center;}

.main_SideLayer{ float: left; width: 100%; background-color: #fff;}
.main_SideLayer .l1{ float: left; width: 100%;}
.main_SideLayer .l1 .l1_a{ float: left; width: 100%; padding: 0 35px; background-color: #d6d6d6; color: #666666; font-size: 16px; line-height: 52px;}
.main_SideLayer .l1 .l1_a b{ float: left; width: 10px; height: 5px; margin-top: 22px; line-height: 0;}
.main_SideLayer .l1 .l1_a .l1_right{ padding-left: 21px; font-weight: bold;}
.main_SideLayer .l2_ul{ float: left; width: 100%; padding-bottom: 28px;}
.main_SideLayer .l2_ul .l2{ float: left; width: 100%;}
.main_SideLayer .l2_ul .l2 .l2_a{ float: left; width: 100%; padding: 0 23px; color: #666; font-size: 15px; line-height: 52px;}
.main_SideLayer .l2_ul .l2 .l2_a.hover,
.main_SideLayer .l2_ul .l2 .l2_a:hover{ background-color: #f4f4f4;}
.main_SideLayer .l2_ul .l2 .l2_a span{ float: left; width: 100%; padding-left: 12px; border-bottom: #c9c9c9 dotted 1px;}
.main_SideLayer .l2_ul .l2 .l2_a.hover span,
.main_SideLayer .l2_ul .l2 .l2_a:hover span{ border-bottom: #f4f4f4 dotted 1px;}
.main_SideLayer .l3_ul{ display: none; float: left; width: 100%; padding: 0 23px;}
.main_SideLayer .l3_ul .l3{ float: left; width:100%; border-bottom: #c9c9c9 dotted 1px;}
.main_SideLayer .l3_ul .l3 a{ float: left; width: 50%; padding: 15px 0 17px 12px; color: #858484; font-size: 14px; line-height: 20px;}
.main_SideLayer .l3_ul .l3 a:hover{ color: #13a3ff;}

.product_click_ceng{ display:none; position: fixed;left: 0;top: 0;width: 100%;height: 100%; background: rgba(0,0,0,0.60);}
@media screen and (max-width:1199px){
    .main_content_left{ width: 210px;}
    .main_SideLayer .l1 .l1_a{  padding: 0 15px;}
    .main_SideLayer .l2_ul{ padding-bottom: 10px;}
    .main_SideLayer .l2_ul .l2 .l2_a{  padding: 0; line-height: 45px; }
    .main_SideLayer .l3_ul{ padding: 0 5px;}
    .main_SideLayer .l3_ul .l3 a{ float: left; width: 50%; padding: 13px 0 15px 10px; }


}

@media screen and (max-width:991px){
    .product_fiexd{margin-top: 0;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: -99; display: none;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }
    .product_fiexd.add_active{z-index: 9999;}
    .main_content_left{ position: absolute; width: 231px; padding-left: 20px; padding-top: 20px; left: -232px; top: 0; height: 100%;background: #fff;overflow-y: auto;margin-left: 0; padding-bottom: 20px; z-index: 20;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }
    .main_content_left.add_active{ left: 0;}
}




.homeProRight{ float: left; width: 100%;}
.solution_top{ height: 46px; text-align: center; line-height: 0;}
.solution_top .soMore{ position: absolute; width: 53px; height: 52px; right: 0; top: 0; border-left: rgba(255,255,255,0.2) solid 1px; line-height: 0;}
.solution_top .soMore img{ width: 52px;}
.solution_top ul{ display: inline-block; vertical-align: top; height: 46px; border: #e0e0e0 solid 1px; background-color: #fff;
    border-radius:23px;
    -webkit-border-radius:23px;
    -moz-border-radius:23px;
    -o-border-radius:23px;
}
.solution_top .lc1{ float: left; height: 46px; margin-top: -1px; padding: 0 28px; border-right: #e0e0e0 solid 1px;
    color: #333333; font-size: 16px; line-height: 44px; font-weight:bold;  cursor: pointer;}
.solution_top .lc1:first-child{
    border-radius:23px 0 0 23px;
    -webkit-border-radius:23px 0 0 23px;
    -moz-border-radius:23px 0 0 23px;
    -o-border-radius:23px 0 0 23px;
}
.solution_top .lc1:last-child{ border-right: 0;
    border-radius:0 23px 23px 0;
    -webkit-border-radius:0 23px 23px 0;
    -moz-border-radius:0 23px 23px 0;
    -o-border-radius:0 23px 23px 0;
}
.solution_top .lc1 .cT{}
.solution_top .lc1.on{ background-color: #ff7706; color: #fff;}
@media screen and (max-width:1199px){
    .solution_top .lc1{  padding: 0 10px; font-size: 14px; }
}
@media screen and (max-width:991px){
    .homeProRight{ width: 100%;}
}
@media screen and (max-width:767px){
    .solution_top{ height: 62px; }
    .solution_top ul{ float: left; width: 100%; height: auto; border: #e0e0e0 solid 1px; background-color: #fff;
        border-radius:0;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        -o-border-radius:0;
    }
    .solution_top .soMore{  width: 33.3333%; height: 31px; right: 0; top: auto; bottom: 0; border-left: 0; line-height: 0; z-index: 2; text-align: center;}
    .solution_top .soMore img{ width: 30px;}
    .solution_top .lc1{ width: 33.3333%; height: 31px; border-bottom: #e0e0e0 solid 1px; padding:0; font-size: 12px; line-height: 30px; text-align: center;}
    .solution_top .lc1:first-child{
        border-radius:0;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        -o-border-radius:0;
    }
    .solution_top .lc1:nth-child(4){ width: 50%; border-bottom: 0;}
    .solution_top .lc1:last-child{ width: 50%; border-right: 0; border-bottom: 0;
        border-radius:0;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        -o-border-radius:0;
    }

}

.solution_down{ }
.slideBox{ margin:0 -15px; }
.slideBox .slick-list{ padding-bottom: 12px;}
.slideBox ul{ display:flex !important; flex-wrap: wrap; align-items: flex-start;}
.slideBox ul li{ float: left; width: 25%; padding: 30px 15px 0 15px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.slideBox ul li a{ float: left; width: 100%; }
.slideBox ul li a .newPic{ overflow: hidden; position: relative; background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.slideBox ul li a .newPic .img2{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slideBox ul li a:hover .newPic .img2{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.slideBox ul li a .newPic .npBack{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(19,163,255,0.6);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slideBox ul li a:hover .newPic .npBack{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.slideBox ul li a .newPic .npb{ position: absolute; width: 64px; height: 64px; left: 50%; top: 50%; margin: -32px 0 0 -32px;
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slideBox ul li a:hover .newPic .npb{
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.slideBox ul li a .newDown{ padding: 8px 8px 0 8px;}
.slideBox ul li a .newDown h4{ color: #2b2b2b; font-size: 14px; line-height: 34px; text-align: center;}
.slideBox ul li a:hover .newDown h4{ color: #13a3ff;}
@media screen and (max-width:991px){
    .slideBox ul li{ float: none; width: auto;}
}
@media screen and (max-width:767px){
    .slideBox{ margin:0 -7px; }
    .slideBox ul li{ padding: 8% 7px 0 7px; }
}


.homeArea{ padding: 7.32% 0 5.98% 0;}
.homeAreaDown{ padding-top: 2.39%;}
.slideArea{}
.slideArea .area_top{ text-align: center; line-height: 0;}
.slideArea .area_top ul{ display: inline-block; vertical-align: top;  }
.slideArea .area_top ul .lc1{ float: left; height: 46px; border: #e0e0e0 solid 1px; width: 115px; color: #333333; font-size: 16px; font-weight: bold; text-align: center; line-height: 44px; margin-left: -1px; cursor: pointer;}
.slideArea .area_top ul .lc1:first-child{
    border-radius:23px 0 0 23px;
    -webkit-border-radius:23px 0 0 23px;
    -moz-border-radius:23px 0 0 23px;
    -o-border-radius:23px 0 0 23px;
}
.slideArea .area_top ul .lc1 a{ color: #333333;}
.slideArea .area_top ul .lc1.on{ background-color: #ff7706; border-color: #ff7706; color: #fff;}
.slideArea .area_top ul .lc1.on a{ color: #fff;}
.slideArea .area_top .more{display: inline-block; vertical-align: top; height: 46px; border: #e0e0e0 solid 1px; width: 115px; color: #333333; font-size: 16px; font-weight: bold; text-align: center; line-height: 44px; margin-left: -1px; cursor: pointer;
    border-radius:0 23px 23px 0;
    -webkit-border-radius:0 23px 23px 0;
    -moz-border-radius:0 23px 23px 0;
    -o-border-radius:0 23px 23px 0;
}
.slideArea .area_top .more:hover{ background-color: #13a3ff; border-color: #13a3ff; color: #fff;}
@media screen and (max-width:767px){
    .slideArea .area_top ul{ width: 100%;}
    .slideArea .area_top ul .lc1{ height: 33px;  width: 50%;  font-size: 14px; line-height: 31px; margin-top: -1px; }
    .slideArea .area_top ul .lc1:first-child{
        border-radius:0;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        -o-border-radius:0;
    }
    .slideArea .area_top .more{ display: none;}
}


.area_down{ padding-top: 3.24%; }
.slidefield{ margin:0 -15px; }
.slidefield ul{ float: left; width: 100%;}
.slidefield ul li{ padding: 0 15px;}
.slidefield ul li .a{ float: left; width: 100%; }
.slidefield ul li .fieldPic{ overflow: hidden;}
.slidefield ul li .fieldPic .img2{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slidefield ul li .a:hover .fieldPic .img2{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.slidefield ul li .fieldDown{ padding: 6.48% 6px 0 0;}
.slidefield ul li .fieldDown .fieRight{ float: right; width: 112px; height: 40px; margin-top: 7px; background-color: #666666; text-align: center; color: #fff; font-size: 16px; line-height: 40px;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
}
.slidefield ul li .fieldDown .fieRight a{color:#fff;}
.slidefield ul li:hover .fieldDown .fieRight{ background-color: #ff7706;}
.slidefield ul li .fieldDown .fieLeft{ padding-right: 115px;}
.slidefield ul li .fieldDown .fieLeft h4{ float: left; width: 100%; color: #222222; font-size: 16px; font-weight: bold; line-height: 22px;}
.slidefield ul li:hover .fieldDown .fieLeft h4{ color: #13a3ff;}
.slidefield ul li .fieldDown .fieLeft p{ float: left; width: 100%; padding-top: 20px; color: #474954; font-size: 13px;  line-height: 1;}
@media screen and (max-width:991px){
    .slidefield ul li .fieldDown .fieRight{ width: 80px; height: 34px; font-size: 14px; line-height: 34px; }
    .slidefield ul li .fieldDown .fieLeft{ padding-right: 86px;}
    .slidefield ul li .fieldDown .fieLeft p{ padding-top: 13px; }
}
@media screen and (max-width:767px){
    .homeAreaDown{ padding-top: 3.67%;}
    .slidefield{ margin:0 -7px; }
    .slidefield ul li{ padding: 0 7px;}
    .slidefield ul li .fieldDown .fieRight{ width: 40px; height: 40px; padding: 4px 0; font-size: 14px; line-height: 16px; margin-top: 0;
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        -o-border-radius:4px;
    }
    .slidefield ul li .fieldDown .fieLeft{ padding-right: 40px;}
    .slidefield ul li .fieldDown .fieLeft h4{ font-size: 14px; }
    .slidefield ul li .fieldDown .fieLeft p{ padding-top: 3px; }
}



.homeConsult{ padding: 4.27% 0 4.01% 0;}
.homeConsult .consultLeft{ float: left; width: 100%; color: #fff; padding: 0 6.8%; }
.homeConsult .consultLeft h3{font-size: 20px; line-height: 2; text-align: center; }
.homeConsult .consultLeft h3 strong{ font-size: 28px; font-weight: normal;}
.homeConsult .consultLeft .sultDown{ padding-top: 15px; font-size: 28px; line-height: 1.14;}
.homeConsult .consultRight{ float: right; width: 350px; height: 88px; padding-left: 64px; background: url("images/main25.png") left center no-repeat; background-size: 88px 88px;}
.homeConsult .consultRight .csTel{ color: #fff; font-size: 18px; font-weight: bold; line-height: 28px;}
.homeConsult .consultRight .csTel .csStr{ font-size: 24px;}
.homeConsult .consultRight .csNow{ padding: 13px 0 0 50px;}
.homeConsult .consultRight .csNow a{ float: left; width: 102px; height: 37px; background-color: #13a3ff; color: #fff; font-size: 16px;font-weight: bold; line-height: 37px; text-align: center; position: relative;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}
.homeConsult .consultRight .csNow a:hover{ border-color: #cf2f38;
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    background-color: #13a3ff;
    -webkit-animation: anim-moema-1 0.3s forwards;
    animation: anim-moema-1 0.3s forwards;
}
.homeConsult .consultRight .csNow a::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    border-radius: 50px;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
}
.homeConsult .consultRight .csNow a:hover::before {
    -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
    animation: anim-moema-2 0.3s 0.3s forwards;
}
@media screen and (max-width:1199px){
    .homeConsult .consultLeft h3{font-size: 17px; line-height: 1.6;  }
    .homeConsult .consultLeft h3 strong{ font-size: 24px; }
}
@media screen and (max-width:991px){
    .homeConsult .consultLeft h3{font-size: 15px; }
    .homeConsult .consultLeft h3 strong{ font-size: 20px; }
    .homeConsult .consultLeft .sultDown{ padding-top: 12px; font-size: 20px; }
    .homeConsult .consultRight{  width: 262px; height: 70px; padding-left: 50px;  background-size: 70px 70px;}
    .homeConsult .consultRight .csTel{ font-size: 14px; line-height: 20px;}
    .homeConsult .consultRight .csTel .csStr{ font-size: 18px;}
    .homeConsult .consultRight .csNow{ padding: 12px 0 0 40px;}
    .homeConsult .consultRight .csNow a{  width: 80px; height: 30px; font-size: 14px; line-height: 30px; }
}
@media screen and (max-width:767px){
    .homeConsult{ text-align: center;}
    .homeConsult .consultLeft{ padding: 0; }
    .homeConsult .consultLeft h3{font-size: 14px; line-height: 1.3; }
    .homeConsult .consultLeft h3 strong{ font-size: 19px; }
    .homeConsult .consultLeft .sultDown{ padding-top: 6px; font-size: 12px; text-align: center; }
    .homeConsult .consultRight{ float: none; display: inline-block; vertical-align: top; margin-top: 10px; width: 238px; height: 50px; padding-left: 20px;  background-size: 50px 50px;}
    .homeConsult .consultRight .csTel{ font-size: 13px; line-height: 16px;}
    .homeConsult .consultRight .csTel .csStr{ font-size: 16px;}
    .homeConsult .consultRight .csNow{ padding: 5px 0 0 66px;}
    .homeConsult .consultRight .csNow a{ width: 80px; height: 30px; font-size: 14px; line-height: 30px; }
}


/*homeMade*/
.homeMadeBack{ background: url("images/main23.jpg") top center no-repeat; background-size:cover;}
.homeMade{ padding: 5.12% 0 3.67% 0;}
.homeMadeDown{}
.homeMadeDown ul li{ padding-top: 5.72%; }
.homeMadeDown ul li.mr_3{ padding-top: 0;}
.homeMadeDown ul li .madePic{ float: left; width: 47.17%;}
.homeMadeDown ul li.two .madePic{ float: right;}
.homeMadeDown ul li .madePic .tel{ position: absolute; width: 285px; height: 35px; bottom: 12%; left: 0; color: #fff; font-size: 18px; text-align: center; line-height: 35px; background: url("images/main32.png") no-repeat; background-size: 100% 100%;}
.homeMadeDown ul li .madePic .tel .telBig{ font-size: 20px;}
.homeMadeDown ul li .madeRight{ float: left; width:51.28%; }
.homeMadeDown ul li .madeRight .mrTitle{ float: left; width: 100%; height: 88px; padding-bottom: 22px; }
.homeMadeDown ul li.mr_1 .madeRight .mrTitle{ }
.homeMadeDown ul li.mr_2 .madeRight .mrTitle{ margin-top:4.6%; }
.homeMadeDown ul li.mr_3 .madeRight .mrTitle{ margin-top:20.8%; }
.homeMadeDown ul li.mr_4 .madeRight .mrTitle{ margin-top:12.5%; }
.homeMadeDown ul li .madeRight .mrTitle .mrB{ float: left; width:90px; height: 66px; padding: 0 0 0 17px; border-right: #8e3802 dashed 1px; color: #fff; font-size: 42px; font-weight: bold; font-family: 宋体; line-height: 66px; text-align: center;}
.homeMadeDown ul li .madeRight .mrTitle .mrRight{ padding-left: 90px; color: #ffffff; font-size: 22px; line-height: 66px;}
.homeMadeDown ul li .madeRight .mrTitle .mrRight .mrDiv{ float: left; width: 100%; border-left: #f28f50 dashed 1px; padding-left: 15px;}
.homeMadeDown ul li .madeRight .mrText{ float: left; width: 100%; padding: 0 5% 0 4%; color: #333333; font-size: 14px; line-height: 36px;}
.homeMadeDown ul li .madeRight .mrText .sto{ color: #13a3ff;}
.homeMadeDown ul li .madeRight .mrText .pp{ text-align: right;}
.homeMadeDown ul li .madeRight .mrText .imghonor{ width:333px;}
@media screen and (max-width:1199px){
    .homeMadeDown ul li .madeRight .mrTitle{ height: 78px; padding-bottom: 14px; }
    .homeMadeDown ul li .madeRight .mrTitle .mrB{ width:90px; height: 62px; }
    .homeMadeDown ul li .madeRight .mrTitle .mrRight{ font-size: 18px; line-height: 62px; }
    .homeMadeDown ul li .madeRight .mrTitle .mrRight .mrDiv{ padding-left: 10px;}
}
@media screen and (max-width:991px){
    .homeMadeDown ul li .madePic{ width: 60%; margin: 0 20%;}
    .homeMadeDown ul li.two .madePic{ float: left;}
    .homeMadeDown ul li .madeRight{ float: left; width:100%; padding: 0 10%; }
    .homeMadeDown ul li .madeRight .mrText{ line-height: 30px;}
}
@media screen and (max-width:767px){
    .homeMadeDown ul li .madePic{ width: 100%; margin: 0;}
    .homeMadeDown ul li .madeRight{  padding: 0; }
    .homeMadeDown ul li .madeRight .mrText{ line-height: 28px;}
    .homeMadeDown ul li .madePic .tel{ width: 200px; height: 24px; bottom: 12%;  font-size: 14px; line-height: 23px;}
    .homeMadeDown ul li .madePic .tel .telBig{ font-size: 15px;}
}

.madeNew{ padding: 0 0 4.18% 0; margin: 0 -29px;}
.madeNew ul{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.madeNew ul li{ float: left; width: 50%; padding: 4.18% 29px 0 29px;}
.madeNew ul li .mnLeft{ float: left; width: 58px; height: 58px; background-color: #13a3ff; cursor: pointer;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.madeNew ul li:hover .mnLeft{ background-color: #ff7706;}
.madeNew ul li .mnLeft img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.madeNew ul li:hover .mnLeft img{
    transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
}
.madeNew ul li .mnRight{ padding-left: 80px;}
.madeNew ul li .mnRight h4{ float: left; width: 100%; color: #333333; font-size: 22px; line-height:1.18; }
.madeNew ul li .mnRight .mnp{ float: left; width: 100%; margin-top: 7px; color: #333333; font-size: 14px; line-height: 24px;}
@media screen and (max-width:1199px){
    .madeNew ul li .mnLeft{ width: 48px; height: 48px; }
    .madeNew ul li .mnRight{ padding-left: 64px;}
    .madeNew ul li .mnRight h4{ font-size: 18px; }
    .madeNew ul li .mnRight .mnp{ font-size: 13px; line-height: 20px;}
}
@media screen and (max-width:767px){
    .madeNew{ margin: 0;}
    .madeNew ul li{  width:100%; padding: 4.18% 0 0 0;}
    .madeNew ul li .mnRight h4{ font-size: 17px; }
}



/*homeHonor*/
.homeHonor{ padding:5.13% 0 5.12% 0; }
.homeHonorTitle{ background-color: #13a3ff; padding: 1.96% 2.82%; position: relative; color: #fff; font-size: 23px; font-weight: bold; line-height: 23px; text-align: center;}
@media screen and (max-width:991px){
    .homeHonorTitle{ font-size: 19px;}
}
@media screen and (max-width:767px){
    .homeHonorTitle{  padding: 2.6% 80px 2.6% 2.82%; font-size: 18px; }
}

.homeHonorTitle .honorLink{ position: absolute; width: 72px; height: 23px; right: 2.82%; top: 50%; margin-top: -12px; background-color: #fff; color: #13a3ff; font-size: 12px; text-align: center; line-height: 23px; text-transform: uppercase; font-weight: normal;
    border-radius:12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    -o-border-radius:12px;
}
.homeHonorTitle .honorLink:hover{color:#fff; background:#ff7706;}
.homeHonorDown_1{ border: #e6e6e6 solid 1px; padding: 2.56% 0;}

.honLeft{ float: left; width:71.57%; padding: 0 54px; position: relative; }
.honLeft ul{ position: static;}
.honLeft ul li{ padding: 0 21px;}
.honLeft ul li .size{ position: relative; overflow: hidden;}
.honLeft ul li .size .img5{
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.honLeft ul li:hover .size .img5{
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
}
.honLeft ul li .size h4{ position: absolute; width: 100%; padding: 0 5px; background-color: rgba(0,0,0,0.5); left: 0; bottom: 0; z-index: 1; color: #fff; font-size: 18px; text-align: center; line-height:2.66; }
.honLeft ul li:hover .size h4{ background-color: rgba(255,119,6,0.89);}
.honLeft .owl-prev{ position: absolute; width: 32px; height: 73px; left: 22px; top: 50%; margin-top: -36px; text-indent: -200px; overflow: hidden; background: url("images/main40.jpg") no-repeat; background-size: cover;}
.honLeft .owl-next{position: absolute; width: 32px; height: 73px; right: 22px; top: 50%; margin-top: -36px; text-indent: -200px; overflow: hidden; background: url("images/main41.jpg") no-repeat; background-size: cover;}
@media screen and (max-width:1199px){
    .honLeft ul li .size h4{  line-height:2; }
}
@media screen and (max-width:991px){
    .honLeft{ width:100%; padding: 0 44px; }
    .honLeft .owl-prev{  left: 12px; }
    .honLeft .owl-next{ right: 12px; }
}
@media screen and (max-width:767px){
    .honLeft{ padding: 0 4px; }
    .honLeft ul li{ padding: 0 10px;}
    .honLeft ul li .size h4{ font-size: 15px; }
    .honLeft .owl-prev{  left: 12px; }
    .honLeft .owl-next{ right: 12px; }
}


.honRight{ float: right; width: 280px; height: 270px; padding-right: 73px; overflow-y: auto; }
.honRight .hrTitle{}
.honRight .hrTitle span{ float: left; border-bottom: #13a3ff solid 3px; color: #13a3ff; font-size: 24px; font-weight: bold; line-height: 2;}
.honRight .hrText{ padding: 5px 0 5px 0; color: #6e6e6e; font-size: 14px; line-height: 30px;}
.honRight .hrText .ht{ color: #000000; font-size: 16px; font-weight: bold;}
.honRight .hrText .hdd{ color: #6e6e6e; font-size: 14px; line-height: 30px;}
.honRight .hrText .hdd li{}
.honRight .hrText .hdd li a{ float:left; width:100%; color: #6e6e6e; line-height: 30px;}
.honRight .hrText .hdd li a:hover{ color: #13a3ff;}
@media screen and (max-width:1199px){
    .honRight{ width: 240px; height: 205px; padding-right: 43px;}
}
@media screen and (max-width:991px){
    .honRight{ width: 100%; padding: 20px 65px 0 65px; }
    .honRight .hrTitle span{ font-size: 20px; }
    .honRight .hrText .hdd li{ float: left; width: 50%; padding-right: 10px;}
}
@media screen and (max-width:767px){
    .honRight{ padding: 20px 15px 0 15px; }
    .honRight .hrTitle span{ font-size: 16px; }
}


.homeHonorDown_2{ padding-top: 3.41%;}
.goodBox{ float: left; width: 65.72%;}
.goodBox .goodTitle{ background-color: #13a3ff; padding: 0 30px 0 20px;}
.goodBox .goodTitle .goodTitLeft{  color: #ffffff; font-size: 18px; font-weight: bold; line-height: 54px; padding-right: 66px;}
.goodBox .goodTitle .goodTitLeft span{ font-size: 16px; font-weight: normal; margin-left: 5px;}
.goodBox .goodTitle .goodMore{ float: right; color: #13a3ff; font-size: 12px; line-height: 23px; padding: 0 15px; text-transform: uppercase; background-color: #fff; margin-top: 16px;
    border-radius:12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    -o-border-radius:12px;
}
.goodBox .goodTitle .goodMore:hover{color:#fff; background:#ff7706;}


@media screen and (max-width:767px){
    .goodBox .goodTitle{  padding: 0 15px 0 10px;}
    .goodBox .goodTitle .goodTitLeft{ font-size: 16px; line-height: 20px; padding-top: 7px; padding-bottom: 7px;}
    .goodBox .goodTitle .goodTitLeft span{ display: block; margin-left: 0; font-size: 14px;}
}
.goodBox .goodSlide{}
.goodBox .goodSlide .slick-slide{ outline: 0;}
.goodBox .goodSlide li{}
.goodBox .goodSlide li .goodCell{ border: #f2f1f2 solid 1px; margin-top: -1px; padding: 4.29%;}
.goodBox .goodSlide li .goodCell .cellLeft{ float: left; width: 200px; height: 154px; overflow: hidden;}
.goodBox .goodSlide li .goodCell .cellLeft .img6{
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.goodBox .goodSlide li:hover .goodCell .cellLeft .img6{
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
}
.goodBox .goodSlide li .goodCell .cellRight{ padding-left: 220px;}
.goodBox .goodSlide li .goodCell .cellRight h4{ float: left; width: 100%; color: #333333; font-size: 15px; font-weight: bold; line-height: 1;}
.goodBox .goodSlide li .goodCell .cellRight .cellText{ float: left; width: 100%; height: 84px; margin-top: 12px; color: #666666; font-size: 14px; line-height: 28px; overflow: hidden;}
.goodBox .goodSlide li .goodCell .cellRight .cellMore{ float: left; width: 100%; padding-top: 9px;}
.goodBox .goodSlide li .goodCell .cellRight .cellMore .moreSelf{ float: left; width: 93px; height: 27px; background-color: #13a3ff; position: relative; color: #fff; font-size: 13px; line-height: 27px; text-align: center;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    border-radius:14px;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
    -o-border-radius:14px;
}
.goodBox .goodSlide li .goodCell .cellRight .cellMore .moreSelf:hover{
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    background-color: #e56b05;
    -webkit-animation: anim-moema-1 0.3s forwards;
    animation: anim-moema-1 0.3s forwards;
}
.goodBox .goodSlide li .goodCell .cellRight .cellMore .moreSelf::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    border-radius: 50px;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform: scale3d(0.6, 0.2, 1);
    transform: scale3d(0.6, 0.2, 1);
}
.goodBox .goodSlide li .goodCell .cellRight .cellMore .moreSelf:hover::before {
    -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
    animation: anim-moema-2 0.3s 0.3s forwards;
}
.goodBox .goodSlide .arr{ padding-top: 2.6%;}

.goodBox .goodSlide  .slick-prev{ position: static; float:left; width: 50%; height: 46px; background: url("images/main44.png") center no-repeat #ececec; background-size: 18px 10px; text-indent: -500px; left: auto; top: auto; overflow: hidden;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.goodBox .goodSlide  .slick-prev:hover{background: url("images/main44_h.png") center no-repeat #13a3ff; background-size: 18px 10px;}
.goodBox .goodSlide  .slick-next{ position: static; float:left; width: 50%; height: 46px; background: url("images/main45.png") center no-repeat #ececec; background-size: 18px 10px;text-indent: -500px; overflow: hidden; left: auto; top: auto; right: auto;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.goodBox .goodSlide .slick-next:hover{background: url("images/main45_h.png") center no-repeat #13a3ff; background-size: 18px 10px;}
@media screen and (max-width:1199px){
    .goodBox{ float: left; width: 60.72%;}
}
@media screen and (max-width:991px){
    .goodBox{ width: 100%;}
}
@media screen and (max-width:767px){
    .goodBox .goodSlide li .goodCell{ padding: 3.29%;}
    .goodBox .goodSlide li .goodCell .cellLeft{ width: 143px; height: 110px;}
    .goodBox .goodSlide li .goodCell .cellRight{ padding-left: 155px;}
    .goodBox .goodSlide li .goodCell .cellRight .cellText{ height: 42px; line-height: 24px; }
    .goodBox .goodSlide li .goodCell .cellRight .cellMore{ padding-top: 14px;}
    .goodBox .goodSlide .owl-nav .owl-prev{ height: 36px;}
    .goodBox .goodSlide .owl-nav .owl-next{ height: 36px;}
}


.homeCooper{ float: right; width: 31.62%; padding: 0 1.28% 1.28% 1.28%; background: url("images/main54.jpg") bottom center no-repeat; background-size: 100% auto;}
.homeCooperTitle{ border-left: #13a3ff solid 4px; padding-left: 15px; }
.homeCooperTitle .cooperTop{ color: #13a3ff; font-size: 24px; line-height: 1; font-weight: bold;}
.homeCooperTitle .cooperTitDown{ padding-top: 8px; color: #666666; font-size: 18px; line-height: 1; text-transform: uppercase;}
@media screen and (max-width:767px){
    .homeCooperTitle{ border-left: #13a3ff solid 2px; padding-left: 10px;}
    .homeCooperTitle .cooperTop{ font-size: 18px; }
    .homeCooperTitle .cooperTitDown{ padding-top: 8px; color: #666666; font-size: 14px; line-height: 1; text-transform: uppercase;}

}
.homeCooperUp{ margin-top: 26px;  background-color: #fff; overflow: hidden;}
.homeCooperUp ul{ float: left; width: 100%; display: block;border-left: #e6e6e6 solid 1px; border-top: #e6e6e6 solid 1px;  }
.homeCooperUp ul .owl-stage-outer{border-left: #e6e6e6 solid 1px; border-top: #e6e6e6 solid 1px; border-right: #e6e6e6 solid 1px; background-color: #fff;}
.homeCooperUp ul li{ float: left; width: 50%; border-bottom: #e6e6e6 solid 1px; border-right: #e6e6e6 solid 1px;}
.homeCooperUp ul li .upBox{ overflow: hidden; position: relative; }
.homeCooperUp ul li .upBox .img6{
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.homeCooperUp ul li:hover .upBox .img6{
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
}
.homeCooperUp ul li .upBox h4{  position: absolute; width: 100%; left: 0; bottom: -40px; padding: 0 5px; background-color: rgba(19,163,255,0.89); color: #fff; font-size: 14px; text-align: center; line-height: 32px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.homeCooperUp ul li:hover .upBox h4{ bottom: 0; }
@media screen and (max-width:1199px){
    .homeCooper{ float: right; width: 35.62%; }
}
@media screen and (max-width:991px){
    .homeCooperUp{ margin-top: 15px;  background: none; padding-bottom: 2.8%;}
    .homeCooper{  width: 100%; margin-top: 4.5%; padding-top: 1.28%;}
    .homeCooperUp ul{ border-left: 0; border-top:0;  }
    .homeCooperUp ul li{ float: none; width: auto;}
}
@media screen and (max-width:767px){
    .homeCooper{ background-size: 100% 50%;}
}


/*.homeForSer*/
.homeForSerBack{background: url("images/main55.jpg") top center no-repeat; background-size:cover;}
.homeForSer{ padding: 2.56% 0 2.56% 0;}
.homeForSer .fsLeft{ float: left; width: 586px; color: #fff; border-left: #fff solid 5px; padding-left: 20px; }
.homeForSer .fsLeft h3{font-size: 36px; line-height: 1; font-weight: bold; font-family: 宋体;}
.homeForSer .fsLeft .fsDown{ height: 72px; overflow: hidden;}
.homeForSer .fsLeft .fsDown .fsText{ height: 72px; margin-top: 10px; font-size: 20px; line-height: 36px;}
.homeForSer .consultRight{ float: right; width: 350px; height: 88px; padding-left: 64px; margin-top: 15px; background: url("images/main25.png") left center no-repeat; background-size: 88px 88px;}
.homeForSer .consultRight .csTel{ color: #fff; font-size: 18px; font-weight: bold; line-height: 28px;}
.homeForSer .consultRight .csTel .csStr{ font-size: 24px;}
.homeForSer .consultRight .csNow{ padding: 13px 0 0 50px;}
.homeForSer .consultRight .csNow a{ float: left; width: 102px; height: 37px; background-color: #13a3ff; color: #fff; font-size: 16px;font-weight: bold; line-height: 37px; text-align: center; position: relative;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}
.homeForSer .consultRight .csNow a:hover{ border-color: #cf2f38;
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    background-color: #13a3ff;
    -webkit-animation: anim-moema-1 0.3s forwards;
    animation: anim-moema-1 0.3s forwards;
}
.homeForSer .consultRight .csNow a::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    border-radius: 50px;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
}
.homeForSer .consultRight .csNow a:hover::before {
    -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
    animation: anim-moema-2 0.3s 0.3s forwards;
}
@media screen and (max-width:991px){
    .homeForSer .fsLeft{ width: 450px; }
    .homeForSer .fsLeft h3{font-size: 28px; }
    .homeForSer .fsLeft .fsDown{ height: 60px; overflow: hidden;}
    .homeForSer .fsLeft .fsDown .fsText{ height: 60px; margin-top: 6px; font-size: 17px; line-height: 30px;}
    .homeForSer .consultRight{  width: 262px; height: 70px; padding-left: 50px;  background-size: 70px 70px;}
    .homeForSer .consultRight .csTel{ font-size: 14px; line-height: 20px;}
    .homeForSer .consultRight .csTel .csStr{ font-size: 18px;}
    .homeForSer .consultRight .csNow{ padding: 12px 0 0 40px;}
    .homeForSer .consultRight .csNow a{  width: 80px; height: 30px; font-size: 14px; line-height: 30px; }
}
@media screen and (max-width:767px){
    .homeForSer{ text-align: center;}
    .homeForSer .fsLeft{ float: left; width: 100%; border-left: 0; }
    .homeForSer .fsLeft h3{font-size: 20px; text-align: center; }
    .homeForSer .fsLeft .fsDown{ height: auto; }
    .homeForSer .fsLeft .fsDown .fsText{ height:auto; font-size: 14px; line-height: 18px;}
    .homeForSer .consultRight .csTel{ font-size: 13px; line-height: 16px;}
    .homeForSer .consultRight .csTel .csStr{ font-size: 16px;}
    .homeForSer .consultRight .csNow{ padding: 5px 0 0 66px;}
    .homeForSer .consultRight .csNow a{ width: 80px; height: 30px; font-size: 14px; line-height: 30px; }
}



/*homeAbout*/

.homeAbout{ padding: 5.12% 0 5.55% 0;}

.homeAboutLeft{ float: left; width: 53.5%; padding: 0 2.39% 2.56% 2.39%;}
.aboutSlickTop{}
.aboutSlickDownBox{ margin: 0 -7px 0 -8px;}
.aboutSlickDown{ padding-top: 2.56%;}
.aboutSlickDown .imgli{ padding: 0 8px 0 7px;}
.homeAboutRight{ float: right; width:42.73%; margin: 7.69% 2.56% 0 0;  }
.homeAboutRight h2{ color: #13a3ff; font-size: 48px; font-weight: bold; line-height: 1;}
.homeAboutRight .bigTitle{ padding-top: 2.6%;}
.homeAboutRight .bigTitle span{ float: left; height: 36px; vertical-align: top;  background: #13a3ff; color: #fff; font-size: 23px; font-weight: bold; line-height:33px; padding: 0 5.8%; border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -o-border-radius: 18px;}
.homeAboutRight .pretend{ margin-top: 4.6%; height: 120px; color: #3c3c3c; font-size: 13px; line-height: 30px; overflow: hidden;}
.homeAboutRight .pretend a{ color: #13a3ff; text-transform: uppercase;}
.homeAboutRight .pretend a:hover{ text-decoration: underline;}
.homeAboutRight .aboutBtn{ padding-top: 4%;}
.homeAboutRight .aboutBtn .bn{ float: left; width: 118px; height: 35px; border: #4f4f4f solid 1px; color: #4f4f4f; font-size: 13px; line-height: 33px; text-align: center; position: relative; margin-right: 20px;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.homeAboutRight .aboutBtn .bn:hover{ border-color: #ff7706; background-color: #ff7706; color: #fff;  }
@media screen and (max-width:1199px){
    .homeAboutRight .aboutBtn .bn{ margin-right: 10px; }
    .homeAboutRight .pretend{ line-height: 24px; }
}
@media screen and (max-width:991px){
    .homeAboutBox{ background: #f6f4ee;}
    .homeAboutLeft{ width: 100%;  padding:4%;}
    .homeAboutRight{ float: left; width:100%; margin: 0; padding: 0 4% 4% 4%; }
}
@media screen and (max-width:767px){
    .homeAboutRight h2{  font-size: 28px; }
    .homeAboutRight .bigTitle span{ height: 24px; font-size: 16px; line-height:23px;}
    .homeAboutRight .pretend{ margin-top: 3.6%; height: auto; }
    .homeAboutRight .aboutBtn .bn{ width: 90px; height: 30px; line-height: 28px; margin-right: 5px;  }
}


.homeNew{ padding: 5.12% 0 4.01% 0;}
.homeNewLeft{ float: left; width: 65.81%;}
.new_top{ height: 52px; background-color: #f4f4f4;}
.new_top ul{ float:left; width: 100%;}
.new_top ul .lc1{ float: left; width: 126px; height: 52px; color: #333333; font-size: 16px; text-align: center; line-height: 52px;}
.new_top ul .lc1.on{ background-color: #ff7706; color: #fff; font-weight: bold;}
@media screen and (max-width:991px){
    .homeNewLeft{ width: 100%;}
}
@media screen and (max-width:767px){
    .homeNew{ padding:4.12% 0 4.01% 0;}
    .new_top{ height: 42px;}
    .new_top ul .lc1{  width: 90px; height: 42px; font-size: 14px;  line-height: 42px;}
}



.new_down{}
.new_down .slideNew{ padding-top: 20px;}

.new_zuo{ float: left; width: 48.05%; margin-top: 20px;}
.new_zuo ul li{}
.new_zuo ul li .zuoPic{ overflow: hidden; width:100%; position:relative; padding-bottom:56.76%;}
.new_zuo ul li .zuoPic img{position:absolute ;left:0; top:0; width:100%;}
.new_zuo ul li .zuoPic .img6{ 
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.new_zuo ul li:hover .zuoPic.img6{
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
}
.new_zuo ul li .zuoDown{ padding: 26px 0 14px 0; border-bottom: #e8e8e8 solid 1px;}
.new_zuo ul li .zuoDown .zuoTit{}
.new_zuo ul li .zuoDown .zuoTit .time{ float: left; width: 65px; height: 65px; padding: 2px 0 3px 0; text-align: center; background-color: #f1f1f1;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}
.new_zuo ul li:hover .zuoDown .zuoTit .time{ background-color: #13a3ff;}
.new_zuo ul li .zuoDown .zuoTit .time .timeTop{ color: #292a2a; font-size: 18px; font-weight: bold; line-height: 36px; }
.new_zuo ul li:hover .zuoDown .zuoTit .time .timeTop{ color: #fff;}
.new_zuo ul li .zuoDown .zuoTit .time .timeLine{ padding: 0 7px; line-height: 0;}
.new_zuo ul li .zuoDown .zuoTit .time .timeLine span{ display: block; height: 1px; background-color: #e1e1e1; line-height: 0;}
.new_zuo ul li:hover .zuoDown .zuoTit .time .timeLine span{ background-color: #36b1ff;}
.new_zuo ul li .zuoDown .zuoTit .time .timeDown{ color: #787979; font-size: 14px; line-height: 23px;}
.new_zuo ul li:hover .zuoDown .zuoTit .time .timeDown{ color: #cde6ff;}
.new_zuo ul li .zuoDown .zuoTit .timeRight{ padding-left: 74px;}
.new_zuo ul li .zuoDown .zuoTit .timeRight h4{ float: left; width: 100%; height: 46px; margin-top: 11px; color: #1b1b1b; font-size: 14px; line-height: 23px; overflow: hidden;}
.new_zuo ul li:hover .zuoDown .zuoTit .timeRight h4{ color: #13a3ff;}
.new_zuo ul li .zuoDown p{ height: 46px; margin-top: 19px; color: #9b9b9b; font-size: 14px;  line-height: 23px; overflow: hidden;}
.new_zuo ul li .zuoDown .zuoMore{ padding-top: 19px;}
.new_zuo ul li .zuoDown .zuoMore span{ float: left; color: #3e3e3e; font-size: 12px; line-height: 23px;}
.new_zuo ul li .zuoDown .zuoMore span:hover{ color: #13a3ff;}
.new_zuo ul .owl-prev{ position: absolute; width: 19px; height: 35px; left: 0; top: 50%; margin-top: -124px; background: url("images/main62.png") no-repeat; background-size: cover; text-indent: -200px; overflow: hidden;}
.new_zuo ul .owl-next{ position: absolute; width: 19px; height: 35px; right: 0; top: 50%; margin-top: -124px; background: url("images/main63.png") no-repeat; background-size: cover; text-indent: -200px; overflow: hidden;}
@media screen and (max-width:767px){
    .new_zuo{ width: 100%; margin-top: 10px;}
    .new_zuo ul li .zuoDown{ padding: 10px 0 10px 0;}
    .new_zuo ul li .zuoDown p{ margin-top: 15px; }
    .new_zuo ul li .zuoDown .zuoMore{ padding-top: 15px;}
    .new_zuo ul .owl-prev{ margin-top: -109px; }
    .new_zuo ul .owl-next{ margin-top: -109px; }
}




.new_you{ float: right; width: 48.05%; margin-top: 18px;}
.new_you ul{ border-top: #e8e8e8 solid 1px;}
.new_you ul li{ border-bottom: #e8e8e8 solid 1px; padding: 20px 0;}
.new_you ul li .time{ float: left; width: 65px; height: 65px; padding: 2px 0 3px 0; text-align: center; background-color: #f1f1f1;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}
.new_you ul li:hover .time{ background-color: #13a3ff;}
.new_you ul li .time .timeTop{ color: #292a2a; font-size: 18px; font-weight: bold; line-height: 36px; }
.new_you ul li:hover .time .timeTop{ color: #fff;}
.new_you ul li .time .timeLine{ padding: 0 7px; line-height: 0;}
.new_you ul li .time .timeLine span{ display: block; height: 1px; background-color: #e1e1e1; line-height: 0;}
.new_you ul li:hover .time .timeLine span{ background-color: #36b1ff;}
.new_you ul li .time .timeDown{ color: #787979; font-size: 14px; line-height: 23px;}
.new_you ul li:hover .time .timeDown{ color: #cde6ff;}
.new_you ul li .timeRight{ padding-left: 74px;}
.new_you ul li .timeRight h4{ float: left; width: 100%; height: 46px; margin-top: 11px; color: #1b1b1b; font-size: 14px; line-height: 23px; overflow: hidden;}
.new_you ul li:hover .timeRight h4{ color: #13a3ff;}
@media screen and (max-width:1199px){
    .new_you ul li{  padding: 15px 0;}
}
@media screen and (max-width:991px){
    .new_you ul li{ padding: 19px 0;}
}
@media screen and (max-width:767px){
    .new_you{ float: left; width: 100%; margin-top: 0;}
    .new_you ul{ border-top:0;}
    .new_you ul li{ padding: 10px 0;}
}

.homeQuestion{ float: right; width: 31.62%;}
.homeQuestionDown{ margin-top: 14px;}
.homeQuestionDown .questionTop{ border: #ebebeb solid 1px; margin-top: 10px; cursor: pointer;}
.homeQuestionDown .questionTop.on{ border-bottom: 0;}
.homeQuestionDown .questionTop .queMore{ float: right; width: 54px; height: 54px; background-color: #f4f4f4; padding: 22px 19px 22px 19px; line-height: 0;}
.homeQuestionDown .questionTop.on .queMore{ background-color: #13a3ff;}
.homeQuestionDown .questionTop .queMore .imgs{}
.homeQuestionDown .questionTop .queMore .imgd{ display: none;}
.homeQuestionDown .questionTop.on .queMore .imgs{ display: none;}
.homeQuestionDown .questionTop.on .queMore .imgd{ display: block;}
.homeQuestionDown .questionTop .queIco{ float: left; width: 20px; height: 18px; line-height: 0; margin: 20px 0 0 10px;}
.homeQuestionDown .questionTop .queDiwn{ padding: 0 54px 0 37px; }
.homeQuestionDown .questionTop .queDiwn .dotit{ float: left; width: 100%; color: #292929; font-size: 14px; line-height: 54px;}
.questionUnder{ display:none; border: #ebebeb solid 1px; border-top: 0; padding: 15px 15px 15px 37px;}
.questionUnder p{ height: 78px; color: #9b9b9b; font-size: 14px; line-height: 26px; overflow: hidden;}
.questionUnder p a{color: #9b9b9b;}
.questionUnder p a span{ color: #13a3ff;}
.questionUnder p a:hover span{ color: #ff7706;}
@media screen and (max-width:1199px){
    .homeQuestionDown .questionTop{ margin-top: 13px;}
    .homeQuestionDown .questionTop .queMore{ width: 44px; height: 44px;  padding: 17px 14px 18px 14px;}
    .homeQuestionDown .questionTop .queIco{  line-height: 0; margin: 15px 0 0 10px;}
    .homeQuestionDown .questionTop .queDiwn .dotit{ line-height: 44px;}
}
@media screen and (max-width:991px){
    .homeQuestion{ float: left; width: 100%; padding-top: 4.5%; }
}



/*homeFrend*/
.homeFrend{ padding: 0 0 3.84% 0;}
.homeFrendTitle{ border-bottom: #f4f4f4 solid 1px; }
.homeFrendTitle  span{ float: left; color: #666666; font-size: 18px; font-weight: bold; line-height: 2.66; border-bottom: #13a3ff solid 3px;}
.homeFrendTitle  span em{ font-style: normal; color: #13a3ff; font-size: 14px; text-transform: uppercase;}
.homeFrendDown{ padding-top: 15px;}
.homeFrendDown a{ float: left; margin-right: 50px; color: #666666; font-size: 13px; line-height: 36px;}
.homeFrendDown a:hover{ color: #13a3ff;}
@media screen and (max-width:991px){
    .homeFrend{ display: none;}
}



/*down*/
.footTop{ border-bottom: #747474 solid 1px; padding: 5.12% 0 4.44% 0;}
.footTopFloat{ position: relative;}
.footTopFloat .footTop_1{ float: left; width:20.76%; }
.footTopFloat .footTop_1 .footLogo{ padding-top: 9.83%;}
.footTopFloat .footTop_1 .footLogo .f1{ width: 160px;}
.footTopFloat .footTop_1 .footTit{ padding: 10px 8px 0 8px; color: #fff; font-size: 14px; line-height: 1; text-align: left}
@media screen and (max-width:991px){
    .footTopFloat .footTop_1{ width:30.76%; }
}
@media screen and (max-width:767px){
    .footTopFloat .footTop_1{ width:100%; border-bottom: #747474 solid 1px; padding-bottom: 4%; }
    .footTopFloat .footTop_1 .footLogo{ padding-top: 0; text-align: center;}
    .footTopFloat .footTop_1 .footLogo .f1{ width: 80px;}
    .footTopFloat .footTop_1 .footTit{ text-align: center}
}





.footTopFloat .footTop_2{ float: left; width:31.02%; padding: 6px 60px 6px 75px; }
.footTopFloat .footTop_2 .f2tit{ color: #fff; font-size: 14px; line-height: 24px;}
.footTopFloat .footTop_2 .f2Contact{ padding-top: 3px;}
.footTopFloat .footTop_2 .f2Contact .f2Li{ padding: 5px 0; color: #fff; font-size: 13px; line-height: 20px;}
.footTopFloat .footTop_2 .f2Contact .f2Li .b{ float: left; width: 15px; height: 15px; line-height: 0; margin-top: 3px;}
.footTopFloat .footTop_2 .f2Contact .f2Li .f2Rightr{ padding-left: 28px; }
@media screen and (max-width:1199px){
    .footTopFloat .footTop_2{ padding: 6px 40px 6px 55px; }
}
@media screen and (max-width:991px){
    .footTopFloat .footTop_2{ width:45.02%;}
}
@media screen and (max-width:767px){
    .footTopFloat .footTop_2{ width:100%; padding: 4% 0 4% 0; border-bottom: #747474 solid 1px;}
    .footTopFloat .footTop_2 .f2tit{ text-align: center;}
    .footTopFloat .footTop_2 .f2Contact .f2Li{ text-align: center;}
    .footTopFloat .footTop_2 .f2Contact .f2Li .b{ float: none; display: inline-block; vertical-align:top; }
    .footTopFloat .footTop_2 .f2Contact .f2Li .f2Rightr{ display: inline-block; vertical-align: top; padding-left: 5px; }

}

.wqx{ padding-top: 8px;}
.wqx .wcr{ float: left; width: 40px; height: 40px; margin-right: 12px; background-color: #868686; position: relative;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.wqx .wcr:hover{ background-color: #fd841f;}
.wqx .wcr .shareEwm{ display: none; position: absolute; left: -42px; bottom: 40px; width: 125px; height: 132px; padding: 10px 9px 14px 9px; background: url("images/foot6.png") no-repeat center; background-size: cover; z-index: 20;}
.wqx .wcr:hover .shareEwm{ display: block;}
@media screen and (max-width:767px){
    .wqx{ text-align: center; }
    .wqx .wcr{ float: none; display: inline-block; vertical-align: top; width: 32px; height: 32px; margin: 0 4px; }
    .wqx .wcr .shareEwm{ display: none; position: absolute; left: -42px; bottom: 32px; width: 125px; height: 132px; padding: 10px 9px 14px 9px; background: url("images/foot6.png") no-repeat center; background-size: cover; z-index: 20;}
}

.footTopFloat .footTop_3{ float: left; width: 28.8%; padding: 0 34px 0 87px;}
.footTopFloat .footTop_3 .f3tit{ color: #fff; font-size: 18px; line-height: 1;}
.footTopFloat .footTop_3 .f3Ul{ padding-top: 8px;}
.footTopFloat .footTop_3 .f3Ul li{ float: left; width: 50%; padding:5px 10px 5px 0; line-height: 23px; }
.footTopFloat .footTop_3 .f3Ul li a{ color: #fff;}
.footTopFloat .footTop_3 .f3Ul li a:hover{ color: #ff7706;}
@media screen and (max-width:1199px){
    .footTopFloat .footTop_3{  padding: 0 34px 0 60px;}
}
@media screen and (max-width:991px){
    .footTopFloat .footTop_3{ display: none;}
}




.footTopFloat .footTop_4{ float: right; width: 143px;}
.footTopFloat .footTop_4 .f4Box{}
.footTopFloat .footTop_4 .f4Box .f4Ewm{}
.footTopFloat .footTop_4 .f4Box .f4Tit{ padding-top: 10px; color: #fff; font-size: 14px; line-height: 1; text-align: center; }
@media screen and (max-width:767px){
    .footTopFloat .footTop_4{ float: left; width: 100%; text-align: center; padding: 4% 0 0 0;}
    .footTopFloat .footTop_4 .f4Box{ display: inline-block; vertical-align: top; width: 120px;}
    .footTopFloat .footTop_4 .f4Box .f4Ewm{ padding: 0 10px;}
}

.footTopFloat .xian_1{ position: absolute; width: 1px; height: 100%; background-color: #7e7e7e; left:20.76%; }
.footTopFloat .xian_2{ position: absolute; width: 1px; height: 100%; background-color: #7e7e7e; left:51.78%; }
.footTopFloat .xian_3{ position: absolute; width: 1px; height: 100%; background-color: #7e7e7e; left:80.58%; }
@media screen and (max-width:991px){
    .footTopFloat .xian_1{ left:30.76%; }
    .footTopFloat .xian_2{ left:75.78%; }
    .footTopFloat .xian_3{ display: none; }
}
@media screen and (max-width:767px){
    .footTopFloat .xian_1{ display: none; }
    .footTopFloat .xian_2{ display: none; }
}


.footDown{ padding: 15px 0; }
.copyright{ float: left; color: #fff; font-size: 13px; line-height: 24px;}
.copyright a{ color: #fff;}
.copyright a:hover{ color: #ff7706;}
.copyright .imspan{}


.copyLaw{ float: right; color: #fff; font-size: 13px; line-height: 24px;}
.copyLaw a{color: #fff;}
.copyLaw a:hover{color: #ff7706;}
@media screen and (max-width:767px){
    .copyright{ width: 100%; text-align: center;}
    .copyright .imspan{ display: block;}
    .copyLaw{ float: left; width: 100%; text-align: center;}
}



/*右侧*/
.rightFloat{ position: fixed; width: 59px; right: 10px; top: 50%; margin-top: -150px; z-index: 2500;}
.rightFloat .rightTop{ width: 59px; background-color: rgba(0,0,0,0.5); padding: 7px 0;
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -o-border-radius:7px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.rightFloat.active .rightTop{ margin-left: 79px;}

.rightFloat .rightTop li{ position: relative; margin: 2px 0;}
.rightFloat .rightTop li a{ float: left; width: 100%; height: 46px; margin: 2px 0;  line-height: 0; position: relative; z-index: 10;}
.rightFloat .rightTop li a:hover{ background-color: #13a3ff;}

.rightFloat .rightDown{ margin-top: 23px;}
.rightFloat .rightDown b{ float: left; width: 26px; height: 26px; margin-left:17px; line-height: 0; cursor: pointer;  }
.rightFloat .rightDown b img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.rightFloat.active .rightDown b img{
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:(45deg);
    -o-transform:rotate(45deg);
}
.rightFloat .rightTop li .righEwn{ position: absolute; width: 132px; height: 125px; padding: 9px 16px 8px 9px; background: url("images/right7.png") no-repeat; top: -33px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.rightFloat .rightTop li:hover .righEwn{
    animation-name: distach, opaci;
    -moz-animation-name: distach, opaci;
    -o-animation-name: distach, opaci;
    -webkit-animation-name: distach, opaci;
    animation-duration: 200ms, 300ms;
    -moz-animation-duration: 200ms, 300ms;
    -o-animation-duration: 200ms, 300ms;
    -webkit-animation-duration: 200ms, 300ms;
    animation-timing-function: linear, linear;
    -moz-animation-timing-function: linear, linear;
    -o-animation-timing-function: linear, linear;
    -webkit-animation-timing-function: linear, linear;
    animation-delay: 0, 200ms;
    -moz-animation-delay: 0, 200ms;
    -o-animation-delay: 0, 200ms;
    -webkit-animation-delay: 0, 200ms;
    animation-iteration-count: 1, 1;
    -moz-animation-iteration-count: 1, 1;
    -o-animation-iteration-count: 1, 1;
    -webkit-animation-iteration-count: 1, 1;
    animation-fill-mode: forwards, forwards;
    -o-animation-fill-mode: forwards, forwards;
    -moz-animation-fill-mode: forwards, forwards;
}
@keyframes distach{
    from {left:0;}
    to {left:-128px;}
}
@-moz-keyframes distach{
    from {left:0;}
    to {left:-128px;}
}
@-o-keyframes distach{
    from {left:0;}
    to {left:-128px;}
}
@-webkit-keyframes distach{
    from {left:0;}
    to {left:-128px;}
}
@keyframes opaci{
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
    }
    to{
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }
}
@-moz-keyframes opaci{
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
    }
    to{
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }
}
@-o-keyframes opaci{
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
    }
    to{
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }
}
@-webkit-keyframes opaci{
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
    }
    to{
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }
}
.rightFloat .rightTop li .righTel{ position: absolute; width: 130px; height: 46px; padding: 13px 0 13px 0; background-color: #13a3ff; top: 0; color: #fff; font-size: 16px; line-height: 20px; text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border-radius:7px 0 0 7px;
    -webkit-border-radius:7px 0 0 7px;
    -moz-border-radius:7px 0 0 7px;
    -o-border-radius:7px 0 0 7px;
}
.rightFloat .rightTop li .righTel.tel{ font-size: 14px;}
.rightFloat .rightTop li:hover .righTel{
    animation-name: distach2, opaci;
    -moz-animation-name: distach2, opaci;
    -o-animation-name: distach2, opaci;
    -webkit-animation-name: distach2, opaci;
    animation-duration: 200ms, 300ms;
    -moz-animation-duration: 200ms, 300ms;
    -o-animation-duration: 200ms, 300ms;
    -webkit-animation-duration: 200ms, 300ms;
    animation-timing-function: linear, linear;
    -moz-animation-timing-function: linear, linear;
    -o-animation-timing-function: linear, linear;
    -webkit-animation-timing-function: linear, linear;
    animation-delay: 0, 200ms;
    -moz-animation-delay: 0, 200ms;
    -o-animation-delay: 0, 200ms;
    -webkit-animation-delay: 0, 200ms;
    animation-iteration-count: 1, 1;
    -moz-animation-iteration-count: 1, 1;
    -o-animation-iteration-count: 1, 1;
    -webkit-animation-iteration-count: 1, 1;
    animation-fill-mode: forwards, forwards;
    -o-animation-fill-mode: forwards, forwards;
    -moz-animation-fill-mode: forwards, forwards;
}
@keyframes distach2{
    from {left:0;}
    to {left:-130px;}
}
@-moz-keyframes distach2{
    from {left:0;}
    to {left:-130px;}
}
@-o-keyframes distach2{
    from {left:0;}
    to {left:-130px;}
}
@-webkit-keyframes distach2{
    from {left:0;}
    to {left:-130px;}
}
@media  screen and (max-width:991px){
    .rightFloat{ display: none;}
}



/*1产品中心1*/
.proBread{ margin: 2.22% 0 0.68% 0; padding-left: 20px; color: #2b2b2b; font-size: 14px; line-height: 24px; background: url("images/pro2.png") left center no-repeat; background-size: 12px 16px;}
.proBread a{ color: #2b2b2b;}
.proBread a:hover{ color: #ff7706;}
@media  screen and (max-width:991px){
    .proBread{ display: none;}
}

.proListBlock{}
.proListBlock .blockLi{ min-height: 42px; margin-top: 8px; background-color: #f4f4f4; position: relative;}
.proListBlock .blockLi .boleft{ position: absolute; width: 200px; height: 100%; border-right: #fff solid 2px; background-color: #ededed; padding: 10px 0 10px 50px; color: #333333; font-size: 14px; line-height: 22px;  }
.proListBlock .blockLi .boleft a{color: #333333;}
.proListBlock .blockLi .boleft.hover,
.proListBlock .blockLi .boleft:hover{ background-color: #5fb8f0; }
.proListBlock .blockLi .boleft.hover a,
.proListBlock .blockLi .boleft:hover a{color: #fff;}

.proListBlock .blockLi .boRight{ padding-left: 200px;}
.proListBlock .blockLi .boRight .boUl{ float: left; width: 100%; padding: 10px 6px 10px 6px; color: #555555; font-size: 13px; line-height: 22px;}
.proListBlock .blockLi .boRight .boUl li{ float: left; padding: 0 12px; line-height: 22px;}
.proListBlock .blockLi .boRight .boUl li:hover,
.proListBlock .blockLi .boRight .boUl li{ color: #5fb8f0;}
.proListBlock .blockLi .boRight .boUl li a{color: #555555; }
.proListBlock .blockLi .boRight .boUl li:hover a,
.proListBlock .blockLi .boRight .boUl li.hover a{color: #5fb8f0;}

@media  screen and (max-width:767px){
    .proListBlock .blockLi .boleft{ position: static; float: left; width: 100%; height: 100%; border-right: 0; border-bottom: #fff solid 2px;  padding: 5px 0 5px 0; text-align: center;  }
    .proListBlock .blockLi .boRight{ float: left; width: 100%; padding-left: 0;}
    .proListBlock .blockLi .boRight .boUl{  line-height: 30px;}
}


.productList_1{ margin: 0 -15px;}
.productList_1 ul{ float: left; width: 100%; min-height: 500px;}
.productList_1 ul li{ float: left; width: 25%; padding: 0 15px; }
.productList_1 ul li a{ float: left; width: 100%;  margin-top: 11.1%; border: #dadada solid 1px;}
.productList_1 ul li a:hover{ border-color: #fff;
    -webkit-box-shadow: 0 0 7px rgba(170,170,170,0.24);
    -moz-box-shadow: 0 0 7px rgba(170,170,170,0.24);
    -o-box-shadow: 0 0 7px rgba(170,170,170,0.24);
    box-shadow: 0 0 7px rgba(170,170,170,0.24);
}
.productList_1 ul li a .pic_1{ overflow: hidden;}
.productList_1 ul li a .pic_1 .img4{
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.productList_1 ul li a:hover .pic_1 .img4{
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
}
.productList_1 ul li a .tit_1{ padding: 0 20px;}
.productList_1 ul li a .tit_1 h4{ border-top: #b2b2b2 dashed 1px; padding: 10px 0; color: #2b2b2b; font-size: 14px; line-height: 32px; text-align: center;}
.productList_1 ul li a:hover .tit_1 h4{ color: #13a3ff;}
@media  screen and (max-width:991px){
    .productList_1 ul{ min-height: 50px;}
    .productList_1{ margin: 0 -7px;}
    .productList_1 ul li{ padding: 0 7px; }
}
@media  screen and (max-width:767px){
    .productList_1 ul li{ width: 50%; }
}


.proAdd{ background-color: #f6f6f6;}
.proAddBox{ padding: 2.22% 0 3.41% 0;}
.proAddTitle{ border-bottom: #acacac dotted 1px; padding: 14px 0; position: relative;}
.proAddTitle h2{ float:left; border-left: #13a3ff solid 4px; color: #2b2b2b; font-size: 24px; font-weight: bold; line-height: 1; padding-left: 14px;}
.proAddTitle .more{ /*position: absolute; right: 0; top: 50%; margin-top: -10px;*/ color: #13a3ff; font-size: 14px; line-height: 24px; float:left; margin-left:20px;}
.proAddTitle .more:hover{ text-decoration: underline;}
@media  screen and (max-width:991px){
    .proAddTitle h2{ border-left: #13a3ff solid 3px; font-size: 20px; }
}
@media  screen and (max-width:767px){
    .proAddTitle h2{ border-left: #13a3ff solid 2px; font-size: 17px; }
}

.proAddDown{ padding-top: 20px; margin: 0 -15px;}
.proAddDown ul li{ padding: 0 15px; }
.proAddDown ul li a{ float: left; width: 100%; border: #dadada solid 1px; background-color: #fff; padding: 1px;}
.proAddDown ul li a:hover{ border-color: #fff;
    -webkit-box-shadow: 0 0 7px rgba(170,170,170,0.24);
    -moz-box-shadow: 0 0 7px rgba(170,170,170,0.24);
    -o-box-shadow: 0 0 7px rgba(170,170,170,0.24);
    box-shadow: 0 0 7px rgba(170,170,170,0.24);
}
.proAddDown ul li a .box{ overflow: hidden;}

.proAddDown ul li a .pic_1{ overflow: hidden;}
.proAddDown ul li a .pic_1 .img4{
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.proAddDown ul li a:hover .pic_1 .img4{
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
}
.proAddDown ul li a .tit_1{ padding: 0 20px;}
.proAddDown ul li a .tit_1 h4{ border-top: #b2b2b2 dashed 1px; padding: 10px 0; color: #2b2b2b; font-size: 14px; line-height: 32px; text-align: center;}
.proAddDown ul li a:hover .tit_1 h4{ color: #13a3ff;}
@media  screen and (max-width:991px){
    .proAddDown ul{ min-height: 50px;}
    .proAddDown{ margin: 0 -7px;}
    .proAddDown ul li{ padding: 0 7px; }
}
@media  screen and (max-width:767px){
    .proAddDown ul li a .tit_1{ padding: 0 10px;}
}

.proAddnew{ padding: 2.22% 0 3.41% 0; }
.proAddTitle.proAddNewTitle{ border-bottom:0; }
.proAddnewDown{ border: #d6d6d6 solid 1px; padding: 1.36% 0;}
.proAddnewDown ul{ float: left; width: 100%; padding-right: 30px;}
.proAddnewDown ul li{ float: left; width: 50%; padding: 10px 0 10px 30px;}
.proAddnewDown ul li a{ float: left; width: 60%; padding-left: 14px; color: #2b2b2b; font-size: 14px; line-height: 20px; position: relative;}
.proAddnewDown ul li:hover a{ color: #ff7706; text-decoration: underline;}
.proAddnewDown ul li a::before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background-color: #2b2b2b;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.proAddnewDown ul li:hover a::before{ background-color: #ff7706;}
.proAddnewDown ul li span{ float: right; color: #979797; font-size: 14px; line-height: 20px;}
@media  screen and (max-width:767px){
    .proAddnewDown{ padding: 3% 0 ;}
    .proAddnewDown ul{ padding-right: 15px;}
    .proAddnewDown ul li{  width: 100%; padding: 7px 0 7px 15px;}
}



/*2产品中心-产品分类*/
.proLevel{ padding-top: 2.56%;}
.proLevel.nolist{ padding-top: 0;}
.proLevel .levelBlock{ padding-bottom:3.41%; }
.proLevelTitle{ height: 42px; border-bottom: #dadada solid 1px; border-right: #dadada solid 1px; border-top: #ff7706 solid 2px; background-color: #f4f4f4;}
.proLevelTitle .count{ float: left; width: 50px; height: 40px; background-color: #ff7706; color: #fff; font-size: 20px; font-weight: bold; line-height: 40px; text-align: center; text-transform: uppercase;}
.proLevelTitle .levelTit{ float: left; color: #333333; font-size: 16px; line-height: 39px; padding-left: 20px;}
.proLevelTitle .levelMore{ float: left; color: #666666; font-size: 14px; line-height: 39px; padding-right: 12px; margin-left:20px;}
.proLevelTitle .levelMore:hover{ color: #ff7706;}


.proLevelDown{ margin: 0 -15px;}
.proLevelDown ul{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.proLevelDown ul li{ float: left; width: 25%; padding: 0 15px;}
.proLevelDown ul li.first{}
.proLevelDown ul li a{ float: left; width: 100%; border: #dadada solid 1px; background-color: #fff; margin-top: 7.4%; }
.proLevelDown.nolist ul li a{  margin-top: 11.1%; }
.proLevelDown ul li a:hover{ border-color: #fff;
    -webkit-box-shadow: 0 0 7px rgba(170,170,170,0.24);
    -moz-box-shadow: 0 0 7px rgba(170,170,170,0.24);
    -o-box-shadow: 0 0 7px rgba(170,170,170,0.24);
    box-shadow: 0 0 7px rgba(170,170,170,0.24);
}
.proLevelDown ul li a .pic_1{ overflow: hidden; width:100%; position:relative; padding-bottom:75%;}
.proLevelDown ul li a .pic_1 .img4{ position:absolute; left:0; top:0; width:100%; min-height:100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.proLevelDown ul li a:hover .pic_1 .img4{
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
}
.proLevelDown ul li a .tit_1{ padding: 0 20px;}
.proLevelDown ul li a .tit_1 h4{ border-top: #b2b2b2 dashed 1px; padding: 10px 0; color: #2b2b2b; font-size: 14px; line-height: 32px; text-align: center;}
.proLevelDown ul li a:hover .tit_1 h4{ color: #13a3ff;}
@media  screen and (max-width:1199px){
    .proLevelDown ul li a .tit_1 h4{ padding:5px 0; line-height: 32px; }
}
@media  screen and (max-width:991px){
    .proLevelDown ul{ min-height: 50px;}
    .proLevelDown{ margin: 0 -7px;}
    .proLevelDown ul li{ width: 33.3333%; padding: 0 7px; }
    .proLevelDown ul li a .tit_1 h4{ padding:0; line-height: 30px; }
}
@media  screen and (max-width:767px){
    .proLevelDown ul li{ width: 50%; }
    .proLevelDown ul li.first{ width: 50%;}
}
@media  screen and (max-width:355px){
    .proLevelDown ul li a .pic_1{ padding: 0 5px;}
}



/*4成功案例*/
.caseLevelDown{ margin: 0 -15px;}
.caseLevelDown ul{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.caseLevelDown ul li{ float: left; width: 25%; padding: 0 15px;}
.caseLevelDown ul li .a{ float: left; width: 100%; padding-top: 7.4%; }
.caseLevelDown ul li .fieldPic{ overflow: hidden;}
.caseLevelDown ul li .fieldPic .img2{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.caseLevelDown ul li .a:hover .fieldPic .img2{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.caseLevelDown ul li .fieldDown{ padding: 6.48% 6px 0 0;}
.caseLevelDown ul li .fieldDown .fieRight{ float: right; width: 79px; height: 28px;  margin-top: 4px; background-color: #13a3ff; text-align: center; color: #fff; font-size: 14px; font-weight: bold; line-height: 28px;
    border-radius:14px;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
    -o-border-radius:14px;
}
.caseLevelDown ul li .fieldDown .fieRight a{color: #fff;}
.caseLevelDown ul li:hover .fieldDown .fieRight{ background-color: #ff7706;}
.caseLevelDown ul li .fieldDown .fieLeft{ padding-right: 86px;}
.caseLevelDown ul li .fieldDown .fieLeft h4{ float: left; width: 100%; color: #222222; font-size: 16px; font-weight: bold; line-height: 22px;}
.caseLevelDown ul li:hover .fieldDown .fieLeft h4{ color: #13a3ff;}
.caseLevelDown ul li .fieldDown .fieLeft p{ float: left; width: 100%; padding-top: 16px; color: #474954; font-size: 13px;  line-height: 1;}
@media screen and (max-width:991px){
    .caseLevelDown{ margin:0 -7px; }
    .caseLevelDown ul li{ width: 33.3333%; padding: 0 7px;}
}
@media screen and (max-width:767px){
    .caseLevelDown{ margin:0 -7px; }
    .caseLevelDown ul li{ width: 50%; padding: 0 7px;}
    .caseLevelDown ul li .a{ padding-top:10%; }

    .caseLevelDown ul li .fieldDown .fieRight{ width: 40px; height: 40px; padding: 4px 0; font-size: 14px; line-height: 16px; margin-top: 0;
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        -o-border-radius:4px;
    }
    .caseLevelDown ul li .fieldDown .fieLeft{ padding-right: 40px;}
    .caseLevelDown ul li .fieldDown .fieLeft h4{ font-size: 14px; }
    .caseLevelDown ul li .fieldDown .fieLeft p{ padding-top: 3px; }
}


/*5成功案例详情*/
.caseInnerBox{ padding: 0 0 7.69% 0;}
.caseInnerLeft{ float: left; width: 73.67%; border: #dadada solid 1px;}
.caseInnerLeft .caseInTop{ border-bottom: #dadada solid 1px; padding: 0 20px;}
.caseInnerLeft .caseInTop h2{ padding: 4.39% 0 3.04% 0; color: #333333; font-size: 24px; text-align: center; line-height: 1.25;}
.caseInnerLeft .caseInTop .author{ text-align: center; color: #999999; font-size: 16px; line-height: 20px;}
.caseInnerLeft .caseInTop .authorPic{ padding: 3.41% 0 0 0; text-align: center;}
.caseInnerLeft .caseInTop .authorPic .thicPic{ display: inline-block; vertical-align: top; width: 351px; }
.caseInnerLeft .caseInTop .authorPic h5{ float: left; width: 100%; padding: 18px 0 15px 0; color: #333333; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;}
.caseInnerLeft .caseInTop .content{ padding: 3.04% 0 3.78% 0; color: #333333; font-size: 16px; line-height: 30px;}
.caseInnerLeft .caseInTop .casePage{ border-top: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px; padding: 5px 0;}
.caseInnerLeft .caseInTop .casePage a{ float: left; width: 50%; padding-right: 10px; padding-top: 5px ; padding-bottom: 5px; color: #333333; font-size: 14px; line-height: 32px;}
.caseInnerLeft .caseInTop .casePage a.right{ text-align: right; padding-right: 0; padding-left: 10px;}
.caseInnerLeft .caseInTop .casePage a:hover{ color: #ff7706;}
.caseInnerLeft .caseInTop .keyWork{ padding: 4.02% 0 1.58% 0; color: #666666; font-size: 14px; font-weight: bold; line-height: 24px;}
.caseInnerLeft .caseInTop .keyWork a{color: #666666;}
.caseInnerLeft .caseInTop .keyWork a:hover{ color: #ff7706;}
@media  screen and (max-width:991px){
    .caseInnerLeft{ width: 100%; margin-top: 3.5%; }
}
@media  screen and (max-width:767px){
    .caseInnerLeft .caseInTop{ padding: 0 12px;}
    .caseInnerLeft .caseInTop h2{  font-size: 19px;}
    .caseInnerLeft .caseInTop .author{ font-size: 14px; }
    .caseInnerLeft .caseInTop .authorPic .thicPic{ float: left; width: 100%; }
    .caseInnerLeft .caseInTop .content{ font-size: 14px; line-height: 27px;}
    .caseInnerLeft .caseInTop .casePage a{ line-height: 18px;}
}


.aboutLeftBox .caseInTop{padding: 0 20px 0 20px ;}
.aboutLeftBox .caseInTop h2{ padding: 4.39% 0 3.04% 0; color: #333333; font-size: 24px; text-align: center; line-height: 1.25;}
.aboutLeftBox .caseInTop .author{ text-align: center; color: #999999; font-size: 16px; line-height: 20px;}
.aboutLeftBox .caseInTop .authorPic{ padding: 3.41% 0 0 0; text-align: center;}
.aboutLeftBox .caseInTop .authorPic .thicPic{ display: inline-block; vertical-align: top; width: 351px; }
.aboutLeftBox .caseInTop .authorPic h5{ float: left; width: 100%; padding: 18px 0 15px 0; color: #333333; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;}
.aboutLeftBox .caseInTop .content{ padding: 3.04% 0 3.78% 0; color: #333333; font-size: 16px; line-height: 30px;}
.aboutLeftBox .caseInTop .casePage{ border-top: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px; padding: 5px 0;}
.aboutLeftBox .caseInTop .casePage a{ float: left; width: 50%; padding-right: 10px; padding-top: 5px ; padding-bottom: 5px; color: #333333; font-size: 14px; line-height: 32px;}
.aboutLeftBox .caseInTop .casePage a.right{ text-align: right; padding-right: 0; padding-left: 10px;}
.aboutLeftBox .caseInTop .casePage a:hover{ color: #ff7706;}
.aboutLeftBox .caseInTop .keyWork{ padding: 4.02% 0 1.58% 0; color: #666666; font-size: 14px; font-weight: bold; line-height: 24px;}
.aboutLeftBox .caseInTop .keyWork a{color: #666666;}
.aboutLeftBox .caseInTop .keyWork a:hover{ color: #ff7706;}

@media  screen and (max-width:767px){
    .aboutLeftBox .caseInTop{ padding: 0 12px;}
    .aboutLeftBox .caseInTop h2{  font-size: 19px;}
    .aboutLeftBox .caseInTop .author{ font-size: 14px; }
    .aboutLeftBox .caseInTop .authorPic .thicPic{ float: left; width: 100%; }
    .aboutLeftBox .caseInTop .content{ font-size: 14px; line-height: 27px;}
    .aboutLeftBox .caseInTop .casePage a{ line-height: 18px;}
}



.caseAddBox{ padding: 3.17% 20px 0 20px;}
.caseAddDown{ padding-top: 20px; margin: 0 -10px;}
@media  screen and (max-width:767px){
    .caseAddBox{ padding: 3.17% 12px 0 12px;}
}
.caseAddDown ul li{ padding: 0 10px; }
.caseAddDown ul li a{ float: left; width: 100%; border: #dadada solid 1px; background-color: #fff; padding: 1px;}
.caseAddDown ul li a:hover{ border-color: #fff;
    -webkit-box-shadow: 0 0 7px rgba(170,170,170,0.24);
    -moz-box-shadow: 0 0 7px rgba(170,170,170,0.24);
    -o-box-shadow: 0 0 7px rgba(170,170,170,0.24);
    box-shadow: 0 0 7px rgba(170,170,170,0.24);
}
.caseAddDown ul li a .box{ overflow: hidden;}

.caseAddDown ul li a .pic_1{ overflow: hidden;}
.caseAddDown ul li a .pic_1 .img4{
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.caseAddDown ul li a:hover .pic_1 .img4{
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
}
.caseAddDown ul li a .tit_1{ padding: 0 20px;}
.caseAddDown ul li a .tit_1 h4{ border-top: #b2b2b2 dashed 1px; padding: 10px 0; color: #2b2b2b; font-size: 14px; line-height: 32px; text-align: center;}
.caseAddDown ul li a:hover .tit_1 h4{ color: #13a3ff;}
@media  screen and (max-width:991px){
    .caseAddDown ul{ min-height: 50px;}
    .caseAddDown{ margin: 0 -7px;}
    .caseAddDown ul li{ padding: 0 7px; }
}
@media  screen and (max-width:767px){
    .caseAddDown ul li a .tit_1{ padding: 0 10px;}
}


.caseAddnew{ padding: 3.17% 20px 4.75% 20px; }
.caseAddnewDown{ border: #d6d6d6 solid 1px; padding: 1.36% 0;}
.caseAddnewDown ul{ float: left; width: 100%; padding-right: 30px;}
.caseAddnewDown ul li{ float: left; width: 100%; padding: 10px 0 10px 30px;}
.caseAddnewDown ul li a{ float: left; width: 60%; padding-left: 14px; color: #2b2b2b; font-size: 14px; line-height: 20px; position: relative;}
.caseAddnewDown ul li:hover a{ color: #ff7706; text-decoration: underline;}
.caseAddnewDown ul li a::before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background-color: #2b2b2b;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.caseAddnewDown ul li:hover a::before{ background-color: #ff7706;}
.caseAddnewDown ul li span{ float: right; color: #979797; font-size: 14px; line-height: 20px;}
@media  screen and (max-width:767px){
    .caseAddnew{ padding: 3.17% 12px 4.75% 12px; }
    .caseAddnewDown{ padding: 3% 0 ;}
    .caseAddnewDown ul{ padding-right: 15px;}
    .caseAddnewDown ul li{  width: 100%; padding: 7px 0 7px 15px;}
}


.caseInnerRight{ float: right; width: 23.76%; border: #dadada solid 1px;}
@media  screen and (max-width:991px){
    .caseInnerRight{ float: left; width: 100%; margin-top: 3.5%;}
}
.caseInnerRight .rightCell{ }
.rc_title{ border-bottom: #dadada solid 1px; background-color: #f4f4f4; color: #333333; font-size: 16px; line-height: 42px; padding: 0 10px;}
.caseInnerRight .rightCell .rd_box1{ padding:6px 9px; border-bottom: #dadada solid 1px; }
.rd_box1 .newProTop{ color: #747474; font-size: 14px; line-height: 22px;}
.rd_box1 .newProTop a{color: #747474;}
.rd_box1 .newProDown{ padding: 5px 0; display: none;}
.rd_box1 .newProDown .newProPic{ float: left; width: 104px; height: 80px; border: #dadada solid 1px; overflow: hidden;}
.rd_box1 .newProDown .newProPic:hover{ border-color: #ff7706;}
.rd_box1 .newProDown .newProPic img{
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.rd_box1 .newProDown:hover .newProPic img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.rd_box1 .newProDown .newProR{ padding-left: 110px;}
.rd_box1 .newProDown .newProR p{ float: left; width: 100%; height: 75px; margin-top: 2px; color: #ff7706; font-size: 14px; line-height: 25px; overflow: hidden;}
.caseInnerRight  .rd_box2{ padding:4px 9px 12px 9px; border-bottom: #dadada solid 1px; }
.caseInnerRight  .rd_box2.last{ border-bottom: 0;}
.caseInnerRight  .rd_box2 li{}
.caseInnerRight  .rd_box2 li b{ float: left; width: 20px; height: 15px; margin-top: 6px; background-color: #999999; color: #fff; text-align: center; line-height: 15px; font-style: italic; font-weight: normal;}
.caseInnerRight  .rd_box2 li.yellow b{ background-color: #ff7706;}
.caseInnerRight  .rd_box2 li .you{ padding-left: 13px; color: #747474; font-size: 14px; line-height:27px; }
.caseInnerRight  .rd_box2 li:hover .you{ color: #ff7706;}






    /*7解决方案*/
.caseListBox{ padding: 2.56% 0 3.41% 0;}
.caseList{ border: #dadada solid 1px;}
.caseList .caseListUl{ padding: 0 20px; min-height: 500px;}
.caseList .caseListUl li{ border-bottom: #cccccc dashed 1px;}
.caseList .caseListUl li a{ float: left; width: 60%; padding-left: 14px; color: #2b2b2b; font-size: 14px; line-height: 52px; position: relative;}
.caseList .caseListUl li:hover a{ color: #13a3ff; text-decoration: underline;}
.caseList .caseListUl li a::before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background-color: #666666;  }
.caseList .caseListUl li:hover a::before{ background-color: #13a3ff;}
.caseList .caseListUl li span{ float: right; color: #666666; font-size: 14px; line-height: 52px;}
.caseList .caseListUl l:hover span{ color: #13a3ff;}
@media  screen and (max-width:991px){
    .caseList .caseListUl{ min-height: 50px;}
}
@media  screen and (max-width:767px){
    .caseList .caseListUl{ padding: 0 15px; }
    .caseList .caseListUl li a{ line-height: 40px; }
    .caseList .caseListUl li span{  line-height: 40px;}
}



/*8新闻资讯*/
.newInnerList{ padding: 3.41% 0 0 0;}
.newInnerList ul{ border-top: #eeeeee solid 1px;}
.newInnerList ul li{ border-bottom: #eeeeee solid 1px; padding: 20px 0;}
.newInnerList ul li .newPic{ float:left; width: 260px; height: 148px; overflow: hidden;}
.newInnerList ul li .newPic img{
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.newInnerList ul li:hover .newPic img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.newInnerList ul li .newPadLeft{ padding-left: 290px;}
.newInnerList ul li .newPadLeft .padTop{ float: left; width: 100%; padding: 24px 0 17px 0; line-height: 20px;}
.newInnerList ul li .newPadLeft .padTop h4{ float: left; width: 60%; color: #2b2b2b; font-size: 16px;}
.newInnerList ul li:hover .newPadLeft .padTop h4{ color: #13a3ff;}
.newInnerList ul li .newPadLeft .padTop span{ float: right; color: #666666; font-size: 16px; font-family: Arial;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.newInnerList ul li:hover .newPadLeft .padTop span{ margin-right: 20px;}
.newInnerList ul li .newPadLeft .padP{ float: left; width: 100%; height: 64px; padding-right: 178px; position: relative;}
.newInnerList ul li .newPadLeft .padP p{ float: left; width:100%; height: 64px; color: #999999; font-size: 14px; line-height: 32px; overflow: hidden;}
.newInnerList ul li .newPadLeft .padP .addPlus{ position: absolute; width: 44px; height: 44px; right: 20px; top: 50%; margin-top: -22px; background-color: #13a3ff; padding: 15px 16px 16px 15px; line-height: 0;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform: translateY(10px) ;
    transform: translateY(10px) ;
}
.newInnerList ul li:hover .newPadLeft .padP .addPlus{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -webkit-transform: translateY(0px) ;
    transform: translateY(0px) ;
}
@media  screen and (max-width:767px){
    .newInnerList ul li{ padding: 12px 0;}
    .newInnerList ul li .newPic{ width: 158px; height: 90px;}
    .newInnerList ul li .newPadLeft{ padding-left: 170px;}
    .newInnerList ul li .newPadLeft .padTop{ padding: 0 0 7px 0; }
    .newInnerList ul li .newPadLeft .padTop h4{ width: 100%; font-size: 15px;}
    .newInnerList ul li .newPadLeft .padTop span{ float: left; font-size: 12px; margin-top: 7px;}
    .newInnerList ul li:hover .newPadLeft .padTop span{ margin-right: 0;}
    .newInnerList ul li .newPadLeft .padP{ height: 38px; padding-right: 0;}
    .newInnerList ul li .newPadLeft .padP p{ height: 38px; line-height: 19px; }
    .newInnerList ul li .newPadLeft .padP .addPlus{ display: none; }
}



/*11关于我们-荣誉资质*/
.aboutRight{ float: right; width: 200px; padding: 6px 0 20px 0; }
.aboutr_1{}
.aboutTitle{ background-color: #13a3ff; color: #fff; font-size: 16px; line-height: 42px; font-weight: bold; text-align: center;}
.aboutNavBox{ border: #dadada solid 1px; border-top: 0;
    border-radius:0 0 4px 4px;
    -webkit-border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    -o-border-radius:0 0 4px 4px;
}

.pz_SideLayer{ padding: 0 0 9px 0;}
.pz_SideLayer .l1{ padding: 9px 0 0 0; }
.pz_SideLayer .l1 .l1_a{ float:left; width:100%; color: #333333; font-size: 14px; font-weight: bold; line-height: 42px; background-color: #f4f4f4; padding: 0 10px 0 28px; }
.pz_SideLayer .l2_ul{ float: left; width: 100%; padding: 0 20px 0 20px;}
.pz_SideLayer .l2{ float: left; width: 100%; border-bottom: #e5e5e5 dashed 1px;}
.pz_SideLayer .l2 a{float:left; width: 100%; padding: 0 0 0 9px; color: #666666; font-size: 14px; line-height: 32px;}
.pz_SideLayer .l2 a.hover,
.pz_SideLayer .l2 a:hover{ color:#ff7706;}
@media  screen and (max-width:1199px){
    .aboutRight{ width: 180px;}
}
@media  screen and (max-width:991px){
    .aboutRight{ display: none;}
}




.aboutr_2{ padding-top:10px; }
.aboutContact{ border: #dadada solid 1px; border-top: 0; padding: 18px 20px 15px 10px; color: #666666; font-size: 14px; line-height: 24px;
    border-radius:0 0 4px 4px;
    -webkit-border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    -o-border-radius:0 0 4px 4px;
}
.aboutContact .con_1{}
.aboutContact .con_1 .telIco{ float: left; width: 42px; height: 34px; line-height: 0; margin-top: 5px;}
.aboutContact .con_1 .telRight{ padding-left: 52px;}
.aboutContact .con_1 .telRight .tel_1{ float: left; width: 100%; color: #666666; font-size: 14px;  line-height: 24px;}
.aboutContact .con_1 .telRight .tel_2{ float: left; width: 100%; color: #333333; font-size: 16px; font-weight: bold; line-height: 20px;}
.aboutContact .con_2{ padding: 9px 0 0 0;}
@media  screen and (max-width:1199px){
    .aboutContact .con_1 .telIco{ width: 36px; height: 29px; margin-top: 8px;}
    .aboutContact .con_1 .telRight{ padding-left: 40px;}
}


.aboutLeft{ float: left; width:950px; padding:6px 0 5.12% 0; }
.aboutLeftBox{ border: #dadada solid 1px;}
.honorList{ padding: 10px 10px 9px 10px;}
.honorList ul{ float: left; width: 100%; min-height: 500px;  }
.honorList ul li{ float: left; width: 25%; padding: 0 10px;}
.honorList ul li a{ float: left; width: 100%; padding-top: 9px;}
.honorList ul li a .honorPic{ border: #dadada solid 1px; position: relative;}
.honorList ul li a .honorPic::after{ content: ''; position: absolute; width: 100%; height: 100%; left: -1px; top: -1px; border: #13a3ff solid 2px;
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    height: -webkit-calc(100% + 2px);
    height: calc(100% + 2px);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.honorList ul li a:hover .honorPic::after{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.honorList ul li a .honorPic .pic{ overflow:  hidden;}
.honorList ul li a .honorPic .pic img{
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.honorList ul li a:hover .honorPic .pic img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.honorList ul li a h4{ float: left; width: 100%; color: #333333; font-size: 14px; line-height: 33px; text-align: center;}
.honorList ul li a:hover h4{ color: #13a3ff;}
@media  screen and (max-width:1199px){
    .aboutLeft{ width:770px; }
    .honorList ul li{ width: 33.3333%; }
}
@media  screen and (max-width:991px){
    .aboutLeft{ float: left; width: 100%; padding:3.5% 0 5.12% 0; }
    .honorList ul{ min-height: 50px;}
}
@media  screen and (max-width:767px){
    .honorList{ padding: 5px 5px 9px 5px;}
    .honorList ul li{ width: 50%; padding: 0 7px;}
}




/*12关于我们-联系方式*/
.contactStyle{ padding: 26px 3.68% 4.21% 3.68%;}
.contactStyle .styleList{}
.contactStyle .styleList ul{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.contactStyle .styleList ul li{ float: left; width: 25%; text-align: center; padding-top: 20px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.contactStyle .styleList ul li:hover{
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
}
.contactStyle .styleList ul li .stPic{ display: inline-block; vertical-align: top; width: 68px; height: 74px;}
.contactStyle .styleList ul li .stTit{ float: left; width: 100%; }
.contactStyle .styleList ul li .stTit .stTop{ padding: 19px 0 7px 0; color: #000000; font-size: 16px; line-height: 20px; text-align: center;}
.contactStyle .styleList ul li .stTit .stDown{ color: #666666; font-size: 14px; line-height: 20px; text-align: center; }
@media  screen and (max-width:767px){
    .contactStyle{ padding: 0 3.68% 4.21% 3.68%;}
    .contactStyle .styleList ul li{ width: 50%;}
    .contactStyle .styleList ul li .stPic{ width: 50px; height: 54px;}

}



.contMap{ padding:4.1% 18px 0 18px; }
#bdmap{width:100%; height:354px; overflow: hidden;}
#bdmap label{ background: 0 !important; border: 0 !important; /*left:416px !important; ; top:200px !important;*/}
#bdmap .BMapLabel div{ width: 255px !important; height: 72px !important; padding: 5px 0 17px 0 !important; background: url("images/contact7.png") no-repeat !important;}
#bdmap .BMapLabel div a{ display: block; color: #151414; font-size: 15px; font-weight: bold; line-height: 50px; text-align: center;}
@media  screen and (max-width:1199px){
    .contMap{ width: 100%; }
    #bdmap{ height:350px; }
}
@media  screen and (max-width:991px){
    .contMap{ padding:4.1% 0 0 0; }
}
@media  screen and (max-width:767px){
    #bdmap{ height:240px;}
}



/*13关于我们-在线留言*/
.messageBox{}
.messageBox .messageTop{ border-bottom: #e5e5e5 solid 1px; padding: 10px 2.1% 10px 2.1%;  line-height: 35px;}
.messageBox .messageTop .please{ float: left; color: #2b2b2b; font-size: 16px;}
.messageBox .messageTop .showStar{ float: right; color: #2b2b2b; font-size: 14px;}
.messageBox .messageTop .showStar span{ color: #ff7706;}
.messageBox .messageDown{ padding: 2.1% 0 4.21% 0;}
.messageBox .messageDown .messLine{ padding-top: 20px;}
.messageBox .messageDown .messLeft{ float: left; width: 108px; color: #666666; font-size: 16px; line-height: 40px; text-align: right;}
.messageBox .messageDown .messLeft span{ color: #ff7706;}
.messageBox .messageDown .messInput{ padding: 0 378px 0 126px;}
.messageBox .messageDown .messIn_1{ float: left; width: 100%; height: 40px; border: #dadada solid 1px; padding: 0 10px; color: #333; font-size: 14px;
    -webkit-appearance:none;
    outline: 0;
}
.messageBox .messageDown .messRight{ float: right; width: 356px; padding:12px 0 ; color: #666666; font-size: 16px; line-height: 1; }
.messageBox .messageDown .messLine_2{ padding-top: 20px; padding-right: 118px;}
.messageBox .messageDown .messInput_2{ padding: 0 0 0 126px;}
.messageBox .messageDown .messIn_2{ float: left; width: 100%; height: 132px; border: #dadada solid 1px; padding: 10px 10px; color: #333; font-size: 14px; line-height: 20px;
    -webkit-appearance:none;
    outline: 0;
}
.messageBox .messageDown .fillin{padding: 15px 0 16px 0; color: #666666; font-size: 16px; line-height: 24px; float: left; width: 100%;}
.messageBox .messageDown .messInput_3{ padding: 0 0 0 126px; text-align: center;}
.messageBox .messageDown .messIn_3{ display: inline-block; vertical-align: top; width: 112px; height: 36px; background-color: #13a3ff; border: 0; color: #fff; font-size: 18px; line-height: 36px; text-align: center; margin: 0 10px;
    -webkit-appearance:none;
    outline: 0;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
}
.messageBox .messageDown .messIn_3:hover,
.messageBox .messageDown .messIn_3:focus{ background-color: #1192e5;}
@media  screen and (max-width:767px){
    .messageBox .messageTop{ padding: 0 2.1% 0 2.1%; }
    .messageBox .messageTop .please{ font-size: 14px;}
    .messageBox .messageTop .showStar{ font-size: 12px;}
    .messageBox .messageDown{ padding: 2.1% 0 5.21% 0;}
    .messageBox .messageDown .messLine{ padding-top: 13px;}
    .messageBox .messageDown .messLeft{ width: 90px; font-size: 14px; line-height: 36px; }
    .messageBox .messageDown .messInput{ padding: 0 20px 0 100px;}
    .messageBox .messageDown .messIn_1{ height: 36px; }
    .messageBox .messageDown .messRight{ width: 100%; padding:5px 0 0 100px; font-size: 12px; }
    .messageBox .messageDown .messLine_2{ padding-top: 13px; padding-right: 20px;}
    .messageBox .messageDown .messInput_2{ padding: 0 0 0 100px;}
    .messageBox .messageDown .messInput_3{ padding: 0 0 0 100px; text-align: left; }
    .messageBox .messageDown .messIn_3{ width: 80px; font-size: 16px; margin: 0 10px 0 0; }
    .messageBox .messageDown .fillin{padding: 5px 0 10px 0; font-size: 12px; line-height: 14px; }
    .messageBox .messageDown .messIn_2{  height: 80px;  }
}
@media  screen and (max-width:348px){
    .messageBox .messageDown .messIn_3{ width: 65px;  margin: 0 5px 0 0; }
}


/*14关于我们-海外客户*/
.seaList{ padding: 10px 10px 10px 10px;}
.seaList ul{ float: left; width: 100%; min-height: 500px;}
.seaList ul li{ float:left; width: 33.3333%; padding: 0 10px;}
.seaList ul li a{ float: left; width: 100%; padding-top: 10px;}
.seaList ul li a .seaPic{ border: #dadada solid 1px; position: relative;}
.seaList ul li a .seaPic::after{ content: ''; position: absolute; width: 100%; height: 100%; left: -1px; top: -1px; border: #13a3ff solid 2px;
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    height: -webkit-calc(100% + 2px);
    height: calc(100% + 2px);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.seaList ul li a:hover .seaPic::after{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.seaList ul li a .seaPic .pic{}
.seaList ul li a h4{ float: left; width: 100%; color: #333333; font-size: 14px; line-height: 32px; text-align: center;}
.seaList ul li a:hover h4{ color: #13a3ff;}
@media  screen and (max-width:991px){
    .seaList ul{ min-height: 50px;}
}
@media  screen and (max-width:767px){
    .seaList{ padding: 5px 5px 10px 5px;}
    .seaList ul li{ width: 50%; padding: 0 7px;}
}


/*10关于我们-走进旭达*/
.about_block{ color: #2b2b2b; font-size: 16px; line-height: 28px;}
.about_block_1{ padding: 4.73% 5.89% 0 5.89%;}
.about_block_1 .border_1{ border-bottom: #2b2b2b solid 4px;}
.about_block_1 .border_1 .pad_1{ padding:0 0 22.96% 51.91%;}
.about_block_1 .border_1 .pad_1 .o_1{ border-bottom: #999999 solid 1px; padding: 10px 0 5px 0; color: #2b2b2b; font-size: 26px;  line-height: 1.3;}
.about_block_1 .border_1 .pad_1 .o_2{ padding: 3px 0 19px 0; color: #666666; font-size: 16px; line-height: 28px;}
.about_block_1 .border_1 .pad_1 .o_3{ color: #2b2b2b; font-size: 16px; line-height: 28px;}
@media  screen and (max-width:1199px){
    .about_block_1 .border_1 .pad_1 .o_1{ font-size: 21px; }
    .about_block_1 .border_1 .pad_1 .o_3{ font-size: 14px; }
}
@media  screen and (max-width:991px){
    .about_block_1{ padding: 4.73% 3.89% 0 3.89%;}
}
@media  screen and (max-width:767px){
    .about_block_1 .border_1 .pad_1{ padding:0 0 42.96% 0;}
    .about_block_1 .border_1 .pad_1 .o_1{ font-size: 17px; }
    .about_block_1 .border_1 .pad_1 .o_2{ padding: 3px 0 10px 0; font-size: 14px; line-height: 20px;}
}

.about_block_2{ padding: 7.1% 5.89% 5.62% 5.89%;}
.about_block_2 .t_1{ padding-bottom: 3.4%;}
.about_block_2 .t_1 .t_1_right{ float: right; width: 50.47%;}
.about_block_2 .t_1 .t_1_left{ float: left; width: 41.02%; padding-top: 2.87%;}
.about_block_2 .t_1 .t_1_left .stop_1{ color: #2b2b2b; font-size: 24px; line-height: 1.5; }
.about_block_2 .t_1 .t_1_left .stop_2{ padding:2% 0 2.91% 0; color: #13a3ff; font-size: 20px; line-height: 1.5;}
.about_block_2 .t_1 .t_1_left .stop_3{ color: #666666; font-size: 14px; text-transform: uppercase; line-height: 18px;}
.about_block_2 .t_2{ margin: 0 -14px;}
.about_block_2 .t_2 .t_2_ul{
     float: left; width: 100%;
    display: -webkit-flex; /*webkit*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.about_block_2 .t_2 .t_2_ul .t_li{ float:left; width: 33.3333%; padding: 29px 64px 0 64px; }
.about_block_2 .t_2 .t_2_ul .t_li .tliTit{ background-color: #13a3ff; color: #fff; font-size: 16px; line-height: 34px; padding-left: 28px;
    border-radius:17px;
    -webkit-border-radius:17px;
    -moz-border-radius:17px;
    -o-border-radius:17px;
}
.about_block_2 .t_2 .t_2_ul .t_li .tliDown{ padding-top: 9px;}
.about_block_2 .t_2 .t_2_ul .t_li .tliDown .tlidLi{ padding: 5px 12px; color: #666666; font-size: 14px; line-height: 23px;}
.about_block_2 .t_2 .t_2_ul .t_li .tliDown .tlidLi a{ float: left; width: 100%; padding-left:15px; position: relative; }
.about_block_2 .t_2 .t_2_ul .t_li .tliDown .tlidLi a::before{ content: ''; position: absolute; width: 4px; height: 4px; background-color: #ff7706; left: 0; top: 50%; margin-top: -2px;}
.about_block_2 .t_2 .t_2_ul .t_li .tliDown .tlidLi a:hover{ color: #ff7706;}
@media  screen and (max-width:1199px){
    .about_block_2 .t_1 .t_1_left .stop_1{ font-size: 21px; }
    .about_block_2 .t_2 .t_2_ul .t_li{ padding: 29px 32px 0 32px; }
    .about_block_2 .t_1 .t_1_left .stop_2{ font-size: 17px; }
}
@media  screen and (max-width:991px){
    .about_block_2{ padding: 7.1% 3.89% 5.62% 3.89%;}
}
@media  screen and (max-width:767px){
    .about_block_2 .t_1 .t_1_right{ float:left; width: 100%;}
    .about_block_2 .t_1 .t_1_left{ float: left; width: 100%; }
    .about_block_2 .t_1 .t_1_left .stop_1{ font-size: 17px; }
    .about_block_2 .t_1 .t_1_left .stop_2{ font-size: 14px; }
    .about_block_2 .t_1 .t_1_left .stop_3{ font-size: 12px; line-height: 14px;}
    .about_block_2 .t_2{ margin: 0 -5px;}
    .about_block_2 .t_2 .t_2_ul .t_li{ width: 49%; padding: 12px 5px 0 5px; }
    .about_block_2 .t_2 .t_2_ul .t_li .tliTit{ padding-left: 15px;}

}

.about_block_3{ padding:0 5.89% 6.69% 5.89%; }
.about_block_3 .border_3{ border-top: #2b2b2b solid 4px;}
.about_block_3 .border_3 .th_1{ padding: 6.93% 0 1.19% 0;}
.about_block_3 .border_3 .th_1 .th_1_left{ float: left; width: 51%; border: #dadada solid 1px;}
.about_block_3 .border_3 .th_1 .th_right{ float: right; width: 39.47%; padding-top: 3.58%;}
.about_block_3 .border_3 .th_1 .th_right .th_tit{ color: #2b2b2b; font-size: 24px; line-height: 1.5; text-align: right;}
.about_block_3 .border_3 .th_1 .th_right .th_tit .str{ color: #13a3ff;}
.about_block_3 .border_3 .th_1 .th_right .th_eng{ padding: 9px 0 0 0; color: #666666; font-size: 14px; line-height: 18px; text-transform: uppercase; text-align: right; font-family: Arial;}
.about_block_3 .border_3 .th_2{ margin: 0 -10px;}
.about_block_3 .border_3 .th_2 .th2_ul{ float: left; width: 100%;
    display: -webkit-flex; /*webkit*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.about_block_3 .border_3 .th_2 .th2_ul .th2_li{ float: left; width: 50%; padding: 30px 10px 0 10px;}
.about_block_3 .border_3 .th_2 .th2_ul .th2_li .threeBorder{ border: #d1d1d1 solid 1px; position: relative;}
.about_block_3 .border_3 .th_2 .th2_ul .th2_li .threeBorderTit{ position: absolute; width: 100%; left: 0; bottom: 0; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 16px; line-height: 40px; text-align: center; padding: 0 10px;}
@media  screen and (max-width:1199px){
    .about_block_3 .border_3 .th_1 .th_right .th_tit{ font-size: 21px; }
}
@media  screen and (max-width:991px){
    .about_block_3{ padding:0 3.89% 6.69% 3.89%; }
}
@media  screen and (max-width:767px){
    .about_block_3 .border_3 .th_1 .th_1_left{ width: 100%;}
    .about_block_3 .border_3 .th_1 .th_right{ float: left; width: 100%; }
    .about_block_3 .border_3 .th_1 .th_right .th_tit{ font-size: 17px; }
    .about_block_3 .border_3 .th_1 .th_right .th_eng{ font-size: 12px; line-height: 14px;}
    .about_block_3 .border_3 .th_2{ margin: 0 -5px;}
    .about_block_3 .border_3 .th_2 .th2_ul .th2_li{ padding: 15px 5px 0 5px;}
}



.about_block_4{ padding:0 5.89% 6.31% 5.89%; }
.about_block_4 .border_4{ border-top: #2b2b2b solid 4px;}
.about_block_4 .border_4 .four_top{ padding:6.22% 0 1.43% 0; border-bottom: #858585 solid 1px; color: #2b2b2b; font-size: 24px; line-height: 1.5; }
.about_block_4 .border_4 .four_top .str{ color: #13a3ff;}
.about_block_4 .border_4 .four_Down{ margin-top: 4.66%; border: #bdbdbd solid 1px; padding: 8px;}
@media  screen and (max-width:1199px){
    .about_block_4 .border_4 .four_top{ font-size: 21px; }

}
@media  screen and (max-width:991px){
    .about_block_4{ padding:0 3.89% 6.31% 3.89%; }
}
@media  screen and (max-width:767px){
    .about_block_4 .border_4 .four_top{ font-size: 17px; }
}

.about_block_5{ padding:0 5.89% 0 5.89%; }
.about_block_5 .border_5{ border-top: #2b2b2b solid 4px; padding: 7% 0;}
.about_block_5 .border_5 .five_right{ float: right; width:48.56%; border: #d1d1d1 solid 1px; line-height: 0; }
.about_block_5 .border_5 .five_left{ float: left; width:41%; padding-top: 6.4%; }
.about_block_5 .border_5 .five_left .fiveTit{ color: #333333; font-size: 26px; line-height: 1.5;}
.about_block_5 .border_5 .five_left .fiveDown{ padding-top: 5.24%; color: #333333; font-size: 20px; line-height: 1.5;}
.about_block_5 .border_5 .five_left .fiveDown .yellowStr{ color: #13a3ff;}
@media  screen and (max-width:1199px){
    .about_block_5 .border_5 .five_left .fiveTit{ font-size: 21px; }
    .about_block_5 .border_5 .five_left .fiveDown{ font-size: 17px; }

}
@media  screen and (max-width:991px){
    .about_block_5{ padding:0 3.89% 0 3.89%; }
}
@media  screen and (max-width:767px){
    .about_block_5 .border_5 .five_right{ float: left; width:100%; }
    .about_block_5 .border_5 .five_left{ width:100%; }
    .about_block_5 .border_5 .five_left .fiveTit{ font-size: 17px; }
    .about_block_5 .border_5 .five_left .fiveDown{ font-size: 14px; }
}

.about_block_6{ padding:0 5.89% 0 5.89%;}
.about_block_6 .border_6{border-top: #2b2b2b solid 4px; padding: 2.15% 0 7.17% 0;}
.about_block_6 .border_6 .six_li{ padding-top: 4.78%;}
.about_block_6 .border_6 .six_li .sicPic{ float: left; width: 54.78%; border: #bdbdbd solid 1px; line-height: 0; position: relative;}
.about_block_6 .border_6 .six_li .sicPic .sixTit{ position: absolute; left: 0; bottom: 12px; background-color: rgba(102,102,102,0.8); padding: 0 15px; color: #fff; font-size: 16px; line-height: 36px;}
.about_block_6 .border_6 .six_li .sicRight{ float: right; width: 41.2%; padding-top: 4.78%; text-align: right;}
.about_block_6 .border_6 .six_li .sicRight .sixTt{ color: #13a3ff; font-size: 26px; line-height: 1.5; }
.about_block_6 .border_6 .six_li .sicRight .sixBlack{ padding: 9px 0 13px 0; color: #2b2b2b; font-size: 20px; line-height: 1.5; }
.about_block_6 .border_6 .six_li .sicRight .sixEng{ color: #2b2b2b; font-size: 16px; text-transform: uppercase; line-height: 18px; }
.about_block_6 .border_6 .six_li.second .sicPic{ float: right; width: 48.32%;}
.about_block_6 .border_6 .six_li.second .sicPic .sixTit{ left: auto; right: 0; }
.about_block_6 .border_6 .six_li.second .sicRight{ float: left; text-align: left;}
.about_block_6 .border_6 .six_li.third .sicPic{ width: 59.3%;}
.about_block_6 .border_6 .six_li.third .sicRight{ width: 31.1%;}
@media  screen and (max-width:1199px){
    .about_block_6 .border_6 .six_li .sicRight .sixTt{ font-size: 21px; }
    .about_block_6 .border_6 .six_li .sicRight .sixBlack{ font-size: 17px; padding: 5px 0 10px 0; }
    .about_block_6 .border_6 .six_li .sicRight .sixEng{ font-size: 14px; }
}
@media  screen and (max-width:991px){
    .about_block_6{ padding:0 3.89% 0 3.89%;}
}
@media  screen and (max-width:767px){
    .about_block_6 .border_6 .six_li .sicPic{ width: 100%; }
    .about_block_6 .border_6 .six_li .sicPic .sixTit{ padding: 0 5px; font-size: 14px; line-height: 30px;}
    .about_block_6 .border_6 .six_li .sicRight{ float: left; width: 100%;}
    .about_block_6 .border_6 .six_li .sicRight .sixTt{ font-size: 17px; }
    .about_block_6 .border_6 .six_li .sicRight .sixBlack{ font-size: 14px; }
    .about_block_6 .border_6 .six_li .sicRight .sixEng{ font-size: 12px; line-height: 14px; }
    .about_block_6 .border_6 .six_li.second .sicPic{ float: left; width: 100%;}
    .about_block_6 .border_6 .six_li.third .sicPic{ width: 100%;}
    .about_block_6 .border_6 .six_li.third .sicRight{ width: 100%;}
}

.about_block_7{ padding:0 5.89% 0 5.89%;}
.about_block_7 .border_7{border-top: #2b2b2b solid 4px; padding: 6.45% 0 7.17% 0; }
.about_block_7 .border_7 .sevenTit{ color: #13a3ff; font-size: 26px; line-height: 1.4;}
.about_block_7 .border_7 .sevenBlack{ padding: 8px 0 18px 0; color: #333333; font-size: 20px; line-height: 1.5;}
.about_block_7 .border_7 .sevenText{ color: #333333; font-size: 16px; line-height: 36px;}
.about_block_7 .border_7 .sevenPic{ border: #bdbdbd solid 1px; padding: 10px; margin-top: 2.39%;}
@media  screen and (max-width:1199px){
    .about_block_7 .border_7 .sevenTit{ font-size: 21px; }
    .about_block_7 .border_7 .sevenBlack{ font-size: 17px; }
    .about_block_7 .border_7 .sevenText{  line-height: 30px;}
}
@media  screen and (max-width:991px){
    .about_block_7{ padding:0 3.89% 0 3.89%;}
}
@media  screen and (max-width:767px){
    .about_block_7 .border_7 .sevenTit{ font-size: 17px; }
    .about_block_7 .border_7 .sevenBlack{ font-size: 14px;  padding: 5px 0 10px 0; }
    .about_block_7 .border_7 .sevenText{ font-size: 13px; line-height: 24px;}
}

.about_block_8{ padding:0 5.89% 6.1% 5.89%; }
.about_block_8 .border_8{border-top: #2b2b2b solid 4px; border-bottom: #2b2b2b solid 4px; padding:6.93% 0; }
.about_block_8 .eightLeft{ float: left; width:78.1%; line-height: 0; }
.about_block_8 .eightRight{ float: left; width: 38.75%; margin-left: -17.35%; text-align: right;}
.about_block_8 .eightRight .eightTit{ color: #13a3ff; font-size: 26px; line-height: 1.4; font-weight: bold;}
.about_block_8 .eightRight .eightBlack{ color: #333333; font-size: 20px; line-height: 1.5; padding: 9px 0 12px 0;}
.about_block_8 .eightRight .eightYellow{ color: #13a3ff; font-size: 18px; line-height: 1.22;}
@media  screen and (max-width:1199px){
    .about_block_8 .eightRight .eightTit{ font-size: 21px; }
    .about_block_8 .eightRight .eightBlack{ font-size: 17px; }
    .about_block_8 .eightRight .eightYellow{ font-size: 16px;}
}
@media  screen and (max-width:991px){
    .about_block_8{ padding:0 3.89% 6.1% 3.89%; }
}
@media  screen and (max-width:767px){
    .about_block_8 .eightLeft{ width:100%; }
    .about_block_8 .eightRight{ width: 100%; margin-left: 0; padding-top: 3.5%; }
    .about_block_8 .eightRight .eightTit{ font-size: 17px; }
    .about_block_8 .eightRight .eightBlack{ font-size: 14px; padding: 5px 0 10px 0; }
    .about_block_8 .eightRight .eightYellow{ font-size: 13px;}
}



/*1产品中心-详情*/
.wedo{ padding: 2.56% 0 3.41% 0;}
.wedo .doPic{ float: left; width: 47.52%; line-height: 0; overflow: hidden;}
.wedo .doPic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.wedo .doPic:hover img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.wedo .doRight{ float: right; width: 50.08%;}
.wedo .doRight .weTitle{ color: #ff7706; font-size: 18px; font-weight: bold; line-height: 1; padding-bottom: 3.07%; border-bottom: #d9d9d9 solid 1px;}
.wedo .doRight .weText{ padding: 2.04% 0 3.41% 0; color: #4c4c4c; font-size: 14px; line-height: 28px;}
.wedo .doRight .weOrder{ color: #ff7706; font-size: 20px; font-weight: bold; line-height: 28px;}
.wedo .doRight .weOrder span{ color: #4c4c4c; font-size: 14px;}
.wedo .doRight .weOrder p{display:inline-block;}
.wedo .doRight .weBtn{ padding: 3.41% 0 4.26% 0;}
.wedo .doRight .weBtn .bn{ float: left; width: 157px; background-color: #ff7706; color: #ffffff; font-size: 18px; line-height: 50px; margin-right: 20px; text-align: center;}
.wedo .doRight .weBtn .bn:hover{ background-color: #e56b05;}
.wedo .doRight .weBtn .bn.two{ background-color: #5fb8f0;}
.wedo .doRight .weBtn .bn:hover.two{ background-color: #55a5d8;}
.wedo .doRight .weBtn .share{ float: right; padding-top: 7px;}
.wedo .doRight .weTj{ color: #333333; font-size: 18px; font-weight: bold; line-height: 28px;}
.wedo .doRight .weTjList{ margin: 0 -11px;}
.wedo .doRight .weTjList ul{ float: left; width: 100%;}
.wedo .doRight .weTjList ul li{ float: left; width: 25%; padding: 14px 11px 0 11px;}
.wedo .doRight .weTjList ul li .borderBox{ float: left; width: 100%; border: #d6d6d6 solid 1px;}

@media  screen and (max-width:1199px){
    .wedo .doRight .weBtn .bn{ width: 120px; font-size: 14px; line-height: 40px; margin-right: 10px; }
    .wedo .doRight .weBtn .share{ padding-top: 2px;}
}
@media  screen and (max-width:991px){
    .wedo .doPic{ width: 60%; margin-left: 20%;}
    .wedo .doRight{ float: left; width: 100%; padding-top: 3.5%;}
}
@media  screen and (max-width:767px){
    .wedo .doPic{ width: 100%; margin-left: 0;}
    .wedo .doRight .weBtn .bn{ width: 80px;  line-height: 36px;  }
    .wedo .doRight .weBtn .share{ display: none;}
    .wedo .doRight .weTj{ font-size: 16px; }
    .wedo .doRight .weTjList{ margin: 0 -5px;}
    .wedo .doRight .weTjList ul li{  padding: 10px 5px 0 5px;}
}
.wedo .doRight .weTjList ul li .tjPic{ overflow: hidden;}
.wedo .doRight .weTjList ul li .tjPic .img5{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.wedo .doRight .weTjList ul li:hover .tjPic .img5{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.wedo .doRight .weTjList ul li .tjt{ padding-top: 10px; color: #2b2b2b; font-size: 14px; line-height: 1; text-align: center;}



.weStyle{}
.weStyleTitle{ background-color:#f4f4f4; border: #ebebeb solid 1px; height: 46px; }
.weStyleTitle .titLeft{ float: left; width: 120px; background-color: #ff7706; height: 46px; margin: -1px 0 0 -1px; color: #fff; font-size: 14px; line-height: 46px; text-align: center;}
.weStyleDown{ padding: 2.56% 0 10px 0; }
.weStyleDown .weStyleLi{ padding-bottom: 20px;}
.weStyleDown .weStyleLi .styleTop{}
.weStyleDown .weStyleLi .styleTop .styleB{ float: left; width: 22px; height: 22px; line-height: 0;}
.weStyleDown .weStyleLi .styleTop .styleR{ padding-left: 35px; color: #ff7706; font-size: 16px; line-height: 22px;}
.weStyleDown .weStyleLi .styleDown{ padding-top: 13px; color: #333333; font-size: 14px; line-height: 30px;}
@media  screen and (max-width:767px){
    .weStyleTitle{ height: 38px; }
    .weStyleTitle .titLeft{ width: 100px; height: 38px;  font-size: 14px; line-height: 38px; }
    .weStyleDown{ padding: 3.56% 0 10px 0; }
    .weStyleDown .weStyleLi{ padding-bottom: 10px;}
    .weStyleDown .weStyleLi .styleDown{ padding-top: 8px;  line-height: 26px;}
}


.vtable{}
.vtable td{ border: #e5e5e5 solid 1px;}
.vtable .td_1{ width: 28.2%;}
.vtable .td_2{ width: 31.62%;}
.vtable .td_3{ width: 18.63%;}
.vtable .tdTitle{ background-color: #aaaaaa; color: #fff; text-align: center; line-height: 50px; font-size: 16px;}

.vtable .tdCell{ color: #333333; text-align: center;  font-size: 14px; padding: 10px 0; line-height: 28px;}
.vtable .tdDouble{ background-color: #f5f5f5;}
.vtable .td_5{ width: 30%;}
.vtable .tdno{ height: 5px; line-height: 0; padding: 0;}
@media  screen and (max-width:767px){
    .vtable .tdTitle{ line-height: 20px; font-size: 14px;}
    .vtable .tdCell{ padding: 8px 0; line-height: 20px;}
    .vtable .td_5{ width: 46%;}
    .vtable .tdno{ height: 5px; line-height: 0; padding: 0;}
}

.weStylePage{ border-top: #e6e6e6 solid 1px; padding:1.28% 0; }
.weStylePage a{ float: left; width: 50%; color: #666666; font-size: 12px; line-height: 21px; padding-right: 5px;}
.weStylePage a.right{ text-align: right; padding-left: 5px;}
.weStylePage a:hover{ color: #0088cc;}


.messageBox_2{ border: #e6e6e6 solid 1px; margin: 1.79% 0 3.41% 0; }
.messageBox_2 .messageTop{ border-bottom: #e5e5e5 solid 1px; padding: 10px 2.1% 10px 2.1%;  line-height: 35px;}
.messageBox_2 .messageTop .please{ float: left; color: #2b2b2b; font-size: 16px;}
.messageBox_2 .messageTop .showStar{ float: right; color: #2b2b2b; font-size: 14px;}
.messageBox_2 .messageTop .showStar span{ color: #ff7706;}
.messageBox_2 .messageDown{ padding: 2.1% 18.97% 4.21% 0;}
.messageBox_2 .messageDown .messLine{ padding-top: 20px;}
.messageBox_2 .messageDown .messLeft{ float: left; width: 108px; color: #666666; font-size: 16px; line-height: 40px; text-align: right;}
.messageBox_2 .messageDown .messLeft span{ color: #ff7706;}
.messageBox_2 .messageDown .messInput{ padding: 0 378px 0 126px;}
.messageBox_2 .messageDown .messIn_1{ float: left; width: 100%; height: 40px; border: #dadada solid 1px; padding: 0 10px; color: #333; font-size: 14px;
    -webkit-appearance:none;
    outline: 0;
}
.messageBox_2 .messageDown .messRight{ float: right; width: 356px; padding:12px 0 ; color: #666666; font-size: 16px; line-height: 1; }
.messageBox_2 .messageDown .messRight .img{ float: left; width: 110px; height: 40px; border: #dadada solid 1px; margin-top: -12px;}
.messageBox_2 .messageDown .messLine_2{ padding-top: 20px; padding-right: 118px;}
.messageBox_2 .messageDown .messInput_2{ padding: 0 0 0 126px;}
.messageBox_2 .messageDown .messIn_2{ float: left; width: 100%; height: 132px; border: #dadada solid 1px; padding: 10px 10px; color: #333; font-size: 14px; line-height: 20px;
    -webkit-appearance:none;
    outline: 0;
}
.messageBox_2 .messageDown .fillin{padding: 15px 0 16px 0; color: #666666; font-size: 16px; line-height: 24px; float: left; width: 100%;}
.messageBox_2 .messageDown .messInput_3{ padding: 0 0 0 126px; text-align: center;}
.messageBox_2 .messageDown .messIn_3{ display: inline-block; vertical-align: top; width: 112px; height: 36px; background-color: #ff7706; border: 0; color: #fff; font-size: 18px; line-height: 36px; text-align: center; margin: 0 10px;
    -webkit-appearance:none;
    outline: 0;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
}
.messageBox_2 .messageDown .messIn_3:hover,
.messageBox_2 .messageDown .messIn_3:focus{ background-color: #e56b05;}
@media  screen and (max-width:991px){
    .messageBox_2 .messageDown{ padding: 2.1% 0 4.21% 0;}
}
@media  screen and (max-width:767px){
    .messageBox_2 .messageTop{ padding: 0 2.1% 0 2.1%; }
    .messageBox_2 .messageTop .please{ font-size: 14px;}
    .messageBox_2 .messageTop .showStar{ font-size: 12px;}
    .messageBox_2 .messageDown{ padding: 2.1% 0 5.21% 0;}
    .messageBox_2 .messageDown .messLine{ padding-top: 13px;}
    .messageBox_2 .messageDown .messLeft{ width: 90px; font-size: 14px; line-height: 36px; }
    .messageBox_2 .messageDown .messInput{ padding: 0 20px 0 100px;}
    .messageBox_2 .messageDown .messIn_1{ height: 36px; }
    .messageBox_2 .messageDown .messRight{ width: 100%; padding:5px 0 0 100px; font-size: 12px; }
    .messageBox_2 .messageDown .messLine_2{ padding-top: 13px; padding-right: 20px;}
    .messageBox_2 .messageDown .messInput_2{ padding: 0 0 0 100px;}
    .messageBox_2 .messageDown .messInput_3{ padding: 0 0 0 100px; text-align: left; }
    .messageBox_2 .messageDown .messIn_3{ width: 80px; font-size: 16px; margin: 0 10px 0 0; }
    .messageBox_2 .messageDown .fillin{padding: 5px 0 10px 0; font-size: 12px; line-height: 14px; }
    .messageBox_2 .messageDown .messIn_2{  height: 80px;  }
    .messageBox_2 .messageDown .messRight .img{ float: right; width: 90px; height: 36px; margin-top: -41px; margin-right: 20px;}
}
@media  screen and (max-width:348px){
    .messageBox_2 .messageDown .messIn_3{ width: 65px;  margin: 0 5px 0 0; }
}




    /*分页*/
.waik_1{ padding:2.56% 0; text-align:center;}
.pz_fy{ text-align: center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { display: inline-block; height:30px; line-height:30px; border: #dadada solid 1px; color:#464646; font-size:12px; text-decoration:none; margin:0 2px; padding: 0 11px; text-align: center; font-family:'宋体'}
.pz_fy a:hover,
.pz_fy a.on{ color: #fff; background-color:#13a3ff; border-color: #13a3ff; text-decoration:none;}/*鼠标经过和默认当前页样式*/
.pz_fy a.no{ color: #888888;}
.pz_fy a.no:hover{ color: #888888; background-color:#fff; border-color: #dadada;}
.pz_fy select{ display: inline-block; vertical-align: top; width: 42px; height: 30px; border: #dadada solid 1px; color:#464646; outline: 0;}

.pz_fy .gong{ display: inline-block; vertical-align: top; width: 102px; height: 30px; text-align: center; border: #dadada solid 1px; color:#888; font-size:12px; line-height: 28px;}
.pz_fy .gong i{ font-style: normal; color: #464646;}



.fy_phone{ display:none;}
@media  screen and (max-width:991px){
    .waik_1{ padding: 8% 0; }
    .fy_phone{ display:block; font-family:'Arial';}
    .fy_phone{ text-align:center; font-size:14px; color:#333;}
    .fy_phone a{ display:inline-block; width:100px; height:30px; line-height:29px; border:solid 1px #13a3ff; color:#13a3ff;
        -webkit-border-radius:15px;
        -moz-border-radius:15px;
        border-radius:15px; }
    .fy_phone span{ display:inline-block; padding:0 10%; height:30px; line-height:30px; color:#333;}
}




.special{}
.special .owl-dots{ width: 100%; margin-top: 4%; text-align: center; line-height: 0;}
.special .owl-dots .owl-dot{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; border:#13a3ff solid 1px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.special .owl-dots .owl-dot.active{ background: #13a3ff;}
@media screen and (max-width:767px){
    .special .owl-dots .owl-dot{  width: 10px; height: 10px; margin: 0 5px; }
}



/*




text-overflow:ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

*/



.sitemap{ width:100%;float:left;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#13a3ff;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}


.elli{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}