* {

    margin: 0;

    padding: 0;

}



a {

    text-decoration: none blink !important;

}



a:hover {

    text-decoration: none

}



ul,

li {

    list-style: none

}



input {

    outline: none

}



body,

html {

    background: #fff;

}



body {

    font-family: "微软雅黑";

    box-sizing: border-box;

    font-size: 15px;

}

.container {

    padding-left: 0 !important;

    padding-right: 0 !important;

}

.pic{ width: 100%; height: auto; display: inline-block;}

.cont8{ width: 80%; margin: 0 10%;}

.top{

    width: 100%;

    background: #024e95;

    color: #fff;

    height: 38px;

    line-height: 38px;

    font-size: 12px;

}

.icon{ width: 18px; height: auto; color: #fff;}

.map{ width: 24px; height: auto; margin-top: -5px;}

/*头部导航*/

.navbox {

    display: flex;

    display: -webkit-flex;

    flex-flow: row wrap;

    justify-content: space-between;

}

.navbar {

    z-index: 2;

    background: #fff;

    border: none;

    margin-bottom: 0;

    border-radius: 0;

    height: 50px;

}

.navbar-default .navbar-nav>li>a {

    color: #222;

    /* line-height: 36px; */

}

.navbar-default .navbar-nav>li>a:hover{

    color: #024e95;

}

.navbar-brand {

    /* width: 306px; */

    padding: 0 !important;

    background: #fff;

    border-radius: 0 0 30px 0;

    /* box-shadow: 2px 2px 5px rgba(2, 42, 80, 0.5); */

}

.navbar-brand:hover{

    background: #fff !important;

}



.navbar-brand img {

    width: 126px;

    height: auto;

    padding: 8px 0;

}

.toplink{

	display: inline-block;

	float:right;

}

.toplink li{

	float: left;

	color: #fff;

	margin: 15px 0 0 20px;

}

.navbar-default .navbar-nav>.active>a,

.navbar-default .navbar-nav>.active>a:focus,

.navbar-default .navbar-nav>.active>a:hover {

    background: transparent;

}



.navbar-collapse {

    float: right;

}

/* .navbar-nav {

    margin: 0 42px;

} */

.navbar-nav>li {

    padding: 0 6px;

    /* margin: 0 12px; */  

}

@media all and (min-width:1500px){

    .navbar-nav>li {

        padding: 0 6px;

        margin: 0 12px;

    }

}

.navbar-nav .active{

    background: #024e95;

}

.navbar-nav .active a{

    color: #fff !important;

}

.navbar-nav>li>a {

    font-size: 16px;

    position: relative;

    transition: 0.5s;

}



.navbar-nav>li:hover>a::after{

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    border-bottom: 2px solid #fff;

}





.container-fluid {

    height: 118px;

}



/* top-search */

/* #container {

    width: 200px;

    height: auto;

    margin: 0 auto;

    float: left;

} */



.search {

   

}



.search form {

    position: relative;

    width: 260px;

    margin: 0 auto;

    padding: 10px 0;

}



.search input,

.search button {

    border: none;

    outline: none;

}



.search input {

    width: 100%;

    height: 30px;

    padding-left: 13px;

    font-size: 13px;

}



.search button {

    height: 22px;

    width: 22px;

    cursor: pointer;

    position: absolute;

}

.bar7 form {

    height: 42px;

}



.bar7 input {

    width: 220px;

    border-radius: 42px;

    background: rgba(255, 255, 255, 0.94);

    transition: .3s linear;

    float: right;

    border: 1px solid #ddd;

}



.bar7 input:focus {

    width: 260px;

}



.bar7 button {

    background: none;

    top: 2px;

    right: 10px;

}



.bar7 button:before {

    content: "";

    font-family: FontAwesome;

    color: #324b4e;

}

.bar7 button i{

    font-size: 18px;

    padding: 14px 0 0;

    color: #024e95;

}

/* .navbar-collapse{

    width: 80%;

    display: flex;

    display: -webkit-flex;

    flex-flow: row wrap;

    justify-content: space-between;

} */

.navbar-collapse{ padding-right: 0 !important;}



@media all and (max-width: 767px) {

    .navbar-brand {

        width: 140px;

        margin-left: 10px;

    }

    .navbar {

        background: #fff;

    }

    .navbar-collapse {

        float: none;

        background: #fff;

        height: 100%;

    }

    .navbar-default .navbar-toggle:focus,

    .navbar-default .navbar-toggle:hover {

        background: transparent;

    }

    .navbar-default .navbar-toggle {

        border: transparent;

    }

    .navbar-default .navbar-toggle .icon-bar {

        background: #000;

    }

    .navbar-nav>li>ul>li>ul {

        display: none;

    }

    .navbar-nav>li>ul {

        display: none;

    }

}



/*导航结束*/



/* banner */

.flexslider{position:relative;overflow:hidden;}

.slides{position:relative;z-index:1;}

.slides img{width: 100%; height: auto;}

.flex-control-nav{position:absolute;bottom:0;z-index:2;width:100%;text-align:center; left: 0;}

.flex-control-nav li{display:inline-block;width:20px;height:20px;margin:0;*display:inline;zoom:1; }

.flex-control-nav a {

    display: inline-block;

    width: 10px;

    height: 20px;

    overflow: hidden;

    /* background: url(../images/dot.svg) right 0 no-repeat; */

    background-size: 20px 20px;

    cursor: pointer;

    color: rgba(0, 0, 0, 0)

}

.flex-control-nav .flex-active{background-position:0 0;}



.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.flex-direction-nav li a{display:block;width:36px;height:80px; background: #fff; overflow:hidden;cursor:pointer;position:absolute;}

.flex-direction-nav li a.flex-prev{left:0;background:url(../images/prev.png) center center no-repeat;}

.flex-direction-nav li a.flex-next{right:0;background:url(../images/next.png) center center no-repeat;}



/*-- message --*/

.contact {

    display: flex;

    background: url(../images/bg2.jpg)no-repeat 0px 0px;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-attachment: fixed;

    margin-top: -10px;

}

.contact-top {

    margin: 0 auto;

    width: 80%;

    padding: 48px 0 12px;

}

p.sub-text {

    text-align: center;

    letter-spacing: 4px;

    color: #fff;

    font-size: 1.1em;

}



h3.title-w3 {

    text-align: center;

    font-size: 2.5em;

    text-transform: uppercase;

    letter-spacing: 3px;

    color: #111;

    font-weight: 700;

}



h3.title-w3.con {

    color: #fff;

}



h3.title-w3.three {

    color: #fff;

}



.contact_form input[type='text'],

.contact_form input[type="email"] {

    width: 100%;

    border-radius: 0;

    line-height: 22px;

    font-size: 14px;

    padding: 14px 17px 14px;

    outline: none;

    color: #FFF;

    height: 50px;

    border: 1px solid #424141;

    margin: 0 0 20px;

    background: rgba(14, 14, 14, 0.64);

    letter-spacing: 1px;

}



.contact_form textarea {

    width: 96%;

    margin-left: 4%;

    border-radius: 0;

    line-height: 22px;

    font-size: 14px;

    padding: 14px 17px 14px;

    outline: none;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    resize: none;

    color: #FFF;

    height: 190px;

    border: 1px solid #424141;

    background: rgba(14, 14, 14, 0.64);

    letter-spacing: 1px;

}



form.contact_form {

    text-align: center;

    margin-top: 28px;

}



.message {

    margin-bottom: 30px;

}



.contact_form input[type="submit"] {

    padding: 9px 68px;

    border: 2px solid #024e95;

    font-size: 16px;

    color: #fff;

    background: #024e95;

    text-decoration: none;

    outline: none;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

    letter-spacing: 1px;

}



.contact_form input[type="submit"]:hover {

    border: 2px solid #3be8b0;

    background: #024e95;

}



.more_btn:hover {

    color: #FFF;

    background-color: rgba(0, 0, 0, 0.8);

    border-color: transparent;

}

.social_icons {

    text-align: center;

}



.social {

    position: relative;

    margin: 24px 0 0 22px;

    text-align: center;

}



.social a {

    position: relative;

    display: inline-block;

    width: 34px;

    height: 34px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    text-align: center;

    margin-right: 20px;

    font-size: 1em;

    color: #fff;

    line-height: 35px;

}



.social .fb {

    background: #6788ce;

}



.social .fb:before,

.social .fb:after {

    border-color: #6788ce;

}



.social .tw {

    background: #33ccff;

}



.social .tw:before,

.social .tw:after {

    border-color: #33ccff;

}



.social .gp {

    background: #DD4B39;

}



.social .gp:before,

.social .gp:after {

    border-color: #DD4B39;

}



.social .pin {

    background: #fe4445;

}



.social .pin:before,

.social .pin:after {

    border-color: #fe4445;

}



.social .db {

    background: #f85993;

}



.social .db:before,

.social .db:after {

    border-color: #f85993;

}



.social .rss {

    background: #ff9845;

}



.social .rss:before,

.social .rss:after {

    border-color: #ff9845;

}



.social .lin {

    background: #3a9bdc;

}



.social .lin:before,

.social .lin:after {

    border-color: #3a9bdc;

}



.social a:before,

.social a:after {

    content: "";

    display: block;

    position: absolute;

    background: transparent;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    border-radius: 50%;

    transition: .3s all;

    border: 3px solid;

}



.social a:hover:after {

    -webkit-transform: scale(1.5);

}



.social a:hover:before {

    -webkit-transform: scale(1);

    transition: .3s all;

    opacity: 0;

}



section.social ul li {

    display: inline-block;

}



/* product */

.sytitle{

    width: 100%;

    height: auto;

    /* margin: 20px 0 0; */

}

.sytitle h2{

    font-size: 22px;

    line-height: 42px;

    color: #024e95;

    font-weight: 600;

    text-transform:capitalize;

}



.cpfl {

    width: 80%;

    height: auto;

    margin: 0 10%;

    display: flex;

    display: -webkit-flex;

    flex-flow: row wrap;

    justify-content: space-between;

}



.cpfl li {

    width: 24%;

}



.cpfl li a {

    color: #fff;

}



.cpfl li a h1 {

    /* font-weight: 600; */

    font-size: 48px;

}



.cpfl li a img {

    width: 100%;

    height: auto;

}



/* .cpfl li a .zitu img{

    border: 1px solid #ddd;

} */



.cpfl li a .zitu {

    position: relative;

    font-size: 14px;

    padding: 5px 0;

    color: #111;

}



.cpfl li a .zitu h3 {

    line-height: 50px;

    font-size: 20px;

    margin: 0;

    border-bottom: 1px solid #ddd;

    position: relative;

}

.cpfl li a .zitu:hover h3{

    color: #024e95;

}

.cpfl li a .zitu:hover h3::after{

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    border-bottom: 2px solid #999;

}



.cpfl li a em {

    background: #595758;

    border-radius: 100px;

    width: 34px;

    margin-top: 8px;

    display: block;

    height: 6px;

    transition: width 0.5s;

    -moz-transition: width 0.5s;

    -webkit-transition: width 0.5s;

    -o-transition: width 0.5s;

}



.cpfl li a:hover em {

    width: 90%;

    background: #024e95;

}

.more {

    width: 100%;

    text-align: center;

    margin: 15px auto 40px;

}



.more a {

    width: 200px;

    display: block;

    margin: 0 auto;

    background: #024e95;

    padding: 12px 44px;

    color: #fff;

    /* border-radius: 30px; */

    transition: all 300ms ease;

}

.pronr{

    width: 100%;

    height: auto;

    margin: 10px 0 0;

     display: flex;

     display: -webkit-flex;

     flex-flow: row wrap;

     justify-content: space-between;

}

.pronr li{

    width: 19%;

    height: auto;

}

.pronr li a{

    width: 100%;

    display: inline-block;

}

.pronr li h5{

    position: relative;

    line-height: 50px;

    color: #333;

    font-size: 20px;

    margin: 0;

    border-bottom: 1px solid #ddd;

}

.pronr li:hover h5{

    color: #024e95;

}

.pronr li:hover h5::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    border-bottom: 1px solid #999;

}

/* .prolist{

    margin-bottom: 32px;

} */

.box {

    position: relative;

    width: 96%;

    overflow: hidden;

    margin: 0 2%;

}



/* .box>img {

    border: 1px solid #ddd;

}



.box>img:hover {

    border: 1px solid #e7892f;

} */



.box>img:first-of-type {

    transition: .5s;

}



.box>img:last-of-type {

    position: absolute;

    left: -100%;

    bottom: 0;

    opacity: 0;

    transition: .5s;

}



.box:hover img:first-of-type {

    transform: translateX(100%);

    opacity: 0;

}



.box:hover img:last-of-type {

    transform: translateX(100%);

    opacity: 1;

}



/* .more a:hover {

    background: #024e95;

} */



/* footer */

.footer{ 

    width: 100%;

    background: linear-gradient(to bottom right, #003655 0, #0066a1 50%, #0096ee 100%);

    color: #fff;

    padding: 36px 0 12px;

}



.flei{

    /* padding-left: 32px; */

}

.flei h3{

    margin-top: 0;

}

.flogo{

    width: 20%;

    margin: 0 40%;

}

.flogo img{

    width: 100%;

    height: auto;

    /* padding-left: 10px; */

}

.bq{

    width: 100%;

    /* display: flex;

    display: -webkit-flex;

    flex-flow: row wrap;

    justify-content: space-between;

    border-top: 1px solid #7acdfd;

    border-bottom: 1px solid #7acdfd; */

    text-align: center;

    margin: 8px 0 0;

    line-height: 42px;

    padding: 0 10px;

    color: #fff;

}

.bq p {

    width: 60%;

    margin: 0;

}

.ftel{

    display: flex;

    display: -webkit-flex;

    flex-flow: row wrap;

        margin-top: 28px;

}

.ftel img{

    width: 50px;

    height: 50px;

    padding: 10px;

    /* border: 1px solid #f5f5f5; */

    background: #333;

    border-radius: 5px;

    margin-right: 8px;

}

.ftel span{

    font-size: 28px;

    display: inline-block;

    line-height: 48px;

}

.flink span{

    margin-right: 10PX;

}

.flink p{

    color: #f5f5f5;

    line-height: 26px;

}

.ly{

    color: #f5f5f5;

    margin: 15px 10px 0 0;

    display: inline-block;

}

.ly img{

    margin-right: 6px;

    border: 1px solid #555;

    padding: 5px;

    border-radius: 50%;

}

.flei p a{

    color: #f5f5f5;

}



/* right-contact */

/*浮动客服*/

#rightArrow {

    width: 50px;

    height: 172px;

    background: #024e95 url(../images/kefu/left-02.svg) no-repeat;

    background-size: 100px 50px;

    background-position-x: -50px;

    position: fixed;

    top: 300px;

    right: 0;

    z-index: 999;

}

#rightArrow a{display:block;height:160px;color:#fff;font-size: 18px; letter-spacing: 0.5px; transform:rotate(90deg); transform-origin: 100% 0; margin: 78px 11px 0; text-decoration : none;}

#floatDivBoxs{width:240px;background:#fff;position:fixed;top:300px;right:-240px;z-index:999; padding: 20px 0;}

#floatDivBoxs .floatDtt{ width:100%; padding: 0 20px; background:#fff; position:relative;}

#floatDivBoxs .floatDtt h4{ font-weight: 600;}

#floatDivBoxs .floatDqq{padding:0;border-bottom:1px solid #e3e3e3; padding-bottom: 15px;}

#floatDivBoxs .floatDqq li{line-height:32px;font-size:15px; padding: 0 20px;}

#floatDivBoxs .floatDqq li i{ color: #024e95;}

#floatDivBoxs .floatDqq li a{ background: #024e95; color: #fff; display: inline-block; line-height: 32px; padding: 0 18px; margin: 15px 0 0; text-decoration : none;}

.xunjia{ padding: 20px 24px;}

#floatDivBoxs .floatDqq img{ width: 20px; height: auto;}



/* 弹窗 (background) */

#myBtn{ display: inline-block; padding: 10px 18px; float:left; background: #024e95; color: #fff; text-transform: uppercase; cursor: pointer;}

#myBtn:hover{ background: #024e95;}

#myBtn i{ font-size: 16px; color: #024e95;}

.modal {

    display: none; /* 默认隐藏 */

    position: fixed; 

    z-index: 1; 

    padding-top: 100px; 

    left: 0;

    top: 0;

    width: 100%; 

    height: 100%; 

    overflow: auto; 

    background-color: rgb(0,0,0); 

    background-color: rgba(0,0,0,0.8);

}

.modal-body input{ padding: 12px 5px; border: 1px solid #ddd; width: 95%; border-radius: 5px;}

/* 弹窗内容 */

.modal-content {

    position: relative;

    background-color: #fefefe;

    margin: auto;

    padding: 0 0 20px;

    border-radius: 0;

    border: 1px solid #888;

    width: 50%;

    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

    -webkit-animation-name: animatetop;

    -webkit-animation-duration: 0.4s;

    animation-name: animatetop;

    animation-duration: 0.4s

}



/* 添加动画 */

@-webkit-keyframes animatetop {

    from {bottom:-300px; opacity:0} 

    to {bottom:0; opacity:1}

}



@keyframes animatetop {

    from {bottom:-300px; opacity:0}

    to {bottom:0; opacity:1}

}



/* 关闭按钮 */

.close {

    color: #111;

    float: right;

    font-size: 32px;

    font-weight: bold;

    padding: 12px 0 0;

}



.close:hover,

.close:focus {

    color: #000;

    text-decoration: none;

    cursor: pointer;

}



.modal-header {

    padding: 2px 16px;

    color: #024e95;

    border-top: 1px solid #ddd;

}

.modal-body {padding: 2px 16px;}



.modal-footer {

    padding: 2px 16px;

    background-color: #fff;

    border: none !important;

}

.modal-footer a{

    display: block;

    margin: 0 auto;

    width: 180px;

    text-align: center;

	color: #fff;

	background: #024e95;

	border-radius: 5px;

	padding: 10px 18px;

}

.modal-footer a:hover{ color: #fff; text-decoration: none;}



/* 弹层表格 */

.message-con {

    width: 100%;

    padding: 10px 0 0;

}



.message-con>form {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    margin: 30px 20px 8px;

}



.message-con>p {

    font-size: 26px;

    font-weight: block;

    text-align: center;

}



.form-group {

    width: 50%;

    margin: 5px 0 0;

    padding: 5px;

}



.form-group input,

.form-group1 textarea {

    padding: 10px;

    border-radius: 5px;

    letter-spacing: 1px;

    font-size: 15px;

    outline: none;

    border: none;

    box-shadow: none;

    display: block;

    width: 100%;

    height: 34px;

    line-height: 28px;

    color: #555;

    background-color: #f5f5f5;

    background-image: none;

}



.form-group1 {

    width: 100%;

    margin: 10px 0;

    padding: 5px;

}



.form-group1 textarea {

    width: 100%;

    height: 90px;

}



.yzm {

    margin: 15px 30px 0 0;

}

.message-bd {

    height: 30px;

}



.message-con img {

    height: 35px;

}



/* sy-pro */



/* sy-part2 */

.part2{

    width: 100%;

    height: auto;

    padding: 30px 0;

    display: inline-block;

    background: linear-gradient(to bottom right, #003655 0, #287bc9 100%, #fff 50%);

    margin: 50px 0 0;

}

.part2 .fd{

    color: #f5f5f5;

}

.part2box{

    width: 80%;

    margin: 0 10%;

    display: flex;

    display: -webkit-flex;

    flex-flow: row wrap;

    justify-content: space-between;

}

@media all and (min-width: 1500px) {

    .part2box {

        width: 70%;

        margin: 0 15%;

    }

}

.single-counter {

    margin-top: 30px;

    position: relative;

    padding-left: 90px;

}



.single-counter .conter-content {

    border-left: 1px solid #ffffff36;

    padding-left: 20px;

}



.single-counter .icon {

    position: absolute;

    left: 0;

}



.single-counter .icon:before {

    content: "";

    position: absolute;

    width: 70px;

    height: 70px;

    background: #fff;

    z-index: 3;

    border-radius: 100%;

    opacity: 0.3;

    top: 4px;

    left: -7px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.single-counter:hover .icon:before {

    background: #287bc9;

    left: 0;

    top: 0;

    opacity: 0;

    visibility: hidden;

}



.single-counter .icon i {

    color: #024e95;

    width: 70px;

    height: 70px;

    background: #fff;

    text-align: center;

    line-height: 70px;

    border-radius: 100%;

    z-index: 33;

    font-size: 25px;

    position: relative;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.single-counter:hover .icon i {

    background: #287bc9;

    color: #fff;

}



.single-counter h3 {

    font-size: 30px;

    font-weight: 500;

    color: #fff;

    margin: 6px 0;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    transition: all 0.4s ease;

}



.single-counter h3 span {

    display: inline-block;

    color: #ddd;

    margin-left: 5px;

}



.single-counter p {

    color: #eee;

    font-size: 17px;

    text-transform: capitalize;

    font-weight: 500;

    margin-top: 2px;

}

.part2 .box1 {

    width: 32%;

    height: auto;

    display: inline-block;

    padding: 20px;

    background: #f5f5f5;

    margin-bottom: 22px;

}

.part2 .box1 p{

    margin: 5px 0 0 5px;

}

.part2 .part2list img{

    width: 100%;

    height: auto;

    display: block;

    float: left;

}

.part2 .part2list .icontu{

    width: 60px;

    height: auto;

}

.part2 .part2list h4{

    display: block;

}



.fdtu{

    width: 100%;

    height: auto;

    display: inline-block;

}

.fdtu img{

    width: 80%;

    display: block;

    margin: 0 auto;

}



/* sy-Certficates */

.part4box{

    width: 100%;

    height: auto;

     display: flex;

     display: -webkit-flex;

     flex-flow: row wrap;

     justify-content: space-between;

}

.part4 .box4 {

    width: 19%;

    height: auto;

    display: inline-block;

    padding: 0 0 20px;

}

.part4 .part4list img {

    width:100%;

    height: auto;

    display: block;

    float: none;

    border: 3px solid #ddd;

    transform: 1s;

}

.part4 .part4list img:hover{

    border: 3px solid #fff;

    box-shadow: #ddd 0 0 30px;

}



/* sy-part3 */

.part3{

    background-image: url(../images/bg3.jpg);

    background-position: 50% 55.231%;

    margin: 0 0 20px;

    background-size: cover;

    background-attachment: fixed;

    padding: 26px 0 46px;

    color: #fff;

}

.part3 h1{

    font-size: 24px;

}

.part3 h2 {

    font-size: 22px;

}

.more3{

    width: 200px;

    text-align: center;

    display: block;

    background: #024e95;

    padding: 12px 44px;

    color: #fff;

    margin: 26px 0 0;

}

.more3:hover{

    color: #fff;

}

/* .dilist{

    margin-bottom: 50px;

} */



/* sy-part5 */

.part5{

    width: 100%;

    height: auto;

    display: inline-block;

}

.p5box{

    width: 100%;

    display: flex;

    display: -webkit-flex;

    flex-flow: row wrap;

    justify-content: space-between;

}

.p5box .dilist {

   width: 18%;

   height: auto;

  position: relative;

}

.p5box .dilist img{

    width: 100%;

    height: auto;

}

.p5box .dilist .tu{

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    color: #fff;

    text-align: center;

    font-size: 24px;

    width: 50%;

    height: auto;

    margin: 25%;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}

.oabox h5{

    font-size: 16px;

    color: #333;

    line-height: 22px;

    font-weight: 600;

    height: 44px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}

.oabox:hover h5{

    color: #0046aa;

}

.oabox p{

    width: 100%;

    text-align: center;

    word-break: keep-all;

    white-space: pre-line;

    color: #666;

}

.oabox p b{

    font-size: 20px;

    margin: -10px 0 0 5px;

    display: inline-block;

}

.oabox:hover p b{

    color: #0046aa;

}



/* ny-product */

.wrapper { width: 100%; margin: auto; position:relative;}

.pro-banner{position:relative;height:auto;overflow:hidden;width:80%;float:right;}

.pro-banner .slideBox,.pro-nav-index .pro-banner .bd,.pro-nav-index .pro-banner ul,.pro-nav-index .pro-banner li,.pro-nav-index .pro-banner .tempWrap{height:100%;}

.pro-nav-ul{float:left;width:20%;}

.pro-nav-ul li{margin-bottom:1px;}

.pro-nav-ul li>a{display:block;color:#0046aa;font-size:14px;line-height:73px;background:#f2f2f2;padding-left: 20px;}

.pro-nav-ul li span{margin:-1px 8px 0 0;display:inline-block;*display:inline; *zoom:1;width:40px;}

.pro-nav-ul li:hover{background:#fff;box-shadow:0px -2px 16px 0px rgba(0,0,0,.4);}

.pro-nav-ul li .subnav{display:none;box-shadow:0px -2px 16px 0px rgba(0,0,0,.2);z-index:2;width:80%;position:absolute;top:0;height:100%;background:#fff;left:20%;border:none !important;margin:0 !important;padding:0 !important;}

.pro-nav-ul li:hover .subnav{ display: block; z-index: 3;}

.pro-nav-ul li .box{width:auto !important;height:auto !important;padding:22px 30px;}



@media all and (max-width: 1440px) {

    .pro-nav-ul li>a{line-height: 54px;}

}

/* flexslider */

.flexslider{position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}

.slides{position:relative;z-index:1;}

.slides img{width: 100%; height: auto;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 5px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}

.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

.flex-direction-nav li a.flex-prev{left:40px;background:none;}

.flex-direction-nav li a.flex-next{right:40px;background:none;}



.partner-section{

     height: auto; 

     margin-top: 50px;

     padding: 10px 0 50px;

}

.proshow {

    width: 100%;

    display: inline-block;

    margin: 50px 0 50px;

}

.sp-wrap{

    border: 5px solid rgba(2, 78, 149, 0.6) !important;

}

.sp-wrap {

    background: rgba(2, 78, 149, 0.3) !important;

}

.prosright{

    margin-left: 50px;

}

.prosright .pback {

    width: 100%;

    height: auto;

    display: inline-block;

    margin-top: 30px;

    /* padding-bottom: 10px; */

    /* border-bottom: 1px solid rgba(2, 78, 149, 0.6); */

}



.pback a{

    display: block;

    padding: 3px 24px;

    border-radius: 15px;

    background: #666;

    color: #fff;

}



.pback:hover a{

    background: #024e95;

    color: #fff;

}

.prosright ul li{

    line-height: 30px;

}

.nybox1{

    width: 100%;

    height: auto;

    display: inline-block;

    padding: 30px 0;

}

.nypbox{

    border: 1px solid #ddd;

    padding: 10px;

}

.nypbox li{

    line-height: 32px;

    margin-bottom: 2px;

    /* border-bottom: 1px dashed #ddd; */

    margin: 10px 0;

}

.nypbox li b {

    width: 12%;

    margin-right: 20px;

    display: inline-block;

    text-align: right;

    font-weight: normal;

    color: #222;

    background: #f2f2f2;

    padding-right: 6px;

}

.nypbox li .active{ 

    background: rgba(0, 70, 170, 0.8);

    color: #fff;

}

.nypbox li span{

    margin-right: 20px;

    color: #666;

    background: #f5f5f5;

    padding: 5px 20px;

}

/* .nypbox li span:hover{

    color: #0046aa;

    cursor: pointer;

} */



.profl h2 {

    font-size: 22px;

    font-weight: 600;

    border-bottom: 2px solid #1d2088;

    padding-bottom: 10px;

    margin-bottom: 20px;

}



.profl .lei {

    height: 60px;

    line-height: 60px;

    border-bottom: 1px solid #ddd;

    margin: 15px 0;

}



.profl .lei p {

    margin-left: 8px;

    font-size: 16px;

    color: #1d2088;

}



.profl .lei i {

    margin-right: 8px;

    margin-top: 15px;

    font-size: 18px;

    color: #333;

    background: #fff;

    height: 30px;

    line-height: 30px;

    padding: 0 10px;

}



.profl .lei:hover i {

    margin-right: 8px;

    margin-top: 15px;

    font-size: 18px;

    color: #fff;

    background: #1d2088;

    height: 30px;

    line-height: 30px;

    padding: 0 10px;

}



.productlist {

    background: #f5f5f5;

    padding: 80px 0;

}



.probox {

    position: relative;

    margin-bottom: 30PX;

}



.probox img {

    background: #fff;

}



.probox p {

    text-align: center;

    position: relative;

    bottom: 0;

    width: 100%;

    background: rgba(29, 32, 136, 0.9);

    color: #fff;

    padding: 18px 0;

    font-size: 18px;

}



.probox p:hover {

    background: rgba(0, 0, 0, 0.8);

    cursor: pointer;

}

.table>tbody>tr>td,

.table>tbody>tr>th,

.table>tfoot>tr>td,

.table>tfoot>tr>th,

.table>thead>tr>td,

.table>thead>tr>th {

    color: rgba(255, 255, 255, 0.7);

    border-top: 1px solid #446495;

    border-bottom: 1px solid #446495;

}



#myTabContent {

    width: 100%;

    display: inline-block;

}



.pronav {

    margin-bottom: 0 !important;

}



.guige {

    width: 100%;

    height: auto;

}



.guige .ggxx {

    padding: 0 10px;

}



.guige h3 {

    font-size: 20px;

    color: #fff;

    line-height: 48px;

}



.xmlist img {

    background: #fff;

}



.protedian {

    margin-top: 50px;

    color: #333;

}



.protedian h3 {

    font-size: 24px;

    margin-bottom: 20px;

    background: #1d2088;

    color: #fff;

    padding: 18px 10px;

}



.protedian p {

    line-height: 28px;

    text-align: justify;

}

.nav-tabs>li{

    margin-right: 60px;

}

.nav-tabs>li>a{

    padding: 12px 0 !important;

    font-size: 22px;

    color: #ddd;

}

.nav>li>a:focus,

.nav>li>a:hover{

    background: none;

    border: none;

}



.nav-tabs>li.active>a,

.nav-tabs>li.active>a:focus,

.nav-tabs>li.active>a:hover {

    color: #fff;

    background: none !important;

    border: none;

    text-decoration: none;

    padding: 12px 0 !important;

    font-size: 22px;

}

.nav-tabs{

    border: none;

}



#myTab {

    width: 100%;

    border-bottom: 2px solid rgba(255, 255, 255, 0.5);

}



.nyban {

    width: 100%;

    height: auto;

}



.nyban img {

    display: block;

    width: 100%;

    height: auto;

}



.xgtj h2 {

    width: 100%;

    height: 55px;

    background: #fff;

    border-top: 5px solid #004694;

    font-size: 22px;

    padding-left: 15px;

    line-height: 50px;

    margin: 50px 0 20px;

}

.nypcanshu{

    width: 100%;

    height: auto;

    display: inline-block;

    background: #274c87;

}





/* nyabout */

.nyban{ position: relative;}

.nyban .position{ position: absolute; left: 10%; top: 30%;}

.nyban .position h3{ color: #fff; text-transform: uppercase; margin: 10px 0;}

.nyban .position span{ width: 36px; height: 2px; background: #fff; display: inline-block;}

.position{ width: 100%; height: auto; display: inline-block; margin: 20px 0 0;}

.position ul{ margin: 0;}

.position ul li{ float: left; height: 48px; line-height: 48px;}

.position ul li a{ color: #333;}

.nybox{ width: 100%; padding: 48px 0; background: rgba(242, 244, 246, 1); }

.nyboxbg{ width: 100%; background: #fff; padding: 50px; box-shadow: 0px 9px 27px 4px rgba(204,204,204,0.5);}

.nyboxbg h3{ font-weight: 600; position: relative; }

/* .nyboxbg h3::after{ content:""; position: absolute; background: #0046aa; height: 3px; width: 60px; bottom: 0; left: 0;} */

.nyboxbg h2{ position: relative; margin-bottom: 32px; padding-bottom: 15px;}

/* .nyboxbg h2::after{ content:""; position: absolute; background: #0046aa; height: 3px; width: 60px; bottom: 0; left: 0; right: 0; margin: 0 auto;} */

.nyboxbg p{ line-height: 22px;}

.position ul .active{ background: #024e95;}

.position ul .active a{ color: #fff;}

.shipin{ width: 94%; margin: 0 5% 0 0;}



/* ny-factory */

.facbox{ width: 100%; display: inline-block; margin-top: 15px;}

.facbox .faclist {

    position: relative;

    top: 0px;

    display: inline-block;

    vertical-align: top;

    padding: 10px;

    height: inherit;

    background: #ffffff;

    margin: 15px;

    border: 1px solid #e2e2e28f;

    transition: all .5s ease;

}

.facbox h3{

        text-transform: uppercase;

}



.facbox .faclist:hover{

    top: -10px;

    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 18px 2px;

}

.pagination {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    margin: 30px auto;

    justify-content: space-between;

}



.pagination span>a {

    padding: 5px 10px;

    color: #333;

    border: solid 1px #ccc;

    border-radius: 5px;

}



.page-num-current {

    padding: 5px 0 !important;

}



.pagination span>a select,

.pagination span>a select:focus {

    border: solid 1px transparent !important;

    padding: 5px 10px;

    background: transparent;

}



/* ny-why */

.whylist{

    width: 100%;

    display: inline-block;

    margin-top: 15px;

}

.whybox {

    display: inline;

}



.whybox li {

    width: 100%;

    display: inline-block;

    border: #ddd 1px solid;

    background: rgba(255, 255, 255, 0.6);

    padding: 32px;

    margin-bottom: 15px;

    transition: all 1s;

}



.whybox li:hover {

    background: #fafafa;

    box-shadow: 10px 10px 10px #ddd;

}



.whybox li:hover a {

    color: #0046aa;

}



.whybox li a {

    color: #333;

}



.whybox li a p {

    color: #666;

    font-size: 15px;

    line-height: 26px;

}



.whybox li h4 {

    font-size: 20px;

    margin: 0 0 15px;

}

.whybox .pleft {

    float: left;

    width: 66%;

    margin-right: 4%;

    padding-top: 16px;

}

.whybox .pleft h4{

    font-size: 22px;

}



.whybox .protu {

    width: 30%;

    height: auto;

}



/* ny-product */

.pbox {

    width: 94%;

    height: auto;

    margin: 0 3% 25px;

}



.pbox img {

    width: 100%;

    height: auto;

    margin: 50px auto box-shadow:0 0 1px #ccc;

    background-color: skyblue;

    transition: all 1s;

    border: 1px solid #ddd;

}



.pbox img:hover {

    box-shadow: 10px 10px 10px #ddd;

}



.pbox p {

    text-align: center;

    line-height: 56px;

    font-size: 16px;

    color: #1b1b1b;

    border-bottom: 1px solid #ddd;

}



.pbox:hover p {

    color: #0046aa;

    border-bottom: 1px solid #0046aa;

}



.pro-xq-ms>h3 {

    font-size: 20px;

    color: #444;

    line-height: 56px;

    text-align: center;

    font-weight: 600;

    border-bottom: 4px solid #d7d7d7;

    background-color: #eee;

}



.pro-xq-ms>p {

    padding: 5px 5px;

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    justify-content: space-between;

    border-bottom: 1px solid #000;

}



.pro-xq-ms>p>a {

    color: #333;

    font-size: 14px;

}



.pro-xq-ms>p>span {

    font-size: 14px;

    color: #333;

}



.pleft {

    float: left;

    width: 66%;

    margin-right: 4%;

    padding-top: 26px;

}



.protu {

    width: 30%;

    height: auto;

}



.pro-next {

    padding: 15px 15px 0;

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    margin: 30px 20px 15px;

    display: flex;

    display: -webkit-flex;

    flex-flow: row wrap;

    justify-content: space-between;

}



.pro-next p a {

    color: #333;

}



.pro-next p a:hover {

    color: #373589;

}



.pro-test {

    width: 100%;

    padding: 20px 30px;

}



.pro-test p {

    font-size: 16px;

    letter-spacing: 2px;

}



.pro-test p strong {

    font-size: 18px;

}



.pro-test table p {

    margin: 0;

}



/* ny-faq */

.faqbox{

    width: 100%;

    height: auto;

}

.faqbox .syprolist{

    width: 100%;

    display: flex;

    display: -webkit-flex;

    flex-flow: row wrap;

    justify-content: space-between;

}

.faqbox .syprolist span{

    width: 23%;

    height: 160px;

    float: left;

    background: #f5f5f5;

     display: flex;

     align-items: center;

     padding: 0 24px;

}

.faqbox .syprolist .but {

    background: #0046aa;

    color: #fff;

}

.panel {

    border: none;

    box-shadow: none;

    margin-top: 0;

}



.panel-heading {

    padding: 0;

    border-radius: 0;

    border: none;

    background: transparent;

    border-bottom: 1px dotted #ccc;

    display: block;

}

.panel-title {

    padding: 0;

}



.panel-title a {

    display: block;

    font-size: 16px;

    color: #0046aa;

    padding: 15px 40px;

    position: relative;

    transition: all 0.3s ease 0s;

    text-decoration: none;

}



.panel-title a.collapsed {

    color: #222;

    margin-left: 0;

    transition: all 0.3s ease 0s;

}





.panel-title a.collapsed:before {

    border-left-color: #f7c59f;

}



.panel-title a::before {

    content: "\f068";

    font-family: 'FontAwesome';

    position: absolute;

    top: 30%;

    left: 15px;

    font-size: 18px;

    color: #0046aa;



}



.panel-title a.collapsed::before {

    content: "\f067";

    color: #222;

}



.panel-collapse {

    width: 100%;

    position: relative;

    border-bottom: 1px dashed #ccc;

}



.panel-body {

    font-size: 14px;

    color: #333;

    border-top: none;

    z-index: 1;

}



/* 新闻中心 */

.lbnewbox {

    width: 100%;

    height: auto;

    display: inline-block;

    border-bottom: 1px dashed #666;

    padding: 0 0 26px;

    margin-bottom: 20px;

}

.lbnewbox .lunbozi {

   background: #fff;

   padding: 30px 50px;

}

@media all and (max-width: 1440px) {

    .lbnewbox .lunbozi{

        padding: 5px 30px;

    }

}



.lbnewbox .lunbozi h4{

    font-size: 20px;

}

.lbnewbox .lunbozi span{

    font-size: 16px;

    color: #666;

}

.lbnewbox .lunbozi p {

    font-size: 14px;

    color: #333;

    margin: 15px 0 0;

}

.ny-news{

    width: 100%;

    display: inline-block;

}

.ny-news ul {

    width: 100%;

    display: flex;

    display: -webkit-flex;

    flex-flow: row wrap;

    justify-content: space-between;

}



.ny-news li {

    width: 24%;

    height: auto;

    box-shadow: 0 0 15px -3px #ddd;

    float: left;

    overflow: hidden;

    -webkit-transition: border .2s ease-in-out;

    -o-transition: border .2s ease-in-out;

    transition: border .2s ease-in-out;

}



.ny-news li img {

    width: 100%;

    display: block;

    transition: all 1s ease 0s;

    -moz-transition: all 1s ease 0s;

    -webkit-transition: all 1s ease 0s;

    -o-transition: all 1s ease 0s;

}

.ny-news li:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    -moz-transform: scale(1.1);

}



.news-content {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    justify-content: space-between;

    padding: 12px 25px;

    transition: 1s;

    background: #0046aa;

}



.news-content span {

    font-size: 13px;

    color: #fff;

    padding: 5px 0;

}



.news-content i {

    padding-right: 3px;

    font-size: 13px;

    padding-top: -5px;

}



.news-content h3 {

    font-size: 15px;

    padding: 5px 0;

    color: #fff;

    width: 100%;

    margin: 0;

    font-weight: normal;

    overflow: hidden;

    font-weight: 600;

}



.news-content p {

    display: block;

    width: 100%;

    color: #666;

}

.newshow h3 {

    font-size: 22px;

    margin-bottom: 20px;

}



.newshow p {

    font-size: 15px;

    line-height: 26px;

    text-indent: 2em;

    margin-bottom: 10px;

}



.newback {

    display: flex;

    display: -webkit-flex;

    flex-flow: row wrap;

    justify-content: space-between;

    margin-top: 50px;

}



.newback a:hover {

    color: #014d97;

}



.nynews {

    width: 100%;

    height: auto;

    display: inline-block;

    border-bottom: 1px solid #ddd;

    margin: 0 0 15px;

    padding: 10px;

    transition: 0.5s;

}



.nynews:hover {

    box-shadow: 0 0 21px rgba(0, 0, 0, 0.21);

}

.newshow h3{margin: 0;}

.newshow h3::after{

    background: #fff;

}

.newshow h2{

    font-size: 18px;

    margin: 24px 0 10px;

    padding: 0;

    color: #0046aa;

}

.newshow h2::after {

    background: #fff;

}





/* sy-Factory Detial-start */

.jq22-demo{ text-align: center; margin-top: 30px; }

.jq22-demo a{ padding-left: 20px; padding-right: 20px; }

.container.gallery-container {

    background-color: #fff;

    color: #35373a;

    min-height: 100vh;

    padding: 30px 50px;

}



.gallery-container h1 {

    text-align: center;

    margin-top: 50px;

    font-family: 'Droid Sans', sans-serif;

    font-weight: bold;

}



.gallery-container p.page-description {

    text-align: center;

    margin: 25px auto;

    font-size: 18px;

    color: #999;

}



.tz-gallery {

    padding: 40px;

}



/* Override bootstrap column paddings */

.tz-gallery .row>div {

    padding: 2px;

}



.tz-gallery .lightbox img {

    width: 100%;

    border-radius: 0;

    position: relative;

}



.tz-gallery .lightbox:before {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -13px;

    margin-left: -13px;

    opacity: 0;

    color: #fff;

    font-size: 26px;

    font-family: 'Glyphicons Halflings';

    content: '\e003';

    pointer-events: none;

    z-index: 9000;

    transition: 0.4s;

}





.tz-gallery .lightbox:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    background-color: rgba(46, 132, 206, 0.7);

    content: '';

    transition: 0.4s;

}



.tz-gallery .lightbox:hover:after,

.tz-gallery .lightbox:hover:before {

    opacity: 1;

}



.baguetteBox-button {

    background-color: transparent !important;

}



@media(max-width: 768px) {

    body {

        padding: 0;

    }

}

#baguetteBox-overlay {

    display: none;

    opacity: 0;

    position: fixed;

    overflow: hidden;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1000000;

    background-color: #222;

    background-color: rgba(0, 0, 0, .8);

    -webkit-transition: opacity .5s ease;

    transition: opacity .5s ease

}



#baguetteBox-overlay.visible {

    opacity: 1

}



#baguetteBox-overlay .full-image {

    display: inline-block;

    position: relative;

    width: 100%;

    height: 100%;

    text-align: center

}



#baguetteBox-overlay .full-image figure {

    display: inline;

    margin: 0;

    height: 100%

}



#baguetteBox-overlay .full-image img {

    display: inline-block;

    width: auto;

    height: auto;

    max-height: 100%;

    max-width: 100%;

    vertical-align: middle;

    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);

    box-shadow: 0 0 8px rgba(0, 0, 0, .6)

}



#baguetteBox-overlay .full-image figcaption {

    display: block;

    position: absolute;

    bottom: 0;

    width: 100%;

    text-align: center;

    line-height: 1.8;

    white-space: normal;

    color: #ccc;

    background-color: #000;

    background-color: rgba(0, 0, 0, .6);

    font-family: sans-serif

}



#baguetteBox-overlay .full-image:before {

    content: "";

    display: inline-block;

    height: 50%;

    width: 1px;

    margin-right: -1px

}



#baguetteBox-slider {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    white-space: nowrap;

    -webkit-transition: left .4s ease, -webkit-transform .4s ease;

    transition: left .4s ease, -webkit-transform .4s ease;

    transition: left .4s ease, transform .4s ease;

    transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease

}



#baguetteBox-slider.bounce-from-right {

    -webkit-animation: bounceFromRight .4s ease-out;

    animation: bounceFromRight .4s ease-out

}



#baguetteBox-slider.bounce-from-left {

    -webkit-animation: bounceFromLeft .4s ease-out;

    animation: bounceFromLeft .4s ease-out

}



