@charset "utf-8";
html, body { height:100%; padding:0px; margin:0px; min-width: 1200px; font:14px 微软雅黑; color:#444; }
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p { text-align: justify; text-justify:inter-ideograph; margin: 0; }
li { list-style-type: none; vertical-align: top; margin: 0; padding:0; }
ul { margin: 0; padding: 0; }
img { margin: 0; padding: 0; border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0; padding: 0 }
dl, dt, dd { padding: 0; margin:0; }
i, em { font-style: normal; }
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.w0 { width: 100%; }
.w1200 { width: 1200px; margin:0 auto; }
.w1300 { width: 1300px; margin:0 auto; }
.hidden { overflow: hidden; }
/*header start*/
.header { border-top:5px solid #e27a1b; }
.header .head_top { background: url(img/bei.png) no-repeat top right; height: 120px; }
.header .head_top .tel_box { width: 260px; height: 120px; color: #fff; text-align:center }
.header .head_top .tel_box > a { color:#fff; padding: 0 8px; line-height: 36px; }
.header .head_top .tel_box .tel { margin-top: 20px; width: 235px; text-align: right; }
.header .head_top .tel_box .tel p { display:block; font-size: 14px; color: #696969; text-align: right; background: url(img/tell.png) 130px 2px no-repeat; height: 18px; line-height: 18px; }
.header .head_top .tel_box .tel b { font-size: 30px; color: #E27A1B; font-family: arial; font-weight: bold; margin-top: 3px; }
.header .head_nav { background:#E27A1B; height: 50px; border-top: 3px solid #fff; }
.header .head_nav ul li { width: 160px; float: left; height: 50px; line-height: 50px; font-size: 17px; text-align: center; position: relative; }
.header .head_nav ul li a { color: #fff; display: block; width: 100% }
.header .head_nav ul li:hover { background: #E27A1B; height:50px; }
.header .head_nav ul li:hover a { color: #fff; border-top: 3px solid #C46917; position: absolute; top: -3px }
.header .head_nav ul li.on { background:#C46917; height:50px; }
.header .head_nav ul li.on a { color: #fff; border-top: 3px solid #C46917; position: absolute; top: -3px }
.header .head_nav .sub { display:none; width:149px; left:0; top:50px; position:absolute; z-index:9999; background:rgba(0, 0, 0, 0.5); line-height:35px; }
.header .head_nav .sub li { zoom:1; }
.header .head_nav .sub a { display:block; text-align:center; color:#fff; font-weight: normal; }
.header .head_nav .sub a:hover { background:#ffab00; color:#fff; }
/*header end*/

/*banner start*/
.flexslider { margin: 0px auto 0px; position: relative; width: 100%; height:500px; overflow: hidden; zoom: 1; }
.flexslider .slides li { width: 100%; height: 100%; }
.flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(img/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0);  -webkit-transition: all .3s ease;
border-radius: 35px; }
.flex-direction-nav .flex-next { background-position: 0 -70px; right: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); }
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; }
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1;  *display: inline;
}
.flex-control-paging li a { background: rgba(0, 0, 0, 0.3); display: block; height: 10px; overflow: hidden; text-indent: -99em; width: 10px; cursor: pointer; -webkit-transition: all 0s ease; border-radius: 10px; }
.flex-control-paging li a.flex-active, .flex-control-paging li.active a { background: #E27A4C; ; }
.flexslider .slides a img { width: 100%; height: 500px; display: block; }
/*banner end*/

/*product start*/
.product { padding:50px 0 30px 0; /*background: url(img/productBg.jpg) no-repeat center;*/ background-color: #F8F8F8; }
.leftNav { width:280px; background: #fff; padding-bottom:1px; }
.pro_title { padding:20px 0 20px 50px; height:66px; font-size:30px; color:#Fff; background: url(img/title_01.png) no-repeat left; }
.pro_title span { display: block; font-size:15px; color:#fff }
.leftNav > ul { padding:15px 0; }
.leftNav > ul > li i { display:block; height: 35px; padding-top: 15px; background: url(img/line_01.png) no-repeat bottom center; }
.leftNav > ul > li i a { margin-left:35px; font-size:16px; color:#666; padding-left:20px; background: url(img/arrow_01.png) no-repeat left;}
.leftNav > ul > li i a:hover { color:#F90}
.leftNav .ul2 { padding: 12px 0 0 }
.leftNav .ul2 li { margin:0 55px; line-height: 28px; }
.leftNav .ul2 li a { color: #888 }
.pro_con { width:920px; }
.pro_con li { width:278px; margin:0 0 26px 26px; border:1px #dfdfdf solid; float: left; border-bottom-color:#00529C; }
.pro_con li img { width:278px; height:210px; padding:0px; }
.down img { width:100%; height:305px; }
.pro_con li { position: relative; display: inline-block; margin:0 0 26px 26px; background: #fff; overflow: hidden; border:1px #ddd solid; }
.pro_con i.one { color:#333; text-align: center; padding:10px 30px; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pro_con li .box { opacity: 0; position: absolute; left:0; top:100%; text-align: center; padding:80px 0 0 0; height:100%; width:100%; background:rgba(0, 0, 0, 0.75) }
.pro_con li .box i.two { color:#fff; font-size:14px; padding: 0 20px; margin:10px 0 0 0; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pro_con li .box img { display: block; margin: auto; height:auto; width:auto; }
.pro_con li:hover .box { opacity: 1; top:0 }
.pro_con li:hover i.one { opacity: 0; }
.pro_con li:hover .rightDown span { border-bottom: 35px solid #e0791d; }
.pro_con .rightDown span { position:absolute; bottom:0; right:0; width: 0; height: 0; border-left: 35px solid transparent; border-bottom: 35px solid #E27A1B; -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; }
.pro_con .rightDown b { position:absolute; bottom:1px; right:3px; color:#fff; font-size:20px; }
/*product end*/

/*ggt start*/
.ggt { padding: 30px 0; background:url(img/telbg.jpg) no-repeat center; text-align: center; }
.ggt b { font-size: 38px; color: #fff; font-weight: normal; display: block; text-align: center; padding-bottom: 10px; letter-spacing: 2px; }
.ggt span { font-family: Arial; color: #fff; font-size: 20px; opacity: 0.8; }
.ggt .xt { margin: 15px auto 10px; height: 3px; width: 100px; border-radius: 10px; background: #444; }
.ggt p { font-size: 18px; line-height: 35px; color: #fff; text-align: center; }
.ggt i { font-weight: bold; font-size:30px; color: #FFF; letter-spacing: 1px; }
/*ggt end*/

/*case start*/
.case { padding: 50px 0 40px; }
.case .title { text-align: center; }
.case .title b { font-size: 34px; color: #E27A1B; }
.case .title b span { color: #666 }
.case .title em { display: block; width: 50px; height: 3px; background: #555; margin: 8px auto 12px; }
.case .title p { text-align: center; color: #333 }
.case .slideBox { overflow:hidden; zoom:1; padding:20px 0 10px 50px; position:relative; }
.case .slideBox .sPrev, .slideBox .sNext { position:absolute; left:5px; top:30px; display:block; width:46px; height:274px; background: url(img/arrow-left.png) no-repeat center; }
.case .slideBox .sNext { left:auto; right:5px; background: url(img/arrow-right.png) no-repeat center; }
.case .slideBox .sPrev:hover, .slideBox .sNext:hover { border-color:#f60; }
.case .slideBox ul { overflow:hidden; zoom:1; }
.case .slideBox ul li { margin:0 22px; float:left; _display:inline; overflow:hidden; text-align:center; }
.case .slideBox ul li .pic { text-align:center; }
.case .slideBox ul li .pic img { width:365px; height:274px; display:block; border: 3px solid #E27A1B; }
.case .slideBox ul li .pic a:hover img { border-color:#999; }
.case .slideBox ul li .title1 { line-height:30px; }
.case .slideBox ul li .title1 a { display: block; width: 371px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/*case end*/

/*company start*/
.scroll_bg { width: 100%; height: 100%; background-image: url(img/scroll_bg.jpg); background-attachment: fixed; background-position: 50% 0%; background-repeat: no-repeat; position: absolute; z-index: -1; }
.company { padding: 50px 0; background: url(img/combg.png) no-repeat center top; height: 400px; }
.company .title { width: 220px; color: #fff }
.company .title p { font-size: 34px; line-height: 200%; padding-top: 20px }
.company .title a.more { display:block; width: 120px; height: 35px; background: url(img/more.png) no-repeat center; color: #fff; text-align: center; line-height: 35px; margin-top: 20px }
.company .com_body { width: 980px; }
.company .com_body .com_con { width: 500px; color: #fff }
.company .com_body .com_con b { font-size: 18px; color: #E27A1B; display: block; margin: 40px 0 20px }
.company .com_body .com_con p { line-height: 180%; text-indent: 2em; font-size: 15px }
.company .com_body img { margin: 40px 0 }
/*company end*/

/*new start*/
.new { padding:50px 0; background: url(img/newbg.jpg) no-repeat center top; }
.g_news { width:810px; }
.g_news .new_title { background: url(img/newtit1.png) no-repeat 0 9px; border-bottom: 1px solid #d1d1d1; padding-left: 12px; height: 54px; line-height: 54px; padding-left: 45px; font-size: 20px; margin-bottom: 20px; overflow: hidden; font-weight: bold; }
.g_news .new_title span { display: inline-block; color: #333; }
.g_news .new_title a.fr { color: #666; width: 52px; height: 22px; line-height: 22px; font-size: 12px; text-transform: uppercase; font-weight: normal; text-align: center; margin-top: 15px; border:1px solid #666; border-radius: 3px; }
.g_news .new_title a.fr:hover { background: #F0AB00; border-color: #F0AB00 }
.g_news .newcon { width: 810px; }
.g_news .newcon .newcon_l { width: 300px; }
.g_news .newcon .newcon_l .newnr i { display: block; width: 300px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 35px; font-size: 16px }
.g_news .newcon .newcon_l .newnr p { font-size: 14px; color: #999 }
.g_news .newcon .newcon_r { width: 490px; }
.g_news .newcon .newcon_r ul li { width: 470px; height: 60px; background: #eee; margin-top: 19px; padding: 10px }
.g_news .newcon .newcon_r ul li:nth-child(1) {
margin-top: 0px;
}
.g_news .newcon .newcon_r ul li .date { width: 80px; height: 60px; text-align: center; padding-right: 10px; }
.g_news .newcon .newcon_r ul li .date b { font-size: 30px; line-height: 40px; }
.g_news .newcon .newcon_r ul li .date p { text-align: center; line-height: 20px; font-size: 13px; }
.g_news .newcon .newcon_r ul li .con { width:355px; height: 60px; border-left: 1px solid #ddd; padding-left: 24px }
.g_news .newcon .newcon_r ul li .con i { display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 30px; font-size: 16px; }
.g_news .newcon .newcon_r ul li .con p { display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 30px; font-size: 14px; color: #999 }
.g_news .newcon .newcon_r ul li:hover { background: #FFAB00; }
.g_news .newcon .newcon_r ul li:hover a { color: #fff }
.g_news .newcon .newcon_r ul li:hover p { color: rgba(255, 255, 255, 0.7); }
.wend { width: 350px; }
.wend .wd_title { background: url(img/newtit2.png) no-repeat 0 9px; border-bottom: 1px solid #d1d1d1; height: 54px; line-height: 54px; padding-left: 45px; font-size: 20px; margin-bottom: 20px; overflow: hidden; font-weight: bold; }
.wend .wd_title span { display: inline-block; color: #333; }
.wend .wd_title a.fr { color: #666; display:block; width: 52px; height: 22px; line-height: 22px; font-size: 12px; text-transform: uppercase; font-weight: normal; text-align: center; margin-top: 15px; border:1px solid #666; border-radius: 3px; }
.wend .wd_title a.fr:hover { background: #F0AB00; border-color: #F0AB00 }
.wend .otwdl { height: 86px; border-bottom: 1px dashed #c8c8c8; margin-bottom: 9px; }
.wend .otwdl dt { height:28px; line-height:28px; margin-bottom: 6px; overflow: hidden; font-size:16px; color:#000; font-weight: normal; }
.wend .otwdl dt a { color:#000000; background:url(img/wen.png) no-repeat 0 3px; padding-left:42px; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wend .otwdl dd { font-size: 14px; padding-left:42px; background:url(img/da.png) no-repeat 0 3px; line-height:20px; color:#999; height: 40px; overflow: hidden; }
.wend .otwdl dd a { color: #BF000A; }
.wend .lastdl { border-bottom: none; }
/*new end*/

/*footer start*/
.footer { background: #333; padding: 30px 0 0px; }
.product_list { width: 400px; }
.product_list li { float: left; width: 50%; }
.product_list li:nth-child(2n) {
margin-right: 0;
}
.product_list li a { color: #d9d9d9; font-size: 15px; display: block; padding-left: 20px; background: url(img/fk.png)no-repeat left center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 35px; }
.foot_product b { display:block; color: #fff; font-size: 17px; margin-bottom: 30px; }
.foot_lianxi { margin-left: 30px; }
.foot_lianxi b { display:block; color: #fff; font-size: 17px; margin-bottom: 30px; }
.contact_list { width: 760px; }
.contact_list li { margin-bottom: 15px; font-size: 16px; color: #d9d9d9; }
.contact_list li a { color: #d9d9d9; font-size: 15px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 89%; }
.contact_list li img { vertical-align: middle; margin-right: 20px; }
.footlogo { margin-top: 50px }
.foot_bot { background: #E27A1B; line-height: 35px; margin-top: 20px; }
.foot_bot span { font-size: 15px; color: #fff; }
.foot_bot a { font-size: 15px; color: #fff; }
/*footer end*/
#pro_content img{ display:block; width:100%; max-width:800px; margin:5px auto; float:left}
.NewsContent{ line-height:180%;}