/*
 * 公用样式
 */
@charset 'utf-8';
html{font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";color:#424242;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,table,td,img,div,dl,dt,dd,input,figure{margin:0;}
body,th,td,button,input,select,textarea{font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;outline:none;}
ul,ol,input,textarea{padding:0;}
body{width:100%;min-width:1200px;text-align:left;-webkit-overflow-scrolling:touch;}
a,a:hover{text-decoration:none;outline:none;}
li{list-style:none;}
img{border:none;}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.f_right{float:right!important;}
.f_left{float:left!important;}
.clearfix{*zoom:1;}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:'';}
.nowrap{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.nowrap2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.nowrap3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.nowrap4{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-12{font-size:12px}.f-14{font-size:14px}.f-16{font-size:16px}.f-18{font-size:18px}.f-20{font-size:20px}.f-22{font-size:22px}.f-24{font-size:24px}.f-26{font-size:26px}.f-28{font-size:28px}.f-30{font-size:30px}
.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center}
.td-cell{display:table-cell;vertical-align:middle;}
.td-row{display:table-row;}
/* 外边距 */
.mt-0{margin-top:0px}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}
.mb-0{margin-bottom:0px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}
.ml-0{margin-left:0px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}
.mr-0{margin-right:0px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}
/* 内填充 */
.pt-0{padding-top:0px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}
.pb-0{padding-bottom:0px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}
.pl-0{padding-left:0px}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}
.pr-0{padding-right:0px}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}
.pd-0{padding:0px}.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-25{padding:25px}.pd-30{padding:30px}.pd-40{padding:40px}

