/* webfont字体 */
@font-face {font-family: 'siyuan-heiti';src: url('//at.alicdn.com/t/webfont_jam7qr15ow53ik9.eot'); /* IE9*/src: url('//at.alicdn.com/t/webfont_jam7qr15ow53ik9.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/webfont_jam7qr15ow53ik9.woff') format('woff'), /* chrome、firefox */url('//at.alicdn.com/t/webfont_jam7qr15ow53ik9.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/webfont_jam7qr15ow53ik9.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}


html, body, input, textarea, select, button {
    /*font-family: 'webfont';*/
    /*font-family: "microsoft yahei", Helvetica, Arial !important;*/
    font-family: QualcommNext, SimHei, Hei, Arial, sans-serif;
    color: #333
}


/*公共样式*/
*{margin:0; padding:0; border:0;}
*:focus{outline:none;}
html{ overflow-x:hidden;}
body {margin:0; padding:0; border:0; font-size:16px; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{ font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;border:0;max-width:100%;max-height:100%;}
ol,ul {list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { font-size:12px;}
a {text-decoration:none;color: #1347BB;}
em,i{font-style:normal;}
.clear::after{display: block;content:""; clear:both;}
input[type="submit"],input[type="button"]{ cursor:pointer;}
input ,textarea{
    /* -webkit-appearance:none; 去除input默认样式*/
    outline:none;
    border-radius: 0;
    border:1px solid #eee;
    padding: 5px;
}

.f01{ /*font-family:"microsoft yahei";*/}
.l{ float:left;}
.r{ float:right;}
.clear{clear: both}
img{max-width: 100%}
html {font-size: 62.5%;}
body {font-size: 16px; -webkit-text-size-adjust: none;}
a{color: #333;}

.contaniner{width: 1200px;margin: auto;}

@media(min-width: 1800px){
    .contaniner{width: 1600px;}
}

header{height: 60px;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.3);width: 100%;z-index: 2}
header .logo{float: left;height: 40px;margin-top: 10px;width: 22%}
header .menu{width: 60%;float: left;height: 60px;line-height: 60px}
header .menu ul li{float: left;width: 16%;position: relative;}
header .menu>ul>li:hover>a{color: #153d80}

header .menu ul li a{color: #fff}
header .menu .hover {
    display: none;
    position: absolute;
    width: 100%;
    background: #153d80;
    left: -30%;
    text-align: center;
}
header .menu .hover ul li{
    width: 100%
}
header .menu .hover ul li:hover{background: #7792bf}
header .menu .hover ul li a{display: block;}

header .menu_btn{display: none;height: 60px;float: right;color: #fff;font-size: 25px;}
header .menu_btn i{font-size: 25px;line-height: 60px}
header .search {float: right}
header .search form {margin-top: 15px;margin-right: 10px;height: 30px;line-height: 30px;}
header .search form input{float: left;}
header .search i{font-size: 20px;float: right;background: #153d80;padding: 0 10px;color: #fff}

.banner{position: relative;}
.banner .tonext{position: absolute;width: 100%;bottom: 15px;text-align: center;z-index: 2;}
.banner .tonext a{display: inline-block;background: rgba(0,0,0,.3);width: 40px;line-height: 40px;text-align:center;height:40px;border-radius: 30px;color: #fff;}
/*上下跳动*/
@-webkit-keyframes bounce-down {
 25% {-webkit-transform: translateY(-10px);}
 50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(10px);}
}

@keyframes bounce-down {
 25% {transform: translateY(-10px);}
 50%, 100% {transform: translateY(0);}
 75% {transform: translateY(10px);}
}

.animate-bounce-down{ -webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;
}


.inad1 {background: url(/skin/images/inad1_bg.jpg) no-repeat;background-size: cover;}
.inad1 {/*background:#fff;*/padding: 60px 0;}
.inad1 .left{width: 35%;float: left;}
.inad1 .right{width: 50%;float: right;padding: 60px;color: #333;letter-spacing: 1px;line-height: 25px;}
.inad1 .right h3{font-size: 24px;line-height: 45px;padding-bottom: 10px;}
.inad1 .right span.line{width: 60px;height: 2px;background: #1347bb;display: block;margin-bottom: 20px;}
.inad1 .right{width: 50%;float: right;padding: 60px;color: #333;letter-spacing: 1px;line-height: 25px;}
.inad1 .right .more{display: inline-block;padding: 5px 20px;border-radius: 5px;background: #0d5ea5;margin-top: 30px;color: #fff;}
.inad1 .swiper-container{position: relative;}
.inad1 .prenextbutton{position: absolute;bottom: 0;right: 0;z-index: 2;}

.indown {padding: 60px 0;text-align: center;}
.indown .txt h3{font-size: 28px;margin-bottom: 30px;color: #153d80}
.indown .txt a.more{display: inline-block;padding: 8px 35px;background: #153d80;color: #fff;}

.indownlist {padding: 120px 0;background: url(/skin/images/indownlist_bg.jpg) no-repeat;background-size: cover;text-align: center;}
.indownlist .txt h3{font-size: 30px;color: #fff;margin-bottom: 30px;letter-spacing: 1px;}
.indownlist .txt a.more{display: inline-block;padding: 8px 35px;border:1px solid #eee;border-radius: 20px;color: #fff;}

.innews{padding: 60px 0}
.innews ul li .sj{    height: 0px;
    margin-bottom: 1em;
    width: 0px;
    border-color: rgb(4, 18, 49) transparent transparent;
    border-style: solid;
    border-width: 14px 14px 0px 0px;
    position: absolute;
    right: 50px;
    z-index: 1
}
.innews ul li{float: left;box-shadow: 0px 0px 14px 0px #c3c3c3;margin-bottom: 20px;background-size: cover;position: relative;}
.innews ul li:hover .top{display: none}
.innews ul li .top{background: #fff;position: absolute;top: 0;left: 0;height: 100%;width:100%;padding: 3%}
.innews ul li .img{height: 94%;width: 94%;z-index: 2;background: #fff;display: block;overflow: hidden;background-size: cover;background-position: center;background-repeat: no-repeat;line-height: 100%;position: relative;text-align: center; }
.innews ul li .img span{display: inline-block;width: 73%;    background: rgba(0,0,0,.4);color: #fff;padding: 10px;margin-top: 35%;border-top: 0;font-size: 23px;line-height: 40px;letter-spacing: 3px;}
.innews ul li h3{padding: 40px 10px 15px 10px;background: #041231;color: #fff;font-size: 18px;}
.innews ul li p.title{font-size: 18px;margin-bottom: 20px;font-weight: bold;height: 35px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.innews ul li .txt{padding: 30px 10px;line-height: 32px;}
.innews ul li span{padding: 20px 10px;border-top: 1px dashed #eee;display: block;}
.prenextbutton {display: inline-block;float: right;}
.prenextbutton a{width: 50px;height: 50px;line-height: 50px;text-align: center;background: #fff;box-shadow: 0 0 14px 0 #ccc;float:left;display: block;margin: 20px 10px}

/*内页大图*/
.index_banner{position: relative;}
.index_banner .wapimg{display: none}
.index_banner .txt{position: absolute;left: 10%;top: 35%;}
.index_banner .txt h3{font-size: 30px;padding-bottom: 10px;}
.index_banner .txt span{display: inline-block;width: 80px;height: 2px;background: #1347bb;}
.index_banner .txt p{font-size: 16px;padding-top: 30px;}

.banner_partner .txt{color: #fff}

/*解决方案*/
.nylist .menu{text-align: center;}
.nylist .menu ul{
    display: inline-block;
    float: left;
}
.nylist .menu .position{float: right;line-height: 50px;font-size: 16px;}
.nylist .menu li{padding: 10px 40px;float: left;margin-right: 10px;}
.nylist .menu li a{color: #666;}
.nylist .menu li:hover a,.nylist .menu li.active a{color: #fff;}
.nylist .menu li:hover,.nylist .menu li.active{background: #154589}

.solution .list {padding-top: 30px;}
.solution .list ul li{width: 48%;margin-right: 2%;float: left;position: relative;margin-bottom: 2%}
.solution .list ul li a{position: relative;display: block;height: 100%;overflow: hidden;}
.solution .list ul li a img{width: 100%}
.solution .list ul li:nth-child(2n){margin-right: 0;}
.solution .list ul li .txt{position: absolute;left: 0;background: rgba(103, 103, 105, 0.3);top: 0;padding-top: 20px;color: #fff;width: 88%;text-align: center;border: 5px solid #fff;margin: 5%;transition: all .5s ease-in 0ms; cursor: pointer; }

@media(min-width: 1600px){
    .solution .list ul li{width: 32%}
    .solution .list ul li:nth-child(2n){margin-right: 2%;}
    .solution .list ul li:nth-child(3n){margin-right: 0;}
}

.solution .list ul li .txt h3{font-size: 24px;font-weight: initial;}
.solution .list ul li .txt p{position: relative;top: 15px;transition: all .5s ease-in 2ms; cursor: pointer;opacity: 1}
.solution .list ul li .txt .line{width: 50px;height: 2px;background: #1347bb;display: inline-block;opacity: 1}
.solution .list ul li .txt .more{transition: all .8s ease-in 0ms; cursor: pointer;display: inline-block;padding: 8px 50px;background: #233458;border-radius: 5px;opacity: 0;position: relative;top: 60px;left: 0}
.solution .list ul li:hover .txt,.solution .list ul li.active .txt{padding-bottom: 150px;margin-top: 20px;}
.solution .list ul li:hover .txt p,.solution .list ul li.active .txt p{top: 20px;opacity: 1;display: block;}
.solution .list ul li:hover .txt .line,.solution .list ul li.active .txt .line{opacity: 1;display: inline-block;}
.solution .list ul li:hover .txt .more,.solution .list ul li.active .txt .more{opacity: 1;top: 100px;left: 0}

.solution .nyinfo .l{width: 40%;float: left;}
.solution .nyinfo .l img{width: 100%}
.solution .nyinfo .prenextbutton{position: absolute;bottom: 0;right: 0;z-index: 1}
.solution .nyinfo .r{width: 56%;float: right;line-height: 32px;}
.solution .nyinfo .r h3{font-size: 30px;margin-bottom: 25px;margin-top: 10px}
.solution .nyinfo .prodetail{position: relative;}
.solution .nyinfo .rproimg{position: absolute;bottom: 0;right: 0;width: 56%}
.solution .nyinfo .content{width: 100%;float: left;line-height: 32px;}
.solution .nyinfo .content .title{margin-top: 60px;margin-bottom: 5px}
.solution .nyinfo .content .title h3{font-size: 30px}
.solution .nyinfo .content .title .line{width: 60px;height: 2px;background: #1347bb;display: inline-block;}
@media(max-width: 765px){
    .solution .nyinfo .l,.solution .nyinfo .r{width: 100%}
    .solution .nyinfo .r h3{font-size: 22px;margin: 5px 0}
    .solution .nyinfo .r .txt{line-height: 22px;margin-bottom: 10px}
    .solution .nyinfo .content .title h3{font-size: 22px;}
    .solution .nyinfo .rproimg {
     position: relative; 
    /* bottom: 0; */
    /* right: 0; */
    width: 100%;
    float: left;
}
}


.pagelist{text-align: center;margin-top: 30px;}
.pagelist ul{display: flex;justify-content: center;}
.pagelist li, .pagelist .active{width: 40px;height: 40px;line-height: 40px;display: block;float: left;border: 1px solid #ccc;border-radius: 25px;text-align: center;margin-right: 10px;}
.pagelist .active{background: #153d80;color: #fff}
.pagelist li:hover{background: #b2b6bb;}


.partner .list{padding-top: 60px;}
.partner .list ul li{float: left;width: 24%;text-align: center;border: 1px solid #f1f1f1;padding: 10px 0;}
.partner .list ul li img{display: block;margin: auto;}

.downlist .list {padding-top: 60px;}
.downlist .list ul li{width: 100%;float: left;padding: 30px 0;border-bottom: 1px solid #eee;position: relative;}
.downlist .list ul li h3{font-size: 20px;margin-bottom: 10px;}
.downlist .list ul li>a{float: left;transition: all .8s ease-in 0ms; cursor: pointer;z-index: 1;}
.downlist .list ul li .down{float: right;}
.downlist .list ul li .down a{padding: 8px 30px;margin-top: 20px;display: block;background: #153d80;color: #fff}
.downlist .list ul li .hover{position: absolute;width: 0;height: 100%;background: rgba(21, 61, 128,.6);top: 0;left: 0;transition: all .4s ease-in 5ms; cursor: pointer;}
.downlist .list ul li:hover .hover,.downlist .list ul li.active .hover{width: 25%;}
.downlist .list ul li:hover>a,.downlist .list ul li.active>a{padding-left: 30%}

.about .title{text-align: center;margin-bottom: 30px}
.about .title h3{font-size: 30px;}
.about .title .line{display: inline-block;width: 60px;height: 2px;background: #153d80;margin: auto;margin: 20px 0 }
.about .title p{font-size: 14px;}   

.about .company{margin: 30px 0;padding: 30px 0;}
/*.about .company .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);z-index: 0}*/
.about .company .contact {padding: 60px 0;line-height: 32px;z-index: 1;background: url(/skin/images/company_bg.jpg) no-repeat;background-size: cover;background-position: center;position: relative;}
.about .company .contact .txt{width: 1200px;padding: 60px;box-shadow: 0px 0px 31px #807b7b;background: rgba(255,255,255,.6)}
.about .company .contact p{text-indent: 2em;}

.about .lx .contact .img{float: left;width: 45%;height: 300px;text-align: center;}
/*.about .lx .contact img{height: 100%;width: auto;display: inline-block;margin: auto;}*/
.about .lx .contact .form{width: 100%;float: right;text-align: center;}
.about .lx .contact form{max-width: 600px;display: inline-block;margin: auto;}
.about .lx .contact .form input{font-size: 16px;width: 282px;margin-right: 2%;float: left;margin-bottom: 2%;padding:15px 5px;background: #fbfbfb;border: 1px solid #000;border-radius: 0px;box-shadow: 0px 0px 4px #888888; }
.about .lx .contact .form input:nth-child(2){margin-right: 0}
.about .lx .contact .form textarea{font-size: 16px;width: 588px;padding: 15px 5px;height: 80px;background: #fbfbfb;border: 1px solid #000;border-radius: 0px;box-shadow: 0px 0px 4px #888888;}
.about .lx .contact .msg ul li{width: 33.33333%;float: left;text-align: center;margin: 60px 0;}
.about .lx .contact .msg ul li div{display: inline-block;    padding: 20px 0;
    box-shadow: 0 0 15px #ccc;width: 90%}
.about .lx .contact .msg ul li h3{font-size: 24px;margin-bottom: 25px;    color: #153d80;}
.about .lx .contact .msg ul li span{font-size: 18px}
.about .lx .contact .form .btn{display: inline-block;margin: auto;float: inherit;margin-top: 30px;margin-bottom:20px;background: #153d80;color: #fff;border: none;    border-radius: 34px;width: 50%;height: 40px;line-height: 40px}

@media(max-width: 1600px){
    .about .company .contact .txt{width: 1000px}
}

.newsinfo .title{text-align: center;margin-bottom: 30px}
.newsinfo h3{font-size: 25px;text-align: center;margin: 20px 0}
.newsinfo span{display: inline-block;}
.newsinfo .content{line-height: 25px;}

.newslist li{width: 22%;margin-right: 2%}
.newslist li:nth-child(4n){margin-right: 0}
@media(max-width: 765px){
    .newslist li{width: 100%;}
}


footer{padding-top: 60px;font-size: 16px;line-height: 25px;}
footer .top{width: 50%;display: block;margin-bottom: 30px;float: left;}
footer .top .logo{margin-right: 5%;height: 40px;padding-bottom: 30px}

footer .ewm{width:100px;float: right;}

footer .top ul li{float: left;margin-right: 30px;}
footer .top ul li a{color: #999;}
 
footer .Copyright{padding: 20px 0;border-top: 1px solid #eee;}

.alertbox{position: fixed;top: 40%;width: 100%;text-align: center;z-index: 2;font-size:18px; }
.alertbox .box{display: inline-block;margin: auto;background: #fff;  border: 2px solid #355c82;}
.alertbox .box .title{background: #335c82;padding: 10px 15px;color: #fff;text-align: left;}
.alertbox p{padding: 30px 60px }
.alertbox a{    background: #153d80;display: inline-block;padding: 5px 10px;color: #fff;margin-bottom: 10px;font-size: 14px;}