@charset "utf-8";
.inbanner h2{ text-align:center; 
              text-align: center;
    font-size: 40px;
    color: #fff;
    padding-top: 180px;
    text-transform:uppercase;
    font-weight:bold;
}
.inbanner h3{font-size:18px;color:#fff; text-align:center;    width: 50%;
    margin: 30px auto 0; line-height:30px; }
.inbanner_about { background:url(../images/inbanner_about.jpg); height:500px; }
.inbanner_faq {  background:url(../images/faqbg.jpg) center center; height:500px; }
.inbanner_help {  background:url(../images/helpbg.jpg) center center; height:500px; }
.inbanner_case { background:url(../images/inbanner_case.jpg) center center; height:500px; }
.inbanner_news {  background:url(../images/inbanner_news.jpg) center center; height:500px; }
.inbanner_zhao { background:url(../images/inbanner_zhao.jpg) center center; height:500px; }
.inbanner_contact { background:url(../images/inbanner_contact.jpg) center center; height:500px; }
.inbanner_zhichi{ background:url(../images/inbanner_zhichi.jpg) center center; height:500px; }
.inbanner_download { background:url(../images/inbanner_download.jpg) center center; height:500px; }
.inbanner_pro{ background:url(../images/inbanner_pro.jpg) center center; height:500px; }
/*pagenav*/
.pagenav{height: 55px;width: 100%;max-width: 2048px;border-bottom:1px solid #e5e5e5;margin: auto;}
.pagenav ul{overflow: hidden;margin: auto;line-height: 54px;list-style: none;}
.pagenav ul li{float: left;}
.pagenav ul a{display: block;text-align: center;line-height: 54px;font-size: 1.2rem;color: #333;text-transform:uppercase;padding: 0 20px;}
.pagenav ul a.active{color: #fff;background-color: #1d6b75;}
/*位置*/
.com_wz{text-align: right;margin: 16px auto;color: #999;}
.com_wz span{font-size: 13px;color: #999;}
.com_wz a{ font-size: 13px; color: #999; }
.com_wz a:hover{ color: #1d6b75; }
/*in   left*/
.in_left{background-color: #1d6b75;border-radius: 10px;width: 284px;float: left;box-sizing: border-box;padding: 14px;}
.in_left .pro_tit{text-align: center;margin-bottom: 14px;}
.in_left .pro_tit span{display: block;position: relative;font-size: 26px;color: #fff;margin: 18px 0 12px 0;}
.in_left .pro_tit span:before{ content: "";display: block;position: absolute; width: 28px; height: 1px; background-color: #fff; left: 10px; top: 12px;}
.in_left .pro_tit span:after{content: "";display: block;position: absolute;width: 28px;height: 1px;background-color: #fff;right: 10px;top: 12px;}
.in_left .pro_tit em{font-size: 14px;color: #fff;text-transform: uppercase;opacity: 0.5;}
.in_left .pro_li{ background-color: #fff; border-radius: 5px; box-sizing: border-box; padding: 14px; }
.in_left .pro_li li{ border-bottom: 1px solid #eee; line-height: 45px; height: 45px; padding-left: 34px; position: relative;}
.in_left .pro_li li a:before{content: "";position: absolute;display: block;width: 27px;height: 5px;background: url(../images/left_icon.png) no-repeat -45px -7px;transition: all 0.3s;right: 31px;top: 20px;}
.in_left .pro_li li a:hover:before{ background-position-x:-6px;}
.in_left .pro_li li:hover a{color: #1d6b75;}
.in_left .pro_li li a{ font-size: 15px; color: #666; display:block;position:relative; }
.in_left .pro_more{ width: 174px; height: 33px; margin: 26px auto 14px auto; background-color: #1d6b75; text-align: center; line-height: 33px; }
.in_left .pro_more a{ color: #fff; font-size: 14px; }
.in_left .pro_more:hover{background-color: #1d6b75;}

.in_left .pro_lx_tit{ text-align: center; }
.in_left .pro_lx_tit span{ display: block;position: relative;font-size: 20px;color: #fff;margin: 18px 0 12px 0;}
.in_left .pro_lx_tit span:before{content: "";display: block;position: absolute;width: 28px;height: 1px;background-color: #fff;left: 10px;top: 12px;}
.in_left .pro_lx_tit span:after{content: "";display: block;position: absolute;width: 28px;height: 1px;background-color: #fff;right: 10px;top: 12px;}
.in_left .pro_lx{ background-color: #fff; border-radius: 5px; box-sizing: border-box; padding: 20px 10px; text-align: center; }
.in_left .pro_lx p{ color: #979797; font-size: 14px; line-height: 26px; text-align: justify; }
.in_left .pro_lx span{ display: block; width: 135px; height: 26px; background-color: #000; line-height: 26px; text-align: center; color: #fff; font-size: 14px; border-radius: 100px; margin: 10px auto 10px auto;}
.in_left .pro_lx em{ color: #1d6b75; font-size:28px; font-weight: bold;}

/**/
.in_right{width: 100%;float: right;}
.in_right1 {
    width: 890px;
    float: right;
}
/*news*/
#newslist{}
#newslist .item{
    padding: 40px 20px;
    background-color: #fff;
    /*-moz-box-shadow: 2px 3px 8px rgba(2, 2, 2, 0.1);
    -webkit-box-shadow: 2px 3px 8px rgba(2, 2, 2, 0.1);
    box-shadow: 2px 1px 14px rgba(2, 2, 2, 0.1);*/
    margin-bottom: 20px;
    border-bottom:1px dotted #dfdfdf;
    }
#newslist .item .it_img{width:220px;float:left;height: 127px;overflow: hidden;transition: all 0.5s;box-sizing: border-box;border: 1px solid #f1f1f1;}
#newslist .item .it_img img{width:100%;box-sizing: border-box;}
#newslist .item .con{width: 920px;overflow: hidden;float: left;margin-left: 20px;transition: all 0.5s;}
    #newslist .item:hover {
    -moz-box-shadow: 2px 3px 8px rgba(2, 2, 2, 0.1);
    -webkit-box-shadow: 2px 3px 8px rgba(2, 2, 2, 0.1);
    box-shadow: 2px 1px 14px rgba(2, 2, 2, 0.1);
    border:0;
    }
/*#newslist .item:hover .con{ width:580px;}*/
/*#newslist .item:hover .it_img{ width:240px;}*/
#newslist .item .all{ width:100%;}
#newslist .item .con h3{ width: 100%;height:25px; line-height:25px;}
#newslist .item .con h3 a{ font-size:18px; color:#000; font-weight:normal;display:block; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}

#newslist .item .con .date{ font-size:14px; color:#a0a0a0; font-family:"Arial"; margin-top:10px; margin-bottom:15px;}
#newslist .item .con .date a{color:#a0a0a0;}
#newslist .item .con .date a:hover{color:#1d6b75;}
#newslist .item .con .intro{ font-size:14px; color:#666; line-height:25px;  overflow:hidden;}
#newslist .item:hover{ background-color:#fff;}
#newslist .item .con h3 a:hover {color:#1d6b75;}
#newslist.goodlist .item{ width: 50%;float: left; }
#newslist.goodlist .item .pic{ width: 160px;height: 160px; overflow:hidden;float: left; }
#newslist.goodlist .item .pic img{ width: 100%; height: 100%; }
#newslist.goodlist .item .con{ width: 280px;float: right;}


/*新闻分页*/
.pagination { text-align: center; line-height: 30px; }
.pagination a:nth-child(1), .pagination a:nth-child(2), .pagination a:nth-last-child(2), .pagination a:last-child{ padding: 0 10px; font-size: 14px; border: 1px solid #e9e9e9; display: inline-block; color: #555; margin: 4px; text-decoration: none; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.pagination .number { width: 48px; font-size: 14px; border: 1px solid #e9e9e9; display: inline-block; color: #555; margin: 4px; text-decoration: none; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.pagination .number.current {width: 48px;font-size: 14px;border: 1px solid #1d6b75;display: inline-block;color: #fff;background: #1d6b75;margin: 0 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.pagination a:hover { text-decoration: underline; }


/*产品*/
.pro_item{float: left;width: 32.33%;margin-right: 1%;border: 1px solid #f1f1f1;margin-bottom:20px;display:inline-block;vertical-align: top;background:#fff;position:relative;}
.pro_item:nth-child(3n){ margin-right: 0; }
.pro_item .pro_pic{width: 100%;height: 20vw;}
.pro_item .pro_pic img{width: 100%;height: 100%;object-fit: cover;}
.pro_item .pro_a{text-align: center;line-height: 46px;}

.pro_item:hover{border-bottom: 1px solid #1d6b75;}
.pro_item:before,.pro_item:after{content:'';width:1px;height:0;background:#1d6b75;position:absolute;transition:600ms ease;z-index: 9;}
.pro_pic:before,.pro_beizhu:after{content:'';width:0;height:1px;background:#1d6b75;position:absolute;transition:600ms ease;z-index: 9;}
.pro_item:before,.pro_pic:before,.pp_more:before{top:0;left:-1px;}
.pro_item:after,.pro_beizhu:after,.pp_more:after{bottom:0px;right:-1px;}
.pro_item:hover:before,.pro_item:hover:after{height:100%;transition:600ms ease;}
.pro_item:hover .pro_pic:before,.pro_item:hover .pro_beizhu:after{width:100%;transition:600ms ease;}
.pro_item .pro_a{text-align: center;color: #1d6b75;background: linear-gradient(269deg,#1d6b75,#1d6b75) no-repeat;background-size: 0 100%;transition: all .35s;cursor: pointer;}
.pro_item:hover .pro_a{background-size: 100% 100%;  }
.pro_item:hover .pro_a a{color: #fff;}


/*about*/
.ab_box{/*-moz-box-shadow: 2px 3px 8px rgba(2, 2, 2, 0.1);-webkit-box-shadow: 2px 3px 8px rgba(2, 2, 2, 0.1);box-shadow: 2px 1px 14px rgba(2, 2, 2, 0.1);*/padding: 30px 0px;/*border-radius: 10px;*/line-height: 30px;}
.ab_tit h2{font-size:20px;font-weight:bold;margin-bottom:10px;display:inline-block;padding-bottom: 10px;position:relative;padding-left:14px;text-transform:uppercase;}
.ab_tit h2:before{ content:"";position:absolute; width:3px; height:22px; background-color:#1d6b75; left:0; top:3px;}
.ab_box img{ max-width:100%;}
/*case*/
.case_box .pro_pic{ height: 153px; }

/*fangan*/
.fangan_box .pro_pic{ height: 150px; }
/*ding*/
.ding_box .pro_pic{height: 340px;}
/* 文章页 */
.article { padding: 30px 10px;/*-moz-box-shadow: 2px 3px 8px rgba(2, 2, 2, 0.1);-webkit-box-shadow: 2px 3px 8px rgba(2, 2, 2, 0.1);box-shadow: 2px 1px 14px rgba(2, 2, 2, 0.1);*/ }
.article .a-title {padding-bottom: 18px;text-align: center;}
.article .a-title .h1 { width: 100%; line-height: 28px; font-size: 24px; margin-bottom: 14px; color: #000; font-weight: bold; }
.article .a-title .info { width: 100%; line-height: 20px; font-size: 12px; color: #999; }
.article .a-title .info em { margin-right: 18px; }
.article .a-body { padding: 10px; }

/* 翻页样式 */
.page_control {width: 100%;margin-top: 30px;border-top: 1px solid #f1f1f1;padding-top: 20px;position: relative;}
.page_control .button {width: 83px;height: 30px;line-height: 28px;font-size: 14px;padding: 0;text-align: center;margin-top: -18px;background: #fff;border-radius: 0;display: inline-block;box-sizing: border-box;position: absolute;top: 3px;left: 50%;margin-left: -42px;}
.page_control .page_go { width: 100%; font-size: 12px; }
.page_control .page_go a {line-height: 33px;font-size: 13px;color: #666;}
.page_control .page_go a:hover{color: #1d6b75;}
.button.btn-main-em {color: #1d6b75;border: 1px solid #1d6b75;}
.button.btn-main-em:hover{color: #fff;border: 1px solid #1d6b75; background-color:#1d6b75;}

/*产品详情*/
.ProInfo .image {float:left;width: 62%;}
.ProInfo .image .pro_img{float:right;width: 81%;}
.ProInfo .image .pro_img_ul{float:left;width: 17%;}
.ProInfo .column {float:right;width: 35%;}
.ProInfo .image img {width: 100%;height: 534px;}
.ProInfo .image a {display:block;padding:2px;}
.ProInfo .image a:hover { border:1px solid #1d6b75;box-sizing:border-box; }

.ProInfo .image .pro_img_ul .pro_img_li{width: 100%;border:1px solid #666;margin-right: 1.25%;margin-bottom: 10px;cursor:pointer;box-sizing: border-box;height: 100px;position: relative;}
.ProInfo .image .pro_img_ul .pro_img_li.on{border: 3px solid #1d6b75;}
.ProInfo .image .pro_img_ul .pro_img_li a{display:block;width:100%;height:100%;}
.ProInfo .image .pro_img_ul .pro_img_li img{/* width: 70px; *//* height: 70px; */position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 90%;max-height: 90%;}
.ProInfo .image .pro_img_ul .pro_img_li:last-child{ margin-right:0;}

.ProInfo .column .d_title {border-bottom: 1px dashed #e5e5e5;padding: 20px 0px;margin-bottom: 20px;}
.ProInfo .column .d_title h3 {text-align:left;font-size: 30px;font-weight: bold;font-family: "Microsoft Yahei";color:#1d6b75;}
.ProInfo .column .d_title em {display:block;margin-top: 16px;font-size: 16px;}
.ProInfo .column .infos { text-align:left; font-size: 12px; line-height: 40px; color: #666666; }
.ProInfo .column .des { line-height:40px; }
.ProInfo .column .des span { width:100px; height:20px; border:1px solid #1d6b75; padding:3px; color:#1d6b75; }
.ProInfo .column .des p { color:#666666; line-height:30px; }
.IntroTitle {margin: 50px 0px 50px 0px;color:#fff;display: flex;justify-content: center;}
.IntroTitle span {background: #fff;font-size: 16px;font-family:"Microsoft Yahei", "黑体";line-height: 48px;display: block;color: #1d6b75;border: 1px solid #1d6b75;border-radius: 100px;padding: 0 22px;margin: 0 30px;}
.IntroTitle span:hover{cursor:pointer;}
.IntroTitle span.on{background: #1d6b75;color:#fff;border-color: #1d6b75;}
.IntroTitle span a{color: #1d6b75;}
.IntroTitle a{color: #1d6b75; background: #fff;font-size: 16px;font-family:"Microsoft Yahei", "黑体";line-height: 48px;display: block;border: 1px solid #1d6b75;border-radius: 100px;margin: 0 30px;padding: 0 22px;display:block;}

.IntroTitle span.on a{color: #1d6b75;color:#fff;}
.pro_detail p{ line-height:24px; font-size:14px;}
.pro_detail img{width:100%;}


.depro_pay{ margin: 20px 0; }
.depro_pay a{display: inline-block;background-color: #1d6b75;color: #fff;padding: 10px 30px;margin-right: 10px;border:2px solid #1d6b75;}
.depro_pay a:hover{ background-color:#fff; box-sizing:border-box;color: #1d6b75;}

.depro_zz li{width: 30px;float: left;margin-right: 10px;border:1px solid #ddd;border-radius: 5px;padding: 4px;height: 30px;}
.depro_zz li img{width: 100%; border-radius: 5px;}

/* help */
.faq_contain {width: 100%;}
.qamain { width: 100%; margin-top: 20px;}
.qarside { width: 318px; }
.qarside .imgb { width: 100%; padding-bottom: 30px; }
.qarside .imgb img { width: 100%; height: auto; }
.qamain .b {margin-bottom: 10px;width: 100%;padding: 0 20px;box-sizing: border-box;box-shadow: 1px 1px 11px 0px rgb(4 0 0 / 10%);border-radius: 5px;}
.qamain .b:hover { border-color:#dd0000;}
.qamain .b.on { border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.qamain .b .q {    /*! margin-bottom: 10px; */cursor: pointer;line-height: 66px;height: 66px;font-size: 15px;color: #333;position: relative;padding-left: 30px;overflow: hidden;}
.qamain .b .q em{display:inline-block;background-color: #dd0000;height: 25px;color:#fff;line-height: 19px;padding: 0 5px;border-radius: 3px;margin-right: 10px;width: 25px;text-align: center;background:url(../images/q_t.png) no-repeat;position: absolute;left: -2px;top: 21px;}
.qamain .b.on .q { color: #dd0000; font-weight: bold; }
.qamain .b .a {display: none;padding: 18px 30px;border-top: 1px dashed #aaa;font-size: 14px;line-height: 28px;color: #666;position: relative;}
.qamain .b .a em{display:inline-block;background-color: #231815;height:20px;color:#fff;line-height: 19px;padding: 0 5px;border-radius: 3px;margin-right: 10px;position:absolute;left: 0;top: 23px;width: 10px;text-align: center;}
.qamain .b .q:hover span.txt { color: #dd0000; }



/*留言*/
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.add-msg-form{ margin-top:20px;}
.add-msg-form input {
    box-sizing: border-box;
    padding: 0 15px;
    border: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    color: #444;
    width: 100%;
    margin-bottom: 20px;
}
.add-msg-form .cf-column {
    position: relative;
    width: calc(50% - 30px);
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}
.add-msg-form textarea {
    box-sizing: border-box;
    border: 1px solid #ddd;
    color: #333;
    min-height: 100px;
    padding: 15px;
    color: #444;
    width: 100%;
    margin-bottom: 20px;
}
.add-msg-form .col-md-12 {
    width: calc(100% - 30px);
    position:relative;
    text-align: center;
}
.add-msg-form .col-md-3 {
    width: calc(33.33% - 30px);
    position:relative;
}
.add-msg-form .col-md-12 .code{ position:absolute;right:15px;top:0;}
.add-msg-form .submit-button {
    box-sizing: border-box;
    width: 38%;
    line-height: 40px;
    height: 40px;
    padding: 0px 15px;
    border: 0px;
    color: #fff;
    position: relative;
    background-color: #1d6b75;
    cursor: pointer;
    font-size: 14px;
    margin-top: 0;
}


/*下载中心*/
.newslist2 { }
.newslist2w { padding: 38px 50px; }
.newslist2 ul li {border: #f1f1f1 1px solid;/* height: 26px; */line-height:26px;font-size: 16px;padding: 0 10px;box-sizing: initial;margin-bottom: 20px;justify-content: left;position: relative;padding-right: 140px;}
.newslist2 ul li:hover {box-shadow: 2px 3px 10px 0px rgb(4 0 0 / 10%);}
.newslist2 h2 { font-size: 20px; }
.newslist2 small { float:right; }
.i_download { float:right; color: #1d6b75; }
.newslist2 a {/* float:left; */color: #1d6b75;}
.newslist2 a:hover { color: #1d6b75;}
.newslist2 .down_tit{width:100%;text-align:left;line-height: 40px;overflow: hidden;float:none; display:block;
    padding: 10px 8px 0 12px;border-right: 1px solid #f1f1f1;}
.newslist2 .download_a {float: right;background-color: #1d6b75;color: #fff;padding: 4px 16px;display:block;font-size: 13px;transition:none;position: absolute;right: 10px;top: 19px;}
.newslist2 .download_a:hover {background-color:#1d6b75; color:#fff;}
.newslist2 p{/* float: left; */color:#444;font-size:14px;width: 100%;overflow: hidden;border-right: 1px solid #f1f1f1;padding: 10px;padding-top:0;}
.newslist2 p span{color:#1d6b75;padding-right:10px;}

/*内页产品中心*/

.pro_inmain{}
.pro_inmain .in_nav_top{ border-top: 1px solid #f1f1f1; }
.pro_inmain .in_nav_top:last-child{ border-bottom: 1px solid #f1f1f1; }
.pro_inmain .in_nav_top span{ float: left;display: block; }
.pro_inmain .in_nav_top span a{background-color: #015756;color: #fff;display: block;font-size: 17px;line-height: 48px;width: 150px;text-align: center;}
.pro_inmain .in_nav_top ul{ float: left;}
.pro_inmain .in_nav_top ul li{float: left;line-height: 48px;margin: 0 10px;}
.pro_inmain .in_nav_top ul li.on a{color: #015756;font-weight:bold;}

.pro_inmain .product_box{margin-top: 60px;}
.pro_inmain .product_box .product_item .nr{margin-bottom: 60px;box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.13);background-color: rgb(248, 248, 248);padding: 30px 50px;transition:all 0.3s;}
.pro_inmain .product_box .product_item:hover .nr{box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);}
.pro_inmain .product_box .product_item .nr .pro_le{width: 50%;float: left;text-align: center;margin-top: 78px;}
.pro_inmain .product_box .product_item .nr .pro_le span{font-size: 26px;font-weight: bold;color: #333;}
.pro_inmain .product_box .product_item .nr .pro_le p{margin:20px 0 40px 0;text-align: left;font-size: 16px;line-height: 30px;}
.pro_inmain .product_box .product_item .nr .pro_le .pro_shop{background-color: #015756;color: #fff;padding: 2px 16px;border-radius: 100px;}
.pro_inmain .product_box .product_item .nr .pro_le a{margin: 0 10px;display: inline-block;}
.pro_inmain .product_box .product_item .nr .pro_rt{ width: 30%;float: right;transition:all 0.3s; }
.pro_inmain .product_box .product_item:hover .nr .pro_rt{margin-right:20px; }
.pro_inmain .product_box .product_item .nr .pro_rt img{ width: 100%;}

/*产品详情*/
.xq_box{ margin-top: 20px; }
.xq_box .xq_co{min-height: 600px;}
.xq_box .xq_co .nr{min-height: 600px;position: relative;}
.xq_box .xq_co .xq_le{float: left;width: 64%;position: absolute;/* left: 0; */top: 50%;transform: translateY(-50%);}
.xq_box .xq_co .xq_le span{font-size: 50px;color: #fff;font-weight: bold;line-height: 60px;}
.xq_box .xq_co .xq_le p{font-size: 24px;color: #fff;margin-top: 28px;line-height: 36px;}
.xq_box .xq_co .xq_rt{float: right;width: 30%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.xq_box .xq_co .xq_rt img{ width: 100%; }

.xq_box .xq_co:nth-child(2n) .xq_rt{left: 0;}
.xq_box .xq_co:nth-child(2n) .xq_le{right: 0;text-align: right;}




/*行业应用*/
.case_box .case_item{margin-bottom: 60px;box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.13);background-color: #fff;transition:all 0.3s;position: relative;}
.case_box .case_item .case_le{float: left;width: 40%;height: 100%;position: absolute;overflow: hidden;}
.case_box .case_item .case_le img{height:100%;width: 100%;transition:all 0.3s;}
.case_box .case_item:hover .case_le img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.case_box .case_item .case_rt{float: right;width: 60%;padding: 40px;box-sizing: border-box;}
.case_box .case_item:hover .case_rt{background-color:#dcdcdc;}
.case_box .case_item .case_rt h3{font-size:24px;color: #333;font-weight: bold;}
.case_box .case_item:hover .case_rt a{ color:#1d6b75;}
.case_box .case_item:hover .case_rt a h3{ color:#1d6b75;}
.case_box .case_item .case_rt p{font-size:14px;color: #333;margin-bottom: 20px;margin-top: 20px;line-height:28px;}
.case_box .case_item .case_rt p span{
    display:block;
    margin-bottom: 10px;
    color:#999;font-size:13px;
    margin-top:10px;
}
.case_box .case_item .case_rt p span a{
    color:#999;
}
.case_box .case_item .case_rt a{font-size:14px;color: #333;}

/*内页导航*/
.innav_s{background-color: #f9f9f9;padding: 40px 0;margin-bottom: 40px;}
.innav_s ul li{ float: left;margin-right: 40px; }
.innav_s ul li a{font-size: 16px;}
.innav_s ul li.on a{background-color: #1d6b75;padding: 6px 26px;color: #fff;border-radius: 5px;}


/*相关文章*/
.xgwz{ margin-top: 20px; background-color: #f1f1f1; padding: 10px 20px;}
.xgwz span{border-left: 2px solid #1d6b75;padding-left: 10px;font-weight: bold;font-size: 17px;}
.xgwz li{width: 32.33%;margin-right: 1%;float: left;margin-top: 10px;position: relative;padding-left: 16px;box-sizing: border-box;}
.xgwz li:before{content:"";position: absolute;background-color:#1d6b75;border-radius: 100px;left: 0;display: block;width: 4px;height: 4px;top: 10px;}
/*关键词*/
.gjc { margin-top: 20px; padding: 10px 20px;}
.gjc span{border-left: 2px solid #1d6b75;padding-left: 10px;font-weight: bold;font-size: 17px;}
.gjc ul li{ float: left;  margin-right: 10px;margin-top: 10px;}
.gjc ul li a{display: inline-block;background-color: #f1f1f1;padding: 4px 20px;border-radius: 100px;color: #888;}





/*auto*/
@media (max-width:1200px) {
.nr {width: 98%;padding: 0 1%;}
.wrap{width: 98%;min-width: 98%;}
/*产品详情*/
.ProInfo .image img {height: 40vw;}
.ProInfo .image .pro_img_ul .pro_img_li{height: 8vw;}
}

@media (max-width:800px) {
/*产品*/
.pro_inmain .in_nav_top span{width: 100%;}
.pro_inmain .in_nav_top span a{width: 100%;line-height: 34px;font-size: 15px;}
.pro_inmain .in_nav_top ul{margin: 7px 0;/* background-color: #f1f1f1; */width: 100%;}
.pro_inmain .in_nav_top ul li{line-height: 28px;font-size: 13px;height: 32px;margin-bottom: 6px;background-color: #f5f5f5;padding: 0 10px;width: calc(33.33% - 1px);box-sizing: border-box;margin: 0 1px 1px 0;text-align: center;/* border-radius: 22px; */overflow: hidden;}
.pro_inmain .in_nav_top ul li.on{border: 1px solid rgba(29,107,117,.3);box-sizing: border-box;}
.pro_inmain .product_box{ margin-top: 20px; }
.pro_inmain .product_box .product_item .nr{margin-bottom: 20px;padding: 0;width: 96%;box-sizing: border-box;padding: 30px 10px;}
.pro_inmain .product_box .product_item .nr .pro_le{width: 100%;margin-top: 0;}
.pro_inmain .product_box .product_item .nr .pro_rt{width: 65%;transform: translateX(-28%);margin-top: 20px;}
.pro_inmain .product_box .product_item .nr .pro_le p{margin: 10px 0 14px 0;font-size: 14px;line-height: 26px;}
.pro_inmain .product_box .product_item .nr .pro_le span{font-size: 24px;}
/*产品详情*/
.IntroTitle {margin: 20px 0px;}
.IntroTitle span,.IntroTitle a{padding: 0 9px;margin: 0 5px;font-size: 12px;line-height: 36px;height: 36px;}

.xq_box .xq_co{min-height: auto;background-size: cover !important;padding: 20px 0;}
.xq_box .xq_co .nr{min-height: auto;}
.xq_box .xq_co .xq_le{width: 100%;position: relative;transform: inherit;text-align: center;}
.xq_box .xq_co .xq_rt{width: 50%;position: relative;transform: translateX(-50%);}
.xq_box .xq_co .xq_le span{font-size: 30px;line-height: 39px;}
.xq_box .xq_co .xq_le p{font-size: 18px;margin-top: 4px;margin-bottom: 20px;}
.xq_box .xq_co:nth-child(2n) .xq_le{text-align: center;}

.ProInfo .image{ width: 100%; }
.ProInfo .image img {height: 80vw;}
.ProInfo .image .pro_img_ul .pro_img_li{height: 15vw;margin-bottom: 5px;}
.ProInfo .column{ width:100%;}
.ProInfo .column .d_title{padding: 20px 0px 10px 0px;margin-bottom: 10px; 
    text-align: center;}
.ProInfo .column .des{
    text-align: center;
}
.depro_pay{text-align:center;}
.ProInfo .column .d_title h3{font-size: 26px; text-align:center;}
.depro_zz{text-align:center;}
.depro_zz li{display:inline-block; float:none;}
/*inbanner*/
.inbanner img{width: 250%;margin-left: -32%;}
}/*---------自适应  end*/

/* icon */
.myicon {
    display: inline-block;
    background: url(../images/icon.png) no-repeat;
    vertical-align: middle;
}
.contact_main { position: relative;  }
.contact_main .map_w { position: absolute; top: 10px; left: 0px; width: 60%; height: 100%; }
.contact_main .contact_info { width: 40%; padding-top: 10px; margin-bottom: 20px;padding-left:40px; float:right;    box-sizing: border-box; }
.contact_main .contact_info .row { margin-bottom: 40px; }
.contact_main .contact_info .tit { width: 100%; font-size: 16px; font-weight: bold; color: #444; padding-left: 10px; border-left: 10px solid #fc0; line-height: 20px; margin-bottom: 20px; }
.contact_main .contact_info .p { position: relative; padding-left: 28px; margin-bottom: 18px; width: 100%; }
.contact_main .contact_info .p.col2 { width: 100%; display: inline-block; vertical-align: top; }
.contact_main .contact_info .p i.myicon { position: absolute; top: 0; left: 0; width: 20px; height: 20px; }
i.myicon.myicon-phone { background-position: 0 -390px; }
i.myicon.myicon-mphone { background-position: -20px -390px; }
i.myicon.myicon-mail { background-position: -40px -390px; }
i.myicon.myicon-qq { background-position: -60px -390px; }
i.myicon.myicon-wangw { background-position: -80px -390px; }
i.myicon.myicon-weixin { background-position: -100px -390px; }
i.myicon.myicon-address { background-position: -120px -390px; }
i.myicon.myicon-facebook { background-position: -140px -390px; }
i.myicon.myicon-smile { background-position: 0 -410px; }
.contact_main .contact_info .p .pm { line-height: 20px; font-size: 14px; color: #222; }
.contact_main .contact_info .selficon { float: left; width: 80px; height: 80px; border: 2px solid #999; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; color: #333; font-size: 14px; line-height: 28px; margin: 10px 20px; text-align: center; padding-top: 10px; }
.contact_main .contact_info .selficon i.myicon { width: 20px; height: 20px; }
i.myicon.myicon-faq { background-position: -160px -390px; }
i.myicon.myicon-news { background-position: -180px -390px; }
i.myicon.myicon-price { background-position: -200px -390px; }
i.myicon.myicon-track { background-position: -220px -390px; }
i.myicon.myicon-cangku { background-position: -240px -390px; }
.contact_main .contact_info .selficon:hover { border-color: #fc0; color: #fc0; }
.contact_main .contact_info .selficon:hover i.myicon.myicon-faq { background-position: -160px -410px; }
.contact_main .contact_info .selficon:hover i.myicon.myicon-news { background-position: -180px -410px; }
.contact_main .contact_info .selficon:hover i.myicon.myicon-price { background-position: -200px -410px; }
.contact_main .contact_info .selficon:hover i.myicon.myicon-track { background-position: -220px -410px; }
.contact_main .contact_info .selficon:hover i.myicon.myicon-cangku { background-position: -240px -410px; }
.contact_main .contact_info .qrcode_p {display:inline-block; text-align:center;font-size:14px;
}
.contact_main .contact_info .qrcode_p img{width:120px;height:120px;}

.Joblist_table {
    width: 100%;
    border: 0px solid #eee;
    margin-top:20px;
}
.Joblist_table thead th {
    line-height: 20px;
    padding: 10px 2px;
    text-align: center;
    font-weight: bold;
    background: #444;
    color: #fff;
    border: 0px solid #555;
}
.Joblist_table thead th:first-child{
    color: #fff;
}
.Joblist_table tbody tr td{
    line-height: 24px;
    padding: 10px 2px;
    color: #666;
    font-size: 14px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.Joblist_table tbody tr:nth-child(even) td{
    color: #666;
    background: #fff;
}
.Joblist_table tbody tr td:first-child{
    font-weight: bold;
    font-size: 14px;
    color: #333;
    font-weight:bold;
}
.tags{padding:5px 0;color:#1d6b75;font-size:13px;}
.tags .fa{color:#1d6b75}
.tags a{font-size:13px;color:#1d6b75}
.tags a:hover{color:#ccc}

.btn-tab {margin-bottom:30px; }
.btn-tab .btn { background-color: #f4f4f4; color: #333333;  margin: 0 10px; display: inline-block;
    font-weight: 400;
    padding:8px 30px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;font-size: 1.2rem;
    line-height: 1.5;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius:20px;
}
.btn-tab .btn:hover { background-color: #1d6b75; color: #fff;text-decoration: none; }
.btn-tab .btn.active { background-color: #1d6b75; color: #fff; border: 0; }
.btn-tab .btn.active:hover { background-color: #1d6b75; color: #fff; }

/* 放大镜 */

.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-booth{border:1px solid #1d6b75;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #1d6b75;height:40px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #1d6b75;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#ffffff;border:1px solid #1d6b75;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}


/*内页自适应*/
@media (max-width: 800px) {
.inbanner{height: 50vw !important;}
.inbanner h2{padding-top: 7vw;font-size:30px;line-height: 40px;}
.inbanner h3{font-size: 13px;line-height: 20px;width: 98%;height: 40px;overflow: hidden;margin: 13px auto 0;}
.pagenav ul li{ width:33.33%;}
.pagenav ul a{font-size: 14px;line-height: 18px;padding: 10px 0;}
.pagenav ul{ overflow:visible;}
.pagenav ul:before, .pagenav ul:after { content: " "; display: table }
.pagenav ul:after { clear: both }
.com_wz{text-align:center;margin: 10px auto; display:none;}
.ab_box{padding: 20px 0px;}
.ab_tit h2{margin-bottom: 5px;padding-bottom: 5px;}
.pagenav{height:auto;}

/*help*/
.qamain .b .q{line-height: 50px;height: 50px;}
.qamain .b .q em{ left: -2px; top: 13px;}
/*下载*/
.btn-tab .btn{padding: 8px 16px;    margin: 0 2px;
    font-size: 16px;}
/*新闻*/
#newslist .item{padding: 20px 10px;}
#newslist .item .it_img{width: 100%; 
    height: auto;}
#newslist .item .it_img img{ height:100%;object-fit:cover;}
#newslist .item .con{ width:100%;float: none;
    margin-left: 0px;}
#newslist .item .con h3{text-align:left;margin-top:10px;}
#newslist .item .con .date{ margin-bottom:10px;text-align:left;font-size:12px;}
#newslist .item .con .intro{text-align:left;}
/*新闻相关*/
.xgwz li{width:100%;}
/*.in_right{text-align:center;}*/


.case_box .case_item .case_le{
    width:100%;
    float:none;position:relative;
}
.case_box .case_item .case_rt {
    float: none;
    width: 100%;
    padding: 10px;
}
.contact_main .map_w {
    position: relative;
    width: 100%;
    height:300px;
    margin-top: -25px;
}
.contact_main .contact_info {
    width: 100%;
    padding-top: 0px;
    margin-top:20px;
    margin-bottom: 20px;
    padding-left: 0px;
    float: none;
}
.btn-tab{
    margin:10px auto 20px;
}
.yingyong_list li p{
  line-height: 22px;
    height: 100%;padding-top:10px;
    font-size:14px;
}
}/*内页自适应 end*/