@charset "utf-8";
*{
padding:0;
margin:0;}
body{margin:0px; background:#FFFFFF; overflow-x:hidden;}
html, body{height:100%; }
div,a,input,td{font-family:"微软雅黑"; font-size:14px; line-height:24px; color:#666666; text-decoration:none;}
img{border:0px;}
.clear{clear:both;}
.kx{height:20px; overflow:hidden;}
.kx140{height:110px; overflow:hidden;}
.left{float:left;}
.right{float:right;}
ul{margin:0px;}
input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
    -webkit-appearance: none;
}


.box{height:560px; width:100%; overflow: hidden;}
        .movebox{
            height:200px;
            width:9000px;
            padding:0;
            position:relative;
            left:0;
        }
        .movebox li{
            height:200px;
            float:left;
            list-style:none;
            font-size:30px;
            color:#fff;
        }


.head{position: fixed; top: 0px; left: 0px; width: 100%;height: 60px; transition-duration:0.5s; z-index: 10;}
.head.on{background:#FFFFFF;border-bottom: 1px solid #F2F2F2; box-shadow: 0px 0px 3px #CCCCCC;}

.head .logo2 {display: none;}
.head .logo1 {display: block;}

.head.on .logo2 {display: block;}
.head.on .logo1 {display: none;}

.logo{width:100px; position:absolute; top:10px; left:2%; z-index:100; text-align:center;}
.logo img{height:40px;}


.warp{width:95%; margin:0px 2.5%;}

.ititle{margin:30px 0px; text-align:left;}
.ititle a{line-height:40px; font-size:20px; color:#000000;}

.iftitle{margin:0px; text-align:left; margin-bottom:60px;}
.iftitle a{line-height:20px; font-size:12px; color:#999999;}

.iser{text-align:center; margin-top:20px;}
.iser ul{margin:0px; padding:0px;}
.iser ul li{height:110px; text-align:center; width:30%; display:inline-table;}
.iser ul li img{width:40px;}
.iser ul li a{font-size:12px;}

.icasetitle{margin-top:0px;}
.icasetitle a{font-size:14px; color:#000000;}
.icasetitlebig{margin-top:10px;}
.icasetitlebig a{font-size:14px; color:#999999; font-weight:normal; padding-right:15px;}
.icasetitlebig a:hover{color:#333333;}
.icasetitlebig a.in{text-decoration:underline; color:#000000;}

.icase{width:100%; margin:20px 0px;}
.icase ul{margin:0px; padding:0px;}
.icase ul li{width:50%; float:left; overflow:hidden; position:relative; display:block;}
.icase ul li img{width:100%; transition: all 0.6s;margin: 2px;  }

.icase .case-summary{width:90%;height: 90%;background: url(../Images/black.png) repeat;top: 0;left: 0;position:absolute;padding: 5%;  opacity:0; transition-duration:0.5s;}
.icase .case-summary p{color: #f9f9f9;position: absolute;left: 0;font-size: 20px}
.icase .case-summary span{font-size: 24px;}
.icase .case-summary .p1{top: 0; font-size:14px;}
.icase .case-summary .p2{bottom: 0;font-size: 12px;}
.icase .case-summary .p2 span{font-size:14px;}

/*.icase ul li .black{width:100%; height:100%; background:rgba(0, 0, 0, 0)!important; filter:Alpha(opacity=0); background:#000000; position:relative; top:-280px; left:0px;}*/
.icase ul li:hover .case-summary{display:block;transition-duration:0.5s; opacity: 1;}
/*.icase ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}*/


.customer{width:100%;}
.customer ul{margin:0px; padding:0px;}
.customer ul li{width:25%; float:left; list-style:none;height: 52px;overflow: hidden;}
.customer ul li img{width:100%;}


.footkx{height:20px;}
.foot{width:95%; margin:2.5%; padding:20px 0px; display:table;}
.foot .left{width:70%; float:left;}
.foot .ewm{width:30%; float:right; text-align:right;}
.foot .ewm img{max-width:80%;}
.foot a{font-size:10px;}


.footkxx{height:70px;}




.footer{width:100%; height:50px; position:fixed; bottom:0px; left:0px; background:#00AEF3; border-top:1px solid #F2F2F2;display: block;}
.footer ul{margin:0px; padding:0px;}
.footer ul li{width:50%; height:50px; float:left; text-align:center; list-style:none;}
.footer ul li .nrl{border-right: 1px solid #FFFFFF;height: 50px;background: #F2F2F2;}
.footer ul li .nrl a{color: #000000;}
.footer ul li .nrr{border-right: 0px solid #FFFFFF;height: 50px;}
.footer ul li a{line-height:50px; font-size:13px; color:#FFFFFF;}
.footer ul li img{height:35px; margin-top:0px; vertical-align: middle;}


/* about */
.abouttitle{text-align:center; margin-top:20px;}
.abouttitle ul{margin:0px; padding:0px;}
.abouttitle ul li{list-style:none; display:inline-table; text-align:center; height:35px; margin:0px 0px; -moz-border-radius:35px; -webkit-border-radius:35px; border-radius:35px;}
.abouttitle ul li a{line-height:35px; padding:0px 10px; font-size:12px;}
.abouttitle ul li:hover a{color:#9F8244;}
.abouttitle ul li.in{color:#9F8244;}
.abouttitle ul li.in a{color:#9F8244;}


.abouttext{margin-top:0px;}
.aboutpic{height:500px; width:96%; margin:2%; background:url(../Images/aboutpic.jpg?vid=20192) no-repeat; background-size:100% 100%; background-attachment:fixed;}

.aboutcontent{width:95%; margin:20px 2.5%;}
.aboutcontent a,.aboutcontent p{font-size:12px; margin:0px;}
.aboutcontent img{width:100%;}


/* case */
.casedetail img{width:100%;}

.casetitle{width:100%; margin-top:30px; margin-bottom:20px;}
.casetitle a{font-size:18px; color:#333333;}
.casetitle a font{font-size:12px; color:#333333;}



.casetool{height:50px; width:100%; background:#; z-index:999;}
.casetool .next{width:50px; height:50px; background:url(../Images/jt1.png?vid=19) no-repeat center; background-size:30px 30px; margin:10px 10px; float:right;}
.casetool .perv{width:50px; height:50px; background:url(../Images/jt2.png?vid=19) no-repeat center; background-size:30px 30px; margin:10px 10px; float:right;}
.casetool .close{width:50px; height:50px; background:url(../Images/close.png?vid=1s9) no-repeat center; background-size:30px 30px; margin:10px 10px; float:right;}
.casetool .gotop{width:50px; height:50px; background:url(../Images/jt3.png?vid=1f9) no-repeat center; background-size:30px 30px; margin:10px 0px;}


.bannerin{
overflow:hidden;
    width:100%;
    height:200px;
    position: relative;
   
    padding:1px;
    box-sizing:border-box;
    z-index:1;
}
.bannerin:after{
    content: "";
    width:100%;
    height:200px;
    position: absolute;
    left:0;
    top:0;
    background: inherit;
/*	 -webkit-filter: blur(5px);
            -moz-filter: blur(5px);
            -o-filter: blur(5px);
            -ms-filter: blur(5px);
            filter: blur(5px);
*/    z-index: 2;
}



/* service */
.servicecontent{width:95%; margin:0px 2.5%; margin-top:20px; display:table; padding-bottom:40px;}
.servicecontent .left{width:100%; text-align:left;}
.servicecontent .left .title{margin-bottom:20px;}
.servicecontent .left .title a{font-size:18px; color:#000000; line-height:20px;}

.servicecontent .right{width:100%;}
.servicecontent .right img{width:100%; padding-bottom:20px;}
.servicecontent .right a{line-height:28px; font-size:12px;}
.servicecontent .right p{line-height:28px; font-size:12px; padding:0px; margin:0px;}


/* contact */

.contactcontent{width:95%; margin:0px 2.5%; margin-top:20px;}
.contactcontent .left{width:100%; text-align:center;}
.contactcontent .left .title a{font-size:18px; color:#000000;}
.contactcontent .left img{padding-top:10px;}

.contactcontent .right{width:100%; margin-top:30px;}
.contactcontent .right img{width:100%; padding-bottom:20px;}
.contactcontent .right a{line-height:28px; font-size:12px;}


/* news */

.newslist{width:100%; margin:auto; margin-top:20px;}
.newslist ul{margin:0px; padding:0px;}
.newslist ul li{width:100%; padding-bottom:20px; list-style:none;}
.newslist ul li .left{overflow:hidden;}
.newslist ul li .left img{width:100%; transition: all 0.6s; }

.newslist ul li .right{width:100%; margin-top:10px;}
.newslist ul li .right .up{height:20px;}
.newslist ul li .right .up a{line-height:20px; color:#000000; font-size:14px;}
.newslist ul li .right .up a:hover{color:#9F8244;}
.newslist ul li .right .time{height:20px;}
.newslist ul li .right .time a{line-height:20px; font-size:12px;}
.newslist ul li .right .down{height:120px; overflow:hidden; margin-top:10px;}
.newslist ul li .right .down a{line-height:18px; color:#999999; font-size:12px;}
.newslist ul li .right .down a:hover{color:#9F8244;}


.newsdetail{width:95%; margin:0px 2.5%;}
.newsdetail .time{margin-top:20px;}
.newsdetail .time a{font-size:12px; color:#333333; line-height:20px;}
.newsdetail .fl{margin-top:0px; margin-bottom:10px;}
.newsdetail .fl a{font-size:12px; color:#333333; line-height:20px;}
.newsdetail .title{height:20px; margin-top:10px;}
.newsdetail .title a{line-height:20px; color:#000000; font-size:16px;}

.newsdetail .con{margin-top:20px;}
.newsdetail .con a{font-size:12px; color:#999999;}
.newsdetail .con img{max-width:100%;}