@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, contactBox, 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;}
contactBox,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: fixed; width:100%; height:130px; left:0; top:0; z-index:1010; background-color: #fff; border-bottom: #dddddd solid 1px;
    -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: 92px; padding: 0;*/
/*-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3);*/
/*-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3);*/
/*-o-box-shadow: 0 2px 6px rgba(0,0,0,0.3);*/
/*box-shadow: 0 2px 6px rgba(0,0,0,0.3);*/
/*}*/
.top1 .headTop{ height: 85px; overflow: hidden; background-color: #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 .headTop{ height: 0;}*/
.top1 .english{ float: right; padding-right: 15px; color: #383838; font-size: 12px; line-height: 28px;}
.top1 .english a{color: #383838;}
.top1 .english a:hover{ color: #0872b9;}



.top1 .logo{ float: left; width: 190px; height: 43px; margin: 18px 0 0 6px; overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top1 .tel{ float: left; margin: 29px 0 0 48px; /*width: 260px;*/ color: #264e82; font-size: 30px; line-height: 31px; font-weight: bold; }
.top1 .tel .b{ float: left; width: 31px; height: 31px; line-height: 0; margin-right: 8px; }
@media screen and (max-width:1199px){
    .top1{ display:none;}
    .pz_banner{ margin-top:68px ;  }
}


.top1 .headDown{ height: 45px; background-color: #264e82; }


.top1 .search{ float: right; width: 229px; height: 35px; margin-top: 29px; position: relative;}
.top1 .search input{ float: left; width: 229px; height: 35px; border: #e5e5e5 solid 1px; padding: 0 30px 0 15px; color: #333; font-size: 14px;
    -webkit-appearance:none;
    outline: 0;
    border-radius: 0;
}
.top1 .search input:focus{ border-color: #000;}
.inco1 ::-webkit-input-placeholder { color:#bebebe !important;}
.inco1 :-moz-placeholder {  color:#bebebe !important;}
.inco1 ::-moz-placeholder {  color:#bebebe !important;}
.inco1 :-ms-input-placeholder { color:#bebebe !important; }
.top1 .search .imbtn{ position: absolute; width: 33px; height: 33px; right: 0; top: 0; border: 0; background: 0;
    -webkit-appearance:none;
    outline: 0;
    border-radius: 0;
}
.top1 .beauty{ float: right; width: 340px; height: 64px; margin: 9px 80px 0 0; line-height: 0;}


.menuBox{
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}



.menu{ float: left; }
.menu ul{ float:left; }
.menu ul .nli{ float: left; padding: 0 15px; margin: 0 19px; position: relative; }
.menu ul .nli span a{ float:left; height: 45px; color:#fff; font-size: 16px; line-height: 45px; position: relative; }
.menu ul .nli span a em{ float: left; font-style: normal;}
.menu ul .nli span a b{ float: left; width: 12px; height: 6px; line-height: 0; margin: 20px 0 0 11px;}
/*.menu ul .nli span a::before{ display: none; content: ''; position: absolute; width: 32px; height: 2px; left: 50%; margin-left: -16px; bottom: 22px; background-color: #264e82; }*/
/*.menu ul .nli.active span a::before{ display: block;}*/
.menu ul .nli span a[data-n="1"]::before{ margin-left: -27px;}
.menu ul .nli span a[data-n="2"]::before{ margin-left: -27px;}
.menu ul .nli span a[data-n="3"]::before{ margin-left: -27px;}


.menu .sub{ display: none; position: absolute; min-width: 340px; left:0; top: 100%; background: rgba(238,238,238,0.8);
    -webkit-box-shadow: 0 0 6px rgba(149,149,149,0.8);
    -moz-box-shadow: 0 0 6px rgba(149,149,149,0.8);
    -o-box-shadow: 0 0 6px rgba(149,149,149,0.8);
    box-shadow: 0 0 6px rgba(149,149,149,0.8);
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
}
.menu .sub[data-m="2"]{min-width: 700px;}
.menu .sub[data-m="3"]{min-width: 450px;}
.menu .sub[data-m="4"]{min-width: 450px;}
.menu .sub[data-m="7"]{min-width: 600px; left: auto; right: 0;}
.menu .sub[data-m="8"]{min-width: 600px; left: auto; right: 0;}
.menu .sub .sul{ float: left; width: 100%;}
.menu .sub .sul .sli{ float: left; padding: 14px 15px 14px 15px;}
.menu .sub .sul .sli a{ color: #303030; font-size: 16px; line-height: 30px;}
.menu .sub .sul .sli.active a,
.menu .sub .sul .sli:hover a{ color: #264e82;}
.menu .sub .sul .sli i{ float: left; width: 30px; height: 30px; line-height: 0; margin-right: 12px;}
.menu .sub .sul .sli i .imgs{}
.menu .sub .sul .sli i .imgd{ display: none;}
.menu .sub .sul .sli.active i .imgs,
.menu .sub .sul .sli:hover i .imgs{ display: none;}
.menu .sub .sul .sli.active i .imgd,
.menu .sub .sul .sli:hover i .imgd{ display: block;}
.menu .sub .sul .sli .sspan{ float: left;}
.menu .subThree{ float: left; width: 100%;  position: relative; overflow: hidden; }
.menu .subThree::before{ content: ''; position: absolute; width: 100%; height: 1px; left: 0; top: 0; background-color: #c9c9c9;}
.menu .subThree .dlBox{ display: none; float: left; width: 100%;}
.menu .subThree dl{ float: left; width: 100%; padding: 0 10px;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: nowrap
}
.menu .subThree dl dd{ float: left; padding: 14px 15px 14px 15px;  }
.menu .subThree dl dd a{ float: left; width: 100%; color: #000000; font-size: 16px; line-height: 37px;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: nowrap
}
.menu .subThree dl dd a i{ float: left; width: 37px; height: 37px; line-height: 0; margin-right: 14px;}
.menu .subThree dl dd a .dt{ float: left; white-space: nowrap;}
@media screen and (max-width:1574px){
    .menu ul .nli{ padding: 0 10px; margin: 0 5px; }
    .menu .sub[data-m="1"]{min-width: 340px;}
    .menu .sub[data-m="3"]{min-width: 340px;}
}




/*phone版头部*/
.top2{ display:none; position: absolute; left: 0; top: 0; z-index: 2000; float: left; width:100%; height:60px; background-color: #fff; }
.top2.active{ }
.top2 .logo{ float:left; width:149px; height:35px; margin-top: 12px;}
@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: #003692;
}
.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: #003692;
}
.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; background: 0; border: 0; outline: 0; -webkit-appearance: none;}
.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;
}

.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%; margin-top: 130px; 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.active{ margin-top: 78px;}
.pz_banner.home{ min-height: 500px;}
@media screen and (max-width:1199px){
    .pz_banner{ margin-top: 60px; }
    .pz_banner.home{min-height: 456px;}
    .pz_banner.active{ margin-top: 60px;}
}
@media screen and (max-width:991px){
    .pz_banner.home{ min-height: 360px;}
}
@media screen and (max-width:767px){
    .pz_banner.home{min-height: 150px;}
}
.pz_main{ float:left; width:100%; background: #fff; }
.pz_down{ float:left; width:100%; background-color: #343434;  }


/*banner*/
.bannerBox{ line-height: 0; }
.bannerBox .owl-dots{ position: absolute; width: 100%; left: 0;  bottom: 30px; margin-top: 0; z-index: 10; text-align: center; line-height: 0;}
.bannerBox .owl-dot{ display: inline-block; width: 41px; height: 5px; margin: 0 9px; vertical-align: top; background-color: rgba(245,245,245,0.5); }
.bannerBox .owl-dot.active{  background-color: #f5f5f5;}
@media screen and (max-width:991px){
    .bannerBox .owl-dots{ bottom: 20px;}
}
@media screen and (max-width:767px){
    .bannerBox .owl-dots{ bottom: 10px;}
    .bannerBox .owl-dot{ width: 25px; height: 3px; margin: 0 4px;}
}


/*main*/
.aboutTitleBox{ padding: 7.5% 0 3.23% 0;}
.homeAboutTitle{}
.homeAboutTitle .aboutTop{ text-align: center; line-height: 0; overflow: hidden;}
.homeAboutTitle .aboutTop h2{ display: inline-block; vertical-align: top; padding: 0 24px; position: relative; color: #264e82; font-size: 32px; line-height: 44px; font-weight: bold; }
.homeAboutTitle .aboutTop h2 span{ color: #414245; font-size: 30px; text-transform: uppercase; margin-left: 15px; font-weight: normal;}
.homeAboutTitle .aboutTop h2::before{content: ''; position: absolute; width: 92px; height: 1px; background-color: #b7b7b7; right: 100%; top: 50%;}
.homeAboutTitle .aboutTop h2::after{content: ''; position: absolute; width: 92px; height: 1px; background-color: #b7b7b7; left: 100%; top: 50%;}
.homeAboutTitle .aboutDown{ padding-top: 0.45%; text-align: center; color: #000; font-size: 16px; line-height: 1.5;}
@media screen and (max-width:1199px){
    .homeAboutTitle .aboutTop h2{  padding: 0 20px; font-size: 24px; line-height: 30px;}
    .homeAboutTitle .aboutTop h2 span{ font-size: 23px; }
    .homeAboutTitle .aboutTop h2::before{ width: 69px;}
    .homeAboutTitle .aboutTop h2::after{ width: 69px; }
    .homeAboutTitle .aboutDown{ font-size: 14px; }
}
@media screen and (max-width:767px){
    .homeAboutTitle .aboutTop h2{  padding: 0 10px; font-size: 21px; line-height: 24px;}
    .homeAboutTitle .aboutTop h2 span{ font-size: 20px; display: none; }
    .homeAboutTitle .aboutTop h2::before{ width: 40px;}
    .homeAboutTitle .aboutTop h2::after{ width: 40px; }
    .homeAboutTitle .aboutDown{ font-size: 13px; line-height: 1.2; padding-top: 1.1%;}
}

.homeAboutBack{ }
.homeAboutDown{}
.homeAboutLeft{ float: left; width:48.54%; padding:2.84% 0 2.84% 0; }
.projectTitle{ color: #264e82; font-size: 26px; line-height: 1.53; text-transform: uppercase;}
.projectTitle span{ color: #414245;}
.projectTitle .dt{ margin-left: 10px; font-style: normal;}
@media screen and (max-width:1199px){
    .projectTitle{ font-size: 20px; }
}
@media screen and (max-width:991px){
    .homeAboutLeft{ width:100%; padding: 4% 0; }
}
@media screen and (max-width:767px){
    .projectTitle{ font-size: 17px; }
    .projectTitle span{ display: none; }
    .projectTitle .dt{ margin-left: 0; }
}

.qzmyIs{ height: 378px; overflow: hidden; margin-top: 15px; color: #1d2b36; font-size: 14px; line-height: 20px;}
.qzmyIs .isPic{ float: left; width: 400px; height: 254px; overflow: hidden; line-height: 0; margin:0 5.33% 0 0;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}
.qzmyIs .isBold{  color: #2b4c7f; font-size: 16px; font-weight: bold; margin: 9px 0;}
.qzmyIs .isBold_2{  color: #2b4c7f; font-size: 16px; font-weight: bold; margin: 61px 0 9px 0;}
@media screen and (max-width:1574px){
    .qzmyIs{ line-height: 24px;}
    .qzmyIs .isPic{ width: 303px; height: 193px; }
    .qzmyIs .isBold_2{ margin: 20px 0 9px 0;}
}
@media screen and (max-width:1199px){
    .qzmyIs{ height: 297px; line-height: 20px;}
    .qzmyIs .isPic{ width: 250px; height: 160px; }
    .qzmyIs .isBold_2{ margin: 9px 0 9px 0;}
}
@media screen and (max-width:991px){
    .qzmyIs{ height: auto; }
}
@media screen and (max-width:767px){
    .qzmyIs .isPic{ width: 130px; height: auto; margin:0 5.33% 3% 0; }
    .qzmyIs .isBold{ font-size: 14px; }
    .qzmyIs .isBold_2{ font-size: 14px; }
}



.projectList{ margin-top: 15px;}
.projectList ul li{ margin-top: 15px;}
.projectList ul li .projectPic{ float: left; width:158px; height: 116px; overflow: hidden; line-height: 0;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}
.projectList ul li .projectPic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.projectList ul li:hover .projectPic 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);
}
.projectList ul li .projectRight{ padding-left:175px; }
.projectList ul li .projectRight h3{ float: left; width: 100%; color: #264e82; font-size: 16px; font-weight: bold; line-height: 22px; padding: 6px 0 9px 0;}
.projectList ul li .projectRight p{ float: left; width: 100%; height: 44px; color: #373737; font-size: 14px; line-height: 22px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.projectList ul li .projectRight .time{ float: left; width: 100%; padding-top: 15px; color: #505050; font-size: 14px; line-height: 18px;}
@media screen and (max-width:1199px){
    .projectList ul li .projectPic{ width:119px; height: 87px; }
    .projectList ul li .projectRight{ padding-left:140px; }
    .projectList ul li .projectRight h3{ font-size: 15px; line-height: 22px; padding: 0 0 6px 0;}
    .projectList ul li .projectRight p{ height: 40px; line-height: 20px; }
    .projectList ul li .projectRight .time{ float: left; width: 100%; padding-top: 6px;  font-size: 12px; line-height: 15px;}
}
@media screen and (max-width:767px){
    .projectList ul li .projectRight{ padding-left:130px; }
    .projectList ul li .projectRight h3{ font-size: 14px;}
    .projectList ul li .projectRight p{ height: 38px; line-height: 18px; }
}

.homeNewList{ float: right; width:45.95%; padding: 2.84% 1.74% 2.84% 0; }
@media screen and (max-width:991px){
    .homeNewList{ width:100%; padding: 4% 0 4% 0; }
}


/*homeService*/
.CasesBack{ background-color: #f7f7f7;}
.serviceTitleBox{ padding: 6.99% 0 6.21% 0;}
.homeServiceDown{ padding: 0 0 5% 0;}
.slideOut{ position: relative;}
.slide{
    width: 100%;
    min-height: 100px;
    overflow: hidden;
    position: relative;

}
.slide .img{
    /*overflow: hidden;*/
    position: absolute;
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
    background: #fff;
}
.slide .img img{
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.5);
    -o-box-shadow: 0 2px 10px rgba(0,0,0,0.5);
    box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.slide .img h4{ display: none; position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; color: #000000; font-size: 20px; line-height: 1;}
.slide .img1{
    width: 0;
    height: 0;
    top: 20%;
    left: -110%;
    z-index: 1;
}
.slide .img2{
    width: 38.31%;
    height: 89.77%;
    top: 5.115%;
    left: 10.35%;
    z-index: 2;
    opacity: 0.7;
    background: #fff;
}
.slide .img3{
    width: 42.7184%;
    height: 100%;
    top: 0;
    left: 28.6408%;
    z-index: 3;
}
.slide .img.img3 h4{ display: block;}
.slide .img4{
    width: 38.31%;
    height: 89.77%;
    top: 5.115%;
    left: 51.34%;
    z-index: 2;
    opacity: 0.7;
    background: #fff;
}
.slide .img5{
    width: 0;
    height: 0;
    top: 20%;
    left: 120%;
    z-index: 1;
}
.slide-bt{
    position: absolute;
    left: 50%;
    bottom: 13%;
    z-index: 10;
    display: none;
}
.slide-bt span{
    width: 24px;
    height: 8px;
    background: #c9caca;
    float: left;
    margin: 5px;
    border-radius: 4px;
}
.slide .slide-bt .on{
    background: #ffd200;
}
.butLeft{ position: absolute; left: 15px; top: 33.69%; width:44px; height: 80px; background: url("images/main10.png") no-repeat; background-size: cover; outline: 0; z-index: 20; border: 0; }
.butLeft:hover{background: url("images/main10_h.png") no-repeat; background-size: cover; }
.butRight{position: absolute; right: 15px; top: 33.69%;  width:44px; height: 80px; background: url("images/main11.png") no-repeat; background-size: cover; outline: 0; z-index: 20;  border: 0;}
.butRight:hover{background: url("images/main11_h.png") no-repeat; background-size: cover;}
@media screen and (max-width:1199px){
    .butLeft{ width: 32px; height: 58px; top:50%; margin-top: -29px; }
    .butRight{ width: 32px; height: 58px; top:50%; margin-top: -29px; }
    .slide .img h4{ font-size: 15px; bottom: 12px; }
    .slide .img2{
        top: 11.375%;
        left: 0;
    }
    .slide .img3{
        width: 49.644%;;
        left: 25.178%;
    }
    .slide .img4{
        top: 11.375%;
        left: 61.69%;
    }
}
@media screen and (max-width:767px){
    .slide .img h4{ font-size: 13px;  }
    .slide .img2{
        opacity: 1;
    }
    .slide .img4{
        opacity: 1;
    }
    .slide .img img{
        -webkit-box-shadow: 0 2px 0 #fff;
        -moz-box-shadow: 0 2px 0 #fff;
        -o-box-shadow: 0 2px 0 #fff;
        box-shadow: 0 2px 0 #fff;
    }
    .butLeft{ width: 20px; height: 36px; margin-top: -18px; background-size: cover;}
    .butLeft:hover{ background-size: cover;}
    .butRight{ width: 20px; height: 36px; margin-top: -18px; background-size: cover;}
    .butRight:hover{ background-size: cover;}
}

/*homeSys*/
.homeSysBack{ background-color: #fff;}
.homeSysDown{ padding: 0 106px 0 106px; margin-top: 8.09%;}
.homeSysDown ul{ float: left; width: 100%;}
.homeSysDown ul li{ padding: 0 28px;}
.homeSysDown ul li .sysPic{ overflow: hidden; line-height: 0; }
.homeSysDown ul li .sysPic 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;
}
.homeSysDown ul li:hover .sysPic 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);
}
.homeSysDown .owl-prev{ position: absolute; left: -106px; top: 33.69%; width:44px; height: 80px; background: url("images/main10.png") no-repeat; background-size: cover; outline: 0; z-index: 20; border: 0; text-indent: -100px; overflow: hidden; }
.homeSysDown .owl-prev:hover{background: url("images/main10_h.png") no-repeat; background-size: cover; }
.homeSysDown .owl-next{position: absolute; right: -106px; top: 33.69%;  width:44px; height: 80px; background: url("images/main11.png") no-repeat; background-size: cover; outline: 0; z-index: 20;  border: 0; text-indent: -100px; overflow: hidden;}
.homeSysDown .owl-next:hover{background: url("images/main11_h.png") no-repeat; background-size: cover;}
@media screen and (max-width:1574px){
    .homeSysDown ul li{ padding: 0 15px;}
}
@media screen and (max-width:1199px){
    .homeSysDown{ padding: 0; }
    .homeSysDown .owl-prev{ width: 32px; height: 58px; top:50%; margin-top: -49px; left: 0; }
    .homeSysDown .owl-next{ width: 32px; height: 58px; top:50%; margin-top: -49px; right: 0; }
}
@media screen and (max-width:767px){
    .homeSysDown ul li{ padding: 0 7px;}
}







/*homeFlow*/
.homeFlowBack{ background-color: #f7f7f7;}
.homeFlowBox{ padding: 6.16% 0;}
.homeFlowList{ margin:5.76% -10px 0 -10px; }
.homeFlowList ul{ float: left; width: 100%;}
.homeFlowList ul li{ padding: 0 10px; cursor: pointer; }
.homeFlowList ul li .flowIcon{ float: left; width: 100%; line-height: 0; position: relative; text-align: center;}
.homeFlowList ul li .flowIcon .aft{ position: absolute; width: 29px; height: 29px; right: -29px; top: 50%; margin-top: -14px; background: url("images/main23.png") no-repeat; background-size: cover;}
.homeFlowList ul li:hover .flowIcon .aft{background: url("images/main23_h.png") no-repeat; background-size: cover;}
.homeFlowList ul .owl-item:last-child li .flowIcon .aft{ display: none;}
.homeFlowList ul li .flowIcon .icon{ display: inline-block; vertical-align: top; width: 58px; height: 58px; line-height: 0;}
.homeFlowList ul li .flowIcon .icon img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeFlowList ul li:hover .flowIcon .icon img{
    transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
}
.homeFlowList ul li h4{ float: left; width: 100%; padding: 15.78% 0 10.52% 0; color: #264e82; font-size: 18px; line-height: 22px; text-align: center;}
.homeFlowList ul li .flowP{ float: left; width: 100%; text-align: center; color: #7a7a7a; font-size: 14px; line-height: 1.2; }
@media screen and (max-width:1574px){
    .homeFlowList ul li .flowIcon .icon{ width: 42px; height: 42px; }
    .homeFlowList ul li .flowIcon .aft{ width: 22px; height: 22px; right: -22px; margin-top: -11px;}
    .homeFlowList ul li h4{ font-size: 14px; }
    .homeFlowList ul li .flowP{ font-size: 12px; }
}
@media screen and (max-width:1199px){
    .homeFlowList ul li .flowIcon .aft{ right: 0;}
}

.homeFlowTwo{ text-align: center; padding:0 0 7.5% 0 ; line-height: 0; }


/*down*/
.footTop{ padding: 5.04% 0 0 0;}
.footTop .footLink{ float: left; width: 29.12%;}
.footTopTitle{ color: #fff; font-size: 20px; font-weight: bold; line-height: 24px;}
.footTop .link{ padding: 27px 0 0 0;}
.footTop .link a{ float: left; min-width: 145px; padding: 7px 20px 7px 0; color: #ffffff; font-size: 16px; line-height: 24px; }
.footTop .link a:hover{ color: #2e95ff;}
@media screen and (max-width:1574px){
    .footTopTitle{  font-size: 17px; }
    .footTop .link a{ min-width: 130px; padding: 2px 10px 2px 0;  font-size: 14px; line-height: 20px; }
}
@media screen and (max-width:1199px){
    .footTopTitle{  font-size: 15px; }
}
@media screen and (max-width:991px){
    .footTop .footLink{ width: 50%;}
}
@media screen and (max-width:767px){
    .footTop .footLink{ width: 100%; text-align: center;}
    .footTop .link a{ float: none; display: inline-block; vertical-align:top; }
}

.footTop .footCon{ float: left; width: 29.12%; margin-left: 9.57%;}
.footTop .footCon .conDon{ margin-top: 27px;}
.footTop .footCon .conDon .donLi{ padding: 7px 0; color: #ffffff; font-size: 16px; line-height: 24px;}
.footTop .footEwm{ float: right; width: 272px;}
.footTop .footEwm .ewmPic{ float: left; width: 165px; height: 165px; line-height: 0;}
.footTop .footEwm .ewmEight{ padding-left: 195px; padding-top: 23px; color: #fff; font-size: 18px; line-height: 38px;}
@media screen and (max-width:1574px){
    .footTop .footCon .conDon .donLi{ padding: 2px 0; font-size: 14px; line-height: 20px;}
    .footTop .footEwm .ewmPic{  width: 120px; height: 120px; }
    .footTop .footEwm .ewmEight{  padding-top: 23px; color: #fff; font-size: 14px; line-height: 24px; text-align: left;}
}
@media screen and (max-width:991px){
    .footTop .footCon{ width: 50%; margin-left: 0;}
    .footTop .footEwm{ float: left; width: 100%; text-align: center; padding-top: 3.5%;}

}
@media screen and (max-width:767px){
    .footTop .footCon{ width: 100%; text-align: center; padding-top: 3.5%;}
    .footTop .footEwm{ float: left; width: 100%; text-align: center; padding-top: 3.5%;}
    .footTop .footEwm .ewmPic{ float: none; display: inline-block; vertical-align: top; width: 90px; height: 90px; }
    .footTop .footEwm .ewmEight{ display: inline-block; vertical-align: top; padding-left: 15px; padding-top: 5px; }
}

.footDown{ padding: 1.65% 0 1.65% 0; text-align: center;}
.footDown .downCopyRight{ color: #fff; font-size: 14px;}
.footDown .address{ text-align: center; color: #fff; font-size: 14px;}
@media screen and (max-width:767px){
   .footDown .downCopyRight{ color: #fff; font-size: 12px; }
   .footDown .address{ text-align: center; color: #fff; font-size: 12px; }
}
@media screen and (max-width:991px){
    .footDown{ padding: 4.07% 0 4.07% 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;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;



*/
/*!*右侧*!*/
/*.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: 50px;  line-height: 0; position: relative; z-index: 10;}*/
/*.rightFloat .rightTop li a:hover{ background-color: #e70012;}*/

/*.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: 260px; height: 50px; padding: 15px 0 15px 17px; background-color: #e70012; top: 0; color: #fff; font-size: 16px; line-height: 20px;*/
/*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: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:-260px;}*/
/*}*/
/*@-moz-keyframes distach2{*/
/*from {left:0;}*/
/*to {left:-260px;}*/
/*}*/
/*@-o-keyframes distach2{*/
/*from {left:0;}*/
/*to {left:-260px;}*/
/*}*/
/*@-webkit-keyframes distach2{*/
/*from {left:0;}*/
/*to {left:-260px;}*/
/*}*/
/*@media  screen and (max-width:991px){*/
/*.rightFloat{ display: none;}*/
/*}*/


/*右侧漂浮*/
.rightFloat{ position: fixed; width: 53px; right: 40px; top: 65%; margin-top: -64px; z-index: 20;}
.rightFloat .uot{ float: left; width: 100%;}
.rightFloat li{ float: left; width: 53px; height: 53px; margin-top: 11px; position: relative;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.rightFloat li a{ float: left; width: 53px; height: 53px; background-color: #0177b7; position: relative; z-index: 10;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.rightFloat li:hover a{ background-color: #20c38c;}
.rightFloat li .rightQq{ position: absolute; width: 200px; height: 60px; padding-left: 10px; color: #fff; font-size: 14px; line-height: 30px; background: url("images/right5.png") no-repeat; top: 12px; margin-left:-80px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.rightFloat li:hover .rightQq {
    animation-name: distach, opaci;
    -moz-animation-name: distach, opaci;
    -o-animation-name: distach, opaci;
    -webkit-animation-name: distach, opaci;
    animation-duration: 300ms, 300ms;
    -moz-animation-duration: 300ms, 300ms;
    -o-animation-duration: 300ms, 300ms;
    -webkit-animation-duration: 300ms, 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, 300ms;
    -moz-animation-delay: 0, 300ms;
    -o-animation-delay: 0, 300ms;
    -webkit-animation-delay: 0, 300ms;
    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:-124px;}
}
@-moz-keyframes distach{
    from {left:0;}
    to {left:-124px;}
}
@-o-keyframes distach{
    from {left:0;}
    to {left:-124px;}
}
@-webkit-keyframes distach{
    from {left:0;}
    to {left:-124px;}
}
@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 li .righEwn{ position: absolute; width: 92px; height: 82px; padding: 3px 10px 3px 3px; /*background: url("images/right6.png") no-repeat; top: 0;*/
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.rightFloat 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;
}
.rightFloat .uod{ float: left; width: 100%; }


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







/*2-1关于我们*/
.aboutBanTitle{ position: absolute; width: 100%; left: 0; top: 50%; margin-top: -55px;}
.aboutBanTitle h1{ padding: 0 4.85%; color: #fff; font-size: 60px; line-height:1.35;
    -webkit-text-shadow: 0 2px 6px rgba(0,0,0,0.4);
    -moz-text-shadow: 0 2px 6px rgba(0,0,0,0.4);
    -o-text-shadow: 0 2px 6px rgba(0,0,0,0.4);
    text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
.aboutBanTitle h1 span{ font-size: 40px;}
.aboutBanTitle .eng{ padding: 0 4.85%; color: #fff; font-size: 22px; line-height:1.36; text-transform: uppercase;
    -webkit-text-shadow: 0 2px 6px rgba(0,0,0,0.4);
    -moz-text-shadow: 0 2px 6px rgba(0,0,0,0.4);
    -o-text-shadow: 0 2px 6px rgba(0,0,0,0.4);
    text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
@media  screen and (max-width:1574px){
    .aboutBanTitle{ margin-top: -40px;}
    .aboutBanTitle h1{ font-size: 45px;  }
    .aboutBanTitle h1 span{ font-size: 30px;}
    .aboutBanTitle .eng{ font-size: 16px;  }
}
@media  screen and (max-width:767px){
    .aboutBanTitle{ margin-top: -27px;}
    .aboutBanTitle h1{ font-size: 29px;  }
    .aboutBanTitle h1 span{ font-size: 19px;}
    .aboutBanTitle .eng{ font-size: 12px;  }
}

.aboutPadding{ padding:0 3.23%; }
.aboutTitle{ padding: 6.71% 0 1.1% 0; border-bottom: #e8e8e8 solid 1px; text-align: center; color: #264e82; font-size: 26px; line-height: 1.53; text-transform: uppercase;}
.aboutTitle .aboutNr{ position: relative; text-align: center; color: #264e82; font-size: 26px; line-height: 1.53; text-transform: uppercase;}
.aboutTitle span{ color: #505050; margin-left: 15px;}
.aboutTitle .bread{ position: absolute; left: 0; top: 50%; color: #505050; font-size: 16px; line-height: 20px; margin-top: -10px; }
.aboutTitle .bread a{color: #505050;}
.aboutTitle .bread a:hover{ color: #264e82;}
@media  screen and (max-width:1574px){
    .aboutPadding{ padding:0; }
    .aboutTitle{ font-size: 20px; }
    .aboutTitle .aboutNr{ font-size: 20px; }
    .aboutTitle .bread{ font-size: 14px;  }
    .aboutTitle span{ margin-left: 10px;}
}
@media  screen and (max-width:991px){
    .aboutTitle .bread{ display: none; }
}
@media  screen and (max-width:767px){
    .aboutTitle{ font-size: 18px; }
    .aboutTitle .aboutNr{ font-size: 18px; }
    .aboutTitle span{ font-size: 16px;}
}

.aboutContent{ padding:3.52% 0 13% 0; color: #000000; font-size: 16px; line-height: 33px; min-height: 300px; }
.aboutContent .about_1{ padding-bottom: 3.04%;}
.aboutContent .about_2{ margin: 0 -10px;}
.aboutContent .about_2 .abli{ float: left; width: 33.3333%; padding: 2.07% 10px 0 10px;}
.aboutContent .about_2 .abli.st{ width: 50%; }
.aboutContent .about_2 .abli .abPic{ overflow: hidden;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}
.aboutContent .about_2 .abli .abPic 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;
}
.aboutContent .about_2 .abli .abPic: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);
}
.aboutContent .about_2 .abli .abTit{ padding-top: 4%; color: #333; font-size: 18px; line-height: 1; text-align: center;}
@media  screen and (max-width:1574px){
    .aboutContent{ font-size: 14px; line-height: 28px; }
}
@media  screen and (max-width:991px){
    .aboutContent{ min-height: 30px; }
}
@media  screen and (max-width:767px){
    .aboutContent{ line-height: 26px; }
    .aboutContent .about_2{ margin: 0 -6px;}
    .aboutContent .about_2 .abli{ width:50%; padding: 4.07% 6px 0 6px;}
    .aboutContent .about_2 .abli:nth-child(3){ margin-right: 50%;}
    .aboutContent .about_2 .abli.st{ width: 50%; }
    .aboutContent .about_2 .abli .abTit{ padding-top: 6%; font-size: 16px; }
}



/*2-2合作客户*/
.cooperCus{ padding: 10.92% 0 5% 0; min-height: 300px;}
.cooperList{ margin: 0 auto; width: 1160px;}
.cooperList .owl-carousel{ display: block;}
.cooperList ul{ float: left; width: 100%;}
.cooperList ul li{ float: left; width: 12.4137%; margin-left: 44px; margin-right: 44px; margin-top: -58px; position: relative;}
.cooperList ul li .coopic{ margin-bottom: 25%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.cooperList ul li:hover .coopic{
    transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
}
.cooperList ul li:nth-child(1){ margin-left: 276px;}
.cooperList ul li:nth-child(2){ margin-right: 508px;}
.cooperList ul li:nth-child(3){ margin-left: 160px;}
.cooperList ul li:nth-child(12){ margin-left: 160px;}
.cooperList ul li:nth-child(16){ margin-left: 276px;}
.cooperList ul li:nth-child(20){ margin-left: 392px;}
@media  screen and (max-width:1199px){
    .cooperList{ width: 960px;}
    .cooperList ul li{ margin-left: 36px; margin-right: 36px; margin-top: -47px; }
    .cooperList ul li:nth-child(1){ margin-left: 228px;}
    .cooperList ul li:nth-child(2){ margin-right: 420px;}
    .cooperList ul li:nth-child(3){ margin-left: 132px;}
    .cooperList ul li:nth-child(12){ margin-left: 132px;}
    .cooperList ul li:nth-child(16){ margin-left: 228px;}
    .cooperList ul li:nth-child(20){ margin-left: 132px;}
}
@media  screen and (max-width:991px){
    .cooperCus{ padding: 10.92% 0 10.92% 0; min-height: 300px;}
    .cooperList{ width: 100%;}
    .cooperList ul li{ float: none; width: auto; margin-left: 0; margin-right: 0; margin-top: 0; padding: 0 5px; }
    .cooperList ul li:nth-child(1){ margin-left: 0;}
    .cooperList ul li:nth-child(2){ margin-right: 0;}
    .cooperList ul li:nth-child(3){ margin-left: 0;}
    .cooperList ul li:nth-child(12){ margin-left: 0;}
    .cooperList ul li:nth-child(16){ margin-left: 0;}
    .cooperList ul li:nth-child(20){ margin-left: 0;}
}



/*3-1服务于创新*/
.serspeTitle{ padding: 6.71% 0 3.7% 0; border-bottom: #e8e8e8 solid 1px; text-align: center; color: #505050; font-size: 26px; line-height: 1.53; text-transform: uppercase;}
.serspeTitle span{ color: #264e82; margin-left: 15px;}
@media  screen and (max-width:1574px){
    .serspeTitle{ font-size: 20px; }
    .serspeTitle .aboutNr{ font-size: 20px; }
    .serspeTitle span{ margin-left: 10px;}
}
@media  screen and (max-width:767px){
    .serspeTitle{ font-size: 18px; }
    .serspeTitle .aboutNr{ font-size: 18px; }
    .serspeTitle span{ font-size: 16px;}
}


.sercieBox{ margin: 0 0 5.69% 0;
    -webkit-box-shadow:  0 0 10px rgba(0,0,0,0.2);
    -moz-box-shadow:  0 0 10px rgba(0,0,0,0.2);
    -o-box-shadow:  0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.sercieTitle{ padding: 4.01% 0 3.94% 0; color: #000000; font-size: 26px; line-height:1.15; text-align: center; }
@media  screen and (max-width:1574px){
    .sercieTitle{ font-size: 19px; }
}
@media  screen and (max-width:767px){
    .sercieBox{ margin: 2.5% 0 5.69% 0;
        -webkit-box-shadow:  0 0 5px rgba(0,0,0,0.2);
        -moz-box-shadow:  0 0 5px rgba(0,0,0,0.2);
        -o-box-shadow:  0 0 5px rgba(0,0,0,0.2);
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }
    .sercieTitle{ font-size: 17px; }
}


.sercieList{}
.sercieList ul{ min-height: 300px;}
.sercieList ul li{ background-color: #ffffff;}
.sercieList ul li .sePic{ float: left; width: 55.92%; line-height: 0;}
.sercieList ul li.two .sePic{ float: right; width: 55.92%; }
.sercieList ul li .seRight{ padding-left: 57.92%; padding-right: 4%;}
.sercieList ul li.two .seRight{ padding-right: 57.92%; padding-left: 4%;}
.sercieList ul li .seRight .setit{ float: left; width: 100%; padding-top: 33.84%; color: #264e82; font-size: 20px; line-height: 1.2;}
.sercieList ul li .seRight .seText{ float: left; width: 100%; padding-top: 3.62%; color: #000000; font-size: 16px; line-height: 36px;}
@media  screen and (max-width:1574px){
    .sercieList ul li .seRight .setit{ font-size: 16px; }
    .sercieList ul li .seRight .seText{ font-size: 14px; line-height: 32px;}
}
@media  screen and (max-width:1199px){
    .sercieList ul li .seRight .seText{ line-height: 30px;}
}
@media  screen and (max-width:991px){
    .sercieList ul{ min-height: 30px;}
    .sercieList ul li .seRight .setit{ padding-top: 10%; }
    .sercieList ul li .seRight .seText{ line-height: 28px;}
}
@media  screen and (max-width:767px){
    .sercieList ul li .sePic{ width: 100%; }
    .sercieList ul li.two .sePic{ float: left; width: 100%; }
    .sercieList ul li .seRight{ float: left; width: 100%; padding: 0 4% 6% 4%;}
    .sercieList ul li.two .seRight{ float: left; width: 100%; padding: 0 4% 6% 4%; }
    .sercieList ul li .seRight .setit{ padding-top: 5%; }
    .sercieList ul li .seRight .seText{ line-height: 26px;}
}


.sevCreatList{ padding: 0 0 8.65% 0;}
.sevCreatList ul{ float: left; width: 100%; }
.sevCreatList ul li{ float: left; width: 100%; padding: 5.37% 0 0 0;}
.sevCreatList ul li .crePic{ float: left; width: 28.8%; line-height: 0;}
.sevCreatList ul li .creRight{ padding-left: 33.91%; padding-right: 11%;}
.sevCreatList ul li .creRight .creText{ float: left; width: 100%; color: #000000; font-size: 16px; line-height: 28px; }
.sevCreatList ul li .creRight .creText .creCell{ }
.sevCreatList ul li .creRight .creText .creSet{ padding: 3.48% 0 3.48% 0;}
@media  screen and (max-width:1574px){
    .sevCreatList ul li .creRight .creText{ font-size: 14px; }
}
@media  screen and (max-width:767px){
    .sevCreatList{ padding: 0 0 4.65% 0;}
    .sevCreatList ul li .crePic{ width: 100%; }
    .sevCreatList ul li .creRight{ float: left; width: 100%; padding: 5% 4% 6% 4%;}
    .sevCreatList ul li .creRight .creText{ line-height: 26px; }
}



/*3-2客户与服务2*/
.customBack{ background-color: #f5f5f5;
    -webkit-box-shadow: 0 0 5px #dedede;
    -moz-box-shadow: 0 0 5px #dedede;
    -o-box-shadow: 0 0 5px #dedede;
    box-shadow: 0 0 5px #dedede;
}
.customSlide{ padding:0 0 2.26% 0; margin: 0 -10px; }
.customSlide 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;
}
.customSlide ul li{ float: left; width: 25%; padding: 2.26% 10px 0 10px;}
.customSlide ul li a{ float: left; width: 100%; padding: 6.75% 5.4%; background-color: #fff; }
.customSlide ul li a .mPic{ float: left; width: 82px; height: 82px; position: relative;  }
.customSlide ul li a .mPic::before{ content:''; position: absolute; width: 100%; height: 100%;  background-color: #fd7c2a; overflow: hidden;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.customSlide ul li a:hover .mPic::before{
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}
.customSlide ul li:nth-child(2) a .mPic::before{ background-color: #3988e2;}
.customSlide ul li:nth-child(3) a .mPic::before{ background-color: #7dcc4d;}
.customSlide ul li:nth-child(4) a .mPic::before{ background-color: #fed721;}
.customSlide ul li a .mPic img{ position: relative; z-index: 2;}
.customSlide ul li a .mRight{ padding-left: 112px;}
.customSlide ul li a .mRight h3{ float: left; width: 100%; color: #302e2e; font-size: 20px; line-height: 1.1;}
.customSlide ul li a .mRight .mp{ float: left; width: 100%; margin-top: 5.18%; height: 46px; color: #595959; font-size: 14px; line-height: 23px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media  screen and (max-width:1574px){
    .customSlide ul li a .mPic{ width: 62px; height: 62px; }
    .customSlide ul li a .mRight{ padding-left: 85px;}
    .customSlide ul li a .mRight h3{ font-size: 17px; }
    .customSlide ul li a .mRight .mp{ height: 36px;  line-height: 18px;  }
}
@media  screen and (max-width:991px){
    .customSlide ul li a{ padding: 0; background: 0; text-align: center; }
    .customSlide ul li a .mPic{ float: none; display: inline-block; vertical-align: top; width: 52px; height: 52px; }
    .customSlide ul li a .mRight{ float: left; width: 100%; padding-left: 0;}
    .customSlide ul li a .mRight h3{ font-size: 16px; padding-top: 6%}
    .customSlide ul li a .mRight .mp{ display: none; }
}
@media  screen and (max-width:767px){
    .customSlide{ padding:0 0 5.26% 0; margin: 0; }
    .customSlide ul li{  padding: 5.26% 0 0 0;}
    .customSlide ul li a .mPic{  width: 46px; height: 46px; }
    .customSlide ul li a .mRight h3{ font-size: 15px; padding-top: 15%}
}


.cumDow{ padding:2.33% 2.78% 0 2.78%; }
.cumDow ul{ float: left; width: 100%;}
.cumDow ul li{ float: left; width: 100%; padding: 4.52% 0; border-bottom: #e8e8e8 solid 1px;}
.cumDow ul li .cumLeft{ float: left; width: 42.48%; overflow: hidden;}
.cumDow ul li .cumLeft 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;
}
.cumDow ul li .cumLeft: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);
}
.cumDow ul li .cumRight{ padding-left: 45.98%;}
.cumDow ul li .cumRight h4{ float: left; width: 100%; padding: 6px 0 11px 0; color: #000000; font-size: 20px; font-weight: bold; line-height: 36px;}
.cumDow ul li .cumRight .cumP{ float: left; width: 100%; color: #000000; font-size: 16px; line-height: 36px;}
@media  screen and (max-width:1574px){
    .cumDow ul li .cumRight h4{  font-size: 17px; line-height: 32px;}
    .cumDow ul li .cumRight .cumP{  font-size: 14px; line-height: 32px;}
}
@media  screen and (max-width:1199px){
    .cumDow ul li .cumRight h4{  line-height: 30px;}
    .cumDow ul li .cumRight .cumP{  line-height: 30px;}
}
@media  screen and (max-width:991px){
    .cumDow ul li .cumRight h4{  line-height: 28px;}
    .cumDow ul li .cumRight .cumP{  line-height: 28px;}
}
@media  screen and (max-width:767px){
    .cumDow ul li .cumLeft{ width: 100%; }
    .cumDow ul li .cumRight{ float: left; width: 100%; padding-left:0;}
    .cumDow ul li .cumRight h4{  line-height: 26px; padding: 11px 0 11px 0;}
    .cumDow ul li .cumRight .cumP{  line-height: 26px;}
}



.cumCase{ padding: 0 0 6.73% 0;}
.cumCaseTitle{ color: #505050; font-size: 26px; line-height: 1.2; padding: 5.3% 0 3.68% 0; text-align: center;}
@media  screen and (max-width:1574px){
    .cumCaseTitle{ font-size: 21px; }
}
@media  screen and (max-width:767px){
    .cumCaseTitle{ font-size: 18px; }
}
.cumCaseList{ padding: 0 60px;}
.cumCaseList ul{ float: left; width: 100%;}
.cumCaseList ul li{ padding: 0 8px;}
.cumCaseList ul li .casePic{ overflow: hidden;}
.cumCaseList ul li .casePic 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;
}
.cumCaseList ul li:hover .casePic 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);
}
.cumCaseList ul li h5{ padding: 7.18% 0 0 0; color: #000000; font-size: 20px; line-height: 1.2; text-align: center;}
.cumCaseList ul li:hover h5{ color: #264e82;}
.cumCaseList .owl-prev{ position: absolute; width: 38px; height: 70px;  background: url("images/cus10.png") no-repeat; background-size: cover; left: -60px; top: 50%; margin-top: -59px; overflow: hidden; text-indent: -100px;}
.cumCaseList .owl-prev:hover{ background: url("images/cus10_h.png") no-repeat; background-size: cover;}
.cumCaseList .owl-next{ position: absolute; width: 38px; height: 70px;  background: url("images/cus11.png") no-repeat; background-size: cover; right: -60px; top: 50%; margin-top: -59px; overflow: hidden; text-indent: -100px;}
.cumCaseList .owl-next:hover{ background: url("images/cus11_h.png") no-repeat; background-size: cover;}
@media  screen and (max-width:1574px){
    .cumCaseList ul li h5{ font-size: 16px; }
    .cumCaseList .owl-prev{ width: 28px; height: 52px;  left: -60px; margin-top: -44px; }
    .cumCaseList .owl-next{ position: absolute; width: 28px; height: 52px;  right: -60px; margin-top: -44px;}
}
@media  screen and (max-width:767px){
    .cumCaseList{ padding: 0;}
    .cumCaseList ul li{ padding: 0 6px;}
    .cumCaseList ul li h5{ font-size: 14px; }
}



/*3-2客户与服务*/
.dailyPadding{ padding: 0 3.23%;}
.dailyTitle{ border-bottom: #e8e8e8 solid 1px; padding: 5.53% 0 2.07% 0; text-align: center; }
.dailyTitle .ic{ display: inline-block; vertical-align: top; width: 44px; height: 44px; line-height: 0; margin-right: 15px;}
.dailyTitle .icTit{ display: inline-block; vertical-align: top; color: #264e82; font-size: 26px; line-height: 44px; text-transform: uppercase;}
.dailyTitle .icTit span{color: #505050; margin-left: 10px;}
@media  screen and (max-width:1574px){
    .dailyPadding{ padding: 0;}
    .dailyTitle .icTit{ font-size: 20px; }
}
@media  screen and (max-width:1199px){
    .dailyTitle .ic{ width: 34px; height: 34px; margin-right: 12px;}
    .dailyTitle .icTit{ font-size: 18px; line-height: 34px; }
}
@media  screen and (max-width:767px){
    .dailyTitle .ic{ width: 30px; height: 30px; margin-right: 6px;}
    .dailyTitle .icTit{ font-size: 17px; line-height: 30px; }
}

.dailyContent{ padding: 1.68% 0 4.66% 0; color: #000000; font-size: 16px; line-height: 36px; border-bottom: #e8e8e8 solid 1px; min-height: 300px;}
@media  screen and (max-width:1574px){
    .dailyContent{  font-size: 14px; line-height: 32px;}
}
@media  screen and (max-width:1199px){
    .dailyContent{ line-height: 30px;}
}
@media  screen and (max-width:991px){
    .dailyContent{ line-height: 28px; min-height: 30px;}
}
@media  screen and (max-width:767px){
    .dailyContent{ line-height: 26px;}
}



/*4-1新闻动态*/
.newBox{ padding-top: 30px;}
.newBox .newLeftPic{ float: left; width: 674px; height: 502px; overflow: hidden; position: relative;}
.newBox .newLeftPic .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;
}
.newBox .newLeftPic:hover .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);
}
.newBox .newLeftPic .black{ position: absolute; width: 100%; left: 0; bottom: 0; background-color: rgba(0,0,0,0.5); padding: 0 4.74%;}
.newBox .newLeftPic .black h4{ padding: 6.55% 0 5.9% 0; color: #ffffff; font-size: 18px; line-height:1.33; }
.newBox .newLeftPic .black .time{ color: #fff; font-size: 16px; line-height: 18px; padding-bottom: 4.26%; }
@media  screen and (max-width:1199px){
    .newBox .newLeftPic{ width: 510px; height: 380px; }
    .newBox .newLeftPic .black h4{ font-size: 15px; }
    .newBox .newLeftPic .black .time{ font-size: 13px; line-height: 15px; }
}
@media  screen and (max-width:991px){
    .newBox{ padding-top: 20px;}
    .newBox .newLeftPic{ float: left; width: 100%; height: auto; }
    .newBox .newLeftPic .black h4{ padding: 3.55% 0 3.9% 0; }
}
@media  screen and (max-width:767px){
    .newBox{ padding-top: 13px;}
}

.newBox .newRight{ padding-left: 714px;}
.newBox .newRight ul{ float: left; width: 100%; margin-top: -14px;}
.newBox .newRight ul li{ margin-top: 14px;}
.newBox .newRight ul li .nrPic{ float: left; width: 158px; height: 116px; overflow: hidden; }
.newBox .newRight ul li .nrPic .img6{
    -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;
}
.newBox .newRight ul li:hover .nrPic .img6{
    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);
}
.newBox .newRight ul li .nrRight{ padding-left: 175px;}
.newBox .newRight ul li .nrRight h4{ float: left; width: 100%; color: #264e82; font-size: 16px; line-height: 22px; padding: 6px 0 9px 0;}
.newBox .newRight ul li .nrRight p{ float: left; width: 100%; height: 44px; color: #797979; font-size: 14px; line-height: 22px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.newBox .newRight ul li .nrRight .rTime{ float: left; width: 100%; padding-top: 14px; color: #797979; font-size: 14px; line-height: 18px;}
@media  screen and (max-width:1199px){
    .newBox .newRight{ padding-left: 540px;}
    .newBox .newRight ul{ margin-top: -11px;}
    .newBox .newRight ul li{ margin-top: 11px;}
    .newBox .newRight ul li .nrPic{ width: 119px; height: 87px; }
    .newBox .newRight ul li .nrRight{ padding-left: 134px;}
    .newBox .newRight ul li .nrRight h4{ font-size: 15px; line-height: 22px; padding: 0 0 7px 0;}
    .newBox .newRight ul li .nrRight p{ height: 36px; line-height: 18px; }
    .newBox .newRight ul li .nrRight .rTime{ padding-top: 7px;  font-size: 12px; line-height: 14px;}
}
@media  screen and (max-width:991px){
    .newBox .newRight{ padding-left: 0; float: left; width: 100%; }
    .newBox .newRight ul{ margin-top: 0;}
}




/*4-3新闻详情*/
.newInBread{ padding:4.71% 0 0 0; }
.newInBread a{color: #505050; font-size: 16px; line-height: 20px;}
.newInBread a:hover{ color: #2d8af3;}
@media  screen and (max-width:1574px){
    .newInBread a{ font-size: 14px; }
}
@media  screen and (max-width:991px){
    .newInBread{ display: none; }
}

.newInTitle{ padding: 0 0 1.1% 0; border-bottom: #e8e8e8 solid 1px; text-align: center; color: #000000; font-size: 26px; line-height: 1.53; text-transform: uppercase;}
@media  screen and (max-width:1574px){
    .newInTitle{ font-size: 20px; }
}
@media  screen and (max-width:991px){
    .newInTitle{ padding: 6.71% 0 3.1% 0; }
}
@media  screen and (max-width:767px){
    .newInTitle{ font-size: 18px; }
}

.newInTime{ padding: 16px 0 4.56% 0; color: #505050; font-size: 16px; line-height: 18px; text-align: center;}
.newInContent{ padding: 0 0 17.02% 0; color: #252525; font-size: 16px;line-height: 34px;}
@media  screen and (max-width:1574px){
    .newInTime{ font-size: 14px; }
    .newInContent{ font-size: 14px;line-height: 32px;}
}
@media  screen and (max-width:1199px){
    .newInContent{ line-height: 30px;}
}
@media  screen and (max-width:991px){
    .newInContent{ line-height: 28px;}
}
@media  screen and (max-width:767px){
    .newInContent{ line-height: 26px;}
}




/*5-1加入我们*/
.newInBread2{ padding:4.71% 0 1% 0;  border-bottom: #e8e8e8 solid 1px;  }
.newInBread2 a{color: #505050; font-size: 16px; line-height: 20px;}
.newInBread2 a:hover{ color: #2d8af3;}
@media  screen and (max-width:1574px){
    .newInBread2 a{ font-size: 14px; }
}
@media  screen and (max-width:991px){
    .newInBread2{ display: none; }
}

.joinBox{ overflow: hidden; padding: 26px 0 8.44% 0;}
.joinBox .joinMove{ background: url("images/join2.jpg") repeat-y;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.joinBox .joinMove .moveLeft{ float: left; width: 425px;}
.joinBox .joinMove .moveLeft ul{ float: left; width: 100%; }
.joinBox .joinMove .moveLeft .owl-carousel{ display: block !important;}
.joinBox .joinMove .moveLeft ul li{ float: left; width: 100%;}
.joinBox .joinMove .moveLeft ul li a{ float: left; width: 100%; padding: 7.67% 6.97% 6.51% 6.97%;  }
.joinBox .joinMove .moveLeft ul li a:hover{ background-color: #f5f5f5;}
.joinBox .joinMove .moveLeft ul li .hover{ background-color: #f5f5f5;}
.joinBox .joinMove .moveLeft ul li a .clerk{ color: #264e82; font-size: 18px; line-height: 24px;}
.joinBox .joinMove .moveLeft ul li a .money{ padding-top: 4.32%; color: #505050; font-size: 16px; line-height: 24px;}
.joinBox .joinMove .moveLeft ul li a .submit{ padding-top: 3.51%; color: #505050; font-size: 16px; line-height: 24px;}
@media  screen and (max-width:1574px){
    .joinBox .joinMove{ background-size: 380px auto; }
    .joinBox .joinMove .moveLeft{  width: 380px;}
    .joinBox .joinMove .moveLeft ul li a .clerk{ font-size: 16px; }
    .joinBox .joinMove .moveLeft ul li a .money{ font-size: 14px; line-height: 20px;}
    .joinBox .joinMove .moveLeft ul li a .submit{ font-size: 14px; line-height: 20px;}
}
@media  screen and (max-width:1199px){
    .joinBox .joinMove{ background-size: 300px auto; }
    .joinBox .joinMove .moveLeft{  width: 300px;}
}
@media  screen and (max-width:991px){
    .joinBox .joinMove{ background-size: 100% auto; padding: 0 20px; }
    .joinBox .joinMove .moveLeft{  width: 100%; position: relative; }
}
@media screen and (max-width:767px){
    .joinBox .joinMove .moveLeft{ background-color: #f9f9f9;}
    .joinBox .joinMove .moveLeft ul li a{ float: left; width: 100%; padding: 5.67% 4.97% 5.51% 4.97%;  }
    .joinBox .joinMove .moveLeft ul li:nth-child(2n) a{ background-color: #f5f5f5;}
    .joinBox .joinMove .moveLeft ul li a .clerk{ font-size: 15px; }
    .joinBox .joinMove .moveLeft ul li a .money{ font-size: 13px; line-height: 16px; }
    .joinBox .joinMove .moveLeft ul li a .submit{ font-size: 13px; line-height: 16px; }
}

.moveLeft .owl-prev{ position: absolute; width: 19px; height: 35px; left: -20px; top: 50%; margin-top: -17px; background: url("images/cus10_h.png") center no-repeat; background-size: contain; text-indent: -100px; overflow: hidden;}
.moveLeft .owl-next{ position: absolute; width: 19px; height: 35px; right: -20px; top: 50%; margin-top: -17px; background: url("images/cus11_h.png") center no-repeat; background-size: contain; text-indent: -100px; overflow: hidden;}
@media screen and (max-width:767px){
    .moveLeft .owl-prev{ width: 14px; height: 26px; margin-top: -13px; left: -15px; }
    .moveLeft .owl-next{ width: 14px; height: 26px; margin-top: -13px; right: -15px; }
}


.moveRight{ float: right; width:1000px; position: relative; height: 100%; margin-right: 5px; }
.moveRight .overBorder{ background-color: #f9f9f9;
    -webkit-box-shadow: 0 0 10px #dcdcdc;
    -moz-box-shadow: 0 0 10px #dcdcdc;
    -o-box-shadow: 0 0 10px #dcdcdc;
    box-shadow: 0 0 10px #dcdcdc;
}
.moveRight .overBorder .moveTitle{ padding: 4.4% 4.4% 3.3% 4.4%; color: #264e82; font-size: 18px; line-height:1.33; text-align: center; font-weight: bold; }
.moveRight .overBorder .moveDark{ background-color: #f5f5f5; padding: 3.1% 18.5% 3% 8.9%; }
.moveRight .overBorder .moveDark .drakLi{ float:left; min-width: 33.33%; padding-right: 10px; padding-top: 6px; color: #264e82; font-size: 16px; line-height: 24px;}

.moveRight .overBorder .moveContent{ padding: 2.8% 8.9% 12.1% 8.9%; color: #424242; font-size: 14px; line-height: 32px;}
.moveRight .overBorder .moveContent .mocCell{}
.moveRight .overBorder .moveContent .mocLight{}
.moveRight .overBorder .moveContent .mocLight .litTit{ color: #424242; font-size: 14px; line-height: 32px; padding: 1.6% 0 0 0;}
.moveRight .overBorder .moveContent .mocLight .litList{}
.moveRight .overBorder .moveContent .mocLight .litList span{ float: left; background-color: #264e82; margin: 10px 6px 0 0; color: #fff; font-size: 14px;line-height: 34px; padding: 0 15px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}
.moveRight .overBorder .moveContent .mocLight .litEmail{ padding: 3% 0 0 0; color: #000000; font-size: 14px; font-weight: bold; line-height: 32px;}
@media  screen and (max-width:1574px){
    .moveRight{ width:757px; }
    .moveRight .overBorder .moveTitle{ font-size: 17px; }
    .moveRight .overBorder .moveDark .drakLi{ font-size: 14px; line-height: 20px;}
    .moveRight .overBorder .moveContent{  line-height: 30px;}
    .moveRight .overBorder .moveContent .mocLight .litEmail{ line-height: 24px;}
}
@media  screen and (max-width:1199px){
    .moveRight{ width:640px; }
    .moveRight .overBorder .moveContent{ padding: 2.8% 4.5% 6.1% 4.5%; line-height: 30px;}
    .moveRight .overBorder .moveContent .mocLight .litTit{  line-height: 30px;}
}
@media  screen and (max-width:991px){
    .moveRight .overBorder{ background-color: #f9f9f9;
        -webkit-box-shadow: 0 0 0 #fff;
        -moz-box-shadow: 0 0 0 #fff;
        -o-box-shadow: 0 0 0 #fff;
        box-shadow: 0 0 0 #fff;
    }
    .moveRight{ float: left; width: 100%; margin-right: 0; }
    .moveRight .overBorder .moveContent{ line-height: 28px;}
    .moveRight .overBorder .moveContent .mocLight .litTit{  line-height: 28px;}
}
@media screen and (max-width:767px){
    .moveRight .overBorder .moveDark{ background-color: #f5f5f5; padding: 3.1% 4.5% 3% 4.5%; }
    .moveRight .overBorder .moveContent{ line-height: 26px;}
    .moveRight .overBorder .moveContent .mocLight .litTit{  line-height: 26px;}
    .moveRight .overBorder .moveContent .mocLight .litList span{  margin: 6px 6px 0 0; font-size: 12px;line-height: 28px; padding: 0 10px;  }
}

.newDisplay{ display: none; background-color: #f8f6f7; border: #d7d7d7 solid 2px; padding: 0 5.5%; color: #1d80ba;  font-size: 18px; line-height: 42px; margin-top: 5.2%;
    border-radius:24px;
    -webkit-border-radius:24px;
    -moz-border-radius:24px;
    -o-border-radius:24px;
}
@media screen and (max-width:991px){
    .newDisplay{ display: block;}
}
@media screen and (max-width:767px){
    .newDisplay{ font-size: 16px; line-height: 36px; }
}




/*项目案例*/
.itemCaseBread{ padding: 31px 0 10px 0; color: #777777;font-size: 16px; line-height: 20px;}
.itemCaseBread a{color: #777777;}
.itemCaseBread a:hover{  color: #264e82; }
@media screen and (max-width:991px){
    .itemCaseBread{ display: none; }
}

.pz_SideLayer{}
.pz_SideLayer .l1{ float:left; padding: 10px 14px 0 0; }
.pz_SideLayer .l1 a{ float:left;padding: 0 33px; color: #3e3e3e; font-size: 16px; line-height: 28px; border: #fff solid 1px;}
.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1 .hover{  color:#0872b9; border-color: #0872b9; }
@media screen and (max-width:991px){
    .pz_SideLayer{ display: none; }
}



.itemCaseList{ margin: 0 -17px;}
.itemCaseList ul{ float: left; width: 100%; min-height: 300px;}
.itemCaseList ul li{ float: left; width: 20%; padding: 0 17px;}
.itemCaseList ul li a{ float: left; width: 100%; margin: 19.54% 0 0 0;}
.itemCaseList ul li a .itemPic{ overflow: hidden; line-height: 0;}
.itemCaseList ul li a .itemPic img{
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;

    -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;
}
.itemCaseList ul li a:hover .itemPic 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);
}
.itemCaseList ul li a h4{ padding: 6.51% 0 0 0; color: #323232; font-size: 16px; line-height: 20px; text-align: center;}
.itemCaseList ul li a:hover h4{ color: #0872b9;}
@media  screen and (max-width:1574px){
    .itemCaseList{ margin: 0 -12px;}
    .itemCaseList ul li{ padding: 0 12px;}
}
@media screen and (max-width:991px){
    .itemCaseList ul{ min-height: 30px;}
    .itemCaseList ul li{ width: 33.333%; }
}
@media screen and (max-width:767px){
    .itemCaseList{ margin: 0 -7px;}
    .itemCaseList ul li{ padding: 0 7px;}
    .itemCaseList ul li{ width: 50%; }
}





/*

-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;


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

     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);



*/




/*分页*/
.waik_1{ padding:9.41% 0 6.47% 0; text-align:center;}
.pz_fy{ display: inline-block; vertical-align: top; border: #e7e7e7 solid 1px; overflow: hidden;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a{ float: left; padding: 0 16px; height:44px; line-height:44px; border-right: #dadada solid 1px; color:#000000; font-size:16px; text-decoration:none;  text-align: center; font-family:'宋体'}
.pz_fy a:last-child{ border: 0;}
.pz_fy a:hover{ color: #264e82; background-color:#e0e0e0; border-color: #e0e0e0; text-decoration:none;}/*鼠标经过和默认当前页样式*/

.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;}
@media  screen and (max-width:1199px){
    .pz_fy a{ padding: 0 14px; height:38px; line-height:38px; }
}


.fy_phone{ display:none;}
@media  screen and (max-width:991px){
    .waik_1{ padding: 12% 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 #2d8af3; color:#2d8af3;
        -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:#2e95ff solid 1px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.special .owl-dots .owl-dot.active{ background: #2e95ff;}
@media screen and (max-width:767px){
    .special .owl-dots .owl-dot{  width: 9px; height: 9px; margin: 0 3px; }
}









.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}}