@charset "utf-8";
/*============================ 初始化样式 ============================*/
/*@font-face {
    font-family: 'HelveticaNeue';
    font-style: normal;
    src: url(../font/HelveticaNeue.woff) format("woff");
}*/
* { margin:0; padding:0;box-sizing: border-box}
body {color:#333; font-size:16px;  font-family:"Arial","微软雅黑","SimSun","宋体",sans-serif;}
*html { background-image:url(about:blank);background-attachment:fixed;}
li { list-style:none;}
img { border:none;}
body a img { border:none; width:auto;}
h3{font-weight:normal}
a {color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none;}
.text-cut  /*限制文字,文字超出显示冒号*/
{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;}
/*.container{width: 1260px;margin: 0 auto}*/
.container{padding: 0}
.fl{float: left}
.fr{float: right}
.clear{clear: both}

/*========================================= 首页 =====================================*/
header{z-index: 9999;width: 100%;position: absolute;top: 0;left: 0}
.head{overflow: hidden;padding: 40px 0;}
.logo{z-index: 2;position: absolute}
.logo h1{font-size: 28px;color: #fff;font-weight: normal;}
.logo a{display: block;width: 80%;}
.menus{position: fixed;top: 40px;right: 0;width: 100%;z-index: 1}
.menu{}

.fix-nav {position: fixed;width: 30%;height: 100%;z-index: 2;display: none;right: 0;top: 0;background: #155998;padding: 40px}
.fix-nav ul{margin-top: 50px}
.fix-nav ul li {border-bottom: 1px solid #eee;color: #666;line-height: 40px;font-size: 18px;padding: 5px}
.fix-nav ul li a{color: #fff;display: block}
.fix-nav .close{float: right;}
.fix-nav ul li:hover{background: #FFC102}

.banner{ position:relative; overflow:hidden;}
.banner_img{position: relative;}
.banner_img img{width: 100%}
.banner dl{font-size: 32px;font-weight: bold;color: #fff;position: absolute;bottom: 40px;left: 0;width: 100%;}
/*.banner dl dd{line-height: 52px}*/

/*.banner .swiper-container{ width: 100%;height: 100%;overflow:hidden;}
.banner ul li{height: 858px;text-align: center;color: #fff;}
.banner .pagination{position: absolute; bottom:30px; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet{width: 15px;height: 15px;display: inline-block;border-radius: 100%;margin: 0 6px!important;border: 1px solid #fff}
.banner .swiper-pagination-bullet-active{background-color: #fff;}
.banner .swiper-button-prev{left: 30px;opacity: 0;width: auto}
.banner .swiper-button-next{right: 30px;opacity: 0;width: auto}
.banner:hover .swiper-button-prev{opacity: 1}
.banner:hover .swiper-button-next{opacity: 1}*/

.title{text-align: center;margin-top: 40px;}
.title h2{font-size: 28px;color: #777}
.title i{display: inline-block;width: 40px;height: 3px;background: #dcdcdc;margin-top: 10px}

.oneA{margin-top: 40px;}
.txt{line-height: 2;color: #272727;width: 80%;margin: 0 auto}
.oneA .text{margin-top: 40px}

.bg{background: #f0f0f0;overflow: hidden;margin-top: 40px;padding-bottom: 40px}

.oneB{overflow: hidden}
.oneB ul li{margin-top: 20px}
.oneB ul li p{text-align: center;line-height: 2}
.oneB ul li dd{margin-top: 20px}
.oneB ul li dd img{max-width: 100%}

.oneC{background: #f0f0f0;padding: 30px 0 50px;margin-top: 40px;margin-bottom: 40px}
.oneC ul{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap}
.oneC ul li{margin-top: 20px;width: 16%;height: 120px;background: #fff;text-align: center;position: relative;overflow: hidden}
.oneC ul li img{height: 100px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;padding: 10px}

.oneD p{text-align: center;line-height: 2;margin-top: 20px}
.oneD dd{margin-top: 20px}
.oneD dd img{max-width: 100%}

.oneE{margin-top: 30px;overflow: hidden}
.oneE ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.oneE ul li{margin-top: 10px}
.oneE ul li:nth-child(1),.oneE ul li:nth-child(2){width: 49.7%}
.oneE ul li:nth-child(3),.oneE ul li:nth-child(4),.oneE ul li:nth-child(5){width: 33%}
.oneE ul li:nth-child(7){width: 100%}
.oneE ul li img{width: 100%;vertical-align: top}
.oneE ul li p{line-height: 2;margin: 15px 0;text-align: center}

.oneF ul{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin-top: 20px}
.oneF ul li{width: 23%;text-align: center;margin: 20px 0;display: flex;height: 135px;background: #fff;position: relative}
.oneF ul li dd{/*width: 210px;height:135px;*/position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.oneF ul li img{max-width: 70%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}

.oneG{background: #fff;padding: 40px 0 0;overflow: hidden;}
.oneG ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.oneG ul li{width: 24%;position: relative;margin-bottom: 10px;}
.oneG ul li dd img{max-width: 100%}
.oneG ul li dl{width: 100%;height: 100%;position: absolute;top: 0;right: 0;color: #fff;padding: 25px;}
.oneG ul li dl h3{font-size: 22px;margin-bottom: 12px}
.oneG ul li dl p{line-height: 1.8;font-size: 13px}
.oneG ul li dl{background: rgba(101,118,138,1.0);}
.oneG ul li:nth-child(n+5) dl{background: rgba(169,180,191,1.0);}
.oneG ul li:nth-child(n+9) dl{background: rgba(101,118,138,1.0);}
.oneG ul li:nth-child(n+13) dl{background: rgba(169,180,191,1.0);}
.oneG ul li:nth-child(n+17) dl{background: rgba(101,118,138,1.0);}
.oneG ul li:nth-child(n+21) dl{background: rgba(169,180,191,1.0);}
.oneG ul li:nth-child(n+25) dl{background: rgba(101,118,138,1.0);}
.oneG ul li:nth-child(n+29) dl{background: rgba(169,180,191,1.0);}
.oneG ul li:nth-child(n+33) dl{background: rgba(101,118,138,1.0);}
.oneG ul li:nth-child(n+37) dl{background: rgba(169,180,191,1.0);}

.oneGm{display: none}

/*.oneG ul li:nth-child(4n+1) dl{background: rgba(101,118,138,1.0);}
.oneG ul li:nth-child(4n+2) dl{background: rgba(169,180,191,1.0);}
.oneG ul li:nth-child(4n+3) dl{background: rgba(158,91,21,1.0);}*/

.oneH{margin-top: 40px;overflow: hidden}
.oneHs{width: 100%;height: 400px;margin: 0 auto;background: #ccc}
.oneHs iframe{width: 100%;height: 100%}

footer{overflow: hidden;background: #155998;margin-top: 40px;}
.foot{overflow: hidden;padding: 40px 0 0;color: #fff;display: flex;justify-content: space-between;flex-wrap: wrap}
.foota{}
.foota h3{font-size: 22px;color: #fff;margin-bottom: 10px;font-weight: bold}
.foota ul li{color: #fff;line-height: 1.8;font-size: 14px}
.foota ul li .ftel{padding-left: 100px}
.foota .u1{display: none;margin-bottom: 20px}
.footb{width: 350px;}
.footb ul li{border-bottom: 1px solid #c8c8c8;line-height: 2;text-indent: 5px}
.footb ul li a{color: #fff}
.foota a{color: #fff}

.copy{line-height: 60px;background: #155998;color: #fff;font-size: 10px}
.copy a{color: #fff}

/*=======================================关于我们============================================*/
.slider{height: 400px;position: relative}

.content{margin-top: 40px;overflow: hidden}
.left{border-top: .5px solid #eee;width: 25%}
.left ul li{border-bottom: .5px solid #eee;padding: 10px 0;}
.left ul li a{color: #061a3e;font-size: 16px;display: block;padding-left: 20%}
.left ul li.active{background: #F0F0F0}
.left ul li:hover a,.left ul li.active a{color: #155998;font-weight: bold}
.right{width: 70%}
.tit h1{font-size: 24px;border-bottom: 1px solid #ddd;padding-bottom: 20px;}

.right .tit2{font-size: 20px;line-height: 24px;border-bottom:.5px solid #061a3e;padding: 15px 0}
.right dl{padding: 15px 0;line-height: 24px;border-bottom:.5px solid #061a3e;overflow: hidden}
.right dl h2{display: inline-block;font-size: 16px;width: 30%;text-align: right;padding: 0 15px;float: left;line-height: 1.6}
.right dl .span{display: inline-block;width: 70%;float: left;line-height: 1.6}
.right ul li{border-bottom: .5px solid #061a3e;padding: 7px 0;line-height: 1.6;overflow: hidden}
.right ul li b{display: inline-block;width: 30%;text-align: right;padding: 0 15px;float: left}
.right ul li .span{display: inline-block;width: 70%;float: left;}
.right ul li sub{font-size: 12px;}
.right ul li sup{font-size: 12px;}

.fixed{position: fixed;top: 50%;right: 0;}
.fixed a{display: block;width: 45px;height: 45px;}
.fixed .top{background: url("../img/top.png") no-repeat center #000;opacity: 0.6}
.fixed .bottom{background: url("../img/bottom.png") no-repeat center #000;opacity: 0.6}
.fixed .top:hover{background: url("../img/top.png") no-repeat center #004691;opacity: 1}
.fixed .bottom:hover{background: url("../img/bottom.png") no-repeat center #004691;opacity: 1}

.mess h1{font-size: 24px;border-bottom: 1px solid #ddd;padding-bottom: 20px}
.mess p{color: #999;margin-top: 20px;margin-bottom: 40px}
.mess dl{margin-top: 30px;overflow: hidden}
.mess dl label{display: inline-block;width: 25%;text-align: right;padding-right: 15px;float: left;line-height: 38px}
.mess dl input{width: 60%;line-height: 36px;color: #717171;outline: none;border: 1px solid #717171;text-indent: 10px;float: left;font-size: 20px;font-family: Arial}
.mess dl select{width: 180px;height: 38px;color: #717171;outline: none;border: 1px solid #717171;text-indent: 10px;float: left;font-size: 20px;font-family: Arial}
.mess dl textarea{width: 60%;line-height: 36px;color: #717171;outline: none;border: 1px solid #717171;text-indent: 10px;float: left;height: 150px;font-size: 20px;font-family: Arial}
.mess dl a{display: inline-block;width: 200px;font-size: 22px;background: #004691;color: #fff;text-align: center;line-height: 45px}
.mess dl .quantity{width: 180px;float: left}


.nav_box{display: none}
.nav_box h5{line-height:54px;padding-left:2%;color:#fff;font-size:24px;background:url("../img/xl.png") no-repeat #155998 98%;}
.nav_box .nav1{display: none}
.nav_box .nav1 ul{border: 1px solid #e5e5e5;}
.nav_box .nav1 ul li{border-bottom: 1px solid #e5e5e5;line-height: 40px;overflow: hidden;text-align: center}
.nav_box .nav1 ul li:last-child{border-bottom: none}
.nav_box .nav1 ul li a{display: block}
.nav_box ul li:hover a,.nav_box ul li.active a{color: #155998;font-weight: bold}

.tis{font-size: 20px}
.tis2{font-size: 54px}

@media (max-width: 1200px)  {
    .container{padding-right: 15px;padding-left: 15px}
    .banner dl{font-size: 32px}
    .oneC ul li img{height: 90px;}
}

@media (max-width: 1024px)  {
    .left{display: none}
    .nav_box{display: block}
    .right{width: 100%;margin-top: 20px}
    .oneG ul li dl p:nth-child(3){display: initial}
    .logo h1{font-size: 28px}
    .banner dl{font-size: 28px}
    .title h2{font-size: 26px}
    .oneC ul li{height: 100px}
    .oneC ul li img{height: 75px}
}

@media (max-width: 768px)  {
    .oneGpc{display: none}
    .oneGm{display: block}
    .slider{height: 300px}
    .container{width: auto}
    body{font-size: 16px}
    .logo h1{font-size: 24px}
    .banner dl{font-size: 28px;bottom: 30px}
    .title h2{font-size: 24px}
    .oneC{padding: 15px 0 35px}
    .oneC ul li{height: 100px;}
    .oneC ul li img{height: 70px;}
    .oneF ul li img{max-width: 80%}
    .oneG ul li dl h3{font-size: 22px;margin-bottom: 10px}
    .oneG ul li dl p:nth-child(4){display: none}
    .oneF ul li{height: 110px}
    /*.oneF ul li:nth-child(11) dd{width: 50px!important;}*/
    .oneHs{height: 250px}
    .nav_box h5{line-height: 50px}
    .mess dl input,.mess dl select,.mess dl textarea{font-size: 16px}
    .br{display: none}
}

@media (max-width: 640px)  {
    body{font-size: 14px}
    .slider{height: 240px}
    .head{padding: 20px 15px}
    .banner_img img{width: initial;height: 320px;}
    .logo img{width: 150px}
    .menus{top: 20px}
    /*.menu{padding: 6px}*/
    .menu img{width: 30px;float: right;}
    .fix-nav{width: 100%;padding: 20px}
    .fix-nav ul{margin-top: 35px}
    .fix-nav ul li{font-size: 16px;line-height: 36px}
    .fix-nav .close img{width: 30px;height: 30px}
    .logo h1{font-size: 18px}
    .title h2{font-size: 20px}
    .title i{width: 25px;height: 2px}
    .txt{width: 100%}
    .banner dl{font-size: 20px}
    .title{margin-top: 25px}
    .oneA{margin-top: 25px}
    .oneA .text{margin-top: 25px}
    .oneC ul li{width: 32%;height: 75px}
    .oneF ul li{height: 55px;margin: 10px 0}
    .oneG ul li{width: 48.5%;margin-bottom: 20px}
    /*.oneF ul li:nth-child(11) dd{width: 35px!important;}*/
    /*.oneF ul li:nth-child(11) dd:nth-child(1){margin-left: 5px!important;}*/
    /*.oneF ul li:nth-child(11) dd:nth-child(2){margin-right: 5px!important;}*/
    .oneG ul li dl{padding: 10px}
    .oneG ul li dl h3{font-size: 15px;}
    .right dl h2{width: 100%;text-align: initial;padding: 0;font-size: 16px}
    .right ul li b{width: 100%;text-align: initial;padding: 0}
    .oneHs{height: 200px}
    .fixed a{width: 40px;height: 40px}
    .oneG ul li dl p{line-height: 1.6}
    .tit h1{font-size: 18px}
    .nav_box h5{font-size: 20px;line-height: 45px}
    .mess dl input,.mess dl textarea{width: 75%}
    .mess dl .quantity{width: 37.5%;}
    .mess dl select{width: 37.5%}
    .mess dl{margin-top: 20px}
    .foot{padding-top: 10px}
    .foota{width: 100%;margin-top: 20px;text-align: center}
    .foota h3{font-size: 16px}
    .foota ul li{font-size: 12px}
    .foota ul li .ftel{padding-left: 0}
    .copy{text-align: center;line-height: 50px}
    .foota ul .ftp{display: none}
    .foota .u1{display: block;}
    .foota .u1 li{font-size: 16px;font-weight: bold}
    .fixed{display: none}
    .tis2{font-size: 24px}
    /*.foot{display: none}*/
}