@charset "utf-8";

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

#top {position: fixed;top: 0;left: 0; width: 100%;height: 46px;overflow: hidden;background: url(../images/nav.png);z-index: 99;}
.top {width: 94%;max-width: 1200px;height: 46px; margin: 0 auto;overflow: hidden;}
.top .top_logo{float: left;width: 14%;margin-right: 6px;margin-top: 12px;}
.top .top_nav{float: left;width: 61.9%;margin-top: 12px;}
.top .top_nav ul li{float: left;margin: 0 22px;margin-top: 4px;}
.top .top_nav ul li:hover a{color: #b2b2b2;}
.top .top_nav ul li a{color: #fff;font-size: 15px;}
.top .top_search{float: left;margin-top: 11px;}
.top .top_search input{width: 180px;height: 22px;border-radius: 8px;border: 1px solid #eee;}
.top .top_search img{margin-left: 30px;}
.top .top_search img:hover {filter: grayscale(100%) brightness(60%);}
.top .top_cn{float: right;line-height: 46px;}
.top .top_cn a{color: #fff;}

.top_rr{display: none;}


/* pc_banner */
#slideBox {max-width: 100%;height: auto;overflow: hidden;position: relative;margin: 0px auto 0px;display: block;}
.slideBox .bd {height: auto;z-index: 0px;width: 100%;}
.slideBox .bd li {zoom: 1px;width: 100%;}
.slideBox .bd img {width: 100%;height: auto;display: block;}
.slideBox .hd {width: 100%;height: auto;position: absolute;text-align: center;bottom: 23px;z-index: 1;}
.slideBox .hd ul {display: inline-block;}
.slideBox .hd ul li {width: 10px;height: 10px;border-radius: 50%;float: left;margin-left: 4px;margin-right: 4px;cursor: pointer;border: 1px solid #fff;}
.slideBox .hd ul li.on {background: #ffab00;border: 1px solid #ffab00;}
.slideBox .prev{ width: 200px;}
.slideBox .prev img{transition: all .2s;position: absolute; top: 44%; left: 5%;}
.slideBox .prev:hover img{transform: scale(1.5);}
.slideBox .next{ width: 200px;}
.slideBox .next img{transition: all .2s;position: absolute; top: 44%; right: 5%;}
.slideBox .next:hover img{transform: scale(1.5);}

.box_swipe{display: none;}
.sj_banner{display: none;}


.pc_banner{width: 100%;height: auto;overflow: hidden;}
.pc_banner img{width: 100%;height: auto;}

.pro_pc_banner{width: 100%;height: 340px;overflow: hidden;}
.pro_pc_banner img{width: 100%;height: auto;}


/* 首页产品 */
.ipro {width: 100%;height: auto;overflow: hidden;margin-top: 5px;}
.ipro ul li{float: left;width: 49.8%;margin: 0 0 5px 0;background-color: #f5f5f5; position: relative;}
.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: 32px;left: 0;text-align: center;width: 100%;padding-right: 16%;padding-left: 16%;box-sizing: border-box;}
.ipro .ipro_text h1{letter-spacing: 6px;font-size: 35px;color: #5f5f5f;font-weight: lighter;margin-bottom: 9px;}
.ipro .ipro_text p{font-size: 22px;font-weight: lighter;color: #9c9c9c;}


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

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

/* 产品内页 */
.products_de{width: 82%; max-width:1200px;margin: 0 auto;height: auto;overflow: hidden;padding: 40px 0 60px 0;}
.products_de div h1{font-size: 18px;line-height: 22px;text-indent: 3em;color: #0074c8;margin-bottom: 20px;}
.products_de div p{font-size: 15px;line-height: 22px;color: #838383;text-indent: 2em;margin-bottom: 20px;}
.products_de div h2{font-size: 18px;line-height: 22px;text-indent: 3em;color: #565656;margin-bottom: 20px;margin-top: 40px;}
.products_de div span{font-size: 15px;line-height: 22px;color: #838383;}

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


/* 控制 */
#control{width: 100%;height: auto;background-color: #f3f3f3;}
.control{width: 90%;max-width: 1200px;height: auto; margin: 0 auto;padding: 70px 0;}
.control .control_title{text-align: left;}
.control .control_title h1{color: #fff;font-size: 32px;font-weight: 500;margin-bottom: 70px;}
.control .control_title h2{color: #444;margin-bottom: 70px;}
.control table{border-collapse: collapse;width: 97%;height: auto;margin: 0 auto;}
.control table td{border: 1px solid #d9d9d9;padding: 10px 0 10px 10px;font-size: 14px;color: #404040;font-weight: 500;}
.control table td h1{font-size: 18px;font-weight: bold;color: #404040;}
.control table td p{font-size: 16px;font-weight: 500;color: #404040;}
.control table td a{font-size: 16px;font-weight: 500;color: #096dd9;}
.control table td a:hover{color: #404040;}
.control table tr td:nth-of-type(2){width: 15%;}
.control div p{display:none;}


/* 新闻 */
#news{width: 100%;height: auto;background-color: #f8f8f8;}
.news{width: 94%;max-width: 1200px;margin: auto;height: auto;overflow: hidden;padding-top: 20px;}
.news .news_l{width: 75%;float: left;margin-right: 3%;padding: 20px 2.2% 20px 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: 24px;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: 22px;margin: 0 0 10px 0;font-weight: 500;}
.news .news_l ul li h2{color: #b3b3b3;margin: 15px 5px 20px 5px;font-size: 14px;font-weight: 500;}
.news .news_l ul li p{height: 80px;overflow: hidden;color: #989898;font-size: 16px;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: 14px;color: #6B95EA;}


.news_r{width: 22%;float: left;border-radius: 8px;overflow: hidden;}
.news_r dt{line-height: 60px;font-size: 18px;padding-left: 30px;background: url(../images/news_bg.jpg);}
.news_r dd{line-height: 50px;font-size: 18px;padding-left: 30px;background-color: #fff;color: #000;border-bottom: 1px solid #cfcfcf;}
.news_r dd:hover{background-color: #6785d9;}
.news_r dd:hover a{color: #fff;}
.news_r dd a{font-size: 16px;color: #000;width: 100%;height: 100%;display: block;}

/* 新闻内页 */
#news_de{width: 100%;height: auto;background-color: #f8f8f8;}
.news_de{width: 94%;max-width: 1200px;margin: auto;height: auto;overflow: hidden;padding-top: 20px;}
.news_de .news_del{width: 75%;float: left;margin-right: 3%;padding: 20px 2.2% 20px 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: 24px;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: 22px;font-weight: 550;text-align: center;height: 35px;margin: 7px 0;}
.news_de .news_del ul li img{width: 500px;height: 375px;}

/* 如何购买 */
#howToBuy{width: 100%;height: auto;padding: 70px 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: 32px;font-weight: 500;}
.howToBuy .howToBuy_b li{border-bottom: 1px solid #9a9a9a;margin-bottom: 18px;}
.howToBuy .howToBuy_b li:last-of-type{border: 0;}
.howToBuy .howToBuy_b li .last_div{background-color: #fff;}
.howToBuy .howToBuy_b h1{font-size: 18.2px; 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: 22px;color: #000;margin: 18px 0;}
.howToBuy .howToBuy_b h3{font-size: 16.9px;color: #0000FF;margin: 18px 0;}
.howToBuy .howToBuy_b p{width: 100%;line-height: 19px;background-color: #fff;margin: 10px 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: 10px 0;}

/* 关于我们 */
.aboutus{width: 100%;height: 848px;overflow: hidden;}
.aboutus .aboutus_l{float: left; width: 50%;height: 100%;padding: 130px;line-height: 32px;font-size: 16px;box-sizing: border-box;}
.aboutus .aboutus_l h1{font-size: 12px;color: #800000;font-weight: 500;margin-bottom: 30px;}
.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: 30px;}
.aboutus .aboutus_r{float: left;width: 50%;height: 100%;background-color: #f8f8f8;padding-top: 85px;}
.aboutus .aboutus_r .aboutus_rtitle{text-align: center;}
.aboutus .aboutus_r .aboutus_rtitle h1{color: #4d4d4d;font-size: 36px;margin: 0 0 10px 0;font-weight: 500;}
.aboutus .aboutus_r .aboutus_rtitle p{color: #5d5d5d;font-size: 14px;font-weight: 500;}
.aboutus .aboutus_r .aboutus_rb{margin-top: 40px;color: #5d5d5d;font-size: 14px;}
.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="button"]{background-color: #1a68cb;font-size: 18px;color: #fff;border: 0;font-weight: 500;padding:10px 65px; cursor: pointer;  margin-top: 30px;}
.aboutus .aboutus_r .aboutus_rb tr td textarea{width: 80%;max-height: 120px; border: 0;border: 1px solid #eee;padding: 6px;box-sizing: border-box;font-size: 14px;color: #666;}


/* 底部 */
#bottom{width: 100%;height: auto; background-color: #000;}
.bottom{width: 94%;max-width: 1200px;height: 120px; margin: 0 auto;overflow: hidden;padding-top: 25px;}
.bottom .bottom1{width: 100%;height: auto;overflow: hidden;margin: 0 auto;text-align: center;}
.bottom .bottom1 ul{margin:0px auto; text-align:center;display:table;}
.bottom .bottom1 ul li{float: left;}
.bottom .bottom1 ul li a{color: #706f6f;font-size: 14px;font-weight: bold;vertical-align: middle;}
.bottom .bottom1 ul li a:hover{color: #1a68cb;}
.bottom .bottom1 ul li span{color: #706f6f;margin: 0 7px 0 6px;vertical-align: middle;}
.bottom .bottom1 h1{margin-top: 20px;font-size: 14px; font-weight: bold;color: #444444;}
.bottom .bottom1 p{margin-top: 8px;font-size: 14px; font-weight: bold;color: #444444;}
.bottom .bottom2{float: right;transform: translateY(-90%);}
.bottom .bottom2 img{width: 51px;height: 51px;margin-left: 15px;margin-bottom: 5px;}

@media (max-width: 1700px){
.ipro .ipro_text{bottom: 22px;padding-right: 12%;padding-left: 12%;}
.ipro .ipro_text h1{font-size: 30px;margin-bottom: 9px;}
.ipro .ipro_text p{font-size: 18px;font-weight: lighter;color: #9c9c9c;}
}

@media (max-width: 1387px){
.ipro .ipro_text{bottom: 16px;}
.ipro .ipro_text h1{font-size: 28px;margin-bottom: 7px;}
.ipro .ipro_text p{font-size: 15px;font-weight: lighter;color: #9c9c9c;}
}

@media (max-width: 1300px){
.support{width: 94%;}
}

@media (max-width: 1250px){
.top .top_nav {width: 57.9%;}
.top .top_search img {margin-left: 10px;}
}

@media (max-width: 1137px){
.ipro .ipro_text h1{font-size: 26px;margin-bottom: 7px;}
.ipro .ipro_text p{font-size: 14px;font-weight: lighter;color: #9c9c9c;}
}