﻿@charset "utf-8";
@import url('../fonts/iconfont/iconfont.css');
@import url('imgsize.css');

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*****  font-display: swap;  字体延迟加载*****/
/**********样式重置**********/
html,body{
    -ms-overflow-style: scrollbar;/*解决ie浏览器右侧滚动条遮挡内容问题*/
    -webkit-overflow-scrolling: touch;/*解决iOS滚动条被卡住的问题*/
    scroll-behavior: smooth;/*滚动到指定位置*/
}
@media (min-width:1px) and (max-width:767px) {
    html{font-size:14px;}
}
.btn-3,.btn-2 {
    background: rgb(218, 37, 26);
    padding: 0;
    border: none;
}
.btn-3{
    background: linear-gradient(0deg,rgba(218, 37, 26,1) 0%,rgba(218, 37, 26,1) 100%);
}
.btn-3:before ,.btn-2:before{
    height: 0%;
    width: 2px;
}
.btn-3:after ,.btn-2::after{
    width: 0%;
    height: 2px;
}
.btn-3:before, .btn-3:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background: rgba(218, 37, 26,1);
    transition: all 0.3s ease;
}
.btn-2:before, .btn-2:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: rgba(218, 37, 26,1);
    transition: all 0.3s ease;
}
.btn-3:hover,.btn-2:hover {
    color: rgb(218, 37, 29);
    background: transparent;
    box-shadow: none;
}
.btn-3:hover:before,.btn-2:hover:before {
    height: 100%;
}
.btn-3:hover:after,.btn-2:hover:after {
    width: 100%;
}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
q:before,q:after{content:''}
input:visited,input:focus,input,textarea,button:visited,button:focus,textarea:visited,textarea:focus{border:none;outline: none;}
.clearfix:after,.clearfix:before,.container::after,.container:before{display:table;content:" ";}
.clearfix:after,.container::after{clear:both;}
*{margin:0;padding:0;box-sizing:border-box;}
a{outline:none;color:#555;text-decoration:none;}
img,li{border:0;vertical-align:top;}
img{max-width:100%;height:auto;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #717171;
}
input:-moz-placeholder,textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #717171;
}
input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #717171;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #717171;
}
b,body,dd,div,form,h3,h4,h5,h6,img,input,textarea,li,p,pre,td,ul{font-family:微软雅黑,Arial,Verdana,Tahoma, Geneva,sans-serif;color:#000;line-height:1.5;font-size:16px;}
h1,h2,h3,h4,h5,h6,dt{font-weight:normal;}
h1,h2,h3,h4,h5,dt{font-family:微软雅黑,Arial,Verdana, Tahoma, Geneva,  sans-serif;}
.hidden{display:none!important;}
.noinfo{font-size:1rem;text-align:center;margin-top:10px;padding-bottom:30px;}
.item .img{overflow:hidden;position:relative;}
.item .img img{max-width:100%;transition:all .4s;transform:scale(1);margin:0 auto;display:block;}
.item:hover .img img{transform:scale(1.05);}
.flex_between{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flex_around{display:flex;justify-content:space-around;flex-wrap:wrap;}
.flex_start{display:flex;justify-content:flex-start;flex-wrap:wrap;}
.flex_column{display:flex;justify-content:flex-start;flex-wrap:wrap; flex-direction:column;}
.flex_center{display:flex;align-items:center;}
.vcenter{position:absolute;top:50%;transform:translate(0,-50%);width:100%;}
.vccenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.txtcenter{text-align:center;}
.ValidationError{border:1px solid red!important;}
.whatsapptel{ position:fixed; left:15px; bottom:60px; z-index:10;}
.whatsapptel img{ width:50px;}
/**********样式重置**********/

/*搜索框*/
.container {
    max-width: 1260px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}
.frame {
    padding: 50px 0;
}
.frame .title{
    margin-bottom: 40px;
}
.frame .title h6{
    font-size: 20px;
    position: relative;
}
.frame .title h3{
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 15px;
}
.frame .title p{
    color: #333333;
    font-size: 18px;
} 
.frame .title a{
    display: inline-block;
    margin: auto 0;
    color: #999999;
}
.frame .title a:hover{
    color: #da251a;
}
.frame .title>h6:before{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 30px solid #015293;
    border-right: 24px solid transparent;
}
/*.clearfix:after{伪元素是行内元素 正常浏览器清除浮动方法
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}*/
.clearfix{
    *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
/* header */
header{
    position: sticky;
    transition: all 0.3s;
    z-index: 9999;
    top: 0;
}
#logo {
    display: none;
}
#logo a.logo {
    display: block;
    height: 86px;
}
header #menu_btn {
    width: 28px;
    height: 28px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 10px;
    display: none;
}
header.fixed{background-color:#fff;padding-top:0;padding-bottom:0;box-shadow:0 0 10px #ccc;}
#logo a.logo img {
    position: relative;
    top: 50%;
    transform: translate(0,-50%);
}
header #menu_btn i{
    font-size: 24px;
    color: #da251a;
}
#Menu{
    transition: all 0.3s;
    position: relative;
    background: #fff;
}
#Menu .menu>li{
    padding-top: 10px;
    padding-bottom: 25px;
}
#Menu .menu .dropdown-menu{
    display: none;
}
#Menu .left .logo{
    margin: 25px 0;
}
#Menu .right{
    margin: auto 0;
}
#Menu .right .contact_list{
    margin-bottom: 25px;
}
#Menu .right .contact_list div a{
    display: inline-block;
    margin: auto 0;
}

#Menu .right .contact_list .contact a{
    border-right: 1px solid #cccccc;
    padding-right:30px ;
}
#Menu .right .contact_list .contact .icon,#Menu .right .contact_list .phone_type .icon{
    margin: auto 0;
}
#Menu .right .contact_list .phone_type i{
    margin-left: 30px;
}
#Menu .right .contact_list .phone_type{
    position: relative;
}
#Menu .right .contact_list .phone_type .phone_type_code{
    display: none;
    position: absolute;
    top: 100%;
    background-color: #fff;
    transition: all 0.3s;
}
#Menu .right .contact_list .phone_type:hover .phone_type_code{
    display: block;
z-index:99;
}
#Menu .right .contact_list .phone_type:hover .phone_type_code img{
    max-height: auto;
}
#Menu .right .contact_list i{
    display: inline-block;
    color: #da251d;
    font-size: 24px;
    margin-right: 10px;
}
#Menu ul>li {
    display: inline-block;
    font-size: 18px;
    margin-right: 20px;
}
#Menu .menu>li{
    margin-right: 20px;
}
#Menu .menu>li>a>i{
    margin-left: 10px;
}
#SearchBox {
    overflow: hidden;
    padding: 0;
    transition: all .5s;
    text-align: right;
    z-index: 9999;
}

#SearchBox #sform {
    position: relative;
    overflow: hidden;
}
#SearchBox #sform #stext {
    float: left;
    width: 185px;
    padding: 10px;
    font-size: 12px;
    border: none;
    line-height: 20px;
    background: #ebebeb;
    color: #939393;
}

#SearchBox #sform #sbut {
    float: right;
    background: #da251d;
    border: none;
    cursor: pointer;
    padding: 10px 21px;
}
#SearchBox #sform #sbut>i {
    display: inline-block;
    color: rgb(255, 255, 255);
    line-height: 20px;
}
#Menu{
    padding: 0 calc(50% - 630px);
}
#Menu .menu>li>div{
    width: 100%;
    top: 100%;
    background: #f8f8f8;
    position: absolute;
    display: none;
    left: 0;
    box-shadow: 0 5px 10px rgba(0,0,0,15%);
}

.service_menu,.app_menu,.about_menu{max-width: 1260px;width: 100%;margin: 0 auto;display: block;}

#Menu .menu>li .about_menu{display: flex;}
#Menu .menu>li .container{position: relative;}

#Menu .menu>li .app_menu .item i{color: #999999;}
#Menu .menu>li .item p{color: #666;}
#Menu .menu>li .app_menu .item h6{color: #333333;}
#Menu .menu>li .item:hover i,#Menu .menu>li .item:hover>h6,#Menu .menu>li .item:hover p{color: #da251a;}

#Menu .menu>li .product_menu{background-color: #ebebeb;width: 100%;height:532.5px;max-width: 1920px;margin: 0 auto;}
#Menu .menu>li .product_menu .product_top{width: 100%;padding: 0 calc(50% - 630px);position: relative;}
#Menu .menu>li .product_menu .product_top .item{padding: 20px 35px;margin-right: 115px;}
#Menu .menu>li .product_menu .product_top .item.active{background: #fff;color: #da251a;}
#Menu .menu>li .product_menu .product_top .item .catemenu>li a{font-size: 14px;}
#Menu .menu>li .product_menu .product_top .item .catemenu>li a:hover{text-decoration:underline;}
#Menu .menu>li .product_menu .product_top .item h5{font-size: 15px;text-align: center;color: #333;}

#Menu .menu>li .product_menu .item .product_down{display: none;width: 100%;background:#f7f7f7;height: 470px;overflow: hidden;position: absolute;top: 100%;left: 0;}

#Menu .menu>li .product_menu .item.active .product_down{display: flex;}
#Menu .menu>li .product_menu .product_down .product_type,#Menu .menu>li .product_menu .product_down .product_img,#Menu .menu>li .product_menu .product_down .product_name{width:calc(100% / 3);padding: 30px 0;}
#Menu .menu>li .product_menu .product_down .product_img img{width: auto;padding:30px;object-fit: cover;float: left;height: 100%;}
#Menu .menu>li .product_menu .product_down .product_img img.active{display: block;}
#Menu .menu>li .product_menu .product_down .product_type{max-width: 600px;background: #fff;padding-right: 10px;}
#Menu .menu>li .product_menu .product_down .product_type ul{width: 300px;padding-left: 30px;padding-right: 20px;float: right;overflow:none;overflow-y:auto;max-height: 410px;}
#Menu .menu>li .product_menu .product_down .product_type ul li{width: 100%;margin-bottom: 40px;padding:10px 0;cursor: pointer;font-size: 14px;}
#Menu .menu>li .product_menu .product_down .product_type ul li.active{color: #da251a;}
#Menu .menu>li .product_menu .product_down .product_type ul li span{display: inline-block;float: right;color: #da251a;}

#Menu .menu>li .product_menu .product_down ul::-webkit-scrollbar{width: 5px;height:0;background-color: #fff;}
#Menu .menu>li .product_menu .product_down ul::-webkit-scrollbar-thumb{background-color: #da251a;background-clip:padding-box;}
#Menu .menu>li .product_menu .product_down ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.3);}
#Menu .menu>li .product_menu .product_down ul::-webkit-scrollbar-track-piece{width: 3px;background-color: #ccc;}

