@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:#000; font-size:14px;  font-family:"tahoma","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;}
/*body a img { border:none; width:15%;}*/
#img3{
    border:none; width:40%;
}
h3{font-weight:"bold"}

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;}*/
.head{overflow: hidden;}
.logo{z-index: 2;position: absolute; width: 60%;}

.logo h1{font-size: 28px;color: #fff;font-weight: normal;}

/*.logo a{display: block;width: 80%;}*/
.logo a{display: block;width: 60%; padding-top: 40px}
.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: #012444;padding: 40px}

.fix-nav ul{margin-top: 50px}

.fix-nav ul li {border-bottom: 1px solid #eee;color: #666;line-height: 40px;font-size: 16px;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: #826803}

.title i{display: inline-block;width: 40px;height: 3px;background: #dcdcdc;margin-top: 10px}



.oneA{margin-top: 40px;}

.txt{line-height: 2;color: #000;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: 50%;position: absolute;top: 0;right: 0;color: #fff;padding: 25px;}

.oneG ul li dl h3{font-size: 28px;margin-bottom: 12px}

.oneG ul li dl p{line-height: 1.8;font-size: 13px}



.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: #012444;margin-top: 40px;}

.foot{overflow: hidden;padding: 80px 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: 100px;background: #012444;color: #fff;font-size: 10px}

.copy a{color: #fff}



/*=======================================关于我们============================================*/

.slider{height: 400px;position: relative;background-size: 100% 100%!important;}



.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: 14px;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: 14px;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 #012444;opacity: 1}

.fixed .bottom:hover{background: url("../img/bottom.png") no-repeat center #012444;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: 16px;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: 16px;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: 16px;font-family: Arial}

.mess dl a{display: inline-block;width: 100px;font-size: 18px;background: #012444;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)  {
         #img3 {
    border: none;
    width: 40%;
}

    .container{padding-right: 15px;padding-left: 15px}

    .banner dl{font-size: 26px}

    .oneC ul li img{height: 90px;}

}



@media (max-width: 1024px)  {

     #img3 {
    border: none;
    width: 60%;
}
    .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: 26px}

    .title h2{font-size: 26px}

    .oneC ul li{height: 100px}

    .oneC ul li img{height: 75px}

}



@media (max-width: 768px)  {
     #img3 {
    border: none;
    width: 80%;
}

    .oneGpc{display: none}

    .oneGm{display: block}

    .slider{height: 300px;background-size: auto!important;}

    .container{width: auto}

    body{font-size: 16px}

    .logo h1{font-size: 24px}

    .banner dl{font-size: 22px;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}
    #img3 {
    border: none;
    width: 100%;
}
.logo a {
    
    padding-top: 0px;
}

    .slider{height: 240px;background-size: auto!important;}

    .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: 24px}

    .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: 18px;}

    .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: 40px}

    .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: 80px}

    .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}*/

}