@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,img{margin:0; padding:0;}
body{font-size:14px; color:#000; font-family:"微软雅黑", "宋体"; min-width:1200px;}
*:focus{-moz-outline-style:none; outline:none;}
a{color:#000; text-decoration:none; outline:none; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
a:hover{color:#2269c0;}
/*去掉图形热点的点击时出现的边线*/
a,area{blr:expression(this.onFocus=this.blur());}  /*for IE*/   
:focus{-moz-outline-style:none; outline:none;}     /* for Firefox*/
img{border:0;}
ul,li{list-style-type:none;}
.fl{float:left;}
.fr{float:right;} 
.clear{clear:both; height:0;}
.main{width:1200px; margin:0 auto;}

@font-face {
  font-family: 'iconfont';  /* project id 2340957 */
  src: url('https://at.alicdn.com/t/font_2340957_yra51jroso.eot');
  src: url('https://at.alicdn.com/t/font_2340957_yra51jroso.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_2340957_yra51jroso.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_2340957_yra51jroso.woff') format('woff'),
  url('https://at.alicdn.com/t/font_2340957_yra51jroso.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_2340957_yra51jroso.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:middle;}

.head{width:1200px; height:120px; margin:0 auto; background-repeat:no-repeat; background-position:left center;}
.head .tel{float:right; padding-left:60px; height:55px; line-height:20px; background:url(../images/iTel.png) no-repeat left center; margin-top:32px; color:#827065;}
.head .tel span{display:block; height:32px; line-height:32px; color:#2269c0; font-size:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

.navBtn, .nav{display:none;}

.menu{width:100%; height:50px; background:#2269c0;}
.menuFix{position:fixed; left:0; top:0; z-index:99;}
.menu a{color:#fff;}
.menu #nav{width:1200px; height:50px; margin:0 auto; position:relative; z-index:1;}
.menu .nLi{width:180px; height:50px; line-height:50px; text-align:center; float:left; position:relative;}
.menu .nLi.home{width:120px;}
.menu .nLi h3{height:50px; font-size:18px; font-weight:normal;}
.menu .nLi h3 a{display:block; height:50px;}
.menu .nLi h3 a:hover{background:#8bc83c;}
.menu .sub{display:none; width:100%; left:0; top:50px; position:absolute; background:#2269c0;}
.menu .sub li{zoom:1;}
.menu .sub a{display:block; height:auto; padding:8px; line-height:24px; font-size:15px;}
.menu .sub a:hover{background:#8bc83c; color:#fff;}


.banner{width:100%; position:relative;}
.banner .bd{position:relative; z-index:0; overflow:hidden;}
.banner .bd li{zoom:1; vertical-align:middle; width:100%;}
.banner .bd li p{height:508px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner .hd{width:100%; height:16px; overflow:hidden; position:absolute; left:0; bottom:24px; z-index:1; text-align:center;}
.banner .hd ul{overflow:hidden; zoom:1; clear:both;}
.banner .hd ul li{display:inline-block; margin:0 10px; width:12px; height:12px; border:rgba(255,255,255,0.7) 2px solid; cursor:pointer; border-radius:50%; text-indent:-99px; vertical-align:top; overflow:hidden;}
.banner .hd ul li.on{background:#fff; border:#fff 2px solid;}
.banner .prev, .banner .next{position:absolute; top:50%; margin-top:-21px; display:block; width:42px; height:42px; background-repeat:no-repeat; background-position:center center; background-color:#000; filter:alpha(opacity=20); opacity:.2; cursor:pointer; border-radius:5px;}
.banner .prev{left:3%; background-image:url(../images/l.png);}
.banner .next{right:3%; background-image:url(../images/r.png);}
.banner .prev:hover, .banner .next:hover{filter:alpha(opacity=70); opacity:.7;}


.indH{position:relative; text-align:center;}
.indH p{width:100%; height:44px; line-height:44px; font-family:"Times New Roman", Times, serif; font-size:50px; color:#d1dbe5; position:absolute; left:0; top:0; z-index:0;}
.indH span{display:inline-block; padding:0 13px; height:32px; line-height:32px; vertical-align:top; background:#fff; font-size:30px; margin-top:24px; position:relative; z-index:1;}
.indH span em{font-style:normal; color:#ff9c32;}
.indH i{display:block; font-style:normal; line-height:18px; padding-top:10px; font-size:14px; font-weight:normal; color:#707070;}

.pro{padding:60px 0 50px; background:#f9fcff;}
.pro .indH SPAN{background:#f9fcff;}
.proCon{width:1200px; margin:30px auto 0;}
.pro .right ul{margin-left:-24px;}
.pro .right ul li{width:282px; padding:0 0 10px 24px; float:left;}
.pro .right ul li p{background-color:#eee; height:210px; width:100%; display:block; line-height:normal; overflow:hidden; position:relative; margin:0;}
.pro .right ul li p span{display:block; width:100%; height:210px; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:424ms linear;}
.pro .right ul li h3{color:#5d5d5d; font-size:14px; line-height:normal; transition:350ms; height:40px; line-height:40px; text-align:center; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pro .right ul li p i{position:absolute; left:0; top:0; box-sizing:border-box; width:100%; height:100%; background:rgba(0,167,45,.8); filter:alpha(opacity=20); z-index:20; opacity:0; transform:skewX(45deg); visibility:hidden; transition:360ms; display:block;}
.pro .right ul li p i b{display:block; width:46px; height:46px; position:absolute; left:50%; top:50%; margin-left:-23px; margin-top:-23px; z-index:30;}
.pro .right ul li p i b:before{content:""; width:100%; height:1px; background:#ff9c32; position:absolute; left:0; top:23px; transform:translateX(-200px); -webkit-transform:translateX(-200px); -moz-transform:translateX(-200px);}
.pro .right ul li p i b:after{content:""; width:1px; height:100%; background:#ff9c32; position:absolute; left:23px; top:0; transform:translateY(-200px); -webkit-transform:translateY(-200px); -moz-transform:translateY(-200px);}
.pro .right ul li p i:before{content:""; width:100%; height:0; border-left:3px solid #ff9c32; border-right:3px solid #ff9c32; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;}
.pro .right ul li p i:after{content:""; width:0; height:100%; border-top:3px solid #ff9c32; border-bottom:3px solid #ff9c32; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;}
.pro .right ul li:hover p i{opacity:1; transform:skewX(0); visibility:visible;}
.pro .right ul li:hover p i:before{height:100%; transition:330ms 200ms;}
.pro .right ul li:hover p i:after{width:100%; transition:330ms 200ms;}
.pro .right ul li:hover p span{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.pro .right ul li:hover p i b:before{transition:355ms 180ms; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.pro .right ul li:hover p i b:after{transition:355ms 240ms; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.pro .right ul li:hover h3{color:#2269c0;}

.more{height:44px; padding-top:20px;}
.more a{display:block; width:150px; height:44px; line-height:44px; text-align:center; background:#ff9c32; color:#fff; border-radius:30px; margin:0 auto;}
.more a:hover{background:#8bc83c;}


.ys{width:1200px; margin:60px auto;}
.ys h2{line-height:60px; text-align:center; font-size:36px;}
.ys h2 span{color:#2269c0;}
.ys h2 p{height:35px; text-align:center;}
.ys h2 p span{display:inline-block; vertical-align:top; padding:0 20px; height:35px; line-height:35px; background:#2269c0; color:#fff; font-size:16px; font-weight:normal;}
.ys ul{margin-left:-30px;}
.ys ul li{width:380px; padding:30px 0 0 30px; float:left;}
.ys ul li .pic{height:174px; overflow:hidden;}
.ys ul li .pic p{height:174px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.ys ul li .txt{height:118px; background:#f4f4f4; padding:0 15px;}
.ys ul li .txt h3{height:30px; line-height:30px; padding:10px 0; font-size:16px; text-align:center; color:#2269c0;}
.ys ul li .txt p{line-height:24px; font-size:12px;}
.ys ul li .pic p, .ys ul li .txt, .ys ul li .txt h3, .ys ul li .txt p{-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.ys ul li:hover .pic p{transform:scale(1.1);}
.ys ul li:hover .txt{background:#2269c0;}
.ys ul li:hover .txt h3, .ys ul li:hover .txt p{color:#fff;}


.gg{height:262px; background:url(../images/serviceBg.jpg) no-repeat center center;}
.ggCon{width:216px; height:174px; padding:88px 0 0 964px; margin:0 auto; color:#fff;}
.ggCon span{display:block; height:27px; line-height:27px; font-size:16px;}
.ggCon p{height:45px; line-height:45px; font-size:27px;}
.ggCon a{display:inline-block; padding:3px 15px; font-size:16px; border-radius:25px; color:#8bc83c; background:#fff; margin-top:5px; vertical-align:top;}


.about{width:1200px; height:424px; margin:60px auto;}
.aboutPic{width:595px; height:424px; overflow:hidden; position:relative; float:left;}
.aboutPic .bd{width:580px; height:408px; overflow:hidden; float:right; position:relative; z-index:10; background:#fff;}
.aboutPic .bd li p{height:408px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.aboutPic .hd{width:calc(100% - 15px); height:24px; text-align:center; position:absolute; left:15px; bottom:26px; z-index:11;}
.aboutPic .hd ul{display:inline-block; *display:inline; zoom:1; vertical-align:top; height:14px; padding:5px; background:rgba(255,255,255,0.8); box-shadow:rgba(0,0,0,0.3) 1px 1px 0; border-radius:50px;}
.aboutPic .hd ul li{display:inline-block; *display:inline; zoom:1; vertical-align:top; width:14px; height:14px; overflow:hidden; text-indent:-99px; background:#999; border-radius:20px; margin:0 2px; cursor:pointer;}
.aboutPic .hd ul li.on{background:#333;}
.aboutPic .prev, .aboutPic .next{display:block; width:48px; height:48px; line-height:48px; text-align:center; font-size:32px; background:rgba(255,255,255,0.7); position:absolute; top:180px; z-index:11; border-radius:50%;}
.aboutPic .prev{left:52px;}
.aboutPic .next{right:37px;}
.aboutPic .prev:hover, .aboutPic .next:hover{background:rgba(255,255,255,0.5); color:#000;}
.aboutPic .timer{width:calc(100% - 25px); height:5px; position:absolute; left:20px; top:5px; background:#fff; box-shadow:rgba(0,0,0,0.5) 1px 1px 0; z-index:11; border-radius:20px;}
.aboutPic i{display:block; width:568px; height:398px; background:#8bc83c; position:absolute; left:0; bottom:0; z-index:0;}
.aboutTxt{height:392px; margin-left:635px;}
.aboutTxt h3{line-height:36px; font-size:24px; color:#2f2f2e; font-weight:normal;}
.aboutTxt h3 p{height:56px; line-height:56px; font-size:44px; font-family:Arial, Helvetica, sans-serif;}
.aboutTxt h3 p span{color:#8bc83c;}
.aboutTxt .txt{height:168px; line-height:28px; color:#666; padding-top:18px; overflow:hidden;}
.aboutTxt .txt img{display:none;}
.aboutTxt ul{height:128px; overflow:hidden; margin-left:-55px; padding-top:18px;}
.aboutTxt ul li{width:100px; height:128px; padding-left:55px; float:left;}
.aboutTxt ul li a{display:block; height:128px; text-align:center; position:relative;}
.aboutTxt ul li a span{display:block; width:68px; height:68px; line-height:68px; border:#d0d0d0 1px solid; border-radius:50%; text-align:center; color:#c5c5c5; font-size:40px; margin:0 15px;}
.aboutTxt ul li a p{padding-top:5px; line-height:25px;}
.aboutTxt ul li a p i{display:block; height:16px; line-height:16px; font-size:12px; color:#c5c5c5; font-style:normal; font-family:Arial, Helvetica, sans-serif;}
.aboutTxt ul li a em{display:block; width:42px; height:3px; background:#e0e0e0; position:absolute; left:50%; bottom:0; margin-left:-21px;}
.aboutTxt ul li a span, .aboutTxt ul li a p i{-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.aboutTxt ul li a:hover, .aboutTxt ul li a:hover p i{color:#ff9c32;}
.aboutTxt ul li a:hover span{color:#ff9c32; border-color:#ff9c32;}


.tab{width:1200px; margin:0 auto 60px;}
.tabHd{height:50px; text-align:center;}
.tabHd ul{width:420px; height:44px; border:#2269c0 3px solid; margin:0 auto;}
.tabHd ul li{width:210px; height:44px; line-height:44px; font-size:18px; cursor:pointer; float:left; background:#fff;}
.tabHd ul li.on{background:#2269c0; color:#fff;}
.tabBd{margin-top:30px; height:180px; position:relative;}
.scrollBd{width:1052px; height:180px; overflow:hidden; margin:0 auto; background:#fff;}
.scrollBd li{width:248px; padding-right:20px; float:left;}
.scrollBd li a{display:block; height:172px; padding:3px; border:#ddd 1px solid; position:relative; overflow:hidden;}
.scrollBd li a p{height:172px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.scrollBd li a h3{width:calc(100% - 40px); height:50px; line-height:50px; padding:65px 20px; background:rgba(0,0,0,.5); color:#fff; position:absolute; left:0;  bottom:-200px; text-align:center; font-size:14px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.scrollBd li a p, .scrollBd li a h3{-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.scrollBd li a:hover p{transform:scale(1.1);}
.scrollBd li a:hover h3{bottom:0;}
.scrollHd{display:none;}
.scrollBox .scrollL, .scrollBox .scrollR{display:block; width:48px; height:48px; line-height:48px; text-align:center; border:#2269c0 3px solid; position:absolute; top:50%; margin-top:-27px; font-size:27px; color:#2269c0;}
.scrollBox .scrollL{left:0;}
.scrollBox .scrollR{right:0;}


.case{padding:60px 0; background:url(../images/caseBg.jpg) no-repeat top center fixed; background-size:cover}
.case .indH p{color:#fff; opacity:0.2; filter:alpha(opacity=20);}
.case .indH span, .case .indH i{background:none; color:#fff;}
.caseCon{width:1200px; margin:0 auto;}
.case ul{margin-left:-24px; padding-top:30px;}
.case ul li{width:282px; padding:0 0 20px 24px; float:left;}
.case ul li a{display:block; height:220px; padding-bottom:50px; overflow:hidden; position:relative;}
.case ul li a p{height:220px; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.case ul li a p i{display:block; background:rgba(139,200,60,.8); transform:scale(.8); -webkit-transform:scale(.8); opacity:0; filter:alpha(opacity=0); position:absolute; left:0; top:0; right:0; bottom:0; -webkit-transition:all .6s; -moz-transition:all .6s; -o-transition:all .6s; transition:all .6s; z-index:0;}
.case ul li a p span{display:block; position:absolute; background:#fff; -webkit-transition:all .7s; -moz-transition:all .7s; -o-transition:all .7s; transition:all .7s; z-index:1}
.case ul li a p .wLine1{width:0; height:1px; top:0; right:0;}
.case ul li a p .wLine2{width:1px; height:0; top:0; right:0;}
.case ul li a p .wLine3{width:0; height:1px; bottom:0; left:0;}
.case ul li a p .wLine4{width:1px; height:0; bottom:0; left:0;}
.case ul li a h3{width:calc(100% - 40px); height:40px; line-height:40px; padding:0 20px; text-align:center; font-size:16px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; left:0; bottom:0; z-index:2; color:#fff; -webkit-transition:all .6s; -moz-transition:all .6s; -o-transition:all .6s; transition:all .6s;}
.case ul li a:hover p{box-shadow:0 0 8px rgba(0,0,0,.3);}
.case ul li a:hover p i{transform:scale(1); -webkit-transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.case ul li a:hover p .wLine1, .case ul li a:hover p .wLine3{width:100%;}
.case ul li a:hover p .wLine2, .case ul li a:hover p .wLine4{height:100%;}
.case ul li a:hover h3{bottom:50%;}
.case .more{padding-top:0;}


.service{padding:60px 0; background:#f4f4f4;}
.service .indH span{background:#f4f4f4;}
.serviceCon{width:1200px; margin:0 auto;}
.service img{width:384px; vertical-align:top;}
.service dl dd{height:74px; line-height:74px; padding:20px 0; font-size:36px; color:#2269c0; font-weight:bold;}
.service dl dd span{font-size:68px; padding-left:10px;}
.service dl dt{background:url(../images/a02.png) no-repeat right 15px; line-height:25px; padding:10px 25px;}
.service1, .service2{padding-top:30px;}
.service1 img{float:left;}
.service2 img{float:right;}
.service1 dl{margin-left:400px; text-align:right;}
.service2 dl{margin-right:400px;}
.service2 dl dt{background-position:left 15px;}


.F1{width:1200px; margin:60px auto;}
.news{width:655px; float:left;}
.news .hd{height:60px;}
.news .hd .more{float:right; height:60px; padding-top:0;}
.news .hd .more a{width:auto; height:60px; line-height:60px; background:none; color:#8bc83c;}
.news .hd .more a:hover{color:#8bc83c;}
.news .hd ul{float:left;}
.news .hd ul li{width:178px; height:58px; line-height:58px; border:#dedede 1px solid; border-radius:3px; text-align:center; margin-right:20px; cursor:pointer; font-size:18px; float:left;}
.news .hd ul li.on{background:#2269c0; color:#fff;}
.news .bd{width:655px; padding-top:30px;}
.news .bd dl{height:170px;}
.news .bd dl dd{width:300px; height:170px; float:left;}
.news .bd dl dd a{display:block; height:170px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.news .bd dl dt{height:170px; margin-left:330px;}
.news .bd dl dt h3{height:28px; line-height:28px; font-size:14px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:10px;}
.news .bd dl dt p{height:72px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font-size:12px; color:#666;}
.news .bd dl dt span{display:block; height:42px; line-height:42px; padding-top:18px;}
.news .bd dl dt span a{display:block; width:172px; height:42px; color:#fff; background:#2269c0; text-align:center; border-radius:21px; font-size:15px;}
.news .bd dl dt span a:hover{background:#8bc83c;}
.news .bd ul{padding-top:16px;}
.news .bd ul li{height:54px; line-height:54px; padding:10px 0; margin-top:8px; border:#dedede 1px solid; background:#fff;}
.news .bd ul li span{float:left; display:block; width:115px; height:54px; line-height:21px; color:#aaa; font-size:16px; font-family:Arial, Helvetica, sans-serif; border-right:#dedede 1px solid; text-align:center;}
.news .bd ul li span i{display:block; height:29px; line-height:29px; font-size:24px; color:#000; font-style:normal;}
.news .bd ul li a{display:block; margin-left:116px; height:54px; line-height:54px; padding:0 30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .bd ul li a i{display:block; width:30px; height:54px; background:url(../images/a01.jpg) no-repeat center center; float:right; margin-left:20px;-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.news .bd dl dt h3 a:hover, .news .bd ul li a:hover{color:#f06700;}
.news .bd ul li a:hover i{background-image:url(../images/a02.jpg);}

.faq{margin-left:725px;}
.faq h2{height:58px; line-height:58px; font-weight:normal; font-size:18px; border-bottom:#dedede 1px solid; border-top:#dedede 1px solid;}
.faq h2 span{padding-left:15px; color:#d2d2d2; font-size:16px;}
.faq h2 a{float:right; display:block; width:27px; height:27px; margin-top:15px; background:url(../images/m01.jpg) no-repeat;}
.faq h2 a:hover{color:#8bc83c;}
.faq .bd{margin-top:30px; height:438px; overflow:hidden;}
.faq .bd ul li{height:124px; border-bottom:#ededed 1px dashed; margin-bottom:24px;}
.faq .bd ul li h3{height:32px; line-height:32px; padding-left:46px; background:url(../images/iFaq.jpg) no-repeat left center; font-weight:normal; font-size:14px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:10px;}
.faq .bd ul li p{height:52px; line-height:26px; font-size:14px; color:#666; padding-left:46px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}


.foot{color:#fff; background:url(../images/footBg.jpg) no-repeat center center; background-size:cover; line-height:33px;}
.foot a{color:#fff;}
.foot a:hover{color:#fff; text-decoration:underline;}
.footCon{width:1200px; margin:auto; padding:40px 0; border-bottom:#3888ea 1px solid;}

.fNav{width:912px; float:left;}
.fNav dl{width:152px; float:left;}
.fNav dl dd{height:71px; line-height:43px; font-size:18px; font-weight:bold; position:relative;}
.fNav dl dd i{display:block; width:12px; height:1px; background:#fff; position:absolute; left:0; bottom:14px;}
.fNav dl dt{height:33px; line-height:33px; padding-right:20px;}
.fNav dl.proNav{width:456px;}
.fNav dl.proNav dt{width:132px; float:left;}

.contact{margin-left:912px;}
.contact h2{height:71px; line-height:43px; font-size:18px; position:relative;}
.contact h2 i{display:block; width:12px; height:1px; background:#fff; position:absolute; left:0; bottom:14px;}
.contact ul li{height:33px; line-height:33px;}
.contact ul li span{float:left; padding-right:5px;}


.copy{line-height:24px; padding:25px 0; text-align:center;}
.copy a{margin-left:1em;}
.copy i{font-style:normal; display:none;}
.copy em{font-style:normal; padding-left:1em;}
.copy em a{margin-left:0; color:#fff;}

.ny{width:1200px; margin:30px auto 50px;}
.left{width:242px; background:#266aab; padding:15px; float:left;}
.proNav h2{color:#fff; font-size:24px; padding-bottom:18px;}
.proNav h2 span{height:34px; line-height:34px; padding-bottom:10px;}
.proNav h2 p{height:30px; line-height:30px; background:url(../images/iLeftH.png) no-repeat right center; font-weight:normal;}
.proNav ul{background:#fff; padding:15px;}
.proNav ul li{padding-bottom:10px;}
.proNav ul li a{display:block; height:32px; line-height:32px; padding:0 8px 0 15px; background:#266aab; color:#fff; -webkit-border-radius:25px; border-radius:25px;}
.proNav ul li a i{display:inline-block; height:32px; float:right;}
.proNav ul li a:hover{background:#09a550; border-bottom-color:#09a550; color:#fff;}
.proNav ul li a.on{color:#fff; background-color:#ff9c32;}

.leftTel{padding-top:15px; color:#fff; text-align:center;}
.leftTel h2{height:30px; line-height:30px; font-size:16px; font-weight:normal;}
.leftTel h2 i{padding-right:10px; font-size:20px;}
.leftTel p{height:40px; line-height:40px; font-size:22px; font-weight:bold; color:#fff; text-align:center;}

.right{margin-left:306px; min-height:500px;}
.post{height:50px; line-height:50px; border-bottom:#266aab 1px solid; font-size:22px; color:#266aab;}
.post span{float:right; font-size:14px; color:#999;}
.post span em, .post span i{font-style:normal;}
.post p{float:left;}


.list01{padding0-top:20px;}
.list01 li{height:44px; line-height:44px; padding-left:12px; background:url(../images/a03.png) no-repeat left center; border-bottom:#e2e2e2 1px solid; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list01 li span{float:right; padding-left:20px; color:#999;}
.list01 li span i{font-style:normal;}

.list02 ul{margin-left:-24px;}
.list02 ul li{width:282px; padding:24px 0 0 24px; float:left;}
.list02 ul li p{background-color:#eee; height:210px; width:100%; display:block; line-height:normal; overflow:hidden; position:relative; margin:0;}
.list02 ul li p span{display:block; width:100%; height:210px; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:424ms linear;}
.list02 ul li h3{color:#5d5d5d; font-size:14px; line-height:normal; transition:350ms; height:40px; line-height:40px; text-align:center; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list02 ul li p i{position:absolute; left:0; top:0; box-sizing:border-box; width:100%; height:100%; background:rgba(0,167,45,.8); filter:alpha(opacity=20); z-index:20; opacity:0; transform:skewX(45deg); visibility:hidden; transition:360ms; display:block;}
.list02 ul li p i b{display:block; width:46px; height:46px; position:absolute; left:50%; top:50%; margin-left:-23px; margin-top:-23px; z-index:30;}
.list02 ul li p i b:before{content:""; width:100%; height:1px; background:#ff9c32; position:absolute; left:0; top:23px; transform:translateX(-200px); -webkit-transform:translateX(-200px); -moz-transform:translateX(-200px);}
.list02 ul li p i b:after{content:""; width:1px; height:100%; background:#ff9c32; position:absolute; left:23px; top:0; transform:translateY(-200px); -webkit-transform:translateY(-200px); -moz-transform:translateY(-200px);}
.list02 ul li p i:before{content:""; width:100%; height:0; border-left:3px solid #ff9c32; border-right:3px solid #ff9c32; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;}
.list02 ul li p i:after{content:""; width:0; height:100%; border-top:3px solid #ff9c32; border-bottom:3px solid #ff9c32; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;}
.list02 ul li:hover p i{opacity:1; transform:skewX(0); visibility:visible;}
.list02 ul li:hover p i:before{height:100%; transition:330ms 200ms;}
.list02 ul li:hover p i:after{width:100%; transition:330ms 200ms;}
.list02 ul li:hover p span{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.list02 ul li:hover p i b:before{transition:355ms 180ms; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.list02 ul li:hover p i b:after{transition:355ms 240ms; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.list02 ul li:hover h3{color:#2269c0;}

.page{width:100%; text-align:center; padding:30px 0;}
.page a, .page span{display:inline-block; margin:0 10px; padding:0 20px; height:30px; border:#ddd 1px solid; line-height:30px;}
.page a.noneBtn{border-color:#eee; color:#ddd; cursor:default;}

.article{line-height:30px; background:#fff; margin:20px auto 0;}
.articleTitle{line-height:30px; font-size:20px; font-weight:bold; text-align:center;}
.articleInfo{width:80%; margin:10px auto; height:30px; line-height:30px; background:#f2f2f2; color:#999; text-align:center;}
.articleInfo span{padding-left:20px;}
.articleInfo span i{font-style:normal;}
.articleImg{width:100%; padding-top:20px; text-align:center;}
.articleImg img{max-width:600px; vertical-align:top;}
.articleImg img:hover{cursor:url(../images/cursor.ico),auto;}
.articleCon{padding-top:10px; line-height:30px;}
.articleCon img{max-width:100%; vertical-align:top;}

#pic{width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; background:rgba(0,0,0,0.6); text-align:center;}
#pic img{max-width:100%; max-height:100%; vertical-align:middle; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

table,table td{border-collapse:collapse;}

.pc{display:block;}
.navBtn, .leftMenu, wap{display:none;}
@media only screen and (max-width : 960px){
	body{font-size:62.5%; min-width:100%;overflow-x:hidden;}
	div{font-size:.45rem;}
	.tel, .menu, .fNav, .copy a, .left, .page span{display:none;}
	.overHidden{overflow:hidden; height:100%;}
	
	.head{width:100%; height:1.8rem; background:#ffff; position:fixed; left:0; top:0; z-index:99; background-position:.5rem center; background-size:auto .64rem; background-repeat:no-repeat;box-shadow:0 3px 5px rgba(0,0,0,.1);}
	
	
	/* 导航菜单 */
	.head .navBtn{display:block; width:1.8rem; height:1.8rem; overflow:hidden; position:absolute; top:0; right:0; cursor:pointer; outline:none; background:url(../images/menuBg.png) no-repeat center center; background-size:cover;}
	.leftMenu{display:block; background:#2269c0; right:-1000px; position:fixed; top:0; display:block; height:100%; width:68%; min-width:140px; max-width:440px; z-index:90002; transition:all .4s ease; overflow:auto;}
	.leftMenu a{display:block; font-size:.5rem; color:#fff;}
	.leftMenu.menu-open{right:0;}
	.menu-dark-backdrop{background:rgba(0,0,0,0); transition:all .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);}
	.navWap{padding:.5rem;}
	.navWap ul{border-bottom:#3888ea 1px solid;}
	.navWap ul li{min-height:1.2rem; line-height:1.2rem; border-top:#3888ea 1px solid; border-bottom:#1152a2 1px solid;}
	.navWap ul li:first-child{border-top:0;}
	.navWap ul li a{display:block; height:1.2rem; line-height:1.2rem; position:relative;}
	.navWap ul li .inactive{background:url(../images/off.png) no-repeat right center; background-size:.4rem .4rem;}
	.navWap ul li .inactives{background:url(../images/on.png) no-repeat right center; background-size:.4rem .4rem;} 
	.navWap ul li ul{display:none; border-bottom:0;}
	.navWap ul li ul li{padding-left:.5rem; border-bottom:0;border-top:0;}
	.navWap ul li ul li ul{display:none;}
	.navWap ul li ul li a{font-size:.45rem;}

	
	.banner{margin-top:1.8rem;}
	.banner .bd li p{width:100%; height:0; padding-top:54%;}
	.banner .bannerTxt{height:2rem; line-height:1rem; font-size:.6rem; margin-top:-1rem;}
	.banner .hd{height:10px; bottom:.3rem;}
	.banner .hd ul li{margin:0 .1rem; width:6px; height:6px;}
	.banner .prev, .banner .next{display:none;}
	
	.indH{height:auto;}
	.indH p{height:1.2rem; line-height:1.2rem; font-size:0.9rem;}
	.indH span{height:0.8rem; line-height:0.8rem; font-size:.6rem; padding:0 0.15rem; margin-top:0.6rem;}
	.indH i{line-height:.5rem; padding-top:.3rem; font-size:.36rem;}
	
	.pro{padding:.5rem 0 .8rem; background-size:cover;}
	.pro .indH{padding:0 .5rem;}
	.proCon{width:auto; padding-top:0;}
	.pro .right ul{margin-left:0; padding:.3rem .25rem 0;}
	.pro .right ul li{width:50%; padding:.3rem 0 0;}
	.pro .right ul li a{display:block; margin:0 .25rem;}
	.pro .right ul li p{height:0; padding-top:75%; position:relative;}
	.pro .right ul li p span{height:100%; position:absolute; left:0; top:0; z-index:0;}
	.pro .right ul li h3{font-size:.45rem; margin-top:.2rem; height:.8rem; line-height:.8rem;}
	
	.more{height:1.2rem; padding-top:.5rem;}
	.more a{width:4.2rem; height:1.2rem; line-height:1.2rem; border-radius:.6rem;}
	
	.ys{width:auto; margin:0.6rem 0.5rem;}
	.ys h2{line-height:1.2rem; font-size:0.6rem;}
	.ys h2 p{height:auto;}
	.ys h2 p span{padding:0.2rem 0.3rem; height:auto; line-height:0.6rem; font-size:0.36rem;}
	.ys ul{margin-left:0;}
	.ys ul li{width:auto; padding:0.5rem 0 0; float:none;}
	.ys ul li .pic{height:auto; overflow:hidden;}
	.ys ul li .pic p{height:0; padding-top:46%;}
	.ys ul li .txt{height:auto; padding:0.2rem 0.3rem;}
	.ys ul li .txt h3{height:auto; line-height:0.7rem; padding:0; font-size:0.5rem;}
	.ys ul li .txt p{line-height:0.7rem; padding-top:0.2rem; font-size:0.4rem;}

	
	.about{background:#2269c0; padding:.5rem 0 .8rem; width:auto; height:auto; margin:0;}
	.aboutCon{width:auto; height:auto; position:relative; margin:.3rem auto 0; padding-left:0;}
	.aboutPic{width:auto; height:auto; float:none; margin:0 0.5rem;}
	.aboutPic .bd{width:100%; height:auto; float:none;}
	.aboutPic .bd li p{height:0; padding-top:70%;}
	.aboutPic .hd{width:100%; height:auto; left:0; bottom:0.3rem;}
	.aboutPic .hd ul{height:0.3rem; padding:0.1rem;}
	.aboutPic .hd ul li{width:0.3rem; height:0.3rem; border-radius:50%;}
	.aboutPic .prev, .aboutPic .next{display:block; width:1rem; height:1rem; line-height:1rem; font-size:0.8rem; top:50%; margin-top:-0.5rem;}
	.aboutPic .prev{left:0.3rem;}
	.aboutPic .next{right:0.3rem;}
	.aboutPic .timer{width:calc(100% - 10px); left:5px;}
	
	.aboutPic i{display:none;}
	.aboutTxt{width:auto; height:auto; position:static; left:auto; top:auto; margin:0; padding:0.5rem 0.5rem 0;}
	.aboutTxt h3{height:auto; line-height:1rem; font-size:.5rem; color:#fff;}
	.aboutTxt h3 p{height:1rem; line-height:1rem; font-size:.8rem;}
	.aboutTxt .txt{height:6.4rem; line-height:.8rem; padding-top:.4rem; color:#fff;}
	.aboutTxt ul{height:auto; margin-left:0; padding-top:0;}
	.aboutTxt ul li{width:50%; height:auto; padding:0.4rem 0 0; text-align:center;}
	.aboutTxt ul li a{height:auto; margin:0.4rem .25rem 0; padding-bottom:0.3rem; text-align:center; color:#fff;}
	.aboutTxt ul li a span{width:2rem; height:2rem; line-height:2rem; box-sizing:border-box; border-radius:50%; font-size:1rem !important; float:none; margin:0 auto; color:#fff;}
	.aboutTxt ul li a p{margin-left:0; padding-top:.2rem; line-height:.8rem; font-size:.45rem;}
	.aboutTxt ul li a p i{font-size:0.3rem; height:0.5rem; line-height:0.5rem; color:#fff; opacity:0.5;}
	.aboutTxt ul li a em{width:0.6rem; height:2px; background:#fff; margin-left:-0.3rem;}
	
	
	.tab{width:auto; margin:0.6rem 0.5rem 0.8rem;}
	.tabHd{height:1.2rem;}
	.tabHd ul{width:calc(100% - 6px); height:calc(1.2rem - 6px);}
	.tabHd ul li{width:50%; height:calc(1.2rem - 6px); line-height:calc(1.2rem - 6px); font-size:0.5rem;}
	.tabBd{margin-top:0.5rem; height:auto;}
	.scrollBd{width:100%; height:auto;}
	.scrollBd li{width:100%; padding-right:0; float:left;}
	.scrollBd li a{height:auto; border:none; padding:0;}
	.scrollBd li a p{height:0; padding-top:70%; background-size:cover;}
	.scrollBd li a h3{width:100%; height:1.2rem; line-height:1.2rem; padding:0; background:none; color:#000; position:static; left:auto;  bottom:auto; text-align:center; font-size:0.45rem;}
	.scrollBd li a:hover h3{bottom:auto;}
	.scrollHd{display:block; text-align:center; height:0.3rem; margin-top:0.3rem;}
	.scrollHd li{display:inline-block; *display:inline; zoom:1; vertical-align:top; width:0.3rem; height:0.3rem; text-indent:-99px; overflow:hidden; border-radius:50%; background:#eee; margin:0 0.1rem;}
	.scrollHd li.on{background:#2269c0;}
	.scrollBox .scrollL, .scrollBox .scrollR{display:none;}
	
	
	.case{padding:0.5rem 0 0.8rem;}
	.caseCon{width:auto;}
	.case ul{margin-left:0; padding:0.5rem 0.25rem 0;}
	.case ul li{width:50%; padding:0 0 0.3rem;}
	.case ul li a{display:block; margin:0 0.25rem; height:auto; padding-bottom:1rem;}
	.case ul li a p{height:0; padding-top:78.5%;}
	.case ul li a h3{width:calc(100% - 0.6rem); height:1rem; line-height:1rem; padding:0 0.3rem; font-size:0.45rem;}
	
	
	.service{padding:0.5rem;}
	.serviceCon{width:auto;}
	.service img{width:1.8rem; position:absolute; top:0.5rem;}
	.service dl dd{height:0.8rem; line-height:0.8rem; padding:1rem 0 0.2rem; font-size:0.6rem; position:relative;}
	.service dl dd span{width:100%; font-size:1rem; padding-left:0; position:absolute; left:0; top:0;}
	.service dl dt{background:url(../images/a02.png) no-repeat left 0.35rem; background-size:0.4rem 0.4rem; line-height:0.7rem; padding:0.2rem 0 0.2rem 0.6rem;}
	.service1, .service2{padding:0.5rem 0 0.3rem; position:relative;}
	.service1 img{left:0;}
	.service1 dl dd{text-align:right;}
	.service2 img{right:0;}
	.service1 dl{margin-left:0; text-align:left;}
	.service2 dl{margin-right:0;}
	.service2 dl dt{background-position:left 0.35rem;}
	
	
	.F1{width:auto; margin:0.6rem 0 0.8rem;}
	.news{width:auto; float:none;}
	.news .hd{height:1.2rem; padding:0 0.25rem}
	.news .hd .more{height:1.2rem;}
	.news .hd .more a{width:auto; height:1.2rem; line-height:1.2rem;}
	.news .hd ul{float:none;}
	.news .hd ul li{width:calc(50% - 0.5rem - 2px); height:calc(1.2rem - 2px); line-height:calc(1.2rem - 2px); margin:0 0.25rem; font-size:0.5rem;}
	.news .bd{width:calc(100% - 1rem); padding:0.5rem 0.5rem 0;}
	.news .bd dl{height:auto;}
	.news .bd dl dd{width:3.6rem; height:auto;}
	.news .bd dl dd a{height:2.4rem;}
	.news .bd dl dt{height:2.4rem; margin-left:4rem;}
	.news .bd dl dt h3{height:0.8rem; line-height:0.8rem; font-size:0.45rem; padding-bottom:0.2rem;}
	.news .bd dl dt p{height:1.4rem; line-height:0.7rem; -webkit-line-clamp:2; font-size:0.36rem;}
	.news .bd dl dt span{display:none;}
	.news .bd ul{padding-top:0.3rem;}
	.news .bd ul li{height:1.2rem; line-height:1.2rem; padding:0.15rem 0; margin-top:0.2rem;}
	.news .bd ul li span{width:calc(1.6rem - 1px); height:1.2rem; line-height:0.56rem; font-size:0.36rem;}
	.news .bd ul li span i{height:0.64rem; line-height:0.64rem; font-size:0.6rem;}
	.news .bd ul li a{margin-left:1.6rem; height:1.2rem; line-height:1.2rem; padding:0 0.3rem; font-size:0.45rem;}
	.news .bd ul li a i{display:block; width:30px; height:54px; margin-left:0.3rem;}
	
	.faq{margin:0.8rem 0.5rem 0;}
	.faq h2{height:1.2rem; line-height:1.2rem; font-size:0.6rem; border-bottom:#dedede 1px solid; border-top:#dedede 1px solid;}
	.faq h2 span{padding-left:0.3rem; font-size:0.5rem;}
	.faq h2 a{width:0.6rem; height:0.6rem; margin-top:0.3rem; background-size:0.6rem 0.6rem;}
	.faq .bd{margin-top:0.3rem; height:calc(8.4rem + 3px);}
	.faq .bd ul li{height:2.3rem; padding-bottom:0.3rem; border-bottom:#ededed 1px dashed; margin-bottom:0.3rem;}
	.faq .bd ul li h3{height:0.8rem; line-height:0.8rem; padding-left:0.8rem; background-size:0.6rem 0.6rem; font-size:0.45rem; margin-bottom:0.1rem;}
	.faq .bd ul li p{height:1.4rem; line-height:0.7rem; font-size:0.4rem; padding-left:0.8rem;}
	
	
	.foot{line-height:.8rem; background-size:cover;}
	.footCon{padding:.5rem 0; width:auto;}
	
	.contact{margin-left:0; padding:0 .3rem;}
	.contact h2{height:1.3rem; line-height:1rem; font-size:.5rem;}
	.contact h2 i{width:.4rem; bottom:0;}
	.contact ul{padding-top:.2rem;}
	.contact ul li{height:auto; line-height:.8rem;}
	
	
	.copy{line-height:.8rem; padding:.3rem 0; font-size:.4rem;}
	.copy em a{display:inline;}
	
	.ny{width:auto; margin:0;}
	.right{margin-left:0; min-height:8rem;}
	.post{height:1.2rem; line-height:1.2rem; font-size:.5rem; padding:0 .5rem; border-bottom:#eee .3rem solid;}
	.post span{font-size:.45rem; float:none;}
	.post span em{display:none;}
	.post span i{color:#266aab;}
	.post p{display:none;}
	
	.list01{padding:.3rem .5rem .5rem;}
	.list01 li{height:1rem; line-height:1rem; font-size:.45rem;}
	.list01 li span{float:right; padding-left:.3rem;}
	
	.list02 ul{margin-left:0; padding:.3rem .25rem 0.5rem;}
	.list02 ul li{width:50%; padding:.3rem 0 0;}
	.list02 ul li a{display:block; margin:0 .25rem;}
	.list02 ul li p{height:0; padding-top:75%; position:relative;}
	.list02 ul li p span{height:100%; position:absolute; left:0; top:0; z-index:0;}
	.list02 ul li h3{font-size:.45rem; margin-top:.2rem; height:.8rem; line-height:.8rem;}
	
	.page{width:auto; padding:.5rem; font-size:.45rem; border-top:#eee .3rem solid; background:#fff;}
	.page a{margin:0 .5rem; padding:0 .8rem; height:1rem; line-height:1rem;  border-radius:.1rem;}
	.page span{display:none;}
	
	.article{line-height:.8rem; margin:0; padding:0 .5rem;}
	.articleTitle{line-height:1rem; font-size:.56rem; padding-top:.3rem;}
	.articleInfo{width:auto; margin:.1rem 0 0; height:.8rem; line-height:.8rem; font-size:.4rem;}
	.articleInfo span{padding-left:.3rem;}
	.articleImg{padding-top:.3rem;}
	.articleCon{line-height:.8rem; padding:.3rem .3rem .5rem; font-size:.45rem;}
	.article .articleCon{padding:.3rem 0 .5rem;}
	.articleCon .tableBox{overflow-x:auto;}
	
	.pc{display:none;}
	.wap{display:block;}
}

@media only screen and (max-width : 640px){
	.copy span, .list01 li span i{display:none;}
	.copy i{display:inline;}
	.copy em{display:block; padding-left:0;}
}