body { text-align: left; padding: 0; margin: 0; font-size: 14px; font-family: 'microsoft yahei'; -webkit-text-size-adjust: none; height: auto; color: #333; background: url("../images/bg.jpg") repeat; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0; }
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th { padding: 0; margin: 0; }
fieldset { border-top-width: 0; border-left-width: 0; border-bottom-width: 0; border-right-width: 0; }
a img { border: 0; padding: 0; margin: 0; }
i { font-style: normal; }
address, caption, cite, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
li { list-style-type: none; }
caption { text-align: left; }
th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-size: 100%; }
q:unknown {
 content: '';
}
input, textarea, select { font-family: inherit; font-size: 100%; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #0871be; text-decoration: none; }
.icon { background-image: url("../images/icon.png"); display: inline-block; vertical-align: middle; }
.fl { float: left; }
.fr { float: right; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; font-size: 0; margin: 0; padding: 0; display: block; _height: 0; overflow: hidden; }
/*清除浮动*/
.clearfix {  *zoom: 1;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/*网站公用样式表*/
.w1200 { width: 1200px; margin: 0 auto; }
.head_main { height: 30px; line-height: 30px; border-bottom: 1px solid #eaeaea; font-size: 12px; }
.head_main li { border-left: 1px solid #eaeaea; float: left; padding: 0 15px; position: relative; zoom: 1; z-index: 2; }
.head_main .l2 i { width: 10px; height: 16px; background-position: -21px 0; margin-right: 0; margin-left: 5px; }
.head_main .l2 i:first-child { background-position: 0 0; margin-left: 0; margin-right: 5px; }
.head_main .l2 img { position: absolute; width: 90px; height: 90px; display: none; left: 3px; top: 35px; z-index: 10; }
.head_main .l2:hover img { display: block; }
.head_main .l3 { padding-right: 0; }
.head_main .l3 i { width: 14px; height: 16px; background-position: -38px 0; float: left; margin-top: 7px; margin-right: 8px; }
.top_main { padding: 24px 0 30px; border-bottom: 1px solid #e5e5e5; }
.top_main  .w1200{ }
.top_main .right { position: relative; padding-top: 17px; }
.top_main .right .search .input { width: 233px; height: 21px; border: 2px solid #0871be; line-height: 21px; padding: 5px 10px; color: #a3a3a3; outline: none; }
.top_main .right .search .btn { background: #0871be; color: #fff; width: 73px; height: 35px; outline: none; border: none; cursor:pointer; }
.top_main .right .tel { padding-top: 3px; margin-left: 20px; }
.top_main .right .tel i { width: 28px; height: 28px; background-position: -145px 0; float: left; margin-right: 4px; }
.top_main .right .tel h3 { font-size: 16px; color: #0871be; line-height: 16px; height: 16px; overflow: hidden; }
.top_main .right .tel span { font-size: 12px; color: #0871be; line-height: 12px; height: 12px; overflow: hidden; display: block; }
.top_main .right .tel h2 { border-left: 1px solid #ccc; color: #0871be; font-size: 27px; padding-left: 5px; line-height: 28px; margin-left: 10px; }
.nav_main { height: 59px; }
.nav_main .w1200 { position: relative; }
.nav_main .nav li { float: left; width: 170px; margin-right: 1px; height: 59px; text-align: left; position: relative; display: block; text-align: center; }
.nav_main .nav li a { width: 100%; height: 56px; display: block; margin: 0 auto; color: #333; font-size: 14px; line-height: 56px; }
.nav_main .nav li a:hover, .nav_main .nav li a.hover, .nav_main .nav li #hover2 { border-bottom: 3px solid #0871be; color: #0871be; }
.nav_main .nav dl { width: 100%; display: none; background: #0871be; position: absolute; left: 0; top: 59px; z-index: 11; border-top: none; }
.nav_main .nav dl dd { height: 40px; border-top: 1px solid #0761a3; text-align: center; position: relative; z-index: 12; display: block; width: 100%; line-height: 40px; }
.nav_main .nav dl dd a { color: #fff; font-size: 12px; height: 40px; line-height: 40px; }
.nav_main .nav dl dd a:hover, .nav_main .nav dl dd a.hover { background: #095a95; color: #fff; border: none; }
/****banner****/
.main_banner { width: 100%; overflow: hidden; height: 550px; margin: 0 auto; position: relative; z-index: 1; }
.main_banner #next, .main_banner #prev { width: 42px; height: 42px; position: absolute; left: 5%; background-position: -57px 0; z-index: 10; top: 50%; margin-top: -21px; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); transition: ease-in-out 0.2s; }
.main_banner #next { right: 5%; left: auto; background-position: -99px 0; }
.main_banner #next:hover { opacity: 1; filter: alpha(opacity=100); margin-right: 5px; }
.main_banner #prev:hover { opacity: 1; filter: alpha(opacity=100); margin-left: 5px; }
.main_banner .banner { width: 1920px; height: 550px; position: absolute; top: 0; left: 50%; margin-left: -960px; overflow: hidden; }
.main_banner .banner img { width: 1920px; height: 550px; overflow: hidden; }
.main_banner .banner_fmenu { position: absolute; width: 100%; left: 0; bottom: 30px; height: 13px; z-index: 3000; text-align: center; }
.main_banner #banner_fmenu A { margin: 0 9px; width: 9px; height: 9px; line-height: 9px; text-align: center; cursor: pointer; font-size: 0; font-weight: bold; overflow: hidden; background: none; display: inline-block; border-radius: 100%; border: 2px solid #fff; }
.main_banner #banner_fmenu A.activeSlide { background: #fff; }
.main_banner #banner_fmenu A:focus { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; }
.index_title { text-align: center; padding: 90px 0 48px; }
.index_title h3 { font-size: 48px; font-weight: 100; }
.index_title p { color: #dcdcdc; font-size: 48px; text-transform: uppercase; font-family: arial; font-weight: 100; }
.floor_1 { overflow: hidden; margin-bottom: 50px;  *margin-bottom: 100px;
}
.floor_1 .slideTxtBox { width: 1200px; text-align: left; position: relative; }
.floor_1 .slideTxtBox .hd { position: relative; text-align: center; margin-bottom: 50px; }
.floor_1 .slideTxtBox .hd ul { display: inline-block; overflow: hidden;  *display: inline;
 *zoom: 1;
}
.floor_1 .slideTxtBox .hd ul li { float: left; width: 120px; height: 35px; line-height: 35px; cursor: pointer; border: 1px solid #fff; border-radius: 5px; margin: 0 11px; }
.floor_1 .slideTxtBox .hd ul li.on { background: #0871be; color: #fff; border: 1px solid #0871be; }
.floor_1 .slideTxtBox .bd ul { zoom: 1; width: 110%; }
.floor_1 .slideTxtBox .bd li { width: 380px; margin-right: 30px; float: left; margin-bottom: 50px; }
.floor_1 .slideTxtBox .bd li .img { width: 380px; height: 255px; overflow: hidden; display: block; position: relative; cursor: pointer; }
.floor_1 .slideTxtBox .bd li .img .on { width: 370px; height: 245px; position: absolute; left: 5px; top: 5px; background: url(../images/f1_on.png) no-repeat; text-align: center; transition: ease-in-out .5s; transform: scale(0); -webkit-transform: scale(0); }
.floor_1 .slideTxtBox .bd li .img .on i { width: 40px; height: 40px; background-position: 0px -26px; margin-top: 50px; transition: ease-in-out .2s;opacity: 0; filter: alpha(opacity=0); }
.floor_1 .slideTxtBox .bd li img { display: block; width: 380px; height: auto; overflow: hidden; transition: .9s; position: absolute; left: 0; top: 0; margin-top: -15px; }
.floor_1 .slideTxtBox .bd li h3 { font-size: 16px; border-bottom: 1px solid #d6d6d6; line-height: 58px; margin-bottom: 10px; font-weight: 100; }
.floor_1 .slideTxtBox .bd li .p { border: 1px solid #efefef; width: 340px; padding: 0 19px; padding-bottom: 17px; cursor: pointer; }
.floor_1 .slideTxtBox .bd li .p i { width: 32px; height: 12px; background-position: -179px 0; cursor: pointer; }
.floor_1 .slideTxtBox .bd li .p a { display: block; width: 100%; height: 100%; }
.floor_1 .slideTxtBox .bd ul li:hover .p .fl { color: #333; cursor: pointer; }
.floor_1 .slideTxtBox .bd ul li:hover .p h3 { color: #0871be; }
.floor_1 .slideTxtBox .bd ul li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.floor_1 .slideTxtBox .bd ul li:hover .img .on { transform: scale(1); -webkit-transform: scale(1); }
.floor_1 .slideTxtBox .bd ul li:hover .img .on i { margin-top: 108px;opacity: 1; filter: alpha(opacity=100); }
.onactive .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.active .animated { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.zoom-in { -webkit-transform: scale(.6); -ms-transform: scale(.6); transform: scale(.6); }
.onactive .zoom-in { -webkit-animation-name: zoomin; animation-name: zoomin; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
@-webkit-keyframes zoomin {  0% {
 opacity: 0;
 -webkit-transform: scale(0.2);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
}
}
@keyframes zoomin {  0% {
 opacity: 0;
 transform: scale(0.2);
}
 100% {
 opacity: 1;
 transform: scale(1);
}
}
.floor_2_main { background: url(../images/f2_bg.jpg) center top no-repeat; width: 100%; min-height: 612px; }
.floor_2_main .w1200{ overflow:hidden;}
.floor_2_main .body { padding-top: 100px; margin-bottom: 100px; }
.floor_2_main .body .left { width: 584px; height: 314px; overflow: hidden; position: relative; z-index: 2; }
.floor_2_main .body .left img { width: 580px; height: 310px; position: absolute; left: 0; top: 0; z-index: 10; padding: 2px; }
.floor_2_main .body .left span { width: 0; height: 100%; background: #0871be; position: absolute; left: 0; top: 0; z-index: 9; display: block; transition: ease-in-out .2s; }
.floor_2_main .body .left:hover span { width: 100%; }
.floor_2_main .body .right { width: 555px; }
.floor_2_main .body .right h3 { color: #999; font-family: arial; padding-top: 26px; padding-bottom: 38px; }
.floor_2_main .body .right h3 b { font-weight: 100; font-size: 24px; color: #000; font-family: "微软雅黑"; margin-right: 8px; }
.floor_2_main .body .right p { line-height: 24px; color: #727272; padding-bottom: 53px; }
.floor_2_main .body .right a { margin-left: 42px; color: #737373; width: 148px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #d6d6d6; display: block; transition: ease-in-out .2s; }
.floor_2_main .body .right a:hover { border-color: #0871be; width: 200px; color: #0871be; }
.floor_2_main ul li { float: left; border-left: 1px solid #e5e5e5; padding-left: 105px; padding-right: 76px; }
.floor_2_main ul li h3 { font-size: 14px; color: #14234a; font-weight: 100; line-height: 72px; height: 75px; }
.floor_2_main ul li h3 b { font-size: 72px; font-weight: 100; color: #838383; }
.floor_2_main ul li p { color: #838383; }
.floor_2_main ul li:first-child { border: none; padding-left: 58px; }
.floor_3 { padding-top: 100px; padding-bottom: 80px; }
.floor_3 .tit { margin-bottom: 50px; }
.floor_3 .tit .left { font-size: 14px; color: #999; font-family: arial; text-transform: uppercase; }
.floor_3 .tit .left b { font-size: 24px; font-weight: 100; font-family: "微软雅黑"; margin-right: 10px; }
.floor_3 .tit .right{ padding-top:15px; transition: ease-in-out .2s;}
.floor_3 .tit .right:hover{ margin-right:10px;}
.floor_3 .body { padding: 0px 20px 20px; overflow: hidden; }
.floor_3 ul { width: 110%; }
.floor_3 li { width: 378px; margin-right: 30px; float: left; overflow: hidden; height: 338px; position: relative; border: 1px solid #efefef; }
.floor_3 li .img { width: 378px; height: 255px; overflow: hidden; display: block; position: relative; cursor: pointer; }
.floor_3 li img { display: block; width: 380px; height: auto; overflow: hidden; transition: .9s; position: absolute; left: -1px; top: 0; margin-top: -15px; }
.floor_3 li h3 { font-size: 16px; margin-top: 20px; font-weight: 100; margin-bottom: 15px; color: #333; text-align: center; }
.floor_3 li .p { width: 340px; padding: 0 19px; cursor: pointer; position: absolute; left: 0; bottom: -75px; background: #fff; height: 160px; transition: ease-in-out .2s; }
.floor_3 li span { display: block; width: 35px; height: 2px; background: #ddd; margin: 0 auto; transition: ease-in-out .2s; }
.floor_3 li p { text-align: center; color: #737373; line-height: 24px; padding-top: 10px; opacity: 0; filter: alpha(opacity=0);  *display: none;
}
.floor_3 li .p a { display: block; width: 100%; height: 100%; }
.floor_3 li:hover { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }
.floor_3 li:hover .p { bottom: 0; }
.floor_3 li:hover .p h3 { margin-top: 30px; }
.floor_3 li:hover .p p { opacity: 1; filter: alpha(opacity=100);  *display: block;
}
.floor_3 li:hover .p .fl { color: #333; cursor: pointer; }
.floor_3 li:hover .p span { background: #0871be; }
.floor_4 { position: relative; margin-bottom: 100px; }
.floor_4 .box { position: absolute; left: 494px; top: 122px; z-index: 10; color: #fff; width: 232px; }
.floor_4 .box i { width: 48px; height: 48px; background-position: -217px 0; float: left; margin-right: 10px; }
.floor_4 .box h3 { font-size: 24px; font-weight: 100; }
.floor_4 .box p { font-size: 18px; font-family: arial; text-transform: uppercase; }
.floor_5_main { border-top: 1px solid #e5e5e5; }
.floor_5_main .img { position: absolute; width: 796px; height: 465px; z-index: 9; left: 50%; margin-left: -398px; -webkit-transition: all ease-in-out 5s; -webkit-animation: big 5s infinite linear; }
.floor_5_main .body { overflow: hidden; padding: 20px; position: relative; z-index: 2; height: 587px; }
.floor_5_main .body ul { width: 170%; z-index: 10; position: relative; }
.floor_5_main .body li { width: 290px; height: 160px; padding: 20px; float: left; margin-bottom: 25px; margin-right: 538px; position: relative; text-align: right; }
.floor_5_main .body li h3 { font-size: 18px; font-weight: 100; padding-top: 10px; }
.floor_5_main .body li p { color: #867878; padding-bottom: 32px; padding-top: 30px; line-height: 24px; }
.floor_5_main .body li i { display: block; width: 0; height: 1px; background: #0871be; transition: ease-in-out .2s; }
.floor_5_main .body li span { position: absolute; left: 50px; top: -23px; font-size: 72px; color: #0871be; z-index: 10; font-family: impact; opacity: 0; filter: alpha(opacity=0); transition: ease-in-out .2s; }
.floor_5_main .body .l2 { text-align: left; }
.floor_5_main .body .l2 span { left: auto; right: 50px; }
.floor_5_main .body .l4 { text-align: left; }
.floor_5_main .body .l4 span { left: auto; right: 50px; }
.floor_5_main .body li:hover { background: #fff;  *border: 1px solid #ddd;
 *width: 288px;
 *height: 158px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }
.floor_5_main .body li:hover span { opacity: 1; filter: alpha(opacity=100); }
.floor_5_main .body li:hover i { width: 100%; }
.floor_5_main .body li.l1:hover span, .floor_5_main .body li.l3:hover span { left: 20px; }
.floor_5_main .body li.l2:hover span, .floor_5_main .body li.l4:hover span { right: 20px; }
.floor_6_main { height: 592px; background: url(../images/f6_bg.jpg) center bottom no-repeat; }
.floor_6_main .w1200{ overflow:hidden;}
.floor_6_main .left { width: 750px; }
.floor_6_main .left ul { padding-top: 16px; }
.floor_6_main .left li { border-bottom: 1px solid #eaeaea; line-height: 60px; overflow: hidden; }
.floor_6_main .left li i { display: block; float: left; width: 15px; height: 3px; background: #bcbcbc; margin-top: 28px; margin-right: 10px; transition: ease-in-out .2s; }
.floor_6_main .left li .fr { color: #929292; font-family: arial; }
.floor_6_main .left li a { display: block; width: 100%; height: 100%; cursor: pointer; }
.floor_6_main .left li a:hover i { background: #0871be; width: 30px; }
.floor_6_main .right { width: 400px; }
.floor_6_main .right li { padding: 0 30px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; line-height: 97px; border-bottom: 1px solid #e5e5e5; overflow: hidden; vertical-align:top; }
.floor_6_main .right li a { display: block; width: 100%; height: 100%; cursor: pointer; }
.floor_6_main .right li .fl { font-size: 16px; }
.floor_6_main .right li .fl i { display: block; float: left; width: 15px; height: 3px; background: #bcbcbc; margin-top: 47px; margin-right: 10px; transition: ease-in-out .2s; }
.floor_6_main .right li .fr i { width: 30px; height: 30px; background-position: -272px 0; transition: ease-in-out .2s;float:right; margin-top:33px; }
.floor_6_main .right li a:hover { color: #fff; }
.floor_6_main .right li a:hover .fl i { background: #fff; }
.floor_6_main .right li a:hover .fr i { background-position: -302px 0; }
.floor_6_main .right li:first-child { border-top: 1px solid #e5e5e5; }
.floor_6_main .right li:hover { background: #0871be; }
.floor_6_main .tit { margin-bottom: 23px; }
.floor_6_main .tit h3 { font-size: 24px; font-weight: 100; }
.floor_6_main .tit p { font-size: 12px; color: #a0a0a0; }
.floor_6_main .tit .fr { padding-top: 10px; }
.floor_6_main .news_top .fl { width: 260px; height: 195px; overflow: hidden; }
.floor_6_main .news_top .fl img { width: 260px; height: 195px; transition: ease-in-out .5s; }
.floor_6_main .news_top .fr { width: 450px; }
.floor_6_main .news_top .fr h3 { border-bottom: 1px solid #e5e5e5; line-height: 42px; font-weight: 100; margin-bottom: 14px; }
.floor_6_main .news_top .fr p { font-size: 12px; line-height: 18px; padding-bottom: 18px; color: #868686; }
.floor_6_main .news_top .fr span { border: 1px solid #ccc; width: 98px; height: 33px; text-align: center; line-height: 33px; display: block; transition: ease-in-out .2s; }
.floor_6_main .news_top a { display: block; width: 100%; height: 100%; cursor: pointer; }
.floor_6_main .news_top:hover .fl img { transform: scale(1.2); }
.floor_6_main .news_top:hover .fr span { border-color: #0871be; color: #0871be; width: 150px; }
.bottom_main { background: #0871be; padding: 25px 0 55px; }
.bottom_main .links { border-bottom: 1px solid #2d86c8; color: #fff; padding-bottom: 21px; margin-bottom: 58px; }
.bottom_main .links p { font-size: 12px; font-family: arial; }
.bottom_main .links h3 { font-weight: 100; }
.bottom_main .links .right { width: 1090px; padding-top: 14px; }
.bottom_main .links a { color: #fff; float: left; padding-right: 20px; }
.bottom_main .links a:hover { color: #f9f60b; }
.bottom_main .tit { color: #fff; padding-bottom: 21px; }
.bottom_main .tit h3 { font-size: 20px; font-family: arial; text-transform: uppercase; }
.bottom_main .tit h4 { font-size: 18px; font-weight: 100; padding-top: 4px; }
.bottom_main .box1 { width: 400px; }
.bottom_main .box1 p { line-height: 35px; font-size: 12px; color: #fff; }
.bottom_main .box2 { width: 400px; text-align: center; }
.bottom_main .box2 .tit { text-align: center; }
.bottom_main .box2 img { width: 126px; height: 126px; }
.bottom_main .box2 p { color: #fff; padding-top: 13px; }
.bottom_main .box3 { width: 400px; }
.bottom_main .box3 .tit { text-align: right; }
.bottom_main .box3 ul { width: 176px; text-align: right; float: right; }
.bottom_main .box3 ul li { float: left; width: 50%; font-size: 12px; line-height: 60px; }
.bottom_main .box3 ul li a { color: #fff; }
.bottom_main .box3 ul li a:hover { color: #f9f60b; }
.bottom_copy { background: #032d4c; line-height: 40px; color: #969cab; font-size: 12px; }
.bottom_copy a { color: #969cab; }
.bottom_copy a:hover { color: #fff; }
.sub_banner { height: 300px; width: 100%; overflow: hidden; }
.local { margin-top: 50px; margin-bottom: 50px; }
.local .left li { float: left; text-align: center; margin-right: 10px; }
.local .left li a { padding: 8px 15px; display: block; }
.local .left li a:hover, .local .left li a.hover { background: #0871be; color: #fff; }
.local .right a { color: #0871be; }
.local .right .h { color: #333; }
.product { overflow: hidden; }
.product ul { width: 110%; }
.product li { width: 380px; margin-right: 30px; float: left; margin-bottom: 50px; }
.product li .img { width: 380px; height: 255px; overflow: hidden; display: block; position: relative; cursor: pointer; }
.product li .img .on { width: 370px; height: 245px; position: absolute; left: 5px; top: 5px; background: url(../images/f1_on.png) no-repeat; text-align: center; transition: ease-in-out .5s; transform: scale(0); -webkit-transform: scale(0); opacity: 0; filter: alpha(opacity=0); }
.product li .img .on i { width: 40px; height: 40px; background-position: 0px -26px; margin-top: 50px; transition: ease-in-out .2s; }
.product li img { display: block; width: 380px; height: auto; overflow: hidden; transition: .9s; position: absolute; left: 0; top: 0; margin-top: -15px; }
.product li h1 { font-size: 16px; border-bottom: 1px solid #d6d6d6; line-height: 58px; margin-bottom: 10px; font-weight: 100; }
.product li .p { border: 1px solid #efefef; width: 340px; padding: 0 19px; padding-bottom: 17px; cursor: pointer; }
.product li .p i { width: 32px; height: 12px; background-position: -179px 0; cursor: pointer; }
.product li .p a { display: block; width: 100%; height: 100%; }
.product li:hover .p .fl { color: #333; cursor: pointer; }
.product li:hover .p h1 { color: #0871be; }
.product li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.product li:hover .img .on { transform: scale(1); -webkit-transform: scale(1); opacity: 1; filter: alpha(opacity=90); }
.product li:hover .img .on i { margin-top: 108px; }
/* pager */
.pager { text-align: center; padding: 0 0 0;  *zoom: 1;
 *padding: 50px 0 0;
}
.pager:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.pager p { height: 26px; line-height: 26px; display: inline-block;  *display: inline;
 *zoom: 1;
display: none; }
.pager ul { display: inline-block;  *display: inline;
 *zoom: 1;
overflow: hidden; }
.pager ul li { float: left; margin: 0 5px; padding: 0 !important; height: auto !important; border: none !important; }
.pager ul a { line-height: 30px; padding: 5px 15px; transition: all ease 300ms; color: #000000; text-decoration: none; float: left; border: 1px solid #ddd; }
.pager ul a.current, .pager ul a:hover { color: #fff; border: 1px solid #0871be; background: #0871be; }
.product_show { padding-bottom: 100px; }
.product_show .pro_left { width: 380px; }
.product_show .pro_left .box1 { border-bottom: 1px solid #eee; padding-bottom: 34px; }
.product_show .pro_left .box1 h1 { font-size: 18px; font-weight: 100; }
.product_show .pro_left .box1 p { padding-top: 20px; line-height: 24px; color: #737373; }
.product_show .pro_left .box1 a { margin-top: 20px; border: 1px solid #ccc; display: block; width: 123px; height: 38px; text-align: center; line-height: 38px; transition: ease-in-out .2s; }
.product_show .pro_left .box1 a:hover { border-color: #0871be; width: 200px; }
.product_show .pro_left .box2 { padding: 42px 0 0px; }
.product_show .pro_left .box2 h3 { font-size: 18px; font-weight: 100; padding-bottom: 30px; }
.product_show .pro_left .box2 li { border: 1px solid #eee; margin-bottom: 50px; transition: ease-in-out .2s; }
.product_show .pro_left .box2 li .left { width: 170px; overflow: hidden; height: 128px; }
.product_show .pro_left .box2 li .left img { width: 170px; height: 128px; transition: ease-in-out .9s; }
.product_show .pro_left .box2 li .right { width: 173px; padding: 20px 15px 0 20px; }
.product_show .pro_left .box2 li .right h4 { font-size: 16px; font-weight: 100; padding-bottom: 10px; }
.product_show .pro_left .box2 li .right p { line-height: 24px; color: #737373; }
.product_show .pro_left .box2 li a { display: block; width: 100%; height: 100%; cursor: pointer; }
.product_show .pro_left .box2 li:hover { border-color: #0871be; }
.product_show .pro_left .box2 li:hover .left img { transform: scale(1.1); }
.product_show .pro_left .box2 li:hover .right h4 { color: #0871be; }
.product_show .pro_right { width: 780px; }
.product_show .pro_right .con { line-height: 24px; color: #737373; margin-bottom: 20px; }
.product_show .pro_right .con img { max-width: 780px; }
.product_show .pro_right .reLink { font-size: 14px; }
.product_local { background: #f3f3f3; height: 40px; line-height: 40px; margin-bottom: 50px; }
.product_local li { float: left; text-align: center; margin-right: 10px; }
.product_local li a { transition: ease-in-out .2s; display: block; padding: 0 10px; height: 30px; line-height: 30px; margin-top: 5px; }
.product_local li a:hover, .product_local li a.hover { background: #0871be; color: #fff; }
.product_local .right a { color: #0871be; }
.product_local .right .h { color: #333; }
.m100px { margin-bottom: 100px; }
.news li { border: 1px solid #eee; padding: 20px; margin-bottom: 50px; }
.news li .box1 { width: 260px; height: 158px; overflow: hidden; position: relative; }
.news li .box1 img { width: 260px; height: 195px; position: absolute; left: 0; top: -18.5px; }
.news li .box2 { width: 665px; margin-left: 32px; }
.news li .box2 h3 { font-size: 16px; font-weight: 100; line-height: 47px; }
.news li .box2 p { color: #737373; line-height: 24px; padding-bottom: 22px; }
.news li .box2 span { font-size: 12px; color: #737373; }
.news li .box3 { margin-left: 93px; }
.news li .box3 h3 { font-size: 50px; color: #737373; font-family: arial; font-weight: 100; padding-top: 45px; }
.news li .box3 p { color: #737373; }
.news li:hover { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }
.news_show .t { text-align: center; padding-bottom: 26px; border-bottom: 1px solid #e5e5e5; }
.news_show .t h1 { font-size: 24px; font-weight: 100; }
.news_show .t p { font-size: 12px; line-height: 30px; }
.news_show .con { padding: 35px 0; line-height: 30px; }
.contact { overflow: hidden; padding-top:100px; }
.contact .box2 #map1_container, .contact .box2 #allmap1 { width: 768px; height: 448px; }
.contact .box2 { margin-bottom: 100px; }
.contact .box2 .fl { width: 768px; height: 448px; border: 1px solid #e5e5e5; }
.contact .box2 .fr { width: 355px; margin-top:20px; }
.contact .box2 .fr li { margin-bottom: 43px; }
.contact .box2 .fr li .ico { border-right: 1px solid #e5e5e5; height: 164px; margin-right: 10px; }
.contact .box2 .fr li .ico i { width: 44px; height: 44px; background-position: -78px -58px; margin-top: 45px; margin-right: 16px; }
.contact .box2 .fr li h3 { font-size: 16px; line-height: 16px; padding-bottom: 5px; }
.contact .box2 .fr li .h3 { padding-top: 40px; }
.contact .box2 .fr li p { line-height: 30px; }
.contact .box2 .fr li:first-child .ico i { background-position: -34px -58px; }
.contact .box3 { margin-bottom: 100px; }
.contact .box3 h3 { font-size: 36px; padding-bottom: 15px; text-align: center; font-weight: 100; }
.contact .box3 p { font-size: 16px; color: #828282; line-height: 24px; padding-bottom: 46px; text-align: center; }
.contact .box3 b { color: #0871be; font-weight: 100; }
.contact .box3 ul { width: 115%; }
.contact .box3 li { float: left; height: 36px; line-height: 36px; width: 358px; padding: 0 20px; padding-right: 0; border: 1px solid #e5e5e5; margin-right: 30px; margin-bottom: 20px; color: #828282; }
.contact .box3 li span { padding-right: 10px; }
.contact .box3 li input { width: 300px; border: none; outline: none; }
.contact .box3 textarea { border: 1px solid #e5e5e5; width: 1178px; height: 144px; resize: none; padding: 10px;  *margin-top: 15px;
}
.contact .box3 .btn { border: none; background: #0871be; width: 280px; height: 38px; line-height: 38px; color: #fff; font-size: 18px; margin-top: 26px; float: right; cursor: pointer; transition: ease-in-out .2s; margin-bottom: 50px; }
.contact .box3 .btn:hover { width: 340px; }
.showVedio2 { width: 640px; height: 368px; position: fixed; left: 50%; top: 50%; margin: -184px 0 0 -320px; z-index: 9999; background: #fff; display: none; }
.showVedio2 .playcon { height: 640px; }
.showVedio2 .close { width: 40px; height: 40px; position: absolute; right: -16px; top: -16px; cursor: pointer; background: url(../images/close.png) no-repeat center center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;  z-index:10;}
.showVedio2 .close:hover { transform: rotate(180deg); }
.showVedio2 video { width: 100%; height:368px; display: block; }
.dialog-layout { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; background: #000; opacity: .5; }
/******************/
/********.toolbar1*********/
.toolbar1 { width: 50px; position: fixed; right: 0px; bottom: 50px; z-index: 999; }
.toolbar1 dd { width: 40px; height: 40px; position: relative; margin-bottom: 2px; }
.toolbar1 dd i { width: 40px; height: 40px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; }
.toolbar1 dd i span { width: 40px; height: 40px; display: block; background: url("../images/icon.png") no-repeat; background-position: -343px 0; }
.toolbar1 .slide-tel { display: block; width: 0; height: 50px; line-height: 50px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 50px; top: 0; right: 0; overflow: hidden; }
.toolbar1 .pop { position: absolute; right: 80px; top: -108px; background: #0871be; display: none; }
.toolbar1 .wbc { top: -90px; }
.toolbar1 .pop-code { width: 120px; padding: 10px 20px 0 10px;  *padding: 0px 20px 0 10px;
}
.toolbar1 .pop-code img { width: 120px; height: 120px; display: block; padding: 5px; background: #fff; }
.toolbar1 .pop-code h3 { height: 50px; line-height: 50px; text-align: center; color: #f2e8e1; font-size: 16px; font-weight: 400; white-space: nowrap; }
.toolbar1 .code:hover { background: #0a408a; }
.toolbar1 .top span { background-position: -343px -42px; }
.toolbar1 .top:hover { background: #0a408a; }
.about_tit { text-align: center; }
.about_tit h3 { font-size: 30px; font-weight: 100; }
.about_tit p { font-size: 24px; color: #dedede; text-transform: uppercase; }
.about_tit span { background: #0871be; width: 50px; height: 3px; display: block; margin: 15px auto 85px; }
.about_con { line-height: 24px; margin-bottom: 100px; }
.about_con img { max-width: 1200px; }
.product_remm { margin-bottom: 30px;  *margin-bottom: 50px;
}
.product_remm .body { overflow: hidden; }
.product_remm .body ul { width: 110%; }
.product_remm .body li { float: left; width: 375px; margin-right: 37px; text-align: center; margin-bottom: 30px;  *border-bottom: 5px solid #fff;
}
.product_remm .body li img { width: 373px; height: 280px; border: 1px solid #eee; }
.product_remm .body li h3 { font-weight: 100; line-height: 55px; }
.product_remm .body li:hover {  *border-bottom: 5px solid #0871be;
}
.reLink { line-height: 24px; color: #000; padding-bottom: 30px; border-top: 1px solid #e5e5e5; font-size: 18px; padding-top: 18px; margin-top: 10px; }
.reLink .prevLink { color: #000; float: left; }
.reLink .nextLink { float: right; }
/* Underline From Center */
.hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; }
.hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #0871be; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { left: 0; right: 0; }
@-webkit-keyframes big {  0% {
 -webkit-transform: scale(1);
}
 50% {
 -webkit-transform: scale(0.9);
}
 100% {
 -webkit-transform: scale(1);
}
}
.erro { text-align: center; }
.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: 14%; width: 80%; 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: #0871be; color: #fff; }