s@charset "utf-8";

*{word-wrap:break-word;margin:0;padding:0;}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #666;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{background:#fff;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a,area{outline:none;blr:expression(this.onFocus=this.blur());color:#666}
a{text-decoration:none;cursor: pointer;}
a:hover{outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
 
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
 
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.clearfix {display:block;}
.dis_none{ display:none;}
.dis_inline{ display:inline-block;}

.ma{margin:auto;}
.con-1200{width:1200px;margin:auto}
.con-1140{width:1140px;margin:auto}
.con-1000{width:1000px;margin:auto}
.tran-all5{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.tran-all3{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}
.poa-f{position: absolute;left:0;top:0;width:100%;height:100%}
.por-f{position: relative;width:100%;height:100%}
.por{position: relative;}
.poa{position: absolute;}

.clear{height:0;clear:both;zoom:1;line-height:0;font-size:0}
.height10{height:10px;clear:both;zoom:1;line-height:0;font-size:0}
.height30{height:30px;clear:both;zoom:1;line-height:0;font-size:0}
.height50{height:50px;clear:both;zoom:1;line-height:0;font-size:0}
.height70{height:70px;clear:both;zoom:1;line-height:0;font-size:0}
.height80{height:80px;clear:both;zoom:1;line-height:0;font-size:0}
.height100{height:100px;clear:both;zoom:1;line-height:0;font-size:0}
.height120{height:120px;clear:both;zoom:1;line-height:0;font-size:0}


.c-333{color:#333}
.c-666{color:#666}
.c-999{color:#999}
.c-aaa{color:#aaa}
.c-ccc{color:#ccc}
.c-fff{color:#fff}
.c-zzz{color:#1d2088}

.f-bold{font-weight:bold}
.f-12{font-size:12px}
.f-14{font-size:14px}
.f-16{font-size:16px}
.f-18{font-size:18px}
.f-24{font-size:24px}
.f-36{font-size:36px}
.f-50{font-size:50px}
.f-arial{font-family:Arial, Helvetica, sans-serif}
.f-big{text-transform:uppercase}
.f-simsun{ font-family:"simsun"}
.lh-26{line-height:26px}

.bg-fff{background:#fff}
.bg-zzz{background:#1d2088}
.bg-eaeaea{background:#eaeaea}
.bg-f5f5f5{background:#f5f5f5}

.text-l{text-align:left}
.text-r{text-align:right}
.text-c{text-align:center}

.bor-a{border:1px solid #e7e7e7}
.bor-t{border-top:1px solid #e7e7e7}
.bor-b{border-bottom:1px solid #e7e7e7}
.bor-l{border-left:1px solid #e7e7e7}
.bor-r{border-right:1px solid #e7e7e7}

.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.border-r{border-radius:1000px;}
.over-hide{overflow: hidden;}

@font-face {font-family: "impact";
  src: url('font/impact.eot'); /* IE9*/
  src: url('font/impact.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('font/impact.woff') format('woff'), /* chrome、firefox */
  url('font/impact.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('font/impact.svg') format('svg'); /* iOS 4.1- */
}




/*head*/
.head{height:80px;border-top:10px solid #1d2088;background-color:#fff;overflow:hidden; box-shadow:0 0 5px #999; position:relative;z-index:10}
.head .logo{height:55px;margin-top:13px;}
.head .logo img{height:55px}
.nav{height:80px}
.nav ul li{float:left;border-right:1px solid #eee; text-align:center}
.nav ul li a{display:block;height:80px;padding:0 35px}
.nav ul li a strong{display:block;margin-top:20px;color:#333;font-size:16px;font-weight:normal}
.nav ul li a span{display:block;margin-top:5px;color:#d8d8d8;font-size:12px; text-transform:uppercase}
.nav ul li.on{background-color:#1d2088}
.nav ul li.on strong,.nav ul li.on span{color:#fff}


/*foot*/
.f-nav{width:720px;}
.f-nav dl{float:left;width:120px;}
.f-nav dl dt{color:#191919;height:30px;}
.f-nav dl dt a{color:#191919;}
.f-nav dl dd{height:26px;line-height:26px}
.f-nav dl dd a{color:#999;font-size:12px}

.code-box{float:right;width:420px;padding-left:50px;border-left:1px solid #e7e7e7}
.code-box .p1{color:#999}
.code-box .p1 span{font-size:32px;color:#1d2088;font-family: "impact";}
.code-box .p2 {margin-top:20px}
.code-box .p2 img{float:left;width:90px;height:90px;margin-right:15px;}
.code-box .p2 span{float:left;width:260px;line-height:20px;padding:5px 0;color:#888}


.copyright{padding:10px 0;line-height:24px;font-size:12px;color:#999}
.copyright a{color:#999}
.copyright a:hover{ text-decoration:underline}
.copyright .p1{width:1000px;}


/*banner*/
.banner{width:100%;position:relative;overflow:hidden}

.slideBox{ width:1920px; height:450px; overflow:hidden; position:relative;left:50%;margin-left:-960px; }
.slideBox .hd{ overflow:hidden; position:absolute;width:1200px;bottom:20px;left:0;right:0; margin:auto;  z-index:1;}
.slideBox .hd ul{overflow:hidden; zoom:1; text-align:center}
.slideBox .hd ul li{display:inline-table;*display:inline;*zoom:1;margin:0 10px;cursor:pointer;width:10px;height:10px;background:#fff;border-radius:10px}
.slideBox .hd ul li.on{background:#1d2088}
.slideBox .bd{ position:relative; height:100%; z-index:0}
.slideBox .bd li{ zoom:1; vertical-align:middle}
.slideBox .bd img{ width:1920px; height:450px; display:block}

.nbanner{width:100%;position:relative;overflow:hidden}
.nbanner img{position:relative;left:50%;margin-left:-960px;width:1920px;}

/*floor_1*/
.a-title{height:225px;background:url(t-bg.jpg) no-repeat center center}
.n-title{text-align:center}
.n-title h2{height:75px;font-size:60px;color:#1d2088;font-family:"impact","Microsoft Yahei";text-transform:uppercase}
.n-title h3{font-size:24px;color:#1d2088;}
.n-title h4{height:70px;font-size:40px;color:#1d2088; font-weight:bold}
.n-title h5{height:40px;font-size:21px;color:#4b4b4b;}
.n-title .line{width:55px;height:2px;margin:15px auto 0;background-color:#1d2088;}

.index-about .title{font-size:20px;color:#585858; text-align:center}
.index-about p{margin-top:25px;color:#999;line-height:28px}
.index-product {overflow:hidden}
.index-product ul {width:1200px;border-left:1px solid #e7e7e7;}
.index-product ul li{float:left;width:298px;padding-bottom:20px;border-right:1px solid #e7e7e7; overflow:hidden}
.index-product ul li a{display:block}
.index-product ul li img{width:298px; position:relative;}
.index-product ul li p{ text-align:center;font-size:20px;color:#999}
.index-product ul li:hover p{color:#1d2088}



/*floor_2*/
.news-c {width:100%;height:690px;background-color:#f9f9f9;overflow:hidden}
.news-c .pic{width:50%;height:690px;background:url(0-01.jpg) no-repeat right center; overflow:hidden}
.news-c .news-r{width:50%;height:690px;}
.news-c .news-r .news-box{width:550px;height:620px;padding-left:50px;padding-top:70px;}
.news-title{}
.news-title h2{float:left;font-size:60px;color:#1d2088;font-family:"impact","Microsoft Yahei";text-transform:uppercase}
.news-title h3{float:left;margin-left:20px;margin-top:33px;font-size:24px;color:#1d2088;}
.news-title .line{width:55px;height:2px;margin-top:15px;background-color:#1d2088;}
.i-news ul li{ position:relative;height:100px;width:550px;margin-top:30px;overflow:hidden;}
.i-news ul li .date{ position:absolute;width:114px;height:76px;line-height:76px;right:0;top:50%;margin-top:-38px; text-align:center;font-size:18px;color:#918f95;border-left:1px solid #e7e7e7}
.i-news ul li .title{width:410px;margin-top:10px;height:30px;line-height:30px;font-size:18px;color:#585858}
.i-news ul li p{width:410px;height:50px;line-height:25px;font-size:12px;color:#918f95; overflow:hidden}
.i-news ul li a:hover{color:#1d2088}
.n-more{margin-top:20px;width:140px;height:48px;line-height:48px;border:1px solid #d5d5d5;background:url(0-02.jpg) no-repeat 20px center;text-align:center}
.n-more a{display:block;width:110px;padding-left:30px;height:100%;}


.index-tech{height:950px;background:url(i-bg.jpg) no-repeat center center}
.tech-box{width:1200px; overflow:hidden}
.tech-box ul {width:1293px}
.tech-box ul li{float:left;width:338px;margin-right:93px;}
.tech-box ul li .title{height:40px;line-height:40px;color:#585858;font-size:18px}
.tech-box ul li p{height:84px;line-height:28px;color:#918f95;margin-top:10px}
.tech-box ul li img{width:338px;height:292px;display:block;margin-top:30px}







/*about*/
.about-1 p{line-height:35px;color:#4b4b4b}
.about-1 h2{line-height:30px;color:#1d2088;font-size:25px}
.about-2{height:800px;background:url(a-bg.jpg) no-repeat center center}

.contact-bg{height:673px;text-align:left;background:url(c-bg.jpg) no-repeat center center}
.contact-bg .contact-box img{width:406px;float:left}
.contact-bg .contact-box .c{width:560px;float:right}
.contact-bg .p1{height:60px;font-size:30px;color:#1d2088}
.contact-bg .p2{font-size:20px;color:#666;line-height:50px;}
.contact-bg .p2 span{font-size:40px;color:#1d2088;font-family:"impact","Microsoft Yahei";}

/*news*/
.news-menu{height:80px;border-bottom:1px solid #eee}
.news-menu ul li{float:left;margin-right:60px}
.news-menu ul li a{display:block;height:30px;padding:25px 35px 23px 35px}
.news-menu ul li i{float:left;height:30px;width:30px; background:url(n-icon.png) no-repeat center center}
.news-menu ul li .i8{background-position:0 0}
.news-menu ul li.on .i8{background-position:0 -30px}
.news-menu ul li .i9{background-position:-30px 0}
.news-menu ul li.on .i9{background-position:-30px -30px}
.news-menu ul li span{float:left;height:30px;line-height:30px;margin-left:12px;color:#4b4b4b;font-size:16px}
.news-menu ul li.on span{color:#1d2088}
.news-menu ul li.on a{border-bottom:3px solid #1d2088}



.news-list-box{padding-bottom:50px;margin-top:50px;height:200px;border-bottom:1px solid #eee}
.news-list-box img{float:left;width:320px;height:200px}
.news-list-box .c{float:right;margin-right:40px;width:810px;height:200px; overflow:hidden}
.news-list-box .title{width:700px;height:24px;line-height:24px; font-weight:bold;font-size:20px}
.news-list-box .title a{color:#1d2088;}
.news-list-box .desc{margin-top:10px;width:810px;height:90px;line-height:30px;font-size:16px;color:#4b4b4b; overflow:hidden}
.news-list-box .more{margin-top:34px;height:42px;}
.news-list-box .more a{float:left;width:143px;height:40px;line-height:40px; text-align:center;border:1px solid #eee;color:#1d2088}
.news-list-box .more a:hover{border-color:#1d2088}
.news-list-box .more .date{float:right;height:42px;line-height:42px;color:#4b4b4b}


/*service*/
.service-box ul{width:1220px;}
.service-box ul li{float:left;width:399px;padding:15px 0;text-align:center;border-right:1px dashed #b8b8b8}
.service-box ul .last{border-color:#fff}
.service-box ul li .title{margin:20px 0 15px;color:#4b4b4b;font-size:18px}
.service-box ul li p{width:260px;margin:auto;line-height:25px;color:#4b4b4b; text-align:left}

.tech-li{margin-top:35px;height:376px;width:1198px; overflow:hidden;background-color:#fff;border:1px solid #eee;box-shadow:0 0 5px rgba(0,0,0,0.2)}
.tech-li img{float:left;width:600px;height:376px}
.tech-li .box{float:left;width:478px;height:286px;padding:90px 60px 0;}
.tech-li .box .title{height:40px;color:#585858;font-size:20px;}
.tech-li .box p{line-height:30px;color:#918f95;font-size:16px;}



/*product*/
.product-list{width:1200px; overflow:hidden}
.product-list ul {width:1230px}
.product-list ul li{float:left;width:283px;height:350px;margin-top:20px;margin-right:20px;background-color:#fff;border:1px solid #eaeaea;overflow:hidden;}
.product-list ul li img{width:283px;height:212px;display:block;margin:40px 0}
.product-list ul li .title{width:270px;margin:0 auto;font-size:20px;color:#4b4b4b; text-align:center}
.product-list ul li:hover {border-color:#1d2088}
.product-list ul li:hover .title{color:#1d2088}


/*********      page      ***************/
#page{ width:1200px;padding:5px 0;overflow:hidden;margin:auto}
#page .page_info{ text-align:center}
#page .page_info select{display:none;}
#page .page_info span,#page .page_info a{padding:8px 14px;font-size:14px;font-family:SimSun;margin:0 5px;border:#eee 1px solid;background-color:#fff; line-height:30px;color:#555;}
#page .page_info span{background:#1d2088}
#page .page_info span.nolink{color:#ccc;background:#fff}
#page .page_info span font{ color:#fff; font-weight:normal;*padding:0; *width:8px; *height:10px; font-size:14px;font-weight:bold}
#page .page_info a:hover{ background-color:#1d2088;color:#fff;}

/** prev next button ***/
.pn{ padding-top:10px; width:100%;line-height:26px;height:70px; overflow:hidden;border-top:1px solid #ddd;color:#777}
.pn_l{text-align:left; font-size:12px; overflow:hidden;}
.pn_l a:hover{color:#0a9193;}
.pn_r{ text-align:left;font-size:12px; overflow:hidden;}
.pn_r a:hover{color:#0a9193;}





.feedback{width:1200px;}
.feedback .in_in {width:1200px;height:50px;}
.feedback .in_in .input-text{width:560px;height:48px;line-height:48px;padding:0 15px;border:1px solid #ddd;border-radius:3px}
.feedback .input-text,.feedback .textarea{margin-bottom:15px;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}
.feedback .in_area .textarea{width:1170px;height:120px;line-height:24px;padding:5px 15px;font-size:14px;resize:none;border:1px solid #ddd;border-radius:3px}
.feedback .input-text:hover,.feedback .textarea:hover{border: solid 1px #1d2088}
.feedback .input-text:focus,.feedback .textarea:focus{border:solid 1px #1d2088 \9;border-color:rgba(29,32,136,0.8);box-shadow:0 0 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(29,32,136, 0.15)}
.feedback .in_sub{margin:20px auto 0;height:50px;}
.feedback .in_sub .yzm{float: left;}
.feedback .in_sub .yzm input{float: left;width:100px;height:48px;line-height:48px;padding:0 15px;border:1px solid #ddd;border-radius:3px;border-top-right-radius: 0;border-bottom-right-radius: 0}
.feedback .in_sub .yzm img{float: left;width:100px;height:48px;line-height:48px;border:1px solid #ddd;border-left:0;border-top-right-radius: 3px;border-bottom-right-radius:3px }
.feedback .in_sub .submit{float: left;margin-left:20px;width:200px;height:50px;font-size:20px;color:#fff;background-color:#1d2088;border:none;cursor:pointer;}





.product-main .imgs{padding: 0;border:1px solid #ddd}
.porduct-img{width:560px;position:relative;}
.fangda .fd_min_img{width:560px;overflow:hidden;}
.fangda .fd_min_img img{width:560px;}
.fangda .fd_mouse_m{ display:none;width:80px;height:80px;position:absolute;top:0;left:0;opacity:0.3;filter:alpha(opacity=30);background:#1d2088;cursor:pointer;}
.fd_max_img{ display:none;width:400px;height:400px;overflow:hidden; position:absolute;left:600px;top:0; z-index:99;border:1px solid #ddd; background:url(3-10.gif) center center no-repeat #fff;}
.fd_max_img .img{width:atuo;height:auto;position:relative; z-index:10;}


.porduct-text{width:580px;padding-top:0;}
.porduct-text h2{height:80px;line-height:80px;border-bottom:1px solid #e5e5e5;font-size:30px;color:#1d2088;}
.porduct-text .model{margin-top:20px;line-height:30px;font-size:16px;}
.porduct-text .model img{max-width:580px;}


.n_main { margin:30px auto 0;position:relative;width:1200px}
.n_main .title{ position:relative;border-bottom:1px solid #ddd;padding-bottom:10px;}
.n_main .title .h2{width:1000px;line-height:30px;font-size:24px;color:#333; font-weight:normal}
.n_main .title .p1{width:1000px;margin-top:10px; height:24px; line-height:24px; font-size:12px; color:#999}
.n_main .title .qrcode {position:absolute;right:0;bottom:10px;font-size:12px;line-height:20px}
.n_main .title .qrcode .wenzi{margin-top:32px}
.n_main .title .qrcode .code{width:70px;height:70px}
.n_content{ line-height:26px; color:#666; overflow:hidden;}
.n_content img{ max-width:1200px; overflow:hidden;}