@charset "UTF-8";
/* author  :   www.atop.cn */
html, body, div, p, span, strong, em, a, i, dl, dt, dd, small, ol, ul, li, h1, h2, h3, h4, h5, h6, img, input, textarea, table, tr, td { margin: 0; padding: 0; }

body { background: #fff; min-width: 1200px; font: 12px/18px "\5FAE\8F6F\96C5\9ED1", Arial, Helvetica, sans-serif, "宋体"; overflow-x: hidden; }

body a, input, button, textarea { outline: none; blr: expression(this.onFocus=this.blur()); }

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

.ftlogo { margin-top: 60px; float: left; width: 250px; }

.fth1 { color: #48afdb; font-size: 20px; }

.xuqiu { height: 70px; margin-bottom: 15px;font-size:13px; border-radius: 5px; min-height: 50px; padding: 5px 10px; resize: vertical; width: 237px; }

.tijiao { width:260px;cursor:pointer; background-color: #48afdb;border: 0px ;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px;
}
html{overflow-x: hidden;width: 100%;}
.youxiang { background: #fafafa none repeat scroll 0 0; border: 1px solid #dedede; border-radius: 7px !important; box-shadow: none; color: #5c5c5c; display: inline-block; font-size: 13px; height: 35px; line-height: 23px; margin-top: 10px; margin-bottom: 15px; padding: 0 10px; resize: none; transition: all 200ms ease-in 0s; vertical-align: middle; width: 240px; }

img, input { vertical-align: middle; }

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

a:hover { text-decoration: none; color: #00a2e9; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

em { font-style: normal; }

img { border: 0 none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; }

::selection { background: #00a2e9; color: #fff; }

::-moz-selection { background: #00a2e9; color: #fff; }

::-webkit-selection { background: #00a2e9; color: #fff; }

.btn:hover { cursor: pointer; }

.container { width: 1200px; margin: 0 auto; }

.date:after, .row:after, .container:after, .clear:after, .hd:after, .bd:after, .mod:after { display: block; height: 0; clear: both; content: " "; }

.date, .row, .container, .clear, .hd, .bd, .mod { zoom: 1; }

.arrow { display: block; width: 0; height: 0; overflow: hidden; border-width: 5px; border-style: solid; border-color: transparent; *zoom: 1; }

.arrowR { border-left-color: #c7c4c4; border-right-width: 0; }

.arrowL { border-right-color: #f60; border-left-width: 0; }

.arrowT { border-bottom-color: #f60; border-top-width: 0; }

.arrowB { border-top-color: #f60; border-bottom-width: 0; }

.table tr th, .table tr td { text-align: center; border: 1px solid #ddd; padding: 8px 0; }

.table tr th { background: #eee; }

.line { height: 0px; width: 100%; overflow: hidden; border-top: 1px solid #ccc; }

.success{ color:#FFFFFF}

/* reset.css end */
.hidden { overflow: hidden; }

#loader { width: 100%; height: 1500px; background-color: #e1e1e1; position: fixed; z-index: 100000; }

#loadercon { width: 333px; height: 91px; margin: 350px auto 0px auto; background: url("../images/loadback.png") no-repeat; position: relative; }

#loaderstate { width: 0px; height: 91px; background: url("../images/loading.png") no-repeat; }

#loaderper { width: 100px; height: 38px; position: absolute; border-right: 2px solid #0e75bf; top: 110px; left: -100px; color: #0e75bf; }

#loadernum { margin: 10px 8px 0px 0px; width: 76px; text-align: right; font-size: 30px; float: right; }

.footer .footer-logo, .icon, .hd .bor-bton { background: url("../images/u_icon.png") no-repeat 0 0; }

.mt140 { margin-top: 110px; }

#header { z-index: 999999; background: #fff;width: 100%; }

.header-fix { position: fixed; top: 0; left: 0; }

.head-shadow { box-shadow: 1px 1px 5px #999; }

#header .head-top { width: 100%; height: 10px; background: #00a2e9; }

#header .head-cont { margin: 0 auto; background: #fff; }

#header .head-cont .logo { float: left; margin: 25px 0 0; }

#header .head-cont .logo a { display: block; }

.head-cont .nav { float: right; }

.head-shadow .head-cont .nav { height: 60px; }

.head-shadow .head-cont .nav ul { height: 60px; }

.head-cont .nav ul li { float: left; line-height: 110px; padding: 0 15px; }

.head-cont .nav ul li.current a { color: #00a2e9; }

#header .head-cont .nav ul li a { font-size: 16px; }

#menu ul li a { overflow: hidden; display: block; text-align: center; padding-top: 10px; }

#menu ul li a, #menu ul li a span { text-decoration: none; clear: both; display: block; font-size: 14px; height: 20px; line-height: 20px; }

#menu ul a div { float: left; width: 70px; height: 20px; display: block; overflow: hidden; }

#menu ul li a em { display: block; }

#menu ul li a.current p { margin-top: -20px; color: #00a2e9; }

/*=========banner 广告区========*/
#banner { width: 100%; height: 500px; background: #ccc; }

.hd { height: 70px; text-align: center; padding-top: 10px; }

.hd strong { display: block; width: 100%; height: 63px; text-align: center; font-size: 30px; line-height: 70px; font-weight: normal; }

.hd .bor-bton { height: 6px; width: 435px; margin: 0 auto; background-position: 0 -55px; }

/*==========首页服务顶目==========*/
.h-service { padding-bottom: 50px; }

.h-service .bd .service-list li { float: left; width: 33%; transition: all .5s; }

.h-service .bd .service-list li .mod { margin: 40px 20px 20px; text-align: center; }

.h-service .bd .service-list li .mod .icon { display: block; width: 100px; height: 100px; margin: 0 auto; background-position: 0 -61px; transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); -webkit-transition: all .5s; transition: all .5s; }

.animation { -webkit-animation: flipInX 1s .2s ease both; -moz-animation: flipInX 1s .2s ease both; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateX(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateX(10deg); }
  100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } }
@-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; }
  40% { -moz-transform: perspective(400px) rotateX(-10deg); }
  70% { -moz-transform: perspective(400px) rotateX(10deg); }
  100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } }
.h-service .bd .service-list li:hover .icon { -webkit-transform: rotate(360deg) scale(1.2); transform: rotate(360deg) scale(1.2); }

.h-service .bd .service-list li .mod .i2 { background-position: -100px -61px; }

.h-service .bd .service-list li .mod .i3 { background-position: -200px -61px; }

.h-service .bd .service-list li .mod .i4 { background-position: -300px -61px; }

.h-service .bd .service-list li .mod strong { display: block; text-align: center; padding: 40px 0 10px; font: 18px/26px "微软雅黑"; }

.h-service .bd .service-list li .mod p { color: #595757; }

/*==========案例展示==========*/
.h-case { background: url("../images/case_bg.jpg") no-repeat center top; width: 100%; height: 484px; }

.h-case .container { position: relative; }

.h-case .bd .case-list { width: 1300px; margin: 40px 0 0; }

.h-case .bd .case-list li { position: relative; float: left; width: 288px; height: 292px; margin: 0 16px 0 0; overflow: hidden; background: #fff; }

.h-case .bd .case-list li:hover { background: #00a2e9; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; color: #fff; }

.h-case .bd .case-list li:hover strong, .h-case .bd .case-list li:hover span { color: #fff; }

.h-case .bd .case-list li:hover .bg { -moz-transform: scale(1); -webkit-transform: scale(1); opacity: 1; }

.h-case .bd .case-list .bg { position: absolute; left: 0; top: 0; width: 288px; height: 292px; z-index: 1; background: #00a2e9; opacity: 0; -moz-transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transition: .3s; -webkit-transition: .3s; }

.h-case .bd .case-list li a { display: block; position: relative; overflow: hidden; z-index: 2; margin: 10px; width: 265px; padding-left:2px; height: 272px; text-align: center; /* background: #fff; */ }

.h-case .bd .case-list li a img { display: block; }

.h-case .bd .case-list li a strong { display: block; height:38px; margin: 0; font: normal 18px/40px "微软雅黑"; }

.item-hover strong, .item-hover .new-con .new-pic .project { color: #fff; }

/*==========工作流程==========*/
.h-mission { width: 100%; background: #fff; }

.h-mission .bd { position: relative; width: 1200px; height: 370px; background: url("../images/mission_bg.jpg") no-repeat left top; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); }

.h-mission .scale-animate { -webkit-animation: move .8s .5s both; -moz-animation: move .8s .5s both; -o-animation: move .8s .5s both; }

@-webkit-keyframes move { 0% { -webkit-transform: scale(0); }
  100% { -webkit-transform: scale(1); } }
@-moz-keyframes move { 0% { -moz-transform: scale(0); }
  100% { -moz-transform: scale(1); } }
@-o-keyframes move { 0% { -moz-transform: scale(0); }
  100% { -moz-transform: scale(1); } }
.h-mission .bd span { position: absolute; }

.h-mission .bd span .icon { display: block; width: 17px; height: 21px; background-position: -148px 0; }

.h-mission .bd .s1 { left: 37px; top: 79px; }

.h-mission .bd span .s-animate { -webkit-animation: fadeOutLeftBig 1s .2s infinite; -moz-animation: fadeOutLeftBig 1s 0.2s infinite; }

@-webkit-keyframes fadeOutLeftBig { 0% { -webkit-transform: scale(1); }
  50% { -webkit-transform: scale(1.05); }
  100% { -webkit-transform: scale(1); } }
@-moz-keyframes fadeOutLeftBig { 0% { -moz-transform: scale(1); }
  50% { -moz-transform: scale(1.05); }
  100% { -moz-transform: scale(1); } }
.h-mission .bd .s1 .icon { width: 160px; height: 160px; background-position: 0 -162px; }

.h-mission .bd .s2 { left: 232px; top: 137px; }

.h-mission .bd .s3 { left: 261px; top: 215px; }

.h-mission .bd .s4 { top: 130px; left: 261px; }

.h-mission .bd .s4 .icon { width: 82px; height: 82px; background-position: -161px -162px; }

.h-mission .bd .s5 { left: 339px; top: 21px; }

.h-mission .bd .s5 .icon { width: 73px; height: 73px; background-position: -244px -162px; }

.h-mission .bd .s6 { left: 403px; top: 161px; }

.h-mission .bd .s6 .icon { width: 73px; height: 73px; background-position: -318px -162px; }

.h-mission .bd .s7 { left: 535px; top: 42px; }

.h-mission .bd .s8 { left: 532px; top: 171px; }

.h-mission .bd .s9 { left: 641px; top: 173px; }

.h-mission .bd .s10 { left: 535px; top: 59px; }

.h-mission .bd .s10 .icon { width: 130px; height: 130px; background-position: -392px -162px; }

.h-mission .bd .s11 { left: 745px; top: 20px; }

.h-mission .bd .s11 .icon { width: 104px; height: 104px; background-position: -523px -162px; }

.h-mission .bd .s12 { left: 752px; top: 168px; }

.h-mission .bd .s12 .icon { width: 104px; height: 104px; background-position: -628px -162px; }

.h-mission .bd .s13 { left: 855px; top: 62px; }

.h-mission .bd .s14 { left: 846px; top: 255px; }

.h-mission .bd .s15 { left: 918px; top: 115px; }

.h-mission .bd .s15 .icon { width: 72px; height: 72px; background-position: -733px -162px; }

.h-mission .bd .s16 { left: 941px; top: 199px; }

.h-mission .bd .s17 { left: 1047px; top: 62px; }

.h-mission .bd .s17 .icon { width: 123px; height: 123px; background-position: 0 -321px; }

.h-mission .bd .s18 { left: 1104px; top: 33px; }

.h-mission .bd .ab em { position: absolute; top: 70px; left: 31px; color: #fff; }

.h-mission .bd .ab .a5 { top: 39px; left: 11px; }

.h-mission .bd .ab .a4 { top: 47px; left: 16px; }

.h-mission .bd .ab .a6 { top: 41px; left: 18px; }

.h-mission .bd .ab .a15 { top: 40px; left: 20px; }

.h-mission .bd .ab .a7 { left: 22px; top: -7px; width: 120px; color: #333; }

.h-mission .bd .ab .a3 { left: 19px; top: 19px; width: 100px; color: #333; }

.h-mission .bd .ab .a2 { left: -14px; top: -20px; width: 100px; color: #333; }

.h-mission .bd .ab .a10 { left: 44px; top: 60px; color: #fff; width: 60px; text-shadow: 2px 2px 2px #000; }

.h-mission .bd .ab .a17 { font-size: 24px; top: 56px; left: 41px; }

.h-mission .bd .ab .a18 { left: -3px; }

.s1-user { position: absolute; top: 96px; left: 30px; }

.s1-user, .s2-user { font-size: 24px; color: #fff; }

/*==========关于 优美迅 动态==========*/
.umeixun { width: 100%; height: 521px; background: url("../images/umeixun_bg.jpg") no-repeat fixed left top; background-size: cover; overflow: hidden; }

.umeixun .mod-l { float: left; width: 541px; height: 378px; margin: 95px 0 0 20px; background: url("../images/umeixun_img_bg.png") no-repeat left top; }

.umeixun .mod-r { float: right; width: 550px; margin: -3px 0 0 0; }

.umeixun .mod-r .hd { height: 50px; line-height: 50px; margin: 0; }

.umeixun .mod-r .hd strong { font-size: 18px; color: #fff; text-align: left; }

.umeixun .mod-r .bd p { line-height: 24px; color: #fff; margin-bottom: 10px; }

.umeixun .mod-r .bd .link-more { display: block; width: 70px; margin-top: 8px; padding: 6px 5px; border: 1px solid #fff; color: #fff; border-radius: 8px; text-align: center; }

.umeixun .mod-r .bd a.link-more:hover { border: 1px solid #00a2e9; background: #00a2e9; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; }

.umeixun .mod-r .bd .h-news-list li { line-height: 30px; }

.umeixun .mod-r .bd .h-news-list li a { color: #fff; }

/*==========客户展示==========*/
.h-client { padding-bottom: 40px; }

.h-client .bd { padding: 0 0 40px 0; }

.h-client .bd .h-client-list { position: relative; margin: 35px 0 0; width: 1200px; height: 121px; overflow: hidden; }

.h-client .bd .h-client-list li { float: left; width: 218px; margin: 0 27px 0 0; }

.h-client .bd .h-client-list li a { display: block; }

.h-client .bd .h-client-list li a img { border: 1px solid #a0a0a0;max-width: 100%; }

.b-mod { height: 40px; position: relative; text-align: right; }

.b-mod span { position: absolute; top: 20px; right: 2px; width: 30px; height: 30px; background: #ccc; }

.b-mod .preve { right: 40px; }

.b-mod span .arrow { position: absolute; top: 5px; left: 12px; border-width: 10px; overflow: hidden; }

.b-mod span .arrowR { border-left-color: #fff; }

.b-mod span .s-arrow { border-left-color: #ccc; left: 10px; }

.b-mod .preve .arrowL { border-right-color: #fff; left: 0px; }

.b-mod span:hover { background: #999; }

.b-mod span:hover .s-arrow { border-left-color: #999; }

.b-mod .preve .l-s-arrow { border-right-color: #ccc; left: 2px; }

.b-mod span:hover .l-s-arrow { border-right-color: #999; }

.b-mod .link-more { position: relative; top: 28px; right:0px; }

/*==========页脚==========*/
.footer { width: 100%; border-top: 10px solid #00a2e9; background: #393e45; }

.footer .container { position: relative; }

.footer .container .bg-icon { position: absolute; right: 0; top: 0; background: url("../images/footer_top_bg.png") no-repeat left top; width: 779px; height: 97px; }

.footer .footer-logo { float: left; width: 181px; height: 182px; margin: 55px 30px 0 0; background-position: -123px -321px; }

.footer .footer-menu { float: right; width: 1200px; }

.footer .footer-menu dl { float: left; width: 275px; padding-left: 25px; min-height: 280px; margin: 25px 0 0; background: url("../images/11.png") no-repeat left top; }

.footer .footer-menu dl dt { color: #a3a4a6; font-size: 20px; line-height: 50px; }

.footer .footer-menu dl dt .icon { float: left; width: 32px; height: 28px; margin: 10px 10px 0 0; background-position: -165px 0; }

.footer .footer-menu .d2 dt .icon { width: 32px; height: 30px; background-position: -197px 0; }

.footer .footer-menu dl dd { margin: 0 0 0 40px; color: #a3a4a6;  }

.footer .footer-menu dl dd a { color: #a3a4a6; }

.footer .footer-menu .d3 dd { margin: 0; line-height: 30px;}

.footer .footer-menu .d3 dd .icon { float: left; width: 18px; height: 17px; margin: 6px 8px 0 0; background-position: -229px 0; }

.footer .footer-menu .d3 dd .i2 { width: 14px; height: 19px; background-position: -248px 0; }

.footer .footer-menu .d3 dd .i3 { width: 17px; height: 17px; background-position: -263px 0; }

.footer .copyright { width: 100%; height: 78px; background: #2e3238; line-height: 78px; }

.footer .copyright p { color: #6b6d70; }
.footer .copyright a { color: #00a2e9; }
.footer .copyright a:hover { text-decoration:underline; color:#0099FF; }

.footer .copyright p img { display: none; }

.case-list-mod { background: none; height: auto; }

.case-list-mod .hd { height: 40px; line-height: 40px; text-align: left; padding: 30px 0 0; }

.case-list-mod .hd .l a { padding: 0 15px; background: #ccc; margin-right: 10px; }

.case-list-mod .hd .r { margin: 0 0 0 70px; }

.case-list-mod .hd .r a { margin-right: 10px; }

.case-list-mod .bd .case-list li { margin-bottom: 20px; }

.case-list-mod .hd .l .c1 { background: #e9302e; }

.case-list-mod .hd .l .c2 { background: #843dbf; }

.case-list-mod .hd .l .c3 { background: #3896ed; }

.case-list-mod .hd .l .c4 { background: #77c730; }

.case-list-mod .hd .l .c5 { background: #ff9137; }

.case-list-mod .hd .l .c6 { background: #9d999a; }

/*  返回顶部  */
#goTop { position: fixed; right: 0; bottom: 78px; display: none; }

#goTop a { display: block; width: 58px; height: 55px; background: #292b2f url("../images/goTop.png") no-repeat 15px 20px; text-indent: -99999px; }

#goTop a:hover { background-color: #555354; }

/* link */
#link { background: none repeat scroll 0 0 #F9F9F9; border-top: 1px solid #E0E0E0; color: #CCC; padding: 15px; font-size: 14px; }

#link .link-con { margin: auto; width: 1200px; }

#link span { margin: 0; font-weight: bold; }

#link span, #link a { color: gray; display: inline-block; margin: 0 5px; }

#link a:hover { text-decoration: underline; color: #f60; }
.pageinfo{
background:white;
}
/*10/15*/
.head-cont .tel_ico span {display: inline-block;width: 30px;height: 30px;float: right;padding: .35rem;background: #00a2e9;border-radius: 0 0 22px 22px;}
.head-cont .tel_ico span img{max-width: 100%;}
.head-cont .tel_ico h2 {font-size: 18px;font-weight: 400;float: right;padding-top: .8rem;padding-left: 1rem;}
.head-cont .tel_ico h2 a{color: #00a2e9;}
.tel_ico {overflow: auto;padding-right: 1.1rem;}

/*10/17*/
.container.page-wrap ul.page-right{float: right;}
.container.page-wrap ul.page-right li {float: left;margin: 0 2px;}
.container.page-wrap .pages a:last-child, .container.page-wrap .pages a:first-child{border-radius: 0;}
.button.call {display: inline-block;padding: 6px 15px;color: #fff;font-size: 15px;margin-top: 10px;}
.temp-item .temp-item_pic {display: inline-block;width: 250px; height: 250px;border-radius: 50%;overflow: hidden;}
.big_tel span {display: table-cell;width: 50px;height: 50px;vertical-align: middle;}
.big_tel span img {max-width: 100%;display: block;}
.big_tel h2 {color: #00a2e9;display: table-cell;vertical-align: middle;padding-left: 10px;font-size: 28px;}
.big_tel {display: table;}

/*10/18*/
.shadow_new{
    top: -10px;
    transition: 1s all;
    -webkit-transition: 1s all;
}
.new-item .new-con .bg{ position: absolute; left: -11px; top: -11px; width: 288px; height: 292px; z-index: 1; background: #00a2e9; opacity: 0; -moz-transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transition: .3s; -webkit-transition: .3s; }
.new-item .new-con .new-pic{position: relative;z-index: 2;}
.new-item .new-con .new-pic:hover .project{color: #fff;}

.index-top{background: url("../images/hd-bg.png") no-repeat;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 100px 0 50px;}
.index-top .logo{width: 150px;}
.index-top .logo img{width: 150px;display: flex;}
.index-top h2{font-size: 56px;color: #fff;font-weight: 600;line-height: 1.4;margin-top: 20px;}
.index-top h4{font-size: 28px;color: #fff;border: 1px solid #fff;border-radius: 64px;height: 64px;padding: 0 70px;line-height: 62px;font-weight: 500;margin-top: 20px;}
.index-top .miniApp-code{width: 150px;margin-top: 30px;}
.index-top .miniApp-code img{width: 150px;display: block;}
.h-service .bd .service-list li .mod .icon{display: flex;align-items: center;justify-content: center;background: none;}


@media (max-width: 1200px){
    body{min-width: 100%;}
    .index-top{background: url("../images/hd-bg.png") no-repeat center center;background-size: auto;padding: 60px 0 30px;}
    .index-top h2{font-size: 18px;text-align: center;}
    .index-top h4{font-size: 14px;height: 34px;line-height: 34px;border-radius: 34px;padding: 0 20px;}
    .index-top .miniApp-code{margin-top: 20px;}
    .container{width: 100%;}
    .h-service .bd .service-list{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
    .h-service .bd .service-list li{width: 100%;}
}