.container{
    width:100%;
    background:#f6f6f6;
}
.headerf{
    width:100%;
    
    background:white;
    overflow:hidden;
}
.header{
    width:1200px;
    margin:0 auto;
    padding: 10px 0;
    box-sizing: border-box;
    
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header img{
    
    
    width:320px;
    margin-top:5px;
}
.header p{
    color:#01487C;
    
}
.header2{
    float:left;
    font-size:28px;
    margin:36px 0 0 10px;
    
}
.header3{
    font-size:15px;
    
    
}
.header3 a{
    color:#01487C;
    display:block;
    float:left;
    line-height:16px;
}
a.header3a{
    float:left;
}
.nav{
    width:100%;
    background:#01487C;
    height:46px;
}
.navs{
    width:1200px;
    margin:0 auto;

}
.navs li{
    float:left;
    height:38px;
}
.navs li a{
    display:block;
    padding:13px 55px 13px 56px;
    font-size:16px;

    color:white;
    transition: all .3s linear;
    
}
.navs li a:hover{
    color:#ccc;
}
div.nav{
    margin-bottom:0px;
}
li.zxjjf{
    position:relative;
    
}
ul.zxjj{
    width:134px;

    background:black;
    position:absolute;
    top:46px;
    left:32px;
    opacity:0.8;
    display:none;
    transition: all .3s linear;
}
ul.zxjj li{
    float:none;
    height:44px;
}
ul.zxjj li a{
    padding:10px 14px 14px 22px;
    color:white;
}
ul.zxjj li a:hover{
    color:#0066CC;
    background:#ccc;
}
li.zxjjf:hover .zxjj{
    display:block;
    z-index:10;
}
#myCarousel{
    position:relative;
}

#cc1 h4{
    margin-top:5px;
    width:100%;
    font-family:'ÃƒÂ¥Ã‚Â®Ã¢â‚¬Â¹ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“';
    color:#324029;
}
.content1{
    height:450px;
    width:100%;
}
#myCarousel{
    margin-bottom:0px;
}
.content1s{
    width:1200px;
    margin:0 auto;
    height:450px;
    overflow:hidden;
}
.content11{
    width:390px;
    height:370px;
    float:left;
    background:white;
    margin-top:20px;
    border-top:5px solid #112769;
    box-shadow:3px 3px 3px #ccc;
}
.content11h{
    width:320px;
    height:62px;
    margin-left:30px;

}
#content11h{
    width:315px;
    height:62px;
    margin-left:30px;
}
#content11h p{
margin-top:13px;
}
.content11hp{
    width:300px;
    height:20px;
    font-size:20px;
    float:left;
    margin-top:25px;
}
.content11h a{
    display:block;
    float:right;
    margin-top:30px;
}
.content11h div{
    width:30px;
    height:3px;
    background:#112769;
    float:left;
    margin-top:14px;
}
.content11c{
    width:320px;
    margin-left:35px;
}
.content11c ul{
    margin-top:10px;
}
.content11c li{
    height:50px;
    width:320px;
    border-bottom:1px solid #e8e8e8;
    overflow:hidden;
    font-size:15px;
}
.content11c li a{
    display:block;
    margin-top:15px;
}
#content111,#content112{
    margin-right:20px;
}

#content111 .content11h{
padding-bottom:10px;
border-bottom:1px dashed #008CFD;
}

#content113{
    width:300px;
}
#content113 .content11h{
    width:200px;
}
#content113 .content11c{
    width:200px;
}
#content113 .content11c li{
    width:200px;
}
#content113 .content11hp{
    width:180px;
}
#slider5{
    height:300px;
    position:relative;
    margin-top:10px;
}
.slider5{
    height:300px;
    position:absolute;
}
.bx-wrapper,div.bx-viewport{
    height:300px;
}
.slider5 .slide a{
    font-size:14px;
}

