html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}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-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}

body{font-size: 14px; box-sizing: border-box; font-family: "Microsoft Yahei"; overflow-x: hidden;}
.fl{float: left;}
.fr{float: right;}
li{list-style: none;}
.clear{clear: both;}
img{max-width: 100%;}
.BMap_shadow img{max-width: none;}
*{box-sizing: border-box;}
.page{margin: 20px 0 0 0;}
#prev_next{margin: 20px 0 0 0;}
#bsWXBox{box-sizing: content-box;}

.page {font-size:14px;color: #646464;text-align:center;margin-top:20px; height: 30px;}
.page a{margin:0px 2px;padding:3px 8px;font-size: 14px;color: #646464;border:1px solid rgb(220,220,220);}
.page span {margin:0px 2px;padding:3px 8px;font-size: 14px;color:#fff;background:#4eb9d0;border:#4eb9d0 solid 1px;}
.page a:hover{background:#4eb9d0 ;border: #0d7dbd solid 1px;color: #fff;}
#page_num{height: 24px;}

.banner{
    width: 100%;
    height: 583px;
    position: relative;
    overflow: hidden;
    margin: 0 auto; 
    max-width: 1920px !important;
    min-width: 1200px !important;
}
#swiper1 {
    width: 1920px;
    height: 583px;
    overflow:hidden;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}  

@font-face{
    font-family: 'huakang';
    src:url("../Image/1.TTF");
}

@font-face{
    font-family: 'xihei';
    src:url("../Image/3.ttf");
}

@font-face{
    font-family: 'ag';
    src:url("../Image/4.TTF");
}

@font-face{
    font-family: 'cy';
    src:url("../Image/cy01.TTF");
}




/*头部*/
.top{width: 100%; min-width: 1200px !important; height: auto; overflow: hidden;}
.top1{width: 100%; min-width: 1200px !important; height: 40px; line-height: 40px; background: #f2f2f2; color: #787878;}
.top1-main{width: 1200px; min-width: 1200px !important; margin: 0 auto; font-size: 15px;}
.top1-2{width: 220px; height: 17px; margin: 11.5px 0; line-height: 17px;}
.top1-2-1{width: 110px; height: 17px; line-height: 17px;}
.top1-2-1 span{display: inline-block; width: 17px; height: 17px; margin: 0 10px 0 5px; background: url("../Image/shoucang.png") center center
no-repeat; float: left; vertical-align: middle;}
.top1-2-2{width: 110px; height: 17px; line-height: 17px;}
.top1-2-2 span{display: inline-block; width: 17px; height: 17px; margin: 0 10px 0 5px; background: url("../Image/liuyan.png") center center
no-repeat; float: left; vertical-align: middle;}
.top2{width: 1200px; min-width: 1200px !important; height: 150px; margin: 0 auto; overflow: hidden;}
.top2-1{width: 750px; height: 80px; margin: 4px 0; line-height: 80px; font-size: 0;}
.top2-1 img{vertical-align: middle;}
.top2-2{width: 236px; height: 70px; margin: 40px 0;}
.top2-2-1{width: 34px; height: 25px; background: url("../Image/tel.png") center center no-repeat; margin: 0 10px 0 90px;}
.top2-2-2{font-size: 17px; color: 343434; height: 25px; line-height: 25px; width: 102px;}
.top2-2-3{width: 236px; height: 45px; line-height: 45px; color: #df4623; font-size: 34px; font-family: "huakang";}
.top3{width: 100%; height: 55px; min-width: 1200px !important; background: #1e468e;}
.top3-main{width: 1200px; min-width: 1200px !important; height: 55px; margin: 0 auto;}
.top3-main li{width: 150px; height: 55px; font-size: 16px; float: left; color: white; text-align: center; line-height: 55px;}
.top3-main li:hover{background: #4eb9d0;}
.search{width: 100%; min-width: 1200px !important; height: 55px; box-shadow: 0px 5px 5px #aaa; margin: 0 0 15px 0;}
.search-main{width: 1200px; min-width: 1200px !important; height: 55px;  margin: 0 auto;}
.search1-1{font-size: 16px; color: #2e2e2e; width: 100px; height: 25px; line-height: 25px; margin: 15px 0;}
.search1-2{margin: 15px 0;}
.search1-2 li{width: 100px; height: 25px; line-height: 25px; text-align: center; float: left; text-overflow: ellipsis;
overflow: hidden; white-space: nowrap; font-size: 16px;}
.search2{width: 300px; height: 35px; margin: 10px 0;}
.search2 form{border: 1px solid #d9d9d9; border-radius: 15px; width: 300px; height: 35px; padding: 0 10px;}
.search-text{width: 230px; height: 33px; line-height: 33px; float: left; border: none;
color: #969191; outline: none;}
.search2-1{width: 1px; height: 13px; margin: 10px 0; float: left; background: #d3d3d3; border: none;}
.search-btn{width: 47px; float: left; height: 33px; background: url("../Image/search.png") center center no-repeat; border: none;
cursor: pointer; outline: none;}

.index-right{width: 444px; height: 1121px; background: url("../Image/bg-right.jpg") center center no-repeat;
position: absolute; right: -360px; top: -100px; z-index: -1;}

.about{width: 1200px; min-width: 1200px !important; height: auto; overflow: hidden; margin: 0 auto; padding: 60px 0;}
.about1{width: 42px; height: 365px; background: url("../Image/about1.png") left top no-repeat;}
.about2{width: 535px; height: 365px; overflow: hidden; position: relative;}
.about2-1{width: 535px; height: 345px; background: url("../Image/about2.jpg") center center no-repeat;}
.about2::before,.about2::after{content: ""; position: absolute; z-index: -1; width: 100%; height: 40px; 
box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);}
.about2::before{left: 0; bottom: 40px; transform:rotate(-3deg);}
.about2::after{left: 0; bottom: 40px; transform:rotate(3deg);}
.about3{width: 535px; height: 365px; overflow: hidden;}
.about3-1{color: #4eb9d0; font-size: 35px; height: 35px; line-height: 35px; font-family: "huakang";}
.about3-2{width: 535px; height: 45px; line-height: 45px; font-size: 25px; color: #202020;}
.about3-2 span{color: #1a436f; float: left;}
.about3-2-1{width: 65px; height: 1px; background: black; margin: 22px 5px;}
.about3-3{margin: 15px 0 0 20px;}
.about3-3 li{height: 35px; width: 515px; line-height: 35px; color: #676767; font-size: 16px;}
.about3-3 li span{width: 10px; height: 10px; background: url("../Image/about3-3.png") center center no-repeat;
margin: 12.5px 10px 12.5px 0; display: inline-block; float: left;}
.about3-4{margin: 18px 0 0 0; width: 535px; height: 112px; overflow: hidden;}
.about3-4 li{width: 195px; height: 112px; margin: 0 35px 0 0; float: left;}
.about3-4 li .pic{width: 195px; height: 112px; overflow: hidden;}

.jishu{width: 1200px; min-width: 1200px !important; height: 100px; overflow: hidden; margin: 0 auto;}
.jishu-line{width: 1px; height: 76px; background: #d3d3d3; margin: 12px 0;}
.jishu li{width: 299px; height: 100px; float: left; text-align: center;}
.jishu1{height: 65px; line-height: 65px; font-size: 16px;}
.jishu1 span{font-size: 60px; font-family: '宋体';}
.jishu2{height: 35px; line-height: 35px; font-size: 16px; color: #292929;}

.pro{width: 1200px; min-width: 1200px !important; height: auto; position: relative; margin: 0 auto; padding: 60px 0;}
.pro1{width: 355px; height: 75px; margin: 0 auto;}
.pro1-1{width: 355px; height: 45px; line-height: 45px; font-size: 34px; font-weight: bold; color: #1a436f;}
.pro1-2{margin: 5px 0 0 0; height: 25px; line-height: 25px; text-align: center; width: 355px; font-size: 16px; color: #979797;}
.pro2{width: 1200px; min-width: 1200px !important; height: 500px; margin: 50px auto 0; box-shadow: 0 20px 20px #888;
background: #ededed; overflow: hidden;}
.pro2 li{width: auto; height: 500px; background: #ededed; border-right: 4px solid white; float: left;}
.pro2-1{width: 96px; height: 500px; padding: 72px 22px;}
.pro2-1-1{width: 52px; height: 85px; border: 1px solid #d3d3d3; border-top: 2px solid #df4623; background: white;
text-align: center; line-height: 82px; font-size: 32px; color: #1e468e; font-family: 'xihei';}
.pro2-1-2{margin: 25px 0 0 0; color: #3e3d3d; font-size: 18px; padding: 0 17px; width: 52px;}
.pro2-2{width: 0px; height: 500px; padding: 0; overflow: hidden; transition:all 0.5s ease-in-out;}
.pro2-2-1{width: 380px; height: 150px; overflow: hidden;}
.pro2-2-3{width: 190px; height: 30px; float: left; line-height: 30px; font-size: 16px; color: #676767;}
.pro2-2-3 span{width: 10px; height: 10px; background: url("../Image/about3-3.png") center center no-repeat; margin: 10px 10px 10px 0;
display: inline-block; float: left;}
.pro2-2-2{width: 328px; height: 219px; overflow: hidden; box-shadow: 5px 5px 10px #888; margin: 35px 0 0 0;}
.on .pro2-1{background: #1e468e;}
.on .pro2-1-2{color: white;}
.on .pro2-1-1{background: #1e468e; color: white;}
.on .pro2-2{width: 500px; padding: 30px 60px;}
.pro3{width: 1200px; height: auto; margin: 70px 0 0 0;}
.pro3 li{width: 1200px; height: 423px; position: relative;}
.pro3-1{width: 294px; height: 206px; float: left; border: 1px solid #888; overflow: hidden;}
.pro3-1:nth-child(5n-4){position: absolute; left: 0; top: 0;}
.pro3-1:nth-child(5n-3){width: 592px; height: 423px; position: absolute; left: 304px; top: 0;}
.pro3-1:nth-child(5n-2){position: absolute; right: 0; top: 0;}
.pro3-1:nth-child(5n-1){position: absolute; left: 0; bottom: 0;}
.pro3-1:nth-child(5n-0){position: absolute; right: 0; bottom: 0;}
.pro3-1 .pic{width: 100%; height: 100%;}
.pro3-1 img{min-width: 100%; min-height: 100%; overflow: hidden;}
.pro3-1 .title{width: 100%; height: 40px; background: rgba(0, 0, 0, 0.4); color: white; font-size: 16px; text-align: center;
line-height: 40px; position: absolute; left: 0; bottom: 0;}
.pro3-1:hover .title{background: #1e468e;}

.hengfu{width: 1200px; min-width: 1200px !important; height: 210px; overflow: hidden; margin: 0 auto 60px;
background: url("../Image/hengfu-bg.jpg") center center no-repeat; position: relative;}
.hengfu1{width: 325px; height: 40px; position: absolute; left: 455px; top: 40px; color: #a3bbe6; font-size: 32px;
font-family: 'ag'; line-height: 40px;}
.hengfu2{width: 325px; height: 1px; background: #7a8eb2; position: absolute; left: 455px; top: 85px;}
.hengfu3{width: 325px; height: 40px; color: white; position: absolute; left: 455px; top: 95px;
line-height: 40px; font-size: 24px; font-family: '黑体';}
.hengfu3 span{font-size: 34px;}
.hengfu4{width: 325px; height: 1px; background: #7a8eb2; position: absolute; left: 455px; top: 145px;}
.hengfu5{width: 325px; height: 30px; color: #a3bbe6; position: absolute; left: 455px; top: 150px;
line-height: 30px; font-size: 14px; font-family: '黑体';}
.hengfu6{width: 200px; height: 30px; line-height: 30px; color: white; position: absolute; left: 965px; top: 75px;
font-family: 'huakang'; font-size: 28px;}

.case{width: 100%; height: auto; background: #f6f6f6;}
.case-main{width: 1200px; min-width: 1200px !important; height: auto; margin: 0 auto; padding-top: 60px;} 
.case1{width: 64px; height: 161px; background: url("../Image/case1.png") center center no-repeat; margin: -120px auto 0;}
.case2{width: 1200px; height: 90px; text-align: center; }
.case2-1{color: #1a436f; font-size: 34px; font-weight: bold; height: 60px; line-height: 60px;}
.case2-2{height: 30px; line-height: 30px; font-size: 16px; color: #5f5f5f;}
.case3{width: 1200px; height: auto; margin: 40px 0 0 0;}

.mes{width: 1200px; min-width: 1200px !important; height: auto; position: relative; margin: 0 auto; padding: 60px 0;}
.index-left{width: 444px; height: 1121px; background: url("../Image/bg-left.jpg") center center no-repeat;
position: absolute; left: -360px; top: -40px; z-index: -1;}
.mes1{width: 64px; height: 161px; background: url("../Image/case1.png") center center no-repeat; margin: -60px auto 0;}
.mes2{width: 1200px; height: 60px; line-height: 60px; color:  #1a436f; font-size: 32px; font-weight: bold; text-align: center;}
.mes3{width: 1200px; height: 500px; margin: 40px 0 0 0;}
.mes3-1{width: 600px; height: 500px; background: url("../Image/mes3.jpg") center center no-repeat; position: relative;}
.mes3-1-1{width: 460px; height: 460px; border-radius: 230px; border: 1px solid #efefef;
position: absolute; right: -230px; top: 20px; z-index: -1;}
.mes3-1-2{width: 380px; height: 380px; border-radius: 190px; border: 1px solid #efefef;
position: absolute; right: -190px; top: 60px; z-index: -1;}
.mes3-1-3{width: 260px; height: 260px; border-radius: 130px; background: #eb9003; color: white;
position: absolute; right: -130px; top: 110px; padding: 80px 0; text-align: center; line-height: 50px;
font-size: 28px; font-weight: bold;}
.mes3-2{width: 420px; height: 500px; padding: 10px 0;}
.mes-name{width: 420px; height: 47px; border: 1px solid #cdcdcd; margin-bottom: 13px;}
.mes-name1{width: 54px; height: 45px; background: url("../Image/name.png") center center no-repeat;}
.mes-name2{width: 364px; height: 45px; padding: 5px 10px; border: none; border-left: 1px solid #cdcdcd; outline: none; font-size: 15px;
line-height: 35px;}
.mes-tel{width: 420px; height: 47px; border: 1px solid #cdcdcd; margin-bottom: 13px;}
.mes-tel1{width: 54px; height: 45px; background: url("../Image/tel1.png") center center no-repeat;}
.mes-tel2{width: 364px; height: 45px; padding: 5px 10px; border: none; border-left: 1px solid #cdcdcd; outline: none; font-size: 15px;
line-height: 35px;}
.mes-con{width: 420px; height: 152px; border: 1px solid #cdcdcd; margin-bottom: 13px;}
.mes-con1{width: 54px; height: 45px; background: url("../Image/content.png") center center no-repeat;}
.mes-con2{width: 364px; height: 150px; padding: 5px 10px; border: none; border-left: 1px solid #cdcdcd; outline: none; font-size: 15px;
line-height: 35px;}
.mes-btn{width: 420px; height: 45px; background: #1e468e; color: white; border: none; font-size: 16px; cursor: pointer;}
.mes3-2-1{margin: 35px 0 0 0; line-height: 35px; font-size: 26px; color: #4eb9d0; font-family: 'huakang';}
.mes3-2-2{width: 310px; height: 52px; margin: 10px 0 0 0;}
.mes3-2-3{width: 52px; height: 52px; background: url("../Image/tel2.png") center center no-repeat; margin-right: 10px;}
.mes3-2-4{height: 20px; line-height: 20px; font-size: 16px; color: #434343;}
.mes3-2-5{height: 32px; line-height: 32px; font-size: 26px; color: #434343;}

.advan{width: 1200px; min-width: 1200px !important; height: auto; position: relative; margin: 0 auto;}
.advan1{width: 64px; height: 161px; background: url("../Image/case1.png") center center no-repeat; margin: -60px auto 0;}
.advan2{width: 1200px; min-width: 1200px !important; height: 70px; margin: 35px 0 0 0; position: relative;}
.advan2-1{width: 389px; height: 7px; background: url("../Image/advan2-1.png") center center no-repeat; 
position: absolute; left: 50px; bottom: 10px;}
.advan2-2{width: 480px; height: 40px; line-height: 40px; position: absolute; left: 75px; top: 0; font-weight: bold;
font-size: 30px; color: #404040;}
.advan2-3{width: 110px; height: 30px; line-height: 30px; position: absolute; left: 445px; bottom: 0; color: #eb9003; font-size: 22px;}
.advan2-4{width: 60px; height: 60px; background: #eb9003; color: white; position: absolute; top: 5px; left: 570px;
font-size: 54px; line-height: 60px; text-align: center; font-weight: bold;}
.advan2-5{width: 110px; height: 50px; line-height: 50px; position: absolute; right: 445px; top: 0; color: #eb9003; font-size: 36px; font-weight: bold;}
.advan2-6{width: 170px; height: 20px; line-height: 20px; color: #0e0e0e; font-size: 16px; position: absolute; bottom: 0; right: 385px;}
.advan2-7{width: 389px; height: 7px; background: url("../Image/advan2-2.png") center center no-repeat; 
position: absolute; right: 50px; bottom: 30px;}
.advan2-8{width: 300px; height: 35px; line-height: 35px; position: absolute; right: 140px; top: 0; font-family: 'huakang';
color: #909090; font-size: 28px;}
.advan3{width: 1200px; height: auto; overflow: hidden;}
.advan3 li{width: 1200px; height: 360px; margin: 65px 0 0 0;}
.advan3-1{width: 600px; height: 360px; background: url("../Image/advan3-1.jpg") center center no-repeat; position: relative;}
.advan3-1-1{width: 70px; height: 95px; position: absolute; left: 15px; top: -30px; background: #1e468e; color: white;
text-align: center; line-height: 95px; font-size: 40px; font-family: '宋体';}
.advan3-2{width: 600px; height: 360px; background: #f7f7f7; border: 1px solid #e6e6e6; padding: 40px 30px 40px 65px;}
.advan3-3{width: 600px; height: 360px; background: url("../Image/advan3-2.jpg") center center no-repeat; position: relative;}
.advan3-4{width: 600px; height: 360px; background: url("../Image/advan3-3.jpg") center center no-repeat; position: relative;}
.advan3-5{width: 600px; height: 360px; background: url("../Image/advan3-4.jpg") center center no-repeat; position: relative;}
.advan3-2-1{width: 513px; height: 40px; line-height: 40px; font-size: 30px;}
.advan3-2-1 span{font-weight: bold; color: #1e468e;}
.advan3-2-2{color: #b1b1b1; height: 20px; line-height: 20px;}
.advan3-2-3{margin: 30px 0 0 0; line-height: 30px; color: #3f3f3f; font-size: 16px;}
.advan3-2-3 .span1{width: 25px; height: 30px; background: url("../Image/span1.png") center center no-repeat; float: left;
margin: 0 5px 60px 0;}
.advan3-2-3 .span2{color: #eb9003; font-weight: bold; display: inline-block;}
.advan3-2-4{height: auto; line-height: 30px; margin: 10px 0 0 0; color: #3f3f3f; font-size: 16px;}
.advan3-2-4 .span1{width: 25px; height: 30px; background: url("../Image/span1.png") center center no-repeat; float: left;
margin: 0 5px 0 0;}
.advan3-2-4 .span2{color: #eb9003; font-weight: bold;}
.advan3-2-5{width: 110px; height: 35px; background: #4eb9d0; color: white; font-size: 16px; text-align: center; line-height: 35px;
margin: 30px 0 0 0;}
.advan3-2-6 .span1{margin-bottom: 30px;}
.advan3-2-7 .span1{margin-bottom: 30px;}

.news{width: 1200px; min-width: 1200px !important; height: auto; margin: 0 auto; padding: 60px 0; overflow: hidden;}
.news1{width: 654px; height: auto; overflow: hidden;}
.news1-1{width: 645px; height: 30px; line-height: 30px;}
.news1-1-1{color: #3f3f3f; font-size: 20px; font-weight: bold;}
.news1-1-2{width: 82px; height: 30px; border: 1px solid #626262; color: #626262; font-size: 15px; text-align: center;
line-height: 28px;}
.news1-2{width: 645px; height: 9px; margin: 15px 0 0 0; background: url("../Image/news1-2.png") center center no-repeat;}
.news1-3 li{width: 645px; height: 160px; margin: 20px 0 0 0; padding: 10px 0; float: left; border-bottom: 1px dashed #888;}
.news1-3 li .pic{width: 200px; height: 139px; overflow: hidden;}
.news1-3 li .pic img{min-width: 100%; min-height: 100%;}
.news1-3-2{width: 430px; height: 139px;}
.news1-3-2 .title{color: #3b3b3b; font-size: 16px; height: 30px; line-height: 30px;}
.news1-3-2 .content{line-height: 25px; margin: 5px 0 0 0; height: 75px; overflow: hidden; color: #777777;}
.news1-3-2 .more{color: #3b3b3b; font-size: 15px; line-height: 25px; margin: 5px 0 0 0;}
.news1-3-2 .more:hover{color: #eb9003;}
.news2{width: 470px; height: auto; overflow: hidden;}
.news2 .news1-1{width: 470px;}
.news2-2{width: 470px; height: 9px; margin: 15px 0 0 0; background: url("../Image/news1-2.png") left center no-repeat;}
.news2-3 li{margin: 15px 0 0 0; height: auto; overflow: hidden;}
.news2-3-1{width: 470px; height: 35px; line-height: 35px;}
.news2-3-wen{width: 35px; height: 35px; background: url("../Image/news-wen.png") left center no-repeat;}
.news2-3-1 .title{margin-left: 8px; height: 35px; width: 427px; font-size: 16px;}
.news2-3-2{width: 470px; height: auto; margin: 10px 0 0 0;}
.news2-3-da{width: 35px; height: 35px; background: url("../Image/news-da.png") left center no-repeat;}
.news2-3-2 .content{margin-left: 8px; height: 60px; width: 427px; font-size: 15px; color: #777777; line-height: 30px; }
.news2-3 li:hover .title{color: #eb9003;}

.link{width: 1200px; min-width: 1200px !important; height: auto; overflow: hidden; margin: 0 auto; padding-bottom: 40px;}
.link1{width: 1200px; height: 30px; line-height: 30px;}
.link1-1{font-size: 18px; color: #303030; font-weight: bold;}
.link2{width: 1200px; height: 20px; background: url("../Image/link2.png") center center no-repeat;}
.link3 li{width: 171px; height: 20px; line-height: 20px; margin: 15px 0 0 0; float: left;}
.link3-1{width: 20px; height: 20px; background: url("../Image/link3.png") center center no-repeat; margin-right: 10px;}
.link3-2{width: 120px; height: 20px; font-size: 16px; color: #444444;}

.footer{width: 100%; min-width: 1200px !important; height: auto; overflow: hidden; background: #232323;}
.footer-main{width: 1200px; min-width: 1200px !important; height: auto; margin: 0 auto}
.footer1{width: 1200px; min-width: 1200px !important; padding: 30px 0 20px 0;}
.footer1-1{width: 880px; height: 35px; padding: 10px 0; line-height: 15px;}
.footer1-1 li{width: 110px; height: 15px; line-height: 15px; color: #c8c8c8; float: left; border-right: 1px solid #c8c8c8;
text-align: center; font-size: 16px;}
.footer1-1 a:nth-last-child(1) li{border: none;}
.footer1-2{width: 880px; height: auto; overflow: hidden; margin: 40px 0 0 0;}
.footer1-2-1{width: 245px; height: auto; overflow: hidden;}
.footer1-2-3{width: 42px; height: 42px; background: url("../Image/tel3.png") center center no-repeat; margin-right: 15px;}
.footer1-2-4{width: 188px; height: 20px; line-height: 20px; color: #979797;}
.footer1-2-5{width: 188px; height: 22px; line-height: 22px; color: #4eb9d0; font-size: 24px;}
.footer1-2-6{margin: 10px 0 0 0; width: 245px; height: 30px; line-height: 30px; color: #525252; font-family: "huakang";
font-size: 28px;}
.footer1-2-2{width: 500px; height: 120px; overflow: hidden; margin-left: 90px; color: white;}
.footer1-2-2 li{line-height: 40px; font-size: 16px; height: 40px;}
.footer1-2-2 li p{height: 40px; line-height: 40px;}
.footer-span1{width: 40px; height: 25px; background: url("../Image/mobile.png") center center no-repeat; 
display: inline-block; float: left; margin: 7.5px 5px 7.5px 0;}
.footer-span2{width: 40px; height: 25px; background: url("../Image/fax.png") center center no-repeat;
display: inline-block; float: left; margin: 7.5px 5px 7.5px 20px;}
.footer-span3{width: 40px; height: 25px; background: url("../Image/email.png") center center no-repeat; 
display: inline-block; float: left; margin: 7.5px 5px 7.5px 0;}
.footer-span4{width: 40px; height: 25px; background: url("../Image/add.png") center center no-repeat;
display: inline-block; float: left; margin: 7.5px 5px 7.5px 0;}
.footer1-3{width: 120px; height: 150px; margin: 30px 0 0 0;}
.footer1-3-1{width: 120px; height: 120px; overflow: hidden;}
.footer1-3-2{width: 120px; height: 30px; line-height: 30px; color: #c9c9c9; font-size: 15px; text-align: center;}
.footer2{width: 1200px; min-width: 1200px !important; height: 41px; border-top: 1px solid #aaa;}
.footer2-1{color: #c9c9c9; line-height: 40px; font-size: 15px;}
.footer2-2{width: 200px; height: 30px; line-height: 30px; color: #c9c9c9; font-size: 15px; padding: 5px 0 0 0;}

.to-top{width: 47px; height: 47px; background: url("../Image/to-top.png") center center no-repeat;
position: fixed; bottom: 100px; right: 10px; z-index: 999; cursor: pointer;}


/*内页*/
.product-banner{width: 100%; min-width: 1200px !important; height: 314px; background: url("../Image/product-banner.jpg") center center no-repeat;}
.company-banner{width: 100%; min-width: 1200px !important; height: 314px; background: url("../Image/company-banner.jpg") center center no-repeat;}
.news-banner{width: 100%; min-width: 1200px !important; height: 314px; background: url("../Image/news-banner.jpg") center center no-repeat;}
.contact-banner{width: 100%; min-width: 1200px !important; height: 314px; background: url("../Image/contact-banner.jpg") center center no-repeat;}





.pro-index-title{width: 1200px; min-width: 1200px !important; height: 80px; margin: 0 auto;}
.pro-index-title1{width: 400px; height: 80px;}
.pro-index-title1-1{width: 600px; height: 50px; line-height: 50px; color: #f15109; font-size: 40px;}
.pro-index-title1-2{width: 600px; height: 30px; line-height: 30px; color: #818181; font-size: 16px;}
.pro-index-title2{width: 764px; height: 80px; line-height: 40px;}
.pro-index-title2 li{width: 150px; float: left; font-size: 16px; color: #4f4f4f;}
.pro-index-title2 li:hover{color: #4eb9d0;}
.pro-index-content{width: 1200px; min-width: 1200px; height: auto; overflow: hidden;}
.pro-index-type{width: 1200px; min-width: 1200px; height: auto; border-bottom: 1px dashed #bfbfbf;
line-height: 49px; float: left; margin: 20px 0 0 0;}
.pro-index-type1{width: 200px; height: 49px; font-size: 20px; color: #383838; font-weight: bold;}
.pro-index-type1 li{width: 200px; height: 49px;}
.pro-index-type2{width: 1000px; height: auto; overflow: hidden; padding: 5px 0;}
.pro-index-type2 li{width: 125px; height: 40px; font-size: 15px; color: #545454; text-align: center; float: left;
text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 40px;}
.pro-index-img{margin: 10px 0 0 0;}
.pro-index-img img{min-width: 100%; min-height: 100%;}
.pro-index-img li:nth-child(5n-4){width: 600px; height: 420px; overflow: hidden; position: relative; border: 1px solid #888;
margin: 10px 0 0 0;}
.pro-index-img li:nth-child(5n-4) .title{position: absolute; width: 600px; height: 40px; line-height: 40px; 
background: rgba(0, 0, 0, 0.5); color: white; text-align: center; font-size: 16px; left: 0; bottom: 0;}
.pro-index-img li{width: 290px; height: 205px; margin: 10px 0 0 10px; float: left; border: 1px solid #888; overflow: hidden; 
position: relative;}
.pro-index-img li .title{position: absolute; width: 290px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.5);
color: white; text-align: center; font-size: 15px; left: 0; bottom: 0;}
.pro-index-img li:hover{border: 1px solid #1e468e;}
.pro-index-img li:hover .title{background: #1e468e;}

.case-index-content{width: 1200px; min-width: 1200px !important; height: auto; overflow: hidden;}
.case-index-content li{width: 1200px; height: 400px; margin: 40px 0 0 0; float: left; overflow: hidden;}
.case-index-content li .pic{width: 700px; height: 400px; overflow: hidden;}
.case-index-content li .pic img{min-width: 100%; min-height: 100%;}
.case-index-content li .jieshao{background: #f5f5f5; width: 500px; height: 525px; padding: 40px 35px;}
.case-index-content li .title{font-size: 24px; font-weight: bold; color: #151515; height: 40px; line-height: 40px;}
.case-index-content li .con{line-height: 30px; font-size: 15px; color: #151515; margin: 10px 0 0 0; height: 180px; width: 430px;}
.case-index-content li .more{width: 160px; height: 40px; background: #4eb9d0; color: white; font-size: 16px;
text-align: center; line-height: 40px; margin: 30px 0 0 0;}
.case-index-content li .more:hover{background: #df4623;}

.news-index-content li{width: 380px; height: auto; overflow: hidden; margin: 20px 10px 0; float: left; background: #f5f5f5;
padding: 10px;}
.news-index-content li .pic{width: 360px; height: 235px; overflow: hidden;}
.news-index-content li .title{color: #454545; height: 40px; line-height: 40px; font-size: 16px; width: 360px;}
.news-index-content li .content{line-height: 28px; font-size: 15px; color: #9b9b9b; height: 84px;}
.news-index-content li .more{width: 75px; height: 28px; border: 1px solid #9f9f9f; margin: 10px 0 0 0; color: #9f9f9f;
text-align: center; line-height: 26px;}
.news-index-content li:hover{background: #f15109;}
.news-index-content li:hover .title{color: white;}
.news-index-content li:hover .content{color: white;}
.news-index-content li:hover .more{color: white; border: 1px solid white;}

.com-index-title2{width: 600px; height: 80px; padding: 30px 0; line-height: 20px;}
.com-index-title2 li{float: left; width: 100px; height: 20px; line-height: 20px; font-size: 16px;}
#com1{width: 1200px; min-width: 1200px; height: auto; overflow: hidden; padding: 20px 0 0 0;}
#com1 .company-index1{width: 635px; height: auto; overflow: hidden;}
#com1 .company-index1-1{width: 635px; height: 390px; overflow: hidden;}
#com1 .company-index1-2{margin: 15px 0 0 0; width: 635px; height: auto; overflow: hidden;}
#com1 .company-index1-2 li{width: 158px; height: 80px; float: left;}
#com1 .company-index1-2-1{width: 158px; height: 50px; line-height: 50px; text-align: center; font-family: "宋体";
font-size: 50px}
#com1 .company-index1-2-2{width: 158px; height: 30px; line-height: 30px; text-align: center; color: #626262;}
#com1 .company-index2{width: 530px; height: auto; overflow: hidden;}
#com1 .company-index2-1{height: 40px; line-height: 40px; font-size: 24px; color: #1e468e;}
#com1 .company-index2-2{line-height: 30px; font-size: 15px; color: #4f4f4f; margin: 10px 0 0 0;}
#com2{width: 1200px; min-width: 1200px; height: auto; overflow: hidden; padding: 60px 0 0 0;}
#com2 .company-wenhua1-1{width: 990px; height: 464px;}
#com2 .company-wenhua1-2{width: 205px; height: 464px;}
#com2 .company-wenhua1-2 li{width: 205px; height: 113px; background: #f5f5f5; float: left; margin-bottom: 4px; padding: 25px 20px;}
#com2 .company-wenhua1-2 li:nth-last-child(1){margin: 0;}
#com2 .company-wenhua1-2-1{width: 50px; height: 63px; background: url("../Image/wenhua1.png") center center no-repeat; margin-right: 10px;}
#com2 .company-wenhua1-2-2{width: 105px; height: 30px; line-height: 30px; font-size: 20px; margin: 5px 0 0 0;}
#com2 .company-wenhua1-2-3{width: 105px; height: 23px; line-height: 23px; font-size: 12px;}
#com2 .company-wenhua1-2-4{width: 50px; height: 63px; background: url("../Image/wenhua2.png") center center no-repeat; margin-right: 10px;}
#com2 .company-wenhua1-2-5{width: 50px; height: 63px; background: url("../Image/wenhua3.png") center center no-repeat; margin-right: 10px;}
#com2 .company-wenhua1-2-6{width: 50px; height: 63px; background: url("../Image/wenhua4.png") center center no-repeat; margin-right: 10px;}
#com2 .company-wenhua1-1 li{width: 990px; height: 464px; position: absolute;}
#com2 .company-wenhua1-1-bg{width: 990px; height: 464px; background: url("../Image/about2-1.jpg") center center no-repeat;
position: absolute; left: 0; top: 0;}
#com2 .company-wenhua-content{position: absolute; width: 290px; height: 345px; background: white; left: 85px; top: 60px;
padding: 25px 40px; overflow: hidden;}
#com2 .company-wenhua-content1{width: 210px; height: 40px; line-height: 40px; color: #363636; font-size: 30px;}
#com2 .company-wenhua-content2{width: 210px; height: 30px; line-height: 30px; color: #4eb9d0; font-size: 24px;
margin: 10px 0 0 0;}
#com2 .company-wenhua-content3{width: 210px; height: auto; line-height: 30px; color: #363636; font-size: 15px;
margin: 10px 0 0 0;}

.company-wenhua-main {
    position: relative;
    height: 464px;
    width: 990px;
    transform-style: preserve-3d;
    transition: all 2s;
}

.company-wenhua-main li {
    position: absolute;
    height: 464px;
    width: 990px;
}

.company-wenhua-main #com2-1{
    transform: translateZ(232px);
}

.company-wenhua-main #com2-2{
    transform: rotateX(270deg) translateZ(232px);
}

.company-wenhua-main #com2-3{
    transform: rotateX(180deg) translateZ(232px);
}

.company-wenhua-main #com2-4{
    transform: rotateX(90deg) translateZ(232px);
}

#com2 .company-wenhua1-2 li:hover{cursor: pointer; background: #4eb9d0; color: white;}
#com2 .company-wenhua1-2 li:hover .company-wenhua1-2-1{background: url("../Image/wenhua1-1.png") center center no-repeat;}
#com2 .company-wenhua1-2 li:hover .company-wenhua1-2-4{background: url("../Image/wenhua2-1.png") center center no-repeat;}
#com2 .company-wenhua1-2 li:hover .company-wenhua1-2-5{background: url("../Image/wenhua3-1.png") center center no-repeat;}
#com2 .company-wenhua1-2 li:hover .company-wenhua1-2-6{background: url("../Image/wenhua4-1.png") center center no-repeat;}
#com2 .company-wenhua1-2 .on{background: #4eb9d0; color: white;}
#com2 .company-wenhua1-2 .on .company-wenhua1-2-1{background: url("../Image/wenhua1-1.png") center center no-repeat;}
#com2 .company-wenhua1-2 .on .company-wenhua1-2-4{background: url("../Image/wenhua2-1.png") center center no-repeat;}
#com2 .company-wenhua1-2 .on .company-wenhua1-2-5{background: url("../Image/wenhua3-1.png") center center no-repeat;}
#com2 .company-wenhua1-2 .on .company-wenhua1-2-6{background: url("../Image/wenhua4-1.png") center center no-repeat;}

#com3{width: 1200px; min-width: 1200px; height: auto; overflow: hidden; padding: 60px 80px 0 80px;}
#com3 .company-pinpai1{height: 40px; line-height: 40px; color: #3e3e3e; font-size: 30px; width: 1040px; text-align: center;}
#com3 .company-pinpai2{margin: 20px 0 0 0; line-height: 30px; font-size: 16px; text-align: center;}
#com3 .company-pinpai3{width: 1040px; height: 2px; background: #c9c9c9; margin: 20px 0;}
#com3 .company-pinpai4{text-align: center; color: #888; font-size: 15px;}
#com3 .company-pinpai5{margin: 20px 0 0 0; background: url("../Image/pinpai1.jpg") center center no-repeat;
width: 1040px; height: 214px;}

#com4{width: 1200px; min-width: 1200px; height: auto; overflow: hidden; padding: 60px 0 0 0;}
#com4 .company-fazhan1{height: 40px; line-height: 40px; color: #3e3e3e; font-size: 30px; width: 1200px; text-align: center;}
#com4 .company-fazhan2{width: 365px; height: 635px; background: url("../Image/fazhan2.jpg") center center no-repeat;
margin: 30px 0 0 0;}
#com4 .company-fazhan3{width: 800px; height: 635px; margin: 30px 0 0 0; position: relative;}
#com4 .company-fazhan3-1{width: 2px; height: 800px; background: #d3d3d3; position: absolute; left: 127px; top: 0;}
#com4 .company-fazhan3-2{width: 800px; height: 620px; position: absolute; left: 0; top:5px;}
#com4 .company-fazhan3-2 li{width: 800px; height: 155px; padding: 25px 0; float: left;}
#com4 .company-fazhan3-2-1{width: 111px; height: 105px; line-height: 105px; font-size: 22px; color: #474747;
text-align: center;}
#com4 .company-fazhan3-2-2{width: 47px; height: 105px; background: url("../Image/fazhan3.png") center center no-repeat;}
#com4 .company-fazhan3-2-3{width: 620px; height: 105px; background: #ececec; padding: 25px 30px; line-height: 27px;
font-size: 15px;}

#com5{width: 1200px; min-width: 1200px; height: auto; overflow: hidden; padding: 60px 0 0 0;}
#com5 .company-rongyu1{height: 40px; line-height: 40px; color: #3e3e3e; font-size: 30px; width: 1200px; text-align: center;}
#com5 .company-rongyu2{margin: 40px 0 0 0; width: 1200px; height: auto; overflow: hidden;}
#com5 .company-rongyu2 .bd{width: 1000px; margin: 0 auto; height: auto; overflow: hidden;}
#com5 .company-rongyu2 .bd li{width: 374px; height: 238px; margin: 0 63px; border: 1px solid #888; overflow: hidden;}
#com5 .company-rongyu2 .hd{width: 1200px; position: relative;}
#com5 .company-rongyu2 .hd .prev{position: absolute; width: 42px; height: 42px; background: url("../Image/prev.png") center center no-repeat;
top: 100px; left: 50px; cursor: pointer;}
#com5 .company-rongyu2 .hd .next{position: absolute; width: 42px; height: 42px; background: url("../Image/next.png") center center no-repeat;
top: 100px; right: 50px; cursor: pointer;}
#com5 .company-rongyu3{width: 1200px; height: 99px; background: url("../Image/rongyu3.png") center center no-repeat;}

#com6{width: 1200px; min-width: 1200px; height: auto; overflow: hidden; padding: 60px 0;}
#com6 .company-fengcai1{width: 890px; height: 326px; background: url("../Image/fengcai.png") center center no-repeat;}
#com6 .company-fengcai2{width: 310px; height: 326px; background: #f7f7f7; padding: 80px 60px;}
#com6 .company-fengcai2-1{width: 190px; height: 40px; line-height: 40px; text-align: center; font-size: 30px; color: #3e3e3e;}
#com6 .company-fengcai2-2{width: 190px; height: 60px; line-height: 30px; text-align: center; font-size: 15px; color: #3e3e3e;
margin: 20px 0 0 0;}




/*侧边*/
.sidebar{width: 100%; height: auto; overflow: hidden;}
.side{width: 100%; height: 50px; border-bottom: 1px solid #bdbdbd; line-height: 49px;}
.side-main{width: 1200px; height: 49px; line-height: 49px; margin: 0 auto;}
.side1{width: 16px; height: 49px; background: url("../Image/side1.png") center center no-repeat; margin-right: 10px;}
.side2{color: #4e4e4e; font-size: 15px;}


/*内页公共*/
.main{width: 1200px; min-width: 1200px !important; height: auto; overflow: hidden; margin: 0 auto; padding: 40px 0;}

/*详情页*/
.pro-info1{max-width: 800px; margin: 20px auto 0; text-align: center;}
.pro-info2{height: 40px; line-height: 40px; font-size: 20px; width: 1200px; text-align: center;}
.pro-info3{height: 40px; line-height: 39px; border-bottom: 1px solid #888;}
.pro-info3-1{width: 120px; height: 39px; background: #4eb9d0; text-align: center; color: white; font-size: 18px;}
#prev_next{line-height: 30px; font-size: 15px;}
.pro-info4{line-height: 30px; font-size: 15px; margin: 10px auto 0;}

.news-info1{height: 40px; line-height: 40px; font-size: 20px; width: 1200px; text-align: center;}
.news-info3{max-width: 800px; margin: 10px auto 0; text-align: center;}
.news-info4{line-height: 30px; font-size: 15px; margin: 10px auto 0;}

.contact-index{margin: 30px 0 0 0; width: 1200px; height: auto; overflow: hidden; min-width: 1200px !important;}
.contact-index1{width: 550px; height: 310px; background: url("../Image/contact2-1.jpg") center center no-repeat;
padding: 40px 30px;}
.contact-index1-1{height: 40px; line-height: 40px; font-size: 20px;}
.contact-index1-1 span{color: #ff9c00;}
.contact-index1-2{font-size: 15px; line-height: 30px; margin: 10px 0 0 0;}

#pro-current{width: 600px; height: 420px; border: 1px solid #888; overflow: hidden; cursor: pointer;}
#pro-list{margin: 15px auto 10px; width: 600px; height: 70px; cursor: pointer;}
#pro-list li{width: 95px; height: 70px; float: left; border: 1px solid #888; margin-right:6px; overflow: hidden;}
#pro-list li:nth-last-child(1){margin: 0;}
#pro-list .on{border: 1px solid #f15109;}
#pro-bofang{ position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); margin:0 auto;
left: 0; top: 0; bottom: 0; right: 0;}

/*留言*/
.mess1{ font-family: "Roboto", sans-serif;
    outline: 0;
    background: #f2f2f2;
    width: 280px;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;}
.mess2{ font-family: "Roboto", sans-serif;
    outline: 0;
    background: #f2f2f2;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;}
.mess3{font-family: "Roboto", sans-serif;
    outline: 0;
    background: #f2f2f2;
    width: 180px;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;}

.left{ float:left;}
.right{ float:right;}
