@charset "UTF-8";
html{min-width: 1200px;}
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{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;}
a{color: #000; text-decoration: none;}
a:hover{color: #0062b5; 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:40px;line-height:40px;background:#313237;}
.top_main .top{height:40px;}
.top_main .top_l{color:#fff;font-size: 20px;}
.top_main .top_r{margin-right:0px;}
.top_main li{position: relative; float:left;display: inline-block; *display: block; *zoom: 1; text-align: center;}
.top_main li a{color: #999999; cursor: pointer;font-size: 12px;}
.top_main li a:hover{color:#fff;opacity: 0.8;filter:alpha(opacity=80);}
.top_main .top_r .adress{position:relative;padding-left:24px;background-size:10px 12px;z-index:99;cursor:pointer;}
.top_main .top_r .consulting{position:relative;background-size:15px 13px;z-index:99;cursor:pointer;}
.top_main .top_r .mobile{position:relative;background-size:7px 13px;z-index:99;cursor:pointer;}
.top_main .top_r .mobile img{position:absolute;left: 0px;z-index: 99;width:160px;height:160px;transition: all ease-in-out .2s;top: 6px;z-index: 99;display: block;transition: all ease-in-out .2s;}
.top_main .top_r .mobile .drop{display:none;}
.top_main .top_r .mobile:hover .drop{display:block;}
.top_main .top_r .webNav a{padding-left:20px;margin-left:4px;background:url(../images/navI.png) no-repeat left center;}
.top_main .top_r .mobile:hover .drop{display:block;}
.top_main .top_r .line{display:block;width:1px;height:14px;margin:14px 10px 0px;background:#cccccc;}
.top_main .top_r .line1{margin-left:0px;}
.top_main .top_r .drop{position:absolute;right:-66px;z-index:99;width:180px;height: 200px;text-align:center;padding:4px;border:1px solid #008bcb;display: none;color:#333;background:#fff;overflow:hidden;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;box-shadow: 0px 3px 14px #e5e5e5;}
.top_main .top_r .drop img{position:relative;z-index:99;display:block;width:160px;height:160px;margin:0 auto;/* padding:10px 10px 0; */}
.top_main .top_r .drop span{font-size:16px;line-height:40px;}

/*header*/
.header_main{width: 100%; height:99px; z-index: 100; background:#FFFFFF;}
.header_main .header{position: relative;}
.header_main .logo{ display: block;width: 369px; float: left; height: 80px;padding-top: 12px;}
.header_main .logo img{width: 100%; height: 100%; display: block;}
.header_main .search{width: 230px; height: 28px; float: left; position: relative;     display: block;margin-top: 40px;margin-left: 134px; background: #fff;}
.header_main .search .txt{width: 95%; height: 28px; line-height: 28px; font-size: 12px; outline: none; margin-left: 5%;}
.header_main .search .txt{*width: 81%; height: 28px; line-height: 28px; font-size: 12px; outline: none; }
.header_main .search .btn{width: 46px; height: 28px; cursor: pointer; position: absolute; right: 0; top: 0; background-position: 13px 4px; outline: none; background-color: #0964b2;}
.nav_main{ height: 55px; line-height: 55px; text-align: center; color: #fff;height: 60px;line-height: 60px;}
.nav_main .nav{margin: 0 auto;height: 100px;}
.nav_main li img{width: 40px; height: 40px; display: block; margin: 0 auto;}
.nav_main li:first-child a{background-image: none;color: #333;}
.nav_main li:hover,
.nav_main li.hover{}
.header_main .tel{width: 190px;height: 50px;background: url(../images/tel.png) left 4px no-repeat; background-size: 33px 33px;float: right;margin-top: 28px;}
.header_main .tel .tit{font-size: 14px;color: #666666;text-indent: 46px;line-height: 20px;}
.header_main .tel .con{font-size: 18px;color: #666666;text-indent: 46px;font-weight: bold;    line-height: 20px;}
/*导航栏*/
.nav_main .nav li .subnav{border-radius: 0px!important; width: 120px; margin-right: 0; transition: all .3s ease 0s;position: absolute; background-color: #83c222; left: 0px; top: 70px; opacity: 1; overflow: hidden; z-index: 199;visibility: hidden; background: rgba(255,255,255,0.86);*background: #fff; border-radius: 12px;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);} 
.nav_main .nav li .subnav .nav1{opacity:0;filter:alpha(opacity=0);transition: all .36s ease; display: block; width: 134px; height: 40px;line-height: 40px; font-weight: 500; margin-left: 0; padding: 0; cursor: pointer; width: 100%;    border-bottom: 1px solid #ccc;} 
.nav_main .nav li .subnav .nav1 a{font-weight: 500; border-bottom: #ddd 1px solid; padding-bottom: 0; padding-left: 0px; width: 120px; padding-right: 0; display: block; font-family: "微软雅黑"; height: 40px !important; line-height: 40px !important; color: #7dc024; font-weight: normal; text-decoration: none; padding-top: 0; transition: all .36s ease; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333 !important; transition: all .36s ease;background-color: #fff;    border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;} /* .nav_main .nav li:hover .subnav .nav1{margin: 0 !important; background-color:#ffdc46;}*/
.nav_main .nav li:hover .subnav{filter:alpha(opacity=100);visibility: visible; transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);transition: all .6s ease 0s;}
.nav_main .nav li:hover .subnav .nav1{opacity:1;filter:alpha(opacity=100);}
.nav_main .nav li.hover .subnav .nav1 .subA{display: block; color: #fff;}
.nav_main .nav li .subnav .nav1:hover .subA{color: #000 !important;}
.nav_main .nav li .subnav .nav1:hover a{border-bottom: 1px solid #2eade8;     background-color: #f5f5f5;  text-decoration: none;color: #2eade8!important;}.nav_main{position:relative;float: left; margin-left: 80px; height: 100px; line-height: 100px; text-align: center; color: #fff;z-index:13;    width: 560px;}
.nav_main li{position:relative;   float: left; *display: inline; *zoom: 1;  margin-right: 18px;}
.nav_main .item.hover{float: left; *display: inline; *zoom: 1;background: url(../images/nav_bg.png) center 60px no-repeat;background-size: 63px 5px;}
.nav_main .item :hover{float: left; *display: inline; *zoom: 1;background: url(../images/nav_bg.png) center 60px no-repeat;background-size: 63px 5px;}
.nav_main li a{  font-size: 16px; text-align: center; display: block; color: #333333; } 
.nav_main li:hover .nav1{color:#0968b8;}
.nav_main li img{width: 40px; height: 40px; display: block; margin: 0 auto;}
.nav_main li:hover a,.nav_main li.hover a{color: #0968b8;}

.nav_main .nav li .subnav .snav{opacity:1;filter:alpha(opacity=1);transition: all .36s ease; display: block; width: 134px; height: 40px;line-height: 40px; font-weight: 500; margin-left: 0; padding: 0; cursor: pointer; width: 100%;    border-bottom: 1px solid #ccc;background:none;} 
.nav_main .nav li .subnav .snav a{font-weight: 500; border-bottom: #ddd 1px solid; padding-bottom: 0; padding-left: 0px; width: 120px; padding-right: 0; display: block; font-family: "微软雅黑"; height: 40px !important; line-height: 40px !important; color: #7dc024; font-weight: normal; text-decoration: none; padding-top: 0; transition: all .36s ease; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333 !important; transition: all .36s ease;background-color: #fff;    border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;background:#fff;} /* .nav_main .nav li:hover .subnav .nav1{margin: 0 !important; background-color:#ffdc46;}*/
.nav_main .nav li .subnav .snav:hover a{color:#0062b5!important;}

/*led推荐*/
.ledProduct{padding-top:2px;margin-top:1px;width:100%;height: 71px;line-height: 70px;background-color: #0062b5;}
.ledProduct .list{width:100%;}
.ledProduct .list .item{position:relative;float: left;padding-right: 54px;}
.ledProduct .list .item.it8{padding-right: 0px;}
.ledProduct .list .item a{display:block;font-size: 16px;color: #ffffff;}
.ledProduct .list .item a:hover{font-size: 16px;color: #7994d0;}
.ledProduct .list .item .suNav1{width: 100%;min-width:136px;position: absolute; left: 50%; top: 71px;margin-left:-62.5%;z-index:100;display:none;background:#fff;border:1px solid #ddd;}
.ledProduct .list .item .suNav1 a{font-weight:normal;color: #333!important; line-height: 35px; height: 35px; padding: 0; text-align: center; overflow: hidden; display: block; margin: 0; font-size: 14px;border-top:1px solid #eaeaea;background:#fff;}
.ledProduct .list .item .suNav1 a:first-child{border-top:none;}
.ledProduct .list .item .suNav1 a:first-child:hover{border-top:none;}
.ledProduct .list .item .suNav1 a:hover {border-top:1px solid #0062b5;background: #0062b5;color: #fff !important;}

/* 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: 78px; z-index: 10;}
.banner .tip span{width: 10px; height: 10px; line-height: 18px; margin: 0 5px; display: inline-block; cursor: pointer; vertical-align: top; border-radius:12px;background:url(../images/tip.png) center center no-repeat;background-size: 10px 10px;margin-top: 4px;}
.banner .tip span.cur{background:url(../images/tipcur.png) center center no-repeat;width: 18px;height: 18px;background-size: 18px 18px;margin-top: 0px;}


.banner .prev,
.banner .next{width: 32px; height: 34px; position: absolute; z-index: 12; top: 50%; margin-top: -50px; 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: 6%; background-position: 1px center;}
.banner .next{right: 6%; background-position: -50px 0;}
/*footer*/
.footer_main{width: 100%;background-color: #292a2f;height: 440px; }
.footer_main .footer{padding: 80px 0 0;height: 360px;color: #b3b6bc;}
.footer_main .footer .blogoTel{width: 300px;color: #fff;font-size: 28px;font-family: arial;}
.footer_main .footer .blogoTel .blogo{display: block;margin-bottom: 25px;}
.footer_main .footer .blogoTel .tel{margin-bottom: 7px;font-size: 34px;color: #FFFFFF;font-weight: bold;}
.footer_main .footer .blogoTel s{width: 26px;height: 26px;margin-right: 14px;background-position: -0px -0px;margin-top: -4px;}
.footer_main .footer .item{width: 150px;float: left;}
.footer_main .footer .item a{color: #999999;display: block;font-size: 12px;line-height: 26px;}
.footer_main .footer .item a:hover{color: #fff;}
.footer_main .footer .item h3{margin-bottom: 12px;}
.footer_main .footer .item h3 a{color: #fff;font-size: 16px;font-weight: bold;}
.footer_main .footer .ewm .img{width: 140px;height: 140px; float: left;font-size: 12px;text-align: center;color: #fff;background-color: #666666;margin-right: 30px;}
.footer_main .footer .ewm .img img{width: 130px;height: 130px;display: block;margin: 0 auto;    margin-top: 5px;background: #fff;}
.footer_main .copyright{margin-bottom:80px;width: 100%;height: 142px;line-height: 62px;border-top: 1px solid #3e3f44;color: #b3b6bc;font-size: 12px;background-color: #292a2f;}
.footer_main .copyright a{color: #b3b6bc;}
.footer_main .copyright a:hover{color: #fff;}
.footer_main .copyright em{margin:0 6px;}
.footer_main .footer .ewm .txt{width: 240px;float: right;}
.footer_main .footer .ewm .txt .tit{font-size: 14px;color: #ffffff;}
.footer_main .footer .ewm .txt .p1{font-size: 30px;color: #ffffff;font-weight: bold;padding-bottom: 14px;}
.footer_main .footer .ewm .txt .p2{font-size: 12px;color: #999999;line-height: 22px;}
.footer_main .foot_left .title .icon{display: block;width: 5px;height: 5px;background-position: -20px -210px;float: left;    margin-right: 14px;margin-top: 10px;}
.footer_main .foot_left  .p1{font-size: 14px;color: #dfdfdf;line-height: 22px;padding-top: 40px;padding-bottom: 20px;}
.footer_main .foot_left  .p2{font-size: 14px;color: #dfdfdf;}
.footer_main .foot_left{float: left;width: 400px;padding-right: 86px;}
.footer_main .foot_left .title{font-size: 18px;color: #dfdfdf;padding-top: 40px;font-weight: bold;}
.footer_main .foot_left .img{width: 239px;height: 83px;padding-top: 50px;}
.footer_main .foot_left .txt{padding-top: 30px;}
.footer_main .foot_left .txt .tel_1{font-size: 14px;color: #ffffff;}
.footer_main .foot_left .txt .tel_1 i{background-position: -60px -210px;width: 11px;height: 15px;margin-right: 10px;}
.footer_main .foot_left .txt .tel_2{font-size: 14px;color: #ffffff;}
.footer_main .foot_left .txt .tel_2 i{background-position: -80px -210px;width: 19px;height: 17px;margin-right: 10px;}
.footer_main .foot_left .txt p{width: 200px;float: left;height: 20px;line-height: 20px;padding-bottom: 18px;}
.footer_main .foot_left .txt .tel em{font-size: 30px;color: #ffffff;}
.footer_main .foot_left .txt .em{font-size: 14px;color: #ffffff;}
.footer_main .foot_left .txt .em i{background-position: -120px -210px;width: 16px;height: 12px;margin-right: 10px;}
.footer_main .foot_left .txt .qq{font-size: 14px;color: #ffffff;}
.footer_main .foot_left .txt .qq i{background-position: -160px -210px;width: 15px;height: 19px;margin-right: 10px;}
.footer_main .foot_left .txt .p3{width: 14px;height: 3px;background-color: #01bc66;margin-bottom: 26px;}
.footer_main .foot_middle .title .icon{display: block;width: 5px;height: 5px;background-position: -20px -210px;float: left;    margin-right: 14px;margin-top: 10px;}
.footer_main .foot_middle{float: right;width: 308px;}
.footer_main .foot_middle h2{font-size: 18px;color: #feffff;text-align: left;margin-bottom: 50px;padding-top: 40px;}
.footer_main .foot_middle .gzh{float: left;margin-right: 28px;width: 140px;height: 140px;background-color: #fff;}
.footer_main .foot_middle .ewm{float: left;width: 140px;height: 140px;background-color: #fff;}
.footer_main .foot_middle .gzh .img1{    margin: 0 auto; display: block;margin-top: 20px;width: 100px;height: 100px;}
.footer_main .foot_middle .gzh p{font-size: 14px;color: #8b91a0;text-align: center;padding-top: 30px;}
.footer_main .foot_middle .ewm .img1{ margin: 0 auto; display: block;margin-top: 20px;width: 100px;height: 100px;}
.footer_main .foot_middle .ewm p{font-size: 14px;color: #8b91a0;text-align: center;padding-top: 30px;}
.footer_main .foot_right .title .icon{display: block;width: 5px;height: 5px;background-position: -20px -210px;float: left;    margin-right: 14px;margin-top: 10px;}
.footer_main .foot_right{float: left;width: 228px;}
.footer_main .foot_right .title{font-size: 18px;color: #feffff;padding-top: 40px;padding-bottom: 44px;}
.footer_main .foot_right .list{}
.footer_main .foot_right .list .item{float: left;width: 84px;height: 30px;line-height: 30px;}
.footer_main .foot_right .list .item:nth-child(odd){padding-right: 58px;}
.footer_main .foot_right .list .item a{font-size: 14px;color: #8b91a0;}
.footer_main .foot_right .list .item:hover a{color: #fff;cursor: pointer;}
.copy{height: 60px;background-color: #2e3032;border-top: 1px solid #545454;}
.copy .bottom_copy{color: #666666;font-size: 12px;height: 60px;line-height: 60px;}
.copy .bottom_copy .right_copy{float: right;    height: 60px;line-height: 60px;*margin-top: -54px;}
.copy .bottom_copy a{color: #666666;font-size: 12px;}
.copy .bottom_copy a:hover{color: #FFFFFF;}
.copyright{background: #000; color: #666; font-size: 12px;}
.copyright .links{text-align: center; width: 100%; height: 70px; line-height: 70px; border-bottom: 1px solid #1e231e;}
.copyright .links a{margin: 0 22px; display: inline-block;}
.copyright .txt{width: 100%; height: 70px; line-height: 70px; text-align: center;}
.copyright a{color: #666; transition: all ease 300ms;}
.copyright a:hover{color: #fff;}

/*关键词*/
.index .floor_1car_main{position:relative;width:100%;height:90px;line-height:90px;z-index:12;}
.index .floor_1car{position:absolute;top:-46px;left:50%;margin-left:-600px;width:1200px;height:90px;z-index:12;background:#0062b5;}
.index .floor_1car .hotKeys{float:left;}
.index .floor_1car .hotKeys .keyT{margin-left:40px;float:left;font-size:14px;font-weight:bold;line-height:90px;color:#fff;}
.index .floor_1car .hotKeys .keyT em{font-weight:normal;}
.index .floor_1car .hotKeys .keya{float:left;margin-left: 30px;}
.index .floor_1car .hotKeys .keya .item{margin-right:50px;font-size:14px;color:#fff;}
.index .floor_1car .hotKeys .keya .item:first-child{margin-left:6px;}
.index .floor_1car .hotKeys .keya .item:hover{opacity:0.8;filter:alpha(opacity=80);}
.index .floor_1car .search_Main{margin-top:30px;margin-right:40px;float:right;width:520px;height:36px;line-height:34px;background-color: #FFFFFF;border-radius: 6px;}
.index .floor_1car .search_Main .btn{float: right;width: 36px;height: 36px;display: block;cursor: pointer;}
.index .floor_1car .search_Main .stxt{width:450px;height:36px;font-size:14px;line-height:36px;outline:none;padding-left: 14px;}
.index .floor_1car .search_Main .sbtn{margin-right: 16px;width: 15px;height: 15px;display: block;background-position: -0px -70px;margin-top: 10px;outline:none;cursor:pointer;/* float: right; */}
/*******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: 80px;}
.indexTit .tit{font-size: 34px;color: #333333;font-weight: bold; text-align: center;height: 40px;line-height: 40px;background: url(../images/wrap.png) center center no-repeat;}
.indexTit i{display: block;width: 29px;height: 1px;margin: 0 auto;background: url(../images/wrap.png) center center no-repeat;margin-bottom: 30px;}
.indexTit .subtit{margin-top:16px;font-size: 16px;color: #666666;text-align: center;}
.indexTit .subtit1{display:block;width:365px;height:67px;margin:0 auto;margin-top:16px;background:url("../images/subtit.png") no-repeat center center;background-size:365px 67px;}

/*f1工程案例*/
.index .floor_1 .caseShow .topList{  padding-bottom: 14px;text-align: center;*margin-left:28%;}
.index .floor_1 .caseShow .topList .aList{display: inline-block;}
.index .floor_1 .caseShow .topList .aList .item{float: left;}
.index .floor_1 .caseShow .topList .aList .item a h2{font-size: 16px;color: #666666;}
.index .floor_1 .caseShow .topList .aList .item a:hover .tit{color: #0096e3;}
.index .floor_1 .caseShow .topList .aList .line{height: 14px;width: 1px;background-color: #008fd5;display: block;float: left;margin: 0 30px; margin-top: 7px;}
.index .floor_1 .caseShow .topList .aList .line4{display:none;}
.index .floor_1 .indexTit{padding-top: 30px;} 
.index .floor_1{position:relative;z-index:9;padding-bottom: 50px;}
.index .floor_1 .caseShow{padding-top:26px;}
.index .floor_1 .caseShow .left{position:relative;width:480px;height:402px;}
.index .floor_1 .caseShow .left a{display:block;overflow:hidden;}
.index .floor_1 .caseShow .left .img{display:block;width:100%;height:402px;}
.index .floor_1 .caseShow .left .txt{position: absolute; left: 0px; bottom: 0px; width: 480px; height: 98px; z-index: 9; transition:all ease 600ms;background:url("../images/txtBg3.png") no-repeat center center;background-size:480px 98px;}
.index .floor_1 .caseShow .left .txt .tit{font-size: 20px;line-height: 120px; text-indent: 30px; color: #fff;}
.index .floor_1 .caseShow .left .txt em{position:absolute;bottom:30px;right:26px;display:block;width:38px;height:6px;background-position:-90px -70px;transition:all ease-in-out 300ms;}
.index .floor_1 .caseShow .left:hover .txt{color:#0062b5;opacity:0.98;filter:alpha(opacity=98);transition:all ease 600ms;}
.index .floor_1 .caseShow .left:hover .txt .tit{color:#ccc;}
.index .floor_1 .caseShow .left:hover .txt em{right:20px;transition:all ease-in-out 300ms;}
.index .floor_1 .caseShow .left .img:hover{-webkit-filter:brightness(105%);filter:brightness(105%);}
.index .floor_1 .caseShow .left .guan_hover{position:absolute;top:0px;left:0;width:480px;height:402px;background:url("../images/caseHover1.png") repeat;/*display:none;*/opacity:0;filter:alpha(opacity=0);z-index:3;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .6s;-o-transition: all .3s;cursor:pointer;}
.index .floor_1 .caseShow .left .guan_hover .tit1{margin-top:136px;font-size: 20px;text-align:center;color: #fff;}
.index .floor_1 .caseShow .left:hover .guan_hover{opacity:1;filter:alpha(opacity=100);transition: all ease-out .6s;-webkit-transition: all ease-out .6s;-moz-transition: all ease-out .6s;-o-transition: all ease-out .3s;}
.index .floor_1 .caseShow .left:hover .tit1{margin-top:24px;font-size: 20px;text-align:left;color: #fff;transition:all ease-in-out 300ms;padding: 0 30px;}
.index .floor_1 .caseShow .left:hover .txt{display:none;}

.index .floor_1 .caseShow .right{width:720px;}
.index .floor_1 .caseShow .right .list{width:106%;}
.index .floor_1 .caseShow .right .list .item{ position: relative; float: left; display: block; width: 340px; height: 190px; margin-left: 20px; margin-bottom: 22px; z-index: 9;cursor:pointer;}
.index .floor_1 .caseShow .right .list .item .img img{display:block;width:340px!important;height:190px!important;cursor:pointer;}
.index .floor_1 .caseShow .right .list .item .txt{position: absolute; left: 0px; bottom: 0px; width: 340px; height: 65px; z-index: 9;background:url("../images/txtBg2.png") no-repeat center center;background-size:340px 63px;}
.index .floor_1 .caseShow .right .list .item .txt .tit{font-size: 16px;line-height: 65px; text-indent: 20px; color: #fff;}
.index .floor_1 .caseShow .right .list .item .txt em{position:absolute;bottom:14px;right:24px;display:block;width:32px;height:32px;background-position:-40px -60px;}
.index .floor_1 .caseShow .right .list .item .guan_hover{position:absolute;top:0px;left:0;width:340px;height:191px;background:url("../images/caseHover.png") no-repeat;/*display:none;*/opacity:0;filter:alpha(opacity=0);background-size:340px 191px;z-index:3;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .6s;-o-transition: all .3s;cursor:pointer;}
.index .floor_1 .caseShow .right .list .item .guan_hover .tit1{}
.index .floor_1 .caseShow .right .list .item:hover .guan_hover{/*display: block;*/ opacity:1;filter:alpha(opacity=100);transition: all ease-out .6s;-webkit-transition: all ease-out .6s;-moz-transition: all ease-out .6s;-o-transition: all ease-out .3s;}
.index .floor_1 .caseShow .right .list .item:hover .txt{display:none;}
.index .floor_1 .caseShow .right .list .item .tit1{margin-top:136px;font-size: 20px;text-align:center;color: #fff;transition:all ease-in-out 300ms;}
.index .floor_1 .caseShow .right .list .item:hover .tit1{margin-top:24px;font-size: 20px;text-align:left;color: #fff;transition:all ease-in-out 300ms;padding: 0 30px;font-weight: bold;}
.index .floor_1 .caseShow .right .list .item:hover .cont{font-size: 14px;color: #FFFFFF;text-align:left;line-height: 30px;padding: 0 30px;}
.index .floor_1 .caseShow .right .list .item .guan_hover em{position:absolute;top:38px;left:50%;margin-left:-16px;display:block;width:32px;height:32px;background-position:-230px 0;transition:all ease 300ms;}
.index .floor_1 .caseShow .right .list .item:hover .guan_hover em{position:absolute;top:68px;left:50%;margin-left:-16px;display:block;width:32px;height:32px;background-position:-230px 0;transition:all ease-in-out 300ms;}

.index .floor_1 .caseShow .bottom{width:1200px;}
.index .floor_1 .caseShow .bottom .list{width:106%;}
.index .floor_1 .caseShow .bottom .list .item{ position: relative; float: left; display: block; width: 285px; height: 160px; margin-right: 20px; margin-bottom: 22px; z-index: 9;cursor:pointer;}
.index .floor_1 .caseShow .bottom .list .item .img img{display:block;width:285px!important;height:162px!important;cursor:pointer;}
.index .floor_1 .caseShow .bottom .list .item .txt{position: absolute; left: 0px; bottom: -4px; width: 285px; height: 65px; z-index: 9;background:url("../images/txtBg2.png") no-repeat center center;background-size:340px 63px;}
.index .floor_1 .caseShow .bottom .list .item .txt .tit{font-size: 16px;line-height: 65px; text-indent: 20px; color: #fff;}
.index .floor_1 .caseShow .bottom .list .item .txt em{position:absolute;bottom:14px;right:24px;display:block;width:32px;height:32px;background-position:-40px -60px;}
.index .floor_1 .caseShow .bottom .list .item .guan_hover{position:absolute;top:0px;left:0;width:285px;height:162px;background:url("../images/caseHover1.png") repeat;/*display:none;*/opacity:0;filter:alpha(opacity=0);background-size:340px 191px;z-index:3;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .6s;-o-transition: all .3s;cursor:pointer;}
.index .floor_1 .caseShow .bottom .list .item .guan_hover .tit1{}
.index .floor_1 .caseShow .bottom .list .item:hover .guan_hover{/*display: block;*/ opacity:1;filter:alpha(opacity=100);transition: all ease-out .6s;-webkit-transition: all ease-out .6s;-moz-transition: all ease-out .6s;-o-transition: all ease-out .3s;}
.index .floor_1 .caseShow .bottom .list .item:hover .txt{display:none;}
.index .floor_1 .caseShow .bottom .list .item .tit1{margin-top:136px;font-size: 20px;text-align:center;color: #fff;transition:all ease-in-out 300ms;}
.index .floor_1 .caseShow .bottom .list .item:hover .tit1{margin-top:24px;font-size: 20px;text-align:left;color: #fff;transition:all ease-in-out 300ms;padding: 0 30px;font-weight: bold;}
.index .floor_1 .caseShow .bottom .list .item:hover .cont{font-size: 14px;color: #FFFFFF;text-align:left;line-height: 30px;padding: 0 30px;}
.index .floor_1 .caseShow .bottom .list .item .guan_hover em{position:absolute;top:38px;left:50%;margin-left:-16px;display:block;width:32px;height:32px;background-position:-230px 0;transition:all ease 300ms;}
.index .floor_1 .caseShow .bottom .list .item:hover .guan_hover em{position:absolute;top:68px;left:50%;margin-left:-16px;display:block;width:32px;height:32px;background-position:-230px 0;transition:all ease-in-out 300ms;}



/******floor_2******/
.index .floor_2_main .indexTit .tit{background: url(../images/wrap1.png) center center no-repeat;}
.index .floor_2_main{background:url(../images/f2_bg.png) center center no-repeat;position: relative;height: 749px;width: 100%;    z-index: 999;}
.index .floor_2_main .floor_2{}
.index .floor_2_main .floor_2 .qList{}
.index .floor_2_main .floor_2 .qList .list{padding-top: 60px;}
.index .floor_2_main .floor_2 .qList .list .item{float: left;width: 33%;cursor: pointer;border-right:1px solid #e5e5e5;}
.index .floor_2_main .floor_2 .qList .list .item.it3{border-right:0px}
.index .floor_2_main .floor_2 .qList .list .item .img{}
.index .floor_2_main .floor_2 .qList .list .item .img img{width: 188px;height: 188px;margin: 0 auto;display: block;    transition: all ease 0.6s;}
.index .floor_2_main .floor_2 .qList .list .item:hover .img img{transform: rotateY(180deg);transition: all ease 600ms;}

.index .floor_2_main .floor_2 .qList .list .item .txt .line{width: 44px;height: 1px;background-color: #0062b5;display: block;margin: 0 auto;margin-top: 22px;}
.index .floor_2_main .floor_2 .qList .list .item .txt .cont{font-size: 22px;color: #333333;padding-top: 30px;line-height: 38px;text-align: center;}
.index .floor_2_main .floor_2 .qList .list .item .txt .cont em{display: block;}
.index .floor_2_main .floor_2 .qList .list .item:hover .txt .cont{color: #0062b5;}
.index .floor_2_main .floor_2 .noPro{    text-align: center;margin-top: 80px;}
.index .floor_2_main .floor_2 .noPro .tit{font-size: 28px;color: #333333;font-weight: bold;}
.index .floor_2_main .floor_2 .noPro .tit em{color: #0062b5;}
.index .floor_2_main .floor_2 .arrowDown{background: url(../images/f2_2.png) center center no-repeat;height: 107px;width: 107px;margin: 0 auto;margin-top: 6px;z-index: 99;position: relative;}

/******floor_3******/
.index .floor_3_main .indexTit .tit{background: url(../images/wrap2.png) center center no-repeat;color: #FFFFFF;}
.index .floor_3_main{background:url(../images/f3_bg.jpg) center center no-repeat;position: relative;height: 799px;width: 100%;z-index: 9;}
.index .floor_3_main .floor_3{ position: relative;z-index: 9;}
.index .floor_3 .indexTit .subtit{color:#e2e2e2;}
.index .floor_3_main .floor_3 .qList{}
.index .floor_3_main .floor_3 .qList .list{padding-top: 60px;}
.index .floor_3_main .floor_3 .qList .list .item{float: left;width: 33%;cursor: pointer;}
.index .floor_3_main .floor_3 .qList .list .item .img{}
.index .floor_3_main .floor_3 .qList .list .item .img img{width: 188px;height: 188px;margin: 0 auto;display: block;    transition: all ease 0.6s;}
.index .floor_3_main .floor_3 .qList .list .item:hover .img img{transform: rotateY(180deg);transition: all ease 600ms;}
.index .floor_3_main .floor_3 .qList .list .item .txt .line{width: 44px;height: 1px;background-color: #0062b5;display: block;margin: 0 auto;margin-top: 22px;}
.index .floor_3_main .floor_3 .qList .list .item .txt .cont{font-size: 14px;color: #bec0cb;padding-top: 20px;line-height: 24px;text-align: center;}
.index .floor_3_main .floor_3 .qList .list .item .txt .tit{font-size: 24px;color: #FFFFFF;font-weight: bold;text-align: center;padding-top: 34px;}
.index .floor_3_main .floor_3 .qList .list .item .txt .cont em{display: block;}

/*询盘*/
.enquiries{background: url(../images/enquiries.png) center center no-repeat;height: 312px;width: 100%;    margin-top: -186px;position: relative;z-index: 999;}
.enquiries .txt{float: right;padding-top: 76px;}
.enquiries .txt .tel{font-size: 20px;color: #ffffff;font-weight: bold;width: 222px;height: 38px;line-height: 42px;text-indent: 10px;border-radius: 24px;border:2px solid #ffff;margin-bottom: 12px;}
.enquiries .txt .tel i{background-position: 0 -30px;display: block;width: 19px;height: 19px;float: left;    margin: 12px 0 0 30px;}
.enquiries .txt .p1{transition: all ease 600ms;cursor: pointer; font-size: 16px;color: #FFFFFF;width: 224px;height: 42px; text-align: center; line-height: 42px; border-radius: 24px;background-color: #45474e;}
.enquiries .txt .p1:hover{text-indent: 12px;transition: all ease 600ms; }
.enquiries .img{width: 96px;height: 96px;background-color: #FFFFFF;position: relative;float: right;margin-top: 76px;margin-left: 20px;}
.enquiries .img img{width: 87px;height: 87px;position: absolute;top: 6px;left: 0px;right: 0px;bottom: 0px;margin: 0 auto;}
/******floor_4******/
/*产品中心*/
.index .floor_4 .caseShow .topList{  padding-bottom: 14px;text-align: center;padding-top: 30px;padding-bottom: 30px;*margin-left:5%;}
.index .floor_4 .caseShow .topList .aList{display: inline-block;}
.index .floor_4 .caseShow .topList .aList .item{float: left;}
.index .floor_4 .caseShow .topList .aList .item a .tit{font-size: 16px;color: #666666;}
.index .floor_4 .caseShow .topList .aList .line{height: 14px;width: 1px;background-color: #008fd5;display: block;float: left;margin: 0 20px; margin-top: 7px;}
.index .floor_4 .caseShow .topList .aList .line8{display:none;}
.index .floor_4 .caseShow .topList .aList .item a:hover .tit{color: #0096e3;}
.index .floor_4_main {    margin-top: -110px;}
.index .floor_4_main .floor_4 .product .bd{position:relative;overflow:hidden;    height: 346px;}
.index .floor_4_main .floor_4 .product .bd .list{width:104%;overflow:hidden;}
.index .floor_4_main .floor_4 .product .bd .list li{position:relative;float:left;display:block;width: 285px;height: 346px; margin-right: 20px;cursor: pointer;}
.index .floor_4_main .floor_4 .product .bd .list li a{display:block;width: 285px;height: 345px;}
.index .floor_4_main .floor_4 .product .bd .list li img{    margin: 0 auto;display: block;height: 285px;width: 285px;}
.index .floor_4_main .floor_4 .product .bd .list li p{height: 60px;line-height: 60px;text-align: center;color: #fff;font-size: 16px;font-weight: bold;background-color: #45474e;}
.index .floor_4_main .floor_4 .product .bd .list li:hover p{height: 60px;line-height: 60px;text-align: center;color: #0d97f4;font-size: 16px;font-weight: bold;}
.index .floor_4_main .floor_4 .product .hd{width:100%;top:0px;position: relative;padding-bottom: 80px;}
.index .floor_4_main .floor_4 .product .hd .prev{position:absolute;    left: -80px;top: -206px;display:block;width:40px;height:40px;background-position:-70px -0px;cursor:pointer;}
.index .floor_4_main .floor_4 .product .hd .next{position:absolute;right:-80px;    top: -206px; display:block;width:40px;height:40px;background-position:-140px -0px;cursor:pointer;}
.index .floor_4_main .floor_4 .product .hd .prev:hover{opacity: 0.8;background-position:-200px -0px;}
.index .floor_4_main .floor_4 .product .hd .next:hover{opacity: 0.8;background-position:-260px -0px;}
.index .floor_4_main .floor_4 .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);}
.index .floor_4_main .floor_4 .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);}
.index .floor_4_main .floor_4 .product .bd .list li a .More i{background-position: -30px -300px;width: 12px;height: 7px;margin-top: -17px;margin-left: 100px;float: left;}
/*客户*/
.index .floor_5_main{background-color: #f9f9f9;margin-bottom: 6px;}
.index .floor_5_main .floor_5 .customer{ width:1200px;  overflow:hidden; position:relative;margin-top: 30px;}
.index .floor_5_main .floor_5 .customer .hd{ overflow:hidden;  text-align: center;*margin-left:50%; }
.index .floor_5_main .floor_5 .customer .hd .prev,.index .floor_5_main .floor_5 .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("images/arrow.png") no-repeat;}
.index .floor_5_main .floor_5 .customer .hd .next{ background-position:0 -50px;  }
.index .floor_5_main .floor_5 .customer .hd .prevStop{ background-position:-60px 0; }
.index .floor_5_main .floor_5 .customer .hd .nextStop{ background-position:-60px -50px; }
.index .floor_5_main .floor_5 .customer .hd ul{     display: inline-block; overflow:hidden; zoom:1;  margin: 40px 0 40px 0;}
.index .floor_5_main .floor_5 .customer .hd ul li{ float:left;  width:11px; height:18px;*height:24px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/f5_2.png) center center no-repeat; }
.index .floor_5_main .floor_5 .customer .hd ul li.on{ background:url(../images/f5_3.png) center center no-repeat; width: 18px;height: 18px;*height:24px;}
.index .floor_5_main .floor_5 .customer .bd{   }
.index .floor_5_main .floor_5 .customer .bd .picList{width: 106%;}
.index .floor_5_main .floor_5 .customer .bd ul{ overflow:hidden; zoom:1; }
.index .floor_5_main .floor_5 .customer .bd ul li{ margin-bottom:20px;margin-right : 20px;float:left; _display:inline; overflow:hidden; text-align:center;  }
.index .floor_5_main .floor_5 .customer .bd ul li:first-child{}
.index .floor_5_main .floor_5 .customer .bd ul li .pic{ text-align:center; }
.index .floor_5_main .floor_5 .customer .bd ul li .pic img{ width:222px; height:98px; display:block; border:1px solid #cacaca; }
.index .floor_5_main .floor_5 .customer .bd ul li .pic a:hover img{ border-color:#999;  }

/*询盘*/
.enquiries2{background: url(../images/enquiries2.png) center center no-repeat;height: 312px;width: 100%;position: relative;z-index: 999;    margin-top: -16px;}
.enquiries2 .txt{float: right;padding-top: 90px;}
.enquiries2 .txt .tel{font-size: 20px;color: #ffffff;font-weight: bold;width: 222px;height: 38px;line-height: 42px;text-indent: 10px;border-radius: 24px;border:2px solid #fff;margin-bottom: 12px;}
.enquiries2 .txt .tel i{background-position: 0 -30px;display: block;width: 19px;height: 19px;float: left;    margin: 12px 0 0 30px;}
.enquiries2 .txt .p1{transition: all ease 600ms;cursor: pointer; font-size: 16px;color: #FFFFFF;width: 224px;height: 42px; text-align: center; line-height: 42px; border-radius: 24px;background-color: #45474e;}
.enquiries2 .txt .p1:hover{text-indent: 12px;transition: all ease 600ms; }
.enquiries2 .img{width: 96px;height: 96px;background-color: #FFFFFF;position: relative;float: right;margin-top: 90px;margin-left: 20px;margin-right: 300px;}
.enquiries2 .img img{width: 87px;height: 87px;position: absolute;top: 6px;left: 0px;right: 0px;bottom: 0px;margin: 0 auto;}
.enquiries2 .left{padding-top:90px;float:left;}
.enquiries2 .left .txt1 .tit{font-weight:bold;font-size:30px;line-height:30px;color:#fff;}
.enquiries2 .left .txt1 .subtit{margin-top:22px;font-size:24px;color:#fff;}

/*关于我们*/
.index .floor_6_main{background: url(../images/f6_bg.png) center top no-repeat;margin-top: -80px;}
.index .floor_6_main .floor_6 .indexTit .tit{color: #FFFFFF;}
.index .floor_6 .indexTit .subtit{color:#e2e2e2;}
.index .floor_6_main .floor_6 .aboutCont{margin:0 auto;margin-top:70px;width:1200px;height:418px;background-color: #fefefe;}
.index .floor_6_main .floor_6 .aboutCont .left{float:left;width: 553px;height: 415px;border: 1px solid #e8e8e8;border-right:0px;padding-left: 46px;}
.index .floor_6_main .floor_6 .aboutCont .right{float:right;width:600px;height: 416px;}
.index .floor_6_main .floor_6 .aboutCont .tit1{font-size: 14px;color: #999999;padding-top: 40px;}
.index .floor_6_main .floor_6 .aboutCont .aboutTit{font-weight:bold;font-size:34px;line-height:34px;color:#444b53;margin-bottom: 30px;} 
.index .floor_6_main .floor_6 .aboutCont .wrap{width: 86px;height: 1px;background-color:#0062b5 ;display: block;}
.index .floor_6_main .floor_6 .aboutCont .aCont{margin-top:30px;font-size:14px;line-height:30px;text-align:justify;color:#444b53;width: 490px;}
.index .floor_6_main .floor_6 .aboutCont .kMore{display:block;width:170px;height:40px;margin-top:40px;font-size:18px;line-height:40px;text-align:center;color:#fff;background: #0062b5;border-radius:20px;transition:all ease 600ms;}
.index .floor_6_main .floor_6 .aboutCont .kMore:hover{width:200px;opacity: 0.9;filter:alpha(opacity=90);transition:all ease 600ms;}
.index .floor_6_main .floor_6 .aboutCont .aImg{position:relative;width: 600px;height: 417px;}
.index .floor_6_main .floor_6 .aboutCont .aImg img{width:600px;height:417px;}
.index .floor_6_main .floor_6 .aboutCont .aImg img:hover{filter:brightness(105%);-webkit-filter:brightness(105%);}

/*新闻咨询*/
.index .floor_7_main{background-color: #f9f9f9;}
.index .floor_7_main .floor_7 .actList{padding-bottom: 60px;}
.index .floor_7_main .floor_7 .actList .list{width: 104%;margin-top:38px;}
.index .floor_7_main .floor_7 .actList .list li{width: 590px;float: left;display: block;margin-right:20px;margin-bottom:20px;overflow:hidden;border: 1px solid #ececec;transition: all ease 600ms;}
.index .floor_7_main .floor_7 .actList .list li:hover{transition: all ease 600ms;    transform: translateY(-6px);}
.index .floor_7_main .floor_7 .actList .list li .img{float:left;width:200px;height:152px;}
.index .floor_7_main .floor_7 .actList .list li .txt_main{float:left;width:390px;height:152px;background-color:#fff;}
.index .floor_7_main .floor_7 .actList .list li .txt{margin-top:30px;margin-left:30px;}
.index .floor_7_main .floor_7 .actList .list li .txt .tit{font-size:18px;color:#333;}
.index .floor_7_main .floor_7 .actList .list li:hover .txt .tit{color: #0062b5;}
.index .floor_7_main .floor_7 .actList .list li .txt .cont{width:312px;margin-top:6px;font-size:12px;color:#999;line-height:18px;}
.index .floor_7_main .floor_7 .actList .list li .txt .time{margin-top:16px;font:bold 16px "AvantGarde BK BT";color:#999;}
.index .floor_7_main .floor_7 .actList .list li:hover img{-webkit-filter:brightness(105%);filter:brightness(105%);}
.index .floor_7_main .floor_7 .actList .learnMore{display: block; margin: 0 auto;margin-top:40px;width: 160px;height: 40px;line-height: 40px;text-align: center;font-size: 16px; background-color: #45474e;border-radius: 24px;  color:#fff;margin-top: 24px;transition: all ease 600ms;}
.index .floor_7_main .floor_7 .actList .learnMore:hover{width: 200px;opacity: 0.9;filter: alpha(opacity=90); transition: all ease 600ms;background:#0062b5;}

/*报价器*/
.quotation-box{z-index: 25;width: 100%;height: 600px;background-color: rgba(0, 0, 0, 0.7);position: fixed;bottom: 0px;transition: all 0.4s;transform: translateY(120%);overflow: initial;display:none;}
.quotation-box .quotation-header{max-width: 1040px;margin: 0 auto;height: 74px}
.quotation-box .quotation-header img.icon-quotation{display: block;margin-left: 65px;margin-top: -58px;margin-right: 46px; float: left}
.quotation-box .quotation-header .icon-arrow{height: 40px;width: auto}
.quotation-box .quotation-header span{line-height: 74px;height: 30px;color: white;font-size: 30px;text-align: left;position: relative;}
.quotation-box .quotation-header span .orange{color: #FFB12F;padding-right: 10px;}
.quotation-box .quotation-header ::after{clear: both}
.quotation-box .quotation-body{max-width: 1040px;background: #fff;margin: 0 auto;height: 386px;padding: 39px 0 0 50px;border-radius: 12px;}
.quotation-box .quotation-left,
.quotation-box .quotation-right{float: left}
.quotation-box .quotation-right img{display:block;width: 140px;height: 140px;background-color: #e4e4e4;padding: 10px;}
.quotation-box .quotation-right .tit{height:50px;font-size:16px;line-height:50px;color: #333333;text-align: center;}
.quotation-box .quotation-left{width: 760px;box-sizing: border-box;position: relative;}
.quotation-box .quotation-left .quotation-title-right{float: right;position: absolute;right: -160px;}
.quotation-box .quotation-left .quotation-title-right .p1{font-size: 20px;color: #333333;font-weight: bold;text-align: left;}
.quotation-box .quotation-left .quotation-title-right .p2{font-size: 16px;color: #ffa60b;text-align:center;}
.quotation-box .quotation-title{height: 33px;line-height: 33px;color: #333333;font-size: 24px;text-align: left;    float: left;padding-right: 10px;}
.quotation-box .quotation-content{line-height: 18px;color: #555555;font-size: 16px;text-align: left;margin-top: 11px;margin-bottom: 40px;height: 300px;}
.quotation-box .quotation-content .orange{color: #FFB12F;font-weight: 600;font-size: 20px}
.quotation-box .quotation-content .optionlist{margin-top: 80px;overflow: hidden;border-right: 1px solid #e5e5e5;}
.quotation-box .quotation-content .calculator-title{color: #4a4a4a;line-height: 28px;font-size: 28px;text-align: center}
.quotation-box .quotation-content .input-item{width: 214px;float: left;margin-bottom: 20px;color: #212022;font-size: 12px;position: relative;padding-left: 84px;}
.quotation-box .quotation-content .input-item label{position: absolute;left: 0;top: 0;color: #4A4A4A;line-height: 38px;font-size: 14px}
.quotation-box .quotation-content .input-item label .explain{background: #4785F9;display: inline-block;text-align: center;font-size: 12px;width: 16px;height: 16px;line-height: 16px;color: #fff;border-radius: 50%}
.quotation-box .quotation-content .input-item .value-div{width: 246px;height: 38px;border-radius: 5px;border: 1.28px solid #e4e4e4;/* padding: 0 26px; */text-indent: 16px;line-height: 38px;color: #83848e;}
.quotation-box .quotation-content .input-item .value-div-half{width: 38%;margin-right: 1%;height: 38px;border-radius: 0;border: solid 1px #e3e8ee;padding: 0 12px;line-height: 38px;color: #83848e;border-radius: 5px;}
.quotation-box .quotation-content .input-item .value-div-half:last-of-type{margin-right: 0}
.quotation-box .quotation-content .input-item .rotate{transform: rotate(180deg)}
.quotation-box .quotation-content .errorTip{text-align: left;padding-top: 5px;color: red;display: none}
.quotation-box .quotation-content .input-item:nth-child(even){margin-left: 90px;}
.quotation-box .quotation-content .choose-pane,
.quotation-box .quotation-content .select-scene{position: relative;width: 246px;height: 40px;font-size: 14px;-webkit-appearance:none;}
.quotation-box .quotation-content .select-scene{border-radius: 5px;border: 1px solid #e4e4e4;text-indent: 16px;  line-height: 38px;color: #83848e;background: #fff;}
.quotation-box .quotation-content .choose-pane .options{position: absolute;width: 100%;border: 1px solid #e3e8ee;border-top: 0;padding: 0.34rem 0 0;border-radius: 0;z-index: 2;overflow: hidden;display: none}
.quotation-box .quotation-content .choose-pane .options .option-item{padding: 0 12px 0.1rem;background-color: #fff;margin: 0;color: #83848e}
.quotation-box .quotation-content .choose-pane .m2,
.quotation-box .quotation-content .choose-pane .m1{position: absolute;top: 10px;left: 40%;font-size: 12px;color: #83848e;}

.quotation-box .quotation-content .choose-pane .m2{position: absolute;top: 10px;left: 90%;font-size: 12px;color: #83848e}
.quotation-box .quotation-content .choose-pane .m2.mm{left: 91%;}

.quotation-box .quotation-content .choose-pane .m2 img{width: 12px}
.quotation-box .quotation-content .select-scene{position: relative;width: 246px;height: 40px}
.quotation-box .quotation-content input::-webkit-input-placeholder{color: #b3b5b7}
.quotation-box .quotation-content input::-moz-placeholder{color: #b3b5b7}
.quotation-box .quotation-content input:-moz-placeholder{color: #b3b5b7}
.quotation-box .quotation-content input:-ms-input-placeholder{color: #b3b5b7}
.quotation-box .quotation-content .distance-txt{display: none;position: absolute;top: -23px;left: 50px;background-image: url("../images/dialogue.png");background-position: 0 0;height: 26px;/* color: #fff; */line-height: 26px;z-index: 20;padding: 0 15px;background-size: 100% 26px;}
.quotation-box .quotation-content .privacy{color: #4785F9;font-size: 12px}
.quotation-box .outdoor{display: none}
.quotation-box .submit-btn{background-color: #4785F9;width: 96px;height: 96px;padding: 39px 0;margin: 0 auto;margin-top: -48px;color: #fff;border-radius: 50%;text-align: center;vertical-align: middle;box-sizing: border-box;font-size: 18px;box-shadow: 0 0 0px 20px rgba(71, 133, 249, 0.3);animation: btn-animation 1000ms infinite;animation-direction: alternate;outline:none;cursor:pointer;}
.quotation-box .submit-btn:hover{background:#0062b5;}

.icon-arrow-png{cursor:pointer;transition:all ease 600ms;}
.icon-arrow-png:hover{transform:rotate(180deg);transition:all ease 600ms;}
@keyframes btn-animation{from{box-shadow: 0 0 0px 0px rgba(71, 133, 249, 0.3)}to{box-shadow: 0 0 0px 15px rgba(71, 133, 249, 0.3)}}
.quotation-box .quotation-right{width: 160px;box-sizing: border-box;margin-left: 36px;margin-top: 104px;}.quotation-box .quotation-right .quotation-price{margin-top: 11px;height: 18px;line-height: 18px;color: #555555;font-size: 16px;text-align: left}
.quotation-box .quotation-right .quotation-price .priceNum{color: #FFB12F;font-weight: 600;font-size: 20px;}
.quotation-box .quotation-right .price-explain{height: 130px;margin-top: 44px;line-height: 26px;color: #858585;font-size: 14px;text-align: left;}
.mask{display: none!important;width: 100%;height: 100%;z-index: 24;position: fixed;top: 0;left: 0;}
.icon-arrow{animation: mousemove 1s linear 1s infinite;}
.icon-arrow1{animation: mousemove 1s linear 1s infinite;margin-left:20px;}
.CityPanel,
#success{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: none;z-index: 100}
#citySelector{position: absolute;top: 50%;left: 50%;margin-top: -325px;margin-left: -350px;background: #fff;overflow: auto;width: 700px;height: 650px;padding: 30px;padding-right: 0;font-size: 14px;}
#citySelector a{color: #83848e;}
#citySelector a:hover{color: #212022;}
#citySelector dl,
#citySelector dd{line-height: 1.8;}
#citySelector .hd{padding-right: 30px;}
#citySelector .title{font-size: 30px;color: #212022;margin-top: 5px;font-weight: bold;}
#citySelector .localtion{font-size: 20px;margin: 40px 0 15px;}
#citySelector .bd{padding-top: 30px;}
#citySelector .list a{width: 94px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#citySelector .list dl{padding-left: 96px;position: relative;display: none;}
#citySelector .list dl.hots{padding-left: 0;}
#citySelector .list dl.selected{display: block;}
#citySelector .list dd{padding-bottom: 15px;}
#citySelector .list{display: none;}
#citySelector .HOT{display: block;}
#citySelector .list dt{position: absolute;left: 0;font-size: 18px;color: #b3b5b7;}
#citySelector dl.index{padding-left: 96px;position: relative;margin-bottom: 45px;}
#citySelector .index dt{position: absolute;left: 0;font-size: 15px;}
#citySelector .index dd a{display: inline-block;padding-right: 48px;font-size: 15px;color: #b3b5b7;font-weight: bold;}
#citySelector .index a:hover{color: #212022;}
#citySelector .index .selected{color: #212022;}


#quotation-box{}
.a_bottom{position:fixed;bottom:0;background-color:#343434;height:80px;width:100%;z-index:1000;cursor:pointer;}
.a_bottom .quotation-header{max-width: 1040px;margin: 0 auto;height: 74px}
.a_bottom .quotation-header img.icon-quotation{display: block;margin-left: 65px;margin-top: -58px;margin-right: 46px; float: left}
.a_bottom .quotation-header .icon-arrow{height: 40px;width: auto}
.a_bottom .quotation-header span{line-height: 74px;height: 30px;color: white;font-size: 30px;text-align: left;position: relative;}
.a_bottom .quotation-header span .orange{color: #FFB12F;padding-right: 10px;}
.a_bottom .quotation-header ::after{clear: both}
.a_bottom .quotation-header .quotation-title-right{float: right;height: 90px;}
.a_bottom .quotation-header .quotation-title-right .p1{font-size:20px;color:#ffffff;font-weight:bold;    padding-top: 10px;}
.a_bottom .quotation-header .quotation-title-right .p2{font-size:16px;color:#fbc727;text-align:center;}
/*ny css start*/

/*prolist*/
.prolist{width: 105%;}
.prolist .item{width: 279px;float: left;margin: 0 24px 30px 0;border: 1px solid #eee;background: #eee;position: relative;overflow: hidden;transition: all ease 300ms;}
.prolist .item a{width: 100%; display: block;}
.prolist .item img{width: 279px;height: 279px;display: block;}
.prolist .item h3{width: 100%; height: 64px; line-height: 64px; text-align: center; font-size: 16px; transition: all ease 300ms;}
.prolist .item .bg{display:none;}
.prolist .item:hover{background: #666; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.prolist .item:hover h3{color: #fff;}

.productPage .gridlist{width: 105%; position: relative;}
.productPage .gridlist .item{width: 283px; float: left; border: 1px solid #dcdcdc; margin: 0 20px 20px 0; overflow: hidden;}
.productPage .gridlist .item a{width: 100%; display: block;}
.productPage .gridlist .item img{width: 283px; height: 212px; border-bottom: 1px solid #dcdcdc; display: block;}
.productPage .gridlist .item h3{text-align: center; height: 48px; line-height: 48px; font-size: 16px; overflow: hidden;}
.productPage .gridlist .item:hover{border-color: #0062b5;}
.productPage .gridlist .item:hover h3{color: #0062b5;}
.productPage .gridlist.gridlist9 .item img{width: 283px; height: 161px;}

.cooperlist{width: 105%; position: relative;}
.cooperlist .item{width: 203px;float: left;border: 1px solid #dcdcdc;margin: 0 20px 20px 0;overflow: hidden;transition: all ease 300ms;}
.cooperlist .item a{width: 100%; display: block;}
.cooperlist .item img{width: 203px;height: 80px;display: block;border-bottom: 1px solid #dcdcdc;}
.cooperlist .item h3{text-align: center; height: 48px; line-height: 48px; font-size: 16px; overflow: hidden;}
.cooperlist .item:hover{border-color: #0062b5;}
.cooperlist .item:hover h3{color: #0062b5;}
/*caselist*/
.caselist{width: 100%; position: relative; overflow: hidden;}
.caselist .list{width: 105%; position: relative;}
.caselist .item{width: 570px; height: 245px; float: left; margin: 0 52px 30px 0; position: relative; background: url(../images/case-libg.jpg) no-repeat center center; transition: all ease 300ms; overflow: hidden;}
.caselist .item a{display: block; padding: 20px 30px 0 20px;}
.caselist .item img{width: 267px; height: 200px; float: left; margin-right: 30px; display: block; transition: all ease 300ms;}
.caselist .item h3{height: 38px; line-height: 38px; font-size: 16px; overflow: hidden; transition: all ease 300ms; margin-bottom: 14px; border-bottom: 1px solid #ededed;}
.caselist .item .txt{line-height: 24px; max-height: 96px; overflow: hidden; color: #737373;}
.caselist .item .more{width: 40px; height: 30px; padding-top: 10px; display: block; position: absolute; right: 25px; bottom: 25px; background: #eeeeee;}
.caselist .item .more s{width: 22px; height: 22px; display: block; margin: 0 auto; background-position: -105px 0; transition: all ease 300ms;}
.caselist .item:hover h3{color: #3bb79b; border-bottom-color: #3bb79b;}
.caselist .item:hover img{filter: brightness(105%);}
.caselist .item:hover .more{background: url(../images/blue-jbg.jpg) no-repeat center center;}
.caselist .item:hover .more s{background-position: -130px 0;}
/*txtlist*/
.txtlist{width: 100%; position: relative; overflow: hidden;}
.txtlist .list{width: 120%; position: relative;}
.txtlist li{width: 300px; height: 36px; line-height: 36px; overflow: hidden; float: left; margin-right: 70px;}
.txtlist li a{width: 100%; display: block;}
.txtlist li s{width: 4px; height: 4px; display: inline-block; vertical-align: middle; margin-top: -1px; border-radius: 100%; background: #333333; margin-right: 10px;}
.txtlist li .time{float: right;}
/************content************/
.nyIcon{background: url(../images/nyIcon.png) no-repeat; display: inline-block; vertical-align: middle;}
.nbody .header_main{position: relative;}
/*wrapper*/
.noinfo{width: 100%; padding: 0 3%;}
.noinfo img{display: block; margin: 0 auto;}
.wrapper{padding: 0 0 36px; position: relative; min-height: 550px;}
/*nybanner*/
.nybanner{width: 100%; height: 250px; line-height: 42px; position: relative; overflow: hidden; background-position: center top; background-repeat: no-repeat; color: #fff;}
.nybanner h3{font-size: 34px; padding: 70px 0 6px;}
.nybanner .en{font-size: 40px; font-family: arial; font-weight: bold;}
.nybanner .line{width: 50px; height: 2px; display: block; background: #fff; margin-top: 10px;}
/*menu*/
.menu{width: 100%; height: 58px; line-height: 58px; position: relative; margin-bottom: 30px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.menu .list{width: 1200px;margin: 0 auto;}
.menu li{height: 58px; float: left; margin-right: 30px;}
.menu li .nav1{height: 58px; line-height: 58px; position: relative; font-size: 15px; display: block; text-align: center;}
.menu li .nav1 s{width: 100%; position: absolute; left: 0; bottom: -1px; height: 2px; background: #0062b5; display: none;}
.menu li .subMenu{position: absolute; left: 50%; display: none; margin-left: -600px; top: 82px;}
.menu li .subMenu a{width: 159px; height: 38px; line-height: 38px; margin-right: 10px; margin-bottom: 10px; display: block; float: left; text-align: center; border: 1px solid #dddddd; transition: all ease 300ms; background: #f8f8f8; color: #333333;}
.menu li .subMenu a:hover,
.menu li .subMenu a.hover{background: #ffffff; border-color: #0062b5; color: #0062b5;}
.menu li:hover,
.menu li.hover{border-right-color: #0062b5;}
.menu li:hover .nav1,
.menu li.hover .nav1{color: #0062b5;}
.menu li:hover .nav1 s,
.menu li.hover .nav1 s{display: block;}
.menu li.hover .subMenu{display: block;}
/*sitepath*/
.sitepath{height: 50px; line-height: 50px; position: absolute; width: 500px; text-align: right; left: 50%; margin-left: 100px; top: 5px; font-size: 12px;}
.sitepath s{width: 18px; height: 15px; background-position: 2px -66px; margin-right: 4px;}
/* reLink */
.reLink{height: 48px; line-height: 48px; padding: 0 15px; border: 1px solid #dddddd;}
.reLink .nextLink,
.reLink .prevLink{width: 50%; color: #666;}
.reLink .nextLink{text-align: right;}
.reLink a{display: block; transition: all ease 300ms;}
.reLink a:hover{color: #0062b5;}
/* pager */
.pager{padding: 30px 0 15px; text-align: center; *padding-top: 50px;}
.pager:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.pager{*zoom: 1;}
.pager p{height: 26px; line-height: 26px; float: left; display: none;}
.pager ul{overflow: hidden; margin: 0 auto; text-align: center;}
.pager ul li{padding: 0 !important; height: auto !important; border: none !important; display: inline-block; *display: inline; zoom: 1;}
.pager ul a{margin: 0 5px; padding: 0 13px; height: 34px; line-height: 34px; text-decoration: none; float: left; background: #fff; border: 1px solid #ddd;}
.pager ul a.current{background-color: #0062b5; color: #fff;}
.pager ul a.current:hover{background-color: #0062b5; color: #fff;}
.pager ul a:hover{background: #0062b5; color: #fff;}
/*n-gridlist*/
.n-gridlist{width: 105%;}
.n-gridlist .item{width: 380px; float: left; margin: 0 30px 30px 0; background: #fff; position: relative; overflow: hidden; transition: all ease 300ms; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.n-gridlist .item a{width: 100%; display: block;}
.n-gridlist .item img{width: 380px; height: 285px; display: block;}
.n-gridlist .item h3{width: 100%; height: 64px; line-height: 64px; text-align: center; font-size: 16px; transition: all ease 300ms;}
.n-gridlist .item .bg{position: absolute; width: 380px; padding-top: 116px; height: 169px; left: -380px; top: 0; z-index: 10; background: url(../images/red80.png) repeat 0 0; text-align: center; transition: all ease 300ms;}
.n-gridlist .item .bg s{width: 64px; height: 64px; display: block; border-radius: 100%; margin: 0 auto; background-position: 0 -32px;}
.n-gridlist .item:hover{background: #f5f5f5;}
.n-gridlist .item:hover h3{color: #0062b5;}
.n-gridlist .item:hover .bg{left: 0;}
/*n-tit*/
.n-tit{margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.n-tit h3{line-height: 35px; font-size: 24px;}
.n-tit s{width: 4px; height: 22px; margin-right: 15px; background: #0062b5; display: inline-block; vertical-align: middle;}
.n-tit .more{font-size: 16px;}
/*relateNews*/
.relateNews{padding: 55px 0 0; width: 100%; overflow: hidden;}
.relateNews .list{width: 120%;}
.relateNews .list li{width: 567px; float: left; margin-right: 65px; margin-bottom: 20px;transition:all ease 600ms;}
.relateNews .list li a{display: block; width: 100%;}
.relateNews .list li img{width: 200px; height: 150px; display: block; float: left; margin-right: 20px;}
.relateNews .list li h3{line-height: 24px; height: 24px; padding-top: 5px; overflow: hidden; margin-bottom: 10px; font-size: 16px; color: #333;}
.relateNews .list li .txt{height: 72px; line-height: 24px; color: #666; overflow: hidden; margin-bottom: 6px;}
.relateNews .list li .time{color: #999999; font-size: 12px;}
.relateNews .list li:hover{transform:translateY(-3px);transition:all ease 600ms;}
.relateNews .list li:hover h3{color: #0062b5;}
.relateNews .gridlist{width: 106%;}
.relateNews .prolist{padding-left: 3px;}
/*aboutPage*/
.aboutPage{width: 1200px; margin: 0 auto; background: #fff;}
.aboutPage .txtcon img{max-width: 100%;}
.aboutPage .mapArea{width: 100%; height: 400px; margin-top: 20px;}
.aboutPage .mapArea #allmap{width: 100%; height: 400px;}
.productPage{overflow: hidden; position: relative;}
.productPage .gridlist,
.productPage .marketList{width: 105%;}
/*newsPage*/
.newsPage .item{width: 100%; height: 150px; padding: 30px 0; transition: all ease 300ms; background: #fff; border-bottom: 1px solid #ddd;}
.newsPage .item:first-child{padding-top: 0;}
.newsPage .item a{width: 100%; display: block;}
.newsPage .item img{width: 200px; height: 150px; display: block; margin-right: 30px;}
.newsPage .item h3{font-size: 20px; padding: 24px 0 20px; transition: all ease 300ms;}
.newsPage .item .txt{color: #999999; line-height: 24px; height: 48px; padding-right: 130px; overflow: hidden;}
.newsPage .item .time{width: 150px; padding-top: 38px; font-family: arial; font-size: 20px; color: #999;}
.newsPage .item .time .day{font-size: 36px; line-height: 45px; display: block;}
.newsPage .item:hover h3{color: #0062b5; text-indent: 5px;}
.newsPage .item:hover .time .day span{background: #6d6d6d;}
.newsPage .item:hover .time .day strong{background: #ff0000; color: #fff;}
.newsPage .searchlist .item img{}
/*showNews*/
.showNews{padding: 30px 0; width: 1200px; margin: 0 auto;}
.showNews img{max-width: 100%;}
.showNews .title{color: #333333; line-height: 32px; text-align: center; font-weight: bold; font-size: 22px;}
.showNews .mark{width: 100%; height: 40px; line-height: 40px; margin: 15px 0 20px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; text-align: center;}
.showNews .mark span{margin: 0 10px; font-size: 12px; color: #666666;}
.showNews .showContxt{padding: 0 0 30px; line-height: 30px;}
.showNews .showContxt img{max-width: 100%;}
.shareNew{padding-bottom: 25px;}
/*showProduct*/
.showProduct .showImg{margin-bottom: 40px;height: 300px;border: 1px solid #cccc;}
.showProduct .photo{width: 400px;position: relative;height: 300px;}
.showProduct .photo .jqzoom{width: 502px;height: 400px;overflow: hidden;position: relative;padding: 0px;cursor: pointer;}
.showProduct .photo .zoomdiv{z-index: 999; position: absolute; top: 0px; left: 0px; background: #ffffff; border: 1px solid #ddd; display: none; text-align: center; overflow: hidden;}
.showProduct .photo .jqZoomPup{z-index: 999; visibility: hidden; position: absolute; top: 0px; left: 0px; border: 1px solid #eee; background: #fff; opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; filter: alpha(opacity=50);}
.showProduct .photo .img{width: 500px; height: 375px; display: block;}
.showProduct .photo .bigimg{width: 280px;height: 280px;border: 1px solid #eee;display: block;position: relative;overflow: hidden;}
.showProduct .photo .bigimg .list{width: 1000%; position: relative;}
.showProduct .photo .bigimg .list li{width: 280px;height: 280px;float: left;}
.showProduct .photo .bigimg .list img{width: 100%; height: 100%; display: block; transition: all ease 300ms;}
.showProduct .photo .photoimg{width: 500px; height: 56px; padding: 10px 0; position: absolute; left: 0; bottom: 0;}
.showProduct .photo .photoimg .list{width: 424px; overflow: hidden; position: relative; margin: 0 auto;}
.showProduct .photo .photoimg .listcon{width: 300%; position: relative;}
.showProduct .photo .photoimg .listcon li{width: 74px; height: 56px; cursor: pointer; display: block; float: left; margin-right: 12px;}
.showProduct .photo .photoimg .listcon li img{width: 74px; height: 56px; display: block;}
.showProduct .photo .photoimg .listcon li:hover img,
.showProduct .photo .photoimg .listcon li.on img{border: 2px solid #3bb79b; width: 70px; height: 52px;}
.showProduct .photo .photoimg .prev,
.showProduct .photo .photoimg .next{width: 20px; height: 56px; z-index: 10; position: absolute; top: 10px; cursor: pointer; background: #f3f3f3 url(../images/show-pro-btn.png) no-repeat 0 center;}
.showProduct .photo .photoimg .prev:hover,
.showProduct .photo .photoimg .next:hover{background-color: #ddd;}
.showProduct .photo .photoimg .prev{left: 6px; background-position: 5px center;}
.showProduct .photo .photoimg .next{right: 220px; background-position: -67px center;}
.showProduct .imgtxtcon{width: 650px;float: left;/* margin-top: 60px; *//* margin-right: 20px; */}
.showProduct .imgtxtcon .tit{font-size: 24px;color: #000;/* padding: 0 25px 16px; */line-height: 30px;font-size: 36px;/* margin-bottom: 28px; */font-weight: bold;line-height: 24px;padding-bottom: 14px;padding-top: 65px;}
.showProduct .imgtxtcon .line{width: 55px;height: 3px;background: #0062b5;display: block;margin: 14px 0 24px 25px;}
.showProduct .imgtxtcon p{padding: 25px 0 0 25px; color: #999999; font-size: 12px;}
.showProduct .imgtxtcon .tit2{color: #666;/* padding: 0 25px; */font-size: 16px;line-height: 24px;height: auto;margin-bottom: 20px;}
.showProduct .imgtxtcon .tit2 strong{color: #333;}
.showProduct .imgtxtcon .txt2{line-height: 24px; height: 120px; overflow: hidden; margin-left: 25px; margin-bottom: 20px;}
.showProduct .imgtxtcon .txt2 strong{display: block; color: #333; margin-bottom: 3px;}
.showProduct .imgtxtcon .txt3{margin-left: 25px; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 15px;}
.showProduct .imgtxtcon .txt3 strong{color: #333;}
.showProduct .imgtxtcon .txt{padding: 10px 25px 14px; line-height: 35px; background: #f1f1f1;}
.showProduct .imgtxtcon .tel{margin: 0 25px; border-top: 1px dotted #ddd; padding: 20px 0;}
.showProduct .imgtxtcon .tel span{color: #000; display: block;}
.showProduct .imgtxtcon .tel strong{display: block; font-family: impact; color: #0062b5; font-weight: normal; font-size: 40px; height: 46px; line-height: 46px;}
.showProduct .imgtxtcon .btn1,
.showProduct .imgtxtcon .btn2{float: left;margin-right: 20px;font-size: 16px;transition: all ease 300ms;width: 135px;height: 38px;line-height: 38px;/* margin-left: 25px; */text-align: center;color: #fff;}
.showProduct .imgtxtcon .btn1:hover,
.showProduct .imgtxtcon .btn2:hover{background: #444;}
.showProduct .imgtxtcon .btn1{background: #0062b5;}
.showProduct .imgtxtcon .btn2{text-align: center; margin-right: 0; margin-left: 0; background: #3bb79b;}
.showProduct .showp_txt{padding-bottom: 20px;}
.showProduct .showContxt{padding: 0 0 30px; line-height: 30px;}
.showProduct .showContxt img{max-width: 100%;}
/*二维码弹出框*/
.dialog-layout{width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30);}
.ewmbox{width: 300px; height: 320px; padding-top: 20px; background: #fff; z-index: 9999; position: fixed; left: 50%; top: 50%; margin: -170px 0 0 -150px; text-align: center; font-size: 16px; display: none;}
.ewmbox .close{width: 32px; height: 32px; position: absolute; top: -25px; right: -40px; cursor: pointer; border-radius: 100%; background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center; transition: all ease 300ms;}
.ewmbox .close:hover{transform: rotate(180deg);}
.ewmbox img{width: 260px; height: 260px; display: block; margin: 0 auto 10px;}

/*msgPage*/
.msgPage{padding: 55px 40px 55px; width: 1120px; margin: 0 auto; background: #fff;}
.formData .item{float: left; color: #999; font-weight: normal; width: 378px; height: 35px; line-height: 35px; border: 1px solid #e5e5e5; margin-right: 30px; margin-bottom: 20px; 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: 35px; line-height: 35px; font-size: 14px; color: #cccccc;}
.formData .item input{outline: none; line-height: 35px; height: 35px; font-size: 14px;}
.formData .item .txt{width: 328px; height: 35px; line-height: 35px; display: block; background: none; padding-left: 50px; border: 0 none; color: #333; font-size: 14px;}
.formData .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .item.mw .txt{width: 293px; padding-left: 85px;}
.formData .msg-box{position: absolute; left: 0; top: 0px;}
.formData .liuyan{width: 1198px; height: 180px; border: 1px solid #e5e5e5; float: left;}
.formData .liuyan label{text-align: right; top: 5px; display: block;}
.formData .liuyan textarea{width: 1178px; height: 154px; line-height: 28px; padding: 10px 10px; text-indent: 70px; font-size: 14px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;}
.formData .bot{width: 100%; float: left;}
.formData .sub{width: 232px; height: 42px; line-height: 42px; text-align: center; background: #0062b5; color: #FFF; cursor: pointer; font-size: 18px; display: block; transition: all ease 300ms; margin: 0 auto;}
.formData .sub:hover{background: #3bb79b;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute; right: 0; top: 0; height: 50px; border: 0px; display: block;}
/*searchPage*/
.searchPage{overflow: hidden;}
.searchPage ul{width: 105%;}
.searchPage .item{width: 280px; height: 274px; float: left; margin: 0 25px 30px 0; background: #fff; position: relative; overflow: hidden; transition: all ease 300ms;}
.searchPage .item a{width: 100%; display: block;}
.searchPage .item img{width: 280px; height: auto; display: block;}
.searchPage .item h3{width: 100%; position: absolute; left: 0; bottom: 0; height: 64px; line-height: 64px; text-align: center; font-size: 16px; transition: all ease 300ms; background: #fff;}
.searchPage .item .bg{position: absolute; width: 280px; padding-top: 86px; height: 124px; left: -280px; top: 0; z-index: 10; background: url(../images/red80.png) repeat 0 0; text-align: center; transition: all ease 300ms;}
.searchPage .item .bg s{width: 50px; height: 50px; display: block; border-radius: 100%; margin: 0 auto; background-color: #fff; background-position: -22px 18px;}
.searchPage .item:hover{background: #fff;}
.searchPage .item:hover h3{color: #fff; background: #333;}
.searchPage .item:hover .bg{left: 0;}
.jobPage{padding: 0 0 50px;}
.jobPage .content{padding-top: 80px;}
.jobPage .item{border: 1px solid #dcdcdc; border-left: 4px solid #0062b5; padding: 10px 20px 0; margin-bottom: 20px; position: relative;}
.jobPage .item .top{height: 65px; cursor: pointer;}
.jobPage .item .top span{display: inline-block;}
.jobPage .item .top span.sarry{margin-right: 36px;}
.jobPage .item .top .time{color: #999;}
.jobPage .item .top h3{font-size: 18px; font-weight: normal;}
.jobPage .item .top p{display: block; color: #666;}
.jobPage .item .bottom{padding-top: 20px; border-top: 1px solid #dcdcdc; padding-bottom: 20px;}
.jobPage .item .btn{width: 162px; height: 58px; cursor: pointer; position: absolute; top: 18px; right: -18px; text-align: center; padding-right: 30px; line-height: 40px; color: #fff; background: url(../images/jobbtn.png) no-repeat 0 0; display: none;}
.jobPage .item.hover .btn{display: block;}

.contactPage .mapArea{border:1px solid #ddd;}
.contactPage .t2{padding: 58px 0 48px; text-align: center;}
.contactPage .t2 .titb{font-size: 30px; margin-bottom: 16px;}
.contactPage .t2 .txt{font-size: 14px; line-height: 24px;}
.contactPage .t2 .txt span{font-weight: bold; color: #0062b5;}
.contactPage .formData1{padding-bottom: 20px;}
.contactPage .formData1 .item{float: left; color: #999; font-weight: normal; width: 378px; height: 35px; line-height: 35px; border: 1px solid #e5e5e5; margin-right: 30px; margin-bottom: 20px; position: relative;}
.contactPage .formData1 .item label{padding-left: 15px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 35px; line-height: 35px; font-size: 14px; color: #cccccc;}
.contactPage .formData1 .item input{outline: none; line-height: 35px; height: 35px; font-size: 14px;}
.contactPage .formData1 .item .txt{width: 328px; height: 35px; line-height: 35px; display: block; background: none; padding-left: 50px; border: 0 none; color: #333; font-size: 14px;}
.contactPage .formData1 .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.contactPage .formData1 .item.mr0{margin-right: 0;}
.contactPage .formData1 .msg-box{position: absolute; left: 0; top: 0px;}
.contactPage .formData1 .liuyan{width: 1198px; height: 180px; border: 1px solid #e5e5e5; float: left;}
.contactPage .formData1 .liuyan label{text-align: right; top: 5px; display: block;}
.contactPage .formData1 .liuyan textarea{width: 1178px; height: 154px; line-height: 28px; padding: 10px 10px; text-indent: 70px; font-size: 14px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;}
.contactPage .formData1 .bot{width: 100%; float: left;}
.contactPage .formData1 .sub{width: 232px; height: -4px; line-height: 38px; border: 2px solid #0062b5; text-align: center; background: #0062b5; 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; margin: 0 auto;}
.contactPage .formData1 .sub:hover{background: none; color: #0062b5;}
.contactPage .formData1 .yzm{width: 432px;}
.contactPage .formData1 .yzm .txt{padding-left: 80px;}
.contactPage .formData1 .yzm img{position: absolute; right: 0; top: 0; height: 50px; border: 0px; display: block;}


.wrapper .conlist li s{width: 60px; height: 60px; background: url(../images/contact-ico.png) no-repeat left center; float: left; margin-right: 15px;}
.wrapper .conlist li span{color: #999999; font-size: 16px; display: block; padding: 6px 0 0; line-height: 20px;}
.wrapper .conlist li.a1{width: 28%;}
.wrapper .conlist li.a2{width: 26%; font-family: arial; font-size: 24px;}
.wrapper .conlist li.a2 span{font-size: 16px; font-family: "microsoft yahei";}
.wrapper .conlist li.a2 s{background-position: -80px center;}
.wrapper .conlist li.a3{width: 46%; font-size: 14px;}
.wrapper .conlist li.a3 s{background-position: -170px center;}
.wrapper .conlist:first-child{border-top: 0px; display:inline-block; width:100%; padding-top: 0px;}
.wrapper .conlist li{width: 33.3%; float: left; font-size: 20px; line-height: 36px;}
/*rightFix*/
.rightFix{width: 48px; position: fixed; right: 20px; top: 50%; margin-top: -100px; z-index: 999;}
@media (max-width: 1366px){.rightFix{right: 8px;}}
.rightFix .ico{width: 48px; height: 48px; display: block; position: relative; overflow: hidden; margin: 0px; transition: all ease 300ms; margin-top: 1px; padding: 0px; border-radius: 48px; border: 1px solid #ccc; margin-bottom: 5px; background: #ccc url(../images/fix-ico.png) no-repeat center 0;cursor:pointer;}
.rightFix .ico img{width: 110px; height: 110px; position: absolute; left: -78px; top: 0; padding: 6px; background: #0062b5; border: 1px solid #ddd; background: #fff; display: block; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 5px;}
.rightFix .ico span{width: 210px; text-align: center; height: 48px; line-height: 48px; position: absolute; left: -78px; top: 0; background: #0062b5; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 48px;}
.rightFix .ico:hover{background-color: #0062b5; border-color: #0062b5; overflow: visible;}
.rightFix .ico:hover img{opacity: 1; filter: alpha(opacity=100); left: -140px;}
.rightFix .ico:hover span{opacity: 1; filter: alpha(opacity=100); left: -215px;}
.rightFix .fix-tel{background-position: -33px 12px;}
.rightFix .fix-tel:hover{background-position: -33px 12px;}
.rightFix .fix-wx{background-position: -33px -40px;}
.rightFix .fix-wx:hover{background-position: -33px -40px;}
.rightFix .fix-ewm{background-position: -33px -96px;}
.rightFix .fix-ewm:hover{background-position: -33px -96px;}
.rightFix .fix_top{background-position: -33px -150px;}
.rightFix .fix_top:hover{background-position: -33px -150px;}
.rightFix .fix-form{background-position: 10px -234px;}
.rightFix .fix-form span{font-size: 14px; line-height: 23px; width: 180px;}
.rightFix .fix-form:hover{background-position: -37px -234px;}
.map_ul{list-style: outside none none; display: block; width: 100%; padding-top: 10px;}
.map_ul li{display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; margin-left: 10px; float: left;}
.map_ul li a{font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold;}
.map_ul .list-inline{display: block; margin-left: 7%; width: 86%; min-height: 30px;}
.map_ul .list-inline a{font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px;}
.map_ul .list-inline a:hover{background: #0062b5; color: #fff;}
span.bds_more,
.bds_tools a{line-height: 14px !important;}

.introduceImge{width: 300px;height: 300px;z-index: 20;position: relative;overflow: hidden;}
.introduceImge .list{width: 100%;}
.introduceImge li{width: 100%;height: 285px;position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 1;overflow: hidden;background: #fff;}
.introduceImge li img{width: 285px;height: 285px;display: block;position: relative;top: 0;    margin: 10px;}
.introduceImge li a{width: 100%; display: block; height: 100%;}
.introduceImge .tip{width: 100%; height: 6px; position: absolute; left: 0; bottom: 20px; z-index: 10; margin-left: 22px;}
.introduceImge .tip span{width: 24px; height: 5px; margin: 0 5px; display: inline-block; cursor: pointer; vertical-align: top; /*border-radius: 100%; opacity: 0.5; filter: alpha(opacity=50);*/ background: #fff;}
.introduceImge .tip span.cur{background: #457ce6;}
/************** * 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);}}
.online-zx{width: 0; background: #202020; height: 50px; line-height: 50px; padding-left: 50px; position: fixed; left: 0; bottom: 200px; color: #fff;}
.online-zx s{width: 50px; height: 50px; cursor: pointer; display: block; position: absolute; left: 0; top: 0; background: url(../images/zx-ico.png) no-repeat 8px center;}
.online-zx a{width: 100%; height: 50px; display: block; color: #fff;}
.online-zx.show{width: 0; background: #d3ad89; width: 98px;}
.online-zx.show s{background-position: -35px center;}
.BMap_bubble_content{line-height: 20px;}

@keyframes mousemove {  0% {
 transform: translateY(-5px);
}
 25% {
 transform: translateY(0px);
}
 50% {
 transform: translateY(5px);
}
 75% {
 transform: translateY(0px);
}
 100% {
 transform: translateY(-5px);
}
}