@-webkit-keyframes bounceFromRight {



    0%,

    100% {

        margin-left: 0

    }



    50% {

        margin-left: -30px

    }

}



@keyframes bounceFromRight {



    0%,

    100% {

        margin-left: 0

    }



    50% {

        margin-left: -30px

    }

}



@-webkit-keyframes bounceFromLeft {



    0%,

    100% {

        margin-left: 0

    }



    50% {

        margin-left: 30px

    }

}



@keyframes bounceFromLeft {



    0%,

    100% {

        margin-left: 0

    }



    50% {

        margin-left: 30px

    }

}



.baguetteBox-button#next-button,

.baguetteBox-button#previous-button {

    top: 50%;

    top: calc(50% - 30px);

    width: 44px;

    height: 60px

}



.baguetteBox-button {

    position: absolute;

    cursor: pointer;

    outline: 0;

    padding: 0;

    margin: 0;

    border: 0;

    -moz-border-radius: 15%;

    border-radius: 15%;

    background-color: #323232;

    background-color: rgba(50, 50, 50, .5);

    color: #ddd;

    font: 1.6em sans-serif;

    -webkit-transition: background-color .4s ease;

    transition: background-color .4s ease

}



.baguetteBox-button:focus,

.baguetteBox-button:hover {

    background-color: rgba(50, 50, 50, .9)

}



