@charset "utf-8";
/* CSS Document */
.focusBox {
	width:100%;
	height:458px;
	position:relative;
	overflow:hidden;
}
.focusBox .pic {
	position: relative;
	z-index: 0;
}
.focusBox .pic img {
	width: 100%;
	height: 458px;
	display: block;
}
.focusBox .prev{ background:url(../img/left-1.png) no-repeat; display:block; width:100px; height:47px; position:absolute; bottom:30px; left:50%;}
.focusBox .prev:hover{ background:url(../img/left-2.png) no-repeat;}
.focusBox .next{ background:url(../img/right-1.png) no-repeat;display:block; width:100px; height:47px; position:absolute;bottom:30px; right:38%;}
.focusBox .next:hover{ background:url(../img/right-2.png) no-repeat;}

.intro{ width:1200px; position:relative; left:50%; margin-left:-600px;}
.duction{ position:relative; width:1200px; margin:75px 0; display:table;}
.duction .main-duction{ width:758px;}
.duction .main-duction h3{ font-size:20px; color:#DB3717;}
.duction .main-duction p{ color:#000; line-height:28px; margin-top:20px; font-size:15px;}

.main-tit{ width:290px; height:399px; position:absolute; right:0; z-index:1; cursor:pointer;}
.main-tit1{  top:-160px; background:url(../img/in-tit1.jpg) no-repeat center center;}
.main-tit2{ top:88px; background:url(../img/in-tit2.png) no-repeat center center;}
.main-tit .main-sub-txt{width:90%; height:94%; position:absolute; left:50%; margin-left:-45%; top:3%; border:1px solid #FFF; display:table;}
.main-tit .main-sub-txt h3{ font-size:40px; color:#fff; margin-top:60px; text-align:center; font-family:"Constantia"; text-transform:uppercase; }
.main-tit .main-sub-txt h4{ margin-top:35px; font-weight:bold; font-size:18px; color:#fff; text-align:center;}
.main-tit .main-sub-txt p{ margin-top:10px; color:#fff; text-align:center; font-family:"Arial";}
.main-tit .main-sub-txt a{ display:block; width:100px; height:32px; margin:70px auto 0; text-align:center; line-height:32px; text-transform:uppercase; color:#fff;  }
.main-tit .main-sub-txt .main-bg{ width:34px; height:5px; margin:10px auto 0; background:url(../img/in-xian.png) no-repeat center center;}

.main-ico-box{ width:1600px; height:360px; position:relative; left:-400px; background-color:#F8F8F8; display:table;}
.main-ico-box .main-sub-ico-box{ float:right; width:1200px; padding:72px 0;}
.main-ico-box .main-sub-ico-box .main-sub-ico-video{ 
   float:left; 
   width:289px; 
   height:216px;
}
.main-ico-box .main-sub-ico-box .main-sub-ico-rit{
	width:800px;
	float:right;  	
}
.main-ico-box .main-sub-ico-box .main-sub-ico-rit li{ 
    float:left; 
    width:118px; 
    margin-right:80px;
	text-align:center;
	margin-top:60px;
}
.main-ico-box .main-sub-ico-box .main-sub-ico-rit li dl dt{
	width:118px;
	height:118px;
	border-radius:50%;
	border:2px solid #2c2b3b;
	-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    -moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    -o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
}
.main-ico-box .main-sub-ico-box .main-sub-ico-rit li dl dd h4{
	font-size:18px;
	color:#000;
	margin-top:28px;	
}
.main-ico-box .main-sub-ico-box .main-sub-ico-rit li dl dd p{
	color:#d82b25;
	text-transform:uppercase;
	font-family:"Arial";
	margin-top:7px;
	font-size:14px;
}
.main-ico-box .main-sub-ico-box .main-sub-ico-rit li dl dd span{
	display:block;
	width:10px; 
	border-top:1px solid #000000;
	margin:10px auto;
}
.main-ico-box .main-sub-ico-box .main-sub-ico-rit li.inbg1 dt{
	background:url(../img/xx1.png) no-repeat center center;
}
.main-ico-box .main-sub-ico-box .main-sub-ico-rit li.inbg1:hover dt{
	background:url(../img/xx11.png) no-repeat center center;
	background-color:#e39912;
	border-color:#e39912;
}
.main-ico-box .main-sub-ico-box .main-sub-ico-rit li.inbg2 dt{
	background:url(../img/xx22.png) no-repeat center center;
}
.main-ico-box .main-sub-ico-box .main-sub-ico-rit li.inbg2:hover dt{
	background:url(../img/xx2.png) no-repeat center center;
	background-color:#e39912;
	border-color:#e39912;
}
.main-ico-box .main-sub-ico-box .main-sub-ico-rit li.inbg3 dt{
	background:url(../img/xx3.png) no-repeat center center;
}
.main-ico-box .main-sub-ico-box .main-sub-ico-rit li.inbg3:hover dt{
	background:url(../img/xx33.png) no-repeat center center;
	background-color:#e39912;
	border-color:#e39912;
}
.main-ico-box .main-sub-ico-box .main-sub-ico-rit li.inbg4 dt{
	background:url(../img/xx4.png) no-repeat center center;
}
.main-ico-box .main-sub-ico-box .main-sub-ico-rit li.inbg4:hover dt{
	background:url(../img/xx44.png) no-repeat center center;
	background-color:#e39912;
	border-color:#e39912;
}

.assembly{ width:1920px; margin-top:100px; position:relative; left:50%; margin-left:-960px; display:table;}

.waper-tit{ width:100%; text-align:center;}
.waper-tit h3{ font-size:34px;color:#FF9E20; text-transform:uppercase;}
.waper-tit h3 a{ font-size:14px; margin-left:20px;}
.waper-tit h5{ margin-top:20px; font-size:15px; color:#000; text-transform:uppercase;}
.waper-tit span{ display:block; width:165px; height:5px; background:url(../img/in-tit-bg.png) no-repeat center center; margin:15px auto;}

.case-list{ width:1920px; height:507px; background:url(../img/zpe-bg.jpg) no-repeat center center;}
.sub-case-list{ width:1280px; margin:0 auto; display:table;}
.sub-case-list li{ float:left; width:33.333333%; height:507px; position:relative;}
.sub-case-list li .bg-list-img{ position:absolute; bottom:54px; width:100%; height:397px; background:100% 100%;
    -webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    -moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    -o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
}
.sub-case-list li .bg-list-tit{ width:100%; height:54px; position:absolute; bottom:0px; text-align:center;}
.sub-case-list li .bg-list-tit h4{ display:inline-block; height:54px; line-height:54px; margin:0 auto; border-bottom:2px solid #E2E2E2; font-size:15px; color:#363636; text-align:center;}
.sub-case-list li .bg-list-more{ position:absolute; bottom:0; display:block; width:100%; height:54px; text-align:center; line-height:54px; color:#fff; font-family:"Arial";
	 text-transform:uppercase; 
     background:url(../img/in-jt.png) no-repeat 260px center; 
     background-color:#3C3A38;
	 opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    -moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    -o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
}
.sub-case-list li .bg-list-yew{ position:absolute; bottom:54px; width:100%; padding:49px 0; background-color:#FF9E20; text-align:center;
    opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    -moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    -o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
}
.sub-case-list li:last-child .bg-list-yew{ padding:39px 0;}
.sub-case-list li .bg-list-yew h5{ max-width:90px; padding-bottom:20px; font-size:15px; color:#fff; text-align:center; margin:0 auto; border-bottom:2px solid #fff; text-align:center;}
.sub-case-list li .bg-list-yew small{ display:inline-block; margin-top:20px; color:#fff; font-size:12px;}
.sub-case-list li .bg-list-hs{ position:absolute; top:-54px; width:100%; height:330px; background-color:#3C3A38; 
    background-color:rgba(0,0,0,0.4);
	opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);	
	-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    -moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    -o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;	
}
.sub-case-list li .bg-list-hs .bg-list-sub-hs{
	width:90%; 
	height:95%; 
	margin:4% auto 0;
	border:1px solid #fff;
	border-bottom:none;
}
.sub-case-list li .bg-list-hs .bg-list-sub-hs p{
	width:90%; 
	margin:27px auto 0;
	line-height:22px;
	color:#fff;
}

.sub-case-list li:hover .bg-list-more,
.sub-case-list li:hover .bg-list-yew,
.sub-case-list li:hover .bg-list-hs
{
	opacity:1;
	-moz-opacity:1;
	-webkit-opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);	
}
.sub-case-list li:hover .bg-list-tit h4{ border:none;}
.sub-case-list li:hover .bg-list-img{ height:507px;}

.products{ width:1920px; position:relative; left:50%; margin-left:-960px; background:url(../img/small-bg.jpg) repeat-x left top; display:table;}
.products .sub-products{ position:relative; width:1200px; margin:0 auto; display:table;}

.waper-tit2{ width:845px; margin-top:180px; text-align:right;}
.waper-tit2 h3{ color:#000000;}
.waper-tit2 p{ margin-top:0px; color:#999999;}

.main-pro-chan{ width:910px; height:360px; margin-top:50px; display:table;}
.main-pro-chan .top-min-chan{ float:left; position:relative; width:50%; height:180px;}
.main-pro-chan .top-min-chan .min-bg{ position:absolute; left:0; top:0; width:100%; height:180px; background-color:#3C3A38; background-color:rgba(0,0,0,0.3); cursor:pointer;
    -webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    -moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    -o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
}
.main-pro-chan .top-min-chan .min-bg .sub-min-bg{ width:425px; height:150px; margin:3% auto 0; border:1px solid rgba(0,0,0,0);}
.main-pro-chan .top-min-chan .min-bg .sub-min-bg a{ display:block; width:120px; height:38px; border:1px solid #fff; text-align:center; line-height:38px; font-size:14px; color:#fff; margin:57px auto 0;}
.main-pro-chan .top-min-chan .min-bg:hover{ background-color:#FEA637; background-color:rgba(254,166,55,0.8);}
.main-pro-chan .top-min-chan .min-bg:hover .sub-min-bg{  border:1px solid #fff;}
.main-pro-chan .top-min-chan2{ width:303.3px;}
.main-pro-chan .top-min-chan2 .sub-min-bg{ margin:5% auto 0 !important; width:270px !important;}

.pragmatic{ width:1920px; position:relative; left:50%; margin-left:-960px; display:table;}
.pragmatic .pramat-top-tit{ position:relative; width:1200px; height:449px; margin:0 auto; display:table; background:url(../img/hj-in-bg.jpg) no-repeat 666px top;}

.waper-tit3{ position:absolute; right:0px; bottom:0px; text-align:left; padding-bottom:50px; width:668px;}
.pra-bbc{ position:absolute; left:0px; bottom:0px; width:518px; text-align:right; padding-bottom:50px;}
.pra-bbc h3{ font-size:80px; margin-top:20px; color:#DB3717; font-family:"Constantia"; line-height:64px; font-weight:bold;}

.pra-exmit{ width:100%; height:517px; background-color:#F8F8F8; margin:0 auto;}
.pra-exmit .sub-pra-cont{ width:1200px; margin:0 auto; display:table; position:relative;}

.main-tit3{ position:absolute; left:0; top:-310px; background:url(../img/in-tit3.png) no-repeat center center;}

.Custo-kbg{ width:100%; display:table;}
.Custo-kbg .sub-custo-gp{ width:100%; display:table; margin-top:167px;}
.Custo-kbg .sub-custo-gp li{ float:left; width:590px; height:268px; position:relative; cursor:pointer;}
.Custo-kbg .sub-custo-gp li dd{ width:560px; height:238px; position:absolute; left:15px; top:15px; border:1px solid #fff;}
.Custo-kbg .sub-custo-gp li:nth-child(2n){ float:right;}

.Pro-ject-list{ width:1200px; position:relative; left:50%; margin-left:-600px; display:table;}
.waper-tit4{ margin-top:250px; float:left; text-align:right;}
.Pro-ject-list .matic-tab-list{ width:1200px; float:right; position:relative;}
.Pro-ject-list .matic-tab-list .sub-mat-kz{ position:absolute; left:-398px; width:1600px; height:100px; margin-top:70px; background:url(../img/small-bg.jpg) repeat-x;}

.main-tit4{ position:absolute; right:0px; top:110px; background:url(../img/in-tit4.jpg) no-repeat center center;}
.sub-mat-kz .mk-mat{ width:1200px; float:right; display:table;}
.sub-mat-kz .mk-mat li{ float:left; height:100px; margin-right:42px; cursor:pointer;}
.sub-mat-kz .mk-mat li a{ font-size:13px; color:#363636; line-height:100px; font-size:18px;}
.sub-mat-kz .mk-mat li:hover{ border-bottom:2px solid #DB3717;}
.sub-mat-kz .mk-mat li:hover a{ color:#DB3717;}
.sub-mat-kz .mk-mat li.on{ border-bottom:2px solid #DB3717;}
.sub-mat-kz .mk-mat li.on a{ color:#DB3717;}


.mat-mk-pla{ width:100%; display:table; margin-top:250px;}
.mat-mk-pla .sub-mat-pla{ width:110%; display:table;}
.mat-mk-pla .sub-mat-pla li{ float:left; width:594px; margin-right:20px; overflow:hidden; height:297px; border:1px solid #a9aaa9; margin-bottom:20px;}
.mat-mk-pla .sub-mat-pla li:hover{ border-color:#d33c21;}
.mat-mk-pla .sub-mat-pla li { width:594px; height:297px;}
.mat-mk-pla .sub-mat-pla li .img{ width:594px; height:297px;}

.mat-mk-pla .sub-mat-pla li .kpt2{ width:100%; height:280px; margin-top:20px; position:relative;}
.mat-mk-pla .sub-mat-pla li .kpt2 .img{ width:100%; height:280px;}
.mat-mk-pla .sub-mat-pla li .kpt2 .xian{ position:absolute; left:0px; top:0; background-color:rgba(0,0,0,0.4); width:100%; height:100%;
    opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	transition: all .3s linear 0s;
	-webkit-transition: all .3s linear 0s;
	-moz-transition: all .3s linear 0s;
	-ms-transition: all .3s linear 0s;
}
.mat-mk-pla .sub-mat-pla li .kpt2 .xian a{ display:block; position:absolute; left:13px; top:15px; width:255px; height:250px; text-align:center; line-height:250px; border:1px solid #fff; color:#fff;
 font-size:15px;}
.mat-mk-pla .sub-mat-pla li  .kpt2:hover .xian{
	opacity:1;
	-moz-opacity:1;
	-webkit-opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.mat-mk-pla .sub-mat-pla li .kpt3{ width:100%; height:350px; position:relative;}
.mat-mk-pla .sub-mat-pla li .kpt3 .img{ width:100%; height:350px;}
.mat-mk-pla .sub-mat-pla li .kpt3 .xian{ position:absolute; left:0px; top:0; background-color:rgba(0,0,0,0.4); width:100%; height:100%;
    opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	transition: all .3s linear 0s;
	-webkit-transition: all .3s linear 0s;
	-moz-transition: all .3s linear 0s;
	-ms-transition: all .3s linear 0s;
}
.mat-mk-pla .sub-mat-pla li .kpt3 .xian a{ display:block; position:absolute; left:13px; top:15px; width:255px; height:320px; text-align:center; line-height:350px; border:1px solid #fff; color:#fff;
 font-size:15px;}
.mat-mk-pla .sub-mat-pla li  .kpt3:hover .xian{
	opacity:1;
	-moz-opacity:1;
	-webkit-opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.mat-mk-pla .sub-mat-pla li .kpt4{ width:100%; height:153px; margin-top:20px; position:relative;}
.mat-mk-pla .sub-mat-pla li .kpt4 .img{ width:100%; height:153px;}
.mat-mk-pla .sub-mat-pla li .kpt4 .xian{ position:absolute; left:0px; top:0; background-color:rgba(0,0,0,0.4); width:100%; height:100%;
    opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	transition: all .3s linear 0s;
	-webkit-transition: all .3s linear 0s;
	-moz-transition: all .3s linear 0s;
	-ms-transition: all .3s linear 0s;
}
.mat-mk-pla .sub-mat-pla li .kpt4 .xian a{ display:block; position:absolute; left:13px; top:15px; width:255px; height:123px; text-align:center; line-height:123px; border:1px solid #fff; color:#fff;
 font-size:15px;}
.mat-mk-pla .sub-mat-pla li  .kpt4:hover .xian{
	opacity:1;
	-moz-opacity:1;
	-webkit-opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.news-win{ width:1200px; height:406px; background:url(../img/pkkl.jpg) no-repeat right 70px;  position:relative; left:50%; margin-left:-600px; display:table;}
.waper-tit6{ position:absolute; padding-bottom:60px; right:0px; bottom:0; text-align:left;}
.main-tit5{ background:url(../img/in-tit5.jpg) no-repeat center center; left:0; top:150px;}

.lk-web-bg{ width:1200px; position:relative; left:50%; margin-left:-600px; display:table;}
.web-bg-list{ width:1600px; height:100px; background:url(../img/small-bg.jpg) repeat-x; position:absolute; right:-400px; display:table;}
.web-bg-list .kz-bg-list{ width:1200px; height:100px; margin-left:355px; float:left;}
.web-bg-list .kz-bg-list li{ float:left; line-height:100px; margin-right:70px;}
.web-bg-list .kz-bg-list li a{ font-size:18px; color:#363636;}
.web-bg-list .kz-bg-list li:hover{ border-bottom:2px solid #FF9E20;}
.web-bg-list .kz-bg-list li:hover a{ color:#FF9E20;}
.web-bg-list .kz-bg-list li.on{ border-bottom:2px solid #FF9E20;}
.web-bg-list .kz-bg-list li.on a{ color:#FF9E20;}

.km-sub-lit{ width:100%; display:table; margin-top:210px;}
.km-sub-lit .km-lit-kn{ width:110%; display:table;}
.km-sub-lit .km-lit-kn li{ float:left; width:270px; margin-right:40px;}
.km-sub-lit .km-lit-kn li dl{ width:100%; display:table;}
.km-sub-lit .km-lit-kn li font{ display:block; font-size:12px; font-family:"Arial"; color:#999999;}
.km-sub-lit .km-lit-kn li h3 { margin-top:5px;}
.km-sub-lit .km-lit-kn li h3 a{ font-size:15px; color:#363636;}
.km-sub-lit .km-lit-kn li h3 a:hover{ color:#FF9E20;}
.km-sub-lit .km-lit-kn li span{ display:block; width:30px; height:2px; margin:10px 0; background-color:#000000;}
.km-sub-lit .km-lit-kn li p{ font-size:12px; color:#999999; line-height:22px;}
.km-sub-lit .km-lit-kn li small a{ display:block; width:22px; height:22px; margin-top:50px; border:1px solid #E2E2E2; font-size:18px; color:#E2E2E2; text-align:center; line-height:22px;}
.km-sub-lit .km-lit-kn li small a:hover{ border-color:#FF9E20; background-color:#FF9E20; color:#fff;}




.picMarquee-left{ width:100%;  overflow:hidden; padding-top:70px; }
.picMarquee-left .prev{ display:block;  width:69px; height:86px;  cursor:pointer; position:absolute; right:80px; background:url(../img/right_hover.png) no-repeat; top:330px; z-index:9999;filter:alpha(opacity=20);  -moz-opacity:0.2;  -khtml-opacity: 0.2;  opacity: 0.2; }
.picMarquee-left .next{display:block;  width:69px; height:86px; cursor:pointer; position:absolute; left:80px; background:url(../img/left_hover.png) no-repeat; top:330px; z-index:9999;filter:alpha(opacity=20);  -moz-opacity:0.2;  -khtml-opacity: 0.2;  opacity: 0.2;}
.picMarquee-left .next:hover,.picScroll-left .prev:hover{filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;  opacity: 1;}
.picMarquee-left .bd{ width:1280px; margin:0 auto; position:relative; overflow:hidden; height:368px;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ float:left; overflow:hidden; text-align:center;  display:block; width:426px; overflow:hidden; }
.picMarquee-left .bd ul li .pic{ text-align:center; display:block; }
.picMarquee-left .bd ul li .pic img{ width:417px; height:221px; display:block; }
.picMarquee-left .bd ul li .title{  width:397px; height:71px; background-color:#ff9f1e; font-size:14px; line-height:22px; color:#fff; padding:10px; display:block;}
.picMarquee-left .bd ul li .tit{ width:417px; height:53px; text-align:center; border-bottom:3px solid #3e3e3e; display:block; line-height:53px; font-size:16px;}
.picMarquee-left .bd ul li:hover .title{ background-color:#d33c21;}
.picMarquee-left .bd ul li:hover .tit{border-bottom:3px solid #d33c21; color:#d33c21; }