/*轮播图*/
.slideBox{width: 100%; min-width:1000px; overflow:hidden; position:relative; text-align: center; height: 800px;}
.slideBox .bd{ position:relative; z-index:0;}
.slideBox .bd ul{width:100% !important}
.slideBox .bd li{width:100% !important; zoom:1; vertical-align:middle; height: 800px;}
.slideBox .hd {
    width: 100%;
    text-align: center;
    position: absolute;
    height: 13px;
    z-index: 21;
    left: 0;
    bottom: 40px;
}
.slideBox .hd ul{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 17px;
}
.slideBox .hd li{
    float: left;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 11px;
    border: 1px solid #bdbcbb;
    box-shadow: 0 0 5px rgba(0,0,0,0.75);
    font-size:0;
}
.slideBox .hd li.on{
    background: #003993;
    border: 1px solid #003993;
}
/*产品展示*/
.cpshow{
    width: 100%;
    height: 1018px;
    text-align: center;
    overflow: hidden;
    background: url(/images/cpshowbg.jpg) no-repeat center;
}
.cpshow .top{
    overflow: hidden;
    margin-top: 12px;
}
.cpshow .top li{
    text-align: left;
    float: left;
    margin-right: 7px;
    position: relative;
}
.cpshow .top li img{
    width: 395px;
    height: 300px;
    vertical-align: top;
}
.cpshow .top li.last{
    margin-right: 0;
}
.cpshow .top li .pos{
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
}
.cpshow .top li .pos .eng{
    font-weight: bold;
    font-size: 26.18px;
    font-family: "Verdana";
}
.cpshow .top li .pos h2{
    font-size: 26.18px;
}
.cpshow .display{
    overflow: hidden;
    height: 614px;
    margin-top: 41px;
}
.cpshow .display .aside{
    text-align: left;
    padding-left: 53px;
    width: 249px;
    height: 514px;
    background-color: #fff;
    float: left;
    border: 2px solid #eeeeee;
}
.cpshow .display .aside .title{
    margin-top: 70px;
}
.cpshow .display .aside .title .eng{
    font-size: 30px;
    color: #181818;
    font-weight: bold;
    font-family: "Verdana";
    line-height: 30px;
}
.cpshow .display .aside .title h2{
    font-size: 22px;
    color: #181818;
    line-height: 50px;
}
.cpshow .display .aside .wenzi{
    margin-top: 55px;
}
.cpshow .display .aside .wenzi h3{
    font-size: 18px;
    color: #000000;
    line-height: 54px;
}
.cpshow .display .aside .wenzi .txt{
    color: #5c5c5c;
    font-size: 14px;
    line-height: 22px;
}
.cpshow .display .aside .zi{
    color: #5c5c5c;
    font-size: 16px;
    margin-top: 128px;
}
.cpshow .display .gengduo{
    width: 600px;
    height: 94px;
    background-color: #fff;
    float: left;
    margin-top: -98px;
    border: 2px solid #eee;
}
.cpshow .display .gengduo .left{
    text-align: left;
    margin-left: 52px;
    margin-top: 20px;
}
.cpshow .display .gengduo .left .eng{
    font-size: 18px;
    color: #181818;
    font-family: "Verdana";
    font-weight: bold;
}
.cpshow .display .gengduo .left h3{
    color: #181818;
    font-size: 18px;
}
.cpshow .display .gengduo a{
    font-size: 14px;
    float: right;
    margin-right: 48px;
    margin-top: 34px;
}