#Menu .menu>li .product_menu .product_down .product_name{padding-right: 10px;}
#Menu .menu>li .product_menu .product_down .product_name ul{flex-wrap: wrap;width: 100%;padding-left:70px ;padding-right: 60px;overflow-y:auto;max-height: 410px;display: none;}
#Menu .menu>li .product_menu .product_down .product_name ul.active{display: flex;}
#Menu .menu>li .product_menu .product_down .product_name ul h6{width: 100%;font-weight: bold;margin-bottom: 25px;}
#Menu .menu>li .product_menu .product_down .product_name ul li{width: 50%;margin-bottom: 30px;font-size: 14px;margin-right: 0;}

#Menu .menu>li .product_menu.active .product_down,#Menu .menu>li .product_menu.active .product_top,#Menu .menu>li .about_menu.active{display: flex;}

#Menu .menu>li .app_menu .item{width: calc((100% - 600px)/5);display: inline-block;text-align: center;padding: 60px 0px;}
#Menu .menu>li .app_menu .item i{font-size: 40px;}
#Menu .menu>li .app_menu .item .app_img{width: 40px;height: 40px;overflow: hidden;margin: 10px auto 10px;}
#Menu .menu>li .app_menu .item img{width: 40px;height: 40px;filter: drop-shadow(40px 0 #999); position: relative;left: -40px;}
#Menu .menu>li .app_menu .app_list{border-bottom: 1px solid #cccccc;}
#Menu .menu>li .app_menu .app_list:last-child{border-bottom: 0;}

#Menu .menu>li .service_menu .service_top{border-bottom: 1px solid #cccccc;}
#Menu .menu>li .service_menu .item{width: calc((100% - 600px)/3);display: inline-block;text-align: center;padding: 60px 0px;}
#Menu .menu>li .service_menu .item i{color: #999999;font-size: 36px;margin-bottom: 20px;}
#Menu .menu>li .service_menu .item p{margin-top: 10px;font-size: 14px;}

#Menu .menu > li .about_menu .item {width: calc((100% - 200px)/4);display: inline-block;text-align: center;padding: 40px 0;white-space: nowrap;}
#Menu .menu>li .about_menu .item i {color: #999999;font-size: 36px;margin-bottom: 20px;}
#Menu .menu>li .about_menu .item p{margin-top: 10px;font-size: 14px;}
#Menu .menu>li .app_menu .item:hover h6,#Menu .menu>li .app_menu .item:hover i,#Menu .menu>li .service_menu .item:hover i,#Menu .menu>li .about_menu .item:hover i{color: #da251a;}
#Menu .menu>li .app_menu .item:hover .app_img img{filter:none;left: auto;}
/******** Location ********/
/*#Location{
    background: #eceff4;
    padding: 20px 0;
    text-align: right;
}
#Location .location{
    margin-right: 65px;
}
#Location .location i{
    margin-right: 10px;
}
#Location .location a:not(:last-child)::after {
    content: "-";
    margin: 0 5px;
}*/
@media(min-width:992px) {
        #Menu ul>li:hover,#Menu ul>li:hover>a{
        color: #da251a;
    }
}
@media (max-width:1220px) and (min-width:992px){
    #Menu .menu>li .app_menu .item {width: calc((100% - 300px)/5);}
    #Menu .menu>li .service_menu .item {width: calc((100% - 300px)/3);}
}
@media (max-width:991px){
    #logo{display: block;background: #fff;}
    #logo a.logo {padding-top: 0;padding-bottom: 0;display: inline-block;margin-left: 20px;}
    header #menu_btn {display: block;top: 25px;}
    #Menu .left .logo {width: 100%;padding: 30px 40px;margin: 0;background: #fff;}
    #Menu .container{padding: 0;}
    #Menu {width: 220px;position: fixed;left: -220px;top: 0px;bottom: 0px;z-index: 99999;background: #da251a;overflow-x: hidden;overflow-y: auto;transition: all .5s ease;padding-top: 0;}
    #Menu .menu,#Menu .contact_list{padding-left: 15px;}
    #Menu ul>li {width: 100%;color: #fff;padding: 10px 0;}
    #Menu ul>li a{color: #fff;}
    #Menu ul>li.menu_select,#Menu ul>li.menu_select a{color: #fff;}
    #Menu.show {left: 0;display: initial;padding: 0;}
    #Menu .right .contact_list{flex-wrap: wrap;}
    #Menu .right .contact_list .contact,#Menu .right .contact_list .phone_type{width: 100%;text-align: left;justify-content: flex-start;}
    #Menu .right .contact_list div i,#Menu .right .contact_list div a{color: #fff;border: 0 !important;}
    #Menu .right .contact_list div:first-child a {padding-right: 0;}
    #Menu .right .contact_list div:last-child i {margin-left: 0;}
    #Menu .menu .dropdown-menu{display: flex;flex-wrap: wrap;}
    #Menu .menu .dropdown-menu li{width: 100%;padding:0px 10px;}
    #Menu .menu .dropdown-menu li>a{font-size:14px;}
    #search,#l_link{width: 100%;padding: 10px 10px;margin: 0;}
    #search .search{display: none;}
    #SearchBox {position: relative;background: none;left: initial;right: initial;top: initial;bottom: initial;}
	#SearchBox #sform {display: block;background-color: #fff;width: 100%;border: 1px solid #fff;margin: 0;}
	#SearchBox #sform #stext {width: 80%;background-color: #fff;height: 30px;line-height: 30px;color: #333;font-size: 14px;font-weight: normal;padding-left: 8px;}

	#SearchBox #sform #sbut {width: 20%;height: 30px;line-height: 30px;padding: 0;}
    #SearchBox #sform #sbut>i {font-size: 16px;}
    #SearchBox .searchclose {display:none;}
}

