@charset "utf-8";
/* by Sean Lu 20150813 */
html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body { font-size: 12px; background: #fff; color: #333; font-family: microsoft yahei; }
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }
.lk{display: block;height: 0;width: 0;overflow: hidden;}

/* 一般滚动条样式
::selection { background: #000; color: #fff; }
::-moz-selection { background: #000; color: #fff; }
::-webkit-scrollbar {width:15px;height:15px} 
::-webkit-scrollbar-track-piece {background-color:#e2e2e2} 
::-webkit-scrollbar-thumb:vertical {height:5px;background-color:#c6c6c6;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7} 
::-webkit-scrollbar-thumb:vertical:hover {background-color:#666666} 
::-webkit-scrollbar-thumb:horizontal {width:5px;background-color:#cbcbcb;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7} */

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

.wrapper { width: 1200px; margin: 0 auto; position: relative; }
.w_hidden{width:1150px;overflow:hidden}
.topbar { height: 40px; line-height: 40px; background: #f1f1f1; border-bottom: 1px solid #dedede; font-size: 12px; }
.topbar .hottel { float: left; color: #999; padding-left: 20px; background: url(../img/toptel.png) no-repeat left center; }
.topbar .hottel .num { color: #f60; }
.topbar .links { float: right; }
.topbar .links a { float: left; margin-left: 20px; color: #999; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.topbar .links a:hover { color: #d72023; }
.topbar .links .erweima { width: 30px; height: 40px; float: left; position: relative; margin-left: 20px; z-index: 9; }
.topbar .links .erweima a { width: 30px; height: 40px; display: block; background: url(../img/icon_ewm.png) no-repeat center 0; text-indent: -99999px; margin-left: 0; }
.topbar .links .erweima:hover { background-color: #fff; -webkit-box-shadow: 0px 5px 5px 0px #999; box-shadow: 0px 5px 5px 0px #999; }
.topbar .links .erweima:hover a { background-position: center -40px; }
.topbar .links .erweima p { -webkit-box-shadow: 1px 1px 4px 0px #999; box-shadow: 1px 1px 4px 0px #999; border: solid 1px #dbdbdb\9; width: 170px; height: 30px; line-height: 30px; font-size: 14px; color: #999; text-align: center; padding-top: 150px; background: #fff url(../img/erweima.jpg) no-repeat center 10px; position: absolute; top: 40px; right: 0; display: none; }
.topbar .links .erweima p i { position: absolute; top: -2px; right: 0; width: 30px; height: 4px; background: #fff; display: block; }
.topbar .links .erweima:hover p { display: block; }

.header { height: 100px; }
.header .logo { float: left; background: url(../img/logo.jpg) no-repeat center center; width: 416px; height: 100px; display: block; text-indent: -99999px; }
.header .nav { float: right; width: 720px; margin-top: 28px; padding: 0 14px; background: url(../img/topnavbg2.jpg) repeat-x center center; border: 1px solid #dedede; border-radius: 20px; }
.header .nul { width: 100%; }
.header .nul .nli { float: left; width: 16.6666666666666666666666666%; position: relative; z-index:999}
.header .nul .nli .na { display: block; text-align: center; height: 40px; line-height: 40px; font-size: 16px; color: #333; text-decoration: none; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.header .nul .nli.on .na { color: #346303; }
.header .nul .nli em { position: absolute; top: 40px; border-bottom: 2px solid #83c44e; width: 0;-webkit-transition: all .2s ease-in; transition: all .2s ease-in; left: 50%; }
.header .nul .nli.on em { width: 100%; left: 0; }
.header .nul .nli.on em i { position: absolute; width: 0; height: 0; border: 4px solid transparent; border-bottom-color: #83c44e; left: 50%; margin-left: -4px; bottom: 0; }
.header .nul .nli .sub { position: absolute; top: 42px; left: 0; background: #fff; border: 1px solid #dedede; border-top: 0; width: 100%; text-align: center; padding: 10px 0; line-height: 30px; display: none; box-shadow: 0 5px 10px #eee; border-radius: 0 0 10px 10px; }
.header .nul .nli .sub .sli a { display: block; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.header .nul .nli .sub .sli a:hover { color: #fff; background: #83c44e; text-decoration: none; }

.banner { height: 240px; background: url(../img/banner01.jpg) no-repeat center center; overflow: hidden; }
.banner .bigtit { font-size: 36px; color: #fff; text-shadow: 1px 1px 0 #000; text-align: center; margin: 50px 0px 20px 500px;width:1200px; }
.banner .eninfo { font-size: 14px; color: #fff; text-shadow: 1px 1px 0 #000; text-align: center; text-transform: uppercase; line-height: 24px; }
.bc_f5f5f5{ text-align: center;background:#f5f5f5; }
.pt30{ padding: 30px 0 20px;}
.hometit { margin: 0px 0 20px; text-align: center; }
.hometit .htcn { border-bottom: 1px solid #dedede; font-size: 26px; color: #d72023; line-height: 50px; }
.hometit .hten { border-top: 1px solid #d72023; padding: 0 40px; display: inline-block; margin-top: -1px; text-transform: uppercase; font-size: 12px; color: #666; line-height: 30px; }

.homeprolist { margin: 50px auto; }
.homeprolist .list { }
.homeprolist .list .lli { width: 220px; height: 220px; float: left; margin: 0 75px; position: relative; }
.homeprolist .list .llisp { margin-left: 225px; }
.homeprolist .list .lli .bg { width: 220px; height: 220px; display: block; background: #f1f1f1; position: absolute; top: 0; left: 0; }
.homeprolist .list .lli02 .bg { background-color: #fafafa; }
.homeprolist .list .lli .la { width: 220px; height: 220px; display: block; position: relative; }
.homeprolist .list .lli .la .cover { width: 0; height: 0; display: block; background: url(../img/hpliston.png) no-repeat center center; position: absolute; top: 75px; left: 75px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius: 50%; }
.homeprolist .list .lli .la:hover .cover { width: 300px; height: 300px; top: -75px; left: -75px; border-radius: 100%; }
.homeprolist .list .lli .la .line01 { width: 150px; height: 1px; display: block; background: #fff; position: absolute; top: 90px; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.homeprolist .list .lli .la:hover .line01 { top: 50px; opacity: 1; filter: alpha(opacity=100); }
.homeprolist .list .lli .la .line02 { width: 150px; height: 1px; display: block; background: #fff; position: absolute; top: 60px; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.homeprolist .list .lli .la:hover .line02 { top: 100px; opacity: 1; filter: alpha(opacity=100); }
.homeprolist .list .lli .la .name { position: absolute; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; left: 0; top: 50%; margin-top: -20px; text-align: center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.homeprolist .list .lli .la:hover .name { opacity: 1; filter: alpha(opacity=100); }

.productlist { margin: 0 0 30px; }
.productlist li { border-bottom: 4px solid #dedede; background: #f1f1f1; width: 228px; float: left; -webkit-transition: all .2s ease; transition: all .2s ease; margin: 0 36px 30px; }
.productlist li.wao { margin-left: 188px; }
.productlist li.on { border-color: #e3131b; background: #dedede; }
.productlist li .img { width: 150px; height: 150px; margin: 4px; position: relative; overflow: hidden; background: #fff; padding: 35px; }
.productlist li .img img { width: 150px; height: 150px; display: block; -webkit-transition: all .2s linear; transition: all .2s linear; }
.productlist li.on .img img { -webkit-transform: scale(1.04,1.04); transform: scale(1.04,1.04); }
.productlist li .img .cover { width: 200px; height: 150px; position: absolute; top: 0; left: 0; background: #666; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
.productlist li.on .img .cover { opacity: .6; filter: alpha(opacity=60); }
.productlist li .img .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../img/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.productlist li.on .img .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
.productlist li .img .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../img/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.productlist li.on .img .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); -webkit-animation: zhuan 2s .6s linear infinite;animation: zhuan 2s .6s linear infinite; }
@-webkit-keyframes zhuan { 
	50% { -webkit-transform: rotateY(360deg); }
	100% { -webkit-transform: rotateY(360deg); }
}
@keyframes zhuan { 
	50% { transform: rotateY(360deg); }
	100% { transform: rotateY(360deg); }
}
.productlist li .info { font-size: 12px; color: #fff; padding: 5px 10px; }
.productlist li .info h3 { margin-bottom: 0; height: 26px; line-height: 26px; overflow: hidden; text-align: center; }
.productlist li .info h3 a { font-size: 14px; color: #333; font-family: microsoft yahei; font-weight: normal; }
.productlist li.on .info h3 a { color: #e3131b; text-shadow: 0 0 5px #fff; }
.productlist li .info h3 a:hover { color: #e3131b; }

.imghsolu01 { position: relative; }
.imghsolu01 .bigname { position: absolute; background: #0093d0; color: #fff; font-size: 16px; line-height: 30px; padding: 0 10px; border-radius: 4px; }
.imghsolu01 .bigname01 { top: 315px; left: 78px; }
.imghsolu01 .bigname02 { top: 315px; left: 327px; }
.imghsolu01 .bigname03 { top: 315px; left: 676px; }
.imghsolu01 .bigname04 { top: 315px; left: 937px; }
.imghsolu01 .bigname05 { top: 315px; left: 1049px; }
.imghsolu01 .f12text { position: absolute; color: #333; font-size: 12px; line-height: 16px; }
.imghsolu01 .f12text01 { top: 62px; left: 111px; }
.imghsolu01 .f12text02 { top: 202px; left: 499px; }
.imghsolu01 .f12text03 { top: 239px; left: 499px; }
.imghsolu01 .f12text04 { top: 265px; left: 595px; }
.imghsolu01 .f12text05 { top: 256px; left: 843px; }
.imghsolu01 .f12text06 { top: 292px; left: 962px; }
.imghsolu01 .f12text07 { top: 292px; left: 1050px; }
.imghsolu01 .f12text08 { top: 17px; left: 631px; }
.imghsolu01 .f12text09 { top: 71px; left: 903px; }
.imghsolu01 .waotext { position: absolute; color: #fff; font-size: 14px; line-height: 16px; text-align: center; }
.imghsolu01 .waotext01 { top: 98px; left: 959px; }
.imghsolu01 .waotext02 { top: 149px; left: 959px; }
.imghsolu01 .waotext03 { top: 201px; left: 959px; }
.imghsolu01 .waotext04 { top: 251px; left: 959px; }

.imghsolu02 { position: relative; }
.imghsolu02 .bigname { position: absolute; background: #0093d0; color: #fff; font-size: 16px; line-height: 30px; padding: 0 10px; border-radius: 4px; }
.imghsolu02 .bigname01 { top: 350px; left: 97px; }
.imghsolu02 .bigname02 { top: 350px; left: 378px; }
.imghsolu02 .bigname03 { top: 350px; left: 857px; }
.imghsolu02 .f12text { position: absolute; color: #333; font-size: 12px; line-height: 16px; }
.imghsolu02 .f12text01 { top: 80px; left: 134px; }
.imghsolu02 .f12text02 { top: 17px; left: 560px; }

.imghsolu03 { position: relative; }
.imghsolu03 .bigname { position: absolute; background: #0093d0; color: #fff; font-size: 16px; line-height: 30px; padding: 0 10px; border-radius: 4px; }
.imghsolu03 .bigname01 { top: 381px; left: 111px; }
.imghsolu03 .bigname02 { top: 381px; left: 430px; }
.imghsolu03 .bigname03 { top: 381px; left: 892px; }
.imghsolu03 .f12text { position: absolute; color: #333; font-size: 12px; line-height: 16px; }
.imghsolu03 .f12text01 { top: 80px; left: 126px; }
.imghsolu03 .f12text02 { top: 17px; left: 507px; }

.imghsolu04 { position: relative; }
.imghsolu04 .bigname { position: absolute; background: #0093d0; color: #fff; font-size: 16px; line-height: 30px; padding: 0 10px; border-radius: 4px; }
.imghsolu04 .bigname01 { top: 333px; left: 78px; }
.imghsolu04 .bigname02 { top: 333px; left: 414px; }
.imghsolu04 .bigname03 { top: 333px; left: 708px; }
.imghsolu04 .bigname04 { top: 333px; left: 945px; }
.imghsolu04 .bigname05 { top: 333px; left: 1051px; }
.imghsolu04 .f12text { position: absolute; color: #333; font-size: 12px; line-height: 16px; }
.imghsolu04 .f12text02 { top: 187px; left: 547px; }
.imghsolu04 .f12text03 { top: 255px; left: 543px; }
.imghsolu04 .f12text04 { top: 265px; left: 627px; }
.imghsolu04 .f12text05 { top: 256px; left: 857px; }
.imghsolu04 .f12text06 { top: 292px; left: 971px; }
.imghsolu04 .f12text07 { top: 292px; left: 1050px; }
.imghsolu04 .f12text08 { top: 19px; left: 627px; }
.imghsolu04 .f12text09 { top: 80px; left: 916px; }
.imghsolu04 .waotext { position: absolute; color: #fff; font-size: 14px; line-height: 16px; text-align: center; }
.imghsolu04 .waotext01 { top: 105px; left: 967px; }
.imghsolu04 .waotext02 { top: 152px; left: 967px; }
.imghsolu04 .waotext03 { top: 201px; left: 967px; }
.imghsolu04 .waotext04 { top: 247px; left: 967px; }


.homebgbox { background: #fff; padding: 20px 0; }
.homesolu { }
.homesolu .hwendu { background: #fff; margin: 20px 0 0; padding: 20px 20px 0; }
.homesolu .hwendu li { width: 50%; float: left; height: 74px; margin-bottom: 20px; }
.homesolu .hwendu li .hwdi { float: left; width: 72px; height: 72px; border: 1px solid #219ac7; border-radius: 5px; text-align: center; margin-right: 20px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.homesolu .hwendu li:hover .hwdi { width: 120px; }
.homesolu .hwendu li .hwdi .ico { width: 30px; height: 30px; margin: 10px auto 5px; background: url(../img/hwdiicon.png) no-repeat center center; display: block; }
.homesolu .hwendu li .hwdi .num { color: #219ac7; font-size: 14px; }
.homesolu .hwendu li .info { padding-right: 20px; }
.homesolu .hwendu li .info .biaoti { display: block; font-size: 18px; font-weight: normal; color: #000; line-height: 30px; margin-bottom: 4px; }
.homesolu .hwendu li:hover .info .biaoti { color: #219ac7; }
.homesolu .hwendu li .info p { font-size: 12px; color: #333; line-height: 20px; }
.homesolu .hwendu li:hover .info p { color: #000; }

.hsoluline { height: 10px;/* background: url(../img/hsoluline.png) repeat-x 0 0; */margin: 30px 0; }

.homeapplist {background:#f5f5f5; }
.homeapplist .hal { width: 1300px; }
.homeapplist .hal li { width:192px; float: left; margin:0px 5px 20px;}
.homeapplist .hal li a { display: block; width: 193px; height: 260px; border-top: 1px solid #ffac13; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1); box-shadow: 0 5px 10px rgba(0,0,0,0.1); position: relative; }
.homeapplist .hal li .img { height: 260px; overflow: hidden; }
.homeapplist .hal li .img img { -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }
.homeapplist .hal li .name { display: block; width: 100%; height: 50px; line-height: 50px; background: #fff; position: absolute; bottom: 0; left: 0; text-align: center; font-size: 14px; color: #ffac13; -webkit-transition: all .4s .1s ease-in; transition: all .4s .1s ease-in; }
.homeapplist .hal li a:hover .name { height: 100px; line-height: 100px; background: #ffac13; color: #fff; }
.homeapplist .hal li a:hover .img img { margin-top: -30px; opacity: .6; filter: alpha(opacity=60); }
.homeapplist .hal li:nth-child(1) a { border-top-color: #ffac13; }
.homeapplist .hal li:nth-child(1) .name { color: #83c44e; }
.homeapplist .hal li:nth-child(1) a:hover .name { color: #fff; background: #83c44e; }
.homeapplist .hal li:nth-child(2) a { border-top-color: #83c44e; }
.homeapplist .hal li:nth-child(2) .name { color: #83c44e; }
.homeapplist .hal li:nth-child(2) a:hover .name { color: #fff; background: #83c44e; }
.homeapplist .hal li:nth-child(3) a { border-top-color: #83c44e; }
.homeapplist .hal li:nth-child(3) .name { color: #83c44e; }
.homeapplist .hal li:nth-child(3) a:hover .name { color: #fff; background: #83c44e; }
.homeapplist .hal li:nth-child(4) a { border-top-color: #83c44e; }
.homeapplist .hal li:nth-child(4) .name { color: #83c44e; }
.homeapplist .hal li:nth-child(4) a:hover .name { color: #fff; background: #83c44e; }
.homeapplist .hal li:nth-child(5) a { border-top-color: #83c44e; }
.homeapplist .hal li:nth-child(5) .name { color: #83c44e; }
.homeapplist .hal li:nth-child(5) a:hover .name { color: #fff; background: #83c44e; }
.homeapplist .hal li:nth-child(6) a { border-top-color: #83c44e; }
.homeapplist .hal li:nth-child(6) .name { color: #83c44e; }
.homeapplist .hal li:nth-child(6) a:hover .name { color: #fff; background: #83c44e; }

.footernav { background: #f1f1f1; padding: 30px 0; }
.footernav .fndl { float: left; margin:0px 40px; }
.pl30{padding-left:30px;}
.footernav .fndl dt { line-height: 30px; margin-bottom: 6px; }
.footernav .fndl dt a { font-size: 16px; color: #333; }
.footernav .fndl dd { line-height: 24px; }
.footernav .fndl dd a { font-size: 12px; color: #999; }
.flogo{background: url(../img/footnavlogo.png) no-repeat left 0;width:90px;height:71px;position:absolute;top:-22px; left:-10px; float: left;}

.footnavlogo {float: right; color: #444; font-size: 14px; text-align: right;margin-top:15px;}
.footnavlogo strong { color: #f60; font-weight: normal;font-size: 18px; }

.footer { background: #dedede; color: #666; font-size: 12px; line-height: 24px; text-align: center; padding: 30px 0; }
.footer a { color: #666; }

.homespslide {text-align:center;margin:0 auto;}
.homespslide .hd { width: 1200px; margin: 0 auto; height: 40px; line-height: 40px; }
.homespslide .hd ul { height: 40px; line-height: 40px; }
.homespslide .hd ul li { width: 298px; float: left; border: 1px solid #dedede; cursor: pointer; font-size: 16px; text-align: center; margin-left: -1px; border-bottom: 0; }
.homespslide .hd ul li.on { background: #f5f5f5; border-bottom: 9px solid #f5f5f5; color: #d72023; }
.homespslide .bd { background: #f5f5f5; padding: 30px 0;  }
.hsoluline { margin: 0; }


.homespcase { margin-bottom: 40px; position: relative; width: 1200px; margin: 0 auto; }
.homespcase .bd { width: 1100px; margin: 0 auto; }
.homespcase .bd ul { height: 92px; }
.homespcase .bd ul li { width: 200px; height: 90px; margin: 0 9px; border: 1px solid #dedede; background: #fff; overflow: hidden; float: left; }
.homespcase .prev, .homespcase .next { width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; background-repeat: no-repeat; background-position: center center; }
.homespcase .prev { background-image: url(../img/left.png); left: -10px; }
.homespcase .next { background-image: url(../img/right.png); right: -10px; }