<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* reset */
html { height: 100% }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei",arial,"\5b8b\4f53";  }
body { line-height: 1.5 }
a { text-decoration: none;-webkit-tap-highlight-color:transparent }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }
.edit_con_original{ line-height:1.8; padding:0 0; color:#333;}
.edit_con_original ul{ margin:inherit; padding:inherit;}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 {font-weight:bold }
.edit_con_original h2 { font-weight:bold }
.edit_con_original h3 { font-weight:bold }
.edit_con_original h4 { font-weight:bold }
.edit_con_original h5 {  font-weight:bold }
.edit_con_original h6 {  font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}
 
 
/*所有后台编辑器区域都要引用 edit_con_original 类名*/
 
/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
 
 
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
               
       
.err_position{ width:100%; height:auto; background:url(../images/errors.png) center no-repeat;}


/*隐藏视频下载按钮*/
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:0.3s all; -webkit-transition:0.3s  all;}

/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_normal{ transition: 0.5s all linear;}


/*font-size*/
.fnt_14 { font-size: 14px;}
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size: 20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size:30px;}
.fnt_32 { font-size:32px;}
.fnt_36 { font-size:36px;}
.fnt_40 { font-size:40px;}
.fnt_48 { font-size:48px;}
.fnt_60 { font-size:60px;}
.fnt_72 { font-size:72px;}
.fnt_80 { font-size:80px;}
.fnt_100 { font-size:100px;}
.fnt_130 { font-size:130px;}


@media only screen and (max-width: 1366px) {
.fnt_20 { font-size:16px;}
.fnt_18 { font-size:16px;}
}
@media only screen and (max-width: 1200px) {
.fnt_20 { font-size:14px;}

}


@media only screen and (max-width: 1300px) {
.fnt_24 { font-size:18px;}
.fnt_18 { font-size:14px;}
.fnt_30 { font-size:16px;}
.fnt_48 { font-size:26px;}
.fnt_36 { font-size:19px;}
.fnt_40 { font-size: 21px;}
.fnt_60 {font-size: 36px;}
.fnt_72 { font-size:39px;}
.fnt_80 {font-size: 42px;}
.fnt_100 { font-size: 53px;}
.fnt_130 { font-size:68px;}
}

@media only screen and (max-width: 768px) {
.fnt_24 { font-size:16px;}
.fnt_22{ font-size:14px;}
.fnt_32 { font-size:18px;}
.fnt_36 { font-size:17px;}
.fnt_40 { font-size: 18px;}
.fnt_48 { font-size:16px;}
.fnt_60 {font-size: 18px;}
.fnt_72 { font-size:24px;}
.fnt_80 {font-size: 31px;}
.fnt_100 { font-size: 40px;}
.fnt_130 { font-size:52px;}
}

body{background: url('../images/ind_bg.jpg') repeat;background-size: 100% 100%;}


.warper{width: 1340px; margin: auto}
.header{width: 100%;position:relative;z-index: 999999;}
.header_top{width: 100%; height: 38px; background: url(../images/ind_img2.jpg) repeat-x;}
.header_top&gt;.warper{position: relative;}