/***** footer *****/
footer{border-top: 8px solid #da251d;}
#footer a:hover{color: #da251d;transition: 0.5s;}
footer .foot_center{margin-top: 50px;margin-bottom: 80px;}
footer .foot_center a{display: inline-block;font-size: 14px;}
footer .foot_center ul dd a{margin-bottom: 10px;}
footer .foot_center li{list-style-type: none;}
footer .foot_center h5{margin-bottom: 30px;}
footer .foot_center .foot_contact {padding-right: 200px;border-right: 1px solid #cccccc;}
footer .foot_center .foot_contact .footshare a>i{color: #da251d;margin-right: 15px;}
footer .foot_center .foot_contact .footshare{margin-bottom: 60px;}
footer .foot_center .foot_contact p{margin-bottom: 15px;}
footer .foot_center .foot_contact p.cont_p{font-size: 14px;}
footer .foot_center .foot_contact .feedback_btn{margin-top: 10px;position: relative;padding: 15px 20px;background: #da251d;color: #fff;}
footer .foot_center .foot_contact .feedback_btn:after,footer .foot_center .foot_contact .feedback_btn:before{background: #da251d;}
footer .foot_center .foot_contact .feedback_btn:hover{background-color: transparent;}
footer .friendlist{}
footer .friendlist ul.drop {max-width:1260px;margin:0 auto;border-top:1px solid #ccc;}
footer .friendlist ul.drop li:not(:last-child){margin-right:10px;}
footer .friendlist ul.drop li a{display:inline-flex;padding:10px 0;font-size:15px;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow: ellipsis;}
footer .friendlist ul.drop li a:before{content:"";width:5px;height:5px;border-radius:50%;background:rgb(218, 37, 26);margin:auto 5px auto 0;display:inline-block;}
footer .footerdiv {background: #f0f0f0;}
footer .foot_by{max-width: 1260px;width: 100%;margin: 0 auto;}
footer .foot_by .footdiv{padding: 15px 0;font-size: 12px;}
#mobMenu {min-height: 50px;border: 1px solid #dddddd;position: fixed;bottom: 0;width: 100%;display: none;z-index: 1;background-color: #fff;}
#mobMenu .foot_nav {width: 25%;float: left;text-align: center;color: #898989;font-size: 14px;}
#mobMenu .foot_nav i {display: block;padding: 3px 0px 0px 0px;font-size: 18px;line-height: 24px;}
@media (max-width:991px) and (min-width:769px){
    footer .foot_center .foot_contact {padding-right: 100px;}
}
@media (max-width:768px){
    footer {display: none;}
    #mobMenu{display: block;}
}
/*****************************/
#bframe{text-align: center;}
#bframe.hframe .btnlist{display: none;}
.banner{text-align: center;}
.banner .btnlist{display: none;}

/******************************/
#frame1{padding: 70px 0;background: #f2f2f2;}
#frame1 .product_list .item{padding: 50px 20px 35px 20px;width: calc((100% - 80px)/5);margin-right: 20px;background: #fff;text-align: center;}
#frame1 .product_list .item i{color: #da251d;font-size: 60px;}
#frame1 .product_list .item img{width: 60px;margin-bottom: 10px;}
#frame1 .product_list .item h5{font-size: 20px;font-weight: bold;}
#frame1 .product_list .item p{margin-top: 30px;margin-bottom: 30px;padding: 30px 5px;border-top: 1px solid #cccccc;color: #999999;font-size: 14px;max-height: 124px;height: 100%;}
#frame1 .product_list .item a{padding: 10px 20px ;background: #da251d;color: #fff;display: inline-block;border: 1px solid transparent;}
#frame1 .product_list .item a:hover{border: 1px solid #da251a;background:#fff;color: #da251a;}
#frame1 .product_list .item:nth-child(5){margin-right: 0;}

/*****************************************/
#frame2 .innovation_list .item{width: calc((100% - 40px)/3);margin-right: 20px;margin-bottom: 20px;}
#frame2 .innovation_list .item h5{margin-top: 25px;margin-bottom: 20px;font-size: 18px;font-weight: bold;}
#frame2 .innovation_list .item p{font-size: 14px;color: #666666;}
#frame2 .innovation_list .item:nth-child(3n){margin-right: 0;}
#frame2 .innovation_list .item:hover h5,#frame2 .innovation_list .item:hover p {color: #da251a;}



/*************************************/
#frame3 .news_list .item{width: calc((100% - 60px)/3);margin-right: 30px;margin-bottom: 30px;overflow: hidden;border: 1px solid rgba(204, 204, 204,30%);}
#frame3 .news_list .item:first-child{width: calc(((100% - 60px)/3*2) + 30px);position: relative;}
#frame3 .news_list .item:first-child h3{color: #fff;font-weight: bold;font-size: 18px;padding: 15px 35px 20px 35px;position:absolute;bottom: 0;background: rgba(0, 0, 0, 0.2);width: 100%;}
#frame3 .news_list .item:first-child img{width: 100%;height: 100%;object-fit: cover;}
#frame3 .news_list .item:nth-child(3n-1){margin-right: 0;}
#frame3 .news_list .item .news_detil .news_type{color: #da251d;border: 1px solid #da251d;border-radius: 5px;font-size: 12px;padding: 5px;}
#frame3 .news_list .item .news_detil .news_date{color: #999999;}
#frame3 .news_list .item .news_detil h5{margin-top: 25px;font-size: 20px;font-weight: bold;line-height: 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px;}
#frame3 .news_list .item .news_detil p{font-size: 14px;height: 42px;margin: 20px 0;color: #999999;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;  /* 设置行数 */-webkit-box-orient: vertical;}
#frame3 .news_list .item .item_detil{padding: 15px;border-top: 0;}
#frame3 .news_list .item .news_detil span{display: inline-block;border: 1px solid #cccccc;padding: 1px 7px;color: #cccccc;}

@media(max-width:991px) and (min-width:769px){
    #frame1 .product_list .item{width: calc((100% - 30px)/2);margin-bottom: 30px;}
    #frame1 .product_list .item:nth-child(2n){margin-right: 0;}
    #frame1 .product_list .item p{max-height: 80px;}

    #frame2 .innovation_list .item{width: calc((100% - 20px)/2);margin-right: 20px;}
    #frame2 .innovation_list .item:nth-child(3n){margin-right: 20px;}
    #frame2 .innovation_list .item:nth-child(2n){margin-right: 0px;}

    #frame3 .news_list .item{width: calc((100% - 30px)/2);margin-bottom: 30px;}
    #frame3 .news_list .item:nth-child(3n-1){margin-right: 30px;}
    #frame3 .news_list .item:nth-child(2n-1){margin-right: 0;}
}
@media(max-width:768px){
    #frame1 .product_list .item{width: 100%;margin-right: 0;margin-bottom: 10px;}
    #frame1 .product_list .item:nth-child(2n){margin-right: 0;}
    #frame1 .product_list .item p{max-height: 80px;}
    #frame2 .innovation_list .item{max-width: 400px;width: 100%;margin: 10px auto !important;}

    #frame3 .news_list .item{width: 100%;margin: 10px auto;}
}
@media(max-width:991px){
    #frame3 .news_list .item:first-child{max-width: 800px;width: 100%;position: relative;margin: 10px auto !important;}
}
@media(min-width:991px){
    #frame2{padding-bottom: 10px;}
}

/*共用*/
#Location{width:100%;padding:10px 0;position: relative;background: #ededed;}
#Location .location{}
#Location .location a{display:inline-block;font-size:16px;line-height:30px;color:#000000;}
#Location .location a:not(:last-child)::after{content:">";margin:0 5px;vertical-align:top;font-family: Arial, Helvetica, sans-serif;color: #000;}
#Location .location a:last-child{}
#Location .location a:hover{color:#da251d;}
#Location .location span{display:inline-block;font-size:16px;line-height:30px;color:#000000;}
#Location.cloaction{background-color:transparent;}
@media (min-width:992px) and (max-width:1229px) {
    #Location{}
    #Location .location a{font-size:15px;}
    #Location .location span{font-size:15px;}
}
@media (min-width:768px) and (max-width:991px) {
    #Location .location{}
    #Location .location a{font-size:14px;line-height:18px;}
    #Location .location a:first-child:before{font-size:16px;}
    #Location .location span{font-size:14px;line-height:18px;}
}
@media (min-width:1px) and (max-width:767px) {
    #Location{padding: 10px 0;}
    #Location .location:before{line-height: 24px;}
    #Location .location a:not(:last-child)::after{margin: 0 10px;}
    #Location .location a{font-size:13px;line-height:24px;}
    #Location .location a:first-child:before{font-size:16px;}
    #Location .location span{font-size:13px;line-height:24px;}
}
/***************aboutpage******************/
#about_banner{
    text-align: center;
}
#profile .profile_title{
    margin-bottom: 120px;
}
#profile .profile_title h3{
    font-weight: bold;
    font-size: 25px;
    color: #da251d;
    padding-bottom: 30px;
}
#profile .profile_title .content{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#profile .profile_title .content div{
    width: calc((100% - 50px)/2);
}
#profile .profile_title .content .detail p:first-child{margin-bottom: 20px;}
#profile .profile_title .content .video video{object-fit: cover;object-position: center;height: 100%;}
#profile .profile_detil .item{
    width: calc((100% - 80px)/3);
}
#profile .profile_detil .item .icon{
    text-align: center;
    margin-bottom: 100px;
}
#profile .profile_detil .item i{
    display: inline-block;
    padding:27.5px 40px;
    border: 40px solid #da251d;
    border-radius: 50%;
    font-size: 50px;
}
#profile .profile_detil .item:first-child i{
    padding: 27.5px 34.75px;
}
#profile .profile_detil .item h4{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
#profile .profile_detil .item p{
    color: #666666;
    margin-bottom: 30px;
}
#profile .profile_detil .item ul>li{
    list-style:disc;
    color: #666666;
    margin-left: 1em;
}

#strength .list .item{
    width: calc((100% - 40px)/3);
}
#strength .list .item .img{
    position: relative;
    margin-bottom: 20px;
}
#strength .list .item .img .btn{
    display: none;
    background: rgba(102, 102, 102,0.3);
    text-align: center;
    top: 0;
    height: 100%;
    position: absolute;
    width: 100%;
}
#strength .list .item .img .btn a{
    position: relative;
    top: 50%;
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 15px;
    font-size: 18px;
}
#strength .list .item .img .btn a i{
    margin-left: 15px;
    font-size: 22px;
}
#strength .list .item:nth-child(2) .img .btn a:first-child{
    margin-right: 30px;
}
#strength .list .item:hover .img .btn{
    display: block;
}
#strength .list .item h4{
    font-size: 18px;
    font-weight: bold;
}
@media (max-width:991px) {
    #profile .profile_title .content div {
        width: 100%;margin-bottom: 20px;
    }
    #profile .profile_title{
        margin-bottom: 30px;
    }
    #strength .list .item:nth-child(2) .img .btn a:first-child {
        margin-right: 5px;
    }
    #strength .list .item .img .btn a {
        padding: 5px 10px;
        font-size: 14px;
    }
}
@media (max-width:768px) {
    #profile .profile_detil .item{
        max-width: 400px;
        margin: 0 auto;
        width: 100%;
    }
    #profile .profile_detil .item .icon {
        margin-top: 30px;
        margin-bottom: 10px;
    }
    #profile .profile_detil .item i{
        padding: 12.5px 20px;
        border: 20px solid #da251d;
        font-size: 30px;
    }
    #profile .profile_detil .item:first-child i {
        padding: 12.5px 17px;
    }
    #strength .list .item{
        width: calc((100% - 20px)/2);
    }
    #strength .list .item:nth-child(2) .img .btn a:last-child {
        display: none;
    }
}
/************contactpage**************/
#contPage .contact_title{
    margin-bottom: 40px;
}
#contPage .contact_title span,#contPage .contact_title a{
    color: #da251d;
}
#contPage .contact_detil{
    margin-bottom: 120px;
}
#contPage .contact_detil .contact_from,#contPage .contact_detil .contact_list{
    width: calc((100% - 60px)/2);
}
#contPage .contact_detil .contact_list{
    padding-top: 15px;
    border-left: 1px solid #cccccc;
    padding-left: 50px;
}
#contPage .contact_detil .contact_list h4{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 40px;
}
#contPage .contact_detil .contact_list .contact_type{
    margin-top: 20px;
}
#contPage .contact_detil .contact_list .contact_type>li{
    line-height: 2;
    margin-top: 10px;
}
#contPage .contact_detil .contact_list .contact_type>li h3{font-size:24px;font-weight:bold;}
#contPage .contact_detil .contact_list .link{
    margin-top: 40px;
}
#contPage .contact_detil .contact_list .link .contact_office{
    position: relative;
    margin-bottom: 25px;
    
}
#contPage .contact_detil .contact_list .link .contact_office .office_title{
    display: inline-block;
    border: 1px solid #e8e8e8;
    color: #da251d;
    padding-right: 0;
    line-height: 1;
    width: 190px;
}
#contPage .contact_detil .contact_list .link .contact_office .office_title span{
    display: inline-block;
    margin: 10px;
}
#contPage .contact_detil .contact_list .link .contact_office .office_title i{
    display: inline-block;
    padding: 10px;
    border-left: 1px solid #e8e8e8;
    float: right;
    color: #000;
}
#contPage .contact_detil .contact_list .link .contact_office ul{
    padding: 5px 10px 15px 10px;
    display: none;
    position: absolute;
    top: 100%;
    background: #fff;
    z-index: 99;
    width: 100%;
    border: 1px solid #e8e8e8;
}
#contPage .contact_detil .contact_list .link .contact_office.active ul{
    display: block;
}
#contPage .contact_detil .contact_list .link .contact_office ul li{
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8;
    color: #666666;
}
#contPage .contact_detil .contact_list .link .contact_office ul li p{
    color: #555;
}
#contPage .contact_detil .contact_list .link .contact_office ul li:last-child{
    border-bottom: 0;
}
#contPage .contact_detil .contact_from input{
    width: 100%;
    border: 1px solid #dddddd;
    padding: 15px;
    margin-bottom: 15px;
}
#contPage .contact_detil .contact_from textarea{
    width: 100%;
    border: 1px solid #dddddd;
    padding: 15px;
    height: 100px;
    margin-bottom: 15px;
    resize: none;
    
}
#btnSubmit::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 2px;
    background: #da251a;
    transition: 0.5s;
}
#btnSubmit::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #da251a;
    transition: 0.5s;
}
#contPage .contact_detil .contact_from #btnSubmit{
    position: relative;
    background: #da251d;
    color: #fff;
    padding: 10px 30px;
}
#contPage .contact_detil .contact_from #btnSubmit:hover{
    background: transparent;
    color: #da251a;
}
#btnSubmit:hover:before{
    width: 100%;
}
#btnSubmit:hover:after{
    height: 100%;
}
@media (max-width:768px) {
    #contPage .contact_detil .contact_from, #contPage .contact_detil .contact_list {
        width: 100%;
    }
    #contPage .contact_detil .contact_list{
        border: 0;
        margin-top: 30px;
        padding-left: 0;
    }
}

