* {padding:0;margin:0;}

body {font:14px/24px '微软雅黑','Roboto',Arial,Helvetica,sans-serif;color:#232323;background:#fff;}

a {text-decoration:none !important;color:inherit;}

a:focus {outline:none;}

ul,li {list-style:none;}

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

.pa0 {padding:0 !important;}

.top60 {margin-top:60px;}

.bottom60 {margin-bottom:60px;}

.pa5 {padding:5px !important;}

.cont8{ width:80%; height:auto; margin: 0 10%; display: inline-block;}

.cont8left{ width:90%; height:auto; margin: 0 0 0 10%;}

.topnav {width:100%;height:56px;line-height:56px;border-bottom:1px solid #ddd;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;}

.topnav .left p { color: #999;}

.topnav .right{ color: #999;}

.topnav .right a{ width:50px; height:20px; color: #999; border: 1px solid #999; border-radius: 20px; padding: 1px 20px;}

.topnav .right a:hover{ color: #133984; border: 1px solid #133984;}

.topnav .right span{ color: #133984; font-size: 17px; font-weight: 600;}

.topnav .right span:nth-of-type(2){ color: #555;}

.topnav .right span i{ color: #555; width:24px; height:24px; line-height: 24px; text-align: center;}



/* nav */

.navbar-default {background:#fff;}

.navbar-collapse {float:right;background:#fff;}

.navbar-default .navbar-nav>li>a {color:#111;}

.navbar-nav>li>a {line-height:46px;font-size:15px;}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {color:#133984;background-color:#fff;position:relative;}

.active a::before {content:"";position:absolute;bottom:0;left:0;right:0;width:100%;height:3px;background:#133984;}

.navbar-brand {padding:0;background:#fff !important; width: 220px; height: auto;}

.navbar-brand img {width:100%;height:auto;margin:15px auto 0;display:block;}

.navbar-nav {float:right;}

.nav>li{ margin-left: 56px;}

.nav>li>a{ padding: 18px 0;}

.carousel{ margin-top: -7px;}



/* sybox1 */

.sybox1{ width:100%; height: 620px; background:#f5f5f5; display: grid;}

.sytitle{ margin: 0 0 30px 0;}

.sytitle .bai{ color: #fff;}

.sytitle h3{ font-size: 24px; font-weight: 600;}

.sytitle h6{ font-size: 14px; color: #777;}

.micon1{ border: 1px solid #ddd; height:38px; color: #999; padding: 6px 24px; border-radius: 20px; display: inline-block; margin: 36px 0 0;}

.micon1:hover{ border: 1px solid #133984; background: #133984; color: #fff;}

.sleftbox{ padding: 60px 0;}

.sybox1 .sleftbox ul{ width: 100%; height:auto; display: inline-block; background: #fff;}

.sybox1 .sleftbox .right{ border-right: 1px solid #f5f5f5;}

.sybox1 .sleftbox .bottom{ border-bottom: 1px solid #f5f5f5;}

.sybox1 .sleftbox ul li a{ width:100%;margin:0 auto;overflow:hidden;}

.sybox1 .sleftbox ul li span{ color: #999; margin: 10px 0 0 0; display: inline-block;}

.sybox1 .sleftbox ul li img{ width: 50%; height:auto; margin: -10px 25% 0 25%;transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}

.sybox1 .sleftbox ul li:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}

.sybox1 .sleftbox ul li p{ font-size: 16px; text-align: center; line-height: 36px;}

.sybox1 .sleftbox ul li:hover p{ color: #133984;}

.srightbox{ width: 100%; height: 480px;}

.srightbox img{ width: 85%; height:100%; overflow: hidden; margin-left: 15%; position: relative;}

.srightbox .tuzi{ position: absolute; bottom: 50px; left: 24%; z-index: 20; color: #fff;}

.srightbox .tuzi h3{ margin: 0; font-size: 20px; font-weight: 600;}

@media (min-width:1500px){

    .sybox1{ width:100%; height: 720px;}

    .srightbox{ width: 100%; height: 720px;}

    .ab2{ width:100%; height: 563px;}

    .sabbox { padding-top: 120px !important; }

    .sleftbox{ padding-top: 100px !important; }

}



/* sybox2 */

.ableft{ padding: 60px 0;}

.srightbox .tuzi2{ position: absolute; bottom: 38%; left: 15%; z-index: 20; color: #fff; width: 85%; text-align: center;}

.srightbox .tuzi2 line img{ width: 50px; height: auto;}

.sabbox{ padding: 60px 0 0; }

.sabbox p{ font-size: 16px; line-height: 30px; text-align: justify;}

/* shuzi */

#productNumber ul {padding:32px 0 0;}

#productNumber ul.q:after {content:"";clear:both;display:table;}

#productNumber li { color:#333; text-align:center; padding: 20px 0;}

#productNumber ul li:nth-of-type(2) {border-left:none !important;border-right:none !important;}

#productNumber ul li:nth-of-type(3) {border-right:none !important;}

#productNumber li b {font-weight:400;font-size:36px;line-height:1;display:inline-block;position:relative;margin:15px 0 10px; }

#productNumber li b i {font-style:normal; color:#2663db;font-size:42px;font-weight:600;width:100%;text-align:center;}

#productNumber li b em {font-style:normal;font-size:28px;font-weight:100;padding-left:2px;position:relative;top:-4px; color:#2663db;font-size:36px;font-weight:600;width:100%;text-align:center;}

#productNumber li p {font-size:16px; text-indent: 0; text-align: center;}



/* sybox3 */

.titbox{ width:100%; height:auto; display: flex; display: -webkit-flex; flex-flow: row wrap; justify-content: space-between;}

.micon2{ border: 1px solid #fff; color: #fff; height:38px; padding: 6px 24px; border-radius: 20px; display: inline-block; margin: 36px 0 0;}

.micon2:hover{ border: 1px solid #fff; background: #fff; color: #133984;}

.part3{ width:100%; height:auto; position:relative; padding: 60px 0;}

.part3::before{ content:""; position: absolute; top: 0; left: 0; width:74.5%; height: 500px; background:#133984; }

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

.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:12px;height:12px;margin:0 5px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:40px;overflow:hidden;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:url(../images/prev.png) center center no-repeat;}

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

@media (min-width:1500px){

    .part3::before{ width:75.1% !important;}

    .sbzi{ top: 20% !important;}

}

.sbzi{ position: absolute; left: 5%; top: 15%; color: #333; width: 90%;}

.sbzi .item {position:relative; width: 80%; margin: 0 0 0 10%;}

.sbzi .item img{ border: 5px solid rgba(255,255,255,.5); margin: 10px 0;}

.sbzi .item .thumb-icon {height:80px;width:80px;border:1px solid #666;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:auto;margin:0 auto 20px auto;}

.sbzi .item .thumb-icon i {font-size:36px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.sbzi .item .thumb-icon img {margin:0;}

.sbzi .item .title {font-size:20px;font-weight:600;color:#133984; text-align: center; line-height:24px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.sbzi .item .sub-title {font-size:16px;color:#333;line-height:30px; text-align: center;}

.sbzi .item:after {content:'';display:block;border-bottom:1px dotted #666;width:70%;position:absolute;left:82%;top:40px;}

.sbzi .item.no-border:after {content:none;}

.sbzi .item:hover .thumb-icon {border:1px solid #133984; cursor: pointer;}

.sbzi .item:hover .title,.sbzi .item:hover i {color:#133984;}









/* sypro */

.pabt5 {

    margin-bottom: 10px;

}

.sypro{ width:100%; height: auto; text-align:center; display: inline-block; }

/* .sytitle{ position: relative; width:100%; text-align: center;}

.sytitle::before{ content: "Product"; position: absolute; z-index: 1; top:-60px; left:0; right: 0; font-size: 100px; font-weight: 600; letter-spacing: -3px; color: #eeeeee; text-transform:uppercase;}

.sytitle h3{ color: #1a1a2b; font-size:28px; font-weight: 600; z-index: 2; position: relative;}

.sytitle p{ width: 46%; font-size: 16px; margin: 0 auto; color: #777; z-index: 2; position: relative;} */

.prolei{ width: 100%; margin: 50px auto;}

.ptubox { position: relative;}

.ptubox .pzi{ position: absolute; top:0; left:0; width:100%; height:100%; font-size: 18px; font-weight: 600; letter-spacing: 1px; background: rgba(3,16,43,0.6); 

    color: #fff;  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s;

    -o-transition: .5s; transition: .5s;}

.ptubox:hover .pzi{ background: none; opacity: 0;}



/* synews */

.partnews{ width:100%; height:auto; background: #fff; padding: 60px 0; }

.sytitle h3 a:hover{ color:#133984; }

.mb-30 {margin-bottom:30px;}

.post-thumbnail img {width:100%;}

.post-meta ul li {display:inline-block;}

.post-meta ul li span i {margin-right:10px;}

.btn-link {font-size:15px;font-weight:700;color:#666666;text-transform:uppercase;}

.btn-link:hover {text-decoration:none;}

.blog-post-item-one {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

@media (max-width:767px) {.blog-post-item-one {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}

}

.blog-post-item-one .post-thumbnail {min-width:235px;height:215px;-o-object-fit:cover;object-fit:cover;margin-right:40px;}

@media (max-width:767px) {

    .blog-post-item-one .post-thumbnail {margin-bottom:30px; width:100% !important; height:auto !important;min-width:100% !important;}

}

.blog-post-item-one .post-thumbnail img {height:100%;}

.blog-post-item-one .entry-content .post-meta ul li {margin-right:25px;margin-bottom:10px;}

.blog-post-item-one .entry-content h3.title {margin-bottom:15px; font-size: 20px; letter-spacing: 1px;}

.entry-content h3.title:hover a{ color:#133984;}

.blog-post-item-two .post-thumbnail {position:relative;overflow:hidden;}

.blog-post-item-two .post-thumbnail .post-overlay {position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:40px;background:-webkit-linear-gradient(90deg,#162542 0%,rgba(29,32,61,0.5) 68%,rgba(33,30,59,0) 100%);background:inear-gradient(90deg,#162542 0%,rgba(29,32,61,0.5) 68%,rgba(33,30,59,0) 100%);}

.blog-post-item-two .entry-content h3.title,.blog-post-item-two .entry-content .btn-link,.blog-post-item-two .entry-content .post-meta ul li span {color:#fff;}

.blog-post-item-two .entry-content .post-meta {margin-bottom:10px;}

.blog-post-item-two .entry-content .post-meta ul li {margin-right:10px;}

.blog-post-item-two .entry-content h3.title {font-size:22px;line-height:1.5;margin-bottom:15px;}

.blog-post-item-three .entry-content {position:relative;padding:40px 35px 35px;background-color:#fff;-webkit-box-shadow:0px 10px 60px 0px rgba(22,37,66,0.07);box-shadow:0px 10px 60px 0px rgba(22,37,66,0.07);}

.blog-post-item-three .entry-content .post-meta ul li {margin-right:20px;margin-bottom:8px;}

@media only screen and (min-width:992px) and (max-width:1199px) {.blog-post-item-three .entry-content .post-meta ul li {font-size:15px;margin-right:7px;}

}

@media (max-width:991px) {.blog-post-item-three .entry-content .post-meta ul li {margin-right:10px;}

}

.blog-post-item-three .entry-content h3.title {font-size:22px;line-height:1.4;margin-bottom:8px;}

@media only screen and (min-width:992px) and (max-width:1199px) {.blog-post-item-three .entry-content h3.title {font-size:20px;line-height:1.3;}

}

@media (max-width:991px) {.blog-post-item-three .entry-content h3.title {font-size:20px;line-height:1.3;}

}

@media (min-width:1500px){

    .blog-post-item-two .post-thumbnail{ height: 490px;}

}



/* sykehu */

.kehubox {width:100%;height:auto;display:inline-table;background:#f2f2f2;padding: 50px 0 68px; margin: 30px 0 0;}

.kehubox .patu {width: 100%;margin:10px auto;transition:all 0.3s ease 0s;}

.kehubox .patu:hover {box-shadow:0px 10px 30px rgba(0,0,0,0.1);transform:translate(0,-10px);}



/* footer */

.footer {width:100%;background:#2e2e2e url(../images/bg3.jpg) center bottom no-repeat;padding:52px 0 20px;color:rgba(255,255,255,.7);}

.ftit1 {font-size:18px;color:#fff;font-weight:600;margin-bottom:25px;letter-spacing:1px;}

.ftit2 {font-size:18px;color:#fff;margin-bottom:25px;letter-spacing:1px;}

.ewm {width:100px;height:100px;}

.bq {background:#133984;margin:20px 0 0;line-height:52px;height:52px;color:#fff;}

.ftel {margin-top:24px;display:flex;display:-webkit-flex;flex-flow:row wrap;}

.ftel img {width:50px;height:50px;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:5px;margin-right:8px;}

.ftel span {font-size:28px;display:inline-block;line-height:48px;color:#133984;}

.flink {margin-bottom:20px;}

.flink p {line-height:40px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:0;padding:0 5px;}

.flink p:nth-of-type(4) {border:none;}

.flink p i {color:#b1cafd;margin-right:10px;text-align:center;width: 20px;}

.ly:hover { color:#133984;}

.ly {color:rgba(255,255,255,.7);;margin:15px 10px 0 0;display:inline-block;}

.ly img {margin-right:6px;border:1px solid #555;padding:5px;border-radius:50%;}

.linkbox {width:100%;height:auto; padding-left: 30px;}

.flink a {line-height:36px;position:relative;color:rgba(255,255,255,.7);;font-weight:500;transition:all 500ms ease;}

.flink a:hover {padding-left:20px;color:#133984;}

.flink a:before {position:absolute;top:50%;left:0;bottom:0;width:12px;height:4px;content:"";background-color:#133984;transform:translateY(-50%);opacity:0;transition:all 500ms ease;}





/* ny-about */

.nyban {position:relative;margin-top: -7px;}

.nyban .postit {width:100%;height:auto;/* text-align:center;*/    position:absolute;left:23%;right:0;top:30%;}

.nyban .postit h4 {display:inline-block;margin:0 auto;font-size:24px;letter-spacing:2px;font-weight:200;color:#fff;background:rgba(19,53,128,.8);padding:10px 24px;}

.nyabbg {background:#fff;margin:60px 0;}

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

.nytitle h2 {text-transform:uppercase;color:#2663db;font-weight:600;font-size:28px;margin:20px 0 10px 0;}

.nytitle h3 {font-size:18px;line-height:32px;font-weight:600;}

.nytitle h4 {margin:15px 0 0;}

.abjj {font-size:16px;color:#666;}

.zhanl{ width:100%; display: inline-block; margin: 80px 0 50px;}



/* 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:#333;border-color:#333;}

.pagination>li>a,.pagination>li>span {color:#333;}



/* left-nav */

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

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

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

.nav-pro>ul>li:hover>a {border-left:5px solid #2663db;background:#2663db;}

.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:#2663db;display:block;}

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

.nav-pro>ul>li>ul>li>a {color:#fefefe;padding:10px 5px;margin:0 10px;border-bottom:1px dotted #666;display:block;font-size:13px;}

.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-service */

.abjj {padding-right:50px; }

.abjj h3 {margin-bottom:15px;font-weight:600;color:#2663db;}

.abjj h3 b {font-size:20px;color:#666;}

.abjj h4 {font-size:18px;margin-bottom:26px;color:#333;font-weight:600;}

.abjj p {font-size:16px;line-height:28px !important;text-align:justify;}

.nykh{ width:100%; display: inline-block; border-left: 2px solid #999; padding: 50px 0 50px 20px;}

.nykh .patu{ border: 1px solid #ddd; margin: 0 0 20px;}

@media (min-width:1500px){

    .abjj{ padding: 38px 50px 38px 0;}

    .nykh{ padding: 10px 0 0 20px;}

}



/* tz-gallery */

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

.tz-gallery .thumbnail {width:100%;margin:0 auto;overflow:hidden;}

.tz-gallery .thumbnail img {transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}

.tz-gallery .thumbnail:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}

.tz-gallery .tutit {width:100%;height:auto;text-align:center;font-size:18px;line-height:58px;}



/* ny-product */

.nyprobg {width:100%;height:auto;background:#e5e5e5;padding:60px 0;}

.single-blog {position:relative;}

.single-blog {width:100%;margin:0 auto 20px;overflow:hidden;background:#fff;position: relative;}

.single-blog:before{content: "";display: block;width:100%;height:5px;background-color: #e5e5e5;position: absolute;bottom: -2px;transition: all 0.6s ease 0s;}

.single-blog:after{content: "";display: block;width:64px; height:5px;background-color: #2663db; position: absolute;bottom: -2px;transition: all 0.6s ease 0s; }

.single-blog:hover:after{width: 100%;background-color: #2663db;}



.blog-img img {transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}

.single-blog:hover .blog-img img {transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}

.blog-content h3 {margin:15px 0 20px;font-size:13px;text-align:center;height:40px;line-height:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

.blog-content h3 a {color:#333;}

.single-blog:hover .blog-content h3 a {color:rgba(241,109,10,.8);}

.prowz {line-height:52px;text-align:center;background:#333;color:#fff;font-size:15px;}

.prowz i {color:#fff;font-size:20px;}

.prowz a {color:#fff;}

.prowz ul{ width: 100%; line-height: 52px; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

.prowz ul li{ float: left; margin: 0 36px;}

.prowz ul li a{ font-size: 18px; }

.prowz ul .pactive a{ background: #2663db; padding: 5px 30px; border-radius: 20px;}

.pboxny {width:100%;height:auto;margin-bottom:24px;}

.pboxny img {width:100%;height:auto;margin:0;background-color:skyblue;transition:all 1s;/* border:1px solid #ddd;box-shadow:0 0 1px #ccc;*/}

.pboxny img:hover {box-shadow:10px 10px 10px #ddd;}

.pboxny p {text-align:center;line-height:56px;font-size:16px;color:#1b1b1b;border-bottom:1px solid #ddd;}

.pboxny:hover p {color:#133984;border-bottom:1px solid #133984;}

.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;}

.newback {display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;margin-top:50px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:46px;padding:0 15px;}

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

.pcsright .protop h2{ font-size: 24px;}

.pcsright .protop a{ margin: 15px 0 0;}

.canshu {width:100%;margin:5px 0 0 0;padding:0 15px 0 0;height:230px;overflow-y:auto;overflow-x:hidden;}

.canshu::-webkit-scrollbar {width:4px;height:4px;}

.canshu::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15);background:rgba(0,0,0,0.15);}

.canshu::-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);}

.canshu p {line-height:28px;font-size:14px;color:#666;text-align:justify;}

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

.canshu table tbody tr {border-bottom:1px dotted rgba(12,32,72,.6);}

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

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

.canshu table tbody tr td img {max-height:100px;max-width:76%;height:auto;}

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

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

.xunjia {margin:12px 0;width:120px;height:28px;line-height:28px;background:#333;text-align:center;}

.xunjia a {color:#fff;}

.xunjia:hover {background:#2663db;}

.sp-large a img {width:100% !important;}

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

.protop h2 {float:left;font-size:17px;font-weight:600;}

.sp-large a img {min-width:468px !important;}



/* 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 h4 {color:#2663db;}

.news li a {color:#333;}

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

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

.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-contact */

.linkbox2 {width:100%;height:auto;display:inline-block;margin:20px 0 10px;text-align:center;}

.linkbox2 b {font-weight:normal;}

.linkbox2 ul li {line-height:28px;border:5px solid #ddd;padding:36px;text-align:left;}

.linkbox2 ul li p:nth-of-type(1) {line-height:24px !important;}

.linkbox2 ul li p:nth-of-type(2) {line-height:24px !important;}

.linkbox2 ul li p {border-bottom:1px dotted #ddd;margin-bottom:0;line-height:32px;padding:7px 0;}

.linkbox2 ul li p a {color:#333;}

.linkbox2 ul li h3 {font-size:20px;margin:10px 0;padding-left:7px;border-left:4px solid #2663db;}

.messagebox {width:100%;display:inline-block;padding:38px 45px 16px;background:#eee;margin-top:20px;}

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

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

.messagebox h4 {font-size:20px;}

.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:33%;margin-bottom:10px;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:#fff;background-image:none;}

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

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

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

.submit {background:#2663db;color:#fff;border-radius:0;font-size:15px;width:32%;margin:22px 36%;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;}

.pro-next {padding:15px 15px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:26px 0 38px;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:#2663db;}

.pback {display:block;padding:3px 24px;border-radius:15px;background:#666;color:#fff;}

.pback:hover {background:#2663db;color:#fff;}

.youcs {width:100%;height:auto;margin:20px 0 0;}

.youcs .yxq {padding:0 10px;}

.youcs .yxq p {color:#666;font-size:14px;line-height:28px;text-align:justify;margin-bottom:10px;}

.youcs .yxq p img {width:100%;height:auto;}

.youcs h4 {font-size:20px;color:#333;background:#f5f5f5;height:46px;line-height:46px;letter-spacing:2px;text-align:center;font-weight:600;margin-bottom:20px;}

.youcs h4 strong {color:#222;line-height:46px;}

.youcs table {width:100% !important;height:auto;margin:20px auto 10px;background:#fff;}

.youcs table tbody tr:nth-of-type(1) td {background:#8db4e3;font-weight:600;}

.youcs table tbody tr td {padding:10px;vertical-align:center;border:2px solid #000;text-align:center;background:#d8d8d8;}

.scweb {background-image:linear-gradient(to right,#ff9000 0,#ff5000 100%);background-repeat:repeat-x;border:1px solid #2663db;display:inline-block;padding:6px 30px;margin:15px 0 0 15px;color:#fff;border-radius:5px;}

.scweb:hover {color:#fff;}

.scweb:visited {color:#fff;text-decoration:line-through;}

.sjlg {display:none !important;}



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

    body,html {overflow-x:hidden;}

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

    .topnav{ display:none; height: 0;}

    .navbar-default{ margin-top: -20px;}

    .navbar-brand>img {display:inline-block;}

    .nav>li>a{ padding: 10px 0;}

    .navbar-toggle {border:1px solid #333;margin-top:18px;}

    .navbar-toggle .icon-bar {background:#333;}

    .navbar-collapse {float:none;}

    .sycontent {width:100%;height:auto;}

    .navbar-nav {float:none !important;}

    .navbar-nav>li {padding:0;text-align:center; margin: 0;}

    .navbar-default .navbar-nav>li>a {line-height:26px;}

    .navbar-nav>li>a {line-height:20px !important;}

    .navbar-brand {width: 60%; font-size:22px;line-height:30px;}

    .abjj{ padding: 0;}

    .sleftbox{ padding: 0;}

    .sabbox{ padding: 0;}

    .cont8left{ margin: 0 auto;}

    #productNumber li{ padding: 1px 0;}

    #productNumber li b i{ font-size: 30px;}

    .srightbox img{ width:100%; margin: 0;}

    .part3::before{ width:100%; height: 160px;}

    .slides img{ display: none;}

    .sbzi{ position: static; width: 100%;}

    .sbzi .item{ width:100%; margin: 0;}

    .sbzi .item:after{ border: none;}

    .linkbox{ display: none;}

    .bq{ line-height: 26px; padding: 5px 0; height: auto;}

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



    /* ny-style */    

    .nyban img{ width: 180%; height: auto; margin: 0 0 0 -40%;}

    .leftnav {margin-bottom:20px;display:inline-block;}

    .sonmenu {display:none !important;}

    .nav-pro>ul>li {width:50%;float:left;margin:0;border:none;}

    .top {display:none;}

    .nytitle h2{ font-size: 24px;}

    .prowz {font-size:13px; }

    .prowz ul{ display: inline-block;}

    .prowz ul li{ width:33.3333% !important; margin: 0;}

    .prowz ul .pactive a{ padding: 5px 10px;}

    .sp-large a img {min-width:100% !important;}

    .sernav ul li {width:31.333%;margin:0 1%;}

    .linkbox2 ul li{ padding: 24px;}

    .submit{ width:94%; margin: 22px 3%;}

    .form-group {width:100%;}

    .messagebox {padding:30px 24px 20px;}

}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */#x-mainbar1 {position:fixed;bottom:0;left:0;right:0;width:100%;height:5rem;background-color:#fff;z-index:99;display:none;justify-content:space-around;align-items:center;border-top:1px solid rgba(0,0,0,.125)}

#x-mainbar1 a {flex:1;display:block;text-align:center;border-right:1px solid rgba(0,0,0,.125)}

#x-mainbar1 a i {font-size:1.5rem;color:#333}

@media screen and (max-width:768px) {#x-mainbar1 {display:flex!important}

}