.slideTxtBox1{ width:894px;float: right;border-top: 2px solid #eeeeee;}
.slideTxtBox1 .hd{background-color: #fff;float: right; width:594px;height:94px;line-height: 94px; text-align: center; border-bottom: 2px solid #eee;border-left: 2px solid #eee; border-right: 2px solid #eee;}
.slideTxtBox1 .hd ul{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *margin-top: 38px;
}
.slideTxtBox1 .hd ul li{border-radius:50%;margin: 0 12px; float:left; width: 11px; height: 11px; cursor:pointer;background: #c9c9c9; font-size:0;}
.slideTxtBox1 .hd ul li.on{background:#003993;}
.slideTxtBox1 .bd{ overflow:hidden; height:516px;}


.subSlideBox{background:#fff;float: left; width:296px; height:256px; overflow:hidden; position:relative; border-bottom:2px solid #eee; border-right:2px solid #eee;}
.subSlideBox .hd1{display: none;}
.subSlideBox .bd1{ position:relative; height:100%; z-index:0;   }
.subSlideBox .bd1 li{ zoom:1; vertical-align:middle; }
.subSlideBox .bd1 img{ width:159px; height:159px;vertical-align: top; margin-top: 14px;}
.subSlideBox .bd1 li .wenzi{ margin-top: 9px;}
.subSlideBox .bd1 li .wenzi h2{ font-weight: normal; color: #262626; font-size: 16px; line-height: 30px;}
.subSlideBox .bd1 li .wenzi .txt{ color: #7a7a7a; font-size: 13px; line-height: 27px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.subSlideBox .prev1,.subSlideBox .next1{ position:absolute; left:27px; top:68px;display:block; width:12px; height:51px; background:url(/images/bleft.jpg) no-repeat center;display: none;}
.subSlideBox .next1{ left:auto; right:27px;background: url(/images/bright.jpg) no-repeat center;}
.subSlideBox .prev1:hover{ background:url(/images/aleft.jpg)}
.subSlideBox .next1:hover{ background:url(/images/aright.jpg)}
.subSlideBox:hover .prev1,.subSlideBox:hover .next1{display: block;}
.subSlideBox:hover .bd1 li .wenzi .txt{color: #032082;}
.subSlideBox:hover .bd1 li .wenzi h2{color: #032082;}

.case{
    width: 100%;
    height: 544px;
    background: url(/images/casebg.jpg) no-repeat center;
}
.case h2{
    text-align: center;
    font-size: 34px;
    color: #fff;
    font-weight: normal;
    height: 97px;
    line-height: 97px;
}
.picScroll-left{ width:100%;  overflow:hidden; position:relative; margin-top: 25px;}
.picScroll-left .hd{display: none;}
.picScroll-left .bd{width: 100%; text-align: center;}
.picScroll-left .tempWrap{
    margin: 0 auto;
}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; display: inline-block; *display: inline; *zoom: 1;}
.picScroll-left .bd ul li{ margin:0 17px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li a{ font-size:0;}
.picScroll-left .bd ul li img{ width:280px; height:383px;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:280px; height:313px; display:block;}
.picScroll-left .bd ul li .title{
    width: 100%;
    height: 70px;
    line-height: 70px;
    position: relative;
    font-size: 0;
}
.picScroll-left .bd ul li .title h3{
    position: absolute;
    left: 26px;
    top: 0;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}

.aboutus{
    width: 100%;
    height: 654px;
}
.aboutus .left{
    width: 564px;
    margin-top: 67px;
}
.aboutus .left .eng{
    width: 310px;
    height: 126px;
    vertical-align: top;
}
.aboutus .left h2{
    font-size: 26px;
    color: #313035;
    line-height: 52px;
}
.aboutus .left .pic{
    margin-top: 28px;
}
.aboutus .left .pic img{
    width: 564px;
    height: 326px;
    vertical-align: top;
}

.aboutus .left a{
    text-align: center;
    width: 90px;
    height: 27px;
    line-height: 27px;
    border-radius: 27px;
    font-size: 12px;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
}
.aboutus .right{
    width: 538px;
    text-align: center;
    margin-top: 100px;
    overflow: hidden;
}
.aboutus .right .wenzi{
    text-align: justify;
    color: #1b1a1f;
    font-size: 16px;
    line-height: 35px;
    height:315px;
}
.aboutus .right ul{
    overflow: hidden;
    margin-top: 60px;
}
.aboutus .right li{
    width: 116px;
    height: 116px;
    float: left;
    border: 2px solid #eeeeee;
    text-align: center;
    margin-right: 19px;
}
.aboutus .right li.last{
    margin-right: 0;
}
.aboutus .right li img{
    width: 61px;
    height: 54px;
    vertical-align: top;
    margin: 14px auto 0;
}
.aboutus .right li .txt{
    color: #1b1a1f;
    line-height: 20px;
    line-height: 44px;
}
.aboutus .right li .show{
    display: block;
}
.aboutus .right li .hide{
    display: none;
}
.aboutus .right li:hover .show{
    display: none;
}
.aboutus .right li:hover .hide{
    display: block;
}
.aboutus .right li:hover .txt{
    font-weight: bold;
    color: #275ebb;
}
.news{
    width: 100%;
    height: 594px;
    overflow: hidden;
    background-color: #f2f2f2;
}
.news .title{
    margin: 52px 0 17px 0;
    overflow: hidden;
}
.news .title .zuo{
    float: left;
}
.news .title .eng{
    color: #181818;
    font-size: 18px;
    font-weight: bold;
    font-family: "Verdana";
    line-height: 22px;
}
.news .title h2{
    color: #181818;
    font-size: 18px;
    line-height: 28px;
}
.news .title a{
    float: right;
    padding-right: 42px;
    color: #032082;
    font-size: 14px;
    line-height: 18px;
    background: url(/images/more.jpg) no-repeat right;
    margin-top: 27px;
}
.news .left{
    background-color: #fff;
    font-size: 0;
}
.news .left img{
    width: 486px;
    height: 306px;
    vertical-align: top;
}
.news .wenzi{
    height: 118px;
    padding: 0 38px;
    width: 410px;
    text-align: left;
    overflow: hidden;
}
.news .wenzi .top{
    height: 56px;
    line-height: 56px;
    overflow: hidden;
    margin-top: 11px;
}
.news .wenzi .top h2{
    font-size: 16px;
    color: #181818;
    font-weight: normal;
    float: left;
}
.news .wenzi .top .date{
    color: #181818;
    font-size: 12px;
    float: right;
}
.news .wenzi .txt{
    width: 100%;
    color: #7a7a7a;
    font-size: 13px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height: 23px;
}
.news ul{
    width: 714px;
    float: right;
    overflow: hidden;
}
.news li{
    padding: 0 34px;
    width: 273px;
    height: 204px;
    background-color: #fff;
    overflow: hidden;
    margin: 0 0 16px 16px;
    float: left;
}
.news li h2{
    width: 100%;
    color: #181818;
    font-size: 16px;
    font-weight: normal;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height: 54px;
    margin-top: 18px;
}
.news li .txt{
    width: 100%;
    height: 73px;
    color: #7a7a7a;
    font-size: 13px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
    line-height: 26px;
}
.news li .date{
    color: #181818;
    font-size: 12px;
    line-height: 42px;
}
.wrap{
    width: 100%;
    height: 287px;
    background-color: #f2f2f2;
    overflow: hidden;
}
.wrap .contact{
    padding-left: 48px;
    width: 250px;
    height: 224px;
    float: left;
    background-color: #2c57ca;
    border: 2px solid #3a62cd;
    color: #fff;
}
.wrap .contact .eng{
    font-size: 18px;
    font-family: "Verdana";
    font-weight: bold;
    line-height: 22px;
    margin-top: 35px;
}
.wrap .contact h2{
    font-size: 18px;
    line-height: 28px;
}
.wrap .contact .txt{
    font-size: 14px;
    line-height: 25px;
    margin: 13px 0 14px 0;
}
.wrap .contact a{
    font-size: 14px;
    color: #fff;
    line-height: 20px;
}
.wrap .map{
    width: 276px;
    height: 224px;
    font-size: 0;
    border: 2px solid #eeeeee;
    float: left;
}
.wrap .map img{
    width: 276px;
    height: 224px;
}
.wrap .service{
    padding: 0 48px;
    width: 520px;
    height: 224px;
    float: right;
    border: 2px solid #eeeeee;
    border-left: 0 none;
    background-color: #fff;
}
.wrap .service .top{
    overflow: hidden;
    margin-top: 35px;
}
.wrap .service .top .left .eng{
    color: #343434;
    font-size: 18px;
    font-weight: bold;
    font-family: "Verdana";
}
.wrap .service .top .left h3{
    font-size: 18px;
    color: #343434;
}
.wrap .service .top .num{
    color: #343434;
    font-size: 30px;
    font-weight: bold;
    float: right;
}
.slideTxtBox2{ width:100%; text-align:left; margin-top: 30px;}
.slideTxtBox2 .hd{width:210px;float: left; background: url(/images/hdbg.jpg) no-repeat right;}
.slideTxtBox2 .hd ul{overflow: hidden;}
.slideTxtBox2 .hd ul li{margin-bottom: 4px; color: #343434; font-size: 14px; float:left; cursor:pointer; width: 80px; line-height: 20px;}
.slideTxtBox2 .hd ul li.on{color: #2c57ca; font-weight: bold;}
.slideTxtBox2 .bd{
    width: 210px;
    float: right;
    margin-top: -10px;
}
.slideTxtBox2 .bd .txt{line-height:30px;color: #343434; font-size: 14px;}
