/*
 .Top 为demo编号
 */
.Top{position:relative; width:100%; left:0; top:0; z-index:100;}
.Top .top .auto{ position:relative; z-index:20;}
.Top .logo{ padding:29px 0px 29px 0;width: 500px;}
.Top .top dd{ float:left;line-height:30px; }
.Top .top dd.search{ width:213px; position:relative;}
.Top .top dd .text{ width:100%; border:1px solid #ededed; height:30px; line-height:30px; padding-left:17px; background:#f4f4f4; border-radius:30px;}
.Top .top dd .btn{position:absolute; right:0; top:0; height:100%; width:40px; background:url(../images/Top-search.png) no-repeat center center; cursor:pointer; border:none;}
.Top .mobile_menu{ display:none;}
.Top .top dd.link{ font-size:15px;}
.Top .top dd.link a{ display:inline-block; padding:0 20px;border: 1px solid #ccc;border-radius: 50px;color: #666;transition: all 0.5s;}
.Top .top dd.link a:nth-child(1){ position:relative;margin: 0 16px;}
.Top .top dd.link a:nth-child(1)::before{ position:absolute; content:''; right:0; top:50%; margin-top:-2.5px; width:1px; height:5px; border-right:1px dotted #999;color: #666}
.Top .top dd.link a:hover{border: 1px solid #014cb2;color: #014cb2;}
.Top .top dd.share a{ display:inline-block; width:30px; height:30px; border-radius:50%; background:url(../images/Top-icon.png) no-repeat 0 0 #3cb134;}
.Top .top dd.share a.a_collect{ position:relative;}
.Top .top dd.share a.a_collect img{ position:absolute; width:100px; height:100px; border:5px solid rgba(15, 64, 140, 0.2); top:35px; left:50%; margin-left:-50px; max-width:none; display:none; z-index:10;}
.Top .top dd.share a.a_collect:hover img{ display:block;}
.Top .top dd.share a.a_qq{ background-color:#ff6060; background-position:right 0; margin-left:12px;}
.Top .top dl.tel{position:static;font-size:20px;overflow: hidden;float: right;background: url(../images/top_dlline.png)no-repeat left center;padding-left: 20px;margin-top: 0px;}
.Top .top dl.tel dt{color: #666;font-size: 14px;}
@font-face{
     font-family: 'Impact'; 
     src: url('../fonts/Impact.eot');
     src:url('../fonts/Impact.woff') format('woff'),
         url('../fonts/Impact.ttf') format('truetype'),
         url('../fonts/Impact.svg') format('svg');
}
.Top .top dl.tel dd{color: #d92317;font-size: 24px;font-family: "Impact";}
.Top .top dl.tel dd img{padding-right: 10px} 
@media(min-width:1001px){
.Top .top dl{ position:absolute; right:0; top:50%; margin-top:-15px;}
.Top nav{ background-color:#014cb2;}
.Top nav .auto{background:url(../images/top_line.png)no-repeat left center;}
.Top nav li{ float:left; width:14.285%; text-align:center; position:relative;background:url(../images/top_line.png)no-repeat right center;}
.Top nav li span{ display:none;}
.Top nav li a{ display:block; font-size:17px;color:#fff;}
.Top nav li >a{ line-height:55px;}
.Top nav li dl{ position:absolute; top:55px; left:0; width:100%;background:rgba(1,76,178,0.7); display:none;}
.Top nav li#m3 dl{width:130%;left: -15%}
.Top nav li dl dt{border-bottom: 1px dashed rgba(255,255,255,0.1)}
.Top nav li dl dt:last-child{border-bottom: none;}
.Top nav li a.aon,
.Top nav li:hover > a{ background-color: #0858c3;}
.Top nav li dt a{ line-height:50px;line-height: 40px;font-size: 15px;}
/*.Top nav li:hover dl{ display:block;}*/
.Top nav li dt a:hover{ background-color:#0858c3;}
}
@media(max-width:1000px){
.Top{border-bottom:3px solid #014cb2;}
.Top .logo{ padding-right:0;float: left;}
.Top .top dl{ float:right;margin-top: 40px;}
.Top .top dd.search{ margin-right:10px;display: none;}
.Top .mobile_menu{ display:block; width:40px; height:30px; position:relative; font-size:24px;color:#014cb2;}
.Top .mobile_menu span{ position:absolute; left:50%; margin-left:-12px; top:50%; margin-top:-12px;}
.Top nav{ position:absolute; transform:translateX(0); opacity:0; right:2%; width:50%; max-width:260px;background-color:#014cb2; transition:transform ease 0.3s,opacity ease-in-out 0.8s;display:none;}
.Top nav.show{transform:translateX(0); opacity:1;display: block;}
.Top nav li{ position:relative;}
.Top nav li >a{ display:none;}
.Top nav li span,
.Top nav li dt a,
.Top nav li#m1 >a{ display:block; text-align:center; line-height:50px; color:#fff; font-size:16px;border-bottom:1px solid rgba(255,255,255,0.5); box-shadow:0 1px 0 #052c67;}
.Top nav li#m5 >a{ display:block; text-align:center; line-height:50px; color:#fff; font-size:16px;border-bottom:1px solid rgba(255,255,255,0.5); box-shadow:0 1px 0 #052c67;}
.Top nav li dl{ display:none; position:absolute; top:0; left:-100%; width:100%;background-color:rgba(14,64,139,0.8);}
.Top nav li dt{ text-align:center;}
}
@media(max-width:768px){
    .Top .top dl.tel{display: none;}
    .Top .logo{width: auto;padding: 15px 0px 15px 0;}
    .Top .top dl{margin-top:18px;}
}
@media(max-width:480px){
.Top nav li dt a{ font-size:14px;}
.Top .top dd.link a{font-size: 12px;padding: 0 12px;}
.Top .top dd{line-height: 24px;}
.Top .top dd.link{margin-top: 3px;}
.Top .logo{width: 36%}
}

@font-face{
     font-family: 'dincond-medium-webfont'; 
     src: url('../fonts/dincond-medium-webfont.eot');
     src:url('../fonts/dincond-medium-webfont.woff') format('woff'),
         url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
         url('../fonts/dincond-medium-webfont.svg') format('svg');
}

@font-face{
     font-family: 'Impact'; 
     src: url('../fonts/Impact.eot');
     src:url('../fonts/Impact.woff') format('woff'),
         url('../fonts/Impact.ttf') format('truetype'),
         url('../fonts/Impact.svg') format('svg');
}
/*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:70px; background:url(../images/Banner-prev.png)no-repeat;display: none;}
.Banner .bx-next{ right:70px;background:url(../images/Banner-next.png)no-repeat;display: none;}
.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;}
.Banner:hover .bx-prev,.Banner:hover .bx-next{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 */

/*
 .index_recommend 为demo编号
 */
.index_recommend{background:#f4f4f4;padding: 10px 0;}
.index_recommend .title{position: absolute;font-size: 18px;font-weight: bold;color: #000;padding-left: 8px;border-left: 5px solid #0e65c4;top:9px;}
.index_recommend .auto{position: relative;}
@media only screen and (max-width:1160px ) {
	.index_recommend .auto{ padding-left: 15px; padding-right: 15px;}
}
.index_recommend .bx-wrapper{ position: relative; padding-left:105px;z-index:1;}
.index_recommend .bx-wrapper:before{ content: ""; display: block; width: 31px; height: 59px; position: absolute; top: 0; left: 0; background: url(../images/index_recommend-icon.png) no-repeat left top;}
.index_recommend .list li a{ line-height:45px; padding-right:22%;font-size: 15px;}
.index_recommend .list li{max-width: 90%}
.index_recommend .list li span{color: #999;float: right;line-height: 45px}
.index_recommend .list li a:hover{color:#0e65c4 }
.index_recommend .bx-pager{ position: absolute; right: 0; top: 0; padding-top: 15px;}
.index_recommend .bx-pager >div{ display: inline-block; padding: 0 0 0 5px;}
.index_recommend .bx-pager >div a{ display: block; width: 14px; height: 14px; text-indent: 9999px; overflow: hidden; position: relative;line-height: 100px;}
.index_recommend .bx-pager >div a:before,
.index_recommend .bx-pager >div a:after{ display: block; content: ""; position: absolute;}
.index_recommend .bx-pager >div a:before{ width: 6px; height: 6px; z-index: 5; background: #8e8e8e; top: 4px; left: 4px;}
.index_recommend .bx-pager >div a.active:before{ background: #0e65c4;}
.index_recommend .bx-pager >div a:after{ width: 14px; height: 14px; border: 2px solid transparent; top: 0; left: 0;}
.index_recommend .bx-pager >div a.active:after{ border-color: #0e65c4;}
.index_recommend .bx-wrapper{ position:relative; }
.index_recommend .bx-controls-direction { display: none;}

@media(max-width:680px){
.index_recommend .list li{max-width: 80%;}
}

@media(max-width:480px){
    .index_recommend .list li span{display: none;}
}


/*
 index_about
 */
.index_about{background:url(../images/about_bg.jpg)no-repeat center center;background-size:cover;padding: 65px 0;position: relative;}
.index_about .left{width:48%;}
.index_about .left h1{font-size: 32px;color:#195db9;}
.index_about .left h2{font-size: 16px;color:#333;font-weight: normal;}
.index_about .left p{color:#797979;line-height: 24px;margin-top: 30px;margin-bottom: 50px;font-size: 15px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.index_about .left .more a{background:#195db9;width: 150px;line-height: 40px;display: inline-block;text-align: center;color: #fff;border: 1px solid #195db9;transition: all 0.5s;}
.index_about .left .more a:hover{background:#fff;color:#195db9;}
.index_about .right img{display:none;} 

.index_about ul{margin-top: 70px;}
.index_about ul.box2{overflow: hidden;background:#fff;box-shadow: 0 2px 10px rgba(26,94,186);position: relative;z-index: 10;margin-top:70px;}
.index_about ul.box2 li{float:left;font-size:16px;width:20%;text-align: center;padding: 18px 0 5px;line-height: 50px;transition: all 0.4s;}
.index_about ul.box2 li img{transition: all 0.4s;}
.index_about ul.box2 li:hover img{transform: rotateY(180deg)}
.index_about{position: relative}
.index_about .box1 .right{position: absolute;right: 0;top: 90px;width: 50%}
.index_about .box1 .right video{width: 100%}

@media(max-width:768px){
.index_about .box1 .right{position: static;width: 100%}
.index_about{padding: 40px 0}
.index_about .right img{display:block;} 
.index_about::before{background:none;height: 0}
.index_about .left{width: 100%;margin-bottom:30px;}
.index_about .left p{margin:20px 0}
.index_about ul.box2{margin-top: 30px}
.index_about .left h1{margin-top:0}
}

@media(max-width:640px){
    .index_about ul.box2 li{width: 33.3333333%;}
    .index_about .left h1{font-size: 28px}
    .index_about .left .more a{width: 120px;}
}
@media(max-width:480px){
    .index_about .left h1{font-size: 24px}
}


/*
 .index_pro
 */
.index_pro{padding-top:3%;background:url(../images/pro_bg.jpg)no-repeat center center;padding-bottom:3%;background-size:cover;background-position: center top;background-attachment: fixed;}
.index_pro .title h1{ font-size: 32px;font-weight: bold;color: #fff;margin: 0;margin-bottom: 16px;text-align: center;}
.index_pro .title p{ font-size:14px;color:rgba(255,255,255,0.6);margin: 0;text-align: center;}
.index_pro .list_scroll {padding: 4% 0;}
.index_pro .list_copy {display: none;}
.index_pro .list_scroll li a{position: relative;}
.index_pro .list_scroll li a figure{position: absolute;width: 100%;height: 100%; background: rgba(0,95,181,0.5);opacity: 0}
.index_pro .list_scroll li a figure i{position: absolute;background-color: #2051a6;width:60px;height: 60px;right: 10%;top: 0;border-radius: 50%;z-index: 10;transition: 0.4s;left: 0;right: 0;top: 0;bottom: 0; margin: auto;opacity: 0;}
.index_pro .list_scroll li a figure i::before{width: 18px;height: 2px;margin-left: -9px;margin-top: -1px;position: absolute;content: '';left: 50%;top: 50%;background-color: #fff;}
.index_pro .list_scroll li a figure i::after{width: 2px;height: 18px;margin-left: -1px;margin-top: -9px;position: absolute;content: '';left: 50%;top: 50%;background-color: #fff;}
.index_pro .list_scroll li p a:hover{color:#2051a6}
.index_pro .list_scroll li :hover figure{opacity: 1}
.index_pro .list_scroll li :hover figure i{opacity: 1; transform:rotate(360deg);}
.index_pro .list_scroll li :hover figure i::after,
.index_pro .list_scroll li :hover figure i::before{background-color:#fff;}

.index_pro .list_scroll li p{font-size: 18px;color: #fff;text-align: center;}
.index_pro .list_scroll li p a{color: #fff!important; }
.index_pro .list_scroll li:hover{ border-bottom-color:#e5352c;}
.index_pro .list_scroll li .Ispic{padding-bottom:77%;border: 1px solid transparent ;display:block;transition: all 0.5s;    background-size: contain;}
.index_pro .list_scroll li:hover .Ispic{border: 1px solid #0967b7;}
.index_pro .list_scroll dl dd {display: inline-block;text-align: center;width:46%;margin: 0 1.5%}
.index_pro .list_scroll dl dd a{display: inline-block;width:90%;border: 1px solid #0967b7;color: #0967b7;border-radius: 20px;line-height: 28px;transition: all 0.5s;}
.index_pro .list_scroll dl dd a:hover{background:#0967b7;color: #fff;}
.index_pro .bx-wrapper{ position:relative; z-index:1;}
.index_pro .bx-viewport{ position:relative; z-index:1;overflow:hidden;}
.index_pro .bx-pager{ display:none;}
.index_pro .bx-controls-direction a{position: absolute;top:43%;margin-top: -18px;width:50px;height: 50px;overflow: hidden;line-height: 162px;z-index: 10;border-radius: 50%;border: 1px solid rgba(255,255,255,0.5)}
.index_pro .bx-controls-direction a:hover{ border-color:#0967b7;}
.index_pro .bx-controls-direction a::before,
.index_pro .bx-controls-direction a::after{ position:absolute; content:''; left:23px; top:12px; width:1px; height:15px; background-color:#fff;}
.index_pro .bx-controls-direction a::before{ transform:rotate(-45deg);}
.index_pro .bx-controls-direction a::after{transform:rotate(45deg); top:22px;}
.index_pro .bx-controls-direction a:hover{background-color:#fff;}
.index_pro .bx-controls-direction a:hover::before,
.index_pro .bx-controls-direction a:hover::after{background-color:#195db9;}
.index_pro .bx-controls-direction a.bx-prev{ left:-80px;}
.index_pro .bx-controls-direction a.bx-next{ right:-80px;}
.index_pro .bx-controls-direction a.bx-prev::before{ transform:rotate(45deg);}
.index_pro .bx-controls-direction a.bx-prev::after{transform:rotate(-45deg);}
.index_pro .bx-pager{ position:absolute; left:0; width:100%; text-align:center;bottom: -10%;z-index:10;height: 14px;display:block;height: 14px;}
.index_pro .bx-pager div{ display:inline-block; margin:0 5px;}
.index_pro .bx-pager a{ display:block; overflow:hidden; line-height:100px;width: 12px;height:12px;background: rgba(255,255,255,0.5)}
.index_pro .bx-pager a.active{ background:#fff; display:block;}

@media(min-width:1200px){
    .index_pro .bx-viewport{height: auto!important;}
}
@media(max-width:1320px){
.index_pro .bx-controls-direction a.bx-prev{ left:10px;}
.index_pro .bx-controls-direction a.bx-next{ right:10px;}
  
}

@media(max-width:768px){
    .index_pro .bx-controls-direction{display: none;}
}
@media(max-width:900px){
    .index_pro .bx-pager{bottom: -5%;}
}
@media(max-width:640px){
    .index_pro .title{padding: 0 2%}
    .index_pro{padding: 40px 0}
}
@media(max-width:480px){
    .index_pro{top:95%; }
    .index_pro .bx-pager{top:100%;}
    .index_pro .title h1{font-size: 28px;}
}


/*exhibition*/
.exhibition{padding:65px 0}
.exhibition .title {text-align: center;padding-bottom:4%}
.exhibition .title h1{ font-size: 32px;font-weight: bold;color: #333;margin: 0;margin-bottom: 16px;text-align: center;}
.exhibition .title h1 span{color: #014cb2;}
.exhibition .title p{ font-size:14px;color:#717171;margin: 0;text-align: center;}
.exhibition .box1{overflow: hidden;}
.exhibition .box1 ul li{width: 49.3%;margin-right:1.4%;float: left;position: relative;}
.exhibition .box1 ul li img{width: 100%;}
.exhibition .box1 ul li a{position: relative;display: block;padding-bottom: 54%;background-size: cover!important;}
.exhibition .box1 ul li a::before{position: absolute;content: "";height:15%;background: -webkit-linear-gradient(-90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 30%,rgba(0,0,0,0.5) 100%);width: 100%;bottom: 0;transition: all 0.5s;}
.exhibition .box1 ul li:hover a::before{background: -webkit-linear-gradient(-90deg,rgba(1,76,178,0) 0%,rgba(1,76,178,0.2) 30%,rgba(1,76,178,0.8) 100%);height:70%}
.exhibition .box1 ul li:nth-child(2){margin-right: 0}
.exhibition .box1 ul li span{font-size: 16px;position: absolute;width: 100%;text-align: center;left: 0;bottom: 0;line-height: 50px;color: #fff;}
.exhibition .box2{margin-top: 20px;}
.exhibition .scrollleft{width:100%;;padding:5px 20px 0px 20px;margin:20px auto;}
.exhibition .scrollleft li{float:left;margin-right:18px;display:inline;width:329px;text-align:center;line-height:19px;position: relative;}
.exhibition .scrollleft img{width:329px;height: 221px; transition: all 0.5s;}
.exhibition .scrollleft li span{position:absolute;background: -webkit-linear-gradient(-90deg,rgba(1,76,178,0) 0%,rgba(1,76,178,0.2) 30%,rgba(1,76,178,0.8) 100%);background: -moz-linear-gradient(-90deg,rgba(1,76,178,0) 0%,rgba(1,76,178,0.2) 30%,rgba(1,76,178,0.8) 100%); background: -o-linear-gradient(-90deg,rgba(1,76,178,0) 0%,rgba(1,76,178,0.2) 30%,rgba(1,76,178,0.8) 100%);background: -ms-linear-gradient(-90deg,rgba(1,76,178,0) 0%,rgba(1,76,178,0.2) 30%,rgba(1,76,178,0.8) 100%);line-height:65px;color: #fff;bottom: 0;width: 100%;left: 0;height:60px;}
.exhibition .scrollleft li span a{color: #fff;font-size:16px;}
.exhibition .scrollleft li:hover img{transform: scale(1.1)}
@media(max-width:480px){
    .exhibition .box1 ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .exhibition .box1 ul li:nth-child(2){margin-bottom: 0}
    .exhibition .box2{margin-top: 0}
    .exhibition{padding: 40px 0}
    .exhibition .title h1{font-size: 28px;}
    .exhibition .box1 ul li a{padding-bottom: 65%}
}
/*
 .index_news
 */
.index_news{ background:url(../images/news_bg.jpg)no-repeat left center #f7f8f8; position:relative;background-size: contain;}
.index_news::after{ position:absolute; content:''; right:0; top:0; width:45.5%; height:100%; background:#014cb2; background-size:cover; z-index:3;}
.index_news::before{ position:absolute; content:''; left:0; top:146px; width:100%; height:1px; background-color:#b0c7e6;}
.index_news .auto{ position:relative; z-index:5;}
.index_news .list{ float:right; width:38.9%;padding-top:4%;}
.index_news .txt{ float:left; width:51%; }
.index_news .txt .title_p{margin: 0; margin-top: 15px;height: 40px;color:#717171}
.index_news .txt h2{ margin:0; font-size:32px; color:#333; padding-top:50px;}
.index_news .txt h2 span{color: #014cb2;}
.index_news .list_txt{position:relative; }
.index_news .list_txt:before{position:absolute; content:'';  z-index:1;left:114px; top:0; height:100%; width:1px; background-color:#b0c7e6;}
.index_news .list_txt li div{ padding:27px 0 27px 130px; position:relative;}
.index_news .list_txt li time{ position:absolute; left:0; top:27px; width:114px; font-family:'黑体'; font-size:18px; color:#333;font-family:"dincond-medium-webfont";color: #fff;font-size: 16px;text-align: center;background:#0051c0;padding:5px 0;width:90px;}
.index_news .list_txt li time:before{ position:absolute; content:''; width:9px; height:9px; border-radius:50%; background-color:#014cb2; top:50%; margin-top:-40.5px; right:-29.5px;}
.index_news .list_txt li time span{font-size: 50px;}
.index_news .list_txt li h4{ margin:0; font-size:18px; font-weight:normal;}
.index_news .list_txt li p{ color:#666; margin-bottom:0; line-height:24px; height:42px; overflow:hidden;}
.index_news .list_txt li:hover a{ color:#014cb2;}
.index_news .list_txt li:hover time:before{ border:7px solid rgb(172, 206, 253); width:23px; height:23px;margin-top:-47.5px;right:-36.5px;}
.index_news .list_txt .bx-wrapper{ position:relative; z-index:2;padding-bottom:15%; padding-top:5%;}
.index_news .bx-pager{ display:none;}
.index_news .list_txt .bx-controls-direction{ position:absolute; top:-86px;right: 0px;}
.index_news .list_txt .bx-controls-direction a{ background:url(../images/index_news-icons.png) no-repeat left top; width:20px; height:20px; display:block; overflow:hidden; text-indent:-999em;}
.index_news .list_txt .bx-controls-direction a.bx-next{ background-position: left bottom; margin-top:5px;}
.index_news .list li .Ispic{ display:block; padding-bottom:55%;}
.index_news .list li time{ color:#ededed; font-size:12px; display:block; padding-top:18px;}
.index_news .list li h1{ margin:0; font-weight:normal; font-size:20px;overflow:hidden;margin: 25px 0}
.index_news .list li h1 a{ color:#fff;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.index_news .list li p{ color:#c3e5f1;line-height:20px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; }
.index_news .list .bx-controls-direction{ overflow:hidden;}
.index_news .list .bx-controls-direction a{ display:block; float:left; width:50px; height:47px; background-color:#3470c1; background-repeat:no-repeat; background-position:center center; overflow:hidden; text-indent:-999em;}
.index_news .list .bx-controls-direction a.bx-prev{ background-image:url(../images/index_news_prev.gif);}
.index_news .list .bx-controls-direction a.bx-next{ margin-left:14px; background-image:url(../images/index_news_next.gif);}
.index_news .list .bx-viewport{height: 500px!important}
@media(max-width:1200px){
.index_news .list{ width:41%;}
.index_news .list .bx-viewport{height: 450px!important}
}
@media(max-width:1000px){
.index_news .list_txt li div{ padding-top:15px; padding-bottom:15px;}
.index_news .list_txt li time{ top:15px;}
.index_news .list .bx-viewport{height: 400px!important}
}
@media(max-width:768px){
.index_news{ background:url(../uploadfiles/news_bg.jpg)no-repeat top center #f7f8f8; }
.index_news::after,
.index_news::before{ display:none;}
.index_news .auto{ padding:0;}
.index_news .txt{  float:none; width:auto; padding:2%;}
.index_news .txt .title_p{ border-bottom:1px solid #b0c7e6;}
.index_news .list_txt .bx-wrapper{ padding:3% 0;}
.index_news .list{ float:none; width:auto;padding:2%;background:#014cb2;padding-bottom:40px;}
.index_news .list .bx-viewport{height:580px!important}

}
@media(max-width:480px){
.index_news .txt h2{ font-size:28px;}
.index_news .list_txt .bx-controls-direction{ height:20px; overflow:hidden; left:150px; top:-100px;}
.index_news .list_txt .bx-controls-direction a{ display:inline-block; margin:0 10px 0 0 !important;}
.index_news .txt .title_p{height: 60px;}
.index_news .txt h2{padding-top: 40px;}
.index_news .list .bx-viewport{height: 450px!important}
}

@font-face{
     font-family: 'DINCond-MediumAlternate'; 
     src: url('../fonts/DINCond-MediumAlternate.eot');
     src:url('../fonts/DINCond-MediumAlternate.woff') format('woff'),
         url('../fonts/DINCond-MediumAlternate.ttf') format('truetype'),
         url('../fonts/DINCond-MediumAlternate.svg') format('svg');
}
@font-face{
     font-family: 'dincond-medium-webfont'; 
     src: url('../fonts/dincond-medium-webfont.eot');
     src:url('../fonts/dincond-medium-webfont.woff') format('woff'),
         url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
         url('../fonts/dincond-medium-webfont.svg') format('svg');
}
/*bottom*/
.bottom{background:#333333;padding:30px 0 20px;overflow: hidden;color:#d3d3d3}
.bottom ul{overflow: hidden;;border-bottom: 1px solid #424242;margin-bottom:30px;position: relative;}
.bottom ul .auto{position: relative;}
.bottom ul .auto::before{position:absolute;content:"";width: 1px;height:82px;background:#666666;top: 15px;left: 30%}
.bottom ul .auto::after{position:absolute;content:"";width: 1px;height:82px;background:#666666;top: 15px;left: 70%}
.bottom ul li{list-style:none;color:#d3d3d3;width:411px;float: left; padding:25px 0px 25px 0px;}
.bottom ul li img{float: left;margin-right: 20px;}
.bottom ul li span{float: left;margin-top: 10px;}
.bottom ul li:nth-child(2){position: absolute;left: 0;right: 0;width: 241px;margin: auto;}
.bottom ul li:nth-child(3){float:right;float: right;width: 192px;}
.bottom ul li:nth-child(3) span{margin-top:0}
.bottom i{font-style:normal;color:#505050;margin: 0 5px;}
.bottom a{color:#bdbdbd;}
.bottom a:hover{color:#1d67cb;}
.bottom .left{float:left;margin-top: 31px;line-height: 26px;}
.bottom .right{width:143px;float:right}
.bottom .right dt{width:20px;float:left;margin-top: 5px;}
.bottom .right dd span{display:none;}
@media(max-width:1024px){
    .bottom ul .auto::before,.bottom ul .auto::after{width: 0}
}
@media(max-width:900px){
    .bottom ul{display: none;}
    .bottom ul li{width: 275px;float:none;overflow: hidden;margin: auto}
    .bottom ul li:nth-child(2){position: static;}
    .bottom ul li:nth-child(3){margin: auto;float: none;}
    .bottom .left{width:100%;float:none;overflow: hidden;text-align: center;}
    .bottom .right{width:100%;float:none;overflow: hidden;text-align: center;margin-top: 10px}
    .bottom .right dt{display: none;}
    .bottom .right dt span{display:block;}
    .bottom .left{margin-top: 0}
    .bottom .right dd span{display:block;line-height: 30px}
}


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

}

/*menu_nei*/
.menu_nei{background:url(../images/menu_nei_bg.jpg)no-repeat bottom center;padding-bottom: 30px;position: relative;z-index: 0;}
.menu_nei .ti{padding-top: 50px;}
.menu_nei .ti h1{font-size:34px;text-align: center;color: #333;text-transform: uppercase;margin: 0;margin-bottom:0px;font-family: Arial,Helvetica,sans-serif;}
.menu_nei .ti h2{font-size:22px;font-weight:normal;text-align: center;color: #195db9;margin: 0;padding-bottom: 15px;position: relative;}
.menu_nei .ti h2::before{position:absolute;content: "";width:40px;height: 1px;background:#195db9;bottom: 0;left: 0;right: 0;margin: auto;}
.menu_nei ul{text-align: center;margin: 20px 0;border-bottom: 1px solid #195db9;}
.menu_nei ul li{display: inline-block;text-align: center;position: relative;margin: 0 10px;}
.menu_nei ul li a{padding: 0 20px;font-size: 16px;line-height: 52px;height:62px;position: relative;transition: all 0.5s;height: 38px;}
.menu_nei ul li a::before{width:100%;height:21px;padding: 10px 0;content:"";position: absolute;background: #f1f1f1;z-index: -9;left: 0;right: 0;top: 0;right: 0;margin: auto;top:-9px;height: 38px;line-height: 38px;opacity: 1;transition: all 0.5s;}
.menu_nei ul li::before{margin: 0 0 0 -8px;background: #195db9;border-right: solid 1px #195db9;border-bottom: solid 1px #195db9;content: "";background: #f8f8f8;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; -o-transition: all 0.5s;width: 10px; height: 10px;display: block;opacity: 0;position: absolute;left: 0;right: 0;margin: auto;bottom: -6px;z-index: 999;}
.menu_nei ul li.on::before{opacity:1}
.menu_nei ul li.on a,.menu_nei ul li:hover a{color: #fff;}
.menu_nei ul li:hover::before{opacity: 1}
.menu_nei ul li.on a::before,.menu_nei ul li:hover a::before{opacity: 1;background: #195db9}

@media(max-width:1200px){
    .menu_nei ul{border: none;}
    .menu_nei ul li::before{display: none;}
    .menu_nei ul li.on::before{opacity: 0}
    .menu_nei ul li:hover::before{opacity: 0}
    .menu_nei ul li a::before{background: #f5f5f5;opacity: 1}
    .menu_nei ul li.on a::before{background:#195db9;opacity: 1}
    .menu_nei ul li:hover a::before{background:#195db9;opacity: 1}
}
@media(max-width:640px){
    .menu_nei ul li{width:31%;padding:0;margin: 0; margin-right:1.5%;margin-bottom:2%;padding: 0 0.5%}
    .menu_nei ul li:nth-child(3n){margin-right: 0}
    .menu_nei ul li a::before{background: none;}
    .menu_nei ul li.on a::before{background: none;}
    .menu_nei ul li a{display: block;background:#f1f1f1;height: 32px;line-height: 32px;padding: 0;text-align: center;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size: 15px;}
    .menu_nei ul li.on a{background:#014cb2;}
    .menu_nei ul{margin-bottom: 0}
    
}
@media(max-width:375px){
    .menu_nei ul li{width:48%;padding:0;margin: 0; margin-right: 2%;margin-bottom: 2%;}
    .menu_nei ul li:nth-child(3n){margin-right:2%}
    .menu_nei ul li:nth-child(2n){margin-right:0}
    .menu_nei ul li a::before{background: none;}
    .menu_nei ul li.on a::before{background: none;}
    .menu_nei ul li.on a{background:#014cb2;}
    .menu_nei .ti h1{font-size: 28px;}
}

/*about_content*/
.frame{padding:70px 0;}
.frame .auto{box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15) !important;padding: 40px;    border: 1px #d2d2d2 solid;}
.about_content{background:#fff;}
.about_content .h1{text-transform:uppercase;color:#0e65c4;font-size: 36px;margin-top: 0;margin-bottom:0}
.about_content .h1 span{font-size: 24px;color: #333}
@media(max-width:640px){
    .about_content .h1{font-size:26px;margin-bottom: 20px;}
    .about_content .h1 span{font-size:20px;}
    .about_content::before{top: 56.5%;}
}
.about_content .h2{color: #333}
.about_content .box1{overflow: hidden;position: relative;}
.about_content .left{width:100%;overflow: hidden;}
.about_content .right{width:100%;}
.about_content .right{width:100%;height:500px;background:url(../images/about_pic1.png)no-repeat left center;right: 15px;background-size: cover;top:0;position:relative;}
.about_content .right::before{position: absolute;content: "";width:50%;height: 96%;background:#0e65c4;right:0;bottom: 0;z-index: -1}
.about_content .right .phone_pic{display: none;}
.about_content p{font-size: 14px;color: #666666;line-height: 28px;}
.about_content #demo01{width:26%;float: left;text-align: center;margin-right: 6%;}
.about_content #demo02{width:30%;border-left: 1px solid #e4e4e4;float: left;text-align: center;}
.about_content #demo03{width:30%;float: left;border-left: 1px solid #e4e4e4;text-align: center;}
.about_content .counter{font-size:50px;color: #0e65c4;font-weight: bold;}
.about_content .more a{width: 185px;display: inline-block;line-height: 48px;background: #0e65c4;border-radius: 50px;color: #fff;text-align: center;font-size: 14px;margin-top: 44px;border: 1px #fff solid;transition: all 0.8s; }
.about_content .more a:hover{border: 1px #0e65c4 solid;background: #fff;color:#0e65c4 }
.about_content .box2 {margin-top: 60px; }
.about_content .yewu{width:100%;height: 200px;background-size: 100% 100%;transition: all 0.8s;overflow:hidden;float: left;}
.about_content .yewu:hover{transform: scale(1.1);}
.about_content .yewu:hover .title{background:rgba(231,37,39,0.5)}
.about_content .yewu .title{width:105px;height: 200px;padding: 44px 10px;text-align: center;background:rgba(0,0,0,0.3);transition: all 0.8s; }
.about_content .yewu .title h1{color: #fff;font-size: 20px;font-weight: normal;margin-bottom: 32px;}
@media(max-width:1070px){
    .about_content .counter{font-size: 40px;}

}

@media(max-width:768px){
    .about_content .right{position:static;background: none;}
    .about_content .box1::before{width: 0;height: 0;}
    .about_content .right .phone_pic{display: block;}
    .about_content .h1{margin-top:26px}
    .about_content .left{float: none;width: 100%}
    .about_content .right{float: none;width: 100%}
    .about_content .right img{width: 100%}
    .about_content .yewu{background-size: auto;}
    .about_content p{padding-right: 0}
    .about_content .counter{font-size:32px;}
    .about_content #demo02{margin-right: 6%;padding-left: 3%;}

}
@media(max-width:728px){
    .about_content .box2 a{width: 31.5%;}

}
@media(max-width:586px){
    .about_content .box2 a{width: 31.4%;}
    .about_content p{margin-bottom: 20px;}
    .about_content{padding-top:40px;padding-bottom:40px;}

}
@media(max-width:640px){
    .about_content .box2 a{width: 31.1%;}
    .frame .auto{padding: 0 2% 40px;}
    .frame{padding-top:2%;}
}


/*
 .zhici 
 */
.zhici .con{position: relative;overflow: hidden}
.zhici .img{background: url(../images/zhicipic.jpg)no-repeat left center;background-size: cover;height: 600px;width: 100%;}
.zhici .img img{display:none}
.zhici .zi{position: absolute;padding: 50px;max-width:780px;bottom: 0;background: url(../images/zi_bg.png)no-repeat right center;color: #fff;font-size: 16px;line-height: 26px;right: 0;padding-left:350px;background-size: cover;}

@media(max-width:1000px){
    .zhici .zi{padding-left:50px}
}
@media(max-width:768px){
    .zhici .zi{position: static;background: #195db9;padding: 20px;}
    .zhici .img img{display:block}
    .zhici .img{background: none;height: auto;}
    .zhici .con{padding-top:2%}
    .zhici .auto{padding-bottom: 2%!important}
    .zhici .zi{font-size: 14px;line-height: 24px;}
}

/*structure*/
.structure .auto{width: 100%;background:url(../images/structure_bg.jpg)no-repeat center center;text-align: center;padding: 100px 2%;}
.structure .phone{display: none;}
@media(max-width:768px){
    .structure .phone{display: block;}
    .structure .pc{display: none;}
}
/*
 .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: #0e65c4}
.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: #0e65c4;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:#0e65c4; 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:#0e65c4;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:#0e65c4;}
.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;}
}



/*about_culture*/
.about_culture{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; min-height:246px; padding-bottom:5%;}
.about_culture .h1{text-transform:uppercase;color:#0e65c4;font-size: 36px;margin-top: 0;margin-bottom: 20px;}
.about_culture .h1 span{font-size: 24px;color: #333}
.about_culture .pic{margin-bottom:2%;width: 49%;margin-right: 1%;max-height: 415px;}
.about_culture .pic:nth-child(2n){float: right;margin-right: 0}
@media(max-width:1250px){

}

@media(max-width:640px){
    .about_culture .h1{font-size:26px;margin-bottom: 20px;}
    .about_culture .h1 span{font-size: 20px;}
    .about_culture .display{display: none;}
    .about_culture::before{top: 56.5%;}
}

.about_culture .list{ padding-top:5%;}
.about_culture .list li{ display:block; float:left; width:42%;}
.about_culture .list li+li{ padding-left:2%;}
.about_culture .list li:first-child,.about_culture .list li:last-child{ width:29%;}
.about_culture .list img{ float:left; margin-right:3%; max-width:98px;}
.about_culture .list figure{ padding-top:4%;}
.about_culture .list h2{ color:#0e65c4; font-size:18px; margin:0;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:ellipsis; }
.about_culture .list p{ margin:10px 0 0; color:#728391;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;font-size: 16px;}
@media(max-width:1000px){
.about_culture .list figure{ padding:3% 0;}
.about_culture .list li{ width:100% !important; padding:0 !important; margin:2% 0;max-width:400px;}
}
@media(max-width:768px){
    .about_culture .pic{width: auto;}
    .about_culture .box1{padding-top: 2%}
}
/*about_culture End*/

/*
 .Page
 */
.Page{zoom:1; overflow:hidden; text-align:center; padding:30px 0 5%; text-align:center;}
.Page .Pages{ padding:0px 3px; display:inline-block;}
.Page .Pages 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 .Pages span{ background-color:#f5f5f5; }
.Page a:hover{ color:#fff; border:1px solid #195db9; background:#195db9;}
.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 .Pages em{ font-style:normal;}
.Page .Pages em a{}
.Page .Pages em a.a_cur{ color:#fff; background:#195db9; border-color:#195db9;}
.Page .Pages b{ font-weight:normal;}
.Page .Pages strong{color: #fff;background: #195db9;border-color: #195db9;display: inline-block;margin: 0px 2px;padding: 0 1em; line-height: 35px;border-radius: 3px;transition: .3s ease-out;}

/*honer */
.honer{padding-top: 4%}
.honer li{ float:left; width:23.5%; margin-right:2%; margin-bottom:3%;transition: all 0.5s;}
.honer li a{ display:block;}
.honer li p{ margin:0;  line-height:46px; padding:0 2%; text-align:center; font-size:16px;}
.honer li .table{ display:none;}
.honer li figure{padding-bottom:67%; background-size:contain;transition: all 0.5s;border: 1px solid #efefef;}
.honer li:hover figure{transform: scale(1.05)}
.honer li:hover a{color: #0e65c4}
@media(min-width:641px){
.honer li:nth-child(4n){ margin-right:0;}
}
@media(max-width:1200px){
.honer li{ width:32%; margin-right:2%;}
.honer li:nth-child(3n){ margin-right:0;}   
.honer li:nth-child(4n){ margin-right:2%;}
.honer li:nth-child(12){ margin-right:0;}
}
@media(max-width:768px){
.honer li{ width:48%; margin-right:4%;}
.honer li:nth-child(2n){ margin-right:0;}
.honer li:nth-child(3n){ margin-right:4%;}
.honer li:nth-child(6){ margin-right:0;}
.honer li:nth-child(12){ margin-right:0;}
}
@media(max-width:480px){
.honer li{ width:100%; margin-right:0%;}
.honer li:nth-child(3n){ margin-right:0%;}

}
@media(max-width:375px){
.honer li p{ font-size:15px;}
}

/*
 .enterprise
 */
.enterprise{ padding-top:4%;}
.enterprise li{ float:left; width:32%; margin-right:2%; margin-bottom:3%; }
.enterprise li:nth-child(3n){ margin-right:0;}
.enterprise li a{ display:block; background-color:#f8f8f8;transition:all ease-in-out 0.3s;}
.enterprise li h2{ margin:0; font-size:17px; color:#333; text-align:center; padding:3% 2%;    font-weight: normal;}
.enterprise li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:68%;}
.enterprise li a:hover{ background-color:#014cb2; }
.enterprise li a:hover h2{color:#fff;}
@media(max-width:640px){
.enterprise li{width:49%;}
.enterprise li:nth-child(3n){ margin-right:2%;}
.enterprise li:nth-child(2n){ margin-right:0;}
}
@media(max-width:480px){    
    .enterprise li{float: none;width: 100%}
}

/*
 .news_list
 */
.news_list{padding-top: 4%}
.news_list ol{ padding-bottom:2%;  border-bottom:1px solid #e6e6e6; overflow:hidden; clear:both;}
.news_list ol div{ position:relative; padding-left:32%;font-size:12px; padding-top:3%; padding-bottom:3%;padding-right:2%;}
.news_list ol h2{ font-size:22px; margin:0 0 10px 0;}
.news_list ol p{ line-height:26px; overflow:hidden; height:52px;font-size: 14px;}
.news_list ol .more{ color:#195db9; padding-right:25px; background:url(../images/news_list-more.png) no-repeat right center; display:inline-block;}
.news_list li{position:relative;border-bottom:1px solid #e6e6e6; padding:2% 0; transition:all ease-in-out 0.5s;    margin: 10px 0;}
.news_list li a{ z-index:3; position:absolute; left:0; top:0; width:100%; height:100%;}
.news_list li div{ position:relative; padding-left:90px; padding-right:10px;}
.news_list li time{ position:absolute; left:0; top:0; padding:18px 0;width:77px; text-align:center; background-color:#f3f2f2; font-weight:bold; text-align:center;color:#999; transition:all ease-in-out 0.5s;    font-family: "dincond-medium-webfont";}
.news_list li time b{ display:block; font-size:20px;}
.news_list li h5{ margin:0; line-height:30px; color:#434345; font-size:16px; transition:all ease-in-out 0.5s;}
.news_list li p{ margin:0; line-height:24px; overflow:hidden; height:44px; font-size:14px;}
.news_list li:hover,
.news_list li:hover time,
.news_list li:hover h5{color:#fff;}
.news_list li:hover{ background-color:#195db9;}
.news_list li:hover time{background-color:#0e68e0;}
@media(min-width:641px){
.news_list ol .Ispic{ position:absolute; left:0; top:0; height:100%;width:30%; }
}
@media(max-width:640px){
.news_list ol .Ispic{ display:block; padding-bottom:50%;}
.news_list ol div{ padding:2%;}
.news_list ol h2{ margin-top:2%;}
}

/*
 .branch_content
 */
.branch_content h1{color:#0e65c4}
.branch_content h2{color: #333}
.branch_content{ padding: 0 0 20px 0;margin-bottom: 50px;}
.branch_content .number{color: #005dd0;font-size:40px;font-family: "Arial";font-weight: bold;}
.branch_content .item .item-inner{ position: relative; padding-top: 60%;}
.branch_content .item .pic{ position: absolute; top: 0; left: 0; width: 100%; text-align: center;}
.branch_content .item .word{ border-bottom: 10px solid #f0f0f0;}
.branch_content .item time{ font-size: 14px; color: #666; display: block; position: relative; padding-left: 25px;}
.branch_content .item time:before{ content: "\e700"; font-family:"iconfont" !important; font-size: 16px; color: #aaa; position: absolute; left: 0; top: 1px;}
.branch_content .item h3{ font-weight: normal; font-size:26px; margin:0; overflow: hidden;background: #fff;margin-top: -18px;position: relative;margin-bottom: 20px;}
.branch_content .item h3 a{ color: #333;}
.branch_content .item h3 a:hover{ color: #000;}
.branch_content .item figure{ font-size: 17px; line-height: 24px; color: #666;overflow: hidden;line-height: 30px;height:90px;overflow: hidden;}
.branch_content  p{font-size: 15px;line-height: 28px}
@media only screen and (max-width:767px ) {
	.branch_content{ position: relative; padding-bottom: 50px; margin-bottom: 20px;}
	.branch_content .item{ max-width: 503px; margin: 0 auto;}
	.branch_content .item+.item{ padding-top: 20px;}
	.branch_content .wrap-head{position: static; text-align: center;}
	.branch_content .wrap-head .more{ left: 50%; bottom: 0; top: auto; margin-left: -80px;}
	.branch_content .item .word{ padding: 5% 7%;}
    .branch_content .item figure{height: auto;}
    .branch_content .number{font-size: 30px}
    .branch_content h1{font-size:26px}
    .branch_content h2{font-size:18px}
}
@media only screen and (min-width:768px ) {
	.branch_content .wrap-head h1{font-size: 24px; line-height: 42px;}
	.branch_content .wrap-head h1 em{ font-size: 42px; top: 10px;padding-right: 30px;}
    .branch_content .wrap-container{ margin: 0 -1%;}
    .branch_content .item{ float: left; width: 33.3334%; padding: 0 1%;}
    .branch_content .item .pic{min-height:36%;}
    .branch_content .item .word-inner{ padding:10% 7% 13%; }
    .branch_content .item h3{font-size:26px; }
    .branch_content .item.odd .item-inner{ padding-bottom: 60%; padding-top: 0;}
    .branch_content .item.odd .pic{  top: auto; bottom: 0;}
    .branch_content .item.odd .word{ border-top: 10px solid #f0f0f0; border-bottom: none;}
    .branch_content .item .pic img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

}
@media only screen and (min-width:1024px ) {
	.branch_content .wrap-head h1 em{ font-size: 48px;}
	.branch_content .item .pic{ min-height: 44%;}
	.branch_content .item .item-inner{ padding-top: 62%;}
	.branch_content .item.odd .item-inner{ padding-bottom: 62%;}
}
@media only screen and (min-width:1280px ) {
	
}
@media only screen and (min-width:1440px ) {
	.branch_content .item .pic{min-height: 50%;}
}






/*Timeline_zh */
.Timeline_zh{padding: 0px 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 #0e65c4;}
.Timeline_zh .line{content:"";position: absolute;width:100%;height:100%;background:#0e65c4;top:0;transition: all 0.3s;left:0;z-index:0}
.Timeline_zh .btn:hover a{color: #0e65c4;transition: all 0.3s;border: 1px solid #0e65c4;}
.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(../images/Timeline_zh-bg.png) repeat-x 0 133px;}
.Timeline_zh .owl-item{width:200px;}
.Timeline_zh .owl-item .item{height:376px;background:url(../images/Timeline_zh-icon1.png) no-repeat 45px 8px; }
.Timeline_zh .odd-item .item{background-image:url(../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(../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(../images/Timeline_zh-icon1.png);background-position:45px 8px;}
.Timeline_zh .odd-item dl{ padding-top:0; padding-left:75px;}
}



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

/*
 .political_list 为demo编号
 */
.political_list ol{background-color: #f7f7f7;border-bottom: 4px solid #0e65c4;position:relative;padding-right:39.5%;color: #999;margin:3% 0;}
.political_list ol .Ispic{ position:absolute; width:34.5%; right:0; top:0; height:100%;}
.political_list ol  div{ padding:4% 0 4% 4%;}
.political_list ol h3{ margin:0; font-size:18px;font-weight: bold;}
.political_list ol h3 a{color: #0e65c4;}
.political_list ol p{line-height:28px;color: #666;}
.political_list time{ display:block; position:relative;}
.political_list time span{ margin-right:3%;}
.political_list time::before,
.political_list time::after{ position:absolute; content:''; width:12px; height:2px; right:0; top:50%; margin-top:-1px; background-color:#666;}
.political_list time::after{ transform:rotate(90deg);}
.political_list ol time::before,
.political_list ol time::after{background-color: #0e65c4;}

.political_list li{ float:left; width:32%; border:1px solid #ddd; margin:0 2% 3% 0;transition:all ease-out 0.5s;}
.political_list li:nth-of-type(3n){ margin-right:0;}
.political_list li div{ padding:5%;}
.political_list li .Ispic{ display:block; padding-bottom:67%; transition:all ease-out 0.5s;}
.political_list li h3{ margin:0; font-size:16px;}
.political_list p{ line-height:28px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}
.political_list li figure{ overflow:hidden;}
.political_list li:hover figure a{ transform:scale(1.2);}
.political_list li:hover{ border-color:#0e65c4; box-shadow:0 0 5px rgba(14,101, 196, 0.8);}
.political_list li:hover h3 a{color:#0e65c4;}
.political_list li:hover time::before,
.political_list li:hover time::after{ background-color:#0e65c4;}

@media(max-width:768px){
.political_list li{ width:49%;}
.political_list li:nth-of-type(3n){ margin-right:2%;}
.political_list li:nth-of-type(2n){ margin-right:0;}
}
@media(max-width:640px){
.political_list ol{padding-right:0;}
.political_list ol .Ispic{ position:static; width:auto; display:block; right:0; top:0; height:auto; padding-bottom:50%;}
.political_list ol div{ padding-right:4%;}
.political_list p{ -webkit-box;-webkit-line-clamp:2;}
}
@media(max-width:480px){
.political_list li p{ line-height:22px; height:44px;}
.political_list li time{ font-size:12px;}
.political_list li time span{ display:block;}
}
@media(max-width:375px){
.political_list li{ float:none; width:auto; margin-right:0 !important;}
}
/*
 .news_detail
 */
.news_detail .content{padding: 2%; border: 1px solid #eaeaea;margin-top: 4%;margin-bottom:50px}
.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: 15px;line-height: 28px;word-wrap:break-word;}
.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(../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: #0e65c4}
.news_detail .fanye span{color: #999;}
@media(max-width:640px){
    .news_detail .title{font-size: 20px;line-height: 26px;}
}


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

.business_area ul li a.img {position: relative; display: inline-block; max-width: 100%; overflow: hidden;}
.business_area ul li a.img:before,
.business_area 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; }
.business_area ul li a.img:before { top: 0px; left: 0px; right: 100%; bottom: 100%; border-top: 5px solid; border-left: 5px solid; }
.business_area ul li a.img:after { left: 100%; top: 100%; bottom: 0px; right: 0px; border-bottom: 5px solid; border-right: 5px solid;}
.business_area 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; }
.business_area 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; }
.business_area ul li a.img:hover:before { opacity: 1; bottom: 0px; right: 0px; border-color:rgba(3,105,206,0.8) }
.business_area ul li a.img:hover:after { opacity: 1; top: 0px; left: 0px; border-color:rgba(3,105,206,0.8)}


.business_area li h5{font-size: 16px;font-weight: normal;margin:15px 0 0;padding: 0;text-align: center; padding: 0 20px;}
.business_area li h5 a:hover{color: #0e65c4;}
.business_area li p{ margin:10px 0; line-height:20px; height:40px; overflow:hidden;}
.business_area  ul li span{float: right;font-size: 12px;color: #999;}
.business_area  li .more{float: left;width:42px;height: 11px;display: block;background:url(../images/PicList000864_icon.jpg) no-repeat center;}
@media(max-width:768px){
.business_area li{width:49%;}
.business_area li h5{line-height:30px;}
.business_area li:nth-child(3n){ margin-right:2%;}
.business_area li:nth-child(2n){ margin-right:0;}
}
@media(max-width:480px){
.business_area li{ width:100%;}
.business_area li h5{ margin-top:2px;}
.business_area li p{ margin:2px 0 10px 0;}
.business_area ul li a.img img{width: 100%}
.business_area ul li a.img{width: 100%;}
.business_area 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:#0e65c4;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 #0e65c4;background: #fff;color:#0e65c4; }
@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(../images/TextList001851-close.jpg) no-repeat 98% center #f9f9f9; font-size:16px; cursor:pointer;}
.job .list .dot#on{ background-image:url(../images/TextList001851-open.gif); background-color:#0e65c4;color:#fff;}
.job .list .con{ display:none; padding:2%; }
table td{font-size: 15px;line-height: 30px;}

/*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%;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%;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%;height: 422px;margin-right: 2%;}
.comm-list-title{font-weight: bold;background: #0e65c4;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{ 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:#0e65c4;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: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;padding-top: 4%}
.map_contact{position: absolute;height:66%;width: 35%;background: rgba(25,93,185,0.9);right: 3%;top:20%;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:100%;    position: static;}
     .map-box iframe{height:400px!important;} 
    .map_contact p{font-size: 14px;line-height: 24px;}
}

/*.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;margin-top: 4%;}
.contact_us .pt2 .form input{border:1px solid #d5d5d5; font-size:14px;}
.contact_us .pt2 .line1{width:100%; height: 48px; line-height: 48px; padding: 0 13px 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:#0e65c4;}
.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:#0e65c4;}
.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;}
    .row>.span-4{width: 100%;float: none;margin-bottom:4%;overflow: hidden;}
    .contact_us .pt2 .form textarea{margin-top: 0}

}

/*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: #0e65c4}
.zong_Menu ul li:hover a{color: #fff;}



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

.about_content_nei .word{ width: 100%; }
.about_content_nei .title{font-size:30px;color: #000;font-weight: bold;overflow:hidden;margin-top: 15px;}
.about_content_nei .title .title_One{color:#0e65c4;}
.about_content_nei .title .title_two{color:#e2e2e2;text-transform: uppercase;font-weight: normal;}
.about_content_nei .word h3:after{ content: "";display: block;width: 65px; height:2px; background-color: #0e65c4; margin-top: 20px;}
.about_content_nei .more{padding-left: 26px;background: url(../images/n_t4_03.png)no-repeat left center;color: #000;font-size: 16px;margin-top: 30px;}
.about_content_nei .more:hover a{color:#0e65c4;}
.about_content_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_content_nei .word ul{ padding-top: 15px; }
.about_content_nei .word ul li{ float: left;  text-align: center; padding: 0 15px; width: 25%; max-width: 102px;}
.about_content_nei .word ul li a{ display: block; max-width: 72px;border: 1px solid #bed4eb;border-radius: 50%; transition: all .3s ease-in-out;}
.about_content_nei .word ul li a:hover{ background-color: #3c89d9;}
.about_content_nei .word ul li .img_hover,.about_content_nei .word ul li a:hover .img{ display: none;}
.about_content_nei .word ul li a:hover .img_hover{ display: block;}
.about_content_nei .right-img{ position: relative;}
.about_content_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_content_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_content_nei .word figure{ -webkit-box;-webkit-line-clamp:2;}
}

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

@media only screen and (max-width: 365px) {
	.about_content_nei .word ul li{ padding: 0 10px;}
}
@media only screen and (min-width: 768px) {
	.about_content_nei .word{ width: 48%; float: left;}
	.about_content_nei .right-img{ float: right; width: 48%;}
	
}
@media only screen and (min-width: 1024px) {
	.about_content_nei .word h3:after{ height: 3px;}
	
	.about_content_nei .right-img .right-img_tit{ padding: 25px 0;}
}
@media only screen and (min-width: 1260px) {
	.about_content_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:#0e65c4;}
.news_nei .title .title_two{color:#e2e2e2;text-transform: uppercase;font-weight: normal;}
.news_nei .more{padding-left: 26px;background: url(../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(../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:#0e65c4; 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:#0e65c4; }
.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{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: #0e65c4;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 #0e65c4;}
.video_zh .line{content:"";position: absolute;width:100%;height:100%;background:#0e65c4;top:0;transition: all 0.3s;left:0;z-index:0}
.video_zh .btn:hover a{color: #0e65c4;transition: all 0.3s;border: 1px solid #0e65c4;}
.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:#0e65c4;}
.PicList002311 .title .title_two{color:#e2e2e2;text-transform: uppercase;font-weight: normal;}
.PicList002311 .more{padding-left: 26px;background: url(../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: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%;text-align: center;}
.PicList002311 .honorList .list .ul li .pic{border: 1px solid #b0c7e6;height: 100%;display: inline-block;width: 100%;}
.PicList002311 .honorList .list .ul li img{max-height:205px;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(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*/


.fadeInLeft{
animation-name:fadeInLeft;animation-duration: 0.8s;animation-delay: 0.8s;animation-fill-mode: both;
-moz-animation-name:fadeInLeft;-moz-animation-duration: 0.8s;-moz-animation-delay: 0.8s;-moz-animation-fill-mode: both;
-webkit-animation-name:fadeInLeft;-webkit-animation-duration: 0.8s;-webkit-animation-delay: 0.8s;-webkit-animation-fill-mode: both;
-o-animation-name:fadeInLeft;-o-animation-duration: 0.8s;-o-animation-delay: 0.8s;-o-animation-fill-mode: both;
}
.fadeInRight{
animation-name:fadeInRight;animation-duration: 0.8s;animation-delay: 0.8s;animation-fill-mode: both;
-moz-animation-name:fadeInRight;-moz-animation-duration: 0.8s;-moz-animation-delay: 0.8s;-moz-animation-fill-mode: both;
-webkit-animation-name:fadeInRight;-webkit-animation-duration: 0.8s;-webkit-animation-delay: 0.8s;-webkit-animation-fill-mode: both;
-o-animation-name:fadeInRight;-o-animation-duration: 0.8s;-o-animation-delay: 0.8s;-o-animation-fill-mode: both;
}




/*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%; }