﻿/* ************ 通用样式 ************ */
.lf{
    float: left;
}
.rt{
    float: right;
}

/* ************ index begin ************ */

/* ******** header begin ******** */
/* ****** nav begin ****** */
.header{
    height:653px;
}
.headerTop{
    width:1200px;
    margin:0 auto;
    position: relative;
    z-index: 1;
}
.header .topNav{
    line-height:50px;
    padding:10px 0px 20px 0px;
    /*overflow: hidden;*/
    height: 24px;
}
.header .topNav a{
    padding: 0 10px;
    color: #fff;
}
.header .topNav a.border{
    border:1px solid #aaa;
    border-radius: 15px;
    padding:3px 10px;
}
.header .topNav a.language_choose{
    /*background: url("../images/index_navLanguage.png") no-repeat 38px 9px;
    padding-right: 20px;*/
}
.header .topNav .lang{
    position:relative;
}
.header .topNav .dropEng{
    position: absolute;
    top:0;
    left: 60px;
    width: 100px;
    /*display:none;*/
}

.header .nav{
    line-height: 73px;
    background: #1D2088;
}
.header .nav ul>li{
    float: left;
    height: 73px;
    line-height: 73px;
}
.header .nav ul>li>a{
    color: #fff;
    font-size: 14px;
    padding:27px;
}
.header .nav ul>li>a:hover{
    background: #990000;
}
.header .nav ul>li.current{
    background: #990000;
}
.header .nav ul>li>a.navActive{
    background: #990000;
}
/* ****** nav end ****** */

