@charset "utf-8";
/*基础样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option.textarea,submit,button,p,table,tr,th,td,span,a,img,article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,fieldset{margin:0;padding:0;}
article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;margin:0;padding:0;}
input,select,textarea,button{vertical-align:middle;}
body{font-size:14px; font-family:Microsoft Yahei,Verdana, Geneva, sans-serif;}
ul,li,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
table,td{ empty-cells:show; border-collapse:collapse;}
.clear{width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; clear:both;}
img{border:none;}
html,body{ width:100%; position:relative;}

a { text-decoration: none; outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
a{outline:none; blr:expression(this.onFocus = this.onblur()); text-decoration:none; color:#333;}
a:hover{text-decoration:none;}

@charset "utf-8";
/*基础样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option.textarea,submit,button,p,table,tr,th,td,span,a,img,article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,fieldset{margin:0;padding:0;}
article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;margin:0;padding:0;}
input,select,textarea,button{vertical-align:middle;}
body{font-size:14px; font-family:Microsoft Yahei,Verdana, Geneva, sans-serif;}
ul,li,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
table,td{ empty-cells:show; border-collapse:collapse;}
.clear{width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; clear:both;}
img{border:none;}
html,body{ width:100%; position:relative;}

a { text-decoration: none; outline: 0; blr:expression(this.onFocus = this.onblur()); -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
a{outline:none; blr:expression(this.onFocus = this.onblur()); text-decoration:none; color:#333;}
a:hover{text-decoration:none;}

.top{ width:100%;}
.top_t{ width:100%; height:45px; background:#333;}
.zj{ width:1200px; margin:0px auto; clear:both;}
.top_tl{ float:left; height:45px; line-height:45px; line-height:45px; color:#fff;}
.top_tr{ float:right; height:45px; line-height:45px; color:#fff;}
.top_tr a{ color:#fff; padding-left:28px;}
.tubiao1{ background:url(../images/tubiao1.jpg) no-repeat left center;}
.tubiao2{ background:url(../images/tubiao2.jpg) no-repeat left center;}
.top_tel{ float:left; line-height:45px; color:#fff;}
.top_email{ float:left; line-height:45px; color:#fff; margin-left:15px;}
.top_k{ width:100%; height:100px;}
.logo{ float:left; margin-top:20px;}
.menu{ width:800px; float:right;}
.menu li{ width:133px; float:left; height:100px; line-height:100px; text-align:center; font-size:16px;}
.menu li a{ display:block; color:#333;}
.menu li a:hover{ color:#fff; background:#314494;}

.banner{ width:100%; height:720px;}
.banner_n{ width:100%; height:350px;}

.product{ width:100%; padding:70px 0;}
.product_t{ width:100%;}
.product_ts{ width:100%; text-align:center; color:#7A7A7A; font-size:18px;}
.product_tz{ width:100%; text-align:center; font-weight:bold; color:#333; font-size:50px; margin-top:20px;}
.product_tb{ width:90px; height:4px; background:#1c4999; margin:15px auto; clear:both;}

.product_k{ width:100%; margin-top:20px; margin-bottom:30px;}
.pro{ width:374px; float:left; height:363px; margin:13px; border-style: solid; border-width: 0px 0px 0px 0px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);}}
.pro:hover{ box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.18);}
.pro_t{ width:100%; height:240px;}
.pro_t img{ width:100%; height:240px;}
.pro_k{ width:334; height:83px; background:#fff; padding:20px;}
.pro_kt{ width:100%; font-size:18px; font-weight:bold;}
.pro_kt a{color:#333;}
.pro_kn{ width:100%; margin-top:19px; color:#777; line-height:1.5;}
.product_more{ width:200px; margin:30px auto 0; clear:both; height:55px; text-align:center; line-height:55px; font-size:20px; background:#333;}
.product_more a{ color:#fff; display: block;}
.product_more a:hover{ color:#fff; background:#1c4999;}

.about{ width:100%; padding:60px 0 100px; box-sizing:border-box; background:#f1f1f1;}
.about_k{ width:100%; margin-top:20px; position: relative;}
.about_l{ width:770px; float:left;}
.about_lp{ width:800px; line-height:0;}
.about_lp img{ width:100%;}
.about_lz{ width:100%; font-size:28px; color:#333; margin-top:10px;}
.about_ln{ width:770px; line-height:1.8; font-size:16px; margin-top:10px; color:#666;}
.about_r{ width:410px; height:660px; background:#314494; right:0; margin-top:-100px; position: absolute; padding:35px; box-sizing:border-box;}
.about_rt{ width:100%; margin-top:30px; color:#fff; font-size:16px;text-transform:uppercase;}
.about_rg{ width:70px; height:5px; margin-top:9px; background:#fff;}
.about_rz{ width:100%; margin-top:5px; font-size:37px; font-weight:bold; color:#fff;}
.about_rn{ width:100%; margin-top:5px; line-height:1.8; font-size:24px; color:#fff;}
.about_rp{ width:100%; margin-top:15px; line-height:0;}
.about_rb{ width:100%; margin-top:20px; line-height:1.9; color:#fff;}
.about_gd{ width:150px; height:40px; line-height:40px; background:#314494; text-align:center; margin-top:10px; clear:both;}
.about_gd a{ display:block; color:#fff;}
.about_gd a:hover{ color:#fff; background:#c11116;}

.news{ width:100%; padding:80px 0;}
.news_t{ width:100%;}
.news_l{ width:660px; float:left;}
.news_s{ width:100%; margin-top:50px;}
.news_sl{ width:250px; height:148px; float:left;}
.news_sl img{ width:100%;}
.news_sr{ width:400px; float:right;}
.news_srt{ width:100%; font-size:24px;line-height:55px; border-bottom:1px #ccc dashed;}
.news_srt a{ color:#333;}
.news_srt a:hover{ color:#314494;}
.news_srn{ width:100%; margin-top:10px; line-height:1.8; color:#777;}
.news_lk{ width:100%; margin-top:10px;}
.news_lk li{ width:100%; padding-right:15px; float:left; font-size:16px; height:40px; line-height:40px; box-sizing:border-box; color:#666; text-align:right;}
.news_lk li a{ color:#333; float:left;}
.news_lk li a:hover{ color:#314494;}
.news_r{ width:510px; float:right;}
.news_rk{ width:100%; margin-top:20px;}
.jishu{ width:100%; border-bottom:1px #ccc dashed; padding-bottom:10px; margin-bottom:25px;}
.jishu_l{ width:68px; height:75px; float:left; background:#314494; color:#fff;}
.jishu_lt{ width:100%; text-align:center; margin-top:5px; font-size:28px;}
.jishu_ln{ width:100%; text-align:center; margin-top:5px;}
.jishu_r{ width:420px; float:right;}
.jishu_rt{ width:100%; font-size:16px; color:#333;}
.jishu_rt a{ color:#333;}
.jishu_rt a:hover{ color:#314494;}
.jishu_rn{ width:100%; margin-top:5px; color:#666; line-height:1.8;}

.xinwen_tz{ width:100%; font-size:34px; font-weight:bold;}
.xinwen_ty{ width:100%; margin-top:5px; font-size:24px; color:#888;}
.xinwen_th{ width:130px; height:4px; background:#314494; margin-top:5px;}

.foot{ width:100%;}
.foot_t{ width:100%; border-top:6px #bfbfbf solid; padding:45px 0; background:#f1f1f1;}
.foot_tl{ float:left; margin-top:20px;}
.foot_tl img{ width:193px;}
.foot_tz{ float:left; }
.foot_sk{ width:120px; float:left; margin-right:25px;}
.foot_skt{ width:100%; font-size:17px; color:#2b2b2b; margin-bottom:10px; font-weight: 400;}
.foot_skn{ width:100%; margin-top:5px;}
.foot_skn li{ width:100%; line-height:30px; color:#333;}
.foot_skn li a{ color:#7d7d7d;}
.foot_skn li a:hover{ color:#ff0000;}

.foot_r{ float:right;}
.foot_rt{ width:100%; font-size:17px; color:#2b2b2b;}
.foot_rn{ margin-top:10px; line-height:1.9; color:#7d7d7d;}
.foot_n{ width:100%; background:#e6e6e6; height:50px; line-height:50px;}
.foot_nz{ width:100%; height:50px; line-height:50px; color:#a0a0a0;}
.foot_nz a{ color:#a0a0a0;}

.box_nei{ width:100%; padding:80px 0;}
.zuoce{ width:250px; float:left;}
.column{ width:100%;}
.column_t{ width:100%; background:#314494; padding:15px 0;}
.column_tz{ width:100%; text-align:center; font-size:24px; font-weight:bold; color:#fff;}
.column_ty{ width:100%; text-align:center; margin-top:5px; font-size:18px; color:#fff;}
.column_k{ width:100%; background:#f1f1f1; padding:15px; box-sizing:border-box;}
.column_k li{ width:100%: height:45px; line-height:45px; text-align:center; background:#ccc; margin-bottom:5px;}
.column_k li a{ color:#333; display:block;}
.column_k li a:hover{ color:#fff; background:#314494;}
.lxwm_n{ width:100%; padding:15px; box-sizing:border-box; background:#f1f1f1; line-height:1.9; color:#333;}

.youce{ width:920px; float:right;}
.youce_t{ width:100%; height:55px; line-height:55px; border-bottom:1px #ccc solid;}
.youce_tl{ float:left; font-size:28px; font-weight:bold; color:#333;}
.youce_tr{ float:right; line-height:55px; color:#666;}
.youce_tr a{ color:#666;}
.youce_tr a:hover{ color:#314494;}
.youce_n{ width:100%; font-size:18px; line-height:1.8; color:#333; margin-top:10px;}
.newser{ width:100%; margin-top:10px;}
.newser li{ width:100%; height:45px; line-height:45px; text-align:right; color:666; border-bottom:1px #ccc dashed;}
.newser li a{ color:#333; float:left;}
.newser li a:hover{ color:#314494;}
.fenye{ width:100%; margin-top:30px; text-align:center;}
.fenye a{ padding:5px 8px; margin:0px 3px; border:1px #ccc solid;}
.fenye a:hover{ color:#fff; background:#314494; border:1px #314494 solid;}

.biaoti{ width:100%; margin-top:10px; font-size:24px; font-weight:bold; text-align:center;}
.fabiao{ width:100%; margin-top:5px; text-align:center; color:#666; padding-bottom:5px; border-bottom:1px #ccc dashed;}
.abouter_nz{ width:100%; margin-top:10px; color:#333; line-height:1.8;}
.fenpian{ width:100%; margin-top:30px;}
.fenpian_l{ width:100%; height:30px; line-height:30px;}
.fenpian_l a{color:#333;}
.fenpian_l a:hover{ color:#f0a732;}
.producter{ width:100%; margin-top:10px;}


.abouter_xiazai{ width:102px; margin:0px auto; clear:botu;}
.abouter_xz{ width:62px; margin:0px auto; clear:both;}
.abouter_xn{ width:100%; text-align:center; margin-top:5px;}

.pro1{ width:285px; float:left; height:306px; margin:10px; border-style: solid; border-width: 0px 0px 0px 0px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);}}
.pro1:hover{ box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.18);}
.pro1_t{ width:100%; height:183px;}
.pro1_t img{ width:100%; height:183px;}
.pro1_k{ width:334; height:83px; background:#fff; padding:20px;}