@charset "utf-8";
*{padding:0px;margin:0px;}
body{font-size:14px;font-family:"微软雅黑";}
ul{list-style:none;}
img{border:none;}
.left{float:left;}
.right{float:right;}
a{text-decoration:none;}


/*******头部********/

#header{width:100%;height:676px;}
#header .top{height:110px;width:1200px;margin:0 auto;}
#header .top .main{width:1200px;height:110px;background:url(../images/logo.png) no-repeat center;}
#header .top .main p{font-size:22px;float:right;margin-top: 60px;font-family:"Arial";font-weight:bold;color:#bf0000;}

.banner{height:400px;overflow:hidden;}
.banner .d1{width:100%;height:500px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:450px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}




#header .nav{width:100%;height:60px;background:#000000;position: relative;}
#header .nav ul{width:1200px;height:60px;margin:0 auto;line-height:60px;}
#header .nav ul li{width:150px;height:60px;text-align:center;float:left;font-size:16px;}
#header .nav ul li a{display:block;width:150px;height:60px;color:#fff;}
#header .nav ul li a:hover{ background:url(../images/nav_03_rard.png) no-repeat center;height:77px;width:165px;}

.banner{width:100%;position:relative;z-index:0;position: absolute;margin-top:64px;height:500px}

/*******正文部分********/
#contain{width:100%;height:auto;margin-top:30px;}
#contain .con1{width:1200px;height:440px;margin:0 auto;}
#contain .con1 .shang{text-align:center;}
#contain .con1 .xia{width:1200px;height:400px;margin-top:10px;}
#contain .con1 .xia .zuo{width:270px;height:400px;background:#bf0000;float:left;}
#contain .con1 .xia .zuo .t1{width:200px;height:40px;background:#a80000;text-align:center;margin-left: 35px;position: absolute;margin-top:20px;}
#contain .con1 .xia .zuo .t1 p{color:#fff;line-height: 40px;font-size:16px}
#contain .con1 .xia .zuo .t2{padding-top:80px;height:200px;margin-left:65px;}
#contain .con1 .xia .zuo .t2 ul{color:#fff;font-size:16px;line-height:35px}
#contain .con1 .xia .zuo .t2 ul li{color:#fff;}
#contain .con1 .xia .zuo .t2 ul li p{color:#fff;}
#contain .con1 .xia .zuo .t2 ul li p a{color:#fff;}
#contain .con1 .xia .zuo .t3{width:270px;height:80px;background:#a80000;margin-top:40px;position: absolute;background:url(../images/a1.png) no-repeat center;}
#contain .con1 .xia .zuo .t3 p{padding-left: 80px;font-size:30px;color:#fff;font-family:"Arial";font-weight:bold;margin-top: 30px;}

#contain .con1 .xia .you{width:900px;height:350px;background:#000000;float:right;margin-top:25px;}


.marqueeleft{height:215px;width:874px;overflow:hidden;margin:80px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:280px;height:215px;overflow:hidden;}
.marqueeleft li .pic{display:block;width:280px;height:215px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}






#contain .con2{width:100%;height:514px;margin-top:50px;}
#contain .con2 .shang{background:url(../images/con_2.jpg) no-repeat center;height:100px;}
#contain .con2 .shang img{text-align:center;}
#contain .con2 .xia{width:1200px;height:400px;margin:0 auto}
#contain .con2 .xia .zuo{width:880px;height:400px;margin-top:30px;float: left;}
#contain .con2 .xia .zuo .gc{width:250px;height:190px;float: left;}
#contain .con2 .xia .zuo .gc A{width:240px;height:180px;display:block; text-align:center; }
#contain .con2 .xia .zuo .gc A:hover{ background:url(../images/bk_2.png) no-repeat center;width: 240px; height: 180px;}
#contain .con2 .xia .zuo .gc IMG {	  DISPLAY: block; BACKGROUND: #fff; MARGIN: 0px auto; width:240px;height:180px;}
#contain .con2 .xia .zuo .gc A:hover IMG { opacity:0.5;width:240px;height:180px;}
#contain .con2 .xia .zuo .gc P {	WIDTH: 240px; LINE-HEIGHT: 20px;text-align:center;font-size:16px;color:#F5F5F5;margin-top: -90px;position: absolute;}

#contain .con2 .xia .you{float:right;margin-top:30px;}


#contain .con3{background:url(../images/gywm.jpg) no-repeat center;height:460px;margin-top:20px;width:100%;}
#contain .con3 .tt{width:1200px;;height:460px;margin:0 auto;}

#contain .con3 .tt .t1{width:680px;height:160px;padding-top: 200px;float: right;margin-right: 100px;}
#contain .con3 .tt .t1 p{color:#fff;font-size:16px;letter-spacing:1px;}
#contain .con3 .tt .t2{margin-right: 140px;float:right;margin-top: 10px;width:640px;}
#contain .con3 .tt .t2 ul{width:700px;height:40px;margin:0 auto;line-height:60px;}
#contain .con3 .tt .t2 ul li{width:165px;height:40px;text-align:center;float:left;font-size:16px;}
#contain .con3 .tt .t2 ul li a{display:block;background:#554d4d;border-radius:30px;border:1px solid #554d4d;width:145px;height:40px;line-height: 40px;}
#contain .con3 .tt .t2 ul li a:hover{ background:#bf0000;border-radius:30px;border:1px solid #bf0000;width:145px;height:40px;line-height: 40px;}


