@charset "utf-8";*{ margin:0; padding:0;}table{ border-collapse:collapse;}a{ text-decoration:none;}a:hover,a:focus{ text-decoration:none;}a:focus{ outline:none;}ol, ul{ margin:0;}p{ margin:0;}.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5{ margin:0; font-family:"Microsoft YaHei";}.corBlue{ color:#0075c1;}.corRed{ color:#bd3b3b;}.f16{ font-size:16px;}.clear{ clear:both;}.shows{ display:block;}.showsIn{ display:inline-block;}.hides{ display:none;}.overHide{ overflow:hidden;}.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}.bd_weixin_popup{ height:auto !important;}html { -ms-touch-action: none; height:100%;}body { font-family:"Microsoft YaHei"; position: relative; height:100%; *cursor: default; color:#333333; overflow-x:hidden;}



.imgFull{ background-position:center center; background-repeat:no-repeat; background-size:cover;}



.imgFull 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;}



.wow888888{ animation-delay:0.3s; opacity:0;}



.overHide{ overflow:hidden;}



.grayBg{ background:#f5f6fa;}



.corOrg{ color:#e99918;}



/*********************************************************************重置***********************************************************************/



a{ text-decoration:none; color:#333;

-webkit-transition: all 0.2s ease-out 0s; 

   -moz-transition: all 0.2s ease-out 0s; 

	 -o-transition: all 0.2s ease-out 0s; 

		transition: all 0.2s ease-out 0s;}


/*********************************************************************重置***********************************************************************/



/*header*/



.logo{ height:100px; margin-left:0 !important; padding:5px 0; max-width:410px; transition:all 0.3s linear;}



.logo span{ display:block; width:100%;}



nav.navbar.bootsnav{  border:none; width:100%; box-shadow:2px 2px 4px rgba(0,0,0,0.12); background:rgba(255,255,255,0.85); background:#FFFFFF;}



nav.navbar.bootsnav ul.nav{ position:relative; left:2%; padding-top:30px;}



nav.navbar.bootsnav ul.nav > li{ padding:0; margin:0 10px;}



nav.navbar.bootsnav ul.nav > li > a{ display:block; padding:15px 10px; text-align:center; margin:0; min-width:90px; font-size:16px; line-height:40px; color:#333333; font-weight:normal; transition:all 0.3s linear;}



nav.navbar.bootsnav ul.nav > li > a:after{ position:absolute; left:50%; bottom:0; width:0%; height:4px; margin:0 !important; background:#008996; display:block; content:"" !important; transition:all 0.4s linear;}



nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ width:160px; border:none; left:50%; background:#f4f4f4; margin-left:-80px; padding:10px 0; box-shadow:0 0 13px rgba(91,91,91,0.17); animation-duration:0.4s;}



nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li{ padding:0 15px;}



nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ color:#333333; padding:10px 0; font-size:15px; line-height:20px; text-align:center !important; border:none !important;}



nav.navbar.bootsnav ul.nav > li > a:hover span,nav.navbar.bootsnav ul.nav > li.on > a span,nav.navbar.bootsnav ul.nav > li.active > a span{ color:#FFFFFF; background:#018adb !important;}



nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li.on a{ color:#018adb;}



nav.navbar.bootsnav ul.nav > li.on > a:after,nav.navbar.bootsnav ul.nav > li.active > a:after{ left:0; width:100%;}



.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background:none;}



nav.navbar.bootsnav li.dropdown ul.navSub{ width:270px; left:-30px; margin:0;}



nav.navbar.bootsnav li.dropdown ul.navSub > li{ padding:0 30px;}



nav.navbar.bootsnav li.dropdown ul.navSub > li > a{ text-align:left !important;}







.banner{ height:580px; position:relative;}



.banner .swiper-slide{ position:relative; overflow:hidden; background:#FFFFFF;}



.banImg{ height:100%;}



.banner .swiper-pagination{ bottom:4%;}



.banner .swiper-pagination-bullet{ width:14px; height:14px; background:#FFFFFF; opacity:0.3; transition:all 0.4s linear;}



.banner .swiper-pagination-bullet-active{ opacity:1;}



.banBtn{ display:block; width:60px; height:80px; border:2px solid rgba(255,255,255,0.7); position:absolute; top:50%; margin-top:-40px; z-index:1; transition:all 0.3s linear; cursor:pointer; background-position:center center; background-repeat:no-repeat; background-size:cover;}



.banPrev{ left:6.25%; background-image:url(../images/banPrev.png);}



.banNext{ right:6.25%; background-image:url(../images/banNext.png);}







.telBg{ position:relative; height:120px; margin-top:-120px; z-index:2; overflow:hidden;}



.telBg:after{ display:block; content:""; width:100%; height:120px; background:#008996; position:absolute; left:52%; margin-left:600px; top:0;}



.telBg .container{ height:100%;}



.tel{ float:right; background:#008996; color:#FFFFFF; padding:20px; height:100%;}



.telCon{ background:url(../images/banTel.png) left center no-repeat; padding-left:80px;}



.telCon p{ font-size:22px; line-height:140%;}



.telCon span{ display:block; font-size:30px; font-family:Impact; line-height:120%;}



.telCon span:last-child{ letter-spacing:1px;}



#telNum i{ animation:tel 6s ease-out 0s infinite;-webkit-animation:tel 6s ease-out 0s infinite;display:inline-block; font-style:normal;}







.boxTit{ text-align:center;}



.boxTitCn{ font-size:36px; color:#008996; line-height:110%;}



.boxTitEn{ font-size:18px; color:#666666; font-family:Arial;}



.boxTitLine{ display:block; width:50px; height:4px; margin:0 auto; font-size:0; margin:15px auto;}



.boxTitLine i{ display:block; background:#ffc35c; width:100%; height:100%;}







.box1Bg{ padding:70px 0; background:url(../images/box1Bg.png) center center #FFFFFF no-repeat; background-size:cover;}



.box1List{ margin:0 -15px; padding:30px 0 0; font-size:0;}



.box1List li{ float:none; padding:30px 15px 0; vertical-align:top;}



.box1Link{ display:block; height:100%;}



.box1Img{ position:relative; padding-bottom:30px;}



.box1Img img{ margin:0 auto; transition:all 0.3s linear;}



.box1ImgHov{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transform:translateY(10px); z-index:1; transition:all 0.3s linear;}



.box1ImgShadow{ position:absolute; left:0; bottom:0; width:100%; opacity:0; transform:translateY(10px); transition:all 0.3s linear;}



.box1Tit{ margin:20px 0;}



.box1TitCn{ font-size:20px; color:#333333; line-height:180%;}



.box1TitEn{ font-size:12px; color:#666666; font-family:Arial; line-height:180%;}



.box1Brief{ font-size:14px; color:#666666; line-height:24px; margin:20px 0 0;}







.box2Bg{ padding:145px 0 100px; background:url(../images/box2Bg.jpg) repeat;}



.box2{ position:relative;}



.box2Img{ position:absolute; right:0; top:-50px; height:100%; width:calc(50% + 50px);}



.box2Img .imgFull{ height:100%;}



.box2Btn{ position:absolute; right:40px; bottom:0; transform:translateY(50%); z-index:1;}



.box2Btn span{ display:block; width:50px; height:50px; background-color:rgba(15,29,0,0.4); background-position:center center; background-repeat:no-repeat; background-size:cover; cursor:pointer; transition:all 0.3s linear;}



.box2Prev{ background-image:url(../images/box2PrevBg1.png);}



.box2Next{ background-image:url(../images/box2NextBg1.png);}



.box2Text{ background:#FFFFFF; color:#333333; width:50%; padding:35px 50px; overflow:hidden; margin-top:50px; position:relative; z-index:1;}



.box2Text .boxTit{ text-align:left;}



.box2Text .boxTitLine{ margin-left:0;}



.box2TitEn{ font-size:48px; color:#dadada; font-weight:bold; line-height:90%;}



.box2TitEn p{ position:relative;}



.box2TitEn p:after{ display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:100%;



background-color: rgba(255, 255, 255, 0);



background-image: -webkit-linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255,1) 100%);



background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255,1) 100%);



}



.box2Con{ line-height:32px; height:224px; overflow:hidden;}



.box2More{ text-align:right; text-transform:uppercase; opacity:1;}



.box2More a{ color:#008996; text-decoration:underline;}







.box3Bg{ padding:80px 0 130px; background:url(../images/box3Bg.png) center bottom no-repeat;}



.box3List{ margin:70px 0 0; position:relative;}



.box3Link{ display:block; max-width:360px;}



.box3Img{ position:relative; overflow:hidden; height:0; padding-bottom:55.55%;}



.box3Img .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%; transition:all 0.3s linear;}



.box3Tit{ overflow:hidden; margin-bottom:20px;}



.box3Time{ float:right; width:150px; text-align:center; font-size:16px; color:#999999; line-height:68px; height:68px; transition:all 0.3s linear;}



.box3Tit big{ font-size:30px;}



.box3NameBox{ overflow:hidden; padding-right:15px; height:68px; transition:all 0.3s linear;}



.box3Name{ width:100%; font-size:14px; color:#333333; line-height:24px; max-height:48px; overflow:hidden; transition:all 0.3s linear;}



.box3Brief{ color:#666666; line-height:30px; height:90px; overflow:hidden; margin:20px 0;}



.box3More{ color:#333333; font-weight:bold; margin:20px 0; transition:all 0.3s linear;}



.box3Line{ width:100%; height:2px; font-size:0; margin-top:30px;}



.box3Line i{ display:block; background:#008996; width:0; height:100%; transition:all 0.3s linear;}



.box3Btn{ position:absolute; top:50%; width:40px; height:40px; border:2px solid #aaaaaa; border-radius:50%; background-position:center center; background-repeat:no-repeat; background-size:cover; cursor:pointer; transition:all 0.3s linear;}



.box3Prev{ left:-90px; background-image:url(../images/box3PrevBg1.png);}



.box3Next{ right:-90px; background-image:url(../images/box3NextBg1.png);}



.box3List .swiper-pagination{ position:static; display:none; width:100%; text-align:center; padding-top:0.3rem;}



.box3List .swiper-pagination-bullet{ width:12px; height:12px; background:#7bb1dd; opacity:1; transition:all 0.4s linear;}



.box3List .swiper-pagination-bullet-active{ background:#006ec8;}











.box4TitBg{ background:url(../images/box4TitBg.jpg) center center no-repeat; background-size:cover; padding:30px 15px;}



.box4TitBg .boxTitCn,.box4TitBg .boxTitEn{ color:#FFFFFF;}



.box4BotBg{ padding:125px 0; background:url(../images/box4Bg.jpg) center bottom no-repeat;}



.box4{ font-size:0;}



.box4Map,.box4Rig{ display:inline-block; vertical-align:middle; font-size:14px; color:#333333; line-height:30px; width:50%;}



.box4Map{ padding-right:30px;}



.box4Map img{ max-width:90%;}



.box4Rig{ padding:0 30px;}



.box4Bot{ margin-top:50px; font-size:0; text-align:center;}



.box4Bot li{ float:none; vertical-align:top; font-size:14px; color:#333333; line-height:30px;}



.box4Num{ position:relative;}



.box4Num:after{ display:block; content:""; height:100%; width:2px; background:#e6eaee; position:absolute; left:100%; top:0;}



.box4Num span{ font-size:40px; color:#008996; font-family:"Impact";}



.box4Num sup{ font-size:16px; color:#5b6776; line-height:100%; top:-1.8em; margin-left:5px; font-weight:bold;}



.box4Bot li:last-child .box4Num:after{ display:none;}







.footBg{ background:url(../images/footBg.jpg) center center no-repeat; background-size:cover; color:#FFFFFF;}



.footBg a{ color:#FFFFFF;}



.ftTopBg{ padding:50px 0;}



.ftTit{ font-size:18px; line-height:140%; margin-bottom:10px;}



.ftTit img{ vertical-align:middle; margin-right:5px; position:relative; top:-2px;}



.ftTop{ margin:0 -10px; font-size:0;}



.ftItem{ padding:5px 10px; display:inline-block; vertical-align:top; font-size:14px;}



.ftItem p{ line-height:30px;}



.ftLink{ font-size:0; margin:0 -5px;}



.ftLink li{ min-width:26%; padding:0 5px;}



.ftLink li a{ font-size:14px; line-height:30px;}



.ftEmail{ background-image:url(../images/ftIco1.png);}



.ftAdd{ background-image:url(../images/ftIco2.png);}



.ftTel{ background-image:url(../images/ftIco3.png);}



.ftTelIco{ max-width:42px; margin-bottom:5px;}



.ftTelTit{ font-size:18px; line-height:180%; margin:5px 0;}



.ftNum{ font-size:28px; font-family:"Impact";}



.ftNum p{ padding-left:0 !important; margin:0 !important;}



.ftNum p:last-child{ letter-spacing:1px;}



.ftItem3 p{ padding-left:25px; background-position:left 5px; background-repeat:no-repeat;}



.ftItem4{ text-align:center;}



.ftItem4 ul{ font-size:0; margin:0 -5px;}



.ftItem4 ul li{ font-size:14px; vertical-align:top; width:50%; padding:0 5px;}



.ftItem4 img{ max-width:97px; margin:0 auto 5px;}



.ftItem4 p{ padding-left:0 !important; margin:0 auto !important;}



.ftItem1{ width:28%;}



.ftItem2{ width:18%;}



.ftItem3{ width:30%;}



.ftItem4{ width:24%;}



.ftBotBg{ border-top:1px solid #FFFFFF; font-size:16px;}



.copyRight{ padding:15px 0; text-align:center; line-height:30px;}







.bottom{ background:#FFFFFF; border-top:1px solid #e2e2e2; font-size:0; text-align:center; padding:10px 0;}



.bottom li{ vertical-align:middle; font-size:12px; width:25%;}



.bottom li a{ display:block; color:#333333; line-height:16px; padding-top:25px; background-position:center top; background-repeat:no-repeat; background-size:22px auto;}



.botLink1{ background-image:url(../images/botIco1.png);}



.botLink2{ background-image:url(../images/botIco2.png);}



.botLink3{ background-image:url(../images/botIco3.png);}



.botLink4{ background-image:url(../images/botIco4.png);}







.bottom li.active a,.bottom li.on a{ color:#008996;}



.active .botLink1,.on .botLink1{ background-image:url(../images/botIco1a.png);}



.active .botLink2,.on .botLink2{ background-image:url(../images/botIco2a.png);}



.active .botLink3,.on .botLink3{ background-image:url(../images/botIco3a.png);}



.active .botLink4,.on .botLink4{ background-image:url(../images/botIco4a.png);}







.banNy{ height:300px;}



.breadNavBg{ background:#f7f7f7; box-shadow:0 1px 0 #eeeeee inset; font-size:13px; color:#333333; line-height:30px; padding:14px 0;}



.breadcrumb{ background:url(../images/breadBg.png) left center no-repeat; padding:0; padding-left:20px; border-radius:0; margin:0;}



.breadcrumb > li + li:before { color:#333333; content:">"; padding:0 5px;}



.breadcrumb a,.breadcrumb > .active{ color:#333333;}



.mainBg{ min-height:50vh;}



.page{ text-align:center; padding:60px 0;}



.page img{ margin:0 auto;}



.mainTop{ padding:50px 0;}



.mainTit{ font-size:24px; color:#333333; line-height:36px; margin:5px 0;}



.mainTit span{ font-size:14px; color:#999999; font-family:Arial;}



.fenlei{ float:right; max-width:70%; line-height:36px; font-size:0; text-align:right; margin:0 0 0 -20px;}



.fenlei li{ vertical-align:middle; font-size:16px; padding:0 20px; position:relative;}



.fenlei li:after{ display:block; content:""; width:1px; height:26px; background:#cccccc; position:absolute; right:0; top:50%; margin-top:-13px;}



.fenlei li a{ display:block; min-width:140px; color:#000000; text-align:center; transition:all 0.3s linear;}



.fenlei li a.active{ background:#008996; color:#FFFFFF;}







.arList li{ padding:30px; background:#fafafc; margin-bottom:20px; transition:all 0.3s linear;}



.arItem{ overflow:hidden; position:relative;}



.arImg{ float:left; width:270px; height:140px; margin-right:50px; overflow:hidden;}



.arImg .imgFull{ display:block; width:100%; height:100%; transform:scale(1.05) translateX(-10px); transition:all 0.3s linear;}



.arCon{ float:left; width:650px; position:relative;}



.arCon h3{ padding-right:110px;}



.arTit{ font-size:16px; color:#666666; line-height:30px; margin:5px 0; transition:all 0.3s linear;}



.arTag{ font-size:12px; color:#cccccc; line-height:30px; margin:5px 0;}



.arIco{ position:absolute; right:0; top:0;}



.arIco a{ display:inline-block; vertical-align:middle; line-height:30px; padding-left:25px; background-position:left center; background-repeat:no-repeat; color:#666666; font-family:Arial;}



.arIco1{ background-image:url(../images/arIco1.png);}



.arIco2{ background-image:url(../images/arIco2.png); margin-left:15px; cursor:pointer;}



.arIco2.active{ background-image:url(../images/arIco2a.png);}



.arBrief{ color:#999999; line-height:30px; height:60px; overflow:hidden; margin:5px 0;}



.arRig{ float:right; padding:0 20px;}



.arTime{ color:#999999; transition:all 0.3s linear;}



.arDate{ font-size:24px;}



.arMore{ display:block; width:80px; height:26px; border:1px solid #008996; border-radius:13px; text-align:center; color:#008996; font-size:12px; line-height:24px; text-transform:uppercase; margin:50px 0 10px; transition:all 0.3s linear;}







.arTop{ padding:60px 0 35px; text-align:center; border-bottom:1px solid #cccccc; margin-bottom:0.3rem;}



.arName{ font-size:32px; color:#008996; line-height:140%; margin-bottom:0.2rem;}



.arClock{ margin:0 -10px;}



.arClock span{ display:inline-block; vertical-align:middle; font-size:14px; color:#666666; line-height:30px; padding:0 10px;}



.arCen{ color:#666666; line-height:24px; padding-bottom:0.3rem;}



.arCen p{ margin:0.15rem 0;}



.arCen img{ margin:0.15rem auto; max-width:100% !important; height:auto !important;}



.arCen table{ margin:0 auto;}



.arPic{ overflow:hidden; font-size:0; text-align:center; margin:0 -15px;}



.arPic > div{ float:none; display:inline-block; vertical-align:middle;}



.arBot{ border-top:1px solid #cccccc; padding:0.5rem 0; margin-top:0.2rem;}



.arPage{ float:left; width:70%; line-height:28px;}



.arPage a{ color:#333333; font-size:16px; transition:all 0.3s linear;}



.arShare{ float:right; font-size:0; margin:0 -6px; text-align:right; width:30%; padding:10px 0 0;}



.arShare li{ padding:0 6px; font-size:14px; color:#333333; vertical-align:middle;}



.arShare li a{ display:block; width:37px; height:36px; border-radius:50%; background-position:center center; background-repeat:no-repeat; background-size:cover; background-repeat:no-repeat;}



.shareIco1{ background-image:url(../images/shareIco1.png);}



.shareIco2{ background-image:url(../images/shareIco2.png);}



.shareIco3{ background-image:url(../images/shareIco3.png);}







.oneText{ color:#333333; line-height:36px; padding-bottom:0.5rem;}



.oneText p{ text-indent:0;}



.oneText h3{ font-size:24px; color:#000000; line-height:36px;}



.oneText img{ margin:0.2rem auto; max-width:100% !important; height:auto;}







.hisTop{ color:#333333; line-height:30px; max-width:565px; padding:0; margin-bottom:0.4rem;}



.hisTop p{ text-indent:0; margin:0;}



.hisTit{ margin:0.4rem 0;}



.hisTit .boxTitCn{ font-size:30px;}



.hisTit .boxTitLine{ width:30px; height:3px;}



.hisTit .boxTitEn{ font-size:24px;}



.hisList{ padding:0.2rem 0; position:relative; margin-bottom:1.25rem;}



.hisList:after{ display:block; content:""; width:2px; height:100%; background:#cccccc; position:absolute; left:50%; top:0; margin-left:-1px;}



.hisList li{ width:50%; padding-bottom:0.3rem; position:relative; animation-name:fadeInLeft; z-index:1;}



.hisDot{ position:absolute; right:0; top:27px; width:14px; height:14px; transform:translateX(50%); background:#9cbbfa; border-radius:50%; z-index:1; transition:all 0.3s linear;}



.hisDot span{ display:block; width:8px; height:8px; background:#006ec7; margin:3px auto; border-radius:50%; transition:all 0.3s linear;}



.hisImg{ float:left; width:130px; height:130px; position:relative; border-radius:50%; overflow:hidden; border:1px solid #b5b5b5;}



.hisImg .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}



.hisCon{ text-align:right; overflow:hidden; padding:15px 45px 0 60px;}



.hisYear{ display:block; font-size:36px; color:#008996; line-height:40px; font-family:"Impact";}



.hisBrief{ color:#333333; line-height:34px;}



.hisList li:nth-child(2n){ margin-left:50%; animation-name:fadeInRight;}



.hisList li:nth-child(2n) .hisDot{ right:auto; left:0; transform:translateX(-50%);}



.hisList li:nth-child(2n) .hisImg{ float:right;}



.hisList li:nth-child(2n) .hisCon{ text-align:left; padding:15px 60px 0 45px;}







.honTit{ overflow:hidden;}



.honTit span{ display:inline-block; vertical-align:middle; position:relative;}



.honTit span:before,.honTit span:after{ display:block; content:""; position:absolute; top:50%; width:1.1rem; height:2px; background:#e4e4e4;}



.honTit span:before{ left:-1.4rem;}



.honTit span:after{ right:-1.4rem;}



.honList{ font-size:0; margin:0 auto; padding:0 0 0.3rem; max-width:1110px;}



.honList li{ float:none; padding:15px; text-align:center; vertical-align:top; font-size:16px; color:#333333; line-height:200%;}



.honImg img{ margin:0 auto; box-shadow:10px 10px 27px rgba(159,159,159,0.5);}



.honName{ padding:0.15rem 0;}



.certificate{ text-align:center; margin:0.5rem 0;}



.certificate li{ display:none; text-align:center;}



.certificate span{ font-size:16px; color:#333333; border:1px solid #dcdcdc; line-height:24px; padding:6px 15px; border-radius:20px; display:block; margin:0 auto; max-width:350px;}



.honour{ padding:0 0 1.3rem; position:relative; max-width:1080px; margin:0 auto;}



.honour .swiper-slide{ width:311px; overflow:hidden;}



.honour .swiper-slide-next{ transform-origin:right center;}



.honPic{ position:relative;}



.honPic img{ width:100%; margin:0 auto;}







.activity{ font-size:16px; color:#333333; line-height:300%; padding-bottom:0.4rem;}



.activity p{ text-indent:0; margin:0 !important;}



.activity img{ margin:10px auto;}



.acImg{ font-size:0; margin:0 -10px; padding:0.2rem 0;}



.acImgL,.acImgR{ display:inline-block; vertical-align:middle; padding:0 10px;}



.acImgL{ width:44.58%;}



.acImgR{ width:53.75%;}







.contact{ font-size:14px; color:#333333; line-height:36px; margin-bottom:0.6rem; position:relative;}



.conLef{ width:35.83%; background:#f9f9f9; padding:0.4rem 3%; margin-bottom:0.1rem;}



.conLef h3{ font-size:18px; line-height:200%; margin-bottom:5px;}



.conLef p{ margin:5px 0; padding-left:28px; background-position:left 8px; background-repeat:no-repeat;}



.conLef h3 p{ background-position:left 14px;}



.conLef a{ color:#333333;}



.conTel{ background-image:url(../images/conIco1.png);}



.conEmaill{ background-image:url(../images/conIco2.png);}



.conAdd{ background-image:url(../images/conIco3.png);}



.conTelNum{ font-size:30px; color:#008996; font-family:Impact; }



.conWx{ font-size:0; margin:0 -10px; padding:0.1rem 0 0;}



.conWxImg,.conWxRig{ font-size:14px; color:#000000; line-height:160%; display:inline-block; vertical-align:middle; padding:10px;}



.conWxImg img{ border:1px solid #eeeeee; max-width:115px;}



.conWxRig p{ padding-left:0 !important; margin:0 !important;}



.conRig{ position:absolute; top:0; right:0; width:62.16%; height:100%; min-height:150px;}



#dituContent{ height:100%;}



.anchorBL{display:none}







.product{ padding:50px 0; position:relative;}



.proLef{ float:left; width:260px; min-height:100px;}



.proTit{ background:#f7f7f7; position:relative; border-bottom:1px solid #ededed;}



.proTit a{ display:block; padding:20px 0; padding-left:65px; padding-right:40px; color:#535c66; font-size:14px; line-height:24px; background:url(../images/proTitBtnBg1.png) right 20px center no-repeat; position:relative;}



.proTit a strong{ display:block;}



.proTitIco{ display:block; position:absolute; left:20px; top:50%; margin-top:-15px; width:30px; height:30px; background:url(../images/proIcoBg1.png) center center no-repeat; background-size:cover;}



.proLef li.active .proTit{



background: -webkit-linear-gradient(left, #008996 , #008996);



background: -o-linear-gradient(right, #008996, #008996);



background: -moz-linear-gradient(right, #008996, #008996);



background: linear-gradient(to right, #008996 , #008996);



}



.proLef li.active .proTit .proTitIco{ background-image:url(../images/proIcoBg2.png);}



.proLef li.active .proTit a{ color:#FFFFFF; background-image:url(../images/proTitBtnBg2.png);}



.proLef li.active .proSub{ display:block;}



.proSub{ display:none;}



.proSub p{ color:#666666; line-height:30px; padding:9px 0; border-bottom:1px solid #ededed; padding-left:65px; padding-right:40px; cursor:pointer;}



.proSub p.active{ color:#04529b; background:url(../other/./images/proSubBg1) right 20px center no-repeat;}







.proFixed{ position:fixed; top:0;}



.proAbs{ position:absolute; bottom:70px;}







.proRig{ overflow:hidden; margin-left:320px;}



.banPro{ margin-bottom:0.3rem;}



.banPro img{ width:100%; margin:0 auto;}



.proTag{ overflow:hidden; border-bottom:1px dashed #d9d9d9; padding:0.1rem 0;}



.proTagTit{ float:left; font-size:24px !important; color:#333333; line-height:140%;}



.proTagTit span{ display:block; font-family:Arial; font-size:14px; color:#999999;}



.proTagBtn{ position:relative;}



.proCon{ padding:0.1rem 0; font-size:14px; line-height:180%; color:#333333;}



.proCon img{ margin:15px auto; max-width:100% !important; height:auto !important;}



/*产品配置*/



.proPz{ font-size:0; margin:0 -30px; padding:0.1rem 0;}



.proPz li{ float:none; padding:10px 30px; vertical-align:top;}



.proPz li a{ display:block; height:100%;}



.proPzImg{ background:#F6F6F6; border:1px solid #e5e5e5;}



.proPzImg img{ margin:0 auto; width:100%;}



.pzTit{ font-size:14px; color:#666666; line-height:24px; padding:0.1rem 0;}



/*产品指标*/



.zbTit{ font-size:16px; line-height:30px; margin:15px 0; padding-left:18px; background:url(../images/zbTitBg.jpg) left 11px no-repeat;}



.zbTable{ width:100%;}



.zbTable tbody tr th,.zbTable tbody tr td{ border:1px solid #DCDCDC; padding:10px 5px; line-height:26px; text-align:center; color:#333333;}



.zbTable tbody tr th{ background:#d3e9ff; padding:15px 5px;}



/*应用领域*/



.proLy{ background:#fafcff; border:1px solid #edf2fa; padding:0.2rem 0.5rem; margin:0.2rem 0; font-size:0;}



.proLy li{ float:none; vertical-align:top; font-size:16px; color:#666666; line-height:30px; padding:10px;}



.proLyIco{ float:left; max-width:30px; margin-right:15px;}



.proLyIco img{ margin:0 auto;}



.proLyCon{ overflow:hidden;}



/*技术优势*/



.proYs{ font-size:16px; line-height:30px;}



.proYs p{ padding-left:17px; background:url(../images/proYsBg.png) left 11px no-repeat; margin:10px 0;}



/*勘探能力*/



.ktTit{ font-size:18px; color:#090607; line-height:200%; margin:10px 0;}



.proKt{ font-size:0; margin:0 -15px; text-align:center; color:#666666;}



.proKt li{ float:none; vertical-align:top; padding:15px; font-size:14px;}



.proKtBot{ overflow:hidden; max-width:790px; margin:0 auto; font-size:0;}



.proKtImg,.proKtRig{ display:inline-block; vertical-align:middle;}



.proKtImg{ width:56%; border:1px solid #e5e5e5; border-radius:5px; padding:10px;}



.proKtRig{ width:44%; color:#666666; padding-left:4%;}



.proKtRig .proYs{ font-size:14px;}



.proKtRig .proYs p{ background-position:left 10px; margin:5px 0;}



/*评述*/



.proItemTit{ font-size:18px; line-height:30px; margin:0.2rem 0; position:relative; padding-left:12px;}



.proItemTit:before{ display:block; content:""; width:2px; height:15px; background:#FFC35C; position:absolute; left:0; top:8px;}



.proItemTit i{ display:inline-block; vertical-align:middle; margin-right:10px; width:2px; height:15px; background:#ffc35c; margin-bottom:3px;}



.proPs li{ padding:5px;}



.proPs .proLyCon{ background:url(../images/proPsBg.png) left 11px no-repeat; padding-left:16px;}



/*特点*/



.proTd{ font-size:16px; color:#666666; line-height:30px; padding:15px 25px;}



.proTd p{ margin:15px 0; padding-left:25px; position:relative;}



.proTd p:before{ display:block; content:""; width:8px; height:8px; border:1px solid #0e5889; border-radius:50%; position:absolute; left:0; top:12px;}



/*系统优势*/



.proYs2{}



.proYsItem{ border-bottom:1px solid #a0a0a0; padding:0.2rem 0;}



.proYsItem:last-child{ border:none;}



.proYsIco{ float:left; max-width:80px; margin-right:30px;}



.proYsCon{ overflow:hidden; font-size:14px; color:#333333; line-height:28px;}



.proYsCon h4{ font-size:18px; color:#010101; line-height:200%; margin:0.1rem 0;}



.proYsCon p{ margin:10px 0;}



.proYsCon2{ padding-left:30px; color:#666666;}



.proYsCon2 p{ margin:5px auto;}



.proYsConDot{ padding-left:15px;}



.proYsConDot p{ padding-left:20px; position:relative;}



.proYsConDot p:before{ display:block; content:""; width:5px; height:5px; background:#0000ff; transform:rotate(45deg); position:absolute; left:0; top:12px;}



.TgpYsTable{ width:100%; border:1px solid #ffc35c; color:#666666; margin:0.1rem 0;}



.TgpYsTable > thead > tr > th,.TgpYsTable > tbody > tr > td{ border:1px solid #ffc35c; text-align:center;}



.TgpYsTable > thead > tr > th{ font-weight:normal; color:#000000;}



.TgpYsTable > tbody > tr > td:nth-child(2){ text-align:left;}



/*主要功能*/



.proGn{ font-size:0; margin:0;}



.proGn p{ font-size:16px; color:#666666; padding:0.2rem 0.1rem; display:inline-block; vertical-align:top; width:33.33%; padding-left:30px; background:url(../images/proGnIco.png) left 0.24rem no-repeat;}



/*应用软件*/



.proRjItem{ font-size:0; border-bottom:1px dashed #b0b0b0; padding:0.3rem 0;}



.proRjItem:last-child{ border:none;}



.proRjLef,.proRjRig{ display:inline-block; vertical-align:middle; font-size:14px; color:#666666; line-height:30px;}



.proRjLef{ width:27%; text-align:left; font-size:12px; color:#090607; line-height:24px; padding-right:0.3rem;}



.proRjLef img{ margin:0; max-width:55px;}



.proRjLef p{ margin:0;}



.proRjTit{ font-size:14px; color:#090607; line-height:24px;}



.proRjLefCon{ max-width:170px;}



.proRjRig{ width:73%;}











.caseTop{ margin:0; font-size:0; border-bottom:1px solid #e5e5e5; padding-bottom:0.5rem; margin-bottom:0.5rem;}



.caseTop li{ padding:5px 0; padding-right:30px; vertical-align:middle; text-align:center; font-size:16px; color:#008996;}



.caseTop li span{ display:block; min-width:240px; border:1px solid #008996; border-radius:5px; padding:10px 20px; line-height:22px; box-shadow:0 1px 0 #FFFFFF inset; transition:all 0.3s linear; cursor:pointer;}



.caseTop li.active span{ background:#008996; border-color:#006ec7; color:#FFFFFF; box-shadow:0 1px 0 #008996 inset;}



.caseItem{ line-height:30px; display:none;}



.caseItem p{ margin:0.1rem 0;}



.caseItem img{ margin:0.2rem auto; max-width:100% !important; height:auto;}



.caseTit{ padding-left:25px; position:relative;}



.caseTit:before{ display:block; content:""; width:4px; height:30px; background:#008996; position:absolute; left:0; top:4px;}



.caseText{ padding-left:25px; margin-top:0.3rem;}



.caseTit2{ margin:0.3rem 0;}



.caseTitNum{ float:left; width:24px; height:24px; line-height:24px; background:#008996; color:#FFFFFF; text-align:center; position:relative; margin-top:5px; margin-right:15px;}



.caseTitNum:after{ display:block; content:""; position:absolute; left:5px; top:5px; width:100%; height:100%; z-index:-1; background:#b8c5f9;}



.caseTitRig{ overflow:hidden; line-height:normal;}



.caseTitRig p{ margin:0 !important; font-size:16px; color:#333333;}



.caseTitRig span{ display:block; font-size:12px; color:#666666; font-family:Arial;}



.caseCon{ margin:0.1rem 0; padding-left:32px; line-height:30px;}



.caseTag{ padding:5px 5px 5px 10px; background:#ffc35c; color:#FFFFFF; margin-right:5px;}



.caseCir{ font-size:16px; color:#666666;}



.caseCir p{ background:url(../images/proPsBg.png) left 10px no-repeat; padding-left:20px;}



.caseTopLi{ font-size:0; margin:0.3rem 0;}



.caseTopImg,.caseTopRig{ display:inline-block; vertical-align:bottom; font-size:14px;}



.caseTopImg{ width:43.65%;}



.caseTopRig{ width:56.35%; padding-left:5%; margin:0.1rem 0;}



.caseTopRig p{ margin:0 !important;}



.caseBotList{ font-size:0; margin:0 -65px;}



.caseBotLi{ display:inline-block; vertical-align:top; width:50%; font-size:14px; color:#666666; padding:10px 65px 0.3rem; text-align:center;}



.caseBotTit{ border-bottom:1px solid #ad7106; background:url(../images/caseBotTitBg.png) left 17px no-repeat; padding:10px 0; padding-left:35px; font-size:16px; color:#333333; line-height:30px; text-align:left; margin-bottom:0.3rem;}



.caseBotLi img{ margin:0.2rem auto 0.1rem;}



.caseBotLi p{ margin:0 auto;}







.onLine{ position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:3;}



.onLine li{ width:46px; height:46px; position:relative; margin-bottom:2px;}



.onLine li a{ display:block; height:100%; color:#FFFFFF; line-height:46px;}



.onLineBox{ width:46px; height:46px; line-height:46px; position:absolute; right:0; top:0; background:#008996; border-radius:4px 0 0 4px; overflow:hidden; transition:all 0.5s ease 0s;}



.onLineImg{ display:inline-block; vertical-align:middle; width:46px; height:46px; padding:10px 0 0;}



.onLineImg img{ display:block; margin:0 auto;}



.LayMask{ position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.45); z-index:1031; display:none;}



.LayBox{ position:absolute; left:50%; max-width:520px; width:90%; top:20%; transform:translateX(-50%); background:#FFFFFF; padding:30px 40px; border-radius:5px; z-index:1032; box-shadow:0 0 38px rgba(0,0,0,0.2); display:none;}



.LayClose{ width:36px; height:56px; position:absolute; right:10px; top:-56px;}



.LayCloseIco{ width:36px; height:36px; border:2px solid #ffffff; border-radius:50%; cursor:pointer; background:url(../images/Close.png) center center no-repeat;}



.LayCloseLine{ display:block; width:2px; height:20px; background:#FFFFFF; margin:0 auto;}



.LayTit{ padding:10px 0; font-size:22px;}



.LayList{ padding:15px 0 0; margin:0 -8px;}



.LayList li{ padding:6px 8px;}



.LayList li label{ font-size:14px; color:#777777; line-height:30px; font-weight:normal; margin:0;}



.LayItem{ position:relative;}



.LayIco{ position:absolute; left:0; width:30px; top:0; padding-left:5px; line-height:44px; text-align:center; font-size:14px; color:#c7c7c7;}



.LayInput,.LayText{ border:1px solid #d2d2d2; background:#FFFFFF; padding:5px 1px 5px 30px; width:100%; line-height:32px; border-radius:4px;}



.LayText{ resize:none;}



.LayBtn{ display:block; height:44px; line-height:44px; border-radius:4px; color:#FFFFFF; text-align:center; margin:0 auto}



.LayBtn1{ background:#008996;}



.LayBtn2{ background:#9b9b9b;}



.LayBtn:hover,.LayBtn:focus{ color:#FFFFFF;}







.conTop{ height:4rem; margin-bottom:0.2rem;}



.conBot{ display:flex; flex-wrap:wrap; text-align:center; margin:0 -15px;}



.conBot li{ display:block; padding:30px 15px 0; width:33.33%;}



.conBox{ height:100%; background:#fafafa; border:1px solid #e5e5e5; border-radius:5px; font-size:16px; line-height:180%; padding:0.2rem; color:#666666;}



.conImg img{ margin:10px auto; max-width:38px;}



.conTit{ font-size:20px; color:#333333; line-height:150%; margin:10px 0;}



.conBot a{ color:#12336e; border-bottom:1px solid #12336e;}







.casePs{ background:#f8f8f8; border:1px solid #e5e5e5; padding:0.2rem 5%; color:#666666; font-size:0; margin:0.2rem 0;}



.casePsItem{ display:inline-block; vertical-align:top; font-size:14px; min-width:50%; padding:0 15px; padding-left:12px; background: url(../images/proPsBg.png) left 16px no-repeat; background-size:6px auto !important;}



.casePsItem p{ margin:5px 0 !important;}



.casePsChild{ font-size:0;}



.casePsChild li{ min-width:50%; font-size:14px; line-height:200%;}







@media (min-width:1400px){



	.container{ width:1320px;}	



}



@media (min-width:1200px){



	nav.navbar.bootsnav ul.nav > li > a:hover{ background:none;}



	nav.navbar.bootsnav ul.nav > li > a:hover:after{ left:0; width:100%;}



	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{ background:none; color:#008996;}



	.banBtn:hover{ background-color:#004d80; border-color:#004d80;}



	.box1Link:hover .box1Img > img{ opacity:0;}



	.box1Link:hover .box1ImgHov{ opacity:1; transform:translateY(0);}	



	.box1Link:hover .box1ImgShadow{ opacity:1; transform:translateY(0); transition:all 0.3s linear 0s;}	



	.box2Btn span:hover{ background-color:#008996;}



	.box2Prev:hover{ background-image:url(../images/box2PrevBg2.png);}



	.box2Next:hover{ background-image:url(../images/box2NextBg2.png);}



	.box3Link:hover .box3Img .imgFull{ transform:scale(1.05);}



	.box3Link:hover .box3Time{ background:#006ec7; color:#FFFFFF;}



	.box3Link:hover .box3NameBox{ background:#008996;}



	.box3Link:hover .box3Name{ color:#FFFFFF; padding-left:20px;}



	.box3Link:hover .box3More{ color:#008996;}



	.box3Link:hover .box3Line i{ width:100%;}



	.box3Btn:hover{ background-color:#008996; border-color:#008996;}



	.box3Prev:hover{ background-image:url(../images/box3PrevBg2.png);}



	.box3Next:hover{ background-image:url(../images/box3NextBg2.png);}



	.ftTop a:hover{ text-decoration:underline;}



	.conLef a:hover{ color:#008996;}



	.breadcrumb a:hover{ text-decoration:underline;}



	.arList li:hover{ box-shadow:0 0 40px rgba(213,213,213,0.5),0 1px 0 rgba(204,204,204,0.3) inset;}



	.arList li:hover .arImg .imgFull{ transform:scale(1.05) translateX(0);}



	.arList li:hover .arTit{ font-size:18px; color:#008996;}



	.arList li:hover .arTime{ transform:translateX(-20px);}



	.arList li:hover .arMore{ background:#008996; color:#FFFFFF; transform:translateX(20px);}



	.arPage a:hover{ color:#008996;}



	.fenlei li a:not(.active):hover{ background:#008996; color:#FFFFFF;}



	.hisList li:hover .hisDot{ background:#fde9c4;}



	.hisList li:hover .hisDot span{ background:#ffc35c;}



	.caseTop li:not(.active) span:hover{ box-shadow:0 1px 0 #008996 inset;}



	.onLine li a:hover .onLineBox{ width:116px; text-align:center;}



	.onLine li a:hover .onLineImg{ width:32px;}



}



@media (min-width:992px){



	.proCon{ display:block !important;}



}



@media (max-width:1600px){



	.logo{ height:80px; max-width:380px;}



	nav.navbar.bootsnav ul.nav{ padding-top:10px;}



	nav.navbar.bootsnav ul.nav > li > a{ min-width:80px;}



	.banner{ height:500px;}



	.banBtn{ width:40px; height:70px; margin-top:-35px;}



	.telBg{ height:100px; margin-top:-100px;}



	.telCon{ background-size:50px; padding-left:60px;}



	.telCon p{ font-size:18px;}



	.telCon span{ font-size:24px;}



	.boxTitCn{ font-size:30px;}



	.boxTitEn{ font-size:16px;}



	.box1Bg{ padding:50px 0;}



	.box2Bg{ padding:100px 0 80px;}



	.box2TitEn{ font-size:40px;}



	.box3Bg{ padding:60px 0 80px;}



	.box3List{ margin:50px 0 0;}



	.box4BotBg{ padding:85px 0;}



	.ftTopBg{ padding:40px 0;}



	.banNy{ height:270px;}



	.page{ padding:50px 0;}



	.mainTop{ padding:40px 0;}



	.fenlei{ margin:0 0 0 -15px;}



	.fenlei li{ padding:0 15px;}



	.fenlei li a{ min-width:120px;}



	.mainTit{ font-size:22px;}



	.arTop{ padding:40px 0 20px;}



	.arName{ font-size:28px; margin-bottom:0.1rem;}



	.arBot{ padding:0.3rem 0;}



	.arShare li a{ width:32px; height:32px;}



}



@media (max-width:1400px){



	.banner{ height:440px;}



	.banBtn{ width:36px; height:60px; margin-top:-30px;}



	.banPrev{ left:3%;}



	.banNext{ right:3%;}



	.banner .swiper-pagination-bullet{ width:12px; height:12px;}



	.telBg:after{ margin-left:570px;}



	.boxTitCn{ font-size:24px;}



	.boxTitLine{ margin:10px auto; height:3px;}



	.boxTitEn{ font-size:14px;}



	.box1List{ padding:15px 0 0;}



	.box1Img{ max-width:50%; margin:0 auto; padding-bottom:20px;}



	.box1Tit{ margin:10px 0;}



	.box1TitCn{ font-size:18px;}



	.box1Brief{ margin:10px 0 0;}



	.box2Bg{ padding:60px 0 80px;}



	.box2Text{ padding:30px 40px;}



	.box2TitEn{ font-size:30px;}



	.box2Con{ line-height:30px; height:210px; margin-bottom:10px;}



	.box3Bg{ padding:50px 0 70px;}



	.box3List{ margin:30px 0 0; padding:0 30px;}



	.box3Prev{ left:-40px;}



	.box3Next{ right:-40px;}



	.box3Time{ font-size:14px;}



	.box3Tit big{ font-size:26px;}



	.box3Brief{ margin:10px 0;}



	.box3More{ margin:10px 0;}



	.box4BotBg{ padding:60px 0;}



	.banNy{ height:350px;}



	.page{ padding:40px 0;}



	.mainTop{ padding:25px 0;}



	.arList li{ padding:25px;}



	.arImg{ margin-right:30px;}	



	.hisTit .boxTitCn{ font-size:24px;}



	.hisTit .boxTitLine{ height:2px;}



	.hisTit .boxTitEn{ font-size:18px;}



	.hisList{ max-width:990px; margin:0 auto 1.25rem;}



	.product{ padding:30px 0;}



	.proAbs{ bottom:50px;}



	.proRig{ margin-left:290px;}



	.proTagTit{ font-size:22px !important;}



	.proPz{ margin:0 -15px;}



	.proPz li{ padding:10px 15px;}



	.ktTit{ font-size:16px;}



	.proLy li{ font-size:14px;}



	.proLyIco{ max-width:24px; margin-right:5px; margin-top:2px;}



	.proPs .proLyCon{ background-size:7px auto; background-position:left 12px; padding-left:13px;}



	



	.caseTop{ padding-bottom:0.3rem; margin-bottom:0.3rem;}



	.caseTop li{ padding-right:15px;}



	.caseTop li span{ min-width:200px; padding:8px 15px;}



	.casePs{ padding:0.2rem 2%;}



}



@media (max-width:1200px){



	nav.navbar.bootsnav .container{ width:100%;}



	nav.navbar.bootsnav .navbar-brand{ float:left !important;}



	.logo{ padding:10px 0; height:70px; max-width:300px; vertical-align:middle; display:flex !important; display:-ms-flexbox !important;}



	nav.navbar.bootsnav .navbar-toggle{ background:none !important; color:#0075c1; float:right; margin-right:5px; margin-top:17px;}



	nav.navbar.bootsnav .navbar-collapse{ max-height:none; position:absolute; left:0; width:100%; margin:0; background:#FFFFFF; border-top:1px solid #0075c1; box-shadow:0 0 5px rgba(0,0,0,0.2);}



	nav.navbar.bootsnav ul.nav{ left:0; padding:0 15px 15px; margin:0;}



	nav.navbar.bootsnav ul.nav > li{ padding:0; margin:0;}



	nav.navbar.bootsnav ul.nav > li > a{ font-size:15px; padding:0 !important; margin:0; border-bottom:none; text-align:left;}



	nav.navbar.bootsnav ul.nav > li > a:after{ height:1px;}



	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu{ left:0; padding:10px 0 !important;}



	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li > a{ padding:7px 0; text-align:left !important; color:#333333 !important;}



	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li.dropdown > a.dropdown-toggle:before{ display:block;}



	nav.navbar.bootsnav ul.nav > li > a:hover span, nav.navbar.bootsnav ul.nav > li.on > a span, nav.navbar.bootsnav ul.nav > li.active > a span{ background:none !important; color:#018adb;}



	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li.on > a{ background:none; color:#eaaa26;}



	.banner{ height:400px;}



	.telBg{ height:80px; margin-top:-80px;}



	.telCon{ background-size:40px; padding-left:50px;}



	.telCon p{ font-size:16px;}



	.telCon span{ font-size:22px;}



	.telBg:after{ margin-left:470px;}



	.box1Img{ padding-bottom:0;}



	.box1ImgShadow{ display:none;}



	.box2Bg{ padding:40px 0 60px;}



	.box2Text{ font-size:20px 30px;}



	.box2Btn{ right:20px;}



	.box2Btn span{ width:40px; height:40px;}



	.box3Bg{ padding:40px 0 50px;}



	.box3Tit{ margin-bottom:10px;}



	.box3Btn{ width:35px; height:35px;}



	.box3Prev{ left:-30px;}



	.box3Next{ right:-30px;}



	.box3Line{ display:none;}



	.box4Num span{ font-size:34px;}



	.ftTopBg{ padding:30px 0;}



	.ftTit{ font-size:16px; margin-bottom:10px;}



	.ftItem3 p{ padding-left:20px; background-size:15px auto; background-position:left 8px;}



	.ftTelIco{ max-width:30px;}



	.ftTelTit{ font-size:16px;}



	.ftNum{ font-size:26px;}



	.ftItem4{ font-size:12px;}



	.copyRight{ padding:10px 0; line-height:24px; font-size:14px;}



	.mainTop{ padding:15px 0;}



	.fenlei{ float:none; text-align:left; width:100%; max-width:100%; margin:0; margin-bottom:0.2rem; display:flex; border:1px solid #014e82; border-radius:5px;}



	.fenlei li{ flex:1; padding:0; border-right:1px solid #014e82;}



	.fenlei li:last-child{ border:none;}



	.fenlei li:after{ display:none;}



	.fenlei li a{ padding:5px; min-width:0;}



	.fenlei + .mainTit{ display:none;}



	.mainTit{ font-size:20px; line-height:30px; float:none !important;}



	.page{ padding:30px 0;}



	.arList li{ padding:20px;}



	.arImg{ width:230px; margin-right:20px;}



	.arCon{ width:510px;}



	.arRig{ padding:0 10px;}



	.arPage a{ font-size:14px;}



	.honTit{ margin:0 0 0.3rem;}



	.honList{ margin:0 -10px;}



	.honList li{ font-size:14px; padding:10px;}



	.honour{ padding:0 0 1rem;}



	.activity{ font-size:14px;}



	.conLef{ padding:0.2rem 15px; width:40%;}



	.conLef h3{ font-size:16px;}



	.conTelNum{ font-size:26px;}



	.conRig{ width:58%;}



	.proLef{ width:240px;}



	.proTitIco{ left:12px; width:24px; height:24px; margin-top:-12px;}



	.proTit a{ padding:12px 0; padding-left:45px; background-position:right 15px center;}



	.proSub p.active{ background-position:right 15px center;}



	.proRig{ margin-left:260px;}



	.proLy{ padding:0.2rem;}



	.proTd{ font-size:14px; padding:0.1rem 0.2rem;}



	.proTd p{ margin:10px 0; padding-left:15px;}



	.proYsItem{ padding:0.1rem 0;}



	.proYsIco{ max-width:0.6rem; margin-right:0.2rem;}



	.proYsCon h4{ font-size:17px;}



	.proGn p{ width:50%; font-size:14px; padding:0.1rem; padding-left:30px; background-position:left 0.14rem;}



	



	.caseTop{ padding-bottom:0.2rem; margin-bottom:0.2rem;}



	.caseTop li{ padding-right:10px; font-size:15px;}



	.caseTop li span{ min-width:0; padding:8px 15px;}



	



	.caseBotList{ margin:0 -30px;}



	.caseBotLi{ padding:10px 30px 0.2rem;}



	



	.conBot{ margin:0 -10px;}



	.conBot li{ padding:20px 10px 0;}



	.conBox{ font-size:14px;}



	.conTit{ font-size:18px;}



	.conImg img{ max-width:32px;}



}



@media (max-width:991px){



	.banner{ height:3.6rem;}



/*	.telBg{ height:60px; margin-top:-60px;}



	.telCon{ background-size:34px; padding-left:45px;}



	.telCon p{ font-size:16px;}



	.telCon span{ font-size:24px;}



	.telBg:after{ margin-left:360px;}*/



	



	.telBg{ height:auto; margin:0; background:#008996;}



	.telBg:after{ display:none;}



	.tel{ float:none; background:none; padding:0.2rem;}



	.telCon span{ display:inline-block; vertical-align:middle; margin:0 5px; font-size:24px; font-family:Arial;}



	.telCon span:last-child{ letter-spacing:0;}



	



	.ftItem1,.ftItem2{ width:50%;}



	.ftItem3,.ftItem4{ width:50%;}



	.ftItem4 ul{ text-align:left;}



	.ftItem4 ul li{ width:auto; max-width:50%; text-align:center;}



	.ftNum{ font-family:Arial;}



	.ftNum p:last-child{ letter-spacing:0;}



	.banNy{ background:none !important; height:auto;}



	.banNy > img{ display:none;}



	.banMob{ background:none !important; height:auto;}



	.banMob img{ display:block; width:100%;}



	.arImg{ display:none;}



	.arCon{ width:550px;}



	.arTop{ padding:0.3rem 0 0.2rem;}



	.arName{ font-size:22px;}



	.arCen p{ margin:0.1rem 0;}



	.oneText h3{ font-size:22px; line-height:30px;}



	.hisList{ margin:0 auto 0.8rem;}



	.hisList:after{ left:0;}



	.hisList li{ width:100%; margin:0 0 0.2rem !important; padding:0; animation-name:fadeInUp;}



	.hisList li:nth-child(2n){ animation-name:fadeInUp}



	.hisImg{ display:none;}



	.hisCon{ padding:0 0 0 20px !important; text-align:left !important;}



	.hisDot{ right:auto !important; left:0; top:12px; transform:translateX(-50%) !important;}



	.contact{ line-height:30px;}



	.conLef{ width:100%;}



	.conLef p{ background-position:left 5px;}



	.conLef h3 p{ background-position:left 10px;}



	.conRig{ width:100%; position:static; height:3.4rem;}



	



	.product{ padding:0.3rem 0;}



	.proLef{ display:none;}



	.proRig{ margin:0;}



	.banPro{ margin:0;}



	.fenlei2{ display:flex !important; flex-wrap:wrap; text-align:center; line-height:24px;}



	.fenlei2 li{ flex:auto; display:block; width:33%; border-bottom:1px solid #014e82; margin-bottom:-1px;}



	.fenlei2 li a{ height:100%; padding:10px 5px;}



	.fenlei2 li:nth-child(3n){ border-right:none;}



	.proTag{ border-bottom:1px solid #e1e1e1; position:relative; padding-right:35px;}



	.proTagTit span{ display:none;}



	.proTagTit{ position:relative; font-size:18px !important; line-height:30px; padding-left:15px;}



	.proTagTit:before{ display:inline-block; content:""; width:0; height:0; border-left:8px solid #014e82; border-top:5px solid transparent; border-bottom:5px solid transparent; position:absolute; left:0; top:10px;}



	.proTagBtn{ position:absolute; right:0; top:0.14rem; width:30px; height:30px; cursor:pointer; background:url(../images/proTagBtn.png) center center no-repeat; background-size:cover; transition:all 0.3s linear;}



	.proTagBtn.active{ transform:rotate(180deg); transform-origin:center center;}



	.proCon{ display:none;}



	



	.caseTop{ display:none;}



	.caseBot{ padding-bottom:0.3rem;}



	.caseItem{ padding:0.2rem 0;}



	.caseTit{ font-size:17px !important; padding-left:15px;}



	.caseTit:before{ height:20px; top:7px;}



	.caseText{ padding-left:0; margin-top:0;}



	.caseTit2{ margin:0.2rem 0;}



	.caseCon{ padding-left:15px;}



	.caseBotList{ margin:0 -15px;}



	.caseBotLi{ padding:10px 15px;}



	



	.conBot li{ width:50%;}



}



@media (max-width:767px){



	nav.navbar.bootsnav ul.nav{ padding:0 0 15px;}



	.box1Bg{ padding:0.8rem 0;}



	.box1List li{ padding-top:0.5rem; padding-bottom:0.2rem;}



	.box1Img{ max-width:2.2rem;}



	.box1TitCn{ font-size:16px;}



	.box2Bg{ padding:0.7rem 0;}



	.box2Img{ position:relative; top:0; width:100%; height:0; padding-bottom:60%;}



	.box2Img .swiper-container{ position:absolute; width:100%;}



	.box2Btn{ right:0; transform:rotate(-90deg); transform-origin:left bottom; margin-right:-40px;}



	.box2Prev{ background-image:url(../images/box2PrevBg2.png);}



	.box2Next{ background-image:url(../images/box2NextBg2.png); border-top:1px solid #FFFFFF;}



	.box2Text{ padding:0.3rem; margin:0; width:100%;}



	.box2Con{ height:auto; max-height:210px;}



	.box3Bg{ padding:0.8rem 0; background-size:auto 1rem;}



	.box3List{ padding:0; margin:0.3rem 0 0;}



	.box3Btn{ display:none;}



	.box3More{ color:#008996;}



	.box3List .swiper-pagination{ display:block;}



	.box4TitBg{ padding:0.5rem 15px;}



	.box4BotBg{ padding:0.6rem 0;}



	.box4{ font-size:14px; padding:1px 0;}



	.box4Map,.box4Rig{ display:block; width:100%; padding:0; margin:0.3rem 0;}



	.box4Map img{ margin:0 auto;}



	.box4Bot{ margin-top:0.8rem;}



	.footBg{ padding-bottom:65px;}



	.fenlei{ line-height:28px;}



	.fenlei li{ font-size:14px;}



	.arList li{ padding:0.2rem; margin-bottom:0.2rem;}



	.arCon{ float:none; width:100%;}



	.arCon h3{ padding-right:0;}



	.arIco{ position:static; display:inline-block; vertical-align:middle;}



	.arIco a{ background-size:15px auto; padding-left:20px;}



	.arBrief{ height:auto; max-height:60px;}



	.arRig{ float:none; width:100%; overflow:hidden; padding:0;}



	.arTime{ float:left; font-size:12px;}



	.arDate{ font-size:18px;}



	.arMore{ float:right; margin:10px 0 0;}



	.arName{ margin-bottom:0; font-size:20px;}



	.arPage,.arShare{ float:none; width:100%;}



	.arShare{ text-align:left;}



	.acImgL,.acImgR{ display:block; width:100%;}



}



@media (max-width:640px){



	nav.navbar.bootsnav{ position:relative;}



	.logo{ height:60px; max-width:240px;}



	nav.navbar.bootsnav .navbar-toggle{ margin-top:13px;}



	.banBtn{ border:none;}



	.banPrev{ left:1%;}



	.banNext{ right:1%;}



	.banner .swiper-pagination-bullet{ width:10px; height:10px;}



	.boxTitCn{ font-size:20px;}



	.box3Link{ margin:0 auto;}



	.box3List .swiper-pagination-bullet{ width:10px; height:10px;}



	.ftTopBg{ padding:0.3rem 0;}



	.ftItem{ display:block; width:100%; padding:0.3rem 10px; border-bottom:1px dashed rgba(255,255,255,0.2);}



	.ftLink li{ min-width:33.33%;}



	.ftItem4{ border:none; padding-top:0.3rem;}	



	.ftItem4 ul{ text-align:center;}



	.ftItem p{ margin:0;}



	.ftTit{ margin-bottom:5px; font-size:16px;}



	.page{ padding:0.4rem 0;}



	.oneText h3{ font-size:20px;}



	.hisTit .boxTitCn{ font-size:20px;}



	.hisTit .boxTitEn{ font-size:14px;}



	.hisDot{ top:9px;}



	.hisYear{ font-size:24px; line-height:30px;}



	.proKtImg, .proKtRig{ display:block; width:100%;}



	.proKtRig{ padding:0; margin-top:0.2rem;}



	.zbTit{ font-size:15px;}



	.proYs{ font-size:15px;}



	.ktTit{ font-size:15px;}



	.proItemTit{ font-size:16px;}



	.caseBot{ padding-bottom:0.6rem;}



	.caseTopLi{ margin:0.2rem 0;}



	.caseTopImg, .caseTopRig{ display:block; width:100%; padding:0.1rem 0;}



	.caseBotLi{ width:100%;}	



	.LayBox{ padding:15px;}



	.LayTit{ padding:0; font-size:20px;}



	.onLine li{ width:34px; height:34px;}



	.onLine li a{ line-height:34px;}



	.onLineBox{ width:34px; height:34px; line-height:34px;}



	.onLineImg{ display:block; width:34px; height:34px; padding-top:7px;}



	.onLineImg img{ width:20px;}



	.conBot li{ width:100%;}



	.proGn p{ width:100%; background-size:18px auto; background-position:left 0.2rem; padding-left:24px;}



	.proRjLef,.proRjRig{ display:block; width:100%; padding:0;}



	.proRjLefCon{ width:100%; max-width:100%;}



}



@media (max-width:460px){



	.telCon{ background-size:34px; padding-left:40px;}



	.telCon p{ line-height:180%;}



	.telCon span{ font-size:20px;}



	.box4Num span{ font-size:26px;}



	.box4Num sup{ font-size:12px;}



	.arName{ font-size:18px;}



	.honList li{ width:100%;}



	.honName{ padding:0.1rem 0;}



	.certificate span{ font-size:14px; line-height:24px;}



	.honour .swiper-slide{ width:80%;}



	.conLef p{ padding-left:20px; background-size:15px auto; background-position:left 7px;}



	.conTelNum{ font-size:22px;}



	.conWx{ margin:0 -5px; text-align:center;}



	.conWxImg,.conWxRig{ padding:5px;}



	.proTagTit{ font-size:16px !important;}



	.proTagBtn{ width:24px; height:24px; margin-top:2px;}



	.proPz{ margin:0 -10px;}



	.proPz li{ padding:10px;}



	.proTd p{ margin:5px 0;}



	.proYsCon h4{ font-size:16px; line-height:160%;}



	.caseTit{ font-size:15px !important; padding-left:10px;}



	.caseTit:before{ width:2px; height:18px;}



	.caseText{ padding-left:10px;}



	.caseTitNum{ width:22px; height:22px;}



	.caseTitRig p{ font-size:15px;}



	.caseCon{ padding-left:10px;}



	.conImg img{ max-width:24px;}



}


/*首页新闻附加1*/

/* Slider */

.slick-slider

{

    position: relative;



    display: block;

    box-sizing: border-box;



    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;



    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

    

/*    margin-left: -14px;

    margin-right: -14px;*/

}



.slick-list

{

    position: relative;



    display: block;

    overflow: hidden;



    margin: 0;

    padding: 0;

}

.slick-list:focus

{

    outline: none;

}

.slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.slick-track

{

    position: relative;

    top: 0;

    left: 0;



    display: block;

}

.slick-track:before,

.slick-track:after

{

    display: table;



    content: '';

}

.slick-track:after

{

    clear: both;

}

.slick-loading .slick-track

{

    visibility: hidden;

}



.slick-slide

{

    display: none;

    float: left;



    height: 100%;

    min-height: 1px;

    outline: 0;

/*    padding-left: 14px;

    padding-right: 14px;*/

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.slick-slide img

{

    /*display: block;*/

}

.slick-slide.slick-loading img

{

    display: none;

}

.slick-slide.dragging img

{

    pointer-events: none;

}

.slick-initialized .slick-slide

{

    display: block;

}

.slick-loading .slick-slide

{

    visibility: hidden;

}

.slick-vertical .slick-slide

{

    display: block;



    height: auto;



    /*border: 1px solid transparent;*/

}

.slick-arrow.slick-hidden {

    display: none;

}




/*首页新闻附加2*/




@charset 'UTF-8';

/* Slider */

.slick-loading .slick-list

{

    background: #fff center center no-repeat;

}



/* Icons */

@font-face

{

    font-family: 'slick';

    font-weight: normal;

    font-style: normal;



    src: url('../other/slick.eot');

    src: url('../other/slick.eot?#iefix') format('embedded-opentype'), 

    url('../other/slick.woff') format('woff'), 

    url('../other/slick.ttf') format('truetype'), 

    url('../other/slick.svg#slick') format('svg');

}

/* Arrows */

.slick-prev,

.slick-next

{

    font-size: 0;

    line-height: 0;



    position: absolute;

	left:40px;

    top: 50%;

    display: block;

    width: 52px;

    height: 100px;

    padding: 0;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none;

    background: transparent;

	background:url(../images/ban1.png) no-repeat;

	z-index:100;

}

.slick-next{

	left:auto;

	right:40px;

	background:url(../images/ban2.png) no-repeat;

}

@media  screen and (max-width:991px){

.slick-prev,

.slick-next

{

    width: 30px;

    height: 58px;

	background-size:30px 58px;

    

}

.slick-next{

	background-size:30px 58px;

}

}

@media  screen and (max-width:767px){

.slick-prev,

.slick-next

{

	left:15px;

    width: 26px;

    height: 50px;

	background-size:26px 50px;

    

}

.slick-next{

	left:auto;

	right:15px;

	background-size:26px 50px;

}	 

}











/* Dots */



.slick-dots

{

    position: absolute;

    bottom: -25px;



    display: block;



    width: 100%;

    padding: 0;

    margin: 0;



    list-style: none;



    text-align: center;

}

.slick-dots li

{

    position: relative;



    display: inline-block;



    width: 20px;

    height: 20px;

    margin: 0 5px;

    padding: 0;



    cursor: pointer;

}

.slick-dots li button

{

    font-size: 0;

    line-height: 0;



    display: block;



    width: 20px;

    height: 20px;

    padding: 5px;



    cursor: pointer;



    color: transparent;

    border: 0;

    outline: none;

    background: transparent;

}

.slick-dots li button:hover,

.slick-dots li button:focus

{

    outline: none;

}

.slick-dots li button:hover:before,

.slick-dots li button:focus:before

{

    opacity: 1;

}

.slick-dots li button:before

{

    font-family: 'slick';

    font-size: 6px;

    line-height: 20px;



    position: absolute;

    top: 0;

    left: 0;



    width: 20px;

    height: 20px;



    content: '•';

    text-align: center;



    opacity: .25;

    color: black;



    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.slick-dots li.slick-active button:before

{

    opacity: .75;

    color: black;

}






/*联系我们*/
.contactOne{ padding-top:58px; padding-bottom:60px;}
.contactOneLeft{ width:69.23%; float:left; height:609px; background:#ebebeb;}
.contactOneLeft .dt{ width:100%; float:left; padding:49px 40px 34px 88px; background:#ebebeb;}
.contactOneLeft .dt h3{ width:100%; float:left; font-size:30px; color:#151515; line-height:47px; letter-spacing:1px;}
.contactOneLeft .dt h5{ width:100%; float:left; font-size:16px; color:#9c9c9c; line-height:33px; letter-spacing:16px; text-transform:uppercase;}
.contactOneLeft .dd{ width:100%; float:left; padding:36px 40px 32px 40px; background:#f6f6f6;}
.contactOneLeft .dd li{ width:50%; float:left; padding-left:105px; position:relative; padding-right:15%;}
.contactOneLeft .dd li .ewm{ width:79px; height:79px; border:solid 2px #106b73; position:absolute; right:10%; top:50%; margin-top:-40px;}

.contactOneLeft .dd li .ico{ width:42px; height:42px; background:#106b73; line-height:0; position:absolute; left:45px; top:2px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.contactOneLeft .dd li h5{ float:left; width:100%; font-size:16px; color:#444; line-height:29px; letter-spacing:1px;}
.contactOneLeft .dd li h6{ float:left; width:100%; font-size:16px; color:#444; line-height:26px; letter-spacing:1px;}
.contactOneLeft .dd li h6 span{ margin-right:22px; display:inline-block;}
.contactOneLeft .dd:nth-child(3n){ background:#ebebeb;}
.contactOneLeft .dd:last-child li{ width:100%; padding-right:0;}
.contactOneRight{ width:29.51%; float:right; background:white; border:solid 1px #ededed; padding:36px 39px 0 38px; height:609px;}
.contactOneRight .dt{ width:100%; text-align:center; font-size:24px; color:#333; line-height:34px; letter-spacing:1px; margin-bottom:9px;}
.contactOneRight .dd{ width:100%; margin-top:11px;}
.contactOneRight .dd h5{ width:100%; font-size:14px; color:#666; line-height:32px; letter-spacing:1px;}
.contactOneRight .dd input,.contactOneRight .dd textarea{ display:block; width:100%; height:44px; line-height:44px; background:#f7f7f7; padding:0 20px;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border:0}
.contactOneRight .dd textarea{ padding:8px 20px; line-height:24px; height:116px;}
.contactOneRight .dd.d2{ text-align:center; margin-top:29px;}
.contactOneRight .dd.d2 input{ display:inline-block; width:229px; height:44px; line-height:44px; color:white; background:#186ebf; font-size:16px;
-moz-border-radius:22px; 
-webkit-border-radius:22px; 
-khtml-border-radius:22px;
border-radius:22px;}
.contactOneRight .dd.d1{ padding-right:107px; position:relative;}
.contactOneRight .dd.d1 span{ display:block; width:98px; height:44px; position:absolute; right:0; bottom:0; cursor:pointer;}
.contactOneRight .dd.d2 input:hover{ background:#ee4b20;}
@media  screen and (max-width:1585px){
.contactOneLeft .dt{ padding:39px 20px 24px 48px;}
.contactOneLeft .dd{ padding:33px 20px 34px 0px;}
.contactOneLeft .dd li{ padding-right:10%;}
.contactOneLeft .dd li .ewm{ right:0%;}
}
@media  screen and (max-width:1199px){
.contactOneLeft{ height:479px;}
.contactOneLeft .dt{ padding:29px 20px 14px 30px;}
.contactOneLeft .dt h3{ font-size:24px; line-height:42px;}
.contactOneLeft .dt h5{ font-size:14px; line-height:27px; letter-spacing:12px;}
.contactOneLeft .dd{ padding:23px 20px 24px 0;}
.contactOneLeft .dd li{ padding-left:85px;}
.contactOneLeft .dd li .ico{ left:30px; width:38px; height:38px;}
.contactOneLeft .dd li .ewm{ width:60px; height:60px; margin-top:-30px;}
.contactOneLeft .dd li h5{ font-size:14px; line-height:25px;}
.contactOneLeft .dd li h6{ font-size:14px; line-height:22px;}
.contactOneRight{ padding:20px 19px 0 18px; height:479px;}
.contactOneRight .dt{ font-size:18px; line-height:28px; margin-bottom:5px;}
.contactOneRight .dd{ margin-top:6px;}
.contactOneRight .dd h5{ font-size:12px; line-height:26px;}
.contactOneRight .dd input,.contactOneRight .dd textarea{ height:40px; line-height:40px;}
.contactOneRight .dd textarea{ height:100px;}
.contactOneRight .dd.d1 span{ width:89px; height:40px;}
.contactOneRight .dd.d2{ margin-top:20px;}
}
@media  screen and (max-width:991px){
.contactOne{ padding-top:38px; padding-bottom:40px;}
.contactOneLeft,.contactOneRight{ width:100%; height:auto;}
.contactOneLeft .dt{ padding:19px 10px 10px 20px;}
.contactOneLeft .dd{ padding:13px 10px 24px 20px;}
.contactOneLeft .dt h3{ font-size:24px; line-height:32px;}
.contactOneLeft .dt h5{ margin-top:6px; font-size:14px; line-height:20px;}
.contactOneLeft .dd li{ padding-left:50px; padding-right:15%;}
.contactOneLeft .dd li .ewm{ right:10%;}
.contactOneLeft .dd li .ico{ width:32px; height:32px; left:0;}
.contactOneLeft .dd li h5{ font-size:14px; line-height:25px;}
.contactOneLeft .dd li h6{ font-size:14px; line-height:22px;}
.contactOneRight{ padding:16px 19px 20px 18px; height:auto;}
.contactOneRight .dt{ font-size:16px; line-height:26px;}
.contactOneRight .dd input,.contactOneRight .dd textarea{ height:38px; line-height:38px; padding:0 10px;}
.contactOneRight .dd textarea{ padding:6px 10px; line-height:20px; height:86px;}
.contactOneRight .dd.d2{ margin-top:19px;}
.contactOneRight .dd.d2 input{ width:200px; height:38px; line-height:38px; font-size:14px;}
}
@media  screen and (max-width:767px){
.contactOne{ padding-top:18px; padding-bottom:20px;}
.contactOneLeft{ width:100%;}
.contactOneLeft .dt{ padding:12px 10px 10px 10px;}
.contactOneLeft .dd{ padding:8px 10px 14px 10px;}
.contactOneLeft .dt h3{ font-size:18px; line-height:26px;}
.contactOneLeft .dt h5{ margin-top:4px; font-size:12px; line-height:18px;}
.contactOneLeft .dd li{ width:100%; margin:15px 0; padding-left:40px; padding-right:25%;}
.contactOneLeft .dd li h5{ line-height:21px;}
.contactOneLeft .dd li h6{ line-height:20px;}
.contactOneRight{ padding:10px 10px 15px 10px;}
.contactOneLeft .dd li .ewm{ right:3%;}
}

.contactTwo{ padding:69px 30px 68px 30px; text-align:center; font-size:18px; color:white; line-height:42px; letter-spacing:1px; }
@media  screen and (max-width:991px){
.contactTwo{ padding:49px 20px 48px 20px; font-size:16px; line-height:36px;}
}
@media  screen and (max-width:767px){
.contactTwo{ padding:29px 15px 28px 15px; font-size:14px; line-height:30px;}
}

.contactTre{ padding:64px 0 82px 0;}
.contactTreHead{ width:100%; float:left; text-align:center; font-size:38px; color:#333; line-height:67px; font-weight:bold; letter-spacing:1px; position:relative;}
.contactTreHead h1{ width:100%; position:absolute; left:0; top:0; z-index:-1; text-transform:uppercase; font-size:110px; line-height:82px; color:#f6f6f6; font-family: 'OPENSANS-BOLD'; font-weight:bold;}
.contactTreBody{ width:100%; float:left; margin-top:34px; text-align:center; font-size:16px; color:#666; line-height:36px;}
.contactTreDown{ width:100%; float:left; margin-top:3px;}
.contactTreDown ul{ width:100%; float:left;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
.contactTreDown ul li{ width:33.33%; float:left; margin-top:32px; padding:0 15px;}
.contactTreDown ul li .zbox{ width:100%; float:left; overflow:hidden; box-shadow:0 0 16px rgba(0,0,0,0.2); padding:36px 30px 36px 41px; height:317px;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
-khtml-border-radius:8px;
border-radius:8px;}
.contactTreDown ul li .zbox .contactTreDownTit{ width:100%; float:left; padding-bottom:12px; background:url(images/contact3.jpg) no-repeat left bottom; font-size:24px; color:#333; line-height:40px; position:relative;}
.contactTreDown ul li .zbox .contactTreDownTit h4{ position:absolute; right:0px; top:0; font-size:37px; color:#444; opacity:0.1; text-transform:uppercase; font-weight:bold; line-height:40px;}
.contactTreDown ul li .zbox .scroll{ width:100%; float:left; margin-top:5px; height:193px; overflow:hidden; position:relative; }
.contactTreDown ul li .zbox .scroll .p{ width:100%; float:left; font-size:16px; color:#666; line-height:28px;padding-right:20px;}
.contactTreDown ul li .zbox .scroll .p b{ margin-top:10px; width:100%; float:left;}
.scroll_tiao{ width:2px !important; background:#ddd; right:2px !important;}
.scroll_huakuai{ width:4px !important; background:#185fb7 !important; right:-1px !important;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px}
.contactTreBtn{ width:100%; float:left; text-align:center; margin-top:64px;}
.contactTreBtn h4{ font-size:18px; color:#666; line-height:30px; font-weight:bold;}
.contactTreBtn h4 a{ color:#106b73; text-decoration:underline;}
.contactTreBtn h5{ font-size:16px; color:#666; line-height:27px;}
@media screen and (max-width:1199px) {
.contactTreDown ul li .zbox{ padding:36px 20px 36px 31px;}
.contactTreDown ul li .zbox .contactTreDownTit h4{ font-size:30px;}
}
@media screen and (max-width:991px) {
.contactTre{ padding:44px 0 62px 0;}
.contactTreHead{ font-size:32px; line-height:47px;}
.contactTreHead h1{ font-size:90px; line-height:62px;}
.contactTreBody{ margin-top:24px; font-size:14px; line-height:30px;}
.contactTreDown{ margin-top:0px;}
.contactTreDown ul li{ width:50%; margin-top:22px;}
.contactTreDown ul li .zbox{ padding:26px 10px 26px 21px; height:267px;}
.contactTreDown ul li .zbox .contactTreDownTit{ padding-bottom:10px; font-size:18px; line-height:36px;}
.contactTreDown ul li .zbox .contactTreDownTit h4{ font-size:24px; line-height:36px;}
.contactTreDown ul li .zbox .scroll{ overflow-y:auto;}
.contactTreDown ul li .zbox .scroll .p{ font-size:14px; line-height:24px;padding-right:10px;}
.contactTreDown ul li .zbox .scroll .p b{ margin-top:6px;}
.contactTreBtn{ margin-top:44px;}
.contactTreBtn h4{ font-size:16px; line-height:24px;}
.contactTreBtn h5{ font-size:14px; line-height:23px;}
}
@media screen and (max-width:767px) {
.contactTre{ padding:24px 0 32px 0;}
.contactTreHead{ font-size:26px; line-height:37px;}
.contactTreHead h1{ font-size:50px; line-height:42px;}
.contactTreBody{ margin-top:14px; font-size:12px; line-height:24px; padding:0 10px;}
.contactTreDown ul li{ width:100%; margin-top:12px;}
.contactTreDown ul li .zbox{ padding:16px 10px 16px 11px; height:240px;}
.contactTreDown ul li .zbox .scroll{ height:160px;}
.contactTreBtn{ margin-top:24px;}
.contactTreBtn h4{ font-size:14px; line-height:20px;}
.contactTreBtn h5{ font-size:12px; line-height:19px;}
.contactTreDown ul li .zbox .contactTreDownTit{ padding-bottom:6px;}
}

.contactFou{  height:300px; line-height:300px; text-align:center;}
@media screen and (max-width:991px) {
.contactFou{ height:220px; line-height:220px;}
.contactFou img{ height:93px;}
}
@media screen and (max-width:767px) {
.contactFou{ height:130px; line-height:130px;}
.contactFou img{ height:50px;}
}







/*右侧漂浮*/

.pf_right{ position:fixed; right:15px; top:50%; margin-top:-126px; z-index:8;}

.pf_right ul{ width:50px; float:left;

-moz-border-radius:7px; 

-webkit-border-radius:7px; 

-khtml-border-radius:7px;

border-radius:7px;}

.pf_right ul li{

width:50px;

height:51px;

background: #10656d;

float:left;

position:relative;

cursor:pointer;

text-align:center;

border-top: solid 1px #15747d;

overflow:hidden;

-webkit-transition: all 0.3s ease-out 0s;

-moz-transition: all 0.3s ease-out 0s;

-o-transition: all 0.3s ease-out 0s;

transition: all 0.3s ease-out 0s;

}

.pf_right ul li:first-child{ border-top:0; height:50px;}

.pf_right ul li a{ display:block; height:50px; width:100%; float:left; overflow:hidden; z-index:2; position:relative;}

.pf_right ul li img{ float:left; height:50px;

-webkit-transition: all 0.3s ease-out 0s; 

-moz-transition: all 0.3s ease-out 0s; 

-o-transition: all 0.3s ease-out 0s; 

transition: all 0.3s ease-out 0s;}

.pf_right ul li h4{ position:absolute; right:0; top:0; text-align:center; height:50px; line-height:50px; color:white; font-size:16px; letter-spacing:1px; opacity:0; z-index:5; background:#106b73; white-space:nowrap; width:202px;

-webkit-transition: all 0.3s ease-out 0s; 

-moz-transition: all 0.3s ease-out 0s; 

-o-transition: all 0.3s ease-out 0s; 

transition: all 0.3s ease-out 0s;}

.pf_right ul li:hover{ overflow:visible;}

.pf_right ul li:hover h4{ right:0; opacity:1;}

.pf_right ul li .ewm{ position:absolute; right:40px; top:50%; margin-top:-56px; width:121px; text-align:center; height:112px; background:url(../images/right6.png) no-repeat center center; opacity:0; z-index:1; padding:10px 18px 10px 10px;

-webkit-transition: all 0.3s ease-out 0s; 

-moz-transition: all 0.3s ease-out 0s; 

-o-transition: all 0.3s ease-out 0s; 

transition: all 0.3s ease-out 0s;}

.pf_right ul li .ewm img{ width:100%; float:left; height:auto; margin:0;

-moz-border-radius:0px; 

-webkit-border-radius:0px; 

-khtml-border-radius:0px;

border-radius:0px;}

.pf_right ul li:hover .ewm{ right:65px; opacity:1;}

@media screen and (max-width: 1199px) {

.pf_right{ right:0;}

}

@media screen and (max-width: 991px) {

.pf_right{ display:none;}

}



/*底部漂浮*/

.pf_down{width:100%;float:left;position:fixed;left:0;bottom:0;background: #106b73;height:50px;z-index:99;}

.pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;}

.pf_down li .ico{ width:100%; float:left; height:30px;}

.pf_down li .ico img{ height:36px;}

.pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#fff; line-height:14px;}

.pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #106b73; margin-top:-20px;

-moz-border-radius:50%; 

-webkit-border-radius:50%; 

-khtml-border-radius:50%;

border-radius:50%;}

.pf_down li.l1 .name{ color:#106b73;}





/*预约弹窗*/
.tc_mb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; opacity:0.56; z-index:9999; display:none;}

.tc_500{ width:560px; background:white; position:fixed; left:50%; top:50%; margin:-280px 0 0 -280px; z-index:10001; display:none;

-moz-border-radius:8px; 

-webkit-border-radius:8px; 

-khtml-border-radius:8px;

border-radius:8px;}

.tc_500 .closed{ width:30px; height:30px; background:#fff; border:solid 3px #106b73; text-align:center; line-height:20px; font-size:30px; position:absolute; right:-10px; top:-10px; font-weight:bold; color:#106b73; cursor:pointer;

-moz-border-radius:50%; 

-webkit-border-radius:50%; 

-khtml-border-radius:50%;

border-radius:50%;}

.tc_500 .tc_500_head{ width:100%; float:left; text-align:center; font-size:30px; font-weight:bold; color:#fff; background:#008996; line-height:87px;}

.tc_500 .tc_500_head span{ display:inline-block; position:relative; padding:0 15px;}

.tc_500 .tc_500_head span:before,.tc_500 .tc_500_head span:after{ width:162px; height:1px; background:white; opacity:0.4; content:''; position:absolute; left:-162px; top:50%;}

.tc_500 .tc_500_head span:after{ left:auto; right:-162px;}

.tc_500 ul{ width:100%; float:left; padding:11px 47px 59px 40px; background:url(../images/case4.jpg) no-repeat right bottom;}

.tc_500 ul li{ width:100%; float:left; margin-top:30px; padding-left:86px; position:relative;}

.tc_500 ul li .name{ position:absolute; left:0; top:0; font-size:16px; color:#666; line-height:40px; text-align:right; width:78px;}

.tc_500 ul li .name span{ color:#e42c61;}

.tc_500 ul li input,.tc_500 ul li select{ display:block; float:left; width:100%; height:48px; border:solid 1px #e4e4e4; overflow:hidden; padding:0 15px; font-size:16px; color:#999; background:none; line-height:46px;

appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

outline: 0;}

.tc_500 ul li select{ background:url(../images/case6.png) no-repeat 96% center;}

.tc_500 ul li input:focus,.tc_500 ul li select:focus{ border-color:#106b73;}

.tc_500 ul li.l2 input{ padding-right:100px;}

.tc_500 ul li.l2 .span{ position:absolute; right:17px; top:50%; width:81px; height:30px; margin-top:-15px; cursor:pointer;}

.tc_500 ul li.l2 .span img{height:100%;}

.tc_500 ul li.l3{ padding-left:0; text-align:center; margin-top:52px;}

.tc_500 ul li.l3 input{ display:inline-block; width:216px; height:41px; line-height:41px; background:#f65e23; color:white; font-size:18px; overflow:hidden; padding-left:0; border:0; float:none; padding:0;}

.tc_500 ul li.l3 input:hover{ background:#106b73; box-shadow:0 3px 5px rgba(0,0,0,0.2);}

@media  screen and (max-width:767px){

.tc_500{ width:94%; left:3%; top:50%; margin:0;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);}

.tc_500 .tc_500_head{ padding-top:4px; font-size:18px; line-height:51px;}

.tc_500 ul{ padding:12px 11px 22px 11px;}

.tc_500 ul li{ margin-top:10px; padding-left:66px;}

.tc_500 ul li .name{ font-size:13px; width:60px;}

.tc_500 ul li input{ height:42px; padding-left:12px; font-size:14px; line-height:30px;}

.tc_500 ul li.l2 input{ padding-right:80px;}

.tc_500 ul li.l2 .span{ right:5px;}

.tc_500 ul li.l3{ margin-top:22px;}

.tc_500 ul li.l3 input{ width:116px; height:40px; line-height:40px; font-size:16px;}

}

















*{ padding:0; margin:0;}

ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}



/*分页*/

.m-page {

	text-align:right;

	font-size:0;

	height:38px;

	line-height:38px;

	padding-right:10px;

}

.m-page li {

	display:inline

}

.m-page a, .m-page i {

	display:inline-block;

	font-size:15px;

	background-color:#008996;

	padding:0px 13px;

	height:36px;

	overflow:hidden;

	text-align:center;

	border:0px #FFFFFF solid;

	color:#FFFFFF;

	font-family:Arial;

	margin-left:5px;

	vertical-align:top;

}

.m-page a.next, .m-page a.prev {

	font-family:宋体;

	font-size:16px;

	font-weight:700;

}

.m-page a:hover, .m-page li.thisclass a {

	color:#575757;

}

.m-page span {

	font-size:14px;

	padding-right:10px;

}