/*****************newspage*********************/
#NewsPage #NewsList .item{
    width: calc((100% - 60px)/3);
    margin-right: 30px;
    margin-bottom: 30px;
}
#NewsPage #NewsList .item:nth-child(3n){
    margin-right:0;
}

#NewsPage #NewsList .item .news_detil .news_type{
    color: #da251d;
    border: 1px solid #da251d;
    border-radius: 5px;
    font-size: 12px;
    padding: 5px;
}
#NewsPage #NewsList .item .news_detil .news_date{
    color: #999999;
}
#NewsPage #NewsList .item .news_detil h5{
    line-height: 1;
    margin-top: 25px;
    font-size: 20px;
    font-weight: bold;
    height:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
#NewsPage #NewsList .item .news_detil p{
    font-size: 14px;
    color: #999999;
    overflow: hidden;
	text-overflow:ellipsis;
    height: 42px;
    margin: 20px 0;
	display: -webkit-box;
	-webkit-line-clamp:2;  /* 设置行数 */
	-webkit-box-orient: vertical;
}
#NewsPage #NewsList .item .item_detil{
    padding: 15px;
    border: 1px solid #cccccc66;
    border-top: 0;
}
#NewsPage #NewsList .item .news_detil span{
    display: inline-block;
    border: 1px solid #cccccc;
    padding: 1px 7px;
    color: #cccccc;
}

#NewsPage #NewsList .item:hover .item_detil .news_date,#NewsPage #NewsList .item:hover .item_detil .news_type,#NewsPage #NewsList .item:hover .item_detil h5,#NewsPage #NewsList .item:hover .item_detil p{
    color: #da251a;
}

@media(max-width:991px){
    #NewsPage #NewsList .item{
        width: calc((100% - 10px)/2);
        margin-right: 10px;
    }
    #NewsPage #NewsList .item .news_detil h5{ 
        font-size: 18px;
    }
    #NewsPage #NewsList .item:nth-child(3n){
        margin-right: 10px;
    }
    #NewsPage #NewsList .item:nth-child(2n){
        margin-right: 0px;
    }
}
@media(max-width:768px){
    #NewsPage #NewsList .item{ 
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0 !important;
    }
    #NewsPage #NewsList .item img{
        display: none;
    }
}
#NewsPage .context{padding: 20px 0;}
#NewsPage .btnList{margin-top:10px;background-color:#f0f0f0;padding:20px 25px;}
#NewsPage .btnList>.link{font-size:18px;line-height:30px;display:block;}
#NewsPage .btnList>.link:nth-child(1){margin-bottom:5px;}
#NewsPage .btnList>.link span{color:#999;display:inline-block;vertical-align:top;margin-right:5px;}
#NewsPage .btnList>.link>i.iconfont{display:inline-block;width:40px;height:40px;line-height:38px;text-align:center;font-size:20px;border-radius:50%;border:2px solid #dedede;color:#dedede;vertical-align:top;margin:0 6px;}
#NewsPage .btnList>.link:hover>i.iconfont{border:2px solid #015293;color:#015293;}
@media screen and (min-width:992px ) and (max-width:1229px) {
}
@media (max-width:767px){
    #NewsPage{margin-bottom:-92px;padding-bottom:92px;}
    #NewsPage .title h3{font-size:20px;}
    #NewsPage #sharelist{ text-align:center;display: block;}
    #NewsPage #sharelist>p{width:100%;margin-bottom:5px;font-size:14px;}
    #NewsPage #sharelist span{font-size:14px;line-height:20px; }
    #NewsPage .btnList{padding:10px 15px;}
    #NewsPage .btnList>.link{font-size:14px;line-height:18px;display:block;margin-bottom:5px;}
}

#ntframe{background-color:#ffffff;padding-top:30px;padding-bottom:30px;}
#ntframe img{max-width:100%;}
#ntframe #sharelist{margin-top:20px;}
#sharelist {padding-top:10px;padding-bottom:10px;}
#sharelist h4{font-size:16px;color:#fff;margin-bottom:20px;}
#sharelist span{line-height:30px;display:inline-block;font-size:18px;margin-right:20px;float: left;}
#sharelist .bdshare-button-style0-32>a{background-image:none;text-indent:0;width:30px;height:30px;color:#fff;position:relative;text-align:center;line-height:30px;font-size:18px;margin:0 5px 0 0;border:1px solid #fff;border-radius:50%;}
/*#sharelist .bdshare-button-style0-32 .bds_sqq{background-color:#45aaf2;}
#sharelist .bdshare-button-style0-32 .bds_qzone{background-color:#eecf3d;}
#sharelist .bdshare-button-style0-32 .bds_weixin{background-color:#3eb135;}
#sharelist .bdshare-button-style0-32 .bds_tsina{background-color:#df4d69;}*/
#sharelist .bdshare-button-style0-32>a:before{line-height:30px;vertical-align:top;display:inline-block;}
#sharelist .bdshare-button-style0-32>a.bds_sqq:before{content:"\e882";font-family:iconfont;}
#sharelist .bdshare-button-style0-32>a.bds_qzone:before{content:"\e631";font-family:iconfont;}
#sharelist .bdshare-button-style0-32>a.bds_weixin:before{content:"\e601";font-family:iconfont;}
#sharelist .bdshare-button-style0-32>a.bds_tsina:before{content:"\e600";font-family:iconfont;}
#sharelist a{background-image:none;text-indent:0;width:30px;height:30px;position:relative;text-align:center;margin:0 20px 0 0;display:inline-block;}
#sharelist a:hover{color:#fff;}
#sharelist a.linkedin:hover{background-color:#0077b5;}
#sharelist a.twitter:hover{background-color:#1da1f2;}
#sharelist a.facebook:hover{background-color:#3b5998;}
#sharelist a.youtube:hover{background-color:#ff011d;}
#sharelist a.instagram:hover{background-color:#c838ab;}
#sharelist p{margin-bottom:5px;}
#sharelist a>i{display:block;width:30px;height:30px;line-height:30px;text-align:center;font-size:20px;color:#999;}
#sharelist a:hover{background-color:#015293;}
#sharelist a:hover>i{color:#FFF;}
/*#sharelist a>i.pinterest-p{background-color:#ca1c23;}
#sharelist a>i.facebook{background-color:#3b5998;}
#sharelist a>i.twitter{background-color:#1da1f2;}
#sharelist a>i.linkedin{background-color:#0077b5;}
#sharelist a>i.youtube{background-color:#ff011d;}*/
/*#RelatedNews{overflow:hidden;}*/
#RelatedNews .title{margin-bottom: 30px;margin-top: 40px;}
#RelatedNews .relate_list .item .txt{padding: 10px;}
#RelatedNews .relate_list .item{margin:0 0 12px;width:48%;box-shadow: 0 0 0;}
#RelatedNews .relate_list .item:hover .txt a{color:#da251a;}
#RelatedNews{
    padding: 20px 0;
}
/*#RelatedNews .relate_list .item .img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}*/
@media (min-width:992px) and (max-width:1229px) {
    #sharelist{padding-top:20px;padding-bottom:20px;}
}
@media (min-width:768px) and (max-width:991px) {
    #RelatedNews .relate_list .item{width:100%;}
    #sharelist{padding-top:15px;padding-bottom:15px;}
}
@media (min-width:1px) and (max-width:767px) {
    #RelatedNews .relate_list .item{width:100%;margin-bottom:5px;}
    #RelatedNews .relate_list .item .txt h4{font-size:14px;}

    #sharelist{padding-top:15px;padding-bottom:15px;}
    #sharelist a{width:38px;height:38px;}
    #sharelist a>i{display:block;width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;}
}
/***********download_page************/
#download_page .download_search{margin-bottom: 40px;}
#download_page .download_search form{position: relative;margin-top: 15px;}
#download_page .download_search input{width: 100%;border: 1px solid #ccc;padding:10px 10px ;}
#download_page .download_search input::-webkit-input-placeholder{color: #999;}
#download_page .download_search button{position: absolute;top: 15px;right: 10px;border: 0;background: transparent;color: #da251a;}
#download_page .service_link{
    text-align: center;
    margin-bottom: 50px;
}
#download_page .service_link a{
    background: #fafafa;
    padding: 25px 60px;
    margin-right: 20px;
    font-size: 20px;
}
#download_page .service_link a.active{
    color: #da251d;
    text-decoration: underline;
}
#download_page .service_link a:last-child{
    margin-right: 0;
}
#download_page .service_link a:hover{
    color: #da251a;
    transition: 0.5s;
}
#download_page .list .item{
    padding: 20px 60px 15px 40px;
    background: #fafafa;
    margin-bottom: 25px;
}
#download_page .list .item h4{
    font-size: 18px;
    margin-bottom: 15px;
}
#download_page .list .item a{
    display: inline-block;
    margin: auto 0;
}
#download_page .list .item span{
    font-size: 14px;
    color: #999999;
}
#download_page .list .item span i{
    margin-right: 10px;
    color: #999999;
}
#download_page .list .item a>i{
    font-size: 28px;
}
#download_page .list .item:hover{
    background: #da251d;
}
#download_page .list .item:hover h4,#download_page .list .item:hover span,#download_page .list .item:hover span i,#download_page .list .item:hover a i{
    color: #fff;
}
@media(max-width:991px){
    #download_page .service_link {
        text-align: center;
        margin-bottom: 20px;
    }
    #download_page .service_link a.active {
        color: #da251d;
        text-decoration: underline;
    }
    #download_page .service_link a {
        background: #fafafa;
        padding: 15px 30px;
        margin-right: 20px;
        font-size: 20px;
    }
    #download_page .list .item {
        padding: 15px;
        margin-bottom: 15px;
    }
}
/************Exhibition_page*************/
#ExhibitionList{
    padding-bottom: 60px;
}
#ExhibitionList .exhibition_list,#ExhibitionList .activity_list{
    width: calc((100% - 50px)/2);
}
#ExhibitionList img{
    margin-bottom: 25px;
}
#ExhibitionList h5{
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 30px;
}
#ExhibitionList .item_type{
    display: inline-block;
    color: #da251d;
    padding: 5px;
    border: 1px solid #da251a;
    font-size: 12px;
    border-radius: 5px;
    margin-bottom: 10px;
}
#ExhibitionList .item_date{
    color: #999999;
}
#ExhibitionList .item{
    width: 100%;
    display: inline-block;
}
#ExhibitionList .exhibition_list .item{
    margin-bottom: 50px;
}
#ExhibitionList .activity_list .item{
    background: #ededed;
    padding: 25px 30px;
    border-radius: 10px ;
    margin-bottom: 30px;
}
#ExhibitionPage .contact_link{
    background: linear-gradient(90deg,#b42324 0%,#E14748 100%);
    text-align: center;
    padding: 30px 0;
    border-radius: 20px;
}
#ExhibitionPage .contact_link h4{
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}
#ExhibitionPage .contact_link a{
    background: #fff;
    border-radius: 40px;
    padding: 15px 40px;
    display: inline-block;
    color: #da251a;
    font-weight: bold;
}
#ExhibitionPage .contact_link{
    margin-bottom: 40px;
}
#ExhibitionList .item:hover .item_date,#ExhibitionList .item:hover h5 {
    color: #da251a;
}
@media(max-width:991px){
    #ExhibitionList h5 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    #ExhibitionList .exhibition_list .item {
        margin-bottom: 20px;
    }
    #ExhibitionList .activity_list .item {
        background: #ededed;
        padding: 15px 10px;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    #ExhibitionList {
        padding-bottom: 30px;
    }
}
@media(max-width:768px){
    #ExhibitionList .exhibition_list, #ExhibitionList .activity_list {
        width: 100%;
    }
    #ExhibitionPage .contact_link {
        margin-bottom: 20px;
    }
    #ExhibitionPage .contact_link h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    #ExhibitionPage .contact_link a {
        background: #fff;
        border-radius: 20px;
        padding: 10px 20px;
    }
    #ExhibitionPage .contact_link {
        padding: 20px 0;
    }
}



