@charset "utf-8";
body { font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "宋体"; color: #000000; font-size: 16px; margin: 0; padding: 0;line-height:1.7}
a { text-decoration: none; color: #1a0dab }
a:hover { text-decoration: underline }
img { border: 0 }
.center { text-align: center }
.left { text-align: left }
ul { margin: 0; padding: 0; list-style-type: none }
ol { list-style-type: none }
.text ul li { margin-left: 2em; }
.linkhot { background-color: #F2F2F2; padding: 5px 15px 5px 15px; }
.clear { clear: both }
.red { color: #F00 }
.blue { color: #00F }
.nav { width: 100%; height: 35px; margin: 0 auto 0 auto; max-width: 1115px; clear: both; padding-top: 10px; }
.productlist .nav { width: 100%; margin: 0 auto 0 auto; max-width: 1340px; height: 35px; padding-top: 0; }
.nav ol { margin: 0; padding: 0 }
.nav ol li { float: left; font-size: 16px; line-height: 25px; padding: 0; margin: 0; }
.nav ol li a { font-size: 16px; }
.home_product_list .part .main>p { text-align: center; width: 100%; margin: 0 0 15px 0; padding: 0; }
.list .rightbox .citem h3 a { font-size: 16px; font-weight: bold; color: #1647d9;display: block;}
.list .rightbox .citem h3 a:hover { text-decoration: underline; }
@-webkit-keyframes fadeOutUp2 {
0% {
opacity:0;
-webkit-transform:translateY(0);
transform:translateY(0)
}
25% {
opacity:1;
-webkit-transform:translateY(-18px);
transform:translateY(-18px)
}
50% {
opacity:.8;
-webkit-transform:translateY(-36px);
transform:translateY(-36px)
}
75% {
opacity:1;
-webkit-transform:translateY(-54px);
transform:translateY(0)
}
100% {
opacity:.8;
-webkit-transform:translateY(-72px);
transform:translateY(-72px)
}
}
@keyframes fadeOutUp2 {
0% {
opacity:0;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
25% {
opacity:1;
-webkit-transform:translateY(-18px);
-ms-transform:translateY(-18px);
transform:translateY(-18px)
}
50% {
opacity:.8;
-webkit-transform:translateY(-36px);
-ms-transform:translateY(-36px);
transform:translateY(-36px)
}
75% {
opacity:1;
-webkit-transform:translateY(-54px);
-ms-transform:translateY(-54px);
transform:translateY(-54px)
}
100% {
opacity:.8;
-webkit-transform:translateY(-72px);
-ms-transform:translateY(-72px);
transform:translateY(-72px)
}
}
.pageNav { font-size: 12px; margin-top: 15px; padding-bottom: 4px; margin-left: 12px; margin-bottom: 25px; clear: both; text-align: center }
.pageNav span, .pageNav a { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px; background: #4f5355; border-top: solid 1px #d2d2d2; border-left: solid 1px #c3c3c3; border-right: solid 1px #c3c3c3; border-bottom: solid 1px #9f9f9f; background: #fff; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #fff)); background: -ms-linear-gradient(bottom, #dfdfdf, #fff); background: -moz-linear-gradient(center bottom, #dfdfdf 0, #fff 100%); background: -o-linear-gradient(#fff, #dfdfdf); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: bold; color: #646464; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255,255,255,0.5); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255,255,255,0.5); box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255,255,255,0.5); width: auto; text-decoration: none }
.pageNav span:last-child, .pageNav a:last-child { margin-right: 0 }
.pageNav a:hover { background: #f0f0f0; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d0d0d0), color-stop(1, #f0f0f0)); background: -ms-linear-gradient(bottom, #d0d0d0, #f0f0f0); background: -moz-linear-gradient(center bottom, #d0d0d0 0, #f0f0f0 100%); background: -o-linear-gradient(#f0f0f0, #d0d0d0); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d0d0d0', GradientType=0);
color: #606060 }
.pageNav .current { border-top: solid 1px #222; border-left: solid 1px #222; border-right: solid 1px #222; border-bottom: solid 1px #222; background: #1a0dab; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #505050), color-stop(1, #1a0dab)); background: -ms-linear-gradient(bottom, #505050, #1a0dab); background: -moz-linear-gradient(center bottom, #505050 0, #1a0dab 100%); background: -o-linear-gradient(#1a0dab, #505050); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a0dab333', endColorstr='#505050', GradientType=0);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0,0.5); color: #efefef }
@-webkit-keyframes flash {
0% {
opacity:0
}
25% {
opacity:0.25
}
50% {
opacity:0.5
}
100% {
opacity:1
}
}
@keyframes flash {
0% {
opacity:0
}
25% {
opacity:0.25
}
50% {
opacity:0.5
}
100% {
opacity:1
}
}
.flash { -webkit-animation-name: flash; -ms-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash }

@media(max-width:1440px) {
.rightFloors { position: fixed; right: 5px; width: 70px; top: 150px; z-index: 999; }
}

@media(min-width:1441px) {
.rightFloors { position: fixed; right: 5px; width: 80px; top: 150px; z-index: 999; }
}

@media(min-width:1600px) {
.rightFloors { position: fixed; right: 5px; width: 100px; top: 150px; z-index: 999; }
}
.home_news { margin: auto auto auto auto; padding: 10px 0 10px 0; width: 100%; }
.home_news h2 { font-size: 20px; font-weight: 500; margin: 0 0 15px 0; }
.home_news .news_list { width: 90%; background-color: #f7f7f7; line-height: 1.7; margin: auto auto 10px auto; padding: 10px 5% 10px 5%; }
.home_news .news_list a { font-size: 14px; font-weight: bold; color: #1647d9; }
.home_news .news_list a:hover { color: #152c8d; text-decoration: underline; }
.home_news .news_list span { color: #595959 }

@media(min-width:1024px) {
.menu li.m-menu-btn { display: none }
.main { width: 1340px; margin: auto }
h1 { font-size: 24px; font-weight: bold; margin: 10px 0 2px 0; text-align: center; color: #000000 }
h2 { font-size: 21px; font-weight: bold; margin: 0; text-align: center }
h3 { font-size: 18px; font-weight: bold; margin: 0; padding-top: 10px; }
.sitecity { min-height: 300px; width: 100%; border-top: 1px solid #999; }
.sitecity ul li { float: left; width: 100px; padding: 5px 15px 5px 15px; margin-right: 15px; }
.sitecity ul li a { width: 100%; height: 25px; display: block; }
.sitecity ul li a:hover { color: #00F }
.world { }
.world ul li { float: left; width: 20%; height: 35px; }
.m-menu { display: none }
.ctext1 { width: 100%; text-align: center; line-height: 1.6; margin-top: 15px; }
.main .home_title { font-size: 24px; padding: 40px 0 10px 0; text-align: center; color: #000; }
.main .home_subtitle { font-size: 22px; font-weight: 400; padding: 10px 0 15px 0; text-align: center; color: #1647d9; animation: flash 1s ease-in; -webkit-animation: flash 1s ease-in; }
.home_subtitle span { color: #F00; }
.home_product_list { height: auto; width: 100%; }
.home_product_list .main h2 { font-weight: normal; text-align: center; padding: 30px 0 15px 0; font-size: 22px; }
.home_product_list .main h3 { font-weight: normal; text-align: center; font-size: 16px; }
#scroll_1, #scroll_3, #scroll_5, #scroll_7, #scroll_9 { background-color: #f2f2f2; }
#scroll_2, #scroll_4, #scroll_6, #scroll_8, #scroll_10 { background-color: #ebeaea; }
.home_product_list .hzlist { text-align: center; min-height: 170px; margin: 15px 35px 15px 0; }
.home_product_list .hzlist img { width: 200px; height: auto; }
.home_product_list .list .bigImg { width: 243px; height: 600px; }
.home_product_list .list .rightbox { width: 1094px; height: 630px; padding-left: 3px; }
.home_product_list #scroll_4 .list .bigImg, .home_product_list #scroll_3 .list .bigImg, .home_product_list #scroll_6 .list .bigImg, .home_product_list #scroll_7 .list .bigImg, .home_product_list #scroll_8 .list .bigImg, .home_product_list #scroll_9 .list .bigImg, .home_product_list #scroll_10 .list .bigImg, .home_product_list #scroll_11 .list .bigImg { height: 305px; }
.list .bigImg img { width: 100%; height: auto; }
.home_product_list #scroll_4 .list .rightbox, .home_product_list #scroll_3 .list .rightbox, .home_product_list #scroll_6 .list .rightbox, .home_product_list #scroll_7 .list .rightbox, .home_product_list #scroll_8 .list .rightbox, .home_product_list #scroll_9 .list .rightbox, .home_product_list #scroll_10 .list .rightbox, .home_product_list #scroll_11 .list .rightbox { height: 305px; }
.home_product_list .list .rightbox .citem { width: 260px; height: 305px; margin-left: 13px; margin-bottom: 20px; background-color: #ffffff; }
.home_product_list .list .rightbox .citem:hover { box-shadow: 0px 0px 20px 9px rgba(210,210,210,0.75); }
.home_product_list .list .rightbox .citem p { padding: 0 15px; line-height: 1; color: #999; text-align: center; }
.home_product_list .list .rightbox .citem .goodsName { margin-top: 5px; margin-bottom: 8px; font-size: 16px; color: #222; line-height: 22px; height: 44px; }
.home_product_list .list .rightbox .citem .goodsPrice { margin-top: 6px; font-size: 20px; }
.home_product_list .adsImg { display: block; height: 120px; margin-top: 30px; }
.home_product_list .list .rightbox .citem .imgsBox { position: relative; width: 260px; height: 208px; margin: auto; }
.home_product_list .list .rightbox .citem .imgsBox img { display: block; width: 100%; height: 100%; }
.home_product_list .list .rightbox .ellipsisOne { width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.adSidesBox { }
.rightFloors .ellipsisOne { width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.rightFloors .floorsItem { position: relative; display: block; height: 30px; line-height: 30px; padding-left: 8px; color: #696969; }
.rightFloors .floorsItem.act { font-weight: bold; color: #1647d9; }
.rightFloors .floorsItem.act::before { content: ""; width: 2px; height: 12px; background: #696969; position: absolute; left: 0; top: 10px; }
.rightFloors .floorsItem::after { content: ""; width: 150px; height: 1px; background: #d5d5d5; position: absolute; left: 11px; bottom: 0; }
.rightFloors .floorsItem:last-child::after { width: 0; height: 0; }
#menu { margin: auto; padding: 0; background-color: #ffffff; width: 100%; height: 120px; position: fixed; top: 0; left: 0; z-index: 99999; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; }
.t_height { margin-top: 120px }
.menu li { float: left; font-size: 16px; position: relative }
.menu li.logo { width: 170px; text-align: center; }
.menu li.logo img { height: 70px; width: 134px; padding-top: 5px; }
.menu li p { margin: 0; padding: 0 }
.menu li .submenu a { display: block; line-height: 80px; height: 80px; width: auto; min-width: 80px; padding: 0 23px 0 23px; text-align: center; color: #1647d9; }
.menu li .submenu a span { font-size: 12px; color: #b2b2b2; position: absolute; left: 0; top: 24px; height: 60px; text-align: center; display: block; width: 100% }
.menu li .submenu a.now { display: block; line-height: 80px; height: 80px; width: auto; min-width: 80px; padding: 0 16px 0 16px; text-align: center; color: #fff; background-color: #1647d9; }
.menu li:hover .submenu a { color: #fff; display: block; background-color: #1647d9; animation: flash 0.5s ease-in 0s 1; -webkit-animation: flash 0.5s ease-in 0s 1; -moz-animation: flash 0.5s ease-in 0s 1; }
.menu li:hover .submenu a span { color: #e4e4e4; }
.menu li.no_sub:hover { background: #000 }
.menu li ul { width: 400px; position: absolute; z-index: 99999; display: none; left: 0px; top: 80px; background: rgba(255,255,255,0.9); padding-top: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 0px 0 rgba(255,255,255,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 0px 0 rgba(255,255,255,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 0px 0 rgba(255,255,255,0.5); }
.menu li:hover .submenu:after { content: ""; display: block; width: 0; height: 0; border-width: 0 6px 6px; border-style: solid; border-color: transparent transparent rgba(255,255,255,1); position: absolute; top: 74px; left: 0; right: 0; margin: auto; z-index: 999999; }
.menu li ul.m1 { width: 133px; position: absolute; z-index: 99999; display: none; left: 0; top: 80px; background: rgba(255,255,255,0.8); overflow: hidden; min-height: 40px }
.menu li:hover ul { top: 80px; display: block; z-index: 10000; position: absolute; animation: fadeIn 1s 1 }
.menu li:hover ul li { font-size: 16px; line-height: 40px; overflow: hidden; width: 400px; height: 40px; color: #000; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.menu li:hover ul.m1 li { font-size: 16px; line-height: 40px; overflow: hidden; width: 270px; height: 40px; }
.menu li:hover ul li a { color: #000000; text-decoration: none; text-indent: 20px; padding-right: 15px; height: 40px; display: block; background-image: url(../images/icon.png); background-size: 13px auto; -moz-background-size: 13px auto; -webkit-background-size: 13px auto; -o-background-size: 13px auto; background-position: 5px 15px; background-repeat: no-repeat; }
.menu li:hover ul.m1 li a { color: #000000; text-decoration: none; display: block; text-indent: 20px; height: 40px; }
.menu li:hover ul li a:hover { text-decoration: none; background-color: #1647d9; color: #fff; background-image: url(../images/icon.png); background-size: 13px auto; -moz-background-size: 13px auto; -webkit-background-size: 13px auto; -o-background-size: 13px auto; background-position: 5px -12px; background-repeat: no-repeat; }
.menu li:hover ul li:hover a { color: #fff }
.fast_menu { width: 100%; clear: both; height: 40px; margin: auto; border-bottom: 1px solid #e4e4e4; max-width: 1340px; }
.fast_menu ul { float: right }
.fast_menu li { float: left; font-size: 16px; position: relative }
.fast_menu li p { margin: 0; padding: 0 }
.fast_menu li .jcmenu a { display: block; line-height: 40px; height: 40px; width: auto; min-width: 60px; padding: 0 22px 0 22px; text-align: center; color: #404040; }
.fast_menu li .jcmenu a.now { display: block; line-height: 40px; height: 40px; width: auto; min-width: 60px; padding: 0 22px 0 22px; text-align: center; color: #1647d9; background-color: #ececec; }
.fast_menu li:hover .jcmenu a { color: #000000; display: block; background-color: #ececec; animation: flash 0.5s ease-in 0s 1; -webkit-animation: flash 0.5s ease-in 0s 1; -moz-animation: flash 0.5s ease-in 0s 1; }
.fast_menu li.no_sub:hover { background: #ececec }
.fast_menu li ul { width: 140px; position: absolute; z-index: 99999; display: none; left: -38px; top: 40px; background: rgba(255,255,255,1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 0px 0 rgba(255,255,255,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 0px 0 rgba(255,255,255,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 0px 0 rgba(255,255,255,0.5); }
.fast_menu li:hover ul { top: 40px; display: block; z-index: 10000; position: absolute; animation: fadeIn 1s 1 }
.fast_menu li:hover ul li { font-size: 16px; line-height: 40px; overflow: hidden; width: 140px; height: 40px; color: #000; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.fast_menu li:hover ul li a { color: #000000; text-decoration: none; text-indent: 20px; padding-right: 15px; height: 40px; display: block; background-image: url(../images/icon.png); background-size: 13px auto; -moz-background-size: 13px auto; -webkit-background-size: 13px auto; -o-background-size: 13px auto; background-position: 5px 15px; background-repeat: no-repeat; }
.fast_menu li:hover ul li a:hover { text-decoration: none; background-color: #152c8d; color: #fff; background-image: url(../images/icon.png); background-size: 13px auto; -moz-background-size: 13px auto; -webkit-background-size: 13px auto; -o-background-size: 13px auto; background-position: 5px -12px; background-repeat: no-repeat; }
.fast_menu li:hover ul li:hover a { color: #fff }
.two_title { color: #000000; font-size: 16px; text-align: left; padding: 0 10px 0 10px; }
.two_title p { padding: 4px 0 4px 0; margin: 0; line-height: 1.8; text-align: left; }
.production_process { padding: 10px 10px 20px 10px; border-top: 1px solid #eeeeee; margin-bottom: 15px; font-size: 16px; font-weight: 500; line-height:1.8}
.headertop { margin-top: 50px; width: 100%; height: 0; font-size: 0 }
.subTitle { text-align: center; font-size: 30px; line-height: 30px; padding-bottom: 20px; padding-top: 20px; font-weight: 500 }
.subpTitle { text-align: left; font-size: 20px; line-height: 30px; padding: 0 0 10px 0; margin-bottom: 10px; clear: both; }
.subpTitle h1 { font-weight: 600; font-size: 24px; border-bottom: 1px solid #eeeeee; padding-bottom: 10px; }
#ad { margin: auto; padding: 0; height: auto; width: 100%; min-width: 1200px; overflow: hidden }
#ad img { overflow: hidden; width: 1920px; height: 400px; position: relative; left: 50%; margin-left: -960px }
.vmain { min-height: 690px }
.main .productmenu { width: 100%; margin-bottom: 25px; margin-top: 15px; }
.main .productmenuabs { position: absolute }
.main .productlist { width: 1340px; padding: 15px 0 0 0; }
.main .pagecontent { float: right; width: 240px; position: fixed; top: 95px; margin-left: 1030px; z-index: 99994 }
.main .pagecontent ul li { background-color: #ccc }
.main .pagecontent ul li.kftext { text-align: center; line-height: 1.6; font-size: 16px; padding: 10px 10px 0 10px }
.main .pagecontent ul li.kftext img { width: 100%; margin-top: 8px }
.main .pagecontent ul li.kftext p { font-size: 16px; padding: 0 0 5px 0; margin: 0; background-color: #1a0dab; color: #FFF }
.main .pagecontent ul li.kfothertext { padding: 0 10px 10px 10px; line-height: 1.7; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px }
.main .pagecontent ul li.kfothertext p { font-size: 16px; margin: 0; padding: 3px 0 3px 0 }
.main .pagecontent ul li.kfothertext a { line-height: 30px; height: 30px }
ul.products li.title { background-color: #2d2d2d; color: #fff; border: 0; padding-left: 10px }
ul.products li { float: left; margin-left: 15px; margin-bottom: 10px; }
ul.products li:first-child { margin-left: 0; }
ul.products li a { color: #000000; text-decoration: none; display: block; height: 30px; line-height: 30px; background-color: #eeeeee; font-size: 16px; padding: 3px 25px 3px 25px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
ul.products li a:hover { color: #ffffff; text-decoration: none; display: block; height: 30px; line-height: 30px; background-color: #1647d9; }
ul.products li.sub { }
ul.products li.sub a { color: #ffffff; background-color: #152c8d; }
ul.products li.sub a:hover { color: #ffffff; background-color: #1647d9; }
ul.product_list { margin: 0; padding: 0; }
ul.product_list li { width: 23%; height: auto; margin-left: 2%; margin-bottom: 20px; float: left; text-align: center; }
ul.product_list li:nth-child(4n-3) { margin-left: 0px; clear: both; }
ul.product_list .plist:hover { opacity: .7; filter(alpha=70);
}
ul.product_list .plist { opacity: 1; filter(alpha=100);
}
ul.product_list .plist h2 { line-height: 25px; text-align: center; margin: 0; text-align: center; width: 315px; }
ul.product_list .plist h2 a { color: #1647d9; font-style: normal; font-size: 16px; font-weight: bold; }
ul.product_list .plist h2 a:hover { text-decoration: underline; color: #152c8d; font-style: normal; font-size: 16px; font-weight: bold; }
ul.product_list2 { margin-left: 10px }
ul.product_list2 li { float: left; width: 220px; height: 200px; text-align: center; margin-right: 18px }
ul.product_list2 li span { display: block; text-align: center; height: 24px; text-align: center; line-height: 24px; margin: 0; padding: 0 }
ul.product_list2 li span a { display: block; color: #000; font-size: 16px; line-height: 24px; height: 24px }
ul.product_list2 li span a:hover { color: #1a0dab }
ul.product_list2 .plist:hover { opacity: .7; filter(alpha=70)
}
ul.product_list2 .plist { opacity: 1; filter(alpha=100)
}
.product_list3 { position: relative; z-index: 99997; background-color: #FFF; width: 100%; padding-bottom: 20px }
.product_list3 ul li { float: left; width: 300px; height: 240px; text-align: center; margin: 30px 30px 0 0; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; overflow: hidden }
.product_list3 .plist:hover { opacity: .7; filter(alpha=70)
}
.product_list3 .plist { opacity: 1; filter(alpha=100)
}
.product_list3 .plist p { line-height: 40px; text-align: center; margin: 0; bottom: 0; left: 0; text-align: center; width: 300px; height: 40px; position: absolute; background-color: rgba(0,0,0,0.5) }
.product_list3 .plist p span { color: #fff; font-style: normal; font-size: 16px; font-weight: bold; letter-spacing: 1px }
.text { padding: 15px 0 15px 0; min-height: 50px; font-size: 16px; line-height: 1.6; max-width: 800px; margin: auto; }
.text a,.text_content a{color:#000}
.news_main { width: 100%; max-width: 1115px; margin: auto; }
.text_content { float: left; padding: 15px 0 15px 0; min-height: 50px; font-size: 18px; line-height: 1.6; max-width: 800px; width: 71.74%; margin: auto; }
.text_content h2 { text-align: left; }
.text_content h3 { padding-left: 10px; }
.text_content .product_list{margin-top:15px;}
.text_content .product_list h2 { text-align: center; padding-left: 0; }
.texta { padding: 15px 0 15px 0; font-size: 16px; line-height: 1.6; margin: auto; width: 80% }
.content { padding: 10px 0 10px 0; max-width: 1115px; width: 100%; margin: auto; clear: both }
.text_content ul li img, .text_content>p>img { max-width: 100%; height: auto; width:auto;}
.tag { font-size: 12px; text-align: center }
.viewnum { color: #AD0000 }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; *display:none
}
.clearfix { *zoom:1
}
.newslist { width: 59%; float: left; padding-left: 1.5%; }
.newslist dl { padding: 10px 0; width: 100%; float: left; margin: 0; }
.newslist dd.img { padding: 0; margin: 0; float: right; width: 15%; height: auto; }
.newslist dd.img img { display: block; max-width: 92px; width: 100%; height: auto; }
.newslist dd,.newslist dt { float: left; width: 80%; padding: 0; margin: 0; }
.newslist dd span { font-size: 16px; font-weight: bold; line-height: 16px; color: #064b87; font-family: Arial; display: block; margin-bottom: 13px }
.newslist h2 { font-size: 18px; font-weight: bold; margin: 0; padding: 0 0 10px 0; text-align: left; }
.newslist h2 a { color: #1a0dab; font-size: 18px }
.newslist dd p { height: 44px; padding: 0; margin: 0; overflow: hidden; color: #666; font-size: 14px; line-height: 22px; padding: 0; }
.content .title { padding: 0 0 6px 0; border-bottom: 1px solid #e4e4e4; clear: both; width: 100% }
.content .text2 { padding: 10px 0 10px 0 }
.morenews { background-color: #FFF; padding-top: 15px; float: left; width: 26.9%; padding-left: 1.2%; border-left: 1px solid; border-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0)) 1; }
.content .morenews { float: right; }
.morenews ul li { max-width: 300px; height: auto; float: left; width: 100%; }
.morenews ul li a { color: #1a0dab; font-size: 16px; }
.morenews ul li a:hover { color: #f60 }
.morenews ul li p { margin: 0 0 15px 0; padding: 0; height: auto; line-height: 22px; text-align: center; }
.morenews ul li img { width: 100%; height: auto; }
.morenews ul li:hover img { opacity: .6; filter: alpha(opacity=60) }
.fl { float: left }
.fr { float: right }
.suggestion_c { width: 1200px; margin: 30px auto }
.suggestion_sm { width: 250px; background: url(../images/sug_icon.png) no-repeat left center; margin-top: 50px; padding: 20px 0 20px 120px; min-height: 60px }
.suggestion_sm strong { font-size: 18px; margin-bottom: 15px; display: block }
.suggestion_form { width: 760px; margin: auto auto 20px auto; }
.suggestion_form span { float: left }
.suggestion_form input, .suggestion_form textarea { padding: 5px 10px; font-size: 16px }
.suggestion_form .inquiry_input input { width: 90%; height: 30px; border-radius: 5px; border: 1px solid #ccc }
.suggestion_form .textarea1, .suggestion_form .text1 { width: 100%; margin-bottom: 15px; }
.suggestion_form textarea { width: 90%; height: 155px; border-radius: 5px; resize: none; border: 1px solid #ccc }
.suggestion_form .submit1 { text-align: center; }
.suggestion_form .submit1 input { border: 0; font-size: 18px; background-image: linear-gradient(to right, #25aae1, #40e495); box-shadow: 0 4px 15px 0 rgba(49,196,190,0.75); color: #fff; border-radius: 20px; height: 40px; cursor: pointer; width: 65%; margin-left: 26%; }
.inquiry { border: 0; font-size: 18px; background-color: #1647d9; color: #fff; text-align: center; border-radius: 23px; height: 46px; line-height: 46px; width: 250px; display: inline-block; margin: auto auto 10px auto; }
.inquiry:hover { border: 0; font-size: 18px; background-color: #152c8d; color: #fff; border-radius: 23px; height: 46px; line-height: 46px; }
.suggestion_form .inquiry_tag { width: 205px; text-align: right; padding-right: 15px; line-height: 40px; font-size: 16px; }
.suggestion_form .inquiry_input { width: 540px; }
.item { width: 960px; margin: auto; top: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; padding-bottom: 10px; border-bottom: 1px dashed #ddd; margin-bottom: 10px }
.item b { display: block; background-color: #666; height: 30px; color: #fff; line-height: 30px; font-size: 16px; font-weight: lighter; padding-left: 15px }
.item p { font-size: 16px; color: #666; padding-top: 2px; padding-bottom: 2px; line-height: 1.6; margin: 0; padding-left: 15px }
.item strong { color: #1a0dab }
#footer { width: 100%; height: auto; clear: both; background-color: #fafafa; position: relative; z-index: 99998 }
#footer .main { padding: 30px 0 15px 0; color: #555555; }
#footer .main b { font-size: 15px; font-weight: bold }
#footer .main a { color: #555555; text-decoration: none }
#footer .main a:hover { color: #1647d9; text-decoration: none }
#footer .main .text1 { float: left; width: 225px; height: auto; padding-left: 25px }
#footer .main .text4 { float: left; width: 225px; height: auto; padding-left: 0 }
#footer .main .text2 { float: left; width: 450px; height: auto }
#footer .main .text3 { float: right; width: 415px; height: auto; text-align: center; }
#footer .main .text1 b, #footer .main .text2 b, #footer .main .text3 b, #footer .main .text4 b { font-size: 16px; }
.copyright { padding: 10px 0 15px 0; border-top: 1px solid #ccc; }
.flist { line-height: 2; padding-top: 20px; padding-left: 10px; }
.flist2 { line-height: 2; padding-top: 20px; padding-left: 10px; }
.flist2 p { margin: 0; padding: 0; }
.flist2 p:nth-child(8) { background-image: none; }
.flist3 { line-height: 1.5; height: auto; }
.qrcode_title { background-color: #1a0dab333; border-radius: 16px; height: 35px; color: #000000; text-align: center; width: 160px; line-height: 35px; margin: 12px auto 12px auto; }
.flist3 img { width: 160px; height: auto; margin: 10px 0 0 0; -moz-box-shadow: 1px 1px 5px #666; -webkit-box-shadow: 1px 1px 5px #666; box-shadow: 1px 1px 5px #666; }
.flist2 p { background-image: url(../images/icon.png); background-size: 20px auto; background-repeat: no-repeat; -moz-background-size: 20px auto; -webkit-background-size: 20px auto; -o-background-size: 20px auto; }
.flist2 p.icon1 { background-position: 0px -367px; padding-left: 25px; line-height: 1.5; }
.flist2 p.icon2 { background-position: 0px -117px; padding-left: 25px; }
.flist2 p.icon7 { background-position: 0px -320px; background-repeat: no-repeat; padding-left: 25px; }
.flist2 p.icon3 { background-position: 2px -155px; padding-left: 25px; }
.flist2 p.icon4 { background-position: 0px -195px; padding-left: 25px; }
.flist2 p.icon5 { background-position: 0px -236px; padding-left: 25px; }
.icon6 { background-image: url(../images/icon.png); background-size: 18px auto; background-repeat: no-repeat; -moz-background-size: 18px auto; -webkit-background-size: 18px auto; -o-background-size: 18px auto; background-position: 5px -250px; padding-left: 25px; }
#footer .main .text3 .weixin, #footer .main .text3 .whatsapp { width: 50%; float: left; }
#footer .main .copyright .ftag { margin-top: 5px; font-size: 14px; }
#footer .main .copyright .ftag p { display: inline-block; }
#footer .main .copyright .ftag p a { margin: 0 15px 0 0 }
#footer .main .copyright .region { margin-top: 5px;text-align: center;}
#footer .main .copyright .region a { margin-right: 10px; }
.cbbfixed { position: fixed; right: 10px; transition: bottom ease .3s; bottom: -85px; z-index: 3; cursor: pointer; z-index: 99999; }
.cbbfixed .cbbtn { width: 40px; height: 40px; display: block; background-color: #1647d9 }
.cbbfixed .gotop { transition: background-color ease .3s; margin-top: 1px }
.cbbfixed .gotop .up-icon { float: left; margin: 16px 0 0 9px; width: 23px; height: 12px; background: url(../images/top.png) }
.cbbfixed .gotop:hover { background-color: #2c2d2e }
.side { position: fixed; width: 54px; height: 329px; right: 0; bottom: 20px; z-index: 99997; }
.side ul li { width: 54px; height: 54px; float: left; position: relative; border-bottom: 1px solid #0291ca; background-color: #1aa5dd; }
.side ul li .sidebox { position: absolute; width: 0; height: 54px; top: 0; right: 0; transition: all 0.3s; color: #fff; font-size: 16px; line-height: 54px; overflow: hidden; background-image: url(../images/icon2.png); background-repeat: no-repeat; }
.side ul li .sidetop { position: absolute; width: 0; height: 54px; top: 0; right: 0; transition: all 0.3s; color: #fff; font-size: 16px; line-height: 54px; overflow: hidden; background-image: url(../images/icon2.png); background-repeat: no-repeat; }
.side ul li:hover { }
.side ul li .sidetwo { line-height: 24px; height: 48px; padding: 3px 0 3px 0; }
.side ul li .sidetwo b { font-weight: bold; }
.side ul li .icon_1 { background-position: 0 -466px; padding-left: 54px; border-top-left-radius: 10px; }
.side ul li .icon_2 { background-position: 0 -188px; padding-left: 54px; }
.side ul li .icon_3 { background-position: 0 -256px; padding-left: 54px; }
.side ul li .icon_4 { background-position: 0 -121px; padding-left: 54px; }
.side ul li .icon_5 { background-position: 0 -325px; padding-left: 54px; }
.side ul li .icon_6 { background-position: 0 15px; padding-left: 54px; cursor: pointer; border-bottom-left-radius: 10px; }
.main_guide { width: 100%; max-width: 800px; margin: auto; }
.main_guide #preview { width: 50%; float: left; }
.main_guide #preview img { width: 100%; height: auto; }
.main_guide .main_text { width: 50%; float: right; text-align: left; }
.main_guide .main_text p { padding: 7px 0 7px 30px; margin: 0; font-size: 16px;line-height: 1.6;}
.home_news { margin: auto auto 20px auto; padding: 30px 0 10px 0; width: 1340px; }
.home_news h2 { font-size: 22px; font-weight: 500; margin: 0 0 30px 0; }
.home_news .news_list { width: 20%; margin-right: 1%; float: left; padding: 2%; min-height: 80px; background-color: #f7f7f7; line-height: 1.7; }
.home_news .news_list:nth-child(5n+1) { clear: both; }
.home_news .news_list a { font-size: 16px; font-weight: bold; color: #1647d9; }
.home_news .news_list a:hover { color: #152c8d; text-decoration: underline; }
.home_news .news_list span { color: #595959 }
.product_list .plist p { padding: 5px 0 5px 0; margin: 0; }
#footer .main .copyright .region .region_list {line-height:1.8}
}
ul.product_list img { width: 100%; height: auto; }

@media(max-width:1340px) {
.main { width: 100%; margin: auto; }
.main .productlist { width: 100%; padding: 15px 0 0 0; }
ul.product_list li { width: 23%; height: auto; margin-left: 2%; }
ul.product_list .plist img { width: 100%; height: auto; }
ul.product_list .plist h2 { width: 100%; }
ul.product_list li:nth-child(4n+1) { clear: both; }
.production_process video { width: 33%; height: auto; }
.adSidesBox { display: none; }
#footer .main { width: 100%; }
.home_product_list .list .bigImg { width: 18%; height: auto; }
.home_product_list .list .rightbox { width: 82%; height: auto; padding-left: 0; }
.home_product_list .list .rightbox .citem { width: 23%; height: auto; margin-left: 2%; margin-bottom: 20px; background-color: #ffffff; }
.home_product_list .list .rightbox .citem .imgsBox { position: relative; width: 100%; height: auto; margin: auto; }
.home_product_list .list .rightbox .citem .goodsName { font-size: 14px; }
.home_product_list #scroll_2 .list .bigImg, .home_product_list #scroll_3 .list .bigImg, .home_product_list #scroll_6 .list .bigImg, .home_product_list #scroll_7 .list .bigImg, .home_product_list #scroll_8 .list .bigImg, .home_product_list #scroll_9 .list .bigImg, .home_product_list #scroll_10 .list .bigImg, .home_product_list #scroll_11 .list .bigImg { height: auto; width: 18%; }
.home_product_list #scroll_2 .list .rightbox, .home_product_list #scroll_3 .list .rightbox, .home_product_list #scroll_6 .list .rightbox, .home_product_list #scroll_7 .list .rightbox, .home_product_list #scroll_8 .list .rightbox, .home_product_list #scroll_9 .list .rightbox, .home_product_list #scroll_10 .list .rightbox, .home_product_list #scroll_11 .list .rightbox { width: 82%; height: auto; padding-left: 0; }
.menu li .submenu a { display: block; line-height: 80px; height: 80px; width: auto; min-width: 80px; padding: 0 10px 0 10px; text-align: center; color: #1647d9; }
.menu li .submenu a.now { padding: 0 10px 0 10px; }
#footer .main .text1 { float: left; width: 14%; height: auto; padding-left: 2%; }
#footer .main .text4 { float: left; width: 16%; height: auto; }
#footer .main .text2 { float: left; width: 33.5%; height: auto; }
#footer .main .text3 { float: right; width: 34.5%; height: auto; text-align: center; margin: 0; padding: 0; }
.flist2 { line-height: 2; padding-left: 0 }
.home_news { width: 100%; }
.product_list3 { width: 98%; margin: auto; }
.product_list3 ul li { float: left; width: 23%; height: auto; text-align: center; margin: 20px 2% 0 0; }
#ad { margin: auto; padding: 0; height: auto; width: 100%; min-width: 100%; overflow: hidden; }
}

@media(max-width:1224px) {
.menu li { font-size: 14px; }
.menu li .submenu a { padding: 0 3px 0 3px; }
.menu li .submenu a.now { padding: 0 3px 0 3px; }
.menu li.logo { width: 140px; text-align: center; }
.main { width: 100%; margin: auto; }
}

@media(max-width:1023.99px) {
.text_content h2 { text-align: left; }
.production_process video { width: 100%; height: auto; }
.two_title p { padding: 4px 0 4px 0; margin: 0; line-height: 1.8; text-align: left; }
h1 { font-size: 24px; font-weight: bold; margin: 10px 0 2px 0; text-align: center; color: #000000 }
h2 { font-size: 21px; font-weight: bold; margin: auto; text-align: center;width: 93%;}
h3 { font-size: 16px; font-weight: bold; margin: auto }
.main .home_title { font-size: 20px; font-weight: 400; padding: 10px 8px 4px 8px; text-align: center; color: #000;font-weight: bold; }
.main .home_subtitle { font-size: 18px; font-weight: 400; padding: 11px 0 15px 0; text-align: center; color: #1647d9; animation: flash 1s ease-in; -webkit-animation: flash 1s ease-in; }
.home_subtitle span { color: #F00; }
.home_product_list { height: auto; width: 100%; }
.home_product_list .main h2 { font-weight: normal; text-align: center; padding: 30px 0 15px 0; font-size: 22px; }
.home_product_list .main h3 { font-weight: normal; text-align: center; padding: 0 0 15px 0; font-size: 16px; }
#scroll_1, #scroll_3, #scroll_5, #scroll_7, #scroll_9 { background-color: #f2f2f2; }
#scroll_2, #scroll_4, #scroll_6, #scroll_8, #scroll_10 { background-color: #ebeaea; }
.home_product_list .hzlist { }
.home_product_list .hzlist img { width: 45%; height: auto; margin: 15px 2% 15px 2%; }
.home_product_list .list .bigImg { display: none; }
.list .bigImg img { display: none; }
.home_product_list .list .rightbox { width: 98%; height: auto; }
.home_product_list .list .rightbox .citem { width: 48%; height: auto; margin-left: 2%; margin-bottom: 8px; background-color: #ffffff; }
.home_product_list .list .rightbox .citem:nth-child(2n+1) { clear: both; }
.home_product_list .list .rightbox .citem:hover { box-shadow: 0px 0px 20px 9px rgba(210,210,210,0.75); }
.home_product_list .list .rightbox .citem p { padding: 0 15px; line-height: 1; color: #999; text-align: center; }
.home_product_list .list .rightbox .citem .goodsName { margin-top: 5px; margin-bottom: 8px; font-size: 16px; color: #222; line-height: 18px; height: 45px; }
.home_product_list .list .rightbox .citem .goodsPrice { margin-top: 6px; font-size: 20px; }
.home_product_list .list .rightbox .citem .imgsBox { position: relative; width: 100%; height: auto; min-height: 120px; margin: auto; }
.home_product_list .list .rightbox .citem .imgsBox img { display: block; width: 100%; height: 100%; }
.home_product_list .list .rightbox .ellipsisOne { width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; font-size: 12px; }
.adSidesBox { }
.rightFloors { display: none; }
.sitecity { min-height: 300px; width: 100%; border-top: 1px solid #999; }
.sitecity ul li { float: left; width: 25%; padding: 5px 3% 5px 3%; margin-right: 2%; }
.sitecity ul li a { width: 100%; height: 25px; display: block; font-size: 16px }
.sitecity ul li a:hover { color: #00F }
.world { }
.world ul li { float: left; width: 50%; height: 35px; }
.world ul li a { font-size: 16px; }
.t_height { margin-top: 60px }
body, html { height: auto; padding: 0; margin: 0; width: 100%; background-color: #fff; font-size: 16px }
.main { width: 100%; margin: auto; }
.main .text { width: 98%; margin: 15px auto; line-height: 1.6; font-size: 16px; }
.main .texta { width: 96%; margin: 15px auto; line-height: 1.6 }
.i100 img { width: 100% }
.box_os { display: none }
.m-menu { display: none }
.fast_menu { display: none }
#menu { margin: auto; padding: 0; background-color: #ffffff; width: 100%; height: 50px; position: fixed; top: 0; left: 0; z-index: 99999; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; }
.menu li { float: none; font-size: 16px; position: relative; width: 100%; background-color: #FFF; border-bottom: 1px solid #ccc; z-index: 99997; }
.menu li.m_home { float: none; font-size: 16px; position: relative; width: 100%; background-color: #FFF; border-bottom: 1px solid #ccc; z-index: 99997; padding: 1px 0 0 0; }
.menu li p { margin: 0; padding: 0; }
.menu li ul { display: none; }
.menu li.m_home p.submenu a { width: 90%; display: block; height: 35px; padding: 0 0 0 10%; line-height: 35px; margin-top: 50px; text-align: left; }
.menu li.menuli { display: none; }
.menu li p.submenu a { width: 90%; display: block; height: 35px; padding: 0 0 0 10%; line-height: 35px; color: #1647d9; text-align: left; }
.menu li p.submenu span { display: none; }
.menu li.logo { width: 45%; text-align: left; padding-left: 5%; position: relative; float: left; border-bottom: 0px; z-index: 99998; margin-top: 0; height: 50px; line-height: 50px; display: block; }
.menu li.logo img { height: 50px; width: 96px }
.menu li.m-menu-btn { float: right; width: 10%; padding-right: 5%; position: relative; text-align: right; border-bottom: 0px; z-index: 99998; margin-top: 0; height: 50px; line-height: 50px; display: block; }
.menu li.m-menu-btn img { padding-top: 15px; }
.m-line { color: #fff }
.m-line3 { display: none }
.flash_action { animation: flash 0.5s; -webkit-animation: flash 0.5s; }
.fl { float: left; }
.fr { float: right; }
.suggestion_form { margin-top: 10px; padding: 0 5% 0 5%; width: 90% }
.suggestion_form input, .suggestion_form textarea { padding: 5px 2%; font-size: 16px }
.suggestion_form .inquiry_input input { width: 96%; height: 30px; border-radius: 5px; border: 1px solid #ccc }
.suggestion_form .textarea1, .suggestion_form .text1 { width: 100%; margin-bottom: 15px; }
.suggestion_form textarea { width: 96%; height: 120px; border-radius: 5px; resize: none; border: 1px solid #ccc }
.suggestion_form .inquiry_tag { display: none; }
.suggestion_form .inquiry_input { width: 100%; }
.suggestion_form .submit1 { text-align: center; }
.suggestion_form .submit1 input { border: 0; font-size: 18px; background-image: linear-gradient(to right, #25aae1, #40e495); box-shadow: 0 4px 15px 0 rgba(49,196,190,0.75); color: #fff; border-radius: 20px; height: 40px; cursor: pointer; width: 100%; }
.inquiry { border: 0; font-size: 18px; background-color: #1647d9; color: #fff; text-align: center; border-radius: 23px; height: 46px; line-height: 46px; width: 250px; display: block; margin: 10px auto 15px auto; }
.inquiry:hover { border: 0; font-size: 18px; background-color: #152c8d; color: #fff; border-radius: 23px; height: 46px; line-height: 46px; }
.item { width: 94%; margin: auto; padding-bottom: 10px; border-bottom: 1px dashed #ddd; margin: auto auto 12px auto; font-size: 1rem }
.content { padding: 10px 0 10px 0; width: 94%; margin: auto; clear: both }
.tag { font-size: 12px; text-align: center }
.viewnum { color: #AD0000 }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; *display:none;
}
.clearfix { *zoom:1;
}
.subTitle { text-align: center; font-size: 22px; line-height: 30px; padding-top: 5px; font-weight: 500 }
.production_process { padding: 10px 10px 20px 10px; border-top: 1px solid #eeeeee; font-size: 16px; font-weight: 400; line-height: 1.6; }
.production_process video { width: 100%; height: auto }
.production_process img { width: 100%; height: auto; }
.subpTitle { text-align: center; padding: 0 0 0 0; border: 0; margin-bottom: 5px; clear: both; }
.subpTitle h1 { font-weight: 600; font-size: 24px; }
.two_title { padding: 0 2% 0 2%; }
.nav { width: 95%; height: 30px; margin: 0 auto 0 auto; max-width: 95%; clear: both; padding-top: 0; padding-left: 5%; }
.productlist .nav { width: 100%; margin: 0 auto 0 auto; max-width: 100%; height: auto; padding-top: 0; padding-left: 0; }
.productlist .nav ol li { line-height: 22px; height: auto; }
.productlist .nav ol li:last-child { padding-bottom: 15px; }
#ad { margin: auto; padding: 0; height: auto; width: 100%; text-align: center; overflow: hidden; min-width: 320px }
#ad img { width: 200%; height: auto; position: relative; left: 0; top: 0; margin-left: -50% }
.newslist dl { padding: 10px 0; border-bottom: 2px solid #dadce0; margin: 0; }
.newslist dd.img { padding: 0; margin: 0; float: right; width: 20%; height: auto; overflow: hidden; }
.newslist dd.img img { display: block; width: 100%; height: auto }
.newslist dd,.newslist dt { float: left; width: 75%; padding: 0; margin: 0; }
.newslist dd span { font-size: 16px; font-weight: bold; line-height: 16px; color: #064b87; font-family: Arial; display: block; margin-bottom: 5px }
.newslist h2 { margin: 0; padding: 0 0 0 0; text-align: left; }
.newslist h2 a { color: #1a0dab; font-size: 16px }
.newslist dd p { height: auto; padding: 0; margin: 0; line-height: 22px; color: #666; font-size: 14px; }
.morenews { padding-top: 15px; clear: both; border-top: 1px solid #ccc; width: 98%; margin: auto }
.morenews ul li { float: left; width: 48%; height: auto; text-align: center; margin: 0 2% 15px 0 }
.morenews ul li a { color: #000; font-size: 1rem }
.morenews ul li a:hover { color: #AD0000 }
.morenews ul li p { margin: 0; padding: 0; height: 60px; line-height: 20px; overflow: hidden }
.morenews ul li img { width: 100%; height: auto }
.morenews ul li:hover img { opacity: .6; filter: alpha(opacity=60) }
.content .title { padding: 0 0 6px 0; border-bottom: 1px solid #e4e4e4; clear: both; width: 100% }
.content .text2 { padding: 10px 0 10px 0 }
.main .productmenu { width: 100%; margin-bottom: 25px; margin-top: 15px; clear: both; }
.main .productlist { float: none; width: 96%; padding: 0 2% 0 2% }
.main .pagecontent { width: 98%; padding-top: 15px; margin-bottom: 10px; margin: auto; display: none }
.main .pagecontent ul li { background-color: #ccc }
.main .pagecontent ul li img { width: 100%; height: auto }
.main .pagecontent ul li.kftext { text-align: center; line-height: 1.6; font-size: 16px; padding: 10px 10px 0 10px }
.main .pagecontent ul li.kftext img { width: 80%; margin-top: 8px }
.main .pagecontent ul li.kftext p { font-size: 16px; padding: 0 0 5px 0; margin: 0; background-color: #1a0dab; color: #FFF }
.main .pagecontent ul li.kfothertext { padding: 0 0 10px 0; line-height: 1.7; width: 100% }
.main .pagecontent ul li.kfothertext p { font-size: 1rem; padding: 10px 0 5px 0; width: 80%; margin: auto }
.main .pagecontent ul li.kfothertext p a { width: 100%; line-height: 30px; height: 30px }
.main .pagecontent ul li.kfothertext img { width: auto; height: auto }
ul.products li.title { background-color: #2d2d2d; color: #fff; border: 0; padding-left: 10px }
ul.products li { float: left; margin-left: 10px; margin-top: 10px; }
ul.products li a { color: #000000; text-decoration: none; display: block; height: 25px; line-height: 25px; background-color: #eeeeee; font-size: 14px; padding: 3px 10px 3px 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
ul.products li a:hover { color: #ffffff; text-decoration: none; display: block; background-color: #1647d9; }
ul.products li.sub { }
ul.products li.sub a { color: #ffffff; background-color: #152c8d; }
ul.products li.sub a:hover { color: #ffffff; background-color: #1647d9; }
ul.product_list { margin: 0 }
ul.product_list li { float: left; width: 46%; height: auto; text-align: center; margin: 2% 2% 2% 2%; position: relative; overflow: hidden }
ul.product_list .plist:hover { opacity: .7; filter(alpha=70)
}
ul.product_list .plist { opacity: 1; filter(alpha=100)
}
ul.product_list .plist:nth-child(2n+1) { clear: both; }
ul.product_list li:nth-child(2n+1) { clear: both; }
.text_content .product_list h2 { text-align: center; padding-left: 0; }
ul.product_list .plist img { width: 100%; height: auto; display: block }
ul.product_list .plist h2 { line-height: 35px; text-align: center; margin: 0; bottom: 0; left: 0; text-align: center; width: 100%; height: 35px; position: absolute; background-color: rgba(0,0,0,0.5) }
ul.product_list .plist h2 a { color: #fff; font-size: 16px; }
ul.product_list .plist p { display: none }
ul.product_list2 { margin-left: 10px }
ul.product_list2 li { float: left; width: 220px; height: 200px; text-align: center; margin-right: 18px }
ul.product_list2 li span { display: block; text-align: center; height: 24px; text-align: center; line-height: 24px; margin: 0; padding: 0 }
ul.product_list2 li span a { display: block; color: #000; font-size: 16px; line-height: 24px; height: 24px }
ul.product_list2 li span a:hover { color: #1a0dab }
ul.product_list2 .plist:hover { opacity: .7; filter(alpha=70)
}
ul.product_list2 .plist { opacity: 1; filter(alpha=100)
}
.product_list3 { width: 98%; margin: auto auto 12px auto }
.product_list3 ul li { float: left; width: 48%; height: auto; text-align: center; margin: 15px 2% 0 0; position: relative; overflow: hidden }
.product_list3 li:nth-child(2n) { margin: 15px 0 0 2% }
.product_list3 .plist:hover { opacity: .7; filter(alpha=70)
}
.product_list3 .plist { opacity: 1; filter(alpha=100)
}
.product_list3 .plist img { width: 100%; height: auto }
.product_list3 .plist p { line-height: 40px; text-align: center; margin: 0; bottom: 0; left: 0; text-align: center; width: 100%; height: 40px; position: absolute; background-color: rgba(0,0,0,0.5) }
.product_list3 .plist p span { color: #fff; font-style: normal; font-size: 16px; }
.pageNav span.m_c, .pageNav a.m_c { display: none }
.pageNav { font-size: 12px; margin-top: 15px; padding-bottom: 4px; margin-left: 0; clear: both; text-align: center }
.text img { width: 100%; height: auto }
.text .tag_img { width: 80%; height: auto; }
#footer { width: 100%; height: auto; clear: both; background-color: #fafafa; position: relative; z-index: 99998 }
#footer .main { padding: 15px 0 15px 0; color: #555555; }
#footer .main b { font-size: 15px; font-weight: bold }
#footer .main a { color: #555555; text-decoration: none }
#footer .main a:hover { color: #1647d9; text-decoration: none }
#footer .main .text1 { display: none; }
#footer .main .text4 { width: 95%; height: auto; margin: auto; text-align: center; }
#footer .main .text4 .flist { padding-top: 10px; }
#footer .main .text4 .flist ul li { width: 33%; float: left; overflow: hidden; height: 30px; line-height: 30px; }
#footer .main .text2 { width: 95%; height: auto; margin: 10px auto; text-align: center; clear: both; }
#footer .main .text3 { width: 90%; height: auto; margin: auto; text-align: center; float: none }
.copyright { padding: 0 0 0 0; border-top: 1px solid #ccc; }
.flist { line-height: 2; padding-top: 10px; padding-left: 10px; }
.flist2 { line-height: 2; padding-top: 10px; padding-left: 10px; text-align: left; }
.flist2 p { margin: 0; padding: 0; }
.flist2 p:nth-child(8) { text-align: center; background-image: none; }
.flist3 { line-height: 1.5; height: auto; }
.qrcode_title { background-color: #1a0dab333; border-radius: 16px; height: 30px; color: #000000; text-align: center; width: 85%; line-height: 30px; margin: 10px auto 10px auto; }
.flist3 img { width: 85%; height: auto; margin: 5px 0 0 0; -moz-box-shadow: 1px 1px 5px #666; -webkit-box-shadow: 1px 1px 5px #666; box-shadow: 1px 1px 5px #666; }
.flist2 p { background-image: url(../images/icon.png); background-size: 20px auto; background-repeat: no-repeat; -moz-background-size: 20px auto; -webkit-background-size: 20px auto; -o-background-size: 20px auto; }
.flist2 p.icon1 { background-position: 0px -367px; padding-left: 25px; line-height: 1.5; }
.flist2 p.icon2 { background-position: 0px -117px; padding-left: 25px; }
.flist2 p.icon7 { background-position: 0px -320px; background-repeat: no-repeat; padding-left: 25px; }
.flist2 p.icon3 { background-position: 2px -155px; padding-left: 25px; }
.flist2 p.icon4 { background-position: 0px -195px; padding-left: 25px; }
.flist2 p.icon5 { background-position: 0px -236px; padding-left: 25px; }
.icon6 { background-image: url(../images/icon.png); background-size: 18px auto; background-repeat: no-repeat; -moz-background-size: 18px auto; -webkit-background-size: 18px auto; -o-background-size: 18px auto; background-position: 5px -250px; padding-left: 25px; }
#footer .main .text3 .weixin, #footer .main .text3 .whatsapp { width: 50%; float: left; }
#footer .main .copyright .ftag { display: none; }
#footer .main .copyright .region { margin-top: 10px; text-align: center; line-height: 1.8; font-size: 16px; }
#footer .main .copyright .region a { margin-right: 10px; font-size: 16px; }
#footer .main .copyright .region .region_list { display: none; }
.ctext1 { margin: 10px auto auto auto; width: 95%; text-align: center; line-height: 1.5; font-size: 14px; }
.cbbfixed { position: fixed; right: 10px; transition: bottom ease .3s; bottom: -85px; z-index: 3; cursor: pointer; z-index: 99999; }
.cbbfixed .cbbtn { width: 40px; height: 40px; display: block; background-color: #1647d9 }
.cbbfixed .gotop { transition: background-color ease .3s; margin-top: 1px }
.cbbfixed .gotop .up-icon { float: left; margin: 16px 0 0 9px; width: 23px; height: 12px; background: url(../images/top.png) }
.about img { width: 100%; height: auto }
.side { position: fixed; width: 46px; height: 329px; right: 0; bottom: 80px; z-index: 100; display: none; }
.side ul li { width: 46px; height: 46px; float: left; position: relative; border-bottom: 1px solid #0291ca; background-color: #1aa5dd; }
.side ul li .sidebox { position: absolute; width: 0; height: 46px; top: 0; right: 0; transition: all 0.3s; color: #fff; font-size: 12px; line-height: 46px; overflow: hidden; background-image: url(../images/icon2.png); background-repeat: no-repeat; background-size: auto 440px; }
.side ul li .sidetop { position: absolute; width: 0; height: 46px; top: 0; right: 0; transition: all 0.3s; color: #fff; line-height: 46px; overflow: hidden; background-image: url(../images/icon2.png); background-repeat: no-repeat; background-size: auto 440px; }
.side ul li:hover { }
.side ul li .sidetwo { line-height: 20px; height: 40px; padding: 3px 0 3px 0; }
.side ul li .sidetwo b { font-weight: bold; }
.side ul li .icon_1 { background-position: 0 -372px; padding-left: 46px; border-top-left-radius: 10px; }
.side ul li .icon_2 { background-position: 0 -149px; padding-left: 46px; }
.side ul li .icon_3 { background-position: 0 -204px; padding-left: 46px; }
.side ul li .icon_4 { background-position: 0 -95px; padding-left: 46px; }
.side ul li .icon_5 { background-position: 0 -259px; padding-left: 46px; }
.side ul li .icon_6 { background-position: 0 15px; padding-left: 46px; cursor: pointer; border-bottom-left-radius: 10px; }
#preview { margin: auto; width: 100%; clear: both; }
#preview img { width: 100%; height: auto; }
.text video { width: 100%; height: auto; }
.home_product_list #scroll_2 .list .rightbox, .home_product_list #scroll_3 .list .rightbox, .home_product_list #scroll_6 .list .rightbox, .home_product_list #scroll_7 .list .rightbox, .home_product_list #scroll_8 .list .rightbox, .home_product_list #scroll_9 .list .rightbox, .home_product_list #scroll_10 .list .rightbox, .home_product_list #scroll_11 .list .rightbox { width: 98%; height: auto; padding-left: 0; margin: auto; }
.menu li .submenu a.now { padding: 0 0 0 10%; }
.main_guide #preview { width: 96%; float: none; }
.main_guide #preview img { width: 100%; height: auto; }
.main_guide .main_text { width: 96%; float: none; margin: auto; }
.main_guide .main_text p { padding: 7px 0 7px 0; margin: 0; font-size: 16px; }
}
.morenews ul li img, .product_list3 .plist img { width: 100%; height: auto; }
#preview img { max-width: 100%; height: auto; }
.suggestion_form .inquiry_input input.required { border: 2px solid #1aa5dd; }
.add_tag::after { content: url('../images/arrow.png'); float: right; transition: all 0.2s ease 0s; }
.minus_tag::after { content: url('../images/arrow.png'); transform: rotate(180deg); float: right; margin-top: -6px; transition: all 0.2s ease 0s; }
.text h2 + p { display: none; border-bottom: 1px solid #cccccc; padding-bottom: 15px }
.text h2 + ol { display: none; border-bottom: 1px solid #cccccc; padding-bottom: 15px }
.text h2 + ul { display: none; border-bottom: 1px solid #cccccc; padding-bottom: 15px }
.inquiry2:hover { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000px }

@media screen and (min-width:1024px) {
.inquiry2:hover { -webkit-animation: animation-jianchuang .82s cubic-bezier(.36, .07, .19, .97) both; animation: animation-jianchuang .82s cubic-bezier(.36, .07, .19, .97) both }
}
@-webkit-keyframes animation-jianchuang {
10%, 90% {
-webkit-transform:translate3d(-1px, 0, 0);
-moz-transform:translate3d(-1px, 0, 0);
-ms-transform:translate3d(-1px, 0, 0);
transform:translate3d(-1px, 0, 0)
}
20%, 80% {
-webkit-transform:translate3d(2px, 0, 0);
-moz-transform:translate3d(2px, 0, 0);
-ms-transform:translate3d(2px, 0, 0);
transform:translate3d(2px, 0, 0)
}
30%, 50%, 70% {
-webkit-transform:translate3d(-4px, 0, 0);
-moz-transform:translate3d(-4px, 0, 0);
-ms-transform:translate3d(-4px, 0, 0);
transform:translate3d(-4px, 0, 0)
}
40%, 60% {
-webkit-transform:translate3d(4px, 0, 0);
-moz-transform:translate3d(4px, 0, 0);
-ms-transform:translate3d(4px, 0, 0);
transform:translate3d(4px, 0, 0)
}
}
@keyframes animation-jianchuang {
10%, 90% {
-webkit-transform:translate3d(-1px, 0, 0);
-moz-transform:translate3d(-1px, 0, 0);
-ms-transform:translate3d(-1px, 0, 0);
transform:translate3d(-1px, 0, 0)
}
20%, 80% {
-webkit-transform:translate3d(2px, 0, 0);
-moz-transform:translate3d(2px, 0, 0);
-ms-transform:translate3d(2px, 0, 0);
transform:translate3d(2px, 0, 0)
}
30%, 50%, 70% {
-webkit-transform:translate3d(-4px, 0, 0);
-moz-transform:translate3d(-4px, 0, 0);
-ms-transform:translate3d(-4px, 0, 0);
transform:translate3d(-4px, 0, 0)
}
40%, 60% {
-webkit-transform:translate3d(4px, 0, 0);
-moz-transform:translate3d(4px, 0, 0);
-ms-transform:translate3d(4px, 0, 0);
transform:translate3d(4px, 0, 0)
}
}
.custom_desc { text-align: center; font-size: 16px; font-weight: bold; }
.side ul li:first-child { border-top-left-radius: 10px; }
.side ul li:last-child { border-bottom-left-radius: 10px; }
.whatsapp_button img { margin-left: 15px; background-color: #f2f2f2; padding: 0 50px 0 50px; border-radius: 23px; height: 46px; width: auto; }

@media(max-width:1023.99px) {
.whatsapp_button img { margin-left: 0; }
.text_content img { max-width: 100%; width: auto; height: auto }
.custom_desc{width: 93%;margin: 15px auto auto auto;}
}
.suggestion_form .submit1 input:disabled { background: #cccccc; }
.inquiry { position: relative; background-image: linear-gradient(to right, #25aae1, #40e495); box-shadow: 0 4px 15px 0 rgba(49,196,190,0.75); font-weight: bold }
.inquiry:before { content: ''; display: block; background: linear-gradient(to left, rgba(255,255,255,0) 50%, rgba(255,255,255,0.4) 50%); background-size: 210% 100%; background-position: right bottom; height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; border-radius: 23px; transition: all 1s; -webkit-transition: all 1s; }
.inquiry:hover:before { background-position: left bottom; }
.text_content a { color: #1647d9; }
.text_content a:hover { text-decoration: underline }
.text_content p { line-height: 28px; padding: 0px 8px 0 8px; margin: 5px 0 5px 0; }
.text_content ul.product_list h2 a { color: #1a0dab; font-style: normal; font-size: 16px; font-weight: bold; }
.text_content ul.product_list p { padding: 0 0 0 0; margin: 0; }
.tagline { width: 96%; margin: 10px auto 10px auto; max-height: 200px; overflow: auto; }
.tagline a { color: #000; margin-right: 20px; text-decoration: underline; line-height: 25px; font-weight: 400; font-size: 16px; }
.plushmanufacturer { width: 100%; height: auto; clear: both;margin-top: 15px;}
.plushmanufacturer h3{font-size:16px;font-weight: bold;}
.plushmanufacturer p { margin: 10px 0 10px 0; }
.plushmanufacturer .factoryimg { width: 50%; float: left; }
.plushmanufacturer .factoryimg img { width: 100%; height: auto; }
.plushmanufacturer .factorytext { width: 48%; float: left; padding-left: 1.9% }
.plushmanufacturer .factorytext2 { width: 48%; float: left; padding-right: 1.9% }
.about_left { float: left; width: 66%; }
.about_right { float: right; margin-left: 4%; margin-bottom: 15px; width: 30%; }
.about_right img{max-width:100%;height:auto;width:auto;}
ul.plushtoy { width: 100%; }
ul.plushtoy li { width: 23.5%; margin-right: 2%; float: left; }
ul.plushtoy li:last-child { margin-right: 0 }
ul.plushtoy li p { width: 100%; margin: 7px 0 7px 0; }
ul.plushtoy li p img { width: 100%; height: auto }
ul.plushtoy li:nth-child(4n+1) { clear: both }
ul.plushtoy li:nth-child(4n) { margin-right: 0; }

@media(max-width:1023.99px) {
.plushmanufacturer .factoryimg { width: 100%; float: none; }
.plushmanufacturer .factorytext { width: 100%; float: none; }
.plushmanufacturer .factorytext2 { width: 100%; float: none; }
.about_left { float: none; width: 100%; }
.about_right { float: none; margin-left: 0; margin-bottom: 15px; width: 100%; }
ul.plushtoy li { width: 48%; margin-right: 4% }
ul.plushtoy li:nth-child(2n+1) { clear: both }
ul.plushtoy li:nth-child(2n) { margin-right: 0; }
ul.plushtoy li:nth-child(4n+1) { clear: none }
.text a,.text_content a{color:#000}
}
.text_content table { margin-bottom: 10px; border-collapse: collapse; display: table;width:100%;}
.text_content td { padding: 5px 10px; border: 1px solid #DDD; }
.text_content th { padding: 5px 10px; border: 1px solid #DDD; background-color: #F7F7F7; }
.text_content table tr.firstRow td { background-color: #f6f6f6; font-weight: bold; }

.author_avatar { margin-right: 16px; border-radius: 50%; float: left; }
.author_info { margin-right: 25px; }
.author_info a{color:#000000}
.tag { height: 50px; line-height: 50px; display: flex; justify-content: center; }
.author_person { line-height: 20px; text-align: left; float: left; }
.author_person span{color:#545454}
@media(max-width:1023.99px) {
.tag { height: auto; line-height: 20px; flex-direction: column; align-items: center; }
}
.home_desc { width: 93%; max-width: 900px; margin: auto; font-size: 16px; }

.home_create { width: 96%; max-width: 800px; text-align: left; margin: 30px auto 30px auto;font-size:16px;}
.our_desc { width: 90%; margin: auto; text-align: center }
.our_process { width: 96%; max-width: 1000px; text-align: left; margin: 80px auto 30px auto; }
.our_process ul li { width: 29.33%; float: left; position: relative; margin: 10px 1% 10px 1%; padding: 10px 1% 10px 1%; background-color: #f6f6f6; min-height: 450px; }
.our_process ul li .process_step { width: 120px; height: 120px; line-height: 120px; text-align: center; margin: auto; position: relative; top: -60px; background-color: #094FC3; border-radius: 60px; font-size: 22px; color: #ffffff; }
.our_process ul li .process_title { text-align: center; font-size: 20px; font-weight: bold; border-bottom: 2px solid #094FC3; height: 35px; line-height: 35px; margin-top: -40px; margin-bottom: 10px; }
.our_process ul li:nth-child(2) .process_step { background-color: #A61A12; }
.our_process ul li:nth-child(2) .process_title { border-bottom: 2px solid #A61A12; }
.our_process ul li:nth-child(3) .process_step { background-color: #236231; }
.our_process ul li:nth-child(3) .process_title { border-bottom: 2px solid #236231; }
.process_text { line-height: 1.6; font-size:16px;}
.design_vs_finished { width: 96%; max-width: 1206px; text-align: left; margin: 30px auto 30px auto; }
.design_vs_finished ul li { width: 46%; float: left; padding: 0 2% 0 2%; }
.design_vs_finished ul li img { width: 100%; height: auto; }
.design_vs_finished ul li:nth-child(3) { width: 96%; margin: 30px auto auto auto;font-size:16px}
.design_vs_finished_text { width: 96%; max-width: 860px; text-align: left; margin: 30px auto 30px auto; }
.submit_text { clear: both; background-image: url(../images/order-img.jpg); background-repeat: repeat; line-height: 1.6; margin-top: 40px; margin-bottom: 40px; padding: 40px 0 40px 0; text-align: center; width: 100%; }
.submit_text p { color: #213466; font-size: 22px; text-align: center; }
.submit_text p a { width: 400px; display: block; padding: 10px 15px 10px 15px; background-color: #113387; color: #FFF; margin: auto; }
.submit_text p a:hover { background-color: #0353de }
.iso9001{width:100%;margin:auto;text-align:center}
@media(max-width:1023.99px) {
.our_process ul li { min-height: auto; padding: 10px 1% 60px 1%; }
.home_create, .our_process { width: 93%; text-align: left; margin: 80px auto 30px auto; }
.our_process ul li { width: 93%; float: none; }
.design_vs_finished ul li { width: 93%; float: none; padding: 0 0 0 0; margin: auto auto 15px auto; }
.submit_text p {font-size:18px;}
.submit_text p a { width: 93%; display: block; padding: 10px 0 10px 0; background-color: #113387; color: #FFF; margin: auto; font-size: 16px; }
.iso9001{width:93%;font-size:15px;}
}