/*Top */
.Top{background: url(/css/../images/top_line.png)no-repeat top center #ffffff;/* position: absolute; */z-index: 99999;width: 100%;top: 0;    box-shadow: 0 0 10px rgba(0,0,0,0.5);    position: relative;}
.Top header{position:relative;}
.Top .logo,
.Top .top{ position:absolute; top:50%; -ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);}
.Top .top{ right:0; z-index:10;}
.Top .top dt,
.Top .top dd{ float:left; line-height:40px;}
.Top .top dd:before{ display:inline-block; content:''; width:2px; border-right:1px dotted #8c8c8c; height:5px; margin-right:15px; vertical-align:middle;}
.Top .top dd a{display:inline-block;}
.Top .top dd a:after{ display:inline-block; content:''; width:0; height:0; border:5px solid transparent; border-top-color:#8c8c8c; margin-left:10px;vertical-align:middle;}
.Top .top dt{position:relative;width:40px;height:40px;background: url(/css/../images/top_search.png) no-repeat center center;z-index: 9999999999999!important;}
.Top .top dt div{ position:absolute; right:0; top:0; overflow:hidden; width:0; opacity:0;background:#eee; transition:0.3s;}
.Top .top dt:hover div{ width:200px; opacity:1;}
.Top .top dt div .text{ width:100%; background:none; height:40px; border:none; line-height:40px; padding:0 40px 0 10px;}
.Top .top dt div .btn{ position:absolute; right:0; top:0; height:40px; border:none; cursor:pointer; width:40px;background:url(/css/../images/top_search.png) no-repeat center center;}
.Top .logo{ left:0;}

.Top nav{ padding:0 90px 0 16%;}
.Top nav li{float:left;position:relative;width:14.285%;text-align:center;padding: 29px 0;}
.Top nav li a{ display:block;}
.Top nav li > a{line-height:40px;position:relative;font-size:16px;color: #333;}
.Top nav li > a:hover{color:;}
.Top nav li  span{ display:none;}
.Top nav li dl{ position:absolute; top:100%; left:0; width:100%; display:none;z-index: 1000}
.Top nav li dl:before{ position:absolute; content:''; width:0; height:0; border:4px solid transparent; border-bottom-color:#0369ce; top:-8px; left:50%; margin-left:-4px;}
.Top nav li dd{ padding-bottom:1px;}
.Top nav li dd a{ line-height:47px; background:rgba(0,0,0,0.5); color:#fff;}
.Top nav li dd a:hover{ background:#0369ce;}
@media(max-width:1300px){
    .Top nav{ padding:0 20px 0 16%;}
}

@media(max-width:1100px){
.Top header{ margin:0 2%;}
.Top .logo{ position:relative; top:auto; transform:translateY(0); padding:15px 55% 15px 0;}
.Top .top{ right:50px;display:none;}
.Top nav{ position:fixed; right:0; top:0;height:100%; max-height:100%; overflow:auto; padding:0; width:70%; max-width:280px; background:#0369ce; z-index:100; transform:translateX(100%); opacity:0; transition:0.3s;}
.Top nav.navOut{transform:translateX(0); opacity:1;}
.Top nav ul{ padding-top:25%;}
.Top nav li{ float:none; width:auto; padding:0; border-bottom:1px solid rgba(0,0,0,0.3);}
.Top nav li >a,
.Top nav li span{ display:block; color:#fff; font-size:16px; padding:5%; font-weight:bold; line-height:normal;}
.Top nav li span a{color:#fff;display: inline-block;}
.Top nav li.has_sub >a{ display:none;}
.Top nav li dl{ position:relative; top:auto;}

.Top .mobile_menu{ position:absolute; right:0; top:50%; transform:translateY(-50%); width:40px; height:32px; background-color:#ececeb; border-radius:4px; z-index:101;}
.Top .mobile_menu span,
.Top .mobile_menu span:after,
.Top .mobile_menu span:before{position:absolute;height:3px; background-color:#0369ce;width:100%; left:0%; border-radius:3px;}
.Top .mobile_menu span{width:70%; left:15%;  top:50%; margin-top:-1.5px;}
.Top .mobile_menu span:after,
.Top .mobile_menu span:before{content:''; transform:transform 0.3s;}
.Top .mobile_menu span:before{ top:-8px;}
.Top .mobile_menu span:after{ top:8px;}
.Top .open_menu span{ background-color:transparent;}
.Top .open_menu span:before{ top:0; transform:rotate(45deg);}
.Top .open_menu span:after{ top:0; transform:rotate(-45deg);}
.Top .language a{right:64px;top: 38%;}
}
@media(max-width:768px){
    .Top .language a{top: 34%;}
}

/*Banner */
.Banner{ position:relative; z-index:1; position:relative;}
.Banner .bx-viewport{ z-index:1;}
.Banner,
.Banner ul,
.Banner li,
.Banner li a .bannerimg1{display:block}
.Banner li a .bannerimg2{display:none}
.Banner li{ background-position:center top; background-repeat:no-repeat;}
.Banner .bx-prev,
.Banner .bx-next{ width:46px; height:101px;  position:absolute; top:50%; margin-top:-55px; background-position:center center; background-position:center center; z-index:66;}
.Banner .bx-prev{ left:20px!important; background:url(/css/../images/Banner-prev.png)no-repeat;}
.Banner .bx-next{ right:20px!important;background:url(/css/../images/Banner-next.png)no-repeat;}
.Banner .bx-pager{ position:absolute; left:0; width:100%; text-align:center; bottom:5%; z-index:10;}
.Banner .bx-pager div{ display:inline-block; margin:0 5px;}
.Banner .bx-pager a{ display:block; overflow:hidden; line-height:100px;width: 10px;height:10px;background: rgba(255,255,255,0.8);border-radius: 20px;}
.Banner .bx-pager a.active{ width: 24px;background:#fff; display:block;}
@media(max-width:1000px){
.Banner li a .bannerimg1{display:none}
.Banner li a .bannerimg2{display:block}
.Banner,
.Banner ul,
.Banner li,
.Banner li a{ height:auto !important;}
.Banner li{ background:none !important;}
.Banner li img{ display:block; width:100%;}
.Banner .bx-prev, .Banner .bx-next{ display:none;}
}
/*Banner End */
/*about*/
.top_title{position:relative;padding-bottom: 26px;}
.top_title h1{font-size: 40px;color: #0369ce;margin:0;margin-bottom: 13px;margin-top: -10px;}
.top_title h1 span{color: #2bc800}
.top_title h2{font-size: 34px;color:#333;margin: 0;    text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.top_title::before{content: "";position: absolute;width:50px;height: 4px;bottom: 0;background: #0369ce;}
.index_about{background:url(/css/../images/about_bg.jpg)no-repeat center center;padding: 70px 0 30px;background-size: cover;overflow: hidden;}
.index_about .box1{overflow: hidden;margin-bottom:47px;}
.index_about .box1 .left{width:40.6%;float: left;}
.index_about .box1 .left p{font-size:14px;line-height:28px;color: #666;margin: 0;margin:15px 0 ;text-overflow: ellipsis;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden; }
.index_about .box1 .left .btn{position:relative;width: 175px;}
.index_about .box1 .left .btn a{display: inline-block; width: 175px;height: 54px;border: 1px solid #0369ce;color: #0369ce;line-height: 54px;text-align: center;transition: all 0.36s;z-index: 9999;position:relative;z-index: 2}
.index_about .box1 .left .btn .line{content:"";position: absolute;width:0;height:100%;background:#0369ce;top:0;transition: all 0.3s;right: 0;z-index:0}
.index_about .box1 .left .btn:hover a{color: #fff;transition: all 0.3s;}
.index_about .box1 .left .btn:hover .line{width:100%}
.index_about .box1 .hover{width:55%;float: right;overflow: hidden;}
.index_about .box1 .hover .right{width: 100%;height: 395px; position: relative;background: url(/css/../images/aboutpic1.jpg)no-repeat center center;transition: all 0.8s;}
.index_about .box1 .hover .right::before{content: "";position: absolute;width: 100%;height: 100%;background: url(/css/../images/about_adv.png)no-repeat center center;cursor: pointer;}
.index_about .box1 .hover:hover .right{transform: scale(1.03)}
.index_about .box2{position: relative;}
.index_about .box2 ul{width: 100%;}
.index_about .box2 ul li{min-width:234px;height: 234px;list-style: none;float:left;text-align: center;width: 22%;position: relative;z-index: 99;}
.index_about .box2 ul li .yuan{width: 234px;height: 234px;position: absolute;left: 0;transition: all 0.5s;border-radius: 50%;cursor: pointer;}
.index_about .box2 ul li .yuan:hover{box-shadow: 0 0 15px rgba(3,105,206,0.8);}
.index_about .box2 ul li:nth-child(1) .yuan{background: url(/css/../images/about_yuanpic1.png)no-repeat center center;}
.index_about .box2 ul li:nth-child(2) {width:28%}
.index_about .box2 ul li:nth-child(3) {width:28%}
.index_about .box2 ul li:nth-child(2) .yuan{background: url(/css/../images/about_yuanpic2.png)no-repeat center center;left: 0;right: 0;margin: auto;}
.index_about .box2 ul li:nth-child(3) .yuan{background: url(/css/../images/about_yuanpic3.png)no-repeat top center;left: 0;right: 0;margin: auto;}
.index_about .box2 ul li:nth-child(4) .yuan{background: url(/css/../images/about_yuanpic4.png)no-repeat center center;right:0; left: auto;}
.index_about .box2 ul li h3{color:#0369ce;font-size: 22px;margin-top:68px;margin-bottom: 15px;letter-spacing: 1px;width: 234px;}
.index_about .box2 ul li p{color:#222;font-size:16px;line-height: 27px;margin: 0 auto;margin-left:4px;position: absolute;width: 234px;cursor: pointer;}
.index_about .box2 dl{position:absolute;height: 44px;z-index:0;top: 95px;width: calc((100% - 234px)/1);margin: auto;margin-left: 117px;}
.index_about .box2 dl dd{width:33.333333333%;background: url(/css/../images/about_yuan.png)no-repeat center center;height: 44px;float: left;}

.index_about .Popup {position: fixed;width: 100%;height: 100%;top: 0;left: 0; background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0 !important;filter: Alpha(opacity=75);background: #000;display: none;z-index: 9999999999999999999;}
.index_about .Popup .video {max-width: 800px;background: #000;width: 80%;margin: 10% auto 0;padding: 10px;background: #fff;box-shadow: 0 0 20px 5px rgba(0, 0, 0, .15);}
.index_about .Popup .video video {width: 100%;}


@media(max-width:1300px){
.index_about .box2 ul li{width: 23%;}
.index_about .box2 ul li:nth-child(2) {width:27%}
.index_about .box2 ul li:nth-child(3) {width:27%}
}
@media(max-width:1200px){
    .index_about .box2 dl{display: none;}
    .index_about .box2 ul li{width: 24%;}
.index_about .box2 ul li:nth-child(2) {width:26%}
.index_about .box2 ul li:nth-child(3) {width:26%}
}
@media(max-width:1050px){
    .index_about .box2 ul li{width: 25%;}
.index_about .box2 ul li:nth-child(2) {width:25%}
.index_about .box2 ul li:nth-child(3) {width:25%}
}
@media(max-width:1000px){
.index_about .box2 ul li{width:50%;}
.index_about .box2 ul li:nth-child(2) {width:50%}
.index_about .box2 ul li:nth-child(3) {width:50%}
.index_about .box2 ul li .yuan{left: 0;right: 0;margin: auto;}
.index_about .box2 ul li:nth-child(4) .yuan{left: 0;right: 0;margin: auto;}
}
@media(max-width:768px){
    .index_about .box1 .left{float: none;width: 100%;margin-bottom:30px;}
    .index_about .box1 .hover{float: none;width: 100%}
}
@media(max-width:640px){
    .index_about .box2 ul li{width: 100%!important;min-width:auto;}

    .index_about{padding: 40px 0 30px;}
    .index_about .top_title h1{font-size: 36px;}
    .index_about .top_title h2{font-size: 25px;}
    .index_about .box1 .left .btn{width: 150px;}
    .index_about .box1 .left .btn a{width: 150px;height: 50px;line-height: 50px;}
    .index_about .box2 ul li h3{}
 
}
@media(max-width:768px){
    .top_title h2{font-size: 34px;}
}
/*index_news */
.index_news{ padding:70px 0 40px 0;background:url(/css/../images/news_bg.jpg)no-repeat center center;background-size: cover;background-position: center top;background-attachment: fixed;}
.index_news .title{ text-align:center; font-size:12px; color:#999;}
.index_news .top_title{padding-bottom: 19px;}
.index_news .top_title h1{color: #fff;margin-bottom: 0px;}
.index_news .top_title h2{color: #fff;font-size: 26px;}
.index_news .top_title::before{background: #fff;}
.index_news .left{float: left;}
.index_news .right{float: right;}
.index_news .title b{ display:block; font-size:22px; color:#333;}
.index_news .tab{ text-align:center; padding:3% 0; line-height:36px;}
.index_news .tab span{display:inline-block;color: #fff;position:relative;font-size: 14px;cursor:pointer;width: 160px;line-height: 50px;background: rgba(255,255,255,0.5);margin-right: 10px;}
.index_news .tab span:nth-child(3){margin-right: 0}
.index_news .tab span:after{ position:absolute; content:''; right:0; width:1px; height:13px; top:50%; margin-top:-6px; background:#dfdfdf; z-index:-1;}
.index_news .tab span.active{background: #ffffff;color: #333;}
.index_news .tab span.active:after,
.index_news .tab span.end:after{ display:none;}
.index_news .tab_list dt{ float:left; width:47%;}
.index_news .tab_list dd{ float:right; width:44.8%; padding-top:2%;}
.index_news .tab_list p{ line-height:20px; font-size:12px; color:#999; overflow:hidden; }
.index_news .tab_list h2{ font-size:16px;}
.index_news .tab_list dd time{color:#999; font-size:12px;}
.index_news .tab_list dt:after,
.index_news .tab_list dd:after{ display:block; content:''; width:100%; height:1px; background:#dfdfdf;}
.index_news .tab_list dd:after{ width:90%;}

.index_news .tab_list dt .Ispic{ padding-bottom:56.75%; display:block; position:relative;}
.index_news .tab_list dt .Ispic img{ display:none;}
.index_news .tab_list dt time{ background:#fff; position:absolute; right:0; bottom:0; text-align:center; padding:3%; color:#999; font-size:12px;}
.index_news .tab_list dt time span{ font-size:50px; display:block; line-height:50px;}
.index_news .tab_list dt h2{ margin:5% 0;}
.index_news .tab_list dt p{ margin-top:0;}

.index_news_content{; padding:2% 0;}
.index_news_content .list_copy li{width:23.5%;margin-right:2%;float: left;background: rgba(255,255,255,0.9);overflow: hidden;}
.index_news_content .list_copy li:nth-child(4){margin-right:0%;}
.index_news_content .list_copy li:hover{ border-bottom-color:#0369ce;}
.index_news_content .list_copy li .Ispic{ padding-bottom:55%; display:block;transition: all 0.5s}
.index_news_content .list_copy li h5{ margin:0; font-size:18px; line-height:30px;padding: 15px;}
.index_news_content .list_copy li h5 a{transition: all 0.5s}
.index_news_content .list_copy li h5 a:hover{color: #0369ce;}
.index_news_content .list_copy li time{ font-size:14px;color: #9d9d9d;padding-left: 15px;;}
.index_news_content .list_copy li p{ margin:7px 0; font-size:14px; line-height:25px;text-overflow: ellipsis;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;padding: 0px 0px 0px 15px;    margin-bottom: 19px;}
.index_news_content .list_copy li:hover .Ispic{transform: scale(1.1)}
.index_news_content .list_copy li:hover .h5 a{color: #0369ce}

@media(max-width:1000px){
    .index_news_content .list_copy li{width: 49%;margin-bottom:2%}
    .index_news_content .list_copy li:nth-child(2n){margin-right:0%;}
    .index_news .tab span{width:32%;margin-right: 2%;    margin-top: 10px;}
    .index_news .tab span:nth-child(3){margin-right:0%}
    .index_news .right{float:none;}
    .index_news .left{float: none;}
}
@media(max-width:640px){
.index_news .tab_list dt,
.index_news .tab_list dd{ float:none; width:auto;}
.index_news_content .list_copy li{width: 100%;margin-bottom:2%;margin-right:0%;}
.index_news .top_title h1{font-size: 36px;}
.index_news .top_title h2{font-size:24px;}
.index_news{ padding-top: 40px;}
}
@media(max-width:480px){
.index_news .tab_list dt time span{ font-size:30px;line-height:30px;}
}

/*index_vanguard*/
.index_vanguard {overflow: hidden;padding:70px 0 40px 0;background: url(/css/../images/vanguard_bg.jpg)no-repeat center center;background-size: cover;position: relative;}
.index_vanguard .all{margin-bottom: 32px;}
.index_vanguard .left{float: left}
.index_vanguard .right{float: right}
.index_vanguard .title{ text-align:center; font-size:12px; color:#999;}
.index_vanguard .top_title{padding-bottom: 19px;}
.index_vanguard .top_title h1{margin-bottom: 0px;}
.index_vanguard .top_title h2{font-size: 26px;}
.index_vanguard .btn{position:relative;width: 160px;}
.index_vanguard .btn a{display: inline-block; width:160px;height: 50px;color: #fff;text-align: center;transition: all 0.36s;z-index: 9999;position:relative;z-index: 2;border: 1px solid #0369ce;}
.index_vanguard .line{content:"";position: absolute;width:100%;height:100%;background:#0369ce;top:0;transition: all 0.3s;left:0;z-index:0}
.index_vanguard .btn:hover a{color: #0369ce;transition: all 0.3s;border: 1px solid #0369ce;}
.index_vanguard .btn:hover .line{width:0%}
.index_vanguard ul li{width:32%;margin-right: 2%;padding:2.5%;list-style: none;background: #fff;overflow: hidden;float: left;margin-bottom: 2%;position: relative;height: 227px;}
.index_vanguard ul li::before{position: absolute;content: "";width:0%;height: 100%;background:#0369ce;left:0%;bottom: 0;transition: all 0.36s}
.index_vanguard ul li:nth-child(3n){margin-right: 0}
.index_vanguard ul li .newTimeBox{width: 110px;float: left;position: relative;display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: flex-start;left: 0;padding-right: 30px;position: relative;height: 150px;}
.index_vanguard .newTimeBox .dotBlack {width: 60px;height: 60px;position: absolute;bottom: 0px;left: 0px;}
.index_vanguard .newListCon .year{color: #666;font-size: 16px;transition: all 0.36s}
.index_vanguard .newListCon .mon{color: #222;font-size:26px;font-weight: bold;transition: all 0.36s}
.index_vanguard .content {float: right;width: calc((100% - 110px)/1);position: relative;transition: all 0.36s}
.index_vanguard .content .newTitle{color: #333333;font-size:20px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin: 0;margin-bottom: 20px;transition: all 0.36s}
.index_vanguard .content .newMs a{color:#999;font-size:14px;line-height:22px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-bottom: 24px;transition: all 0.36s}
.index_vanguard ul li:hover .newTitle a{color:#fe0000}
.index_vanguard .btn {width:160px;line-height:50px;margin-top: 14%;}


@media(max-width:1000px){
    .index_vanguard ul li{width:49%;margin-bottom: 2%;margin-right: 2%;height: auto;}
    .index_vanguard ul li:nth-child(2n){margin-right:0}
    .index_vanguard ul li:nth-child(3){margin-right: 2%}
}
@media(max-width:640px){
    .index_vanguard ul li{width:100%;}
    .index_vanguard .right{float: none;position: absolute;bottom:40px}
    .index_vanguard {padding-bottom: 130px}
    .index_vanguard .top_title h1{font-size: 36px;}
.index_vanguard .top_title h2{font-size:24px;}
.index_vanguard{padding-top: 40px;}
}
/*
 .index_case 为demo编号
 */
.index_case{padding: 70px 0 40px;position: relative;}
.index_case .all{margin-bottom: 32px;}
.index_case .left{float: left}
.index_case .right{float: right}
.index_case .title{ text-align:center; font-size:12px; color:#999;}
.index_case .top_title{padding-bottom: 19px;}
.index_case .top_title h1{margin-bottom: 0px;}
.index_case .top_title h2{font-size: 26px;}
.index_case .btn{position:relative;width: 160px;    margin-top: 14%;}
.index_case .btn a{display: inline-block; width:160px;height: 50px;color: #fff;text-align: center;transition: all 0.36s;z-index: 9999;position:relative;z-index: 2;border: 1px solid #0369ce;line-height: 50px;}
.index_case .line{content:"";position: absolute;width:100%;height:100%;background:#0369ce;top:0;transition: all 0.3s;left:0;z-index:0}
.index_case .btn:hover a{color: #0369ce;transition: all 0.3s;border: 1px solid #0369ce;}
.index_case .btn:hover .line{width:0%}

.index_case .list{ overflow: hidden;}
.index_case .list ul{ width: 100%;}
.index_case .list li,.index_case .list li *{ transition: all .3s ease-in-out;    height: 100%;}
.index_case .list li .more{transition:none;}
.index_case .list li img{ transition: transform 1s ease-in-out .05s;}
.index_case .list li{ width: 100%; position: relative;height: 240px;}
.index_case .list li .figure{padding-bottom: 100%;background-size: cover;}
.index_case .list li .alink{ position: absolute; z-index: 6; width: 100%; height: 100%; display: block; top: 0; left: 0;}
.index_case .list li .pic{ overflow: hidden;height: 100%;}
.index_case .list li .layer{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;background:rgba(0, 0, 0, 0.35) none repeat scroll 0 0 !important;filter:Alpha(opacity=35); background:#000;}
.index_case .list li .layer dl{ position: absolute; top: 50%;  transform: translateY(-50%); z-index: 5; color: #fff; text-align: center; width: 100%;}
.index_case .list li .layer dt{ font-size: 20px; font-weight: normal;line-height: 240px;}
.index_case .list li .layer dd{ font-size: 14px;}
.index_case .list li .more{ position: absolute; z-index: 5; height: 29px; line-height: 29px; width: 97px; border-radius: 29px; display: block; background:#0369ce; color: #fff; font-size: 14px; text-align: center; opacity: 0; right: 2%; top: 50%;transform: translateY(-50%);}
.index_case .list li:hover .layer{ height: auto; padding: 0px 2%;}
.index_case .list li:hover .layer dl{ float: left; position: static; text-align: left;transform: translateY(0);}
.index_case .list li:hover .layer dt{ font-size: 20px;line-height:56px;}
.index_case .list li:hover .more{ opacity: 1;}
.index_case .list li:hover img{ transform: scale(1.1);}
.index_case .list li:hover .Ispic{ transform: scale(1.1);}
@media only screen and (max-width:767px ) {
    .index_case .list ul:first-child li{height: 505px;}
    .index_case .list ul:first-child li dt{line-height: 505px;}
    .index_case .list ul:first-child li:hover  dt{line-height:56px;}
	.index_case{ padding: 20px 0 40px;}
	.index_case .list ul:first-child{ margin: 0 auto;}
	.index_case .list ul+ul{ margin-top: 20px;}
	.index_case .list ul+ul li{ float: left; width: 49%;}
	.index_case .list ul+ul li+li{ float: right;}
	.index_case .list li .layer dt{ font-size: 20px;}
	.index_case .list li:hover .layer dt{ font-size: 16px;}
	.index_case .list li .more{ line-height: 24px; height: 24px; width: 85px;}
    .index_case .list li img{width: 100%;max-height: 500px;}
}
@media(max-width:640px){
        .index_case .list ul:first-child li{height:405px;}
    .index_case .list ul:first-child li dt{line-height: 405px;}
    .index_case .list ul:first-child li:hover  dt{line-height:56px;}
    .index_case .right{float: none;position: absolute;bottom:40px}
    .index_case {padding-bottom: 130px}
    .index_case .top_title h1{font-size: 36px;}
    .index_case .top_title h2{font-size:24px;}
    .index_case{ padding-top: 40px;}
}
@media only screen and (max-width:480px ) {
	.index_case .list ul{ margin: 0 auto;}
	.index_case .list ul+ul{ margin-top: 10px;}
	.index_case .list ul+ul li{ float: none; width: 100%;}
	.index_case .list ul+ul li+li{ float: none; margin-top: 10px;}
}
@media only screen and (min-width:768px ) {
	.index_case .list ul{ width: 33.3334%; padding: 0 1%; float: left;}
    .index_case .list ul:first-child li{height: 505px;}
    .index_case .list ul:first-child li dt{line-height: 505px;}
    .index_case .list ul:first-child li:hover  dt{line-height:56px;}
	.index_case .list ul+ul li+li{ margin-top: 5%;}
    .index_case .list ul:nth-child(1){padding-left: 0}
    .index_case .list ul:nth-child(3){padding-right: 0}
}


/*
 .Bottom
 */
.Bottom{background:#303030;padding: 30px 0 30px;width:100%;position: relative;margin-top: 0;position:relative;}
.Bottom::before{width: 100%;height: 1px;background:rgba(255,255,255,0.1);content: "";position: absolute;bottom: 80px;}
.Bottom,
.Bottom a{color: #959595;}
.Bottom a:hover{color: #fff;}
.Bottom .auto{ position: relative;}
.Bottom .subnav{ overflow:hidden; min-height:270px;padding-bottom: 2.5%;}
.Bottom .subnav dl dt{ padding:20px 0;}
.Bottom .subnav dl dt a{font-size: 18px;color: #d2d2d2;}
.Bottom .subnav dl dd span{ padding:5px 0; display:block;}
.Bottom .subnav dl.end{ display:none;}
.Bottom .share{ width:230px;}
.Bottom .share .ewm{ text-align:right;}
.Bottom .share .ewm  span{}
.Bottom .share .ewm b{ display:block; color:#acacac; padding-top:10px;}
.Bottom .share .ewm img{/* width:101px; *//* height:101px; */}
.Bottom .link{  position:relative; padding:30px 0 20px 0;}
.Bottom .link h6{font-size:14px;line-height: 41px;padding:0px 20px;background: #272727;margin: 0;font-weight: normal;}
.Bottom .link h6 i{cursor:pointer;display:block;position:absolute;right:0;width: 46px;height: 41px;background:url(/css/../images/bottom_icon.png) no-repeat right;}
.Bottom .link ul{ display:none; width:100%; position:absolute; right:0; bottom:55px; background-color:#333232;}
.Bottom .link ul li{ border-bottom:solid 1px #292828;}
.Bottom .link ul li a{ padding-left:20px; display:block; line-height: 30px;}
.Bottom .link ul li a:hover{ background-color:#333232;}
.Bottom .copyright{overflow:hidden;text-align: center;color: #959595;padding: 2.5% 0 0%;}
.Bottom .copyright i{ background:url(/css/../images/Bottom-subnav_line.png) no-repeat center center; padding:0px 13px;}
.Bottom .copyright .wanhu{ font-weight:bold;}
.Bottom .jiathis_style_32x32{ text-align:right;}
.Bottom .jiathis_style_32x32 a{ display:inline-block;}
.Bottom .jiathis_style_32x32 .jtico_weixin{  background:url(/css/../images/Bottom-share.png) no-repeat left!important;}
.Bottom .jiathis_style_32x32 .jtico_tsina{  background:url(/css/../images/Bottom-share.png) no-repeat right!important;}
.Bottom .jiathis_style_32x32  .jiathis_txt,
.Bottom .jiathis_style_32x32  .jtico{ padding:2px; float:none!important; box-sizing: content-box;}
@media  {
    .Bottom .fr{ float: right;}
	.Bottom .subnav dl{ width: 12%; padding-right: 10px;float:left;}
	.Bottom .share{position:absolute; right:0; top:0;}
	.Bottom .share .ewm  span{}
}
@media(max-width:1600px){
   .Bottom .share{right:2%;}
    .Bottom .subnav{    padding-left: 1%;}
}
@media only screen and (min-width:1024px ) {
	.Bottom .subnav dl{ width: 14%;}
	.Bottom .share{ width: 240px;margin-top: 1.5%;}
	.Bottom .share .ewm  span{}
}

@media only screen and (max-width:767px ) {
	.Bottom .subnav dl{ border-bottom: 1px solid #222;}
	.Bottom .subnav dl dd{ display: none; padding: 10px; border-top: 2px solid #222;}
	.Bottom .subnav dl dt{ padding: 10px;}
	.Bottom .share{ margin: 16% auto 0;    left: 0;}
	.Bottom .fl,.Bottom .fr{ display: block; width: 100%; text-align: center;}
	.Bottom .fl{ margin: 8px 0;}
    .Bottom .subnav dl{   width: 33.33333%;text-align: center}
    .Bottom .share .ewm{text-align: center;}
    .Bottom .copyright{padding: 20.5% 0 0%;}
}

@media(max-width:640px){
  	.Bottom .share{ margin: 20% auto 0;    left: 0;}
}
@media(max-width:480px){
  	.Bottom .share{ margin: 29% auto 0;    left: 0;}
    .Bottom .copyright{padding: 30.5% 0 0%;}
}


/*Banner_nei */
.Banner_nei div{ background-repeat:no-repeat; height:400px; background-position:center center;}
.Banner_nei img{ display:none;}
@media(max-width:1024px){
.Banner_nei div{ display:none;}
.Banner_nei img{ display:block; width:100%;}
}


/*
 .business 
 */

.business{padding:3.5% 0;background: #f9f9f9;}
.business .title{text-align: center;}
.business .title h1{font-size: 36px;padding: 0px 0 13px 0;margin: 0;color: #0369ce}
.business .title h2{color:#a7a7a7;font-size:14px;font-weight: normal;margin: 0;text-transform: uppercase;position: relative;padding-bottom: 16px;}
.business .title h2::before{position: absolute;content: '';width: 42px;height: 3px;background: #0369ce;bottom: 0;margin: auto;left: 0;right: 0;}
.business .title p{color:#7c7c7c;font-size:14px!important;margin: 20px 0 50px 0}


@media only screen and (min-width:1200px ) {
	.business{ padding-left: 30px; padding-right: 30px;}
}
@media only screen and (min-width:1600px ) {
	.business{ padding-left: 50px; padding-right: 50px;}
}
.business .tabs a{
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
}
.business .tabs a{ float: left; width:20%;display: block; font-size: 20px; color: #576970; background: #ecf1f3; text-align: center; line-height: 2; cursor: pointer;    line-height: 40px;margin: 0 2.5%;border-radius: 20px;font-size: 16px;}
.business .tabs a:hover,.business .tabs a.active{ background:#0369ce; color: #fff;}
.business .tabs{max-width: 825px;margin: auto;}
@media only screen and (max-width:640px ) {
	.business .tabs a+a{ border-top: 1px solid #fff; border-left: none;}
}

.business .list{ padding-top: 4%; }
.business .list .pic a{ display: block;position: relative;}
.business .list .pic a span{ position: absolute; left: 5%; bottom: 5%; width: 90%; color: #fff; font-size: 20px;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;}
@media only screen and (max-width:767px ) {
	.business .list .pic img{ width: 100%;}
    
}@media only screen and (max-width:480px ) {
    .business .tabs a{font-size: 15px;}
    
}
@media only screen and (min-width:768px ) {
	.business .list .pic{ position: absolute; left: 0; top: 0;  width: 48%; }
	.business .list ul{position: relative;}
}

.business .list ul li{ position: relative;filter:Alpha(opacity=0);transition: all .3s; cursor: pointer;}
.business .list .box{ display: none;}

.business .list ul li .text{ padding-left: 100px;}
.business .list ul li .text h3{ margin: 8px 0 12px; font-weight: normal; font-size: 18px;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;}
.business .list ul li .text h3 a{ color: #fff;font-size:16px;}
.business .list ul li .text .con{ color: #999; font-size: 14px; margin: 0;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;}
.business .list ul li:hover .text h3 a,
.business .list ul li .text h3 a:hover,
.business .list ul li:hover time span{ color: #004b64;}
.business .list .more{ display: block; width: 204px; height: 40px; border-radius: 40px; text-align: center; color: #fff; font-size: 16px; line-height: 40px; margin: 30px auto 0; background-color: #004b64;}

/*business_content */
.business_content{padding-top: 2%;}
.business_content .auto{padding-bottom:3%; position:relative;}
.business_content .title{ color:#0369ce;text-align: center;margin-bottom:60px}
.business_content .title h1{ position:relative; margin:0;  font-size:22px; font-weight:normal;}
.business_content .title h1 span{ display:block; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
.business_content .title h1 span.b{ font-size:50px;}


@media(max-width:1000px){
.business_content .title h1{font-size:16px;}
.business_content .title h1 span.b{font-size:40px; }
.business_content .title h1 a{ width:40px; height:40px; margin-top:-20px;}
.business_content .title{margin-bottom:20px}
}

.business_content li{ float:left; width:32%;}
.business_content li:nth-child(1){margin-left: 0}
.business_content li{margin-left:2%;}
.business_content li a{ display:block;}
.business_content li figure{ padding-bottom:73.5%; position:relative;overflow: hidden;transition:all 0.3s;background-size:100% 100%; }
.business_content li figure img{ display:none;}
.business_content li p{color: #333;font-size: 16px;position: relative;text-align: center}

.business_content li i{ position:absolute;z-index:1; left:0; top:0; right:0; bottom:0; border:2px solid rgb(231, 37, 39, 0.8); opacity:0; transition:0.3s;}
.business_content li a:hover i{ left:5px; top:5px; right:5px; bottom:5px; opacity:1;}
.business_content li a:hover{color:#0369ce;}
.business_content li:hover figure{background-size:105% 105%; transition:all 0.3s;}

@media(max-width:840px){
.business_content ul{ padding-left:0;}
.business_content li{width:32%; margin-right:2%;}
.business_content li:last-child{ margin:0;}
.business_content li a{margin-left:0;}
.business_content li{margin-left:0%;}
}
@media(max-width:600px){
.business_content ul{ margin:0 auto; max-width:475px;}
.business_content li{width:auto; margin-right:0; float:none;}
}


/*business_content */
.business_content_nei{padding-top: 2%;}
.business_content_nei .auto{padding-bottom:3%; position:relative;}
.business_content_nei .title{ color:#0369ce;text-align: center;margin-bottom:60px}
.business_content_nei .title h1{ position:relative; margin:0;  font-size:22px; font-weight:normal;}
.business_content_nei .title h1 span{ display:block; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
.business_content_nei .title h1 span.b{ font-size:50px;}


@media(max-width:1000px){
.business_content_nei .title h1{font-size:16px;}
.business_content_nei .title h1 span.b{font-size:40px; }
.business_content_nei .title h1 a{ width:40px; height:40px; margin-top:-20px;}
.business_content_nei .title{margin-bottom:20px}
}

.business_content_nei li{ float:left; width:32%;}
.business_content_nei li:nth-child(3n){margin-right: 0}
.business_content_nei li{margin-right:2%;}
.business_content_nei li a{ display:block;}
.business_content_nei li figure{ padding-bottom:73.5%; position:relative;overflow: hidden;transition:all 0.3s;background-size:100% 100%;border: 1px solid #e8e8e8;}
.business_content_nei li figure img{ display:none;}
.business_content_nei li p{color: #333;font-size:17px;position: relative;text-align: center;margin: 6% 0;}

.business_content_nei li i{ position:absolute;z-index:1; left:0; top:0; right:0; bottom:0; border:2px solid rgb(3, 105, 206, 0.8); opacity:0; transition:0.3s;}
.business_content_nei li a:hover i{ left:5px; top:5px; right:5px; bottom:5px; opacity:1;}
.business_content_nei li a:hover{color:#0369ce;}
.business_content_nei li:hover figure{background-size:105% 105%; transition:all 0.3s;}
.business_content_nei li:hover figure{border-color: #fff;}
@media(max-width:768px){
.business_content_nei ul{ padding-left:0;}
.business_content_nei li{width:48%;margin-right:2%;}
.business_content_nei li:nth-child(3n){margin-right:2%}
.business_content_nei li:nth-child(2n){ margin:0;}
.business_content_nei li a{margin-left:0;}
.business_content_nei li{margin-left:0%;}
}


/*
 .index_news_content
 */

.index_news_content .infobox{ padding-bottom:30px;}
.index_news_content .infobox .fl{ position:relative;}
.index_news_content .infobox .fl li{ position:relative;transition: all 0.5s;background: #fafafa;}
.index_news_content .infobox .fl li:hover{ background:#0369ce!important;}
.index_news_content .infobox .fl li:hover .dot{ color:#fff!important;}
.index_news_content .infobox .fl li:hover .content{ color:#fff!important;}
.index_news_content .infobox .fl li a{ display:block;}
.index_news_content .infobox .fl li .dot{color: #333;font-size:18px;padding-left: 15px;margin:10px 0;}
.index_news_content .infobox .fl li .content{ color: #999;padding-left: 15px;line-height:24px;padding-bottom:9px;    text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.index_news_content .infobox .fl li .dot:hover{color: #fff}
.index_news_content .infobox .fl .bx-controls{left:15px; bottom:20px;z-index: 9999999;bottom: 120px; position: absolute;}
.index_news_content .infobox .fl .bx-controls .bx-pager-item{ float:left;}
.index_news_content .infobox .fl .bx-controls .bx-pager-item.active{ background:#0369ce!important;}
.index_news_content .infobox .fl .bx-controls .bx-pager-item+.bx-pager-item{ margin-left:6px;}
.index_news_content .infobox .fl .bx-controls .bx-pager-item a{ display:block;font-size:0;  width:10px; height:10px;border-radius: 50%;background: #fff;}
.index_news_content .infobox .fl .bx-controls .bx-pager-item a.active{background-position: right;background:#0369ce!important;}

.index_news_content .infobox .fr li{background: #fafafa;padding: 14px;margin-bottom: 28px;transition: all 0.5s;}
.index_news_content .infobox .fr li+li{ margin-top:13px;}
.index_news_content .infobox .fr li a{ display:block;}
.index_news_content .infobox .fr li .date{font-size: 14px;color: #999;width:16%;float: left;text-align: center;padding-top: 20px;text-align: center;
padding-top: 16px;padding-bottom: 10px;line-height: 30px;transition: all 0.5s;}
.index_news_content .infobox .fr li .date .ri{font-size:28px;color: #333333;font-weight: bold;margin-bottom:: 10px;display:inline-block;transition: all 0.5s;}

.index_news_content .infobox .fr li .info{ padding-left:127px;}
.index_news_content .infobox .fr li .line{ float:left; height:88px; border-left:1px dashed #dedede; margin:4px 0 0 -20px;}
.index_news_content .infobox .fr li .dot{ font-size:18px; color:#333;margin-bottom: 10px;transition: all 0.5s;}
.index_news_content .infobox .fr li:hover{background:#0369ce!important;}
.index_news_content .infobox .fr li:hover .date .ri{color: #fff!important;}
.index_news_content .infobox .fr li:hover .date{color: #fff!important;}
.index_news_content .infobox .fr li:hover .dot{color: #fff!important;}
.index_news_content .infobox .fr li:hover .txt{color: #fff!important;}
.index_news_content .infobox .fr li .txt{ line-height:26px;color: #999;font-size: 14px;overflow : hidden;transition: all 0.5s; 
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
@media only screen and (max-width: 1150px) {

    .index_news_content .infobox .fl{height: 401px;}
    .index_news_content .infobox .fl .bx-controls{    bottom:180px;}
}
@media only screen and (max-width: 1115px) {
    .index_news_content .infobox .fr li .date{width: 25%;}
    .index_news_content .infobox .fr li{margin-bottom:20px;}
     .index_news_content .infobox .fr li .line{height: 67px;}
}
@media only screen and (max-width:1000px) {

    .index_news_content .infobox .fl{height:398px;}
}
@media only screen and (max-width:992px) {
    .index_news_content .infobox .fr li .txt{-webkit-line-clamp: 1;}
    .index_news_content .infobox .fr li .date{padding: 0;}
    .index_news_content .infobox .fr li .line{height: 67px;}
       .index_news_content .infobox .fl{height:336px;}
}

@media only screen and (max-width: 767px) {
	.index_news_content .infobox .fl,.index_news_content .infobox .fr{ margin: 0 auto 25px;}
	.index_news_content .infobox .fr{ margin-bottom: 0;}
    .index_news_content .infobox .fl{height:auto;background: #fafafa;}
    .index_news_content .infobox .fl li a img{width: 100%;}
    .index_news_content .infobox .fl .bx-controls{bottom: 135px;}
        .index_news_content .infobox .fr li .txt{-webkit-line-clamp: 2;}
    .index_news_content .infobox .fr li .line{height: 77px;}
    .index_news_content .infobox .fr li .date{margin-top: 10px;}
    .index_news_content .infobox .fr li .date{width: 19%;}
}



@media only screen and (min-width: 768px) {
	.index_news_content .icobox .list li{width:20%;}
	.index_news_content .infobox .fl{ float:left;width: 42.284%;background:#fafafa;transition: all 0.5s;}
	.index_news_content .infobox .fr{ width:55%; float:right;}
    .index_news_content .infobox .fl:hover{background:#0369ce;}
}

@media only screen and (min-width: 1024px) {
	.index_news_content .icobox .list li{width:11.11%;}
	
}

    
/*
 .Menu
 */
.Menu{ padding-bottom:2%;}
.Menu header{ margin-top:-5.45%;}
.Menu header h1{ margin:0; display:inline-block; border-radius:5px 5px 0 0;  padding:20px 10% 20px 18px; background:url(/css/../images/Menu000706-icon.png) no-repeat 95% center #0369ce;color:#fff; font-weight:normal; font-size:24px;}
.Menu header h1 span{ opacity:0.3; display:block; font-size:12px; text-transform:uppercase;}
.Menu nav{ border-bottom:1px solid #e6e6e6; position:relative;}
.Menu nav dl{ position:absolute; right:0;top: 30px; margin-top:-12px; background:url(/css/../images/Menu000706-cur.png) no-repeat left center; padding-left:25px; color:#999; line-height:24px;}
.Menu nav dl a{color:#999;}
.Menu nav dl span,
.Menu nav dl a:hover{color:#0369ce;}
.Menu nav li a{ display:block; font-size:16px; padding:18px 0;border-bottom: 3px solid #ffffff;}

@media(min-width:769px){
.Menu nav ol{ display:none;}
.Menu nav ul{ display:block !important;max-width:73%;}
.Menu nav li{ float:left; padding:0 2%;}
.Menu nav li a:hover,
.Menu nav li a.aon{ color:#0369ce;border-bottom:3px solid #0369ce;}
}

@media(max-width:1280px){
    .Menu nav ul{max-width: 70%;}
}

@media(max-width:1050px){
    .Menu nav ul{max-width: 67%;}
}

@media(max-width:1000px){
.Menu nav dl{ display:none;}
.Menu header{ position:relative; z-index:5;}
.Menu header h1{ display:block; padding-right:0;}
.Menu nav ul{max-width: 1000%;}
}
@media(max-width:768px){
.Menu nav{ position:relative;}
.Menu nav ol{ border-top:1px solid #e6e6e6; margin-top:2%; padding:10px 0;}
.Menu nav ol span{display:block; background-color:#0369ce;padding:5px;border-radius:3px;}
.Menu nav ol a{ display:block; background-color:#fff;color:#333; border-radius:5px; line-height:40px; padding:0 10px; position:relative; font-size:16px;}
.Menu nav ol a::before{ position:absolute; content:''; right:5px; top:50%; margin-top:-3px; border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #0369ce;}
.Menu nav ul{ position:absolute; width:100%; top:56px; left:0; background-color:#0369ce;padding:5px; border-radius:0 0 5px 5px; display:none;z-index: 1000}
.Menu nav li{ background-color:#fff; border-bottom:1px solid #0369ce;border-radius:5px;}
.Menu nav li a{ padding:0 2%; line-height:40px; }
.Menu nav li a:hover{color:#0369ce;}
.Menu header h1{padding:10px 10% 10px 18px; }
.Menu header h1{ font-size:20px;}
    }


/*
 .news_list 为demo编号
 */
.news_list li{ float:left; width:32%; margin-right:2%; margin-top:2%; margin-bottom:2%;}
.news_list li:nth-child(3n){ margin-right:0;}
.news_list li figure{ border-bottom:3px solid #f5f5f5; padding-bottom:30px;}
.news_list li:hover figure{ border-color:#0369ce;}
.news_list li span{ display:block; padding-bottom:70%; background-repeat:no-repeat; background-position: center center; background-size:contain; position:relative;}
.news_list li span i{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(/css/../images/news_list-view.png) no-repeat center center rgba(3,105,206,0.8); opacity:0; transition:all ease-in-out 0.3s;}
.news_list li h3{ margin:0;font-size: 16px;padding-top: 18px; font-weight:normal; padding-bottom:5px;}
.news_list li p{ margin:0; line-height:25px; height:50px; overflow:hidden; margin-top:5px; color:#666;}
.news_list li:hover figure{ border-color:#0369ce;}
.news_list li time{ color:#999;}
.news_list li:hover span i{ opacity:1;}
@media(max-width:768px){
.news_list li{ width:49%;}
.news_list li:nth-child(3n){ margin-right:2%;}
.news_list li:nth-child(2n){ margin-right:0;}
}
@media(max-width:480px){
.news_list li h3{ padding-top: 10px; }
.news_list li time{ font-size:12px;}
.news_list li p{ line-height:20px; height:40px;}
}
@media(max-width:320px){
.news_list{ padding:20px 0;}
.news_list li{ float:none; width:100%; margin-right:0 !important; margin:0;}
}

/*
 .about_content
 */
.about_content{ padding-bottom:3%;}
.about_content .box{ min-height:592px;position:relative; z-index:2;text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; line-height:2.1; color:#888; font-size:14px;}
.about_content img{}
.about_content h2{color: #0369ce;}
.about_content .box .tit{ font-size:30px; font-weight:normal; color:#0369ce; margin:0; line-height:28px; }
.about_content .box .tit span{ position:relative;margin-top:2%;display: inline-block;    margin-left: -70px;}
.about_content .box .tit span i{ font-size:27px; color:#0369ce; width:2px; font-style:normal; position:absolute; left:8px; top:4px;}
.about_content .box .tit span i:last-child{ right:13px; left:auto;}
.about_content .box .tit em{ font-style:normal; text-transform:uppercase; color:#999; font-family:Arial; display:block; font-size:14px;}
.about_content .box .h3{ margin:0; font-size:16px; color:#444; font-weight:bold; display:block;}
.about_content .box p{ color: #666;font-size:15px;}
@media (max-width: 820px){
	.about_content .box{ padding-left:0;}
	.about_content .box .img{ position:static; margin-bottom:5%; left:0; width:auto; max-width:100%;}
}

@media (max-width: 640px){
.about_content .box .tit span{font-size: 22px;}
.about_content .box .tit span i{display: none;font-size: 22px;}
.about_content .box .tit em {padding-left:0px}
}
@media (max-width: 480px){
.about_content .box .tit span i{display: none;font-size: 22px;}
.about_content .box .tit em {padding-left:0px;margin-left: -25px;font-size: 12px;}
}
  
@media (max-width: 350px){
.about_content .box .tit em {display: none;}
.about_content .box .tit span{    margin-bottom: 10px;}	
}
/*
 .Page
 */
.Page{zoom:1; overflow:hidden; text-align:center; padding:30px 0 5%; text-align:center;}
.Page .p_page{ padding:0px 3px; display:inline-block;}
.Page .p_page span,
.Page a{ display:inline-block; margin:0px 2px; border:1px solid #ededed; padding:0 1em; color:#666; line-height:35px; border-radius:3px;transition: .3s ease-out;}
.Page .p_page span{ background-color:#f5f5f5; }
.Page a:hover{ color:#fff; border:1px solid #0369ce; background:#0369ce;}
.Page .p_cur,.Page .p_count,.Page .p_total,.Page .p_jump,.Page .a_first,.Page .a_end{ display:none;}
.Page .p_cur b{ color:#F00;}
.Page .p_count b{ color:#F00;}
.Page .p_total b{ color:#F00;}
.Page .p_page em{ font-style:normal;}
.Page .p_page em a{}
.Page .p_page em a.a_cur{ color:#fff; background:#0369ce; border-color:#0369ce;}
.Page .p_page b{ font-weight:normal;}
.Page .p_page strong{color: #fff;background: #0369ce;border-color: #0369ce;display: inline-block;margin: 0px 2px;padding: 0 1em; line-height: 35px;border-radius: 3px;transition: .3s ease-out;}

/*
 .honer
 */
.honer{ padding-top:55px;}
.honer li{ border-bottom: 1px solid #e3e3e3; margin-bottom: 55px; text-align: center; }
.honer li .li1{margin:28px 0; font-size: 16px; color: #333;}
.honer li .text{ padding: 0 20px;position: relative;background: #fff;}
.honer li .span2{ float: right; font-size: 14px; color: #999; padding:17px 0; padding-left: 30px; background: url(/css/../images/PicList002239-icon.png) no-repeat left center;display: none;}
.honer .open_info{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; background:rgba(0,0,0,0.7); display:none;z-index: 999999999;}
.honer  .info_area{     position: relative;width: 90%;max-width: 1200px;left: 50%;transform: translate(-50%,-50%);top: 50%;background: #fff;padding: 20px 5%;font-size: 18px;height: 80%;}
.honer  .info_area .close{ position:absolute; right:0; width:31px; height:31px; top:-32px; background:#fff; cursor:pointer;}
.honer  .info_area .close::before,
.honer  .info_area .close::after{ position:absolute; content:''; width:25px; height:2px; background:#c53b19; top:15px; left:3px;}
.honer  .info_area .close::before{ transform:rotate(45deg);} 
.honer  .info_area .close::after{ transform:rotate(-45deg);} 
.honer  .info_area .pic{    width: 100%;
    height: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    text-align: center;
    position: absolute;
    height: 100%;
    padding: 30px 0 50px;} 
.honer  .info_area .txt{     position: absolute;
    bottom: 9px;
    text-align: center;
    display: block;
    width: 85%;    padding: 10px 0;}
.honer li img{max-height: 248px;transition: all 0.5s;}	
.honer li .li1{width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.honer li img{height: 248px;}
.honer li:hover img{transform: scale(1.05);}
.honer  .info_area .pic img{height: 100%;}
@media (max-width:768px) {
.honer li img{max-height: 200px;}
}

@media (max-width:650px) {

}

@media (max-width:640px) {
.honer li img{max-height:400px;height: auto}

    .honer  .info_area{height: 40%}
}

@media (max-width: 400px) {

}

@media (min-width: 640px) {
.honer li{ float: left; width: 48%; margin: 0 1% 55px;}	
}

@media (min-width: 1100px) {
.honer li{  width: 31.33%; }	
}

@media (min-width: 1400px) {
.honer .ul{ margin:0 -30px;}
.honer li{margin: 0 2% 2% ; width:21%;overflow: hidden;    cursor: pointer}	
}

/*
 .enterprise
 */
.enterprise{ padding-top:2%;}
.enterprise li{ float:left; width:32%; margin-right:2%; position:relative; margin-bottom:3%;}
.enterprise li:nth-child(3n){ margin-right:0;}
.enterprise li a{ position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid transparent; z-index:10;}
.enterprise li:hover a{ border-color:#0369ce;}
.enterprise li figure{ padding:4px; position:relative; border:1px solid #dfdfdf;}
.enterprise li figure div{ padding-bottom:65%; background-size:cover;}
.enterprise li figure dl{ position:absolute; left:0; top:0; width:100%; height:100%;background:url(/css/../images/PicList001302-search.png) no-repeat center  20% rgba(3, 105, 206, 0.5)/auto 20%; opacity:0;  transition:0.3s;}
.enterprise li figure dl span{ position:absolute; left:0; width:100%; color:#fff; text-align:center; top:70%; transition:0.3s;}
.enterprise li figure dl span::before{ position:absolute; content:''; width:16px; height:1px; background-color:#fff; left:50%; margin-left:-8px; bottom:-10px;}
.enterprise li:hover figure dl{ background-position:center 35%;opacity:1;}
.enterprise li:hover figure dl span{top:60%; }
.enterprise li p{ margin:10px 0; line-height:24px;overflow:hidden; text-align:center;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;font-size: 17px;}
@media(max-width:640px){
.enterprise li{ width:49%;}
.enterprise li:nth-child(3n){ margin-right:2%;}
.enterprise li:nth-child(2n){ margin-right:0;}
}


/*
 .zhici 
 */
.zhici{ padding-top:5%;}
.zhici .box{ min-height:592px;position:relative; z-index:2;text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; line-height:2.1; color:#888; font-size:14px;}
.zhici img{float: left;margin-right: 2%}
.zhici h2{color: #213887;}
.zhici .box .tit{ font-size:30px; font-weight:normal; color:#333; margin:0; line-height:28px; }
.zhici .box .tit span{ position:relative; }
.zhici .box .tit span i{ font-size:27px; color:#333; width:2px; font-style:normal; position:absolute; left:8px; top:4px;}
.zhici .box .tit span i:last-child{ right:13px; left:auto;}
.zhici .box .tit em{ font-style:normal; text-transform:uppercase; color:#999; font-family:Arial; display:block; font-size:14px; padding-left:39px;}
.zhici .box .h3{ margin:0; font-size:16px; color:#444; font-weight:bold; display:block;}
@media (max-width: 820px){
	.zhici .box{ padding-left:0;}
	.zhici .box .img{ position:static; margin-bottom:5%; left:0; width:auto; max-width:100%;}
}

@media (max-width:480px){
    .zhici .box .tit span i{display: none;}
    .zhici .box .tit{font-size: 26px;}
}

/*Timeline*/
.Timeline_nei{ padding-bottom:4%;}
.Timeline_nei .list{ background:url(/css/../images/Timeline_nei-logo.png) no-repeat center top; padding-top:64px;}
.Timeline_nei .list ul{ background:url(/css/../images/Timeline_nei-ul.jpg) repeat-y center top; padding:54px 0;}
.Timeline_nei li{ padding-left:50%; background:url(/css/../images/Timeline_nei-li.png) no-repeat center top; padding-top:10px; padding-bottom:10px;}
.Timeline_nei li div{ padding-left:36px;}
.Timeline_nei li div p{ line-height:24px;font-family:'黑体';font-size:17px;}
.Timeline_nei ul li:nth-child(2n){ text-align:right; padding-left:0; padding-right:50%;}
.Timeline_nei ul li:nth-child(2n) div{padding-left:0; padding-right:36px;}
.Timeline_nei li time{ display:block; color:#0369ce; font-size:26px; border-top:1px solid #e1e1e4;}
.Timeline_nei li time:before{ display:block; margin:-3px 0 10px 0; content:''; background-color:#0369ce; width:20px; height:5px;}
.Timeline_nei ul li:nth-child(2n) time:before{ float:right;}
.Timeline_nei ul li:nth-child(2n) time span{ clear:both; display:block;}
.Timeline_nei ol{ text-align:center;}
.Timeline_nei ol a{ display:inline-block; width:142px; height:30px; line-height:30px; text-align:center; background-color:#0369ce; color:#fff; font-size:14px; border-radius:5px;}
@media(max-width:1000px){
.Timeline_nei .columnName{ font-size:45px;}
.Timeline_nei .columnName span{ font-size:24px;}
}
@media(max-width:640px){
.Timeline_nei .columnName{ font-size:30px;}
.Timeline_nei .columnName span{ font-size:20px;}
}
@media(max-width:480px){
.Timeline_nei .list{ background-position: left top; padding-left:20px;}
.Timeline_nei .list ul{ background-position: 8px top;}
.Timeline_nei li{ padding:0 !important; background-position: left top;}
.Timeline_nei li div{ padding:10px 10px 10px 36px !important;}
.Timeline_nei ul li:nth-child(2n){ text-align:left;}
.Timeline_nei ul li:nth-child(2n) time:before{ float:none;}
}


/*Timeline_zh */
.Timeline_zh{padding: 70px 0 40px 0;position: relative;}
.Timeline_zh .all{margin-bottom:40px;}
.Timeline_zh .left{float: left}
.Timeline_zh .right{float: right}
.Timeline_zh .title{ text-align:center; font-size:12px; color:#999;}
.Timeline_zh .top_title{padding-bottom: 19px;}
.Timeline_zh .top_title h1{margin-bottom: 0px;}
.Timeline_zh .top_title h2{font-size: 26px;}
.Timeline_zh .btn{position:relative;width: 160px;}
.Timeline_zh .btn a{display: inline-block; width:160px;height: 50px;color: #fff;text-align: center;transition: all 0.36s;z-index: 9999;position:relative;z-index: 2;border: 1px solid #0369ce;}
.Timeline_zh .line{content:"";position: absolute;width:100%;height:100%;background:#0369ce;top:0;transition: all 0.3s;left:0;z-index:0}
.Timeline_zh .btn:hover a{color: #0369ce;transition: all 0.3s;border: 1px solid #0369ce;}
.Timeline_zh .btn:hover .line{width:0%}
.Timeline_zh .btn {width:160px;line-height:50px;margin-top: 14%;}

.Timeline_zh .owl-stage-outer{ background:url(/css/../images/Timeline_zh-bg.png) repeat-x 0 133px;}
.Timeline_zh .owl-item{width:200px;}
.Timeline_zh .owl-item .item{height:376px;background:url(/css/../images/Timeline_zh-icon1.png) no-repeat 45px 8px; }
.Timeline_zh .odd-item .item{background-image:url(/css/../images/Timeline_zh-icon2.png);background-position:5% 120px;}
.Timeline_zh .item dl{ padding-left:75px;}
.Timeline_zh .odd-item dl{ padding-top:280px; padding-left:0;}
.Timeline_zh .item dt{ font-weight:bold; font-size:16px;}
.Timeline_zh .item dd{ height:96px; color:#555; line-height:24px; overflow:hidden;}
.Timeline_zh .owl-nav div{ position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; background:url(/css/../images/Timeline_zh-btn.png) no-repeat left bottom; overflow:hidden; line-height:1000px;}
.Timeline_zh .owl-nav .owl-prev{ left:0;}
.Timeline_zh .owl-nav .owl-prev.disabled{ background-position:left top;}
.Timeline_zh .owl-nav .owl-next{ right:0; background-position: right bottom;}
.Timeline_zh .owl-nav .owl-next.disabled{background-position: right top;}
.Timeline_zh .owl-nav div.disabled{ cursor:default;}
@media(max-width:1200px){
.Timeline_zh .owl-carousel{ padding:0 30px;}
}
@media(max-width:640px){
.Timeline_zh{padding:40px 0 40px 0;}
.Timeline_zh .top_title h1{font-size: 36px;}
.Timeline_zh .top_title h2{font-size:24px;}
.Timeline_zh{padding-top: 40px;}
.Timeline_zh .right{float: none;position: absolute;bottom:40px}
.Timeline_zh {padding-bottom:90px}
}

@media(max-width:375px){
.Timeline_zh .owl-item .item{ height:250px;}
.Timeline_zh .odd-item .item{background-image:url(/css/../images/Timeline_zh-icon1.png);background-position:45px 8px;}
.Timeline_zh .odd-item dl{ padding-top:0; padding-left:75px;}
}



/*about_culture */
.about_culture{padding:0 0 3%;}
.about_culture dd{ position:relative; padding-left:50%; padding-right:0;}
.about_culture dd:nth-child(2){ padding-left:0; padding-right:50%;}
.about_culture .auto{ max-width:1680px;}
.about_culture dd figure{ position:absolute; left:0; top:0; width:50%; height:100%;}
.about_culture dd:nth-child(2) figure{ left:50%;}
.about_culture dd:nth-child(2) div{padding: 13% 0;}
.about_culture dd div{ padding:9% 0;}
.about_culture dd aside{ padding:0 12%; border-left:5px solid #0369ce; color:#fff;}
.about_culture dd:nth-child(2) aside{ border-left:0;border-right:5px solid #0369ce;}
.about_culture dd h1{ margin:0;font-size:36px;color:#0369ce;}
.about_culture dd h1 span{ display:block; opacity:0.5; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
.about_culture dd p{line-height:26px; overflow:hidden;margin:3% 0 6% 0;color: #666;font-size: 15px;}
.about_culture dd a{ display:inline-block; border:2px solid #ccc; color:#ccc; padding-left:3%; padding-right:70px; background:url(/css/../images/about_culture-more.gif) no-repeat 90% center; line-height:37px; transition:0.3s;}
.about_culture dd a:hover{ background-color:#0369ce; border-color:#0369ce;padding-right:50px;}
@media(max-width:1000px){
.about_culture dd h1{ font-size:28px;}
}
@media(max-width:640px){
.about_culture dd p{ line-height:20px;}
.about_culture dd{ padding:0 !important;}
.about_culture dd figure{ position:relative; left:auto !important; top:auto; width:auto; padding-bottom:50%; height:auto;}
}



/*vanguard_list */
.vanguard_list{ padding-top:2%;}
.vanguard_list .auto{ max-width:1600px;}
.vanguard_list h3{ margin:0; font-size:18px;}
.vanguard_list p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;}
.vanguard_list ol{ background-color:#fafafa; margin-bottom:2%; position:relative; padding-left:36.25%;}
.vanguard_list ol .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;}
.vanguard_list ol .Ispic img{ display:none;}
.vanguard_list ol div{ padding:5% 10% 3% 5%;}
.vanguard_list ol h3 a{ color:#0369ce;}
.vanguard_list ol h3 a:hover{ color:#0369ce;}
.vanguard_list ol time{ display:block; padding:3% 0;}
.vanguard_list ol p{ margin:0 0 3% 0; height:78px;}
.vanguard_list ol span a{display: inline-block; width:130px; line-height:40px; text-align:center; color:#fff; background:#0369ce; font-size:12px;border: 1px solid #0369ce;transition: all 0.5s;}
.vanguard_list ol span a:hover{background: none;color:#0369ce;}

.vanguard_list li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fafafa;}
.vanguard_list li:after{ position:absolute; content:''; right:0; top:0;width:58px; height:100%; background:url(/css/../images/news_list-more.png) no-repeat center center; border-left:2px solid #fff;}
.vanguard_list li h3 a:hover{ color:#0369ce;}
.vanguard_list li div{border-left:1px solid #ededed; padding:2% 3%;}
.vanguard_list li time{ position:absolute; left:0; top:0; width:160px; height:100%;}
.vanguard_list 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;}
.vanguard_list li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;}
.vanguard_list li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;}
@media(max-width:1000px){
.vanguard_list li{padding-left:100px;padding-right:30px;}
.vanguard_list li:after{width:30px; background-size:35% auto;}
.vanguard_list li time{width:100px;}
.vanguard_list li time span{font-size:14px;}
.vanguard_list li time i{font-size:40px;line-height:30px;}
}

@media(max-width:640px){
.vanguard_list ol{ padding-left:0;}
.vanguard_list ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;}
.vanguard_list ol div{ padding:3%;}
}
@media(max-width:480px){
.vanguard_list li{padding-left:80px;padding-right:0;}
.vanguard_list li:after{ display:none;}
.vanguard_list li time{width:80px;}
.vanguard_list li time i{font-size:30px;}
.vanguard_list h3{ font-size:16px;}
.vanguard_list p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;}
.vanguard_list ol p{ height:60px;}
}

/*
 .news_detail
 */
.news_detail .content{padding: 2%; border: 1px solid #eaeaea;margin-top: 50px;margin-bottom: 100px;}
.news_detail .title{font-size: 30px; line-height: 40px;color: #333;text-align:center}
.news_detail .title{font-size: 30px; line-height: 40px;color: #333;text-align:center}
.news_detail .Abstract{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;margin-top: 15px; margin-bottom: 20px;padding: 5px 10px;color: #999999;    border-width: 1px;border-style: solid;border-color: rgba(228,228,228,1);background-color: rgba(252,251,253,1);}
.news_detail .text{font-size: 18px;line-height: 28px;}
.news_detail .Vice-title{text-align: center;font-size: 13px;margin: 20px 0;border-bottom: 1px solid #eaeaea;padding-bottom: 20px;}
.news_detail .Vice-title .e-title{color: #c8c8c8;}
.news_detail .Vice-title .e-title:nth-child(1){background: url(/css/../images/e-title.jpg)no-repeat left center;padding-left: 15px;}
.news_detail .Vice-title .e-title:nth-child(2){margin-left: 10px;display: inline-block;}
.news_detail .Vice-title .e-title:nth-child(3){margin-left: 10px;display: inline-block;}
.news_detail .text img{display: block;margin: auto;}
.news_detail span.center{text-align: center;display: block;font-size: 16px;}
.news_detail .img{max-width: 100%}
.news_detail .fanye{line-height: 30px; font-size: 15px;color: #666;margin-top: 30px;}
.news_detail .fanye .prev{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden;}
.news_detail .fanye .next{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden;}
.news_detail .fanye a:hover{color: #0369ce}
.news_detail .fanye span{color: #999;}



/*
 staff
 */
.staff{ padding-top:3%;}
.staff li{ float:left; width:32%; margin-right:2%; margin-bottom:3%;}
.staff li:nth-child(3n){ margin-right:0;}

.staff ul li a.img {position: relative; display: inline-block; max-width: 100%; overflow: hidden;}
.staff ul li a.img:before,
.staff ul li a.img:after { content: "";  opacity: 0; pointer-events: none; z-index: 3; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.staff ul li a.img:before { top: 0px; left: 0px; right: 100%; bottom: 100%; border-top: 5px solid; border-left: 5px solid; }
.staff ul li a.img:after { left: 100%; top: 100%; bottom: 0px; right: 0px; border-bottom: 5px solid; border-right: 5px solid;}
.staff ul li a.img img { opacity: 0.99; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.staff ul li a.img:hover img{  transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 1; }
.staff ul li a.img:hover:before { opacity: 1; bottom: 0px; right: 0px; border-color:rgba(3,105,206,0.8) }
.staff ul li a.img:hover:after { opacity: 1; top: 0px; left: 0px; border-color:rgba(3,105,206,0.8)}


.staff li h5{font-size: 16px;font-weight: normal;margin:15px 0 0;padding: 0;text-align: center; padding: 0 20px;}
.staff li h5 a:hover{color: #0369ce;}
.staff li p{ margin:10px 0; line-height:20px; height:40px; overflow:hidden;}
.staff  ul li span{float: right;font-size: 12px;color: #999;}
.staff  li .more{float: left;width:42px;height: 11px;display: block;background:url(/css/../images/PicList000864_icon.jpg) no-repeat center;}
@media(max-width:768px){
.staff li{width:49%;}
.staff li h5{line-height:30px;}
.staff li:nth-child(3n){ margin-right:2%;}
.staff li:nth-child(2n){ margin-right:0;}
}
@media(max-width:480px){
.staff li{ width:100%;}
.staff li h5{ margin-top:2px;}
.staff li p{ margin:2px 0 10px 0;}
.staff ul li a.img img{width: 100%}
.staff ul li a.img{width: 100%;}
.staff li h5{margin: 2.5% 0;}
}
/*job */
.job{ padding:2% 0;}
.job .title{ text-align:center; padding-bottom:3%;}
.job .title span{ display:inline-block; background:#c84445; font-size:24px; color:#fff; line-height:34px; padding:0 10px;vertical-align:middle;}
.job .title:after,
.job .title:before{ content:''; display:inline-block; height:5px; border:1px solid #bbb; border-left:0; border-right:0; width:5%; vertical-align:middle;}
.job strong{color: #333}
.job .info{font-size: 15px;line-height: 28px;}
.job .Application a{width: 100px;line-height: 40px;background:#0369ce;color: #fff;display: block;text-align: center;border-radius: 5px;transition: all 0.5s;border:1px solid #fff}
.job .Application a:hover{border:1px solid #0369ce;background: #fff;color:#0369ce; }
@media(max-width:480px){
.job .title span{ font-size:18px;}
}
.job section{ border:solid 1px #e7e7e7;}
.job .list{ border-bottom:solid 1px #e7e7e7;}
.job section .list:last-child{ border-bottom:0;}
.job .list .dot{ font-weight:normal; margin:0;  padding:15px 45px 15px 15px; background:url(/css/../images/TextList001851-close.jpg) no-repeat 98% center #f9f9f9; font-size:16px; cursor:pointer;}
.job .list .dot#on{ background-image:url(/css/../images/TextList001851-open.gif); background-color:#0369ce;color:#fff;}
.job .list .con{ display:none; padding:2%; }


/*or_cul_zh*/
.or_cul_zh{height:550px;width: 100%;overflow: hidden;}
.or_cul_zh .left{width: 50%;height: 100%;overflow: hidden;text-align: center;float: left;position: relative;}
.or_cul_zh .left::before{position: absolute;width: 95%;height: 90%;border: 1px solid rgba(255,255,255,0.4);content: "";left: 0;right: 0;top: 0;bottom: 0; margin: auto;z-index: 99;transition: all 0.5s;}
.or_cul_zh .left .bg{width:100%;height:100%;background:url(/css/../images/or_cul_zh_pic1.jpg)no-repeat center center;background-size: cover;transition: all 1s;}
.or_cul_zh .left:hover .bg{transform: scale(1.05)}
.or_cul_zh .left:hover::before{transform: scale(0.6);border:3px solid rgba(255,255,255,1);}
.or_cul_zh .left p{z-index: 9999;margin: 0;position: absolute;top: 45%;left: 0;right: 0;margin: auto;color: #fff;font-size: 32px;text-transform: uppercase;font-weight: bold;}
.or_cul_zh .left p span{font-weight: normal;font-size: 30px;}
.or_cul_zh .right{width: 50%;height: 100%;overflow: hidden;text-align: center;float: left;position: relative;}
.or_cul_zh .right::before{position: absolute;width: 95%;height: 90%;border: 1px solid rgba(255,255,255,0.4);content: "";left: 0;right: 0;top: 0;bottom: 0; margin: auto;z-index: 99;transition: all 0.5s;}
.or_cul_zh .right .bg{width:100%;height:100%;background:url(/css/../images/or_cul_zh_pic2.jpg)no-repeat center center;background-size: cover;transition: all 1s;}
.or_cul_zh .right:hover .bg{transform: scale(1.05)}
.or_cul_zh .right:hover::before{transform: scale(0.5);border: 3px solid rgba(255,255,255,1);}
.or_cul_zh .right p{z-index: 9999;margin: 0;position: absolute;top: 45%;left: 0;right: 0;margin: auto;color: #fff;font-size: 32px;    text-transform: uppercase;font-weight: bold;}
.or_cul_zh .right p span{font-weight: normal;font-size: 30px;}
@media(max-width:640px){
    .or_cul_zh .left{float:none;width: 100%;height: 50%}
    .or_cul_zh{height:1000px}
    .or_cul_zh .left:hover::before{transform: scale(1);}
    .or_cul_zh .left p{font-size: 24px;}
    .or_cul_zh .left p span{font-size: 26px;}
    .or_cul_zh .right p{font-size: 24px;}
    .or_cul_zh .right p span{font-size: 26px;}
}

@media(max-width:640px){
    .or_cul_zh .right{float:none;width: 100%;height: 50%}
    .or_cul_zh .right:hover::before{transform: scale(1);}
}


/*comm-list */
.comm-list{ border:1px solid #E9E9E9; margin-top:10px; background-color:#FFF;margin-bottom: 50px;overflow: hidden;position: relative}
.comm-list .left{float:left;width: 50%;}
.comm-list .left table{width: 100%;}
.comm-list .right{float:right;width:48%;background:url(/css/../images/application.jpg)no-repeat center center;background-size: cover;height: 382px;margin-right: 2%;}
.comm-list .right img{display: none;}
.comm-list-title{font-weight: bold;background: #0369ce;line-height: 50px;height: 50px;margin-bottom: 2%;color: #fff;width:100%;}
.comm-list-title input{ border:#CCCCCC 1px solid; height:15px; padding:3px; margin-left:5px; }
.comm-list-title span{ background: url(/css/imgs/coico.gif) 10px center no-repeat; display:block; float: left; padding-left:10px;color: #fff;font-weight: normal;}
.comm-list-title .putime,
.comm-list-title a.back{ display:block; float:right; margin-right:10px; font-weight:normal;color: #fff;}
.comm-list-nabar{ padding:10px; padding-bottom:0; }
.comm-list-content{ clear:both; padding:10px; line-height:20px;}
.comm-list-content div{ margin-top:6px; }
.comm-list-repley{ clear:both; color:#DB5A41; line-height:20px; margin:10px; margin-top:0; padding:6px; }
.comm-list-repley span{ font-weight:bold; color:#DA0900; }
.comm-list-content table td{ padding:4px; }
.comm-list-content table td input{ border:#CCCCCC 1px solid; height:28px; padding:3px;line-height: 28px;width: 100%;}
.comm-list-content .submit{height:30px;background:#0369ce;width:100px;color:#fff;border:none;cursor:pointer;width: 47%!important;line-height: 34px;height: 40px;margin-right:4.9%}
.comm-list-content .reset{height:30px;background:#ccc;width:100px;color:#fff;border:none;cursor:pointer;width: 47%!important;line-height: 34px;height: 40px;}
.comm-list-content table td input.radio{ border:none; }
.comm-list-content table td textarea{ border:#CCCCCC 1px solid; padding:3px;width: 100%;height: 100px;}
.comm-list-content .dec{display:none;}
@media(max-width:1070px){
.comm-list .right{height: 454px;}
}
@media(max-width:1000px){
.comm-list .right{display: none;}
.comm-list .left{width: 100%}
.comm-list-content .submit{margin-right: 4%;}
}

@media(max-width:480px){
    .comm-list-content table td{max-width: 100px;}
    .comm-list-content table input{max-width: 100%;}
}

@media(max-width:390px){
    .comm-list-content table td{max-width:95px;}
    .comm-list-content table input{max-width: 100%;}
}

/*map_contact */
.map-box{position: relative;}
.map_contact{position: absolute;height:75%;width: 35%;background: rgba(3,105,206,0.9);right: 3%;top:12%;padding: 20px;}
.map_contact p{font-size: 16px;margin: 10px 0;color: #fff;line-height: 30px;}
.map_contact p a{color: #fff;}

@media(max-width:1024px){
    .map_contact{width: 50%}
}
@media(max-width:768px){
    .map_contact{width:70%}
}
@media(max-width:480px){
    .map_contact{width:80%}
}
@media(max-width:420px){
    .map_contact{width:90%}
}
/*.contact_us */
.row>.span-4{width: 32%;margin-right: 2%;float: left;}
.row>.span-4:nth-child(3){margin-right:0%;}
.contact_us .pt2{padding:4% 0 5%; overflow:hidden; }
.contact_us .pt2 .tit{text-align:center; font-size:30px; color:#313131; line-height:1;margin-bottom:25px;}
.contact_us .pt2 .info{text-align:center; font-size:14px; color:#898989; line-height:1;margin-bottom:15px;}
.contact_us .pt2 .line{display: block; margin: 0 auto 20px; width: 27px; height: 1px; background: #c6c6c6;}
.contact_us .pt2 .form{margin:0 auto;}
.contact_us .pt2 .form input{border:1px solid #d5d5d5; font-size:14px;}
.contact_us .pt2 .name{ background: transparent url("../images/i_form_ico1.png") no-repeat right 0;}
.contact_us .pt2 .phone{background: transparent url("../images/i_form_ico2.png") no-repeat right 0;}
.contact_us .pt2 .email{background: transparent url("../images/i_form_ico3.png") no-repeat right 0;}
.contact_us .pt2 .line1{width:100%; height: 48px; line-height: 48px; padding: 0 46px 0 13px; float: left;}
.contact_us .pt2 .form textarea{width:100%; border: 1px solid #d5d5d5; padding: 10px 40px 10px 13px; height: 149px; font-size: 14px; line-height: 1.5; margin-bottom: 20px; margin-top:25px; background: transparent url("../images/i_form_ico4.png") no-repeat right top;}
.contact_us .pt2 .form .btns_list{text-align:center;}
.contact_us .pt2 .form .btns_list button{width:49%; height:45px; line-height:37px; border:none; font-size:16px; color:#fff; cursor:pointer;}
.contact_us .pt2 .form .btns_list .sub{background-color: #848484; border-radius:0; float:left;}
.contact_us .pt2 .form .btns_list .sub:hover{background-color:#0369ce;}
.contact_us .pt2 .form .btns_list .reset{background-color:#848484; border-radius:0; float:right;}
.contact_us .pt2 .form .btns_list .reset:hover{background-color:#0369ce;}
.contact_us .pt2 .form_cb .span-4{position:relative;}
.contact_us .pt2 .form_cb .span-4 span{position:absolute; right:45px; top:15px;}
.contact_us .pt2 .yzm_box{width:50%;}
.contact_us .pt2 .btns_list{width:50%;}
.contact_us .pt2 .yzm_box .yzm{line-height:46px; height:46px; width:30%; background:transparent; text-indent:20px; margin-right:25px;}
.contact_us .pt2 .yzm_box img{width:120px; height:50px; margin-right:10px;}
.contact_us .pt2 .yzm_box .change{color:#40535a; font-size:12px; cursor:pointer; vertical-align:bottom;}

.contact_us .pt2 .form .btns_list{width: 100%;}
.contact_us .pt2 .form .btns_list{text-align: center;}

@media only screen and (max-width: 760px){
    .contact_us .pt1 .slide_box{margin: 92px 0;height: 310px; width: 60%!important;margin: auto!important;
    margin-top: 100px!important;
    margin-bottom: 80px!important;}

}
@media only screen and (max-width: 600px){
    .contact_us .pt1 .slide_box{width:90%!important;}

}

/*zong_Menu */
.zong_Menu{margin:40px 0;overflow: hidden;}
.zong_Menu ul li{width: 25%;float: left;background: #e4e4e4;list-style: none;text-align: center;line-height: 55px;background: #e5e5e5;color: #333;font-size: 18px;    border-right: 1px solid #fff;height: 55px;transition: all 0.8s;}
.zong_Menu ul li a{display:block;height: 100%;width:100%;transition: all 0.8s;}
.zong_Menu ul li:hover{background: #0369ce}
.zong_Menu ul li:hover a{color: #fff;}



/*
 .about_nei
 */
.about_nei .auto_1260{ max-width: 1200px;}
@media only screen and (max-width:1260px) {
	.about_nei .auto_1260{  padding: 0 2%;}
}
.about_nei{ padding: 50px 0;}

.about_nei .word{ width: 100%; }
.about_nei .title{font-size:30px;color: #000;font-weight: bold;overflow:hidden;margin-top: 15px;}
.about_nei .title .title_One{color:#0369ce;}
.about_nei .title .title_two{color:#e2e2e2;text-transform: uppercase;font-weight: normal;}
.about_nei .word h3:after{ content: "";display: block;width: 65px; height:2px; background-color: #0369ce; margin-top: 20px;}
.about_nei .more{padding-left: 26px;background: url(/css/../images/n_t4_03.png)no-repeat left center;color: #000;font-size: 16px;margin-top: 30px;}
.about_nei .more:hover a{color:#0369ce;}
.about_nei .word figure{margin: 0;line-height: 2.25; font-size: 14px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;padding-right: 30px;}
.about_nei .word ul{ padding-top: 15px; }
.about_nei .word ul li{ float: left;  text-align: center; padding: 0 15px; width: 25%; max-width: 102px;}
.about_nei .word ul li a{ display: block; max-width: 72px;border: 1px solid #bed4eb;border-radius: 50%; transition: all .3s ease-in-out;}
.about_nei .word ul li a:hover{ background-color: #3c89d9;}
.about_nei .word ul li .img_hover,.about_nei .word ul li a:hover .img{ display: none;}
.about_nei .word ul li a:hover .img_hover{ display: block;}
.about_nei .right-img{ position: relative;}
.about_nei .right-img .right-img_tit{ width: 160px; text-align: center; padding: 20px 0;
background:rgba(231, 37, 39, 0.9) none repeat scroll 0 0 !important;filter:Alpha(opacity=90); background:#fff;
 position: absolute;  bottom:20px;left: -8%;}
.about_nei .right-img .right-img_tit span{ position: relative; z-index: 1;  color: #fff; font-size: 16px;}
@media only screen and (max-width: 1024px) {
    .about_nei .word figure{ -webkit-box;-webkit-line-clamp:2;}
}

@media only screen and (max-width: 767px) {
	.about_nei .word h3:after{ margin: 20px auto 0; width: 35px;}
	.about_nei .right-img{ margin: 0 auto; max-width: 580px; padding-left: 5%;margin-top:4%;}
	.about_nei .right-img .right-img_tit{ left:0;}
	.about_nei .word ul{ margin: 0 auto 30px;max-width: 408px;}
        .about_nei .word figure{ -webkit-box;-webkit-line-clamp:4}
    .about_nei{padding-top:0px;;}
}

@media only screen and (max-width: 365px) {
	.about_nei .word ul li{ padding: 0 10px;}
}
@media only screen and (min-width: 768px) {
	.about_nei .word{ width: 48%; float: left;}
	.about_nei .right-img{ float: right; width: 48%;}
	
}
@media only screen and (min-width: 1024px) {
	.about_nei .word h3:after{ height: 3px;}
	
	.about_nei .right-img .right-img_tit{ padding: 25px 0;}
}
@media only screen and (min-width: 1260px) {
	.about_nei .right-img .right-img_tit{ width: 160px; padding: 35px 0;}
}

/*
 .news_nei
 */

.news_nei .title{font-size:30px;color: #fff;font-weight: bold;float: left;}
.news_nei .title .title_One{color:#0369ce;}
.news_nei .title .title_two{color:#e2e2e2;text-transform: uppercase;font-weight: normal;}
.news_nei .more{padding-left: 26px;background: url(/css/../images/n_t4_03.png)no-repeat left center;color: #000;font-size: 16px;float: right;margin-top:40px;}
.news_nei .more a{color: #fff}

.news_nei{background:url(/css/../images/Floor001789-bg.jpg) no-repeat center top; background-size:cover; padding:2.5% 0;background-position: center top;
background-attachment: fixed;}
.news_nei h1{ position:relative;margin:0; padding-bottom:27px; font-size:36px; text-align:right;color:#0055a2; line-height:normal;}
.news_nei h1 span{ line-height:54px;  text-transform:uppercase;display:block;color:#b8b8b8; font-size:60px;}
.news_nei li{ float:left; width:23.5%;  margin-right:2%; background:#fff;  border:3px #fff solid;   }
.news_nei li figure{ padding-bottom:10%; }
.news_nei li a{ display:block; padding:8% 5%; }
.news_nei li time{ position:relative;font-size:16px; color:#555; display:inline-block;}
.news_nei li time span{ display:block;  font-size:50px;height:63px; line-height:63px; border-top:1px #d8d8d8 dotted;}
.news_nei li time i{ position:absolute; right:0; bottom:0; width:100%; height:3px; background:#0369ce; transition:0.4s;}
.news_nei li h3{ line-height:24px; overflow:hidden; height:48px; font-size:16px; color:#555; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient: vertical;overflow: hidden;}
.news_nei li p{ margin:0; font-size:14px; color:#888;  line-height:24px; overflow:hidden; height:72px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; }
.news_nei li img{ width:100%; height:165px; display:block; }
.news_nei li.odd figure{ padding-bottom:0; padding-top:10%; }
.news_nei li:hover{ border-color:#0369ce; }
.news_nei li:hover time i{ width:180%;}
@media(max-width:1000px){
.news_nei h1{ padding-right:60px;font-size:24px; padding-bottom:0; margin-bottom:5%;}
.news_nei h1 span{font-size:30px;}
.news_nei h1 .more{ top:0; width:53px; height:100%; background-size:contain; background-position:center center;}
.news_nei li{ width:48%; margin-right:2%;margin-bottom: 2%}
.news_nei li:last-child{ margin-right:0;}
}
@media(max-width:640px){
.news_nei li{ float:none; width:auto; margin-right:0; margin-bottom:3%;}
.news_nei li img{ height:auto;}
.news_nei li h3,
.news_nei li p{ height:auto;}
.news_nei li figure{ padding-bottom:3%;}
.news_nei li.odd figure{ padding-top:3%; }
}


/*honer_zh*/
.honer_zh{background: url(/css/../images/honer_zh_bg.jpg)no-repeat center center;background-size: cover;padding: 70px 0 40px 0;background-position: center top;background-attachment: fixed;position: relative;}
.honer_zh .all{overflow: hidden;}
.honer_zh .left{float: left}
.honer_zh .right{float: right}
.honer_zh .title{ text-align:center; font-size:12px; color:#999;}
.honer_zh .top_title::before{background:#fff;}
.honer_zh .top_title{padding-bottom: 19px;}
.honer_zh .top_title h1{margin-bottom: 0px;color: #fff;}
.honer_zh .top_title h2{font-size: 26px;color: #fff;}
.honer_zh .btn{position:relative;width: 160px;}
.honer_zh .btn a{display: inline-block; width:160px;height: 50px;color: #0369ce;text-align: center;transition: all 0.36s;z-index: 9999;position:relative;z-index: 2;border: 1px solid #fff;}
.honer_zh .line{content:"";position: absolute;width:100%;height:100%;background:#fff;top:0;transition: all 0.3s;left:0;z-index:0}
.honer_zh .btn:hover a{color: #fff;transition: all 0.3s;border: 1px solid #ffff;}
.honer_zh .btn:hover .line{width:0%}
.honer_zh .btn {width:160px;line-height:50px;margin-top: 14%;}

@media(max-width:640px){
.honer_zh{padding:40px 0 0px 0;}
.honer_zh .top_title h1{font-size: 36px;}
.honer_zh .top_title h2{font-size:24px;}
.honer_zh{padding-top: 40px;}
.honer_zh .right{float: none;position: absolute;bottom:40px}
.honer_zh {padding-bottom:75px}
}


/*video_zh*/
.video_zh{}
.video_zh .all{margin-bottom:40px;}
.video_zh .left{float: left}
.video_zh .right{float: right}
.video_zh .title{ text-align:center; font-size:12px; color:#999;}
.video_zh .top_title{padding-bottom: 19px;}
.video_zh .top_title h1{margin-bottom: 0px;}
.video_zh .top_title h2{font-size: 26px;}
.video_zh .btn{position:relative;width: 160px;}
.video_zh .btn a{display: inline-block; width:160px;height: 50px;color: #fff;text-align: center;transition: all 0.36s;z-index: 9999;position:relative;z-index: 2;border: 1px solid #0369ce;}
.video_zh .line{content:"";position: absolute;width:100%;height:100%;background:#0369ce;top:0;transition: all 0.3s;left:0;z-index:0}
.video_zh .btn:hover a{color: #0369ce;transition: all 0.3s;border: 1px solid #0369ce;}
.video_zh .btn:hover .line{width:0%}
.video_zh .btn {width:160px;line-height:50px;margin-top: 14%;}



/*
 .PicList002311 
 */
.PicList002311{padding:50px 0;padding-top:30px;padding-bottom: 0;}
.PicList002311 .title{font-size:30px;color: #000;font-weight: bold;float: left;}
.PicList002311 .title .title_One{color:#0369ce;}
.PicList002311 .title .title_two{color:#e2e2e2;text-transform: uppercase;font-weight: normal;}
.PicList002311 .more{padding-left: 26px;background: url(/css/../images/n_t4_03.png)no-repeat left center;color: #000;font-size: 16px;float: right;margin-top:40px;}
.PicList002311 .more a{color: #000}

.PicList002311 .CenTitle{ padding:15px 0 10px 0; position:relative; z-index:1; margin-top: 20px; border-top: 1px solid #e7f0f4;}
.PicList002311 .CenTitle .name{ text-align:center; font-size:15px; font-weight:bold; color:#555; line-height:30px;}
.PicList002311 .CenTitle .line{ width:10px; height:1px; background:#f68121; overflow:hidden; margin:0 auto;}

.PicList002311 .honorList{ position:relative; padding:20px 40px;}
.PicList002311 .honorList .btn{ display:block; position:absolute; top:45%; margin-top:-12px; width:24px; height:24px; background:url(/css/../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%;text-align: center;}
.PicList002311 .honorList .list .ul li .pic{border: 1px solid #efefef;height: 100%;display: inline-block;width: 100%;background: #fff;}
.PicList002311 .honorList .list .ul li img{height:185px;display: inherit;width: auto;}
.PicList002311 .honorList .list .ul .dot{ display:block; text-align:center; padding-top:20px; line-height:20px; font-size:16px; color:#fff;}
.PicList002311 .honorList .list .ul .dot:hover{ color:#fff;}
@media only screen and (min-width:768px ) {
.PicList002311 .honorList{ padding:20px 50px;}	
}

@media(max-width:768px){
    .PicList002311 .honorList .list .ul li img{max-height:225px;}
    .PicList002311{padding:50px 0;padding-top:0px;}
}



/**/
.owl-carousel,
.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}
.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;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper{-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{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%;}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev{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-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}
.owl-carousel .animated{animation-duration:1s;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-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.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(/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s 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-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*end*/