body { text-align: left; padding: 0; margin: 0; font: 14px arial, helvetica, clean, sans-serif; color: #333; font-family: "microsoft yahei"; height: auto; background: url("../images/body_bg.jpg") repeat; background-attachment: fixed; }
div, p, li { word-break: break-all; }
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: '';
}
.por { position: relative; }
.poa { position: absolute; }
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: #c8151e; text-decoration: none; }
.icon { background-image: url("../images/icon.png"); display: inline-block; vertical-align: middle; }
.left { float: left; }
.right { float: right; }
.fl { float: left; }
.fr { float: right; }
.w1000 { width: 1000px; margin: 0 auto; }
.clear { clear: both; font-size: 0; margin: 0; padding: 0; display: block; _height: 0; overflow: hidden; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix {  *zoom: 1;
}
.hidden { display: none; }
.icon { background: url(../images/icon.png) no-repeat; display: block; }
.w1200 { width: 1200px; margin: 0 auto; }
/***********共用结束************/
/***首页*****/
/*******顶部*******/
.header_main { background: url(../images/head_bg.png) repeat; z-index: 20; position: fixed; left: 0; top: 0; width: 100%; height: 70px; }
.header .logo { display: inline-block; margin-left: 0; margin-top: 0px; }
.header .search-box { position: relative; }
.header .search-box .butn { display: block; background: #0655a0; cursor: pointer; width: 70px; height: 49px; padding-top: 21px; }
.header .search-box .butn i { width: 28px; height: 28px; background-position: 0 0; margin: 0 auto; }
.header .search-box .butn.hov { background: url(../images/ico_60.png) no-repeat center #0655a0; }
.header .search-box .butn.hov i { display: none; }
.header .share-sub { position: absolute; right: 70px; top: 0; width: 0; height: 70px; overflow: hidden; background: #ededed; z-index: 19; }
.header .share-sub .sub-btn { border: none; width: 48px; height: 70px; background-position: -42px 0; }
.header .share-sub .tex { width: 200px; font-size: 14px; height: 15px; line-height: 14px; padding: 26px 10px 25px; color: #666; border: none; background: #ededed; border-left: 1px solid #ddd; outline: none; }
.header .lang-box { margin-top: 21px; margin-right: 39px; }
.header .lang-box a { display: inline-block; text-align: center; color: #fff; font-size: 12px; margin-left: 29px; }
.header .lang-box .stt { display: inline-block; line-height: 30px; font-size: 14px; color: #777; margin-right: 4px; }
.header .nav { position: absolute; left: 50%; margin-left: -450px; top: 0; width: 900px; }
.header .nav li { width: 18%; margin: 0 1%; text-align: center; line-height: 70px; font-size: 14px; position: relative; float: left; }
.header .nav li a { position: relative; color: #333; }
.header .nav li i { position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; background-color: #ce2b2b; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.header .nav li:hover i, .header .nav li.hover i { width: 100%; margin-left: -50%; }
.header .nav li:hover a, .header .nav li.hover a { color: #ce2b2b; }
.header .nav a { display: inline-block; color: #fff; height: 70px; width: 100%; }
.header .nav a:hover { color: #ffc000; }
.header .nav .sub-box { background: url(../images/head_bg.png) repeat; width: 100%; position: absolute; left: 0; top: 70px; display: none; }
.header .nav .sub-box p { line-height: 48px; width: 100%; height: 48px; border-bottom: 1px solid #e5e5e5; font-size: 15px; text-align: center; position: relative; }
.header .nav .sub-box p .icon { width: 6px; height: 10px; background-position: -96px 0; position: absolute; top: 19px; left: 30px; }
.header .nav .sub-box p a { color: #333; line-height: 48px; height: 48px; }
.header .nav .sub-box p:hover a { color: #c8151e; }
.header .tm { position: absolute; right: 108px; top: 21px; }
/*********togbtn*/
.togbtn .icon { position: absolute; top: 50%; margin-top: -30px; cursor: pointer; width: 32px; height: 61px; 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; z-index: 22; }
.togbtn .icon.prev { background-position: -103px -0; }
.togbtn .icon.prev:hover { background-position: -135px 0; }
.togbtn .icon.next { background-position: -103px -61px; }
.togbtn .icon.next:hover { background-position: -135px -61px; }
.banner .togbtn .prev { left: 10%; }
.banner .togbtn .next { right: 10%; }
/********togbtn end****/
/*wrap*/
.wrap { width: 100%; height: 100%; position: relative; z-index: 1; }
.wrap .section{position:relative;}
.wrap .mouse-ico { position: absolute; width: 15px; height: 25px; left: 50%; margin-left: -7px; bottom: 48px; z-index: 20; }
.wrap .mouse-ico span { width: 15px; height: 25px; background-position: 0 -127px; }
.wrap .mouse-ico span.mouse { animation: mousemove 3s linear 1s infinite; }
#menu { position: fixed; right: 15px; top: 50%; margin-top: -46px; z-index: 10; width: 18px; }
#menu li { width: 12px; height: 12px; position: relative; border: 1px solid #000; cursor: pointer; margin-bottom: 6px; border-radius: 100%; text-indent: -1000px; background: #fff; }
#menu li a { display: block; width: 100%; height: 100%; }
#menu li.active { background: #000; border: #fff solid 1px; }
/*rightFix*/
.rightFix { width: 48px; position: fixed; right: 60px; top: 50%; margin-top: -110px; z-index: 99; }
.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 #dedede; margin-bottom: 5px; background: #ffffff url(../images/fix-ico.png) no-repeat center 0; }
.rightFix .ico img { width: 120px; height: 120px; position: absolute; left: -78px; top: 0; padding: 3px; background: #0a5398; border: 1px solid #ddd; display: block; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 10px; }
.rightFix .ico span { width: 210px; text-align: center; height: 48px; line-height: 48px; position: absolute; left: -78px; top: 0; background: #0a5398; 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: #0a5398; border-color: #0a5398; 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: 11px 12px; }
.rightFix .fix-tel:hover { background-position: -33px 12px; }
.rightFix .fix-qq { background-position: 11px -40px; }
.rightFix .fix-qq:hover { background-position: -33px -40px; }
.rightFix .fix-ewm { background-position: 11px -96px; }
.rightFix .fix-ewm:hover { background-position: -33px -96px; }
.rightFix .fix_top { background-position: 11px -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; }
.bottom_copy { background: url(../images/line.png) repeat-x left top; color: #fff; font-size: 12px; position: fixed; left: 50%; margin-left: -600px; bottom: 0; height: 40px; line-height: 40px; z-index: 10; }
.bottom_copy i { width: 16px; height: 16px; background-position: -81px 0; margin-left: 7px; }
.bottom_copy .qq { background-position: -113px 0; }
.bottom_copy .wxall { position: relative; }
.bottom_copy .wxall:hover img { display: block; }
.bottom_copy a { color: #fff; }
.bottom_copy a:hover { text-decoration: underline; }
.bottom_copy img { display: none; width: 90px; height: 90px; position: absolute; right: 0; bottom: 30px; }
.screen-main { position: absolute; height: 630px; left: 50%; margin-left: -600px; top: 50%; margin-top: -315px; z-index: 11; width: 1200px; }
.wrap .section_1 .banner, .wrap .section_1 .banner .list, .wrap .section_1 .banner .list .item { height: 700px; }
.wrap .section_1 .banner { position: relative; width: 100%; overflow: hidden; }
.wrap .section_1 .banner .list { float: left; width: 100%; position: relative; overflow: hidden; }
.wrap .section_1 .banner .list .bannerimg { position: absolute; top: 0px; left: 0; margin: 0 auto; text-align: center; width: 100%; min-height: 100%; }
.wrap .section_1 .banner .list .item { position: absolute; left: 0; top: 0; display: none; text-align: center; width: 100%; overflow: hidden; background-position: center 70px; background-repeat: no-repeat; color: #fff; background-size: cover; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wrap .section_1 .banner .list a { display: block; overflow: hidden; width: 100%; height:100%; }
.wrap .section_1 .banner .list .block { display: block; }
.wrap .section_1 .banner .tip { width: 1000px; height: 25px; text-align: center; position: absolute; left: 50%; bottom: 15%; z-index: 3; margin-left: -500px; }
.wrap .section_1 .banner .tip span { display: inline-block; width: 11px; height: 11px; color: #fff; text-align: center; line-height: 26px; background: none; margin: 0 8px; cursor: pointer; font-size: 14px; border: 3px solid #fff; border-radius: 100%; }
.wrap .section_1 .banner .tip span.cur { background: #fff; border: 3px solid #fff; }
.section_2 { position: relative; }
.section_2 .slideBox .hd { position: absolute; z-index: 20; width: 1200px; margin-left: -600px; height: 700px; margin-top: -350px; top: 50%; left: 50%; }
.section_2 .slideBox .hd ul { position: absolute; bottom: 177px; left: 0; }
.section_2 .slideBox .hd li { float: left; width: 180px; height: 50px; text-align: center; background: #191819; color: #fff; font-size: 18px; line-height: 50px; border-radius: 5px; margin-right: 10px; }
.section_2 .slideBox .hd li a { display: block; width: 100%; height: 100%; color: #fff; }
.section_2 .slideBox .hd .on { background: #ce2b2b; }
.section_2 .slideBox .bd .bg { width: 100%; height: 100%; position: absolute; }
.section_2 .slideBox .bd .left { width: 570px; text-align: center; }
.section_2 .slideBox .bd .left img { padding-top: 77px; }
.section_3 { background: url(../images/s3_bg.jpg) center top no-repeat; }
.index_title { text-align: center; }
.index_title h3 { color: #fff; font-size: 30px; margin-bottom: 19px; font-weight: 100; }
.index_title span { display: block; width: 40px; height: 3px; background: #fff; margin: 0 auto; }
.section_3 .body { padding-top: 55px; }
.section_3 ul { width: 150%; }
.section_3 li { background: #fff; width: 400px; height: 220px; float: left; text-align: center; margin-right: 400px; margin-bottom: 76px; position: relative; opacity: .9; filter: alpha(opacity=90); }
.section_3 li h3 { font-size: 18px; font-weight: 100; padding-top: 89px; }
.section_3 li p { line-height: 24px; color: #858585; padding: 0 12px; padding-top: 12px; }
.section_3 li .ico { display: block; width: 78px; height: 78px; border-radius: 100%; background: #fff; position: absolute; left: 50%; margin-left: -40px; top: -40px; border: 1px solid #e8e8e8; }
.section_3 li .ico i { width: 60px; height: 60px; background-position: -36px -134px; margin: 10px auto 0; transition: ease-in-out .2s; }
.section_3 .l2 .ico i { background-position: -156px -134px; }
.section_3 .l3 .ico i { background-position: -96px -134px; }
.section_3 .l4 .ico i { background-position: -216px -134px; }
.section_3 li:hover { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); }
.section_3 li:hover h3 { color: #1864ab; }
.section_3 li:hover .ico { background: #1864ab; border: 1px solid #1864ab; }
.section_3 .l1:hover .ico i { background-position: -36px -194px; }
.section_3 .l2:hover .ico i { background-position: -156px -194px; }
.section_3 .l3:hover .ico i { background-position: -96px -194px; }
.section_3 .l4:hover .ico i { background-position: -216px -194px; }
.section_4 { background: url(../images/s4_bg.jpg) center top no-repeat; }
.section_4 .screen-main { height: 470px; margin-top: -235px; }
.section_4 .left .box1 { background: url(../images/s4_left.png) no-repeat center top; width: 610px; height: 420px; }
.section_4 .left .box1 video { width: 570px; height: 380px; margin-left: 10px; margin-top: 10px; background: #000; border: 10px solid #000; }
.section_4 .left .tit { height: 50px; line-height: 50px; color: #fff; }
.section_4 .left .tit .fl { font-size: 18px; }
.section_4 .left .tit .fr a { display: block; width: 200px; text-align: center; color: #fff; background: #cf2f33; opacity: .9; filter: alpha(opacity=90); border-radius: 5px; margin-right: 10px; }
.section_4 .left .tit .fr a:hover { background: #055098; opacity: 1; filter: alpha(opacity=100); }
.section_4 .right { width: 518px; overflow: hidden; }
.section_4 .right p { color: #fff; padding-top: 30px; line-height: 30px; padding-bottom: 62px; }
.section_4 .right ul { width: 110%; }
.section_4 .right li { float: left; color: #fff; background: url(../images/s4_line.png) left center no-repeat; padding-left: 31px; padding-right: 22px; }
.section_4 .right li h3 { font-size: 18px; font-weight: 100; line-height: 48px; height: 48px; }
.section_4 .right li b { font-size: 48px; font-weight: 100; }
.section_4 .right li:first-child { background: none; padding-left: 0; }
.section_4 .right h4 { font-size: 12px; font-weight: 100; }
.section_4 .right a { display: block; width: 200px; text-align: center; color: #fff; background: #cf2f33; opacity: .9; filter: alpha(opacity=90); border-radius: 5px; margin-right: 10px; height: 50px; line-height: 50px; float: right; margin-top: 112px; }
.section_4 .right a:hover { background: #055098; opacity: 1; filter: alpha(opacity=100); }
.section_4 .right .index_title { text-align: left; }
.section_4 .right .index_title h3 { color: #fff; font-size: 30px; margin-bottom: 19px; font-weight: 100; }
.section_4 .right .index_title span { display: block; width: 40px; height: 3px; background: #fff; margin-left: 0; }
.section_5 { background: url(../images/s5_bg.jpg) center top no-repeat; }
.section_5 .screen-main { height: 620px; margin-top: -310px; }
.section_5 .screen-main .index_title h3 { color: #333; }
.section_5 .screen-main .index_title span { background: #bfbfbf; }
.section_5 .body { overflow: hidden; padding-top: 57px; }
.section_5 ul { width: 110%; }
.section_5 li { margin-bottom: 50px; width: 580px; height: 180px; background: #fff; opacity: 0.9; filter: alpha(opacity=90); transition: ease-in-out .2s; float: left; margin-right: 40px; border: 1px solid #efeeef; }
.section_5 li a{display:block;width:100%; height:100%;}
.section_5 li .left { width: 230px; height: 170px; overflow: hidden; margin-left: 5px; margin-top: 5px; position: relative; }
.section_5 li .left img { display: block; position: absolute; height: 170px; width: 302px; left: 50%; margin-left: -151px; top: 0; transition: ease-in-out .3s; }
.section_5 li .right { width: 305px; padding-right: 20px; }
.section_5 li .right h3 { font-size: 20px; line-height: 47px; border-bottom: 1px solid #e9e8e8; font-weight: 100; padding-top: 10px; }
.section_5 li .right p { color: #969696; line-height: 20px; padding-top: 10px; padding-bottom: 16px; }
.section_5 li .right span { color: #969696; font-family: arial; }
.section_5 li .right span i { display: inline-block; width: 16px; height: 16px; background-position: -258px 0; margin-right: 10px; }
.section_5 li .right span .i2 { background-position: -277px 0; width: 22px; margin-right: 5px; }
.section_5 li:hover { background: #cf3c3d; border: 1px solid #cf3c3d; }
.section_5 li:hover .left img { transform: scale(1.08); }
.section_5 li:hover .right h3 { color: #fff; }
.section_5 li:hover .right p { color: #fff; }
.section_5 li:hover .right span { color: #fff; }
.section_5 li:hover .right span i { background-position: -258px -18px; }
.section_5 li:hover .right span .i2 { background-position: -277px -18px; }
.section_5 .more { text-align: center; }
.section_5 .more a { display: block; width: 200px; text-align: center; color: #fff; background: #cf2f33; opacity: .9; filter: alpha(opacity=90); border-radius: 5px; height: 50px; line-height: 50px; margin: 0 auto; }
.section_5 .more a:hover { background: #055098; opacity: 1; filter: alpha(opacity=100); }
.section_6 { background: url(../images/s6_bg.jpg) center top no-repeat; }
.section_6 .ul li { width: 33.333%; text-align: center; float: left; color: #fff; }
.section_6 .ul li i { width: 47px; height: 58px; background-position: -190px -54px; margin: 0 auto 10px; }
.section_6 .ul li h3 { padding-bottom: 10px; }
.section_6 .ul li .i2 { background-position: -237px -54px; }
.section_6 .ul li .i3 { background-position: -284px -54px; }
.section_6 .box3 { padding-top: 77px; }
.section_6 .box3 h3 { font-size: 36px; padding-bottom: 15px; text-align: center; font-weight: 100; color: #fff; }
.section_6 .box3 p { font-size: 16px; color: #fff; line-height: 24px; padding-bottom: 46px; text-align: center; }
.section_6 .box3 b { color: #fff; font-weight: 100; }
.section_6 .box3 p b { font-weight: bold; font-size: 24px; }
.section_6 .box3 ul { width: 115%; }
.section_6 .box3 li { float: left; height: 40px; line-height: 40px; width: 360px; padding: 0 20px; padding-right: 0; margin-right: 30px; margin-bottom: 14px; color: #828282; background: url(../images/input_bg.png) no-repeat; }
.section_6 .box3 li span { padding-right: 10px; color: #fff; }
.section_6 .box3 li input { width: 300px; border: none; outline: none; background: none; color: #fff; }
.section_6 .box3 li select { width: 30%; margin-right: 3%; height: 35px; border: 0px; background: none; font-size: 14px; color: #fff; line-height: 35px; outline: none; float: left; margin-top:1px; }
.section_6 .box3 li select option { color: #333; }

.section_6 .box3 textarea { width: 1180px; height: 70px; resize: none; padding: 10px;  *margin-top: 15px;
background: url(../images/input_text.png) no-repeat; color: #fff; outline: none; border: none; }
.section_6 input::-webkit-input-placeholder {
 color: #fff;
}
.section_6 ::-webkit-input-placeholder {
 color: #fff;
}
.section_6 :-moz-placeholder {
 color: #fff;
}
.section_6 ::-moz-placeholder {
 color: #fff;
}
.section_6 :-ms-input-placeholder {
 color: #fff;
}
.section_6 .box3 .btn { border: none; background: #ca2828; width: 200px; height: 50px; line-height: 50px; color: #fff; font-size: 14px; margin: 0 auto; margin-top: 26px; cursor: pointer; transition: ease-in-out .2s; display: block; border-radius: 5px; opacity: .9; filter: alpha(opacity=90); }
.section_6 .box3 .btn:hover { box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); opacity: 1; filter: alpha(opacity=100);outline:none; }
/*animated*/
.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; }
.active .animated.slow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }
.active .animated.fast { -webkit-animation-duration: .5s; animation-duration: .5s; }
.active .opacityA { -webkit-animation-name: opacityA; animation-name: opacityA; }
/* 浜厜 */
.hvr-light { overflow: hidden; position: relative; }
.hvr-light:before { content: ""; position: absolute; width: 90px; height: 370px; top: -0px; left: -200px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0))); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-32deg); -ms-transform: skewX(-32deg); -moz-transform: skewX(-32deg); transform: skewX(-32deg); }
.hvr-light:hover:before { -webkit-transition: left 1s; -moz-transition: left 1s; -ms-transition: left 1s; transition: left 1s; left: 1300px; }
.hvr-light:hover { opacity: .9; filter: alpha(opacity=90); }
@keyframes opacityA {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.active .scale { -webkit-animation-name: scale; animation-name: scale; }
@-webkit-keyframes scale {  0% {
 opacity: 0;
 -webkit-transform: scale(0.2);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
}
}
@keyframes scale {  0% {
 opacity: 0;
 transform: scale(0.2);
}
 100% {
 opacity: 1;
 transform: scale(1);
}
}
.active .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInDown {  0% {
 opacity: 0;
 -webkit-transform: translateY(80px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes fadeInDown {  0% {
 opacity: 0;
 -webkit-transform: translateY(80px);
 -moz-transform: translateY(80px);
 -ms-transform: translateY(80px);
 transform: translateY(80px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.active .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInUp {  0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes fadeInUp {  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);
}
}
@keyframes rotates {  0% {
 transform: rotate(360deg);
}
 50% {
 transform: rotate(180deg);
}
 100% {
 transform: rotate(0deg);
}
}
@-webkit-keyframes rotate {  0% {
 -webkit-transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(360deg);
}
}
@keyframes rotate {  0% {
 transform: rotate(0);
}
 100% {
 transform: rotate(360deg);
}
}
@keyframes rotates {  0% {
 transform: rotate(360deg);
}
 50% {
 transform: rotate(180deg);
}
 100% {
 transform: rotate(0deg);
}
}
.active .start { -webkit-animation-name: start; animation-name: start; animation-iteration-count: infinite; }
@-webkit-keyframes start {  0%,  30% {
 opacity: .5;
 -webkit-transform: translate(0, 4px);
}
 60% {
 opacity: 1;
 -webkit-transform: translate(0, 0);
}
 100% {
 opacity: .5;
 -webkit-transform: translate(0, -6px);
}
}
@-moz-keyframes start {  0%,  30% {
 opacity: .5;
 -moz-transform: translate(0, 4px);
}
 60% {
 opacity: 1;
 -moz-transform: translate(0, 0);
}
 100% {
 opacity: .5;
 -moz-transform: translate(0, -6px);
}
}
@keyframes start {  0%,  30% {
 opacity: .5;
 transform: translate(0, 4px);
}
 60% {
 opacity: 1;
 transform: translate(0, 0);
}
 100% {
 opacity: .5;
 transform: translate(0, -6px);
}
}
@keyframes mousemove {  0% {
 transform: translateY(-5px);
}
 25% {
 transform: translateY(0px);
}
 50% {
 transform: translateY(5px);
}
 75% {
 transform: translateY(0px);
}
 100% {
 transform: translateY(-5px);
}
}
.onactive .flyInDown { -webkit-animation-name: flyInDown; animation-name: flyInDown; }
@-webkit-keyframes flyInDown {  0% {
 opacity: 0;
 -webkit-transform: translateY(-500px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes flyInDown {  0% {
 opacity: 0;
 -webkit-transform: translateY(-300px);
 -moz-transform: translateY(-300px);
 -ms-transform: translateY(-300px);
 transform: translateY(-300px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.onactive .flyInUp { -webkit-animation-name: flyInUp; animation-name: flyInUp; }
@-webkit-keyframes flyInUp {  0% {
 opacity: 0;
 -webkit-transform: translateY(100px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes flyInUp {  0% {
 opacity: 0;
 -webkit-transform: translateY(100px);
 -moz-transform: translateY(100px);
 -ms-transform: translateY(100px);
 transform: translateY(100px);
}
 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; }
@-webkit-keyframes flyInRight {  0% {
 opacity: 0;
 -webkit-transform: translateX(200px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
@keyframes flyInRight {  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 .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 .Swing1 { -webkit-animation-name: Swing1; animation-name: Swing1; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@keyframes Swing1 {  0% {
 transform: rotate(-5deg);
}
 50% {
 transform: rotate(5deg);
}
 100% {
 transform: rotate(-5deg);
}
}
@-webkit-keyframes Swing1 {  0% {
 -webkit-transform: rotate(-5deg);
}
 50% {
 -webkit-transform: rotate(5deg);
}
 100% {
 -webkit-transform: rotate(-5deg);
}
}
@-moz-keyframes Swing1 {  0% {
 -moz-transform: rotate(-5deg);
}
 50% {
 -moz-transform: rotate(5deg);
}
 100% {
 -moz-transform: rotate(-5deg);
}
}
@-o-keyframes Swing1 {  0% {
 -oz-transform: rotate(-5deg);
}
 50% {
 -moz-transform: rotate(5deg);
}
 100% {
 -moz-transform: rotate(-5deg);
}
}
@media screen and (max-width: 1600px) {
.screen-main { margin-top: -280px; height: 600px; }
.header .nav { width: 700px; margin-left: -350px; }
.header .nav .sub-box p .icon { left: 10px; }
.section_5 .screen-main { margin-top: -215px; height: 550px; }
.section_5 li { margin-bottom: 20px; }
.section_5 .more { display: none; }
}
@media screen and (max-width: 1500px) {
.screen-main { margin-top: -235px; height: 550px; }
.section_2 .slideBox .bd .right img { height: 420px; padding-top: 50px; padding-right: 50px; }
.section_2 .slideBox .bd .left img { height: 150px; padding-top: 100px; }
.section_2 .slideBox .bd .l2 .left img { padding-top: 100px; height: 180px; }
.section_3 li { margin-bottom: 60px; height: 150px; }
.section_3 .body { padding-top: 15px; }
.section_3 .screen-main { margin-top: -210px; }
.section_3 li h3 { padding-top: 45px; }
.section_4 .screen-main { margin-top: -210px; }
.section_4 .left .tit .fr a { line-height: 30px; height: 30px; }
.section_4 .right a { line-height: 30px; height: 30px; }
.section_5 .body { padding-top: 15px; }
.section_5 .screen-main { margin-top: -215px; height: 550px; }
.section_5 li { margin-bottom: 15px; }
.section_5 .more { display: none; }
.section_6 .screen-main { margin-top: -215px; height: 550px; }
.section_6 .box3 { padding-top: 25px; }
.section_6 .box3 p { padding-bottom: 20px; }
.section_6 .box3 .btn { line-height: 30px; height: 30px; margin-top: 10px; }
.bottom_copy { height: 30px; line-height: 30px; font-size: 12px; }
.header .nav { width: 700px; margin-left: -250px; }
}
.ny_copy { position: relative; left: 0; margin: 0 auto; }
.ny_nav_main { background: #f5f5f5; border-top: 1px solid #dcdcdc; height: 49px; line-height: 49px; margin-top: 70px; }
.ny_nav_main .icon { width: 14px; height: 14px; background-position: 0 -44px; float: left; margin-top: 17px; margin-right: 5px; }
.ny_nav_main .right li { float: left; padding-left: 94px; }
.ny_nav_main .right li a.hover { color: #d73535; font-weight: bold; }
.ny_context { min-height: 700px; background: #fff; margin: 0px auto 50px; }
.ny_context .about { line-height: 30px; padding: 50px; }
.ny_context .about img { max-width: 100%; }
.erro { text-align: center; padding-top:100px;font-size:18px;color:red; }
.news { width: 1100px; margin: 0 auto; padding-top: 50px; }
.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: 565px; 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); }
.search li .box1 img{ height:auto;}
/* 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 #ce2b2a; background: #ce2b2a; }
.news_show { padding: 50px; }
.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; }
.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; }
.product { padding: 50px; overflow: hidden; }
.product ul { width: 105%; }
.prolist .item { margin: 0 20px 26px 0; position: relative; border: #e5e5e5 solid 1px; transition: all ease 300ms; width: 350px; float: left; height: 334px; overflow: hidden; text-align: center; }
.prolist .item a { display: block; width: 100%; }
.prolist .item img { width: 336px; height: 252px; display: block; margin-left: 6px; border: #e5e5e5 solid 1px; margin-top: 6px; }
.prolist .item h3 { height: 64px; font-size: 16px; color: #333; font-weight: normal; line-height: 64px; overflow: hidden; transition: all ease 300ms; }
.prolist .item h3 span { width: 110px; height: 30px; line-height: 30px; margin-top: 20px; font-size: 14px; border-radius: 20px; border: 1px solid #f95927; color: #f95927; text-align: center; transition: all ease 300ms; }
.prolist .item h3 span s { width: 18px; height: 18px; margin-right: 5px; background-position: -120px -78px; }
.prolist .item .xcx { width: 100%; height: 242px; z-index: 10; padding-top: 30px; position: absolute; left: 0; top: 0; background: url(../images/black20.png) repeat 0 0; opacity: 0; filter: alpha(opacity=0); transition: all ease 300ms; left: 20%; }
.prolist .item .xcx span { width: 100%; text-align: center; display: block; position: absolute; left: 0; top: 38px; z-index: 10; font-size: 16px; color: #333; }
.prolist .item .xcx img { width: 160px; height: 160px; border-radius: 10px; display: block; margin: 0 auto; padding: 40px 20px 20px; background: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }
.prolist .item:hover h3 span { background: #f95927; color: #fff; }
.prolist .item:hover h3 span s { background-position: -142px -78px; }
.prolist .item:hover { border-color: #ce2b2b; }
.m100 { padding-bottom: 100px; }
.showPro { padding: 50px; }
.showPro .showContxt { padding: 30px 0 35px; font-size: 16px; line-height: 32px; }
.showPro .showContxt img { max-width: 100%; height: auto !important; }
.showPro .showimgCon { padding: 0 0 30px; font-size: 16px; line-height: 32px; }
.showPro .showimgCon .txtcon { width: 600px; height: 423px; float: right; position: relative; }
.showPro .showimgCon .txtcon .tit { position: relative; font-size: 20px; margin-bottom: 15px; color: #d73535; font-weight: bold; line-height: 24px; padding-bottom: 14px; border-bottom: 1px solid #dddddd; padding-right: 60px; }
.showPro .showimgCon .txtcon .tit .goBack { position: absolute; right: 0; top: 0; color: #999999; font-size: 14px; display: block; font-weight: normal; cursor: pointer; }
.showPro .showimgCon .txtcon .tit .goBack s { width: 20px; height: 20px; background-position: -440px -62px; margin-left: 6px; }
.showPro .showimgCon .txtcon .tit .goBack:hover { color: #047fcc; }
.showPro .showimgCon .txtcon .txt { line-height: 24px; font-size: 16px; color: #666; }
.showPro .showimgCon .txtcon .txt .item { margin-bottom: 7px; max-height: 144px; overflow: hidden; }
.showPro .showimgCon .txtcon .tel-btn { width: 100%; position: absolute; left: 0; bottom: 0; border-top: 1px solid #ddd; padding-top: 40px; }
.showPro .showimgCon .txtcon .tel-btn .btn { width: 118px; float: right; height: 40px; line-height: 40px; margin-top: 5px; font-size: 20px; text-align: center; color: #fff; cursor: pointer; background: #05549f; }
.showPro .showimgCon .txtcon .tel-btn .btn:hover { background: #bc070e; }
.showPro .showimgCon .txtcon .tel-btn .tel { width: 280px; float: left; }
.showPro .showimgCon .txtcon .tel-btn .tel span, .showPro .showimgCon .txtcon .tel-btn .tel strong { display: block; color: #666666; }
.showPro .showimgCon .txtcon .tel-btn .tel s { width: 42px; height: 42px; display: block; float: left; margin-right: 6px; background-position: -180px 0; }
.showPro .showimgCon .txtcon .tel-btn .tel span { font-size: 16px; line-height: 20px; }
.showPro .showimgCon .txtcon .tel-btn .tel strong { font-size: 28px; line-height: 28px; }
.showPro .showimg { width: 442px; position: relative; float: left; overflow: hidden; }
.showPro .showimg .bigimg { width: 440px; height: 332px; display: block; position: relative; border: 1px solid #dddddd; }
.showPro .showimg .bigimg .list { width: 5000%; }
.showPro .showimg .bigimg .list li { width: 440px; height: 332px; float: left; }
.showPro .showimg .bigimg .list img { width: 100%; height: 100%; display: block; transition: all ease 300ms; }
.showPro .showimg .smallimg { width: 440px; height: 76px; position: relative; padding-top: 30px; z-index: 10; overflow: hidden; }
.showPro .showimg .list { width: 357px; overflow: hidden; position: relative; margin: 0 auto; }
.showPro .showimg .listcon {width: 600%!important; position: relative;}
.showPro .showimg .prev, .showPro .showimg .next { width: 20px; height: 76px; z-index: 10; position: absolute; top: 30px; cursor: pointer; background: url(../images/show-btn-ico.png) no-repeat 0 center; }
.showPro .showimg .prev:hover, .showPro .showimg .next:hover { background-color: #f9f9f9; }
.showPro .showimg .prev { left: 0; background-position: 3px center; }
.showPro .showimg .next { right: 0; background-position: -84px center; }
.showPro .showimg li { width: 98px; height: 74px; margin-right: 28px; float: left; cursor: pointer; position: relative; }
.showPro .showimg li img { width: 100%; height: 100%; display: block; }
.showPro .showimg li.on { width: 94px; height: 70px; border: 3px solid #047fcc; }
.relateTit { width: 100%; height: 58px; line-height: 58px; border-bottom: 1px solid #e4e4e4; margin-bottom: 28px; }
.relateTit h3 { font-size: 24px; display: inline-block;  *display: inline;
 *zoom: 1;
position: relative; }
.relateTit h3 s { width: 28px; height: 25px; margin-right: 8px; background-position: -230px 0; display: inline-block; }
.relateTit h3 .line { width: 100%; height: 2px; display: block; position: absolute; left: 0; bottom: -1px; background: #047fcc; }
.ny_sub_nav { margin-top: 50px; }
.ny_sub_nav li { width: 116px; height: 29px; line-height: 29px; text-align: center; background: url(../images/nav_li.png) no-repeat; float: left; margin-right: 3px; }
.ny_sub_nav li a { color: #fff; }
.ny_sub_nav li.hover { background: url(../images/nav_on.png) no-repeat; }
.ny_sub_nav li.hover a { color: #333; }
.contact { overflow: hidden; padding: 50px; }
.contact .box2 #map1_container, .contact .box2 #allmap1 { width: 668px; height: 448px; }
.contact .box2 { margin-bottom: 100px; }
.contact .box2 .fl { width: 668px; height: 448px; border: 1px solid #e5e5e5; }
.contact .box2 .fr { width: 375px; margin-top: 20px; }
.contact .box2 .fr li { margin-bottom: 43px; padding-top: 100px; }
.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 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: 325px; 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: 260px; border: none; outline: none; }
.contact .box3 li select { width: 30%; margin-right: 3%; height: 36px; border: 0px; font-size: 14px; line-height: 36px; outline: none; float: left; }
.contact .box3 textarea { border: 1px solid #e5e5e5; width: 1078px; height: 144px; resize: none; padding: 10px;  *margin-top: 15px;
}
.contact .box3 .btn { border: none; background: #ce2b2a; width: 280px; height: 38px; line-height: 38px; color: #fff; margin:0 auto; font-size: 18px; margin-top: 26px;  cursor: pointer; transition: ease-in-out .2s; margin-bottom: 50px;display:block; }
.contact .box3 .btn:hover { width: 340px; }
.product_list { padding-top: 100px; background: url(../images/product_bg.png) no-repeat 34px 414px; }
.product_list li { position: relative; }
.product_list li .btn { display: block; width: 200px; text-align: center; color: #fff; background: #cf2f33; opacity: .9; filter: alpha(opacity=90); border-radius: 5px; height: 50px; line-height: 50px; margin-left: 751px; }
.product_list li .img { position: absolute; left: 0; top: 0; width: 718px; height: 585px; background: url(../images/product_img1.png) no-repeat; }
.product_list li a { display: block; width: 100%; height: 100%; }
.product_list li .pro_logo { padding-left: 647px; padding-top: 123px; padding-bottom: 54px; }
.product_list li .pro_logo img { width: 387px; }
.product_list .l1 { height: 638px; }
.product_list .l2 { height: 635px; }
.product_list .l2 .img { background: url(../images/product_img2.png) no-repeat; left: auto; right: -32px; top: 0; width: 718px; height: 583px; }
.product_list .l2 .pro_logo { padding-left: 205px; padding-top: 73px; padding-bottom: 49px; }
.product_list .l2 .pro_logo img { width: 306px; }
.product_list .l2 .btn { margin-left: 269px; }
.product_list .l3 { height: 682px; }
.product_list .l3 .img { background: url(../images/product_img3.png) no-repeat; width: 718px; height: 580px; }
.product_list .l4 { height: 635px; }
.product_list .l4 .img { background: url(../images/product_img4.png) no-repeat; left: auto; right: -32px; top: 0; width: 718px; height: 583px; }
.product_list .l4 .pro_logo { padding-left: 205px; padding-top: 73px; padding-bottom: 49px; }
.product_list .l4 .pro_logo img { width: 306px; }
.product_list .l4 .btn { margin-left: 269px; }
.product_list li:hover .btn:hover { box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); opacity: 1; filter: alpha(opacity=100); }

.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: 10%; 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: #ca2828; color: #fff; border: 1px solid #ca2828; }

.ny_context .index_title h3{color:#333;}
.ny_context .index_title span{background:#333}
.relateTit {  height: 58px; line-height: 58px; border-bottom: 1px solid #e4e4e4; margin:0 auto;  width:1100px;  }
.relateTit h3 { font-size:18px; display: inline-block;  *display: inline;
 *zoom: 1;
position: relative; }

.relateTit h3 .line { width: 100%; height: 2px; display: block; position: absolute; left: 0; bottom: -1px; background: #bb2725; }
.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; }
.dialog-layout { width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30); }