/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#333;background: #F2F2F2;}
a{color:#333;}
a:hover{ color:#47a0ec; text-decoration:none;}
p{line-height:1.8em; padding:5px 0;}
img{vertical-align: middle;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
@media only screen and (max-width: 1200px) {
.wapper{ width:96%;padding: 0 2%;}
}
.btn{ font-size: 20px; color: #4bbde5;display: inline-block;line-height: 40px;padding: 0 5%;border-radius: 50em; margin: .5% 0 1.6%;border: 1px solid #4bbde5;}


.header{width: 100%;border-bottom: 1px solid #eee;transition: all .3s ease-in-out;-webkite-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;}
.header header{height: 66px;}
.header .header_bg {position: fixed;left: 0; top: 0; width: 100%;z-index: 100;}
.header .auto{ position:relative;}
.header .logo img{ float: left; padding: 10px 0 5px; max-width: 166px;}
.header .top,
.header nav{ float: right;}
.header .top{line-height: 25px;top: 10%;}
.header .top span,
.header .top a{display: inline-block;}
.header .top span{padding-left: 35px;background: url(../images/Top001737-tel.png) no-repeat left center;font-size: 16px;color:#ab0858;}
.header .top a{ padding-left: 22px;font-size: 12px;margin-left: 22px; border:1px solid #d2d2d2; border-radius:25px; padding-right:30px; background:url(../images/Top001737-lang.gif) no-repeat 85% center #fff;}
.header nav{padding-right: 18%;}
.header nav li{float: left; margin-left:40px;line-height: 66px;height: 66px;}
.header nav li a{display: block; /*padding: 26px 14px 16px;*/}
.header nav li span{ display:none;}
.header nav li > a{font-size: 16px; color:#fff;}
.header .header_bg:hover{background-color: #fff !important;}
.header .header_bg:hover .ul li > a{color: #fff !important;}
.header .header_bg:hover .sj_color .ul li > a{color: #333 !important;}
.header nav li:hover > a,
.header nav li.aon> a{color:#4bbde5;}
.header nav li dl{position: absolute;top: 100%; display: none;z-index: 2;width: 100%;left: 0;background: #fff;border-top: 1px solid #eee;top: 67px;}
.header nav li#m6 dl{right:192px; }
.header nav li dd{position: relative;    background: #fff;}
.header nav li dd a{padding:0px;font-size: 16px;color:#333;}
.header nav li dl a:hover{color:#4bbde5; font-weight: bold;}
.header nav li .sub-nav{position: absolute;top: 0;z-index: 2;left:103px;width:100%;display:none;background:#fff;text-align: center;}
.header nav li .sub-nav span {display: block;}
.header nav li .sub-nav span a{padding:16px 16px 16px 20px;font-size: 14px;color:#666;}
.header nav li .sub-nav span a:hover{color:#0d6fb8; font-weight: bold;}
.header nav li a:hover{border-bottom:1px solid #4bbde5;}
.header nav li#m1 dl{float: left;}
.header nav li#m1 dd{width: 20%;margin-right: 5%;float: left;background-color: #fff;padding: 2% 0;}
.header nav li#m1 dd span{text-align: center;padding: 0;line-height: 48px;display: list-item;}
.header nav li#m1 dd a:hover{border: none;}
.header nav li#m1 dd img{width: 44%;	display: block;margin: 0 auto;}

.header nav li#m3 dl dd{text-align: left;}
.header nav li#m3 dl{ width: 100%;position: absolute;padding: 0}
.header nav li#m3 dd{line-height: 44px;float: none;display: block;left: 70%;}
.header nav li#m3 dd a{border: none;}
.header nav li#m1 dl .auto_1200{overflow: hidden;}
.header nav li#m2 dl dd{text-align: left;}
.header nav li#m2 dl{ width: 100%;position: absolute;padding: 0;top: 67px;}
.header nav li#m2 dd{line-height: 44px;float: none;display: block;left: 62%;}
.header nav li#m2 dd a{border: none;}
.header nav li#m4 dl dd{text-align: left;}
.header nav li#m4 dl{ width: 100%;position: absolute;padding: 0}
.header nav li#m4 dd{line-height: 44px;float: none;display: block;left: 77%;}
.header nav li#m4 dd a{border: none;}
.header .other { position: absolute; right: 0; top: 24px;}
.header .other dd{ float: left; font-size: 16px;padding-left: 20px;vertical-align: middle;}
.header .other dd.store{ background-color: #29a7e1; padding: 5px 12px; border-radius: 3px; margin-right: 30px;}
.header .other dd.store a{ color: #fff;}
.header .other dd.lang a{ color: #333;line-height: 2;}
.header .navbg{display: none; position: absolute;top: 100%;left: 0; width: 100%;height:49px; background:#fff;border-top: 1px solid #eee;}

.Absolute{ width: 100%; background: none;border: none;}
.Absolute nav li > a,
.Absolute nav li dd a,
.Absolute .other dd.store a,
.Absolute .other dd.lang,
.Absolute .other dd.lang a{font-weight: 400;}
.header.Absolute nav li dd a{ color: #333; font-weight: normal;}
.header.Absolute nav li dl a:hover{color:#0d6fb8; font-weight: bold;}
.Absolute .navbg{ display: none; position: absolute; top: 100%;left: 0; width: 100%;height:49px; background:#fff;}
.header.bgwhite{ background: #fff;border-bottom: 1px solid #eee;}
.header.bgwhite nav li > a,
.header.bgwhite nav li dd a,
.header.bgwhite .other dd.store a,
.header.bgwhite .other dd.lang,
.header.bgwhite .other dd.lang a{ color: #000;}
.header.bgwhite nav li dl a:hover{color:#4bbde5; font-weight: bold;}
.header.bgwhite nav li:hover > a,
.header.bgwhite nav li.aon> a{color:#4bbde5;}

@media(max-width:1200px){
.header nav li{ margin-left:20px;}
}
@media(max-width:1000px){
.header nav li#m2 dd{left: 0}
.header nav li#m3 dd{left: 0}
.header .logo{ padding-right:40%;overflow: hidden;}
.header .logo img{ height:auto;}
.header .top{ right:2%;}
.header nav{ position:fixed; bottom:auto; top:0; left:0; z-index:100; width:100%; max-width:200px; height:100%; background-color:rgba(0,0,0,0.8); padding:5% 5%; display:none;}
.header nav li{ float:none; margin-left:0;}
.header .navbg{ display:none !important;}
/* .header nav li > a{ display:none;} */
.header nav li dl dd span{color: #000}
/* .header nav li span{ display:block; color:#fff; line-height: 2;} */
.header nav li dl{ position:relative; top:auto;}
.header nav li a{padding: 0}
.header nav li > a{color: #fff;}
.header nav li dd{ float:none; line-height:30px;width: 100% !important;}
.header nav li#m3 dl{padding: 0 !important;}
.header nav li dd a{padding: 0; color:#333;}
.header nav li .sub-nav{display: none;}
.header .header_bg:hover{background-color: #fff !important;}
.header .header_bg:hover .ul li > a{color: #fff !important;}
.header .header_bg:hover .sj_color .ul li > a{color: #fff !important;}
.header .mobile_menu{ position:absolute; right:2%; bottom:16%; border-radius:5px 5px 0 0;  width:50px; height:30px;}
.header .mobile_menu i,
.header .mobile_menu i::before,
.header .mobile_menu i::after{position:absolute;width:6px; height:6px;background-color:#4bbde5; border-radius:50%;}
.header .mobile_menu i{ left:50%; margin-left:-3px; top:50%; margin-top:-3px;}
.header .mobile_menu i::before,
.header .mobile_menu i::after{ content:''; top:0;}
.header .mobile_menu i::before{ left:-12px;}
.header .mobile_menu i::after{ right:-12px;}
.header .other{ right: 12%;}
.header .other dd.store{margin-right: 15px;}
.header .auto{position: initial;}
}
@media(max-width:480px){
.header .top span{ display:none;}
.header .other{ right: 15%;}
.header .auto{position: initial;}
}

.search{overflow: hidden;}
.search li{float:left;width: 100%;border-bottom: 1px solid #eee;line-height: 48px;text-align: left;text-indent:2em;}
.search-input {position: absolute;width: 100%;display: none;}
.other input{border: 1px solid #4bbde5;padding: 0 6px;background-color: #f6f6f6;line-height: 31px;display: block;top: 40px;left: 0;width: 100%;outline: 1px solid #4bbde5;}
.other em{position: absolute;padding-right: 0;background: url(../images/seach.png)no-repeat;display: inline-block;width: 16px;height: 23px;position: absolute;right: 0;top: 6px;}


.banner{width: 100%;}
.banner img{width: 100%;}
.swiper {width: 100%;height: 100%;cursor: pointer;}
.swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}


.content{overflow: hidden;position: relative;}
.index1{padding: 16px 0;}
.index1 .left{float: left;width: 49.5%;position: relative; height: 300px;overflow: hidden;}
.index1 img{cursor: pointer;transition: all 0.6s;width: 100%;}
.index1 img:hover{transform: scale(1.05);}
.index1 .left .i1_l_tit{position: absolute;top: 0%;left: 8%;}
.index1 .left .i1_l_tit h2{font-size: 40px;color: #fff; margin-block-start: 0.83em;margin-block-end: 0em; font-weight: 100;margin-block-start: 0.83em; margin-block-end: 0em;padding-bottom: 8%;}
.index1 .left .i1_l_tit span{font-size: 16px;color: #fff;display: block;padding-bottom: 9%;}
.index1 .left .i1_l_tit .btn{font-size: 14px;display: block;border-radius:50em;text-align: center;line-height: 36px;border: 1px solid #fff;color: #fff;margin-bottom: 3%;width: 59%;}
.index1 .right{float: right;width: 49.5%;position: relative;height: 300px;overflow: hidden;} 
.index1 .right .i1_r_tit{position: absolute;color: #fff;top: 26%;left: 10%;}
.index1 .right .i1_r_tit h2{font-size: 40px;font-weight: 100;margin-block-start: 0em;margin-block-end: 0em;padding-bottom: 8%;}
.index1 .right .i1_r_tit span{font-size: 22px;margin-block-start: 0em;margin-block-end: 0em;}



.index2{position: relative;    padding-bottom: 20px;}
.index2 .mySwiper2_box{width: 100%;background: #fff;}
.index2 .mySwiper2_box .txt{text-align: center;padding: 6% 4%;}
.index2 .mySwiper2_box .txt span{color: #333;font-size: 14px;}
.index2 .mySwiper2_box:hover{box-shadow: 0 4px 50px rgb(0 0 0 / 15%);}
.index2 .mySwiper2_box:hover .txt span{color: #47A0EC;}

.footer{width: 100%;background: #616161;overflow: hidden;font-style: normal;}
.footer .f_warp{padding: 20px 0 0; overflow: hidden;}
.footer .f_warp .left{width: 50%;overflow: hidden;float: left;}
.footer .f_warp .left dl{overflow: hidden;position: relative;text-align: left;width: 26%;float: left;}
.footer .f_warp .left dl dt{padding-bottom: 10px;-webkit-margin-before: 0.83em;}
.footer .f_warp .left dl dt a{font-size: 18px;color: #fff;font-weight: 700;}
.footer .f_warp .left dl dd a{color: #fff;font-size: 13px;line-height: 30px;}
.footer .f_warp .right{width: 50%;overflow: hidden;float: right;}
.footer .f_warp .right .f_search_tb{width: 40%;float: left;padding-top: 10%;}
.footer .f_warp .right .f_search_tb span{padding: 10px;border: 1px solid #fff;border-radius: 10px;margin-right: 10px;display: inline-block;}

.footer .f_warp .right .f_search_con{width: 60%;float: right;}
.footer .f_warp .right .f_search_con h2{color: #fff;font-size: 18px;font-weight: 600; -webkit-margin-after: 0em;padding-bottom: 20px;}
.footer .f_warp .right .f_search_con span.txt{color: #fff;font-size: 12px;display: block;padding: 10px 0;}
.footer .f_warp .right .f_search_con .f_input{border: 1px solid #fff;border-radius: 1em;padding: 0 20px;font-size: 12px;line-height: 34px;color: #fff;width: 80%;height: 34px;background: none;outline: none;}
.f_search{width: 100%;position: relative;}
.f_search input{width: 65%;background: #fff;border: 1px solid #eee; padding: 0 20px;font-size: 12px;    height: 34px;outline: none;}
.f_search button{position: absolute;width: 25%;height: 36px;color: #000;background: #FCA311;z-index: 99;right: 0;top: 0;border: none;}


.footer .f_warp .right .f_search_con .f_icon{padding: 20px 0; position:relative;}
.footer .f_warp .right .f_search_con .f_icon span{padding-right: 5px; position:relative;}
.footer .f_warp .right .f_search_con .f_icon img{width: 14%;}
.footer .copyright{color: #fff;font-size: 14px;font-weight: 100;padding: 15px 0;}
.f_icon_show{position:absolute; top:-70px; left:-50%;background:#333; padding:10px ;display: none; }
.f_icon_show p{color:#fff; font-size:12px; width:115px;}
.footer .f_warp .right .f_search_con .f_icon span:hover .f_icon_show{ display:block;}

/*product*/
.product-store{display: none;width: 100%;position: fixed;opacity: 0.9;top: 0;background: #fff;z-index: 9;}
.store-sort .inside-page-con{position: relative;}
.store-sort-list li{width: 25%;text-align: center;float: left;line-height: 60px;}
.store-sort-list li span{font-size: 16px;color: #000;cursor: pointer;opacity: 1;}
.store-sort-list li:hover span{color: #14b8e2;}
.store-sort-list li.on span{color: #14b8e2;}


.product{width: 100%;padding-bottom: 15px;}
.product .product_warp{width: 100%;}
.product .pro_tit{margin-top: 24px;margin-bottom: 12px;}
.product .pro_tit h2{ font-size: 26px;font-weight: normal;color: #333;}
.product .pro_banner{width: 100%;overflow: hidden;}
.product .pro_banner img{width: 100%;}
.product .pro_list{overflow: hidden;}
.product .pro_list ul li{width: 23%; float: left;margin-right: 2%; margin-top: 20px;background-color: #fff;}
.product .pro_list ul li .img img{ -webkit-transition: all .3s; -o-transition: all .3s;transition: all .3s;width: 100%;}
.product .pro_list ul li .txt{width: 100%;text-align: center;padding: 6% 4%;}
.product .pro_list ul li .txt span{font-size: 16px;color: #323333;}
.product .pro_list ul li .txt h2{font-weight: normal;font-size: 16px;color: #4bbde5;font-weight: 600; -webkit-margin-before: 0.4em;-webkit-margin-after: 0.4em;}
.product .pro_list ul li .txt a.to_buy{padding: 2% 8%;border-radius: 10px;font-size: 14px;display: inline-block;margin: 5% auto;white-space: nowrap;background: #4bbde5;color: #fff;}
.product .pro_list ul li .txt a.to_buy i{font-style: normal;line-height: 26px; text-align: center;vertical-align: middle;}
.product .pro_list ul li:hover{ -webkit-transform: translateY(-4px);transform: translateY(-4px);-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;box-shadow: 0 4px 50px rgb(0 0 0 / 25%);}



/*detail*/
.detail{padding: 7% 0;}
.detail .left{float: left;width: 53%;overflow: hidden;}
.detail .left .det_tab{float: left;width: 10%;}
.detail .left .det_tab ul li{margin-bottom: 5px;border: 1px solid #e5e5e5;}
.detail .left .det_tab ul li img{height: 50px;width: 50px;}
.detail .left .det_panel{width: 88%;float: right;}
.detail .left .det_panel ul li img{width: 100%;}
.detail_tab .det_tab ul li.on{border: 1px solid #4bbde5;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:400px;height:400px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;border: 1px solid rgb(229, 229, 229);}
div.zoomMask{background-position: 0px 0px;float: right;overflow: hidden;z-index: 999;transform: translateZ(0px);opacity: 0.4;zoom: 1;width: 149.333px;height: 149.333px;background-color: white;cursor: default;border: 1px solid rgb(0, 0, 0);background-repeat: no-repeat;position: absolute;left: 63.5px;top: 410.5px;display: block;}
.detail .right{float: right;width: 40%;}
.detail .right h2{font-size: 27px;font-weight: 600; -webkit-margin-after: 0.4em;color: #333333;margin-block-start: 0em;}
.detail .right span{display: block;font-size: 14px;-webkit-margin-before: 0em;-webkit-margin-after: 0.8em;color: #333333;}
.detail .right .title{border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;}
.detail .right .det_color .one_radio .label{padding-right: 5px;}
.detail .right h3{font-size: 30px;color: #4bbde5;-webkit-margin-after: 0.5em;margin-block-start: 0.8em;}
.detail .right .to_buy{position: relative;width: 84%;}
.detail .right .to_buy ul li{width: 50%;float: left;}
.detail .right .to_buy a{background-color: #4bbde5;padding: 14px 30px;color: #fff;font-size: 14px;margin-right: 2%;border-radius: 1em;display: block;width: 63%;text-align: center;}

.det_nav{width: 100%;}
.det_nav ul li{width: 20%;text-align: center;padding: 20px 0; float: left;}
.det_nav ul li a{font-size: 20px;color: #333;}

.det_list{width: 100%;}
.det_list h3{font-size: 22px;text-align: center;margin-block-start: 2em;margin-block-end: 2em;color: #333;}
.det_list .con1{word-wrap: break-word;padding: 1% 0 4%;}
.det_list .con1 p img{width: 100%;}
.det_list .con2{width: 100%;padding: 1% 0 4%;}
.det_list .con2 ul li{width: 24.6%;text-align: center;border: 1px solid #e5e5e5; margin-right: 0;padding: 4% 0;float: left;}
.det_list .con2 ul li img{width: 60px;height: 60px;}
.det_list .con2 ul li .txt{font-size: 14px; text-align: center;padding: 15px 0;}
.det_list .con3{width: 100%;padding: 1% 0 4%;}
.det_list .con3 ul li{width: 24%;text-align: center;float: left;margin-right: 1%;}
.det_list .con3 ul li:last-child{margin-right: 0;}
.det_list .con3 ul li img{width: 100%;}
.det_list .con4{width: 100%;padding: 1% 0 4%;text-align: center;}
.det_list .con4 a{background-color: #4bbde5;padding: 14px 60px; color: #fff;font-size: 14px;margin-right: 1%;border-radius: 2em;line-height: 70px;}
.det_list .con5{width: 100%;padding: 1% 0 4%;}
.tab_list5{width: 100%;}
.accordion {width: 100%;margin: 30px auto 20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border-bottom: 1px solid #e5e5e5;}
.accordion .link {cursor: pointer;display: block;padding:20px 15px;color: #333;font-size: 14px;border-bottom: 1px solid #CCC;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li:last-child .link {border-bottom: 0;}
.accordion li .link:hover,
.accordion li.open .link {color: #47A0EC;}
.accordion li .link:after {content: '\002B';color: #777;font-weight: bold;float: right;margin-left: 5px;}
.accordion li.open .link:after {content: "\2212";}
.submenu {display: none;font-size: 14px;}
.submenu li {border-bottom: 1px solid #e5e5e5;padding: 10px 0;}
.submenu span {display: block;text-decoration: none;color: #333;padding: 12px;padding-left: 15px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}


/*公司*/
.company{width: 100%;padding-bottom: 3%;}
.company .tit{text-align: center;padding: .5% 0;}
.company .tit span{font-size: 18px;color: #000;padding: 15px 0;display: block;}
.company .com_list .list {width: 100%;background-color: #f7f7f7;overflow: hidden;}
.company .com_list .list1 .left {width: 50%;float: left;}
.company .com_list .list1 .right {width: 50%;float: right;}
.company .com_list .list2 .left {width: 50%;float: right;}
.company .com_list .list2 .right {width: 50%;float: left;}
.company .com_list .list img{width: 100%;vertical-align: middle;}
.company .com_list .list .box{padding: 17% 10% 0 10%;text-align: left;height: 100%;vertical-align: middle;}
.company .com_list .list .box h3{font-size: 18px;line-height: 30px;margin-block-start: 0em;margin-block-end: 0em; color: #4bbde5;}
.company .com_list .list .box h3 span{font-size: 16px;}
.company .com_list .list .box span.txt{font-size: 16px;line-height: 30px;padding: 15px 0;display: block;}
.company .com_list2 ul li{width: 24%;margin-right: 1.3%;float: left;}
.company .com_list2 ul li:last-child{margin-right: 0;}
.company .com_list2 ul li img{width: 100%;}
.company .com_list2 ul li span{text-align: center;font-size: 16px;line-height: 26px;display: block;padding: 15px 0;}



/*联系我们*/
.contact{width: 100%;overflow: hidden;padding: 6% 0; }
.contact .con_list1{ width: 100%;overflow: hidden;background-color: #fbfbfb; }
.contact .con_list1 .box{padding: 1% 13%;}
.contact .con_list1 h2{font-size: 18px;}
.contact .con_list1 .table{overflow: hidden;}
.contact .con_list1 .table table{min-width: 600px;}
.contact .con_list1 .table table td{line-height: 26px;text-align: center;padding: 10px 0;}
.contact .con_list1 .table table img{width: 22px;/*height: 22px;*/}
.contact .con_list1 .table table .icon img{width: 20px;height: 20px;vertical-align: middle;display: inline-block;margin-right: 5px;}
.contact .con_list2{width: 100%;overflow: hidden;}
.contact .con_list2 .contact-fr-cn{padding: 1% 13%;background-color: #fff;margin: 20px 2% 20px 0;}
.contact .con_list2 .contact-fr-cn h3{display: inline-block;padding-left: 3%;font-size: 16px;background: url(../images/符号-邮箱.png) no-repeat center left;background-size: 20px 20px;}
.contact .con_list2 .contact-fr-cn span{display: inline-block;margin-block-start: 0.4em;margin-block-end: 0em;}
.contact .con_list2 .contact-fr-cn span a{color: #333;font-size: 14px;}
.contact .con_list2 .contact-fr-cn span a:hover{color: #47A0EC;}

/*inside*/
.inside{width: 100%;overflow: hidden;padding: 6% 0; min-height: 400px;background: #fff;}


@media only screen and (max-width: 980px) {
.index1 .left{float: none;width: 100%;height: auto;}
.index1 .right{float: none;width: 100%;height: auto;}
.index1 .left .i1_l_tit{position: absolute;top: 0%;left: 3%;}
.index1 .left .i1_l_tit h2{font-size: 30px;padding-bottom: 0%;}
.index1 .left .i1_l_tit span{font-size: 14px;padding-bottom: 5%;}

.footer .f_warp .left{width: 100%;overflow: hidden;float: none;text-align: center;}
.footer .f_warp .left dl{overflow: hidden;position: relative;text-align: left;width: 31%;float: none;display: inline-block;}
.footer .f_warp .right{width: 100%;overflow: hidden;float: none;}
.footer .f_warp .right .f_search_tb{width: 100%;float: none;padding-top: 5%;text-align: center;}

.footer .f_warp .right .f_search_con{width: 100%;float: none;text-align: center;padding-top: 5%;}
.footer .f_warp .right .f_search_con h2{color: #fff;font-size: 18px;font-weight: 600; -webkit-margin-after: 0em;}
.footer .f_warp .right .f_search_con span.txt{color: #fff;font-size: 12px;display: block;padding: 10px 0;}
.footer .f_warp .right .f_search_con .f_input{border: 1px solid #fff;border-radius: 1em;padding: 0 20px;font-size: 12px;line-height: 34px;color: #fff;width: 80%;height: 34px;background: none;outline: none;}
.footer .f_warp .right .f_search_con .f_icon{overflow: hidden; padding: 20px 0;}
.footer .f_warp .right .f_search_con .f_icon span{padding-right: 5px;}
.footer .f_warp .right .f_search_con .f_icon img{width: 6%;}
.footer .copyright{text-align: center;}
}
@media only screen and (max-width: 980px) {
/*product*/
.product .pro_list ul li{width:100%; float: none;margin-right:0; margin-top: 20px;background-color: #fff;}
.product .pro_list ul li > a{display: inline-block;width: 48%;}
.product .pro_list ul li .img img{ -webkit-transition: all .3s; -o-transition: all .3s;transition: all .3s;width: 100%;}
.product .pro_list ul li .txt{width: 40%;text-align: center;padding: 6% 4%;display: inline-block;vertical-align: middle;}

}
@media only screen and (max-width: 980px) {
.detail{padding: 7% 0;}
.detail .left{float: none;width: 100%;overflow: hidden;}
.detail .left .det_tab{float: left;width: 10%;}
.detail .left .det_panel{width: 80%;float: right;}
.detail .right{float: none;width: 100%;margin-top: 5%;}
.detail .right h2{font-size: 27px;font-weight: 600; -webkit-margin-after: 0.4em;color: #333333;margin-block-start: 0em;}
.detail .right span{display: block;font-size: 14px;-webkit-margin-before: 0em;-webkit-margin-after: 0.8em;color: #333333;}
.detail .right .title{border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;}
.detail .right .det_color .one_radio .label{padding-right: 5px;}
.detail .right h3{font-size: 30px;color: #4bbde5;-webkit-margin-after: 0.5em;margin-block-start: 0.8em;}
.detail .right .to_buy{position: relative;width: 100%;}
.detail .right .to_buy ul li{display: inline-block;width: 50%;}
.detail .right .to_buy a{padding: 10px 30px;}

.det_nav{width: 100%;}
.det_nav ul li{width: 32%;text-align: center;padding: 20px 0; float: left;}

.det_list .con2 ul li{width: 49.5%;text-align: center;border: 1px solid #e5e5e5; margin-right: 0;padding: 4% 0;float: left;}
.det_list .con2 ul li img{width: 60px;height: 60px;}
.det_list .con2 ul li .txt{font-size: 14px; text-align: center;padding: 15px 0;}

.det_list .con3 ul li{width: 49%;text-align: center;float: left;margin-right: 1%;margin-bottom: 1%;}
.det_list .con4{width: 100%;padding: 1% 0 4%;text-align: center;}
.det_list .con4 a{background-color: #4bbde5;padding: 14px 60px; color: #fff;font-size: 14px;margin-right: 1%;border-radius: 2em;line-height: 70px;}

}

@media only screen and (max-width: 780px) {
.company .com_list .list .left {width: 100%;float: none;}
.company .com_list .list .right {width: 100%;float: none;}
.company .com_list .list .box{padding:5% 10% 0 10%;}
.company .com_list2 ul li{width: 100%;margin-right: 0%;float: none;}

}
@media only screen and (max-width: 980px) {
.contact .con_list2 .contact-fr-cn h3{padding-left: 5%;}
.contact .con_list1 .table{overflow: auto;}

}

@media only screen and (max-width: 580px) {
.det_list .con2 ul li{width: 49%;}
.det_list .con3 ul li{width: 100%;text-align: center;float: left;margin-right: 0%;margin-bottom: 1%;}
.det_list .con4 a{background-color: #4bbde5;padding: 14px 20px; color: #fff;font-size: 14px;margin-right: 1%;border-radius: 2em;line-height: 70px;}
.contact .con_list2 .contact-fr-cn h3{padding-left: 8%;}

}