.header_tople ul{width:249px;height:54px;background: url(../images/ind_img1.png) no-repeat;line-height: 44px;text-align: center;}
.header_tople ul li{display:inline-block;*display:inline;*zoom:1; margin-right: 14px; padding-right: 14px; background: url(../images/ind-line3.jpg) no-repeat right center;}
.header_tople ul li a{ padding-left: 20px; background: url(../images/ind_img17.png) no-repeat left center;}
.header_tople ul li:first-child + li{ margin-right: 0; padding-right: 0; background: none;}
.header_tople ul li:first-child + li a{ background: url(../images/ind_img18.png) no-repeat left center;}
.header_tople ul li a{ color:#fff;}

.header_tople{float: left; position: absolute;left: 0;top:0;}
.search{width:155px;height: 25px;  padding: 0 10px; padding-right: 35px;line-height: 25px; background: #fff; border-radius: 10px; float: right; position: relative; margin-top: 6px;}
.search input{width: 100%; height: 25px; line-height: 25px;background: none;outline: none;border:0;}
.search button{position: absolute; top:0; right: 0;width: 30px; height: 25px; text-align: center; background: none;outline: none;border:0;}
.search button&gt;img{vertical-align: middle;  margin-top: -2px;}

.header_bottom{background-image: url('../images/ind_img3.png');background-size: 100% 100%; padding: 25px 0 105px 0; background-position: center center;}






:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #714c33;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #714c33;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #714c33;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #714c33;
}




.footer{ margin-top:70px; padding-top: 70px;padding-bottom: 35px; background-image: url('../images/ind_footer.png');background-size: 100% 100%;     background-position: center center;}


.footer .warper .footer-left{float: left;width: 780px;}
.footer .warper .footer-left ul{ overflow: hidden; padding-bottom: 18px; width:100%;border-bottom:1px solid #494949; }
.footer .warper .footer-left ul li{ float:left; margin-left: 28px; padding-left: 28px; background: url(../images/ind-line4.jpg) no-repeat 0 center;}
.footer .warper .footer-left ul li:first-child{ background: none;margin-left:0; padding-left:0;}
.footer .warper .footer-left ul li a{ color:#b2b2b2;}
.footer .warper .footer-left .footer_p{ padding-top: 10px;}
.footer .warper .footer-left p{ color:#b2b2b2;line-height: 26px; }
.footer .warper .footer-left p em{margin-left: 15px;}
.footer .warper .footer-left p a{color:#b2b2b2;}
.footer .warper .footer-left p a.tel_link:hover,.footer .warper .footer-left p a.tel_link{color:#b2b2b2 !important; cursor: default;}
.footer .warper .footer-left p.footer_phone em{margin:0; margin-right: 12px;float: left;}
.footer-right{float: right;width: 270px;}
.footer-right li img{ margin:0 auto; display: block;}
.footer-right li{ width:50%; text-align: center; color:#fff; line-height: 1.7em; float:left;}




.ie8 .header_bottom .nav li.on,.ie7 .header_bottom .nav li.on{background:#fff;}
.ie8 .header_bottom .nav li:hover,.ie7 .header_bottom .nav li:hover{background:#fff;}
.ie7 .header_bottom .nav li dl.ieon{display: block !important; }

.ie8 .footer,.ie7 .footer{background-image:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ind_footer.png',sizingMethod='scale');}

.ie7 .header_bottom{background-image:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ind_img3.png',sizingMethod='scale');}

/*.ie8 .header_bottom{filter:none; background:#6f0000 url(../images/ind_img3.png) no-repeat 0 center !important;}*/


@media only screen and (max-width:1600px) {
.footer .warper .footer-left{margin-left: 50px;}
.ie8 .header_bottom,.ie7 .header_bottom{background: none;background: url(../images/headerbg.jpg) repeat;background-size: initial;}
.ie8 .footer,.ie7 .footer{background: none;background: url(../images/footerbg.jpg) repeat;background-size: initial;}
.ie8 .site,.ie7 .site{margin-top: 30px;}
}

@media only screen and (max-width:1250px) {
.footer .warper .footer-left{width: 680px;}
}
@media only screen and (max-width:1120px) {
.footer .warper .footer-left{width: 550px; padding-top: 30px;}
}
@media only screen and (max-width: 990px) {
  .footer{background-image:none; margin-top: 20px; padding: 20px 0;}  
  .footer .warper .footer-left ul li a,.footer .warper .footer-left p,.footer .warper .footer-left p a,.footer-right li{color: #000}
  .footer .warper .footer-left{margin-left:0; width: 100%; float: none; overflow: hidden; padding-top: 0;}
  .footer .warper .footer-right{width: 270px; margin: auto; float: none; margin-top: 20px;overflow: hidden; clear: both;}
  .footer .warper .footer-right li{width: 50%}
  .footer .warper .footer-left ul li{padding: 0; margin:0; width: 25%; float: left; background: none}
}




.ind-part1{padding-bottom: 50px;background: url(../images/ind-line1.png) no-repeat left bottom;background-size:100% auto;margin-bottom: 40px; overflow: hidden;}
.ind-news-header{ margin-bottom: 24px;}
.ind-news-header &gt; a{ float:right; display: block; width:72px; height:24px; line-height: 24px; color:#c72a2f; border:2px solid #c72a2f; text-align: center;  position: relative; top:10px;}
.ind-news-header h4 a{ color:#333333; margin-bottom: 6px; display: block; font-weight: bold;}
.ind-news-header h4 em{ display:block; background: #c72a2f; width: 30px; height:4px;}
.ind-news-main-first{ position: relative; padding-bottom: 20px; border-bottom:1px solid #d3d3d3; margin-bottom: 20px;}
.ind-news-main-first dl { position: relative; margin-bottom: 15px;}
.ind-news-main-first dl dd span.index_t{margin-left: 20px;}
.ind-news-main-data{ position: absolute; left:0; width:78px; height:auto; background: #c72a2f; color:#fff; text-align: center; padding-bottom: 6px;}
.ind-news-main-data span,.ind-news-main-data em{ line-height: 1.1em; font-family: Arial;}
.ind-news-main-data em{ margin-top: -5px; display: block; text-align: center;}
.ind-news-main-first dl dt{ margin-bottom:8px; font-weight: bold; line-height: 1.2em; height:2.4em; overflow:hidden;}
.ind-news-main-first dl dt a{ color:#333333;}
.ind-news-main-first dl dd{ color:#888888;}
.ind-news-main-first dl dd em{ color:#c72a2f; font-family: Arial;}
.ind-news-main-first p{ clear: both; color:#676767; line-height: 1.7em; height: 3.4em;overflow: hidden;}
.ind-news-main-list li{ line-height: 34px; position: relative; padding-right: 80px;}
.ind-news-main-list li a{ color:#3b3b3b; padding-left: 12px; background: url(../images/ind_img19.png) no-repeat left center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width: 90%; display: inline-block;}
.ind-news-main-list li span{ position: absolute; right:0; color:#ae0002; font-size:12px;}

.ind-news{width: 57%; float: left;}
.ind-new-net{ float: right; width: 37%; position: relative;}
.ind-new-net .ind-new-img{padding-left: 68px;}
.ind-new-net .ind-new-img a &gt; img{ width:100%; height:auto;}
.ind-new-net-slider{ position: absolute; left:0; top:0;}
.ind-new-net-slider h4{ margin-bottom: 20px; position: relative; line-height: 35px; width: 45px}
.ind-new-net-slider h4 a{ color:#000000;}
.ind-new-net-slider h4 em{ display: block; position: absolute; right:0; top:6px; width:4px; height:30px; background: #c72a2f;}
.ind-new-net-slider &gt; a{ display: block; width:45px; padding:10px 0; color:#fff; text-align: center; background: #c72a2f; line-height: 1.2em;}
.ind-part1 .ind-news .ind-news-main-list li{ line-height: 28px;}

/*part2*/

.ind-part2{ display: table;width: 100%;}
.ind-part2-l{width: 78%; float: left;}

.ind-part2-l-header{ margin-bottom: 22px;}
.ind-part2-l-header &gt; a{ float:right; display: block; width:72px; height:24px; color:#c72a2f; border:2px solid #c72a2f; text-align: center; line-height: 24px; position: relative; top:10px;}
.ind-part2-l-header h4 a{ color:#333333; margin-bottom: 6px; display: block;font-weight: bold;}
.ind-part2-l-header h4 em{ display:block; background: #c72a2f; width: 30px; height:4px;}

.ind-part2-l-main ul{ margin:0 -56px;overflow: hidden; margin-right: -36px;}
.ind-part2-l-main li{width: 33.33%; *margin-left: -1px;float: left; background: url(../images/ind-line2.png) no-repeat 0 center;}

.ind-part2-l-main li .pinin{display:block; margin:0 56px;}
.ind-part2-l-main li.noline{ background: none;}
.ind-part2-l-main li .pinin &gt; a{ border:4px solid #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.4); margin-bottom: 24px;}
.ind-part2-l-main li img{ width:100%; height:auto;}
.ind-part2-l-main li dt{ margin-bottom: 4px; font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ind-part2-l-main li dt a{ color:#000000;}
.ind-part2-l-main li dd span{ color:#c72a2f; font-size:12px; font-family: Arial; font-weight: bold; display: block; margin-bottom: 12px;}
.ind-part2-l-main li dd p{ line-height: 1.6em;height: 4.8em; overflow: hidden;  color:#000000;}
.ind-part2-l-top{ padding-bottom: 30px; background: url(../images/ind-line1.png) no-repeat left bottom; background-size:100% auto; margin-bottom: 44px;}

.ind-part2-l-bottom &gt; a{ float:right; display: block; width:72px; height:24px; color:#c72a2f; border:2px solid #c72a2f; text-align: center; line-height: 20px; position: relative; top:10px;}
.ind-part2-l-bottom h4{ margin-bottom: 28px;}
.ind-part2-l-bottom h4 a{ color:#333333; margin-bottom: 6px; display: block;font-weight: bold;}
.ind-part2-l-bottom h4 em{ display:block; background: #c72a2f; width: 30px; height:4px;}

.ind-part2-l-bottom ul{ margin:0 -30px;}
.ind-part2-l-bottom ul &gt; li{ width: 33.333%; float: left;*margin-left: -1px;}
.ind-part2-l-bottom ul &gt; li .zliao{ padding:0 30px;}
.ind-part2-l-bottom ul &gt; li &gt; a{ border:4px solid #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.4); margin-bottom: 24px; display: block;}
.ind-part2-l-bottom li
.ind-part2-l-bottom li img{ width:100%; height:auto;}
.ind-part2-l-bottom dl{ padding-bottom: 10px; border-bottom:1px solid #d8d8d8; margin-bottom: 10px; margin-top: 10px;}
.ind-part2-l-bottom dt{ margin-bottom: 4px; padding-top: 1em; font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ind-part2-l-bottom dt a{ color:#010100;}
.ind-part2-l-bottom dd{ line-height: 1.7em;height:3.4em; overflow: hidden; color:#676767;}

.ind-part2-l-bottom ul &gt; li h5{ color:#000000; margin-bottom: 1em;}
.ind-part2-l-bottom ol{margin-top: 10px;}
.ind-part2-l-bottom ol li{ padding-left: 20px; background: url(../images/ind_img20.png) no-repeat left center; border-bottom:1px solid #d8d8d8;}
.ind-part2-l-bottom ol li a{ display: block; line-height: 4em; color:#000000;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ind-part2-l-bottom ol li:last-child{ border-bottom: none;}

.ind-part2-l-bottom li .ind-honor{height: 3.2em;line-height: 1.6em;overflow: hidden; color: #676767;}


.ind-part2-r{width: 18.5%; float: right}
.ind-part2-r h4{ margin-bottom: 28px;}
.ind-part2-r h4 a{ color:#333333; margin-bottom: 6px; display: block;font-weight: bold;}
.ind-part2-r h4 em{ display:block; background: #c72a2f; width: 30px; height:4px;}

.ind-part2-r-top{ margin-bottom: 8px;}
.ind-part2-r-top-main{ margin-bottom: 10px; overflow: hidden;}
.ind-part2-r-top .ind-part2-r-top-main-r &gt; a{width: 84px; height: 30px; line-height: 30px;}
.ind-part2-r-top-main&gt;a.col-sm-7{float: left;width: 56%;*margin-left: -1px;}
.ind-part2-r-top-main .ind-part2-r-top-main-r{width: 33%; float: right}
.ind-part2-r-top-main a img{ width:100%; height:auto; border:2px solid #aea7a1;}

.ind-part2-r-top-main-r dl{ padding-bottom: 10px; border-bottom:2px solid #000; width:100%; margin-bottom: 15px;}
.ind-part2-r-top-main-r dt{ line-height: 1.2em; color:#c72a2f;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ind-part2-r-top-main-r dd{ color:#1c1c1c; font-family: Arial; font-weight: bold;line-height:1.5; max-height:3em; overflow:hidden;}
.ind-part2-r-top-main-r.col-sm-5 dd{height: auto;}

.ind-part2-r-top-main-r &gt; a{ display: block; width:110px; height:auto; height: 30px; line-height: 30px; background: #c72a2f; color:#fff; text-align: center;}
.ind-part2-r-top p{ color:#676767; line-height: 1.7em;height: 3.4em; overflow: hidden;}

.ind-part2-r-center-main{ margin:0; margin-bottom: 40px;overflow: hidden;}
.ind-part2-r-center-main &gt; a{ padding:0; width: 55%; *margin-left: -1px; float: left;}
.ind-part2-r-center-main &gt; a img{ width:100%; height:auto;}
.ind-part2-r-center-main .ind-part2-r-top-main-r{width: 44%; float: right;}
.ind-part2-r-center-main .ind-part2-r-top-main-r dt{ margin-bottom: 8px;}
.ind-part2-r-center-main .ind-part2-r-top-main-r dl{ border-bottom:1px solid #fff; padding-bottom: 15px; margin-bottom: 12px; font-weight: bold;}
.ind-part2-r-top-main-r span{ color:#676767; display: block; margin-bottom: 20px;}
.ind-part2-r-center{ margin-bottom: 35px;}
.ind-part2-r-center p{ line-height: 1.7em; height: 5.1em;overflow: hidden; color:#676767;}

.ind-part2-r-bottom a{ border:1px solid #fff; margin-bottom: 10px;}
.ind-part2-r-bottom img{ width:100%; height:auto;}
.ind-data{overflow: hidden;display: block; border:4px solid #fff;border-left:4px solid #fff;border-right:4px solid #fff; box-shadow: 0 2px 5px rgba(137, 137, 137, 0.4);}
.ind-data .tran_scale{transition:0.3s all; -webkit-transition:0.3s  all;}
@media only screen and (min-width: 1024px) {
a{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;}
a:hover{ color:#c72a2f!important;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.ind-data .tran_scale:hover{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.header_bottom .nav li dl dt a:hover{color: #fff !important;}

.header_bottom .nav li:hover{background: url('../images/nav_bg.png');background-size: 100% 100%;/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nav_bg.png',sizingMethod='scale');*/}
.header_bottom .nav li:hover&gt;a{color: #a60303; font-weight: bold;}
.ind-new-net-slider &gt; a:hover,.ind-part2-r-top-main-r &gt; a:hover{color: #fff !important;}

.ind-new-net .ind-new-img a{display: block;overflow: hidden;}
.ind-new-net .ind-new-img a &gt; img.tran_scale{transition:0.3s all; -webkit-transition:0.3s  all;}
.ind-new-net .ind-new-img a &gt; img.tran_scale:hover{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

}

/*video*/
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display:none;}
.video_appbox .video_t{ left:10%; top:22%; position:absolute; height:60%; width:80%;   z-index:2; background:#000;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20%; right: 8%; cursor:pointer; z-index: 99999;}
.video_button{position: relative; display: block;overflow: hidden;}
.video_bf{position: absolute;top:50%; margin-top: -25px; left: 50%; margin-left: -25px;width: 49px; height: 49px;z-index: 99;}
.video_bf img{width:100%;}
/*video*/


@media only screen and (max-width: 1400px) {
.warper{width: 96%; margin: auto}
}

@media only screen and (max-width: 1300px) {
.logo{width: 450px;}
.ind-part2-l{width: 70%;}
.ind-part2-r{width: 27%}

.ind-part2-l-main ul{margin:0 -30px;}
.ind-part2-l-main li .pinin{margin:0 30px;}
.ind-part2-l-bottom ul{margin:0 -20px;}
.ind-part2-l-bottom ul &gt; li .zliao{padding: 0 20px;}

.ind-part2-r-top-main&gt;a.col-sm-7{width: 44%}
.ind-part2-r-center-main &gt; a{width: 46%}
.ind-part2-r-top-main .ind-part2-r-top-main-r,.ind-part2-r-center-main .ind-part2-r-top-main-r{width:48%;}
.ind-part2-r-center-main,.ind-part2-r-center{margin-bottom: 20px;}
.ind-part2-r h4{margin-bottom: 20px;}
.ind-news-main-list li{line-height: 30px;}

}

@media only screen and (max-width: 1050px) {
.ind-new-net{width: 44%;}
.ind-news{width: 50%}
.ind-new-net-slider h4{line-height: 24px;}
.ind-part2-l-main ul{margin:0 -15px;}
.ind-part2-l-main li .pinin{margin:0 15px;}
.ind-part2-l-bottom ul{margin:0 -15px;}
.ind-part2-l-bottom ul &gt; li .zliao{padding: 0 15px;}

}

@media only screen and (max-width: 990px) {
.ind-news,.ind-new-net{width: 100%}
.ind-new-net{margin-top: 20px;}

.ind-new-net-slider{ position: relative;}
.ind-new-net-slider br{ display: none;}
.ind-new-net-slider h4{width: 100%}
.ind-new-net-slider h4 a{ margin-bottom: 6px; display: block; font-weight: bold;}
.ind-new-net-slider h4 em{ width:30px; height:4px; position: relative;}
.ind-new-net-slider &gt; a{ width:100%;}
.ind-news,.ind-new-net-slider{ margin-bottom: 20px;}
.ind-new-net .ind-new-img{padding: 0}
.ind-part1{padding-bottom: 20px; margin-bottom: 20px;}

.ind-part2-l,.ind-part2-r{width: 100%}
.ind-part2-r{margin-top:30px;}
.ind-part2-r&gt;div{width: 33.333%; float: left; padding: 0 10px;box-sizing: border-box;}
.ind-part2-r&gt;div.ind-part2-r-bottom{padding-top: 50px;}

@media only screen and (max-width:990px) {
  .ind-part2{display: block;overflow: hidden;}
}

}

@media only screen and (max-width: 768px) {
.ind-part2-r&gt;div{width: 50%; float: left; padding: 0 20px;}
.ind-part2-r&gt;div.ind-part2-r-bottom{padding: 0; width: 100%; clear: both; float: none;}
.ind-part2-r&gt;div.ind-part2-r-bottom a{width: 33.33%; float: left;box-sizing: border-box; border:none; padding: 0 5px;}
.ind-part2-r&gt;div.ind-part2-r-bottom a&gt;img{box-sizing: border-box; border:1px solid #fff;}

.ind-news-main-data{padding: 8px 0;}
.ind-news-main-data span, .ind-news-main-data em{line-height: inherit;}
.ind-news-main-data span{display: block; margin-bottom: 4px;}

}

@media only screen and (max-width: 540px) {
.ind-part2-r&gt;div{width: 100%; float: none;padding: 0 ;margin-bottom: 20px;}
.ind-part2-r-top p{max-height: 3.4em; height: auto;}
.ind-part2-r-top-main .ind-part2-r-top-main-r, .ind-part2-r-center-main .ind-part2-r-top-main-r{width: 52%}

.ind-part2-r&gt;div.ind-part2-r-bottom a{width: 50%}
.ind-part2-r-center p{height: auto; max-height: 5.1em}
.ind-part2-l-main li{width: 100%; background: none; margin-bottom: 20px;}
.ind-part2-l-main li .pinin{margin:0;}
.ind-part2-l-main ul{margin: 0}
.ind-part2-l-main li .pinin &gt; a{margin-bottom: 10px;}
.ind-part2-l-main li dd p{height: auto; max-height: 4.8em}

.ind-part2-l-bottom ul &gt; li .zliao{padding: 0}
.ind-part2-l-bottom ul{margin:0;}
.ind-part2-l-bottom ul &gt; li{width: 100%; margin-bottom: 20px;}

.ind-part2-l-top{padding-bottom: 20px; margin-bottom: 20px;}
.ind-part2-l-bottom ol li a{line-height: 3em;}

}

@media only screen and (max-width:420px) {
.ind-part2-r&gt;div.ind-part2-r-bottom a{width: 100%; padding: 0}

}



.menu_h{display: none;}
.logo{text-align: center;width: 549px; margin:auto;}
.logo a{display: inline-block;}
.logo img{width: 100%}
.header_bottom .nav{text-align: center; margin-top: 35px;}
.header_bottom .nav li{display:inline-block;*display:inline;*zoom:1; font-size: 16px;position: relative; width:128px; height: 38px; line-height: 38px;}
.header_bottom .nav li a{ color: #fff; margin-right: 15px;display: block;transition:0s all;
    -webkit-transition:0s all;
    -moz-transition:0s all;
    -o-transition:0s all;}

.header_bottom .nav li dl{/*opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; visibility: hidden; */position: absolute;top:38px;left: 0; width: 100%; display: none;z-index: 99999999999999}
/*.header_bottom .nav li:hover dl{opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; visibility: visible;}*/

.header_bottom .nav li.on{background: url('../images/nav_bg.png');background-size: 100% 100%;/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nav_bg.png',sizingMethod='scale');*/}
.header_bottom .nav li.on&gt;a{color: #a60303; font-weight: bold;}
.header_bottom .nav li dl dt{background:url(../images/ddbg.png) repeat; margin-bottom: 1px; font-size: 14px;}



@media only screen and (max-width: 1660px) {
.logo{width: 440px;}
.header_bottom,.footer{background-size: cover;}
}
@media only screen and (max-width:1400px) {
.header_bottom .nav li{width:9%}
}
@media only screen and (max-width:1300px) {
.header_bottom .nav li{width: 10%; float: left;*margin-left: -1px;}
.header_bottom .nav li dl{left: -10%;width: 121%;}
}

@media only screen and (max-width:990px) {


/*yangshi*/

.header_bottom{ background: #c72a2f;padding: 0; overflow: hidden;position: relative; padding: 10px 0; clear: both;}
.logo{width: 180px; float: left;}
.header_bottom .nav ul{padding: 20px;}
.header_bottom .nav li{display: block; width: 100%;text-align: left; height: auto; margin-bottom:14px;}
.header_bottom .nav li a{margin: 0;display: block;height: 36px; line-height: 36px;}
.header_bottom .nav li&gt;a{border-bottom: 1px dotted #505050;height: 42px; line-height: 42px;    font-size: 18px;}
.header_bottom .nav li dt{margin: 10px 0;}
.header_bottom .nav li dl dt{background: none}
.header_bottom .nav li.on{background: none;filter:none;}
.header_bottom .nav li.on&gt;a{color: #f10000;}



.header_bottom .nav li dl{position: static; display: block !important;}
.header{position: fixed;width: 100%;z-index: 9999; background: #e1dfda;}
.scrollHeader .header{background: #e3e3de;}
.scrollHeader .header_top{display: none;}

.header_height{height: 130px;}

.scrollHeader .header_height{height: 100px;}

.header_bottom .nav li.on&gt;a{color: #fff; font-weight: normal;}



}


.header_bottom .nav li.phone_navli{display:none;}
@media only screen and (max-width:540px) {
.header_top{height: auto; overflow: hidden; padding-top: 10px; background: none}
.header_tople{position: static;}
.header_top .search{width: 100%;    box-sizing: border-box; clear: both; height: 32px; line-height: 32px; margin: 0; margin-bottom: 10px;}
.search button{height: 32px;}
}


.back_top{ background:url(../images/top_in.png) no-repeat; display: block; width:40px; height:26px; position:fixed; right:20px; bottom:20%; opacity:0.5;}
.back_top:hover{ opacity:1!important;}


/*手机导航*/
.nav_phone,.nav_phone_btn{display:none;}
@media only screen and (max-width: 990px){
.header .nav{display:none;}
.nav_phone,.nav_phone_btn{display:block;}
/*手机导航按钮开始*/
.nav_phone_btn{display: block;position: relative;cursor: pointer;margin-top:8px; height: 35px; margin-right:0px; float:right;}
.nav_phone_btn span {
  position: relative;font-size: 0;width: 26px;height: 3px;
  background-color: #fff;display: inline-block;
  transition:all 250ms ease-out;
    -webkit-transition:all 250ms ease-out;
}
.nav_phone_btn span:before,.nav_phone_btn span:after {
  content: "";position: absolute;width: 100%;height: 3px;
  background-color: #fff;
  left:0px;
  transition:all 250ms ease-out;
    -webkit-transition:all 250ms ease-out;
}
.nav_phone_btn span:before{top:-7px;}
.nav_phone_btn span:after{top:7px;}
.visible_nav.nav_phone_btn span{background-color: transparent;}
.visible_nav.nav_phone_btn span:before{left:5px;top:0px;
 
  transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);
}
.visible_nav.nav_phone_btn span:after{top:0px;left: 5px;
  
  transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);
}
/*手机按钮结束*/

/*手机导航内容*/
body&gt;*{
    position: relative;
    left:0;
    transition:left 250ms ease-out;
    -webkit-transition:left 250ms ease-out;
}
body.body_nav_phone&gt;*{left:-50%;}
.nav_phone{display:block;position: fixed;top:0px;bottom: 0px;right:-50%;height: 100%;width:50%;left:auto;
    transition:left 0ms ease-out;
    -webkit-transition:left 0ms ease-out;
    transition:right 250ms ease-out;
    -webkit-transition:right 250ms ease-out;
    overflow: hidden;
}
body.body_nav_phone .nav_phone{right:0;left:auto;}

.nav_phone_tit{box-sizing:border-box;height: 50px;width: 100%;border-left:5px solid #0055a5;background: #474747;line-height: 50px;color: #fff;text-indent: 20px;}
.nav_phone_tit span{float: left;display: inline-block;}
.nav_phone_tit .button{float: right;display: inline-block;margin-right: 10px;}
.nav_phone_tit .button:before{
    content: "";display: inline-block;width: 17px;height: 3px;background: #fff;
    transform: rotate(45deg);
    border-radius: 8px;
}
.nav_phone_tit .button:after{content: "";display: inline-block;width: 3px;height: 17px;
    background: #fff;margin-left: -10px;margin-bottom: -7px;transform: rotate(45deg);
    border-radius: 8px;
}
.nav_phone_con{position: absolute;top:0px;bottom: 0px;width: 100%;background: #f1f1f1;overflow: hidden;}
.nav_phone_con&gt;ul{overflow-y: auto;overflow-x: hidden;position: absolute;bottom: 0px;top: 0px;width:100%;}
.nav_phone_con&gt;ul&gt;li{height: 46px;line-height: 46px;border-bottom: 1px solid #e6e6e6;}
.nav_phone_con&gt;ul&gt;li a{opacity: 1;padding:0 30px;box-sizing: border-box;width: 100%;
    display: inline-block;position: relative;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.nav_phone_con&gt;ul&gt;li&gt;a em{display: inline-block;width:8px;height:8px;
    border-right: 3px solid #c72a2f;border-bottom: 3px solid #c72a2f;
    transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);
    position: absolute;top:50%;right:30px;margin-top: -4px;
}
.nav_phone_con&gt;ul&gt;li ul{overflow-y: auto;overflow-x: hidden;position: absolute;top:0;bottom: 0px;width: 100%;background: #f1f1f1;
    opacity: 0;
    visibility: hidden;
    right:-100%;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    z-index: 3;
}
.nav_phone_con&gt;ul&gt;li ul li{height: 46px;line-height: 46px;border-bottom: 1px solid #e6e6e6;}
.nav_phone_con&gt;ul&gt;li ul li:first-child{background: #898989;}
.nav_phone_con&gt;ul&gt;li ul li:first-child a{color: #fff;}
.nav_phone_con&gt;ul&gt;li.on&gt;a{opacity: 0;}
.nav_phone_con&gt;ul&gt;li.on ul{ opacity: 1;visibility: visible;right:0;}

.body_nav_phone .header_wrap_right &gt; a,.body_nav_phone .header_search,.body_nav_phone .header_line { display:none; }
.nav_phone_con &gt; ul &gt; li a { color:#333; }
.back_top{display: none !important;}

body.body_nav_phone&gt;*{left:-80%;}
.nav_phone{width: 80%;right:-80%;}

.nav_phone_con&gt;ul&gt;li.nav_gw{display: none;}

}

/*2018-03-09*/
.header_bottom .nav li dl dt{line-height:24px; padding:10px 0;}
.header_bottom .nav li dl dt a{margin:0; padding:0 4px;}
@media only screen and (max-width:990px){
.nav_phone_con&gt;ul&gt;li ul li{height:auto; line-height:20px; padding:10px 0;}
}
/*2018-03-09*/
@media only screen and (max-width:540px){
body{background: #e1dfda}
.header_tople ul{height: 50px;}
.header_height{height: 190px;}
.header_tople{}
.nav_phone_con&gt;ul&gt;li.nav_gw{display: block; width: 50%; float: left;}
.nav_phone_con&gt;ul&gt;li.nav_gw a{color: #fff; width: 125px; height: 34px; line-height: 34px; margin: auto;display: inherit; border-radius: 6px; padding: 0 10px; text-align: center; margin-top: 7px;background:#c72a2f url(../images/ind_img17.png) no-repeat 10px center;}
.nav_phone_con&gt;ul&gt;li:last-child.nav_gw a{background:#c72a2f url(../images/ind_img18.png) no-repeat 10px center; padding-left: 15px;}

}


/*2018-05-09*/
.ind-part2-r .elec_down p{height: auto; width: auto; white-space: inherit; text-overflow: inherit;}
.indout a.col-sm-7{width: 125px; margin-right: -130px; float: left; position: relative;z-index: 99;}
.indout .ind-part2-r-top-main-r{width: 100%;}
.indout .indbox{margin-left: 138px;}
.indout dt{line-height:1.5em; max-height: 3em; overflow: hidden; white-space: inherit; text-overflow: inherit;}
.indout dl{margin-bottom: 10px; padding-bottom: 5px;}
.indout .elec_down{height: 100px;}
.indout .indbox &gt; a{ display: block; width:100%; height:auto; line-height: 1.7em; background: #c72a2f; color:#fff; text-align: center;}















</pre></body></html>