/********************recruitment_page************************/
#jionus_banner .left,#jionus_banner .right{
    width: 50%;
}
#jionus_banner .flex_between{
    margin-top: 60px;
}
#jionus_banner .left{
    padding-right: 120px;
    border-right: 1px solid #f4f4f4;
}
#jionus_banner .right{
    padding-left: 120px;
}
#jionus_banner h4{
    font-size: 18px;
    margin-bottom: 20px;
}
#jionus_banner h4 i{
    font-size: 28px;
    color: #cccccc;
    margin-right: 10px;
}
#jionus_banner p{
    font-size: 14px;
    line-height: 1.75;
    color: #c7c7c7;
}
#recruit{
    background: #ffffff;
}
#recruit .list .item{
    width: calc((100% - 75px)/4);
    margin-right: 25px;
    margin-bottom: 25px;
    background: #fafafa;
    padding: 35px 30px;
}
#recruit .list .item:nth-child(4n){
    margin-right: 0;
}
#recruit .list .item .item_type{
    color: #da251d;
    border: 1px solid #da251a;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    display: inline-block;
}
#recruit .list .item h5{
    margin-bottom: 20px;
    font-size: 18px;
}
#recruit .list .item p{
    color: #999999;
    margin-bottom: 50px;
}
#recruit .list .item a{
    color: #da251a;
}
#jionus{
    background: #f8f8f8;
}
#jionus_banner{text-align: center;}
#jionus .item{
    width: calc((100% - 60px)/3);
    margin-right: 30px;
    background: #fff;
    border: 1px solid #cccccc66;
    margin-bottom: 30px;
}
#jionus .item:nth-child(3n){
    margin-right:0;
}

#jionus .item .news_detil h5{
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
}
#jionus .item .news_detil p{
    font-size: 14px;
    color: #999999;
    overflow: hidden;
	text-overflow:ellipsis;
    padding: 20px 0;
    min-height:82px;
    height: 100%;
	display: -webkit-box;
	-webkit-line-clamp:2;  /* 设置行数 */
	-webkit-box-orient: vertical;
}
#jionus .item .item_detil{
    padding: 15px;
}
#jionus .item .news_detil span{
    display: inline-block;
    border: 1px solid #cccccc;
    padding: 1px 7px;
    color: #cccccc;
}
@media(max-width:991px)and (min-width:769px){
    #recruit .list .item {
        width: calc((100% - 50px)/3);
    }
    #recruit .list .item:nth-child(4n){
        margin-right: 25px;
    }
    #recruit .list .item:nth-child(3n){
        margin-right: 0;
    }
}
@media(max-width:768px){
    #jionus .item{
        max-width: 400px;
        width: 100%;
        margin: 10px auto !important;
        border: 1px solid #cccccc;
    }
    #jionus_banner .left, #jionus_banner .right {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
        border: 0;
    }
    #recruit .list .item {
        width: calc((100% - 10px)/2);
        margin-bottom: 10px;
    }
    #recruit .list .item:nth-child(2n){
        margin-right: 10px;
    }
}
/*/****************************RecruitmentPage*****************************************/
#RecruitmentPage .title{
    margin-right: 200px;
}
#RecruitmentPage h4{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 60px;
    margin-top: 30px;
}
#RecruitmentPage span{
    font-weight: bold;
}
#RecruitmentPage a{
    display: inline-block;
    padding: 10px 35px;
    background: #da251a;
    color: #fff;
    margin-bottom: 30px;
}




/******************video_page************************/
#VideoPage .service_link{
    text-align: center;
    margin-bottom: 50px;
}
#VideoPage .service_link a{
    background: #fafafa;
    padding: 25px 60px;
    margin-right: 20px;
    font-size: 20px;
}
#VideoPage .service_link a.active{
    color: #da251d;
    text-decoration: underline;
}
#VideoPage .service_link a:last-child{
    margin-right: 0;
}
#VideoPage .service_link a:hover{
    color: #da251a;
    transition: 0.5s;
}
#VideoPage .item{
    width: calc((100% - 60px)/3);
    margin-bottom: 30px;
    margin-right: 30px;
}
#VideoPage .item:nth-child(3n){
    margin-right: 0;
}
#VideoPage .item .img{
    position: relative;
    margin-bottom: 20px;
}
#VideoPage .item .video_icon{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*background: rgba(153, 153, 153, 0.4);*/
    text-align: center;
}
#VideoPage .item .video_icon i{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: inline-block;
    margin: auto 0;
    color: #fff;
    font-size: 60px;
}
#VideoPage .item:hover .video_icon i{color: #da251a;}

@media(max-width:991px){
    #VideoPage .service_link {
        text-align: center;
        margin-bottom: 20px;
    }
    #VideoPage .service_link a.active {
        color: #da251d;
        text-decoration: underline;
    }
    #VideoPage .service_link a {
        background: #fafafa;
        padding: 15px 30px;
        margin-right: 20px;
        font-size: 20px;
    }
    #VideoPage .item{
        width: calc((100% - 10px)/2);
        margin-bottom: 10px;
        margin-right: 10px;
    }
    #VideoPage .item:nth-child(3n){
        margin-right: 10px;
    }
    #VideoPage .item:nth-child(2n){
        margin-right: 0px;
    }

}


/***************development_page********************/
#development_page .title{
    margin-bottom: 50px;
}
#development_page h4{
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
}
#development_page p{
    color:#666666;
    line-height: 1.5;
}



/************categorypage*****************/
#category_title .category_title{
    padding: 50px;
}
#category_title .category_tit{
    width: 50%;
    padding: 35px 25px 50px 25px;
    background: rgba(255,255,255,0.7);
}
#category_title .category_tit h3{
    font-size: 27px;
    font-weight: bold;
    color: #da251a;
    margin-bottom: 25px;
}
#category_title .category_tit p{
    font-size: 14px;
    color: #666666;
    min-height: 90px;
}
.category_banner{
    text-align: center;
}
#productlist .category_type{
    border-top: 1px solid #000;
}
#productlist .category_comlon{
    border-bottom: 1px solid #000;
    padding: 40px 0;
    display: flex;
    text-align: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#productlist .category_comlon .item{
    width: 25%;
    font-weight: bold;
    font-size: 18px;
}
#productlist .category_comlon .item:hover {
    color: #da251a;
}
#productlist .category_comlon .item span{
    color: #da251a;
    margin-right: 10px;
}

#category_down{
    background: url('/Template/Default/images/category_2.png') no-repeat;
    background-size: cover;
    padding-top:90px ;
    padding-bottom: 70px;
}
#category_down .container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#category_down .container .item{
    width: 20%;
    border-right: 1px solid #cccccc;
    padding: 0 30px;
}

#category_down .container .item:first-child{
    padding-left: 0;
}
#category_down .container .item:last-child{
    padding-right:0 ;
    border-right:0;
}
#category_down .container .item i{
    display: inline-block;
    background: #fff;
    color: #da251a;
    font-size: 36px;
    padding: 1px 10px;
    border-radius: 50%;
    margin-bottom: 25px;
}
#category_down .container .item img{
    background: #fff;
    border-radius: 50%;
    margin-bottom: 25px;
    padding: 10px;
    width: 60px;
}
#category_down .container .item h5{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 30px;
}
#category_down .container .item p{
    font-size: 14px;
    color: #fff;
}

#productlist .product_list .item{
    width: calc((100% - 120px)/4);
    margin-right: 40px;
    margin-bottom: 40px;
}
#productlist .product_list .item:nth-child(4n){
    margin-right: 0;
}
#productlist .product_list .item .img{
    border: 1px solid #cccccc66;
    overflow: hidden;
}
#productlist .product_list .item h5{
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0;
}
#productlist .product_list .item p{
    font-size: 14px;
    color: #666666;
    line-height: 1.5;
    min-height: 84px;
    text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:4;  /* 设置行数 */
	-webkit-box-orient: vertical;
}

@media(max-width:991px) and (min-width:769px){
    #category_down .container .item {
        width: 50% !important;
        padding: 20px;
    }
    #category_down .container .item{
        border-bottom: 1px solid #Cccccc;
    }
    #category_down .container .item:nth-child(2n-1){
        padding-left: 0;
    }
    #category_down .container .item:nth-child(2n){
        padding-right: 0;
        border-right:0;
    }
    #category_down .container .item:last-child{
        border-bottom: 0;
        border-right: 1px solid #Cccccc;
    }
    #productlist .category_comlon {
        padding: 10px 20px;
    }

    #productlist .product_list .item {
        width: calc((100% - 60px)/3);
        margin-right: 30px;
        margin-bottom: 30px;
    }
    #productlist .product_list .item:nth-child(4n){
        margin-right: 30px;
    }
    #productlist .product_list .item:nth-child(3n){
        margin-right: 0;
    }
}
@media(max-width:991px){
    #category_title .category_title {
        padding: 20px;
    }
    #category_title .category_tit {
        padding: 20px;
    }
}
@media(max-width:768px){
    #category_down{
        display: none;
    }

    #productlist .category_comlon .item {
        width: 50%;
        text-align: left;
        margin: 10px 0;
    }
    #productlist .product_list .item {
        width: calc((100% - 10px)/2);
        margin-right: 10px;
        margin-bottom: 10px;
    }
    #productlist .product_list .item:nth-child(2n){
        margin-right: 0;
    }

}
/*****************case*********************/
#CasesList .item .left,#CasesList .item .right{
    width: 50%;
    margin-bottom: 30px;
}
#CasesList .item .right{
    padding: 0 40px;
    padding-top: 120px;
}
#CasesList .item .right p{
    display: inline-block;
    color: #666666;
}
#CasesPage .title p{
    color: #666666;
}


