@import url(style.css);
@import url(pscroll.css);
/*内页*/
@keyframes scaleAnim{
    0%{         
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.f32 {
  font-size: 32px;
}
.position2{overflow:hidden; color:#fff; text-align:left; font-size:15px;  position:absolute; bottom:0; left:0; width:100%;}
.position2 .wrap{border-top:1px solid rgba(255,255,255,0.15);height:68px; line-height:68px; overflow:hidden;}
.position2 a{ color:#fff;  text-decoration:none;transition:all 0.3s;}
.position2 a:hover{color:#da393d;}
.position2 .home{ float:left; height:18px; margin-top:25px;transition:all 0.3s;}
.position2 .home:hover{opacity:0.8;filter:Alpha(opacity=80);}
.position2 .postions_r{ float:right;}
.position2 .postions_r img{ vertical-align:middle; margin-right:8px; margin-left:8px; height:5px;}


.position{height:70px; line-height:70px;overflow:hidden; color:#333333; text-align:left; font-size:14px; border-bottom:1px solid #e7e7e7;}
.position a{ color:#333333;  text-decoration:none;}
.position a:hover{color:#4f8a50;}
/*.position label{}*/
.position .rclass{ float:right;background:url(../images/pos_bg2.png) left center no-repeat;background-size:20px auto;  padding-left:25px;-webkit-tap-highlight-color: #fff;-webkit-tap-highlight-color: transparent; display:none;}

.position .postions_b{ text-align:center;}
.position .postions_b a{ display:inline-block; vertical-align:top; margin-left:22px; margin-right:22px;overflow:hidden; font-size:16px; color:#333333; position:relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:0;}
.position .postions_b a:hover{color:#4f8a50;}
.position .postions_b a:after{content: "";display: block;position: absolute;left:50%;right:50%; bottom: 0;height:2px;opacity: 0;background-color:#4f8a50;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:-1;}
.position .postions_b a.isel:after{left: 0%;right: 0%;opacity: 1;}
.position .postions_b a:hover:after{left: 0%;right: 0%;opacity: 1;}
.position .postions_b a.isel{color:#4f8a50;}


.o_big_con{ overflow:hidden; position:relative;}
.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:70% center; background-size:cover; position:relative;  width:100%;-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards;}
.o_big img{ width:100%;filter: Alpha(Opacity=0);opacity: 0;}
.o_big_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%;}
.o_big_con .cons .wrap{ height:100%; display:table; }
.o_big_con .h2{ font-weight:normal; display:table-cell; vertical-align:middle; color:#fff; text-align:center; font-size:16px; padding-bottom:30px;}
.o_big_con .h2 span{ display:block; line-height:36px; overflow:hidden; position:relative; padding-bottom:1%;}


/*分页*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:4.3%; padding-bottom:4.3%; clear:both;}
.yema.bgs2{ padding-top:1%;}
.yema a{ display:inline-block; height:36px; line-height:36px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:18px;margin-left:3px; margin-right:3px;  text-align:center; color:#666666; font-size:14px; border:1px solid #e5e5e5; background:#ffffff;}
.yema a:hover{ text-decoration:none; color:#fff; background:#4f8a50;border:1px solid #4f8a50;}
.yema a.on{color:#fff;  background:#4f8a50;border:1px solid #4f8a50;}
.yema a.first,.yema a.last{ margin-right:0;  }
.yema a.first:hover,.yema a.last:hover{background-color:#4f8a50;}
.yema a span{ font-family:"宋体"; font-size:16px;}
/*分类弹窗*/
.about_bgs{z-index: 19891024;background:url(../images/about_bg.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
.about_tc .closed2{ display:none;}

/*品牌故事*/
.about_con{ margin-top:6%; }
.about_l{ float:left; width:518px; position:relative; margin-right:4%;}
.about_l:before{ content:""; position:absolute; top:-15px; left:-17px; width:78px; height:15px; background:#de3438;}
.about_l:after{ content:""; position:absolute; top:-15px; left:-17px; width:17px; height:76px; background:#de3438;}
.about_l .imgs{ overflow:hidden;}
.about_l .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.about_l:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.about_r{ overflow:hidden;}
.about_r .span{ font-weight:bold; display:block; line-height:0.9; margin-top:3%; max-width:280px; text-transform:uppercase; overflow:hidden; font-family:Arial;}
.about_r .span .reds{ color:#4f8a50;}
.about_r .h3{ font-weight:normal; overflow:hidden; margin-top:13px; margin-bottom:1%;}
.about_r .p{ font-size:15px; color:#555555; line-height:36px; overflow:hidden; margin-top:2%;}
.about_r .h4{ font-weight:normal; overflow:hidden; margin-top:6%;}

/*成为代理商*/
.about_bg{ background:url(../images/about_bg2.jpg) center center no-repeat; overflow:hidden; background-size:cover;}
.about_t2{ overflow:hidden; text-align:center; margin-top:6%;}
.about_t2 .span{ font-weight:bold; display:block; line-height:0.9; text-transform:uppercase; overflow:hidden; font-family:Arial;}
.about_t2 .span .reds{ color:#4f8a50;}
.about_t2 .h3{ font-weight:normal; overflow:hidden; margin-top:13px; }
.feedback_div{padding-bottom:3%; overflow:hidden; margin-top:4%;  background:rgba(255,255,255,0.8); border-top:4px solid #d6292e;}
.feedback_div .boxs{ width:94%; max-width:1280px; margin:0 auto; overflow:hidden; margin-top:4%;}
.feedback_div .divs{float:left; width:48.5%; margin-right:3%;margin-bottom:3%;}
.feedback_div .divs:nth-child(2n+0){ margin-right:0;}
.feedback_div .inputs2{ width:calc(100% - 2px);width:-webkit-calc(100% - 2px);width:-moz-calc(100% - 2px); background:none; height:54px; line-height:54px; font-size:15px; color:#555555; border:1px solid #d1d1d1; outline:none;  text-indent:4%; font-family:"微软雅黑";}
.feedback_div .textarea{ padding:1%; padding-left:2%; width:96%; background:none; font-size:15px; font-family:"微软雅黑";border:1px solid #d1d1d1; outline:none;margin-bottom:2%; color:#555555; height:130px;  }
.feedback_div .bnts2{ display:block; border: none; width:100%; max-width:166px;font-size:15px; height: 44px; line-height:44px; background: #d6292e; font-family:"微软雅黑"; text-align: center;color: #fff; outline: none;  cursor: pointer; -webkit-appearance: none; margin:0 auto; font-weight:lighter; margin-top:1%; margin-bottom:2%;}
.feedback_div .bnts2:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;}
.feedback_desc{ text-align:center; margin-top:3.5%; margin-bottom:5%; color:#555555; font-size:15px; line-height:1.7;}
/*联系我们*/
.contact_con{ margin-top:4%;}
.contact_con .divs{ float:left; width:32%; margin-right:2%; margin-bottom:4%;}
.contact_con .divs:nth-child(3n+0){ margin-right:0;}
.contact_con .divs:nth-child(1),.contact_con .divs:nth-child(4){ width:36%;}
.contact_con .divs:nth-child(2),.contact_con .divs:nth-child(5){ width:28%;}
.contact_con .p{ line-height:32px;word-break: break-all;}
.contact_con .h3{line-height:26px;color: #999999; font-weight:normal; padding-left:27px; height:26px; overflow:hidden; background-repeat:no-repeat; background-position:left center; font-size:14px; margin-bottom:6px;}
.contact_con .h3.bgs1{ background-image:url(../images/contact_bg1.png);}
.contact_con .h3.bgs2{ background-image:url(../images/contact_bg2.png);}
.contact_con .h3.bgs3{ background-image:url(../images/contact_bg3.png);}
.contact_con .h3.bgs4{ background-image:url(../images/contact_bg4.png);}
.contact_con .h3.bgs5{ background-image:url(../images/contact_bg5.png);}
.contact_map{overflow:hidden;  margin-top:2%;height: 465px;}
.contact_map iframe{height: 465px; overflow:hidden;}
.contact_a{ /*float:left; */line-height:0px; font-size:14px;  margin-top:8px;/*overflow:hidden;*/ text-align:left; }
.contact_a a{-webkit-tap-highlight-color:transparent;text-decoration: none; outline: none;display:inline-block;width:29px; height:24px; margin-right:14px;  position:relative;transition:all 0.3s; background-size:100% 100%; background-repeat:no-repeat;}
.contact_a a:hover{/*filter: Alpha(Opacity=60);opacity: 0.6;*/}
.contact_a a:after{content: ""; position:absolute; width:100%; height:100%;left:0%; top:0;transition:all 0.3s;background-size:100% 100%; background-repeat:no-repeat; background-position:center center;opacity:0;filter:Alpha(opacity=0);}
.contact_a a:hover:after{ opacity:1.0;filter:Alpha(opacity=100);}
.contact_a a.icon-wechat{ background-image:url(../images/contact_pic2.png);}
.contact_a a.icon-wechat .wechat-qrcode{ text-decoration: none;-webkit-tap-highlight-color:transparent;display: none; border: 1px solid #eee; position: absolute; bottom: 40px;left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); z-index: 9; width: 140px; height: 170px; color: #666; font-size: 12px; text-align: center; background-color: #fff;transition: all 200ms; -webkit-tansition: all 350ms;-moz-transition: all 350ms;}
.contact_a a.icon-wechat .wechat-qrcode h4 { font-weight: normal;height: 26px; line-height: 26px;font-size: 12px; background-color: #f3f3f3;margin: 0; padding: 0;color: #777777;}
.contact_a a.icon-wechat .wechat-qrcode .qrcode { width: 105px; margin: 10px auto;}
.contact_a a.icon-wechat .wechat-qrcode .qrcode table {margin: 0 !important;}
.contact_a a.icon-wechat .wechat-qrcode .help p {font-weight: normal;line-height: 16px; padding: 0; margin: 0;}
.contact_a a.icon-wechat .wechat-qrcode:after { content: ''; position: absolute;left: 50%; margin-left: -6px; bottom: -13px;width: 0;height: 0;border-width: 8px 6px 6px 6px; border-style: solid;border-color: #ffffff transparent transparent transparent;}
.contact_a a.icon-wechat:hover{ background-image:url(../images/contact_pic2_on.png);}
.contact_a a.icon-wechat:hover .wechat-qrcode {display: block;}
.contact_a a.icon-qq{ background-image:url(../images/contact_pic1.png);}
.contact_a a.icon-qq:after{ background-image:url(../images/contact_pic1_on.png);}
.contact_a a.icon-weibo{ background-image:url(../images/contact_pic3.png);}
.contact_a a.icon-weibo:after{ background-image:url(../images/contact_pic3_on.png);}
/*资料下载*/
.down_ul{ overflow:hidden; margin-top:5%;}
.down_ul ul li{ float:left; width:32%; display:block; overflow:hidden; background:#f6f6f6; padding:2%; margin-bottom:2%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right:2%;}
.down_ul ul li:nth-child(3n+0){ margin-right:0;}
.down_ul ul li .dates{ float:left; width:29%; padding-right:4%; position:relative;line-height:22px; overflow:hidden; text-align:center; padding-top:37px; padding-bottom:50px; font-size:16px; color:#666666; font-family:"黑体"; margin-right:7%;}
.down_ul ul li .dates:after{ content:""; position:absolute; right:0; height:100%; width:1px; top:0; background:#e6e6e6;}
.down_ul ul li .dates b{ display:block; height:32px; line-height:32px; overflow:hidden;  font-size:28px; font-weight:normal;}
.down_ul ul li .txts{ overflow:hidden;}
.down_ul ul li .nmores{ display:block;color:#666666; font-size:14px; font-style:normal; margin-top:36px; width:147px; height:42px; line-height:42px; overflow:hidden; text-indent:38px; background:url(../images/down_bg1.png) #e3e3e3 106px center no-repeat;transition:all 0.3s;}
.down_ul ul li:hover .nmores{background-image:url(../images/down_bg1_on.png); background-color:#de3438; color:#fff;}
.down_ul ul li .h3{  overflow:hidden; line-height:28px; height:56px;/*text-overflow: ellipsis;white-space: nowrap;*/ text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;font-size:18px; color:#333333; margin-top:5px;}
/*品牌动态*/
.news_ul{ overflow:hidden; margin-top:4%;}
.news_ul ul li{float:left; width:32%;  overflow:hidden;margin-bottom:4%; margin-right:2%;}
.news_ul ul li:nth-child(3n+0){ margin-right:0;}
.news_ul ul li .span{ display:block; font-style:normal; width:162px; height:46px; line-height:46px; overflow:hidden; color:#fff; text-indent:48px; font-size:14px; background:url(../images/news_bg1.png) #de3438 117px center no-repeat; text-align:left;}
.news_ul ul li .imgs{ overflow:hidden;position:relative;}
.news_ul ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.news_ul ul li .imgs .span{opacity:0;filter:Alpha(opacity=0);position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);transition:all 0.3s;}
.news_ul ul li:hover .imgs .span{opacity:1.0;filter:Alpha(opacity=100);}
.news_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_ul ul li .txts{ width:94%; margin:0 auto;  overflow:hidden;text-align:center;}
.news_ul ul li .txts .span{ background-color:#292929; margin:0 auto; margin-top:15px;}
.news_ul ul li:hover .txts .span{opacity:0;filter:Alpha(opacity=0); display:none;}
.news_ul ul li .txts .date{ color:#4f8a50; font-size:14px; line-height:42px; height:42px; overflow:hidden; display:none;transition:all 0.3s;}
.news_ul ul li:hover .txts .date{ display:block;}
.news_ul ul li .txts .h2{ font-weight:normal;  height:32px; line-height:32px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:16px;transition:all 0.3s; clear:both; display:block; margin-top:18px; color:#222;}
/*新闻资讯详细*/
.about_x2{ float:left; width:66%; padding-bottom:1%; padding-right:3%;padding-top:4%; border-right:1px solid #e7e7e7;}
.about_x2 .show_t{ line-height:32px; font-size:24px; color:#333333; text-align:left; margin-bottom:1%; margin-top:5px; font-weight:bold;}
.about_x2 .con_line{height:40px; line-height:40px;font-size:15px; color:#c8c8c8; border-bottom:1px dashed #e5e5e5; text-align:left; padding-bottom:1%; }
.about_x2 img{margin-bottom:10px; display:block; max-width:100%;}
.about_x2 .con_id{ line-height:30px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:4%;font-size:15px; color:#555555;text-align:left;/* font-family:"宋体";*/ padding-bottom:4%;}
.about_x2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2 .con_id p{ padding-bottom:10px; overflow:hidden;}
.about_x2 table{border-collapse:collapse;border-spacing:0;}
.about_x2 table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}
.fenxiang{ float:right;}
.fenxiang.contact_a a{ width:30px; height:30px;}
.fenxiang.contact_a a.icon-qq{ background-image:url(../images/fx_pic1.png);}
.fenxiang.contact_a a.icon-qq:after{ background-image:url(../images/fx_pic1_on.png);}
.fenxiang.contact_a a.icon-weibo{background-image:url(../images/fx_pic2.png);}
.fenxiang.contact_a a.icon-weibo:after{background-image:url(../images/fx_pic2_on.png);}
.fenxiang.contact_a a.icon-wechat{background-image:url(../images/fx_pic3.png);}
.fenxiang.contact_a a.icon-wechat:after{background-image:url(../images/fx_pic3_on.png);}
.prenext{ padding-top:3%; text-align:center;  font-size:15px;margin-bottom:4%;border-top:1px dashed #e5e5e5; overflow:hidden; line-height:26px; color:#555555; }
.prenext a{ color:#555555; overflow:hidden; transition:all 0.3s;}
.prenext a:hover{ color:#da383d;  text-decoration:none;opacity:0.8;filter:Alpha(opacity=80);}
.news_r{ float:right; overflow:hidden; background:#fff; width:28%; max-width:390px; margin-top:3%; margin-bottom:5%;}
.news_r .news_t{ font-weight:normal;  overflow:hidden; position:relative; padding-left:10px;}
/*.news_r .news_t:after{ content:""; position:absolute; left:0; top:50%; margin-top:-12px; height:24px; width:3px; background:#c78f42;}*/
.news_r .news_t .h2{ font-weight:normal; color:#333333; font-size:22px; margin-right:30px;height:70px; line-height:70px;}
.news_r .news_ul3{ margin-left:10px; margin-right:30px; overflow:hidden;}
.news_r .news_ul3 ul li{ display:block; border-bottom:1px dashed #e5e5e5; padding-bottom:4%; margin-bottom:4%; overflow:hidden;}
.news_r .news_ul3 ul li label{ display:block; height:24px; line-height:24px;  color:#c8c8c8; font-size:14px;}
.news_r .news_ul3 ul li .h3{ font-weight:normal; overflow:hidden;height:30px; line-height:30px; color:#333; font-size:16px;transition:all 0.3s; margin-top:1%; margin-bottom:1%;white-space:nowrap;text-overflow:ellipsis;}
.news_r .news_ul3 ul li:hover .h3{ color:#da383d;}
.news_r .news_ul3 ul li:last-child{ border-bottom:0;}
/*全部商品*/
.news_a{ overflow:hidden; border-bottom:1px solid #e4e4e4; color:#555;padding-top:17px; padding-bottom:14px; }
.product_top{ margin-top:5%;}
.product_top ul li{ width:49%; float:left; overflow:hidden; margin-right:2%;display:block; margin-bottom:2%; height:380px;background:url(../images/product_bg1.jpg) center center no-repeat; background-size:cover; position:relative;}
.product_top ul li:nth-child(2n+0){ margin-right:0;}
.product_top ul li .cons{ float:left;margin-left:4%; margin-right:4%;width:50%; color:#333333; margin-top:6%;}
.product_top ul li:nth-child(2n+0) .cons{ text-align:right; float:right; margin-top:29%;}
.product_top ul li .imgs{ position:absolute; right:0; top:50%; margin-top:8%;transform: translate(0%, -50%);width:calc(94% - 190px);width:-webkit-calc(94% - 190px);width:-moz-calc(94% - 190px); margin-right:4%; text-align:center;}
.product_top ul li:nth-child(2n+0) .imgs{margin-right:0; margin-left:4%; left:0; right:auto; width:46%; max-width:330px; margin-top:3%;}
.product_top ul li .imgs img{ display:inline-block; max-width:90%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.product_top ul li:hover .imgs img{-webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); transform:scale(1.05, 1.05);}
.product_top ul li .span{ font-size:15px; font-weight:normal; display:block; line-height:36px; text-transform:uppercase; overflow:hidden; color:#999999;}
.product_top ul li .h3{ font-weight:normal; overflow:hidden; height:32px; line-height:32px;}
.product_top ul li .em{ display:inline-block; font-style:normal; width:146px; height:42px; line-height:42px; overflow:hidden; color:#fff; text-indent:36px; font-size:14px; background:url(../images/i_bg5.png) #de3438 106px center no-repeat;margin-top:20px;transition:all 0.3s; text-align:left; margin-bottom:5px;}
.product_top ul li .em:hover{ text-indent:39px; background-position:109px center;}
.product_t{ clear:both; padding-top:1.5%; padding-bottom:1.5%; overflow:hidden; color:#333;}
.product_ul{ margin-top:2.5%; overflow:hidden;}
.product_ul ul li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%; overflow:hidden;}
.product_ul ul li:nth-child(4n+0){ margin-right:0;}
.product_ul ul li .boxs{ overflow:hidden; border:1px solid #e4e4e4;}
.product_ul ul li .imgs{ overflow:hidden;}
.product_ul ul li .imgs img{ width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.product_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_ul ul li .txts{ width:94%; margin:0 auto; overflow:hidden; padding-top:25px; margin-bottom:33px; text-align:center; position:relative;}
.product_ul ul li .txts .h2{ font-weight:normal; height:20px; line-height:20px; overflow:hidden; font-size:16px; margin-bottom:7px; color:#333;transition:all 0.3s;}
.product_ul ul li .txts .p{ height:20px; line-height:20px; overflow:hidden; font-size:14px; color:#999999;transition:all 0.3s;}
.product_ul ul li .txts .span{ position:absolute; left:50%; bottom:0;transform: translate(-50%, 0%);width:138px; height:40px; line-height:40px; overflow:hidden; color:#fff; text-indent:36px; font-size:14px; background:url(../images/i_bg5.png) #4f8a50 100px center no-repeat;margin-top:7px;transition:all 0.3s; text-align:left;opacity:0;filter:Alpha(opacity=0);}
.product_ul ul li .txts .span:hover{ text-indent:39px; background-position:103px center;}
.product_ul ul li:hover .txts .h2{opacity:0;filter:Alpha(opacity=0);}
.product_ul ul li:hover .txts .p{opacity:0;filter:Alpha(opacity=0);}
.product_ul ul li:hover .txts .span{ opacity:1.0;filter:Alpha(opacity=100);}
/*产品详细*/
.position3{overflow:hidden; color:#555555; text-align:left; font-size:15px;}
.position3 .wrap{height:62px; line-height:62px; overflow:hidden;}
.position3 a{ color:#555555;  text-decoration:none;transition:all 0.3s;}
.position3 a:hover{color:#da393d;}
.position3 .home{ float:left; height:18px; margin-top:22px;transition:all 0.3s;}
.position3 .home:hover{opacity:0.8;filter:Alpha(opacity=80);}
.position3 .postions_r{ float:left;}
.position3 .postions_r img{ vertical-align:middle; margin-right:10px; margin-left:10px; height:5px;}
.product_bg{ overflow:hidden; background:#f5f5f5; padding-bottom:5%;}
.pro_one{ overflow:hidden; margin-top:2%; background:#fff;margin-bottom:2%;}
.pro_one .pro_box{ margin:0 auto; width:94%; max-width:1320px; overflow:hidden; padding-top:30px; padding-bottom:30px; position:relative;}
.pro_one .pro_box .com_pro_one_limg{ float:left; overflow:hidden;width:54.9%; min-width:720px;  position:relative;}
.pro_one .pro_box .com_pro_one_limg .content_timglt{ float:right; width:calc(100% - 123px);width:-webkit-calc(100% - 123px);width:-moz-calc(100% - 123px); overflow:hidden; text-align:center; position: relative; }
.pro_one .pro_box .com_pro_one_limg .content_timglt img{ width:100%;overflow: hidden; margin:0 auto; border:1px solid #e4e4e4;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro_one .pro_box .com_pro_one_limg .content_timglt .content_timglt{ width:calc(100% - 0x);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px); }
.pro_one .pro_box .com_pro_one_limg #drag_img{width: 160px; height: 120px; background: url(../images/zoom_bg.gif) repeat; float: left; display: none;}
.pro_one .pro_one_r .content_timgr{ width: 492px; height: 479px; float: left; overflow: hidden; display: inline; border: 1px solid #eee; display: none; position: absolute; left: 0; top:0; background-color: #FFF; z-index:9;}
.pro_one .pro_one_r .content_timgr img{width: 984px; height:958px; }

.pro_one .pro_box .com_pro_one_limg .pro_imgsmall{ position:absolute; left:0; top:0; width:100px; }
.pro_one .pro_box .com_pro_one_limg .com_pro_one_lsmal{position:relative; overflow:hidden; height:540px; width:100px;  margin:0 auto;margin-top:30px; }
.pro_one .pro_box .com_pro_one_limg .com_pro_one_lsmal ul{position:absolute;left:0px;top:0px;}
.pro_one .pro_box .com_pro_one_limg .com_pro_one_lsmal ul li{ width:100px; height:100px;  float:left;margin-bottom:9px; /*border-radius:6px;*/ overflow:hidden; position:relative;}
/*.pro_one .pro_box .com_pro_one_limg .com_pro_one_lsmal ul li:after{ content:""; position:absolute; top:0; left:0px; width:0; height:0; background:url(../images/product_bg3.png) no-repeat; background-size:100% 100%;}*/
.pro_one .pro_box .com_pro_one_limg .com_pro_one_lsmal ul li.psel img{ /*border:none;*/border:1px solid #de3438;}
/*.pro_one .pro_box .com_pro_one_limg .com_pro_one_lsmal ul li.psel:after{width:100%; height:100%;}*/
.pro_one .pro_box .com_pro_one_limg .com_pro_one_lsmal ul li img{width:98px; height:115px;border:1px solid #e4e4e4;  display:block; }
.pro_one .pro_box .com_pro_one_limg .productT{ height:100%; width:0%; position:absolute; top:0;}
.pro_one .pro_box .com_pro_one_limg .productT a{ width:24px; left:38px; height:24px; overflow:hidden; position:absolute; display:block; top:0; cursor:pointer;}
.pro_one .pro_box .com_pro_one_limg .productT a.product_Ar{ background:url(../images/product_left.png) center center no-repeat; top:0;transition:all 0.3s;}
.pro_one .pro_box .com_pro_one_limg .productT a.product_Ar:hover{background:url(../images/product_left_on.png) center center no-repeat;}
.pro_one .pro_box .com_pro_one_limg .productT a.product_Al{ background:url(../images/product_right.png) center top no-repeat; bottom:-36px; top:auto;transition:all 0.3s;}
.pro_one .pro_box .com_pro_one_limg .productT a.product_Al:hover{background:url(../images/product_right_on.png) center top no-repeat;}
.pro_one .pro_one_r{ overflow:hidden;color:#777777; font-size:15px; min-height:595px;}
.pro_one .pro_one_r .boxs{ float:right; width:94%; max-width:560px;  position:relative;}
.pro_one .pro_one_r .label{ display:block; overflow:hidden; margin-bottom:5%; font-size:15px; padding-bottom:4%; border-bottom:1px solid #e4e4e4;}
.pro_one .pro_one_r .h2{ font-weight:bold; padding-bottom:3%; line-height:1.5; color:#333333; margin-top:5%;}
.pro_one .pro_one_r .b{ display:block; font-weight:bold; font-size:16px; color:#333333;text-transform:uppercase;}
.pro_one .pro_one_r .p{ margin-top:3%; line-height:24px; padding-bottom:4%; border-bottom:1px solid #e4e4e4; overflow:hidden;}
.pro_one .pro_one_r .p ul li{ overflow:hidden; display:block; margin-bottom:2%; padding-left:17px; background:url(../images/product_bg3.png) left 10px no-repeat;}
.pro_one .pro_one_r .a{ font-size:12px; text-align:right; margin-top:15px; cursor:pointer;}
.pro_one .pro_one_r .a a{ float:left; height:44px; line-height:44px; width:40%; max-width:186px; border-radius:6px; text-align:center; color:#fff; font-size:15px; border-radius:6px; background:#ff3300;transition:all 0.3s; margin-right:2%;}
.pro_one .pro_one_r .a a.bgs2{ background:#e71a19;}
.pro_one .pro_one_r .a a:hover{opacity:0.8;filter:Alpha(opacity=80);}
.pro_one .pro_one_r .com_pro_two{ height:28px; line-height:28px; font-size:12px; padding-top:6%; clear:both;}
.pro_one .pro_one_r .com_pro_two.contact_a a.icon-qq{ display:none!important;}
.pro_one .pro_one_r .com_pro_two span{ float:left; line-height:24px; font-size:14px; color:#333; margin-right:2%;}
.pro_one .pro_one_r .com_pro_two #share2{ float:left;}
.pro_two{ overflow:hidden; background:#fff; padding-top:4%; padding-bottom:5%; line-height:30px; font-size:15px;}
.pro_two .cons{ margin:0 auto; width:94%; overflow:hidden;}
.pro_two img{ max-width:100%;}
.product_t2{ clear:both; padding-top:2%; padding-bottom:2%; overflow:hidden; color:#222222; font-weight:bold; text-align:center;}
/*网站地图*/
.website_t{ height:36px; line-height:36px; /*background:#F2F0EC;*/ color:#333; font-weight:bold; padding-left:12px; font-size:14px; margin-top:20px; margin-bottom:17px;}
.website_t a{color:#333; }
.sitemap_main{ overflow:hidden;}
.sitemap_main dd{font-size: 12px; line-height: 31px;text-align: center; background:#fff;  white-space: nowrap; display: block; float: left;height: 31px; width:calc(19.2% - 2px);width:-webkit-calc(19.2% - 2px);width:-moz-calc(19.2% - 2px); margin-right:1%; margin-bottom:1%; overflow: hidden; /*border: 1px dashed #dddddd;*/text-overflow: ellipsis;}
.sitemap_main dd:Hover{ background:#de3438;color:#fff;}
.sitemap_main dd:nth-child(5n+0){ margin-right:0;}
.sitemap_main dd a{ display:block;}
.sitemap_main dd a:Hover{color:#fff; }
@media screen and (max-width: 1600px) {
/*内页*/


}
@media screen and (max-width: 1440px) {
/*内页*/
.position2{ font-size:14px;}
.position2 .wrap{ height:50px; line-height:50px;}
.position2 .home{ margin-top:16px;}
.o_big_con .h2 span{ line-height:32px;}
.position{height:56px; line-height:56px;}
.position .postions_b a{ margin-left:20px; margin-right:20px;}
/*新闻资讯详细*/
.news_r .news_t .h2{ margin-right:20px;}
.news_r .news_ul3{  margin-right:20px;}
/*产品详细*/
.position3{ font-size:14px;}
.position3 .wrap{ height:50px; line-height:50px;}
.position3 .home{ margin-top:16px;}

}
@media screen and (max-width: 1360px) {
/*品牌故事*/
.about_r .p{ line-height:32px;}
/*资料下载*/
.down_ul ul li .h3{ font-size:17px;}
.down_ul ul li .nmores{ width:130px;text-indent: 30px; background-position:103px center;}
/*产品详细*/
.pro_one .pro_box .com_pro_one_limg{ min-width:660px;}
.pro_one .pro_box .com_pro_one_limg .com_pro_one_lsmal{ height:480px;}
.pro_one .pro_one_r{ min-height:535px;}
.pro_one .pro_one_r .content_timgr img{width: 806px; height:785px; }
}
@media screen and (max-width: 1200px) {
/*内页*/
.position .postions_b a{ font-size:15px; margin-left:16px; margin-right:16px;}
/*品牌故事*/
.about_l{ margin-right:3%;}
.about_r .p{ line-height:28px;}
/*新闻资讯详细*/
.about_x2{ width:60%;}
.news_r{ width:37%;}
/*全部商品*/
.product_top ul li{ height:300px;}
.product_top ul li:nth-child(2n+0) .cons{ margin-top:22%;}
/*产品详细*/
.pro_one .pro_box{ width:96%;}
.pro_one .pro_box .com_pro_one_limg{ min-width:594px;}
.pro_one .pro_box .com_pro_one_limg .com_pro_one_lsmal{ height:410px;}
.pro_one .pro_one_r{ min-height:466px;font-size:14px;}
.pro_one .pro_one_r .label{ font-size:14px;}
/*网站地图*/
.sitemap_main dd{width:calc(24.25% - 2px);width:-webkit-calc(24.25% - 2px);width:-moz-calc(24.25% - 2px);}
.sitemap_main dd:nth-child(5n+0){ margin-right:1%;}
.sitemap_main dd:nth-child(4n+0){ margin-right:0;}
}
@media screen and (max-width: 1160px) {


}

@media screen and (max-width: 1100px) {
/*内页*/
/*品牌故事*/
.about_r .p{ font-size:14px;}
/*全部商品*/
.product_top ul li{ height:250px;}
.product_top ul li:nth-child(2n+0) .cons{ margin-top:17%;}
.product_ul ul li{ width:32%;}
.product_ul ul li:nth-child(4n+0){ margin-right:2%;}
.product_ul ul li:nth-child(3n+0){ margin-right:0;}
/*产品详细*/
.pro_one .pro_box .com_pro_one_limg .com_pro_one_lsmal{ height:360px;}
.pro_one .pro_box .com_pro_one_limg{ min-width:545px;}
}
@media screen and (max-width: 1000px) {
/*内页*/
/*品牌故事*/
.about_l{ width:460px;}
.about_r .p{ line-height:26px; font-size:13px;}


}
@media screen and (max-width: 960px) {
/*内页*/
.position2{ font-size:13px;}
.position2 .wrap{ height:40px; line-height:40px;}
.position2 .home{ margin-top:12px; height:16px;}
.o_big_con .h2{ padding-bottom:35px;}
.o_big_con .h2 span{ line-height:30px;}
.position{height:50px; line-height:50px; font-size:14px;}
.position .rclass{ display:block;}
.position .postions_b{ display:none;}
.position .postions_b a{  display:block; margin-left:0; padding-left:3%; text-align:left; background:#efefef; border-bottom:1px solid #fff; font-size:14px;}
.position .postions_b a:after{ height:0;}
.position .postions_b a.isel{ background:#4f8a50;color:#fff;}

/*分类弹窗*/
.about_tc{z-index: 19891025; width: 0%; right: 0%; position:absolute; overflow: hidden; top:0; height:100%;/* display: none;*/transition: all 0.3s;}
.postions_b.lws .about_tc{ width:80%;}
.postions_b.lws{ display:block;}
.about_tc .about_divs{ position:absolute; right:0; width:85%; background-color:#fff; top:0; overflow:hidden; height:100%;}
.about_tc .closed2{ right:84.5%; position:absolute; top:150px; cursor:pointer; width:40px; display:block;}
.about_tc .closed2:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}

/*品牌故事*/
.about_l{ width:400px;}
.about_r .p{ line-height:22px;}
/*成为代理商*/
.about_t2{ margin-top:7%;}
.about_t2 .h3{ margin-top:8px;}
.feedback_div .inputs2{ height:44px; line-height:44px;}
/*联系我们*/
.contact_map{ height:400px;}
.contact_map iframe{ height:400px;}
/*资料下载*/
.down_ul ul li{ width:49%;}
.down_ul ul li:nth-child(3n+0){ margin-right:2%;}
.down_ul ul li:nth-child(2n+0){ margin-right:0;}
/*品牌动态*/
.news_ul ul li .txts .h2{ font-size:14px;}
.news_ul ul li .span{width:120px; text-indent:25px; background-position:96px center;height:40px; line-height:40px;}
.news_ul ul li .txts .date{height:40px; line-height:40px;}
/*新闻资讯详细*/
.about_x2{ width:100%; float:none;}
.about_x2 .con_id{ line-height:26px; font-size:15px;}
.news_r{ width:100%; float:none; max-width:none;}
.news_r .news_ul3 ul li{ padding-bottom:2%; margin-bottom:2%;}

.prenext{ font-size:14px;}
/*全部商品*/
.product_top ul li{ height:220px;}
.product_top ul li:nth-child(2n+0) .cons{ margin-top:13%;}
.product_top ul li .span{ line-height:30px;}
/*产品详细*/
.position3{ font-size:13px;}
.position3 .wrap{ height:40px; line-height:40px;}
.position3 .home{ margin-top:11px; height:16px;}
.pro_one .pro_box .com_pro_one_limg{ min-width:inherit; width:94%; max-width:600px; margin:0 auto; float:none;}
.pro_one .pro_box .com_pro_one_limg .content_timglt{width: calc(100% - 0px); width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px);}
.pro_one .pro_box .com_pro_one_limg #drag_img{ display:none!important;}
.pro_one .pro_one_r .content_timgr{display:none!important;}
.pro_one .pro_box .com_pro_one_limg{ overflow:visible;}
.pro_one .pro_box .com_pro_one_limg .productT{ width:100%; height:0;top:92%; margin-top:-7px;}
.pro_one .pro_box .com_pro_one_limg .productT a{ }
.pro_one .pro_box .com_pro_one_limg .productT a.product_Ar{ left:-24px; right:auto; background-image:url(../images/product_left2.png);}
.pro_one .pro_box .com_pro_one_limg .productT a.product_Ar:hover{background-image:url(../images/product_left2_on.png);}
.pro_one .pro_box .com_pro_one_limg .productT a.product_Al{ left:auto; right:-24px;background-image:url(../images/product_right2.png); bottom:auto; background-position:center center;}
.pro_one .pro_box .com_pro_one_limg .productT a.product_Al:hover{background-image:url(../images/product_right2_on.png);background-position:center center;}
.pro_one .pro_box .com_pro_one_limg .pro_imgsmall{width:94%; max-width:580px; margin:0 auto; position:relative; right:auto; }
.pro_one .pro_box .com_pro_one_limg .com_pro_one_lsmal{  height:100px; right:0; position:relative; width:100%; padding-top:10px;}
.pro_one .pro_box .com_pro_one_limg .com_pro_one_lsmal ul li{ margin-bottom:0; margin-right:9px; overflow:visible;/* width:15%; margin-right:2%;*/}
/*.pro_one .pro_box .com_pro_one_limg .com_pro_one_lsmal ul li img{width:calc(100% - 2px);width:-webkit-calc(100% - 2px);width:-moz-calc(100% - 2px); height:auto;}*/
.pro_one .pro_one_r .boxs{ margin:0 auto; width:96%; max-width:none; margin-top:3%; float:none;}


}
@media screen and (max-width: 830px) {
/*内页*/
/*品牌故事*/
.about_l{ float:none; margin-right:0; width:100%;}
.about_r{ padding-top:3%;}
.about_r .p{ line-height:26px;}
/*联系我们*/
.contact_con .p{ line-height:26px;}
/*品牌动态*/
.news_ul ul li{ width:49%;}
.news_ul ul li:nth-child(3n+0){ margin-right:2%;}
.news_ul ul li:nth-child(2n+0){ margin-right:0}
}
@media screen and (max-width: 780px) {
/*内页*/
.o_big{ height:130px;}
.o_big_con .h2{ font-size:13px;}
/*分页*/
.yema a{ height:26px; line-height:26px; padding-left:6px; padding-right:6px; margin-left:2px; margin-right:2px; font-size:13px;}
.yema a span{ font-size:14px;}
/*资料下载*/
.down_ul ul li .dates{ padding-top:27px; padding-bottom:40px;}
.down_ul ul li .h3{ font-size:16px; line-height:24px; height:48px;}
.down_ul ul li .nmores{ margin-top:24px; height:36px; line-height:36px; width:120px; text-indent:25px; background-position:95px center;}
/*全部商品*/
.product_top ul li{ width:100%; margin-right:0; height:auto;}
.product_top ul li .cons{ margin-bottom:13%;}
.product_top ul li:nth-child(2n+0) .cons{ margin-top:12%;}
.product_top ul li .imgs{ margin-top:3%; margin-right:0%;}
.product_top ul li .span{ line-height:26px;}
.product_ul ul li{ width:49%;}
.product_ul ul li:nth-child(3n+0){ margin-right:2%;}
.product_ul ul li:nth-child(2n+0){ margin-right:0;}
/*网站地图*/
.sitemap_main dd{width:calc(32.66% - 2px);width:-webkit-calc(32.66% - 2px);width:-moz-calc(32.66% - 2px);}
.sitemap_main dd:nth-child(4n+0){ margin-right:1%;}
.sitemap_main dd:nth-child(3n+0){ margin-right:0;}
}

@media screen and (max-width: 640px) {

/*内页*/
.position{height:44px; line-height:44px; font-size:13px;}
.position .postions_b a{ font-size:13px;}
/*分页*/
.yema a{ font-size:12px;}
.yema a span{ font-size:13px;}
/*品牌故事*/
.about_con{ margin-top:8%;}
.about_l:before{ height:12px; top:-12px; left:-12px;}
.about_l:after{ width:12px; left:-12px; top:-12px;}
/*成为代理商*/
.feedback_div .inputs2{ font-size:14px;height:40px; line-height:40px;}
.feedback_div .textarea{ font-size:14px;}
.feedback_div .bnts2{ font-size:14px; max-width:150px;}
.feedback_desc{ font-size:14px;}
/*联系我们*/
.contact_a ul li{ width:24px; height:24px;}
.contact_a ul li.qq a.bds_sqq{ width:24px;}
.contact_a ul li.sinna a.bds_tsina{ width:24px;}
/*联系我们*/
.contact_con .divs{ float:none; width:100%; width:100%;}
.contact_con .divs:nth-child(1), .contact_con .divs:nth-child(4){ width:100%;}
.contact_con .divs:nth-child(2), .contact_con .divs:nth-child(5){ width:100%;}
.contact_map{ height:350px;}
.contact_map iframe{ height:350px;}
/*资料下载*/
.down_ul ul li .h3{ font-size:15px;}
/*新闻资讯详细*/
.about_x2 .show_t{ font-size:18px; line-height:30px; text-align:center;}
.about_x2 .show_t.f20{ line-height:28px;}
.about_x2 .con_line{ font-size:12px; height:65px; line-height:30px; text-align:center;}
.about_x2 .con_id{ font-size:14px; line-height:24px;}
.fenxiang{ float:none; margin-top:5px; text-align:center;}
.news_r .news_t .h2{ margin-right:12px;font-size:18px; height:60px; line-height:60px;}
.news_r .news_ul3{  margin-right:12px;}
.news_r .news_ul3 ul li .h3{ font-size:15px;}
.news_r .news_ul3 ul li label{ font-size:13px;}
.prenext{ font-size:13px; line-height:24px; text-align:left;}
.prenext .l{ float:none; display:block;}
.prenext .r{ float:none; display:block;}
/*全部商品*/
.product_top ul li .span{ font-size:14px;}
/*产品详细*/
.pro_one .pro_box .com_pro_one_limg{ width:100%;}
.pro_one .pro_box .com_pro_one_limg .pro_imgsmall{ width:90%;}
.pro_one .pro_one_r{ min-height:inherit;}
.product_t2{ padding-top:6%;}
}
@media screen and (max-width: 520px) {
/*内页*/
/*品牌动态*/
.news_ul ul li .span{height:32px; line-height:32px; width:120px;}
.news_ul ul li .txts .date{ line-height:32px; width:120px;}
/*产品详细*/
.pro_one .pro_box .com_pro_one_limg .productT{ top:91%;}
}
@media screen and (max-width: 480px) {
/*内页*/
.position2{ font-size:12px;}
.position2 .wrap{ height:36px; line-height:36px;}
.position2 .home{ margin-top:11px; height:14px;}
.position2 .postions_r img{ margin-left:4px; margin-right:4px;}
.position{ font-size:12px;}
.o_big_con .h2{ font-size:12px;}
.position .postions_b a{ font-size:12px;}
/*分页*/
.yema{ padding-top:35px; padding-bottom:40px;}
.yema a{ padding-left:5px; padding-right:5px; margin-left:1px; margin-right:1px;}
/*品牌故事*/
.about_l:before{ height:8px; top:-8px; left:-8px; width:50px;}
.about_l:after{ width:8px; left:-8px; top:-8px; height:50px;}
/*成为代理商*/
.feedback_div{ border-width:3px;}
.feedback_div .divs{ float:none; width:100%; margin-right:0;}
.feedback_div .inputs2{ font-size:13px; text-indent:2%;}
.feedback_div .textarea{ padding-top:2%;}
.feedback_div .bnts2{ max-width:none; height:40px; line-height:40px;}
.feedback_desc{ font-size:13px;}
/*联系我们*/
.contact_a ul li{ margin-right:10px;}
/*资料下载*/
.down_ul ul li .nmores{ font-size:13px; width:110px; text-indent:18px;background-position: 90px center; margin-top:18px;}
.down_ul ul li .dates{ padding-top:22px; padding-bottom:35px;}
.down_ul ul li .dates b{ font-size:24px;}
.down_ul ul li .h3{ font-size:14px; line-height:22px; height:44px;}
/*品牌动态*/
.news_ul ul li .txts .h2{ height:24px; line-height:24px; margin-top:12px;}
.news_ul ul li .span{ height:32px; line-height:32px; font-size:13px;}
/*新闻资讯详细*/
.about_x2 .show_t{ font-size:17px; line-height:28px;}
.about_x2 .show_t.f20{ line-height:26px;}
.about_x2 .con_id{ font-size:13px;}	
.news_r .news_t .h2{font-size:16px; height:50px; line-height:50px;}

.prenext{ font-size:12px; line-height:22px;}
/*全部商品*/
.product_top ul li .span{ font-size:13px;}
.product_top ul li .em{ width:120px; background-position:100px center; text-indent:22px; height:36px; line-height:36px;}
.product_top ul li .em:hover{text-indent:25px;background-position:103px center;}
.product_ul ul li .txts .h2{ font-size:15px;}
.product_ul ul li .txts .p{ font-size:13px;}
.product_ul ul li .txts .span{ font-size:13px; height:36px; line-height:36px; width:120px; text-indent:27px; background-position:97px center;}
.product_ul ul li .txts .span:hover{ text-indent:30px;background-position:100px center;}
/*产品详细*/
.position3{ font-size:12px;}
.position3 .wrap{ height:36px; line-height:36px;}
.position3 .home{ margin-top:10px; height:14px;}
.pro_one .pro_box{ padding-top:3%; padding-bottom:3%;}
.pro_one .pro_box .com_pro_one_limg .productT{ top:92%;}
.pro_one .pro_box .com_pro_one_limg .com_pro_one_lsmal{ height:auto;}
.pro_one .pro_box .com_pro_one_limg .com_pro_one_lsmal ul li{ width:62px; height:auto;}
.pro_one .pro_box .com_pro_one_limg .com_pro_one_lsmal ul li img{ width:60px; height:auto;}
.pro_one .pro_one_r{ font-size:13px;}
.pro_one .pro_one_r .label{ font-size:13px;}
.pro_one .pro_one_r .b{ font-size:15px;}
.pro_one .pro_one_r .a a{ height:40px; line-height:40px; font-size:14px; width:48%;}
/*网站地图*/
.sitemap_main dd{width:calc(49.5% - 2px);width:-webkit-calc(49.5% - 2px);width:-moz-calc(49.5% - 2px);}
.sitemap_main dd:nth-child(3n+0){ margin-right:1%;}
.sitemap_main dd:nth-child(2n+0){ margin-right:0;}
}
@media screen and (max-width: 420px) {
/*资料下载*/
.down_ul ul li{ float:none; width:100%; margin-right:0;}
.down_ul ul li .nmores{ font-size:12px; width:100px; text-indent:13px;background-position: 82px center;}
/*品牌动态*/
.news_ul ul li .span{width:110px; text-indent:20px; background-position:90px center; font-size:12px;}
/*全部商品*/
.product_top ul li .span{ font-size:12px;}
.product_ul ul li .txts .span{ font-size:12px; }
/*产品详细*/
.pro_one .pro_box .com_pro_one_limg .productT{ top:91%;}
}
@media screen and (max-width: 380px) {
/*产品详细*/
.pro_one .pro_box .com_pro_one_limg .productT{ top:90%;}
}
@media screen and (max-width: 360px) {



}
@media screen and (max-width: 320px) {
/*内页*/

}
.wrap2 {
  clear: both;
  width: 96%;
  max-width: 1400px;
  margin: 0 auto;
  text-align: left;
  zoom: 1;
}
.f66 {
  font-size: 66px;
}
.customization-page {
  padding: 64px 20px 74px 20px;
  text-align: center;
}
.customization-page img {
  max-width: 100%;
}
.customization-page .title {
  line-height: 52px;
  margin-bottom:30px;
}
.customization-page .title .en {
  font-family: "Arial", arial;
  font-size: 40px;
  font-weight: bold;
  text-align:center;
}
.customization-page .title .tit {
  font-size: 34px;
  text-align:center;
}
.customization-page .title span {
  color: #d54e14;
}
.customization-page .p1 {
  font-size: 16px;
  margin: 52px 0 30px 0;
  text-align:center;
}
.customization-page .p2 {
  font-family: "Arial", arial;
  font-size: 130px;
  color: #d54e14;
}
.customization-page .p3 {
  margin: 30px 0 60px 0;
}
.customization-page .p4 {
  font-size: 15px;
  color: #555555;
  margin-top: 46px;
}
.customization-page .message {
  background: url(../images/message_bg.png);
  border-top: solid 4px #d54e14;
  margin-top: 36px;
  padding: 66px 62px;
}
.customization-page .message .row {
  margin: 0 -22px;
}
.customization-page .message .col {
  padding: 0 22px;
  margin-bottom: 35px;
}
.customization-page .message input[type='text'] {
  width: 100%;
  height: 56px;
  line-height: 54px;
  border: solid 1px #d1d1d1;
  padding: 0 22px;
  font-size: 15px;
  color: #333;
  background: none;
}
.customization-page .message input[type='text']::-webkit-input-placeholder {
  color: #555555;
}
.customization-page .message input[type='text']:-moz-placeholder {
  color: #555555;
}
.customization-page .message input[type='text']::-moz-placeholder {
  color: #555555;
}
.customization-page .message input[type='text']:-ms-input-placeholder {
  color: #555555;
}
.customization-page .message .btnbox {
  text-align: center;
}
.customization-page .message .pcbtn {
  padding: 0;
  margin-top: 18px;
  overflow: hidden;
}
.customization-page .message .pcbtn button,
.customization-page .message .pcbtn input {
  padding: 0 30px;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
}
.customization-page {
  text-align: center;
}
.col12, .col {
  width: 100%;
  float: left;
}
.col6 {
  width: 50%;
}
.pcbtn {
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 40px;
  min-width: 148px;
  color: #fff;
  background: #d54e14;
  overflow: hidden;
  display: inline-block;
}
.rbtn input, .rbtn span {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
  display: block;
  background: none;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
textarea, input {
  font-family: "Microsoft YaHei", "Arial", arial;
  color: #333333;
  font-size: 14px;
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-appearance: none;
  display: block;
}
textarea{width:100%;height:130px;}
.about_one{ overflow:hidden; margin-top:5%; }
.about_one .about_one_l{ float:left; overflow:hidden; width:48%; max-width:800px;color:#666666; font-size:18px;}
.about_one .about_one_l .span{ overflow:hidden; color:#32bce9;line-height:1.4; margin-top:2%;}
.about_one .about_one_l .h3{ font-weight:normal; color:#333333; overflow:hidden; line-height:1.3; position:relative; margin-top:4%;}
.about_one .about_one_l .p{ overflow:hidden; line-height:28px; margin-top:4%;text-align:justify;}
.about_one .about_one_l .p p{ overflow:hidden; margin-bottom:3%;}
.about_one .imgs{ float:right; width:50%;  overflow:hidden;}
.about_one .imgs img{ width:100%; display: block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.about_one .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.about_one_ul{  margin-top:4%; margin-bottom:7%;}
.about_one_ul li{ float:left; width:23.5%; margin-right:2%;  overflow:hidden; height:356px; background:#fff;transition:all 0.3s; text-align:center;box-shadow: 0px 10px 20px 0px rgba(50, 188, 233, 0.18); text-align:center;}
.about_one_ul li:nth-child(4n+0){ margin-right:0;}
/*.about_one_ul li:hover{ background:#d10000;}*/
.about_one_ul li .imgs{ width:69px; height:69px; overflow:hidden; position:relative;transform: scaleX(1);transition: transform 0.3s; margin:0 auto; margin-top:60px;}
.about_one_ul li .imgs img{ width:100%; height:100%; display:block;transition:all 0.3s; position:absolute; top:0; left:0;}
/*.about_one_ul li .imgs #img2{ opacity:0;filter:Alpha(opacity=0);}
.about_one_ul li:hover .imgs #img1{opacity:0;filter:Alpha(opacity=0);}
.about_one_ul li:hover .imgs #img2{opacity:1.0;filter:Alpha(opacity=100);}*/
.about_one_ul li:hover .imgs{ transform: scaleX(-1);}
.about_one_ul li .boxs{ width:94%; margin:0 auto; max-width:340px; overflow:hidden;}
.about_one_ul li .h3{ margin-top:10px; line-height:40px; height:40px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#333333; font-weight:normal;transition:all 0.3s;}
/*.about_one_ul li:hover .h3{ color:#fff;}*/
.about_one_ul li .p{ margin-top:17px; line-height:26px; height:auto; overflow:hidden;text-overflow: ellipsis;  color:#666666; font-size:18px;transition:all 0.3s;}
/*.about_one_ul li:hover .p{ color:#fff;}*/

.about_t{ text-align:center; overflow:hidden; color:#333333; margin-top:6%;}
.about_bg2 { padding:20px 0px;}
.about_bg2 .wrap {padding:20px 0px;}
@media screen and (max-width: 960px) {


/*关于我们*/
.about_one_ul li{ height:auto;}
.about_one_ul li .imgs{ width:60px; height:60px; margin-top:25px;}
.about_one_ul li .p{ font-size:13px; margin-top:6px; line-height:20px; height:auto; padding-bottom:20px;}
.about_one_ul li .h3{ font-size:14px; height:26px; line-height:26px;}
.about_one .about_one_l{ font-size:13px;}
.about_one .about_one_l .p{ line-height:22px;}
.about_one .about_one_l .h3{ font-size:22px;}
.about_t{ font-size:22px;}


 .about_one_ul li {
    width: 49%;
    height: 250px;
    margin-bottom: 2%;
	margin-right:0px;
  }
  .f66 {
  font-size: 36px;
}

}
@media screen and (max-width: 480px) {


/*关于我们*/
.about_one_ul li{ height:auto;}
.about_one_ul li .imgs{ width:60px; height:60px; margin-top:25px;}
.about_one_ul li .p{ font-size:13px; margin-top:6px; line-height:20px; height:auto;padding-bottom:20px;}
.about_one_ul li .h3{ font-size:14px; height:26px; line-height:26px;}
.about_one .about_one_l{ font-size:13px;}
.about_one .about_one_l .p{ line-height:22px;}
.about_one .about_one_l .h3{ font-size:22px;}
.about_t{ font-size:22px;}

 .about_one_ul li {
    width: 49%;
    height: auto;
    margin-bottom: 2%;
	margin-right:0px;
  }
  .f66 {
  font-size: 36px;
}

}

@media screen and (max-width: 420px) {


}
@media screen and (max-width: 360px) {
/*内页*/
/*人才招聘*/
.gr-employ .tit-bar{padding:10px 10px;}
.gr-employ .tit-bar li{ line-height:18px;}
.gr-employ .tit-bar li:first-child{ font-size:14px;}
.gr-employ-list .item .cont{padding:20px 10px;}

}


.selects{height: 52px;  width: 100%;border:1px solid #e8e8e8;color:#656565;font-size: 16px;padding-left: 66px;}
@media screen and (max-width: 1440px){
	.selects{
		height:46px;
		padding-left: 50px;
	}
}
@media screen and (max-width: 640px){
	.x-banner { margin-top:60px;}
	.selects{
		height:40px;
		width:100%;border:1px solid #e8e8e8;color:#656565;font-size: 16px;padding-left: 10px;
	}
}

@media screen and (max-width: 480px){
.selects{ font-size:14px;}
}

@keyframes move2 {
  0% {
    opacity: 1;
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0);
    opacity: 0.2;
  }
}

@keyframes i_bg_c2{
0%{ background-size:100% auto;}25%{ background-size:116% auto;}50%{ background-size:100% auto;}75%{ background-size:84% auto;}100%{ background-size:100% auto;}
}
.fancybox-button { display: inline-block!important;}

.fancybox-navigation .fancybox-button { opacity:1!important;}
.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { visibility:inherit !important;}

/*生产中心*/

.produce-page .introduction { padding: 70px 0;}

.produce-page .introduction img {width: 100%;display: block;}

.produce-page .introduction .pic {width: 50%; vertical-align: top;}

.produce-page .introduction .cont { width: 50%; padding-left: 96px;}

.produce-page .introduction .entit { font-size: 60px;line-height: 60px; font-weight: bold;text-transform: uppercase;}

.produce-page .introduction .title {font-size: 24px;font-weight: bold;color: #0d3e84; margin: 22px 0 60px 0;}

.produce-page .introduction .text {line-height: 26px; font-size: 16px; color: #666;}

.produce-page .introduction .address {border-top: solid 1px #eee;margin: 50px 0 0 0; padding: 50px 0 0 0;}

.produce-page .introduction .address .txt { background: url(../images/address_icon.png) no-repeat 0 0; padding: 6px 0 6px 46px; line-height: 24px; font-size: 16px; color: #888;}

.produce-page .introduction .address .txt span { color: #333;font-weight: bold; margin-right: 20px;}

.produce-page .surroundings { padding: 20px 0; background: #f8f8f8;}

.produce-page .surroundings .title { font-size: 24px; font-weight: bold; text-align: center;}

.produce-page .surroundings .swiper-container { margin-top: 50px; padding-bottom: 80px;}

.produce-page .surroundings .swiper-slide img { width: 100%; display: block; transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;

-ms-transition-duration: 0.8s; -o-transition-duration: 0.8s;}

.produce-page .surroundings .swiper-slide span {display: block; background: #000;overflow: hidden; position: relative; cursor: pointer;}

.produce-page .surroundings .swiper-slide span:hover img { filter: alpha(opacity=40);opacity: .4; transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);}

.produce-page .surroundings .swiper-slide span:hover::after {filter: alpha(opacity=100);  opacity: 1;}

.produce-page .surroundings .swiper-slide span::after { content: " "; width: 27px; height: 28px; background: url(../images/surroundings_icon.png) no-repeat; background-size: 100% auto; position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);

 -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 2;filter: alpha(opacity=0);opacity: 0; transition-duration: 0.4s;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}

.produce-page .surroundings .swiper-pagination { bottom: 0;}

.produce-page .surroundings .swiper-pagination-bullet {width: 16px; height: 4px;  margin: 0 5px; background: #ddd;opacity: 1; border-radius: 0;}

.produce-page .surroundings .swiper-pagination-bullet-active { background: #0d3e84;}
#photo { height:auto !important;}
/*suport-Warranty Policy*/
.f67 {
  font-size: 67px;
}
.warranty_desc {
  text-align: center;
  margin-top: 1%;
  line-height: 1.5;
  color: #222;
  font-weight: bold;
  overflow: hidden;
}
.warranty_cons {
  overflow: hidden;
  margin-top: 3%;
  border-top: 1px solid #e1e1e1;
  padding-top: 3%;
  color: #555555;
  margin-bottom: 6%;
  line-height: 24px;
}
.f16 {
  font-size: 16px;
}
.warranty_cons p {
  overflow: hidden;
  margin-bottom: 1%;
}
.warranty_t{text-align: center;margin-top: 6%;line-height: 1.3;color: #222;font-weight: bold;overflow: hidden;}
.warranty_t.color1{color: #3eb134;}
.warranty_desc{text-align: center;margin-top: 1%;line-height: 1.5;color: #222;font-weight: bold;overflow: hidden;}
.warranty_cons{overflow: hidden;margin-top: 3%;border-top: 1px solid #e1e1e1;padding-top:3%;color: #555555;margin-bottom: 6%;line-height: 24px;}
.warranty_cons p{overflow: hidden;margin-bottom: 1%;}
.warranty_cons img{max-width: 100%;}
.warranty_cons .h4{font-weight: bold;margin-bottom: 2%;line-height: 1.3;}
.warranty_cons table{border-collapse:collapse;border-spacing:0;width: 100%;margin-top: 3%;}
.warranty_cons table td{ line-height:22px;height:53px; border:1px solid #ececec;padding-left: 26px;padding-right: 10px;padding-top: 3px;padding-bottom: 3px;}
.warranty_cons table td:nth-child(2){padding-left: 56px;}
.warranty_cons table th{background: #efefef;height: 53px;font-weight: bold;color: #222;padding-left: 26px;padding-right: 10px;text-align: left;padding-top: 3px;padding-bottom: 3px;}
.warranty_cons table th:nth-child(2){padding-left: 56px;}
.warranty_cons .ul{overflow: hidden;}
.warranty_cons .ul li{display: block;margin-bottom: 1%;padding-left: 24px;position: relative;margin-top: 1%;}
.warranty_cons .ul li::after{content: "";position: absolute;left: 0;top: 9px;width: 6px;height: 6px;border-radius: 50%;background: #555555;}
.warranty_cons a{color: #3eb134;text-decoration: underline;font-weight: bold;}
.warranty_cons .ul2{display: flex;justify-content: space-between;overflow: hidden;flex-wrap: wrap;margin-top: 3%;margin-bottom: 2%;}
.warranty_cons .ul2 li{float: left;width: 48.933%;overflow: hidden;background-color: #eeeeee;transition:all 0.3s;background-size: cover;background-repeat: no-repeat; background-position: center center;margin-bottom: 2.134%;}
.warranty_cons .ul2 li:hover{background-image: url(../images/support_bg1.png);}
.warranty_cons .ul2 li:nth-child(2n){float: right;}
.warranty_cons .ul2 li .boxs{width: 90.735%;overflow: hidden;margin: 0 auto;margin-top: 38px;margin-bottom: 34px;}
.warranty_cons .ul2 li .h3{line-height: 36px;margin-top: 17px;color: #222;transition:all 0.3s;overflow: hidden;}
.warranty_cons .ul2 li .p{overflow: hidden;line-height: 24px;color: #555;transition:all 0.3s;margin-top: 7px;}
.warranty_cons .ul2 li .imgs{overflow: hidden;position: relative;width: 74px;height: 66px;}
.warranty_cons .ul2 li .imgs img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition:all 0.3s;}
.warranty_cons .ul2 li .imgs .img2{opacity:0;filter:Alpha(opacity=0);}
.warranty_cons .ul2 li:hover .imgs .img1{opacity:0;filter:Alpha(opacity=0);}
.warranty_cons .ul2 li:hover .imgs .img2{opacity:1.0;filter:Alpha(opacity=100);}
.warranty_cons .ul2 li:hover .h3{color: #fff;}
.warranty_cons .ul2 li:hover .p{color: rgba(255,255,255,0.5);}
@media screen and (max-width: 992px) {
    /*suport-Warranty Policy*/
    .warranty_cons table th{padding-left: 20px;}
    .warranty_cons table th:nth-child(2){padding-left: 36px;}
    .warranty_cons table td{padding-left: 20px;}
    .warranty_cons table td:nth-child(2){padding-left:36px;}
}
@media screen and (max-width: 640px) {
/*suport-Warranty Policy*/
.warranty_t{line-height: 1.2;}
.warranty_desc{margin-top: 2%;}
.warranty_cons table th{padding-left: 16px;padding-right: 6px;}
.warranty_cons table th:nth-child(2){padding-left: 26px;}
.warranty_cons table td{padding-left: 16px;padding-right: 6px;}
.warranty_cons table td:nth-child(2){padding-left: 26px;}
.warranty_cons .ul li{padding-left: 16px;}
.warranty_cons .ul2 li .imgs{width: 64px;height: 57px;}
	.f67 {
  font-size: 36px;
}
}
@media screen and (max-width: 480px) {
    /*suport-Warranty Policy*/
    .warranty_t{line-height: 1.1;}
    .warranty_cons{line-height: 20px;}
    .warranty_cons table th{padding-left: 10px;height: 40px;}
    .warranty_cons table th:nth-child(2){padding-left: 12px;}
    .warranty_cons table td{padding-left: 10px;height: 40px;}
    .warranty_cons table td:nth-child(2){padding-left: 12px;}
    .warranty_cons .ul2 li{float: none;width: 100%;}
    .warranty_cons .ul2 li:nth-child(2n){float: none;}
    .warranty_cons .ul2 li .boxs{margin-top: 25px;margin-bottom: 25px;}
    .warranty_cons .ul2 li .imgs{width: 50px;height: 45px;}
    .warranty_cons .ul2 li .h3{line-height: 30px;margin-top: 12px;}
    .warranty_cons .ul2 li .p{line-height: 22px;}
}
@media only screen and (max-width: 1200px) {
*{box-sizing: border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}

.column-next,
.column-prev {width: 30px;height: 30px;margin: -15px 0 0 0;background-size: 6px auto;}
.column-prev {left: 10px;}
.column-next {right: 10px;}
.pctitle .title {line-height: 24px;font-size: 20px;padding-left: 6px;float: none;}
.pctitle .title span {margin-left: 8px;}
.pctitle .slogan {line-height: 24px;float: left;font-size: 14px;float: none;margin-top: 10px;}
.main .customization,
.main .opportunity,
.main .project,
.main .learning,
.main .survey {padding: 30px 10px;}
.main .project .swiper-container,
.main .learning .swiper-container,
.main .survey .swiper-container {margin: 30px 0;}
.main .survey .swiper-slide a:hover .line {margin: 10px 0;}
.main .survey .swiper-slide .text {bottom: 10px;padding: 0 10px;}
.main .survey .swiper-slide .p1 {font-size: 16px;}
.main .learning .swiper-slide a::after {height: 50%;}
.main .learning .swiper-slide .text {padding: 0 10px 10px 10px;}
.main .learning .swiper-slide .icon {width: 30px;height: 30px;}
.main .learning .swiper-slide .tit {font-size: 16px;margin: 10px 0;}
.main .learning .swiper-slide-prev .text {padding-right: 30%;}
.main .learning .swiper-slide-next .text {padding-left: 30%;}
.main .customization .pcmap {display: none;}
.main .customization .tit {margin: 12px 0;}
.main .customization .p {margin-bottom: 10px;}
.main .customization .column-next,
.main .customization .column-prev{top: 30%;}
.main .customization .mobile {display: block;}
.main .project .swiper-slide .date {width: 60px;left: 10px;top: -10px;}
.main .project .swiper-slide .date span {font-size: 30px;}
.main .project .swiper-slide .text {padding: 10px;}
.main .project .swiper-slide .tit {font-size: 16px;margin-bottom: 6px;}
.main .project .column-prev,
.main .project .column-next {margin-top: -40px;}
.main .opportunity .content {margin: 30px 0;}
.main .opportunity .content a:hover .text {background-position: left 65px bottom 0;}
.main .opportunity .row:nth-child(even) .pic,
.main .opportunity .row:nth-child(even) .text,
.main .opportunity .pic,
.main .opportunity .text {width: 100%;float: none;}
.main .opportunity .text {padding: 20px 20px 50px 20px;background-position: left 20px bottom 20px;}
.main .opportunity .text .tit {font-size: 16px;margin: 10px 0;}
.main .opportunity .text .txt {margin-top: 10px;}
.start-page{padding: 10px;}
.start-page .logo {width: 160px;}
.start-page .text {font-size: 20px;margin: 20px 0;}
.start-page .bottom {bottom: 20px;}
.container .banner .swiper-pagination {bottom: 10px;}
.container .banner .swiper-pagination-bullet {width: 8px;height: 8px;}
.column-menu{position: relative;padding: 0;}
.column-menu .menu .btn {display: block;width: 50px;height: 50px;background: url(../images/menu.png) no-repeat center;background-size: 36px auto;}
.column-menu .menu ul{display: block;width: 100%;position: absolute;left: 0;top: 50px;z-index: 90;background: #f6f6f6;text-align: center;display: none;}
.column-menu .menu li {float: none;border-left: none;border-bottom: solid 1px #ececec;}
.column-menu .menu li.on a::before,
.column-menu .menu li.on a::after {display: none;}
.column-menu .menu li.on{border-bottom: solid 1px #d54e14;}
.column-menu .menu li.on a{color: #d54e14;}
.column-menu .menu li a {padding: 0;font-size: 14px;height: 50px;line-height: 50px;}
.column-menu .crumbs {height: 50px;line-height: 50px;padding-left: 30px;font-size: 14px;background-size: 14px auto;background-position: 10px center;}
.column-menu .crumbs a {font-size: 14px;}
.column-menu .crumbs a:hover {color: #777777;}
.paging {margin-top: 0px;}
.paging li a:hover {background: #fff;color: #555555;}
.paging li a {width: 50px;}
.project-page {padding: 30px 10px;}
.project-list ul {margin: 0 -5px;}
.project-list li {width: 50%;padding: 0 5px;margin-bottom: 30px;}
.project-list li:nth-child(3n+1) {clear: none;}
.project-list li:nth-child(2n+1){clear: left;}
.project-list li a {padding: 10px;}
.project-list li .date {width: 54px;left: 20px;top: -10px;padding: 6px 0;}
.project-list li .date span {font-size: 24px;}
.project-list li .pic {margin-bottom: 10px;}
.project-list li .tit {font-size: 16px;margin-bottom: 6px;}
.project-page.pcbg2 {padding: 30px 10px;background-attachment: scroll;background-position: center;background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;}
.project-page .details {padding: 30px 10px;}
.project-page .details .title {font-size: 20px;}
.project-page .details .line2,
.project-page .details .line1 {margin: 20px 0;}
.project-page .details .introduction {margin-bottom: 40px;}
.project-page .details .pctitle {font-size: 20px;}
.project-page .details .features {padding-left: 10px;}
.project-page .details .stroke {max-width: 600px;margin: 30px auto 0 auto;}
.project-page .details .stroke .line{left: 5px;}
.project-page .details .stroke .row{margin-bottom: 40px;}
.project-page .details .stroke .row:nth-child(even) .box,
.project-page .details .stroke .box {width: 100%;padding: 0 0 0 20px;float: none;text-align: left;}
.project-page .details .stroke .row:nth-child(even) .box .day,
.project-page .details .stroke .day {width: 100px;font-size: 30px;float: left;}
.project-page .details .stroke .row:nth-child(even) .box .text,
.project-page .details .stroke .text {padding: 0 0 0 100px;font-size: 14px;}
.project-page .details .stroke .text .tit {font-size: 18px;}
.project-page .details .stroke .box::after,
.project-page .details .stroke .row:nth-child(even) .box::after {left: 0px;right: auto;}
.project-page .details .btn .pcbtn {line-height: 32px;font-size: 14px;}
.survey-page {padding: 30px 10px;}
.survey-list{margin-bottom: 20px;}
.survey-list ul {margin: 0 -5px;}
.survey-list li {width: 50%;margin-bottom: 14px;padding: 0 5px;}
.survey-list li:nth-child(4n+1) {clear: none;}
.survey-list li:nth-child(2n+1) {clear: left;}
.survey-list li a {padding: 6px;}
.survey-list li a:hover .box::after {height: 100%;}
.survey-list li a:hover .text {bottom: 0;transform: translate(0, 0);-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);}
.survey-list li .box::after {display: none;}
.survey-list li .text {padding: 5px;line-height: 20px;font-size: 14px;}
.sortbox .row {border-bottom: none;padding: 0;position: relative;}
.sortbox .tit {width: 100%;padding: 0;line-height: 40px;border-radius: 0;font-size: 15px;color: #fff;background: #d54e14;float: none;border-bottom: solid 1px #eee;}
.sortbox ul {padding: 0;position: absolute;width: 100%;left: 0;top: 40px;z-index: 50;background: #eee;text-align: center;overflow: auto;display: none;}
.sortbox .row2 ul{z-index: 51;}
.sortbox li {float: none;margin: 0;}
.sortbox li.on a{border-bottom: solid 1px #d54e14;}
.sortbox li a:hover {color: #444444;}
.sortbox li a {height: 40px;line-height: 40px;display: block;	font-size: 14px;border-bottom: solid 1px #ddd;}
.learning-page {padding: 30px 10px;}
.learning-page .pctitle {margin: 30px 0;}
.learning-list {margin-bottom: 20px;}
.learning-list ul {margin: 0 -5px;}
.learning-list li {width: 50%;padding: 0 5px;margin-bottom: 10px;}
.learning-list li a {padding: 6px;}
.learning-list li a:hover .pic img {transform: scale(1, 1);-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);-moz-transform: scale(1, 1);}
.learning-list li a:hover .see {padding-right: 16px;}
.learning-list li a:hover .tit {color: #333333;}
.learning-list li .flag {width: 40px;height: 40px;}
.learning-list li .tit,
.learning-list li .txt,
.learning-list li .see {height: 22px;line-height: 22px;}
.learning-list li .tit {font-size: 16px;margin: 10px 0;}
.learning-list li .txt {height: 44px;}
.learning-list li .line {margin: 10px 0;}
.customization-page {padding: 30px 10px;}
.customization-page .title {line-height: 30px;}
.customization-page .title .en {font-size: 22px;}
.customization-page .title .tit {font-size: 20px;}
.customization-page .p3,
.customization-page .p1 {margin: 30px 0;}
.customization-page .p2 {font-size: 50px;}
.customization-page .p4{margin-top: 30px;}
.customization-page .message {padding: 30px 20px;}
.customization-page .message .col {width: 100%;margin-bottom: 20px;}
.customization-page .message input[type='text'] {height: 44px;line-height: 42px;padding: 0 12px;font-size: 14px;}
.customization-page .message .pcbtn {margin-top: 8px;}
.opportunity-page{padding: 30px 10px;}
.opportunity-list{margin-bottom: 14px;}
.opportunity-list li {margin-bottom: 14px;}
.opportunity-list li a {padding: 10px;}
.opportunity-list li a:hover .tit {color: #2a2736;}
.opportunity-list li a:hover img {transform: scale(1, 1);-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);-moz-transform: scale(1, 1);}
.opportunity-list li .pic {width: 130px;}
.opportunity-list li .right {display: none;}
.opportunity-list li .text {padding: 6px 0 0 144px;}
.opportunity-list li .tit,
.opportunity-list li .txt {line-height: 20px;height: 20px;}
.opportunity-list li .tit {font-size: 16px;}
.opportunity-list li .txt {height: 40px;font-size: 14px;margin-top: 10px;}
.opportunity-page.de{padding: 0;}
.sidebar {display: none;}
.opportunity-page .details {max-width:860px;width: 100%;float: none;border: none;margin: 0 auto;padding: 30px 10px;}
.opportunity-page .details .title {line-height: 30px;font-size: 20px;}
.opportunity-page .details .info {line-height: 24px;font-size: 14px;margin-top: 10px;float: none;}
.opportunity-page .details #share2 {float: none;margin-top: 14px;display: none;}
.opportunity-page .details #share2 a {margin: 0 8px 0 0;}
.opportunity-page .details .article {padding: 20px 0;margin: 20px 0;}
.opportunity-page .details .prevnext {font-size: 14px;}
.opportunity-page .details .prevnext a {font-size: 14px;}
.opportunity-page .details .prevnext a:hover {color: #555555;}
.opportunity-page .details .prevnext .l,
.opportunity-page .details .prevnext .r {width: 100%;float: none;}
.opportunity-page .details .prevnext .r {text-align: left;margin-top: 10px;}
.about-page {padding: 30px 10px;}
.about-page .about .titen {font-size: 30px;}
.about-page .about .title {font-size: 24px;}
.about-page .about .pctext {margin: 30px auto;}
.about-page .about .focus li {width: 50%;margin-bottom: 30px;}
.about-page .about .focus li:nth-child(2n+1){clear: left;}
.about-page .about .content {margin-top: 20px;}
.about-page .about .content .pic {position: static;}
.about-page .about .content .pic img {display: block;}
.about-page .about .content .text,
.about-page .about .content .pic {width: 100%;}
.about-page .about .content .row:nth-child(even) .text,
.about-page .about .content .text {padding: 20px;}
.about-page .about .content .line {margin: 20px 0;}
.about-page .about .contact .p2 a,
.about-page .about .contact .p2 {font-size: 30px;}
.about-page .about .contact .p2 {margin-top: 10px;}
.about-page .honor-list {margin-bottom: 20px;}
.about-page .honor-list ul {margin: 0 -5px;}
.about-page .honor-list li {width: 50%;padding: 0 5px;margin-bottom: 10px;}
.about-page .honor-list li:nth-child(4n+1) {clear: none;}
.about-page .honor-list li:nth-child(2n+1) {clear: left;}
.about-page .honor-list li .box {padding: 10px;}
.about-page .honor-list li .box:hover img {transform: scale(1, 1);-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);-moz-transform: scale(1, 1);}
.about-page .honor-list li .box:hover .txt {color: #333;}
.about-page .honor-list li .pic {box-shadow: 0 4px 10px 1px #d0d1d2;}
.about-page .honor-list li .txt {font-size: 14px;margin-top: 10px;}
.about-page .history {padding: 0 20px;}
.about-page .history .swiper-button-next,
.about-page .history .swiper-button-prev {width: 14px;height: 24px;background-color: inherit;}
.about-page .history .swiper-button-prev {left: 0px;}
.about-page .history .swiper-button-prev:hover {background-image: url(../images/arrow6.png);}
.about-page .history .swiper-button-next {right: 0px;}
.about-page .history .swiper-button-next:hover {background-image: url(../images/arrow7.png);}
.about-page .history .title {font-size: 22px;}
.about-page .history .swiper-container {margin-top: 30px;}
.about-page .history .swiper-slide {padding-left: 4px;}
.about-page .history .swiper-slide .text {height: 160px;padding: 0 0 0px 14px;}
.about-page .history .swiper-slide .text::after {width: 4px;height: 80px;left: -4px;}
.about-page .history .swiper-slide .years {font-size: 30px;margin: 10px 0;}
.about-page .history .swiper-slide .years span {font-size: 16px;}
.about-page .history .swiper-slide:nth-child(even) {padding-top: 100px;}
.about-page .history .swiper-slide:nth-child(even) .text {padding: 14px 0 0 14px;}
.about-page .history .swiper-slide:nth-child(even) .text::after {left: -4px;top: 80px;}
.about-page .message,
.about-page .contactbox {
  padding: 30px 10px;}
.about-page .contactbox .title {
  font-size: 24px;}
.about-page .contactbox .content {
  padding: 20px;}
.about-page .contactbox .name {
  font-size: 20px;
  margin-bottom: 20px;}
.about-page .message .col,
.about-page .contactbox .col{width: 100%;}
.about-page .contactbox .qrcode {float: left;margin-top: 0px;}
.about-page .message .title {
  font-size: 24px;}
.about-page .message .slogan {
  margin-bottom: 30px;}
.about-page .message .tips {
  margin: 0px 0 10px 0;}
.about-page .message textarea,
.about-page .message input[type='text'] {
  padding: 12px;
  margin-bottom: 18px;}
.about-page .message textarea {
  height: 120px;}
.map-page {padding: 30px 10px;}
.map-page .row ul li {width: 100%;padding: 5px 0;}









}

.reviews-container {
	
	border-radius: 5px;
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 0.3);
	padding: 20px;
}

.review {
	border: 1px solid transparent;
	border-radius: 5px;
	color: #777;
	display: flex;
	font-size: 12px;
	align-items: center;
	padding: 10px;
	margin: 5px 0;
}

.review:hover {
	border: 1px solid #ddd;
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 0.7);
}

.progress {
	background-color: rgba(100, 100, 100, 0.2);
	border-radius: 5px;
	position: relative;
	margin: 0 10px;
	height: 10px;
	width: 200px;
}
.box3 { margin-top:60px;}
.box31,.box32,.box33 { width:33%; float: left;}
.an{ display:block; border-radius:40px; height:40px; line-height:40px; padding:0px 10px; color:#fff; background:#2d4c85; width:180px; margin:0 auto; text-align:center; margin-top:120px;}
.fenshu { width:260px; margin:0 auto; margin-top:50px;}
.fenshu p:nth-of-type(1) { float:left; font-size:48px; color:#2e4f85; }
.fenshu p:nth-of-type(2) { width:70%; float:left; margin-left:8px;}
.fenshu p:nth-of-type(2) span { display:block;}
.fenshu p:nth-of-type(2) span:nth-of-type(1) { font-size:24px;}
.rev { text-align:center; font-size:30px; margin:15px 0px;}
.summary  p {display:block; border-radius:40px; height:40px; line-height:40px; padding:0px 10px; color:#fff; background:#2d4c85;  margin:0 auto; text-align:center; width:260px; margin:0 auto; margin-top:20px;}
.progress-done {
	background: linear-gradient(to left, rgb(53, 74, 127), rgb(41, 81, 130));
	box-shadow: 0 3px 3px -5px rgb(52, 74, 113), 0 2px 5px rgb(52, 74, 113);
	border-radius: 5px;
	height: 10px;
	width: 0;
	transition: width 1s ease 0.3s;
}

.percent {
	color: #333;
}

/* SOCIAL PANEL CSS */
.social-panel-container {
	position: fixed;
	right: 0;
	bottom: 80px;
	transform: translateX(100%);
	transition: transform 0.4s ease-in-out;
}

.social-panel-container.visible {
	transform: translateX(-10px);
}

.social-panel {	
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0 16px 31px -17px rgba(0,31,97,0.6);
	border: 5px solid #001F61;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: 'Muli';
	position: relative;
	height: 169px;	
	width: 370px;
	max-width: calc(100% - 10px);
}

.social-panel button.close-btn {
	border: 0;
	color: #97A5CE;
	cursor: pointer;
	font-size: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
}

.social-panel button.close-btn:focus {
	outline: none;
}

.social-panel p {
	background-color: #001F61;
	border-radius: 0 0 10px 10px;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	padding: 2px 17px 6px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0;
	transform: translateX(-50%);
	text-align: center;
	width: 235px;
}

.social-panel p i {
	margin: 0 5px;
}

.social-panel p a {
	color: #FF7500;
	text-decoration: none;
}

.social-panel h4 {
	margin: 20px 0;
	color: #97A5CE;	
	font-family: 'Muli';	
	font-size: 14px;	
	line-height: 18px;
	text-transform: uppercase;
}

.social-panel ul {
	display: flex;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.social-panel ul li {
	margin: 0 10px;
}

.social-panel ul li a {
	border: 1px solid #DCE1F2;
	border-radius: 50%;
	color: #001F61;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	width: 50px;
	text-decoration: none;
}

.social-panel ul li a:hover {
	border-color: #FF6A00;
	box-shadow: 0 9px 12px -9px #FF6A00;
}

.floating-btn {
	border-radius: 26.5px;
	background-color: #001F61;
	border: 1px solid #001F61;
	box-shadow: 0 16px 22px -17px #03153B;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	line-height: 20px;
	padding: 12px 20px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
}

.floating-btn:hover {
	background-color: #ffffff;
	color: #001F61;
}

.floating-btn:focus {
	outline: none;
}

.floating-text {
	background-color: #001F61;
	border-radius: 10px 10px 0 0;
	color: #fff;
	font-family: 'Muli';
	padding: 7px 15px;
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	z-index: 998;
}

.floating-text a {
	color: #FF7500;
	text-decoration: none;
}
.fas {
  font-weight: 900;
  color: #ed7330;
}

@media screen and (max-width: 480px) {

	.social-panel-container.visible {
		transform: translateX(0px);
	}
	
	.floating-btn {
		right: 10px;
	}
}


/*手机版css*/
@media only screen and (max-width: 720px){.popupSignup {  padding: 40px 20px 20px 20px;}
	.popupSignup .close {  top: 0;  right: 0;}
	.popupSignup .col {  margin-bottom: 14px;  width: 100%;}
	.popupSignup input[type='text'] {  height: 40px;  line-height: 40px;}
	.popupSignup .pcbtn {  margin-top: 10px;}
	
	.reviews-container {
	
	border-radius: 5px;
	box-shadow: none;
	padding: 20px;
}

	
	box3 { margin-top:60px;}
.box31,.box32,.box33 { width:100%; float: none;}
.an{ display:block; border-radius:40px; height:40px; line-height:40px; padding:0px 10px; color:#fff; background:#2d4c85; width:180px; margin:0 auto; text-align:center; margin-top:15px;}
.fenshu { width:260px; margin:0 auto; margin-top:15px;}
.fenshu p:nth-of-type(1) { float:left; font-size:48px; color:#2e4f85; }
.fenshu p:nth-of-type(2) { width:70%; float:left; margin-left:8px;}
.fenshu p:nth-of-type(2) span { display:block;}
.fenshu p:nth-of-type(2) span:nth-of-type(1) { font-size:24px;}
.rev { text-align:center; font-size:30px; margin:15px 0px;}
.summary  a {display:block; border-radius:40px; height:40px; line-height:40px; padding:0px 10px; color:#fff; background:#2d4c85;  margin:0 auto; text-align:center; width:260px; margin:0 auto; margin-top:20px;}
.progress-done {
	background: linear-gradient(to left, rgb(53, 74, 127), rgb(41, 81, 130));
	box-shadow: 0 3px 3px -5px rgb(52, 74, 113), 0 2px 5px rgb(52, 74, 113);
	border-radius: 5px;
	height: 10px;
	width: 0;
	transition: width 1s ease 0.3s;
}
}

@media only screen and (max-width: 600px){.popupSignup {  padding: 40px 20px 20px 20px;}
	.popupSignup .close {  top: 0;  right: 0;}
	.popupSignup .col {  margin-bottom: 14px;  width: 100%;}
	.popupSignup input[type='text'] {  height: 40px;  line-height: 40px;}
	.popupSignup .pcbtn {  margin-top: 10px;}
	
	.reviews-container {
	
	border-radius: 5px;
	box-shadow: none;
	padding: 20px;
}

	
	box3 { margin-top:60px;}
.box31,.box32,.box33 { width:100%; float: none;}
.an { display:block; border-radius:40px; height:40px; line-height:40px; padding:0px 10px; color:#fff; background:#2d4c85; width:180px; margin:0 auto; text-align:center; margin-top:15px;}
.fenshu { width:260px; margin:0 auto; margin-top:15px;}
.fenshu p:nth-of-type(1) { float:left; font-size:48px; color:#2e4f85; }
.fenshu p:nth-of-type(2) { width:70%; float:left; margin-left:8px;}
.fenshu p:nth-of-type(2) span { display:block;}
.fenshu p:nth-of-type(2) span:nth-of-type(1) { font-size:24px;}
.rev { text-align:center; font-size:30px; margin:15px 0px;}
.summary  a {display:block; border-radius:40px; height:40px; line-height:40px; padding:0px 10px; color:#fff; background:#2d4c85;  margin:0 auto; text-align:center; width:260px; margin:0 auto; margin-top:20px;}
.progress-done {
	background: linear-gradient(to left, rgb(53, 74, 127), rgb(41, 81, 130));
	box-shadow: 0 3px 3px -5px rgb(52, 74, 113), 0 2px 5px rgb(52, 74, 113);
	border-radius: 5px;
	height: 10px;
	width: 0;
	transition: width 1s ease 0.3s;
}
}

#starRating .photo span {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 42px;
    overflow: hidden;
    margin-right: 23px;
    cursor: pointer;
}
#starRating .photo span:last-child {
    margin-right: 0px;
}
#starRating .photo span .nohigh {
    position: absolute;
    width: 44px;
    height: 42px;
    top: 0;
    left: 0;
    background: url("../img/star.png");
}
#starRating .photo span .high {
    position: absolute;
    width: 44px;
    height: 42px;
    top: 0;
    left: 0;
    background: url("../img/star1.png");
}
#starRating .starNum {
    font-size: 26px;
    color: #de4414;
    margin-top: 4px;
    margin-bottom: 10px;
}
#starRating .bottoms {
    height: 54px;
    border-top: 1px solid #d8d8d8;
}
#starRating .photo {
    margin-top: 30px;
}
#starRating .bottoms a {
    margin-bottom: 0;
}
#starRating .bottoms .garyBtn {
    margin-right: 57px!important;
}
#starRating .bottoms a {
    width: 130px;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    display: inline-block;
    font-size: 16px;
    transition: all 0.2s linear;
    margin: 16px 0 22px;
    text-align: center;
    cursor: pointer;
}
.garyBtn {
    margin-right: 60px!important;
    background-color: #e1e1e1;
    color: #999999;
}
.blueBtn {
    background-color: #1968b1;
    color: #fff;
}
.blueBtn:hover {
    background: #0e73d0;
}
#starRating { width:98%; margin:0 auto;}





@media only screen and (max-width: 960px){
	

.percent {
	color: #333;
}
	.product_ul ul li .txts {
  width: 94%;
  margin: 0 auto;
    margin-bottom: 0px;
  overflow: hidden;
  padding-top: 0px;
  margin-bottom: 0px;
  text-align: center;
  position: relative;
}
}
.l {
  float: left;
}
.r {
  float: right;
}