*{
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
    color: #333;
}


p {
	margin: 0;
}

h2 {
	margin: 0;
	font-size: 100%;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}



.tops{
    width: 100%;
    height: 40px;
    overflow: hidden;
    background-color: #888a8b;
    line-height: 40px;
}
.tops>div{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}
.tops>div>span{
    float: left;
    color: #fff;
}
.tops>div>div{
    float: right;
}

.tops a{
    color: #fff;
}




/* csstap��ʽ */

.pk{
	width: 1200px;
	margin: 50px auto 70px auto;
	overflow: hidden;
}

.navpk {
	margin-left: -1px;
	font: 14px "΢���ź�";
	overflow: hidden;
}

.navI {
	float: left;
	width: 300px;
	box-sizing: border-box;
}

.navI-tit {
	width: 280px
	height: 70px;
	background: url(../image/logixh.png) 35px center no-repeat #419dea;
	line-height: 70px;
	text-align: center;
	cursor: pointer;
	font-size: 25px;
	color: #fff;
}

.navI-txt {
	width: 1200px;
	height: 415px;
	line-height: 2;
	background: #fff;
    ;
}

.navI-txt .xhtap01 {
	width: 650px;
	height: 400px;
	float: right;
		border: 1px solid #dcdcdc;
	margin-top: 35px;
	background: #fff;
}
.navI-txt .xhtap01 img{
	margin-top: 20px;
	margin-left: 25px;
}
.navI-txt .xhtap01 .xhou9{
	line-height: 28px;
	font-size: 14px;
	clear: both;
	overflow: hidden;
	margin-right: 10px;
	margin-left: 25px;

}
.navI-txt .xhtap01 a{
	display: block;
	width: 150px;
	height: 30px;
	margin-top: 20px;
	background: #0080eb;
	border-radius:6px ;
	line-height: 30px;
	text-align: center;
	color: #fff;
	transition: 0.3s;
	margin-left: 25px;
}
.navI-txt .xhtap01 a:hover{
	background: #419dea;
}


.navI-txt .xhimg9 {
	width: 543px;
	height: 400px;
	margin-top: 35px;
	display: block;
	float: left;
	overflow: hidden;
}

.navI-txt .xhimg9 img {
	width: 543px;
	height: 400px;
	top: 0;
	left: 0;
	transition: all 1s ease 0s;
	-webkit-transform: all 1s ease 0s;
}
.navI-txt .xhimg9 img:hover{
	transform: scale(1.3);
     -webkit-transform: scale(1.3);
}

.ml1 {
	margin-left: -100%;
}

.ml2 {
	margin-left: -200%;
}

.ml3 {
	margin-left: -300%;
}

.navI_active {
	position: relative;
	z-index: 1;
}


/*�ص�����*/

.navI:hover {
	position: relative;
	z-index: 1;
}

.navI:hover .navI-tit {
	background: url(../image/logixh.png) 35px center no-repeat #0080eb;
	color: #fff;
	border-bottom: none;
}



















.top{
    width: 1200px;
    margin: auto;
    height: 125px;
    overflow: hidden;
    background: url(../image/rtyp.jpg) center no-repeat;
}
.top .topm1{
   width: 450px;
    float: left;
    overflow: hidden;
}
.top .topm1 img{
  margin-top:12px;
}
.top .topm1 h3{
    font-size: 32px;
    font-weight: bold;
    margin-top: 31px;
}
.top .topm1 h3 b{
    color: #f78618;
}
.top .topm1 span{
    color: #999999;
    font-size: 13.5px;
}
.top .topm2{
        margin-top: 37px;
    width: 300px;
    font-size: 16px;
    line-height: 27px;
    float: left;
    color: #00abd9;
    margin-left: 25px;
}
.top .topm3{
    margin-top: 5px;
    width: 286px;
    float: right;
}




.top1{
    width: 100%;
    height: 55px;
    background:#00abd9;
}
.nav{
/*    box-shadow: 0px 2px 3px #ccc;*/
    width: 1200px;
    height: 55px;
    margin: auto;

}
.nav>ul{
    margin-bottom: 0;
    font-size: 0;
}
.nav>ul>li{
    display: inline-block;
    font-size: 16px;
    position: relative;
}
.nav>ul>li>a{
    display: block;
    text-align: center;
    color:#fff;
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    width: 133px;

}
.nav>ul>li>a:before, .nav>ul>li>a:after,
.nav>ul>li>a span:before, .nav>ul>li>a span:after{
    content: '';
  position: absolute;
  top: 0;
  width: 25%;
  height: 0;
  background: #00abd9;
}
.nav>ul>li>a:before{
	left: 0;
}
.nav>ul>li>a:after{
	left: 50%;
}
.nav>ul>li>a span:before, .nav>ul>li>a span:after{
	top: auto;
  bottom: 0;
}
.nav>ul>li>a span:before{
	left:25%;
}
.nav>ul>li>a span:after{
	left:75%;
}
.nav>ul>li>a:hover{
    /*border-bottom: 2px solid #243B84;*/
   background-color: #f78618;
   color:#fff;
   
}
.nav>ul>li>a:hover:before, .nav>ul>li>a:hover:after,
.nav>ul>li>a:hover span:before, .nav>ul>li>a:hover span:after{
    height:55px;
	opacity:0.15;
}












