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

/*banner*/
.pbanner{ width:100%;height:621px;overflow:hidden;position:relative;background:url(../images/gdw/banner1.jpg) center center no-repeat; text-align:center; position:relative;}
.pbanner:before{display: inline-block;content: "";width: 0;height: 100%;vertical-align: middle;font-size: 0;}
.pbanner p{display:inline-block; vertical-align:middle;margin:0 auto;margin-top:100px;font-size:40px;color:#EC7C30; position:relative;letter-spacing:2px;}
.pbanner p:before{content:""; position:absolute;width:50px;height:2px;background:#000;left:0;bottom:-16px;}
.pbanner p:after{content:"";  position:absolute;width:100%;height:2px;background:#000;left:0;bottom:-10px;}

.pbanner div{ position:absolute;bottom:50px;width:100%; text-align:center;}
.pbanner div a{display:inline-block;border:1px solid #EC7C30;border-radius:3px; color:#EC7C30;font-size:30px;line-height:60px;padding:0 35px; cursor:pointer;transition:all 0.3s; background:rgba(255,255,255,0.8);}
.pbanner div a:hover{border:1px solid #1999E4;background:#1999E4;color:#fff;}
.pbanner div a+a{margin-left:50px;}


.pwhole h3{font-size:30px; text-align:center;color:#EC7C30;line-height:50px;font-weight:bold;}

.gnlist{width:960px;overflow:hidden;padding:50px 0;}
.gnlist ul{padding:30px 0 0 0;}
.gnlist li{width:48.7%;border:1px solid #FDE5DA; text-align:center;padding:20px 0;height:170px; overflow:hidden;margin-bottom:20px;}
.gnlist li:nth-child(2n+1){float:left;clear:left;}
.gnlist li:nth-child(2n){float:right;}
.gnlist li b{display:block;padding:10px 50px 0 50px;font-size:20px;color:#000;font-weight:bold;}
.gnlist li span{display:block;padding:10px 50px 0 50px;}
.gnlist li:hover{border:1px solid #EC7C30;}

.gnlist1{width:auto;overflow:hidden;padding:50px 0;background:#f5f5f5;}
.gnlist1 ul{padding:100px 0 0 0;width:1200px;margin:0 auto;}
.gnlist1 li{width:32%;float:left;border:1px solid #ccc; text-align:center;padding:60px 0 20px 0;height:120px; margin-bottom:20px; position:relative;}
.gnlist1 li:first-child{margin-right:21px;}
.gnlist1 li:last-child{float:right;}
.gnlist1 li b{display:block;padding:10px 50px 0 50px;font-size:20px;color:#000;font-weight:bold;}
.gnlist1 li span{display:block;padding:10px 50px 0 50px;}
.gnlist1 li u{display:inline-block; height: 110px; width: 110px; border: 1px solid #ccc; border-radius: 110px; position: absolute;left: 50%;margin-left:-55px;top: -60px;background-color: #f5f5f5;}
.gnlist1 li u:before{display: inline-block;content: "";width: 0;height: 100%;vertical-align: middle;font-size: 0;}
.gnlist1 li u img{ vertical-align:middle;}
.gnlist1 li:hover{border:1px solid #EC7C30;}
.gnlist1 li:hover u{border:1px solid #EC7C30;}
.gnlist1  p{ width:960px;margin:0 auto; text-align: center;}
.gnlist1 p img{ margin-top:30px;}
.gnlist1 b{display:block;padding:30px 180px 0 180px;}

.yun{overflow:hidden;padding:50px 0;}
.yun p{ width:960px;margin:0 auto; text-align: center;}
.yun img{ margin-top:30px;}
.yun b{display:block;padding:30px 50px 0 50px;}

.sqkt{margin:50px 0; text-align:center;}
.sqkt b{display:inline-block;padding:15px 40px;background:#EC7C30;color:#fff;font-size:16px;border-radius:5px;cursor:pointer;}
.sqkt b:hover{background:#DB6A1E}

/*移动端样式*/
@media screen and (max-width: 1300px) 
{
/*banner*/
.pbanner{ width:100%;height:400px;margin-top:60px; zoom:0.5;}
.pbanner p{font-size:60px;margin-top:80px;}

.pwhole h3{font-size:30px; text-align:center;color:#EC7C30;line-height:50px;font-weight:bold;}

.gnlist{width:auto;overflow:hidden;padding:50px 15px;}
.gnlist ul{padding:30px 0 0 0;}

.gnlist1{width:auto;overflow:hidden;padding:50px 15px;background:#f5f5f5;}
.gnlist1 ul{padding:100px 0 0 0;width:auto;margin:0 auto;}
.gnlist1 li{width:32%;float:left;border:1px solid #ccc; text-align:center;padding:60px 0 20px 0;height:120px; margin-bottom:20px; position:relative;}
.gnlist1 li:first-child{margin-right:12px;}
.gnlist1 li:last-child{float:right;}
.gnlist1 li b{display:block;padding:10px 5px 0 5px;font-size:20px;color:#000;font-weight:bold;}
.gnlist1 li span{display:block;padding:10px 10px 0 10px;}
.gnlist1 li u{display:inline-block; height: 110px; width: 110px; border: 1px solid #ccc; border-radius: 110px; position: absolute;left: 50%;margin-left:-55px;top: -60px;background-color: #f5f5f5;}
.gnlist1 li u:before{display: inline-block;content: "";width: 0;height: 100%;vertical-align: middle;font-size: 0;}
.gnlist1 li u img{ vertical-align:middle;}
.gnlist1 li:hover{border:1px solid #EC7C30;}
.gnlist1 li:hover u{border:1px solid #EC7C30;}
.gnlist1 p{ width:auto;margin:0 auto; text-align: center;}
.gnlist1 p img{ margin-top:30px;width:95%;}
.gnlist1 b{display:block;padding:30px 100px 0 100px;}

.yun{overflow:hidden;padding:50px 0;}
.yun p{ width:auto;margin:0 auto; text-align: center;}
.yun img{ margin-top:30px;}
.yun b{display:block;padding:30px 50px 0 50px;}

.sqkt{margin:50px 0; text-align:center;}
.sqkt b{display:inline-block;padding:15px 30px;background:#EC7C30;color:#fff;font-size:16px;border-radius:5px;cursor:pointer;}
.sqkt b:hover{background:#DB6A1E}


}
@media screen and (max-width: 767px) 
{
/*banner*/
.pbanner{ width:100%;height:400px;margin-top:60px; zoom:0.4;}
.pbanner p{font-size:60px;margin-top:0px;}
.pbanner p:before{content:""; position:absolute;width:60px;height:2px;background:#000;left:0;bottom:-10px;}
.pbanner p:after{content:"";  position:absolute;width:100%;height:2px;background:#000;left:0;bottom:-2px;}

.pwhole h3{font-size:18px; text-align:center;color:#EC7C30;line-height:50px;font-weight:bold;}

.gnlist{width:auto;overflow:hidden;padding:20px 15px;}
.gnlist ul{padding:20px 0 0 0;}
.gnlist li{height:210px;margin-bottom:5px;}
.gnlist li b{display:block;padding:10px 5px 0 5px;font-size:16px;color:#000;font-weight:bold;}
.gnlist li span{display:block;padding:10px 10px 0 10px;}
.gnlist li:hover{border:1px solid #EC7C30;}

.gnlist1{width:auto;overflow:hidden;padding:20px 15px 0 15px;background:#f5f5f5;}
.gnlist1 ul{padding:40px 0 0 0;width:auto;margin:0 auto;}
.gnlist1 li{width:auto;float:none;border:1px solid #ccc; text-align:center;padding:40px 0 20px 0;height:auto; margin-bottom:50px; position:relative;}
.gnlist1 li:first-child{margin-right:0px;}
.gnlist1 li:last-child{float:none;}
.gnlist1 li u{display:inline-block; height: 70px; width: 70px; border: 1px solid #ccc; border-radius: 110px; position: absolute;left: 50%;margin-left:-35px;top: -35px;background-color: #f5f5f5;}
.gnlist1 b{display:block;padding:10px 0px 0 0px;}

.yun{ width:auto;overflow:hidden;padding:20px 15px;}
.yun p{ width:auto;margin:0 auto; text-align: center;}
.yun img{ margin-top:30px;}
.yun b{display:block; width:auto;padding:30px 0px 0 0px;}

.sqkt{margin:50px 0; text-align:center;}
.sqkt b{display:inline-block;padding:8px 30px;background:#EC7C30;color:#fff;font-size:16px;border-radius:5px;cursor:pointer;}
.sqkt b:hover{background:#DB6A1E}
}