@charset "utf-8";
*{ margin:0px; padding:0px;}
body{ color:#333; font-size:15px; line-height:1.7; font-family:"微软雅黑", Arial, Helvetica, sans-serif; }
img{ vertical-align:top; border:0;}
div,form,img,ul,ol,li,dl,dt,dd { border:0; }
ul,li,dl,dd,dt{ list-style:none; margin: 0px; padding: 0px;}

a{ color:#444; text-decoration:none;}
a:hover { color:#0074bc; text-decoration: none; }
a:focus { outline: none; }

.fl { display: inline; float: left; }
.fr{ display: inline;  float: right; }
table tr td{ font-size:12px;}

#topScroll{ position:fixed; bottom: 15%; right: 8%; display: none; z-index: 999;}
header{ width:1400px; margin:0 auto; }
header .logo{ width:14%; float:left;}
header .logo img{ width:100%; max-width:186px;}
header .menu{ width:65%; float:right; margin:35px 2% 35px 0px; text-align:right; line-height:20px;}
header .menu a{ font-size:17px; color:#555; margin:0px 2.2%;}
header .tel{ width:15%; float:right; text-align:right; font-size:26px; color:#192899; font-weight:bold; line-height:30px; margin:29px 0px 29px 0px;}
header .telimg{ width:4%; float:right; text-align:right; margin:29px 0px 29px 0px;}

.english{ width:100%; max-width:1400px; margin:0 auto; text-align:right; position:absolute; top:10px; right:2%; color:#192899;}
.english a{ color:#192899;color:#192899;}
.english a:hover{ color:#04a9eb;}

.syAbout{ width:1400px; margin:0 auto; text-align:center;}
.syAbout h1{ font-weight: bold; color: #333; line-height: 62px; margin-top: 35px;}
.syAbout h1 strong{ color: #192899;}
.syAbout .line{ width: 55px; height: 4px; background-color: #192899; margin: 0 auto;}
.syAbout article{ width:90%; margin: 30px auto 0px auto;}
.syAbout article a{ color: #192899;}

.syAbout ul{ display: flex; justify-content: space-between; flex-wrap: nowrap; margin-top: 45px;}
.syAbout ul li{ position: relative; width: 22%; background-color: #eee; border-top-right-radius: 30px; -webkit-border-top-right-radius: 30px;}
.syAbout ul li .mask{ position: absolute; left: 0; top: 0;}
.syAbout ul li .content{ position: relative; padding: 50px 8% 50px 8%;}
.syAbout ul li .content h2{ display:inline; font-size: 20px; color:#192899; font-weight: bold; border-bottom: 1px solid #192899; padding: 0px 25px 10px 25px; line-height: 65px;}
.syAbout ul li .content p{  font-size: 14px;}

.syProMenu{ width: 100%; background-color:#131467; color: #fff; padding: 30px 0px 50px 0px; margin-top: 80px;}
.syProMenu h1{ text-align: center; line-height: 65px; margin-bottom: 25px; font-weight: bold;}
.syProMenu h1 span{ color: #03a8ec;}
.syProMenu h1 font{ color: #f9c100;}
.syProMenu ul{ width: 950px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: nowrap;}
.syProMenu ul li a{ display: block; background-color: #192899; color: #fff; padding: 8px 24px ; border-radius: 6px;}
.syProMenu ul li a:hover{ background-color: #fff; color: #333;}


.syProduct{ width:1400px; margin:50px auto 0 auto; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
.syProductFl{ width:38%;}
.syProductFl .img{ border:1px solid #eee; padding: 12px 0px;}
.syProductFl .img img{ width:100%;}
.syProductFl .text{ background-color:#eee; padding:20px 20px 28px 20px;}
.syProductFl .text h3{ font-size:20px; font-weight:bold;}
.syProductFl .text a{ display:block; margin-top:15px;}

.syProductFr{ width:58%;}
.syProductFr ul{ display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
.syProductFr ul li{ width:46%; margin-bottom:15px;}
.syProductFr ul li .img{ border:1px solid #eee;}
.syProductFr ul li .img img{ width:100%;}
.syProductFr ul li .text{ width:100%; font-size:15px; padding:10px 15px; line-height:25px; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
#shipin{ display:block; position:fixed; width:600px; left:0px; top:150px; z-index:999;}
#mButton{ width: 34px; color: #aaa;  height: 26px; line-height: 22px; border: 1px solid #ddd;}
.sy_company{ background-color:#131467; width:100%; height:515px; position:relative; margin-top: 20px;}
.in-company{
    width: 1400px;
    position: relative;
    padding: 85px 0;
	margin:0 auto;
}
.in-company .warpper{
	position:absolute;
	top:35px; 
	background-color:#fff;
	width:100%;
	padding:50px 60px;
}


.in-company-left{
    float: left;
    width: 62%;
}
.in-company-left .img{
    width: 100%;
    margin-bottom: 65px;
}
.in-company-left .img img{
    width: 100%;
    object-fit: cover;
}
.in-company-item{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.in-company-item .in-company-list{
    width: 25%;
}
.in-company-item .in-company-list .imgbox{
    position: relative;
    width: 100%;
    height: 72px;
}
.in-company-item .in-company-list .imgbox img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    max-width: 100%;
    max-height: 100%;
}
.in-company-item .in-company-list:hover .imgbox img{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.in-company-item .in-company-list .fir{
    text-align:center;
    font-size:24px;
    font-weight: 700;
    color:#3c3c3c;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 23px 0 5px 0;
}
.in-company-item .in-company-list:hover .fir{
    color:#0656a9;
}
.in-company-item .in-company-list .sec{
    text-align:center;
    font-size:14px;
    color:#8e8e8e;
    line-height: 20px;
}
.in-company-right{
    float: right;
    width: 32%;
    position: relative;
}
@-webkit-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1); }
    50% {
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1); }
    50.1% {
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1); }
    100% {
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1); }
}

@keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1); }
    50% {
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1); }
    50.1% {
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1); }
    100% {
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1); }
}
.in-company-right:before{
    width: 176px;
    height: 2px;
    background: #0656a9;
    content:"";
    position: absolute;
    top: 113px;
    left: -211px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-animation: elasticus 5s cubic-bezier(1, 0, 0, 1) infinite;
    animation: elasticus 5s cubic-bezier(1, 0, 0, 1) infinite;
}
.in-company-right .fir{
    font-size:36px;
    color:#363636;
    font-weight: 700;
    margin-bottom: 12px;
}
.in-company-right .sec{
    font-size:14px;
    color:#8e8e8e;
    line-height: 25px;
    text-align:justify;
}
.in-company-right .imgbox{
    width: 100%;
    height: 328px;
    overflow: hidden;
    position: relative;
}
.in-company-right .imgbox .pic-img{
    width: 100%;
    object-fit: cover;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
.in-company-right .imgbox:hover .pic-img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.all-a-more{
    /* overflow: hidden; */
    display: block;
    position: relative;
    line-height: 45px;
    border:2px solid #ff8400;
    border-radius: 16px 0 16px 0;
    font-size:16px;
    color:#ff8400;
    padding-left:30px;
    width: 165px;
    background: url("../img/all-a-more-bg.png") no-repeat right 30px center;
}
.all-a-more:hover{
    border-radius: 0;
    color:#fff;
    background:#ff8400 url("../img/all-a-more-bg1.png") no-repeat right 30px center;
}
.all-a-more:before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0.6), transparent );
    transition: all 650ms;
}
.all-a-more:hover:before{
    left:100%;
}
.in-company .all-a-more{
    margin: 47px 0 73px 0;
}
.in-company-right .imgbox .meng{
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align:center;
    width: 100%;
}
.in-company-right .imgbox .meng img{
    max-width: 100%;
    margin:0 auto;
}
.in-company-right .imgbox .meng p{
    font-size:22px;
    color:#fff;
    font-weight: 700;
    margin-top: 10px;
}
@keyframes tran_s2 {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.in-company-right .imgbox:hover .meng img{
    -webkit-animation: tran_s2 10s linear infinite alternate;
    -o-animation: tran_s2 10s linear infinite alternate;
    animation: tran_s2 10s linear infinite alternate;
}
.all-line{
    max-width: 100%;
    margin:0 auto;
}

.syApplicationAd{ width:100%; background-color:#131467; color:#fff; text-align:center; margin-top:329px; padding:30px 0px;}
.syApplicationAd h1{ font-weight:bold; line-height:60px;}
.syApplicationAd span{ color:#f9c100;}
.syApplicationAd font{ color:#03a8ec;}
.syApplicationAd .line{ width:60px; height:3px; background-color:#fff; margin:0 auto;}
.syApplicationAd p{ margin-top:10px;}


.syApplication{ width:1400px; margin:0 auto; padding: 60px 0;}
.syApplication .rec{margin: 20px auto;}
.syApplication .tit_des{text-align: center;color: #999;line-height: 1;font-size: 16px;}
.syApplication .choice{margin-top: 40px;justify-content: space-between;margin-bottom: 20px;flex-wrap: wrap;}
.syApplication .choice li{position: relative;font-size: 16px; margin-bottom: 15px;} 
.syApplication .choice li::before{content: '';position: absolute;width: 100%;height: 100%;background: linear-gradient(to right,#000,rgba(0,0,0,0.0));top: 0;left: 0;z-index: 3;transition: all 0.3s;}
.syApplication .choice li::after{content: '';position:absolute;width: 90%;height: 80%;border: 1px solid #eee;left: 5%;top: 10%;box-sizing: border-box;opacity: 0;z-index: 4;transition: all 0.3s;}
.syApplication .choice li:hover::before,.syApplication .choice li.active::before{background: linear-gradient(to right,#14156d,rgba(20,21,109,0.0));}
.syApplication .choice li:hover::after,.syApplication .choice li.active::after{opacity: 1;}
.syApplication .choice li .cover{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;padding-left: 25px;flex-direction: column;color: #fff;z-index: 5;}
.syApplication .choice li .line1{width: 30px;height: 1px;background: #fff;background: #fff;margin: 10px 0;}
.syApplication .top{padding:30px;background: #fff;margin-bottom: 20px;height: 160px;}
.syApplication .top h5{font-size: 18px;font-weight: bold;margin-bottom: 20px;}
.syApplication .bot li .imgarea{position: relative;color: #fff;height: 240px;}
.syApplication .bot li .imgarea::after{position: absolute;content:"";width: 100%;height: 30%;background: linear-gradient(to top,#000,rgba(0,0,0,0.0));left: 0;bottom: 0;}
.syApplication .bot li:hover .imgarea::after{background: linear-gradient(to top,#14156d,rgba(20,21,109,0.0))}
.syApplication .bot li .txt{position: absolute;width: 100%;padding:5px 10px;bottom: 0;left: 0;z-index: 5;}
.syApplication .bot li .txt span{display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.syApplication .bot li .txt i{float: right;}
.syApplication .contact{background: #14156d;padding: 20px;color: #fff;height: 420px;}
.syApplication .contact img{max-width: 100%;}
.syApplication .contact h4{font-size: 24px;margin: 20px 0;font-weight: bold;}
.syApplication .contact p{font-size: 30px;font-weight: bold;font-family: 'Century Gothic';line-height: 1.5;margin-bottom: 10px;}
.syApplication .contact .link{display: block;text-align: center;color: #000;background: #f9c100;padding: 10px 0;}
.syApplication .cont{display: none;}
.syApplication .cont.show{display: block;}
.syApplication li img{max-width: 100%;}
.syApplication .contact .link i{display: inline-block;line-height: 1;font-size: 20px;vertical-align: middle;}

.syApplication  .wrap{ width: 100%; display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap;}
.syApplicationFl{ width: 75%;}
.syApplicationFr{ width:22%; }
.syApplicationFl ul.bot{ display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap;}
.syApplicationFl ul.bot li{ width: 32%; }






.in-youshi{
    width: 1400px;
    margin: 0 auto;
    padding:80px 0 90px 0;
}
.in-youshi-box{
    background: url("../images/youshibg.jpg") no-repeat center;
    position: relative;
    height: 426px;
    margin-top: 74px;
}
.in-youshi-box .in-youshi-list{
    position: absolute;
    width: 415px;
}
.in-youshi-box .in-youshi-list .fir{
    font-size:22px;
    color:#363636;
    font-weight: 700;
    margin-bottom: 22px;
}
.in-youshi-box .in-youshi-list .sec{
    font-size:16px;
    color:#8f8f8f;
    line-height: 26px;
}
.in-youshi-box .in-youshi-list:nth-child(1){
    top: 18px;
    left:0;
}
.in-youshi-box .in-youshi-list:nth-child(2){
    top: 18px;
    right:0;
}
.in-youshi-box .in-youshi-list:nth-child(3){
    top: 292px;
    left:0;
}
.in-youshi-box .in-youshi-list:nth-child(4){
    top: 292px;
    right:0;
}
.in-youshi-box .zi{
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size:36px;
    font-weight: 700;
    background: linear-gradient(to bottom, #146ece, #013d79);
    -webkit-background-clip: text;
    color: transparent;
    z-index: 2;
}
.in-youshi-box .zisec{
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size:36px;
    font-weight: 700;
    color: #146ece;
    z-index: 1;
    text-shadow: 0px 0px 7px #969696;
}
.in-youshi-box .in-youshi-yuan{
    position:absolute;
    width: 380px;
    height: 380px;
    border-radius: 200px;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.in-youshi-box .in-youshi-yuan img{
    position: absolute;
    max-width: 100%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
}
.in-youshi-box .in-youshi-yuan img.xz{
    opacity: 1;
    visibility: visible;
}
.in-youshi-box .in-youshi-yuan .img1{
    left: -56px;
    top: -57px;
}
.in-youshi-box .in-youshi-yuan .img2{
    right: -60px;
    top: -57px;
}
.in-youshi-box .in-youshi-yuan .img3{
    left: -57px;
    top: 191px;
}
.in-youshi-box .in-youshi-yuan .img4{
    right: -60px;
    top: 191px;
}


.keywords{
    width: 550px;
    float: right;
    margin-top:40px;
}
.keywords strong{
    color: #414141;
    font-size: 18px;
    display: block;
    background: url("../images/hot.png") no-repeat center left;
    text-indent: 30px;
    float: left;
}
.keywords ul li{
    padding: 0 15px;
    float: left;
}
.keywords ul li a{
    color: #4c4c4c;
    font-size: 18px;
}
.all-index-title{
    text-align:center;
    margin-bottom: 30px;
}
.all-index-title .fir{
    line-height: 35px;
    font-size: 36px;
    color: #363636;
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
}
.all-index-title .fir span{
    font-weight: 700;
}
.all-index-title .sec{
    position: relative;
    font-size: 18px;
    color: #8f8f8f;
}
.all-index-title img{
    margin:17px auto 12px auto;
}


.in-news{
    width: 100%;
    padding:50px 0;
    background: #f1f3f8;
}
.in-news .warpper{
    width: 1400px;
    margin: 0 auto;
}

.in-news-left{
    float: left;
    width: 25%;
    height: 410px;
    background: #fff;
    padding:34px;
}
.in-news .in-news-title{
    line-height: 25px;
    font-size:14px;
    background: #131467;
    color:#fff;
    width: 90px;
    text-align:center;
    border-radius: 15px 0 15px 0;
    margin-bottom: 20px;
}
.in-news .in-news-box .fir{
    font-size:18px;
    color:#3a3a3a;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 15px;
}
.in-news .in-news-box .in-news-left:hover .fir{
    font-weight: 700;
    color:#0656a9;
}
.in-news .in-news-box .time{
    font-size:14px;
    color:#b1b1b1;
}
.in-news .in-news-box .line{
    width: 28px;
    height: 1px;
    background: #0656a9;
    margin:20px 0;
}
.in-news .in-news-box .des{
    font-size:14px;
    color:#767676;
    line-height: 25px;
}
.in-news .in-news-center{
    float: left;
    width: 28%;
}
.in-news .in-news-center .in-news-center-list{
    background: #fff;
    height: 193px;
    margin-left: 24px;
    padding:30px;
}
.in-news .in-news-center .in-news-center-list:nth-child(1){
    margin-bottom: 23px;
}
.in-news .in-news-center .in-news-center-list:hover .fir{
    font-weight: 700;
    color:#0656a9;
}
.in-news .in-news-right{
    float: right;
    width: 45%;
    height: 407px;
    position: relative;
    overflow: hidden;
}
.in-news .in-news-right .imgbox{
    width: 100%;
    height: 100%;
    position: relative;
}
.in-news .in-news-right .pic-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.in-news .in-news-right:hover .pic-img{
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}
.in-news .in-news-right .meng{
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    /* background:linear-gradient(rgba(0,0,0,0) 59%,rgba(0,0,0,0.9)); */
}
.in-news .in-news-right .meng-inner{
    position: absolute;
    width: 100%;
    bottom:0px;
    left:0;
    padding:20px 40px;
    color:#fff;
    background-color:rgba(19,20,103,0.7) ;
}
.in-news .in-news-right .meng-inner .time{
    color:#fff;
    font-size:14px;
}

.in-news .in-news-right .meng-inner .fir{
    color:#fff;
    font-size:20px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 3px;
}
.in-news .in-news-right .meng-inner .des{
    color:#fff;
    font-size:14px;
    line-height: 24px;
}
.in-news .all-a-more{
    margin:40px auto 0 auto;
}



.all-a-more{
    overflow: hidden;
    display: block;
    position: relative;
    line-height: 45px;
    border:2px solid #ffc000;
    border-radius: 16px 0 16px 0;
    font-size:16px;
    color:#ffc000;
    padding-left:30px;
    width: 165px;
    background: url("../img/all-a-more-bg.png") no-repeat right 30px center;
}
.all-a-more:hover{
    border-radius: 0;
    color:#fff;
    background:#ff8400 url("../img/all-a-more-bg1.png") no-repeat right 30px center;
}
.all-a-more:before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0.6), transparent );
    transition: all 650ms;
}
.all-a-more:hover:before{
    left:100%;
}
.in-company .all-a-more{
    margin: 47px 0 73px 0;
}
.in-company-right .imgbox .meng{
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align:center;
    width: 100%;
}
.in-company-right .imgbox .meng img{
    max-width: 100%;
    margin:0 auto;
}
.in-company-right .imgbox .meng p{
    font-size:22px;
    color:#fff;
    font-weight: 700;
    margin-top: 10px;
}
@keyframes tran_s2 {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.in-company-right .imgbox:hover .meng img{
    -webkit-animation: tran_s2 10s linear infinite alternate;
    -o-animation: tran_s2 10s linear infinite alternate;
    animation: tran_s2 10s linear infinite alternate;
}
.all-line{
    max-width: 100%;
    margin:0 auto;
}


footer{
    width: 100%;
    background-color: #131467;
    padding: 20px 0px 0px 0px;
}
.boot{
    width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content:flex-start;
    flex-wrap: nowrap;
    color: #fff;
}
.boot a{
    color: #fff;
}
.custumer{
    border-right: 1px solid #0a0c3f;
    padding: 20px 80px 20px 0px;
}

.custumer h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.custumer h1{
    color: #04a9eb;
    font-size: 26px;
    font-weight: bold;
    line-height: 35px;
}
.custumer p{
    line-height: 33px;
    margin-top: 15px;
}


.link{
    border-left: 1px solid #1a1b99;
    padding: 20px 0px 20px 80px;
    border-right: 1px solid #0a0c3f;
}
.link h3{
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}
.link ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-top: 20px;
}

.link li a{
   color: #fff;
   display: block;
   line-height: 30px;
}
.link li{
   margin-right:80px;
   
}
.focusUs{
    border-left: 1px solid #1a1b99;
    padding: 20px 0px 20px 80px;
}
.focusUs h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.focusContent{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-end;
}
.focusUs h4{
    margin:15px 0px 20px 0px;
    font-size: 15px;
}
.footCopy{
    background-color: #0d0e47;
    text-align: center;
    padding: 10px 0px;
    color: rgba(255,255,255,0.7);
    margin-top: 30px;
    font-size: 13px;
}
.footCopy a{
    color: rgba(255,255,255,0.7);
}


/*内页css开始*/
.ny_fr{ width:880px;}
.ny_fr .pro_title{ width:880px; border-bottom:1px solid #ccc; line-height:50px; overflow:hidden;}
.ny_fr .pro_title h3{ font-size:24px; border-bottom:2px solid #fac200;}
.ny_fr .content{ margin:20px 0px;}

.bannerNy{overflow:hidden;}

.nyPro{ padding:20px 0px 30px 0px; overflow:hidden;}
.nyPro_fl{ width:21%; float:left;}
.nyPro_fl .title{ width:100%; height:100px; text-align:center; color:#fff; background-color:#131467;}
.nyPro_fl .title H3{ font-size:30px; padding-top:20px; font-weight:normal; letter-spacing:2px;}
.nyPro_fl .title P{ font-size:16px; text-transform:uppercase;}
.nyPro_fl .tel{ width:100%; height:95px; line-height:35px; padding-top:51px; font-size:27px; color:#fff; text-align:center; background:url(../images/L-image2.jpg) no-repeat;}

.nyPro_fl ul.Lmenu{ width:100%; border:solid 1px #e5e3da; border-bottom:none;}
.nyPro_fl ul.Lmenu li{ width:100%; line-height:48px; font-size:17px; border-bottom:solid 1px #e5e3da;}
.nyPro_fl ul.Lmenu li a{ width:100%; display:block; background:#eee url(../images/jiantou1.png) no-repeat;background-position:95% 50%; text-indent:16px; border-bottom:solid 1px #fff;}
.nyPro_fl ul.Lmenu li a:hover{ color:#fff; background-color:#04a9eb;}
.nyPro_fl ul.Lmenu li .current1{ color:#fff;background-color:#04a9eb;}

.nyPro_fl ul.Lmenu li ul{ margin-bottom:10px;}
.nyPro_fl ul.Lmenu li ul li{ background-color:#fff; border-bottom:none;}
.nyPro_fl ul.Lmenu li ul li a{ background:none; display:block; font-size:15px;line-height:38px; text-indent:29px; border-bottom:1px dashed #ddd;}

.nyPro_fr{ width:76%; float:right;}
.nyPro_fr .pro_title{width:100%;border-bottom:1px solid #ccc;line-height:25px;overflow:hidden;}
.nyPro_fr .pro_title .fr img{ margin-top:18px;}
.nyPro_fr .pro_title h3{ font-size:21px; color:#131467;}
.nyPro_fr .pro_title h3 span{ font-size:15px; font-weight:normal; color:#5e5e5e;}
.descrip{ width:100%; padding:10px 2%; border:1px solid #ddd; color:#666; font-size:14px; background-color:#f3f3f3; margin:10px 0px 0px 0px; line-height:25px;}

.nyPro_fr .nyProduct{ width:100%;}
.nyPro_fr .nyProduct ul{ margin: 20px 0px 0px 0px;}
.nyPro_fr .nyProduct ul li a{ width:100%; margin:0px 0px 20px 0px; display:block; border:1px solid #e5e5e5;}
.nyPro_fr .nyProduct ul li a:hover{ border:1px solid #0074bc;}
.nyPro_fr .nyProduct ul li div{ padding:7px; margin:0px auto; text-align:center; overflow:hidden}
.nyPro_fr .nyProduct ul li div img{ max-width:100%; cursor: pointer; transition: all 0.6s;}
.nyPro_fr .nyProduct ul li div img:hover{ transform: scale(1.4);}
.nyPro_fr .nyProduct ul li p{ text-align:center; line-height:38px; margin:0px; }


.list_news{ width:100%; margin-top:20px;}
.list_news h3{ height:38px; line-height:38px; font-size:16px; text-indent:15px; color:#fff; background-color:#131467;}
.list_news ul{ padding:5px 10px 10px 10px; border:1px solid  #eee}
.list_news ul li{ height:34px; line-height:34px; border-bottom:1px dashed #eee; text-indent:18px; background:url(../images/news_x.jpg) 3px 15px no-repeat; }
.list_news ul li a{ font-size:14px;}

.list_link{ width:100%; margin-top:20px;}
.list_link h3{ height:38px; line-height:38px; font-size:16px; text-indent:15px; color:#fff; background-color:#0074bc;}
.list_link p a{ border:1px solid #ccc; padding:5px; margin:0px 4px; line-height:38px; font-size:14px;}
.list_link p a:hover{ background-color:#0074bc; color:#fff;}


.nyNew{ font-size:14px; padding:10px; line-height:25px;}
.NewsList { clear:both; height:auto!important; width:870px; margin-left:0px; }
.NewsList li{line-height:24px;border-bottom:1px dotted #ddd; padding:20px 0px; overflow:hidden;}
.NewsList li a{ display:block}
.NewsList li span{ float:right; width:80px; color:#666;}

.NewsList li H3{ margin-top:0px;}
.NewsList li H3 a{ font-size:16px; color:#333; font-weight:bold; line-height:40px;}
.NewsList li H3 a:hover{ color:#06479B; text-decoration:underline;}
.NewsList li .fl{ width:220px; height:153px; float:left; border:1px solid #ccc; text-align:center;}
.NewsList li .fl img{ max-width:100%; max-height:100%;}
.NewsList li .fr{ width:600px; float:right;}
.NewsList li .fr time{ line-height:40px; color:#999;}



.newView { padding: 0;  margin: 0;}
.newView_title { text-align: center; border-bottom: 1px dotted #CCC; margin-top:25px; overflow:hidden;}
.newView_title h3 { color: #000; line-height:45px;}
.newView_title p { font-size: 13px;  color: #999; line-height:30px;}
.newView_info { clear:both;  line-height: 2em;  min-height: 400px;  height: auto;  _height: 400px;  margin: 10px 0 30px 0;}

.friendLink{ width:880px; margin-top:20px; overflow:hidden;}
.products_k_list{}
.products_k_list li{ width:242px; float:left; margin:0px 10px; font-size:14px; text-align:center;}
.products_k_list li div{ width:240px; height:181px; border:1px solid #ccc; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;}
.products_k_list li img{ max-width:100%; max-height:100%;}
.products_k_list li p{ line-height:35px;}

.bana_dh{ width:100%; height:43px; margin:auto; border-bottom:1px solid #ccc; clear:both;}
.bana_h3{ margin:0px; padding:0px; float:left; line-height:42px; font-size:16px; font-weight:bold; color:#333; border-bottom:2px solid #0074bc;}
.bana_dh a{ float:right; font-size:14px;}
.ab_pro_con{ font-size:14px; padding:10px; line-height:25px;}

.news_info_list { clear:both; height:auto!important; margin-left:0px; padding-top:8px; font-size:14px;  min-height:220px;}
.news_info_list li{ float:left; width:373px; height:40px; padding-left:17px; background:url(../images/bj.jpg) no-repeat -6px 9px;line-height:40px; margin-right:80px;}
.news_info_list li:nth-child(2n){ margin-right:0}
.news_info_list li a{ display:block}
.news_info_list li span{ float:right; width:80px; color:#666;}

.pro_ul li span{ display:block; background:#2d4d89; width:225px; height:40px; line-height:40px; font-size:14px; color:#FFF}
.hCotent{ width:100%; overflow:hidden;}
.pro_a_left{ float:left; width:46%; padding:7px; text-align:center; border:1px solid #ccc;}
.pro_a_left img{ max-width:100%; max-height:300px; }
.pro_a_right{ float:right; width:49%;}
.pro_a_right h3{ color:#131467; border-bottom:1px dotted #ddd; font-size:20px; font-weight:bold; padding-bottom:10px; }
.pro_a_right .gaiyao{ min-height:110px; font-size:13px; padding-top:20px;}
.pro_a_right .gaiyao span{font-size:16px; font-weight:bold; color:#000;}
.pro_a_right_d{ font-size:16px; margin-bottom:20px;}
.pro_a_right_d span{color:#f00; font-size:22px; }

.zx{ float:left;}
.pAsk span{ font-size:15px; line-height:37px; }

.xiangqing{ clear:both; overflow:hidden;}
.pro_tit{ width:100%;font-size:16px;color:#237ec5;border-top:1px dotted #ccc; margin-top:20px; padding-top:10px;overflow:hidden;}
.pro_cont{ padding-left:10px; margin-top:10px; margin-bottom:30px;}
.shipin_content{ margin-bottom:30px;}
.shipin_content h3{ line-height:60px; font-size:20px; text-align:center;}
.shipin_content .pro_img{ width:100%; text-align:center; }
.shipin_content .pro_img img{ max-width:100%; }

.page_div1 { clear:both; padding-top:20px;}
.page_div1 table{ margin:0px auto;}
.page_div1 table tr td{ font-size:14px;}
.page_div1 tr td a{ display:block; line-height:30px; padding:0px 12px; color:#fff; background-color:#999;}
.page_div1 tr td .acen{ display:block; margin:0px 2px; background-color:#999;}
.page_div1 tr td .aleft{ display:block; margin:0px 2px; background-color:#999;}
.page_div1 tr td .aspan{ display:block; line-height:30px; padding:0px 12px; color:#fff; margin:0px 2px; background-color:#0074bc;}

.news-det-btn{ font-size:14px; line-height:25px;}
.news-det-btn a{ color:#333;}

.guestTab{ margin:35px;}
.guestTab tr td{ font-size:14px;}
.guestTab tr td input{ border:1px solid #e3e3e3;}
.guestTab tr td textarea{ border:1px solid #eee;color:#aaa; padding:10px 0px 0px 10px; font-size:14px; width:680px; height:120px;}
.guestTab tr td .message_input{ color:#aaa; padding:0px 10px; font-size:14px; line-height:35px; margin-bottom:25px;}
.guestTab tr td .btn{ background:#fe693e;cursor:pointer; width:80px; text-align:center;border:none;color:#fff;font-size:14px;border-radius:3px;margin-top:15px;-moz-border-radius:3px;-webkit-border-radius:3px; margin-left:5px;}

.wContact_fl{ width:20%; float:left; margin:0px 10px 0px 0px;}
.wContact_fr{ width:60%; float:left}
/*内页css结束*/



@media screen and (min-width:1200px) and (max-width:1399px){
header{ width:1180px; margin:0 auto; }
header .logo{ width:14%; float:left;}
header .menu{ width:65%; float:right; margin:35px 2% 35px 0px; text-align:right; line-height:20px;}
header .menu a{ font-size:17px; color:#555; margin:0px 1.7%;}
header .tel{ width:15%; float:right; text-align:right; font-size:23px; color:#192899; font-weight:bold; line-height:30px; margin:29px 0px 29px 0px;}
header .telimg{ width:4%; float:right; text-align:right; margin:29px 0px 29px 0px;}

.syAbout{ width:1180px; margin:0 auto; text-align:center;}
.syAbout h1{ font-size: 30px; line-height: 62px; margin-top: 35px;}
.syAbout ul li .content{ position: relative; padding: 25px 8% 35px 8%;}
.syAbout ul li .content h2{ display:inline; font-size: 18px;}
.syAbout ul li .content p{ font-size: 13px;}

.syProduct{ width:1180px; margin:50px auto 0 auto; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}

.in-company{ width: 1180px;}
.syApplicationAd{ margin-top: 330px;}
.syApplication{ width:1180px; margin:0 auto; padding: 60px 0;}
.in-youshi{ width: 1180px;}
.in-youshi-box .in-youshi-list{ width: 300px;}
.in-news .warpper{ width: 1180px;}
.boot{ width: 1180px;}
.link{ padding: 20px 0px 20px 70px;}
.link li{ margin-right: 70px;}


.syApplicationFl{ width: 72%;}
.syApplicationFr{ width:25%; }




}

@media screen and (min-width:993px) and (max-width:1199px){
header{ width:973px; margin:0 auto; }
header .logo{ width:15%; float:left; margin-top:5px;}
header .logo img{ width:100%; max-width:186px;}
header .menu{ width:70%; float:right; margin:30px 0px 30px 0px; text-align:right; line-height:20px;}
header .menu a{ font-size:16px; color:#555; margin:0px 1.7%;}
header .tel{ display:none;}
header .telimg{ display:none;}

.syAbout{ width:973px; margin:0 auto; text-align:center;}
.syAbout h1{ font-size: 30px; line-height: 62px; margin-top: 35px;}
.syAbout ul li .content{ position: relative; padding: 15px 8% 25px 8%;}
.syAbout ul li .content h2{ display:inline; font-size: 18px;}
.syAbout ul li .content p{ font-size: 13px;}

.syProduct{ width:973px; margin:50px auto 0 auto; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
.syProductFl .text{ padding:10px 20px 18px 20px;}
.syProductFl .text a{ display:block; margin-top:10px;}

.syProMenu{padding: 20px 0px 40px 0px;margin-top: 80px;}
.syProMenu h1{ font-size: 30px; text-align: center; line-height: 55px; margin-bottom: 20px; font-weight: bold;}
.in-company{ width: 973px;}
.in-company .all-a-more{ margin: 24px 0 30px 0;}
.in-company-right .imgbox .meng{ top: 37%;}
.in-company-right .imgbox{height: auto; }

.syApplicationAd{ margin-top: 210px;}
.syApplication{ width:973px; margin:0 auto; padding: 60px 0;}
.syApplication .contact h4{font-size: 19px;}
.syApplication .contact p{font-size: 24px;}
.in-youshi{ width: 973px;}
.in-youshi-box .in-youshi-list{ width: 300px;}
.in-youshi-box{
    background: url("../images/youshibg.jpg") no-repeat center 80%;
    height: 426px;
    margin-top: 74px;
}
.in-youshi-box .in-youshi-yuan .img1{
    width: 65%;
    left: -56px;
    top: -41px;
}
.in-youshi-box .in-youshi-yuan .img2{
    width: 65%;
    right: -56px;
    top: -41px;
}
.in-youshi-box .in-youshi-yuan .img3{
    width: 65%;
    left: -59px;
    top: 206px;
}
.in-youshi-box .in-youshi-yuan .img4{
    width: 65%;
    right: -59px;
    top: 206px;
}
.in-news .warpper{ width: 973px;}
.in-news .in-news-box .fir{ font-size:16px;}
.in-news .in-news-right .meng-inner{ padding:15px 20px;}
.boot{ width: 973px;}
.custumer{ padding: 20px 40px 20px 0px;}
.link{ padding: 20px 0px 20px 40px;}
.link li{ margin-right: 30px;}
.focusUs{ padding: 20px 0px 20px 40px;}

.syApplicationFl{ width: 68%;}
.syApplicationFr{ width:29%; }

}
	
@media screen and (min-width:768px) and (max-width:992px){
header{ width:748px; margin:0 auto; }
header .logo{ width:20%; float:left;}
header .logo img{ width:100%; max-width:186px;}
header .menu{ width:80%; float:right; margin:30px 0px 30px 0px; text-align:right; line-height:20px;}
header .menu a{ font-size:16px; color:#555; margin:0px 1.3%;}
header .tel{ display:none;}
header .telimg{ display:none;}

.syAbout{ width:748px; margin:0 auto; text-align:center;}
.syAbout h1{ font-size: 26px; line-height: 62px; margin-top: 35px;}
.syAbout ul li .mask{ width:50px;}
.syAbout ul li .mask img{ width:100%;}
.syAbout ul li{ width: 23%;}
.syAbout ul li .content{ position: relative; padding: 0px 5% 15px 5%;}
.syAbout ul li .content h2{ display:inline; font-size: 15px; padding: 0px 15px 8px 15px; line-height: 55px;}
.syAbout ul li .content p{ font-size: 13px;}

.syProduct{ width:748px; margin:50px auto 0 auto; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
.syProductFl .text{ padding:10px 20px 18px 20px;}
.syProductFl .text a{ display:block; margin-top:10px;}


.syProMenu{padding: 20px 0px 40px 0px;margin-top: 80px;}
.syProMenu h1{ font-size: 30px; line-height: 55px; margin-bottom: 20px; }
.in-company{ width: 748px;}
.in-company .all-a-more{ margin: 24px 0 30px 0;}
.in-company-right .imgbox .meng{ top: 37%;}
.in-company-right .imgbox{height: auto; }

.syApplicationAd{ margin-top: 210px;}
.syApplication{ width:748px; margin:0 auto; padding: 60px 0;}
.syApplication .contact h4{font-size: 19px;}
.syApplication .contact p{font-size: 24px;}
.in-youshi{ width: 748px;}
.in-youshi-box .in-youshi-list{ width: 300px;}
.in-youshi-box{
    background: url("../images/youshibg.jpg") no-repeat center 80%;
    height: 426px;
    margin-top: 74px;
}
.in-youshi-box .in-youshi-yuan .img1{
    width: 65%;
    left: -56px;
    top: -41px;
}
.in-youshi-box .in-youshi-yuan .img2{
    width: 65%;
    right: -56px;
    top: -41px;
}
.in-youshi-box .in-youshi-yuan .img3{
    width: 65%;
    left: -59px;
    top: 206px;
}
.in-youshi-box .in-youshi-yuan .img4{
    width: 65%;
    right: -59px;
    top: 206px;
}
.in-youshi-box .in-youshi-list .sec{
    font-size:15px;
}
.in-youshi-box .in-youshi-list .fir{
    font-size:20px;
    margin-top: 10px;
}
.in-news .warpper{ width: 748px;}
.in-news .in-news-box .fir{ font-size:16px;}
.in-news .in-news-right .meng-inner{ padding:15px 20px;}
.boot{ width: 748px;}
.custumer{ padding: 20px 40px 20px 0px;}
.link{ padding: 20px 0px 20px 40px;}
.link li{ margin-right: 30px;}
.focusUs{ padding: 20px 0px 20px 40px;}

.in-company-right .fir{ font-size:30px;}
.all-a-more{ line-height: 39px;  width: 136px;}
.in-company-item .in-company-list .fir{ font-size: 17px;}
.in-company-left{
    width: 60%;
}
.in-company-right{
    width: 35%;
}
.in-company .warpper{
	padding: 50px 25px;
}
.syApplicationAd{margin-top: 181px;}
.syApplicationAd h1{ font-size: 30px; line-height:40px;}

.syApplicationFl{ width: 100%;}
.syApplicationFr{ display: none;}
.syApplication{ padding:0px;}

.in-news-left{ width: 48%;}
.in-news .in-news-center{ width: 48%;}
.in-news .in-news-right{
    float: none;
    width: 96%;
    height: 437px;
    position: relative;
    overflow: hidden;
    padding-top: 30px;
}
.link{ display: none;}


.pro_a_right_d{ display:none;}
.pAsk span{ display:none;}
	
.nyPro_fl{ width:28%;}
.nyPro_fl .tel{ width:100%; height:95px; line-height:35px; padding-top:51px; font-size:20px; color:#fff; background:url(../images/L-image2.jpg) no-repeat -20px 0px;}
.nyPro_fl ul li{ width:100%; line-height:53px; background-color:#eee; margin:2px 0px; position:relative;}
.nyPro_fl ul li a{ width:100%; display:block; font-size:15px; text-indent:1em;}

.nyPro_fr{ width:69%;}
.nyPro_fr .nyProduct{ width:100%;}
.nyPro_fr .nyProduct ul{ margin: 20px 0px 0px 0px;}
.nyPro_fr .nyProduct ul li a{ width:100%; margin:0px 0px 20px 0px; display:block; border:1px solid #e5e5e5;}
.nyPro_fr .nyProduct ul li a:hover{ border:1px solid #0074bc;}
.nyPro_fr .nyProduct ul li div{ padding:7px; margin:0px auto; text-align:center; overflow:hidden}
.nyPro_fr .nyProduct ul li div img{ max-width:100%; cursor: pointer; transition: all 0.6s;}
.nyPro_fr .nyProduct ul li div img:hover{ transform: scale(1.4);}
.nyPro_fr .nyProduct ul li p{ text-align:center; line-height:38px; margin:0px; }
.NewsList { width:100%;}

.guestTab tr td textarea{ width:420px;}

.wContact_fl{ width:31%;margin:10px 10px 0px 0px;}
.wContact_fr{ width:65%;}


}
	
@media screen and (min-width:0px) and (max-width:767px){
#shipin{ display:block; position:fixed; width:80%; left:0px; top:15%; z-index:999;}
header{ width:100%; margin:0 auto; }
header .logo{ width:80%; float:none; text-align:center;}
header .logo img{ width:100%; max-width:186px;}
header .menu{ width:100%; float:none; margin:0px; background-color:#f00; text-align:center; line-height:20px;}
header .menu a{ display:block; float:left; width:49.6%; background-color:#192899; margin: 0px 0.2% 1px 0.2%; font-size:15px; line-height:35px; color:#555; padding:0px; color:#fff;}
header .menu a:nth-child(6){ display:none;}
header .tel{ display:none;}
header .telimg{ display:none;}

.syAbout{ width:96%; margin:0 auto; text-align:center;}
.syAbout h1{ width: 70%; font-size: 20px; line-height: 32px; margin: 0px auto 5px auto;}
.syAbout article{ width: 96%; font-size: 13px; line-height: 2; margin-top: 15px;}
.syAbout ul li .mask{ width:30px;}
.syAbout ul li .mask img{ width:100%;}
.syAbout ul li{ width: 23%;}
.syAbout ul li .content{ position: relative; padding: 20px 5% 15px 5%;}
.syAbout ul li .content h2{ display:block; font-size: 14px; border-bottom: none; padding: 0px 5px 8px 5px; height: 40px; line-height: 20px;}
.syAbout ul li .content p{ font-size: 12px;}

.syProduct{ width:96%; margin:30px 2% 0 2%;}
.syProductFl{ width:100%;}
.syProductFl .text{ padding:10px 20px 18px 20px;}
.syProductFl .text a{ margin-top:10px;}

.syProductFr{ width:100%;}
.syProductFr ul{ display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
.syProductFr ul li{ width:48%; margin-top:15px; margin-bottom:0px;}
.syProductFr ul li .text{ width:100%; font-size:15px; padding:5px 15px; line-height:25px; text-align:center;}
.syProductFr ul li .text img{ display:none;}

.syProMenu{ padding: 15px 0px 25px 0px; margin-top: 50px;}
.syProMenu h1{ line-height:40px; margin-bottom: 20px; font-size: 26px;}
.syProMenu ul{ width: 100%; flex-wrap: wrap; padding: 0px 2%; }
.syProMenu ul li{ margin: 0px 5px;}
.syProMenu ul li a{ padding: 8px 20px ; margin-bottom: 10px;}

.sy_company{ width:100%; height:auto; position:relative; margin-top: 15px; padding: 0px 2%; padding-bottom: 50px;}
.in-company{
    width: 100%;
    position: relative;
    padding: 0px 0;
	margin:0 auto;
}
.in-company .warpper{
	position:relative;
	top:35px; 
	background-color:#fff;
	width:100%;
	padding:20px 2%;
}


.in-company-left{
    float: left;
    width: 100%;
}
.in-company-left .img{
    width: 100%;
    margin-bottom:25px;
}
.in-company-left .img img{
    width: 100%;
    object-fit: cover;
}
.in-company-item{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.in-company-item .in-company-list{
    width: 25%;
}
.in-company-item .in-company-list .imgbox{
    position: relative;
    width: 100%;
    height: 52px;
}
.in-company-item .in-company-list .fir{
    font-size:17px;
}
.in-company-item .in-company-list .sec{
    text-align:center;
    font-size:14px;
    color:#8e8e8e;
    line-height: 20px;
}
.in-company-right{
    float: right;
    width: 100%;
    position: relative;
}

.in-company-right .fir{
    font-size: 24px;
    font-weight: 700;
    text-align: center;;
    margin: 45px 0px 10px 0px;
}
.in-company .all-a-more{
    margin: 35px auto 20px auto;
}
.all-a-more{
    width: 145px;
}

.in-company-right .imgbox{
    width: 100%;
    height: 277px;
    overflow: hidden;
    position: relative;
}

.syApplicationAd{ margin-top:19px; padding:20px 0px;}
.syApplicationAd h1{ font-weight:bold; line-height:40px; font-size: 26px;}
.syApplicationAd span{ color:#f9c100;}
.syApplicationAd font{ color:#03a8ec;}
.syApplicationAd .line{ width:60px; height:3px; background-color:#fff; margin:0 auto;}
.syApplicationAd p{ margin-top:10px;}

.syApplication{ width:100%; margin:0 auto; padding: 20px 0; padding: 0 2%;}
.syApplication .rec{margin: 20px auto;}
.syApplication .tit_des{text-align: center;color: #999;line-height: 1;font-size: 16px;}
.syApplication .choice{margin-top: 40px;justify-content: space-between; margin-bottom: 20px;flex-wrap: wrap;}
.syApplication .choice li{ width: 32%; position: relative;font-size: 16px; margin-bottom: 15px;} 
.syApplication .choice li::before{content: '';position: absolute;width: 100%;height: 100%;background: linear-gradient(to right,#000,rgba(0,0,0,0.0));top: 0;left: 0;z-index: 3;transition: all 0.3s;}
.syApplication .choice li::after{content: '';position:absolute;width: 90%;height: 80%;border: 1px solid #eee;left: 5%;top: 10%;box-sizing: border-box;opacity: 0;z-index: 4;transition: all 0.3s;}
.syApplication .choice li:hover::before,.syApplication .choice li.active::before{background: linear-gradient(to right,#14156d,rgba(20,21,109,0.0));}
.syApplication .choice li:hover::after,.syApplication .choice li.active::after{opacity: 1;}
.syApplication .choice li .cover{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;padding-left: 21px;flex-direction: column;color: #fff;z-index: 5;}
.syApplication .choice li .cover p{ font-size: 14px;}
.syApplication .choice li .line1{width: 30px;height: 1px;background: #fff;background: #fff;margin: 10px 0;}
.syApplication .top{padding:0px;background: #fff;margin-bottom: 20px;height:auto;}
.syApplication .top h5{font-size: 18px;font-weight: bold;margin-bottom: 20px;}
.syApplication .bot li .imgarea{position: relative;color: #fff;height:auto;}
.syApplication .bot li .imgarea::after{position: absolute;content:"";width: 100%;height: 30%;background: linear-gradient(to top,#000,rgba(0,0,0,0.0));left: 0;bottom: 0;}
.syApplication .bot li:hover .imgarea::after{background: linear-gradient(to top,#14156d,rgba(20,21,109,0.0))}
.syApplication .bot li .txt{position: absolute;width: 100%;padding:5px 10px;bottom: 0;left: 0;z-index: 5;}
.syApplication .bot li .txt span{display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.syApplication .bot li .txt i{float: right;}
.syApplication .contact{background: #14156d;padding: 20px;color: #fff;height: 420px;}
.syApplication .contact img{max-width: 100%;}
.syApplication .contact h4{font-size: 24px;margin: 20px 0;font-weight: bold;}
.syApplication .contact p{font-size: 30px;font-weight: bold;font-family: 'Century Gothic';line-height: 1.5;margin-bottom: 10px;}
.syApplication .contact .link{display: block;text-align: center;color: #000;background: #f9c100;padding: 10px 0;}
.syApplication .cont{display: none;}
.syApplication .cont.show{display: block;}
.syApplication li img{ width: 100%;}
.syApplication .contact .link i{display: inline-block;line-height: 1;font-size: 20px;vertical-align: middle;}

.syApplication  .wrap{ width: 100%; display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap;}
.syApplicationFl{ width: 100%;}
.syApplicationFr{ display: none;}
.syApplicationFl ul.bot{ display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap;}
.syApplicationFl ul.bot li{ width:100%; }

.in-youshi{
    width: 100%;
    margin: 0 auto;
    padding:30px 0 30px 0;
}
.in-youshi-box{
    padding: 0px 2%;
    background:none;
    position: relative;
    height: auto;
    margin-top: 0px;
}
.in-youshi-box .in-youshi-list{
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}
.in-youshi-box .in-youshi-list .fir{
    font-size:17px;
    margin-bottom: 0px;
}
.in-youshi-box .in-youshi-list .sec{
    font-size:14px;
    color:#8f8f8f;
    line-height: 26px;
}
.in-youshi-box .in-youshi-list:nth-child(1){
    top: 18px;
    left:0;
}
.in-youshi-box .in-youshi-list:nth-child(2){
    top: 18px;
    right:0;
}
.in-youshi-box .in-youshi-list:nth-child(3){
    top: 18px;
    left:0;
}
.in-youshi-box .in-youshi-list:nth-child(4){
    top: 18px;
    right:0;
}
.in-youshi-box .zi{
    display: none;
}
.in-youshi-box .zisec{
    display: none;
}
.in-youshi-box .in-youshi-yuan{
    display: none;
}
.in-youshi-box .in-youshi-yuan img{
    position: absolute;
    max-width: 100%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
}
.in-youshi-box .in-youshi-yuan img.xz{
    opacity: 1;
    visibility: visible;
}
.in-youshi-box .in-youshi-yuan .img1{
    left: -56px;
    top: -57px;
}
.in-youshi-box .in-youshi-yuan .img2{
    right: -60px;
    top: -57px;
}
.in-youshi-box .in-youshi-yuan .img3{
    left: -57px;
    top: 191px;
}
.in-youshi-box .in-youshi-yuan .img4{
    right: -60px;
    top: 191px;
}



.keywords{
    width: 550px;
    float: right;
    margin-top:40px;
}
.keywords strong{
    color: #414141;
    font-size: 18px;
    display: block;
    background: url("../images/hot.png") no-repeat center left;
    text-indent: 30px;
    float: left;
}
.keywords ul li{
    padding: 0 15px;
    float: left;
}
.keywords ul li a{
    color: #4c4c4c;
    font-size: 18px;
}
.all-index-title{
    padding: 0px 2%;
    text-align:center;
    margin-bottom: 10px;
}
.all-index-title .fir{
    line-height: 35px;
    font-size: 26px;
    color: #363636;
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
}
.all-index-title .fir span{
    font-weight: 700;
}
.all-index-title .sec{
    position: relative;
    font-size: 14px;
    color: #8f8f8f;
    padding: 0px 6%;
}
.all-index-title img{
    margin:17px auto 12px auto;
}


.in-news{
    width: 100%;
    padding:50px 0;
    background: #f1f3f8;
}
.in-news .warpper{
    width: 100%;
    margin: 0 auto;
}

.in-news-left{
    float: none;
    width: 100%;
    height: auto;
    background: #fff;
    padding:34px 2%;
}
.in-news .in-news-title{
    line-height: 25px;
    font-size:14px;
    background: #131467;
    color:#fff;
    width: 90px;
    text-align:center;
    border-radius: 15px 0 15px 0;
    margin-bottom: 20px;
}
.in-news .in-news-box .fir{
    font-size:17px;
    color:#3a3a3a;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 15px;
}
.in-news .in-news-box .in-news-left:hover .fir{
    font-weight: 700;
    color:#0656a9;
}
.in-news .in-news-box .time{
    font-size:14px;
    color:#b1b1b1;
}
.in-news .in-news-box .line{
    width: 28px;
    height: 1px;
    background: #0656a9;
    margin:20px 0;
}
.in-news .in-news-box .des{
    font-size:14px;
    color:#767676;
    line-height: 25px;
}
.in-news .in-news-center{
    float: none;
    width: 100%;
}
.in-news .in-news-center .in-news-center-list{
    background: #fff;
    height: auto;
    margin-left: 0px;
    padding:30px 2%;
    margin-top: 10px;
}
.in-news .in-news-center .in-news-center-list:nth-child(1){
    margin-bottom:0px;
}
.in-news .in-news-center .in-news-center-list:hover .fir{
    font-weight: 700;
    color:#0656a9;
}
.in-news .in-news-right{
    float: none;
    width: 100%;
    height: 407px;
    position: relative;
    overflow: hidden;
}
.in-news .in-news-right .imgbox{
    width: 100%;
    height: 100%;
    position: relative;
}
.in-news .in-news-right .pic-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.in-news .in-news-right:hover .pic-img{
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}
.in-news .in-news-right .meng{
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
}
.in-news .in-news-right .meng-inner{
    position: absolute;
    width: 100%;
    bottom:0px;
    left:0;
    padding:20px 2%;
    color:#fff;
    background-color:rgba(19,20,103,0.7) ;
}
.in-news .in-news-right .meng-inner .time{
    color:#fff;
    font-size:14px;
}

.in-news .in-news-right .meng-inner .fir{
    color:#fff;
    font-size:16px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 3px;
}
.in-news .in-news-right .meng-inner .des{
    color:#fff;
    font-size:14px;
    line-height: 24px;
}
.in-news .all-a-more{
    margin:40px auto 0 auto;
}

.boot{
    padding: 0px 2%;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content:flex-start;
    flex-wrap: wrap;
    color: #fff;
}
.boot a{
    color: #fff;
}
.custumer{
    width: 100%;
    border-right: 1px solid #0a0c3f;
    padding: 0px 0px 10px 0px;
}

.custumer h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.custumer h1{
    color: #04a9eb;
    font-size: 26px;
    font-weight: bold;
    line-height: 35px;
}
.custumer p{
    line-height: 25px;
    margin-top: 15px;
}


.link{
    display: none;
}
.focusUs{
    width: 100%;
    border-left: 1px solid #1a1b99;
    padding: 10px 0px 10px 0px;
}
.focusUs h3{
    display: none;
}
.focusContent{
    display: flex;
    justify-content:flex-start;
    flex-wrap: nowrap;
    align-items: flex-end;
}
.focusContent p{
    margin-left: 15px;
}
.focusUs h4{
    display: none;
}
.footCopy{
    padding: 0px 2%;
    background-color: #0d0e47;
    text-align: center;
    padding: 10px 0px;
    color: rgba(255,255,255,0.7);
    margin-top: 30px;
    font-size: 12px;
}

.page_div1 table tr td{ font-size:12px;}
.page_div1 tr td a{ line-height:25px; padding:0px 8px; }
.page_div1 tr td .aspan{ line-height:25px; padding:0px 10px;}

.hCotent{ width:100%; overflow:hidden;}
.pro_a_left{ float:none; width:100%; padding:7px; text-align:center; border:1px solid #ccc;}
.pro_a_left img{ max-width:100%; max-height:300px; }
.pro_a_right{ float:none; width:100%;}
.pro_a_right h3{ color:#0074bc; border-bottom:1px dotted #ddd; font-size:17px; font-weight:bold; padding-bottom:10px; }
.pro_a_right .gaiyao{ min-height:110px; font-size:13px; padding-top:20px;}
.pro_a_right .gaiyao span{font-size:14px; font-weight:bold; color:#000;}
.pro_a_right_d{ font-size:15px; margin-bottom:20px;}
.pro_a_right_d span{ font-size:18px; }
.pAsk span{ display:none;}

	
.phone_nav{ width:100%; text-align:center; line-height:35px;}
.phone_nav li{ display:inline;}
.phone_nav li a{ margin:0px 2%; color:#333; font-weight:bold;}
.phone_search{ width:100%; background-color:#999; padding:0px 10%; height:49px;}
.phone_search #search{ float:left; width:80%; height:29px; line-height:29px; margin:10px 0px; border-radius:6px; -moz-border-radius:6px; border:none; padding:0px 10px;}
.phone_search #submit{ float:left; width:42px; background:url(../images/ss.png) no-repeat center center; height:29px; border:0px; border-radius:6px; -moz-border-radius:6px; margin:10px 0px 10px 3px;}

.nyPro{ padding-top:0px;}
.nyPro_fl{ display:none;}
.phoneLnav{ width:90%; margin:10px 5%; text-align:center;}
.phoneLnav ul li{ width:auto; display:inline; line-height:34px; margin:0px 3px;}
.phoneLnav ul li a{ font-size:14px; background-color:#ccc; padding:3px 8px;}
.phoneLnav ul li a:hover{ color:#fff; background-color:#0074bc;}

.phoneLnavNei{ width:90%; margin:10px 5% 0px 5%; text-align:center;}
.phoneLnavNei ul li{ width:auto; display:inline; line-height:34px; margin:0px 2px;}
.phoneLnavNei ul li a{ font-size:14px; background-color:#ccc; padding:6px 8px;}
.phoneLnavNei ul li a:hover{ color:#fff; background-color:#0074bc;}
.phoneLnavNei ul li .current1{ color:#fff; background-color:#0074bc; }


.nyPro_fr{ width:100%;}
.nyPro_fr .pro_title{ display:none;}
.nyPro_fr .nyProduct ul{ margin: 20px 0px 0px 0px;}
.nyPro_fr .nyProduct ul li a{ width:100%; margin:0px 0px 20px 0px;}
.nyPro_fr .nyProduct ul li div{ padding:4px; }
.nyPro_fr .nyProduct ul li p{ line-height:30px; font-size:13px; margin:0px; }

.nyPro_fr .PhoneProduct ul{ margin-top:20px; display:none; min-height:inherit;}
.nyPro_fr .PhoneProduct ul:nth-child(1){ display:block;}
.nyPro_fr .PhoneProduct ul li{ width:46%; float:left; margin:0px 2%; margin-bottom:18px; border:1px solid #e5e5e5;}
.nyPro_fr .PhoneProduct ul li:hover{ border:1px solid #0074bc;}
.nyPro_fr .PhoneProduct ul li div{ width:100%; height:149px; display: block; text-align:center; overflow:hidden;}
.nyPro_fr .PhoneProduct ul li div img{ max-width:100%; max-height:100%; transition: none;}
.nyPro_fr .PhoneProduct ul li div img:hover{ transform: none;}
.nyPro_fr .PhoneProduct ul li p{ text-align:center; height:38px; line-height:38px; background-color:#e0e0e0; overflow:hidden;}
.nyPro_fr .PhoneProduct ul li:hover p{ background-color:#0074bc;}
.nyPro_fr .PhoneProduct ul li a{ font-size:13px; color:#222;}

.newView_title { margin-top:0px; }
.newView_title h3 { font-size:16px; font-weight:bold; line-height:20px;}
.newView_title p { line-height:20px;}

.NewsList { width:100%; }
.NewsList li{ line-height:24px; padding:0px;}
.NewsList li span{ float:right; width:80%;}
.NewsList li H3{ margin:0px;}
.NewsList li H3 a{ font-size:15px; line-height:30px;}
.NewsList li .fl{ display:none;}
.NewsList li .fr{ width:100%; float:none; color:#777;}
.NewsList li .fr time{ line-height:40px; font-size:14px;}

.bana_dh{ display:none;}
.friendLink{ display:none;}
.news_info_list{ display:none;}

.guestTab{ margin:10px 2%;}
.guestTab tr td{ font-size:12px;}
.guestTab tr td input{ border:1px solid #e3e3e3;}
.guestTab tr td textarea{ width:100%; height:100px; border:1px solid #eee;color:#aaa; padding:10px 0px 0px 10px; font-size:12px;}
.guestTab tr td .message_input{ width:100%; color:#aaa; padding:0px 10px; font-size:12px; height:32px line-height:32px; margin-bottom:5px;}
.guestTab tr td .btn{ background:#fe693e;cursor:pointer;width:80px; text-align:center;border:none;color:#fff;font-size:14px;
border-radius:3px;margin-top:15px;-moz-border-radius:3px;-webkit-border-radius:3px; margin-left:5px;}
.guestTab .phoneOnline{ display:none;}

.wContact_fl,.wContact_fr{ width:100%; text-align:center;}
.banner{ width:100%; text-align:center;}
.banner img{ width:100%;}
/*底部漂浮*/
.pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; height:50px; z-index:99;}
.pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;}
.pf_down li .ico{ width:100%; float:left; height:30px;}
.pf_down li .ico img{ height:36px;}
.pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#929292; line-height:14px;}
.pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #1048A0; margin-top:-20px;-moz-border-radius:50%; 
-webkit-border-radius:50%; -khtml-border-radius:50%;border-radius:50%;}

.guestTab{ margin:10px 2%;}
.guestTab tr td{ font-size:14px;}
.guestTab tr td input{ border:1px solid #e3e3e3;}
.guestTab tr td textarea{ width:100%; height:100px; border:1px solid #eee;color:#aaa; padding:10px 10px 0px 10px;}
.guestTab tr td .message_input{ width:100%; color:#aaa; padding:0px 10px; line-height:30px; margin-bottom:10px;}
.guestTab tr td .btn{ background:#fe693e;cursor:pointer;width:80px;line-height:30px;text-align:center;border:none;color:#fff;font-size:14px;
border-radius:3px;margin-top:15px;-moz-border-radius:3px;-webkit-border-radius:3px; margin-left:5px;}
.guestTab .phoneOnline{ display:none;}
}