.nav>ul>li>a>span{
   color:#fff;
}


.sousuo{
    background-color: #00abd9;
    height: 55px;
    width: 100%;

}

.sousuo>div{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}

.sousuoLeft{
    float: left;
    line-height: 55px;
}
.sousuoLeft a{
    color: #fff;
}

.sousuoRight{
    float: right;
    position: relative;
    overflow: hidden;
}
.sousuoRight input{
    color: #fff;

}
.sousuoRight input:nth-child(1){
    width: 370px;
    display: block;
    background: none;
    border: 0;
    border-bottom: 1px solid #fff;
    height: 45px;
    padding: 0 21px;
	outline: none;

}

.sousuoRight input:nth-child(2){
    background: url(../image/7.png) no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 18px;
    border: 0;
    position: absolute;
    top: 17px;
    right: 4px;
	outline: none;
}

.opoey{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}
.opoey h3{
    margin: 50px 0 10px 0;
    font-size: 36px;
    text-align: center;
    color: #333333;
    font-weight: bold;
}
.opoey h3 span{
    color: #f78618;
}
.opoey .btt{

    background: url(../image/top_xx.png) center no-repeat;
    line-height: 21px;
    height: 21px;
    text-align: center;
    color: #333333;
    font-size: 18px;
    margin-top: 6px;
}







.tabqirahun{
    width: 100%;
    height: 730px;
    margin-top: 45px;
    background: url(../img/case_bg.png) top center no-repeat;
    padding-top: 0px;
}
.boxpouy {
    width: 1200px;
    margin: auto;
    margin-top: 30px;
    text-align: center;
    background: url(../img/ccdx.png) 0px 26px no-repeat;
}

.boxpouy .tabty {
    display: inline-block;
    width: 167px;
    height: 100px;
    text-decoration: none;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    transition: all 0.5s linear;
}

