body {text-align: left; font-family: "微软雅黑"; margin:0; padding:0; background:#fff; font-size:14px; line-height:28px; color:#333;}
div,form,img,ul,ol,li,dl,dt,dd,input{margin:0; padding:0; border:0; }
li,dl{list-style-type:none;}
h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal;}
p{margin:0;padding:0}
h1{margin:0; padding:0;}
a{color: #666; text-decoration:none;}
/*a:visited {color: #999999;text-decoration:none;}  已访问过的状态 */
/*a:hover {color: #2c8ef3; text-decoration:none;}  鼠标移动到链接上时的状态 */
/* a:active {color: #0a56a4;} 鼠标按下去时的状态 */

/*头部*/
.nav{position: fixed;top: 0;right: 0;width: 100%;height: 88px;background: #fff;z-index: 1000;display: flex;justify-content: flex-start;align-items: center;box-shadow: 2px 2px 5px #999;}
.nav .navLogo{display: flex;height: 46px;padding: 0 100px;}
.nav .navLogo img{height: 100%;}
.nav .navText{display: flex;justify-content: flex-start; }
.nav .navText h2{font-weight: 400;font-size: 1.3em;margin: 0.5em 40px 0 0;}
.show_pc{display: block;}
.show_ph{display: none;}

/*banner*/
.bg{position: relative;width: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.banner_bg{width: 100%;height: 100%;margin:0 auto;}
.banner_bg img{width: 100%;height: 100%;display: block;}
.bg .skewedOne{position: absolute;bottom: -100%;left: 50%;height: 100%;width: 100%;background: #fff;transform: skewY(-15deg);transform-origin: top left;}
.bg .skewedTwo{position: absolute;bottom: -100%;right: 50%;height: 100%;width: 100%;background: #fff;transform: skewY(15deg);transform-origin: top right;}

/*背景*/
.main1{ width:100%; height:auto; margin:0 auto;}
.main1_box{ width:100%; height:auto; background:url(../images/bg2.jpg) no-repeat center 0 #000; background-size: cover;background-repeat: no-repeat;background-position: center;padding:60px 0;}
/*.main1_box h1{ font-size:24px; text-align:left; color:#fff; line-height:42px;width: 82%;margin: 0 auto}*/
.main1_box p{ font-size:1.2em; color:#e5e5e5;width: 80%;margin: 0 auto;line-height: 1.8;position: relative;}
.main1_box p::before{content: '';position: absolute;left: -10px;top: 7px;width: 3px;height: 18px;background: #00ffea;z-index: 100;}
.Itdn_ph{position: absolute; bottom: 0;left: 0;width: 100%;color: #b3b3b3;}
.Itdn_ph p{position: relative;text-indent: 2em;text-align: justify;line-height: 1.5em;padding: 25px;font-size: 13px;}
.Itdn_ph p::before{content: '';position: absolute;left: 30px;transform: translateX(-50%);bottom: 20px;width: 28px;height: 28px;background: none;border-bottom: 2px solid #00ffea;border-left: 2px solid #00ffea;z-index: 100;}
.Itdn_ph p::after{content: '';position: absolute;right:0px;transform: translateX(-50%);top: 15px; width: 28px;height: 28px;background: none;border-top: 2px solid #00ffea;border-right: 2px solid #00ffea;z-index: 100; }


/*优势*/
.containerHead{text-align: center;padding: 100px 0 40px;	}
.containerHead h2{font-size: 40px;font-weight: 400px;color:#0757c3;}
.container_1{position: relative;width: 100%;height: 600px;background: #f5f5f5;}
.ys_container{width: 100%; margin:30px auto 0;height:auto;position: relative;transition: 1s;}
.ys_container img{display: block;margin:0 auto;width: 50%;margin-top: 20px}

/*PR2715WL*/
.product_2715WL{width: 80%; margin:0 auto;height:auto;position: relative;  transition: 1s;display: flex;justify-content: space-around;}
.product_2715WL_ph{display: none;}
.advantage{width: 25%;text-align: center;padding-top: 50px;position: relative;}
.advantage::after{content: "";position:absolute;top: 60px;right: 0;background: #0757c3;width: 1px;height: 100px;}
.advantage img{display: block;margin:0 auto;height: 25%;}
.advantage h3{font-size: 28px;padding: 15px 0;}
.advantage p{font-size:16px;line-height: 1.5;color:#666;}
.product{width: 100%; margin:0 auto;height:auto;position: relative;  transition: 1s;margin-bottom: 50px;}
.product img{display: block;margin:0 auto;width: 33%;margin-top: -45px;}
.blue_block{position: absolute;bottom: 35px;width: 100%;height: 100px;background: #0757c3;z-index: -1;}

/*PRPoseidon1000E*/
.container_3{position: relative;width: 100%;background: #f5f5f5;}
.coll-three {margin-top: -30px;margin: 0 auto;padding: 0 15px;}
.coll-three .coll-font {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.coll-three .coll-font em {display: inline-block;padding: 3px;border: 1px solid #d9d9d9;border-radius: 50%;margin-bottom: 14px;}
.coll-three .coll-font em span {width: 36px;height: 36px;color: #cc0200;border-radius: 50%;border: 1px solid #b8c8f5;display: inline-block;text-align: center;font-family: 'Consolas';font-size: 24px;line-height: 36px;}
.coll-three .ny-img {display: inline-block;position: relative;width: 48%;}
.coll-three .ny-img img {width: 100%;}
.coll-three .ny-wrap {text-align: center;margin-top: 35px;position: relative;padding-bottom: 173px;}
.coll-three .ny-img-img img {position: absolute;top: 0;left: 0;transition: all 1s;}
.coll-three .ny-img-img2 img {width: 100%;}
.coll-three .ny-img-img2 {width: 30%;display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.coll-three .coth-img1 {animation: quanquan 60s linear infinite;-webkit-animation: quanquan 60s linear infinite;-moz-animation: quanquan 60s linear infinite;}
.h3-size24{font-size: 24px;}

@keyframes quanquan {
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(-360deg);
    }
}


@-webkit-keyframes quanquan {
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(-360deg);
    }
}

@-moz-keyframes quanquan /* Firefox */
{
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(-360deg);
    }
}

.coll-three .coll-font li {text-align: right;position: absolute;}
.coll-three .coll-font li:nth-child(4){text-align: center;}
.coll-three .coll-font li:nth-child(5){text-align: left;}
.coll-three .coll-font li:nth-child(6){text-align: left;}
.coll-three .coll-font li:nth-child(7){text-align: left;}

.coll-three .coll-font .coll-ul1 {top: 3%;left: -1.5%;}
.coll-three .coll-font .coll-ul7 {top: 3%;right: 14%;}
.coll-three .coll-font .coll-ul2 {top: 30%;left: -7%;}
.coll-three .coll-font .coll-ul6 {top: 30%;right: 9.5%;}
.coll-three .coll-font .coll-ul3 {top: 60%;left: 9%;}
.coll-three .coll-font .coll-ul5 {top: 60%;right: 11%;}
.coll-three .coll-font .coll-ul4 {bottom: 6%;left: 40%;}

.coll-font div {width: 11px;height: 11px;border-radius: 50%;background-color: #bfbfbf;transition: all 2s;}
.coll-three .coll-font .coll-ul11 {top: 6%;left: 40.5%;}
.coll-three .coll-font .coll-ul77 {top: 6.8%;right: 39.1%;}
.coll-three .coll-font .coll-ul22 {top: 32.4%;left: 28%;}
.coll-three .coll-font .coll-ul66 {top: 32.4%;right: 28%;}
.coll-three .coll-font .coll-ul33 {bottom: 36.5%;left: 34%;}
.coll-three .coll-font .coll-ul55 {bottom: 36.5%;right: 34%;}
.coll-three .coll-font .coll-ul44 {bottom: 26.2%;left: 46.5%;}
.coll-three .coll-font li.on h4 {color: #cc0200;}
.coll-three .coll-font li:hover h4 {color: #cc0200;}
.coll-three .coll-font li.on div,
.coll-three .coll-font li:hover div {background-color: #cc0200;}

@media (min-width: 1460px) {
    .coll-three {width: 1200px;}
}
@media (max-width: 1537px) {
    .ys_container img{display: block;margin:0 auto;width: 55%;margin-top: 20px}
}
@media(max-width: 1459px) {
	.main1_box{padding:50px 0;}
    .main1_box p{ font-size:16px;width: 90%;}
    .containerHead{padding: 80px 0 40px;	}
    .containerHead h2{font-size: 36px;}
    .container_1{height: 550px;}
    .ys_container img{display: block;margin:0 auto;width: 62%;margin-top: 20px}
	.product_2715WL{width: 90%;}
	.advantage{padding-top: 20px;}
	.advantage::after{top: 24px;}
	.advantage img{display: block;margin:0 auto;height: 22%;}
	.advantage h3{font-size: 26px;}
	.advantage p{font-size:14px;}
	.product{margin-bottom: 40px;}
	.product img{width: 37%;margin-top: -60px;}
	.blue_block{height: 90px;}
    .coll-three {width: 1000px;}
    .h3-size24{font-size: 22px;}
    .coll-three .coll-font .coll-ul11 {top: 6.2%;left: 40.5%;}
    .coll-three .coll-font .coll-ul77 {top: 6.8%;right: 39.7%;}
    .coll-three .coll-font .coll-ul22 {top: 30%;left: 28.2%;}
    .coll-three .coll-font .coll-ul66 {top: 31.4%;right: 28.2%;}
    .coll-three .coll-font .coll-ul33 {bottom: 39%;left: 32.4%;}
    .coll-three .coll-font .coll-ul55 {bottom: 38.5%;right: 32.8%;}
    .coll-three .coll-font .coll-ul44 {bottom: 25.8%;left: 49%;}
    .coll-three .coll-font em span {width: 32px;height: 32px;font-size: 22px;}

}

@media(max-width: 1100px) {
	.main1_box{padding:40px 0;}
    .main1_box p{ font-size:14px;width: 90%;}
    .containerHead{padding: 60px 0 40px;	}
    .containerHead h2{font-size: 32px;}
    .container_1{height: 500px;}
    .ys_container img{width: 80%;x}
	.product_2715WL{width: 96%;}
	.advantage{padding-top: 20px;}
	.advantage::after{top: 24px;}
	.advantage img{display: block;margin:0 auto;height: 22%;}
	.advantage h3{font-size: 24px;padding: 10px 0;}
	.advantage p{font-size:14px;width: 94%;margin:0 auto;}
	.product{margin-bottom: 40px;}
	.product img{width: 50%;margin-top: -60px;}
	.blue_block{height: 90px;}
    .coll-three {width: 1000px;}
    .h3-size24{font-size: 22px;}
    .coll-three .ny-wrap {padding-bottom: 140px;padding-top: 5px;margin-top: 30px;}
    .coll-three .coll-font em{margin-bottom: 4px;}
    .coll-three .coll-font em span {width: 28px;height: 28px;line-height: 26px;font-size: 18px;}
    .coll-three .coll-font ul li p{font-size: 12px;}
	
	.coll-three .coll-font .coll-ul1 {top: 0;left: -3.5%;}
	.coll-three .coll-font .coll-ul7 {top: 0;right: 14%;}
	.coll-three .coll-font .coll-ul2 {top: 30%;left: -15%;}
	.coll-three .coll-font .coll-ul6 {top: 30%;right: 6%;}
	.coll-three .coll-font .coll-ul3 {top: 60%;left: 5%;}
	.coll-three .coll-font .coll-ul5 {top: 60%;right: 7%;}
	.coll-three .coll-font .coll-ul4 {bottom: 6%;left: 38%;}

	.coll-three .coll-font .coll-ul11 {top: 6%;left: 40.5%;}
	.coll-three .coll-font .coll-ul77 {top: 6.8%;right: 39.1%;}
	.coll-three .coll-font .coll-ul22 {top: 32.4%;left: 28%;}
	.coll-three .coll-font .coll-ul66 {top: 32.4%;right: 28%;}
	.coll-three .coll-font .coll-ul33 {bottom: 36.5%;left: 34%;}
	.coll-three .coll-font .coll-ul55 {bottom: 36.5%;right: 34%;}
	.coll-three .coll-font .coll-ul44 {bottom: 26.2%;left: 46.5%;}

    .coll-three {width: 800px;}
    .h3-size24{font-size: 18px;}
}

@media(max-width: 991px) {
    .show_pc{display: none;}
    .show_ph{display: block;}
    .containerHead{padding: 30px 0 0;}
    .containerHead h2{font-size: 24px;}
    .container_1{height: 280px;}
    .ys_container img{display: block;margin:0 auto;width: 94%;}
    .nav{display: none;}
    .h3-size24{font-size: 16px;}

    /*PR2715WL*/
    .product_2715WL{display: none}
    .product_2715WL_ph{display: flex;width: 100%;height: auto;}
    .img_left{width: 25%;text-align: center;margin-right: 10px;}
    .img_left img{display: block;margin:0 auto;width:100%;}
    .word_right{width: auto;max-width: 72%;}
    .word_right h3{font-size: 20px;font-weight: 600;}
    .product{margin-bottom: 10px;}
    .product img{display: block;margin:0 auto;width: 80%;}
    .blue_block{bottom: 40px;height: 85px;;}

     /*Poseidon1000E*/   
    .coll-three{display: none;}
    .product_poseidon100e_ph{display: flex;width: 100%;height: auto;margin-top: -10px;}
    .li_left{width: 20%;text-align: center;}
    .li_left em {display: inline-block;padding: 5px;border: 1px solid #d9d9d9;border-radius: 50%;margin-bottom: 14px;}
    .li_left em span {width: 40px;height: 40px;color: #cc0200;border-radius: 50%;border: 2px solid #b8c8f5;display: inline-block;text-align: center;font-family: 'Consolas';font-size: 24px;line-height: 40px;}
    .coll_right{width: auto;max-width: 72%;}
    .coll_right h3{font-size: 20px;font-weight: 600;}
    .ny-img-ph {display: inline-block;position: relative;width: 100%;overflow: hidden;}
    .ny-img-ph img {width: 100%;}
    .ny-img-img1-ph img {position: absolute;top: 0;left: 0;transition: all 1s;}
    .ny-img-img2-ph img {width: 100%;}
    .ny-img-img2-ph {width: 30%;display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
    .coth-img1 {animation: quanquan 60s linear infinite;-webkit-animation: quanquan 60s linear infinite;-moz-animation: quanquan 60s linear infinite;}
}