@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;color: #fff;z-index: 13;border-bottom: 1px solid #d2d2d6;}
.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;}
.nav_main .nav li a.aLink{width: 118px;height: 32px;line-height: 32px;font-size: 15px;text-align: center;display: block;color: #333333;font-weight: bold;}
.nav_main .nav li.hover,.nav_main .nav li:hover{background-color: #1ea4fe;}
.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; left: 50%; top: 0; margin-left: -960px;}
.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: 60px;margin-top: 50px;border-left: 1px solid #464a50;}
.footer .ewm dl{width: 150px;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: 150px;height: 150px;background-color:#fff;text-align:center;}
.footer .ewm dl dt img{width: 140px;height: 140px;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: 320px;height: 180px;padding-left: 50px;border-right: 1px solid #1a1d21;border-left: 1px solid #464a50;margin-top: 48px;}
.footer .contact_info p{font-size:14px;color: #939393;line-height:22px;width: 290px;}
.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 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%;}
.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: 13px;cursor: pointer;}
.floor_1 .floor_1_main .content .product .bd .list li:hover{background: url(../images/f2_1.png) 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: 290px;}
.floor_1 .floor_1_main .content .product .bd .list li p{height: 70px;line-height: 70px;text-align: center;color: #666666;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;}
.floor_1 .floor_1_main .content .product .bd .list li:hover p{color: #0d97f4;}
.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/framebg.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/framebg.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/framebg.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: 38px; height: 38px; font-size: 18px;}
.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('../font/impact.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/impact.woff') format('woff'), /* Modern Browsers */ url('../font/impact.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/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;}
/*幻灯片区域背景*/
.Main{width:1200px;display:inline-block;}
.MainBg{width:500px;margin:0 auto;}
.MianText{width:660px;margin:0 auto;}
.MianText .brief{height:385px;text-align:left;}
.MianText .brief h1{font-size: 24px;padding: 20px 0;line-height: 32px;}
.MianText .info{width: 500px; margin-top:20px; }
.MianText .info ul{margin-left:0px}
.MianText .order{width:150px; margin-top:20px;}
.MianText .order button{
  width:100px;
  height:32px;
  margin:14px;
  cursor:pointer;
  color:white;
  background: -webkit-linear-gradient(top, #4C8FFB, #4288fa);
  background: -moz-linear-gradient(top, #4C8FFB, #4288fa);
  background: -ms-linear-gradient(top, #4C8FFB, #4288fa);
  background: -o-linear-gradient(top, #4C8FFB, #4288fa);
  background: linear-gradient(to bottom, #4C8FFB, #4288fa);
  border: 1px #4C8FFB solid;
  border-radius: 2px;
}
.MianText .order button:hover {
  background: -webkit-linear-gradient(top, #3F83F1, #3c70ea);
  background: -moz-linear-gradient(top, #3F83F1, #3c70ea);
  background: -ms-linear-gradient(top, #3F83F1, #3c70ea);
  background: -o-linear-gradient(top, #3F83F1, #3c70ea);
  background: linear-gradient(to bottom, #3F83F1, #3c70ea);
}
/*大图展示区域*/
.OriginalPicBorder{padding: 0;}
#OriginalPic{width:500px;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:375px;color:#FFF;left: 0;cursor:url(../images/left.cur), auto;/*background:url(../images/space.png) repeat scroll 0 0 transparent;*/}
.CursorR{position:absolute;z-index:999;width:50%;height:375px;color:#FFF;right:0;cursor:url(../images/right.cur), auto;/*background:url(../images/space.png) repeat scroll 0 0 transparent;*/}
/*小图预览和滑动*/
.SliderPicBorder{width: 100%;overflow:hidden;}
.SliderPicBorder img{width:100%;height:auto;}
.ThumbPicBorder {width:500px;margin:0 auto;background: #eeeeee;overflow: hidden;position: relative;}
.ThumbPicBorder #btnPrev{width:42px;height:107px;cursor:pointer;position: absolute;left: 10px;top: 10px;}
.ThumbPicBorder #btnNext{width:42px;height:107px;cursor:pointer;position: absolute;right: 10px;top: 10px;}
.ThumbPicBorder .pic{width: 400px;overflow:hidden;position: relative;margin: 10px auto;}
#ThumbPic img{border: 3px solid #ddd;cursor:pointer;background-color:#ddd;margin-left:13px;object-fit:cover;max-width:110px;width:110px;height:100px;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;}
/*↑组图样式↑*/