/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;
.clearfix:after{
    content:"";
    display:block;
    clear:both;
}
.clearfix{
    zoom:1;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.db{
    display:block;
}
.tl{
    text-align: left;
}
.tc{
    text-align: center;
}
.tr{
    text-align: right;
}
.full{
    width:100%;
    height:100%;
}
.box{
    display: inline-block;
}
.none{
    display: none;
}

a:hover{
    text-decoration:none;
    color: #345b9c;
    transition: color 0.4s;
    -moz-transition: color 0.4s;
    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
}
@-webkit-keyframes fromBottomFade { from {
    -webkit-transform: translateY(15%);
    opacity:0;
}
}
@keyframes fromBottomFade { from {
    transform: translateY(15%);
    opacity:0;
}
}




/*container*/
.container{
    width:1200px;
    margin:0 auto;
    clear:both;
}

/*header*/
.header{width:100%;position:fixed;top:0;left:0;z-index:100;background:#fff;}
.header .top{height:90px;position: relative;}
.header .top .wel{float:left;color:#333;margin-top:10px;}
/* .header .top .logo{float:left;font-size:0;margin-top:5px;margin-left:90px;} */
.header .top .logo{float:left;font-size:0;margin-top:5px;margin-left:480px;}
.header .top .wx{float:right;}
.header .top .wx img{height:80px;margin-top:5px;}
.header .top .phone{float:right;margin-right:8px;color:#333;margin-top:30px;text-align: right;}
.header .top .phone p{font-size:16px;color:#333;margin-bottom: 5px;}
.header .top .toindex{position: absolute;left:0;top:32px;}
.header .top .toindex2{position: absolute;right:0;top:32px;}
.navul{height:40px;line-height: 40px;border-top:3px solid #333;border-bottom: 1px solid #333;}
.navul li{float:left;height:40px;width:200px;text-align: center;font-weight: bold;position: relative;}
.navul li>a{color:#333;text-align: center;display: block;}
.navul li a.cur{color:#345b9c;}
.navul li>a:hover{color:#345b9c;}

.navul li .nav_son{display: none;position: absolute;left: 50%;top: 40px;z-index:100;box-shadow: 0 6px 12px rgba(0, 0, 0, .175);margin-left: -50px;width: 160px;font-size: 14px;background: #FFF;animation: fromBottomFade .6s ease both;-webkit-animation: fromBottomFade .6s ease both;}
.navul li .nav_son a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#222;display:block;padding:10px 20px;border-bottom:1px solid #ebebeb;line-height:23px;}
.navul li .nav_son a:hover{color:#345b9c;background:#f5f5f5;}
.navul li .line{width:0px;height:3px;position:absolute;top:90px;left:0px;background:#345b9c;}
/* .navul li:hover .line{width:100%;} */
.navul li:hover .nav_son{display:block;}



/*banner*/
#indexbanner{ height:500px; overflow: hidden; position: relative;margin-top:144px;}
#indexbanner .bx-controls{ position: absolute; left: 0; bottom: 20px; z-index: 70; width: 100%; color: rgba(0,0,0,0);}
#indexbanner .bx-controls .bx-pager{ text-align: center;}
#indexbanner .bx-controls .bx-pager div{ display: inline-block; margin: 0 4px;}
#indexbanner .bx-controls .bx-pager div a{ display: block; width: 11px; height: 11px;border-radius:50%; overflow: hidden; line-height: 50px; background-color:#999;}
#indexbanner .bx-controls .bx-pager div a.active{ background-color: #345b9c;}
#indexbanner .bx-controls .bx-controls-direction{display: none;}




.mtit{height:50px;line-height: 50px;text-align: center;position: relative;font-size:18px;color:#333;margin:10px 0;}
.mtit:before{content:"";width:400px;border-top:1px solid #333;position: absolute;top:25px;left:100px;}
.mtit:after{content:"";width:400px;border-top:1px solid #333;position: absolute;top:25px;right:100px;}
.mtit .more{width:70px;height:27px;position: absolute;right:0;top:11px;background: url(../images/more.png) no-repeat center;}



.sidenav{width:100%;overflow:hidden;margin:10px auto;}
.sidenav ul{width:100%;margin:10px auto;overflow: hidden;}
.sidenav .nv{float:left;margin-right:30px;font-size:16px;line-height:30px;text-align:center;} 
.sidenav .navson{float:left;margin-right:30px;font-size:14px;line-height:20px;text-align:center;} 
.sidenav .cur{color:#345b9c;}
.order{background: #000;padding: 12px 0;padding-bottom:15px;margin-top:10px;}
.order .tt{color:#fff;font-size:28px;text-align: center;text-transform: uppercase;}
.order .subtt{color:#fff;font-size:18px;text-align: center;margin-top:6px;}
.order .mtt{color:#fff;font-size:20px;text-align: center;margin-top:6px;}
.order form{margin-top:10px;text-align: center;}
.order form input[type='text']{width:160px;padding-left: 15px;height:32px;background: #fff;border-radius: 5px;margin:0 10px;border:none;color:#333;}
.order form input[type='submit']{width:120px;border:none;text-align: center;height:32px;color:#333;margin:0 10px;background: #fff;border-radius: 5px;cursor: pointer;}




.enjoy .mc{padding: 15px 10px;background: #3A2B42;height:400px;}
.enjoy .mc .im{float:left;width:585px;height:100%;}
.enjoy .mc .im:nth-child(2n){float:right;}



.page1{margin-top:10px;}
.page1 .mc{position: relative;height:500px;}
.page1 .mc .im1{width:299px;height:500px;position: absolute;left:0;top:0;}
.page1 .mc .im2{position: absolute;top:0;left:313px;width:280px;height:243px;}
.page1 .mc .im3{position: absolute;bottom:0;left:313px;width:280px;height:243px;}
.page1 .mc .im4{position: absolute;top:0;right:0;width:593px;height:500px;}




.page2 .mc{position: relative;height:500px;}
.page2 .mc .im1{width:593px;height:500px;position: absolute;left:0;top:0;}
.page2 .mc .im2{position: absolute;top:0;right:0;width:593px;height:243px;}
.page2 .mc .im3{position: absolute;bottom:0;right:0;width:593px;height:243px;}



.page3 .mc .im{float:left;width:593px;height:280px;margin-bottom: 14px;}
.page3 .mc .im:nth-child(2n){float:right;}
.page3 .mc .im:nth-child(3),.page3 .mc .im:nth-child(4){margin-bottom: 0;}

.page4 .mc .im{float:left;width:289.5px;height:360px;margin-bottom: 14px;margin-right:14px;}
.page4 .mc .im:nth-child(4n){margin-right:0;}




.news{margin-top:15px;margin-bottom: 30px;}
.news .detail{float:left;width:385px;margin-right:22.5px;}
.news .detail:last-child{margin-right:0;}
.news .detail .mt{height:30px;line-height: 30px;border-bottom: 2px solid #333;font-size:16px;font-weight: bold;color:#333;}
.news .detail .mt span{float:left;line-height: 25px;}
.news .detail .mt a{float:right;font-size:12px;color:#999;font-family: Arial;}
.news .detail .mt a:hover{color:#345b9c;}
.news .detail .mc{margin-top:10px;height:180px;}
.news .detail .mc a{display: block;height:29px;line-height: 29px;border-bottom: 1px dotted #ccc;padding-left: 12px;font-size:12px;color:#333;position: relative;}
.news .detail .mc a:before{content:"";position: absolute;width:3px;height:3px;background: #333;left:0;top:14px;}
.news .detail .mc a:hover{color:#345b9c;}





.inset{margin-top:144px;}


.ne_nav{margin-top:15px;padding-bottom: 12px;border-bottom: 1px dashed #dcdcdc;}
.ne_nav p{float:left;color:#333;font-weight: bold;font-size:16px;}
.ne_nav span{float:right;}
.nav_class{text-align: center;line-height: 50px;}
.nav_class a{margin:0 20px;}
.nav_class a.cur{color:#345b9c;}
#ne_nav{color: rgb(42, 42, 42);margin-top:15px;}



.col{width:100%;min-height:450px;line-height:220%;margin-top:15px;margin-bottom:50px;}
.col h2{text-align:center;font-weight:normal;color:#000;}
.col h3{text-align:center;font-weight:normal;font-size:12px;}
.col .can{margin-top:20px;}
.col *{color:#333;}





.pxxm{min-height: 450px;margin-top:26px;margin-bottom: 50px;}
.pxxm ul li{float:left;width:280px;margin-right:20px;margin-bottom: 20px;
    height: 330px;}
.pxxm ul li:nth-child(4n){margin-right:0;}
.pxxm ul li a{display: block;width:100%;height:100%;}
.pxxm ul li .pic{height:240px;display: flex;
    justify-content:center;
    align-items: center;}
.pxxm ul li img{max-height:100%;max-width:100%;display:block;margin:auto;}
.pxxm ul li p{height:40px;line-height: 40px;text-align:center;}
.pxxm ul li:hover p{color:#345b9c;}






.xwzx{width:100%;min-height:450px;margin-bottom:50px;margin-top:10px;}
.xwzx ul li{height:35px;line-height: 35px;border-bottom: 1px dotted #ccc;position: relative;}
.xwzx ul li a{display: block;width:100%;height:100%;}
.xwzx ul li .tt{float:left;color:#333;width:80%;overflow: hidden;margin-left: 30px;}
.xwzx ul li .date{float:right;color:#999;margin-right:30px;}
.xwzx ul li:before{content:"";position: absolute;width:5px;height:5px;background: #333;left:12px;top:16px;}
.xwzx ul li:hover .tt{color:#345b9c;}









.orientation{margin-top:20px;margin-bottom:20px;overflow:hidden;width:100%;}
.orientation .previous{float:left;}
.orientation .next{float:right;}








/*footer*/
.footer{border-top:1px solid #333;padding: 30px 0;line-height: 20px;color:#333;font-size:13px;}




.mypage{
    text-align: center;
    width:100%;
    margin-top:20px;
    overflow:hidden;
}
.mypage	span,.mypage a{
    display: inline-block;
    vertical-align: top;
    color: #345b9c;
    border: 1px solid #345b9c;
    padding: 5px 10px;
    margin: 5px;
}
.mypage	span.current,.mypage a.current{
    background: #345b9c;
    color: #fff;
}


/* 首页 */
.page_new ul{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items:center;
    align-content:center;
}
.page_new ul li{
    width: 350px;
    margin: 15px 0;
    border: 1px solid white;
    overflow: hidden;
}
.page_new ul li a .img_new{
    width: 350px;
    height: 300px;
    border: 1px solid white;
    overflow: hidden;
}
.page_new ul li img{
    width: 100%;
    
    height: 100%;
}
.page_new ul li a{
    display: flex;
    flex-direction:column;
}
.page_new ul li a p{
    margin-top: 10px;
    padding: 5px;
    color: rgb(42, 42, 42);
    text-align: center;
}
.page_new ul li:hover p{
    color: #345b9c;
}
.page_new ul li:hover img{
    transition: all .3s;
    transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
}
.page_new ul:after {
    content: "";
    width: 350px;
}

/* 产品 */
.tt.ellipsis{
    color: rgb(42, 42, 42);
}
.pxxm ul li .im {
    height: 300px;
    overflow: hidden;
}
.im img {
    width: 100%;
    height: 100%;
    display: block;
}
.inset_img{
    display: flex;
    justify-content:center;
    align-items: center;
    border: 1px solid #FFFFFF;
}