.baguetteBox-button#next-button {

    right: 2%

}



.baguetteBox-button#previous-button {

    left: 2%

}



.baguetteBox-button#close-button {

    top: 20px;

    right: 2%;

    right: calc(2% + 6px);

    width: 30px;

    height: 30px

}



.baguetteBox-button svg {

    position: absolute;

    left: 0;

    top: 0

}



.baguetteBox-spinner {

    width: 40px;

    height: 40px;

    display: inline-block;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -20px;

    margin-left: -20px

}



.baguetteBox-double-bounce1,

.baguetteBox-double-bounce2 {

    width: 100%;

    height: 100%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background-color: #fff;

    opacity: .6;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-animation: bounce 2s infinite ease-in-out;

    animation: bounce 2s infinite ease-in-out

}



.baguetteBox-double-bounce2 {

    -webkit-animation-delay: -1s;

    animation-delay: -1s

}



@-webkit-keyframes bounce {



    0%,

    100% {

        -webkit-transform: scale(0);

        transform: scale(0)

    }



    50% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes bounce {



    0%,

    100% {

        -webkit-transform: scale(0);

        -moz-transform: scale(0);

        transform: scale(0)

    }



    50% {

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        transform: scale(1)

    }

}

/* sy-Factory Detial-end */



/* add-about-style */

.nybox.nyabox{

    width: 100%;

    padding: 0;

    background: url(../images/abbg.jpg) fixed center center no-repeat;

    display: inline-block;

}

.nybox.nyabox .nyboxbg{

    background: none;

    box-shadow: none;

    padding: 0;

}

.nybox.nyabox .nyboxbg .ab01{

    width: 100%;

    height: auto;

    display: inline-block;

    margin: 30px 0 54px 0;

}

.nybox.nyabox .nyboxbg .ab01 h1{

    text-transform: uppercase;

    font-size: 26px;

    font-weight: 600;

}

.ab01 .sub-container {

    width: 100%;

    margin: 0 auto;

    position: relative;

    height: 100%;

}

.ab01 .sub-container .xian {

    width: 100%;

    height: 1px;

    background-color: rgba(2, 78, 149, 0.4);

    position: relative;

    margin: 30px 0 56px 0;

}

.ab01 .sub-container .xian:after {

    content: '';

    width: 200px;

    height: 2px;

    background-color: rgba(2, 78, 149, 1);

    position: absolute;

    left: 0;

    top: 0;

}

.ab01 .nyjjbox{

    width:100%;

    height: auto;

    overflow-y: auto;

    overflow-x: hidden;

}

.ab01 .nyjjzi {

    height: 340px;

    width: 100%;

}

.ab01 .nyjjzi p{

    font-size: 16px;

    line-height: 26px;

    margin: 10px 15px 0 0;

}

@media all and (min-width: 1500px){

    .ab01 .nyjjzi {

        height: 460px;

    }

}



.ab01 .nyjjbox::-webkit-scrollbar {

    /*滚动条整体样式*/

    width: 4px;

    /*高宽分别对应横竖滚动条的尺寸*/

    height: 4px;

}



.ab01 .nyjjbox::-webkit-scrollbar-thumb {

    /*滚动条里面小方块*/

    border-radius: 5px;

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);

    background: rgba(40, 123, 201, 1);

}

