/*
 .Banner002187
 */
.Banner002187 span{background-position: center center; background-repeat:no-repeat; background-size:cover; height:500px; display:block;}
.Banner002187 img{ display:none;}
@media (max-width: 1000px){
.Banner002187 span{ height:auto; background:none; height:auto;}
.Banner002187 img{ display:block;}
}

/*Menu002662 */
.Menu002662{ text-align:center; padding:2% 0 2% 0;     background: #f7f7f7;}
.Menu002662 .columnname{ font-size:35px; color:#333333; padding-bottom:2%;text-transform: uppercase;}
.Menu002662 ul{ display: block; font-size: 0; text-align: center;}
.Menu002662 ul li{padding:0 16px 5px; display: inline-block;}
.Menu002662 ul li a{ display:block; color:#333333;padding:0 30px; border-radius:2px; line-height:45px; font-size:16px;}
.Menu002662 ul li a:hover,
.Menu002662 ul li.aon a{ background:#36355d; color:#fff;}
@media(max-width:1024px){
.Menu002662 .columnname{ font-size:36px;}
.Menu002662 ul{ display:block;}
.Menu002662 ul li{padding:0 10px; float:left;}
.Menu002662 ul li a{font-size:14px;}
}
@media(max-width:640px){
.Menu002662 .columnname{ font-size:20px;}
.Menu002662 ul li{ float:left; width:50%; padding:1px;}
.Menu002662 ul li a{font-size:12px; padding:0; text-align:center;}
}
/*RighInfo002218*/
.RighInfo002218{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; min-height:246px; padding:4% 3%; margin: -4% 0;}
.RighInfo002218 .box1{padding:3%;color:#666;font-size:14px;line-height:28px;background: #fff;box-shadow: 0 0 10px 6px #f9f9f9;}
.RighInfo002218 .box1 p{ padding-bottom: 25px;margin: 0;}
.RighInfo002218 .box1 .pic{float:right;margin-left:5%;padding-bottom: 18px;}
.RighInfo002218 .box1 .h3{ position:relative;font-size:22px;color:#36355d;margin:0 0 20px 0; /*font-weight:normal;*/ padding-left:15px;}
.RighInfo002218 .box1 .h3:after{ position: absolute; left:0; top:0; content:""; width:3px; height:30px; background:#36355d;}
.RighInfo002218 .box1 figure{ padding:3.5% 4%; color:#728391;}
.RighInfo002218 .list{ padding-top:5%;}
.RighInfo002218 .list li{ display:block; float:left; width:42%;}
.RighInfo002218 .list li+li{ padding-left:2%;}
.RighInfo002218 .list li:first-child,.RighInfo002218 .list li:last-child{ width:29%;}
.RighInfo002218 .list img{ float:left; margin-right:3%; max-width:98px;}
.RighInfo002218 .list figure{ padding-top:7%;}
.RighInfo002218 .list h2{ font-weight:normal; color:#008cd6; font-size:18px; margin:0;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
.RighInfo002218 .list p{ margin:10px 0 0; color:#728391;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
@media(max-width:1000px){
.RighInfo002218 .box1 .pic{ float:none; margin:0 auto 3% auto; display:block;}
.RighInfo002218 .list figure{ padding:3% 0;}
.RighInfo002218 .list li{ width:100% !important; padding:0 !important; margin:2% 0;max-width:400px;}
}
/*RighInfo002218 End*/


/*
 .PicList002239
 */
.PicList002239{ padding:4% 0 0%}
.PicList002239 li{ border-bottom: 4px solid #36355d; margin-bottom: 3%; float:left; padding: 2% 1% 0%;cursor:pointer;background: #f2f2f2;}
@media(min-width:769px){
.PicList002239 li{margin-right:5%; width:30%; }
.PicList002239 li:nth-child(3n){ margin-right:0;}
}
.PicList002239 li .Ispic{ padding-bottom:68%; background-size:contain;}
.PicList002239 li dl{ position:relative; margin:0 10px;text-align: center;line-height:50px;}
.PicList002239 li dd{ position:absolute; right:0; top:0; color: #999;padding-left: 30px; background: url(../images/PicList002239-icon.png) no-repeat left center;}
.PicList002239 li dt{font-size: 16px; font-weight: bold;color: #555;}
@media(max-width:768px){
.PicList002239 li{ width:48%; margin-right:4%;}
.PicList002239 li:nth-child(2n){ margin-right:0;}
}
/*PicList001912*/
.PicList001912 { padding:4% 0 0; }
.PicList001912 li{ margin-bottom:30px; background: #f7f7f7; padding:4px;}
.PicList001912 li div{ /*background:url(../images/PicList001912-libg.jpg) repeat-x left bottom #fff;*/ padding:2%; overflow:hidden;}
.PicList001912 li .pic{ float:left; width:27.5%;}
.PicList001912 li .pic img{ display:block; width:100%;}
.PicList001912 li figure{ float:right;  width:70%; padding-left:25px;}
.PicList001912 li h3{ margin:0; line-height:50px; font-size:16px;}
.PicList001912 li h3 a{ color:#555;}
.PicList001912 li h3 a:hover{ color: #36355d;}
.PicList001912 li h3 span{ float:right; color:#999; font-size:12px; font-weight:normal;}
.PicList001912 li p{ line-height:24px; overflow:hidden; height:72px; color:#999;}
.PicList001912 li .more{ color:#fff; background:#36355d; padding: 8px 10px;border-radius: 2px;}
@media(max-width:1000px){
.PicList001912 li h3{ line-height:normal;}
.PicList001912 li p{ margin:2% 0; height:48px;}
}
@media(max-width:480px){
.PicList001912 li .pic,
.PicList001912 li figure{ float:none; width:auto;}
.PicList001912 li figure{ border:0; padding-left:0; padding-top:3%;}
}


/*PicList001912_2*/
.PicList001912_2 { padding:4% 0 0; }
.PicList001912_2 li{margin-bottom:30px;background: #f7f7f7;padding:4px;width: 48%;float: left;margin-right: 4%;}
.PicList001912_2 li:nth-child(2n){margin-right:0;}
.PicList001912_2 li div{ /*background:url(../images/PicList001912-libg.jpg) repeat-x left bottom #fff;*/ padding:2%; overflow:hidden;}
.PicList001912_2 li .pic{ float:left; width:27.5%;}
.PicList001912_2 li .pic img{ display:block; width:100%;}
.PicList001912_2 li figure{ float:right;  width:70%; padding-left:25px;}
.PicList001912_2 li h3{ margin:0; line-height:50px; font-size:16px;}
.PicList001912_2 li h3 a{ color:#555;}
.PicList001912_2 li h3 a:hover{ color: #36355d;}
.PicList001912_2 li h3 span{ float:right; color:#999; font-size:12px; font-weight:normal;}
.PicList001912_2 li p{line-height:24px;overflow:hidden;height: 51px;color:#999;}
.PicList001912_2 li .more{ color:#fff; background:#36355d; padding: 8px 10px;border-radius: 2px;}
@media(max-width:1000px){
.PicList001912_2 li{width: 100%;margin-right: 0;float: none;}
.PicList001912_2 li h3{ line-height:normal;}
.PicList001912_2 li p{ margin:2% 0; height:48px;}
}
@media(max-width:480px){
.PicList001912_2 li .pic,
.PicList001912_2 li figure{ float:none; width:auto;}
.PicList001912_2 li figure{ border:0; padding-left:0; padding-top:3%;}
}



/*Page002036 */
.Page002036 .Pages{ text-align:center; padding:1% 0 4%; }
.Page002036 .Pages a{ display:inline-block; vertical-align:middle;background: #eee; padding:0 25px;margin: 0 2px; line-height:38px; color:#888;}
.Page002036 .Pages a:hover,
.Page002036 .Pages a.a_cur{ background-color:#36355d; color:#fff;}
.Page002036 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;}
.Page002036 .Pages .p_cur,
.Page002036 .Pages .p_count,
.Page002036 .Pages .p_jump,
.Page002036 .Pages .p_total,
.Page002036 .Pages .a_first,
.Page002036 .Pages .a_end{ display:none;}
.Page002036 .Pages .a_prev,
.Page002036 .Pages .a_next{ padding:0; width:70px; background:url(../images/Page002036-a_prev.png) #f0f0f0  no-repeat center center; overflow:hidden; line-height:1000px; height:38px;}
.Page002036 .Pages .a_next{ background-image:url(../images/Page002036-a_next.png);}
.Page002036 .Pages .a_prev:hover{background-image:url(../images/Page002036-a_prev2.png)}
.Page002036 .Pages .a_next:hover{background-image:url(../images/Page002036-a_next2.png)}
@media(max-width:640px){
.Page002036 .Pages .a_first,
.Page002036 .Pages .a_end{ display:none;}
}
@media(max-width:480px){
.Page002036 .Pages a{padding:0 5px; }
}


/*PicList001958*/
.PicList001958{padding:4% 0 1%}
.PicList001958 ul{ margin:0 -1%}
.PicList001958 li{overflow:hidden;position:relative; margin: 0 1%;margin-bottom: 25px; width: 48%; background:#f7f7f7; float: left;  height: 206px; }
.PicList001958 li div{ padding-left:35%;}
.PicList001958 li .Ispic{position: absolute; left: 0;top:0; height: 100%;width: 30%;float: left; max-width: 270px;padding-bottom: 33%;}
.PicList001958 li .Ispic img{ display:none;}
.PicList001958 li h1{ margin:0; font-size:18px; font-weight:normal; padding:15px 0;}
.PicList001958 li time{ color:#999;}
.PicList001958 li p{color:#666;line-height:30px;/* height:90px; */overflow:hidden;}

.PicList001958 .figure{padding-left: 0%;padding-top: 15px;}
.PicList001958 .figure span{display: inline-block;    padding-top: 20px;line-height:26px;}
.PicList001958 .figure p a{ font-size:20px;}
.PicList001958 .figure p{line-height:27px;padding-left:50px;background: url(../images/Map002364-icon_r.png) no-repeat center left;font-size:14px;color:#767676;}
.PicList001958 .figure p:nth-child(1){background-image: url(../images/Map002364-icon_r.png);}
.PicList001958 .figure p:nth-child(2){background-image: url(../images/Map002364-icon_j.png);}
.PicList001958 .figure p:nth-child(3){background-image:url(../images/Map002364-icon_tel.png);}
.PicList001958 .figure p:nth-child(4){background-image:url(../images/Map002364-icon_em.png);}
@media(max-width:768px){
.PicList001958 li div{ padding-left:45%;}
.PicList001958 li {height: 100%;}
.PicList001958 li .Ispic{width:42%;margin-bottom: 3%;}
}

@media(max-width:480px){
.PicList001958 li div{ padding-left:0;}
.PicList001958 li .Ispic{ position:relative; display:block; width:100%; padding-bottom:0; background-image: none!important; height: auto; max-width: inherit; }
.PicList001958 li .Ispic img{display: block; width: 100%;}
.PicList001958 li p{line-height:20px; height:60px; font-size:12px;}
.PicList001958 li h1{font-size:16px;}
.PicList001958 .figure{ width: 100%; float: none;}
.PicList001958 .figure p{ float: none; width: 100%; height: auto;}
}


/*PicList001977*/
.PicList001977{padding: 3% 0;}
.PicList001977 li{overflow:hidden;padding:20px 0;border-bottom:1px solid #ebecec;margin-bottom: 10px;}
.PicList001977 li:last-child{ border-bottom:0;}
.PicList001977 li .left{ float: left; width: 25%; padding-right: 3%;}
.PicList001977 li .right{float: right; width: 73%;}
.PicList001977 li time{ color:#999;}
.PicList001977 li p{color:#666;/* margin:10px 0 0 0; */line-height:30px;/* height:90px; */overflow:hidden;}
@media(max-width:768px){
.PicList001977 li .left{ width: 100%; padding-right: 0; margin-bottom: 2%;}
.PicList001977 li .right{ width: 100%;}
.PicList001977 li .left .img{ width: 40%; float: left;}
.PicList001977 li .left .figure{ width: 60%; float: left; padding-left: 5%;}
.PicList001977 .word3 { width: 100%; margin-top: 30px; float: left;}

}
@media(max-width:460px){
.PicList001977 li .left .img{ width: 100%; text-align: center;}
.PicList001977 li .left .figure{ width: 100%; padding-left: 0;}
}
.PicList001977 .word1{width: 100%;padding-left: 0%;}
.PicList001977 .word1{ padding-bottom:4%}
.PicList001977 .word2{ padding-bottom: 0;}
.PicList001977 .word1 .pp{background:url(../images/pic1.png) no-repeat center left; padding-left: 20px;}
.PicList001977 .word1 .pp2{padding-left: 20px;position:relative;}
.PicList001977 .word1 .pp2:after{position: absolute;left: 0;top: 7px;content: "";width: 14px;height: 14px;background:url(../images/pic1.png) no-repeat center left;margin: 0;}
.PicList001977 .word1 span{display: inline-block; padding:10px;line-height:26px;padding-right: 27px;}
.PicList001977 .word1 h1{ position:relative; padding-left:20px;margin:0; font-size:18px; color:#36355d;line-height: 42px; background:#f7f7f7;}
.PicList001977 .word1 h1:after{ position: absolute; left:0; top:0; content:""; width:3px; height:42px; background:#36355d; margin:0; }
.PicList001977 .word3 { margin-top: 30px;}
.PicList001977 .figure p{line-height:27px;padding-left:50px;background: url(../images/Map002364-icon_r.png) no-repeat center left;font-size:14px;color:#767676;}
.PicList001977 .figure p:nth-child(2){background-image:url(../images/Map002364-icon_j.png);}
.PicList001977 .figure p:nth-child(3){background-image: url(../images/Map002364-icon_tel.png);}
.PicList001977 .figure p:nth-child(4){background-image: url(../images/Map002364-icon_cz.png);}
.PicList001977 .figure p:nth-child(5){background-image:url(../images/Map002364-icon_em.png);position: relative;border:  none;}
.PicList001977 .word1 .text1{ background:#f7f7f7; padding:2%; margin-top:20px;border-radius: 30px 0 30px 0;}
.PicList001977 .word1 .text1 h2{ font-size:16px; color: #36355d;}
@media(max-width:480px){
.PicList001977 li div{ padding-left:0;}
.PicList001977 li .Ispic{ position:relative; display:block; width:100%; padding-bottom:0; background-image: none!important; height: auto; max-width: inherit;}
.PicList001977 li .Ispic img{display: block; width: 100%;}
.PicList001977 li p{line-height:20px; font-size:12px;}
.PicList001977 li h1{font-size:16px;}
.PicList001977 .figure{ width: 100%; float: none;}
.PicList001977 .figure p{ float: none; width: 100%; height: auto;}
}



.TextList001398{ margin:3% 0;background: #f7f7f7;}
.TextList001398 li{height: 60px; padding: 0 10px; border-bottom: 1px solid #e3e3e3; line-height: 60px; position:relative;}
.TextList001398 li a{display:block; padding: 0 75px 0 20px; background: url(../images/TextList001398_dow.png) 0 50% no-repeat; font-size: 16px; color: #3d3d3d;}
.TextList001398 li a:hover{color: #36355d;}
.TextList001398 li .btn{width: 90px; height: 60px; position: absolute; top: 0; right: 10px; background: url(../images/TextList001398_btn.png) 0 50% no-repeat;}
.TextList001398 li:nth-child(2n){background: #f2f2f2;}




/*Timeline000397 */
.Timeline000397{ position:relative; padding:3% 0;}
.Timeline000397::before{ content:'';width: 100%;height: 5px;background: #36355d;position: absolute;left: 0;top: 50%; margin-top:-2px;z-index: 1;}
.Timeline000397 .owl-stage-outer{ overflow:hidden;}
.Timeline000397 .owl-item{ float:left;}
.Timeline000397 .auto{ position:relative; z-index:2;}
.Timeline000397 .bd li{ float:left; width:200px; }
.Timeline000397 .owl-nav button{padding:0;font-size:22px;color:#fff;width: 40px;height: 40px;position:absolute;top:50%;margin-top: -24px;border-radius:50%;border:1px solid #188c89;background:#188c89;z-index:10;cursor:pointer;}
.Timeline000397 .owl-nav button span{ display:block; line-height:20px; margin-top:-1px;}
.Timeline000397 .owl-nav button.disabled{ cursor:default;background:#36355d;}
.Timeline000397 .owl-nav:hover button.disabled{background:#339bd1;}
.Timeline000397 .owl-nav:hover button{border:1px solid #339bd1; background:#339bd1;}
.Timeline000397 .owl-carousel .owl-nav.disabled{ display: block;}
.Timeline000397 .item{position:relative;}
.Timeline000397 .item .icon{width:12px;  background:url(../images/Timeline000397-icon1.png) no-repeat left bottom; }
.Timeline000397 .item div{color:#333;}
.Timeline000397 .item time{ text-align:center;color:#36355d; font-size: 16px;}
.Timeline000397 p{ line-height: 30px; margin-top: 2%;}
.txte{padding-bottom: 3%;}
.txte p{ line-height: 30px;}
@media(min-width:1001px){
.Timeline000397 .owl-prev{ left:-24px; }
.Timeline000397 .owl-next{ right:-24px; }
}
@media(min-width:601px){
.Timeline000397 .item{height:420px;}
.Timeline000397 .item .icon{ height:50%;position:absolute; top:0; left:50%; margin-left:-6px; margin-top:-2px;}
.Timeline000397 .owl-item:nth-child(2n) .icon{ top:50%; background-image:url(../images/Timeline000397-icon2.png); background-position:0 5px;}
.Timeline000397 .item div{ line-height:26px; overflow:auto; max-height:108px;position:absolute; width:100%; left:0; bottom:310px;}
.Timeline000397 .owl-item:nth-child(2n) .item div{ bottom:auto; top:310px;}
.Timeline000397 .item time{position:absolute; width:100%; top:52%;}
.Timeline000397 .owl-item:nth-child(2n) .item time{ top:43%;}
}
@media(max-width:1000px){
.Timeline000397 .owl-prev{ left:0; }
.Timeline000397 .owl-next{ right:0; }
}
@media(max-width:600px){
.Timeline000397::before{ top:60px; margin-top:0;}
.Timeline000397 .item time{ font-weight:bold; font-size:18px; display:block; line-height:40px;}
.Timeline000397 .item{ padding:0 5%;}
.Timeline000397 .owl-nav button{ top:38px; margin-top:0;}
.Timeline000397 .item .icon{ display:block; margin:0 auto; height:50px; background-position:center bottom;background-image:url(../images/Timeline000397-icon2.png);}
.Timeline000397 .item div{ padding-top:4%;}
}





/*RighInfo002552 */
.RighInfo002552{ padding:4% 0;}
.RighInfo002552 .info_1{ position:relative; z-index:1;padding-bottom:5%; }
.RighInfo002552 .info_1 .auto{ position:relative; z-index:2;}
.RighInfo002552 .info_1::after{ position:absolute; content:''; left:0; top:0; width:100%; height:100%; z-index:0; background:rgba(0,0,0,0.7);}
.RighInfo002552 .title{ text-align:center; font-size:26px; color:#333; padding:6% 0 2% 0;}
.RighInfo002552 .title::after{ width:45px; height:2px; background:#dedede; display:block; margin:17px auto; content:'';}
.RighInfo002552 .info_1 .title{ color:#fff; padding-bottom:0;}
.RighInfo002552 .info_1 .title::after{ background:#fff;}
.RighInfo002552 .info_1 .ul_icon{ padding:6% 0 3% 0;}
.RighInfo002552 .info_1 .ul_icon li{ float:left; width:33.333333333%; text-align:center;}
.RighInfo002552 .info_1 .ul_icon li a{ color:#fff;}
.RighInfo002552 .info_1 .ul_icon li aside{ display:block; border:1px solid rgba(240,135,30,0.5); max-width:132px; padding:6.25%; border-radius:50%; width:60%; margin:0 auto; }
.RighInfo002552 .info_1 .ul_icon li img{ display:block; width:100%;transition:0.3s;}
.RighInfo002552 .info_1 .ul_icon li a:hover aside img{ transform:rotateY(180deg);}
.RighInfo002552 .info_1 .ul_icon li h5{ font-size:18px; margin:7% 0 4% 0;}
.RighInfo002552 .info_1 .ul_icon li p{ margin:0;}
.RighInfo002552 .list_img dd{ float:left;margin-right:0.8%; margin-bottom:0.8%;}
.RighInfo002552 .list_img dd:nth-child(3n){ margin-right:0;}
.RighInfo002552 .list_img dd img{ display:block; width:100%;}

@media(max-width:1024px){
.RighInfo002552 .info_1{ margin-top:0;}
}
@media(max-width:480px){
.RighInfo002552 .title{font-size:20px;}
.RighInfo002552 .info_1 .ul_icon li{ float:none; width:auto; padding-bottom:5%;}
.RighInfo002552 .info_1 .ul_icon li aside{ max-width:100px; padding:4%;}
}




/*
 .RighInfo002275
 */
.RighInfo002275{padding: 4% 0}
.RighInfo002275 .text{margin-bottom: 30px}
.RighInfo002275 .text .title{font-size: 30px;color: #e4e4e4;font-weight: normal;margin-bottom: 20px;}
.RighInfo002275 .text .title span{font-weight: 700;}
.RighInfo002275 .text img{ margin-right: 10px;}
.RighInfo002275 .text .p{font-size: 16px;color:#666;line-height: 50px; margin: 0; padding: 0;}
.RighInfo002275 .map{width: 100%;height: 200px;display: none;}
.RighInfo002275 .map #map{height: 100%;}
.RighInfo002275 .map img{max-width: none !important;}
.xinxi {
    max-width: 800px;
    margin: auto;
    text-align: left;
}



@media screen and (min-width: 768px) {
.RighInfo002275 .text{float: left;width: 45%;}
.RighInfo002275 .map{float: right;width: 50%;height: 260px;display: none;}
}
@media screen and (min-width: 1024px) {
.RighInfo002275 .auto{background: url(../images/RighInfo002275-contact_bg.png) no-repeat center;}
.RighInfo002275 .map{float: right;width: 50%;height: 320px;}
.RighInfo002275 .text .title{font-size: 52px;}
}
@media screen and (min-width: 1200px) {
.RighInfo002275 .text .title{margin-bottom: 60px}
.RighInfo002275 .map{width: 700px;height: 430px;display: none;}
.RighInfo002275 .text{width: 100%;text-align: center;}
}



/*TextList002148 */
.TextList002148{ padding-top:4%; padding-bottom: 1%;}
.TextList002148 li{ margin-bottom:2%;}
.TextList002148 li a{ display: block; width: 100%; overflow:hidden; padding-left:170px; padding-right:48px; position:relative;}
.TextList002148 li a:after{ position:absolute; content:''; right:0; top:0;width:48px; height:100%; background:url(../images/TextList002148-more.gif) no-repeat center center #f0f0f0; transition:0.2s;}
.TextList002148 li a:hover::after{ background-color:#36355d;}
.TextList002148 li div{border-left:1px solid #e9e9e9; background-color:#f7f7f7; padding:2% 3%;}
.TextList002148 li time{ position:absolute; left:0; top:0; width:155px; height:100%;background-color:#f7f7f7; border-right:1px solid #e9e9e9;}
.TextList002148 li time:after{ position:absolute; content:''; background:url(../images/TextList002148-time.gif) no-repeat; width:11px; height:19px; top:50%; right:-11px; margin-top:-9px;}
.TextList002148 li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;}
.TextList002148 li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;}
.TextList002148 li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:66px; background:#dfdfdf;}
.TextList002148 li h3{ margin:0; font-size:16px; color: #555;}
.TextList002148 li p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;}
@media(max-width:1000px){
.TextList002148 li a{padding-left:120px;padding-right:30px;}
.TextList002148 li a:after{width:30px; background-size:35% auto;}
.TextList002148 li time{width:105px;}
.TextList002148 li time span{font-size:14px;}
.TextList002148 li time i{font-size:40px;line-height:30px;}
}
@media(max-width:768px){
.TextList002148 li h3{ font-size:16px;}
}
@media(max-width:480px){
.TextList002148 li a{padding-left:100px;padding-right:0;}
.TextList002148 li a:after{ display:none;}
.TextList002148 li time{width:85px;}
.TextList002148 li time span{font-size:12px;}
.TextList002148 li time i{font-size:30px;}
.TextList002148 li h3{ font-size:14px;}
.TextList002148 li p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;}
}




/*
 .PicList001814
 */
.PicList001814{padding: 4% 0 2% 0;}
.PicList001814 li{float:left;margin-right: 3.5%;width: 31%;/* background: #f7f7f7; */margin-bottom: 1.5%;}
.PicList001814 li:nth-child(3n){ margin-right:0;}
.PicList001814 li a{display:block;/* border:1px solid #eee; */padding:4%;}
.PicList001814 li figure{ padding-bottom:64%;}
.PicList001814 li figure img{ display:none;}
.PicList001814 li h2{margin:0;font-size:16px;font-weight:normal;line-height:50px;text-align: center;background: #eee;}
.PicList001814 li p{ margin:0; font-size:12px; line-height:24px; overflow:hidden; border-bottom:1px solid #eaeaea; height:70px;}
.PicList001814 li span{ display:inline-block; line-height:40px; background:url(../images/PicList001814-more.png) no-repeat right center; padding-right:15px; font-size:14px;}
.PicList001814 li a:hover *{ color:#36355d;}
@media(max-width:768px){
.PicList001814 li{ width:48%; margin-right:4%;}
.PicList001814 li:nth-child(2n){ margin-right:0;}
.PicList001814 li p{ height:72px;}
}
@media(max-width:375px){
.PicList001814 li{ width:auto; float:none; margin-right:0;}
.PicList001814 li p{ height:48px;}
}



/*
 .PicList001814_2
 */
.PicList001814_2{padding: 4% 0 2% 0;}
.PicList001814_2 li{float:left;margin-right: 2%;width: 23.5%;margin-bottom: 1.5%;}
.PicList001814_2 li:nth-child(4n){ margin-right:0;}
.PicList001814_2 li a{display:block;/* border:1px solid #eee; */padding:4%;}
.PicList001814_2 li figure{ padding-bottom:64%;}
.PicList001814_2 li figure img{ display:none;}
.PicList001814_2 li h2{margin:0;font-size:16px;font-weight:normal;line-height:50px;text-align: center;background: #eee;padding: 0 2%;}
.PicList001814_2 li p{margin:0;font-size:12px;line-height:24px;overflow:hidden;border-bottom:1px solid #eaeaea;height: 54px;padding: 0 2%;}
.PicList001814_2 li span{display:inline-block;line-height:40px;background:url(../images/PicList001814-more.png) no-repeat right center;padding-right:15px;font-size:14px;padding-left: 2%;}
.PicList001814_2 li a:hover *{ color:#36355d;}
@media(max-width:768px){
.PicList001814_2 li{ width:48%; margin-right:4%;}
.PicList001814_2 li:nth-child(2n){ margin-right:0;}
.PicList001814_2 li p{ height:72px;}
}
@media(max-width:375px){
.PicList001814_2 li{ width:auto; float:none; margin-right:0;}
.PicList001814_2 li p{ height:48px;}
}



/*
 .RighInfo002238
 */
.RighInfo002238{ padding:4% 0;}
.RighInfo002238 .auto{ border-radius: 30px 0 30px 0; padding: 2%;box-shadow: 0 0 10px 6px #f9f9f9; background: #f7f7f7;}
.RighInfo002238 h2{ color: #36355d;}
.RighInfo002238 .img{ margin: 2% 0; text-align: center;}
.RighInfo002238 p{line-height: 30px;}



/*
 .TextList002241
 */
.TextList002241{ padding: 4% 0 0;font-size: 14px; padding-bottom: 35px;}
.TextList002241 .list dl{display: block; margin-bottom:25px;padding:30px 40px;background: #f7f7f7; }
.TextList002241 .list dl dt{color: #555;font-size: 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height: 1.5em;line-height: 1.5;overflow: hidden; margin-bottom: 16px;}
.TextList002241 .list dl dd{color: #555;font-weight: 700;margin-bottom: 10px; line-height: 35px;height: 140px;overflow: hidden;}
.TextList002241 .list dl dd.hl{height:45px;    overflow: hidden;}
.TextList002241 .list dl dd span{color: #666;font-weight: normal;}
.TextList002241 .list dl:hover{background: #36355d;}
.TextList002241 .list dl:hover{color: #fff;}
.TextList002241 .list dl:hover dt{color: #fff;}
.TextList002241 .list dl:hover dt+dd{color: #fff;}
.TextList002241 .list dl:hover dd{color: #fff;}
.TextList002241 .list dl:hover dd span{color: #fff;}
.TextList002241 img{ margin-bottom: 4%;}
@media (min-width: 640px){
.TextList002241 .auto{ overflow: hidden;}
.TextList002241 .list{ margin: 0 -1%;}
.TextList002241 .list dl:nth-child(2n){margin-right: 0;}
.TextList002241 .list dl:nth-child(3n){margin-right: 1%;}
.TextList002241 .list dl{float:left;  width: 48%; margin: 0 1% 25px;}
}
@media (min-width: 1024px){
.TextList002241 .list dl:nth-child(3n){margin-right: 0;}
.TextList002241 .list dl:nth-child(2n){margin-right: 1%;}
.TextList002241 .list dl{ width: 31.33%;}
}


/*
 .PicList000762
 */
.PicList000762{ padding:4% 0 3% 0;}
.PicList000762 ul{ text-align: center; }
.PicList000762 li{ display: inline-block; width:19%; margin-right:0.9%; margin-bottom:2%;text-align: center; }
.PicList000762 li:nth-child(5n){ margin-right:0;}
.PicList000762 li a{ display:block; background-color:#f7f7f7;transition:all ease-in-out 0.3s;position: relative;}
.PicList000762 li a:before{ position: absolute;display: inline-block;content: '';left:8px;right:8px;top:8px;bottom: 8px;border:1px solid #fff;opacity: .5}
.PicList000762 li h2{ margin:0; font-size:17px; color:#fff; font-weight: normal; text-align:center;position: absolute;bottom: 16px;z-index: 16;left:50%;transform: translateX(-50%);width: 90%;}
.PicList000762 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:160%;}
.PicList000762 li a:hover{ background-color:#36355d; }
.PicList000762 li a:hover h2{color:#fff;}
@media(max-width:640px){
.PicList000762 li{width:49%; float: left; margin-right:2%;}
.PicList000762 li:nth-child(5n){ margin-right:2%;}
.PicList000762 li:nth-child(2n){ margin-right:0;}
}
@media(max-width:480px){
.PicList000762 li h2{font-size:14px;}
}


/*
 .RighInfo002223
 */


.RighInfo002223 .pic{margin-top: 20px;}
.RighInfo002223 .h3{color:#333;line-height:1.6;margin:0; font-size: 20px;font-weight: normal;}
.RighInfo002223 .h4{font-size:16px;color:#333;font-weight: normal;margin:30px 0px 0 0;}
.RighInfo002223 .h3:after,
.RighInfo002223 .h4:after{color:#8fb8e1;width:50px;height:2px;background:#36355d;border:none;margin:15px 0px; content: ""; display: block;}
.RighInfo002223 .ul{margin: 0; clear: both;}
.RighInfo002223 .ul li{font-size:16px;line-height:2.245;}
.RighInfo002223 .ul li span{font-family:Arial;font-size:18px;color:#36355d;font-weight:bold;}
.RighInfo002223 p{line-height:2.5;font-size:16px;color:#666;margin:0px 0px 25px;clear:both;text-align: justify;}

@media screen and (min-width: 1024px){
.RighInfo002223 .h3{font-size: 24px;}
.RighInfo002223 .pic{width:23.765%;}
.RighInfo002223 .con{width:71.235%;}
}
@media screen and (min-width: 768px){
.RighInfo002223 .h3:after,
.RighInfo002223 .h3:after{ margin: 25px 0;}
.RighInfo002223 .h4{font-size:20px; margin-top: 55px;}
.RighInfo002223 .pic{float:right;width:30.765%;}
.RighInfo002223 .con{float:left;width:64.235%;}
}

/*carousel 公共样式只留一份*/
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1; }
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
.owl-carousel .owl-item img {
    display: block;
    width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.owl-carousel.owl-loaded {
    display: block; }
.owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
.owl-carousel.owl-hidden {
    opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
.owl-carousel.owl-rtl {
    direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
    display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
    z-index: 0; }

.owl-carousel .owl-animated-out {
    z-index: 1; }

.owl-carousel .fadeOut {
    animation-name: fadeOut; }

@keyframes fadeOut {
    0% {
        opacity: 1; }
    100% {
        opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000; }

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none; }

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%; }



/*
 .PicList002311
 */
.PicList002311{ padding: 2% 0 4%;}
.PicList002311 .CenTitle{ padding:0 0 20px 0; position:relative; z-index:1; margin-top: 20px;}
.PicList002311 .CenTitle .name{ padding: 0 0 1.5%; text-align:center; font-size:21px; color:#333;}
.PicList002311 .CenTitle .line{ width:40px; height:2px; background:#36355d; overflow:hidden; margin:0 auto;}

.PicList002311 .honorList{ position:relative; padding:20px 40px;}
.PicList002311 .honorList .btn{ display:block; position:absolute; top:50%; margin-top:-12px; width:24px; height:24px; background:url(../images/PicList002311-button_hover.png); cursor:pointer;}
.PicList002311 .honorList .prev{ left:0; background-position:left top;}
.PicList002311 .honorList .prev:hover{ background-position:left bottom;}
.PicList002311 .honorList .next{ right:0; background-position:right top;}
.PicList002311 .honorList .next:hover{ background-position:right bottom;}
.PicList002311 .honorList .list{margin:0 auto; overflow:hidden;}
.PicList002311 .honorList .list .ul li{ padding: 0 2%;}
.PicList002311 .honorList .list .ul .dot{ background: #f7f7f7; display:block; text-align:center; padding:10px 0; line-height:20px; font-size:16px; color:#666; transition: 0.3s;}
.PicList002311 .honorList .list .ul li:hover .dot{ background: #36355d; color:#fff;}
@media only screen and (min-width:768px ) {
.PicList002311 .honorList{ padding:20px 50px;}
}




.Header .auto{ position: relative;z-index: 106;}
.Header .logo{ padding: 3.6% 0; display: inline-block;}
.Header .topNav,
.Header #open_menu,
.Header .search-box,
.Header .topicon{ position: absolute;}
.Header .topicon{float: left;line-height: 28px;position: relative;height: 43px;}
.Header .topicon dd{display: inline-block;margin-left: 0px;vertical-align: middle;}
.Header .topicon dd > a{background:url(../images/top_icon1.png) no-repeat center center; width:30px;height:30px;display:block;}
.Header .topicon dd .open-search-show{ position: relative; background:none;}
.Header .open-search-show::before,
.Header .open-search-show::after{ position:absolute; content:''; width:80%; height:3px; background:#36355d; top:50%; left:10%; transform:rotate(-45deg);}
.Header .open-search-show::after{transform:rotate(45deg);}
.Header .search-box{ top:120%; right:0; z-index:100; display:none;}
.Header .search-box .text{width: 254px;line-height: 46px;height: 46px; border:1px solid #fff; background:rgba(0,0,0,0.2); color:#fff; padding:0 50px 0 10px;}
.Header .search-box .btn{ position:absolute; right:0; top:0; line-height: 46px; width:46px; text-align:center; color:#fff; font-weight:bold; font-size:16px; font-family:Verdana,Arial, Helvetica, sans-serif;}
.Header .search-box .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#fff;top: -15px;right: 4px;}
.Header .topNav{position: absolute;right: 13%;width: 60%;top: 50%;margin-top: -12px;text-align: right;}
.Header .topNav li{ margin-left: 4%; display: inline-block;}
.Header .topNav li:first-child{ margin-left: 0;}
.Header .topNav li a{ font-size: 16px; display: block; padding:0 5px; position: relative; padding-bottom: 10px; border-bottom: 3px solid transparent;}
.Header .topNav li a:hover,
.Header .topNav li.aon a{ color: #36355d; border-bottom-color: #36355d;}

.Hbanner{ position: relative; max-width: 1600px; margin: 0 auto;}
.Hbanner .wapban{ display: none;}
.Hbanner .bx-pager{ position:absolute; left: 0; bottom: 3.5%; width: 100%; text-align: center; z-index: 105;}
.Hbanner .bx-pager > div{ width: 18px; height: 18px; display: inline-block; margin: 0 6px;}
.Hbanner .bx-pager a{ line-height: 100; display: block; width: 18px; height: 18px; overflow: hidden; background: url("../images/ban_icon.png") no-repeat center; opacity: 0.6;}
.Hbanner .bx-pager a.active{ opacity: 1;}
.Header .header-right{float: right;padding-top: 52px;}
.Header .header-right .language{float: left;margin-top: 2px;position: relative;padding: 0 10px;}
.Header .header-right .language dt{border: 1px solid #eee;width: 100%;text-align: center;background: #fff;position: absolute;right: 0;top: 100%;display: none;}
.Header .header-right .language dd{display:block;border-bottom:1px solid #eee;line-height:24px;transition:color 0.3s;text-transform: uppercase;}
.Header .header-right .language dd:last-child{ border-bottom:0;}
.Header .header-right .language dd a{font-size: 13px;border:1px solid #36355d;padding:2px 5px;margin-right:15px;color:#36355d;}
.Header .header-right .language dd a:last-child{margin-right:0;}
@media only screen and (max-width:1024px) {
.Header .header-right{position: absolute;right: 35px;top: 36%;padding-top: 0;}
}
@media only screen and (max-width:640px) {
.Header .header-right{position: absolute;right: 35px;top: 30%;padding-top: 0;}
}

@media(max-width: 376px){
    .Header .logo{width:231px;}
    .Header .header-right .language dd a{margin-right: 5px;}
    .Header .header-right .language{padding: 0 3px;}
    .Header .header-right{right: 28px;}
}
@media(max-width: 320px){
    .Header .logo{width:196px;}
    .Header .header-right .language dd a{margin-right: 5px;padding:2px 3px;font-size:12px;}
    .Header .header-right .language{padding: 0 3px;}
    .Header .header-right{right: 25px;}
}



.Hindex{ max-width: 1600px; background: url("../images/box_bg.png") repeat; margin: 4% auto 0;}

.Htitle{ border-bottom: 1px dotted #c9c9c9; padding: 4% 0 2%; margin: 0 0 4%; overflow: hidden; line-height: 42px;}
.Htitle h2{ margin: 0; font-weight: normal; display: inline-block; font-size: 20px; color: #333;text-transform: uppercase;}
.Htitle h2 span{ color: #888888; font-size: 16px; display: inline-block; margin-left: 10px;}
.Htitle a{ float: right; padding: 0 4.1%; color: #36355d; font-size: 15px; border: 1px solid #36355d;}
.Hindex1 .tab_span{ text-align: center; padding-bottom: 5%; width: 100%;}
.Hindex1 .tab_span span{display: inline-block; font-size: 18px; color: #888888; margin: 0 3%; padding: 0 5px 5px; border-bottom: 1px solid transparent;    cursor: pointer}
.Hindex1 .tab_span span.aon{ color: #36355d; border-bottom-color: #36355d;}
.Hindex1 .tab_list ul{ display: none;}
.Hindex1 .tab_list li{ overflow: hidden;}
.Hindex1 .tab_list li figure{ position: relative; z-index: 1; padding-top: 65%;}
.Hindex1 .tab_list li img{ transition: all 0.5s;position: absolute;left: 0;top: 0; width: 100%; height: 100%;}
.Hindex1 .tab_list li a{ display: block; width: 100%; position: relative;}
.Hindex1 .tab_list li a:after,
.Hindex1 .tab_list li a:before{ content: ''; display: none;}
.Hindex1 .tab_list li .txt,
.Hindex1 .tab_list li a:after,
.Hindex1 .tab_list li a:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }
.Hindex1 .tab_list li .txt{ color: #fff; padding: 4% 6%; line-height: 26px; top: auto; bottom: 0; height: auto; transition: all 0.5s;}
.Hindex1 .tab_list li .txt *{ margin: 0; font-weight: normal;}
.Hindex1 .tab_list li h3{ font-size: 18px;}
.Hindex1 .tab_list li h4{ font-size: 15px;}
.Hindex1 .tab_list li .txt p{ display: none; font-size: 15px;}
.Hindex1 .tab_list li a:after{ left: 1.5%; top: 2.5%; width: 97%; height: 95%; border: 1px solid rgba(251,247,236,0.5);}
.Hindex1 .tab_list li a:before{background: rgba(104,103,134,0.5);}
.Hindex1 .tab_list .bx-wrapper .bx-viewport{height: auto !important;}

/*.Hindex .owl-carousel .owl-dots.disabled{ display: block;}*/
.Hindex .owl-carousel .owl-item{ margin-right: 23px;}
.Hindex .owl-dots{ text-align: center; padding: 4% 0;}
.Hindex .owl-dots .owl-dot{ border: 0; background: none;width: 18px;height: 18px;display: inline-block;margin: 0 6px; padding: 0;}
.Hindex .owl-dots .owl-dot span{line-height: 100;display: block;width: 18px;height: 18px;overflow: hidden;background: url(../images/line_icon1.png) no-repeat right center;}
.Hindex .owl-dots .active span{ background-position: left center;}



.HindexNews{ background-image: url("../images/box_bg2.png");}
.HindexNews .textul{float: left;width: 30%;padding: 0% 2% 2%;}
.HindexNews .textul h2{margin:0;color: #36355d;font-size: 18px;}
.HindexNews .textul li{ padding: 4% 0; position: relative; border-bottom: 1px dotted #ccc; line-height: 26px; letter-spacing: 1px;}
.HindexNews .textul li a{ display: block; position: relative; color: #555555; font-size: 15px; padding-left: 15px;}
.HindexNews .textul li a:before{ content: '';position: absolute; left: 0; top: 11px; width: 4px; height: 4px; background: #36355d;}
.HindexNews .textul li a:hover{ color: #36355d;}
.HindexNews .pic_list{ width: 100%; float: right;}
.HindexNews .pic_list dl{ overflow: hidden; clear: both; position: relative; margin-bottom: 4.5%;}
.HindexNews .pic_list dt{ width:26%; float: left;}
.HindexNews .pic_list dd{ float: right; width: 71%; padding-right: 115px;}
.HindexNews .pic_list .more{ position: absolute; right: 0; top: 0; width: 70px; height: 100%; border-bottom: 1px solid #36355d; color: #36355d; text-align: center;}
.HindexNews .pic_list .more span{ position: absolute; left: 0; top: 50%; margin-top: -19px; width: 100%;}
.HindexNews .pic_list .more span:after{ content: ''; display: block; width: 20px; height: 10px; background: url("../images/line_icon2.png") no-repeat center bottom; margin: 8px auto 0;}
.HindexNews .pic_list .more:hover{ background: #36355d; color: #fff;}
.HindexNews .pic_list .more:hover span:after{ background-position: center top;}
.HindexNews .pic_list time{ color: #36355d;}
.HindexNews .pic_list i,
.HindexNews .pic_list em{ display: inline-block; font-style: normal;}
.HindexNews .pic_list em{ width: 1px; height: 10px; background: #e5e5e5; margin: 0 13px;}
.HindexNews .pic_list .title{ font-size: 18px; padding: 3% 0 2.5%; font-weight: bold;}
.HindexNews .pic_list .title:hover{ color: #36355d;}
.HindexNews .pic_list p{ font-size: 15px; line-height: 26px; color: #666; height: 52px; margin: 2% 0;overflow: hidden;}

.Hareas{ margin-bottom: 5%;}
.Hareas li a{ position: relative; display: block;}
.Hareas li a:before,
.Hareas li a:after{ position: absolute; content: '';}
.Hareas li a:before{ left: 2%; top: 1%; width: 96%; height: 98%; border: 1px solid #fff; z-index: 2;}
.Hareas li a:after{ height: 100%; width: 100%; left: 0; top: 0; background: rgba(1,83,81,0.8);  opacity: 0; transition: all 0.5s;}
.Hareas li figure{ position: relative;     padding-top: 228%;}
.Hareas li figure img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.Hareas li .txt{ position: absolute; bottom: 0; left: 0; width: 100%;  text-align: center; color: #fff; z-index: 2; padding: 0 13%; line-height: 24px; transition: all 0.5s;}
.Hareas li .txt i{ width: 45px; height: 45px; display: block; margin: 0 auto; opacity: 0; transition: all 0.5s; }
.Hareas li .txt h2{ font-weight: normal; font-size: 18px; margin: 0; padding-bottom: 22%;}
.Hareas li .txt p{ margin: 0; display:none;}



.footer{ background: url("../images/box_bg.png") repeat; padding: 6.2% 0 3.9%;}
.footer .auto{ position: relative; padding-right: 120px;}
.footer .code{ position: absolute; right: 0; width: 110px; text-align: center; color: #555;}
.footer .ul{ float: left; width: 40%; margin-right: 11%;}
.footer ul li{ width: 50%; float: left; font-size: 16px; line-height: 38px;}
.footer .contact{ float: left; width: 40%;}
.footer .contact p{ margin: 0 0 4%; line-height: 38px; font-size: 16px; color: #555555;}
.footer .contact a{ display: inline-block; width: 44px; height: 44px; border-radius: 100%; background: url("../images/footer_icon.png") no-repeat 1px #e9e9e9; margin-right: 8px; position: relative;}
.footer .contact a.tel{ background-position: -54px center;}
.footer .contact a.qq{ background-position: -108px center;}
.footer .contact a span{ position: absolute;left: 50%;top: 100%;transform: translateX(-50%);padding: 10px; display: none; color: #555;}
.footer .copyright{ font-size: 12px;}
.footer .copyright a{ display: inline-block; color: #555555;}
.footer dt{ padding: 3.5% 0; font-size: 14px;}
.footer dt a{ border-bottom: 1px solid #888888; padding-bottom: 3px; margin-right: 30px;}
.maincontent{ padding: 4% 0;}

.RichInfo006{ margin: 4% auto;}
.RichInfo006 .news_info .title{ text-align:center; padding-bottom:20px;}
.RichInfo006 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;color: #333;}
.RichInfo006 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;}
.RichInfo006 .news_info .title p span{ margin:0 5px; color:#777; display: inline-block;}
.RichInfo006 .news_info .info_back{ text-align:center; clear:both; padding:40px 0;}
.RichInfo006 .news_info .info_back a{ color:#36355d; border: 1px solid #36355d;padding: 7px 20px;}
.RichInfo006 .news_info .info_pn span{ display:block;}
.RichInfo006 .news_info .info_pn span a{ color:#999;}
.RichInfo006 .news_info .info_pn span a:hover{color:#36355d;}


@media only screen and (min-width:1025px ) {
.Hindex1 .tab_list li a:hover .txt{ text-align: center; bottom: 50%; transform: translateY(50%);}
.Hindex1 .tab_list li a:hover .txt h4{ display: none;}
.Hindex1 .tab_list li a:hover .txt p{ display: block; max-width: 225px; margin: 7% auto 0;}
.Hindex1 .tab_list li a:hover:after,
.Hindex1 .tab_list li a:hover:before{ display: block;}
.Hindex1 .tab_list li a:hover img{ transform: scale(1.05,1.05);}

.Hareas li a:hover .txt{ bottom: 50%; transform: translateY(50%);}
.Hareas li a:hover:after,
.Hareas li a:hover i{ opacity:1;}
.Hareas li a:hover h2{ padding: 10% 0;}
.Hareas li a:hover p{ display: block;}
.footer .contact a:hover span{ display: block;}	
}
@media only screen and (max-width:1024px ) {
.Header #open_menu{ width:30px; height:30px; z-index:101; transition:background 0.3s; right: 0; top: 50%; margin-top:-15px;}
.Header #open_menu i,
.Header #open_menu i::before,
.Header #open_menu i::after{ background:#36355d; border-radius:3px; position: absolute;}
.Header #open_menu i::before,
.Header #open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
.Header #open_menu i::before{ top:6px;}
.Header #open_menu i::after{top:-6px;}
.Header #open_menu i{ left:20%; width:60%;height:2px; margin-top:-1px; top: 50%;}
.Header #open_menu.open_menu_on i{height:3px; margin-top:-1.5px;}
.Header #open_menu.open_menu_on i{ background:none !important;}
.Header #open_menu.open_menu_on i::before,
.Header #open_menu.open_menu_on i::after{  top:0 !important;}
.Header #open_menu.open_menu_on i::before{ transform:rotate(45deg);}
.Header #open_menu.open_menu_on i::after{ transform:rotate(-45deg);}
.Header .topNav{ position: absolute;left: 0;top: 100%;margin-top: 0;background: #fff;width: 100%; text-align: center; border-top: 2px solid #36355d; padding: 2% 0; display: none; z-index: 200;}
.Header .topNav li{ display: block; margin: 0;}
.Header .topNav li.aon a{ border-bottom: none;}
.Header .header-menu-show{ display: block;}
/*.Header .topicon{ right: 30px;}*/
.Header .topicon dd{ margin-left: 0;}
}

@media only screen and (max-width:768px ) {
.HindexNews .textul,
.HindexNews .pic_list,
.footer .ul,
.footer .contact{ width: 100%; float: none; overflow: hidden; margin-bottom: 2%;}
.HindexNews .textul li{ padding: 2% 0;}
.footer .ul{ margin-right: 0;}
.footer ul li{ float: none; display: inline-block; margin-right: 10px; width: auto;}
.footer .code{ right: 2%;}
}
@media only screen and (max-width:640px ) {
.Htitle{ line-height: 30px;}
.Htitle h2,
.Hindex1 .tab_span span{ font-size: 16px;width: 50%;margin-bottom: 2%;}
.Htitle h2 span,
.HindexNews .textul li a{ font-size: 14px;}
.Htitle a{ font-size: 13px;}
.HindexNews .pic_list dt,
.HindexNews .pic_list dd{ width: 100%; float: none; overflow: hidden; margin-bottom: 2%; position: relative;}
.HindexNews .pic_list dt img{ width: 100%; display: block;}
.HindexNews .pic_list dd{ padding-right: 54px;}
.HindexNews .pic_list .more{ width: 50px;}
.HindexNews .pic_list .title{ font-size: 16px;}
.HindexNews .pic_list p{ font-size: 13px;}
.footer .ul,
.footer .contact p{ display: none;}
.footer .auto{ padding-right: 0;}
.footer .code{ display: block; margin: 0 auto; position: static;}
.footer .contact{ text-align: center;}
.footer dt a{ margin-right: 10px;}
}

.newsList_box li{ line-height:55px;border-bottom:1px dashed #e5e5e5;}
.newsList_box li a{ padding-right:10px;}
.newsList_box li time{ float:right;}
.newsList_box li a:hover{ color: #40a237;}
.maincontent{ min-height: 300px;}


.Floor000476_2{padding: 2% 0;}
.Floor000476_2 .con{}
.Floor000476_2 .con a {font-size: 16px;padding: 6px 19px;margin-right: 10px;border: solid 1px #ccc;margin-bottom: 10px;display: -webkit-inline-box;}
.Floor000476_2 .con a {font-size: 16px}


.Hareas {padding-bottom: 6%;}
.Hindex1 {padding-bottom: 6%;}





.history{ padding: 5% 0;}
.history .ytable-cell{ vertical-align: top; position: relative; padding-right: 5%;width: 50%}
.history .ytable-cell:nth-child(2n){ padding-left: 5%; padding-right: 0;}
.history h2{ text-align: center; color: #a01117; font-size: 30px; margin: 0;}
.history h2::after{display: block; content: ''; margin: 16px auto; width: 40px; height: 2px; background-color: #a01117;}
.history .ytable-cell:nth-child(2n) h2{color: #36355d;}
.history .ytable-cell:nth-child(2n) h2::after{background-color: #36355d;}
.history .ytable-cell::before{ content: ''; position: absolute; left: 45%; width: 1px; height: calc(100% - 70px); top: 70px; background-color: #e1e1e4;}
.history .ytable-cell:nth-child(2n)::before{ left: 55%;}
.history .ul li{padding-left: 50%; padding-top: 10px; padding-bottom: 10px;}

.history li .box{padding-left: 20px;}


.history .box h3{ display:block; color:#a01117; font-size:18px; border-top:1px solid #e1e1e4; font-weight: normal; margin: 0;}
.history .ytable-cell:nth-child(2n) .box h3{ display:block; color:#36355d; font-size:18px; border-top:1px solid #e1e1e4; font-weight: normal; margin: 0;}
.history .box p{ line-height: 24px;}
.history .box h3:before{ display:block; margin:-3px 0 10px 0; content:''; background-color:#a01117; width:20px; height:5px;}
.history .ytable-cell:nth-child(2n) .box h3:before{ display:block; margin:-3px 0 10px 0; content:''; background-color:#36355d; width:20px; height:5px;}

.history .Istop{ text-align: center; max-width: 55%; margin: 0 auto; border-top:1px solid #e1e1e4;position: relative; padding-top: 20px;}
.history .Istop .box h3{ border-top: none;color: #030335;font-size: 30px;font-weight: bold;}
.history .Istop .box h3:before{ margin: 0 auto 10px; width: 5px; height: 20px;background-color:#030335;}
@media only screen and (min-width:641px ) {
	.history .ul li:nth-child(2n){text-align: right; padding-left: 0; padding-right: 50%;}
	.history .ul li:nth-of-type(even) h3::before{ margin-left: auto; margin-right: 0;}
	.history .ul li:nth-child(2n) .box{padding-left: 0; padding-right: 20px;}
}
@media only screen and (max-width:640px ) {
	.history h2{ font-size: 20px;}
	.history .ytable-cell::before{ right: 5%; left: auto;}
	.history .ytable-cell:nth-child(2n)::before{ left: 5%; right: auto;}
	.history .ul li{ padding-left: 0;}
	.history .ytable-cell:nth-of-type(odd) li{ text-align: right;}
	.history .ytable-cell:nth-of-type(odd) li .box{ padding-left: 0; padding-right: 20px;}
	.history .ytable-cell:nth-of-type(odd) li h3::before{ margin-left: auto; margin-right: 0;}
}
.Team_Sort {font-size: 16px;background: #fff;position: relative;padding-top: 3%}
.Team_Sort dl {padding: 10px 50px 10px 0;line-height: 30px;position: relative;}
.Team_Sort dl:not(.search_box) {padding-top: 10px;padding-bottom: 10px;}
.Team_Sort dt {position: absolute;color: #999999;padding-top: 4px;}
.Team_Sort dl:not(.search_box) dt {padding: 2px 0;top: 15px;background-color: #36355d;color: #fff;width: 90px;text-align: center;}
.Team_Sort dl:not(.search_box) dt:before{ content: ''; right: -16px; top: 8px; position: absolute; border: solid 8px transparent; border-left-color: #36355d}
.Team_Sort dd {position: relative;padding-left: 130px;height: 40px;overflow: hidden;transition: 0.3s;}
.Team_Sort ul {padding-left: 70px;transition: 0.3s;}
.Team_Sort ul li {float: left;padding-top: 4px;padding-bottom: 4px;padding-right: 10px;}
.Team_Sort a {cursor: pointer;position: relative;display: inline-block;white-space: nowrap;margin: 0px 8px;}
.Team_Sort a:hover{color: #36355d;}
.Team_Sort .all {position: absolute;top: 4px;}
.product_case_sort a.on {color: #36355d;}
.Team_Sort a.on:after{content: ''; display: block; width: 100%; height: 1px; background-color: #36355d; position: absolute;}

@media (max-width: 960px){
.Team_Sort dl {padding: 10px 0;}
.Team_Sort dt {position: relative;top: auto!important;margin-bottom: 5px}
.Team_Sort dd {padding-left:0px;height: auto;}
}