@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
html,body,div,span,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup,iframe{font-family: "微软雅黑"; margin:0; padding:0; border:0; }
body{max-width:1920px; margin:0 auto; background:#fff; font-family:"Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; font-size:16px; line-height:24px; color:#333; overflow-x:hidden;}
input,textarea,button{ resize:none; font-family:"Microsoft YaHei"; background: #fff; border: 0;  }
input::-webkit-input-placeholder{color: #666; text-indent:10px;}
textarea::-webkit-input-placeholder{text-indent:10px;}
-moz-placeholder{color: #907c84; text-indent:10px;}
img{ border:none; vertical-align:middle; }
ul,li{ list-style:none;}
a{ text-decoration:none; color:#333; outline:none; }
a:hover{text-decoration:none;}
input:focus,textarea:focus{ outline:none; }
span,h1,h2,h3,h4,h5{ font-family:"Microsoft YaHei";}
.fr{float:right;}
.fl{float:left;}
.w12{width:1200px;  overflow:hidden; margin:0 auto}
.oh{overflow:hidden;}

/*--------首页------------*/
/*头部*/
.bd .none{display:none;}
.index-header{width:100%; position:fixed; background:#fff; top:0; z-index:15; box-shadow:0 0 3px 0px rgba(0,0,0,.2);}
.logo{margin-top:10px; padding-bottom:10px;}
.logo img{height:45px;width:auto;}
.header-nav{margin-top:20px;}
.header-nav li{display:inline-block; font-size:14px; margin-right:32px;}
.header-nav li a{color:#09add6;font-size:12px;}
.header-nav li:hover{border-bottom:1px solid #09add6;}
.index-banner{margin-top:65px;}
.menu{position:absolute; right:35px; top:27px; display:none; background:#09add6; width:60px; height:30px; color:#fff; text-align: center; line-height:30px;}
/*index-service*/
.index-service{width:1200px; margin:0 auto;}
.index-service-title1{font-size:28px; color:#333 ; font-weight:bold; text-align: center; width:40%; margin:72px auto 0; letter-spacing:4px;}
.blue{width:120px; height:1px; display:block; background:#0a1971; margin:20px auto;}
.index-service-title2{color:#333 ; text-align: center; width:80%;margin:0 auto;} 
.index-service-menu{margin-top:75px; padding-bottom:226px;}
.index-service-menu li{position:relative; cursor:pointer;}
.service-submenu{margin-top:20px;}
.index-service-menu li:last-child{margin-right:0;}
.show2{position:absolute; width:240px; height:420px; background:#09add6; top:-27px; left:-42px; z-index:2; text-align: center;  transition:500ms; -moz-transition:500ms; -webkit-transition:500ms;}
.show2 img{margin:70px 0 20px;}
.show2-nav li{font-size:14px; color:#fff;line-height:33px;}
.show2-nav li:nth-child(1){font-size:18px;  margin-bottom:14px;}
.service-submenu{display:inline-block; margin-right:94px;}
.service-submenu dt{width:150px; height:150px; text-align: center; line-height:136px; border:3px solid #09add6; border-radius:50%;}
.service-submenu dd{text-align: center; font-size:18px; color:#333; margin-top: 28px;}
/*index-customer*/
.index-customer{width:100%; overflow: hidden;}
.customer-title{font-size:28px; color:#fff; font-weight:bold; padding:115px 0 20px 0; text-align: center; letter-spacing:8px;}
.white{width:120px; height:1px; display:block; background:#fff; margin:0 auto;}
.customer-logo{padding:94px 0 130px 0; margin:0 auto; text-align: center;}
.phone-show{display:none;}
/*index-work*/
/*.show2{margin-top:20px;}
.close{margin:0 auto; text-align: center;}
.show2-content{margin-top:90px;}
.show2-content-left{width:64.16%;}
.show2-content-left img{width:100%;}*/
.work-menu{width:675px; margin:52px auto 0;}
.work-menu li{display:inline-block; width:92px; height:36px; text-align: center; line-height:36px; font-size:14px; cursor:pointer; transition:250ms;}
.work-menu li:hover{background:#3291c8; color:#fff;}
.work-menu li:hover a{color:#fff;}
.active{background:#3291c8; color:#fff;}
.bd{margin-top:45px;}
.work-nav{margin-top:5px;}
.work-nav li{display:inline-block; margin-right:-5px; width:33.33%; position:relative;}
.work-nav li>img{width:100%;}
.show1{width:100%; height:100%; opacity:0;  background:rgba(0,0,0,0.7);   position:absolute; top:0; left:0; transition:opacity 1s;}
.show1-title,.show1-text{text-align: center; color:#fff;}
.show1-title{margin:10% 0 4% 0; font-size:20px;}
.show1 a{text-align: center; margin:8% auto; display:block;}
.work-nav li:hover .show1{opacity:1;}
.show1 .img_c{display:block;position:absolute;top:45%;left:45%;}
.click{display:block; width:140px; height:40px; margin:40px auto; background:#09add6; color:#fff; text-align: center; line-height:40px;}

.index-service-title2{width:42%; color:#666; text-align: center;}
.business-nav{margin-top:42px;}
.business-nav a{display:block; height:218px;}
.business-nav li{display:inline-block; text-align: center; margin-left:60px; width:218px; height:218px; border:1px solid #e5e5e5; border-bottom:2px solid #3291c8; overflow: hidden; position:relative; transition:500ms; -moz-transition:500ms; -webkit-transition: 500ms; -o-transition:500ms;}
.business-nav li img{margin:64px 0 40px 0;height:62px;width:auto;}
.business-nav .shadow3{position: absolute; top:0px; left:68px; opacity:0}
.business-nav li:hover{background:#3291c8;}
.business-nav li:hover p{color:#fff}
.business-nav li:hover .show3{opacity:0;}
.business-nav li:hover .shadow3{opacity:1;}

.index-about{width:100%; margin-top:95px; background:#f0f0f0; position:relative; height:447px;}
.index-about-pic,.index-about-article{width:50%;}
.index-about-pic img{width:100%; height:776px;}
.about-title{font-size:28px; color:#333; font-weight:bold; margin:54px 0 0 44px; letter-spacing:4px;}
.about-title2{display:block; width:120px; height:1px; background:#0a1971; margin:17px 0 0 46px;}
.about-text{height:100px; overflow:hidden; width:68.29%; font-size:14px; color:#333; margin:80px 0 0 44px; line-height:34px;}
.index-about-article{ height:100%;}
.index-about-article a{ display:block; width:140px; height:40px; margin:40px 0 0 44px; background:#09add6; color:#fff; text-align: center; line-height:40px;}
.index-news{position:relative;}
.more{position:absolute; right:0; top:140px; color:#09add6;}
.news-list{margin-top:38px;}
.news-list li{display:inline-block;  transition:500ms; -webkit-transition:500ms; -moz-transition:500ms; overflow: hidden;}
.news-list dd{width:380px; background:#eee; height:128px; line-height:26px;}
.news-list dd p:nth-child(1){text-align: center; color:#333; margin:22px 0; transition:500ms; -webkit-transition:500ms; -moz-transition:500ms; }
.news-list dd p:nth-child(2){font-size:14px; width:95%; margin:0 auto;}
.news-list li{margin-top:36px;}
.news-list li:nth-child(3n-1){margin:0 25px;}
.news-list li:hover{box-shadow:0 0 25px #ccc;}
.news-list li:hover dd p:nth-child(1){color:#09add6;}
.news-list li dt{width:380px; max-height:250px; overflow: hidden;}
.news-list li dt img{width:100%; }
/*footer*/
.index-footer{width:100%; background:#232323;}

.liuyan{margin:40px auto;width:90%;}
.liuyan li{float:left;width:50%;margin-bottom:30px;}
.liuyan li i{width:30px;color:#F00;vertical-align:middle;}
.liuyan input{border:1px solid #E5E5E5;width:80%;height:40px;line-height:40px;text-indent:5px;margin-left:5px;outline:none;text-indent:1em;}
.liuyan form input[type=submit],.liuyan form input[type=reset] {width:120px;height:40px;background:#09add6;text-indent:0;color:#FFFFFF;cursor:pointer;}
.liuyan form .button{display:block;padding:15px auto;text-align:center;}


.footer-connect img{margin:0 14px;}
.footer-connect{margin:50px 0 66px 0; color:#999;}
.footer-connect p{margin-bottom:20px;}
.links{color:#FFF;margin-top:20px;}
.links a{margin-right:10px;line-height:30px;color:#999;font-size:14px;}
.footer-connect4{margin:50px 60px 66px 0; color:#999;}

.wechat{margin-top:38px;}
.footer-bottom{width:100%; background:#000; ;}
.footer-bottom p{color:#999; text-align: center; margin:24px 0 18px 0}




/*新闻中心*/
.in-banner{margin-top:110px;}
.inner-nav{margin-left:300px;}
.bread{height:50px; background:#eeeeee; line-height:50px;} 
.bread img{margin:0 6px 0 12px;}
.bread,.bread a{color:#999;}
.bread .now{color:#09add6;}
.in-news-title{text-align: center; color:#09add6; font-size:40px; margin:50px 0 48px 0;}
.page{text-align: center; padding-bottom:106px;}
.page li{display:inline-block; width:44px; height:44px; background:#e5e5e5; text-align: center; line-height:44px; font-size:16px;}
.page li a{color:#333; display:block;}
.page .active2{background:#09add6;}
.page .active2 a{color:#fff;}
.in-news-title2{text-align: center; font-size:30px; color:#333; margin:56px 0 24px 0;}
.in-news-title3{font-size:14px; color:#999; text-align: center;}
.inner-string{width:100%; height:1px; background:#e5e5e5; border:none;}
.inner-string{margin:40px 0 60px 0;}
.inner-text p{text-indent:28px; color:#333; line-height:34px; margin:60px 0;}
.inner-text img{text-align: center; margin:30px auto; display:block;}
.inner-about{margin-bottom:90px;}
.inner-about-title{color:#09add6; font-size:40px; margin:45px 0 55px 0;}

/*点魔世界*/
.world{margin-top:55px; border-bottom:1px solid #eee; padding-bottom:16px; }
.world span{text-align:left; color:#09add6; font-size:26px; font-weight:bold;}
.world-nav li{display:inline-block; width:120px; height:40px; background:#eee; text-align: center; line-height:40px;}
.world-nav li a{color:#333; display: block;  }
.world-nav .active2,.world-nav li:hover{background:#09add6;}
.world-nav .active2,.world-nav li:hover a{color:#fff;}
.world-nav .active2 a{ color:#fff;}
.plan{margin-top:26px; border-bottom:1px solid #eee; padding-bottom:30px;}
.plan a{width:380px; max-height:260px;  overflow:hidden;}
.plan img{ text-align: center; width:100%;}
.plan-word{width:calc(100% - 407px);}
.plan-word-title{font-size:26px; margin-top:30px; color:#333;  line-height:26px}
.plan-word-title a{overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.plan-word-text{max-height:70px; overflow:hidden;}
.plan-word-text,.plan-word-time{ margin-top:45px; font-size:14px; color:#666}
.plan-word-time{margin-top:55px;}
.world-page{margin:84px auto 0; text-align:center;}
.world-page a{width:44px; height:44px; background:#e5e5e5; text-align: center; display:inline-block; line-height:44px; color:#333; }
.world-page a:hover,.world-page .active3{background:#09add6; color:#fff;}

/*作品*/
.news-list .inner-work p:nth-child(1){font-size:20px; color:#333;}
.news-list .inner-work p:nth-child(2){font-size:16px; color:#666; text-align: center;}

/*作品详情*/
.inner-work-box1{margin-top:55px;}
.inner-work-box1-nav1 li,.inner-work-box1-nav2 li{display:inline-block;}
.inner-work-box1-nav1 li{width:600px; max-height:407px; overflow:hidden;}
.inner-work-box1-nav1 li img{width:100%;}
.inner-work-box1-nav2 li{ margin:10px 15px 0 0;}
.inner-work-fr-title1{font-size:30px; color:#333; margin-top:20px; line-height:32px;}
.inner-work-fr{width:46%;}
.inner-work-fr-title2{margin-top:30px; color:#666;}
.inner-work-fr-title3{width:100%; background:#f0f0f0; height:40px; margin-top:30px; line-height:40px;}
.inner-work-fr-title3 span{display:inline-block; width:150px; text-align: center; color:#fff; background:#09add6;}
.inner-work-text{margin-top:30px;}
.inner-work-text p{letter-spacing:2px; color:#666; font-size:14px; margin-top:14px; text-indent:28px;}

@media only screen and (max-width:1199px ) {
/*首页*/
.header-nav{ margin-right:40px;}
.w12{width:100%; overflow: initial;}
.index-service{width:100%;}
.index-service-menu{width:740px; margin:75px auto 0; text-align: center;}
.service-submenu{margin-right:70px;}
.news-list{width:380px; margin:0 auto;}
.news-list li{margin-bottom:16px;}
.news-list li:nth-child(3n-1){margin:0 0 16px 0;}
.index-about{height:100%;} 
.index-about-pic,.index-about-article{float:none; width:90%; margin:0 auto;}
.index-about-pic img{height:100%;}
.about-text{margin-top:50px; width:80%;}
.more{top:65px;}
.inner-text img{width:80%;}
.inner-work-fl{ text-align: center;}
.inner-work-fl,.inner-work-fr{float:none; display:block; margin:10px auto;}
.inner-work-fr{width:95%;}
.tempWrap{margin:0 auto;}
.inner-work-box1-nav2 li{margin:10px 6px 0 0;}
} 
@media only screen and (max-width:991px ) {
/*首页*/
.logo{float: none; margin:0 auto; width:110px; padding-bottom:0; margin-top:20px;}
.header-nav{margin:20px auto; float:none; text-align: center;}
}

@media only screen and (max-width:767px ) {
.logo{padding-bottom:15px;}
.index-header{overflow: initial;}
.menu{display:block;}	
.header-nav{position:absolute; top:80px; z-index: 1; display:none; width:100%; margin:0;border-bottom:1px solid #CCC;}
.header-nav li{display:block; width:100%; height:40px; line-height:40px; background:#fff; margin-left:0; text-align: center;}
.header-nav li:hover{border:none; background:#09add6;}
.header-nav li:hover a{color:#fff; display:block;}
.index-service-menu{width:240px;}
.service-submenu:li{margin:0 auto;}
.service-submenu dl{display:none;}
.show2{position: initial;}
.work-nav li{display:block; width:90%; margin:0 auto;}
.show1-text{width:90%; margin:0 auto;}
.inner-text img{width:95%;}
.plan a,.plan-word{float:none; display:block;}
.plan a{text-align:center; margin:10px auto; width:60%;}
.plan a img{width:100%; }
.plan-word{width:95%; margin:10px auto;}
}
@media only screen and (max-width:640px ) {
.work-menu{width:300px; margin:10px auto;}
.index-service-title2{width:80%;}
.business-nav li{display:block; margin:10px auto;}
.pc-show{display:none;}
.phone-show{display:block;}
.world-nav,.world span{display:block; float: none; text-align: center}
.world span{margin-bottom:20px;}
.world-nav li{margin-top:10px;}
.inner-work-box1-nav1 li{width:100%;}
.inner-work-box1-nav1 img{width:90%}
.inner-work-box1-nav2 li{width:31%; margin-left:-4px;}
.inner-work-box1-nav2 li img{width:100%;}
}
@media only screen and (max-width:480px ) {
.logo img{width:60px;}
.index-service-menu{padding-bottom:30px;}
.service-submenu{margin-right:0;}
.index-service-title1{font-size:20px;}
.index-service-menu{margin-top:0px;}
.show2 img{margin-top:40px;}
.show2{height:365px; width:210px;}
.business-nav li{width:145px; height:165px;}
.business-nav li img{margin-top:25px;}
.show1-title{margin-top:5%;}
.show1-text{font-size:12px; line-height:22px;}
.show1 .img_c{display:none;}
.news-list li dt{width:100%;}
.business-nav{width:300px; margin:10px auto;}
.business-nav li{display:inline-block; margin-left:0;}
.business-nav .shadow3{left:32px;}
.news-list{width:99%; margin:0 auto; text-align: center;}
.news-list li{width:100%;}
.news-list dl,.news-list dl img,.news-list dd {width:100%; overflow: hidden;}
.logo{float:left; margin-left:20px;}
.index-service-title1{width:80%;}
.show1-title{margin-top:10%;}
.index-about-article,.about-text{width:99%; margin:10px auto;}
.footer-connect,.wechat{float:none; margin:10px auto; text-align: center;}
.about-title{margin-left:14px;}
.about-text{width:93%;}
.about-title2{margin-left:14px;}
.index-about-article a{margin-left:15px;}
.about-title{font-size:20px;}
}