@charset "utf-8";*{margin:0;padding:0}table{border-collapse:collapse}a{text-decoration:none}a:focus,a:hover{text-decoration:none}a:focus,input:focus,select:focus{outline:0}ol,ul{margin:0}p{margin:0}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{margin:0;font-family:"SourceHani"}img{border:none;vertical-align:middle}.cor_red{color:#e61c15}.clear{clear:both}.shows{display:block}.showsIn{display:inline-block}.hides{display:none}.ellipsis{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bd_weixin_popup{height:auto!important;box-sizing:content-box}html{-ms-touch-action:none;-webkit-text-size-adjust:100%;height:100%;min-width:320px}body{font-family:"SourceHani";position:relative;height:100%;color:#333;overflow-x:hidden}
@font-face {
font-family:'HYWH';
src: url('../fonts/HYWH.eot'); /* IE9 Compat Modes */
src: url('../fonts/HYWH.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	 url('../fonts/HYWH.woff') format('woff'), /* Modern Browsers */
	 url('../fonts/HYWH.ttf')  format('truetype'), /* Safari, Android, iOS */
	 url('../fonts/HYWH.svg#YourWebFontName') format('svg'); /* Legacy iOS */
}
.imgBg{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgBg img{ display:none;}
.flexBox{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-pack:center; -webkit-flex-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; align-items:center;}

.headerBg{ position:absolute; left:0; top:0; width:100%; z-index:3; background:none; border:none; margin:0; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.headerBg.active .hdBotBg{ position:fixed; width:100%; top:0; background:#FFFFFF; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.hdTopBg{ background:#FFFFFF;}
.hdBotBg{ background:rgba(255,255,255,0.8);}
.logoBox{ height:108px; padding:15px 0;}
.logo img{ max-height:100%;}
.logo a{ display:block;}
.logo1,.logo2{ display:inline-block; vertical-align:middle;}
.logo2{ margin-left:28px; padding-left:22px; position:relative;}
.logo2:after{ display:block; content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:36px; background:#dcdcdc;}
.navRig{ line-height:108px; height:108px;}
.navRig > ul{ vertical-align:middle; margin:0;}
.navRig > ul > li > a{ padding:0 10px 0 40px; position:relative; transition:all 0.5s ease;}
.navRig > ul > li > a img{ position:absolute; left:5px; top:50%; transform:translateY(-50%); transition:all 0.5s ease;}
.navRig > ul > li > a .img2{ opacity:0;}
.navRig > ul > li > a:hover{ color:#388bd8;}
.navRig > ul > li > a:hover .img2{ opacity:1;}
.navTel{ line-height:55px; height:55px; font-size:22px; color:#388bd8; font-family:Arial; margin:0;}
.navTel img{ margin-top:-4px;}
nav.navbar.bootsnav .navbar-toggle{ background:none !important; margin:0; float:right; top:18px; color:#4197e8;}
nav.navbar.bootsnav{ background:none; border:none; min-height:0;}
.navList{ padding:0; position:relative;}
nav.navbar.bootsnav ul.nav{ padding:0; margin:0 -12px;}
nav.navbar.bootsnav ul.nav > li{ margin:0 12px;}
nav.navbar.bootsnav ul.nav > li > a{ font-weight:normal; font-size:18px; color:#333333; padding:0 15px; min-width:123px; line-height:55px; height:55px; text-align:center;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ content:"";}
nav.navbar.bootsnav ul.nav > li > a:hover,nav.navbar.bootsnav ul.nav > li.on > a,nav.navbar.bootsnav ul.nav > li.active > a{ color:#ffffff; background:#388bd8 !important;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ width:123px; min-width:123px; border:none; left:50%; padding:0; margin:0; border-radius:0; box-shadow:none; margin-left:-61px; background:#388bd8;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li{ padding:0;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ padding:12px 10px; color:#FFFFFF; border:none; text-align:center; transition:all 0.5s ease 0s;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a > span{ display:block; margin-right:10px;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover,nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li.on > a{ color:#FFFFFF; background:#4197e8;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background:#4197e8;}

/*nav.navbar.bootsnav.menu-center .container{ position:static;}
nav.navbar.bootsnav ul.nav > li.pcNavLi{ position:static;}*/
.pcNavBg{ position:absolute; left:0; top:100%; width:860px; background:rgba(255,255,255,0.95); overflow:hidden; display:none;}
.pcNavList{ font-size:0; margin:0 -10px; padding:15px 15px 30px 30px;}
.pcNavList li{ display:inline-block; vertical-align:top; width:30%; max-width:230px; padding:0 10px; font-size:14px; color:#666666; line-height:20px;}
.pcSubNav{ font-size:16px; color:#1681e4; border-bottom:1px solid #a0a0a0; padding:10px 0; margin-bottom:5px;}
.pcSubNav a{ color:#1681e4; transition:all 0.5s ease 0s;}
.pcNavItem p a{ display:block; font-size:16px; padding:5px 0; color:#333333; position:relative; transition:all 0.5s ease 0s; padding-left:10px;}
.pcNavItem p a:before{ display:block; content:""; position:absolute; left:0; top:13px; width:5px; height:5px; background:#333333; border-radius:50%;}
.pcNavItem p a:hover{ color:#1681e4;}
.pcNavItem p a:hover:before{ background:#1681E4;}

.banBox{ height:100%; overflow:hidden;}
.banWrap{ height:100%; position:relative;}
.banner{ height:100%; position:relative; overflow:hidden;}
.banner .swiper-slide{ position:relative; overflow:hidden;}
.banner .swiper-slide .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; transform:scale(1.2); transition:all 5s ease;}
.banner .swiper-slide-active .imgBg{ transform:scale(1);}
.banPage{ position:absolute; left:0; width:100%; bottom:30px !important; z-index:1; text-align:center;}
.banPage .swiper-pagination-bullet{ width:15px; height:15px; margin:0 10px !important; border:1px solid #FFFFFF; background:#FFFFFF; border-radius:50%; opacity:1; transition:all 0.5s ease;}
.banPage .swiper-pagination-bullet-active{ background:none;}
.banTextBg{ position:absolute; left:0; bottom:0; width:100%; height:100%; color:#FFFFFF; font-size:16px; line-height:24px;}
.banText{ width:50%; max-width:510px;}
.banTit{ font-size:70px; line-height:120%; font-family:'HYWH';}
.banLineBg{ position:relative; width:47px; height:3px; margin:20px 0;}
.banLine{ display:block; width:100%; height:100%; background:#FFFFFF;}
.banCon{ font-size:20px; line-height:160%;}

.banFormBox{ width:386px; height:452px; background:#FFFFFF; padding:40px 37px 0; position:absolute; left:50%; margin-left:214px; top:50%; transform:translateY(-50%); z-index:1;}
.banFormTit{ overflow:hidden; position:relative; text-align:center; font-size:30px; color:#333333;}
.banFormTit strong{ display:inline-block; vertical-align:middle; position:relative;}
.banFormTit strong:before,.banFormTit strong:after{ display:block; content:""; width:39px; height:1px; background:#4a95db; position:absolute; top:50%;}
.banFormTit strong:before{ left:-65px;}
.banFormTit strong:after{ right:-65px;}
.banForm{ overflow:hidden; padding:15px 0 0;}
.banForm li{ position:relative;}
.banFormItem{ position:relative; margin-top:15px;}
.banFormIco{ position:absolute; top:50%; left:12px; transform:translateY(-50%); width:30px;}
.banInpt{ display:block; width:100%; border:1px solid #dddddd; border-radius:4px; line-height:30px; padding:10px; padding-left:54px; background:#FFFFFF;}
.banInpt:focus{ border-color:#4a95db;}
.banCheck{ font-weight:normal; line-height:30px; margin:10px 0; color:#999999;}
.banCheck a,.banCheck a:hover,.banCheck a:focus{ color:#999999;}
.banFormBtn{ display:block; background:#4a95db; border-radius:5px; text-align:center; color:#FFFFFF; font-size:20px; color:#FFFFFF; line-height:50px;}
.banFormBtn:hover,.banFormBtn:focus{ color:#FFFFFF;}

.banOption{ position:absolute; top:auto; left:0; width:100%; background:#ffffff; border:1px solid #4a95db; padding:5px 0; display:none; max-height:140px; overflow:auto;}
.banOption li{ padding-left:54px; font-size:14px; color:#696969; line-height:36px; cursor:pointer;}
.banOption li:hover{ background:#4a95db; color:#ffffff;}

.hmTit{ font-size:30px; color:#000000; text-align:center;}
.hmTit span{ color:#388bd8;}

.hmPartBg{ background:url(../images/hmPartBg.jpg) center center fixed no-repeat; background-size:cover;}
.hmPartBg.mob{ background-attachment:scroll;}
.hmPart{ padding:80px 0; font-size:0; color:#989898; line-height:24px;}
.hmPart li{ width:25%; vertical-align:top;}
.hmPartIco{ float:left; width:40px;}
.hmPartRig{ text-align:left; margin-left:60px;}
.hmPartNum{ font-size:40px; font-family:Arial; color:#FFFFFF; line-height:120%;}
.hmPartLine{ display:block; width:100%; max-width:154px; height:1px; background:rgba(255,255,255,0.4); margin:20px 0;}
.hmPartCon{ max-width:154px; font-size:14px;}

.box1Bg{ border-bottom:1px solid #dadada; padding:80px 0; overflow:hidden;}
.box1{ padding-top:35px; font-size:0;}
.box1 li{ width:25%; vertical-align:top; margin-top:30px; font-size:14px; animation-fill-mode:backwards;}
.box1 li a{ display:block; overflow:hidden;}
.box1Img{ position:relative; overflow:hidden; width:157px; height:157px; border-radius:50%; background:#FFFFFF; border:1px solid #388bd8; margin:0 auto; transition:all 0.5s ease;}
.box1Img img{ max-width:51%; margin:0 auto;}
.box1ImgHov{ position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; opacity:0; transition:all 0.5s ease;}
.box1Tit{ font-size:18px; color:#666666; line-height:24px; padding:10px 0; transition:all 0.5s ease;}
.box1Brief{ font-size:14px; color:#666666; line-height:24px; max-width:196px; margin:0 auto; margin-top:-34px; opacity:0; transition:all 0.5s ease;}

.box2Bg{ padding-top:20px; overflow:hidden;}
.box2Bg .hmTit{ padding:30px 0;}
.box2{ margin:0 -1px; font-size:0;}
.box2 li{ padding:1px; width:20%; vertical-align:top;}
.box2 li a{ display:block; height:100%; position:relative; background:#000000;}
.box2Img{ width:100%; height:0; padding-bottom:103%; overflow:hidden;}
.box2Img img{ width:100%; min-height:100%; transition:all 0.5s ease;}
.box2Mask{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:#000000; opacity:0.4; transition:all 0.5s ease;}
.box2Name{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; transition:all 0.5s ease; font-size:24px; color:#FFFFFF;}
.box2Hov{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; transition:all 0.5s ease; opacity:0;}
.box2Ico{ max-width:93px; margin:0 auto 15px; transition:all 0.5s ease; opacity:0; transform:translateY(30px);}
.box2Tit{ font-size:24px; color:#FFFFFF; transition:all 0.6s ease; opacity:0; transform:translateY(30px);}

.box3Bg{ background:url(../images/box3Bg.png) center center #f1f5f7 no-repeat; padding:40px 0 174px;}
.box3Bg .hmTit{ padding:65px 0;}
.box3{ padding:0 45px;}
.box3Top{ background:#FFFFFF; position:relative;}
.box3Top:after{ position:absolute; left:-45px; width:calc(100% + 90px); top:50%; transform:translateY(-50%); height:80%; background:rgba(255,255,255,0.6); display:block; content:"";}
.box3Top .swiper-slide{ background:#FFFFFF;}
.box3Con{ padding:50px 65px;}
.box3Logo{ float:left; width:198px; height:198px; padding:15px; background:#f1f5f7; border-radius:50%;}
.box3Logo img{ margin:0 auto; width:100%;}
.box3Rig{ margin-left:198px; padding:0 65px;}
.box3Brief{ font-size:18px; color:#666666; line-height:30px; min-height:120px; margin-top:30px; margin-bottom:10px; position:relative;}
.box3Brief:after{ display:block; content:""; width:19px; height:18px; background:url(../images/douhao.png) center center no-repeat; background-size:cover; position:absolute; left:0; top:-30px;}
.companyTit{ font-size:20px; color:#333333;}
.box3Page{ text-align:center; display:block; margin:10px auto;}
.box3Page .swiper-pagination-bullet{ opacity:1; border:1px solid #388bd8; background:none; margin:0 3px;}
.box3Page .swiper-pagination-bullet-active{ background:#388bd8;}
.box3Bot{ padding-top:55px;}
.box3Bot li{ text-align:center; padding-top:15px;}
.box3BotImg{ background:#FFFFFF; border-radius:50%; display:inline-block; margin:0 auto; transition:all 0.5s ease;}
.box3BotImg img{ margin:0 auto;}
.box3Bot li.active .box3BotImg{ box-shadow:0 0 15px rgba(0,0,0,0.2);}
.box3Top .swiper-slide .box3Con{ transform:scale(1.5); opacity:0; transition:all 0.5s ease;}
.box3Top .swiper-slide-active .box3Con{ transform:scale(1); opacity:1; transition:all 0s ease;}

.box4Bg{ background:url(../images/box4Bg.jpg) center center fixed no-repeat; background-size:cover; overflow:hidden;}
.box4Bg.mob{ background-attachment:scroll;}
.box4Top{ margin:0; padding:100px 0; margin:0 -24px;}
.box4Top li{ padding:5px 24px;}
.box4Top li a{ display:block; width:185px; height:44px; line-height:42px; border:1px solid #FFFFFF; border-radius:22px; color:#FFFFFF; font-size:20px;}
.box4Top li.active a{ background:#388bd8; border-color:#388bd8;}
.box4Bot{ padding-bottom:60px;}
.box4List{ margin:0 -40px; font-size:0;}
.box4List li{ vertical-align:top; width:33.33%; padding:0 40px; font-size:14px; text-align:left;}
.box4List li a{ display:block; height:100%; position:relative; overflow:hidden; color:#FFFFFF;}
.box4Img{ position:relative; overflow:hidden;}
.box4Img img{ width:100%; transition:all 0.8s ease;}
.box4Bor{ position:absolute; left:0; top:0; width:100%; height:100%; border:4px solid #FFFFFF;}
.box4Time{ font-family:Arial; line-height:24px; padding:15px 0 5px;}
.box4Tit{ font-size:20px; line-height:30px; height:60px; overflow:hidden; margin-bottom:10px;}
.box4Brief{ font-size:14px; line-height:24px; height:72px; overflow:hidden;}
.box4Btn{ display:block; width:112px; height:34px; border:1px solid #c0c0c0; line-height:32px; text-align:center; border-radius:17px; margin:20px auto; transition:all 0.5s ease;}
.box4More{ text-align:center; padding:40px 0;}
.box4More a{ color:#FFFFFF; font-family:Arial;}
.box4More a span{ padding:0 10px; text-transform:uppercase; transition:all 0.5s ease;}

.box5Bg{ background:#f4f4f2; padding:80px 0;}
.box5Bg .hmTit{ padding:50px 0;}
.box5 .swiper-slide{ background:#f4f4f2;}
.box5List{ margin:0; padding:55px 0 0; margin:40px 0;}
.box5List li{ vertical-align:middle; width:200px; height:200px; padding:0; margin:0 40px; margin-top:-55px; position:relative;}
.box5List li a{ display:block; transform:rotate(45deg); width:200px; height:200px; margin:0 auto; position:relative; overflow:hidden; background:#FFFFFF;}
.box5TextBg{ transform:rotate(-45deg); display:table; width:100%; height:100%;}
.box5Text{ transform:scale(0); display:table-cell; vertical-align:middle; font-size:16px; color:#FFFFFF; padding-top:5px; transition:all 0.5s ease;}
.box5Text img{ margin:0 auto;}
.box5Img{ position:absolute; left:0; top:0; width:100%; height:100%; transform:rotate(-45deg); transition:all 0.3s linear 0s;}
.box5Img img{ max-width:70%; margin:0 auto; display:block;}
.box5Mask{ position:absolute; left:0; top:0; right:0; bottom:0; transform:scale(0) rotate(-45deg); background:#388bd8; opacity:0.8; transition:all 0.5s ease;}
.box5Page{ text-align:center; display:block; margin:0 auto; padding-top:70px;}
.box5Page .swiper-pagination-bullet{ opacity:1; width:14px; height:14px; border:1px solid #b5b5b5; background:none; margin:0 3px;}
.box5Page .swiper-pagination-bullet-active{ background:#b5b5b5;}

.footTop{ font-size:12px; color:#777777; line-height:18px; padding:65px 0 40px; background:#313537;}
.fLef{ float:left; width:250px;}
.fTel{ font-size:0; padding-bottom:25px; border-bottom:1px solid #6a6a6a; margin-bottom:25px;}
.fTelIco,.fTelCon{ display:inline-block; vertical-align:middle; font-size:16px; line-height:26px;}
.fTelIco{ width:54px; margin-right:15px;}
.fTelCon strong{ font-size:28px; color:#d7d7d7; font-family:Arial;}
.fShare{ font-size:0; margin:0 -19px;}
.fShare li{ padding:0; padding:0 19px;}
.fShare li a{ display:block; width:34px; height:33px; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.5s ease;}
.fShareIco1{ background-image:url(../images/fShareIco1.png);}
.fShareIco2{ background-image:url(../images/fShareIco2.png);}
.fShareIco3{ background-image:url(../images/fShareIco3.png);}
.fShareIco4{ background-image:url(../images/fShareIco4.png);}
.fRig{ float:right; width:170px; text-align:center; font-size:14px; line-height:26px; margin-bottom:10px;}
.fRig img{ margin:0 auto 10px;}
.fCen{ margin-left:250px; margin-right:170px; padding:0 45px;}
.fCenTab{ width:100%;}
.fCenTab td{ width:50%; padding:10px 20px; border:1px solid #555555;}
.fCenTit{ font-size:18px; color:#777777; line-height:140%;}
.footBot{ color:#777777; line-height:26px; background:#212426; padding:31px 0; text-align:center;}
.footBot a{ color:#777777;}
.footBot a:hover{ text-decoration:underline;}
/*~新闻~*/
.banBox2{ height:512px;}
.banBox2 .imgBg{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banTit2{ font-size:50px; line-height:120%;}

.newsBg{ background:#f4f4f4;}
.newsTab{ padding:37px 0 45px; margin:0 -25px; background:#FFFFFF;}
.newsTab li{ padding:0 25px;}
.newsTab li a{ display:block; width:210px; height:50px; line-height:50px; background:#e4e4e4; color:#333333; font-size:20px; border-radius:3px;}
.newsTab li.active a,.newsTab li a:hover{ background:#388bd8; color:#FFFFFF;}
.pageBox{ padding:50px 10px; text-align:center; background:#FFFFFF;}
.pageBox img{ margin:0 auto;}

.newsList{ overflow:hidden;}
.newsList li{ padding:35px 0; animation-fill-mode:backwards;}
.newsList li:nth-child(2n){ background:#FFFFFF;}
.newsList li a{ display:block; height:100%;}
.newsImg{ float:left; width:354px; margin-right:50px; overflow:hidden;}
.newsImg img{ width:100%; transition:all 0.6s linear;}
.newsRig{ overflow:hidden;}
.newsTit{ font-size:22px; color:#333333; line-height:110%; margin:10px 0; transition:all 0.5s ease;}
.newsTime{  color:#333333; line-height:24px; font-family:Arial; margin:10px 0 0; margin-bottom:-5px;}
.newsBrief{ color:#666666; line-height:24px; height:72px; overflow:hidden; margin:10px 0;}
.newsMore{ width:136px; height:33px; line-height:33px; background:#d5d5d5; text-align:center; color:#666666; border-radius:5px; margin:10px 0 0; transition:all 0.5s ease;}

.banBox3 .banTextBg{ padding-bottom:160px;}
.newsBox{ background:#FFFFFF; margin-top:-160px; margin-bottom:88px; position:relative; padding:40px 45px 10px; min-height:280px;}
.newsTop{ text-align:center; padding:20px 0; border-bottom:1px solid #ededed;}
.newsName{ text-align:center; font-size:28px; color:#333333; line-height:170%;}
.newsClock{ text-align:center; color:#666666; font-size:0;}
.newsClock span{ display:inline-block; vertical-align:middle; font-size:14px; line-height:220%; padding:0 15px;}
.newsCen{ font-size:14px; color:#666666; line-height:190%; padding:10px 0;}
.newsCen p{ margin:15px 0;}
.newsCen img{ max-width:100%; margin:15px auto;}
.newsPager{ padding:20px 0; margin:20px 0; border-top:1px solid #ededed;}
.newsPagerLef{ font-size:14px; color:#3c3c3c; line-height:30px; padding:0;}
.newsPagerLef a{ color:#3c3c3c; transition:all 0.3s ease 0s;}
.newsPagerLef a:hover{ color:#388bd8;}
.newsPagerRig{ padding:10px 0 0;}
.newsReturn{ display:block; width:100px; height:36px; line-height:36px; background:#babbbb; color:#ffffff; float:right; font-size:14px; border-radius:5px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.newsReturn img{ margin-top:-1px;}
.newsReturn:hover{ color:#ffffff; background:#388bd8;}

/*企业资质*/
.honourBg{ background:#FFFFFF; padding:120px 0;}
.honour{ padding:0 100px; position:relative;}
.honour  .swiper-slide{ width:743px; overflow:hidden;}
.honPrev,.honNext{ display:block; width:26px; height:51px; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%);}
.honPrev{ left:0; background:url(../images/honLef.png) left center no-repeat;}
.honNext{ right:0; background:url(../images/honRig.png) right center no-repeat;}
.honImg{ position:relative; padding:5px; background:#ebebeb; border:1px solid #CCCCCC;}
.honImg img{ width:100%; margin:0 auto;}
.honMask{ position:absolute; left:0; top:0; right:0; bottom:0; background:#000000; opacity:0.1;}
.honTit{ position:absolute; left:0; bottom:-40px; width:100%; background:rgba(0,0,0,0.7); font-size:16px; color:#FFFFFF; padding:0 20px; line-height:38px; border-top:1px solid #dbdbdb; transition:all 0s ease 0s;}
.honour  .swiper-slide-active .honImg{ padding:0;}
.honour  .swiper-slide-active .honMask{ opacity:0;}
.honour  .swiper-slide-active .honTit{ bottom:0; transition:all 0.5s ease 0.2s;}

/*关于我们*/
.aboutBg{ font-size:14px; color:#666666; line-height:24px;}
.abox1Bg{ text-align:center; padding-bottom:60px; border-bottom:1px solid #e8e8e8;}
.aboxTit{ text-align:center; padding:10px 0;}
.aboxTit h2{ font-size:30px; color:#333333; line-height:140%;}
.aboxLine{ display:block; width:26px; height:3px; background:#388bd8; margin:20px auto 10px;}
.abox1{ padding:0 45px;}
.abox1 p{ margin:15px 0;}
.abox1 img{ margin:20px 0; display:inline-block; max-width:100%; height:auto;}

.abox2Bg{ padding:30px 0 60px;}
.abox2{ padding:0 45px;}
.abox2 .swiper-container{ padding:35px 0;}
.abox2Con{ position:relative; background:#f6f5f5; min-height:366px; align-items:flex-start;}
.abox2Img{ position:absolute; right:0; top:0; height:100%; width:50%;}
.abox2Text{ width:50%; padding:50px 48px; position:relative;}
.abox2Text:after{ display:block; content:""; width:0; height:0; border-left:12px solid #f6f5f5; border-top:12px solid transparent; border-bottom:12px solid transparent; position:absolute; top:50%; right:-12px; margin-top:-12px;}
.abox2Text h3{ font-size:24px; color:#333333;}
.abox2Text h4{ font-size:20px; color:#388bd8; margin:20px 0;}
.abox2Page{ text-align:center;}
.abox2Page .swiper-pagination-bullet{ width:16px; height:16px; opacity:1; background:#919191; margin:0 12px !important;}
.abox2Page .swiper-pagination-bullet-active{ background:#388bd8;}

.abox3Bg{ height:735px; position:relative; overflow:hidden;}
.abox3Map{ height:100%;}
.abox3List{ position:absolute; right:0; top:0; width:500px; height:100%;}
.abox3List li{ padding:1px 0; height:25%; cursor:pointer;}
.abox3List li:first-child{ padding-top:0;}
.abox3List li:last-child{ padding-bottom:0;}
.abox3Img{ height:100%; position:relative; overflow:hidden; z-index:1;}
.abox3Mask{ position:absolute; left:0; top:0; right:0; bottom:0; background:#4c4949; opacity:0.8; z-index:-1; transition:all 0.5s ease;}
.abox3Text{ padding:30px 10px 10px 40px; color:#c0c0c0; line-height:24px;}
.abox3Text h3{ font-size:24px; color:#FFFFFF; margin-bottom:10px;}
.abox3Text p{ padding-left:25px; background-position:left 5px; background-repeat:no-repeat;}
.abox3Add{ background-image:url(../images/abox3Add.png);}
.abox3Tel{ background-image:url(../images/abox3Tel.png);}
.abox3Email{ background-image:url(../images/abox3Email.png);}
.abox3List li.active .abox3Mask{ background:#0064c0;}
.abox3List li.active .abox3Text{ color:#FFFFFF;}

.abox4Bg{ padding-top:240px; overflow:hidden;}
.abox4{ background:url(../images/abox4Bg.jpg) center center fixed no-repeat; background-size:cover; padding-bottom:100px;}
.abox4.mob{ background-attachment:scroll;}
.abox4Form{ margin:-130px auto 0; max-width:1110px; background:#FFFFFF; box-shadow:0 0 32px rgba(0,0,0,0.1); padding:50px 60px 80px;}
.abox4List{ margin:40px 0 0; border:1px solid #cccccc;}
.abox4List li{ padding:20px 0;}
.abox4List li:first-child .abox4Input{ border-right:1px solid #cacaca;}
.abox4List li:nth-child(3){ padding-top:0;}
.abox4List li:last-child{ padding-top:0;}
.abox4Input{ position:relative;}
.abox4Lab{ position:absolute; left:0; top:0; width:110px; line-height:42px; text-align:center; font-size:18px; font-weight:normal; text-align:center;}
.abox4Inp{ width:100%; display:block; border:none; line-height:42px; padding-left:110px;}
.abox4Con{ border:none; width:100%; border-top:1px solid #d3d3d3; resize:none; font-size:18px; color:#999999; line-height:24px; padding:30px;}
.abox4Btn{ display:block; width:152px; height:47px; line-height:47px; text-align:center; color:#FFFFFF; border-radius:5px; background:#388bd8; position:absolute; left:50%; transform:translateX(-50%); text-transform:uppercase; font-size:20px;}
.abox4Btn:hover,.abox4Btn:focus{ color:#FFFFFF;}

.banSer{ height:730px;}
.banSer .banText{ max-width:600px;}
.banSer .banTit{ font-size:60px;}
.banSer .banFormTit{ font-size:21px; line-height:140%;}
.banSer .banFormBox{ height:auto; padding:30px 37px 40px; margin-top:20px;}
.banSer .banForm{ padding:5px 0 0;}
.banSer .banFormTit strong:after,.banSer .banFormTit strong:before{ display:none;}

.drSer1Bg{ padding:70px 0; overflow:hidden;}
.drSerTit{ text-align:center; font-size:30px; color:#333333; line-height:140%;}
.drSerTit span{ color:#388bd8;}
.drSer1{ padding:30px 0 0; margin:0 -15px;}
.drSer1 li{ padding:30px 15px 0;  animation-fill-mode:backwards;}
.drSer1Con{ position:relative; max-width:380px; margin:0 auto; cursor:pointer; overflow:hidden; border-radius:5px;}
.drSer1Img{ position:relative; overflow:hidden;}
.drSer1Img img{ width:100%; margin:0 auto; transition:all 0.5s ease;}
.drSer1Text{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.7); width:100%; text-align:center; font-size:16px; color:#ffffff; line-height:24px; padding:15px; transition:all 0.5s ease;}
.drSer1Text h3{ font-size:20px; line-height:120%; padding-bottom:10px;}

.gray{ background:#f0f0f0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}

.drSer2Bg{ padding:80px 0; overflow:hidden;}
.drSer2Bg .drSerTit{ padding:40px 0;}
.drSer2{ margin:0 -20px;}
.drSer2 li{ padding:20px;}
.drSer2Con{ display:block; border-radius:5px; height:258px; padding:10px 35px; position:relative; z-index:1;
background:#08aee5;
background:-moz-linear-gradient(-45deg,#6bdafb 0%,#08aee5 100%);
background:-webkit-linear-gradient(-45deg,#6bdafb 0%,#08aee5 100%);
background:linear-gradient(135deg,#6bdafb 0%,#08aee5 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bdafb',endColorstr='#08aee5',GradientType=1 );
}
.drSer2 li:nth-child(2n) .drSer2Con{
background:#f9c773;
background:-moz-linear-gradient(-45deg,#f9c773 0%,#fea974 100%);
background:-webkit-linear-gradient(-45deg,#f9c773 0%,#fea974 100%);
background:linear-gradient(135deg,#f9c773 0%,#fea974 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c773',endColorstr='#fea974',GradientType=1 );
}
.drSer2Num{ position:absolute; right:5%; top:50%; transform:translateY(-50%); z-index:-1; font-family:Arial; font-size:135px; color:#FFFFFF; opacity:0.1; font-style:italic; font-weight:bold;}
.drSer2Ico{ width:200px; height:100%; float:left;}
.drSer2TextBg{ margin-left:200px; height:100%; align-items:flex-start;}
.drSer2Text{ font-size:16px; color:#FFFFFF;}
.drSer2Text h3{ font-size:26px;}
.drSer2Line{ display:block; width:18px; height:2px; background:#FFFFFF; margin:20px 0;}
.drSer2Bot{ text-align:center; font-size:20px; color:#388bd8; line-height:140%; padding:30px 0 0;}
.drSer2Btn{ display:block; width:152px; height:47px; line-height:47px; background:#388bd8; color:#FFFFFF; text-align:center; font-size:15px; border-radius:5px; margin:30px auto 0;}
.drSer2Btn:hover,.drSer2Btn:focus{ color:#FFFFFF;}

.drSer3Bg{ padding:80px 0; overflow:hidden;}
.drSer3Bg .drSerTit{ padding:25px 0;}
.drSer3Top{ font-size:18px; color:#666666; line-height:24px; text-align:center; padding-bottom:20px;}
.drSer3{ font-size:0; padding:50px 0 0; margin:0 -5px;}
.drSer3 li{ width:25%; vertical-align:top; position:relative; animation-fill-mode:backwards;}
.drSer3 li:after{ display:block; content:""; width:37px; height:10px; background:url(../images/drSer3Bg.png) center center no-repeat; position:absolute; right:0; top:75px; transform:translateX(50%);}
.drSer3 li:last-child:after{ display:none;}
.drSer3Con{ transition:all 0.5s ease; cursor:pointer; position:relative;}
.drSer3Ico img{ margin:0 auto; max-width:70%; border-radius:50%;}
.drSer3Text h3{ font-size:20px; color:#333333; line-height:150%; padding:15px 0; transition:all 0.5s ease;}
.drSer3Brief{ font-size:14px; color:#666666; line-height:24px; max-width:204px; max-height:96px; overflow:hidden; margin:0 auto; opacity:0; transition:all 0.5s ease;}

.drSer4{ font-size:0; padding:50px 10px 30px;}
.drSer4Item{ display:inline-block; vertical-align:middle; width:50%; padding:10px; font-size:14px; color:#666666; line-height:24px;}
.drSer4Img{ float:right; width:187px; height:187px; border-radius:50%; background:#f2ab01; position:relative; z-index:1;}
.drSer4Img img{ max-width:40%; margin:0 auto;}
.drSer4Img:after,.drSer4Img:before{ display:block; content:""; position:absolute; background:#f2ab01;}
.drSer4Img:after{ right:0; bottom:0; width:50%; height:50%; z-index:-1;}
.drSer4Img:before{ left:-15px; top:-15px; width:calc(100% + 15px); height:calc(100% + 15px); opacity:0.2; border-radius:50%; z-index:-1;}
.drSer4Num{ position:absolute; right:5px; bottom:5px; font-family:Arial; font-size:20px; color:#FFFFFF;}
.drSer4Text{ margin-right:227px; text-align:right; padding:10px 0 0;}
.drSer4Tit{ font-size:24px; color:#333333; font-weight:bold; margin:10px 0;}
.drSer4Brief{ height:96px; overflow:hidden;}
.drSer4Item:nth-child(2n) .drSer4Img{ float:left; background:#60b4ce;}
.drSer4Item:nth-child(2n) .drSer4Img:after{ right:auto; left:0; background:#60b4ce;}
.drSer4Item:nth-child(2n) .drSer4Img:before{ right:-15px; left:auto; background:#60b4ce;}
.drSer4Item:nth-child(2n) .drSer4Num{ right:auto; left:5px;}
.drSer4Item:nth-child(2n) .drSer4Text{ margin-right:0; text-align:left; margin-left:227px;}
.drSer4Item:nth-child(3) .drSer4Img{ background:#6abc6a;}
.drSer4Item:nth-child(3) .drSer4Img:after{ right:0; left:auto; bottom:auto; top:0; background:#6abc6a;}
.drSer4Item:nth-child(3) .drSer4Img:before{ top:auto; bottom:-15px; background:#6abc6a;}
.drSer4Item:nth-child(3) .drSer4Num{ bottom:auto; top:5px;}
.drSer4Item:nth-child(4) .drSer4Img{ background:#f1647b;}
.drSer4Item:nth-child(4) .drSer4Img:after{ bottom:auto; top:0; background:#f1647b;}
.drSer4Item:nth-child(4) .drSer4Img:before{ top:auto; bottom:-15px; background:#f1647b;}
.drSer4Item:nth-child(4) .drSer4Num{ bottom:auto; top:5px; right:auto; left:5px;}

.drSer5Bg{ padding:50px 0 100px;}
.drSer5Top{ font-size:14px; color:#666666; line-height:24px; max-width:800px; margin:20px auto; text-align:center;}
.drSer5{ margin:0 -7px; font-size:0; padding:20px 0 0;}
.drSer5 li{ width:20%; padding:7px; animation-fill-mode:backwards;}
.drSer5Img{ border-radius:5px; overflow:hidden; position:relative; cursor:pointer; z-index:1;}
.drSer5Img > img{ width:100%; transition:all 0.5s ease;}
.drSer5Mask{ position:absolute; left:0; bottom:0; width:100%; height:50%;
background-color: rgba(18, 48, 74, 0);
background-image: -webkit-linear-gradient(to bottom,rgba(18, 48, 74, 0) 0%, rgba(18, 48, 74, 0) 30%, rgba(18, 48, 74, 0.9) 100%);
background-image: linear-gradient(to bottom,rgba(18, 48, 74, 0) 0%, rgba(18, 48, 74, 0) 30%, rgba(18, 48, 74, 0.9) 100%);
}
.drSer5Hov{ position:absolute; left:0; bottom:10px; width:100%; padding:0 15px;}
.drSer5Ico{ transition:all 0.5s ease;}
.drSer5Ico img{ margin:0 auto;}
.drSer5Tit{ text-align:center; font-size:20px; color:#FFFFFF; padding:10px 0; line-height:140%;}
.drSer5Line{ display:block; width:25px; height:2px; background:#FFFFFF; margin:10px 0; display:none;}
.drSer5Brief{ font-size:14px; color:#FFFFFF; line-height:24px; max-height:144px; overflow:hidden; height:0; text-align:left; transition:all 0.5s ease;}

.drSer6Bg{ background:url(../images/drSer6Bg.jpg) center center fixed no-repeat; background-size:cover; padding:80px 0; color:#FFFFFF;}
.drSer6Bg.mob{ background-attachment:scroll;}
.drSer6Bg .drSerTit{ color:#FFFFFF;}
.drSer6Bg .drSer5Top{ color:#FFFFFF;}
.drSer6{ overflow:hidden; margin:0 -7px; font-size:0; padding:20px 0 0;}
.drSer6 li{ padding:7px; width:33.33%; animation-fill-mode:backwards;}
.drSer6Con{ display:block;}
.drSer6Img{ overflow:hidden; position:relative;}
.drSer6Img img{ margin:0 auto;}
.drSer6Tit{ text-align:center; font-size:18px; color:#FFFFFF; line-height:180%; padding:5px 0;}

.drSer7Bg{ padding:120px 0 140px;}
.drSer7{ padding:40px 0 0; margin:0 -5px; font-size:0;}
.drSer7 li{ vertical-align:top; width:33.33%; padding:5px; animation-fill-mode:backwards;}
.drSer7Con{ position:relative; overflow:hidden; cursor:pointer;}
.drSer7Img{ position:relative; overflow:hidden; max-width:394px; margin:0 auto;}
.drSer7Img img{ width:100%; transition:all 0.5s ease;}
.drSer7Mask{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(31,31,31,0.3); transition:all 0.5s ease;}
.drSer7Tit{ font-size:18px; color:#FFFFFF; position:absolute; left:0; bottom:20px; width:100%; padding:0 5%; text-align:left; transition:all 0.5s ease;}
.drSer7Hov{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; padding:0 7%; text-align:left; color:#FFFFFF; opacity:0; transition:all 0.5s ease;}
.drSer7Name{ font-size:20px; margin:15px 0; opacity:0; transform:translateY(15px); transition:all 0.5s ease;}
.drSer7Brief{ font-size:14px; color:#FFFFFF; line-height:24px; max-height:120px; overflow:hidden; opacity:0; transform:translateY(15px); transition:all 0.8s ease;}

.drSer8Bg{ position:relative; z-index:1; height:480px; color:#FFFFFF; overflow:hidden;}
.drSer8Bg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:-1; background-attachment:fixed;}
.drSer8Bg.mob .imgBg{ background-attachment:scroll;}
.drSer8Bg .container{ height:100%;}
.drSer8Box{ height:100%; text-align:center;}
.drSer8Con{ width:100%; font-size:15px;}
.drSer8Tit{ font-size:50px; margin:10px 0; line-height:120%;}
.drSer8Con span{ font-size:21px;}
.drSer8Down{ display:inline-block; vertical-align:middle; margin:45px auto 0; text-align:center; min-width:232px; line-height:30px; padding:10px 15px; background:#388bd8; color:#FFFFFF; border-radius:5px;}
.drSer8Down:hover,.drSer8Down:focus{ color:#FFFFFF;}

.crSer1Bg{ border-bottom:1px solid #dfdfdf;}
.crSer1Brief{ min-height:96px;}
.crSer1Bg .drSer1{ padding:0;}
.crSer1Bg .drSer1 li{ padding-top:10px;}
.crSer2Bg .drSerTit{ padding-top:45px;}
.crSer2Bg .drSer3Top{ font-size:16px; padding-bottom:45px;}
.crSer2{ background:url(../images/crSer2Bg.jpg) center center fixed no-repeat; padding:100px 0;}
.crSer2Bg.mob .crSer2{ background-attachment:scroll;}
.crSer2List{ margin:0 -8px;}
.crSer2List li{ padding:5px 8px;}
.crSer2Box{ background:rgba(255,255,255,0.9); font-size:14px; color:#666666; line-height:24px; height:340px; padding:20px 60px; position:relative;}
.crSer2Con{ width:100%;}
.crSer2Line{ display:block; width:25px; height:2px; background:#388bd8;}
.crSer2Tit{ font-size:28px; color:#388bd8; font-weight:bold; line-height:130%; margin:15px 0;}
.crSer2Brief{ font-size:14px; color:#666666; line-height:24px; overflow:hidden; max-height:192px;}
.crSer2Prev,.crSer2Next{ display:block; width:30px; height:30px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-15px; cursor:pointer;}
.crSer2Prev{ left:15px; background-image:url(../images/crSer2Prev.jpg);}
.crSer2Next{ right:15px; background-image:url(../images/crSer2Next.jpg);}

.hrSer1Bg{ overflow:hidden;}
.hrSer1{ font-size:0; margin:0; padding:40px 0 0; margin:0 -10px;}
.hrSer1 li{ vertical-align:top; width:20%; padding:10px; animation-fill-mode:backwards;}
.hrSer1Con{ width:186px; height:186px; border-radius:50%; background:#FF0000; margin:0 auto; background:#6fe49c; position:relative; z-index:1; overflow:hidden; cursor:pointer;}
.hrSer1Text{ width:100%; position:relative; z-index:1;}
.hrSer1Ico{ max-width:44%; margin:0 auto 5px;}
.hrSer1Tit{ font-size:16px; color:#FFFFFF; line-height:24px;}
.hr1 .hrSer1Con{ background:#6fe49c;}
.hr2 .hrSer1Con{ background:#32cfc9;}
.hr3 .hrSer1Con{ background:#56ace7;}
.hr4 .hrSer1Con{ background:#5d8be7;}
.hr5 .hrSer1Con{ background:#fbb34c;}
.question{ position:absolute; left:0; right:0; top:0; bottom:0; background:url(../images/hrSer1Bg.png) center center no-repeat; background-size:cover; z-index:-1; transition:all 0.5s ease;}
.hrSer2Bg .drSer5Mask{ height:100%;}
.hrSer2Bg .drSer5Tit{ line-height:140%;}
.hrSer3Text{ font-size:18px; line-height:170%; color:#333333; margin:25px auto; max-width:240px;}

.ldSer2Bg .drSer3 li{ width:20%;}

.paySer1Bg{ padding:45px 0 80px;}
.paySer1Bg .drSer5Top{ margin:0 auto;}

.wbSer2Bg .drSer3 li{ width:16.66%;}
.wbSer2Bg .drSer3 li:after{ top:60px;}

.wbSer1Bg .drSer5Mask{ height:100%;}
.wbSer1Bg .drSer5Hov{ transition:all 0.5s ease;}

.spSer1Bg{ padding:80px 0 100px;}
.spSer1Bg .drSer5Top{ font-size:16px; margin:10px auto;}
.spSer1{ padding:30px 0 0; margin:0 -6px; font-size:0;}
.spSer1 li{ padding:6px; border-radius:5px; width:25%; vertical-align:top;}
.spSer1 li a{ display:block; height:100%; position:relative; overflow:hidden; border-radius:5px;}
.spSer1Img{ border-radius:5px; position:relative; overflow:hidden; background:#062e47;}
.spSer1Img img{ width:100%; opacity:0.8; transition:all 0.5s ease;}
.spSer1TitBg{ position:absolute; left:0; bottom:0; width:100%; padding:15px; min-height:100px; background:rgba(0,0,0,0.7); transition:all 0.5s ease;}
.spSer1Tit{ font-size:22px; color:#FFFFFF; line-height:130%;}
.spSer1Hov{ position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center; color:#FFFFFF; padding:0 8%; opacity:0; transition:all 0.5s ease;}
.spSer1Name{ font-size:22px; line-height:150%; opacity:0; transform:translateY(10px); transition:all 0.5s ease;}
.spSer1Brief{ font-size:14px; line-height:24px; max-height:120px; overflow:hidden; margin:25px auto; opacity:0; transform:translateY(10px); transition:all 0.5s ease;}
.spSer1Btn{ width:138px; height:42px; line-height:40px; border:1px solid #e1e1e1; border-radius:5px; margin:0 auto; font-size:15px; opacity:0; transform:translateY(10px); transition:all 0.5s ease;}


.jkSer1Bg{ padding:80px 0; overflow:hidden;}
.jkSer1{ font-size:0; margin:0; text-align:center;}
.jkSer1 li{ width:33.33%; padding:5px 50px; vertical-align:top;}
.jkSer1Ico{ width:150px; height:150px; border-radius:50%; border:7px solid #6ee98a; margin:0 auto; margin-bottom:-75px; background:#FFFFFF; position:relative; z-index:1;}
.jkSer1Text{ padding:85px 15px 20px; border-radius:5px;
background:#33e060;
background:-moz-linear-gradient(-45deg,#9befa9 0%,#33e060 100%);
background:-webkit-linear-gradient(-45deg,#9befa9 0%,#33e060 100%);
background:linear-gradient(135deg,#9befa9 0%,#33e060 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9befa9',endColorstr='#33e060',GradientType=1 );
}
.jk2 .jkSer1Ico{ border-color:#388bd8;}
.jk2 .jkSer1Text{
background:#388bd8;	
background:-moz-linear-gradient(-45deg,#7fc1ff 0%,#388bd8 100%);
background:-webkit-linear-gradient(-45deg,#7fc1ff 0%,#388bd8 100%);
background:linear-gradient(135deg,#7fc1ff 0%,#388bd8 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fc1ff',endColorstr='#388bd8',GradientType=1 );
}
.jk3 .jkSer1Ico{ border-color:#a5b5df;}
.jk3 .jkSer1Text{
background:#388bd8;	
background:-moz-linear-gradient(-45deg,#aebee7 0%,#a5b5df 100%);
background:-webkit-linear-gradient(-45deg,#aebee7 0%,#a5b5df 100%);
background:linear-gradient(135deg,#aebee7 0%,#a5b5df 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebee7',endColorstr='#a5b5df',GradientType=1 );
}

.jkSer1Tit{ font-size:25px; color:#FFFFFF; line-height:140%; padding:5px 0;}
.jkSer1Brief{ font-size:16px; color:#FFFFFF; line-height:24px; max-width:210px; margin:15px auto; height:72px; overflow:hidden;}

.jkSer3Bg{ overflow:hidden; padding:100px 0;}
.jkSer3{ margin:0 -30px; font-size:0; position:relative;}
.jkSer3:after,.jkSer3:before{ display:block; content:""; width:1px; height:100%; background:#e5e5e5; top:0; position:absolute;}
.jkSer3:after{ left:33.33%;}
.jkSer3:before{ right:33.33%;}
.jkSer3 li{ padding:0 30px; margin:5px 0; width:33.33%; vertical-align:top;}
.jkSer3Con{ display:block; position:relative; overflow:hidden;}
.jkSer3Img{ display:block; position:relative; overflow:hidden;}
.jkSer3Img img{ width:100%; transition:all 0.5s ease;}
.jkSer3Tit{ font-size:30px; color:#388bd8; line-height:180%; margin:20px 0; text-align:center;}
.jkSer3Brief{ font-size:14px; color:#777777; line-height:24px; margin:20px 0;}
.jkSer3Btn{ display:block; width:110px; height:46px; border:1px solid #388bd8; border-radius:5px; font-size:14px; line-height:44px; color:#388bd8; margin:0 auto; transition:all 0.5s ease;}
.jkSer3Btn:hover{ background:#388bd8; color:#ffffff;}

.bxSer1Bg{ padding:50px 0;}
.bxSer1Bg .drSer3Brief{ opacity:1;}
.bxSer1Bg .drSer3Text h3{ padding-bottom:0;}
.bxSer1Bg .drSer3Con{ height:315px; padding:10px 0 0;}
.bxSer1HovBg{ position:absolute; left:50%; top:0; width:100%; height:100%; max-width:254px; padding:10px 9%; transform:translateX(-50%); font-size:14px; color:#FFFFFF; border-radius:5px; overflow:hidden; line-height:24px;
background:#388bd8;	
background:-moz-linear-gradient(-45deg,#7fc1ff 0%,#388bd8 100%);
background:-webkit-linear-gradient(-45deg,#7fc1ff 0%,#388bd8 100%);
background:linear-gradient(135deg,#7fc1ff 0%,#388bd8 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fc1ff',endColorstr='#388bd8',GradientType=1 );
opacity:0; transition:all 0.5s ease;
}
.bxSer1Tit{ font-size:20px; color:#FFFFFF; font-weight:bold; margin-bottom:15px;}
.bxSer1Con{ max-height:216px; overflow:hidden;}
.bxSer1Tit,.bxSer1Con{ opacity:0; transform:translateY(10px); transition:all 0.5s ease;}

.bxSer2Bg{ padding:50px 0;}
.bxSer2Bg .drSerTit{ padding:20px 0;}
.bxSer2{ padding:15px 0 0; margin:0 -10px; font-size:0;}
.bxSer2 li{ width:25%; vertical-align:top; padding:20px 10px 0;}
.bxSer2Con{ position:relative; overflow:hidden; cursor:pointer; display:block;}
.bxSer2Img{ position:relative; overflow:hidden; background:#042747; transition:all 0.5s ease;}
.bxSer2Img img{ opacity:0.8; width:100%; transition:all 0.5s ease;}
.bxSer2Name{ font-size:20px; font-weight:bold; color:#FFFFFF; text-align:center; position:absolute; left:0; bottom:10px; width:100%; padding:10px; transition:all 0.5s ease;}
.bxSer2Hov{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center; color:#FFFFFF; font-size:14px; line-height:24px; padding:10px; opacity:0; transition:all 0.5s ease;}
.bxSer2Tit{ font-size:20px; font-weight:bold;}
.bxSer2Line{ display:block; width:24px; height:2px; background:#FFFFFF; margin:15px auto;}
.bxSer2Brief{ max-width:80%; max-height:192px; margin:15px auto 0; overflow:hidden;}
.bxSer2Tit,.bxSer2Line,.bxSer2Brief{ opacity:0; transform:translateY(15px); transition:all 0.5s ease;}

.zySer2Bg{ overflow:hidden; padding:60px 0 0;}
.zySer2{ margin:0 -1px; padding:25px 0 0; font-size:0;}
.zySer2 li{ vertical-align:top; width:25%; padding:1px 1px 0;}
.zySer2Con{ position:relative; overflow:hidden; cursor:pointer;}
.zySer2Img{ position:relative; overflow:hidden; background:#1f1f1f; transition:all 0.5s ease;}
.zySer2Img img{ opacity:0.78; width:100%; vertical-align:top; transition:all 0.5s ease;}
.zySer2CirBg{ width:150px; height:150px; background:rgba(56,139,216,0.8); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#FFFFFF; border-radius:50%; transition:all 0.5s ease;}
.zySer2Cir{ width:100%; transition:all 0.5s ease;}
.zySer2Ico{ width:50px; height:50px; margin:0 auto 10px;}
.zySer2Tit{ font-weight:bold; text-align:center; font-size:20px;}
.zySer2Hov{ position:absolute; left:0; width:100%; top:50%; transform:translateY(0%); color:#FFFFFF; opacity:0; transition:all 0.5s ease;}
.zySer2Brief{ font-size:16px; line-height:24px; max-height:144px; padding:0 14%; text-align:center; margin:10px auto 0; overflow:hidden;}

.zySer3Bg{ padding:70px 0; overflow:hidden;}
.zySer3{ font-size:0; margin:0 -23px; font-size:0; text-align:center;}
.zySer3 li{ vertical-align:top; width:20%; padding:15px 23px; position:relative;}
.zySer3 li:after{ display:block; content:""; width:9px; height:15px; background:url(../images/zySer3LiBg.png) right center no-repeat; position:absolute; right:0; top:50%; margin-top:-7px; transform:translateX(50%);}
.zySer3 li:nth-child(5n):after{ display:none;}
.zySer3ConBg{ background:#70e49d; height:102px; color:#FFFFFF; border-radius:5px; overflow:hidden; position:relative; cursor:pointer;}
.zySer3Con{ width:100%; font-size:0; text-align:left; padding-left:10%; transition:all 0.5s ease;}
.zySer3Ico,.zySer3Rig{ display:inline-block; vertical-align:middle;}
.zySer3Ico{ width:30%;}
.zySer3Rig{ width:55%; text-align:left;}
.zySer3Tit{ font-size:18px; line-height:150%;}
.zySer3Hov{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; font-size:14px; color:#FFFFFF; line-height:20px; max-height:60px; overflow:hidden; padding:0 3%; opacity:0; transition:all 0.5s ease;}
.zy1 .zySer3ConBg{ background-color:#70e49d;}
.zy2 .zySer3ConBg{ background-color:#33cfc8;}
.zy3 .zySer3ConBg{ background-color:#57abe7;}
.zy4 .zySer3ConBg{ background-color:#5e8ae6;}
.zy5 .zySer3ConBg{ background-color:#ffb34c;}

.joinTop{ padding:60px 0; font-size:16px; color:#3c3c3c; line-height:180%; text-align:center;}
.joinBtn{ display:inline-block; vertical-align:middle; background:#388bd8; font-size:20px; color:#FFFFFF; line-height:58px; padding:0 20px; border-radius:30px; margin-top:20px;}
.joinBtn:hover,.joinBtn:focus{ color:#FFFFFF;}
.joinBot{ padding-bottom:65px;}
.joinBot li{ background:#f4f4f4; font-size:12px; color:#3c3c3c; line-height:22px; padding:0 23px; margin-bottom:14px;}
.joinTit{ font-size:16px; color:#388bd8; line-height:22px; line-height:46px; cursor:pointer;}
.joinTit i{ display:block; width:22px; height:22px; background:#5bb3f3; float:right; margin-top:12px; line-height:18px; color:#FFFFFF; text-align:center;}
.joinText{ padding:10px 0 35px; display:none;}

.banSel{ display:block; width:100%; border:1px solid #dddddd; border-radius:4px; padding:10px; padding-left:50px; padding-right:15px; background:url(../images/selectBg.png) right 15px center #FFFFFF no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none; cursor:pointer;}
.banSel option{ appearance:none; -webkit-appearance:none; -moz-appearance:none;}

.layerBg{ position:fixed; right:0; bottom:0; left:0; top:0; background:rgba(0,0,0,0.5); z-index:5; display:none;}
.layBox{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:6px; width:100%; max-width:560px; margin:0 auto; background:#FFFFFF; z-index:6; padding:40px 100px 30px; display:none;}
.layClose{ display:block; position:absolute; right:15px; top:15px; width:26px; height:26px; background:url(../images/close.png) center center no-repeat; background-size:cover; cursor:pointer;}
.layTit{ font-size:24px; line-height:140%; text-align:center; margin-bottom:15px;}
.layForm{ overflow:hidden; padding:1px 0 15px;}
.layForm li{ position:relative; margin-bottom:10px;}
.layForm li input{ border:1px solid #CCC; color:#333333; background:none; display:block; height:44px; padding:10px; line-height:24px; width:100%; border-radius:2px;}
.layTip{ position:absolute; right:10px; top:1px; line-height:44px;}
.layBtn{ display:block; background:#388bd8; color:#FFFFFF; margin:0 auto; max-width:200px; width:100%; line-height:44px; height:44px; text-align:center; border-radius:5px;}
.layBtn:hover,.layBtn:focus{ color:#FFFFFF;}
.layTip{ display:none;}

@media (min-width:993px){
	nav.navbar.bootsnav li.pcNavLi ul.dropdown-menu{ display:none !important;}
	.box1 li a:hover .box1Img{ background:#388bd8;}
	.box1 li a:hover .box1ImgHov{ opacity:1;}
	.box1 li a:hover .box1Tit{ opacity:0;}
	.box1 li a:hover .box1Brief{ opacity:1;}
	.box2 li a:hover .box2Img img{ opacity:0.4; transform:scale(1.2);}
	.box2 li a:hover .box2Mask{ opacity:0.7; background:#388bd8;}
	.box2 li a:hover .box2Name{ opacity:0; transform:translateY(30px);}
	.box2 li a:hover .box2Hov{ opacity:1;}
	.box2 li a:hover .box2Ico{ opacity:1; transform:translateY(0);}
	.box2 li a:hover .box2Tit{ opacity:1; transform:translateY(0);}
	.box4List li a:hover .box4Img img{ transform:scale(1.2);}
	.box4List li a:hover .box4Btn{ background:#388bd8; border-color:#388bd8; color:#FFFFFF;}
	.box4More a:hover span{ padding:0 15px;}
	.box5List li a:hover .box5Text{ transform:scale(1);}
	.box5List li a:hover .box5Mask{ transform:scale(1.4) rotate(-45deg);}
	.fShare li a:hover{ opacity:0.8;}	
	.newsList li a:hover .newsImg img{ transform:scale(1.1);}
	.newsList li a:hover .newsTit{ color:#388bd8;}
	.newsList li a:hover .newsMore{ background:#388bd8; color:#FFFFFF;}
		
	.drSer1Con:hover .spSer1Img img{ opacity:0.2; transform:scale(1.2);}
	.drSer1Con:hover .spSer1Hov{ opacity:1;}
	.drSer1Con:hover .spSer1Name,.drSer1Con:hover .spSer1Brief,.drSer1Con:hover .spSer1Btn{ opacity:1; transform:translateY(0);}
	.drSer1Con:hover .spSer1Name{ transition-delay:0.2s;}
	.drSer1Con:hover .spSer1Brief{ transition-delay:0.3s;}
	.drSer1Con:hover .spSer1Btn{ transition-delay:0.4s;}
	.drSer1Con:hover .drSer1Text{ opacity:0; transform:translateY(100%);}

	.drSer3 li .drSer3Con:hover{ transform:translateY(-18px);}
	.drSer3 li .drSer3Con:hover .drSer3Text h3{ font-weight:bold; color:#388bd8;}
	.drSer3 li .drSer3Con:hover .drSer3Brief{ opacity:1;}
	
	.drSer5Img:hover > img{ transform:scale(1.2);}
	.drSer5Img:hover .drSer5Ico img{ margin:0;}
	.drSer5Img:hover .drSer5Tit{ text-align:left;}
	.drSer5Img:hover .drSer5Mask{ height:100%; background-color:rgba(18, 48, 74, 0.2);}
	.drSer5Img:hover .drSer5Line{ display:block;}
	.drSer5Img:hover .drSer5Brief{ height:144px;}
	
	.drSer7Con:hover .drSer7Img img{ transform:scale(1.2);}
	.drSer7Con:hover .drSer7Mask{ background:rgba(74,149,219,0.8);}
	.drSer7Con:hover .drSer7Tit{ opacity:0; transform:translateY(-50px);}
	.drSer7Con:hover .drSer7Hov{ opacity:1;}
	.drSer7Con:hover .drSer7Name,.drSer7Con:hover .drSer7Brief{ opacity:1; transform:translateY(0);}
	
	.djSer3Bg .drSer5Img:hover .drSer5Tit{ text-align:center;}
	.djSer3Bg .drSer5Img:hover .drSer5Mask{ height:50%; background-color:rgba(18,48,74,0); background-image: -webkit-linear-gradient(to bottom,rgba(18,48,74,0) 0%,rgba(18,48,74,0) 30%,rgba(18,48,74,0.9) 100%); background-image:linear-gradient(to bottom,rgba(18,48,74,0) 0%,rgba(18,48,74,0) 30%,rgba(18,48,74,0.9) 100%);}
	
	.hrSer1Con:hover .hrSer1Ico img{ animation:tada 1s ease 1;}
	.hrSer1Con:hover .question{ transform:scale(0.8);}
	.hrSer2Bg .drSer5Img:hover .drSer5Mask{ height:100%;}
	
	.wbSer1Bg .drSer5Img:hover .drSer5Mask{ height:100%; background-color:rgba(18, 48, 74, 0.7);}
	.wbSer1Bg .drSer5Img:hover .drSer5Hov{ bottom:auto; top:50%; transform:translateY(-50%);}
	.wbSer1Bg .drSer5Img:hover .drSer5Ico img{ margin:0 auto;}
	.wbSer1Bg .drSer5Img:hover .drSer5Tit{ text-align:center;}
	
	.spSer1 li a:hover .spSer1Img img{ opacity:0.2; transform:scale(1.2);}
	.spSer1 li a:hover .spSer1Hov{ opacity:1;}
	.spSer1 li a:hover .spSer1Name,.spSer1 li a:hover .spSer1Brief,.spSer1 li a:hover .spSer1Btn{ opacity:1; transform:translateY(0);}
	.spSer1 li a:hover .spSer1Name{ transition-delay:0.2s;}
	.spSer1 li a:hover .spSer1Brief{ transition-delay:0.3s;}
	.spSer1 li a:hover .spSer1Btn{ transition-delay:0.4s;}
	.spSer1 li a:hover .spSer1TitBg{ opacity:0; transform:translateY(100%);}
		
	.bxSer1Bg .drSer3 li .drSer3Con:hover{ transform:translateY(0);}
	.bxSer1Bg .drSer3 li .drSer3Con:hover .drSer3Text h3{ font-weight:normal; color:#388bd8;}
	.bxSer1Bg .drSer3 li .drSer3Con:hover .bxSer1HovBg{ opacity:1;}
	.bxSer1Bg .drSer3 li .drSer3Con:hover .bxSer1Tit,.bxSer1Bg .drSer3 li .drSer3Con:hover .bxSer1Con{ opacity:1; transform:translateY(0);}
	.bxSer1Tit{ transition-delay:0.1s;}
	.bxSer1Con{ transition-delay:0.3s;}
	
	.bxSer2Con:hover .bxSer2Img{ background:#000000;}
	.bxSer2Con:hover .bxSer2Img img{ opacity:0.4; transform:scale(1.2);}
	.bxSer2Con:hover .bxSer2Name{ transform:translateY(100%);}
	.bxSer2Con:hover .bxSer2Hov{ opacity:1;}
	.bxSer2Con:hover .bxSer2Tit,.bxSer2Con:hover .bxSer2Line,.bxSer2Con:hover .bxSer2Brief{ opacity:1; transform:translateY(0);}
	.bxSer2Con:hover .bxSer2Tit{ transition-delay:0.2s;}
	.bxSer2Con:hover .bxSer2Line{ transition-delay:0.4s;}
	.bxSer2Con:hover .bxSer2Brief{ transition-delay:0.6s;}
	.bxSer2Con:hover .drSer5Mask{ display:none;}
	
	.zySer2Con:hover .zySer2Img img{ opacity:1; transform:scale(1.2);}
	.zySer2Con:hover .zySer2CirBg{ width:100%; height:100%; border-radius:0;}
	.zySer2Con:hover .zySer2Cir{ opacity:0;}
	.zySer2Con:hover .zySer2Hov{ opacity:1; transform:translateY(-50%);}
	
	.zySer3ConBg:hover .zySer3Con{ opacity:0; transform:rotateY(90deg);}
	.zySer3ConBg:hover .zySer3Hov{ opacity:1;}
}
@media (min-width:1230px){
	.container{ width:1230px;}
}
@media (max-width:1600px){
	.logoBox{ height:90px;}
	.logo1{ max-width:180px;}
	.logo2{ max-width:300px; margin-left:25px;}
	.navRig{ line-height:90px; height:90px;}
	.navTel{ font-size:20px;}
	nav.navbar.bootsnav ul.nav{ margin:0 -8px;}
	nav.navbar.bootsnav ul.nav > li{ margin:0 8px;}
	nav.navbar.bootsnav ul.nav > li > a,.navTel{ line-height:50px; height:50px;}
	nav.navbar.bootsnav ul.nav > li > a{ font-size:16px;}	
	.pcNavBg{ width:800px;}
	.pcSubNav{ padding:10px 0; line-height:24px;}
	.pcNavItem p a{ font-size:15px;}	
	
	.banTit{ font-size:60px;}	
	.banCon{ font-size:18px;}
	.banFormBox{ height:auto; padding:25px;}
	.banFormTit{ font-size:26px;}
	.banForm{ padding:5px 0 0;}
	.banInpt{ padding:7px 0; padding-left:40px;}
	.banFormIco{ width:25px; left:10px;}
	.banFormBtn{ line-height:44px; font-size:18px;}
	.banOption li{ padding-left:40px;}
	
	.hmPart{ padding:50px 0;}
	.hmPartNum{ font-size:34px;}
	.hmPartLine{ margin:15px 0;}
	
	.hmTit{ font-size:26px;}
	
	.box1Bg{ padding:50px 0;}
	.box1 li{ margin-top:20px;}
	.box1Img{ width:140px; height:140px;}
	.box1Tit{ font-size:17px;}
	
	.box2Bg{ padding-top:10px;}
	.box2Ico{ max-width:80px;}
	.box2Name,.box2Tit{ font-size:21px;}
	
	.box3Bg{ padding:30px 0 100px;}
	.box3Bg .hmTit{ padding:45px 0;}
	.box3Bot{ padding-top:40px;}
	
	.box4Top{ padding:70px 0; margin:0 -15px;}
	.box4Top li{ padding:5px 15px;}
	.box4Bot{ padding-bottom:30px;}
	.box4Tit{ font-size:18px;}
	.box4More{ padding:25px 0;}
	
	.box5Bg{ padding:50px 0;}
	.box5Bg .hmTit{ padding:20px 0 40px;}
	.box5Page{ padding-top:40px;}
	
	.footTop{ padding:45px 0 30px;}
	.footBot{ padding:20px 0;}
	
	.banBox2{ height:420px;}
	.banTit2{ font-size:40px;}
	.banSer{ height:600px;}
	
	.newsTab{ padding:30px 0 40px; margin:0 -15px;}
	.newsTab li{ padding:0 15px;}
	.newsTab li a{ width:180px; height:46px; line-height:46px; font-size:18px;}
	.newsList li{ padding:25px 0;}	
	.pageBox{ padding:40px 10px;}
	
	.banBox3 .banTextBg{ padding-bottom:120px;}
	.newsBox{ margin-top:-120px; margin-bottom:68px; padding:30px 35px 10px;}
	.newsTop{ padding:10px 0;}
	.newsName{ font-size:24px;}
	
	.honourBg{ padding:90px 0;}
	
	.aboxTit h2{ font-size:26px;}
	.aboxLine{ margin:15px auto 10px;}
	.abox1Bg{ padding-bottom:40px;}
	.abox2Bg{ padding:20px 0 40px;}
	.abox2 .swiper-container{ padding:25px 0;}
	
	.abox3Bg{ height:600px;}
	.abox3List{ width:400px;}
	.abox3Text{ padding:15px 10px 10px 30px;}
	.abox3Text h3{ font-size:20px; margin-bottom:5px;}
	
	.abox4Bg{ padding-top:180px;}
	.abox4{ padding-bottom:60px;}
	.abox4Form{ margin:-80px auto 0; padding:40px 50px 80px;}
	.abox4List{ margin:20px 0 0;}
	
	.banSer .banTit{ font-size:50px;}
	.drSerTit{ font-size:26px;}
	.drSer1Bg{ padding:50px 0;}
	.drSer1{ padding:10px 0 0;}
	.drSer1Text{ font-size:14px; padding:10;}
	.drSer1Text h3{ font-size:20px;}
	
	.drSer2Bg{ padding:60px 0;}
	.drSer2Bg .drSerTit{ padding:15px 0;}
	.drSer2Bot{ padding:20px 0 0;}
	.drSer2Btn{ margin:20px auto 0;}	
	
	.drSer3Bg{ padding:60px 0;}
	.drSer3Bg .drSerTit{ padding:15px 0;}
	.drSer3Top{ font-size:16px;}
	.drSer3Text h3{ font-size:18px; padding:10px 0;}	
	
	.drSer4{ font-size:0; padding:30px 10px 20px;}
	.drSer4Tit{ font-size:20px;}
	
	.drSer5Bg{ padding:30px 0 60px;}
	.drSer5{ padding:0;}
	.drSer5Tit{ font-size:18px; padding:5px 0;}
	
	.drSer6Bg{ padding:60px 0;}
	.drSer6{ padding:0;}
	.drSer6Tit{ font-size:16px;}
	
	.drSer7Bg{ padding:80px 0 100px;}
	.drSer7{ padding:25px 0 0;}
	
	.drSer8Bg{ height:400px;}
	.drSer8Con{ font-size:14px;}
	.drSer8Tit{ font-size:44px;}
	
	.crSer2{ padding:65px 0;}
	.crSer2Bg .drSerTit{ padding-top:32px;}
	.crSer2Bg .drSer3Top{ padding-bottom:32px;}
	
	.hrSer3Text{ font-size:16px;}
	
	.paySer1Bg{ padding:30px 0 60px;}
	
	.spSer1Bg{ padding:60px 0 80px;}
	.spSer1Bg .drSer5Top{ font-size:14px; margin:5px auto;}
	.spSer1{ padding:20px 0 0;}
	.spSer1Tit,.spSer1Name{ font-size:20px; line-height:140%;}
	.spSer1Btn{ width:120px; height:38px; line-height:36px;}
	
	.jkSer1Bg{ padding:60px 0;}
	.jkSer1Tit{ font-size:22px;}
	
	.jkSer3Bg{ padding:65px 0;}
	.jkSer3Tit{ font-size:26px;}
	.jkSer3Btn{ height:40px; line-height:38px;}
	
	.bxSer1Bg{ padding:35px 0;}
	.bxSer2Bg{ padding:35px 0;}
	.bxSer2Bg .drSerTit{ padding:0;}
	.bxSer2Name,.bxSer2Tit{ font-size:18px;}
	
	.zySer2Bg{ padding:45px 0 0;}
	.zySer2Bg .drSer5Top{ margin:10px auto;}
	.zySer2Tit{ font-size:18px;}
	.zySer2Brief{ padding:0 10%; font-size:14px; max-height:120px;}
	
	.zySer3Bg{ padding:45px 0;}
	
	.joinTop{ padding:45px 0; font-size:15px;}
	.joinBtn{ font-size:16px; line-height:40px; margin-top:15px;}
	.joinBot{ padding-bottom:45px;}
}
@media (max-width:1400px){
	.pcSubNav{ font-size:15px; padding:5px 0;}
	
	.box3Bg{ padding:30px 0 60px;}
	.box3Bg .hmTit{ padding:25px 0;}
	.box3Bot{ padding-top:20px;}
	.box3Con{ padding:40px;}
	.box3Logo{ width:160px; height:160px;}
	.box3Rig{ margin-left:160px; padding:0 40px;}
	.box3Brief{ font-size:16px; line-height:26px; min-height:104px;}
	.companyTit{ font-size:18px;}
	
	.box4Top{ padding:50px 0; margin:0 -10px;}
	.box4Top li{ padding:5px 10px;}
	.box4Top li a{ height:40px; line-height:38px; font-size:18px;}
	.box4Bot{ padding-bottom:20px;}
	
	.fCen{ padding:0 25px;}
	.fCenTab td{ padding:10px;}
	
	.abox3Bg{ height:500px;}
	.abox3List{ width:380px;}
	.abox3Text{ padding:10px 10px 10px 15px;}
	.abox3Text h3{ font-size:18px; margin-bottom:5px;}
	
	.drSer5Ico img{ max-width:60px;}
	.drSer6Bg{ padding:45px 0;}
	
	.spSer1Bg{ padding:40px 0 60px;}	
	.spSer1Tit,.spSer1Name{ font-size:18px;}
}
@media (max-width:1200px){
	.logoBox{ height:70px;}
	.logo1{ max-width:140px;}
	.logo2{ max-width:240px; margin-left:15px; padding-left:15px;}
	.logo2:after{ height:28px;}
	.navRig{ line-height:70px; height:70px;}
	nav.navbar.bootsnav ul.nav > li > a,.navTel{ line-height:44px; height:44px;}
	nav.navbar.bootsnav ul.nav > li > a{ min-width:90px; font-size:15px;}
	.pcNavList{ padding:10px 10px 20px 25px;}
	.pcNavItem p a{ font-size:13px;}
	.pcNavItem p a:hover{ padding-left:10px;}
	
	.banTit{ font-size:50px;}	
	.banCon{ font-size:16px; line-height:180%;}
	.banLineBg{ margin:10px 0;}
	.banFormBox{ width:320px; margin-left:150px;}
	
	.hmPart{ padding:40px 0;}
	.hmPartNum{ font-size:30px;}
	.hmPartLine{ margin:10px 0;}
	
	.box1Bg{ padding:40px 0;}
	.box1{ padding-top:20px;}
	.box1Img{ width:120px; height:120px;}
	.box1Tit{ font-size:16px;}
	
	.box2Bg .hmTit{ padding:25px 0;}
	.box2Ico{ max-width:65px;}
	.box2Name,.box2Tit{ font-size:17px;}
	
	.box3Bg{ padding:20px 0 40px;}
	.box3{ padding:0 15px;}
	.box3Top:after{ width:calc(100% + 30px); left:-15px;}
	.box3Con{ padding:30px 25px;}
	
	.box4Top{ padding:40px 0;}
	.box4Top li a{ width:140px; height:38px; line-height:36px; font-size:17px;}
	.box4List{ margin:0 -15px;}
	.box4List li{ padding:0 15px;}
	.box4Tit{ font-size:17px; height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.box4Brief{ height:48px;}
	.box4More{ padding:10px 0}
	
	.box5Bg{ padding:30px 0;}
	.box5Bg .hmTit{ padding:10px 0 20px;}
	.box5List li{ width:150px; height:150px; margin:0 30px; margin-top:-40px;}
	.box5List li a{ width:150px; height:150px;}
	.box5Text{ font-size:12px;}
	.box5Page{ padding-top:30px;}
	
	.fLef{ width:180px;}
	.fTel{ padding-bottom:15px; margin-bottom:15px;}
	.fTelIco{ width:34px; margin-right:10px;}
	.fTelCon{ font-size:14px;}
	.fTelCon strong{ font-size:20px;}
	.fShare{ margin:0 -7px;}
	.fShare li{ padding:0 7px;}
	.fRig{ width:120px;}
	.fCen{ margin-left:180px; margin-right:120px;}
	
	.banBox2{ height:320px;}
	.banTit2{ font-size:30px;}
	
	.newsTab{ padding:20px 0 30px; margin:0 -10px;}
	.newsTab li{ padding:0 10px;}
	.newsTab li a{ width:160px; height:44px; line-height:42px; font-size:17px;}
	.newsImg{ width:300px; margin-right:30px;}
	.newsTit{ font-size:18px; margin:5px 0;}
	.newsTime{ line-height:20px;}
	
	.banBox3 .banTextBg{ padding-bottom:60px;}
	.newsBox{ margin-top:-60px; margin-bottom:40px; padding:20px 15px 10px;}
	.newsCen p{ margin:10px 0;}
	
	.honourBg{ padding:70px 0;}
	.honour{ padding:0 60px;}
	.honour .swiper-slide{ width:680px;}
	
	.aboxTit h2{ font-size:22px;}
	.aboxLine{ margin:15px auto 0;}
	.abox1Bg{ padding-bottom:25px;}
	.abox1{ padding:0;}
	.abox1 img{ margin:10px 0;}
	.abox2Bg{ padding:20px 0;}
	.abox2{ padding:0;}
	.abox2Con{ min-height:320px;}
	.abox2Text{ padding:30px 25px;}
	.abox2Text h3{ font-size:22px;}
	.abox2Text h4{ font-size:18px; margin:15px 0;}
	.abox2Page .swiper-pagination-bullet{ width:12px; height:12px; margin:0 4px !important;}	
	
	.abox3Bg{ height:auto;}
	.abox3Map{ height:340px;}
	.abox3List{ width:100%; position:static; font-size:0;}
	.abox3List li{ display:inline-block; vertical-align:top; width:50%; font-size:14px; padding:0;}
	.abox3Text{ padding:10px 10px 10px 15px;}
	.abox3Text h3{ font-size:18px; margin-bottom:5px;}
	
	.abox4Bg{ padding-top:120px;}
	.abox4{ padding-bottom:40px;}
	.abox4Form{ padding:30px 30px 60px; margin:-50px auto 0;}
	.abox4List li{ padding:15px 0;}
	.abox4Inp,.abox4Lab{ line-height:36px; margin:0;}
	.abox4Lab{ font-size:16px;}
	.abox4Con{ font-size:16px;}
	.abox4Btn{ font-size:18px; line-height:40px; height:40px;}
	
	.banSer{ height:500px;}
	.banSer .banTit{ font-size:40px;}
	.banSer .banFormTit{ font-size:18px;}
	.banSer .banFormBox{ padding:25px;}
	.banSer .banFormItem{ margin-top:10px;}
	.banSer .banInpt{ line-height:24px;}
	.banSer .banCheck{ padding:0; line-height:24px;}
	.banSer .banFormBtn{ height:38px; line-height:38px; font-size:16px;}
	
	.drSerTit{ font-size:22px;}
	.drSer1Bg{ padding:35px 0;}
	.drSer1{ margin:0 -5px;}
	.drSer1 li{ padding:15px 5px 0;}
	.drSer1Text h3{ font-size:18px;}
	
	.drSer2Bg{ padding:40px 0;}
	.drSer2Bg .drSerTit{ padding:0;}
	.drSer2{ margin:0 -10px; padding:20px 0 0;}
	.drSer2 li{ padding:10px;}	
	.drSer2Con{ padding:10px 25px; height:220px;}
	.drSer2Ico{ width:130px;}
	.drSer2TextBg{ margin-left:150px;}
	.drSer2Text{ font-size:14px;}
	.drSer2Text h3{ font-size:22px;}
	.drSer2Line{ margin:15px 0;}
	.drSer2Bot{ font-size:17px;}
	.drSer2Btn{ height:40px; line-height:40px; width:140px;}
	
	.drSer3Bg{ padding:40px 0;}
	.drSer3Bg .drSerTit{ padding:15px 0;}
	.drSer3Top{ font-size:16px;}
	.drSer3{ padding:30px 0 0;}
	.drSer3Text h3{ font-size:16px;}
	
	.drSer4{ padding:20px 0;}
	.drSer4Item{ padding:5px;}
	.drSer4Img{ width:150px; height:150px;}
	.drSer4Text{ padding:0; margin-right:180px;}
	.drSer4Item:nth-child(2n) .drSer4Text{ margin-left:180px;}
	
	.drSer5Bg{ padding:25px 0 40px;}
	.drSer5Top{ margin:10px auto; line-height:22px;}
	.drSer5 li{ padding:4px;}
	.drSer5Tit{ font-size:16px;}
	.drSer5Img:hover .drSer5Ico{ opacity:0;}
	
	.drSer6Bg{ padding:35px 0;}
	
	.drSer7Bg{ padding:60px 0 80px;}
	.drSer7Tit{ font-size:16px; bottom:15px;}
	.drSer7Name{ font-size:18px; margin:10px 0;}
	
	.drSer8Bg{ height:auto;}
	.drSer8Box{ display:block; padding:80px 0;}
	.drSer8Tit{ font-size:38px;}
	.drSer8Down{ margin:25px auto 0; padding:8px 10px;}
	
	.crSer2Bg .drSerTit{ padding-top:25px;}
	.crSer2Bg .drSer3Top{ padding-bottom:25px;}
	.crSer2{ padding:45px 0;}
	.crSer2Box{ padding:20px 50px;}
	.crSer2Tit{ font-size:19px; margin:7px 0;}
	.crSer2Prev{ left:10px;}
	.crSer2Next{ right:10px;}
	
	.hrSer1Con{ width:170px; height:170px;}
	.hrSer1Tit{ font-size:15px;}
	.hrSer3Text{ font-size:14px; margin:15px auto;}
	
	
	.wbSer1Bg .drSer5Img:hover .drSer5Ico{ opacity:1;}
	
	.wbSer2Bg .drSer3 li{ width:33.33%;}
	.wbSer2Bg .drSer3 li:after{ top:70px;}
	.wbSer2Bg .drSer3 li:nth-child(2):after{ display:block;}
	.wbSer2Bg .drSer3 li:nth-child(3):after{ display:none;}
	
	.spSer1Bg{ padding:25px 0 40px;}	
	.spSer1Tit,.spSer1Name{ font-size:18px;}
	.spSer1{ padding:15px 0 0; margin:0 -5px;}
	.spSer1 li{ padding:5px;}
	.spSer1TitBg{ min-height:76px;}
	.spSer1Tit,.spSer1Name{ font-size:16px;}
	.spSer1Brief{ margin:15px auto;}
	
	.jkSer1Bg{ padding:45px 0;}
	.jkSer1 li{ padding:5px 30px;}
	.jkSer1Ico{ width:120px; height:120px; margin-bottom:-60px;}
	.jkSer1Text{ padding:70px 15px 15px;}
	.jkSer1Tit{ font-size:20px;}
	.jkSer1Brief{ margin:10px auto;}
	
	.jkSer3Bg{ padding:45px 0;}
	.jkSer3{ margin:0 -20px;}
	.jkSer3 li{ padding:0 20px;}
	.jkSer3Tit{ font-size:20px; margin:30px 0 10px;}
	.jkSer3Brief{ margin:10px auto 20px;}
	
	.bxSer1Bg .drSer3Ico img{ max-width:60%;}
	.bxSer1HovBg{ max-width:200px; padding:0 5%;}
	.bxSer1Tit{ font-size:18px; margin-bottom:10px;}
	.bxSer1Bg .drSer3Con{ height:290px;}
	.bxSer1Con{ max-height:192px;}
	
	.bxSer2Bg{ padding:25px 0;}
	.bxSer2{ margin:0 -5px;}
	.bxSer2 li{ padding:10px 5px 0;}
	.bxSer2Name,.bxSer2Tit{ font-size:16px;}
	.bxSer2Brief{ max-height:120px; max-width:90%;}
	
	.zySer2Bg{ padding:30px 0 0;}
	.zySer2{ padding:10px 0 0;}
	.zySer2CirBg{ width:120px; height:120px;}
	.zySer2Ico{ width:40px; height:40px;}
	.zySer2Tit{ font-size:16px;}
	.zySer2Brief{ padding:0 5%; max-height:120px;}
	
	.zySer3Bg{ padding:30px 0;}
	.zySer3{ margin:0 -10px;}
	.zySer3 li{ padding:8px 10px;}
	.zySer3Tit{ font-size:16px;}
}
@media (max-width:1023px) and ( min-width:993px){
	.navRig{ margin:0;}
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ float:none; margin:0 auto; display:table; table-layout:fixed;}
}
@media (max-width:992px){
	.headerBg.active{ position:fixed;}
	.headerBg.active .hdBotBg{ position:static;}
	.headerBg .container{ width:100%;}
	nav.navbar.bootsnav .navbar-brand{ float:left !important; height:60px; padding:0; display:flex; display:-ms-flexbox; display:-webkit-flex; display:-webkit-box;}
	.logo1{ max-width:120px;}
	.logo2{ max-width:180px; margin-left:15px; padding-left:15px;}
	#navbar-menu{ padding:0; border-top:1px solid #388bd8; position:relative; z-index:1; max-height:none; background:rgba(255,255,255,0.8);}
	nav.navbar.bootsnav .container{ padding:0;}
	nav.navbar.bootsnav .navbar-header{ padding:0 15px;}
	nav.navbar.bootsnav ul.nav{ position:static; left:0; text-align:left; margin:0; padding:10px 15px 15px;}
	nav.navbar.bootsnav ul.nav > li{ margin:0;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:10px 0; text-align:left; line-height:24px; height:auto; border-bottom:none;}
	nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li.on > a, nav.navbar.bootsnav ul.nav > li.active > a{ background:none !important; color:#388bd8;}
	nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ display:none;}
	nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{ margin:0 10px;}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ left:0; padding:0 !important; border-top:1px solid #e0e0e0 !important;}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu:after{ display:none;}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu{ background:none;}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu{ padding:0 !important;}	
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{ padding:0 !important;}
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{ padding:10px 0 10px 10px; color:#4d4d4d; text-align:left;}
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu{ padding:0 !important; width:100%; border-top:none !important; border-bottom:1px solid #e0e0e0;}
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu > li > a{ padding:10px 10px 10px 30px; color:#4d4d4d;}	
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li.on > a{ background:none; font-weight:normal; color:#e83228;}
	
	.pcNavBg{ display:none !important;}
	
	.banText{ width:100%;}
	.banTit{ font-size:40px;}
	.banPage{ bottom:15px !important;}
	.banPage .swiper-pagination-bullet{ width:12px; height:12px;}
	.banPage .swiper-pagination-bullet{ margin:0 5px !important;}
	.banFormBox{ position:static; margin:0; transform:translateY(0); width:100%; padding:25px 15px;}
	
	.hmPart{ margin:-10px -10px 0;}
	.hmPart li{ width:50%; padding:10px;}
	.hmPartIco{ width:30px;}
	.hmPartRig{ margin-left:50px;}
	
	.box1Bg{ padding:30px 0;}
	.box1 li{ width:50%;}
	.box1Tit{ color:#4a95db; font-weight:bold;}
	.box1Brief{ opacity:1; margin:0 auto; max-width:90%;}
	
	.box2 li{ width:25%;}
	.box2Name{ opacity:0;}
	.box2Hov,.box2Ico,.box2Tit{ opacity:1;}
	.box2Ico,.box2Tit{ transform:translateY(0);}
	
	.box3Bg{ padding:20px 0;}
	.box3Logo{ width:120px; height:120px;}
	.box3Rig{ padding:0 25px; margin-left:120px;}
	.box3Brief{ font-size:14px; line-height:24px; min-height:96px; margin-top:15px;}
	.box3Brief:after{ background-size:90% auto; top:-20px;}
	.companyTit{ font-size:17px;}
	
	.box4Top{ padding:30px 0;}
	.box4List{ margin:0 -10px;}
	.box4List li{ padding:0 10px;}
	.box4Time{ padding:10px 0 0;}
	.box4Tit{ margin-bottom:5px;}
	.box4Brief{ font-size:13px;}
	.box4Btn{ height:30px; line-height:28px;}
	
	.box5List{ padding:30px 0 0;}
	.box5List li{ width:120px; height:120px; margin:0 25px; margin-top:-30px;}
	.box5List li a{ width:120px; height:120px;}
	.box5Page{ padding-top:20px;}
	
	.footTop{ text-align:center;}
	.fLef,.fRig{ display:inline-block; vertical-align:middle; float:none;}
	.fLef{ width:60%;}
	.fRig{ width:34%; padding:0 10px;}
	.fCen{ margin:0; padding:0; text-align:left;}
	
	.banBox2{ height:250px;}
	.banTit2{ font-size:24px;}
	.banBox2 .banTextBg{ padding-top:0 !important;}
	
	.newsImg{ width:220px; margin-right:20px;}
	.newsTit{ font-size:18px; margin:5px 0;}
	.newsTime{ display:none;}
	.newsBrief{ height:48px;}
	.pageBox{ padding:30px 10px;}	
	
	.newsName{ font-size:20px;}
	.newsPager{ padding:10px 5px 15px; margin:10px 0;}
	.newsReturn{ float:none; width:90px; height:32px; line-height:32px;}
	
	.honourBg{ padding:50px 0;}
	.honour{ padding:0 50px;}
	.honour .swiper-slide{ width:100%;}
	
	.abox2Bg{ padding:15px 0 20px;}
	.abox2 .swiper-container{ padding:15px 0 25px;}
	.abox2Text h3{ font-size:20px;}
	.abox2Text h4{ font-size:16px; margin:10px 0;}
	
	.abox4Bg{ padding-top:100px;}
	.abox4Form{ padding:20px 15px 60px;}
	.abox4Lab{ font-size:14px; width:90px;}
	.abox4Inp{ padding-left:90px;}
	.abox4Con{ font-size:14px; padding:15px;}
	
	.banSer{ height:350px;}
	.banSer .banTit{ font-size:30px;}
	
	.drSerTit{ font-size:20px;}
	.drSer1Bg{ padding:20px 0;}
	.drSer1{ padding:0;}
	.drSer1Text{ padding:15px;}
	.drSer1Text h3{ font-size:16px; padding-bottom:5px;}	
	.drSer3 li{ width:50%; padding-bottom:20px;}
	.drSer3 li:after{ top:70px;}
	.drSer3 li:nth-child(2):after{ display:none;}
	.drSer3Brief{ opacity:1; max-height:none;}
	.drSer4{ padding:0;}
	.drSer4Item{ display:block; width:100%; padding:15px 0;}
	.drSer4Img{ float:left !important; width:100px; height:100px; margin-top:15px;}
	.drSer4Img:before{ width:calc(100% + 10px); height:calc(100% + 10px); left:-10px !important; top:-10px !important;}
	.drSer4Img:after{ right:0 !important; bottom:0 !important; left:auto !important; top:auto !important;}
	.drSer4Num{ right:5px !important; bottom:5px !important; left:auto !important; top:auto !important;}
	.drSer4Text{ margin:0 !important; margin-left:120px !important; text-align:left !important;}
	.drSer4Tit{ font-size:16px;}
	.drSer4Brief{ height:auto;}	
	.drSer5 li{ width:33.33%;}
	.drSer5Img:hover .drSer5Ico{ opacity:1;}	
	.drSer6Bg{ padding:25px 0 15px;}
	.drSer6Tit{ font-size:14px;}	
	.drSer7Bg{ padding:40px 0 50px;}
	.drSer7{ padding:15px 0 0;}
	.drSer7Tit{ display:none;}
	.drSer7Hov{ position:static; transform:translateY(0); opacity:1; padding:0;}
	.drSer7Name,.drSer7Brief{ opacity:1; color:#303030; transform:translateY(0);}
	.drSer7Name{ font-size:16px; margin:10px 0 5px;}
	.drSer7Brief{ max-height:72px;}	
	.drSer8Tit{ font-size:34px;}	
	
	.crSer2Box{ max-width:none;}
	
	.hrSer1{ padding:20px 0 0;}
	.hrSer1 li{ width:33.33%;}
	
	.ldSer2Bg .drSer3 li{ width:33.33%;}	
	.ldSer2Bg .drSer3 li:nth-child(2):after{ display:block;}
	.ldSer2Bg .drSer3 li:nth-child(3):after{ display:none;}
	
	.spSer1 li{ width:50%;}
	
	.jkSer1Bg{ padding:30px 0; margin:0 -10px;}
	.jkSer1 li{ padding:5px 10px;}
	.jkSer1Ico{ width:100px; height:100px; margin-bottom:-50px;}
	.jkSer1Text{ padding:55px 15px 15px;}
	.jkSer1Tit{ font-size:18px; padding-bottom:0;}
	.jkSer1Brief{ font-size:14px;}
	
	.jkSer3Bg{ padding:30px 0;}
	.jkSer3{ margin:0 -10px;}
	.jkSer3 li{ padding:0 10px;}
	.jkSer3Tit{ font-size:18px; margin:10px 0 0;}
	.jkSer3Brief{ margin:0 auto 10px;}
	.jkSer3Btn{ height:36px; line-height:34px;}
	
	.bxSer1Bg .drSer3Con{ height:auto;}
	.bxSer1Bg .drSer3Brief{ max-width:90%;}
	
	.bxSer2Name{ font-size:14px; bottom:0;}
	
	.zySer2 li{ width:50%;}
	.zySer2CirBg{ width:150px; height:150px;}
	
	.zySer3 li{ width:50%;}
	.zySer3 li:nth-child(5n):after{ display:block;}
	.zySer3 li:nth-child(2n):after{ display:none;}
}
@media (max-width:767px){
	nav.navbar.bootsnav .container{ padding:0 15px;}
	.box2 li{ width:33.33%;}
	.box4List li{ width:50%;}
	.box4List li:nth-child(3){ display:none;}
	
	.box5List{ padding:0; margin:0;}
	.box5List li{ margin:0; width:30%; height:auto; padding:5px;}
	.box5List li:last-child{ display:none;}
	.box5List li a,.box5Img{ transform:rotate(0);}
	.box5List li a{ width:100%; height:120px;}
	.box5Img{ position:static;}
	.box5Img img{ max-height:80%; max-width:50%;}
	
	.newsImg{ width:180px; margin-right:15px;}
	.newsTit{ font-size:16px; margin:0;}
	.newsBrief{ height:72px; margin:5px 0 0;}
	.newsMore{ display:none;}
	
	.abox2Con{ display:block;}
	.abox2Img{ position:static; width:100%; background:none !important;}	
	.abox2Img img{ display:block; width:100%;}
	.abox2Text{ width:100%; padding:25px 15px;}
	
	.abox3Map{ display:none;}
	.abox3List{ width:100%; position:static; font-size:0;}
	.abox3List li{ display:inline-block; vertical-align:top; width:100%; font-size:14px; padding:0;}
	.abox3Text{ padding:15px;}
	.abox3Text h3{ font-size:16px;}
	
	.abox4List li{ padding:10px 0;}
	.abox4List li:nth-child(2){ border-top:1px solid #d3d3d3;}
	.abox4List li:first-child .abox4Input{ border:none;}
	.abox4Lab{ width:80px;}
	.abox4Inp{ padding-left:80px;}
	.abox4Btn{ font-size:16px; margin-top:-10px;}
	
	.jkSer3:after,.jkSer3:before{ display:none;}
	.jkSer3 li{ width:100%; padding:10px;}
	.jkSer3Img img{ width:auto; max-width:100%; margin:0 auto;}
	
	.bxSer2 li{ width:50%;}
}
@media (max-width:640px){
	.banTit{ font-size:30px;}
	.banFormTit{ font-size:22px;}
	.banInpt{ padding:5px 0; padding-left:30px;}
	.banFormIco{ width:20px; left:6px;}
	.banFormBtn{ line-height:42px;}
	
	.hmPart li{ width:100%;}
	.hmPartIco{ width:20px; margin-top:3px;}
	.hmPartRig{ margin-left:30px;}
	.hmPartNum{ font-size:21px;}
	.hmPartLine{ margin:5px 0;}
	.hmPartCon{ max-width:100%; font-size:13px;}
	
	.hmTit{ font-size:22px;}
	.box1{ padding-top:10px;}
	.box1 li{ width:100%;}
	.box1Img{ width:100px; height:100px;}
	
	.box2 li{ width:50%;}
	.box2Ico{ max-width:50px;}
	.box2Name,.box2Tit{ font-size:14px;}
	
	.box3Bg{ padding:10px 0;}
	.box3Con{ padding:25px 15px;}
	.box3Logo{ float:none; margin:0 auto 10px;}
	.box3Rig{ margin:0; padding:0;}
	.box3Brief{ min-height:0;}
	.companyTit{ font-size:16px;}
	
	.box5Bg{ padding:25px 0;}
	.box5List{ margin:0 -5px; font-size:0;}
	.box5List li{ width:33.33%; padding:5px;}
	.box5List li a{ width:100%; height:90px;}
	.box5Page .swiper-pagination-bullet{ width:12px; height:12px; margin:0 3px !important;}
	
	.footTop{ padding:25px 0;}
	.fCenTab td{ display:block; width:100%;}
	
	.newsTab{ padding:20px 0; margin:0 -2px;}
	.newsTab li{ padding:2px;}
	.newsTab li a{ width:100px; height:36px; line-height:36px; font-size:15px;}	
	.newsList li{ padding:15px 0;}
	.newsImg{ float:none; width:100%; margin:0 0 15px;}
	.newsTit{ font-size:15px; margin:0;}
	.newsTime{ display:block;}
	.newsBrief{ display:block; height:auto; max-height:48px;}
	.newsMore{ display:block; width:100px; height:28px; line-height:28px;}
	
	.banBox3 .banTextBg{ padding-bottom:30px;}
	.newsBox{ margin-top:-30px; padding:15px 15px 5px; margin-bottom:25px;}
	.newsName{ font-size:18px;}
	
	.honourBg{ padding:30px 0;}
	.honour{ padding:0 30px;}
	.honPrev,.honNext{ width:20px; height:39px;}
	.honPrev{ left:-10px;}
	.honNext{ right:-10px;}
	.honTit{ font-size:14px; line-height:28px; padding:0 10px;}	
	
	.banSer .banTit{ font-size:24px;}
	
	.drSer2Bg{ padding:25px 0;}
	.drSer2{ padding:10px 0 0; margin:0 -5px;}
	.drSer2 li{ padding:5px;}
	.drSer2Con{ height:auto; overflow:hidden; padding:15px;}
	.drSer2Num{ font-size:80px;}
	.drSer2Ico{ width:90px;}
	.drSer2TextBg{ margin-left:110px;}
	.drSer2Text h3{ font-size:18px;}
	.drSer2Line{ margin:10px 0;}
	.drSer2Bot{ padding:10px 0 0; font-size:15px;}
	
	.drSer3Bg{ padding:25px 0;}
	.drSer3Top{ font-size:15px;}
	.drSer3{ padding:0;}
	.drSer3 li{ width:100%;}
	.drSer3 li:after{ display:block !important; transform:translateX(0%); position:static; margin:15px auto 0;}
	.drSer3 li:last-child:after{ display:none !important;}
	.drSer3Brief{ max-width:none;}
	.drSer3Ico img{ max-width:40%;}
	
	.drSer6{ margin:0;}
	.drSer6 li{ width:100%; padding:0;}
	
	.drSer7Bg{ padding:20px 0 30px;}
	.drSer7 li{ width:100%;}
	.drSer7Name{ text-align:center;}
	
	.drSer8Box{ padding:50px 0;}
	
	.crSer2{ padding:25px 0;}
	.crSer2Box{ height:auto; padding:30px 40px;}
	.crSer2Tit{ font-size:18px;}
	.crSer2Prev,.crSer2Next{ width:24px; height:24px;}
	.crSer2Prev{ left:5px;}
	.crSer2Next{ right:5px;}
	
	.hrSer1 li{ width:50%;}
	
	.ldSer2Bg .drSer3 li{ width:100%;}
	
	.paySer1Bg{ padding:15px 0 45px;}
	.paySer1Bg .drSer5Top{ margin-bottom:20px;}
	
	.wbSer2Bg .drSer3 li{ width:100%;}
	
	.spSer1Bg{ padding:20px 0;}
	.spSer1TitBg{ padding:10px; min-height:58px;}
	.spSer1Tit,.spSer1Name{ font-size:14px;}
	
	.jkSer1Bg{ padding:15px 0 30px;}
	.jkSer1 li{ width:100%;}
	.jkSer1Brief{ max-width:100%; height:auto;}
	
	.bxSer1Bg{ padding:25px 0;}
	
	.zySer2CirBg{ width:120px; height:120px;}
	
	.joinTop{ padding:25px 0;}
	.joinBot{ padding-bottom:25px;}
	.joinBot li{ padding:0 10px; margin-bottom:8px;}
	.joinTit{ font-size:15px; line-height:40px;}
	.joinTit i{ margin-top:9px;}
	.joinText{ padding:5px 0 20px;}
	
	.layBox{ padding:30px 15px 15px; width:94%;}
	.layClose{ width:20px; height:20px; right:10px; top:10px;}
	.layTit{ font-size:18px;}
	.layForm{ padding:1px 1px 10px;}
}
@media (max-width:460px){
	nav.navbar.bootsnav .navbar-brand{ height:50px;}
	nav.navbar.bootsnav .navbar-toggle{ top:12px;}
	.logo1{ max-width:95px;}
	.logo2{ max-width:150px; margin-left:10px; padding-left:10px;}
	.logo2:after{ height:20px;}
	.box2Bg .hmTit,.box3Bg .hmTit{ padding:20px 0}
	.box4List li{ width:100%;}
	.box4Brief{ height:auto; max-height:48px;}
	.box5Bg{ padding:15px 0;}
	.box5List li{ width:50%;}
	.fLef,.fRig{ display:block; width:100%;}
	.fRig{ margin:10px 0;}
	.pageBox{ padding:20px 10px;}
	.banBox2{ height:200px;}
	.banTit2{ font-size:22px;}
	.newsName{ font-size:17px; line-height:140%; padding-bottom:5px;}
	.newsClock{ margin:0 -5px;}
	.newsClock span{ padding:0 5px;}
	.aboxTit h2{ font-size:20px;}
	.aboxLine{ margin:10px auto 0;}
	.abox1 p{ margin:10px 0;}
	.abox2Text h3{ font-size:18px;}
	.abox2Text h4{ font-size:16px;}
	
	.abox4Form{ padding:15px 10px 40px;}
	.abox4List{ margin:10px 0 0;}
	.abox4List li{ padding:5px 0;}
	.abox4Lab{ width:60px;}
	.abox4Inp{ padding-left:60px;}
	
	.banSer{ height:300px;}
	.drSerTit{ font-size:18px;}	
	
	.drSer4Item{ padding:10px 0;}
	.drSer4Img{ width:60px; height:60px; margin-top:0;}
	.drSer4Img:before{ left:-5px !important; top:-5px !important; width:calc(100% + 5px); height:calc(100% + 5px);}
	.drSer4Num{ font-size:12px; right:2px !important; bottom:0 !important;}
	.drSer4Text{ margin-left:70px !important;}
	.drSer4Tit{ margin:5px 0;}
	
	.drSer5Bg{ padding:20px 0 25px;}
	.drSer5 li{ width:50%;}
	.drSer5 li:last-child{ width:100%;}
	.drSer5Tit{ font-size:15px;}
	
	.drSer8Box{ padding:35px 0;}
	.drSer8Tit{ font-size:26px;}
	.drSer8Down{ padding:6px 10px;}
	.drSer8Down img{ width:24px;}
	
	.jkSer3Bg{ padding:20px 0;}
	.jkSer3Tit{ font-size:17px;}
	
	.zySer2 li{ width:100%;}
	
	.zySer3 li{ width:100%; padding:4px 10px;}
	.zySer3 li:after{ display:none !important;}
	.zySer3ConBg{ height:auto;}
	.zySer3Ico{ width:20%;}
	.zySer3Ico img{ margin:0 auto;}
	.zySer3Rig{ width:70%;}
}
@media (max-width:360px){
	.banTit{ font-size:26px;}
	.banCon{ font-size:15px;}
	.banLineBg{ height:2px;}
	.box4Top{ margin:0 -5px; padding:20px 0;}
	.box4Top li{ padding:5px;}
	.box4Top li a{ width:120px; height:36px; line-height:34px; font-size:16px;}
	.drSer2Ico{ width:60px;}
	.drSer2TextBg{ margin-left:75px;}
	.hrSer1{ margin:0 -5px;}
	.hrSer1 li{ padding:2px 5px;}
	.hrSer1Con{ width:145px; height:145px;}
	.hrSer1Tit{ font-size:12px;}
}	
@media (max-height:414px){	
}
@media all and (orientation : landscape){
}
@media all and (orientation : portrait){ 
}