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

/*---------- banner style ----------*/
.banner{ width:100%; height:720px; z-index:-9; margin:0 auto;}
.abs {position:relative; }
.banner .hd {bottom:30px;height:20px;left:0px;width:100%;}
.banner .hd ul {width:1200px;text-align:center;margin:0 auto;}
.banner .hd ul li {display:inline-block;border-radius:5px; list-style:none;background:#0080c9; width:10px;height:10px; margin-right:10px;cursor:pointer;}
.banner .hd ul li {*display:inline;}
.banner .hd ul li.on { background:#73b42c; cursor:pointer;}
.banner, .banner a {height:720px;display:block;}
.banner ul {margin:0 auto; padding:0px 0px;}


.gywm{ width:1200px; margin:30px auto;}
.ab_title{ width:1200px; margin:0 auto; float:left; position:relative}
.ab_title .ab_titleT{ width:1200px; float:left; position:relative; z-index:22;}
.ab_title .ab_titleT span{display:block;width:100%; text-align:center; font-size:32px; color:#000;text-transform:uppercase; line-height:50px; padding:10px 0px;float:left;}
.ab_title strong{ position:relative; float:left;width:1200px; background:url(../images/titleBg.png) top center no-repeat; height:12px;}

.gywmBox{ width:1200px; margin:40px auto; float:left; font-size:15px; color:#3a3a3a; line-height:28px;}

.gywmUl{ width:1200px; float:left; margin-bottom:40px;}
.gywmUl ul { padding:0px 60px;}
.gywmUl ul li{ width:106px; display:block; float:left; margin:0px 82px;}
.gywmUl ul li a{ width:106px; height:150px; display:block; float:left;}
.gywmUl ul li a img{ width:106px; height:106px; display:block; float:left;}
.gywmUl ul li a span{ width:106px; margin-top:10px;height:34px;line-height:34px;display:block;float:left;font-size:18px;color:#3a3a3a;font-weight:bold; text-align:center;}

.grayBg{ width:100%; background:#f4f4f4; padding:50px 0px;}
.cpfa{ width:1200px; margin:40px auto;}
.cpfaBox{ width:1200px; float:left; margin-top:40px;}
.cpfaBox ul{ width:1350px; margin-left:-150px;}
.cpfaBox ul li{ width:120px; float:left; margin-left:150px; margin-top:20px;}
.cpfaBox ul li a{ width:120px; height:140px; display:block; float:left;}
.cpfaBox ul li a img{ width:81px; height:81px; display:block; float:left; margin:0px 19px;}
.cpfaBox ul li a span{ width:120px; display:block; float:left; font-size:20px; font-weight:bold; color:#4b4b4b; text-align:center;height:30px; line-height:30px; margin-top:10px;}

.xwzx{width:1200px; margin:50px auto 70px auto;}

.xwzx ul{ width:1240px; margin-left:-40px;}
.xwzx ul li{ width:580px; float:left; margin-top:36px; margin-left:40px;}
.xwzx ul li a.newsImg1{ width:200px; height:130px; float:left; overflow:hidden;}

.xwzx ul li a.newsImg1 img{ width:200px; height:130px; display:block; float:left;transition:all 0.6s ease 0s;} 
.xwzx ul li a.newsImg1:hover img{transform:scale(1.2); transition:all 0.6s ease 0s;}

.xwzx ul li .newsTxt{ width:360px; float:right;}
.xwzx ul li .newsTxt a.newsTitle2{ width:360px; height:30px; display:block; float:left; overflow:hidden;line-height:30px; font-size:18px;font-weight:bold;}
.xwzx ul li .newsTxt span{ width:360px; height:50px; display:block; float:left; overflow:hidden;line-height:25px; color:#666; margin-top:10px;}
.xwzx ul li .newsTxt a.more{ width:55px; height:22px; display:block; float:left; margin-top:15px;}

.alzs{width:1200px; margin:40px auto;}
.alzsBox{ width:1200px; float:left; margin-top:40px;}
.alzsBox ul{ width:1233px; margin-left:-33px;}
.alzsBox ul li{ width:275px; height:205px; display:block; float:left; margin:30px 0px 0px 33px; position:relative; overflow:hidden;}

.alzsBox ul li a img{ width:275px; height:205px; display:block; float:left;transition:all 0.6s ease 0s;} 
.alzsBox ul li a:hover img{transform:scale(1.2); transition:all 0.6s ease 0s;}


.home-contact{ background:url(../images/lxwmBg.jpg) top center no-repeat; padding:40px 0px 70px 0px;}
.ab_title2{ width:1200px; margin:0 auto; /*float:left;*/ position:relative}
.ab_title2 .ab_titleT{ width:1200px; float:left; position:relative; z-index:22;}
.ab_title2 .ab_titleT span{display:block;width:100%; text-align:center; font-size:32px; color:#fff;text-transform:uppercase; line-height:50px; padding:10px 0px;float:left;}
.ab_title2 strong{ position:relative; float:left;width:1200px; background:url(../images/titleBg2.png) top center no-repeat; height:12px;}



.home-contact .yuyue {float:left;width:55%; margin-top:50px;padding:35px 40px 10px 45px;background: url("../images/home-yuyuebg.jpg") no-repeat center right #fff;height:370px;} 
.home-contact .yuyue .title5 {color: #333333;font-size: 26px; line-height: 36px;height: 36px;overflow: hidden;}
.home-contact .yuyue .text {color: #666666;font-size: 14px;line-height: 24px;height: 24px;margin: 10px 0 20px;overflow: hidden;}
.home-contact .yuyue .message {margin: 0 -20px;}
.home-contact .yuyue .message li { padding: 10px 20px;}

.home-contact .yuyue .message li {width:310px;float: left;position: relative;}

.home-contact .yuyue .message .li-1 {width:700px;}

.home-contact .yuyue .message li input, .home-contact .yuyue .message li textarea {width:90%;border: 1px solid #dbdbdb;font-family: "microsoft yahei";color: #333333; background: none;height: 42px;line-height: 42px;font-size: 14px;padding: 0 5%; border-radius: 0;}
.home-contact .yuyue .message li textarea {padding: 8px 20px; height: 74px;line-height: 20px;}

.home-contact .yuyue .message #send {width:150px;height:44px;line-height:44px;overflow:hidden;text-align:center;color:#fff;font-size: 14px;font-weight: bold;cursor: pointer;margin: 15px 0 0; background:#73b42c;}

.home-contact .yuyue .message #send:hover { background: #66a126; color: #fff;}


.home-contact .home-about {width: 35%; float:right;}

.home-contact .home-about .box {padding: 35px 30px 10px;background: #fff;height:370px; margin-top:50px;}
.home-contact .home-about .title6 {color: #333333;font-size: 26px;line-height: 36px;height: 36px;overflow: hidden;}
.home-contact .home-about ul { }

.home-contact .home-about ul li {position: relative; padding: 20px 0 20px 40px;border-bottom: 1px solid #ececec;}
.home-contact .home-about ul li:hover em {transform: rotateX(360deg); -webkit-transform: rotateX(360deg);-moz-transform: rotateX(360deg);-o-transform: rotateX(360deg);}



.home-contact .home-about ul li em { display: block; font-style: inherit;left: 0; top: 20px; transition: all 0.45s ease-in-out; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; position: absolute; width: 40px; height:40px;}
.home-contact .home-about ul li em .icon-address {background:url(../images/icon.png) 0px -95px no-repeat;display:block;float:left;width:40px; height:40px;}

.home-contact .home-about ul li em .icon-tel {background:url(../images/icon.png) 0px -190px no-repeat;display:block;float:left;width:40px; height:40px;}


.home-contact .home-about ul li em .icon-youjian {background:url(../images/icon.png) 0px -282px no-repeat;display:block;float:left;width:40px; height:40px;}


.home-contact .home-about ul li big {display: block;color: #333333;font-size: 18px;line-height: 26px; font-weight:bold;}
.home-contact .home-about ul li small { display: block;color: #666666;font-size: 16px;margin: 5px 0 0;line-height: 24px;}
.home-contact .home-about ul li small a {color: #666666;}
.home-contact .home-about ul li small a:hover { color: #da251d;}

/*---------关于我们-----*/

/*---产品页面-------*/
.alzsBox2{ width:1200px; margin:20px auto 30px auto;}
.alzsBox2 ul{ width:1233px; margin-left:-33px;}
.alzsBox2 ul li{ width:275px;display:block; float:left; margin:10px 0px 0px 33px;}
.alzsBox2 ul li a.alzsImg{ width:275px; height:205px;display:block; text-align:center; position:relative; overflow:hidden;}
.alzsBox2 ul li a.alzsImg img{ max-width:275px; height:205px; display:block; transition:all 0.6s ease 0s;} 
.alzsBox2 ul li a.alzsImg:hover img{transform:scale(1.2); transition:all 0.6s ease 0s;}
.alzsBox2 ul li a.alzsTxt{ width:275px; height:40px; line-height:40px; text-align:center; display:block; float:left;}


/*----新闻页面------*/
.pageNews{ width:1200px; margin:20px auto;}

.pageNews ul li{ width:1200px; border-bottom:dashed 1px #f4f4f4; padding-bottom:15px; margin-top:15px; float:left;}
.pageNews ul li .newsImg1{ width:250px; height:165px; display:block; float:left; overflow:hidden;}


.pageNews ul li .newsImg1 img{ width:250px; height:165px; display:block; float:left;transition:all 0.6s ease 0s;} 
.pageNews ul li .newsImg1:hover img{transform:scale(1.2); transition:all 0.6s ease 0s;}

.pageNews ul li .newsTxt{ width:920px; float:right;}
.pageNews ul li .newsTxt a.newsTitle2{ width:920px; height:30px; display:block; float:left; overflow:hidden;line-height:30px; font-size:18px;font-weight:bold;}
.pageNews ul li .newsTxt span{ width:920px; height:50px; display:block; float:left; overflow:hidden;line-height:25px; color:#666; margin-top:10px;}
.pageNews ul li .newsTxt a.more{ width:55px; height:22px; display:block; float:left; margin-top:15px;}

.hezuo{ width:920px; margin-top:20px;}
.hezuo ul li{line-height: 36px; height: 36px; background: url(../images/dian.jpg) no-repeat 0 center; padding-left:10px; display: block; border-bottom:1px dashed #e7e8ec;}
.hezuo ul li a{color: #666;}
.hezuo ul li span{float: right; color: #666;}

.appBox{width:1000px; margin-top:15px;}
.appBox ul li{width:380px; padding-left:120px; line-height:200%; text-align:left;float:left; margin-bottom:20px;}
.appBox ul li.clear{width:1000px; clear:both;}
.appBox ul li p{height:15px; line-height:15px; font-size:14px;}
.appBox ul li p span{color:#F00;}
.appBox ul li input{width:240px; height:20px; line-height:20px;  border:1px #CCC solid;}
.appBt{width:1000px; margin-top:14px; height:40px; line-height:40px; text-align:center;}
.appBt a{width:120px; height:40px; line-height:40px; background-color:#73b42c; color:#FFF; display:block; border-radius:10px; font-size:14px;}