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

*{padding:0px;margin:0px;}
body{font-size:14px;font-family:"微软雅黑";}
ul{list-style:none;}
li p img{padding:0px;margin:0px;}
img{border:none;}
.left{float:left;}
.right{float:right;}
a{text-decoration:none;color:#333;}
a:hover{color:#ff0000;}
.text-desc {position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%; padding: 20px;}


/*******头部********/
#header{width:100%;height:auto;}
#header .top{height:110px;width:1220px;margin:0 auto;}
#header .top .main{width:1220px;height:110px;background:url(../images/logo.png) no-repeat center;}
#header .top .main p{font-size:12px;float:right;margin-top: 40px;}
#header .top .main p span{font-size:22px;color:#ff0000;}
#header .nav{width:100%;height:50px;background:#000000;}
#header .nav ul{width:1220px;height:50px;margin:0 auto;line-height:50px;}
#header .nav ul li{width:170px;height:50px;text-align:center;float:left;font-size:16px;}
#header .nav ul li a{display:block;width:170px;height:50px;color:#fff;}
#header .nav ul li a:hover{background:#ff0000;}

.banner{width:100%;position:relative;z-index:0}

/*******正文部分********/

#contain{width:100%;height:auto;}
#contain .con1{width:100%;height:930px;background:#ededed;}
#contain .con1 .main{width:1220px;height:930px;margin:0 auto;}
#contain .con1 .main .shang{text-align:center;padding-top:40px;}
#contain .con1 .main .shang p{font-size:30px;color:#ff0000;font-weight:bold;}
#contain .con1 .main .shang p span{font-size:14px;color:#777777;}

#contain .con1 .main .car_list {width:100%;height:760px;}
#contain .con1 .main .car_list ul li {display:block;float:left;width:390px;height:230px;margin-top:10px;margin-left:8px;margin-right:8px;margin-bottom: 20px;margin-top:20px;}
#contain .con1 .main .car_list ul li a {display:block;float:left;width:390px;height:190px;text-decoration:none;color:#fff;font-size:14px;}
#contain .con1 .main .car_list ul li a img {}
#contain .con1 .main .car_list ul li a div {width:390px;height:40px;background-color:#363434;text-align:center;vertical-align:middle;line-height:40px;}
#contain .con1 .main .car_list ul li a div:hover {background-color:#363435}
#contain .con1 .main .car_list ul li a img.arrows {margin-left:80px;}

#contain .con2{width:1220px;height:370px;margin:0 auto;margin-top:50px;}
#contain .con2 .main{width:1220px;height:370px;background:url(../images/gywm.png) no-repeat center;}
#contain .con2 .main .shang{text-align:center;padding-left:370px;}
#contain .con2 .main .shang p{font-size:30px;color:#ff0000;font-weight:bold;}
#contain .con2 .main .shang p span{font-size:14px;color:#777777;}
#contain .con2 .main .nr{ width:700px;height:110px;margin-right:45px;margin-top:75px;float: right;}
#contain .con2 .main .nr p{color:#4d4d4d;line-height:30px;}
#contain .con2 .main .end{width:150px;height:45px;float: right;margin-top: 40px;margin-right: 300px;}
#contain .con2 .main .end p{width:150px;height:45px;line-height:45px;color:#fff;background:#ff0000;text-align: center;}

#contain .con3{margin:0 auto;width:1220px;height:960px;margin-top:40px;}

#contain .con4{width:100%;background-color:#f6f6f6;height:370px;margin-top:30px;}
/* 产品列表 */
.productlist_HD{ width:1220px;margin:0 auto;height:320px;padding-top:50px;}
.productlist_HD #proTypeUl{ width:1220px; margin:0 auto; padding:0;}
.productlist_HD #proTypeUl h3 { font-size: 18px; font-weight: bold; text-align: left; margin-bottom: 10px; color: #ff0000;}

.productlist_HD #proTypeUl li{ height:280px; float:left; padding:0 15px; margin-right:10px;  padding-left:25px; border-left:1px solid #dfdfdf; text-align:left; padding-bottom:15px; }
.productlist_HD #proTypeUl li ul { width:200px;}
.productlist_HD #proTypeUl li ul li{ width:200px; padding-top:0px; padding-bottom:0px; height:27px; border-right:0; padding-left:0;} 
.productlist_HD #proTypeUl li ul li a{ text-align:left; color:#333; font-size:13px;}
.productlist_HD #proTypeUl li ul li a:hover{ background:none; color:#e60012;}

.productlist_HD #proTypeUl li.tInOne { padding-left:20px; padding-right:20px; }
.productlist_HD #proTypeUl li.tInOne ul li{ width:190px; display:inline-block; padding:0; margin:0; float:left;border: none; }

.productlist_HD #proTypeUl li.contactLi{ width:190px; padding-left:20px;}
.productlist_HD #proTypeUl li.contactLi ul li{ width:190px; font-size:13px; color:#383838;border: none;}
.productlist_HD #proTypeUl li.contactLi ul li h5{ font-size:22px; }
.productlist_HD #proTypeUl li.contactLi ul li p { width:97px; text-align:center;}
.productlist_HD #proTypeUl li.contactLi ul li.mt7 { width:97px; height:97px; margin-top:10px;}
.cf26 { color:#e60012;font-size:24px;}
.ce60{ color:#e60012;}
.productlist_HD #proTypeUl li.contactLi img{ width:97px;}


#contain .con5{width:100%;height:400px;}
#contain .con5 .main{width:1220px;height:400px;margin:0 auto;}
#contain .con5 .main .shang{text-align:center;padding-top:40px;}
#contain .con5 .main .shang p{font-size:30px;color:#ff0000;font-weight:bold;}
#contain .con5 .main .shang p span{font-size:14px;color:#777777;}
#contain .con5 .main .xia{width:1220px;height:260px;margin-top:20px;}
/* effect-2 css */
.port-2{float: left; width: 300px; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(237, 237, 237, 0.9); perspective: 800px;margin-left:5px;}
.port-2 .text-desc{z-index: -1; transition: 0.6s;}
.port-2 .image-box{transition: 0.4s;}
.port-2:hover .image-box{transform: rotateX(80deg); transform-origin: center bottom 0; transition: 0.4s;}

.port-2.effect-1:hover .text-desc{opacity: 1;}
.port-2.effect-1:hover .text-desc{top: 0;}
.port-2.effect-1:hover .text-desc p{font-weight: 300; line-height: 20px; font-size: 14px; margin-bottom: 15px;}
.port-2.effect-1:hover .text-desc .btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #ff0000; background-color: #ff0000; text-decoration: none; transition: 0.4s;}
.port-2.effect-1:hover .text-desc .btn:hover{background-color: transparent; color: #ff0000; transition: 0.4s;}
.port-2.effect-1:hover .text-desc .text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%; padding: 20px;}


.port-2.effect-2 .text-desc{opacity: 1; top: -100%;}
.port-2.effect-2:hover .text-desc{top: 0;}
.port-2.effect-2:hover .text-desc p{font-weight: 300; line-height: 20px; font-size: 14px; margin-bottom: 15px;}
.port-2.effect-2:hover .text-desc .btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #ff0000; background-color: #ff0000; text-decoration: none; transition: 0.4s;}
.port-2.effect-2:hover .text-desc .btn:hover{background-color: transparent; color: #ff0000; transition: 0.4s;}
.port-2.effect-2:hover .text-desc .text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%; padding: 20px;}


.port-2.effect-3 .text-desc{opacity: 1; top: auto; bottom: -100%;}

.port-2.effect-3:hover .text-desc{bottom: 0;}
.port-2.effect-3:hover .text-desc{top: 0;}
.port-2.effect-3:hover .text-desc p{font-weight: 300; line-height: 20px; font-size: 14px; margin-bottom: 15px;}
.port-2.effect-3:hover .text-desc .btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #ff0000; background-color: #ff0000; text-decoration: none; transition: 0.4s;}
.port-2.effect-3:hover .text-desc .btn:hover{background-color: transparent; color: #ff0000; transition: 0.4s;}

.port-2.effect-4 .text-desc{opacity: 1; top: auto; bottom: -100%;}

.port-2.effect-4:hover .text-desc{bottom: 0;}
.port-2.effect-4:hover .text-desc{top: 0;}
.port-2.effect-4:hover .text-desc p{font-weight: 300; line-height: 20px; font-size: 14px; margin-bottom: 15px;}
.port-2.effect-4:hover .text-desc .btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #ff0000; background-color: #ff0000; text-decoration: none; transition: 0.4s;}
.port-2.effect-4:hover .text-desc .btn:hover{background-color: transparent; color: #ff0000; transition: 0.4s;}


/* effect-2 css end */

#contain .con6{width:100%;height:550px;margin:0 auto;margin-top:30px;background:url(../images/xwzx.jpg) no-repeat center;}
#contain .con6 .main{width:1220px;height:550px;margin:0 auto;}
#contain .con6 .main .shang{text-align:center;padding-top:40px;}
#contain .con6 .main .shang p{font-size:30px;color:#fff;font-weight:bold;}
#contain .con6 .main .shang p span{font-size:14px;color:#fff;}
#contain .con6 .main .xia{width:1220px;height:350px;margin-top:20px;}
#contain .con6 .main .xia .zuo{width:510px;height:350px;}
#contain .con6 .main .xia .zuo ul{width:510px;height:350px;float:right;}
#contain .con6 .main .xia .zuo ul li{font-size: 16px;height: 40px;line-height: 40px;border-bottom: 1px dashed #fff;float:left;width:510px;margin-bottom:20px;}
#contain .con6 .main .xia .zuo ul li p{float:left;color:#fff;}
#contain .con6 .main .xia .zuo ul li h4{float:left;color:#fff;margin-left:5px;}
#contain .con6 .main .xia .zuo ul li span{float:right;color:#fff;}

#contain .con6 .main .xia .you{width:510px;height:350px;float:right;margin-top:-350px;}
#contain .con6 .main .xia .you ul{width:510px;height:350px;float:right;}
#contain .con6 .main .xia .you ul li{font-size: 16px;height: 40px;line-height: 40px;border-bottom: 1px dashed #fff;float:left;width:510px;margin-bottom:20px;}
#contain .con6 .main .xia .you ul li p{float:left;color:#fff;}
#contain .con6 .main .xia .you ul li h4{float:left;color:#fff;margin-left:5px;}
#contain .con6 .main .xia .you ul li span{float:right;color:#fff;}
#contain .con6 .main .end{margin-top: 20px;margin-left:520px;}
#contain .con6 .main .end p{width:150px;height:45px;line-height:45px;color:#ff0000;background:#fff;text-align: center;}

#contain .con7{width:100%;height:240px;margin:0 auto;}
#contain .con7 .main{width:1220px;height:240px;margin:0 auto;}
#contain .con7 .main .shang{text-align:center;padding-top:40px;}
#contain .con7 .main .shang p{font-size:30px;color:#ff0000;font-weight:bold;}
#contain .con7 .main .shang p span{font-size:14px;color:#777777;}
#contain .con7 .main .xia{wodth:1220px;height:55px;margin-top:30px;}
#contain .con7 .main .xia .left{float:left;}
#contain .con7 .main .xia .fl{float:left;margin-left:35px;width:1100px;}
#contain .con7 .main .xia .fl img{margin-left:30px;}
#contain .con7 .main .xia .right{float:right;}

#footer{width:100%;height:200px;}
#footer .main{width:100%;height:200px;}
#footer .main .shang{width:1220px;height:60px;background:#ff0000;margin:0 auto;position:relative}
#footer .main .shang ul{width:1220px;height:60px;margin:0 auto;line-height:60px;}
#footer .main .shang ul li{width:170px;height:60px;text-align:center;float:left;font-size:16px;}
#footer .main .shang ul li a{display:block;width:170px;height:60px;color:#fff;}
#footer .main .shang ul li a:hover{background:#ff0000;}

#footer .main .xia{width:100%;height:170px;background:#000000;margin-top:-30px;}
#footer .main .xia p{color:#fff;text-align:center;padding-top:70px;}
#footer .main .xia p a{color:#fff;}