@charset "utf-8";

* {margin: 0;padding: 0;border-radius: 0;}
body {font-size: 12px;font-family: "微软雅黑"; margin: 0px auto;background: #fff;max-width: 640px;height: auto;padding-top: 46px;}
ul,li {list-style: none;margin: 0;padding: 0;}
a {text-decoration: none;}
p{font-weight: 500;}
img {border: none;vertical-align: middle;}


#top {position: fixed;top: 0;left: 50%; width: 100%;max-width: 640px; height: 46px;background: url(../images/nav.png);z-index: 99;transform: translateX(-50%);}
.top {width: 96%;height: 46px; margin: 0 auto;position: relative;}
.top .top_logo{float: left;width: 14%;margin-right: 6px;margin-top: 12px;}
.top .top_nav{padding-top: 36px; display: none; width: 50%; position: absolute;top: 46px; right: -2%; height: auto;background: url(../images/nav.png);}
.top .top_nav ul li{width: 100%; padding: 10px 0; margin-top: 4px;text-align: center;}
.top .top_nav ul li:hover a{color: #b2b2b2;}
.top .top_nav ul li a{color: #fff;font-size: 15px;}

.top_rr{float: right;}
.top_rr img{width: 45px;height: auto;margin-top: 5px;}
.top .top_search{display: none;}
.top .top_cn{display: none; position: absolute;top: 46px;right: -2%;width: 50%;text-align: center;padding: 10px 0;}
.top .top_cn a{color: #fff;font-size: 15px}

/* pc_banner */
#slideBox {display: none;}

/* 移动端banner */
.box_swipe{overflow:hidden;position:relative;display: block;}
.box_swipe ul li{width: 100%;height: auto;}
.box_swipe ul li img{width: 100%;height: auto;vertical-align: middle;}
.box_swipe>ol{width: 100%;height:auto;position: absolute;text-align: center; bottom: 10px;z-index: 1;}
.box_swipe>ol>li{width:10px;height: 10px;margin-left: 5px;margin-right: 5px;cursor: pointer;background: #646464;display:inline-block;text-align: center;}
.box_swipe>ol>li.on{background: #fff;}

.sj_banner{width: 100%;height: auto;}
.sj_banner img{width: 100%;height: auto;}

.pc_banner{display: none;}

.pro_pc_banner{display: none;}


/* 首页产品 */
.ipro {width: 100%;height: auto;overflow: hidden;margin-top: 5px;}
.ipro ul li{width: 100%; margin: 0 0 5px 0;position: relative;background-color: #f5f5f5;}
.ipro ul li:hover{opacity: 0.8;}
.ipro ul li img{width: 100%;height: auto;}
.ipro .ipro_right{margin-right: 0.4%;}
.ipro .ipro_text{position: absolute;bottom: 13px;left: 0;text-align: center;width: 100%;padding-right: 8%;padding-left: 8%;box-sizing: border-box;}
.ipro .ipro_text h1{letter-spacing: 7px;font-size: 28px;color: #5f5f5f;font-weight: lighter;margin-bottom: 3px;}
.ipro .ipro_text p{font-size: 16px;font-weight: lighter;color: #9c9c9c;}


/* 产品分类 */
.pro_libg{width: 100%;height: auto;background-color: #f8f8f8;padding:30px 0 15px 0;}
.pro_list{width: 94%;margin: 0 auto;overflow: hidden;}
.pro_list ul li{float: left;width: 22%; margin: 0 1.5%; text-align: center;}
.pro_list ul li img{width: 100%;height: auto;}
.pro_list ul li h1{font-size: 13px;color: #696969;font-weight: 510;margin-top: 5px;}

/* 产品 */
.products{width: 100%;margin: 0 auto;height: auto;overflow: hidden;padding: 20px 0 20px 0;}
.products ul li{width: 46%;float: left;margin: 2%;text-align: center;padding-bottom: 40px;box-sizing: border-box;}
.products ul li:hover{border: 1px solid #7e96c6;}
.products ul li h1{font-size: 18px;color: #404040;font-weight: 510;}
.products ul li img{width: 100%;height: auto;}

/* 产品内页 */
.products_de{width: 94%;margin: 0 auto;height: auto;overflow: hidden;padding: 20px 0 30px 0;}
.products_de div h1{font-size: 16px;line-height: 21px;text-indent: 3em;color: #0074c8;margin-bottom: 10px;}
.products_de div p{font-size: 14px;line-height: 21px;color: #838383;text-indent: 2em;}
.products_de div h2{font-size: 16px;line-height: 21px;text-indent: 3em;color: #565656;margin-bottom: 10px;margin-top: 20px;}
.products_de div span{font-size: 14px;line-height: 21px;color: #838383;}

/* 支持 */
#support{width: 100%;height: auto;background-color: #f3f3f3;padding: 50px 0;}
.support{width: 100%;height: auto; margin: 0 auto;padding-bottom: 70px;}
.support .support_title{text-align: center;margin-bottom: 30px;}
.support .support_title h1{color: #5b5b5b;font-size: 26px;font-weight: 500;}
/* .support .support_b ul li{width: 90%;height: auto;margin: 20px auto 20px; padding: 20px 0px 15px 12px; border: 1px solid #EEE;background-color: #fafafa;}
.support .support_b ul li div span {font-size: 13px;margin-left: 10px;color: #444;width: 70%;display: inline-block;}
.support_arrow_top{float: right;margin-right: 10px;cursor: pointer;}
.support_arrow_bottom{float: right;margin-right: 10px;cursor: pointer;}
.support_item{margin-top: 10px;} */
.support table{border-collapse: collapse;width: 96%;height: auto;margin: 0 auto;}
.support table td{width: 50%; border: 1px solid #d9d9d9;padding: 10px;font-size: 13px;color: #404040;font-weight: 500;}
.support table td h1{font-size: 16px;font-weight: bold;color: #404040;}
.support table td p{font-size: 13px;font-weight: 500;color: #404040;}
.support table td a{font-size: 13px;font-weight: 500;color: #096dd9;}
.support table td a:hover{color: #404040;}
.support table tr td:nth-of-type(2){text-align: center;}


/* 控制 */
#control{width: 100%;height: auto;background-color: #f3f3f3;height:auto!important;}
.control{width: 100%;height: auto; margin: 0 auto;padding: 60px 0;}
.control .control_title{text-align: center;margin-top:0px!important;}
.control .control_title h1{color: #fff;font-size: 24px;font-weight: 500;margin-bottom: 20px;}
.control .control_title h2{color: #444; font-size: 15px; margin-bottom: 20px;}
.control div{ width:90%; margin:0 auto;text-align:left;margin-top:180px!important; margin-bottom:150px;}
.control div img{width:50%; height:auto; margin:0 auto;}
.control div p{width:55%; height:auto; text-align:left; color:#fff; line-height:20px;}

/* 新闻 */
#news{width: 100%;height: auto;background-color: #f8f8f8;}
.news{width: 94%;margin: auto;height: auto;overflow: hidden;padding: 20px 0;}
.news .news_l{width: 100%;float: left;margin-right: 3%;padding: 10px 2.2% 10px 2.2%;box-sizing: border-box;background-color: #fff;border-radius: 12px;}
.news .news_l .news_title{height: 40px;line-height: 20px;border-bottom: 1px solid #ccc; }
.news .news_l .news_title h1{color: #1A68CB;font-size: 20px;font-weight: 500;}
.news .news_l ul li{padding: 20px 0 40px;border-bottom: 1px solid #f5f5f5;margin-bottom: 20px;}
.news .news_l ul li:hover h1{color: #1a68cb;}
.news .news_l ul li h1{color: #282828;font-size: 18px;margin: 0 0 10px 0;font-weight: 500;}
.news .news_l ul li h2{color: #b3b3b3;margin: 10px 5px 10px 5px;font-size: 13px;font-weight: 500;}
.news .news_l ul li p{height: 60px;overflow: hidden;color: #989898;font-size: 13px;margin: 10px 0 0 0;line-height: 1.5;}
.news .news_l ul li img{width: 100%;height: auto;border-radius: 12px;}
.news .news_l ul li span{float: right;font-size: 13px;color: #6B95EA;}
.news .news_r{width: 100%;float: left;border-radius: 8px;overflow: hidden;margin-top: 15px;}
.news .news_r dt{line-height: 60px;font-size: 15px;padding-left: 30px;background: url(../images/news_bg.jpg);}
.news .news_r dd{line-height: 50px;padding-left: 30px;background-color: #fff;color: #000;border-bottom: 1px solid #cfcfcf;}
.news .news_r dd:hover{background-color: #6785d9;}
.news .news_r dd:hover a{color: #fff;}
.news .news_r dd a{font-size: 14px;color: #000;width: 100%;height: 100%;display: block;}

/* 新闻内页 */
#news_de{width: 100%;height: auto;background-color: #f8f8f8;}
.news_de{width: 94%;margin: auto;height: auto;overflow: hidden;padding: 20px 0;}
.news_de .news_del{width: 100%;float: left;margin-right: 3%;padding: 10px 2.2% 10px 2.2%;box-sizing: border-box;background-color: #fff;border-radius: 12px;}
.news_de .news_del .news_detitle{height: 40px;line-height: 20px;border-bottom: 1px solid #ccc; }
.news_de .news_del .news_detitle h1{color: #1A68CB;font-size: 20px;font-weight: 500;}
.news_de .news_del ul li{padding: 10px 0 0 0;}
.news_de .news_del ul li:hover h1{color: #1a68cb;}
.news_de .news_del ul li h1{color: #282828;font-size: 18px;font-weight: 550;height: 35px;margin: 7px 0;}
.news_de .news_del ul li img{width: 100%;height: auto;margin-top: 20px;}
.news_de .news_der{width: 100%;float: left;border-radius: 8px;overflow: hidden;margin-top: 15px;}
.news_de .news_der dt{line-height: 60px;font-size: 18px;padding-left: 30px;background: url(../images/news_bg.jpg);}
.news_de .news_der dd{line-height: 50px;font-size: 14px;padding-left: 30px;background-color: #fff;color: #000;border-bottom: 1px solid #cfcfcf;}
.news_de .news_der dd:hover{background-color: #6785d9;}
.news_de .news_der dd:hover a{color: #fff;}
.news_de .news_der dd a{font-size: 14px;color: #000;width: 100%;height: 100%;display: block;}

/* 如何购买 */
#howToBuy{width: 100%;height: auto;padding: 40px 0;background-color: #f3f3f3;}
.howToBuy{width: 94%;max-width: 900px;margin: auto;height: auto;overflow: hidden;text-align: center;}
.howToBuy .howToBuy_title{text-align: center;margin-bottom: 27px;}
.howToBuy .howToBuy_title h1{color: #5b5b5b;font-size: 22px;font-weight: 500;}
.howToBuy .howToBuy_b li{border-bottom: 1px solid #9a9a9a;margin-bottom: 13px;}
.howToBuy .howToBuy_b li:last-of-type{border: 0;}
.howToBuy .howToBuy_b li .last_div{background-color: #fff;}
.howToBuy .howToBuy_b h1{font-size: 16px; color: #000; font-weight: 550;}
.howToBuy .howToBuy_b h1,.howToBuy .howToBuy_b h2,.howToBuy .howToBuy_b h3{background-color: #fff;}
.howToBuy .howToBuy_b h2{font-size: 17px;color: #000;margin: 10px 0;}
.howToBuy .howToBuy_b h3{font-size: 15px;color: #0000FF;margin: 10px 0;}
.howToBuy .howToBuy_b p{width: 100%;line-height: 19px;background-color: #fff;margin: 6px 0;padding: 1px 0;font-size: 13.33px;color: #666;}
.howToBuy .howToBuy_b a{color: #59CDCD;}
.howToBuy .howToBuy_b i{display: block; height: 19px;width: 100%;background-color: #fff;margin: 6px 0;}

/* 关于我们 */
.aboutus{width: 100%;margin: auto;height: auto;overflow: hidden;}
.aboutus .aboutus_l{float: left; width: 100%;height: 100%;padding: 30px;line-height: 32px;font-size: 16px;box-sizing: border-box;}
.aboutus .aboutus_l h1{font-size: 12px;color: #800000;font-weight: 500;margin-bottom: 20px;}
.aboutus .aboutus_l p{font-size: 12px;color: #000;font-weight: 500;}
.aboutus .aboutus_l span{display: block; font-size: 12px;color: #000;font-weight: 500;margin-top: 20px;}
.aboutus .aboutus_r{float: left;width: 100%;height: 100%;background-color: #f8f8f8;padding-top: 45px;padding-bottom: 20px;}
.aboutus .aboutus_r .aboutus_rtitle{text-align: center;}
.aboutus .aboutus_r .aboutus_rtitle h1{color: #4d4d4d;font-size: 22px;margin: 0 0 10px 0;font-weight: 500;}
.aboutus .aboutus_r .aboutus_rtitle p{color: #5d5d5d;font-size: 13px;font-weight: 500;}
.aboutus .aboutus_r .aboutus_rb{margin-top: 20px;color: #5d5d5d;font-size: 12px;}
.aboutus .aboutus_r .aboutus_rb table{width: 100%;}
.aboutus .aboutus_r .aboutus_rb tr td:nth-of-type(1){width: 30%;text-align: right;padding-right: 25px;}
.aboutus .aboutus_r .aboutus_rb tr td span{color: #1A68CB !important;margin-right: 4px;}
.aboutus .aboutus_r .aboutus_rb tr td [type="text"]{width: 78%;border: 0;border: 1px solid #eee;margin: 9px 0;padding: 6px 0 6px 12px;height: 24px;font-size: 14px;color: #666;}
.aboutus .aboutus_r .aboutus_rb tr td [type="submit"]{background-color: #1a68cb;font-size: 15px;color: #fff;border: 0;font-weight: 500;padding:8px 65px; cursor: pointer;  margin-top: 20px;}
.aboutus .aboutus_r .aboutus_rb tr td textarea{width: calc(78% + 12px);max-height: 80px; border: 0;border: 1px solid #eee;font-size: 14px;color: #666;}


/* 底部 */
#bottom{width: 100%;height: auto; background-color: #000;}
.bottom{width: 94%;height: auto; margin: 0 auto;overflow: hidden;padding: 10px 0;}
.bottom .bottom1{width: 100%;height: auto;overflow: hidden;margin: 0 auto;text-align: center;}

.bottom .bottom1 ul{display: none;}

.bottom .bottom1 h1{margin-top: 10px;font-size: 12px; font-weight: bold;color: #444444;}
.bottom .bottom1 p{margin-top: 5px;font-size: 12px; font-weight: bold;color: #444444;}
.bottom .bottom2{display: none;}

@media (max-width: 543px){
.ipro .ipro_text h1 {letter-spacing: 4px;font-size: 26px;}
.ipro .ipro_text p {font-size: 14px;}
}

@media (max-width: 481px){
.ipro .ipro_text{bottom: 6px;padding-right: 4%;padding-left: 4%;}
.ipro .ipro_text h1 {letter-spacing: 2px;font-size: 23px;}
.ipro .ipro_text p {font-size: 13px;}
}

@media (max-width: 389px){
.ipro .ipro_text{bottom: 4px;padding-right: 1%;padding-left: 1%;}
.ipro .ipro_text h1 {letter-spacing: 1px;font-size: 18px;margin-bottom: -5px;}
.ipro .ipro_text p {font-size: 12px;line-height: 14px;}
}