@charset "UTF-8";html{min-width: 1200px;}
body{overflow-x: hidden;overflow-y: auto;}
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd{margin: 0px;}
input, button, ul, ol{margin: 0px;padding: 0px;}
body, input, button, form{font-size: 14px;line-height: 28px;font-family: "microsoft yahei", "Arial";color: #333333;}
h1, h2, h3, h4, h5, h6{font-size: 14px;font-weight: normal;}
ul, ol, li{list-style: none;}
input{background: none;border: 0 none;}
img, iframe{border: 0px;}
em, i{font-style: normal;}
button, input, select, textarea{font-size: 100%;}
table{border-collapse: collapse;border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1200px;margin: 0 auto;}
.w1300{width: 1300px;margin: 0 auto;}
.ico{background: url(../images/ico.png) no-repeat;display: inline-block;vertical-align: middle;}
.itit-ico{background: url(../images/itit-ico.png) no-repeat;display: inline-block;vertical-align: middle;}
.ilink{background: url(../images/ilink.png) no-repeat;display: inline-block;vertical-align: middle;}
.bicon{background: url(../images/bicon.png) no-repeat;display: inline-block;vertical-align: middle;}
.icon{background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
.right{float: right;}
a{color: #333;text-decoration: none;}
a:hover{color: #1ea4fe;text-decoration: none;}
a:visited{text-decoration: none;}
.ease, .ease *{transition: all ease 300ms;}
.noease, .noease *{transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #aaa;}
/*清除浮动*/.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
/*top_main*/.top_main{position: relative;width: 100%;height: 34px;line-height: 34px;background: #282d34;}
.top_main .top_l{color: #fff;font-size: 12px;}
.top_main .top_r{margin-right: 0px;}
.top_main li{position: relative;float: left;display: inline-block;text-align: center;color: #999;}
.top_main li a{color: #999;font-size: 12px;}
.top_main li a:hover{color: #fff;opacity: 0.8;filter: alpha(opacity=80);}
.top_main .top_r .line{display: block;width: 1px;height: 14px;margin: 10px 10px 0px;background: #999;}
.top_main .top_r .line1{margin-left: 0px;}
/*header*/.header_main{width: 100%;height: 110px;overflow: hidden;z-index: 100;background: #FFFFFF;border-bottom: 1px solid #ededed;}
.header_main .header{position: relative;}
.header_main .logo{float: left;display: block;padding-top: 15px;}
.header_main .logo img{width: 100%;height: 100%;display: block;}
.header_main .tel{height: 50px;background: url(../images/tel.png) left center no-repeat;float: right;margin-top: 28px;}
.header_main .tel .tit{font-size: 14px;color: #333;text-indent: 50px;line-height: 20px;}
.header_main .tel .con{font-size: 26px;color: #1ea4fe;text-indent: 50px;font-weight: bold;}
/*导航栏*/.nav_main{position: relative;width: 100%;float: left;height: 60px;background:#1ea4fe;z-index: 13;}
.nav_main .nav{width: 1200px;margin: 0 auto;margin-top: 15px;}
.nav_main .nav li{position: relative;color: #fff;line-height: 32px;float: left;margin-right: 32px;border-radius: 24px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;background: url(../images/nav_line.png) no-repeat right center;}
.nav_main .nav li a.aLink{width: 118px;height: 32px;line-height: 32px;font-size: 15px;text-align: center;display: block;color: #fff;font-weight: bold;}
.nav_main .nav li.hover, .nav_main .nav li:hover{background-color: #333333;}
.nav_main .nav li.hover a, .nav_main .nav li:hover a{color: #fff;}
/*导航栏下拉*/.nav_main li.hover .subnav a{background: none;}
.nav_main .nav .subnav{height: auto;left: 0px;top: 32px;position: absolute;width: 100%;z-index: 199;background: rgba(255,255,255,0.86);border-radius: 12px;}
.nav_main .nav .subnav{filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav_main .nav li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav_main .nav .subnav li{width: 100%;}
.nav_main .nav .subnav .nav1 a{color: #333;display: block;font-size: 14px;font-weight: 500;line-height: 34px;text-align: center;border-bottom: #ddd 1px solid;}
.nav_main .nav .subnav li:hover{background: none;}
.nav_main .nav .subnav li:hover a{color: #1ea4fe;}
.nav_main .nav .subnav li:last-child a{border-bottom: 0;}
/*搜索栏*/.announ_main{width: 100%;height: 76px;line-height: 76px;border-bottom: 1px solid #eee;}
.announ_main .announ_right{width: 282px;padding-top: 20px;}
.announ_main .announ_right .search{width: 282px;height: 35px;line-height: 35px;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;background: #f6f6f6;position: relative;}
.announ_main .announ_right .search input{outline: none;border: 0 none;height: 35px;line-height: 35px;}
.announ_main .announ_right .search .txt{width: 200px;background: none;padding-left: 15px;display: block;color: #999;}
.announ_main .announ_right .search .btn{width: 50px;background: url(../images/sou.png) no-repeat center #1ea4fe;position: absolute;right: 0;top: 0;cursor: pointer;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}
.announ_main .announ_right .search .btn:hover{background-color: #01bc66;}
.announ_main .announ_left span{display: inline-block;}
.announ_main .announ_left a{display: inline-block;padding: 0 10px 0 0;}
.announ_main .announ_left a s{width: 1px;height: 16px;display: inline-block;margin-right: 10px;background: #e9e9e9;vertical-align: middle;}
.announ_main .announ_left a:first-child s{display: none;}
/* banner*/.banner{width: 100%;min-width: 1000px;height: 600px;z-index: 9;position: relative;overflow: hidden;}
.banner .list{width: 100%;}
.banner li{width: 100%;height: 600px;position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 1;overflow: hidden;background: #fff;}
.banner li img{width: 1920px;height: 100%;display: block;position: relative;top: 0;}
.banner li a{width: 100%;display: block;height: 100%;}
.banner .tip{width: 100%;height: 6px;text-align: center;position: absolute;left: 0;bottom: 30px;z-index: 10;}
.banner .tip span{width: 48px;height: 6px;margin: 0 5px;display: inline-block;cursor: pointer;vertical-align: top;border-radius: 12px;opacity: 0.5;filter: alpha(opacity=50);background: #fcfcfc;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.banner .tip span.cur{background: #1ea4fe;opacity: 1;filter: alpha(opacity=100);}
.banner .prev, .banner .next{width: 32px;height: 34px;position: absolute;z-index: 12;top: 50%;margin-top: -17px;cursor: pointer;transition: none;background: url(../images/banner-btn.png) no-repeat 0 center;transition: all ease 300ms;}
.banner .prev:hover, .banner .next:hover{opacity: 0.8;filter: alpha(opacity=80);}
.banner .prev{left: 3%;background-position: 1px center;}
.banner .next{right: 3%;background-position: -50px 0;}
/*nybanner*/.nybanner{width: 100%;height: 300px;overflow: hidden;position: relative;}
.nybanner img{width: 1920px;display: block;position: absolute;left: 50%;margin-left: -960px;top: 0;}
/*footer*/.footer{width: 100%;color: #fff;padding-bottom: 48px;background: #2E3033;border-top: 8px solid #1ea4fe;}
.footer .links{padding: 20px 0;font-size: 16px;border-bottom: 1px solid #1a1d21;}
.footer .links span{color: #fff;display: inline-block;}
.footer .links a{display: inline-block;font-size: 14px;color: #939393;padding-right: 10px;}
.footer .links a:hover{color: #dc0000;}
.footer .bottom{border-top: 1px solid #464a50;}
.footer .bNav{width: 558px;height: 180px;margin-top: 48px;border-right: 1px solid #1a1d21;}
.footer .di_logo img{width: 111px;height: 111px;background-size: 100%;}
.footer .bNav dl{display: inline-block;float: left;width: 139px;overflow: hidden;text-align: left;padding-top: 10px;}
.footer .bNav dl dt{height: 16px;display: block;padding-bottom: 32px;}
.footer .bNav dl dt a{display: block;font-size: 16px;color: #fff;line-height: 16px;}
.footer .bNav dl dd{display: block;height: 14px;padding-bottom: 16px;}
.footer .bNav dl dd a{display: block;font-size: 14px;color: #939393;line-height: 14px;}
.footer .bNav dl dd a:hover{color: #dc0000;}
.footer .ewm{height: 180px;text-align: center;padding-left: 48px;margin-top: 48px;border-left: 1px solid #464a50;}
.footer .ewm dl{width: 140px;float: left;display: block;margin-right: 30px;margin-top: 10px;height: 164px;}
.footer .ewm dl:nth-child(2){margin-right: 0px;}
.footer .ewm dl:first-child+dl{margin-right: 0px;}
.footer .ewm dl dt{width: 140px;height: 140px;background-color: #fff;text-align: center;}
.footer .ewm dl dt img{width: 130px;height: 130px;display: inline-block;background-size: 100%;margin-top: 5px;}
.footer .ewm dl dd{font-size: 14px;color: #939393;line-height: 24px;padding-top: 5px;}
.footer .contact_info{width: 345px;height: 180px;padding-left: 75px;border-right: 1px solid #1a1d21;border-left: 1px solid #464a50;margin-top: 48px;}
.footer .contact_info p.p1{font-size: 14px;color: #fff;line-height: 14px;padding-top: 10px;}
.footer .contact_info p.dh{font-size: 36px;color: #1ea4fe;font-family: "Arial";line-height: 36px;padding-top: 4px;font-weight: bold;padding-bottom: 12px;}
.footer .contact_info h3{font-size: 20px;padding-top: 8px;}
.footer .contact_info p.tel{font-size: 14px;color: #939393;line-height: 22px;width: 270px;}
.footer .contact_info i{display: block;padding-top: 8px;font-size: 14px;color: #fff;}
.footer .contact_info i a{display: inline-block;color: #fff;padding-right: 12px;}
/*copyright*/.copyright{height: 50px;line-height: 50px;color: #666;font-size: 12px;background: #27292B;}
.copyright p{color: #939393;}
.copyright span{margin: 0 6px;}
.copyright a{color: #939393;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.copyright a:hover{color: #dc0000;}
.gridlist{width: 100%;}
.gridlist .list{width: 105%;}
.gridlist .item{width: 260px;margin: 0 20px 24px 0;float: left;position: relative;overflow: hidden;}
.gridlist .item img{width: 100%;height: 195px;display: block;transition: all ease 300ms;}
.gridlist .item h3{color: #666666;line-height: 50px;padding: 0 10px;transition: all ease 300ms;height: 50px;background: #f7f7f7;overflow: hidden;}
.gridlist .item:hover img{filter: brightness(110%);}
.gridlist .item:hover h3{color: #fff;background: #d9261d;}
.newslist{overflow: hidden;width: 100%;}
.newslist li{height: 30px;line-height: 30px;overflow: hidden;}
.newslist li a{width: 100%;color: #666666;display: block;transition: all ease 300ms;}
.newslist li .time{color: #999999;float: right;}
.newslist li s{width: 10px;height: 10px;display: inline-block;vertical-align: middle;margin-right: 10px;background: #e8e8e8;border-radius: 100%;}
.newslist li:hover a{color: #d9261d;}
/*******index css*******/.index{width: 100%;background: url(../images/prod.jpg) no-repeat center top #f5f5f5;}
.index .scrollBox{height: 48px;line-height: 48px;overflow: hidden;position: relative;padding-bottom: 58px;}
.index .scrollBox .btn{width: 202px;background: url(../images/ibtnbg.png) no-repeat center center;position: absolute;top: 0;right: 0;text-align: center;font-weight: bold;color: #fff;font-size: 18px;}
.index .scrollBox .btn s{width: 19px;height: 19px;margin-right: 6px;background-position: -130px 0;}
.index .iscroll{width: 966px;height: 48px;position: relative;overflow: hidden;background-color: #f1f1f1;border: 1px solid #e5e5e5;}
.index .iscroll .t{width: 22px;height: 20px;display: block;position: absolute;left: 128px;top: 16px;background-position: -34px 0;}
.index .iscroll .prev, .index .iscroll .next{width: 38px;height: 15px;position: absolute;z-index: 10;cursor: pointer;left: 31px;top: 8px;background-position: 15px -30px;}
.index .iscroll .prev{border-bottom: 1px solid #e5e5e5;}
.index .iscroll .next{top: 24px;background-position: 15px -46px;}
.index .iscroll .list{padding-left: 166px !important;position: relative;}
.index .iscroll .list a{width: 100%;display: block;color: #848484;font-size: 16px;}
.index .iscroll .list a:hover{color: #d9261d;}
.index .iscroll .list .time{float: right;padding-left: 16px;height: 16px;line-height: 16px;margin-top: 15px;margin-right: 20px;font-size: 16px;color: #848484;border-left: 2px solid #a4a4a4;}
.index .ilinks{height: 191px;margin-bottom: 40px;}
.index .ilinks .list .item{width: 288px;float: left;margin-left: 16px;}
.index .ilinks .list .item a{width: 100%;display: block;}
.index .ilinks .list .item img{width: 286px;height: 63px;border: 1px solid #dddddd;display: block;}
.index .ilinks .list .item:first-child{margin-left: 0;}
.index .ilinks .list .item h3{height: 40px;line-height: 40px;overflow: hidden;width: 100%;text-align: center;}
.indexTit{padding-top: 76px;}
.indexTit .tit{font-size: 40px;color: #646464;text-align: center;height: 40px;line-height: 40px;margin-bottom: 18px;}
.indexTit i{display: block;width: 29px;height: 1px;margin: 0 auto;background: url(../images/wrap.png) center center no-repeat;margin-bottom: 30px;}
.index_title{text-align: center;padding-top: 35px;padding-bottom: 40px;}
.index_title h3{font-size: 38px;font-weight: 100;padding-bottom: 12px;color: #333;font-weight: bold;}
.index_title p{background: url(../images/line.png) center center no-repeat;width: 320px;height: 22px;margin: 0 auto;}
/*f1*/.floor_1{}
.floor_1 .floor_1_main{}
.floor_1 .floor_1_main .content{}
.floor_1 .floor_1_main .content .menu{margin-bottom: 42px;}
.floor_1 .floor_1_main .content .menu .list{padding: 0;text-align: center;}
.floor_1 .floor_1_main .content .menu .list .item{display: inline-block;width: 130px;height: 40px;line-height: 40px;background-color: #f4f4f4;border: 1px solid #f1efef;margin: 0 8px;border-radius: 6px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.floor_1 .floor_1_main .content .menu .list .item:last-child{margin-right: 0px;}
.floor_1 .floor_1_main .content .menu .list .item a{font-size: 14px;color: #666;text-align: center;display: block;}
.floor_1 .floor_1_main .content .menu .list .item:hover{background-color: #1ea4fe;color: #FFFFFF;}
.floor_1 .floor_1_main .content .menu .list .item:hover a{color: #FFFFFF;}
.floor_1 .floor_1_main .content .menu .list .item.hover{background-color: #1ea4fe;color: #FFFFFF;}
.floor_1 .floor_1_main .content .menu .list .item.hover a{color: #FFFFFF;}
.floor_1 .floor_1_main .content .product{}
/*.floor_1 .floor_1_main .content .product .bd{position: relative;overflow: hidden;height: 290px;}*/
.floor_1 .floor_1_main .content .product .bd .list{width: 104%;overflow: hidden;}
.floor_1 .floor_1_main .content .product .bd .list li{position: relative;float: left;display: block;width: 290px;height: 290px;margin-right: 20px;margin-top:30px;cursor: pointer;}
.floor_1 .floor_1_main .content .product .bd .list li:hover{background: url(../images/f2_1.jpg) center center no-repeat;}
.floor_1 .floor_1_main .content .product .bd .list li a{display: block;width: 288px;height: 290px;}
.floor_1 .floor_1_main .content .product .bd .list li img{margin: 0 auto;display: block;height: 218px;width:288px;}
.floor_1 .floor_1_main .content .product .bd .list li p{height: 70px;line-height: 70px;text-align: center;color: #ffffff;font-size: 16px;font-weight: bold;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;background:#1ea4fe;}
.floor_1 .floor_1_main .content .product .bd .list li:hover p{}
.floor_1 .floor_1_main .content .product .hd{width: 100%;top: 0px;position: relative;padding-bottom: 80px;}
.floor_1 .floor_1_main .content .product .hd .prev{position: absolute;left: 490px;top: -0px;display: block;width: 72px;height: 32px;background-position: -0px -0px;cursor: pointer;}
.floor_1 .floor_1_main .content .product .hd .next{position: absolute;right: 490px;top: -0px;display: block;width: 72px;height: 32px;background-position: -80px -0px;cursor: pointer;}
.floor_1 .floor_1_main .content .product .hd .prev:hover{opacity: 0.8;background-position: -160px -0px;}
.floor_1 .floor_1_main .content .product .hd .next:hover{opacity: 0.8;background-position: -240px -0px;}
.floor_1 .floor_1_main .content .product .hd .amore{position: absolute;left: 570px;top: -0px;display: block;width: 61px;height: 32px;background-position: -0px -76px;cursor: pointer;}
.floor_1 .floor_1_main .content .product .hd .amore:hover{opacity: 0.8;background-position: -80px -76px;}
.floor_1 .floor_1_main .content .product .bd .list li a .More{margin-top: 32px;margin-left: 60px;overflow: hidden;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.floor_1 .floor_1_main .content .product .bd .list li:hover a .More{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.floor_1 .floor_1_main .content .product .bd .list li a .More i{background-position: -30px -300px;width: 12px;height: 7px;margin-top: -17px;margin-left: 100px;float: left;}
.floor_1 .floor_1_main .content .product .bd ul li a .bg{width: 290px;height: 218px;background: url(../images/framebg1.png) no-repeat center center;background-size: 290px 218px;opacity: 0;margin-top: -288px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.floor_1 .floor_1_main .content .product .bd ul li:hover a .bg{display: block;z-index: 999;position: relative;opacity: 1;}
.floor_1 .floor_1_main .content .product .bd ul li a .txtIco{position: absolute;top: 0px;left: 0px;display: block;width: 290px;height: 290px;z-index: 1000;}
.floor_1 .floor_1_main .content .product .bd ul li a .txtIco s{width: 54px;height: 54px;background-position: 0px -270px;position: absolute;left: 145px;top: 80px;margin-left: -20px;opacity: 0;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.floor_1 .floor_1_main .content .product .bd ul li:hover a .txtIco s{opacity: 1;}
.floor_1 .floor_1_main .content .product .bd ul li a .txtIco .stit{padding-top: 220px;font-size: 18px;line-height: 18px;text-align: center;transition: all ease-in-out .2s;opacity: 0;filter: alpha(opacity=0);color: #fff;}
.floor_1 .floor_1_main .content .product .bd ul li:hover a .txtIco .stit{padding-top: 160px;transition: all ease-in-out .2s;opacity: 1;filter: alpha(opacity=100);color: #fff;}
/******floor_2******/.floor_2{background-color: #f4f5f6;position: relative;height: 876px;}
.floor_2 .floor_2_main{}
.floor_2 .floor_2_main .content{}
.floor_2 .floor_2_main .content .advantage{position: relative;height: 600px;margin-top: 50px;}
.floor_2 .floor_2_main .content .advantage .list{position: relative;z-index: 99;}
.floor_2 .floor_2_main .content .advantage .list .item{width: 350px;height: 100px;float: left;}
.floor_2 .floor_2_main .content .advantage .list .item.it1, .floor_2 .floor_2_main .content .advantage .list .item.it3, .floor_2 .floor_2_main .content .advantage .list .item.it5, .floor_2 .floor_2_main .content .advantage .list .item.it7{padding-right: 400px;}
.floor_2 .floor_2_main .content .advantage .list .item a{display: block;}
.floor_2 .floor_2_main .content .advantage .list .item a h2{font-size: 20px;color: #000000;height: 24px;line-height: 24px;padding-bottom: 16px;font-weight: bold;text-indent: 230px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.floor_2 .floor_2_main .content .advantage .list .item:hover a h2{color: #01bc66;}
.floor_2 .floor_2_main .content .advantage .list .item a h2 i{display: block;width: 23px;height: 23px;background: url(../images/f2_1.png)center center no-repeat;float: right;}
.floor_2 .floor_2_main .content .advantage .list .item.it2:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it4:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it6:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it8:hover a h2 i{display: block;width: 23px;height: 23px;background: url(../images/f2_3.png)center center no-repeat;float: left;}
.floor_2 .floor_2_main .content .advantage .list .item.it1:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it3:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it5:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it7:hover a h2 i{display: block;width: 23px;height: 23px;background: url(../images/f2_3.png)center center no-repeat;float: right;}
.floor_2 .floor_2_main .content .advantage .list .item a p{font-size: 14px;color: #999999;line-height: 20px;transition: all ease 600ms;}
.floor_2 .floor_2_main .content .advantage .list .item:hover a p{margin-top: -12px;transition: all ease 600ms;}
.floor_2 .floor_2_main .content .advantage .f2_bg{width: 597px;height: 559px;position: absolute;top: 0px;left: 354px;}
.floor_2 .floor_2_main .content .advantage .list .item.it1{width: 354px;padding-left: 98px;padding-top: 26px;}
.floor_2 .floor_2_main .content .advantage .list .item.it1 p{width: 310px;text-align: right;}
.floor_2 .floor_2_main .content .advantage .list .item.it1 p em{text-indent: 250px;display: block;}
.floor_2 .floor_2_main .content .advantage .list .item.it2{width: 354px;padding-top: 26px;}
.floor_2 .floor_2_main .content .advantage .list .item.it2 h2{text-indent: 20px;}
.floor_2 .floor_2_main .content .advantage .list .item.it2 h2 i{float: left;}
.floor_2 .floor_2_main .content .advantage .list .item.it2 p{width: 310px;padding-left: 44px;}
.floor_2 .floor_2_main .content .advantage .list .item.it2 p em{text-indent: 250px;display: block;}
.floor_2 .floor_2_main .content .advantage .list .item.it3{width: 354px;padding-top: 50px;}
.floor_2 .floor_2_main .content .advantage .list .item.it3 p{width: 310px;text-indent: 18px;text-align: right;}
.floor_2 .floor_2_main .content .advantage .list .item.it3 p em{text-indent: 210px;display: block;}
.floor_2 .floor_2_main .content .advantage .list .item.it3 h2{text-indent: 230px;}
.floor_2 .floor_2_main .content .advantage .list .item.it4{width: 354px;padding-left: 188px;padding-top: 50px;}
.floor_2 .floor_2_main .content .advantage .list .item.it4 p{width: 310px;text-indent: 0;padding-left: 42px;}
.floor_2 .floor_2_main .content .advantage .list .item.it4 p em{text-indent: 210px;display: block;}
.floor_2 .floor_2_main .content .advantage .list .item.it4 h2{text-indent: 20px;}
.floor_2 .floor_2_main .content .advantage .list .item.it4 h2 i{float: left;}
.floor_2 .floor_2_main .content .advantage .list .item.it5{width: 354px;padding-top: 80px;}
.floor_2 .floor_2_main .content .advantage .list .item.it5 p{width: 310px;text-indent: 0px;text-align: right;}
.floor_2 .floor_2_main .content .advantage .list .item.it5 p em{text-indent: 194px;display: block;}
.floor_2 .floor_2_main .content .advantage .list .item.it5 h2{text-indent: 230px;}
.floor_2 .floor_2_main .content .advantage .list .item.it6{width: 354px;padding-left: 192px;padding-top: 78px;}
.floor_2 .floor_2_main .content .advantage .list .item.it6 p{width: 310px;text-indent: 0;padding-left: 42px;}
.floor_2 .floor_2_main .content .advantage .list .item.it6 p em{text-indent: 210px;display: block;}
.floor_2 .floor_2_main .content .advantage .list .item.it6 h2{text-indent: 20px;}
.floor_2 .floor_2_main .content .advantage .list .item.it6 h2 i{float: left;}
.floor_2 .floor_2_main .content .advantage .list .item.it7{width: 354px;padding-top: 44px;padding-left: 100px;}
.floor_2 .floor_2_main .content .advantage .list .item.it7 p{width: 310px;text-indent: -12px;text-align: right;}
.floor_2 .floor_2_main .content .advantage .list .item.it7 p em{text-indent: 58px;display: block;}
.floor_2 .floor_2_main .content .advantage .list .item.it7 h2{text-indent: 230px;}
.floor_2 .floor_2_main .content .advantage .list .item.it8{width: 354px;padding-left: 2px;padding-top: 48px;}
.floor_2 .floor_2_main .content .advantage .list .item.it8 p{width: 310px;text-indent: 0;padding-left: 42px;}
.floor_2 .floor_2_main .content .advantage .list .item.it8 p em{text-indent: 210px;display: block;}
.floor_2 .floor_2_main .content .advantage .list .item.it8 h2{text-indent: 20px;}
.floor_2 .floor_2_main .content .advantage .list .item.it8 h2 i{float: left;}
/******floor_3******/.floor_3{position: relative;}
.floor_3 .floor_3_main .content .case{}
.floor_3 .floor_3_main .content .case .bd{position: relative;height: 380px;}
.floor_3 .floor_3_main .content .case .bd .list{width: 104%;}
.floor_3 .floor_3_main .content .case .bd .list li{position: relative;float: left;display: block;width: 380px;height: 360px;margin-right: 30px;cursor: pointer;}
/*.floor_3 .floor_3_main .content .case .bd .list li:hover{background: url(../images/f2_1.jpg) center center no-repeat;box-shadow: 3px 7px 12px #d0dbe0;}*/.floor_3 .floor_3_main .content .case .list li a{display: block;width: 380px;height: 360px;}
.floor_3 .floor_3_main .content .case .bd .list li img{margin: 0 auto;display: block;height: 285px;width: 380px;}
.floor_3 .floor_3_main .content .case .bd .list li p{height: 70px;line-height: 70px;text-align: center;color: #666666;font-size: 16px;font-weight: bold;position: relative;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.floor_3 .floor_3_main .content .case .bd .list li:hover p{color: #0d97f4;}
.floor_3 .floor_3_main .content .case .hd{width: 100%;top: 0px;position: relative;padding-bottom: 80px;}
.floor_3 .floor_3_main .content .case .hd .prev{position: absolute;left: 490px;top: -0px;display: block;width: 72px;height: 32px;background-position: -0px -0px;cursor: pointer;}
.floor_3 .floor_3_main .content .case .hd .next{position: absolute;right: 490px;top: -0px;display: block;width: 72px;height: 32px;background-position: -80px -0px;cursor: pointer;}
.floor_3 .floor_3_main .content .case .hd .prev:hover{opacity: 0.8;background-position: -160px -0px;}
.floor_3 .floor_3_main .content .case .hd .next:hover{opacity: 0.8;background-position: -240px -0px;}
.floor_3 .floor_3_main .content .case .hd .amore{position: absolute;left: 570px;top: -0px;display: block;width: 61px;height: 32px;background-position: -0px -76px;cursor: pointer;}
.floor_3 .floor_3_main .content .case .hd .amore:hover{opacity: 0.8;background-position: -80px -76px;}
.floor_3 .floor_3_main .content .case .bd .list li a .More{margin-top: 32px;margin-left: 60px;overflow: hidden;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.floor_3 .floor_3_main .content .case .bd .list li:hover a .More{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.floor_3 .floor_3_main .content .case .bd .list li a .More i{background-position: -30px -300px;width: 12px;height: 7px;margin-top: -17px;margin-left: 100px;float: left;}
.floor_3 .floor_3_main .content .case .bd ul li a .bg{margin-top: -355px;width: 380px;height: 285px;background: url(../images/framebg2.png) no-repeat center center;opacity: 0;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.floor_3 .floor_3_main .content .case .bd ul li:hover a .bg{display: block;z-index: 999;position: relative;opacity: 1;}
.floor_3 .floor_3_main .content .case .bd ul li a .txtIco{position: absolute;top: 0px;left: 0px;display: block;width: 380px;height: 360px;z-index: 1000;}
.floor_3 .floor_3_main .content .case .bd ul li a .txtIco s{width: 54px;height: 54px;background-position: 0px -270px;position: absolute;left: 184px;top: 106px;margin-left: -20px;opacity: 0;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.floor_3 .floor_3_main .content .case .bd ul li:hover a .txtIco s{opacity: 1;}
.floor_3 .floor_3_main .content .case .bd ul li a .txtIco .stit{padding-top: 220px;font-size: 18px;line-height: 18px;text-align: center;transition: all ease-in-out .2s;opacity: 0;filter: alpha(opacity=0);color: #fff;}
.floor_3 .floor_3_main .content .case .bd ul li:hover a .txtIco .stit{padding-top: 160px;transition: all ease-in-out .2s;opacity: 1;filter: alpha(opacity=100);color: #fff;}
.floor_3 .floor_3_main .content .case .bd .list li p i{display: block;width: 19px;height: 19px;float: right;background-position: 0px -140px;position: absolute;top: 26px;right: 26px;}
.floor_3 .floor_3_main .content .case .bd .list li:hover p i{background-position: -40px -140px;}
/******floor_4******/.floor_4{position: relative;}
.floor_4{background: url(../images/f4_3.jpg) center center no-repeat;height: 647px;}
.floor_4 .floor_4_main{}
.floor_4 .floor_4_main .txt{float: left;padding-top: 120px;}
.floor_4 .floor_4_main .txt .tit{font-size: 40px;color: #333333;height: 44px;line-height: 44px;padding-bottom: 36px;}
.floor_4 .floor_4_main .txt i{display: block;background-position: 0 -380px;width: 32px;height: 1px;}
.floor_4 .floor_4_main .txt .p1{font-size: 14px;color: #333333;width: 500px;line-height: 28px;padding-top: 60px;}
.floor_4 .floor_4_main .txt a{font-size: 14px;color: #fff;width: 130px;line-height: 40px;height: 40px;text-align: center;background-color: #1ea4fe;display: block;border-radius: 6px;margin-top: 56px;transition: all ease 600ms;}
.floor_4 .floor_4_main .txt a:hover{width: 150px;transition: all ease 600ms;}
/******floor_5******/.floor_5 .floor_5_main{position: relative;}
.floor_5 .floor_5_main .indexTit{/* float: left;*/position: relative;}
.floor_5 .floor_5_main .indexTit .tit{font-size: 40px;color: #646464;text-align: left;margin-bottom: 18px;}
.floor_5 .floor_5_main .indexTit i{display: block;width: 29px;height: 1px;margin: 0;background: url(../images/wrap.png) center center no-repeat;margin-bottom: 30px;}
.floor_5 .floor_5_main .menu{float: right;position: absolute;top: 34px;right: 0px;}
.floor_5 .floor_5_main .menu .list .item.it1{font-size: 14px;color: #fff;width: 130px;}
.floor_5 .floor_5_main .menu .list .item.hover{background-color: #1ea4fe;}
.floor_5 .floor_5_main .menu .list .item.it2{font-size: 14px;color: #fff;width: 130px;line-height: 40px;height: 40px;text-align: center;background-color: #01bc66;display: block;border-radius: 6px;margin-top: 56px;float: left;}
.floor_5 .floor_5_main .menu .list .item a{color: #FFFFFF;display: block;}
.floor_5 .floor_5_main .menu .list .item:hover a{}
.floor_5 .floor_5_main .menu .list .item{font-size: 14px;color: #fff;width: 130px;line-height: 40px;height: 40px;text-align: center;background-color: #01bc66;display: block;border-radius: 6px;margin-top: 56px;float: left;margin-right: 18px;transition: all ease 600ms;}
.floor_5 .floor_5_main .menu .list .item:hover{opacity: 0.8;transition: all ease 600ms;}
.floor_5 .floor_5_main .menu .list .item:last-child{margin-right: 0px;}
.floor_5 .floor_5_main .content .news{margin-bottom: 30px;padding-top: 0px;}
.floor_5 .floor_5_main .content .news .bd{position: relative;height: 420px;}
.floor_5 .floor_5_main .content .news .bd .list{width: 104%;}
.floor_5 .floor_5_main .content .news .bd .list li{position: relative;float: left;display: block;width: 380px;height: 380px;border-bottom: 0px!important;padding-bottom: 0px;margin: 15px 0;margin-right: 30px;cursor: pointer;transition: all ease 600ms;}
.floor_5 .floor_5_main .content .news .bd .list li:hover{box-shadow: 1px 6px 10px #d0dbe0;transition: all ease 600ms;}
/*.floor_3 .floor_3_main .content .case .bd .list li:hover{background: url(../images/f2_1.jpg) center center no-repeat;box-shadow: 3px 7px 12px #d0dbe0;}*/.floor_5 .floor_5_main .content .news .list li a{display: block;width: 380px;height: 380px;}
.floor_5 .floor_5_main .content .news .bd .list li img{margin: 0 auto;display: block;height: 285px;width: 380px;}
.floor_5 .floor_5_main .content .news .bd .list li .tit{}
.floor_5 .floor_5_main .content .news .bd .list li .p1{height: 90px;line-height: 90px;float: left;text-align: center;color: #666666;font-size: 16px;font-weight: bold;position: relative;width: 310px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.floor_5 .floor_5_main .content .news .bd .list li .p2{position: relative;color: #cccccc;font-size: 43px;padding-top: 20px;width: 70px;float: right;}
.floor_5 .floor_5_main .content .news .bd .list li .p2 .s1{margin-right: 14px;color: #666666;font-size: 14px;float: right;position: absolute;top: 44px;left: 4px;width: 76px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.floor_5 .floor_5_main .content .news .bd .list li .p2 .s2{position: absolute;top: 16px;left: 6px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.floor_5 .floor_5_main .content .news .bd .list li:hover .p2{color: #1ea4fe;}
.floor_5 .floor_5_main .content .news .bd .list li:hover .p2 .s1{color: #1ea4fe;}
.floor_5 .floor_5_main .content .news .bd .list li:hover .p1{color: #0d97f4;}
.floor_5 .floor_5_main .content .news .hd{width: 100%;top: 0px;position: relative;padding-bottom: 80px;}
.floor_5 .floor_5_main .content .news .hd .prev{position: absolute;left: 490px;top: -0px;display: block;width: 72px;height: 32px;background-position: -0px -0px;cursor: pointer;}
.floor_5 .floor_5_main .content .news .hd .next{position: absolute;right: 490px;top: -0px;*right: 0px;*left: 1180px;display: block;width: 72px;height: 32px;background-position: -80px -0px;cursor: pointer;}
.floor_5 .floor_5_main .content .news .hd .prev:hover{opacity: 0.8;background-position: -160px -0px;}
.floor_5 .floor_5_main .content .news .hd .next:hover{opacity: 0.8;background-position: -240px -0px;}
.floor_5 .floor_5_main .content .news .hd .amore{position: absolute;left: 570px;top: -0px;display: block;width: 61px;height: 32px;background-position: -0px -76px;cursor: pointer;}
.floor_5 .floor_5_main .content .news .hd .amore:hover{opacity: 0.8;background-position: -80px -76px;}
.floor_5 .floor_5_main .content .news .bd .list li a .More{margin-top: 32px;margin-left: 60px;overflow: hidden;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.floor_5 .floor_5_main .content .news .bd .list li:hover a .More{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.floor_5 .floor_5_main .content .news .bd .list li a .More i{background-position: -30px -300px;width: 12px;height: 7px;margin-top: -17px;margin-left: 100px;float: left;}
.floor_5 .floor_5_main .content .news .bd ul li a .bg{width: 380px;height: 285px;background: url(../images/framebg2.png) no-repeat center center;opacity: 0;}
.floor_5 .floor_5_main .content .news .bd ul li:hover a .bg{display: block;margin-top: -355px;z-index: 999;position: relative;opacity: 1;}
.floor_5 .floor_5_main .content .news .bd ul li a .txtIco{position: absolute;top: 0px;left: 0px;display: block;width: 380px;height: 360px;z-index: 1000;}
.floor_5 .floor_5_main .content .news .bd ul li a .txtIco s{width: 54px;height: 54px;background-position: 0px -270px;position: absolute;left: 184px;top: 106px;transition: all ease-in-out .2s;margin-left: -20px;opacity: 0;}
.floor_5 .floor_5_main .content .news .bd ul li:hover a .txtIco s{opacity: 1;}
.floor_5 .floor_5_main .content .news .bd ul li a .txtIco .stit{padding-top: 220px;font-size: 18px;line-height: 18px;text-align: center;transition: all ease-in-out .2s;opacity: 0;filter: alpha(opacity=0);color: #fff;}
.floor_5 .floor_5_main .content .news .bd ul li:hover a .txtIco .stit{padding-top: 160px;transition: all ease-in-out .2s;opacity: 1;filter: alpha(opacity=100);color: #fff;}
.floor_5 .floor_5_main .content .news .bd .list li p i{display: block;width: 19px;height: 19px;float: right;background-position: 0px -140px;position: absolute;top: 26px;right: 26px;}
.floor_5 .floor_5_main .content .news .bd .list li:hover p i{background-position: -40px -140px;}
/* 内页*/.links_main{border-top: 1px solid #e5e5e5;line-height: 90px;height: 90px;}
.links_main span{color: #2fc16e;font-size: 36px;font-weight: bold;margin-right: 40px;display: block;float: left;}
.links_main a{padding: 0 30px;}
.bottom_main{background: #3a3c42;padding: 50px 0;width: 100%;}
.bottom_main .box1{color: #fff;width: 510px;height: 170px;border-right: 1px solid #44464c;padding-right: 52px;padding-top: 30px;}
.bottom_main .box1 img{float: left;margin-right: 10px;}
.bottom_main .box1 h3{font-size: 22px;font-weight: 100;}
.bottom_main .box1 p{margin-bottom: 40px;}
.bottom_main .box1 .line{height: 1px;background: #57595e;margin-bottom: 1px;}
.bottom_main .box1 .a{color: #616368;margin-top: 23px;}
.bottom_main .box1 .a a{color: #fff;padding: 0 2px;}
.bottom_main .box1 .a a:hover{color: #2fc16e;}
.bottom_main .box2{color: #fff;width: 281px;height: 170px;border-right: 1px solid #44464c;padding-left: 50px;padding-top: 30px;}
.bottom_main .box2 h3{font-size: 22px;padding-bottom: 22px;}
.bottom_main .box2 li{line-height: 30px;}
.bottom_main .box2 li i{width: 14px;height: 14px;background-position: -241px -57px;margin-right: 5px;}
.bottom_main .box2 li .i2{background-position: -255px -57px;}
.bottom_main .box2 li .i3{background-position: -270px -57px;}
.bottom_main .box3{padding-top: 29px;}
.bottom_main .box3 li{float: left;color: #fff;text-align: center;line-height: 30px;margin-left: 20px;}
.bottom_main .box3 img{width: 120px;height: 120px;display: block;}
.bottom_copy{line-height: 50px;font-size: 12px;color: #ccc;}
.bottom_copy a{color: #ccc;}
.bottom_copy a:hover{color: #fff;}
.dialog-layout{width: 100%;height: 100%;position: fixed;z-index: 100;top: 0;left: 0;background: #000;opacity: 0.3;filter: alpha(opacity=30);}
.local{height: 60px;line-height: 60px;overflow: hidden;}
.local ul{float: right;margin-right: 60px;}
.local ul li{padding: 0 25px;float: left;}
.local ul li a{position: relative;display: block;padding: 0 15px;overflow: hidden;color: #363636;}
.local ul li a i{width: 0;height: 3px;background: #3b3a45;position: absolute;left: 50%;opacity: 0;filter: alpha(opacity=0);bottom: 0;transition: ease-in .2s;}
.local ul li a.hover, .local ul li a:hover{color: #363636;}
.local ul li a.hover i, .local ul li a:hover i{left: 0;opacity: 1;filter: alpha(opacity=100);width: 100%;}
.bg_main{padding-bottom: 50px;min-height: 640px;}
.sub_banner{height: 200px;width: 100%;}
.sub_nav{height: 35px;line-height: 35px;padding-bottom: 20px;border-bottom: 1px solid #f2f2f2;padding-top: 20px;}
.sub_nav .fl{font-size: 30px;}
.sub_nav .fr li{float: left;}
.sub_nav .fr li a{padding: 0 20px;border: 1px solid #e6e6e6;display: block;margin-left: 10px;transition: ease-in-out .2s;}
.sub_nav .fr li a:hover, .sub_nav .fr li a.hover{background: #1ea4fe;color: #fff;border: 1px solid #1ea4fe;}
.case{margin-top: 40px;}
.case ul{width: 105%;}
.case li{width: 380px;float: left;margin-right: 30px;margin-bottom: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.case li a span{color: #666;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.case li:hover a span{color: #1ea4fe;}
.case li:hover a p{color: #1ea4fe;}
.case li .img{overflow: hidden;height: 213px;display: block;border: 1px solid #efefef;width: 378px;border-bottom: none;}
.case li .img img{width: 380px;height: 213px;transition: .9s;}
.imgH li .img{height: 284px;border: 1px solid #efefef;width: 378px;border-bottom: none;}
.imgH li .img img{height: 284px;}
.case li:hover .img img{transform: scale(1.2);-webkit-transform: scale(1.2);}
.case li .p{border: 1px solid #efefef;display: block;width: 340px;padding: 0 19px;height: 108px;border-top: none;}
.case li .p p{border-bottom: 1px solid #d6d6d6;height: 58px;color: #666;line-height: 58px;margin-bottom: 10px;font-size: 18px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.case li .p i{width: 32px;height: 12px;background-position: -230px -110px;}
.case li .p .fl{font-size: 12px;font-family: arial;}
.case li:hover{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}
.bg_main .news_ul{width: 1200px;margin: 0 auto;padding-bottom: 40px;padding-top: 12px;}
.bg_main .news_ul li{padding: 37px 0;border-bottom: 1px solid #eaeaea;position: relative;}
.bg_main .news_ul li .box1{width: 253px;height: 190px;overflow: hidden;}
.bg_main .news_ul li .box1 img{width: 253px;height: 190px;transition: ease-in-out .9s;}
.bg_main .news_ul li .box2{padding-left: 42px;width: 759px;padding-top: 30px;}
.bg_main .news_ul li .box2 h1{font-size: 20px;color: #333;height: 26px;line-height: 26px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.bg_main .news_ul li .box2 p{color: #666;line-height: 24px;padding-top: 10px;height: 75px;}
.bg_main .news_ul li .box2 span{font-size: 12px;color: #999;}
.bg_main .news_ul li .right{padding-right: 15px;padding-top: 55px;text-align: center;}
.bg_main .news_ul li .right h3{font-size: 36px;color: #999;font-weight: 100;}
.bg_main .news_ul li .right p{font-size: 24px;color: #bbb;padding-top: 10px;}
.bg_main .news_ul li a{display: block;cursor: pointer;width: 100%;height: 100%;}
.bg_main .news_ul li a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.bg_main .news_ul li a:hover h1{color: #1ea4fe;}
.bg_main .news_ul li b{display: block;width: 100px;height: 30px;border: #ccc solid 1px;text-align: center;line-height: 30px;font-weight: normal;position: absolute;right: 12px;top: 161px;}
.detail{padding-top: 50px;}
.detail .title{padding-bottom: 20px;border-bottom: 1px solid #f2f2f2;text-align: center;}
.detail .title h1{font-size: 30px;line-height: 50px;}
.detail .title span{line-height: 18px;font-family: arial;color: #959595;}
.detail .title i{width: 23px;height: 16px;background-position: -73px 0;margin-right: 10px;}
.detail .title .i2{background-position: -104px 0;margin-left: 30px;}
.detail .context{color: #666;line-height: 30px;text-align: justify;padding: 25px 0;}
.detail .context img{max-width: 1200px;}
/* reLink*/.reLink{height: 38px;line-height: 38px;border: 1px solid #e6e6e6;padding: 0 15px;margin-bottom: 50px;}
.reLink .nextLink, .detail .reLink .prevLink{width: 50%;}
.reLink .nextLink{text-align: right;}
.reLink a{-webkit-transition: all ease 500ms;-moz-transition: all ease 500ms;-ms-transition: all ease 500ms;-o-transition: all ease 500ms;transition: all ease 500ms;}
.reLink a:hover{color: #2fc16e;}
/* pager*/.pager{padding: 30px 0 30px;text-align: center;*zoom: 1;*padding: 40px 0 30px;}
.pager:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.pager p{height: 26px;line-height: 26px;display: inline-block;*display: inline;*zoom: 1;display: none;}
.pager ul{display: inline-block;*display: inline;*zoom: 1;overflow: hidden;}
.pager ul li{float: left;margin: 0 5px;padding: 0 !important;height: auto !important;border: none !important;}
.pager ul a{line-height: 30px;padding: 0 10px;transition: all ease 300ms;color: #000000;text-decoration: none;float: left;border: 1px solid #ddd;}
.pager ul a.current, .pager ul a:hover{color: #fff;border: 1px solid #2ab866;background: #2ab866;}
.contact .box3 h1{font-size: 36px;padding-bottom: 15px;text-align: center;}
.contact .box3 p{font-size: 16px;color: #828282;line-height: 24px;padding-bottom: 46px;text-align: center;}
.contact .box3 b{color: #1ea4fe;}
.formData{padding-bottom: 20px;}
.formData .item{float: left;color: #999;font-weight: normal;width: 560px;height: 50px;line-height: 50px;border: 1px solid #e5e5e5;margin-right: 76px;margin-bottom: 30px;position: relative;}
.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 50px;line-height: 50px;font-size: 18px;color: #cccccc;}
.formData .item input{outline: none;line-height:50px;height:50px;font-size: 18px;padding-left: 70px;}
.formData .item .txt{width: 355px;height: 50px;line-height: 50px;display: block;background: none;padding-left: 70px;border: 0 none;color: #333;}
.formData .item .red{position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute;left: 0;top: 0px;}
.formData .liuyan{width: 1198px;height: 240px;border: 1px solid #e5e5e5;float: left;}
.formData .liuyan label{text-align: right;display: block;}
.formData .liuyan textarea{width: 1178px;height: 214px;line-height: 28px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
.formData .bot{width: 100%;}
.formData .sub{width: 232px;line-height: 46px;border: 2px solid #1ea4fe;margin-right: 2px;text-align: center;background: #1ea4fe;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.formData .sub:hover{background: none;color: #1ea4fe;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute;right: 3px;top: 3px;border: 0px;display: block;}
.about .box1{padding-top: 105px;padding-bottom: 100px;overflow: hidden;}
.box1_add{padding: 70px 0;}
.about .box1 .fl{padding-top: 32px;}
.about .box1 .fl h1{font-size: 80px;text-transform: uppercase;font-family: arial;line-height: 80px;}
.about .box1 .fl p{font-size: 24px;padding-bottom: 88px;}
.about .box1 .fl i{width: 54px;height: 54px;background-position: 0 -99px;cursor: pointer;position: relative;display: block;float: left;}
.about .box1 .fl i img{position: absolute;left: 20px;bottom: 56px;width: 0px;height: 0px;opacity: 0;filter: alpha(opacity=0);transition: ease-in-out .2s;}
.about .box1 .fl i:hover img{filter: alpha(opacity=100);opacity: 1;left: 0;height: 80px;width: 80px;}
.about .box1 .fl .i2{background-position: -58px -99px;margin-left: 20px;}
.about .box1 .fr{width: 611px;}
.about .box1 .fr h1{font-size: 24px;font-weight: 100;}
.about .box1 .fr span{display: block;background: #b0b0b0;width: 20px;height: 2px;margin: 13px 0 24px;}
.about .box1 .fr h2{font-size: 18px;}
.about .box1 .fr p{line-height: 30px;padding-top: 12px;}
.about .box1 .fr i{width: 54px;height: 54px;background-position: -59px -35px;margin-top: 35px;transition: ease-in-out .2s;}
.about .box1 .fr a:hover{cursor: pointer;}
.about .box1 .fr a:hover i{margin-left: 15px;}
.about .bg_20{height: 20px;width: 100%;background: #eaeaea;}
.about .box2{padding-bottom: 94px;}
.about .box2 .con{margin-top: 40px;}
.about .box2 .con .fl{width: 410px;height: 428px;overflow: hidden;}
.about .box2 .con .fl img{width: 410px;height: 428px;}
.about .box2 .con .fr .img{width: 380px;height: 214px;overflow: hidden;display: block;}
.about .box2 .con .fr .img img{width: 380px;height: 214px;transition: .9s;}
.about .box2 .con .fr .p{display: block;padding-left: 20px;width: 360px;height: 214px;}
.about .box2 .con .fr .p h1{font-size: 24px;line-height: 60px;font-weight: 100;}
.about .box2 .con .fr .p i{width: 54px;height: 54px;background-position: -59px -35px;margin-top: 35px;transition: ease-in-out .2s;}
.about .box2 .con .fr li:hover{cursor: pointer;}
.about .box2 .con .fr li:hover h1, .about .box2 .con .fr li:hover p{color: #333;}
.about .box2 .con .fr li:hover i{margin-left: 15px;}
.about .box2 .con .fr li{float: left;}
.about .box2 .con .fr li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.about .box3{background: url(../images/about_bg.jpg) center top no-repeat;width: 100%;height: 457px;padding-top: 93px;}
.about .box3 .w1200{overflow: hidden;}
.about .box3 .fl{width: 500px;}
.about .box3 .fl h1{font-size: 36px;color: #fff;font-weight: 100;padding-bottom: 25px;}
.about .box3 .fl span{display: block;width: 40px;height: 2px;background: #ffd200;margin-bottom: 25px;}
.about .box3 .fl p{color: #fff;line-height: 24px;}
.about .box3 .fl i{width: 54px;height: 54px;cursor: pointer;background-position: 0px -35px;margin-top: 35px;transition: ease-in-out .2s;}
.about .box3 .fl a:hover i{margin-left: 15px;}
.about .box3 .fr .picScroll-left{overflow: hidden;position: relative;margin-top: 68px;height: 225px;width: 620px;}
.about .box3 .fr .picScroll-left .hd{overflow: hidden;}
.about .box3 .fr .picScroll-left .hd .prev, .about .box3 .fr .picScroll-left .hd .next{display: block;left: 0;top: 50%;margin-top: -36px;width: 30px;height: 72px;position: absolute;z-index: 10;background-position: -133px -67px;cursor: pointer;display: none;}
.about .box3 .fr .picScroll-left .hd .next{left: auto;right: 0;background-position: -164px -67px;}
.about .box3 .fr .picScroll-left:hover .hd .prev, .about .box3 .fr .picScroll-left:hover .hd .next{display: block;}
.about .box3 .fr .picScroll-left .hd ul{float: right;overflow: hidden;margin-top: 10px;zoom: 1;}
.about .box3 .fr .picScroll-left .hd ul li{float: left;width: 9px;height: 9px;overflow: hidden;margin-right: 5px;text-indent: -999px;cursor: pointer;background: url("../images/icocircle.gif") 0 -9px no-repeat;}
.about .box3 .fr .picScroll-left .hd ul li.on{background-position: 0 0;}
.about .box3 .fr .picScroll-left .bd ul{overflow: hidden;zoom: 1;}
.about .box3 .fr .picScroll-left .bd ul li{margin-right: 20px;float: left;_display: inline;overflow: hidden;text-align: center;}
.about .box3 .fr .picScroll-left .bd ul li img{width: 300px;height: 225px;}
.bg_top{height: 50px;background: #eaeaea;width: 100%;}
.erro{color: red;}
.erro{text-align: center;min-height: 400px;}
.showPro{padding: 50px 50px 0;}
.showPro .reLink{margin-bottom: 0;}
.showPro .showContxt{padding: 30px 0 35px;font-size: 16px;line-height: 32px;}
.showPro .showContxt img{max-width: 100%;height: auto !important;}
.showPro .showimgCon{padding: 0 0 30px;font-size: 16px;line-height: 32px;}
.showPro .showimgCon .txtcon{width: 680px;height: 423px;float: right;position: relative;}
.showPro .showimgCon .txtcon .tit{position: relative;font-size: 20px;margin-bottom: 15px;color: #d73535;font-weight: bold;line-height: 24px;padding-bottom: 14px;border-bottom: 1px solid #dddddd;padding-right: 60px;}
.showPro .showimgCon .txtcon .tit .goBack{position: absolute;right: 0;top: 0;color: #999999;font-size: 14px;display: block;font-weight: normal;cursor: pointer;}
.showPro .showimgCon .txtcon .tit .goBack s{width: 20px;height: 20px;background-position: -440px -62px;margin-left: 6px;}
.showPro .showimgCon .txtcon .tit .goBack:hover{color: #047fcc;}
.showPro .showimgCon .txtcon .txt{line-height: 24px;font-size: 16px;color: #666;}
.showPro .showimgCon .txtcon .txt .item{margin-bottom: 7px;max-height: 144px;overflow: hidden;}
.showPro .showimgCon .txtcon .tel-btn{width: 100%;position: absolute;left: 0;bottom: 0;border-top: 1px solid #ddd;padding-top: 40px;}
.showPro .showimgCon .txtcon .tel-btn .btn{width: 118px;float: right;height: 40px;line-height: 40px;margin-top: 5px;font-size: 20px;text-align: center;color: #fff;cursor: pointer;background: #2ab866;}
.showPro .showimgCon .txtcon .tel-btn .btn:hover{background: #12a751;}
.showPro .showimgCon .txtcon .tel-btn .tel{width: 280px;float: left;}
.showPro .showimgCon .txtcon .tel-btn .tel span, .showPro .showimgCon .txtcon .tel-btn .tel strong{display: block;color: #666666;}
.showPro .showimgCon .txtcon .tel-btn .tel s{width: 42px;height: 42px;display: block;float: left;margin-right: 6px;background-position: -315px -30px;}
.showPro .showimgCon .txtcon .tel-btn .tel span{font-size: 16px;line-height: 20px;}
.showPro .showimgCon .txtcon .tel-btn .tel strong{font-size: 28px;line-height: 28px;}
.showPro .showimg{width: 442px;position: relative;float: left;overflow: hidden;}
.showPro .showimg .bigimg{width: 440px;height: 332px;display: block;position: relative;border: 1px solid #dddddd;}
.showPro .showimg .bigimg .list{width: 5000%;}
.showPro .showimg .bigimg .list li{width: 440px;height: 332px;float: left;}
.showPro .showimg .bigimg .list img{width: 100%;height: 100%;display: block;transition: all ease 300ms;}
.showPro .showimg .smallimg{width: 440px;height: 76px;position: relative;padding-top: 30px;z-index: 10;overflow: hidden;}
.showPro .showimg .list{width: 357px;overflow: hidden;position: relative;margin: 0 auto;}
.showPro .showimg .listcon{width: 600% !important;position: relative;}
.showPro .showimg .prev, .showPro .showimg .next{width: 20px;height: 76px;z-index: 10;position: absolute;top: 30px;cursor: pointer;background: url(../images/show-btn-ico.png) no-repeat 0 center;}
.showPro .showimg .prev:hover, .showPro .showimg .next:hover{background-color: #f9f9f9;}
.showPro .showimg .prev{left: 0;background-position: 3px center;}
.showPro .showimg .next{right: 0;background-position: -84px center;}
.showPro .showimg li{width: 98px;height: 74px;margin-right: 28px;float: left;cursor: pointer;position: relative;}
.showPro .showimg li img{width: 100%;height: 100%;display: block;}
.showPro .showimg li.on{width: 94px;height: 70px;border: 3px solid #2ab866;}
.relateTit{height: 58px;line-height: 58px;border-bottom: 1px solid #e4e4e4;margin: 0 auto;width: 1200px;}
.relateTit h3{font-size: 18px;display: inline-block;*display: inline;*zoom: 1;position: relative;}
.relateTit h3 .line{width: 100%;height: 2px;display: block;position: absolute;left: 0;bottom: -1px;background: #2ab866;}
.floor_3_remm{padding-bottom: 60px;}
.floor_3_remm .body{overflow: hidden;*margin-bottom: 38px;}
.floor_3_remm .body ul{width: 112%;}
.floor_3_remm .body li{margin-bottom: 40px;width: 370px;float: left;margin-right: 45px;position: relative;border-radius: 5px;height: 278px;overflow: hidden;}
.floor_3_remm .body li a{display: block;width: 100%;height: 100%;cursor: pointer;}
.floor_3_remm .body li .img img{border-radius: 5px;width: 370px;height: 278px}
.floor_3_remm .body li .txt{position: absolute;left: 0;top: 211px;height: 67px;background: #666;width: 301px;border-radius: 0 0 5px 5px;color: #fff;padding-left: 42px;padding-right: 42px;transition: ease-in-out .2s;text-align: center;line-height: 67px;}
.floor_3_remm .body li .txt h3{font-size: 20px;font-weight: 100;line-height: 67px;}
.floor_3_remm .body li .txt span{margin: 0 auto;display: block;border: 1px solid #fff;text-align: center;width: 123px;height: 33px;line-height: 33px;border-radius: 5px;margin-top: 10px;display: none;}
.floor_3_remm .body li:hover{box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1);}
.floor_3_remm .body li:hover .txt{background: url(../images/bg_6b.png) repeat;height: 100%;top: 0;border-radius: 5px;}
.floor_3_remm .body li:hover .txt h3{padding-top: 78px;}
.floor_3_remm .body li:hover .txt span{margin-top: 0;display: block;}
.floor_3_remm .more2{text-align: center;}
.floor_3_remm .more2 ul{display: inline-block;*zoom: 1;*display: inline;}
.floor_3_remm .more2 a{width: 141px;height: 35px;display: block;color: #2fc16e;margin: 0 19px;border: 2px solid #2fc16e;line-height: 35px;border-radius: 4px;font-size: 20px;}
.floor_3_remm .more2 a:hover{box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);}
.floor_3_remm .more2 .ewmbtn{background: #2fc16e;color: #fff;}
.floor_3_remm .more2 li{float: left;}
/********toolbar*********/.toolbar{width: 52px;position: fixed;right: 1%;top: 50%;margin-top: -115px;z-index: 999;}
.toolbar dd{width: 51px;height: 51px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top: 4px;border: #ebebeb solid 1px;background-color: #fff;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i{width: 51px;height: 51px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span{width: 35px;height: 35px;display: block;margin: 8px 0 0 8px;background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block;width: 0;height: 53px;line-height: 53px;font-size: 24px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;}
.toolbar .pop{position: absolute;right: 90px;top: -65px;background: #1ea4fe;display: none;}
.toolbar .pop-code{width: 160px;}
.toolbar .pop-code img{width: 120px;height: 120px;display: block;padding: 20px 20px 0;}
.toolbar .pop-code h3{height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b{display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span{background-position: -35px -47px;}
.toolbar .qq a{width: 52px;height: 52px;cursor: pointer;display: block;}
.toolbar .qq:hover{background-color: #1ea4fe;border-radius: 100%;}
.toolbar .qq:hover span{background-position: 0 -47px;}
.toolbar .tel span{background-position: -35px 0;}
.toolbar .tel:hover{background: #1ea4fe;}
.toolbar .tel:hover span{background-position: 0 0;}
.toolbar .code span{background-position: -35px -95px;}
.toolbar .code:hover{background-color: #1ea4fe;border-radius: 100%;}
.toolbar .code:hover span{background-position: 0 -95px;}
.toolbar .top span{background-position: -35px -142px;}
.toolbar .top:hover{background-color: #1ea4fe;border-radius: 100%;}
.toolbar .top:hover span{background-position: 0 -142px;}
.toolbar dd:hover{}
/*******font-face********/@font-face{font-family: 'impact';src: url('../font/impact.eot');src: url('../fonts/impact.eot') format('embedded-opentype'),
/* IE6-IE8*/url('../fonts/impact.woff') format('woff'),
/* Modern Browsers*/url('../fonts/impact.ttf') format('truetype'),
/* Safari, Android, iOS*/url('../fonts/impact.svg#impact') format('svg');/* IE9 Compat Modes*//* Legacy iOS*/}
/************** * Animations for content elements * **********//* 滞后*/.delay100{-webkit-animation-delay: 100ms;animation-delay: 100ms;}
.delay200{-webkit-animation-delay: 200ms;animation-delay: 200ms;}
.delay300{-webkit-animation-delay: 300ms;animation-delay: 300ms;}
.delay400{-webkit-animation-delay: 400ms;animation-delay: 400ms;}
.delay500{-webkit-animation-delay: 500ms;animation-delay: 500ms;}
.delay600{-webkit-animation-delay: 600ms;animation-delay: 600ms;}
.delay700{-webkit-animation-delay: 700ms;animation-delay: 700ms;}
.delay800{-webkit-animation-delay: 800ms;animation-delay: 800ms;}
.delay900{-webkit-animation-delay: 900ms;animation-delay: 900ms;}
.delay1000{-webkit-animation-delay: 1000ms;animation-delay: 1000ms;}
.delay1100{-webkit-animation-delay: 1100ms;animation-delay: 1100ms;}
.delay1200{-webkit-animation-delay: 1200ms;animation-delay: 1200ms;}
.delay1300{-webkit-animation-delay: 1300ms;animation-delay: 1300ms;}
.delay1400{-webkit-animation-delay: 1400ms;animation-delay: 1400ms;}
.delay1500{-webkit-animation-delay: 1500ms;animation-delay: 1500ms;}
.delay1600{-webkit-animation-delay: 1600ms;animation-delay: 1600ms;}
.delay1700{-webkit-animation-delay: 1700ms;animation-delay: 1700ms;}
.delay1800{-webkit-animation-delay: 1800ms;animation-delay: 1800ms;}
.delay1900{-webkit-animation-delay: 1900ms;animation-delay: 1900ms;}
.delay2000{-webkit-animation-delay: 2000ms;animation-delay: 2000ms;}
.delay2100{-webkit-animation-delay: 2100ms;animation-delay: 2100ms;}
.delay2200{-webkit-animation-delay: 2200ms;animation-delay: 2200ms;}
.delay2300{-webkit-animation-delay: 2300ms;animation-delay: 2300ms;}
.delay2500{-webkit-animation-delay: 2500ms;animation-delay: 2500ms;}
.delay2700{-webkit-animation-delay: 2700ms;animation-delay: 2700ms;}
.delay2900{-webkit-animation-delay: 2900ms;animation-delay: 2900ms;}
.delay3000{-webkit-animation-delay: 3000ms;animation-delay: 3000ms;}
.delay4000{-webkit-animation-delay: 4000ms;animation-delay: 4000ms;}
.delay4500{-webkit-animation-delay: 4500ms;animation-delay: 4500ms;}
.delay5000{-webkit-animation-delay: 5000ms;animation-delay: 5000ms;}
.onactive .animated{-webkit-animation-duration: .8s;animation-duration: .8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.active .animated.fast{-webkit-animation-duration: .5s;animation-duration: .5s;}
.onactive .flyInDown{-webkit-animation-name: flyInDown;animation-name: flyInDown;}
@-webkit-keyframes flyInDown{0%{opacity: 0;-webkit-transform: translateY(-20px);}
100%{opacity: 1;-webkit-transform: translateY(0);}}
@keyframes flyInDown{0%{opacity: 0;-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
100%{opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
.onactive .flyInRight{-webkit-animation-name: flyInRight;animation-name: flyInRight;}
@keyframes flyInRight{0%{opacity: 0;-webkit-transform: translateX(100px);-moz-transform: translateX(100px);-ms-transform: translateX(100px);transform: translateX(100px);}
100%{opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}
.onactive .flyInUp{-webkit-animation-name: flyInUp;animation-name: flyInUp;}
@keyframes flyInUp{0%{opacity: 0;-webkit-transform: translateY(50px);-moz-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);}
100%{opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
.onactive .flyInLeft{-webkit-animation-name: flyInLeft;animation-name: flyInLeft;}
@-webkit-keyframes flyInLeft{0%{opacity: 0;-webkit-transform: translateX(-200px);}
100%{opacity: 1;-webkit-transform: translateX(0);}}
@keyframes flyInLeft{0%{opacity: 0;-webkit-transform: translateX(-200px);-moz-transform: translateX(-200px);-ms-transform: translateX(-200px);transform: translateX(-200px);}
100%{opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}
.onactive .opacityI{-webkit-animation-name: zoomIn;animation-name: zoomIn;}
@-webkit-keyframes opacityI{0%{opacity: 0;}
50%{opacity: 1;}}
@keyframes opacityI{0%{opacity: 0;}
50%{opacity: 1;}}
.onactive .shake{-webkit-animation-name: shake;animation-name: shake;-webkit-animation-delay: 6s;animation-delay: 6s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
@keyframes shake{0%{transform: translateX(0);}
10%, 30%, 50%, 70%, 90%{transform: translateY(-10px);}
20%, 40%, 60%, 80%{-transform: translateY(6px);}
100%{transform: translateY(0);}}
@-webkit-keyframes shake{0%{-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform: translateY(-10px);}
20%, 40%, 60%, 80%{-webkit-transform: translateY(6px);}
100%{-webkit-transform: translateY(0);}}
@-moz-keyframes shake{0%{-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90%{-moz-transform: translateY(-10px);}
20%, 40%, 60%, 80%{-moz-transform: translateY(6px);}
100%{-moz-transform: translateY(0);}}
@-o-keyframes shake{0%{-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90%{-o-transform: translateY(-10px);}
20%, 40%, 60%, 80%{-o-transform: translateY(6px);}
100%{-o-transform: translateY(0);}}
@-ms-keyframes shake{0%{-ms-transform: translateX(0);}
10%, 30%, 50%, 70%, 90%{-ms-transform: translateY(-10px);}
20%, 40%, 60%, 80%{-ms-transform: translateY(6px);}
100%{-ms-transform: translateY(0);}}
.onactive .zoomIn{-webkit-animation-name: zoomIn;animation-name: zoomIn;}
@-webkit-keyframes zoomIn{0%{opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}
50%{opacity: 1;}}
@keyframes zoomIn{0%{opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);-ms-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}
50%{opacity: 1;}}
@-webkit-keyframes scaleIn{0%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
50%{opacity: 1;-webkit-transform: scale(1.02);transform: scale(1.02);}}
@keyframes scaleIn{0%{opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
50%{opacity: 1;-webkit-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);}}
/*↓组图样式↓*/.HS10, .HS15{overflow: hidden;clear: both;}
.HS10{height: 10px;}
.HS15{height: 15px;}
.Hidden{display: none;}
.Clearer{display: block;clear: both;font-size: 1px;line-height: 1px;margin: 0;padding: 0;}
.FlLeft{float: left;}
.FlRight{float: right;}
/*幻灯片区域背景*/.MainBg{width: 1200px;margin: 0 auto;}
/*大图展示区域*/.OriginalPicBorder{padding: 0;}
#OriginalPic{width: 1200px;overflow: hidden;position: relative;font-size: 12px;}
#OriginalPic img{display: block;min-width: 100px;margin: 0 auto;}
/*鼠标手势*/.CursorL{position: absolute;z-index: 999;width: 50%;height: 600px;color: #FFF;left: 0;cursor: url(../images/CurL.cur), auto;background: url(../images/space.png) repeat scroll 0 0 transparent;}
.CursorR{position: absolute;z-index: 999;width: 50%;height: 600px;color: #FFF;right: 0;cursor: url(../images/CurR.cur), auto;background: url(../images/space.png) repeat scroll 0 0 transparent;}
/*小图预览和滑动*/.SliderPicBorder{width: 100%;overflow: hidden;}
.ThumbPicBorder{width: 1200px;margin: 0 auto;background: #eeeeee;overflow: hidden;position: relative;}
.ThumbPicBorder #btnPrev{width: 45px;height: 113px;cursor: pointer;position: absolute;left: 20px;top: 20px;}
.ThumbPicBorder #btnNext{width: 45px;height: 113px;cursor: pointer;position: absolute;right: 20px;top: 20px;}
.ThumbPicBorder .pic{width: 1025px;overflow: hidden;position: relative;margin: 20px auto;}
#ThumbPic img{border: 3px solid #ddd;cursor: pointer;background-color: #ddd;margin: 0 10px;width: 145px;height: 108px;display: block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
#ThumbPic img.active{border: 3px solid #1ea4fe;}
/*↑组图样式↑*/