﻿@charset "utf-8";
/* CSS Document */
.banner {width: 100%;height: 600px;min-width: 1200px;}
.banner .swiper-slide{background-position: center;background-size: cover;position: relative;}
.banner .swiper-slide a{display: block;height: 600px;}

.swiper-button-next, .swiper-button-prev{width: 50px;height: 50px;margin-top: -25px;}
.banner .left{right: 5%;background: url(../images/pic39.png) no-repeat right;outline: medium;}
.banner .right{left: 5%;background: url(../images/pic38.png) no-repeat left;outline: medium;height: 50px;}
.swiper-pagination-bullet{width: 10px;height: 10px;outline: medium;border: 2px solid #FFF;background: none;opacity: 1;}
.swiper-pagination-white .swiper-pagination-bullet-active{background: #fe0000;border: 2px solid #fe0000;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}


/*搜索*/
.seabox { height: 75px; background: #fff; }
.seabox .k_word { font-size: 14px; line-height: 75px; }
.seabox .k_word strong { font-weight: bold; color: #333; padding-left: 33px; background: url(../images/keyword.jpg) no-repeat left 4px; }
.seabox .k_word a { color: #6B6B6B; display: inline-block; margin-right: 18px; font-weight: normal; }
.seabox .k_word a:hover { font-weight: bold; }
.seabox .sea_inp { width: 260px; margin-top: 20px; height: 36px; border: 1px solid #BFBFBF; background: #fff; border-radius: 18px; }
.seabox .sea_inp input { display: block; outline: none; line-height: 33px; }
.seabox .sea_inp .search { float: left; width: 190px; height: 36px; padding-left: 20px; border: none; color: #999; border-radius: 18px; }
.seabox .sea_inp .sub { float: right; width: 50px; height: 36px; background: url(../images/search.jpg) no-repeat center; border: none; }

/*关于我们*/
.about { background: #F2F6F8; height: 445px; }
.about h3{ position: relative; text-align: center; font-size: 32px; letter-spacing: 2px; font-family:'华文行楷'; color: #000;}
.about h3:after { position: absolute; content: ""; width: 34px; height: 3px; background: #DB1111; left: 50%; margin-left: -17px; bottom: -10px; }
.about dl { padding-top: 45px; overflow: hidden; }
.about dl dd { float: left; width: 630px; text-align: left; padding-top: 10px; }
.about dl dd p { font-size: 15px; line-height: 30px; color: #6B6B6B; margin: 20px 0; }
.about dl dd a.ask { width: 165px; height: 42px; box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.05); box-sizing: border-box; display: block; font-size: 16px; color: 555; line-height: 42px; margin: 0 auto; transition: .4s ease; background: #fff; text-align: center;}
.about dl dd a.ask:hover { width: 200px; }
.about dl dt { width: 520px; float: right; }
.about dl dt img { width: 500px;  border: 10px solid #fff; }

/*包装袋定制*/
.dyip{width: 100%; padding:20px 0; background: #fff; overflow: hidden;}
.dyip h2{line-height: 30px;font-size: 26px; color: #444; font-weight: bold; padding:15px 0; text-align: center;}
.dyip .p_navs{margin: 10px auto; width:100%;overflow: hidden}
.dyip .p_navs a{float: left; display: inline-block; background: #255192; width: 16.5%; margin-right: 1px;line-height: 52px; text-align: center; color: #fff; font-size: 15px;}
.dyip .p_navs a:hover{background: #DE0001;}
.dyip .p_navs a:last-child{margin-right: 0;}
.dyip .pro_boxs{padding:15px 0 0; width:100%;overflow: hidden}
.dyip .pro_boxs ul{margin-left: -2%;}
.dyip .pro_boxs ul li{float: left; width: 23%;  margin-left: 2%; margin-bottom:1%; }
.dyip .pro_boxs ul li img{width: 100%;}
.dyip .pro_boxs ul li p{padding: 12px 0; font-size: 14px; text-align: center;background-color: #fff;}


/**/
.ys { background: url(../images/ys_bg.jpg) no-repeat center top; height: 1200px; }
.ys h2 { padding-top: 35px; margin-bottom: 52px; }
.ys h2 a { font-size: 32px; text-align: center; display: block;padding: 15px 0 34px; background: url(../images/t_bg.png) no-repeat center bottom; }
.ys dl { margin-bottom: 65px; width: 542px; }
.ys dd h4 { font-size: 36px; color: #252525; line-height: 100%; font-weight: normal; padding-right: 24px; display: inline-block; float: left; }
.ys dd h4 img { display: inline-block; vertical-align: bottom; margin-left: 12px; }
.ys dd h4 span { display: block; font-size: 18px; }
.ys dd p { display: inline-block; font-size: 14px; line-height: 24px; color: #484848; padding-left: 20px; position: relative; width: 348px; margin-top: 32px; float: left; margin-bottom: 30px; }
.ys dd p:before { position: absolute; content: ""; width: 1px; height: 39px; background: #A4A4A4; left: 0; top: 4px; }
.ys dt { clear: both; position: relative; line-height: 0; }
.ys dt:before { position: absolute; content: ""; width: 0; height: 0; border-width: 14px; border-style: solid; border-color: transparent transparent #E7E7E7 transparent; top: -28px; left: 37px; }
.ys2 dt, .ys4 dt { margin-bottom: 23px; }
.ys2 dt { padding-top: 28px; }
.ys2 dd p { margin-bottom: 2px; }
.ys2 dt:before { border-color: #5b5d5c transparent transparent transparent; top: 331px; }
.ys4 dt:before { top: 304px; border-color: #5b5d5c transparent transparent transparent; }


/*新闻资讯*/
.index06{margin: 0 auto; background: #fff; padding:2% 0;  height:auto; overflow:hidden;}
.index06 h2{ font-size:28px; text-align:center;}
.index06 dl{ width:100%; overflow:hidden; padding-top:30px;}
.index06 dl dt{ width:45%; height:auto; overflow:hidden; float:left; position:relative;}
.index06 dl dt img{max-width: 100%; display:block;}
.index06 dl dt h3{ line-height:50px; overflow:hidden;  font-size:17px; color:#fff; position: absolute;left:0; bottom:0; background-color:rgb(0,0,0,.75); width: 100%; text-indent: 12px; }
.index06 dl dt span{ display:block; position:absolute; left:0; top:0; background:#DE0001; width:82px; height:90px; font-family:Arial; color:#fff; text-align:center; font-size:12px;}
.index06 dl dt span strong,.index06 dl dd span strong{ font-size:35px; display:block; padding-top:18px; line-height:100%;}
.index06 dl dd{ float:right; width:50%; height:85px; padding-bottom:12px; border-bottom:1px #ccc solid; margin-bottom:18px; overflow:hidden;}
.index06 dl dd span{ display:block; width:85px; height:85px; overflow:hidden; float:left; background:#999; color:#fff; font-size:12px; text-align:center; font-family:Arial;}
.index06 dl dd h3,.index06 dl dd p{ width:calc(100% - 105px); float:right;}
.index06 dl dd p{ line-height:24px; font-size: 12px; color:#777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index06 dl dd h3{ line-height:30px; height:30px; overflow:hidden; font-size:15px; color:#333; font-weight: bold;}
.index06 dl dd:last-child{ border-bottom:none; padding-bottom: 0;}


/*内页代码*/
.ny_about{width: 100%; background: #fff;}
.banner_pic img{width: 100%;}

/*当前位置*/
.p12-curmbs-1{font-size: 14px;border-bottom: 1px dashed #dcdcdc;}
.p12-curblock{display: none;}
.p12-curmbs-1 b{border-left: 10px solid #df0001;font-weight: normal;padding-left: 8px;}
.p12-curmbs-1 i{font-style: normal;}
.p12-curmbs-1 span{padding: 0 5px;height: 46px;line-height: 46px;} 

/*二级导航*/
.fdh-02{height: 55px;background: #f4f4f4;margin: 20px auto;overflow: hidden;}
.fdh-02 li{width: 16.666%;height: 55px;font-size: 16px;line-height: 55px;text-align: center;float: left;border-right: 1px solid #eee;margin-right: -1px;background: #f4f4f4;cursor: pointer;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.fdh-02 li a{display: block;height: 55px;color: #444;}
.fdh-02 li.sidenavcur, .fdh-02 li:hover{background: url(../images/p16-icon6.png) no-repeat bottom center #df0001;border-color: #df0001;}
.fdh-02 li.sidenavcur a, .fdh-02 li:hover a{color: #fff;}


.main-about{padding:0 0 10px;background-color:#fff;}
.main-about .profile{margin:25px 0;overflow:hidden;}
.main-about .profile .text{width:100%;line-height:32px;text-align:justify; font-size: 15px;}


.Ulimg{overflow: hidden;}
.Ulimg ul{ margin-left:-2%;}
.Ulimg li{ float:left; width:23%; margin-left:2%; text-align:center; line-height:30px; margin-bottom:15px;}
.Ulimg li img{ max-width:98%; border:1px solid #e0e0e0;}
.Ulimg li span{display:block; line-height:25px; font-size:14px; padding: 6px 0;}

/*新闻*/
.news_list{width: 100%; overflow: hidden;}
.news_list ul{overflow:hidden;}
.news_list ul li{width:100%; height:100px; padding-bottom: 12px; margin-bottom: 12px;  border-bottom:1px solid #D8D8D8;  }
.news_list ul li h3{font-size:15px;  color:#333; font-weight: bold;  line-height:35px; padding-bottom: 5px; }
.news_list ul li h3 span{float: right; font-size: 13px; font-weight: normal;}
.news_list ul li p{font-size:14px;color:#666;line-height:28px;display: -webkit-box; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }

.newShow{ padding:10px 0 20px; overflow: hidden;}
.newShow .name{ text-align:center; font-size:20px; color:#222; font-weight:bold; padding-bottom:15px;}
.newShow .time{ text-align:center; font-size:14px; color:#666; border-bottom:1px dashed #ccc; padding-bottom:12px;}
.newShow .time em{ padding:0 15px;}
.newShow .contss{ padding:15px 0 20px 0; font-size:14px; line-height:28px;border-bottom:1px #ccc solid; color: #555;}
.newShow .contss img {max-width:100%;margin:10px auto;text-align:center;display:table-cell;clear:both;overflow:hidden;}


.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px; }
.fanhui a{ position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0; text-align:center;background:#ac1e23;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}


.PreveNext {margin:0px auto;width:100%;height:auto;padding-top:10px;padding-bottom:10px;clear:both;height: 70px;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left;}

/*产品*/
.products{width:100%;overflow: hidden; padding-top: 20px;}
.products ul{margin-left: -2%;}
.products li{float: left;width: 23%;margin-left: 2%;margin-bottom:15px;text-align: center;transition: all 0.3s;}
.products li img:hover{border:1px solid #df0001;}
.products li img{display:block;width:98%; padding:2px;border:1px solid #e2e2e2;background:#fff;}
.products li span{display:block; line-height: 25px;font-size: 15px; padding: 8px 0; margin: 0;}
.products li a:hover{text-decoration: none;}


.product_details{width:100%; margin:0 auto;  overflow: hidden;}
.product_details .details_pic{float: left; width:48%;}
.product_details .details_pic img{height: auto;}


.cpxq_l{width:100%; }
.cpxq_l .cpxq_l_t{ background:#fff;  border:1px solid #e2e2e2;}
.cpxq_l .cpxq_l_b{width:92%; overflow:hidden; margin-top:10px; padding:0 4%; height: 76px; position:relative;}
.cpxq_l .cpxq_l_b a.prev,.cpxq_l_b a.next{display:block;width:12px;height:21px; margin-top:-12px; position:absolute; z-index: 11; top:50%;left:0;background:url(../images/anu.png) no-repeat;
overflow:hidden;cursor:pointer;transition:all 0s linear;}
.cpxq_l .cpxq_l_b a.prev:hover{background-position:0 -21px;}
.cpxq_l .cpxq_l_b a.next{left:auto;right:0;background-position:0 -42px;}
.cpxq_l .cpxq_l_b a.next:hover{background-position:0 -63px;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj{position: relative; z-index: 1; width:100%; height: 100%; overflow:hidden;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul{width:100%; font-size:0px; white-space:nowrap; position:absolute; z-index:10;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul li{display:inline-block;  width:16.66%; cursor:pointer;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul li img{max-width:90%; border:1px solid #e2e2e2;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul li a{display:block; opacity:1; }
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul li img:hover{ opacity:1;  border:1px solid #dd4a3c;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul li img.tb-selected { opacity:1;  border:1px solid #dd4a3c;}
dl.op{width:100%; font-size:0px; white-space:nowrap; opacity:0;}
dl.op dd{display:inline-block;  width:25%; cursor:pointer;}
dl.op dd img{width:100%;}
dl.op dd a{display:block;}

.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; }
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden; display:none;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


.product_details .details_top{float: right; width:48%;}
.product_details .details_top h5{font-size:24px;color:#333;margin-bottom:20px;padding-bottom:20px;position:relative;}
.product_details .details_top h5:before{position:absolute;content:"";width:30px;height:2px;background:#dd4a3c;left:0;bottom:0;}
.product_details .details_top .pwxx{font-size:14px;color:#666;line-height:32px;margin:0;}
.product_details .details_top .mores{ margin:28px 0 0; } 
.product_details .details_top .mores a{color:#fff; float:left; width: 105px; margin:0 6px; height: 38px; line-height:38px;  font-size: 15px;
background:#dd4a3c; text-align: center; color:#fff;border-radius: 5px;}


.product_details .details_box{float: right; width:48%; margin-top:12px; padding-bottom: 12px; overflow: hidden;}
.product_details .details_box .tits{ line-height: 42px;border-bottom: 1px solid #e5e5e5;}
.details_box .tits span{width:120px;border: 1px solid #e5e5e5;border-top: 2px solid #dd4a3c; border-bottom: none;background: #eee; display: block;font-size: 17px;font-weight: bold;text-align: center; }
.product_details .details_box .details_text{font-size:14px; line-height:30px; color: #555; padding-top: 15px;}
.product_details .details_box .details_text>div{padding: 20px 10px; border-bottom: 1px solid #ebebeb;}
.product_details .details_box .details_text srtong{color: #dd4a3c; font-weight: bold;}

.product_details .details_box .details_text table{border-left: 1px solid #000;border-top:1px solid #000; width: 100%; }
.product_details .details_box .details_text table tr td{border-right: 1px solid #000;border-bottom:1px solid #000; padding: 6px; line-height: 24px; text-align:center;}
.product_details .details_box .details_text table tr td img{ margin: 0 auto; display: block;}
.product_details .details_box .details_text table tr:first-child{background: #c4d5ef;}

.recTitle{padding-left:20px; height:45px;line-height:45px;background:#eee;font-size:16px;font-weight:bold;color:#000;}

/* related product */
.relatedProduct{overflow:hidden;margin-top:20px;}
.relatedProduct ul{padding-top:15px;margin-right:-2%;}
.relatedProduct li{width:23%;height:auto;float:left;margin-right:2%;margin-bottom:5px;}
.relatedProduct li img{border:1px solid #d9d9d9;padding:2px;width:96%;}
.relatedProduct li img:hover{border-color:#db231b}
.relatedProduct li span{width:100%;height:35px;line-height:35px; font-size:14px; text-align:center; display:block;}

/*feedback*/
.content_box{margin-top:0;}
.content_box .messages_box{width:auto;padding:0 0 10px 0;}
.content_box .messages_box ul{width:100%;}
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #e92a3a;border:none;}