@charset "utf-8";
/* CSS Document */
html {overflow-x:hidden;overflow-y:auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,img,p,tr {padding:0;margin:0;border:0;list-style:none;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%; font-family:"寰蒋闆呴粦";}
*{margin:0px;padding:0px;}
body{font-size:14px;font-family:"寰蒋闆呴粦";background:#fdfdfd;}
a{text-decoration:none;color:#333;}
a:visited{color:#333;}
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;}
#header{width:100%;height:auto;background:#fff;}
#main{width:100%;height:auto;background:#fff;}


.tit{width:1320px;height:200px;margin:0 auto;background:url(../img/tit.png) no-repeat center top;}
.tit h3 img{width: 55px;height: 58px;position: relative;top: 15px;right: 10px;}
.tit h3{width:100%;height:58px;text-align:center;margin:0 auto;line-height:58px;display: block;position: relative;top: 20px;}
.tit h3 span{font-size:30px;line-height:58px;color:#fff;font-weight:bold;letter-spacing:2px;}
.tit p{width:630px;margin:0 auto;color:#fff;text-align:center;position:relative;top:55px;line-height:1.8;}

.tit2{width:1320px;height:220px;margin:0 auto;background:url(../img/tit2.png) no-repeat center top;}
.tit2 h3 img{width: 55px;height: 58px;position: relative;top: 15px;right: 10px;}
.tit2 h3{width:100%;height:58px;text-align:center;margin:0 auto;line-height:58px;display: block;position: relative;top: 35px;}
.tit2 h3 span{font-size:30px;line-height:58px;color:#000000;font-weight:bold;letter-spacing:2px;}
.tit2 p{width:630px;margin:0 auto;color:#6a6767;text-align:center;position:relative;top:70px;line-height:1.8;font-size: 18px;letter-spacing:1px;}			

.tit3{width:1320px;height:160px;margin:0 auto;background:url(../img/tit3.png) no-repeat center top;}
.tit3 h3 img{width: 55px;height: 58px;position: relative;top: 15px;right: 10px;}
.tit3 h3{width:100%;height:58px;text-align:center;margin:0 auto;line-height:58px;display: block;position: relative;top: 15px;}
.tit3 h3 span{font-size:30px;line-height:58px;color:#000000;font-weight:bold;letter-spacing:2px;}
.tit3 p{width:630px;margin:0 auto;color:#6a6767;text-align:center;position:relative;top:50px;line-height:1.8;font-size: 18px;letter-spacing:1px;}			

.mm{width:1320px;height:auto;margin:0 auto;}
.mm2{width:1400px;height:auto;margin:0 auto;}

/*头部开始*/
.top{height:138px;margin:0 auto;z-index: 9999;position: relative;}
.top .topd {width: 1400px;height: 138px;margin: 0 auto;z-index:100;}
.top .topd .logo{width:300px;height:138px;float:left;}
.top .topd .logo a{display:block;width:100%;height:100%;}
.top .topd .logo a img{width:300px;height:138px;}
.top .topd .nav{float:left;width:850px;height: 138px;position: relative;left:45px;z-index: 100;}
.top .topd .nav ul{margin:0 auto;}
.top .topd .nav ul li{width:110px;height:45px;position:relative;top:40px;float:left;margin-left: 3px;}
.top .topd .nav ul li a{width: 100%;display: block;color: #333;font-size: 16px;font-family: "华文细黑";text-align: center;line-height: 45px;}
.top .topd .nav ul li a:hover{color:#fff;background:#f6c414;}
.top .topd .nav ul .first a{color:#fff;background:#f6c414;}
.top .topd .search{float:left;width:245px;height:40px;position:relative;top: 40px;}
.top .topd .search .inputText{width:245px;height:30px;background:#fff;line-height:40px;border:solid #cccccc 1px;padding: 5px;color: #888;}
.top .topd .search .inputSubmit{width:38px;height:38px;position:absolute;right:2px;top:1px;background:url(../img/search.png) no-repeat center top;border:none;}

/* slide */
.slide-main{height:780px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:8px;position:absolute;z-index:124;top:720px;left:0;text-align:center;}
.item a{display:inline-block;width:50px;height:8px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:780px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:780px;position:relative;position:absolute;z-index:8;}
.slide a{display:block;width:100%;height:490px;cursor:pointer; text-align:center;}


/*产品分类开始*/
.product{height:760px;height:100%;background:url(../img/pb.jpg) no-repeat center top;}
/* demo */
#demo{width:1490px;height:475px;margin:0 auto;position:relative;}
#demo li .img{width:350px;height:475px;}
#demo .first{width:435px;height:475px;float:left;position: relative;left:-30px;}
#demo .first .pro {width:435px;height:475px;z-index:20;}
#demo .first .hei {width:0px;height:0px;z-index:0;position:absolute;top:0px;left:0px;}
#demo .first:hover .titc1{transform: rotate(0deg);width:315px !important;}
#demo .first:hover .titc1 h3{width:250px !important;border-bottom:solid #fff 1px;letter-spacing:2px;text-align:left;position:absolute;top:180px;right:70px;line-height:45px;}
#demo .first:hover .titc1 h2{width:250px !important;letter-spacing:1px;text-align:left;position:absolute;top:240px;right:70px;}
#demo .first:hover .titc1 .den{width:55px;height:58px;position:absolute;left:-65px;top:180px;}
#demo .first:hover .titc1 .more{width:110px;height:40px;line-height:40px;color:#fff;text-align:center;border-radius:20px;border:solid #fff 1px;position:absolute;top:330px;right:150px;dsplay:block;font-size:14px;font-weight:bold;}
#demo .first:hover .hei{width:435px;height:475px;}
#demo .titc1{width:25px !important;text-align:center;float:right;z-index: 9999;transform: rotate(10deg);position:absolute;right: 0px;top: 0px;}
#demo .titc1 .den{width:0px;height:0px;}
#demo .titc1 .den img{width:0px;height:0px;}
#demo .titc1 .more {width:0px;height:0px;display:block;font-size:0px;color:#fff;}
#demo .titc1 h3{width:15px;height:auto;text-align:center;float:right;color:#fff;font-size:25px;letter-spacing:1px;font-weight:bold;position:absolute;right: 60px;top: 120px;}
#demo .titc1 h2{width:10px;height:autopx;text-align:center;float:right;color:#fff;font-size:13px;font-weight:bold; word-wrap: break-word;position:absolute;right: 100px;top: 80px;}

#demo .titc2{text-align:center;float:right;position:absolute;right: 100px;top: 120px;z-index: 9999;transform: rotate(7deg);}
#demo .titc2 h3{width:15px;height:auto;text-align:center;float:right;color:#fff;font-size:25px;letter-spacing:1px;font-weight:bold;}
#demo .titc2 h2{width:10px;height:auto;text-align:center;float:right;color:#fff;font-size:14px;font-weight:bold; word-wrap: break-word; ;position: relative;right: 20px;}

#demo .sec{position:absolute;left:310px;width:353px;height:475px;}
#demo .three{position:absolute;left:570px;width:353px;height:475px;}
#demo .four{position:absolute;left:810px;width:353px;height:475px;}
#demo .five{position:absolute;left:1070px;width:353px;height:475px;}

#demo .pb .pro{width:353px;height:475px;}
#demo .pb .hei {width:0px;height:0px;z-index:0;position:absolute;top:0px;left:-2px;}
#demo .pb .den{width:0px;height:0px;}
#demo .pb .den img{width:0px;height:0px;}
#demo .pb .more {width:0px;height:0px;display:block;font-size:0px;color:#fff;}

#demo .pb:hover .titc2{transform: rotate(0deg);width:215px !important;position:absolute;left:20px;}
#demo .pb:hover .titc2 h3{width:170px !important;border-bottom:solid #fff 1px;letter-spacing:2px;text-align:left;position:absolute;top:50px;left: 100px;line-height:45px;}
#demo .pb:hover .titc2 h2{width:170px !important;letter-spacing:1px;text-align:left;position:absolute;top:100px;left: 100px;}
#demo .pb:hover .titc2 .den{width:55px;height:58px;position:absolute;left:40px;top:50px;}
#demo .pb:hover .titc2 .more{width:110px;height:40px;line-height:40px;color:#fff;text-align:center;border-radius:20px;border:solid #fff 1px;position:absolute;top:170px;right:20px;dsplay:block;font-size:14px;font-weight:bold;}
#demo .pb:hover .hei{width:353px;height:475px;}







/*关于我们开始*/
.about{height:760px;height:720px;background:url(../img/about.jpg) no-repeat center top;position:relative;}
.about h3{width:1000px;height:50px;margin:0 auto;line-height:50px;position:relative;top:125px;text-align: center;font-size: 26px;font-weight: bold;color: #fff;}
.about .text{width:1140px;height:180px;margin:0 auto;margin-top: 170px;}
.about .text p{width:1140px;text-align:center;color:#fff;fotn-size:16px;line-height:2.2}
.about .info{width: 1320px;height: 150px;clear: both;margin: 0 auto;top: 30px;position:relative;}
.about .info .img{width:500px;height:150px;float:left;}
.about .info .img img{width:150px;height:150px;float:left;padding-left:20px;}
.about .info .img i{font-size:51px;font-weight:bold;color:#fff;line-height:150px;float:left}
.about .info .img span{color:#fff;font-size:27px;line-height:150px;padding-left:25px;float:left;display:block;}
.about .info .img:hover i{color:#f6c414;text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;}
.about .info .img:hover span{color:#f6c414;}




.about .info ul{width:780px;height:200px;float:right}
.about .info ul li{width:115px;height:200px;float:left;margin-right: 80px;}
.about .info ul li .pic {width:115px;height:115px;border-radius:115px;border:solid #fff 3px;display: block;text-align:center;background:#273f65;box-shadow: 2px 5px 2px 1px #222;}
.about .info ul li .pic img{width:115px;height:115px;position: relative;top: -5px;}
.about .info ul li  a p{width:100%;height:60px;line-height:60px;text-align:center;color:#fff;font-size:16px;letter-spacing:1px;}
.about .info ul li:hover .pic{background:#f6c414;border:solid #f6c414 3px;}
.about .info ul li:hover a p{color:#f6c414;}



/*产品中心开始*/
.products{width:100%;height:785px;background:url(../img/products.jpg) no-repeat center top;margin:0 auto;clear:both;}
/* marqueeleft */
.marqueeleft{height:415px;width:1320px;overflow:hidden;margin:60px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin-right:15px;display:inline;width:265px;height:415px;overflow:hidden;}
.marqueeleft li .pic{display:block;width:265px;height:410px;overflow:hidden;}
.marqueeleft li .pic img{width:265px;height:335px;}
.marqueeleft li p{text-align:center;height:65px;line-height:65px;background:#eaeaea;font-size:16px;color:#333;width:100%;position:relative;top:15px;}
.marqueeleft li:hover p{background:#f6c414;color:#fff;}
.marqueeleft li:hover p a{color:#fff;}



/*产品中心开始*/
.news{width:100%;height:875px;background:url(../img/news.jpg) no-repeat center top;margin:0 auto;clear:both;}
/*------------- 从左侧显示遮罩效果 开始 ------------------------------*/
.content-four{width:1400px;height: 580px;margin:0 auto;}
.content-four li{width: 320px;height:245px;float: left;margin-left: 15px;margin-right:15px;margin-top: 40px;position: relative;cursor: pointer;background:#ffffff;position:relative;}
.content-four li .date{width:69px;height:69px;background:#023793;z-index:9999;position:absolute;top:-20px;right:25px;overflow:auto;}
.content-four li .date h2{width:100%;color:#fff;text-align:center;font-size:28px;font-weight:bold;}
.content-four li .date p{width:100%;color:#fff;text-align:center;font-size:14px;line-height:1.6;}
.content-four li:hover .date{background:#f6c414;transition: all 0.2s ease-in-out 0.2s;}
.con-four{width: 320px;height:245px;overflow: hidden;cursor: pointer;background:#ffffff;position:relative;}
.con-four .text{width:100%;height:190px;border-bottom:solid #edecec 1px;}
.con-four .text h3{width:195px;height:60px;line-height:60px;font-size:17px;color:#1e1e1f;padding-left:20px;letter-spacing:1px;}
.con-four .text p{width:275px;height:auto;margin:0 auto;font-size:16px;color:#929293;line-height:1.7;letter-spacing:1px;}
.con-four .more{width:100%;height:50px;margin:0 auto;text-align:right;}
.con-four .more a img{width:140px;height:50px;padding-right:15px;}
.txt-four{position: absolute;left: -320px;top: 0px;width: 100%;height: 190px;/*display: none;*/}
.txt-four img{width:320px;height: 190px;}
.txt-four h3{font-weight: normal;}
.txt-four p{font-size: 14px;display: block;	line-height: 20px;}



/*优势开始*/
.ys{width:100%;height:423px;background:url(../img/ys.jpg) no-repeat center top;margin:0 auto;clear:both;}
.ys ul{width:1235px;height:230px;margin:0 auto;position:relative;top:35px;}
.ys ul li{width:200px;height:230px;margin-left:105px;float:left;}
.ys ul li span{display:block;width:30px;height:2px;background:#153369;}
.ys ul li img{width:80px;height:70px;margin-top:25px;}
.ys ul li h3{font-size:17px;line-height:40px;height:40px;color:#020202;letter-spacing: 1px;font-weight:bold;}
.ys ul li p{width:100%;color:#6d6d6f;font-size:14px;margin-top:10px;}
.ys ul li:hover span{background:#df870a;}
.ys ul li:hover h3{text-shadow: 0 1px 1px #fff;color:#333;}

/*底部开始*/
#footer{width:100%;height:315px;background:url(../img/pb.jpg) no-repeat center top;margin: 0 auto;position:relative;}
.foot{width:1240px;height:200px;margin:0 auto;position:relative;top:50px;}
.foot .nv{width:100px;height:200px;float:left;}
.foot .nv li{width:100px;height:50px;float:left;}
.foot .nv li a{color:#fff;height:50px;line-height:50px;font-size:16px;letter-spacing:1px;}
.foot .pro{width:270px;height:200px;float:left;position:relative;top:10px;left:115px;}
.foot .pro h3{width:100%;height:30px;line-height:30px;color:#fff;font-size:16px;letter-spacing:1px;}
.foot .pro span{display:block;width:35px;height:2px;background:#fff;margin-bottom: 10px;}
.foot .pro li{width:135px;height:35px;float:left;}
.foot .pro li a{color:#fff;height:35px;line-height:35px;font-size:14px;}
.foot .contact{width:350px;height:200px;float:left;position:relative;left:220px;}
.foot .contact h2{width:100%;height:50px;line-height:50px;color:#fff;font-size:21px;}
.foot .contact h3{width:100%;height:40px;line-heigth:40px;color:#fff;font-size:30px;font-weight:bold;letter-spacing:2px;}
.foot .contact p{width:100%;height:35px;line-height:35px;color:#fff;font-size:16px;}
.foot .contact a img{width:55px;height:55px;float:left;}
.foot .tu{width:145px;height:200px;float:right;}
.foot .tu img{width:145px;height:145px;}
.foot .tu p{clear:both;width:100%;line-height:45px;color:#fff;text-align:center;font-size:14px;}
.add{width:100%;height:50px;border-top:solid #fff 1px;margin:0 auto;position: absolute;bottom: 0px;}
.add p{width:100%;height:50px;line-height:50px;color:#fff;text-align:center;}
.add p a{color:#fff;}
.add p a:visited{color:#fff}



/*在线客服*/
.rides-cs {  font-size: 12px; background:#af1116; position: fixed; top: 215px; right: 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;lin3-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;}