.ab01 .nyjjbox::-webkit-scrollbar-track {

    /*滚动条里面轨道*/

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);

    border-radius: 0;

    background: rgba(40, 123, 201, 0.3);

}

.nybox.nyabox .ab02{

    width: 100%;

    height: auto;

    /* text-align: center; */

    background: url(../images/abbg2.jpg);

    display: inline-block;

   background-position: 50% 55.231%;

   background-size: cover;

   background-attachment: fixed;

   padding: 36px;

   color: #fff;

}

.nybox.nyabox .ab02 h3{

    font-weight: 600;

    text-transform: uppercase;

}

.nybox.nyabox .ab02 p{

    line-height: 26px;

    font-size: 16px;

}



/* team-style-start */

.nybox.nyabox .ab03{

    margin: 0 0 26px;

}

.partialViewSlider-outerwrapper{

	position: relative;

}

.partialViewSlider-outerwrapper.partialViewSlider-outsideControls{

	padding: 0 6%;

}

.partialViewSlider-wrapper{

	overflow: hidden;

	font-size: 0;

	position: relative;

}

.partialViewSlider-outerwrapper ul{

	margin: 0;

	padding: 0;

	list-style: none;

	transition-property: transform;

	transition-duration: 0ms;

	transition-timing-function: ease-out;

}

