@charset "gb2312";
/* CSS Document */

.nyban { width: 100%; height: 530px; background: url(../images/nyban.jpg) no-repeat center center; color: #fff; clear: both; position: relative; }
.gyban { background-image: url(../images/gyban.jpg); }
.gy1 { padding: 50px 0; overflow: hidden; }
.gy1t { background: url(../images/gy1t.png) no-repeat left center; height: 87px; line-height: 87px; padding-left: 90px; font-size: 40px; font-weight: normal; margin-bottom: 40px; }
.gy1t span { color: #ff5e21; }
.about { width: 40%; float: right; margin-left: 5%; }
.gy1c p { line-height: 38px; font-size: 18px; margin-bottom: 20px; }
.gy2 { background: url(../images/gy21.jpg) no-repeat center top; overflow: hidden; margin-bottom: 60px; }
.gy2c { width: 38%; float: right; background-color: rgba(255,103,37,0.29); border: 1px #ff6725 dashed; margin-top: 50px; border-radius: 15px; }
.gy2c1 { background-color: #ffffff; border-radius: 15px; padding: 80px 40px; margin: 20px; }
.gy2c1 h3 { width: 90%; margin: 0 auto; text-align: center; background-color: #ffe7dd; border-radius: 5px; font-size: 36px; line-height: 2; color: #ff5e21; margin-bottom: 60px; }
.gy2c1 p { background: url(../images/gy22.png) no-repeat left center; padding-left: 30px; font-size: 24px; line-height: 2; color: #061d33; margin-bottom: 20px; }
.gy4 { padding: 60px 0; text-align: center; }
.gy4c { text-align: center; width: 85%; margin: 40px auto; }
.gy41 { text-align: center; }
.lxban { background: url(../images/lxban.jpg) no-repeat center center; height: 940px; }
.lxban .container { padding-top: 180px; }
.lx11 { width: 55%; float: left; margin-right: 4% }
.lx12 { width: 40%; float: left; overflow: hidden; padding-top: 80px; }
.lx11 h2 { background: url(../images/lx1t.png) no-repeat left center; height: 91px; font-size: 60px; color: #ffffff; padding-left: 70px; padding-top: 30px; line-height: 1; margin-bottom: 40px; }
.lx11c { border: 1px #384a5d solid; border-radius: 15px; padding: 20px; width: 85%; margin: 0 auto; }
.lx11c h3 { background: url(../images/lx11t.png) no-repeat right bottom; padding: 20px 20px 40px; font-size: 16px; color: #ffffff; font-weight: normal; width: 60%; }
.lx11c .lxewm { float: right; margin-left: 50px; }
.lx11c .lxewm img { border-radius: 10px; }
.lx11c p { font-size: 18px; line-height: 40px; padding-left: 50px; color: #ffffff; }
.lx11c .p1 { background: url(../images/lx11.png) no-repeat left 5px; }
.lx11c .p1 span { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 30px; color: #ff5b1a; }
.lx11c .p1 .span { padding-left: 150px; }
.lx11c .p2 { background: url(../images/lx12.png) no-repeat left 0; }
.lx12 dl { width: 48%; float: left; margin: 4% 1% 0; text-align: center; background: url(../images/lx13.png) no-repeat left center; height: 161px; }
.lx12 dt { padding: 30px 0 15px; }
.lx12 dd { font-size: 24px; color: #ffffff; }
.lx2 { padding: 60px 0 140px; }
.lx2t { position: relative; margin-bottom: 60px; }
.lx2t h2 { font-size: 36px; text-align: center; position: relative; padding-top: 40px; line-height: 1; }
.lx2t i { position: absolute; top: 0; left: 0; width: 100%; display: block; text-align: center; z-index: -1; }
.lx2 .ptxt { width: 85%; margin: 0 auto 80px; text-align: center; line-height: 24px; }
.lx2c { }
.lx2c dl { width: 18%; float: left; margin: 0 1%; text-align: center; border: 1px #011931 solid; border-radius: 5px; padding: 0; position: relative; background-color: #ffffff; }
.lx2c dt { position: relative; margin-top: -52px; }
.lx2c dd { padding: 60px 30px; }
.lx2c dd span { display: block; height: 10px; background: url(../images/lx26.jpg) no-repeat center center; }
.lx2c dd h3 { font-size: 24px; padding: 15px 0; }
.lx2c dl:before { content: ""; display: block; background-color: #ffdcce; width: 100%; height: 100%; z-index: -1; position: absolute; border-radius: 5px; top: 8px; left: 8px; opacity: 0; }
.lx2c dl:hover:before { opacity: 1; }
.alban { background: url(../images/alban.jpg) no-repeat center center; height: 448px; border-bottom: 14px #f66628 solid; position: relative; }
.altit { padding-top: 12%; text-align: center; padding-bottom: 0; }
.altit h2 { color: #ffffff; }
.altit i { position: relative; top: -170px; }
.alban h3 { position: relative; top: -60px; width: 400px; height: 80px; line-height: 80px; background-color: #f66628; border-radius: 30px; margin: 0 auto; text-align: center; color: #ffffff; font-size: 28px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; }
.alban h3:before { content: ''; width: 36px; height: 25px; background: url(../images/al1.png) no-repeat center center; display: inline-block; vertical-align: middle; margin-right: 7px; }
.cpzs { overflow: auto; zoom: 1; }
.cpzs li { width: 23%; float: left; text-align: center; display: inline; margin: 0 0.9% 2%; box-sizing: border-box; border-radius: 15px; }
.cpzs li img { border-radius: 15px; }
.cpzs1 li { width: 18%; float: left; text-align: center; display: inline; margin: 0 0.9% 2%; box-sizing: border-box; }
.cpzs li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 52px; text-align: center; }
.cpzs li p a { color: #333; font-size: 18px; }
.cpzs li a { display: block; border-radius: 15px; }
.cpzs li a:hover { background-color: #ff7038; color: #ffffff; }
.alcon { position: relative; padding: 100px 0 50px; }
.page { line-height: normal; font-size: 14px; margin-top: 15px; display: none; }
.page span, .page a { color: #f66628; font-weight: normal; text-decoration: none; letter-spacing: 0px; border: 1px solid #ccc; float: left; display: block; margin: 0 2px; text-align: center; height: 40px; line-height: 40px; padding: 0 8px; }
.page a:hover, .page a.current { color: #ffffff; border: 1px #f66628 solid; background-color: #f66628; }
.page input { color: #f66628; border: 0; text-align: center; vertical-align: middle; font-size: 12px; padding: 3px 5px; width: 38px; }
.cpban { background: url(../images/nyban.png) #212f3b no-repeat center top; height: 432px; }
.cpban .bannerbox { bottom: 15%; }
.cpbtit { text-align: center; padding-top: 8%; }
.cpbtit span { display: block; color: #ffffff; margin-top: 15px; }
.cpbtit span a { color: #ffffff; }
.cpnav { background: url(../images/ny1.jpg) no-repeat center bottom; padding: 20px 0 80px; }
.cpnav ul { overflow: hidden; }
.cpnav li { width: 23%; float: left; margin: 0 1%; text-align: center; }
.cpnav li a { display: block; color: #ffffff; border-radius: 15px; border: 1px #ffffff dashed; line-height: 60px; padding-bottom: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; font-size: 22px; }
.cpnav li:nth-child(1) a, .cpnav li:nth-child(4) a { margin-top: 15px; }
.cpnav li a i { display: block; background: url(../images/i2.png) no-repeat center center; height: 9px; position: relative; margin-top: -10px; }
.cpnav li a:hover, .cpnav li a.active { background: url(../images/sel.jpg) repeat-x center center; border: 1px #fa9608 solid; }
.cpcon { padding: 50px 0; }
.cpchban { background: url(../images/nyban.png) #ffffff no-repeat center top; height: 432px; }
.xwban { background: url(../images/xwban.jpg) no-repeat center center; height: 568px; border: 0; position: relative; }
.news1 { position: relative; margin-top: -150px; }
.news1 li { width: 31.3%; float: left; margin: 0 1%; }
.news1 li div { background: #fff url(../images/homethreebg1.png) no-repeat right bottom; background-size: 53px 74px; box-shadow: 0px 5px 10px 0px #f9f9f9; border-radius: 10px; position: relative; padding: 40px 30px 40px 34px; }
.news1 li div:before { content: ''; width: 88px; height: 7px; border-radius: 88px 0 0 0; background: #f66628; position: absolute; left: 2px; top: 0; }
.news1 li div:after { content: ''; width: 44px; height: 10px; background: url(../images/homethreeicon1.png) no-repeat; background-size: 100%; position: absolute; right: -16px; bottom: 35px; }
.news1 li div a { display: block; width: 100%; height: 88px; font-size: 24px; color: #071336; line-height: 44px; font-weight: bold; overflow: hidden; }
.news1 li div p { height: 102px; font-size: 16px; color: #606470; line-height: 34px; overflow: hidden; margin-top: 18px; }
.news1 li div span { display: block; padding-left: 30px; font-size: 16px; line-height: 16px; color: #606470; margin-top: 32px; background: url(../images/homethreeicon3.png) no-repeat left center; background-size: 16px 16px; }
.news1 li div a:hover { color: #f66628; }
.news2 { margin: 50px 0; }
.art h1 { font-size: 40px; font-weight: bold; line-height: 1.05em; color: #fff; text-align: center; }
.art span img { margin-right: 10px; margin-left: 30px; }
.xwlban { background: url(../images/xwlban.png) no-repeat center center; height: 430px; border: 0; position: relative; }
.xgal{ padding-bottom:30px;}
.xgal .homethreetit i { right: 0; left: auto; text-align: right; }
.xgal .swiper-slide a { height: auto; }
.xgal .hd { position: absolute; top: 220px; right: -15%; }
.xgal .hd a { width: 58px; height: 58px; float: left; display: block; cursor: pointer; }
.xgal .hd a:hover { -webkit-animation: cyc 0.5s; animation: cyc 0.5s; }
.xgal .hd .prev { background: url(../images/homethreejt1_1.png) no-repeat; background-size: 100% 100%; }
.xgal .hd .prev:hover { background: url(../images/homethreejt1_2.png) no-repeat; background-size: 100% 100%; }
.xgal .hd .next { background: url(../images/homethreejt2_1.png) no-repeat; background-size: 100% 100%; }
.xgal .hd .next:hover { background: url(../images/homethreejt2_2.png) no-repeat; background-size: 100% 100%; }
.xgal .picMarquee-left2{ overflow:visible;}
.xgal .picMarquee-left2 li{ padding:0 15px;}
.xgal .picMarquee-left2 li img{ border-radius:15px;}
@media (max-width:1760px) {
.gy2c1 p{ font-size:22px;}	
.proone .proonefl .tel span{ display:block; float:none;}
.proone .proonefl .tel p{ margin-left:0;}
}
@media (max-width:1600px) {
.gy2c1 p{ font-size:18px;}	
.lx12 dl{ background-size:contain;}
}
@media (max-width:1440px) {
.gy2c1{ padding:80px 20px;}	
.cpnav li a{ font-size:20px;}
.lx12 dd{ font-size:18px;}
.xwban{ height:468px;}
.news1 li div a{ font-size:22px;}
.cpbtit{ padding-top: 11%;}
.lx11 h2{ font-size:50px;}
}
@media (max-width:1280px) {
.gy2c{ width:44%;}
.cpbtit{ padding-top:15%;}
}
