@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body{font-size:14px; color:#000; font-family:"微软雅黑", "宋体";}
a{color:#000; text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
a:hover{color:#e60312;}
/*去掉图形热点的点击时出现的边线*/
a,area{blr:expression(this.onFocus=this.blur());}  /*for IE*/   
:focus{-moz-outline-style:none; outline:none;}     /* for Firefox*/
img{border:0; max-width:100%;}
ul,li{list-style-type:none;}
.fl{float:left;}
.fr{float:right;} 
.clear{clear:both; height:0;}


.head{width:100%; height:100px; background:#fff; position:fixed; left:0; top:0; z-index:1000; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.headFix{box-shadow:0 5px 10px rgba(0,0,0,.3);}
.headCon{width:1200px; height:100px; margin:0 auto;}
.logo{width:360px; height:60px; padding:20px 0; float:left;}
.logo img{height:60px;}


.menu{width:840px; height:100px; float:left;}
.menu .menuList{height:100px; position:relative; z-index:99;}
.menuList .nLi{width:120px; text-align:center; float:left; position:relative;}
.menuList .nLi h3{height:100px; line-height:100px; font-weight:normal; text-align:center; overflow:hidden; position:relative;}
.nav .nLi h3 a{display:block; font-size:16px; height:100px;}
.menuList .nLi h3 a p{background:#0648a9; color:#fff; top:-100px;}
.menuList .nLi h3 a i{font-style:normal; color:#000; top:0;}
.menuList .nLi h3 a p, .menuList .nLi h3 a i{display:block; width:120px; height:100px; position:absolute; left:0; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.menuList .nLi h3 a:hover p, .menuList .nLi:hover h3 a p{top:0;}
.menuList .nLi h3 a:hover i, .menuList .nLi:hover h3 a i{top:100px;}
.menuList .sub{display:none; width:120px; left:0; top:100px; position:absolute; background:#0648a9;}
.menuList .sub li{zoom:1;}
.menuList .sub a{display:block; line-height:20px; padding:10px 0; color:#fff; font-size:15px;}
.menuList .sub a:hover{background:#f28101; color:#fff;}

/* 导航菜单 */
.head .menuBtn, .leftMenu{display:none;}


.bannerWrap{width:100%; height:682px; position:relative; margin-top:100px;}
.banner{width:100% !important; position:relative; height:682px; z-index:9;}
.banner .bd{width:100% !important;position:relative; z-index:0; overflow:hidden;}
.banner .bd ul{width:100% !important;}
.banner .bd li{width:100% !important; zoom:1; vertical-align:middle; height:682px;}
.banner .bd li p{width:100% !important; position:relative; height:682px; background-size:cover !important;}
.banner .prev, .banner .next{position:absolute; left:3%; top:50%; margin-top:-50px; display:block; width:44px; height:100px; background:url(../images/left.png) no-repeat; filter:alpha(opacity=50); opacity:0.5; cursor:pointer;}
.banner .next{left:auto; right:3%; background:url(../images/right.png) no-repeat;}
.banner .prev:hover, .banner .next:hover{filter:alpha(opacity=100);opacity:1;}

.zxzx{width:100%; height:48px; background:url(../images/w.png) no-repeat right center; position:absolute; left:0; bottom:0; overflow:hidden; z-index:12;}
.zxzxBox{width:1200px; height:40px; padding:4px 0; position:relative; margin:0 auto;}
.zxzxBox .bd{width:400px; height:40px; float:right; margin-right:80px;}
.zxzxBox .bd li{height:40px; line-height:40px;}
.zxzxBox .bd li span{float:right; padding-left:20px; color:#c1c0c0;}
.zxzxBox .bd li span i{font-style:normal;}
.zxzxBox .bd li a{color:#fff; display:block; max-width:300px; height:40px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.zxzxBox .bd li a:hover{color:#ff0;}
.zxzxBox .prev, .zxzxBox .next{display:block; width:20px; height:20px; position:absolute; right:0; background-repeat:no-repeat; background-position:center center;}
.zxzxBox .prev{background-image:url(../images/l03.png); top:4px;}
.zxzxBox .next{background-image:url(../images/r03.png); bottom:4px;}
.zxzxBox .prev:hover, .zxzxBox .next:hover{filter:alpha(opacity=60); opacity:.6;}

.indH{text-align:center; height:80px; position:relative;}
.indH h2{height:40px; line-height:40px; font-weight:normal; font-size:30px;}
.indH h2 span{color:#e60211;}
.indH p{height:24px; line-height:24px; color:#707070;}
.indH i{display:block; width:50px; height:4px; background:#e60211; position:absolute; left:50%; bottom:0; margin-left:-25px;}

.indH2{text-align:center; height:104px; position:relative;}
.indH2 h2{height:40px; line-height:40px; font-weight:normal; font-size:30px; padding-bottom:8px;}
.indH2 p{height:28px; line-height:28px; color:#808080; font-size:18px;}
.indH2 span{color:#e60211;}
.indH2 i{font-style:normal; color:#039;}

.jssl{width:1200px; height:473px; margin:50px auto;}
.jssl .indH{animation-delay:.6s;}
.jsslCon{height:335px; background:url(../images/jsslBg.png) no-repeat center center; margin-top:58px;}
.jsslCon h3{height:55px; line-height:52px; font-weight:normal; color:#fff; font-size:16px;}
.jsslCon p{height:72px; line-height:24px; font-size:12px; color:#707070;}
.jsslCon h4{height:61px; line-height:61px; color:#0648a9; font-weight:normal; font-size:16px;}
.jsslCon h3 span, .jsslCon h4 span{font-size:46px; padding-right:10px;}
.jsslL{width:402px; height:329px; padding-top:6px; float:left;}
.jsslL h3{padding-left:12px; animation-delay:.6s;}
.jsslL p{padding-top:15px; animation-delay:.9s;}
.jsslL img{margin-top:10px; vertical-align:top; animation-delay:1.2s;}
.jsslL h4{padding-top:8px; animation-delay:1.5s;}
.jsslR{height:335px; margin-left:778px; text-align:right;}
.jsslR h4{padding-top:20px; animation-delay:.6s;}
.jsslR img{margin-top:5px; vertical-align:top; animation-delay:.9s;}
.jsslR p{padding-top:10px; animation-delay:1.2s;}
.jsslR h3{padding-top:10px; text-align:left; animation-delay:1.5s;}


.pro{height:610px; padding:50px 0; background:#f5f5f5;}
.proBox{width:1200px; height:500px; margin:30px auto 0; position:relative;}
.proBox .bd{width:1060px; height:500px; overflow:hidden; margin:0 auto;}
.proBox .bd ul{height:500px; zoom:1; float:left;}
.proBox .bd ul li{width:340px; height:500px; padding-right:20px; float:left;}
.proBox .bd ul li .pic{width:330px; height:330px; background:#fff; border:#fff 5px solid; overflow:hidden;}
.proBox .bd ul li .pic a{display:block; height:330px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.proBox .bd ul li .pic a:hover{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}
.proBox .bd ul li h3{height:20px; line-height:20px; font-size:16px; font-weight:normal; padding-top:10px;}
.proBox .bd ul li h3 a{display:block; height:20px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.proBox .bd ul li .txt{height:78px; line-height:26px; padding-top:10px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.proBox .bd ul li span{display:block; height:32px; padding-top:10px;}
.proBox .bd ul li span a{display:block; width:80px; height:32px; line-height:32px; background:#0648a9; color:#fff; text-align:center;}
.proBox .bd ul li span a:hover{color:#fff; background:#e60312;}
.proBox .prev, .proBox .next{display:block; width:48px; height:60px; background-repeat:no-repeat; background-position:center center; position:absolute; top:140px;}
.proBox .prev{background-image:url(../images/l01.png); left:0;}
.proBox .next{background-image:url(../images/r01.png); right:0;}
.proBox .prev:hover{background-image:url(../images/l02.png);}
.proBox .next:hover{background-image:url(../images/r02.png);}


.ys{width:1200px; height:554px; margin:50px auto;}
.ysCon{height:400px; padding-top:50px;}
.ysCon ul{margin-left:-33px;}
.ysCon li{width:378px; height:400px; margin-left:33px; float:left; background:#0648a9; color:#fff;}
.ysCon li .txt{height:168px; padding:32px 38px 0;}
.ysCon li .txt h3{height:79px; font-weight:normal;}
.ysCon li .txt h3 i{display:block; width:70px; height:79px; line-height:79px; font-size:60px; font-style:normal; float:left;}
.ysCon li .txt h3 p{height:62px; margin-left:75px; padding-top:13px; line-height:22px; font-size:14px;}
.ysCon li .txt h3 p span{display:block; height:37px; line-height:37px; font-size:28px;}
.ysCon li .txt em{display:block; height:50px; line-height:25px; padding-top:8px; font-style:normal;}
.ysCon li .pic{height:200px; overflow:hidden;}
.ysCon li .pic p{height:200px; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.ysCon li:hover .pic p{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}


.hf{height:90px; padding-top:150px; background:url(../images/hf.jpg) no-repeat top center; text-align:center;}
.hf a{display:block; width:160px; height:50px; line-height:50px; font-size:18px; color:#fff; margin:0 auto; background:#e60312;}
.hf a:hover{background:#b3090f; color:#fff;}


.ys2{height:588px; background:#f5f5f5; padding:50px 0;}
.ys2 .indH{height:98px;}
.ys2Con{width:1200px; height:450px; position:relative; margin:40px auto 0;}
.ysList{width:494px; height:140px; position:absolute; z-index:10;}
.ysList .pic{width:140px; height:140px; background:#fff; border-radius:50%; text-align:center; position:relative;}
.ysList .pic img{width:50px; height:50px; position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px; -webkit-transition:all .8s; -moz-transition:all .8s; -ms-transition:all .8s; -o-transition:all .8s; transition:all .8s;}
.ysList .pic:hover img{transform:rotateY(-180deg);}
.ysList .txt{height:115px; padding-top:25px; color:#717171;}
.ysList .txt h3{height:44px; line-height:44px; font-size:24px;}
.ysList .txt p{line-height:24px; padding-top:8px;}
.ysList01{left:0; top:17px;}
.ysList02{right:0; top:17px;}
.ysList03{left:0; bottom:17px;}
.ysList04{right:0; bottom:17px;}
.ysList01 .pic, .ysList03 .pic{float:right;}
.ysList01 .txt, .ysList03 .txt{margin-right:160px;}
.ysList02 .pic, .ysList04 .pic{float:left;}
.ysList02 .txt, .ysList04 .txt{margin-left:160px;}
.ysList05{width:450px; height:450px; position:absolute; left:50%; top:0; margin-left:-225px; z-index:2; background:url(../images/i5.png) no-repeat center center; color:#fff; text-align:center;}
.ysList05 h3{height:44px; line-height:44px; font-size:24px; padding-top:150px;}
.ysList05 p{line-height:24px; padding-top:8px;}


.case{width:1200px; height:550px; margin:50px auto;}
.caseBox{padding-top:40px; height:430px;}
.caseBox ul{margin-left:-30px;}
.caseBox ul li{width:380px; height:430px; padding-left:30px; float:left;}
.caseBox ul li a{display:block; border:#e8e8e8 1px solid; padding:5px; height:418px;}
.caseBox ul li p{height:368px; overflow:hidden;}
.caseBox ul li p i{display:block; height:368px; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.caseBox ul li h3{height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.caseBox ul li a:hover{box-shadow:0 5px 15px rgba(0,0,0,.2);}
.caseBox ul li a:hover p i{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}


.service{height:535px; padding:50px 0; background:url(../images/serviceBg.jpg) no-repeat center center; color:#fff;}
.serviceCon{width:1200px; height:535px; margin:0 auto;}
.serviceL{width:410px; height:535px; float:left;}
.serviceL h2{height:199px; padding-top:23px;}
.serviceL p{height:104px; line-height:26px; padding-top:98px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
.serviceL p a{color:#fff; margin-left:1em;}
.serviceL p a:hover{color:#ff0;}
.serviceR{height:535px; margin-left:618px; position:relative;}
.serviceR ul{padding-top:39px;}
.serviceR ul li{height:65px; line-height:65px; padding-top:16px; font-size:20px;}
.serviceR ul li img{width:65px; height:65px; float:left; margin-right:24px;}
.serviceR .i01{position:absolute; right:145px; top:12px; width:60px; height:60px;}
.serviceR .i02{position:absolute; left:0; bottom:0; width:60px; height:60px;}


.news{width:1200px; height:712px; margin:50px auto;}
.newsCon{height:602px; padding-top:30px;}
.newsCon h2{height:50px; line-height:50px; padding-left:36px; font-size:24px; font-weight:normal; background-repeat:no-repeat; background-position:left center;}
.newsCon h2 a{float:right; font-size:14px; padding:0;}
.newsCon dl{padding-top:12px;}
.newsCon ul{height:144px;}
.newsCon ul li{height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsCon ul li a:hover{color:#d81718;}
.newsL{width:560px; height:602px; float:left;}
.newsL h2{background-image:url(../images/iNews.png);}
.newsL dl dd, .newsL dl dd img{width:560px; height:260px;}
.newsL dl dt{height:96px; padding-top:20px;}
.newsL dl dt h3{height:28px; line-height:28px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsL dl dt p{height:48px; line-height:24px; padding-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:#666;}
.newsL ul{padding-top:20px;}
.newsL ul li{padding-left:12px; background:url(../images/a03.jpg) no-repeat left center;}

.newsR{height:auto; margin-left:620px;}
.newsR h2{background-image:url(../images/iCase.png);}
.newsR dl dd{height:32px; line-height:32px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.newsR dl dt{height:78px; padding-top:15px;}
.newsR dl dt p{height:48px; line-height:24px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:14px; color:#666;}
.newsR dl dt span{display:block; height:30px; line-height:30px;}
.newsR dl dt span a{color:#d81718;}
.newsR dl dt span a:hover{color:#f28101;}
.newsR ul{margin-top:30px; padding-top:30px; border-top:#e5e5e5 1px solid;}
.newsR ul li span{display:block; width:40px; height:36px; float:right; background:url(../images/a01.png) no-repeat right center; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.newsR ul li a:hover span{background-image:url(../images/a02.png);}
.newsR .more{height:180px; padding-top:30px;}
.newsR .more a{display:block; height:180px; padding-left:400px; background:#d81718 url(../images/casePic.jpg) no-repeat left center; color:#fff; text-align:center;}
.newsR .more a p{padding-top:62px; height:30px; line-height:30px; font-size:18px;}
.newsR .more a span{display:block; height:26px; line-height:26px; font-size:30px;}
.newsR .more a:hover{background-color:#f28101;}


.foot{background:#262626; height:223px; padding:50px 0; color:#bebebe;}
.footCon{width:1200px; margin:0 auto;}
.footL{width:356px; height:223px; float:left;}
.footL h2{height:60px;}
.footL ul{padding-top:20px;}
.footL ul li{height:45px; padding-top:16px;}
.footL ul li img{width:41px; height:41px; float:left; margin:1px 10px 1px 0;}
.footL ul li h3{height:18px; line-height:18px; font-size:14px; font-weight:normal; display:block;}
.footL ul li p{height:27px; line-height:27px; font-size:20px; display:block;}
.footC{width:443px; height:183px; line-height:36px; background:url(../images/footLine.jpg) no-repeat left top; padding:20px 50px 20px 73px; float:left;}
.footR{height:183px; margin-left:922px; padding:20px 0 20px 73px; background:url(../images/footLine.jpg) no-repeat left top;}
.footR img{width:155px; height:155px; float:left;}
.footR p{height:155px; margin-left:155px; text-align:center; line-height:22px;}


.nyBanner{height:90px; padding:89px 0; line-height:45px; background-repeat:no-repeat; background-position:center center; background-size:cover; text-align:center; color:#fff; margin-top:100px;}
.b01{background-image:url(../images/nyBanner01.jpg);}
.b02{background-image:url(../images/nyBanner02.jpg);}
.b03{background-image:url(../images/nyBanner03.jpg);}
.b04{background-image:url(../images/nyBanner04.jpg);}
.nyBanner h2{height:45px; font-size:28px; font-weight:normal; text-shadow:0 1px 3px rgba(0,0,0,.5);}
.nyBanner p{height:45px; font-size:18px; text-shadow:0 1px 3px rgba(0,0,0,.5);}

.post{height:66px; border-bottom:#eaeaea 1px solid;}
.postCon{width:1200px; height:66px; margin:0 auto;}
.nyH2{height:65px; line-height:65px; font-size:18px; color:#29499e; padding:0 20px; border-bottom:#29499e 2px solid; position:relative; bottom:0; float:left;}
.nySearch{height:30px; padding:30px 0 7px; float:right; color:#999; font-size:14px;}
.nySearch a{color:#999;}
.nySearch a:hover{color:#f90;}

.ny{width:1200px; margin:0 auto; padding:20px 0; min-height:500px;}
.nyH{height:45px; line-height:40px; text-align:center; font-size:24px; position:relative; padding-top:30px;}
.nyH i{display:block; width:20px; height:2px; background:#eb6100; position:absolute; left:50%; margin-left:-10px; bottom:0;}

.left{width:250px; float:left;}
.left li a{display:block; padding-left:35px; height:51px; line-height:51px; border-bottom:#eee 1px solid; background:url(../images/a04.png) no-repeat 225px center;}
.left li a.on, .left li a:hover{color:#fff; background:#29499e url(../images/a03.png) no-repeat 225px center;}

.right{width:925px; padding-left:24px; border-left:#eee 1px solid; min-height:500px; float:left;}

.nyAbout{width:100%; line-height:30px;}

.nyMenu{width:100%; padding:10px 0; text-align:center;}
.nyMenu a{display:inline-block; height:30px; line-height:30px; margin:10px; padding:0 10px; border:#fff 1px solid;}
.nyMenu a:hover,.nyMenu a.on{border-color:#29499e; color:#29499e;}

.article{}
.articleTitle{padding:0 20px 20px; line-height:30px; font-size:20px; font-weight:600; text-align:center;}
.articleInfo{width:80%; font-size:14px; height:30px; line-height:30px; background:#f5f5f5; color:#666; text-align:center; margin:0 auto;}
.articleInfo span{padding-left:20px;}
.articleCon{font-size:14px; line-height:30px; padding:15px 0;}
.articleCon p, .articleCon div{text-justify:inter-ideograph;text-align:justify;}
.articleCon img{max-width:800px; margin:0 auto;_width:expression(document.body.clientWidth > 800 ? "800px" : "auto");}
.articlePN p{line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.nyShow{width:100%;}
.nyShow ul{width:960px; float:left;}
.nyShow ul li{width:285px; padding:0 35px 35px 0; float:left;}
.nyShow ul li a{display:block; width:100%; height:100%;}
.nyShow ul li a p{width:100%; overflow:hidden; position:relative;}
.nyShow ul li a p span{display:block; width:100%; height:100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; background-repeat:no-repeat; background-position:top center; background-size:cover;}
.nyShow ul li a p i{display:block; width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/linkH.png) no-repeat center center; position:absolute; left:0; top:-100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.nyShow ul li a h3{width:100%; height:50px; background:#29499e; text-align:center; font-weight:normal; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; position:relative; overflow:hidden;}
.nyShow ul li a h3 span{display:block; width:90%; height:50px; line-height:50px; padding:0 5%; position:relative; z-index:1; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nyShow ul li a h3 i{display:block; width:100%; height:50px; background:#e67912; position:absolute; left:0; bottom:-50px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; z-index:0;}
.nyShow ul li a:hover p span{transform:scale(1.1); webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.nyShow ul li a:hover p i{top:0;}
.nyShow ul li a:hover h3 i{bottom:0;}

.nyShow2{width:100%;}
.nyShow2 ul{width:960px; float:left;}
.nyShow2 ul li{width:285px; padding:0 35px 35px 0; float:left;}

.nyShow2 ul li a{display:block; width:100%; height:100%;}
.nyShow2 ul li a p{width:100%; overflow:hidden; position:relative;}
.nyShow2 ul li a p span{display:block; width:100%; height:100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; background-repeat:no-repeat; background-position:top center; background-size:cover;}
.nyShow2 ul li a p i{display:block; width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/linkH.png) no-repeat center center; position:absolute; left:0; top:-100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.nyShow2 ul li a h3{width:100%; height:50px; background:#29499e; text-align:center; font-weight:normal; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; position:relative; overflow:hidden;}
.nyShow2 ul li a h3 span{display:block; width:90%; height:50px; line-height:50px; padding:0 5%; position:relative; z-index:1; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nyShow2 ul li a h3 i{display:block; width:100%; height:50px; background:#e67912; position:absolute; left:0; bottom:-50px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; z-index:0;}
.nyShow2 ul li a:hover p span{transform:scale(1.1); webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.nyShow2 ul li a:hover p i{top:0;}
.nyShow2 ul li a:hover h3 i{bottom:0;}

.nyNews{width:100%; padding-left:16px; box-sizing:border-box;}
.nyNews li{width:100%;}
.nyNews li a{display:block; width:100%; padding:30px 0; overflow:hidden; box-sizing: border-box; border-bottom:1px solid #eee; transition: 0.3s;}
.nyNews li a .newsPic{width:205px; height:135px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-right:20px; float:left;}
.nyNews li a .newsTxt{height:135px; margin-right:20px; padding-right:60px; background:url(../images/a06.png) no-repeat right center; transition: 0.3s;}
.nyNews li a .newsTxt h2{height:32px; line-height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; font-weight:normal; color:#29499e;}
.nyNews li a .newsTxt span{display:block; height:20px; line-height:20px; color:#999;}
.nyNews li a .newsTxt p{height:50px; line-height:25px; padding-top:33px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#666;}
.nyNews li a:hover{padding-left:25px; box-shadow:3px 3px 10px #e8e8e8;}
.nyNews li a:hover .newsTxt{background-image:url(../images/a05.png);}


.page{width:100%; text-align:center; padding:30px 0 10px;}
.page a,.page span{display:inline-block; margin:0 3px; padding:0 10px; height:30px; border:#ddd 1px solid; line-height:30px;}
.page span{background:#29499e; border-color:#29499e; color:#fff;}

.ny_title2{width:100%; line-height:30px; font-size:16px; font-weight:bold; text-align:center; margin:10px 0;}
.ny_info{width:100%; height:30px; line-height:30px; background:#f1f1f1; color:#333; text-align:center; font-size:12px;}
.ny_info span{padding-left:30px;}
.ny_img{width:100%; margin-top:15px; text-align:center;}
.ny_img img{max-width:75%;}
.ny_text{width:100%; margin-top:10px;}
.ny_pn{width:100%; margin-top:20px;}
.ny_pn p{width:100%; height:30px; line-height:30px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny_pn p b{color:#000;}


.pc{display:block;}
.wap{display:none;}
@media all and (max-width:960px){
	.head{height:60px;}
	.headCon{width:100%; height:60px;}
	.logo{width:auto; height:40px; padding:10px 0 10px 3%;}
	.logo img{height:40px;}
	
	
	.menu{display:none;}
	
	/* 导航菜单 */
	.head .menuBtn{display:block; border:none; width:60px; height:60px; text-indent:-900em; overflow:hidden; position:absolute; top:0; right:0; cursor:pointer; outline:none; background:url(../images/menu.jpg) no-repeat center center; background-size:40px 40px; padding:0;}
	.leftMenu a{display:block; color:#fff;}
	.leftMenu{background:#0648a9; right:-1000px; position:fixed; top:0; display:block; height:100%; width:68%; min-width:140px; max-width:440px; z-index:90002; transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; overflow:auto;}
	.leftMenu.menu-open{right:0;}
	.menu-dark-backdrop{background:rgba(0,0,0,0); transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; width:100%; position:fixed; top:0; left:0; right:0; overflow:hidden;}
	.menu-dark-backdrop.in{height:100%; z-index:90001; background:rgba(0,0,0,0.5);}
	.nav{padding:20px;}
	.nav ul{border-bottom:#0756ca 1px solid;}
	.nav ul li{min-height:20px; line-height:20px; border-top:#0756ca 1px solid; border-bottom:#002d6e 1px solid; padding:6px 0;}
	.nav ul li:first-child{border-top:0;}
	.nav ul li a{display:block; height:24px; line-height:24px; position:relative;}
	.nav ul li .inactive{background:url(../images/off.png) no-repeat right center; background-size:14px 14px;}
	.nav ul li .inactives{background:url(../images/on.png) no-repeat right center; background-size:14px 14px;} 
	.nav ul li ul{display:none; border-bottom:0;}
	.nav ul li ul li{padding-left:30px; border-bottom:0;border-top:0;}
	.nav ul li ul li ul{display:none;}
	.nav ul li ul li a{}
	.nav ul li ul li ul li{}
	.nav ul li ul li ul li a{}
	
	
	.bannerWrap{height:auto; margin-top:60px;}
	.banner, .banner .bd li, .banner .bd li p{height:auto;}
	.banner .prev, .banner .next{position:absolute; left:3%; top:50%; margin-top:-50px; display:block; width:44px; height:100px; background:url(../images/left.png) no-repeat; filter:alpha(opacity=50); opacity:0.5; cursor:pointer;}
	.banner .next{left:auto; right:3%; background:url(../images/right.png) no-repeat;}
	.banner .prev:hover, .banner .next:hover{filter:alpha(opacity=100);opacity:1;}
	
	.zxzx{width:100%; position:relative; left:auto; bottom:auto;}
	.zxzxBox{width:94%; padding:4px 3%;}
	.zxzxBox .bd{width:auto; float:none; margin-right:30px;}
	.zxzxBox .bd li span{padding-left:10px;}
	.zxzxBox .bd li a{max-width:none; float:none; margin-right:86px;}
	.zxzxBox .prev, .zxzxBox .next{right:3%;}
	
	.indH{height:auto; padding-bottom:10px;}
	.indH h2{height:30px; line-height:30px; font-size:20px;}
	.indH p{height:auto;}
	
	.indH2{height:auto;}
	.indH2 h2{height:30px; line-height:30px; font-size:20px;}
	.indH2 p{height:auto; font-size:16px;}
	
	.jssl{display:none;}
	
	
	.pro{height:auto; padding:20px 0;}
	.proBox{width:auto; height:auto; margin:20px 1.5% 0; position:relative;}
	.proBox .bd{width:auto; height:auto;}
	.proBox .bd ul{height:auto;}
	.proBox .bd ul li{width:100%; height:auto; padding-right:0;}
	.proBox .bd ul li .pic{width:calc(100% - 10px); height:auto;}
	.proBox .bd ul li .pic a{height:0; padding-top:100%;}
	
	
	.ys{width:94%; height:auto; margin:20px 3%;}
	.ysCon{height:auto; padding-top:10px;}
	.ysCon ul{margin-left:0;}
	.ysCon li{width:100%; height:auto; margin-left:0; margin-top:10px; float:none; background:#0648a9; color:#fff;}
	.ysCon li .txt{height:138px; padding:15px 5%;}
	.ysCon li .pic{height:auto;}
	.ysCon li .pic p{height:0; padding-top:55%;}
	
	
	.hf{height:36px; padding-top:64px; background-size:auto 100px;}
	.hf a{width:100px; height:24px; line-height:24px; font-size:14px;}
	
	
	.ys2{height:auto; background:#f5f5f5; padding:20px 3%;}
	.ys2 .indH{height:auto;}
	.ys2Con{width:auto; height:auto; margin:0;}
	.ysList{width:auto; height:auto; position:relative; margin-top:20px; background:#f5f5f5;}
	.ysList .pic{width:50px; height:50px;}
	.ysList .pic img{width:20px; height:20px; margin:-10px 0 0 -10px;}
	.ysList .txt{height:auto; padding-top:0;}
	.ysList .txt h3{height:24px; line-height:24px; font-size:16px; font-weight:normal; color:#333;}
	.ysList .txt p{line-height:20px; font-size:12px; padding-top:0;}
	.ysList01{left:auto; top:auto;}
	.ysList02{right:auto; top:auto;}
	.ysList03{left:auto; bottom:auto;}
	.ysList04{right:auto; bottom:auto;}
	.ysList01 .pic, .ysList03 .pic{float:right;}
	.ysList01 .txt, .ysList03 .txt{margin-right:60px;}
	.ysList02 .pic, .ysList04 .pic{float:left;}
	.ysList02 .txt, .ysList04 .txt{margin-left:60px;}
	.ysList05{width:auto; height:auto; position:relative; left:auto; top:auto; margin-left:0; background-size:50px 50px; color:#333; text-align:left; background-position:right center; padding-right:60px; margin-top:20px;}
	.ysList05 h3{height:24px; line-height:24px; font-size:16px; padding-top:0;}
	.ysList05 p{line-height:20px; font-size:12px; color:#717171}
	
	
	.case{width:auto; height:auto; margin:20px 3%;}
	.caseBox{padding-top:0; height:auto;}
	.caseBox ul{margin-left:0;}
	.caseBox ul li{width:100%; height:auto; padding:3% 0 0;}
	.caseBox ul li a{height:auto;}
	.caseBox ul li p{height:auto;}
	.caseBox ul li p i{width:100%; height:0; padding-top:100%;}
	.caseBox ul li h3{height:30px; line-height:30px; font-size:14px;}
	
	
	.service{height:auto; padding:20px 0; background-size:cover;}
	.serviceCon{width:auto; height:auto; margin:0 3%;}
	.serviceL{width:auto; height:auto; float:none;}
	.serviceL h2{padding-top:0;}
	.serviceL p{padding-top:0; margin-top:-40px;}
	.serviceR{height:auto; margin-left:0;}
	.serviceR ul{padding:30px 0 40px;}
	.serviceR ul li{height:65px; line-height:65px; padding-top:16px; font-size:20px;}
	.serviceR ul li img{width:65px; height:65px; float:left; margin-right:24px;}
	.serviceR .i01{right:0; top:12px; width:30px; height:30px;}
	.serviceR .i02{left:0; bottom:0; width:30px; height:30px;}
	
	
	.news{width:auto; height:auto; margin:20px 3%;}
	.newsCon{height:auto; padding-top:0;}
	.newsCon h2{height:30px; line-height:30px; padding-left:28px; font-size:16px; background-size:20px 20px;}
	.newsCon h2 a{font-size:12px;}
	.newsCon ul{height:auto;}
	.newsCon ul li{height:30px; line-height:30px;}
	.newsL{width:auto; height:auto; float:none; padding-top:20px;}
	.newsL dl dd, .newsL dl dd img{width:100%; height:auto;}
	.newsL dl dt{height:70px; padding-top:10px;}
	.newsL dl dt h3{height:24px; line-height:24px; font-size:14px;}
	.newsL dl dt p{height:40px; line-height:20px; padding-top:6px; font-size:12px;}
	.newsL ul{padding-top:10px;}
	.newsL ul li{padding-left:12px; background:url(../images/a03.jpg) no-repeat left center;}
	
	.newsR{height:auto; margin-left:0; margin-top:20px;}
	.newsR dl dd{height:24px; line-height:24px; font-size:14px;}
	.newsR dl dt{height:auto; padding-top:6px;}
	.newsR dl dt p{height:40px; line-height:20px; font-size:12px;}
	.newsR ul{margin-top:10px; padding-top:10px; border-top:#e5e5e5 1px solid;}
	.newsR ul li span{width:40px; height:30px;}
	.newsR .more{height:80px; padding-top:20px;}
	.newsR .more a{height:80px; padding-left:60%; background-size:60% 80px;}
	.newsR .more a p{padding-top:16px; height:24px; line-height:24px; font-size:14px;}
	.newsR .more a span{height:24px; line-height:24px; font-size:20px;}
	
	
	.foot{height:auto; padding:20px 3%;}
	.footCon{width:auto;}
	.footL{width:auto; height:auto; padding-bottom:20px; float:none;}
	.footL h2{height:40px; text-align:center;}
	.footL h2 img{height:40px; vertical-align:top;}
	.footL ul{padding-top:0;}
	.footL ul li{height:45px; padding-top:16px;}
	.footL ul li img{width:41px; height:41px; float:left; margin:1px 10px 1px 0;}
	.footL ul li h3{height:18px; line-height:18px; font-size:14px; font-weight:normal; display:block;}
	.footL ul li p{height:27px; line-height:27px; font-size:20px; display:block;}
	.footC{width:auto; height:auto; line-height:30px; background:none; border-top:#3b3b3b 1px solid; padding:15px 0 0; float:none;}
	.footR{display:none;}
	
	.nyBanner{padding:20px 3%; height:70px; line-height:30px; margin-top:60px;}
	.nyBanner h2{height:30px; font-size:18px;}
	.nyBanner p{height:auto; line-height:20px; font-size:14px;}
	
	.post{height:40px;}
	.postCon{width:auto; height:40px; margin:0 3%;}
	.nyH2{height:39px; line-height:39px; font-size:16px; padding:0 5px;}
	.nySearch{padding:10px 0 0; font-size:12px;}
	.nySearch span{display:none;}
	
	.ny{width:auto; padding:10px 0; min-height:300px;}
	
	.right{width:auto; padding-left:0; border-left:none; min-height:200px; float:none;}
	
	.nyMenu{width:100%; padding:10px 0; text-align:center;}
	.nyMenu a{display:inline-block; height:30px; line-height:30px; margin:10px; padding:0 10px; border:#fff 1px solid;}
	.nyMenu a:hover,.nyMenu a.on{border-color:#29499e; color:#29499e;}
	
	.nyAbout{width:100%; line-height:30px;}
	
	.nyShow{width:97%; padding:1.5%;}
	.nyShow ul{width:auto; float:none;}
	.nyShow ul li{width:47%; padding:1.5%;}
	.nyShow ul li a{display:block; width:100%; height:100%;}
	.nyShow ul li a p{width:100%; overflow:hidden; position:relative;}
	.nyShow ul li a p span{display:block; width:100%; height:100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; background-repeat:no-repeat; background-position:top center; background-size:cover;}
	.nyShow ul li a p i{display:block; width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/linkH.png) no-repeat center center; position:absolute; left:0; top:-100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
	.nyShow ul li a h3{width:100%; height:50px; background:#29499e; text-align:center; font-weight:normal; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; position:relative; overflow:hidden;}
	.nyShow ul li a h3 span{display:block; width:90%; height:50px; line-height:50px; padding:0 5%; position:relative; z-index:1; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.nyShow ul li a h3 i{display:block; width:100%; height:50px; background:#e67912; position:absolute; left:0; bottom:-50px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; z-index:0;}
	.nyShow ul li a:hover p span{transform:scale(1.1); webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
	.nyShow ul li a:hover p i{top:0;}
	.nyShow ul li a:hover h3 i{bottom:0;}
	
	.nyNews{width:100%; padding:0 3%; box-sizing:border-box;}
	.nyNews li a{padding:10px 0;}
	.nyNews li a .newsPic{width:100px; height:72px; margin-right:10px;}
	.nyNews li a .newsTxt{height:72px; margin-right:10px; padding-right:20px;}
	.nyNews li a .newsTxt h2{height:24px; line-height:24px; font-size:14px;}
	.nyNews li a .newsTxt span{height:24px; line-height:24px; font-size:12px;}
	.nyNews li a .newsTxt p{height:24px; line-height:24px; padding-top:0; -webkit-line-clamp:1; font-size:12px;}
	.nyNews li a:hover{padding-left:0;}
	
	
	.page{padding:20px 0 10px;}
	
	.article{padding:0 3%;}
	.articleTitle{padding:0 0 10px; font-size:18px;}
	.articleInfo{font-size:12px;}
	
	.pc{display:none;}
	.wap{display:block;}
}
@media all and (max-width:480px){
	.zxzxBox .bd li span i{display:none;}
	.zxzxBox .bd li a{margin-right:50px;}
}












\