/*通用样式*/
.w_1200{width:1200px;margin:0 auto;}
.img_100 img{display: block;width: 100%;height: 100%;}
.btn_style{display:block;width: 110px;height: 30px;line-height: 30px;color:#fff;background:#1e50ae;font-size: 14px;text-align:center;-webkit-transition:all .5s;transition:all .5s;}
.btn_style:hover{background:#548aef;}

/*返回顶部*/
.topmove{position:fixed;z-index:-999;right:5%;bottom:10%;width:64px;height:64px;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;opacity:0;border:2px solid #1e50ae;background:url(../images/reTop.png) no-repeat center #eee;-webkit-box-shadow:0 0 5px #1e50ae;box-shadow:0 0 5px #1e50ae;}
.topmove:hover{opacity:1;border-radius:64px;background:url(../images/reTop.png) no-repeat center #fff;}

/* ==================== 头部 ==================== */
.header{height: 225px;}
.header_top{height: 38px;background:#1e50ae;line-height: 38px;font-size: 12px;color: #fff;}
.header_top a{color: #fff;}
.header_top a:hover{text-decoration: underline;opacity: 0.8;}
.header_top .h_link a{padding: 0 10px;display: inline-block;}
/* 头部信息 */
.header_info{height: 126px;}
.header_info .td-cell{+float:left;}
.header_info .logo_box{width: 430px;height: 126px;}
.header_info .logo_box .img{padding: 15px 30px 10px 0; display: inline-block;zoom: 1;box-sizing:border-box;height: 96px;vertical-align:middle;+float:left;+height: 96px;}
.header_info .logo_box .img img{max-height: 100%;}
.header_info .logo_box .info{display: inline-block;zoom: 1;vertical-align:middle;text-align:center;+float:left;}
.header_info .logo_box .info h1{font-size: 22px;color: #1e50ae;font-weight:bold;padding-bottom: 3px;}
.header_info .logo_box .info p{color:#585858;}
.header_info .slogan{width: 550px;}
.header_info .slogan p{font-size: 16px;color:#424242;}
.header_info .phone{width: 220px;}
.header_info .phone .h_phone_icon{width:28px;height: 41px;background:url(../images/h_phone.png) no-repeat center;zoom: 1;}

/* 导航 */
.header_nav{border-top: 1px solid #e5e5e5;background:#fff;transition:all 0.5s;z-index: 9999;}
.header_nav.active{position: fixed;top: 0;left: 0;width: 100%;opacity: 1;box-shadow: 0 0 5px #aaa;}
.header_nav.inactive{position: fixed;top: -61px;left: 0;width: 100%;animation-name:fadeInUp;opacity: 0;}
.header_nav .nav_list{margin: 0 -20px;}
.header_nav .nav_item{display: table-cell;line-height: 60px;height: 60px;width: 124px;text-align:center;+float:left;}
.header_nav .nav_item a{display: block;color:#424242;font-size: 16px;}
.header_nav .nav_item a:hover,.header_nav .nav_item.active a{color:#1e50ae;}

/* ==================== 轮播 ==================== */
.banner{height:600px;width:100%;position:relative}
.banner .bann{width:100%;height:100%}
.banner .bann ul{width:100%;height:100%}
.banner .bann ul li{width:100%;height:100%;position:absolute;top:0;left:0}
.banner .bann ul li a{display:block;width:100%;height:100%}
.banner .cirl{position:absolute;bottom:20px;width:50%;left:25%;z-index:1;text-align:center}
.banner .cirl ul{font-size:0}
.banner .cirl ul li{width:14px;height:14px;background:#c7c7c7;cursor:pointer;margin:0 4px;float:none;display:inline-block;-webkit-border-radius:50%;border-radius:50%}
.banner .cirl ul li.acti{background:#75c2e8}

/* ==================== 底部 ==================== */
.footer{background:#181818;color: #a8a8a8;}
/* 底部导航 */
.footer_nav{background:#1e50ae;}
.footer_nav .nav_list{margin: 0 -28px;}
.footer_nav .nav_item{display: table-cell;line-height: 58px;height: 58px;width: 114px;text-align:center;+float:left;}
.footer_nav .nav_item a{display: block;color:#fff;font-size: 14px;}
.footer_nav .nav_item a:hover,.footer_nav .nav_item.active a{text-decoration: underline;opacity: 0.8;}

/* 底部信息 */
.footer_info{padding: 50px 0;}
.footer_info .logo_box{width: 330px;}
.footer_info .logo_box .info{display: inline-block;text-align: center;color:#a8a8a8;}
.footer_info .td-cell{+float:left;}
.footer_info .contact_box{width: 600px;}
.footer_info .contact_box .con_title{color:#fff;font-weight: bold;font-size: 23px;}
.footer_info .contact_box .con_title .cn,.footer_info .contact_box h3 .en{display: block;}
.footer_info .contact_box .con_title .en{text-transform: uppercase;}
.footer_info .contact_box .info{width: 310px;padding: 45px 15px 0 0;+float:left;vertical-align:top;}
.footer_info .contact_box .info .f_icon{display: inline-block;vertical-align: middle;width: 24px;height: 24px;background: url(../images/f_icon.png) no-repeat;margin-right: 5px;}
.footer_info .contact_box .info .f_phone_icon{background-position: 3px 0px;}
.footer_info .contact_box .info .f_email_icon{background-position: -37px 0px;}
.footer_info .contact_box .info .f_adress_icon{background-position: -76px 0px;}
.footer_info .contact_box .info .f_qq_icon{background-position: -114px 0px;}
.footer_info .contact_box .info .desc{padding: 3px 0 0 30px;font-size: 14px;line-height: 22px;color: #a8a8a8;}
.footer_info .link_box{width: 270px;+float:left;}
.footer_info .link_box .ewm{text-align: center;font-size: 14px;color: #a8a8a8;width: 125px;float:left;padding-bottom: 5px;}
.footer_info .link_box .ewm .img_100{width: 100px;height: 100px;margin:0 auto 10px;}

/* copyright */
.copyright {font-size: 12px;text-align:center;color:#a8a8a8;line-height: 24px;}
.copyright .w_1200{border-top: 1px solid #242424;padding: 25px 0;}
.copyright a{color:#a8a8a8;}
.copyright a:hover{color:#fff;opacity: 0.6;text-decoration:underline;}
.link{font-size:14px; color:#666; margin-bottom:15px;}

@keyframes fadeInDown{
	from{transform:translate3d(0,-100%,0);opacity:0;}
	to{transform:none;opacity:1;}
}
@keyframes fadeInUp{
    from{opacity:0;transform:translate3d(0,100%,0);}
    to{opacity:1;transform:none;}
}
@-webkit-keyframes fadeInLeft{
    from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
    to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInLeft{
    from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
    to{opacity:1;-webkit-transform:none;transform:none;}
}
@-webkit-keyframes fadeInRight{
    from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
    to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInRight{
    from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
    to{opacity:1;-webkit-transform:none;transform:none;}
}