/*reset*/
html, body {width: 100%;min-height: 100%;}
html, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, div, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {margin: 0;padding: 0;border: 0;}
body {font-size: 16px;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);font-family: "微軟正黑體", 'pnormal', '微软雅黑', 'sans-serif';line-height: 30px;}
a {text-decoration: none;outline: 0;}
ol, ul {list-style: none}
blockquote, q {quotes: none}
.clear { clear: both; line-height: 0px; height: 0; overflow: hidden;}
blockquote::before, blockquote::after, q::before, q::after {content: none}
ins {text-decoration: none}
del {text-decoration: line-through}
button, input, select, textarea {font-family: inherit;font-size: 100%;vertical-align: middle;outline: none}
textarea {resize: none;overflow: auto;vertical-align: top}
[hidden] {display: none}
a, a:hover, a:visited, a:link, a:active {color: inherit}
table {border-collapse: collapse;border-spacing: 0}
.clearfix:before, .clearfix:after {display: table;line-height: 0;content: ""}
.clearfix:after {clear: both}
.clearfix {zoom: 1}
.fleft { float: left;}
.fright { float: right;}
img {border: 0;max-width: 100%;height: auto;width: auto \9; /* ie8 */ vertical-align: middle;}
i {font-style: normal;}
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-thumb {background-color: #c1c1c1;}
::-webkit-scrollbar-track {background-color: #f7f7f7;}
@font-face {
    font-family: 'geo';
    src: url('georgia.eot');
    src: url('georgia.woff') format('woff'),
    url('georgia.ttf') format('truetype'),
    url('georgia.svg') format('svg');
}
@font-face {
    font-family: 'pnormal';
    src: url('pnormal.eot');
    src: url('pnormal.woff') format('woff'),
    url('pnormal.ttf') format('truetype'),
    url('pnormal.svg') format('svg');
}
@font-face {
    font-family: 'impact';
    src: url('impact.eot');
    src: url('impact.woff') format('woff'),
    url('impact.ttf') format('truetype'),
    url('impact.svg') format('svg');
}
.width1280 { width: 1280px; margin: 0 auto; overflow: hidden;}
.width100 { width: 100%; margin: 0;z-index: 99; position: relative;}
.contain {position: relative;z-index: 33;top: 100vh;height: auto; background: #fff;}
.index_title { overflow: hidden;margin-bottom: 30px; position: relative;padding-top: 25px;z-index: 99;}
.index_title h2 {font-size: 56px;font-weight: 800; font-family: "微软雅黑";color: rgba(0, 0, 0, .02);position: absolute;left: 0; top: 0; text-transform: uppercase;}
.index_title h1 {font-size: 28px;font-weight: normal;color: #333;line-height: 40px;}
.index_title .titlelink {right: 0;top: 36px;font-size: 14px; color: #fff;height: 80px; line-height: 80px; display: block; position: absolute;z-index: 99;}
.index_title .underline {height: 2px;width: 15px;background: #666;margin: 40px 0 20px 0;}
.index_title .titledetails {font-size: 18px;line-height: 24px;width: 580px;}
.index_title2 { overflow: hidden;margin-bottom: 30px;}
.index_title2 h2 {font-size: 18px;font-weight: normal;}
.index_title2 h1 {font-size: 28px;font-weight: normal;color: #333;line-height: 40px;}
.index_title2 .titleline {height: 2px;width: 15px;background: #666;margin: 30px 0;}
.index_boxlink {height: 42px; font-size: 14px;width: 145px; line-height: 42px; display: block; border: 1px solid #dedede; text-align: center;color: #666;transition: all .5s;}
.index_boxlink i { margin-right: 10px;font-size: 14px;font-weight: 100;}
.index_boxlink:hover { background: #005baa;color: #fff;}
.index_title_blue { overflow: hidden;margin-bottom: 30px; position: relative;padding-top: 25px;z-index: 99;}
.index_title_blue h2 {font-size: 56px;font-weight: 800; font-family: "微软雅黑";color: rgba(255, 255, 255, .05);position: absolute;left: 0; top: 0; text-transform: uppercase;line-height: 56px;}
.index_title_blue h1 {font-size: 28px;font-weight: normal;color: #fff;line-height: 40px;}
.index_title_blue .titlelink_blue {float: right;font-size: 14px; color: #fff;height: 80px; line-height: 80px; display: block;}
.index_title_blue .underline_blue {height: 2px;width: 15px;background: #fff;margin: 40px 0 20px 0;}
.index_title_blue .titledetails_blue {font-size: 16px;line-height: 24px;width: 620px;color: #fff;}
.pad100 {padding: 100px 0;}
.pad150 {padding: 100px 0 170px 0;}
.bg1 {background: url(../images/bg1.jpg);background-attachment: fixed; position: relative; z-index: 49;}
.bg2 {background: url(../images/bg2.jpg); width: 50%;right: 0; top: 0; height: 100%; position: absolute;z-index: 50}
.bg3 {background: url(../images/bg3.jpg) center center;background-attachment: fixed; position: relative; background-size: 100%; z-index: 2;}
.bg1_1 {background: url(../images/bg2.jpg); position: relative; z-index: 49}
.bg4 {background: url(../images/bg4.jpg) right center no-repeat;background-attachment: fixed; width: 50%;right: 0; top: 0; height: 100%; position: absolute;z-index: 50;}
.bg5 {background: url(../images/bg5.jpg) no-repeat; background-size: cover; background-position: center center;padding: 100px 0;}
/*头部*/
.header {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;border-bottom: 1px solid rgba(255, 255, 255, .3);transition: .3s;}
.header.act {background: rgba(0, 0, 0, .6);}
.header-l {float: left;padding: 20px 40px;}
.header-r {float: right;}
.hearder-tel {float: left;padding: 30px 35px;}
.hearder-btn {float: left;width: 99px;border-left: 1px solid rgba(255, 255, 255, .3);padding: 35px 0;background: #009cff;}
#headbtn {width: 28px;height: 24px;position: relative;display: block;left: 50%;transform: translateX(-50%)}
#headbtn span {width: 100%;height: 2px;position: absolute;top: 0;left: 0;background: #fff;transition: .3s;border-radius: 2px;}
#headbtn span:nth-child(2) {top: 50%;width: 70%}
#headbtn span:nth-child(3) {top: 50%;width: 20%;left: auto;right: 0}
#headbtn span:nth-child(4) {top: 100%;}
#headbtn.act span:nth-child(1) {opacity: 0}
#headbtn.act span:nth-child(2) {transform: rotate(-45deg);width: 100%;}
#headbtn.act span:nth-child(3) {transform: rotate(45deg);width: 100%;}
#headbtn.act span:nth-child(4) {opacity: 0}
.index_menu {height: 32px; line-height: 32px;}
.index_menu a {padding: 0 20px;color: #fff; transition: all 0.5s;}
/*导航*/
.navs {position: fixed;top: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, .7);z-index: 666;display: none}
.navs ul {position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%)}
.navs ul li {float: left;width: 24%;text-align: center;transform: translateX(200px);opacity: 0;}
.navs ul li a {display: block;padding: 15vh 0;}
.navs ul li span {color: #fff;}
.navs ul li p {color: #fff;font-size: 22px;font-family: "pnormal";padding-top: 5px;}
.navs ul li i {font-size: 30px;color: #fff;font-family: "pnormal";padding-top: 30px;display: inline-block}
.navs.act ul li {opacity: 1;transform: translateX(0);transition: .3s;transition-delay: 0.2s;transition-timing-function: cubic-bezier(0.680, 1.415, 0.495, 1.330)}
.navs-line {position: absolute;top: 0;width: 100%;height: 100%;left: 0;}
.navs-line i {position: absolute;top: 0;height: 100%;width: 1px;background: rgba(255, 255, 255, .2);}
.navs-line i:nth-child(1) {left: 24%}
.navs-line i:nth-child(2) {left: 48%}
.navs-line i:nth-child(3) {left: 72%}
.navs-line i:nth-child(6) {left: 0;top: 50%;width: 100%;height: 1px;}
/*banner*/
.banner {position: fixed;top: 0;width: 100%;}
.swiper-banner {overflow: hidden;height: 100vh;}
.swiper-banner .swiper-slide {overflow: hidden}
.swiper-banner .swiper-slide .banner-pic {width: 100%;height: 100%; background: url(../images/banner1.jpg) no-repeat center;background-size: cover;transition: 4s;}
.swiper-banner .swiper-slide.ani-slide .banner-pic {transform: scale(1.1)}
.banner-info {position: absolute;top: 60%;left: 450px;transform: translateY(-50%);transition: 3s;opacity: 0}
.swiper-banner .swiper-slide.ani-slide .banner-info {left: 180px;opacity: 1}
.banner-r {position: absolute;top: 95px;right: 0;z-index: 22; background: #005baa;height: 100vh;width: 100px; box-sizing: border-box;padding-top: 20%;}
.swiper-pagination-indexbanner {text-align: right;width: 13px;margin-left: 47px;}
.swiper-pagination-bullet {height: 13px; width: 13px; background: #fff;}
/*关于*/
.about_index { width: 1440px; margin: 0 auto;}
.about_honor {width: 50%; float: left; position: relative;background: url(../images/index_honor.jpg) top center; background-size: contain;height: 610px; box-sizing: border-box;padding-top: 175px;padding-left: 0px;}
.about_honor .honor_box {font-size: 18px;line-height: 28px;width: 80%;margin-bottom: 60px;}
.aboutright { float: right;margin-top: -200px; position: relative;z-index: 9999;width: 50%;}
.aboutdadi {width: 100%; background: #fff; box-sizing: border-box;padding: 65px 50px 0 50px; position: relative; border: 1px solid #f1f1f1;height: 395px; overflow: hidden;}
.aboutdadi h2 {font-size: 56px;font-weight: 800; font-family: "微软雅黑";color: rgba(51, 51, 51, .02);position: absolute;left: 55px; top: 45px; text-transform: uppercase;}
.aboutdadi h1 {font-size: 28px;font-weight: 800;color: #333;line-height: 40px;margin-bottom: 30px;}
.aboutdadi .about_box {font-size: 18px; line-height: 24px; font-weight: normal;}
.aboutdadi .about_box .aboutlink {margin-top: 75px;height: 46px;width: 46px; border-radius: 46px; border: 1px solid #e2e2e2; text-align: center;line-height: 46px; display: block;transition: all .5s;}
.aboutdadi .about_box .aboutlink:hover {background: #005baa;}
.aboutdadi .about_box .aboutlink i {font-size: 18px;color: #797979;}
.aboutdadi .about_box .aboutlink:hover i {color: #fff;}
.aboutdadi .aboutendlink { width: 100%;height: 70px; line-height: 70px; border-top: 1px solid #dedede;font-size: 16px;margin-top: 20px;}
.aboutdadi .aboutendlink i {float: right;line-height: 70px;font-size: 18px;font-weight: 100;}
.aboutright .aboutrightpic {height: 415px; width: 100%; overflow: hidden; position: relative; cursor: pointer;}
.aboutright .aboutrightpic img {transform: scale(1, 1);transition: all 1.2s;}
.aboutright .aboutrightpic:hover img {transform: scale(1.1, 1.1);transition: all 1.2s;}
.aboutright .aboutrightpic .aboutrightdarkbox {width: 100%;z-index: 34;height: 100%;position: absolute;left: 0;top: 0;transition: all 0.4s ease 0s;background: rgba(0, 0, 0, 0)}
.aboutright .aboutrightpic:hover .aboutrightdarkbox {background: rgba(0, 0, 0, .4)}
.aboutright .aboutrightpic .link {font-size: 20px;line-height: 56px; width: 100%;z-index: 35;text-align: center;position: absolute;left: 0;top: 50%;margin-top: -15px;color: #fff;opacity: 0;filter: alpha(opacity=0)}
.aboutright .aboutrightpic .linklinet {display: inline-block;opacity: 0;filter: alpha(opacity=0);width: 100px; height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;transition: all 0.6s ease 0s;}
.aboutright .aboutrightpic .linklineb {display: inline-block;bottom: 0;opacity: 0;filter: alpha(opacity=0);width: 100px;height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;transition: all 0.6s ease 0s;}
.aboutright .aboutrightpic:hover .link { opacity: 1;filter: alpha(opacity=100);}
.aboutright .aboutrightpic:hover .linklinet { opacity: 1;filter: alpha(opacity=100);width: 10px;left: 49%;margin-left: 0;}
.aboutright .aboutrightpic:hover .linklineb { opacity: 1;filter: alpha(opacity=100);width: 10px;left: 49%;margin-left: 0;}
/*产品展示*/
.index_pro { width: 100%;height: 550px; position: relative;z-index: 51;margin-top: 70px; overflow: hidden;}
.indec_pro_li {height: 550px;position: relative;padding-top: 60px; padding-left: 30px; box-sizing: border-box;}
.indec_pro_li .proinfo {background: #fff;height: 450px; width: 420px;box-shadow: 0 0 10px rgba(0, 0, 0, .2); box-sizing: border-box;padding: 60px 50px 0 50px;}
.indec_pro_li .proinfo h1 {font-size: 24px;color: #333;margin-bottom: 20px;}
.indec_pro_li .proinfo .proinfodetails {font-size: 18px; color: #666;line-height: 30px;height: 250px; overflow: hidden;margin-bottom: 30px;}
.indec_pro_li .proinfo .linkblue {font-size: 18px; color: #009cff;}
.swiper-hexin {width: 100%;margin: 35px auto; overflow: hidden;}
.swiper-slide {-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;}
.swiper-slidehx {-webkit-transform: scale(0.8);transform: scale(0.8); position: relative;}
.swiper-slide-active, .swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1);}
.none-effect {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}
.swiper-slide a {display: block}
.swiper-slide-active a:after {background: none;}
.swiper-pagination {position: relative;margin-bottom: 30px;}
.button {width: 1000px;margin: 0 auto;bottom: 320px;position: relative;z-index: 9}
.button div:hover {background-color: #2f4798;}
.swiper-button-prev2 {width: 40px;height: 40px;left: -45px !important;border-radius: 50%;background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat; position: absolute; cursor: pointer;}
.swiper-button-next2 {width: 40px;right: -45px !important;height: 40px;border-radius: 50%;background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat; position: absolute; cursor: pointer;}
.swiper-pagination {position: relative;margin-bottom: 30px;}
.swiper-pagination-bullet {background: #fff;margin-left: 4px;margin-right: 4px;width: 17px;height: 17px;opacity: 1;}
.swiper-pagination-bullet-active {width: 17px;height: 17px;background: #005599;margin-bottom: 0;}
.wrap_txt {position: absolute;left: 50px;bottom: 100px;background: #fff;height: 250px; width: 350px;box-shadow: 0 0 10px rgba(0, 0, 0, .2); box-sizing: border-box;padding: 60px 50px 0 50px;}
.wrap_txt li.active { display: block;}
.wrap_txt li {display: none;}
.wrap_txt li .tit {font-size: 26px;color: #333;margin-bottom: 20px;line-height: 30px;}
.wrap_txt li .tit::after {position: absolute;content: '';top: 76px;width: 73px;height: 2px;background: #0067da;left: -32px;}
.wrap_txt li .wrap_desc {font-size: 18px; color: #666;line-height: 30px;height: 40px; overflow: hidden;margin-bottom: 30px;}
.wrap_txt li .btn_text_6 { display: block;font-size: 18px; color: #009cff;}
.heixinlistbox {position: relative;margin-top: 30px;padding-bottom: 50px;}
.heixinlist {width: 100%;visibility: visible; animation-duration: 1s;animation-name: fadeInUp;}
.heixinlist .slick-dots {bottom: -81px;margin-top: 50px;}
.heixinlist .slick-dots li {width: 16px;height: 16px;background: #e5e5e5;border-radius: 0; margin: 0 9px;}
.heixinlist .slick-dots li.slick-active {background: #005599;}
.hxin_item {position: relative;width: 1200px;margin: 0 54px;}
.heixinlist .slick-active .hxin_txt {display: block;}
.hitbox {width: 100%; opacity: 0.5;}
.heixinlist .slick-active .hitbox { opacity: 1;}
.heixinlist .slick-prev, .heixinlist .slick-next { width: 91px; height: 56px; z-index: 50;}
.heixinlist .slick-prev {left: 13.3%;background: url(../images/arrowleft.png) no-repeat center;}
.heixinlist .slick-next {right: 13.3%;background: url(../images/arrowright.png) no-repeat center;}
.hxin_txt .gengduo span:nth-child(2) {margin-left: 2px;transition: all 0.8s;}
.hitbox a {display: block;overflow: hidden;}
.hitbox img { transition: all 1s;}
/**首页核心产业**/
/*.wrap_textbox {position: absolute;top:75px;left:13%;}
.wrap_textbox .box {position: absolute;left: 140px;top: 0;background:#fff;height: 450px; width: 420px;box-shadow: 0 0 10px rgba(0,0,0,.2); box-sizing: border-box;padding:60px 50px 0 50px;}
.wrap_textbox .box .wrap_txt li.active { display: block;}
.wrap_textbox .box .wrap_txt li {display: none;}
.wrap_textbox .box .wrap_txt li .tit {font-size:26px;color:#333;margin-bottom: 20px;line-height:30px;}
.wrap_textbox .box .wrap_txt li .tit::after{position:absolute;content:'';top:76px;width:73px;height:2px;background:#0067da;left:-32px;}
.wrap_textbox .box .wrap_txt li .wrap_desc {font-size:18px; color:#666;line-height: 30px;height: 250px; overflow: hidden;margin-bottom: 30px;}
.wrap_textbox .box .wrap_txt li .btn_text_6 { display:block;font-size:18px; color:#009cff;}*/
/*原料基地*/
.material { box-shadow: 0 0 10px rgba(0, 0, 0, .1); width: 1280px; margin: 50px auto;position: relative;z-index: 98;;}
.material ul {overflow: hidden; background: #fcfcfc;}
.material ul li {width: 425px;box-sizing: border-box;height: 310px;padding: 75px 50px 0 50px;}
.material ul li h2 {font-size: 20px;margin: 25px 0 35px 0;color: 333}
.material ul li .matericobox { text-align: left;}
.material ul li .materinfo {font-size: 15px;color: #777;line-height: 24px;;}
.material ul li:hover {background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.cols {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.col {width: 425px;box-sizing: border-box;height: 310px;padding: 75px 50px 0 50px;cursor: pointer;float: left;}
.container {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;perspective: 1000px;}
.front, .back {background-size: cover;background-position: center;-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.back { background: #fff;}
.front:after {position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 10px;
}
.container:hover .front,
.container:hover .back {
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.back {
    position: absolute;left: 0;top: 0;
    width: 425px;box-sizing: border-box;height: 310px;padding: 75px 50px 0 50px;
}
.back h2 {color: #005baa;}
.inner {
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    font-size: .7em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
}
.container .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.container .front {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.container:hover .back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.container:hover .front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.front .inner p {
    font-size: 2rem;
    margin-bottom: 2rem;
    position: relative;
}
.front .inner p:after {
    content: '';
    width: 4rem;
    height: 2px;
    position: absolute;
    background: #C6D4DF;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -.75rem;
}
.front .inner span {
    color: rgba(255, 255, 255, 0.7);
    font-family: 'Montserrat';
    font-weight: 300;
}
@media screen and (max-width: 64rem) {
    .col {
        width: calc(33.333333% - 2rem);
    }
}
@media screen and (max-width: 48rem) {
    .col {
        width: calc(50% - 2rem);
    }
}
@media screen and (max-width: 32rem) {
    .col {
        width: 100%;
        margin: 0 0 2rem 0;
    }
}
/*企业文化*/
.com_culture { overflow: hidden;margin-top: 65px;}
.com_culturebox { position: relative;height: 368px; width: 250px; cursor: pointer;transition: all .6s;}
.com_culturebox .com_culturefbox {padding-top: 75px; text-align: center;position: relative;z-index: 1; background: url(../images/culbg.png) bottom center no-repeat; height: 368px; width: 250px; box-sizing: border-box;transition: all .6s;}
.com_culturebox .com_culturefbox i { font-size: 32px;color: #666;margin-bottom: ;}
.com_culturebox .com_culturefbox h1 {font-size: 20px; font-weight: 800;line-height: 76px;;}
.com_culturebox .com_culturefbox h2 {font-size: 16px;margin: 25px auto;}
/*.com_culturebox .com_culturefbox p{font-size: 12px;font-weight: 100;line-height: 18px; text-transform: uppercase;width: 155px; margin: 0 auto;}*/
.com_culturebox .com_culturefbox p {display: block;height: 2px;width: 20px;background: #d6b898;margin: 30px auto;}
.com_culturebox .com_culturebbox {padding-top: 55px; text-align: center; position: absolute;z-index: 2;top: -370px;left: 0;color: #fff;background: url(../images/culbg_hover.png) top center no-repeat; height: 368px; width: 250px;transition: all 0.6s;}
.com_culturebox .com_culturebbox h1 {font-size: 22px; font-weight: 800;line-height: 36px;}
.com_culturebox .com_culturebbox h2 { height: 2px;width: 20px; background: #fff; margin: 20px auto;}
.com_culturebox .com_culturebbox p {font-size: 12px;font-weight: 100;line-height: 18px;width: 190px; margin: 0 auto;}
.com_culturebox:hover .com_culturebbox {top: 0;left: 0;}
.com_culturebox:hover .com_culturefbox {top: -370px;left: 0;}
.com_culturebox:hover {magrin-top: 75px;}
/*新闻展示*/
.news_list {height: auto;padding-bottom: 70px; overflow: hidden;}
.news_list li {height: 420px;width: 410px; border: 1px solid #f1f1f1; overflow: hidden; float: left;margin-right: 23px;transition: 0.5s all; box-sizing: border-box;margin-bottom: 25px;}
.news_list li:nth-child(3n) {margin-right: 0;}
.news_list li .info_pic {height: 205px; width: 410px; overflow: hidden;}
.news_list li .info_pic img {height: 205px; width: 410px;transform: scale(1, 1);-webkit-transform: scale(1, 1);-o-transform: scale(1, 1);transition: all 1.2s;-webkit-transition: all 1.2s;-o-transition: all 1.2s;}
.news_list li:hover .info_pic img {transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transition: all 1.2s;-webkit-transition: all 1.2s;-o-transition: all 1.2s;}
.news_list li .info_news {padding: 40px 25px 25px 25px;height: 110px; }
.news_list li .info_news h2 {height: 30px;line-height: 30px;font-size: 18px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list li .info_news .info_box {height: 50px;line-height: 24px;overflow: hidden;font-size: 14px;color: #777;margin-bottom: 30px;margin-top: 15px;}
.news_list li .info_news .info_link {width: 100%;height: 50px; line-height: 50px;overflow: hidden; border-top: 1px solid #dedede;color: #a7a7a7;font-size: 12px; text-align: right;text-transform: uppercase;}
.news_list li .info_news .info_link span { float: left; display: block;}
.news_list li:hover {background: url(../images/news_bg.png) bottom right no-repeat;}
.news_list li:hover .info_news {color: #fff;}
.news_list li:hover .info_news .info_box {color: #fff;}
/*联系我们*/
.contact_title {color: #fff; text-align: left; width: 310px;}
.contact_title h1 {font-size: 30px;}
.contact_title h2 {font-size: 16px; font-weight: 100;margin: 30px 0 55px 0;}
.contact_title .contact_link {height: 48px;width: 150px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, .5); text-align: center;line-height: 48px;font-weight: 100; display: block; position: relative; z-index: 99;}
.contact_list { overflow: hidden; text-align: left;margin-top: 40px;}
.contact_list li { display: inline-block;margin: 0 35px;}
.contact_list li h2 {font-size: 30px; font-weight: 800;color: #008bfc;}
.contact_list li h1 {font-size: 18px; font-weight: 100;color: #fff;}
.contact_list li:nth-child(3) h2 {font-size: 24px; font-weight: 800;color: #008bfc;}
/*联系我们*/
.footer {width: 100%;background: #1c2d39;padding-top: 50px;border-top: 1px solid rgba(255, 255, 255, 0.18); position: relative;margin-top: 50px;}
.dadibg {position: absolute;left: 0;top: -188px;width: 100%;background: url(../images/beijing.png) no-repeat center;background-size: cover;height: 187px; z-index: 2;}
.ftlogo {width: 50px;position: absolute;top: -25px;left: 50%;background: #1c2d39; z-index: 9999999}
.endlink {width: 230px;}
.endlink a {font-size: 14px;font-family: "微软雅黑";color: #ffffff;display: inline-block;padding: 11px 0; margin-right: 50px;}
.gotop {height: 40px;border: 1px solid #c2c2c2;padding: 0 25px;position: relative;cursor: pointer;line-height: 40px; text-align: center; display: block;margin-top: 50px;box-sizing: border-box;}
.endcopy {text-align: center;padding: 25px 0;font-size: 14px;color: #fff;}
.endcopy .enddesign {border-top: 1px solid rgba(255, 255, 255, .1);line-height: 50px;margin-top: 25px;}
/*内页展示*//*内页展示*//*内页展示*//*内页展示*//*内页展示*//*内页展示*//*内页展示*/
/*关于我们*/
.sec_banner {height: 550px;position: relative;}
.sec_banner_nav {height: 55px; line-height: 55px;background: rgba(0, 0, 0, .2);color: #fff; font-size: 14px;position: absolute;left: 0; bottom: 0; width: 100%;}
.sec_aboutbg {height: auto; background: url(../images/about_bg.jpg); background-size: cover;}
.about_left {width: 535px;font-size: 18px;font-weight: 800; float: left;}
.about_left ul { width: 100%; text-align: left;margin-top: 40px;}
.about_left ul li { float: left;margin-right: 20px; overflow: hidden;margin-bottom: 20px;}
.about_left ul li:nth-child(even) {margin-right: 0;}
.about_left ul li img {height: 195px; width: 255px;transform: scale(1, 1);transition: all 1.2s;}
.about_left ul li:hover img {transform: scale(1.1, 1.1);transition: all 1.2s;}
.about_right {float: right;width: 700px; overflow: hidden;}
.about_right p {margin-bottom: 20px; text-indent: 35px;}
.conter_list {background: #fff;background: #f7f7f7;height: auto; overflow: hidden;position: relative;z-index: 5;box-sizing: border-box;padding: 25px 15px;margin-bottom: 25px;}
.conter_list li {width: 24.5%;color: #333;float: left; overflow: hidden;border-right: 1px solid #ebebeb;height: 88px; text-align: center;}
.conter_list li:nth-child(4) { border-right: none;}
.conter_list .count { width: 100%; overflow: hidden;font-size: 18px;line-height: 40px;}
.conter_list .count h2 { display: inline-block;font-size: 48px; font-weight: 800;line-height: 60px;color: #005baa;padding-right: 10px; font-family: "Impact"; font-weight: 100;}
.conter_list span { display: block;font-size: 16px;line-height: 30px;}
.secabout_honor {background: url(../images/honor_bg.jpg) top center; background-size: cover;}
.about_honorlist {position: relative;}
.about_honorlist li {height: 360px;width: 415px; overflow: hidden; float: left;transition: 0.5s all; box-sizing: border-box;}
.about_honorlist li .sec_honorpic {width: 415px; height: 275px; overflow: hidden;}
.about_honorlist li .sec_honorpic img {width: 415px; height: 275px;border-radius: 4px;transform: scale(1, 1);transition: all 1.2s;}
.about_honorlist li:hover .sec_honorpic img {transform: scale(1.1, 1.1);transition: all 1.2s;}
.about_honorlist li .sec_honor_title {height: 85px; box-sizing: border-box;padding: 20px; background: #fff;line-height: 36px; font-size: 18px; text-align: center;}
.about_honorlist li:hover .sec_honor_title {background: #005baa;color: #fff;}
.swiper-pagination_sechonor { z-index: 99999 !important;left: 0 !important;bottom: 420px !important; text-align: right}
.swiper-pagination-bullet {height: 13px; width: 13px;}
.picFocus { margin: 0 auto 55px auto; width: 1280px; border: 1px solid #ccc; padding: 3px; position: relative; overflow: hidden; zoom: 1; box-sizing: border-box; }
.picFocus .hd { width: 100%; overflow: hidden; }
.picFocus .hd ul { margin-right: -5px; overflow: hidden; zoom: 1; }
.picFocus .hd ul li { padding-top: 5px; float: left; text-align: center; }
.picFocus .hd ul li img { width: 246px; height: 120px; border: 2px solid #ddd; cursor: pointer; margin-right: 5px; }
.picFocus .hd ul li.on { background: url("../images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img { border-color: #f60; }
.picFocus .bd li { vertical-align: middle;position: relative;}
.picFocus .bd li .picinfo { position: absolute;z-index: 2; background: rgba(0, 0, 0, .5); color: #fff; width: 100%;box-sizing: border-box;padding: 20px;line-height: 30px;bottom: 0; left: 0;}
.picFocus .bd img { width: 1280px; height: 740px; display: block; }
.foulink {height: 46px; width: 126px; border-radius: 4px;border: 1px solid #999; text-align: center; display: block;margin: 0 auto 50px auto;font-size: 14px; color: #333; line-height: 46px;}
.foulink i {color: #666;padding-right: 8px;font-size: 12px;}
.foulink_white {height: 46px; width: 126px; border-radius: 4px;border: 1px solid #fff; text-align: center; display: block;margin: 50px auto;font-size: 14px; color: #fff; line-height: 46px;}
.foulink_white i {color: #fff;padding-right: 8px;font-size: 12px;}
a.foulink_white {color: #fff;}
/*企业文化*/
.secculture {background: url(../images/qywhbg.jpg) top center; background-size: cover;}
.qywh1 { overflow: hidden; line-height: 40px; font-size: 18px;padding: 10px 0;}
.qywh1 .qywh1link {height: 42px;width: 126px; text-align: center; display: block;line-height: 42px; border-radius: 4px; border: 1px solid #666;font-size: 14px;margin-top: 15px;}
.qywh1 .qywh1link i {padding-right: 8px;font-size: 12px;}
.qywh1 .qywhpic1 { width: 460px; height: 260px; border: 5px solid #fff; box-shadow: 0 0 6px rgba(0, 0, 0, .1);float: right; margin-left: 35px;margin-right: 10px;}
.qywh1 .qywhpic1 img {width: 460px; height: 260px;}
.culturelist {position: relative;padding-bottom: 50px;}
.culturelist li {float: left;width: 25%;transition: 0.5s all; background: rgba(0, 35, 83, .7); box-sizing: border-box;padding: 35px;font-size: 16px;color: #fff;line-height: 24px;height: 400px; text-align: left;}
.culturelist li h1 {font-size: 22px;color: #fff;text-align: center;padding-top: 30px;}
.culturelist li em {display: block;height: 2px;width: 20px;background: #d6b898;margin: 30px auto;}
.culturelist li.acenter { text-align: center;}
.swiper-pagination_secculture { z-index: 99999 !important;left: 0 !important;bottom: 0 !important; text-align: center}
.swiper-pagination-bullet {height: 13px; width: 13px;}
/*大事记start*/
.event_box { width: 100%; margin: 0 auto 20px auto;position: relative;}
.event_box .parHd {width: 100%; display: inline-block;height: 92px;overflow: ; position: relative}
.parHd ul { width: 100%; text-align: center; margin: 50px auto 0 auto;}
.parHd .tempWrap { margin: 0 auto;}
.parHd .tempWrap:after { content: '';width: 85%;height: 1px; display: block; background: #ccc;position: absolute; right: 8%;bottom: 58px;z-index: 10;}
.parHd li.no_line:before { display: none;}
.parHd li { display: inline-block; cursor: pointer;position: relative; padding: 0 25px;margin-top: 60px}
.parHd li p {padding: 15px 0;font-size: 18px;}
.parHd li:after { content: ''; background: url(../images/ico_circle1.png) no-repeat; width: 20px; height: 20px; position: absolute; z-index: 20;top: -10px; left: 50%; margin-left: -10px;}
.parHd li.act:after {content: ''; background: url(../images/ico_circle.png) no-repeat; width: 20px; height: 20px; position: absolute; z-index: 20;top: -10px; left: 50%; margin-left: -10px;}
.parBd { text-align: center;height: 515px;margin-bottom: 20px;}
.parBd h4 { position: relative; font-size: 40px; margin-bottom: 3%; /*width: 200px;*/ padding: 0 60px; display: inline-block; text-align: center;}
.parBd h4:after { content: ''; background: #000; width: 100px; height: 1px; position: absolute; left: -100px; bottom: 12px;}
.parBd h4:before { content: ''; background: #000; width: 100px; height: 1px; position: absolute; right: -100px; bottom: 12px;}
.parBd p { line-height: 180%; font-size: 16px; width: 80%; margin: 0 auto;}
div#listBox {width: 100%;}
.sPrev, .sNext { width: 96px; height: 48px; display: block; position: absolute; top: -300px;z-index: 88;;}
.sPrev { left: 0;}
.sNext { right: 0;}
.history {width: 90%; margin: 0 auto;position: relative;}
.history .historypic {height: 515px; width: 780px; position: absolute;z-index: 2;right: 0;top: 0; border-radius: 4px; overflow: hidden;}
.history .historypic img {height: 515px; width: 780px; transform: scale(1, 1);transition: all 1.2s;}
.history:hover .historypic img {transform: scale(1.1, 1.1);transition: all 1.2s;}
.history .historyinfo {width: 600px; height: 365px;background: url(../images/history_bg.png);position: absolute;z-index: 1;left: 0; top: 80px;box-sizing: border-box;padding: 110px 0 0 55px;color: #fff;font-size: 20px; text-align: left;border-radius: 4px; overflow: hidden;}
.history .historyinfo h2 {font-size: 24px; font-weight: 800;margin-bottom: 15px;}
.dashiji { width: 60%; margin: 0 auto 80px auto; box-sizing: border-box; background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .2);padding: 40px 35px;}
.dashiji li {font-size: 18px;line-height: 46px;border-bottom: 1px dotted #dedede; text-align: left;margin-bottom: 10px;}
.dashiji li span { display: inline-block;width: 27%; text-align: left;font-weight: 800;margin-right: 2%;}
/*原料基地*/
.secylbox {background: url(../images/ylbj.jpg) top center; background-size: cover;}
.yuanliaoinfo {position: relative;padding-bottom: 50px;}
.yuanliaoinfo li {float: left;width: 25%;transition: 0.5s all; box-sizing: border-box;padding: 35px;color: #fff;line-height: 24px; padding: 100px 0;text-align: center;}
.yuanliaoinfo li h1 {font-size: 72px;line-height: 72px; font-weight: 800;color: #fff;}
.yuanliaoinfo li em {display: block;width: 25px;height: 1px;background: rgba(255, 255, 255, 1);margin: 40px auto;}
.yuanliaoinfo li h2 { font-size: 36px; font-weight: 800;}
.yltitle {font-size: 30px;color: #333;line-height: 60px; text-align: center;}
.ylconbox { overflow: hidden;text-align: center;padding: 15px 0;margin: 20px auto 80px auto;}
.ylconbox li { display: inline-block;height: 260px; width: 400px; border: 1px solid #ededed; text-align: center; transition: all .6s;box-sizing: border-box;padding-top: 50px;margin: 0 10px;}
.ylconbox li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .2); cursor: pointer;}
.ylconbox li:hover h1 {color: #e00018;}
.ylconbox li i { font-size: 48px;color: #999; font-weight: 100;margin-bottom: 25px;}
.ylconbox li h1 {font-size: 24px;color: #333;line-height: 48px;}
.ylconbox li h2 {font-size: 18px;font-weight: 100;color: #999;margin-top: 10px;}
/*产品中心*/
.sec_title { overflow: hidden; position: relative;padding-top: 25px;z-index: 99;}
.sec_title h2 {font-size: 56px;font-weight: 800; font-family: "微软雅黑";color: rgba(0, 0, 0, .02);position: absolute; width: 100%;left: 0; top: 0; text-transform: uppercase; text-align: center;line-height: 56px;}
.sec_title h1 {font-size: 28px;font-weight: normal;color: #333;line-height: 40px;text-align: center;}
.sec_title .underline {height: 2px;width: 15px;background: #666;margin: 40px auto 20px auto;}
.secsubnav {width: 100%;height: auto;line-height: 50px;text-align: center;margin-bottom: 35px;}
.secsubnav li {font-size: 18px;padding: 0 35px;position: relative; cursor: pointer; display: inline-block;}
.secsubnav li:after {width: 1px;height: 20px;position: absolute;right: 0;top: 50%;margin-top: -10px;background: rgba(0, 0, 0, 0.2);content: "";}
.secsubnav li:last-child:after {display: none;}
.secsubnav li:hover {background: #005baa; color: #fff; border-radius: 4px;}
.productlist {text-align: left;padding-bottom: 80px;}
.productlist li:nth-child(1) {width: 96%; overflow: hidden;height: 300px !important;margin: 0 !important auto; }
.productlist li:nth-child(1) .productpicbox { width: 45%; float: right;}
.productlist li:nth-child(1) .productpictitbox {float: left;padding: 30px; width: 55%; box-sizing: border-box;}
.productlist li:nth-child(1) .productpictitbox h1 {font-weight: normal; font-size: 24px; text-align: center;color: #0085da;padding: 16px; border-bottom: 1px solid #f1f1f1;}
.productlist li:nth-child(1) .productpictitbox p {font-size: 18px;line-height: 30px; margin-top: 25px; text-align: left;color: #666;height: 120px; overflow: hidden; display: block;}
.productlist li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .3); cursor: pointer;}
.productlist li img {width: 100%; height: 300px; transform: scale(1, 1);transition: all 1.2s;}
.productlist li:hover img { transform: scale(1.1, 1.1);transition: all 1.2s;}
.productlist li { width: 47%;height: 400px;position: relative;margin: 1%; display: inline-block;overflow: hidden;}
.productlist li .propicbox { position: absolute;width: 82%;height: 180px; bottom: 0;left: 9%; box-sizing: border-box;background: #f9f9f9;padding: 20px;}
.productlist li .propicbox h1 {font-weight: normal; font-size: 24px; text-align: center;color: #0085da;line-height: 30px;border-bottom: 1px solid #f1f1f1;padding: 10px;}
.productlist li .propicbox p {font-size: 18px;line-height: 24px; margin-top: 16px; text-align: left;color: #666;height: 72px; overflow: hidden; display: block;}
/*新闻中心*/
.secnewslist {text-align: center;padding-bottom: 80px;}
.secnewslist li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .3); cursor: pointer;background: #005baa;}
.secnewslist li img {width: 100%; height: 300px; transform: scale(1, 1);transition: all 1.2s;}
.secnewslist li:hover img { transform: scale(1.1, 1.1);transition: all 1.2s;}
.secnewslist li:nth-child(1) {width: 96%; overflow: hidden;height: 325px !important;margin: 0 auto !important; background: f9f9f9; border: 1px solid #f1f1f1;padding: 0;}
.secnewslist li:nth-child(1) .newspicbox { width: 45%; float: left; overflow: hidden;}
.secnewslist li:nth-child(1) .newspicbox img { width: 100%; height: 325px;}
.secnewslist li:nth-child(1) .newsinfoboxtitbox {float: right;padding: 30px; width: 55%; box-sizing: border-box;}
.secnewslist li:nth-child(1) .newsinfoboxtitbox h1 {font-weight: normal; font-size: 24px; text-align: left;color: #0085da;padding: 16px 0;}
.secnewslist li:nth-child(1) .newsinfoboxtitbox p {font-size: 18px;line-height: 30px; margin-top: 25px; text-align: left;color: #666;height: 90px; overflow: hidden;}
.secnewslist li:nth-child(1) .newslink { display: block;height: 40px; width: 120px; border: 1px solid #f1f1f1; text-align: center;line-height: 40px;font-size: 15px;margin-top: 50px;}
.secnewslist li:hover .newsinfoboxtitbox h1 {color: #fff;}
.secnewslist li:hover .newsinfoboxtitbox p {color: rgba(255, 255, 255, .7)}
.secnewslist li:hover .newslink {border: 1px solid rgba(255, 255, 255, .5);color: #fff;}
.secnewslist li:hover h1 {border-bottom: 1px solid rgba(255, 255, 255, .4);color: #fff;}
.secnewslist li:hover h1 span { color: rgba(255, 255, 255, .5);}
.secnewslist li:hover p {color: rgba(255, 255, 255, .7)}
.secnewslist li { width: 47%;height: 190px;position: relative;margin: 1%; display: inline-block;overflow: hidden;padding: 35px 25px; box-sizing: border-box;box-shadow: 0 0 10px rgba(0, 0, 0, .1);transition: all .6s;}
.secnewslist li h1 {font-weight: normal; font-size: 22px; text-align: left;color: #0085da;line-height: 30px;border-bottom: none;padding: 10px;}
.secnewslist li h1 span { float: right;line-height: 30px;font-size: 12px;color: #999;}
.secnewslist li p {font-size: 18px;line-height: 24px; margin-top: 16px; text-align: left;color: #666;height: 48px;overflow: hidden;}
/*新闻详情*/
.secnewsconbg { background: #f1f1f1;}
.secnewscon { width: 1240px; margin: 0 auto 80px auto;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, .1);transition: all .6s;padding: 80px 35px; box-sizing: border-box; background: #fff; text-align: left;}
.secnewscon h4 {font-size: 24px; text-align: center;line-height: 24px;padding: 25px;font-weight: normal;}
.secnewscon h5 {font-size: 14px; text-align: center;line-height: 24px;font-weight: normal;color: #999;margin-bottom: 30px;}
.secnewscon img { width: 94%; max-width: 94%; border-radius: 4px;margin: 20px auto; display: block;}
/*图片内页*/
.article_list {padding: 20px 0px; text-align: left;}
.article_list:before, .article_list:after {content: "";display: table;}
.article_list:after {clear: both;}
.article_list li { text-align: left;width: 400px; display: inline-block;margin: 10px;}
.article_list li a {text-decoration: none;}
.article_list li .pic {width: 400px;height: 290px;overflow: hidden;position: relative;}
.article_list li .pic .date {width: 91px;height: 27px;background: url(../images/n_date.png) no-repeat;position: absolute;right: 10px;bottom: 10px;z-index: 9;color: #FFF;font-size: 12px;line-height: 27px;text-align: center;text-indent: 6px;}
.article_list li .pic img {width: 400px;height: 290px;transform: scale(1, 1);-webkit-transform: scale(1, 1);-o-transform: scale(1, 1);transition: all 1.2s;-webkit-transition: all 1.2s;-o-transition: all 1.2s;}
.article_list li .tit {padding: 16px; background: #fefefe;}
.article_list li h3 {font-size: 16px;padding-bottom: 10px;}
.article_list li span {font-size: 12px;display: block;font-family: Arial, Helvetica, sans-serif;}
.article_list li span em {border-bottom: 1px solid #FFF;display: block;width: 0;height: 1px;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.article_list li:hover span {color: #0c54a0;}
.article_list li:hover span em {border-bottom: 1px solid #0c54a0;display: block;width: 60px;height: 1px;}
.article_list li:hover .pic img {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);transition: all 1.2s;
    -webkit-transition: all 1.2s;-o-transition: all 1.2s;}
.article_list li:hover {box-shadow: 0 0 8px rgba(0, 0, 0, .25)}
.pagenum { width: 100%; padding: 30px; text-align: center; font-size: 14px; }
.pagenum span, .pagenum a {padding: 0 30px; height: 40px; line-height: 40px; display: inline-block; border-radius: 2px; transition: all .5s;}
.pagenum span, .pagenum a:hover { background: #358edc;color: #fff;}
/*联系我们*/
.concactul { overflow: hidden;font-size: 18px;position: relative;z-index: 2; width: 1280px;margin: -100px auto 0 auto;}
.concactul li { width: 50%; border: 1px solid #dedede; float: left;height: 295px; box-sizing: border-box;padding: 100px;line-height: 45px; text-align: center; background: #fff; cursor: pointer;}
.concactul li:hover {color: #fff; background: #005baa;}
.concactul li i {padding-right: 20px;}
.mapcon {position: relative;z-index: 1;margin-top: -100px; width: 100%;background: #dedede;height: 500px;padding-bottom: 80px;}
.zpbox {padding-bottom: 100px;text-align: center; width: 1280px; margin: -40px auto 0 auto}
.index_pro2 { display: none;}
.pho_about_honorlist { display: none;}
.cullist_phone { display: none;}
.com_culturebox_phone { display: none;}
/*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*/
@media screen and (min-width: 1280px) and (max-width: 1440px) {
    .cullist_phone { display: none;}
    .pho_about_honorlist { display: none;}
    .width1280 { width: 96%; margin: 0 auto; overflow: hidden;}
    .width100 { width: 100%; margin: 0;z-index: 99; position: relative;}
    .contain {position: relative;z-index: 33;top: 650px;height: auto; background: #fff;}
    .index_title { overflow: hidden;margin-bottom: 30px; position: relative;padding-top: 25px;z-index: 99;}
    .index_title h2 {font-size: 56px;font-weight: 800; font-family: "微软雅黑";color: rgba(0, 0, 0, .02);position: absolute;left: 0; top: 0; text-transform: uppercase;}
    .index_title h1 {font-size: 28px;font-weight: normal;color: #333;line-height: 40px;}
    .index_title .titlelink {right: 0;top: 36px;font-size: 14px; color: #fff;height: 80px; line-height: 80px; display: block; position: absolute;z-index: 99;}
    .index_title .underline {height: 2px;width: 15px;background: #666;margin: 40px 0 20px 0;}
    .index_title .titledetails {font-size: 14px;line-height: 24px;width: 580px;}
    .index_title2 { overflow: hidden;margin-bottom: 30px;}
    .index_title2 h2 {font-size: 18px;font-weight: normal;}
    .index_title2 h1 {font-size: 28px;font-weight: normal;color: #333;line-height: 40px;}
    .index_title2 .titleline {height: 2px;width: 15px;background: #666;margin: 30px 0;}
    .index_boxlink {height: 42px; font-size: 14px;width: 145px; line-height: 42px; display: block; border: 1px solid #dedede; text-align: center;color: #666;transition: all .5s;}
    .index_boxlink i { margin-right: 10px;font-size: 14px;font-weight: 100;}
    .index_boxlink:hover { background: #005baa;color: #fff;}
    .index_title_blue { overflow: hidden;margin-bottom: 30px; position: relative;padding-top: 25px;z-index: 99;}
    .index_title_blue h2 {font-size: 56px;font-weight: 800; font-family: "微软雅黑";color: rgba(255, 255, 255, .05);position: absolute;left: 0; top: 0; text-transform: uppercase;line-height: 56px;}
    .index_title_blue h1 {font-size: 28px;font-weight: normal;color: #fff;line-height: 40px;}
    .index_title_blue .titlelink_blue {float: right;font-size: 14px; color: #fff;height: 80px; line-height: 80px; display: block;}
    .index_title_blue .underline_blue {height: 2px;width: 15px;background: #fff;margin: 40px 0 20px 0;}
    .index_title_blue .titledetails_blue {font-size: 14px;line-height: 24px;width: 580px;color: #fff;}
    .pad100 {padding: 60px 0;}
    .bg1 {background: url(../images/bg1.jpg);background-attachment: fixed; position: relative; z-index: 49;}
    .bg2 { display: none;}
    .bg3 {background: url(../images/bg3.jpg) center center;background-attachment: fixed; position: relative; background-size: 100%;}
    .bg1_1 {background: url(../images/bg2.jpg); position: relative; z-index: 49}
    .bg4 { display: none;}
    .bg5 {background: url(../images/bg5.jpg) no-repeat; background-size: cover; background-position: center center;padding: 100px 0;}
    .header {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;border-bottom: 1px solid rgba(255, 255, 255, .3);transition: .3s;height: 80px;}
    .header.act {background: rgba(0, 0, 0, .6);}
    .header-l {float: left;padding: 10px;}
    .header-r {float: right;}
    .hearder-tel {float: left;padding: 30px 15px;}
    .hearder-btn {float: left;width: 80px;border-left: 1px solid rgba(255, 255, 255, .3);padding: 26px 0;height: 80px; box-sizing: border-box;}
    #headbtn {width: 28px;height: 24px;position: relative;display: block;left: 50%;transform: translateX(-50%)}
    #headbtn span {width: 100%;height: 2px;position: absolute;top: 0;left: 0;background: #fff;transition: .3s;border-radius: 2px;}
    #headbtn span:nth-child(2) {top: 50%;width: 70%}
    #headbtn span:nth-child(3) {top: 50%;width: 20%;left: auto;right: 0}
    #headbtn span:nth-child(4) {top: 100%;}
    #headbtn.act span:nth-child(1) {opacity: 0}
    #headbtn.act span:nth-child(2) {transform: rotate(-45deg);width: 100%;}
    #headbtn.act span:nth-child(3) {transform: rotate(45deg);width: 100%;}
    #headbtn.act span:nth-child(4) {opacity: 0}
    .index_menu {display: none;}
    /*导航*/
    .navs {position: fixed;top: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, .7);z-index: 666;display: none}
    /*banner*/
    .banner {position: fixed;top: 0;width: 100%;}
    .swiper-banner {overflow: hidden;height: 650px}
    .swiper-banner .swiper-slide {overflow: hidden}
    .swiper-banner .swiper-slide .banner-pic {width: 100%;height: 100%; background: url(../images/banner1.jpg) no-repeat center;background-size: cover;transition: 4s;}
    .swiper-banner .swiper-slide.ani-slide .banner-pic {transform: scale(1.1)}
    .banner-info {position: absolute;top: 50%;left: 360px;transform: translateY(-50%);transition: 3s;opacity: 0}
    .swiper-banner .swiper-slide.ani-slide .banner-info {left: 80px;opacity: 1}
    .swiper-banner .swiper-slide.ani-slide .banner-info img { width: 90%;}
    .banner-r {display: none;}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
    .pho_about_honorlist { display: none;}
    .cullist_phone { display: none;}
    .width1280 { width: 96%; margin: 0 auto; overflow: hidden;}
    .width100 { width: 100%; margin: 0;z-index: 99; position: relative;}
    .contain {position: relative;z-index: 33;top: 650px;height: auto; background: #fff;}
    .index_title { overflow: hidden;margin-bottom: 30px; position: relative;padding-top: 25px;z-index: 99;}
    .index_title h2 {font-size: 56px;font-weight: 800; font-family: "微软雅黑";color: rgba(0, 0, 0, .02);position: absolute;left: 0; top: 0; text-transform: uppercase;}
    .index_title h1 {font-size: 28px;font-weight: normal;color: #333;line-height: 40px;}
    .index_title .titlelink {right: 0;top: 36px;font-size: 14px; color: #fff;height: 80px; line-height: 80px; display: block; position: absolute;z-index: 99;}
    .index_title .underline {height: 2px;width: 15px;background: #666;margin: 40px 0 20px 0;}
    .index_title .titledetails {font-size: 14px;line-height: 24px;width: 96%;}
    .index_title2 { overflow: hidden;margin-bottom: 30px;}
    .index_title2 h2 {font-size: 18px;font-weight: normal;}
    .index_title2 h1 {font-size: 28px;font-weight: normal;color: #333;line-height: 40px;}
    .index_title2 .titleline {height: 2px;width: 15px;background: #666;margin: 30px 0;}
    .index_boxlink {height: 42px; font-size: 14px;width: 145px; line-height: 42px; display: block; border: 1px solid #dedede; text-align: center;color: #666;transition: all .5s;}
    .index_boxlink i { margin-right: 10px;font-size: 14px;font-weight: 100;}
    .index_boxlink:hover { background: #005baa;color: #fff;}
    .index_title_blue { overflow: hidden;margin-bottom: 30px; position: relative;padding-top: 25px;z-index: 99;}
    .index_title_blue h2 {font-size: 56px;font-weight: 800; font-family: "微软雅黑";color: rgba(255, 255, 255, .05);position: absolute;left: 0; top: 0; text-transform: uppercase;line-height: 56px;}
    .index_title_blue h1 {font-size: 28px;font-weight: normal;color: #fff;line-height: 40px;}
    .index_title_blue .titlelink_blue {float: right;font-size: 14px; color: #fff;height: 80px; line-height: 80px; display: block;}
    .index_title_blue .underline_blue {height: 2px;width: 15px;background: #fff;margin: 40px 0 20px 0;}
    .index_title_blue .titledetails_blue {font-size: 14px;line-height: 24px;width: 580px;color: #fff;}
    .pad100 {padding: 60px 0;}
    .pad150 {padding: 60px 0 100px 0;}
    .bg1 {background: url(../images/bg1.jpg);background-attachment: fixed; position: relative; z-index: 49;}
    .bg2 { display: none;}
    .bg3 {background: url(../images/bg3.jpg) center center;background-attachment: fixed; position: relative; background-size: 100%;}
    .bg1_1 {background: url(../images/bg2.jpg); position: relative; z-index: 49}
    .bg4 { display: none;}
    .bg5 {background: url(../images/bg5.jpg) no-repeat; background-size: cover; background-position: center center;padding: 100px 0;}
    .header {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;border-bottom: 1px solid rgba(255, 255, 255, .3);transition: .3s;height: 80px;}
    .header.act {background: rgba(0, 0, 0, .6);}
    .header-l {float: left;padding: 10px;}
    .header-r {float: right;}
    .hearder-tel {float: left;padding: 30px 15px;}
    .hearder-btn {float: left;width: 80px;border-left: 1px solid rgba(255, 255, 255, .3);padding: 26px 0;height: 80px; box-sizing: border-box;}
    #headbtn {width: 28px;height: 24px;position: relative;display: block;left: 50%;transform: translateX(-50%)}
    #headbtn span {width: 100%;height: 2px;position: absolute;top: 0;left: 0;background: #fff;transition: .3s;border-radius: 2px;}
    #headbtn span:nth-child(2) {top: 50%;width: 70%}
    #headbtn span:nth-child(3) {top: 50%;width: 20%;left: auto;right: 0}
    #headbtn span:nth-child(4) {top: 100%;}
    #headbtn.act span:nth-child(1) {opacity: 0}
    #headbtn.act span:nth-child(2) {transform: rotate(-45deg);width: 100%;}
    #headbtn.act span:nth-child(3) {transform: rotate(45deg);width: 100%;}
    #headbtn.act span:nth-child(4) {opacity: 0}
    .index_menu {display: none;}
    /*导航*/
    .navs {position: fixed;top: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, .7);z-index: 666;display: none}
    /*banner*/
    .banner {position: fixed;top: 0;width: 100%;}
    .swiper-banner {overflow: hidden;height: 650px}
    .swiper-banner .swiper-slide {overflow: hidden}
    .swiper-banner .swiper-slide .banner-pic {width: 100%;height: 100%; background: url(../images/banner1.jpg) no-repeat center;background-size: cover;transition: 4s;}
    .swiper-banner .swiper-slide.ani-slide .banner-pic {transform: scale(1.1)}
    .banner-info {position: absolute;top: 50%;left: 360px;transform: translateY(-50%);transition: 3s;opacity: 0}
    .swiper-banner .swiper-slide.ani-slide .banner-info {left: 80px;opacity: 1}
    .swiper-banner .swiper-slide.ani-slide .banner-info img { width: 90%;}
    .banner-r {display: none;}
    /*关于*/
    .about_index { width: 96%; margin: 0 auto;}
    .about_honor {width: 50%; float: left; position: relative;background: url(../images/index_honor.jpg) top center; background-size: contain;height: 450px; box-sizing: border-box;padding-top: 55px;padding-left: 20px;}
    .about_honor .honor_box {font-size: 14px;line-height: 24px;width: 60%;margin-bottom: 40px;}
    .aboutright { float: right;margin-top: -200px; position: relative;z-index: 9999;width: 50%;}
    .aboutdadi {width: 100%; background: #fff; box-sizing: border-box;padding: 65px 50px 0 50px; position: relative; border: 1px solid #f1f1f1;height: 380px; overflow: hidden;}
    .aboutdadi h2 {font-size: 56px;font-weight: 800; font-family: "微软雅黑";color: rgba(51, 51, 51, .02);position: absolute;left: 55px; top: 45px; text-transform: uppercase;}
    .aboutdadi h1 {font-size: 28px;font-weight: 800;color: #333;line-height: 40px;margin-bottom: 30px;}
    .aboutdadi .about_box {font-size: 16px; line-height: 24px; font-weight: normal;}
    .aboutdadi .about_box .aboutlink {margin-top: 20px;height: 46px;width: 46px; border-radius: 46px; border: 1px solid #e2e2e2; text-align: center;line-height: 46px; display: block;transition: all .5s;}
    .aboutdadi .about_box .aboutlink:hover {background: #005baa;}
    .aboutdadi .about_box .aboutlink i {font-size: 18px;color: #797979;}
    .aboutdadi .about_box .aboutlink:hover i {color: #fff;}
    .aboutdadi .aboutendlink { width: 100%;height: 70px; line-height: 70px; border-top: 1px solid #dedede;font-size: 16px;margin-top: 20px;}
    .aboutdadi .aboutendlink i {float: right;line-height: 70px;font-size: 18px;font-weight: 100;}
    .aboutright .aboutrightpic {height: 270px; width: 100%; overflow: hidden; position: relative; cursor: pointer;}
    .aboutright .aboutrightpic img {transform: scale(1, 1);transition: all 1.2s;height: 270px; width: 100%;}
    .aboutright .aboutrightpic:hover img {transform: scale(1.1, 1.1);transition: all 1.2s;}
    .aboutright .aboutrightpic .aboutrightdarkbox {width: 100%;z-index: 34;height: 100%;position: absolute;left: 0;top: 0;transition: all 0.4s ease 0s;background: rgba(0, 0, 0, .4)}
    .aboutright .aboutrightpic .link {font-size: 16px;line-height: 56px; width: 100%;z-index: 35;text-align: center;position: absolute;left: 0;top: 50%;margin-top: -15px;color: #fff;opacity: 1;filter: alpha(opacity=1)}
    .aboutright .aboutrightpic .linklinet {display: inline-block;opacity: 1;filter: alpha(opacity1);width: 100px; height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;transition: all 0.6s ease 0s;}
    .aboutright .aboutrightpic .linklineb {display: inline-block;bottom: 0;opacity: 1;filter: alpha(opacity=1);width: 100px;height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;transition: all 0.6s ease 0s;}
    /*产品展示*/
    .index_pro {display: none;}
    .heixinlistbox { display: none}
    /**首页核心产业**/
    .wrap_textbox {display: none}
    .index_pro2 { width: 94%;height: auto; position: relative;z-index: 51;margin: 0 auto 40px auto; overflow: hidden; display: block;}
    .indec_pro2_li {height: auto;position: relative;padding: 50px 0; box-sizing: border-box; width: 100%;}
    .indec_pro2_li .proinfo2 {background: #fff;height: auto; width: 80%;box-shadow: 0 0 10px rgba(0, 0, 0, .2); box-sizing: border-box;padding: 30px;margin: 0 auto}
    .indec_pro2_li .proinfo2 h1 {font-size: 24px;color: #333;margin-bottom: 20px;}
    .indec_pro2_li .proinfo2 .proinfodetails2 {font-size: 16px; color: #666;line-height: 24px;height: auto; overflow: hidden;margin-bottom: 30px;}
    .indec_pro2_li .proinfo2 .linkblue2 {font-size: 18px; color: #009cff;}
    /*原料基地*/
    .material { box-shadow: 0 0 10px rgba(0, 0, 0, .1); width: 96%; margin: 50px auto;position: relative;z-index: 98;;}
    .material ul {overflow: hidden; background: #fcfcfc;}
    .material ul li {width: 33%;box-sizing: border-box;height: 310px;padding: 55px 50px 0 50px;}
    .material ul li h2 {font-size: 20px;margin: 10px;color: 333}
    .material ul li .matericobox { text-align: left;}
    .material ul li .materinfo {font-size: 15px;color: #777;line-height: 24px;;}
    .material ul li:hover {background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
    .cols {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .col {width: 425px;box-sizing: border-box;height: 310px;padding: 75px 50px 0 50px;cursor: pointer;float: left;}
    .container {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;perspective: 1000px;}
    .front, .back {background-size: cover;background-position: center;-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
    .back { background: #fff;}
    .front:after {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;content: '';display: block;-webkit-backface-visibility: hidden;backface-visibility: hidden;border-radius: 10px;}
    .container:hover .front, .container:hover .back {-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);}
    .back {position: absolute;left: 0;top: 0;width: 20%;box-sizing: border-box;height: 310px;padding: 75px 50px 0 50px;}
    .back h2 {color: #005baa;}
    .inner {
        -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
        transform: translateY(-50%) translateZ(60px) scale(0.94);
        top: 50%;
        position: absolute;
        left: 0;
        width: 100%;
        padding: 2rem;
        font-size: .7em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: 1px solid transparent;
        -webkit-perspective: inherit;
        perspective: inherit;
        z-index: 2;
    }
    .container .back {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .container .front {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .container:hover .back {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .container:hover .front {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    /*企业文化*/
    .com_culture { overflow: hidden;margin-top: 0;}
    .com_culturebox { position: relative;height: 368px; width: 20%; cursor: pointer;transition: all .6s;}
    .com_culturebox .com_culturefbox {padding-top: 75px; text-align: center;position: relative;z-index: 1; background: url(../images/culbg.png) bottom center no-repeat; height: 368px; width: 100%; box-sizing: border-box;transition: all .6s;}
    .com_culturebox .com_culturefbox i { font-size: 32px;color: #666;margin-bottom: ;}
    .com_culturebox .com_culturefbox h1 {font-size: 20px; font-weight: 800;line-height: 76px;;}
    .com_culturebox .com_culturefbox h2 {font-size: 16px;margin: 25px auto;}
    .com_culturebox .com_culturefbox p {font-size: 12px;font-weight: 100;line-height: 18px; text-transform: uppercase;width: 80%; margin: 0 auto;}
    .com_culturebox .com_culturebbox {padding-top: 55px; text-align: center; position: absolute;z-index: 2;top: -370px;left: 0;color: #fff;background: url(../images/culbg_hover.png) top center no-repeat; height: 368px; width: 250px;transition: all 0.6s;}
    .com_culturebox .com_culturebbox h1 {font-size: 22px; font-weight: 800;line-height: 36px;}
    .com_culturebox .com_culturebbox h2 {font-size: 16px;margin: 10px auto;}
    .com_culturebox .com_culturebbox p {font-size: 12px;font-weight: 100;line-height: 18px;width: 190px; margin: 0 auto;}
    .com_culturebox:hover .com_culturebbox {top: 0;left: 0;}
    .com_culturebox:hover .com_culturefbox {top: -370px;left: 0;}
    .com_culturebox:hover {magrin-top: 75px;}
    /*新闻展示*/
    .news_list {height: auto;padding-bottom: 0; overflow: hidden; text-align: center;}
    .news_list li {height: auto;width: 31%; border: 1px solid #f1f1f1; overflow: hidden; float: none;margin: 1%;transition: 0.5s all; box-sizing: border-box; display: inline-block;}
    .news_list li:nth-child(3n) {margin-right: 0;}
    .news_list li .info_pic {height: 165px; width: 100%; overflow: hidden;}
    .news_list li .info_pic img {height: 165px; width: 100%;}
    .news_list li .info_news {padding: 15px;height: 130px; text-align: left;}
    .news_list li .info_news h2 {height: 30px;line-height: 30px;font-size: 18px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .news_list li .info_news .info_box {height: 50px;line-height: 24px;overflow: hidden;font-size: 14px;color: #777;margin-bottom: 10px;margin-top: 10px;}
    .news_list li .info_news .info_link {width: 100%;height: 36px; line-height: 36px;overflow: hidden; border-top: 1px solid #dedede;color: #a7a7a7;font-size: 12px; text-align: right;text-transform: uppercase;}
    .news_list li .info_news .info_link span { float: left; display: block;}
    /*联系我们*/
    .contact_title {color: #fff; text-align: left; width: 30%;}
    .contact_title h1 {font-size: 30px;}
    .contact_title h2 {font-size: 16px; font-weight: 100;margin: 30px 0;}
    .contact_title .contact_link {height: 48px;width: 150px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, .5); text-align: center;line-height: 48px;font-weight: 100; display: block;}
    .contact_list { overflow: hidden; text-align: left;margin-top: 40px;width: 67%;}
    .contact_list li { display: inline-block;margin: 0 15;}
    .contact_list li h2 {font-size: 30px; font-weight: 800;color: #008bfc;}
    .contact_list li h1 {font-size: 18px; font-weight: 100;color: #fff;}
    .contact_list li:nth-child(3) h2 {font-size: 24px; font-weight: 800;color: #008bfc;}
    /*联系我们*/
    .footer {width: 100%;background: #1c2d39;padding-top: 50px;border-top: 1px solid rgba(255, 255, 255, 0.18); position: relative;margin-top: 50px;}
    .dadibg {position: absolute;left: 0;top: -188px;width: 100%;background: url(../images/beijing.png) no-repeat center;background-size: cover;height: 187px;}
    .ftlogo {width: 50px;position: absolute;top: -25px;left: 50%;background: #1c2d39;}
    .endlink {width: 230px;}
    .endlink a {font-size: 14px;font-family: "微软雅黑";color: #ffffff;display: inline-block;padding: 11px 0; margin-right: 50px;}
    .gotop {height: 40px;border: 1px solid #c2c2c2;padding: 0 25px;position: relative;cursor: pointer;line-height: 40px; text-align: center; display: block;margin-top: 50px;box-sizing: border-box;}
    .endcopy {text-align: center;padding: 25px 0;font-size: 14px;color: #fff;}
    .endcopy .enddesign {border-top: 1px solid rgba(255, 255, 255, .1);line-height: 50px;margin-top: 25px;}
    /*内页展示*//*内页展示*//*内页展示*//*内页展示*//*内页展示*//*内页展示*//*内页展示*/
    /*关于我们*/
    .sec_banner {height: 550px;position: relative;}
    .sec_banner_nav {height: 55px; line-height: 55px;background: rgba(0, 0, 0, .2);color: #fff; font-size: 14px;position: absolute;left: 0; bottom: 0; width: 100%;}
    .sec_aboutbg {height: auto; background: url(../images/about_bg.jpg); background-size: cover;}
    .about_left {width: 535px;font-size: 18px;font-weight: 800; float: left;}
    .about_left ul { width: 100%; text-align: left;margin-top: 40px;}
    .about_left ul li { float: left;margin-right: 20px; overflow: hidden;margin-bottom: 20px;}
    .about_left ul li:nth-child(even) {margin-right: 0;}
    .about_left ul li img {height: 195px; width: 255px;transform: scale(1, 1);transition: all 1.2s;}
    .about_left ul li:hover img {transform: scale(1.1, 1.1);transition: all 1.2s;}
    .about_right {float: right;width: 700px; overflow: hidden;}
    .about_right p {margin-bottom: 20px; text-indent: 35px;}
    .conter_list {background: #fff;background: #f7f7f7;height: auto; overflow: hidden;position: relative;z-index: 5;box-sizing: border-box;padding: 25px 15px;margin-bottom: 25px;}
    .conter_list li {width: 24.5%;color: #333;float: left; overflow: hidden;border-right: 1px solid #ebebeb;height: 88px; text-align: center;}
    .conter_list li:nth-child(4) { border-right: none;}
    .conter_list .count { width: 100%; overflow: hidden;font-size: 18px;line-height: 40px;}
    .conter_list .count h2 { display: inline-block;font-size: 48px; font-weight: 800;line-height: 60px;color: #005baa;padding-right: 10px; font-family: "Impact"; font-weight: 100;}
    .conter_list span { display: block;font-size: 16px;line-height: 30px;}
    .secabout_honor {background: url(../images/honor_bg.jpg) top center; background-size: cover;}
    .about_honorlist {position: relative;}
    .about_honorlist li {height: 360px;width: 415px; overflow: hidden; float: left;transition: 0.5s all; box-sizing: border-box;}
    .about_honorlist li .sec_honorpic {width: 415px; height: 275px; overflow: hidden;}
    .about_honorlist li .sec_honorpic img {width: 415px; height: 275px;border-radius: 4px;transform: scale(1, 1);transition: all 1.2s;}
    .about_honorlist li:hover .sec_honorpic img {transform: scale(1.1, 1.1);transition: all 1.2s;}
    .about_honorlist li .sec_honor_title {height: 85px; box-sizing: border-box;padding: 20px; background: #fff;line-height: 36px; font-size: 18px; text-align: center;}
    .about_honorlist li:hover .sec_honor_title {background: #005baa;color: #fff;}
    .swiper-pagination_sechonor { z-index: 99999 !important;left: 0 !important;bottom: 420px !important; text-align: right}
    .swiper-pagination-bullet {height: 13px; width: 13px; background: #fff;}
    .picFocus { margin: 0 auto 55px auto; width: 1280px; border: 1px solid #ccc; padding: 3px; position: relative; overflow: hidden; zoom: 1; box-sizing: border-box; }
    .picFocus .hd { width: 100%; overflow: hidden; }
    .picFocus .hd ul { margin-right: -5px; overflow: hidden; zoom: 1; }
    .picFocus .hd ul li { padding-top: 5px; float: left; text-align: center; }
    .picFocus .hd ul li img { width: 246px; height: 120px; border: 2px solid #ddd; cursor: pointer; margin-right: 5px; }
    .picFocus .hd ul li.on { background: url("../images/icoUp.gif") no-repeat center 0; }
    .picFocus .hd ul li.on img { border-color: #f60; }
    .picFocus .bd li { vertical-align: middle;position: relative;}
    .picFocus .bd li .picinfo { position: absolute;z-index: 2; background: rgba(0, 0, 0, .5); color: #fff; width: 100%;box-sizing: border-box;padding: 20px;line-height: 30px;bottom: 0; left: 0;}
    .picFocus .bd img { width: 1280px; height: 620px; display: block; }
    .foulink {height: 46px; width: 126px; border-radius: 4px;border: 1px solid #999; text-align: center; display: block;margin: 0 auto 50px auto;font-size: 14px; color: #333; line-height: 46px;}
    .foulink i {color: #666;padding-right: 8px;font-size: 12px;}
    .foulink_white {height: 46px; width: 126px; border-radius: 4px;border: 1px solid #fff; text-align: center; display: block;margin: 50px auto;font-size: 14px; color: #fff; line-height: 46px;}
    .foulink_white i {color: #fff;padding-right: 8px;font-size: 12px;}
    a.foulink_white {color: #fff;}
    /*企业文化*/
    .secculture {background: url(../images/qywhbg.jpg) top center; background-size: cover;}
    .qywh1 { overflow: hidden; line-height: 40px; font-size: 18px;padding: 10px 0;}
    .qywh1 .qywhpic1 { width: 460px; height: 260px; border: 5px solid #fff; box-shadow: 0 0 6px rgba(0, 0, 0, .1);float: right; margin-left: 35px;margin-right: 10px;}
    .qywh1 .qywhpic1 img {width: 460px; height: 260px;}
    .culturelist {position: relative;padding-bottom: 50px;}
    .culturelist li {float: left;width: 25%;transition: 0.5s all; box-sizing: border-box;padding: 35px;font-size: 16px;color: #fff;line-height: 24px;height: 400px; text-align: left;}
    .culturelist li h1 {font-size: 22px;color: #fff;text-align: center;padding-top: 30px;}
    .culturelist li em {display: block;width: 2px;height: 20px;background: #d6b898;margin: 30px auto;}
    .culturelist li.acenter { text-align: center;}
    .swiper-pagination_secculture { z-index: 99999 !important;left: 0 !important;bottom: 0 !important; text-align: center}
    .swiper-pagination-bullet {height: 13px; width: 13px; background: #fff;}
    /*大事记start*/
    .event_box { width: 100%; margin: 0 auto 80px auto;position: relative;}
    .event_box .parHd {width: 100%; display: inline-block;height: 92px;overflow: hidden;}
    .parHd ul { width: 100%; text-align: center; margin: 50px auto 0 auto; border-top: 1px solid #f1f1f1;}
    .parHd .tempWrap { margin: 0 auto;}
    .parHd .tempWrap:after { content: '';width: 85%;height: 1px; display: block; background: #580000;position: absolute; right: 8%;bottom: 50px;z-index: 10;}
    .parHd li.no_line:before { display: none;}
    .parHd li { display: inline-block; cursor: pointer;position: relative; padding: 0 25px;}
    .parHd li p {padding: 15px 0;font-size: 18px;}
    .parHd li:after { content: ''; background: url(../images/ico_circle1.png) no-repeat; width: 20px; height: 20px; position: absolute; z-index: 20;top: -10px; left: 50%; margin-left: -10px;}
    .parHd li.act:after {content: ''; background: url(../images/ico_circle.png) no-repeat; width: 20px; height: 20px; position: absolute; z-index: 20;top: -10px; left: 50%; margin-left: -10px;}
    .parBd { text-align: center;height: 515px;margin-bottom: 20px;}
    .parBd h4 { position: relative; font-size: 40px; margin-bottom: 3%; /*width: 200px;*/ padding: 0 60px; display: inline-block; text-align: center;}
    .parBd h4:after { content: ''; background: #000; width: 100px; height: 1px; position: absolute; left: -100px; bottom: 12px;}
    .parBd h4:before { content: ''; background: #000; width: 100px; height: 1px; position: absolute; right: -100px; bottom: 12px;}
    .parBd p { line-height: 180%; font-size: 16px; width: 80%; margin: 0 auto;}
    div#listBox {width: 100%;}
    .sPrev, .sNext { width: 96px; height: 48px; display: block; position: absolute; top: 260px;z-index: 88;;}
    .sPrev { left: 0;}
    .sNext { right: 0;}
    .history {width: 90%; margin: 0 auto;position: relative;}
    .history .historypic {height: 515px; width: 780px; position: absolute;z-index: 2;right: 0;top: 0; border-radius: 4px; overflow: hidden;}
    .history .historypic img {height: 515px; width: 780px; transform: scale(1, 1);transition: all 1.2s;}
    .history:hover .historypic img {transform: scale(1.1, 1.1);transition: all 1.2s;}
    .history .historyinfo {width: 600px; height: 365px;background: url(../images/history_bg.png);position: absolute;z-index: 1;left: 0; top: 80px;box-sizing: border-box;padding: 110px 0 0 55px;color: #fff;font-size: 20px; text-align: left;border-radius: 4px; overflow: hidden;}
    .history .historyinfo h2 {font-size: 24px; font-weight: 800;margin-bottom: 15px;}
    /*原料基地*/
    .secylbox {background: url(../images/ylbj.jpg) top center; background-size: cover;}
    .yuanliaoinfo {position: relative;padding-bottom: 50px;}
    .yuanliaoinfo li {float: left;width: 25%;transition: 0.5s all; box-sizing: border-box;padding: 35px;color: #fff;line-height: 24px; padding: 100px 0;text-align: center;}
    .yuanliaoinfo li h1 {font-size: 72px;line-height: 72px; font-weight: 800;color: #fff;}
    .yuanliaoinfo li em {display: block;width: 25px;height: 1px;background: rgba(255, 255, 255, 1);margin: 40px auto;}
    .yuanliaoinfo li h2 { font-size: 36px; font-weight: 800;}
    .yltitle {font-size: 30px;color: #333;line-height: 60px; text-align: center;}
    .ylconbox { overflow: hidden;text-align: center;padding: 15px 0;margin: 20px auto 80px auto;}
    .ylconbox li { display: inline-block;height: 260px; width: 400px; border: 1px solid #ededed; text-align: center; transition: all .6s;box-sizing: border-box;padding-top: 50px;margin: 0 10px;}
    .ylconbox li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .2); cursor: pointer;}
    .ylconbox li:hover h1 {color: #e00018;}
    .ylconbox li i { font-size: 48px;color: #999; font-weight: 100;margin-bottom: 25px;}
    .ylconbox li h1 {font-size: 24px;color: #333;line-height: 48px;}
    .ylconbox li h2 {font-size: 18px;font-weight: 100;color: #999;margin-top: 10px;}
    /*产品中心*/
    .sec_title { overflow: hidden; position: relative;padding-top: 25px;z-index: 99;}
    .sec_title h2 {font-size: 56px;font-weight: 800; font-family: "微软雅黑";color: rgba(0, 0, 0, .02);position: absolute; width: 100%;left: 0; top: 0; text-transform: uppercase; text-align: center;line-height: 56px;}
    .sec_title h1 {font-size: 28px;font-weight: normal;color: #333;line-height: 40px;text-align: center;}
    .sec_title .underline {height: 2px;width: 15px;background: #666;margin: 40px auto 20px auto;}
    .secsubnav {width: 100%;height: auto;line-height: 50px;text-align: center;margin-bottom: 35px;}
    .secsubnav li {font-size: 18px;padding: 0 35px;position: relative; cursor: pointer; display: inline-block;}
    .secsubnav li:after {width: 1px;height: 20px;position: absolute;right: 0;top: 50%;margin-top: -10px;background: rgba(0, 0, 0, 0.2);content: "";}
    .secsubnav li:last-child:after {display: none;}
    .secsubnav li:hover {background: #005baa; color: #fff; border-radius: 4px;}
    .productlist {text-align: center;padding-bottom: 80px;}
    .productlist li:nth-child(1) {width: 96%; overflow: hidden;height: 300px !important;margin: 0 !important auto; }
    .productlist li:nth-child(1) .productpicbox { width: 45%; float: right;}
    .productlist li:nth-child(1) .productpictitbox {float: left;padding: 30px; width: 55%; box-sizing: border-box;}
    .productlist li:nth-child(1) .productpictitbox h1 {font-weight: normal; font-size: 24px; text-align: center;color: #0085da;padding: 16px; border-bottom: 1px solid #f1f1f1;}
    .productlist li:nth-child(1) .productpictitbox p {font-size: 18px;line-height: 30px; margin-top: 25px; text-align: left;color: #666;}
    .productlist li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .3); cursor: pointer;}
    .productlist li img {width: 100%; height: 300px; transform: scale(1, 1);transition: all 1.2s;}
    .productlist li:hover img { transform: scale(1.1, 1.1);transition: all 1.2s;}
    .productlist li { width: 45%;height: 400px;position: relative;margin: 2%; display: inline-block;overflow: hidden;}
    .productlist li .propicbox { position: absolute;width: 82%;height: 180px; bottom: 0;left: 9%; box-sizing: border-box;background: #f9f9f9;padding: 20px;}
    .productlist li .propicbox h1 {font-weight: normal; font-size: 24px; text-align: center;color: #0085da;line-height: 30px;border-bottom: 1px solid #f1f1f1;padding: 10px;}
    .productlist li .propicbox p {font-size: 18px;line-height: 24px; margin-top: 16px; text-align: left;color: #666;}
    /*新闻中心*/
    .secnewslist {text-align: center;padding-bottom: 80px;}
    .secnewslist li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .3); cursor: pointer;background: #005baa;}
    .secnewslist li img {width: 100%; height: 300px; transform: scale(1, 1);transition: all 1.2s;}
    .secnewslist li:hover img { transform: scale(1.1, 1.1);transition: all 1.2s;}
    .secnewslist li:nth-child(1) {width: 96%; overflow: hidden;height: 325px !important;margin: 0 auto !important; background: f9f9f9; border: 1px solid #f1f1f1;padding: 0;}
    .secnewslist li:nth-child(1) .newspicbox { width: 45%; float: left; overflow: hidden;}
    .secnewslist li:nth-child(1) .newspicbox img { width: 100%; height: 325px;}
    .secnewslist li:nth-child(1) .newsinfoboxtitbox {float: right;padding: 30px; width: 55%; box-sizing: border-box;}
    .secnewslist li:nth-child(1) .newsinfoboxtitbox h1 {font-weight: normal; font-size: 24px; text-align: left;color: #0085da;padding: 16px 0;}
    .secnewslist li:nth-child(1) .newsinfoboxtitbox p {font-size: 18px;line-height: 30px; margin-top: 25px; text-align: left;color: #666;height: 90px; overflow: hidden;}
    .secnewslist li:nth-child(1) .newslink { display: block;height: 40px; width: 120px; border: 1px solid #f1f1f1; text-align: center;line-height: 40px;font-size: 15px;margin-top: 50px;}
    .secnewslist li:hover .newsinfoboxtitbox h1 {color: #fff;}
    .secnewslist li:hover .newsinfoboxtitbox p {color: rgba(255, 255, 255, .7)}
    .secnewslist li:hover .newslink {border: 1px solid rgba(255, 255, 255, .5);color: #fff;}
    .secnewslist li:hover h1 {border-bottom: 1px solid rgba(255, 255, 255, .4);color: #fff;}
    .secnewslist li:hover h1 span { color: rgba(255, 255, 255, .5);}
    .secnewslist li:hover p {color: rgba(255, 255, 255, .7)}
    .secnewslist li { width: 47%;height: 190px;position: relative;margin: 1%; display: inline-block;overflow: hidden;padding: 35px 25px; box-sizing: border-box;box-shadow: 0 0 10px rgba(0, 0, 0, .1);transition: all .6s;}
    .secnewslist li h1 {font-weight: normal; font-size: 22px; text-align: left;color: #0085da;line-height: 30px;border-bottom: none;padding: 10px;}
    .secnewslist li h1 span { float: right;line-height: 30px;font-size: 12px;color: #999;}
    .secnewslist li p {font-size: 18px;line-height: 24px; margin-top: 16px; text-align: left;color: #666;height: 48px;overflow: hidden;}
    /*新闻详情*/
    .secnewsconbg { background: #f1f1f1;}
    .secnewscon { width: 1240px; margin: 0 auto 80px auto;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, .1);transition: all .6s;padding: 80px 35px; box-sizing: border-box; background: #fff; text-align: left;}
    .secnewscon h4 {font-size: 24px; text-align: center;line-height: 24px;padding: 25px;font-weight: normal;}
    .secnewscon h5 {font-size: 14px; text-align: center;line-height: 24px;font-weight: normal;color: #999;margin-bottom: 30px;}
    .secnewscon img { width: 94%; max-width: 94%; border-radius: 4px;margin: 20px auto; display: block;}
    /*图片内页*/
    .article_list {padding: 20px 0px; text-align: center;}
    .article_list:before, .article_list:after {content: "";display: table;}
    .article_list:after {clear: both;}
    .article_list li { text-align: left;width: 400px; display: inline-block;margin: 10px;}
    .article_list li a {text-decoration: none;}
    .article_list li .pic {width: 400px;height: 290px;overflow: hidden;position: relative;}
    .article_list li .pic .date {width: 91px;height: 27px;background: url(../images/n_date.png) no-repeat;position: absolute;right: 10px;bottom: 10px;z-index: 9;color: #FFF;font-size: 12px;line-height: 27px;text-align: center;text-indent: 6px;}
    .article_list li .pic img {width: 400px;height: 290px;transform: scale(1, 1);-webkit-transform: scale(1, 1);-o-transform: scale(1, 1);transition: all 1.2s;-webkit-transition: all 1.2s;-o-transition: all 1.2s;}
    .article_list li .tit {padding: 16px; background: #fefefe;}
    .article_list li h3 {font-size: 16px;padding-bottom: 10px;}
    .article_list li span {font-size: 12px;display: block;font-family: Arial, Helvetica, sans-serif;}
    .article_list li span em {border-bottom: 1px solid #FFF;display: block;width: 0;height: 1px;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
    .article_list li:hover span {color: #0c54a0;}
    .article_list li:hover span em {border-bottom: 1px solid #0c54a0;display: block;width: 60px;height: 1px;}
    .article_list li:hover .pic img {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);transition: all 1.2s;
        -webkit-transition: all 1.2s;-o-transition: all 1.2s;}
    .article_list li:hover {box-shadow: 0 0 8px rgba(0, 0, 0, .25)}
    .pagenum { width: 100%; padding: 30px; text-align: center; font-size: 14px; }
    .pagenum span, .pagenum a {padding: 0 30px; height: 40px; line-height: 40px; display: inline-block; border-radius: 2px; transition: all .5s;}
    .pagenum span, .pagenum a:hover { background: #358edc;color: #fff;}
    /*联系我们*/
    .concactul { overflow: hidden;font-size: 18px;position: relative;z-index: 2; width: 1280px;margin: -100px auto 0 auto;}
    .concactul li { width: 50%; border: 1px solid #dedede; float: left;height: 295px; box-sizing: border-box;padding: 100px;line-height: 45px; text-align: center; background: #fff; cursor: pointer;}
    .concactul li:hover {color: #fff; background: #005baa;}
    .concactul li i {padding-right: 20px;}
    .mapcon {position: relative;z-index: 1;margin-top: -100px; width: 100%;background: #dedede;height: 500px;padding-bottom: 80px;}
    /*内页展示*//*内页展示*//*内页展示*//*内页展示*//*内页展示*//*内页展示*//*内页展示*/
    /*关于我们*/
    .sec_banner {height: 400px;position: relative;}
    .sec_banner_nav {height: 55px; line-height: 55px;background: rgba(0, 0, 0, .2);color: #fff; font-size: 14px;position: absolute;left: 0; bottom: 0; width: 100%;}
    .sec_aboutbg {height: auto; background: url(../images/about_bg.jpg); background-size: cover;}
    .about_left {width: 100%;font-size: 18px;font-weight: 800; float: none;}
    .about_left ul { width: 100%; text-align: center;margin-top: 20px;}
    .about_left ul li { width: 47%;float: none; display: inline-block;margin: 1%;overflow: hidden;}
    .about_left ul li:nth-child(even) {margin-right: 0;}
    .about_left ul li img {height: auto; width: 100%;transform: scale(1, 1);transition: all 1.2s;}
    .about_right {float: none;width: 96%;margin: 0 auto; overflow: hidden;}
    .about_right p {margin-bottom: 20px; text-indent: 35px;}
    .conter_list {background: #fff;background: #f7f7f7;height: auto; overflow: hidden;position: relative;z-index: 5;box-sizing: border-box;padding: 25px 15px;margin-bottom: 25px;}
    .conter_list li {width: 24.5%;color: #333;float: left; overflow: hidden;border-right: 1px solid #ebebeb;height: 88px; text-align: center;}
    .conter_list li:nth-child(4) { border-right: none;}
    .conter_list .count { width: 100%; overflow: hidden;font-size: 18px;line-height: 40px;}
    .conter_list .count h2 { display: inline-block;font-size: 48px; font-weight: 800;line-height: 60px;color: #005baa;padding-right: 10px; font-family: "Impact"; font-weight: 100;}
    .conter_list span { display: block;font-size: 16px;line-height: 30px;}
    .secabout_honor {background: url(../images/honor_bg.jpg) top center; background-size: cover;}
    .about_honorlist {position: relative;}
    .about_honorlist li {height: auto;width: auto; overflow: hidden; float: left;transition: 0.5s all; box-sizing: border-box;}
    .about_honorlist li .sec_honorpic {width: auto; height: 160px; overflow: hidden;}
    .about_honorlist li .sec_honorpic img {width: auto; height: 160px;border-radius: 4px;transform: scale(1, 1);transition: all 1.2s;}
    .about_honorlist li .sec_honor_title {height: 85px; box-sizing: border-box;padding: 20px; background: #fff;line-height: 36px; font-size: 18px; text-align: center;}
    .about_honorlist li:hover .sec_honor_title {background: #005baa;color: #fff;}
    .swiper-pagination_sechonor { z-index: 99999 !important;left: 0 !important;bottom: 420px !important; text-align: right}
    .swiper-pagination-bullet {height: 13px; width: 13px; background: #fff;}
    .picFocus { margin: 0 auto 55px auto; width: 100%; border: 1px solid #ccc; padding: 3px; position: relative; overflow: hidden; zoom: 1; box-sizing: border-box; }
    .picFocus .hd { width: 100%; overflow: hidden; }
    .picFocus .hd ul { margin-right: -5px; overflow: hidden; zoom: 1; }
    .picFocus .hd ul li { padding-top: 5px; float: left;text-align: center; width: 19%; margin-right: 1%;}
    .picFocus .hd ul li img { width: 100%; height: 80px; border: 1px solid #ddd; cursor: pointer; }
    .picFocus .hd ul li.on { background: url("../images/icoUp.gif") no-repeat center 0; }
    .picFocus .hd ul li.on img { border-color: #f60; }
    .picFocus .bd li { vertical-align: middle;position: relative;}
    .picFocus .bd li .picinfo { position: absolute;z-index: 2; background: rgba(0, 0, 0, .5); color: #fff; width: 100%;box-sizing: border-box;padding: 20px;line-height: 30px;bottom: 0; left: 0;}
    .picFocus .bd img { width: 100%; height: 400px; display: block; }
    .foulink {height: 46px; width: 126px; border-radius: 4px;border: 1px solid #999; text-align: center; display: block;margin: 0 auto 50px auto;font-size: 14px; color: #333; line-height: 46px;}
    .foulink i {color: #666;padding-right: 8px;font-size: 12px;}
    .foulink_white {height: 46px; width: 126px; border-radius: 4px;border: 1px solid #fff; text-align: center; display: block;margin: 50px auto;font-size: 14px; color: #fff; line-height: 46px;}
    .foulink_white i {color: #fff;padding-right: 8px;font-size: 12px;}
    a.foulink_white {color: #fff;}
    /*企业文化*/
    .secculture {background: url(../images/qywhbg.jpg) top center; background-size: cover;}
    .qywh1 { overflow: hidden; line-height: 40px; font-size: 18px;padding: 10px 0;}
    .qywh1 .qywhpic1 { width: 460px; height: 260px; border: 5px solid #fff; box-shadow: 0 0 6px rgba(0, 0, 0, .1);float: right; margin-left: 35px;margin-right: 10px;}
    .qywh1 .qywhpic1 img {width: 460px; height: 260px;}
    .culturelist {position: relative;padding-bottom: 50px;}
    .culturelist li {float: left;width: 25%;transition: 0.5s all; box-sizing: border-box;padding: 10px;font-size: 12px;color: #fff;line-height: 18px;height: 350px; text-align: left;}
    .culturelist li h1 {font-size: 18px;color: #fff;text-align: center;padding-top: 15px;}
    .culturelist li em {display: block;width: 2px;height: 20px;background: #d6b898;margin: 30px auto;}
    .culturelist li.acenter { text-align: center;}
    .swiper-pagination_secculture { z-index: 99999 !important;left: 0 !important;bottom: 0 !important; text-align: center}
    .swiper-pagination-bullet {height: 13px; width: 13px; background: #fff;}
    /*大事记start*/
    .event_box { width: 100%; margin: 0 auto 80px auto;position: relative;}
    .event_box .parHd {width: 100%; display: inline-block;height: 92px;overflow: hidden;}
    .parHd ul { width: 100%; text-align: center; margin: 50px auto 0 auto; border-top: 1px solid #f1f1f1;}
    .parHd .tempWrap { margin: 0 auto;}
    .parHd .tempWrap:after { content: '';width: 85%;height: 1px; display: block; background: #580000;position: absolute; right: 8%;bottom: 50px;z-index: 10;}
    .parHd li.no_line:before { display: none;}
    .parHd li { display: inline-block; cursor: pointer;position: relative; padding: 0 25px;}
    .parHd li p {padding: 15px 0;font-size: 18px;}
    .parHd li:after { content: ''; background: url(../images/ico_circle1.png) no-repeat; width: 20px; height: 20px; position: absolute; z-index: 20;top: -10px; left: 50%; margin-left: -10px;}
    .parHd li.act:after {content: ''; background: url(../images/ico_circle.png) no-repeat; width: 20px; height: 20px; position: absolute; z-index: 20;top: -10px; left: 50%; margin-left: -10px;}
    .parBd { text-align: center;height: 300px;margin-bottom: 20px;}
    .parBd h4 { position: relative; font-size: 28px; margin-bottom: 3%; /*width: 200px;*/ padding: 0 60px; display: inline-block; text-align: center;}
    .parBd h4:after { content: ''; background: #000; width: 100px; height: 1px; position: absolute; left: -100px; bottom: 12px;}
    .parBd h4:before { content: ''; background: #000; width: 100px; height: 1px; position: absolute; right: -100px; bottom: 12px;}
    .parBd p { line-height: 180%; font-size: 16px; width: 80%; margin: 0 auto;}
    div#listBox {width: 100%;}
    .sPrev, .sNext { width: 96px; height: 48px; display: block; position: absolute; top: 30%;z-index: 88;;}
    .sPrev { left: 0;}
    .sNext { right: 0;}
    .history {width: 90%; margin: 0 auto;position: relative;}
    .history .historypic {height: auto; width: 90%; position: absolute;z-index: 2;right: 0;top: 0; border-radius: 4px; overflow: hidden;}
    .history .historypic img {height: auto; width: 100%; transform: scale(1, 1);transition: all 1.2s;}
    .history .historyinfo {width: 350px; height: auto;background: url(../images/history_bg.png);position: absolute;z-index: 3;left: 0; top: 80px;box-sizing: border-box;padding: 50px;color: #fff;font-size: 20px; text-align: left;border-radius: 4px; overflow: hidden;}
    .history .historyinfo h2 {font-size: 24px; font-weight: 800;margin-bottom: 15px;}
    /*原料基地*/
    .secylbox {background: url(../images/ylbj.jpg) top center; background-size: cover;}
    .yuanliaoinfo {position: relative;padding-bottom: 50px;}
    .yuanliaoinfo li {float: left;width: 25%;transition: 0.5s all; box-sizing: border-box;padding: 35px;color: #fff;line-height: 24px; padding: 100px 0;text-align: center;}
    .yuanliaoinfo li h1 {font-size: 72px;line-height: 72px; font-weight: 800;color: #fff;}
    .yuanliaoinfo li em {display: block;width: 25px;height: 1px;background: rgba(255, 255, 255, 1);margin: 40px auto;}
    .yuanliaoinfo li h2 { font-size: 36px; font-weight: 800;}
    .yltitle {font-size: 30px;color: #333;line-height: 60px; text-align: center;}
    .ylconbox { overflow: hidden;text-align: center;padding: 15px 0;margin: 20px auto 80px auto;}
    .ylconbox li { display: inline-block;height: 240px; width: 96%; border: 1px solid #ededed; text-align: center; transition: all .6s;box-sizing: border-box;padding-top: 20px;margin: 10px auto}
    .ylconbox li i { font-size: 24px;color: #999; font-weight: 100;margin-bottom: 25px;}
    .ylconbox li h1 {font-size: 28px;color: #333;line-height: 48px;}
    .ylconbox li h2 {font-size: 14px;font-weight: 100;color: #999;margin-top: 10px;}
    /*产品中心*/
    .sec_title { overflow: hidden; position: relative;padding-top: 25px;z-index: 99;}
    .sec_title h2 {font-size: 56px;font-weight: 800; font-family: "微软雅黑";color: rgba(0, 0, 0, .02);position: absolute; width: 100%;left: 0; top: 0; text-transform: uppercase; text-align: center;line-height: 56px;}
    .sec_title h1 {font-size: 28px;font-weight: normal;color: #333;line-height: 40px;text-align: center;}
    .sec_title .underline {height: 2px;width: 15px;background: #666;margin: 20px auto;}
    .secsubnav {width: 100%;height: auto;line-height: 50px;text-align: center;margin-bottom: 35px;}
    .secsubnav li {font-size: 18px;padding: 0 35px;position: relative; cursor: pointer; display: inline-block;}
    .secsubnav li:after {width: 1px;height: 20px;position: absolute;right: 0;top: 50%;margin-top: -10px;background: rgba(0, 0, 0, 0.2);content: "";}
    .secsubnav li:last-child:after {display: none;}
    .secsubnav li:hover {background: #005baa; color: #fff; border-radius: 4px;}
    .productlist {text-align: center;padding-bottom: 80px;}
    .productlist li:nth-child(1) {width: 96%; overflow: hidden;height: 300px !important;margin: 0 !important auto;background: #fff; }
    .productlist li:nth-child(1) .productpicbox { width: 45%; float: right;}
    .productlist li:nth-child(1) .productpictitbox {float: left;padding: 15px 20px; width: 55%; box-sizing: border-box;}
    .productlist li:nth-child(1) .productpictitbox h1 {font-weight: normal; font-size: 24px; text-align: center;color: #0085da;padding: 16px; border-bottom: 1px solid #f1f1f1;}
    .productlist li:nth-child(1) .productpictitbox p {font-size: 18px;line-height: 30px; margin-top: 25px; text-align: left;color: #666;}
    .productlist li img {width: 100%; height: 300px; transform: scale(1, 1);transition: all 1.2s;}
    .productlist li { width: 45%;height: 360px;position: relative;margin: 2%; display: inline-block;overflow: hidden;}
    .productlist li .propicbox { position: absolute;width: 96%;height: 180px; bottom: 0;left: 2%; box-sizing: border-box;background: #f9f9f9;padding: 15px; overflow: hidden;}
    .productlist li .propicbox h1 {font-weight: normal; font-size: 24px; text-align: center;color: #0085da;line-height: 30px;border-bottom: 1px solid #f1f1f1;padding: 10px;}
    .productlist li .propicbox p {font-size: 16px;line-height: 24px; margin-top: 10px; text-align: left;color: #666;}
    /*新闻中心*/
    .secnewslist {text-align: center;padding-bottom: 80px;}
    .secnewslist li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .3); cursor: pointer;background: #005baa;}
    .secnewslist li img {width: 100%; height: 300px; transform: scale(1, 1);transition: all 1.2s;}
    .secnewslist li:hover img { transform: scale(1.1, 1.1);transition: all 1.2s;}
    .secnewslist li:nth-child(1) {width: 96%; overflow: hidden;height: 325px !important;margin: 0 auto !important; background: f9f9f9; border: 1px solid #f1f1f1;padding: 0;}
    .secnewslist li:nth-child(1) .newspicbox { width: 45%; float: left; overflow: hidden;}
    .secnewslist li:nth-child(1) .newspicbox img { width: 100%; height: 325px;}
    .secnewslist li:nth-child(1) .newsinfoboxtitbox {float: right;padding: 30px; width: 55%; box-sizing: border-box;}
    .secnewslist li:nth-child(1) .newsinfoboxtitbox h1 {font-weight: normal; font-size: 24px; text-align: left;color: #0085da;padding: 16px 0;}
    .secnewslist li:nth-child(1) .newsinfoboxtitbox p {font-size: 18px;line-height: 30px; margin-top: 25px; text-align: left;color: #666;height: 90px; overflow: hidden;}
    .secnewslist li:nth-child(1) .newslink { display: block;height: 40px; width: 120px; border: 1px solid #f1f1f1; text-align: center;line-height: 40px;font-size: 15px;margin-top: 50px;}
    .secnewslist li:hover .newsinfoboxtitbox h1 {color: #fff;}
    .secnewslist li:hover .newsinfoboxtitbox p {color: rgba(255, 255, 255, .7)}
    .secnewslist li:hover .newslink {border: 1px solid rgba(255, 255, 255, .5);color: #fff;}
    .secnewslist li:hover h1 {border-bottom: 1px solid rgba(255, 255, 255, .4);color: #fff;}
    .secnewslist li:hover h1 span { color: rgba(255, 255, 255, .5);}
    .secnewslist li:hover p {color: rgba(255, 255, 255, .7)}
    .secnewslist li { width: 47%;height: 190px;position: relative;margin: 1%; display: inline-block;overflow: hidden;padding: 35px 25px; box-sizing: border-box;box-shadow: 0 0 10px rgba(0, 0, 0, .1);transition: all .6s;}
    .secnewslist li h1 {font-weight: normal; font-size: 22px; text-align: left;color: #0085da;line-height: 30px;border-bottom: none;padding: 10px;}
    .secnewslist li h1 span { float: right;line-height: 30px;font-size: 12px;color: #999;}
    .secnewslist li p {font-size: 18px;line-height: 24px; margin-top: 16px; text-align: left;color: #666;height: 48px;overflow: hidden;}
    /*新闻详情*/
    .secnewsconbg { background: #f1f1f1;}
    .secnewscon { width: 96%; margin: 0 auto 80px auto;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, .1);transition: all .6s;padding: 35px; box-sizing: border-box; background: #fff; text-align: left;}
    .secnewscon h4 {font-size: 24px; text-align: center;line-height: 24px;padding: 25px;font-weight: normal;}
    .secnewscon h5 {font-size: 14px; text-align: center;line-height: 24px;font-weight: normal;color: #999;margin-bottom: 30px;}
    .secnewscon img { width: 94%; max-width: 94%; border-radius: 4px;margin: 20px auto; display: block;}
    /*图片内页*/
    .article_list {padding: 20px 0px; text-align: center;}
    .article_list:before, .article_list:after {content: "";display: table;}
    .article_list:after {clear: both;}
    .article_list li { text-align: left;width: 30%; display: inline-block;margin: 1%;}
    .article_list li a {text-decoration: none;}
    .article_list li .pic {width: 100%;height: 200px;overflow: hidden;position: relative;}
    .article_list li .pic .date {width: 91px;height: 27px;background: url(../images/n_date.png) no-repeat;position: absolute;right: 10px;bottom: 10px;z-index: 9;color: #FFF;font-size: 12px;line-height: 27px;text-align: center;text-indent: 6px;}
    .article_list li .pic img {width: 100%;height: 200px;transform: scale(1, 1);-webkit-transform: scale(1, 1);-o-transform: scale(1, 1);transition: all 1.2s;-webkit-transition: all 1.2s;-o-transition: all 1.2s;}
    .article_list li .tit {padding: 16px; background: #fefefe;}
    .article_list li h3 {font-size: 16px;padding-bottom: 10px;}
    .article_list li span {font-size: 12px;display: block;font-family: Arial, Helvetica, sans-serif;}
    .article_list li span em {border-bottom: 1px solid #FFF;display: block;width: 0;height: 1px;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
    .pagenum { width: 100%; padding: 30px; text-align: center; font-size: 14px; }
    .pagenum span, .pagenum a {padding: 0 30px; height: 40px; line-height: 40px; display: inline-block; border-radius: 2px; transition: all .5s;}
    .pagenum span, .pagenum a:hover { background: #358edc;color: #fff;}
    /*联系我们*/
    .concactul { overflow: hidden;font-size: 18px;position: relative;z-index: 2; width: 90%;margin: 0 auto;}
    .concactul li { width: 100%; border: 1px solid #dedede; float: none;height: auto; box-sizing: border-box;padding: 50px 0;line-height: 45px; text-align: center; background: #fff; cursor: pointer;}
    .concactul li i {padding-right: 20px;}
    .mapcon {position: relative;z-index: 1;margin-top: -100px; width: 100%;background: #dedede;height: 420px;padding-bottom: 80px;}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .fleft { float: none;}
    .fright { float: none;}
    body {font-size: 15px;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);font-family: "微軟正黑體", 'pnormal', '微软雅黑', 'sans-serif';line-height: 24px;}
    .width1280 { width: 94%; margin: 0 auto; overflow: hidden;}
    .width100 { width: 100%; margin: 0;z-index: 99; position: relative;}
    .index_title { overflow: hidden;margin-bottom: 10px; position: relative;padding-top: 25px;z-index: 99;}
    .index_title h2 {font-size: 24px;font-weight: 800; font-family: "微软雅黑";color: rgba(0, 0, 0, .02);position: absolute;left: 0; top: 0; text-transform: uppercase;}
    .index_title h1 {font-size: 20px;font-weight: normal;color: #333;line-height: 24px;}
    .index_title .titlelink {right: 0;top: 24px;font-size: 14px; color: #fff;height: 80px; line-height: 40px; display: block; position: absolute;z-index: 99;}
    .index_title .underline {height: 2px;width: 15px;background: #666;margin: 10px 0;}
    .index_title .titledetails {font-size: 14px;line-height: 22px;width: 100%;}
    .index_title2 { overflow: hidden;margin-bottom: 15px;}
    .index_title2 h2 {font-size: 14px;font-weight: normal;}
    .index_title2 h1 {font-size: 22px;font-weight: normal;color: #333;line-height: 30px;}
    .index_title2 .titleline {height: 2px;width: 15px;background: #666;margin: 10px 0;}
    .index_boxlink {height: 42px; font-size: 14px;width: 145px; line-height: 42px; display: block; border: 1px solid #dedede; text-align: center;color: #666;transition: all .5s;}
    .index_boxlink i { margin-right: 10px;font-size: 14px;font-weight: 100;}
    .index_boxlink:hover { background: #005baa;color: #fff;}
    .index_title_blue { overflow: hidden;margin-bottom: 15px; position: relative;padding-top: 25px;z-index: 99;}
    .index_title_blue h2 {font-size: 24px;font-weight: 800; font-family: "微软雅黑";color: rgba(255, 255, 255, .05);position: absolute;left: 0; top: 0; text-transform: uppercase;line-height: 56px;}
    .index_title_blue h1 {font-size: 22px;font-weight: normal;color: #fff;line-height: 30px;}
    .index_title_blue .titlelink_blue {float: right;font-size: 14px; color: #fff;height: 80px; line-height: 80px; display: block;}
    .index_title_blue .underline_blue {height: 2px;width: 15px;background: #fff;margin: 20px 0;}
    .index_title_blue .titledetails_blue {font-size: 14px;line-height: 24px;width: 100%;color: #fff;}
    .pad100 {padding: 30px 0;}
    .pad150 {padding: 30px 0 60px 0;}
    .bg1 {background: url(../images/bg1.jpg);background-attachment: fixed; position: relative; z-index: 49;}
    .bg2 { display: none;}
    .bg3 {background: url(../images/bg3.jpg) center center;background-attachment: scroll; position: relative; background-size: cover;}
    .bg1_1 {background: url(../images/bg2.jpg); position: relative; z-index: 49}
    .bg4 { display: none;}
    .bg5 {background: url(../images/bg5.jpg) no-repeat; background-size: cover; background-position: center center;padding: 30px 0;}
    .header {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;border-bottom: 1px solid rgba(255, 255, 255, .3);transition: .3s;}
    .header.act {background: rgba(0, 0, 0, .6);}
    .header-l {float: left;padding: 10px;}
    .header-l img {height: 36px;width: auto;}
    .header-r {float: right;}
    .hearder-tel { display: none;}
    .hearder-btn {float: left;width: 36px;border-left: 1px solid rgba(255, 255, 255, .3);padding: 20px 10px;}
    #headbtn {width: 22px;height: 22px;position: relative;display: block;left: 50%;transform: translateX(-50%)}
    #headbtn span {width: 100%;height: 2px;position: absolute;top: 0;left: 0;background: #fff;transition: .3s;border-radius: 2px;}
    #headbtn span:nth-child(2) {top: 50%;width: 70%}
    #headbtn span:nth-child(3) {top: 50%;width: 20%;left: auto;right: 0}
    #headbtn span:nth-child(4) {top: 100%;}
    #headbtn.act span:nth-child(1) {opacity: 0}
    #headbtn.act span:nth-child(2) {transform: rotate(-45deg);width: 100%;}
    #headbtn.act span:nth-child(3) {transform: rotate(45deg);width: 100%;}
    #headbtn.act span:nth-child(4) {opacity: 0}
    /*导航*/
    .navs {position: fixed;top: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, .7);z-index: 666;display: none}
    .navs ul {position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%)}
    .navs ul li {float: none;width: 100%;text-align: center;transform: translateX(200px);opacity: 0; border-bottom: 1px solid rgba(255, 255, 255, .2);}
    .navs ul li a {display: block;padding: 15px 0;}
    .navs ul li span {color: #fff;font-size: 16px; display: none;}
    .navs ul li p {color: #fff;font-size: 16px;font-family: "pnormal";padding-top: 0px;}
    .navs ul li i {font-size: 12px;color: #fff;font-family: "pnormal";padding-top: 0px;display: inline-block}
    .navs.act ul li {opacity: 1;transform: translateX(0);transition: .3s;transition-delay: 0.2s;transition-timing-function: cubic-bezier(0.680, 1.415, 0.495, 1.330)}
    .navs-line {position: absolute;top: 0;width: 100%;height: 100%;left: 0; display: none;}
    /*banner*/
    .banner {position: fixed;top: 0;width: 100%;}
    .swiper-banner {overflow: hidden;height: 340px;}
    .swiper-banner .swiper-slide {overflow: hidden}
    .swiper-banner .swiper-slide .banner-pic {width: 100%;height: 100%; background: url(../images/banner1.jpg) no-repeat center;background-size: cover;transition: 4s;}
    .swiper-banner .swiper-slide.ani-slide .banner-pic {transform: scale(1.1)}
    .banner-info {position: absolute;top: 50%;left: 30px;transform: translateY(-50%);transition: 3s;opacity: 0}
    .swiper-banner .swiper-slide.ani-slide .banner-info {left: 10px;opacity: 1}
    .banner-info img {height: auto; width: 88%;}
    .banner-r {display: none;}
    .contain {position: relative;z-index: 33;top: 300px;height: auto;margin-top: 0;background: #fff; overflow: hidden;}
    /*关于*/
    .about_index { width: 96%; margin: 0 auto; position: relative;padding-bottom: 350px;}
    .about_honor {width: 100%; float: none; position: absolute;background: url(../images/index_honor.jpg) top center; background-size: contain;height: auto; box-sizing: border-box;padding: 20px;top: 730px;}
    .about_honor .honor_box {font-size: 14px;line-height: 24px;width: 100%;margin-bottom: 20px;}
    .aboutright { float: none;margin-top: 0; position: relative;z-index: 9999;width: 100%;padding: 30px 20px; background: #fff;box-sizing: border-box;}
    .aboutdadi {width: 100%; box-sizing: border-box;padding: 35px 0 10px 0; position: relative; border: none;height: auto; overflow: hidden;}
    .aboutdadi h2 {font-size: 32px;font-weight: 800; font-family: "微软雅黑";color: rgba(51, 51, 51, .02);position: absolute;left: 0px; top: 0px; text-transform: uppercase;}
    .aboutdadi h1 {font-size: 20px;font-weight: 800;color: #333;line-height: 30px;margin-bottom: 10px;}
    .aboutdadi .about_box {font-size: 16px; line-height: 24px; font-weight: normal;}
    .aboutdadi .about_box .aboutlink {margin-top: 20px;height: 46px;width: 46px; border-radius: 46px; border: 1px solid #e2e2e2; text-align: center;line-height: 46px; display: block;transition: all .5s;}
    .aboutdadi .about_box .aboutlink:hover {background: #005baa;}
    .aboutdadi .about_box .aboutlink i {font-size: 18px;color: #797979;}
    .aboutdadi .about_box .aboutlink:hover i {color: #fff;}
    .aboutdadi .aboutendlink { width: 100%;height: 70px; line-height: 70px; border-top: 1px solid #dedede;font-size: 16px;margin-top: 20px;}
    .aboutdadi .aboutendlink i {float: right;line-height: 70px;font-size: 18px;font-weight: 100;}
    .aboutright .aboutrightpic {height: 270px; width: 100%; overflow: hidden; position: relative; cursor: pointer;}
    .aboutright .aboutrightpic img {transform: scale(1, 1);transition: all 1.2s;height: 270px; width: 100%;}
    .aboutright .aboutrightpic:hover img {transform: scale(1.1, 1.1);transition: all 1.2s;}
    .aboutright .aboutrightpic .aboutrightdarkbox {width: 100%;z-index: 34;height: 100%;position: absolute;left: 0;top: 0;transition: all 0.4s ease 0s;background: rgba(0, 0, 0, 0)}
    .aboutright .aboutrightpic:hover .aboutrightdarkbox {background: rgba(0, 0, 0, .4)}
    .aboutright .aboutrightpic .link {font-size: 14px;line-height: 56px; width: 100%;z-index: 35;text-align: center;position: absolute;left: 0;top: 50%;margin-top: -15px;color: #fff;opacity: 1;filter: alpha(opacity=1)}
    .aboutright .aboutrightpic .linklinet {display: inline-block;opacity: 1;filter: alpha(opacity=1);width: 100px; height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;transition: all 0.6s ease 0s;}
    .aboutright .aboutrightpic .linklineb {display: inline-block;bottom: 0;opacity: 1;filter: alpha(opacity=1);width: 100px;height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;transition: all 0.6s ease 0s;}
    /*产品展示*/
    .index_pro {display: none;}
    .heixinlistbox { display: none}
    /**首页核心产业**/
    .wrap_textbox {display: none}
    .index_pro2 { width: 94%;height: auto; position: relative;z-index: 51;margin: 0 auto 40px auto;display: block;}
    .indec_pro2_li {height: auto;position: relative;padding: 0; box-sizing: border-box; width: 100%;height: 240px;margin-bottom: 15px;}
    .indec_pro2_li .proinfo2 { text-align: center;background: #fff;height: auto; width: 100%;box-shadow: 0 0 10px rgba(0, 0, 0, .2); box-sizing: border-box;padding: 10px;position: absolute;left: 0;bottom: 0;}
    .indec_pro2_li .proinfo2 h1 {font-size: 16px;color: #333;margin-bottom: 0;line-height: 32px;}
    .indec_pro2_li .proinfo2 .proinfodetails2 { display: none;}
    .indec_pro2_li .proinfo2 .linkblue2 { display: none;}
    .wrap_txt {position: relative;width: 100%;box-sizing: border-box;padding: 20px;height: auto;background: #e1faff;left:auto;top:auto;bottom:auto;}
    .wrap_txt li .tit{font-size: 20px;margin-bottom: 10px;}
    .wrap_txt li .tit::after{display: none;}
    .wrap_txt li .wrap_desc{font-size: 14px;line-height: 25px;height:auto;margin-bottom: 0px;}
    .wrap_txt .index_boxlink {position: absolute;right: 20px;bottom: 20px;width: auto;height: 35px;line-height: 35px;padding:0 15px;}
    /*原料基地*/
    .material { box-shadow: 0 0 10px rgba(0, 0, 0, .1); width: 94%; margin: 10px auto;position: relative;z-index: 98;;}
    .material ul {overflow: hidden; background: #fcfcfc;}
    .material ul li {width: 100%; float: none;margin: 5px auto;box-sizing: border-box;height: 60px;padding: 20px 0 20px 80px; text-align: left; position: relative;margin-bottom: 15px;}
    .material ul li h2 {font-size: 16px;margin: 0;color: #333; }
    .material ul li .matericobox { text-align: left;position: absolute;width: 40px;height: 60px;left: -60px;}
    .material ul li .matericobox img {width: 40px;height: auto;}
    .material ul li .materinfo {font-size: 14px;color: #777;line-height: 18px;}
    .material ul li:hover {background: #fff; box-shadow: none;}
    .cols {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .col {width: 90%;box-sizing: border-box;height: auto;cursor: pointer;float: none;}
    .container {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;perspective: 1000px;}
    .front, .back {background-size: cover;background-position: center;-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
    .back { background: #0053a9; display: none;color: #fff;}
    .container .back {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-style: none;
        transform-style: none;
    }
    .container .front {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-style: none;
        transform-style: none;
    }
    .container:hover .back {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-style: none;
        transform-style: none;
    }
    .container:hover .front {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-style: none;
        transform-style: none;
    }
    /*企业文化*/
    .com_culture { overflow: hidden;margin-top: 65px; display: none}
    .com_culture_phone { overflow: hidden;margin-top: 65px;}
    .com_culturebox_phone {padding: 20px; text-align: center;position: relative;z-index: 1; background: url(../images/culbg.png) bottom center no-repeat; height: 260px; width: 48%; box-sizing: border-box;transition: all .6s; display: block; float: left;margin: 1%; overflow: hidden; }
    .com_culturebox_phone i { font-size: 18px;color: #666;margin-bottom: 15px;}
    .com_culturebox_phone h1 {font-size: 18px; font-weight: 800;line-height: 24px;}
    .com_culturebox_phone h2 {font-size: 14px;margin: 10px auto;}
    .com_culturebox_phone p {font-size: 14px;font-weight: 100;line-height: 18px; text-transform: uppercase;width: 100%; margin: 0 auto; overflow: hidden;height: 90px;}
    /*新闻展示*/
    .news_list {height: auto;padding-bottom: 0; overflow: hidden; text-align: center;}
    .news_list li {height: auto;width: 96%; border: 1px solid #f1f1f1; overflow: hidden; float: none;transition: 0.5s all; box-sizing: border-box; display: inline-block;margin: 10px auto;}
    .news_list li:nth-child(3n) {margin-right: 0;}
    .news_list li .info_pic {height: 165px; width: 100%; overflow: hidden;}
    .news_list li .info_pic img {height: 165px; width: 100%;}
    .news_list li .info_news {padding: 15px 15px 0 15px;height: auto; text-align: left;}
    .news_list li .info_news h2 {height: 30px;line-height: 30px;font-size: 16px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .news_list li .info_news .info_box { display: none;}
    .news_list li .info_news .info_link {width: 100%;height: 36px; line-height: 36px;overflow: hidden; border-top: 1px solid #dedede;color: #a7a7a7;font-size: 12px; text-align: right;text-transform: uppercase;}
    .news_list li .info_news .info_link span { float: left; display: block;}
    /*联系我们*/
    .contact_title {color: #fff; text-align: left; width: 94%;margin: 0 auto;}
    .contact_title h1 {font-size: 18px;}
    .contact_title h2 {font-size: 14px; font-weight: 100;margin: 10px 0;}
    .contact_title .contact_link {height: 48px;width: 150px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, .5); text-align: center;line-height: 48px;font-weight: 100; display: block;}
    .contact_list { overflow: hidden;margin: 0 auto 40px auto;width: 90%;}
    .contact_list li { display: inline;margin: 8px; text-align: center;}
    .contact_list li h2 {font-size: 20px; font-weight: 800;color: #008bfc;}
    .contact_list li h1 {font-size: 14px; font-weight: 100;color: #fff;}
    .contact_list li:nth-child(3) h2 {font-size: 16px; font-weight: 800;color: #008bfc;}
    /*联系我们*/
    .footer {width: 100%;background: #1c2d39;padding-top: 50px;border-top: 1px solid rgba(255, 255, 255, 0.18); position: relative;margin-top: 50px;}
    .dadibg {position: absolute;left: 0;top: -188px;width: 100%;background: url(../images/beijing.png) no-repeat center;background-size: cover;height: 187px;}
    .ftlogo {width: 50px;position: absolute;top: -25px;left: 50%;background: #1c2d39;}
    .endlink {width: 100%; text-align: center;}
    .endlink a {font-size: 14px;font-family: "微软雅黑";color: #ffffff;display: inline-block;padding: 5px 0; margin: 5px 15px;}
    .gotop { display: none;}
    .endcopy {text-align: center;padding: 10px 0;font-size: 14px;color: #fff;}
    .endcopy .enddesign {border-top: 1px solid rgba(255, 255, 255, .1);line-height: 30px;margin-top: 10px;}
    /*内页展示*//*内页展示*//*内页展示*//*内页展示*//*内页展示*//*内页展示*//*内页展示*/
    /*关于我们*/
    .sec_banner {height: 300px;position: relative;}
    .sec_banner_nav {height: 36px; line-height: 36px;background: rgba(0, 0, 0, .2);color: #fff; font-size: 12px;position: absolute;left: 0; bottom: 0; width: 100%;}
    .sec_aboutbg {height: auto; background: url(../images/about_bg.jpg); background-size: cover;}
    .about_left {width: 100%;font-size: 18px;font-weight: 800; float: none;}
    .about_left ul { width: 100%; text-align: center;margin-top: 20px;}
    .about_left ul li { width: 47%;float: none; display: inline-block;margin: 1%;overflow: hidden;}
    .about_left ul li:nth-child(even) {margin-right: 0;}
    .about_left ul li img {height: 96px; width: 100%;transform: scale(1, 1);transition: all 1.2s;}
    .about_right {float: none;width: 96%;margin: 0 auto; overflow: hidden;}
    .about_right p {margin-bottom: 20px; text-indent: 35px;}
    .conter_list {background: #fff;height: auto; overflow: hidden;position: relative;z-index: 5;box-sizing: border-box;padding: 10px 15px;margin-bottom: 15px;}
    .conter_list li {width: 49%;color: #333;float: left; overflow: hidden;border-right: 1px solid #ebebeb;height: 88px; text-align: center;}
    .conter_list li:nth-child(4), .conter_list li:nth-child(2) { border-right: none;}
    .conter_list .count { width: 100%; overflow: hidden;font-size: 18px;line-height: 30px;}
    .conter_list .count h2 { display: inline-block;font-size: 30px; font-weight: 800;line-height: 60px;color: #005baa;padding-right: 10px; font-family: "Impact"; font-weight: 100;}
    .conter_list span { display: block;font-size: 14px;line-height: 20px;}
    .secabout_honor {background: url(../images/honor_bg.jpg) top center; background-size: cover;}
    .about_honorlist {position: relative; display: none;}
    .pho_about_honorlist {position: relative; display: block;}
    .pho_about_honorlist li {height: auto;width: 100%; overflow: hidden; float: none;transition: 0.5s all; box-sizing: border-box;margin-bottom: 15px}
    .pho_about_honorlist li .pho_sec_honorpic {width: auto; height: auto; overflow: hidden;}
    .pho_about_honorlist li .pho_sec_honorpic img {width: auto; height: auto;border-radius: 4px;transform: scale(1, 1);transition: all 1.2s;}
    .pho_about_honorlist li .pho_sec_honor_title {height: 60px; box-sizing: border-box;padding: 10px; background: #fff;line-height: 30px; font-size: 16px; text-align: center;}
    .swiper-pagination_sechonor { z-index: 99999 !important;left: 0 !important;bottom: 420px !important; text-align: right}
    .swiper-pagination-bullet {height: 13px; width: 13px; background: #fff;}
    .picFocus { margin: 0 auto 20px auto; width: 100%; border: 1px solid #ccc; padding: 3px; position: relative; overflow: hidden; zoom: 1; box-sizing: border-box; }
    .picFocus .hd { width: 100%; overflow: hidden; }
    .picFocus .hd ul { margin-right: -5px; overflow: hidden; zoom: 1; }
    .picFocus .hd ul li { padding-top: 5px; float: left;text-align: center; width: 19%; margin-right: 1%;}
    .picFocus .hd ul li img { width: 100%; height: 60px; border: 1px solid #ddd; cursor: pointer; }
    .picFocus .hd ul li.on { background: url("../images/icoUp.gif") no-repeat center 0; }
    .picFocus .hd ul li.on img { border-color: #f60; }
    .picFocus .bd li { vertical-align: middle;position: relative;}
    .picFocus .bd li .picinfo { position: absolute;z-index: 2; background: rgba(0, 0, 0, .5); color: #fff; width: 100%;box-sizing: border-box;padding: 10px;line-height: 20px;bottom: 0; left: 0;font-size: 16px;}
    .picFocus .bd img { width: 100%; height: 220px; display: block; }
    .foulink {height: 46px; width: 126px; border-radius: 4px;border: 1px solid #999; text-align: center; display: block;margin: 0 auto 50px auto;font-size: 14px; color: #333; line-height: 46px; position: relative; z-index: 99999;}
    .foulink i {color: #666;padding-right: 8px;font-size: 12px;}
    .foulink_white {height: 46px; width: 126px; border-radius: 4px;border: 1px solid #fff; text-align: center; display: block;margin: 50px auto;font-size: 14px; color: #fff; line-height: 46px; position: relative; z-index: 99999;}
    .foulink_white i {color: #fff;padding-right: 8px;font-size: 12px;}
    a.foulink_white {color: #fff;}
    /*企业文化*/
    .secculture {background: url(../images/qywhbg.jpg) top center; background-size: cover;}
    /*.secculture{background: #009eea;}*/
    .qywh1 { overflow: hidden; line-height: 30px; font-size: 16px;padding: 10px 0;}
    .qywh1 .qywhpic1 { width: 100%; height: auto; border: 5px solid #fff; box-shadow: 0 0 6px rgba(0, 0, 0, .1);float: none; margin-left: 0;margin-right: 0;margin-bottom: 15px;}
    .qywh1 .qywhpic1 img {width: 460px; height: 260px;}
    .culturelist {position: relative;padding-bottom: 50px; display: none;}
    .cullist_phone {position: relative;padding-bottom: 20px; display: block;}
    .cullist_phone li {float: none;width: 100%;box-sizing: border-box;padding: 15px;font-size: 12px;color: #333;line-height: 18px;height: auto; text-align: center; margin-bottom: 15px;background: rgba(255,255,255,.8);}
    .cullist_phone li h1 {font-size: 18px;color: #333;text-align: center;padding-top: 0;}
    .cullist_phone li em {display: block;width: 2px;height: 20px;background: #d6b898;margin: 10px auto;}
    .cullist_phone li.acenter { text-align: center;}
    /*大事记start*/
    .dashiji{width: 95%;padding: 20px;}
    .event_box { width: 100%; margin: 0 auto 30px auto;position: relative;}
    .event_box .parHd {width: 100%; display: inline-block;height: 92px;}
    .parHd ul { width: 100%; text-align: center; margin: 50px auto 0 auto; border-top: 1px solid #f1f1f1;}
    .parHd .tempWrap { margin: 0 auto;}
    .parHd .tempWrap:after { content: '';width: 85%;height: 1px; display: block; background: #ddd;position: absolute; right: 8%;bottom: 50px;z-index: 10;}
    .parHd li.no_line:before { display: none;}
    .parHd li { display: inline-block; cursor: pointer;position: relative; padding: 0;}
    .parHd li p {padding: 15px 0;font-size: 14px;}
    .parHd li:after { content: ''; background: url(../images/ico_circle1.png) no-repeat; width: 20px; height: 20px; position: absolute; z-index: 20;top: -10px; left: 50%; margin-left: -10px;}
    .parHd li.act:after {content: ''; background: url(../images/ico_circle.png) no-repeat; width: 20px; height: 20px; position: absolute; z-index: 20;top: -10px; left: 50%; margin-left: -10px;}
    .parBd { text-align: center;height: auto;margin-bottom: 20px;}
    .parBd h4 { position: relative; font-size: 28px; margin-bottom: 3%; /*width: 200px;*/ padding: 0 60px; display: inline-block; text-align: center;}
    .parBd h4:after { content: ''; background: #000; width: 100px; height: 1px; position: absolute; left: -100px; bottom: 12px;}
    .parBd h4:before { content: ''; background: #000; width: 100px; height: 1px; position: absolute; right: -100px; bottom: 12px;}
    .parBd p { line-height: 180%; font-size: 16px; width: 80%; margin: 0 auto;}
    div#listBox {width: 100%;}
    .sPrev, .sNext { width: 96px; height: 48px; display: block; position: absolute; top: -80%;z-index: 88;;}
    .sPrev { left: 0;}
    .sNext { right: 0;}
    .history {width: 90%; margin: 0 auto;position: relative; height: auto;}
    .history .historypic {height: auto; width: 100%; position: relative;z-index: 2;right: 0;top: 0; border-radius: 4px; overflow: hidden;}
    .history .historypic img {height: auto; width: 100%; transform: scale(1, 1);transition: all 1.2s;}
    .history .historyinfo {width: 100%; height: auto;background: url(../images/history_bg.png);position: relative;z-index: 3;left: 0; bottom: 0;top: 0;box-sizing: border-box;padding: 15px;color: #fff;font-size: 16px; text-align: center;border-radius: 4px; overflow: hidden;}
    .history .historyinfo h2 {font-size: 18px; font-weight: 800;margin-bottom: 8px;}
    .dashiji li{font-size: 14px;line-height: 1.75;padding-bottom: 5px;}
    .dashiji li span{display: block;width: 100%;font-weight: bold;font-size: 16px;}

    /*原料基地*/
    .secylbox {background: url(../images/ylbj.jpg) top center; background-size: cover;}
    .yuanliaoinfo {position: relative;padding-bottom: 50px;}
    .yuanliaoinfo li {float: left;width: 25%;transition: 0.5s all; box-sizing: border-box;color: #fff;line-height: 24px; padding: 30px 0;text-align: center;}
    .yuanliaoinfo li h1 {font-size: 50px;line-height: 50px; font-weight: 800;color: #fff;}
    .yuanliaoinfo li em {display: block;width: 25px;height: 1px;background: rgba(255, 255, 255, 1);margin: 40px auto;}
    .yuanliaoinfo li h2 { font-size: 24px; font-weight: 800;}
    .yltitle {font-size: 30px;color: #333;line-height: 60px; text-align: center;}
    .ylconbox { overflow: hidden;text-align: center;padding: 15px 0;margin: 20px auto 80px auto;}
    .ylconbox li { display: inline-block;height: auto; width: 96%; border: 1px solid #ededed; text-align: center; transition: all .6s;box-sizing: border-box;padding: 20px;margin: 10px auto}
    .ylconbox li i { font-size: 18px;color: #999; font-weight: 100;margin-bottom: 10px;}
    .ylconbox li h1 {font-size: 20px;color: #333;line-height: 30px;}
    .ylconbox li h2 {font-size: 14px;font-weight: 100;color: #999;margin-top: 10px;}
    /*产品中心*/
    .sec_title { overflow: hidden; position: relative;padding-top: 25px;z-index: 99;}
    .sec_title h2 {font-size: 30px;font-weight: 800; font-family: "微软雅黑";color: rgba(0, 0, 0, .02);position: absolute; width: 100%;left: 0; top: 0; text-transform: uppercase; text-align: center;line-height: 56px;}
    .sec_title h1 {font-size: 20px;font-weight: normal;color: #333;line-height: 40px;text-align: center;}
    .sec_title .underline {height: 2px;width: 15px;background: #666;margin: 10px auto;}
    .secsubnav {width: 100%;height: auto;line-height: 30px;text-align: center;margin-bottom: 18px;}
    .secsubnav li {font-size: 18px;padding: 0 20px;position: relative; cursor: pointer; display: inline-block;}
    .secsubnav li:after {width: 1px;height: 20px;position: absolute;right: 0;top: 50%;margin-top: -10px;background: rgba(0, 0, 0, 0.2);content: "";}
    .secsubnav li:last-child:after {display: none;}
    .secsubnav li:hover {background: #005baa; color: #fff; border-radius: 4px;}
    .productlist {text-align: center;padding-bottom: 80px;}
    .productlist li:nth-child(1) {width: 100%; overflow: hidden;height: auto !important;margin: 0 auto 15px auto;background: #fff; }
    .productlist li:nth-child(1) .productpicbox { width: 100%; float: none;}
    .productlist li:nth-child(1) .productpictitbox {float: none;padding: 15px; width: 100%; box-sizing: border-box;}
    .productlist li:nth-child(1) .productpictitbox h1 {font-weight: normal; font-size: 18px; text-align: center;color: #0085da;padding: 10px; border-bottom: 1px solid #f1f1f1;}
    .productlist li:nth-child(1) .productpictitbox p {font-size: 14px;line-height: 22px; margin-top: 10px; text-align: left;color: #666;height: auto;}
    .productlist li img {width: 100%; height: auto; transform: scale(1, 1);transition: all 1.2s;}
    .productlist li { width: 100%;height: auto;position: relative;margin: 2% 0; display: inline-block;overflow: hidden;background: #fff; }
    .productlist li .propicbox { position: relative;width: 100%;height: auto; bottom: 0;left: 0; box-sizing: border-box;background: none;padding: 10px; overflow: hidden;}
    .productlist li .propicbox h1 {font-weight: normal; font-size: 18px; text-align: center;color: #0085da;line-height: 22px;border-bottom: 1px solid #f1f1f1;padding: 10px;}
    .productlist li .propicbox p {font-size: 14px;line-height: 24px; margin-top: 10px; text-align: left;color: #666;}
    /*新闻中心*/
    .secnewslist {text-align: center;padding-bottom: 80px;}
    .secnewslist li img {width: 100%; height: auto; transform: scale(1, 1);transition: all 1.2s;}
    .secnewslist li:nth-child(1) {width: 96%; overflow: hidden;height: auto !important;margin: 0 auto !important; background: #f9f9f9; border: 1px solid #f1f1f1;padding: 0;}
    .secnewslist li:nth-child(1) .newspicbox { width: 100%; float: none; overflow: hidden;}
    .secnewslist li:nth-child(1) .newspicbox img { width: 100%; height: auto;}
    .secnewslist li:nth-child(1) .newsinfoboxtitbox {float: none;padding: 15px; width: 100%; box-sizing: border-box;}
    .secnewslist li:nth-child(1) .newsinfoboxtitbox h1 {font-weight: normal; font-size: 18px; text-align: left;color: #0085da;padding: 10px 0;}
    .secnewslist li:nth-child(1) .newsinfoboxtitbox p {font-size: 14px;line-height: 22px; margin-top: 10px; text-align: left;color: #666;height: auto; overflow: hidden;}
    .secnewslist li:nth-child(1) .newslink { display: block;height: 30px; width: 80px; border: 1px solid #f1f1f1; text-align: center;line-height: 30px;font-size: 12px;margin-top: 20px;}
    .secnewslist li { width: 96%;height: auto;position: relative;margin: 2%; display: inline-block;overflow: hidden;padding: 15px; box-sizing: border-box;box-shadow: 0 0 10px rgba(0, 0, 0, .1);transition: all .6s;}
    .secnewslist li h1 {font-weight: normal; font-size: 18px; text-align: left;color: #0085da;line-height: 26px;border-bottom: none;padding: 6px;}
    .secnewslist li h1 span { float: right;line-height: 22px;font-size: 12px;color: #999;}
    .secnewslist li p {font-size: 12px;line-height: 22px; margin-top: 16px; text-align: left;color: #666;height: auto;overflow: hidden;}
    /*新闻详情*/
    .secnewsconbg { background: #f1f1f1;}
    .secnewscon { width: 96%; margin: 0 auto 80px auto;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, .1);transition: all .6s;padding: 15px; box-sizing: border-box; background: #fff; text-align: left;}
    .secnewscon h4 {font-size: 18px; text-align: center;line-height: 24px;padding: 10px;font-weight: normal;}
    .secnewscon h5 {font-size: 12px; text-align: center;line-height: 24px;font-weight: normal;color: #999;margin-bottom: 15px;}
    .secnewscon img { width: 94%; max-width: 94%; border-radius: 4px;margin: 10px auto; display: block;}
    /*图片内页*/
    .article_list {padding: 20px 0px; text-align: center;}
    .article_list:before, .article_list:after {content: "";display: table;}
    .article_list:after {clear: both;}
    .article_list li { text-align: left;width: 98%; display: inline-block;margin: 1%;}
    .article_list li a {text-decoration: none;}
    .article_list li .pic {width: 100%;height: auto;overflow: hidden;position: relative;}
    .article_list li .pic .date {width: 91px;height: 27px;background: url(../images/n_date.png) no-repeat;position: absolute;right: 10px;bottom: 10px;z-index: 9;color: #FFF;font-size: 12px;line-height: 27px;text-align: center;text-indent: 6px;}
    .article_list li .pic img {width: 100%;height: auto;transform: scale(1, 1);-webkit-transform: scale(1, 1);-o-transform: scale(1, 1);transition: all 1.2s;-webkit-transition: all 1.2s;-o-transition: all 1.2s;}
    .article_list li .tit {padding: 16px; background: #fefefe;}
    .article_list li h3 {font-size: 16px;padding-bottom: 10px;}
    .article_list li span {font-size: 12px;display: block;font-family: Arial, Helvetica, sans-serif;}
    .article_list li span em {border-bottom: 1px solid #FFF;display: block;width: 0;height: 1px;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
    .pagenum { width: 100%; padding: 30px; box-sizing: border-box; text-align: center; font-size: 14px;margin-bottom: 50px;}
    .pagenum span, .pagenum a {padding: 0 15px; height: 30px; line-height: 30px; display: inline-block; border-radius: 2px; transition: all .5s;}
    /*联系我们*/
    .concactul { overflow: hidden;font-size: 18px;position: relative;z-index: 2; width: 96%;margin: 0 auto;}
    .concactul li { width: 100%; border: 1px solid #dedede; float: none;height: auto; box-sizing: border-box;padding: 15px 10px;line-height: 40px; text-align: center; background: #fff; cursor: pointer; }
    .concactul li i {padding-right: 10px;padding-left: 0;}
    .mapcon {position: relative;z-index: 1;margin-top: -40px; width: 100%;background: #dedede;height: 360px;padding-bottom: 80px;}
}