@charset "utf-8";
html{color:#3b444d;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
strong{font-weight:bold}
body{font-family:"Microsoft YaHei";font-size:16px;min-width:1200px}

a{color:#333;text-decoration:none}
a:hover{color:#2689ff}
a:focus{outline:none;-moz-outline:none}
/*public*/
.clearfix{clear:both;width:100%;height:0}
.mr-0{margin-right:0 !important}
.mt-10{margin-top:10px !important}
.mt-15{margin-top:15px !important}
.mt-20{margin-top:20px !important}
.mt-30{margin-top:30px !important}
.mt-50{margin-top:50px !important}
.pd-home{padding:40px 0}
.f-l{float:left}
.f-r{float:right}
.circle{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden}
.radius-5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden}
.radius-10{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden}
.radius-20{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden}
.radius-30{-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;overflow:hidden}
.radius-b50{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden}
.bg-grey{background:#f5f5f5}

.transition{transition:.2s ease-in-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}


.text-center{text-align:center}

.container{width:1200px;margin:0 auto;position:relative;}
.col-left{width:310px;float:left;margin:0 20px 0 0}
.col-right{width:970px;float:left}



.header{position:relative;height:80px;z-index:999;background:#3b444d}
.header .container{position:relative}
.header .logo{width:300px;height:80px;position:absolute;left:20px}
.header .logo img{width:300px;height:80px}
.header .nav{height:80px;line-height:80px;position:absolute;z-index:999;right:150px}
.header .nav a{color:#fff}
.header .nav .nLi{float:left;position:relative;display:inline}
.header .nav .nLi h3{float:left}
.header .nav .nLi h3 a{letter-spacing:1px;display:block;padding:0 20px;font-size:18px}
.header .nav h3 a:hover{color:#b3dd00;opacity:1}

.btn-jc{width:120px;height:32px;line-height:32px;text-align:center;background:#b3dd00;color:#3b444d;position:absolute;top:22px;right:0}
.btn-jc:hover{background:#000}
.btn-ksjc{display:block;margin:0 auto;width:120px;height:26px;line-height:26px;text-align:center;background:#b3dd00;color:#fff;padding:10px 40px;font-weight:bold;}
.btn-ksjc:hover{color:#3b444d}
.btn-jc-1{width:160px;height:42px;line-height:42px;text-align:center;background:#3b444d;color:#b3dd00;display:inline-block;}
.btn-jc-1:hover{background:#000;color:#fff}


.title-home{text-align:center;width:800px;margin:0 auto;color:#3b444d}
.title-home h2{font-size:32px;font-weight:bold}
.title-home p{font-size:14px;line-height:26px}

.banner-home{height:340px;position:relative;background:url("../img/bg-slide.jpg") #332f2c;padding:60px 0;overflow:hidden}
.banner-home .text{color:#fff;width:460px;float:left;margin-left:50px;z-index:11}
.banner-home .text h3{font-size:34px;font-weight:bold;margin-bottom:20px}
.banner-home .text h4{font-size:20px;font-weight:bold;color:#b3dd00;border-bottom:1px solid #96999b;padding-bottom:15px}
.banner-home .text p{font-size:17px;margin-top:10px;line-height:30px}
.banner-home .pic{float:right}
.banner-home .pic img{width:400px}
.banner-home .text-btn{margin-top:20px}
.banner-home .text-btn span{z-index:3;display:inline-block;position:relative;width:auto;height:36px;background:#b3dd00;font-size:16px;line-height:36px;font-weight:bold;color:#093c50;text-align:center;border-radius:4px;padding:0 15px}
.banner-home .text-btn span.red{z-index:0;background:#9f0000;color:#fff;margin-left:-8px}
.banner-home .text-btn span.red i{margin-left:10px;text-decoration:line-through;}

.custom-home{width:1100px}
.custom-home .swiper-slide{text-align:center;height:140px;display: flex;justify-content: center;align-items: center}
.custom-home img{max-width:70%}
.custom-home-box .swiper-button-next,
.custom-home-box .swiper-button-prev{color:#666 !important}

.why-us{padding:40px 0 20px 0}
.why-us li{width:320px;height:240px;float:left;padding:20px 30px 0 30px;background:#f5f5f5;text-align:center;position:relative;margin-right:30px;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
.why-us li:hover{border-color:#2689ff;-webkit-box-shadow:0px 10px 16px rgba(237,237, 237, 1);-moz-box-shadow:0px 10px 16px rgba(237,237, 237, 1);box-shadow:0px 7px 13px rgba(0,0,0, 0.1)}
.why-us li img{width:100px;height:100px}
.why-us li h3{font-size:18px;margin:10px 0;font-weight:bold;}
.why-us li p{color:#666;line-height:24px;font-size:14px}

.service .item{background:url("../img/line.png") no-repeat center bottom;padding:20px 0}
.service .item .img{width:450px;float:right}
.service .item.left .img{float:left;padding:0 60px 0 0;}
.service .item .img img{width:450px;height:315px}
.service .item .content{width:660px;float:left}
.service .item .content .text{width:450px}
.service .item .content h2{font:18px;font-weight:bold;}
.service .item .content p{margin-bottom:10px;font-size:14px;line-height:30px}

.liucheng-list{padding:40px 0 20px 0}
.liucheng-list li{width:217px;float:left;padding:20px 30px 0 30px;position:relative;margin-right:30px;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
.liucheng-list li h3{margin:10px 0;font-weight:bold;}
.liucheng-list li p{color:#666;line-height:24px;font-size:13px}

.data-home{padding:40px 0 20px 0}
.data-home li{width:260px;height:230px;float:left;padding:20px 30px 0 30px;background:url(../img/bg-data.png) no-repeat;text-align:center;position:relative;margin-right:60px}
.data-home li h3{font-size:68px;margin:10px 0;font-weight:bold;color:#b3dd00}
.data-home li p{color:#fff;line-height:24px;font-size:14px;font-weight: bold;}
.data-home .frist{margin-left:60px}


.people-list{}
.people-list li{width:350px;height:230px;float:left;margin:40px 15px 0 0;padding:30px 20px 10px 20px;background:#fff}
.people-list li:hover{background:#f8f8f8;-moz-box-shadow:5px 5px 5px #C7C7C7 inset;-webkit-box-shadow:5px 5px 5px #C7C7C7 inset;box-shadow:0px 0px 8px #C7C7C7 inset}
.people-list li .ico{width:70px;height:70px;float:left}
.people-list li .ico img{width:100%;height:100%}
.people-list li .text{width:255px;float:left;margin-left:20px}
.people-list li .name{font-weight:bold;}
.people-list li .desc{font-size:13px;color:#999;line-height:24px}

.sideMenu{}
.sideMenu h3{ height:32px; line-height:32px; cursor:pointer;font:14px/32px;font-weight: bold;}
.sideMenu h3.on{background:#f4f4f4; padding:30px 10px 0 10px;  }
.sideMenu h3 em{ float:left; display:block; width:40px; height:32px;background:url(../img/icoAdd.png) 16px 7px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:8px -54px; }
.sideMenu ul{ color:#999; display:none;background:#f4f4f4;}
.sideMenu ul p{padding:8px 50px 30px 50px;font-size:14px}

.contact-home{height:260px;padding:20px 0;background:url(../img/bg-contact.png) #b3dd00;color:#3b444d}
.contact-home .ico{display:block;height:120px;float:left;margin:40px 100px 0 150px}
.contact-home .ico img{display:inline-block}
.contact-home .text{float:left;}
.contact-home h3{display:block;line-height:120px;font-size:24px;font-weight:bold;}

/*footer*/
.footer{font-size:14px;background:#3b444d;color:gray;line-height:30px}
.footer  ul{width:240px;float:left;_display:inline}
.footer  span{width:210px;display:block;font-weight:bold;color:#fff;margin-bottom:10px}
.footer  span a{color:#fff}
.footer a{color:gray}
.footer a:hover{color:#fff;text-decoration:none}
.footer .logo_footer{float:left}
.footer .follow{width:164px}
.footer .follow li{float:left;margin:0 10px 10px 0;width:48px;height:48px;}
.footer .follow li img{width:48px;height:48px;}
.copyright{text-align: center;background:#333940;height:60px;line-height:60px;color:#999}
.copyright a{color:#999}

.layer_ewm{width:240px;height:240px}
.layui-layer-content{overflow:hidden !important;}