@charset "utf-8";
/* CSS Document */
@import url("basic.css");
.pic{ width:100%;max-width:1920px;min-width:1150px;margin:auto;height:450px; overflow:hidden}
.mask1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/black.6.png) repeat;
}
.mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ddd.png) repeat;
}
.pic h2{line-height:1; font-size:32px; font-family: "microsoft yahei"; text-align:center; font-weight:100; margin:40px auto 20px; padding-bottom:20px; z-index:999; position:relative}
.pic h2 i {width: 75px;height: 2px;display: block;margin:10px auto;}
.pic h2 span{font: 50px/1  'impact';color: #555; text-transform: uppercase; display:block; width:100%;margin-bottom: 10px;}

.pic1{ width:1150px; margin:auto; overflow:hidden;}
.pic1 ul{ width:1160px; height:204px;margin:auto;}
.pic1 li { float:left; display:inline; width:282px; margin-right:8px;}
.pic1 li p img {height:174px; width:282px;}
.pic1 li p{width:282px; height:174px;overflow:hidden;text-align:center;}
.pic1 li span{width:282px;line-height:30px; height:30px; color:#fff; background:#3877c2; text-align:center; display:block;font-size:16px;}
.pic1 li a{ width:282px; height:204px; display:block; cursor:pointer}
.pic1 li a:hover span{ background:#01559b; }
.wrapper{ width:1150px; margin:auto;display:block; overflow:hidden; position:relative; z-index:999}


.wrapper1{ width:100%; max-width:1920px;min-width:1150px; height:420px; margin:auto;display:block; overflow:hidden; position:relative; z-index:999;background:#2f2f2f url(../images/about_bg.jpg) center bottom  no-repeat fixed;}

.about{ width:1150px; margin:40px auto 25px; position:relative; z-index:9999999}
.about h2{line-height:1; font-size:32px; font-family: "microsoft yahei"; text-align:center; font-weight:100; margin:auto; padding-bottom:20px; z-index:999; position:relative; color:#f5f5f5; padding-top:15px;}
.about h2 i {width: 75px;height: 2px;display: block;margin:10px auto;; background:#fff;}
.about h2 span{font: 50px/1  'impact';color: #fff; text-transform: uppercase; display:block; width:100%;margin-bottom: 10px;}
.about ul{ margin:15px auto; width:1000px;}
.about li{ line-height:30px; font-size:14px; color:#f1f1f1; text-align:center}
.about .more{ margin:auto; width:192px; height:50px}
.about .more a{display: inline-block;width: 188px;font-size: 14px;text-align: left;border: 2px solid #3877c2;line-height: 46px;color: #fff;height: 46px; background:#3877c2 url(../images/sj_white.png) 90% center no-repeat;}
.about .more a span{ padding-left:20px;}
.about .more a:hover{display: inline-block;width: 188px;font-size: 14px;text-align: left;border: 2px solid #394b7b;line-height: 46px;color: #fff;height: 46px; background:#394b7b url(../images/sj_white.png) 90% center no-repeat;}

.about div.zd li{float: left;padding-right:4%;margin-right: 8%;border-right: 1px solid #ddd;}
.about div.zd li strong{font-size: 36px;font-weight: bold;line-height: 1;font-family: 'impact';font-style: normal;-webkit-font-smoothing: antialiased-moz-osx-font-smoothing: grayscale;color:#394b7b;margin-right: 10px;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#3877c2), to(#394b7b));-webkit-background-clip: text;-webkit-text-fill-color: transparent; width:100%; display:block}

.pic2{ width:100%; max-width:1920px;min-width:1150px; height:480px; margin:auto;display:block; overflow:hidden; position:relative; z-index:999;background:#2f2f2f url(../images/products.jpg) center center no-repeat;}

.pic2 h2{line-height:1; font-size:32px; font-family: "microsoft yahei"; text-align:center; font-weight:100; margin:40px auto 20px; padding-bottom:20px; color:#fff; z-index:999; position:relative}
.pic2 h2 i {width: 75px;height: 2px;display: block;margin:10px auto;}
.pic2 h2 span{font: 50px/1  'impact';color: #555; text-transform: uppercase; display:block; width:100%;margin-bottom: 10px; color:#fff;}
.act_con .t_lt { background:url(../images/parv_01.gif) no-repeat; width:29px; height:49px; position:absolute; left:-40px;}
.act_con .t_rt { background:url(../images/next_01.gif) no-repeat; width:29px; height:49px; position:absolute; right:-40px;}
.act_con { width:1150px; height:230px;margin:auto; position:relative; z-index:999}
.act_con .t_lt,.act_con .t_rt { top:70px;}
.act_con .t_lt:hover{background:url(../images/parv_01.gif) left -49px no-repeat; }
.act_con .t_rt:hover{background:url(../images/next_01.gif) left -49px no-repeat; }
.act_wrp {width:1150px; margin:auto;position:relative;}
.act_wrp li { float:left; display:inline; width:270px; margin-right:22px;}
.act_wrp li p img {height:200px; width:270px;}
.act_wrp li p{width:270px; height:200px;overflow:hidden;text-align:center;vertical-align:middle;display:table-cell;}
.act_wrp li span{width:270px;line-height:24px; color:#c5c5c5; text-align:center; display:block; padding-top:10px; font-size:14px;}
.act_wrp li p a{ width:270px; height:200px; display:block}



.news{ width:1150px; margin:20px auto 40px; position:relative}
.news h2{ font:32px/1 "Microsoft YaHei";text-transform:uppercase;color:#555;padding-bottom:10px;}
.news h2 span{font:50px/1  'impact'; text-transform:uppercase; color:#555;margin-bottom: 10px; padding-right:20px}
#con { float:left;WIDTH:720px;position:relative}
#tags {MARGIN:10px auto 0px; height:50px;display: block;position:relative; z-index:9999999; text-align:center; width:720px;}
#tags LI {width: 25%;line-height: 46px;height: 46px;text-align: center;font-size: 16px;float: left;}
#tags LI A { display: block; border: 1px dashed #c2c2c2;}
#tags LI.emptyTag {}
#tags LI.selectTag {MARGIN-BOTTOM: -2px;}
#tags LI.selectTag A {color: #fff;background-image: -webkit-gradient(linear, 0 50%, 100% 50%, from(#3877c2), to(#394b7b));border-left: 0;border-right: 0;background-image: none\9;background: #004488\9;}

#tagContent {width:100%; margin:auto; overflow:hidden}
.tagContent { width:100%;margin:0 auto;display:none; position:relative; overflow:hidden}
.tagContent ul{ width:100%; height:260px; overflow:hidden}
.tagContent a{display:block; cursor:pointer}
.tagContent li{padding:15px 0;border-bottom: 1px solid #f2f2f2;position: relative;padding-right: 50px; width:670px;}
.tagContent li .time{ width: 100px; float: left; padding-right: 20px; margin-right: 20px;border-right: 1px solid #e3e3e3;text-align: right;}
.tagContent li .time span{ font:30px/1  'impact'; color:#3877c2;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#3877c2), to(#394b7b));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.tagContent li .time p{color: #081a00; font-size:14px;}
.tagContent li h4{font-size: 16px;font-weight: normal;margin-bottom: 6px;color: #000;line-height:1.6}
.el {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tagContent li  div{color: #878787; font-size:14px; line-height:1.6}
.right_arr {font-size: 0px;position: absolute;right: 0;bottom: 25px;display: block;width: 32px;height: 32px;background: url(../images/i_n_arr.png) center center no-repeat;}
.ion {
    font-family: "jrico" !important;
    display: inline-block;
    vertical-align: middle;
    margin: 0 .3em;
    font-size: 1.1em;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

#tagContent DIV.selectTag {DISPLAY: block; position:relative}
.tagContent .news_more a{ background:url(../images/news_more.gif) center center; width:180px; height:49px; text-align:center; margin:0px auto 40px}

.diary_left{ width:385px; float:right}
.diary_left ul{height: auto;font:12px/35px "Microsoft YaHei", Arial, Helvetica, sans-serif}
#fader{position:relative;overflow:hidden;height:300px;width:385px; overflow:hidden}
#fader li{position:absolute;left:0;top:15px;}
.fader-nav{display:inline-block;margin-right:10px;color:#fff;padding:2px 6px;background:#093500;font-family:Tahoma;font-size:12px;cursor:pointer;}
.fader-cur-nav{display:inline-block;margin-right:10px;color:#000;padding:2px 6px;background:#ffcc00;font-family:Tahoma;font-size:12px;cursor:pointer;}

.index_banner{height: 165px;
    background: url(../images/index_banner.jpg) no-repeat center top;
    overflow: hidden;
    text-align: center;
    font-family: "Microsoft YaHei"; width:100%; max-width:1920px; min-width:1150px; margin:auto}
.index_banner p{ width:300px; height: 38px; font-size:16px;line-height: 16px;font-family: "Microsoft YaHei";color: #3365ad; background: #fff; margin:114px auto 0;  overflow: hidden;}
.index_banner p strong{ float: left; line-height: 38px;  padding-left: 10px;}
.index_banner p em{float: left;font-size: 30px;font-family:Arial;font-weight: normal; line-height: 38px; margin: 0 10px;}
.index_banner p span{ float: right; width: 94px;height: 38px;background: #ffd012;font-size: 14px;  line-height: 38px;display: inline-block; vertical-align: top;}
.index_banner p span a{color: #222;}
.index_banner a{ width:1150px; margin:auto; height:227px; display:block}

#contact{ width:100%;max-width:1920px;min-width:1150px; margin:auto; height:420px;display:block; overflow:hidden; position:relative; z-index:999;background:#2f2f2f url(../images/blue.jpg) center center  no-repeat fixed;}
.contact{}
.wrap {
    width: 1150px;
    margin-right: auto;
    margin-left: auto;
}.l {
    float: left;
}.r {
    float: right;
}
.index_bottom{ height: 164px; width: 100%; max-width:1920px; min-width:1150px; margin:auto; padding-top: 70px; }
.index_bottom .link{ background: url('../images/index_bottom_item.png') no-repeat center; width: 69.66%;}
.index_bottom .link li{ float:left; color: #fff;width: 29.33%; padding-left: 4%; cursor: pointer;  }
.index_bottom .link li a{color:#fff;}
.index_bottom .link li a h4{opacity:0.8;}
.index_bottom .link li a .desc{opacity:0.8;}
.index_bottom .link li a:hover h4{opacity:1;}
.index_bottom .link li a:hover .desc{opacity:1;}
.index_bottom .link li i{ display: inline-block; float: left; margin-right: 15px;  width: 40px; height: 40px; background: url('../images/index_bottom_ico.png') no-repeat 0 0; vertical-align: middle; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;
  }
.index_bottom .link li:hover i{ -webkit-transform: rotateY(180deg);
 transform: rotateY(180deg);}
.index_bottom .link li .ic2{ background-position: -40px 0;}
.index_bottom .link li .ic3{ background-position: -80px 0;}
.index_bottom .link ul{ padding: 3% 0%; overflow: hidden; }
.index_bottom .t{ font-size: 50px; font-family: 'Impact'; line-height: 1; color: #000; text-transform: uppercase; }
.index_bottom .p{ font-size: 32px; color: #000;}
.index_bottom .link li h4{ font-size: 16px; font-weight: normal; }