/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,ul,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:Microsoft Yahei; color:#666; text-decoration:none; font-size:14px; background:#fff; min-width:1200px;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#24469a;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:6px}
::-webkit-scrollbar-thumb:vertical{ background-color:#004f7a; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#004f7a}
::-webkit-scrollbar-thumb:horizontal{ background-color:#004f7a; border-radius:5px}
::-webkit-scrollbar-thumb:horizontal:hover{ background-color:#004f7a}

/*banner*/
.bannerslide { height:710px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom:30px; width: 100%; }
.swiper-pagination-switch {display: inline-block; width: 50px; height: 3px; background: #fff; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #e5ef00;}

.m{ width:1200px; margin:0 auto; position:relative;}
.m2{ width: 95%; max-width: 1200px; margin: 0 auto; position:relative;}
.n{ padding:50px 0;}
.n_m{ padding: 50px 0; background: #f5f5f5;}

.top{ position:absolute; left:0; top:0; width:100%; z-index:999;}
.top .m{ padding:25px 0; border-bottom:1px solid rgba(255,255,255,0.6);}
.top .logo{ float:left;}
.top .m>ul{ float:left; width:calc(100% - 400px); text-align:center;}
.top .m>ul>li{ display:inline-block; padding:0 20px; position:relative;}
.top .m>ul>li>a{ color:#fff; font-size:20px; display:inline-block; line-height:50px; font-weight:550; position:relative;}
.top .m>ul>li>a:before{ content:""; position:absolute; height:2px; width:0; transition:0.2s; background:#fff; left:0; bottom:0;}
.top .m>ul>li>a:hover:before,.top ul li.on a:before{ width:100%;}
.top .m>ul>li ul{ position:absolute; top:100%; left:0; width:100%; z-index:99; background:rgba(255,255,255,0.8); -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s;}
.top .m>ul>li:hover ul{ -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible;}
.top .m>ul>li ul li{ padding:8px 0;}
.top .m>ul>li ul li a{ color:#0057c0; display:inline-block;}
.top .m>ul>li ul li a:hover{ text-indent: 5px;}
.top .ce{ line-height:50px; font-size:16px; color:#fff; display:inline-block; margin-left:10px;}
.top .ce img{ vertical-align:middle; display:inline-block; margin-right:4px;}
.banner{ background:url(../images/banner.jpg) no-repeat center center; height:600px; color:#fff; padding-top:180px;}
.banner .m{ position:relative; height:100%;}
.banner .m .deng1{ position:absolute; bottom:0; right:0; animation:circle 2s infinite linear;}
.banner .m .che1{ position:absolute; bottom:0; right:0;}
.banner .banner_pt{ font-size:36px; font-weight:bold;}
.banner .banner_pt2{ font-size:26px; font-weight:bold; margin-top:60px; line-height:1.6; z-index:999; position:relative;}
.banner .banner_pt2 span{ font-size:32px;}
.banner a{ background:#cdcdcd; padding:10px 25px; display:inline-block; margin-top:60px;}
.banner a img{ display:inline-block; vertical-align:middle; margin-right:10px; margin-bottom:2px;}
.banner a:hover{ background:#fff;}

@-webkit-keyframes circle{
0%{ opacity:1;}
50%{ opacity:0;}
100%{ opacity:1;}
}
@-webkit-keyframes circle2{
0%{ opacity:0;}
50%{ opacity:1;}
100%{ opacity:0;}
}

.ind_n{ padding:50px 0; display:flex; flex-wrap:wrap;}
.pro_n{ display:block;}
.pro_n img.ind_n1{ float:left; height:220px;}
.pro_n .ind_n2{ float:left; height:220px; z-index:1;}
.ind_n img.ind_n1{ width:50%; z-index:-1;}
.ind_n .ind_n1{ width:50%; z-index:-1;}
.ind_n .ind_n1 img{ max-width:100%;}
.ind_n .ind_n2{ background:#f8f8f8; padding:40px; width:50%; position:relative;}
.ind_n .ind_n2:before{ content:""; position:absolute; width:0; height:0; top:50%; right:100%; margin-top:-40px; border-right:40px solid #f8f8f8; border-top:40px solid transparent;  border-bottom:40px solid transparent;}
.ind_n .ind_n2 .p1{ font-size:26px; font-weight:bold; color:#0057c0;}
.ind_n .ind_n2 .p1_2{ color:#189068; margin-bottom:25px;}
.ind_n .ind_n2 .p2{ font-size:17px; color:#333; margin-top:25px; line-height:30.6px;}
.ind_n .ind_n2 .p3 img{ width:50%; float:left;}
.ind_n .ind_n2 ul{ margin-top:40px;}
.ind_n .ind_n2 ul li{ float:left; text-align:center; font-size:13px; color:#333; margin-right:20px;}
.ind_n .ind_n2 ul li:last-child{ margin-right:0;}
.ind_n .ind_n2 ul li span{ font-family:Impact; color:#0057c0; font-size:30px; font-weight:bold;}
.ind_n .ind_n2 a{ display:inline-block; color:#fff; background:#313131; padding:15px 30px; margin-top:50px; position:relative; overflow:hidden; width:130px; white-space: nowrap;}
.ind_n .ind_n2 a img{ vertical-align:middle; display:inline-block; margin-bottom:2px; margin-right:10px; margin-left:-13px;}
.ind_n .ind_n2 a span{ z-index:9; position:relative;}
.ind_n .ind_n2 a:before{ content:""; width:10px; height:10px; background:#eee; position:absolute; top:50%; margin-top:-5px; left:50%; margin-left:-5px; border-radius:50%; transform:scale(0.1); transition:1s;}
.ind_n .ind_n2 a:hover:before{ transform:scale(30);}
.ind_n .ind_n2 a:hover{ color:#333;}
.ind_n .ind_n3{ padding:40px;}
.ind_n .ind_n3:before{ display:none;}
.ind_n .ind_n3:after{ content:""; position:absolute; width:0; height:0; top:50%; left:100%; margin-top:-40px; border-left:40px solid #f8f8f8; border-top:40px solid transparent;  border-bottom:40px solid transparent;}
.ind_n .ind_n3 .p4{ margin-top:20px; margin-bottom:20px;}
.ind_n .ind_n3 a{ margin-top:30px;}
.ind_n .ind_n3 .p5{ margin-top:0;}

.ind_n_n img.ind_n1{ width:25%;}
.ind_n_n .ind_n2{ width:25%; background:#313131; color:#fff; display: -webkit-box; webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center;}
.ind_n_n .ind_n2 .p4{ text-align:center; font-size:16px; line-height:2;}
.ind_n_n .ind_n2:before{ content:""; position:absolute; width:0; height:0; top:50%; right:100%; margin-top:-20px; border-right:20px solid #313131; border-top:20px solid transparent;  border-bottom:20px solid transparent;}
.ind_n_n .ind_n3:before{ display:none;}
.ind_n_n .ind_n3:after{ content:""; position:absolute; width:0; height:0; top:50%; right:100%; margin-top:-20px; border-left:20px solid #313131; border-top:20px solid transparent;  border-bottom:20px solid transparent;}
.ind_n_n .pro6{ width:50%;}

.bottom{ background:#313131;}
.bottom .m{ padding:60px 0 180px; background:url(../images/bottom_bg.png) no-repeat right bottom;}
.bottom .m ul{ float:left; margin-left:100px;}
.bottom .m ul:first-child{ margin-left:0;}
.bottom .m ul p{ color:#fff; font-size:20px; margin-bottom:20px;}
.bottom .m ul li{ line-height:1.8; color:#fff; font-size:16px;}
.bottom .m ul li a{ color:#fff;}
.bottom .m .dbs{ float:right;}

.foot{ background:#313131; border-top:1px solid #5c5c5c; line-height:3; font-size:14px; color:#fff;}
.foot a{ float:right; color:#fff;}

.banner_n{ height:372px; text-align:center; color:#fff; padding-top:160px;}
.banner_n .bp_c{ font-size:45px; font-weight:bold; display:none;}
.banner_n .bp_e{ font-size:22px; font-weight:bold; text-transform:uppercase; display:none;}
.ab_bg{ background:url(../images/ab_bg.jpg) no-repeat center center;}
.news_bg{ background:url(../images/news_bg.jpg) no-repeat center center;}
.development_bg{ background:url(../images/development_bg.jpg) no-repeat center center;}
.history_bg{ background:url(../images/history_bg.jpg) no-repeat center center;}
.history{ background:url(../images/history_bg2.jpg) no-repeat center center; background-size:cover;}
.abi_bg{ background:url(../images/abi_bg.jpg) no-repeat center center;}
.join_bg{ background:url(../images/join_bg.jpg) no-repeat center center; height:200px;}
.cul_bg{ background:url(../images/cul_bg.jpg) no-repeat center center;}
.con_bg{ background:url(../images/con_bg.jpg) no-repeat center center; height:200px;}
.pro_bg{ background:url(../images/pro_bg.jpg) no-repeat center center;}
.honor_bg{ background:url(../images/honor_bg.jpg) no-repeat center center;}


.news_ul{}
.news_ul li{ float:left; width:32%; margin-right:2%; margin-bottom:20px; position:relative; top:0; transition:0.2s;}
.news_ul li:hover{ top:-10px; box-shadow:#f1f1f1 10px 10px 10px;}
.news_ul li:nth-child(3n){ margin-right:0;}
.news_ul li div{ padding:18px 20px; background:#f1f1f1;}
.news_ul li .p1{ font-size:18px; margin-bottom:10px;}
.news_ul li .p2{ font-size:14px; line-height:1.6;}
.news_ul li .p2 span{ color:#0057c0;}

/*公司大事记*/
.timer-shaft-content {
	width: 100%;
	margin-top: 45px;
	margin-bottom:45px;
	overflow: hidden;
	font-size: 0;
	box-sizing: border-box;
	white-space: nowrap;
}
.shaft-detail-cont {
	width: 100%;
}
.timer-year {
	padding-left: 34px;
	font-weight: bold;
	color: #333;
	font-size: 0;
}
.icon-year {
	display: inline-block;
	vertical-align: middle;
	width: 33px;
	height: 40px;
	background: url(../images/icon_sign.png) no-repeat;
	background-size: cover;
}
.timer-year span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 18px;
	font-size: 24px;
}
.month-detail-box {
	position: relative;
	width: 100%;
	min-height: 93px;
	padding-top: 30px;
	font-size: 0;
	box-sizing: border-box;
	white-space: normal;
}
.month-detail-box:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50px;
	height: 100%;
	border-right: 1px dashed #0057c0;
}
.month-detail-box .month-title {
	position: absolute;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.month-detail-box .month-title:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 44px;
	width: 13px;
	height: 13px;
	margin-top: -6.5px;
	background: url(../images/icon_circle.png) no-repeat;
	background-size: cover;
}
.incident-record {
	display: inline-block;
	padding-left: 71px;
	line-height: 2;
	font-size: 14px;
	color: #333;
	padding-bottom:30px;
}
.incident-record a {
	font-size: 14px;
	color: #1d69a3;
}

.joinus ul li{ width:49%; float:left; border-bottom:2px solid #0057c0; margin-right:2%; margin-bottom:40px;}
.joinus ul li:nth-child(2n){ margin-right:0;}
.joinus ul li .d1{ border-bottom:1px solid #0057c0;}
.joinus ul li .d1 .p1{ color:#fff; background:#0057c0; padding:5px 40px; float:left; font-size:18px;}
.joinus ul li .p2{ float:left; border-bottom:1px solid #ccc; width:50%; font-size:16px; padding:15px 20px;}
.joinus ul li .p3{ width:100%; line-height:1.6;}
.joinus ul li .p3 .fl{ width:80px;}
.joinus ul li .p3 .fr{ width:calc(100% - 80px);}

.con_l{ float:left; width:50%;}
.con_l input{ padding:10px 20px; border:1px solid #ccc; border-radius:10px; width:90%; font-size:18px; margin-bottom:10px; display:block;}
.con_l textarea{ padding:10px 20px; border:1px solid #ccc; border-radius:10px; width:90%; font-size:18px; margin-bottom:10px; font-family: Microsoft Yahei; height:8em;}
.con_l input:focus,.con_l textarea:focus{ border:1px solid #0057c0;}
.con_l input.btn{ color:#fff; background:#0057c0; width:auto; cursor:pointer; transition:0.2s; border:none;}
.con_l input.btn:hover{ border-radius:0;}
.con_r{ float:right; width:50%;}
.con_r .p1{ font-size:30px; font-weight:bold; color:#0057c0; margin-bottom:20px;}
.con_r .p2 span{ display:block; font-size:18px; line-height:2; margin:5px 0;}
.con_r .p2 span img{ display:inline-block; vertical-align:middle; margin-right:10px;}

.p_u{ display:flex; width:100%;}
.p_u li{ width:25%; text-align:center; padding:30px 0;}
.p_u li.li1{ background:#e3e3e3;}
.p_u li.li2{ background:#eeeeee;}
.p_u li.li3{ background:#f5f5f5;}
.p_u li.li4{ background:#fdfdfd;}

.honor_ul{}
.honor_ul li{ width:23.5%; margin-right:2%; margin-bottom:20px; float:left;}
.honor_ul li:nth-child(4n){ margin-right:0;}
.honor_ul li img{ width:100%;}
.honor_ul li p{ width:100%; text-align:center; font-size:16px; padding:10px 0; background:#f1f1f1;}
.honor_ul li a{ position:relative; display:block;}
li .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #13418e; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
li:hover .cover { opacity: .8; filter: alpha(opacity=80); }
li .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
li .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

.map{ width:100%; float:left; height:400px;}
#baidu_dituContent {
    width: 100%;
    height: 100%;
    border: #ccc solid 1px;
}
#baidu_dituContent img{
	max-width:none;
}

@media (max-width: 1500px) {
.n{ padding:20px 0;}
}