body{font-size:14px; color:#333; font-family:"微软雅黑"; max-width:1920px; margin:0 auto; overflow-x:hidden;}
*{ margin:0 auto; padding:0px;}
img{ border:0px;}
ul ,li{list-style-type:none;margin:0;padding:0;border:0;}
a {text-decoration:none; color:#333;}
a:hover {text-decoration:none;}
img{border:none; max-width:100%;}
.clear{clear:both;}
.relative {position:relative;}
.absolute {position:absolute;}
.fl {float:left;}
.fr {float:right;}
.main{margin:0 auto; width:100%; max-width:1200px;}
.content{margin:0 auto; width:100%;}
.w1000{max-width:1000px;}
.w1100{max-width:1100px;}
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
red{color:#f00;}

.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

@-webkit-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/ transform:scale(0,0);}
100% {
opacity: 1; /*结尾状态 透明度为1*/ transform:scale(1,1); /*transform:translate(1,1); transform:rotate(180deg); */}
}

.index_title{font-size:24px; text-align:center; float:left; width:100%; margin-top:100px; line-height:50px; transform: translate(1,1);animation:change 1s; -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 1s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/}


@-webkit-keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0);}
	100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0);}
	100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}

@-webkit-keyframes fadeInleft {
	0% {opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);}
	100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInleft {
	0% {opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);}
	100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInleft {-webkit-animation-name:fadeInleft;animation-name:fadeInleft;}

@-webkit-keyframes fadeInright {
	0% {opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);}
	100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInright {
	0% {opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);}
	100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInright {-webkit-animation-name:fadeInright;animation-name:fadeInright;}

