@charset 'UTF-8';

/* CSS Document */

/*切图：yf*/

/*网站：*/

html{ overflow-x:hidden; overflow-y:auto; }

*{ padding:0; margin:0;}

ul, ol,li,dl,dt,dd{ list-style-type:none; }

body{ margin:0;font-size:12px; font-family:'Microsoft yahei' ,Arial; color:#333; min-width:1200px; overflow:hidden;}

fieldset,img{border:0}

a{ text-decoration:none; color:#333; cursor: pointer;

    -webkit-transition: all 0.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;}

a:hover{ color:#1cb2c9;}

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

sup{

    vertical-align: super;

    font-size: smaller;



}

input{ margin:0; padding:0; outline:0; font-family:'Microsoft yahei' ,Arial;}

button{  margin:0; padding:0; border:none; font-family:'Microsoft yahei' ,Arial; cursor: pointer;}

table { border-collapse: collapse; border-spacing: 0; }

i{ font-style:normal;}

input,textarea:focus { outline:none;}

select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}

textarea{ resize:none;outline:0;}

.clearfix:before, .clearfix:after{  display: table;  content: " ";  }

.clearfix:after {  clear: both; }







#pz_top{ position: absolute; top: 0; left: 0; float:left; width:100%; height: 110px; min-width:1200px; z-index: 1010; background-color: rgba(255,255,255,0.6);

    -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{ float: left; width:100%; min-width:1200px; line-height: 0; position:relative; overflow:hidden;}

#pz_main{ float:left; width:100%; min-width:1200px; }

#pz_down{ float:left; width:100%; min-width:1200px; background: #333333; }

#pz_menu{ float:left; width:100%; min-width:1200px;}



.w_0100{ float:left; width:100%;}

.w_1200{ margin-right: auto; margin-left: auto; width:1200px;}





/*top*/

.logo{ float: left; width: 250px; height: 60px; line-height: 0; margin-top: 26px; }

.menu{ float: right; height: 110px; margin-right: -20px; }

.menu ul{ float:left; }

.menu ul .nli{ float: left; padding: 0 5px; position: relative;}

.menu ul .nli:last-child{ padding-right: 0;}

.menu ul .nli span a{ float:left; height: 75px; width: 107px; padding-top: 35px; text-align: center;}

.menu ul .nli.active span a{ background-color: #0E6EB8;}

.menu ul .nli span a em{ float: left; width: 100%; color: #434343; font-size: 15px; line-height: 27px; font-style: normal;}

.menu ul .nli span a i{ float: left; width: 100%; color: #888888; font-size: 12px; line-height: 15px; text-transform: uppercase; font-style: normal;}

.menu ul .nli.active span a em{ color: #fff;}

.menu ul .nli.active span a i{ color: #fff;}



.pcXiaLa{ position: absolute; width: 100%; left: 0; top: 110px;}

.pcXiaLa .sub{ display: none; float: left; width: 100%; background-color: rgba(0,0,0,0.3); text-align: center;}

.pcXiaLa .sub li{ display: inline-block; vertical-align: top; padding: 15px 27px;}

.pcXiaLa .sub li a{ color: #fff; font-size: 14px; line-height: 22px;}

.pcXiaLa .sub li a:hover{ text-decoration: underline;}



/*banner*/

.pz_slides_3 { width: 100%; overflow: hidden; position: relative; }

.pz_slides_3 ._btn{ position: absolute; bottom:40px; float: left; width: 100%;  overflow: hidden;  text-align: center;}

.pz_slides_3 ._btn ul{ overflow:hidden;  float:left; width:100%;  text-align:center; line-height: 0;}

.pz_slides_3 ._btn ul li{ display:inline-block; *display:inline; *zoom:1; width:19px; height:19px; margin: 0 8px;  cursor: pointer;

}

.pz_slides_3 ._btn ul li.on{ }

.pz_slides_3 ._pic { width: 100%; height:662px; position: relative; z-index: 0; }

.pz_slides_3 ._pic li { zoom: 1; vertical-align: middle; position: relative;}

.pz_slides_3 ._pic li img { display: block; width:1920px; height:662px; }

.pz_slides_3d .prev{ position: absolute; width: 31px; height: 60px; left:8.95%; top: 50%; margin-top: 25px; cursor: pointer; background: url("../images/ban1.png") no-repeat; }

.pz_slides_3d .next{ position: absolute; width: 31px; height: 60px; right:8.95%; top: 50%; margin-top: 25px; cursor: pointer;background: url("../images/ban2.png") no-repeat; }

.pz_slides_3d .prev:hover,

.pz_slides_3d .next:hover{

    opacity: 0.8;

    filter: alpha(opacity=80);

    -moz-opacity: 0.8;

    -khtml-opacity: 0.8;

}



/*main*/

.homeAboutBack{background: url("../images/main4.jpg") bottom center no-repeat;}

.homeAbout{ float: left; width: 1200px; padding: 105px 0 100px 0; overflow: hidden; }

.homeAbout .aboutLeft{ float: left; width: 530px; height: 433px; padding: 21px 0 0 25px; background: url("../images/main1.jpg") left top no-repeat;}

.homeAbout .aboutLeft .aboutVideo{ float: left; width: 530px; height: 433px; overflow: hidden ; position: relative;}

.homeAbout .aboutLeft .aboutVideo .videoIco{ position: absolute; width: 63px; height: 63px; left: 50%; top: 50%; margin: -32px 0 0 -32px; line-height: 0; cursor: pointer;}

.homeAbout .aboutRight{ float: right; width:569px; }

.homeAbout .aboutRight .abEng{ float: left; width: 100%; padding: 4px 0 0 0; color: #f6f6f5; font-size: 72px; font-weight: bold; line-height: 85px; text-transform: uppercase;}

.homeAbout .aboutRight .abTit{ float: left; width: 100%; color: #404040; font-size: 30px; font-weight: bold; line-height: 49px; padding-bottom: 24px;}

.homeAbout .aboutRight .abText{ float: left; width: 100%; height: 180px; color: #595959; font-size: 14px; line-height: 30px; overflow: hidden;

    text-overflow:ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

}

.homeAbout .aboutRight .abText a{  color: #595959; }

.homeAbout .aboutRight .abBtn{ float: left; width: 100%; padding-top: 41px;}

.homeAbout .aboutRight .abBtn .btnLink{ float: left; width: 201px; height: 40px; background-color:#0E6EB8; color: #fff; font-size: 14px;

 text-transform: uppercase; font-family: Arial; line-height: 40px; text-align: center; position: relative;}

.homeAbout .aboutRight .abBtn .btnLink .btnSpan{ display: block; position: relative; z-index: 3;}

.homeAbout .aboutRight .abBtn .btnLink::before{ content: ''; position: absolute; width: 0; height: 0; left: 50%; top: 50%; background-color:#C00D22;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.homeAbout .aboutRight .abBtn:hover .btnLink::before{ width: 100%; height: 100%; left: 0; top: 0;}



.homeAreaBack{ background: url("../images/main5.jpg") top center no-repeat; overflow: hidden;}

.homeArea{ float: left; width: 1200px; padding: 82px 0 66px 0;}

.homeAreaTitle{ float: left; width: 100%; text-align: center; overflow: hidden;}

.homeAreaTitle .areaBig{ float: left; width: 100%;  text-align: center;}

.homeAreaTitle .areaBig .line{ display: inline-block; vertical-align: top; width: 40px; height: 2px; background-color: #d8d8d8; margin-top: 16px;}

.homeAreaTitle .areaBig .eng{ display: inline-block; vertical-align: top; padding: 0 22px;color: #cbcbcb; font-size: 30px; font-weight: bold; line-height: 32px; text-transform: uppercase;}

.homeAreaTitle h2{ float: left; width: 100%; padding-top: 10px; color:#0E6EB8; font-size: 28px; font-weight: bold; line-height: 37px; }

.homeAreaDown{ float: left; width: 1200px; height: 370px; margin-top: 43px;}

.homeAreaDown ul{ float: left; width: 1200px;}

.homeAreaDown ul li{ float: left; width: 140px; height: 370px; border-right: #f0f0f0 solid 1px; position: relative; overflow: hidden;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.homeAreaDown ul li.on{ width: 348px;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.homeAreaDown ul li .areaContent{ float: left; width:143px ; height: 288px; padding: 41px 11px 42px 14px; background-color: rgba(0,0,0,0.5);

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.homeAreaDown ul li.on .areaContent{ width:255px ;padding: 41px 48px 42px 45px;background-color: rgba(14,110,180,0.8) }

.homeAreaDown ul li .areaContent .areaTitle{ float: left; width: 100%; color: #fff; font-size: 18px; line-height: 24px;}

.homeAreaDown ul li .areaContent .areaEnglish{ float: left; width: 100%; height: 42px; margin-top: 8px; margin-bottom: 16px; color: #fff; font-size: 12px; line-height: 21px;}

.homeAreaDown ul li .areaContent .areaText{ float: left; width: 100%; height:120px; color: #fff; font-size: 14px; line-height: 30px; overflow: hidden;

    text-overflow:ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    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;

}

.homeAreaDown ul li.on .areaContent .areaText{

    opacity: 1;

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

}

.homeAreaDown ul li .areaContent .areaBtn{ float: left; width: 100%; margin-top:53px; line-height: 0; }

.homeAreaDown ul li .areaContent .areaBtn .arBtn{ float: left; width: 25px; height: 25px; background: url("../images/main12.png") no-repeat;}

.homeAreaDown ul li.on .areaContent .areaBtn .arBtn{background: url("../images/main12_h.png") no-repeat;}



.homeAreaMore{ float: left; width: 100%; padding-top: 55px; text-align: center; line-height: 0;}

.homeAreaMore .areaLink{ display: inline-block; width: 128px; height: 33px; border: #949494 solid 1px; color: #9b9b9b; font-size: 14px; line-height: 33px; text-align: center; text-transform: uppercase; position: relative;}

.homeAreaMore .areaLink:hover{ border-color: #0E6EB8; color: #fff;}

.homeAreaMore .areaLink .areaSpan{ position: relative; z-index: 2;}

.homeAreaMore .areaLink::before{ content: ''; position: absolute; width: 0; height: 0; left: 50%; top: 50%; background-color: #0E6EB8;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear; }

.homeAreaMore .areaLink:hover::before{

    width: 100%; height: 100%; left: 0; top: 0;

}



.homeCase{ float: left; width: 1200px; padding:95px 0 100px 0; }

.homeCaseDown{ float: left; width: 1200px; padding-top: 54px; overflow: hidden;}

.homeCaseDown ul{ float: left; width: 1242px;}

.homeCaseDown ul li{ float: left; width: 370px;  margin-right: 44px;}

.homeCaseDown ul li .casePic{ float: left; width: 370px; height: 278px; position: relative; overflow: hidden;}

.homeCaseDown ul li .casePic .img1{

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

}

.homeCaseDown ul li:hover .casePic .img1{

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

}

.homeCaseDown ul li .casePic .caseBack{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(2,81,85,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;

}

.homeCaseDown ul li:hover .casePic .caseBack{

    opacity: 1;

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

}

.homeCaseDown ul li .casePic .caseBorder{ position: absolute; width: 348px; height: 256px; left: 10px; top: 10px; border: #fff solid 1px;}

.homeCaseDown ul li .casePic .caseIco{ position: absolute; width: 47px; height: 47px; line-height: 0; left: 50%; top: 50%; margin: -23px 0 0 -23px;}

.homeCaseDown ul li .caseDown{ float: left; width: 370px; padding: 20px 0 19px 0; border-bottom: #dbdbdb solid 1px;}

.homeCaseDown ul li:hover .caseDown{ border-bottom-color: #012021;}

.homeCaseDown ul li .caseDown h4{ float: left; width: 100%; color: #333333; font-size: 16px; line-height: 22px;}

.homeCaseDown ul li:hover .caseDown h4{ color: #025155;}

.homeCaseDown ul li .caseDown .caseText{ float: left; width: 100%; padding-top: 16px; color: #666666; font-size: 14px; line-height: 18px;}



.homeNewBack{ background-color: #f7f7f7;}

.homeNew{ float: left; width: 100%; padding: 75px 0 100px 0;}

.homeNewDown{ float: left; width: 1200px; padding-top: 17px;}

.homeNewDown .hd{ float: left; width: 1200px; height: 61px; background: url("../images/main17.jpg") top repeat-x;}

.homeNewDown .hd ul{ float: left; width: 100%; text-align: center;}

.homeNewDown .hd ul li{ display: inline-block; vertical-align: top; width: 130px; cursor: pointer; }

.homeNewDown .hd ul li .cricle{ float: left; width: 125px; height: 28px;}

.homeNewDown .hd ul li.on .cricle{ background: url("../images/main18.png") center no-repeat;}

.homeNewDown .hd ul li .newTit{ float: left; width: 125px; padding-right: 5px; margin-top: 8px; color: #4c4c4c; font-size: 16px; line-height: 25px; text-align: center; background: url("../images/main19.png") right 7px no-repeat;}

.homeNewDown .hd ul li:last-child .newTit{ background: 0;}

.homeNewDown .bd{ float: left; width: 1200px; padding-top: 35px;}

.homeNewDown .bd .newBd{ float: left; width: 1200px; overflow: hidden;}

.homeNewDown .bd .newPic{ float: left; width: 570px; height: 429px; margin-top: 14px; position: relative;}

.homeNewDown .bd .newPic .picLi{ float: left; width: 570px; height: 429px; overflow: hidden; position: relative;}

.homeNewDown .bd .newPic .picLi .picBack{ position: absolute; width: 215px; height: 364px;  left: 0; top: 0; background-color: rgba(0,0,0,0.4); padding: 65px 40px 0 30px;}

.homeNewDown .bd .newPic .picLi .picBack h4{ float: left; width: 100%; height: 60px; color: #fff; font-size: 18px; line-height: 30px; overflow: hidden;

    text-overflow:ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.homeNewDown .bd .newPic .picLi .picBack h4 a{ color: #fff;}

.homeNewDown .bd .newPic .picLi .picBack .picTime{ float: left; width: 100%; padding: 21px 0 14px 0; color: #fff; font-size: 14px; line-height: 20px;}

.homeNewDown .bd .newPic .picLi .picBack .picText{ float: left; width: 100%; height: 112px; color: #fff; font-size: 14px; line-height: 28px; overflow: hidden;

    text-overflow:ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

}

.homeNewDown .bd .picHd{ position: absolute; left: 48px; bottom: 77px;}

.homeNewDown .bd .picHd .picPrev{ float: left; width: 30px; height: 30px; margin-right: 20px; cursor: pointer; background: url("../images/main21.jpg") no-repeat;}

.homeNewDown .bd .picHd .picPrev:hover{background: url("../images/main21_h.jpg") no-repeat;}

.homeNewDown .bd .picHd .picNext{ float: left; width: 30px; height: 30px; cursor: pointer; background: url("../images/main22.jpg") no-repeat;}

.homeNewDown .bd .picHd .picNext:hover{background: url("../images/main22_h.jpg") no-repeat;}



.homeNewRight{ float: right; width: 580px;}

.homeNewRight ul{ float: left; width: 100%; height: 443px;}

.homeNewRight ul li{ float: left; width: 580px; padding: 14px 0 15px 0; border-bottom: #eeeeee solid 1px;}

.homeNewRight ul li:last-child{ border-bottom: 0;}

.homeNewRight ul li .newRPic{ float: left; width: 164px; height: 123px; overflow: hidden; position: relative;}

.homeNewRight ul li .newRPic .time{ position: absolute; width: 100px; height: 24px; background-color: rgba(0,0,0,0.8); left: 0; bottom: 0; color: #fff; line-height: 24px; text-align: center;}

.homeNewRight ul li:hover .newRPic .time{ background-color: #0E6EB8;}

.homeNewRight ul li .newRList{ float: right; width: 395px;}

.homeNewRight ul li .newRList h5{ float: left; width: 100%; padding: 16px 0 14px 0; color: #333333;font-size: 16px; line-height: 24px;}

.homeNewRight ul li:hover .newRList h5{ color: #0E6EB8;}

.homeNewRight ul li .newRList .listText{ float: left; width: 100%; height: 52px; color: #999999;font-size: 14px; line-height: 26px; overflow: hidden;

    text-overflow:ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}





/*down*/

.footer{ padding:48px 0 43px 0; border-bottom:#484848 solid 1px;}

.footer .footLeft{ width:880px; float:left;}

.footer .footLeft .hot{ width:100%; float:left;}

.footer .footLeft .hot li{float:left; height: 40px; padding-right:32px; position: relative; padding-left:52px;}

.footer .footLeft .hot li:last-child{  padding-right: 0;}

.footer .footLeft .hot li .ico{ position: absolute; left: 0; top: 0; float: left; width:40px; height:40px;

    overflow:hidden;

    -webkit-transition: all 0.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;

    border-radius:50%;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

}

.footer .footLeft .hot li .ico img{ float:left;}

.footer .footLeft .hot li h5{ width:100%; float:left; font-size:14px; color:white; line-height:18px; }

.footer .footLeft .hot li h6{ width:100%; float:left; margin-top: 9px; font-size:14px; color:white; line-height:17px;}

.footer .footLeft .hot li h6 a{ color:white;}

.footer .footLeft .hot li.l1{ width:135px;}

.footer .footLeft .hot li.l2{ width:215px;}

.footer .footLeft .hot li.l3{ width:308px;}

.footer .footLeft .link{ width:100%; float:left; margin-top:37px;}

.footer .footLeft .link span{ display:block; float:left; font-size:12px; color:#ffffff; line-height:22px;}

.footer .footLeft .link .p{ margin-left:65px;}

.footer .footLeft .link .p .zbox{ width:100%; overflow:hidden;}

.footer .footLeft .link .p .zbox a{ padding:0 22px 0 10px; background:url(../images/bian_2.png) no-repeat left center; font-size:12px; color:#a1a1a1; line-height:24px; margin-left:-10px; display:inline-block; *zoom:1; *display:inline;}

.footer .footLeft .link .p .zbox a:hover{ color:white;}

.footer .f_252{ width:314px; float:right; margin-top: 2px;}

.footer .f_252 .ewm{ width:90px; height:90px; padding:5px; background:white; float:left;}

.footer .f_252 .footContact{ width:197px; float:right;}

.footer .f_252 .footContact .ico{ width:40px; height:40px;overflow:hidden;

    border-radius:50%;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

}

.footer .f_252 .footContact .ico img{ width:100%; float:left;}

.footer .f_252 .footContact .p{ width:100%; float:left; margin-top:8px; font-size:14px; color:#fff; line-height:25px; opacity:0.6; filter:alpha(opacity=60);}

.footer .f_252 .footContact .p div p{display:inline;}

.down{ width:100%; float:left; padding:19px 0 15px 0;}

.down .down_l{ float:left; font-size:12px; color:white; line-height:24px; opacity:0.5; filter:alpha(opacity=50);}

.down .down_r{ float:right; font-size:12px; line-height:24px;}

.down .down_r a{ color:white; opacity:0.5; filter:alpha(opacity=50);}

.down .down_r .span{ color:white; opacity:0.5; filter:alpha(opacity=50); margin:0 13px;}

.down .down_r a:hover{ opacity:1; filter:alpha(opacity=100);}





/*右侧漂浮*/

.right{ position: fixed; width: 55px; height: 267px; right: 0px; top: 50%; margin-top: -133px; background: #595959; z-index: 10; padding: 12px 0 5px 0;

    -moz-border-top-left-radius:12px;

    -webkit-border-top-left-radius:12px;

    -khtml-border-top-left-radius:12px;

    border-top-left-radius:12px;

    -moz-border-bottom-left-radius:12px;

    -webkit-border-bottom-left-radius:12px;

    -khtml-border-bottom-left-radius:12px;

    border-bottom-left-radius:12px;}

.right ul{ float: left; width:100%;}

.right ul li{ float: right; width: 55px; height: 50px; overflow: hidden; position: relative;

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

    -moz-border-top-left-radius:5px;

    -webkit-border-top-left-radius:5px;

    -khtml-border-top-left-radius:5px;

    border-top-left-radius:5px;

    -moz-border-bottom-left-radius:5px;

    -webkit-border-bottom-left-radius:5px;

    -khtml-border-bottom-left-radius:5px;

    border-bottom-left-radius:5px;}

.right ul li .zbox{ position: absolute; left: 0; top: 0; width:170px;}

.right ul li .zbox.zbox img{ width: 55px; height: 50px; float: left;}

.right ul li .zbox .text{ float: left; width:115px; padding: 8px 0 11px 0;}

.right ul li .zbox .text h5{ width:100%; float: left; font-size: 14px; color: white; line-height: 17px;}

.right ul li .zbox .text h6{ width:100%; float: left; font-size: 14px; color: white; line-height: 14px; font-family: Arial;}

.right ul li .zbox .text h6 a{ color: white;}

.right ul li .zbox .ewm{ position: absolute; width: 105px; height: 105px; right: -120px; top: -18px; padding: 5px 11px 5px 5px; background: url("../images/right5.png") no-repeat; z-index: -1;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.right ul li:hover .ewm{ right: 40px;}

.right ul li:hover{ width: 170px; background:#0E6EB8}



.right ul li.last .zbox .text h5{ line-height: 31px;}







/*精品案例*/

.caseBread{ background-color: #ccc;}

.pz_SideLayer{ float:left; max-width: 900px;}

.pz_SideLayer .l1{ float:left; width:105px;}

.pz_SideLayer .l1 a{ float:left; width:105px; height: 61px; color: #333333; font-size: 16px; line-height: 61px; text-align: center; position: relative;}

.pz_SideLayer .l1 a:hover,

.pz_SideLayer .l1 .hover{ background-color: #0e7adc; color: #fff;}

.pz_SideLayer .l1 a::before{ content: ''; position: absolute; width: 0; height: 0; border-bottom: #fff solid 7px; border-left: transparent solid 7px; border-right: transparent solid 7px; bottom: 0; left: 50%; margin-left: -7px;}

.bread{ float: right; padding: 20px 0 0 0; color: #6b6b6b; font-size: 14px; line-height: 20px;}

.bread a{color: #6b6b6b; margin: 0 7px;}

.bread a:hover,

.bread a.hover{ color: #0e7adc;}



.caseList{ float: left; width: 1200px; padding:39px 0 0 0; overflow: hidden; }

.caseList ul{ float: left; width: 1242px; min-height: 600px;}

.caseList ul li{ float: left; width: 370px; margin: 51px 44px 0 0;}

.caseList ul li .casePic{ float: left; width: 370px; height: 278px; position: relative; overflow: hidden;}

.caseList ul li .casePic .img1{

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

}

.caseList ul li:hover .casePic .img1{

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

}

.caseList ul li .casePic .caseBack{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(14,122,220,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;

}

.caseList ul li:hover .casePic .caseBack{

    opacity: 1;

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

}

.caseList ul li .casePic .caseBorder{ position: absolute; width: 348px; height: 256px; left: 10px; top: 10px; border: #fff solid 1px;}

.caseList ul li .casePic .caseIco{ position: absolute; width: 47px; height: 47px; line-height: 0; left: 50%; top: 50%; margin: -23px 0 0 -23px;}

.caseList ul li .caseDown{ float: left; width: 370px; padding: 20px 0 19px 0; border-bottom: #dbdbdb solid 1px;}

.caseList ul li:hover .caseDown{ border-bottom-color: #0e7adc;}

.caseList ul li .caseDown h4{ float: left; width: 100%; color: #333333; font-size: 16px; line-height: 22px;}

.caseList ul li:hover .caseDown h4{ color: #0e7adc;}

.caseList ul li .caseDown .caseText{ float: left; width: 100%; padding-top: 16px; color: #666666; font-size: 14px; line-height: 18px;}



.wack_1{ float: left; width: 100%; padding: 50px 0 62px 0;}







/*精品案例详细*/

.caseStaileTitle{ float: left; width: 100%; padding:87px 0 34px 0; color: #4d4d4d; font-size: 30px; line-height: 40px; text-align: center; }

.caseChangeBack{ background: url("../images/case2.jpg") center no-repeat;}

.caseChange{ float: left; width: 1058px; height: 483px; position: relative;     padding: 0 71px;}

.caseChange .bd{ float: left; width: 1058px; height: 483px;}

.caseChange .chPrev{ position: absolute; width: 36px; height: 67px; left: -105px; top: 50%; margin-top: -33px; background: url("../images/case4.png") no-repeat; cursor: pointer;}

.caseChange .chPrev:hover{background: url("../images/case4_h.png") no-repeat; cursor: pointer;}

.caseChange .chNext{ position: absolute; width: 36px; height: 67px; right: -105px; top: 50%; margin-top: -33px; background: url("../images/case5.png") no-repeat; cursor: pointer;}

.caseChange .chNext:hover{background: url("../images/case5_h.png") no-repeat; cursor: pointer;}

@media screen and (max-width: 1279px) {

    .caseChange .chPrev{ left: -72px;}

    .caseChange .chNext{ right: -72px;}

}



.caseInner{ float: left; width: 1150px; padding:54px 25px 0 25px; }

.caseInner h4{ float: left; width: 100%;color: #0079f3; font-size: 18px; font-weight: bold; line-height: 30px;}

.caseInner .inText{ float: left; width: 100%; padding: 38px 0 50px 0; border-bottom: #dbdbdb solid 1px; color: #4c4c4c; font-size: 16px; line-height: 30px; min-height: 300px;}

.caseInner .inPage{ float: left; width: 100%; padding: 19px 0 0 0;}

.caseInner .inPage a{ float: left; width: 50%; color: #333333; font-size: 14px; line-height: 24px;}

.caseInner .inPage a:hover{ color: #0079f3;}

.caseInner .inPage a.rightPage{ float: right; text-align: right;}





.caseAnother{ float: left; width: 1200px; padding: 52px 0 66px 0;}

.caseAnother .relatedTit{ float: left; width: 100%; color: #0079f3; font-size: 21px; line-height: 29px;}

.caseAnother .relatedDown{ float: left; width: 1200px; margin-top: 30px; overflow: hidden;}

.relatedDown ul{ float: left; width: 1242px; }

.relatedDown ul li{ float: left; width: 370px; margin: 0 44px 0 0;}

.relatedDown ul li .casePic{ float: left; width: 370px; height: 278px; position: relative; overflow: hidden;}

.relatedDown ul li .casePic .img1{

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

}

.relatedDown ul li:hover .casePic .img1{

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

}

.relatedDown ul li .casePic .caseBack{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(14,122,220,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;

}

.relatedDown ul li:hover .casePic .caseBack{

    opacity: 1;

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

}

.relatedDown ul li .casePic .caseBorder{ position: absolute; width: 348px; height: 256px; left: 10px; top: 10px; border: #fff solid 1px;}

.relatedDown ul li .casePic .caseIco{ position: absolute; width: 47px; height: 47px; line-height: 0; left: 50%; top: 50%; margin: -23px 0 0 -23px;}

.relatedDown ul li .caseDown{ float: left; width: 370px; padding: 20px 0 19px 0; border-bottom: #dbdbdb solid 1px;}

.relatedDown ul li:hover .caseDown{ border-bottom-color: #0e7adc;}

.relatedDown ul li .caseDown h4{ float: left; width: 100%; color: #333333; font-size: 16px; line-height: 22px;}

.relatedDown ul li:hover .caseDown h4{ color: #0e7adc;}

.relatedDown ul li .caseDown .caseText{ float: left; width: 100%; padding-top: 16px; color: #666666; font-size: 14px; line-height: 18px;}





/*联系我们*/

.contactBox{ float: left; width: 100%; padding:89px 0 72px 0; overflow: hidden;}

.contactBox .contactLeft{ float:left; width:570px; padding:0 0 0 18px;}

.contactBox .contactLeft .contactTit{ color:#333333; font-size:28px; line-height:1.25;}

.contactBox .contactLeft .english{ padding:10px 0 36px 0; border-bottom:#999999 dashed 1px; color:#6e6e6e; font-size:14px; line-height:20px; font-family: Arial; text-transform: uppercase;}

.contactBox .contactLeft .tent{ padding:32px 0 28px 0; border-bottom:#999999 dashed 1px;}

.contactBox .contactLeft .tent .tentLi{ float:left; width:100%; margin:15px 0; line-height:22px; font-size:16px; padding-left:36px; min-height:22px; position:relative;}

.contactBox .contactLeft .tent .tentLi b{ position:absolute; left:0; top:0;}

.contactBox .contactLeft .tent .tentLi .big{ font-size: 18px;}

.contactBox .contactLeft .ewm{ margin:40px 0 0 0;}

.contactBox .contactLeft .ewm .ewmPic{ float:left; width:123px; height:123px; border:#dbdbdb solid 1px; padding:7px;}

.contactBox .contactLeft .ewm .ewmCon{ float:left; width:415px; padding:65px 0 0 16px; color:#999999; line-height:21px;}

.contactBox .contactLeft .ewm .ewmpad{ padding-top:7px;}

.contactBox .contactLeft .ewm .ewmpad p{display:inline!important;}

.contactBox .contactLeft .ewm .ewmBig{ color:#3a3a3a; font-size:16px;}

.contactBox .contactLeft .ewm .ewmDark{ color:#3a3a3a;}

.contactBox .contactRight{ float:left; width:48.72%; padding-left:15px;}



.contactRight .cmap{ height:552px;}

.contactRight label{ max-width:224px;}

.contactRight .BMapLabel{ float:left; background-color:#0b9444; width:224px !important; border:0 !important; height:25px;  font-size:14px; line-height:25px!important; text-align:center;

    border-radius:11px;

    -webkit-border-radius:11px;

    -moz-border-radius:11px;

    -o-border-radius:11px;

}

.contactRight .BMapLabel a{ color:#fff;}





/*人力资源*/

.chancecontain{ position:relative; width:100%; float:left; margin-top:80px;}

.chancecontain ul{ float:left; width:100%;}

.chancecontain ul li{ float:left; width:100%; margin-top:14px;}

.chancecontain ul li .l_1115{ float:left; width:100%; background:#f5f5f5; height:60px; line-height:60px; font-size:16px; cursor:pointer;}

.lermore_box{ width:78px; float:right; border-left:solid 1px #fff;}

.lermore{ float:right; width:100%; height:60px; cursor:pointer; background:url(../images/btn_06.png) no-repeat center; background-size:contain !important;

    -webkit-transition: all 0.1s ease-out 0s;

    -moz-transition: all 0.1s ease-out 0s;

    -o-transition: all 0.1s ease-out 0s;

    transition: all 0.1s ease-out 0s;}

.chancecontain ul li .l_1115 .a{ width:100%; height:100%;}

.chancecontain ul li .l_1115 .a .z_270{ color:#333; width:17.3%; float:left; text-align:left; padding-left:4%;}

.chancecontain ul li .l_1115 .a .z_170{ color:#333; width:11.5%; float:left; text-align:center;}

.chancecontain ul li .l_1115 .a .z_236{ color:#333; width:20.1%; float:left; text-align:center;}

.chancecontain ul li .l_1115 .a .z_204{ color:#333; width:22.4%; float:left; text-align:center; overflow:hidden; text-overflow:ellipsis;}

.chancecontain ul li .l_1115 .a .z_196{ color:#333; width:16.7%; float:left; text-align:center;}

.chancecontain ul li .l_1115 .a .titHeight{ float: left; width: 100%; height: 40px; margin-top: 10px; overflow: hidden;}

.chancecontain ul li .l_1115 .a .Tit{ float: left; width: 100%; height: 40px; display: table; overflow: hidden;}

.chancecontain ul li .l_1115 .a .Tit .titCell{ display: table-cell; max-height: 40px; line-height: 20px; vertical-align: middle; overflow: hidden;}







.chancecontain ul li.z_l1{ margin-top:0;}

.chancecontain ul li.z_l1 .l_1115{ background:#0e7adc;height:60px;}

.chancecontain ul li.z_l1 .l_1115 .a{ color:white; line-height:60px; font-size:16px; font-weight:bold;}

.chancecontain ul li.z_l1 .l_1115 .a .z_270{ color:white;}

.chancecontain ul li.z_l1 .l_1115 .a .z_170{ color:white;}

.chancecontain ul li.z_l1 .l_1115 .a .z_236{ color:white;}

.chancecontain ul li.z_l1 .l_1115 .a .z_204{ color:white;}

.chancecontain ul li.z_l1 .l_1115 .a .z_196{ color:white;}

.chancecontain ul li .l_1115.on{ background-color: #0e7adc;}

.chancecontain ul li .l_1115.on .lermore{ background:url(../images/btn_06_h.png) no-repeat center; border-left: #cfe4f8 solid 1px;}

.chancecontain ul li .l_1115.on .a .z_270,

.chancecontain ul li .l_1115.on .a .z_170,

.chancecontain ul li .l_1115.on .a .z_236,

.chancecontain ul li .l_1115.on .a .z_204,

.chancecontain ul li .l_1115.on .a .z_196{ color:#fff;}



.chancecontain ul li.z_l1 .l_1115.on .a .z_270,

.chancecontain ul li.z_l1 .l_1115.on .a .z_170,

.chancecontain ul li.z_l1 .l_1115.on .a .z_236,

.chancecontain ul li.z_l1 .l_1115.on .a .z_204,

.chancecontain ul li.z_l1 .l_1115.on .a .z_196{ color:#fff;}





.chancecontain .deta{ display:none; width:100%; overflow:hidden; float:left; background:#fbfbfb;}

.chancecontain .deta .l_1200{ float:left; width:100%; padding:45px 0 50px 0;}

.chancecontain .deta .l_1200 .z_1200_t{ width:100%; float:left; font-size:12px; color:#666; line-height:28px;}

.chancecontain .deta .l_1200 .z_655{ width:500px; padding:0 80px 0 110px; float:left; color:#666666;}

.chancecontain .deta .l_1200 .z_655 span{ display:block; font-size:16px; color: #333333;}

.chancecontain .deta .l_1200 .z_384{ width:435px; border-left:solid 1px #dadada; padding:0 25px 0 42px; float:right; color:#666666;}

.chancecontain .deta .l_1200 .z_384 span{ display:block; font-size:16px; color: #333333;}

.chancecontain .deta .l_1200 .z_1200_b{ width:100%; margin-top:28px; font-size:14px; line-height:28px; float:left; color:#2e2e2e;}

.chancecontain .deta .l_1200 .z_1200_b .z_384{ border:none;}

.chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3{ margin-top:7px; width:100%; float:left;}

.chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3 a{ color:white; background: url("../images/join2.png") no-repeat; width:134px; height:35px; line-height:35px; text-align:center; overflow:hidden; display:block; float:left; }

.chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3 a:hover{ background: url("../images/join2_h.png") no-repeat;}



.wack_2{ float: left; width: 100%; padding: 54px 0 74px 0;}







/*新闻中心*/

.newList{ float: left; width: 100%;  padding:70px 0 0 0; overflow:hidden;}

.ul_3{ width:100%; float:left; min-height: 600px;}

.ul_3 li{ width:1150px; float:left; margin-top:20px; padding:30px 50px 30px 0; background:#f6f6f6; position:relative;

    -webkit-transition: all 0.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;

}

.ul_3 li .time{ width:199px; height: 136px; border-right:solid 1px #e0e0e0; text-align:center; float:left;

    -webkit-transition: all 0.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;}

.ul_3 li .time h1{ width:100%; float:left; margin-top:17px; font-size:68px; color:#c2c2c2; line-height:69px; font-weight:bold; font-family:Arial;

    -webkit-transition: all 0.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;}

.ul_3 li .time h5{ width:100%; float:left; font-size:18px; color:#4c4c4c; line-height:31px; font-family:Arial;

    -webkit-transition: all 0.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;}

.ul_3 li .img{ width:205px; height:136px; float:left; margin-left:49px;}

.ul_3 li .text{ margin-left:485px;}

.ul_3 li .text h4{ width:100%; float:left; margin-top:15px; font-size:18px; color:#333; line-height:27px;

    -webkit-transition: all 0.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;

}

.ul_3 li .text .p{ width:100%; float:left; margin-top:15px; font-size:14px; color:#666; line-height:26px; height:52px; overflow:hidden;

    -webkit-transition: all 0.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;

    text-overflow:ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.ul_3 li:hover{ background:#0e7adc;}

.ul_3 li:hover .time{ border-color:#1184ed;}

.ul_3 li:hover .time h1{ color:white;}

.ul_3 li:hover .time h5{ color:white;}

.ul_3 li:hover .text h4{ color:white;}

.ul_3 li:hover .text .p{ color:white; opacity:0.8; filter:alpha(opacity=80);}







/*新闻中心详细*/

.newInner{ float:left; width:1170px; padding: 0 15px;}

.newTitle{ float:left; width:100%;}

.newTitle .newTit{ float:left; width:100%; text-align:center; color:#333333; font-size:24px; line-height: 36px; border-bottom:1px solid #d7d8d8; padding:82px 0 28px 0;}

.newTitle .newSub{ float:left; width:100%; height:34px; padding: 10px 0; border-bottom:1px solid #d7d8d8;}

.newTitle .newSub .newSub_1{ float:left; color:#777777; font-size:14px; line-height:33px;}

.newTitle .newSub .newSub_2{ float:right; color:#777777; font-size:14px; line-height:33px;  }

.newTitle .newSub .newSub_2 b{ float: right; width: 38px; height: 34px; line-height: 0; margin: 0 0 0 12px;}

.newTitle .newSub .newSub_2 a{ color:#777777;}

.newTitle .newSub .newSub_2 a:hover{ color: #0e7adc;}

.moveIn{ float:left; width:100%; padding: 35px 0 30px 0; color:#333333; font-size:14px; line-height:30px;  }

.newShare{ float:left; width:100%; padding: 0 0 38px 0; text-align: center; border-bottom: #d7d8d8 solid 1px; }

.newShare .shareCenter{ width:160px; margin:0 auto;}



.newMoreList{ float:left; width:100%; padding: 20px 0 60px 0;}

.newMoreList .newMoreTit{ float:left; width:100%; color:#0e7adc; font-size:18px; line-height:24px;}

.newMoreList .newDownBox{ float: left; width: 100%; overflow: hidden; padding-top: 21px; }

.newMoreList .newDownBox ul{ float:left; width:1202px;}

.newMoreList .newDownBox ul li{ float:left; width:567px; margin-right: 34px;}

.newMoreList .newDownBox ul li a{ float:left; width:100%; border-bottom:1px solid #d7d8d8; color:#333333; font-size:14px; line-height:36px; overflow:hidden;text-overflow:ellipsis;}

.newMoreList .newDownBox ul li a:hover{color:#0e7adc;}

.newMoreList .newDownBox ul li span{ float:left; width: 70%;}

.newMoreList .newDownBox ul li b{float:right; color:#777777; font-size:14px; line-height:38px; font-weight: normal;}



.newPage{ float: left; width: 100%;  }

.newPage .pageLeft{ float: left; width: 50%; color: #333333; font-size: 14px; line-height: 20px;}

.newPage .pageLeft:hover{ color: #0e7adc;}

.newPage .left{ padding: 20px 0 20px 0; text-transform: uppercase; }

.newPage .rights{ padding: 20px 0 20px 0; text-align: right; text-transform: uppercase;}







/*在线留言*/

.messBox{float: left;width: 1160px;background: #f5f5f5;padding: 10px 20px 40px 20px; margin: 65px 0 73px 0; }

.messBox ul{float: left;width: 100%;}

.messBox ul li{float: left;width: 540px;padding: 0 20px;margin-top: 20px;}

.messBox ul li h5{display: block;float: left;width: 100%;height: 32px;line-height: 32px;font-size: 14px;color: #4c4c4c;}

.messBox ul li input{display: block;float: left;width: 500px;height: 50px;background: #fff;border: 1px solid #e5e5e5;font-size: 14px;color: #333;padding: 0 19px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    border-radius:3px;

}

.messBox ul li:last-child{width: 1120px;}

.messBox ul li textarea{display: block;float: left;width: 1080px;background: #fff;height: 140px;border: 1px solid #e5e5e5;font-size: 14px;color: #333;padding: 16px 19px;line-height: 24px;outline: none; font-family:'Microsoft yahei' ,Arial;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    border-radius:3px;}

.messBox button{display: block;float: left;position: relative;left: 50%;margin: 40px 0 0 -143px;width: 286px;height: 58px;line-height: 58px;text-align: center;font-size: 16px;color: #fff;background: #0e7adc;outline: none;cursor: pointer;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    border-radius:3px;

    -webkit-transition: all 0.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;}

.messBox button:hover{opacity:0.9; filter:alpha(opacity=90);}





/*关于我们*/

.company{ float: left; width: 1200px; padding: 92px 0 90px 0; color: #666666; font-size: 15px; line-height: 35px; overflow: hidden; }

.company .comLeft{ float: left; width: 609px; padding-left: 34px;}

.company .comLeft .comTitle{ float: left; width: 100%; text-align: center; }

.company .comLeft .comTitle h3{ float: left; width: 100%; color: #0e7adc; font-size: 36px; line-height: 48px; padding-top: 17px;}

.company .comLeft .comTitle .comEng{ float: left; width: 100%; color: #0e7adc; font-size: 45px; line-height: 59px; text-transform: uppercase; letter-spacing: 2px;}

.company .comLeft .comTitle .comLine{float: left; width: 100%; padding-top: 23px; text-align: center; line-height: 0;}

.company .comLeft .comTitle .comLine .span{ display: inline-block; vertical-align: top; width: 36px; height: 1px; background-color: #0e7adc;}

.company .comLeft .comConText{ float: left; width: 100%; padding: 33px 0 31px 0; /* text-align: center; */}

.company .comVitical{float: left; width: 100%; text-align: center; line-height: 0;}

.company .comVitical .span2{ display: inline-block; vertical-align: top; width: 1px; height: 41px; background-color: #d5d5d5;}

.company .comUs{ float: left; width: 100%; padding-top: 45px; color: #666666; font-size: 12px; line-height: 25px; text-transform: uppercase;}

.company .panyPic{ float: right; width: 500px; height: 530px; line-height: 0; overflow: hidden;}

.company .panyPic 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;

}

.company .panyPic: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);

}





.aboutCountBack{ background: url("../images/about3.jpg") center no-repeat;}

.aboutCount{ float: left; width: 1200px; padding: 45px 0 50px 0;}

.aboutCount ul{ float: left; width: 1200px;}

.aboutCount ul li{ float: left; background: url("../images/about4.png") right 15px no-repeat;}

.aboutCount ul li:last-child{ background: 0;}

.aboutCount ul li.li1{ width: 180px; padding-right: 81px;}

.aboutCount ul li .topCount{ float: left; width:100%; color: #ffffff; font-size: 46px; line-height: 52px; text-align: center; }

.aboutCount ul li .topCount .small{ font-size: 30px;}

.aboutCount ul li .dCount{ float: left; width: 100%; color: #fff; font-size: 14px; line-height: 20px; text-align: center;}

.aboutCount ul li.li2{ width: 350px; }

.aboutCount ul li.li3{ width: 317px; }

.aboutCount ul li.li4{ width: 177px; padding-left: 95px; }



.aboutHistory{ float: left; width: 1200px; padding: 75px 0 90px 0;}

.historyTitle{ float: left; width: 100%; text-align: center;}

.historyTitle .eng{ float: left; width: 100%; color: #323232; font-size: 28px; font-weight: bold; line-height: 32px; text-transform: uppercase;}

.historyTitle h3{ float: left; width: 100%; padding-top: 7px; color: #333333; font-size: 21px; line-height: 27px; text-align: center;}

.historyTitle .hisLine{ float: left; width: 100%; padding-top: 13px; text-align: center;}

.historyTitle .hisLine span{ display: inline-block; vertical-align: top; width: 60px; height: 2px; background-color: #0e7adc;}



.historyDown{ float: left; width: 1200px; margin-top: 59px; height: 644px; position: relative;}

.historyDown .bd{ float: left; width: 1200px;}

.historyDown .bd ul{ float: left; width: 1200px; }

.historyDown .bd ul li{ float: left; }

.historyDown .bd ul li.li1{ width: 311px; background: url("../images/about5.png") left -1px no-repeat;}

.historyDown .bd ul li .cenTop{ float: left; width: 196px;}

.historyDown .bd ul li.li1 .cenTop{ padding:49px 0 0 57px; }

.historyDown .bd ul li .cenTime{ float: left; width: 100%; color: #0e7adc; font-size: 16px; font-weight: bold; line-height: 24px;}

.historyDown .bd ul li .cenText{ float: left; width: 100%; height: 144px; margin-top: 2px; color: #555555; font-size: 14px; line-height: 24px; overflow: hidden;

    text-overflow:ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

}

.historyDown .bd ul li .cenCricle{ float: left; width: 76px; height: 76px; color: #fff; font-size: 24px; font-weight: bold; line-height: 76px; text-align: center; margin: 12px 0 0 7px;}

.historyDown .bd ul li .historyPic{ float: left; width: 190px; height: 255px; padding: 10px 10px 16px 10px; background-color: #0e7adc; }

.historyDown .bd ul li .historyPic .hisPic{ float: left; width: 190px; height: 213px; overflow: hidden;}

.historyDown .bd ul li .historyPic .hisT{ float: left; width: 100%; padding-top: 17px; color: #fff; font-size: 16px; line-height: 24px; text-align: center;}

.historyDown .bd ul li.li1 .historyPic{ margin: 53px 0 0 10px;}

.historyDown .bd ul li.li2{ width: 293px; background: url("../images/about5.png") -311px -1px no-repeat;}

.historyDown .bd ul li.li2 .cenTop{ padding:12px 0 0 59px; }

.historyDown .bd ul li.li2 .historyPic{ margin: 54px 0 0 59px;}

.historyDown .bd ul li.li3{ width: 306px; background: url("../images/about5.png") -604px -3px no-repeat;}

.historyDown .bd ul li.li3 .cenTop{ padding:50px 0 0 60px; }

.historyDown .bd ul li.li3 .historyPic{ margin: 52px 0 0 37px;}

.historyDown .bd ul li.li4{ width: 290px; background: url("../images/about5.png") -910px top no-repeat;}

.historyDown .bd ul li.li4 .cenTop{ padding:82px 0 0 59px; }

.historyDown .bd ul li.li4 .historyPic{ margin: 20px 0 0 0;}

.historyDown .hisPrev{ position: absolute; width: 55px; height: 110px; left: -103px; top: 50%; margin-top: -55px; background: url("../images/about10.jpg") center no-repeat;}

.historyDown .hisPrev:hover{background: url("../images/about10_h.jpg") center no-repeat;}

.historyDown .hisNext{ position: absolute; width: 55px; height: 110px; right: -103px; top: 50%; margin-top: -55px; background: url("../images/about11.jpg") center no-repeat;}

.historyDown .hisNext:hover{background: url("../images/about11_h.jpg") center no-repeat;}

@media screen and (max-width: 1419px) {

    .historyDown .hisPrev{ left: 0;}

    .historyDown .hisNext{ right: 0;}

}







/* 分页 */

.pz_fy{width:100%; float:left; text-align:center;}

/* .pz_fy a { display: inline-block; vertical-align: top; min-width: 30px; background-color: #f5f5f5; COLOR: #999999; font-size: 14px; line-height: 30px; text-align: center; margin:0 2px; }

.pz_fy a:hover,.pz_fy a.on{color: #fff; background-color:#0e7adc; text-decoration:none;}鼠标经过和默认当前页样式

.pz_fy a.pageOn{ font-family: 宋体;} */





.xiaocms-page a {display: inline-block; vertical-align: top; min-width: 30px; background-color: #f5f5f5; COLOR: #999999; font-size: 14px; line-height: 30px; text-align: center; margin:0 2px;}

.xiaocms-page a:hover {color: #fff; background-color:#0e7adc; text-decoration:none; }

.xiaocms-page span { color: #fff; background-color:#0e7adc; text-decoration:none; display: inline-block; vertical-align: top; min-width: 30px;  font-size: 14px; line-height: 30px; text-align: center; margin:0 2px;}





/*

       -webkit-appearance:none;

   outline: 0;



          -webkit-box-shadow: 0 2px 6px #000;

             -moz-box-shadow: 0 2px 6px #000;

               -o-box-shadow: 0 2px 6px #000;

                  box-shadow: 0 2px 6px #000;





          border-radius:11px;

          -webkit-border-radius:11px;

             -moz-border-radius:11px;

               -o-border-radius:11px;



          text-overflow:ellipsis;

          display: -webkit-box;

          -webkit-line-clamp: 3;

          -webkit-box-orient: vertical;





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



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



          opacity: 0;

          filter: alpha(opacity=0);

                   -moz-opacity: 0;

                 -khtml-opacity: 0;





       -webkit-transform: translate(0, -50%);

          -ms-transform: translate(0, -50%);

              transform: translate(0, -50%);





   display: -webkit-flex;

display: flex;

flex-direction: row;

-webkit-flex-direction: row;

flex-wrap: wrap;

-webkit-flex-wrap: wrap;

align-items: flex-start;

-webkit-align-items: flex-start;



          */











@-webkit-keyframes buzz-out{

    10%{  -webkit-transform:translateX(3px) rotate(2deg);  transform:translateX(3px) rotate(2deg)}

    20%{  -webkit-transform:translateX(-3px) rotate(-2deg);  transform:translateX(-3px) rotate(-2deg)}

    30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}

    40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}

    50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}

    60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}

    70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}

    80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}

    90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}

    100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}

@keyframes buzz-out{

    10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}

    20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}

    30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}

    40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)  }

    50%{-webkit-transform:translateX(2px) rotate(1deg); transform:translateX(2px) rotate(1deg)}

    60%{-webkit-transform:translateX(-2px) rotate(-1deg); transform:translateX(-2px) rotate(-1deg)}

    70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}

    80%{-webkit-transform:translateX(-2px) rotate(-1deg); transform:translateX(-2px) rotate(-1deg)}

    90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}

    100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}

.buzz-out{

    display:inline-block;

    -webkit-transform:translateZ(0);

    transform:translateZ(0);

    box-shadow:0 0 1px transparent

}

.buzz-out:hover,

.buzz-out:focus,

.buzz-out:active{

    -webkit-animation-name:buzz-out;

    animation-name:buzz-out;

    -webkit-animation-duration:.75s;

    animation-duration:.75s;

    -webkit-animation-timing-function:linear;

    animation-timing-function:linear;

    -webkit-animation-iteration-count:1;

    animation-iteration-count:1

}













.elli{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



.pageBox{float:left; width:1200px; line-height:34px; color:#333; font-size:16px; padding:50px 0; min-height:200px;}

.sitemap{ width:100%;float:left; padding:30px 0;}

.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:#9e0029;}

.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}

.sitemap li .font14{font-size:14px; }

.sitemap li .font12{ font-size:12px;  color:#999}

/* 视频弹窗 */

.video_tc{display: none; position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1999;background: rgba(0,0,0,0.60);}

.video_tc .vid_m{position: absolute;left: 20%;top: 20%;width: 60%;height: auto;overflow: hidden; padding: 0 30px;}

.video_tc .vid_m i{display: block;position: absolute;right: 0;top:0;width: 20px;height: 20px; background: url(../images/cha.png) no-repeat; background-size:  100%;cursor: pointer;}

.video_tc .vid_m ._vid{float: left; width: 100%;}

.video_tc .vid_m ._vid video{display: block;position: relative;width: 100%;height: 100%;object-fit: cover;}