body { background:#fff; font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;  font-size: 1rem; line-height: 2rem;color: #555;}
img{border:none; max-width: 100%;}
a{color:#555;  text-decoration:none;}
a:hover{color:#f00;  text-decoration:none;}
li,ul{list-style-type:none;}
ul{ margin: 0;padding: 0;}
.fl{ float: left;}
.fr{ float: right;}
/*--- header ---*/
.header{padding-top: 124px;background: url(../images/bg.jpg) repeat-x; overflow:visible; position:relative;}
.top{ width: 100%; position: absolute; top:0; top:0; z-index:998;  }
.logo{ float: left;}
.nav{ float: left; padding-left: 85px; line-height: 124px; font-size: 16px; color: #bebebe; overflow: hidden;}
.nav a{ font-size: 16px; color: #373737;}
.nav a:hover{ color: #c30711; font-weight: 700;}
.tel{ float: right; padding-top: 50px;}
.maxWidth1200{ max-width: 1400px;margin: 0 auto;}
.searchBox{display: block; width: 5%; text-align: center; height: 124px; padding-top: 50px;cursor: pointer; position: absolute; right:0; top:0; background: #b90711; overflow: hidden; z-index:999;}
.sliderSS_Box { display: none; background:#b90711; padding: 40px 0; box-shadow: 0 0 5px rgba(113, 111, 111, .8); }
.sliderSS_Box .maxWidth1200 { position: relative; }
.sliderSS_Box form { display: block; width: 475px; margin: 0 auto; border: 1px solid #fff; border-radius: 50px; }
.sliderSS_Box form input { background: transparent; width: 400px; border: none; height: 64px; line-height: 64px; float: left; text-indent: 25px; color: #eee; font-size: 16px; }
.sliderSS_Box form input::placeholder { font-size: 16px; color: #fff; }
.sliderSS_Box form button { width: 64px; height: 64px; background: transparent url(../images/gogo.png) no-repeat center center; border: none; float: right; }
.sliderSS_Box .maxWidth1200 .Close { width: 64px; height: 64px; background: url(../images/close.png) no-repeat center center; position: absolute; right: 0; top: 50%; margin-top: -32px; cursor: pointer; }
@media only screen and (max-width:1200px) {
	.sliderSS_Box form button { width: 35px; height: 35px; background-size: cover; }
	.sliderSS_Box form input { height: 35px; line-height: 35px; }
	.sliderSS_Box .maxWidth1200 .Close { width: 35px; height: 35px; margin-top: -17px; background-size: cover; }
}
@media only screen and (max-width:750px) {
	.sliderSS_Box { padding: 20px 0; }
	.sliderSS_Box form input { width: calc(100% - 45px); width: -webkit-calc(100% - 45px); width: -o-calc(100% - 45px); width: -moz-calc(100% - 45px); width: -ms-calc(100% - 45px); }
	.sliderSS_Box .maxWidth1200 .Close { display: none; }
.header .Nav .oneLi .downSelect02 .Ul02 .twoLi .Ul03 ul{background:transparent;box-shadow:0 0 0 transparent;}
}
@media only screen and (max-width:680px) {
	.sliderSS_Box form { width: 100%; }
}

.wap-top{ height: 35px; background: #000; line-height: 35px; text-indent: 15px; color: #fff; overflow: hidden;}
.war-hh{ padding: 5px 5px 0; overflow: hidden;}
.wap-logo{ width: 40%; float: left;}
.warp-right{ width: 58%; float: right; padding-top: 25px;}
.w-tel{ margin-bottom: 15px;}
.s-serch{ border: 1px solid #dedede; height: 45px; overflow: hidden;}
.search-text{ width: 80%; float: left; text-indent: 10px; border: none; height: 43px; line-height: 43px; text-indent: 10px;}
.search-btn{ width: 10%; float: right; height: 45px; background: url(../images/go1.jpg) no-repeat center center; border: none;}
.wap-nav{ width: 100%; height: 80px; margin-top: 5px; background: #000; overflow: hidden;}
.wap-nav ul{ height: 40px; border-bottom: 1px solid #fff;}
.wap-nav li{ width: 25%; float: left; text-align: center; height: 40px; line-height: 40px;}
.cc{ border-right: 1px solid #fff;}
.wap-nav li a{ color: #fff;  font-size: 14px;}
.wap-nav li a:hover{ color: #f00;}
/*--- banner ---*/
.com_banner{background: url(../images/n-banner.jpg) no-repeat top center; background-size:auto 100%; background-attachment: fixed;}
.com_bant{ font-size: 30px; color: #fff;}
.com_banft{ font-size: 16px; color: #fff; margin-top: 10px;}
.com_banmt{ margin-top: 25px; overflow: hidden;}
.com_banmt a{ float: left; width: 38px; height: 38px; line-height: 32px; text-align: center; border-radius: 50%; border: solid 1px #000; }
.com_banmt a img{
        animation:scroll 1s ease infinite;
    }

    @keyframes scroll {
        0% { 
            transform: translate(0,-10px); 
            opacity: 0;
        }
        100% { 
            transform: translate(0,5px); 
            opacity: 1;
        }
    }

#pmenu{ border-bottom: solid 1px #DFDFDF; }
.pmenu{ overflow: hidden; }
.pmenu .swiper-slide{ text-align: center; width: auto; margin: 0px 30px 0px 0px; }
.pmenu a{ position: relative; height: 50px; line-height: 50px; width: 100%; float: left; font-size: 15px;}
.pmenu a i{ width: 0px; height: 3px; background: #af0808; transition: all 0.3s; position: absolute; bottom: -1px; left: 0px;}
.pmenu a:hover i{ width: 100%; }
.pmenu a.on i{ width: 100%; }
.pmenu a.on{ color:#af0808;}
.pmenu a:hover{ color:#af0808;}
.pagebm{ height: 30px; overflow: hidden; clear: both; }
#wrap{ overflow: hidden; margin-top: 25px; margin-bottom: 30px;}
@media (min-width:992px) {
    .com_banner{ padding: 45px 0px 60px 0px; }
    .pmenu .swiper-slide{ margin: 0px 50px 0px 0px; }
}
@media (min-width:1200px) {
    .com_banner{ padding: 70px 0px 90px 0px; }
    .com_bant{ font-size: 40px; }
    .com_banft{ font-size: 18px; margin-top: 15px; }
    .com_banmt{  margin-top: 35px; }
    .pmenu .swiper-slide{ margin: 0px 60px 0px 0px; }
    .pmenu a{ height: 60px; line-height: 60px; font-size: 16px; }
    .pagebm{ height: 50px; }
    #wrap{ margin-top:50px; margin-bottom: 60px;}
    .com_banmt a{ width: 45px; height: 45px; line-height: 40px; }
}
@media (min-width:1601px) {
    .com_banner{ padding: 100px 0px 60px 0px; background-size:auto auto;}
    .com_bant{ font-size: 60px; }
    .com_banft{ font-size: 24px; margin-top: 15px; }
    .com_banmt{ margin-top: 70px; }
    .pmenu .swiper-slide{ margin: 0px 80px 0px 0px; }
    .pmenu a{ height: 70px; line-height: 70px; font-size: 17px;}
    .pagebm{ height: 80px; }
    #wrap{ margin-top:70px; margin-bottom: 80px;}
    #com_banner3{ background-size:auto auto;  }
    #com_banner8{ background-size:auto auto;  }
    #com_banner7{ background-size:auto auto;  }
    #com_banner9{ background-size:auto auto;  }
    #com_banner4{ background-size:auto auto;  }
    #com_banner5{ background-size:auto auto;  }
    #com_banner6{ background-size:auto auto;  }
    .com_banmt a{ width: 60px; height: 60px; line-height: 55px; }
}
/*--- about ---*/
.ne-line{ width: 100%; background: url(../images/ne-line.jpg) no-repeat top center; overflow: hidden;}
.line{ height: 69px; border-bottom: 1px solid #dedede; overflow: hidden;}
.ccatname{ width: 100%; float: left;}
.ccatname .home{ width: 13%; float: left; height: 69px; border-right: 1px solid #dedede; background: url(../images/home.png) no-repeat center center; overflow: hidden;}
.ccatname .txt{ width: 85%; float: right; text-indent: 30px; line-height: 69px; font-size: 16px;}
.scys{ padding: 64px 0; overflow: hidden;}
.numCount{ width: 90%; margin: 0 auto; overflow: hidden;}
.numCount li{ width: 50%; margin-bottom: 25px; float: left; text-align: center; overflow: hidden;}
.numU{ color: #ba0711; font-size: 60px; line-height: 60px; font-weight: 700;}
@media (max-width: 1200px){
    .numU{ font-size: 60px;}
}
@media (max-width: 992px){
    .numU{ font-size: 50px;}
}
@media (max-width: 768px){
    .numU{ font-size: 40px;}
}




.unitC{ font-size: 12px;}
.indc{ font-size: 16px;}
.l-n-list{ width: 50%; float: right; line-height: 69px;}
.l-n-list li{ width: 25%; float: left; text-align: center; line-height: 69px;}
.l-n-list li a{ display: block; width: 80%; margin: 0 auto; height: 69px;}
.l-n-list li a:hover{ background: #ba0711; color: #fff;}
.cimg{ background: url(../images/c-img.jpg) no-repeat top center; text-align: center; height: 254px; overflow: hidden;}
.cimg .title{padding: 20px 0;  font-size: 20px; line-height: 1.5;}
.cimg .content{ width: 90%; margin: 0 auto; font-size: 16px; margin-bottom: 15px; line-height: 1.5;}
.cimg .link{ width: 26px; height: 26px; margin: 0 auto; text-align: center; background: #ba0711; line-height: 26px; border-radius: 26px;}
.cimg .link a{ color: #fff;}
.cimg .link a:hover{ color: #ff0; transition: all 0.3s;}
.s-gs{ background: url(../images/n-bg.jpg); padding-top: 95px; overflow: hidden;}
.about{ padding-bottom: 20px; overflow: hidden;}
.about .txt{ margin-bottom: 10px;}
.ccimg{padding-bottom: 30px; overflow: hidden;}
.cctxt{ line-height: 33px; font-size: 16px; color: #333;}
.cclink{ width: 200px; margin-top: 35px; height: 36px; border: 1px solid #c93535; line-height: 36px; overflow: hidden;}
.cclink a{ display: block; width: 100%; height: 36px;  text-align: center; color: #c93535;}
.cclink a:hover{ background: #c93535; color: #fff; text-indent: 35px; transition: all 0.3s;}
.about .img{ text-align: center; padding-top: 10px; margin-bottom: 10px;}
.about .img img{ max-width: 95%;}

.s-honor{ background: url(../images/m-honor.jpg) no-repeat top center; overflow: hidden; padding: 23px 0 50px 0;}
.s-honor .hd{ text-align: center; color: #170000; font-size: 20px; line-height: 1.5; margin-bottom: 35px;}
.s-honor .hd span{ color: #fb1c1d; font-size: 18px; line-height: 25px;}
.s-honor .bd{ padding: 10px; background: #fff; overflow: hidden;}
.honor-img{padding-bottom: 15px; overflow: hidden;}
.honor-img .h-l{ width: 100%; margin-bottom: 15px;}
.honor-img .h-r{ width: 100%; font-size: 16px; line-height: 1.5 }

#honorpic{ overflow: hidden; }
#honorpic li{ margin-top: 10px; outline: none;}
#honorpic a{ outline: none; width: 100%; float: left; border: solid 1px #dedede; text-align: center;}
#honorpic a .pics_01{ overflow: hidden; position: relative; margin: 10px;}
#honorpic a .pics_01 img{ width: 100%; transition: all 0.3s;}
#honorpic a .pics_02{ height: 36px; line-height: 36px; overflow: hidden;  }
#honorpic li a:hover .pics_01 img{ transform: scale(1.05); }
#honorpic li a:hover .pics_02{ background:#ba0711; color: #fff;  }

.s-six{ background: url(../images/m-six.jpg) no-repeat top center; padding: 30px 0; }
.s-six .hd{ text-align: center; background: url(../images/m-six-bg.png) no-repeat center center; overflow: hidden;}

/* 必要布局样式css */
.trade-content {padding: 30px 0;}
.trade-title {font-size: 24px;color: #333;text-align: center;margin: 50px 0;position: relative;}
.trade-title:before {content: ""; position: absolute;width: 0;height: 0; bottom: -19px; left: 50%; transform: translateX(-50%);border: 6px solid;border-color: #20B09F transparent transparent;}
.trade-title:after {content: "";position: absolute;width: 52px;height: 3px;background-color: #20B09F;bottom: -8px;left: 50%;transform: translateX(-50%);}
.trade-black { height: 450px;background-color: #30383e;}
.trade-box { width: 100%; position: relative;transition: all .3s ease;}
.trade-box-list {display: flex;flex-direction: row;justify-content: center;align-items: center;}
.trade-box-item {flex: 1;text-align: center;position: relative;height: 450px;background: no-repeat center;background-size: 100% auto;}
.trade-content .trade-box-item:before {content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0; background-color: rgba(0,0,0,.6);transition: all .4s cubic-bezier(.4, 0, .2, 1);}
.trade-box-item a {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.trade-box-item a:hover .item-title{ display: none;}
a, button, input, textarea {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;}
.item-logo { margin: 0 auto;display: block;}
.trade-content .trade-box-item .item-logo {position: relative;margin-top: 70px;transition: all .4s cubic-bezier(.4, 0, .2, 1);}
.item-logo img {display: block;margin: 0 auto; max-width: 100%;}
.item-title {  font-size: 20px; writing-mode: tb-rl; letter-spacing:5px; margin: 0 auto;  font-weight: bold;   color: #fff;   padding: 40px 0 0 0;   position: relative;}

.item-text { position: relative; transition: all 1.4s cubic-bezier(.4, 0, .2, 1); opacity: 0; margin-top: 50px;}
.item-text p { width: 80%; margin: 0 auto; color: #fff; font-size: 14px; margin-bottom: 5px;}
.item-text .cc{ font-size: 16px;}
.trade-content .item01 {background-image: url(../images/six-1.jpg);}
.trade-content .item02 {background-image: url(../images/six-2.jpg);}
.trade-content .item03 {background-image: url(../images/six-3.jpg);}
.trade-content .item04 {background-image: url(../images/six-4.jpg);}
.trade-content .item05 {background-image: url(../images/six-5.jpg);}
.trade-content .item06 {background-image: url(../images/six-6.jpg);}
.trade-content .trade-box-item:hover .item-text { display: block;opacity: 1;margin-top: 0;}
.trade-content .trade-box-item:hover:before { background-color: rgba(172, 7, 16, .9);}
.trade-content .trade-box-item:hover .item-logo {margin-top: 80px;}
.trade-content .trade-box-item:hover .item-title:before { opacity: 0; margin-bottom: 0;}
/*--- sidebar ---*/ 
.s-p .hd{ text-align: center; background: #c61b24; font-size: 20px; color: #fff; font-weight: 700; padding: 15px 0; overflow: hidden;}
.s-p .bd{ border: 1px solid #dedede; padding: 25px 0; overflow: hidden;}
.s-p .bd ul{ width: 90%; margin: 0 auto;}
.s-p .bd ul li{ width: 100%; text-indent: 10px; margin-bottom: 5px; border-bottom: 1px dashed #cdcdcd;}
.s-p .bd ul li a{ display: block;  width: 100%; height: 45px; line-height: 45px;}
.s-p .bd ul li a:hover{background: #c61b24; color: #fff; opacity: 1;transition: 0.4s; text-indent: 25px;}
.s-p .bdd{ border: 2px solid #c61b24; padding: 25px 0; overflow: hidden;}
.s-p .bdd ul{ width: 90%; margin: 0 auto;}
.s-p .bdd ul .p1{ width: 100%; text-indent: 20px; margin-bottom: 5px; border-bottom: 1px dashed #cdcdcd;}
.s-p .bdd ul .p1 a{ display: block;  width: 100%; height: 45px; line-height: 45px;}
.s-p .bdd ul .p1 a:hover{background: #c61b24; color: #fff; opacity: 1;transition: 0.4s; text-indent: 25px;}
.s-p .bdd ul .p2{ width: 100%; text-indent: 30px; margin-bottom: 5px; border-bottom: 1px dashed #cdcdcd;}
.s-p .bdd ul .p2 a{ display: block;  width: 100%; height: 45px; line-height: 45px;}
.s-p .bdd ul .p2 a:hover{background: #c61b24; color: #fff; opacity: 1;transition: 0.4s; text-indent: 45px;}
.s-a .hd{ text-align: center; background: #c61b24; font-size: 20px; color: #fff; font-weight: 700; padding: 15px 0; overflow: hidden;}
.s-a .bd{ border: 2px solid #c61b24; padding: 25px 0; overflow: hidden;}
.s-a .bd ul{ width: 90%; margin: 0 auto; line-height: 35px;}
.s-a .bd ul span{ color: #c61b24; font-weight: 700;}
/*--- nav ---*/
.warp{ background: url(../images/n-bg.jpg); padding: 35px 0;}
.cline{ border-bottom: 1px solid #dedede; overflow: hidden;line-height: 45px;}
.cname{ width: 35%; float: left; font-size: 18px;  font-weight: 700; color: #c61b24;}
.catname{ width: 64%; float: right; text-align: right;}
.n-n{ width: 98%; margin: 0 auto; line-height: 2.6; padding-top: 15px;}
.ced-bd{ padding: 30px 0; overflow: hidden;}
.ced-bd ul{width: 90%; margin: 4px auto; padding: 5px; text-align: center; border: 1px solid #dedede;  overflow: hidden; line-height: 35px; color: #fff;}
.ced-bd ul .title{ font-size: 14px; }
.cd01{ background: #f1841b;}
.cd02{ background: #e91d4e;}
.cd03{ background: #018fd9;}
.cd04{ background: #019c50;}
.cd05{ background: #a92288;}
/*--- oem ---*/
.companyt{ padding-top: 35px;}
.company1t{ font-size: 30px; text-align: center;}
.company1ft{ text-align: center; }
.company1ft i{ width: 24px; height: 3px; background: #cc0000; display: inline-block; transition: all 0.3s;}
.companyt:hover .company1ft i{ width: 60px; }

.ome .bd li{ text-align: center; margin-bottom: 8px; overflow: hidden;}
.ome .bd li img{ width: 100%; border: 1px solid #dedede; height: 80px;}
.ome .bd li:hover img{ transform: scale(1.05); transition: all 0.3s;}
.ome .ed{ padding-top: 26px; text-align: center;}
.ome .ed img{max-width: 95%;}

.youshi{ width: 100%; margin: 0 auto; height: 307px; overflow: hidden; text-align: center; color: #fff;}
.y1{ background: url(../images/youshi1.png);background-size: 100% 307px;}
.y2{ background: url(../images/youshi2.png);background-size: 100% 307px;}
.y3{ background: url(../images/youshi3.png);background-size: 100% 307px;}
.y4{ background: url(../images/youshi4.png);background-size: 100% 307px;}
.y5{ background: url(../images/youshi5.png);background-size: 100% 307px;}
.youshi .hdd{ font-size: 38px; padding-top: 80px; font-weight: 700;}
.youshi .bdd{ width: 70%; margin: 0 auto; padding-top: 50px; font-size: 24px; line-height: 30px;}


.multipleColumn1{width: 100%; padding: 30px 0; overflow: hidden;}
.multipleColumn1 .bdd{overflow:hidden;  }
.multipleColumn1 .bdd ul{ width: 50%; float: left;}
.multipleColumn1 .bdd ul li{ text-align: center; margin-bottom: 8px; overflow: hidden;}
.multipleColumn1 .bdd ul li img{ width: 90%; border: 1px solid #dedede; height: 60px;}
.multipleColumn1 .bdd ul li:hover img{ transform: scale(1.05); transition: all 0.3s;}

.multipleColumn1 .hdd{ width: 85px; margin: 0 auto; height: 9px;}
.multipleColumn1 .hdd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.multipleColumn1 .hdd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/icoCircle.gif) 0 -9px no-repeat; }
.multipleColumn1 .hdd ul li.on{ background-position:0 0; }

/*--- footer ---*/
.footer{ background: url(../images/footer.jpg) no-repeat top center; height: 435px; overflow: hidden;}
.m-footer{ background: url(../images/m-footer.jpg) no-repeat top center; height: 435px; overflow: hidden;}
.ss-footer{ background: url(../images/ss-footer.jpg) no-repeat top center; height: 435px; overflow: hidden;}
.f-logo{text-align: center;}
.f-tt{ height: 127px; padding-top: 21px; border-bottom: 1px solid #70706d; overflow: hidden;}
.f-nav{ width: 90%;  line-height: 106px; float: left; color: #fff;}
.f-nav a{ color: #fff; font-size: 16px;}
.f-nav a:hover{ color: #f00;}
.weixin{ width: 5%; float: right; text-align: center; padding-top: 40px;}
.f-tb{ padding-top: 27px;}
.f-product{ width: 25%; padding-left: 20px; float: left;}
.f-product .hd{ color: #fff; font-size: 18px;}
.f-product .bd{ padding-top: 15px;  overflow: hidden;}
.f-product .bd li{line-height: 35px;}
.f-product .bd li a{ color: #fff;}
.f-product .bd li a:hover{ color: #f00;}
.f-nav1{ width: 15%; float: left; line-height: 35px;}
.f-nav1 li{ background: url(../images/f-icon.png) no-repeat left center; text-indent: 20px;}
.f-nav1 a{ color: #fff;}
.f-nav1 a:hover{ color: #f00;}
.f-txt{ width: 25%; float: left;}
.f-txt li{  text-indent: 23px; line-height: 35px; color: #fff;}
.ft1{ background: url(../images/f-tel.png) no-repeat left center;}
.ft2{ background: url(../images/f-email.png) no-repeat left center;}
.ft3{ background: url(../images/f-add.png) no-repeat left center;}
.f-txt a{ color: #fff;}
.f-txt a:hover{ color: #f00;}
.f-ewm{ width: 28%; float: right;}
.f-ewm li{ width: 50%; float: left; text-align: center; color: #fff;}
.f-ewm li img{max-width: 85%;}
.f-end{padding-top: 30px; text-align: center; color: #fff;}
.f-end a{ color: #fff;}
.f-end a:hover{color: #ff0; text-decoration: underline;}

.cf-txt{ padding-top: 51px; overflow: hidden;}
.cf-txt li{ width: 50%; float: left; text-align: center; color: #fff;}
.cf-txt li img{ max-width: 80%;}
.ff-nav{ padding: 20px 0; text-align: center; overflow: hidden;}
.ff-nav li{ width: 33.3%; float: left; text-align: center; line-height: 35px;}
.ff-nav a{ color: #fff;}
.ff-nav a:hover{color: #ff0; text-decoration: underline;}

.ff-end{padding: 10px; text-align: center; line-height: 30px; color: #fff;}
.ff-end a{ color: #fff;}
.ff-end a:hover{color: #ff0; text-decoration: underline;}


.c-name{ width: 95%; margin: 0 auto; padding: 15px 0; overflow: hidden;}
.c-name li{ width: 25%; float: left; height: 35px; margin-bottom: 5px; line-height: 35px; overflow: hidden;}
.c-name li a{ display: block; width: 90%; margin: 0 auto; height: 35px; text-align: center; background: #c10711; color: #fff;}
.c-name li a:hover{ background: #a92288; text-indent: 10px;transition: all 0.3s;}

.c-name1{ width: 95%; margin: 0 auto; padding: 15px 0; overflow: hidden;}
.c-name1 li{ width: 33.3%; float: left; height: 35px; margin-bottom: 5px; line-height: 35px; overflow: hidden;}
.c-name1 li a{ display: block; width: 90%; margin: 0 auto; height: 35px; text-align: center; background: #c10711; color: #fff;}
.c-name1 li a:hover{ background: #a92288; text-indent: 10px;transition: all 0.3s;}


#picULs{ overflow: hidden; }
#picULs li{ margin-top: 10px; outline: none;}
#picULs a{ outline: none; width: 100%; float: left; border: solid 1px #dedede; text-align: center;}
#picULs a .pics_01{ overflow: hidden; position: relative; margin: 10px;}
#picULs a .pics_01 img{ width: 100%; transition: all 0.3s;}
#picULs a .pics_02{ height: 36px; line-height: 36px; overflow: hidden;  }
#picULs li a:hover .pics_01 img{ transform: scale(1.05); }
#picULs li a:hover .pics_02{ background:#ba0711; color: #fff;  }

#indexPro{ width: 98%; height: 210px; margin: 0 auto;  padding: 15px 0; overflow: hidden;}
#indexPro ul{ width: 100%; overflow: hidden;}
#indexPro ul li{ width: 220px; float: left; height: 180px; text-align: center; line-height: 35px;}
#indexPro ul li img{ width: 200px; height: 150px;}

.p-top{padding-top: 15px; overflow: hidden;}
.p-img{ margin-bottom: 10px;}
.p-img img{ width: 100%; border: 1px solid #dedede;}
.p-txt {margin-bottom: 10px;}
.p-txt li{margin-bottom: 10px; color: #333; line-height: 2;}
.img-txt-title{ font-size: 20px; font-weight: bold;  width: 100%; overflow: hidden;}
.img-txt-title1{padding: 0 6px;  font-size: 14px;}
.img-txt-title1 span{ color: #2660ba;}

.ptt{ padding: 10px 0; overflow: hidden;}
.order-btn{ width: 100%; padding-top: 10px;}
.t10{ display: block; width: 150px; height: 35px; background: #d9241b; line-height: 35px; text-align: center; color: #fff;}
.t10:hover{ color: #ff0;}
.p-content{ width: 98%; margin: 15px auto; box-shadow: 1px 1px 5px 1px #cdcdcd; padding: 20px 10px; overflow: hidden; }
.p-content .hd{ font-size: 20px; font-weight: bold; margin: 0 0 10px; color: #333; line-height: 2;}

.tips{padding-bottom: 20px; text-align: center; font-size: 14px; font-weight: 700;}
.c-message-box{ width: 99%; margin: 0 auto; overflow: hidden;}
.c-message-box ul{  overflow: hidden;}
.c-message-box li{ margin-bottom: 10px; overflow: hidden;}
.mm1{ width: 80%; height: 35px; border: 1px solid #dedede; text-indent: 10px;}
.mm5{ width: 80%; height: 100px; border: 1px solid #dedede; text-indent: 10px;}
.mm4{ padding: 0 15px; overflow: hidden;}
.mm2{ width: 160px; height: 35px; border: 1px solid #dedede; text-indent: 5px;}
.mm3{ width: 80px; height: 35px;}
.mm6{ width: 150px; padding-left: 15px; overflow: hidden;}
.mm6 a{ display: block; width: 100%; height: 35px; line-height: 35px; border-radius: 5px; text-align: center; background: #b90711; color: #fff;}
.mm6 a:hover{ color: #ff0; text-align: center;}

.lyxt .txt{ padding-top: 35px; overflow: hidden;}
.lyxt .txt li{ height: 45px; margin-bottom: 5px; line-height: 45px; overflow: hidden;height: 45px; text-indent: 10px; background: #f2f3f8; color: #000;}
.lyxt .txt li:hover{background: #f00; color: #fff; text-indent: 20px;  transition: all 0.5s;}

/*--- news ---*/
.newslist_top{ overflow: hidden; padding-bottom: 25px; border-bottom: solid 1px #dedede;}
.newslist_top a{ width: 100%; float: left; margin-top: 15px; margin-bottom: 5px;}
.newslist_top_time{ height: 22px; line-height: 22px; font-size: 13px; overflow: hidden; color: #555; font-weight: bold;}
.newslist_top_img{ margin-top: 5px; overflow: hidden; text-align: center; border:solid 1px #f5f5f5; }
.newslist_top_img img{ width: 100%; transition: all 0.3s;}
.newslist_top_txt{ height: 34px; line-height: 34px; overflow: hidden; font-size: 15px; margin-top: 5px;}
.newslist_top_dc{ line-height: 21px; height: 42px; color: #555; font-size: 13px; overflow: hidden;}
.newslist_top_mm{ margin-top: 10px; transition: all 0.3s; height: 30px; line-height: 30px; background: url(../images/more1.png) no-repeat left center; padding-left: 40px; color: #555;}
.newslist_bm{ overflow: hidden; margin-top: 20px; }
.newslist_bm a{ width: 100%; float: left; margin-top: 25px;}
.newslist_bm_time{ color: #555; font-weight: bold;}
.newslist_bm_p1{ height: 32px; line-height: 32px; font-size: 15px; overflow: hidden;}
.newslist_bm_p2{ line-height: 21px; height: 42px; overflow: hidden; color: #555;  font-size: 13px; }
.newslist_bm_p3{ margin-top: 10px; transition: all 0.3s; height: 30px; line-height: 30px; background: url(../images/more1.png) no-repeat left center; padding-left: 40px; color: #555;}

@media (min-width:768px) {
    .newslist_top a{ width: 32%; float: left; margin: 10px 0px 0px 2%; }
    .newslist_top a:first-child{ margin: 10px 0px 0px 0px; }
}

@media (min-width:1200px) {
    .newslist_top_time{ font-size: 16px; height: 26px; line-height: 26px;}
    .newslist_top_txt{ height: 36px; line-height: 36px; font-size: 16px; }
    .newslist_top_dc{ line-height: 24px; height: 48px; margin-top: 3px; }
    .newslist_top_mm{ margin-top: 15px; }
    .newslist_bm{ margin-top: 35px;}
    .newslist_bm_time{ width: 10%; float: left; height: 34px; line-height: 34px;}
    .newslist_bm_c{ width: 90%; float: right; }
    .newslist_bm_p1{ height: 34px; line-height: 34px; font-size: 16px;}
    .newslist_bm_p2{ line-height: 23px; height: 46px; }
    .newslist_bm_p3{ margin-top: 15px; }
}

@media (min-width:1601px) {
    .newslist_top{ padding-bottom: 40px; }
    .newslist_top_time{ font-size: 20px; height: 36px; line-height: 36px;}
    .newslist_top_txt{ height: 42px; line-height: 42px; font-size: 18px; margin-top: 15px;}
    .newslist_top_dc{ line-height: 26px; height: 52px; margin-top: 5px; }
    .newslist_top_mm{ margin-top: 25px; }
    .newslist_bm a{ margin-top: 45px;}
    .newslist_bm_time{ width: 10%; float: left; height: 38px; line-height: 38px;}
    .newslist_bm_c{ width: 90%; float: right; }
    .newslist_bm_p1{ height: 38px; line-height: 38px; font-size: 18px;}
    .newslist_bm_p2{ line-height: 25px; height: 50px; }
    .newslist_bm_p3{ margin-top: 20px; }
}
.newslist_top a:hover .newslist_top_img img{ transform: scale(1.05); }
.newslist_top a:hover .newslist_top_mm{ background: url(../images/more1h.png) no-repeat left center; color: #cc0000;}
.newslist_bm a:hover{ transform: translateY(-5px); }
.newslist_bm a:hover  .newslist_bm_p3{ background: url(../images/more1h.png) no-repeat left center; color: #cc0000;}

.send-form{ width: 98%; margin: 0 auto;}
.order-line{ margin-bottom: 10px; overflow: hidden;}
.order-line lable{ width: 18%; float: left; text-indent: 10px;}
.order-line em{ color: #f00; margin-right: 5px;}
.go-sub{ width: 100px; height: 35px; background: #0012ff; border: none; text-align: center; margin-left: 15px; color: #fff; line-height: 35px;}
.go-sub:hover{ color: #ff0; text-decoration: underline;}



/*--- Universal ---*/
.news li{border-bottom: 2px dotted #eeeeee;padding: 30px 0;position: relative;}
.news li a{display: block;overflow: hidden;}
.news li:after{content: "";height: 2px;display: inline-block;width: 0;position: absolute;left: 0;top: 158px;background: #085da0;transition: all .3s;}
.news li:hover:after{width: 100%;transition: all .3s;}
.news li:hover .left h3{color: #085da0;padding-left: 28px;transition: all .3s;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news li:hover .right h4,.news li:hover .right p{font-style: italic;color: #9ea7ae;transition: all .3s;}
.news li .left{overflow: hidden;padding:0 20px;}
.news li .right{overflow: hidden;border-left: 2px solid #f1f1f1;}
.news li .left h3{font-size: 20px;color: #404646;margin-bottom: 10px;transition: all .3s;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news li .left p{font-size: 14px;line-height: 28px;color: #9ea7ae;}
.news li .right h4{font-size: 50px;color: #085da0; margin: 0;text-align: center;font-weight: 200;transition: all .3s;}
.news li .right p{font-size: 16px;color: #9ea7ae;margin: 0;margin-left: 60px;font-weight: 200;transition: all .3s;}
#newTitle{color:#333;font-size:24px;text-align:center; padding: 25px 0 5px 0; overflow: hidden;}
#newsContent{margin-bottom:16px;}
#newsInfo{ text-align: center; color: #999; font-size: 12px; margin-bottom:26px;}
#prev_next{ width: 95%; margin: 0 auto; padding: 35px 0 20px 0; overflow: hidden;}
#prev_next li{ width: 50%; float: left;}

.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{padding:1px; border:1px solid #dedede;}

.message-box ul{ margin-bottom: 10px; overflow: hidden;}
.tl{ float: left; width: 15%; text-align: center;}
.tr{float: left; width: 84%; padding-left: 1rem;}
.t1{ width: 95%; border: 1px solid #cdcddc; height: 3rem;}
.t2{ width: 95%; border: 1px solid #cdcddc; height: 10rem;}
.t3{ width: 80px; height: 2.9rem; border: 1px solid #cdcdcd;}
.t4{ width: 80px; height: 3rem; vertical-align: top}
.t5{width:74px;height:31px;line-height:31px;background:#4a5b6d;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;}
.t5 a{text-decoration:none;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;display:block;}
.t5 a:hover{background:#4a5b6d;border-radius:2px; text-decoration: underline;}

#dituContent{ width:100%; margin:0 auto; border:1px solid #dedede; height:500px; overflow:hidden;}
label{ max-width: none; }
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px;}
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #c30711; background: #c30711;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{display: none; font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{ display: none; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: none; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}





.cont{ width: 100%; padding: 15px 0; overflow: hidden;}
.cont .hd{ width: 100%; height: 58px; margin: 10px 0;  font-size: 22px;  font-weight: 700; color: #202739; overflow: hidden;}
.cont .md{ border: 1px solid #dedede; padding: 10px 20px;}
.cont .bd{ height: auto; padding: 10px; border-bottom: 1px solid #dedede; overflow: hidden;}
.cont .bd .img{ width: 30%; float: left; padding-top: 20px; text-align: center; }
.cont .bd .txt{ width: 69%; float: right; padding-top: 20px; }
.cont .bd .txt li{width: 100%;height: 31px;color: #555;line-height: 31px; background: #f1f1f1;margin-bottom: 3px;padding-left: 20px;transition: 0.4s all;}
.cont .bd .txt li a{ color: #898989; }
.cont .bd .txt li:hover{background: #f47b00; color: #fff; padding-left: 25px; }
.cont .bd .txt li:hover a{ color: #fff; }


/*小屏幕 (平板 大于等于768px)*/
@media (min-width:768px){ 
	body{ font-size: 12px; line-height: 20px;}
}

/*中等屏幕 (桌面显示器 大于等于992px)*/
@media (min-width:992px){ 
	body{ font-size: 14px; line-height: 22px;}
	.main .bd{ padding: 86px 0 145px 0; overflow: hidden;}
	.main .bd .txt .content{ line-height: 35px; padding-top: 75px;}
	.main .md ul{ width: 25%; margin: 0;}
	.crumbs .hd{ font-size:18px;}
    .com_bant{ color: #000;}
    .com_banft{ color: #000;}
    .ccatname{ width: 45%; float: left;}
    .numCount li{ width: 25%; margin-bottom: 0;}
    .cimg .title{padding: 67px 0 31px 0;  font-size: 30px;}
    .cimg .content{ font-size: 18px; margin-bottom: 15px;}
    .s-honor .hd{ text-align: center; color: #170000; font-size: 48px; line-height: 50px; margin-bottom: 35px;}
    .s-honor .hd span{ color: #fb1c1d; font-size: 16px;}
    .s-honor{padding: 93px 0 50px 0;}
    .s-honor .bd{ padding: 45px 60px; background: #fff; overflow: hidden;}
    .honor-img{padding-bottom: 33px; overflow: hidden;}
    .honor-img .h-l{ width: 30%; float: left; margin-bottom: 0;}
    .honor-img .h-r{ width: 68%; float: right;}
    .trade-black { height: 500px;}
    .trade-box-item {height: 500px;}
    .cname{ width: 40%; float: left; font-size: 24px;  font-weight: 700; color: #c61b24;}
    .catname{ width: 40%; float: right; text-align: right;}
    .s-six{  padding: 90px 0 110px 0; }
    .honor-img .h-r{ font-size: 14px; padding-top: 5px; }
    .de-page-mian .page-inner span{ display: block; }
    .de-page-mian .page-inner input{display: block; }
    .de-page-mian .page-inner a.page-btn{display: block; }
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
	body{ font-size: 14px; line-height: 24px;}
	.main .bd{ padding: 86px 0 145px 0; overflow: hidden;}
	.main .bd .txt .content{ line-height: 35px; padding-top: 75px;}
	.main .md ul{ width: 25%; margin: 0;}
	.crumbs .hd{ font-size:18px;}
    .com_bant{ color: #000;}
    .com_banft{ color: #000;}
    .ccatname{ width: 45%; float: left;}
    .numCount li{ width: 25%; margin-bottom: 0;}
    .cimg .title{padding: 67px 0 31px 0;  font-size: 30px;}
    .cimg .content{ font-size: 18px; margin-bottom: 15px;}
    .s-honor .hd{ text-align: center; color: #170000; font-size: 48px; line-height: 50px; margin-bottom: 35px;}
    .s-honor .hd span{ color: #fb1c1d; font-size: 16px;}
    .s-honor{padding: 93px 0 50px 0;}
    .s-honor .bd{ padding: 45px 60px; background: #fff; overflow: hidden;}
    .honor-img{padding-bottom: 33px; overflow: hidden;}
    .honor-img .h-l{ width: 30%; float: left; margin-bottom: 0;}
    .honor-img .h-r{ width: 68%; float: right;}
    .trade-black { height: 500px;}
    .trade-box-item {height: 500px;}
    .cname{ width: 40%; float: left; font-size: 24px;  font-weight: 700; color: #c61b24;}
    .catname{ width: 40%; float: right; text-align: right;}
    .s-six{  padding: 90px 0 110px 0; }
    .honor-img .h-r{ font-size: 14px; padding-top: 5px; }
    .de-page-mian .page-inner span{ display: block; }
    .de-page-mian .page-inner input{display: block; }
    .de-page-mian .page-inner a.page-btn{display: block; }
}