body{ font:12px/1.5 "SHRegular",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; max-width:1920px;}

/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all .15s;}
a:hover{ color:#3a77d9;}
a:active{ color:#333;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,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:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}
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,b,dl,dt,dd,form,textarea,input,select{ color:#333; margin:0; padding:0; font-style:normal; font-family:"SHRegular"; 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:1480px; width:90%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
@font-face{ font-family:SHRegular;src:url('../images/SourceHanSansCN-Regular.otf');}
@font-face{ font-family:SHLight;src:url('../images/SourceHanSansCN-Light.otf');}
@font-face{ font-family:SHBold;src:url('../images/SourceHanSansCN-Bold.otf');}
.pic{ position:relative; width:100%; overflow:hidden;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0; background:#fff;}

/*header*********************************************************************/
.head{ height:160px; position:relative; transition:all linear .2s; z-index:55;}
.head-fixed{ width:100%; height:160px; background:#fff; -webkit-box-shadow:0 2px 8px rgba(0,0,0,0.09); -moz-box-shadow:0 2px 8px rgba(0,0,0,0.09); box-shadow:0 2px 8px rgba(0,0,0,0.09); position:fixed; top:0; left:0; right:0; z-index:10; transition:all linear .2s;}
.head .w{ position:relative;}
.logo{ margin-top:20px; float:left;}
.logo img{ height:120px;}
.nav{ width:77%; float:right;}
.plebans{ font-size:16px; line-height:160px;}
.plebans a{ display:block; padding:0 10px;}
.nav li{ position:relative;}
.nav li .plebans:after{ content:""; display:block; position:absolute; left:51%; right:51%; bottom:0; border-bottom:5px solid #1565c0; transition:all .5s linear;}
.nav li .plebans a:hover,.nav li.on .plebans a{ color:#3a77d9;}
.nav li.on .plebans:after{ left:0; right:0;}
.goutp{ display:none; position:absolute; top:160px; left:0; right:0; text-align:center; padding:10px 0; z-index:10; background:rgba(255,255,255,.9); -webkit-box-shadow:0 2px 8px rgba(0,0,0,0.09); -moz-box-shadow:0 2px 8px rgba(0,0,0,0.09); box-shadow:0 2px 8px rgba(0,0,0,0.09);}
.goutp p{ font-size:14px; line-height:36px;}

.nav .animated{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{-webkit-animation-name:navSlide;animation-name:navSlide}
@keyframes navSlide{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;visibility:visible}100%{-webkit-transform:translateY(0);opacity:1;transform:translateY(0)}}

.sjhedes{ display:none; height:96px;}
.tuerhed{ position:fixed; width:100%; top:0; left:0; z-index:88; background:#fff; height:96px; box-shadow:1px 1px 0 rgba(33,29,30,.2); padding:0 2.5%;}
.losdj{ float:left;}
.losdj img{ height:54px; display:block; margin-top:21px;}
.sanh{ float:right; width:50px; padding:10px; margin:10px 0px;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}  
.sanh>div{ background-color:#333;}
.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;}
.shojvas>div{ display:block; text-align:center; font-size:25px; line-height:200%; border-bottom:1px solid #bbb;}
.shojvas>div a{ color:#333;}
.showzhen{ position:relative;}
.jd{ position:absolute; top:26px; right:25px; width:11px; height:18px; background:url(../images/arrow4.svg) no-repeat center; background-size:100%; transition:transform 0.5s; z-index:-1;}
.maei{ padding:10px 0; font-size:25px; color:#333;}
.maei a{ color:#333; display:inline;}
.shopernc{ overflow:hidden; height:0px;}
.shopernc>div a,.shopernc .maei.line1{ display:block; text-align:center; font-size:24px; color:#666; padding:10px 0px; line-height:50px; border-top:1px solid #eee;}
.shopernc>div a.gray{ color:#666;}
.shopernc>div .maei a{ color:#666;}
.shopernc>div>div>div a{ color:#999;}
.shopernc .maei.line1{ border-top-color:#ddd;}
.shopernc .maei.line1 a{ display:inline!important; line-height:inherit; border:none; padding:0;}
.tesd>div{ background-color:#333!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);}

.titc{ line-height:1.25;}
.titc *{ font-size:48px; font-family:"SHBold";}
.titc em{ display:block;}
.titc font{ color:#3a77d9;}
.btn{ display:inline-block; font-size:30px; color:#fff; padding:0 40px 6px 40px; line-height:2; border-radius:5px; background:#3a77d9; box-shadow:0 -6px 0 #275bae inset;}
.btn:hover{ color:#fff; opacity:.9;}

.banner{ position:relative; z-index:5; overflow:hidden;}
.banner .swiper-slide img{ max-width:100%; display:block; margin:0 auto;}
.banner .swiper-slide .w{ position:relative;}
.banner .swiper-slide *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.banner .swiper-slide .txt{ position:absolute; left:3.72%; right:3.72%; top:0; transform:translate(0,-50%); opacity:0;}
.banner .swiper-slide .txt p{ font-size:30px; line-height:1.25; font-family:"SHLight"; margin:40px 0 85px 0;}
.banner .swiper-slide-active .txt{ top:50%; opacity:1; transition-delay:.5s; -webkit-transition-delay:.5s;}
.banner .swiper-pagination{ bottom:40px;}
.banner .swiper-pagination-bullet{ width:20px; height:6px; border-radius:3px; transition:all linear .2s; background:#fff; opacity:.8; margin:0 5px!important;}
.banner .swiper-pagination-bullet-active{ opacity:1; background:#1565c0; width:55px;}
.nyban .swiper-slide .txt p{ font-size:20px; line-height:1.25; text-transform:uppercase; margin:13px 0 0 0; color:#474646;}

.con1{ padding:50px 0 0 0;}
.con1 ul{ width:103%;}
.con1 ul li{ margin-right:3%; width:30.3333333333%; border:1px solid #ddd; position:relative; transition:all 0.6s;}
.con1 ul li a{ display:block; padding:45px 25px 45px 195px;}
.con1 ul li.hover{ border-color:#1565c0;}
.con1 ul li i{ display:block; width:110px; height:110px; position:absolute; left:25px; top:50%; margin-top:-55px; background:url(../images/ico1.png) no-repeat;}
.con1 ul li i:after{ content:""; display:block; position:absolute; right:-25px; top:15px; bottom:15px; width:1px; font-size:0; overflow:hidden; border-right:1px solid #ddd;}
.con1 ul li i.i1{ background-position:0 0;}
.con1 ul li i.i2{ background-position:0 -110px;}
.con1 ul li i.i3{ background-position:0 -220px;}
.con1 ul li em{ display:block; font-size:24px; font-family:"SHBold"; line-height:1.5;}
.con1 ul li p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; font-size:14px; color:#999; line-height:2.142857142857143;}

.con2{ padding:0 2.7%;}
.con2 .pic{ width:37.5%; padding:90px 0 0 0;}
.con2 .pic img{ display:block; max-width:100%; margin:0 auto;}
.con2 .txt{ width:59.6%;}
.con2 .txt .clear{ width:100%;}
.con2 .txt .titc{ line-height:1.45833; margin-bottom:45px;}
.con2 .txt .txt_c{ font-size:16px; line-height:2.25; padding:0 0 0 4.75%;}
.con2 .txt .txt_c b{ font-family:"SHBold"; font-weight:500;}
.con2 .txt .txt_c font{ color:#666;}
.con2 .txt .btn{ margin:25px 0 0 4.75%;}

.con4 .comflex{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap;}
.con4 .txt .titc em:nth-child(2){ padding-left:4.2%;}
.con4 .txt .txt_c{ padding:0 0 0 7.2%;}

.con3{ background:url(../images/bg1.jpg) #78a0e0 center top no-repeat; overflow:hidden; padding:105px 0 100px 0;}
.con3 .titc{ text-align:center;}
.con3 .titc *{ color:#fff;}
.con3 .pro_list{ padding:50px 0;}
.pro_list li{ box-shadow:0 2px 8px rgba(0,0,0,0.2); background:#fff; text-align:center; overflow:hidden;}
.pro_list li a{ display:block; border-top:5px solid #3a77d9;}
.pro_list li h3{ font-size:16px; line-height:2.1875; padding:15px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pro_list li.hover h3{ color:#3a77d9;}

.location{ border-bottom:1px solid #e8e8e8; padding:20px 0; line-height:40px;}
.location .w{ font-size:14px; color:#999; background:url(../images/ico2.png) left center no-repeat; padding-left:18px;}
.location .w i{ padding:0 5px;}
.location .w a,.location .w i{ color:#999;}

.news_w{ padding:15px 0 85px 0;}
.news_list{ padding:0 0 60px 0;}
.news_list li{ padding:35px 0; border-bottom:1px dotted #d0d0d0;}
.news_list li a{ display:block; overflow:hidden;}
.news_list li .pic{ float:left; width:46.62162162162162%; margin:0 3.37837837837838% 0 0;}
.news_list li .txt h3{ font-size:26px; font-family:"SHBold"; line-height:1.538461538461538;}
.news_list li .txt_c{ font-size:14px; line-height:2.15;}
.news_list li .txt_c *{ color:#999;}
.news_list li .txt_c p{ padding:3px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_list li.li1{ padding:50px 0;}
.news_list li.li1 h3{ padding:10px 0;}
.news_list li.li1 .txt_c p{ padding:6px 0; -webkit-line-clamp:3;}
.news_list li.hover h3{ color:#1565c0;}

.news_tit{ text-align:center; border-bottom:1px dotted #d0d0d0; padding:55px 0 0 0;}
.news_tit h3{ font-family:"SHBold"; font-size:30px; line-height:1.333333333333333;}
.news_tit p{ font-size:14px; color:#999; line-height:1.714285714285714; margin-top:20px; padding-bottom:55px;}
.news_show{ font-size:16px; line-height:2.25; padding:50px 0;}
.news_show img{ display:block; margin:0 auto; max-width:100%;}

.txt_tit{ text-align:center; font-size:36px; font-family:"SHBold"; line-height:1.25; padding:55px 0 10px 0;}

.txt_tab{ text-align:center; padding:65px 0;}
.txt_tab a{ display:inline-block; min-width:200px; line-height:48px; margin:0 5px; border:1px solid #ddd; border-radius:5px; font-size:16px;}
.txt_tab a.cur{ color:#fff; background:#3a77d9; border-color:#3a77d9;}

.book_tit{ text-align:center; color:#3a77d9; font-size:36px; font-family:"SHBold"; line-height:1.25; padding:65px 0 15px 0;}
.ewm_w{ text-align:center; width:61%; margin:80px auto 20px auto;}
.ewm_w li{ width:33.33333333%;}
.ewm_w li p{ font-size:16px; color:#666; line-height:1.5;}
.ewm_w li img{ display:block; width:83.33333333%; margin:30px auto 0 auto;}
.infor{ font-size:16px; line-height:1.875; text-align:center;}
.infor p{ padding:10px 0;}
.infor font{ color:#666;}

#mapContainer .icon{ background:url(https://a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; }
#mapContainer .icon-cir{ height:31px; width:28px; }
#mapContainer .icon-cir-red{ background-position:-11px -5px; }
.amap-logo{ display:none!important;}
#mapContainer{ height:490px; width:100%; margin:100px 0 50px 0;}

.page{ text-align:center;}
.page a{ display:inline-block; font-size:16px; color:#666; border:1px solid #d0d0d0; line-height:30px; padding:0 10px; margin:0 3px; border-radius:5px;}
.page a.cur,.page a:hover{ color:#fff; border-color:#ef5646; background:#ef5646;}

#zoom{ z-index:99990; position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content{ z-index:99991; position:absolute; top:50%; left:50%; width:200px; height:200px; background:#fff no-repeat 50% 50%; padding:0; margin:-100px 0 0 -100px; box-shadow:-10px 10px 10px rgba(0, 0, 0, 0.3); border-radius:4px;}
#zoom .content.loading{ background-image:url('../images/loading.gif');}
#zoom img{ display:block; max-width:none; background:#ececec; box-shadow:0 1px 3px rgba(0,0,0,0.25); border-radius:4px;}
#zoom .close{ z-index:99993; position:absolute; top:0; right:0; width:49px; height:49px; cursor:pointer; background:transparent url('../images/close4.png') no-repeat 50% 50%; opacity:1; filter:alpha(opacity=100); border-radius:0 0 0 4px;}
#zoom .previous,
#zoom .next{ z-index:99992; position:absolute; top:50%; overflow:hidden; display:block; width:49px; height:49px; margin-top:-25px;}
#zoom .previous{ left:0; background:url('../images/arrows.png') no-repeat 0 0; border-radius:0 4px 4px 0;}
#zoom .next{ right:0; background:url('../images/arrows.png') no-repeat 100% 0; border-radius:4px 0 0 4px;}
#zoom .close:hover,
#zoom .previous:hover,
#zoom .next:hover{ background-color:#3a77d9;}
#zoom p{ text-align:center; color:#fff; font-size:16px; position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:99992; line-height:2; padding:10px 0;}

.pro_list li .pic_w img,.news_list li .pic img{ display:block; max-width:100%; max-height:100%; transition:all 0.6s; margin:0 auto;}
.pro_list li.hover .pic_w img,.news_list li.hover .pic img{ transform:scale(1.05);}


.f_1{ width:100%; float:left; margin:30px 0px;}
.f_ewm{ margin:0 auto; justify-content: center; display: flex;}
.f_ewm li{ width:155px; float:left;}
.f_ewm li p{ text-align:center; display:block; line-height:25px; font-size:14px;}
.f_ewm li img{ height:auto !important;}

/*foot style*********************************************************************/
.footer{ width:100%; background:#444; text-align:center; padding:35px 0;}
.footer img{ display:block; height:160px; max-width:100%; margin:0 auto;}
.f_nav{ font-size:16px; text-align:center; line-height:2; margin:40px 0 30px 0;}
.f_nav i{ color:#6b6b6b; padding:0 22px;}
.f_nav a{ color:#fff;}
.f_nav a:hover{ color:rgba(255,255,255,.8);}
.footer p{ font-size:14px; color:#aeadad; line-height:2.15;}
.footer p em{ padding:0 5px; color:#aeadad;}