﻿body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; color:#393939; margin:0 auto; padding:0; background:#f9f9f9; overflow-x:hidden;}

/*链接整体设置*/
a{ text-decoration:none; color:#393939; transition:all 0.6s;}
a:hover{ color:#015293;}
a:active{ color:#393939;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#808080;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#808080;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#808080;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#808080;}
input[type=button],input[type=submit],input[type=file],button{ -webkit-appearance:none;} 

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,dl,dt,dd,form,textarea,input,select{ margin:0; padding:0; font-style:normal; font-family:"Microsoft YaHei"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1200px; width:95%; margin:0 auto; max-height:999999px;}
.m{ display:none;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
@font-face{ font-family:impact;src:url('../images/impact.ttf'); /* IE9+ */}

.pc_only{display: block;}
.mobile_only{display: none;}

/*header*********************************************************************/
.head{ position:relative;}
.head-fixed{ width:100%;}
.htop{ background:#3660c9; height:46px; line-height:46px;}
.htop .w{ padding:0 45px;}
#mydate{ font-size:16px; color:#fff;}
#mydate span{ padding-left:15px;}
.htop .w em{ color:#fff; font-size:16px;}
.head .header{ position:relative; height:150px; padding-top:52px; background:#fff;}
.logo{ margin-left:45px;}
.logo img{ height:45px;}
.nav{ background:#015293; padding:0 45px;}
.plebans{ font-size:18px; line-height:66px; padding:0 30px;}
.plebans a{ color:#fff; display:block;}
.nav li{ position:relative;}
.nav li.on{ background:#0073d0; margin-top:-1px; padding-top:1px;}
.nav li.on .plebans a:after{ content:""; display:block; position:absolute; right:0; left:0; bottom:0; height:3px; font-size:0; overflow:hidden; background:#fff;}
.goutp{ display:none; position:absolute; top:66px; left:0; right:0; border-top:3px solid rgba(245,245,245,.9); z-index:10; background:rgba(245,245,245,.95); border-radius:0 0 5px 5px;}
.goutp p{ line-height:45px; text-align:center;}
.goutp p a{ font-size:14px; display:block;}
.goutp p a:hover{ background:rgba(200,200,200,.5);}
.nav li:nth-child(5) .goutp{ left:-30px; right:-30px;}
.search{ width:400px; position:absolute; right:40px; top:50%; margin-top:-20px; display:flex; flex-wrap:wrap; justify-content:space-between;}/*改*/
.sel_ck{ border:1px solid rgba(182,182,182,.42); background:rgba(255,255,255,.42); font-size:16px; color:#333; width:100px; border-right:none; padding:0 5px;}/*增*/
.s_intxt{ width:300px; border:1px solid rgba(182,182,182,.42); height:40px; padding:0 20px; line-height:38px; background:rgba(255,255,255,.42); font-size:16px; color:#333;}/*改*/
.s_inbut{ height:24px; width:25px; border:none; cursor:pointer; background:url(../images/search.png) center center no-repeat; position:absolute; top:50%; margin-top:-12px; right:20px;}
.sjhedes{ display:none; height:8rem;}
.tuerhed{ position:fixed; width:100%; top:0; left:0; z-index:88; background:#fff; height:7.1rem; box-shadow:1px 1px 0 rgba(33,29,30,.2); padding:0 2.5%; box-sizing:border-box;}
.losdj{ float:left;}
.losdj img{ height: 2.4rem; display:block; margin-top: 2.5rem;}
.sanh{ float:right; width:30px; padding:10px 0; margin:10px 0;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}  
.sanh>div{ background-color:#373737;}
.fuernavt{ position:fixed; padding-top:96px; top:0px; left:-100%; width:100%; height:100%; background-color:#fff; z-index:8;}
.benrvav{ width:100%; height:100%; overflow:hidden; overflow-y:scroll;}
.shojvas>a{ display:block; text-align:center; font-size:25px; line-height:200%; padding:10px 0px; border-bottom:1px solid #bbb; color:#333;}
.shojvas>div{ display:block; text-align:center; font-size:25px; line-height:200%; border-bottom:1px solid #bbb;}
.shojvas>div a{ color:#666;}
.showzhen{ position:relative;}
.jd{ z-index:-1;position:absolute; top:0; right:0; width:10%; height:70px; background:url(../images/arrow4.png) no-repeat center; background-size:20% auto; transition:transform 0.5s;}
.maei{ padding:10px 0; font-size:25px; color:#333;}
.shojvas .maei a{ color:#333;}
.shopernc{ overflow:hidden; height:0px;}
.shopernc a{ display:block; text-align:center; font-size:24px; color:#646464; padding:10px 0px; line-height:50px; border-top:1px solid #eee;}
.tesd>div{ background-color:#373737!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}

.hot_news{ text-align:center; background:#fff; padding:30px 0;}
.hot_news1{ font-size:35px; color:#015293; font-weight:bold; line-height:54px;}
.hot_news1 a{color:#015293!important;}
.hot_news2{ font-size:18px; line-height:30px;}
.hot_news2 i{ padding:0 8px;}

.hot_news2 a{color:#015293!important;}

.banner{ position:relative; z-index:5; background:#fff;}
.banner .swiper-slide a{ display:block;}
.banner .swiper-slide img{ width:100%;}
.banner .swiper-slide p{ position:absolute; left:0; right:0; bottom:0; padding:0 45px; color:#fff; background:#015293; font-size:18px; line-height:36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.banner .swiper-pagination{ bottom:12px; width:auto; right:35px; left:inherit;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; border-radius:12px; transition:all linear .2s; background:#bab9b7; opacity:1; margin:0 10px;}
.banner .swiper-pagination-bullet-active{ opacity:1; background:#fff;}

.page{ padding:10px 0 30px 0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.page em{ font-size:14px; margin:0 10px; color:#666;}
.page a{ display:inline-block; background:#efefef; border-radius:2px; font-size:14px; color:#666; line-height:35px; padding:0 15px; margin:0 2px; font-size:14px;}
.page a.cur,.page a:hover{ background:#015293; color:#fff;}

.marbot{ margin-bottom:12px;}
.combg{ background:#fff; border:1px solid #e3e3e3; position:relative;}
.com_tit{ border-bottom:1px solid #e3e3e3; line-height:54px; display:flex; flex-wrap:wrap;}
.com_tit em{ padding:0 25px; position:relative; font-size:20px; color:#1b1b1b; font-weight:bold;}
.com_tit em.on{ color:#015293;}
.com_tit em.on:after{ content:""; display:block; position:absolute; right:0; left:0; bottom:-1px; font-size:0; overflow:hidden; height:2px; background:#27629c;}
.com_Box .more{ position:absolute; right:25px; top:15px; font-size:14px; line-height:24px;}

.com_list li.li1{ padding:15px;}
.com_list li.li1 a{ display:block;}
.com_list li.li1 h3{ font-size:20px; color:#1f1f1f; font-weight:bold; line-height:32px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.com_list li.li1 .pic{ width:145px; overflow:hidden; margin-right:15px;}
.com_list li.li1 .pic img{ width:100%;}
.com_list li.li1 .txt{ flex:1;}
.com_list li.li1 .txt p{ margin:5px 0; font-size:16px; color:#707070; line-height:28px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.com_list li.li1 .txt .time{ text-align:right; color:#a0a0a0; font-size:16px; line-height:24px; padding-top:4px;}
.com_list li.hover h3{ color:#015293;}
.com_list li.li2{ padding:0 15px; display:flex; flex-wrap:wrap; justify-content:space-between; line-height:36px;}
.com_list li.li2 span{ display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:80%; font-size:16px;}
.com_list li.li2 span a{ background:url(../images/point1.png) left center no-repeat; padding-left:21px; color:#505050;}
.com_list li.li2 em{ font-size:16px; color:#a0a0a0;}
.com_list li.hover span a{ color:#015293;}

.pic_listc{ padding:0 25px;}
.pic_list{ display:flex; flex-wrap:wrap; width:101.5%; padding-bottom:20px;}
.pic_list li{ text-align:center; margin:25px 1.5% 0 0; width:23.5%;}
.pic_list li a{ display:block;}
.pic_list li .pic{ width:100%; overflow:hidden; border:1px solid #dfdfdf; transition:all 0.6s; display:flex; justify-content:center; flex-direction:column;}
.pic_list li p{ font-size:16px; line-height:28px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

.con_w1{ width:59.15%;}
.con_w1 .bd{ padding:12px;}
.con_w1 .com_list li.li1{ border-bottom:1px solid #d7d7d7; padding:53px 15px 18px 15px; margin-bottom:10px; position:relative;}
.con_w1 .com_list li.li1 h3{ font-size:23px; position:absolute; left:15px; top:5px; color:#015293;}

.con_w2{ width:39.85%;}
.con_w2 .bd{ padding:12px;}
.con_w2 li.li2 span{ width:70%;}

.tit1{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background-repeat: no-repeat; background-position: top center; font-weight:bold; color:#fff; font-size:47px; height:160px;}

.con_w3{ width:23.75%;}
.con_w3 ul li{ padding-bottom:6px;}
.con_w3 ul li:last-child{ padding-bottom:0;}
.con_w3 ul li a{ display:block; padding:0 0 0 45px; color:#fff; font-size:18px; line-height:66px; height:66px; background:#015293;}
.con_w3 ul li a:hover{ background:#0177d5;}
.con_w4{ width:75.25%;}

.peo_listc{ margin:0 25px;}
.peo_list{ width:102%; padding-bottom:15px;}
.peo_list li{ text-align:center; margin:25px 0 0 0;}
.peo_list li a{ display:block;}
.peo_list li .pic{ width:100%; overflow:hidden; border:1px solid #dfdfdf; transition:all 0.6s;}
.peo_list li p{ font-size:18px; line-height:30px; margin-top:15px; color:#505050; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.peo_list li p font{ margin-right:5px;}

.con_w5{ width:66.25%;}
.i_ab_txt{ padding:20px 25px; text-align:justify;}
.i_ab_txt p{ text-indent:2em; font-size:16px; line-height:28px; color:#2d2d2d;}
.con_w6{ width:32.75%;}
.con_w6 .pic_list{ width:103%;}
.con_w6 .pic_list li{ margin-right:3%; width:47%;}
.con_w6 .pic_list li p{ line-height:20px; margin-top:10px;}

.pic_list.pro_list li{ width:18.5%;}
.pic_list.pro_list li .pic{ padding:10px;}
.pic_list.pro_list li p{ margin-top:12px;}

.nyban{ position:relative; margin-top:2px;}
.nyban img{ width:100%;}
.nyban em{ color:#fff; font-size:50px; display:block; height:155px; position:absolute; left:0; top:50%; margin-top:-77.5px; width:535px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background:url(../images/t1.png) center center no-repeat; font-weight:bold;}

.location{ border:1px solid #dfdfdf; font-size:14px; color:#707070; background:#fff; padding:0 40px; line-height:58px;}
.location a{ color:#707070;}
.location i{ padding:0 10px;}

.ny_w{ padding:0 0 0 270px; position:relative;}
.ny_sider{ position:absolute; left:0; top:0; width:258px; border:1px solid #e4e4e4; background:#fff; bottom:0;}
.ny_sider em{ color:#fff; background:#015293; height:58px; line-height:58px; padding:0 0 0 58px; display:block; font-size:18px; font-weight:bold; margin:-1px; position:relative;}
.ny_sider em:before{ content:""; display:block; position:absolute; left:28px; top:50%; margin-top:-5px; width:10px; height:10px; font-size:0; overflow:hidden; background:#32a4ff; border-radius:50%;}
.ny_sider ul{ padding:12px 12px 7px 12px;}
.ny_sider ul li{ margin-bottom:5px; border:1px solid #e2e2e2;}
.ny_sider ul li a{ font-size:18px; color:#535353; padding-left:30px; height:50px; display:block; display:flex; flex-wrap:wrap; align-items:center;}
.ny_sider ul li.cur a,.ny_sider ul li a:hover{ color:#015293; font-weight:bold;}
.ny_sider ul li p{}
.ny_sider ul li p a{ font-size:14px; line-height:20px; color:#3d3d3d; padding:12px 0; justify-content:center; font-weight:500; border-top:1px solid #dfdfdf; height:auto;}
.ny_sider ul li.cur p a{ font-weight:500; color:#3d3d3d;}
.ny_sider ul li p a.cur,.ny_sider ul li p a:hover{ color:#e30000; font-weight:bold;}
.ny_con{ width:100%; min-height:450px;}

.ab_txt{ padding:25px; font-size:16px; line-height:2.375;}
/*.ab_txt p{ text-indent:2em;}*/
.ab_txt img{ display:block; margin:0 auto; max-width:100%;}

.ny_news{ padding:15px 10px;}

.news_tit{ padding:30px 10px; margin:0 15px; border-bottom:1px solid #e3e3e3;}
.news_tit h1{ text-align:center; font-size:35px; color:#000; line-height:55px; margin:0 0 20px 0;}
.news_tit p{ font-size:16px; color:#9e9e9e; line-height:25px;}
.news_tit p em{ margin-right:15px;}

.up_down{ padding:25px 10px; margin:0 15px; border-top:1px solid #e3e3e3; line-height:35px;}
.up_down li{ max-width:50%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; color:#9e9e9e; font-size:16px;}
.up_down li a{ color:#9e9e9e;}

.sharex{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.sharex a{ margin-left:10px; position:relative;}
.sharex a img{ width:25px; border-radius:1000px; box-shadow:rgba(0,0,0,0.2) 0 2px 3px 0;}
.sharex a .qrcode_la{ display:none;}
.sharex a:hover .qrcode_la{ z-index:99999; display:block; position:absolute ;left:0; bottom:0;}
.sharex a:hover .qrcode_la img{ width:150px; border-radius:0;}

.pic_list.pic_list1{ width:102%; padding-bottom:15px;}
.pic_list.pic_list1 li{ margin:25px 2% 0 0; width:31.3333333%;}
.pic_list.pic_list1 li .pic img{ width:100%;}
.pic_list.pic_list1 li p{ line-height:35px;}

.topic{ padding:0 60px 60px 60px;}
.topic li{ overflow:hidden; margin-top:60px;}
.topic li .pic{ width:33.42%; overflow:hidden; float:left;}
.topic li .pic img{ width:100%;}
.topic li .txt{ width:57%; float:right;}
.topic li .txt em{ display:block; font-size:23px; color:#015293; font-weight:bold; line-height:28px; margin-bottom:6px;}
.topic li .txt p{ font-size:14px; line-height:34px; color:#0f0f0f;}

.pic_list.pro_list1 li .pic{ padding:10px; height:178px;}
.pic_list.pro_list1 li p font{ margin-right:10px;}

.classify{ border-bottom:1px solid #e3e3e3; margin:-1px; background:#fff;}
.classify ul{ border-bottom:12px solid #f9f9f9;}
.classify ul li{ border:1px solid #e3e3e3; position:relative; padding:0 0 0 106px; margin-top:-1px;}
.classify ul li em{ display:block; position:absolute; left:0; top:0; bottom:0; border-right:1px solid #e3e3e3; width:106px; text-align:center; background:#f1f1f1; font-weight:bold; font-size:18px; color:#015293; line-height:70px;}
.classify ul li p{ display:flex; flex-wrap:wrap; padding:20px 0;}
.classify ul li p a{ font-size:16px; line-height:30px; margin:0 0 0 20px;}

.pro_dt{ padding:25px 25px 15px 25px; overflow:hidden;}
.pro_dt .pic{ display:flex; justify-content:center; flex-direction:column; border:1px solid #e0e0e0; width:43.85%; float:left; height:300px;}
.pro_dt .pic img{ max-width:95%; max-height:95%; display:block; margin:0 auto;}
.pro_dt .txt{ float:right; width:53%;}
.pro_dt .txt em{ display:block; font-size:23px; color:#565656; line-height:43px; margin:15px 0;}
.pro_dt .txt p{ font-size:18px; line-height:40px; color:#565656;}

.pro_tit{ font-size:18px; color:#015293; font-weight:bold; border-bottom:1px solid #ebebeb; line-height:60px; margin:0 25px;}

.show_tit{ text-align:center; font-weight:bold; font-size:26px; color:#565656; padding:40px 0 15px 0; line-height:45px;}
.show_tit font{ margin-right:18px;}

.focus_w{ padding:9px; border:1px solid #e5e5e5; background:#fff; margin:12px 0;}
.focus{ position:relative; z-index:5;}
.focus .swiper-slide img{ width:100%;}
.focus .swiper-pagination{ bottom:20px;}
.focus .swiper-pagination-bullet{ width:20px; height:8px; border-radius:8px; transition:all linear .2s; background:#fff; opacity:.5; margin:0 10px;}
.focus .swiper-pagination-bullet-active{ opacity:1; width:40px; background:#015293;}

.map{ margin:25px;height: 350px;}
.map img{ width:100%;}

.contact_infor{ padding:0 25px 25px 25px;}
.contact_infor li{ font-size:18px; color:#0f0f0f; line-height:58px; padding-left:70px; position:relative;}
.contact_infor li:before{ content:""; display:block; position:absolute; left:0; top:6.5px; width:45px; height:45px; /*background:url(../images/ico1.png) no-repeat;*/}
/*.contact_infor li.adr:before{ background-position:0 0;}
.contact_infor li.tell:before{ background-position:0 -45px;}
.contact_infor li.mail:before{ background-position:0 -90px;}
.contact_infor li.net:before{ background-position:0 -135px;}*/

.pic_list li.hover .pic,.peo_list li.hover .pic{ border-color:#015293; box-shadow:0 0 10px 1px rgba(0,0,0,.2);}

.com_list li.li1 .pic img,.pic_list li .pic img,.peo_list li .pic img,.topic li .pic img{ display:block; max-width:100%; max-height:100%; transition:all 0.6s; margin:0 auto; object-fit: contain;width: 100%;height: 100%;}
.com_list li.hover .pic img,.pic_list li.hover .pic img,.peo_list li.hover .pic img,.topic li.hover .pic img{ transform:scale(1.05);}
.pic_list.pro_list li .pic img{ max-height:90%; max-width:90%;}

/*foot style*********************************************************************/
.footer{ background:#fff; border:1px solid #e3e3e3; border-top:8px solid #015293; border-bottom:none; padding:20px 15px;}
.links{ background:#f5f5f5; padding:35px 15px 35px 135px; position:relative;}
.links em{ position:absolute; left:15px; top:35px; color:#fff; background:#285cac; line-height:45px; height:45px; width:120px; text-align:center; display:block; font-size:18px; font-weight:bold;}
.links ul{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.links ul li{ width:32.7%; position:relative;}
.links ul li span{ font-size:16px; color:#9f9f9f; background:#fff; display:block; border:1px solid #d1d1d1; height:45px; line-height:43px; box-sizing:border-box; width:100%; padding:0 0 0 49px; position:relative;}
.links ul li span:after{ content:""; display:block; position:absolute; right:20px; top:50%; transform:translate(0,-50%); width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-top:10px solid #cccaca;}
.links ul li .list{ position:absolute; left:0; right:0; top:45px; max-height:200px; overflow-y:scroll; box-shadow:rgba(0,0,0,0.1) 0 2px 6px 0; background:#fff; display:none; z-index:3;}
.links ul li .list a{ display:block; line-height:40px; font-size:14px; padding-left:49px;}
.links ul li .list a:hover{ background:#f0f0f0;}
.links ul li.hover .list{ display:block;}
.fast_nav{ text-align:center; background:#fff; line-height:36px; padding:15px 0;}
.fast_nav a{ color:#4c4c4c; font-size:18px; margin:0 9px;}
.fast_nav a:hover{ color:#015293;}
.foot{ padding:25px 0; line-height:46px; position:relative; border-top:1px solid #e3e3e3;}
.foot .ewm{ position:absolute; right:0; top:50%; transform:translate(0,-50%); z-index:2;}
.foot .ewm img{ width:120px; height:120px; margin-left:6px;}
.foot p{ font-size:16px;}
.foot p em,.foot p i{ font-size:16px; text-transform:uppercase; margin-right:20px;}