* {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:14px;}
.container {padding-left:0 !important;padding-right:0 !important;}
.pic {width:100%;height:auto;display:inline-block;}

/*头部导航*/
.navbar {z-index:2;background:#111;border:none; border-radius: 0; margin-bottom:0;}
.navbar-default .navbar-nav>li>a {color:#fff;line-height:36px;text-transform:uppercase !important;}
.navbar-brand {width:148px;height:auto;display:inline-block;background:#fff;/* border-radius:0 0 72px 72px;*/    padding:12px 26px;position:absolute;top:0;z-index:2;}
.navbar-brand:hover {background:#fff !important;}
.navbar-brand img {width:100%;padding:6px 0;}
.toplink {display:inline-block;}
.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;color:#e60012;}
.navbar-collapse {float:right;}
.navbar-nav>li {padding:0 10px;margin:12px 0 8px;}
.navbar-nav>li>a {font-size:16px;/* border-bottom:3px solid #fff;*/text-transform:uppercase;}
.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 a:hover {color:#e60012 !important;/* border-bottom:3px solid #e60012;*/}
.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;}
.banbg {position:absolute;top:0;left:0;right:0;width:100%;height:100%;}
#myCarousel {position:relative;/* background:url(../images/banner/banbg.png) center center no-repeat;*/}
.carousel-indicators {position:absolute;bottom:10px;left:49%;z-index:15;width:10%;padding-left:0;margin-left:-30%;margin-bottom:60px;text-align:center;list-style:none;}
@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{ text-align: center;}
    .navbar-nav>li>ul {display:none;}
    .navbar-default .navbar-nav>li>a{ line-height: 0;}
    .navbar-brand {padding:3px 15px !important;}
    .navbar-brand img {width:36px;margin:0;padding:0;}
    .navbar-nav{ background:#111;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color: #fff !important;}
}
/*导航结束*/

/* banner *//* 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:11%;left:19%;z-index:2;width:100%;text-align:left;}
.flex-control-nav li {display:inline-block;width:14px;height:14px;margin:0 5px;display:inline;zoom:1;}
.flex-control-nav a {display:inline-block;width:14px;height:14px;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: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;}

/* pro */
.syplist {width:100%;height:auto;display:block;padding:0 0 60px;}
.syplist ul{ width:100%; height:auto; display: flex; display: -webkit-flex; flex-flow: row wrap; justify-content: space-between;}
.syplist ul li{ width:20%;}
.pbox {width:94%;margin:0 3%;border:5px solid #dddddd80;background:#f5f5f5;padding:15px 0 20px;text-align:center;transition:all 0.3s ease 0s;}
.pbox:hover {border:5px solid #ffffff90;box-shadow:0px 60px 60px rgba(0,0,0,0.1);transform:translate(0,-10px);}
.pbox a span {background:#ddd;color:#333;display:inline-block;width:100px;border-radius:50px;padding:3px 0;}
.pbox h3 {color:#333;transition:ease-in all 0.5s;height:52px;}
.pbox:hover h3 {color:#e60012;}
.pbox p {color:#666;}

/* youshi */
.youshi {width:100%;height:auto;background:url(../images/bg1.jpg) center center no-repeat;padding:40px 0 0;}
.title {width:100%;margin:30px 0 20px;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;}
.title h2 {text-transform:uppercase;font-weight:600;color:#333;font-size:24px;}
.title.bai h2 {color:#fff;}
.title.bai a {color:#999;}
.title a {font-size:16px;margin:20px 0 10px;color:#555;border:1px solid #666;padding:3px 20px;border-radius:50px;}
.title a:hover {color:#fff;}
.abright {float:left;width:100%;}
.abicon {/* width:100%;*/    height:auto;text-align:center;padding:36px 22px;/* text-shadow:5px 1px 6px #111;*/}
.abicon i {color:#ddd;}
.abcou {font-size:42px;color:#fff;/* font-weight:600;*/    position:relative;padding-bottom:10px;}
.abcou::after {content:"";position:absolute;bottom:0;left:0;background:#fff;height:2px;width:12%;display:block;margin:0 46%;}
.abcou b {font-weight:normal;font-size:26px;}
.abicon h4 {margin-top:15px;font-size:16px;color:#fff;line-height:22px;letter-spacing:1px;}
.left {border-left:1px dotted #ddd;}
.right {border-right:1px dotted #ddd;}
.top {border-top:1px dotted #ddd;}

/* sy-about */
.syabout {background:#f5f5f5;}
.about {width:100%;height:auto;position:relative;}
.about h2 {position:absolute;text-transform:uppercase;top:50px;font-weight:600;font-size:24px;}
.tuzi {position:absolute;text-transform:uppercase;bottom:0;font-weight:600;background:#fff;width:200px;}
.tuzi img {width:100%;height:auto;padding:15px;}
.wh {width:200px;background:#be0312;padding:50px 30px;color:#fff;}
.syjj {width:100%;display:inline-block;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;}
.jjright {width:80%;padding:15px 0;color:#333;}
.tuzi::after {content:"";position:absolute;width:0;height:0;left:0;right:0;border-width:10px 10px 0;border-style:solid;border-color:#fff transparent transparent;margin:0 auto 10px;}
.icon i {font-size:30px;}
.icon {position:relative;}
.icon:hover i {color:#be0312;}
.icon:hover h4 {color:#be0312;}
.icon::after {content:"";position:absolute;top:36px;bottom:0;right:0;height:57px;background:#555;width:1px;}
.abright div:nth-of-type(3) .icon::after {content:"";position:absolute;background:#55555500 !important;}
.b1 {width:100%;}
.b1 p {font-size:15px;line-height:30px;}
.b2 {color:#fff;border:1px solid #fff;display:block;margin:20px 0 0;border-radius:30px;text-align:center;padding:5px 0;}
.b2:hover {color:#fff;}

/* sy-news */
.synews {width:100%;height:auto;padding:18px 0 60px 0;}
.synlist {width:94%;margin:0 3%;background:#f5f5f5;display:inline-block;}
.nleft {padding:35px 40px;}
.synlist h4 {font-size:16px;margin:22px 0 8px;color:#333;line-height:24px;}
.synlist span {color:#888;display:inline-block;}
.synlist span b {font-size:40px;color:#999;}
.synlist p {color:#666;margin:0;}
.synlist a {color:#555;}
.synlist:hover a {color:#be0312;}

/* footer */
.footer {width:100%;background:#111;color:#fff;padding:60px 0 30px;}
.ewm {width:100px;height:100px;}
.bq {width:100%;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;border-top:1px solid #333;border-bottom:1px solid #333;margin:28px 0 0;
    line-height:42px;padding:0 10px;color:#999;}
.bq p {width:60%;margin:0;}
.ftel {display:flex;display:-webkit-flex;flex-flow:row wrap;margin-top:0;}
.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:#b1b1b1;line-height:26px;}
.ly {color:#555;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:#b1b1b1;}


/* bread */
.position {width:100%;height:auto;line-height:28px;}
.position .posbox {width:100%;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;}
.position .posbox .nybanleft {width:68%;}
.position .posbox .nybanleft h3 {position:relative;display:inline;font-size:16px;}
.position .posbox .nybanleft h3 a{ color: #333;}
.inner-about {padding:0 20px;}
.inner-about h1 {margin:0;text-align:center;color:#CCC;}
.inner-about h2 {margin:0;text-align:center;font-size:26px;margin-top:20px;}
.inner-about p {text-indent:2em;font-size:15px;line-height:30px;margin-top:10px;color:#444;letter-spacing:1px;}
.inner-about h3 {margin:0;text-align:center;font-size:26px;}

/* ny-about */  
.nyabbg {width:100%;height:auto;display:inline-block;background:#fff;margin:50px 0;}
.nyabox {width:100%;height:auto;display:inline-block;}
.abtu {width:100%;display:block; margin: 30px 0 50px;}
.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:100%;margin:15px 0 0;padding:0 15px 0 0;height:auto;}
.abnr h3 {font-size: 24px; margin:10px 0 20px 0;font-weight:600;}
.abnr p {line-height:22px;/* text-indent:2em;*/    font-size:15px;color:#666;}
.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;}
.tubox {width:96%;margin:0 2%;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);}
.nyculture{ width:100%; height: auto; margin: 30px 0 0;}
.cont{position: relative;width: 92%; margin: 0 4%;}
.cont .fontbg{position: absolute;top: 30px;right: 0;font-size: 120px; color: rgba(0,0,0,0.1); font-weight: bold;}
.cont h4{position: absolute;top: 120px;right: 0; font-size: 18px; color: #444;line-height: 30px;letter-spacing: 2px;}
.leftab{ width:100%; height:auto; margin: 10px 0; }
.leftab ul{ display: flex; display: -webkit-flex; flex-flow: row wrap; }
.leftab ul li{ width:15%; margin: 0 1% 12px 0; background-color: #666; text-align:center;}
.leftab ul .active{ background-color: #be0312;}
.leftab ul li a{ color: #fff; display: inline-block; padding: 5px; font-size: 15px;}
.zhiliang{ margin-top: 50px;}
.zhiliang p{ font-size: 20px;}
.zhiliang .zltu{ width:100%; height:auto; background-color: #f7f7f7; margin: 50px 0 0;}
.nysheb{ margin: 50px 0 0;}
.nysheb h3{ font-weight:600; margin: 0 0 30px;}
.thumbnail{ border: none !important; margin-bottom: 0 !important;}

/* ny-news */  
.nynlist{ width: 100%; height: auto; display: inline-block; }
.nynlist li{ width: 100%; height: auto; padding: 24px 30px; border: 3px solid rgb(221,221,221); margin-bottom: 25px;}
.nynlist li a{ color: #333;}
.nynlist li:hover{ border:3px solid rgba(183,22,16,0.68);}
.nynlist li a h4{ font-size: 17px; font-weight: 600; margin-bottom: 15px;}
.nynlist li a p{ 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;}

/* ny-download */
.downbox{ width:100%; height: auto; display: inline-block; margin: 30px 0 0;}
.downbox li a{ width: 96%; height: auto; margin: 10px 2%; background: #f5f5f5; display: inline-block; padding: 15px 26px 26px;}
.downbox p{ text-indent: 0; font-size: 17px; font-weight: 600; margin-bottom: 15px;}
.downbox li a b{ background: #ff1f1f; color: #fff; padding: 4px 15px;}
.jishu h4{ font-size: 22px; font-weight:600; margin-bottom: 15px; border-left: 5px solid #ff1f1f; padding-left: 8px;}
.jishu img{ width:100%; height:auto; }

/* 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;}

/* ny-product */  
.probox {width:100%;height:auto;display:inline-block;margin-bottom:0;background-color:skyblue;background:#fff;}
.probox img {width:100%;height:auto;transition:all 1s;}
.probox h4 {font-size:17px;margin:10px 5px;color:#333;text-align:center;height:52px;line-height:26px; font-weight: 600;}
.probox a:hover h4 {color:#ff1f1f;}
.probox p {line-height:42px;font-size:16px;color:#1b1b1b;}
.probox a { width:94%; margin: 0 3%; display:inline-block;color:#333;margin-top:5px;}
.probox a img{ border: 1px solid #ddd;}
.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:#ff1f1f;border:none;}
.pbtn:hover a {color:#fff;}
.procontent {width:100%;padding:20px;}
.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;/* background:rgba(1,147,222,.06);*/}
.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;}
.procontent {width:94%;margin:15px 0 0 24px;padding:0 15px 0 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(255,31,31,0.8);}
.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;*/}

/* left-nav */  
.nav-pro>ul {border:none;}
.nav-pro>ul>li {position:relative;margin:0 15px 0 0;border-bottom:1px solid #fff;transition:.3s;background:#f5f5f5;}
.nav-pro>ul>li>a {padding:10px 0 10px 18px;display:block;transition:.3s;cursor:pointer;line-height:28px;}
.nav-pro>ul>li:hover>a {border-left:5px solid #ff1f1f;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:14px;}
.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-contact */  
.linkbox {width:100%;height:392px;display:inline-block;padding:20px 0 30px 50px;}
.linkbox b {font-weight:normal;}
.linkbox ul li {padding:10px 15px;line-height:26px;border-bottom:1px dotted #666;color:#555;font-size:16px;}
.linkbox ul li i {color:#ff1f1f;font-size:20px;width:26px;height:auto;}
.messagebox {width:100%;display:inline-block;/* border:1px solid #ddd;*/    padding:30px 45px;background:#f5f5f5;margin-top:0;}
.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:50%;margin-top:5px;margin-bottom:0 !important;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:10px 0;padding:5px;}
.form-group1 textarea {width:100%;height:90px;}
.yzm {margin:15px 30px 0 0;}
.submit {background:#031652;color:#fff;border-radius:0;font-size:15px;width:24%;margin:12px 38%;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;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 {margin:0;}
.pro-next p a {color:#333;}
.pro-next p a:hover {color:#333;}
.searchbox {width:100%;margin:0 auto;padding:0 15px 30px;}
.searchbox p {margin-bottom:20px;}
.searchbox .seayemian {width:100%;height:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.searchbox .seayemian input {width:40%;border-radius:15px 0 0 15px;border-right:none;}
.searchbox .seayemian a {background:#ff1f1f;border-radius:0 15px 15px 0;color:#fff;padding:6px 18px;}
.pc{ display: none !important;}
@media all and (max-width:768px) {
    /* index */
    body,html {overflow-x:hidden;}
    .slides img{ width: 120%; margin:0 0 0 -10%;}
    .syplist{ padding:0 15px;}
    .syplist ul li{ width: 50%;margin:0 0 15px 0;}
    .title{ padding:0 15px;}
    .about h2{ display:none;}
    .about img{ width: 160%;margin:0 0 0 -30%;}
    .tuzi{ display:none;}
    .wh{ width:100%; padding:36px 20px;}
    .b2{ width:120px;}
    .jjright{ width: 100%;}
    .sj{ display:none;}
    .footer{ padding: 20px 0;}
    .bq{ margin:0;}
    .bq p{ width: 100%;}
    .bq a{ display: inline-block; width:100%;}
    /* ny*/
    .nyban img{ width: 140%; margin: 0 0 0 -20%;}
    .position .posbox .nybanleft{ width:100%;padding-left: 15px;}
    .nyabbg{ padding:0 20px;}
    .leftab ul li{ width:49%;}
    .cont h4{ position: static;margin-top: -40px;}
    .cont .fontbg{ top:0;left:0;font-size: 50px;position:static;}
    .zhiliang .zltu img{ width:100%;}
    .nav-pro>ul>li{ margin:0;}
    .probox a{ width:100%;margin:0;}
    .linkbox{ height:auto; padding:0;}
}