.header{float:left; width:100%; background:rgb(34,34,34); height:40px;}
.header font{float:left; line-height:40px; color:#fff; font-size:14px; margin-right:15px;}
.header font img{float:left; height:20px; margin:10px 5px 0 0;}
.header span{float:right; line-height:40px; color:#fff; font-size:14px; margin-left:15px;}
.header span img{float:left; height:20px; margin:10px 5px 0 0;}
.header a.a1{float:right; line-height:16px; color:#fff; font-size:12px; margin:12px 0 0 20px; padding-right:20px; border-right:1px solid #fff;}
.header #translate{float:right; margin:10px 0 0 20px;}
.header #translate select{float:left; width:100px; height:20px; border:none; outline:none;}

.banner{width:100%; overflow:hidden; position:relative; float:left;}
.banner img{width:100%; float:left;}
.banner .hd {overflow: hidden; height:12px; text-align:center; position:absolute; bottom:20px; left:50%; margin-left:-24px;}
.banner .hd ul { }
.banner .hd li {float:left; width:12px; height:12px; margin:0 5px; background:rgba(255,255,255,0.3); border-radius:50%;}
.banner .hd li.on {background:rgba(204,0,0,1);}
.banner .bd{position:relative; z-index:0; float:left; width:100%; overflow:hidden;}
.banner .bd li{ zoom:1; vertical-align:middle; float:left;}
/*.banner .prev,.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:53px; height:53px; background:url(../images/slider_btm.png) -106px 0px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.banner .next{ left:auto; right:3%; background-position:0 0;}
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}*/

.banner .prev{position:absolute; left:3%; top:50%; margin-top:-35px; display:block; width:71px; height:71px; background:url(../images/left.png) no-repeat rgba(0,0,0,0.1); border-radius:5px;}
.banner .next{position:absolute; right:3%; top:50%; margin-top:-35px; display:block; width:71px; height:71px; background:url(../images/right.png) no-repeat rgba(0,0,0,0.1); border-radius:5px;}
.banner .prev:hover{background:url(../images/left.png) no-repeat rgba(0,0,0,0.3);}
.banner .next:hover{background:url(../images/right.png) no-repeat rgba(0,0,0,0.3);}

.banner .prevStop{ display:none;}
.banner .nextStop{ display:none;}

.menu{padding:20px 0; height:55px;}
.menu .logo{float:left; width:400px; height:55px;}
.menu .logo img{float:left; height:55px; border-radius:50%;}
.menu .logo b{float:left; width:300px; margin-left:10px; font-size:25px; line-height:35px; letter-spacing:5px;}
.menu .logo small{float:left; width:300px; margin-left:10px; font-size:14px; line-height:20px;}
.menu ul{float:right; width:600px;}
.menu ul li{float:left; width:120px; height:35px; margin-top:10px; text-align:center;}
.menu ul li a{float:left; width:100%; height:35px; line-height:35px; color:#434343;}
.menu ul li a:hover{color:#fff; background:rgba(204,0,0);}

.footer{float:left; width:100%; background:#666; padding:80px 0; color:#fff; margin-top:100px;}
.footer b{float:left; width:100%; text-align:center; line-height:2em; font-size:36px;}
.footer p{float:left; width:100%; text-align:center; line-height:2em; font-size:16px; position:relative;}
.footer p img{height:25px; position:absolute; left:50%; margin-left:-85px;}

.copyright{float:left; width:100%; background:#333; color:#fff; text-align:center; font-size:14px; padding:30px 0; line-height:50px;}
.copyright a{color:#fff;}

.pfr{position:fixed; right:10px; top:50%; margin-top:-180px; width:80px;}
.pfr li{float:left; width:80px; height:80px; margin:5px 0; background:#4389d4; border-radius:5px; position:relative;}
.pfr li p{float:left; width:100%; text-align:center; color:#fff; font-size:14px; line-height:20px;}
.pfr li p img{padding-top:12px; height:35px;}
.pfr li .tc{display:none;}
.pfr li:hover .tc{display:block; width:180px; height:210px; padding:10px; border:1px solid #ccc; right:90px; top:0; position:absolute; background:#fff; text-align:center; line-height:20px; font-size:14px;}
.pfr li:hover .tc img{float:left; width:100%; margin-bottom:10px;}

.titles{float:left; width:100%; text-align:center; font-size:24px; font-weight:bold; line-height:80px; margin-top:30px; position:relative; -webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
.titles font{float:left; width:100%; text-align:center; font-size:24px; font-weight:bold; line-height:80px; position:relative; -webkit-animation-name:fadeInleft; animation-name:fadeInleft;}
.titles i{width:60px; height:6px; position:absolute; left:50%; margin-left:-30px; top:80px; background:#cc0000; border-radius:3px;}
.titles small{float:left; width:100%; text-align:center; font-size:14px; font-weight:500; line-height:30px; height:50px; margin-top:20px; -webkit-animation-name:fadeInright;animation-name:fadeInright;}

.titles1{float:left; width:100%; text-align:center; color:#fff; font-size:24px; font-weight:bold; line-height:80px; margin-top:30px; position:relative; -webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
.titles1 font{float:left; width:100%; text-align:center; font-size:24px; font-weight:bold; line-height:80px; position:relative; -webkit-animation-name:fadeInleft; animation-name:fadeInleft;}
.titles1 i{width:60px; height:6px; position:absolute; left:50%; margin-left:-30px; top:80px; background:#cc0000; border-radius:3px;}
.titles1 small{float:left; width:100%; text-align:center; font-size:14px; font-weight:500; line-height:30px; height:50px; margin-top:20px; -webkit-animation-name:fadeInright; animation-name:fadeInright;}

.part1{float:left; width:100%; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; margin-top:50px;}
.part1 ul{margin:0 auto; width:1190px;}
.part1 ul li{float:left; width:130px; margin:50px 20px 0 20px; _margin:50px 20px 0 10px; text-align:center; font-size:16px;}
.part1 ul li img{float:left; width:130px; height:130px; margin-bottom:30px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.part1 ul li:hover img{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2);}

.part2{float:left; width:100%; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; margin-top:50px;}
.part2 .main{background:#eee; padding:30px 0; overflow:hidden; overflow-y:auto;}
.part2 img.imgs{float:right; width:550px; height:450px; margin-right:30px; -webkit-animation-name:fadeInright; animation-name:fadeInright;}
.part2 img.imgs:hover{margin-right:50px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.part2 .words{float:left; width:550px; height:450px; margin-left:30px; -webkit-animation-name:fadeInleft; animation-name:fadeInleft;}
.part2 .words b{float:left; width:100%; font-size:18px; text-indent:30px; margin-top:25px; line-height:2em;}
.part2 .words p{float:left; width:100%; font-size:15px; text-indent:30px; line-height:2em;}

.part3{float:left; width:100%; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; padding:100px 0; background:url(../images/bg3.jpg) center center; margin-top:100px;}
.part3 img.imgs{float:left; width:550px; height:450px; margin-left:30px; -webkit-animation-name:fadeInleft; animation-name:fadeInleft;}
.part3 img.imgs:hover{margin-left:50px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.part3 .words{float:right; width:510px; height:410px; padding:20px; _padding:20px 20px 20px 10px; margin-right:30px; -webkit-animation-name:fadeInright; animation-name:fadeInright; background:rgba(255,255,255,0.9);}
.part3 .words b{float:left; width:100%; font-size:22px; padding-bottom:15px; position:relative;}
.part3 .words b i{width:60px; height:5px; position:absolute; left:0; bottom:0px; background:#c00;}
.part3 .words p{float:left; width:100%; font-size:14px; text-indent:2em; line-height:1.8em; margin-top:10px;}

.part4{float:left; width:100%; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; margin-top:50px;}
.part4 ul{margin:0 auto; width:1288px;}
.part4 ul li{float:left; width:280px; padding:10px; _padding:10px 10px 10px 5px; border:1px solid #eee; background:#fff; overflow:auto; margin:20px 10px 0 10px; _margin:20px 0 0 5px;}
.part4 ul li:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.2); border:1px solid #ccc;}
.part4 ul li .case_img{float:left; width:278px; height:185px; overflow:hidden; border:1px solid #ccc;}
.part4 ul li .case_img img{width:278px; height:185px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.part4 ul li .case_img img:hover{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3);}
.part4 ul li b{float:left; width:100%; font-size:18px; line-height:35px; height:35px; margin-top:10px; font-weight:500; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all;}
.part4 ul li p{float:left; width:100%; font-size:13px; line-height:22px; max-height:44px; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
.part4 ul li span{float:right; font-size:24px; line-height:66px; color:#666; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; margin-right:10px;}
.part4 ul li:hover span{margin-right:0px;}

.part5{float:left; width:100%; height:500px; background:url(../images/bg1.jpg) center center; margin-top:100px; padding:50px 0;}
.part5 li{float:left; width:250px; height:270px; margin:50px 75px 0 75px; _margin:50px 75px 0 37.5px;}
.part5 li b{float:left; width:120px; height:120px; line-height:120px; background:url(../images/quan1.png) top center no-repeat; text-align:center; font-size:22px; margin:0 65px; _margin:0 65px 0 32.5px; transform:translate(0.1,1); animation:change 1s; -webkit-animation-name:fadeIn; /*动画名称*/ -webkit-animation-duration:1s; /*动画持续时间*/ -webkit-animation-iteration-count:1; /*动画次数*/ -webkit-animation-delay:0s; /*延迟时间*/ color:#fff; position:relative;}
.part5 li b img{display:none;}
.part5 li b:hover img{width:120px; height:120px; animation:change 1s; -webkit-animation-name:fadeIn; /*动画名称*/ -webkit-animation-duration:0.5s; /*动画持续时间*/ -webkit-animation-iteration-count:1; /*动画次数*/ -webkit-animation-delay:0s; /*延迟时间*/ position:absolute; left:0; top:0; display:block;}
.part5 li p{float:left; width:100%; line-height:25px; text-align:center; margin-top:20px; color:#fff; -webkit-animation-name:fadeInUp; animation-name:fadeInUp;}

.part6{float:left; width:100%; -webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
.part6 ul{margin:0 auto; width:1288px;}
.part6 ul li{float:left; width:280px; padding:10px; _padding:10px 10px 10px 5px; border:1px solid #eee; background:#fff; overflow:auto; margin:20px 10px 0 10px; _margin:20px 0 0 5px;}
.part6 ul li:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.2); border:1px solid #ccc;}
.part6 ul li .case_img{float:left; width:278px; height:185px; overflow:hidden; border:1px solid #ccc;}
.part6 ul li .case_img img{width:278px; height:185px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.part6 ul li .case_img img:hover{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3);}
.part6 ul li b{float:left; width:100%; font-size:18px; line-height:35px; height:35px; margin-top:10px; font-weight:500; color:#333; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all;}
.part6 ul li p{float:left; width:100%; font-size:13px; line-height:22px; height:22px; overflow:hidden; color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all;}
.part6 ul li span{float:right; font-size:24px; line-height:66px; color:#666; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; margin-right:10px;}
.part6 ul li:hover span{margin-right:0px;}

.part6 dl{padding-bottom:100px; position:relative; overflow:auto;}
.part6 dl dd{float:left; width:568px; padding:5px; margin:20px 10px 0 10px; _margin:20px 10px 0 5px; border:1px solid #ccc; background:#f6f6f6;}
.part6 dl dd small{float:left; width:60px; height:60px; font-size:12px; margin-right:15px; text-align:center; color:#fff; line-height:20px; background:#cc0000;}
.part6 dl dd small b{float:left; width:100%; font-size:18px; line-height:25px; margin-top:8px;}
.part6 dl dd a{float:left; width:480px; height:60px; line-height:60px; font-size:16px; color:#333; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; overflow:hidden;}
.part6 dl a.more{position:absolute; background:#c00; text-align:center; width:200px; height:50px; line-height:50px; border-radius:25px; color:#fff; left:50%; margin-left:-100px; bottom:0;}

.part7{float:left; width:100%; height:265px; background:url(../images/bg2.jpg) center center no-repeat; -webkit-animation-name:fadeInUp;animation-name:fadeInUp; margin-top:100px; position:relative;}
.part7 strong{color:rgb(255,0,0); font-size:105px; font-family:SimSun; position:absolute;}
.part7 strong.str1{left:50%; margin-left:-500px; top:50px; -webkit-animation-name:fadeInleft; animation-name:fadeInleft;}
.part7 strong.str2{right:50%; margin-right:-500px; top:50px; -webkit-animation-name:fadeInright; animation-name:fadeInright;}
.part7 p{color:rgb(255,255,255); font-size:36px; width:750px; line-height:60px; text-align:center; position:absolute; left:50%; margin-left:-375px; top:70px; -webkit-animation-name:fadeInUp; animation-name:fadeInUp;}

.part8{float:left; width:100%; -webkit-animation-name:fadeInUp;animation-name:fadeInUp; margin-top:50px; position:relative;}
.part8 dl{float:left; width:550px; margin-top:50px;}
.part8 dl dt{float:left; width:100%; font-size:15px; font-weight:bold; color:#333; line-height:25px; padding-bottom:40px;}
.part8 dl dt strong{float:left; width:100%; font-size:24px; padding-bottom:20px;}
.part8 dl dd{float:left; width:100%; color:#666; line-height:35px;}
.part8 dl dd.dd1{color:#c00; margin-top:40px; line-height:45px; font-size:30px; font-weight:bold;}
.part8 dl dd.dd1 img{float:left; margin-right:10px; height:45px;}
.part8 dl dd small{color:#333;}
.part8 ul{float:right; width:400px; margin-top:30px;}
.part8 li{float:left; width:400px; margin-top:20px; font-size:16px; line-height:30px; color:#333;}
.part8 li font{float:left; width:80px; margin-right:10px;}
.part8 li .danhang{float:left; width:300px; height:30px; line-height:30px; border:1px solid #ccc; text-indent:10px; font-size:14px; color:#666; outline:none;}
.part8 li .duohang{float:left; width:280px; height:60px; line-height:20px; border:1px solid #ccc; padding:10px; font-size:14px; color:#666; outline:none;}
.part8 li .yzm{float:left; width:80px; height:30px; line-height:30px; border:1px solid #ccc; text-align:center; margin:0 20px 0 0; font-size:14px; color:#666; text-indent:0; outline:none;}
.part8 li .yzmimg{float:left; margin-top:10px;}
.part8 li .btms{float:left; width:150px; height:50px; line-height:50px; background:#f60; border:none; outline:none; text-align:center; margin:20px 20px 0 0; font-size:14px; color:#fff; border-radius:5px;}

.about_part1{float:left; width:100%; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; margin-top:50px; font-size:16px; line-height:2em;}

.about_part2{float:left; width:100%; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; margin-top:50px; position:relative;}
.about_part2 .main{background:#eee; padding:30px 0; overflow:hidden; overflow-y:auto;}
.about_part2 img.imgs{width:550px; height:450px; -webkit-animation-name:fadeInright; animation-name:fadeInright; position:absolute; right:50%; margin-right:-630px; top:190px;}
.about_part2 img.imgs:hover{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; right:50%; margin-right:-570px;}
.about_part2 .words{float:left; width:550px; height:450px; margin-left:30px; -webkit-animation-name:fadeInleft; animation-name:fadeInleft;}
.about_part2 .words b{float:left; width:100%; font-size:18px; text-indent:30px; margin-top:25px; line-height:2em;}
.about_part2 .words p{float:left; width:100%; font-size:15px; text-indent:30px; line-height:2em;}

.pro{float:left; width:100%; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; margin-top:50px;}
.pro ul{margin:0 auto; width:1288px;}
.pro ul li{float:left; width:280px; padding:10px; _padding:10px 10px 10px 5px; border:1px solid #eee; background:#fff; overflow:auto; margin:20px 10px 0 10px; _margin:20px 0 0 5px;}
.pro ul li:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.2); border:1px solid #c00;}
.pro ul li .case_img{float:left; width:278px; height:185px; overflow:hidden; border:1px solid #ccc;}
.pro ul li .case_img img{width:278px; height:185px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.pro ul li .case_img img:hover{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3);}
.pro ul li b{float:left; width:100%; text-align:center; font-size:18px; line-height:35px; max-height:35px; margin-top:10px; font-weight:500; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all;}
.pro ul li:hover b{color:#c00;}
.pro ul li p{float:left; width:100%; font-size:13px; line-height:22px; max-height:44px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
.pro ul li span{float:right; font-size:24px; line-height:66px; color:#666; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; margin-right:10px;}
.pro ul li:hover span{margin-right:0px;}
.pro h3{float:left; width:100%; text-align:center; font-size:24px; font-weight:500; padding:50px 0 10px 0;}
.pro h6{float:left; width:100%; text-align:center; font-size:14px; font-weight:500; padding:0 0 50px 0; border-bottom:1px solid #ccc;}

.pro dl.fenlei{float:left; width:100%; text-align:center;}
.pro dl dd{padding:0 10px; display:inline}
.pro dl dd{padding:0 10px; isplay:inline}
.pro dl dd a{padding:7px 25px; background:#fff; border:1px solid #ccc; float:none;}
.pro dl dd a:hover{background:#c00; border:1px solid #c00; color:#fff;}

.news{float:left; width:100%; -webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
.news ul{position:relative; overflow:auto;}
.news ul li{float:left; width:100%; padding:20px 0; border-bottom:0px solid #ccc; background:#f6f6f6; margin-top:20px;}
.news ul li small{float:left; width:80px; height:80px; font-size:14px; margin:0 20px; text-align:center; color:#fff; line-height:25px; background:#cc0000;}
.news ul li small strong{float:left; width:100%; font-size:24px; margin-top:18px;}
.news ul li b{float:left; width:1040px; height:40px; line-height:40px; font-size:16px; color:#333; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; overflow:hidden;}
.news ul li b a{color:#333;}
.news ul li b a:hover{color:#c00;}
.news ul li p{float:left; width:1040px; line-height:30px; max-height:30px; font-size:14px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; overflow:hidden;}

.news dl.fenlei{float:left; width:100%; text-align:center;}
.news dl dd{padding:0 10px; display:inline}
.news dl dd{padding:0 10px; isplay:inline}
.news dl dd a{padding:7px 25px; background:#fff; border:1px solid #ccc; float:none;}
.news dl dd a:hover{background:#c00; border:1px solid #c00; color:#fff;}

.news1 h3{float:left; width:100%; text-align:center; font-size:24px; font-weight:500; padding:50px 0 10px 0;}
.news1 h6{float:left; width:100%; text-align:center; font-size:14px; font-weight:500; padding:0 0 50px 0; border-bottom:1px solid #ccc;}

.contact{float:left; width:100%; -webkit-animation-name:fadeInUp;animation-name:fadeInUp; margin-top:50px; position:relative;}
.contact dl{float:left; width:550px; margin:50px 200px 0 0;}
.contact dl dt{float:left; width:100%; font-size:15px; font-weight:bold; color:#333; line-height:25px; padding-bottom:40px;}
.contact dl dt strong{float:left; width:100%; font-size:24px; padding-bottom:20px;}
.contact dl dd{float:left; width:100%; color:#666; line-height:35px;}
.contact dl dd.dd1{color:#c00; margin-top:40px; line-height:45px; font-size:30px; font-weight:bold;}
.contact dl dd.dd1 img{float:left; margin-right:10px; height:45px;}
.contact dl dd small{color:#333;}
.contact ul{float:left; width:700px; margin-top:30px;}
.contact li{float:left; width:400px; margin-top:20px; font-size:16px; line-height:30px; color:#333;}
.contact li font{float:left; width:80px; margin-right:10px;}
.contact li .danhang{float:left; width:300px; height:30px; line-height:30px; border:1px solid #ccc; text-indent:10px; font-size:14px; color:#666; outline:none; background:#f6f6f6; border-radius:5px;}
.contact li .duohang{float:left; width:280px; height:60px; line-height:20px; border:1px solid #ccc; padding:10px; font-size:14px; color:#666; outline:none; background:#f6f6f6; border-radius:5px;}
.contact li .yzm{float:left; width:80px; height:30px; line-height:30px; border:1px solid #ccc; text-align:center; margin:0 20px 0 0; font-size:14px; color:#666; text-indent:0; outline:none; background:#f6f6f6; border-radius:5px;}
.contact li .yzmimg{float:left; margin-top:10px;}
.contact li .btms{float:left; width:150px; height:50px; line-height:50px; background:#f60; border:none; outline:none; text-align:center; margin:20px 20px 0 0; font-size:14px; color:#fff; border-radius:5px;}

.contact .map {width:600px; height:700px; border:none; overflow:hidden; position:absolute; right:50%; margin-right:-600px; top:220px;}

.neirong{float:left; width:96%; padding:50px 2%; font-size:14px; line-height:1.8em; border-bottom:1px solid #ccc;}
.daying{float:left; width:100%; text-align:right; line-height:100px;}
.tixing{float:left; width:100%; text-align:center; line-height:100px; font-size:14px;}

.fanye{float:left; width:100%; text-align:center; color:#333; padding:50px 0 0 0; letter-spacing:2px;}
.fanye a{color:#333;}
.fanye a:hover{color:#d00000;}