@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_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:#ec6c00; 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:#ec6c00; margin:0px; border-top:1px #ff963e solid; height:45px; line-height:45px; font-size:14px;}
.menu ul li ul li a { background:none; color:#fff;}
.menu ul li ul li a:hover { color:#fff; background:#ca620b;}
.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;}
#fenlei{ width:297px; float:left;}
#fenlei_t{ width:297px; float:left; height:79px;}
#fenlei_n{ width:297px; float:left; height:551px; background:#fff;}
#fenlei_n ul{}
#fenlei_n li{ width:297px; float:left; height:62px; line-height:62px; overflow:hidden; border-bottom:1px #d9d9d9 solid; text-indent:60px; background:url(../images/fl.jpg) no-repeat 35px center; font-size:18px;}
#fenlei_n li a{ color:#333; display:block; height:62px; line-height:62px; overflow:hidden;}
#fenlei_n li a:hover{ color:#fff; background:url(../images/flb.jpg) no-repeat 35px center #0392d8;}
#shipin{ width:297px; float:left; height:275px; margin-top:10px;}

#product{ width:880px; float:right; height:630px; background:#fff;}
#product_t{ width:880px; float:left; height:67px; line-height:67px; background:url(../images/duan.jpg) no-repeat bottom; text-align:center; font-size:20px; color:#0391db;}
#product_k{ width:880px; float:left;}

#pro{ width:266px; float:left; height:255px; margin-top:20px; margin-left:20px;}
#pro1{ width:266px; float:left; height:255px; margin-top:20px; margin-left:20px;}
#pro_t{ width:266px; float:left; height:215px; border:1px #dadada solid; overflow:hidden;}
#pro_t img{cursor: pointer; transition: all 0.6s; width:100%;}
#pro_t img:hover{transform: scale(1.2);}
#pro_z{ width:268px; float:left; height:40px; line-height:40px; text-align:center; font-size:16px; background:#ccc;}
#pro_z a{ color:#333;}
#pro_z a:hover{ color:#f00;}
#ysbj{ background: url(../images/ysbj.jpg) no-repeat center top; width: 100%; height: 700px; padding:50px 0;}
.ysfontbj{ background: url(../images/ysfont_bj.png) no-repeat left top; width: 565px; height: 254px; float: left; margin: 11px 17px 0;}
.ysfontbj .left{ width: 60px; padding: 40px 56px 0; float:left;}
.ysfontbj .left .pic{ width: 60px; height: 68px; display: block; overflow: hidden;}
.ysfontbj .left .pic img{ width: 60px; height: 68px; display: block;}
.ysfontbj:hover .left .pic .box_img{position: relative; transition: 0.3s all 0s linear; display: block; margin-top: -68px;}
.ysfontbj .left .ysbt{ color: #fff; font-size: 16px; font-weight: bold; line-height: 33px; margin-top: 10px;}
.ysfontbj .right{ width: 320px; padding: 40px 35px 0; float:right;}
.ysfontbj .right .bt{ border-bottom: 3px solid #e5e5e5; color: #252525; font-size: 16px; line-height: 23px; padding-bottom: 10px;}
.ysfontbj .right .font{ color: #333; font-size: 13px; margin-top: 10px; font-weight:normal; line-height: 21px;}

#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}

.container00{ padding:60px 0;}
.container01 ul{}
.container01 ul li{ display:inline-block; width:292px; *display:inline; *zoom:1; text-align:center;}
.container01 ul li h4{height: 56px;}
.container01 ul li h4 span{font-size: 13px;color: #797979;margin: 0 2px;display:  inline-block;margin-top: 18px;margin-left: 5px;}
.container01 ul li h4 span.counter{font-size: 38px;color: #093e96;margin-left:12px;margin-top: 0;}
.container01 ul li h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.container01 ul li h6{font-size: 13px;color: #797979;}
.more00.more{ text-align:center; margin-top:50px;}
.more00.more a{display:inline-block;border: #cdcdcd 1px solid;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;width: 150px;height: 40px;line-height: 38px;font-size: 14px;color: #848484;text-transform:uppercase;position:relative;overflow:hidden;margin: 0 auto;}
.more00.more a span{ position:relative; z-index:10;}
.more00.more a:hover{color:#fff;border:#093e96 1px solid;background: #093e96;}

.container05{position:relative;overflow:hidden;height: 820px;}
.container05 .left{position:absolute;top:0;bottom:0;left:0;right:50%;background: url(../images/container05_bg.jpg) left top no-repeat;background-attachment:fixed;}
.container05 .left .box{width:600px;text-align: left;}
.container05 .left .box h2{ margin-bottom:38px;}
.container05 .left .box .title{ margin-bottom:55px; width:382px}
.container05 .left .box .title .fl h3{font-size: 26px;color: #fff;margin-bottom: 6px; position:relative}
.container05 .left .box .title .fl h5{font-size:14px;color:rgba(255,255,255,0.6);text-transform: uppercase;}
.container05 .left .box .title .fr{padding: 30px 0 0;}
.container05 .left .box .title .fr a{font-size:14px;color:rgba(255,255,255,0.7); position:relative}
.container05 .left .box .title .fr a span{ position:relative; transition:0.36s}
.container05 .left .box .title .fr a:before{content:"";position:absolute;right: -12px;top: -16px;background:url(../images/container05_yuan.png) center no-repeat;width:35px;height:35px;z-index: 0;}
.container05 .left .box ul li{ padding:26px 0}
.container05 .left .box ul li a .time{display:inline-block;width:75px;border-right: #335c71 1px solid;vertical-align: top; position:relative}
.container05 .left .box ul li a .time:after{content:"";position: absolute;width:3px;height:0;background:#004ea2;right: -2px;top: 0;transition: 0.9s;}
.container05 .left .box ul li a .time h3{font-size:48px;color:#fff;font-weight:bold;margin-bottom: 10px;transition:0.9s ease;}
.container05 .left .box ul li a .time h6{font-size:14px;color:#fff;display: inline-block;transition:0.9s ease;}
.container05 .left .box ul li a .con{width:400px;display:inline-block;padding-left: 30px;}
.container05 .left .box ul li a .con h5{font-size:16px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;margin-bottom:18px; transition:0.9s ease}
.container05 .left .box ul li a .con p{ font-size:12px; line-height:20px; color:#b8bec4; height:40px; overflow:hidden; transition:0.9s ease}


.container05 .right{ width:50%}
.container05 .right ul li a{display: table;font-size:0;overflow:hidden;width: 100%;}
.container05 .right ul li a .img{width:50%;display: table-cell; overflow:hidden}
.container05 .right ul li a .img img{ width:100%}
.container05 .right ul li a .con{width:50%;display: table-cell;background: #edf4f7;position:relative;z-index: 100;}
.container05 .right ul li a .con:before{ content:""; position:absolute; top:0; width:0; right:0; height:100%; background:#283f4f; transition:0.9s ease}
.container05 .right ul li a .con:after{content:"";position:absolute;right: -20px;border-left:#edf4f7 20px solid;border-top:transparent 17px solid;border-bottom:transparent 17px solid;top: 50%;margin-top: -17px;transition:0.6s;}
.container05 .right ul li:last-child a .con:after{content:"";position:absolute;right: 100%;border-right: #edf4f7 20px solid;border-top:transparent 17px solid;border-bottom:transparent 17px solid;top: 50%;margin-top: -17px;transition:0.6s;border-left: none;}

.container05 .right ul li a .con .table{position:absolute;top:0;bottom:0;left:0;right:0;height: 410px;}
.container05 .right ul li a .con .time{display:inline-block;margin-bottom: 4.5rem;}
.container05 .right ul li a .con .time h3{font-size:60px;color:#004ea2;font-weight:bold;margin-bottom: 4px; transition:0.9s ease}
.container05 .right ul li a .con .time h6{font-size:14px;color:#00334e;padding-bottom: 10px;border-bottom:#00334e 1px solid;display: inline-block; transition:0.9s ease}
.container05 .right ul li a .con_li{ padding:0 5rem}
.container05 .right ul li a .con_li h5{font-size:16px;color:#242424;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;margin-bottom:18px; transition:0.9s ease}
.container05 .right ul li a .con_li p{ font-size:12px; line-height:20px; color:#8b8f91; height:40px; overflow:hidden; margin-bottom:3.375rem; transition:0.9s ease}
.container05 .right ul li a .con_li h3 img{ transition:0.9s ease; overflow:hidden; width:auto}
.container05 .right ul li a .con_li h3 .img02{ transform:scaleX(0); width:0}

.container05 .right ul li a:hover .img>img{ transform:scale(1.06); transition:0.9s ease}
.container05 .right ul li a:hover .con:before{ left:0; width:100% }
.container05 .right ul li a:hover .con .time h3{color:#fff;}
.container05 .right ul li a:hover .con .time h6{color:#fff; border-bottom:#fff 1px solid;}
.container05 .right ul li a:hover .con_li h5{ color:#fff;}
.container05 .right ul li a:hover .con_li p{color:#fff;}
.container05 .right ul li a:hover .con_li h3 .img02{ transform:scaleX(1); width:auto}
.container05 .right ul li a:hover .con_li h3 .img01{ transform:scaleX(0); width:0}
.container05 .right ul li a:hover .con:after{border-left:#283f4f 20px solid;}
.container05 .right ul li:last-child a:hover .con:after{border-right:#283f4f 20px solid; border-left:none;}
.container05 .left .box ul li a:hover .time:after{ height:100%}
.container05 .left .box .title .fr a:hover span{ color:#004ea2}
.container05 .left .box ul li a:hover .con h5{ color:#004ea2}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
.fl{float:left;}
.fr{float:right;}


.dilogo{ float:left; margin-top:60px; margin-right:100px;}
.foot{ width:100%; background:#222222;}
.foot_t{ width:100%; border-bottom:1px #333333 solid; padding:45px 0;}
.kslj{ width:120px; float:left; margin-right:72px; border-right:1px #333 solid;}
.kslj_t{ width:100%; color:#c8c8c8; font-weight:bold;}
.kslj_n{ width:100%; margin-top:10px;}
.kslj_n li{ width:100%; line-height:1.7;}
.kslj_n li a{ color:#777777;}
.kslj_n li a:hover{ color:#fff;}

.fwrx{ width:280px; float:left; padding-right:40px; border-right:1px #333 solid;}
.fwrx_t{ width:100%; text-align:center; color:#c8c8c8;}
.fwrx_n{ width:100%; margin-top:18px; color:#f0a732; font-weight:bold; font-size:28px;}
.fwrx_z{ width:100%; margin-top:18px;}
.fwrx_zl{ width:86px; height:26px; border:1px #fff solid; border-radius:3px; float:left; margin:0px 8px; text-align:center; line-height:26px;}
.fwrx_zl a{ color:#c8c8c8; display:block;}
.fwrx_zl a:hover{ background:#f0a732; color:#fff;}
.fwrx_s{ width:100%; margin-top:25px;}
.fwrx_st{ width:100%; font-size:16px; font-weight:bold; color:#c8c8c8;}
.fwrx_sn{ width:100%; margin-top:10px;}
.fwrx_sn li{ float:left; width:35px; background:#ccc; background-size:60%; margin-left:10px; border-radius:50%; height:35px;}
.fwrx_sn li img{line-height:0;}


.ewm{ width:106px; float:right;}
.ewm_t{ width:100%;}
.ewm_t img{ width:100%;}
.ewm_z{ width:100%; margin-top:5px; text-align:center; color:#c8c8c8;}

.foot_b{ width:100%; padding:15px 0;}
.foot_lian{ width:100%; text-align:center;}
.foot_lian a{ margin:0px 25px; color:#c8c8c8;}
.foot_lian a:hover{}
.foot_z{ width:100%; text-align:center; color:#6a6a6a; margin-top:15px;}
.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:#f0a732; 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:#f0a732;}

.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:#f0a732;}
.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;}

.youce{ width:70px; position:fixed; top:35%;right:0; z-index:99999999;}
.daoxiang{ width:70px; height:70px; background:#1c4999; margin-top:1px; position:relative;}
.daoxiang a{ display:block; color:#fff;cursor:pointer; width:70px; height:70px; float:left; z-index:99999999;}
.daoxiang1{ width:70px; height:70px; background:#29a71a; margin-top:1px; position:relative;}
.daoxiang1 a{ display:block; color:#fff;cursor:pointer; width:70px; height:70px; float:left; z-index:99999999;}
.daoxiang_t{ width:29px; height:28px; margin:10px auto 0; clear:both;}
.daoxiang_z{ width:100%; text-align:center; margin-top:5px; height:27px;}
.gfwx{ display:none;}
.daoxiang:hover .gfwx{ display:block; position:absolute; right:70px; top:-0px;}
.lxtc{ display:none; height:70px; line-height:70px; padding:0px 20px; background:#ccc; color:#1c4999; font-size:20px;}
.daoxiang:hover .lxtc{ width:180px; display:block; position:absolute; right:70px; top:-0px;}