/**/
.mainbox{width: 100%}
.container{width: 1200px;margin: 0 auto!important;}

/*头部*/
.header{height: 137px;}
.header .l{width: 757px;height: 100%;float: left;}
.header .r{width: 443px;height: 100%;float: right;}
.header .r .t{width: 250px;height: 20px;background:;position: relative;float: right;position: relative}

#wx{width: 120px;height: 120px;position: absolute;left: -132px;top: -28px;background: #fff;z-index: 10;transform: scale(0);transition: 0.5s;opacity: 0}



.header .r .t li{width: 60px;height: 20px;float: left;}
.header .r .t li:nth-child(1):hover #wx{transform: scale(1);opacity: 1}
.header .r .t li:nth-child(2n){width: 35px;height: 20px;background: url(../Image/line.jpg) center no-repeat;}
.header .r .t li a{display: block;width: 60px;height: 20px;font-size: 15px;text-align: center;line-height: 20px;color: #686868}
.header .r .b{width: 346px;height: 50px;float: right;border-radius: 50px;
	background:#f2f2f2 url(../Image/telt.png) left 20px center no-repeat;line-height: 50px;}
.header .r .b .zi{width: 70px;height: 50px;line-height: 50px;color: #444;font-size: 14px;float: left;margin-left: 50px;}
.header .r .b .t-tel{width: 200px;height: 60px;color: #005fb1;font-size:26px;font-weight: bold;line-height: 50px;float: left;}

/*menu*/
.menu{height: 60px;background: #133a58;transition: 0.5s}
.menu li{width: 150px;height: 60px;float: left;}
.menu li a{display: block;width: 150px;height: 60px;text-align: center;line-height: 60px;color: #fff;
	background: url(../Image/line1.png) center right no-repeat;}
.menu li a:hover{background: #005fb1}


.shang{position: fixed;top:50px;z-index: 10;transform: translateY(-50px)}

/*首页*/
.remen{height: 66px;background: #f4f4f4 }
.remen .son .l{width: 930px;height: 66px;float: left;line-height: 66px;background:  url(../Image/re.png) center left no-repeat;
text-indent: 1.5em}
.remen .son .l a{display: inline-block;margin-right: 20px;color: #7b7b7b;text-indent: 0}
.remen .son .r{width: 270px;height: 66px;float: left;}
.remen .son .r form{width: 270px;height: 32px;background: #ddd;margin-top: 17px;}
.remen .son .r form input{display: block;height: 30px;;width: 208px;margin:0;padding: 0;outline: none;border: 1px solid #ddd;
	float: left;text-indent: 0.5em}

.remen .son .r form button{width: 60px;height: 32px;background: #005fb1;text-align: center;line-height: 32px;float: left;
	outline: none;border: none;font-size: 14px;letter-spacing: 2px;color: #fff;font-weight: bold;}


/*大标题*/
.b-title .f1{color: #282828;font-size: 38px;font-weight: bold;}

.b-title .f2{color: #757575;font-size: 11px;letter-spacing: 5px;}
.b-title .f3 li{float: left;}
.b-title .f3 li:nth-child(2n-1){width: 355px;height: 40px;background: url(../Image/linec.png) center repeat-x;}
.b-title .f3 li:nth-child(2){width: 490px;height: 40px;background: #005fb1;line-height: 40px;}
 .six li{width: 154px;height: 218px;float: left;margin-left: 55.2px;position: relative;overflow: hidden;}
 .six li:nth-child(1){margin-left: 0px;}
 .six .li1 .son{width: 154px;height: 178px;position: relative;}
 .six .li1 .son .son1{width: 308px;height: 178px;position: absolute;right: 0;transition: 0.5s}
 .six .li1 .son .son1 .o1{opacity: 0;transition: 0.5s}
 .six .li1 .son .son1 .o2{opacity: 1;transition: 0.5s}
 .six .li1 .son .son1 .one{width: 154px;height: 178px;float: left;}
 .six .li1 .t{width: 154px;height: 40px;float: left;color: #383838;line-height: 40px;}
 .six .li1:hover .son .son1 .o1{opacity: 1}
 .six .li1:hover .son .son1 .o2{opacity: 0}
 .six .li1:hover .son1{transform: translateX(154px);}

 .six .li2 .son{width: 154px;height: 178px;position: relative;}
 .six .li2 .son .son1{width: 308px;height: 178px;position: absolute;left: 0;transition: 0.5s}
 .six .li2 .son .son1 .o1{opacity: 1;transition: 0.5s}
 .six .li2 .son .son1 .o2{opacity: 0;transition: 0.5s}
 .six .li2 .son .son1 .one{width: 154px;height: 178px;float: left;}
 .six .li2 .t{width: 154px;height: 40px;float: left;color: #383838;line-height: 40px;}
 .six .li2:hover .son .son1 .o1{opacity: 0}
 .six .li2:hover .son .son1 .o2{opacity: 1}
 .six .li2:hover .son1{transform: translateX(-154px);}


.huanbao .six li:hover .t{color: #005fb1}

/*product*/
.product{height: 1097px;background: url("../Image/ipro.jpg") center no-repeat;background-size: cover;}
.catlist .l{width: 236px;height: 131px;float: left;background:#133a58;}
.catlist .l .t1{color: #7e9fb9;letter-spacing: 3px;}
.catlist .l .t2{width: 140px;height: 30px;border: 1px solid #7e9fb9;margin: 0 auto;}
.catlist .l .t2 a{display: block;width: 140px;height: 30px;color: #7e9fb9;text-align: center;line-height: 30px;}
.catlist .r{width: 964px;height: 131px;float: left;background-color: #005fb1;}
.catlist .r li{width: 240px;height: 65px;float: left;border-right: 1px solid #3a8acf}
.catlist .r li:nth-child(-n+4){border-bottom: 1px solid #3a8acf}
.catlist .r li a{display: block;width: 240px;height: 65px;line-height: 65px;text-align: center;transition: 0.3s}

.catlist .r li a:hover{background:#0b4d93;}

/**/
.pro{position: relative}

/**小banner**/
.smallb{height: 239px;background: url("../Image/sb.jpg") center no-repeat;position: relative}
.smallb .son{width: 1200px;height: 150px;margin-top: 43px;}
.smallb .son .l{width: 600px;height: 150px;float: left;}
.smallb .son .l .s{width: 500px;height: 40px;background: rgba(0,0,0,0.6);float: right;line-height: 40px;text-align: center;border-radius: 40px;}
.smallb .son .m{width: 400px;height: 150px;float: left;}
.smallb .son .m .zi{height: 46px;width: 205px;border-style:solid;border-width: 1px 2px 1px 2px;border-color: #fff;float: right;
background: url("../Image/shou.png") right 13px top 14px no-repeat;}
.smallb .son .m .zi a{display: block;width: 205px;height: 46px;text-align: center;line-height: 46px;color: #fff;transition: 0.3s}
.smallb .son .m .zi a:hover{background: #fff;color: #005fb1}
.smallb .son .m .itel{width: 300px;height: 40px;background: #000;background: url("../Image/tel.png") left center no-repeat;text-align: right;
color: #fff;font-size: 36px;line-height: 40px;float: right}
.smallb .son .r{width: 200px;height: 150px;float: left;}

.smallb .maozi{position: absolute;bottom: 0px;left: 0px;z-index: 3;}


.smalln{height: 223px;background: url("../Image/smalln.png") center no-repeat;position: relative}
.smalln .son{width: 1200px;height: 150px;margin-top: 43px;}
.smalln .son .l{width: 600px;height: 150px;float: left;}
.smalln .son .l .s{width: 500px;height: 40px;background: rgba(0,0,0,0.6);float: right;line-height: 40px;text-align: center;border-radius: 40px;}
.smalln .son .m{width: 400px;height: 150px;float: left;}
.smalln .son .m .zi{height: 46px;width: 205px;border-style:solid;border-width: 1px 2px 1px 2px;border-color: #fff;float: right;
    background: url("../Image/shou.png") right 13px top 14px no-repeat;}
.smalln .son .m .zi a{display: block;width: 205px;height: 46px;text-align: center;line-height: 46px;color: #fff;transition: 0.3s}
.smalln .son .m .zi a:hover{background: #fff;color: #005fb1}
.smalln .son .m .itel{width: 300px;height: 40px;background: #000;background: url("../Image/tel.png") left center no-repeat;text-align: right;
    color: #fff;font-size: 36px;line-height: 40px;float: right}
.smalln .son .r{width: 200px;height: 150px;float: left;}

.smalln .maozi{position: absolute;bottom: 0px;left: 0px;z-index: 3;}

/*优势*/
.youshi{height: 1418px;background: url("../Image/desbg.jpg") center no-repeat}
.youshi .ybt{width: 750px;height: 94px;margin: 0 auto;}
.youshi .ybt .l{width: 210px;height:94px;float: left}
.youshi .ybt .r{width: 540px;height:94px;float: left;background: url("../Image/yt.png") no-repeat;font-size: 38px;font-weight: bold;color: #262626;
line-height: 85px;text-indent: 3.5em;}

.youshi .part1{width: 1200px;height: 330px;margin-top: 90px;}
.youshi .part1 .l{width: 540px;height: 330px;float: left;}
.youshi .part1 .r{width: 660px;height: 330px;float:left}
.youshi .part1 .r .le{width: 62px;height: 330px;background: url("../Image/01.png") center top 50px no-repeat;float: left}
.youshi .part1 .r .ri{width:588px;height: 330px;float: right;}

.youshi .part2{width: 1200px;height: 330px;margin-top: 37px;}
.youshi .part2 .l{width: 540px;height: 330px;float: right;}
.youshi .part2 .r{width: 660px;height: 330px;float:left}
.youshi .part2 .r .le{width: 73px;height: 330px;background: url("../Image/02.png") center top 60px no-repeat;float: left}
.youshi .part2 .r .ri{width:578px;height: 330px;float: right;}



.youshi .part1 .l{width: 540px;height: 330px;float: left;}
.youshi .part1 .r{width: 660px;height: 330px;float:left}
.youshi .part1 .r .le{width: 62px;height: 330px;background: url("../Image/01.png") center top 50px no-repeat;float: left}
.youshi .part1 .r .ri{width:588px;height: 330px;float: right;}



.youshi .part3{width: 1200px;height: 330px;margin-top: 40px;}
.youshi .part3 .l{width: 540px;height: 330px;float: left;}
.youshi .part3 .r{width: 660px;height: 330px;float:left}
.youshi .part3 .r .le{width: 73px;height: 330px;background: url("../Image/03.png") center top 60px no-repeat;float: left}
.youshi .part3 .r .ri{width:578px;height: 330px;float: right;}
.youshi .title{color:#3b3b3b;}
.youshi .subt{color: #8e8e8e}
.youshi .con{width:588px;height: 60px;margin-top:15px}
.youshi .con .z{width:20px;height: 60px;float: left;background: url("../Image/pd.png") left top 8px no-repeat;}
.youshi .con .y{width: 568px;height: 60px;float: right;color: #8e8e8e;line-height: 2.0;font-size: 14px;}

/*解决*/
.jiejue{background: url("../Image/jjbg.jpg") center top no-repeat;}
.jiejue .son{height: 410px;}
.jiejue .son .l{width: 600px;height: 460px;float: left;overflow: hidden;background: #fff}
.jiejue .son .l .con{width: 587px;height: 440px;margin-top: 20px;margin-left: 13px;}

.jiejue .son .l .con .swiper-button-next{width: 40px;height: 90px;right: 0;background: rgba(0,95,177,0.8) url("../Image/index_tab_r1.png") no-repeat center;margin-top: -75px;}
.jiejue .son .l .con .swiper-button-prev{width: 40px;height: 90px;left: 0;background: rgba(0,95,177,0.8) url("../Image/index_tab_l1.png") no-repeat center;margin-top: -75px;}
.jiejue .son .l .con .swiper-button-next:hover{background: rgba(0,95,177,1) url("../Image/index_tab_r1.png") no-repeat center;}
.jiejue .son .l .con .swiper-button-prev:hover{background: rgba(0,95,177,1) url("../Image/index_tab_l1.png") no-repeat center;}



.jiejue .son .r{width: 600px;height: 460px;float: left;background: #fff;position: relative;top: -50px}
.jiejue .son .r .top{width: 470px;height: 390px;margin: 0 auto}
.jiejue .son .r .top .t{border-bottom: 1px solid #ddd;}
.jiejue .son .r .top .a a{display: block;width: 145px;height: 50px;margin-right: 15px;float: left;transition: 0.2s}
.jiejue .son .r .top .a .a1{border:2px solid #005fb1;color: #005fb1;text-align: center;line-height: 50px;}
.jiejue .son .r .top .a .a1:hover{background: #005fb1;color: #fff}
.jiejue .son .r .top .a .a2{border:2px solid #133a58;background: #133a58;text-align: center;line-height: 50px;color: #fff}
.jiejue .son .r .top .a .a2:hover{background: #fff;color: #133a58}


.jiejue .son .r .bot{width: 600px;height: 70px;background: #005fb1;}
.jiejue .son .r .bot li{width: 149px;height: 70px;border-right: 1px solid #fff;float: left;line-height: 70px;text-indent: 3.8em;color: #fff;font-size: 16px;}
.jiejue .son .r .bot li:nth-child(4){width: 150px;border-right: none}
.jiejue .son .r .bot li:nth-child(1){background: url("../Image/gf.png") left 21px center no-repeat;}
.jiejue .son .r .bot li:nth-child(2){background: url("../Image/dz.png") left 21px center no-repeat;}
.jiejue .son .r .bot li:nth-child(3){background: url("../Image/sy.png") left 21px center no-repeat;}
.jiejue .son .r .bot li:nth-child(4){background: url("../Image/yy.png") left 21px center no-repeat;}


/*走进*/
.zoujin .l{width: 570px;height: 460px;float: left;}

.zoujin .l .row{width: 50px;height: 2px;background: #005fb1;margin-top: 30px;margin-bottom: 30px;}
.zoujin .l .three li{width: 178px;height: 138px;margin-left: 30px;float: left}


.zoujin .r{width: 550px;height: 460px;float: right;background: #005fb1;}


/*.swiper-container1 .swiper-slide{width: 180px;height: 138px;}*/
.swiper-container1 .swiper-slide .son{width: 168px;height: 136px;border: 1px solid #ddd;}
.swiper-container1 .swiper-slide .son .con{width: 160px;height: 128px;overflow: hidden;}


.zoujin .r .son{width: 460px;height: 410px;background: #005fb1;}
.zoujin .r .son .t{height: 50px;width: 100%;background:#005fb1 }
.zoujin .r .son .t .z{width: 95px;height: 50px;float: right;}
.zoujin .r .son .t .y{width: 170px;height: 50px;float: right;}

/**honor*/
.honor{width: 100%;height: 360px;position: relative}
.swiper-container2 .swiper-slide{width: 100%;height: 360px;;}
.swiper-container2 .swiper-slide a{display: block;height: 360px;width: 100%;}
.swiper-container2 .swiper-slide .i{width: 100%;height: 320px;background: #fff}
.swiper-container2 .swiper-slide .tt{width: 100%;height: 40px;background: #005fb1;text-align: center;line-height: 40px;color:#fff}
.honor .swiper-button-next{width: 40px;height: 90px;right: 0;background: rgba(0,0,0,0.3) url("../Image/index_tab_r1.png") no-repeat center;margin-top: -75px;}
.honor .swiper-button-prev{width: 40px;height: 90px;left: 0;background: rgba(0,0,0,0.3) url("../Image/index_tab_l1.png") no-repeat center;margin-top: -75px;}
.honor .swiper-button-next:hover{background: rgba(0,0,0,0.6) url("../Image/index_tab_r1.png") no-repeat center;}
.honor .swiper-button-prev:hover{background: rgba(0,0,0,0.6) url("../Image/index_tab_l1.png") no-repeat center;}


/*newes*/
.news{height: 600px;background:  url("../Image/newsbg.jpg") top center no-repeat;}
.news .two{width: 380px;height: 50px;margin: 0 auto}
.news .two li{border:1px solid #fff;width: 168px;height: 48px;float: left;margin-right: 40px;border-radius: 2px;text-align: center;
	line-height: 48px;color: #fff;cursor: pointer;}

.news .two .xz{background: #fff;color:#005fb1;}


.news .two li:nth-child(2){margin-right: 0px;cursor: pointer;}





.news .son{height: 410px;background: #fff;box-shadow:0px 14px 24px -1px #d9d9d9}
.news .son .con{width: 1150px;height: 360px;}
.news .son .con .l{width: 510px;height: 360px;float: left;background: #fff}
.news .son .con .l a{display: block;width: 100%;height: 100%;}
.news .son .con .l .t{width: 510px;height: 280px;overflow: hidden;}
.news .son .con .l .b .z{width: 430px;height: 50px;float: left;}
.news .son .con .l .b .z .ti{color: #323232}
.news .son .con .l .b .y{width: 50px;height: 50px;float: right;}
.news .son .con .l a:hover .b .z .ti{color: #005fb1}
.news .son .con .r{width: 600px;height: 360px;float: right;background: none}
.news .son .con .r li{width: 600px;height: 100px;margin-top: 30px;transition: 0.3s}
.news .son .con .r li:nth-child(1){margin-top: 0;}
.news .son .con .r li a{display: block;width: 600px;height: 100px;}
.news .son .con .r li a .l{width: 170px;height: 100px;float: left;overflow: hidden}
.news .son .con .r li a .r{width: 395px;height: 99px;float: right;overflow: hidden;border-bottom: 1px solid #ddd;}
.news .son .con .r li a .r .time{width: 60px;height: 99px;float: left;color: #ccc}
.news .son .con .r li a .r .des{width: 335px;height: 99px;float: right}
.news .son .con .r li a .r .des p{color: #a0a0a0}
.news .son .con .r li a .r .des .title{color: #323232;}
.news .son .con .r li a:hover{background: #005fb1;}
.news .son .con .r li a:hover .r{border-bottom: 1px solid #005fb1;}
.news .son .con .r li a:hover .r .time{color: #fff!important;}
.news .son .con .r li a:hover .r .title{color: #fff}
.news .son .con .r li a:hover .r .des p{color: #fff}
/*相关新闻*/
.n-other li{width: 425px;height: 130px;background: #f3f3f3;float: left;margin-left: 30px;margin-bottom: 20px;overflow: hidden;transition: 0.3s}
.n-other li:nth-child(2n-1){margin-left: 0px;}
.n-other li a{display: block;width: 415px;height: 120px;margin-top: 5px;margin-left: 12px;}
.n-other li a .i{width: 120px;height: 120px;float: left;}
.n-other li a .son{width: 275px;height: 110px;float: right}
.n-other li a:hover .son .t{color: #005fb1}
.n-other li:hover{box-shadow:1px 3px 5px 1px #ddd;transform: translateY(-2px)}
/*message*/
.message{height: 430px;}

.message .top{height: 80px;text-align: center;line-height: 80px;color: #fff;background: #005fb1;font-size: 30px;font-weight: bold}
.message .con{height: 345px;width: 1190px;border:5px solid #005fb1;border-top:none;position: relative;z-index: 1}
.message .con .l{width: 310px;height: 345px;float: left;margin-left: 350px;}
.message .con .l .tijiao{width: 225px;height: 45px;background: #005fb1;}
.message .con .l .tijiao a{display: block;width: 225px;height: 45px;text-align: center;line-height: 45px;}
.message .con .l .zx{width: 310px;height: 50px;background: url("../Image/tel2.png") left center no-repeat;}

.message .con .r{width: 430px;height: 345px;float: left;margin-left: 50px;}
.message .con .r .fl1{width: 415px;height: 50px;border: 1px solid #ddd;}
.message .con .r .fl1 li{float: left}
.message .con .r .fl1 li:nth-child(1){width: 50px;height: 50px;border-right: 1px solid #ddd;background:  url("../Image/tx.png") center no-repeat;}
.message .con .r .fl1 li:nth-child(2){width: 360px;}
.con .r .fl1 li input{display: block;width: 353px;height: 50px;border: none;margin: 0 auto;outline: none;padding: 0;font-size: 15px;text-indent: 0.5em}


.message .con .r .fl2 li:nth-child(1){background:  url("../Image/tel3.png") center no-repeat;}

.message .con .r .fl3{width: 415px;height:100px;border: 1px solid #ddd;}
.message .con .r .fl3 li{float: left}
.message .con .r .fl3 li:nth-child(1){width: 50px;height: 100px;border-right: 1px solid #ddd;background:  url("../Image/mes.png") center 10px no-repeat;}
.message .con .r .fl3 li:nth-child(2){width: 360px;}
.con .r .fl3 li textarea{display: block;width: 340px;height:90px;border: none;margin: 0 auto;outline: none;padding: 0;font-size: 15px;
line-height: 1.6;color: #666;font-size: 15px;}
.message .con .r form button{display: block;width: 415px;height: 50px;border: none;outline: none;background: #212d3a}
.message .xf{width: 257px;height: 376px;position: absolute;z-index: 2;left: 29px;top: 25px;}

/*footer*/
.footer{height: 320px;background: #212d3a;}
.footer .fmenu{height: 66px;background: url("../Image/fline.png") bottom repeat-x;}







.fmenu li{width: 150px;height: 66px;float: left;background: url(../Image/line3.png) center right no-repeat;}
.fmenu li a{display: block;width: 150px;height: 66px;text-align: center;line-height: 66px;color: #9aa1a8;
	}
/*.fmenu li a:hover{background: #1d2936}*/

.footer .l{width: 270px;height: 180px;background: url("../Image/fline1.png")  right center no-repeat;float: left;}
.footer .l li{width: 100%;padding: 3px 0}
.footer .l li a{color: #9aa1a8;font-size: 14px;}
.footer .l li a:hover{color: #fff}
.footer .m{width: 300px;height:154px;float: left;margin-left: 40px}
.footer .m li{width: 100%;padding: 3px 0;color: #9aa1a8;font-size: 14px;list-style: none;}
.footer .m .zi{width: 150px;height: 35px;}
.footer .m .zi a{display: block;width: 150px;height: 35px;background: #005fb1;color: #fff;text-align: center;line-height: 35px;font-size: 16px;}
.footer .m .zi a:hover{background:#1569b1}
.footer .r{width: 290px;float: right;height: 250px;text-align: right;}
.footer .r .z{width: 120px;height: 160px;float: left;margin-left: 50px;}
.footer .r .z .t{width: 120px;height: 120px;}
.footer .r .z .b{width: 120px;height: 40px;text-align: center;line-height: 40px;color: #fff;}
.footer .r img{transform: scale(1);transition: 0.5s;cursor: pointer}
.footer .r img:hover{transform: scale(1.6) translate(-50px,-20px);}
.footer .r .img2:hover{transform: scale(1.6) translate(-85px,-20px);}

.beian{background: #1d2936;height: 60px;color: #6b7682;line-height: 60px;font-size: 14px;}
.beian a{color: #6b7682;font-size: 14px;display: inline}


/*关于我们*/
.fourth{height: 800px;}
.fourth .fl1 .l{width:600px;height: 400px;float: left;background: #f3f3f3}
.fourth .fl1 .l .son{width: 510px;margin: 0 auto}
.fourth .fl1 .l:nth-child(3) p{color: #373737;line-height: 2.0;font-size: 14px;}

.swiper-containercom .swiper-slide{height: 350px;width: 380px;}

.swiper-containercom .swiper-slide a{display: block;height: 350px;width: 100%;}
.swiper-containercom .swiper-slide a .one{border: 1px solid #ddd;height: 300px;}
.swiper-containercom .swiper-slide a .one .son{width: 97%;height: 96%;overflow: hidden;position: relative}
.swiper-containercom .swiper-slide a .one .son .f1{width: 380px;height: 100%;position: absolute;overflow: hidden;z-index: 2}
.swiper-containercom .swiper-slide a .one .son .f1 img{transition: 0.5s;}
.swiper-containercom .swiper-slide a .one .son .f2{width: 100%;height: 100%;position: absolute;overflow: hidden;z-index: 3;
    background:rgba(0,0,0,0.4);transition: 0.3s;opacity: 0;transform: scale(1.5)}
.swiper-containercom .swiper-slide a .one .son .f2 .con{width: 80%;height: 80%;border: 1px solid #fff;}
.swiper-containercom .swiper-slide a .one .son .f2 .con .more{width: 100px;height: 25px;border: 1px solid #ddd;
border-radius: 5px;text-align: center;line-height: 25px;color: #fff;background: #fff;color: #005fb1;
    transition: 2s;}

.swiper-containercom .swiper-slide a:hover .one{border: 1px solid #005fb1;}
.swiper-containercom .swiper-slide a:hover .one .son .f1 img{transform: scale(1.1)}
.swiper-containercom .swiper-slide a:hover .one .son .f2{opacity: 1;transform: scale(1)}
.swiper-containercom .swiper-slide a:hover .t{color: #005fb1;}
.swiper-containercom .swiper-slide a .t{width: 100%;height: 50px;text-align: center;line-height: 50px;color: #666;}


.swiper-containerho .swiper-slide{width: 216px;height: 350px;}
.swiper-containerho .swiper-slide a{display: block;width: 216px;height: 350px;}
.swiper-containerho .swiper-slide a .i{width: 100%;height: 300px;overflow: hidden;}
.swiper-containerho .swiper-slide a .t{width: 100%;height: 50px;text-align: center;line-height: 50px;color: #666;}


/**/
.wb-about-num{width: 100%;height: 220px;padding: 50px 0px;background: url(../Image/contactbg.jpg) center no-repeat;
    background-attachment: fixed;}
.wb-about-num .four .son{width: 300px;height: 210px;float: left;margin-top: 20px;}
.wb-about-num .four .son .shang{width: 300px;height: 70px;text-align: center;line-height: 80px;}
.wb-about-num .four .son .zhong{margin-top: 70px;width: 300px;height: 70px;text-align: center;font-size: 30px;color: #fff;line-height: 70px;}
.wb-about-num .four .son .xia{width: 300px;height: 70px;text-align: center;font-size: 20px;color: #fff;line-height: 10px;}
.picList .t{font-size: 15px;margin-top: 10px;height: 30px;line-height: 20px;}
.picScroll-left .ti{font-size: 25px;text-align: center;margin-bottom: 20px;}

/*小banner背景图**/
/*背景图*/
.aboutbg{background: url(../Image/bg.jpg) no-repeat center;}
/*内页*/
/*内页上部*/
.b-bannner{width: 100%;height: 300px;background-size: cover;position: relative;}
.s-banner{position: absolute;left: 0;bottom:0;height: 50px;background: rgba(0,0,0,0.5);}
.s-banner .son{width: 1200px;height: 50px;position: relative;}
.s-banner .son .l{float: left;width: 800px;height: 50px;}
.s-banner .son .l li{width: 150px;height: 50px;float: left;}
.s-banner .son .l li a{display: block;width: 150px;height: 50px;background:#133a58;color: #fff;line-height: 50px;
background:#133a58 url("../Image/line1.png") right repeat-y}
.s-banner .son .l li a:hover{background: #3d4c58}
.s-banner .son .r{float: right;width: 250px;position: relative;height: 130px;bottom:80px;}
.s-banner .son .r .top{width: 250px;height: 80px;line-height: 80px;text-align: center;background: #133a58;white-space: nowrap;  

 text-overflow:ellipsis; 

 overflow:hidden;}
.s-banner .son .r .bot{width: 250px;height: 50px;line-height: 50px;text-align: center;background: rgba(0,0,0,0.5);}

/*product*/
.common .l{width: 250px;float: left;background: #f9f9f9}
.common .l .n-title{height: 60px;width: 100%;line-height: 60px;background: #133a58}
.common .l .p-list{background: #f9f9f9}
.common .l .p-list li{width: 250px;height: 50px;border-bottom: 1px solid #ddd;}
.common .l .p-list li a{display: block;width: 250px;height: 50px;position: relative;}
.common .l .p-list li a .one{position: absolute;width: 250px;height: 50px;left: -250px;top: 0;z-index:1;background: #133a58;transition: 0.5s}
.common .l .p-list li a .two{position: absolute;width: 250px;height: 50px;left: 0;top: 0;z-index:2;line-height: 50px;font-size: 14px;
    text-indent: 1em;color: #444;transition: 0.5s}
.common .l .p-list li a:hover .one{transform: translateX(250px);}
.common .l .p-list li a:hover .two{color: #fff}
.common .l .contact-n{padding-bottom: 20px}
.common .r{width: 880px;float: right;background: #fff;/*box-shadow: 0 0 25px #666;*/border-radius: 0px;overflow: hidden;padding: 15px;}
.bread{width: 100%;height: 50px;line-height: 50px;}

/*列表*/
.product-n li{width: 282px;height: 250px;float: left;margin-right: 17px;margin-bottom: 17px}
.product-n li:nth-child(3n){margin-right: 0px;}
.product-n li a{display: block;width: 282px;height: 250px;position: relative;overflow: hidden}
.product-n li a .one{position: absolute;left: 0;top: 0;width: 282px;height: 250px;overflow: hidden;z-index: 1}
.product-n li a .t{position: absolute;left: 0;bottom: 0;width: 282px;height: 40px;line-height: 40px;
    text-align: center;background: rgba(0,0,0,0.7);z-index: 2;transition: 0.5s;opacity: 1}
.product-n li a .tt{position: absolute;left: 0;bottom: 0;width: 282px;height: 0px;overflow: hidden;z-index: 3;background: rgba(0,0,0,0.7);
;transition: 0.5s}
.product-n li a:hover .t{opacity: 0;}
.product-n li a:hover .tt{height: 250px;}

.product-n li a .yy{position: absolute;z-index: 2;width: 90px;height: 25px;transition: 0.3s;
    background: rgba(255,119,58,0.8) url("../Image/zan1.png") left 8px top 3px no-repeat;background-size: 18px;
    top:0;left: 0;border-radius: 5px;text-indent: 35px;line-height: 25px;color: #fff;transition: 0.5s}
.product-n li a:hover .yy{opacity: 0}
.bread{height: 50px;}

/*news*/
.nnewlist{background: url("../Image/nnd.png") no-repeat top center;padding-bottom: 20px;}
.nnewlist .son{width: 576px;height: 123px;background: #ddd;float: left;margin-top: 30px;margin: 11px 0 30px 0;}
.nnewlist .son:nth-child(2n){float: right;background: url("../Image/nn.png") no-repeat 0 -369px;}
/*.nnewlist .son:nth-child(1),.nnews .son:nth-child(2){margin-top: 0px;}*/
.nnewlist .son:nth-child(2n) a:hover{float: right;background: url("../Image/nn.png") no-repeat 0 -246px;}
.nnewlist .son:nth-child(2n-1){background: url("../Image/nn.png") no-repeat 0 -123px;}
.nnewlist .son:nth-child(2n-1):hover{background: url("../Image/nn.png") no-repeat 0 0;}
.nnewlist .son a{display: block;height: 123px;width: 576px;}
.nnewlist .son  .l{width: 88px;height: 123px;float: left}
.nnewlist .son  .l .t{width: 88px;height: 75px;text-align: center;line-height: 75px;font-size: 35px;font-weight: bold;color: #fff;}
.nnewlist .son  .l .b{width: 88px;height: 48px;text-align: center;line-height: 48px;font-size: 14px;color: #666;}
.nnewlist .son  .r{width: 488px;height: 123px;float: right}
.nnewlist .son  .r .con{width: 410px;height: 100px;margin-left: -20px}
/*.nnewlist .son  .r .con .t{color: #666;}*/
.nnewlist .son  .r .con p{line-height: 1.6;font-size: 14px;color: #666}

.nnewlist .son .right .l{float: right}
.nnewlist .son .right .r{float: left;}
.nnewlist .son .right .r .con{margin-left: 10px}



/*contact*/
.ncontact li{width: 285px;height: 230px;float: left;margin-right: 20px;cursor: pointer;transition: 0.2s;position: relative}
.ncontact li:nth-child(4){margin-right: 0}
.ncontact li:nth-child(1){background: #d8eefb url("../Image/cabout.png") top 30px center no-repeat;}
.ncontact li:nth-child(1):hover{background: #bae3fb url("../Image/cabout.png") top 30px center no-repeat;
box-shadow: 0px 3px 10px 2px #ddd;transform: translateY(-8px)}
.ncontact li:nth-child(2){background: rgba(28,90,193,0.3) url("../Image/clink.png") top 30px center no-repeat;}
.ncontact li:nth-child(2):hover{background: rgba(28,90,193,0.4) url("../Image/clink.png") top 30px center no-repeat;
    box-shadow: 0px 3px 10px 2px #ddd;transform: translateY(-8px)}
.ncontact li:nth-child(3){background: #ebf3da  url("../Image/ctel.png") top 30px center no-repeat;}
.ncontact li:nth-child(3):hover{background: #e4f3c3 url("../Image/ctel.png") top 30px center no-repeat;
    box-shadow: 0px 3px 10px 2px #ddd;transform: translateY(-8px)}
.ncontact li:nth-child(4){background: #d8eefb url("../Image/add.png") top 30px center no-repeat;}
.ncontact li:nth-child(4):hover{background: #c4e7fb url("../Image/add.png") top 30px center no-repeat;
    box-shadow: 0px 3px 10px 2px #ddd;transform: translateY(-8px)}


/*message*/
.messagen{width: 100%;padding: 10px 0;background: #eee}
.messagen .con .l{width: 310px;height: 345px;float: left;margin-left: 20px}
.messagen .con .l .tijiao{width: 225px;height: 45px;background: #005fb1;}
.messagen .con .l .tijiao a{display: block;width: 225px;height: 45px;text-align: center;line-height: 45px;}
.messagen .con .l .zx{width: 310px;height: 50px;background: url("../Image/tel2.png") left center no-repeat;}

.messagen .con .r{width: 820px;float: right;}
.messagen .con .r form ul{background: #fff}
.messagen .con .r .fl1{width: 815px;height: 50px;border: 1px solid #ddd;}
.messagen .con .r .fl1 li{float: left}
.messagen .con .r .fl1 li:nth-child(1){width: 50px;height: 50px;border-right: 1px solid #ddd;background:#fff  url("../Image/tx.png") center no-repeat;}
.messagen .con .r .fl1 li:nth-child(2){width: 760px;}
.messagen .con .r .fl1 li input{display: block;width: 750px;height: 50px;border: none;margin: 0 auto;outline: none;padding: 0;font-size: 15px;text-indent: 0.5em}


.messagen .con .r .fl2 li:nth-child(1){background:#fff  url("../Image/tel3.png") center no-repeat;}

.messagen .con .r .fl3{width: 815px;height:100px;border: 1px solid #ddd;}
.messagen .con .r .fl3 li{float: left}
.messagen .con .r .fl3 li:nth-child(1){width: 50px;height: 100px;border-right: 1px solid #ddd;background:#fff  url("../Image/mes.png") center 7px no-repeat;}
.messagen .con .r .fl3 li:nth-child(2){width: 760px;}
.messagen .con .r .fl3 li textarea{display: block;width: 750px;height:90px;border: none;margin: 0 auto;outline: none;padding: 0;font-size: 15px;
    line-height: 1.6;color: #666;background: #fff}
.messagen .con .r form button{display: block;width: 415px;height: 50px;border: none;outline: none;background: #212d3a;margin: 0 auto}

/*honor*/
.honor-n li{width: 282px;margin-right: 17px;height: 340px;float: left;margin-bottom: 30px;}
.honor-n li:nth-child(3n){margin-right: 0px;}
.honor-n li a{display: block;width: 282px;height: 340px;}
.honor-n li a .i{width: 282px;height: 310px;overflow: hidden;background: #ddd}
.honor-n li a .t{width: 282px;height: 40px;text-align: center;line-height: 40px;background: #133a58;color: #fff}
.honor-n li a .i img{transition: 0.5s;}
.honor-n li a:hover .i img{transform: scale(1.1)}
.honor-n li a:hover .t{background: #005fb1}


/*cases*/
.cases-n li{width: 282px;margin-right: 17px;height: 250px;float: left;margin-bottom: 30px;position: relative;}
.cases-n li:nth-child(3n){margin-right: 0px;}
.cases-n li a{display: block;width: 282px;height: 250px;
    position: relative;}
.cases-n li a .i{width: 282px;height: 210px;overflow: hidden;background: #ddd}

.cases-n li .dianzan{position: absolute;z-index: 2;width: 90px;height: 25px;transition: 0.3s;
    background: rgba(255,119,58,0.8) url("../Image/zan1.png") left 8px top 3px no-repeat;background-size: 18px;
    top:0;left: 0;border-radius: 5px;text-indent: 35px;line-height: 25px;color: #fff}

.cases-n li a .t{width: 282px;height: 40px;text-align: center;line-height: 40px;background: #133a58;color: #fff}
.cases-n li a .i img{transition: 0.5s;}
.cases-n li a:hover .i img{transform: scale(1.1)}
.cases-n li a:hover .t{background: #005fb1}
.cases-n li a:hover .dianzan{opacity: 0;}
/*内页*/
.cases-d .top{width: 100%;height: 400px;}
.cases-d .top .le{width: 448px;height: 398px;border: 1px solid #ddd;float: left}
.cases-d .top .le .son{width: 430px;height: 378px;overflow: hidden}
.cases-d .top .ri{width: 400px;height: 400px;float: right;}


/*产品内页*/
.order

/**/
.footpage{text-align: center;}



























    /**//*分页*/
.footpage{text-align: center;line-height: 50px}
.footpage a,.footpage span{display: inline-block;height: 25px;text-align: center;line-height: 25px;border:1px solid #133a58;
    border-radius: 3px;margin-left: 5px;color: #797979;padding: 0px 5px 0px 5px;}
.footpage span{padding: 0px 10px 0px 10px;background: #133a58;color: #fff;}
.footpage select{display: inline-block;height: 25px;padding: 0px 5px 0px 5px;border-radius: 3px;border:1px solid #133a58;background: #133a58;color: #fff}
/**/


.n-t{border-bottom: 2px solid #133a58}
.n-t .tt{height: 40px;width: 100px;line-height: 40px;background: #133a58;float: left}
.n-t .tip{float: right;height: 40px;width: 200px}
.n-t .tip .son{height: 35px;width: 200px;}
.n-t .tip .son a{display: block;height: 35px;line-height: 35px;width: 200px;text-indent: 35px;
    background:#ff773a url("../Image/tip.png") left 5px center no-repeat;border-radius: 5px;color: #fff}

.n-t .tip1{float: right;height: 40px;width: 120px}
.n-t .tip1 .son{height: 35px;width:120px;}
.n-t .tip1 .son a{display: block;height: 35px;line-height: 35px;width: 120px;text-indent: 35px;
    background:green url("../Image/fanhui.png") left 5px center no-repeat;border-radius: 5px;color: #fff}
/**/
.imglimit2 .son{width: 80%;margin: 0 auto;}

.swiper-containernn .swiper-button-next{width: 40px;height: 90px;right: 0;background: rgba(0,95,177,0.8) url("../Image/index_tab_r1.png") no-repeat center;margin-top: -75px;}
.swiper-containernn .swiper-button-prev{width: 40px;height: 90px;left: 0;background: rgba(0,95,177,0.8) url("../Image/index_tab_l1.png") no-repeat center;margin-top: -75px;}
.swiper-containernn .swiper-button-next:hover{background: rgba(0,95,177,0.6) url("../Image/index_tab_r1.png") no-repeat center;}
.swiper-containernn .swiper-button-prev:hover{background: rgba(0,95,177,0.6) url("../Image/index_tab_l1.png") no-repeat center;}

/*下一页*/
.prev li{width: 100%;height: 35px;line-height: 35px;text-indent: 30px;border-bottom: 1px dashed #666;font-size: 14px;}
.prev li:nth-child(1){background: url("../Image/prev.png") left 5px center no-repeat;background-size: 18px 18px}
.prev li:nth-child(2){background: url("../Image/next.png") left 5px center no-repeat;background-size: 18px 18px}
.prev li a{font-size: 14px;}
.prev li a:hover{color:#005fb1}

/**/
.two a{width: 115px;height: 35px;border: 1px solid #005fb1;text-align: center;line-height: 35px;font-size: 14px;margin-right: 15px;
transition: 0.5s;float: left;background: rgba(17, 80, 155, 0.07)}
.two a:hover{background: #005fb1;color: #fff;}
.two a:nth-child(3){margin-right: 0px;background: rgba(17, 80, 155, 0.07) url("../Image/zan.png") left 10px top 6px no-repeat;background-size: 20px;
text-align: left;text-indent: 35px;}
.two a:nth-child(3):hover{color: #005fb1}



/*右侧悬浮框*/
#fu{width:160px;position: fixed;top:230px;right: 0px;z-index: 10;background:#005fb1;padding: 20px 0;border-radius: 0px;padding-bottom: 10px;}


#fu li{width: 100%;height: 35px;margin-bottom: 20px;}
#fu li a{display: block;width: 100%;height: 35px;border-radius: 35px;border:1px solid #ccc;background: #fff;
line-height: 35px;text-align: center;font-size: 14px;color: #005fb1;transition: 0.3s;}
#fu li a:hover{color: #fff;border: 1px solid #fff;background: rgba(17, 80, 155, 0.07)}
#fu2{width:40px;height: 100%;position: fixed;right: 0px;top: 0px;z-index: 10;background:#005fb1;padding: 20px 0;}

#fu .side{position: absolute;left: -50px;height: 40px;width: 50px;top: 0;
background: #ff773a url("../Image/jin.png") center no-repeat;cursor: pointer}
#fu .side2{position: absolute;left: -50px;height: 40px;width: 50px;top: 0;
    background: #ff773a url("../Image/chu.png") center no-repeat;cursor: pointer;display: none}
#fu .cont p{text-indent: 1.5em}
#fu .cont p:nth-child(1){background:  url("../Image/tel4.png") center left 3px no-repeat;background-size: 15px}
#fu .cont p:nth-child(2){background:  url("../Image/tel5.png") center left no-repeat;background-size: 20px}



#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: 100px;bottom: 150px;cursor: pointer;display: none;
}
#gotop:hover{background: #9aa1a8 url("../Image/top.png") center no-repeat}


/**/
.ceshi{height: 200px;width: 200px;background: #ddd;}
.ceshi .son{font-size: 5vh}