@charset "UTF-8";
body,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div{margin:0px;padding:0px;border:0px;}
html,body{width: 100%;height: 100%;font-size:62.5%;}
body{font-family: "微软雅黑";font-size:12px;font-size:1.2rem;}
ul,dl,li{list-style-type:none;}
select,input{vertical-align:middle;}
a:link,a:visited,a:hover,a:active {color: #000;text-decoration: none;}
.clearfix{clear:both;}
.hide{display:none;}

.container{width:1000px;margin:auto;}

.header{position:fixed;left:0;top:0;width:100%;height:60px;background-color: #e6e6e6;opacity:0.7;filter:alpha(opacity=70);border-bottom:1px solid #cecece;z-index:99999}
.header .header-main{max-width:1000px;margin:auto;text-align: right;}
.header .header-main .logo{float:left;margin-left:20px;hieght:60px;}
.header .header-main .logo a{display: block;}
.header .header-main .logo a.logoTit{display: block;}
.header .header-main .logo a.subLogoTit{display: none;}
.header .header-main .logo a img{vertical-align: middle;margin-right:10px;}
.header .header-main .logo a span{vertical-align: middle;font-size:2rem;line-height: 60px;font-weight: bold;text-align: center;color:#309ed1;}

.header .header-main .nav{display:inline-block;padding-top:1rem;}
.header .header-main .nav ul{display:block;padding-left:10px;height:100%;}
.header .header-main .nav ul li{float: left;margin:0 3px;padding:0 15px;margin-top:6px;font-size:1.6rem;line-height: 32px;color:#000;cursor: pointer;}
.header .header-main .nav ul li:hover,.header .nav ul li.active{background-color: #008ffc;color:#fff;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;}
.header .header-main .navDrop{display: none;float:right;margin:10px 20px 10px 0;padding:8px;border:1px solid #000;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}
.header .header-main .navDrop .dropBorder{position:relative;width:15px;height:10px;border-top:1px solid #000;border-bottom:1px solid #000;}
.header .header-main .navDrop .dropBorder .line{position:absolute;top:46%;left:0;width: 100%;height:1px;background-color: #000;}

.section{position: relative;overflow: hidden;margin-top:30px;}
.section:first-child{margin-top:0;}

.banner{position:relative;width:100%;height:600px;background:url("../images/banner2.jpg") no-repeat center;}
.banner .words{position:absolute;left:50%;top:40%;width:850px;margin-left:-500px;text-align: right;}
.banner .words strong{font-size:3rem;font-size:30px;color:#309ed1;font-weight: 500;}
.banner .words p{margin-top:15px;font-size:2rem;font-size:20px;color:#309ed1;font-weight: 500;}

.commonList .commonTitle{margin-bottom:50px;font-size:3rem;font-size:30px;line-height: 3rem;text-align: center;}

.intro{margin-top:20px;width:100%;}
.intro .intro-content{font-size:1.5rem;font-size:15px;line-height: 2.3rem;text-indent: 40px;text-align: justify;text-justify: inter-word;}

.serviceList li {float: left;width: 25%;color: #FFF;}
.serviceList .box {width: 225px;height: 254px;background: #f65314;border: #FFF solid 9px;position: relative;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);}
.serviceList .li_02 .box {background: #26c7fc;}
.serviceList .li_03 .box {background: #44b573;}
.serviceList .li_04 .box {background: #5a3c82;}
.serviceList .img {position: absolute;left: 0;top: 55px;width: 100%;text-align: center;}
.serviceList a {color: #FFF;}
.serviceList .name {position: absolute;left: 0;top: 125px;width: 100%;text-align: center;text-transform: uppercase;font-size: 20px;opacity: 1;filter: alpha(opacity=1);}
.serviceList .name2 {position: absolute;left: 65px;top: 130px;white-space: nowrap;line-height: 26px;text-transform: uppercase;font-size: 20px;opacity: 0;filter: alpha(opacity=0);}
.serviceList .name div,.serviceList .name2 div {font-size: 25px;}
.serviceList .list {position: absolute;left: 0;top: 120px;width: 100%;opacity: 0;filter: alpha(opacity=0);}
.serviceList dl {margin: 0 15px;border-top: #FFF solid 1px;padding-top: 10px;}
.serviceList dd {float: left;width: 41%;height: 25px;line-height: 25px;overflow: hidden;padding-left: 9%;}
.serviceList .on .img {left: 10px;top: 12px;width: 55px;}
.serviceList .on .name {opacity: 0;filter: alpha(opacity=0);top: 100px;}
.serviceList .on .name2 {opacity: 1;filter: alpha(opacity=1);top: 18px;}
.serviceList .on .list {opacity: 1;filter: alpha(opacity=1);top: 80px;}

.solve{text-align: center;}
.solve .bx-wrapper{display: inline-block;}
.solve .solve-list{position:relative;display:inline-block;width:280px;height:360px;border:1px solid #e8e8e8;text-align: left;}
.solve .solve-list .shade{position:absolute;left:0;right:0;width: 280px;height: 170px;}
.solve .solve-list img{width: 280px;height: 170px;}
.solve .solve-list strong{margin:0 20px;font-size:1.7rem;font-size:17px;line-height:4rem;}
.solve .solve-list p{margin:0 20px;font-size:1.3rem;font-size:13px;line-height:2rem;}

.coreMain{width:100%;}
.coreMain li{float: left;width:45%;margin:0 2% 20px;height:180px;background-color: #fff;border:1px solid #cecece;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0px 0px 5px #949494;-moz-box-shadow: 0px 0px 5px #949494;-ms-box-shadow: 0px 0px 5px #949494;-o-box-shadow: 0px 0px 5px #949494;box-shadow: 0px 0px 5px #949494;}
.coreMain li .img{float: left;height:100%;width: 50%;position:relative;}
.coreMain li .img img{width:100%;height:100%;}
.coreMain li .info{float: left;width: 50%;height:100%;text-align: center;}
.coreMain li .info .t{margin:20px 0 15px;}
.coreMain li .info .t strong{display:block;font-size:20px;line-height: 40px;}
.coreMain li .info .t span{display:block;font-size:13px;line-height: 25px;}
.coreMain li .info .icons{margin-top:20px;}
.coreMain li .info .icons p{display:inline-block;width: 60px;height:70px;font-size:13px;line-height: 20px;}
.coreMain li .info .icons p i{display:inline-block;width: 100%;height:40px;background: url("../images/core_icons.png") no-repeat;}
.coreMain li .info .icons p i.icon_lt{background-position: 14px 0;}
.coreMain li:hover .info .icons p i.icon_lt,.coreMain li.active .info .icons p i.icon_lt{background-position: -91px 0;}
.coreMain li .info .icons p i.icon_fx{background-position: 14px -89px;}
.coreMain li:hover .info .icons p i.icon_fx,.coreMain li.active .info .icons p i.icon_fx{background-position: -91px -89px;}
.coreMain li .info .icons p i.icon_jh{background-position: 14px -177px;}
.coreMain li:hover .info .icons p i.icon_jh,.coreMain li.active .info .icons p i.icon_jh{background-position: -91px -177px;}
.coreMain li .info .icons p i.icon_sj{background-position: 14px -263px;}
.coreMain li:hover .info .icons p i.icon_sj,.coreMain li.active .info .icons p i.icon_sj{background-position: -91px -263px;}
.coreMain li .info .icons p i.icon_jiaohu{background-position: 14px -354px;}
.coreMain li:hover .info .icons p i.icon_jiaohu,.coreMain li.active .info .icons p i.icon_jiaohu{background-position: -91px -354px;}
.coreMain li .info .icons p i.icon_ty{background-position: 14px -443px;}
.coreMain li:hover .info .icons p i.icon_ty,.coreMain li.active .info .icons p i.icon_ty{background-position: -91px -443px;}
.coreMain li .info .icons p i.icon_ruanjian{background-position: 14px -531px;}
.coreMain li:hover .info .icons p i.icon_ruanjian,.coreMain li.active .info .icons p i.icon_ruanjian{background-position: -91px -531px;}
.coreMain li .info .icons p i.icon_yjjh{background-position: 14px -620px;}
.coreMain li:hover .info .icons p i.icon_yjjh,.coreMain li.active .info .icons p i.icon_yjjh{background-position: -91px -620px;}
.coreMain li .info .icons p i.icon_cs{background-position: 14px -709px;}
.coreMain li:hover .info .icons p i.icon_cs,.coreMain li.active .info .icons p i.icon_cs{background-position: -91px -709px;}
.coreMain li .info .icons p i.icon_jy{background-position: 14px -797px;}
.coreMain li:hover .info .icons p i.icon_jy,.coreMain li.active .info .icons p i.icon_jy{background-position: -91px -797px;}
.coreMain li .info .icons p i.icon_zy{background-position: 14px -881px;}
.coreMain li:hover .info .icons p i.icon_zy,.coreMain li.active .info .icons p i.icon_zy{background-position: -91px -881px;}
.coreMain li .info .icons p i.icon_ph{background-position: 14px -974px;}
.coreMain li:hover .info .icons p i.icon_ph,.coreMain li.active .info .icons p i.icon_ph{background-position: -91px -974px;}
.coreMain li:hover .img .filter{position:absolute;top:50%;left:50%;width: 10%;height:10%;margin:-5% 0 0 -5%;background-color: #000;opacity:0.6;transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;-webkit-transform:scale(0.2);}
.coreMain li:hover .img .filter.anim_image{transform:rotate(360deg) scale(10);-webkit-transform:rotate(360deg) scale(10);-moz-transform:rotate(360deg) scale(10);-o-transform:rotate(360deg) scale(10);-ms-transform:rotate(360deg) scale(10);}
.coreMain li:hover .img .filter.anim_image2{transform:scale(10);-webkit-transform:scale(10);-moz-transform:scale(10);-o-transform:scale(10);-ms-transform:scale(10);}

.contact{}
.contact .left{float: left;width:35%;margin-left:10%;}
.contact .left .notice{margin-bottom:15px;font-size:1.6rem;font-size: 16px;line-height: 3rem;line-height: 30px;color:#666;font-weight: bold;}
.contact .left p{font-size:1.4rem;font-size: 14px;line-height: 2.5rem;line-height: 25px;}
.contact .right{float: left;width:45%;margin-right:10%;text-align: right;}
.contact .right .wx_code{max-height: 100%;max-width:200px;border:1px solid #d6d6d6;-webkit-box-shadow:2px 3px 10px #929191;-moz-box-shadow:2px 3px 10px #929191;-ms-box-shadow:2px 3px 10px #929191;-o-box-shadow:2px 3px 10px #929191;box-shadow:2px 3px 10px #929191;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
/*.contact .right .inputs{float: left;width: 47%;margin:0 1.5%;}*/
/*.contact .right .inputs input{padding:0 2%;width: 96%;height:32px;margin:0 0 10px 0;font-size:1.3rem;line-height: 3rem;font-size:13px;line-height: 30px;border:1px solid #cecece;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;outline:none;}*/
/*.contact .right .inputs textarea{padding:0 2%;width: 96%;height:118px;margin:0 0 10px 0;font-size:1.3rem;line-height: 3rem;font-size:13px;line-height: 30px;border:1px solid #cecece;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;outline:none;}*/
/*.contact .right .inputs button{padding:0 2%;width: 96%;height:35px;margin:0 0 10px 0;font-size:1.5rem;line-height: 3rem;font-size:15px;line-height: 30px;color:#fff;background-color:#f00;cursor:pointer;border:1px solid #cecece;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}*/

.footer{margin-top:20px;padding:10px 5%;font-size:1.3rem;line-height: 2.5rem;font-size:13px;line-height: 25px;color:#fff;text-align: center;background-color: #2e2e2e;}
.footer span a{color:#fff;}
.footer span a:hover{color:#f00;}

@media screen and (min-width: 1000px){
    .container{width: 1000px;}
}
@media screen and (max-width: 900px){
    .header .header-main .logo a.logoTit{display: none;}
    .header .header-main .logo a.subLogoTit{display: block;}
}
@media screen and (max-width: 730px){
    .container{padding:0 20px;width: auto;}
    .header{height:50px;}
    .header .header-main .logo a{font-size:1.6rem;font-size:16px;}
    .header .header-main .logo a span{line-height: 50px;}
    .header .header-main .logo a.subLogoTit img{height:30px;}
    .header .header-main .nav{display: none;clear:both;float: none;padding-top:0;}
    .header .header-main .nav ul{background-color: #fff;padding:10px 0 5px 0;border-bottom:1px solid #cecece;}
    .header .header-main .nav ul li{float: none;margin-top: 0;color:#000;text-align: left;}
    .header .header-main .nav ul li:hover, .header .nav ul li.active{background-color: inherit;color:#309ed1;}
    .header .header-main .navDrop{display: inline-block;}
    .bannerMain{padding-top:40px;background-color:#000;}
    .banner{height:200px;background-size:auto 100%;}
    .contact .commonTitle{display: none;}
    .contact .left,.contact .right{float:none;width: 80%;margin:auto auto 10px;}
    .contact .right{text-align: left;}
    .coreMain li{width: 100%;margin:0 0 20px;}
    .coreMain li .img{display: none;}
    .coreMain li .info{width: 100%;color:#069ade;}
    .coreMain li .core1{background: url("../images/core1.jpg") no-repeat;background-size: 100%;}
    .coreMain li .core2{background: url("../images/core2.jpg") no-repeat;background-size: 100%;}
    .coreMain li .core3{background: url("../images/core3.jpg") no-repeat;background-size: 100%;}
    .coreMain li .core4{background: url("../images/core4.jpg") no-repeat;background-size: 100%;}
    .footer span{display: none;}
}
@media screen and (max-width: 380px){
    .bannerMain{padding-top:40px;background-color:#000;}
    .banner{height:200px;background-size:auto 100%;}
    .banner .words{position:static;width: auto;padding:80px 20px 0 20px;}
}
@media screen and (max-width: 1000px) {
    .commonList .commonTitle{margin-bottom:30px;}
    .serviceList {padding: 0 15px;}
    .serviceList ul {margin-right: -15px;}
    .serviceList li {width: 50%;}
    .serviceList .box {width: auto;height: 150px;border: #FFF solid 5px;margin:0 5px 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}
    .serviceList .img {top: 30px;}
    .serviceList .img img {width: 35px;}
    .serviceList .name {top: 75px;font-size: 16px;}
    .serviceList .name div,.serviceList .name2 div {font-size: 17px;}
    .serviceList .name2 {display: none;}

    .serviceList .on .img {display: none;}
    .serviceList .on .name {display: none;}
    .serviceList .on .name2 {display: none;}
    .serviceList .on .list {opacity: 1;filter: alpha(opacity=1);top: 0;}
}