@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;margin:0px auto;}
ul,li {list-style: none;margin: 0;padding: 0;}
a {text-decoration: none;}
p{font-weight: 500;}
img {border: none;vertical-align: middle;}

/* 头部 */
#top {width: 100%;height: auto;overflow: hidden;background-color: #fff;}
.top {width: 94%;max-width: 1600px;height: 85px;margin: 0 auto;overflow: hidden;box-sizing: border-box;padding: 16px 0;}
.top .logo {float: left;width: 70%;}
.top .logo img{width: auto;height: 55px;}
.top .top_r {float: left;width: 30%;text-align: right;}

.top .top_r .top_rt {display: none;}
.top_rr{margin: 10px 0;}
.top_rr img {width: 40px;height: 32px;}

.top .top_r .top_rb{width: 50%; display: none;position: absolute;top: 85px; right: 0px;height: auto;background:rgba(246, 246, 246, 0.9);;overflow: hidden;;z-index: 11;display: none;margin-top: 0px!important;}
.top .top_r .top_rb ul {height: auto; overflow: hidden;}
.top .top_r .top_rb ul li {width: 100%;text-align: center;line-height: 45px}
.top .top_r .top_rb ul li a {display: inline-block;color: #000000;font-size: 15px;}
.top .top_r .top_rb ul li:hover a {color: #003887 !important;}
.top_active {color: #003887 !important;}

/*手机版主菜单*/
.nav_sj {display: none;width: 80%;position: absolute;top: 68px;right: 0px;height: auto;background: rgba(24, 24, 24, 0.9);overflow: hidden;padding: 0px 0px;z-index: 99999;}
.nav_sj ul {float: none;display: block;}
.nav_sj ul li {float: none;font-size: 16px;padding: 0 5%;line-height: 50px;text-align: left;border-bottom: 1px #666 solid;box-sizing: border-box; overflow:hidden;}
.nav_sj ul li span {float: right;}
.nav_sj ul li span img {width: 15px;}
.nav_sj ul li a {color: #f1f1f1;text-align: left;height: 50px;line-height: 50px;display: inline-block;}
.nav_sj ul li a.hover {color: #cccccc; /*font-weight: bolder;*/border-bottom: 0px #666 solid;}
.nav_sj ul li .nav1 {display: none;width: 86%;margin-left: 6%;}
.nav_sj ul li .nav1 a {color: #999;height: 40px;line-height: 40px;font-size: 15px;}
/*.nav_bg{width:100%; height:50px; line-height:50px; overflow:hidden; margin:0 auto; border-bottom:1px #ddd solid;}
.nav{ width: 96%;margin: 0 auto;overflow: hidden; font-size:13px; color:#555555;}
.nav .nav_l{width:100%;}
.nav .nav_l a{ color:#555555; height:47px; line-height:47px;}
.nav .nav_l a:hover{ color:#065fa3; }
*/



/* pc_banner */
#slideBox {display: none;}
.pc_banner{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;}



/* 产品中心 */
#ipro {width: 100%;height: auto;background-color: #f6f6f6;}
.ipro {width: 94%;max-width: 1400px;height: auto;margin: 0 auto;overflow: hidden;padding: 20px 0 30px 0;}
.ipro .ipro_m ul {width: 100%;height: auto;overflow: hidden;}
.ipro .ipro_m ul li {float: left;width: 48%;height: auto;margin: 1.5% 1%;}
.ipro .ipro_m ul li:hover .ipro_t img {transform: scale(1.1);}
.ipro .ipro_m ul li:hover .ipro_b h1 {color: #003887;}
.ipro .ipro_m ul li .ipro_t {width: 100%;height: auto;overflow: hidden;}
.ipro .ipro_m ul li .ipro_t img {width: 100%;height: auto;transition: all 0.3s;}
.ipro .ipro_m ul li .ipro_b {width: 100%;height: auto;padding: 5%;background-color: #fff;box-sizing: border-box;}
.ipro .ipro_m ul li .ipro_b h1 {font-size: 15px;color: #000000;line-height: 30px;transition: all 0.3s;font-weight: 500;overflow:hidden; white-space: nowrap;
text-overflow: ellipsis;}
.ipro .ipro_m ul li .ipro_b p {font-size: 12px;color: #bcbcbc;line-height: 21px;overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.ipro .ipro_btn {width: 100%;height: auto;text-align: center;margin-top: 30px;}
.ipro .ipro_btn a {font-size: 14px;color: #b1b1b1;padding: 10px 30px;border: 1px solid #b1b1b1;border-radius: 8px;transition: all 0.3s;}
.ipro .ipro_btn a:hover {color: #000000;background-color: #fff;border: 1px solid #000000;}

/* 关于我们开始 */
.iaboutus {width: 100%;height: auto;overflow:hidden;}
.iaboutus .iaboutus_l {float: left;width: 100%;height: auto;}
.iaboutus .iaboutus_l img {width: 100%;height: auto;}
.iaboutus .iaboutus_r {float: left;width: 100%;height: auto;background: url(../images/aboutus_bg.jpg) no-repeat center/cover;padding: 2.5% 2.5% 7% 2.5%;box-sizing: border-box;}
.iaboutus .iaboutus_r .iaboutus_title h1 {font-size: 26px;color: #000000;line-height: 35px;}
.iaboutus .iaboutus_r .iaboutus_title p {font-size: 16px;color: #92a0ac;line-height: 28px;margin-bottom: 15px;}
.iaboutus .iaboutus_r .iaboutus_text p {font-size: 13px;color: #92a0ac;text-indent: 2em;line-height: 22px;margin-top: 14px;}
.iaboutus .iaboutus_btn {width: 100%;height: auto;margin-top: 25px;}
.iaboutus .iaboutus_btn a {font-size: 14px;color: #fff;padding: 10px 30px;border-radius: 8px;background-color: #ffab00;transition: all 0.3s;}
.iaboutus .iaboutus_btn a:hover {color: #000000;background-color: #fff;border: 1px solid #000000;}

/* 新闻咨询 */
.inews{width: 94%;max-width: 1400px;height: auto;margin: 0 auto;overflow: hidden;padding: 20px 0;}
.inews ul{width: 100%;height: auto;overflow: hidden;}
.inews ul li{float: left; width: 100%;height: auto;border: 1px solid #e5e5e5 ;box-sizing: border-box;margin: 1% 0;padding: 7px 0;}
.inews ul li .inews_bl{float: left;width: 23%;padding: 0 10px 0 20px;box-sizing: border-box;text-align: center;}
.inews ul li .inews_bl h1{font-size: 26px;color: #ffab00;font-weight: 480;}
.inews ul li .inews_bl p{font-size: 13px;color: #e5e5e5;border-top: 1px solid #e5e5e5;line-height: 27px;overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.inews ul li .inews_br{float: left;width: 77%;box-sizing: border-box;padding: 0 20px 0 10px;}
.inews ul li .inews_br h1{font-size: 16px;color: #000000;font-weight: 500;line-height: 33px;overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.inews ul li .inews_br p{font-size: 13px;color: #bcbcbc;line-height: 22px;overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}

/* 技术支持以及服务网络 */
.iskill{width: 100%;height: auto;overflow: hidden;}
.iskill h1{font-size: 26px;font-weight: 549; color: #ffffff;line-height: 50px;margin-top: 90px;}
.iskill p{font-size: 16px;color: #c8c2bd;line-height: 30px;margin-bottom: 34px;}
.iskill a{font-size: 14px;color: #ffffff;padding: 8px 20px;background-color: rgba(94,97,105,0.3); border: 1px solid #7b8290;transition: all .3s;}
.iskill a:hover{background-color: rgba(94,97,105,0.9);}
.iskill .iskill_l{width: 100%;height: 350px; float: left;background: url(../images/iskill1.png)no-repeat center/cover;text-align: center;}
.iskill .iskill_r{width: 100%;height: 350px;float: left;background: url(../images/iskill2.png)no-repeat center/cover;text-align: center;}

/* 产品分类 */
#list{width: 100%;height: auto;border-bottom: 1px solid #e4e4e4;}
.list{width: 94%;max-width: 1400px;height: auto;margin: 0 auto;background-color: #fff;line-height: 50px;}
.list .list_l{float: left;width: 100%;height: auto;line-height: 30px;}
.list .list_l p{color: #a1a1a1;font-size: 12px;}
.list .list_r{float: right;width: 100%;height: auto;}
.list .list_r a{display: inline-block; width: 32%; position: relative; font-size: 16px;margin: 0 0.2%; color: #3a3a3a;transition: all .1s;box-sizing: border-box;text-align: center;}
.list .list_r a:hover{color: #ffa800;}
.list .list_active{ border-bottom: 2px solid #ffa800;color: #ffa800 !important;}
.list .list_active::after{position: absolute; bottom: -8px;left: 50%; transform: translateX(-50%); display: block; content: ''; width: 13px; height: 6px;background: url(./../images/s.png)no-repeat center;}
.lista{width: 100%;max-width: 1400px;height: auto;margin: 0 auto;background-color: #fff;line-height: 40px;}
.lista .lista_l{width: 94%;height: auto;line-height: 40px; padding-left:2%;}
.lista .lista_l p{color: #a1a1a1;font-size: 12px;}.lista .lista_l a{color: #a1a1a1;font-size: 12px;}

.products_left{display:none;}

/* 产品 */
.products {width: 100%;height: auto;background-color: #f6f6f6;}
.products .pro_m{width: 94%;max-width: 1400px;height: auto;margin: 0 auto;overflow: hidden;padding: 20px 0 10px 0;}
.products .pro_m ul {width: 100%;height: auto;overflow: hidden;}
.products .pro_m ul li {float: left;width: 48%;height: auto;margin: 1.5% 1%;}
.products .pro_m ul li:hover .pro_t img {transform: scale(1.1);}
.products .pro_m ul li:hover .pro_b h1 {color: #003887;}
.products .pro_m ul li .pro_t {width: 100%;height: auto;overflow: hidden;}
.products .pro_m ul li .pro_t img {width: 100%;height: auto;transition: all 0.3s;}
.products .pro_m ul li .pro_b {width: 100%;height: auto;padding: 5%;background-color: #fff;box-sizing: border-box;}
.products .pro_m ul li .pro_b h1 {font-size: 16px;color: #000000;line-height: 30px;transition: all 0.3s;font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.products .pro_m ul li .pro_b p {font-size: 12px;color: #bcbcbc;line-height: 21px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.products .pro_pag{width: 100%;height: auto;overflow: hidden;text-align: center;padding-bottom: 20px;padding-top: 15px;} 
.products .pro_pag a{font-size: 12px; color: #000000; padding:4px 8px ;border: 1px solid #d7d7d7;margin: 0 0.08%;transition: all .3s;}
.products .pro_pag a:hover{color: #ffffff;background-color: #b4150f; border: 1px solid #b4150f;}
.products .pro_pag .pag_active{color: #ffffff;background-color: #b4150f; border: 1px solid #b4150f;}

/* 产品内页 */
.products_de{width: 94%;max-width: 1400px;height: auto;margin: 0 auto;overflow: hidden;padding: 20px 0;}
.products_de .pro_det{width: 100%; height: auto;overflow: hidden;}
.products_de .pro_del{float: left; width: 100%;height: auto;padding: 0 1% 0 0;box-sizing: border-box;}
.products_de .pro_del img{width: 100%;height: auto;}
.products_de .pro_der{float: left; width: 100%;height: auto;padding: 0px 0px 20px 2%;box-sizing: border-box;}
.products_de .pro_der h1{font-size: 18px;color: #22272f;margin-top: 10px;}
.products_de .pro_der ul{margin-top: 20px;margin-bottom: 20px;}
.products_de .pro_der ul li p{font-size: 13px;color: #979797;line-height: 22px;}
.products_de .pro_debtn{font-size: 14px;color: #ffffff;background-color: #ff8a00;padding: 7px 11px;}
.products_de .pro_der ul li p::before{content: '•';color: #979797;margin-right: 1.5%;}

.products_de .pro_list .hd{width: 100%;height: auto;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #ebeced;margin: 10px 0 9px 0; overflow: hidden;text-align: center;background-color: #f9f9f9;line-height: 50px;}
.products_de .pro_list .hd ul{  width: 100%; height: auto;margin: 0 auto;overflow: hidden;}
.products_de .pro_list .hd li{ float: left; cursor: pointer; width: 30%; height: auto; font-weight: 550; font-size: 15px;text-align: center;margin: 0 1.6%; transition: all .3s;}
.products_de .pro_list .hd .on{color: #ffa800;}
.products_de .pro_list .hd li:hover{color: #ffa800;}
.products_de .pro_list .hd li a{display: block; color: #000;}
.products_de .pro_list .bd li{width: 100%;height: auto;}
.products_de .pro_list .bd li img{width: 100%;height: auto;}

/* 公司简介 */
.aboutus{width: 94%;max-width: 1400px;height: auto;margin: 0 auto;overflow: hidden;padding-bottom: 20px;}
.aboutus .aboutus_l{float: left;width: 100%;height: auto;overflow: hidden;padding-right: 5%;box-sizing: border-box;margin-top: 10px;}
.aboutus .aboutus_l h1{ font-size:18px; text-align:left; line-height:40px;}
.aboutus .aboutus_l h2{ font-size:16px; text-align:left; color:#ff7f00; margin-bottom:25px; font-weight:500;}
.aboutus .aboutus_l p{text-indent: 2em;font-size: 13.5px;color: #000;line-height: 22px;margin-top: 10px;}
.aboutus .aboutus_r{float: left;width: 100%;height: auto;overflow: hidden;margin-top: 20px;}
.aboutus .aboutus_r img{width: 100%;height: auto;}

/* 新闻咨询 */
.news{width: 94%;max-width: 1400px;height: auto;margin: 0 auto;overflow: hidden;padding: 20px 0;}
.news ul{width: 100%;height: auto;overflow: hidden;}
.news ul li{float: left; width: 100%;height: auto;border: 1px solid #e5e5e5 ;box-sizing: border-box;margin: 1% 0;padding: 10px 0;}
.news ul li .news_bl{float: left;width: 23%;padding: 0 10px 0 20px;box-sizing: border-box;text-align: center;}
.news ul li .news_bl h1{font-size: 26px;color: #ffab00;font-weight: 480;}
.news ul li .news_bl p{font-size: 13px;color: #e5e5e5;border-top: 1px solid #e5e5e5;line-height: 27px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news ul li .news_br{float: left;width: 77%;box-sizing: border-box;padding: 0 20px 0 10px;}
.news ul li .news_br h1{font-size: 16px;color: #000000;font-weight: 500;line-height: 33px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news ul li .news_br p{font-size: 13px;color: #bcbcbc;line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 新闻内页开始 */
.news_de{width: 94%;max-width: 1400px;height: auto;margin: 0 auto;overflow: hidden;padding: 20px 0;}
.news_de .news_title{width: 100%;height: auto; text-align: center;}
.news_de .news_title h1{font-size: 18px;color: #000;}
.news_de .news_title p{font-size: 13px;color: #a3a3a3;margin-top: 12px;}
.news_de .news_title img{width: 100%;height: auto;}
.news-de .news_main{width: 100%;height: auto;}
.news_de .news_main h1{font-size: 13px;color: #909090;font-weight: 500;line-height: 22px;margin-top: 10px;text-indent: 2em;}
.news_de .news_main div{margin-top: 10px;}
.news_de .news_main div p{font-size: 13px;color: #909090; line-height: 22px;margin: 2px 0;}

/* 成功案例 */
.case{width: 94%;max-width: 1400px;height: auto;margin: 0 auto;overflow: hidden;padding: 10px 0;}
.case ul li{float: left;width: 100%;margin:15px 0;}
.case ul li:hover img{transform: scale(1.1);}
.case ul li:hover h1{color: #002a66;}
.case ul li h1{text-align: center;font-size: 16px;color: #000;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case ul li p{font-size: 12px;color: #969696;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.case .case_img{width: 100%;height: auto;overflow: hidden;}
.case .case_img img{width: 100%;height: auto;transition: all .3s;}

/* 成功案例内页 */
.case_de{width: 94%;max-width: 1400px;height: auto;margin: 0 auto;overflow: hidden;padding: 20px 0;}
.case_de .case_title{width: 100%;height: auto; text-align: center;}
.case_de .case_title h1{font-size: 18px;color: #000;}
.case_de .case_title img{width: 100%;height: auto;}
.case_de .case_main{width: 100%;height: auto;}
.case_de .case_main h1{font-size: 13px;color: #909090;font-weight: 500;line-height: 22px;margin-top: 10px;text-indent: 2em;}
.case_de .case_main div{margin-top: 10px;}
.case_de .case_main div p{font-size: 13px;color: #909090; line-height: 22px;margin: 2px 0;}


/* 联系我们 */
#con{width: 100%;height: auto;padding: 20px 0;background-color: #f5f5f5;}
.con{width: 94%;max-width: 1400px;height: auto;margin: 0 auto;overflow: hidden;}
.con .con_t{width: 100%;height: auto;margin-bottom: 10px;}
.con .con_t table{width: 100%;height: auto;background-color: #fff;border-collapse: collapse;}
.con .con_t table td{display: block;box-sizing: border-box;clear: both; width: 100%; height: auto;border-bottom: 1px solid #e7e7e7;}
.con .con_t table div{float: left;padding: 10px 0;}
.con .con_t table div span{font-size: 16px;color: #ffab00;}
.con .con_t table div p{font-size: 14px; color: #000;}
.con .con_t table div h1{font-size: 14px;color: #ababab;font-weight: 500;}
.con .con_t table div i{font-style: normal; color: #5a5a5a;}
.con .con_t table .con_img img{padding:0 5px;}
.con .con_b{width: 100%;height: auto;overflow: hidden;}
.con .con_b img{width: 100%;height: auto;}
.con .con_l{margin-left: 10px;}

.feedback_left ul li{width:100%; overflow:hidden; margin-bottom:30px;}
.feedback_left_img{ float:left; width:15%;}.feedback_left_img img{ width:60px;}
.feedback_left_text{float:right; width:80%;}
.feedback_left_text span{display:block; font-size:24px; font-weight:bold; color:#333333;}
.feedback_left_text p{ font-size:16px; line-height:22px; margin-top:5px; color:#666666;}

.feedback_con h1{font-size:18px; line-height:30px;}
.feedback_con p{font-size:14px; margin-bottom:20px;}

.feedback_input {
  height: 50px;
  border-radius: 5px;
  margin-right: 3.05%;
  margin-bottom: 3.05%;
  border: 1px solid #dddddd;
  overflow: hidden;
}

.feedback_input span {
  float: left;
  width: 95px;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  color: #666666;
  border-right: 1px solid #dddddd;
  margin-top: 12.5px;
  text-align: center;
}
.feedback_input span img {
  height: 17px;
  margin-top: -3px;
}
.feedback_input input[type=text] {
  float: left;
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  font-size: 14px;
  padding: 0 10px;
  color: #666666;
}

.feedback_textarea textarea {
  display: block;
  width: 98%;
  height: 139px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding: 10px;
  margin-top: 14.5px;
  resize: none;
  outline: 0;
  font-size: 14px;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
}

.feedback_btn {
  text-align: center;
  margin-top: 25px;
}

.feedback_btn a{border-radius:25px; padding:10px 20px; height:40px; line-height:40px; font-size:16px;color:#ffffff; background:#000;}
.feedback_btn a:hover {background-color: #0079c2;}

/* 技术支持开始 */
.services{width: 94%;max-width: 1400px;height: auto;margin: 0 auto;overflow: hidden;padding: 20px 0;}
.services ul li {line-height: 45px;border-bottom:1px solid #e5e5e5 ;font-size: 13px;padding:0 0.5%;overflow: hidden;}
.services ul li a{color: #848484;}
.services ul li:hover a{color: #003887;}
.services ul li p{float: left;width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.services ul li span{float: right;}

/* 技术支持内页 */
.services_de{width: 94%;max-width: 1400px;height: auto;margin: 0 auto;overflow: hidden;padding: 20px 0;}
.services_de .services_title{width: 100%;height: auto; text-align: center;}
.services_de .services_title h1{font-size: 18px;color: #000;}
.services_de .services_title img{width: 100%;height: auto;}
.services_de .services_main{width: 100%;height: auto;}
.services_de .services_main h1{font-size: 13px;color: #909090;font-weight: 500;line-height: 22px;margin-top: 10px;text-indent: 2em;}
.services_de .services_main div{margin-top: 10px;}
.services_de .services_main div p{font-size: 13px;color: #909090; line-height: 22px;margin: 2px 0;}



/* 技术支持2 */
.services2{width: 94%;max-width: 1400px;height: auto;margin: 0 auto;overflow: hidden;padding: 20px 0;}
.services2 .services2_search{height: 35px;width: 256px;margin: 0 auto 20px;border: 1px solid #b0b0b0;padding-left: 16px;border-radius: 5px;}
.services2 .services2_search input{height: 35px; width: 218px; outline: 0;border: 0;font-size: 13px;}
.services2 .services2_search img{width: auto; height: 35px;}
.services2 .services2_main{width: 100%;height: auto;overflow: hidden;}
.services2 .services2_main ul li{float: left;width: 47%;height: auto;text-align: center;overflow: hidden; padding-bottom: 20px;border: 1px solid #dedede;margin: 1% 0.9%;}
.services2 .services2_main ul li:hover img{transform: scale(1.1);}
.services2 .services2_main ul li:hover h1{color: #003887;}
.services2 .services2_main ul li h1{font-size: 16px; color: #3b3b3b;margin: 15px 0;font-weight: 500;}
.services2 .services2_main ul li span{font-size: 14px; color: #406cbd;border: 1px solid #406cbd; padding:3px 10px;}
.services2_img{width: 100%;height: auto;}
.services2_img img{width: 100%;height: auto;transition: all .3s;}

/* 标题 */
.title {width: 100%;height: auto;text-align: center;}
.title h1 {font-size: 26px;color: #000000;line-height: 35px;}
.title p {font-size: 16px;color: #b0b0b0;line-height: 28px;margin-bottom: 17px;}

/* 底部 */
#bottom{width: 100%;height: auto;background-color: #22272f;}
.bottom{width: 94%;max-width: 1600px;height: auto;margin: 0 auto;overflow: hidden;}
.bottom .bottom1{display: none;}
.bottom .bottom2{display: none;}
#bottom .bottom3{ width: 100%;height: auto;text-align: center;background-color: #181b21;color: #7b7b7b;padding: 15px 0;}