.header{height: 125px;position: relative;}
.header .l{width: 643px;height: 125px;float: left;}

.header .r{width: 385px;height:80px;float: right;background:url("../image/hour.png") right center no-repeat;margin-top: 22px;}
.header .r .bt{width: 224px;text-align: center;line-height: 23px;color: #525252;
    height: 23px;
    background-color: #e2e2e2;
    border-radius: 12px;}

.header .container{position: relative;}
.logo{position: absolute;left: 0px;top: -5px;width:188px;height: 214px;z-index: 10}

.menu{height: 58px;background: url("../image/nenubg.png") center no-repeat;transition: 0.3s;-webkit-transition:0.2s;}

.menu .r{width: 1200px;height: 58px;float: right;}
.menu .r li{width: 130px;height: 100%;float: left;height: 55px;background: url("../image/mline.png") right center no-repeat;}
.menu .r li:nth-child(1){background:none;}
.menu .r li .son{width: 100%;height: 58px;position: relative}
.menu .r li .son .a{display: block;width: 100%;height: 100%;line-height: 58px;text-align: center;color: #fff;font-size: 16px;
    transition: 0.3s;-webkit-transition: 0.3s;font-size: 16px;box-sizing: border-box}
.menu .r li .son .xiala{position: absolute;left: 0px;width: 130px;z-index: 10;
    box-sizing: border-box;top: 69px;opacity: 0;transition: 0.4s;-webkit-transition: 0.4s;transition-timing-function:ease;visibility: hidden;
    box-shadow: 0px 4px 7px #888888;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;overflow: hidden;
    transform: translateY(20px);-webkit-transform: translateY(20px);
;}
.menu .r li .son .xiala1{opacity: 1;transform: translateY(-11px);visibility: visible}
.menu .r li .son .xiala .s{width: 100%;height: 10px;background: url("404.png") top center no-repeat;}
.menu .r li .son .xiala .line{width: 100%;height: 0;display: none;margin: 0 auto;height: 3px;background:#00309a}
.menu .r li .son .xiala dl{width: 100%;background: #fff;}
.menu .r li .son .xiala dt{width: 100%;margin: 0 auto;height: 44px;border-bottom: 1px solid #eee;
;}
.menu .r li .son .xiala dt a{display: block;width: 100%;height: 100%;;line-height: 44px;font-size: 14px;color: #7a7a7a;
    text-align: center;transition: 0.3s;-webkit-transition: 0.3s;
}
.menu .r li .son .xiala dt a:hover{background: #eee;color: #666!important;}

.menu .r li .son a:hover{background: #ffa200;color: #fff!important;}
.menu .r li .son .cz{color: #00309a;background: url("404.png") right 14px top 11px no-repeat;
    background-size: 11px;font-size: 16px;}

.menus{position: fixed;z-index: 20;top: 20px;left: 0;transform: translateY(-20px);-webkit-transform: translateY(-20px)}

.ma{color: #ffa200!important;}

.remen{height: 66px;background: #fff;box-sizing: border-box;border-bottom: 1px solid #ddd}
.remen .son .l{width: 930px;height: 66px;float: left;line-height: 66px;background:  url("404.png") center left no-repeat;
    text-indent: 1.5em;}
.remen .son .l a{display: inline-block;margin-right: 20px;color: #7b7b7b;text-indent: 0;font-size: 14px;}
.remen .son .r{width: 270px;height: 66px;float: left;}
.remen .son .r form{width: 270px;height: 40px;margin-top: 13px;background: #eee;border-radius: 5px;overflow: hidden}
.remen .son .r form input{display: block;height: 38px;;width: 208px;margin:0;padding: 0;outline: none;border: none;
    float: left;text-indent: 0.5em;background: #eee}

.remen .son .r form button{width: 60px;height: 38px;background: #eee url("../image/s.png") center no-repeat;text-align: center;line-height: 32px;float: left;
    outline: none;border: none;font-size: 14px;letter-spacing: 2px;color: #fff;font-weight: bold;}


.big-title .top{height: 40px;width: 540px;margin: 0 auto;}
.big-title .top .m{width: 370px;height: 40px;text-align: center;line-height: 40px;color: #2356a9;float: left;}
.big-title .top .l{width:85px;height: 40px;float: left;background: url("../image/xing.png") center no-repeat; }
.big-title p{color:#878787 }
.big-title .top{height: 40px;width: 540px;margin: 0 auto;}
.big-title1 .top .m{width: 370px;height: 40px;text-align: center;line-height: 40px;color: #2356a9;float: left;}
.big-title1 .top .l{width:415px;height: 40px;float: left;background: url("../image/shibgl.png") center no-repeat; }
.big-title1 .top .r{width:415px;height: 40px;float: left;background: url("../image/shibgr.png") center no-repeat; }
.big-title1 p{color:#878787 }

.ipro{background: #f0f0f0;overflow: hidden;padding-bottom: 50px;}
.ipro .mianc{width: 100%;height: 680px;position: relative;}
.ipro .l{width: 290px;float: left;}
.ipro .l .top{width: 100%;height: 124px;background:#ecf3f8 url("../image/tlt.png") center no-repeat;}
.it{height:  488px;overflow-y: scroll;overflow-x: hidden;width: 240px;background: #ecf3f8;border-left: 5px solid #d8e4ed}
.it li{border-bottom: 1px solid #fff;background: #F2F2F2}
.it li .a1{display: block;width: 240px;height: 50px;position: relative;}
.it li .a1 .one{display: none;position: absolute;width: 240px;height: 50px;left: -266px;top: 0;z-index:1;background: #00a73e;transition: 0.5s;-webkit-transition:0.5s }
.it li .a1 .two{position: absolute;width: 240px;height: 50px;left: 0;top: 0;z-index:2;background: #ecf3f8 url("../image/ce.png") left 0px center no-repeat;
    line-height: 50px;text-indent: 0.8em;color: #2356a9;font-size: 18px;font-weight: bold;

}
.it li .a1:hover .one{transform: translateX(240px);-webkit-transform:translateX(240px); }






.it li dl{width: 266px;box-sizing: border-box;border-right: 1px solid #eee;border-left: 1px solid #eee;background: #ecf3f8}
.it li dl a{display: block;width: 260px;margin: 0 auto;height: 35px;line-height: 35px;font-size: 16px;color: #666;text-indent: 35px;
    transition: 0.5s;-webkit-transition:0.5s}
.it li dl a:hover{color: #2356a9;transform: translateX(10px);-webkit-transform: translateX(10px);background: url("404.png") left 10px center no-repeat; }
.it::-webkit-scrollbar {
    width:5px;     
    height: 2px;
}
.it::-webkit-scrollbar-thumb {
    border-radius: 10px;
    height: 10px;
    background-color: #2356a9;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
.it::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    
    background: #EDEDED;
}


.ipro .l .bot{width:240px;height: 65px;background: #ecf3f8;border-top: 1px solid #e3e3e3;border-left: 5px solid #d8e4ed}
.ipro .l .bot a{display: block;width: 100%;height: 100%;font-size: 18px;color: #2356a9;font-weight: bold;line-height: 65px;text-indent: 1.2rem}

.ipro .r{position: absolute;width: 955px;height: 640px;background: #fff;right: 0px;top: 37px;z-index: 3}
.ipro .r .rc{width: 890px;margin: 0 auto;}
.ipro .r  .top{height: 30px;background: url("../image/hot.png") left center no-repeat;text-indent: 42px;line-height: 30px;margin-top: 25px;}
.ipro .r ul li{width: 280px;margin-right: 25px;float: left;margin-top: 30px;transition: 0.3s;-webkit-transition: 0.3s;}
.ipro .r ul li:nth-child(3n){margin-right: 0;}
.ipro .r ul li .i{position: relative;height: 206px;width: 100%;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;}
.ipro .r ul li .i .one{position: absolute;width: 100%;height: 100%;z-index: 2;}
.ipro .r ul li .i .one img{transition: 0.5s;-webkit-transition: 0.5s;}
.ipro .r ul li .i .two{position: absolute;width: 100%;height: 100%;z-index: 3;background: rgba(0,0,0,0.3);opacity: 0;transition: 0.5s;-webkit-transition: 0.5s;}
.ipro .r ul li .t{width: 100%;height: 40px;background: #f0f0f0;text-align: center;line-height: 40px;color: #393939;transition: 0.5s;-webkit-transition: 0.5s}

.ipro .r ul li a:hover .t{background: #eee;color: #666}
.ipro .r ul li a:hover .one img{transform: scale(1);-webkit-transform: scale(1)}
.ipro .r ul li:hover{box-shadow: 0px 7px 10px #ccc;transform: translateY(-5px)}

.sb1{height: 252px;background: url("../image/sbbg.png") center no-repeat;}
.sb1 .l{width: 550px;float: right;}
.sb1 .l .m{width: 133px;
    height: 48px;
    background-color: #ffa200;
    border-radius: 4px;float: right;position: relative;top: -8px;}
.sb1 .l .m a{display: block;color: #fff;text-align: center;line-height: 48px;font-size: 16px;}




.icases{background: #fff;padding-bottom: 50px}
.changfang .swiper-slide{position: relative;}
.changfang .swiper-slide a{display: block;width: 100%;background: #fff;overflow: hidden;
box-sizing: border-box;border: 1px solid #e5e5e5;border-bottom: 5px solid #e5e5e5;}
.changfang .swiper-slide a .i{width: 100%;height: 210px;overflow: hidden}
.changfang .swiper-slide a .i img{transition: 0.5s;-webkit-transition:0.5s }
.changfang .swiper-slide a .t{width: 100%;height:46px;background:url("../image/jt1.png") right 10px center no-repeat;
line-height: 46px;color: #5c5c5c;font-size: 16px;text-indent: 20px;}
.changfang .swiper-slide a:hover{border-color: #2356a9}
.changfang .swiper-slide a:hover .t{background: #f5f5f5}

.swiper-containercases a:hover .one{background: rgba(0,102,109,0.8)}
.swiper-containercases a:hover .i img{transform: scale(1.1);-webkit-transform: scale(1.1)}
.swiper-containercases a:hover .son .t .top .z{color: #2356a9;}


.changfang .swiper-button-prev{width: 55px;height: 55px;background:#ddd url("../image/pr.png") center no-repeat;left: -70px;top: 50%;border-radius: 55px;transition: 0.3s;-webkit-transition:0.3s }
.changfang .swiper-button-next{width: 55px;height: 55px;background:#ddd url("../image/ne.png") center no-repeat;right: -70px;top: 50%;border-radius: 55px;transition: 0.3s;-webkit-transition:0.3s }

.changfang .swiper-button-prev:hover{width: 55px;height: 55px;background:#bbb url("../image/pr.png") center no-repeat;}
.changfang .swiper-button-next:hover{width: 55px;height: 55px;background:#bbb url("../image/ne.png") center no-repeat;}

.changfang .imore{width: 340px;height: 50px;margin: 0 auto;}
.changfang .imore a{display: block;width: 150px;height: 50px;font-size: 16px;border-radius: 5px;float: left;transition: 0.2s;-webkit-transition:0.2s}
.changfang .imore .a1{margin-right: 30px;background: #ffa200;text-align: center;line-height: 50px;color: #fff}
.changfang .imore .a2{background: #00a698;text-align: center;line-height: 50px;color: #fff}

.changfang .imore .a1:hover{box-shadow: 0px 0px 8px #2f6cc8;border-radius: 8px}
.changfang .imore .a2:hover{box-shadow: 0px 0px 8px #00a73e;border-radius: 8px}

.iabout{height: 898px;background: url("../image/iysbg.jpg") center no-repeat;}
.iabout .l{width: 360px;float: left;}
.iabout .l li{width: 360px;height: 115px;cursor: pointer;}
.iabout .l li .y{width: 315px;float: right;}
.iabout .l li .y p{margin-top: 8px}
.iabout .l li:nth-child(1){background: url("../image/a1.png") left 3px top 3px no-repeat}
.iabout .l li:nth-child(2){background: url("../image/a2.png") left 3px top 3px no-repeat}
.iabout .l li:nth-child(3){background: url("../image/a3.png") left 3px top 3px no-repeat}
.iabout .r{width: 360px;float: right;}
.iabout .r li{width: 360px;height: 115px;cursor: pointer;}
.iabout .r li .y{width: 315px;float: right;}
.iabout .r li .y p{margin-top: 8px}
.iabout .r li:nth-child(1){background: url("../image/a4.png") left 3px top 3px no-repeat}
.iabout .r li:nth-child(2){background: url("../image/a5.png") left 3px top 3px no-repeat}
.iabout .r li:nth-child(3){background: url("../image/a6.png") left 3px top 3px no-repeat}
.iabout .m{width: 480px;height: 436px;float: left;position: relative;}
.iabout .m .one{position: absolute;z-index: 2;width: 100%;height: 100%;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 30s linear infinite;
    -moz-animation: rotate 30s linear infinite;
    -o-animation: rotate 30s linear infinite;
    animation: rotate 30s linear infinite;}
.iabout .m .one img{transform: scale(1.05);-webkit-transform: scale(1.05)}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}


.iabout .m .three{position: absolute;z-index: 3;width: 100%;height: 100%;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate1 30s linear infinite;
    -moz-animation: rotate1 30s linear infinite;
    -o-animation: rotate1 30s linear infinite;
    animation: rotate1 30s linear infinite;
}
@-webkit-keyframes rotate1{from{-webkit-transform: rotate(360deg)}
    to{-webkit-transform: rotate(0deg)}
}
@-moz-keyframes rotate1{from{-moz-transform: rotate(360deg)}
    to{-moz-transform: rotate(0deg)}
}
@-o-keyframes rotate1{from{-o-transform: rotate(360deg)}
    to{-o-transform: rotate(0deg)}
}
@keyframes rotate1{from{transform: rotate(360deg)}
    to{transform: rotate(0deg)}
}
.iabout .m .three img{transform: scale(0.89);-webkit-transform: scale(0.89);opacity: 0.75}

.iabout .m .two{position: absolute;z-index: 4;width: 100%;height: 100%;}

.iabout .bot{height: 200px;margin-top: 50px;}
.iabout .bot .z{width: 540px;float: left;}
.iabout .bot .m{width: 225px;float: left;margin-left: 260px}
.iabout .bot .m a{
    display: block;	width: 212px;
    height: 48px;
    background-color: #ffa200;
    border-radius: 4px;line-height: 48px;}
    
.iabout .bot .y{width: 130px;float: right;}




.icases{background: #fff;padding-bottom: 50px}
.ichejian_ .swiper-slide{position: relative;}
.ichejian_ .swiper-slide a{display: block;width: 100%;background: #fff;overflow: hidden;
    ;}
.ichejian_ .swiper-slide a .i{width: 100%;height: 240px;overflow: hidden;box-sizing: border-box;border: 1px solid #e5e5e5;}
.ichejian_ .swiper-slide a .i .son{width: 95%;height: 224px}
.ichejian_ .swiper-slide a .i img{transition: 0.5s;-webkit-transition:0.5s }
.ichejian_ .swiper-slide a .t{width: 100%;height:46px;
    line-height: 46px;color: #777;font-size: 16px;text-align: center}
.ichejian_ .swiper-slide a:hover{border-color: #065ee4}
.ichejian_ .swiper-slide a:hover .t{background: #f5f5f5}

.swiper-containercases a:hover .one{background: rgba(0,102,109,0.8)}
.swiper-containercases a:hover .i img{transform: scale(1.1);-webkit-transform: scale(1.1)}
.swiper-containercases a:hover .son .t .top .z{color: #065ee4;}


.ichejian_ .swiper-button-prev{width: 55px;height: 55px;background:#ddd url("../image/pr.png") center no-repeat;left: -70px;top: 50%;border-radius: 55px;transition: 0.3s;-webkit-transition:0.3s }
.ichejian_ .swiper-button-next{width: 55px;height: 55px;background:#ddd url("../image/ne.png") center no-repeat;right: -70px;top: 50%;border-radius: 55px;transition: 0.3s;-webkit-transition:0.3s }

.ichejian_ .swiper-button-prev:hover{width: 55px;height: 55px;background:#bbb url("../image/pr.png") center no-repeat;}
.ichejian_ .swiper-button-next:hover{width: 55px;height: 55px;background:#bbb url("../image/ne.png") center no-repeat;}



.ly_a{height: 286px;}
.ly_a1{height: 286px;background: url("../image/lybg.jpg") center no-repeat;background-size: 100% 100%;min-width: 1560px;}
.ly_a1 .c{height: 286px;background: url("../image/ly1.jpg") right center no-repeat}
.ly_a .c .l{width: 625px;float: left;}
.ly_a .c .l .z{width: 140px;height: 286px;float: left;}
.ly_a .c .l .y{width: 485px;height: 286px;float: right;background: url("../image/lp.png") left top 130px no-repeat;}
.ly_a .c .l .y .con p{color: #747474;font-size: 14px;text-indent: 17px;margin-top: 10px;line-height: 1.7}
.ly_a .c .l .y .con p:nth-child(1){margin-top: 28px;}
.ly_a1 .c .l .z{background: url("../image/lyt1.jpg") left top 50px no-repeat;}

.ly_a2{padding: 15px 0;}
.ly_a2 .c{height: 286px;background: url("../image/ly2.jpg") left center no-repeat}
.ly_a2 .c .l{float: right}
.ly_a2 .c .l .z{background: url("../image/lyt2.jpg") left top 50px no-repeat;}

.ly_a3{background: url("../image/lybg1.jpg") center no-repeat;background-size: 100% 100%;min-width: 1560px;}
.ly_a3 .c{height: 286px;background: url("../image/ly3.jpg") right center no-repeat}
.ly_a3 .c .l .z{background: url("../image/lyt3.jpg") left top 50px no-repeat;}






.zoujin .con{height: 366px;background: url("../image/comm.jpg") right center no-repeat;}
.zoujin .con .l{width: 620px;float: left;}
.zoujin .con .l .bor{border: 1px solid #065ee4;padding: 8px 20px;
    display: inline-block;}




.inews{background: #f8f8f8;padding-bottom: 50px;}
.inews .l{width: 700px;float: left;}
.inews .l .top{height: 60px;width: 100%;background:  url("404.png") left bottom no-repeat}
.inews .l .top .z{width: 300px;height: 60px;line-height: 60px;float: left}
.inews .l .top .y{width: 150px;height: 60px;float: right}
.inews .l .top .y a{display: block;width: 150px;height: 60px;line-height: 60px;text-align: right;color: #5f5f5f}

.inews .l .first .bt{color: #373737}
.inews .l .con{height: 240px;background: url("../image/inlbg.png") left top no-repeat}
.inews .l .con .son{width: 390px;height: 240px;float: right;}
.inews .l .con .son li{width: 100%;height: 75px;border-bottom: 1px solid #ddd;margin-top: 11px}
.inews .l .con .son li .z{width: 44px;height: 75px;float: left;}
.inews .l .con .son li .y{width: 320px;height: 75px;float: right;}
.inews .l .con .son li .z .p1{color: #7f7f7f}
.inews .l .con .son li .z .p2{color: #7f7f7f}
.inews .l .con .son li .y .bt{color: #373737}
.inews .l .con .son li:nth-child(1){margin-top: 0px;}
.inews .l .con .son li:nth-child(3){border-bottom: none}
.inews .l a:hover .bt{color: #065ee4!important;}
.inews .l .con .son li a:hover .z .p1{color: #065ee4!important;}
.inews .l .con .son li a:hover .z .p2{color: #065ee4!important;}

.inews .r{width: 420px;float: right;}
.inews .r .top{height: 60px;width: 100%;background:  url("404.png") left bottom no-repeat}
.inews .r .top .z{width: 200px;height: 60px;line-height: 60px;float: left}
.inews .r .top .y{width: 100px;height: 60px;float: right}
.inews .r .top .y a{display: block;width: 100px;height: 60px;line-height: 60px;text-align: right;color: #5f5f5f}
.inews .r ul li{height: 100px;width: 100%;border-bottom: 1px solid #ddd;margin-top: 21px}
.inews .r ul li:nth-child(1){margin-top: 36px;}
.inews .r ul li .z{width: 28px;height: 100px;background: url("../image/wd.png") left top no-repeat;float: left;}
.inews .r ul li .y{width: 380px;height: 100px;float: right;}
.inews .r ul li .y .bt{color: #373737}
.inews .r ul li a:hover .bt{color: #065ee4}





.footer{height: 369px;background: #ddd url("../image/fbg.jpg") center no-repeat;position: relative;}
.footer .link{height: 45px;}
.footer .link div{margin-left: 180px;line-height: 45px;}
.footer .link div a{display: inline-block;color: #7c7c7c;margin-right:20px;font-size: 14px;}
.footer .l{width: 200px;float: left;}
.footer .l li{width: 50%;float: left;height: 28px;line-height: 28px;}
.footer .l li a{display: block;color: #828694;font-size: 14px;}
.footer .r{width: 600px;float: left;margin-left: 120px;}
.footer .r li{width: 100%;height: 28px;line-height: 28px;color: #828694;font-size: 14px;}

.footer .beian{position: absolute;height: 88px;left: 0;bottom: 0;}
.footer .beian .le{width: 850px;height: 88px;border-top: 1px solid #393d4a;line-height: 35px;color: #828694;font-size: 14px;}
.footer .beian .le a{color: #828694;font-size: 14px;}

.footer .you{position: absolute;right: 0;top: 0;width: 297px;height: 369px;z-index: 2;background: #00a698}
.footer .you .s{width: 100%;height: 45px;background: #2356a9}
.footer .you .s .l1{width: 150px;height: 45px;float: left;margin-left: 10px;}
.footer .you .s .l1 a{display: block;width: 50px;height: 45px;float: left;}
.footer .you .s .l1 a:nth-child(1){background: url("../image/fy1.png") center no-repeat;}
.footer .you .s .l1 a:nth-child(2){background: url("../image/fy2.png") center no-repeat;}
.footer .you .s .l1 a:nth-child(3){background: url("../image/fy3.png") center no-repeat;}
.footer .you .s .l2{width: 53px;height: 45px;float: right;background: url("../image/zd.png") right center no-repeat;line-height: 45px;margin-right: 20px}
.footer .you .s .l2 a{display: block;width: 100%;height: 100%;}
.footer .you .s .l2 a:hover{color: #fff}
.footer .you .c{width: 263px;margin: 0 auto;}





























#ordform select{width: 315px;height: 35px;border-radius: 0px;border: 1px solid #666;margin-bottom: 10px;background: none;color: #888}
#ordform input{width: 315px;outline: none;border: 1px solid #666;display: block;height: 35px;margin-bottom: 10px;border-radius: 0px;
background: none;text-indent: 10px;color: #ddd}
#ordform textarea{width: 315px;height: 60px;outline: none;border: 1px solid #ddd;border-radius: 3px;}
#ordform button{display: block;width: 315px;height: 35px;border: none;background: #999;}






#gotop{position: fixed;z-index: 10;bottom: 350px;width: 60px;height: 60px;transition: 0.5s;background: #ccc url("../image/top.png") center no-repeat;
    right: 95px;bottom: 150px;cursor: pointer;display: none;
}
#gotop:hover{background: #9aa1a8 url("../image/top.png") center no-repeat}


.s-banner{height: 416px;}
.s-banner .con{height: 370px;}



.six li{
    width: 300px;
    height: 55px;
    float: left;
}
.six li:nth-child(4){margin-right: 0}
.six li a{
    display: block;
    width: 100%;
    height: 100%;
    background: #f0f0f0 url("../image/sil.png") right center no-repeat;
    color: #5f5f5f;
    line-height: 50px;text-align: center;transition: 0s;-webkit-transition:0s
}
.six li a:hover{background:  url("../image/sixz.png")  center no-repeat;color: #fff}
.six li .xz{background:  url("../image/sixz.png")  center no-repeat;color: #fff}


.com_pho{height: 400px;background: #eee}
.com_pho .l{width: 415px;height: 100%;background: #00a698;float: left;}
.com_pho .l .son{width: 320px;margin:  0 auto}
.com_pho .r{width: 785px;height: 100%;background: url("../image/com.jpg") center no-repeat;background-size: cover;float: left;}
.com_pho .r .z{width: 390px;height: 100%;float: left;background: rgba(35,86,169,0.7)}
.com_pho .r .z .son{width: 230px;margin: 0 auto}
.com_pho .r .z .son .one .s{width: 100%;height: 60px;border-bottom: 1px solid #fff;position: relative;font-size: 54px;
padding-bottom: 12px;}
.com_pho .r .z .son .one .s .jia{position: absolute;width: 20px;height: 20px;top: 4px;right: 44px;
text-align: center;line-height: 20px;font-size: 38px;}


.sidebar{width: 250px;height:auto;float: left;}
.sidebar .top{width: 100%;height: 124px;background:#2356a9 url("../image/tlt.png") center no-repeat;}
.sidebar .bot{width: 100%;height: 100px;background: #eee}

.it1 li{border-bottom: 1px solid #fff;background: #ecf3f8}
.it1 li .a1{display: block;width: 250px;height: 50px;position: relative;}
.it1 li .a1 .one{position: absolute;width: 250px;height: 50px;left: -250px;top: 0;z-index:1;background: #86c328;transition: 0.5s;-webkit-transition:0.5s }
.it1 li .a1 .two{position: absolute;width: 250px;height: 50px;left: 0;top: 0;z-index:2;transition: 0.5s;}
.it1 li .a1 .two .z{width: 200px;height: 50px;float: left;line-height: 50px;}
.it1 li .a1 .two .z a{display: block;width: 100%;height: 100%;font-size: 15px;text-indent: 1.5em;color: #444;transition: 0.5s;-webkit-transition: 0.5s}
.it1 li .a1 .two .y{width: 50px;height: 50px;float: left;}

.it1 li .a1:hover .two .z a{color: #fff}



.it1 li .a1 .two:hover{background: rgba(35,86,169,0.3);color: #2356a9}
.it1 li .a1 .two:hover .z a{color: #2356a9}

.it1 li .xzz .two{background: rgba(35,86,169,0.3);color: #2356a9}
.it1 li .xzz .two .z a{color: #2356a9;}




    






.it1 li dl{display: block}
.it1 li dl{width: 250px;box-sizing: border-box;border-right: 1px solid #eee;border-left: 1px solid #eee;background: #fff;padding: 8px 0;}
.it1 li dl a{display: block;width: 250px;margin: 0 auto;height: 38px;line-height: 38px;font-size: 14px;color: #5f5f5f;text-indent: 45px;
    background: url("404.png") left 10px center no-repeat;transition: 0.5s;-webkit-transition:0.5s}
.it1 li .xzz .one{transform: translateX(250px);-webkit-transform:translateX(250px); }
.it1 li .xzz .two{color: #065ee4;}
.it1 li dl a:hover{color: #065ee4;background:#ecf3f8 }



.sidebar .bot{width: 100%;height: 105px;background: #065ee4;background: url("404.png") center no-repeat}
.ipro1 .r{width: 900px;float: right}

.ipro1 .r ul li{width: 290px;margin-right: 15px;float: left;margin-bottom: 20px;transition: 0.3s;-webkit-transition: 0.3s;}
.ipro1 .r ul li:nth-child(3n){margin-right: 0;}
.ipro1 .r ul li .i{position: relative;height: 193px;width: 100%;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;}
.ipro1 .r ul li .i .one{position: absolute;width: 100%;height: 100%;z-index: 2;}
.ipro1 .r ul li .i .one img{transition: 0.5s;-webkit-transition: 0.5s;}
.ipro1 .r ul li .i .two{position: absolute;width: 100%;height: 100%;z-index: 3;background: rgba(0,0,0,0.3);opacity: 0;transition: 0.5s;-webkit-transition: 0.5s;
}
.ipro1 .r ul li .t{width: 100%;height: 40px;background: #f0f0f0;text-align: center;line-height: 40px;color: #393939;transition: 0.5s;-webkit-transition: 0.5s}

.ipro1 .r ul li a:hover .t{background: #eee;color: #666}
.ipro1 .r ul li a:hover .one img{transform: scale(1);-webkit-transform: scale(1)}
.ipro1 .r ul li:hover{box-shadow: 0px 7px 10px #ccc;transform: translateY(-5px)}





.b-bread{padding-bottom: 8px;border-bottom: 1px solid #ddd;margin-bottom: 20px;}
.bread{width: 100%;height: 40px;}
.bread .bl{width: 300px;height: 40px;background: url("404.png") left center no-repeat;float: left;line-height: 40px;text-indent: 8px}
.bread .br{height: 40px;font-size: 14px;background:  url("../image/loc.png") left center no-repeat;float: right;text-align: right;color: #9e9e9e;
    line-height: 40px;text-indent: 26px}
.bread .br a{color: #9e9e9e}
.o-bread{height: 40px;width: 100%;}
.o-bread .br{height: 40px;font-size: 14px;background:  url("../image/loc.png") left center no-repeat;float: right;text-align: right;color: #9e9e9e;
    line-height: 40px;text-indent: 26px}
.o-bread a{color: #9e9e9e}



.pro_r{width: 900px;float: right}
.pro_r .top{width: 900px;height: 450px;}
.pro_r .top .z{width: 520px;height: 450px;float: left;position: relative;background: #fff}

.pro_r .top .top{width: 520px;height: 346px;overflow: hidden}
.pro_r .top .bot{width: 450px;height: 70px;margin: 0 auto}
.pro_r .top .bot .swiper-slide{width: 70px;height: 70px;}

.pro_r .top .swiper-button-prev{width: 24px;height: 71px!important;background:#ddd url("../image/pr1.png") center no-repeat!important;
top: 100%!important;margin-top: -85px!important;left: 1px!important;}
.pro_r .top .swiper-button-next{width: 24px;height: 71px!important;background:#ddd url("../image/ne1.png") center no-repeat!important;
top: 100%!important;margin-top: -85px!important;right: 1px!important;}
.pro_r .top .bot .swiper-slide-active img{box-sizing: border-box;border: 1px solid #00a73e}




.pro_r .top .y{width: 360px;height: 440px;float: right;position: relative}
.pro_r .top .y h1{border-bottom: 1px dashed #ccc;padding-bottom: 15px}

.pro_r .top .y .bot{width: 360px;height: 175px;background: #f3f3f3;}

.pro_r .top .y .bot .tel{width: 320px;height: 38px;margin: 0 auto;background: url("../image/pntel.png") left center no-repeat;color: #065ee4;
line-height: 36px;text-indent: 40px;}
.pro_r .top .y .bot .lian{width: 320px;height: 42px;margin: 0 auto;}
.pro_r .top .y .bot .lian a{display: block;width: 150px;height: 42px;box-sizing: border-box;float: left;font-size: 16px;text-align: center;
line-height: 42px;transition: 0.3s;-webkit-transition:0.3s}
.pro_r .top .y .bot .lian .a1{border: 1px solid #065ee4;background: #065ee4;color: #fff;}
.pro_r .top .y .bot .lian .a1:hover{border: 1px solid rgba(6,94,228,0.8);background: rgba(6,94,228,0.8);color: #fff;}
.pro_r .top .y .bot .lian .a2{border: 1px solid #666;background: #fff;color: #4d4d4d;margin-left: 20px}
.pro_r .top .y .bot .lian .a2:hover{border: 1px solid #ddd;background: #ddd;color: #666;}

.pro_r .top .y .bot .lian .pdf{border: 1px solid #ff773a;background: #ff773a url("../image/file.png") left 11px center no-repeat;
    color: #fff;background-size: 24px}
.pro_r .top .y .bot .lian .pdf:hover{border: 1px solid #ff773a;background: #ff773a url("../image/file.png") left 11px center no-repeat;
    color: #fff;background-size: 24px}

.p-d .s{width: 100%;height: 42px;background: url("../image/neibg.jpg") center no-repeat;}
.p-d .s .zu{width: 140px;height: 42px;float: left;margin-left: 46px;line-height: 42px;}
.p-d .s .z{width: 200px;height: 42px;float: left;color: #777;line-height: 42px;margin-left: 20px}

.pdf_b{width: 100%;}
.pdf_b .s{height: 40px;line-height: 40px;background: #eee;width: 100%}
.pdf_b .x{height: 40px;line-height: 40px;background: #065ee4 url("../image/c.png")  right 385px top 11px no-repeat;width: 100%;text-align: center;
background-size: 26px;cursor: pointer;}
.pdf_b .x:hover{background: #065ee4 url("../image/c.png")  right 385px top 11px no-repeat;background-size: 26px}

.qzftable .f{width: 100%;height: 40px;box-sizing: border-box;border: 1px solid #ddd;margin-bottom: 20px;border-radius: 0px}
.qzftable .f .l{width: 100px;height: 40px;float: left;text-align: center;line-height: 40px;color: #666;border-right: 1px solid #eee;font-size: 14px;}
.qzftable .f .r{width: 700px;height: 40px;float: left;text-align: center;line-height: 40px;color: #666;margin-left: 10px;}
.qzftable .f .r input{display: block;outline: none;border: none;width: 100%;background: none;height: 38px;line-height: 38px;}
.qzftable .f1{width: 100%;height: 120px;border: 1px solid #ddd;box-sizing: border-box;overflow: hidden}
.qzftable .f1 textarea{display: block;width: 95%;height: 90%;padding: 2%;outline: none;border: none}
.qzftable .f2{width: 333px;}
.qzftable .f2 .r{width: 220px;position: relative}
.qzftable .f2 .r img{position: absolute;width: 100px;height: 40px;right: 0;top: 0;}
.qzftable button{display: block;outline: none;border: none;width: 120px;height: 40px;border-radius: 3px;background: #065ee4;text-align: center;
line-height: 40px;color: #fff;font-size: 15px;}
.qzftable button:hover{background: rgba(6,94,228,0.9)}


#pfu{width:120px;position: fixed;top:230px;left: -120px;z-index: 100;background:#ff773a ;transition: 0.5s;-webkit-transition:0.5s;opacity: 1}
.pfu{transform: translateX(120px);opacity: 0}
#pfu li{width: 100%;height: 50px;}
#pfu li:last-child a{border-bottom: none;}
#pfu li:hover{background: #174b9c}
#pfu li a{display: block;width: 100%;height: 50px;box-sizing: border-box;border-bottom: 1px solid #ddd;line-height: 50px;color: #fff;font-size: 15px;
    text-indent: 44px;background-size: 24px!important;}
#pfu li .pf1{background: url("404.png") left 10px center no-repeat;}
#pfu li .pf2{background: url("404.png") left 10px center no-repeat;}
#pfu li .pf3{background: url("404.png") left 10px center no-repeat;}
#pfu li .pf4{background: url("404.png") left 10px center no-repeat;}
#pfu li .pf5{background: url("404.png") left 10px center no-repeat;}
#pfu li .pf6{background: url("404.png") left 10px center no-repeat;}



.nt-list li{width: 372px;float: left;margin-right: 42px;}
.nt-list li:nth-child(3){margin-right: 0}
.nt-list li a{display: block;width: 100%;}
.nt-list li a .i{width: 372px;height: 240px;overflow: hidden;background: #ddd;position: relative}
.nt-list li a .i .time{position: absolute;left: 0;top: 0;z-index: 2;background: #065ee4;width: 100px;height: 80px;}
.nt-list li a .i img{transition: 0.5s;-webkit-transition: 0.5s}
.nt-list li a .t .t1{color: #444}
.nt-list li a .t .line{width: 100px;height: 1px;background: #ddd;transition: 0.5s;-webkit-transition:0.5s}
.nt-list li a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.nt-list li a:hover .t .t1{color: #065ee4}
.nt-list li a:hover .t .line{transform: scaleX(6.5);-webkit-transform: scaleX(6.5);background: #065ee4}.newslist {
                                                                                                           margin-top: 10px; }
.newslist:after {
    *zoom: 1; }
.newslist:after:before, .newslist:after:after {
    content: " ";
    display: table; }
.newslist:after:after {
    clear: both; }
.newslist li {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    border-bottom: 1px dashed #aaa;
    padding-bottom: 25px; }
.newslist li:hover .name {
    color: #065ee4; }
.newslist li .data {
    float: left;
    font-family: thyFont3;
    border: 1px #ccc solid;
    width: 55px;
    margin-right: 2%; }
.newslist li .data .day {
    font-size: 30px;
    font-weight: bold;
    background-color: #ccc;
    line-height: 45px;
    color: #fff;
    display: block;
    text-align: center; }
.newslist li .data .month {
    font-size: 0.77em;
    color: #565656;
    display: block;
    text-align: center; }
.newslist li .name {
    height: 20px;
    line-height: 20px;
    padding-bottom: 15px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    
    -webkit-transition-timing-function: ease;
    
    -o-transition-timing-function: ease;
    
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-weight: bolder; }
.newslist li .desc {
    font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 26px;
    transition-delay: 0.1s;
    position: relative;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical; }


.footpage{width: 100%;text-align: center;line-height: 50px;font-size: 13px;}
.footpage a,.footpage span{display: inline-block;height: 25px;text-align: center;line-height: 25px;border:1px solid #01349d;
    border-radius: 3px;margin-left: 5px;color: #797979;padding: 0px 5px 0px 5px;}
.footpage span{padding: 0px 10px 0px 10px;background: #01349d;color: #fff;}
.footpage select{display: inline-block;height: 25px;padding: 0px 5px 0px 5px;border-radius: 3px;border:1px solid #01349d;background: #01349d;color: #fff}



.prev dt{width: 100%;height: 45px;line-height: 45px;text-indent: 35px;border-bottom: 1px dashed #ddd;font-size: 14px;
color: #999}
.prev dt:nth-child(1){background: url("../image/prev.png") left 5px center no-repeat;background-size: 18px 18px}
.prev dt:nth-child(2){background: url("../image/next.png") left 5px center no-repeat;background-size: 18px 18px}
.prev dt a{font-size: 14px;color: #666}
.prev dt a:hover{color:#065ee4}



.contact .top .l{width: 500px;float: left;height: 400px;}
.contact .top .l .tel .span1{font-size: 38px;    color: #00a73e;    font-family: Impact;    font-weight: 400;}
.contact .top .l .c-t li{color: #666;padding: 7px 0;text-indent: 20px;font-size: 15px;}

.contact .top .l .c-t li:nth-child(1){background: url("404.png") left center no-repeat;}
.contact .top .l .c-t li:nth-child(2){background: url("404.png") left center no-repeat;}
.contact .top .l .c-t li:nth-child(3){background: url("404.png") left center no-repeat;}

.contact .top .l dl dt{display: block;width: 123px;float: left;}





.contact .top .r{width: 670px;float: right;}


.con-mes li{height: 54px;border-bottom: 1px solid #ddd;line-height: 54px;text-indent: 40px;background-size: 24px!important;color: #666}
.con-mes li:nth-child(1){background: url("../image/me1.png") left center no-repeat;}
.con-mes li:nth-child(2){background: url("../image/me2.png") left center no-repeat;}
.con-mes li:nth-child(3){background: url("../image/me3.png") left center no-repeat;}
.con-mes li:nth-child(4){background: url("../image/me4.png") left center no-repeat;}
.con-mes li:nth-child(5){background: url("../image/me5.png") left center no-repeat;}

.qzftable1 .f{width: 100%;height: 50px;box-sizing: border-box;border: 1px solid #d9d9d9;margin-bottom: 10px;border-radius: 0px}
.qzftable1 .f .l{width: 60px;height: 50px;float: left;border-right: 1px solid #eee;font-size: 14px;background-size: 26px!important;}
.qzftable1 .f .l1{background: url("../image/m1.png") center no-repeat}
.qzftable1 .f .l2{background: url("../image/m2.png") center no-repeat}
.qzftable1 .f .l3{background: url("../image/m3.png") center no-repeat}
.qzftable1 .f .l4{background: url("../image/m4.png") center no-repeat}
.qzftable1 .f .r{width: 550px;height: 50px;float: left;text-align: center;line-height: 40px;color: #666;margin-left: 10px;}
.qzftable1 .f .r input{display: block;outline: none;border: none;width: 100%;background: none;height: 48px;line-height: 48px;}
.qzftable1 .f1{width: 100%;height: 100px;border: 1px solid #d9d9d9;box-sizing: border-box;overflow: hidden}
.qzftable1 .f1 textarea{display: block;width: 95%;height: 90%;padding: 2%;outline: none;border: none}
.qzftable1 .f2{width: 333px;}
.qzftable1 .f2 .r{width: 220px;position: relative}
.qzftable1 button{display: block;outline: none;border: none;width: 670px;height: 50px;
    background: #065ee4 url("../image/send.png") left 200px center no-repeat;
    text-align: center;background-size: 36px;
    line-height: 48px;color: #fff;font-size: 15px;transition: 0.5s;-webkit-transition:0.5s}
.qzftable1 button:hover{background: rgba(6,94,228,0.8) url("../image/send.png") left 200px center no-repeat;background-size: 36px;}


.case-n{width: 900px;float: left;float: right}
.case-n li{width: 290px;float: left;margin-right: 15px;margin-bottom: 15px;}
.case-n li:nth-child(3n){margin-right: 0}
.case-n li a{display: block;}
.case-n li a .i{width: 100%;height: 250px;overflow: hidden;box-sizing: border-box;border: 1px solid #bbb}
.case-n li a .i .son{width: 280px;height: 240px;overflow: hidden}
.case-n li a img{transition: 0.5s;-webkit-transition:0.5s}
.case-n li a .t{height: 40px;width: 100%;background: #eee;color: #666;text-align: center;line-height: 40px;font-size: 15px;
    transition: 0.5s;-webkit-transition:0.5s}
.case-n li a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.case-n li a:hover .t{background: #065ee4;color: #fff;}




.honor-n{}
.honor-n li{width: 285px;float: left;margin-right: 20px;margin-bottom: 23px;}
.honor-n li:nth-child(4n){margin-right: 0}
.honor-n li a{display: block;}
.honor-n li a .i{width: 100%;height: 380px;overflow: hidden;box-sizing: border-box;border: 1px solid #bbb}
.honor-n li a .i .son{width: 275px;height: 370px;overflow: hidden}
.honor-n li a img{transition: 0.5s;-webkit-transition:0.5s}
.honor-n li a .t{height: 40px;width: 100%;background: #eee;color: #666;text-align: center;line-height: 40px;font-size: 15px;
    transition: 0.5s;-webkit-transition:0.5s}
.honor-n li a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.honor-n li a:hover .t{background: #065ee4;color: #fff;}




.work-n{}
.work-n li{width: 380px;float: left;margin-right: 30px;margin-bottom: 23px;}
.work-n li:nth-child(3n){margin-right: 0}
.work-n li a{display: block;}
.work-n li a .i{width: 100%;height: 250px;overflow: hidden;box-sizing: border-box;border: 1px solid #bbb}
.work-n li a img{transition: 0.5s;-webkit-transition:0.5s}
.work-n li a .t{height: 40px;width: 100%;background: #eee;color: #666;text-align: center;line-height: 40px;font-size: 15px;
    transition: 0.5s;-webkit-transition:0.5s}
.work-n li a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.work-n li a:hover .t{background: #065ee4;color: #fff;}


.no_data {
    font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif;
    font-size: 36px;
    color: #1f76eb;
    font-weight: lighter;
    text-align: center;
    line-height: 120px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}




.con1-n{width: 900px;float: left;float: right}
.con1-n li{width: 280px;float: left;margin-right: 26.5px;margin-bottom: 20px;}
.con1-n li:nth-child(4n){margin-right: 0}
.con1-n li a{display: block;}
.con1-n li a .i{width: 100%;height: 230px;overflow: hidden;box-sizing: border-box;border: 1px solid #bbb}
.con1-n li a .i .son{width: 280px;height: 240px;overflow: hidden}
.con1-n li a img{transition: 0.5s;-webkit-transition:0.5s}
.con1-n li a .t{height: 35px;width: 100%;background: #eee;color: #666;text-align: center;line-height: 35px;font-size: 15px;
    transition: 0.5s;-webkit-transition:0.5s}
.con1-n li a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.con1-n li a:hover .t{background: #065ee4;color: #fff;}



.other-n li{width: 190px;float: left;margin-right: 12px;margin-bottom: 15px;}
.other-n li:nth-child(6n){margin-right: 0}
.other-n li a{display: block;}
.other-n li a .i{width: 100%;height: 140px;overflow: hidden;box-sizing: border-box;border: 1px solid #bbb}
.other-n li a .i .son{width: 140px;height: 140px;overflow: hidden}
.other-n li a img{transition: 0.5s;-webkit-transition:0.5s}
.other-n li a .t{height: 30px;width: 100%;background: #fff;color: #666;text-align: center;line-height: 30px;font-size: 15px;
    transition: 0.5s;-webkit-transition:0.5s}
.other-n li a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.other-n li a:hover .t{background: #fff;color: #2356a9;}

.case-n1{width: 900px;float: left;float: right}
.case-n1 li{width: 210px;float: left;margin-right: 20px;margin-bottom: 15px;}
.case-n1 li:nth-child(4n){margin-right: 0}
.case-n1 li a{display: block;}
.case-n1 li a .i{width: 100%;height: 180px;overflow: hidden;box-sizing: border-box;border: 1px solid #bbb}
.case-n1 li a .i .son{width: 210px;height: 180px;overflow: hidden}
.case-n1 li a .t{height: 30px;width: 100%;background: #eee;color: #666;text-align: center;line-height: 30px;font-size: 15px;
    transition: 0.5s;-webkit-transition:0.5s}
.case-n1 li a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.case-n1 li a:hover .t{background: #2356a9;color: #fff;}




#fu{transition: 0.5s;
    width:150px;position: fixed;top:230px;right: 5px;z-index: 100;background:#2356a9;padding: 20px 0;border-radius: 0px;padding-bottom: 10px;}
.fudong{transform: translateX(150px);}
#fu .ewm{width: 119px;height: 149px;margin: 0 auto;background: #fff}
#fu .zi{width: 116px;margin: 0 auto;background: url("404.png") left center no-repeat;text-align: center;}
#fu .zx{width: 120px;height: 40px;margin: 0 auto}
#fu .zx a{display: block;width: 120px;height: 38px;background: #fff url("../image/zx.png") left 19px center no-repeat;border-radius: 3px;
color: #3f3f3f;line-height: 37px;text-indent: 45px;font-size: 15px;}
#fu .zx1 a{display: block;width: 120px;height: 38px;background: #fff url("../image/qq.png") left 16px center no-repeat;border-radius: 3px;
    color: #3f3f3f;line-height: 37px;text-indent: 45px;background-size: 24px;font-size: 15px;}
#fu .side{position: absolute;left: -29px;height: 58px;width: 29px;top: 0px;
    background: url("../image/ful1.png") center no-repeat;cursor: pointer}
#fu .side2{position: absolute;left: -29px;height: 58px;width: 29px;top: 0px;
    background:  url("../image/ful2.png") center no-repeat;cursor: pointer;display: none}


.con-n{width: 1200px}
.con-n li{width: 225px;float: left;margin-right: 18.5px;margin-bottom: 20px;}
.con-n li:nth-child(5n){margin-right: 0}
.con-n li a{display: block;}
.con-n li a .i{width: 100%;height: 150px;overflow: hidden;box-sizing: border-box;border: 1px solid #bbb}
.con-n li a .i img{transition: 0.5s;-webkit-transition:0.5s}
.con-n li a .t{height: 35px;width: 100%;background: #eee;color: #666;text-align: center;line-height: 35px;font-size: 15px;
    transition: 0.5s;-webkit-transition:0.5s}
.con-n li a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.con-n li a:hover .t{background: #2356a9;color: #fff;}