@charset "utf-8";
/*--类--*/
.clear{clear:both;height:0;overflow:hidden;}
.clearfix:after{content:"";clear:both;display:block;}
.left{float:left;}
.right{float:right;}
.footer_f{position:fixed;left:0;bottom:0;width:100%;}
.showtit i{opacity:0;display:inline-block;vertical-align:text-bottom;
transform:translateY(120px);-webkit-transform:translateY(120px);
transition:all 1s ease-in-out 0s;-webkit-transition:all 1s ease-in-out 0s;
}
.showtit.act i{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.showtxt i{display:inline-block;text-align:left;}
.showtxt i b{opacity:0;display:inline-block;white-space:nowrap;overflow:hidden;
transition:all 0.6s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s;}
.showtxt i b.h{width:0;}
.showtxt.act i b.h{width:100%;opacity:1;}

/*--通用--*/
.block{width:1230px;height:100%;margin:0 auto;}

.body{overflow:hidden;position:relative;height:100%;}
.body .a_l{position:absolute;bottom:0;top:50%;width:140px;height:96px;margin-left:-22px; margin-top:-70px;z-index:1;border-top:3px solid #fff; font-size:16px; color:white; font-weight:bold; font-family:Arial; text-transform:uppercase; line-height:96px; text-align:center; cursor:pointer;
transform:rotate(90deg);
-ms-transform:rotate(90deg);    /* IE 9 */  
-moz-transform:rotate(90deg);   /* Firefox */  
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */  
-o-transform:rotate(90deg);     /* Opera */  
transition:all 0.7s ease-out 0s;-webkit-transition:all 0.7s ease-out 0s;}
.body .a_l:hover{background-color:rgba(255,255,255,0.15);}
.body .a_l:after{content:"";position:absolute;right:0px;top:-3px;width:100%;height:3px;background:#d32329;
transition:all 0.3s cubic-bezier(0,1,1,1) 0s;-webkit-transition:all 0.3s cubic-bezier(0,1,1,1) 0s;clip:rect(3px 70px 3px 70px);}
.body .a_l:hover:after{clip:rect(0px 140px 3px 0);}
.body .a_r{position:absolute;right:0;top:50%;width:140px;height:96px;margin-right:-22px; margin-top:-70px;z-index:1;border-bottom:3px solid #fff; font-size:16px; color:white; font-weight:bold; font-family:Arial; text-transform:uppercase; line-height:96px; text-align:center; cursor:pointer;
transition:all 0.7s ease-out 0s;-webkit-transition:all 0.7s ease-out 0s;
transform:rotate(90deg);
-ms-transform:rotate(90deg);    /* IE 9 */  
-moz-transform:rotate(90deg);   /* Firefox */  
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */  
-o-transform:rotate(90deg);     /* Opera */  }
.body .a_r:hover{background-color:rgba(255,255,255,0.15);}
.body .a_r:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:3px;background:#d32329;
transition:all 0.3s cubic-bezier(0,1,1,1) 0s;-webkit-transition:all 0.3s cubic-bezier(0,1,1,1) 0s;clip:rect(3px 70px 3px 70px);}
.body .a_r:hover:after{clip:rect(0px 140px 3px 0);}

