@charset "utf-8";
*,html,body,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,div,p{margin:0px;padding:0px;font-family:"微软雅黑",Microsoft Yahei,Tahoma,Arial,Helvetica,sans-serif;}
body{margin:0;padding:0px;font-size:16px;line-height:180%;font-size:14px;color:#666;background-color:#FFF;overflow-x:hidden;}
a{text-decoration:none;color:#333;}
ul,dl,ol{list-style:none;}
img{border:none 0;vertical-align:middle;}
.fl{float:left;}
.fr{float:right;}
.clearfix{clear:both;}
.main{width:100%;}
.area{width:1200px;height:auto;margin:auto auto;}
.area1{width:968px;height:auto;margin:auto auto;}
.top{width:100%;height:120px;background:#FFF;}
.top .top-in{width:1100px;height:120px;margin:0px auto;display: flex;flex-wrap: wrap;align-content: center;justify-content: space-between;}
.top .top-in img{max-height:120px;float:left;}
.search{float:right;width:330px;margin-top:60px;}
.search_text{width:268px;height:32px;border:1px solid #999;float:left;line-height:32px;font-size:12px;color:#999;text-indent:10px;background:none;border-top-left-radius:3px;border-bottom-left-radius:3px;outline:none;}
.search_but{height:34px;width:60px;text-align:center;color:#FFF;background:#828282;cursor:pointer;float:right;border:0px none;font-weight:bold;border-bottom-right-radius:3px;border-top-right-radius:3px;}
.top .tel{display: flex;flex-direction: column;justify-content: center;}
.top .tel p{font-size:23px;color:#0647ac;line-height:30px;}
.navwrap{width:100%;height:54px;background:#0067ac;}
.nav{width:1100px;height:54px;margin:0px auto;display: flex;justify-content: space-between;}
.nav li{float:left;width: 100%;border-right:1px solid #4da6e1;}
.nav li a{display: block;}
.inmenu:link,.inmenu:visited{color:#FFF;font-size:15px;line-height:54px;height:54px;text-align:center;}
.inmenu:hover,.inmenu:active{text-decoration:none;transition:0.3s all;}
.inmenu_1:link,.inmenu_1:visited,.inmenu_1:hover,.inmenu_1:active{color:#FFF;font-size:15px;height:54px;line-height:54px;text-align:center;}
.nav li:hover{position:relative;z-index:999;color:#FFF;}
.nav li:hover a{color:#FFF;height:54px;}
.nav li:hover ul li a{background:#0067ac;color:#FFF;border:none;height:30px;line-height:30px;}
.nav li ul li{float:none;text-align:left;height:30px;border-right:none;}
.nav li ul li a{float:none;display:block;color:#FFF;white-space:nowrap;height:30px;line-height:30px;text-transform:capitalize;text-overflow:ellipsis;padding:0px 15px 0px 15px;min-width:90px;}
.nav li ul li a:hover{color:#333;background:#DDD;transition:1s all;height:30px;line-height:30px;}
.nav li ul{display:none;position:absolute;top:54px;left:0;width: 100%;z-index:99;}
.nav li:hover ul{display: block;}
.inner-banner img{width:100%;}
.banner{width:100%;max-width: 1920px;position:relative;overflow:hidden;z-index:0;}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner .swiper-slide img{width: 100%;display:block;}
#banner .tip{width:1000px;line-height:0;font-size:0;text-align:center;position:absolute;left:50%;margin-left:-500px;bottom: 20px;z-index:3;}
#banner .tip span{width: 16px;height: 16px;margin: 0 8px;display:inline-block;cursor: pointer;background: #fff;border-radius: 50%;opacity: 1;outline: none;transition: all .5s;}
#banner .tip span.swiper-pagination-bullet-active{background: #0067ac;}
#banner #btn_prev,#banner #btn_next{width: 70px;height: 70px;position:absolute;top: 50%;margin-top: -35px;background: url(../images/ad_ctr.png) no-repeat;z-index:5;opacity: 0;}
#banner #btn_prev{left: 48px;}
#banner #btn_next{background-position: 0 -70px;right: 48px;}
#banner:hover #btn_prev,#banner:hover #btn_next{opacity: .8;}
.tophu{background:url(../images/hu.png)repeat center 0;height:18px;width:100%;position:absolute;top:0;z-index:9;}
.bottomhu{background:url(../images/fanhu.png)repeat center 0;height:18px;width:100%;position:absolute;bottom:0;z-index:9;}
.feedback{clear:both;margin:0px auto;padding:0px;margin:20px 0px 0px 0px;}
.submita{margin:16px auto;display:inline-block;padding:0 18px!important;line-height:22px;background:#ff9c00;border:0px;height:24px;color:#FFF;cursor:pointer;font-size:16px;}
.xh{color:#f00;padding:0px 3px;}
#feedbackForm{margin:20px 0px 0px 0px;}
#feedbackForm .text{width:300px;height:26px;margin:10px 0px 0px 0px;font-size:12px;line-height:26px;padding:0px 0px 0px 5px;border:1px solid #CCC;background:none;outline: none;}
#feedbackForm .lable{padding:10px 12px 0px 0px;line-height:30px;height:30px;text-align:right;}
#feedbackForm .atextarea{float:left;border:1px solid #CCC;height:100px;width:305px;font-size:12px;margin-top:10px;line-height:24px;color:#666;background:none;outline: none;}
#feedbackForm .smtcss{padding-right:112px;text-align:center;}
#feedbackForm td{position: relative;}
#feedbackForm .msg-box{position: absolute;left: 0;top: 10px;}
.pages{text-align:center;font-size:12px;padding:15px 0px 20px 0px;color:#b2b2b2;clear:both;margin-top:30px;}
.pages a{display:inline-block;margin:1px 5px;min-width:10px;height:30px;padding:0 10px;line-height:30px;border: 1px solid #dfdfdf;}
.pages a:link,.pages a:visited{color:#666;background:#FFF;}
.pages a:hover,.pages .hover{color: #fff;background: #ccc;border-color: #ccc;}
.color649{color:#ed6b49;}
.color0{color:#0059b3;}
.YqbYears{vertical-align:middle;padding-left:8px;margin-top:-6px;}
.hotpro{margin:40px auto;}
.hotpro .main-left{width:283px;float:left;padding-bottom:20px;background:#FFF;}
.ml-title{color: #fff;font-size:26px;font-weight: bold;line-height:63px;text-align:center;border-radius: 20px 20px 0 0;background: #0067ac;}
.ml-titlee{color: #fff;font-size: 20px;font-weight: bold;line-height: 50px;text-align:center;background: #0067ac;}
.sidebar{float:left;width:240px;padding-top:24px;}
.main1{padding:30px 0px 0px 270px;}
.bPosition{line-height:36px;padding:0px 16px;color:#0647ac;margin-bottom:-20px;margin-top:1px;text-align:right;background:url(../images/body_title_bg.png) no-repeat bottom;}
.bPosition a{color:#333;}
.sf-menu{display:table;width:243px;padding:10px 19px;border:1px solid #DDD;border-top: 0;margin-bottom: 15px;}
.sf-menu li{clear:both;font-size:14px;line-height:24px;margin-top:10px;}
.sf-menu li a,.sf-menu li:hover a{display:block;padding:7px 0 7px 20px;background:#035698;color:#FFF;font-weight:bold;border-radius:5px;}
.sf-menu li li{clear:both;position:relative;text-transform:capitalize;margin:0px auto;}
.sf-menu li li a,.sf-menu li:hover li a{line-height:20px;padding:7px 0 5px 30px;text-decoration:none;font-size:12px;font-weight:normal;border-bottom:1px dashed #DDD;}
.sf-menu li li a:hover{text-decoration:none;color:#e29303;background:#e7e6e6 url(../images/bg_r19_c9.jpg) 15px 13px no-repeat;}
.sf-menu li li.LiProDetail a{background: #FFF;border-left:none;color:#333;}
ul.sf-menu ul ul{left:243px;width:250px;top:0px;margin:0px;padding:0px;visibility:visible;border:0px;padding:0px;border-radius:0px;background:#FFF;opacity:0.9;}
.sf-menu li li li{background:#FFF;padding:0px;min-height:28px;}
.sf-menu li li:hover{opacity:1;}
.sf-menu li li li a,.sf-menu li:hover li li a{text-decoration:none;background:url(point1.png) #DDD no-repeat 15px 13px;border-bottom:1px solid #CCC;padding:6px 0 5px 12px;text-indent:15px;font-weight:normal;}
ul.pro-menu{margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize;background:#f7f7f7;}
ul.sf-menu li:hover > ul{visibility:visible;margin:0px;padding:0px;}
ul.sf-menu1{clear:both;margin:0px auto;height:auto;position:relative;text-transform:capitalize;z-index:500;width:243px;margin-top:20px;}
ul.sf-menu1 li{zoom:1;margin:0px;}
ul.sf-menu1 li a{color:#007DC5;text-transform:capitalize;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:38px;line-height:38px;font-size:13px;font-weight:bold;padding-left:35px;background:#C7E2F9 url(../images/point.png) no-repeat 15px 16px;border-bottom:1px solid #FFF;}
ul.sf-menu1 li a:hover,ul.sf-menu1 li a:active{color:#007DC5;text-decoration:underline;}
ul.sf-menu1 li.hover,ul.sf-menu1 li:hover{position:relative;}
ul.sf-menu1 li.menu-item:hover{position:relative;}
ul.sf-menu1 ul{width:100%;margin:0px;padding:0px;position:absolute;left:243px;top:0px;visibility:hidden;text-transform:capitalize;}
ul.sf-menu1 ul li a{font-weight:normal;line-height:35px;border-bottom:1px solid #eee;background:#F5F5F5 url(../images/point1.png) no-repeat 15px center;height:35px;color:#444;font-size:14px;padding-left:40px;}
ul.sf-menu1 li.hover ul li a,ul.sf-menu1 li.hover ul li a:hover,ul.sf-menu1 li.hover ul li a:active{color:#FFF;text-decoration:none;background:#333 url(../images/point1.png) no-repeat 15px center;font-size:14px;}
ul.sf-menu1 ul li a.hover,ul.sf-menu1 ul li a:hover{text-decoration:none;background:#FFF url(point1.png) no-repeat 15px center!important;color:#333;font-size:14px;}
ul.sf-menu1 ul li ul{padding:0px;}
ul.sf-menu1 ul ul{left:243px;margin:0px;padding:0px;visibility:hidden;}
ul.sf-menu1 ul ul li a{width:auto;padding:0px;padding-left:40px;text-decoration:none;font-size:14px;}
ul.pro-menu1{margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize;}
ul.sf-menu1 li:hover > ul{visibility:visible;margin:0px;padding:0px;}
ul.sf-menu1 li.LiProDetail a{background:#FFF url(point1.png) no-repeat 15px 13px!important;text-indent:-15px!important;color:#FFF!important;font-size:14px;}
ul.sf-menu1 li.LiProDetail a:hover,ul.sf-menu1 li.LiProDetail a:active{background:#e7e6e6 url(point1.png) no-repeat 15px 13px!important;text-indent:-15px!important;font-size:14px;}
.hotpro .main-right{width:895px;float:right;}
.mr-title{background:url(../images/zhanbg.jpg);height:40px;line-height:40px;text-align:right;font-size:12px;padding-right:15px;}
.biaoti{width:157px;overflow:hidden;text-align:center;color:#FFF;position:absolute;line-height:40px;font-size:18px;font-weight:600;height:40px;border-top-left-radius:5px;border-top-right-radius:5px;}
.tjpro{width:895px;height:auto;margin-top:30px;}
.tjpro li{width:282px;height:282px;margin:7px;float:left;text-align:center;line-height:25px;border:1px solid #DDD;}
.tjpro li img{width:282px;height:252px;}
.new_ab{clear:both;padding:5px 0px 0px;margin:25px 0px;}
.new_ab li{height:130px;overflow:hidden;text-align:left;padding-top:15px;border-bottom:1px dotted #DDD;}
.new_ab li div.indiv{border:1px dashed #CCC;width:150px;height:120px;text-align:center;line-height:120px;}
.new_ab li div.indiv img{max-width:150px;max-height:120px;}
.new_ab li .tp{width:210px;float:left;padding-left:10px;background:url(../images/news.jpg) no-repeat center left 12px;}
.new_ab li p{padding: 5px 0 0 0;line-height:26px;width: 100%;overflow:hidden;float:left;color:#666;}
.new_ab li p b{display:block;font-weight:100;width:100%;height:34px;overflow:hidden;line-height:34px;color:#333;}
.new_ab li p b a,.new_ab li p b a:hover{color:#333;font-weight:bold;font-size:16px;}
.new_ab li p b a:hover{color:#333;}
.new_ab li p span{display: block;height:70px;line-height:24px;font-size:14px;color:#333;text-align: justify;}
.new_ab li p span a{color:#f00;}
.new_ab li .sj{float:right;width:110px;height:151px;padding-top:15px;}
.new_ab li .fr{line-height:35px;text-align:center;padding: 0;margin-right: 0;color:#333;font-weight:600;font-size:12px;}
.new_ab dt{height:40px;border:#CCC 1px dotted;line-height:40px;}
.new_ab dt a{font-size:14px;padding-left:10px;}
.n_info_con{width:885px;padding:30px 15px 0px 10px;overflow:hidden;}
.n_info_con h1{border-bottom:1px dashed #CCC;color:#333;font-size:22px;line-height:40px;padding-bottom:10px;margin-bottom:10px;text-align:center;}
.n_info_con2{width:650px;margin:0px auto;}
.n_info_con h3{text-align:center;color:#000;margin-bottom:10px;font-size:24px;border-bottom:1px dashed #CCC;}
.info_con_tit{line-height:24px;margin-bottom:15px;}
.info_con_tit span{margin-right:20px;}
.info_con_tit .n_tit{text-align:center;color:#333;}
.n_info_con .img{text-align:center;padding:15px 0;}
.n_info_con font{line-height:26px;font-size:14px;}
.n_info_con .fanye{height:40px;margin:25px auto;}
.n_info_con .fanye .fl{width:50%;height:40px;overflow:hidden;}
.n_info_con .fanye .fr{width:50%;height:40px;overflow:hidden;text-align:right;}
.n_info_con .fanye span{line-height:40px;font-size:14px;}
.pro-detail{width:780px;height:auto;text-align:center;margin-top:30px;overflow:hidden;font-size:20px;font-weight:bold;}
.pro-detail img{max-width:550px;border:5px solid #DDD;margin-top:15px;}
#con{FONT-SIZE:14px;MARGIN:0px 0px;margin-top:20px;}
#tags{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;WIDTH:400px;PADDING-TOP:0px;HEIGHT:35px;}
#tags LI{BACKGROUND:#aaa;FLOAT:left;MARGIN-RIGHT:10px;LIST-STYLE-TYPE:none;HEIGHT:35px;padding:0px 25px;}
#tags LI A{BACKGROUND:none;FLOAT:left;COLOR:#222;LINE-HEIGHT:35px;HEIGHT:35px;TEXT-DECORATION:none;}
#tags LI.emptyTag{BACKGROUND:#0647ac;WIDTH:100px;}
#tags LI.selectTag{BACKGROUND:#0647ac;POSITION:relative;HEIGHT:35px;}
#tags LI.selectTag A{COLOR:#FFF;LINE-HEIGHT:35px;HEIGHT:35px;}
#tagContent{PADDING-TOP:10px;}
.tagContent{DISPLAY:none;COLOR:#333;PADDING-TOP:10px;font-size:14px;line-height:28px;}
.tagContent table{width: 100% !important;word-break: break-all;word-wrap: break-all;border-collapse: separate;border-spacing: 0;border-width: 1px 0 0 1px;}
#tagContent DIV.selectTag{DISPLAY:block;}
.prevNext{height:48px;margin-top: 30px;}
.prevNext a{font-weight:bold;font-size:14px;color:#505050;}
.prevNext a:hover{color:#18367f;}
.prevNext .prev{float:left;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:45%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.prevNext .next{float:right;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:45%;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.footlinks{clear:both;margin:0px auto;padding:5px 10%;height:auto;font-size:9pt;line-height:140%;color:#999;text-align:center;}
.footlinks a:link, .footlinks a:visited{font-size:9pt;line-height:140%;color:#999;margin-right:3px;}
.probg{background:url(../images/bjjj.jpg) no-repeat center 100%;padding:40px 0;}
.probg h2,.probg .h2{text-align:center;color:#2c92d6;font-size:32px;}
.ltable{position:relative;margin-top:50px;color:#FFF;}
.ltable .tm td{font-size:18px;}
.anli{padding:40px 0;}
.anli p{text-align:center;font-size:18px;font-weight:600;color:#333;margin-bottom:5px;}
.anli h2,.anli .h2{background:#0067ac;padding:10px 12px;color:#FFF;width:100px;text-align:center;margin:auto;z-index:99;position:relative;}
.anli fieldset{border-bottom:none;width:300px;margin:-22px auto 0 auto;}
.le1{margin-top:15px;}
.roll1{position:relative;margin-top:35px;margin-bottom:50px;}
#ndemo{overflow:hidden;width:94%;margin:0px auto;}
#nindemo{float:left;width:800%;}
#ndemo1{float:left;}
#ndemo2{float:left;}
.product_list3{clear:both;margin:0px auto;padding:0px;text-align:center;}
.product_list3 li{float:left;width: 264px;margin:0px 15px 15px 15px;_display:inline;position:relative;}
.product_list3 li a.img div{width:260px;height:216px;border:2px solid transparent;text-align:center;margin-bottom:10px;}
.product_list3 li a.img div img{width: 100%;height: 100%;display: block;}
.product_list3 li h3{text-align:center;padding-top:5px;}
.product_list3 li h3 a{font-weight:normal;}
.product_list3 li a.img{display:block;}
.product_list3 li a.img div{border:2px solid #EEE;}
.product_list3 li:hover a.img div{border:2px solid #0067ac;}
.ty{text-align:center;font-size:16px;}
.ty a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.aboutus{background:url(../images/index_box_bg.png)repeat;padding:40px 0;}
.aboutus h2,.aboutus .h2{font-size:28px;line-height:35px;text-align:center;font-weight:bold;color:#0067ac;background:url(../images/index_title_line.png) no-repeat center 47px;height:61px;}
.aboutus .fl img{max-width:350px;max-height:250px;margin-top:30px;}
.aboutus .fr{width:71%;margin-top:30px;}
.aboutus .fr .body_content{text-indent:0px;height:172px;overflow:hidden;font-size:15px;}
.lookmore{background:#747474;padding:10px 15px;font-size:16px;border-radius:3px;top:33px;position:relative;margin-right:20px;}
.contactus{background:#0067ac;padding:10px 15px;font-size:16px;border-radius:3px;top:33px;position:relative;text-align:center;}
.lookmore a{color:#FFF;}
.contactus a{color:#FFF;display: block;}
.newsbox{padding:40px 0;}
.newsin{width:47%;margin-right:36px;}
.newsin .body_title_sty{font-size:18px;color:#000;height:50px;line-height:50px;background:url(../images/body_title_bg.png)no-repeat bottom;background-size:contain;}
.newsin .body_title_sty span{color:#a9a9a9;}
.newsinlist{width:100%;margin-top:10px;}
.newsinlist li{height:90px;margin-bottom:10px;border-bottom:1px dotted #c5c5c5;}
.newsinlist li .time{border:1px dashed #DDD;width:15%;height:80px;text-align:center;margin-right:20px;}
.time .day{font-size:24px;font-weight:600;margin-top:17px;color:#333;}
.newscon{width:81%;}
.newscon a p{font-size:15px;color:#464646;}
.news-con{font-size:12px;}
.contactin{width:50%;}
.contactin .body_title_sty{font-size:18px;color:#000;height:50px;line-height:50px;background:url(../images/body_title_bg.png)no-repeat bottom;background-size:contain;}
.contactin .body_title_sty span{color:#a9a9a9;}
.conintro strong{font-size:18px;}
.conintro span{line-height:2.5;}
.footer{width:100%;margin:0px auto;font-size:12px;color:#FFF;background:#2A2B2B;background-repeat:repeat;background-position:center bottom;padding-bottom:10px;text-align:center;}
.footer_l{width:190px;float:left;color:#FFF;font-size:14px;background:#2A2B2B;background-repeat:repeat-y;background-position:right top;background-color:#033268;padding:30px 20px;}
.footer_r{width:750px;float:right;line-height:32px;}
.footer a{color:#CCC;}
.footer a:hover{color:#0647ac;}
.di-nav{clear:both;margin:0px auto;padding:0px;color:#CCC;}
.di-nav a{color:#CCC;text-align:center;padding:0px 4px;}
.di-nav span{padding-left:10px;padding-right:10px;line-height:30px;color:#666;text-align:center;}
.di-nav a:hover{color:#F93;text-decoration:underline;}
.di-nav ul{margin:0px auto;text-align:center;}
.di-nav ul li{display:inline-block;margin:0px 5px;}
.footer p{clear:both;margin:0px auto;padding:3px 0px;color:#CCC;}
.nowin{font-size:20px;}
.lseconus{border:1px solid #DDD;border-top: 0;padding:10px;}
.borderr{font-size:76px;color:#CCC;background:#0067ac;height:110px;width:110px;border-radius:57px;line-height:110px;text-align:center;}
.lmarqueen{height:449px;overflow:hidden;}
.zhan{WIDTH:895px;FLOAT:right;}
.zhan UL{MARGIN-TOP:13px;}
.zhan ul li{TEXT-ALIGN:center;WIDTH:270px;FLOAT:left;MARGIN-LEFT:21px;overflow:hidden;margin-bottom:15px;}
.zhan ul li img{padding:8px 0px;width:255px;}
.zhan ul li A{LINE-HEIGHT:42px;COLOR:#4C4C4C;FONT-SIZE:14px;background:#DCDCDC;display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.zhan ul li A:hover{background:#0067ac;display:block;color:#FFF;}
.e_mobile{display:inline-block;height:25px;line-height:25px;background:url(../images/emobile.png) 0px -50px no-repeat;text-indent:25px;}
.newsbox .contactin .conintro{width:52%;}
.rnews,.rollPro{margin:0px auto 50px;}
.rnews h3,.rollPro h3{font-size:25px;line-height:24px;padding:10px 0 35px 0;color:#333;font-weight:normal;height:30px;color:#00a74b;}
.rnews li{float:left;width:50%;height:35px;line-height:35px;}
.rnews li a{display:block;white-space:nowrap;margin-right:3%;text-overflow:ellipsis;overflow:hidden;font-size:16px;border-bottom:1px dashed #CCC;color:#333;}
.anli .h2{font-weight: bold;font-size: 1.5em;}
.probg .h2{font-weight: bold;}
/*浮动客服*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #0067ac;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #0067ac;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #0067ac;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #0067ac;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #0067ac;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}
/*相关内容*/
.relate-tit{width: 100%;height: 39px;line-height: 40px;background: #fafafa;border-bottom: 1px solid #CCC;}
.relate-tit h3{float: left;font-size: 14px;font-weight: normal;line-height: 40px;display: block;padding: 0 30px;background: #0067ac;color: #FFF;}
.relate-pro{margin: 20px 0;}
.relate-pro ul{margin: 15px 0;}
.relate-pro ul li{float: left;width: 210px;margin-right: 10px;transition: all .5s;}
.relate-pro ul li:nth-child(4n){margin-right: 0;}
.relate-pro ul li a{display: block;border: 1px solid #eee;}
.relate-pro ul li .img{position: relative;width: 100%;padding-top: 83.33%;overflow: hidden;}
.relate-pro ul li .img img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: block;transition: all .5s;}
.relate-pro ul li h3{color: #555;font-size: 14px;font-weight: normal;text-align: center;display: block;line-height: 35px;background: #fff;padding: 0 10px;border-top: 1px solid #eaeaea;transition: all .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.relate-pro ul li:hover .img img{transform: scale(1.1);}
.relate-pro ul li:hover h3{color: #fff;background:#0067ac;}
.relate-pro .swiper-container-horizontal>.swiper-scrollbar{position: relative;left: 0;bottom: 0;width: 100%;}
.relate-pro .swiper-scrollbar-drag{background:#0067ac;}