body a, input, button,textarea {outline:none;blr:expression(this.onFocus=this.blur());}
ol, ul, li { list-style: none;}
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;}
/* 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;}


.flash1{background:url(../images/1.jpg) 50% 0 no-repeat;}
.flash2{background:url(../images/2.jpg) 50% 0 no-repeat;}
.flash3{background:url(../images/3.jpg) 50% 0 no-repeat;}
.flash4{background:url(../images/4.jpg) 50% 0 no-repeat;}
.flash5{background:url(../images/5.jpg) 50% 0 no-repeat;}


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



#header{width:100%; z-index:999999; background:#595959; overflow:hidden; 
      filter:alpha(opacity=90);  
      -moz-opacity:0.1;  
      -khtml-opacity: 0.1;  
      opacity: 0.1;  
}   

.header-fix{position:fixed; top: 0; left: 0;}
.head-shadow{box-shadow: 1px 1px 5px #999;}

#header .head-top{width: 100%; height: 30px; background: #2E3238;}
#header .head-cont{margin: 0 auto; background: #000;
      filter:alpha(opacity=50);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7;  }
#header .head-cont .logo{float: left; margin: 25px 0 0;}
#header .head-cont .logo a{display: block; color:#FFF;}
.head-cont .nav{float: right;}
.head-shadow .head-cont .nav{height: 60px; overflow: hidden;}
.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:#FFF;}
#header .head-cont .nav ul li a{font-size: 16px;}



#menu ul li a{overflow: hidden; display: block; text-align: center; padding-top:44px;}
#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 span {}
#menu ul li a.current p{margin-top: -20px; color:#00a2e9;}

.navbg{height:44px;width:100%;background:#000;
      filter:alpha(opacity=80);  
      -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8;
position:absolute;z-index:9999;left:0;}
.col960{width:1200px;margin:0 auto; background:#FFF; position:relative; top:0;z-index:10111;}
.navbg .logo{height:44px; line-height:44px; font-size:16px; font-weight:bold;}
.navbg .logo a{color:#FFF;}
#navul li{float:left;margin-right:1px;width:100px;height:44px;position:relative;text-align:center;line-height:44px; font-size:15px;}
#navul li.navhome{text-align:left;padding:0 0px 0 44px;width:60px;}
#navul li a:link, #navul li a:visited{color:#FFFFFF;}
#navul li ul{display:none;position:absolute;z-index:10000;top:38px;left:-1px;background:#006D96;border:#004E6C 1px solid;border-bottom:none;}
#navul li ul li{display:block;width:100px;float:none;margin-right:0px;height:28px;position:relative;line-height:28px;border-bottom:#004E6C 1px solid;font-size:12px;}
#navul li.navmoon{background:#DA9C3A;width:100px;height:44px;line-height:44px;}
#navul li.navmoon a{color:#FFFFFF;}
#navul li.navhome a:hover{color:#FCFF00;}
#navul li.navmoon ul{display:block;}
#navul li.navmoon ul a{display:block;width:98px;height:28px;line-height:28px;}
#navul li.navmoon ul a:hover{background:#000000;}





/*=========banner 广告区========*/
#banner{width: 100%; height: 500px; background: #ccc;}
.hd{height: 70px; text-align: center; padding-top:5px;}
.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: 5px;}
.h-service .bd .service-list li{float: left; width: 25%; transition: all .5s;}
.h-service .bd .service-list li .mod{margin: 30px 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:url("../images/indexmap.png") no-repeat 0 0; width:250px; height:250px;}

