body { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 14px; color: #333; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em;; }
.wrap { width: 96%; margin: 0 auto; max-width: 1200px; position: relative; }

img, a { border: 0; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
.clear:after, .clear:before { content: ''; clear: both; display: table; }
img { max-width: 100%; }
.img { overflow: hidden; position: relative; }
.img:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255,255,255,0); z-index: 100; }
.img:hover:before { top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255,255,255,0.5); }
.img:hover{ background:#000}
.img:hover img { transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); opacity:.5 }

 
*, *:after, *:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }


/*----------header----------*/
.header {box-shadow:0 0 5px rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: #fff; line-height: 70px; }
.logo img { vertical-align: middle; }
.menu ul li { float: left; margin: 0 30px; padding-top: 17px; }
.menu ul li a { line-height: 35px; display: block; }
.menu ul li.hover a { color:#163f8f;}
.menu ul li a:hover:after, .menu ul li.hover a:after { width: 100%; }
.menu ul li a:after { content: ''; display: block; width: 0; margin: 0 auto; height: 1px; background: #163f8f; }

.banner .item { position: relative; font-family: Arial; }
.banner .item .text { text-align: center; color: #e5e5e5; position: absolute; left: 0; width: 100%; }
.banner .item h2 { color: #fff; font-size: 56px; }
.banner .item p { font-size: 24px; margin: 1.5em 0; }
.t_center { top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
label.line { width: 56px; display: inline-block; height: 2px; background: #b3b3b3; vertical-align: middle; }
label.line2 { vertical-align: middle; width: 30px; display: inline-block; height: 1px; background: #434343; }
label.line3 { vertical-align: middle; width: 70px; display: inline-block; height: 1px; background: #434343; }
div.line .wrap{ border-bottom:1px solid #eee}
.page { padding: 70px 0; }
.page_tit { margin-bottom: 70px; text-align: center; }
.page_tit.on h3,.page_tit.on p{color:#fff;}
.page_tit.on label{ background:#fff;}
.page_tit h3 { font-size: 34px; font-weight: normal; color: #163f8f; }
.page_tit p { margin: 20px 0; color: #777; line-height: 25px;text-transform: capitalize;}

.page1_img { width: 60%; max-width: 714px; }
.page1_img .list { margin: 0 auto; background: #fff; position: relative; z-index: 10; padding: 25px 0; margin-top: -50px; width: 80%; box-shadow: 0 2px 20px rgba(0,0,0,0.12); }
.page1_img .list .img1 { height: 65px; }
.page1_img .list h3 { font-weight: normal; font-size: 14px; margin-bottom: 5px; }
.page1_img .list p { font-size: 11px; color: #999; padding: 0 15px; text-transform: capitalize;}
.page1_img .list ul li { width: 33.33%; float: left; margin-left: -1px; text-align: center; border-left: 1px solid #ededed; }
.page1_img .list ul { overflow: hidden; }
.page1_list { position: relative; overflow:hidden;padding-bottom:20px;}
.page1_list .page1_text { line-height: 30px; padding-left: 30px; position: absolute; bottom: 20px; left: 60%; }
.page1_text h3 { font-size: 26px; font-weight: normal; }
.page1_text label { margin: 10px 0; }
.page1_text .text { margin-top: 15px; margin-bottom: 40px; height: 210px; overflow: hidden; }
.btn a { display: block; width: 150px; line-height: 40px; text-align: center; border: 1px solid #163f8f; color: #163f8f; }
.btn a:hover { border-color: #163f8f; }
.btn a:hover span { padding-right: 30px; }
.btn a span { display: inline-block; padding-right: 20px; background: url(../style/icon4.png) no-repeat right center; color: #163f8f; }
.page{overflow:hidden;}
.page2_list ul li{ width:33.333%; float:left;}
.page2_list ul li:nth-child(3n+1){ clear:both;}
.page2_list ul li a{display:block; margin:10px 20px;}
.page2_list ul{ margin:-10px -20px;}
.page2_list .text{padding:5px;line-height:22px;}
.page2_list .text p{ height:44px; overflow:hidden; color: #666;}
.page2_list .text h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 5px 0 10px;}
.page2_list img{display:block; height: 200px; width: 100%;}
.page2_list{ overflow:hidden;}

.page_news{background:url(../style/bg1.jpg) no-repeat center center; background-attachment:fixed;}
.news_owl{ float:right;width:442px; margin-left:10%;}
.news_owl .item a{display:block;position:relative;}
.news_owl .item p{line-height:56px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color:#fff;font-size:16px; position:absolute; bottom:0; left:0; right:0;padding-left:13px;padding-right:100px; background:rgba(0,0,0,0.4)}
.news_owl .owl-dots{text-align:right;}
.owl-theme .owl-dots .owl-dot span{width:6px; height:6px;background:#787c7f;margin:0; margin-right:12px;margin-bottom:24px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background:#fff;}
.news_list{ overflow:hidden;line-height:56px;}
.news_list ul li{ border-bottom:1px dashed #fff}
.news_list ul li a{display:block; padding-right:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color:#fff; font-size:16px;position:relative;}
.news_list ul{ margin-top:-10px;}
.news_list ul li a span{position:absolute;font-size:14px; top:0; right:0; display:block;}
.news_list ul li a:hover{padding-left:10px;}
.news_list ul li a:hover span{right:10px;}
.case_list li:after{ content:''; margin-bottom:40px; display:block;clear:both; }
.case_list li a:after{ content:'';  display:block;clear:both;}
.case_list li a:hover .img,.case_list li a:hover .text{margin:0 2%;}
.case_list .img,.case_list .odd .text{ float:left;width:46%;}
.case_list .odd .img,.case_list .text{ float:right;width:46%;}
.case_list .img img{width:100%;}
.case_list .text{padding:20px 0; line-height:24px;color:#333;}
.case_list .text h3{ font-size:16px;font-weight:normal; white-space:nowrap; overflow:hidden;margin-bottom:10px;}
.case_list .text p{ height:72px; overflow:hidden;margin-bottom:20px;color:#777;}
.case_list .text span{display:block; margin-bottom:10px;}
.case_list a{display:block;}
.case_list .text span.more{ color:#163f8f}
/*----------mainer----------*/
.mainer { padding-top: 70px; }
.cont p { line-height: 35px; font-size: 16px;}
/*----------footer----------*/
.footer { background:#07111d; padding:20px 0;line-height:22px;color:#888;font-size:12px;}
.footer a{color:#fff; margin: 0 5px;}
.footer .item.center{ position:absolute; left:30%; top:20%;}
.footer .item.frt{ text-align:right;}
.footer .item.flt ul li:first-child { display: none;}
.footer h3{font-size:14px; height:14px;color:#666;margin-bottom:10px;}
.tel{ font-size:20px;color:#fff;}
.tel a{color:#163f8f}
/*----------custom----------*/
.page_title{margin-bottom:65px; text-align:center;}
.page_title h3{ font-size:34px; font-weight:normal;margin-bottom:10px;}
.page_title  p{ padding-top: 15px; font-size:14px;color:#7a7979; line-height: 25px; text-transform: capitalize;}
.page_tag{ margin-top:35px;}
.page_tag ul { overflow: hidden; display: flex; justify-content: center; align-items: center;}
.page_tag li{margin:0 5px;}
.page_tag li a{display:block;min-width: 110px;padding:0 10px; line-height:44px; background:#f0f0f0;color:#666; font-size:16px;}
.page_tag li a:hover,.page_tag li.hover a{ background:#163f8f;color:#fff;}
.page_service .page2_list li{margin-bottom:20px;}
.page_service .page2_list .text{color:#828282;}
.page_service .page2_list .text h3{font-size:16px;color:#000; font-weight:normal;padding:10px 0;}
.pagelist ul{text-align:center;margin:40px 0 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:10px 15px;}
.pagelist li a:hover{border-color:#F37B1D;background:#F37B1D;color:#fff;}
.pagelist li.active a{border-color:#F37B1D;background:#F37B1D;color:#fff;}
.modal,.fp_modal{ position:fixed; top:0; left:0;width:100%;height :100%;z-index:1000}
.fp_modal{ display:table;}
.modal{display:none; transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s; background:rgba(0,0,0,0.7);}
.fp_modal .cell{display:table-cell; vertical-align:middle;}
.modal_cont{ max-width:990px; margin:0 auto;width:90%;background:#fff;position:relative;}
.modal_cont .close{ position:absolute; top:10px; right:10px;width:32px; height:32px; background:url(../style/close.png) no-repeat center center #ccc;border-radius:100%;cursor:pointer;}
.modal_cont .close:hover{ background-color:#163f8f}
.modal_cont .box{padding:45px;}
.modal_cont .img{ float:left;margin-right:40px;}
.modal_cont .text{ line-height:26px;color:#999}
.modal_cont .text p{ min-height:20px;}
.modal_cont .text p span{color:#5a5a5a;font-weight:bold;}
.modal_cont .text h3{ color:#333; font-size:18px; font-weight:normal;padding-top:20px;}
.page2_list .img{position:relative;}
.page2_list .img img{display:block;}
.play{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../style/play.png) no-repeat center center rgba(0,0,0,0.2)}
.play1{background-image:url(../style/play1.png);}
.details{ margin:40px 0;}
.details .title{padding:20px 0; border-bottom:1px solid #ddd;margin-bottom:20px;text-align:center;}
.details .title h2{ font-size:30px;color:#333;line-height:1.2em;font-weight:normal; margin-bottom:20px;}
.details .title p span{display:inline-block; padding-left:25px;background:url(../style/icon5.png) no-repeat left center;line-height:20px;color:#999;font-size:16px;}
.details .text{ line-height:30px;color:#333;font-size:16px; padding: 30px 0;}
.details .img img{display:block;}
.details .img{position:relative;margin-bottom:20px;}
.details .text p{ padding: 5px 0;}
.details .text a { color: #0E77EA;}
.news_p_list ul li{border-bottom:1px solid #ddd; padding:20px 0;}
.news_p_list ul li a{display:block;}
.news_p_list ul li a:hover{ padding:0 20px;}
.news_p_list ul li:hover h3 {color:#163f8f }
.news_p_list ul li:after{ content:'';display:block; clear:both;}
.news_p_list .date{ float:left; width:84px; height:84px; text-align:center; background:#f2f2f2;color:#666;margin-right:20px;}
.news_p_list .date span{display:block; padding-top:20px; font-size:22px;margin-bottom:8px;}
.news_p_list .text{ overflow:hidden;line-height:24px;color:#999}
.news_p_list .text h3{font-size:16px;color:#333; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height:30px;}
.news_p_list .text p{ height:48px; overflow:hidden;}
.news_details{padding:50px 0;}
.news_details .title h2{font-size:30px; font-weight:normal;color:#333;line-height:1.2em; margin-bottom:15px;}
.news_details .title p span{display:inline-block; margin-right:40px;color:#999}
.news_details .title p span.frt{margin-right:0}
.news_details .text{ margin-top:40px; line-height:40px;color:#222}
.text_cur{ border-top:1px solid #ddd;margin-top:10px;padding-top:10px;}
.text_cur span{display:inline-block; max-width:45%; line-height:40px;}
.text_cur span a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#999}
.text_cur span a:hover{ text-decoration:underline; color:#163f8f}
.banner img{display:block;}

.contact{padding:80px 0; position:relative;overflow:hidden;}
.contact .bg{ position:absolute; left:0;width:50%; bottom:0; top:0; background:url(../style/img5.jpg) no-repeat center center; background-size:cover;}
.contact .bg img{display:none;}
.contact .item{float:left;width:43%;}
.contact .item.cont_rt{float:right;}
.contact .item .tit h3{ font-size:24px; color:#343434; font-weight:normal;}
.contact .item .tit p{ margin-top:20px;color:#6e6e6e;}
.cont_lt .list{  line-height:42px;margin-top:30px; color:#343434; font-size:18px;}
.cont_lt .list a{color:#163f8f}
.cont_rt .list{ margin-bottom:50px;}
.cont_rt .list li{margin-top:24px;}
.div_input{  padding:10px 15px; line-height:35px; border:1px solid #e0e0e0}
.div_textarea{ padding-right:0; padding-bottom:0}
.div_input input{width:100%; border:0;background:none}
.div_input textarea{display:block;resize:vertical; width:100%; height:100px; border:0;}
.div_btn button{ display:block;width:128px;line-height:40px; text-align:center; background:#163f8f;color:#fff; border: none; cursor: pointer;}
.about_tit{padding:60px 0;  background:#f1f2f4}
.about_tit ul {overflow:hidden;}
.about_tit ul li{margin-left:-1px; border-left:1px solid #e4e4e4; float:left; text-align:center;color:#535353}
.about_tit ul li h3{font-size:54px;font-weight:normal;margin-bottom:15px; color: #009b4c;}
.about_tit ul li:nth-child(1),.about_tit ul li:nth-child(2),.about_tit ul li:nth-child(3) { width: 14%;}
.about_tit ul li:nth-child(4){width:30%;}
.about_tit ul li:nth-child(5){width:28%;}
.page_tit2.left{text-align:left;}
.page_tit2{text-align:center;}
.page_tit2 h4{line-height:35px; font-size:30px; font-weight:normal;}
.page_tit2 p{color:#7a7979;margin:5px 0; margin-bottom:10px; text-transform: capitalize;}
.page_tit2 p.p1{ line-height:17px;padding:2px 4px;margin-top:20px; background:#0074e8;color:#fff;display:inline-block;}
.page_tit2 label{width:34px; height:2px;background:#000}
.about_list .row{ margin-top:75px;}
.row_profile .page_tit2{ float:left; width:30%;}
.row_profile .text{overflow:hidden;line-height:32px;color:#666}
.row_text .page_tit2 label{background:#fff;display:block;margin:20px 0}
.row_text{ background:url(../style/img6.jpg) no-repeat center center; background-size:cover;}
.row_text .box{ width:50%;float:right;padding:45px;background:rgba(0,0,0,0.85);color:#fff;line-height:32px;}
.row_text .text{width:90%; padding-bottom:30px;}
.development_list{ margin-top:20px;}
.development_list ul li{ margin-top:30px;line-height:30px;color:#666;}
.development_list span{display:block; float:left; width:97px; background:url(../style/icon6.png) no-repeat right center;margin-right:25px;}
.development_list .text{overflow:hidden;}
.row_team ul{ margin:0px -1.5%; overflow:hidden;padding:50px 0;}
.row_team ul li{line-height:20px; width:22%; float:left;  margin:1.5%;color:#535353;}
.row_team ul li .box:hover{ transform:translateY(-20px)}
.row_team ul li .text{ padding-top: 10px;}
.row_team ul li h3{font-size:16px;font-weight:normal;  }
.row_team ul li p{ font-size: 12px; color: #666;}
.row_team .box{ max-width:248px;margin:0 auto;}

@media only screen and (max-width: 1200px) {
    
    .contact .item{width:48%;}
}
@media only screen and (max-width: 990px){
    .menu ul li{ margin:0 20px;}
    .banner .item h2{font-size:40px;}
    .banner .item p{ font-size:18px;}
     .page_tit{ margin-bottom:50px;}
     .page{padding:50px 0;}
     .page1_text .text{ margin:15px 0;}
    .page2_list ul li a { margin: 10px; }
    .page2_list ul{ margin:0}
    .news_owl{ margin-left:20px;}
    .case_list .odd .img, .case_list .text{width:50%;}
    .footer .item.center{ left:30%;top:0}
    .footer h3{ height:auto;}
    .case_list .text{padding:0;}
    .case_list .text span{ margin-bottom:0}
    .row_text .text{width:100%;padding-bottom:0}
    .page_title{ margin-bottom:50px;}
    .modal_cont .img{width:50%; margin-right:20px;}
    
}
@media only screen and (max-width: 800px){
    .page1_text .text{  height:180px;}
    .page1_img .list{ width:95%;}
    .news_owl{width:350px;}
    .news_list { line-height:45px;}
    .case_list .text p{ margin-bottom:5px;}
    .menu ul li{ margin:0 10px;}
    .banner .img1 img{max-width:initial;width:150%; margin-left:-25%;}
    .banner .img1{ overflow:hidden;}
    .about_tit ul li h3{ font-size:38px;}
    .about_tit{padding:45px 0;}
}


@media only screen and (max-width: 750px) {
    .menu{ position:fixed; top:0; left:-100%;width:100%; height:100%;background:#fff;}
    .menu ul li{  float:none;display:block;border-bottom:1px solid #ddd;padding:0}
    .menu ul li a{ line-height:45px; font-size:18px;}
    .menu ul{ padding-top:60px;}
    .header .logo{ position:relative;z-index:1001;line-height:60px;}
    .menu_wrap{ position:absolute; top:10px; width:40px; height:40px; background:url(../style/menu.png) no-repeat center center #163f8f; background-size:25px auto; right:5px;}
    .h_menu .menu_wrap{ background:url(../style/menu-1.png) no-repeat center center #163f8f; background-size:25px auto; }
    .h_menu .menu{ left:0;}
    .header{ line-height:60px;}
    .mainer{ padding-top:60px;}
}

@media only screen and (max-width: 750px){
    .banner .img1 img{width:180%; margin-left:-40%;}
    .banner .item h2{ font-size:30px;}
    .banner .item p{ font-size:14px;margin:1.5em;}
    .page_tit h3{ font-size:24px;}
    .page_tit p{ margin:20px;}
    .page1_img{ width:100%; margin-bottom:20px;}
    .page1_list .page1_text{ position:initial; top:auto; left:auto; right:auto; bottom:auto;padding-left:0}
    .page1_img .list p{ font-size:10px;}
    .page1_img .list .img1{ height:50px;    }
    .page1_text{width:95%; margin:0 auto;}
    .page1_text .text{ margin-top:0}
    .page2_list ul li{width:50%}
    .page2_list ul li:nth-child(3n+1){ clear:none;}
    .page2_list ul li:nth-child(2n+1){ clear:both;}
    .news_owl{width:100%; float:none;margin-bottom:20px;margin-left:0}
    .page_tit{ margin-bottom:20px;}
    .case_list .img, .case_list .odd .text{width:100%;}
    .case_list .odd .img, .case_list .text{width:100%;}
    .case_list .img{margin-bottom:20px;} 
    .footer .item.center{ position:initial; float:right; text-align:right;}
    .footer .item.frt{ text-align:center; float:none;clear:both;padding-top:15px; font-size:10px;}
    .page_tag li a{min-width:initial;font-size:14px; line-height:40px; }
    .page_title h3{ font-size:24px;}
    .page_title{ margin-bottom:30px;}
    .modal_cont .box{ padding:20px; max-height:500px;overflow-y:auto;}
    .about_tit ul li h3{ font-size:28px;}
    .about_tit{ padding:30px 0;}
    .row_profile .page_tit2{ float:none;width:100%;margin-bottom:20px;}
    .about_list .row{ margin-top:30px;}
    .about_list .wrap{ width:90%;}
    .row_text .box{ width:auto;padding:25px;}
    .development_list span{width:70px;margin-right:15px;}
    .row_team ul li{width:47%;margin-bottom:15px;}
    .row_team ul li p,.row_team ul li h3{ height: 20px; overflow: hidden;}
    .contact .item{width:100%;margin:10px 0; float:none;}
    .contact{ padding:30px 0;}
    .contact .bg{ position:initial; top:auto; left:auto; right:auto;width:100%; margin-bottom:30px;}
    .cont_lt .list{ margin-top:10px;}
    .contact .bg img{display:block;}
    .page{padding:20px 0;}
    .details .title h2{ font-size:20px; margin-bottom:10px;}
    .details .text,.news_details .text{ font-size:14px;line-height:30px;}

    .details{ margin:10px 0;}
    .news_details .title h2{ font-size:20px;}
    .news_details .title p span{ line-height:20px;}
    .news_details .title p span:nth-child(2){ float:right;margin-right:0}
    .text_cur span{width:100%; display:block;max-width:inherit;line-height:30px; }
    .about_tit ul li:nth-child(1),.about_tit ul li:nth-child(2),.about_tit ul li:nth-child(3) { width: 33%;}
    .about_tit ul li:nth-child(4),.about_tit ul li:nth-child(5){width:50%; margin-top: 25px;}
}
.spage { font-size: 16px; line-height: 30px;}

.flexTel { display: none;}
@media only screen and (max-width: 1024px){
    .footer { margin-bottom: 50px;}
    .flexTel { display: block; position:fixed; width:100%; bottom:0;background-image: linear-gradient(#f6f6f6, #f0f0f0); border: 1px solid #ccc; border-left: 0; border-right: 0;}
    .flexTel ul { display: flex; align-items: center; justify-content: center;}
    .flexTel ul li { font-size: 20px; font-weight: 600; line-height: 50px;}
    .flexTel ul li a{ color: #f00;}
    a.icp { display: block;}
}