@charset "utf-8";
/* CSS Document */

body{padding:0;margin:0; background:#FFF;font:16px/28px 'Microsoft Yahei'; position:relative;}
*{padding:0;margin:0; box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,li{list-style:none;}
a:link,a:visited{color:#333333; text-decoration:none;}
a:hover{color:#0873b9; text-decoration:underline;}
img{max-width:100%;width:auto;border:0;}


.widthauto{width:96%;max-width:1200px;margin:0 auto;}

/*清除浮动*/
.clear:after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
    display: block;
}
.clearfix:before,.clearfix:after{
content:"";
display:table;
}
.clearfix::after{display:block;clear:both;content:""}
.clearfix:after{
clear:both;}
.clearfix{
*zoom:1;
}

.header{width:100%;position:absolute;top:1rem;left:0;z-index:10;}
.logo{float:left;}
.menu{float:right;}
.menu ul{ display:flex;}
.menu ul li{margin-left:1.75rem;}
.menu ul li a{font-size:1.125rem;line-height:70px;font-weight:bold;}
.search{margin-left:15px;margin-top:20px;}

.index_service{padding:5rem 0;}
.index_service h1{font-size:2rem;text-align:center;margin-bottom:3rem;}
.index_service span{display:block;font-size:1rem;color:#666666;padding-top:1rem;}
.service_list{}
.service_list ul li{float:left;width:18%; text-align:center;margin-right:2%; background:#f1f1f1;}
.service_list ul li:last-child{margin-right:0;}
.service_list ul li a{line-height:45px;color:#0873b9;}
.service_list ul li a:hover{ display:block;background:#0873b9;color:#FFF;}
.folio-thumb img{ width:100%; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -ms-transition-duration:0.7s; -o-transition-duration:0.7s;}	
.folio-thumb:hover img{ -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3);}
.mediaholder{ overflow:hidden;}

.index_news{width:100%; background:#f3f3f3;}
.index_news ul{width:100%;padding:3rem 0;}
.index_news ul li{float:left;width:33%;padding:0 3%;border-right:#d2d2d2 1px solid;color:#999;}
.index_news ul li:first-child{padding-left:0;}
.index_news ul li:last-child{padding-right:0;border-right:0;}
.index_news ul li span{font-size:30px;margin-right:5px;}
.index_news ul li a{display:block;margin-bottom:.25rem;}
.index_news ul li a:hover{color:#0873b9;font-size:1.125rem; text-decoration:none;}

.about_contact {
    width:100%;
	background:url(../images/index_about.jpg) center center no-repeat;
}
.about_contact_box {
    width:50%;
    position:relative;
    float:left;
    overflow:hidden;
}

.about_contact_box .bg_img {
    width:100%;
    height:430px;
    overflow:hidden;
}
.about_contact_box .bg_img img {
    width:100%;
    height:100%;
    -moz-transition: all 0.5s linear;
    -o-transition:  all 0.5s linear;
    transition: all 0.5s linear;
}
.about_contact_box:hover .bg_img img {
    -webkit-transform:  scale(1.1) ; 
    -moz-transform: scale(1.1) ; 
    -ms-transform: scale(1.1);     
    -o-transform:  scale(1.1) ; 
    transform:  scale(1.1);
}
.about_contact_box .text {
    padding:0 9.8%;
	width:80.2%;
    box-sizing:border-box;
    position:absolute;
    left:0;
    top:0;
    z-index:2;
}

.about_contact_box .title {
    font-size:36px;
    line-height:48px;
    font-weight:bold;
    font-family:"helveti";
    color:#fff;
    text-transform:uppercase;
    padding-top:75px;
    margin-bottom:30px;
}

.about_contact_box .bian1 {
    width:40px;
    height:3px;
    background:#fff;
}
.about_contact_box .bian2 {
    width:40px;
    height:3px;
    background:#0873b9;
}
.about_contact_box .txt {
    font-size:18px;
    line-height:32px;
    color:#fff;
    padding-top:24px;
}
@media (min-width:1024px) and (max-width:1599px) {
    .about_contact_box .txt {
        font-size:16px;
        line-height:26px;
        color:#fff;
        padding-top:24px;
        width:100%;
    }
}
.about_contact_box .txt dl {
    width:100%;
    display:flex;
    flex-direction:row;
}
.about_contact_box .txt dl dd{
    float:left;
}

/*--内页style--*/
.nav_menu{width:100%;background:#f2f2f2; text-align:center;}
.nav_menu a{ display:inline-block;padding:0 3rem;line-height:60px;}
.nav_menu .current{background:#0873b9;color:#FFF;}
.container{padding:5rem 0;}
.container h1{text-align:center;margin-bottom:3rem;}
.container h1 span{ display:block;color:#999999;font-size:16px;padding-top:10px;}

.bg1{ background:#FFF;}
.bg2{background:#f3f3f3;}

.ncontent_future dl{float:left;width:18%; background:#fafafa; text-align:center;margin-right:2%;}
.ncontent_future dl:last-child{margin-right:0;}
.ncontent_future dl dt{margin:3rem 0 1rem;}
.ncontent_future dl dd{padding:0 1rem;}
.ncontent_future dl dd h2{font-size:1rem;}
.ncontent_future dl dd p{color:#666666;font-size:14px;line-height:24px;margin:.5rem 0 3rem;}

.contentnav dl{float:left;width:30%; background:#FFF;margin-right:3.3%;}
.contentnav dl dd{padding:1rem;min-height:165px;font-size:14px;line-height:26px;color:#666666;}
.contentnav dl dd h2{font-size:1.125rem;margin-bottom:.5rem;color:#333;}
.contentnav dl dd:hover{ background:#0873b9;color:#FFF;}
.contentnav dl dd:hover h2{color:#FFF;}

.service{display:flex;margin-top:-2rem;}
.service_left{width:230px;margin-right:1rem;line-height:50px;}
.service_leftname{width:100%; text-align:center;font-size:1.125rem;line-height:50px;color:#FFF;background:#0873b9;}
.leftnav{ line-height:50px;margin-top:1px;background:#CCC;padding-left:1rem;}
.leftnav:hover{color:#FFF;background:#0873b9;}
.leftnav:hover a{color:#FFF;}
.service_left dl dt{background:#f3f3f3;padding-left:1.875rem;margin-top:1px;}


.service_nav{flex:1;border:#ededed 1px solid;padding:1rem;}
.nname{width:100%; text-align:center; background:#f3f3f3;font-size:1.25rem;font-weight:bold;color:#0873b9;line-height:50px;margin-bottom:1rem;}
.service_navcon ul li{float:left;width:48%;margin-right:4%; text-align:center; background:#f5f5f5;margin-bottom:2rem;}
.service_navcon ul li:nth-child(2n){margin-right:0;}
.service_navcon ul li a{line-height:50px;}

.service_view{font-size:1rem;line-height:30px;color:#666;}
.service_view h2{font-size:1.25rem;color:#333;}
.service_view h3{font-size:1.125rem;line-height:45px;color:#0873b9;}


.honor_list{text-align:center;}
.honor_name{padding:1rem 0;}
.newslist{width:100%;border-bottom: 1px solid #e4e4e4;padding-top:40px;padding-bottom:34px;}
.newslist a {
    width:100%;
    display:table;
}
.newslist .time {
    width:130px;
    height:76px;
    padding-right:30px;
    border-right:1px solid #d2d2d2;
    font-size:20px;
    line-height:30px;
    color:#777;
    text-align:right;
    float:left;
}
.newslist .time span {
    font-size:48px;
    font-weight:bold;
    line-height:38px;
    font-family:"helveti";
    color:#000;
    display:block;
    margin-bottom:10px;
    transition: all ease .2s;
}
.newslist:hover .time span {
    color:#0873b9;
}
.newslist .newslist_text{
    width:85%;
    float:right;
}
.newslist .news_tit {
    font-size:18px;
    line-height:32px;
    font-weight:bold;
    color:#000;
    margin-top:-3px;
    margin-bottom:8px;
    transition: all ease .2s;
}
.newslist:hover .news_tit{ color:#0873b9;}
.newslist .news_con {
    font-size:16px;
    line-height:30px;
    color:#777;
}

.view_title{width:100%; border-bottom:#d2d2d2 1px dotted;color:#999999; text-align:center;padding-bottom:1rem;}
.view_title span{font-size:20px;line-height:50px;color:#333;}
.view_text{font-size:16px;line-height:35px;padding:20px 0;border-bottom:#d2d2d2 1px solid;margin-bottom:15px;}

.ncontent_contact{}
.ncontent_contact ul li{float:left;width:48%; background:#f5f5f5; text-align:center;padding:1% 0;margin:0 2% 2rem 0;}
.footer{width:100%; background:#2f2f2f;padding:1rem 0;color:#ffffff; text-align:center;z-index:10;}
.footer a{color:#FFF;margin:0 5px;}


/* side purpose：设置右浮窗显示;used in files：gotoTop_landing.jsp,gotoTop.jsp,activityPsge2_mobile618.jsp*/
.side{position:fixed;width:54px;height:275px;right:0;bottom:214px;z-index:10000;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "Microsoft Yahei"; overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#3895F4;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left; display:block;}
.side ul li span{ display:block; position:absolute; left:54px; float:left; height:150px; width:150px; margin-left:-54px; }
.side ul li span img{ width:100%; height:100%;}
.side ul li:last-child{border-top:1px solid #444;border-bottom:none;}