@charset "utf-8";
.indexAbout{
    width:100%;
    min-width: 1200px;
    padding-top:70px;
    padding-bottom:70px; 
}
.indexAbout .lf{
    float:left;
    width:770px;
}
.indexAbout .lf h2{
    font-size:28px;
    color:#333333;
    font-weight: normal;
}
.indexAbout .lf  span{
    display: block;
    font-size:14px;
    box-sizing: border-box;
    padding-left:20px;
}
.indexAbout .lf p{
    font-size:16px;
    line-height: 30px;
    color:#999999;
    padding-top:15px;
    text-indent: 2em;
}
.indexAbout a{
    display:block;
    width:196px;
    height:52px;
    text-align: center;
    line-height: 52px;
    border-radius: 5px;
    background:#c23231;
    color:#fff;
    font-size:20px;
    float:right;
    margin-top:37px;
}
.indexAbout a:hover{
    text-decoration: underline;
}
.indexAbout .rt img{
    display: block;
    width:340px;
/*    height:462px;*/
    border-radius: 10px;
}
.indexSolution{
    width:100%;
    background: #f4f4f4;
    min-width: 1200px;
    padding-bottom: 50px;
}
.indexSolution h2.tit{
    font-size:28px;
    color:#333333;
    font-weight: normal;
    text-align: center;
    padding-top:45px;
}
.indexSolution h3.eng{
    color:#6e6e6e;
    font-size:14px;
    color:#6e6e6e;
    font-weight: normal;
    text-align: center;
    padding-top:5px;
    padding-bottom: 30px;
}
.indexSolution dl dt{
    width:593px;
    height:446px;
    float:left;
}
.indexSolution dl dt a{
    display: block;
    width:100%;
    height:100%;
}
.indexSolution dl dt .pic{
    width:593px;
    height:359px;
    overflow: hidden;
}
.indexSolution dl dt .pic img{
    display: block;
    width:100%;
    height:100%;
    transition: all 0.5s ease;
}
.indexSolution dl dt:hover .pic img{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    filter: scale(1.15);
    filter: transform;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}
.indexSolution dl dt .text{
    width:100%;
    background:#fff;
    height:87px;
}
.indexSolution dl dt .text h2{
    font-size:18px;
    color:#1e2678;
    font-weight: normal;
    padding-top:15px;
}
.indexSolution dl dt .text h2 em{
    display: inline-block;
    width:52px;
    height:1px;
    background: #1e2678;
    vertical-align: middle;
    margin-left:33px;
    margin-right:10px;
}
.indexSolution dl dt .text h3{
    padding-left:70px;
    font-size:14px;
    color:#787878;
    padding-top:10px;
    font-weight: normal;
}
.indexSolution dl dd{
    width:288px;
    height:217px;
    float:left;
    overflow: hidden;
    margin-left:15px;
    margin-bottom: 11px;
}
.indexSolution dl dd a{
    display: block;
    width:100%;
    height:100%;
    position: relative;
}
.indexSolution dl dd a img{
    display: block;
    width:100%;
    height:100%;
    transition: all 0.5s ease;
}
.indexSolution dl dd:hover img{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    filter: scale(1.15);
    filter: transform;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}
