@charset "utf-8";
/* CSS Document */

/*banner*/
.pbanner{ width:100%;height:621px;overflow:hidden;position:relative;background:url(../images/163mail/banner1.jpg) center center no-repeat; text-align:center;}
.pbanner:before{display: inline-block;content: "";width: 0;height: 100%;vertical-align: middle;font-size: 0;}
.pbanner p{display:inline-block; width:1200px;vertical-align:middle;margin:0 auto;margin-top:100px;letter-spacing:2px; text-align:left; background:rgba(51,51,51,0.4);padding:30px 15px;}
.pbanner p b{display:block;text-align:center;font-size:35px;color:#fff;line-height:90px;}
.pbanner p span{display:block;text-align:center;font-size:35px;color:#fff;}
.pbanner p b u{font-size:38px;color:#AC2D1A;}
.pbanner p span u{font-size:38px;color:#AC2D1A;}

.xs{display:block;}
.xhide{display:none;}

.pwhole-c{width:1310px;}
.cpys .pwhole-c{height:650px;text-align:center;}
.cpys .pwhole-c:before{display: inline-block;content: "";width: 0;height: 100%;vertical-align: middle;font-size: 0;}{}
.cpys-c{ display:inline-block;width:1295px; vertical-align:middle; }

.cpys-c h5{ text-align:center; font-size:40px;color:#155BAA;}
.cpys-c h5 img{ margin-right:15px;}
.cpys-c ul{width:auto;  overflow:hidden;margin:50px 0 0 0;height:330px;}
.cpys-c ul li{width:16.5%;float:left; text-align:center;transition:all 0.3s;margin-top:20px;}
.cpys-c ul li u{padding:50px;border:1px solid #155BAA;border-radius:50%;display:inline-block;cursor:pointer;}
.cpys-c ul li b{display:block;font-size:25px;line-height:60px;}
.cpys-c ul li span{display:block;;font-size:14px;line-height:25px;}
.cpys-c ul li:hover{margin-top:0;}
.cpys-c ul li:hover b{color:#AC2D1A;}
.cpys-c ul li:hover span{color:#AC2D1A;}

.cpgn .pwhole-c{height:700px;text-align:center;}
.cpgn .pwhole-c:before{display: inline-block;content: "";width: 0;height: 100%;vertical-align: middle;font-size: 0;}{}
.cpgn-c{ display:inline-block;width:1295px; vertical-align:middle; }

.cpgn-c h5{ text-align:center; font-size:40px;color:#155BAA;}
.cpgn-c h5 img{ margin-right:15px;}
.cpgn-c ul{width:auto;  overflow:hidden;margin:50px 0 0 0;height:450px;}
.cpgn-c ul li{width:25%;float:left; text-align:center;transition:all 0.3s;margin-top:20px;}
.cpgn-c ul li b{display:block;font-size:25px;line-height:60px;}
.cpgn-c ul li span{display:block;;font-size:14px;line-height:25px;padding:0 15px; text-align:left; overflow:hidden; height:110px;}
.cpgn-c ul li u{display:inline-block;cursor:pointer; background:#155BAA;padding:5px 40px;color:#fff;font-size:18px;transition:all 0.3s;}
.cpgn-c ul li u:after{content:">>";margin-left:10px;}
.cpgn-c ul li img{width:80%;}
.cpgn-c ul li:hover{margin-top:0;}
.cpgn-c ul li:hover u{background:#AC2D1A;}
.cpgn-c ul li:hover b{color:#AC2D1A;}
.cpgn-c ul li:hover span{color:#AC2D1A;}

.cphy{background:#F1F3F4;}
.cphy .pwhole-c{height:800px;text-align:center;}
.cphy .pwhole-c:before{display: inline-block;content: "";width: 0;height: 100%;vertical-align: middle;font-size: 0;}{}
.cphy-c{ display:inline-block;width:1295px; vertical-align:middle; }

.cphy-c h5{ text-align:center; font-size:40px;color:#155BAA;}
.cphy-c h5 img{ margin-right:15px;}
.cphy-c ul{width:auto;  overflow:hidden;margin:50px 0 0 0;height:450px;}
.cphy-c ul li{width:33.3%;float:left; text-align:center;transition:all 0.3s;margin-top:20px;}
.cphy-c ul li b{display:block;font-size:25px;line-height:60px;}
.cphy-c ul li span{display:block;;font-size:14px;line-height:25px;padding:0 100px; text-align:left; overflow:hidden; height:110px;}
.cphy-c ul li u{display:inline-block;cursor:pointer; background:#155BAA;padding:5px 40px;color:#fff;font-size:18px;transition:all 0.3s;}
.cphy-c ul li u:after{content:">>";margin-left:10px;}
.cphy-c ul li img{width:60%;}
.cphy-c ul li:hover{margin-top:0;}
.cphy-c ul li:hover u{background:#AC2D1A;}
.cphy-c ul li:hover b{color:#AC2D1A;}
.cphy-c ul li:hover span{color:#AC2D1A;}



/*移动端样式*/
@media screen and (max-width: 1300px) 
{
/*banner*/
.pbanner{ width:100%;height:400px;margin-top:60px; zoom:0.78; }
.pbanner p{display:inline-block; width:auto;vertical-align:middle;margin:0 auto;margin-top:40px;letter-spacing:2px; text-align:text;}
.pbanner p b{font-size:40px;line-height:80px;}
.pbanner p span{font-size:30px;}
.pbanner p b u{font-size:40px;}
.pbanner p span u{font-size:30px;}

.pwhole-c{width:100%;}
.cpys{zoom:0.65;}
.cpys .pwhole-c{height:700px;text-align:center;}
.cpys-c{ display:inline-block;width:98%; vertical-align:middle;}

.cpgn{zoom:0.65;}
.cpgn .pwhole-c{height:700px;text-align:center;}
.cpgn-c{ display:inline-block;width:98%; vertical-align:middle;}
.cpgn-c ul li img{width:80%;}

.cphy{zoom:0.65;}
.cphy .pwhole-c{height:700px;text-align:center;}
.cphy-c{ display:inline-block;width:98%; vertical-align:middle;}
.cphy-c ul li img{width:60%;}
.cphy-c ul li span{padding:0 60px;}

}
@media screen and (max-width: 767px) 
{
/*banner*/
.pbanner{ width:100%;height:500px;margin-top:60px; zoom:0.4;}
.pbanner p{margin-top:80px;}

.xs{display:none;}
.xhide{display:block;}

.cpys .pwhole-c{height:auto;text-align:center;padding:30px 0;}
.cpys-c h5 img{ zoom:0.6;}
.cpys-c ul{height:auto;}
.cpys-c ul li u{padding:20px;}
.cpys-c ul li{width:33.3%;float:left; text-align:center;transition:none;margin-top:0px;margin-bottom:30px;}
.cpys-c ul li:nth-child(3n+1){clear:left;}

.cpgn .pwhole-c{height:auto;text-align:center;padding:30px 0;}
.cpgn-c h5 img{ zoom:0.6;}
.cpgn-c ul{height:auto;}
.cpgn-c ul li u{padding:10px;}
.cpgn-c ul li{width:50%;float:left; text-align:center;transition:none;margin-top:0px;margin-bottom:30px;}
.cpgn-c ul li:nth-child(2n+1){clear:left;}
.cpgn-c ul li img{width:70%;}

.cphy .pwhole-c{height:auto;text-align:center;padding:50px 0;}
.cphy-c h5 img{ zoom:0.6;}
.cphy-c ul{height:auto;}
.cphy-c ul li{margin-top:0px;margin-bottom:30px;}
.cphy-c ul li u{padding:10px;}
.cphy-c ul li span{padding:0 10px;}
.cphy-c ul li img{width:70%;}



}