/* ****** banner begin ****** */
/* css 重置 */
*{margin:0; padding:0; list-style:none; }
body{ background:#fff; font:normal 12px/22px 宋体;  }
img{ border:0;  }
a{ text-decoration:none; color:#333;  }
a:hover{ color:#1974A1;  }
.js{width:90%; margin:10px auto 0 auto; }
.js p{ padding:5px 0; font-weight:bold; overflow:hidden;  }
.js p span{ float:right; }
.js p span a{ color:#f00; text-decoration:underline;   }
.js textarea{ height:100px;  width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa;  border-left:2px solid #aaa;  }

/* 本例子css */
.picFocus{ margin:0 auto;  width:100%; position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .bd ul li{width:100%;height: 653px;}
.picFocus .bd ul li span{display: block;width:100%;height: 100%;background-size: cover;}
.picFocus .hd{ width:100%; padding-top:5px;  /*overflow:hidden;*/position: absolute; left: 35%;bottom: 30px; }
.picFocus .hd ul{ margin-right:-5px;  /*overflow:hidden;*/ zoom:1; }
.picFocus .hd ul li{ float:left;  text-align:center; margin-right: 8px; width: 156px; height: 117px; background: rgba(255,255,255,.6);}
.picFocus .hd ul li a{font-size: 14px; color: #5D5D5D;line-height: 30px; display: block;}
.picFocus .hd ul li img{ width:146px; height:82px; cursor:pointer;}
/*.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }*/
.picFocus .hd ul li.on img{ border-color:#f60;  }
.header .index_banner{position: absolute; top: 0; left: 0; /*z-index: -1;*/height: 653px;width:100%;}
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ display:block;}
.picFocus .bd .banner_shade{ position: absolute; top: 222px; left: 0; z-index: 1;}

/* ** .picFocus .hd ul li:hover样式 ** */
/*.picFocus .hd ul li:hover{border-top: 1px solid #BB5756}*/
.pop{
    display: none;
}
.picFocus .hd ul li:hover .pop{
    height:209px;
    width:140px;
    background: rgba(153,0,0,.8);
    position: absolute;
    top: -229px;
    padding: 25px 8px 0;
    text-align: justify;
    color: #ffffff;
    display: block;
    z-index: 1;
font-size:12px;line-height:22px;
}
.picFocus .hd ul li div:first-child img{
    border-left:5px solid transparent;
    border-top: 0;
    border-right: 5px solid transparent;
    border-bottom:5px solid transparent;
}
.picFocus .hd ul li:hover div:first-child img{
    border-left:5px solid #991717;
    border-bottom:5px solid #991717;
    border-top: 0;
    border-right: 5px solid #991717;

}
.picFocus .hd ul li:hover a{
    color: #ffffff;
    background: rgba(153,0,0,.8);

    border-top: 1px solid #BB5756;
}






/* ****** banner end ****** */
/* ******** header end ******** */

/* ******** container start ******** */
/* ****** 第一块 开始 ****** */
.container{
    width:1200px;
    margin:0 auto;
    margin-top: 40px;
    overflow: hidden;
}

/* *** 左边 *** */
.index_aboutUs{
    width:422px;
    height:423px;
    float: left;
}
.index_aboutUs img{
    width:100%;
    height:232px;
}
.index_aboutUs .iaboutUs_intro{
    width:100%;
    height: 192px;
    background: #EDEEF0;
}
.index_aboutUs .iaboutUs_intro>div>div{
    height:55px;
    float:right;
    margin: 8px 8px 0 0;
    position:relative;
}
.index_aboutUs .iaboutUs_intro div h3{
    display: inline-block;
    width: 73px;
    height: 69px;
    background: #990000;
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding-left: 2px;
    padding-top: 6px;
    position: relative;
    top: -37px;
    left: 20px;
}
.index_aboutUs .iaboutUs_intro div h3 b{
    line-height: 30px;
}
.index_aboutUs .iaboutUs_intro div>p{
    overflow: hidden;
    float: right;
    margin: 10px 15px 0 30px;
    position: absolute;
    top: 55px;
    left: -115px;
    width: 380px;
    color: #3f3f3f;
    font-size: 13px;
    line-height: 25px;
    text-align: justify;
}
.index_aboutUs .iaboutUs_intro div a{
    border: 1px solid #D2D2D2;
    padding:2px 20px 2px 12px;
    float: left;
    color: #393939;
    position: relative;
    cursor: pointer;
}
.index_aboutUs .iaboutUs_intro div a i{
    background: url("../images/index_icon1.png") no-repeat;
    width:2px;
    height:11px;
    position: absolute;
    right: 7px;
    top: 8px;
}
.index_aboutUs .iaboutUs_intro div a.iaboutUs_tab{
    color: #fff;
    border:1px solid #990000;
    background: #990000;
}
.index_aboutUs .iaboutUs_intro div p{
    display:none;
}
.index_aboutUs .iaboutUs_intro div a.iaboutUs_tab + p{
    display:block;
}
.index_aboutUs .iaboutUs_intro div a.iaboutUs_tab i{
    background: url("../images/index_icon2.png") no-repeat;
}
.index_aboutUs .iaboutUs_intro>p{
    color: #3f3f3f;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 10px;
}

/* *** 中间 *** */
.index_news{
    width:482px;
    height:423px;
    float: left;
}
.inews_top .inews_img{
 float: right;
background:#EDEEF0;

}
.inews_top .inews_img>div{

 display: table-cell;
 vertical-align: middle;
 width:240px;
 height:232px;
}
.inews_top .inews_img>div img{ display:block; width:100%;}
.inews_top>div>img{
    /* float: right; */
    /* width:240px; */
    /* height:232px; */
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.inews_left{
    width:202px;
    height:167px;
    padding:32px 18px 33px 22px;
    background:#EDEEF0;
    position: relative;
}
.inews_left b{
    background: url(../images/index_icon6.png) no-repeat center;
    display: block;
    width: 18px;
    height: 22px;
    position: absolute;
    top: 108px;
    right: -18px;
}
.inews_left h5{
    font-size: 13px;
    color: #2d2d2d;
    margin-bottom: 5px;
}
.inews_left h5 a:hover,.inews_left p a:hover{
    color: #990000;
}
.inews_left span{
    color: #161616;
}
.inews_left p{
    color: #161616;
    margin-top: 7px;
    text-align: justify;
    border-top:1px solid #B9BABC;
    padding-top: 10px;
}
.inews_bottom{
    width:435px;
    /* height:145px; */
    background: #E5E5E5;
    padding:17px 27px 30px 20px;
    height: 423px;
}
.inews_bottom>div{
    border-bottom:1px solid #AFAFAF;
    background: url("../images/index_icon3.png") no-repeat 2px 6px;
    padding-bottom: 5px;
    margin-bottom:15px;
}
.inews_bottom>div>a{
    font-size: 14px;
    color: #990000;
    padding-left: 24px;
}
.inews_bottom ul li{
    line-height:30px;
}
.inews_bottom ul li a{
    color: #4f4f4f;
    font-size: 12px;
}
.inews_bottom ul li a:hover{
    color: #990000;
}
.inews_bottom ul li a span{
    float: right;
}

/* *** 右边 *** */
.index_report{
    width: 249px;
    height:358px;
    float: left;
    background: #EFF0F2;
    padding:32px 24px 33px 23px;
}
.index_report form{
    overflow: hidden;
}
.index_report form input{
    width: 179px;
    height:42px;
    background: #C7C7C7;
    border:0;
    outline: none;
    padding-left: 15px;
    float: left;
}
.index_report form input.search{
    width:55px;
    height:42px;
    background: #990000 url("../images/index_icon4.png") no-repeat center;
    float: right;
}
.index_report h6{
    border:1px solid #DBDCDE;
    margin:30px 0 20px;
}
.index_report h2{
    font-size: 22px;
    color: #4f4f4f;
    border:1px solid #E0E1E2;
    line-height:47px;
    padding-left: 30px;
    background: url("../images/index_icon5.png") no-repeat center right;
}
.index_report p{
    color: #4f4f4f;
    line-height: 35px;
    margin: 25px 0 20px;
    text-align: justify;
}
.index_report a{
    width:88px;
    height:22px;
    display: block;
    background: #B50404;
    border:1px solid #ABABAB;
    color: #fff;
    text-align: center;
}
/* ****** 第一块 结束 ****** */

/* ****** 第二块 开始 ****** */
.container_back{
    width:100%;
    background: #EDEEF0;
    margin-top: 40px;
    padding: 30px 0;
}
.container_copy{
    width:1200px;
    margin:0 auto;
    overflow: hidden;
}
.index_title{
    border-bottom:1px solid #C9CACC;
    padding-bottom: 12px;
    background: url(../images/index_icon3.png) no-repeat 2px 6px;
}
.index_title span{
    color: #4d4d4d;
    font-size: 16px;
    padding-left: 25px;
}
.index_title a{
    float: right;
    font-size: 14px;
    color: #4d4d4d;
}
.container_copy ul{
    margin:28px 0 15px;
   /* overflow: hidden;*/
}
.container_copy ul li{
    width: 283px;
    float: left;
    margin-right: 22px;
}
.container_copy ul li>a>img{
    width:100%;
    height: 145px;
}
.container_copy ul li>div{
    width: 234px;
    height: 158px;
    background: #fff;
    padding: 30px 27px 0 22px;
    color: #4d4d4d;
}
.container_copy ul li>div h3{
    font-size: 14px;
    color: #4d4d4d;
    font-weight:normal;
    margin-bottom: 5px;
    background: url("../images/index_newsIcon.png") no-repeat center right;
}
.container_copy ul li>div h3 a:hover,.container_copy ul li>div p a:hover{color:#990000;}
.container_copy ul li>div span{
    font-size: 12px;
    color: #4d4d4d;
}
.container_copy ul li>div p{
    color: #898989;
    border-top: 1px solid #EEE;
    padding-top: 12px;
    margin-top: 8px;
    text-align: justify;
}
/* ****** 第二块 结束 ****** */

/* ****** 第三块 开始 ****** */
.skill .serve{
    padding:36px 20px 33px;
    border:1px solid #E0E0E1;
    border-top: 0;
    overflow: hidden;
}
/* *** 科技创新服务 左边 *** */
.skill .serve_left{
    width:540px;
    float: left;
    border-right:1px solid #E5E4E4;
    padding-right: 20px;
}
.skill .serve_left img{
    width:560px;
    height:200px;
    display: block;
}
.skill .serve_left h3 a{
width:540px;text-align:left;
    font-size: 16px;
    color: #595b5b;
    font-weight: normal;
    margin: 24px 0 12px;border:none;
}
.skill .serve_left h3 a:hover{color:#990000;}
.skill .serve_left span{
    color: #5A5C5C;
}
.skill .serve_left>div{
    color: #959696;
    margin:12px 0 16px;
}
.skill .serve_left a{
    display: block;
    width: 102px;
    line-height:30px;
    border:1px solid #DCDCDC;
    text-align: center;
    color: #595B5B;
}
/* *** 科技创新服务 右边 *** */
.skill .serve_right{
    float: right;
    width:555px;
}
.skill .serve_right li{
    border-bottom:1px solid #EBEBEB;
    padding-bottom: 30px;
}
.skill .serve_right li .serve_list{
    padding-top: 25px;
}
.skill .serve_right li .serve_list>a{
    font-size: 14px;
    color: #595b5b;
}
.skill .serve_right li .serve_list>a:hover{color:#990000;}
.skill .serve_right li .serve_list>h5{
    font-weight: normal;
    color: #595B5B;
    margin:5px 0;
}
.skill .serve_right li .serve_list>p{
    color: #959696;
}
.skill .serve_right li .date{
    float: right;
    margin-top: 20px;
    font-family: Arial;
}
.skill .serve_right li .date>span{
    display: block;
    width: 73px;
    line-height:24px;
    font-size: 14px;
    color: #fff;
    background: #626362;
    text-align: center;
    font-weight: bold;
}
.skill .serve_right li .date>b{
    display: block;
    width:71px;
    line-height:58px;
    color: #626362;
    text-align: center;
    font-size:38px;
    border: 1px solid #D6D6D6;
    font-weight: normal;
}
.skill .serve_right li:hover .date>span{
    background: #990000;
}
.skill .serve_right li:hover .date>b{
    color: #990000;
    border: 1px solid #990000;
}

/* *** 咨询案例 *** */
.index_case,.index_link{
    margin-top: 35px;
    overflow: hidden;
}
.icase_content{
    padding-top: 30px;
}
/* ** icase1 ** */
.icase1{
    width:720px;
    height:220px;
    position: relative;
    float: left;
}
.icase1 img{
    width:480px;
    height:220px;
}
.icase_content .icase_text{
    width:206px;
    /*float: right;*/
    padding:35px 16px 25px 18px;
    height:130px;
}
.icase_content .icase_text h3{
    font-size: 14px;
    color: #4d4d4d;
    margin-bottom: 20px;
}
.icase_content .icase_text p{
    font-size: 12px;
    color: #666;
    text-align: justify;
}
.icase_content .icase_more{
    width:240px;
    /*margin-top: 25px;*/
}
.icase_content .icase_more a{
    display: block;
    width:187px;
    line-height:30px;
    background: #EEEEEE;
    color: #666;
    padding-left:20px;
}
.icase_content .icase_more b{
    display: block;
    width:33px;
    height:30px;
    background: #E5E5E5 url("../images/index_caseIcon1.png") no-repeat center;
    float: right;
}
.icase_content i{
    display: block;
    width: 13px;
    height:16px;
    background: url("../images/index_caseIcon3.png") no-repeat center;
    position: absolute;
    top: 110px;
    right: 240px;
}
/* ** 咨询案例hover样式 ** */
.icase_intro:hover .icase_text{
    background: #990000;
}
.icase_intro:hover .icase_text h3{
    color: #fff;
}
.icase_intro:hover .icase_text p{
    color: #E4CDCD;
}
.icase_intro:hover .icase_more a{
    background: #AF0404;
    color: #fff;
}
.icase_intro:hover .icase_more b{
    background: #8D0404 url("../images/index_caseIcon2.png") no-repeat center;
}
.icase_intro:hover i{
    background:url("../images/index_caseIcon4.png") no-repeat center;
}
/* ** icase2 ** */
.icase2{
    width:480px;
    float: right;
    position: relative;
}
.icase2 img{
    width:240px;
    height:220px;
}
.icase_content i.icase2_right{
    background: url("../images/index_caseIcon5.png") no-repeat center;
    position: absolute;
    top: 110px;
    right: 227px;
}
.icase_intro:hover i.icase2_right{
    background:url("../images/index_caseIcon6.png") no-repeat center;
}
/* ** icase3 ** */
.icase3{
    width:480px;
    position: relative;
    float: left;
}
.icase3 img{
    width:240px;
    height:220px;
}

/* *** 友情链接 *** */
.index_link ul{
    margin-top: 25px;
}
.index_link ul li{
    float: left;
    margin-right:8px;
    margin-bottom:12px;
}
.index_link ul li a{
    display: block;
    width:230px;
    line-height:148px;
    border:1px solid #DEDEDE;
    text-align: center;
}
.index_link ul li a img{
    vertical-align: middle;
}
/* ****** 第三块 结束 ****** */
/* ******** container end ******** */

/* ******** footer start ******** */
.footer{
    width:100%;
    height:280px;
    background: #313131;
}
.footer .f1,.footer .f2{
    border-bottom: 1px solid #464646;
}
.footer_nav{
    height:60px;
    width:100%;
}
.footer_nav li{
    float: left;
    line-height: 60px;
    margin-right: 30px;
}
.footer_nav li a{
    color: #fff;
    border-right:1px solid #F1F1F1;
    padding-right: 30px;
}
.footer .f2{
    padding-bottom: 20px;
}
.footer_m{
    width:1200px;
    margin:20px auto 0;
    overflow: hidden;
}
.footer_m .footer_logo{
    width: 800px;
}
.footer_m .footer_logo ul{
    margin: 8px 0 0 20px;
}
.footer_m .footer_logo ul li{
    line-height: 30px;
    color: #fff;
}
.footer .f3{
    width:1200px;
    margin:0 auto;
    line-height: 40px;
    color: #8A8A8A;
}
/* ******** footer end ******** */
/* ************ index end ************ */
