* {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; overflow-x: hidden;}
body {font-family:"Arial","微软雅黑";box-sizing:border-box;font-size:14px;}
.patop80 { padding-top: 80px;}
.pabot80 { padding-bottom: 80px;}
.container {padding-left:0 !important;padding-right:0 !important;}
.cont9{ width: 96%; height:auto; margin: 0 2%;}
@media all and (min-width: 1450px) and (max-width: 1920px){
    .cont9{ width: 90%; height:auto; margin: 0 5%;}
}
.pic {width:100%;height:auto;display:inline-block;}
.pa0{ padding: 0;}
.right{ float: right;}

/* top */
.header{ position: relative; z-index: 2;} 
.top {color:#fff;line-height:46px; border-bottom: 1px solid rgba(255,255,255,.3);}
.top b{ font-weight: normal; }
.topright {float:right;margin-right:42px;}
.topright b i {font-size:18px;}
.carousel-indicators .active {background:#fff;width:36px;height:6px;border:1px solid #333;}
.carousel-indicators li {display:inline-block;width:36px;height:6px;border:1px solid #333;background:#333;margin:0;}
.linkicon {margin:0;line-height:46px;}
.linkicon li {display:inline-block;background:rgba(255,255,255,.3);border-radius:50%;width:30px;height:30px;text-align:center;line-height:30px;margin:0 6px;}
.linkicon li:hover {background:rgba(0,0,0,.7);}
.linkicon li>a {color:#fff;}
.topright {line-height:46px;}

/*头部导航*/
.navbar {z-index:2;background:#fff;border:none;margin-bottom:0;}
.navbar-default .navbar-nav>li>a {color:#333 !important;}
.navbar-brand {width:210px;padding:6px 0 !important;}
.navbar-brand img {width:100%;display:block;}
.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:#fff;color:#333;}
.navbar-collapse {float:right;}
.navbar-nav>li {padding:0 10px;margin:0;}
.navbar-nav>li>a {font-size:16px;line-height:50px;}
.navbar-nav>li>ul {opacity:0;position:absolute;top:50px;left:0;transition:.3s;background:#fff;width:100%;transform:translateY(-200px);z-index:-3;}
.navbar-nav>li:hover>ul {display:block;opacity:1;transform:translateY(0);z-index:3;}
.navbar-nav>li>ul>li {text-align:center;padding:5px 0;}
.navbar-nav>li>ul>li>a {color:#777;}
.navbar-nav>li>ul>li:hover>a {border-bottom:solid 1px #aaa;}
.navbar-nav>li>ul>li>ul {position:absolute;left:134px;top:0;width:207px;height:186px;background:#fff;display:none;}
.navbar-nav>li>ul>li:hover>ul {display:block;}
.navbar-nav>li>ul>li>ul>li {width:100%;padding-top:20%;}
.container-fluid {height:118px;}
.language{ float:right;border:1px solid #666;padding:10px 32px;border-radius:30px;margin:18px 0 0 50px;}
.language a{ color:#666;}
@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;}
}
.carousel{ margin-top: 80px !important;}
.carousel-indicators{ left:80%;z-index:1;}
/*导航结束*/

/* syabout */
.syabout{ width:80%;margin:100px 10%;}
.syabout h3{ color:#333;margin-bottom:15px;}
.syabout p{ font-size:16px;color:#777;line-height:26px;}
.syabout .shuzi {width:60%;margin:0 20%;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;}
.syabout .shuzi .szibox {width:25%;text-align:center;margin:30px 0;}
.syabout .shuzi .szibox h2 {color:#8abc19;font-size:42px;font-weight:600;}
.syabout .shuzi .szibox h2 span {color:#666;font-weight:600;font-size:16px;}
.syabout .shuzi .szibox p {color:#666;}
a.more {width:176px;height:52px;background:#1b2b62;display:block;font-size:16px;border-radius:53px;text-align:center;line-height:53px;margin:0 auto;transition:0.36s;color:#fff;}
a.more:hover {box-shadow:3px 5px 12px 0 rgba(0,0,0,.1);transform:translateY(-5px);}

/* sycompany */
.index-company ul{height: 908px;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.index-company ul li{height: 100%;flex: 1;position: relative;overflow: hidden;transition: 0.36s;border:1px solid rgba(0,0,0,.2);background: rgba(210,210,210,0.2);border-right: none;}
.index-company ul li .img{position: relative;width: 100%;height: 100%;opacity: 0;transform: scale(1.1);transition: 0.36s;}
.index-company ul li .title{text-align: center;width: 100%;color:#1b2b62;padding-bottom: 30px;position: absolute;bottom: 50%;left: 0;
    transition: 0.36s;line-height: 1.2;font-size: 24px;font-weight: bold;}
.index-company ul li .title::after{content:'';width: 26px;height: 3px;background: #1b2b62;position: absolute;bottom: 0;left: 50%;margin-left: -13px;transition: 0.36s;}
.index-company ul li:hover .img{transform: none;opacity: 1;}
.index-company ul li:hover .title{color:#fff;}
.index-company ul li:hover .title::after{background: #fff;}

/* syproduct */
.ptitle h2{ font-weight:600;}
.ptitle .line{ width:2%;height:2px;background:#333;margin:20px auto 50px;}
.index-product{ width:100%;height:auto;background:rgba(242,242,242,1);display:inline-block;margin-top:-10px;padding:100px 50px;}
.index-product ul{ width:100%;height:auto;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;}
.index-product ul li{ width:24%;position:relative;overflow-x:hidden;margin-bottom:20px;}
.index-product ul li img{ border-radius:30px;}
.index-product ul li .pzi{ position:absolute;width:100%;height:100%;display:inline-block;background:rgba(27,43,98,.7);left:0;top:0;
    border-radius:30px;color:#fff;display:none;}
.index-product ul li .pzi h3{ width:90%;height:auto;border-top:1px solid #fff;margin:40% 0 0 5%;padding:50px 0 0;font-size:16px;}
.index-product ul li:hover .pzi{ display:block;animation:slideRight 0.6s forwards;animation-name:slideRight;}
@keyframes slideRight {
    from {transform: translateX(-100%);}
    to {transform: translateX(0);}
}

/* sylingyu */
.lytu{ position:relative;margin-bottom:10px;}
.title1{ position:absolute;left:26%;top:20%;color:#fff;}
.title1 h2{ font-weight:600;font-size:24px;}
.lyright{ float:right;}
.title2{ position:absolute;left:50px;bottom:50px;color:#fff;}
.tubox {width:99%;overflow:hidden;}
.tubox img {transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}
.tubox:hover img {transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);}

/* synews */
.index-news{ width:100%;padding:80px 50px;display:inline-block;}
.between { display: flex; display: -webkit-flex; flex-flow: row wrap; justify-content: space-between;}
.index-nlist{ width:100%;background:#f5f5f5;padding:20px;}
.index-news ul{ margin-top:26px;}
.index-news ul li{ width:49%;}
.index-nlist{ text-decoration: none;}
.index-nlist .ntu{ width:34%;margin-right:2%;}
.index-nlist .ntu img{ width:100%;height:auto;}
.index-nlist .nzi{ width:64%;}
.index-nlist .nzi h3{ color:#333;}
.index-nlist .nzi p{ color:#999;margin-bottom:0;font-size:14px;line-height:28px;}
@media all and (min-width: 1450px) and (max-width: 1920px){
    .index-nlist .nzi p{ margin-bottom:30px;}
}
.index-nlist .nzi span{ color:#999;font-size:15px;}
.nmore{ border:1px solid #666;border-radius:30px;margin:40px 0 0 0;height:42px;line-height:42px;width:112px;text-align:center;color:#333;}
.nmore:hover{ background:#1b2b62;color:#fff;}

/* footer */
.footer{ position:static;width:100%;height:auto;display:inline-block;background:#1b2b62;background-size:cover;color:#dcdddd;}
.footer .footlist{ padding: 60px 0 50px; display: inline-block; width: 100%;}
.footer .footlist .flink{ margin-top:24px;}
.footer .footlist .flink li{ margin-bottom: 20px;color:#999;}
.footer .footlist ul li a{ color:#999;}
.footer .footlist ul li:hover a{ color:#fff;}
.footer a{ color: #dcdddd; line-height: 42px;}
.ewm h5{ line-height: 26px; margin-bottom: 20px;}
.ewm .tu{ text-align: center; width: 100%;}
.ewm .tu img{ display: block; margin: 0 auto; }
.ewm p{ margin: 10px 0 0 0;}
.footer .footbq{ width: 100%; height: auto; background: #0a122d; padding: 30px 0; display: inline-table;}
.footer .footbq p{ margin: 0; line-height: 28px; color: #dcdddd;}
.footer .footbq .fleft{ width: 60%; float: left;}
.footer .footbq .fleft ul{ margin-bottom: 15px; display: inline-block;}
.footer .footbq .fleft ul li{ float: left;}
.footer .footbq .fleft ul li span{ margin: 0 20px;}
.footer .footbq .fright{ width: 40%; float: right; text-align: right; }
.ficon a{ display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #333; 
    margin: 10px 0 20px 5px;}
.ficon a:hover{ background: #fff;}


/* nyban */
.nyban{ width:100%;height:auto;display:inline-block;position:relative;border-bottom:1px solid #ddd;}
.nyban .position{ position:absolute;bottom:0;width:96%;height:52px;line-height:52px;margin:0 2%;background:#fff;z-index:1;padding:0 50px;}
.nyban .position h4{ float:left;padding:0 20px;background:#8abc19;color:#fff;height:100%;margin:0;line-height:52px;}
.nyban .position p{ float:right;margin:0;}
.nyban .position p a{ color:#333;}
@media (max-width: 1920px) and (min-width: 1450px){
    .nyban .position {width: 90%;height: auto;margin: 0 5%;}
}

.nybox{ width:100%;height:auto;display:inline-block;margin:80px 0;}
.ableft h2{ font-weight:600;color:#1b2b62;margin:20px 50px;position:relative;}
.ableft h2::before{ content:"";position:absolute;left:0;bottom:-20px;width:36px;height:3px;background:#1b2b62;}
.abnr h3{ font-weight:600;margin-bottom:30px;}
.abnr p{ text-indent:2em;}
.tu{ width:100%;height:auto;}
.abzs{ width:100%;height:auto;display:inline-block;background:rgba(27,43,98,.05);padding:80px 0;}
.zs{ width:92%;height:auto;margin:0 4%;}

/* left-nav */  
.nav-pro>ul {border:none;background:rgba(27,43,98,.1);padding:15px;margin-left:50px;}
.nav-pro>ul>li {position:relative;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 #023793;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;}
.thumbnail { width:94%;margin:0 3% 40px;border:2px solid #ddd;border-radius:30px;padding:0;overflow:hidden;}
.thumbnail img { border-radius:30px;transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}
.thumbnail:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}

/* ny-product */
.nyproduct{ width:100%;height:auto;display:inline-block;padding:80px 0;background:rgba(27,43,98,.05);}
.nypbox{ width:96%;height:auto;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;margin-left:4%;}
.nypbox li{ width:30.333%;position:relative;overflow-x:hidden;margin:0 1.5% 20px;}
.nypbox li img{ border-radius:30px;}
.nypbox li .pzi{ position:absolute;width:100%;height:100%;display:inline-block;background:rgba(27,43,98,.7);left:0;top:0;
    border-radius:30px;color:#fff;display:none;}
.nypbox li .pzi h3{ width:90%;height:auto;border-top:1px solid #fff;margin:40% 0 0 5%;padding:50px 0 0;font-size:16px;}
.nypbox li:hover .pzi{ display:block;animation:slideRight 0.6s forwards;animation-name:slideRight;}
.nypbox li p{ color:#333;line-height:46px;}
.nyright{ width:96%;margin-left:4%;}
.nypcanshu h3{ margin:0;}

.news ul li{ width:48%;}
.pagination{ margin:30px 0 0 !important;}

/* nylink */
.linkbox{ border:1px solid #ddd;border-radius:20px;width:96%;margin:30px 2%;text-align:center;padding:50px 0;background:#f3f4f7;
position:relative;z-index:1;box-shadow: 0 2px 20px rgb(44 91 149 / 14%);}
.linkbox i{ font-size:30px;margin-bottom:20px;color:#023793;}
.linkbox ul li{ font-size:18px;line-height:32px;}
.map{ width:100%;height:auto;display:inline-block;position:relative;margin-top:-100px;}
.mapzi{ position:absolute;left:6%;top:30%;}
.mapzi h2{ font-weight:600;color:#333;margin-top:80px;}
.mapzi p{ color:#023793;font-size:16px;}
.mabotnone{ margin-bottom:0;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ z-index:1;}

.pc{ display:block;}
.sj{ display:none;}
@media all and (max-width:768px) {
    .pc{ display:none;}
    .sj{ display:block;}
    html,body{ overflow-x:hidden;}
    .carousel{ margin-top:50px !important;}
    .navbar-nav>li{ text-align:center;}
    .navbar-nav>li>a{ line-height:26px;}
    .sjlan{ width:100%;height:36px;line-height:36px;text-align:center;}
    .syabout .shuzi .szibox{ width:100%;margin:0;}
    .index-company{ display:none;}
    .ptitle h2{ font-size:26px;}
    .index-product{ padding:50px 15px;}
    .index-product ul li{ width:48%;}
    .index-news{ padding:50px 15px;}
    .index-news ul li{ width:100%;}
    .index-nlist .ntu{ width:100%;margin:0}
    .index-nlist .nzi{ width:100%;}
    .footer .footbq .fright{ width:100%;text-align:center;}
    .nyban img{ width:200%;margin-left:-50%;}
    .nyban .position{ display:none;}
    .nav-pro>ul{ margin-left: 0;}
    .nypbox{ width:100%;margin:0;}
    .nypbox li{ width:100%;}
    .nyright{ width:100%;margin:0;}
    .pro-title{ margin-left:0 !important;}
    .news ul li{ width:100%;}
    .map{ display:none;}
}