@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;}
body{font-size:14px;background:#fff;position:relative;letter-spacing:1px;}
a{text-decoration:none;color:#333;}
a:visited{color:#333;}
p{letter-spacing:1px;}
ul,li{list-style:none;}
a:link,a:visited{text-decoration: none;}
img{border:none;}
.public{width:1320px;height:auto;margin:0 auto;position:relative;}
.clear{clear:both;}





/*????????????*/
#main{width:100%;height:auto;margin:0 auto;}

/*????????????*/
.product{width:100%;height:900px;margin:0 auto;position:relative;clear:both;}
.product .tit{width:100%;height:210px;margin:0 auto;margin-top: 30px;}
.product .tit h1{width:100%;height:60px;line-height:60px;text-align:center;font-size:16px;color:#232323;font-weight:normal;position:relative;top:10px;}
.product .tit h2{width:100%;height:80px;line-height:80px;text-align:center;font-size:44px;color:#dc2f24;font-weight:normal;}
.product .tit p{width:100%;;text-align:center;font-size:21px;color:#565555;font-weight:normal;}
.product .mm{width:100%;height:auto;margin:0 auto;}
.product .mm li{width: 165px;height: 470px;float:left;margin-right:10px;margin-left:10px;}
.product .mm li .text{width: 165px;height: 165px;display:block;margin:0 auto;background:#888b8d;}
.product .mm li .text img{ width: 165px; height: 105px;margin:0 auto;}
.product .mm li .text h1{width:100%;height:35px;line-height:35px;text-align:center;color:#fff;font-size:17px;}
.product .mm li .text p{width:100%;color:#fff;text-align:center;font-size:14px;}
.product .mm li:hover .text{background:#c10810;}
.product .mm li .img { width: 165px; height: 285px; margin: 0 auto; display: block;}
.product .mm li .img img{ width: 165px; height: 285px;}
.product .mm .sec{position:relative;top:60px;}
.product .mm .thr{position:relative;top:100px;}



/*??????????????????*/
.about{clear:both;width:100%;height:580px;background:url(img/about.jpg) no-repeat center top;}
.about .tit{width:100%;height:auto;margin:0 auto;padding-top: 55px;}
.about .tit h1{width:100%;height:55px;margin:0 auto;color:#fff;font-size: 35px;text-align:center;line-height:55px;}
.about .tit h1 a{color:#fff;}
.about .tit h1 img{width:1425px;height:40px;margin:0 auto;clear:both;}
.about .tit p{width:100%;height:30px;text-align:center;color:#fff;}
.about .mm{width:100%;height:auto;margin:0 auto;padding-top: 55px;}
.about .mm p{line-height:2.8;fotn-size:14px;color:#fff;text-align:center;}
.about .mm .more{width:75px;height:75px;display:block;margin:0 auto;padding-top:50px;}


/*??????????????????*/
.productlist{width:100%;height:auto;margin:0 auto;clear:both;}
.productlist .tit{width:100%;height:auto;margin:0 auto;padding-top: 55px;}
.productlist .tit h1{width:100%;height:55px;margin:0 auto;color:#cdc2f24;font-size: 35px;text-align:center;line-height:55px;}
.productlist .tit h1 a{color:#dc2f24;}
.productlist .tit h1 img{width:1425px;height:40px;margin:0 auto;clear:both;}
.productlist .tit p{width:100%;height:30px;text-align:center;color:#8c8b8b;font-size:16px;}
.productlist .mm{width:100%;height:auto;margin:0 auto;clear:both;margin-top:60px;}
.productlist .mm .box-zzsc{ width:1320px; height:480px;position:relative; margin:0 auto}
.productlist .mm .ctrl-panel{ margin:0 auto;z-index:1000;width: 120px;}
.productlist .mm .m-page{ display:block; width:12px; height:12px; border-radius:20px;text-align:center; background:#cfcfcf; float:left; display:inline; margin-left:10px; }
.productlist .mm .m-page:hover{ text-decoration:none; color:#fff;}
.productlist .mm .focus{background:#fff;border:solid 2px #cc050d;}
.productlist .mm .con{ width:100%;}
.productlist .mm .scroll-wrap {OVERFLOW: hidden; WIDTH: 1320px; POSITION: relative; HEIGHT: 440px}
.productlist .mm .scroll_box_content {POSITION: absolute}
.productlist .mm .content_list {FLOAT: left; WIDTH:1320px; HEIGHT: 405px; cursor:pointer;}
.productlist .mm .content_list li{float:left;width:310px;height:405px;margin-right:20px;position:relative;}
.productlist .mm .content_list li b{display: block;position: absolute;top: 0;border-radius:15px 0 15px 0;background: #fff;opacity: 0.2;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);width:310px;height:405px;overflow: hidden}
.productlist .mm .content_list li:hover b{opacity: 0;transition: all 300ms ease;-webkit-animation: all 300ms ease;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.productlist .mm .content_list li a img{width:310px;height:405px;border-radius: 20px 0px 20px 0px;}
.productlist .mm .content_list li a h1{width:95%;height:0px;border-radius: 0px 0px 20px 0px;background:#cc050d;position:absolute;bottom:0px;color:#fff;font-size:16px;font-weight:normal;padding-left:5%;}
.productlist .mm .content_list li a h1 img{width:50px;height:50px;float:right;position:relative;top:5px;}
.productlist .mm .content_list li:hover h1{height:60px;line-height:60px;transition: height 1s;-moz-transition: height 1s;-webkit-transition: height 1s;-o-transition: height 1s;}
.productlist .mm .image-layer:before {content: '';position: absolute;top: 0;right: 0;border-style: solid;border-width: 0;border-color: rgba(0,0,0,0.5) #fff;border-radius: 0 0 0 4px;box-shadow: 0 0px 0px rgba(0,0,0,0.5), 0px 0px 0px rgba(0,0,0,0.6);-webkit-transition: all 0.4s ease-out;transition:all 0.4s ease-out;}
.productlist .mm .image-layer:hover:before{border-right-width:60px;border-bottom-width:60px;}
.productlist .mm .time2{ -webkit-animation-duration: 1.5s !important; animation-duration: 1.5s !important; -webkit-animation-fill-mode: both;  animation-fill-mode: both;}






/*????????????*/
.ys{width:100%;height:660px;background:url(img/ys.jpg) no-repeat center top;clear:both;margin:0 auto;}
.ys .tit{width:100%;height:auto;margin:0 auto;padding-top: 55px;}
.ys .tit h1{width:100%;height:55px;margin:0 auto;color:#fff;font-size: 35px;text-align:center;line-height:55px;}
.ys .tit h1 a{color:#fff;}
.ys .tit h1 img{width:1425px;height:40px;margin:0 auto;clear:both;}
.ys .tit p{width:100%;height:30px;text-align:center;color:#fff;}
.ys .mm{width:100%;height:auto;margin:0 auto;margin-top:30px;}
.ys .mm ul{width:100%;height:100%;}
.ys .mm ul li{width:320px;height:125px;float:left;margin-right:10px;margin-top:60px;}
.ys .mm ul li img{width:105px;height:90px;float:left;border-left:solid #fff 1px;margin-top: 20px;}
.ys .mm ul li h1{width:200px;height:35px;float:right;color:#fff;font-weight:normal;font-size:16px;margin-top: 20px;}
.ys .mm ul li p{width:200px;height:auto;float:right;line-height:1.6;color:#fff;font-size:14px;}
.ys .mm ul li:hover{background:#c10810;}
.ys .mm ul li:hover img{border:none;}
.ys .mm ul .first img{border:none;}




/*??????????????????*/
.case{width:100%;height:auto;margin:0 auto;clear:both;}
.case .tit{width:100%;height:auto;margin:0 auto;padding-top: 55px;}
.case .tit h1{width:100%;height:55px;margin:0 auto;color:#cdc2f24;font-size: 35px;text-align:center;line-height:55px;}
.case .tit h1 a{color:#dc2f24;}
.case .tit h1 img{width:1425px;height:40px;margin:0 auto;clear:both;}
.case .tit p{width:100%;height:30px;text-align:center;color:#8c8b8b;font-size:16px;}
.case .mm{width:100%;height:auto;margin:0 auto;clear:both;margin-top:20px;}
.case .mm .box-zzsc{ width:1320px; height:560px;position:relative; margin:0 auto}
.case .mm .ctrl-panel{ margin:0 auto;z-index:1000;width: 120px;}
.case .mm .m-page{ display:block; width:12px; height:12px; border-radius:20px;text-align:center; background:#cfcfcf; float:left; display:inline; margin-left:10px; }
.case .mm .m-page:hover{ text-decoration:none; color:#fff;}
.case .mm .focus{background:#fff;border:solid 2px #cc050d;}
.case .mm .con{ width:100%;}
.case .mm .scroll-wrap {OVERFLOW: hidden; WIDTH: 1320px; POSITION: relative; HEIGHT: 540px}
.case .mm .scroll_box_content {POSITION: absolute}
.case .mm .content_list {FLOAT: left; WIDTH:1320px; HEIGHT: 500px; cursor:pointer;}
.case .mm .content_list li{float:left;width:315px;height:230px;margin-right:15px;position:relative;margin-top:25px;}
.case .mm .content_list li a img{width:315px;height:230px;}
.case .mm .content_list li a h1{width:95%;height:0px;background-color:rgb(90,91,85);opacity:0.8;position:absolute;bottom:0px;color:#fff;font-size:16px;font-weight:normal;padding-left:5%;}
.case .mm .content_list li:hover h1{height:40px;line-height:40px;transition: height 1s;-moz-transition: height 1s;-webkit-transition: height 1s;-o-transition: height 1s;}



/*???????????????*/
.mid{width:100%;height:395px;background:url(img/mid.jpg) no-repeat center top;margin:0 auto;clear:both;margin-top:30px;}
.mid h1{width:385px;height:60px;line-height:60px;color:#fff;font-size:29px;font-weight:normal;float:right;text-align:right;border-bottom:solid #fff 1px;margin-right:30px;margin-top:100px;letter-spacing:2px;}
.mid h2{width:810px;height:40px;line-height:40px;color:#fff;font-size:18px;font-weight:normal;float:right;text-align:right;margin-right:30px;clear:both;margin-top:20px;letter-spacing:1px;}
.mid p{width:690px;height:60px;line-height:1.8;color:#fff;font-size:14px;font-weight:normal;float:right;text-align:right;margin-right:30px;clear:both;}
.mid:hover h1{color:#dc2f24;font-weight:bold;}



/*????????????*/
.news{width:100%;height:auto;margin:0 auto;clear:both;}
.news .tit{width:100%;height:auto;margin:0 auto;padding-top: 55px;}
.news .tit h1{width:100%;height:55px;margin:0 auto;color:#cdc2f24;font-size: 35px;text-align:center;line-height:55px;}
.news .tit h1 a{color:#dc2f24;}
.news .tit h1 img{width:1425px;height:40px;margin:0 auto;clear:both;}
.news .tit p{width:100%;height:30px;text-align:center;color:#8c8b8b;font-size:16px;}
.news .mm{width:100%;height:480px;margin:0 auto;clear:both;margin-top:20px;}
.news .mm .box-zzsc{ width:1320px; height:440px;position:relative; margin:0 auto}
.news .mm .ctrl-panel{ margin:0 auto;z-index:1000;width: 120px;}
.news .mm .m-page{ display:block; width:12px; height:12px; border-radius:20px;text-align:center; background:#cfcfcf; float:left; display:inline; margin-left:10px; }
.news .mm .m-page:hover{ text-decoration:none; color:#fff;}
.news .mm .focus{background:#fff;border:solid 2px #cc050d;}
.news .mm .con{ width:100%;}
.news .mm .scroll-wrap {OVERFLOW: hidden; WIDTH: 1320px; POSITION: relative; HEIGHT: 420px}
.news .mm .scroll_box_content {POSITION: absolute}
.news .mm .content_list {FLOAT: left; WIDTH:1320px; HEIGHT: 350px; cursor:pointer;}
.news .mm .content_list li{float:left;width:305px;height:330px;margin-right:15px;position:relative;margin-top:25px;margin-left: 10px;}
.news .mm .content_list li a img{width:305px;height:180px;}
.news .mm .content_list li a h1{width:98%;height:30px;line-height:30px;color:#252525;font-size:16px;font-weight:normal;padding-left:2%;margin-top:10px;}
.news .mm .content_list li a span{display:block;width:98%;height:30px;line-height:30px;color:#8b8989;font-size:14px;padding-left:2%;}
.news .mm .content_list li a p{width:98%;height:30px;line-height:1.8;color:#afadad;font-size:14px;padding-left:2%;letter-spacing:1px;text-indent: -30px;}
.news .mm .content_list li a p a{color:#afadad;}
.news .mm .content_list li:hover h1{height:35px;line-height:35px;color:#dc2f24;transition: height 1s;-moz-transition: height 1s;-webkit-transition: height 1s;-o-transition: height 1s;font-weight:bold;}



/*??????????????????*/
.contact{width:100%;height:735px;margin:0 auto;clear:both;background:url(img/contact.jpg) no-repeat center top;}
.contact .tit{width:100%;height:185px;margin:0 auto;padding-top: 40px;}
.contact .tit h1{width:100%;height:55px;margin:0 auto;color:#cdc2f24;font-size: 35px;text-align:center;line-height:55px;}
.contact .tit h1 a{color:#dc2f24;}
.contact .tit h1 img{width:1425px;height:40px;margin:0 auto;clear:both;}
.contact .tit p{width:100%;height:30px;text-align:center;color:#8c8b8b;font-size:16px;}
.contact .mm{width:100%;height:auto;margin:0 auto;clear:both;margin-top: 200px;}
.contact .mm .left{width:290px;height:240px;float:left;padding-left: 60px;}
.contact .mm .left h1{width:100%;height:55px;line-height:55px;margin:0 auto;color:#fff;font-size:22px;font-weight:normal;}
.contact .mm .left p{color:#fff;font-size:14px;line-height: 30px;width:100%;}
.contact .mm .right{width: 790px;height: 100%;float: left;display: block;float:right;margin-top:40px;}
.contact .mm .right table{width: 790px;height: 100%;display:block;}
.contact .mm .right table tbody{display: block;width: 790px;}
.contact .mm .right table tbody tr{display: block;width: 790px;} 
.contact .mm .right table tbody tr .input{width: 300px;display: block;float: left;}
.contact .mm .right table tbody tr .input2{width: 460px;display: block;float: right;}
.contact .mm .right table .input-text{width: 300px;height: 50px;margin:0 auto;clear:both;display:block;margin-bottom:15px;line-height:35px;color:#7d7d7d;font-size:14px;padding-left:5px;letter-spacing:1px;}
.contact .mm .right table .textarea-text{width:475px;height:135px;margin:0 auto;clear:both;display:block;margin-bottom:15px;line-height:35px;color:#7d7d7d;font-size:14px;padding-left:5px;letter-spacing:1px;}
.contact .mm .right p{width:170px;height:35px;float:left;}
.contact .mm .right p img{width: 60px;height: 25px;padding: 5px;}
.contact .mm .right table .input-tt{width:85px;height:35px;float:left;clear:both;display:block;margin-bottom:15px;line-height:35px;color:#7d7d7d;font-size:14px;padding-left:5px;letter-spacing:1px;}
.contact .mm .right table .submit{width:95px;height:35px;float:left;display:block;margin-bottom:15px;line-height:35px;color:#fff;font-size:14px;padding-left:5px;letter-spacing:1px;background:#c11e2b;text-align:center;border:none;}
.contact .mm .right h2{width:180px;height:40px;float:left;font-size: 14px;color: #fff;font-weight: normal;padding-left: 10px;}






/*????????????*/
#footer{width:100%;height:380px;background:#2c2c2c;margin:0 auto;}
#footer .left{width:950px;height: 250px;float:left;}
#footer .tit1{width:950px;height:75px;border-bottom:solid #898c8c 1px;position:relative;top:15px;}
#footer .tit1 li{min-width:120px;height:100%;float:left;}
#footer .tit1 li a{display:block;width:100%;height:100%;line-height:75px;text-align:center;color:#898c8c;}
#footer .tit2{width:950px;height:75px;position:relative;top:15px;}
#footer .tit2 li{width: 115px;height:100%;float:left;}
#footer .tit2 li a{display:block;width:100%;height:25px;line-height:20px;text-align:center;color:#c6c6c6;font-size:16px;letter-spacing:1px;border-left: solid #c6c6c6 1px;position:relative;top:25px;}
#footer .tit2 li a font{font-size:22px;padding: 7px;position: relative;top: -3px;}
#footer .tit2 .first a{border:none;}
#footer .search{width:500px;height:30px;float:left;position: relative;top:40px;}
#footer .search p{width:100px;height:30px;line-height:30px;color:#c6c6c6;font-size:18px;float:left;position: relative;top: 0px !important;}
#footer .search .r1{width:340px;height:30px;border:solid #929696 1px;color:#929696;display:block;float: left;padding-left:5px;background:none;}
#footer .search .r2{width:35px;height:30px;display:block;float: left;background:url(img/search.png) no-repeat center top;border:none;position: absolute;right: 60px;top: 1px;}
#footer .tit3{width:350px;height:30px;float: left;margin-top: 40px;}
#footer .tit3 h1{width:100px;height:30px;color:#898c8c;font-size:14px;font-weight:normal;float:left;line-height: 30px;}
#footer .tit3 li{min-width:60px;height:100%;float:left;}
#footer .tit3 li a{display:block;width:100%;height:100%;line-height:30px;text-align:center;color:#898c8c;}
#footer .right{width:170px;float:right;text-align:center;}
#footer .right img{width:170px;height:170px;float:right;margin-top: 50px;}
#footer .right p{width:100%;color:#c6c6c6;font-size:14px;text-align:center;line-height:40px;}
#footer .foot{width:100%;height:100px;border-top:solid #898c8c 1px;margin:0 auto;clear: both;position: relative;top: 20px;}
#footer .foot img{width:370px;height:100px;float:left;}
#footer .foot p{width:750px;height:100px;float:right;line-height:100px;color:#898c8c;text-align:center;}
#footer .foot p a{color:#898c8c;}




/*????????????*/
.rides-cs {  font-size: 12px; background:#af1116; position: fixed; top: 215px; left: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li {line-height:40px;min-height:40px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;font-size:15px;display:block;float:left;text-align:center;}
.rides-cs .cn ul li img{float:left;padding:5px;}
.rides-cs .cn ul li font{color: #777;font-size: 16px;text-align: left;display: block;line-height:30px;padding-left:5px;}
.rides-cs .cn ul li p{color:#333;line-height:1.8;font-size:18px;font-weight:bold;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul .img img { vertical-align: middle;width:130px;height:130px;}
.rides-cs .cn ul .img{height:140px;text-align:center;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(img/lanrenzhijia.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}