@charset "utf-8";
@font-face {font-family:'font01';src: url('../LEXUS_HSXBU.ttf');}
/* CSS Document */
* {padding: 0px;margin: 0px;}
ul,li{list-style:none;}
em,i{font-style: normal}
a{ text-decoration:none;color: #424242;font-size: 14px}
body{background-position:0 0; background-repeat:no-repeat; background-position:center top;font-family: "思源黑体 CN Regular", "Arial Unicode MS", Arial;}
.tong{width: 1200px;margin-left: auto;margin-right: auto}
.tong2{width: 1260px;margin-left: auto;margin-right: auto}

/*top*/
.top{width: 100%;height: 100px;background: rgba(0,0,0,0.62);top:0;z-index: 999;position: fixed}
.topleft{width: 350px;float: left}
.logo{float: left}
.topleft h1{color: #fff;font-size: 28px;float: left;letter-spacing: 1px;padding-top:25px}
.topleft h2{color: #fff;font-size: 12px;float: left;font-weight: 100;text-transform: uppercase}

.topright{width:850px;float: right}
.topright li{width: 14%;float: left;height: 100px;position: relative}
.topright li:hover,.topright li.current{background:#ffb900}
.topright li a{width: 100%;float: left;line-height: 100px;height: 100px;color: #fff;display: block;text-align: center}
.topright li ul{display: none}
.topright li:hover ul{display: block;width: 100%;z-index: 999;left: 0;position: absolute;top:100px}
.topright li:hover ul li{width: 100%;border-top: 1px dotted #fff;display: block;line-height: 50px;height: 50px;float: left;background:#ffb900}
.topright li:hover ul li a{line-height: 50px;height: 50px;}
.topright li ul li:hover{background:#424242;}

/*yuan-banner*/
.yuan-banner{width:100%;margin-left:auto;margin-right:auto; height:850px;overflow: hidden}
#full-screen-slider {
	width:100%;
	height:850px;
	float:left;
	position:relative;
	display: block;
	overflow: hidden;
}
#slides { display:block; width:100%; height:850px; list-style:none; padding:0; margin:0; position:relative; z-index:15;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; z-index:15;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:750px; z-index:9999900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#fff; }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current {background:#ffb900; }

/*products*/
.products{margin-top: 30px}
.title1{width: 100%}
.title1 h2{font-weight: 100;color: #4a4a4a;font-size: 18px;text-align: center;font-style: italic;padding: 5px 0;border-bottom: 1px solid #4a4a4a;width:80px;margin: auto}
.title1 h3{color: #ffb900;font-size: 40px;text-align: center;text-transform: uppercase;font-family: 'font01'}

.promain{background:url(../images/promainbg.png) center no-repeat;height: 543px;padding-top: 50px}
.promain li{width: 300px;height: 225px;float: left;border: 3px solid #b5b5b5;position: relative;margin:0 10px 10px 0 }
.promain li:nth-child(4n){margin-right: 0}
.promain li:hover{border: 3px solid #ffb900}
.promain li em{display: none}
.promain li:hover em{position: absolute;top:0;right: 10px;line-height: 40px;height: 40px;border-bottom-left-radius:10px;background:#ffb900;border-bottom-right-radius:10px;color: #fff;padding: 0 10px;display: block;z-index: 999 }
.promain li span{width:100%;float: left;overflow: hidden;background: #fff}
.promain li img{width:100%;float: left}
.promain li:hover img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}

/*aboutus*/
.aboutus{background:url(../images/aboutusbg.png) left no-repeat;height: 570px}
.aboutleft{width: 300px;box-shadow: 0 0 10px rgba(142,142,142,0.14);margin-left: 300px;margin-top:70px;float: left}
.aboutleft li{width: 300px;height: 145px;background:#fff url(../images/ablibg.png) bottom no-repeat;display: block;position: relative}
.aboutleft li em{font-size: 48px;font-family: 'font01';color: #ffb900;text-align: center;font-weight: bold;width: 100%;display: block;padding-top:25px}
.aboutleft li i{position: absolute;top:30px;right:80px;color: #ffb900;font-size: 18px}
.aboutleft li span{width: 100%;text-align: center;display: block;color: #525251}
.aboutleft li:first-child{border-top-left-radius: 20px;border-top-right-radius: 20px}
.aboutleft li:first-child+li em{padding-top: 10px}
.aboutleft li:first-child+li i{right: 50px;top:20px}
.aboutleft li:first-child+li+li em{padding-top: 10px}
.aboutleft li:first-child+li+li i{top:20px}
.aboutleft li:first-child+li+li{border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;background: #fff;height: 123px;}

.aboutright{width: 45%;float: right}
.title2{width: 100%;margin-top: 70px}
.title2 h2{font-weight: 100;color: #4a4a4a;font-size: 18px;text-align: center;font-style: italic;padding: 5px 0;border-bottom: 1px solid #4a4a4a;width:80px;}
.title2 h3{color: #ffb900;font-size: 40px;text-align: left;text-transform: uppercase;font-family: 'font01'}
.aboutmain p{color: #525251;line-height: 40px;font-size: 14px;text-indent: 20px;margin-top: 20px}
.moreab{width: 130px;height: 40px;background: #ffb900;line-height:40px;display: block;float: right;margin-top: 20px}
.moreab i{width: 70px;text-align: center;color: #fff;display: block;float: left}
.moreab em{width: 40px;float: right;background: #424242;text-align: center;color: #fff}

/*poster*/
.poster-main {position: relative;widows: 1300px;margin: auto}
.poster-main a, .poster-main img { display: block; width: 100%; height: 100%;}
.poster-main .poster-list {width: 1000px;height: 500px;}
.poster-main .poster-list .poster-item {width: 200px;height: 500px;position: absolute;left: 0;top: 0;}
.poster-main .poster-btn {position: absolute;top: 0;cursor: pointer;filter: opacity(.5) brightness(1);}
.poster-main .poster-btn:hover{ filter: opacity(1) brightness(2); }
.poster-main .poster-prev-btn {left: 0;background: url(../images/left.png) no-repeat center center;}
.poster-main .poster-next-btn {right: 0;background: url(../images/right.png) no-repeat center center;}

/*news*/
.news{height: 700px}
.leftnews{width:540px;float: left}
.leftnews img{width: 540px;float: left}
.leftnews p{float: left;background: #f4f4f4;width: 540px;height: 200px;height: 155px}
.leftnews p em{font-size: 16px;color: #424242;line-height: 50px;font-weight: bold;padding-left:20px;margin-top:10px;display: block}
.leftnews p span{font-size: 14px;color: #424242;line-height: 25px;width: 500px;padding: 0 20px;display: block;height:50px}
.leftnews p i{font-size: 14px;color: #9a9a9a;line-height:40px;display: block;padding-left: 20px;width:450px;float: left}
.leftnews p a{background: url(../images/newsmore.png) #989898 no-repeat center;width: 30px;height: 30px;display: block;float: right;margin-right: 20px}

.leftnews:hover p a{background: url(../images/newsmore.png) #ffb900 no-repeat center;}

.newsright{width: 650px;float: right;}
.newsright li{width: 650px;float: right;background:#f3f3f3 url(../images/newsbg.png) no-repeat center;height: 120px;margin-bottom: 10px;}
.newsright li h4{font-size: 28px;font-weight: bold;color: #424242;width: 80px;float: left;text-align: center;height: 120px;padding-top: 30px}
.newsright li h4 i{font-size: 12px;width: 100%;display: block;float: left;font-weight: normal;}
.newsright li p{width:480px;float: left;margin-left: 25px}
.newsright li p em{font-size: 16px;color: #424242;font-weight: bold;width: 100%;display: block;float: left;line-height: 35px;padding-top: 20px}
.newsright li p span{font-size: 12px;color: #606060;font-weight: normal}

.newsright li:hover{background:#ffb900 url(../images/newsbg2.png) no-repeat center;}
.newsright li:hover h4{color: #fff}
.newsright li:hover p em{color: #fff}
.newsright li:hover p span{color: #fff}

/*contactus*/
.contactus{width:100%;overflow: hidden;margin-top: 30px}
.contactus1{width: 100%;background: #424242;height: 480px;position: relative;overflow: hidden}
.contactus1 ul{width: 350px;float: left;background: url(../images/conbg.png) no-repeat center left; height: 400px;margin-top: 30px}
.contactus1 ul li{width:100%;float: left;color: #fff;font-size: 16px;font-weight: 100;padding-left: 30px;line-height:40px}
iframe{float: right}
.contactus2{width: 100%;background: #ffb900;height: 185px;overflow: hidden}
.contactus2 ul{width: 340px;float: left}
.contactus2 ul i{width: 100%;text-align: left;color: #fff;line-height: 30px;display: block;font-size: 14px}
.contactus2 ul a{width: 100%;text-align: left;color: #fff;line-height: 30px;display: block;font-size: 14px}
.contactus2 ul i:first-child{padding-top: 30px}
.contactus2 p{height: 185px;background:#fff url(../images/add.png) no-repeat center left;width:60%;float: right}
.contactus2 p span{margin-left: 130px;display: block;margin-top: 60px;line-height: 30px}

/*内页*/
.main{ margin:0 auto; padding:0; width:100%; height:auto; overflow:hidden; margin-top:20px; color: #555;margin-bottom: 30px;min-height: 600px}
.content{ width:1200px; margin:0 auto; padding:0; line-height:22px;  height:auto; height:1%; overflow:hidden; color:#757575;}
.nbanner{ width:100%; height:250px; background:url(../images/nbanner.jpg) no-repeat center #d3d3d3;background-attachment:fixed;}
.nbanner h4{ display:block; color:#fff; font-size:30px;padding-top: 180px}

/*内页导航*/
.locabg{ width:100%; height:70px; box-shadow: 0px 8px 10px #f2f2f2; margin-bottom:50px;}
.toplist{ height:70px;}
.toplist ul{ list-style:none;}
.toplist ul li{  margin:0; padding:0; height:70px; line-height:70px; float:left; }
.toplist ul li a{ display:block;line-height:70px; color:#555; font-size:14px; text-align:center;padding-left: 20px;padding-right: 20px;}
.toplist ul li a:hover{background:#ffb900; color:#fff;}
.toplist ul li.current{background:#ffb900; }
.toplist ul li.current a{ color:#FFF}

.location{ width:auto;  height:72px; line-height:72px; text-align:left; float:right; color:#555; font-size:14px; background:url(../images/home.png) no-repeat left center; padding-left:25px; }
.location a{ color:#555;}
.location a:hover{ color:#ffb900; text-decoration:none;}

/*copyright*/
.copyright{background: #ffb900;height: 50px}
.copyright i{color: #fff;line-height: 50px;float: left;margin-right: 10px}
.copyright a{color: #fff;line-height: 50px;float: right;margin-left: 10px}

/*内页products*/
.navigation  {width:280px;float: left}	
.navigation  li {float:left;width:280px; color:#fff; height:60px; line-height:60px; background:#818181;border-bottom: dotted 1px #fff}
.navigation  li:nth-last-child(1){border-bottom:none}
.navigation  li a {color:#fff;display:block;  text-decoration:none;text-align:center; font-size:14px;}
.navigation  li a:hover {color:#fff;background:#ffb900;}
.navigation  li.current {color:#fff;background:#ffb900;}
.navigation  li.current a{color:#fff;}
.navigation  ul { position:absolute;display:none; background:#adadad;z-index:999999;list-style:none; width:1197px;}
.navigation  ul li { width:280px; height:60px; line-height:60px; padding:0; border-right:none;display:block; background:none;}
.navigation  ul a {width:280px;display:block; color:#fff;text-decoration:none;font-size:12px;font-weight:normal;height:60px; line-height:50px;text-align:center;}	
.navigation  ul a:hover {color:#ffffff; background:#818181;}

.navigation2  {width:180px;float: left}	
.navigation2  li {float:left;width:100%; color:#fff; height:60px; line-height:60px; background:#818181;border-bottom: dotted 1px #fff}
.navigation2  li:nth-last-child(1){border-bottom:none}
.navigation2  li a {color:#fff;display:block;  text-decoration:none;text-align:center; font-size:14px;}
.navigation2  li a:hover {color:#fff;background:#ffb900;}
.navigation2  li.current {color:#fff;background:#ffb900;}
.navigation2  li.current a{color:#fff;}

.pro{width: 900px;float: right}
.pro ul li{ width:290px; float:left; margin-right:10px; background:#fff; margin-bottom:10px; display:block;border:1px solid #eee;}
.pro ul li:hover{border:1px solid #ffb900;}
.pro ul li a span{ display:block; width:100%;overflow:hidden;float: left}
.pro ul li a img{ display:block; width:100%;float: left; -webkit-transition:0.6s;}
.pro ul li em{ display:block; width:100%; height:60px; line-height:60px;text-indent:2em;border-top:1px solid #eee;float: left }
.pro ul li:hover em{background-color:#ffb900;border-top:1px solid #ffb900;color:#fff}
.pro ul li .img{display: block;width: 100%;position: relative;overflow: hidden;height: 100%;}
.pro ul li .img:hover img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}
.pro ul li:nth-child(3n){margin-right: 0}

/*内页productcontent*/
.pro_rights{ float:right;width:460px;height:460px;background-color:#EBEBEB}
.pro_rights h1{ color:#444;line-height: 60px;text-indent:1em;font-size: 25px;padding-top: 20px}
.pro_rights p{margin: 2em;margin-top: 0;line-height: 30px;border-bottom: dotted 1px #42424242;padding-bottom: 10px;border-top:  dotted 1px #42424242;padding-top: 10px;height:240px;font-size: 14px}
.pro_rights a{ display:block; width:200px; height:40px; background:#1f2d38; color:#fff; line-height:40px; text-align:center;margin-left: 2em}
.pro_rights a:hover{ background:#ffb900;}

.pro_rights b{ display:block; font-weight: normal;}
.pro_rights i{ display:block; height:200px; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:20px 0; margin:20px 0; overflow:hidden;}

.details{float: left;width: 1200px;margin-top: 30px;}
.details h2{background:url(../images/prodetail.png) no-repeat center;height: 68px;color: #fff;padding-left: 30px;line-height: 50px;font-size: 20px}
.detailsmain{font-size: 14px;line-height: 30px}

/*分页*/
.page {text-align:center; margin:0px auto; padding:0px; width:1200px; padding-right: 7px; height: 35px; padding-top: 30px; padding-bottom: 30px; float:left}
.page a{ border:1px solid #eee; background:#fff; color: #999; height:26px; line-height:26px; padding:6px 8px;margin:0 2px; text-decoration:none; }
.page a:hover {background:#383838; color: #fff; height:26px; line-height:26px; padding:6px 8px;margin:0 2px;text-decoration:none;}
.page span{ display:inline; background: #383838; color: #d1d1d1; font-size:12px;height:26px; line-height:26px; padding:6px 6px;margin:0px 5px; }

/*上一篇 下一篇*/
.next {text-align:right; margin:0px auto; padding:8px 0px; height: 32px; line-height:32px; border-top:1px solid #ddd; margin-top:40px; color:#999;}
.next a{height:32px; line-height:32px; text-decoration:none; color:#999;}
.next a:hover{ text-decoration:none; color:#333;}

/*内页inews*/
.inew{width: 1200px;height:100%;display: block;float: left}
.inew li{width: 1200px;float: left;height: 120px;display: block}
.inew li p{width: 5px;height:22px;display: block;background-color: #ffb900;float: left;margin-top:15px}
.inew li h2{float: left;font-size: 16px;padding-left: 10px;float: left;line-height: 50px}
.inew li h3{float: left;font-size: 16px;padding-left: 10px;float: right;line-height: 50px}
.inew li i{float: left;width:1200px;line-height: 25px;color: #5d5d5d}
.inew li em{width:1200px;height: 3px;display: block;background-color: #f0f0f0;float: left;margin: 10px 0 10px 0}
.inew li:hover em{background-color: #ffb900;width: 380px;transition-duration: 0.5s}
.inew li:hover h2{color:#ffb900}
.inew li:hover p{color:#ffb900}
.inew li:hover h3{color:#ffb900}
.inew li:hover i{color:#ffb900}

/*内页inewscontent*/
.ih6 h1{ text-align:center;color:#999;font-size:30px;line-height: 50px}
.ih6 li{ width: 1200px;float: left;}
.ih6 i{width:150px;float: right;margin-right: 20px;margin-left: 20px;line-height: 50px}
.descriptions{line-height: 30px;font-size: 14px;}

.honorlist {width:84%;float: right}
.honorlist li{float:left;margin: 0 10px 20px 0;width: 290px;height:240px; }
.honorlist li .imgs{ width:290px; height:218px;  }
.honorlist li .imgs img{ width:280px; height:218px; display:block;}
.tit{font-size:14px; line-height:35px; display:block;background:url(../images/list_bg.png) bottom center;width: 100%;text-align: center;height:35px;}

/*固定的悬浮窗*/ 
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ffb900 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ffb900 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ffb900 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ffb900 url(../images/fixCont.png) no-repeat 0 -169px;}
.yb_ercode img{ width:100px; height:100px; padding:10px; background:#fff;}
.hd_qr{ margin-left:30px; margin-top:8px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

.yb_bar .yb_top:hover{background:#424242 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone:hover{background:#424242 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ:hover{text-indent:0;background:#424242 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode:hover{background:#424242 url(../images/fixCont.png) no-repeat 0 -169px;}