锘緻charset "utf-8";
/*鍏ㄥ眬鏍峰紡
---------------------------------------------*/
section,article,aside,header,footer,nav,figure{ display:block; }
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{ margin:0; padding:0; }
body,button,input,select,textarea{ font:14px/1.5 "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6,button,input,select,textarea{ font-size:100%; }
address,cite,dfn,em,var{ font-style:normal; }
code,kbd,pre,samp{ font-family:courier new,courier,monospace; }
p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{ list-style:none; }
a{ color:#2a2a2a; text-decoration:none; }
a:hover{ color:#0089CD; text-decoration:none; }
fieldset,img{ border:0; }
table{ border-collapse:collapse; border-spacing:0; }
input::-moz-focus-inner,button::-moz-focus-inner{ border:0;padding:0;outline:0; }
.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }
.line20{ clear:both; font-size:0px; height:20px; overflow:hidden; }
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden; }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
.clearfix { display:block; } 
.left{ float:left; }
.right{ float:right; }
.red{ color:#F00; }
.red:hover{ color:#F60; }
.red a{ color:#F00; }
.red a:hover{ color:#F60; }
.gray{ color:#666; }
.gray:hover{ color:#F60; }
.gray a{ color:#666; }
.gray a:hover{ color:#F60; }
.blue{ color:#1E7BB3; }
.blue:hover{ color:#F60; }
.blue a{ color:#1E7BB3; }
.blue a:hover{ color:#F60; }

.bgc-ffffff{background-color: #fff;}

.section {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 1200px;
    min-width: 1000px;
    max-width: 1200px;
    text-align: left;
    overflow: hidden;
}

.header{ padding: 20px 0;}
.header .logo{ float: left;}
.header .logo a{}
.header .logo a img{ transition: all 0.4s;}
.header .logo a:hover img{ margin-left: 5px;}
.header .nav{}
.header ul{float: right;}
.header ul li{ float: left; width: 95px; height: 48px; display: block; position:relative;}
.header ul li>a{ font-size: 16px; line-height: 48px; padding: 0 15px; display: block; transition: all 0.2s; position: relative;}
.header ul li>a:after{ content: ''; background-color: #0089CD; height: 2px; position: absolute; top: 0px; left: 15px; right: 15px; opacity: 0; transition: all 0.2s;}
/*.header ul li>a:hover:after{ opacity: 1; top: 40px;}*/
.header ul li:hover a:after{ opacity: 1; top: 40px;}
.header ul li:hover dl{opacity:1;transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);visibility:visible}
dl.sub-nav-show{opacity:1;transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);visibility:visible}
.header ul li dl{ position:absolute; left:-14px; top:42px; opacity: 0;
/*width: 180px;*/width: 152px;background: #fff;text-align: left; /*transition: all .3s ease 0s;*/transform: translate3d(0px,-10px,0px);-moz-transform: translate3d(0px,-10px,0px);-webkit-transform: translate3d(0px,-10px,0px);
visibility:hidden;border-radius: 0 0 3px  3px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.25);-moz-box-shadow:0 4px 10px rgba(0,0,0,.25);box-shadow:0 4px 10px rgba(0,0,0,.25);
}
.header ul li dl dd{padding: 0 0px;font-size: 14px;line-height: 48px;border-bottom: 1px solid #f5f5f5;text-indent: 0;transition: all .3s ease;background: #fff;}
.header ul li dl dd a{color: #4b4b4b; padding: 0 30px; letter-spacing: 1px; font-size:14px; display:block; line-height:52px;}
.header ul li dl dd a:hover{ background-color:#eee; text-decoration:none;}
/*.header ul li a:hover{ border-bottom: 1px solid #0089CD;*/ /*transform: scale(1.1); font-weight: bold;}
.header ul li a span{ background-color: #0089CD; height: 2px; position: absolute; top: 0px; left: 15px; right: 15px; opacity: 0; transition: all 0.2s;}
.header ul li a:hover span{ opacity: 1; top: 40px;}
鍓峛efore
鍚巃fter
*/

.banner{ height: 444px; background-position:center center; background-repeat: no-repeat; overflow:hidden; }
.banner .loader{ margin-left:50%; margin-top:200px;}
.swiper-banner {width: 100%; height: 444px; position:relative;}
.swiper-banner .swiper-slide { text-indent:-9999em; background-position:center center; background-repeat: no-repeat;}
.swiper-banner .swiper-pagination-bullet{width: 20px; height: 4px; border-radius: 0; background: #fff; opacity: 1;}
.swiper-banner .swiper-pagination-bullet-active {background: #007aff;}
.swiper-banner .swiper-button-next{opacity: 0; }
.swiper-banner .swiper-button-prev{opacity: 0;}

.pic-news-title-news{ margin:40px 0; }
.pic-news-title-news .title{font-size: 30px;text-align: center;line-height: 28px;color: #4d4d4d;margin-bottom: 40px; /*font-family: '瀹嬩綋';*/}
.pic-news-title-news .title span{ font-size:20px; margin-left:10px;}
.pic-news{ width:597px;}
.title-news{ /*width:603px;*/ width:580px; margin-top:-18px;}
.title-news ul{}
.title-news ul li{height: 52px;line-height: 52px;border-bottom: 1px dashed #bdbdbd;}
.title-news ul li a{display:block; font-size:14px; color:#4d4d4d;}
.title-news ul li a .left{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;transition: all 0.3s ease 0s;text-indent: -12px;}
.title-news ul li a .left i{ /*margin-right: 5px;*/}
.title-news ul li a .left span{}
.title-news ul li a:hover{color:#0089CD;}
.title-news ul li a:hover .left{ text-indent: 0em;}
.swiper-picnews{width: 448px; height: 300px; position:relative; overflow:hidden; margin-left:115px;}
.swiper-picnews .swiper-slide{ text-indent:-999em; background-size: cover; background-repeat: no-repeat;}
.swiper-picnews .swiper-slide a{text-indent:-999em; display:block; width:100%; height:100%; }
.swiper-picnews .swiper-button-prev{ left:10px; opacity:0; background-image:none;  transition: all 0.3s ease 0s;}
.swiper-picnews .swiper-button-prev i{font-size: 30px; color:#fff; margin-top:8px;}
.swiper-picnews .swiper-button-next{ right:10px; opacity:0; background-image:none; transition: all 0.3s ease 0s;}
.swiper-picnews .swiper-button-next i{font-size: 30px; color:#fff; margin-top:8px;}
.swiper-picnews .swiper-pagination-bullet{ border:2px solid #fff;background-color: #ccc; opacity: 1;}
.swiper-picnews .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #fff;
    border-color: #fff;
}
.swiper-picnews:hover .swiper-button-prev{opacity:1;}
.swiper-picnews:hover .swiper-button-next{opacity:1;}

.news-service{}
.news-service .news{ float: left; width: 386px;}
.news-service .news .list{ padding-right: 20px;  border-right: 1px solid #ccc;}
.news-service .news ul li{ margin-bottom: 30px;}
.news-service .news ul a{ display: block;}
.news-service .news ul a img{transition: all 0.5s ease 0s;}
.news-service .news ul a:hover img{transform: scale(1.1); }
.news-service .news ul a:hover h1{color:#61a9e2;}
.news-service .news ul a:hover h2{color:#61a9e2;}
.news-service .news ul div{ width: 120px; height: 80px; border: 1px solid #e8e8e8; display: block; float: left; margin-right: 15px; overflow: hidden;}
.news-service .news ul h1{display: block; line-height: 30px; font-size: 16px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #4d4d4d;}
.news-service .news ul h2{font-weight: normal; font-size: 16px; color: #4d4d4d;}
.news-service .pic-news{ float: left; width: 378px; margin:0 20px;}
.news-service .service{ float: left; width: 396px; }
.news-service .service .title{ padding-left: 30px;}
.news-service .service .list{padding-left: 30px;border-left: 1px solid #ccc;}
.news-service .service ul li{ margin-bottom: 30px;}
.news-service .service ul a{ display: block;}
.news-service .service ul a img{transition: all 0.5s ease 0s;}
.news-service .service ul a:hover img{transform: scale(1.1); }
.news-service .service ul a:hover h1{color:#61a9e2;}
.news-service .service ul a:hover h2{color:#61a9e2;}
.news-service .service ul div{ width: 120px; height: 80px; border: 1px solid #e8e8e8; display: block; float: left; margin-right: 15px; overflow: hidden;}
.news-service .service ul h1{display: block; line-height: 30px; font-size: 16px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #4d4d4d;}
.news-service .service ul h2{font-weight: normal; font-size: 16px; color: #4d4d4d;}
.news-service .title{ font-size: 21px; line-height: 21px;  margin: 40px 0; padding-right: 10px; color: #515151;}
.news-service .title a{ font-size: 14px; float: right; line-height: 14px; margin-top: -2px; padding: 5px 5px; transition: all 0.3s; border-radius: 3px;}
.news-service .title .more:hover{ background-color: #0263b2; color: #fff;}

.swiper-container{width: 254px; height: 222px;}
.swiper-container .swiper-slide{}
.swiper-container .swiper-slide a{display: block; width: 254px; height: 222px;}
.swiper-container .swiper-slide a span{ display: block; height: 40px; line-height: 40px; text-align: center;}
#pic-news-scroll{ margin-bottom:20px;}
#pic-news-scroll .btn-prev{ float: left; width: 22px; height: 182px; padding: 0 20px; background: url(../images_ch_pc/arrow-left.jpg) center center no-repeat; text-indent: -999em; cursor: pointer; transition: all 0.5s ease 0s; outline:none;}
#pic-news-scroll .btn-next{ float: left; width: 22px; height: 182px; padding: 0 20px; background: url(../images_ch_pc/arrow-right.jpg) center center no-repeat; text-indent: -999em; cursor: pointer; transition: all 0.5s ease 0s; outline:none;}
#pic-news-scroll .btn-prev:hover{ background-position: 15px center;}
#pic-news-scroll .btn-next:hover{ background-position: 25px center;}
#pic-news-scroll .content{ float: left; width: 254px; height: 222px;}/*height: 182px;*/
.swiper-container .pagination{ float: left; width: 378px; text-align: center; }
.swiper-container .pagination .swiper-pagination-bullet {margin: 0 4px; width: 15px; height: 5px; border-radius: 2px;}

.about-us{padding: 40px 0; /*border-top: 1px solid #ccc;*/}
.about-us .title{font-size: 30px;text-align: center;line-height: 28px;color: #4d4d4d;margin-bottom: 40px; /*font-family: '瀹嬩綋';*/}
.about-us .title span{ font-size:20px; margin-left:10px;}
.about-us .zhaiyao{font-size: 14px;line-height: 30px;color: #4d4d4d;}
.about-us .zhaiyao p{text-indent: 2em;}
.btn_list{ text-align:center; width:750px; margin:0 auto; margin-top:50px;}
.btn_list a{ float:left; margin-left:25px; display:block; width:130px; height:130px; background-color:#6dc8f8; font-size:12px; text-align:center; background-position: center 26px;background-repeat: no-repeat; border-radius:100%; transition: all 0.9s ease 0s;}
.btn_list a span{display:inline-block; margin-top:80px; color:#fff;}
.btn_list a:hover{ background-color:#0f3c5b;transform: scaleX(0.9) scaleY(0.9);}
.btn_list a:first-child{ margin-left:0;}
.btn_list .btn1{background-image:url(../images_ch_pc/ico-1.png);}
.btn_list .btn2{background-image:url(../images_ch_pc/ico-2.png);}
.btn_list .btn3{background-image:url(../images_ch_pc/ico-3.png);}
.btn_list .btn4{background-image:url(../images_ch_pc/ico-4.png);}
.btn_list .btn5{background-image:url(../images_ch_pc/ico-5.png);}

.project-case{/*background-color: #e3e3e3;*/}
.project-case .title{font-size: 30px;text-align: center;line-height: 28px;color: #4d4d4d;margin-bottom: 30px; font-family: '瀹嬩綋';}
.project-case ul{ width: 1168px;}
.project-case ul li{ width: 280px; height: 242px; float: left; margin-left: 16px;}
.project-case ul li:first-child{ margin-left: 0;}
.project-case ul li a{ display: block; width:280px; height:240px; transition: all 0.5s ease 0s; position: relative;}
.project-case ul li a img{ width: 100%; border-radius: 8px;}
.project-case ul li a .bg{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0;border-radius: 8px;transition: all 0.5s ease 0s;}
.project-case ul li a .title{position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; padding: 80px 40px; font-size: 20px; text-align: center;opacity: 0;transition: all 0.5s ease 0.2s;}
.project-case ul li a:hover{transform: scale(1.1); }
.project-case ul li a:hover .bg{ opacity:0.8;}
.project-case ul li a:hover .title{ opacity:1;}

.yewuyingyong{ margin-top:40px;}
.yewuyingyong .title{font-size: 30px;text-align: center;line-height: 28px;color: #4d4d4d;margin-bottom: 20px; /*font-family: '瀹嬩綋';*/}
.yewuyingyong .title span{ font-size:20px; margin-left:10px;}
.swiper-multi-column{ position: relative;}
.swiper-multi-column .swiper-slide{width:280px; height:270px;}
.swiper-multi-column .swiper-slide a{ display: block; width:280px; height:240px; transition: all 0.5s ease 0s; position: relative;}
.swiper-multi-column .swiper-slide a img{ width: 100%; border-radius: 8px;}
.swiper-multi-column .swiper-slide a .bg{position: absolute; top: 280px; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0;border-radius: 8px;transition: all 0.5s ease 0s;}
.swiper-multi-column .swiper-slide a .title{position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; padding: 80px 40px; font-size: 20px; text-align: center;opacity: 0;transition: all 0.5s ease 0.2s;}
.swiper-multi-column .swiper-slide a:hover{transform: scale(1); }
.swiper-multi-column .swiper-slide a:hover .bg{ opacity:0.5;top: 0px;}
.swiper-multi-column .swiper-slide a:hover .title{ /*opacity:1;*/}
.swiper-multi-column .swiper-slide .foot-title{ display:block; height:14px; line-height:14px; font-size:14px; text-align:center; padding-top:15px; }
/*.swiper-multi-column .swiper-slide .foot-title:hover{  font-weight:bold;}*/
.swiper-multi-column .swiper-button-prev{top:-25px; right:25px; left:inherit; margin-top:0; width:14px; height:20px; opacity:1; background-image:none;  transition: all 0.3s ease 0s;}
.swiper-multi-column .swiper-button-prev i{font-size: 20px; color:#ccc; }
.swiper-multi-column .swiper-button-next{top:-25px; right:0px; margin-top:0; width:14px; height:20px; opacity:1; background-image:none; transition: all 0.3s ease 0s;}
.swiper-multi-column .swiper-button-next i{font-size: 20px; color:#ccc; }
.yewuyingyong .swiper-multi-column .swiper-pagination-bullets{bottom:-40px;}
.swiper-multi-column .swiper-pagination-bullet{ border:2px solid #ccc;background-color: #fff; opacity: 1;}
.swiper-multi-column .swiper-pagination-bullet-active {opacity: 1;background-color: #ccc; border-color: #ccc;}
.swiper-multi-column:hover .swiper-button-prev{opacity:1;}
.swiper-multi-column:hover .swiper-button-next{opacity:1;}

.xiangmuanli{ padding:0 40px; margin-top:40px; margin-bottom:40px;}
.xiangmuanli .title{font-size: 30px;text-align: center;line-height: 28px;color: #4d4d4d;margin-bottom: 40px; /*font-family: '瀹嬩綋';*/}
.xiangmuanli .title span{ font-size:20px; margin-left:10px;}
.xiangmuanli ul li a{ display: block; width:280px; height:240px; transition: all 0.5s ease 0s; position: relative;}
.xiangmuanli ul li a img{ width: 100%; border-radius: 8px;}
.xiangmuanli ul li a .bg{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0;border-radius: 8px;transition: all 0.5s ease 0s;}
.xiangmuanli ul li a .title{position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; padding: 80px 40px; font-size: 20px; text-align: center;opacity: 0;transition: all 0.5s ease 0.2s;}
.xiangmuanli ul li a:hover{/*transform: scale(0.9);*/ }
.xiangmuanli ul li a:hover .bg{ opacity:0.5;}
.xiangmuanli ul li a:hover .title{ /*opacity:1;*/}

/*椤甸潰搴曢儴*/
.footer{width:100%; height:auto; background-color:#3b3736;}
.footer ul.footer-nav{ text-align:center;}
.footer ul.footer-nav li{ display:inline; font-size:14px; color:#ffffff; line-height:56px;}
.footer ul.footer-nav li a{ display:inline-block; padding:0px 16px; }
.footer a{color:#ffffff;}
.footer a:hover{ color:#61a9e2; text-decoration:none;}
.footer .footer-copyright{width:1100px; margin:0px auto; font-size:14px; color:#ffffff; line-height:22px; text-align:center;}

#location{ color: #2a2a2a;}
#location a{ color: #2a2a2a;}
#location a:hover{ color: #0263b2;}

.menu{ margin: 20px 0;}
.menu li{ float: left; margin-right: 20px;}
.menu li a{ padding: 13px 20px; font-size: 14px; line-height: 14px; background-color: #fff;  display: block; transition: all 0.2s;}
.menu li a.hover{background-color: #0263b2; color: #fff; font-weight: bold;}
.menu li a:hover{ background-color: #0263b2; color: #fff;}

.article-list{margin: 40px;}
.article-list li{border-bottom: 1px dashed #4b4b4b;height: 60px;line-height: 60px;font-size: 14px; position: relative;}
.article-list li a{ position: absolute; left: 0; top: 0; height: 60px; width: 1020px;  display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.2s;text-indent: -1em;}
.article-list li span{ position: absolute; right: 0; top: 0; color: #4b4b4b;}
.article-list li a:hover{text-indent: 0em; font-weight: bold;}

.article-pic-list{margin-left: -40px; padding: 40px;}
.article-pic-list li{ float: left; width: 250px; height: 228px; margin-left: 40px; margin-bottom: 40px;  }
.article-pic-list li a{ display: block; border: 1px solid transparent;}
.article-pic-list li a .pic{ display: block; overflow: hidden;}
.article-pic-list li a .pic img{ display: block; width: 100%; height: 166px; transition: all 0.5s ease 0s;}
.article-pic-list li a .title{ display: block; text-align: center; height: 40px; line-height: 20px; padding:10px; transition: all 0.5s ease 0s;}
.article-pic-list li a:hover{ /*border-color: #bfe2ff;*/}
.article-pic-list li a:hover img{ transform: scale(1.1); opacity: 0.7;}
.article-pic-list li a:hover .title{ margin-top:-5px;}

.article-d{ padding: 40px;}
.article-d .title{text-align: center; font-size: 20px;}
.article-d .msg{text-align: center; margin-top: 20px; margin-bottom: 20px; color: #ccc; border-bottom: #ccc 1px dashed; line-height: 37px; padding-bottom:10px; position:relative}
.fenxiang{position:absolute; top:5px; right:0}
.article-d .con{}
.page{ margin-top: 15px;}
.page p{ padding: 15px 0; }
.page .next{border-top: 1px solid #e8e8e8;}
.page p a{ text-decoration: none; font-size: 14px;}
.page p a:hover{ text-decoration: underline;}
.page .preInfo,.page .nextInfo{ color:#ccc;}

.is-null-data{text-align: center;font-size: 18px;color: #ccc;padding: 20px 0;}

/*.loader*/
@keyframes scale {
0% {
-webkit-transform: scale(1);
        transform: scale(1);
opacity: 1; }

45% {
-webkit-transform: scale(0.1);
        transform: scale(0.1);
opacity: 0.7; }

80% {
-webkit-transform: scale(1);
        transform: scale(1);
opacity: 1; } }

.ball-pulse > div:nth-child(0) {
-webkit-animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
        animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(1) {
-webkit-animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
        animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(2) {
-webkit-animation: scale 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
        animation: scale 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(3) {
-webkit-animation: scale 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
        animation: scale 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
        animation-fill-mode: both;
display: inline-block; }

@-webkit-keyframes ball-pulse-sync {
33% {
-webkit-transform: translateY(10px);
        transform: translateY(10px); }

66% {
-webkit-transform: translateY(-10px);
        transform: translateY(-10px); }

100% {
-webkit-transform: translateY(0);
        transform: translateY(0); } }

@keyframes ball-pulse-sync {
33% {
-webkit-transform: translateY(10px);
        transform: translateY(10px); }

66% {
-webkit-transform: translateY(-10px);
        transform: translateY(-10px); }

100% {
-webkit-transform: translateY(0);
        transform: translateY(0); } }
        
        
.left-nav{ margin-right:20px; width:240px; /*background-color: #0263b2;background-color: #0263b2; */ padding:20px; /*float:left;*/ background-color: #5ca1f3;
    width: 240px;
    
    padding: 20px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
           }
.left-nav a{ display:block; line-height:40px;color: #fff;padding:0 10px;}
.left-nav a:hover{ /*background-color: #1072c1;*/ background-color: #478de0;}
.like-list div{ display:none;}
.left-nav .active{background-color: #e5f3ff; color: #337ab7; font-weight:bold;}
.left-nav .active:hover{ background-color: #e5f3ff; color: #337ab7; font-weight:bold;}

.right-con{ float:left; width:918px;  margin-left:280px; min-height: 700px;}

.logo-tel .tel{ /*background: url(../images_ch_pc/tel.jpg) center center no-repeat;*/}


.header-nav ul{}
.header-nav ul li{ float: left; width: 115px; height: 48px; display: block; position:relative;}
.header-nav ul li>a{ font-size: 16px; text-align:center; color:#fff; line-height: 48px; padding: 0 15px; display: block; transition: all 0.2s; position: relative;}
/*.header-nav ul li>a:after{ content: ''; background-color: #fff; height: 2px; position: absolute; top: 0px; left: 15px; right: 15px; opacity: 0; transition: all 0.2s;}*/
/*.header ul li>a:hover:after{ opacity: 1; top: 40px;}*/
.header-nav ul li:hover{ background-color:#1378cb;}
.header-nav ul li:hover a:after{ opacity: 1; top: 40px;}
.header-nav ul li:hover dl{opacity:1;transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);visibility:visible}
dl.sub-nav-show{opacity:1;transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);visibility:visible}
.header-nav ul li dl{ position:absolute; left:0px; top:45px; opacity: 0;
/*width: 180px;*/width: 142px;background: #fff;text-align: left; /*transition: all .3s ease 0s;*/transform: translate3d(0px,-10px,0px);-moz-transform: translate3d(0px,-10px,0px);-webkit-transform: translate3d(0px,-10px,0px);
visibility:hidden;border-radius: 0 0 3px  3px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.25);-moz-box-shadow:0 4px 10px rgba(0,0,0,.25);box-shadow:0 4px 10px rgba(0,0,0,.25);
}
.header-nav ul li dl dd{padding: 0 0px;font-size: 14px;line-height: 48px;border-bottom: 1px solid #f5f5f5;text-indent: 0;transition: all .3s ease;background: #fff;}
.header-nav ul li dl dd a{color: #4b4b4b; padding-left: 38px; letter-spacing: 1px; font-size:14px; display:block; line-height:52px;}
.header-nav ul li dl dd a:hover{ background-color:#eee; text-decoration:none;}

.logo-tel .logo{float:left; width:231px; margin-top: 36px;}
.logo-tel .txt{float:left;border-left: 1px solid #aaa; color:#4b4b4b; margin-left: 10px;padding-left: 10px;margin-top: 38px; font-weight:bold; letter-spacing: 1px;}
.logo-tel .tel{float:right; width:212px; height:120px;}
.logo-tel .tel .txt1{font-size: 16px; font-weight: bold; margin-left: 30px; line-height: 14px; margin-bottom: 6px;margin-top: 38px;color: #4b4b4b;}
.logo-tel .tel .txt2{font-size: 24px; font-weight: bold; color: #f60; line-height: 24px;}
.logo-tel .tel .txt2 i{transform:rotate(30deg);}
.nav-box{background-color:#116db8;}

.footer2{ line-height:36px; font-size:14px;background-color:#116db8;color:#fff; padding:30px 0; margin-top:30px;}
.footer2 .c1{float: left; width:200px; margin-left:70px;}
.footer2 .c2{float: left; width:280px;}
.footer2 .c3{float: left; width:490px;}
.footer2 .c4{ float: left; width:87px;}
.footer2 .c4 img{border:5px solid #fff;margin-top: 20px; width:87px;}
.footer2 .s-title{font-size: 16px; font-weight:bold; margin-bottom:10px;}
.footer2 li{ width:75px;}
.footer2 a{ color:#fff;transition: all 0.2s;}
.footer2 a:hover{ color:#0a406c; text-indent:6px; }