


.pz_top{ width:100%; position:relative; z-index:10001; background:white;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.pz_banner{ float: left; width:100%; position:relative; z-index: 3; overflow:hidden; min-height:100px;}
.pz_main{  width:100%; position:relative; overflow: hidden; min-height:500px;}
.pz_down{ float:left; width:100%; background:#262626; position:relative; z-index:5;}

@media screen and (max-width:991px) {
.pz_top{ width:100%; height:60px; box-shadow:0 2px 5px rgba(0,0,0,0.1); border-right:0; position:absolute;}
.pz_banner{ margin-top:60px;}
}
@media screen and (max-width:767px) {
.pz_down{ padding-bottom:50px;}
}


.top1{ width:100%; height:100px; float:left;}
.top1 .topRight{ float:right; margin-top:23px; font-size:24px; color:#333; line-height:46px; text-transform:uppercase; position:relative; margin-left:208px; font-weight:bold;}
.top1 .topRight:before{ content:''; width:260px; height:21px; background:#f65e23; position:absolute; left:50%; margin-left:-130px; bottom:0; z-index:-1;}
.top1 .topRight .topSearch{ float:left; width:238px; height:44px; background:#f2f2f2; padding:0 14px 0 53px; position:relative;
-moz-border-radius:22px; 
-webkit-border-radius:22px; 
-khtml-border-radius:22px;
border-radius:22px;}
.top1 .topRight .topSearch .topSearchBtn{ width:44px; height:44px; position:absolute; left:5px; top:0; background:url(../images/top2.png) no-repeat center center; background-size:contain; cursor:pointer;}
.top1 .topRight .topSearch .topSearchTxk{ width:100%; height:44px; line-height:44px; font-size:14px; color:#333; background:none;}
.top1 .topRight .topFollow{ float:left;}
.top1 .topRight .topFollow a{ display:block; width:44px; height:44px; float:left;  border:solid 1px #004098; background:#f6f6f6; position:relative;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.top1 .topRight .topFollow a img{ width:100%; float:left;}
.top1 .topRight .topFollow a .topFollowEwm{ width:112px; height:121px; position:absolute; left:50%; top:52px; margin-left:-56px; background:url(../images/top12.png) no-repeat center center; background-size:contain; padding:20px 11px 11px 11px; display:none;}
.top1 .topRight .topFollow a:hover .topFollowEwm{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
.top1 .topRight .topFollow a{ margin-left:20px;}
.top1 .logo{float:left;/* width:250px; */margin-top:13px;}
/* @media screen and (max-width:1199px){ */
    /* .top1{ display:none;} */
/* } */

@media screen and (max-width:1250px){
    .top1{ display:none;}
}


@-webkit-keyframes fadeInUp1{
0%{opacity:0;
-webkit-transform:translateY(30px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp1{
0%{opacity:0;
-moz-transform:translateY(30px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

/*phone版头部*/
.top2{ display:none; position:relative; z-index: 2000; float: left; width:100%; height:60px; background:white;}
.top2 .logo{ float:left; width:120px; height:36px; margin-top: 12px; line-height: 0;}

.menu{ float:right; position:relative; z-index:8;}
.menu:hover{ z-index:10;}
.menu > ul{ float:left;}
.menu ul .nli{ float:left; z-index:99; position:relative;}
.menu ul .nli span{ display:block; float:left; padding:0 35px; background:url(../images/top1.jpg) no-repeat left center;}
.menu ul .nli:first-child span{ padding-left:0; background:none;}
.menu ul .nli .l1_a{ display:block; float:left; height:100px; line-height:100px; color:#151515; font-size:16px; border-bottom:solid 4px white;}
.menu ul .nli.on .l1_a,
.menu ul .nli:hover .l1_a{ color:#004098; border-color:#004098; font-weight:bold;}
/*下拉菜单（漂浮在menu .nli上）*/
.sub { z-index:21;  position:absolute; float:left; width:170px; left: 0;top:100%; display:none; text-align:left;
-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;}
.sub .l2{ float: left; position: relative; width:100%; float:left; position:relative; border-top:solid 1px #e9e9e9;}
.sub .l2 .l2_a{ display:block; width:100%; float:left; font-size:15px; line-height: 45px; color: #666; padding:0 10px; overflow:hidden; position:relative; border-left:solid 4px #e9e9e9; background:white;}
.sub .l2:hover .l2_a{ color:#004098; border-color:#004098;}
.sub .l2:hover{ position:relative; z-index:2;}
.sub .l2:hover svg{ height:100%; top:0;}
.sub .ul3{ width:100%; float:left; position:absolute; left:100%; top:0; display:none;}
.sub .ul3 .l3{ width:100%; float:left;}
.sub .ul3 .l3 .l3_a{ display:block; width:100%; float:left; padding:0 20px; font-size:16px; line-height: 48px; color: #fff; background:url(../images/top4.png);}
.sub .ul3 .l3:hover .l3_a{ background:url(../images/top5.png);}
.elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

.menu ul .nli:hover .sub,.sub .l2:hover .ul3{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}

@media screen and (max-width:1850px){
.menu ul .nli span{ padding:0 30px;}
.top1 .topRight{  margin-left:108px;}
}

@media screen and (max-width:1720px){
.menu ul .nli span{ padding:0 20px;}
.top1 .topRight{  margin-left:108px;}
}
@media screen and (max-width:1520px){
.menu ul .nli span{ padding:0 16px;}
.menu ul .nli .l1_a{ font-size:15px;}
.top1 .topRight{  margin-left:78px;}
}
@media screen and (max-width:1365px){
.menu ul .nli span{ padding:0 14px;}
.menu ul .nli .l1_a{ font-size:14px;}
.top1 .topRight{  margin-left:48px;}
}

/* @media screen and (max-width:1199px){ */
    /* .top2{ display:block;} */
/* } */

@media screen and (max-width:1250px){
    .top2{ display:block;}
}

/*手机按钮*/
.menuph{
    float:right;
    margin:10px 0 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
}
.menuph .point
{
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 10px;
    position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
    width: 28px;
}
.menuph .navbtn
{
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 21px;
    height: 1px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #004098;
}
.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: #004098;
}
.menuph .navbtn::after
{
    top: -11px;
}
.menuph .navbtn::before
{
    top: 10px;
}
.menuph .point.active .navbtn{
    background: transparent;
}
.menuph .point.active .navbtn::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}
.menuph .point.active .navbtn::before
{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}


/*手机下拉*/
.xialaph{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
    display: none;
    z-index: 1029;
    background: #242422;
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph h4 a{
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    position: relative;
}
.xialaph h4{
    position: relative; padding:0 30px;
}
.xialaph li:last-child h4::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #2f2f2d;
    /*opacity: 0.1;*/
}
.xialaph h4::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #2f2f2d;
    /*opacity: 0.1;*/
}
.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}

.xialaph h5 a{
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 42px;
}
.xialaph h5{
    position: relative;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #333;
    /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
    display: none;
}
.xialaph h4 b{
    position: absolute; right: 5px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #a1a1a1 solid 1px; border-right: #a1a1a1 solid 1px;
    margin-top: -5px;
    cursor: pointer;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.xialaph h4.active b{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    margin-top: -7px;
    border-top: #e3222d solid 1px; border-right: #e3222d solid 1px;
}
.xialaph .ul2{ padding:0 30px;  }
.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: #444 solid 1px; width:94%; margin-left:3%;
    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 12px 0 0; line-height: 0;}
.xialaph .searchP .searchLeft{ padding: 0 34px 0 0;}
.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #fff; 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;
}
.xialaph .tel{ width:100%; text-align:center; font-size:16px; color:white; line-height:30px; margin-top:15px;}



/*banner*/
.slide_banner{ width:100%; float:left; height:1080px;}
.slide_banner img{ width:100%; float:left;}
.slide_banner .slick-slide{ position:relative; background-position:center center !important; background-size:cover !important; height:100%; width:100%;}
.slide_banner .slick-dots
{
    position: absolute;
    bottom: 60px;
}
.slide_banner .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 12px;
    padding: 0;
	background:#f65e23;
    cursor: pointer;
	-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-khtml-border-radius:5px;
border-radius:5px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.slide_banner .slick-dots li button{ display:none;}
.slide_banner .slick-dots li.slick-active{ width:48px;}
.slide_banner .bannerText{ position:absolute; left:50%; top:50%; margin:-236px 0 0 -600px; width:1200px; height:214px;}
.slide_banner .bannerText h1{ position:absolute; left:0; top:50px; width:100%; }
.slide_banner .bannerText h4{ position:absolute; left:0; bottom:-50px; width:100%;}
.slide_banner .bannerText .bannerText_b{ position:absolute; left:20%; bottom:0; width:60%; height:118px; opacity:0;}
.slide_banner .bannerText .bannerText_b img{ width:100%; float:none; display:inline-block; height:100%;}
@media screen and (max-width:1365px){
.slide_banner .bannerText{ margin:-166px 0 0 -496px; width:992px; height:184px;}
.slide_banner .bannerText .bannerText_b{ height:98px;}
}
@media screen and (max-width:1199px){
.slide_banner .bannerText{ margin:-146px 0 0 -384px; width:768px; height:144px;}
.slide_banner .bannerText .bannerText_b{ height:76px;}
}
@media screen and (max-width:991px){
.slide_banner .bannerText{ margin:-136px 0 0 -300px; width:600px; height:114px;}
.slide_banner .bannerText .bannerText_b{ height:59px;}
}
@media screen and (max-width:767px){
.slide_banner{ height:auto;}
}

.bannerDown{ position:absolute; left:0; bottom:0; width:100%;}
.bannerDown li{ width:25%; float:left; padding:21px 0 17px 0; text-align:center; height:139px; position:relative; cursor:pointer;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.bannerDown li a{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.bannerDown li .bannerDownIco{ display:inline-block; vertical-align:top; width:98px; height:98px; border:solid 1px white;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.bannerDown li .bannerDownIco img{ width:100%; float:left;}
.bannerDown li .bannerDownTxt{ display:inline-block; vertical-align:top; width:180px; margin-left:38px; margin-top:8px; text-align:left;}
.bannerDown li .bannerDownTxt h4{ font-size:24px; color:white; line-height:32px; letter-spacing:1px;} 
.bannerDown li .bannerDownTxt h6{ margin-top:11px; font-size:16px; color:white; line-height:25px; letter-spacing:1px; opacity:0.5; height:50px; overflow:hidden;} 
.bannerDown:hover{ padding-top:11px; height:150px;}
.bannerDown li:hover{ height:150px; margin-top:-11px;}
.bannerDown li.l1{ background:url(../images/top8.png);}
.bannerDown li.l2{ background:url(../images/top9.png);}
.bannerDown li.l3{ background:url(../images/top10.png);}
.bannerDown li.l4{ background:url(../images/top11.png);}
@media screen and (max-width:1365px){
.bannerDown li .bannerDownTxt{ margin-left:18px; width:170px;}
}
@media screen and (max-width:1199px){

.bannerDown li .bannerDownIco{ width:54px; height:54px;}
.bannerDown li .bannerDownTxt{ margin-left:15px; width:140px;}
.bannerDown li .bannerDownTxt h4{ font-size:22px; line-height:28px;} 
.bannerDown li .bannerDownTxt h6{ margin-top:6px; font-size:14px; line-height:21px; height:42px;}
}
@media screen and (max-width:991px){
.bannerDown li{ padding:11px 0 7px 0;}
.bannerDown li .bannerDownIco{ width:48px; height:48px;}
.bannerDown li .bannerDownTxt{ width:100%; text-align:center; margin-left:0; margin-top:4px;}
.bannerDown li .bannerDownTxt h4{ font-size:18px; line-height:24px;} 
.bannerDown li .bannerDownTxt h6{ margin-top:6px; font-size:12px; line-height:19px; height:38px;}
}
@media screen and (max-width:767px){
.bannerDown{ display:none;}
.slide_banner .slick-dots{  bottom: 17px;}
.slide_banner .slick-dots li
{  width: 6px; height: 6px; margin: 0 4px;}
.slide_banner .slick-dots li.slick-active{ width:28px;}
}



/*main*/
.indexContentFir{ padding-top:82px; padding-bottom:75px;}
.content1500{ width:1500px; margin:auto; max-width:100%;}
.indexContentFir .contentFirTit{ width:100%; float:left; text-align:center; position:relative; font-size:38px; color:#333; line-height:75px; letter-spacing:1px; font-weight:bold;}
.indexContentFir .contentFirTit h1{ position:absolute; left:0; top:0; font-size:110px; color:#f6f6f6; letter-spacing:0; line-height:90px;font-family: 'OPENSANS-BOLD'; text-align:center; text-transform:capitalize; z-index:-1; width:100%; font-weight:normal;}
.indexContentFir .contentFirTit:before{ content:''; width:2px; height:27px; position:absolute; left:50%; bottom:-33px; margin-left:-1px; background:#e96a38;}
.indexContentFir .contentFirBody{ width:100%; float:left; margin-top:51px; text-align:center; font-size:18px; color:#737373; line-height:42px;}
.indexContentFir .contentFirDown{ width:100%; float:left; margin-top:21px;}
.indexContentFir .contentFirDown .firDownLi{ width:100%; float:left; padding:15px;}
.indexContentFir .contentFirDown .firDownLi .contentFirZbox{ width:100%; float:left; box-shadow:0 5px 9px rgba(0,0,0,0.07); overflow:hidden; border:solid 1px white;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
-khtml-border-radius:8px;
border-radius:8px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.indexContentFir .contentFirDown .firDownLi .contentFirHead{ width:100%; float:left; height:166px; text-align:center; padding:24px 10px 30px 10px; background-position:center center; background-size:cover; background-repeat:no-repeat;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}


.indexContentFir .contentFirDown .firDownLi .contentFirHead .firHeadIco{ width:100%; height:80px;}
.indexContentFir .contentFirDown .firDownLi .contentFirHead .firHeadIco img{ height:100%;}
.indexContentFir .contentFirDown .firDownLi .contentFirHead .firHeadTit{ width:100%; font-size:20px; color:white; line-height:32px;}
.indexContentFir .contentFirDown .firDownLi:hover .contentFirZbox{ margin-top:-10px; margin-bottom:10px; box-shadow:0 5px 9px rgba(155,59,22,0.38); border:solid 1px #f65e23;}
.indexContentFir .contentFirDown .firDownLi:hover .contentFirHead{ background:#f65e23 !important;}


.indexContentFir .contentFirDown .firDownLi .firDownLiDown{ width:100%; float:left; height:328px; padding:16px 53px 0 53px; text-align:center;}
.indexContentFir .contentFirDown .firDownLi .firDownLiDown ul{ width:100%; float:left; height:248px; overflow:hidden;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.indexContentFir .contentFirDown .firDownLi .firDownLiDown ul.last{ display:none;}
.indexContentFir .contentFirDown .firDownLi .firDownLiDown ul li{ width:100%; float:left; font-size:16px; color:#666; line-height:49px; border-bottom:dashed 1px #d3d1d1;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.indexContentFir .contentFirDown .firDownLi .firDownLiDown ul li strong{color:#f65f24;}
.indexContentFir .contentFirDown .firDownLi .firDownLiDown ul li:last-child{ border-bottom:0;}
.indexContentFir .contentFirDown .firDownLi .firDownLiDown .firDowndetail{ width:100%; float:left; margin-top:5px; text-align:center;}
.indexContentFir .contentFirDown .firDownLi .firDownLiDown .firDowndetail a{ display:inline-block; width:120px; height:28px; overflow:hidden;}
.indexContentFir .contentFirDown .firDownLi .firDownLiDown .firDowndetail span{ width:100%; height:28px; line-height:28px; font-size:14px; color:white; float:left; background:#f65e23;}
.indexContentFir .contentFirDown .firDownLi .firDownLiDown .firDowndetail span img{ width:100%; float:left;}
.indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown .firDowndetail{ margin-top:24px;}
.indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown .firDowndetail span:first-child{ margin-top:-28px;}
.indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown{ padding:19px 36px 0 36px;}
.indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown ul.first{ display:none;}
.indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown ul.last{ display:block;}

.indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown ul{ height:216px; text-align:left;}
.indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown ul li{ border-bottom:0; font-size:14px; color:#666; line-height:36px; padding-left:10px; position:relative;}
.indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown ul li:before{ content:'•'; font-size:14px; position:absolute; left:0; top:0;}
@media screen and (max-width: 1199px) {
.indexContentFir{ padding-top:62px; padding-bottom:55px;}
.indexContentFir .contentFirTit{ font-size:32px; line-height:65px;}
.indexContentFir .contentFirTit h1{ font-size:90px; line-height:70px;}
.indexContentFir .contentFirTit:before{ height:22px; bottom:-23px;}
.indexContentFir .contentFirBody{ margin-top:31px; font-size:16px; line-height:32px;}
.indexContentFir .contentFirDown .firDownLi .firDownLiDown{ padding:16px 33px 0 33px;}
.indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown{ padding:19px 16px 0 16px;}
.indexContentFir .contentFirDown .firDownLi .contentFirHead .firHeadIco{ height:60px;}
.indexContentFir .contentFirDown .firDownLi .contentFirHead .firHeadTit{ font-size:16px;}
.indexContentFir .contentFirDown .firDownLi .contentFirHead{ height:126px; padding:14px 10px 20px 10px;}
.indexContentFir .contentFirDown .firDownLi .firDownLiDown ul li{ font-size:14px;}
.indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown ul li{ font-size:12px;}
}
@media screen and (max-width: 991px) {
.indexContentFir{ padding-top:42px; padding-bottom:35px;}
.indexContentFir .contentFirTit{ font-size:26px; line-height:45px;}
.indexContentFir .contentFirTit h1{ font-size:70px; line-height:40px;}
.indexContentFir .contentFirTit:before{ height:12px; bottom:-13px;}
.indexContentFir .contentFirBody{ margin-top:21px; font-size:14px; line-height:26px;}
.indexContentFir .contentFirDown{ margin-top:11px; padding-bottom:25px; position:relative;}
.indexContentFir .contentFirDown .slick-dots{
    position: absolute;
    bottom: 0px;}
.indexContentFir .contentFirDown .slick-dots li{
    width: 8px;
    height: 8px;
    margin: 0 4px;
	background:#ccc;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.indexContentFir .contentFirDown .slick-dots li button{ display:none;}
.indexContentFir .contentFirDown .slick-dots li.slick-active{ background:#f65e23;}
.indexContentFir .contentFirDown .firDownLi{ padding:15px 5px;}
.indexContentFir .contentFirDown .firDownLi .firDownLiDown{ height:310px; padding:10px 23px 0 23px;}
}
@media screen and (max-width: 767px) {
.indexContentFir{ padding-top:22px; padding-bottom:15px;}
.indexContentFir .contentFirTit{ font-size:20px; line-height:35px;}
.indexContentFir .contentFirTit h1{ font-size:50px; line-height:30px;}
.indexContentFir .contentFirTit:before{ height:12px; bottom:-13px; width:1px;}
.indexContentFir .contentFirDown{ margin-top:6px; padding-bottom:15px;}
.indexContentFir .contentFirDown .firDownLi .firDownLiDown { height: 250px;}
.indexContentFir .contentFirDown .firDownLi .contentFirHead .firHeadIco{ height:40px;}
.indexContentFir .contentFirDown .firDownLi .contentFirHead .firHeadTit{ font-size:14px;}
.indexContentFir .contentFirDown .firDownLi .contentFirHead{ height:100px; padding:14px 10px 10px 10px;}
.indexContentFir .contentFirDown .firDownLi .firDownLiDown ul{ height:184px;}
.indexContentFir .contentFirDown .firDownLi .firDownLiDown ul li{ line-height:36px;}
.indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown ul{ height:156px; text-align:left;}
.indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown ul li{ line-height:26px;}
.indexContentFir .contentFirDown .firDownLi .firDownLiDown .firDowndetail span{ font-size:12px;}
.indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown .firDowndetail{ margin-top:16px;}
.indexContentFir .contentFirDown .firDownLi{  pointer-events: none; }
}

.indexContentTwo{ background:#f5f5f5; padding:72px 0 82px 0;}
.indexTit{ width:100%; float:left; text-align:center;}
.indexTit h3{ font-size:38px; color:black; text-transform:uppercase; font-weight:bold; line-height:48px;}
.indexTit h4{ font-size:22px; color:#575757; line-height:40px; text-transform:uppercase;}
.contentTwoHead{ width:100%; float:left; text-align:center; margin-top:27px; border-top:solid 1px #ebebeb; position:relative;}
.contentTwoHead:before{ content:''; width:100%; height:1px; background:#ebebeb; position:absolute; left:0; bottom:0;}
.contentTwoUlSlike{ width:100%;}
.contentTwoHead ul{ float:left; width:100%;}
.contentTwoHead ul li{ display:inline-block; vertical-align:top; padding:0 34px; height:52px; line-height:50px; font-size:18px; color:#666; letter-spacing:1px; border:solid 1px #ebebeb; cursor:pointer; margin-left:-6px; position:relative; background:#f5f5f5; margin-top:-1px; }
.contentTwoHead ul li.on{ border-top:solid 1px #004098;color:#004098; z-index:2;}
.contentTwoBody{ width:100%; float:left; margin-top:8px; padding:0 20px;}
.contentTwoUl{ width:100%; float:left;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
.contentTwoUl li{ width:25%; float:left; margin-top:32px; padding:0 10px;}
.contentTwoUl li .contentTwoBox{ width:100%; float:left; background:white; position:relative; overflow:hidden;}
.contentTwoUl li .contentTwoBox .contentTwoPag{ width:100%; float:left; background:#004098; position:relative; overflow:hidden;}
.contentTwoUl li .contentTwoBox .contentTwoPag 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;}
.contentTwoUl li .contentTwoBox:hover .contentTwoPag img{ opacity:0.3;
	    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);}
.contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt{ width:100%; position:absolute; left:0; top:50%; padding:0 16.8%; margin-top:-71px; text-align:center; display:none;}
.contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt h4{ width:100%; font-size:20px; color:white; line-height:28px; letter-spacing:1px;}
.contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt h5{ width:100%; font-size:14px; color:white; line-height:24px; margin-top:10px; height:48px; overflow:hidden; opacity:0.7;}
.contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt i{ display:inline-block; vertical-align:top; margin-top:24px; background:url(../images/index9.png) no-repeat center center; width:21px; height:21px;}
.contentTwoUl li .contentTwoBox:hover .contentTwoPag .contentTwoTxt{ display:block;}
.contentTwoUl li .contentTwoBox .contentTwoDown{ width:100%; position:absolute; left:0; bottom:0; padding:0 20px; background:url(../images/brand3.png); font-size:20px; line-height:50px; color:white; height:50px; text-align:center; letter-spacing:1px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.contentTwoUl li .contentTwoBox:hover .contentTwoDown{bottom:-50px;}

.more_btn{float:left; width:100%; text-align:center; padding-top:50px; }
.more_btn a{display:inline-block; width: 130px; line-height:36px; border: solid 1px #bfbfbf; background:#fff; color:#666;  font-size:14px; }
.more_btn a:hover{  border:1px solid #f65e23; background:#f65e23; color:#fff; }



@media screen and (max-width: 1500px) {
.contentTwoHead ul li{ padding:0 24px;}
}
@media screen and (max-width: 1365px) {
.contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt{ padding:0 10%;}
.contentTwoUl li{ margin-top:20px;}
.contentTwoHead ul li{ padding:0 14px; font-size:16px;}
.contentTwoUl li .contentTwoBox .contentTwoDown{ padding:0 15px; font-size:16px; line-height:40px; height:40px;}
}
@media screen and (max-width: 1199px) {
.contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt{ margin-top:-49px;}
.contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt h4{ font-size:16px; line-height:24px;}
.contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt h5{ font-size:12px; line-height:20px; margin-top:6px; height:40px;}
.contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt i{ margin-top:14px;}
.contentTwoUl li .contentTwoBox .contentTwoDown{ padding:0 10px;}
.contentTwoUl li .contentTwoBox .contentTwoTit{ font-size:14px; line-height:26px;}
.contentTwoUl li .contentTwoBox .contentTwoAdd{ font-size:12px; line-height:24px;}
.indexContentTwo{ padding:42px 0 62px 0;}
.indexTit h3{ font-size:32px; line-height:42px;}
.indexTit h4{ font-size:18px; line-height:34px;}
.contentTwoHead{ margin-top:20px;}
.contentTwoHead ul li{ height:43px; line-height:42px;}
.contentTwoBody{ margin-top:4px; padding:0 10px;}
}
@media screen and (max-width: 991px) {
.contentTwoUl li{ width:50%;}
.indexContentTwo{ padding:22px 0 42px 0;}
.indexContentTwo .tempWrap{float:left; width:100%;}
.indexTit h3{ font-size:26px; line-height:36px;}
.indexTit h4{ font-size:16px; line-height:28px;}
.contentTwoUlSlike{ padding-bottom:30px; position:relative; float:left; width:100%;}
.contentTwoUlSlike .slick-dots{ position: absolute;  bottom: 0px;}
.contentTwoUlSlike .slick-dots li
{   padding:0;
	float:none;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
	background:#ccc;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.contentTwoUlSlike .slick-dots li button{ display:none;}
.contentTwoUlSlike .slick-dots li.slick-active{ background:#004098;}
}
@media screen and (max-width: 767px) {
.contentTwoUlSlike{ padding-left:5px; padding-right:5px;}
.indexContentTwo{ padding:12px 0 22px 0;}
.indexTit h3{ font-size:20px; line-height:30px;}
.indexTit h4{ font-size:14px; line-height:22px;}
.contentTwoHead{ border:0;}
.contentTwoHead:before{ display:none;}
.contentTwoHead ul{ width:100%; float:left; padding-left:3px;}
.contentTwoHead ul li{ width:33.33%; float:left; margin-left:-1px; font-size:12px; letter-spacing:0; height:42px; line-height:40px; padding:0 5px;}
.contentTwoUl .more{ width:100%; float:left; text-align:center; margin-top:15px;}
.contentTwoUl .more a{ display:inline-block; vertical-align:top; width:140px; height:34px; line-height:32px; border:solid 1px #bfbfbf; color:#666; font-size:14px;}
.contentTwoUl{ padding-bottom:20px;}
.contentTwoUl li{ width:100%; margin-top:10px; padding:0 15px;}
.contentTwoBody{ margin-top:4px; padding:0 0px;}
.contentTwoUl li .contentTwoBox .contentTwoDown{ font-size:14px; line-height:30px; height:30px;}
}

.indexContentTwe{  padding:71px 0 0 0; background:#fff;}
.indexTitWhite{ padding-bottom:39px; position:relative; background:url(../images/index20.png) no-repeat center bottom; background-size:18px 18px;}
.indexTitWhite h3,.indexTitWhite h4{ color:white;}
.indexTitWhite:before{ content:''; width:100%; height:1px; background:white; opacity:0.2; position:absolute; left:0; bottom:9px;}

.indexContentTwe ul{ width:100%; margin-top:43px; float:left;}
.indexContentTwe ul li{ width:25%; float:left; position:relative; height:480px; text-align:center; overflow:hidden; cursor:pointer;}
.indexContentTwe ul li a > img{ width:480px; height:480px; position:absolute; left:50%; top:50%; max-width:none; margin:-240px 0 0 -240px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.indexContentTwe ul li .specialTwoIco{ width:110px; height:110px; position:absolute; left:50%; top:50%; border:solid 1px rgba(255,255,255,0.2); margin:-88px 0 0 -55px; background:rgba(0,0,0,0.2);
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.indexContentTwe ul li .specialTwoName{ width:100%; position:absolute; left:0; top:50%; margin-top:37px; font-size:24px; color:white; line-height:36px;}
.indexContentTwe ul li:hover a > img{ opacity:0.9;}
@media screen and (max-width: 1199px) {
.indexContentTwe{ padding:51px 0 63px 0;}
.indexTitWhite{ padding-bottom:30px; background-size:14px 14px;}
.indexTitWhite:before{ bottom:7px;}
}
@media screen and (max-width: 991px) {
.indexContentTwe{ padding:31px 0 43px 0;}
.indexTitWhite{ padding-bottom:20px; background-size:10px 10px;}
.indexTitWhite:before{ bottom:5px;}
}
@media screen and (max-width: 767px) {
.indexContentTwe{ padding:31px 0 0px 0;}
.indexTitWhite{ padding-bottom:0px; background:none;}
.indexTitWhite:before{ display:none;}
}
@media screen and (max-width:1366px) {
.indexContentTwe ul{ margin-top:33px;}
.indexContentTwe ul li{ height:400px;}
.indexContentTwe ul li a > img{ width:400px; height:400px; margin:-200px 0 0 -200px;}
}
@media screen and (max-width:1199px) {
.indexContentTwe ul li{ height:320px;}
.indexContentTwe ul li a > img{ width:320px; height:320px; margin:-160px 0 0 -160px;}
.indexContentTwe ul li .specialTwoIco{ width:70px; height:70px; margin:-48px 0 0 -35px;}
.indexContentTwe ul li .specialTwoName{ margin-top:27px; font-size:18px; line-height:30px;}
}
@media screen and (max-width:991px) {
.indexContentTwe ul{ margin-top:23px;}
.indexContentTwe ul li{ height:260px;}
.indexContentTwe ul li a > img{ width:260px; height:260px; margin:-130px 0 0 -130px;}
.indexContentTwe ul li .specialTwoIco{ width:70px; height:70px; margin:-48px 0 0 -35px;}
.indexContentTwe ul li .specialTwoName{ margin-top:27px; font-size:18px; line-height:30px;}
}
@media screen and (max-width:767px) {
.indexContentTwe ul{ margin-top:13px; height:440px; overflow:hidden;}
.indexContentTwe ul li{ height:220px; width:50%;}
.indexContentTwe ul li a > img{ width:220px; height:220px; margin:-110px 0 0 -110px;}
.indexContentTwe ul li .specialTwoIco{ width:50px; height:50px; margin:-38px 0 0 -25px; display:none;}
.indexContentTwe ul li .specialTwoName{ margin-top:17px; font-size:14px; line-height:24px;}
}

.indexContentFou{ padding:90px 0 146px 0;}
.indexContentFou .indexTit,.indexContentFou .indexTitBlack:before,.indexContentFou .indexTitBlack:after{ padding-bottom:0; background:none;}
.indexContentFou .indexTitBlack:after{ display:none;}
.indexTitBlack{ background:none;}
.indexTitBlack h3{ color:black;}
.indexTitBlack h4{ color:#575757;}
.indexTitBlack:before{ content:''; width:100%; height:1px; background:#e2e2e2; position:absolute; left:0; bottom:9px; opacity:1;}
.indexTitBlack:after{ content:''; width:18px; height:18px; background:url(../images/index20.png) no-repeat center center; position:absolute; left:50%; bottom:0; margin-left:-9px; box-shadow:0 0 8px rgba(36,36,36,0.19);
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.indexContentFou .specialNinBox{ width:100%; float:left; position:relative; padding:0; margin-top:70px;}
.indexContentFou .specialNinBox .slick-slide{ position:relative; cursor:pointer;}
.indexContentFou .specialNinBox .specialNinLi{ width:100%; float:left; position:relative; height:238px; overflow:hidden;}
.indexContentFou .specialNinBox .specialNinLi .specialNinPag{ width:150px; height:238px; position:absolute; left:50%; top:50%; margin:-119px 0 0 -75px; max-width:none; opacity:0;}
.indexContentFou .specialNinBox .specialNinLi .specialNinIco{ width:76px; height:76px; position:absolute; left:50%; top:0; margin-left:-38px;}
.indexContentFou .specialNinBox .specialNinLi .specialNinIco img{ width:100%; float:left;}
.indexContentFou .specialNinBox .specialNinLi .specialNinIco .img_2{ display:none;}
.indexContentFou .specialNinBox .specialNinLi h5{ width:100%; text-align:center; position:absolute; left:0; top:50%; margin-top:-43px; line-height:48px; font-size:16px; color:#333; letter-spacing:1px;}
.indexContentFou .specialNinBox .specialNinLi span{ display:block; width:19px; height:19px; background:white; border:solid 1px #666; position:absolute; left:50%; top:50%; margin:19px 0 0 -10px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.indexContentFou .specialNinBox h4{ width:70px; height:30px; line-height:30px; text-align:center; position:absolute; left:50%; bottom:0px; margin-left:-35px; font-size:28px; color:#f65f24; line-height:30px; letter-spacing:1px; font-family: 'OPENSANS-REGULAR';}
.indexContentFou .specialNinBox:before{ content:''; width:2000px; height:1px; background:#666; opacity:0.3; position:absolute; left:50%; top:147px; margin-left:-1000px;}
@media screen and (max-width:1199px) {
.indexContentFou .specialNinBox{ padding:0 0px; margin-top:50px; padding-bottom:40px;}
.indexContentFou .specialNinBox .slick-dots
{
    position: absolute;
    bottom: 0;
}
.indexContentFou .specialNinBox .slick-dots li
{
    width: 10px;
    height: 10px;
    margin: 0 5px;
	background:#666;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.indexContentFou .specialNinBox .specialNinLi{ height:200px;}
.indexContentFou .specialNinBox .slick-dots li button
{ display:none;}
.indexContentFou .specialNinBox .slick-dots li.slick-active
{
	background:#062d7e;
}
.indexContentFou .specialNinBox::before{ top:127px;}
}
@media screen and (max-width:991px) {
.indexContentFou .specialNinBox{ padding-bottom:30px; margin-top:30px;}
.indexContentFou .specialNinBox h4{ font-size:22px; }
}
@media screen and (max-width:767px) {
.indexContentFou .specialNinBox{ padding-bottom:20px; margin-top:10px;}
.indexContentFou .specialNinBox .slick-dots li{ width: 8px; height: 8px; margin: 0 4px;}
.indexContentFou .specialNinBox .specialNinLi .specialNinIco{ padding:10px;}
.indexContentFou .specialNinBox .specialNinLi h5{ font-size:14px;}
.indexContentFou .specialNinBox h4{ bottom:10px;}
}
@media screen and (max-width: 1587px) {
.contentFouBody{ padding:0 80px;}
.contentFouBody .slick-prev{ left:0;}
.contentFouBody .slick-next{ right:0;}
}
@media screen and (max-width: 1199px) {
.contentFouBody{ padding:0 60px;}
.contentFouBody .contentFouLi{ width:97px;}
.contentFouBody .contentFouLi .contentFouIco{ width:97px; height:97px;}
.contentFouBody .contentFouLi .contentFouTit{ margin-top:25px; font-size:14px; line-height:23px;}
.indexContentFou{ padding:70px 0 76px 0;}
.indexTitBlack:after{ width:14px; height:14px; background-size:contain; margin-left:-7px;}
.indexTitBlack:before{ bottom:7px;}
}
@media screen and (max-width: 991px) {
.indexTitBlack:after{ width:10px; height:10px; margin-left:-5px;}
.indexContentFou{ padding:40px 0 46px 0;}
.indexTitBlack:before{ bottom:5px;}
.contentFouBody{ margin-top:20px;}
.contentFouBody .contentFouLi .contentFouTit{ margin-top:15px;}
.contentFouBody .slick-prev,
.contentFouBody .slick-next{  width: 32px; height: 32px; margin-top:-16px; background-size:auto 32px;}
}
@media screen and (max-width: 767px) {
.indexTitBlack:after{ display:none;}
.indexContentFou{ padding:20px 0 26px 0; background:#f1f1f1;}
.indexTitBlack:before{ display:none;}
.contentFouBody{ margin-top:10px; padding:0 50px;}
.contentFouBody .contentFouLi .contentFouTit{ margin-top:10px; font-size:12px; line-height:21px;}
.contentFouBody .slick-prev{ left:10px;}
.contentFouBody .slick-next{ right:10px;}
}

.indexContentFiv{ padding:72px 0 84px 0; background:#f8f7f7; width:100%; float:left;}
.contentFivHead{ width:100%; float:left; text-align:center; margin-top:27px; border-top:solid 1px #ebebeb; border-bottom:solid 1px #ebebeb; height:52px;}
.contentFivSlick{ width:100%;}
.contentFivHead ul{ display:inline-block; vertical-align:top;}
.contentFivHead ul li{ float:left; margin:0 34px; height:51px; line-height:50px; font-size:16px; color:#666; letter-spacing:1px; border-bottom:solid 1px #ebebeb; cursor:pointer;}
.contentFivHead ul li.on{ border-color:#004098; color:#004098;}
@media screen and (max-width: 1199px) {
.contentFivHead{ margin-top:20px; height:44px;}
.contentFivHead ul li{ margin:0 24px; height:43px; line-height:42px; font-size:14px;}
}
@media screen and (max-width: 991px) {
.contentFivHead ul li{ margin:0 14px;}
}
@media screen and (max-width: 767px) {
.contentFivHead ul{ width:100%; float:left;}
.contentFivHead ul li{ margin:0 0; width:33.33%; font-size:12px; letter-spacing:0;}
}
.contentFivBody{ margin:0 -16px !important;}
.contentFivBody ul{ width:100%; float:left; margin-top:10px;}
.contentFivBody ul li{ width:50%; float:left; padding:0 16px; margin-top:31px;}
.contentFivBody ul li .contentFivBox{ width:100%; float:left; padding:20px 35px 20px 22px; box-shadow:0 10px 20px rgba(0,0,0,0.05); background:white;
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
-khtml-border-radius:10px;
border-radius:10px;}
.contentFivBody ul li .contentFivBox .contentFivPag{ width:200px; height:133px; float:left; overflow:hidden;}
.contentFivBody ul li .contentFivBox .contentFivPag img{ width:100%; height:100%;}
.contentFivBody ul li .contentFivBox .contentFivTxt{ margin-left:234px;}
.contentFivBody ul li .contentFivBox .contentFivTxt h4{ width:100%; margin-top:15px; font-size:18px; color:#333; line-height:26px; letter-spacing:1px;}
.contentFivBody ul li .contentFivBox .contentFivTxt h6{ width:100%; margin-top:10px; font-size:14px; color:#333; line-height:24px; letter-spacing:1px; height:48px; overflow:hidden; opacity:0.66;}
.contentFivBody ul li .contentFivBox .contentFivTxt h5{ width:100%; margin-top:4px; font-size:14px; color:#333; line-height:28px; letter-spacing:1px; text-align:right; opacity:0.4; background-position:right center;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.contentFivBody ul li .contentFivBox:hover{ background:#004098; box-shadow:0 0 0;}
.contentFivBody ul li .contentFivBox:hover .contentFivTxt h4,.contentFivBody ul li .contentFivBox:hover .contentFivTxt h6{ color:white;}
.contentFivBody ul li .contentFivBox:hover .contentFivTxt h5{ color:white; text-align:left; background:url(../images/index46.png) no-repeat right center; opacity:1;}
@media screen and (max-width: 1199px) {
.indexContentFiv{ padding:42px 0 64px 0;}
.contentFivBody{ margin:0 -10px !important;}
.contentFivBody ul li{ padding:0 10px; margin-top:21px;}
.contentFivBody ul li .contentFivBox{ padding:10px 25px 10px 12px;}
.contentFivBody ul li .contentFivBox .contentFivPag{ width:140px; height:93px;}
.contentFivBody ul li .contentFivBox .contentFivTxt{ margin-left:164px;}
.contentFivBody ul li .contentFivBox .contentFivTxt h4{ margin-top:0px; font-size:16px; line-height:22px;}
.contentFivBody ul li .contentFivBox .contentFivTxt h6{ margin-top:6px; font-size:12px; line-height:20px; height:40px;}
.contentFivBody ul li .contentFivBox .contentFivTxt h5{ margin-top:2px; font-size:12px; line-height:24px; background-size:contain !important;}
}
@media screen and (max-width: 991px) {
.indexContentFiv{ padding:22px 0 34px 0;}
.contentFivBody ul{ margin-left:6px;}
.contentFivBody ul li{ padding:10px; margin-top:10px; width:100%;}
.contentFivBody ul li .contentFivBox{ box-shadow:0 5px 10px rgba(0,0,0,0.05); padding:10px 15px 10px 10px;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.contentFivSlick{ padding-bottom:30px; position:relative;}
.contentFivSlick .slick-dots{ position: absolute;  bottom: 0px;}
.contentFivSlick .slick-dots li
{   padding:0;
	float:none;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
	background:#ccc;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.contentFivSlick .slick-dots li button{ display:none;}
.contentFivSlick .slick-dots li.slick-active{ background:#004098;}
.contentFivBody ul li .contentFivBox .contentFivTxt{ margin-left:150px;}
.contentFivBody ul li .contentFivBox .contentFivTxt h4{ font-size:14px;}
}
@media screen and (max-width: 767px) {
.indexContentFiv{ padding:18px 0 24px 0;}
.contentFivSlick{ padding-bottom:20px;}
.contentFivBody ul{ margin-top:10px; margin-left:0px;}
.contentFivBody ul li{ margin-top:-5px; width:94%; margin-left:3%;}

}

.indexContentSix{ padding:0; position:relative;}
#bdmap_1{ position:relative; width:100%; height:564px;}

#bdmap_1 .BMap_pop div{ background:none !important; border:0 !important; overflow:visible !important;}
#bdmap_1 .BMap_pop div img{display:none;}
#bdmap_1 .BMap_pop div:nth-child(8n){width: 0 !important; background: none !important;
    height: 0 !important;
	bottom: -148px !important;
	top: auto !important;
	margin-left:-10px !important;
    border-top: 10px solid #0e6bb0;
    border-right: 10px solid transparent !important;
    border-left: 10px solid transparent !important;}
#bdmap_1 .BMap_pop .BMap_bubble_content{ background:url(../images/index47.png) no-repeat center center !important; width:444px !important; height:255px !important; padding:46px 52px 0 52px; box-sizing:border-box !important; background-size:contain !important; margin:68px -160px 0 0px;}
#bdmap_1 .iw_poi_title{ font-size: 20px; color: #004098; line-height: 26px; width:100%; float: left;}
#bdmap_1 .iw_poi_content{ width:100%; float: left; font-size: 14px; color: #333; line-height: 24px; margin-top: 15px; letter-spacing:1px;}
.BMap_pop .BMap_bottom{ display:none;}
#bdmap_1 .BMap_shadow{ width:100%; float: left; display: none !important;}
#bdmap_1 .BMapLabel{ display: none !important;}
.BMap_Marker{ margin:-40px 0 0 -115px !important;}
.contentSixBody{ width:420px; position:absolute; right:13.49%; top:16%; background:white; overflow:hidden;
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
-khtml-border-radius:10px;
border-radius:10px;}
.contentSixBody .contentSixBodyHead{ width:100%; float:left; padding:13px 36px 50px 36px;}
.contentSixBody .contentSixBodyHead h3{ width:100%; float:left; background:url(../images/index48.jpg) no-repeat left bottom; font-size:24px; color:#004098; line-height:62px; font-weight:bold; letter-spacing:1px;}
.contentSixBody .contentSixBodyHead ul{ width:100%; float:left; margin-top:6px;}
.contentSixBody .contentSixBodyHead ul li{ width:100%; float:left; margin-top:20px;}
.contentSixBody .contentSixBodyHead ul li select,.contentSixBody .contentSixBodyHead ul li input{ display:block; width:100%; height:48px; line-height:36px; padding:0 10px 0 15px; font-size:14px; color:#333; background-color:#ededed !important;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border:0}
.contentSixBody .contentSixBodyHead ul li select{ background:url(../images/index49.png) no-repeat 96% center;}
.contentSixBody .contentSixBodyDown{ width:100%; float:left;}
.contentSixBody .contentSixBodyDown input{ display:block; width:100%; text-align:center; height:60px; line-height:60px; background:#f65e23; color:white; cursor:pointer; font-size:16px; letter-spacing:1px;}
@media screen and (max-width: 1199px) {
.contentSixBody{ width:380px; right:8%; top:12%;}
#bdmap_1{ height:500px;}
}
@media screen and (max-width: 991px) {
.contentSixBody{ width:300px; right:5%; top:8%;}
#bdmap_1{ height:400px;}
.contentSixBody .contentSixBodyHead{ padding:10px 26px 30px 26px;}
.contentSixBody .contentSixBodyHead h3{ font-size:18px; line-height:42px;}
.contentSixBody .contentSixBodyHead ul{ margin-top:4px;}
.contentSixBody .contentSixBodyHead ul li{ margin-top:10px;}
.contentSixBody .contentSixBodyHead ul li select,.contentSixBody .contentSixBodyHead ul li input{ height:42px; line-height:30px; padding:0 10px 0 10px; font-size:12px;}
.contentSixBody .contentSixBodyDown input{ height:50px; line-height:50px; font-size:14px;}
#bdmap_1 .BMap_pop .BMap_bubble_content{ margin-top:0; width:344px !important; height:198px !important; padding:32px 32px 0 32px;}
#bdmap_1 .iw_poi_title{ font-size: 16px; line-height: 22px;}
#bdmap_1 .iw_poi_content{ font-size: 12px; line-height: 20px; margin-top: 10px;}
.BMap_Marker{ margin:-40px 0 0 -85px !important;}
}
@media screen and (max-width: 767px) {
.indexContentSix{ background:#f8f7f7;}
.contentSixBody{ width:94%; right:auto; top:auto; position:relative; float:left; margin:10px 3%;}
#bdmap_1{ height:300px;}
.contentSixBody .contentSixBodyHead{ padding:10px 16px 20px 16px;}
.contentSixBody .contentSixBodyHead h3{ font-size:16px; line-height:36px;}
.contentSixBody .contentSixBodyHead ul li{ margin-top:8px;}
.contentSixBody .contentSixBodyHead ul li select,.contentSixBody .contentSixBodyHead ul li input{ height:42px; line-height:30px;}
.contentSixBody .contentSixBodyDown input{ height:50px; line-height:50px; font-size:14px;}
#bdmap_1 .BMap_pop .BMap_bubble_content{ margin-left:-50px; width:284px !important; height:163px !important; padding:18px 22px 0 22px;}
#bdmap_1 .iw_poi_title{ font-size: 14px; }
#bdmap_1 .iw_poi_content{ margin-top: 8px;}
.BMap_Marker{ margin:-40px 0 0 -135px !important;}
}










.elli{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}









/*首页创始人手机端*/
.indexContentNin{ padding:28px 0 30px 0;}
.indexContentNin .aboutContentTwo .aboutTwoText .aboutTwoP{ height:auto;}
.indexContentNin .aboutTwoPage{ margin-top:10px;}

.indexContentTen{ padding:35px 0 0 0; background:#f5f5f5;}
.indexContentTen .indexContentTenBody{ width:100%; float:left; margin-top:16px;}

.indexContentEle{ background:none; padding:0;}
.indexContentEle .indexContentEleBody{ background:#f5f5f5; width:100%; float:left; padding:40px 15px;}
.indexContentEle .indexContentEleDown{ background:#e3e1df; width:100%; float:left; padding:0 15px 40px 15px;}


.indexContentTre{  padding:71px 0 83px 0;}
.indexTitWhite:before{ content:''; width:100%; height:1px; background:white; opacity:0.2; position:absolute; left:0; bottom:9px;}

.indexContentTre ul{ width:100%; float:left; margin-top:32px; border-left:solid 1px rgba(255,255,255,0.2); border-top:solid 1px rgba(255,255,255,0.2);}
.indexContentTre ul li{ width:20%; float:left; border-right:solid 1px rgba(255,255,255,0.2); border-bottom:solid 1px rgba(255,255,255,0.2); padding:56px 10px 0 10px; text-align:center; height:240px; cursor:pointer;}
.indexContentTre ul li .contentTreIco{ width:100%; height:92px;}
.indexContentTre ul li .contentTreIco img{ height:100%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.indexContentTre ul li .contentTreTit{ width:100%; margin-top:12px; font-size:16px; color:white; line-height:22px; letter-spacing:1px;}
.indexContentTre ul li:hover .contentTreIco img{ transform:rotateY(360deg); margin-top:-10px;}
@media screen and (max-width: 1199px) {
.indexContentTre{ padding:51px 0 63px 0;}
.indexTitWhite{ padding-bottom:30px; background-size:14px 14px;}
.indexTitWhite:before{ bottom:7px;}
.indexContentTre ul{ width:80%; margin-left:10%;}
.indexContentTre ul li{ padding:36px 10px 0 10px;  height:180px;}
.indexContentTre ul li .contentTreIco{ height:72px;}
.indexContentTre ul li .contentTreTit{ margin-top:8px; font-size:14px;}
}
@media screen and (max-width: 991px) {
.indexContentTre{ padding:31px 0 43px 0;}
.indexTitWhite{ padding-bottom:20px; background-size:10px 10px;}
.indexTitWhite:before{ bottom:5px;}
.indexContentTre ul{ width:90%; margin-left:5%;}
.indexContentTre ul li{ padding:36px 10px 0 10px;  height:150px;}
.indexContentTre ul li .contentTreIco{ height:52px;}
.indexContentTre ul li .contentTreTit{ margin-top:6px; font-size:12px;}
}
@media screen and (max-width: 767px) {
.indexContentTre{ padding:11px 0 23px 0;}
.indexTitWhite{ padding-bottom:0px; background:none;}
.indexTitWhite:before{ display:none;}
.indexContentTre ul{ width:94%; margin-left:3%;}
.indexContentTre ul li{ padding:16px 10px 0 10px; width:50%; height:120px;}
.indexContentTre ul li .contentTreIco{ height:42px;}
.indexContentTre ul li .contentTreTit{ line-height:20px;}
.indexContentTre ul{ margin-top:12px;}
}



.h40 {
	clear: both;
	height: 40px;
	overflow: hidden;
}