.h-service .bd .service-list li .mod strong{display: block; text-align: center; padding:40px 0 20px; font:"微软雅黑"; font-weight:bold; font-size:22px;}
.h-service .bd .service-list li .mod p{color: #000; font-size:14px; line-height:1.8em;}
/*==========案例展示==========*/
.h-case{background:#EBEBEB; width: 100%; min-height:425px; padding-bottom:30px;}
.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: 389px; height: 692px; margin: 0 16px 16px 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: 389px; height: 692px; z-index: 1; background: #00a2e9; opacity: 0; -moz-transform: scale(.9); -webkit-transform: scale(.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: 367px; height: 672px; 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: 40px; margin: 20px 0 0; font: normal 18px/40px "微软雅黑";}




.h-case .bd .case-list1{width: 1300px; margin: 40px 0 0;}
.h-case .bd .case-list1 li{position: relative; float: left; width: 389px; height:379px; margin: 0 16px 16px 0; overflow: hidden; background: #fff;}
.h-case .bd .case-list1 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-list1 li:hover strong,.h-case .bd .case-list1 li:hover span{color:#fff;}
.h-case .bd .case-list1 li:hover .bg{-moz-transform: scale(1); -webkit-transform: scale(1); opacity: 1;}
.h-case .bd .case-list1 .bg{position: absolute; left: 0; top: 0; width: 389px; height: 692px; z-index: 1; background: #00a2e9; opacity: 0; -moz-transform: scale(.9); -webkit-transform: scale(.9); -moz-transition: .3s; -webkit-transition: .3s;}
.h-case .bd .case-list1 li a{display: block; position: relative; overflow: hidden; z-index: 2; margin: 10px; width: 367px; height: 672px; text-align: center; /* background: #fff; */
}
.h-case .bd .case-list1 li a img{display: block;}
.h-case .bd .case-list1 li a strong{display: block; height: 40px; margin: 20px 0 0; font: normal 18px/40px "微软雅黑";}



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

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


.h-case .bd1 .case-list li a{display: block; position: relative; overflow: hidden; z-index: 2; width:288px; height: 432px; text-align: center; /* background: #fff; */
}

.h-case .bd1 .case-list li a:hover{ background:#000;  z-index:4;

  filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.6;}
	  
.h-case .bd1 .case-list li a img{display: block;}





.item-hover strong,.item-hover span{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 .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: 13px;}
.h-mission .bd .ab .a4{top: 47px; left: 16px;}
.h-mission .bd .ab .a6{top: 41px; left: 14px;}
.h-mission .bd .ab .a15{top: 40px; left: 24px;}
.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: 25px; top: 70px; color: #fff; width: 80px; 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{font-size: 24px; color:#fff;}
.s2-user{font-size: 20px; color:#fff;}

/*==========拍摄花絮==========*/
.h-case .container1{width:1200px; margin:40px auto;}
.h-case .container1 .mod-l{float:left; width:590px;}

.h-case .container1 .mod-l dl a{height:120px; width:570px; display:block; background:#FFF; padding:10px; margin-bottom:15px;}
.h-case .container1 .mod-l dl a:hover{background:#00A2E9; color:#FFF; display:block;}
.h-case .container1 .mod-l dl dt{float:left; width:180px; height:120px;}
.h-case .container1 .mod-l dl dd{float:left; width:378px; margin-left:10px;}
.h-case .container1 .mod-l dl dd h3{font-size:16px; font-weight:bold; margin-top:5px;}
.h-case .container1 .mod-l dl dd h3:hover,.h-case .container1 .mod-l dl dd h4:hover{color:#FFF;}
.h-case .container1 .mod-l dl dd h4{font-size:13px; font-weight:normal; line-height:1.8em; text-indent:2em; margin-top:8px;}
.h-case .container1 .mod-r{float:right; width:590px;}


/*==========关于 优美迅 动态==========*/

.umeixun{width: 100%; min-height: 350px; background: url("../images/umeixun_bg.jpg") no-repeat fixed left top; background-size: cover; overflow: hidden;}
.umeixun .mod-l{float:left; width: 541px;}


.umeixun .mod-r{float: right; width: 550px;}
.umeixun .mod-l .bd,.umeixun .mod-r .bd{margin-top:20px;}
.umeixun .mod-l .bd p{font-size:12px; color:#FFF; line-height:2.5em; text-indent:2em;}
.umeixun .mod-r .hd,.umeixun .mod-l .hd{height: 50px; line-height: 50px; margin: 0;}
.umeixun .mod-r .hd strong,.umeixun .mod-l .hd strong{font-size:22px; color: #fff; text-align: left;}
.umeixun .mod-r .bd p{line-height:24px; color:#fff; margin-bottom: 10px;}
.umeixun .mod-r .bd .link-more,.umeixun .mod-l .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,.umeixun .mod-l .bd .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;}
.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: 80px;}
/*==========页脚==========*/
.footer{width: 100%; border-top: 10px solid #00a2e9; background:#2e3238;}
.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: 930px;}
.footer .footer-menu dl{float: left; width: 245px; padding-left: 65px; min-height: 280px; margin: 65px 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;}
.footer .footer-menu dl dd a{color:#a3a4a6;}
.footer .footer-menu .d3 dd{margin:0; line-height:35px; font-size:12px;}
.footer .footer-menu .d3 dd .icon{float:left; width:18px; height:17px; margin:10px 8px 0 0; background-position:-229px 0;}
.footer .footer-menu .d3 dd .i2{width:16px; height:19px; background-position:-247px 0;}
.footer .footer-menu .d3 dd .i3{width:17px; height:17px; background-position:-263px 0;}

.footer .copyright{width: 100%; height: 78px; background:#000; line-height: 78px;  filter:alpha(opacity=80);  
      -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8;}
.footer .copyright p{color: #6b6d70;}
.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;}