.content2{
    width:100%;
    height:450px;
    background:white;
}
.sevicepart{
    width:1200px;
    height:100%;
    margin:0 auto;

    overflow:hidden;
}
.seviceh{
    height:55px;
    width:1200px;
    margin:0 auto;
    margin-top:4px;


}
.seviceh p{
    font-size:20px;
    float:left;
    height:46px;
    width:100px;
    line-height:46px;
    margin-left:30px;
}
.seviceh p a{
    display:block;
    width:30px;
    height:3px;
    background:#112769;
}
.input1{
    width:142px;
    float:left;
    margin:15px 0 0 40px;
    font-family:'ÃƒÂ¥Ã‚Â¾Ã‚Â®ÃƒÂ¨Ã‚Â½Ã‚Â¯ÃƒÂ©Ã¢â‚¬ÂºÃ¢â‚¬Â¦ÃƒÂ©Ã‚Â»Ã¢â‚¬Ëœ';
}
P.btnp{
    margin-left:10px;
    margin-top:4px;
}
.sevicec{
    width:216px;
    height:220px;
    background:#F6F6F6;
    position:relative;
    margin:50px 0 0 30px;

    float:left;
}
.sevicec img{
    position:absolute;
    top:-20px;
    left:-20px;
}
.sevicec:hover .imggao{
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.sevicech{
    width:100px;
    height:40px;
    font-size:18px;
    line-height:40px;
    margin:0px 0 0 40px;
}
.sevicec1{
    height:170px;
    width:200px;
    margin:10px 0px 0px 30px;
    font-size:14px;
}
.moree{
    display:block;
    width:30px;
    height:30px;
    position:absolute;
    right:0px;
    bottom:-10px;
}
.footer{
    width:100%;
    height:150px;
    background:#112769;
    overflow:hidden;
}
.footer1{
    width:1200px;
    height:100%;
    margin:0 auto;
}
.footerimg{
    width:400px;
    height:100px;
    margin-top:50px;
    float:left;
}
.dizhi{
    width:530px;
    height:100%;
    float:left;
}
.dizhi2{
    float:left;
    margin-top:60px;
}
.fwdt{
    height:30px;
    margin:50px 0 0 0;
    font-size:14px;
    color:white;
}
.zhbg{
    height:30px;
    font-size:14px;
    color:white;
}
.imggao{
    display:block;
    height:50px;
    width:50px;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;
}
.carousel-caption h4{
    width:1200px;
    margin:0 auto;
}

.sevicepart1{
    height:78px;
    width:100%;
    overflow:hidden;
    background:white;
}
.sevicepartf{
    width:100%;
    background:#D9DDE1;
    height:380px;
}

.itservice{
    width:210px;
    height:58px;
    background:url('../image/it.jpg') no-repeat;
    background-size:cover;
    float:left;
    margin-left:30px;
    transition: all .3s linear;
    box-shadow:2px 2px 2px #ccc;
    border-radius: 7px;
}
.itservice:hover{
    box-shadow:5px 5px 5px #ccc;
}
.tel{
    width:170px;
    height:50px;
    font-size:17px;
    float:left;
    margin:20px 0 0 10px;
}

.content3{
    width:1200px;
    height:960px;
    margin:0 auto;
    overflow:hidden;
    margin-top: 18px;
}
.content3l,.content3r{
float:left;
}
.content3l{
width:820px;
}
.content3r{
width:370px;
height:845px;
background:white;
margin-top:12px;
box-shadow:4px 4px 4px #ccc;
border-top:5px solid #112769;
}
.content3lsev{
width:800px;
height:450px;
background:white;
overflow:hidden;
box-shadow:4px 4px 4px #ccc; 
margin-top:12px;
border-top:5px solid #112769;
}
.sevicehc3h{
width:100%;
}
.sevicehc3hh{
height:66px;
border-top:1px dashed #008CFD;
border-bottom:1px dashed #008CFD;
}

#content112{
    margin-right:0px;
    width:365px;
    height:57px;
    background:white;
    margin-top:0px;
float:none;
    border-top:5px solid #fff;
    box-shadow:3px 3px 3px #fff;
border-bottom:1px dashed #008CFD;
overflow:hidden;
}


div.sevicechstu{
width:auto;
margin-right:0px;
}
.xinwentup{
width:300px;
height:200px;


}
.xinwenka{
height:350px;
width:300px;
display:block;

margin-left:35px;
margin-top:30px;
}
.xinwensj{
width:300px;
height:30px;
line-height:30px;
}
.xinwenbt{
width:300px;
line-height: 20px;
height: 40px;
font-size: 15px;
font-weight: bold;
color: #333;
margin-top:10px;
transition: all .3s linear;
}
.xinwenbt:hover{
color:dodgerblue;
}
.xinwentup2{


}
.xinwenxq{
line-height: 22px;
min-height: 66px;
font-size: 12px;
color: #241916;
}
.cc1topf{
float:left;
margin:3px 14px 6px 10px;
}
div.cc1topf p{
color:#333;
width:76px;
text-align:center;
}
.cc1top{
width:76px;
height:76px;


-webkit-transform: perspective(1400px) scale(1,1) rotateZ(0deg);
-ms-transform: perspective(1400px) scale(1,1) rotateZ(0deg);
-moz-transform: perspective(1400px) scale(1,1) rotateZ(0deg);
}
.cc1top:hover{
-webkit-transform: perspective(1400px) scale(1,1) rotateZ(-360deg);
-ms-transform: perspective(1400px) scale(1,1) rotateZ(-360deg);
-moz-transform: perspective(1400px) scale(1,1) rotateZ(-360deg);
transition: transform .4s ease;
}

span.header3span{
float:left;
display:block;
width:8px;
text-align:center;
margin:0px;
}

#cc1{
    position:absolute;
    top:35%;
    left:76%;
    width:300px;
    height:206px;
    background:url("../image/xiaobjj.png");
}

.headerf{
    
}
.header img{
    width:600px;
    
    padding-bottom: 35px;
}
.navs li a {
    padding: 13px 55px 13px 53px;
}
p.apap{
    float:right;
}
li.zxjjdsj{
    height:64px!important;
}
.wrap_mode01{width: 100%;background: #fff;overflow: hidden;margin-bottom: 8px;box-shadow: 4px 4px 4px #ccc;}
.mode01{max-width:1200px;margin: 8px auto;overflow:hidden;}
.articleList01{overflow: hidden;}
.title01{overflow: hidden;float: left;width: 12%;line-height: 30px;}
.title01 h2{font-size: 20px;padding-left: 30px;font-weight:  normal;}
.scroll_info{float: right;width: 88%;overflow: hidden;line-height: 30px;}
.scroll_info dl{overflow: hidden;}
.scroll_info dl dd{float: left;margin-right: 30px;height: 40px;line-height: 40px;}
.scroll_info dl dd a{display: block;}
.scroll_info dl dd a i{color: #fff;font-style: normal;padding:3px 10px;border-radius: 5px;margin-right: 15px;font-size: 14px;}
.scroll_info dl dd a .timef01{background: #0084cf;}
.scroll_info dl dd a .timef02{background: #cf2a2a;}
.scroll_info dl dd a .titlef{font-size: 15px;color:#646464;}
.scroll_info dl dd a:hover .titlef{color:#1674a8;}
@media screen and (max-width: 1650px) {
#cc1{
    position:absolute;
    top:24%;
    left:70%;
    width:300px;
    height:206px;
    background:url("../image/xiaobjj.png");
}
}