/* CSS Document */
@charset "utf-8";
/* css 重置 */
*{padding:0;margin:0;}
body,div,ul,li,dl,dt,dd,h2,p{padding:0;margin:0;font-family:"微软雅黑";}
ul{list-style:none ;}
img{border:none;}
  header {
        height: auto;
        width: 100%;
        z-index: 9999;
		width:1200px;
		margin:0 auto;
    }
    
    .logo_area {
        padding: 0px 0;
        margin-top: 10px;
    }
	
/* banner-box */
.banner-box{width:100%;height:623px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:623px;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:100%;position:absolute;top:120px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top:210px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}
	
	
	
	
	
    
/*水磨介绍*/
.mine{ width:1200px; margin:50px auto 0 auto; height:auto; overflow:hidden;}
.mine h2{ text-align:center; color:#999999; font-size:20px;  padding-bottom:10px; font-weight: lighter;}
.mine h3{ text-align:center; color:#333333; font-size:24px; margin-top:4px;}
.mine h4{ text-align:center; color:#333333; font-size:14px; margin-top:4px;}
.mine .popo{ width:1200px; margin:0 auto; height:auto; overflow:hidden;}

.mine .popo .left{ float:left; text-align:left; width:530px; color:#4c4c4c;}
.mine .popo .left span{ float:left; text-align:left; font-size:14px; color:#4c4c4c; line-height:25px; text-align: justify;}
.mine .popo .left img{ margin-top:20px;}
.mine .popo .right{ float:right; text-align:left; margin-top:20px; width: 600px;}

.mine .popo .right h2{text-align:center; color:#21c2f8; font-size:18px; font-weight: bold;}

.mine .popo .right h3{text-align:left; float: left; color:#58b6d5; font-size:16px;line-height: 32px;margin-top:60px;}

.mine .popo .right h4{text-align:left; float: right; color:#58b6d5; font-size:16px;line-height: 32px;margin-top:60px;}


.mine .popo .right p{text-align: left;}


/*使用场景*/
.minea { width:1200px; height:450px; overflow:hidden; margin: 60px auto; background: #fafafa;}

.minea .advantage{ width:1200px; margin:60px auto 0 auto; height:auto; overflow:hidden;}
.minea  .left{width: 460px; float: left; text-align: right;}
.minea .advantage .left h2{ font-size: 30px; text-align: right; }
.minea .advantage .left p{ font-size: 15px; text-align: right;padding: 20px 0px; color: #555; }
.minea h1{ font-size: 30px;color: #0068b7 }
.minea h2{ font-size: 14px;color: #0068b7 }

.minea .right{width: 700px; float: right; text-align: right; margin-top:30px;}
.minea .right .title{ width: 260px; float: left; text-align: center;  margin-left: -40px;}
.minea .right .title h2{ text-align:center; color:#999999; font-size:20px;  padding-bottom:10px; font-weight: lighter; }
.minea .right .title h3{ text-align:center; color:#333333; font-size:24px; margin-top:4px; text-align: center;}
.minea .right .title h4{ text-align:center; color:#333333; font-size:14px; margin-top:4px; text-align: center;}



.globea{position: relative;
    overflow: hidden;
     background: url(../images/in7.jpg)no-repeat; padding: 0px; height: 720px;
    background-position: 50% 50%;
background-repeat: no-repeat;
overflow: hidden;
display: block;
outline: medium none;
position: relative;
z-index: 1;
background-size: cover;}

.globea .wenbena{ width: 1200px; margin: 0 auto; padding: 40px; text-align: center; margin-top:20px; } 

.globea .wenbena h1{font-size: 26px ;color: #303538; text-align: center;}

.globea .wenbena p{font-size: 16px ;color: #555; text-align: center; padding: 20px; line-height: 26px;}


.mineb{ width:1200px; margin:-160px auto 0 auto; height:auto; overflow:hidden;}
.mineb ul{ width:1200px; height:auto; float:left; list-style:none;}
.mineb ul li{ width:388px; height:auto; float:left; list-style:none; text-align:left; overflow:hidden;}
.mineb ul li h2{ font-size:16px; color:#0068b7; text-align:left; padding-top:10px;}
.mineb ul li p{ font-size:13px; text-align:left; float:left; width:380px; color:#666666;}

.minec { width:1200px; margin:60px auto 0 auto; height:auto; overflow:hidden;}
.minec h2{text-align:center; color:#333333; font-size:16px; font-family:AXIS Std; font-weight:lighter; padding-top:10px;}
.minec  h3{ text-align:center; color:#333333; font-size:24px; margin-top:4px;}
.minec .principle{ width:1200px; margin:0px auto 30px auto; height:auto; overflow:hidden;}
.mineff{width: 366px; height: 393px; border: #ddd 1px solid; float: left; margin-right: 30px;}
.mineff h1{ font-size: 16px; color: #303538; padding: 0px 15px; text-align: left; }
.mineff p{ font-size: 14px; color: #303538; padding: 0px 15px; text-align: left; }




.minec .principle .left{width: 800px; float: left; height: auto; overflow: hidden;}
.minec .principle .left ul{ width:540px; float:left; text-align:left; height:auto; overflow:hidden;}
.minec .principle .left ul li{ width:270px; float:left; list-style:none; text-align:left; height:auto; overflow:hidden;}
.minec .principle .left ul li h2{ font-size:18px; color:#0068b7; text-align:center; padding-top:10px;}
.minec .principle .left ul li p{ font-size:13px; text-align:center; margin:0 auto; width:200px; color:#666666;}


.minec .principle .right{ width:400px; float:right; text-align:left; height:auto; overflow:hidden;}
.minec .principle .right h1{  font-size:26px; color:#555; text-align:left; padding-top:10px;}
.minec .principle .right p{ font-size:13px; text-align:left; color: #a4aaae; padding-top:20px; width:440px; line-height:24px;}
.footer{position: relative;
    overflow: hidden;
     background: url(../images/in12.jpg)no-repeat; padding: 0px; height: 60px;
    background-position: 50% 50%;
background-repeat: no-repeat;
overflow: hidden;
display: block;
outline: medium none;
position: relative;
z-index: 1;
background-size: cover;}
.footer .content{ width:1200px; height:100px; margin:0px auto 0 auto; color:#fff; padding-top: 20px; text-align: center; }
.footer .content .left{ width:820px; height:100px; text-align:left; color:#fff; float:left; padding-top:10px;}
.footer .content .left ul{ width:820px; height:30px; text-align:left; color:#fff; float:left; list-style:none;}
.footer .content .left ul li{ width:110px; height:30px; text-align:center; color:#fff; float:left; list-style:none;}
.footer .content .left ul li a{ width:110px; height:30px; text-align:center; color:#fff; float:left; list-style:none;}
.footer .content .left ul li a:hover{ width:110px; height:30px; text-align:center; color:#ff0000; float:left; list-style:none; text-decoration:none;}
.footer .content .left p{ width:820px; text-align:left; color:#fff; float:left; margin-left:40px; font-weight:lighter; padding-top:10px;}
.footer .content .right{ width:300px;  text-align:right; color:#fff; float:right; padding-top:10px; margin-top:-10px;}
.footer .content .right p{ text-align:right; color:#fff; padding-top:3px; font-size:13px; padding-right:12px;}


 .imgMove:hover {
    /* transition: All 1s ease-in-out; */
    /* position: relative;  */
    transform:scale(1.1);
    /* overflow: hidden; */
    /* width: 100%; */
    /*height:260px;*/
}
 .imgMove{
	transition: All 1s ease-in-out;
    position: relative; 
    overflow: hidden;
    width: 100%;
    /*height:260px;*/
}





.principl{ width:100%; height:300px; margin:0 auto; background:url(../images/in10.jpg) no-repeat center center #f3f7f8;}
.principlea{ width:100%; height:100%; overflow:hidden; background:#f3f7f8; padding-bottom: 20px;}
.principlea .print{ width:1200px; height:100%; overflow:hidden; background:#fff; margin:0 auto; text-align:center; padding:40px 0px 10px 0px; }
.principlea .print span{ font-size:18px; padding:10px 40px 10px 40px; color:#fff; text-align:center; background:#0068b7; margin-top:40px; line-height: 40px;}
.principlea .print h2{ font-size:18px; padding:10px 40px 10px 40px;text-align:center;  margin-top:10px; }

.principle{width: 1080px;
    height: auto;
    overflow: hidden;margin: 0 auto
     }

 .photocoy{ width: 679px;float: left; }
.photocoylf{ width: 340px;float: right; text-align: left }  
.photocoylf h1{ color: #0068b7;font-size: 18px;margin-top:60px;line-height: 26px; }  
.photocoylf  p  {margin: 0px auto;text-align: justify; width: 340px;}

.principlea .print p{ text-align:left; width:1050px; margin:0px auto; text-align:justify;}

.principlea .print .principle .left{ width:540px; float:left; text-align:left; height:auto; overflow:hidden; margin-left:25px;}
.principlea .print .principle .left ul{ width:540px; float:left; text-align:left; height:auto; overflow:hidden;}
.principlea .print .principle .left ul li{ width:270px; float:left; list-style:none; text-align:left; height:auto; overflow:hidden;}
.principlea .print .principle .left ul li h2{ font-size:18px; color:#0068b7; text-align:center; padding-top:10px;}
.principlea .print .principle .left ul li p{ font-size:13px; text-align:center; margin:0 auto; width:200px; color:#666666;}

.principlea .print .principle .right{ width:580px; float:right; text-align:left; height:auto; overflow:hidden;}
.principlea .print .principle .right h1{  font-size:24px; color:#0068b7; text-align:left; padding-top:30px;}
.principlea .print .principle .right p{ font-size:13px; text-align:left; padding-top:10px; width:440px; line-height:24px; float:left;}



.principlea .print .yanshi{ width:1200px; height:100%; overflow:hidden; background:#fff; margin:0 auto; text-align:center; padding:40px 0px 0px 0px; }
.principlea .print .yanshi span{ font-size:16px; padding:10px 40px 10px 40px; color:#fff; text-align:center;  margin-top:40px; margin-bottom:40px;}
.principlea .print .yanshi  p{ text-align:left; width:960px; margin:30px auto; text-align:justify; line-height:24px;}
.principlea .print .tupian{ width:1050px; height:100%; overflow:hidden; background:#fff; margin:0 auto; text-align:center;  }
.principlea .print .tupian ul{ width:1050px; height:100%; overflow:hidden; background:#fff; margin:0 auto; text-align:center; float:left; }
.principlea .print .tupian ul li{ width:330px; height:100%; list-style:none; overflow:hidden; background:#fff; margin:0 auto; text-align:center; float:left; }
.principlea .print .tupian ul li p{ text-align:left; font-size:13px; width:330px; padding-top:10px; }

/*产品特点和优势*/
.odds{ width:100%; height:300px; margin:0 auto; background:url(../images/in31.jpg) no-repeat center center;}
.oddsa{ width:100%; height:100%; overflow:hidden; background:#f3f7f8; padding-bottom: 20px;}
.oddsa .print{ width:1200px; height:100%; overflow:hidden; background:#fff; margin:0 auto; text-align:center; padding:40px 0px 10px 0px; }
.oddsa .print .coat{ width:1100px; height:100%; overflow:hidden; background:#fff; margin:0 auto; text-align:center;}
.oddsa .print .coat h1{ font-size:24px; text-align:center; color:#0068b7;}
.oddsa .print .coat ul{ width:1100px; height:100%; overflow:hidden; background:#fff; margin:30px auto; float:left; text-align:left;}
.oddsa .print .coat li{ width:550px; height:100%; overflow:hidden; background:#fff; margin:0 auto;  float:left; text-align:left; padding-right:30px; line-height:25px; font-size:13px;}
.oddsa .print .tech{ width: 160px;
    height: 40px;
    background: #0068b7;
    margin: 0 auto;
    margin-bottom: 10px;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    line-height: 40px;
     }
.oddsa .print .advt{ width:1100px; height:100%; overflow:hidden; background:#fff; margin:20px auto; text-align:center;  }
.oddsa .print .advt .left{ width:642px; height:100%; overflow:hidden; background:#fff; margin:0 auto; text-align:left; float:left  }
.oddsa .print .advt .p{ width:642px; height:100%; overflow:hidden; background:#fff; margin:0 auto; text-align:left; float:left ; text-align:left; }
.oddsa .print .advt .left tr td{
	border:#fff 1px solid;
	background:#eff8ff;
	padding:10px;
	color: #333;
}

.oddsa .print .advt .left h2{ overflow:hidden; background:#d1eafd; margin:30px auto; font-size:20px; text-align:center; color:#333; line-height:40px; padding:0px 240px 0px 240px; }
.oddsa .print .advt .left h3{ text-align:center; width:340px; margin:15px auto; color:#e40014; font-size:18px;}
.oddsa .print .advt .left .adda{ width:640px; float:left; margin:0 auto; text-align:left;}
.oddsa .print .advt .left .adda h1{text-align:center; width:200px; margin:15px auto; height:45px;  background:#0068b7; float:left; line-height:45px; color:#fff; font-size:24px;}
.oddsa .print .advt .left .adda p{ float:left;}
.oddsa .print .advt .left .adda ul{ width:640px; float:left; margin:0 auto; text-align:left;}
.oddsa .print .advt .left .adda ul li{ width:315px; float:left; margin:0 auto; text-align:left; list-style:none;}

.oddsa .print .advt .right{ width:420px; height:100%; overflow:hidden; background:#fff; margin:0 auto; text-align:left; float:right  }
.oddsa .print .advt .right h2{ overflow:hidden; background:#d1eafd; margin:16px auto; font-size:20px; text-align:center; color:#333; line-height:40px; padding:0px 140px 0px 140px; }
.oddsa .print .advt .right .adda{ width:420px; float:left; margin:36px auto 0 auto; text-align:left;}
.oddsa .print .advt .right .adda h1{text-align:center; width:200px; margin:15px auto; height:45px;  background:#0068b7; float:left; line-height:45px; color:#fff; font-size:24px;}
.oddsa .print .advt .right .adda p{ float:left;}
.oddsa .print .advt .right .adda ul{ width:420px; float:left; margin:0 auto; text-align:left;}
.oddsa .print .advt .right .adda ul li{ width:315px; float:left; margin:0 auto; text-align:left; list-style:none;}

/*关于我们*/
.aboutus{ width:100%; height:300px; margin:0 auto; background:url(../images/in14.jpg) no-repeat center center #f3f7f8;}
.about{ width:100%; height:100%; overflow:hidden; background:#f3f7f8; padding-bottom: 20px;}
.about .print{ width:1200px; height:100%; overflow:hidden; background:#fff; margin:0 auto; text-align:left; }
.about .print .papera{ width:1100px; height:100%; overflow:hidden; background:#fff; margin:20px auto; text-align:left; }
.about .print .papera  .newspaper{ -moz-column-count:3; /* Firefox */
/*-webkit-column-count:3;  Safari and Chrome */
/*column-count:3;*/
-moz-column-gap:30px; /* Firefox */
-webkit-column-gap:30px; /* Safari and Chrome */
column-gap:30px;
margin-top:20px;
}
.about .print .papera .contact{ width:1100px; height:100%; overflow:hidden; background:#fff; margin:20px auto; text-align:left; }
.about .print .papera .contact h1{ width:1100px; height:100%; overflow:hidden; background:#fff; margin:20px auto; text-align:left; font-size:24px; color:#0068b7; }

/*使用案例*/
.coat{ width:100%; height:300px; margin:0 auto; background:url(../images/in18.jpg) no-repeat center center #f3f7f8;}
.coata{ width:100%; height:100%; overflow:hidden; background:#f3f7f8; padding-bottom: 20px;}
.coata .tech{ width:1200px; height:100%; overflow:hidden; background:#fff; margin:0 auto; text-align:left; padding: 15px;}
.coata .tech .tabbiao{ width:1200px; height:100%; overflow:hidden; background:#fff; margin:20px auto; text-align:left;}
.coata .tech .tabbiao  .biaoqian{ width:1100px; height:100%; overflow:hidden; background:#fff; margin:0 auto; text-align:left;}
.coata .tech .tabbiao h2{ margin:0 auto; text-align:left; font-size: 16px; line-height: 26px;}

/*施工方法*/
.method{ width:100%; height:300px; margin:0 auto; background:url(../images/in30.jpg) no-repeat center center;}
.methoda{ width:100%; height:100%; overflow:hidden; background:#f3f7f8; padding-bottom: 20px;}
.methoda .way{ width:1200px; height:100%; overflow:hidden; background:#fff; margin:0 auto; text-align:left;}
.methoda .way .plan{ width:1100px; height:100%; overflow:hidden; background:#fff; margin:30px auto 10px auto; text-align:left;}
.methoda .way .plan .left{ width:550px; height:100%; float:left; overflow:hidden; background:#fff; margin:0 auto; text-align:left;}
.methoda .way .plan .right{ width:550px; height:299px; padding-left:110px; padding-top:60px; float:right; overflow:hidden; background:#fafafa; margin:0 auto; text-align:left;}
.methoda .way .plan .right span{ background:#0068b7; padding:5px 20px 5px 20px; text-align:center; color:#fff; font-size:18px;}
.methoda .way .plan .right p{ text-align:left; margin-top:20px;}
.methoda .way .tactics{ width:1100px; height:100%; overflow:hidden; background:#fff; margin:20px auto; text-align:left;}
.methoda .way .tactics .left{ width:550px; height:299px; padding-left:110px; padding-top:60px; float:left; overflow:hidden; background:#fafafa; margin:0 auto; text-align:left;}
.methoda .way .tactics .right{ width:550px; height:100%; float:right; overflow:hidden; background:#fff; margin:0 auto; text-align:left;}
.methoda .way .tactics .left span{ background:#0068b7; padding:5px 20px 5px 20px; text-align:center; color:#fff; font-size:18px;}
.methoda .way .tactics .left p{ text-align:left; margin-top:20px;}

.methoda .way .tactica{ width:1100px; height:100%; overflow:hidden; background:#fff; margin:20px auto; text-align:left;}
.methoda .way .tactica .left{width:550px; height:100%; float:left; overflow:hidden; background:#fff; margin:0 auto; text-align:left; }
.methoda .way .tactica .right{width:550px; height:299px; padding-left:110px; padding-top:60px; float:right; overflow:hidden; background:#fafafa; margin:0 auto; text-align:left; }
.methoda .way .tactica .right span{ background:#0068b7; padding:5px 20px 5px 20px; text-align:center; color:#fff; font-size:18px;}
.methoda .way .tactica .right p{ text-align:left; margin-top:20px;}

.methoda .way .tacticb{ width:1100px; height:100%; overflow:hidden; background:#fafafa; margin:20px auto; text-align:left; padding:30px 30px 10px 30px;}
.methoda .way .tacticb span{ background:#0068b7; padding:5px 20px 5px 20px; text-align:center; color:#fff; font-size:18px; margin:30px auto;}
.methoda .way .tacticb ul{ width:1040px; height:100%; overflow:hidden; float:left; list-style:none; margin:30px auto; text-align:left; }
.methoda .way .tacticb ul li{ width:208px; height:100%; float:left; list-style:none; overflow:hidden; margin:0px auto; text-align:center; }
.methoda .way .tacticb ul li span{background:#0068b7; padding:5px 20px 5px 20px; float:left; text-align:center; color:#fff; font-size:14px; margin:20px auto 0 30px;}
.methoda .way .tacticb p{ text-align:left;}

.methoda .way .tacticc{ width:1100px; height:100%; overflow:hidden; background:#fff; margin:40px auto 20px auto; text-align:left;}
.methoda .way .tacticc .left{ width:550px; height:100%; overflow:hidden; background:#fff; margin:0 auto; float:left; text-align:left; }
.methoda .way .tacticc .right{ width:500px; height:100%; overflow:hidden; background:#fff; margin:0 auto; float:right; text-align:left; }
.methoda .way .tacticc .right span{background:#0068b7; padding:5px 20px 5px 20px; text-align:center; color:#fff; font-size:18px; margin:30px auto; }
.methoda .way .tacticc .right p{text-align:left; margin-top:20px; }
.methoda .way .tacticc .right .brush{ width:auto; margin:20px auto; text-align:left; float:left;}
.methoda .way .tacticc .right .brush h2{ text-align:left; color:#0068b7; font-size:16px; margin-top:30px;}
.methoda .way .tacticc .right .brush p{ text-align:left; margin-top:5px;}


/*产品一览*/
.product{width:100%; height:300px; margin:0 auto; background:url(../images/in32.jpg) no-repeat center center #f3f7f8;}

.products{ width:100%; height:100%; overflow:hidden; background:#f3f7f8; padding-bottom: 20px;}
.products .goods{ width:1200px; height:100%; overflow:hidden; background:#fff; margin:0 auto; text-align:left;}
.products .goods .output{ width:1100px; height:100%; overflow:hidden; background:#fff; margin:20px auto; text-align:left;}
.products .goods .output ul{ width:1100px; height:100%; overflow:hidden; background:#fff; margin:0 auto; text-align:left;}
.products .goods .output ul li{ width:1100px; height:50px; background:#009bf6; color:#fff; text-align:left; text-indent:2em; overflow:hidden; background:#fff; margin:0 auto; text-align:left;}

/*主页*/

.Homepage{width:100%; height:808px;
 margin:0 auto; background:url(../images/index33.jpg) no-repeat center center;}
 .content{width: 1200px; margin: 0 auto; }
.content h1{ font-size: 36px; color: #fff; padding-top:690px; text-align: center; }
.content h2{ font-size: 32px; color: #fff;  text-align: center; }
.content h3{ font-size: 26px; color: #fff;text-align: left ;font-weight: normal;}
.wenmen{ position: absolute;
    top: 269px;
    width:373px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 20px;
    background-color:rgba(0,0,0,0.3);color: #fff;left: 0;}
.imgges{width: 373px; height: 333px; overflow: hidden; position: relative;}

.imggesa{width: 572px; height: 332px; overflow: hidden; position: relative;}

.imggesb{width: 1200px; height: 332px; overflow: hidden; position: relative;}

.wenmena{ position: absolute;
    top: 269px;
    width:572px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 20px;
    background-color:rgba(0,0,0,0.3);color: #fff;left: 0;}

.wenmenb{ position: absolute;
    top: 269px;
    width:1200px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 20px;
    background-color:rgba(0,0,0,0.3);color: #fff;left: 0;}


.Homepagea{width:100%; height:917px;
 margin:0 auto; background:url(../images/index35.jpg) no-repeat center center;}


 .Homepageb{width:100%; height:455px;
 margin:0 auto; background:url(../images/in46.jpg) no-repeat center center;}

 .content1 h1{ font-size: 36px; color: #fff; padding-top:40px; text-align: center; }
.content1 h2{ font-size: 32px; color: #fff;  text-align: center; }