@charset "utf-8";
/* 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;}
.tong{width: 1200px;margin-left: auto;margin-right: auto}

/*top*/
.top{height: 200px}
.h1{height: 200px;float: left}
.top li{width: 380px;float: left;margin-left: 20px;margin-top: 45px}
.top li h2{font-size: 36px;color: #b20000;font-weight: 900}
.top li h3{font-size: 14px;color: #8d8d8d;font-weight: 100;text-transform: uppercase;letter-spacing: 1px}
.top li i{font-size: 16px;color: #fff;font-weight:500;background:#aa0c0a;height: 30px;line-height: 30px;text-align: center;width: 353px;display: block;letter-spacing: 5px}
.top ul{width: 250px;float: left;margin-top: 30px;margin-left: 20px}
.top ul li{line-height:50px;margin: 0;width: 250px;padding-left: 20px}
.shu{float: left}
.top p{width: 250px;float: left;height: 200px;background: url(../images/topphone.png) no-repeat center}
.top p i{width: 250px;text-align: center;color: #424242;font-size: 20px;display: block;padding-top:90px;line-height: 30px}
.top p span{width: 250px;text-align: center;color: #aa0c0a;font-size: 24px;display: block}

/*menu*/
.menu {display: block;height:100px;position: relative;z-index: 9999999;border-top: 1px solid #d1d1d1;box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1) }
.menu ul li a, .menu ul li a:visited {display:block;text-align:center;font-size: 14px;line-height: 100px;color: #424242}
.menu ul li {float:left;position:relative;z-index: 100;width:11%;}
.menu ul li ul {display: none;width: 100%;}
.menu ul li:hover a { background:#b20000; position:relative; z-index: 100;color: #fff}
.menu ul li.current a { background:#b20000; position:relative; z-index: 100;color: #fff}
.menu ul li:hover ul {display:block;position:absolute; left:0;}
.menu ul li:hover ul li a.hide { color:#FFF;}
.menu ul li:hover ul li { display:block; color:#000; width:100%; background:none;}
.menu ul li:hover ul li:hover a.hide { color:#FFF;}
.menu ul li:hover ul li ul { display: none;top:0px;}
.menu ul li:hover ul li a { display:block;color:#ffffff;line-height:50px;background-position: center bottom;font-weight:normal;width:100%; border-top:1px dashed #6a0000;}
.menu ul li:hover ul li a:hover {background:#6a0000;}

/*yuan-banner*/
.yuan-banner{width:100%;margin-left:auto;margin-right:auto; height:800px}
#full-screen-slider {
	width:100%;
	height:800px;
	float:left;
	position:relative;
	display: block;
	overflow: hidden;
}
#slides { display:block; width:100%; height:800px; 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:700px; z-index:9900;  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-color:#aa0c0a; }

/*search*/
.search{background: url(../images/searchbg.png) no-repeat center;height: 130px;position: absolute;top:1060px;display: block;width: 100%;z-index: 9999999999}
.search p{color: #fff;line-height: 65px;font-weight: 900;font-size: 18px;height: 65px;width: 100%;border-bottom: 1px solid #fff}
.search li{width: 65%;float: left;color: #e3b6b6;height: 65px;line-height: 65px;font-weight: normal}
.search li a{color: #e3b6b6;padding: 0 10px}
.search form{width:35%;float: right;position: relative}
.search .keywords{width:280px;height:30px;border: none;color: #9a9a9a;text-indent: 20px;float: right;background: #fff;margin-top: 20px;outline: none}
.search .button{width: 18px;height: 18px;border: none;background: url(../images/search.png) no-repeat center;position: absolute;right:10px;top:25px;outline: none}

/*aboutus*/
.aboutus{height: 790px;background: url(../images/aboutbg.jpg) no-repeat center;}
.abouttop{height: 390px;background: url(../images/aboutbg1.png) no-repeat center;}
.abouttop li{width:45%;float: right;margin-right:150px;margin-top:180px;text-align: center}
.abouttop li h2{color: #4d4d4d;font-size: 16px;font-weight: normal;line-height: 30px}
.abouttop li h3{color: #a7a7a7;font-size: 12px;font-weight: 100;line-height: 20px}
.aboutcenter{width: 100%;float: left}
.ableft{float: left;width: 418px}
.abright{width: 782px;float: left}
.abright a{width: 75px;height: 75px;display: block;background: url(../images/aboutmore.jpg) no-repeat center;}
.htmleaf-container{padding-top:30px;height:100px}
.htmleaf-container li{width:33%;float: left;text-align: center;font-size:14px;color: #313131;font-weight: 100}
.demo li span{font-size: 60px;font-weight: bold;color: #b20000}
.abright p{width: 90%;margin: auto;margin-top: 30px;line-height:30px;color: #464646;font-size:14px;}

/*case*/
.case{ width:100%; height:280px;}
.tab { position: relative; width:auto;overflow: hidden;  height:268px;}
.tab-nav {height:auto; overflow: hidden; text-align:center; margin-bottom:10px; width:500px;float: left}
.tab-nav a { margin:0 auto; padding:0;  width:104px; height:38px;line-height:38px;text-align: center;color: #333;  display: block; float: left; margin-bottom: 1px;}
.tab-nav a.current {background: #aa0c0a; color: #fff;}
.tab-con {position: relative;height:auto; overflow: hidden;WIDTH: 100%;}
.tab-con-item {WIDTH: 100%; height:auto; display:block;}

.case_ul ul li{ width:290px; height:218px;  margin-right: 15px;float:left; display:block;position: relative; overflow:hidden;}
.case_ul ul li a{ display:block; width:290px; height:218px;}
.case_ul ul li a img{ display:block; width:290px; height:218px; -webkit-transition:0.6s;}
.case_ul ul li span{ display:block; width:290px; height:218px;overflow:hidden; border:2px solid #fff;}
.case_ul ul li:hover img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}

#demo1 {	width: 100%; overflow: hidden}
#indemo1 {width: 800%; float: left}
#prodemo1 {float: left}
#otdemo1 {float: left}
#demo2 {	width: 100%; overflow: hidden}
#indemo2 {width: 800%; float: left}
#prodemo2 {float: left}
#otdemo2 {float: left}
#demo3 {	width: 100%; overflow: hidden}
#indemo3 {width: 800%; float: left}
#prodemo3 {float: left}
#otdemo3 {float: left}

/*advantage*/
.advantage{background: url(../images/advance.jpg) no-repeat center;height: 511px;width: 100%;margin-top: 20px}
.advantagemain{background: url(../images/advantagemain.png) no-repeat center;height: 511px;width: 100%;float: left;text-align: center}
.advantagemain h2{color: #424242;font-size: 30px;font-weight: 100;}
.advantagemain h2 i{color: #aa0c0a;font-size: 36px;font-weight: 900}
.advantagemain ul{position: relative}
.advantagemain ul li{width: 16%;display: block;float: left;background: url(../images/libg.png) no-repeat center;height: 200px;position: absolute}
.advantagemain ul li i{color: #424242;font-size: 20px;line-height: 30px}
.advantagemain ul li:first-child{top:80px}
.advantagemain ul li:first-child+li{top:160px;left: 200px}
.advantagemain ul li:first-child+li+li{top:151px;left: 400px}
.advantagemain ul li:first-child+li+li+li{top:65px;left: 600px}
.advantagemain ul li:first-child+li+li+li+li{top:63px;left: 800px}
.advantagemain ul li:first-child+li+li+li+li+li{top:110px;right: 0}

/*products*/
.products{}
.title2{width: 100%;text-align: center;background: url(../images/titlebg.png) no-repeat center;font-size: 26px;font-weight: 900;color: #b20000;height: 60px}
.title2 i{color: #424242;padding-left: 20px}
.productsmain{width: 100%;}
.fenlei{width:100%;margin: auto;margin-top: 20px;height: 40px;margin-bottom: 20px}
.fenlei li{width: auto;height: 40px;text-align: center;float: left;}
.fenlei li a{color: #424242;line-height: 40px;display: block;padding: 0 15px}
.fenlei li:hover{background: #aa0c0a}
.fenlei li:hover a{color: #fff}

.products ul{height: 660px;display: block}
.products ul li{width:395px;height: 356px;display: block;float: left;position: relative;margin-right:5px;margin-bottom: 5px}
.products ul li:nth-child(3){margin-right: 0}
.products ul li em{display: none;position: absolute;top:0}
.products ul li:hover em{width:395px;height:296px;display: block;background: url(../images/embg.png) no-repeat center;}
.products ul li img{width:395px;height:296px;display: block;float: left }
.products ul li span{width:395px;height:60px;background: #e8e8e8;display: block;text-align: center;color: #818181;float: left;font-size: 16px;line-height: 60px}
.products ul li:hover span{background: #aa0c0a;color: #fff;}

.products ul li:nth-child(4){width:295px;height: 266px;}
.products ul li:nth-child(4) em{width:295px;height: 221px;}
.products ul li:nth-child(4):hover em{width:295px;height: 221px;background: url(../images/embg2.png) no-repeat center;}
.products ul li:nth-child(4) img{width:295px;height: 221px;}
.products ul li:nth-child(4) span{width:295px;height: 45px;font-size: 14px;line-height: 45px}

.products ul li:nth-child(5){width:295px;height: 266px;}
.products ul li:nth-child(5) em{width:295px;height: 221px;}
.products ul li:nth-child(5):hover em{width:295px;height: 221px;background: url(../images/embg2.png) no-repeat center;}
.products ul li:nth-child(5) img{width:295px;height: 221px;}
.products ul li:nth-child(5) span{width:295px;height: 45px;font-size: 14px;line-height: 45px}

.products ul li:nth-child(6){width:295px;height: 266px;}
.products ul li:nth-child(6) em{width:295px;height: 221px;}
.products ul li:nth-child(6):hover em{width:295px;height: 221px;background: url(../images/embg2.png) no-repeat center;}
.products ul li:nth-child(6) img{width:295px;height: 221px;}
.products ul li:nth-child(6) span{width:295px;height: 45px;font-size: 14px;line-height: 45px}

.products ul li:nth-child(7){width:295px;height: 266px;}
.products ul li:nth-child(7) em{width:295px;height: 221px;}
.products ul li:nth-child(7):hover em{width:295px;height: 221px;background: url(../images/embg2.png) no-repeat center;}
.products ul li:nth-child(7) img{width:295px;height: 221px;}
.products ul li:nth-child(7) span{width:295px;height: 45px;font-size: 14px;line-height: 45px}

/*advantage2*/
.advantage2{background: url(../images/adv2.png) no-repeat center;height: 668px}
.advantage2 h2{color: #b20000;font-size: 30px;font-weight: bold;text-transform: uppercase;line-height: 50px;padding-top:80px}
.advantage2 h3{color: #474747;font-size:24px;font-weight: bold;line-height: 80px;}
.advantage2 em{width: 240px;height: 3px;background:#aa0c0a;display: block }
.advantage2 i{color: #7f7f7f;line-height: 50px;font-size: 14px}

/*advantage3*/
.advantage3{background: url(../images/adv3.png) no-repeat center;height: 668px;text-align: right}
.advantage3 h2{color: #b20000;font-size: 30px;font-weight: bold;text-transform: uppercase;line-height: 50px;padding-top:120px;}
.advantage3 h3{color: #474747;font-size:24px;font-weight: bold;line-height: 80px;}
.advantage3 em{width: 240px;height: 3px;background:#aa0c0a;display: block;float: right }
.advantage3 i{color: #7f7f7f;line-height: 50px;font-size: 14px;float: right }

/*news*/
.news{background: url(../images/newsbg.jpg) no-repeat center;height: 980px;margin-top: 30px}
.newsleft{width: 315px;float: left;background:#b20000;height: 980px; }
.newsleft a{width: 315px;height:80px;display: block;background: url(../images/newsmore.png) no-repeat center; }
.newsright{width: 885px;float: left}
.newsright li{width: 800px;float: left;margin-left: 100px;margin-top: 50px}
.newsright li p{font-size: 43px;color: #fff;font-weight: bold;float: left;width: 90px;text-align: center;height: 80px}
.newsright li p i{font-size: 14px;font-weight:normal;color: #fff;line-height:20px;float: left;width: 90px;text-align: center}
.newsright li em{width: 1px;height: 50px;background: #fff;display: block;float: left;height: 60px;margin-top: 10px;margin-right: 20px}
.newsright li h2{float: left;font-size: 18px;font-weight: bold;color: #fff;width:680px;margin-bottom:15px}
.newsright li span{float: left;font-size: 14px;font-weight:normal;color: #cfcfcf;width:680px;line-height: 25px}
.newsright li a{width: 100px;height: 30px;border: 1px solid #fff; color: #fff;text-align: center;display: block;float: left ;line-height: 30px;margin-left: 100px;margin-top: 20px}

.newsright li:hover a{background:#aa0c0a;color: #fff;border: 1px solid #aa0c0a;}

/*contact*/
.contact{margin-top: 30px;height: 400px}
.contact li{width: 540px;float: left;background:#aa0c0a;height:290px;padding: 30px}
.contact li h2{font-size:25px;color: #fff;font-weight:bold;text-transform: uppercase;padding-top: 20px}
.contact li i{font-size: 14px;color: #fff;font-weight:normal;line-height:40px}

/*friendlink*/
.friendlink{height:120px;}
.link_tgb {line-height:42px;height:42px;background:url(../images/link.png) no-repeat;float: left;width: 100%}
.link_tgb .t1 {color:#fff; cursor:pointer;font-style: normal;float: left;width: 160px;text-align: center}
.link_tgb .t2 {color: #fff; cursor: pointer;font-style: normal;float: left}
.links {color:#333;line-height: 25px;height: 50px;padding-top: 10px;padding-bottom: 0px;float: left}
.links a {padding:0 10px; line-height:40px; color:#333; font-size:14px;}
.links div a:first-child{padding-left:0px;}
.links .hidden { display:none;}

/*foot*/
.foot{height: 260px;background: #b20000}
.foot ul{height: 50px;background: #941515;width: 100%;margin-top: 30px;display: block;float: left}
.foot ul li{width: 14%;float: left;text-align: center}
.foot ul li a{color: #fff;line-height: 50px;display: block}
.foot p{width: 80%;float: left;margin-top: 15px}
.foot p i{font-size: 13px;color: #fff;float: left;width: 100%;line-height: 30px}
.foot p a{font-size: 13px;color: #fff;float: left;width: 100%;line-height: 30px}
.qr{margin-top: 30px;float: right}

/*内页*/
.nbanner{ width:100%; height:250px;background:url(../images/nbanner.jpg) no-repeat center;}
.nbanner img{ margin:0 auto; width:100%; height:250px;}

.locabg{ width:100%; height:72px; background:url(../images/locabg.gif) no-repeat center;}
.title{ width:1200px; height:72px; padding:0px; margin:0 auto;}
.location{ width:auto;  height:72px; line-height:72px; text-align:left; float:left; 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:#b20000; text-decoration:none;}
.toplist { width:auto; height:72px; padding:0px; margin:0px; float:right;}
.toplist dl{ margin:0; padding:0; list-style:none;}
.toplist dl dt{  margin:0; padding:0; width:110px; height:72px; line-height:72px; float:left; }
.toplist dl dt a{ display:block;line-height:72px; color:#555; font-family:"微软雅黑";font-size:14px; text-align:center}
.toplist dl dt a:hover{background:#b20000; color:#fff;}
.toplist dl dt.current{background:#b20000; }
.toplist dl dt.current a{ color:#FFF}

.main{ margin:0 auto; padding:0; width:1200px; height:auto; overflow:hidden; margin-top:20px; margin-bottom:50px;min-height: 600px}
.content{ width:1200px; margin:0 auto; padding:0; line-height:22px; padding:12px 0; height:auto; height:1%; overflow:hidden; color:#222;}

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

/*products*/
.products{height: 800px}
.proleft{width: 275px;float: left}
.proleft li{width: 275px;background-color: #b20002;height: 80px}
.proleft li h1{width: 30%;float: left;font-size: 18px;color: #fff;line-height: 80px;padding-left: 30px}
.proleft li h2{width: 50%;float: left;font-size: 16px;color: #fff;line-height: 80px;font-weight: lighter}
.listmain{width: 275px;float: left;}
.listmain li{width: 215px;float: left;background-color: #f2f2f2;padding: 0 30px;height: 55px;line-height:55px;}
.listmain li:hover{background-color: #b20002;}
.listmain li.current{background-color: #b20002;}
.listmain li:first-child{padding-top: 30px}
.listmain li:last-child{padding-bottom: 30px}
.listmain li a{border-bottom: 1px dotted #424242;width: 215px;margin-left: auto;margin-right: auto;height: 50px;line-height: 50px;display: block}
.listmain li:hover a{border: none;color: #fff}
.listmain li.current a{border: none;color: #fff}
.contactus{width: 275px;height:317px;float: left;background-image:url(../images/contactus.jpg)}
.contactus li{height:40px;line-height:40px;padding:0 30px;width: 215px;background: none;color: #fff;font-size: 16px;font-weight:500}
.contactus li:first-child{padding-top: 30px}
.contactus li:last-child{padding-bottom: 30px}
.proright{width: 920px;float: left;margin-left:5px}
.proright li{width: 300px;height: 225px;float: left;position: relative;margin-right: 5px;margin-bottom: 5px}
.proright li span{width: 300px;height: 225px;overflow: hidden;display: block}
.proright li span img{width: 300px;height: 225px;}
.proright li:hover span img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}
.proright li em{display: none;position: absolute;}
.proright li:hover em{width: 300px;height: 225px;display: block;background-color:rgba(0,0,0,0.55);top:0 ;line-height: 225px;text-align: center;font-size: 18px;color: #fff;font-weight: bold}

.product_main{width: 900px;float: right}
.product_fangda{ float:left; width:450px;}
.pro_ri{ float:right; width:380px; height:382px; background:#f8f8f8; padding:20px 30px;}
.pro_ri h2{ font-size:22px; color:#555; line-height:50px;}
.pro_ri p{ width:100%; border-top:1px dashed #ddd;height:310px; overflow:hidden; padding-top:20px;line-height: 25px;font-size: 14px}
.details{float: left;width: 900px;margin-top: 30px;}
.details h2{background:url(../images/prodetail.png) no-repeat center;height: 68px;color: #fff;padding-left:25px;line-height: 50px;font-size:22px}
.detailsmain{font-size: 14px;line-height: 30px}

/*inewbox*/
.inewbox{ margin:0 auto; padding:0; width:100%; height:auto; }
.inewbox dl{width:100%; height:100px; margin:40px 0px 15px 0;}
.inewbox dl dt{display:block; width:120px; height:100px; background:#f3f3f3; float:left; font-size:12px; color:#999; line-height:40px; text-align:center; font-family: Arial, Helvetica, sans-serif;}
.inewbox dl dt em{display:block; height:60px; line-height:60px; font-size:40px; color:#fff; background:#b20000; font-family: baskerville, georgia, arial, serif;}
.inewbox dl dd{display:block; height:100px; line-height:24px; margin-left:150px; color:#888; border-bottom:1px dashed #ddd;}
.inewbox dl dd a{font-size:16px; color:#333; font-weight:bold; display:block; margin-bottom:10px}
.inewbox dl dd a:hover{ color:#b20000;}

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

/*上一篇 下一篇*/
.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;}

/*网站地图*/
.sitemap{ height:38px; line-height:38px;width:100%; float:left; padding:0px; margin:0px auto; margin-bottom:10px; background: #ededed; margin-top:20px; margin-bottom:20px;}
.sitemap span{ width:170px; height:38px; line-height:38px; font-size:15px;  color:#fff; text-align:left;float:left; background: #b20000; padding-left:15px;}
.sitemap span b{color:#fff; font-size:12px;text-transform:uppercase}
.sitemap p{ color:#333;}

/**ieve**/
.ieves{margin-left: auto;margin-right: auto; width:1200px;  height:auto; overflow:hidden;}
.ieves ul{margin:0;padding:0px;text-align:left; }
.ieves li{line-height:32px; height:32px;  overflow:hidden; border-bottom:1px dashed #d2d1d1; background:url(../images/inewli.gif) no-repeat left center; padding-left:10px;}
.ieves li span{text-align:right; float:right; color:#727272; font-size:12px;}
.ieves li a{float:left; text-align:left;line-height:32px; height:32px; text-decoration:none; color:#444;}
.ieves li a:hover{ color:#b20000;}
/*relation*/
.relation{line-height:20px;margin-bottom:10px; color:#999;}
.relation a{line-height:30px; display:block;}
.relation a:hover{color: #b20000}
.relation span{
	line-height: 30px;
	height: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	display: block;
	border-bottom-color: #666;
	margin-bottom: 10px;
	
}
.relation span em{
	background-color: #666;
	display: block;
	width: 85px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFF;
border-radius:5px 5px 0px 0px;}
.relation span em a{ color:#ffffff;}

/*honor*/
.honorlist {text-align:center; line-height:30px;width:1200px;float:right; display:block ;}
.honorlist li{float:left;margin-bottom:15px; background-repeat:no-repeat; margin-left:10px;}
.honorlist li .imgs{ width:280px; height:210px;  }
.honorlist li .imgs img{ width:280px; height:210px; display:block;}
.tit{font-size:14px; line-height:30px; display:block;background:url(../images/list_bg.png);}