@charset "utf-8";
@font-face {font-family:'font01';src: url('../impact.ttf');}
@font-face {font-family:'font02';src: url('../Avant Garde Book BT.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:"Microsoft YaHei",sans-serif}
.tong{width: 1200px;margin-left: auto;margin-right: auto}
.clear{clear: both}

/*top*/
.top{height: 130px;background: url(../images/topbg.png) no-repeat center;position: absolute;top:0;z-index: 999;width: 100%}
.logo{float: left}
.top li{width: 350px;float: right}
.top li img{float: left}
.top li em{float: left;color: #2d50b4;font-size: 16px;line-height:25px;padding-top:35px;width: 300px}
.top li i{float: left;color: #2d50b4;font-family: 'font01';font-weight: bold;font-size:30px;letter-spacing:2px;}

.topnav{width: 100%;height: 45px;background: #2d50b4;top:130px;z-index: 999;position: absolute;}
.topnav ul li a, .topnav ul li a:visited {display:block;text-align:center;font-size: 14px;line-height: 45px;color: #fff}
.topnav ul li {float:left;position:relative;z-index: 100;width:14%;}
.topnav ul li ul {display: none;width: 100%;}
.topnav ul li:hover a { background:#006feb; position:relative; z-index: 100;color: #fff}
.topnav ul li.current a { background:#006feb; position:relative; z-index: 100;color: #fff}
.topnav ul li:hover ul {display:block;position:absolute; left:0;}
.topnav ul li:hover ul li a.hide { color:#FFF;}
.topnav ul li:hover ul li { display:block; color:#000; width:100%; background:none;}
.topnav ul li:hover ul li:hover a.hide { color:#FFF;}
.topnav ul li:hover ul li ul { display: none;top:0px;}
.topnav 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 #fff;}
.topnav ul li:hover ul li a:hover {background:#2d50b4;}

/*yuan-banner*/
.yuan-banner{width:100%;margin-left:auto;margin-right:auto; height:750px}
#full-screen-slider {
	width:100%;
	height:750px;
	float:left;
	position:relative;
	display: block;
	overflow: hidden;
}
#slides { display:block; width:100%; height:750px; 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:#2d50b4; }

/*aboutus*/
.abotus{width: 1200px;margin: auto;height:500px;box-shadow: 0 0 10px rgba(142,142,142,0.14);position: absolute;top:780px;z-index: 999;background: #fff;}
.abotusleft{width: 45%;float: left;}
.titlehome1{width: 95%;float: left;margin-left: 5%;position: relative;height: 60px;margin-top: 30px;margin-bottom: 20px}
.titlehome1 h2{position: absolute;left:3%;z-index: 99;color: #2d50b4;top:30px;font-weight: 900;}
.titlehome1 h3{color: #efefef;font-size: 48px;font-weight: normal;font-family: 'font01';position: absolute;left: 0;top:0;text-transform: uppercase}
.aboutmain{width: 90%;margin: auto}
.aboutmain a{text-indent: 2em;font-size: 14px;line-height:30px;display: block}
.abotusright{width:53%;float: right;margin-right:20px;margin-top: 40px}
.abotusright video{float: left;margin-top:50px;width: 100%}

/*products*/
.products{height: 950px;background: url(../images/probg.png) no-repeat center;}
.titlehome2{width: 100%;position: relative;height: 60px;margin-bottom: 20px}
.titlehome2 h2{position: absolute;left:50%;z-index: 99;color: #2d50b4;top:30px;font-weight: 900;margin-left: -48px}
.titlehome2 h3{color: #efefef;font-size: 48px;font-weight: normal;font-family: 'font01';position: absolute;left: 50%;top:0;margin-left: -175px}

.products ul{width:80%;margin: auto}
.products ul li{width:24.5%;height:auto;display: block;float: left;position: relative;margin: 0 0.5% 0.5% 0;overflow: hidden}
.products ul li:nth-child(4n){margin-right: 0}
.products ul li em{display: none}
.products ul li:hover em{width: 100%;background: url(../images/prohover.png) no-repeat bottom center;position: absolute;bottom: 0;z-index: 999;display: block;height: 180px;background-size: 100%;float: left;}
.products ul li:hover em i{width: 100%;display: block;color: #fff;font-size: 16px;text-align: center;bottom:6%;position: absolute}
.products ul li p{width: 100%;float: left;height: 100%;position: absolute;display: none;top:-300px}
.products ul li:hover p{width: 100%;float: left;height: 100%;background: rgba(0,0,0,0.65);display: block;top:0;transition: transform 30s linear 0s;}
.products ul li img{width: 100%;float: left;height: 100%;}

/*advantage*/
.advantage{background: url(../images/advtanges.png) no-repeat center;height:700px;width: 100%;margin-top: 20px}
.advmain{width: 100%;float: left}
.advmain li{width:420px;float: left;height:470px;position: absolute}
.advmain li:first-child{background: url(../images/adv1.jpg) no-repeat center bottom;left: 0;top:200px}
.advmain li:first-child+li{background: url(../images/adv2.jpg) no-repeat center top;left: 400px;top:30px}
.advmain li:first-child+li+li{background: url(../images/adv3.jpg) no-repeat center bottom;left: 800px;top:200px}
.advmain li span{width: 300px;height: 190px;background: #113798;box-shadow: 0 0 15px rgba(142,142,142,0.14);display: block;position: relative;margin: auto}
.advmain li:first-child+li span{margin-top: 280px;}

.advmain li span ins{text-decoration: none;position: absolute;width: auto;height: 20px;background: #113798;display: block;top:80px;left:50%;padding:5px 5px;font-size: 18px;color: #fff}
.advmain li span em{font-size:72px;font-family: 'font02';color: #e8e8e8;text-align: center;width: 100%;display: block;font-weight:normal;padding-top: 30px}
.advmain li span i{width: 90%;margin: auto;display: block;text-align: center;font-size: 10px;line-height: 20px;color: #fff}


/*case_box*/
.case_box{height:650px}
.case_t{ padding-top: 62px; margin-bottom: 0px;}
.titlehome5{width: 100%;position: relative;height: 60px;margin-bottom: 20px}
.titlehome5 h2{position: absolute;left:50%;z-index: 99;color: #2d50b4;top:30px;font-weight: 900;margin-left: -48px}
.titlehome5 h3{color: #efefef;font-size: 48px;font-weight: normal;font-family: 'font01';position: absolute;left: 50%;top:0;margin-left: -161px;text-transform: uppercase}
#focus_Box{position:relative;width:1200px;}
#focus_Box ul{position:relative;width:1200px; margin:0px auto; left:0;}
#focus_Box li{z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:450px;box-shadow: 0 0 15px rgba(142,142,142,0.14);}
#focus_Box li img{width:100%;background:url(../images/loading.gif) no-repeat center 50%;vertical-align:top;}
#focus_Box li p{position:absolute;left:8px;bottom:-8px;width:100%;height:40px;line-height:40px;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden; color: #333;}
#focus_Box .l_prev,#focus_Box .l_next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:250px;}
#focus_Box .l_prev{background:url(../images/btn1.png) left bottom no-repeat;left:0px}
#focus_Box .l_next{background:url(../images/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .l_prev:hover{background-position:left top;}
#focus_Box .l_next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}

/*news*/
.news{height: 480px}
.titlehome4{width: 100%;position: relative;height: 60px;margin-bottom: 20px}
.titlehome4 h2{position: absolute;left:50%;z-index: 99;color: #2d50b4;top:30px;font-weight: 900;margin-left: -48px}
.titlehome4 h3{color: #efefef;font-size: 48px;font-weight: normal;font-family: 'font01';position: absolute;left: 50%;top:0;margin-left: -130px}

.newsmain{position: relative}
.newsmain p{width: 100%;height: 1px;background: #000;position: absolute;top:195px}
.newsmain ul li{width: 300px;height: 200px;position: relative;float: left;background:url(../images/newsli1.png) center bottom no-repeat}
.newsmain ul li:nth-child(2n){background:url(../images/newsli2.png) center bottom no-repeat;margin-top: 190px}

.newsmain ul li h2{width: 100%;text-align: center;font-size: 16px;font-weight: bold;position: absolute;top:50px;transition-duration: 0.5s}
.newsmain ul li:hover h2{top:80px;transition-duration: 0.5s}
.newsmain ul li em{width: 100%;text-align: center;display: block;line-height: 30px;position: absolute;top:70px;transition-duration: 0.5s}
.newsmain ul li:hover em{top:50px;transition-duration: 0.5s}
.newsmain ul li h3{width: 100%;text-align: center;color: #696969;font-size: 14px;font-weight: normal;position: absolute;top:100px;transition-duration: 0.5s}
.newsmain ul li:hover h3{top:0;transition-duration: 0.5s}

.newsmain ul li i{width: 100px;height: 40px;background: #424242;display: block;margin-left: -50px;color: #fff;font-size: 20px;text-align: center;line-height: 40px;position: absolute;left: 50%}
.newsmain ul li:hover i{background: #2d50b4;transition-duration: 0.5s}
.newsmain ul li:nth-child(odd) i{top:0;}
.newsmain ul li:nth-child(odd):hover i{top:110px;transition-duration: 0.5s}
.newsmain ul li:nth-child(even) i{top:150px;}
.newsmain ul li:nth-child(even):hover i{top:50px;transition-duration: 0.5s}
.newsmain ul li:nth-child(even):hover h2{top:180px;transition-duration: 0.5s}
.newsmain ul li:nth-child(even):hover em{top:150px;transition-duration: 0.5s}
.newsmain ul li:nth-child(even):hover h3{top:110px;transition-duration: 0.5s}

/*contact*/
.contact{position: relative}

.contactus{width:700px;height: 370px;position: absolute;background:rgba(253,253,253,0.85);border-radius: 10px;left:30%;top:100px;box-shadow: 0 0 15px rgba(142,142,142,0.6);text-align: center }
.contactus h2{color: #3e3e3e;font-size: 16px;width: 95%;margin: auto;font-weight:500;text-align: center;letter-spacing: 2.2px;padding-top:40px;}
.contactus h3{color: #868686;font-size: 11px;width: 95%;margin: auto;font-weight:100;text-transform: uppercase;text-align: center}

.contactus ul{width:45%;height: 160px;margin: auto}
.contactus ul li{line-height: 40px;display: block;font-size: 14px;text-align: center}


.contact img{width: 105px;text-align: center}


/*friendlink*/
.friendlink{width:100%;margin: 20px 0}
.link_tgb{height: 40px;border-bottom: 1px solid #e0e0e0;width: 100%;float: left}
.link_tgb span{font-style: normal;width: auto; height: 40px;padding:0 20px;text-align: center; font-size:16px; cursor:pointer;line-height: 40px;display: block;float: left;}
.link_tgb span:nth-child(1){color: #fff}

.links a {line-height:35px; font-size:14px;padding: 10px;}
.links .hidden { display:none;}
.links a:hover{ color:#2d50b4;}

/*copyright*/
.copyright{background:#e0e0e0;height: 50px;line-height: 50px}
.copyright i{line-height: 50px;float: left;font-size: 14px}
.copyright a{line-height: 50px;float: right;}


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

.locabg{ width:100%; height:72px;box-shadow: -10px 10px 10px rgba(142,142,142,0.14);}
.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:#006feb; 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:#006feb; color:#fff;}
.toplist dl dt.current{background:#006feb; }
.toplist dl dt.current a{ color:#FFF}

.main{ margin:0 auto; padding:0; width:1200px; height:auto; overflow:hidden; margin-top:20px;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;width:auto;  height: 35px;margin: 10px }
.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:#006feb; color: #fff; height:26px; line-height:26px; padding:6px 8px;margin:0 2px;text-decoration:none;}
.page span{ display:inline; background: #006feb; color: #d1d1d1; font-size:12px;height:26px; line-height:26px; padding:6px 6px;margin:0px 5px; }


/*productsnei*/
.proleft{width: 275px;float: left}
.proleft>li{width: 275px;background-color: #2d50b4;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;padding: 20px 0;background-color: #f2f2f2}
.listmain li{width: 215px;float: left;padding: 0 30px;height: 55px;line-height:55px}
.listmain li:hover{background-color: #2d50b4;}
.listmain li.current{background-color: #2d50b4;}

.listmain li a{width: 215px;margin-left: auto;margin-right: auto;height: 55px;line-height: 55px;display: block;border-bottom: 1px dotted #424242;}
.listmain li:hover a{border: none;color: #fff}
.listmain li.current a{border: none;color: #fff}
.contactusnei{width: 275px;height:317px;float: left;background:#2d50b4 url(../images/contactus.png)}
.contactusnei li{height:40px;line-height:40px;padding:0 30px;width: 215px;background: none;color: #fff;font-size: 16px;font-weight:500}
.contactusnei li:first-child{padding-top: 30px}
.contactusnei 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:325px; 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:#006feb; 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:#006feb;}

/*内页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: #006feb; 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:#006feb;}
/*relation*/
.relation{line-height:20px;margin-bottom:10px; color:#999;}
.relation a{line-height:30px; display:block;}
.relation a:hover{color: #006feb}
.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; background-repeat:no-repeat; margin-left:30px;height: 250px;margin-bottom:15px}
.honorlist li .imgs{ width:270px; height:245px;background:url(../images/list_bg.png) center bottom no-repeat;  }
.honorlist li .imgs img{ width:270px; height:210px; display:block;}
.tit{font-size:14px; line-height:30px; display:block;margin-top: -20px}