.partialViewSlider-outerwrapper ul > li{

	display: inline-block;

	position: relative;

	font-size: 1rem;

	transition-property: all;

	transition-duration: 0ms;

	transition-timing-function: ease-out;

}

.partialViewSlider-wrapper.partialViewSlider-perspective ul > li{

	-webkit-transform: scale(0.8);

	transform: scale(0.8);

	opacity: 0.4;

}

.partialViewSlider-wrapper.partialViewSlider-perspective ul > li.active{

	-webkit-transform: scale(1);

	transform: scale(1);

	opacity: 1;

}

.partialViewSlider-wrapper ul > li > img{

	width: 100%;

	display: block;

}

.partialViewSlider-backdrop{

	position: absolute;

	height: 100%;

	top: 0;

	background: rgba(0, 0, 0, 0.5);

}

.partialViewSlider-backdrop.partialViewSlider-right{

	right: 0;

}



.partialViewSlider-nav{

	position: absolute;

	top: 50%;

	color: #FFF;

	font-size: 3rem;

	-webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    opacity: 0;

}

.partialViewSlider-prev{

	left: 3%;

}

.partialViewSlider-next{

	right: 3%;

}

.partialViewSlider-outsideControls .partialViewSlider-nav,

.partialViewSlider-neighborControls .partialViewSlider-nav{

	color: #CCC;

}

.partialViewSlider-outsideControls .partialViewSlider-prev{

	left: 1%;

}

.partialViewSlider-outsideControls .partialViewSlider-next{

	right: 1%;

}

.partialViewSlider-neighborControls .partialViewSlider-prev{

	left: -5%;

}

