@charset "utf-8";
/* CSS Document */

.conter{ width:1200px; margin-top:40px; position:relative; left:50%; margin-left:-600px; display:table;}


.waper{ width:100%; display:table;}

.waper .Project li{ width:100%; display:table; margin-bottom:30px; cursor:pointer;}

.Project .Pro-lft{ float:left; width:700px; height:300px; position:relative; background-size:100% 100% !important;

	transition: all 3s cubic-bezier(0.65,0.65,0.65,0.65) 0s;

	-webkit-transition: all 3s cubic-bezier(0.65,0.65,0.65,0.65) 0s;

	-moz-transition: all 3s cubic-bezier(0.65,0.65,0.65,0.65) 0s;

	-o-transition: all 3s cubic-bezier(0.65,0.65,0.65,0.65) 0s;

}

.Project li:hover .Pro-lft{ background-size:105% 105% !important;}

.Project .Pro-rit{ float:left; width:500px; height:300px; background-color:#fff; position:relative;

	transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-webkit-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-moz-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-o-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

}

.Project .pro-lt{ width:670px; height:270px; border:1px solid #fff; position:absolute; left:50%; margin-left:-335px; top:50%; margin-top:-135px;}

.Project .Pro-rit dl{ width:200px; height:180px; position:absolute; left:50%; margin-left:-100px; top:50%; margin-top:-90px;}

.Project .Pro-rit dl dt{ width:74px; height:74px; margin:0 auto; position:relative;}

.Project .Pro-rit dl dt u{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/gc-ico1.png) no-repeat center center;

	opacity:1;

	-moz-opacity:1;

	-webkit-opacity:1;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

	transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-webkit-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-moz-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-o-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

}

.Project .Pro-rit dl dt i{ display:block; width:100%; height:100%; background:url(../images/gc-ico2.png) no-repeat center center;

	opacity:0;

	-moz-opacity:0;

	-webkit-opacity:0;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

	transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-webkit-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-moz-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-o-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

}

.Project .Pro-rit dl dd{ width:100%; text-align:center; margin-top:30px;}

.Project .Pro-rit dl dd h3{ font-size:15px; color:#000000;}

.Project .Pro-rit dl dd span{ display:block; width:30px; border:1px solid #E2E2E2; margin:20px auto 0;}

.Project .Pro-rit dl dd font{ display:block; font-size:12px; font-family:"Arial"; text-transform:uppercase; margin-top:20px; color:#CCCCCC;}

.waper .Project li:hover .Pro-rit{ background-color:#111217;}

.waper .Project li:hover .Pro-rit  dd h3{ color:#fff;}

.waper .Project li:hover dd span{ border-color:#fff;}

.waper .Project li:hover dl dd font{ color:#fff;}

.waper .Project li:hover .Pro-rit dl dt u{

	opacity:0;

	-moz-opacity:0;

	-webkit-opacity:0;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

}

.waper .Project li:hover .Pro-rit dl dt i{

	opacity:1;

	-moz-opacity:1;

	-webkit-opacity:1;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

}

.Project .pro-bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4);

	opacity:0;

	-moz-opacity:0;

	-webkit-opacity:0;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

	transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-webkit-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-moz-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-o-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

}

.Project .pro-bg span{ display:block; width:670px; height:270px; border:1px solid #fff; position:absolute; left:50%; margin-left:-335px; top:50%; margin-top:-135px;}

.Project .pro-bg a{ display:block; width:100px; height:34px; background-color:#fff; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-17px; text-align:center; line-height:34px; font-size:12px; text-transform:uppercase; color:#DB3717;}

.Project .pro-bg a:hover{ background-color:#DB3717; color:#fff;}

.waper .Project li:hover .pro-bg{

	opacity:1;

	-moz-opacity:1;

	-webkit-opacity:1;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

}

.Project .ajx2 .Pro-lft,.Project .ajx4 .Pro-lft,.Project .ajx6 .Pro-lft{ float:right;}

.Project .ajx2 .Pro-rit,.Project .ajx4 .Pro-rit,.Project .ajx6 .Pro-rit{ float:left;}

.Project .ajx2 dl dt u{ background:url(../images/gc-ico3.png) no-repeat center center;}

.Project .ajx2 dl dt i{ background:url(../images/gc-ico4.png) no-repeat center center;}

.Project .ajx3 dl dt u{ background:url(../images/gc-ico5.png) no-repeat center center;}

.Project .ajx3 dl dt i{ background:url(../images/gc-ico6.png) no-repeat center center;}

.Project .ajx4 dl dt u{ background:url(../images/gc-ico7.png) no-repeat center center;}

.Project .ajx4 dl dt i{ background:url(../images/gc-ico8.png) no-repeat center center;}

.Project .ajx5 dl dt u{ background:url(../images/gc-ico9.png) no-repeat center center;}

.Project .ajx5 dl dt i{ background:url(../images/gc-ico10.png) no-repeat center center;}

.Project .ajx6 dl dt u{ background:url(../images/gc-ico11.png) no-repeat center center;}

.Project .ajx6 dl dt i{ background:url(../images/gc-ico12.png) no-repeat center center;}



@media screen and (max-width:500px) {


.conter{ width:320px; margin-left: -160px;}
.Project .pro-lt{width: 310px;
    height: 110px;
    border: 1px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -155px;
   top: 0;
    margin-top: 4px;}

.Project .Pro-lft { width:320px; height:120px}
.Project .Pro-rit{ width: 320px;
    height: 70px;}

.Project .Pro-rit dl{ margin-top: 14px; top:auto;     width: 300px;     margin-left: -150px; height: 44px;}
.Project .Pro-rit dl dt{ width:44px; height:44px;     float: left;}
.Project .Pro-rit dl dt i,.Project .Pro-rit dl dt u{    background-size: 100%;}
.Project .Pro-rit dl dd{width: 200px;
    text-align: left;
    margin-top: 2px;
    margin-left: 15px;
    float: left;}
.Project .Pro-rit dl dd span{ display:none}
.Project .Pro-rit dl dd font{margin-top: 6px;}
.pub_submenu .allclass{ width:320px;}
.Project .pro-bg span{width: 320px;
    height: 120px; border:none;margin-left: -160px;
    top: 0;
    margin-top: 0px;}

.Project .Pro-rit dl dd font{text-transform: initial; font-size:10px}
.pub_submenu .allclass li{margin: 0px 0px 13px 9px;
    padding-right: 7px;}
.pub_submenu .allclass{padding-top: 13px;}
}