@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; background:#fff;}
#banner{width:100%;height:auto;cursor:pointer;position:relative;}
#wrapper{width:100%;height:auto;padding:30px 0; padding-bottom: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(0,0,0,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;}

/* 顶部信息 */
.top{width:100%;height:35px;overflow:hidden;background:#444;}
.head .container,.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}
.top p{font-size:12px;width:100%;color:#fff;line-height:35px}
.top p a{display:block;position:relative;float:right;padding:0 15px;color:#fff}
.top p a::before{content:'';display:block;width:1px;height:35px;background:#666;position:absolute;right:0;top:0}
.top p span{display:inline-block;height:20px;line-height:20px;padding:0 5px;margin:0 5px;color:#fff;background:#ff9000;}
.top p i{display:block;width:20px;height:36px;float:left}
.top p i.iconinfo{background:url(../images/iconinfo.png) no-repeat left}
.top p i.iconmsg{background:url(../images/iconmsg.png) no-repeat left}

/* 头部样式 */
.head{width:100%;padding:10px 0;}
.head .logo{width:100%;display:flex;align-items:center}
.head .logo a{display:block;float:left;padding-right:20px;margin-right:20px;border-right:1px solid #ddd}
.head .logo a img{ max-height:70px;}
.head .logo h1{font-size:24px;line-height:24px;font-weight:700}
.head .logo .hd_txt small{font-size:14px}
.head .tel{width:auto;min-width:205px;line-height:20px;padding-left:55px;background:url(../images/tel.png) no-repeat center left}
.head .tel small{font-size:12px;color:#aaa}
.head .tel a{font-size:20px; font-weight:700;color:#ff9000}

/* 顶部导航 */
.nav{position:relative; z-index: 999; width:100%; height:60px;background:#fff; border-top:1px solid #ddd; border-bottom:5px solid #444;}
.nav ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}
.nav ul li{position:static;line-height:60px}
.nav ul > li > a{position:relative;display:block; display:flex;align-items:center;padding:0 25px;line-height:20px; height:60px; font-size:16px; color: #333;}
.nav ul > li > a small{ font-size:10px;}
.nav ul > li:hover > a,.nav ul > li.active > a{ background: #ff9000; color:#fff}
.nav ul > li .submenu{position:absolute; width:auto; max-height: 0; overflow:hidden; background:rgba(255,153,0,.7);padding:0 15px; 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; padding:0 20px;}
.nav ul > li:hover .submenu{max-height:400px;}
.nav ul > li:hover .submenu a:hover{  text-decoration: underline;}

/* 幻灯大图 */
#banner .swiper-container{margin:0 auto;width:100%;height:auto}
#banner .swiper-slide{position:relative}
#banner .img-fix{overflow:hidden}
#banner .swiper-container img{display:block;width:100%;height:100%}
#banner .bottom-nav{position:absolute;bottom:30px;z-index:10;width:100%;text-align:center}
#banner .swiper-pagination{position:relative;display:inline-block;height:29px;vertical-align:middle}
#banner .swiper-pagination-bullet{position:relative;margin:0 12px;width:12px;height:12px;border-radius:50%;background:#fff;vertical-align:middle;opacity:1}
#banner .swiper-pagination-bullet-active::after{position:absolute;top:-4px;left:-4px;display:block;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.5);content:""}

/* 模块一 */
.module01 .tit{ text-align: center;}
.module01 .tit h3{ font-size: 30px; color: #333;}
.module01 .tit h3 span{ font-size:40px; color: #ff9000;}
.module01 .box{ padding: 30px 0; display: flex; justify-content: space-between;}
.module01 .item{ width:19%; border: 1px solid #ddd; padding: 15px; box-sizing: border-box; cursor: pointer;}
.module01 .item:hover{ border-color: #ff9000;}
.module01 .img{ padding: 20px 0;}
.module01 .txt{ text-align: center;}
.module01 .txt h3{  font-size: 20px;}

/*首页产品模块*/
.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;}
.module_product .lbox .menu a{ display: inline-block; font-size:16px; width: 100%; font-weight: bold; box-sizing: border-box; padding: 0 25px; height: 50px; line-height: 50px; border: 1px solid #ddd; border-top: 0;}
.module_product .lbox .menu a:hover{ color: #ff9000;}
.module_product .lbox .txt{ float: left; background: #444; 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: 24px;}
.module_product .lbox a.more{ display: inline-block; width: 100%; padding: 15px 0; background: #444; 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%;}
.module_product .rbox li .img{ position: relative;}
.module_product .rbox li .img::before{ display: block; content: ""; padding-bottom: 75%;}
.module_product .rbox li img{ position: absolute; top: 0; width:100%; left: 50%; transform: translate( -50%); height: 100%;border: 1px solid #ddd;
padding: 5px;
box-sizing: border-box;
background: #fff;}
.module_product .rbox li .txt{ line-height: 40px; text-align: center; background: #fff;}
.module_product .rbox li:hover .txt{color:#fff}

/*企业文化*/
.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{ display: flex; justify-content: space-between;}
.module_ad .item{ text-align: left; color: #fff; width: 30%; padding: 30px 0;}
.module_ad .item h3{ font-size: 20px; line-height: 2;}
.module_ad a.more{ display: inline-block; padding: 10px 50px; font-size: 18px; background: #d71205; color: #fff; border-radius: 5px;}
/* 模块二 */
.module02{position:relative;background:#fff;padding:30px 0}
.module02::before{display:block;content:"";width:45%;height:100%;position:absolute;top:0;left:0;}
.module02::after{display:block;content:"";width:45%;height:100%;position:absolute;top:0;left:0;opacity:.5;}
.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:24px;border-bottom:1px solid #ddd;color:#0061b3;color:var(--color);position:relative}
.module02 .txt h3::before{content:"ABOUT US";display:block;position:absolute;color:#eee;top:-50px;font-size:40px}
.module02 .txt p{color:#666;line-height:30px;padding:20px 0}
.module02 .txt a{display:inline-block;padding:5px 25px;color:#fff}
.module02 .txt h2{ font-size:18px;padding:15px 0;}
.module02 .txt ul{display:flex;justify-content:space-between;align-items:center}
.module02 .txt ul li{ background:#444; color:#fff;width:30%; padding:15px 0;}
.module02 .txt ul li span{font-size:30px;line-height:36px;font-weight:bold; display:block; width:100%; text-align:center}
.module02 .txt ul li small{font-size:16px;display:block; width:100%; text-align:center}

/* 优势模块 */
.advantage{ width: 100%; padding: 30px 0; height: auto; overflow: hidden; float: left;background:url(../images/advbg.jpg) no-repeat center top;}
.advantage .tit{ text-align: center; padding-bottom: 20px; padding-top:5px; }
.advantage .tit h3{ font-size: 30px; color:#fff}
.advantage .tit p{font-size: 14px; color: #fff;}
.advantage .box{ padding:30px; background:#f0f0f0;height:auto;overflow:hidden;}
.advantage .item{ width: 100%; float: left;}
.advantage .txt{ width: 50%; padding: 15px; box-sizing: border-box; float: left;}
.advantage .txt span,.advantage .txt b,.advantage .txt small{ display: inline-block; height: auto; line-height: 40px; text-align: center; font-size: 22px;}
.advantage .txt span{ width: 40px;margin-right: 10px; color: #fff; background: #ff9000;}
.advantage .txt b{ padding:0 10px;  font-weight:400; font-size:18px; color: #fff;background: #444;}
.advantage .txt small{ font-size: 12px; font-weight: normal; line-height: 20px;}
.advantage .txt p{ color: #666;}
.advantage .txt li{ padding: 15px 0;}
.advantage .img{ width: 50%; float: left;}

/* 模块三 */
.module03{ margin: 0;}
.module03 .tit{ text-align: center; padding-bottom:20px}
.module03 .tit h3{ font-size: 30px; color: #333;}
.module03 .tit h3 span{ color: #004fc5;}
.module03 .swiper-slide a{display:block;position:relative}
.module03 .swiper-slide .img{width:100%;overflow:hidden}
.module03 .swiper-slide p{width:100%;height:40px;display:flex;align-items:center;justify-content:center;color:#333;background:#eee;transition:all .5s}
.module03 .swiper-slide:hover p{color:#fff}
.module03 .swiper-slide .img{position:relative;}
.module03 .swiper-slide .img span{ position:absolute; display:block; top:50%; left:50%; margin-top:-35px; margin-left:-35px; width:70px;height:70px; background:url(../images/video.png) no-repeat center;}


/* 模块四 */
.module04{background:#fff;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;padding:50px 0;float:left;background:url(../images/contact01.jpg)no-repeat left center #eee;position:relative}
.module05::after{content:"";display:block;position:absolute;right:0;top:0;width:50%;height:100%;background:url(../images/contact02.jpg)no-repeat right center #004fc5;}
.module05 .container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;position:relative;z-index:1}
.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:24px; line-height:24px; padding-bottom:30px}
.module05 .lbox p{text-align:left;border-left:1px solid #ddd;padding:0 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:15px 0;line-height:40px}
.area a{display:inline-block;padding:0 5px}

/* 底部样式 */
#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:20%}
#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:120px}
#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}