﻿
.w1200{width: 1200px;margin: 0 auto;overflow: hidden;}
.top{height: 152px;max-width: 1920px;margin:0 auto;}
.top-top{height: 50px;margin-top: 1px}
.top-top li{height: 50px;line-height: 51px;font-size: 13px;float: left;text-align: center;color: #6b6b6b;}
.top-top li:nth-child(1){border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;width: 180px;}
.top-top li:nth-child(2){border-right:1px solid #eeeeee;width: 230px;}
.top-top a{height: 50px;width: 58px;float: right;border-left: 1px solid #eeeeee;border-right: 1px solid #eeeeee}
.top-top a img{margin: 15px 0  0 20px;}
.top-top a:hover{background:rgba(122,134,152,0.5);}
.top-bottom-right{height: 60px;margin-top: 30px;width: 710px;float: right;text-align:right;}
.top-bottom-right li{height: 29px;float: left;line-height: 29px;text-align: center;width: 101px;transition:1s all;}
.top-bottom-right li a{color: #1b1b1b;font-size: 15px;text-align: right;text-decoration: none;transition:1s all;display:inline-block;height: 39px;width: 60px;text-align: center;}

/*.top-bottom-right li:hover{background: #235daf;border-radius: 3px}*/
.top-bottom-right li:hover {font-weight: block;background:  #235daf;border-radius: 5px}
.top-bottom-right li:hover a{color: #fff}
.banner{max-width: 1920px;overflow: hidden;margin:0 auto;position: relative;height: 698px}
.banner-pic{height: 698px;max-width: 1920px}
.banner-pic img{position: absolute;}

.banner:hover .btn{opacity: 1}
.btn{position: absolute;top: 50%;width: 100%;opacity: 0.4;margin-top:-20px;}
.zuo{position: absolute;left: 12%;}
.you{position: absolute;right: 12%}
.dian{position: absolute;bottom: 30px;left:50%;margin-left: -57px;z-index: 10}
.dian span{width: 40px;height: 4px;border-radius: 2px;background-color: white;float: left;text-align: center;line-height: 4px;margin-right: 5px;cursor: pointer;}
.dian span.current{background: #235daf;}
.box1{height: 835px;}
.box1-con{overflow: hidden;height: 467px}
.box1-con div{float: left;height: 463px;width: 24%;margin-left: 1%;text-align: center; transition:1s all;}
.tp{margin-top: 49px;height: 148px;width: 129px;overflow: hidden;margin-left:86px;position: relative;}
.tp li{position: absolute;}
.tp li img{height: 146px;width: 129px}
.box1-con div h1{color: #235daf;font-size: 23px;font-weight: bold;margin-top: 22px;transition: 0.2s all linear}
.box1-con div p{color: #898989;font-size: 15px;margin:33px 15px 0 15px;transition: 0.2s all linear}
.box1-con div a{width: 70px;height: 35px;border: 1px #fff solid;margin-top:55px;display: none;margin-left: 115px;opacity: .6;transition: 0.2s all linear}
.box1-con div a img{width: 68px;height: 33px;}
.box1-con div:hover{background: #235daf;border-radius: 5px;box-shadow: 5px 5px 20px 1px #bebebe}
.box1-con div:hover h1{color: #fff;transition: 0.2s all linear}
.box1-con div:hover p{color: #fff;transition: 0.2s all linear}
.box1-con div:hover a{display: block;opacity: 1;}
.box1-con div a:hover{border-radius: 15px;transition: 0.2s all linear}
.box1-con div a:hover img{border-radius: 15px;transition: 0.2s all linear}
.box1-bottom a{display: block; width: 300px;height: 40px;background: #235daf;margin-top: 32px;margin-left: 450px;line-height: 40px;text-align: center;color: #fff;
	font-size: 16px;text-decoration: none;border-radius: 25px;transition:1s all;position: relative;}

.dis{display: none}
.box2{background-image: url(../image/box2.jpg);max-width: 1920px;height: 600px;margin:0 auto;}
.box2-top{margin-top: 69px}
.box2-top span{color: #fff;font-size: 30px;font-weight: bold;width: 129px;letter-spacing:3px;margin-left: 8px;}
.box2-con{margin-top: 81px}
.box2-con p{width: 750px;font-size: 15px;color: #fff;text-indent: 30px}
.box2-bottom{height: 220px}
.box2-bottom div{display: inline-block;margin-top: 50px;margin-left: 13px;margin-right: 70px;height: 200px;width: 100px}
.box2-bottom div ul{position: relative;}
.box2-bottom div ul li{position: absolute;}
.box3-top{height: 276px;text-align: 276px;text-align: center;}
.box3-bottom{height: 666px;width: auto;}
.box3-bottom-top-1{height: 265px;overflow: hidden;}
.box3-bottom-top-1 li{height: 265px;overflow: hidden;float: left;position: relative;}
.box3-bottom-top-1 li:nth-child(4) a{width: 110px;height: 30px;position: absolute;left: 27px;bottom: 17px;z-index: 22}
.box3-bottom-bottom-1 li{float: left;overflow: hidden;}
.box3-bottom-bottom-1 li:nth-child(2){margin-left: 30px;}
.box3-bottom-bottom{margin-top: 30px;}
/*.box3-bottom-img::after{position:absolute;content: '';left:4px;top:4px;bottom:4px;right:4px;background-color:rgba(0, 0, 0, 0);transition: all 0.8s;z-index:20;overflow:hidden;}
.box3-bottom-img:hover::after{background-color: rgba(82, 151, 287, 0.7); }*/
.box3-bottom-img{position: relative;}
.box3-bottom-img div {position: absolute;}
.box3-bottom-img div span img{margin-top:20px;margin-left: 5px}
.box3-bottom-img div p{font-size: 18px;font-weight: bold;color: #fff;margin-top: 0px}
.box3-bottom-img .t{top:10px;left: 25px}
.box3-bottom-img .t1{bottom: 10px;left: 25px}


.box3-bottom-img img{transition: 0.5s all linear;}
.box3-bottom-img:hover img{transform: scale(1.07);transition: 0.5s all;}
/*.box3-bottom-img span{position: absolute;width:100%;height: 50px;color: #dddfe1;top:50%;margin-top: -25px;
	font-size: 16px;border: 1px solid #fff;background: rgba(82, 151, 287, 0.5);text-align: center;opacity: 0;transition: 0.2s all }
.box3-bottom-img:hover span{opacity: .7;transition: 0.2s all;z-index: 110;border-radius: 10px;}
.box3-bottom-bottom*/

.box4{background: url(../image/59bcbf0d85004392b941f109ad4ab634.jpg)0 0 no-repeat;max-width: 1920px;height:650px;overflow: hidden;}
.box4-top{height: 106px;width: 100%;line-height: 53px;text-align: center;}
.box4-top p{font-size: 35px;font-weight:bold;color:#fff;}
.box4-bottom{text-align: center;width: 100%;height:544px;}
.box4-bottom{color: #fff;font-size: 18px;}
.box4-bottom-1 li{float: left;width: 250px;height: 195px;overflow: hidden;margin-top: 2px;position: relative;overflow: hidden;}
.box4-bottom-1 li p{text-transform: uppercase;text-align: right;font-size: 15px;padding-right: 10px}
.box4-bottom-1 li div{position: absolute;z-index: 100}
.box4-bottom-1 img{transition: 0.5s all linear;}
.box4-bottom-1 li div:nth-child(2){height: 1px;width: 0;top: 10px;left:10px;background: #fff;position: absolute;transition: all 0.2s linear ;}
.box4-bottom-1 li div:nth-child(3){height: 0;width: 1px;top: 10px;right: 10px;background: #fff;position: absolute;transition: all 0.2s linear ;}
.box4-bottom-1 li div:nth-child(4){height: 1px;width: 0;bottom: 10px;right: 10px;background: #fff;position: absolute;transition: all 0.2s linear ;}
.box4-bottom-1 li div:nth-child(5){height: 0;width: 1px;bottom: 10px;left:10px;background:#fff;position: absolute;transition: all 0.2s linear ;}
.box4-bottom-1 li div:nth-child(6){padding:0px 4px;left:35%;top:90px;position: absolute;transition: all 0.4s linear;z-index: -22;text-align: center;color: #fff;font-size: 16px;background: #265bb0;border-radius: 5px}
.box4-bottom-img:hover div:nth-child(2){width: 230px;transition: all 0.2s linear 0.2s;}
.box4-bottom-img:hover div:nth-child(3){height: 175px;transition: all 0.2s linear 0.4s;}
.box4-bottom-img:hover div:nth-child(4){width: 230px;transition: all 0.2s linear 0.2s;}
.box4-bottom-img:hover div:nth-child(5){height: 175px;transition: all 0.2s linear 0.4s;}
.box4-bottom-img:hover div:nth-child(6){transition: all 0.4s linear 0.2s;z-index: 100}
.box4-bottom-img:hover img{transform: scale(1.1);transition: 0.5s all linear}
/*.box4-bottom-img::after{position:absolute;content: '';left:4px;top:4px;bottom:4px;right:4px;background-color:rgba(0, 0, 0, 0);transition: all 0.8s;z-index:20;overflow:hidden;}
.box4-bottom-img:hover::after{background-color: rgba(58, 58, 58, 0.8); }
*/



.box5{height: 755px;}
.box5-top{width: 418px;height: 233px;background: url(../image/box5-top.jpg);margin-bottom: 10px;}
.box5-bottom-1{float: left}
.box5-bottom-1  li{position: relative;overflow: hidden;height: 390px;width: 315px;float: left;}
.box5-bottom-1  li div{position: absolute;width: 305px;overflow: hidden;height: 390px;}
.box5-bottom-1 	li div:nth-child(1){display: none;}
.box5-bottom-1  li  div h1{font-size: 15px;font-weight: bold;color: #333333;margin-top:25px;}
.box5-bottom-1  li  div span{font-size: 13px;color: #aaa;}
.box5-bottom-1  li  div p{font-size: 13px;color: #aaa;margin-top: 0px;width: 295px}
a.box5-a{transition: 0.3s all linear;text-decoration: none;font-size: 13px;color: #fff;background: #235daf;width: 165px;height: 35px;display: block;border-radius: 25px;text-align: center;line-height: 35px}
a.box5-a:hover{box-shadow: 5px 5px 10px 1px #9e9f9f;transition: 0.3s all linear}
.box5-bottom-2{float: right;width: 240px;height: 390px;text-align: right;}
.box5-bottom-2 div{position: relative;width: 240px;height: 187px;cursor: pointer;}
.box5-bottom-2 div li{position: absolute;}
.foot{height: 450px;max-width: 1920px;margin:0 auto;background: url(../image/foot.jpg);}
.foot-top{overflow: hidden;height: 400px;}
.foot-top > div{float: left;overflow: hidden;}
.foot-top-left{width: 253px;height: 310px;margin-top: 92px;}
.foot-top-left-bottom{margin-top: 155px;overflow: hidden;}
.foot-top-left-bottom li{float: left;margin-left: 10px;}
.foot-top-con{margin-left: 175px;margin-top: 92px;width: 128px;height: auto;}
.foot-top-con h1{color: #fff;font-size: 15px;font-weight: bold;margin-bottom:15px;}
.foot-top-con .foot-top-con-dh{height: auto;line-height: 100%;margin-top: 20px}
.foot-top-con .foot-top-con-a{color: #fff;font-size: 13px;text-decoration: none;margin-left: 15px;transition: 0.3s all linear;}
.foot-top-con .foot-top-con-img{transition:0.3s all linear;width: 8px;height: 8px;}
.foot-top-con-dh div{margin-top:10px;}
.foot-top-con-dh2{height: 14px;margin-left: 10px;margin-top: 5px}
.foot-top-con-dh2 a{color: #fff;text-decoration: none;margin-left: 15px;transition: 0.3s all linear;}
.foot-top-con-dh2 img{margin-top:2px;}
.foot-top-con-dh:hover .foot-top-con-a{color: #235daf;transition: 0.3s all linear;}
.foot-top-con-dh:hover .foot-top-con-img{transition:0.3s all linear; transform: rotate(90deg); }
.foot-top-con-dh2 a:hover{color: #235daf;transition: 0.3s all linear;}
.foot-top-cor{width: 355px;height:auto;margin-top: 92px;overflow: hidden;margin-left: 74px}
.foot-top-cor h1{color: #fff;font-size: 15px;font-weight: bold;margin-bottom:8px;}
.foot-top-cor li{color: #fff;font-size: 13px;height: 32.5px;line-height: 32px}
.foot-top-cor img{margin-right: 20px;margin-top: 10px;}
.foot-top-right{width: 215px;height: auto;margin-top: 92px;text-align: center;}
.foot-top-right h1{color: #fff;font-size: 15px;font-weight: bold;}
.foot-top-right img{margin-top: 40px;}
.foot-bottom li{color: #fff;font-size: 13px;float: left;width: 50%;line-height: 50px;height: 50px}


.page{margin-top: 41px;overflow: hidden;margin-bottom: 30px}
.pageleft{width: 276px;float: left;overflow: hidden;}
.left-box1{width: 276px;height: auto;overflow: hidden;}
.left-box-title{width: 274px;height: 74px;border-radius: 5px 5px 0 0;font-weight: bold;font-size: 18px;line-height: 74px;color: #fff;text-indent: 46px;background:#0858b1 url(../image/leftbox.png) 222px center no-repeat;}
.prodnav{width: 274px;height: auto;overflow: hidden;}
.prodnav li{width: 272px;border-left: 1px solid #dddcdc;border-right: 1px solid #dddcdc;border-bottom: 1px solid #dddcdc;line-height: 61px;text-indent: 47px;}
.prodnav li a{display: block;text-decoration: none;color: #7a7a7a;font-weight: bold;background: url(../image/prodbd.png) 230px center no-repeat;}
.prodnav li a:hover{color: #0858b1;transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.pageright{width: 889px;float: right;min-height: 600px;border:1px solid #eaeaea;overflow: hidden;}
.left-box2{margin-top: 41px;width: 276px;height: auto;overflow: hidden;}
.left-box-title2{background-color: #515151 }
.page-newslist{width: 272px;border-left: 1px solid #dddcdc;border-right: 1px solid #dddcdc;border-bottom: 1px solid #dddcdc;overflow: hidden;}
.page-newslist li{width: 100%;height: 33px;line-height: 33px;}
.page-newslist li a{text-decoration: none;color: #7a7a7a;text-indent: 39px;display: block;background: url(http://static3.uyiweb.com/hsfm.site3.uyiweb.com/Skins/sk087/static/images/newsbd2.jpg) 22px center no-repeat;}
.page-newslist li a:hover{color: #0858b1;}
.left-cont1{width: 272px;border-left: 1px solid #dddcdc;border-right: 1px solid #dddcdc;border-bottom: 1px solid #dddcdc;overflow: hidden;}
.left-cont1 h1{display: block;width: 100%;line-height: 24px;margin-top: 30px;text-align: center;font-size: 16px}
.left-cont1 span{display: block;width: 100%;line-height: 37px;padding-bottom: 19px;text-align: center;font-size: 22px;color: #0045a7;font-weight: bold;font-style: italic;}
.right-title{width: 100%;height:74px;overflow: hidden;border-bottom: 1px solid #eaeaea;background-color: #f8f8f8;color: #003ea5;}
.right-title dt{float:left;height: 74px;margin-left: 24px;line-height: 74px;font-size: 20px;font-weight: bold;}
.right-title dd{float: right;line-height: 74px;margin-right: 31px}
.right-title dd a{text-decoration: none;color: #aaaaaa}
.pagecont{width: 100%;height: auto;overflow: hidden;margin-top: 20px;}

.newslist1{width: 809px;height:auto;overflow: hidden;margin-top: 20px;margin: 0 auto}
.newslist1 li{width: 100%;height:81px;border-bottom: 1px solid #dcdcdc;overflow: hidden;padding-top: 22px;padding-bottom: 13px;}
.newslist1 li .data{width:79px;height: 80px;float: left;background-color: #c4c4c4;}
.newslist1 li .data .sp1{display: block;width: 100%;height:55px;line-height: 55px;text-align: center;color: #fff;font-size: 30px;}
.newslist1 li .data .sp2{display: block;width: 100%;height:21px;line-height: 21px;text-align: center;color: #fff;font-size: 12px}
.newslist1 li a{text-decoration: none;color: #5e5e5e;display: block;width: 700px;float: right;}
.newslist1 li h1{display: block;width: 100%;font-size: 16px}
.newslist1 li .sp3{display: block;width: 100;font-size: 12px;line-height: 20px;margin-top: 10px}
.newslist1 li a:hover h1{color: #0858b1}
.newslist1 li:hover .data{background-color: #0858b1}
.pageindex{text-align: center;line-height: 50px;width: 100%;overflow: hidden;}

.newspage{width:100%;float:left;min-height:500px;}
.newshow-top{text-align:center;width:100%;height:auto;overflow:hidden;float:left;}
.newshow-top h1{font-size:24px;margin-top:18px;height:auto;display:block;width:100%;line-height:30px;float:left;color:#333333}
.newshow-top span{font-size:12px;color:#888888;line-height:26px;display:block;float:left;width:100%;margin-top:3px;margin-bottom:10px}
.fengexian1{border-bottom:1px solid #ebebeb;float:left;width:100%;}
.newshow-ct{padding-bottom:27px;color:#555555;float:left;margin-left:15px;margin-right:10px;padding-top:15px;overflow:hidden;}
.newshow-bot{width:100%;position:relative;margin-bottom:5px;float:left;overflow:hidden;margin-top:10px;margin-bottom:10px;}
.newshow-bot span{color:#666666;font-size:13px;display:block;width:550px;margin-top:3px;line-height:20px;margin-left: 15px;}
.newshow-bot span a{color:#666666;text-decoration:none;}
.newshow-bot span a:hover{color:#666666;}



.prodlist2{width: 912px;height: auto;overflow: hidden;margin-left: -1px}
.prodlist2 li{width: 282px;float: left;margin-right: 19.5px;float: left;border: 1px solid #eaeaea;margin-bottom: 20px;height: 378px;}
.prodlist2 li div{width: 282px;height: 350px;background-color: #fff;display: table-cell;vertical-align: middle;}
.prodlist2 li img{width: 282px;height: auto;vertical-align: middle;display: inline-block;}
.prodlist2 li span{display: block;line-height: 28px;text-align: center;}


.product{width: 100%;height: auto;overflow:hidden;margin:29px auto 0 auto;}
.product h1{width: 100%;text-align: center;height: 60px;line-height: 60px;font-size: 20px;}
.prod-text{width: 100%;height: 230px;margin-bottom: 24px;overflow: hidden;}
.prod-text .left{width:405px;height: 280px;overflow: hidden;float: left;margin-left: 80px;}
.prod-text .left div{width:388px;height: 220px;padding: 4px;border:1px solid #e5e5e5;background-color: #fff;display: table-cell;text-align: center;vertical-align:middle;}
.prod-text .left div img{width: 215px;height:215px;}
.prod-text .left span{display: block;width: 100%;height: 50px;line-height: 50px;text-align: center;color: #5e5e5e}
.prod-text .right{width: 400px;height: 360px;float: right;color: #5e5e5e}
.prod-text .right a{display:inline-block;width: 88px;height: 30px;background-color: #b92825;text-decoration: none;color: #fff;text-align: center;line-height: 30px;}
.prod-cont{width:750px;height: auto;overflow: hidden;margin: 0 auto}
.prod-cont-title{width: 100%;height: 39px;line-height: 39px;border-bottom: 1px solid #e5e5e5;color: #666666;font-size: 16px;}
.prod-cont-text{width: 100%;height: auto;margin-top: 10px;color: #666666}