@media(max-width:991px) and (min-width:769px){
    #CasesList .item .right {
        padding-top: 60px;
    }
}
@media(max-width:768px){
    #CasesList .item .right {
        padding: 0;
    }
    #CasesList .item .left, #CasesList .item .right {
        width: 100%;
        margin-bottom: 10px;
    }
}
/************history**************/
/*#HistoryPage .history_list .swiper-slide{
    text-align: center;
    position: relative;
    
}
#HistoryPage .title h3{
    text-align: center;
}
#HistoryPage .history_list h4{
    font-size: 28px;
    text-align: center;
    font-weight: bold;
}
#HistoryPage .history_list .swiper-container{
    background: url('/Template/Default/images/history_backcolor.png') no-repeat center;
    background-size: contain;
    padding: 0 15px;
}
#HistoryPage .history_list .swiper-wrapper{
    padding: 150px 0;
    left: -370px;
}
#HistoryPage .history_list .swiper-slide .his_title{
    position: relative;
    padding: 200px 0;    
    transform: scale(1.1);
    background: url('/Template/Default/images/history_type.png') no-repeat center;
    background-size: contain;
}
#HistoryPage .history_list .swiper-slide .txt{
    text-align: center;
}
#HistoryPage .history_list .swiper-slide .his_title h4{
    font-size: 28px;
    font-weight: bold;
}
#HistoryPage .history_list .swiper-slide.top .his_title{
    top: 75px;
}
#HistoryPage .history_list .swiper-slide.down .his_title{
    top: -75px;
}
#HistoryPage .history_list .swiper-slide .txt p {
    position: relative;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#HistoryPage .history_list .swiper-slide.top .txt p{
    top:100px;
}
#HistoryPage .history_list .swiper-slide.down .txt p{
    top:-100px;
}
#HistoryPage .history_list .swiper-slide .txt span.ctop{
    position: absolute;
    width: 4px;
    height: 4px;
    left: calc(50% - 2px);
    border-radius: 50%;
    background: #bcbcbd;
}
#HistoryPage .history_list .swiper-slide .txt span:after,#HistoryPage .history_list .swiper-slide .txt span::before{
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    left: calc(50% - 2px);
    border-radius: 50%;
    background: #bcbcbd;
}
#HistoryPage .history_list .swiper-slide .txt::after{
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    left: calc(50% - 15px);
    border-radius: 50%;
}
#HistoryPage .history_list .swiper-slide .txt::before{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: calc(50% - 10px);
    background: #fff;
    border-radius: 50%;
    z-index: 99;
    box-shadow: 0 0 5px #b6b6b6;
}
#HistoryPage .history_list .swiper-slide .txt p {text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;}
#HistoryPage .history_list .swiper-slide.down .txt span.ctop{top:10px}
#HistoryPage .history_list .swiper-slide.down .txt span.ctop:after{top: 20px;}
#HistoryPage .history_list .swiper-slide.down .txt span.cdown:after{top: 20px;}
#HistoryPage .history_list .swiper-slide.down .txt span.ctop::before{top: 30px;}
#HistoryPage .history_list .swiper-slide.down .txt span.cdown:before{top: 0;}
#HistoryPage .history_list .swiper-slide.top .txt span.ctop{bottom:0}
#HistoryPage .history_list .swiper-slide.top .txt span.ctop:after{bottom: 20px;}
#HistoryPage .history_list .swiper-slide.top .txt span.cdown:after{bottom: 10px;}
#HistoryPage .history_list .swiper-slide.top .txt span.ctop:before{bottom: 30px;}
#HistoryPage .history_list .swiper-slide.top .txt span.cdown:before{bottom: -10px;}
#HistoryPage .history_list .swiper-slide.down .txt::after{top: -40px;}
#HistoryPage .history_list .swiper-slide.top .txt::after{bottom: -50px;}
#HistoryPage .history_list .swiper-slide.down .txt::before{top: -35px;}
#HistoryPage .history_list .swiper-slide.top .txt::before{bottom: -45px;}
#HistoryPage .history_list .swiper-slide.swiper-slide-active .txt::after,#HistoryPage .history_list .swiper-slide.swiper-slide-next .txt::after{background-image: linear-gradient(45deg,green,yellow);}
#HistoryPage .history_list .swiper-slide.swiper-slide-next+div .txt::after,#HistoryPage .history_list .swiper-slide.swiper-slide-next+div+div .txt::after{background-image: linear-gradient(45deg,yellow,Orange);}
#HistoryPage .history_list .swiper-slide .txt::after,#HistoryPage .history_list .swiper-slide.swiper-slide-next~div~div~div .txt::after{background-image: linear-gradient(45deg,orange,red);}
@media(max-width:1220px) and (min-width:992px){
    #HistoryPage .history_list .swiper-slide.down .his_title{top: -60px;}
    #HistoryPage .history_list .swiper-slide.top .his_title{top: 85px;}
    #HistoryPage .history_list .swiper-wrapper {padding: 100px 0;}
    #HistoryPage .history_list .swiper-slide.down .txt span.ctop{top:40px}
    #HistoryPage .history_list .swiper-slide.top .txt span.ctop{bottom:10px}
    #HistoryPage .history_list .swiper-slide.down .txt span.cdown:before{top: 30px;}
    #HistoryPage .history_list .swiper-slide.down .txt span.cdown:after {top: 50px;}
    #HistoryPage .history_list .swiper-slide.down .txt::after {top: -10px;}
    #HistoryPage .history_list .swiper-slide.down .txt::before {top: -5px;}
    #HistoryPage .history_list .swiper-slide.down .txt p {top: -60px;}
    #HistoryPage .history_list .swiper-slide.top .txt span.cdown:before {bottom: 0px;}
    #HistoryPage .history_list .swiper-slide.top .txt::before {bottom: -35px;}
    #HistoryPage .history_list .swiper-slide.top .txt::after {bottom: -40px;}
    #HistoryPage .history_list .swiper-slide.top .txt p {top: 70px;}
}
@media(max-width:991px) and (min-width:769px){
    #HistoryPage .history_list .swiper-wrapper {padding: 60px 0;}
    #HistoryPage .history_list .swiper-slide.down .his_title{top: -50px;}
    #HistoryPage .history_list .swiper-slide.top .his_title{top: 50px;}
    #HistoryPage .history_list .swiper-slide.down .txt span.ctop{top:80px}
    #HistoryPage .history_list .swiper-slide.top .txt span.ctop{bottom:80px}
    #HistoryPage .history_list .swiper-slide.down .txt span.cdown:before{top: 70px;}
    #HistoryPage .history_list .swiper-slide.down .txt span.cdown:after {top: 90px;}
    #HistoryPage .history_list .swiper-slide.down .txt::after {top: 30px;}
    #HistoryPage .history_list .swiper-slide.down .txt::before {top: 35px;}
    #HistoryPage .history_list .swiper-slide.down .txt p {top: -20px;}
    #HistoryPage .history_list .swiper-slide.top .txt span.cdown:before {bottom: 70px;}
    #HistoryPage .history_list .swiper-slide.top .txt::before {bottom: 30px;}
    #HistoryPage .history_list .swiper-slide.top .txt::after {bottom: 25px;}
    #HistoryPage .history_list .swiper-slide.top .txt p {top: 20px;}
    #HistoryPage .history_list .swiper-slide.top .txt span.cdown:after {bottom: 90px;}
    #HistoryPage .history_list .swiper-slide .his_title h4{
        font-size: 24px;
    }
    #HistoryPage .history_list .swiper-slide .his_title {padding: 220px 0;}
}
@media(max-width:768px){
    #HistoryPage .history_list .swiper-wrapper {padding:0;}
    #HistoryPage .history_list .swiper-slide.down .txt span.ctop{top:90px}
    #HistoryPage .history_list .swiper-slide.down .txt span.ctop:after{top: 20px;}
    #HistoryPage .history_list .swiper-slide.down .txt span.cdown:after{top: 100px;}
    #HistoryPage .history_list .swiper-slide.down .txt span.ctop::before{top: 30px;}
    #HistoryPage .history_list .swiper-slide.down .txt span.cdown:before{top: 80px;}
    #HistoryPage .history_list .swiper-slide.top .txt span.ctop{bottom:85px}
    #HistoryPage .history_list .swiper-slide.top .txt span.ctop:after{bottom: 20px;}
    #HistoryPage .history_list .swiper-slide.top .txt span.cdown:after{bottom: 75px;}
    #HistoryPage .history_list .swiper-slide.top .txt span.ctop:before{bottom: 30px;}
    #HistoryPage .history_list .swiper-slide.top .txt span.cdown:before{bottom: 95px;}
    #HistoryPage .history_list .swiper-slide.down .txt::after{top: 45px;}
    #HistoryPage .history_list .swiper-slide.top .txt::after{bottom: 40px;}
    #HistoryPage .history_list .swiper-slide.down .txt::before{top: 50px;}
    #HistoryPage .history_list .swiper-slide.top .txt::before{bottom: 45px;}
    #HistoryPage .history_list .swiper-slide.top .his_title {top: 50px;}
    #HistoryPage .history_list .swiper-slide.down .his_title {top: -50px;}
    #HistoryPage .history_list .swiper-slide.down .txt p {top: 20px;}
    #HistoryPage .history_list .swiper-slide.top .txt p {top: -15px;}
    #HistoryPage .history_list .swiper-slide .his_title h4{
        font-size: 20px;
    }
}*/

/********** productdetil page **********/
#ProDetailPage .product_main .product_img{
    width: 50%;
}
#ProDetailPage .product_main .product_img #BigImg{
    max-height: 400px;
    height: 100%;
}
#ProDetailPage .product_main .product_img #BigImg img{
    max-height: 400px;
    height: 100%;
}
#ProDetailPage .product_main .product_img img{
    border: 1px solid;
}
#ProDetailPage .product_main .product_title{
    width: 49%;
}
.morelink {
    display: inline-block;
    padding: 7px 40px;
    color: #fff;
    position: relative;
    font-size: 16px;
    line-height: 30px;
    min-width: 120px;
    background-color: #da251a;
    text-align: center;
    border-radius: 50px;
    cursor: pointer;
}
.morelink:first-child{
    margin-right: 30px;
}