.partialViewSlider-neighborControls .partialViewSlider-next{

	right: -5%;

}



.partialViewSlider-dots {

	display: inline-block;

	position: absolute;

	bottom: 20px;

	left: 50%;

	transform: translate(-50%);

}

.partialViewSlider-dots li a{

	position: relative;

	display: inline-block;

	width: 7px;

	height: 7px;

	margin: 0 5px;

}

.partialViewSlider-dots li a:before{

	position: absolute;

	content: '';

	width: 100%;

	height: 100%;

	border: 1px solid #FFF;

	border-radius: 50%;

	transition: all 0.25s ease-out;

}

.partialViewSlider-dots li.active a:before{

	background: #FFF;

}

.teambut{

    width: 100%;

    height: auto;

    text-align: center;

    margin: 36px 0 20px;

}

.teambut button{

    width: 50px;

    height: 50px;

    background: #024e95;

    color: #fff;

    border: none;

}

.teambut button i{

    font-size: 18px;

    line-height: 50px;

}

/* team-style-end */



.nybox.nyabox .ab04 {

    width: 100%;

    height: auto;

    padding: 30px 0;

    display: inline-block;

    background: linear-gradient(to bottom right, #003655 0, #287bc9 100%, #fff 50%);

    margin: 50px 0 0;

    color: #fff;

}



.ab04 .sub-container {

    width: 100%;

    margin: 0 auto;

    position: relative;

    height: 100%;

}

.ab04 h3 {

    text-transform: uppercase;

    margin: 42px 0 0;

}



.ab04 .sub-container .xian {

    width: 100%;

    height: 1px;

    background-color: #999;

    position: relative;

    margin: 18px 0 26px 0;

}



.ab04 .sub-container .xian:after {

    content: '';

    width: 200px;

    height: 2px;

    background-color: #fff;

    position: absolute;

    left: 0;

    top: 0;

}

.nynav ul li{

    background: #666;

    display: block;

    float: left;

    margin: 0 20px 0 0;

    height: 38px;

    line-height: 38px;

}

.nynav ul .active{

    background: #024e95;

}

.nynav ul li a{

    color: #fff;

    padding: 15px 30px;

}

.ab01.ab05 h1 {

    text-transform: uppercase;

    font-size: 26px;

    font-weight: 600;

    margin-top: 52px;

}



/* add-why */

.icon-boxes {

    margin: -20px 0 50px;

}



.icon-box {

    width: 94%;

    margin: 15px 3%;

    padding: 26px 30px;

    position: relative;

    overflow: hidden;

    background: rgba(255, 255, 255, 0.7);

    box-shadow: 0 0 29px 0 rgba(18, 66, 101, 0.08);

    transition: all 0.3s ease-in-out;

    border-radius: 8px;

    z-index: 1;

    min-height: 375px;

    height: 375px;

}

@media all and (min-width: 1500px) {

    .icon-box{

        min-height: 306px;

    }

}

.icon-box .icon img{

    width: 60px;

    height: auto;

}



.icon-box .title {

    font-weight: 700;

    margin-bottom: 15px;

    font-size: 18px;

}



.icon-box .title a {

    color: #124265;

    transition: 0.3s;

}



.icon-box .description {

    font-size: 13px;

    line-height: 24px;

    margin-bottom: 0;

}



.icon-box .icon {

    display: inline-block;

    transition: all 0.3s ease-in-out;

    font-size: 36px;

    line-height: 1;

    color: #2487ce;

}



.icon-box:hover {

    transform: scale(1.08);

}



.icon-box:hover .title a {

    color: #2487ce;

}

/* ny-contact */

.linkmap{ width:100%; height:auto; display: inline-flex; background: #555; }

.linkmesg{ width:100%; height:auto; display: inline-block; margin: 40px 0 0;}

.nylink ul{ margin-top: 30px; }

.nylink ul li{ height: auto; text-align:center;}

.nylink ul li i{ font-size: 20px; width: 56px; height: 56px; line-height: 56px; text-align:center; border-radius: 50%; background: #dfaa61; color: #fff;}

.nylink ul li p{ font-size: 20px; margin: 15px 0 28px;}

.nylink {width:100%;height: auto;display:inline-block;padding:30px 50px 62px 0;}

.nylink h3 { font-size:22px;margin: 0 0 10px 0; padding-left:8px; font-weight: 600; color:#333;}

.nylink h5{ line-height:52px;border-bottom:1px solid rgba(255,255,255,.3);color:#fff;font-size:18px; margin-bottom: 40px;}

.nylink h5 i{ color:#f5f5f5;font-size:20px;width:26px;height:auto;}

.nylink b {font-weight:normal;}

.link2{ width:100%;height:auto; display: inline-block; margin: 0 0 12px;}

.link2 h4{ color: #fff; font-size: 16px; font-weight: 600; border-left: 3px solid #fff; padding-left: 5px;}

.link2 ul { margin-left: 20px;}

.link2 ul li {padding:0 15px;line-height:32px;color:#fff;font-size:16px;}

.messagebox {width:118%;display:inline-block; padding:30px 45px; margin-top:0;}

.linktu {width:100%;height:auto;margin:0 auto;position:relative;}

.linktu img {display:block;margin:0 auto;}

.messagebox h4 {font-size:22px; color: #ddd; letter-spacing: 1px; border-bottom:1px solid #666; line-height: 50px; padding: 0 15px;}

.message-con {width:100%;padding:10px 0 0;}

.message-con>form {display:-ms-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;}

.message-con>p {font-size:26px;font-weight:block;text-align:center;}

.form-group {width:50%;margin:5px 0 0;padding:5px;background:none !important; box-shadow: none;}

.form-group input,.form-group1 textarea {padding:10px;letter-spacing:1px;font-size:15px;outline:none;border:none;box-shadow:none;display:block; border-bottom: 1px solid #ddd ;

    width:100%;height:34px;line-height:28px;color:#fff;background:none !important;background-image:none; border-radius: 0;}

.form-group1 {width:100%;margin:10px 0;padding:5px;}

.form-group1 textarea {width:100%;height:90px;}

.yzm {margin:15px 30px 0 0;}

.submit {background:#ffba00;color:#fff;border-radius:0;font-size:15px;width:98%;margin:12px 1%;height:38px;outline:none;letter-spacing:1px;cursor:pointer;border:none;}

.message-bd {height:30px;}

.message-con img {height:35px;}

.linkicon2 {margin:20px 0;line-height:46px;text-align:center;}

.linkicon2 li {display:inline-block;background:rgba(0,0,0,.8);border-radius:50%;width:60px;height:60px;text-align:center;line-height:72px;margin:0 20px;}

.linkicon2 li:hover {background:rgba(70,158,48,.9);}

.linkicon2 li>a {color:#fff;}

.xiaoshou{ width:100%;height:auto; margin: 0;}

.xiaoshou table {width:100% !important; height:auto; margin:20px auto 10px;}

.xiaoshou table tbody tr{ border-bottom: 1px solid rgba(0, 0, 0, .2);}

.xiaoshou table tbody .firstRow td{ font-size: 18px; background: #007eff; color: #fff; border-right: 1px solid #fff;}

.xiaoshou table tbody tr td:nth-of-type(1){ font-weight: 600; }

.xiaoshou table tbody tr td { width: 100px !important; height: auto; padding:10px; display:table-cell;vertical-align:inherit;white-space:nowrap;text-align:left;}

.xiaoshou table tbody tr td:last-child {border-right:none;}

.xiaoshou table tbody tr td p{ width: 100%; height: auto; display: table-cell;}

.jishu table {width:100% !important; height:auto; margin:20px auto 10px;}

.jishu h3{ font-size: 22px; font-weight: 600; text-align: center;} 

.jishu table tbody tr{ border-bottom: 1px solid rgba(0, 0, 0, .2);  }

.jishu table tbody .firstRow td{ font-size: 18px;background: #007eff; color: #fff; border-right: 1px solid #fff;}

.jishu table tbody tr td:nth-of-type(1){ font-weight: 600;}

.jishu table tbody tr td { width: 100px !important; height: auto; background: rgba(0, 126, 255, .05); border-right: 1px solid #fff; text-align:center; padding:10px; display:table-cell;vertical-align:inherit;white-space:nowrap;}

.jishu table tbody tr td:last-child {border-right:none;}



.sypb {width:100%;margin:0 auto;transition:all 0.8s; background: #fff; padding: 30px 0 0;}

.sypb:hover {box-shadow:10px 10px 10px #ddd;cursor:pointer;transform:translateY(-10px);}

.sypb .sypzi {width:100%;margin:20px auto 0;text-align:center;background:#fff;color:#333;padding:15px 20px;transition:all 0.5s;}

.sypb .sypzi h4 {margin:0 0 15px;font-size:17px;font-weight:600;}

.sypb .sypzi a {font-size:14px;display:block;margin:0 auto;background:#fff;color:#46bdd1;width:90px;height:26px;line-height:26px;border:1px solid #333;border-radius:20px;color:#666;}

.sypb:hover .sypzi a {background:#fd8107;color:#fff;cursor:pointer;border:none;}

.sypb img{ width: 60px; height: auto; display: block; margin: 0 auto;} 

.zhichi{ width:100%;height:auto; padding: 0 0 80px;}

.zhichi h3{ margin-bottom: 38px; font-size: 22px; font-weight: 600;}



@media all and (max-width:768px) {

	

/* bread */

.nyban{ position:relative;}

.position {content: ""; position: absolute; width:100%;height:auto;background: rgba(19,52,114,.9); width: 180px; height: 42px; text-align:center; left: 10%; bottom: 0; }

.position h3 {font-size:20px; color: #fff; margin: 0; line-height: 42px;}





/* ny-about */  

.nyabbg {width:100%;height:auto;display:inline-block;background:#fff; padding: 60px 0;}

.nyabox {width:100%;height:auto;display:inline-block;}

.abtu {width:100%;display:block; }

.nycontent {width:100%;height:auto;margin:36px 0;display:inline-block;background:#fff;box-shadow:2px 3px 5px #ddd;padding:50px;}

.tu {width:100%;height:auto;display:block;margin:0 auto;}

.abnr {width:95%;margin:30px 0 0 5%;padding:0 15px 0 0;height:auto;}

.abnr h4 {margin:10px 0 20px 0;font-weight:600; font-size: 18px;}

.abnr p {line-height:22px;text-indent:2em; font-size:14px;color:#666;text-align:justify;}

.rybox{ width: 90%; height: auto; margin: 0 5%;}

.rybox h4{ font-size: 20px; font-weight: 600; margin-bottom: 24px;}

.rybox p{ line-height: 42px; font-size: 18px; font-weight: 600;}

@media all and (min-width: 1450px) and (max-width: 1920px){ 

    .abnr h4{ font-size: 22px !important;}

    .abnr p { font-size: 16px; line-height: 28px !important;}

}



/* ny-wuliu */

.wltit{ width:100%; margin: 38px 0 50px; border-bottom: 1px solid #ddd; padding: 0 10px 30px;}

.wltit h3{ color: #ffba00; font-size: 22px; font-weight: 600;}

.wltit h4{ font-size: 18px; line-height: 30px;}

.wubox{ width: 100%;height:auto; display:inline-block; margin: 0 0 12px;}

.wltu{ border: 5px solid #ddd;}





/* left-nav */

.leftab{ width: 100%; margin: 0; text-align: center; text-align: -webkit-center;}

.jxnav {width:100%;height:auto;margin-bottom:42px; white-space: nowrap;}

.jxnav li {width:200px;text-align:center;background:#f5f5f5; display: inline; height:42px;line-height:42px; margin:0 15px; padding: 10px 30px;}

.jxnav li a {color:#333;font-size:18px;}

.jxnav .active {background:#ffba00;position:relative;}

.jxnav .active a {color:#fff;}

.jxnav .active::before {content:"";position:absolute;left:0;right:0;bottom:0;width:0;height:0;border-width:0 5px 5px;border-style:solid;border-color:transparent transparent #fff;margin:0 auto;}



.thumbnail img{ border: 5px solid #ddd; }

.thumbnail p{ line-height: 52px; margin: 0;}



/* ny-news */  

.news {display:inline;}

.news li {width:100%;display:inline-block;border:#ddd 1px solid;padding:32px;margin-bottom:15px;transition:all 1s;}

.news li:hover {background:#fafafa;box-shadow:10px 10px 10px #ddd;}

.news li:hover a {color:#0066cc;}

.news li a {color:#333;}

.news li a p {color:#666;font-size:15px;line-height:26px;}

.news li h4 {font-size:20px;margin:0 0 15px;}

.newshow h3 {font-size:22px;margin-bottom:20px;}

.newshow p {font-size:15px;line-height:26px;text-indent:2em;margin-bottom:10px;}

.newback {display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;margin-top:50px;}

.newback a:hover {color:#014d97;}

.wenz p strong {font-size:18px;color:#0066cc;padding-left:8px;}

.wenz p img {width:96%;height:auto;}

.casems {color:#666;border:1px solid #ddd;padding:15px 20px;margin:20px 0 30px;}

.casems P {text-indent:0;font-size:12px;margin:0;}

.news2 li {width:100%;border-bottom:1px solid #ddd;padding:10px 8px;}

.news2 li a {color:#333;}

.news2 li a:hover {color:#0066cc;}

.newshow h3 {font-size:22px;margin-bottom:20px;}

.newshow p {font-size:15px;line-height:26px;text-indent:2em;margin-bottom:10px;}

.newback {display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;margin-top:50px;}

.newback a:hover {color:#014d97;}



/* ny-page*/

.pagination {display:-ms-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:30px auto 0;justify-content:space-between;}

.pagination span>a {padding:5px 10px;color:#333;border:solid 1px #ccc;border-radius:5px;}

.page-num-current {padding:5px 0 !important;}

.pagination span>a select,.pagination span>a select:focus {border:solid 1px transparent !important;padding:5px 10px;background:transparent;}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index:3;color:#fff;cursor:default;background-color:#031652;border-color:#031652;}



/* ny-product */  

.probox {width:92%;height:auto;display:inline-block;margin: 0 4% 24px;background-color:skyblue;background:#fff;}

.probox img {width:100%;height:auto;transition:all 1s; position: relative;}

.probox h4 { /* content:""; position: absolute; bottom: 40px; left: 0; right: 0;  */font-size:17px;margin: 5px 0 0;color:#333;text-align:center;height:42px;line-height:42px; 

    font-weight: 600; border-bottom: 1px solid #ddd;}

.probox a:hover h4 {color:#007eff;}

.probox p {line-height:42px;font-size:16px;color:#1b1b1b;}

.probox a { display:inline-block;color:#333; }

.pro-title {margin-top:0 !important;}

.hover-one {border:1px solid #666;width:160px;height:38px;display:flex;align-items:center;justify-content:center;margin-right:20px;float:left;}

.hover-one a {color:#333;line-height:1.556;text-align:center;}

.hover-two {background-color:#f4f4f4;width:160px;height:38px;display:flex;align-items:center;justify-content:center;}

.hover-two a {color:#231f20;line-height:1.556;text-align:center;}

.pbtn:hover {background:#007eff;border:none;}

.pbtn:hover a {color:#fff;}

.procontent {width:100%;padding:0 30px 30px;}

.pro-xq-ms>h3 {font-size:20px;color:#444;line-height:56px;text-indent:2em;font-weight:600;border-bottom:4px solid #d7d7d7;background-color:#eee;}

.pro-xq-ms>p {padding:5px 5px;display:-ms-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;justify-content:space-between;border-bottom:1px solid #000;}

.pro-xq-ms>p>a {color:#333;font-size:14px;}

.pro-xq-ms>p>span {font-size:14px;color:#333;}

.canshubox {width:100%;height:auto;display:inline-block;}

.canshubox p {margin-bottom:0;}

.cpcanshu1 {border-right:10px solid #fff;}

.canshubox2 {border-right:1px dotted #fff;}

.canshubox h3 {width:100%;height:auto;display:inline-block;font-size:18px;font-weight:600;}

.nypcanshu{ width:100%;height:auto;display:inline-block; background: #f5f5f5; margin: 20px 0 0; position: relative;}

.nypcanshu h3{ width:100%; height:auto; color: #333; letter-spacing: 2px; margin: 0; padding: 30px 0; text-align: center; font-size: 24px;}

.nypcanshu h3::before{ content: ""; position: absolute; background: rgba(0,0,0,.2); height: 1px; width: 42%; left: 0; top: 42px;}

.nypcanshu h3::after{ content: ""; position: absolute; background: rgba(0,0,0,.2); height: 1px; width: 42%; right: 0; top: 42px;}

.procontent {width:100%;margin: 0; /*height:386px;*/ overflow-y:auto;overflow-x:hidden; }

.procontent::-webkit-scrollbar {/*滚动条整体样式*/    width:4px;/*高宽分别对应横竖滚动条的尺寸*/    height:4px;}

.procontent::-webkit-scrollbar-thumb {/*滚动条里面小方块*/    border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15);background:rgba(1,147,222,0.5);}

.procontent::-webkit-scrollbar-track {/*滚动条里面轨道*/    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);border-radius:0;background:rgba(0,0,0,0.1);}

.procontent p {line-height:20px;font-size:15px;color:#666;/* text-align:justify;*/}

.procontent img{ width:100%; height:auto;}

.pro-title h2{ background: rgba(19,52,114,.8) !important; color:#fff !important;}

.proxqtit{ margin: 15px 0 0 40px; font-size: 18px;}

.proxqtit .more{ width: 100%; height:auto; display: inline-block; margin: 20px 0 0; }

.proxqtit .more a{ width: 100px; height: 28px; line-height: 28px; border-radius: 5px; display: block; text-align:center; font-size: 14px; background: #333; color: #fff;}



/* left-nav */  

.nav-pro>ul {border:none;}

.nav-pro>ul>li {position:relative;margin:0 15px 0 0;border-bottom:1px solid #f5f5f5;transition:.3s;background:#fff;}

.nav-pro>ul>li>a {padding:2px 0 0 20px;display:block;transition:.3s;cursor:pointer;line-height:42px;}

.nav-pro>ul>li:hover>a {border-left:5px solid rgba(19,52,114,.8);background:#f5f5f5;}

.nav-pro>ul>li>i {position:absolute;right:6px;top:8px;font-size:24px;}

.nav-pro>ul>.active {border:none;}

.nav-pro>ul>.active>a {border-left:5px solid #333;background:#f5f5f5;display:block;}

.nav-pro>ul>li>a {color:#333;font-size:16px;}

.nav-pro>ul>li>ul>li>a {color:#555;padding:10px 5px;margin:0 10px;border-bottom:1px solid #ddd;display:block;font-size:15px;}

.nav-pro>ul>li>ul>.active {background:#333;}

.nav-pro>ul>li>ul>li>ul>li {padding-left:26px;}

.nav-pro>ul>li>ul>li>ul>li>a {color:#888;line-height:32px;width:92%;display:block;padding:0 0 0 8px;border-bottom:1px dotted #ddd;}

.submenu {display:none !important;}

.showsub .submenu {display:block !important;}

.sonmenu {display:none;}



/* ny-download */

.downbox {width:94%;height:auto;margin:42px auto 30px;border-top:4px solid #dfaa61;}

.downbox li {width:100%;padding:0 15px;background:#fff;border-bottom:1px solid #ddd;}

.downbox li a {width:100%;display:flex;line-height:56px;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between; text-decoration: none;}

.downbox li p {color:#333333;font-size:16px;font-weight:400;margin:0;line-height:56px !important;padding-bottom:0;text-indent:0;}

.downbox li b {color:#999999;font-size:16px;font-weight:normal;}

.downbox li:hover b {color:#dfaa61;}



/* ny-contact */

.linkmap{ width:100%; height:auto; display: inline-flex; background: #555; }

.linkmesg{ width:100%; height:auto; display: inline-block; margin: 40px 0 0;}

.nylink ul{ margin-top: 30px; }

.nylink ul li{ height: auto; text-align:center;}

.nylink ul li i{ font-size: 20px; width: 56px; height: 56px; line-height: 56px; text-align:center; border-radius: 50%; background: #dfaa61; color: #fff;}

.nylink ul li p{ font-size: 20px; margin: 15px 0 28px;}

.nylink {width:100%;height: auto;display:inline-block;padding:30px 50px 62px 0;}

.nylink h3 { font-size:22px;margin: 0 0 10px 0; padding-left:8px; font-weight: 600; color:#333;}

.nylink h5{ line-height:52px;border-bottom:1px solid rgba(255,255,255,.3);color:#fff;font-size:18px; margin-bottom: 40px;}

.nylink h5 i{ color:#f5f5f5;font-size:20px;width:26px;height:auto;}

.nylink b {font-weight:normal;}

.link2{ width:100%;height:auto; display: inline-block; margin: 0 0 12px;}

.link2 h4{ color: #fff; font-size: 16px; font-weight: 600; border-left: 3px solid #fff; padding-left: 5px;}

.link2 ul { margin-left: 20px;}

.link2 ul li {padding:0 15px;line-height:32px;color:#fff;font-size:16px;}

.messagebox {width:118%;display:inline-block; padding:30px 45px; margin-top:0;}

.linktu {width:100%;height:auto;margin:0 auto;position:relative;}

.linktu img {display:block;margin:0 auto;}

.messagebox h4 {font-size:22px; color: #ddd; letter-spacing: 1px; border-bottom:1px solid #666; line-height: 50px; padding: 0 15px;}

.message-con {width:100%;padding:10px 0 0;}

.message-con>form {display:-ms-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;}

.message-con>p {font-size:26px;font-weight:block;text-align:center;}

.form-group {width:50%;margin:5px 0 0;padding:5px;background:none !important; box-shadow: none;}

.form-group input,.form-group1 textarea {padding:10px;letter-spacing:1px;font-size:15px;outline:none;border:none;box-shadow:none;display:block; border-bottom: 1px solid #ddd ;

    width:100%;height:34px;line-height:28px;color:#fff;background:none !important;background-image:none; border-radius: 0;}

.form-group1 {width:100%;margin:10px 0;padding:5px;}

.form-group1 textarea {width:100%;height:90px;}

.yzm {margin:15px 30px 0 0;}

.submit {background:#ffba00;color:#fff;border-radius:0;font-size:15px;width:98%;margin:12px 1%;height:38px;outline:none;letter-spacing:1px;cursor:pointer;border:none;}

.message-bd {height:30px;}

.message-con img {height:35px;}

.linkicon2 {margin:20px 0;line-height:46px;text-align:center;}

.linkicon2 li {display:inline-block;background:rgba(0,0,0,.8);border-radius:50%;width:60px;height:60px;text-align:center;line-height:72px;margin:0 20px;}

.linkicon2 li:hover {background:rgba(70,158,48,.9);}

.linkicon2 li>a {color:#fff;}

.xiaoshou{ width:100%;height:auto; margin: 0;}

.xiaoshou table {width:100% !important; height:auto; margin:20px auto 10px;}

.xiaoshou table tbody tr{ border-bottom: 1px solid rgba(0, 0, 0, .2);}

.xiaoshou table tbody .firstRow td{ font-size: 18px; background: #007eff; color: #fff; border-right: 1px solid #fff;}

.xiaoshou table tbody tr td:nth-of-type(1){ font-weight: 600; }

.xiaoshou table tbody tr td { width: 100px !important; height: auto; padding:10px; display:table-cell;vertical-align:inherit;white-space:nowrap;text-align:left;}

.xiaoshou table tbody tr td:last-child {border-right:none;}

.xiaoshou table tbody tr td p{ width: 100%; height: auto; display: table-cell;}

.jishu table {width:100% !important; height:auto; margin:20px auto 10px;}

.jishu h3{ font-size: 22px; font-weight: 600; text-align: center;} 

.jishu table tbody tr{ border-bottom: 1px solid rgba(0, 0, 0, .2);  }

.jishu table tbody .firstRow td{ font-size: 18px;background: #007eff; color: #fff; border-right: 1px solid #fff;}

.jishu table tbody tr td:nth-of-type(1){ font-weight: 600;}

.jishu table tbody tr td { width: 100px !important; height: auto; background: rgba(0, 126, 255, .05); border-right: 1px solid #fff; text-align:center; padding:10px; display:table-cell;vertical-align:inherit;white-space:nowrap;}

.jishu table tbody tr td:last-child {border-right:none;}



.sypb {width:100%;margin:0 auto;transition:all 0.8s; background: #fff; padding: 30px 0 0;}

.sypb:hover {box-shadow:10px 10px 10px #ddd;cursor:pointer;transform:translateY(-10px);}

.sypb .sypzi {width:100%;margin:20px auto 0;text-align:center;background:#fff;color:#333;padding:15px 20px;transition:all 0.5s;}

.sypb .sypzi h4 {margin:0 0 15px;font-size:17px;font-weight:600;}

.sypb .sypzi a {font-size:14px;display:block;margin:0 auto;background:#fff;color:#46bdd1;width:90px;height:26px;line-height:26px;border:1px solid #333;border-radius:20px;color:#666;}

.sypb:hover .sypzi a {background:#fd8107;color:#fff;cursor:pointer;border:none;}

.sypb img{ width: 60px; height: auto; display: block; margin: 0 auto;} 

.zhichi{ width:100%;height:auto; padding: 0 0 80px;}

.zhichi h3{ margin-bottom: 38px; font-size: 22px; font-weight: 600;}



@media all and (max-width:768px) {

    /* index */

    body{ overflow-x:hidden;}

    .top{ display: none;}

    .navbar-brand img{ padding: 12px 0 0 10px;}

    .navbar-nav>li>a{ line-height: 25px; text-align: center;}

    .carousel-indicators{ display: none;}

    .sytitle video{ width: 90%; margin: 20px 5%;}

    .home-pro{ margin: 0; padding: 0; background: none;}

    .sytitle p{ width:90%; line-height: 26px;}

    #tablea{ margin-bottom: 60px;}

    .box .boxzi p{ display: none;}

    .box .boxzi h3{ margin: 0;}

    .box{ margin: 0;}

    .pzbox2 h3{ color: #333;}

    .pzbox2 ul{ display: none;}

    #oranger{ margin-top: 0;}

    #oranger a{ width: 48%; height: 42px; line-height:42px; float: left; margin-right: 2%;}

    .synews .newtu{ display: none;}

    footer{ margin-bottom: 60px; padding: 0;}

    footer .fnav{ display: none;}

    .ftel{ margin-bottom: 20px !important;}

    .fplie{ display: none;}

    .sj{ display: none;}

    .flist h4{ margin: 0 5% 10px;}

    .flist .zi{ margin: 0 5%;}

    .bq{ line-height: 25px !important; height: 60px; padding: 5px 0;}

    .bq a{ width: 100%; display: inline-block; text-align: center;}

    /* ny*/    

    .nyban{ width: 140%; margin: 0 20% 0 -20%;}

    .leftab{ }

    .jxnav li{ width: 30%; display: inline-block; margin: 0; padding: 0;}

    .cont8{ width: 100%; height: auto; margin: 0;}

    .linkmap{ display: inline-block;}

    .messagebox{ display: none;}

    .nylink{ padding: 0; margin-bottom: 50px;}

    .newshow{ width: 90%; margin: 0 5%;}

}

/* ny-product */  

.probox {width:92%;height:auto;display:inline-block;margin: 0 4% 24px;background-color:skyblue;background:#fff;}

.probox img {width:100%;height:auto;transition:all 1s; position: relative;}

.probox h4 { /* content:""; position: absolute; bottom: 40px; left: 0; right: 0;  */font-size:17px;margin: 5px 0 0;color:#333;text-align:center;height:42px;line-height:42px; 

    font-weight: 600; border-bottom: 1px solid #ddd;}

.probox a:hover h4 {color:#007eff;}

.probox p {line-height:42px;font-size:16px;color:#1b1b1b;}

.probox a { display:inline-block;color:#333; }

.pro-title {margin-top:0 !important;}

.hover-one {border:1px solid #666;width:160px;height:38px;display:flex;align-items:center;justify-content:center;margin-right:20px;float:left;}

.hover-one a {color:#333;line-height:1.556;text-align:center;}

.hover-two {background-color:#f4f4f4;width:160px;height:38px;display:flex;align-items:center;justify-content:center;}

.hover-two a {color:#231f20;line-height:1.556;text-align:center;}

.pbtn:hover {background:#007eff;border:none;}

.pbtn:hover a {color:#fff;}

.procontent {width:100%;padding:0 30px 30px;}

.pro-xq-ms>h3 {font-size:20px;color:#444;line-height:56px;text-indent:2em;font-weight:600;border-bottom:4px solid #d7d7d7;background-color:#eee;}

.pro-xq-ms>p {padding:5px 5px;display:-ms-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;justify-content:space-between;border-bottom:1px solid #000;}

.pro-xq-ms>p>a {color:#333;font-size:14px;}

.pro-xq-ms>p>span {font-size:14px;color:#333;}

.canshubox {width:100%;height:auto;display:inline-block;}

.canshubox p {margin-bottom:0;}

.cpcanshu1 {border-right:10px solid #fff;}

.canshubox2 {border-right:1px dotted #fff;}

.canshubox h3 {width:100%;height:auto;display:inline-block;font-size:18px;font-weight:600;}

.nypcanshu{ width:100%;height:auto;display:inline-block; background: #f5f5f5; margin: 20px 0 0; position: relative;}

.nypcanshu h3{ width:100%; height:auto; color: #333; letter-spacing: 2px; margin: 0; padding: 30px 0; text-align: center; font-size: 24px;}

.nypcanshu h3::before{ content: ""; position: absolute; background: rgba(0,0,0,.2); height: 1px; width: 42%; left: 0; top: 42px;}

.nypcanshu h3::after{ content: ""; position: absolute; background: rgba(0,0,0,.2); height: 1px; width: 42%; right: 0; top: 42px;}

.procontent {width:100%;margin: 0; /*height:386px;*/ overflow-y:auto;overflow-x:hidden; }

.procontent::-webkit-scrollbar {/*滚动条整体样式*/    width:4px;/*高宽分别对应横竖滚动条的尺寸*/    height:4px;}

.procontent::-webkit-scrollbar-thumb {/*滚动条里面小方块*/    border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15);background:rgba(1,147,222,0.5);}

.procontent::-webkit-scrollbar-track {/*滚动条里面轨道*/    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);border-radius:0;background:rgba(0,0,0,0.1);}

.procontent p {line-height:20px;font-size:15px;color:#666;/* text-align:justify;*/}

.procontent img{ width:100%; height:auto;}

.pro-title h2{ background: rgba(19,52,114,.8) !important; color:#fff !important;}

.proxqtit{ margin: 15px 0 0 40px; font-size: 18px;}

.proxqtit .more{ width: 100%; height:auto; display: inline-block; margin: 20px 0 0; }

.proxqtit .more a{ width: 100px; height: 28px; line-height: 28px; border-radius: 5px; display: block; text-align:center; font-size: 14px; background: #333; color: #fff;}



.la span {

    font-size: 12px;

    color: rgb(253, 251, 251);

}