/**全局样式***/
* { -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body { margin: 0 auto; padding: 0px; width: 100%; height: 100%; min-width: 319px; font-size: 12px; color: #000; background: #f7f7f7; text-align: left; font-family: "Microsoft Yahei Light","Microsoft Yahei","Helvetica Neue","Helvetica","Arial","sans-serif" !important; font-weight: 200; -moz-background-size: cover; -khtml-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
ul, ol, li, dl, dd, dt, form, p, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-weight: 200 !important; font-family: "Microsoft Yahei Light","Microsoft Yahei","Helvetica Neue","Helvetica","Arial","sans-serif" !important; }
ul, ol, li, dl, dd, dt { list-style: none; font-weight: 200; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
input, textarea, button { outline: none; -ms-clear: none; resize: none; }
input:-moz-placeholder { color: #999; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }
input::-ms-clear, textarea::-ms-clear { display: none; }
input::-ms-reveal, textarea::-ms-reveal { display: none; }
input.disabled, button.disabled { background-color: #a0a0a0 !important; cursor: default !important; }
input[type="text"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
::-moz-placeholder, ::-webkit-input-placeholder, :-moz-placeholder, :-ms-input-placeholder { color: #999; }
a { color: #666; text-decoration: none; outline: none; -ms-clear: none; cursor: pointer; font-weight: 200 !important; }
a:hover { color: #5cc2d0; text-decoration: none; outline: none; cursor: pointer; font-weight: 200; }
a:focus, a:active, a:visited { outline: none; text-decoration: none; font-weight: 200; }
img { border: none; }
p, span, div, label { font-weight: 200 !important; }
.transit_scale { display: block; overflow: hidden; }
.absol { position: absolute !important; }
.fixed { position: fixed !important; }
.clear { clear: both !important; }
.fl { float: left !important; }
.fr { float: right !important; }
.disnone { display: none !important; }
.m00 { margin: 0px !important; }
.mt00 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mtp1 { margin-top: 1% !important; }
.mtp2 { margin-top: 2% !important; }
.mtp3 { margin-top: 3% !important; }
.mtp4 { margin-top: 4% !important; }
.mtp5 { margin-top: 5% !important; }
.mtp6 { margin-top: 6% !important; }
.mtp7 { margin-top: 7% !important; }
.mtp8 { margin-top: 8% !important; }
.mtp9 { margin-top: 9% !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mbp1 { margin-bottom: 1% !important; }
.mbp2 { margin-bottom: 2% !important; }
.mbp3 { margin-bottom: 3% !important; }
.mbp4 { margin-bottom: 4% !important; }
.mbp5 { margin-bottom: 5% !important; }
.mbp6 { margin-bottom: 6% !important; }
.mbp7 { margin-bottom: 7% !important; }
.mbp8 { margin-bottom: 8% !important; }
.mbp9 { margin-bottom: 9% !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
img.lazyload { background: url(/App_Assets/Images/loading_min.gif) no-repeat center center; }
img.lazyloadn { background: url(/App_Assets/Images/newsloading.gif) no-repeat center center; }

/*加载层*/
.loading { display: none; margin: 0; padding: 0; width: 100%; height: 100%; left: 0px; top: 0px; position: fixed; cursor: wait; z-index: 999999; /*background-color: rgba(255,255,255,0.5);*/ }
.loading table { width: 100%; height: 100%; }
.loading table p { width: 130px; height: 20px; color: #333333; font-size: 13px; font-weight: bold; padding: 8px 8px 8px 8px; }
.loading table p i { color: #333333; font-size: 30px; display: block; width: 40px; line-height: 40px; height: 40px; text-align: center; opacity: 0.69; }


/***header***/
.box { width: 100%; height: 100%; position: relative; }
.header { z-index: 100000; position: fixed; left: 0; top: 0; height: 70px; width: 100%; background: none; transition: all .3s ease-out; }
.menu_bt { position: relative; z-index: 9999; width: 24px; height: 12px; border-top: 2px solid #666; border-bottom: 2px solid #666; vertical-align: middle; float: right; display: none; }
.header .con { width: 1120px; margin: 0 auto; cursor: pointer; }
.header .con .logo { float: left; position: relative; z-index: 10; }
.header .con .logo a { display: block; float: left; width: 190px; height: 40px; margin-top: 5px; background: url('../images/logo.png') no-repeat; background-size: auto 40px; }
.header .con .logo .hotline { float: left; padding: 0 20px; margin-top: 16px; border-left: 2px solid #5CC2D0; color: #5CC2D0; }
.header .con .logo .hotline div { font-size: 16px; }
.header .con .logo .hotline p { font-size: 14px; }
.header .con .logo i { position: absolute; width: 2px; background: #fff; height: 40px; top: 15px; }
.header .con .serpho { float: left; margin: 0 auto; font-size: 14px; cursor: pointer; margin-top: 15px; }
.header .con .serpho span.phone.phone { font-weight: 600 !important; clear: both; display: block; padding: 3px 0 0px 15px; color: #fff; }
.header.opaque .con .logo i { position: absolute; width: 2px; background: #5cc2d0; height: 40px; top: 15px; }
.header.opaque .con .serpho { float: left; margin: 0 auto; font-size: 14px; cursor: pointer; margin-top: 13px; }
.header.opaque .con .serpho span.phone { font-weight: 600 !important; clear: both; display: block; padding: 3px 0 0px 15px; color: #5cc2cf; }
.header.opaque .con .serpho:hover span.phone { color: #5cc2cf; }
.service-header.hide { top: -70px; transition: none; }
.header_place { float: left; clear: both; width: 100%; height: 70px; }

.find_nav { float: left;width:auto; z-index: 99;margin-left:50px;opacity: 1; }
.find_nav_left { margin: 0 auto; height: 70px; position: relative; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; }

.find_nav_list > ul.navbar { width: 100%; height: 70px; position: relative; white-space: nowrap; margin-bottom: 0; font-size: 0; box-sizing: border-box; box-sizing: inherit; }
.find_nav_list > ul.navbar > li { float: left; height: 70px; position: relative; display: block; margin: 0 10px; list-style: none; box-sizing: inherit; text-align: center; }
.find_nav_list > ul.navbar > li > a { display: block; font-size: 16px; display: block; padding: 0 10px; color: #fff; height: 68px; line-height: 68px; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; }
.find_nav_list > ul.navbar > li > a:hover { color: #e4007f; font-weight: 200; }
.find_nav_list > ul.navbar > li > i { position: absolute; top: 64px; left: 0; right: 0; margin: auto; width: 0%; height: 4px; display: block; background-color: #e4007f; overflow: hidden; transition: all .25s ease-in-out; }
.find_nav_list > ul.navbar > li.nav_active > a { color: #e4007f; }
.find_nav_list > ul.navbar > li.nav_active > i { width: 100%; }
.find_nav_list > ul.navbar > li:hover > a { color: #e4007f; font-weight: 200; }
.find_nav_list > ul.navbar > li:hover > i { width: 100%; }
.find_nav_list > ul.navbar:hover > li.nav_active i { width: 0%; }
.find_nav_list > ul.navbar > li.nav_active:hover i { width: 100%; }
.find_nav_list > ul.navbar > li .down-drop { display: none; margin: 0 -15px; background-color: #f7f7f7; border: 1px solid #e6e6e6; }
.find_nav_list > ul.navbar > li .down-drop .down-list { display: block; }
.find_nav_list > ul.navbar > li .down-drop .down-list li { border-bottom: 1px solid #e6e6e6; }
.find_nav_list > ul.navbar > li .down-drop .down-list a { display: block; padding: 20px; color: #666; font-size: 14px; text-align: center; }
.find_nav_list > ul.navbar > li .down-drop .down-list a:hover { color: #e4007f; }
.find_nav_list > ul.navbar > li:hover .down-drop { display: block; }

.find_btn { float: right; z-index: 99; height: 70px;  }
.find_btn a { float: left; margin-left: 15px; margin-top: 18px; height: 32px; line-height: 30px; width: 80px; display: block; border: 1px solid #0096df; color: #333; border-radius: 16px; font-size: 14px; text-align: center; transition: all .5s ease-out; }
.find_btn a:hover { background-color: #f0f0f0; color: #333; }
.find_btn a.login { background-color: #0096df; color:#fff; }
.find_btn a.login:hover { background-color: #0375ad; }

.header.opaque { position: fixed; top: 0; background: #fff; box-shadow: 0 0 5px 2px rgba(0,0,0,.1); transition: all .5s ease-out; }
.header.opaque .logo a { background: url('../images/logo_add.png') no-repeat; width: 166px; height: 60px; display: block; background-size: auto 60px;  }
.header.opaque .find_nav_list > ul > li > a { color: #666; }
.header.opaque .find_nav_list > ul > li > a:hover { color: #e4007f; }
.header.opaque .find_nav_list > ul > li.nav_active > a { color: #e4007f; font-weight: 200; }
/*.header.opaque .find_nav_list > ul > li.border_active > a {border-bottom: 4px solid #5cc2d0; }*/
/*.header.opaque  .find_nav_list > ul > li > a:hover{ color: #5CC2D0; }*/
.header.obscure { top: -70px; }

.header .nav-drop { display: none; width: 100%; margin-top: 70px; background-color: #f5f5f5; }
.header .nav-drop > ul { width: 1200px; margin: 0 auto; padding: 20px 0; }
.header .nav-drop > ul > li { display: inline-block; width: 33.1%; padding: 10px 25px; vertical-align: top; text-align: center; border-right: 1px solid #e6e6e6; }
.header .nav-drop > ul > li:last-child { border: 0; }
.header .nav-drop > ul > li > a { font-size: 14px; color: #333; text-align: center; }
.header .nav-drop .nav-drop-list { padding: 25px 0 0 20px; text-align: left; }
.header .nav-drop .nav-drop-list li { display: inline-block; min-width: 140px; padding: 10px 0px; margin-left: 20px; }
.header .nav-drop .nav-drop-list li a { font-size: 12px; color: #808080; }

.find_nav_left.day_w { width: 100%; }
.sideline { display: block; position: absolute; border: 0; height: 4px; background-color: #e4007f; left: 0; top: 60px; pointer-events: none; }

.xq_move { transition: all .3s ease-in-out; position: absolute; }

.menu_bt { position: relative; z-index: 9999; width: 24px; height: 12px; border-top: 2px solid #666; border-bottom: 2px solid #666; vertical-align: middle; float: right; display: none; }
.menu_bt:after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; border-bottom: 2px solid #666; transition: all 100ms linear 0ms; }
.menu_bt span:after { border-color: #666; }
.menu_bt span { font-size: 0; text-indent: -9999px; }
.menu_bt span:before, .menu_bt span:after { content: ''; position: absolute; top: 50%; right: 0; left: 0; border-top: 1px solid black; transition: all 100ms linear 0ms; }
.menu_bt.open { color: transparent !important; border: 0; }
.menu_bt.open:after { -webkit-transform: scale(0); transform: scale(0); }
.menu_bt.open span:before, .menu_bt.open span:after { border-width: 2px; border-color: #666; }
.menu_bt.open span:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.menu_bt.open span:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/**服务下拉导航**/
/*.find_nav_list > ul.navbar > li.serNav-drop { transition: all .8s ease-in-out; overflow: hidden;}
.find_nav_list > ul.navbar > li.serNav-drop:hover { overflow: inherit;}*/
/*.find_nav_list > ul.navbar > li.serNav-drop:hover .ser-drop { display: block;}*/
.ser-drop { position: absolute; left: -250px; display: none; width: 600px; padding: 20px 0; border: 1px solid #e6e6e6; background-color: #f7f7f7; }
.ser-drop > ul { width: 100%; }
.ser-drop > ul > li { float: left; width: 33.3%; min-height: 260px; border-right: 1px solid #e6e6e6; }
.ser-drop > ul > li:last-child { border: 0; }
.ser-drop > ul > li .ser-list-img { height: 60px; }
.ser-drop > ul > li:nth-child(2) .ser-list-img img { padding-top: 10px; }
.ser-drop > ul > li:nth-child(3) .ser-list-img img { padding-top: 4px; }
.ser-drop > ul > li > h3 { position: relative; display: inline-block; height: 35px; margin-top: 10px; font-size: 16px; color: #333; }
.ser-drop > ul > li > h3 a { color: #333; font-weight: 900 !important; }
.ser-drop > ul > li > h3 a:hover { color: #333; }
.ser-drop > ul > li > h3 > span { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; display: block; width: 20px; height: 1px; background: #e4007f; }
.ser-drop > ul > li > ul { padding-top: 10px; overflow: hidden; }
.ser-drop > ul > li > ul li { display: block; }
.ser-drop > ul > li > ul li a { display: block; color: #666; font-size: 14px; line-height: 26px; }
.ser-drop > ul > li > ul li:hover a { color: #e4007f; }
/**======内容=======***/
.content { width: 100%; }
/*标题样式*/
.title-content { position: relative; display: table; height: 100%; margin: 0 auto; text-align: center; }
.title-content a { display: inline-block; float: left; cursor: pointer; line-height: 70px; padding: 0 25px; font-size: 28px; color: #333; text-align: center; }
.title-content a h2 { display: inline-block; cursor: pointer;; margin: 0 auto; }
.title-content .title-img { float: left; display: inline-block; width: 159px; height: 70px; line-height: 70px; }
.title-content .title-img i.title-line { display: inline-block; width: 150px; height: 1px; margin: 0 -5px 5px 0; background: #999; }
.title-content .title-img i.title-block { display: inline-block; width: 10px; height: 10px; background-color: #999; border-radius: 50%; }
.title-content .title-img i.title-line2 { display: inline-block; width: 150px; height: 1px; margin: 0 0 5px -5px; background: #999; }

/**伦播**/
.ucr-banner { float: left; margin: 0px; padding: 0px; width: 100%; height: 676px; position: relative; overflow: hidden; }
.ucr-banner .swiper-container { width: 100%; height: 676px; }
.swiper-pagination { position: absolute; bottom: 100px !important; }
.ucr-banner .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; /* -webkit-align-items: center; align-items: center; */ }
.ucr-banner .swiper-pagination-bullet { position: relative; opacity: 1; background: #ddd; width: 60px; height: 3px; border-radius: 2px; margin: 0px; padding: 0px; }
.ucr-banner .swiper-pagination-bullet p { position: absolute; z-index: 0; background: #50a8b4; left: 0px; top: 0px; margin: 0px; padding: 0px; display: inline-block; width: 0px; height: 3px; border-radius: 2px; transition: all 5s; }
.ucr-banner .swiper-pagination-bullet p.on { width: 100%; }
.ucr-banner .swiper-pagination-bullet p.distran { transition: all 0s; }
.ucr-banner .swiper-pagination-bullet-active { opacity: 1; background: #ddd; }
.ucr-banner .swiper-slide.slide1 { background: url(../images/banner1_bg.jpg) no-repeat center center; background-size: auto 100%; }
.ucr-banner .swiper-slide.slide1 img { width: 618px; }
.ucr-banner .swiper-slide.slide1 > .title { text-align: center; margin-top: 70px; font-size: 30px; font-weight: 200; color: #fff; }
.ucr-banner .swiper-slide.slide1 > .title p { font-size: 46px; margin-top: 50px; font-weight: 100; letter-spacing: 5px; }
.ucr-banner .swiper-slide.slide2 { background: url(../images/banner2_bg.jpg) no-repeat center center; background-size: auto 100%; }
.ucr-banner .swiper-slide.slide2 .title { text-align: center; margin-top: 150px; }
.ucr-banner .swiper-slide.slide2 .title div { font-size: 46px; font-weight: 100; letter-spacing: 4px; color: #fff; text-align: center; }
.ucr-banner .swiper-slide.slide2 .title span { font-size: 18px; margin: 20px 28px; display: inline-block; color: #fff; text-align: center; }
.ucr-banner .swiper-slide.slide2 h2 { bottom: 100px; text-align: center; font-size: 30px; font-weight: 200; position: absolute; width: 100%; }
.ucr-banner .swiper-slide.slide3 img { width: 900px; margin: 50px 0 0px; }
/*.ucr-banner .swiper-slide.slide3 .banner_con { float: left; width: 340px; margin: 120px 0 0 60px; }
.ucr-banner .swiper-slide.slide3 .banner_con h2 { font-size: 46px; color: #fff; letter-spacing: 22px;}
.ucr-banner .swiper-slide.slide3 .banner_con span { display: inline-block; padding-bottom: 15px; font-size: 18px; color: #fff; letter-spacing: 8px; border-bottom: 1px solid #a1dfea;}
.ucr-banner .swiper-slide.slide3 .banner_con li { float: left; width: 60px; height: 60px;margin: 15px 4px;border-radius: 50%; background-color: #a8e1ea;}
.ucr-banner .swiper-slide.slide3 .banner_con li div { width: 50px; height: 50px; margin: 5px auto; padding: 5px;font-size: 14px;background-color: #f1f9fc; color: #437d93; border-radius: 50%;}*/
.ucr-banner .swiper-slide.slide3 { background: url(../images/banner1_bg.jpg) no-repeat center center; background-size: auto 100%; }
.ucr-banner .swiper-slide.slide3 .title { text-align: center; margin-top: 70px; font-size: 40px; font-weight: 200; }
.ucr-banner .swiper-slide .title { margin-top: 70px; }

/**翻折*/
.breathing_lamp { width: 100%; z-index: 10; position: absolute; bottom: 0; perspective: 600px; -webkit-perspective: 600px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.breathing_lamp .lamp { width: 1200px; height: 80px; background-color: #fff; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; overflow: hidden; transform-origin: bottom; -webkit-transform-origin: bottom; transform: rotateX(0deg) translate3d(0,0,0); -webkit-transform: rotateX(0deg) translate3d(0,0,0); -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s; transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s; }
.breathing_lamp .lamp.active { transform: rotateX(90deg) translate3d(0,0,0); -webkit-transform: rotateX(90deg) translate3d(0,0,0); }

@keyframes ani-dem {
    0% { opacity: 0.4; transform: translateY(-20px); }
    15% { opacity: 0.65; transform: translateY(-15px); }
    25% { opacity: 0.8; transform: translateY(-10px); }
    50% { opacity: 1; transform: translateY(0px); }
    65% { opacity: 0.8; transform: translateY(5px); }
    75% { opacity: 0.65; transform: translateY(8px); }
    100% { opacity: 0.4; transform: translateY(10px); }
}

@-webkit-keyframes ani-dem {
    0% { opacity: 0.4; -webkit-transform: translateY(-20px); }
    15% { opacity: 0.65; -webkit-transform: translateY(-15px); }
    25% { opacity: 0.8; -webkit-transform: translateY(-10px); }
    50% { opacity: 1; -webkit-transform: translateY(0px); }
    65% { opacity: 0.8; -webkit-transform: translateY(5px); }
    75% { opacity: 0.65; -webkit-transform: translateY(8px); }
    100% { opacity: 0.4; -webkit-transform: translateY(10px); }
}

@-moz-keyframes ani-dem {
    0% { opacity: 0.4; -moz-transform: translateY(-20px); }
    15% { opacity: 0.65; -moz-transform: translateY(-15px); }
    25% { opacity: 0.8; -moz-transform: translateY(-10px); }
    50% { opacity: 1; -moz-transform: translateY(0px); }
    65% { opacity: 0.8; -moz-transform: translateY(5px); }
    75% { opacity: 0.65; -moz-transform: translateY(8px); }
    100% { opacity: 0.4; -moz-transform: translateY(10px); }
}

/***首页--需求***/
.pos_sc { background-color: #fff; overflow: hidden; }
.demand { z-index: 100; clear: both; }
.demand_content { width: 1200px; z-index: 100; position: relative; padding-bottom: 30px; margin: 0 auto; }
.demand div.pos_sc > h3 { margin-top: 60px; font-size: 30px; font-weight: 200; text-align: center; color: #333333; }
.demand .pos_sc ul { z-index: 1; display: inline-block; width: 100%; padding: 60px 25px; }
.demand .pos_sc > ul > li { float: left; width: 33.3%; padding: 0 25px; }
.demand .pos_sc ul > li .bg_sho { position: relative; z-index: 1; height: 340px; border-radius: 4px; }
.demand .pos_sc ul > li .bg_sho h2 a { z-index: 10; height: 80px; line-height: 94px; background: #5CC2D0; color: #fff; font-size: 20px; text-align: center; font-weight: 900 !important; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.demand .pos_sc ul > li .bg_sho > i { display: inline-block; width: 30px; height: 30px; line-height: 30px; background-color: #5CC2D0; color: #fff; font-size: 14px; text-align: center; font-weight: 900 !important; }
.demand .pos_sc ul > li .bg_sho h2 { z-index: 210; height: 80px; line-height: 94px; background: #5CC2D0; color: #fff; font-size: 20px; text-align: center; font-weight: 900 !important; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.demand .pos_sc ul > li .bg_sho > div { z-index: 1; width: 100%; height: 100px; background-color: rgba(0,0,0,.7); }
.demand .pos_sc ul > li .bg_sho > div.d-num { position: absolute; top: -20px; left: 0; right: 0; margin: auto; max-height: 40px; z-index: 10; }
.demand .pos_sc ul > li .bg_sho1 > div.d-num { background: url('../images/icon1.png')no-repeat top center; background-size: 40px 40px; }
.demand .pos_sc ul > li .bg_sho2 > div.d-num { background: url('../images/icon2.png')no-repeat top center; background-size: 40px 40px; }
.demand .pos_sc ul > li .bg_sho3 > div.d-num { background: url('../images/icon3.png')no-repeat top center; background-size: 40px 40px; }
/*.demand .pos_sc ul > li .bg_sho > div.d-num span { display: inline-block; width: 28px; height: 28px; margin: 0 auto; background-color: #5CC2D0; transform: rotate(45deg);}*/
.demand .pos_sc ul > li .bg_sho > div.d-num i { display: inline-block; width: 25px; height: 28px; line-height: 28px; margin: 0 auto; font-style: normal; font-size: 20px; color: #fff; text-align: center; font-weight: bold; transform: rotate(-45deg); }
.demand .pos_sc ul > li .bg_sho > div.business-layer { height: 260px; padding-top: 25px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: all .5s ease; }
.demand .pos_sc ul > li .bg_sho > div.business-layer ul { display: inherit; width: 200px; margin: 0 auto; padding: 0 0 30px 20px; }
.demand .pos_sc ul > li .bg_sho > div.business-layer li { padding: 5px 0; text-align: left; background: url(../images/fang.jpg)no-repeat left center; background-size: 6px 6px; }
.demand .pos_sc ul > li .bg_sho > div.business-layer li i { display: inline-block; width: 6px; height: 6px; background-color: #fff; }
.demand .pos_sc ul > li .bg_sho > div.business-layer li a { display: inline-block; padding-left: 15px; font-size: 14px; color: #fff; font-weight: 900 !important; transition: all .3s ease-in-out; }
.demand .pos_sc ul > li .bg_sho > div.business-layer li a:hover { color: #5CC2D0; }
.demand .pos_sc ul > li .bg_sho > div.business-layer li a h3 { display: inline-block; padding-left: 15px; font-size: 14px; color: #fff; font-weight: 900 !important; transition: all .3s ease-in-out; }

.demand .pos_sc ul > li:hover .bg_sho > div.business-layer { opacity: 1; }
.demand .pos_sc ul > li div img { position: absolute; cursor: pointer; bottom: 3px; width: 200px; display: block; margin: 0 auto; transition: all 0.3s ease-in; }
.demand .pos_sc ul > li div:hover img { bottom: 12px; }
.demand .pos_sc ul > li div.bg_sho1 { background: url(../images/h-case1.jpg)no-repeat center; background-size: cover; }
.demand .pos_sc ul > li div.bg_sho2 { background: url(../images/h-case2.jpg)no-repeat center; background-size: cover; }
.demand .pos_sc ul > li div.bg_sho3 { background: url(../images/h-case3.jpg)no-repeat center; background-size: cover; }

.demand ul > li .demand_center { margin: 0 auto; height: auto; text-align: center; }
.demand ul > li .demand_center h4 { margin: 20px 0; font-size: 22px; color: #333; font-weight: 200; }
.demand ul > li .demand_center p { font-size: 16px; color: #666; margin: 5px 0; transform: translateY(0); opacity: 1; }
.demand ul > li .demand_center p:nth-child(1) { transition: all 0.5s ease-out 0.6s; }
.demand ul > li .demand_center p:nth-child(2) { transition: all 0.5s ease-out 0.8s; }
.demand ul > li .demand_center p:nth-child(3) { transition: all 0.5s ease-out 1.0s; }
.demand ul > li .demand_center p:nth-child(4) { transition: all 0.5s ease-out 1.2s; }
.demand ul > li .demand_center p:nth-child(5) { transition: all 0.5s ease-out 1.4s; }

/**首页--案例**首页--动态****/
.project, .home_dynamic { width: 1200px; margin: 60px auto 0px; overflow: hidden; }
.project .project_title, .home_dynamic .dynamic_title { width: 100%; text-align: center; }
.project .project_title .h2, .home_dynamic .dynamic_title h2, .choose_title h2 { font-size: 28px; color: #333; font-weight: 200; }
.project .project_title span, .home_dynamic .dynamic_title span { display: inline-block; font-size: 16px; color: #666; }
.project .project_con, .home_dynamic .home_dynamic_con { margin-top: 60px; }
.home_adv { margin-top: 45px; }
.project .project_con dl { margin: 15px 0; }
.project .project_con img { transition: all 0.3s ease-in; width: 100%; height: 100%; }
.project .project_con dd { overflow: hidden; position: relative; text-align: center; }
.project .project_con dd:hover img { transform: scale(1.1); }
.project .project_con dt.h3 { margin: 10px 0 5px; font-size: 16px; color: #333; font-weight: 200; }
.project .project_con dt { padding: 5px 20px 0; font-size: 14px; color: #666; font-weight: normal; font-weight: 200; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.project .project_con .work-item-cover { position: absolute; background-color: rgba(92,194,240,0.9); top: 0; right: 0; height: 100%; width: 100%; opacity: 0; backface-visibility: hidden; transition: all .8s ease-in-out; -webkit-backface-visibility: hidden; }
.project .project_con .work-item-cover:before, .project .project_con .work-item-cover:after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.project .project_con .work-item-cover:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }
.project .project_con .work-item-cover:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }
.project .project_con dd:hover .work-item-cover,
.project .project_con dd:hover .work-item-cover::before,
.project .project_con dd:hover .work-item-cover::after { cursor: pointer; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.work-item-cover .cover_img { cursor: pointer; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.work-item-cover .cover_img.cover1 { background: url(../images/pro/01.png)no-repeat center center; }
.work-item-cover .cover_img.cover2 { background: url(../images/pro/02.png)no-repeat center center; }
.work-item-cover .cover_img.cover3 { background: url(../images/pro/03.png)no-repeat center center; }
.work-item-cover .cover_img.cover4 { background: url(../images/pro/04.png)no-repeat center center; }
.work-item-cover .cover_img.cover5 { background: url(../images/pro/05.png)no-repeat center center; }
.work-item-cover .cover_img.cover6 { background: url(../images/pro/06.png)no-repeat center center; }
.work-item-cover .cover_img.cover7 { background: url(../images/pro/07.png)no-repeat center center; }
.work-item-cover .cover_img.cover8 { background: url(../images/pro/08.png)no-repeat center center; }
.work-item-cover .cover_img.cover9 { background: url(../images/pro/09.png)no-repeat center center; }
/*进销存*/
.home-invoicing { float: left; width: 100%; clear: both; background: url('../images/invoicing-bg.jpg') no-repeat center center; background-size: 100% 100%; overflow: hidden; }
.home-invoicing .service-box { position: relative; width: 1100px; margin: 0 auto; padding-top: 60px; height: 380px; }
.home-invoicing .banner-image { display: inline-block; width: 50%; height: auto; margin: auto; }
.home-invoicing .banner-word { display: inline-block; width: 46%; padding-left:; margin: auto; color: #fff; }
.home-invoicing .banner-word .h1 { position: relative; float: left; display: block; width: 100%; line-height: 42px; font-size: 36px; color: #333; font-weight: bold !important; padding: 20px 0px; margin: 12px 0px; }
.home-invoicing .banner-word .h1 i { position: absolute; bottom: 0; left: 0; display: block; width: 25px; height: 4px; overflow: hidden; background-color: #e4007f; }
.home-invoicing .banner-word p { float: left; width: 100%; line-height: 24px; font-size: 18px; margin: 5px 0px; color: #333; }
.home-invoicing .banner-word .service-bannerBtn { padding-top: 25px; clear: both; }
.home-invoicing .banner-word .service-bannerBtn a { display: inline-block; width: 150px; height: 50px; line-height: 50px; margin-right: 15px; padding-left: 30px; font-size: 20px; color: #fff; text-align: center; cursor: pointer; background-image: url(../images/service/software/invoicing/arrow.png); background-repeat: no-repeat; background-position: 20px center; background-size: 20px 20px; border-radius: 5px; }
.home-invoicing .banner-word .service-bannerBtn .free-trial { background-color: #55c3ff; }
.home-invoicing .banner-word .service-bannerBtn .immediately { background-color: #fe7800; }
.home-invoicing .banner-word .service-bannerBtn .buy-now { background-color: #ff9900; }
.home-invoicing .banner-word .service-bannerBtn a:hover { opacity: .8; }
.home-invoicing .banner-word .more { padding-top: 40px; font-size: 18px; color: #333; }
.home-invoicing.animate-enable .banner-image { transition: all .8s ease-in-out; transform: translateX(-600px); opacity: 0; }
.home-invoicing.animate-active .banner-image { transform: translateX(0px); opacity: 1; }
.home-invoicing.animate-enable .banner-word { transition: all 1.0s ease-in-out; transform: translateX(600px); opacity: 0; }
.home-invoicing.animate-active .banner-word { transform: translateX(0px); opacity: 1; }
.home-invoicing.animate-enable .banner-word p { transition: all 1.0s ease-in-out; transform: translateX(600px); opacity: 0; }
.home-invoicing.animate-active .banner-word p { transform: translateX(0px); transition-delay: .4s; opacity: 1; }
.home-invoicing.animate-active .banner-word p:first-of-type { transition-delay: .2s; }

/**首页--广告位**/
.home_adv { position: relative; width: 100%; overflow: hidden; height: 500px; background: url('../images/people-coffee-notes-tea.jpg')no-repeat; background-size: cover; background-attachment: fixed; }
.home_adv .adv_con { width: 100%; margin: 80px auto; position: absolute; top: 90px; left: 0; right: 0; margin: auto; }
.home_adv .adv_con h3 { text-align: center; font-weight: 200; line-height: 42px; color: #fff; font-size: 28px; margin: 20px 0; }
.home_adv .adv_con p { width: 786px; line-height: 24px; font-size: 14px; font-weight: normal; margin: 40px auto; color: #fff; letter-spacing: 2px; text-align: center; font-weight: 200; }
.home_adv .btn_use { display: block; text-align: center; }
.home_adv .btn_use a { display: inline-block; width: 150px; height: 46px; line-height: 46px; background-color: #5CC2D0; color: #fff; font-size: 16px; margin: 0 10px; border-radius: 4px; opacity: 1; transition: all 0.2s ease-in-out; }
.home_adv .btn_use a:hover { opacity: 1; background: #36a8b3; }
/**首页--动态***/
.home_dynamic .hdy-btn { width: 304px; margin: 0 auto; padding-top: 20px; text-align: center; }
.home_dynamic .hdy-btn li { float: left; width: 132px; height: 30px; margin: 0 10px; border: 1px solid #999; border-radius: 4px; }
.home_dynamic .hdy-btn li.active { background-color: #5CC2D0; border: 0; border-radius: 4px; }
.home_dynamic .hdy-btn li a { display: inherit; line-height: 28px; font-size: 14px; color: #999; }
.home_dynamic .hdy-btn li.active a { color: #fff; }
.home_dynamic .home_dynamic_con { width: 100%; overflow: hidden; }
.home_dynamic .home_dynamic_con > div { width: 46%; overflow: hidden; }
.home_dynamic .home_dynamic_con div.home_dynamic_left { float: left; background-color: #fff; }
.home_dynamic .home_dynamic_con div.home_dynamic_left a { display: inline-block; width: 100%; max-height: 240px; overflow: hidden; }
.home_dynamic .home_dynamic_con div.home_dynamic_left a img { width: 100%; transition: all 0.5s ease-in; cursor: pointer; }
.home_dynamic .home_dynamic_con div.home_dynamic_left .home_dynamic_text { padding: 20px; overflow: hidden; }
.home_dynamic .home_dynamic_con div.home_dynamic_left .home_dynamic_text .h3 { display: inline-block; height: 18px; margin: 0; font-size: 16px; color: #333; font-weight: bold !important; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.home_dynamic .home_dynamic_con div.home_dynamic_left .home_dynamic_text span { float: right; font-size: 16px; color: #999; }
.home_dynamic .home_dynamic_con div.home_dynamic_left .home_dynamic_text p { padding-top: 20px; line-height: 20px; font-size: 14px; color: #333; text-align: justify; clear: both; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.home_dynamic .home_dynamic_con div.home_dynamic_left:hover img { transform: scale(1.1); }
.home_dynamic .home_dynamic_con div.home_dynamic_right { float: right; overflow: hidden; }
.home_dynamic .home_dynamic_con div.home_dynamic_right li { margin-top: 52px; text-align: left; overflow: hidden; }
.home_dynamic .home_dynamic_con div.home_dynamic_right li:first-child { margin: 0; }
.home_dynamic .home_dynamic_con div.home_dynamic_right li > div { float: left; width: 100px; height: 100%; padding-right: 30px; font-size: 62px; color: #666; border-right: 2px solid #999; }
.home_dynamic .home_dynamic_con div.home_dynamic_right li > a { float: left; width: 80%; display: inline-block; padding-left: 25px; }
.home_dynamic .home_dynamic_con div.home_dynamic_right li > a .h3 { float: left; margin: 0 auto; width: 300px; font-size: 16px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.home_dynamic .home_dynamic_con div.home_dynamic_right li > a span { float: right; font-size: 16px; color: #666; }
.home_dynamic .home_dynamic_con div.home_dynamic_right li > a p { padding-top: 22px; clear: both; line-height: 22px; font-size: 14px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
/**首页--选择**/
.home_choose { width: 1200px; margin: 0px auto 60px; overflow: hidden; }
.home_choose .choose_title { font-size: 28px; color: #333; text-align: center; line-height: 35px; margin: 60px 0 50px; }
.choose_con { position: relative; width: 1200px; margin: 0 auto; overflow: hidden; }
.choose_con .choose_box { position: relative; margin: 0 auto; width: 970px; overflow: hidden; overflow: hidden; }
.choose_con .choose_box .choose_list { width: 999999px; position: relative; }
.choose_con .choose_box .cooperative { display: none; }
.choose_con .choose_box .slide1 { float: left; width: 970px; overflow: hidden; }
.choose_con .slide1 .slide { float: left; width: 184px; height: 84px; opacity: 0.8; border: 1px solid #e1e1e1; display: inline; margin: 0 5px 10px; cursor: pointer; /*-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;*/ }
.choose_con .slide1 .slide img { width: 100%; height: 100%; }
.choose_con .slide1 .slide:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: initial; }
.button-next, .home_choose .button-prev { position: absolute; top: 40%; width: 28px; height: 54px; line-height: 54px; text-align: center; cursor: pointer; }
.button-next { background: url(../images/zuo.png) no-repeat center center; left: 0; }
.button-prev { background: url(../images/you.png) no-repeat center center; right: 0; }
.btn-more { display: none; width: 44px; height: 44px; line-height: 44px; margin: 0 auto; }
.btn-more a { display: block; width: 44px; height: 44px; background: url("../images/zhankai.png")no-repeat center center; background-size: cover; }
/**底部**/
#footer { float: left; clear: both; width: 100%; background-color: #282b32; padding-bottom: 20px; }
.footer { float: left; width: 100%; overflow: hidden; }
.footer_content { width: 1200px; margin: 65px auto 0; }
.foot_top { height: 235px; border-bottom: 1px solid #3d414c; }
.foot_top > div { float: left; }
.foot_top .foot_left { display: inline-block; width: 280px; }
.foot_top .foot_left .footerLogo img { width: 190px; }
.foot_top .foot_left .footerLogo div { font-size: 18px; margin-top: 30px; color: #0096df;font-weight:bold!important; }
.foot_top .foot_right { position: relative; display: inline-block; margin-left: 100px; width: 820px; }
.foot_top .foot_right ul li { margin-bottom: 23px; }
.foot_top .foot_right > ul > li { float: left; margin: 0 36px; position: relative; }
.foot_top .foot_right ul li a { font-size: 12px; color: #fff; }
.foot_top .foot_right > ul > li > a { color: #fff; font-size: 18px; display: inline-block; margin-bottom: 23px; }
.foot_top .foot_right > ul > li.pos_abs { position: absolute; right: 0; }
.foot_top .foot_right > ul > li.pos_abs img {float:left; width: 130px; }
.foot_top .foot_right > ul > li.pos_abs p {clear:both;float:left;margin-top:5px; width: 130px;text-align:center;color:#fff;font-size:14px; }
.foot_top .foot_right .down_drop { display: none; cursor: pointer; width: 20px; height: 20px; position: absolute; top: 25px; right: 30px; background: url('../images/drop.png')no-repeat center center; background-size: cover; }
/*.drop_active {transform: rotate(180deg);}*/

.foot_bottom li { display: inline-block; margin: 10px 0 0; }
.foot_bottom li a { display: inline-block; padding: 0 5px; color: #62666e; font-size: 12px; }
.foot_bottom li:last-child a { border-right: none; }
.foot_bottom p { margin-top: 15px; color: #62666e; text-align: center; }

@media screen and (max-width: 1200px) {
    .header .con, .header1 .con { width: 90%; }
    .find_nav_list > ul > li { margin: 0 0 0 15px; }
    .breathing_lamp .lamp, .demand_content, .project, .home_dynamic, .home_choose, .footer_content, .choose_con { width: 94%; /*padding:0 3%;*/ }
    .demand ul { width: 94%; }
    .breathing_lamp { width: 100%; }
    .home-invoicing .service-box { width: 100%; height: 320px; padding: 40px 5% 0; }
    .home-invoicing .banner-word .service-bannerBtn a { width: 120px; padding-left: 18px; font-size: 18px; background-position: 12px center; }
    .home-invoicing .banner-word .h1 { font-size: 38px; line-height: 38px; }
    .choose_con .choose_box, .choose_con .choose_box .slide1 { width: 776px; }
    .foot_top .foot_left { display: none; }
    .foot_top .foot_right { width: 690px; margin: 0 auto; float: none; display: block; }
    .foot_top .foot_right > ul > li { margin: 0 17px; }
    .san_u_right .san_circle div, .san_u_right .san_circle span { width: 150px !important; height: 150px !important; line-height: 150px !important; }
    .san_u_right .san_circle .in .circle2 { top: 90px; left: -60px; }
    .san_u_right .san_circle .in .circle3 { top: 90px; right: -60px; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li { margin-top: 40px; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li > div { margin-top: 5px; padding-right: 0; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li > a { width: 74%; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li > a .h3 { width: 240px; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li > a span { float: left; padding-top: 5px; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li > a p { padding-top: 10px; }

    .find_nav { opacity: 0 !important;margin:0px; position: fixed; top: 50px; right: 0; bottom: 0; left: 0; height: 0; z-index: 999; width: 100%; overflow: hidden; padding-top: 0px; background: #000; transition: all .2s ease-in-out; color: #fff; }
    .find_nav_left, .find_nav_list > ul { width: 100%; height: auto; }
    .find_nav_list > ul.navbar > li > i { display: none; }
    .find_nav.black { opacity: 1 !important; height: 100%; padding-top: 40px; transition: all 0.5s ease-in; overflow: auto; }
    .find_nav .find_nav_list { width: 82%; margin: 0 auto; float: none; text-align: left; }
    .find_nav .find_nav_list > ul.navbar > li { float: none; display: block; height: auto; padding: 0; margin: 0; text-align: left; border-bottom: 1px solid #404040; }
    .find_nav .find_nav_list > ul.navbar > li:nth-child(3) > a span.user-arrow { float: right; display: block; width: 20px; height: 20px; margin-top: 15px; cursor: pointer; background: url(../images/drop.png)no-repeat center right; background-size: 20px 20px; }
    .find_nav .find_nav_list > ul.navbar > li > a { height: 50px; line-height: 50px; font-size: 20px; }
    .find_nav_list > ul.navbar > li .down-drop { display: block; width: 100%; margin: 0 auto; background-color: #000; border: 0; }
    .find_nav_list > ul.navbar > li .down-drop .down-list li { border: 0; border-top: 1px solid #404040; }
    .find_nav_list > ul.navbar > li .down-drop .down-list li a { text-align: left; }
    .find_btn { margin-right: 20px; }
    .find_btn a{width:68px; height:26px;line-height:24px;margin-top:22px;font-size:12px; }
    .menu_bt { display: block; margin: 30px 10px 0 0; }
}

@media screen and (max-width: 1024px) {
    .header .con .logo i { display: none; }
    .home_choose .home_conli { margin: 15px 12px; }
    .home_adv .adv_con p { width: 90%; }
    .home-invoicing .service-box { height: 300px; }
    .home-invoicing .banner-word .h1 { font-size: 30px; line-height: 36px; }
    .home-invoicing .banner-word .service-bannerBtn a { width: 100px; height: 40px; line-height: 40px; margin-right: 10px; padding-left: 20px; font-size: 14px; background-size: 18px 18px; background-position: 10px center; }
    .find_nav_list > ul.navbar > li { margin: 0 0 0 15px; }
    .choose_con .choose_box, .choose_con .choose_box .slide1 { width: 582px; }
    .ucr-banner .swiper-slide.slide3 img { width: 700px; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li > a { width: 70%; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li { margin-top: 30px; }
    .ser-drop { left: -302px; }
}

@media screen and (max-width: 850px) {
    .home-invoicing .service-box { height: 280px; }
    .home-invoicing .banner-word .h1 { margin: 10px 0; padding: 18px 0; font-size: 26px; line-height: 32px; }
    .home-invoicing .banner-word .service-bannerBtn { padding-top: 12px; }
    .home-invoicing .banner-word .service-bannerBtn a { width: 90px; height: 40px; line-height: 40px; margin-right: 5px; padding-left: 20px; font-size: 14px; background-size: 18px 18px; background-position: 6px center; }
    .home-invoicing .banner-word .more { padding-top: 15px; font-size: 16px; color: #333; }
}

@media screen and (max-width: 768px) {
    .header .con .serpho { display: none; }
    .header.opaque .con .logo i { display: none; }
    .header { position: fixed; height: 50px; }
    .header1 { display: none; }
    .sideline { display: none; }
    .ucr-banner .swiper-slide.slide3 img { width: 600px; margin: 25px 0 0; }
    .home-invoicing .banner-word .service-bannerBtn a { width: 80px; height: 40px; line-height: 40px; margin-right: 5px; padding-left: 18px; font-size: 14px; background-size: 15px 15px; background-position: 4px center; }
    .header.opaque .logo a { background: url('../images/logo_add.png') no-repeat; width: 120px; height: 40px; background-size: auto 40px; margin-top: 5px; margin-left: 0; }
    .header .con .logo .hotline { margin-top: 4px; }


    /*箭头旋转*/
    .rotate { transform-origin: center center; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transition: transform 0.2s; //过度时间 可调-moz-transition: -moz-transform 0.2s; -moz-transition: -moz-transform 0.2s; -o-transition: -o-transform 0.2s; -ms-transition: -ms-transform 0.2s; }
    .rotate1 { transform-origin: center center; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transition: transform 0.2s; -moz-transition: -moz-transform 0.2s; -moz-transition: -moz-transform 0.2s; -o-transition: -o-transform 0.2s; -ms-transition: -ms-transform 0.2s; }
    /*箭头旋转 end*/
    .header.opaque .find_nav .find_nav_list ul.navbar > li > a,
    .header1.opaque .find_nav .find_nav_list ul.navbar > li > a { font-size: 20px; color: #fff; line-height: 50px; }
    .header.opaque .find_nav .find_nav_list ul.navbar > li > a:hover,
    .header1.opaque .find_nav .find_nav_list ul.navbar > li > a:hover { color: #fff; border: 0; color: #e4007f; }
    .header.opaque .find_nav .find_nav_list ul.navbar > li > a.on,
    .header1.opaque .find_nav .find_nav_list ul.navbar > li > a.on { color: #fff; border: 0; color: #25b728; }
    .header_place { height: 50px; }
    .find_nav .find_nav_list li.zi { display: block; }
    .find_nav .find_nav_list li.zi em { display: block; width: 32px; height: 2px; background: #666; margin: 30px 0 10px 0; }
    /**服务下拉导航**/
    .find_nav_list > ul.navbar > li.serNav-drop:hover .ser-drop { display: none; }
    .find_nav_list > ul.navbar > li.serNav-drop .ser-drop { display: none; }
    .find_nav_list > ul.navbar > li.serNav-drop .ser-list > li > h3 > span { display: none; }
    .ser-drop { position: inherit; width: auto; left: 0; padding: 0; border: 0; background-color: #000; }
    .ser-drop > ul { width: 100%; padding-bottom: 15px; }
    .ser-drop > ul > li { float: none; width: 100%; min-height: auto; padding: 5px 0 5px 20px; border-right: 0; }
    .ser-drop > ul > li:last-child { border: 0; }
    .ser-drop > ul > li .ser-list-img { display: none; }
    .ser-drop > ul > li > h3 > a { position: relative; display: inline-block; height: 20px; margin: 0; font-size: 14px; color: #b2b2b2; }
    .ser-drop > ul > li > h3 > a span { display: none; }
    .ser-drop > ul > li > ul { display: none; padding-top: 10px; overflow: hidden; }
    .ser-drop > ul > li > ul li { display: block; padding-left: 20px; }
    .ser-drop > ul > li > ul li a { display: block; color: #fff; font-size: 12px; line-height: 26px; }
    .home_adv .adv_con { top: 40px; }
    .home_adv .adv_con h3 { font-size: 24px; }
    .demand .pos_sc ul { padding: 60px 25px 0; }
    .demand .pos_sc > ul > li { float: none; width: 80%; margin: 0 auto 60px; }
    .demand ul > li .bg_sho { position: relative; width: 100%; height: 124px; background-size: 100% 100%; margin: 0 auto; }
    .demand ul > li div img { position: absolute; cursor: pointer; bottom: 3px; width: 150px; display: block; margin: 0 auto; transition: all 0.3s ease-in; }
    .demand ul > li div:hover img { bottom: 12px; }
    .demand .pos_sc ul > li .bg_sho > div.business-layer { display: block; }
    .demand ul > li .demand_center > h4 { font-size: 18px; }
    .demand ul > li .demand_center p { font-size: 14px; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li > div { margin: 0; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li > a span { float: right; padding: 0; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li > a p { padding-top: 20px; }
    .home_dynamic .home_dynamic_con > div { width: 94%; margin: 0 auto; float: none; }
    .home_dynamic .home_dynamic_con div.home_dynamic_left { float: none; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right { float: none; padding: 40px 0; }
    .footer_content { margin: 15px auto 0; }
    .footer, .foot_top { height: auto; border: 0; }
    .foot_top .foot_right { width: 90%; margin: 0 auto; }
    .foot_top .foot_right > ul > li { float: none; margin: 0; border-bottom: 1px solid #515765; cursor: pointer; }
    .foot_top .foot_right > ul > li > ul { display: none; margin-top: 10px; }
    .foot_top .foot_right > ul > li > ul li { margin-bottom: 15px; }
    .foot_top .foot_right .down_drop { display: block; top: 15px; right: 1px; }
    .foot_top .foot_right > ul > li > a { margin: 15px 0; font-size: 14px; }
    .pos_abs, .foot_bottom > ul { display: none; }
    .foot_bottom p { margin-top: 20px; }
    .foot_bottom p span { display: inline-block; text-align: left; margin-top: 10px; }
    .swiper-pagination { bottom: 30px !important; }
    .ucr-banner { height: 406px; }
    .ucr-banner .swiper-container { height: 406px; }
    .ucr-banner .swiper-slide.slide1 img { width: 400px; }
    .ucr-banner .swiper-slide.slide2 .title { margin-top: 100px; }
    .ucr-banner .swiper-slide.slide2 .title h1 { font-size: 34px; }
    .breathing_lamp .lamp { display: none; }
    .ucr-banner .swiper-slide.slide1 > .title p { font-size: 34px; margin-top: 30px; }

    .find_btn a { margin-top: 13px; }
    .menu_bt {  margin: 18px 10px 0 0; }
}

@media screen and (max-width: 680px) {
    .choose_con .choose_box, .choose_con .choose_box .slide1 { width: 384px; }
}

@media screen and (max-width: 640px) {
    .header.opaque .find_nav .find_nav_list ul.navbar > li > a, .header1.opaque .find_nav .find_nav_list ul.navbar > li > a { font-size: 16px; }
    .find_nav_list > ul.navbar { height: auto; }
    .find_nav_left, .find_nav_list > ul { padding-bottom: 30px; }
    .home-invoicing .service-box { height: 240px; }
    .home-invoicing .banner-word .h1 { margin: 6px 0; padding: 16px 0; font-size: 20px; line-height: 28px; }
    .home-invoicing .banner-word .service-bannerBtn a { width: 90px; }
    .home-invoicing.animate-active .banner-word { width: 100%; margin-top: -50px; padding: 0 0 0 9%; }
    .home-invoicing.animate-active .banner-image { width: 100%; }
    .header .con .logo a, .header1 .con .logo a { height: 40px; background-size: auto 40px; margin-top: 5px; }
    .project .project_con dt { font-size: 12px; padding: 5px 0 0; }
    .project .project_con dt.h3 { margin: 10px 0 5px; }
    .slide2 .title h1 { font-size: 30px; }
    .swiper-slide .title img { width: 80%; }
    .swiper-slide .title p { font-size: 30px; margin: 30px auto 0; }
    .swiper-slide .title span { font-size: 14px; margin: 20px 25px; }
    .breathing_lamp .lamp { display: none; }
    .pagination { bottom: 30px; }
    .ucr-banner, .ucr-banner .swiper-container { height: 500px; }
    .swiper-pagination { bottom: 30px !important; }
    .ucr-banner .swiper-slide.slide2 .title { margin-top: 100px; }
    .ucr-banner .swiper-slide.slide1 > .title p, .ucr-banner .swiper-slide.slide2 .title h1 { font-size: 36px; }
    .project .project_con .work-item-cover:before, .project .project_con .work-item-cover:after { position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
    .home_choose .choose_title { margin: 0 auto 30px; }
    .demand { background-color: #fff; }
    .demand ul > li .bg_sho { margin: 25px auto; }
    .demand .pos_sc ul { padding: 40px 25px 0; }
    .ser-drop > ul > li > h3 { height: auto; padding: 0; margin: 0; }
    .pos_sc > ul > li { width: 100% !important; }
    .button-next, .button-prev { display: none; }
    .btn-more { display: block; }
    .choose_con .choose_box .choose_list { display: none; }
    .choose_con .choose_box .cooperative { display: block; width: 388px; overflow: hidden; }
    .choose_con .choose_box .cooperative .slide { float: left; display: inline; width: 184px; height: 84px; margin: 0 5px 10px; overflow: hidden; border: 1px solid #e1e1e1; cursor: pointer; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
    .choose_con .choose_box .cooperative .slide:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: initia; }
    .choose_con .choose_box .cooperative .slide img { width: 100%; height: 100%; }
    .ucr-banner .swiper-slide.slide3 img { width: 500px; margin: 70px 0 0; }
    .title-content .title-img { display: none; }
    .home_dynamic .home_dynamic_con div.home_dynamic_left .home_dynamic_text span { float: left; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li { margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li > div { display: none; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li > a { width: 100%; padding-left: 0; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li > a .h3 { width: 100%; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li > a span { float: left; padding-top: 10px; font-size: 12px; }
    .home_dynamic .home_dynamic_con div.home_dynamic_right li > a p { padding-top: 15px; }
}

@media screen and (max-width:480px) {
    .find_nav.black { padding: 0; }
    .pagination { bottom: 20px; }
    .swiper-slide .title p, .slide2 .title h1 { font-size: 26px; }
    .demand div.pos_sc > h3 { font-size: 24px; }
    .demand ul > li .demand_center > h4 { font-size: 18px; }
    .demand ul > li .demand_center > p { font-size: 14px; }
    .home-invoicing .banner-word .h1 { margin: 10px 0; padding: 18px 0; font-size: 24px; line-height: 30px; }
    .ucr-banner, .ucr-banner .swiper-container { height: 340px; }
    .swiper-pagination { bottom: 30px !important; }
    .ucr-banner .swiper-slide.slide2 .title { margin-top: 50px; padding-top: 40px; }
    .ucr-banner .swiper-slide.slide1 > .title p, .ucr-banner .swiper-slide.slide2 .title h1 { font-size: 24px; }
    .ucr-banner .swiper-slide.slide2 .title span { margin: 10px 20px; font-size: 14px; }
    .ucr-banner .swiper-slide.slide1 img { width: 300px; }
    .choose_con .choose_box, .choose_con .choose_box .slide1 { width: 320px; }
    .choose_con .slide1 .slide { width: 150px; height: auto; }
    .button-next, .home_choose .button-prev { width: 28px; height: 28px; line-height: 28px; }
    .choose_con .choose_box .cooperative .slide { width: 150px; height: auto; }
    .ucr-banner .swiper-slide.slide3 img { width: 350px; margin: 40px 0 0; }
    .find_btn a { margin-left:8px;width:55px;}
}

@media screen and (max-width:400px) {
    .find_nav .find_nav_list { margin-top: 20px; }
    /*.header.opaque .find_nav .find_nav_list li > a { font-size: 20px; padding: 8px; }*/
    .find_nav .find_nav_list li.zi em { margin: 20px 0 10px 0; }
    .home-invoicing .banner-word .h1 { margin: 8px 0; padding: 16px 0; font-size: 20px; line-height: 30px; }
    .home-invoicing .banner-word .service-bannerBtn a { width: 85px; }
    .home_adv .adv_con h3 { font-size: 22px; }
    .home_adv .adv_con p { margin: 20px auto; }
    .home_adv .btn_use a { width: 100px; }
    .project .project_con dl { width: 90%; margin: 0 auto 30px; text-align: center; float: none; }
    .home_adv .adv_con h3 { font-size: 20px; }
    .home_adv .adv_con p { font-size: 12px; }
    .swiper-slide .title span { margin: 20px 16px; }
}

@media screen and (max-width:360px) {
    .home-invoicing .banner-word .service-bannerBtn a { width: 80px; }
}

@media screen and (max-width:320px) {
    .header.opaque .find_nav .find_nav_list li > a { font-size: 18px; padding: 5px; }
    .choose_con .slide1 .slide { width: 130px; }
}

@-webkit-keyframes bounce-down {
    25% { -webkit-transform: translateY(-10px); }
    50%, 100% { -webkit-transform: translateY(0); }
    75% { -webkit-transform: translateY(10px); }
}

@keyframes bounce-down {
    25% { transform: translateY(-10px); }
    50%, 100% { transform: translateY(0); }
    75% { transform: translateY(10px); }
}