﻿@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:Microsoft YaHei,黑体,Verdana,Arial,sans-serif;-webkit-text-size-adjust:none;color:#333;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;transition:all 0.3s;}
input:focus,select:focus,option:focus,textarea:focus{ outline:none;}
textarea,input[type=date],input[type=number]{ resize:none; border: none;}
button:hover,input[class*=b]:hover{ cursor:pointer;}
i,u{font-style: normal;font-weight: normal;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.rel{position:relative;}
.min_w{min-width:1200px;}
.container{width:1200px;margin:0 auto;}

/*header*/
.top_pos{position:fixed;left:0;top:0;width:100%;height:130px;z-index:9;}
.top_box{height:130px;background:#fff;box-shadow:0 0 15px #ddd;}
.nav_list{width:740px;margin-top:40px;}
.nav_list li{width:105px;float:left;line-height:40px;font-size:16px;}
.nav_list li a{display:block;position:relative;}
.nav_list li a:after{content:"";position:absolute;left:10px;bottom:0;width:0;height:2px;background:#01309e;transition:all .5s linear;}
.nav_list li a:hover:after{width:85px;}
.nav_list li .liuxia:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 85px;
    height: 2px;
    background: #01309e;
    transition: all .5s linear;
}
/* banner */
.banner{ width:100%; height:730px; overflow:hidden; position:relative;}
.b-img{ height:730px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:730px; float:left;}
.b-list{position:relative; margin:700px auto 0;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:50px;height:3px;line-height:1;float:left;margin:0 10px;background:#fff;margin-top:3px;transition:all .5s linear;}
.b-list .spcss{height:6px;margin-top:0;}

/*index*/
.search_bg{background:#eee;padding:30px 0;}
.search_text{color:#999;text-transform:uppercase;line-height:30px;}
.search_text span{font-size:18px;color:#333;}
.search_box{width:400px;height:50px;line-height:50px;background:#fff;border-radius:25px;}
.search_inp{width:300px;height:50px;line-height:50px;border:none;background:none;padding:0 20px;}
.search_submit{width:60px;height:50px;line-height:50px;border:none;background:url(../images/search.png) no-repeat center center;}

.pro_tit{width:550px;margin:50px auto;position:relative;}
.pro_tit:after{content:"";position:absolute;left:0;top:35px;width:100%;height:1px;background:#ddd;z-index:-1;}
.pro_tit dl{display:inline-block;padding:0 35px;line-height:35px;position:relative;text-transform:uppercase;background:#fff;}
.pro_tit dl:before,.pro_tit dl:after{content:"";position:absolute;top:0;width:2px;height:70px;background:#ddd;}
.pro_tit dl:before{left:0;}
.pro_tit dl:after{right:0;}
.pro_tit dt{font-size:24px;color:#333;}
.pro_tit dd{font-size:18px;color:#999;}
.pro_type a{display:inline-block;line-height:50px;min-width:120px;padding:0 20px;margin:0 10px;background:#eee;}
.pro_type a:hover{background:#01309e;color:#fff;}
.pro_list{margin:50px 0;}
.pro_list li{width:388px;margin:0 5px 10px;border:#ddd solid 1px;line-height:60px;float:Left;}
.pro_list li a{display:block;background:#eee;}
.pro_list li a:hover{background:#01309e;color:#fff;}
.pro_more{margin-bottom:50px;}
.pro_more a{display:inline-block;color:#999;width:100px;height:20px;line-height:20px;border-left:#ddd solid 1px;border-right:#ddd solid 1px;}
.pro_more a:hover{color:#01309e;border-left:#01309e solid 1px;border-right:#01309e solid 1px;}

.about_bg{height:590px;background:url(../images/about_bg.jpg) no-repeat center top;}
.about_box{width:560px;color:#fff;padding-top:100px;line-height:30px;text-transform:uppercase;}
.about_name{font-size:34px;line-height:60px;padding:10px 0;}
.about_text{margin:30px 0;line-height:40px;height:120px;overflow:hidden;font-size:17px;}
.about_more{display:block;width:150px;height:40px;line-height:40px;border:#fff solid 1px;color:#fff;}

.case_list{margin:50px 0;}
.case_list li{width:290px;height:220px;overflow:hidden;margin:0 5px 10px;float:left;position:relative;}
.case_list li img{transition:all .5s linear;}
.case_list li:hover img{transform:scale(1.1);}
.case_list_name{position:absolute;left:0;bottom:20px;width:100%;height:60px;line-height:60px;background:rgba(0,0,0,.5);color:#fff;transition:all .5s linear;transform:translateY(100px);}
.case_list li:hover .case_list_name{transform:translate(0);}

.adv_bg{height:210px;line-height:50px;font-size:22px;color:#fff;background:url(../images/adv_bg.jpg) no-repeat center top;display:flex;align-items:center;justify-content:center;}

.news_bg{height:600px;background:url(../images/news_bg.jpg) no-repeat center top;}
.news_tit{padding:50px 0;position:relative;}
.news_tit dl{display:inline-block;padding:0 35px;line-height:35px;position:relative;text-transform:uppercase;}
.news_tit dl:before,.news_tit dl:after{content:"";position:absolute;top:0;width:180px;height:70px;background:#ddd;}
.news_tit dl:before{left:-180px;background:url(../images/tit_left.png) no-repeat left center;}
.news_tit dl:after{right:-180px;background:url(../images/tit_right.png) no-repeat left center;}
.news_tit dt{font-size:24px;color:#333;}
.news_tit dd{font-size:18px;color:#999;}
.news_list{margin-bottom:50px;}
.news_list li{width:380px;height:250px;background:#fff;box-shadow:0 0 15px #ddd;margin:0 10px;float:left;padding:20px;box-sizing:border-box;transition:all .5s linear;}
.news_list li:hover{transform:translateY(-6px);box-shadow:0 0 15px #bbb;}
.news_list li a{display:block;}
.news_date{width:60px;height:50px;background:#01309e;line-height:25px;color:#fff;}
.news_date span{display:block;background:#000;}
.news_list li h3{width:260px;padding-top:5px;line-height:40px;border-bottom:#ddd solid 1px;}
.news_text{line-height:35px;height:105px;margin:20px 0 10px;overflow:hidden;color:#999;}
.news_list li:hover .news_more a{color:#01309e;}

.honor_bg{height:590px;padding-top:30px;box-sizing:border-box;background:url(../images/honor_bg.jpg) no-repeat center top;}
.honor_scroll{width:1200px;position:relative;margin-bottom:50px;}
.honor_scroll .hd .prev,.honor_scroll .hd .next{display:block;width:40px;height:40px;position:absolute;top:80px;}
.honor_scroll .hd .prev{left:-50px;background:url(../images/btn_left.png) no-repeat;}
.honor_scroll .hd .next{right:-50px;background:url(../images/btn_right.png) no-repeat;}
.honor_scroll .bd ul{overflow:hidden;zoom:1;}
.honor_scroll .bd ul li{width:290px;margin:0 5px;float:left;_display:inline;line-height:60px;overflow:hidden;text-align:center;}
.honor_scroll .bd ul li a{display:block;color:#fff; }
.honor_scroll .bd ul li a:hover{background:#01309e;}
.honor_more{margin-bottom:50px;}
.honor_more a{display:inline-block;color:#999;width:100px;height:20px;line-height:20px;border-left:#ddd solid 1px;border-right:#ddd solid 1px;}
.honor_more a:hover{color:#fff;border-left:#fff solid 1px;border-right:#fff solid 1px;}
.white{color:#fff!important;}

/*footer*/
.bot_bg{background:#000;}
.bot_con{padding:30px 0;border-bottom:#444 solid 1px;}
.bot_tel{background:url(../images/tel.png) no-repeat left center;padding-left:50px;font-size:22px;color:#666;line-height:60px;}
.copyright{padding:30px 0;line-height:30px;color:#666;}

/*main*/
.main_page{margin:30px 0 60px;}
.main_page a{display:inline-block;margin:0 5px;border:#ddd solid 1px;padding:0 15px;height:30px;line-height:30px;}
.main_page a:hover{background:#01309e;color:#fff;border:#01309e solid 1px;}
.main_news{margin:50px 0;}
.main_news li{padding:20px;margin-bottom:20px;border:#ddd solid 1px;background:url(../images/news_bg02.jpg) no-repeat right bottom;transition:all .5s linear;}
.main_news li:hover{box-shadow:0 0 15px #ddd;border:#01309e solid 1px;}
.main_news_con{width:950px;line-height:30px;color:#666;}
.main_news_con h3{line-height:40px;font-size:18px;margin-bottom:10px;color:#333;}
.main_news li:hover .main_news_con h3{color:#01309e;}
.main_con{min-height:300px;line-height:40px;color:#666;padding:50px 0;}

.select{
	background: #01309e!important;
	color: #fff!important;
}
.on{
	background: #01309e!important;
	color: #fff!important;
}