body { font-family: 微软雅黑,"Open Sans", sans-serif;font-size:14px; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif;font-size:1em;; }
.wrap { width: 100%; 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{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 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);}

 
*{ 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 { position:fixed;background:#fff; top:0; left:0; width:100%;z-index:1000;padding:25px 0;  }
.header.fixed{ padding:10px 0;box-shadow:0 0 5px rgba(0,0,0,0.1)}
.menu ul li{ float:left; margin-left:40px;}
.menu ul li a{ display:block; line-height:40px; color:#333; font-size:16px;} 
.menu ul li a:hover,.menu ul li.on a{color:#043eac}

img{max-width:100%;}

.banner .item{ position:relative;}
.banner .item img{ display:block; width:100%;}
.banner .item .text{ position:absolute; left:0; top:50%; margin-top:-40px; line-height:50px; text-align:center;width:100%;color:#fff;  }
.banner .item .text h2{ font-size:46px;font-weight:normal;color:#1e50ae;margin-bottom:25px;}
.banner .item .text label{display:block;width:56px;height:2px;background:#1e50ae;margin:0 auto;}

 
.page1 .wrap{ padding-bottom:140px;}
.page1_box{ float:left;position:relative;z-index:9; margin-top:-90px;/*position:absolute; z-index:100; top:-90px;left:0; right:0;*/width:100%;min-height:180px;background:url(banner1.jpg) no-repeat center center; background-size:cover;color:#fff;}
.page1_box .box{padding:50px 40px; }
.page1_box h5{ font-size:12px;font-weight:normal;}
.page1_box h3{ line-height:55px; font-size:24px;font-weight:normal;}
.page1_box .frt{max-width:368px; text-align:center;border:2px solid #fff;line-height:56px;position:relative;padding:0 30px;margin-top:15px;}
.page1_box .frt h4{line-height:30px; position:absolute; top:-15px;left:0;width:100%;}
.page1_box .frt h4 span{display:inline-block;padding:0 10px; background:url(banner1.jpg) no-repeat border-box center; font-size:24px; font-weight:normal;}
.page1_box .frt p{padding-top:5px;font-size:16px;}
/*----------mainer----------*/
.mainer {margin-top:90px;}
.page1.page{overflow:initial; background:#f5f5f5;}
.page_tit{clear:both; text-align:center;padding:80px 0;}
.page_tit h3{ font-size:22px;color:#304558;font-weight:normal; margin-bottom:15px;}
.page_tit p{ line-height:23px;color:#666668; text-align:center; }
.page1_list ul{overflow:hidden;margin:0 -2%;}
.page1_list ul li{width:21%; margin:0 2%; float:left;}
.page1_list ul li a{display:block; border:1px solid #e6e6e6;background:#fff;}
.page1_list ul li a:hover .text{background:#1e50ae;padding-top:30px;}
.page1_list ul li a:hover{ border-color:#fff;}
.page1_list ul li a:hover .icon{ height:150px;}
.page1_list ul li a:hover  .text p,.page1_list ul li a:hover .text h3,.page1_list ul li a:hover .text h3 span{color:#fff;}
.page1_list ul li .icon{ height:180px;}
.page1_list ul li .icon1{background:url(icon1.png) no-repeat center center;}
.page1_list ul li .icon2{background:url(icon2.png) no-repeat center center;}
.page1_list ul li .icon3{background:url(icon3.png) no-repeat center center;}
.page1_list ul li .icon4{background:url(icon4.png) no-repeat center center;}
.page1_list ul li .text{text-align:center;height:90px;}
.page1_list ul li .text p{padding-bottom:15px; color:#c7cbd3;font-size:14px;width:90%; margin:0 auto;line-height:18px;}
.page1_list ul li .text h3{ font-size:14px;color:#304558;font-weight:normal;}
.page1_list ul li .text h3 span{display:inline-block;padding:0 5px;color:#304558;}

.page2{background:url(banner2.jpg) no-repeat center center; background-size:cover;color:#fff;padding:55px 0;}
.page2_list ul{ overflow:hidden;}
.page2_list ul li{ width:19%;margin:0 3%; float:left; text-align:center;}
.page2_list ul li .tit{margin-bottom:30px; border:1px solid #5b94ff;line-height:70px; padding-bottom:10px; position:relative;}
.page2_list ul li .text{ line-height:23px;}
.page2_list ul li .timer{ font-size:45px;line-height:70px; display:block;}
.page2_list ul li .tit p{position:absolute; bottom:-10px; width:100%;line-height:20px; font-size:16px;}
.page2_list ul li .tit p span{display:inline-block;padding:0 15px;background:#2d5bb3;  }

.page3{background:#fff;padding-bottom:80px;}
.page3_list ul{  overflow:hidden;}
.page3_list ul li{width:50%; float:left;}
.page3_list ul li .list{ margin:15px; background:#f6f8f7;padding:35px 40px;}
.page3_list ul li .list .icon{ float:left;width:50px; margin-right:20px;}
.page3_list ul li .list .text{/*width:80%;*/ overflow:hidden;line-height:22px;color:#a9a9a9;}
.page3_list ul li .list h3{font-size:20px;font-weight:normal;color:#323433;margin-bottom:10px;}
.page3_list ul li .list  p{text-align:justify; height:66px; overflow:hidden;}

.page4 .tab{ width:100%; display:table;background:#27354d;color:#fff;}
.page4 .tab .cell{width:50%; display:table-cell; vertical-align:middle;}
.page4 .tab .text{line-height:26px;color:#a1adc3; padding-left:35px;padding-right:30px;max-width:530px; }
.page4 .tab .text h3{ font-size:22px; font-weight:normal;color:#fff; margin-bottom:20px;}
.page4 .tab .btn{ margin-top:20px;}
.page4 .tab .btn a{display:block; width:114px; padding:0 20px; border:1px solid #8596b7;line-height:40px;}
.page4 .tab .btn a span{display:block;background:url(icon.png) no-repeat right center;color:#8596b7}
.page4 .tab .btn a:hover {background:#fff;}
.page4 .tab .btn a:hover span{ margin:0 10px;}

.page5{background:#f5f5f5; padding-bottom:130px;}
.page5_list .text{ padding:10px;}
.page5_list .text h3{font-size:16px; font-weight:normal;line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page5_list .text h3 a:hover{color:#1e50ae}
.page5_list .text p{ line-height:22px; color:#999; height:44px; overflow:hidden;}
.page5_list .owl-theme .owl-controls{ bottom:-70px;}
.page5_list .owl-theme .owl-controls .owl-nav [class*=owl-]{ width:42px; height:34px; padding:0;background-color:#27354d;background-position:center center;background-repeat:no-repeat; border-radius:0;margin:0 12px;}
.page5_list .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background-color:#1e50ae;opacity:1;}
.page5_list .owl-theme .owl-controls .owl-nav .owl-prev{background-image:url(cur1.png);}
.page5_list .owl-theme .owl-controls .owl-nav .owl-next{background-image:url(cur2.png);}

.page{ overflow:hidden;}

.page6{padding-bottom:90px;}
.page6_list ul{margin-top:-26px; overflow:hidden;}
.page6_list ul li{padding:26px 0; width:50%; float:left;border-bottom:1px dotted #dcd5cf}
.page6_list ul li .list{margin-right:5%;}
.page6_list ul li:nth-child(2n) .list{ margin-right:0;margin-left:5%;}
.page6_list ul li .date{ float:left;width:84px; height:67px; background:#1e50ae;margin-right:20px; text-align:center; color:#fff;}
.page6_list ul li .text{overflow:hidden;}
.page6_list ul li .date span{display:block;font-size:22px; line-height:45px;}
.page6_list ul li h3{ font-size:16px;font-weight:normal;margin-bottom:10px;}
.page6_list ul li h3 a:hover{color:#1e50ae}
.page6_list ul li p{line-height:22px;color:#999; height:44px;overflow:hidden;}
/*----------footer----------*/
.footer { background:#1f2128;padding:35px 0;color:#b3b5ba; text-align:center;}
.f_nav{ margin-bottom:15px;}
.f_nav ul{display:inline-block;}
.f_nav ul li{display:inline-block; padding:0 15px;border-left:1px solid #49605b}
.f_nav ul li:first-child{ border-left:0;}
.f_nav ul li a:hover{color:#8596b7}
.f_nav ul li a,.footer a{ color:#b3b5ba;}
.footer p span{border-left:1px solid #49605b; display:inline-block; margin-left:10px;padding-left:10px;}







/*----------custom----------*/

.page_banner { height:380px; }
.page_nav { text-align:center; margin-bottom:60px; }
.page_nav ul { display:inline-block; white-space:nowrap; overflow-x:auto;width:100%;}
.page_nav ul li { display:inline-block; margin:0 15px; }
.page_nav ul li a { display:inline-block; width:150px; height:44px; line-height:44px; background:#f0f0f0; font-size:14px; color:#666; }
.page_nav ul li.on a, .page_nav ul li a:hover, .page_nav ul li a:active { background:#1e50ae; color:#fff; }

.case_list.on .item{animation-name: zoomIn; animation-duration: 1s; animation-fill-mode: both;}
@keyframes zoomIn {
  from {
    opacity: 0;filter:alpha(opacity=0);
    transform: scale3d(.3, .3, .3);-o-transform: scale3d(.3, .3, .3);-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);-moz-transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;filter:alpha(opacity=100);
  }
}
.case_list { margin:0 -1%; }
.case_list .item { float:left; width:31.333%; margin:0 1% 50px; }
.case_list .item .img { }
.case_list .item .img img { display:block; width:100%; }
.page5_list .text h4 { font-weight:normal; font-size:16px; line-height:40px; }
.page5_list .text h4 a { color:#1e50ae; }
.page5_list .text h4 span { font-size:14px; color:#333; margin-left:14px; }


.page1.page1_service .wrap { padding-top:0; }


.page_contact { }
.page_contact .text { padding-left:40px; }
.page_contact .text ul li { float:left; width:27%; margin-bottom:20px; }
.page_contact .text ul li.li1 { width:46%; }
.page_contact .text ul li p { font-size:16px; color:#333; }

.page_contact { }
.page_contact .tab { padding:30px 105px 0 40px; }
.page_contact .tab .list { font-size:16px; margin-top:30px; }
.page_contact .tab .list span { display:block; float:left; width:95px; line-height:40px; height:40px; }
.page_contact .tab .list i { float:right; margin-left:20px; height:40px; line-height:40px; font-style:normal; color:#ff0101; }
.page_contact .tab .list .web { overflow:hidden; }
.page_contact .tab .list .web .div_input { border:1px solid #8596b7; height:38px; line-height:38px; }
.page_contact .tab .list .web .div_input input { width:100%; border:none; height:38px; line-height:38px; }
.page_contact .tab .list .web .div_textarea { border:1px solid #8596b7; padding:6px 15px; }
.page_contact .tab .list .web .div_textarea textarea { width:100%; resize:none; border:none; height:84px; }
.page_contact .tab .btn { padding-left:95px; margin-top:20px; }
.page_contact .tab .btn a { display:inline-block; width:216px; height:42px; line-height:42px; text-align:center; background:#2455b1; font-size:16px; color:#fff; }


.page_size { text-align:center; margin:35px 0; }
.page_size a { display:inline-block; width:46px; height:46px; line-height:46px; background:#dadada; font-size:12px; color:#000; margin:0 7px; text-align:center; vertical-align:middle; }
.page_size a.on, .page_size a:hover { background:#1e50ae; color:#fff; }
.page_size a.prev { background:#dadada url(icon9.png) no-repeat center center; }
.page_size a.next { background:#dadada url(icon10.png) no-repeat center center; }

.page5_list .text .btn { margin-top:15px; }
.page5_list .text .btn a { display:inline-block; padding-right:14px; background:url(icon11.png) no-repeat right center; font-size:14px; color:#333; }
.page_ztjj .page_tit { padding-bottom:50px; }
.page_ztjj .page5_list .text p { height:22px; }


.page.pro_details { padding-bottom:75px; }
.pro_details .tit { text-align:center; border-bottom:1px solid #ece9ea; padding:35px 0; }
.pro_details .tit h3 { font-weight:normal; font-size:16px; color:#333; }
.pro_details .tit p { font-size:16px; color:#999; margin-top:15px; }
.pro_details .web { }
.pro_details .web .img1 { margin:38px 0; }
.pro_details .web .img1 img { display:block; margin:0 auto; }
.pro_details .web p { font-size:14px; color:#38393b; line-height:30px; text-align:justify; }


.page.page_details { padding-bottom:95px; }
.page_details .tit { border-bottom:1px solid #ddd; padding:58px 0 17px; }
.page_details .tit h3 { font-size:30px; color:#000; font-weight:normal; }
.page_details .tit p { font-size:14px; color:#747474; line-height:20px; margin-top:20px; }
.page_details .tit p span { display:inline-block; padding-left:23px; margin-right:40px; }
.page_details .tit p span.sp1 { background:url(icon12.png) no-repeat left center; }
.page_details .tit p span.sp2 { background:url(icon13.png) no-repeat left center; }
.page_details .web { padding-bottom:40px; border-bottom:1px solid #ddd; }
.page_details .web .img1_box { margin:30px 0; }
.page_details .web .img1_box .img1 { width:48%; }
.page_details .web .img1_box .img1 img { display:block; width:100%; }
.page_details .web p { font-size:14px; color:#222; line-height:28px; text-align:justify; margin-top:28px; }
.details_pn { font-size:16px; line-height:16px; background:url(icon14.png) no-repeat center center; margin-top:33px; }
.details_pn .back{width:30px; margin:0 auto; display:block;height:20px;}
.details_pn a { color:#38393b; }
.details_pn a.a1 { float:right; }
.details_pn a:hover,.details_pn a:active { color:#3641ff; }

.hot_news { margin-top:50px; }
.hot_news h3 { font-size:14px; font-weight:normal; color:#000; }
.hot_news h3 span { display:inline-block; padding-bottom:8px; border-bottom:1px solid #0f0d0e; }
.hot_news .list { margin-top:30px; }
.hot_news .list ul li { font-size:14px; margin-top:14px; }
.hot_news .list ul li a { color:#000; }
.hot_news .list ul li a:hover, .hot_news .list ul li a:active { color:#3641ff; }
.logo{line-height:40px;}
.logo img{vertical-align:middle;}

@media only screen and (max-width: 1250px){
    .wrap{width:95%;}
    .banner .item .text h2{ font-size:40px;}
    .page1_box .box{padding:40px;}
    .page4 .tab .text{ line-height:23px;}
    .page4 .tab .text h3{margin-bottom:10px;}.page4 .tab .btn{margin-top:10px;}
}


@media only screen and (max-width: 1100px) {
    .page4 .tab .text{padding:0 15px;}
    .page_tit{padding:40px 0;}
    .page1 .wrap{padding-bottom:40px;}
    .banner .item .text{margin-top:-80px;}
    .header{ padding:15px 0;}
    .mainer{margin-top:70px;}
    .page_banner{ height:240px;}
}


@media only screen and (max-width: 900px) {
    .page_banner{ height:180px;}
    .banner .item{overflow:hidden;}
    .banner .img1{width:150%; margin-left:-25%;}
    .menu ul li{margin-left:20px;}
    .page1_box .box{padding:40px 15px;line-height:25px;}
    .page1_box .frt{padding:0 10px;}
    .page1_list ul li{width:23%; margin:0 1%;}
    .page2_list ul li{width:23%; margin:0 1%;}
    .page3_list ul li .list{padding:20px;margin:5px;}
    .page1_box h3{line-height:30px;}
    .page4 .tab .cell{ display:block;width:auto;}
    .page4 .tab .text{width:auto; max-width:initial; padding:20px;}
    .page_contact .text{padding-left:0}
    .page_contact .text ul li{line-height:35px;margin:0 20px;display:inline-block;float:none;}
    .page_contact .tab{padding:30px;}
    .page_contact .text ul{ text-align:center;}
    .page_contact .text ul li.li1{ width:auto;}
    .page_contact .text ul li{ width:auto;}
}


@media only screen and (max-width: 800px) {
    .header{padding:10px 0;}
    .mainer{ margin-top:60px;}
    .menu{display:table;z-index:9; background:#fff; position:fixed;top:0;left:-100%; width:100%; height:100%;}
    .h_menu .menu{ left:0;}
    .menu ul{display:table-cell; vertical-align:middle;}
    .menu ul li{ float:none; margin:0;text-align:center; }
    .menu ul li a{ font-size:20px;}
    .header .logo{position:relative; z-index:10;}
    .menu_wrap{position:absolute;z-index:11; top:5px;right:5px;width:30px;height:30px;background:url(menu.png) no-repeat center center #1e50ae;background-size:auto 18px;}
    .banner .item .text h2{ font-size:20px; margin-bottom:10px;}
    .banner .item .text{ line-height:35px;}

    .page1_box .box{padding:15px ;line-height:20px;}
    .page1_box h3{ line-height:40px;}
    .page_tit p{ max-width:90%; margin:0 auto;}
    .page_tit p br{ display:none;}
    .page1_list ul li{width:48%;margin:5px 1%;}
    .page1_list ul li .text{height:30px;}
    .page1_list ul li .text p{padding-bottom:5px;height:36px;display:none; width:100%; }
    .page1_list ul li .icon{height:100px;background-size:auto 80%;}
    .page1_box .frt{float:none;margin-bottom:10px;}
    .page2_list ul li{width:47%;margin:10px 1.5%;}
    .page3_list ul li{width:100%;}
    .page_tit{padding:20px 0;}
    .page6_list ul li{width:100%;padding:10px 0;}
    .page6_list ul{ margin:0 auto;}
    .page3,.page6{padding-bottom:30px;}
    .page5{ padding-bottom:100px;}
    .f_nav ul li{ padding:0 5px;}
    .page6_list ul li .list{margin:0 auto;}
    .page6_list ul li:nth-child(2n) .list{ margin:0 auto;}
    .page_nav ul li a{width:auto;padding:0 20px;}
    .page_nav ul li{ margin:0 5px;}
    .page_banner{ height:180px;}
    .case_list .item{width:48%;margin-bottom:10px;}
    .case_list .item:nth-child(2n+1){clear:both;}
    .case_list .item p{ text-align:justify;}
    .page5_list .text{ padding:0 10px;}
    .page5_list .text p{ height:auto;}

    .page_size a{width:auto; min-width:15px;padding:0 5px;line-height:30px;height:auto;min-height:30px;}
    .page_ztjj .page_tit{ padding-bottom:initial;}
    
    .page_details .tit h3{ font-size:26px;}
}

@media only screen and (max-width: 750px) {
    .page_banner{height:100px;}
    .page_contact .text ul li{line-height:25px;}
    .page_contact .tab .list span{ float:none;}
    .page_contact .tab .list{ font-size:14px;margin-top:10px;}
    .page_contact .tab{padding:10px 20px;}
    .page_contact .text ul{text-align:left;}
    .page_contact .tab .list i{margin-left:10px;width:10px;text-align:center;}
    .page_contact .tab .btn{ padding-left:0;padding-right:20px;}.page_contact .tab .btn a{width:100%;}
    .page_contact .text ul li p{font-size:14px; }
    .page_details .tit h3{ font-size:20px;line-height:35px;}
    .page_details .web p{line-height:24px; margin-top:10px;}
    .hot_news .list ul li a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .page_details .tit{padding-top:20px;}
    .page.page_details{padding-bottom:40px;}
    .pro_details .tit{padding:25px 0;}
}