@charset "utf-8";


*{transition: all .2s ease-in-out;}
#header { clear: both;background: rgba(255,255,255,1);position: fixed; top: 0; left: 0;right: 0;height: 74px;z-index: 99;line-height: 74px;box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
#header .w_1200{height: 74px;}
#header .logo { margin-top: 16px; }
#header .logo img { float: left; margin-right: 10px; height: 44px; width: auto;}
#header .logo dl{margin-top: 20px;}
#header .logo dl dt { white-space: nowrap; font-size: 24px; color: #00003F; font-weight: bold;}
#header .logo dl dd { white-space: nowrap; font-size: 16px; color: #888;}
#header .tel  { padding:0 15px; margin: 0 15px; padding-left: 30px; background: url(../images/ico_tel.png) no-repeat left center;white-space: nowrap;}
#header .tel dl dd { font-size: 16px; color: #00458f; display: inline-block;}
#header .tel dl dt { font-size: 16px; color: #00458f; display: inline-block;}

#header .nav{ height: 74px;}
#header .nav ul{ text-align: center; font-size: 0;margin: 0 auto; white-space: nowrap;}
#header .nav ul li{display: inline-block;font-size: 16px; position: relative;}
#header .nav ul li::after{display: block;position: absolute;width: 0;left: 0; bottom: 0;height: 4px; background: #00458f;transition: all .4s;content: ""}
#header.partybuild .nav ul li::after{ background: #FFF;}
#header .nav ul li:hover::after{width: 100%;}
#header .nav ul li > a{display: block;padding: 0 30px; color: #000;}
#header .nav ul li > a:hover,
#header .nav ul li:hover > a
{ color: #00458f; transform: translateY(6px)}

#header .nav ul li .menu{ position: fixed; top:74px;left: 0; right: 0; background: rgba(0,0,0,0.2); color: #FFF; z-index: 99999;overflow: hidden; transition: none; box-shadow: 0 2px 5px rgba(0,0,0,0.1);text-align: center;font-size: 0; width: 100%;display: none; line-height: 40px;}
#header .nav ul li .menu dl{white-space: nowrap; height: 40px;}
#header .nav ul li .menu dl dd{font-size: 16px; display: inline-block;}
#header .nav ul li .menu a{color: #000; white-space: nowrap; display: block; text-align: center; transition: all .4s;padding: 0 40px;}
#header .nav ul li .menu a:hover{color:#FFF; background-color: #084c93;}




#banner{ height: 713px;background: #EEE}
#banner *{transition: none!important;}
#banner .slideBox{ width:100%; height:713px; /* overflow:hidden; */ position:relative; }
#banner .slideBox .hd{ height:22px; overflow:hidden; position:absolute; right:0px;left: 0px; bottom:30px; z-index:1; }
#banner .slideBox .hd ul{ overflow:hidden; zoom:1;text-align: center;display: block;}
#banner .slideBox .hd ul li{ display: inline-block; width:22px; height:22px; line-height:12px; text-align:center; background:#FFF; cursor:pointer;border-radius:200px;margin: 0 4px;opacity: 1;overflow: hidden;text-indent: -10000px; }
#banner .slideBox .hd ul li.on{ background: #00458f; width: 22px;height: 22px;opacity: 1; }
#banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
#banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
#banner .slideBox .bd li a{ width:100%; height:713px; display:block;background-position:center center!important; background-repeat: no-repeat!important;background-size: cover!important; }
#banner .slideBox .bd img{ width:100%; height:713px; display:block;  }
#banner .slideBox .prev,
#banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
#banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
#banner .slideBox .prev:hover,
#banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#banner .slideBox .prevStop{ display:none;  }
#banner .slideBox .nextStop{ display:none;  }


#footer {background: #084c93 ;color: #FFF;overflow: hidden;font-size: 14px;padding: 60px 0 40px 0; clear: both;border-top: 10px solid #DDD;}
#footer::after{display: block; height: 0; clear: both; content: ""}

#footer .m1{clear: both;}
#footer .m1::after{display: block; height: 0; clear: both; content: ""}
#footer .m1:first-child{margin-bottom: 40px;}
#footer .m1 .l1{float: left;}
#footer .m1 .l2{float: right; }

#footer .part1 .l1{text-align: center; font-size: 14px;}
#footer .part1 .l1 dd{padding-top: 10px;}

#footer .part1 .l2{overflow: hidden;}
#footer .part1 .l2 dl{float: left;margin-left: 40px;}
#footer .part1 .l2 dl:first-child{margin-left: 0;}
#footer .part1 .l2 dl dt{font-size: 16px;padding-bottom: 40px;}
#footer .part1 .l2 dl dd{font-size: 14px;margin-bottom: 10px; color: #CCC;}
#footer .part1 .l2 dl:last-child dd{padding-left: 30px;}
#footer .part1 .l2 dl:last-child dd:first-of-type{padding-left: 0;}
#footer .part1 .l2 dl:last-child dd:nth-of-type(2){background: url(../images/footer_ico_1.png) no-repeat left center;}
#footer .part1 .l2 dl:last-child dd:nth-of-type(4){background: url(../images/footer_ico_2.png) no-repeat left center;}
#footer .part1 .l2 dl:last-child dd:nth-of-type(5){background: url(../images/footer_ico_3.png) no-repeat left center;}
#footer .part1 .l2 dl dd a{color: #CCC;}
#footer .part1 .l2 dd strong{font-size: 16px;}

#footer .part2 .l1{margin-top: 32px;}
#footer .part2 .l2{overflow: hidden; border-top:2px solid #DDD;padding-top: 30px;width: 1050px;}
#footer .part2 .l2 dl dt{float: left;}
#footer .part2 .l2 dl dt a{color: #FFF;}
#footer .part2 .l2 dl dd{float: right;margin-top: 15px;}
#footer .part2 .l2 dl dd a{color: #CCC;}





#main_index{clear: both; padding: 40px 0;}
#main_index::after{display: block; height: 0; clear: both; content: ""}
#main_index .main_box{clear: both; width: 1020px; margin: 40px auto;}
#main_index .main_cont{clear: both; width: 1020px; margin: 0 auto;}
#main_index .main_cont::after{display: block; height: 0; clear: both; content: ""}
#main_index .main_cont.aboutbg{background: url(../images/about_bg.jpg) center bottom no-repeat / 100% auto; padding-bottom: 300px;}

.page{text-align: center;padding: 30px;font-size: 14px;}




.news{clear: both;}
.news::after{display: block; height: 0; clear: both; content: ""}

.news .imgnews{width: 356px;float: left;margin-right: 32px;}
.news .imgnews .title{font-size: 16px; font-weight: bold;margin-bottom: 40px; color: #084c93; background: url(../images/ico_title.png) no-repeat left center; padding-left: 20px;}
.news .imgnews .imgbox{position: relative;}
.news .imgnews .imgbox .swiper-pagination{position: absolute; bottom: 10px; right: 20px;}
.news .imgnews .imgbox .swiper-pagination .swiper-pagination-bullet{border: 1px solid #FFF;background: rgba(0,0,0,0); opacity: 1;width: 4px; height: 4px; margin: 0 5px;}
.news .imgnews .imgbox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 1px solid #FFF;background:#FFF; opacity: 1;}



.news .listnews{width: 350px;float: left;margin-right: 32px;}
.news .listnews .title{font-size: 16px; font-weight: bold;margin-bottom: 40px; color: #084c93; background: url(../images/ico_title.png) no-repeat left center; padding-left: 20px;}
.news .listnews .textbox{clear: both;}
.news .listnews .textbox ul li{border-bottom: 1px solid #CCC;position: relative;height: 63px;}
.news .listnews .textbox ul li a{display: block;position: absolute; top: 0; left: 0; right: 80px;padding-top: 10px; line-height: 24px;font-size: 16px;background: url(../images/news_ico.png) no-repeat left 20px; padding-left: 18px;}
.news .listnews .textbox ul li span{display: block;position: absolute; bottom: 0; right: 0; width: 80px; font-size: 14px; color: 666;padding-bottom: 10px;}

.news .listbtn{width: 250px;float: right;}
.news .listbtn ul li{margin-bottom: 16px;}
.news .listbtn ul li:last-child{margin-bottom: 0;}
.news .listbtn ul li img{ width: 100%; height: auto;}
.news .listbtn ul li:hover{transform: translateY(-5px);box-shadow: 0 5px 10px rgba(0,0,0,0.2);}

.video{height: 620px;background: #000;}
.video video{height: 620px; width: 100%;}

.banner2{position: relative;}
.banner2 .swiper-pagination{position: absolute; bottom: 10px; right: 20px;}
.banner2 .swiper-pagination .swiper-pagination-bullet{border: 1px solid #FFF;background: rgba(0,0,0,0); opacity: 1;width: 4px; height: 4px; margin: 0 5px;}
.banner2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 1px solid #FFF;background:#FFF; opacity: 1;}

.link{clear: both;}
.link .title{font-size: 16px; font-weight: bold;margin-bottom: 40px; color: #084c93; background: url(../images/ico_title.png) no-repeat left center; padding-left: 20px;}
.link .listlink{clear: both;}
.link .listlink::after{display: block; height: 0; clear: both; content: ""}
.link .listlink ul li{float: left; width: 113px; height: 100%; text-align: center; line-height: 100px;font-size: 0;}
.link .listlink ul li img{max-width: 90px; max-height: 80px; vertical-align: middle;}




#main_index .main_cont .main_left{float: left; width: 230px;}
#main_index .main_cont .main_left .title{font-size: 16px;font-weight: bold;margin-bottom: 30px;color: #084c93;}
#main_index .main_cont .main_left .list{clear: both;}
#main_index .main_cont .main_left .list li{margin-bottom: 15px; white-space: nowrap;}
#main_index .main_cont .main_left .list li a{font-size: 16px; color: #000;}
#main_index .main_cont .main_left .list li a:hover{color: #084c93;font-weight: bold;}
#main_index .main_cont .main_left .list li a.on{color: #084c93;font-weight: bold;}


#main_index .main_cont .main_right{float: right; width: 770px;}
#main_index .main_cont .main_right .titlebox{overflow: hidden;line-height: 24px; margin-bottom: 30px;}
#main_index .main_cont .main_right .titlebox .title{float: left;padding-left: 20px; font-size: 16px; color: #084c93;font-weight: bold; background: url(../images/ico_title.png) no-repeat left center;}
#main_index .main_cont .main_right .titlebox .address{float: right; white-space: nowrap;}
#main_index .main_cont .main_right .titlebox .address ul li{display: inline-block; font-size: 14px;margin-left: 5px;}
#main_index .main_cont .main_right .titlebox .address ul li a{color: #888;}
#main_index .main_cont .main_right .titlebox .address ul li a:hover{color: #084c93;}


#main_index .main_cont .main_right .main_content{font-size: 16px; line-height: 30px; color: #444;overflow: hidden;}
#main_index .main_cont .main_right .main_content img{max-width: 100%; height: auto;}

#main_index .main_cont .main_right .main_linian{overflow: hidden;}
#main_index .main_cont .main_right .main_linian dl dt{margin-bottom: 20px;}
#main_index .main_cont .main_right .main_linian dl dd{margin-bottom: 20px;}
#main_index .main_cont .main_right .main_linian ul{overflow: hidden;}
#main_index .main_cont .main_right .main_linian ul li{float: left; width: 250px; border: 1px solid #DDD; text-align: center;margin-right:6px; margin-bottom: 15px;}
#main_index .main_cont .main_right .main_linian ul li:nth-child(3n){margin-right: 0;}
#main_index .main_cont .main_right .main_linian ul li h5{display: block; background: #084c93; line-height: 30px; font-size: 16px; color: #FFF;border-radius: 0 0 15px 15px;}
#main_index .main_cont .main_right .main_linian ul li .txt{padding: 10px; height: 50px;font-size: 16px; color: #888;}

#main_index .main_cont .main_right .main_licheng{clear: both;}
#main_index .main_cont .main_right .main_licheng::after{display: block; height: 0; clear: both; content: ""}
#main_index .main_cont .main_right .main_licheng ul li{float: left; width: 250px; border: 1px solid #DDD; text-align: center;margin-right:6px; margin-bottom: 15px;}
#main_index .main_cont .main_right .main_licheng ul li:hover{transform: translateY(-5px); box-shadow:0 5px 10px rgba(0,0,0,0.2);}
#main_index .main_cont .main_right .main_licheng ul li:nth-child(3n){margin-right: 0;}
#main_index .main_cont .main_right .main_licheng ul li h5{display: block; background: #eee; line-height: 30px; font-size: 16px; color: #666;border-radius: 0 0 15px 15px;}
#main_index .main_cont .main_right .main_licheng ul li:hover h5{background: #084c93; color: #FFFFFF;}
#main_index .main_cont .main_right .main_licheng ul li .txt{padding: 10px; height: 150px;}

#main_index .main_cont .main_right .main_rongyu{clear: both;}
#main_index .main_cont .main_right .main_rongyu::after{display: block; height: 0; clear: both; content: ""}
#main_index .main_cont .main_right .main_rongyu .note{padding: 15px; font-size: 16px; color: #666;}
#main_index .main_cont .main_right .main_rongyu ul{height: 190px; width: 100%;background: url(../images/rongyubg.jpg) no-repeat center bottom;}
#main_index .main_cont .main_right .main_rongyu ul::after{display: block; height: 0; clear: both; content: ""}
#main_index .main_cont .main_right .main_rongyu ul li{float: left;width: 190px; height: 120px;overflow: hidden;margin-left: 47px;margin-top: 35px;line-height: 120px; text-align: center;font-size: 0;}
#main_index .main_cont .main_right .main_rongyu ul li img{max-width: 100%; max-height: 100%; vertical-align: middle;}


#main_index .main_cont .main_right .main_product{clear: both;font-size: 16px; line-height: 24px; }
#main_index .main_cont .main_right .main_product img{max-width: 100%; height: auto;}


#main_index .main_cont .main_case{clear: both;overflow: hidden;}
#main_index .main_cont .main_case .main_case_box{overflow: hidden;padding:40px;background-color: #eee;}
#main_index .main_cont .main_case .main_case_box:nth-child(2n){background-color: #FFF;}
#main_index .main_cont .main_case .main_case_box .img{float: left; width: 354px; height: 232px;line-height: 232px; text-align: center;font-size: 0;}
#main_index .main_cont .main_case .main_case_box .img img{width: 354px; height: 232px;vertical-align: middle;}
#main_index .main_cont .main_case .main_case_box .info{float: right; width: 540px;}
#main_index .main_cont .main_case .main_case_box .info dt{border-bottom: 1px solid #888;padding: 20px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-bottom: 20px;font-size: 18px;padding-top: 40px;}
#main_index .main_cont .main_case .main_case_box .info dt a{color: #000;}
#main_index .main_cont .main_case .main_case_box .info dt a:hover{color: #084c93;}
#main_index .main_cont .main_case .main_case_box .info dd{font-size: 16px;line-height: 24px;}

#main_index .main_cont .main_case_cont{clear: both;overflow: hidden;}
#main_index .main_cont .main_case_cont h2{font-size: 24px; line-height: 36px; font-weight: bold; padding: 40px; border-bottom: 1px solid #CCC;margin-bottom: 40px; text-align: center;}

#main_index .main_cont .main_case_cont .case_cont{ font-size: 16px; line-height: 24px; color: #000;}
#main_index .main_cont .main_case_cont .case_cont img{max-width: 100%; max-height: auto;}

#main_index .main_cont .server{clear: both;overflow: hidden;}
#main_index .main_cont .server ul li{display: block; float: left;border-right: 1px solid #CCC;padding: 62px; }
#main_index .main_cont .server ul li:last-child{border-right: none;}
#main_index .main_cont .server ul li .img{ width: 215px; height: 215px; margin: 0 auto;}
#main_index .main_cont .server ul li .img a{ width: 215px; height: 215px; display: block; }
#main_index .main_cont .server ul li:nth-child(1) .img a{background: url(../images/server_ico_r1_c1.png) no-repeat center top;}
#main_index .main_cont .server ul li:nth-child(2) .img a{background: url(../images/server_ico_r1_c2.png) no-repeat center top;}
#main_index .main_cont .server ul li:nth-child(3) .img a{background: url(../images/server_ico_r1_c3.png) no-repeat center top;}
#main_index .main_cont .server ul li .img a:hover{ width: 215px; height: 215px; display: block; background-position-y: bottom; }
#main_index .main_cont .server ul li .name{ font-size: 18px; color: #084c93; text-align: center; margin-top: 24px;}

#main_index .main_cont .server-online{clear: both;}
#main_index .main_cont .server-online .servertitle{padding: 40px 10px; font-size: 16px; color: #00458f; font-weight: bold;}
#main_index .main_cont .server-online .serverlist{width: 100%; height: 530px; background: url(../images/server_online.jpg) no-repeat center center / cover; overflow: hidden;}
#main_index .main_cont .server-online .serverlist ul li{ width: 25%;float: left; height: 530px;}
#main_index .main_cont .server-online .serverlist ul li:hover{ background-color: #084c93;}

#main_index .main_cont .server-online .serverlist ul li .ico{ width: 88px; height: 88px; margin: 0 auto;margin-top: 160px;}
#main_index .main_cont .server-online .serverlist ul li:nth-child(1) .ico{background: url(../images/online_ico_1.png) no-repeat center center;}
#main_index .main_cont .server-online .serverlist ul li:nth-child(2) .ico{background: url(../images/online_ico_2.png) no-repeat center center;}
#main_index .main_cont .server-online .serverlist ul li:nth-child(3) .ico{background: url(../images/online_ico_3.png) no-repeat center center;}
#main_index .main_cont .server-online .serverlist ul li:nth-child(4) .ico{background: url(../images/online_ico_4.png) no-repeat center center;}
#main_index .main_cont .server-online .serverlist ul li .txt{width: 80%; font-size: 16px; color: #FFF; text-align: center;margin: 0 auto;margin-top: 40px; line-height: 36px;}

#main_index .main_cont .server-baoxiu{clear: both;}
#main_index .main_cont .server-baoxiu .servertitle{padding: 40px 10px; font-size: 16px; color: #00458f; font-weight: bold;}
#main_index .main_cont .server-baoxiu .serverlist{overflow: hidden;}
#main_index .main_cont .server-baoxiu .serverlist ul li{display: block; float: left; width: 215px; height: 215px; background: #DDD; border-radius: 400px; margin-left: 35px;}
#main_index .main_cont .server-baoxiu .serverlist ul li:hover{ background: #084c93; }

#main_index .main_cont .server-baoxiu .serverlist ul li .ico{width: 46px; height: 46px; margin: 0 auto; background: url(../images/server_baoxiu_ico.png) no-repeat center center;margin-top: 60px;}
#main_index .main_cont .server-baoxiu .serverlist ul li .txt{text-align: center; font-size: 24px; color:#084c93; margin-top: 30px;}
#main_index .main_cont .server-baoxiu .serverlist ul li:hover .txt{color:#FFF;font-size: 18px;}



#main_index .main_cont .server-peixun{clear: both;}
#main_index .main_cont .server-peixun .servertitle{padding: 40px 10px; font-size: 16px; color: #00458f; font-weight: bold;}
#main_index .main_cont .server-peixun .serverlist{overflow: hidden;}
#main_index .main_cont .server-peixun .serverlist table{width: 100%; text-align: center;}
#main_index .main_cont .server-peixun .serverlist table tr th{padding: 20px 0 5px 0; background: #00458f; font-size: 16px; color: #FFF;}
#main_index .main_cont .server-peixun .serverlist table tr td{padding: 20px 0 20px 0; background: #DDD; font-size: 16px; color: #888;}


#main_index .main_cont .contacttitle{ text-align: center; color: #00458f; font-size: 24px;padding: 40px 0 40px 0;}
#main_index .main_cont .contact{ clear: both;}
#main_index .main_cont .contact ul{overflow: hidden;margin-bottom: 40px;}
#main_index .main_cont .contact ul li{width: 46%;float: left;}
#main_index .main_cont .contact ul li:nth-child(even){float: right;}
#main_index .main_cont .contact ul li input{width: 100%; height: 60px; border: none; border-bottom: 1px solid #CCC; font-size: 16px; }
#main_index .main_cont .contact ul li input.m1{width: 46%; float: left;}
#main_index .main_cont .contact ul li input.m2{width: 46%; float: right;}
#main_index .main_cont .contact ul li input::-webkit-input-placeholder{color: #084c93; }

#main_index .main_cont .contact dl{overflow: hidden;margin-bottom: 40px;}
#main_index .main_cont .contact dl dd{margin-bottom: 40px;}
#main_index .main_cont .contact dl dd label{display: block; clear: both;font-size: 16px;color: #084c93;margin-bottom: 10px; }
#main_index .main_cont .contact dl dd textarea{width: calc(96% - 2px); height: 200px; background: #EEE; border: 1px solid #CCC; padding: 20px 2%; font-size: 16px;}

#main_index .main_cont .contact dl dt input[type="submit"]{ width: 246px; height: 60px; color: #FFF;background-color: #084c93; font-size: 16px; border: none;}
#main_index .main_cont .contact dl dt input[type="reset"]{ width: 246px; height: 60px; color: #888;background-color: #DDD; font-size: 16px; border: none;margin-left: 30px;}

.zhuanjiaList{clear: both;}
.zhuanjiaList ul li{margin-bottom: 30px;}
.zhuanjiaList ul li a img{box-shadow: 0 5px 10px rgba(0,0,0,0.2) ; width: 1020px; height: auto;}
.zhuanjiaList ul li a:hover img{ transform: translateY(10px);}