@charset "utf-8";
/* CSS Document */
@import url("basic.css");
/*首页-通用标题*/
.i_title{margin-bottom:23px;}
.i_title ._title{font-size:30px;color:#0450a1;font-weight:normal;display:inline-block;*display:inline;*zoom: 1;}
.i_title ._title .x_border{width:17px;height:27px;background:url(../images/i_title_ico.png) no-repeat center;display: inline-block;*display:inline;*zoom: 1;vertical-align:middle;margin:0px 5px;}
.i_title ._text{display:inline-block;*display:inline;*zoom: 1;font-size:14px;color:#595757;}


/*首页-业务领域*/
.i_pro{margin-bottom:50px; margin-top:50px;}
.i_pro .i_pro_box ._pro_box{width:100%;height:0;padding-bottom:160%;overflow:hidden;position:relative;}
.i_pro .i_pro_box ._pro_box img{width:100%;}
.i_pro .i_pro_box ._pro_box ._hover_box{width:100%;height:216px;background:url(../images/i_pro_bj.png) no-repeat;position:absolute;top:0;left:0;background-size:100% 100%;text-align:center;}
.i_pro .i_pro_box ._pro_box ._hover_box ._hover_box_main{display:block;padding:50px 30px 70px;}
.i_pro .i_pro_box ._pro_box ._hover_box ._title{font-size:22px;color:#0450a1;margin-bottom:12px;}
.i_pro .i_pro_box ._pro_box ._hover_box ._text{font-size:14px;color:#848484;}
.i_pro .i_pro_box li:hover ._pro_box ._hover_box{background-image:url(../images/i_pro_bj_hover.png);}
.i_pro .i_pro_box li:hover ._pro_box ._hover_box ._title,.i_pro .i_pro_box li:hover ._pro_box ._hover_box ._text{color:#ffffff;}

/*首页-全球足迹*/
.i_world {margin-bottom:70px;}
.i_world ._world_titl{font-size:30px;color:#0450a1;margin-bottom:4px;}
.i_world ._world_text{font-size:14px;color:#737573;padding-right:30%;margin-bottom:20px;}
.i_world ._world_main ._world_l{width:32%;overflow:hidden;}
.i_world ._world_main ._world_l ul{margin:-1px 0px 0px -1px;}
.i_world ._world_main ._world_l li{float:left;width:50%;text-align:center;}
.i_world ._world_main ._world_l ._box{border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;padding-bottom: 14px;padding-right:20px}
.i_world ._world_main ._world_l .odd ._box{padding-left:20px;padding-right:0px;overflow:hidden;}
.i_world ._world_main ._world_l ._box ._number{font-size:24px;line-height:1.5;font-family:"microsoft yahei",Arial;color:#666666;}
.i_world ._world_main ._world_l ._box ._number span{font-size:45px;font-family:"impact";color:#000;}
.i_world ._world_main ._world_l ._box ._text{font-size:14px;color:#666666;margin-bottom:10px;line-height:22px;height:44px;overflow:hidden;}
.i_world ._world_main ._world_l ._box ._box_ico{width:80px;height:64px;background:url(../img/i_world_ico.png) no-repeat;margin:0 auto;}
.i_world ._world_main ._world_l ._box ._box_ico._box_ico02{background-position:-80px 0px;}
.i_world ._world_main ._world_l ._box ._box_ico._box_ico03{background-position:-160px 0px;}
.i_world ._world_main ._world_l ._box ._box_ico._box_ico04{background-position:-240px 0px;}
.i_world ._world_main ._world_l ._box:hover ._number,.i_world ._world_main ._world_l ._box:hover ._text{color:#fb9528;}
.i_world ._world_main ._world_l ._box:hover ._box_ico._box_ico01{background-position:0px -64px;}
.i_world ._world_main ._world_l ._box:hover ._box_ico._box_ico02{background-position:-80px -64px;}
.i_world ._world_main ._world_l ._box:hover ._box_ico._box_ico03{background-position:-160px -64px;}
.i_world ._world_main ._world_l ._box:hover ._box_ico._box_ico04{background-position:-240px -64px;}

.i_world ._world_main ._world_r{width:60%;text-align:right;position:relative;}
.i_world ._world_main ._world_r ._min_ico{position:absolute;}
.i_world ._world_main ._world_r ._min_ico .map_box_main{position:absolute;width:304px;bottom:22px;color:#ffffff;box-shadow:0px 0px 5px #000000;display:none;right:-51px;}
.i_world ._world_main ._world_r ._min_ico._hover .map_box_main{display:block;}
.i_world ._world_main ._world_r ._min_ico .map_box_main._close{display:none;}
.i_world ._world_main ._world_r ._min_ico .map_box_main:after{content:"";width:0;height:0;border-style:solid;border-width:12px;border-color:#f35d27 transparent transparent transparent;display:block;position:absolute;bottom:-24px;right:43px;}
.i_world ._world_main ._world_r ._min_ico .map_box_main .map_box{padding:20px 50px 20px 30px;text-align:left;}
.i_world ._world_main ._world_r ._min_ico .map_box_main .close_ico{position:absolute;right:0;top:0;cursor:pointer;}
.i_world ._world_main ._world_r ._min_ico .mar_dot{width:6px;height:6px;background:#f36027;display:block;border-radius:50%;}


.i_world ._world_main ._world_r .map_ico .mar_dot{width:26px;height:34px;background:url(../img/i_map_ico.png) no-repeat center;}
.i_world ._world_main ._world_r .map_ico .map_box_main{bottom:50px;}
.i_world ._world_main ._world_r .map_ico .map_box_main{right:-40px;}
.i_world ._world_main ._world_r .map_ico1{right:108px;top:100px;}
.i_world ._world_main ._world_r .map_ico2{left:282px;top:210px;}
.i_world ._world_main ._world_r .map_ico3{left:432px;top:250px;}
.i_world ._world_main ._world_r .map_ico4{left:434px;top:244px;}
.i_world ._world_main ._world_r .map_ico5{left:455px;top:227px;}
.i_world ._world_main ._world_r .map_ico6{left:466px;top:240px;}
.i_world ._world_main ._world_r .map_ico7{left:460px;top:192px;}
.i_world ._world_main ._world_r .map_ico8{left:440px;top:205px;}
.i_world ._world_main ._world_r .map_ico9{left:430px;top:190px;}
.i_world ._world_main ._world_r .map_ico10{left:460px;top:185px;}
.i_world ._world_main ._world_r .map_ico11{left:410px;top:218px;}
.i_world ._world_main ._world_r .map_ico12{left:464px;top:140px;}
.i_world ._world_main ._world_r .map_ico13{left:488px;top:161px;}
.i_world ._world_main ._world_r .map_ico14{left:409px;top:194px;}
.i_world ._world_main ._world_r .map_ico15{left:416px;top:210px;}
.i_world ._world_main ._world_r .map_ico16{left:404px;top:199px;}
.i_world ._world_main ._world_r .map_ico17{left:372px;top:186px;}
.i_world ._world_main ._world_r .map_ico18{left:356px;top:183px;}
.i_world ._world_main ._world_r .map_ico19{left:282px;top:210px;}

.pic{width:1200px;margin:30px auto;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{ font:24px/48px "microsoft yahei"; text-align:center; margin:0px auto 25px;z-index:999; position:relative; color:#000;background: url(../images/products_h2.png) center top no-repeat; width:284px; height:48px;}
.pic p{ width:1200px; margin:auto; line-height:24px; text-align:center; margin-bottom:30px; color:#333; font-size:14px;}
.pic1{ width:187px; float:left;}
.pic1 h3{ width:187px; height:58px; line-height:58px; text-align:center; background-color:#e73f01; font:24px/58px  "microsoft yahei"; color:#fff}
.pic1 ul{ width:185px; border:1px solid #d3d3d3}
.pic1 ul li{ height:36px; line-height:36px; border-bottom:1px  dashed #d3d3d3; width:100%; display:block; overflow:hidden}
.pic1 ul li span{ padding-left:38px; padding-right:10px; background:url(../images/news_li.jpg) 10px 2px no-repeat;}
.pic1 ul li a:link {COLOR: #333;TEXT-DECORATION: none;}
.pic1 ul li a:visited {COLOR: #333;TEXT-DECORATION: none;}
.pic1 ul li a:hover {COLOR: #cc2222; text-decoration:underline}

.act_con { width:1200px; position:relative;margin:auto; float:right}
.act_wrp { width:1200px; margin:auto;overflow:hidden;}
.act_wrp li { float:left; display:inline; width:220px; margin-right:24px;}
.act_wrp img {margin-top:expression(110-this.height/2);max-height:160px; max-width:220px;}
.act_wrp li p{width:220px; height:160px; overflow:hidden;text-align:center;vertical-align:middle;display:table-cell;}
.act_wrp li span{width:220px;line-height:36px; height:36px; background-color:#f7f7f7; color:#848484; text-align:center; display:block; font-size:14px;}

.wrapper{ width:1200px; margin:auto;display:block; overflow:hidden; position:relative; z-index:999}


.wrapper1{ width:100%; max-width:1920px;min-width:1200px; height:503px; margin:auto;display:block; overflow:hidden; position:relative; z-index:999;background:#5d5d5d url(../images/about_bg.jpg) center top  no-repeat;}

.about{ width: 100%; max-width:1920px; min-width:1200px;height: 500px;background: url(../images/i_link_bj.jpg) no-repeat center top;}
.about h2{ font:24px/48px "microsoft yahei"; text-align:center; margin:auto;z-index:999; position:relative; color:#0450a1;background: url(../images/about_h2.png) center top no-repeat; width:284px; height:48px;}
.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:25px auto; width:1200px;}
.about li{ line-height:36px; font-size:14px; color:#000000; text-align:center}

.about div.main-box{ width:1200px; margin:auto;position:relative}
.about div.main-box p{float: left; width:195px; height:142px; background:#eaeaea;display:block; color:#000; font-size:14px;}
.about div.main-box p.a1{ position:absolute; left:0px; top:20px;}
.about div.main-box p.a2{ position:absolute; left:226px; top:20px;}
.about div.main-box p.a3{ position:absolute; left:451px; top:20px;}
.about div.main-box p.a4{ position:absolute; left:677px; top:20px;}
.about div.main-box p.a5{ position:absolute; right:0px; top:20px;}
.about div.main-box p strong{font-size: 40px;font-weight: bold;line-height: 1;font-family: 'impact';font-style: normal;-webkit-font-smoothing: antialiased-moz-osx-font-smoothing: grayscale;color:#005eb6;margin-right:5px;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#005eb6), to(#123361));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.about div.main-box p span{ width:100%; display:block; text-align:center; color:#646464; margin-top:38px;}

.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:#fff;padding:2px 6px;background:#255f0c;font-family:Tahoma;font-size:12px;cursor:pointer;}


.news{ width:1200px; margin:30px auto 30px; position:relative; }
.news h2{ width:348px; height:54px; background:#f1f1f1; color:#333; font:20px/54px "Microsoft YaHei";}
.news h2 span{ padding-left:10px;}
.news h2 a{ float:right; margin-right:10px; background:url(../images/news_more.jpg) center center no-repeat; width:11px; height:54px;}
.tag1{ float:left; width:348px; height:258px; border:1px solid #e3e2e0; display:block; overflow:hidden}
.tag2{ float:left; margin-left:25px; width:348px; height:258px; border:1px solid #e3e2e0; display:block; overflow:hidden}
.tag3{ float:right; width:348px; height:258px; border:1px solid #e3e2e0; display:block; overflow:hidden}
.news ul{ width:100%;}
.news ul li{ height:40px; line-height:40px; border-bottom:1px dashed #dedede; width:100%;color:#333;font-size:14px; overflow:hidden}
.news ul li span{ padding-left:38px; padding-right:10px; background:url(../images/news_li.jpg) 10px 2px no-repeat; width:300px;}
.news ul li a:link {COLOR: #333;TEXT-DECORATION: none;}
.news ul li a:visited {COLOR: #333;TEXT-DECORATION: none;}
.news ul li a:hover {COLOR: #cc2222; text-decoration:underline}

.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:1200px; 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:1200px; margin:auto; height:227px; display:block}

#contact{ width:100%;max-width:1920px;min-width:1200px; 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{}

.index_bottom{ height: 164px; width: 100%; max-width:1920px; min-width:1200px; 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; }