﻿@charset "utf-8";

body{font-family:"微软雅黑"; background: #ece5d2;}
.glyphicon{top:0 !important}
.no-margin{margin:0 !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a{text-decoration:none !important;cursor:pointer !important}
.container-fluid{max-width:1230px !important}
::-webkit-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
:-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
::-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
:-ms-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
input,button,textarea,.swiper-pagination span,.swiper-button{ outline: none !important; }
.sizeCover{ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.main-pad-1{ padding:0 15px;}
.main-pad-2{ padding:155px 0 255px;}
.main-pad-3{ padding: 0 0 20px;}
.main-pad-4{ padding: 40px;}
.main-pad-5{ padding: 0 0 30px;}
.main-pad-6{ padding: 25px 40px;}
.main-pad-7{ padding: 10px 40px;}
.main-mar-1{ margin:0 0 1px;}
.main-mar-2{ margin:0 0 20px;}
.main-jiangexian-1{ position: relative; margin-top: 15px; height: 1px; background: rgba(239,210,140,0.2);}
.main-jiangexian-1:before{ content: ""; position: absolute; left: 40px; bottom: -1px; z-index: 1; width: 228px; height: 3px; background: url(../images/jiangexian.png);}
.main-jiangexian-1.active:before{ left: calc((100% - 228px) / 2);}
.main-jiangexian-2{ height: 5px; background: url(../images/jiangexian2.png);}
.main-background-2{	background:#0a090f;background:-moz-linear-gradient(left,#0a090f 0%,#31579f 100%);background:-webkit-linear-gradient(left,#0a090f 0%,#31579f 100%);background:linear-gradient(to right,#0a090f 0%,#31579f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a090f',endColorstr='#31579f',GradientType=1 );}

header{ position: relative; z-index:99999;}
header .logo a{ display:block; font-size:36px; color: #f8dfb6; font-weight: bold; line-height: 70px;}
header .more{ padding-top: 14px;}
header .more a{ display: block; width: 204px; font-size: 0; line-height: 40px; border:solid 1px rgba(248,223,182,0.3); border-radius: 21px;}
header .more a div{ display: inline-block; vertical-align: top;}
header .more a .mc{ margin-right: 15px; font-size: 20px;color: #f8dfb6;}
header .more a .icon{ font-size: 0;}
header .more a .icon img{ width: 30px;}

.banner{ position: relative; margin-bottom: -80px;}

.title-1{ padding:30px 40px 0;}
.title-1 .top{ padding-bottom: 15px;}
.title-1 .top .biaoti{ font-size: 44px;color: #f8dfb6; font-weight: bold; line-height: 50px;}
.title-1 .top .jieshao{ padding-left: 25px; font-size: 22px;color: #f8dfb6; line-height: 50px;}
.title-1 .top .more{ padding: 4px 0;}
.title-1 .top .more a{ position: relative; display: block; padding: 0 31px; width: 204px; line-height: 42px; border-radius: 21px;}
.title-1 .top .more a:before,.title-1 .top .more a::after{ content: ""; position: absolute; top: 0; z-index: 1; width: 31px; height: 42px; border:solid 1px rgba(248,223,182,0.3); transition: all 0.3s;}
.title-1 .top .more a:before{ left: 0; border-radius: 21px 0 0 21px; border-right: none !important;}
.title-1 .top .more a:after{ right: 0; border-radius: 0 21px 21px 0; border-left: none !important;}
.title-1 .top .more a div{ display: inline-block; vertical-align: top;}
.title-1 .top .more a .mc{ position: relative; margin-right: 8px; font-size: 20px;color: #f8dfb6;}
.title-1 .top .more a .mc:before,.title-1 .top .more a .mc:after{ content: ""; position: absolute; left: calc((100% - 94px) / 2); z-index: 1; width: 94px; height: 1px; background:rgba(248,223,182,0.3); transition: all 0.3s;}
.title-1 .top .more a .mc:before{ top: 0;}
.title-1 .top .more a .mc:after{ bottom: 0;}
.title-1 .top .more a .icon{ position: relative;}
.title-1 .top .more a .icon:before{ content: ""; position: absolute; left:-5px; bottom: 0; z-index: 1; width: 48px; height: 1px; background:rgba(248,223,182,0.3); transition: all 0.3s;}
.title-1 .top .more a .icon:after{ content: ""; position: absolute; left:-5px; top: 0; z-index: 1; width: 48px; height: 1px; border-left:solid 13px rgba(248,223,182,0.3); border-right:solid 21px rgba(248,223,182,0.3); transition: all 0.3s;}
.title-1 .top .more a .icon b{ display: block; position: absolute; left:8px; top: -6px; z-index: 2; width: 14px; height: 7px; overflow: hidden;}
.title-1 .top .more a .icon b:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height:200%; border-radius: 50%; border:solid 1px rgba(248,223,182,0.3); transition: all 0.3s;}
.title-1 .top .more a .icon img{ width:35px;}
.title-1 .bot .jieshao{ font-size: 20px;color: #f8dfb6; line-height: 30px;}
.title-1 .bot .biaoqian{ padding-left: 20px;}
.title-1 .bot .biaoqian span{ display: block; margin-right: 15px; margin-bottom: 10px; padding: 0 20px; font-size: 16px;color: #f8dfb6; line-height: 30px; background: #101d3c;}
.title-1 .bot .biaoqian span.active{ color: #fff; background: #c00000;}
.title-2{ height: 40px;}
.title-2 ul{ background: #0a090f;}
.title-2 ul li{ position: relative; width: calc(100% / 7);}
.title-2 ul li:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; transition: all 0.3s; opacity: 0;
	background:#223968;background:-moz-linear-gradient(top,#223968 0%,#31579f 100%);background:-webkit-linear-gradient(top,#223968 0%,#31579f 100%);background:linear-gradient(to bottom,#223968 0%,#31579f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#223968',endColorstr='#31579f',GradientType=0 );}
.title-2 ul li a{ position: relative; z-index: 2; display: block; font-size: 16px;color: #fff; line-height: 40px;}
.title-2 ul li:nth-child(n+2) a:before{ content: ""; position: absolute; left: 0; top: 50%; z-index: 1; margin-top: -8px; width: 1px; height: 16px; background:rgba(255,255,255,0.3);}
.title-2.active ul{ position: fixed; left: calc((100% - 1170px) / 2); top: 0; z-index: 999999; width: 1170px;}
.title-3{ font-size: 0;}
.title-3 span{ display: inline-block; vertical-align: top; padding: 0 20px; width: 100%; max-width: 320px; font-size: 20px;color: #fff; font-weight: bold; line-height: 50px; background: #c00000; border-radius: 25px;}
.title-4{ padding: 30px 40px 0; font-size: 36px; color: #f8dfb6; line-height: 48px;}
.title-5{ padding:20px 0 0; font-size: 0;}
.title-5 a{ display: inline-block; vertical-align: top; height: 12px; font-size: 12px;color: #333; line-height: 12px;}
.title-5 a:nth-child(n+2){ padding-left: 10px; margin-left: 10px; border-left: solid 1px #666;}

.text-1{ position: relative; z-index: 2; padding:35px; width: 100%; max-width: 550px; background: rgba(255,255,255,0.1);}
.text-1 .box{ position: relative; padding: 55px 7px 65px; background: rgba(45,78,143,0.8);}
.text-1 .box:before,.text-1 .box:after{ content: ""; position: absolute; left: 0; z-index: 1; width: 100%; height: 27px; background: url(../images/text1_bian.png) no-repeat center;}
.text-1 .box:before{ top: -4px;}
.text-1 .box:after{ bottom: -4px; transform: rotateX(180deg)}
.text-1 .box .biaoti{ margin-bottom: 15px; font-size: 43px;color: #fff; font-weight: bold; line-height: 50px; letter-spacing: 5px; text-indent: 5px;}
.text-1 .box .title{ margin-bottom:20px; font-size: 63px;color: #fff; font-weight: bold; line-height: 70px; letter-spacing: 5px; text-indent: 5px; }
.text-1 .box .tishi{ position: relative;  margin-bottom: 30px; font-size: 20px;color: #fff; line-height: 48px; background: #e4007f; clip-path: polygon(0% 0%,12px 7px,24px 0%,calc(100% - 24px) 0%,calc(100% - 12px) 7px,100% 0%,100% 100%,calc(100% - 12px) calc(100% - 7px),calc(100% - 24px) 100%,24px 100%,12px calc(100% - 7px),0% 100%)}
.text-1 .box .tishi span{ font-size: 24px;color: #fdff47;}
.text-1 .box .biaoqian{ margin-bottom: 20px; font-size: 0;}
.text-1 .box .biaoqian span{ display: inline-block; vertical-align: top; width: 118px; max-width: calc((100% - 20px) / 3); font-size: 18px;color: #fff; line-height: 32px; border-radius: 5px;}
.text-1 .box .biaoqian span:nth-child(n+2){ margin-left: 10px;}
.text-1 .box .biaoqian span:nth-child(1){ background: #b0ce48;}
.text-1 .box .biaoqian span:nth-child(2){ background: #eb5959;}
.text-1 .box .biaoqian span:nth-child(3){ background: #fab133;}
.text-1 .box .map{ font-size: 24px;color: #fff; line-height: 30px;}
.text-2 .left .biaoti{ margin-bottom:20px; font-size: 44px;color: #f8dfb6; font-weight: bold; line-height: 50px;}
.text-2 .left .textbox ul li{font-size: 20px; line-height: 24px;}
.text-2 .left .textbox ul li:nth-child(n+2){ margin-top:10px;}
.text-2 .left .textbox ul li .mc{  color: #f8dfb6; line-height:36px;}
.text-2 .left .textbox ul li .jieshao{ width: calc(100% - 100px); color: #fff;}
.text-2 .right{ font-size: 20px;color: #f8dfb6; line-height: 50px;}
.text-2 .right span{ font-size: 44px; font-weight: bold;}
.text-3{ padding: 20px 0; font-size: 0;
	background:#0b0a11;background:-moz-linear-gradient(left,#0b0a11 0%,#c00000 50%,#31579f 100%);background:-webkit-linear-gradient(left,#0b0a11 0%,#c00000 50%,#31579f 100%);background:linear-gradient(to right,#0b0a11 0%,#c00000 50%,#31579f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0a11',endColorstr='#31579f',GradientType=1 );}
.text-3 .box{ display: inline-block; vertical-align: top;}
.text-3 .box .tel{ margin-bottom: 10px; padding: 0 20px;}
.text-3 .box .tel .boxs{ position: relative;}
.text-3 .box .tel .boxs .icon{ margin:15px 15px 0 0; width: 47px; height:47px; line-height: 47px; background: #f8dfb6; border-radius: 50%;}
.text-3 .box .tel .boxs .icon img{ width:30px;}
.text-3 .box .tel .boxs .text{ position: relative; padding-right: 10px;}
.text-3 .box .tel .boxs .text:before{ content: ""; position: absolute; right: 0; top: 16px; z-index: 1; width:10px; height:46px; border:solid 2px #f8dfb6; border-left:none; border-radius: 0 5px 5px 0;}
.text-3 .box .tel .boxs .text .mc{ margin-bottom: 10px; padding-right:15px; overflow: hidden;}
.text-3 .box .tel .boxs .text .mc span{ display: block; position: relative; font-size: 30px;color: #f8dfb6; line-height: 34px; letter-spacing: 7px;}
.text-3 .box .tel .boxs .text .mc span:before{ content: ""; position: absolute; left: calc(100% + 10px); top: 50%; z-index:1; margin-top: -1px; width: 500px; height: 2px; background: #f8dfb6;;}
.text-3 .box .tel .boxs .text .shuzi{ padding-right:25px; overflow: hidden;}
.text-3 .box .tel .boxs .text .shuzi a{ display: block; position: relative; font-size: 30px;color: #f8dfb6; line-height: 34px; letter-spacing: 1px; text-indent: 1px;}
.text-3 .box .tel .boxs .text .shuzi a:before{ content: ""; position: absolute; left: calc(100% + 10px); top: 50%; z-index:1; margin-top: -1px; width: 500px; height: 2px; background: #f8dfb6;;}
.text-3 .box .jieshao{ padding: 0 20px; font-size: 16px;color: #c00000; line-height: 18px; background: #f8dfb6; border-radius: 9px;}
.text-4{ height: 239px; overflow: hidden;}
.text-4 ul{ position: relative;}
.text-4 ul li a{ display: block; font-size: 20px;color: #f8dfb6; line-height:59px;}
.text-4 ul li:nth-child(n+2) a{ border-top: solid 1px rgba(239,210,140,0.1);}
.text-4 ul li a .mc{ padding-right: 15px; max-width: calc(100% - 100px);}
.text-5 ul li{ width: 50%; font-size: 20px;color: #f8dfb6; line-height: 36px;}

.text-6{ margin-bottom: 15px; font-size: 20px;color: #f8dfb6; line-height: 36px;}
.text-7{ margin-bottom: 30px;color: #f8dfb6;}
.text-7 ul li:nth-child(n+2){ margin-top: 20px;}
.text-7 ul li .mc{ width: 115px; font-size: 44px; line-height: 50px;}
.text-7 ul li .textbox{ width: calc(100% - 115px); font-size: 20px; line-height: 36px;}
.text-8{ margin:0 85px; font-size: 20px;color: #c9c8c7; line-height:67px; background:rgba(248,223,182,0.1); border-radius: 20px 20px 0 0;}
.text-9{ height:288px;overflow:hidden;}
.text-9 ul{ position: relative;}
.text-9 ul li{ padding: 0 20%; line-height: 36px;}
.text-9 ul li:nth-child(n+2){ box-shadow:inset 0 1px 0 0 rgba(248,223,182,0.1);}
.text-9 ul li div{ padding: 0 10px; width: calc(100% / 3); font-size: 16px;color: #f8dfb6;}
.text-10 form ul{ margin:0 auto 40px; max-width: 495px;}
.text-10 form ul li:nth-child(n+2){ margin-top: 25px;}
.text-10 form ul li .mc{ width: 100px; font-size: 20px;color: #f8dfb6; line-height: 42px;}
.text-10 form ul li .right{ position: relative; width: calc(100% - 100px);}
.text-10 form ul li .right:before{ content: "*"; position: absolute; left: 100%; top: 0; padding-left: 5px; font-size: 20px; color: #c00000; line-height: 42px;}
.text-10 form ul li .right input{ display: block; padding: 0 20px; width: 100%; height: 42px; font-size: 16px;color: #a6a6a6; line-height: 42px; background: #fff; border:none; border-radius: 21px;}
.text-10 form ul button{ display: block; padding: 0; margin-top:35px; width: 100%; height: 60px; font-size: 24px;color: #fff; line-height: 60px; background: #c00000; border:none; border-radius: 30px;}
.text-10 .tishi{ font-size: 20px;color: #f8dfb6; line-height: 24px;}
.text-11{ font-size: 20px;color: #f8dfb6; line-height: 36px;}

.picture-1{ position: relative; padding-top: 36%;}
.picture-1 .map{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
.picture-2 ul{ margin:0 -15px;}
.picture-2 ul li{ padding: 0 15px; width: calc(100% / 3);}
.picture-2 ul li .imgbox{ padding-top:65%;}
.picture-3{ position: relative; margin-bottom: 12px; padding: 0 45px;}
.picture-3 a{ display: block; padding-top: 38%; background-color: rgba(255,255,255,0.1);}
.picture-3 .swiper-button{ margin-top: -20px; width: 26px; height: 40px; background-color: #1f4488; background-image: url(../images/p3_jt.png); background-position: center center; background-repeat: no-repeat; background-size: 8px auto; opacity: 1;}
.picture-3 .swiper-button.swiper-button-prev{ left: 0; transform: rotateY(180deg);}
.picture-3 .swiper-button.swiper-button-next{ right: 0;}
.picture-4{ position: relative; padding: 0 45px;}
.picture-4 .swiper-slide{ width: 48%;}
.picture-4 a{ display: block; padding-top: 66%; background-color: rgba(255,255,255,0.1);}
.picture-4 .swiper-button{ margin-top: -20px; width: 26px; height: 40px; background-color: #1f4488; background-image: url(../images/p3_jt.png); background-position: center center; background-repeat: no-repeat; background-size: 8px auto; opacity: 1;}
.picture-4 .swiper-button.swiper-button-prev{ left: 0; transform: rotateY(180deg);}
.picture-4 .swiper-button.swiper-button-next{ right: 0;}
.picture-5{ position: relative; margin-top: 30px; padding-top:40%;}
.picture-5 .map{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}

.content{ position: relative; z-index: 2;}


@media (min-width:992px){
	.main-background-1{ position: relative;}
	.main-background-1:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: calc(100% - 80px); background:#e0d7bf;}
	.main-background-1 > div{ position: relative; z-index: 2;}
	header .more a:hover{ background: #eb5959; border:solid 1px #eb5959;}
	header .more a:hover .mc{color: #f8dfb6;}
	.banner .pcbg{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
	.title-1 .top .more a:hover{ background:#eb5959;}
	.title-1 .top .more a:hover:before,.title-1 .top .more a:hover::after{border:solid 1px rgba(248,223,182,1);}
	.title-1 .top .more a:hover .mc:before,.title-1 .top .more a:hover .mc:after{ background:rgba(248,223,182,1);}
	.title-1 .top .more a:hover .icon:before{ background:rgba(248,223,182,1);}
	.title-1 .top .more a:hover .icon:after{ border-left:solid 13px rgba(248,223,182,1); border-right:solid 21px rgba(248,223,182,1);}
	.title-1 .top .more a:hover .icon b:before{ background:#eb5959; border:solid 1px rgba(248,223,182,1);}
	.title-2 ul li a:hover{ color: #eb5959;}
	.title-5 a:hover{ color: #c00000; text-decoration: underline !important;}
	.text-4 ul li a:hover .mc{ text-decoration: underline}
	.text-10 form ul li .right input:hover{ box-shadow: inset 5px 10px 15px rgba(0,0,0,0.1)}
	.text-10 form ul button:hover{ background: #fab133;}
	.picture-3 .swiper-button:hover{ background-color:#c00000;}
	.picture-4 .swiper-button:hover{ background-color:#c00000;}
}

@media (max-width:1199px){
	.main-pad-2{ padding: 100px 0;}
	.main-pad-4{ padding: 30px;}
	.main-pad-5{ padding: 0 0 20px;}
	.main-pad-6{ padding: 20px 30px;}
	.main-pad-7{ padding: 10px 30px;}
	.main-jiangexian-1:before{ left: 30px;}
	header .logo a{ font-size:30px;}
	header .more a{ width: 180px;}
	header .more a .mc{ font-size: 16px;}
	header .more a .icon img{ width: 24px;}
	.title-1{ padding: 20px 30px 0;}
	.title-1 .top{ padding-bottom: 10px;}
	.title-1 .top .biaoti{ font-size:30px; line-height: 44px;}
	.title-1 .top .jieshao{ padding-left: 20px; font-size: 18px; line-height: 44px;}
	.title-1 .bot .jieshao{ font-size: 16px;}
	.title-1 .bot .biaoqian span{ padding: 0 15px; font-size: 14px;}
	.title-1 .top .more a{ padding: 0 23px; width: 160px; line-height: 36px;}
	.title-1 .top .more a:before, .title-1 .top .more a::after{ width: 23px; height: 36px;}
	.title-1 .top .more a:before{ border-radius: 18px 0 0 18px;}
	.title-1 .top .more a:after{ border-radius: 0 18px 18px 0;}
	.title-1 .top .more a .mc{ margin-right: 5px; font-size: 16px;}
	.title-1 .top .more a .mc:before, .title-1 .top .more a .mc:after{ left: calc((100% - 75px) / 2); width: 75px;}
	.title-1 .top .more a .icon:before{ left: -4px; width: 39px;}
	.title-1 .top .more a .icon::after{ left: -4px; width: 39px; border-left-width: 9px; border-right-width: 16px;}
	.title-1 .top .more a .icon b{ left: 5px;}
	.title-1 .top .more a .icon img{ width: 30px;}
	.title-2 ul li a{ font-size: 14px;}
	.title-2.active ul{ left: 30px; width: calc(100% - 60px);}
	.title-3 span{ max-width: 300px; font-size: 18px; line-height: 44px; border-radius: 22px;}
	.title-4{ padding: 20px 30px 0; font-size: 30px; line-height: 40px;}
	.text-1{ padding: 25px; max-width: 500px;}
	.text-1 .box{ padding: 40px 7px;}
	.text-1 .box .biaoti{ font-size: 30px; line-height: 40px;}
	.text-1 .box .title{ font-size: 40px; line-height: 45px;}
	.text-1 .box .tishi{ margin-bottom: 20px; font-size: 16px; line-height: 40px;}
	.text-1 .box .tishi span{ font-size: 20px;}
	.text-1 .box .biaoqian span{ font-size: 16px; line-height: 30px;}
	.text-1 .box .map{ font-size: 20px; line-height: 24px;}
	.text-2 .left .biaoti{ font-size:30px; line-height: 44px;}
	.text-2 .left .textbox ul li{ font-size: 18px;}
	.text-2 .right{ font-size: 18px; line-height: 44px;}
	.text-2 .right span{ font-size: 34px;}
	.text-3 .box .tel .boxs .text:before{ top: 14px; height: 42px;}
	.text-3 .box .tel .boxs .icon{ margin-top: 11px;}
	.text-3 .box .tel .boxs .text .mc span{ font-size: 24px; line-height: 30px;}
	.text-3 .box .tel .boxs .text .shuzi a{ font-size: 24px; line-height: 30px;}
	.text-3 .box .jieshao{ font-size: 14px;}
	.text-4{ height: 199px;}
	.text-4 ul li a{ font-size: 16px; line-height: 49px;}
	.text-5 ul li{ font-size: 16px; line-height: 30px;}
	.text-6{font-size: 16px; line-height: 30px;}
	.text-7 ul li:nth-child(n+2){ margin-top: 15px;}
	.text-7 ul li .mc{ width: 80px; font-size: 30px; line-height: 34px;}
	.text-7 ul li .textbox{ width: calc(100% - 80px); font-size: 16px; line-height: 30px;}
	.text-8{ margin:0 75px; font-size: 16px; line-height: 50px;}
	.text-9 ul li{ padding: 0 10%;}
	.text-9 ul li div{ font-size: 14px;}
	.text-10 form ul li:nth-child(n+2){ margin-top: 20px;}
	.text-10 form ul li .mc{ font-size:16px; line-height: 40px;}
	.text-10 form ul li .right input{ height: 40px; font-size: 14px; line-height: 40px;}
	.text-10 form ul button{ margin-top: 30px; height: 44px; font-size: 16px; line-height: 44px;}
	.text-10 .tishi{ font-size: 16px;}
	.text-11{ font-size: 18px; line-height: 34px;}
}
@media (max-width:991px){
	.main-pad-1{ padding: 0;}
	.main-pad-2{ padding: 60px 0 80px;}
	.main-pad-4{ padding: 20px;}
	.main-pad-6{ padding: 20px;}
	.main-pad-7{ padding: 10px 20px;}
	.main-jiangexian-1:before{ left: 20px; width:150px;}
	.main-jiangexian-1.active:before{ left: calc((100% - 150px) / 2);}
	header .logo a{ font-size: 24px; line-height: 60px;}
	header .more{ padding-top:12px;}
	header .more a{ width: 140px; line-height: 34px; border-radius: 17px;}
	header .more a .mc{ font-size: 14px;}
	header .more a .icon img{ width: 20px;}
	.banner{ margin-bottom: -50px;}
	.title-1{ padding: 20px 20px 0;}
	.title-1 .top .biaoti{ font-size:24px; line-height: 38px;}
	.title-1 .top .jieshao{ padding-left: 15px; font-size: 16px; line-height: 38px;}
	.title-1 .bot .jieshao{ font-size: 14px;}
	.title-1 .bot .biaoqian{ padding-left: 15px;}
	.title-1 .bot .biaoqian span{ padding: 0 10px; font-size: 12px; margin-right: 10px; margin-bottom: 5px;}
	.main-background-2 .title-1 .top{ padding-bottom: 0;}
	.title-1 .top .more a{ padding: 0 18px; width: 140px; line-height: 30px;}
	.title-1 .top .more a:before, .title-1 .top .more a::after{ width: 18px; height: 30px;}
	.title-1 .top .more a:before{ border-radius: 15px 0 0 15px;}
	.title-1 .top .more a:after{ border-radius: 0 15px 15px 0;}
	.title-1 .top .more a .mc{ font-size: 14px;}
	.title-1 .top .more a .mc:before, .title-1 .top .more a .mc:after{ left: calc((100% - 70px) / 2); width: 70px;}
	.title-1 .top .more a .icon:before{ left: -3px; width: 34px;}
	.title-1 .top .more a .icon::after{ left: -3px; width: 34px; border-left-width:8px; border-right-width: 16px;}
	.title-1 .top .more a .icon b{ top: -4px; width: 10px; height: 5px;}
	.title-1 .top .more a .icon img{ width: 24px;}
	.title-2.active ul{ left: 15px; width: calc(100% - 30px);}
	.title-3 span{ font-size: 16px; line-height: 40px; border-radius: 20px;}
	.title-4{ padding: 20px 20px 0; font-size: 24px; line-height: 30px;}
	.text-1{ float: none !important; margin:0 auto; padding: 20px;}
	.text-1 .box .biaoti{ font-size: 24px; line-height: 30px;}
	.text-1 .box .title{ font-size: 34px; line-height: 40px;}
	.text-1 .box .tishi{ font-size: 14px; line-height: 34px;}
	.text-1 .box .tishi span{ font-size: 16px;}
	.text-1 .box .biaoqian span{ font-size: 14px;}
	.text-1 .box .map{ font-size: 16px;}
	.text-2 .left .biaoti{ margin-bottom: 10px; font-size:24px; line-height: 38px;}
	.text-2 .left .textbox ul li{ font-size: 16px;}
	.text-2 .right{ font-size: 16px; line-height: 40px;}
	.text-2 .right span{ font-size: 24px;}
	.text-3 .box .tel .boxs .icon{ margin-top: 9px; width: 40px; height: 40px; line-height: 40px;}
	.text-3 .box .tel .boxs .icon img{ width: 26px;}
	.text-3 .box .tel .boxs .text .mc span{ font-size: 20px; line-height: 24px; letter-spacing:2px;}
	.text-3 .box .tel .boxs .text .shuzi a{ font-size: 18px; line-height: 24px;}
	.text-3 .box .tel .boxs .text:before{ top: 11px; height: 36px;}
	.text-3 .box .jieshao{ font-size: 12px;}
	.text-4{ height: 163px;}
	.text-4 ul li a{ font-size: 14px; line-height: 40px;}
	.text-5 ul li{ font-size: 14px; line-height:26px;}
	.text-6{ font-size: 14px; line-height:26px;}
	.text-7{ margin-bottom: 20px;}
	.text-7 ul li .mc{ width: 70px; font-size: 24px; line-height: 30px;}
	.text-8{ margin:0 65px; font-size: 14px; line-height: 40px;}
	.text-10 form ul{ margin-bottom: 30px;}
	.text-10 form ul button{ margin-top:20px; height: 40px; font-size: 14px; line-height: 40px;}
	.text-10 .tishi{ font-size: 14px;}
	.text-11{ font-size: 16px; line-height: 30px;}
	.picture-2 ul{ margin:0 -10px;}
	.picture-2 ul li{ padding: 0 10px;}
	.picture-4 .swiper-slide{ width: 60%;}
	.picture-5{ margin-top: 20px;}
}

@media (max-width:767px){
	body{ padding-bottom: 40px;}
	.main-pad-2{ padding:0}
	.main-pad-3{ padding: 0 0 15px;}
	.main-pad-4{ padding: 15px;}
	.main-pad-5{ padding: 0 0 15px;}
	.main-pad-6{ padding: 15px;}
	.main-pad-7{ padding: 10px 15px;}
	.main-jiangexian-1:before{ left: 15px; width: 120px;}
	.main-jiangexian-1.active:before{ left: calc((100% - 120px) / 2);}
	header .logo a{ font-size: 18px; line-height: 50px;}
	header .more{ padding-top:9px;}
	header .more a{ width: 120px; line-height: 30px; border-radius: 16px;}
	header .more a .mc{ margin-right: 10px; font-size: 12px;}
	header .more a .icon img{ width: 18px;}
	.banner{ margin-bottom: -15px; padding-top: 60%;}
	.banner .sjbg{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
	.banner .sjbg .swiper-container{ height: 100%;}
	.title-1{ padding: 15px 15px 0;}
	.title-1 .top .biaoti{ font-size: 20px; line-height: 30px;}
	.title-1 .top .jieshao{ font-size: 14px; line-height: 30px;}
	.title-1 .top .more a .mc:before, .title-1 .top .more a .mc:after{ left: calc((100% - 71px) / 2); width: 71px;}
	.title-1 .top .more a .icon:before{ left: -1px; width: 33px;}
	.title-1 .top .more a .icon::after{ left: -1px; width: 33px;border-left-width:6px;border-right-width:17px;}
	.title-1 .bot .jieshao{ margin-bottom: 10px; width: 100%; font-size: 12px;}
	.title-1 .bot .biaoqian{ padding-left: 0; width: 100%;}
	.title-1 .bot .biaoqian span{ padding: 0 5px; line-height: 24px;}
	.title-2.active ul{ left: 0; width: 100%;}
	.title-3 span{ font-size: 14px; line-height: 34px;}
	.title-4{ padding: 15px 15px 0; font-size: 18px; line-height: 26px;}
	.title-5{ padding: 15px 0 0;}
	.text-1{ position: absolute; left: 0; bottom: 15px; z-index: 1; float: none !important; padding:10px 15px; width: 100%; max-width: initial;}
	.text-1 .box{ padding:20px 7px; background: rgba(45,78,143,0.5)}
	.text-1 .box:before, .text-1 .box:after{ height: 15px; background-size:auto 100%;}
	.text-1 .box .biaoti{ margin-bottom: 5px; font-size: 16px; line-height: 24px;}
	.text-1 .box .title{  margin-bottom: 5px; font-size:24px; line-height: 30px;}
	.text-1 .box .tishi{ margin-bottom: 5px; font-size: 12px; line-height: 24px;}
	.text-1 .box .tishi span{ font-size: 14px;}
	.text-1 .box .biaoqian{ margin-bottom: 5px;}
	.text-1 .box .biaoqian span{ width: 80px; font-size: 12px; line-height: 24px;}
	.text-1 .box .map{ font-size: 12px; line-height: 20px;}
	.text-2 .left{ width: 100%;}
	.text-2 .left .biaoti{ font-size: 20px; line-height: 30px;}
	.text-2 .left .textbox ul li{ font-size: 14px;}
	.text-2 .left .textbox ul li:nth-child(n+2){ margin-top: 5px;}
	.text-2 .left .textbox ul li .mc{ line-height:24px; width:100%;}
	
	.text-2 .right{ width: 100%; font-size: 14px; line-height: 34px;}
	.text-2 .right span{ font-size: 18px;}
	.text-3 .box .tel .boxs .icon{ margin-top: 6px;}
	.text-3 .box .tel .boxs .text:before{ height: 31px;}
	.text-3 .box .tel .boxs .text .mc{ margin-bottom: 5px;}
	.text-3 .box .tel .boxs .text .mc span{ font-size: 18px;}
	.text-3 .box .tel .boxs .text .shuzi{ width: top:5px;}
	.text-3 .box .tel .boxs .text .shuzi a{ letter-spacing: 0; text-indent: 0;}
	.text-4{ height: 123px;}
	.text-4 ul li a{ font-size:12px; line-height: 30px;}
	.text-4 ul li a .mc{ max-width: calc(100% - 60px);}
	.text-5 ul li{ font-size: 12px; line-height: 24px;}
	.text-6{ font-size: 12px; line-height: 24px;}
	.text-7 ul li .mc{ width: 50px; font-size: 18px; line-height: 24px;}
	.text-7 ul li .textbox{ width: calc(100% - 50px); font-size:14px; line-height: 24px;}
	.text-8{ margin:0 15px; font-size: 12px; line-height: 34px;}
	.text-9{ height:240px;}
	.text-9 ul li{ padding: 0; line-height: 30px;}
	.text-9 ul li div{ font-size:12px;}
	.text-10 form ul{ margin-bottom: 20px;}
	.text-10 form ul li .mc{ width: 80px; font-size: 14px; line-height: 34px;}
	.text-10 form ul li .right{ width: calc(100% - 90px);}
	.text-10 form ul li .right input{ padding: 0 15px; height: 34px; font-size: 12px; line-height: 34px;}
	.text-10 .tishi{ font-size: 12px;}
	.text-11{ font-size: 14px; line-height: 26px;}
	.picture-1{ padding-top: 60%;}
	.picture-3{ padding: 0 36px;}
	.picture-4{ padding: 0 36px;}
	.picture-4 .swiper-slide{ width: 70%;}
	.picture-5{ padding-top: 60%;}
	.tabBar{ position: fixed; left: 0; bottom: 0; z-index: 999; width: 100%;}
	.tabBar ul li{ width: 50%;}
	.tabBar ul li a{ display: block; font-size: 0; line-height:40px;}
	.tabBar ul li:nth-child(1) a{ background: #4f4f4f;}
	.tabBar ul li:nth-child(2) a{ background: #bb0101;}
	.tabBar ul li a div{ display: inline-block; vertical-align: top;}
	.tabBar ul li a .icon{ margin-right:10px;}
	.tabBar ul li a .icon img{ width: 20px;}
	.tabBar ul li a .mc{ font-size: 14px;color: #fff;}		

}

@media (max-width:479px){
	.main-mar-2{ margin-bottom: 15px;}
	.title-1 .top .biaoti{ font-size: 18px;}
	.title-2 ul li a{ font-size: 12px;}
	.text-1{ padding: 0 15px 10px;
		background:-moz-linear-gradient(top,rgba(45,78,143,0) 0%,rgba(45,78,143,0.4) 100%);background:-webkit-linear-gradient(top,rgba(45,78,143,0) 0%,rgba(45,78,143,0.4) 100%);background:linear-gradient(to bottom,rgba(45,78,143,0) 0%,rgba(45,78,143,0.4) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d4e8f',endColorstr='#662d4e8f',GradientType=0 );}
	.text-1 .box{ padding:15px 0 0; background: none;}
	.text-1 .box:after{ display: none;}
	.text-1 .box .biaoti{ margin-bottom: 0; font-size: 14px; line-height: 20px; letter-spacing: 3px; text-indent: 3px;}
	.text-1 .box .title{ margin-bottom:8px; font-size: 18px; line-height: 24px;}
	.text-1 .box .tishi{ background: rgba(228,0,127,0.8);}
	.text-1 .box .biaoqian span{ width:70px; line-height: 20px;}
	.text-1 .box .biaoqian span:nth-child(1){background: rgba(176,206,72,0.8);}
	.text-1 .box .biaoqian span:nth-child(2){background: rgba(235,89,89,0.8);}
	.text-1 .box .biaoqian span:nth-child(3){background: rgba(252,177,52,0.8);}
	.text-2 .left .biaoti{ font-size: 18px;}
	.text-7 ul li .textbox{ font-size: 12px;}
	.text-11{ font-size: 12px; line-height: 24px;}
	.picture-2 ul{ margin:0 -5px;}
	.picture-2 ul li{ padding: 0 5px;}
}

@media (max-width:399px){
	header .logo a{ font-size: 16px;}
	header .more a{ width: 100px;}
	.main-pad-2{ padding: 30px 0 50px;}
	.title-1 .top .jieshao{ padding-left: 10px; font-size: 12px;}
	.title-1 .top .more{ padding: 0;}
	.title-1 .top .more a{ padding: 0; width: 80px; line-height: 28px; border:solid 1px rgba(248,223,182,0.3); border-radius: 15px;}
	.title-1 .top .more a:before, .title-1 .top .more a::after{ display: none;}
	.title-1 .top .more a .mc{ margin-right: 0; font-size: 12px;}
	.title-1 .top .more a .mc:before, .title-1 .top .more a .mc:after{ display: none;}
	.title-1 .top .more a .icon{ display: none;}
	.title-2 ul li a span{ display: none;}
	.title-4{ font-size: 16px; line-height: 24px;}
	.text-2 .left .biaoti{ line-height: 24px;}
	.text-2 .left .textbox ul li{ font-size: 12px;}
	.text-2 .left .textbox ul li .mc{}
	.text-2 .left .textbox ul li .jieshao{ width: calc(100% - 70px);}
	.text-3{ padding:15px 0;}
	.text-5 ul li{ width: 100%;}
	.text-5 ul li:nth-child(odd){ padding-right: 0;}
	.text-5 ul li:nth-child(even){ padding-left: 0;}
	.text-7 ul li .mc{ font-size: 16px;}
	.text-8{ padding: 10px; line-height: 24px;}
	.picture-3{ padding:0 0 40px;}
	.picture-3 .swiper-button{ top: initial; bottom: 0; margin-top: 0; width:30px; height: 30px; background-image: url(../images/jt.png); background-size: 8px auto;}
	.picture-3 .swiper-button.swiper-button-prev{ left:calc(50% - 40px);}
	.picture-3 .swiper-button.swiper-button-next{ right:calc(50% - 40px);}
	.picture-4{ padding:0 0 40px;}
	.picture-4 .swiper-slide{ width: 80%;}
	.picture-4 .swiper-button{ top: initial; bottom: 0; margin-top: 0; width:30px; height: 30px; background-image: url(../images/jt.png); background-size: 8px auto;}
	.picture-4 .swiper-button.swiper-button-prev{ left:calc(50% - 40px);}
	.picture-4 .swiper-button.swiper-button-next{ right:calc(50% - 40px);}
}