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


/*********内页banner***************/
.run_banner { position: relative;overflow: hidden;}
.run_banner img { width: 100%;position: relative;z-index: 0; }
.run_banner .index_type_box {position: absolute;top: 50%;margin-top: -45px;width: 100%;text-align:center;}
.run_banner .index_type_box  h4{ color:#fff; font-size:35px; line-height:2;}
.run_banner .index_type_box  h3{ color:#fff; font-size:20px;line-height:1.5;}

.cy{padding: 50px 0;}
.cy .h1{font-size: 30px;font-weight: bold;margin-bottom: 30px;}
.cy ul li{transition:all 0.5s;margin-bottom: 15px;}
.cy ul li h1{font-size: 20px;}
.cy ul li h1 span{font-size: 15px;}
.cy ul li p{font-size: 14px;margin-top: 15px;}
.cy ul li:hover p{color: #f5a31a;padding-left: 5px;transition:all 0.5s;}


.n_shen_bg{padding: 50px 0px 0px; position:relative; overflow:hidden;}
.shen_tit{ margin:40px 0px; color:#333; line-height:2; font-size:16px;}


.honor_box{ padding-bottom:50px;}
.honor_img img{ max-width:100%;}
.honor_tit{ text-align:center; font-size:16px; line-height:2; color:#333;}

/********研发成果****************/
.history_bg {padding: 50px 0px 0px; position:relative; overflow:hidden;}
.culture{padding:60px 0px 40px; overflow:hidden;}
.culture_tit{margin: 0 auto;text-align: center;}       
.culture_tit h3{font-size: 30px;color:#1c75c3;margin:20px auto 10px;}
.culture_tit span{display: block;font-size: 18px;color:#1c75c3;text-transform: uppercase;}
@media (max-width: 1024px) {.index_history .history_box { padding-top: 40px; padding-bottom: 40px;}}

@media (max-width: 700px) {.index_history .history_box { padding-top: 30px; padding-bottom: 30px;}}

.history_box {margin-top: 30px;padding-bottom: 40px;}
.history_box ul li:nth-child(even).animate {transform: translateX(0px);filter: alpha(opacity=100);opacity: 1;}
.history_box ul li:nth-child(even) a {float: right;margin-right: 4px;margin-top: -1px;}

@media (min-width: 1024px) {
.history_box ul li:nth-child(even) a:hover .cont .day,.history_box ul li:nth-child(even) a:hover .cont .con { color: #f18d00;}
.history_box ul li:nth-child(even) a:hover .cont .more { filter: alpha(opacity=100); opacity: 1; transform: translateY(0px);}
.history_box ul li:nth-child(even) a:hover .date .ico { background: url(../images/b4.png) no-repeat;}
.history_box ul li:nth-child(even) a:hover .date .line { background: #f18d00;}
.history_box ul li:nth-child(even) a:hover .date .year { border-color: #f18d00;}
.history_box ul li:nth-child(even) a:hover .date .year .bg { width: 100%; height: 100%; left: 0; top: 0; background: #f18d00; margin-left: 0; margin-top: 0;}
}

.history_box ul li:nth-child(even) a .cont {padding-right: 0;left: auto;right: 0;padding-left: 230px;}
.history_box ul li:nth-child(even) a .cont .day,
.history_box ul li:nth-child(even) a .cont .con,
.history_box ul li:nth-child(even) a .cont .more {text-align: left;}
.history_box ul li:nth-child(even) a .date {float: left;}
.history_box ul li:nth-child(even) a .date .ico,
.history_box ul li:nth-child(even) a .date .line,
.history_box ul li:nth-child(even) a .date .year {float: left;}

.history_box ul li:nth-child(even) a .date .ico {background: url(../images/b2.png) no-repeat;}
.history_box ul li {width: 100%;padding: 0 45px;box-sizing: border-box;transition: all 0.5s;}
.history_box ul li.animate {transform: translateX(0px);filter: alpha(opacity=100);opacity: 1;}
.history_box ul li a {float: left;width: 50%;height: 123px;display: block;position: relative;}

@media (min-width: 1024px) {
.history_box ul li a:hover .cont .day,.history_box ul li a:hover .cont .con { color: #f18d00;}
.history_box ul li a:hover .cont .more { filter: alpha(opacity=100); opacity: 1; transform: translateY(0px);}
.history_box ul li a:hover .date .ico { background: url(../images/b5.png) no-repeat;}
.history_box ul li a:hover .date .line { background: #f18d00;}
.history_box ul li a:hover .date .year { border-color: #f18d00;}
.history_box ul li a:hover .date .year .bg { width: 100%; height: 100%; left: 0; top: 0; background: #f18d00; margin-left: 0; margin-top: 0;}
}

.history_box ul li a .cont {position: absolute;left: 0;top: 20px;height: auto;width: 100%;padding-right: 230px;box-sizing: border-box;}
.history_box ul li a .cont .day {font-size: 20px;line-height: 28px;color: #333;text-align: right;transition: all 0.3s;}
.history_box ul li a .cont .con {font-size: 14px;line-height: 24px;color: #797778;text-align: right;word-break: break-all;transition: all 0.3s;margin-top: 14px;overflow: hidden;max-height: 68px;}
.history_box ul li a .cont .more {text-align: left;margin-top: 8px;transition: all 0.3s;filter: alpha(opacity=0);opacity: 0;transform: translateY(10px);}
.history_box ul li a .cont .more .m {display: inline-block;width: 84px;height: 32px;background: #f18d00;border-radius: 32px;font-size: 12px;line-height: 32px;color: #fff;text-align: center;}
.history_box ul li a .date {float: right;}
.history_box ul li a .date .ico {width: 47px;transition: all 0.3s;height: 123px;background: url(../images/b.png) no-repeat;background-size: cover;float: right;}
.history_box ul li a .date .line {width: 60px;height: 2px;transition: all 0.3s;background: #ddd;float: right;margin-top: 61px;}
.history_box ul li a .date .year {float: right;width: 90px;height: 90px;background: #f8f8f8;border: 1px solid #ddd;box-sizing: border-box;border-radius: 50%;margin-top: 16px;transition: all 0.3s;position: relative;}
.history_box ul li a .date .year .txt {width: 100%;height: 100%;position: relative;z-index: 20;border-radius: 50%;font-size: 15px;line-height: 90px;color: #fff;font-weight: bold;text-align: center;}
.history_box ul li a .date .year .bg {width: 68px;height: 68px;border-radius: 50%;transition: all 0.3s;background: #1c75c3;position: absolute;left: 50%;margin-left: -34px;top: 50%;margin-top: -34px;}

@media (max-width: 1620px) {.history_box { margin-top: 50px; padding-bottom: 35px;}
.history_box ul li:nth-child(even) a .cont { padding-left: 190px;}
.history_box ul li { padding: 0;}
.history_box ul li a .cont { padding-right: 190px;}
.history_box ul li a .cont .day { font-size: 20px; line-height: 28px;}
.history_box ul li a .cont .con { margin-top: 10px;}
.history_box ul li a .date .line { width: 40px;}
.history_box ul li a .date .year .txt { font-size: 20px; line-height: 90px;}
}

@media (max-width: 1024px) {.history_box { margin-top: 40px; padding-bottom: 30px;}
.history_box ul li:nth-child(even) a .cont { padding-left: 160px;}
.history_box ul li { padding: 0;}
.history_box ul li a { margin: 0;}
.history_box ul li a .cont { padding-right: 160px;}
.history_box ul li a .cont .day { font-size: 16px; line-height: 24px;}
.history_box ul li a .cont .con { margin-top: 5px; font-size: 13px; line-height: 22px; max-height: 88px;}
.history_box ul li a .cont .more { transform: translateY(0); filter: alpha(opacity=100); opacity: 1;}
.history_box ul li a .date .line { width: 30px;}
.history_box ul li a .date .year { width: 70px; height: 70px; margin-top: 27px;}
.history_box ul li a .date .year .bg { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px;}
.history_box ul li a .date .year .txt { font-size: 16px; line-height: 70px;}
}

@media (max-width: 800px) {.history_box { margin-top: 30px; padding-bottom: 20px;}
.history_box ul li:nth-child(even) a .cont { padding-left: 90px;}
.history_box ul li:last-child { margin-bottom: 0;}
.history_box ul li { padding: 0; margin-bottom: 15px;overflow:hidden;}
.history_box ul li a { width: 100%; height: auto;}

.history_box ul li:nth-child(even) a {  float: right;  margin-right: 0px;  margin-top: 0px;}
.history_box ul li a .cont { padding-right: 0; padding-left: 90px; position: static;}
.history_box ul li a .cont .day { font-size: 16px; line-height: 24px; text-align: left;}
.history_box ul li a .cont .con { margin-top: 5px; font-size: 13px; line-height: 22px; max-height: 88px; text-align: left; }
.history_box ul li a .cont .more { margin-top: 3px;}
.history_box ul li a .date { float: left;}
.history_box ul li a .date .ico { display: none;}
.history_box ul li a .date .line { width: 30px; display: none;}
.history_box ul li a .date .year { width: 70px; height: 70px; margin-top: 0px;}
.history_box ul li a .date .year .bg { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px;}
.history_box ul li a .date .year .txt { font-size: 16px; line-height: 70px;}
}

.shen_box img{ max-width:100%;}
.yan_box img{ max-width:100%;}
.hex_box img{ max-width:100%;}

/*********产品*******************/
.n_nafen_tit{ text-align:center; margin-bottom:30px;}
.n_nafen_tit h3{font-size: 30px;line-height:2; color:#1d2087; font-weight:bold; margin-bottom:10px;}
.n_nafen_tit h3::after { position: relative; z-index: auto; display: block; margin:0 auto; margin-bottom: 5px; width: 70px; height: 2px;background: #1d2087;content: ""; }
.n_nafen_tit p{ font-size:15px; color:#444; line-height:1.5;}


.n_nafen_bg{ padding:40px 0px; overflow:hidden;}
/**********上三**************/
.n-san-box{ overflow:hidden; margin-bottom:20px;}
.n-san-box ul{ display: flex;margin-left: -1%;}
.n-san-box li{ float:left; width:32.33%;margin-left: 1%; text-align:center;padding:30px 20px;background-image: linear-gradient(#f12d13, #f39818);border-radius: 10px;-webkit-transition:.5s;transition:.5s;}
.n-san-box li .num{color: #fff;font-size: 30px;}
.n-san-box li h4{ font-size:20px; margin:15px 0px;color:#fff;}
.n-san-box li p{ font-size:16px; line-height:2;padding-left: 20px;text-align:left;color:#fff;}
.n-san-box li:hover{background:#1d2087!important;color:#fff;}
.n-si-box li{ float:left; width:24%;margin-left: 1%;}

.pro_box{ overflow:hidden; margin-bottom:30px;}
.pro_list{border: 1px solid #ddd;}
.pro_list dt{width: 100%;
    height: 57px;
    position: relative;
    display: block;
	text-align:center;
    background-color: rgb(29, 32, 135);}

.pro_list dt span {
    width: 25%;
    float: left;
    color: rgba(255, 255, 255,1);
    font-size: 18px;
    line-height: 57px;
    text-align: center;
}
.pro_list dd  {
    width:100%;
    color: #333;
    font-size: 18px;
    line-height: 57px;
	height: 57px;
    text-align: center;overflow: hidden;
}
.pro_list dd:nth-child(even){
	background:#ddd;
}
.pro_list dd:nth-child(odd){
	background:#fff;
}
.pro_list dd span {
    width: 25%;
    float: left;
    color: #333;
    font-size: 16px;
    line-height: 57px;
    text-align: center;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	display: list-item;
}
.pro_list dd span a{
    color: #1c1f86;
}

.pro_list dd a.ank{
    color: #ffffff;
    background: #FF7702;
    width: 90px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    display:inline-block;
    font-size: 13px;
    border-radius: 3px;
}
.pro_list dd a.ank:hover {
    color: #ffffff;
    background: #33BC7A;
}

@media (max-width: 640px) {
.pro_list dd span { font-size: 14px;}
.pro_list dd a.ank { width: 65px;}

}


/**********应用领域****************/
.index-two{position: relative;width: 100%;display: block;    overflow: hidden;     padding:50px 0;}
.index-two .i-t-left{       float: left;width: 40%;overflow: hidden;position: relative;height: 570px;display: block;}
.index-two .i-t-left a,.index-two .i-t-right .i-t-r-i a{     position: absolute;width: 100%;top: 0;left: 0;z-index: 2;}
.index-two .i-t-left img{   width: 100%;display: block;}
.index-two .i-t-left .i-t-l-t{    position: absolute;width: 100%;bottom: 0;left: 0; background:rgba(51, 51, 51, 0.5); height: 4em; overflow: hidden;}
.index-two .i-t-left .i-t-l-t h1{    float: left;display: block;    margin-top: 2%; margin-left: 5%;}
.index-two .i-t-left .i-t-l-t h1 img{    position: relative;display: inline-block;width: auto;height: auto;}
.index-two .i-t-left .i-t-l-t h2{     float: left;color: #fff;font-weight: normal;font-size: 1.6em;margin-left: 5%;    line-height: 2em;}
.index-two .i-t-right{float: right;width: 60%;overflow: hidden;position: relative;height:570px;display: block;}
.index-two .i-t-right .i-t-r-i{float: left;width: 50%;height: 50%;overflow: hidden;position: relative;display: block;}
.index-two .i-t-right .i-t-r-i h1{float: left;display: block; margin-top: 2%;  margin-left: 5%;}
.index-two .i-t-right .i-t-r-i img{   position: relative;     width: 100%;}
.index-two .i-t-right .i-t-r-i .i-t-l-t{  position: absolute;width: 100%;bottom: 0;left: 0; background: rgba(51, 51, 51, 0.5);     height: 4em;overflow: hidden;}
.index-two .i-t-right .i-t-r-i .i-t-l-t img{   width: auto;height: auto;}
.index-two .i-t-right .i-t-r-i .i-t-l-t h2{     float: left;color: #fff;font-weight: normal;font-size: 1.6em;margin-left: 5%;     line-height: 2em;}

.index-two .i-t-left img,.index-three div img{width: 100%;   -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.index-two .i-t-left img:hover,.index-two .i-t-right .i-t-r-i img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.index-five div:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.index-five div:hover p img{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.index-five div img{ width: 100%;   -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.index-five div:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.index-five div:hover p img{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}


.index-two .i-t-left:hover .i-t-l-t{    display: none;}
.index-two .i-t-left:hover .i-t-l-info{    left: 0%;opacity: 1;}
.i-t-l-info{position: absolute;left: 00%;top: 0%;color: #fff;width: 100%;opacity: 0;    background: rgba(1, 52, 143, 0.8);height: 100%;}
.move {-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}

.index-two .i-t-right .i-t-r-i .i-t-l-info{position: absolute;left: 00%;top: 0%;color: #fff;width: 100%;opacity: 0;    background: rgba(1, 52, 143, 0.8);}
.index-two .i-t-right .i-t-r-i .i-t-l-info h1{ overflow: hidden;width: 80%;margin: 0 auto;     margin-top: 10%;     float: none;}
.index-two .i-t-right .i-t-r-i img{width: 100%;   -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.index-two .i-t-right .i-t-r-i .i-t-l-info h1 img{}
.index-two .i-t-right .i-t-r-i:hover .i-t-l-t{ display: none;}
.index-two .i-t-right .i-t-r-i:hover .i-t-l-info{  left: 0%;opacity: 1;}
.index-two .i-t-right .i-t-r-i .i-t-l-info h2{  width: 80%;margin: 0 auto;display: block;font-size: 1em;font-weight: normal;    line-height: 1.2em;margin-top: 5%;margin-bottom: 5%;}
.index-two .i-t-right .i-t-r-i .i-t-l-info h3{ width: 50%;margin-left: 10%;font-weight: normal;font-size: 1em;color: #eee;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}


.index-two .i-t-left .i-t-l-info h1{    overflow: hidden;width: 80%;margin: 0 auto;     margin-top: 35%;     float: none;}
.index-two .i-t-left .i-t-l-info h1 img{}
.index-two .i-t-left .i-t-l-info h1 b,.index-two .i-t-right .i-t-r-i .i-t-l-info h1 b{    float: left;margin-left: 30px;display: block;overflow: hidden;font-weight: normal;font-size: 1em;}
.index-two .i-t-left .i-t-l-info h1 img,.index-two .i-t-right .i-t-r-i .i-t-l-info h1 img{    width: 26px;height: 26px;float: left;display: block;}
.index-two .i-t-left .i-t-l-info h2{    width: 80%;margin: 6% auto;display: block;font-size: 1em;font-weight: normal;line-height: 1.4em;}
.index-two .i-t-left .i-t-l-info h3{    width: 30%;margin-left: 10%;font-weight: normal;font-size: 1em;color: #eee;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}


/************研发中心******************/
.n_yan_bg{ width:100%; overflow:hidden;padding: 50px 0px;}
.yan_tit{ margin:10px 0px; color:#333; line-height:2; font-size:16px;}
.yan_box{ padding-bottom:40px;}

.n_hex_bg{ width:100%; overflow:hidden;padding: 50px 0px;}
.hex_box p{ width:100%; background:#1d2087; color:#fff; height:45px; line-height:45px; text-align:center;}

/************新闻******************/
.new_box{position:relative;background:#fff;margin-top:20px;border-radius: 10px;overflow: hidden;border:1px solid #ebe8e4;border-radius:10px ;}
.new_box .img{width: 35%;float:left;overflow:hidden;  max-height: 280px;}
.new_box .img img{ max-width:100%; transition:1s;width: 100%;}
.new_box .txt{height:100%;width: 60%;float:right;padding:25px;box-sizing: border-box;}
.new_box .txt h5{ font-size:20px; color:#404044; white-space:normal; line-height:1.5; overflow:hidden;}
.new_box .txt h5 a{ display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new_box .txt p{ font-size:14px; color:#949497; line-height:24px;overflow:hidden; margin-top:5%; margin-bottom:5%;}
.new_box .time{ font-size:16px; color:#dcbb97; font-weight:bold;  display:block;}
.new_box:hover .img img{ transform:scale(1.1);}
.new_box .more{ float:right; width:110px; height:35px; display:block; border-radius:20px; background:#f6a11a; color:#fff; font-size:14px; text-align:center; line-height:35px; margin-top:16px;}
.new_box:hover .more{color:#fff;}

/*************人才招聘****************/
.join_bg{ width:100%; overflow:hidden;padding: 50px 0px;}
.recruits-list {overflow:hidden;background: #005AAC;border-top: 2px solid #005aac;}
.recruits-list .recruits-nav {float: left;width: 250px;padding: 2rem 0px 0px 3rem;}
.recruits-list .recruits-nav-name {font-size: 18px;color: #fff;line-height: 2;}
.recruits-list .recruits-nav-a {display: block;position: relative;font-size: 16px;line-height: 1.5;color: #fff;padding: 7px .4rem;/* border-bottom: 1px solid #fff; *//* background: #fff; */transition-duration: .5s;}
.recruits-list .recruits-nav-a:before {left: 0;top: 50%;transform: translateY(-50%);content: "";display: block;width: 3px;height: 0;transition-duration: .5s;background: #f08300;position: absolute;}

.recruits-list .recruits-nav-a.cur{background: #f08300;color: #fff;}
.recruits-list .recruits-nav-a:hover:before, .recruits-list .recruits-nav-a.cur:before {height: 100%; }

.recruits-list .recruits-info {float:right;width: calc(100% - 250px);background: #f9f9f9;}
.recruits-list .recruits-info-contents {padding: 2rem 1rem 400px 2rem;transition-duration: .3s;border-left: 1px solid #dcdcdc; display:none; position:relative;}
.recruits-list .recruits-info-contents:first-child {display: block;}
.recruits-list .recruits-position-name {font-size: 18px;line-height:2;color: #005AAC;}
.recruits-list .para-item {font-size: 15px;line-height:1.8;color: #787f88;position: relative; }
.recruits-list .recruits-bot-item {font-size: 14px;line-height: 34px;padding-top: 30px; }
.recruits-list .recruits-bot-h5 {color: #1c1c1c;font-size: 18px;line-height: 1.5;}
.recruits-list .recruits-bot-h5:after { content: "";display: block; width: 35px;height: 3px;line-height: 1px; background: #f08300;margin: 10px 0px;}
.recruits-list .recruits-bot-detial {color: #787f88;line-height: 2;}
.recruits-list .recruits-bot-detial p{color: #787f88;line-height: 2;}

.recruits-info .recruits-more {margin-top: 2rem;color: #005AAC;font-size: 14px;display: inline-block;}
.recruits-info .recruits-btn {position:absolute;right: 1.5rem;top:10px;display:inline-block;margin-top:2rem;width: 160px;height: 40px;line-height: 40px;color: #fff;font-size: 15px;text-align: center;background: #005AAC;transition-duration: .3s;border-radius: 10px;}
@media (max-width: 1920px) {
.recruits-list .recruits-info-contents {padding: 2rem 1rem 200px 2rem;transition-duration: .3s;border-left: 1px solid #dcdcdc; display:none; position:relative;}
}

@media (max-width: 769px) {

	
.join_four .swiper-button-next{ display:block;background: url(../images/feel4.png) no-repeat center center; position: absolute;right: 5px;top: 50%;margin-top: -30px; width: 30px;height: 60px;}
.join_four .swiper-button-prev{ display:block;background: url(../images/feel3.png) no-repeat center center; position: absolute;left: 5px;top: 50%;margin-top: -30px; width: 30px;height: 60px;}

.recruits-list .recruits-nav {float: left;width: 250px;padding: 2rem 0px 2rem 0rem;}
.recruits-list .recruits-info {float:right;width:100%;background: #f8f8f8;}
.recruits-info .recruits-btn {bottom:1rem; top:auto;}
.recruits-list .recruits-info-contents {padding: 2rem 1rem 2rem 2rem;}
}

/*********联系我们***********/
.n_contact_bg{ width:100%; overflow:hidden;padding: 50px 0px;}
.n_contact_bg h2{ line-height:1.5; margin-bottom:40px; font-size:30px; color:#333}

.tact .list{ overflow:hidden;width:100%; display: flex;} 
.tact .list li{ width: 32.1%;}
.tact .list li h3{ margin-bottom:10px;}

.dibumap {
	width:100%;
    height: 450px;
    margin-top:50px;
    position: relative;
    z-index: 0;
}



/***********表格**************/
.n_fackend_bg{ width:100%; overflow:hidden;padding: 50px 0px; background:url(../images/input-back.jpg) center center no-repeat;}
.n_fackend_bg h2{ margin-bottom:40px; font-size:30px; color:#333;line-height:1.5;}
.n_fackend_bg .input-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}
.n_fackend_bg .input-top .input-b {
    width: 32.1%;
    background: #fff;
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
    padding: 0 0.55rem;
    overflow: hidden; height:45px; line-height:45px;
}
.n_fackend_bg .input-top .input-b input{ width:100%;}

.n_fackend_bg .textarea {
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
    margin-bottom: 0.5rem;
    box-sizing: border-box;
    padding: 0.25rem 0.55rem;
    background: #fff;height:245px; line-height:45px;
}
.n_fackend_bg .textarea #content{ width:100%; height:100%;}
.reset_btn{
    padding: 0 20px;
    height: 40px;
    border-radius: 20px;
    background: #b5b5b5;
    border: none;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    box-shadow: 8px 10px 12px rgba(0, 0, 0, .1);
}
.sub_btn{
    padding: 0 20px;
    height: 40px;
    border-radius: 20px;
    background: #0074c1;
    border: none;
    font-size: 14px;
    color: #fff;

    font-weight: 700;
    box-shadow: 8px 10px 12px rgba(0, 0, 0, .1);
}




/*****详细页*****/
.news-art-main{background: #f9f9f9;margin:40px auto;padding: 50px 80px 50px;}
.art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #333;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;width: 300px;}
.art-main{padding-top: 30px;padding-bottom: 40px;}
.art-main p{text-indent: 2em;font-size: 16px;line-height:1.7;color: #444;}
.art-main p img{ margin-left:-2em;}

.art-main h1{ font-size:22px; line-height:1.5; border-bottom:1px solid #1c1f86; color:#1c1f86; margin-top:20px;}

.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color:#a59380;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #a59380;line-height:36px;text-align: center;box-sizing: border-box;color: #a59380;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #a59380;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}


/*******分页*********/
.text-center {text-align: center; border-top: 1px solid #ddd;}
.pagination{display: inline-block; padding-left: 0; margin:20px 0px 20px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #ff7702; border-color: #ff7702;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}