@charset "utf-8";
/* CSS Document */
.bg{background:#F5F6F5;}
.banner {width:100%;float:left;position:relative;margin-top:70px;}
.banner .pro_nav{width:1200px;background:#fff;position:absolute;left:50%;bottom:-50px;margin-left:-600px;box-shadow:0 5px 20px rgba(0,0,0,0.3);z-index:3;border-radius:3px;}
.banner .pro_nav ul{width:calc(100% - 40px);float:left;padding:20px;padding-bottom:0;}
.banner .pro_nav li{width:calc(16.6% - 40px);float:left;padding:0 20px;text-align:center;position:relative;padding-bottom:20px;}
.banner .pro_nav li:before{width:1px;height:74px;background:#EBEBEB;left:0;}
.banner .pro_nav li:nth-child(1){border-left:0;padding-left:10px;}
.banner .pro_nav li:nth-child(1):before{display:none;}
.banner .pro_nav li h2{font-size:14px;}
.banner .pro_nav li .pro_menu{width:calc(100% - 32px);background:#fff;padding:15px;border:solid 1px #EBEBEB;position:absolute;left:0px;top:90px;visibility:hidden;z-index:3;}
.banner .pro_nav li .pro_menu:before{width:22px;height:10px;background:url("../jt_up.fw.png");left:50%;margin-left:-5px;top:-10px;}
.banner .pro_nav li .pro_menu a{width:100%;float:left;line-height:36px;height:36px;overflow:hidden;border-bottom:solid 1px #EBEBEB;}
.banner .pro_nav li .pro_menu a:last-child{border-bottom:0;}
.banner .pro_nav li:hover .pro_menu{visibility:visible;}

.x_tit{margin:0 auto;display:table;text-align:center;position:relative;}
.x_tit h2:before{width:129px;height:16px;background:rgba(40,141,233,.3);left:0px;top:20px;}
.x_tit h2{font-size:32px;line-height:32px;position:relative;z-index:2;margin:0 auto;display:table;}
.x_tit em{font-size:20px;margin-top:15px;display:block;color:#999;text-transform:uppercase;}


.p5{padding-top:100px;}

.a_pic{width:30%;float:left;position:relative;}
.a_pic:before{width:260px;height:260px;background:rgba(40,141,233,.2);left:-30px;top:10px;}
.a_pic img{position:relative;z-index:2;}
.a_tex{width:50%;float:left;margin-left:3%;position:relative;}
.a_tex:before{width:60px;height:1px;background:#288DE9;left:-66px;top:48px;z-index:2;}
.a_tex h2{font-size:26px;line-height:32px;margin-top:30px;letter-spacing:1px;}
.a_tex em{color:#999;font-size:16px;}
.a_tex p{margin-top:10px;font-size:14px;line-height:26px;}

.a_mor{width:calc(10% - 1px);position:absolute;height:290px;right:0;top:0;border-left:solid 1px #EBEBEB;text-align:center;padding-left:3%;}
.a_mor a{display:block;margin:29px 0;}
.a_mor i{width:40px;height:40px;background:#fff url("../jj.png") no-repeat center 5px;display:table;margin:0 auto;border-radius:30px;position:relative;}
.a_mor i:before{width:50px;height:50px;border:solid 1px rgba(40,141,233,.4);border-radius:30px;left:-5px;top:-5px;}
.a_mor i:after{width:7px;height:7px;background:rgba(40,141,233,.4);border:solid 2px #fff;border-radius:30px;left:auto;right:-10px; top:5px;}
.a_mor h2{font-size:14px;line-height:40px;}
.a_mor a:nth-child(1){margin-top:0;}
.a_mor .i1{background-position:center -55px;}
.a_mor .i2{background-position:center -115px;}

.x_pro{width:100%;float:left;}
.x_pro ul{margin-left:-20px;}
.x_pro li{width:calc(25% - 20px);float:left; margin-left:20px;margin-top:20px;}
.x_pro li i{width:100%;float:left;overflow:hidden;}
.x_pro li h2{width:100%;float:left;position:relative;line-height:50px;text-align:center;}
.x_pro li h2:before{width:60px;height:3px;background:#999;left:50%;top:auto;bottom:0;margin-left:-30px;}
.x_pro li:hover h2{background:#ffff;}
.x_pro li:hover h2:before{width:100%;background:#288DE9;left:0;right:0;margin-left:0px;transition:460ms;}

.x_new{width:100%;float:left;}
.x_new ul{margin-left:-20px;}
.x_new li{width:calc(50% - 20px);float:left;margin-left:20px;margin-top:20px;}
.x_new li i{width:220px;float:left;margin-right:20px;overflow:hidden;}
.x_new li h2{font-size:16px;line-height:40px;}
.x_new li p{font-size:14px;line-height:22px;height:66px;}
.x_new li time{color:#666;position:relative;font-size:12px;}
.x_new li time:before{width:28px;height:2px;background:#EBEBEB;top:-5px;}
.x_new li b{color:#288DE9;font-size:22px;}

/*二级页面样式开始*/
.list_box{width:100%;float:left;position:relative;}
.list_box:before{width:1px;height:100%;background:#EBEBEB;left:320px;}
.list_ban{width:100%;float:left;height:260px;background:url("../ban/list_ban.jpg");margin-top:70px;}
.list_map{width:100%;float:left;background:#F5F6F5;border-bottom:solid 1px #EBEBEB;}
.list_map dl{width:1200px;margin:0 auto;display:table;}
.list_map dt{float:left;font-size:18px;color:#288DE9;line-height:40px;}
.list_map dt a{width:40px;height:40px;float:left;background:#fff url(../home.png) no-repeat center;background-size:24px;border-left:solid 1px #EBEBEB;border-right:solid 1px #EBEBEB;margin-right:20px;}
.list_map dd{float:right;line-height:40px;color:#666;}
.list_map dd h2{display:inline-block;margin:0 6px;color:#288DE9;}
.list_map dd a{padding-right:35px;position:relative;}
.list_map dd a:before{width:5px;height:9px;background:url(../jt.png);left:auto;right:15px;top:6px;}
.list_map dd a:last-child{padding-right:0;}
.list_map dd a:last-child:before{display:none;}
.let{width:280px;float:left;}
.rit{width:840px;float:right;}
.list_subnav{width:100%;float:left;}
.list_subnav li{width:calc(100% - 30px);float:left;height:40px;padding:0 15px;position:relative;border-radius:30px;text-indent:5px;margin-bottom:20px;}
.list_subnav li h2{width:90%;float:left;line-height:40px;height:40px;overflow:hidden; font-size:16px;}
.list_subnav li.yes:after{width:14px;height:16px;background:url(../ico/jt.png) no-repeat 0 2px;background-size:100%;left:auto;right:20px;top:10px;}
.list_subnav li.yes{background:rgba(40,141,233,.15);}
.list_subnav li.yes h2{color:#288DE9;}
.list_subnav li:nth-child(1):before{display:none;}

.list_news{width:100%;float:left;position:relative;}
.list_news li{width:100%;float:left;border-bottom:solid 1px #EBEBEB;position:relative;padding:25px 0;}
.list_news li i{width:200px;float:right;overflow:hidden;margin-left:30px;}
.list_news li h2{font-size:18px;line-height:20px;margin-bottom:10px;}
.list_news li p{font-size:14px;line-height:20px;margin-bottom:24px;}
.list_news li time{font-size:12px;color:#666;padding-left:20px;background:url(../tm.png) no-repeat 0;}
.list_news li em{float:right;font-size:12px;height:12px;line-height:12px;position:relative;color:#288DE9;padding-right:14px;background:url(../jt.png) no-repeat right 3px;top:-2px;}
.list_news li em:before{width:0;height:1px;background:#288DE9;top:20px;transition:0.3s ease-out;}
.list_news li:hover em:before{width:80%;}
.list_news li:nth-child(1){padding-top:0;}

.list_good{width:100%;float:left;}
.list_good ul{margin-left:-20px;}
.list_good li{width:calc(33.3% - 22px);float:left;margin:0 0 20px 20px;background:#fff;padding-bottom:15px;position:relative;border:solid 1px #EBEBEB;}
.list_good li i{width:100%;float:left;overflow:hidden;position:relative;}
.list_good li h2{width:calc(100% - 45px);float:left;margin:10px 0 0 15px;font-size:14px;line-height:20px;height:20px;overflow:hidden;position:relative;padding-right:30px;}
.list_good li h2:before{width:16px;height:16px;background:url("../ico/jt.png") no-repeat;background-size:16px;left:auto;right:10px;top:3px;}
.list_good li em{width:48px;position:absolute;left:41.6%;top:32%;z-index:2;font-size:12px;color:#fff;visibility: hidden;}
.list_good li:hover{box-shadow:0 10px 20px 0 rgba(0,0,0,.20);transition:0.3s ease-out;}
.list_good li:before,.list_good li:after{width:0;height:1px;background:#fff;z-index:2;left:42%;top:30%;}
.list_good li:after{top:43%;}
.list_good li:hover:before,.list_good li:hover:after{width:48px;transition:0.3s ease-out;}
.list_good li i:before{width:100%;height:100%;background:rgba(0,0,0,.5);left:0;visibility:hidden;}
.list_good li:hover i:before,.list_good li:hover em{visibility:visible;}


.list_about{width:100%;float:left;}
.list_about p{font-size:16px;line-height:30px;margin-bottom:10px;}
.list_about h2{font-size:22px;line-height:32px;display:inline-block;position:relative;margin-bottom:10px;padding:0 15px 0 47px;background:#288DE9;background:linear-gradient(to right,#288DE9,#0294FB);color:#fff;}
.list_about h2:before{width:37px;height:100%;background:url(../kh.png);left:0;}

.show_title {width:100%;float:left;position:relative;}
.show_title h1{width:100%;float:left;font-size:26px;line-height:26px;padding-bottom:5px;margin-bottom:10px;position:relative;}
.show_title:before{width:100%;height:1px;background:#EBEBEB;left:0;top:auto;bottom:9px; z-index:1;}
.show_title p{float:left; height:20px;line-height:20px;background:#fff;position:relative;z-index:2;padding-right:15px;position:relative;}
.show_title p:after{width:7px;height:7px;background:#EBEBEB;left:0;top:7px;border-radius:30px;}
.show_title p:after{left:auto;right:0;}
.show_title b{width:38px;height:18px;display:inline-block;position:relative;font-size:12px;color:#9B9B9B;margin-left:20px;}
.show_title b:nth-child(1){margin-left:0;}
.show_title .i1{background-position:0 -156px;}
.show_title .i2{background-position:0 5px;margin-left:20px;}
.show_title time{font-size:16px;z-index:3;font-size:12px;color:#9B9B9B;padding-left:20px;background:url(../ico/ico.png) no-repeat 0 -34px;background-size:14px;margin-left:20px;}

.show_goods{width:1200px;margin:0 auto;display:table;margin-top:60px;}
.show_goods .pics{width:340px;float:right;position:relative;}
.show_goods .pics:before{width:100px;height:100px;background:rgba(40,141,233,.4);left:-20px;top:auto;bottom:-20px;}
.show_goods .pics img{position:relative;z-index:2;}
.show_goods .info{width:calc(100% - 460px);float:left;}
.show_goods .info h1{font-size:26px;line-height:26px;position:relative;}
.show_goods .info h2{font-size:14px;margin:20px 0 20px 0;color:#666;}
.show_goods .info ul{width:100%;float:left;margin-top:50px;}
.show_goods .info li{float:left;}
.show_goods .info li:nth-child(1) a{width:140px;display:block;line-height:40px;background:#EBEBEB url(../qq.png) no-repeat 15px 4px;color:#222;font-size:16px;text-indent:55px;border-radius:30px;}
.show_goods .info li:nth-child(2) i{width:40px;height:40px;display:inline-block;margin:0 10px;background:#288DE9 url(../tel.png) no-repeat center;border-radius:30px;}
.show_goods .info li:nth-child(2) em{position:absolute;color:#999;}
.show_goods .info li:nth-child(2) span{font-size:22px;line-height:22px;color:#0294FB;}
.show_tit{width:100%;float:left;position:relative;}
.show_tit:before{width:calc(100% - 140px);height:32px;left:140px;background:#F5F6F5;}
.show_tit h2{font-size:32px;line-height:32px;}
.show_tit em{font-size:40px;color:#F5F6F5;position:absolute;left:136px;top:-12px;z-index:2;}
.show_body{width:100%;float:left;margin:20px 0;}
.show_body h2{font-size:16px;font-weight:bold;line-height:18px;color:#222;margin:10px 0;text-indent:10px;position:relative;border-left:solid 3px #288DE9;}
.show_body h3{font-size:18px;line-height:32px;display:inline-block;position:relative;margin:10px 0;padding:0 15px 0 47px;background:#288DE9;background:linear-gradient(to right,#288DE9,#0294FB);color:#fff;}
.show_body h3:before{width:37px;height:100%;background:url(../kh.png);left:0;}.show_body p{line-height:22px;font-size:14px;margin-top:10px;text-indent:2em;color:#333;}
.show_body img {float:none;margin:10px auto;display:table;max-width:100%;width:auto;}

/*下一篇*/
.show_next {width: calc(100% - 40px);float:left;background:#F5F6F5;margin-top:25px;padding:20px;}
.show_next dt {float:left;}
.show_next dt b{color:#585858;}
.show_next dt a{float:left;height:18px;line-height:18px;overflow:hidden;}
.show_next dd {width:130px;float:right;}
.show_next dd a {padding:0 25px;float:right;height:36px;line-height:36px;background:#FFF;border:solid 1px #288DE9;color:#FFF;position:relative;overflow:hidden;}
.show_next dd a:before{width:0px;height:100%;background:#288DE9;position:absolute;left:0px;top:0px;z-index:1;transition:300ms;}
.show_next dd a:hover:before{width:100%;}
.show_next dd span{position:relative;z-index:2;color:#288DE9;}
.show_next dd:hover span{color:#fff;}

.anchorBL{display:none;}
.ditu{width:100%;float:left;height:342px;position:relative;margin-top:40px;}

.list_mess h2,.list_contact h2{width:100%;float:left;font-size:22px;}
.list_mess em,.list_contact em{color:#999;display:inline-block;margin-left:15px;}


.list_contact{width:40%;float:left;position:relative;}
.list_contact ul{width:100%;float:left;}
.list_contact li{width:100%;float:left;margin:13px 0;}
.list_contact li i{width:50px;height:50px;float:left;margin-right:20px;background:#288DE9;background:linear-gradient(to right,#288DE9,#46BAF3);border-radius:30px;position:relative;}
.list_contact li i:before{width:30px;height:30px;background:url("../ico/map.png");left:10px;top:10px;}
.list_contact li p{font-size:14px;margin-top:5px;}
.list_contact li:nth-child(2) i:before{background-position:0 -40px;}
.list_contact li:nth-child(3) i:before{background-position:0 -80px;}
.list_contact li:nth-child(4) i:before{background-position:0 -120px;}
.list_contact li:last-child{margin-bottom:0;}

.list_mess{width:35%;float:right;padding-left:15%;border-left:solid 1px #EBEBEB;}
.list_mess ul{width:100%;float:left;}
.list_mess li{width:100%;float:left;position:relative;margin:10px 0;}
.list_mess li span{position:absolute;left:1px;top:1px;color:#666;height:36px;line-height:36px;padding:0 15px;border-radius:30px;}
.list_mess li input{width:calc(100% - 2px);line-height:36px;text-indent:100px;border:none;background:#F5F6F5;border-radius:30px;}
.list_mess li input:focus{box-shadow:0 5px 20px rgba(0,0,0,0.3);background:#fff;}
.list_mess li textarea{width:calc(100% - 2px);line-height:30px;text-indent:10px;border:none;background:#F5F6F5;border-radius:10px;}
.list_mess li .tijiao{border:0;height:40px;line-height:28px;color:#fff;cursor:pointer;font-size:16px;border-radius:30px;position:relative;text-indent:0;background:#288DE9;}
.list_mess li .tijiao:hover{background:#227DD0;}
.list_mess li .yzm{position:absolute;right:0;width:116px;top:0;}
.list_mess li .yzm img{border-radius:0 30px 30px 0;}
.list_mess li:hover span{background:#288DE9;color:#FFF;}
/*分页样式开始*/
.paging {width:100%;float:left;}
.pc_page{width:100%;float:left;text-align:center;margin-top:30px;}
.pc_page a {width:20px;display:inline-block;line-height:22px;color:#8E8E8E;position:relative;text-align:center;margin:0 5px;}
.pc_page a:hover {color:#B09163;}
.pc_page span {display:inline-block;color:#B09163;border-bottom:solid 2px #B09163;width:20px;line-height:22px;text-align:center;}
.pc_page .prev,.pc_page .next{width:66px;padding:0;height:26px;margin-right:0;line-height:26px;color:#8E8E8E;border:solid 1px #EBEBEB;}
.pc_page .prev:hover,.pc_page .next:hover{border:solid 1px #B09163;}
.pc_page .first,.pc_page .end {display:none;}

.m_page {width:100%;float:left;height:30px;background:#fff;position:relative;margin-top:10px;}
.m_page a{width:30%;line-height:30px;height:30px;background:url(../ico/m_page.png) no-repeat;background-size:14px;font-size:12px;text-align:center;position:absolute;top:0;}
.m_page p{text-align:center;margin-top:5px;color:#666;}
.m_page b{color:#940D13;padding-right:18px;position:relative;}
.m_page b:before{width:1px;height:11px;transform:rotate(25deg);background:#999;left:auto;right:8px;top:5px;}
.m_page a.m_page_left{background-position:10px 10px;}
.m_page a.m_page_right{right:0;background-position:90% -12px;}
/*分页样式结束*/