/*===================CSS Reset============================*/
@font-face{ font-family: fontB; src: url('../font/PingFang-Bold.ttf');}
@font-face{ font-family: fontM; src: url('../font/PingFangSCMedium.ttf');}
html{ -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:scroll; overflow-x:auto;}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,hr,p,span,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0; transition: all ease 400ms; -webkit-transition: all ease 400ms;}
body,button,input,select,textarea{ color: #666; font: 14px fontM,"microsoft yahei","arial,sans-serif";}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
em,i{ font-style:normal; transition: all ease 400ms; -webkit-transition: all ease 400ms;}
ul,ol{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
input:focus,button:focus,textarea:focus,select:focus,video{ outline: none;}

/*===================Link Style============================*/
a,a:hover,a:active,a:visited,a:link,a:focus{ color: #333; outline:none; text-decoration: none; transition: all ease 400ms; -webkit-transition: all ease 400ms;}

/*===================Common Style============================*/
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width: 1200px; margin: 0 auto;}
.ovh{ overflow: hidden;}
.textH{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.textT{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;padding-top: 30px;}
.bold{ font-weight: bold;}
.fontB{ font-family: fontB,"microsoft yahei";}
.color-3{ color: #333 !important;}
.color-6{ color: #666 !important;}
.color-9{ color: #999 !important;}
.color-f{ color: #fff !important;}
.color-b{ color: #2D9FD1 !important;}
.bg-f{ background-color: #fff;}
.bg-b{ background-color: #2D9FD1;}
.bg-f8{ background-color:  #F8F9FA;}
.dong{ transition: all ease 500ms; -webkit-transition: all ease 500ms;}
.imgH img{ -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; transition: all 500ms;}
.imgH:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.row{ margin-left: 0; margin-right: 0;}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 { padding-right: 0; padding-left: 0;}

/*============================ Header ============================*/
.header{ width: 100%; height: 90px; position: fixed; top: 0; left: 0; z-index: 999;}
.header .logo{ display: block; width: 174px; height: 66px; font-size: 0; margin-top: 10px; background: url(../images/logoH.png) center no-repeat; background-size: 100%;}
.navbar_nav li{ float: left; position: relative; line-height: 90px; margin-left: 60px;}
.navbar_nav li a{ display: block; color: #fff; font-size: 18px; background-position: center right; background-repeat: no-repeat; background-size: 9px;}
.navbar_nav li a.jt{ background-image: url(../images/nav_1.png); padding-right: 20px;}
.navbar_nav li:hover a,.navbar_nav li a.slt{ color: #2D9FD1;}
.navbar_nav li:hover a.jt{ background-image: url(../images/nav_2.png);}
.navbar_nav li.dropdown{ display: inherit; position: relative; z-index: 99;}
.navbar_nav li.dropdown .dropdown_menu{ display: none; position: absolute; top: 70px; left: 0; width: 180px; padding: 5px 20px; background: #fff; box-shadow: 0px 3px 16px -2px #ECEFF0;}
.navbar_nav li.dropdown .dropdown_menu a{ display: block; width: 100%; float: left;  color: #666; line-height: 40px; background: none;}
.navbar_nav li.dropdown .dropdown_menu a:hover{ color: #2D9FD1;}
.navbar_nav li.dropdown:hover .dropdown_menu{ display: block;}
#navToggle,.m_nav{ display: none;}
.m_nav{ position: fixed; top: 0px; right: 0; width: 100%; height: 100%; z-index: 1000; opacity: 1; visibility: visible; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0,.175, 1) 0ms; top: 0; transform: translateX(100%);}
.m_nav.open{ transform: translateX(0);}
.m_nav .top{ padding: 20px 20px 40px; box-sizing: border-box;}
.m_nav .top .closed{ width: 20px; height: 20px; vertical-align: middle; float:right; cursor: pointer;}
.m_nav .ul li{ padding: 0 20px; border-bottom: 1px solid #f5f5f5;}
.m_nav .ul li a{ display: block; text-decoration: none; color: #333; font-size: 16px; height: 60px; line-height: 60px; width: 100%;}
.m_nav .ul li .dropdown_menu{ display: none;}
.m_nav .ul li.dropdown.active .dropdown_menu{ display: block;}
.m_nav .ul li.dropdown .jt{ background: url(../images/nav_3.png) center right no-repeat; background-size: 8px;}
.m_nav .ul li .dropdown_menu a{ display: block; height: 50px; line-height: 50px; padding: 0 20px; box-sizing: border-box; border-bottom: 1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{ border: none;}

.header.on,.header.in,.header.on .navbar_nav li.dropdown .dropdown_menu{ box-shadow: 0 11px 17px 0 rgba(0,0,0,.06); background: rgba(255,255,255,.8); -webkit-backdrop-filter: saturate(1.8) blur(20px); backdrop-filter: saturate(1.8) blur(20px);}
.header.on .logo,.header.in .logo{ background-image: url(../images/logo.png);}
.header.on .navbar_nav li a,
.header.on .navbar_nav li.dropdown .dropdown_menu a,
.header.in .navbar_nav li a,
.header.in .navbar_nav li.dropdown .dropdown_menu a{ color: #333;}
.header.on .navbar_nav li a.jt,
.header.in .navbar_nav li a.jt{ background-image: url(../images/nav_3.png);}
.header.on .navbar_nav li:hover a,
.header.on .navbar_nav li a.slt,
.header.on .navbar_nav li.dropdown .dropdown_menu a:hover,
.header.in .navbar_nav li:hover a,
.header.in .navbar_nav li a.slt,
.header.in .navbar_nav li.dropdown .dropdown_menu a:hover{ color: #2D9FD1;}
.header.on .navbar_nav li:hover a.jt,
.header.in .navbar_nav li:hover a.jt{ background-image: url(../images/nav_2.png);}
.header.on .navbar_nav li.dropdown .dropdown_menu{ top: 90px;}

/*============================ Footer ============================*/
.footer{ background: #F2F2F2; padding-top: 100px;}
.footer .row{ margin: 0 -60px;}
.footer dl{ display: inline-block; margin: 0 60px;}
.footer dl dt{ font-size: 24px; color: #333; background: url(../images/foot1.png) left bottom no-repeat; background-size: 24px; padding-bottom: 12px; margin-bottom: 20px;}
.footer dl dd{ margin-top: 10px;}
.footer .copy{ padding: 15px 0; margin-top: 60px; border-top: 1px solid #ddd;}
.footer .copy em{ display: inline-block;}
.footer .copy a{ display: inline-block; color: #999;}
.footer a:hover{ color: #2D9FD1;}

/*============================ Index ============================*/
.ixPart1{ position: relative;}
.ixPart1 .scoll{ width: 48px; height: 48px; background: url(../images/ixDown.png) no-repeat; background-size: contain; position: absolute; bottom: 20px; left: 50%; margin-left: -24px; animation: dong 2s infinite;}
@keyframes dong{ 0%{ transform: translate(0,0);} 50%{ transform: translate(0,-15px);} 100%{ transform: translate(0,0);}}

.ixSlide .img{ height: 100vh; font-size: 30px; display: flex; justify-content: center; align-items: center; }
.ixSlide .img .txt span{ display: block; font-size: 68px; margin-bottom: 10px;}
.ixSlide .slick-arrow{ left: auto; right: 10%; width: 42px; height: 42px; opacity: .5; margin: auto;}
.ixSlide .slick-arrow.prev{ top: 50%; margin-top: -60px; background-image: url(../images/slideBtn1.png);}
.ixSlide .slick-arrow.next{ top: 50%; margin-bottom: -60px; background-image: url(../images/slideBtn2.png);}
.ixSlide .slick-arrow:hover{ opacity: 1;}
.ixSlide .slick-dots{ width: 70px; position: absolute; left: 10%; top: 45%;}
.ixSlide .slick-dots li{ width: 36px; height: 4px; background: #fff; opacity: .5; margin: 10px 0; cursor: pointer; position: relative;}
.ixSlide .slick-dots li button{ display: block; font-size: 12px; background: none; border: none; color: #fff; position: absolute; left: -20px; top: -8px;}
.ixSlide .slick-dots li.slick-active{ width: 57px; opacity: 1;}

.ixTit{ font-size: 0; margin-bottom: 40px;}
.ixTit span{ display: block; font-size: 30px; margin-bottom: 5px;}
.ixTit i{ display: inline-block; width: 34px; height: 6px;}

.ixMore a,.ixMore button{ display: inline-block; width: 180px; line-height: 48px; border: 1px solid #2D9FD1; cursor: pointer;}
.ixMore a i{ display: inline-block; width: 29px; height: 11px; background-position: center; background-repeat: no-repeat; background-size: 100%; margin-left: 10px;}
.ixMore a i.jt1{ background-image: url(../images/jt1.png);}
.ixMore a i.jt2,.ixMore a:hover i{ background-image: url(../images/jt2.png);}
.ixMore a:hover,.ixMore button:hover{ color: #fff !important; background: #2789B3;}

.ixPart2{ padding: 140px 0 180px;}
.ixPart2 .left .txt{ max-height: 168px; line-height: 24px; margin-bottom: 40px;}
.ixPart2 .right{ margin-left: 60px; height: 100%; position: relative;}
.ixPart2 .right .img{ height: 336px;}
.ixPart2 .right .img img{ height: 100%;}
.ixPart2 .right .video{ width: 306px; height: 240px; position: absolute; bottom: -40px; left: 0; z-index: 1;}
.ixPart2 .right .video video,.ixPart2 .right .video iframe{ width: 100%; height: 100%;}

.ixPart3{ font-size: 20px; background: url(../images/ixImg2.png) center no-repeat; background-size: cover; padding: 50px 0;}
.ixPart3 .box span{ display: block; font-size: 30px; margin-bottom: 10px;}

.ixPart4{ padding: 120px 0;}
.ixPart4 .txt{ line-height: 24px;}
.ixPart4 .list{ margin: 50px -12px 0; position: relative;}
.ixPart4 .list .box{ display: block; font-size: 24px; padding: 0 20px 30px 30px; margin: 24px 12px 0;}
.ixPart4 .list .box img{ width: 80%; margin-bottom: 10px;}
.ixPart4 .list .box:hover p{ color: #2789B3;}
.ixPart4 .list .box.r{ display: flex; align-items: flex-end; width: 100%; position: absolute; height: calc(100% - 24px);}
.ixPart4 .list .box.r div{ width: 90%;}
.ixPart4 .list .box.r img{ margin-bottom: 180px;}

.ixPart5 .xwTit span{ display: inline-block; font-size: 16px; margin-right: 50px; cursor: pointer;}
.ixPart5 .xwTit span.a{ color: #2789B3;}
.ixPart5 .part{ width: 100%; position: relative; height: 560px; margin-top: 30px;}
.ixPart5 .xwCon{ width: 100%; position: absolute; top: 100%; transition: 1s; opacity: 0; z-index: 1;}
.ixPart5 .xwCon.cur{ top: 0; opacity: 1; z-index: 9;}
.ixPart5 .xwCon .box{ display: block; float: left; margin-bottom: 50px;}
.ixPart5 .xwCon .box .img{ height: 284px;}
.ixPart5 .xwCon .box .img img{ width: 100%; min-height: 100%;}
.ixPart5 .xwCon .box .txt{ margin: -40px 14px 0; padding: 24px; box-shadow: 0px 12px 19px -12px rgba(221, 223, 222, 0.5); position: relative; z-index: 1;}
.ixPart5 .xwCon .box .txt span{ display: block; font-size: 16px; margin-bottom: 10px;}
.ixPart5 .xwCon .box .txt p{ -webkit-line-clamp: 3; margin-bottom: 30px;}
.ixPart5 .xwCon .box .txt em{ display: inline-block; font-size: 12px;}
.ixPart5 .xwCon .box .txt i{ display: inline-block; width: 29px; height: 11px; background: url(../images/jt1.png) no-repeat; background-size: 100%;}
.ixPart5 .xwCon .box:hover .txt span{ color: #2789B3;}

.ixPart6{ padding: 90px 0 50px;}
.ixPart6 .col-md-2{ max-width: 20%; flex: 0 0 20%;}
.ixPart6 .row{ margin: 0 -30px;}
.ixPart6 .box{ display: block; padding: 10px; margin: 0 30px 40px; box-shadow: 0px 6px 10px -3px #EFF2F2;}
.ixPart6 .box .img{ height: 85px; margin-bottom: 10px;}
.ixPart6 .box .img img{ height: 100%;}
.ixPart6 .box:hover p{ color: #2789B3;}

/*============================ Others ============================*/
.main{ margin-top: 90px;}
.inBanner{ height: 500px; font-size: 24px; display: flex; justify-content: center; align-items: center;}
.inBanner span{ display: block; font-size: 32px;}

.ixTit.in span{ font-size: 24px;}
.ixTit.in i{ width: 26px; height: 4px;}

.inTit{ font-size: 24px;}

.gyPart1{ margin: -80px 0 40px; padding: 60px 0; background: rgba(231, 241, 246, 0.6); -webkit-backdrop-filter: saturate(1.8) blur(10px); backdrop-filter: saturate(1.8) blur(10px);}
.gyPart1 .img{ height: 100%; display: flex; justify-content: center; align-items: center; border-right: 2px solid #2D9FD1; padding: 0 40px;}
.gyPart1 .img img{ max-width: 80%;}
.gyPart1 .right{ padding: 0 60px;}
.gyPart1 .right .txt{ line-height: 24px;}
.gyPart1 .right .txt .t1{ font-size: 18px; margin-top: 15px;}

.jjSlide{ margin-bottom: 90px;}
.jjSlide .img img{ width: 100%;}
.gyPart2{ margin: 40px 0 0; padding: 90px 0;}
.zzSlide{ margin: 0 -12px;}
.zzSlide .img{ margin: 0 12px;}
.zzSlide .img img{ width: 100%;}
.gyPart3{ padding: 90px 0;}
.gyPart3 .row{ margin: 0 80px;}
.gyPart3 .box{ min-height: 240px; padding: 40px 50px; margin: 40px 12px 0; border-top: 2px solid #fff; box-shadow: 0px 4px 16px -2px #ECEFF0;}
.gyPart3 .box span{ display: block; font-size: 20px; margin-bottom: 30px;}
.gyPart3 .box:hover{ border-color: #2D9FD1;}

.inLink{ margin-top: -60px;}
.inLink a{ display: block; color: #999; font-size: 24px; line-height: 120px; border-bottom: 2px solid #F8F9FA;}
.inLink a.slt,.inLink a:hover{ color: #333; font-family: fontB,"microsoft yahei"; border-color: #2D9FD1;}

.lxPart1{ padding: 90px 0;}
.lxPart1 .inTit{ margin-bottom: 40px;}
.lxPart1 .part{ position: relative;}
.lxPart1 .bg{ width: 460px; height: 0; border-width: 0 0 700px 200px; border-style: none solid solid; border-color: transparent transparent #394F62; position: absolute; top: 0; right: 0; z-index: 1;}
.lxPart1 .left{ width: 30%; height: 100%; padding: 0 60px 80px; display: flex; align-items: flex-end; position: absolute; top: 0; right: 0; z-index: 9;}
.lxPart1 .left .txt{ padding-top: 80px;}
.lxPart1 .left .txt em{ display: block; font-size: 20px; margin-bottom: 20px;}
.lxPart1 .left .txt p{ margin-top: 10px;}
#map{ width:100%; height: 700px;}
.BMapLabel{ display: none !important;}
.lxPart2{ padding: 90px;}
.lxPart2 .txt{ font-size: 20px; line-height: 38px; margin: 90px 30px;}
.lxPart2 .part .t{ margin: 0 30px 90px;}
.lxPart2 .part .t input{ width: 100%; height: 30px; color: #333; line-height: 30px; border-bottom: 1px solid #CACACA; margin-top: 10px;}
.lxPart2 .part button{ margin: 0 30px;}
.lxPart3{ padding: 90px 0;}
.lxPart3 .box{ display: block; margin-bottom: 60px; padding: 30px;}
.lxPart3 .box .t1{ margin-bottom: 40px; line-height: 20px;}
.lxPart3 .box .t1 span{ display: block; width: 60%; font-size: 18px;}
.lxPart3 .box .t1 em{ display: block; width: 35%; font-size: 12px;}
.lxPart3 .box .t2 p{ width: 60%; height: 72px; -webkit-line-clamp: 3; line-height: 24px;}
.lxPart3 .box .t2 span,.xwRight .box .text .t3 span{ display: block; font-size: 12px; line-height: 40px; border: 2px solid #2D9FD1; padding: 0 24px; margin-top: 20px;}
.lxPart3 .box .t2 span i,.xwRight .box .text .t3 span i{ display: inline-block; width: 20px; height: 12px; background: url(../images/jt1.png) center no-repeat; background-size: 100%; margin-left: 10px;}
.lxPart3 .box:hover .t1 span{ color: #2D9FD1;}
.lxPart3 .box:hover .t2 span,.xwRight .box:hover .text .t3 span{ color: #fff !important; background: #2D9FD1;}
.lxPart3 .box:hover .t2 span i,.xwRight .box:hover .text .t3 span i{ background-image: url(../images/jt2.png);}
.lxPart3 .inTit{ margin-bottom: 40px; position: relative;}
.lxPart3 .inTit a,.xwCont .title a,.cpPart2 .title a{ display: block; font-size: 14px; color: #999; line-height: 32px; padding: 0 10px; border: 2px solid #CACACA; position: absolute; top: 0; right: 0; z-index: 1;}
.lxPart3 .inTit a:hover,.xwCont .title a:hover,.cpPart2 .title a:hover{ color: #fff; background: #2D9FD1; border-color: #2D9FD1;}
.lxPart3 .cont{ width: 60%; margin: 0 auto; padding: 40px 0;}
.lxPart3 .cont .t1 div i{ display: block; width: 6px; height: 19px; margin-top: 3px;}
.lxPart3 .cont .t1 div p{ padding-left: 14px; font-size: 20px; line-height: 26px;}
.lxPart3 .cont .t1 em{ display: block; margin: 10px 0 40px; font-size: 12px;}
.lxPart3 .cont .t2 span{ display: inline-block; font-size: 20px; color: #1DAFAE; margin-right: 40px;}
.lxPart3 .cont .t2 em{ display: inline-block; font-size: 16px;}
.lxPart3 .cont .t3{ margin-top: 60px; line-height: 24px;}

.xwLeft{ margin: 90px 0 0;}
.xwLeft a{ display: block; font-size: 24px; margin-bottom: 60px; color: #999;}
.xwLeft a.slt,.xwLeft a:hover{ color: #2D9FD1;}
.xwRight{ margin: 90px 0 90px 40px;}
.xwRight .box{ display: block; margin-bottom: 60px;}
.xwRight .box .img{ margin-right: 50px;}
.xwRight .box .img img{ width: 100%;}
.xwRight .box .text{ padding: 30px 30px 0 0;}
.xwRight .box .text .t1{ font-size: 20px;}
.xwRight .box .text .t2{ height: 72px; line-height: 24px; margin: 20px 0 40px; -webkit-line-clamp: 3;}
.xwRight .box .text .t3 em{ display: inline-block; font-size: 12px; line-height: 30px;}
.xwRight .box .text .t3 span{ display: inline-block; line-height: 26px; margin: 0;}
.xwRight .box:hover .text .t1{ color: #2D9FD1;}
.xwCont{ width: 90%; padding: 90px 0; margin: 0 auto;}
.xwCont .title{ padding-right: 140px; font-size: 24px; position: relative; margin-bottom: 50px;}
.xwCont .cont{ line-height: 24px;}
.xwCont .cont img{ max-width: 100%;}

.cpPart1{ padding: 90px 0 30px;}
.cpPart1 .box{ display: block; margin: 0 80px 60px;}
.cpPart1 .box .img{ font-size: 20px; padding: 20px 20px 30px 30px;}
.cpPart1 .box .img img{ width: 70%; margin-bottom: 10px;}
.cpPart1 .box .txt{ height: 230px;}
.cpPart1 .box .txt span,.cpPart1 .box .tit{ display: block; font-size: 18px; margin-top: 30px; border-left: 6px solid #2D9FD1; padding-left: 10px; line-height: 18px;}
.cpPart1 .box .txt p{ -webkit-line-clamp: 8; margin-top: 20px;}
.cpPart1 .box .tit{ font-size: 20px; line-height: 20px;}
.cpPart1 .box:hover .img p,.cpPart1 .box:hover .tit{ color: #2789B3;}
.cpPart2{ margin: 0 0 90px 50px;}
.cpPart2 .title{ margin: 90px 0 40px;}
.cpPart2 .title span{ display: block; width: 70%; font-size: 20px; line-height: 26px;}
.cpPart2 .title span i{ width: 6px; height: 19px; margin-top: 3px;}
.cpPart2 .title span p{ padding-left: 14px;}
.cpPart2 .title a{ position: inherit !important;}
.cpPart2 .cont{ line-height: 24px;}
.cpPart2 .cont img{ max-width: 100%;}

.xwRight.al .box .img{ margin: 0;}
.xwRight.al .box .text{ padding: 30px 40px 0;}

.fenye a,.fenye span{ display: inline-block; width: 40px; color: #999; line-height: 36px; border: 2px solid #E6E6E6; margin: 0 10px;}
.fenye a:hover,.fenye span{ color: #fff; background: #2D9FD1; border-color: #2D9FD1;}

/*============================ 媒体查询 ============================*/
.mobHide{ display: block;}
.mobShow{ display: none;}

@media (max-width: 1366px) {
	.ixPart5 .xwCon .xwSlide,.jjSlide,.zzSlide{ padding: 0 60px;}
	.slick-arrow.prev{ left: 0;}
	.slick-arrow.next{ right: 0;}
	.lxPart1 .bg{ border-width: 0 0 540px 150px;}
	#map{ height: 540px;}
}

@media (max-width: 1200px) {
	.wrap{ width: 100%; padding: 0 15px;}
}

@media (max-width: 900px) {
	.mobHide{ display: none;}
	.mobShow,.m_nav{ display: block;}
	.header,.header.on{ height: 60px;}
	.header .logo,.header.on .logo{ width: 120px; height: 60px; margin: 0;}
	#navToggle{ height: 100%; display: inline-block; float: right;}
	#navToggle span{ display: block; position: relative; width: 34px; height: 34px; background: url(../images/menu.png) no-repeat; background-size: contain; top: 13px; right: 0;}
	.header.on #navToggle span,.header.in #navToggle span{ background-image: url(../images/menuH.png);}
	.footer{ padding-top: 30px;}
	.footer .row{ margin: 0;}
	.footer dl{ width: 100%; margin: 0;}
	.footer .copy{ margin-top: 30px;}
	.ixSlide .img .txt{ padding: 0 20px; font-size: 20px;}
	.ixSlide .img .txt span{ font-size: 48px;}
	.ixSlide .slick-dots{ display: none !important;}
	.ixSlide .slick-arrow{ left: auto; right: 20px;}
	.ixSlide .slick-arrow.prev{ top: auto; bottom: 70px; margin: 0;}
	.ixSlide .slick-arrow.next{ top: auto; bottom: 20px; margin: 0;}
	.ixPart6 .row{ margin: 0 -10px;}
	.ixPart6 .col-md-2{ max-width: 25%; flex: 0 0 25%;}
	.ixPart6 .box{ margin: 0 10px 20px;}
	.main{ margin-top: 60px;}
	.inBanner{ height: 240px;}
	.inLink{ margin-top: -40px;}
	.inLink a{  line-height: 80px;}
	.gyPart1{ margin-top: -40px; padding: 20px 0;}
	.gyPart1 .right{ padding: 0 20px;}
	.gyPart2{ padding: 90px 10px;}
	.lxPart1 .bg{ width: 340px; border-width: 0 0 400px 150px;}
	.lxPart1 .left{ padding: 0 20px 20px;}
	#map{ height: 400px;}
	.lxPart2{ padding: 90px 0;}
	.lxPart2 .txt{ margin: 60px 20px;}
	.lxPart2 .part .t{ margin: 0 20px 40px;}
	.lxPart3 .box{ margin-bottom: 20px; padding: 15px;}
	.lxPart3 .cont{ width: 80%;}
	.xwLeft a{ font-size: 20px; margin-bottom: 30px;}
	.xwRight .box{ margin-bottom: 20px;}
	.xwRight .box .img{ margin-right: 20px;}
	.xwRight .box .text{ padding: 10px 10px 0 0;}
	.xwRight .box .text .t2{ margin: 10px 0 20px; height: auto; -webkit-line-clamp: 2;}
	.xwCont{ width: 100%; padding: 20px 10px 60px;}
	.xwCont .title{ padding: 40px 0 0; margin-bottom: 20px;}
	.cpPart1 .box{ margin: 0 20px 40px;}
	.xwRight.al{ margin: 40px 10px;}
	.fenye{ padding: 20px 0;}
	
}

@media (max-width:767px) {
	.wrap{ padding: 0 10px;}
	.footer{ padding: 30px 10px 0;}
	.footer dl dt{ font-size: 20px; background-size: 24px 3px; padding-bottom: 6px; margin-bottom: 10px;}
	.footer dl dd{ margin-top: 2px;}
	.footer .copy{ font-size: 12px; line-height: 16px; padding: 10px 5px; margin-top: 20px;}
	.ixSlide .img .txt{ font-size: 14px;}
	.ixSlide .img .txt span{ font-size: 26px;}
	.ixSlide .slick-arrow{ width: 30px; height: 30px; opacity: 1;}
	.ixSlide .slick-arrow.prev{ bottom: 60px;}
	.ixPart1 .scoll{ width: 40px; height: 40px; margin-left: -20px;}
	.ixTit{ margin-bottom: 20px;}
	.ixTit span{ font-size: 24px;}
	.ixTit i{ width: 26px; height: 3px !important;}
	.ixMore a,.ixMore button{ width: 120px; line-height: 36px;}
	.ixMore a i{ width: 18px;}
	.ixPart2{ padding: 80px 10px;}
	.ixPart2 .right{ margin: 50px 0 0;}
	.ixPart2 .right .video{ width: 240px; height: 188px; bottom: 10px;}
	.ixPart2 .right .img{ height: 200px; width: 90%;}
	.ixPart2 .right .img img{ width: 100%; height: auto;}
	.ixPart3{ padding: 20px 0;}
	.ixPart3 .box{ margin: 10px; font-size: 14px;}
	.ixPart3 .box span{ font-size: 22px; margin-bottom: 5px;}
	.ixPart4{ padding: 60px 10px;}
	.ixPart4 .top{ margin: 10px 0 20px;}
	.ixPart4 .ixMore{ width: 100%; text-align: center; margin: 10px 0 30px;}
	.ixPart4 .list{ margin: 0;}
	.ixPart4 .list .box{ margin: 10px 5px 0; font-size: 18px; padding: 5px 10px 15px 15px;}
	.ixPart4 .list .box img{ width: 70%;}
	.ixPart4 .list .box.r{ width: auto; height: auto; position: inherit; display: block;}
	.ixPart4 .list .box.r div{ width: 100%;}
	.ixPart4 .list .box.r img{ width: 40%; margin-bottom: 0;}
	.ixPart5{ padding: 0 10px;}
	.ixPart5 .xwTit{ text-align: center;}
	.ixPart5 .xwTit span{ margin: 0 20px;}
	.ixPart5 .part{ height: 450px;}
	.ixPart5 .xwCon .box .img{ height: 195px;}
	.ixPart5 .xwCon .box .txt{ margin: -24px 10px 0; padding: 12px;}
	.ixPart5 .xwCon .xwSlide{ padding: 0 30px;}
	.slick-arrow{ width: 14px;}
	.ixPart6{ padding: 40px 10px;}
	.ixPart6 .col-md-2{ max-width: 50%; flex: 0 0 50%;}
	.ixPart6 .box{ margin: 0 5px 10px;}
	.ixPart6 .box .img{ height: 75px;}
	.ixTit.in span,.inTit{ font-size: 20px;}
	.gyPart1{ margin: -20px 0 20px;}
	.gyPart1 .img{ border: none; padding: 20px 0 40px;}
	.jjSlide{ margin-bottom: 40px; padding: 0 25px;}
	.gyPart2{ margin-top: 20px; padding: 40px 10px;}
	.zzSlide{ margin: 0; padding: 0 30px;}
	.gyPart3{ padding: 40px 10px 60px;}
	.gyPart3 .row{ margin: 0;}
	.gyPart3 .box{ margin: 20px 0 0; padding: 20px; min-height: auto;}
	.gyPart3 .box span{ font-size: 18px; margin-bottom: 10px;}
	.inLink{ margin-top: -30px;}
	.inLink a{ font-size: 18px; line-height: 60px;}
	.lxPart1{ padding: 40px 0;}
	.lxPart1 .inTit{ margin-bottom: 20px;}
	.lxPart1 .part{ position: inherit;}
	.lxPart1 .bg{ display: none;}
	.lxPart1 .left{ width: 100%; text-align: center !important; padding: 40px; position: inherit; background: #394F62;}
	.lxPart1 .left .txt{ padding: 15px 0;}
	.lxPart1 .left .txt em{ font-size: 18px; margin-bottom: 10px;}
	.lxPart1 .left .txt p{ margin: 0;}
	#map{ font-size: 12px; height: 240px;}
	.lxPart2{ padding: 40px 10px;}
	.lxPart2 .txt{ margin: 20px 0 40px; font-size: 14px; line-height: 24px;}
	.lxPart2 .part .t{ margin: 0 0 20px;}
	.lxPart2 .part .t input{ margin: 0;}
	.lxPart2 .part button{ margin: 20px 0;}
	.lxPart3{ padding: 40px 10px;}
	.lxPart3 .box .t1{ margin-bottom: 15px;}
	.lxPart3 .box .t1 span{ font-size: 16px;}
	.lxPart3 .box .t2 p{ width: 100%; height: auto; font-size: 12px; line-height: 18px;}
	.lxPart3 .box .t2 span,.xwRight .box .text .t3 span{ line-height: 30px; border-width: 1px; margin-top: 15px;}
	.lxPart3 .box .t2 span i,.xwRight .box .text .t3 span i{ width: 16px; margin-left: 5px;}
	.lxPart3 .inTit{ margin-bottom: 30px;}
	.lxPart3 .inTit a,.xwCont .title a,.cpPart2 .title a{ font-size: 12px; line-height: 22px; border-width: 1px; padding: 0 5px; top: 4px;}
	.lxPart3 .cont{ width: 100%; padding: 20px 0;}
	.lxPart3 .cont .t1 div i{ width: 4px; height: 16px;}
	.lxPart3 .cont .t1 div p{ font-size: 18px; line-height: 22px;}
	.lxPart3 .cont .t1 em{ margin: 5px 0 20px;}
	.lxPart3 .cont .t3{ margin-top: 30px;}
	.xwLeft{ text-align: center; margin: 0;}
	.xwLeft a{ font-size: 18px; margin: 20px 5px 0;}
	.xwRight{ margin: 40px 10px;}
	.xwRight .box .img{ margin: 0;}
	.xwRight .box .text{ padding: 15px 10px !important;}
	.xwRight .box .text .t1{ font-size: 18px;}
	.xwRight .box .text .t2{ line-height: 22px;}
	.xwRight .box .text .t3 span{ margin: 0; padding: 0 15px;}
	.xwCont .title{ font-size: 18px;}
	.cpPart1{ padding: 40px 10px 20px;}
	.cpPart1 .box{ margin: 0 0 40px;}
	.cpPart1 .box .txt{ height: auto;}
	.cpPart1 .box .txt span,.cpPart1 .box .tit{ font-size: 16px; line-height: 16px; margin-top: 20px; border-width: 4px;}
	.cpPart1 .box .txt p{ -webkit-line-clamp: 4; margin-top: 10px;}
	.cpPart2{ margin: 0 10px 60px;}
	.cpPart2 .title{ margin: 30px 0 20px;}
	.fenye a, .fenye span{ width: 30px; line-height: 28px; border-width: 1px; margin: 6px 4px 0;}
	
}