/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
/* CSS Document */
body { padding: 0px; margin: 0px; font-family: "微软雅黑"; overflow-x: hidden; }
p, ul, li, p, dl, dt, dd { padding: 0px; margin: 0px; }
img { border: 0 }
li { list-style: none }
.w1200 { width: 1200px; margin-left: auto; margin-right: auto }
.w { width: 105% }
.border { border-bottom: #eaeaea solid 1px; }
.top { background: #f7f7f7; border-bottom: #dedede solid 1px; line-height: 40px; overflow: hidden }
.top p { font-size: 14px; color: #999999; float: left; display: inline }
.top a { font-size: 14px; color: #999999; float: right; display: inline; text-decoration: none; }
.top span { color: #adadad; float: right; display: inline; font-size: 14px; margin-left: 10px; margin-right: 10px }
.header { overflow: hidden; margin-top: 20px; margin-bottom: 30px; }
.logo { float: left; display: inline }
.search { float: left; display: inline; margin-left: 20px; border-left: #999999 solid 1px; padding-left: 30px; margin-top: 10px; }
.search p { color: #e73102; font-size: 18px; }
.search span { color: #999999; font-size: 14px; margin-top: 5px; display: block }
.tel { float: right; display: inline; margin-top: 15px; }
.tel p { font-size: 14px; color: #999999; margin-bottom: 0px; text-align: left; display: block }
.tel img { float: left; margin-right: 10px; display: inline }
.tel div { float: right; display: inline }
.tel strong { font-weight: normal; text-align: right; color: #e73102; font-size: 24px; display: block }
.nav { background: #099602; height: 60px; margin-top: 0px; position: relative; z-index: 9999 }
.nav li { float: left; width: 170px; text-align: center; position: relative; z-index: 9999; padding-top: 15px; padding-bottom: 20px; border-right: #eaeaea solid 1px; }
.nav li a { text-decoration: none }
.nav li a span { color: #fff; display: block; line-height: 25px; font-size: 16px; }
.nav li:first-child { width: 174px; }
.nav li:first-child span { color: #FFF }
.nav li.act { background: #ff6c00; }
.nav li:hover a span { color: #fff }
.nav li.act a span { color: #fff }
.s { display: none; position: absolute; top: 60px; width: 162px; }
.s a { display: block; color: #fff; line-height: 35px; text-align: center; font-size: 14px; /*padding-left:35px;*/ border-top: #fff solid 1px; display: block }
.nav li:hover .s { display: block; }
.s a:first-child { border-top: #fff solid 0px; }
@keyframes fadeNav {
 from {
 width:100px;
}
 to {
 background:#ff6c00;
 width:170px;
}
}
.animatedNav { animation-duration: 0.5s; animation-fill-mode: both; }
.fadeInNav { animation-name: fadeNav; animation-direction: normal; }
/* banner */
.banner { height: 500px; clear: both; position: absolute; top: 0px; overflow: hidden; }
.banner .ban_c img { position: absolute; width: 1920px; left: 50%; margin-left: -960px; top: 0; }
.banner .ban_nav { display: block; }
.banner .Left, .banner .Right { position: absolute; width: 90px; height: 54px; right: 50%; bottom: 280px; }
.banner .Left { left: 0px; background-position: 5px 0; background: url(../img/left_02.png) no-repeat; width: 90px; height: 54px; }
.banner .Right { right: 0px; background-position: -33px 0; background-color: #e6292f; background: url(../img/right_03.png) no-repeat; width: 40px; height: 54px; }
.bann_ext { position: relative; }
.frontCover { position: absolute; top: -50px; padding: 0 0 16px; border-bottom: 5px solid #de0000; }
.frontCover li { float: left; width: 82px; padding: 3px; background: #1277cf; color: #fff; overflow: hidden; margin-right: 10px; cursor: pointer; }
.frontCover p { text-align: center; height: 14px; line-height: 18px; overflow: hidden; }
.frontCover .img { position: relative; height: 50px; overflow: hidden; }
.frontCover img { position: absolute; width: 192px; height: 50px; left: -50px; }
.frontCover .open { background: #ff6c00; }
.wrap { width: 980px; margin-left: auto; margin-right: auto; }
/*幻灯片(组件)*/
.slide { position: relative; width: 100%; }
.ban_c { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.ban_c img { width: 100%; height: 100%; }
.ban_t { position: absolute; left: 0; bottom: 0; width: 100%; padding: 4px 0; text-indent: 10px; white-space: nowrap; overflow: hidden; color: #fff; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000, endcolorstr=#88000000);
z-index: 3; }
.ban_nav { position: absolute; bottom: 20px; left: 0; width: 54%; text-align: right; z-index: 4; }
.ban_nav a { display: inline-block; vertical-align: middle; width: 12px; height: 12px; line-height: 3px; overflow: hidden; text-align: center; margin-right: 10px; cursor: pointer; text-decoration: none; font-size: 10px; -webkit-text-size-adjust: none; background: #fff; color: #fff; border-radius: 100% }
.ban_nav .on { background: #e73102; color: #e73102; }
.Left, .Right { cursor: pointer; }
.product { overflow: hidden; background: none; }
.marque { position: relative }
.marque a { text-decoration: none }
.marque p { padding: 0px; margin: 0px; font-weight: normal; font-size: 16px; color: #333333; line-height: 60px; }
.goL { position: absolute; left: 1px; top: 120px; }
.goL img { width: 40px; height: auto }
.goR { position: absolute; right: 0px; top: 120px; }
.goR img { width: 40px; height: auto }
#marquee1 { width: 1200px; height: 372px; overflow: hidden; margin: 0 auto; margin-top: 20px; }
#marquee1 ul li { float: left; width: 313px; text-align: center; }
#marquee1 ul li span { display: block; width: 270px; border-bottom: #d4d3d2 solid 1px; }
#marquee1 ul li img { display: block; width: 270px; height: 270px; }
#marquee1 ul li:hover span { background: #e73102; border-bottom: #dd932a solid 1px; }
#marquee1 ul li:hover span p { color: #FFF }
.productTitle { text-align: center; margin-top: 40px; padding-bottom: 10px; overflow: hidden }
.productTitle img { vertical-align: middle }
.productTitle a { text-decoration: none; color: #333333; font-size: 24px; }
.productTitle p { text-decoration: none; color: #e73102; font-size: 16px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin-top: 10px; }
.title { margin-top: 50px; overflow: hidden; margin-bottom: 0px; border-bottom: #cccccc solid 1px; position: relative }
.title a { color: #666666; font-size: 14px; text-decoration: none; line-height: 35px; display: inline; float: right; margin-top: 10px; }
.title a:hover { color: #dd932a }
.title strong { color: #e73102; background: #e73102; height: 2px; width: 150px; position: absolute; left: 0; bottom: 0 }
.title span { color: #333333; font-size: 24px; display: inline; float: left; line-height: 50px; }
.title p { color: #333333; font-size: 12px; display: inline; float: right; line-height: 50px; margin-right: 10px; margin-left: 10px; margin-top: 2px; }
.title p:first-child { margin-right: 0px }
.case { overflow: hidden }
.case li { float: left; background: #f6f6f6; width: 278px; text-align: center; margin-right: 29px; margin-top: 20px; }
.case li img { width: 278px; height: 278px; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; }
.case li span { font-size: 16px; color: #666666; line-height: 40px; height: 40px; overflow: hidden; }
.case li div { width: 278px; height: 278px; overflow: hidden }
.case li:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.case li:hover { background: #e73102; }
.case li:hover span { color: #FFF }
.case li a { text-decoration: none }
.adv { margin-top: 55px; background: url(../img/btn_1_02.jpg) center; height: 322px; }
.ad { overflow: hidden; margin-top: 30px; }
.ad li { float: left; width: 300px; }
.ad li div { width: 62px; height: 62px; background: #FFF; border-radius: 100%; font-size: 24px; color: #e73102; line-height: 62px; text-align: center; float: left; margin-right: 10px; }
.ad li p { font-size: 24px; color: #FFF }
.ad li span { font-size: 14px; color: #FFF; margin-top: 8px; display: block }
.ad li span p { font-size: 14px; color: #FFF; margin-top: 8px; display: block }
.ps { color: #FFF; text-align: center; font-size: 16px; display: block; line-height: 50px; margin-top: 10px; }
.ps strong { font-size: 24px; color: #ff6c00; font-weight: normal; font-style: italic }
.span { font-size: 14px; color: #FFF; text-align: center; display: block }
.about { margin-top: 30px; overflow: hidden; margin-bottom: 50px; }
.about p { font-size: 16px; color: #666666; line-height: 35px; margin-bottom: 25px; margin-top: -10px }
.about h4 { padding: 0px; margin: 0px; font-size: 30px; color: #FFF; font-weight: normal; line-height: 60px; padding-top: 45px; }
.about span { font-size: 30px; color: #FFF }
.about img { width: 575px; height: 348px; float: left; display: inline; }
.aboutFonts { display: inline; float: right; width: 580PX; }
.ab { background: url(../img/btn_4_03.png) no-repeat; width: 349px; height: 81px; margin-top: 60px; text-align: center; overflow: hidden }
.ab a { width: 103px; height: 81px; display: block; float: left; text-decoration: none; color: #666666; padding-top: 60px; }
.ab a:nth-child(2) { margin-left: 10px; }
.ab a:nth-child(3) { margin-left: 20px; color: #e73102; }
/*.two { margin: 0px auto; height: 360px; width: 1200px; overflow: hidden; position: relative }
.two ul { height: 360px; width: 960000000000px; position: absolute; left: 0; }
.two ul li { display: block; float: left; margin: 15px; height: 330px; text-align: center; position: relative; border: #eaeaea solid 1px; width: 362PX; }
.two ul li a{display:inline-block;height:80px; text-decoration:none} 
.two ul li img { display: block; width: 362px; height: 252px; }
.two ul li span a { display: block; color: #666666; font-size: 16px; line-height: 50px; padding-left: 10px; padding-right: 10px; }
.two ul li p { padding-left: 10px; font-size: 14px; color: #666666; display: block; line-height: 35px; border-top: #eaeaea solid 1px; width: 350px; }
.two ul li time { position: absolute; right: 0; top: 0; background: rgba(255,255,255,0.5); padding: 10px; color: #171717; text-align: center }
*/
.con2_r_t { border-bottom: 1px solid #ccc; height: 35px; font-size: 20px; color: #000000; }
.con3 { padding: 30px 0; height: auto; overflow: hidden; width: 1200px; margin: 0px auto; background-color: #fff; }
.con3_l { width: 582px; float: left; }
.con3_l_new { padding: 5px; background: #fff; height: auto; overflow: hidden; margin-top: 25px; }
.con3_l_new_img { width: 182px; height: 134px; float: left; }
.con3_l_new_img img { width: 182px; height: 134px; }
.con3_l_new_r { width: 306px; float: right; }
.con3_l_new_r em { display: block; font-size: 16px; color: #7fbe25; margin-top: 10px; }
.con3_l_new_r p { font-size: 14px; color: #565557; line-height: 25px; margin: 10px 0; }
.con3_l_new_r span { text-align: right; font-size: 14px; color: #565557; display: block; margin-right: 10px; }
.con3_l_u { margin-top: 25px; }
.con3_l_u ul li { background: url(../img/ss.png) no-repeat left; line-height: 37px; padding-left: 25px; border-bottom: 1px dashed #e5e5e5; position: relative }
.con3_l_u ul li a { font-size: 14px; color: #131313; }
.con3_l_u ul li span { position: absolute; top: 0; right: 10px; font-size: 14px; color: #8e8f91; }
.con3_r { float: right; }
.w780 { width: 350px; margin-left: auto; margin-right: auto; height: 400px; background: #f4f4f4; text-align: center; padding-top: 20px; font-size: 15px; }
.w780 span { display: block; font-size: 24px; font-weight: bold; color: #e73102; line-height: 50px; }
.w780 p { font-size: 14px; color: #666666; margin-bottom: 20px; }
.w780 input[type="text"] { border: #b8b8b8 solid 1px; height: 40px; line-height: 40px; background: none; padding-left: 5px; font-family: "微软雅黑"; width: 200px; color: #666666 }
.w780 textarea { background: none; border: #b8b8b8 solid 1px; font-family: "微软雅黑"; width: 200px; margin-top: 10px; height: 50px; vertical-align: middle; padding-left: 5px; margin-bottom: 10px; color: #666666; font-size: 14px; }
.w780 li { line-height: 55px; }
.w780 input[type="submit"] { background: #e73102; width: 100px; height: 40px; border: none; color: #FFF }
.reveal-modal { display: none; position: fixed; z-index: 99999; background: rgba(fff, fff, fff, 0.7); top: 100px; left: 0; right: 0; margin: 0 auto; -moz-box-shadow: 0px 7px 12px #333333; -webkit-box-shadow: 0px 7px 12px #333333; box-shadow: 0px 7px 12px #333333; border-radius: 20px; }
.close-reveal-modal { position: absolute; top: 0; right: 0; cursor: pointer; background: #e73102; width: 35px; height: 35px; font-size: 20px; color: #fff; border-radius: 100%; line-height: 35px; text-align: center }
.news { overflow: hidden; margin-bottom: 0px; }
.newsLeft { width: 570px; float: left }
.t { overflow: hidden; border-bottom: #0093ec solid 1px; padding-bottom: 8px; }
.t img { float: left; display: inline; margin-right: 10px; }
.t span { color: #0093ec; font-size: 18px; float: left }
.t a { text-decoration: none; font-size: 15px; color: #0093ec; float: right; display: inline; padding-top: 6px; }
.newsPic { margin-top: 30px; overflow: hidden }
.newsPic h4 { padding: 0px; margin: 0px; color: #666666; font-size: 14px; font-weight: normal; margin-top: 10px; }
.newsPic img { width: 362px; height: 202px; float: left; margin-right: 20px; }
.newsPic a { text-decoration: none; color: #666666; font-size: 18px; }
.newsPic p { font-size: 14px; color: #666666; line-height: 28px; margin-top: 10px; }
.newsPic span { font-size: 16px; display: block }
.newsPic time { font-size: 14px; color: #666666; line-height: 40px; width: 290px; border-bottom: #e6e6e6 solid 1px; display: block; float: left; margin-bottom: 3px; }
.newsPics { margin-top: 10px; overflow: hidden; width: 105% }
.newsPics h4 { padding: 0px; margin: 0px; color: #666666; font-size: 14px; font-weight: normal; margin-top: 10px; }
.newsPics img { width: 135px; height: 135px; }
.newsPics a { text-decoration: none; color: #666666; font-size: 18px; width: 135px; display: block; float: left; margin-right: 10px; text-align: center }
.newsPics p { font-size: 14px; color: #666666; line-height: 28px; margin-top: 10px; }
.newsPics span { font-size: 16px; display: block; line-height: 40px; background: #f6f6f6 }
.newsPics a:hover span { background: #dd932a; color: #FFF }
.newsPics time { font-size: 14px; color: #666666; line-height: 40px; width: 290px; border-bottom: #e6e6e6 solid 1px; display: block; float: left; margin-bottom: 10px; }
.more { font-size: 12px !important; color: #e73102 !important; margin-top: 4px !important; display: block }
.newsRight { width: 570px; float: right }
.newsFonts { overflow: hidden; margin-top: 20px; }
.newsFonts a { font-size: 15px; color: #666666; text-decoration: none }
.newsFonts li { line-height: 50px; border-bottom: #dbdbdb dotted 1px; overflow: hidden }
.newsFonts img { vertical-align: middle; margin-right: 8px; }
.newsFonts span { float: right; font-size: 12px; padding-top: 0px; }
.footer { background: #171717; overflow: hidden; margin-top:10px;}
.footerLeft { float: left; display: inline; color: #7e7e7e; background: #424242; padding: 40px 30px 30px 30px; }
.footerLeft img { width: 107px; height: 107px; float: left; margin-right: 15px; }
.footerLeft span { font-size: 14px; line-height: 35px; }
.footerLeft p { font-size: 14px; line-height: 35px; }
.footerLeft a { background: #FFF; font-size: 18px; color: #666666; font-weight: bold; text-decoration: none; border-radius: 30px; width: 172px; height: 50px; text-align: center; display: block; line-height: 50px; margin-top: 20px; margin-left: 30px; }
.footerRight { float: left; display: inline; margin-left: 50px; margin-top: 20px; width: 810px; }
.footerNav { width: 200px; overflow: hidden; text-align: left; margin-top: 20px; margin-left: 100px; float: left; display: inline }
.footerNav a { font-size: 15px; color: #7e7e7e; text-decoration: none; width: 100px; display: block; float: left; text-align: left; line-height: 30px; }
.footerNav span { color: #0265bc; float: left }
.footerNav .h1title { padding: 0px; margin: 0px; font-size: 18px; color: #7e7e7e; font-weight: normal; border-bottom: #7e7e7e solid 2px; padding-bottom: 10px; margin-bottom: 10px; }
.lxwm { float: right; display: inline; width: 380px; margin-top: 20px; color: #7e7e7e; font-size: 15px; }
.lxwm .h1title { padding: 0px; margin: 0px; font-size: 18px; color: #7e7e7e; font-weight: normal; border-bottom: #7e7e7e solid 2px; padding-bottom: 10px; margin-bottom: 10px; }
.lxwm li { line-height: 40px; vertical-align: middle; }
.lxwm img { float: left; margin-right: 10px; margin-top: 15px; }
.footerRight a:first-child { text-align: left; width: 80px }
.footerRight p { color: #7e7e7e; font-size: 15px; line-height: 35px; margin-top: 20px; }
.footerRight a { color: #7e7e7e; text-decoration: none }
.foot { background: #0f0f0f; line-height: 50px; overflow: hidden }
.foot p { color: #7e7e7e; font-size: 14px; float: left; display: inline }
.foot a { color: #7e7e7e; display: inline; font-size: 14px; text-decoration: none }
.izl-rmenu { position: fixed; right: 0px; bottom: 100px; padding-bottom: 0px; background: #fff 0px bottom no-repeat; z-index: 999; }
.izl-rmenu .btn1 { width: 83px; height: 74px; cursor: pointer; position: relative; border-bottom: #b6b6b6 solid 1px; }
.izl-rmenu .btn-qq { background: url(../img/r_qq.png) 0px 0px no-repeat; }
.izl-rmenu .btn-map, a.btn-qq, .izl-rmenu a.btn-qq:visited { text-decoration: none; display: block; }
.izl-rmenu .btn-map { background: url(../img/map_03.png) 0px 0px no-repeat; }
.izl-rmenu .btn-wx { background: url(../img/r_wx.png) 0px 0px no-repeat; }
.izl-rmenu .btn-wx:hover { }
.izl-rmenu .btn-wx .pic { position: absolute; left: -140px; top: 0px; display: none; width: 120px; height: 110px; padding: 10px; background: #fff }
.izl-rmenu .btn-phone { background: url(../img/r_phone.png) 0px 0px no-repeat; }
.izl-rmenu .btn-phone:hover { background-color: #fff; }
.izl-rmenu .btn-phone .phone { background-color: #e73102; position: absolute; width: 160px; left: -160px; top: 0px; line-height: 74px; color: #FFF; font-size: 18px; text-align: center; display: none; }
.izl-rmenu .btn-top { background: url(../img/r_top.png) 0px 0px no-repeat; display: none; }
/******************************/		
.ban { width: 100%; position: relative; overflow: hidden; height: 300px; top: 0px; }
.bans { width: 1920px; position: absolute; left: 50%; margin-left: -960px; height: 300px }
.bans img { width: 1920px; height: 300px; }
.menu { font-size: 15px; color: #666666; text-align: left; border-bottom: #dedede solid 1px; padding-bottom: 20px; }
.menu img { float: left; margin-right: 4px; width: 20px; height: 20px; }
.menu a { font-size: 15px; color: #666666; text-decoration: none; }
.ts { float: left; display: inline; line-height: 40px; }
.ts img { vertical-align: middle; float: left; display: inline; width: 20px; height: 20px; padding-top: 10px; }
.menus { margin-top: 20px; overflow: hidden }
.menuNav { display: inline; float: right; margin-bottom: 10px; margin-top: 10px }
.menuNav a { font-size: 15px; text-align: right; background: #e73102; padding: 10px; margin-left: 5px; color: #FFF; border-radius: 6px }
.flxz { background: #f4f4f4; line-height: 22px; color: #666666; padding-left: 20px; font-size: 14px; width: 1180px; margin-left: auto; margin-right: auto; margin-top: 20px }
.flxz a { color: #666666; text-decoration: none; margin-right: 15px; border: #a0a0a0 dotted 1px !important; padding: 10px; border-radius: 10px }
.flxz span { margin-right: 20px }
.flxz a.act { background: #e73102; color: #FFF; border: #f3a11a dotted 1px !important }
.flxz a:hover { background: #e73102; color: #FFF; border: #f3a11a dotted 1px !important }
.page { text-align: center; margin-top: 40px; clear: both; width: 100%; margin-bottom: 25px; }
.page a { font-size: 14px; margin-right: 10px; color: #666666; background: #e1e1e1; padding: 10px 15px 10px 15px; text-decoration: none }
.page span { font-size: 14px; margin-right: 10px; color: #ffffff; background: #e73102; padding: 10px 15px 10px 15px; text-decoration: none }
.page a.act { background: #e73102; color: #FFF }
.page a:hover { background: #e73102; color: #FFF }
.tt { text-align: center; font-size: 24px; color: #666666; line-height: 55px; }
.titleConf { text-align: center; font-size: 14px; margin-bottom: 10px; color: #666666; background: #f6f4f4; width: 1200px; margin: 0 auto; line-height: 50px; }
.containter { margin-top: 20px }
.containter img { max-width: 1200px }
.containter p { text-indent: 25px; line-height: 200%; }
.next { overflow: hidden; margin-top: 20px }
.next a { text-decoration: none; color: #666666; line-height: 30px; display: block }
.new { margin-top: 0px !important }
.temas { overflow: hidden }
.temas ul { width: 105% }
.temas li { float: left; width: 278px; margin-right: 29px; margin-top: 20px; text-align: center; border-bottom: #dfdfdf solid 1px; }
.temas img { width: 278px; height: 278px; }
.temas a { font-size: 15px; color: #666666; text-decoration: none; line-height: 50px; }
.fwxm { width: 1198px; overflow: hidden; margin: 0 auto; border-right: #f4f4f4 solid 1px; border-left: #f4f4f4 solid 1px; border-bottom: #f4f4f4 solid 1px; padding-bottom: 40px; }
.fwxm ul { width: 105% }
.fwxm ul li { float: left; width: 270px; text-align: center; margin-top: 20px; margin-left: 24px }
.fwxm ul li span { display: block; width: 270px; border-bottom: #dedede solid 1px; }
.fwxm ul li img { display: block; width: 270px; height: 270px; }
.fwxm ul li:hover span { background: #e73102; border-bottom: #e73102 solid 1px; }
.fwxm ul li p { line-height: 50px; color: #666666; }
.fwxm ul li a { text-decoration: none }
.fwxm ul li:hover span p { color: #FFF; }
.info_b { border-top: 0px; padding: 5px 0; overflow: hidden; margin-bottom: 10px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
ul.p_list_ul li { background: url(../img/ico10.gif) no-repeat 10px 20px; line-height: 35px; font-size: 16px; float: left; width: 46%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-indent: 20px; margin-left: 10px; display: inline; color: #666; }
ul.p_list_ul li a { color: #333; }
/*友情链接*/
.flink_list{ width:1200px; margin:0 auto;}