@charset "utf-8";*{margin:0;padding:0}
body{color:#333;font-size:14px;font-family:微软雅黑;background:url(../images/bg.jpg) center}
li{list-style:none;float:left}
a{text-decoration:none;color:#333}
.w1200{width:1200px;margin:0 auto}
.w100{width:100%;}
.clear{clear:both}
img{border:0}
.fl{float:left}
.fr{float:right}
input{border:0;outline:0}
button{outline:0}
.xx{height:490px;position:absolute;top:0;left:50%;margin-left:-600px;z-index:9999}
.xx .marq{width:400px;height:490px;background-size:350px 100%;background:url(../images/xx.png) center no-repeat}
.xx .marq h3{text-align:center;padding-top:110px;font-size:20px;text-indent:15px;color:red}
.xx .marq ul{width:230px;padding:15px 100px;height:192px;overflow:hidden}
.xx .marq ul li{line-height:30px;color:#333}
.xx .marq ul li span{margin-right:10px}
.xx .marq .ck{width:120px;height:30px;border:1px solid #fb97c3;background:#fff;line-height:30px;text-align:center;margin:5px 147px;border-radius:14px}
.xx .marq .ck:hover{background:#fb97c3}
.xx .marq .ck:hover a{color:#fff;display:block}

.top{ height:30px; line-height:30px; background:#f3f3f3; color:#333;}
.top span{ float:right; }
.top .span a:hover{ color:#000}

.banner{height:680px;background:#fff;position:relative}
.flexslider{position:relative;height:680px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat}
.slides{position:relative;z-index:1}
.slides li{height:680px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;left:50%;margin-left:-60px}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;zoom:1}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer}
.flex-control-nav .flex-active{background-position:0 0}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:35%}
.flex-direction-nav li a{display:block;width:88px;height:171px;overflow:hidden;cursor:pointer;position:absolute}
.flex-direction-nav li a.flex-prev{left:10%;background:url(../images/prev.png) center center no-repeat;transition:all .3s linear;z-index:100000}
.flex-direction-nav li a.flex-next{right:10%;background:url(../images/next.png) center center no-repeat;transition:all .3s linear;z-index:100000}
.header{height:75px;}



.menu1{position:relative; background:#fff; z-index:999 }

.nav{height:50px; width:980px; margin-top:12px; }
.nav ul li{width:108px;text-align:center;line-height:30px; position:relative; background:url(../images/bg.png)90px center  no-repeat; }
.nav ul {  margin:0 auto; height:50px;  }
.nav ul li>a{color:#333;display:block;width:111px;height:50px;position:relative;z-index:99; line-height:50px;}
.nav ul li:hover>a { background:#f9f9f9 url(../images/bga.png)90px center  no-repeat;}
.nav ul li a.active{background:#f9f9f9 url(../images/bga.png)90px center  no-repeat;}
.nav ul li ul{width:111px;height:0;position:absolute;top:0px; left:0px;background:#f9f9f9;z-index:99;transition:all .3s linear;z-index:0;overflow:hidden;border-bottom:0px solid #03528f;}
.nav ul ul>li{line-height:40px;text-align:center;width:111px;background:#f9f9f9;border-bottom:dashed 1px #f5f5f5}
.nav ul ul>li>a{color:#666;display:block;line-height:40px;height:40px;width:111px;padding-top:0;}
.nav ul ul>li:hover{margin-left:0}
.nav ul ul>li:hover>a{color:#000;display:block;border:0;font-weight:400; background:#eee}
.nav ul li:hover ul{transition:all .3s linear;height: auto;padding:50px 0 5px;}




.service{padding:70px 0}
.tit{text-align:center;font:700 30px/50px 微软雅黑;color:#eb3b02;position:relative;height:55px;text-transform:uppercase}
.tit span{font:700 30px/50px 微软雅黑;color:#111}
.tit::after{width:440px;height:1px;background:#ccc;position:absolute;top:55px;left:380px;content:""}
.tit::before{width:120px;height:3px;background:#d2d2d2;position:absolute;top:54px;left:540px;content:"";z-index:99}

.tita{text-align:center;font:700 30px/50px 微软雅黑;color:#fff;position:relative;height:55px;text-transform:uppercase}
.tita span{font:700 30px/50px 微软雅黑;color:#fff}
.tita::after{width:440px;height:1px;background:#fff;position:absolute;top:55px;left:380px;content:""}
.tita::before{width:120px;height:3px;background:#d9efff;position:absolute;top:54px;left:540px;content:"";z-index:99}

.service p{text-align:center;width:900px;margin:10px auto;line-height:26px}
#ISL_Cont_1{ margin:10px 5px 10px 26px;height:355px;float:left; padding-top:5px  }
#ISL_Cont_1 .product{width:250px; height:350px; float:left; text-align:center; margin:0 10px;  border:1px solid #f6f6f6; position:relative; top:0; transition:all 0.3s linear; background:#fbfbfb}
#ISL_Cont_1 .product a{width:250px; height:90px; float:left; text-align:center; }
#ISL_Cont_1 .product img{max-width:230px; max-height:260px; margin:10px }
#ISL_Cont_1 .product:hover {  border:1px solid #fff; box-shadow:0 5px  8px #ddd; top:-5px; background:#fff }

#ISL_Cont_1 .product a span{width:60%;height:60px; line-heisght:35px; text-align:center; display:block; font-size:15px; color:#666; padding:10px 20% ; line-height:24px; }
#ISL_Cont_1 .product a p{ width:120px; height:26px; border:1px solid #ccc; border-radius:13px; margin:10px auto 0; line-height:26px; color:#999}
#ISL_Cont_1 .product a p:hover { color:#fff; background:#333 }
#ISL_Cont_1 .product:hover  span { color:#222}



#ISL_Cont_2{ margin:10px 5px 10px 26px;height:355px;float:left; padding-top:5px  }
#ISL_Cont_2 .product{width:350px; height:300px; float:left; text-align:center; margin:0 10px;  border:1px solid #f6f6f6; position:relative; top:0; transition:all 0.3s linear; background:#fbfbfb}
#ISL_Cont_2 .product a{width:350px; height:90px; float:left; text-align:center; }
#ISL_Cont_2 .product img{max-width:330px; max-height:260px; margin:10px }
#ISL_Cont_2 .product:hover {  border:1px solid #fff; box-shadow:0 5px  8px #ddd; top:-5px; background:#fff }

#ISL_Cont_2 .product a span{width:60%;height:60px; line-heisght:35px; text-align:center; display:block; font-size:15px; color:#666; padding:10px 20% ; line-height:24px; }
#ISL_Cont_2 .product a p{ width:120px; height:26px; border:1px solid #ccc; border-radius:13px; margin:10px auto 0; line-height:26px; color:#999}
#ISL_Cont_2 .product a p:hover { color:#fff; background:#333 }
#ISL_Cont_2 .product:hover  span { color:#222}

#Leftarr{float:left;margin-top:150px; margin-right:5px;width:27px;height:23px;cursor:pointer;display:inline; position:relative; left:15px}
#Rightarr{float:right;margin-top:150px;margin-left:20px;width:27px;height:23px;cursor:pointer;display:inline; position:relative; right:15px}




.about{height:530px; background:url(../images/abl.jpg) center no-repeat fixed; padding:60px 0;}
.ab_txt{ padding-top:45px; position:relative}
.ab_bb{ position:absolute; top:75px; right:100px; width:750px; height:300px; padding:20px 30px ; line-height:30px; color:#fff}
.ab_bb h3{ font:bold 30px/60px 微软雅黑; color:#fff; padding-bottom:20px; position:relative}
.ab_bb h3::before{width:60px;height:1px;background:#999;position:absolute;top:64px;left:0px;content:"";z-index:99}
.ab_bb a{ color:#fff ; display:block; width:200px; height:40px; border-radius:20px; background:#eb3a06; text-align:center; line-height:40px; margin-top:40px;}
.ab_bb a:hover { color:#f8f8f8}


.case{padding:70px 0; background:#f8f8f8}

.case ul li{width:330px;height:100px;background:#fff; margin-top:40px; margin-left:50px; box-shadow:2px 2px 5px #eee; position:relative; top:0;transition:all 0.3s linear}
.case ul li img{width:52px;height:52px; margin:24px; float: left}
.case ul li p{line-height:30px;font-size:18px; float:right; width:200px; padding:20px 30px 20px 0;}
.case ul { padding-top:20px;}
.case ul li:hover{ top:-5px; transition:all 0.3s linear; cursor:pointer}


.news{padding:70px 0;}
.news .news_l{width:464px;height:100%;float:left;position:relative}
.news .news_l dl img{width:100%;height:125px}
.news .news_l dl dt{font:18px/35px 微软雅黑;color:#333;padding-top:10px}
.news .news_l dl dd{font:14px/26px 微软雅黑;color:#666}
.news .news_l .ck{width:150px;height:30px;background:#eb3b02;border-radius:5px;text-align:center;line-height:30px;margin-top:30px;position:relative;top:0;transition:all .3s linear}
.news .news_l .ck a{color:#fff;display:block}
.news .news_l .ck:hover{top:-5px;box-shadow:2px 2px 10px #999}
.news .news_l .numb{width:72px;height:72px;position:absolute;top:0;left:0;background:#eb3b02;color:#fff;text-align:center}
.news .news_l .numb p{font:45px/50px 微软雅黑}
.news .news_l .numb span{font:15px/10px 微软雅黑 ; }
.news .news_r{width:640px;height:100%;float:right}
.news .news_r ul li{width:100%;height:72px;border-bottom:1px solid #f5f5f5;padding:12px 0;position:relative;}
.news .news_r ul li:first-child{padding-top:0}
.news .news_r ul li .numb{width:92px;height:92px;float:left;text-align:center}
.news .news_r ul li .numb p{font:50px/55px 微软雅黑;color:#666}
.news .news_r ul li .numb span{font:15px/10px 微软雅黑;color:#333}
.news .news_r ul li .n_txt h3{font:16px/30px 微软雅黑; color:#333}
.news .news_r ul li:hover .n_txt h3{color:#eb3b02}
.news .news_r ul li .n_txt span{font:14px/20px 微软雅黑;color:#666}
.news .news_r ul li .p1{position:absolute;bottom:-1px;width:0;height:2px;background:#eb3b02;transition:all .3s linear}
.news .news_r ul li:hover .p1{ width:100%;}



.engin{ padding:70px 0;}
.engin ul li{  position:relative;overflow:hidden; }
.engin ul li:nth-child(1),.engin ul li:nth-child(3),.engin ul li:nth-child(6),.engin ul li:nth-child(8){ width:280px; height:200px;}
.engin ul li:nth-child(4),.engin ul li:nth-child(5),.engin ul li:nth-child(7){ width:320px; height:200px;}
.engin ul li:nth-child(2),.engin ul li:nth-child(3){ width:300px; height:200px;}

.engin ul li img{ width:100%; height:100%}
.engin ul li p{ width:100%;  line-height:40px; text-align:center; background:rgba(0,0,0,0.5); transition:all .3s linear; position:absolute; bottom:-40px;}
.engin ul li:hover p{ bottom:0;transition:all .3s linear; }
.engin ul li a{ color:#fff;}



.foot{ background:#f8f8f8; padding:70px 0 50px;}
.foot h3{ line-height:45px;}
.f_con{ width:400px;}
.f_con .f_txt{ font:14px/26px 微软雅黑; color:#555}
.f_con .f_txt a{ color:#555}
.f_ewm{ width:180px; margin-left:50px;}
.f_ewm img{ width:130px; border:2px solid #fff;}
.f_nav{ width:550px;}
.f_nav ul li{ width:109px; line-height:45px;  font-size:15px;}
.f_nav ul li>ul li{ line-height:35px;font-size:13px;}
.f_nav ul li>ul li a{ color:#555}
.f_nav ul li>ul li:hover a{ color:#222; }

.banq{ line-height:45px; background:#777; text-align:center; color:#fff;}

.dn{display:none}
.go-top{position:fixed;bottom:40px;right:20px;width:46px;z-index:999}
.go-top a{display:block;width:46px;height:46px;margin-bottom:10px;background-image:url(../images/go-top.png?)}
.go-top a:last-child{margin-bottom:0}
.go-top .go{background-position:0 -150px}
.go-top .go:hover{background-position:0 -250px}
.go-top .feedback{background-position:0 -100px}
.go-top .feedback:hover{background-position:0 -300px}
.go-top .uc-2vm{background-position:0 0}
.go-top .uc-2vm:hover{background-position:0 -350px}
.go-top .qq{background-position:0 -50px}
.go-top .qq:hover{background-position:0 -200px}
.go-top .uc-2vm-pop{position:absolute;right:60px;top:-100px;width:150px;box-shadow:0 1px 4px rgba(0,0,0,.1);background:#fff}
.go-top .uc-2vm-pop .title-2wm{font-size:14px;margin:10px 20px}
.go-top .uc-2vm-pop .logo-2wm-box{position:relative}
.news1 li a{color:#333}
.news1 li{width:100%;height:40px;border-bottom:1px dotted #ccc;margin-top:5px;background:url(../images/side_lih.png) 10px center no-repeat,url(../images/side_li.png) 10px -30px no-repeat;transition:all .3s linear}
.news1 li dl dd{width:1120px;padding:0 20px;text-indent:15px}
.news1 li dl dd h4{line-height:40px;text-align:left}
.news1 li dl dd h4 span{float:right;font-weight:400;font-size:14px;margin-right:10px}
.news1 li:hover dl dd h4 a{color:#fff;display:block}
.news1 li:hover dl dd h4{color:#fff}
.news1 li:hover{background:#eb3b02 url(../images/side_li.png) 10px 15px no-repeat}
.center{width:1200px;margin:0 auto;overflow:hidden;zoom:1}
.index-bjbg{padding:40px 0}
.index-bj{height:115px;border:2px solid #ff8201;padding:20px 50px}
.index-bj .title{font-size:20px;border-bottom:1px solid #eee;height:36px;line-height:32px}
.index-bj .title .name{height:34px;border-bottom:3px solid #ff8201;display:inline-block;padding:0 10px}
.index-bj .sele{padding-top:20px}
.index-bj .seleleft{float:left;width:700px}
.index-bj .selelist{height:38px;margin-top:25px;float:left}
.index-bj .selelist label{float:left;width:70px;height:35px;font-size:16px;line-height:35px;text-align:right}
.index-bj .selelist input{float:left;width:220px;padding:0 15px;height:35px;line-height:35px;border:#ccc 1px solid;margin:0 30px;font-size:14px;color:#666}
.index-bj .selelist .select{float:left;width:210px;padding:0 15px;height:35px;line-height:35px;border:#ccc 1px solid;margin:0 30px;font-size:14px;color:#666}
.index-bj .seleright{float:left;margin-left:80px}
.index-bj .selesub{padding-top:23px;width:260px}
.index-bj .selesub input{width:260px;height:40px;line-height:40px;background:#ff8201;font-size:16px;color:#fff;cursor:pointer;border:none}
.index-bj .selesub input:hover{background:#f60;color:#fff}
.index-bj .intro{font-size:18px;color:#333;margin-top:15px;text-align:center}
.conter{width:1200px;margin:1% auto}
.intro{width:1200px;height:120px;background-color:#F8F8F8;margin:auto}
.intro .sub-intro{height:165px;position:relative}
.intro-tit{position:absolute;left:0;top:-100px;background-color:#eb3b02;width:40%;z-index:99}
.info-warm{width:100%;display:table}
/*.info-warm .warm-lft{float:left;width:550px}*/
.about-bian{border:1px solid #fff;color:#fff;text-align:center;padding:8%;margin:3%}
.about-bian h2{font-size:35px;font-family:Constantia;text-transform:uppercase}
.about-bian p{font-size:20px;margin:3% auto}
.info-warm .warm-lft h3{font-size:26px;color:#eb3b02;margin-bottom:5%;border-left:5px solid #464646;padding-left:4%}
.info-warm .warm-lft p{font-size:14px;color:#666;line-height:23px;margin-bottom:10px}
.info-warm .warm-lft span{display:block;width:35px;border-bottom:2px solid #eb3b02;margin:35px 0}
.info-warm .warm-rit{float:right;width:445px}
.warm-tit{margin:5% 0 2% 0;height:195px;text-align:center;background-color:#F8F8F8}
.warm-tit .sub-warm-tit{padding-top:4%}
.warm-tit .sub-warm-tit .sub-tit{height:90px;text-align:center;background:url(../images/buck-tit2.png) no-repeat center bottom}
.warm-tit .sub-warm-tit .sub-tit h3{font-size:40px;color:#eb3b02;font-family:Constantia;text-transform:uppercase}
.warm-tit .sub-warm-tit .sub-tit h5{font-size:16px;color:#000;letter-spacing:10px}
.warm-list{width:100%;margin-top:100px;display:table}
.warm-list .cuper li{width:100%;display:table;margin-bottom:115px;border-bottom:1px solid #F8F8F8}
.warm-list .cuper li dt{float:right;width:550px;height:100px}
.warm-list .cuper li dd{float:left;width:554px}
.warm-list .cuper li dd h4{float:left;width:80px;height:80px;border-radius:50%;background-color:#eb3b02;text-align:center;line-height:80px;font-size:15px;color:#fff;vertical-align:middle}
.warm-list .cuper li dd p{float:right;width:437px;margin-top:14px;line-height:24px;color:#666}
.warm-list .cuper .mx2 dt,.warm-list .cuper .mx4 dt{float:left}
.warm-list .cuper .mx2 dd,.warm-list .cuper .mx4 dd{float:right}
.warm-list .cuper .mx2 dd h4,.warm-list .cuper .mx4 dd h4{background-color:#FF9E20}
.warm-list .cuper .mx2 dd p{margin-top:5px}
.warm-list .cuper .mx3 dd p{margin-top:29px}

.rit-mbx a,.rit-mbx font,.rit-mbx small,.rit-mbx span{display:inline-block;font-size:15px;line-height:40px;margin-left:8px;color:#5D5D5D}
.rit-mbx a:hover{color:#eb3b02}
.news-list,.waper{width:100%;display:table}
.news-list{width:1120px;padding:40px;background-color:#fff;margin:10px auto;box-shadow: 0px 0px 15px #e9e9e9;}
.sub-news{width:100%}
.sub-news li{width:100%;display:table;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #E2E2E2}
.sub-news li dt{float:left;width:199px;height:150px;overflow:hidden; position:relative}
.sub-news li dt div{ left:0; top:0; padding:5px; width:40px; font-size:10px; background:#0075c5; text-align:center; color:#fff}
.sub-news li dt div span{ display:block}
.sub-news li dt div font{ display:block; line-height:10px;}
.sub-news li dt div b{ font-size:18px}
 
.sub-news li dt img{width:199px;height:150px;-webkit-transition:all ease .35s;transition:all ease .35s}
.sub-news li dt img:hover{opacity:.9;-webkit-transform:scale(1.05);transform:scale(1.05)}
.sub-news li dd{width:894px;float:right;position:relative}
.sub-news li dd h6{font-size:15px;color:#A7A7A7;font-weight:400;margin-bottom:3px;margin-top:6px;display:block;background:url(../images/timeico.jpg) no-repeat 0 3px}
.sub-news li dd h3{margin-bottom:20px}
.sub-news li dd h3 a{font-size:18px}
.sub-news li dd h3 a:hover{color:#eb3b02}
.sub-news li dd span{display:block;width:30px;border-top:2px solid #E2E2E2;margin:17px 0}
.sub-news li dd p{width:880px;line-height:22px;color:#999}
.sub-news li dd small a{position:absolute;right:0;top:50%;margin-top:-10px;display:block;width:20px;height:20px;font-size:14px;text-align:center;line-height:18px;border:1px solid #E2E2E2;color:#E2E2E2}
.sub-news li dd small a:hover{background-color:#eb3b02;color:#fff;border-color:#eb3b02}
.luotong_page{padding:3% 0;text-align:center}
.luotong_page a{color:#666;padding:1%;margin:5px;border:1px solid #999}
.luotong_page a:hover{color:#000;border:1px solid #000}
.luotong_page a:active{olor:#999}
.pgfy{width:100%;margin:20px auto}
.pgfyl{width:722px;height:52px;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2}
.pgfyl p{float:left;width:346px;height:52px;padding-left:14px;border-left:1px solid #d2d2d2;color:#666;font-size:14px;line-height:52px}
.pgfyl p a{color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%}
.pgfyr{width:160px;height:30px;text-align:center;margin:16px auto 0 auto;background:#ae2422}
.pgfyr a{color:#fff;font-size:14px;line-height:28px}
.pgfyl p a:hover{color:#CE0000}
.Accord{width:100%; line-height:50px;}
.Accord1 a{float:left;width:50%;height:100px;text-align:center;line-height:100px;background-color:#fff}
.Accord1 a font{font-size:15px}
.Accord1 a span{display:inline-block;height:12px;border-left:1px solid #E2E2E2;vertical-align:middle;margin:0 10px}
.Accord1 a small{font-size:12px;text-transform:uppercase;color:#E2E2E2}
.Accord1 a:hover{background-color:#eb3b02}
.Accord a:hover small,.Accord1 a:hover font{color:#fff}
.Accord1 a.on{background-color:#eb3b02}
.Accord a.on small,.Accord1 a.on font{color:#fff}
.Accord2 .return{float:left;height:40px;position:absolute;left:25px;top:50%;margin-top:-20px; padding:0 15px;}
.Accord2 .return a{display:block;width:150%;height:40px;text-align:center;line-height:40px;border:1px solid #E2E2E2;color:#999;font-size:16px}
.Accord2 .return a img{vertical-align:middle;margin-right:5%}
.Accord2 .return a:hover{border-color:#eb3b02;color:#eb3b02}
.rit-mbx a,.rit-mbx font,.rit-mbx small,.rit-mbx span{display:inline-block;font-size:14px;line-height:40px;margin-left:8px;color:#999}
.rit-mbx a:hover{color:#eb3b02}
.news-title{width:100%;padding-bottom:18px;border-bottom:1px solid #E2E2E2}
.news-title h2{font-size:30px;color:#363636;text-align:center}
.news-title p{margin-top:30px;text-align:center;font-size:12px;color:#999;font-family:"宋体"}
.news-title p font,.news-title p span{display:inline-block;margin-right:15px}
.news-title p span{height:10px;border-right:1px solid #999;vertical-align:middle}
.news-cot h5{font-size:14px;font-weight:700;color:#363636;margin-top:40px}
.news-cot p{margin-top:25px;font-size:14px;color:#4C4C4C;line-height:25px}
.news-fp{width:100%;border-top:1px solid #E2E2E2;margin-top:40px;padding-top:40px}
.news-fp p{float:left;color:#666}
.news-fp p a{color:#666}
.news-fp p a:hover{color:#eb3b02}
.conter2{margin-top:0;box-shadow: 0px 0px 15px #e9e9e9;}
.screening{display:table;height:100px;margin:10px auto;background-color:#fff;box-shadow: 0px 0px 15px #e9e9e9;}
.screening ul{width:100%;display:table}
.screening ul li{float:left;width:133px;position:relative}
.screening ul li a{display:block;width:100%;height:100px;text-align:center;line-height:100px;font-size:15px}
.screening ul li a:hover{background-color:#eb3b02;color:#fff}
.screening ul li span{position:absolute;right:0;top:50%;margin-top:-10px;display:block;height:20px;border-right:1px solid #D2D2D2}
.screening ul li:hover span{display:none}
.content{width:100%;margin:0 auto}
@media screen and (max-width:1440px){.content{width:auto!important;margin:0 auto}
}
@media screen and (max-width:1024px){.content{width:97%;margin:0 auto}
}
@media screen and (max-width:980px){.content{width:95%;margin:0 auto}
}
@media screen and (max-width:720px){.content{width:94%;margin:0 auto}
}
@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio :1.0) and (orientation:landscape){.content .rec_con ul li{width:240px;height:180px;margin-top:10px}
.content .rec_con ul li img{width:240px;height:180px}
}
@media screen and (max-width:480px){.content{width:100%}
}
@media screen and (max-width:380px){.content{width:240px}
}
.waterfull{margin:0 auto;overflow:hidden;padding: 0px 25px;}
.waterfull ul li{float:left;width:280px;margin:20px 10px 0 0;position:relative;overflow:hidden;height: 320px;}
.waterfull ul li:nth-child(4n+4){ margin-right:0;}
.aa ul li{float:left;width:280px;margin:20px 0 0 0;position:relative;overflow:hidden}
.waterfull ul li .a-img{width:280px;display:block;position:relative}
.waterfull ul li .a-img img{width:100%;margin:0 auto;display:block;max-height:240px}
.waterfull ul li .a-img font{position:absolute;left:50%;margin-left:-45%;top:5%;display:block;width:90%;height:90%}
.waterfull ul li .a-img font span{position:absolute;display:block}
.waterfull ul li .a-img font .it-top{left:0;top:0;width:0;border-top:1px solid #fff;-webkit-transition:all .3s cubic-bezier(.45,.65,.65,.45) 0s;-moz-transition:all .3s cubic-bezier(.45,.65,.65,.45) 0s;-o-transition:all .3s cubic-bezier(.45,.65,.65,.45) 0s;transition:all .3s cubic-bezier(.45,.65,.65,.45) 0s}
.waterfull ul li .a-img font .it-bom{right:0;bottom:0;width:0;border-bottom:1px solid #fff;-webkit-transition:all .3s cubic-bezier(.45,.65,.65,.45) 0s;-moz-transition:all .3s cubic-bezier(.45,.65,.65,.45) 0s;-o-transition:all .3s cubic-bezier(.45,.65,.65,.45) 0s;transition:all .3s cubic-bezier(.45,.65,.65,.45) 0s}
.waterfull ul li .a-img font .it-lft{left:0;bottom:0;height:0%;border-left:1px solid #fff;-webkit-transition:all .3s cubic-bezier(.45,.65,.65,.45) 0s;-moz-transition:all .3s cubic-bezier(.45,.65,.65,.45) 0s;-o-transition:all .3s cubic-bezier(.45,.65,.65,.45) 0s;transition:all .3s cubic-bezier(.45,.65,.65,.45) 0s}
.waterfull ul li .a-img font .it-rit{right:0;top:0;height:0%;border-right:1px solid #fff;-webkit-transition:all .3s cubic-bezier(.45,.65,.65,.45) 0s;-moz-transition:all .3s cubic-bezier(.45,.65,.65,.45) 0s;-o-transition:all .3s cubic-bezier(.45,.65,.65,.45) 0s;transition:all .3s cubic-bezier(.45,.65,.65,.45) 0s}
.waterfull ul li:hover .a-img font .it-top{width:100%}
.waterfull ul li:hover .a-img font .it-bom{width:100%}
.waterfull ul li:hover .a-img font .it-lft{height:100%}
.waterfull ul li:hover .a-img font .it-rit{height:100%}
.waterfull ul li .water-tit{width:100%;height:80px}
.waterfull ul li .water-tit a{display:block;width:100%;height:80px;text-align:center;line-height:80px;font-size:15px;background-color:#fff}
.waterfull ul li:hover .water-tit a{background-color:#eb3b02;color:#FFF}
.address{height:200px;margin-top:20px;background-color:#FFF}
.address li{float:left;width:400px;height:200px}
.address li dl{width:300px;display:table;margin:58px auto 0}
.address li dl dt{float:left;width:81px;height:81px}
.address li dl dd{float:right;width:212px;margin-top:20px}
.address li dl dd p{font-size:14px;color:#999}
.map-tit{width:278px;height:118px;margin:40px auto}
.map{text-align:center;font-size:15px;line-height:32px}
.map h3{margin:2% auto}
.join-tit-sl{width:416px;height:109px;margin:90px auto 50px}
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat}
.toolbar{position:fixed;right:0;bottom:50px;z-index:88}
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
.toolbar-item-weixin{background-position:0 -798px}
.toolbar-item-weixin:hover{background-position:0 -860px}
.toolbar-item-weixin .toolbar-layer{height:194px;background-position:0 -222px}
.toolbar-item-feedback{background-position:0 -426px}
.toolbar-item-feedback:hover{background-position:0 -488px}
.toolbar-item-app{background-position:0 -550px}
.toolbar-item-app:hover{background-position:0 -612px}
.toolbar-item-app .toolbar-layer{height:212px;background-position:0 0}
.toolbar-item-top{background-position:0 -674px}
.toolbar-item-top:hover{background-position:0 -736px}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);transform-origin:95% 95%;-moz-transform-origin:95% 95%;-ms-transform-origin:95% 95%;-o-transform-origin:95% 95%;-webkit-transform-origin:95% 95%;transform:scale(.01);-moz-transform:scale(.01);-ms-transform:scale(.01);-o-transform:scale(.01);-webkit-transform:scale(.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}