.banner{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;}
.banner .frame{position:relative;height:100%;overflow:hidden;}
.banner .child{position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;z-index:-1;}
.banner .vbg{position:absolute;left:50%;top:50%;width:100%;height:100%;display:none;
transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.banner .vbgm{position:absolute;left:0%;top:0%;width:100%;height:100%;display:none;}
.b_nav{position:absolute;left:0;bottom:30px;right:0;text-align:center;}
.b_nav i{display:inline-block;width:14px;height:14px;margin:0 5px;cursor:pointer;vertical-align:middle; background:url(../images/banner_ico.png) no-repeat left center;
-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;}
.b_nav i.now{ background-position:right center; box-shadow:0 0 6px rgba(0,0,0,0.24);}

.main{position:absolute;left:94px;top:98px;right:94px;bottom:110px;background:rgba(255,255,255,0);}
.main .bdr{position:absolute;background:#ddd;
transition:all 1s cubic-bezier(0,1.3,0.7,1) 0s;-webkit-transition:all 1s cubic-bezier(0,1.3,0.7,1) 0s;}
.main .b1{left:0;top:0;width:1px;height:1px;}
.loaded .main .b1{width:100%;}
.main .b2{right:0;top:0;width:1px;height:1px;}
.loaded .main .b2{height:100%;}
.main .b3{right:0;bottom:0;width:1px;height:1px;}
.loaded .main .b3{width:100%;}
.main .b4{left:0;bottom:0;width:1px;height:1px;}
.loaded .main .b4{height:100%;}

.home{position:relative;height:100%;}
.titbox{position:absolute;left:50%;top:50%;text-align:center;color:#fff;width:900px;cursor:default;display:none;
transform:translate(-50%,-56%);-webkit-transform:translate(-50%,-56%);}
.titbox:first-child{display:block;}
.titbox h3{font-size:65px;font-family:Cambria,Arial;color:#d32329;text-transform:uppercase; font-weight:bold;}
.titbox h4{font-size:54px;margin-top:22px;color:#fff;}
.titbox p{font-size:24px;margin-top:28px; padding-top:30px; background:url(../images/bian_1.png) no-repeat top center;}
.titbox p b{ font-weight:normal;}
.titbox2{position:absolute;left:50%;top:50%;text-align:center;color:#fff;width:600px;cursor:default;opacity:0;
transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.s .titbox2{animation:ht 4s linear 0.3s 1 both;-webkit-animation:ht 4s linear 0.3s 1 both;}
.s.dly .titbox2{animation-delay:3s;-webkit-animation-delay:3s;}
.titbox2 h3{font-size:60px;font-family:Impact;color:#fff;text-transform:uppercase;}
.titbox2 h4{font-size:42px;font-family:'幼圆';margin-top:5px;color:#fff;}
.titbox2 p{font-size:20px;margin-top:8px;}
@-webkit-keyframes ht{
0%{-webkit-transform:translate(-50%,-50%) scale(1);opacity:0;filter:blur(0);}
10%{-webkit-transform:translate(-50%,-48.5%) scale(1.05);opacity:0.7;filter:blur(2px);}
30%{-webkit-transform:translate(-50%,-46.5%) scale(1.3);opacity:0;filter:blur(3px);}
100%{-webkit-transform:translate(-50%,-46.5%) scale(1.3);opacity:0;filter:blur(3px);}
}
@keyframes ht{
0%{transform:translate(-50%,-50%) scale(1);opacity:0;filter:blur(0);}
10%{transform:translate(-50%,-48.5%) scale(1.05);opacity:0.7;filter:blur(2px);}
30%{transform:translate(-50%,-46.5%) scale(1.3);opacity:0;filter:blur(3px);}
100%{transform:translate(-50%,-46.5%) scale(1.3);opacity:0;filter:blur(3px);}
}
/* 关于我们 */
.section {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.page-about .section .section-title {font-size:32px;text-align:left;font-weight:lighter;color:#333;margin:3rem 0;}

.page-banner {height:240px;background-color:#343434;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.banner-about {background-image:url(../images/banner01.jpg);height:360px;}
.banner-01 {background-image:url(../images/banner01.jpg);height:360px;}
.banner-02 {background-image:url(../images/banner02.jpg);height:360px;}
.banner-03 {background-image:url(../images/banner03.jpg);height:360px;}
.banner-04 {background-image:url(../images/banner04.jpg);height:360px;}
.banner-05 {background-image:url(../images/banner05.jpg);height:360px;}
.sub-nav {background-color:#eee;text-align:center;}
.sub-nav a {display:block;height:70px;line-height:70px;color:#333;text-decoration:none;}
.sub-nav a.active {border-bottom:2px #00568d solid;}

.tab_item {display:none;}
.tab_item.active {display:block;}
.page-about {padding-bottom:3rem;}
.page-about .section2 .history dl {padding-bottom:2rem;background:url(../img/d_17.png) no-repeat left 5px;padding-left:5rem;position:relative;}
.page-about .section2 .history dl dt {font-size:16px;padding-top:8px;font-weight:lighter;color:#333;color:#00568d;}
.page-about .section2 .history dl dd {margin:0;}
.page-about .section2 .history dl:after {content:" ";display:block;position:absolute;left:14px;width:2px;height:110%;top:20px;z-index:1;background-color:#9db5c7;}
.page-about .section2 .history dl:last-child {padding-bottom:0;}
.page-about .section2 .history dl:last-child:after {display:none;}
.page-about .section2 .history time {margin-right:2rem;}
.page-about .section3 .col-sig {display:inline-block;width:100%;float:left;padding:0 10px;}
.page-about .section3 .iconfont {background:-webkit-linear-gradient(top,#07a8e5,#006db3);background:linear-gradient(top,#07a8e5,#006db3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:56px;}
.page-about .section3 .item {text-align:center;background:none;color:#666;height:240px;padding-top:2rem;}
.page-about .section3 .item h3 {font-weight:lighter;font-size:22px;margin-bottom:.5rem;color:#333;}
.page-about .section3 .item p {margin:0;}
.page-about-img{
    display: block;
    float: right;
    margin: 0 0 15px 35px;
    width: 370px;
}
.page-about-img img{
    width: 370px;
}
/*侧导航*/
.page-cdh{float: left;width: 100%;text-align: center;background: #ebebeb;padding: 7px 0 5px 0;}
.pz-sideLayer{ display:inline-block; *display:inline; *zoom:1; vertical-align: top;}
.pz-sideLayer li{float: left;padding: 0 23px;}
.pz-sideLayer li a{display: block;height: 48px;line-height: 46px;font-size: 16px;color: #333333;border-bottom: 2px solid #ebebeb;}
.pz-sideLayer li a:hover,
.pz-sideLayer li a.hover{ color: #018dd5;border-bottom: 2px solid #018dd5;}
/*canpin*/
.page-business{width: 100%;padding: 40px 0 20px 0;}
.t_0100_15{width: 100%;}
.page-business ul{margin: 0 -15px;}
.page-business ul li{float: left;width: 33.333333%;padding: 0 15px;margin-top: 30px;}
.page-business ul li a{display: block;float: left;width: 100%;background: #ffffff;
-webkit-box-shadow:0 8px 29px rgba(0,0,0,0.09);
   -moz-box-shadow:0 8px 29px rgba(0,0,0,0.09);
        box-shadow:0 8px 29px rgba(0,0,0,0.09);}
.page-business ul li a img{display: block;float: left;width: 100%; height: 350px;}
.page-business ul li a span{display: block;float: left;width: 100%;padding: 15px 20px;}
.page-business ul li a span h4{display: block;height: 28px;line-height: 28px;font-size: 18px;color: #333333;white-space:nowrap; overflow: hidden; text-overflow:ellipsis;
-webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s;
	  -ms-transition: all 0.2s ease-out 0s;
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.page-business ul li a span h5{display: block;margin-top: 3px;height: 24px;line-height: 24px;font-size: 14px;color: #666666;white-space:nowrap; overflow: hidden; text-overflow:ellipsis;
-webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s;
	  -ms-transition: all 0.2s ease-out 0s;
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.page-business ul li a:hover{background: #008bd4;}
.page-business ul li a:hover span h4,
.page-business ul li a:hover span h5{color: #ffffff;}
/* 分页 */
.d_0100_fy{ float:left; width:100%; text-align:center;padding: 40px 0;}
.pz_fy{display:inline-block; *display:inline; *zoom:1;vertical-align: top;height: 26px}
.pz_fy a { display:block; float:left; min-width:26px; height:36px; text-align:center; line-height:24px; border:1px solid #bdbbbb; font-size:14px; color:#323232; margin:0 4px;padding: 0 2px;
-webkit-border-radius:2px; 
 -khtml-border-radius:2px;
   -moz-border-radius:2px;
        border-radius:2px;}
.pz_fy a:hover,
.pz_fy a.on{color: #ffffff; border:1px solid #018dd5; background:#018dd5;}
.fy_phone{ display:none;}
/* 详情 */
.page-detail{float: left;width: 100%;padding: 0 35px;
-webkit-box-shadow:0 0 4px rgba(0,0,0,0.08);
   -moz-box-shadow:0 0 4px rgba(0,0,0,0.08);
        box-shadow:0 0 4px rgba(0,0,0,0.08);}
.page-detail .page-detail-titel{float: left;width: 100%;padding: 32px 0 17px 0;border-bottom: 1px solid #e1e0e0;text-align: center;}
.page-detail .page-detail-titel h2{display: block;line-height: 40px;font-size: 24px;color: #323232;}
.page-detail .page-detail-titel h5{display: block;margin-top: 8px;line-height: 24px;font-size: 14px;color: #979797;}
.page-detail .page-detail-cont{padding: 15px 0 0 0; text-align: center;}
.page-detail .page-detail-cont img{width: 95%;margin: 35px auto;}

/*新闻*/
.page-news{width: 100%;padding: 40px 0 20px 0;}
.page-news-list{width: 100%;}
.page-news-list ul{overflow: hidden;}
.page-news-list ul li{float: left;width: 100%;margin-top: 20px;}
.page-news-list ul li a{display: block;float: left;width: 100%;padding: 20px 20px 20px 227px;height: 180px; position: relative;background: #f3f3f3;}
.page-news-list ul li a img{display: block;position: absolute;left: 20px;top: 20px;width: 187px; height: 140px;}
.page-news-list ul li a > span{display: block; float: left;width: 100%;margin-top: 10px;}
.page-news-list ul li a > span h6{display: block;float: left;height: 20px;line-height: 20px;padding: 0 10px;background: #018dd5;font-size: 12px;color: #ffffff;}
.page-news-list ul li a > span h5{display: block;float: left;margin-left: 10px;width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 14px;color: #f3f3f3;background: #333333;}
.page-news-list ul li a h4{display: block;float: left;width: 100%;margin-top: 10px; height: 36px;line-height: 36px;font-size: 18px;color: #333333;white-space:nowrap; overflow: hidden; text-overflow:ellipsis;padding-right: 100px;position: relative;
-webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s;
	  -ms-transition: all 0.2s ease-out 0s;
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.page-news-list ul li a h4 span{display: block;position: absolute;right: 0;top: 0;height: 36px;line-height: 36px;font-size: 14px;color: #888888;background: #f3f3f3;z-index: 9;}
.page-news-list ul li a div{float: left;width: 100%;font-size: 14px;line-height: 22px;color: #888888;height: 44px;overflow: hidden;margin-top: 5px;}
.page-news-list ul li a:hover h4{color: #018dd5;}
/*新闻详情*/
.page-news-cont{text-align: left;    width: 100%;
    font-size: 16px;
    line-height: 36px;
    color: #555555;
    padding: 35px 0;
    border-bottom: 1px solid #e1e0e0;}
.page-news .page-detail>a{display: block;float: right;margin-top: 30px;height: 48px;line-height: 48px;font-size: 16px;color: #ffffff;background: #018dd5;padding: 0 25px;}
.page-news .page-detail>a:hover{opacity:0.8; filter:alpha(opacity=80);}
.share-btn{float: left;width: 100%;padding-bottom: 40px;}
.share-btn .bdsharebuttonbox{float: left;margin-top: 40px;}
.share-btn > a{display: block;float: right;margin-top: 30px;height: 48px;line-height: 48px;font-size: 16px;color: #ffffff;background: #018dd5;padding: 0 25px;}
.share-btn > a:hover{opacity:0.8; filter:alpha(opacity=80);}
/*联系我们*/
.page-contact{width: 100%;padding: 54px 0 60px 0;}
.page-contact-wrap{width: 100%; overflow: hidden;}
.page-contact-wrap > h4{display: block;float: left;line-height: 28px;font-size: 18px;font-family: "Arial";text-transform: uppercase;font-weight: bold;color: #018dd5;}
.page-contact-wrap h2{display: block;float: left;width: 100%;line-height: 40px;margin-top: 3px;font-size: 24px;color: #555555;}
.page-contact-wrap h2 span{display: block;float: right;height: 30px;line-height: 30px;margin-top: 10px;font-size: 16px;color: #555555;}
.page-contact-wrap ul{margin: 0 -7px;}
.page-contact-wrap ul li{float: left;width: 33.333333%;padding: 0 7px;margin-top: 15px;}
.page-contact-wrap ul li h4{display: block;height: 78px;line-height: 78px;font-size: 18px;color: #ffffff;white-space:nowrap; overflow: hidden; text-overflow:ellipsis;text-align: center;}
.page-contact-wrap ul li h4 a{color: #ffffff;}
.page-contact-wrap ul li h4 a:hover{text-decoration: underline;}
.page-contact-wrap ul li:nth-child(1) h4{background: #8f9395; font-size: 16px;}
.page-contact-wrap ul li:nth-child(2) h4{background: #018dd5;}
.page-contact-wrap ul li:nth-child(3) h4{background: #3b3f41;}
.apibaidu{width: 100%;height: 450px;margin-top: 15px;}