.boxpouy .tabty:hover {
    color: #f78618;
    transition: all 0.5s linear;
}
.boxpouy .tabty img {
    display: block;
    width: 66px;
    margin-top: 10px;
    height: 64px;
    margin: auto;
}
.boxpouy .tabty:hover img{
    filter: drop-shadow(0px 0 0 #f30);
}
.conpoiy {
    width: 1200px;
    height: 464px;
    margin: 0 auto;
}

.conpoiy .listty {
    width: 1200px;
    height: 464px;
    padding: 10px;
    position: absolute;
    /*��һ��*/
    z-index: 1;
    box-sizing: border-box;

}
.conpoiy .listty .qieleft{
    width: 640px;
    height: 464px;
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.conpoiy .listty .qieleft img{
    width: 640px;
    height: 464px;
}






.conpoiy .listty .qieright{
     width: 530px;
     height: 464px;
     float: right;
    background: #f0eff5;
    text-align: left;
 }
.conpoiy .listty .qieright h3{
    font-size: 26px;
    color: #222;
    padding-left: 0px;
}
.conpoiy .listty .qieright .eteuyw{
    font-size: 14px;
    color: #888;
    width: 510px;
    line-height: 25px;
    padding-left: 25px;
    margin-right: 20px;
    height: 240px;
}
.conpoiy .listty .qieright .eteuyw span{
     font-size: 16px;
     color: #444;
     line-height: 25px;
     padding-left: 25px;
 }
.conpoiy .listty .qieright img{
    width: 255px;
    height: 196px;
    margin: 0 3px;
    border: 1px solid #ccc;
}











.boxpouy>.tabty:nth-child(1):hover~.conpoiy>.listty:nth-child(1),
.boxpouy>.tabty:nth-child(2):hover~.conpoiy>.listty:nth-child(2),
.boxpouy>.tabty:nth-child(3):hover~.conpoiy>.listty:nth-child(3),
.boxpouy>.tabty:nth-child(4):hover~.conpoiy>.listty:nth-child(4),
.boxpouy>.tabty:nth-child(5):hover~.conpoiy>.listty:nth-child(5),
.boxpouy>.tabty:nth-child(6):hover~.conpoiy>.listty:nth-child(6),
.boxpouy>.tabty:nth-child(7):hover~.conpoiy>.listty:nth-child(7),
.listty:hover {
    z-index: 3;
}






.opoeyuk{
    width: 1200px;
    margin:5px auto 5px auto;
    overflow: hidden;
}
.opoeyuk h3{
    margin: 50px 0 10px 0;
    font-size: 36px;
    text-align: center;
    color: #00abd9;
    font-weight: bold;
}
.opoeyuk h3 span{
    color: #f78618;
}
.opoeyuk .btt{

    background: url(../image/top_xx.png) center no-repeat;
    line-height: 21px;
    height: 21px;
    text-align: center;
    color: #555;
    font-size: 18px;
    margin-top: 6px;
}










.canpinone{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}

.canpinoneLeft{
    width: 289px;
    float: left;
    overflow: hidden;
    margin-top: 58px;
    border: 1px solid #00abd9;
}
.xhcont{
	width: 257px;
	min-height: 180px;
	margin: 20px auto 25px auto;
	background: #00abd9;
}
.xhmus{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	background: #00abd9;
}
.xhmus img{
	float: left;
margin-left: 12px;
margin-top: 10px;
}
.xhmus span{
	color: #fff;
font-size: 18px;
margin-left: 24px;
}
.xhtxt01{
	margin: 10px 10px 0 10px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	    line-height: 26px;
}


.canpinoneLeft h5{
    height: 54px;
    margin-top: 0;
    margin-bottom: 0;
    background: #00abd9;
    overflow: hidden;
}
.canpinoneLeft h5 img{
    float: left;
    margin-top: 15px;
    margin-left: 22px;
}
.canpinoneLeft h5 span{
      color: #fff;
    display: block;
    float: left;
    font-size: 18px;
    margin-top: 16px;
    margin-left: 25px;
    font-weight: 600;
}
.mu{
    overflow: hidden;
}
.mu>li{
     width: 257px;
    margin: auto;
    overflow: hidden;
    margin-top: 17px;
    cursor: pointer;
}
.juysdte{
	margin-top: 1px !important;
}
.mus{
     height: 40px;
    line-height: 40px;
    overflow: hidden;
    background: #00abd9;
}
.mu img{
     float: left;
    margin-left: 12px;
    margin-top: 10px;
}

.mu span{
      color: #fff;
    font-size: 18px;
    margin-left: 24px;
}
.xhshouye{
  text-align: center;
  margin-top: 3px;
	margin-bottom: 5px;
}






.mores{
    overflow: hidden;
}
.mores a{
        display: block;
    color: #333;
    margin-top: 0px;
    padding-left: 10px;
    font-size: 16px;
    line-height: 38px;
    border-bottom: 1px dashed #ccc;

}
/*.mores a:last-child{
    color: #ff6b6b;
}*/


.Mymores{
    display: none;
}
.Mymores a{
    display: block;
    padding-left: 20px;
		color: #00abd9;
		font-size: 13px;
		width: 100%;
    height: 25px;
		line-height: 25px;
}
.Mymores a:hover{
    color: #f30;
}

.muss li{
    margin-top: 0px;
}





.canpinoneRight{
    float: right;
    width: 888px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin-top: 58px;
}

.canpinoneRight a{
    display: block;
    margin-left: 18px;
    margin-bottom: 27px;
}

.canpinoneRight a:nth-child(1){
    margin-left: 0;
}
.canpinoneRight a:nth-child(4){
    margin-left: 0;
}
.canpinoneRight a:nth-child(7){
    margin-left: 0;
}
.canpinoneRight img{
    border: 1px solid #00abd9;
    width: 284px;
    height: 231px;
}
.canpinoneRight span{
    height: 35px;
    display: block;
    text-align: center;
    line-height: 35px;
    background: #00abd9;
    color: #fff;
}












.jiequ{
    display: block;
    width: 100%;
    height: 358px;
    background: url(../image/images/4_02.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

.zhuanye{
    width: 1200px;
    height: 1401px;
    margin:15px auto;
    background: url(../img/center4.png)no-repeat;
    background-position: center;
}


.zhuanyes{
    width: 1200px;
    height: 300px;
    margin-top: 30px;
}





.zhuanyes .shuet{
    width: 520px;
    height: 300px;
    float: left;
    overflow: hidden;
}
.zhuanyes:nth-child(2) .shuet{
    width: 520px;
    height: 300px;
    float: right;
    overflow: hidden;
}.zhuanyes:nth-child(4) .shuet{
     width: 520px;
     height: 300px;
     float: right;
     overflow: hidden;
 }

.zhuanyes .shuet img{
    width: 520px;
    height: 300px;
    transition: all 0.5s;

    -moz-transition: all 0.5s; /* Firefox 4 */

    -webkit-transition: all 0.5s; /* Safari �� Chrome */

    -o-transition: all 0.5s; /* Opera */
}
.zhuanyes .shuet img:hover{
    transform: scale(1.1);

    ����-ms-transform: scale(1.1);  /* IE 9 */

    ����-moz-transform: scale(1.1);  /* Firefox */

    ����-webkit-transform: scale(1.1); /* Safari �� Chrome */

    ����-o-transform: scale(1.1);
}

.zhuanyes .plmjh{
    overflow: hidden;
    width: 601px;
    height: 300px;
    border: 1px solid #dcdcdc;
    float: right;
    border-left: none;
}
.zhuanyes:nth-child(2) .plmjh{
    overflow: hidden;
    width: 601px;
    height: 300px;
    border: 1px solid #dcdcdc;
    float: left;
    border-right: none;
}
.zhuanyes:nth-child(4) .plmjh{
    overflow: hidden;
    width: 601px;
    height: 300px;
    border: 1px solid #dcdcdc;
    float: left;
    border-right: none;
}
.zhuanyes .plmjh .asdf{
    overflow: hidden;
    width: 500px;
    height: 80px;
    float: right;
    margin-top: 35px;
    margin-bottom: 25px;
}
.zhuanyes:nth-child(2) .plmjh .asdf{
    overflow: hidden;
    width: 500px;
    height: 80px;
    float: left;
    margin-top: 35px;
    margin-left: 25px;
    margin-bottom: 25px;
}
.zhuanyes:nth-child(4) .plmjh .asdf{
    overflow: hidden;
    width: 500px;
    height: 80px;
    float: left;
    margin-left: 25px;
    margin-top: 35px;
    margin-bottom: 25px;
}
.zhuanyes .plmjh ul{
    overflow: hidden;
    width: 500px;
    float: right;
}
.zhuanyes:nth-child(2) .plmjh ul{
    overflow: hidden;
    width: 500px;
    float: left;
    margin-left: 25px;
}
.zhuanyes:nth-child(4) .plmjh ul{
    overflow: hidden;
    width: 500px;
    float: left;
    margin-left: 25px;
}
.zhuanyes .plmjh ul li{
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    float: left;
}
.zhuanyes .plmjh ul li span{
    color: #f78618;
}
.zhuanyes .plmjh .asdf .yt2{
    overflow: hidden;
    width: 260px;
    height: 80px;
    float: left;
}
.zhuanyes .plmjh .asdf .yt2 h3{
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 30px;
}
.zhuanyes .plmjh .asdf .yt2 span{
    font-size: 24px;
    color: #333333;
    line-height: 36px;
    display: block;
}
.zhuanyes .plmjh .asdf .ouytr{
    overflow: hidden;
    width: 71px;
    height: 56px;
    float: right;
    margin-right: 15px;
    margin-top: 25px;
}





.klopty{
    width: 100%;
    height: 400px;
    background: url(../img/740c.jpg) center no-repeat;
    position: relative;
    z-index: 222;
    margin-top: -15px;
}
.klopty .mn7{
    width: 1200px;
    height: 200px;
    background: rgba(255,255,255,0.4);
    text-align: center;
    margin:30px auto;
    color: white;
    overflow: hidden;
}
.klopty .mn7 h4{
    margin-top: 35px;
    font-size: 22px;
    line-height: 70px;
}
.klopty .mn7 span{
    font-size: 32px;
    color: #f78618;
    font-weight: bold;
}








.gongjain{
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
		padding-bottom: 150px;
		background: url(../img/gywm.jpg) center bottom no-repeat;
}
.gongjain>div{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}
.gongjains{
    overflow: hidden;
    margin-top: 60px;
}
.gongjains>img{
    float: left;
    width: 640px;
    height: 460px;
}



.gongjainsRight{
    float: right;
    width: 520px;
		    margin-top: 30px;
    overflow: hidden;
}

.numbei01{
    width: 100%;
    height: 320px;
    background: #fff;
    overflow: hidden;
}



.numn{
    overflow: hidden;
    width: 100%;
    height: 60px;
    background: #fff;
}

.numn a{
    display: block;
    float: left;
    overflow: hidden;
    text-align: center;
    font-size: 19px;
    color: #333;
    /* height: 60px; */
    line-height: 40px;
    width: 190px;
    cursor: pointer;
}
.numn span{
    font-size: 12px;
    color: #b3b3b3;
}


.numnpro{
	overflow:hidden;
	width:100%;
	margin:12px 0;
}
.numnpro .wtyi{
	display:block;
	width:180px;
	line-height:35px;
	background:#fff;
	border-radius: 8px;
	text-align:center;
	color:#00abd9;
	margin:20px;
	float:right;
}

.weiyi{
    background: #00abd9!important;
    color: #fff!important;
}



#ap1 h5{
    height: 80px;
    border-bottom: 1px solid #ccc;
    width: 697px;
    margin: auto;
    font-weight: 600;
    margin-top: 18px;
}

#ap1 span{
      font-size: 30px;
}
#ap1 p{
    color: #919191;
    font-size: 14px;
    margin: auto;
    line-height: 30px;
    height: 216px;
    overflow: hidden;
    margin-top: 14px;

}















.xinzixun{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}

.xinzixun>img{
    width: 100%;
}


.xinzixun01{
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 50px;
}


.xinzixun01Left{
    width: 410px;
    height: 505px;
    overflow: hidden;
    float: left;
    border-top: 3px solid #00abd9;
    background: #f5f5f5;
}
.xinzixun01Left h5{
    overflow: hidden;
    width: 362px;
    margin: auto;
    height: 70px;
}

.xinzixun01Left>h5>span{
    display: block;
    float: left;
    margin-top: 24px;
}

.xinzixun01Left>h5>span>span{
        color: #bbbbbb;
    font-size: 16px;
    display: block;
    margin-top: 5px;
}

.xinzixun01Left h5 a{
    display: block;
      float: right;
    width: 22px;
    height: 22px;
    background: #dddddd;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 22px;
    color: #fff;
    margin-top: 33px;
}

.xinzixun01Left img{
      display: block;
    margin: auto;
}

.xinzixun01Left>a{
    display: block;
    width: 362px;
    margin: auto;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    color: #333;
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
}
.xinzixun01Left>a>span{
    float: right;
}

.xinzixun01Left>a:hover{
    color: #00abd9;
}

.xinzixun01Left:hover h5 a{
    background: #00abd9;
}




footer{
    width: 100%;
    min-height: 400px;
    background: #333333;
    overflow: hidden;
}
footer .ftlinky{
    width: 1200px;
    margin:20px auto 0px auto;
    line-height: 70px;
    border-bottom: 1px solid #999;
    color: white;
    font-size: 15px;
    overflow: hidden;
}
footer .ftlinky a{
    color: white;

}
footer .footnavt{
    width: 1200px;
    margin: auto;

}
footer .footnavt .navlefta{
    width: 730px;
    float: left;
    margin-top: 20px;
    overflow: hidden;

}
footer .footnavt .navlefta .lkuy{
    width: 100%;

}
footer .footnavt .navlefta .lkuy li{
    width: 25%;
    float: left;
    line-height: 65px;

}
footer .footnavt .navlefta .lkuy li:nth-child(2){
    width: 50%;

}
footer .footnavt .navlefta .lkuy li:nth-child(2) a{
    float: left;
		width: 40%;

}
footer .footnavt .navlefta .lkuy li a{
    display: block;
    color: #fff;
    width: 100%;
    font-size: 22px;
}
footer .footnavt .navlefta .erukyt{
    width: 100%;
    overflow: hidden;
}

footer .footnavt .navlefta .erukyt li{
    line-height: 30px;
    width: 100%;
    overflow: hidden;
}
footer .footnavt .navlefta .erukyt li a{
    font-size: 14px;
    color: #ccc;
}


footer .footnavt .navrighta{
    width: 470px;
    float: right;
    margin-top: 20px;
    overflow: hidden;
    min-height: 36px;

}
footer .footnavt .navrighta div{
    float: left;
    line-height: 30px;
    font-size: 15px;
    color: #aaaaaa;
    margin-top: 25px;
}
footer .footnavt .navrighta img{
    float: right;
    margin-top: 55px;
}









.xinzixun01Center{
    width: 412px;
    height: 505px;
    overflow: hidden;
    float: left;
    border-top: 3px solid #00abd9;
    background: #f5f5f5;
    margin-left: 19px;
}
.xinzixun01Center h5{
    overflow: hidden;
    width: 362px;
    margin: auto;
    height: 70px;
}

.xinzixun01Center>h5>span{
    display: block;
    float: left;
    margin-top: 24px;
}

.xinzixun01Center>h5>span>span{
        color: #bbbbbb;
    font-size: 16px;
    display: block;
    margin-top: 5px;
}

.xinzixun01Center h5 a{
    display: block;
      float: right;
    width: 22px;
    height: 22px;
    background: #dddddd;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 22px;
    color: #fff;
    margin-top: 33px;
}

.xinzixun01Center img{
      display: block;
    margin: auto;
}

.xinzixun01Center>a{
    display: block;
    width: 362px;
    margin: auto;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    color: #333;
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
}
.xinzixun01Center>a>span{
    float: right;
}

.xinzixun01Center>a:hover{
    color: #00abd9;
}

.xinzixun01Center:hover h5 a{
    background: #00abd9;
}












.xinzixun01Right{
    width: 342px;
    height: 505px;
    overflow: hidden;
    float: right;
    border-top: 3px solid #00abd9;
    background: #f5f5f5;
}
.xinzixun01Right h5{
    overflow: hidden;
    width: 288px;
    margin: auto;
    height: 70px;
}

.xinzixun01Right>h5>span{
    display: block;
    float: left;
    margin-top: 24px;
}

.xinzixun01Right>h5>span>span{
        color: #bbbbbb;
    font-size: 16px;
    display: block;
    margin-top: 5px;
}

.xinzixun01Right h5 a{
    display: block;
      float: right;
    width: 22px;
    height: 22px;
    background: #dddddd;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 22px;
    color: #fff;
    margin-top: 33px;
}

.xinzixun01Right img{
      display: block;
    margin: auto;
}

.xinzixun01Right>a{
    display: block;
    width: 288px;
    margin: auto;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    color: #333;
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
}
.xinzixun01Right>a>span{
    float: right;
}

.xinzixun01Right>a:hover{
    color: #142291;
}

.xinzixun01Right:hover h5 a{
    background: #142291;
}



.gongli{
    width: 100%;
    overflow: hidden;
    margin: auto;
    background: url(../image/images/16_02.jpg) no-repeat;
    background-size: 100% 100%;
    height: 544px;
    margin-top: 60px;
    margin-bottom: 30px;
}
.gongli>div{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}

.gonglis{
    overflow: hidden;
    margin-top: 159px;
}
.gongliss{
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.gongliss a{
    display: block;
    margin-left: 17px;
}
.gongliss img{
    width: 283px;
    height: 220px;
}

.gongliss span{
    display: block;
    text-align: center;
    color: #333;
    font-size: 15px;
    margin-top: 16px;
}
.gongli>div>a{
display: block;
    width: 100px;
    height: 30px;
    overflow: hidden;
    border: 1px solid #333333;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
    color: #333333;
    margin: auto;
    margin-top: 23px;
}




























.bottom{
    width: 100%;
    height: 267px;
    overflow: hidden;
    background-color: #1b1b1b;
}
.bottom>div{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}
.bottomLeft{
    width: 348px;
    float: left;
    overflow: hidden;
    border-right: 2px solid #282828;
    height: 191px;
    margin-top: 50px;
}

.bottomLeft div{
     float: left;
    width: 151px;
    padding-left: 32px;
    line-height: 23px;
    margin-top: 14px;
}
.bottomLeft a{
    color: #aaaaaa;
    display: block;
}
.bottomRight{
    width: 826px;
    float: right;
    overflow: hidden;
}
.bottomRight div{
     float: left;
    margin-top: 64px;
    padding-left: 25px;
    line-height: 22px;
}
.bottomRight a{
    color: #aaaaaa;
    display: block;
}
.bottomRight img{
    float: right;
    margin-top: 71px;
}
.bottoms{
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #999;
    font-size: 16px;
    border-top: 2px solid #282828;
}
.bottoms a{
    color: #111;
    font-size: 16px;
}
/*.izl-rmenu{position:fixed;left:58%;margin-left:532px;bottom:10px;padding-bottom:73px;background:url(../image/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{display:block;width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../image/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../image/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../image/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../image/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../image/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

*/

































/*����*/
/* ��ֱ���� */
.small-img{
    display: flex;
    align-items:center;
    justify-content: center;
}
.clearfix:before,
.clearfix:after{
  display: table;
  line-height: 0;
  content: "";
}
.magnifier{
    width: 800px !important;
    position: relative;
    float: left;
}
.magnifier-container{
    width: 800px !important;
    height: 600px !important;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
}
.move-view{
    width: 100px;
    height: 100px;
    position: absolute;
    background-image: url('../image/move-box.png');
}
.images-cover{
    height: 100%;
    width: 100%;
    position: relative;
}
.images-cover img{
    position: absolute;
		width: 800px;
		height: 600px;
		margin-top: -300px !important;
}
.magnifier-assembly{
    height: 92px;
    overflow: hidden;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}
.magnifier-btn{
    position: absolute;
    font-family: "����";
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -40px;
}
.magnifier-btn span{
    line-height: 80px;
    height: 80px;
    width: 20px;
    background-color: #6e6e6e;
    color: #fff;
    display: block;
    z-index: 9998;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    border-radius: 3px;
}
.magnifier-btn .magnifier-btn-left{
    float: left;
}
.magnifier-btn .magnifier-btn-right{
    float: right;
}
.magnifier-line{
    position: relative;
    overflow: hidden;
    height: 92px;
}
.magnifier-line ul{
    display: block;
    font-size: 0;
    width: 10000%;
    position: absolute;
    left: 0;
    z-index: 9997;
}
.magnifier-line li{
    float: left;
    width: 100px;
    cursor: pointer;
}
.magnifier-line ul > .active .small-img{
    border-color: #bbb;
}
.small-img{
    height: 78px;
    padding: 1px;
    margin: 5px;
    overflow: hidden;
    border: 1px solid #ddd;
    text-align: center;
}
.small-img img{
    max-width: 100%;
    max-height: 100%;
}
.magnifier-view{
    width: 100%;
    height: 100%;
    position: absolute;
    right: -105%;
    top: 0;
    z-index: 9999;
    background-color: #fff;
    display: none;
    overflow: hidden;
}
.magnifier-view img{
    display: block;
}
.animation03{
    transition: all 0.3s ease-in 0.1s;
    -ms-transition: all 0.3s ease-in 0.1s;
    -moz-transition: all 0.3s ease-in 0.1s;
    -webkit-transition: all 0.3s ease-in 0.1s;
    -o-transition: all 0.3s ease-in 0.1s;
}
.abstractTop{
    width: 100%;
    height: 40px;
    border-bottom:1px solid #ccc;
    line-height: 40px;
}
.abstractTop>div{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}
.abstractTop>div>div:nth-child(1){
    float: left;
    width: 330px;
}
.abstractTop>div>div:nth-child(1)>img{
    float: left;
    width: 26px;
    margin-top: 10px;
}
.abstractTop>div>div:nth-child(1)>div{
    width: 810px;
}
.abstractTop>div>div:nth-child(1)>div>a{
    color: #333;
}
.prodDeta{
    width: 900px;
    overflow: hidden;
    margin: 0px auto;
}

.details3Right{
    float: right;
    width: 635px;
}
.details3Right>h3{
    margin-top: 0;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #ccc;
}
.details3Right>h2{
    margin-top: 0;
		font-size: 16px;
    line-height: 35px;
}
.details3Right>p{

}
.details3Right>a>button{
        display: inline-block;
    width: 130px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #00abd9;
    color: #fff;
    font-size: 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 1px;
    border-radius: 4px;
}
.details3Right>button{
        width: 230px;
    display: inline-block;
    margin: 0 10px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #ddd;
    color: #666;
    font-size: 13px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 1px;
    border-radius: 4px;
}


.details3xq{
    margin:auto;
    overflow: hidden;
}
.details3xq>h5{
    border-bottom: 1px solid #ccc;
    height: 43px;
    line-height: 43px;
    font-size: 19px;
    color: #8dbd58;

}

.scroller{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 45px;

}
.scroller a:nth-child(1){
/*    margin-left: 0;*/
}
.scroller a{
    display: block;
    margin-left: 38px;
    margin-top: 8px;
}

.scroller div{
    text-align: center;
    margin-top: 10px;
    color: #333;
    font-size: 16px;
}

.scroller img{
    width: 271px;
    height: 162px;
    border: 1px solid #00abd9;
}


.detais{
    margin-bottom: 30px;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #f2f2f2;
    background-color: #00abd9;
    font-size: 19px;
    padding: 0 29px;
    color: #fff;
}











/**/
.allCenter{
    width: 1200px;
    overflow: hidden;
    margin:20px auto;
}
.allCenterLeft{
    float: left;
    width: 226px
}
.allCenterLeft>h5{
    width: 226px;
    height: 70px;
    background: #00abd9;
    margin-top: 0;
    font-size: 22px;
    color: #fff;
    text-align: center;
    padding: 13px 0;
    line-height: 22px;
}
.allCenterLeft>h5>p{
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}

.containers{
    width: 226px;
}
.rows{
    width: 226px;
}

.panel-level-1 {
    margin:0;
    padding:0;
    list-style:none;
}
.panel-level-1 li {
    white-space:nowrap;
}
.panel-level-1 a {
    color: #666;
    text-decoration: none;
    text-align: left;
    font-size: 14px;
    line-height: 30px;
    display: block;
    padding-left: 15px;
}
.panel-level-1 a:hover {
    color:#00abd9;
    text-decoration:none;
}
.panel-level-1 > li {
    border-bottom: 1px solid #ccc;
    width: 226px;
    overflow: hidden;
    margin-bottom: 10px;
}
.panel-level-2 > li {
    margin-bottom:10px;
        padding-left: 10px;
}
.panel-level-3 > li {
    padding-left: 10px;
}


.lainxi{
    width: 226px;
    margin-top: 10px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.lainxi li{

}
.lainxi a{
    display: block;
    text-align: center;
    color: #333;
    line-height: 43px;

}



.xinwennws{
	background: #fff;
	border-bottom: 1px dashed #ccc;
}
.xinwennws span{
	color: #333;
}









.allCenterRight{
    float: right;
    width: 900px;
    overflow: hidden;
}

.allRight{
    width: 900px;
}
.rb1 {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #00abd9;
    margin-bottom: 15px;
    overflow: hidden;

}
.ttit{
    float: left;
    font-size: 24px;
    color: #00abd9;
}
.rb1 .weizhi{

}
.rb1 .weizhi a{
    color: #333;
}
.rb1 .weizhi a:hover{
    color: #00abd9;
}

.nnlist li {
    height: 134px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}
.nnlist .rq {
    float: left;
    width: 150px;
    height: 107px;
    text-align: center;
    color: #fff;
    background: #464646;
}
.rq>img {
    display: block;
    width: 100%;
    height: 100%;
}
.nnlist .xx {
    float: right;
    width: 730px;
}
.nnlist .wz {
    font-size: 16px;
}
.wz>a {
    color: #333;
}
.nnlist .jj {
    color: #888;
    line-height: 20px;
    margin-top: 5px;
}


.canp{
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 300px;
    min-height: 180px;
    overflow: hidden;

}
.canp img{
    width: 271px;
    height: 203px;
    border: 1px solid #ccc;
}
.canp div{
    text-align: center;
    color: #333;
    margin-top: 10px;
}
.canp span{
    font-size: 19px;
    color: #09F;
}
.canp>a{
       display: block;
    width: 271px;
}

.canp:hover div{
    transition: 0.3s linear;
    color: #419dea;
}
.canp:hover img{
    transition: 0.3s linear;
    border: 1px solid #419dea;
}
/* ���� */
.synavherd{
	width: 100%;
	min-width: 1200px;
	height: 100px;
	background: #fff;
	padding-bottom: 5px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	box-shadow: 2px 3px 5px rgba(0,0,0,0.3);
	
}
.synavherd .logotop{
	width: 20%;
	overflow: hidden;
	margin: 8px 10px;
	float: left;
	
}
.synavherd .logotop img{
	width: 100%;
	max-width: 290px;
	
}
.synavherd .topnavy{
	width: 70%;
	float: right;
	
}
.synavherd .topnavy ul{
	width: 100%;
}
.synavherd .topnavy ul li{
	float: left;
	width: 14%;
	text-align: center;
	line-height: 100px;
	position: relative;
}
.synavherd .topnavy ul li a{
	font-size: 18px;
	color: #00abd9;
	display: block;
}
.synavherd .topnavy ul li .erjinavb{
	position: absolute;
	top: 100px;
	display: none;
	left: -12px;
   width: 176px;
	background: #00abd9;
	z-index: 9999;
}
.synavherd .topnavy ul li:hover .erjinavb{
	display: block;
}
.synavherd .topnavy ul li:hover a{
	color: #101384;
}
.synavherd .topnavy ul li .erjinavb a{
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	display: block;
}
.synavherd .topnavy ul li .erjinavb a:hover{
	color: #101384;
}


/* ��Ʒ */
.shoprod{
	width: 100%;
	height: 800px;
	overflow: hidden;
	background: url(../img/sy_01.jpg) center no-repeat;
	background-attachment: fixed;
	
}
.shoprod .prodziti{
	width: 1200px;
	height: 600px;
	overflow: hidden;
	margin: 100px auto;
	background: rgba(255,255,255,0.9);
	
}
.shoprod .prodziti .proleft{
	width: 460px;
	height: 600px;
	overflow: hidden;
	float: right;
	background: #00abd9;
	
}
.shoprod .prodziti h2{
	font-size: 40px;
	margin-top: 10px;
	color: #fff;
	width: 200px;
	float: right;
	margin-top: 80px;
	padding: 16px 0;
	margin-right: 20px;
	text-align: right;
	border-bottom: 2px solid #fff;
	font-weight: bold;
	overflow: hidden;
	margin-bottom: 20px;
}
.shoprod .prodziti .proleft ul{
	width: 100%;
	overflow: hidden;
	margin: 20px 40px 0 0;
}
.shoprod .prodziti .proleft ul li{
	overflow: hidden;
	float: right;
	border: 1px solid #fff;
	border-radius: 8px;
	width: 180px;
	line-height: 35px;
	margin: 10px 20px 10px 0px;
	text-align: center;
}
.shoprod .prodziti .proleft ul li a{
	color: #fff;
	font-size: 15px;
	display: block;
}
.shoprod .prodziti .proleft ul li:hover a{
	color: #00abd9;
	background: #fff;
}

.shoprod .prodziti .proright{
	width: 740px;
	height: 600px;
	overflow: hidden;
	float: left;
	/* background: #f30; */
}
.shoprod .prodziti .proright ul{
	width: 100%;
	margin-top: 56px;
	overflow: hidden;
}
.shoprod .prodziti .proright ul li{
	width: 230px;
	float: left;
	    margin: 15px 8px;
	overflow: hidden;
}
.shoprod .prodziti .proright ul li a{
	display: block;
	text-align: center;
}
.shoprod .prodziti .proright ul li a img{
	width: 100%;
}
.shoprod .prodziti .proright ul li a span{
	display: block;
	line-height: 35px;
	background: #333;
	color: #fff;
}
.syanliye{
	width: 1200px;
	margin: auto;
	overflow: hidden;
	text-align: center;
}
.prodectshow{
	width: 100%;
	min-height: 400px;
	overflow: hidden;
	position: relative;
}
.prodleft{
	width: 400px;
	height: 400px;
	overflow: hidden;
	float: left;
}
.prodleft img{
	width: 100% !important;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.prodright{
	width: 470px;
	height: 420px;
	overflow: hidden;
	float: right;
}
.protilew{
	width: 500px;
	min-height: 200px;
	overflow: hidden;
}
.protilew p{
	line-height: 55px;
	border-bottom: 1px solid #eee;
	font-size: 20px;
	font-weight: 500;
}
.proinfo{
	width: 460px;
	height: 80px;
	overflow: hidden;
	margin-top: 20px;
	line-height: 20px;
	color: #888;
	font-size: 13px;
}
.prodcont{
	width: 100%;
	overflow: hidden;
	margin: 20px 0 0 0;
	padding: 0;
}
.prodcont a{
	display: block;
	float: left;
	margin-right: 15px;
}
.prodcont p{
	line-height: 41px;
	border: none;
	margin-left: 15px;
}
.prodcont p span{
	color: #f30;
}
body,ul,li{padding: 0;margin: 0;list-style: none;}
.orig,.fd{
		width: 400px;
		height: 400px;
		position: absolute;
}
.fd{

		left:410px;
		top:0;
		overflow: hidden;
		display: none;
}

.blocks{
		/*小图的宽高比例
				窗口的宽度 / 大图的宽度 * 窗口的宽度
		*/
		width:160px;
		height:160px;
		background:rgba(254,238,167,.4);
		position: absolute;
		left: 0;
		top:0;
		display: none;
}