@charset "utf-8";
/* CSS Document */
* { padding: 0px; margin: 0px; }
html { background: #FFF; }
body { font-family: Microsoft Yahei, Verdana, Arial, Tahoma, sans-serif; font-size: 14px; min-width: 1200px; color: #666666; }
img { border: none; vertical-align: middle; }
ul, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
H1, H2, H3, H4, H5, H6 { font-family: Microsoft Yahei, Verdana, Arial, Tahoma, sans-serif; font-size: 14px; vertical-align: middle; padding: 0px; margin: 0px; font-weight: normal; }
form, input, select, submit, textarea, button { font-family: Microsoft Yahei, Verdana, Arial, Tahoma, sans-serif; font-size: 14px; vertical-align: middle; padding: 0px; margin: 0px; }
table { border-collapse: collapse; border-spacing: 0; }
.fl-clear { clear: both }
.fl-clr { zoom: 1 }
.fl-clr:after { display: block; clear: both; height: 0; content: "" }
ul, ol { list-style: none outside none }
a { text-decoration: none; color: #5e5e5e; }
a:hover { text-decoration: none; color: #444444 }
img { border: 0 }
.index_main { width: 1200px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.clear { zoom: 1; }
.clear:after { content: ""; display: block; clear: both; }
.head_top { background: none repeat scroll 0 0 #f2f2f2; height: 36px; font-size: 13px; color: #6f6f6f; line-height: 36px; }
.head_top a { padding-left: 10px; height: 36px; font-size: 13px; color: #999; line-height: 36px; }
.head_cen { background: url(/img/topbn.jpg) no-repeat 0 0; height: 186px; }
.head-logo { margin-top: 40px; margin-left: 30px; }
.head_cen img { display: block; }
.ss-search { width: 400px; }
.ss-search img { max-width: 100%; height: auto; }
.ss-text { color: #030749; text-align: center; }
.ss-text form { position: relative; max-width: 400px; margin: 0 auto; }
.ss-text form input { border: 1px solid #ddd; color: #444444; padding: 0 17px; height: 50px; line-height: 50px; width: 100%; border-radius: 5px; outline: none; }
.ss-text form button { background: transparent; border: medium none; color: #666666; padding: 0 16px; height: 48px; line-height: 48px; position: absolute; right: 0px; top: 1px; z-index: 10; font-size: 20px; cursor: pointer; border-top-right-radius: 5px; outline: none; border-bottom-right-radius: 5px; transition: all 0.3s ease 0s; }
.ss-text form button:hover { background: #333333; color: #ffffff; }
.head-rx { margin-top: 100px; margin-right: 30px; }
.more { width: 120px; height: 30px; line-height: 30px; float: right; text-align: right; margin-right: 15px; }
.more a { color: #666; }
.more a:hover { color: #444444; }
.main_main { padding-top: 20px; }
.main_main_bt { text-align: center; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.main_main_bt span { font-size: 30px; color: #555; }
.main_main_bt p { font-size: 14px; color: #888; line-height: 30px; }
.main_main_right { width: 940px; height: auto; }
.main_main_right a { color: #5e5e5e; }
.title1 { border-bottom: 1px #efefef solid; border-top: 1px #efefef solid; height: 45px; font-size: 16px; color: #5e5e5e; line-height: 45px; text-align: left; padding-left: 10px; }
.titlebt { height: 45px; font-size: 16px; color: #5e5e5e; line-height: 45px; text-align: center; border-bottom: 1px dashed #bccad5; }
.titledate { height: 20px; font-size: 14px; color: #5e5e5e; line-height: 20px; text-align: center; margin-bottom: 20px; margin-top: 10px; }
.ny_nr1 { font-size: 15px; color: #5e5e5e; line-height: 30px; margin: 10px; text-align: justify; text-justify: inter-ideograph; overflow: hidden;}
.ny_nr1 p { }
.ny_xxnr1 img { margin-bottom: 20px; }
.ny_nr1 table { font-family: verdana, arial, sans-serif; font-size: 14px; color: #333333; border-width: 1px; border-color: #DDDDDD; border-collapse: collapse; }
.ny_nr1 table td { border-width: 1px; padding: 0px 8px; border-style: solid; border-color: #DDDDDD; background-color: #ffffff; }
.ny_nr1 table td p { text-indent: 0; margin: 0px; padding: 0px; }
.ny_xgcpbt { border-bottom: 1px #efefef solid; height: 45px; font-size: 15px; color: #5e5e5e; line-height: 45px; text-align: left; padding-left: 10px; font-weight: bold; }
.main_main_box { padding: 30px 0 25px 0; }
.sy_main { padding: 10px 0 30px 0; height: 450px; }
.sy_main_list { padding-bottom: 10px; }
.sy_main_list a { font-size: 14px; line-height: 25px; text-align: center; color: #666666; }
.sy-more { text-align: center; margin: 0 auto; width: 110px; height: 30px; overflow: hidden; zoom: 1; padding-top: 20px; padding-bottom: 20px; }
.sy-more a { display: inline-block; width: 108px; height: 28px; overflow: hidden; line-height: 28px; text-align: center; border: 1px solid #444444; font-size: 13px; color: #444444; margin: 0 auto; }
.sy-more a:hover { background: #444444; color: #fff; }
.foot_bg { background: none repeat scroll 0 0 #252525; width: 1200px; margin: 0 auto; }
.foot_dh { float: left; padding-right: 150px; }
.foot_dh:nth-of-type(3n+3) { padding-right: 0px; }
.foot_dh h3 { font-size: 16px; color: #d7d8d9; padding-bottom: 10px; }
.foot_dh p { display: block; font-size: 14px; color: #fff; line-height: 25px; }
.foot_dh a { font-size: 14px; color: #9b9ea0; }
.foot_tel { font-size: 14px; color: #9b9ea0; text-align: right; line-height: 25px; margin-right: 10px; padding-top: 38px; }
.foot_db { padding: 20px; }
.foot_db a { color: #9b9ea0; }
.foot_db a:hover { color: #ff6a00; }
.link { font-size: 14px; line-height: 25px; text-align: left; color: #9b9ea0; padding: 1px 20px 50px 20px; margin: 0 auto; }
.link a { color: #9b9ea0; }
.link a:hover { color: #ff6a00; }
.page-fy { width: 800px; height: auto; overflow: hidden; text-align: left; color: #666; float: left; font-size: 14px; padding: 5px; }
.page-fy span { padding-right: 10px; }
.page-fy a { padding-right: 10px; }
#news1 { }
#news1 ul { padding: 8px 0; }
#news1 li { height: 30px; line-height: 30px; border-bottom: 1px #efefef dashed; }
#news1 li a { padding-left: 15px; }
#news1 li span { float: right; width: 120px; text-align: center; }
#news10 { float: left; width: 740px; }
#news10 li { height: 30px; line-height: 30px; border-bottom: 1px #efefef dashed; }
#news10 li a { padding-left: 15px; }
#news10 li span { float: right; width: 120px; text-align: center; }
.news2_list { width: 1200px; height: auto; overflow: hidden; }
.news2_list a:hover { COLOR: #444444; }
.news2_list li { float: left; width: 540px; padding: 10px 20px; border-bottom: 1px #bccad5 dashed; margin-right: 40px; }
.news2_list li:nth-of-type(2n+2) { margin-right: 0; }
.news2_list li span { float: right; line-height: 25px; }
.sy_main1 { background: #f2f2f2; width: 1200px; margin: 0 auto; overflow: hidden;}
.proli { margin: 0 auto; overflow: hidden; zoom: 1; }
.proli li { width: 287px; height: auto; float: left; margin: 10px; padding: 2px; border: 1px solid #cccccc; }
.proli li img { width: 287px; height: 205px; }
.proli li span { display: block; height: 40px; line-height: 40px; text-align: center; }
.proli li:hover { border: 1px solid #444444; }
.proli li:hover a { color: #444444; }
.ny_xxnr1 { overflow: hidden; margin: 10px auto; }
.foot_dbms {  color: #9b9ea0; padding: 0px 20px 60px 20px; }
.foot_dbms a { color: #9b9ea0; }
/*导航*/
#page-wrap { width: 100%; margin: 0 auto; }
#main-nav p { padding: .5em 0; line-height: 1.48em; }
#main-nav img { max-width: 100%; }
#main-nav .parent a { color: #444; }
#main-nav { background: rgba(0,0,0,.2); }
#main-nav ul { background: #333333; }
#main-nav>ul>li>ul { background: #e4e4e4; }
#main-nav ul li a:hover, #main-nav>ul>li:hover>a { color: #fff; background: #444444; }
#content-wrap { overflow: hidden; }
#main-nav { position: relative; z-index: 100; margin: 0 auto; max-width: 1200px; }
#main-nav ul li { position: relative; float: left; width: 139.71428571428572px; width: calc(14.285714285714286%); }
#main-nav ul li a { text-align: center; display: block; padding: 1em 1.5em; }
#main-nav ul li ul li a { text-align: left; }
#main-nav>ul { height: 50px; position: relative; z-index: 100; }
#main-nav>ul>li { position: relative; display: block; float: left; width: 14.285714285714286%; }
#main-nav>ul>li>a { height: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; width: 100%; padding: 0 1em; text-align: center; display: table; color: #f1f1f1; text-decoration: none; cursor: pointer; font-weight: 700; }
#main-nav>ul>li>a>span { display: table-cell; vertical-align: middle; text-align: center; font-weight: 700; font-size: 15px; }
#main-nav>ul>li a { -webkit-transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -o-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; }
#main-nav>ul>li>ul { opacity: 0; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; }
#main-nav>ul>li:hover>ul { opacity: 1; }
#main-nav>ul>li>ul>li>a { font-weight: 700; }
#main-nav>ul>li>ul>li a { padding: .4em; }
#main-nav>ul>li>ul { overflow: hidden; }
#main-nav>ul>li>ul { position: absolute; left: -9999px; padding: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; }
#main-nav>ul>li:hover>ul { left: 0; }
#main-nav>ul>li>ul>li { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; padding: 0px; }
#main-nav>ul>li>ul>li ul li { width: 100%; }
#main-nav>ul>li.full { position: static; }
#main-nav>ul>li.full>ul { width: 100%!important }
#main-nav>ul>li.end-menu-item:hover>ul { right: 0; left: auto; }
#main-nav>ul>li.columns-5>ul { width: 600%; }
#main-nav>ul>li.columns-4>ul { width: 480%; }
#main-nav>ul>li.columns-3>ul { width: 360%; }
#main-nav>ul>li.columns-2>ul { width: 240%; }
#main-nav>ul>li.columns-1>ul { width: 100%; }
#main-nav>ul>li.columns-5>ul>li { width: 14.28%; }
#main-nav>ul>li.columns-1>ul>li { width: 100%; }
#main-nav ul { margin-left: 0!important; display: block!important; }
#main-nav .now { color: #fff; background: #444444; }
/*横幅*/
.mainall { margin: 0 auto; max-width: 1200px; }
.slider-focus { position: relative; max-width: 1200px; overflow: hidden; margin: 0 auto; }
.slider-focus .hd { position: absolute; width: 100%; height: 22px; left: 0; bottom: 2%; z-index: 1; line-height: 28px; text-align: center; }
.slider-focus .hd li { display: inline-block; vertical-align: middle; width: 13px; height: 13px; margin: 0 3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 0; line-height: 0; text-indent: -9999em; background: #fff; cursor: pointer; }
.slider-focus .hd li.on { background: #444444; }
.slider-focus .bd { position: relative; z-index: 0; }
.slider-focus .bd li { position: relative; text-align: center; }
.slider-focus .bd li img { background: url(/img/loading.gif) center center no-repeat; vertical-align: top; width: 100%; }
.slider-focus .bd li a { -webkit-tap-highlight-color: rgba(0,0,0,0); }
.slider-focus .bd li .tit { display: block; width: 100%; position: absolute; bottom: 0; text-indent: 10px; height: 28px; line-height: 28px; background: url(/img/focusBg.png) repeat-x; color: #fff; text-align: left; }
/*首页产品*/

#wrap { width: 1160px; height: 260px; margin: 20px; }
#wrap ul li .a1 img { width: 373px; height: 267px; }
#wrap ul li { width: 373px; height: 267px; list-style: none; position: relative; float: left; overflow: hidden; margin-right: 20px; }
#wrap ul li:nth-of-type(3n+3) { }
#wrap ul li .a1 .divA { position: absolute; bottom: 0; left: 0; width: 333px; height: 30px; padding: 10px 20px; background: #fafafa; }
#wrap ul li .a1 .divA>.p1 { width: 333px; height: 30px; font-size: 18px; line-height: 30px; color: #666; }
#wrap ul li .a1 .divA>.p2 { width: 312px; height: 21px; font-size: 14px; color: #b4b4b4; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#wrap ul li .a1 .divA>.p3 { position: absolute; right: 0; bottom: 12px; width: 108px; height: 28px; color: #f60; }
#wrap ul li .a1 .divA>.p3>span { font-size: 24px; font-weight: 800; }
#wrap ul li .a2 { position: absolute; top: 0; left: -373px; width: 373px; height: 267px; text-align: center; color: white; background: rgba(0,0,0,0.5); transition: all 0.2s; }
#wrap ul li .a2 .p4 { width: 373px; text-align: center; position: absolute; top: 34px; left: -373px; color: #ffe605; font-size: 24px; font-weight: bold; transition: all 0.2s 0.1s ease-out; }
#wrap ul li .a2 .p5 { width: 373px; text-align: center; line-height: 20px; position: absolute; top: 65px; left: -373px; margin: 30px 0 10px; font-size: 14px; color: white; transition: all 0.2s 0.2s ease-out; }
#wrap ul li .a2 .p6 { position: absolute; top: 140px; left: 175px; transform: scale(1.4); transition: all 0.3s 0.2s; }
#wrap ul li .a2 .p6 span { font-family: Arial; font-size: 36px; font-weight: 700; color: white; }
#wrap ul li .a2 .p7 { position: absolute; bottom: -50px; left: 106px; width: 160px; height: 38px; line-height: 38px; border-radius: 20px; margin: 10px auto; border: 1px solid; transition: all 0.2s 0.1s; }
#wrap ul li .a2 .p7:hover { background: #444444 none repeat scroll 0 0; border-color: #444444; }
/*左边导航*/
.box { margin: 0 auto; width: 240px; }
.box ul { border: 0; }
.box ul li { width: 238px; height: 50px; display: block; border-radius: 0px; background-color: #fafafa; }
.box ul li:hover ul { display: block; }
.box ul li a { padding-left: 30px; text-align: left; width: 239px; height: 50px; line-height: 50px; display: block; }
.box ul li ul { display: none; position: relative; top: -50px; left: 239px; z-index: 1; }
.box ul li ul li { background-color: #f3f3f3; border-bottom: 1px dashed #e7e7e7; }
.box ul li ul li:hover { background: #eee; }
.box ul li ul li:hover ul { visibility: visible; }
.box ul li ul li ul { visibility: hidden; position: relative; top: -50px; left: 239px; }
.box ul li ul li ul li { background: #f6f6f6; }
.box ul li ul li ul li:hover { background: #F3F3F3; }
.cont_l { width: 240px; float: left; }
.cont_l .title { height: 45px; background: #444444; color: #fff; padding: 0 20px; line-height: 45px; font-size: 16px }
.cont_l .title span { background: url(/img/ioc.png) no-repeat 0 center; padding-left: 22px; }
.left_nav { border: 1px solid #e6e6e6; border-top: 0; }
.left_nav li .t { position: relative; background: url(/img/ico3.jpg) no-repeat 220px center; border-bottom: 1px solid #e7e7e7; }
.left_nav li .t2 { position: relative; background: #F3F3F3 url(/img/icon-r-hs.png) no-repeat 216px center; }
.left_nav li .t2 i { width: 3px; height: 20px; position: absolute; background: #444444; left: 20px; top: 15px; }
.left_nav li .t:hover a { color: #444444 }
/*内页产品*/
.proimg1 { margin: 0 auto; overflow: hidden; zoom: 1; }
.proimg1 img { width: 373px; }
#nav-bg { background: #333333; width: 1200px; margin: 0 auto; }
/*首页图标*/
.syimg1 { width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 15px; }
.syimg1 li { width: 20%; float: left; }
.syimg1 .syimg3 { text-align: center; }
.syimg1 .syimg4 { font-size: 20px; line-height: 3; text-align: center; }
.syproli { float: left; overflow: hidden; zoom: 1; margin-left: 10px; }
.syproli li { width: 420px; height: 320px; float: left; margin: 10px; padding: 2px; border: 1px solid #cccccc; }
.syproli li img { width: 100%; height: 100%; }
.syproli li span { display: block; height: 40px; line-height: 40px; text-align: center; }
.syproli li:hover { border: 1px solid #444444; }
.syproli li:hover a { color: #444444; }