@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: 100%; padding: 0 100px; box-sizing: border-box; min-width: 1200px; margin: auto;}
@media (max-width:1440px){
	.container{ padding: 0 50px; }
}
/* 返回顶部 */
#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:-135px}
.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; padding:0 50px; box-sizing:border-box;box-shadow: 0 0 5px #aaa;
position: relative;
z-index: 2;}

#banner{width:100%;height:auto;cursor:pointer;position:relative}
#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;overflow:hidden;float:left;background:#111}

/* 顶部信息 */
.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{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}

/* 头部样式 */
.head{width:100%;}
.head .logo{width:100%; max-width: 400px; display:flex;align-items:center;padding:15px 0}
.head .logo a{display:block;float:left;padding-right:20px;}
.head .tel{width:auto; line-height:24px;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:30px;color:#da0000;font-family: "impact"}

/* 顶部导航 */
.nav{position:relative; z-index:999; width:100%;height:100%; min-width: 750px;}
.nav ul{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}
.nav ul li{position:static;line-height:100%}
.nav ul > li > a{position:relative; display:inline-block;font-size:16px;font-weight:bold; color:#333;padding:0 20px; width: 100%; height: 90px; text-align: center; line-height: 90px; box-sizing: border-box;}

.nav ul > li:hover > a,.nav ul > li.active > a{ 
background: #1d50a9; 
 color:#fff}
.nav ul > li .submenu{position:absolute; width:auto; max-height: 0; overflow:hidden; background:rgba(29,80,169,.7);padding:0 30px; 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:16px;line-height:40px; color: #fff;}
.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 .swiper-slide img{width:100%;height:auto;transition:1s ease 2s;transform:scale(1.1,1.1)}
#banner .swiper-slide-active img,#banner .swiper-slide-duplicate-active img{transition:5s ease;transform:scale(1,1)}

#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:""}

/* 模块一 */
.hbar{width:100%; padding: 15px 0; }
.hbar .container{ display: flex; justify-content: space-between; align-items: center; }
.hbar h1{ font-size: 24px; color: #fff; line-height:40px; }
.hbar p{ color: #fff; font-size: 18px; line-height: 30px; }
.hbar .search{ min-width: 350px; height: 50px; background: #fff; }
.hbar .search input.keywords{ float: left; width: 280px; height: 50px; line-height: 50px; padding: 0 10px; font-size: 16px; border:0; }
.hbar .search input.keybtn{ width: 70px; cursor: pointer; height: 50px; border:0; float: left;  background:rgba(29,80,169,.9); color: #fff }
/*首页产品模块*/
.module_product{ width: 100%; height: auto; overflow: hidden; }
.module_product .lbox{ width: 260px; height: auto; float: left;}
.module_product .rbox{ width: 940px; float: left; padding-left:10px; box-sizing: border-box;}
.module_product .lbox .tit{ width: 100%; height: 125px; padding: 15px; box-sizing: border-box; background: url(../images/titbg01.png) no-repeat center #0061c5; text-align: center;}
.module_product .lbox .tit h1{ color: #fff; font-size: 35px;}
.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: #da0000;}
.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: #da0000;}
.module_product .lbox .txt{ float: left; 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 b{ font-size: 16px;}
.module_product .lbox a.more{ background: #d71205; display: inline-block; width: 100%; padding: 15px 0; color: #fff; text-align: center; margin: 10px 0;}
  
.module_product .rbox li{ width: 25%; float: left; padding-left: 10px; padding-bottom: 10px; box-sizing: border-box;}
.module_product .rbox li a{ display: inline-block; width: 100%; padding: 5px; border: 1px solid #ddd; box-sizing: border-box;}
.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; left: 50%; transform: translate( -50%); height: 100%;}
.module_product .rbox li .txt{ line-height: 30px; text-align: center; background: #eee;}

/* 通栏子菜单 */
.module01{ background:url(../images/cbg.jpg) no-repeat; padding-top:80px; padding-bottom: 50px; }
.module01 .tit{ width: 100%; height: auto; text-align:left; max-width:800px;}
.module01 .tit h3{position: relative; font-size:30px; line-height: 30px; color:#fff; padding-bottom: 20px;}
.module01 .tit h3::before{ display: block; content: ""; position: absolute; left: -90px; top: 15px; width: 80px; height: 3px; background:#fff;}
.module01 .tit p{ font-size: 16px; line-height: 24px; color: #fff}

/* 图片列表 */
.module01 .swiper-slide{margin-top:20px}
.module01 .swiper-slide .img{float:left;overflow:hidden}
.module01 .swiper-slide .img img{display:block;transition:all .5s; width: 100%;}
.module01 .swiper-slide p{float:left;width:100%;position:relative;background:#eee;padding:5px 10px;box-sizing:border-box}
.module01 .swiper-slide p::after{content:"+";position:absolute;right:0;top:0;width:40px;height:100%;display:flex;justify-content:center;align-items:center;background:#ddd;font-size:18px}
.module01 .swiper-slide a:hover p::after{transition:all .5s;color:#fff}
.module01 .swiper-slide a:hover img{transform:scale(1.1)}

/* 模块二 */
.module02{position:relative;background:#fff;padding:30px 0}
.module02 .container{position:relative;z-index:1}
.module02 .box{display:flex;justify-content:space-between;}
.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{position: relative; font-size:30px; line-height: 30px; border-bottom:1px solid #ddd;color:#1d50a9; padding-bottom: 20px;}
.module02 .txt h3::before{ display: block; content: ""; position: absolute; left: -90px; top: 15px; width: 80px; height: 3px; background:#1d50a9;}
.module02 .txt h3 small{ font-size: 18px; font-weight: normal; color: #333 }
.module02 .txt p{font-size:14px; line-height:30px;padding:20px 0}
.module02 .txt a{display:inline-block;padding:5px 25px;color:#fff; background:#1d50a9}
.module02 .list-bar{ padding: 30px 0; overflow: hidden;}
.module02 .list-bar a{display: flex; justify-content: center; flex-wrap: wrap; max-width: 60px; padding:15px 25px; color: #333; background: #eee; float: left; margin-right: 15px;}
.module02 .list-bar a span{ display: inline-block; width: 100%; height: 40px;}
.module02 .list-bar a:nth-child(1) span{ background: url(../images/icon01.png) no-repeat center;}
.module02 .list-bar a:nth-child(2) span{ background: url(../images/icon02.png) no-repeat center;}
.module02 .list-bar a:nth-child(3) span{ background: url(../images/icon03.png) no-repeat center;}
.module02 .list-bar a:nth-child(4) span{ background: url(../images/icon04.png) no-repeat center;}
/* 模块三 */
.module03{ margin:30px 0;}
.module03 .box{ background:url(../images/cpbg.jpg) no-repeat; padding-top:80px; padding-bottom: 30px; }
.module03 .tit{ width: 100%; height: auto; text-align:left; max-width:800px;}
.module03 .tit h3{position: relative; font-size:30px; line-height: 30px; color:#fff; padding-bottom: 20px;}
.module03 .tit h3::before{ display: block; content: ""; position: absolute; left: -90px; top: 15px; width: 80px; height: 3px; background:#fff;}
.module03 .tit p{ font-size: 16px; line-height: 24px; color: #fff}
/* 优势模块 */
.advantage{ padding: 30px 0; display: flex; justify-content: space-between;}
.advantage .item{ width:23%; background: rgba(0,0,0,0.2); padding: 50px 30px; box-sizing: border-box; cursor: pointer;}
.advantage .item:hover{ border-color: #004fc5;}
.advantage .img{ padding: 20px 0;}
.advantage .txt{ text-align: center;}
.advantage .txt h3{  font-size: 25px; padding-bottom: 20px; color: #fff}
.advantage .txt p{ color: #fff; }

/* 图片列表 */
.module03 .swiper-slide{margin-top:20px;border:1px solid #ddd;padding:5px; background:#eee; box-sizing:border-box}
.module03 .swiper-slide .img{float:left;overflow:hidden;}
.module03 .swiper-slide .img img{display:block;transition:all .5s; width: 100%; height:100%; }
.module03 .swiper-slide p{float:left;width:100%;position:relative;background:#eee;padding:10px;box-sizing:border-box}
.module03 .swiper-slide:hover p{color:#1d50a9}
.module03 .swiper-slide p::after{content:"+";position:absolute;right:0;top:0;width:40px;height:100%;display:flex;justify-content:center;align-items:center;font-size:18px}
.module03 .swiper-slide a:hover p::after{transition:all .5s;color:#1d50a9}
.module03 .swiper-slide a:hover img{transform:scale(1.1)}

.module03 .list{width:100%;padding:25px 0;background:#fff;line-height:40px;box-sizing:border-box;}
.module03 .list a{position:relative;display:inline-block;padding:5px 50px;color:#fff; background: #1d50a9}

/* 模块四 */
.module04{background:#fff;padding:50px 0;margin-bottom:0}

.module04 .container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.module04 .lbox{ width:380px; min-width: 350px; padding:30px;background: #1d50a9;}
.module04 .rbox{ width:680px; min-width: 500px; padding:0 50px;}
.module04 .lbox h3{ color:#fff; font-size:18px}
.module04 .lbox p{ color:#fff; font-size:10px;text-transform:uppercase; padding-bottom:20px;}
.module04 .lbox .contact_txt{ color:#fff;padding:15px 0;}
.module04 .lbox .contact_txt h4{ font-size:18px; color:#fff;padding-bottom:10px;}

.module04 .tit{ width: 100%; height: 50px; line-height: 50px; margin-bottom: 10px;}
.module04 .tit h3{ font-size: 24px;}
.module04 .tit h3 span{ display: inline-block; font-size:14px; font-weight:100; padding: 0 10px;}
.module04 .tit h3 a{ display: block; float: right; font-size: 12px; padding: 0 15px;}
.module04 .box{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.module04 .item{margin:10px 0;width:100%}
.module04 .item a{display:block;display:flex;align-items:center;justify-content:space-between;transition:all .5S}

.module04 .item .txt{width:100%;box-sizing:border-box}
.module04 .item h3{padding-bottom:10px;font-size:18px;}
.module04 .item p{font-size:15px;color:#666;padding-bottom:10px;}
.module04 .item span{ display: inline-block; font-size:14px;color:#fff;padding:5px 20px; background: #1d50a9; }
.module04 .item a:hover h3{color:#1d50a9}

.module04 .cbox { max-width: 600px; }
.module04 .cbox ul{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.module04 .cbox ul li{ width: 30%; float: left; border:1px solid #ddd; margin-bottom: 20px; }

/* 模块五 */
.module05{width:100%;height:auto;padding:50px 0;float:left;background:#fff;position:relative}
.module05::after{content:"";display:block;position:absolute;right:0;top:0;width:50%;height:100%}
.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:30px;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; font-size: 16px}
.area a{display:inline-block;padding:0 5px}

/* 底部样式 */
#footer .fbox{width:100%; padding:30px 0; float:left; background:url(../images/fbg.jpg) no-repeat center;}
#footer .ftop{height:auto;width:100%;color:#fff;font-weight:700;font-size:14px;float:left;background: #fff; }
#footer .ftop .container{height:auto;overflow:hidden}
#footer .ftop span{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;background-color:#1d50a9}
#footer .ftop a{display:inline-block;color:#333;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:16%;max-width:20%}
#footer .lbox .item a{color:#fff}
#footer .lbox .item h3{padding-bottom:15px;font-weight:400}
#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%;text-align:center;padding:15px 0;font-size:14px;color:#aaa;float:left; background:#222}
#footer .bbox a{color:#fff}

.page02{ background:url(../images/four_bg.jpg)no-repeat center #fff; float:left; width:100%; min-height:800px; text-align:center; padding: 50px 0;}
.page02 .tit h3{ font-size: 26px; line-height: 70px;}
.page02 .tit p{ font-size: 14px; color: #666; padding: 15px 150px;}
.page02 .box ul{ display: flex; justify-content: space-between; padding-top:20px;}
.page02 .box ul li{  width: 32%; overflow: hidden; text-align:left; padding:50px 20px; max-width:380px;display: flex; justify-content: space-between;}
.page02 .box ul li h3{ font-size: 24px; padding-bottom: 10px; color:#00a0d2}
.page02 .box ul li p{ font-size: 16px;line-height: 24px; color: #333;}
.page02 .box{position:relative;}
.page02 .img{ position:absolute; top:50%;left:50%;margin-left:-180px;margin-top:-100px;}
.page02 .box li span{ display:block; width:40px;min-width:40px; height:40px; background:#00a0d2;color:#fff;line-height:40px;text-align:center}
.page02 .box li .txt{width:100%;padding-left:10px;}

.page02 .bot{ width:100%;height:auto;margin-top:90px;}
.page02 .bot a{ display:inline-block; padding:20px 50px; color:#fff; background: #00a0e8;border-radius: 50px; text-align:left;
background: -moz-linear-gradient(left,  #00a0e8 0%, #00a838 100%); 
background: -webkit-linear-gradient(left,  #00a0e8 0%,#00a838 100%); 
background: linear-gradient(to right,  #00a0e8 0%,#00a838 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0e8', endColorstr='#00a838',GradientType=0 );}
.page02 .bot a b{ font-size:24px; padding-right:15px;display:inline-block; height:40px; line-height:40px;}
.page02 .bot a span{display:inline-block; width:80px; height:40px; line-height:40px; padding-left:50px; background:url(../images/phone1.png) no-repeat left center;}