html{-webkit-text-size-adjust:none; overflow-y:scroll; overflow-x:hidden;}
*,body{ margin:0; padding:0; font-family: "Microsoft YaHei", "微软雅黑", sans-serif; }
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{ background:#ffffff; color:#333333; line-height:1.7; font-size:16px;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
th,td{border-collapse:collapse;}
img,a img,a:hover img{ border:0; }
ol,ul,dl,li,dt,dd{list-style:none;}
input,button,textarea,select,optgroup,option{ font-family: "Microsoft YaHei", "微软雅黑", sans-serif;}
input{-webkit-appearance:none;}
:focus{outline:0;}
a{color:#333333;text-decoration:none; }
a:hover{color:#185bbe;text-decoration:none;}
a,a:hover,.btn,.more{ transition:all 300ms ease; -webkit-appearance:none ; }
input,select,button{ -webkit-appearance: none; }
hr{border:none;height:1px;}
sup { font-size: 35%; }
.mr0 { margin-right:0 !important;}
.clear{height:0;font-size:0px;overflow:hidden;clear:both;float:none;}


.mainbox { width:900px; margin-left: auto; margin-right: auto; transition:all 300ms ease; }


.wrap { padding-top: 110px; }

/*头部*/
.header { position: fixed; left: 0; top: 0; right: 0; z-index: 9999;}
.topbox { height:110px; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition:all 300ms ease;}
.topbox .mainbox { width: 1200px; }
.topbox .logo { float:left; padding-top:19px; }
.topbox .logo img{ display:block; height: 72px; transition:all 300ms ease; }

.topbox .topr { float:right; font-size: 30px; color: #0f55c0; font-weight: bold; line-height: 42px; padding-top: 50px; transition:all 300ms ease;}
.topbox .topr b{ font-size: 36px; }
.topbox .topr span{ font-size: 24px; vertical-align: bottom; margin-left: 3px; }


.header2 .topbox{ height:70px;}
.header2 .topbox .logo { padding-top:12px; }
.header2 .topbox .logo img{ height: 46px; }
.header2 .topbox .topr { padding-top: 18px; font-size: 24px; line-height: 32px;}
.header2 .topbox .topr b{ font-size: 30px; }
.header2 .topbox .topr span{ font-size: 21px; }


.ibanner { position:relative; background: url(../img/banner.jpg) center center no-repeat; height: 630px;}
.ibanner .box { position: absolute; left: 50%; top: 50%; margin-top: -120px; width: 1200px; margin-left: -600px; color: #fff;}
.ibanner .box .t { text-align: center; line-height: 122px; font-size: 72px; font-weight: bold; text-shadow: 8px 6px 10px rgba(0,0,0,0.26);}
.ibanner .box .m { background: url(../img/bant.png) center center no-repeat; text-align: center; height: 60px; line-height: 60px; font-size: 24px; text-shadow: 8px 6px 10px rgba(0,0,0,0.26); letter-spacing: 1px; }

.ibanner .j { display: block; background: url(../img/down.png) center center no-repeat; position: absolute; left: 50%; margin-left: -28px; bottom: -28px; width: 56px; height: 56px; animation: bgf 2.5s linear infinite; }

@-webkit-keyframes bgf {
  0% { bottom: -28px;}
  50% { bottom: -36px;}
  100% { bottom: -28px;}
}


.imain1 { background: url(../img/bg1.jpg) center bottom no-repeat #fafafa; background-size: cover; padding: 87px 0 70px 0; overflow: hidden; }
.imain2 { background: #ffffff; padding: 60px 0 100px 0; overflow: hidden; }
.imain3 { background: #ffffff; padding: 50px 0 85px 0; overflow: hidden; }
.imain4 { background: url(../img/bg3.png) left top no-repeat #ffffff; padding: 50px 0 120px 0; overflow: hidden; }
.imain5 { background: #ffffff; padding: 50px 0 100px 0; overflow: hidden; }
.imain6 { background: #ffffff; padding: 50px 0 85px 0; overflow: hidden; }
.imain7 { background: url(../img/bg4.png) center bottom no-repeat #eeeff4; padding: 55px 0 90px 0; overflow: hidden; }


.imain1 .mainbox { position: relative;}
.imain1 .mainbox:before { display: block; content: ''; background: url(../img/douhao.png) no-repeat; width: 225px; height: 198px; position: absolute; left: -90px; top: -70px;}
.imain1 .con { text-align: center; font-size: 18px; line-height: 30px; color: #666666; margin-bottom: 68px;}
.imain1 .con b{ color: #185bbe;}

.btnbox { margin: 0 -8px; height: 80px;}
.btnbox ul li{ float: left; width: 33.33%;}
.btnbox ul li a{ display: block; margin: 0 8px; height: 80px; line-height: 80px; text-align: center; font-size: 24px; color: #fff; border-radius: 5px;}
.btnbox ul li a i{ display: inline-block; width: 40px; height: 40px; vertical-align: middle; margin-bottom: 2px; margin-right: 7px; }
.btnbox ul li a.book { background: #05a4a4;}
.btnbox ul li a.book i { background: url(../img/book.png) center center no-repeat;}
.btnbox ul li a.msg { background: #185bbe;}
.btnbox ul li a.msg i { background: url(../img/msg.png) center center no-repeat;}
.btnbox ul li a.home { background: #3cb4e5;}
.btnbox ul li a.home i { background: url(../img/home.png) center center no-repeat;}
.btnbox ul li a.book:hover { background: #06c4c4; color: #fff;}
.btnbox ul li a.msg:hover { background: #2a73df; color: #fff;}
.btnbox ul li a.home:hover { background: #63d2ff; color: #fff;}




.itit { text-align: center; font-size: 30px; color: #185bbe; font-weight: bold; line-height: 84px; position: relative;}
.itit:before { display: block; content:''; position: absolute; left: 50%; bottom: 1px; width: 500px; height: 1px; margin-left: -250px; background: #d2d2d2;}
.itit:after { display: block; content:''; position: absolute; left: 50%; bottom: 0px; width: 120px; height: 4px; margin-left: -60px; background: #185bbe;}

.iinfo { text-align: center; font-size: 18px; color: #666666; line-height: 30px; padding: 12px 0; margin-bottom: 42px;}


.inav { padding: 73px 0; margin: 0 -30px;}
.inav ul li { float: left; width: 25%;}
.inav ul li a{ display: block; background: #fff; border: 1px #e1e0e0 solid; margin: 0 30px; padding: 36px 0; color: #666666; transform: scale(1); box-shadow: 0 0 12px rgba(215,215,215,0.5);}
.inav ul li a i{ display: block; width: 60px; height: 60px; margin: 0 auto 4px auto; background: url(../img/ico1.png) no-repeat;}
.inav ul li a i.t1 { background-position: 0 0;}
.inav ul li a i.t2 { background-position: 0 -60px;}
.inav ul li a i.t3 { background-position: 0 -120px;}
.inav ul li a i.t4 { background-position: 0 -180px;}
.inav ul li a span { display: block; margin: 0 auto; width: 30px; height: 3px; background: #185bbe;}
.inav ul li a b { display: block; text-align: center; font-size: 14px; line-height: 38px; font-weight: normal;}

.inav ul li a:hover { background: #185bbe; transform: scale(1.1); box-shadow: 0 0 18px rgba(24,91,190,0.38); color: #fff;}
.inav ul li a:hover i.t1 { background-position: -60px 0;}
.inav ul li a:hover i.t2 { background-position: -60px -60px;}
.inav ul li a:hover i.t3 { background-position: -60px -120px;}
.inav ul li a:hover i.t4 { background-position: -60px -180px;}
.inav ul li a:hover span{ background: #fff;}

.imain2 .img img{ display: block; margin: 0 auto; max-width: 100%;}


.ibox1 { }
.ibox1 .box { background: #fff; border-radius: 20px; box-shadow: 0 0 8px rgba(215,215,215,0.6); padding: 40px 30px 75px 30px;}

.ibox1_t { display: table; width: 100%; margin-bottom: 40px; }
.ibox1_t .img{ width: 313px; padding-right: 20px; display: table-cell; vertical-align: middle; }
.ibox1_t .img img{ width: 313px; }
.ibox1_t .con{ display: table-cell; vertical-align: middle; font-size: 14px; line-height: 24px; color: #666666; }


.itable { width: 552px; margin: 0 auto;}
.itable table{ width: 100%; border: 1px #d6d6d6 solid; border-collapse: collapse;}
.itable table tr th{ border: 1px #d6d6d6 solid; text-align: center; font-weight: normal; padding: 10px; line-height: 30px; font-size: 18px; color: #333333; background: #fbfbfb;}
.itable table tr td{ border: 1px #d6d6d6 solid; text-align: center; font-weight: normal; padding: 10px; line-height: 20px; font-size: 16px; color: #666666; }



.ibox2 { background: #fff; border-radius: 20px; box-shadow: 0 0 8px rgba(215,215,215,0.6); padding: 55px 15px 85px 15px;}
.ibox2 .img { text-align: center; }
.ibox2 .img img { height: 282px;}
.ibox2 .con { padding: 42px 30px 0 30px; font-size: 14px; line-height: 30px; color: #666666;}


.ibox3 { background: #fff; border-radius: 20px; box-shadow: 0 0 8px rgba(215,215,215,0.6); padding: 20px 20px 65px 20px;}
.ibox3 .img { }
.ibox3 .img img { display: block; max-width: 100%; margin: 0 auto;}
.ibox3 .con { padding: 35px 30px 0 30px; font-size: 14px; line-height: 30px; color: #666666;}


.ibox4 { background: #fff; border-radius: 20px; box-shadow: 0 0 8px rgba(215,215,215,0.6); padding: 40px 15px;}
.ibox4 .img { text-align: center; }
.ibox4 .img img { height: 256px;}
.ibox4 .con { padding: 42px 30px 0 30px; text-align: center; font-size: 14px; line-height: 30px; color: #666666;}


.imain7 .tit{ text-align: center; font-size: 24px; color: #185bbe; font-weight: bold; line-height: 56px;}
.imain7 .down { display: block; margin: 0 auto; margin-bottom: 16px; background: url(../img/d2.png) center center no-repeat; width: 35px; height: 35px;}


.footer {}
.footbox { background: #185bbe; text-align: center; padding: 20px; line-height: 22px; font-size: 12px; color: #fff;}


@media (min-width:240px) and (max-width:999px){
body { font-size:14px;}
.wrap { padding-top: 50px; }
.mainbox{ width:auto;margin-left:15px;margin-right:15px;}

.topbox { height:50px; }
.topbox .mainbox { width: auto;}
.topbox .logo { padding-top:8px; }
.topbox .logo img{ height: 34px; }

.topbox .topr { font-size: 12px; line-height: 32px; padding-top: 10px; }
.topbox .topr b{ font-size: 14px; }
.topbox .topr span{ font-size: 12px; margin-left: 2px; }


.header2 .topbox{ height:50px;}
.header2 .topbox .logo { padding-top:8px; }
.header2 .topbox .logo img{ height: 34px; }
.header2 .topbox .topr { padding-top: 10px; font-size: 12px; line-height: 32px;}
.header2 .topbox .topr b{ font-size: 14px; }
.header2 .topbox .topr span{ font-size: 12px; }


.ibanner { position:relative; background-size: cover; padding: 100px 20px 120px 20px; height: auto;}
.ibanner .box { position: relative; left:0; top:0; margin-top:0; width: auto; margin-left:0; }
.ibanner .box .t { line-height: 50px; font-size: 26px; text-shadow: 4px 3px 5px rgba(0,0,0,0.26);}
.ibanner .box .m { background-size: auto 32px; height: 32px; line-height: 32px; font-size: 12px; text-shadow: 4px 3px 5px rgba(0,0,0,0.26); letter-spacing: 1px; }

.ibanner .j { background-size: 40px 40px; margin-left: -20px; bottom: -20px; width: 40px; height: 40px; }

@-webkit-keyframes bgf {
  0% { bottom: -18px;}
  50% { bottom: -26px;}
  100% { bottom: -18px;}
}


.imain1 { background-size: cover; padding: 40px 0 30px 0; }
.imain2 { padding: 25px 0 50px 0; }
.imain3 { padding: 25px 0 40px 0; }
.imain4 { background-size: auto 100%; padding: 25px 0 60px 0; }
.imain5 { padding: 25px 0 50px 0; }
.imain6 { padding: 25px 0 40px 0; }
.imain7 { background-size: 90% auto; padding: 30px 0 45px 0; }


.imain1 .mainbox:before { display: none; background-size: 112px auto; width: 112px; height: 99px; position: absolute; left: 0px; top: 0px;}
.imain1 .con { font-size: 14px; line-height: 24px; margin-bottom: 35px;}
.imain1 .con b{ color: #185bbe;}

.btnbox { margin: 0; height: auto;}
.btnbox ul li{ float: none; width: 100%;}
.btnbox ul li a{ margin: 0; height: 50px; line-height: 50px; font-size: 18px; border-radius: 5px; margin-bottom: 10px;}
.btnbox ul li a i{ width: 26px; height: 26px; margin-bottom: 2px; margin-right: 5px; }
.btnbox ul li a.book i { background-size: 26px 26px;}
.btnbox ul li a.msg i { background-size: 26px 26px;}
.btnbox ul li a.home i { background-size: 26px 26px;}


.itit { font-size: 18px; line-height: 34px; padding: 15px 0; position: relative;}
.itit:before { left: 20px; right: 20px; width: auto; margin-left:0; }
.itit:after { width: 60px; height: 3px; margin-left: -30px; }

.iinfo { font-size: 14px; line-height: 24px; padding: 8px 0; margin-bottom: 20px;}


.inav { padding: 35px 0; margin: 0;}
.inav ul li { float: left; width: 50%;}
.inav ul li a{ margin: 0 5px 10px 5px; padding: 18px 0; box-shadow: 0 0 8px rgba(215,215,215,0.5);}
.inav ul li a i{ width: 60px; height: 60px; margin: 0 auto 4px auto; background-size: 120px auto;}
.inav ul li a i.t1 { background-position: 0 0;}
.inav ul li a i.t2 { background-position: 0 -60px;}
.inav ul li a i.t3 { background-position: 0 -120px;}
.inav ul li a i.t4 { background-position: 0 -180px;}
.inav ul li a span { display: block; margin: 0 auto; width: 30px; height: 3px; background: #185bbe;}
.inav ul li a b { display: block; text-align: center; font-size: 14px; line-height: 38px; font-weight: normal;}

.inav ul li a:hover { background: #185bbe; transform: scale(1.1); box-shadow: 0 0 18px rgba(24,91,190,0.38); color: #fff;}
.inav ul li a:hover i.t1 { background-position: -60px 0;}
.inav ul li a:hover i.t2 { background-position: -60px -60px;}
.inav ul li a:hover i.t3 { background-position: -60px -120px;}
.inav ul li a:hover i.t4 { background-position: -60px -180px;}
.inav ul li a:hover span{ background: #fff;}

.imain2 .img { padding: 0 10px;}


.ibox1 { background-size: cover; padding: 10px;}
.ibox1 .box { border-radius: 10px; padding: 20px 10px 35px 10px;}

.ibox1_t { display:block; margin-bottom: 20px; }
.ibox1_t .img{ width: auto; padding-right:0; display: block; }
.ibox1_t .img img{ display: block; width:100%; }
.ibox1_t .con{ padding: 10px; display: block; font-size: 14px; line-height: 24px; }


.itable { width: auto; margin: 0 10px;}
.itable table tr th{ padding: 5px; line-height: 28px; font-size: 16px; }
.itable table tr td{ padding: 5px; line-height: 24px; font-size: 12px; }

.ibox2 { border-radius: 10px; box-shadow: 0 0 6px rgba(215,215,215,0.6); padding: 25px 10px 40px 10px;}
.ibox2 .img img { display: block; width: 100%; height: auto;}
.ibox2 .con { padding: 22px 10px 0 10px; font-size: 14px; line-height: 24px; }


.ibox3 { border-radius: 10px; box-shadow: 0 6px 8px rgba(178,178,178,0.5); padding: 10px 10px 30px 10px;}
.ibox3 .con { padding: 15px 10px 0 10px; font-size: 14px; line-height: 24px; }


.ibox4 { border-radius: 10px; box-shadow: 0 0 6px rgba(215,215,215,0.6); padding: 20px 10px;}
.ibox4 .img img { display: block; width: 100%; height: auto;}
.ibox4 .con { padding: 22px 10px 0 10px; font-size: 14px; line-height: 24px; }


.imain7 .tit{ font-size: 16px; line-height: 30px; margin-bottom: 10px;}
.imain7 .down { margin-bottom: 12px; background-size: 30px 30px; width: 30px; height: 30px;}


.footbox { padding: 10px; line-height: 20px; }
}

.topbox .mainbox { position: relative;}

.topsearch .btn ,.topsearch_btn{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBCMzYyODczMUQ3MzExRTlCRTVBOUI1ODBGNjRBMzk2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBCMzYyODc0MUQ3MzExRTlCRTVBOUI1ODBGNjRBMzk2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEIzNjI4NzExRDczMTFFOUJFNUE5QjU4MEY2NEEzOTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEIzNjI4NzIxRDczMTFFOUJFNUE5QjU4MEY2NEEzOTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57S4m0AAACGklEQVR42rTWS0gVUQDG8Ts+MNJMsJDALNRFKbbIcpGBiWJYggvDx3Ut7qWgXRFtIgI3hhER1CJo06IMFVSoTdpG8IVRKC7EhY9EEQNx/A99B6Zp7lwfMwd+zJ0558x377lnzhnLtu1YQClCC2pQiQxP/QbeYxRv8CfoZlaCsGN4iE7kYAn9mMEv1V/ARTSpzyy60ZswzQnzuIQZ+28Zx3Xk+LQz8tGJVfV5geN+bb0XruK3Ot0NCPCTibfqO4isoLCzmNM3rD5gkNs9BX6C5ReWiq9qdPMIQcYzv9ExH5pU+TSEIGNM98x1h1mu4TsTYlijwh67wyp18UmIQcYENvQ3xVKY/Xf0FHyOhV+GkYVrzokTVqKKLxGEfdOx3ISdwIrzfEcQNq1jgQnLw2QsmpKi4645WcaViMNsc7KGTKRGEFaq47wJG9eF2gjCKv6ZKMz/y3rOXob8jKVrsVj0Llez2NJiHFZYXD/ikTfslipehRSUgWlsIttvi/mgwNYQwt7pXm2J9rOT+K5G8UOGOIt6j+7xOtlOXYQFNX7gHoJ9KMCA+u5gEueDwhx5GFInZza1ozjgvynXFzOlC7exq4l3zrS3Al7lOnAfhdjRQj2FddWf0spjVp8+PHftHjcwgjnU4WeyoTmNZo3/kv1/+aHdvSpB/3q1W0GZleQl1V2ytTel6Xwbm9hK0q8BH7F4kLCjlLizdO0JMAA2wD8eJUTt3AAAAABJRU5ErkJggg==) center center no-repeat #014099; }

.topsearch { position: absolute; right: 0; top: 10px; width: 310px;}
.topsearch .input { float: left; width: 260px; height: 34px; border: 1px solid #e8e8e8; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 15px; font-size: 14px; box-sizing: border-box;}
.topsearch .btn { float: right; width: 50px; height: 34px; border: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; cursor: pointer; background-size: 20px auto;}

.header2 .topsearch { display: none;}

.topsearch_btn { display: none; position: fixed; right: 10px; top: 60px; width: 30px; border-radius: 4px; height: 30px; background-color: #185bbe; background-size: 18px auto; }

@media (min-width:240px) and (max-width:999px){
.topsearch_btn { display: block;}
.topsearch { display: none; position: fixed; right: 10px; top: 95px;}
}