@font-face {
font-family: 'bebasneue-webfont';
src: url('/skin/fonts/bebasneue-webfont.eot');
src: url('/skin/fonts/bebasneue-webfont.eot#iefix') format('embedded-opentype'),
url('/skin/fonts/bebasneue-webfont.woff') format('woff'),
url('/skin/fonts/bebasneue-webfont.ttf') format('truetype'),
url('/skin/fonts/bebasneue-webfont.svg#neuesbauendemo') format('svg');
}
html,body{background:#fff;color:#333;font:12px/1.6 '微软雅黑';width:100%;height:100%;min-width:1200px;}
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
    margin: 0;
    padding: 0;
}
*{box-sizing: border-box;}
li{list-style:none;}
.fl {float: left}

.fr {float: right}
.cl{clear:both;}
a{color:#333;text-decoration:none;}
a:hover{color:#222;text-decoration:none;}
.tem_inner,.met_section{position:relative;margin:0 auto;margin:0 auto;width:1200px;}


/*nav*/
.header .logo{display:block;width:100%;padding:1% 0;background:#19156a;box-sizing: content-box;position:relative;z-index:2}
.header .logo img{display:block;width:100%;}
.header{width:265px;position:fixed;height:100%;background:#fff;z-index:99999}
.headright{position:absolute;left:265px;top:0px;background:#fff;}
.header .lan{display:block;width:132.5px;float:left;text-align:center;line-height:50px;height:50px;border-bottom:1px solid #d1d1d1}
.header .headnav{padding:0 15px;}
.header .headnav li{font-family:微软雅黑;line-height:50px;border-bottom:1px solid #dbdbdb;color:#414141;font-size:16px;}
.header .headnav li a{color:#414141}
.header .headnav li.hover dl{height:auto;}
.header .headnav li dl {overflow:hidden;height:0px;}
.header .headnav li dl dd{font-family:arial;lefT:0px;font-size:14px;padding-left:30px;line-height:30px;padding-bottom:10px;position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.header .headnav li dl dd:hover{left:20px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.header .headnav li dl dd a{color:#707070;}
/*nav*/
.navbut{

	cursor: pointer;
	width: 140px;
    height: 120px;
	background:#fff;
	text-align:center;
	position:relative;
	margin-top:1px;
	}
.header .navbut1{background:#eeeef1}
.header .navbut1:hover{background:#fff}
.navpro{
	width: 80px;
	height:34px;
position:absolute;
left:50%;
top:50%;
margin:-28px 0 0 -40px;
z-index:9999;	
	}
.prolist1 i{width:22px;height:22px;background-image:url(/skin/images/prolist1.png) ;background-repeat:no-repeat; background-position:center -22px ;display:block;margin:auto;}
.header .navbut1:hover .prolist1 i{background-position:center 0px ;}
.prolist2 i{width:22px;height:22px;background-image:url(/skin/images/prolist2.png) ;background-repeat:no-repeat; background-position:center -22px ;display:block;margin:auto;}
.header .navbut1:hover .prolist2 i{background-position:center 0px ;}
.prolist3 i{width:22px;height:22px;background-image:url(/skin/images/prolist3.png) ;background-repeat:no-repeat; background-position:center -22px ;display:block;margin:auto;}
.header .navbut1:hover .prolist3 i{background-position:center 0px ;}
.prolist4 i{width:22px;height:22px;background-image:url(/skin/images/prolist4.png) ;background-repeat:no-repeat; background-position:center -22px ;display:block;margin:auto;}
.header .navbut1:hover .prolist4 i{background-position:center 0px ;}
.prolist5 i{width:22px;height:22px;background-image:url(/skin/images/prolist5.png) ;background-repeat:no-repeat; background-position:center -22px ;display:block;margin:auto;}
.header .navbut1:hover .prolist5 i{background-position:center 0px ;}
.navbut1 p{margin-top:10px;color:#a2a2a9}
.header .navbut1:hover p{color:#1a166c}

.nav {
	
	width: 34px;
	height:34px;
position:absolute;
left:50%;
top:50%;
margin:-28px 0 0 -17px;
	display: table;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	z-index:9999;
}
.nav p{line-height:15px;color:#1a166c;margin-top:20px;}
.navbut dl{position:absolute;top:0px;left:100%;width:0px;line-height:24px;background:#fff;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;overflow:hidden}
.navbut:hover dl{width:220px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.navbut dl dd{border-bottom:1px solid #eee;text-align:center;margin:0 15px;}

@media screen and (max-width: 440px) { 
.nav {top:5px;}
}

.mmail{position:absolute;right:10px;top:5px;width:38px;height:38px;background:url(/skin/images/mmail.png) center center;}
.mmail a{display:block;}
.nav.selected {
	transform: rotate(90deg);
}
.nav a {
	display: block;
	height: 4px;
	margin-top: 16px;
	position: relative;
	top: 50%;
	width: 100%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.nav a.act{ background-color:#1a166c;}
.nav a.act:after,
.nav a.act:before{ background-color:#1a166c;display:table; content:'';}
.nav:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}
.nav:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}
.nav.close:hover a:before {
	transform: translateY(0px) rotate(-55deg);
	-webkit-transform: translateY(0px) rotate(-55deg);
	-ms-transform: translateY(0px) rotate(-55deg);
}
.nav.close:hover a:after {
	transform: translateY(0px) rotate(55deg);
	-webkit-transform: translateY(0px) rotate(55deg);
	-ms-transform: translateY(0px) rotate(55deg);
}
.nav.close a.act{ background:none;}
.nav a:after,
.nav a:before {
	background-color: #fff;
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	width: 100%;
	content:'';
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.nav a:after { top: 10px;}
.nav a:before { top: -10px;}
.nav.close a:after, 
.nav.close a:before { top: 0;}
.nav.close a:before {
	background-color: #1a166c;
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.nav.close a:after {
	background-color: #1a166c;
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}

.navbut .menu2 {background:#fff;position: fixed; width: 700px;top: 0%;text-align: left;padding-left: 130px;    height: 0%;overflow:hidden;}
.navbut:hover .menu2{height:100%}
.menu2 a{display:inline-block;width:260px;margin:0 10px;line-height:44px;}
.menu2 a p{margin-top:0px !important;color:#a2a2a2;}
.menu2 a:hover p{color:#1a166c;}

/*inabout*/
.inabout{padding:140px 0;position:relative;}
.inabout .aboutright .aboutinfo p{line-height:20px;font-size:12px;padding-top:20px;}
.inabout .aboutleft{width:50%;height:500px;background:url(/skin/images/aboutleft.jpg) center center no-repeat;background-size:cover;float:left;}
.inabout .aboutright{width:800px;height:470px;background:#201b7e;position:absolute;top:50%;left:50%;margin:300px 0 0 -150px}
.inabout .aboutright p{padding:40px 0 0;font-size:14px;color:#fff;line-height:27px;}
.inabout .aboutrightinfo{padding:50px 75px;}


/*flashbut*/
.flashbtn{width:400px;height:75px;position:relative;margin:auto;}
.flashbtn .flashline{width:100%;height:1px;background:#fff;position:absolute;top:50%;}
.flashbtn .flashline .linebtn{width:70px;height:5px;padding:0px;background:#fff;position:absolute;top:-2px;left:0px;display:block;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.flashbtn:hover .flashline .linebtn{left:330px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.stripe-holder{width:300px;margin:auto;border:1px solid #bbde10;font-size:24px;font-weight:bold;line-height:70px;height:70px;text-align:center;color:#fff;}
.flashbtn .stripe{height:35px;width:0%;background:#bbde10;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition-delay: .2s;-moz-transition-delay: .2s; /* Firefox 4 */-webkit-transition-delay: .2s; /* Safari 和 Chrome */-o-transition-delay: .2s; }
.flashbtn:hover .stripe{width:100%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition-delay: .2s;-moz-transition-delay: .2s; /* Firefox 4 */-webkit-transition-delay: .2s; /* Safari 和 Chrome */-o-transition-delay: .2s;}
.flashbtn .text{position:absolute;left:50%;top:50%;margin:-35px 0 0 -48px;font-weight:normal;}
.stripe-1{float:left;clear:both;}
.stripe-2{float:right;clear:both;}


/*inproduct*/
.inproduct{background:#2d2986;padding:100px 0;}
.inprolist-left{width:50%;float:left;}
.inprolist-right{width:50%;position:absolute;right:0px;margin-top:500px;}
.inproul{width:1400px;margin:auto;position:relative;}
.inprolist{float:left;position:relative;margin:20px 0;}
.prolist-line{width:120px;height:1px;background:#fff;position:absolute;top:50%;left:-60px;z-index:10;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;}
.prolist-line-right{width:120px;height:1px;background:#fff;position:absolute;top:50%;right:-60px;z-index:10;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;}
.inprolist:hover .prolist-line{width:170px;left:0px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;}
.inprolist:hover .prolist-line-right{width:170px;right:0px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;}
.inprolist-info{overflow:hidden;position:relative}
.inprolist img{display:block;-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-transform:scale(1.2,1.2);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;}
.inprolist:hover img{-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);-transform:scale(1.0,1.0);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;}
.inprolistbg{position:absolute;width:100%;height:100%;background:url(/skin/images/prolistbg.png);z-index:6 }
.inprolist:hover .inprolistbg{display:none;}
.inprolist-info .font{position:absolute;top:0px;width:100%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition-delay: .2s;-moz-transition-delay: .2s; /* Firefox 4 */-webkit-transition-delay: .2s; /* Safari 和 Chrome */-o-transition-delay: .2s;}
.inprolist-info .font img{width:410px;-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);-transform:scale(1.0,1.0);margin:0 auto;}
.inprolist:hover .font img{width:410px;-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);-transform:scale(1.0,1.0);}
.inprolist:hover .font{top:-100px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition-delay: .2s;-moz-transition-delay: .2s; /* Firefox 4 */-webkit-transition-delay: .2s; /* Safari 和 Chrome */-o-transition-delay: .2s;}
.fontmove{height:100px;overflow:hidden;font-size:48px;font-weight:bold;text-align:center;position:absolute;width:100%;top:50%;line-height:48px;margin-top:-50px;color:#fff;z-index:9;}


@media screen and  (min-width:500px) and (max-width:1500px){ 

.inproul{width:900px;margin:auto;}
.inprolist img{width:430px}
} 

@media screen and  (min-width:1500px) and (max-width:1800px){ 

.inproul{width:1050px;margin:auto;}
.inprolist img{width:500px}
} 





/*video*/
.video{width:100%;height:100%;background:url(/skin/images/invideo.jpg) center center ; background-size:cover;}
.infeedback{position:relative;width:100%;height:900px;}
.feedback{width:55%;background:#2d2986;height:600px;position:relative;z-index:2;}
.liuyan{position:absolute;right:50px;top:120px;}
.feedinput {margin:8px 0;}
.feedinput input{width:480px;padding:0 10px;height:32px;line-height:32px;background:#181564;border:0px;color:#fff}
.feedinput textarea{width:480px;padding:0 10px;height:96px;line-height:32px;background:#181564;border:0px;font-family:arial;color:#fff}
.feedtitle{font-size:58px;color:#fff;font-weight:bold;text-align:center;}
.feedtitle2{font-size:12px;color:#d5d4ed;padding:13px 3px;border-top:1px solid #4e48a7;border-bottom:1px solid #4e48a7;width:480px;margin:10px 0 20px;}
.liuyan .ftype_code input{width:220px;padding:0 10px;height:32px;line-height:32px;background:#181564;border:0px;margin-right:15px;color:#fff}
.infeedsub{bordeR:0px;background:none;color:#fff;position:absolute;left:50%;top:50%;margin:-35px 0 0 -44px;line-height:70px;font-size:18px;height:70px;}
.liuyan .flashbtn:hover .flashline .linebtn{left:410px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}

.incon{background:url(/skin/images/incon.jpg)center center no-repeat;width:596px;height:583px;position:absolute;left:50%;top:140px;margin-left:30px;}
.inconinfo{color:#fff;padding:185px 0 0 135px;}
.formerror{color:#fff;}
/*footer*/
.inbrand{padding:80px 0 100px;background:#302d6f}
.tem_footer{position:relative;z-index:999999}
.tem_footer_text{line-height:35px;height:40px;background:#13104b;color:#6d6b97;padding:0 20px 10px 20px}
.tem_footer_text a{color:#6d6b97;}



/*news*/
.newsbanner{width:35%;height:100%;position:fixed;background:url(/skin/images/newsbg.jpg) right center no-repeat;float:left;}
.newsinfo{width:750px;margin-left:40%;float:left;padding-top:100px;min-height:100%}
.day ,.year{color:#999999;font-size:16px;}
.newslist li h2,.met_title{font-size:14px;color:#2e2e2e;line-height:50px;border-bottom:1px solid #e1e1e1}
.newslist li p{color:#717171;margin-top:10px;}
.met_editor{margin:20px 0;padding-bottom:20px;border-bottom:1px solid #e1e1e1;}
.met_page{position:relative;padding-bottom: 20px;}
.back{width:100px;height:40px;line-height:40px;border-radius:3px;font-size:14px;background:#4f4f4f;color:#dedede;text-align:center;position:absolute;right:10px;  top:5px;  }
/*page*/
.met_pager{text-align:center;padding:30px 0;}
.met_pager a{margin:5px;border:1px solid #232323;text-align:center;height:28px;line-height:28px;min-width:28px;_width:28px;text-align:center;display:inline-block;color:#fff;background:#232323}
.met_pager a:hover{border:1px solid #2929ca;color:#fff;background:#2929ca;}
.met_pager .PreSpan,.met_pager .NextSpan{height:30px;line-height:30px;min-width:60px;_width:60px;text-align:center;background:#232323;color:#fff;display:inline-block}
.met_pager .PreA,.met_pager .NextA{height:28px;line-height:28px;min-width:58px;_width:58px;color:#fff}
.met_pager .PreSpan,.met_pager .PreA{margin-right:6px}
.met_pager .NextSpan,.met_pager .NextA{margin-left:6px}
.met_pager .firstPage,.met_pager .lastPage{font-weight:bold;height:28px;line-height:28px;min-width:40px;_width:40px;color:#fff}
.met_pager .Ahover{font-weight:bold;border:1px solid #2929ca;color:#fff;background:#2929ca;}
.met_pager .PageText,.met_pager #metPageT,.met_pager #metPageB{display:none;}

/*contact*/
.contact{min-height:100%;background:url(/skin/images/conbg.jpg) center ;}
.coninfo{width:50%;float:left;}
.coninfo2{margin-left:60px;padding:30px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede}
.coninfo2 p{color:#353535;font-size:14px;line-height:27px;}
.comewm{display:inline-block;margin:15px 10px 10px 0;}
.coninfo3{margin-left:60px;padding-bottom:30px;}
.coninfo3-tit{font-weight:bold;font-size:47px;color:#000;margin-top:30px;}
.coninfo3-list{display:inline-block;margin:20px 15px 10px 0px;}
.coninfo3-list img{padding:5px;background:#dcdfe0;display:block;}
.coninfo3-list p{line-height:25px;font-size:16px;color:#333;background:#dcdfe0;text-align:center;}
.coninfo3-list span{display:block;text-align:center;line-height:32px;border-bottom:1px solid #dcdfe0}

/*prolist*/
.prolist{margin:30px 0;}
.prolist li{width:15.666666%;float:left;margin:0.5%;}
.prolist li img{width:100%;border:10px solid #ececec;}
.prolist li p{display:block;padding:15px;background:#e2e2e2;line-height:20px;font-size:14px;color:#444447;}
/*product*/
.productbanner{position:relative;background:#f2f2f4;height:100px;padding-left:170px;}
.prolist{padding-left:170px;}
.search{font-size:0;position:absolute;left:50%;width:520px;top:50%;height:42px;margin:-21px 0 0 -260px;}
.search  .navsearch_input {float:left;}
.search  .navsearch_input input{font-size:14px;width:417px;height:42px;bordeR:0px;background:url(/skin/images/searchbg.png) left center no-repeat}


/*invideo*/
.video{padding-top:10%;}
.invideo{width:60%;height:80%;margin:0% 17.5%;display:block;}