#ProDetailPage{background-color:#f8f8f8;}
#ProDetailPage .bg{background-color:#f6f6f6;margin-bottom:50px;}
#ProDetailPage .panelbox{padding-top:0;display:none;}
#ProDetailPage .panelbox.active{display:block;}
#slider{overflow:hidden;margin-bottom:50px;}
#picView{width:55%;float:left;position:relative;max-width: 600px;}
#BigImg{border:1px solid #ebebeb;margin-bottom:10px;background-color:#fff;min-height: 400px;height: 100%;}


#smallImg{width:100%;position:relative;}

#smallImg .swbtn {
    position: absolute;
    width: 100%;
    height: 19px;
    text-align: center;
    z-index: 1;
    top: calc(50% - 10px);
    background-color: #b1b1b1;
    text-align: center;
    transition: all 0.3s;
}
#smallImg .swbtn>i{font-size:18px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#smallImg .swbtn.btn-prev>i{transform:translate(-50%,-50%) rotateY(180deg);display:block;}
#smallImg .swbtn:hover{background-color:#da251a;border-color:#da251a;}
#smallImg .swbtn:hover>i{color:#fff;}
#smallImg .btn-next{left:calc(50% - 9.5px);transform: rotateZ(-90deg);}
#smallImg .btn-prev{right:calc(50% - 9.5px);transform: rotateZ(90deg);}

#picView .gallery-thumbs{width:100%;}
#picView .gallery-thumbs .swiper-wrapper{padding-bottom:1px;}
#picView .gallery-thumbs .swiper-slide{overflow:hidden;text-align:center;border-radius:0;margin:0;border:1px solid #ddd;}
#picView .gallery-thumbs .swiper-slide.videoslide p{display:none;}
#picView .gallery-thumbs .swiper-slide a{display:block;position:relative;}
#picView .gallery-thumbs .swiper-slide-active{position:relative;background-color:#fff;}
#picView .gallery-thumbs .swiper-slide img{max-height: 100px;}
#picView .gallery-thumbs .swiper-slide.active{border:1px solid #da251a;}
#picView .swiper-button-next.swiper-button-disabled,#picView1 .swiper-button-prev.swiper-button-disabled{opacity:1;background-color:#ccc;}
#picView .boxer{display:block;text-align: center;}
#picView img{width:auto;height: auto;}
#picView .swiper-pagination{position:relative;top:10px;}
#picView .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;margin:0 6px;}
#picView .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#da251a;}
#picView .video{position: absolute;top: 30px;right: 60px;background: rgba(0,0,0,0.53);color: #fff;border-radius: 50px;padding: 10px 25px;font-size: 18px;display: inline-flex;line-height: 24px;}
#picView .video i{font-size: 24px;line-height: 24px;margin-right: 10px;}
#protitle{width:40%;float:right;}
#protitle .title{margin-bottom:20px;text-align:left;padding-bottom:20px;border-bottom: 1px solid #ddd;}
#protitle h1{font-size:25px;line-height:1.3;position:relative;color:#333;text-transform:uppercase;font-weight:bold;}
#protitle h3{font-size:25px;}
#protitle h4{font-size:24px;line-height:1.2;font-weight:normal;}
#protitle .remark{font-size:15px;line-height:1.8;color:#666;min-height:120px;margin-bottom:30px;margin-top: 25px;}
#protitle .share{margin-top: 80px;margin-bottom: 40px;}
#protitle .share a{display: inline-block;margin:0 20px;}
#protitle .share i{font-size: 20px;}
#protitle .btnlist{overflow:hidden;margin-bottom:20px;}
#protitle .btnlist .morelink{min-width:140px;}
#protitle .btnlist>a.btnlink{display:block;text-align:center;background:#da251a;padding:15px;font-size:18px;line-height:24px;color:#fff;border-radius:8px;transition:background 0.3s;}
#protitle .btnlist>a>i{margin-right:8px;font-size:24px;line-height:24px;height:24px;vertical-align:top;}
#protitle .btnlist>a.btnlink:hover{background:rgba(251,223,15,1);cursor: pointer;}

#protitle .Programs span{color:#da251a;margin-right:10px;}

.prosection .tit {margin-bottom: 30px;border-bottom: 2px solid #ddd;position: relative;}
.prosection{margin-bottom: 60px;}
#slider .inquiryline{width:100%;height:5px;background-color:#da251a;margin:50px 0;position:relative;}
#slider .inquiryline i{width:75px;height:75px;line-height:75px;font-size:36px;color:#fff;background-color:#015293;border-radius:50%;position:absolute;left:calc(50% - 38px);top:-35px;text-align:center;}
.prosection .tit a {display: inline-block;padding: 10px 0;margin-right: 100px;}
.prosection .tit a.active{border-bottom: 5px solid #da251a;}
.prosection .tit a h3{font-weight: bold;font-size: 20px;}
#param_list{margin-bottom: 50px;}
#param_list li:nth-child(2n-1){background: #999999;}
#param_list li:nth-child(2n-1) div{color:#fff;}
#param_list li .paramitem{width: 90%;margin: 0 auto;padding: 10px 0;display: flex;justify-content:space-between;}
#param_list li .paramitem .paramname,#param_list li .paramitem .paramvalue{width: 45%;}
#ProDetailPage .pro_detail .title{margin-bottom:0;border-bottom:2px solid #f5f7f9;}
#ProDetailPage .pro_detail .title h4{font-size:16px;line-height:30px;padding:0 30px;margin:0;}
#ProDetailPage .pro_detail .title a{display:inline-block;padding:10px 0;position:relative;}
#ProDetailPage .pro_detail .title a:not(:first-child) h4{border-left:2px solid #f5f7f9;}
#ProDetailPage .pro_detail .title a.active:before,#ProDetailPage .pro_detail .title a:hover:before{content:"";position:absolute;bottom:-2px;width:100%;}

#RelatedProduct .tit h3{border-bottom: 5px solid #da251a;display: inline-block;padding-right: 20px;font-weight: bold;font-size: 20px;}
#RelatedProduct .list .item{width:calc((100% - 45px)/4);margin:0 15px 0 0;position:relative;}
#RelatedProduct .list .item:nth-child(4n){margin-right:0;}
#RelatedProduct .list .item .img{border:1px solid #eee;}
#RelatedProduct .list .item .img img{width: auto;height: auto;}
#RelatedProduct .list .item .txt{padding-top:10px;text-align: center;}
#RelatedProduct .list .item .txt h4{font-size:15px;font-weight:normal;}
#RelatedProduct .list .item:hover .txt h4{color:#da251a;}
#inquiry .border{
    width: 100%;
}
#inquiry .border.half {
    width: 49%;
    
}
#inquiry .border  textarea {
    resize: none;
}
#inquiry .border input,#inquiry .border  textarea {
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
}
#inquiry .feedbackbox{
    background: #e4e4e4;
    padding: 20px;
}
#inquiry p>a{
    color: red;
}
#inquiry  p{
    text-align: center;
    font-size: 18px;
    width: 90%;
    margin: 20px auto;
}
.btnli{
    width: 100%;
    text-align: center;
}
@media (max-width:768px){
    #inquiry .border.half {
        width: 100% ;
    }
    #inquiry p{
        font-size: 14px;
        margin: 5px auto;
    }
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
    #RelatedProduct .tit{margin-bottom:20px;}
    #RelatedProduct .tit h4{font-size:18px;}
    #RelatedProduct .list .item{width:calc((100% - 30px)/3);margin:0 15px 0 0;}
    .morelink:first-child {margin-right: 0px;}
    #protitle .btnlist>a>i {
        font-size: 16px;
        line-height: 24px;
        vertical-align: top;
    }
    #protitle .btnlist .morelink {
        min-width: 120px;
        font-size: 14px;
    }
}
@media (max-width:991px){
    #BigImg{min-height:250px;}
}
@media (min-width:1px) and (max-width:767px) {
    #BigImg{min-height:0;height: 100%;}
    #picView,#protitle {
        width: 100%;
    }
    #protitle h1 {
        margin-top: 10px;
        font-size: 16px;
    }
    #protitle h3{
        margin-top: 10px;
        font-size: 16px;
    }
    #protitle .share {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    #slider {
        overflow: hidden;
        margin-bottom: 10px;
    }
    #param_list {
        margin-bottom: 10px;
    }
    #ProDetailPage {
        margin-bottom: -82px;
    }
    #protitle .share a {display: inline-block;margin: 0 10px;}
    #RelatedProduct .tit{margin-bottom:10px;}
    #RelatedProduct .tit h4{font-size:18px;}
    #RelatedProduct .list .item{width:calc((100% - 15px)/2);margin:0 15px 15px 0;}
    #RelatedProduct .list .item:nth-child(3){display:none;}
    #RelatedProduct .list .item:nth-child(2n){margin-right:0;}
    #RelatedProduct .list .item .txt h4{font-size:13px;}
    #protitle .btnlist {display: block;}
    .morelink:first-child {margin-right: 10px;}
}
#productlist .ProList{overflow:hidden;}
#productlist .ProList .item{width:calc((100% - 90px)/4);margin:0 30px 30px 0;}
#productlist .ProList .item:nth-child(4n+4){margin-right:0;}
#productlist .ProList .item .proimg{overflow:hidden;border: 1px solid #ccc;}
#productlist .ProList .item .txt{padding:10px 0;text-align:center;}
#productlist .ProList .item .txt h3{font-size:15px;font-family:Roboto-Regular,Arial, Helvetica, sans-serif;}
#productlist .ProList .item .txt p{font-size:14px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin-bottom:10px;}
@media (min-width:992px) and (max-width:1229px) {
    #productlist .ProList .item{width:calc((100% - 30px)/3);margin:0 15px 15px 0;}
    #productlist .ProList .item .txt h3{font-size:14px;}
}
@media (min-width:768px) and (max-width:991px) {
    #productlist .ProList .item{width:calc((100% - 30px)/3);margin:0 15px 15px 0;}
    #productlist .ProList .item .txt h3{font-size:14px;}
}
@media (min-width:1px) and (max-width:767px) {
    #productlist .ProList .item{width:calc((100% - 15px)/2);margin:0 15px 15px 0;}
    #productlist .ProList .item:nth-child(4n+4){margin-right:15px;}
    #productlist .ProList .item:nth-child(2n+2){margin-right:0;}
    #productlist .ProList .item .txt h3{font-size:13px;}
}
/*******************************/
/************************************/
#sform1{
    padding: 10px 0;
}
#sform1 #stext1{
    padding: 20px;
    width: 50%;
}
#sform1 #sbut1{
    border: 0;
    padding: 10px;
    cursor: pointer;
}

