@charset "utf-8";
/* 基础样式 */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.14 'Microsoft YaHei',sans-serif; outline:0;}
a,a:hover,a:active,a:visited,a:focus{color:#333; text-decoration: none;}
img{ display: block; max-width: 100%; margin: auto;}
body{min-width: 1280px; line-height: 1.75; background: #fff;}
.container{width: 1200px; margin: auto;}
/* 返回顶部 */
#rollTop{position:fixed;z-index:9999;right:10px;bottom:10px;width:40px;height:40px}
#rollTop a{display:inline-block;width:100%;height:100%;background:url(../images/rollTop.png) no-repeat center;background-size:50%}

/* 客服样式 */
#kefu{position:fixed;width:167px;top:20%;z-index:9999;}
.kbtn{width:30px;height:146px;background-repeat:no-repeat;background-position:center 120px;border-radius:5px;font-size:16px;text-align:center;color:#fff;margin-top:120px;cursor:pointer}
.kbtn span{background:url(../images/xrn.png) no-repeat 2px 5px;padding-top:35px;display:block;line-height:18px}
.kren span{display:block;background:url(../images/ren.png) no-repeat 0 0;width:100px;height:100px;border-radius:50%;overflow:hidden;margin:10px auto}
.kbox .con{padding:0 10px;padding-bottom:30px;}
.kbox .con p{text-align:center;line-height:20px;color:#fff;font-size:12px}
.kbox .con p b{font-size:15px}
.kbox .ewm{text-align:center;font-size:14px;padding:10px 0;background:url(../images/line.png) no-repeat top;color:#fff}
.kbox .ewm img{width:110px;height:110px;padding-top:10px}
.lkefu{left:0}
.lkefu .kbtn{float:right;background-image:url(../images/jt.png)}
.lkefu .kbox{width:135px;float:left;position:relative;border-top-right-radius:50px;border-bottom-left-radius:50px;overflow:hidden;float:right;position:relative}
.rkefu{right:0}
.rkefu .kbtn{float:left;background-image:url(../images/jt1.png)}
.rkefu .kbox{width:135px;border-top-left-radius:50px;border-bottom-right-radius:50px;overflow:hidden;float:right;position:relative}

/* 框架样式 */
#header{width:100%;height:auto; position: relative; z-index: 999;}

#wrapper{width:100%;height:auto;padding:30px 0;overflow:hidden}
.module01,.module02,.module03,.module04{width:100%;height:auto;overflow:hidden;float:left;margin:20px 0}
#footer{width:100%;height:auto;padding-top:30px; overflow:hidden;float:left;position:relative; background:rgba(58,70,89,1)}
#footer::before{content:"";display:block;position:absolute; z-index:0; right:0;top:0;width:100%;height:100%;background:url(../images/foot.jpg) no-repeat top;opacity: 0.1;}

/* 顶部信息 */
.head,.search .container,.top .container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}

/* 头部样式 */
.head{width:100%;padding:15px; box-sizing:border-box;}

.head .logo{width:500px; min-width:500px; display:flex;align-items:center}
.head .logo img{ max-width: 150px; }
.head .logo a{display:block;float:left;padding-right:20px;margin-right:20px;border-right:1px solid #ddd}
.head .logo h1{font-size:20px;line-height:30px;font-weight:700;color:#fff}
.head .logo .hd_txt small{font-size:14px;color:#fff}

.head .tel{width:190px;line-height:24px;padding-left:55px;background:url(../images/tel.png) no-repeat center left}
.head .tel small{font-size:12px;color:#fff}
.head .tel a{font-size:28px;font-weight:700;color:#ffa500}

@media (max-width:1440px){
.head .tel{ width:180px;}
.head .tel a{font-size:24px;}
}

/* 顶部导航 */
.nav{position:relative; z-index: 999; width:900px; padding:0 50px; box-sizing:border-box; height:50px}
.nav ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}
.nav ul li{position:static;line-height:50px}
.nav ul > li > a{position:relative; display:inline-block;padding:0 15px;font-size:16px; color: #fff;font-weight: bold;}
.nav ul > li > a::after{content:"";position:absolute; display:block; bottom:0;left:0;width:0;height:3px;background:#ffa500;transition:all 0.5s;} 
.nav ul > li:hover > a,.nav ul > li.active > a{ color:#ffa500}
.nav ul > li:hover > a::after,.nav ul > li.active > a::after{width:100%;}
.nav ul > li .submenu{position:absolute; width:auto; max-height: 0; overflow:hidden; background:rgba(58,70,89,.8);padding:0 35px; top:100%;transition:all .5s; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}
.nav ul > li .submenu a{display:block;font-size:14px;line-height:40px; color: #fff;}
.nav ul > li:hover .submenu{max-height:400px;}
.nav ul > li:hover .submenu a:hover{  text-decoration: underline;}
@media (max-width:1560px){
	.head .logo{width: auto; min-width: 200px;}
	.nav{min-width:700px;}
	.nav ul > li > a{padding:0 8px;}
	.hd_txt{ display: none;}
	.head .logo a{ border: 0;}
}

/* 幻灯大图 */

.home{ width: 100%; height: auto; overflow: hidden; position: relative;}
.home .swiper-container{width:100%;height:100%}
.home .swiper-slide{position:relative; background: #fff; overflow: hidden;}
.home .swiper-slide .vbox{ position: absolute; left: 0; top:0; width: 100%; height: 100%;}
.home .swiper-slide .vbg{ position: absolute; top: 0;left: 0; width: 100%; height: 100%; background:url(../images/dot.png) repeat; opacity: 0.5;}
.home .swiper-slide .vidbg{position:relative;z-index:9}
.home .swiper-slide p{font-size:20px;letter-spacing:2px;font-weight:700;line-height:2}
.home .swiper-slide img{width:100%;height:auto;transition:1s ease 2s;transform:scale(1.1,1.1)}
.home .swiper-slide-active img,.home .swiper-slide-duplicate-active img{transition:5s ease;transform:scale(1,1)}
.home .swiper-pagination{bottom:30px!important;left:0!important;text-align:center;}
.home .swiper-pagination-bullet{width:40px;height:40px; line-height: 38px; opacity:1;background:0 0;border:2px solid rgba(255,255,255,0.5);color: #fff; transition: all 0.5s;}
.home .swiper-pagination-bullet-active{background:#ff6600; border: 2px solid #ff6600;}
.home .swiper-button-next,.home .swiper-button-prev{ background: rgba(0,0,0,0.1); text-align: center; color: #fff; line-height: 60px; width: 60px; height: 60px; font-weight: bold; font-size: 14px;}
.home .swiper-button-next:hover,.home .swiper-button-prev:hover{ background: rgba(0,0,0,0.5);}
/* 模块一 */
.module01 .tit{ text-align: left;}
.module01 .tit h3{ font-size: 24px; color: #333; line-height:30px;}
.module01 .tit h3 span{ color: #ffa500; font-size:35px}
.module01 .tit p{ padding-bottom:15px; font-size:16px;}
.module01 .box{ padding:0; display: flex; justify-content: space-between;}
.module01 .item{ width:24%; border: 1px solid #ddd; padding: 30px; box-sizing: border-box; cursor: pointer;}
.module01 .item:hover{ border-color: #ffa500;}
.module01 .img{ padding: 20px 0;}
.module01 .txt{ text-align: center;}
.module01 .txt h3{  font-size: 50px;color:#3a4659}
.module01 .txt h3 img{ max-height:87px;}
.module01 .txt h3 sup{font-size:20px; font-weight: normal;padding: 5px;}
.module01 .txt p{ color:#666;font-size: 18px;}
.module01 .item:hover h3{color: #ffa500;}

/*首页产品模块*/
.module_product{ width: 100%; height: auto; overflow: hidden; background: url(../images/titbg.jpg) no-repeat top center; padding-top: 75px;padding-bottom: 30px;}
.module_product .lbox{ width: 260px; height: auto; float: left;}
.module_product .rbox{ width: 940px; float: left; padding-left: 40px; box-sizing: border-box;}
.module_product .lbox .tit{ width: 100%; height: 125px; padding: 30px; box-sizing: border-box; background: url(../images/titbg01.jpg) no-repeat center; text-align: center;}
.module_product .lbox .tit h1{ color: #fff; font-size: 24px;}
.module_product .lbox .tit p{ color: #fff; font-size: 12px;}
.module_product .lbox .menu{ float: left; width: 100%;}
.module_product .lbox .menu .side_nav{ border: 1px solid #ddd; border-top: 0;}
.module_product .lbox .menu .side_nav h3{ position: relative; line-height: 50px; width: 100%; box-sizing: border-box; padding: 0 10px; border-bottom: 1px solid #ddd;}
.module_product .lbox .menu .side_nav h3 a{ display: inline-block; width: 100%; font-size:16px;}
.module_product .lbox .menu .side_nav h3 span{ display: block; text-align: center; font-weight: normal; width: 50px; height: 50px; cursor: pointer; border-left: 1px solid #ddd; position: absolute; right: 0; top: 0;}
.module_product .lbox .menu .side_nav h3 span::before{ content: "+";}
.module_product .lbox .menu .side_nav h3 .add::before{ content: "-";}
.module_product .lbox .menu .side_nav h3 a:hover{ color: #ffa500;}
.module_product .lbox .menu .side_nav ul{ width: 100%; height: 0; overflow: hidden;}
.module_product .lbox .menu .side_nav ul.on{ height: auto;}
.module_product .lbox .menu .side_nav ul.on li:last-child{ border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.module_product .lbox .menu .side_nav ul.on li:first-child{margin-top: 15px;}
.module_product .lbox .menu .side_nav ul li{ line-height: 30px; box-sizing: border-box; padding-left: 35px; background: url(../images/dot.png) no-repeat 20px 15px;}
.module_product .lbox .menu .side_nav ul li a{ display: inline-block; width: 100%; font-size: 15px; color: #666;}
.module_product .lbox .menu .side_nav ul li:hover a{ color: #ffa500}


.module_product .lbox .txt{ float: left; background: #3a4659; color: #fff; padding: 30px; box-sizing: border-box; width: 100%; text-align: center;}
.module_product .lbox .txt h2{ font-size: 30px; line-height: 1.5;}
.module_product .lbox .txt p:last-child{ padding: 20px 10px 20px 40px; line-height: 1.2; background: url(../images/tel01.png) no-repeat left center; text-align: left;}
.module_product .lbox .txt p b{ font-size: 20px;}
.module_product .lbox a.more{ display: inline-block; width: 100%; padding: 15px 0; background: #3a4659; color: #fff; text-align: center; margin-top: 10px;}
.module_product .rbox .tit{ text-align: center; color: #fff; padding-bottom: 50px;}
.module_product .rbox .tit h3{ font-size: 24px; line-height: 1.2;}
.module_product .rbox li{ width: 33.33%; float: left; padding-left: 20px; padding-bottom: 20px; box-sizing: border-box;}
.module_product .rbox li a{ display: inline-block; width: 100%; padding: 2px; border: 3px solid #ddd;background: #fff;}
.module_product .rbox li .img{ position: relative;}
.module_product .rbox li .img::before{ display: block; content: ""; padding-bottom: 116%;}
.module_product .rbox li img{ position: absolute; top: 0; left: 50%; transform: translate( -50%); height: 100%;}
.module_product .rbox li .txt{ line-height: 40px; text-align: center; background: #eee;}

/*企业文化*/
.module_ad{ padding: 50px 0; background: url(../images/bg.jpg) no-repeat center; text-align: center;}
.module_ad .tit{ text-align: center; color: #fff;}
.module_ad .tit h3{ font-size: 24px; line-height: 1.5;}
.module_ad .box{width:100%;padding-top:30px;}

/* 模块二 */
.module02{position:relative;background:#fff;padding:30px 0}
.module02 .container{position:relative;z-index:1}
.module02 .box{display:flex;justify-content:space-between;align-items:center}
.module02 .img{width:100%}
.module02 img{display:block}
.module02 .txt{width:100%;padding-right:50px;box-sizing:border-box;text-align:justify;text-justify:inter-ideograph}
.module02 .txt h3{font-size:30px; font-weight:400; border-bottom:1px solid #ddd;color:#0061b3;color:var(--color);position:relative}
.module02 .txt h3::before{content:"OUR PROFILE";display:block;position:absolute;color:#aaa;top: 24px;
left: 140px;
font-size: 14px;}
.module02 .txt p{color:#333;line-height:30px;padding:15px 0;font-size:16px;}
.module02 .txt p.bg-color{padding:30px; color:#fff}
.module02 .txt a{display:inline-block;padding:5px 25px;color:#fff}

/* 优势模块 */
.advantage{ width: 100%; padding: 30px 0; height: auto; overflow: hidden; float: left;background:url(../images/advbg.jpg) no-repeat top center;}
.advantage .tit{ text-align: center; padding-bottom: 30px;}
.advantage .tit h3{ font-size: 24px;color: #fff;}
.advantage .tit p{font-size: 14px; color: #fff;}
.advantage .box{background:#fff;padding:30px; box-sizing:border-box;box-shadow: 0 5px 3px #aaa;}
.advantage .box ul{ display: flex; justify-content: space-between;}
.advantage .box ul li{  width: 22%; overflow: hidden; text-align:center}
.advantage .box ul li .img{ margin: 15px 0;}
.advantage .box ul li .txt h3{ font-weight: normal; font-size: 20px; padding-bottom: 10px;}
.advantage .box ul li .txt p{ font-size: 15px;line-height: 24px; color: #666;}


/* 模块三 */
.module03{ margin: 0; margin-bottom: 30px;}
.module03 .tit{ width: 100%; height: 50px; line-height: 50px; margin-bottom: 10px; background: #eee;}
.module03 .tit h3{ font-size: 18px;}
.module03 .tit h3 span{ display: block; padding: 0 30px; float: left; color: #fff;}
.module03 .tit h3 a{ display: block; float: right; font-size: 12px; padding: 0 15px;}
.module03 .swiper-slide a{display:block;position:relative;padding:5px;border:1px solid #ddd;}
.module03 .swiper-slide .img{width:100%;overflow:hidden}
.module03 .swiper-slide p{width:100%;bottom:0;left:0;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;position:absolute;background:rgba(58,70,89,.7);transition:all .5s}
.module03 .swiper-slide a:hover p{height:50%}

/* 模块四 */
.module04{background:#fff;padding-top:30px;margin:0}
.module04 .tit{ text-align: center;padding-bottom:20px;}
.module04 .tit h3{ font-size: 30px; color: #333;}
.module04 .tit h3 span{ color: #004fc5;}
.module04 .box{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.module04 .item{margin:10px 0;width:24%}
.module04 .item a{display:block; background:#eee;transition:all .5S}
.module04 .item .img{width:100%;overflow:hidden;}
.module04 .item img{transition:all .5s}
.module04 .item .txt{width:100%;padding:15px;box-sizing:border-box}
.module04 .item h3{padding-bottom:10px}
.module04 .item p{font-size:14px;color:#666}
.module04 .item span{font-size:12px;color:#aaa;padding:15px 0}
.module04 .item a:hover img{transform:scale(1.1)}
.module04 .item a:hover H3,.module04 .item a:hover P,.module04 .item a:hover span{color:#fff}

/* 模块五 */
.module05{width:100%;height:auto; margin-bottom:30px; background:#fff;}

.module05 .box{position:relative;padding:30px; display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;position:relative;z-index:0;background:url(../images/contact01.jpg) no-repeat left center #eee;background-size:auto 100%}
.module05 .box::after{content:"";display:block;position:absolute; z-index:-1; right:0;top:0;width:50%;height:100%;}
.module05 .lbox,.module05 .rbox{width:48%}
.module05 .lbox{text-align:center}
.module05 .lbox h3,.module05 .rbox h3{position:relative;font-weight:400;font-size:20px;line-height:40px;padding-top:60px;text-align:center}
.module05 .lbox h3::before,.module05 .rbox h3::before{content:"";display:block;position:absolute;top:0;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:50%}
.module05 .lbox h3::before{background-image:url(../images/phone.png);background-repeat:no-repeat;background-position:center}
.module05 .lbox h1{text-align:center;font-size:30px;padding-bottom:30px}
.module05 .lbox p{text-align:left;padding:30px 50px}
.module05 .lbox a{display:inline-block;padding:10px 80px;border-radius:30px;margin-top:30px; color:#fff}
.module05 .rbox h3{color:#fff}
.module05 .rbox h3::before{background:url(../images/message.png) no-repeat center #fff}
.module05 .form .item{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}
.module05 input,.module05 textarea{width:100%;border:0;height:40px;line-height:40px;padding:5px 10px;margin:5px}
.module05 input.btn{text-align:center;color:#fff;background:rgba(255,255,255,.2);font-size:18px;cursor:pointer}
.module05 input.btn:hover{background:rgba(255,255,255,.1)}
.module05 textarea{height:100px}

/* 分站样式 */
.area{padding: 0;line-height:40px}
.area a{display:inline-block;padding:0 5px}

/* 底部样式 */
#footer .fbox{position:relative;z-index:1}
#footer .ftop{border: 1px solid rgba(255,255,255,0.1); height:auto;width:100%;color:#fff;font-weight:700;font-size:14px;float:left}
#footer .ftop .container{height:auto;overflow:hidden}
#footer .ftop span{background-color:#ff9000;display:block;width:auto;float:left;font-size:18px;font-weight:400;line-height:18px;text-align:right;padding:10px 25px;padding-left:60px;background-image:url(../images/link.png);background-repeat:no-repeat;background-position:15px 10px;}
#footer .ftop a{display:inline-block;color:#fff;padding:0 15px;font-weight:400;height:47px;overflow:hidden;line-height:54px}
#footer .lbox{width:100%;padding-top:30px;height:auto;overflow:hidden;float:left}
#footer .lbox .item{padding:0 25px;border-left:1px solid rgba(255,255,255,.2);float:left;min-width:10%}
#footer .lbox .item a{color:#fff}
#footer .lbox .item h3{padding-bottom:15px;font-weight:400;font-size:16px}
#footer .lbox .item p{font-size:14px;color:#fff}
#footer .lbox .item p a{color:#fff}
#footer .lbox .item p a:hover{color:#fff}
#footer .rbox{float:right;color:#fff}
#footer .rbox img{max-width:320px}
#footer .bbox{width:100%;margin-top:50px;text-align:center;padding:15px 0;font-size:14px;color:#fff;border-top:1px solid rgba(255,255,255,.2);float:left}
#footer .bbox a{color:#fff}


.page_block_content h2{ padding:20px 15px 10px 80px; line-height: 50px; background: url(../images/title.png) no-repeat left center; color: #fff; margin: 15px 0; font-size: 30px;}
.page_block_content > div{ padding-left: 80px;}

.contact_list{ display: flex;  justify-content: space-between; flex-wrap: wrap;}
.contact_list .col{ width: 25%; padding: 15px; text-align: center; background: #eee; border-radius: 10px; margin: 15px 0;box-sizing: border-box;}
.contact_list .col img{ background: #3A4659; border-radius: 50%;}
.contact_list .col .dt{ font-size: 18px; line-height: 30px;}
@media (max-width:768px){
    .contact_list .col{ width: 50%;}
    .contact_list .col .dd{ font-size: 14px; line-height: 18px;}
}