﻿@charset "utf-8";

/* 公共样式 */
*{ margin:0px; padding:0px; scrollbar-3dlight-color:#ccc;scrollbar-highlight-color:#f1f1f1;scrollbar-face-color:#ccc;scrollbar-arrow-color:#000;scrollbar-shadow-color:#ccc;scrollbar-dark-shadow-color:#f1f1f1;scrollbar-base-color:#000;scrollbar-track-color: #eee;  }
html{-webkit-text-size-adjust:none; }
div,form,img,ul,ol,li,p,dl,dt,dd {border: 0;list-style:none;}
ul,li {list-style: none }
img, input, select, button{vertical-align:middle;}
img{ border:0;}
a{text-decoration:none; cursor:pointer; color:#111;}
a:hover{ color:#3eb94e !important; }
body{ font-size:16px; font-family:'微软雅黑','宋体'; }
table {border-collapse: collapse;}
.clear{ clear:both; height:0; overflow:hidden;}
*::-webkit-scrollbar{ width:12px; background-color:#f1f1f1; height:8px; }
*::-webkit-scrollbar-button{ display:none }
*::-webkit-scrollbar-track{ display:none }
*::-webkit-scrollbar-thumb{ background-color:#ccc; }
html,body{ min-height:100%; }

/* 布局样式 */
.page-header{ width:100%; min-width:1200px; height: 80px; background: #1565c0; position: fixed; top: 0; left: 0; z-index: 1000; }
.page-header-logo{ float:left; margin-top:15px; }
.page-header-nav{ float:left; margin-top:28px; margin-left:40px; }
.page-header-nav a{ color:#fff; display:inline-block; margin-right:28px; transition: all 0.2s; }
.page-header-nav a:last-of-type{ margin-right:0px; }
.page-header-nav a:hover { transform: scale(1.15);  color:#fff !important;  }
.page-header-nav span{ display:block; text-align:center;  }
.page-header-nav span:last-child{ margin-top:2px; font-size:12px; }
.page-header-background{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; opacity:.1; z-index:-1; background-image:url(/skin/img/page-header.png) }
.page-center{ width:1200px; margin:0px auto; }
.page-header+.page-content{ margin-top:80px;  }
.page-header-search{ float:right; margin-top:30px; position:relative; }
.page-header-search input[type=text]{ padding:6px 20px; border:1px solid #ddd; border-radius:15px; width:140px; display:inline-block; vertical-align:middle; font-size:14px; }
.page-header-search .fa{ display:inline-block; vertical-align:middle; margin-left:15px; font-size:22px; color:#fff; transition: all 0.3s; }
.page-header-search .fa:hover{ transform: scale(1.2); }
.page-header-search .fa:last-of-type:hover+.page-header-wechat{ display:block; }
.page-float-nav{ position:fixed; top:150px; right:0px; right:-75px; z-index:999; }
.page-float-nav a{ display:block; background-color:#1451A9; color:#fff; transition: all 0.3s linear; border-bottom:1px dashed #86b1e1; position:relative; }
.page-float-nav a .fa{ display:inline-block; vertical-align:middle; width:50px; text-align:center; height:50px; line-height:50px; font-size:22px; }
.page-float-nav a span{ display:inline-block; vertical-align:middle; width:70px;  }
.page-float-nav a:hover{ transform: translate(-75px); color:#fff !important; }
.page-float-nav-qrcode{ width:150px; position:absolute; top:0px; right:130px;border:1px solid #ccc; display:none; }
.page-float-nav a:hover .page-float-nav-qrcode{ display:block; }
.page-header .page-center{  position:relative; }
.page-footer{  background-color:#1565c0; width:100%;min-width:1200px;  }
.page-footer .page-center{ position:relative; height:330px; }
.page-footer-background{ position:absolute;  opacity:.1; display:block; width:1400px; height:300px; left:-100px; top:0px; }
.page-footer-mode1{ overflow:hidden; padding-bottom:20px; border-bottom:1px solid #5c84bd; position:relative; z-index:1; }
.page-footer-nav{ float:left; color:#fff; margin-top:30px; }
.page-footer-nav a{ color:#fff; }
.page-footer-nav span{ margin:0 15px; }
.page-footer-nav p{ margin-top:15px; }
.page-footer-phone{ margin-top:30px; color:#fff; overflow:hidden; }
.page-footer-phone img{ width:120px; float:left;  }
.page-footer-phone span:first-of-type{ font-size:18px; margin-top:10px; }
.page-footer-phone span:last-of-type{ font-weight:bold; font-size:24px; margin-top:8px; }
.page-footer-phone p,.page-footer-phone span{ margin-left:150px; display:block; }  
.page-footer-qrcode{ float:right; color:#fff; margin-top:30px; }
.page-footer-qrcode a{ display:inline-block; margin-left:25px; }
.page-footer-qrcode img{ width:120px; border:1px solid #ddd; }
.page-footer-qrcode span{ display :block; text-align:center; color:#fff; margin-top:5px;  }
.page-footer-mode2{ margin-top:15px; color:#cedced; line-height:26px;  position:relative; z-index:1; }
.page-pages{ padding-top:20px; padding-bottom:20px; text-align:center; height:30px;border-radius: 5px; color:#999;}
.page-pages span,.page-pages a{ float:left; padding:6px 12px; border:1px solid #ccc; margin-right:6px;border-radius: 2px;}
.page-pages span{ background-color:#f9f9f9;}
.page-pages a{ text-decoration:none; color:#fff; background-color:#1565c0; border-color:#1565c0;
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-ms-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear;}
.page-pages a:hover{ background-color:#3e83d3; color:#fff !important; }

/* 首页样式 */
.page-banner { overflow:hidden; position:relative; }
.page-banner .swiper-slide{ width:100%; min-width:1200px; height:380px; background-position:center top; background-repeat:no-repeat;  overflow:hidden; }
.page-banner-logo{  position:absolute; width:1200px; left:50%; margin-left:-600px;z-index:999; top:0;   }
.page-banner-logo-box{ width:280px; height:230px; overflow:hidden; padding:15px; border:1px solid #999; border-radius:10px; box-shadow:0 0 5px #999; background-color:#fff; position:absolute; right:0; top:50px; opacity:.9; }
.page-banner-logo-box iframe{ border:none; width:100%; height:100%; }
.page-lead{ margin:25px 0; padding:18px; font-size:20px; color:#fff;  background-color: #1565c0; border-radius:5px; transition: all 0.3s; display:block; }
.page-lead:hover{ color:#fff !important; transform: scale(1.04);  }
.page-focus{ margin:25px 0; margin-top:15px; overflow:hidden; background-color:#eee; }
.page-focus-img{ float:left; width:100%; height:450px; }
.page-focus-img a { position:relative; width:750px; height:450px; }
.page-focus-img a img{ width:750px; height:450px; float:left; }
.page-focus-info{ float:right; width:400px; margin:20px; color:#000; }
.page-focus-info span{ display:block; }
.page-focus-info span:first-child{ font-size:30px; font-weight:bold; margin-bottom:15px; }
.page-focus-info span:nth-of-type(2){ color:#e21919; font-size:22px; line-height:30px; margin-bottom:10px; }
.page-focus-info span:nth-of-type(3){ color:#555; font-size:16px; line-height:28px; }
.page-focus .swiper-pagination{ text-align:right; padding-right:50px; }
.page-index-title{ border-top:1px solid #c4e0ed; background-image: linear-gradient(to bottom ,#e6f7ff, #fff); display:flex; justify-content:center; position:relative; }
.page-index-title h2{  display:flex; margin:0 !important; padding:0 !important; margin:0 auto; top:-21px; position:relative; }
.page-index-title h2 span{ background-color:#0b96df; padding:0 30px; color:#fff; font-size:20px; font-weight:bold; padding-top:7px; }

.page-video{ margin:25px 0; margin-top:30px; padding-top:0; }
.page-video a{ display:inline-block; margin:25px 15px; position:relative; transition: all 0.3s;  width:200px;}
.page-video a:nth-of-type(1){ margin-left:25px; }
.page-video a:hover{ transform: scale(1.1); }
.page-video a img:first-of-type{ width:200px; height:145px; border:1px solid #f1f1f1; }
.page-video a img:nth-of-type(2){  width:48px; height:48px; position:absolute; top:45px; left:90px; }
.page-video a span{ display:block; }
.page-video a span:nth-of-type(1){ position:absolute; left:0px; top:126px; color:#fff; background-color:rgba(0,0,0,0.5); font-size:12px;  padding:2px 5px; }
.page-video a span:nth-of-type(2){ position:absolute; right:0px; top:126px; color:#fff; background-color:rgba(0,0,0,0.5); font-size:12px;  padding:2px 5px; }
.page-video a span:nth-of-type(3){ width:100%; height:18px; line-height:18px; overflow:hidden; margin-top:5px; }
.page-video a:last-of-type{ margin-right:0px; }
.page-about{ margin:25px 0; color:#fff; background-color:#1565c0; overflow:hidden; text-align:center; }
.page-about h2{ text-align:center; font-size:22px; font-weight:bold; padding:30px;  z-index:1; position:relative; }
.page-about .page-center{ position:relative; height:350px; }
.page-about a{ display:inline-block; z-index:1; position:relative; margin:10px 50px; opacity:.9;  transition: all 0.3s; }
.page-about a:hover{ transform: translate(0,-20px); }
.page-about a span:first-of-type{ width:150px; height:150px; border-radius:50%; background-color:#fff; display:inline-block;  }
.page-about a span:first-of-type img{ width:80px; height:80px; margin-top:35px; }
.page-about a span:last-child{ display:block; margin-top:20px; font-size:16px;color:#fff;   }
.page-about a:last-of-type span img{ width:60px !important; }
.page-about-background{ position:absolute;  opacity:.1; display:block; width:1400px; height:350px; left:-100px; top:0px; }
.page-insurance{ margin-top:50px;  }
.page-insurance .page-insurance-item{ display:inline-block; width:385px; height:240px; border-radius:5px; vertical-align:middle; margin-right:15px; margin-top:25px; overflow:hidden; background-color:#f3f6fa;transition: all 0.3s; }
.page-insurance .page-insurance-item span{ display:block; text-align:center; background-color:#1565c0; color:#fff; padding:12px; font-size:18px; margin-bottom:18px; }
.page-insurance .page-insurance-item span a{ display:block; text-align:center; color:#fff; line-height:20px; font-size:18px; padding:0;margin:0  }
.page-insurance .page-insurance-item:last-of-type{ margin-right:0; }
.page-insurance-item a{ display:block; font-size:15px; padding:0px 15px; margin-bottom:12px; max-height:20px; overflow:hidden; }

.page-business{ padding-top:65px; overflow:hidden; }


.page-news{ display:inline-block; vertical-align:middle; width:370px; height:265px; margin-top:10px; margin-right:30px;  }
.page-news:last-of-type{ margin-right:0; }
.page-news h2{ text-align:left !important; font-size:18px !important; color:#c60000 !important; font-weight:400 !important; padding:0px !important; margin-bottom:18px !important; }
.page-news a{ display:block; height:20px; line-height:20px; width:100% ; overflow:hidden; margin-bottom:14px; }
.page-news a span:first-child{ display:inline-block; vertical-align:middle; width:6px; height:6px; background-color:#ff7e01; margin-right:10px;  }
.page-news h2 a{ float:right; color:#999; font-size:14px; display:inline-block; width:100px; text-align:right; margin:0; margin-right:10px; }
.page-seavice{  margin-bottom:20px; margin-top:20px; }
.page-seavice h2{ text-align:center; font-size:26px; font-weight:400; padding:25px;  z-index:1; position:relative; }
.page-seavice-box{ margin-bottom:15px; text-align:center; }
.page-seavice-box a{ display:inline-block; margin:25px; transition: all 0.3s; }
.page-seavice-box a span:first-child{ width:140px; height:140px; background-color:#e7eef3; border-radius:50%; text-align:center; display:block; }
.page-seavice-box a span:first-child img{ width:90px; height:90px; margin-top:23px; }
.page-seavice-box a span:last-child{ display:block; text-align:center; margin-top:15px; font-size:16px; }
.page-seavice-box a:hover{ color:#000; transform: scale(1.15); }
.page-map{ margin-bottom:25px; overflow:hidden; padding-top:30px; }
.page-map .page-index-title{ margin-bottom:20px; }
.page-map-nav{ width:300px; height:300px; overflow:auto; padding-right:10px; float:left;  }
.page-map-nav a{ display:block; padding:8px 15px; background-color:#eee; border-radius:3px; border:1px solid #ddd; margin-bottom:10px; }
.page-map-nav .on{ background-color:#1565c0; color:#fff; border-color:#1565c0; }
.page-map-box{ width:850px; float:right; }
.page-map-box iframe{ width:850px; height:330px; }

/* 视频播放 */
.page-video-play{ padding:30px 0; overflow:hidden; }
.page-video-play h2{ font-size:20px; font-weight:400; margin-bottom:15px; }
.page-video-play-attr span{ margin-top:10px; margin-right:30px; color:#777; display:inline-block; }
.page-video-play-win{ float:left;  }
.page-video-play-win #video{ width:920px; height:500px; background-color:#000; }
.page-video-play-list{ float:right; width:260px; height:500px; overflow:auto; border:1px solid #ddd; }
.page-video-play-list a{ display:block; position:relative; margin-bottom:15px; }
.page-video-play-list a img:first-child{ width:222px; height:140px; border:1px solid #ddd; }
.page-video-play-list a img:nth-of-type(2){ width:45px; height:45px; position:absolute; top:50px; left:95px; transition: all 0.3s; }
.page-video-play-list a:hover img:nth-of-type(2){ transform: scale(1.3); }
.page-video-play-list a:hover img:nth-of-type(1){ opacity:.6; }
.page-video-play-list a span{ display:block; }
.page-video-play-list a span:nth-of-type(1){ position:absolute; left:5px; top:117px; color:#fff; background-color:rgba(0,0,0,0.5); font-size:12px;  padding:2px 5px; }
.page-video-play-list a span:last-child{  color:#333;padding:3px; padding-top:6px; font-size:14px }
.page-video-play-list .on span:last-child{ color:red; }
.page-video-play-list-title{ background-color:#1565c0; color:#fff; padding:10px; }
.page-video-play-list-box{ height:438px; overflow:auto; padding:10px; }


/* 信息栏目 */
.page-column{ display:flex; }
.page-column-list {  width:240px; background-color:#f5f5f5; min-height:500px; flex-shrink:0; padding-top:30px; border:1px solid #d1d1d1; }
.page-column-list a{ display:block; height:60px; line-height:60px; text-indent:30px; border-left:5px solid #f5f5f5; font-size:16px; }
.page-column-list .on{ border-color:#1565c0; background-color:#fff; margin-right:-1px; }
.page-column-list a:hover{ color:#000 !important; background-color:#e1e1e1; border-color:#e1e1e1; }
.page-column-content{ flex:1; }
.page-column-content{ padding:30px; margin-left:40px; }
.page-content-list{ padding-top:20px; }
.page-content-item{ display:flex; align-items:center; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px; }
.page-content-item span:last-child{ margin-left:15px; color:#888; }
.page-content-text{ line-height:28px; }
.page-content-text img{ max-width:80% !important; }
.page-content-title{ font-size:20px; margin-top:20px; margin-bottom:20px; text-align:center; }
.page-content-sub{ color:#888; margin-bottom:15px; border-bottom:1px solid #eee; padding-bottom:15px; text-align:center; }
.page-content-sub span{ margin-right:20px;   }
.page-content-no{ padding:100px; text-align:center; }