﻿@font-face {
	font-family:'Regular';
	src: url(../fonts/SourceSansPro-Regular.otf);
}
@font-face {
	font-family:'Light';
	src: url(../fonts/SourceSansPro-Light.otf);
}
@font-face {
	font-family:'Bold';
	src: url(../fonts/SourceSansPro-Bold.otf);
}
@font-face {
	font-family:'BlackIt';
	src: url(../fonts/SourceSansPro-BlackIt.otf);
}
body{font-family:'Regular';}

.header{padding: 22px 0;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)}
.header-link{text-align: right;}
.header .header-nav .row{align-items: center;}
.header .header-nav .nav_ul{justify-content: flex-end;}
.header .header-nav .nav_ul a{display: block;font-size: 17px;color: #67686b;padding: 10px 10px; margin: 0 .5vw;font-weight: bold;}

.nav_ul .nav1{position: absolute;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);display:none;z-index:99;    background: white;}
.nav_ul .nav1 a{display: block!important; padding: 13px 20px!important;color: #666!important;background:white;}
.nav_ul .nav1 a:hover{background:white!important;}
.header-nav .nav1{position: absolute;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);padding-top:15px;display:none;z-index:99;}
.header-nav .nav1 a{display: block!important; padding: 10px 10px!important;color: #666!important;background:white;font-size:15px;}


.banner{position: relative;}
.banner-title{position: absolute;width: 100%;top: 15%;text-align: center;font-size: 35px;color: white;transform: translateY(-15%);}

.section{padding: 4vh 0;}
.section p{color: #545050;line-height: 1.8;}
.section-title{text-align: center;margin-bottom: 4vh;}
.section-title h2{font-size: 34px;font-family: Bold;color: #545050;margin-bottom: 10px;}
.section-title h2 span{color: #0087cf;}
.section-title p{font-size: 16px;}
.section-title h6{color: #0362ae;font-size: 16px;text-align: center;width: 80%;margin: auto;line-height: 25px;}
.section-part-more{ text-align: center;font-size: 20px;padding: 2% 0;}


.section1{padding: 4% 0 2%;}
.section2{padding: 2% 0;}
.section2 ul li{text-align: center;border-left: solid 1px #dcdcdc;}
.section2 ul li:first-child{border: 0;}
.section2 ul li img{margin-bottom: 5vh;}
.section2 ul li h3{color:#67686b;margin-bottom: 1.5vh;}
.section2 ul li p{color:#67686b;font-family:'Light';font-size: 16px;}

.section3{padding-bottom: 0;}
.section3 h3{text-align: center;font-size: 30px;color: #67686b;padding: 2vh 0;font-weight: 500;}
.section3 .section-part{background: #f2f2f2;padding:0 5% 0 5%;color: #666;}

.section4{min-height: 322px;background-image: url(../images/section4.jpg);background-position: center;background-size: cover;text-align: center;}
.section4 p{color: white;font-size: 22px;font-weight: 500;font-family: 'Light';margin-top: 50px;}
.section4 p span{color: #0188f6;}
.section4 a{color: #0188f6; display: inline-block;padding: 10px 25px;background-color: white;margin-top: 65px;}


.section5{background-color: #0362ae;padding: 6% 5% 3% 5%;}
.section5 .col-xs-6{padding-left: 25px;padding-right: 55px;}
.section5 .section5-about{padding-left: 6vw;}
.section5 h2{font-family: 'Bold';text-transform: uppercase;font-size: 28px;line-height: 2.1;color: white;}
.section5 p{color: white;font-family: 'Light';line-height: 2;font-size: 15px;}
.section5 a{color: white;display: inline-block;padding: 8px 35px;border: solid 1px white;font-size: 18px;margin-top: 5vh;}
.section5 .swiper-section5{margin-top: 35px;}

.footer{    border-top: solid 1px #cccc;}
.footer .container-sid{padding-top: 3%;padding-bottom: 2%;}
.footer .footer-item{padding: 0 3%;}
.footer h3{font-size: 28px;color: #0362ae;text-transform: uppercase;margin-bottom: 5px;}
.footer h5{font-size: 20px;color: #595b5c;font-weight: 500;text-transform: uppercase;}
.footer p{font-size: 20px;color: #5e5e5e;margin-bottom: 5px;}
.footer ul li a{display: block;font-size: 17px;color: #67686b;padding: 5px 10px; margin: 0 1vw;font-weight: bold;}
.footer ol li a{color: #000000;display: inline-block;width: 40px;height: 40px;text-align: center;line-height:40px;border-radius: 100%;border: solid 1px #000000;margin-bottom: 10px;}
.footer ol li a:hover{color: white;background: #000000;}
.footer-last p{text-align: center;padding: 10px 0;background-color: #d8dbda;color: #0362ae;margin: 0;font-size: 15px;}

.nbanner{background-size: cover;background-position: center;position: relative;}
.nbanner_part{padding:120px 0;text-align: center;}
.nbanner_part h3{padding-bottom: 10px;color: rgb(231,21,56);font-weight: bolder;font-size: 14px;font-family: 'zb_b';}
.nbanner_part h2{font-size: 42px;color: white;font-weight: bold;text-transform: uppercase;}

.mid_pos{padding:35px 0;font-size: 16px;font-family:'roboto';}
.mid_pos .nowPage{color:#0d57a6;}

.contant{padding-bottom: 3%;}
.contant .contant-part p{color: #616161;margin-bottom: 20px;box-sizing: border-box;margin-top:20px;font-family: 'Light'; line-height: 1.8;font-size: 16px;}
.about .rows{flex-wrap: wrap;margin:0;}
.about .rows li{width:50%;box-sizing: border-box;padding:15px;line-height:25px;font-size:15px;}
.about .rows li span{display:block;}
.about .rows li .title{width:33%;padding:0;color: #676666;}
.about .rows li .message{width:66%;}
.about .rows .gray{background:#f7f7f7;}

.feedback{padding-top: 2%;}
.feedback_part{padding-bottom:5%;}
.feedback_item{padding: 0 25px;width: 50%;box-sizing: border-box;}
.feedback_item h2{font-size: 30px;text-transform: uppercase;margin-bottom: 40px;}
.feedback_msg{padding-bottom: 20px;}
.feedback_msg i{font-size: 30px;color: #0362ae; padding-right: 10px;}
.feedback_msg span{font-family:'roboto-bc';display: block; font-size: 20px;text-transform: uppercase;padding-right: 25px;}
.feedback_msg p{font-size: 16px;line-height: 26px;color: #636363;align-self: center;}
.feedback_item input{    padding-left: 15px;display: block;width: 100%; line-height: 40px; margin-bottom: 15px;border-radius: 2px;border: solid 1px #cccc;}
.feedback_item textarea {padding-left: 15px;display: block;width: 100%; line-height: 40px; margin-bottom: 15px;border-radius: 2px;border: solid 1px #cccc;max-height: 120px;font-family:'sans';}
.feedback_item a{display: inline-block; padding: 13px 25px;background:#0d57a6;color: white;font-family:'sans_b';}
.feedback_item a:hover{background:#002a56f0;}
.feedback_lg { width: 60%; margin-top: 35px;padding-bottom: 25px;border-bottom: solid #0d57a6;}
.feedback_lg a{background: white;padding:0 25px;}
.feedback_lg a i{color: black; font-size: 25px;}
.feedback_lg a:hover{background:white;}
.feedback_lg a:hover i{color:#0d57a6;}

.newlist {padding-bottom:3%;}
.newlist  h3{    font-size: 35px;  font-weight: bold;color: #d6000f;padding: 10px 0 35px; text-align: center; font-family: 'sans_b';}
.news_list{padding:20px 0;border-bottom: dashed 1px #ccc;}
.title{justify-content: space-between;align-items: center;padding-bottom: 15px;}
.title .time{color: #ccc;}
.des{font-size: 16px;font-family:'sans_l';padding-bottom: 20px;}
.new_bt{text-align: right;}
.new_bt a{padding: 8px 10px;border: solid 1px #ccc;display: inline-block;font-size: 14px;color: #0362ae;}
.new_bt a:hover{color:white;background: #0362ae;}
.newcont_title{text-align: center;font-size: 20px; padding-bottom: 15px;}
.newcont_time{text-align: center;padding-bottom:10px;}
.mid_text{padding: 2% 5%; line-height: 26px;color: #666;}

.eq_part{flex-wrap: wrap;justify-content: space-between;}
.eq_part .eq_item{display: inline-block;margin-right: 10px;margin-bottom: 10px;width: 32%;}
.eq_part .eq_item span{display: block;text-align: right;padding: 5px 0;}
.qc_item{padding: 0 25px;}
.qc_item li{padding-bottom: 15px;font-size: 14px;font-family: roboto-mc;color: #8b8b8b;}
.qc_item li span{color: #616161;padding-right:8px;}

.contant-img{justify-content: space-between;}

.prolist{background: whitesmoke;padding-top:3%;}
.prolist dl{width: calc(100%/3);padding-right: 25px; padding-left:25px;float: left;padding-bottom:3%; box-sizing: border-box;}
.prolist dt{position: relative;}
.prolist_a{position: absolute;bottom: 0;left: 0;width: 100%;height: 0%; opacity: 0;background: rgba(0,0,0,0.7); align-items: center;display: flex;transition: 600ms; justify-content: center;}
.prolist_a i{color: white; width: 40px;height: 40px; background: #666666;border-radius: 100%;text-align: center; line-height: 40px;transition: 600ms;display:block;}
.prolist dt:hover .prolist_a{height: 100%;opacity: 1;}
.prolist dd h2{font-size: 16px;text-align: center; padding: 10px 0;color: white;background: #0d57a6;    transition: 600ms;font-family: roboto-l;}
.prolist dd h2 a{color:white;    font-weight: lighter;}
.prolist dd h2:hover{background: #46a5ff;}
.prolist_img{border: solid 1px #d2d2d2;}

/*分页代码*/
.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#97262a; text-decoration: none;}

.pro{    margin: auto;  width: 90%;}
.procont{ padding-top: 3%;}
.procont_pic{padding:25px 25px 25px 0;box-sizing: border-box;width:55%;}
.procont_pic img{width:100%;border: solid 1px gainsboro;}
.pro_title{padding:25px 0 25px 25px;box-sizing: border-box;width:45%;}
.pro_title h2{ font-size: 35px;padding-bottom:25px;font-family: 'roboto-bc';text-transform: capitalize;}
.procont_cont{}
.procont_cont p{
    line-height: 1.7;
    margin-bottom: 15px;
font-size:16px;
color: #616161;
}
.procont_cont span{    font-family: 'roboto-bc';font-size: 17px;font-weight: bold;    margin-right: 15px;}
.procont_cont li{

    line-height: 1.7;
font-size:16px;
color: #616161;
}
.pro_part{justify-content: space-between;padding-bottom:25px;}
.pro_bt{}
.pro_bt a{font-size: 18px;align-items: center;display: flex;    padding:10px 25px;border: solid 1px #eaeaea; font-size: 16px;align-items: center;display: flex;border-radius: 99px;transition: 600ms;}
.pro_bt i{font-size:16px;}
.pro_bt a:hover{background: #0d57a6;color: white;}

.pro_send{padding: 2% 0;}
.pro_send input{width: 100%;font-size: 14px;line-height: 25px;padding: 5px 12px;border: #e0e1e1 solid 1px; border-radius: 1px;color: #8b8d94;margin-bottom: 10px;box-sizing: border-box;}
.pro_send textarea{ width: 100%;font-size: 14px;line-height: 25px;padding: 5px 12px;border: #e0e1e1 solid 1px; border-radius: 1px;color: #8b8d94;margin-bottom: 10px;box-sizing: border-box;}
.form_send a{display: inline-block;padding: 9px 25px;background: #0d57a6;color: white}

.projects_part{padding-bottom: 3%;}
.projects_item{padding:25px 0 35px;border-bottom: dashed 1px #ccc;}
.projects_img{width: 35%;padding: 0 25px;}
.projects_img_part{ box-shadow: 0 5px 12px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)}
.projects_img_part h2{text-align: center;padding: 20px 0;font-size: 16px;}
.projects_msg{width: 65%;padding: 0 25px;flex-direction: column;justify-content: space-between;}
.projects_msg p{font-size: 16px;line-height: 25px;color: black;padding-bottom: 15px;}
.projects_msg_part{align-items: center;justify-content: space-between;padding-bottom: 25px;}
.projects_msg_part img{max-width: 200px;margin-right: 20px;}
.projects_msg_part a{display: inline-block;padding: 10px 30px;background: #0362ae;color: white;margin-right: 25px;}

@media (min-width: 768px) {
 
}
@media (min-width: 992px) {
 
}
@media (min-width: 1200px) {
  
}