.indexSolution dl dd .text{
    position: absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    left:0;
    top:0;
    opacity: 0;
    transition: all 0.5s ease 0s;
}
.indexSolution dl dd:hover .text{
    animation-delay: 0.2s;
    opacity: 1;
}
.indexSolution dl dd .text h2{
    font-weight: normal;
    text-align: center;
    font-size:14px;
    color:#ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding-left:20px;
    padding-right:20px;
    padding-top:75px;
}
.indexSolution dl dd .text em{
    width:52px;
    height:1px;
    background:#fff;
    margin:0 auto;
    display: block;
    margin-top:18px;
    margin-bottom: 18px;
}
.indexSolution dl dd .text  h3{
    text-align: center;
    color:#fff;
    font-weight: normal;
    font-size:16px;
}
.indexNews{
    padding-bottom: 45px;
}
.indexNews h2.tit{
    font-size: 28px;
    color: #333333;
    font-weight: normal;
    text-align: center;
    padding-top: 45px;
}
.indexNews .eng{
    width:100%;
    text-align: center;
    font-weight: normal;
    padding-top:5px;
    font-size: 14px;
    color:#6e6e6e;
}
.indexNews .tabbar{
    text-align: center;
    padding-top:30px;
    padding-bottom: 30px;
}
.indexNews .tabbar a{
    display: inline-block;
    height:35px;
    line-height: 33px;
    border:1px solid #aeaeae;
    padding-left:8px;
    padding-right:8px;
}
.indexNews .tabbar a:hover{
    color:#fff;
    border-color: #0c3675;
    background:#0c3675;
}
.indexNews .list dl{
    width:569px;
    float:left;
    margin-top:15px;
}
.indexNews .list dl dt{
    width:284px;
    height:185px;
    float:left;
}
.indexNews .list dl dt img{
    display: block;
    width:100%;
    height:100%;
}
.indexNews .list dl dd{
    float:left;
    width:285px;
    box-sizing: border-box;
    padding-left:18px;
}
.indexNews .list dl dd h2{
    font-size:18px;
    color:#282828;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.indexNews .list dl dd span{
    display: block;
    width:100%;
    border-bottom:1px dashed #d2d1d1;
    padding-top:12px;
    padding-bottom: 16px;
    box-sizing: border-box;
    font-size:14px;
}
.indexNews .list dl dd p{
    font-size:16px;
    color:#626262;
    line-height:26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.indexNews .list dl:nth-child(2n){
    float:right;
}
.advert{
    width:100%;
    height:300px;
    min-width: 1200px;;
}
.main{
    width:1200px;
    margin:0 auto;
    background: #fff;
    margin-top:-72px;
    box-sizing: border-box;
    padding-left:32px;
    padding-right:32px;
}
.main .heading{
    width:100%;
    height:72px;
    box-sizing: border-box;
    border-bottom:2px solid #e0e0e0;
    line-height: 70px;
}
.main .heading a{
    float:right;
    display: inline-block;
    padding-left:10px;
    padding-right:10px;
    height:34px;
    background:#a7a7a7;
    line-height: 34px;
    color:#fff;
    margin-top:18px;
    margin-left:14px;
}
.main .heading span{
    font-size:22px;
}
.main .heading a.cur{
    background:#e60013;
}
.section{
    width:100%;
}
.section .aboutCont{
    padding-top:45px;
    padding-bottom:45px;
}
.section .aboutCont p{
    font-size:16px;
    line-height: 32px;
    color:#666666;
}
.section .aboutCont img{
    max-width: 100%;
}
.section .solution{
    width:100%;
    padding-top:45px;
    padding-bottom:45px;
}
.section .solution .leftMenu{
    width:256px;
    float:left;
}
.section .solution .leftMenu ul li{
    width:100%;
    height:54px;
    border-bottom:1px solid #eeeeee;
}
.section .solution .leftMenu ul li a{
    display: block;
    width:100%;
    height:100%;
    text-align: center;
    line-height:54px;
    background:#f5f5f5;
}
.section .solution .leftMenu ul li a.cur{
    background:#c23231;
    color:#fff;
}
.section .solution .leftMenu ul li a:hover{
    color:#c23231;
}
.section .solution .rightList{
    float:right;
    width:815px;
}
.section .solution .rightList ul li{
    width:100%;
    padding-top:20px;
    padding-bottom:20px;
    box-sizing: border-box;
    border-bottom:1px solid #e7e7e7;
}
.section .solution .rightList ul li .pic{
    width:183px;
    height:100px;
    float:left;
}
.section .solution .rightList ul li .pic img{
    display: block;
    width:100%;
    height:100%;
}
.section .solution .rightList ul li:nth-child(1){
    padding-top:0px;
}
.section .solution .rightList ul li .text{
    float:left;
    margin-left:25px;
    width: 530px;
}
.section .solution .rightList ul li .text span{
    display: block;
    width:100%;
    font-size:16px;
    color:#aaaaaa;
    padding-top:15px;
}
.section .solution .rightList ul li .text p a{
    font-size:18px;
    color:#0e65ae;
}
.section .solution .rightList ul li .text p a:hover{
    color:#c23231;
}
.section .solution .rightList ul li .text p{
    padding-top:10px;
}
.section .solution .rightList ul li .text em{
    display: block;
    width:43px;
    height:1px;
    background:#cecece;
    margin-top:10px;
}
.section .solution .rightList ul li a.detail{
    display: block;
    width:24px;
    height:24px;
    background:#015daa;
    color:#fff;
    text-align: center;
    line-height:24px;
    float:right;
    margin-top:30px;
    margin-right:33px;
    font-size: 16px;
}
.section .solution .rightList ul li a.detail:hover{
    background:#c23231;
}
#pages{
    width:100%;
    padding-top:40px;
    padding-bottom:20px;
    text-align: center;
}
#pages a{
    height:32px;
    box-sizing: border-box;
    padding-left:8px;
    padding-right:8px;
    border:1px solid #515050;
    display: inline-block;
    line-height:30px;
}
#pages a.cur{
    background:#015daa;
    color:#fff;
    border-color:#015daa;
}
.rightCont{
    float:right;
    width:830px;
    margin-right:30px;
}
.rightCont h2.title{
    width:100%;
    text-align: center;
    font-size: 28px;
    color:#333333;
    font-weight: normal;
}
.rightCont p.h2{
    width:100%;
    font-size:16px;
    color:#888b8c;
    text-align: center;
    padding-top:12px;
    padding-bottom: 12px;
}
.rightCont p.h2 span{
    margin: 0 10px;
}
.rightCont .box p {
    font-size:16px;
    color:#666666;
    line-height: 32px;
}
.rightCont .box img{
    max-width: 100%;
}
.newsPage{
    padding-top:26px;
    padding-bottom:26px;
    border-top:1px dashed #cccccc;
    margin-top:30px;
}
.newsPage ul li{
    font-size:16px;
    color:#666666;
    margin-bottom: 12px;
}
.newsPage ul li a{
    color:#666;
}
.newsPage ul li a:hover{
    color:#c23231;
}
.newsList{
    width:100%;
    box-sizing: border-box;
    padding-left:30px;
    padding-right:30px;
    padding-top:30px;
    padding-bottom:30px;
}
.newsList ul li{
    padding-top:30px;
    padding-bottom:30px;
    border-bottom:1px solid #e6e6e6;
}
.newsList ul li a{
    display: block;
    width:100%;
    height:100%;
}
.newsList ul li .time{
    float:left;
    width:225px;
}
.newsList ul li:hover .time span{
    background: url(../img/backCur.png) no-repeat center;
}
.newsList ul li .time span{
    width:28px;
    height:28px;
    display: block;
    background: url(../img/back.png) no-repeat center;
    margin-top:30px;
    margin-left:5px;
}
.newsList ul li .time h2{
    font-size:26px;
    font-weight: normal;
}
.newsList ul li .text{
    float:left;
    width:620px;
}
.newsList ul li .text h2{
    font-size:18px;
    color:#252525;
    font-weight: normal;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-bottom: 25px;
}
.newsList ul li .text p{
    font-size:16px;
    color:#666666;
    line-height: 30px;
}
.newsList ul li .pic{
    float:right;
    width:218px;
    height:141px;
}
.newsList ul li .pic img{
    display: block;
    width:100%;
    height:100%;
}
.newsCont{
    padding-top:20px;
    padding-bottom:20px;
}
.newsCont h2.title{
    width: 100%;
    text-align: center;
    font-size: 28px;
    color: #333333;
    font-weight: normal;
}
.newsCont p.h2{
    width: 100%;
    font-size: 16px;
    color: #888b8c;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
}
.newsCont .box p{
    font-size: 16px;
    color: #666666;
    line-height: 32px;
}
.newsCont .box img{
    max-width: 100%;
}
.caseList{
    width:100%;
    padding-top:30px;
    height: auto;
    overflow: hidden;
    padding-bottom: 80px;
}
.caseList dl{
    float:left;
    width:354px;
    margin-right:37px;
    margin-bottom: 15px;
}
.caseList dl:nth-child(3n){
    margin-right:0;
}
.caseList dl dt{
    width:354px;
    height:265px;
}
.caseList dl dt img{
    display: block;
    width:100%;
    height:100%;
}
.caseList dl dd a{
    display: block;
    width:100%;
    height:100%;
    box-sizing: border-box;
    padding-left:15px;
    padding-right:15px;
}
.caseList dl dd{
    height:150px;
    width:100%;
    box-sizing:border-box;
}
.caseList dl dd h2{
    padding-top:18px;
    font-weight: normal;
    color:#000;
    font-size: 16px;
}
.caseList dl dd p{
    font-size:14px;
    color:#666666;
    padding-top:10px;
}
.caseList dl:hover dd{
    background:#133a75;
}
.caseList dl:hover dd p{
    color:#fff;
}
.caseList dl:hover dd h2{
    color:#fff;
}
.contact{
    padding-top:30px;
    padding-bottom:30px;
}
#mp{
    width:100%;
    height:400px;
    margin-top:20px;
}
.section .solution .leftMenu ul li a.cur:hover{
    color:#fff;
}