body,html{min-width: 1300px;background-color: #fff;}
html{overflow-y:scroll;}
body{background-color: #fff;}
.w1300{width:1300px;overflow: hidden;margin:0 auto;}
.banner  {overflow: hidden;position: relative;height: 441px; margin:0 auto;}
.banner .tb-btn a{background: url(../image/anniu.png) center 0 no-repeat; height: 23px; width: 26px;margin-left: 20px; margin-right: 20px;margin-bottom: 20px;}
.banner .tb-btn a.active{background: url(../image/anniu1.png) center 0 no-repeat;}
.top {overflow: hidden; height: 60px;position: absolute;width: 100%;background-color:rgba(0,0,0,0.8);z-index: 1;}
.logo { margin-left: 30px;overflow: hidden;display: block; width: 400px;float: left;}
.nav{float: right;height: 100%;display: block;overflow: hidden;}
.nav .biaoti ul{height: 100%;float: right;display: block;overflow: hidden;}
.nav .biaoti ul li{text-align: center;width: 100px;float: left;height: 60px;display: block;overflow: hidden;transition:all 0.5s linear;}
.nav .biaoti ul li a{text-decoration: none; line-height: 60px; display: block;overflow: hidden; font-size: 15px;color: #8b8b8b;}
.nav .biaoti ul li:hover{background-color: #126ace;}
.nav .biaoti ul li:hover a {color: #fff;}
.nbanner{height: 276px;overflow: hidden;padding-top: 60px;margin:0 auto;text-align: center;}


.clear{clear: both;}
.chanpin{height: 800px; background-color: #fff;overflow: hidden;}
.cp-top{ margin-top: 70px; height: 40px;}
.cp-top-left{height: 100%;min-width: 270px; float: left;}
.cp-top-left  h1{float: left; color: #2274d1;font-size: 25px; font-weight: 500; margin: 6px 5px 2px 10px;}
.cp-top-left  h2{display: block; color: #6b6b6b; font-size: 15px;margin-top: 13px;float: left;margin-left: 20px;}
.cp-top-center {background-color: #6b6b6b;height: 1px;margin-top: 28px;float: left;width: 750px; margin-left: 20px;}
.cp-top-right{height: 100%;width: 230px; float: right; font-weight: bold;}
.cp-top-right ul{width: 220px;overflow: hidden;float: right;}
.cp-top-right ul li{float: left; color:  #6b6b6b; font-size: 15px;margin: 8px 10px 2px 10px;font-weight: bold; width: 80px;text-align: center;border-radius:5px;transition:all 0.5s linear;}
.cp-top-right ul li:hover{background-color: #126ace;}
.cp-top-right ul li:hover a{color: #fff;text-decoration: none;}

.cp-center{width: 1200px;height: 600px; margin-top: 20px; margin-left: 45px;display: block;overflow: hidden;}
.cp-center ul{width: 1200px;height: 100%;}
.cp-center ul li{width: 270px; height: 210px; float: left; margin: 65px 13px 15px 13px;position: relative;}
.cp-center ul li a img{position: absolute;overflow: hidden;display:inline-block; width: 270px; height: 210px;}
.cp-center ul li a:hover .cp-xiangqing{display: block;}
.cp-center ul li a .cp-xiangqing{background-color: #126ace;position: absolute;width: 270px; height: 210px;display: none;} 
.cp-center ul li a .cp-xiangqing h1{color: #fff;font-size: 18px;margin-top: 25px; text-align: center;}
.cp-center ul li a .cp-xiangqing img{margin-left: 113px;margin-top: 8px; width: 43px;height: 8px;}
.cp-center ul li a .cp-xiangqing span{display: block; overflow: hidden; text-align: center;color: #fff; margin:5px; font-size: 12px; margin-top: 18px;height: 60px;}
.cp-center ul li a .cp-xiangqing div{ width: 80px; height: 25px; border: 1px solid #fff; border-radius: 25px; color: #fff;text-align: center;margin-left: 91px;margin-top: 10px; }

.us{height: 600px; background-color: #fff;overflow: hidden;background: url(../image/us.jpg)center 0 no-repeat;}
.us-center {width: 550px;height: 600px;margin: 0 auto;padding-left: 130px;}
.us-center-one img{margin-top: 20px; margin-left: 20px;}
.us-center-two {width:480px;height: 100px;margin-top: 20px;color: #838383;font-size: 18px;line-height: 35px;margin-left: 20px; text-indent:30px;}
.us-center-three{width: 480px;height: 60px;margin-left: 20px;}
.us-center-three img{float: left;}
.us-center-four{width: 480px;height:120px;margin-left: 20px;text-indent:30px;color: #838383;font-size: 17px;margin-top: 10px;line-height: 30px;}
.us-center-five{ width: 485px;height:150px;margin-left: 20px;}
.us-center-five img{margin-left: 20px;}
.us-center-five a{float: right; width: 150px; height: 40px; margin-top: 35px; margin-right: 40px; background-color: #126ace;color: #fff;text-align: center;border-radius: 25px;font-size: 22px;text-decoration: none;padding-top: 18px;}

.qyys{background: url(../image/qyys.jpg) center 0 no-repeat; height: 519px;overflow: hidden;}
.qyys-top{ display: block;overflow: hidden;height: 70px;margin-top: 20px; }
.qyys-top h1{text-align: center;color: #444444;font-size: 35px; font-weight: 100;margin-top: 20px;letter-spacing:10px;}
.qyys-center{display: block;overflow: hidden;width: 100%;height: 450px;}
.qyys-center ul{float: left;display: block;width: 100% ;height: 100%; }
.qyys-center ul li{float: left; width: 245px; height: 450px;margin:0px 25px 35px 55px;display: block;}
.qyys-center ul li h1{color: #126ace; text-align: left;font-size: 30px; letter-spacing:10px; margin-top: 100px;}
.qyys-center ul li h2{color: #126ace; text-align: left;font-size: 20px; margin-top: 50px;}
.qyys-center ul li span{text-align: left;font-size: 15px;margin-top: 30px;display: block;color: #444444;}

.news{background: url(../image/news-bg.jpg) center 0 no-repeat;height: 580px;overflow: hidden;}
.news-left{width: 190px; height: 80px; float: left;}
.news-left h1{float: left; color: #1e4591;font-size: 22px; font-weight: 500; margin: 80px 5px 2px 5px;display: block;}
.news-left h2{display: block; color: #6b6b6b; font-size: 15px;margin-top: 85px;float: left;margin-left: 10px;}
.news-list{width: 940px;height:580px;float: left;}
.news-list ul{display: block;width: 100%;height: 100%;float: left;}
.news-list ul li{ width: 285px; height: 100%;float: left;margin-left: 25px;}
.news-list ul li:hover{background-color: #1d3d7a;transition:background 0.5s linear;}
.news-list ul li a{width: 100% ;height: 400px;margin-top: 120px;display: block;overflow: hidden;text-decoration: none;}
.news-list ul li a div{width: 100% ;height: 210px;transition:all 0.5s linear;}
.news-list ul li a div h1{font-size: 15px;color:  #4c4c4c; margin-left: 10px;}
.news-list ul li a div h2{background-color: #767676; width: 50px; height: 2px;margin-left: 10px;margin-top: 10px;}
.news-list ul li a div h3{color: #767676; margin-left: 10px;margin-top: 10px;font-size: 18px;}
.news-list ul li a div span{display: block;color: #4c4c4c;margin-left: 10px; margin-top: 15px;font-size: 12px;text-align: left;}
.news-list ul li:hover div{margin-top: 230px;}
.news-list ul li:hover h1 { color: #fff;}
.news-list ul li:hover h2{background-color:#3d62aa;}
.news-list ul li:hover h3{color:#3d62aa;}
.news-list ul li:hover span { color: #fff;}
.news-list ul li:hover img{transform:translateY(-400px);}
.news-list ul li a img{margin-top: 10px;transition:all 0.5s linear;}

.news-right{width: 170px; height: 100px; float: right;display: block;overflow: hidden;}
.news-right ul{width: 170px; height: 100px; float: right;display: block;}
.news-right ul li{float: left; margin: 80px 7px 2px 7px;width: 70px;text-align: center;border-radius:5px;transition:all 0.5s linear;display: block;}
.news-right ul li a{color:  #7d7d7d; font-size: 15px;font-weight: bold; display: block;}
.news-right ul li:hover{background-color: #126ace;}
.news-right ul li:hover a{color: #fff;text-decoration: none;}

.foot{height: 450px; background-color: #1b1b1b;overflow: hidden;margin: 0 auto;}

.lxwm {height: 400px; overflow: hidden;}
.lxwm-one{ height: 60px;margin-top: 50px;display: block;overflow: hidden;}
.lxwm-one img{float: left;display: block;margin-left: 600px;}
.lxwm-one h1{text-align: left;color: #fff;font-size: 20px; font-weight: bold; margin-top: 6px;}
.lxwm-two{height: 60px; width: 375px;display: block;margin-left: 510px;text-align: center;color: #959595;}
.lxwm-two h1,.lxwm-two h2{font-size: 16px;line-height: 30px;}
.lxwm-three {border-left: 1px solid #000; width: 1250px; height: 220px;margin-left: 100px;}
.lxwm-three .lxwm-li{width: 180px;float: left;height: 220px;border-right: 1px solid #000; border-left: 1px solid #1f1f1f;}
.lxwm-three .lxwm-li ul{height: 180px;margin-top: 10px; width: 100%;}
.lxwm-three .lxwm-li ul:hover h1 a{text-decoration: none; color: #fff;}
.lxwm-three .lxwm-li ul h1{color: #959595;text-align: center;font-size: 18px;line-height: 30px;}
.lxwm-three .lxwm-li ul li{color: #5f5f5f;height: 15px;margin-left: 65px;margin-top: 10px;}
.foot-ft {height: 50px;background-color: #1f1f1f;border-top: 1px solid #313131;text-align: center;color: #494949;font-size: 15px;line-height: 50px;}

.center{min-height: 750px;overflow: hidden;display: block;margin: 0 auto;}
.center-top {width: 1000px; height: 80px;margin-left: 120px;margin: 0 auto;}
.center-top-left {width: 500px; height: 60px; margin-top: 10px;float: left;margin: 0 auto;}
.center-top-right {width: 500px; height: 60px;  margin-top: 10px;float: right;margin: 0 auto;}
.center-top-left dt{float: left;display: block;color: #5f5f5f;font-size: 15px;line-height: 60px;}
.center-top-left dd {float: left;line-height: 60px;display: block;color: #5f5f5f;}
.center-top-left dd a{color: #000;}
.center-top-left dd a:hover{color: #126ace;text-decoration: none;}

.center-top-right ul{float: right; width: auto;height: 60px;display: block;}
.center-top-right ul li{width: 70px; height: 30px; float: left; margin-right: 15px;margin-top: 15px;border-radius: 8px;display: block;}
.center-top-right ul li a:focus{color: #126ace}
.center-top-right ul li:hover {background-color: #126ace;transition:all 0.5s linear;}
.center-top-right ul li a{line-height: 30px; font-size: 15px;text-align: center;display: block; color: #aaaaaa;}
.center-top-right ul li:hover a{color: #fff;text-decoration: none;}

.center-cp{width: 1000px; height: 600px; margin-top: 50px;margin-left: 200px;margin: 0 auto;}
.center-cp ul li {width: 300px;height: 260px; float: left;margin: 10px 8px 5px 8px;display: block;}
.center-cp ul li a{text-decoration: none;}
.center-cp ul li img{margin-left: 15px;width: 270px; height: 210px;transition:all 0.3s linear;}
.center-cp ul li div{width:100%;height: 50px;display: block;transition:all 0.3s linear;}
.center-cp ul li div h1{display: block;font-size: 15px; color: #aaaaaa;transition:all 0.3s linear;}
.center-cp ul li div h2{display: block;font-size: 12px; color: #707070;transition:all 0.3s linear;}
.center-cp ul li:hover div{background-color: #126ace;}
.center-cp ul li:hover div h1{color: #fff;margin-left: 15px;}
.center-cp ul li:hover div h2{margin-left: 15px;color: #aaaaaa;}
.center-cp ul li:hover img{border:1px solid #126ace; width: 250px;height: 194px; margin: 7px 0px 7px 35px;}

.page {overflow: hidden;text-align: center;color: #000; margin-top: 30px;margin-bottom: 30px;}
.page span{padding: 3px 10px;margin: 0 3px;border: solid 1px #1f1f1f;background-color: #fff;}

.center-cpxq{width: 800px; min-height: 550px; margin-top: 50px;margin-left: 180px;display: block;margin: 0 auto;}
.center-cpxq h1{text-align: center;font-size: 25px; color: #000; margin-top: 10px;margin-left: 160px;}
.cpxq-left{ width: 290px; height: 230px;float: left;margin: 50px 30px 30px 180px; }
.cpxq-left img{margin: 10px;width: 270px; height: 210px;}
.cpxq-right{width: 240px; height: 230px; float: right;margin: 50px 0px 30px 30px; }
.cpxq-right h1{text-align: left;font-size: 18px; color: #000; margin-top: 60px; margin-left: 20px;}
.cpxq-right h2{text-align: left;font-size: 15px; color: #5f5f5f; margin-top: 60px; margin-left: 20px;}
.cpxq-xq{width: 800px;min-height: 200px; float: left;margin-left: 180px;}
.cpxq-xq h1{text-align: left;font-size: 15px; color: #7f7f7f; margin-top:20px; margin-left: 20px;}
.cpxq-xq span{display: block;font-size: 12px; color: #7f7f7f; margin-left: 20px;}
.cpxq-xq span img{margin: 5px 10px 20px 10px;}

.center-news{min-height: 550px;width: 1000px;margin-top: 50px;margin-left: 180px;margin: 0 auto;}
.center-news ul{width: 100%;height: auto;display: block;overflow: hidden;float: left;}
.center-news li{width: 100%;height: 230px;float: left;border-bottom:1px solid #7f7f7f;transition:all 0.3s linear;}
.center-news li a{text-decoration: none;}
.center-news li a img{float: left;margin-top: 30px; margin-left: 30px;display: block;overflow: hidden;transition:all 0.3s linear;}
.center-news li a div{width: 400px; height: auto;float: left;display: block;}
.center-news li a h1{width: 400px;height: 30px;margin-left: 66px;margin-top: 50px;font-size: 15px;color: #000;font-weight: bold;float: left;transition:all 0.3s linear;}
.center-news li a span{width: 400px;height: 70px;margin-left: 66px;margin-top: 40px;color: #7f7f7f;font-size: 13px;display: block;float: left;}
.center-news li a h2{width: 120px; height: 45px; float: right; margin-right: 120px;margin-top: 50px;font-size: 25px;color: #7f7f7f;text-align: center;line-height: 45px}
.center-news li a h3{width: 120px; height: 35px; margin-left:760px;margin-top: 135px;font-size: 18px;color: #7f7f7f;line-height: 35px; text-align: center;transition:all 0.3s linear;}
.center-news li:hover {margin-left: 35px;}
.center-news li:hover img{box-shadow: 10px 10px 5px #000;}
.center-news li:hover h1{color: #126ace;}
.center-news li:hover h3{color: #000;}

.center-newslist {min-height: 350px;width: 1120px;margin-top: 50px;margin-left: 120px;margin: 0 auto;}
.newslist-left{width: 1120px; height: 70px;text-align: center;}
.newslist-left h1{font-size: 15px; color: #000;margin: 10px 0 0 10px;}
.newslist-left h2{font-size: 12px; color: #5f5f5f;margin-left: 10px;}
.newslist-right{width: 1120px;min-height: 350px;text-indent:2em;}
.newslist-right span{padding:10px 15px 10px 15px;display: block;color: #7f7f7f;}
.newslist-right div{width: 100%;height: auto;margin-top: 120px;}

.center-center {min-height: 500px;width:1200px; margin-left: 350px;margin-top: 30px; display: block;font-size: 15px; color: #7f7f7f;}


div.zoomDiv { z-index:999; position:absolute; top:0px; left:0px;width: 364px!important;height: 308px!important; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; }
div.zoomMask { position:absolute; background:url("../image/mask.png") repeat scroll 0 0 transparent; cursor:move; z-index:1;}

.lxwm-neiye{min-height:700px;overflow: hidden;background-color: #fff;margin: 0 auto;padding-top: 500px;}
.lxwm-neiye-top{width: 1200px; margin-left: 20px;height: 200px;margin: 0 auto;}
.lxwm-neiye-top img{margin-left:540px;margin-top: 28px;}
.lxwm-neiye-top span{width: 1000px;margin-left: 100px; display: block;margin-top: 20px; height: 80px;text-align: center;color: #5f5f5f;line-height: 30px;}
.lxwm-meiye-center {width: 1200px; margin-left: 150px;height: 500px;display: block;overflow: hidden;margin: 0 auto;}
.lxwm-meiye-center ul{width: 1000px;height: 460px;margin: 10px 100px 10px 100px;float: left;}
.lxwm-meiye-center ul div{width: 100%;height: 1px;background-color:#5f5f5f;margin-top: 230px;}
.lxwm-meiye-center ul li{width: 300px;height: 210px;float: left;margin:10px 15px 10px 15px;text-align: center;}
.lxwm-meiye-center ul li img{margin-top: 45px;}
.lxwm-meiye-center ul li h1{width: 100%;height: 40px;color: #7f7f7f; font-size: 12px;line-height: 40px;}
.lxwm-meiye-center ul li:hover h1{color: #000;}

.aboutus{min-height: 700px;display: block;overflow: hidden;}
.aboutus-top{width: 900px;height: 120px; border-bottom:1px dashed #7f7f7f;margin-left: 210px;}
.aboutus-center {width: 900px;min-height: 500px;display: block;overflow: hidden;margin-top: 10px; margin-bottom: 30px;margin-left: 210px;margin: 0 auto;}

.js-anli{width: 1200px; min-height: 550px;display: block;overflow: hidden;margin-left: 110px;margin-top: 50px;margin-bottom: 30px;margin: 0 auto;}
.js-anli ul{width: 1100px;min-height: 800px;margin-left: 50px;float: left;}
.js-anli ul li{width: 340px;height: 380px; float: left;margin: 20px 25px 20px 95px;}
.js-anli ul li h1{text-align: right;margin-left: 160px;color: #fff;font-size: 15px;float: left;width: 150px;transition:all 0.5s linear;position: absolute;margin-top: 330px;}
.js-anli ul li div{height: 70px;width: 10px;background-color: #126ace;float: right;transition:all 0.5s linear;margin-top: 310px;}
.js-anli ul li:hover div{width: 100%;}

.jsxq-center{width: 1100px; min-height: 550px;margin-left: 110px;margin: 0 auto;}
.jsxq-center h1{color: #000;font-size: 16px;margin-left: 70px; margin-top: 50px;}
.jsxq-center h2{color: #7f7f7f;font-size: 15px;margin-left: 70px;margin-top: 20px;}
.jsxq-center span{display: block;margin-left: 100px;margin-top: 20px;font-size: 12px;color: #000;margin-right: 100px;margin-bottom: 20px;}
.jsxq-center div span{width: 300px; height: 80px;float: left;display: block;font-size: 15px; margin-top: 120px;line-height: 80px;transition:all 0.5s linear;background-color: #fff;text-indent:2em;color: #000;}
.jsxq-center div span a{text-decoration: none;transition:all 0.5s linear;}
.jsxq-center div span:hover {background-color: #126ace; color: #fff;}
.jsxq-center div span:hover a{ color: #fff;}

.pinghzi {width: 1200px;min-height: 550px;margin-left: 100px;margin: 0 auto;}
.pinghzi li{ width: 315px; height: 240px;margin: 30px;float: left;}
.pinghzi li img{width: 315px;height:210px;}
.pinghzi li h1{display: block;color: #fff;font-size: 15px;text-align: center;line-height: 40px;width: 100%;height: 40px;}