@charset "utf-8";

/* 564379992@qq.com */

* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing: border-box; -webkit-box-sizing: border-box; }

body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei'; font-size: 12px; color: #424242; margin: 0 auto; position: relative; background: #fff; -webkit-text-size-adjust: none; }

html, body { width: 100%; height: 100% }

ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }

input, textarea, select { color: #666; font-family: 'Microsoft Yahei'; }

i, em { display: inline-block; font-style: normal; }

*:focus { outline: none }

img { border: 0px; max-width: 100%; }

ul, li { list-style-type: none; }

a { color: #333; text-decoration: none; border: none; outline: none; transition: all 0.5s ease; }

a:hover { color: #3eb9c9; }

.clear { clear: both; content: ''; height: 0px; overflow: hidden; }

.fl { float: left; }

.fr { float: right; }

.wrap { max-width: 1400px; margin: 0 auto; padding:0 12px; }



/***头部***/

.header{ height:120px; line-height:120px; overflow:hidden; position:absolute; top:0px; left:0px; width:100%;  background:none; z-index:999;}

.header .wrap{ position:relative;}

.header.hea2{background:rgba(54,56,73,.9); position:fixed; transition:all 0.3S ease; transform:translateY(-120px); }

.header.fixd{ top:0px;  transform:translateY(0px);}

.header .logo{ float:left; font-size:26px; color:#fff; position:absolute; top:0px; left:0px; }

.header .logo h1{ font-weight:normal; font-size:35px; float:left;}

.header .logo span{ width:2px; height:35px; background:#fff; float:left; margin-top:45px; margin-left:33px; margin-right:33px;}

.header ul{ float:right; width:60%; }

.header ul li{ float:left; margin-left:4%;}

.header ul li a{ font-size:16px; color:#fff; position:relative; overflow:hidden; display:block;}

.header ul li a:after{ height:2px; width:0px; background:#3eb9c9; transition:all 0.3s ease; position:absolute; bottom:40px; left:0px; right:0px; margin:auto; content:'';}

.header ul li.li1{ margin-left:112px;}

.header ul li a:hover:after{ width:100%;}

.header ul li a:hover{ color:#3eb9c9;}



.menu{ position:fixed; top:10px; width:40px; right:12px; z-index:1111; display:none; cursor:pointer;}

.menu span{ display:block; height:3px; background:#fff; margin-top:6px;}





/***焦点图***/

.banner .swiper-slide{ width:100%; overflow:hidden; height:580px; background-repeat:no-repeat; background-position:center center;}

.banner .swiper-slide .im1{ display:block; width:100%;}

.banner .swiper-slide .text{ position:absolute; text-align:center; display:none; width:100%; top:33%;}

.banner .swiper-slide .text h1{ color:#3eb9c9; font-size:56px;}

.banner .swiper-slide .text h2{ color:#fff; font-weight:normal; font-size:32px; padding-top:30px;}

.banner .swiper-slide.s3 .text h1{ color:#fff;}

.banner .swiper-slide.s3 .text h1 span{ color:#3eb9c9;}

.banner .swiper-slide.s2 .text h2{letter-spacing:3px; font-size:50px;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px;}

.banner .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%; background:#fff; opacity:0.6; transition:all 0.3s ease; cursor:pointer;}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; background:#3eb9c9; width:30px; border-radius:10px;}

.anim{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.anim-up{ -webkit-animation-name:syui-up; animation-name: syui-up;}

@-webkit-keyframes syui-up { 

from {

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

	opacity:.3

}

to { -webkit-transform: translate3d(0, 0, 0); opacity: 1; }

}



/***特点***/

.bg1{ background:#ebebeb; overflow:hidden; padding-top:90px; padding-bottom:66px;}

.title{ text-align:center;}

.title h1{ font-size:44px; font-weight:normal; margin-bottom:24px; color:#000;}

.title p{ font-size:20px; color:#666;}



.list{ overflow:hidden; margin-top:84px;}

.list li{ float:left; padding-left:48px; width:25%;}

.list li a{ display:block; background:#fff; position:relative; height:360px; overflow:hidden; box-shadow:4px 4px 12px rgba(0,0,0,.1); text-align:center;}

.list li a img{ display:block; margin:0 auto; margin-top:98px; transition:all 0.3s ease;}

.list li a .text{ font-size:18px;}

.list li a .txt1{ text-align:center; position:absolute; width:100%; bottom:20%;transition:all 0.3s ease;}

.list li a .small{ font-size:14px; color:#999; margin-top:5px;}

.list li a .small:after{ display:block; width:30px; height:1px; background:#3eb9c9; content:''; margin:0 auto; margin-top:10px;}

.list li a .spec{ width:75%; text-align:left; font-size:15px; position:absolute; left:0px; right:0px; margin:auto; text-align:left; color:#666; line-height:23px; margin:0 auto; display:none; top:48%;}

.list li a:hover .txt1{ opacity:0; transform:scale(0);}

.list li a:hover .spec{ display:block;}

.list li a:hover img{ transform:translateY(-30px);}

.ckbtn a{ display:inline-block; text-align:center; line-height:48px; width:266px; font-size:16px;color:#fff; font-size:14px; background:#333; border-radius:10px;}

.bg1 .ckbtn a{ display:block; margin:0 auto; margin-top:60px; }



/***小名片，大商机***/

.xmpsj{ overflow:hidden; background:url(../img/bg2.jpg) no-repeat center top; background-size:100% 100%; padding-bottom:80px;}

.xmpsj .xmpsjbox{ background:#ebebeb; height:533px; overflow:hidden; position:relative; margin-top:83px;}

.xmpsj .xmpsjbox .fl{ position:absolute; left:0px; top:0px;}

.xmpsj .xmpsjbox .fr{ float:none; padding-left:758px;}

.xmpsj .xmpsjbox .fr .title{ text-align:left; padding-left:67px; padding-top:60px;}

.xmpsj .xmpsjbox .fr .title h1{ margin-bottom:15px;}

.xmpsj .xmpsjbox .fr ul{ margin-top:45px;}

.xmpsj .xmpsjbox .fr ul li{ display:block; background:#fff; position:relative; padding-left:66px; font-size:24px; height:100px; line-height:100px;}

.xmpsj .xmpsjbox .fr ul li b{ color:#3db8c8;}

.xmpsj .xmpsjbox .fr ul li.li2{ background:#f9f9f9;}

.xmpsj .xmpsjbox .fr ul li img{ position:absolute; left:-30px; top:20px;}

.xmpsj .xmpsjbox .fr .ckbtn a{ margin-left:70px; margin-top:20px; font-size:16px;}



/***媒体报道***/

.media{ overflow:hidden; background:#ebebeb; padding:80px 0 42px 0; }

.media ul{ margin-left:-0px; margin-top:50px;}

.media ul li{ float:left; width:33.333333333%; overflow:hidden; padding-left:26px;}

.media ul li a{ display:block; background:#fff; border:1px solid #ccc; padding:22px;  height:386px; overflow:hidden;}

.media ul li a img{display:block; width:100%;}

.media ul li a h2{ font-weight:normal; font-size:16px; padding:30px 0 10px 0;}

.media ul li a p{ color:#999;}



/***大咖推荐***/

.dktj{ overflow:hidden; background:url(../img/bg3.png) no-repeat center; height:841px; background-size:100% 100%; padding-top:45px;  }

.dktj .title h1{ margin-bottom:20px;}

.dktj .fl{ float: left; width: 35%; padding-right: 13.21429%;padding-left: 2.14286%;text-align: left;}

.dktj .fl h2{ font-size:20px; margin-top:18px;}

.dktj .fl .p1{ font-size:14px; color:#48a962; margin-top:14px;}

.dktj .fl p{ color:#666; font-size:14px; line-height:22px; margin-top:14px;}

.dktj .fr{ float:right; width:65%; margin-top:57px; }

.dktj .fr ul li{ position:relative; overflow:hidden; transition:all 0.3s ease; margin-bottom:20px; cursor:pointer; padding-right:110px; }

.dktj .fr ul li .box{ background:#fff; border:1px solid #ccc; padding:25px 14px;border-radius:5px; position:relative}

.dktj .fr ul li .box .note{ position:relative; font-size:14px; color:#999; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:40px;  padding-right:40px; transition:all 0.5s ease; }

.dktj .fr ul li .box .note:after{ position:absolute; width:27px; height:23px; content:''; right:0px; top:0px; background:url(../img/dhr.png) no-repeat;}

.dktj .fr ul li .box .note:before{ position:absolute; width:27px; height:23px; content:''; left:0px; top:0px; background:url(../img/dhl.png) no-repeat;}



.dktj .fr ul li .box p{ text-align:right; font-weight:bold; font-size:14px;}

.dktj .fr ul li .box:after{ width:7px; height:17px; position:absolute; right:-7px; top:50%; transform:translateY(-50%); content:''; background:url(../img/r.png) no-repeat center; z-index:1;}

.dktj .fr ul li img{ position:absolute; right:0px; top:0px; height:101px;; width:82px;transition:all 0.3s ease;}

.dktj .fr ul li.li1{ padding-left:110px; padding-right:0px;}

.dktj .fr ul li.li1 img{ right:auto; left:0px;}

.dktj .fr ul li.li1 .box:after{ right:auto; left:-7px; background:url(../img/l.png) no-repeat center;}



.dktj .fr ul li:hover .box .note{ white-space:normal; height:auto;}

.dktj .fr ul li:hover .box .note:after{ top:auto; bottom:10px;}

.dktj .fr ul li:hover{ padding-right:166px;}

.dktj .fr ul li:hover img{ width:auto; height:100%;}

.dktj .fr ul li.li1:hover{; padding-right:0px;; padding-left:166px;}



/***典型客户***/

.dxkf{ overflow:hidden; background:#fff; background-size:100% 100%;}

.dxkf .title h1{ color:#fff; padding-top:74px;}

.dxkf .title p{ color:#fff;}

.dxkf ul{ margin-top:68px; overflow:hidden;}

.dxkf ul li{ float:left; width:20%; margin-bottom:30px;}

.dxkf ul li .box{ border-radius:5px; width:70%; margin:0 auto; height:145px; text-align:center;}

.dxkf ul li .box p{ display:block; height:97px; transition:all 0.3s ease; display:flex; text-align:center; justify-content:center; align-items:center; overflow:hidden;}

.dxkf ul li .box p img{ max-height:100%;}

.dxkf ul li .box p .im2{ display:none;}

.dxkf ul li .box h2{ font-weight:normal; font-size:16px; color:#fff; margin-top:10px; transition:all 0.3s ease;}

.dxkf ul li .box:hover{ background:#fff;}

.dxkf ul li .box:hover .im1{ display:none;}

.dxkf ul li .box:hover .im2{ display:block;}

.dxkf ul li .box:hover p{ transform:translateY(8px);}

.dxkf ul li .box:hover h2{ transform:translateY(-8px); color:#333; }



.dljm{ padding-top:58px; overflow:hidden; margin-top:20px; background:url(../img/bg5.png) no-repeat center; background-size:100% 100%;}

.dljm img{ float:right; margin-bottom:-80px;}

.dljm .fl{ padding-left:15%; color:#fff; padding-top:15%;}

.dljm .fl h2{ font-size:44px;}

.dljm .fl p{ font-size:20px;}

.dljm .im2{ display:none;}

.dljm .imr:hover .im1{ display:none;}

.dljm .imr:hover .im2{ display:block;}



/***底部***/

.footer{ background:#222222; overflow:hidden;}

.footer .link{ border-bottom:1px solid #666666; font-size:14px; color:#999; height:73px; line-height:73px; overflow:hidden;}

.footer .link b{ margin-right:10px;}

.footer .link a{ display:inline-block; color:#999; margin-right:42px;}

.footer .link a:hover{ color:#3db8c8;}

.footer .fl{ width:476px; padding:34px 0; color:#999;}

.footer .fl h2{ font-size:25px; color:#fff;}

.footer .fl h2 i{ font-weight:normal; font-size:16px; display:inline-block; vertical-align:middle; }

.footer .fl h2 span{ font-weight:normal; font-size:16px; color:#999;}

.footer .fl .p1{ padding:20px 0;}

.footer .fl .p1 a{ font-size:14px; color:#999;}

.footer .fl .p1 a:hover{ color:#3db8c8;}

.footer .fl .p1 i{ margin:0 10px;}

.footer .fl .copy{ font-size:14px;}

.footer .fr{ color:#eee; padding:34px 0;}

.footer .fr .tel{ background:url(../img/phone.png) no-repeat left center; float:right; color:#fff; padding-left:40px; font-size:22px; line-height:32px;}

.footer .fr p{ margin-top:20px; font-size:14px; text-align:right;}



/***微信小名片***/

.wxbg1{ background:url(../img/bg6.png) no-repeat center top; overflow:hidden;}

.wxbg1 .text{ height:738px; position:relative; margin-top:219px;}

.wxbg1 .text img{ position:absolute; right:0px; bottom:0px;}

.wxbg1 .text h1{ font-size:66px; letter-spacing:8px; color:#fff;}

.wxbg1 .text h1 span{ color:#3db8c8;}

.wxbg1 .text p{ color:#fff; font-size:16px; line-height:30px; margin-top:35px;}

.wxbg1 .text p.p1{ max-width:580px;}



.text2{ margin-top:-120px; overflow:hidden; position:relative; z-index:1;}

.text2 .fl{ width:50%;}

.text2 .fl img{ display:block; margin:0 auto;}	

.text2 .fr{ width:50%; padding:0 60px;}

.text2 .fr .ntit{ margin-top:100px; position:relative; height:84px; overflow:hidden; padding-left:121px;}

.text2 .fr .ntit span{ width:108px; height:84px; position:absolute; left:0px; background:url(../img/01.png) no-repeat center; top:0px; font-size:60px; font-weight:bold; color:#3db8c8; text-align:center;}

.text2 .fr .ntit span em{ margin-top:15px; display:block; margin-left:12px;}

.text2 .fr .ntit h2{ font-size:30px; color:#666; margin-top:18px;}

.text2 .fr .ntit p{ font-size:16px; color:#999;}

.text2 .fr .pt{ font-size:16px; color:#666; line-height:30px; margin-top:40px; padding-left:30px;}

.text2 .fr ul{ overflow:hidden; margin-top:60px;  padding-left:30px; margin-right:-52px;}

.text2 .fr ul li{ float:left; width:25%; text-align:center; font-size:16px; color:#666;}

.text2 .fr ul li .box{ width:75px;}

.text2 .fr ul li .box img{ display:block; margin:0 auto; margin-bottom:23px;}



.wxbg2{ position:relative; margin-top:40px;}

.wxbg2 .text2{ margin-top:0px;}

.wxbg2 .fr{ float:left;}

.wxbg2 .fl{ float:right;}

.wxbg2-bg{ height:600px; position:absolute; background:#495058; width:100%; left:0px; top:10px;}

.wxbg2 .fr .ntit{ margin-top:89px;}

.wxbg2 .fr .ntit h2{ color:#fff;}

.wxbg2 .fr .ntit p{ color:#999;}

.wxbg2 .text2 .fr ul li{ color:#ddd;}

.wxbg2 .text2 .fr ul li .box{ width:104px;}

.wxbg2 .text2 .fr .pt { color:#ddd;}

.wxbg2 .fl{ margin-top:120px;}



.wxbg2.wx04{ margin-top:40px;}

.wxbg2.wx04 .fr{ float:right;}

.wxbg2.wx04 .fl{ float:left;}



.wxbg3 .text2{ margin-top:40px;}

.wxbg3 .fr ul li{ width:33.333333%;}

.wxbg3 .fr ul li .box{ width:115px;}



.wxbg4 { background:#ebebeb url(../img/bg7.jpg) no-repeat center top; background-size:100% auto; overflow:hidden;}

.wxbg4 .text2{ margin-top:45px;}

.wxbg4 .text2 .fl{ float:right;}

.wxbg4 .text2 .fr{ float:left; }

.wxbg4 .text2 .fr ul li{ width:33.333333%;}

.wxbg4 .text2 .fr ul li .box{ width:130px;}



.wxsm{ height:494px; background:url(../img/bg8.png) no-repeat center bottom; background-size:100% auto; margin-top:50px;}

.wxsm .wrap{ height:494px; position:relative;}

.wxsm .wrap img{ position:absolute; left:12%; bottom:0px;}

.wxsm .wrap h2{ font-size:40px; color:#fff; letter-spacing:8px; background:url(../img/btnl.png) no-repeat left 10px; padding-left:65px; position:absolute; right:13%; bottom:30%;}



/***渠道合作***/

.cobanner{ overflow:hidden; background:url(../img/bg9.png) no-repeat center top; text-align:center; background-size:cover; padding:190px 0 161px 0;}

.cobanner h1{ font-size:76px; letter-spacing:8px; color:#fff; margin-bottom:64px;}

.cobanner h1 span{ display:inline-block; width:16px; height:16px; background:#fff; border-radius:50%; margin:0 25px; vertical-align:middle;}

.cobanner img{ display:block; margin:0 auto; margin-bottom:91px;}

.cobanner a{ display:block; width:239px; height:50px; line-height:50px; border-radius:40px; margin:0 auto; background:#f5b906; color:#fff; font-size:20px; background:#f5b906 url(../img/btnr.png) no-repeat 90% center; text-align:left; padding-left:30px;}



.title.t2 h1{ margin-bottom:2px;}



.cobg2{ background:#f5f5f5; overflow:hidden; padding-top:112px; padding-bottom:193px;}

.cobg2 ul{ max-width:1140px; margin:0 auto; margin-top:88px;}

.cobg2 ul li{ float:left; width:25%; padding:0 20px;}

.cobg2 ul li .box{ background:#fff url(../img/libg.png) no-repeat; height:295px; padding-bottom:37px; overflow:hidden; text-align:center; background-size:100% 100%;}

.cobg2 ul li .box img{ display:block; margin:0 auto; margin-top:70px;}

.cobg2 ul li .box .p1{ height:162px; overflow:hidden;}

.cobg2 ul li .box h2{ font-size:28px; font-weight:normal; margin-bottom:10px;}

.cobg2 ul li .box p{ color:#aaa; font-size:14px; padding:0 20px;}

.cobg2 ul li .box .p2:after{ width:25px; height:2px; background:#3db8c8; content:''; display:block; overflow:hidden; margin:0 auto; margin-top:15px;}



.cobg3{ overflow:hidden; background:url(../img/bg11.jpg) no-repeat; background-size:100% 100%; padding:100px 0 70px 0;}

.cobg3 .title h1{ color:#fff;}

.cobg3 .title p{ color:#fff;}

.cobg3 ul{ margin-left:-30px; zoom:1; margin-top:60px;}

.cobg3 ul li{ float:left; width:33.333333%; padding-left:30px; padding-bottom:30px;}

.cobg3 ul li .box{ background:#fff; height:230px; overflow:hidden; padding:35px;}

.cobg3 ul li .box .ht{ height:65px; position:relative; padding-left:75px; overflow:hidden;}

.cobg3 ul li .box .ht img{ position:absolute; left:0px; top:0px;}

.cobg3 ul li .box .ht h2{ font-size:24px; font-weight:normal; padding-top:5px}

.cobg3 ul li .box .ht p{ padding-top:8px; color:#ddd; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.cobg3 ul li .box .note{ font-size:16px; color:#666; margin-top:32px; line-height:28px;}



.cobg4{ overflow:hidden; background:url(../img/bg10.jpg) no-repeat; background-size:100% 100%; padding:100px 0 ;}

.cobg4 ul{ width:653px; height:630px; position:relative; background:url(../img/img2.png) no-repeat center; margin:0 auto; margin-top:86px;}

.cobg4 ul li{ position:absolute;}

.cobg4 ul li h2{ font-size:30px; font-weight:normal; margin-bottom:14px;}

.cobg4 ul li p{ color:#999; font-size:16px; line-height:28px;}

.cobg4 ul li.li1{ left:-225px; top:95px; text-align:right;}

.cobg4 ul li.li2{ right:-160px; top:95px; }

.cobg4 ul li.li3{ left:-225px; top:416px; text-align:right; }

.cobg4 ul li.li4{ right:-160px; top:416px;}



.cobg5{ overflow:hidden; background:url(../img/bg12.png) no-repeat; background-size:100% 100%; padding:100px 0 ;}

.cobg5 ul{ zoom:1; margin-top:70px; margin-left:-80px;}

.cobg5 ul li{ width:20%; padding-left:80px; position:relative; float:left; }

.cobg5 ul li .box{ background:#fff; height:272px; text-align:center; box-shadow:#ccc 0 0 12px; overflow:hidden;}

.cobg5 ul li .box img{ display:block; margin:0 auto; margin-top:50px; margin-bottom:27px;}

.cobg5 ul li .box h2{ font-weight:normal; font-size:20px; margin-bottom:14px;}

.cobg5 ul li .box p{ font-size:14px; color:#999;}

.cobg5 ul li:after{ width:53px; height:28px; position:absolute; right:-65px; top:50%; transform:translateY(-50%); background:url(../img/rr.png) no-repeat center; content:''; }

.cobg5 ul li:last-child:after{ display:none;}



.cobg6{ background:url(../img/bg13.png) no-repeat; background-size:100% 100%; overflow:hidden; padding:72px 0 35px 0;}

.cobg6 .title h1{ color:#fff; font-size:36px; margin-bottom:10px;}

.cobg6 .title p{ color:#fff; line-height:34px;}

.cobg6 .form { max-width:70%; margin:0 auto; overflow:hidden; margin-top:48px;}

.cobg6 .form li{ float:left; width:25%; padding-left:30px;}

.cobg6 .form li .intxt{ padding:10px 20px; height:45px; width:100%; background:#fff; border:0px; font-size:14px; border-radius:3px;}

.cobg6 .form li .intxt::-webkit-input-placeholder{ color:#999;}

.cobg6 .sbtn{ padding: 12px 44px; color: #3db8c8; background-color: #fff; border-radius: 40px; font-weight: 700; font-size: 20px; box-shadow: 0 6px 4px #27a0b0; border:0px; cursor:pointer; display:block; width:170px; margin:0 auto; margin-top:60px;}





/***服务商查询***/

.agbanner{ text-align:center; height:539px; background:url(../img/bg14.jpg) no-repeat center; background-size:auto 100%;}

.agbanner h1{ color:#fff; font-size:60px; letter-spacing:6px; padding-top:223px;}

.search{ background:rgba(255,255,255,0.6); position:relative; height:120px; padding:20px; overflow:hidden; margin-top:-60px; box-shadow:0 0 20px rgba(0,0,0,.1);}

.search .intxt{ border:2px solid #3db8c8; background:#fff; padding:0 12px; font-size:14px; height:80px; width:100%;}

.search .intxt::-webkit-input-placeholder{ color:#999;}

.search .sbtn{ height:80px; position:absolute; right:20px; background:#3db8c8; width:200px; text-align:center; border:0px; color:#fff; cursor:pointer; top:20px;}



.pdbox{ padding:80px 0;}

.pdbox .title h1{ margin-bottom:3px;}

.pdbox .title p{ font-size:16px; color:#999;}

.pdbox .pdboxc{ font-size:20px; line-height:30px; color:#888; padding-top:80px;}



/***关于我们***/

.about-banner{ height:466px; background:url(../img/bg15.jpg) no-repeat; background-size:100% 100%; text-align:center;}

.about-banner h1{ color:#fff; font-size:60px; margin-bottom:40px; padding-top:187px;}

.about-banner p{ color:#00ff58; font-size:48px;}



.about{ background:#f0efef; overflow:hidden; padding:96px 0;}

.about .fl{ width:47%;}

.about .fr{ width:45%;  overflow:hidden; position:relative;}

.about .fl .atitc{ position:relative; z-index:2;}

.about .fl .atit{ position:relative; margin-bottom:54px; overflow:hidden;}

.about .fl .atit .line{ width:48px; background:#3eb9c9; height:6px; overflow:hidden; display:block; margin-bottom:24px;}

.about .fl .atit h2{ font-size:40px; margin-bottom:6px; font-weight:normal;}

.about .fl .atit p{ color:#999; font-size:16px;}

.about .fl .note{ font-size:18px; color:#666; line-height:32px;}

.about .fl .atit h3{ position:absolute; left:0px; top:-30px; font-size:118px; font-weight:700; color:#e7e6e6;}

.about .fl .note p{ margin-bottom:16px;}

.about .fr ul{ height:196px; overflow:hidden;}

.about .fr ul li{ height:196px; float:left;}

.about .fr ul li img{ display:block; width:100%; height:100%;}

.about .fr ul.ul1 li.li1{  width:66.6666666%;}

.about .fr ul li{ float:left; width:33.3333333%;}

.about .fr ul.ul3 li.li2{ float:right; width:66.6666666%;}

.about .fr ul.ul2 .li2{ text-align:center; color:#666; line-height:25px; font-size:15px; justify-content:center; display:flex; align-items:center;}

.about .fr ul.ul2 .li2 .line{ width:25px; height:2px; background:#3eb9c9; display:block; overflow:hidden; margin:0 auto; margin-top:15px;}

.about .fr ul li.flip{ -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transform-origin: center center; transition:all 1s ease;}

.about .fr ul li.flip img{ filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(100%);}

.about .fr ul li.flip:hover{ transform:rotateY(180deg)}

.about .fr ul li.flip:hover img{filter: grayscale(0); filter:none; -webkit-filter: grayscale(0); }

.about .fr ul.ul1 .li2{ background:#d7d7d7;}

.about .fr ul.ul2 .li2{ background:#d7d7d7;}

.about .fr ul.ul3 .li1{ background:#d7d7d7;}



.honor{ padding:64px 0; overflow:hidden; background:#fff;}

.honor .fl{ width:40%;}

.honor .fl .title{ text-align:left;}

.honor .fr { width:45%; float:left; margin-left:7%; margin-top:6%;}

.honor .fr ul li{ padding:15px 30px; position:relative; transition:all 0.3s ease; }

.honor .fr ul li:after{ width:14px; height:24px; background:url(../img/r66.png) no-repeat center; content:''; position:absolute; right:30px; top:50%; transform:translateY(-50%);}

.honor .fr ul li .date{ color:#999; font-size:18px; }

.honor .fr ul li h2{ font-size:16px; font-weight:normal; padding-top:12px;}

.honor .fr ul li:hover{ background:#3db8c8; background-size:100% 100%; padding:30px;}

.honor .fr ul li:hover .date{ color:#fff;}

.honor .fr ul li:hover h2{ color:#fff;}

.honor .fr ul li:hover:after{ background:url(../img/r6.png) no-repeat center; }



.rzinfo{ overflow:hidden; background:url(../img/bg16.jpg) no-repeat; padding:132px 0; background-size:100% 100%;}

.rzinfo .title h1{ color:#fff;}

.rzinfo .title p{ color:#fff; line-height:35px;}

.rzinfo ul{ text-align:center; margin-top:80px;}

.rzinfo ul li{ float:left; padding-left:80px; width:20%;}



.history{ background:#f4f4f4; overflow:hidden; padding-top:67px;}

.history .wrap{ position:relative;}

.history .title h1{ margin-bottom:5px;}

.history .title p{ color:#999;}

.history .bd{ margin-top:20px; position:relative;}

.history .bd ul li{ float:left; width:20%; text-align:center; height:355px; position:relative; z-index:1;}

.history .bd ul li .date{ font-weight:normal; font-weight:bold; color:#000; font-size:24px; position:absolute; width:100%; top:50%; margin-top:-70px; left:0px;}

.history .bd ul li .p1{ font-size:14px; color:#999; line-height:30px; width:100%; position:absolute; top:62%; left:0px; }

.history .bd ul li.li2 .date{ margin-top:40px;}

.history .bd ul li.li2 .p1{top:auto; bottom:62%; }

.history .bd .line{ position:absolute; border-top:1px dashed #ccc; height:1px; overflow:hidden; width:100%; top:50%;}

.history .bd ul li i{ width:20px; height:20px; position:absolute; top:50%; background:#3eb9c9; border-radius:50%; transform:translateY(-50%);}

.history .prev,.history .next{ width:13px; height:23px; z-index:11; position:absolute; top:59%; opacity:0.5;}

.history .prev{ background:url(../img/bl.png) no-repeat; left:-20px;}

.history .next{ background:url(../img/br.png) no-repeat; right:-20px;}

.history .prev:hover{ background:url(../img/blon.png) no-repeat;}

.history .next:hover{ background:url(../img/bron.png) no-repeat;}



/***首页六大优势***/

.lutxt{ overflow:hidden; background:#fff;}

.lutxt .tit{ text-align:center; padding:50px 0; color:#333;}

.lutxt .tit h1{ font-weight:normal; font-size:30px;}

.lutxt .tit p{ color:#999; font-size:14px; padding-top:10px;}

.lutxt .lutabul{ overflow:hidden; position:relative;}

.lutxt .lutabul .line{ height:3px; background:#3eb9c9; position:absolute; width:16.666666666%; bottom:0px; left:0px;}

.lutxt .lutabul li{ float:left; width:16.6666666%; cursor:pointer; padding-bottom:30px; text-align:center; text-align:center;}

.lutxt .lutabul li.on{ color:#3eb9c9;}

.lutxt .lutabul li img{ display:block; margin:0 auto;-webkit-filter: grayscale(100%); filter: grayscale(100%); flter: gray;}

.lutxt .lutabul li.on img{-webkit-filter: grayscale(0); filter: grayscale(0); flter:none;}

.lutxt .lutabul li h2{ font-weight:normal; color:#333; font-size:20px; padding-top:10px;}

.lutxt .lutabul li.on h2{ color:#3eb9c9;}

.lucon{ background:#f4f4f4; overflow:hidden; padding-bottom:60px;}

.lucon .lutabcon{ display:none;}

.lucon h2{ text-align:center; font-weight:normal; font-size:30px; color:#333; padding:55px 0;}

.lucon ul{ float:left; width:40%; margin-top:55px;}

.lucon ul li{ font-size:16px; border:1px solid #ddd; color:#333; padding:10px; margin-top:24px; cursor:pointer;}

.lucon ul li i{ width:8px; height:8px; background:#ddd; border-radius:50%; display:inline-block; margin:10px 0; margin-right:10px; vertical-align:middle;}

.lucon ul li.on{ color:#3eb9c9; border-color:#3eb9c9;}

.lucon ul li.on i{ background:#3eb9c9;}

.lucon .img{ float:right; width:50%;}



/***服务支持***/

.servicesupport{ padding-bottom:80px; overflow:hidden;}

.servicesupport h1{ font-weight:normal; text-align:center; font-size:30px; color:#333; padding:50px 0;}

.servicesupport ul{ margin-left:-20px;}

.servicesupport ul li{float:left; width:25%; padding-left:20px; }

.servicesupport ul li .box{ padding:10px 15px; position:relative; height:128px; background:#f4f4f4;}

.servicesupport ul li h2{ font-size:18px; padding-left:20px; padding-top:20px; font-weight:normal; padding-bottom:8px; color:#333;}

.servicesupport ul li .note{ color:#999; padding-left:20px;}

.servicesupport ul li i.i1{ position:absolute; left:12px; top:12px; border-left:1px solid #3eb9c9; height:12px; width:12px; border-top:1px solid #3eb9c9;}

.servicesupport ul li i.i2{ position:absolute; right:12px; bottom:12px; border-bottom:1px solid #3eb9c9; height:12px; width:12px; border-right:1px solid #3eb9c9;}



.servicesupport.saf{ background:#f4f4f4;}

.servicesupport.saf .box{ padding:0px; height:auto; background:none;}

.servicesupport.saf .box .p1{ width:160px; height:160px; border:1px solid #3eb9c9; border-radius:50%; margin:0 auto;}

.servicesupport.saf .box .p1 i{ width:150px; height:150px; background-color:#3eb9c9; background-position:center center; background-repeat:no-repeat; border-radius:50%; display:block; margin:0 auto; margin-top:5px; background-size:50% auto;}

.servicesupport.saf h2{ color:#3eb9c9; text-align:center; padding:12px 0;}

.servicesupport.saf .note{ text-align:center; padding:0px; line-height:23px;}



.apply{color:#333; overflow:hidden; text-align:center; background:#fff;}

.apply h1{ font-size:30px; font-weight:normal; padding:30px 0; }

.apply a{ display:block; width:200px; height:58px; line-height:58px; text-align:center; background:#3eb9c9; margin:0 auto; color:#fff; font-size:20px;}