﻿html{ font-size:12px; }
body{ font-family:"Microsoft YaHei","宋体",Arial, Helvetica, sans-serif;margin:0;padding:0;color:#323232; background-color:#fff; overflow-x:hidden; }
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:-1px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:-1px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
.left{float:left}
a{text-decoration:none; color:#fff;}
a:hover{text-decoration:none; color:#ea6715;transition:all 0.2s linear 0s;}
.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }
.nav{position: fixed;top: 0;width: 100%;min-width: 1280px;height:80px;border-bottom: 1px solid hsla(0,0%,100%,.2);
    z-index: 970; -webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out; z-index: 70; background: #fff;}
.section1{   background: url(/images/section1.png) no-repeat center;overflow-y: hidden!important;} 
.logo{ width: 250px; height: 50px; float: left; margin-top: 8px; margin-left: 60px;}
.menu{ width: 700px; float: right; margin-right: 60px; margin-top: 18px;}
.menu a{ font-size: 16px; color: #333; height: 34px;  line-height: 34px; padding:  0 8px; margin: 0 5px; text-align: center;}
.s1l{ width: 470px; height: 420px;float: left; margin-left: 10%;}
.s1l h1{ font-size: 62px; color: #fff; font-weight: normal;}
.s1l h2{ font-size: 24px; color: #fff; font-weight: normal; margin-top: 20px;}
.s1lb1{ float: left; width: 180px; margin-left: 18px;}
.s1lb{ margin-top: 30px;}
.s1r{right: 10%;position: absolute; bottom: 0; width: 480px; height: 564px;}

.section2c{ width: 70%; margin: 0 auto; position: relative; overflow: hidden; padding-bottom: 50px;}
.info{ width: 40%; float: left; margin-left: 5%}
.section2huan img{ width: 48%; float: right; margin-right: 5%}
.section2{   background: url(/images/section2.png) no-repeat top center;overflow-y: hidden!important;} 
.info{ color:#333;}
.info h4{ font-size: 38px;font-weight: normal;margin-bottom: 10px;}
.info h5{ font-size: 24px;font-weight: normal;margin-bottom: 10px; }
.info p{ font-size: 20px;margin-bottom: 10px; text-align: left; text-indent: 1em;color:#666; line-height:1.6em;}
.section2t h2{ font-size: 48px; font-weight: normal; margin-bottom: 60px; text-align: center; }
.info a{background: #eb6717;
    -webkit-box-shadow: 0 6px 8px 0 rgba(229,69,74,.25);
    box-shadow: 0 6px 8px 0 rgba(229,69,74,.25);
    border-radius: 2px;
    margin-top: 20px;
    display: inline-block;
    font-family: PingFangSC-Regular;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size:30px;
    padding: .625rem 1.6875rem;}
.section2c .swiper-pagination{bottom: 8px;}
.section2c .swiper-button-next,.section2c .swiper-button-prev{ top: auto; bottom: 5px; z-index: 90; width: 30px; height: 20px; }
.section2c .swiper-button-next{right:44%}
.section2c .swiper-button-prev{left:44%}
.section2c .swiper-pagination-bullet-active{background:#eb6717}
.section2c .swiper-button-next:after, .section2c .swiper-button-prev:after {
   font-size: 24px; color: #000;
}
.section3c{
	width: 90%;
    margin-top:60px;
    margin-left: auto;
    margin-right: auto;
    position: relative;}
.section3 h2 { font-size: 48px; font-weight: normal; margin-bottom: 60px; text-align: center; }

.section3l{ width: 26%; margin-left:5%; float: left; color: #333;}
.section3l img{ width: 40%; margin: 0 auto;}
.speed{text-align: center;}
.section3l h3{ font-size: 24px; margin-top: 30px;margin-bottom: 20px; text-align: center;}
.section3l p{ font-size:18px; line-height: 1.8em;}

.section4{  background: url(/images/section2.png) no-repeat top center;overflow-y: hidden!important;}
.paboutc{ width: 100%; max-width: 1440px; margin: 0 auto;}
.paboutl{ width: 780px; float: left; margin-left: 4%; margin-top: 98px;}
.paboutl h3{ font-size: 30px; font-weight: normal; color: #d6dee2;}
.paboutl h2{     font-size: 48px;    font-weight: normal;    margin-bottom: 60px;}
.paboutl h2 span{ font-size: 30px;  color: #eb6717;}
.paboutl p{ font-size: 18px;  color: #2b3244; margin-top: 50px; line-height: 1.8em;}
.paboutr{ width:400px; height: 511px; float: right; margin-right: 4%;}
.paboutmore{ width: 155px; height: 40px; text-align: center; line-height: 40px; background: #eb6717; color: #fff; font-size: 14px; display: block; margin-top: 50px; font-weight: bold;}
.paboutmore i{ width: 5px;height: 5px; display: inline-block; border: 3px solid #fff; border-radius: 50%; margin-right: 4px;}
.paboutmore:hover{ background: #fd6204; color: #fff;}


.footer{ width: 100%; height: 328px; background: #333333; padding-top: 52px; }
.footerc{ width: 80%; margin: 0 auto; color: #eeeeee; max-width: 1440px; border-bottom: 1px solid #737373;padding-bottom: 60px;}
.footerl{ width: 330px; height: 177px; float: left; border-right: 1px solid #737373;}
.footerl span{ color: #CCC; font-weight: bold;}
.footerl p i{ vertical-align:middle; height: 16px; width: 16px; margin-right: 10px;}
.footerl li{ margin-bottom: 23px;}
.footerm{ width: 330px; float: left; margin-left: 100px;}
.footerm h3{ font-size: 16px; color: #eee; line-height: 2em; font-weight: normal; margin-bottom: 10px;}
.footerm a{ display: block; color: #CCC; margin-bottom: 10px; float: left; margin-right: 10px;}
.footerm1{ width: 260px; float: left;}
.footerm2{ width: 330px; margin-bottom: 20px; }
.footerm3{ width: 330px; }
.footerr{border-left: 1px solid #737373; width: 276px; float: right;}
.erweima{ width: 100px; float: right;}
.erweima h3{ font-size: 16px; font-weight: normal; text-align: center;margin-bottom: 20px;}
.erweima p{ font-size: 14px; font-weight: normal; margin-top: 6px; text-align: center;}
.footerb{width: 96%; margin: 0 auto; color: #eeeeee; max-width: 1440px; height: 83px; line-height: 83px; text-align: center;}



/*关于我们*/
.nbanner{  width: 100%; height:700px; background: url(/images/nbanner1.jpg) no-repeat top center; position: relative; border-bottom: 5px solid #eb6717}
.nbanner2{width: 100%; height:700px; background: url(/images/nbanner2.jpg) no-repeat top center; position: relative; border-bottom: 5px solid #eb6717}
.nbanner3{ width: 100%; height:120px;}
.nbannerc{ width: 660px; height: 150px; position: absolute; top: 220px; left: 50%; margin-left: -330px; text-align: center;}
.nbannerc h2{ font-size: 36px; color: #ffffff; line-height: 2em;}
.nbannerc h3{ font-size: 23px; color: #ffffff; line-height: 2em; font-weight: normal;}
.about{ padding-top: 170px;height:  780px;}
.aboutc{ width: 100%; max-width: 1440px; margin: 0 auto;}
.aboutl{ width: 700px; float: left; margin-left: 4%; margin-top: 50px;}
.aboutl h3{ font-size: 30px; font-weight: normal; color: #d6dee2;}
.aboutl h2{ font-size: 40px;  color: #d6dee2;}
.aboutl h5{ font-size: 30px;  color: #eb6717; margin: 0; margin-top: 36px;}
.aboutl h4{  width: 42px; height: 3px; background:  #eb6717; margin: 0; margin-top: 10px;}
.aboutl h2 span{ font-size: 30px;  color: #eb6717;}
.aboutl p{ color: #2b3244; margin-top: 50px; line-height: 1.8em; width: 576px; margin-left: 0; font-size: 14px; color: #666666;}
.aboutr{ width: 474px; height: 606px; float: right; margin-right: 4%;}
.aboutlb{ width: 100%; margin-top: 78px; height: 64px;}
.aboutlb p{ font-size: 16px; color: #666;margin-top: 0}
.aboutlb p.aboutsb{ font-size: 16px; color: #333; margin-top: 10px}
.aboutlb p span{ font-size:24px; color: #eb6717;font-weight: bold;}
.aboutlb li{ margin-right: 40px; border-left: 1px solid #e1e3e3; padding-left: 40px; float: left; width: 100px;}
.aboutlb li:first-child{border-left: none; padding-left: 0px;}
.aboutb{ height: 200px; width: 100%;}
/*使命*/
.shiming{ width: 100%; margin: 160px auto 0; height: 742px; min-width: 1420px; background: url("/images/shiming.jpg") no-repeat top center fixed; position: relative;}
.shimingc{ width: 400px; position: absolute; left: 50%; margin-left: 50px; top: 240px;}
.shimingc h2{ font-size: 30px; font-weight: normal; color: #d6dee2;}
.shimingc h3{ font-size: 40px;  color: #d6dee2;}
.shimingc h4{ font-size: 30px;  color: #eb6717; margin: 0; margin-top: 36px;}
.shimingc h5{  width: 42px; height: 3px; background:  #eb6717; margin: 0; margin-top: 30px; margin-bottom: 30px;}
.shimingc p{ font-size: 15px;  color: #fff; line-height: 2em;}.shimingc p span{ font-weight: bold;}

.fazhan{ width: 100%; height: 692px; background: #f4f4f4; padding-top: 156px; margin-top: 146px;}
.fazhanc{ width: 1320px; margin: 0 auto;}
.fazhanl{ width: 710px; float:left; position: relative; overflow: hidden}
.fazhant{ width: 700px; height: 152px; position: absolute; top: 20px;}
.fazhant h3{ color: #d6dee2; font-size: 30px; font-weight:normal;}
.fazhant h4{ color: #d6dee2; font-size: 40px;}
.fazhant h5{ color: #eb6717; font-size: 30px; margin-top: 20px;}


.alxwmtop{ width: 960px;margin: 140px auto 0}
.alxwmtop li{ width: 361px; height: 265px; background: url(/images/lxwmtbg.png) no-repeat; position: relative; padding-top: 100px; margin: 0 50px; float: left;}
.alxwmtop li img{ width: 154px; height: 154px; position: absolute; top: -80px; left: 50%; margin-left: -77px;}
.alxp{ width: 310px; height: 166px; margin: 0 auto;}
.alxp h3{ font-size: 24px; text-align: center; color: #666666; margin-bottom: 30px;}
.alxp h4{ font-size: 18px; color: #385994; margin-bottom: 12px;}
.alxp p{ font-size: 18px; color: #888888;}
.alxp p span{ font-size: 24px; color: #c32c2c;}
.alxli2 .alxp p{ font-size: 20px; color: #888888; margin-left: 30px;}
.alxli2 .alxp p span{ font-size: 24px; color: #c32c2c;}
.alxa{ width: 140px;height: 42px; display: block; margin: 0 auto; color: #fff; border-radius: 6px; background: #385994; text-align: center; line-height: 42px; font-size: 18px;}
.alxa:hover{ color: #aaa;}
.alxli2 .alxa{background: #c32c2c}
.alxli3 .alxa{background: #338181}
.alxwmmap{ width: 960px; height: 468px; margin: 60px auto;}
.map{ width: 960px; height: 468px;}

.xiadanb .tinp p,.lxwmtopl .tint p{display: inline-block; font-size: 22px;color: #333;}
.xiadanb .tinp input{ width: 397px; height: 40px; line-height: 40px; font-size: 20px; padding-left: 15px; border: 1px solid #d5d5d5; margin-right: 12px;}
.xiadanb .iliuyanc{ width: 600px;height: 476px; margin: 0 auto;}
.xiadanb .tinp span{ font-size: 22px;color: #be2929;}
.xiadanb  .tint textarea{width: 397px; height: 179px;padding-left: 15px; border: 1px solid #d5d5d5;  line-height: 24px;  font-size: 20px;font-family:"Microsoft YaHei" }
.xiadanb  .itijiao{ display: block; width: 235px; height: 56px; line-height: 56px; color: #fff; font-size: 25px; background: #c63636; text-align: center; margin: 20px auto;transition: all 0.8s;}

.xiadan{ width: 960px;  box-shadow: 0 5px 10px #666; background: #fff; margin: 0 auto;margin-top: -180px; z-index: 10; position: relative; padding-top: 50px;}
.xiadan h1{ margin: 0 auto; font-size: 42px; text-align: center; margin-bottom: 60px;}
.tinp{ margin-bottom: 20px;}
.tinp i{ color: #fff;}

.binp{ margin-bottom: 20px;}
.binp p{ display: inline-block; font-size: 16px;} 
.binp p i{ color: #fff;}  
.binp input{ line-height: 32px; font-size: 16px; width:280px; padding-left: 10px;} 
.zhuru{width: 1000px; margin: 0 auto;}
.zhuru h2{ font-size: 24px;    font-family: Microsoft Yahei;    color: #333;   font-weight: normal; line-height: 2em;}
.bigbg{ width: 100%; background: #eff0f4;}
.zhurub{ width: 900px; margin: 0 auto; background: #fff; border:1px solid #cdcdcd; padding: 50px;}
.btn{color: #fff;background-color: #028dea;border-color: #2e6da4; line-height: 40px; font-size: 24px; border: none; border-radius: 12px; margin: 20px auto; margin-left: 30px; width: 310px;}
.ruzhul{ width: 430px; float: left}
.ruzhur{ width: 370px; float: right; margin-right: 40px;}
.ruzhur p{ font-size: 16px; text-indent: 2em; line-height: 2em;}


.sp_nav{width: 10%;  position: absolute; cursor: pointer;  right: 8%; top: 10px; z-index: 20;}
.sp_navcl span{display:block;background:#62615b;width:100%;height:2px;position:absolute;left:0;top:1rem;transition:all ease 0.35s}
.sp_navcl{ display: none;width: 8%;  position: absolute; height: 6rem; cursor: pointer;  right: 2%; top: 28px; z-index: 20;}
.topmenunone{display: none;}
.sp_navcl img{ display: none}
.sp_navcl span:nth-of-type(1){top:10px;transform:rotate(45deg);display:block;}
.sp_navcl span:nth-of-type(2){width:0}
.sp_navcl span:nth-of-type(3){top:10px;transform:rotate(-45deg);display:block;}
.sjj_nav{ position: absolute; background: #935fa3; top: 9rem; right: 5%; z-index:9; display: none;transition:top ease 0.35s; color: #fff; height:auto;padding:1rem 3rem; text-align: center; border-radius: 6px;}
.sjj_nav a{ font-size: 1.8rem; color: #fff; line-height: 3em; color: #fff;}
.sjj_navc li{border-bottom: 1px solid #fff;}
.sjj_navc li:last-child{ border: none;}
.sp_nav{ display: none;}
@media(max-width:767px){
.nav {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 320px;
}.sp_nav{ display: block;}
	.menu{ width: 120px; position: absolute;right: 0; top: 40px; background: #fff; color: #333;margin-right: 0; padding-top: 20px;padding-bottom: 20px; display: none;}
	.menu a{ display: block; width: 100%; line-height:3em; margin: 0;}
	.logo{  margin-left: 5%;}
	.s1r{ display: none;}
	.s1l{ width: 100%; margin-left: 2%;    margin-top: 30px;}
	.s1l h1{ font-size: 40px;}
	.s1lb1{ float: left; width: 45%; margin-left: 3%;}
	.s1lb1 img{ width: 100%;}
	.section2c{ width: 100%;}
	.section2c img{display: none;}
	.info{ width: 95%; margin-top: 20px;}
	.info h5 {font-size: 22px;font-weight: normal;margin-bottom: 10px;margin-top: 10px;}
	.section3l h3{ font-size: 22px; margin-top: 15px;margin-bottom: 10px; text-align: center;}
.section3 h2{font-size: 32px;margin-bottom: 10px;margin-top: 10px;}
	
	.section2t h2{ margin-bottom: 10px; margin-top: 40px;}
	.section2c .swiper-button-next{right: 30%;}
.section2c .swiper-button-prev{left: 30%;}
	.section3l{width: 92%;margin-left:4%;float: left;color: #333;}
.section3l img{display: none;}
	.section3 h2{ font-size: 36px; margin-bottom:20px;}
	.section3c{ margin-top: 0;}
	.paboutl{ width: 90%;}
	.paboutl p{ margin-top: 20px;}
	.paboutl h2{ font-size: 36px; margin-bottom: 20px;}
	.paboutmore{ display: none;}
	.paboutr{ display: none;}
	.footerl{ display: none;}
	.footerr{ display: none;}
	.footerm{ width: 90%; margin: 0; margin-left: 5%;}
	
	.nbannerc{width: 100%;height: 150px;position: absolute;top: 220px;left: 0;text-align: center;margin-left:0;}
	.about{ padding-top: 30px; height: auto;}
	.aboutl{ width: 90%; margin-left: 5%}
	.aboutl p{ width: 100%; font-size: 18px;}
	.aboutlb li:first-child{border-left: none;margin-right: 20px; border-left: 1px solid #e1e3e3; padding-left: 20px; float: left; width: 140px;}
	.aboutlb li{border-left: none;margin-right: 20px; border-left: 1px solid #e1e3e3; padding-left: 20px; float: left; width: 140px; margin-top: 20px;}
	.aboutlb{ margin-top: 0;}
	.aboutr{ display: none;}.shiming{ margin: 30px auto 0;}
	.shimingc{ left: 5%; margin-left: 0; width: }
	.shimingc p{ font-size: 20px;}
	.shiming{ width: 100%;min-width: 320px;}
	.aboutb{ height: 30px;}
	.xiadan{ width: 92%; margin-left: 4%;}
	.xiadanb .tinp p, .lxwmtopl .tint p{ display: none;}
	.xiadanb .iliuyanc{ width: 100%;}
	.xiadanb .tinp span{ display: none;}
	.xiadanb .tinp input{ width: 80%; margin-left: 8%; }
	.alxwmtop{ width:100%;}
	.alxwmtop li img{ display: none;}
	.alxwmtop li{ width: 90%; height: auto; background:none; position: relative; padding-top: 20px; margin: 0; margin-left: 4%; float:none;}
	.alxwmtop{ margin-top: 40px;}
	.alxwmmap{ width: 100%;}
	.map{ width: 100%;}
	.zhuru{ width: 100%}
	.zhurub{ width: 90%; margin: 0 auto; background: #fff; border:1px solid #cdcdcd; padding: 5% 0; }
	.binp input{ width: 65%; padding-left: 1%}
	.ruzhul{ width: 100%;}
	.binp p{ width:27%; margin-left: 2% ;text-align: center;white-space:nowrap}
	.btn{ margin-left: 14%;  width: 70%;}
	.zhuru h2{margin-left: 5%;}
	.ruzhur{ float: none; width: 90%; margin-left: 4%;}
}
  /* i i s 7 . c o m */