#contain .con4{width:1200px;height:260px;margin:0 auto;margin-top:30px;}
#contain .con4 .shang{text-align:center;}
#contain .con4 .xia{width:1200px;height:190px;}

#contain .con5{width:100%;height:470px;margin-top:50px;}
#contain .con5 .shang{background:url(../images/con_4.jpg) no-repeat center;height:100px;}
#contain .con5 .shang img{text-align:center;}
#contain .con5 .xia{width:1200px;margin:0 auto;height:340px;;margin-top: 30px;}
#contain .con5 .xia li{width:280px;height:325px;float: left;    margin-left: 10px;border:1px solid #d7d7d7;}
#contain .con5 .xia li img{margin-left: 10px;margin-top: 18px;width: 260px;}
#contain .con5 .xia li .x1{padding-top:10px;width:275px;    margin-left: 18px;}
#contain .con5 .xia li h1{font-size:16px;color:#5f6468;margin-bottom: 5px;  width:290px; }
#contain .con5 .xia li span{font-size:14px;color:#a5a5a5;padding-top:20px;padding-top:5px;    }
#contain .con5 .xia li p{font-size:14px;padding-top: 10px;color:#5f6468;width:270px;    line-height:20px;}
#contain .con5 .end{text-align: center;width: 1200px;margin: 0 auto;}

#footer{background:url(../images/bj.png) no-repeat center;height:315px;margin-top: 20px;}
#footer .main{width:1200px;margin:0 auto;height:265px;}
#footer .main .t1{width:100%;height:60px;line-height:60px;margin-left:40px;}
#footer .main .t1 ul{width:1200px;height:60px;margin:0 auto;line-height:60px;}
#footer .main .t1 ul li{width:100px;height:60px;text-align:center;float:left;font-size:16px;color:#fff;}
#footer .main .t1 ul li a{display:block;width:100px;height:60px;color:#fff;}
#footer .main .t2{margin-top:10px;float:left;}
#footer .main .t3{margin-top:15px;padding-left:80px;float: left;}
#footer .main .t3 p{font-size:14px;color:#9d9d9d;line-height: 25px;}
#footer .main .t4{float:right;margin-top:30px;padding-right:130px;}

#footer .main1{width:1200px;height:50px;margin:0 auto;}
#footer .main1 .left{}
#footer .main1 .left p{color:#9d9d9d;line-height:50px;}
#footer .main1 .left p a{color:#9d9d9d;}
#footer .main1 .right{color:#9d9d9d;line-height:50px;}
#footer .main1 .right p{color:#9d9d9d;line-height:50px;}
#footer .main1 .right p a{color:#9d9d9d;}





#floatDivBoxs{width:170px;background:#fff;position:fixed;top:100px;right:-170px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:right}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:7px;}
#floatDivBoxs .floatDqq li p{color:#ccc;}


#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:100px;right:0;z-index:999;}
#rightArrow a{display:block;height:45px;}






/*pro*/
/* THIRD EFFECTS */
.viw:hover{border:4px solid #F14702;cursor:pointer;}
.viw {
   width: 258px;
   height: 310px;
   margin: 16px;
   float: left;
   border: 5px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}



.view {
   width: 278px;
   height: 280px;
   margin: 10px;
   float: left;
   border: 5px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}
.view .mask, .view .content {
   width: 278px;
   height: 284px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view a.info {
   background:url(../images/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
}

.third-effect .mask {
   opacity: 0;
   overflow:visible;
   border:100px solid rgba(0,0,0,0.34);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.third-effect a.info {
   position:relative;
   top:10px;
   opacity: 0;
   -webkit-transition: opacity 0.34s 0s ease-in-out;
   -moz-transition: opacity 0.34s 0s ease-in-out;
   -o-transition: opacity 0.34s 0s ease-in-out;
   -ms-transition: opacity 0.34s 0s ease-in-out;
   transition: opacity 0.34s 0s ease-in-out;
}
/*.third-effect:hover .mask {
   opacity: 1;
   border:140px solid rgba(0,0,0,0.34);
}*/
/*.third-effect:hover a.info {
	opacity:1;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}*/
third-effect:hover .view{ border:2px solid #F14702;}

/* side */
.side{position:fixed;width:80px;height:275px;right:54px;top:202px;z-index:100;}
.side ul li{width:80px;height:80px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox span a{ color:#fff; line-height: 80px;
    font-size: 16px;
    margin-left: 15px;}
.side ul li .sidebox .qq img{ padding:1px;}
.side ul li .sidebox{position:absolute;width:80px;height:80px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidebox2 .box2{position:absolute;width:80px;height:80px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/24px "微软雅黑";overflow:hidden;}
.side ul li .sidebox .box2{width:44px;height:84px;font: 14px/24px "微软雅黑";}
.side ul li .sidebox .tel{ line-height:24px; font: 14px/24px "微软雅黑"; padding-left:88px;}
.side ul li .sidetop{width:54px;height:84px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);height:84px;}
.side ul li img{float:left; width:80px; height:auto;}