/*******************************/
#GalleryList .item{
    position: relative;
    width: calc((100% - 60px)/3);
    margin-right: 30px;
    margin-bottom: 30px;
}
#GalleryList .item:hover h3{
    color: #015293;
}
#GalleryList .item .img {
    border: 1px solid #d7d7d7;
}
#GalleryList .item h3 {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    padding: 10px;
    color: #333;
}
#GalleryList .item:nth-child(3n){
    margin-right: 0;
}
#certificate_page #GalleryList  .item{
    width: calc((100% - 90px)/4);
}
#certificate_page #GalleryList  .item:nth-child(3n){
    margin-right: 30px;
}
#certificate_page #GalleryList  .item:nth-child(4n){
    margin-right: 0px;
}
@media (max-width:768px) {
    #GalleryList .item{
        margin-bottom: 10px;
        position: relative;
        width: calc((100% - 10px)/2);
        margin-right: 10px;
    }
    #GalleryList .item:nth-child(3n){
        margin-right: 10px;
    }
    #GalleryList .item:nth-child(2n){
        margin-right: 0px;
    }
    #certificate_page #GalleryList  .item{
        margin-bottom: 10px;
        width: calc((100% - 10px)/2);
        margin-right: 10px;
    }
    #certificate_page #GalleryList  .item:nth-child(4n),#certificate_page #GalleryList  .item:nth-child(3n){
        margin-right: 10px;
    }
    
    #certificate_page #GalleryList  .item:nth-child(2n){
        margin-right: 0px;
    }
}




/***************application_page******************/
#applications_page .applications_list{padding-bottom: 70px;border-bottom: 1px solid #cccccc;}
#applications_page .applications_list .item{width: calc((100% - 80px)/5);margin-right: 20px;margin-bottom: 20px;}
#applications_page .applications_list .item:nth-child(5n){margin-right: 0;}
#applications_page .applications_list .item a{display: block;position: relative;}
#applications_page .applications_list .item .app_title{width: 100%;height: 100%;top: 0;position: absolute;text-align: center;background: rgba(0,0,0,0.5);}
#applications_page .applications_list .item .app_title h3{position: relative;top: calc(50% - 12px);margin: auto;color: #fff;}

#applications_page .applicationdetail{margin:50px 0;}
#applications_page .app_prolist{margin-top: 80px;margin-bottom: 50px;}
#applications_page .app_prolist .item{width: calc((100% - 120px)/4);margin-right: 40px;margin-bottom: 40px;}
#applications_page .app_prolist .item:nth-child(4n){margin-right: 0;}
#applications_page .app_prolist .item .img{border: 1px solid rgba(204, 204, 204);}
#applications_page .app_prolist .item h5{font-size: 18px;font-weight: bold;margin-top: 25px;margin-bottom: 15px;}
#applications_page .app_prolist .item p{font-size: 14px;line-height: 26px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:4;  /* 设置行数 */-webkit-box-orient: vertical;}
#applications_page #RelatedProduct{position: relative;}
#applications_page #RelatedProduct .swbtn {position: absolute;text-align: center;z-index: 1;top: 50%;text-align: center;transition: all 0.3s;}
#applications_page #RelatedProduct .swbtn>i{font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#applications_page #RelatedProduct .swbtn.btn-prev>i{transform:translate(-50%,-50%);display:block;}
#applications_page #RelatedProduct .swbtn:hover{background-color:#da251a;border-color:#da251a;}
#applications_page #RelatedProduct .swbtn:hover>i{color:#000;}
#applications_page #RelatedProduct .btn-next{right:-25px;transform: rotateZ(-90deg);}
#applications_page #RelatedProduct .btn-prev{left:-25px;transform: rotateZ(90deg);}

#applications_page #RelatedProduct .btnlist{overflow:hidden;}
#applications_page #RelatedProduct .btnlist .morelink{min-width:140px;}
#applications_page #RelatedProduct .btnlist>a.btnlink{display:block;text-align:center;background:#da251a;padding:15px;font-size:18px;line-height:24px;color:#fff;border-radius:8px;transition:background 0.3s;}
#applications_page #RelatedProduct .btnlist>a>i{margin-right:8px;font-size:50px;vertical-align:top;color: #ccc;}
#applications_page #RelatedProduct .btnlist>a.btnlink:hover{background:rgba(251,223,15,1);cursor: pointer;}
@media (max-width:991px) and (min-width:769px){
    #applications_page .app_prolist .item{width: calc((100% - 80px)/3);}
    #applications_page .app_prolist .item:nth-child(4n){margin-right: 40px;}
    #applications_page .app_prolist .item:nth-child(3n){margin-right: 0;}
}
@media (max-width:768px) {
    #applications_page .applications_list .item{margin-bottom: 10px;width: calc((100% - 10px)/2);margin-right: 10px;}
    #applications_page .applications_list .item:nth-child(5n){margin-right: 10px;}
    #applications_page .applications_list .item:nth-child(2n){margin-right: 0px;}
    #applications_page .app_prolist .item{width: calc((100% - 10px)/2);margin-right: 10px;}
    #applications_page .app_prolist .item:nth-child(4n){margin-right: 10px;}
    #applications_page .app_prolist .item:nth-child(2n){margin-right: 0;}
}
/*感谢页面*/
#thk_nav{text-align:center;}
#thk_nav h2{margin-bottom:20px;text-align:center;}
#thk_nav>p{line-height:28px;font-size:14px;}
.btnthank{padding:5px 10px;margin-top:15px;display:inline-block;border:1px solid #da251a;color:#ffffff;background-color:#da251d;}
.btnthank:hover{background-color:#ffffff;color:#da251a;}
@media (max-width:767px) {
    #thk_nav>p{line-height:20px;font-size:13px;}
}

/*网站地图*/
#sitemapnav { width:100%; position:relative;overflow:hidden;}
#sitemapnav li{  list-style:none;}
#sitemapnav a{ color:#333; }
#sitemapnav .fontbig {	width:100% !important;}
#sitemapnav .bigli{width:100%;  line-height:35px;font-size:18px;}
#sitemapnav .bigli a {color:#666; font-weight:bold;text-transform:capitalize;}
#sitemapnav .bigli a:hover {text-decoration:underline;}
.jiange{ width:100%;height:2px; border-bottom:solid 1px #d2d2d2; margin-top:8px;margin-bottom:8px;}
.probigclass {padding-left:50px;}
#sitemapnav .PROclass_01 { width:100%;padding-left:3%; font-size:16px; line-height:30px; font-weight:bold; }
#sitemapnav .PROclass_02 { width:100%;padding-left:6%;font-size:16px; height:22px; line-height:22px;  overflow:hidden;font-weight:normal; }

#sitemapnav .PROclass_01 a{  color:#666;}
#sitemapnav .PROclass_02 a{ color:#666;}
#sitemapnav .PROclass_01 a:hover{ text-decoration:underline;}
#sitemapnav .PROclass_02 a:hover{ text-decoration:underline;}

#sitemapnav .PROclass_03 { width:100%;padding-left:9%;color:#666666;font-size:14px;line-height:20px;}
#sitemapnav .PROclass_03 a:hover{ text-decoration:underline;}
#sitemapnav .PROclass_04 {width:100%; padding-left:12%;}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media screen and (min-width:1px ) and (max-width:767px)
{
	#sitemapnav .abli_02{width:100%;height:auto;}
    #sitemapnav .bigli{font-size:16px;}
    #sitemapnav .abli_02{font-size:14px;line-height:20px;}
    #sitemapnav .PROclass_01{font-size:14px;}
    #sitemapnav .PROclass_02{font-size:13px;}
    #sitemapnav .PROclass_03{font-size:12px;width:100%;}
    #sitemapnav .PROclass_04{width:100%;}
}


.page_btn {
    text-align: center;
    width: 100%;
    margin-top: 60px;
}
.page_btn .pagination{
    margin: 0px auto;
}
.pagination li{
    display: inline-block;
    padding: 10px;
    background: #f5f8f8;
    margin-right: 20px;
}
.pagination li:last-child{
    background: transparent;
}
.pagination li.active{
    background: #000;
    color: #fff;
}
.pagination li.first.active,.pagination li.prev.active,.pagination li.next.active,.pagination li.last.active{
    background: #fbfcfc;
    color: #a7a7a7;
}

/*****************casespage*********************/
#CasesPage #CasesList .item{
    width: calc((100% - 60px)/3);
    margin-right: 30px;
    margin-bottom: 30px;
}
#CasesPage #CasesList .item img{
    width: 100%;
}
#CasesPage #CasesList .item:nth-child(3n){
    margin-right:0;
}

#CasesPage #CasesList .item .news_detil .news_type span{
    color: #da251d;
    border: 1px solid #da251d;
    border-radius: 5px;
    font-size: 12px;
    padding: 5px;
    margin-right: 5px;
}
#CasesPage #CasesList .item .news_detil .news_date{
    color: #999999;
}
#CasesPage #CasesList .item .news_detil h5{
    line-height: 1;
    margin-top: 25px;
    font-size: 20px;
    font-weight: bold;
}
#CasesPage #CasesList .item .news_detil p{
    font-size: 14px;
    color: #999999;
    overflow: hidden;
	text-overflow:ellipsis;
    height: 42px;
    margin: 20px 0;
	display: -webkit-box;
	-webkit-line-clamp:2;  /* 设置行数 */
	-webkit-box-orient: vertical;
}
#CasesPage #CasesList .item .item_detil{
    padding: 15px;
    border: 1px solid #cccccc66;
    border-top: 0;
}

#CasesPage #CasesList .item:hover .item_detil .news_date,#CasesPage #CasesList .item:hover .item_detil .news_type,#CasesPage #CasesList .item:hover .item_detil h5,#CasesPage #CasesList .item:hover .item_detil p{
    color: #da251a;
}

@media(max-width:991px){
    #CasesPage #CasesList .item{
        width: calc((100% - 10px)/2);
        margin-right: 10px;
    }
    #CasesPage #CasesList .item .news_detil h5{ 
        font-size: 18px;
    }
    #CasesPage #CasesList .item:nth-child(3n){
        margin-right: 10px;
    }
    #CasesPage #CasesList .item:nth-child(2n){
        margin-right: 0px;
    }
}
@media(max-width:768px){
    #CasesPage #CasesList .item{ 
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0 !important;
    }
    #CasesPage #CasesList .item img{
        display: none;
    }
}






