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



.top1{ float: left; width: 100%; height: 184px; z-index: 1010; position: relative;  }
.top1 .headTop{ float: left; width: 100%; height: 32px; background-color: #bdd2e9;}
.top1 .headTop .welcome{ float: left; width: 100%; line-height: 32px;}
.top1 .headTop .welcome .wlcomeLeft{ float: left; color: #6a8194; font-size: 14px;}
.top1 .headTop .welcome .welLink{ float: right; color: #6a8194; font-size: 14px;}
.top1 .headTop .welcome .welLink a{color: #6a8194;}
.top1 .headTop .welcome .welLink a:hover{ color: #003e85;}

.top1 .headDown{ float: left; width: 100%; height: 120px;}
.top1 .logo{ float:left; width:282px; height:86px; line-height: 0; margin-top: 6px; margin-bottom: 6px.83%;}
.top1 .treasure{ float: right; width:406px; height: 69px;line-height: 0; margin-top:20px;}
.top1 .tel{ float: left; width: 300px;  color: #7e0e24; font-size: 18px; margin-top:20px; height:69px; margin-left:100px;}
.top1 .tel .telB{ float: left; width: 60px; height:60px; line-height: 0;}
.top1 .tel .telSpan{ float: right; max-width: 298px; }
.top1 .tel .telSpan p{display:block; text-align:center}


.pz_menu{  float: left; width: 100%; background-color: #003e85;}


.menu{ float: left; width: 100%; }
.menu ul{ float:left; width: 100%; text-align: center; line-height: 0; }
.menu ul .nli{ display: inline-block; position: relative; }
.menu ul .nli span a{ float:left; height: 44px; padding: 0 25px; color:#fff; font-size: 16px; line-height: 44px; background: url("images/top3.png") right center no-repeat; }
.menu ul .nli:last-child span a{ background:0;}
.menu ul .nli.active span a{ color: #fff; }

.menu .sub{ display: none; position: absolute; width: 126px; left: 50%; top: 44px; margin-left: -63px }
.menu .sub::after{ content: ''; position: absolute; width: 0; height: 0; bottom: 100%; left: 50%; margin-left: -6px; margin-top: 1px; border-bottom: #fff solid 6px; border-right: transparent solid 6px; border-left: transparent solid 6px;}
.menu .sub ul{ float: left; width: 100%; display: block; background-color:rgba(255,255,255,0.9); border: #eeeeee solid 1px; padding: 10px 14px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}
.menu .sub li{ padding: 10px 0; color: #333; font-size: 14px; line-height: 20px; border-bottom: #e5ecf4 solid 1px; text-align: center;}
.menu .sub li:last-child{ border-bottom: 0;}
.menu .sub li a{color: #333; text-transform: uppercase;}
.menu .sub li:hover a{ color: #003e85;}
@media screen and (max-width:1229px){
    .top1{ display:none;}
}



/*phone版头部*/
.top2{ display: none; float: left; width:100%; height:80px; z-index: 1300; position: relative; background-color: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.09);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.09);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,0.09);
    box-shadow: 0 1px 4px rgba(0,0,0,0.09);
}
.top2.active{ }
.top2 .logo{ float:left; width:164px; height:80px; margin-top: 5px;}
@media screen and (max-width:1229px){
    .top2{ display:block;}
}

/*手机按钮*/
.menuph{
    float:right;
    margin:20px 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: #003e85;
}
.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: #003e85;
}
.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: 0;
}
.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: 0;
}


/*手机下拉*/
.xialaph{
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
    display: none;
    z-index: 1029;
    background-color: #fff;
}
.xialaph .titleTwo{ border-bottom: #f1f1f1 solid 1px;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph .tp a{  display: block;  color: #333;  font-size: 15px;  font-weight: bold;  line-height: 50px;  position: relative;  }
.xialaph .tp b{
    position: absolute; right: 5px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #333 solid 1px; border-right: #333 solid 1px;
    margin-top: -7px;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
}
.xialaph .tp.active b{
    margin-top: -5px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    border-top: #003e85 solid 1px; border-right: #003e85 solid 1px;
}
.xialaph h5 a{
    display: block; text-transform: uppercase;
    color: #333;
    font-size: 14px;
    line-height: 42px;
}
.xialaph h5{
    position: relative; margin-left: 20px;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(255,255,255,0.2);
    /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
    display: none;
}
.xialaph .ul2{  }
.xialaph .ul3{
    padding-top: 12px;
    padding-bottom: 18px;
    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 .searchP{ margin-top: 15px; height: 35px; border: #ccc 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 18px 0 0; line-height: 0;
    -webkit-appearance:none; background: 0;
    outline: 0;border: 0;
    border-radius:0;
}
.xialaph .searchP .searchLeft{ padding: 0 40px 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;
}
.inco2 ::-webkit-input-placeholder { color:#fff !important;}
.inco2 :-moz-placeholder {  color:#fff !important;}
.inco2 ::-moz-placeholder {  color:#fff !important;}
.inco2 :-ms-input-placeholder { color:#fff !important; }


.pz_banner{ float:left; width:100%;  overflow:hidden; position: relative; line-height: 0; background-color: #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.pz_banner.home{ min-height: 442px;}
@media screen and (max-width:1229px){
    .pz_banner.home{min-height: 357px;}
}
@media screen and (max-width:991px){
    .pz_banner.home{ min-height: 442px;}
}
@media screen and (max-width:767px){
    .pz_banner.home{min-height: 184px;}
}
.pz_main{ float:left; width:100%; background: url("images/main3.png")  repeat; }
.pz_down{ float:left; width:100%; background: url("images/foot1.jpg") repeat; }


/*banner*/
.bannerBox{ line-height: 0; }
.bannerBox .owl-item{ width: 100%;}
.bannerBox .owl-dots{ position: absolute; width: 100%; bottom: 120px; margin-top: 0; z-index: 10; text-align: center; line-height: 0; }
.bannerBox .owl-dot{ display: inline-block; width: 14px; height: 14px; border: #fff solid 2px; margin: 0 10px;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.bannerBox .owl-dot.active{background-color: #fff;}
.bannerBox .owl-prev{ position: absolute; left: 50%;margin-left:-700px; top:50%; margin-top: -73px;  width: 50px; height: 50px; background: url("images/ban1.png") no-repeat; background-size: 50px 50px; text-indent: -99px; overflow: hidden;}
.bannerBox .owl-prev:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
}
.bannerBox .owl-next{ position: absolute; right: 50%;margin-right:-700px; top:50%; margin-top: -73px;  width: 50px; height:50px; background: url("images/ban2.png") no-repeat; background-size: 50px 50px; text-indent: -99px; overflow: hidden;}
.bannerBox .owl-next:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
}
@media screen and (max-width:1441px){
    .bannerBox .owl-dots{ bottom: 80px; }
}
@media screen and (max-width:1229px){
    .bannerBox .owl-dots{ bottom: 25px; }
}
@media screen and (max-width:991px){
    .bannerBox .owl-dots{ bottom: 15px; }
    .bannerBox .owl-prev{margin-top:-22.5px}
    .bannerBox .owl-next{margin-top:-22.5px}
}
@media screen and (max-width:767px){
    .bannerBox .owl-dots{ bottom: 10px; }
    .bannerBox .owl-dot{ margin: 0 6px; width: 10px; height: 10px; }
}
.banRed{ position: absolute; width: 100%; left: 0; bottom: 0;  background-color: #7e0e24; z-index: 1200;}
.banRed .banSearch{ padding: 1% 0;}
.banRed .banSearch .serBox{ float: right; width: 329px; height: 36px; background-color: #fff; position: relative;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
}
.banRed .banSearch .serBox button{ position: absolute; width: 36px; height: 36px; right: 8px; top: 0; border: 0; background: 0;
    -webkit-appearance:none;
    outline: 0;
}
.banRed .banSearch .serBox .serInput{ float: left; width: 100%; height: 36px; background: 0; border: 0; color: #333; font-size: 14px; padding-left: 16px;
    -webkit-appearance:none;
    outline: 0;
}
.inco1 ::-webkit-input-placeholder { color:#d6d6d6 !important;}
.inco1 :-moz-placeholder {  color:#d6d6d6 !important;}
.inco1 ::-moz-placeholder {  color:#d6d6d6 !important;}
.inco1 :-ms-input-placeholder { color:#d6d6d6 !important; }
.banRed .banSearch .serCenter{ padding: 0 329px 0 220px; color: #ffffff; font-size: 16px; line-height: 36px; text-align: center;}
.banRed .banSearch .serCenter a{color: #ffffff;}
@media screen and (max-width:1441px){
    .banRed .banSearch{ padding: 1% 0;}
}
@media screen and (max-width:1229px){
    .banRed{ display: none; }
}


.banBlue{ position: absolute; width: 11.4583%; height: 100%; top: 0; left: 50%; margin-left: -650px; z-index: 1201; background: url("images/top5.jpg") top repeat-x; background-size:auto 100%; }
.banBlue .bluePic{ padding-top: 39.54%; text-align: center; line-height: 0;}
.banBlue .bluePic .pic{ display:inline-block; vertical-align: top; width:49%; line-height: 0; }
.banBlue .blueTit{ padding-top: 19.54%; color: #fff; font-size: 16px; line-height: 1.125; text-align: center; }
.banBlue .blueTel{ padding-top: 5.9%; padding-left: 3%; padding-right: 3%; color: #fff; font-size: 24px; line-height: 1; text-align: center;}
.banBlue .blueTang{ padding: 16.36% 5% 0 18%; color: #fff; font-size: 18px; line-height: 1;}
.banBlue .blueEng{ padding: 4% 0 0 11%; color: #fff; font-size: 12px; line-height: 1; font-family: Arial;}
.banBlue .blueFocus{ padding: 38.18% 23.18% 0 23.18%;}
.banBlue .blueFocus .focusPic{ line-height: 0;}
.banBlue .blueFocus .focusTit{ padding-top: 13px; color: #fff; font-size: 12px; line-height: 18px; text-align: center;}
@media screen and (max-width:1680px){
    .banBlue .bluePic{ padding-top: 20.54%;}
}
@media screen and (max-width:1441px){
    .banBlue{ width: 13.4583%; }
    .banBlue .blueTel{ font-size: 18px; }
    .banBlue .blueTang{ font-size: 15px; }
    .banBlue .blueFocus{ padding: 15.18% 23.18% 0 23.18%;}

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

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

/*main*/
.homeAbout{ margin-bottom: 2.83%; margin-top: 4.66%; color: #2c4270; font-size: 14px; line-height: 28px; /*max-height: 500px; */overflow:hidden }
.homeAbout .aboutLeft{ float: left;  width:53.16%;padding:0 2% 0 0;  overflow:hidden }
/*.homeAbout .aboutLeft .aboutLeftPic{ background: url("images/main1.jpg") center no-repeat; background-size: cover; padding:3px; line-height: 0; }*/

.homeAbout .aboutLeft .video{height:380px; width:100%;}

.homeAbout .aboutRight{ }
.homeAbout .aboutRight .aboutRightTit{ }
.homeAbout .aboutRight .aboutRightTit .img5{ height: 50px;}
.homeAbout .aboutRight .aboutRightText{ padding-top: 1.25%; }
@media screen and (max-width:767px){
	.homeAbout{line-height: 24px; }
    .homeAbout .aboutRight .aboutRightTit .img5{ height: 38px; }
}
@media screen and (max-width:450px){
	.homeAbout{/*max-height: 328px;*/line-height: 24px;}
    .homeAbout .aboutLeft{ /*width:42.16%;*/width:40% }
	.homeAbout .aboutLeft .video{height:100%; width:100%;}
    .homeAbout .aboutRight .aboutRightTit .img5{ height: 32px; }
}


/*homeMagi*/
.homeMagiBack{ background: url("images/main5.png") top center no-repeat; background-size: 100% auto;}
.homeMagiPic{ line-height: 0;}
.homeMagiBox{}
.homeMagi{ position: relative; overflow:hidden;}
@media screen and (min-width:1229px) {
    .homeMagi{height:562px;}
}
.homeMagi .magic_1{ position: absolute; width: 278px; left: 0; top: 91px;}
.homeMagi .magic_1 .count{ line-height: 0;}
.homeMagi .magic_1 .count b{ float: left; width: 24px; height: 24px; border: #004594 solid 2px; color: #004594; font-size: 13px; text-align: center; line-height: 20px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.homeMagi .magic_1 .oneTit{ color: #0057bc; font-size: 18px; font-weight: bold; line-height: 24px;}
.homeMagi .magic_1 .oneText{ margin-top: 7px; color: #2c4270; font-size: 14px; line-height: 24px;}
@media screen and (max-width:1229px){
    .homeMagi .magic_1{ width: 245px; }
}
.homeMagi .magic_2{ position: absolute; width: 274px; left: 252px; top:359px; }
.homeMagi .magic_2 .coutBox{ text-align: center; line-height: 0;}
.homeMagi .magic_2 .coutBox .count{ display: inline-block; vertical-align: top; width: 24px; height: 24px; border: #004594 solid 2px; color: #004594; font-size: 13px; text-align: center; line-height: 20px; margin-right: 10px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.homeMagi .magic_2 .coutBox .countTit{ display: inline-block; vertical-align: top;color: #0057bc; font-size: 18px; font-weight: bold; line-height: 24px; }
.homeMagi .magic_2 .twoText{margin-top: 7px; color: #2c4270; font-size: 14px; line-height: 24px;}
@media screen and (max-width:1229px){
    .homeMagi .magic_2{ width: 250px; top: 254px;  }
}
.homeMagi .magic_3{ position: absolute; width: 324px; left: 740px; top: 326px;}
.homeMagi .magic_3 .threeCount{ float: left;  width: 24px; height: 24px; border: #004594 solid 2px; color: #004594; font-size: 13px; text-align: center; line-height: 20px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.homeMagi .magic_3 .threeRight{ padding-left: 34px;}
.homeMagi .magic_3 .threeRight .threeTit{color: #0057bc; font-size: 18px; font-weight: bold; line-height: 24px;}
.homeMagi .magic_3 .threeRight .threeText{margin-top: 7px; color: #2c4270; font-size: 14px; line-height: 24px;}
@media screen and (max-width:1229px){
    .homeMagi .magic_3{  width: 260px; left: 520px; top: 306px;}
}
.homeMagi .magic_4{ position: absolute; width: 322px; right: 0; top: 152px;}
.homeMagi .magic_4 .fourCount{ float: left;  width: 24px; height: 24px; border: #004594 solid 2px; color: #004594; font-size: 13px; text-align: center; line-height: 20px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.homeMagi .magic_4 .fourRight{ padding-left: 34px;}
.homeMagi .magic_4 .fourRight .fourTit{color: #0057bc; font-size: 18px; font-weight: bold; line-height: 24px;}
.homeMagi .magic_4 .fourRight .fourText{margin-top: 7px; color: #2c4270; font-size: 14px; line-height: 24px;}
@media screen and (max-width:1229px){
    .homeMagi .magic_4{ width: 265px; top: 116px;}
}
.homeMagi .magic_5{ position: absolute; width: 290px; left: 460px; top: 50px;}
.homeMagi .magic_5 .tit{ text-align: center; height: 68px; background: url("images/main8.png") center no-repeat; color: #004594; font-size: 24px; font-weight: bold; line-height: 68px; }
.homeMagi .magic_5 .fivetext{ margin-top: 22px; color: #062464; font-size: 14px; line-height: 24px; text-align: center;}
.homeMagi .magic_5 .fivetext img{ display: inline-block; width:71px; }
@media screen and (max-width:1229px){
    .homeMagi .magic_5{ left: 336px; top: 30px;}
}

.homeMagiPh{ }
.homeMagiPh .phLi{ margin: 3.5% 0 0 0; background: url("images/main9.png") left top no-repeat; background-size: auto 150px; min-height: 150px;}
.homeMagiPh .phLi.two{ margin: 3.5% 0 0 0; background: url("images/main14.png") right top no-repeat; background-size: auto 150px; }
.homeMagiPh .phLi .phPic{ float: left; width: 100px; height: 100px; margin-top: 25px; }
.homeMagiPh .phLi.two .phPic{ float: right;}
.homeMagiPh .phLi .phRight{ padding-left: 120px;}
.homeMagiPh .phLi.two .phRight{ padding-right: 120px; padding-left:0;}
.homeMagiPh .phLi .phRight .phTit{}
.homeMagiPh .phLi .phRight .phTit b{float: left; width: 24px; height: 24px; border: #004594 solid 2px; color: #004594; font-size: 13px; text-align: center; line-height: 20px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;}
.homeMagiPh .phLi.two .phRight .phTit b{ float: right;}
.homeMagiPh .phLi .phRight .phTit .you{ padding-left: 30px; color: #0057bc; font-size: 16px;font-weight: bold; line-height: 24px;}
.homeMagiPh .phLi.two .phRight .phTit .you{ text-align: right;}
.homeMagiPh .phLi.two .phRight .phTit .you{ padding-left: 0; padding-right: 30px;}
.homeMagiPh .phLi .phRight .phText{ padding-top: 7px; color: #062464; font-size: 14px; line-height: 24px;}
.homeMagiPh .magicArea{ margin-top: 5.5%; height: 50px; color: #004594; font-size: 20px; text-align: center; line-height: 50px; font-weight: bold; background: url("images/main8.png") center no-repeat; background-size: auto 100%;}
.homeMagiPh .makeMoney{  padding: 3% 8% 5% 8%; color: #062464; font-size: 14px; line-height: 24px; text-align: center;}
@media screen and (max-width:767px){
    .homeMagiPh .magicArea{  height: 42px;  font-size: 18px; line-height: 42px; }
}

/*homeNew*/
.homeNew{ padding-top: 9%;}
.homeNewTitle{ text-align: center; line-height: 0; overflow: hidden;}
.homeNewTitle h2{ display: inline-block; vertical-align: top; width: 310px; height: 68px; color: #004594; font-size: 24px; font-weight: bold; line-height: 68px; position: relative; background: url("images/main8.png") center no-repeat; background-size:auto 100%;}
.homeNewTitle h2::before{ content: ''; position: absolute; width: 443px; height: 9px; right: 100%; top: 50%; margin-top: -4px; background: url("images/main17.png") right no-repeat;}
.homeNewTitle h2::after{ content: ''; position: absolute; width: 443px; height: 9px; left: 100%; top: 50%; margin-top: -4px; background: url("images/main18.png") right no-repeat;}
@media screen and (max-width:767px){
    .homeNewTitle h2{ width: 191px; height: 42px; font-size: 18px; line-height: 42px;}
}


.homeNewDown{ padding-top:3.92%;}
.homeNewCell{ }
.homeNewCell .cellPic{ float: left; width: 397px; height: 184px; line-height: 0; overflow:hidden;}
.homeNewCell .cellEight{ padding-left: 445px;}
.homeNewCell .cellEight .newbt{ float: left; width: 100%; color: #0057bc; font-size: 18px; font-weight: bold; line-height: 1;}
.homeNewCell:hover .cellEight .newbt{ color: #7e0e24;}
.homeNewCell .cellEight .newTime{float: left; width: 100%; padding:15px 0 16px 0; color: #41506f; font-size: 16px; line-height: 18px; }
.homeNewCell .cellEight .newTDownText{float: left; width: 100%;  height: 34px; color: #2c4270; font-size: 12px; line-height: 17px; overflow: hidden;}
.homeNewCell .cellEight .newTMore{float: left; width: 100%; margin-top: 43px;}
.homeNewCell .cellEight .newTMore span{ float: left; width:161px; height: 32px; background: url("images/main20.png") no-repeat; background-size: 100% 100%; color: #2c4270; font-size: 14px; line-height: 32px; text-align: center; }
@media screen and (max-width:767px){
    .homeNewCell .cellPic{ width: 100%; height: auto; }
    .homeNewCell .cellEight{ padding-left: 0; float: left; width: 100%; padding-top: 3.5%;}
    .homeNewCell .cellEight .newTime{ padding:10px 0 12px 0; }
    .homeNewCell .cellEight .newTMore{ margin-top: 15px; margin-bottom: 5px;}
}
.homeNewList{ margin: 2.08% -22px 0 -22px;}
.homeNewList ul{ float: left; width: 100%;}
.homeNewList ul li{ float: left; width: 50%; padding: 0 22px;}
.homeNewList ul li a{ float: left; width: 100%; height: 41px; border-bottom: #d2d2d2 solid 1px; color: #031742; font-size: 14px; line-height: 40px;}
.homeNewList ul li a:hover{ color: #7e0e24;}
.homeNewList ul li a span{ float: left; width: 50%; padding-left: 26px; background: url("images/main21.png") left center no-repeat; background-size: 13px 13px;}
.homeNewList ul li a time{ float: right; }
@media screen and (max-width:767px){
    .homeNewList ul li{ width: 100%; }
}


/*homePrase*/
.homePrase{ padding:6.66% 0 5.25% 0; }
.homePraseDown{ padding-top:2.83%; }
.homePraseDown ul{}
.homePraseDown ul li{ margin-top: 3.666%;}
.homePraseDown ul li .prasePic{ float: right; width: 545px; height: 311px; overflow: hidden; line-height: 0;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}
.homePraseDown ul li.double .prasePic{ float: left;}
.homePraseDown ul li .praseLeft{ padding-right: 660px;}
.homePraseDown ul li.double .praseLeft{ padding-right: 0; padding-left: 660px; }
.homePraseDown ul li .praseLeft .praTit{ float: left; width: 100%; padding-left: 61px; background: url("images/main26.png") left center no-repeat; background-size: 45px 49px;}
.homePraseDown ul li .praseLeft .praTit h4{ float: left; width: 100%; color: #0057bc; font-size: 18px; font-weight: bold; line-height: 1;}
.homePraseDown ul li .praseLeft .praTit .parTime{float: left; width: 100%;  margin-top: 16px; color: #354366; font-size: 14px; line-height: 1;}
.homePraseDown ul li .praseLeft .praText{ float: left; width: 100%; height:216px; margin-top: 27px; color: #354366; font-size: 14px; line-height: 24px; padding-left: 18px; overflow: hidden; }
@media screen and (max-width:1229px){
    .homePraseDown ul li .prasePic{ width: 380px; height: 217px;
        border-radius:7px;
        -webkit-border-radius:7px;
        -moz-border-radius:7px;
        -o-border-radius:7px;
    }
    .homePraseDown ul li .praseLeft{ padding-right: 420px;}
    .homePraseDown ul li.double .praseLeft{ padding-left: 420px; }
    .homePraseDown ul li .praseLeft .praText{  height:144px; margin-top: 20px;  }
}
@media screen and (max-width:767px){
    .homePraseDown ul li{ margin-top: 4.5%;}
    .homePraseDown ul li .prasePic{ float: left; width: 100%; height: auto; overflow: hidden; line-height: 0;
        border-radius:6px;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        -o-border-radius:6px;
    }
    .homePraseDown ul li .praseLeft{ float: left; width: 100%; padding-top: 3.5%; padding-right: 0;}
    .homePraseDown ul li.double .praseLeft{ padding-left: 0; }
    .homePraseDown ul li .praseLeft .praTit h4{ font-size: 16px; }
}


.homeLink{ background-color: #f4f4f4;}
.homeLinkBox{ padding:5.5% 0 6% 0; }
.homeLinkBox .linkTit{ color: #354366; font-size: 20px; line-height: 1.2; text-transform: uppercase;}
.homeLinkBox .linkMore{ margin-top: 0.91%; line-height: 1.25; color: #677495; font-size: 16px;}
.homeLinkBox .linkMore a{color: #677495; margin-right: 35px;}
.homeLinkBox .linkMore a:hover{ color: #0057bc;}
@media screen and (max-width:991px){
    .homeLinkBox .linkTit{ font-size: 17px; }
    .homeLinkBox .linkMore{ font-size: 14px;}
}
@media screen and (max-width:767px){
    .homeLinkBox .linkTit{ font-size: 17px; }
}


/*down*/
.footBox{ padding: 6.25% 0 5.41% 0; position: relative;}
.footBox .downLogo{ position: absolute; width: 164px; height: 248px; left: 0; top: 0; line-height: 0;}
.footBox .downEwm{ position: absolute; width: 118px; right: 0; top: 75px;}
.footBox .downEwm .ewmPic{ line-height: 0;}
.footBox .downEwm .ewmPic img{width:100% !important; height:auto !important;}
.footBox .downEwm .ewmTit{ padding-top: 12px; color: #84909d; font-size: 12px; text-align: center;}

.footBox .downEwm .downEwm02{display:none;}

@media screen and (max-width:991px){
    .footBox .downLogo{ display: none; }
    .footBox .downEwm{ position: static; width: 100%; text-align: center; padding-top: 3.5%; }
	.footBox .downEwm .downEwm01{ float:left; width:50%}
    .footBox .downEwm .ewmPic{ display: inline-block; vertical-align: top; width: 118px;}
    .footBox .downEwm .ewmTit{ float: left; width: 100%;}
		
.footBox .downEwm .downEwm02{ display: block;float:left; width:50%}
    .footBox .downEwm .ewmPic01{ display: inline-block; vertical-align: top; width: 118px;}
    .footBox .downEwm .ewmTit01{ float: left; width: 100%;padding-top: 12px; color: #84909d; font-size: 12px; text-align: center;}

}


.footBoxFloat{ padding: 0 176px 0 208px; }
@media screen and (max-width:1229px){
    .footBoxFloat{ padding: 0 135px 0 190px; }
}
@media screen and (max-width:991px){
    .footBoxFloat{ padding: 0; }
}


.footBoxFloatDiv{}
.footUl{ float: left; width: 100%; position: relative;}
.footUl .footCell{ float: left;}
.footUl .footCell.li_1{ width: 41%;}
.footUl .footCell.li_1::after{ content: ''; position: absolute; width: 1px; height: 100%; background-color: #627487; left: 41%; top: 0;}
.footUl .footCell .ttit{ float: left; width: 100%; padding-left: 20px; color: #e2e5e9; font-size: 18px; font-weight: bold; line-height: 1; padding-bottom: 14px; border-bottom: #627487 solid 1px;}
.footUl .footCell.li_1 .ttit{ padding-left: 0;}
.footUl .footCell .ttit span{ color: #848484; font-size: 12px; font-family: Arial; margin-left: 10px;}
.footUl .footCell .ttit img{  float:right; margin:9px 15px 0 0;}
.footUl .footCell .ttit .imgs{ display:none;}
.footUl .footCell .ttit.active .imgs{ display:none;}
.footUl .footCell .ttit .imgh{ display:none;}
.footUl .footCell .ttit.active .imgh{ display:block;}
@media screen and (max-width:991px){
    .footUl .footCell .ttit{ border-bottom: 0; line-height: 26px;}
    .footUl .footCell.li_1 .ttit{ padding-left: 15px; }
}
@media screen and (max-width:991px){
    .footUl .footCell .ttit{ padding-left: 15px; font-size: 15px; padding-bottom: 5px; padding-top: 5px;}
    .footUl .footCell .ttit .imgs{ display:block;}
}

.footUl .footCell ul{ float: left; width: 100%; padding-top: 5px; padding-bottom: 10px; padding-right: 20px;  color: #84909d; font-size: 14px; line-height: 27px;}
.footUl .footCell.li_3 ul{ padding-right: 0;}
.footUl .footCell.li_2 ul{ padding-right: 0; padding-left: 20px;}
.footUl .footCell ul li{ float: left; width: 100%; padding-left: 20px; }
.footUl .footCell.li_3 ul li{ width: 100%;  }
.footUl .footCell ul li a{ float: left; width: 100%; color: #84909d; font-size: 14px; line-height: 24px;  }
.footUl .footCell ul li a:hover{ color: #fff;}
.footUl .footCell ul .copyright{}
.footUl .footCell ul .copyright a{color: #84909d;}
.footUl .footCell ul .copyright a:hover{ color: #fff;}
.footUl .footCell ul .technolege{ padding-top: 35px;}
.footUl .footCell ul .technolege a{color: #84909d;}
.footUl .footCell ul .technolege a:hover{color: #fff;}
@media screen and (max-width:1229px){
    .footUl .footCell.li_2 ul{ padding-right: 10%;}
    .footUl .footCell.li_3 ul li{ width: 100%;  }
}
@media screen and (max-width:991px){
    .footUl .footCell ul{ padding-left: 20px;}
    .footUl .footCell .ttit{ padding-left: 15px; font-size: 15px; padding-bottom: 5px; padding-top: 5px;}
    .footUl .footCell .ttit .imgs{ display:block;}
}

.footUl .footCell.li_2{ width: 34.18%;}
.footUl .footCell.li_2::after{ content: ''; position: absolute; width: 1px; height: 100%; background-color: #627487; left: 75.18%; top: 0;}
.footUl .footCell.li_3{ width: 24.82%;}
@media screen and (max-width:991px){
    .footUl{  width: 100%; }
    .footUl .footCell{ border-bottom: #627487 solid 1px;}
    .footUl .footCell.li_1{ width: 100%;}
    .footUl .footCell.li_1::after{ display: none; }
    .footUl .footCell.li_2{ width: 100%;}
    .footUl .footCell.li_2::after{ display: none; }
    .footUl .footCell.li_3{ width: 100%;}
    .footUl .footCell.li_3::after{ display: none; }
    .footUl .footCell.li_4{ width: 100%;}
    .footUl .footCell ul{ display: none;}
}



/*招商加盟*/
.joinBox{}
.joinBox_1{ padding: 5% 0 6.25% 0;}
.joinBoxTitle{ text-align: center; overflow: hidden; min-height: 31px; line-height: 0;}
.joinBoxTitle .joinCen{ display: inline-block; vertical-align: top; color: #004594; font-size: 24px; padding: 0 82px; font-weight: bold; line-height: 31px; position: relative;}
.joinBoxTitle .joinCen .cenLeft{ position: absolute; left: 45px; top: 50%; margin-top: -13px; float: left; width: 24px; height: 26px;  line-height: 0;}
.joinBoxTitle .joinCen .cenTit{  float: left; padding: 0 18px;}
.joinBoxTitle .joinCen .cenRight{position: absolute; right: 45px; top: 50%; margin-top: -13px; float: left; width: 24px; height: 26px;  line-height: 0;}
.joinBoxTitle .joinCen::before{ content: ''; position: absolute; width: 443px; height: 9px; right: 100%; top: 50%; margin-top: -4px; background: url("images/main17.png") right no-repeat;}
.joinBoxTitle .joinCen::after{ content: ''; position: absolute; width: 443px; height: 9px; left: 100%; top: 50%; margin-top: -4px; background: url("images/main18.png") right no-repeat;}
@media screen and (max-width:767px){
    .joinBoxTitle .joinCen{ font-size: 18px; padding: 5px 50px; line-height: 21px; }
    .joinBoxTitle .joinCen .cenLeft{ left: 10px; }
    .joinBoxTitle .joinCen .cenTit{ padding: 0;}
    .joinBoxTitle .joinCen .cenRight{ right: 10px; }
	.joinBoxTitle{ overflow:visible}
}


.joinDown_1{ padding-top: 8.5%; text-align: center;}
.joinDown_1 .jimg1{ /*width: 42.73%;*/}
@media screen and (max-width:767px){
    .joinDown_1 .jimg1{ /*width: 60%;*/}
}

.joinBox_2{ background: url("images/main5.png") center no-repeat; background-size: 100% auto;}
.joinBox_2_block{ height: 29px; background: url("images/yfjoin5.jpg") center no-repeat;}
.joinBox_2_piece{ position: relative;}
.joinBox_2_piece .img4{}
.joinBox_2_piece .lateCircle{ position: absolute; width: 42.5%; left: 28.75%; top: 19.75%; line-height: 0;}
.joinBox_2_piece .lateC{ position: absolute; left: 50%; margin-left: -122px; top: 50%; margin-top: -46px; width: 244px; height: 92px; padding: 24px 13px 0 0; color: #004594; font-size: 24px; font-weight: bold; line-height: 68px; text-align: center; background: url("images/lateradd3.png") center no-repeat; background-size: cover;}
.joinBox_2_piece .late_1{ position: absolute; width: 100%; left: 0; top: 15%; color: #0057bc; font-size: 18px; line-height: 26px; text-align: center; font-weight: bold;}
.joinBox_2_piece .img5{}
.joinBox_2_piece .late_2{ position: absolute; width: 26.66%; right: 2%; top: 41.97%; color: #0057bc; font-size: 18px; line-height: 26px; text-align: center; font-weight: bold;}
.joinBox_2_piece .late_3{ position: absolute; width: 31.1%; right: 2%; top: 72.46%; color: #0057bc; font-size: 18px; line-height: 26px; text-align: center; font-weight: bold;}
.joinBox_2_piece .late_4{ position: absolute; width: 100%; left: 0; top: 88.27%; color: #0057bc; font-size: 18px; line-height: 26px; text-align: center; font-weight: bold;}
.joinBox_2_piece .late_5{ position: absolute; width: 28%; left: 3.16%; top: 70.24%; color: #0057bc; font-size: 18px; line-height: 26px; text-align: center; font-weight: bold;}
.joinBox_2_piece .late_6{ position: absolute; width: 30%; left: 1.5%; top: 33%; color: #0057bc; font-size: 18px; line-height: 26px; text-align: center; font-weight: bold;}
@media screen and (max-width:991px){
    .joinBox_2_piece .late_1{font-size: 16px;}
    .joinBox_2_piece .late_2{font-size: 16px;}
    .joinBox_2_piece .late_3{font-size: 16px;}
    .joinBox_2_piece .late_4{font-size: 16px;}
    .joinBox_2_piece .late_5{font-size: 16px;}
    .joinBox_2_piece .late_6{font-size: 16px;}
}
@media screen and (max-width:767px){
    .joinBox_2_piece{ background: url("images/lateradd1.jpg") center no-repeat; background-size: cover; padding: 5%; text-align: center; }
    .joinBox_2_piece .img4{ display: none;}
    .joinBox_2_piece .lateCircle{  display: none;}
    .joinBox_2_piece .lateC{ position: static; display: inline-block; left: auto; margin-left: 0; top: auto; margin-top: 0; width: 133px; height: 50px; padding: 13px 7px 0 0; font-size: 18px;  line-height: 37px;}
    .joinBox_2_piece .late_1{ position: static; float: left; width: 100%; left: auto; top: auto; color: #0057bc; font-size: 15px; text-align: left; line-height: 16px; margin-top: 3.2%; }
    .joinBox_2_piece .img5{ width: 15px; height: 16px;}
    .joinBox_2_piece .late_2{position: static; float: left; width: 100%; left: auto; top: auto; color: #0057bc; font-size: 15px;text-align: left; line-height: 16px; margin-top: 3.2%; }
    .joinBox_2_piece .late_3{ position: static; float: left; width: 100%; left: auto; top: auto; color: #0057bc; font-size: 15px; text-align: left; line-height: 16px; margin-top: 3.2%;}
    .joinBox_2_piece .late_4{ position: static; float: left; width: 100%; left: auto; top: auto; color: #0057bc; font-size: 15px;text-align: left; line-height: 16px; margin-top: 3.2%; }
    .joinBox_2_piece .late_5{position: static; float: left; width: 100%; left: auto; top: auto; color: #0057bc; font-size: 15px; text-align: left; line-height: 16px; margin-top: 3.2%;}
    .joinBox_2_piece .late_6{position: static; float: left; width: 100%; left: auto; top: auto; color: #0057bc; font-size: 15px; text-align: left; line-height: 16px; margin-top: 3.2%;}
}







.joinBox_3_block{background: url("images/yfjoin8.png") center no-repeat; background-size: 100% auto;}
.joinBox_3{ padding: 6.91% 0 8% 0;}
.joinBox_3_down{ padding-top: 7.75%;}
.joinBox_3_down .learnLeft{ float: left; width:45.5%; }
.joinBox_3_down .learnLeft .learnPic{ line-height: 0; }
.joinBox_3_down .learnLeft .learnTit{ padding-top: 6.04%; padding-left: 18.86%; padding-right: 18.86%; color: #004594; font-size: 16px; line-height: 24px; font-weight: bold; text-align: center;}
@media screen and (max-width:991px){
    .joinBox_3_down .learnLeft .learnTit{ padding-left: 0; padding-right: 0; }
}
@media screen and (max-width:767px){
    .joinBox_3_down .learnLeft{ width:100%; }
    .joinBox_3_down .learnLeft .learnTit{ font-size: 13px; line-height: 20px; }
}

.joinBox_3_down .learnRight{ float: right; width: 52.5%;}
.joinBox_3_down .learnRight .lr_1{ float: left; width: 100%;}
.joinBox_3_down .learnRight .lrTit{ padding-left: 40px; background: url("images/yfjoin2.png") left center no-repeat; color: #004594; font-size: 20px; font-weight: bold; line-height: 24px;}
.joinBox_3_down .learnRight .lr_1 .lrText{ padding: 3.98% 0 0 6.06%; color: #004594; font-size: 16px;}
.joinBox_3_down .learnRight .lr_1 .lrText .lrLi{ padding: 6px 0;}
.joinBox_3_down .learnRight .lr_1 .lrflower{ padding: 0.95% 0 0 6.03%;}
.joinBox_3_down .learnRight .lr_1 .lrflower .lrflowerDiv{display: block; height: 10px; background: url("images/yfjoin10.jpg") repeat-x;}
@media screen and (max-width:991px){
    .joinBox_3_down .learnRight .lrTit{ font-size: 16px; }
    .joinBox_3_down .learnRight .lr_1 .lrText{ font-size: 14px;}
}
@media screen and (max-width:767px){
    .joinBox_3_down .learnRight{ float: left; width: 100%; padding-top: 4%;}
}



.joinBox_3_down .learnRight .lr_2{ float: left; width: 100%; padding-top: 4.28%;}
.joinBox_3_down .learnRight .lr_2 .train{ padding: 6.03% 0 5.55% 6.06% ;}
.joinBox_3_down .learnRight .lr_2 .train .trainLi{ float: left; width: 29.1%; padding-right: 7.7%; text-align: center;}
.joinBox_3_down .learnRight .lr_2 .train .trainLi.mar{ margin-right: 6.35%;}
.joinBox_3_down .learnRight .lr_2 .train .trainLi .trainB{ display: inline-block; vertical-align: top; width: 64px; line-height: 0;}
.joinBox_3_down .learnRight .lr_2 .train .trainLi .trainTit{ float: left; width: 100%; padding-top: 18.3%; color: #004594; font-size: 20px; font-weight: bold; line-height: 1; text-align: center;}
.joinBox_3_down .learnRight .lr_2 .stright{ padding-left: 6.06%;  }
.joinBox_3_down .learnRight .lr_2 .stright .line{  border-top: #971f14 solid 1px; padding:3.42% 0; color: #971f14; font-size: 21px; font-weight: bold; line-height: 1.18; }
@media screen and (max-width:991px){
    .joinBox_3_down .learnRight .lr_2 .train .trainLi{  padding-right: 0; }
    .joinBox_3_down .learnRight .lr_2 .train .trainLi .trainTit{font-size: 16px; }
    .joinBox_3_down .learnRight .lr_2 .stright .line{ font-size: 16px; }
}
@media screen and (max-width:767px){
    .joinBox_3_down .learnRight .lr_2 .train .trainLi .trainB{ width: 40px; }
    .joinBox_3_down .learnRight .lr_2 .train .trainLi .trainTit{ font-size: 14px; }
    .joinBox_3_down .learnRight .lr_2 .stright .line{ font-size: 14px; }
}


.joinBox_4_content{padding: 8% 0 0 0;}
.joinBox_4_down{ padding: 8% 0 12.16% 0;}
.joinBox_4_down .help{ }
.joinBox_4_down .help .helpli{ float: left; text-align: center;}
.joinBox_4_down .help .helpLeft{ width: 48.88%;}
.joinBox_4_down .help .helpRight{ width: 51.12%;}
.joinBox_4_down .help  .helpPic{ display: inline-block; width: 304px; height: 304px; overflow: hidden;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -webkit-box-shadow: 0 2px 6px rgba(114,61,57,0.5);
    -moz-box-shadow: 0 2px 6px rgba(114,61,57,0.5);
    -o-box-shadow: 0 2px 6px rgba(114,61,57,0.5);
    box-shadow: 0 2px 6px rgba(114,61,57,0.5);
}
.joinBox_4_down .help .helpDTit{ float: left; width: 100%; padding: 36px 0 78px 0; color: #7e0e24; font-size: 24px; font-weight: bold; line-height: 1; text-align: center;}
.joinBox_4_down .help .helpBigTit{ float: left; width: 100%; text-align: center; line-height: 0;}
.joinBox_4_down .help .helpBigTit img{/* height: 40px;*/}
.joinBox_4_down .help .helpSmall{ float: left; width: 100%;  padding: 14px 0 15px 0; color: #5c0a08; font-size: 18px; line-height: 22px; text-align: center;}
@media screen and (max-width:991px){
    .joinBox_4_down .help .helpPic{ width: 200px; height: 200px; }
    .joinBox_4_down .help .helpDTit{ padding: 30px 0 55px 0; font-size: 18px; }
    .joinBox_4_down .help .helpBigTit img{ height: 28px;}
}
@media screen and (max-width:767px){
    .joinBox_4_down .help .helpli{ padding-top: 4.5%;}
    .joinBox_4_down .help .helpLeft{ width: 100%;}
    .joinBox_4_down .help .helpRight{ width: 100%;}
    .joinBox_4_down .help .helpPic{ width: 150px; height: 150px; }
    .joinBox_4_down .help .helpDTit{ padding: 15px 0 20px 0; font-size: 16px; }
    .joinBox_4_down .help .helpBigTit img{ height: 25px;}
    .joinBox_4_down .help .helpSmall{ font-size: 14px; }
}

.joinBox_4_down .dayBack{ padding:0 0 0 10.66%; }
.joinBox_4_down .dayBack .dayLi{ padding-top: 4.11%;}
.joinBox_4_down .dayBack .dayLi .dayLiTop{}
.joinBox_4_down .dayBack .dayLi .dayLiTop b{ float: left; width: 27px; height: 27px; line-height: 0;}
.joinBox_4_down .dayBack .dayLi .dayLiTop .youu{ padding-left: 42px; color: #5c0a08; font-size: 24px; font-weight: bold; line-height: 27px;}
.joinBox_4_down .dayBack .dayLi .dayLiDown{ padding-top: 12px; color: #5c0a08; font-size: 16px; line-height: 24px; padding-left: 42px;}
@media screen and (max-width:991px){
    .joinBox_4_down .dayBack .dayLi .dayLiTop .youu{ font-size: 18px; }
    .joinBox_4_down .dayBack .dayLi .dayLiDown{ font-size: 14px; }
}




.joinBox_5{ padding-bottom: 8.16%;}
.joinBox_5_down{ padding: 4.58% 0 0 0;}
.agentBox{}
.agentBox .agentLi{ float: left; width: 33.3333%; padding: 0 5%; text-align: center;}
.agentBox .agentLi .agentPic{ display: inline-block; width: 178px; height: 178px; border: #861e32 dashed 1px; background-color: #fff; padding: 5px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.agentBox .agentLi .agentPic .poc{ height: 166px; overflow: hidden; background: url("images/yfjoin19.jpg") center no-repeat; background-size: cover; color: #fff; font-size: 24px; font-weight: bold; text-align: center; line-height: 166px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.agentBox .agentLi .agentTit{ padding:16px 0 0 0; color: #224ba6; font-size: 16px; line-height: 24px; text-align: center; }
@media screen and (max-width:991px){
    .agentBox .agentLi .agentPic{ width: 150px; height: 150px; }
    .agentBox .agentLi .agentPic .poc{ height: 138px; line-height: 138px; font-size:18px;  }
}
@media screen and (max-width:767px){
    .agentBox .agentLi{ width: 100%; padding: 4.5% 5% 0 5%;}
    .agentBox .agentLi .agentPic{ width: 120px; height: 120px; }
    .agentBox .agentLi .agentPic .poc{ height: 108px; line-height: 108px; font-size:16px;  }
    .agentBox .agentLi .agentTit{ font-size: 14px; line-height: 20px; }
}


.agentJoin{ padding: 8.16% 0 0 0;}
.agentJoin .agentJoinTit{ color: #5c6b8c; font-size: 14px; line-height: 20px; text-align: center;}
.agentJoin .agentJoinLine{ padding-top: 9px; text-align: center;}
.agentJoin .agentJoinLine span{ display: inline-block; vertical-align: top; width: 50%; height: 1px; background-color: #00319d;}
.agentJoin .agentJoinBtn{ padding-top: 5.16%; text-align: center; line-height: 0;}
.agentJoin .agentJoinBtn .joinLink{ display: inline-block; vertical-align: top; padding: 0 58px; height: 96px; background: url("images/yfjoin20.jpg")repeat;
    border-radius:11px;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    -o-border-radius:11px;
}
.agentJoin .agentJoinBtn .joinLink b{ float: left; width: 67px; height: 67px; line-height: 0; margin-top: 13px;}
.agentJoin .agentJoinBtn .joinLink .jlinkRight{ padding-left: 82px;}
.agentJoin .agentJoinBtn .joinLink .jlinkRight .joinTel{ white-space: nowrap; padding: 15px 0 8px 0; color: #94a1bd; font-size: 18px; line-height: 24px; text-align: left;}
.agentJoin .agentJoinBtn .joinLink .jlinkRight .joinText{ color: #fff; font-size: 31px; line-height: 1; font-weight: bold; white-space: nowrap;}
@media screen and (max-width:767px){
    .agentJoin .agentJoinBtn .joinLink{ padding: 0 15px; height: 74px;
        border-radius:6px;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        -o-border-radius:6px;
    }
    .agentJoin .agentJoinBtn .joinLink b{ width: 50px; height: 50px; margin-top: 13px;}
    .agentJoin .agentJoinBtn .joinLink .jlinkRight{ padding-left: 65px;}
    .agentJoin .agentJoinBtn .joinLink .jlinkRight .joinTel{  padding: 15px 0 8px 0; font-size: 14px; line-height: 18px; }
    .agentJoin .agentJoinBtn .joinLink .jlinkRight .joinText{ font-size: 20px; line-height: 1; font-weight: bold; white-space: nowrap;}

}

.joinBox_6{ padding-bottom: 18px;}
.joinBox_6_down{ padding-top: 6%; color: #333; font-size: 14px; line-height: 30px; text-align: center;}



/*新闻中心*/
.newList{ float: left; width: 100%; padding-top: 1.41%;}
.newList ul{ float: left; width: 100%;}
.newList ul li{ float: left; width: 100%; padding: 27px 20px; border-bottom: #f0f0f0 dashed 1px;}
.newList ul li .newPic{ float: left; width: 322px; height: 192px; overflow: hidden;}
.newList ul li .newPic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.newList ul li:hover .newPic img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.newList ul li .newRight{ padding-left: 364px;}
.newList ul li .newRight .newTitle{ float: left; width: 100%; line-height: 20px;}
.newList ul li .newRight .newTitle h3{ float: left; width: 50%; color: #004594; font-size: 20px; font-weight: bold;}
.newList ul li .newRight .newTitle span{ float: right; color: #7b8aaa; font-size: 14px;}
.newList ul li .newRight .newText{ float: left; width: 100%; height: 36px; margin-top: 20px; color: #7b8aaa; font-size: 13px; line-height: 18px; overflow:hidden;}
.newList ul li .newRight .newBtn{float: left; width: 100%; margin-top: 76px;}
.newList ul li .newRight .newBtn span{ float: left; width: 82px; height: 39px; border: #004594 solid 1px; text-align: center; line-height: 0;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}
.newList ul li:hover .newRight .newBtn span{ background: url("images/yfnew3.jpg") no-repeat; background-size: cover;}
.newList ul li .newRight .newBtn span b{ display: inline-block; vertical-align: top; margin-top: 9px; width: 19px; height: 19px; line-height: 0;}
.newList ul li .newRight .newBtn span b .imgs{}
.newList ul li .newRight .newBtn span b .imgd{ display: none;}
.newList ul li:hover .newRight .newBtn span b .imgs{ display: none;}
.newList ul li:hover .newRight .newBtn span b .imgd{ display: block;}
@media screen and (max-width:767px){
    .newList ul li{ padding: 15px 0; }
    .newList ul li .newPic{ width: 160px; height: 95px;}
    .newList ul li .newRight{ padding-left: 172px;}
    .newList ul li .newRight .newTitle h3{ width: 100%; font-size: 16px;}
    .newList ul li .newRight .newTitle span{ float: left; width: 100%; font-size: 12px;}
    .newList ul li .newRight .newText{ height: 30px; line-height: 15px; margin-top: 2px;}
    .newList ul li .newRight .newBtn{ margin-top: 8px;}
    .newList ul li .newRight .newBtn span{ width: 31px; height: 18px;
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        -o-border-radius:4px;
    }
    .newList ul li .newRight .newBtn span b{ margin-top: 4px; width: 9px; height: 9px; }
}


.zlink1_yf{  margin-top:25px; font-size:14px; color:#919db4; line-height:22px;}
.zlink1_yf a{ color:#919db4; float:left;}
.zlink1_yf a.a1{ color:#2c4270;}
.zlink1_yf a:hover{ color:#2c4270;}
.zlink1_yf span{ margin:0 6px; float:left;}
@media screen and (max-width:767px){
    .zlink1_yf{ margin-top:15px; font-size:12px; line-height:20px;}
}




/*店面展示*/
.zbanner{ width:100%; float:left; min-height:200px;}
.zbanner img{ width:100%; float:left;}
.zlink1{ float:left; margin-top:25px; font-size:14px; color:#919db4; line-height:22px;}
.zlink1 a{ color:#919db4; float:left;}
.zlink1 a.a1{ color:#2c4270;}
.zlink1 a:hover{ color:#2c4270;}
.zlink1 span{ margin:0 6px; float:left;}
.zrow_1{ margin:0 -28.5px;}
.zul_1{ width:100%; float:left; margin-top:-3px;}
.zul_1 li{ width:20%; padding:0 12.5px; float:left; margin-top:24px; position:relative;}
.zul_1 li .img{ width:100%; float:left; overflow:hidden;}
.zul_1 li .img img{ width:100%; float:left;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: width all 0.3s linear;}
.zul_1 li:hover .img img{transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);}
.zul_1 li .name{ width:100%; float:left; margin-top:10px;}
.zul_1 li .name a{ display:block; width:100%; float:left; font-size:16px; color:#2c4270; line-height:22px;}
@media screen and (max-width:991px){
    .zrow_1{ margin:0 -16px;}
    .zul_1{ margin-top:-8px;}
    .zul_1 li{ width:25%; }
}
@media screen and (max-width:767px){
    .zbanner{ min-height:100px;}
    .zlink1{ margin-top:15px; font-size:12px; line-height:20px;}
    .zrow_1{ margin:0 -5px;}
    .zul_1{ margin-top:0px;}
    .zul_1 li{ width:50%; padding:0 5px; margin-top:12px;}
    .zul_1 li .name{ margin-top:5px;}
    .zul_1 li .name a{ font-size:14px; line-height:20px;}
}

/*关于崔家堂*/
.z_0100_1{ padding:0 0 56px 0;}
.z_0100_1 .zcontent1{ width:100%; float:left; background:url(images/zgycjt1.jpg) no-repeat center center; background-size:cover; overflow:hidden;background-attachment: fixed; padding:29px 0 68px 0;}
.z_0100_1 .zcontent1 .zcontent1_box{ width:100%; float:left; padding:10px 25px 116px 25px; background:url(images/zgycjt2.jpg); position:relative;}
.z_0100_1 .zcontent1 .zcontent1_box .ico{ position:absolute; left:-30px; top:-25px;}
.ztit_1{ width:100%; float:left; text-align:center; font-size:24px; color:#004594; line-height:68px; font-weight:bold; background:url(images/zgycjt3.png) no-repeat center center; letter-spacing:1px;}
.z_0100_1 .zcontent1 .zcontent1_box .img{ float:left; width:398px; float:left; margin-top:8px;}
.z_0100_1 .zcontent1 .zcontent1_box .img img{ width:100%; float:left;}
.z_0100_1 .zcontent1 .zcontent1_box .text{ margin-left:420px; position:relative; z-index:1;}
.z_0100_1 .zcontent1 .zcontent1_box .text .p{ width:100%; float:left; font-size:14px; color:#2c4270; line-height:24px; text-indent:2em; letter-spacing:1px; margin-top:13px;}
.z_0100_1 .zcontent1 .zcontent1_box .text .p a{ color:#2c4270;}
.z_0100_1 .zcontent1 .zcontent1_box .bian{ width:100%; padding:0 18px; position:absolute; left:0px; bottom:44px;}
@media screen and (max-width:991px){
    .ztit_1{ font-size:20px; line-height:48px; background-size:auto 100%;}
    .z_0100_1 .zcontent1{padding:20px 0 48px 0;}
    .z_0100_1 .zcontent1 .zcontent1_box .img{ width:298px;}
    .z_0100_1 .zcontent1 .zcontent1_box .text{ margin-left:320px;}
    .z_0100_1 .zcontent1 .zcontent1_box .text .p{ font-size:12px; line-height:20px;}
    .z_0100_1 .zcontent1 .zcontent1_box{ padding:10px 15px 76px 15px;}
    .z_0100_1 .zcontent1 .zcontent1_box .bian{ padding:0 10px;}
}
@media screen and (max-width:767px){
    .ztit_1{ font-size:16px; line-height:38px;}
    .z_0100_1 .zcontent1{padding:10px 0 28px 0;}
    .z_0100_1 .zcontent1 .zcontent1_box .ico{ width:43px; left:-20px; top:-15px;}
    .z_0100_1 .zcontent1 .zcontent1_box{ padding:10px 12px 46px 12px;}
    .z_0100_1 .zcontent1 .zcontent1_box .img{ width:100%;}
    .z_0100_1 .zcontent1 .zcontent1_box .text{ margin-left:0; width:100%; float:left;}
    .z_0100_1 .zcontent1 .zcontent1_box .bian{ padding:0 6px; bottom:24px;}
}

.z_0100_1 .zcontent2{ width:100%; float:left; background:url(images/zgycjt7.jpg) no-repeat center center; padding:28px 0 0 0;}
.z_0100_1 .zcontent2 .zcontent2_box{ width:100%; float:left; margin-top:59px;/* padding:0 76px 0 115px;*/ overflow:hidden;}
.z_0100_1 .zcontent2 .zcontent2_box .img{ float:left; width:54.11%;}
.z_0100_1 .zcontent2 .zcontent2_box .img img{ width:100%; float:left;}
.z_0100_1 .zcontent2 .zcontent2_box .c_305{ width:400px; float:right; margin-top:8px; text-align:right;}
.z_0100_1 .zcontent2 .zcontent2_box .c_305 h4{ width:100%; float:left; font-size:24px; color:#004594; line-height:27px;}
.z_0100_1 .zcontent2 .zcontent2_box .c_305 .p{ width:100%; float:left; font-size:12px; color:#6f8297; line-height:16px; margin-top:12px;}
.z_0100_1 .zcontent2 .zcontent2_box .c_305 .logo{ float:right; margin-top:37px;}
@media screen and (max-width:1199px){
    .z_0100_1 .zcontent2 .zcontent2_box{ margin-top:39px; padding:0 26px 0 65px;}
}
@media screen and (max-width:991px){
    .z_0100_1 .zcontent2 .zcontent2_box{ margin-top:29px; padding:0 0 0 0;}
}
@media screen and (max-width:767px){
    .z_0100_1 .zcontent2 .zcontent2_box{ margin-top:19px;}
    .z_0100_1 .zcontent2 .zcontent2_box .img{ width:100%;}
    .z_0100_1 .zcontent2 .zcontent2_box .c_305{ width:100%; text-align:center;}
    .z_0100_1 .zcontent2 .zcontent2_box .c_305 h4{ font-size:18px; line-height:22px;}
    .z_0100_1 .zcontent2 .zcontent2_box .c_305 .p{ margin-top:6px;}
    .z_0100_1 .zcontent2 .zcontent2_box .c_305 .logo{ margin-top:17px; width:100%;}
    .z_0100_1 .zcontent2 .zcontent2_box .c_305 .logo img{ width:111px;}
}

.z_0100_1 .zcontent3{ width:100%; float:left; margin-top:57px;}
.z_0100_1 .zcontent3 .zcontent3_box{ width:100%; float:left; padding:0 0 178px 0; overflow:hidden;}
.z_0100_1 .zcontent3 ul{ width:100%; float:left; margin-top:72px; padding:0 19px;}
.z_0100_1 .zcontent3 ul li{ width:20%; float:left; background:url(images/zgycjt11.png) no-repeat center center; background-size:contain; height:183px; text-align:center;}
.z_0100_1 .zcontent3 ul li .ico{ width:100%; height:66px; margin-top:33px;}
.z_0100_1 .zcontent3 ul li .ico img{ height:100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.z_0100_1 .zcontent3 ul li h5{ width:100%; float:left; margin-top:15px; font-size:18px; color:#004594; line-height:25px;}
.z_0100_1 .zcontent3 ul li:hover .ico img{ transform:rotateY(180deg);}

@media screen and (max-width:1199px){
    .z_0100_1 .zcontent3 ul li{ height:133px;}
    .z_0100_1 .zcontent3 ul li .ico{ height:46px; margin-top:23px;}
}
@media screen and (max-width:991px){
    .z_0100_1{ padding:0 0 36px 0;}
    .z_0100_1 .zcontent3{ margin-top:37px;}
    .z_0100_1 .zcontent3 .zcontent3_box{ padding:0 0 128px 0;}
    .z_0100_1 .zcontent3 ul{ margin-top:42px; padding:0 0px;}
    .z_0100_1 .zcontent3 ul li{ height:103px;}
    .z_0100_1 .zcontent3 ul li .ico{ height:36px; margin-top:20px;}
    .z_0100_1 .zcontent3 ul li h5{ margin-top:5px; font-size:16px; line-height:21px;}
}
@media screen and (max-width:767px){
    .z_0100_1{ padding:0 0 26px 0;}
    .z_0100_1 .zcontent3{ margin-top:27px;}
    .z_0100_1 .zcontent3 .zcontent3_box{ padding:0 0 68px 0;}
    .z_0100_1 .zcontent3 ul{ margin-top:12px; text-align:center;}
    .z_0100_1 .zcontent3 ul li{ display:inline-block; *zoom:1; *display:inline; float:none; width:32%; margin-top:15px; height:83px;}
    .z_0100_1 .zcontent3 ul li .ico{ height:30px; margin-top:15px;}
    .z_0100_1 .zcontent3 ul li h5{ margin-top:5px; font-size:14px; line-height:18px;}
}

/*视频中心*/
.zul_1 li .img span{ display:block; background:url(images/zspzx1.png) no-repeat center center; width:52px; height:52px; position:absolute; left:50%; top:50%; margin:-42px 0 0 -26px; background-size:contain;}
@media screen and (max-width:767px){
    .zul_1 li .img span{ width:32px; height:32px; margin:-28px 0 0 -16px;}
}

/*荣誉资质*/
.zul_2{ width:100%; float:left; margin-top:-22px; padding:0 70px;}
.zul_2 li{ width:33.33%; float:left; margin-top:50px; padding:0 74px;}
.zul_2 li img{ width:100%; float:left;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: width all 0.3s linear;}
.zul_2 li:hover img{transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);}
@media screen and (max-width:1199px){
    .zul_2 li{ padding:0 44px;}
}
@media screen and (max-width:991px){
    .zul_2{ padding:0 30px;}
    .zul_2 li{ padding:0 24px;}
}
@media screen and (max-width:767px){
    .zul_2{ padding:0 0px; margin-top:0;}
    .zul_2 li{ padding:0 10px; margin-top:15px;}
}

/*客户案例*/
.zul_3{ width:100%; float:left; padding:0 20px;}
.zul_3 li{ width:100%; float:left; padding:25px 0 26px 365px; position:relative; border-bottom:dashed 1px #f0f0f0;}
.zul_3 li .img{ width:322px; height:194px; position:absolute; left:0; top:25px; overflow:hidden;
    -moz-border-radius:17px;
    -webkit-border-radius:17px;
    -khtml-border-radius:17px;
    border-radius:17px;}
.zul_3 li .img img{ width:100%; float:left;}
.zul_3 li .text{  width:100%; float:left;}
.zul_3 li .text .name{ width:100%; float:left; padding-right:85px; position:relative;}
.zul_3 li .text .name a{ width:100%; float:left; display:block; font-size:20px; color:#004594; line-height:22px; font-weight:bold; letter-spacing:1px;}
.zul_3 li .text .name span{ position:absolute; right:0; top:0; font-size:14px; color:#7b8aaa; line-height:22px;}
.zul_3 li .text .p{ width:100%; float:left; margin-top:19px; font-size:13px; color:#7b8aaa; line-height:18px; height:36px; overflow:hidden; letter-spacing:1px;}
.zul_3 li .text .detail{ width:82px; height:39px; text-align:center; float:left; margin-top:77px; border:solid 1px #004594; position:relative; overflow:hidden;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;}
.zul_3 li .text .detail a{ display:block; width:100%; height:100%; position:relative; z-index:2; background:url(images/zkhal3.png) no-repeat center center;}
.zul_3 li .text .detail span{ width:0; height:0; position:absolute; left:50%; top:50%; background:url(images/zkhal2.jpg); background-size:cover;
    -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;}
.zul_3 li:hover .text .detail a{ background-image:url(images/zkhal3_h.png);}
.zul_3 li:hover .text .detail span{ width:105%; height:105%; left:-1px; top:-1px;}
.zul_3 li.l1{ padding:25px 365px 26px 0;}
.zul_3 li.l1 .img{ left:auto; right:0;}
.zul_3 li.l1 .text{ text-align:right;}
.zul_3 li.l1 .text .name{ padding-right:0; padding-left:85px;}
.zul_3 li.l1 .text .name span{ right:auto; left:0;}
.zul_3 li.l1 .text .detail{ float:right;}
@media screen and (max-width:991px){
    .zul_3 li{ padding:25px 0 26px 245px;}
    .zul_3 li .img{ width:222px; height:134px;}
    .zul_3 li .text .detail{ margin-top:17px;}
    .zul_3 li.l1{ padding:25px 245px 26px 0;}
}
@media screen and (max-width:767px){
    .zul_3{ padding:0 0px;}
    .zul_3 li{ padding:15px 0 16px 132px;}
    .zul_3 li .img{ width:122px; height:74px; top:15px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        -khtml-border-radius:10px;
        border-radius:10px;}
    .zul_3 li .text .detail{ margin-top:10px;}
    .zul_3 li.l1{ padding:15px 132px 16px 0;}
    .zul_3 li .text .name{ padding:0 !important;}
    .zul_3 li .text .name a{ font-size:16px; line-height:20px;}
    .zul_3 li .text .name span{ font-size:12px; line-height:20px; display:none;}
    .zul_3 li .text .p{ margin-top:10px; font-size:12px; line-height:16px; height:30px;}
    .zul_3 li .text .detail{ width:62px; height:24px;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        -khtml-border-radius:6px;
        border-radius:6px;}
    .zul_3 li .text .detail a{ background-size:12px auto;}
}

/*联系我们*/
.z_1200_1{ width:100%; float:left;}
.z_1200_1 .zcontent1{ width:100%; float:left; padding:32px 0 46px 0; overflow:hidden;}
.zrow_2{ margin:0 -43px;}
.z_1200_1 .zcontent1 ul{ width:100%; float:left;}
.z_1200_1 .zcontent1 ul li{ width:33.333%; float:left; padding:0 43px;}
.z_1200_1 .zcontent1 ul li .zbox{ width:100%; float:left; background:url(images/zlxwm1.jpg) no-repeat center center; background-size:100% 100%; padding:16px 28px 33px 35px;}
.z_1200_1 .zcontent1 ul li .zbox .title{ width:100%; float:left; padding-right:50px; position:relative;}
.z_1200_1 .zcontent1 ul li .zbox .title .ico{ position:absolute; right:0; top:0;}
.z_1200_1 .zcontent1 ul li .zbox .title .ico img{ width:100%; float:left;}
.z_1200_1 .zcontent1 ul li .zbox .title h4{ width:100%; float:left; font-size:18px; color:#003e85; line-height:26px; font-weight:bold;}
.z_1200_1 .zcontent1 ul li .zbox .title h6{ width:100%; float:left; font-size:14px; color:#60748b; line-height:21px;}
.z_1200_1 .zcontent1 ul li .zbox .p{ width:100%; float:left; margin-top:24px; font-size:14px; color:#064388; line-height:22px;}
.z_1200_1 .zcontent1 ul li .zbox .p a{ color:#064388;}
.z_1200_1 .zcontent1 ul li .zbox .p a.a1{ float:right;}
@media screen and (max-width:1199px){
    .zrow_2{ margin:0 -13px;}
    .z_1200_1 .zcontent1 ul li{ padding:0 13px;}
    .z_1200_1 .zcontent1 ul li .zbox{ padding:16px 13px 23px 15px;}
}
@media screen and (max-width:991px){
    .z_1200_1 .zcontent1 ul li .zbox .p a.a1{ float:left; margin-right:15px;}
}
@media screen and (max-width:767px){
    .z_1200_1 .zcontent1{ padding:12px 0 26px 0;}
    .z_1200_1 .zcontent1 ul li{ width:100%; margin-top:10px;}
    .z_1200_1 .zcontent1 ul li .zbox{ padding:12px 10px 13px 10px;}
    .z_1200_1 .zcontent1 ul li .zbox .title{ padding-right:30px;}
    .z_1200_1 .zcontent1 ul li .zbox .title .ico{ width:30px;}
    .z_1200_1 .zcontent1 ul li .zbox .title h4{ font-size:14px; line-height:20px;}
    .z_1200_1 .zcontent1 ul li .zbox .title h6{ font-size:12px; line-height:18px;}
    .z_1200_1 .zcontent1 ul li .zbox .p{ margin-top:14px; font-size:12px; line-height:20px;}
}

.z_1200_1 .zcontent2{ width:100%; float:left; padding:0 0 72px 0; overflow:hidden;}
.z_1200_1 .zcontent2 .c_603{ width:50.25%; float:left; height:603px;}
#dituContent{ position:relative; width:100%; height:100%;}
.z_1200_1 .zcontent2 .c_482{ width:40.17%; float:right; margin-right:3.8%;}
.z_1200_1 .zcontent2 .c_482 .title{ width:100%; float:left;}
.z_1200_1 .zcontent2 .c_482 .title img{ float:left; margin-right:12px;}
.z_1200_1 .zcontent2 .c_482 .title h3{ width:80%; float:left; font-size:24px; color:#003e85; font-weight:bold; line-height:1;}
.z_1200_1 .zcontent2 .c_482 .title h6{ float:left; font-size:14px; color:#60748b; line-height:1; margin-top:10px;}
.z_1200_1 .zcontent2 .c_482 ul{ width:100%; float:left; margin-top:24px;}
.z_1200_1 .zcontent2 .c_482 ul li{ width:100%; float:left; margin-top:27px; border-bottom:solid 1px #96a9be;}
.z_1200_1 .zcontent2 .c_482 ul li input{ display:block; width:100%; float:left; height:34px; line-height:34px; font-size:14px; color:#8da0b6;}
.z_1200_1 .zcontent2 .c_482 ul li.l0{ margin-top:65px;}
.z_1200_1 .zcontent2 .c_482 ul li textarea{ display:block; width:100%; float:left; height:160px; line-height:24px; font-size:14px; color:#8da0b6; border:0;}
.z_1200_1 .zcontent2 .c_482 ul li.l1{ margin-top:139px; border-bottom:0;}
.z_1200_1 .zcontent2 .c_482 ul li.l1 input{ display:block; width:128px; height:43px; line-height:43px; text-align:center; cursor:pointer; background:#0049ba; font-size:18px; color:white;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;}
.z_1200_1 .zcontent2 .c_482 ul li.l1 input:hover{ background-color:#065fe8;}
@media screen and (max-width:991px){
    .z_1200_1 .zcontent2 .c_603{ height:403px;}
    .z_1200_1 .zcontent2 .c_482 ul li.l1{ margin-top:39px;}
    .z_1200_1 .zcontent2 .c_482 ul li.l0{ margin-top:27px;}
    .z_1200_1 .zcontent2 .c_482 ul{ margin-top:0px;}
    .z_1200_1 .zcontent2 .c_482 ul li textarea{ height:120px;}
}
@media screen and (max-width:767px){
    .z_1200_1 .zcontent2{ padding:0 0 22px 0; }
    .z_1200_1 .zcontent2 .c_603{ width:100%; height:203px;}
    .z_1200_1 .zcontent2 .c_482{ width:100%; margin-right:0; margin-top:20px;}
    .z_1200_1 .zcontent2 .c_482 .title img{ margin-right:6px; width:30px;}
    .z_1200_1 .zcontent2 .c_482 .title h3{ font-size:18px;}
    .z_1200_1 .zcontent2 .c_482 .title h6{ font-size:12px; margin-top:6px;}
    .z_1200_1 .zcontent2 .c_482 ul li.l1{ margin-top:39px;}
    .z_1200_1 .zcontent2 .c_482 ul li.l0{ margin-top:27px;}
    .z_1200_1 .zcontent2 .c_482 ul{ margin-top:0px;}
    .z_1200_1 .zcontent2 .c_482 ul li textarea{ height:120px;}
    .z_1200_1 .zcontent2 .c_482 ul li input{ height:30px; line-height:30px; font-size:12px;}
    .z_1200_1 .zcontent2 .c_482 ul li.l1{ margin-top:19px;}
    .z_1200_1 .zcontent2 .c_482 ul li.l0{ margin-top:17px;}
    .z_1200_1 .zcontent2 .c_482 ul li.l1 input{ width:88px; height:38px; line-height:38px; font-size:14px;}
}

/*文章详情*/
.z_1200_2{ width:100%; float:left; padding:32px 0 30px 0;}
.z_1200_2 .title{ width:100%; float:left; font-size:24px; color:#004594; line-height:30px; font-weight:bold; letter-spacing:1px;}
.z_1200_2 .main{ width:100%; float:left; margin-top:18px; padding-bottom:22px; border-bottom:solid 1px #f0f0f0;}
.z_1200_2 .main .time{ float:left; font-size:14px; color:#7b8aaa; line-height:20px;}
.z_1200_2 .main .from{ float:right; font-size:14px; color:#7b8aaa; line-height:20px;}
.z_1200_2 .p{ width:100%; float:left; margin-top:27px; font-size:14px; color:#354366; line-height:18px; /*text-indent:2em;*/}
.z_1200_2 .p .video_box{width:100%; height:450px; text-align:center;}
.z_1200_2 .p .video_box video{ height:100%; max-width:100%;}
.z_1200_2 .p .video_box p:first-child{width:100%; height:100%;}
.z_1200_2 .p .video_box iframe{width:auto; height:100%; max-width:100%;}
.z_1200_2 .main1{ width:100%; float:left; margin-top:68px; padding-top:19px; border-top:solid 1px #f0f0f0;}
.z_1200_2 .main1 .main1_l{ float:left;}
.z_1200_2 .main1 .main1_l .bdsharebuttonbox{ float:left;}
.z_1200_2 .main1 .main1_l .bdsharebuttonbox span{ display:block; float:left; font-size:14px; color:#7b8aaa; line-height:22px;}
.z_1200_2 .main1 .main1_l .bdsharebuttonbox a{ display:block; margin:0 !important; margin-left:10px !important; width:22px; height:22px; padding:0 !important;}
.z_1200_2 .main1 .main1_l .bdsharebuttonbox a.a1{ background:url(images/zwzxq2.png) no-repeat center center; background-size:cover;}
.z_1200_2 .main1 .main1_l .bdsharebuttonbox a.a2{ background:url(images/zwzxq3.png) no-repeat center center; background-size:cover;}
.z_1200_2 .main1 .main1_r{ float:right; width:360px;}
.z_1200_2 .main1 .main1_r h5{ width:50%; float:left; font-size:14px; color:#7b8aaa; line-height:22px; overflow: hidden; padding-left:5px;
    text-overflow: ellipsis;
    white-space: nowrap;}
.z_1200_2 .main1 .main1_r h5 a{ color:#7b8aaa;}
.z_1200_2 .main1 .main1_r h5:hover,.z_1200_2 .main1 .main1_r h5:hover a{ color:#004594;}
@media  screen and (max-width:767px){
    .z_1200_2{ padding:22px 0 20px 0;}
    .z_1200_2 .title{ font-size:18px; line-height:22px;}
    .z_1200_2 .main{ margin-top:10px; padding-bottom:12px;}
    .z_1200_2 .main .time{ font-size:12px; line-height:18px;}
    .z_1200_2 .main .from{ font-size:12px; line-height:18px;}
    .z_1200_2 .p{ margin-top:17px; font-size:12px;}
    .z_1200_2 .p .video_box{width:100%; height:250px;}
    .z_1200_2 .main1{ margin-top:28px; padding-top:10px;}
    .z_1200_2 .main1 .main1_l{ width:100%;}
    .z_1200_2 .main1 .main1_r{ width:100%;}
    .z_1200_2 .main1 .main1_r h5{ font-size:12px; line-height:18px;}
}

/* 分页 */
.zwaik_1{ width:100%; float:left; margin:83px 0 45px 0; text-align:center;}
.zwaik_2{ width:100%; float:left; margin:50px 0 48px 0; text-align:center;}
.zpz_fy{ display: inline-block; *display: inline; *zoom: 1;}
.zpz_fy a { float:left; height:23px; line-height:23px; COLOR: #96a4c3; font-size: 16px; text-decoration:none; margin:0 8px;}
.zpz_fy a:hover,
.zpz_fy a.on{ color: #2c4270;}/*鼠标经过和默认当前页样式*/
.zpz_fy a.a1{ color:#2c4270; margin:0 11px;}

@media  screen and (max-width:991px){
    .zwaik_1{ margin:30px 0 20px 0;}
    .zwaik_2{ margin:22px 0 20px 0;}
    .zfy_pc{  text-align:center; font-size:14px; color:#333;}
    .zfy_pc a{ display: inline-block; *display: inline; *zoom: 1; padding:5px 10%; color:#004594; border:solid 1px #004594; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
    .zfy_pc span{ padding:5px 5%; color:#004594;}
}











































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


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


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


/*20180730*/
.zsPain{ background: url("images/20180730_1.jpg") center no-repeat; background-size: cover;}
.zsPainBox{ padding:5.83% 0 5.83% 0; }
.zsPainTitle{}
.zsPainTitle .painTop{ text-align: center; line-height: 0;}
.zsPainTitle .painTop span{ display: inline-block; vertical-align: top; padding: 0 24px 0 32px; background-color: #7e0e24; color: #fff; font-size:20px; line-height: 35px; letter-spacing:6px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}
.zsPainTitle .painChina{ padding: 1.41% 0 1% 0; color: #7e0e24; font-size: 36px; line-height: 1; text-align: center;}
.zsPainTitle .painEnglish{ text-align: center; color: #c0c0c0; font-size: 12px; line-height: 15px; text-transform: uppercase;}
@media screen and (max-width:1229px){
    .zsPainTitle .painChina{ font-size: 32px; }
}
@media screen and (max-width:991px){
    .zsPainTitle .painTop span{ padding: 0 12px 0 12px;  font-size:16px; line-height: 26px;
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        -o-border-radius:4px;
    }
    .zsPainTitle .painChina{ font-size: 26px; }
}
@media screen and (max-width:767px){
    .zsPainTitle .painTop span{ padding: 0 6px 0 6px;  font-size:14px; line-height: 22px;  }
    .zsPainTitle .painChina{ font-size: 20px; }
}

.zsPainDown{ padding-top: 1.5%;}
.zsPainDown .painLeft{ float: left; width: 29.5%; margin: 2.5% 0 0 0.83%; background-color: #e3e3e3;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.zsPainDown .painLeft .img{ float: left; width: 94%; margin: 6% 6% 0 0; overflow: hidden;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.zsPainDown .painRight{ padding-left: 38.66%;}
.zsPainDown .painRight .painCell{ float: left; width: 100%; margin-top: 4.32%; background-color: #7e0e24; position: relative;}
.zsPainDown .painRight .painCell .cellLeft{ position: absolute; width: 94px; height: 100%; left: 0; top: 0; background-color: #2a323f; text-align: center; padding: 12px 0; color: #fff; font-size: 24px; font-weight: bold; line-height: 33px;}
.zsPainDown .painRight .painCell .cellLeft::after{ content: ''; position: absolute; width: 0; height: 0; border-left: #2a323f solid 11px; border-top: transparent solid 11px;border-bottom: transparent solid 11px; left: 100%; top: 50%; margin-top: -11px;}

.zsPainDown .painRight .painCell .cellRight{ min-height:94px;  padding: 17px 30px 17px 128px; color: #fff; font-size: 15px; line-height: 30px; }
@media screen and (max-width:991px){
    .zsPainDown .painLeft{ width: 40%; margin: 2.5% 0 0 30%; }
    .zsPainDown .painRight{ padding-left: 0;}
    .zsPainDown .painRight .painCell .cellLeft{ width: 80px;  padding: 10px 0;  font-size: 20px; line-height: 30px;}
    .zsPainDown .painRight .painCell .cellRight{ min-height:80px;  padding: 14px 30px 14px 108px; font-size: 14px; line-height: 26px; }
}
@media screen and (max-width:767px){
    .zsPainDown .painLeft{ width: 60%; margin: 2.5% 0 0 20%; }
    .zsPainDown .painRight .painCell .cellLeft{ width: 60px;  padding: 10px 0;  font-size: 16px; line-height: 20px;}
    .zsPainDown .painRight .painCell .cellLeft::after{  border-left: #2a323f solid 6px; border-top: transparent solid 6px;border-bottom: transparent solid 6px;  margin-top: -6px;}
    .zsPainDown .painRight .painCell .cellRight{ min-height:60px;  padding: 10px 10px 10px 70px; line-height: 20px; }
}

.zsBrand{ background: url("images/20180730_4.jpg") repeat;}
.zsBrandBox{ padding:5% 0 6.16% 0; }

.zsBrandTitle{}
.zsBrandTitle .painTop{ text-align: center; line-height: 0;}
.zsBrandTitle .painTop span{ display: inline-block; vertical-align: top; padding: 0 24px 0 32px; background-color: #7e0e24; color: #fff; font-size:20px; line-height: 35px; letter-spacing:6px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}
.zsBrandTitle .painChina{ padding: 1.41% 0 1% 0; color: #fff; font-size: 36px; line-height: 1; text-align: center;}
.zsBrandTitle .painEnglish{ text-align: center; color: #c0c0c0; font-size: 12px; line-height: 15px; text-transform: uppercase;}
@media screen and (max-width:1229px){
    .zsBrandTitle .painChina{ font-size: 32px; }
}
@media screen and (max-width:991px){
    .zsBrandTitle .painTop span{ padding: 0 12px 0 12px;  font-size:16px; line-height: 26px;
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        -o-border-radius:4px;
    }
    .zsBrandTitle .painChina{ font-size: 26px; }
}
@media screen and (max-width:767px){
    .zsBrandTitle .painTop span{ padding: 0 6px 0 6px;  font-size:14px; line-height: 22px;  }
    .zsBrandTitle .painChina{ font-size: 20px; }
}
.zsBrandDown{ margin-top: 3.83%;}
.zsBrandSlide{ float: left; width: 100%; line-height: 0;}
.zsBrandSlide li{ position: relative; line-height: 0;}
.zsBrandSlide li .brandFloat{ position: absolute; right: 0; top: 0; width: 50%; height: 100%; padding: 6.16% 3.75% 0 4.16%; background-color: rgba(192,47,54,0.85); text-align: right;}
.zsBrandSlide li .brandFloat .float_1{ color: #fff; font-size: 20px; line-height: 1.5;}
.zsBrandSlide li .brandFloat .float_1 .rr{ float: right; margin-left: 10px;}
.zsBrandSlide li .brandFloat .float_1 .eng{ color: rgba(255,255,255,0.6); text-transform: uppercase; font-size: 18px;}
.zsBrandSlide li .brandFloat .float_2{ padding-top: 7px; color: #fff; font-size: 38px; line-height: 1.28; font-weight: bold;}
.zsBrandSlide li .brandFloat .float_3{ margin-top: 4.72%; height: 150px; color: #fff; font-size: 14px; line-height: 30px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.zsBrandSlide .owl-nav{ position: absolute; right:3.75%; bottom: 75px; }
.zsBrandSlide .owl-prev{ position: static; float: left; width:70px; height: 27px; background: url("images/20180730_8.png") no-repeat; background-size: cover; text-indent: -100px; overflow: hidden; }
.zsBrandSlide .owl-prev:hover{background: url("images/20180730_7h.png") no-repeat; background-size: cover;}
.zsBrandSlide .owl-next{ position: static; float: left; width:70px; height: 27px; background: url("images/20180730_7.png") no-repeat; background-size: cover; margin-left: 14px; text-indent: -100px; overflow: hidden; }
.zsBrandSlide .owl-next:hover{background: url("images/20180730_8h.png") no-repeat; background-size: cover;}
@media screen and (max-width:1229px){
    .zsBrandSlide li .brandFloat .float_2{  font-size: 32px; }
    .zsBrandSlide .owl-nav{ bottom: 25px; }
}
@media screen and (max-width:991px){
    .zsBrandSlide li .brandFloat{ position: static; right: auto; top: auto; width: 100%; height: auto; padding: 6.16% 3.75% 5% 4.16%; }
    .zsBrandSlide li .brandFloat .float_2{  font-size: 26px; }
}
@media screen and (max-width:767px){
    .zsBrandSlide li .brandFloat{ text-align: left; padding: 6.16% 3.75% 40px 4.16%;}
    .zsBrandSlide li .brandFloat .float_1{ font-size: 15px;}
    .zsBrandSlide li .brandFloat .float_1 .rr{ float: left; margin-left: 0; margin-right: 5px;}
    .zsBrandSlide li .brandFloat .float_1 .eng{ font-size: 12px;}
    .zsBrandSlide li .brandFloat .float_2{ font-size: 19px; }
    .zsBrandSlide li .brandFloat .float_3{ height: 120px;  font-size: 14px; line-height: 24px;  }
    .zsBrandSlide .owl-nav{ bottom: 12px; }
    .zsBrandSlide .owl-prev{ width:52px; height: 20px; }
    .zsBrandSlide .owl-next{ width:52px; height: 20px; }

}




.zsAdvantage{ padding: 5.58% 0 5.58% 0;}
.zsAdvantageDown{ padding: 2.66% 0 0 0;}
.zsAdvantageDown .tageTop{ float: left; width: 100%; padding: 0 11.16%;}
.zsAdvantageDown .tageTop .ageLi{ float: left; width: 25%; padding: 0 35px;}
.zsAdvantageDown .tageTop .ageLi .ageBack{ background-color: #2a323f; position: relative; overflow: hidden;
    border-radius:22px;
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
    -o-border-radius:22px;
}
.zsAdvantageDown .tageTop .ageLi .ageBack::after{ content: ''; position: absolute; width: 0; height: 0; border-bottom: #a52b32 solid 47px; border-left: transparent solid 47px; right: 0; bottom: 0;}

.zsAdvantageDown .tageTop .ageLi .ageBack .ageCount{ padding-top: 14%; text-align: center; color: #fff; font-size: 70px; font-weight: bold; line-height: 70px;}
.zsAdvantageDown .tageTop .ageLi .ageBack .ageCount .center{ display: inline-block; vertical-align: top; position: relative;}
.zsAdvantageDown .tageTop .ageLi .ageBack .ageCount .sup{ position: absolute; left: 100%; top: 0; line-height: 30px;  font-size: 14px; font-weight: normal; }
.zsAdvantageDown .tageTop .ageLi .ageBack .ageDown{ padding-bottom: 16.56%; text-align: center; color: #fff; font-size: 14px; line-height: 22px; font-weight: normal; }
.zsAdvantageDown .tageDown{ float: left; width: 100%; padding: 2.83% 0 0 0; text-align: center; line-height: 28px; color: #636363; font-size: 14px;}
.zsAdvantageDown .tageDown .sdo{ display: block;}
@media screen and (max-width:1229px){
    .zsAdvantageDown .tageTop{  padding: 0;}
    .zsAdvantageDown .tageTop .ageLi .ageBack .ageCount{ font-size: 70px; line-height: 70px;}
}
@media screen and (max-width:991px){
    .zsAdvantageDown .tageTop .ageLi{  padding: 0 15px;}
    .zsAdvantageDown .tageTop .ageLi .ageBack .ageCount{ font-size: 50px; }
    .zsAdvantageDown .tageDown .sdo{ display: inline;}
}
@media screen and (max-width:767px){
    .zsAdvantageDown .tageTop .ageLi{ width: 50%; padding: 0 30px 0 30px; margin-top: 15px;}
    .zsAdvantageDown .tageTop .ageLi .ageBack{
        border-radius:12px;
        -webkit-border-radius:12px;
        -moz-border-radius:12px;
        -o-border-radius:12px;
    }
    .zsAdvantageDown .tageTop .ageLi .ageBack::after{ border-bottom: #a52b32 solid 30px; border-left: transparent solid 30px; }
    .zsAdvantageDown .tageTop .ageLi .ageBack .ageCount{ font-size: 40px; line-height: 40px; }
}


.zsTreasure{ background: url("images/20180730_9.png") top repeat-x #f8f9fb;}
.zsTreasureDown{background: url("images/20180730_10.png") bottom repeat-x;}
.zsTreasureBox{ padding: 8.75% 0 6.5% 0;}
.zsTreasureSub{ margin-top: 4%; position: relative; height: 530px;}
.zsTreasureSub .subPic{ position: absolute; width: 51.08%; top: 0; left: 24.5%;}
.zsTreasureSub .sub_1{ position: absolute; width: 227px; left: 0;top: 0; padding: 8px 14px 0 14px;}
.zsTreasureSub .subTitle{ color: #fff; font-size: 18px; font-weight: bold; line-height: 40px; text-align: center; padding-right: 40px;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
}
.zsTreasureSub .sub_1 .subTitle{ background-color: #f85c5d; }
.zsTreasureSub .subTitle .count{ float: left; width: 42px; height: 42px; border: #fff solid 2px; color: #fff; font-size: 28px; font-weight: bold;; line-height: 36px; text-align: center; margin-left: -1px; margin-top: -1px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.zsTreasureSub .subText{ padding-top: 15px; padding-left: 10px; color: #8b8b8b; font-size: 14px; line-height: 26px;}
.zsTreasureSub .sub_2{ position: absolute; width: 227px; left: 10px;top: 165px; padding: 8px 14px 0 14px;}
.zsTreasureSub .sub_2 .subTitle{ background-color: #f89a55; }
.zsTreasureSub .sub_3{ position: absolute; width: 250px; left: 147px;top: 382px; padding: 8px 0 0 14px;}
.zsTreasureSub .sub_3 .subTitle{ background-color: #f87652; }
.zsTreasureSub .sub_4{ position: absolute; width: 250px; left: 480px; top: 413px; padding: 8px 14px 0 14px;}
.zsTreasureSub .sub_4 .subTitle{ background-color: #ecc831; }
.zsTreasureSub .sub_5{ position: absolute; width: 280px; left: 849px; top: 386px; padding: 8px 14px 0 14px;}
.zsTreasureSub .sub_5 .subTitle{ background-color: #6eb9ff; }
.zsTreasureSub .sub_6{ position: absolute; width: 260px; right: 0; top: 165px; padding: 8px 14px 0 14px;}
.zsTreasureSub .sub_6 .subTitle{ background-color: #ec688c; }
.zsTreasureSub .sub_7{ position: absolute; width: 235px; right: 0; top: 0; padding: 8px 0 0 14px;}
.zsTreasureSub .sub_7 .subTitle{ background-color: #8ca9c9; }
@media screen and (max-width:1229px){
    .zsTreasureSub .sub_3{  left: 105px;top: 300px; }
    .zsTreasureSub .sub_4{  left: 380px; top: 330px; }
    .zsTreasureSub .sub_5{ width: 280px; left: 640px; top: 300px; }
}
@media screen and (max-width:991px){
    .zsTreasureSub{ height: auto;}
    .zsTreasureSub .subPic{ position:  static; float: left; width:100%; top: auto; left: auto;}
    .zsTreasureSub .sxs{ 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;
    }
    .zsTreasureSub .sub_1{ position: static; float: left; width: 33.33%; left: auto;top: auto;}
    .zsTreasureSub .sub_2{ position: static; float: left; width: 33.33%; left: auto;top: auto;}
    .zsTreasureSub .sub_3{ position: static; float: left; width: 33.33%; left: auto;top: auto;}
    .zsTreasureSub .sub_4{ position: static; float: left; width: 33.33%; left: auto;top: auto;}
    .zsTreasureSub .sub_5{ position: static; float: left; width: 33.33%; left: auto;top: auto;}
    .zsTreasureSub .sub_6{ position: static; float: left; width: 33.33%; right: auto;top: auto;}
    .zsTreasureSub .sub_7{ position: static; float: left; width: 33.33%; right: auto;top: auto;}
    .zsTreasureSub .subText{ padding-top: 15px; padding-left: 10px; color: #8b8b8b; font-size: 14px; line-height: 26px;}
}
@media screen and (max-width:767px){
    .zsTreasureSub .subTitle{ font-size: 14px; line-height: 32px; padding-right: 22px; }
    .zsTreasureSub .subTitle .count{  width: 34px; height: 34px; border: #fff solid 1px; font-size: 18px; line-height: 32px; }
    .zsTreasureSub .sub_1{ width: 50%; }
    .zsTreasureSub .sub_2{ width: 50%; }
    .zsTreasureSub .sub_3{ width: 50%; }
    .zsTreasureSub .sub_4{ width: 50%; }
    .zsTreasureSub .sub_5{ width: 50%; }
    .zsTreasureSub .sub_6{ width: 50%; }
    .zsTreasureSub .sub_7{ width: 100%;}
    .zsTreasureSub .subText{ padding-top: 15px; padding-left: 10px; color: #8b8b8b; font-size: 14px; line-height: 26px;}
}


.zsTech{ background: url("images/20180730_12.jpg") top center no-repeat; background-size: cover;}
.zsTechBox{ padding: 5.58% 0 6.66% 0;}
.zsTechDown{}
.zsTechDown .techText{ padding: 2.5% 6.5% 2.83% 6.5%; color: #d0d0d0; font-size: 14px; line-height: 30px; text-align: center;}
.zsTechDown .techText .text{ font-weight: bold; font-size: 18px;}
.techList{ margin: 0 -7px;}
.techList .techUl{ float: left; width: 100%;}
.techList .techUl li{ padding: 0 7px;}
.techList .techUl li .techBlock{ margin-top: 29px; background: url("images/20180730_13.png") no-repeat #efefef; background-size: cover; position: relative;}
.techList .techUl li:hover .techBlock{background: url("images/20180730_13.png") no-repeat #7e0e24;}
.techList .techUl li .techBlock .sz{ position:absolute; width: 49px; height: 56px; top: -29px; left: 50%; margin-left: -25px; background: url("images/20180730_20.png") no-repeat; background-size: cover; font-style: italic; color: #fff; font-size: 20px; font-weight: bold; line-height: 56px; text-align: center;}
.techList .techUl li:hover .techBlock .sz{background: url("images/20180730_20h.png") no-repeat; background-size: cover; color: #7e0e24;}
.techList .techUl li .techBlock .cricleB{ padding: 28.19% 0 13.29% 0; text-align: center; line-height: 0;}
.techList .techUl li .techBlock .cricleB .bbox{ display: inline-block; vertical-align: top; width:114px; background-color: #2d3a46; padding: 5px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.techList .techUl li:hover .techBlock .cricleB .bbox{ background-color: #fff;}

.techList .techUl li .techBlock .cricleB .bbox .bbpic{ overflow: hidden;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.techList .techUl li .techBlock .techLine{ line-height: 0; text-align: center;}
.techList .techUl li .techBlock .techLine span{ display: inline-block; vertical-align: top; width: 31px; height: 2px; background-color: #2d3a46; }
.techList .techUl li:hover .techBlock .techLine span{ background-color: #fff; }
.techList .techUl li .techBlock .techP{ padding: 6.87% 10.5% 18.5% 10.5%;}
.techList .techUl li .techBlock .techP p{ height: 48px; color: #454545; font-size: 14px; line-height: 24px; text-align: center;}
.techList .techUl li:hover .techBlock .techP p{ color: #fff;}
@media screen and (max-width:767px){
    .zsTechDown .techText .text{ font-size: 14px;}
    .techList .techUl li .techBlock{ margin-top: 19px;}
    .techList .techUl li .techBlock .sz{  width: 33px; height: 38px; top: -19px; left: 50%; margin-left: -16px;  font-size: 17px;  line-height: 38px; }
    .techList .techUl li .techBlock .cricleB .bbox{ width:70px;  }
    .techList .techUl li .techBlock .techP p{ height: 60px;  line-height: 20px; }
}


.baise{ background-color: #fff;}
.zsJoin{ padding: 5.83% 0 6.41% 0;}
.zsJoinDown{ position: relative; background: url("images/20180730_22.png") top center no-repeat; background-size: cover;}
.zsJoinDown .zsJoinPic{ position: absolute; width:33%; top: 7.33%; left: 33.5%; line-height: 0; }
.zsJoinDown .zsJoinLine{}
.zsJoinDown .zsJoinBlock{ float:left; width:376px; padding: 2.75% 0 0 0; }
.zsJoinDown .zsJoinBlock.zsJoinBlock_2{ float:right;  }
.zsJoinDown .zsJoinBlock .zsJoinPicture{ line-height: 0;}
.zsJoinDown .zsJoinBlock .zsJoinPicture .pic{ float: left; width: 135px; height: 135px; overflow: hidden;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.zsJoinDown .zsJoinBlock .zsJoinPicture .pic 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;
}
.zsJoinDown .zsJoinBlock .zsJoinPicture .pic: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);
}
.zsJoinDown .zsJoinBlock.zsJoinBlock_2 .zsJoinPicture .pic{ float: right;}
.zsJoinDown .zsJoinBlock .zsJoinTitler{ padding:4.52% 0 3.45% 0; color: #333333; font-size: 30px; line-height: 1.2; }
.zsJoinDown .zsJoinBlock.zsJoinBlock_2 .zsJoinTitler{ text-align: right;}
.zsJoinDown .zsJoinBlock .zsJoinText{ color: #828282; font-size: 14px; line-height: 24px;}
.zsJoinDown .zsJoinBlock.zsJoinBlock_2 .zsJoinText{ text-align: right;}
@media screen and (max-width:1229px){
    .zsJoinDown .zsJoinPic{ top: 20%;  }
    .zsJoinDown .zsJoinBlock{ width:310px; }
    .zsJoinDown .zsJoinBlock .zsJoinPicture .pic{  width: 110px; height: 110px; }
    .zsJoinDown .zsJoinBlock .zsJoinTitler{ font-size: 27px;  }
}
@media screen and (max-width:991px){
    .zsJoinDown .zsJoinPic{ display: none;}
    .zsJoinDown .zsJoinBlock .zsJoinTitler{ font-size: 24px;  }
}
@media screen and (max-width:767px){
    .zsJoinDown .zsJoinBlock{  width:100%; padding: 2.75% 0 2.75% 0; border-bottom: #f1f1f1 dashed 1px; }
    .zsJoinDown .zsJoinBlock .zsJoinPicture .pic{ width: 70px; height: 70px; }
    .zsJoinDown .zsJoinBlock .zsJoinTitler{ font-size: 18px;  }
    .zsJoinDown .zsJoinBlock .zsJoinText{ line-height: 22px;}

}



.zsMode{ background: url("images/20180730_29.jpg") repeat;}
.zsModeBox{ padding:5.83% 0 5.83% 0; }
.zsModeDown{ padding-top: 4%; margin: 0 -20px;}
.zsModeDown ul{ float: left; width: 100%;}
.zsModeDown ul li{ padding: 0 20px;}
.zsModeDown ul li .colorBlock{ background-color: #e9e9e9; position: relative;}
.zsModeDown ul li:hover .colorBlock{ background-color: #7e0e24;}
.zsModeDown ul li .colorBlock::after{ content: ''; position: absolute; width: 0; height: 0; border-top: #e9e9e9 solid 15px; border-left: transparent solid 15px; border-right: transparent solid 15px; top: 100%; left: 50%; margin-left: -15px; z-index: 30; }
.zsModeDown ul li:hover .colorBlock::after{border-top: #7e0e24 solid 15px;}
.zsModeDown ul li.double .colorBlock::after{  border-top: 0; border-bottom: #e9e9e9 solid 15px;  top: auto; bottom: 100%;  }
.zsModeDown ul li:hover.double .colorBlock::after{ border-bottom: #7e0e24 solid 15px; }
.zsModeDown ul li .colorBlock .colorPad{ padding: 0 12%;}
.zsModeDown ul li .colorBlock .colorPad .cpTit{ padding-top: 18.72%; color: #7e0e24; font-size: 20px; line-height: 1.2; text-align: center; font-weight: bold;}
.zsModeDown ul li:hover .colorBlock .colorPad .cpTit{ color: #fff;}
.zsModeDown ul li .colorBlock .colorPad .cpEng{ padding: 5.3% 0 5.65% 0; color: #7e0e24; font-size: 14px; line-height: 15px; text-align: center; text-transform: uppercase;}
.zsModeDown ul li:hover .colorBlock .colorPad .cpEng{ color: #fff;}
.zsModeDown ul li .colorBlock .colorPad .cpLine{ text-align: center; line-height: 0;}
.zsModeDown ul li .colorBlock .colorPad .cpLine span{ display: inline-block; vertical-align: top; width: 68px; height: 2px; background-color: #707070;}
.zsModeDown ul li:hover .colorBlock .colorPad .cpLine span{ background-color: #fff;}
.zsModeDown ul li .colorBlock .colorPad .cpText{ margin-top: 5.3%; text-align: center; color: #666666; font-size: 14px; line-height: 24px;}
.zsModeDown ul li:hover .colorBlock .colorPad .cpText{ color: #fff;}
.zsModeDown ul li .modePic{ line-height: 0; overflow: hidden;}
.zsModeDown ul li .modePic 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;
}
.zsModeDown ul li:hover .modePic 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);
}
@media screen and (max-width:767px){
    .zsModeDown ul li .colorBlock .colorPad .cpTit{ font-size: 17px; }
    .zsModeDown ul li .colorBlock .colorPad .cpText{ font-size: 13px; line-height: 20px;}
    .zsModeDown ul li .colorBlock::after{  border-top: #e9e9e9 solid 10px; border-left: transparent solid 10px; border-right: transparent solid 10px;  margin-left: -10px;  }
    .zsModeDown ul li:hover .colorBlock::after{border-top: #7e0e24 solid 10px;}
    .zsModeDown ul li.double .colorBlock::after{  border-bottom: #e9e9e9 solid 10px;   }
}





/*右侧漂浮*/
.pf_right{ position:fixed; width:174px; right:44px; top:50%; margin-top:-131px; z-index:9999;
-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;}
.pf_right li{ float:left; width:100%; margin-top:3px; cursor:pointer;
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
-khtml-border-radius:2px;
border-radius:2px;}
.pf_right li a{ float:left; width:100%; display:block; height:41px; line-height:41px; color:white; text-align:center; font-size:16px;}
.pf_right li.l1{ background:#821c21;}
.pf_right li.l2{ background:#702437;}
.pf_right li.l3{ background:#51325b;}
.pf_right li.l4{ background:#314182;}
.pf_right li.l5{ background:#124fa6;}
.pf_right li.l6{ background:#0057bc;}
.pf_right li a img{ width:17px; vertical-align:middle; margin:-3px 7px 0 0;}
.pf_right .button{ position:absolute; right:0; bottom:-27px; width:23px; cursor:pointer; overflow:hidden;
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
-khtml-border-radius:2px;
border-radius:2px;
-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;}
.pf_right.on{ right:-174px;}
.pf_right.on .button{ right:100%; transform:rotate(45deg);}
@media screen and (max-width:1199px) {
.pf_right{ right:0;}
}
@media screen and (max-width:991px) {
.pf_right{ width:144px; top:auto; margin-top:0; bottom:25px;}
.pf_right.on{ right:-144px;}
.pf_right li{ margin-top:1px;}
.pf_right li a{ height:31px; line-height:31px; font-size:14px;}
.pf_right li a img{ width:12px; margin:-3px 4px 0 0;}
.pf_right .button{ bottom:-21px; width:20px;}
}