@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:12px; 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; padding:0;}
.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; font-size:14px;}

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;}
table{ border-color:#ccc;}
.fl{ float:left;}
.fr{ float:right;}

.zj{ width:1200px; margin:0px auto;}

.top{ width:100%;}
.top_t{ width:100%; height:40px; background:#383838;}
.zj{ width:1200px; margin:0px auto; clear:both; overflow:hidden; padding:30px 0;}
.zj1{ width:1200px; margin:0px auto; clear:both;}
.top_tl{ float:left; height:40px; line-height:40px; color:#fff;}
.top_tr{ float:right; height:40px; line-height:40px; color:#fff;}
.top_tr a{ color:#fff; margin:0px 10px;}
.top_k{ width:100%; height:100px; background:#fff;}
.logo{ float:left; margin-top:18px;}
.menu{ float:right; height:50px; margin-top:27px; position:relative; z-index:99999;}
.menu ul{}
.menu li{ width:95px; float:left; margin:0px 5px; height:50px; line-height:50px; text-align:center; font-size:16px;}
.menu li a{ color:#333; display:block;}
.menu li a:hover{ background:#1c4999; color:#fff;}

.menu ul li ul li { float:none;}
.menu ul li ul li a { background:none;}
.menu ul li ul { width:200px; margin-left:-52px;}
.menu ul li ul li { float:none; width:200px; background:#ccc; margin:0px; height:45px; line-height:45px; font-size:14px;}
.menu ul li ul li a { background:none; color:#333;}
.menu ul li ul li a:hover { color:#fff; background:#1c4999;}
.menu ul li ul { display:none;}
.menu ul li:hover ul { display:block;}
.menu ul li.sfhover ul { display:block;}

.banner{ width:100%;}

#box{ width:100%; padding-top:40px; background:#f3f3f3;}

.product{ width:100%; padding:60px 0; background:#fff;}
.product_t{ width:100%;}
.product_tz{ width:100%; text-align:center;font-size:36px; font-weight:bold; color:#333;}
.product_ty{ width:98px; margin:8px auto 8px; background:#1c4999; height:3px;}
.product_te{ width:100%; color:#999; font-size:22px; text-align:center;}
.pro{ width:280px; margin:10px; float:left; background:#f1f1f1; padding:10px; box-sizing:border-box;}
.pro_t{ width:100%;}
.pro_t img{ width:100%; height:200px;}
.pro_z{ width:100%; text-align:center; margin-top:10px;}
.pro_x{ width:100%; height:35px; line-height:35px; margin-top:15px; background:#ccc;}
.pro_x a{ color:#333; display:block; text-align:center;}
.pro_x a:hover{ color:#fff; background:#1c4999;}
.product_gd{ width:150px; height:45px; line-height:45px; background:#2357b1; margin:40px auto 0; clear:both; text-align:center; font-size:16px;}
.product_gd a{ color:#fff; display:block;}
.product_gd a:hover{ color:#fff; background:#1c4999;}

.about{ width:100%; padding:60px 0; background: url(../images/bj.jpg) no-repeat center; background-attachment: fixed;}
.about_z{ width:100%; font-size:16px; color:#666; margin-top:30px; line-height:1.8; border-bottom:1px #1c4999 solid; padding-bottom:50px;}
.about_s{ width:100%; margin-top:30px; border-bottom:1px #1c4999 solid; padding-bottom:30px;}
.heli{ width:300px; float:left; text-align:center;}
.heli_t{ width:100%; color:#333333;}
.heli_t span{ color:#1c4999; font-size:50px; font-weight:bold;}
.heli1{ width:146px; float:right;}
.heli_z{ width:100%; color:#666;}

#shijing{ width:100%; padding:70px 0;}
#shijing_n{ width:100%; margin-top:55px;}
#sj{ width:378px; border:1px #ccc solid; float:left; position:relative; margin:10px 10px;}
#sj1{ width:278px; border:1px #ccc solid; float:left; position:relative; margin:10px 10px;}
#sj_t{ width:100%; float:left; overflow:hidden; line-height:0; padding:0;}
#sj_t img {cursor: pointer;transition: all 1.2s; width:100%; line-height:1;}
#sj_t img:hover {transform: scale(1.2);}
#sj_n{ width:100%; float:left; height:35px; line-height:35px; text-align:center; position:absolute; bottom:0; background-color:rgba(0,0,0,0.6);}
#sj_n a{ color:#fff;}
#sj_n a:hover{}
.title{ text-align:center; margin-bottom:60px;}
.title h2{ font-size:34px; color:#4f4f4f; text-transform:capitalize;}
.title h5{ font-size:16px; color:#474747; margin:5px 0 24px}
.title h6{ font-size:15px; color:#787878; margin-bottom:44px; font-weight:bold;}
.title p{ font-size:14px; color:#787878; line-height:30px; width:995px; margin:0 auto}

.news{ width:100%; background:#f1f1f1; padding:60px 0;}
.news_k{ width:100%;}
.news_s{ width:100%; margin-top:50px; background:#fff;}
.news_sl{ width:480px; height:310px; float:left;}
.news_sl img{ width:480px; height:310px;}
.news_sr{ width:720px; height:310px; float:right; box-sizing:border-box; padding:50px;}
.news_srt{ width:100%; font-size:18px; font-weight:bold;}
.news_srt a{ color:#333;}
.news_srt a:hover{ color:#1c4999; transition: all 0.5s ease;}
.news_srn{ width:100%; margin-top:10px; line-height:1.9; color:#777; height:150px;}
.news_gd{ width:150px; height:45px; line-height:45px; background:#333; text-align:center;}
.news_gd a{ color:#fff; display:block;}
.news_gd a:hover{ color:#fff; background:#1c4999; transition: all 0.5s ease;}
.xw{ width:380px; margin:10px; position:relative;float:left; height:250px; box-sizing:border-box; padding:30px; background:#fff;}
.news_n{ width:100%; margin-top:40px;}
.xw:hover .xw_t{ background:#d60000; transition: all 0.5s ease;}
.xw_t{ width:92px; height:92px; position:absolute; top:-26px; left:30px; background:#646464;}
.xw_tz{ width:100%; text-align:center; font-size:24px; color:#fff; margin-top:18px;}
.xw_tn{ width:100%; text-align:center; color:#fff; margin-top:5px;}
.xw_k{ width:100%; margin-top:65px;}
.xw_kt{ width:100%; font-size:16px;}
.xw_kn{ width:100%; margin-top:10px; line-height:2; color:#999;}



.foot{ width:100%; background:#333;}
.foot_t{ width:100%; padding:60px 0;}
.lxwm{ width:400px; float:left;}
.lxwm_t{ width:100%; color:#fff; font-size:32px;}
.lxwm_n{ width:100%; margin-top:20px; line-height:2; font-size:16px; color:#777777;}
.kslj{ width:400px; margin-left:100px; float:left;}
.kslj_n{ width:100%; margin-top:20px;}
.kslj_n li{ width:200px; float:left; height:35px; line-height:35px;}
.kslj_n li a{ color:#777777;}
.kslj_n li a:hover{ color:#fff;}

.foot_r{ width:220px; float:right;}
.foot_tb{ width:100%;}
.foot_tb li{ width:45px; height:45px; float:left; margin:0px 13px; background:#ccc; border-radius:50%;}
.foot_tb li img{ width:45px;}
.foot_ewm{ width:100%; margin-top:20px;}
.foot_ewm_t{ width:100%;}
.foot_ewm_t img{ width:100%;}
.foot_ewm_z{ width:100%; text-align:center; margin-top:10px; color:#777;}

.foot_n{ width:100%; background:#292929;}
.foot_z{ width:100%; text-align:center; color:#6a6a6a;}
.box1{ width:100%;}
.box{ width:100%; padding:60px 0;}
.column{ width:250px; float:left;}
.column_t{ width:100%; text-align:center; font-weight:bold; background:#1c4999; padding:20px 0; color:#fff;}
.column_tz{ font-size:24px; width:100%;}
.column_ty{ font-size:16px; font-weight:normal;}
.column_n{ width:100%; box-sizing:border-box; padding:10px; background:#f1f1f1;}
.column_n li{ width:100%; height:45px; line-height:45px; margin-bottom:5px; text-indent:20px; background:#ccc;}
.column_n li a{ color:#333; display:block;}
.column_n li a:hover{ color:#fff; background:#1c4999;}

.abouter{ width:920px; float:right;}
.abouter_t{ width:100%; border-bottom:1px #ccc solid; height:40px;}
.abouter_tz{ float:left; line-height:40px; color:#333;font-size:24px; font-weight:bold;}
.weizhi{ float:right; line-height:40px; color:#666;}
.weizhi a{ color:#666;}
.weizhi a:hover{ color:#1c4999;}
.abouter_n{ width:100%; margin-top:10px; line-height:1.9; font-size:16px!important;}
.abouter_n table{ min-width:100%;}
.biaoti{ width:100%; margin-top:10px; font-size:18px; 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;}

.fenpian{ width:100%; margin-top:30px;}
.fenpian_l{}
.fenpian_l a{color:#333;}
.fenpian_l a:hover{ color:#f0a732;}

.fenye{ width:100%; text-align:center; height:35px; margin-top:25px; line-height:35px;}
.fenye a{ padding:5px 10px; margin:0px 5px; border:1px #ccc solid;}
.fenye a:hover{ color:#fff; background:#f0a732;}

.newser{ width:100%; margin-top:10px;}
.newser li{ width:100%; height:40px; line-height:40px; border-bottom:1px #ccc dashed; color:#333;}
.newser li a{ color:#333;}
.newser li a:hover{ color:#f0a732;}
.newser li span{ float:right; color:#666;}

.contacter{ width:100%; margin-top:10px;}
.contacter_l{ width:440px; float:left; background:#f1f1f1; padding:40px; box-sizing:border-box;}
.contacter_lt{ width:100%; font-size:26px; font-weight:bold;}
.liuyan{ width:100%; margin-top:40px;}
.liuyan_s{ width:100%; height:35px; margin-bottom:15px;}
.liuyan_sz{ width:100%; height:126px; margin-bottom:15px;}
.liuyan_sy{ width:100%; height:46px; margin-bottom:15px;}
.liuyan_sl{ width:50px; float:left; line-height:35px;}
.liuyan_sl1{ width:68px; float:left; line-height:45px;}
.liuyan_sr{ width:310px; float:right;}
.liuyan_sr1{ width:158px; float:left;}
.liuyan_sr2{ width:121px; float:right;}
.yanzheng{ width:167px; height:42px;}
.liuyan_d{ width:308px; height:35px;}
.liuyan_b{ width:308px; height:120px;}
.tijiao{ width:100%; height:40px; border:none; background:#2a58ab; color:#fff; text-align:center; font-size:16px;}
.tijiao:hover{ background:#1c4691; color:#fff;}
.contacter_r{ width:440px; float:right;}
.contacter_rt{ width:100%; font-size:26px; font-weight:bold; margin-top:120px;}
.contacter_rn{ width:100%; margin-top:20px; line-height:1.8;}

.youxia{ width:270px; padding:20px; box-sizing:border-box; border:1px #ccc solid; position: fixed; right:0; bottom:0; background:#fff; z-index:99999;}
.youxia_t{ width:100%; text-align:center; font-size:26px; color:#333; font-weight:bold;}
.youxia_n{ width:100%; margin-top:10px;}
.zxly{ width:100%; height:25px; margin-bottom:10px; border:1px #ccc solid; padding:5px;}
.zxly1{ width:100%; margin-bottom:10px; border:1px #ccc solid; padding:5px;}
.zxly_l{ width:45px; float:left; line-height:25px;}
.zxly_r{ width:180px; float:right;}
.zxly_l1{ width:65px; float:left; line-height:25px;}
.zxly_r1{ width:160px; float:right;}
.zxly_n{ width:100%; height:25px; line-height:33px; border:none;}
.zxly_nz{ width:100%; height:70px; line-height:1.8; border:none;}
.zxly_s{ width:75px; float:left;}
.tijiao1{ width:100%; height:40px; margin-top:10px; border:none; background:#2a58ab; color:#fff; text-align:center; font-size:16px;}
.tijiao1:hover{ background:#1c4691; color:#fff;}
.cha{ position: absolute; width:25px; height:25px; background:#fff; border:1px #ccc solid; font-size:16px; line-height:25px; text-align: center; display:block; right:-1px; top:-27px; cursor: pointer;}
.cha:checked{display: none;}