/*#header { width:100%; position:static; left:0; top:0; height:auto; z-index:1001 }*/
html {
            scroll-behavior: smooth;
        }
#banner { font-size:0;}

.lnte{ border-bottom: 1px solid rgba(0,0,0,0.1);}

.lnte .wrapper{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.lnte_n{
	display: flex;
}
.lnte ul{
	display: flex;
    flex-wrap: wrap;
	line-height: 90px;
	align-items: center;
}
.lnte .parent{
	font-size: 20px;
}
.lnte .parent a{
	display: flex;
    align-items: center;
}
.lnte .parent a img{
	background: #e5882c;
    padding: 5px;
    width: 20px;
    border-radius: 30px;
}
.lnte .parent:hover a{
	color: #e5882c;
}
.lnte .line{
	    margin: 0 40px;
		width: 1px;
		height: 20px;
    background: rgba(0,0,0,0.1);
}
.lnte .line:last-child{
	 display: none;
}

/*表格样式*/
table tr:first-child{background:#e5882c; color:#fff;font-weight:bold;} /*第一行标题蓝色背景*/
table{border:0px solid #b3e5fc; border-top:1px solid #ccc;border-left:1px solid #ccc;margin: 0 auto;border-spacing: 0px;} 
td{ padding:5px 10px; border:0px solid #b3e5fc; text-align:center;border-right:1px solid #ccc;border-bottom:1px solid #ccc;white-space: nowrap;}
tr:nth-of-type(odd){ background:#fff;} /* odd 标识奇数行，even标识偶数行 */
tr:hover{ background: #e1f5fe;} /*鼠标悬停后表格背景颜色*/
.l_view{float:left; width:49%;}

.r_view{float:right; width:49%;}

.contable {overflow:scroll;width:100%; overflow-x:hidden;overflow-y:hidden;}

.contile {
  font-size: 24px;
  height: 30px;
  font-weight: 450;
  line-height: 30px;
  text-indent: 45px;  /* 让文字从第 40px 开始，给左侧背景图留空间 */
  color: #333;
  margin: 10px 0;
  background-image: url(../images/title.png);
  background-repeat: no-repeat;
  background-position: left center;  /* 左对齐，垂直居中 */
  background-size: auto;  /* 默认，不缩放，按原图尺寸显示 */
}
.m_location_wrap{border-bottom:2px solid #dedede; padding:0px 0 0 0; margin-bottom:20px;text-transform: uppercase;display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.m_location_title{font-size:24px; color:#e5882c; border-bottom: 2px solid; line-height:55px; height:55px; text-indent:0px; float:left;}
.m_location_list {}
.location_list { font-size:12px; height:68px; line-height:68px; text-indent:0px; float:right; color:#565656; margin:5px 0px 0 0; background:url(../images/location.jpg) no-repeat left 24px; padding-left:25px;}
.location_list a{color:#3e3e3e;}
.location_list span { margin:0 5px; }
.location_list_p{line-height:46px; height:46px; margin:0; padding-top:10px;}

#category {line-height: 50px;display: flex; flex-wrap: wrap;}
#category .bd { margin:0 ; text-align:left; border-left:0px solid #dcdfe3; width:100%; float:left;}
#category .clearfix{padding:0px 0px 0px 0px;}
#category .bd ul li.parent { height:73px; line-height:0; margin:0px 20px; border:0px solid #c7c7c7; border-radius:0px; display:inline-block;}
#category .bd ul li.parent a { display:block; line-height:73px; font-size:16px; text-align:center; color:#2c2c2c; border-radius:0px;  padding: 0px 10px;}
#category .bd ul li.parent a:hover {color:#fff; background:#d2bb8f; text-decoration:none;}
#category .bd ul li.parent a.current {color:#fff; background:#d2bb8f; text-decoration:none;}
.triangle_border_down{width:0; height:0; border-width:7px 6px 0; border-style:solid;  border-color:#023f6d transparent transparent;/*灰 透明 透明 */  margin:0px auto; position:relative;}


.colu_tn{background-color:#fff; padding:0 30px; width:1140px; margin:auto; -webkit-box-shadow: #636363 0px 3px 8px; -moz-box-shadow: #636363 0px 3px 8px; box-shadow: #636363 0px 3px 8px;}

#main { background-color:#e9e9e9; }
#aside { width:20.84%; float:left; margin-top:44px; margin-bottom:10px; background-color:#e5e5e5;}

/*视频*/
.item_nt{width:30%; float:left; margin-right:4%; margin-bottom:30px;}
.item_nt img{width:100%; line-height:0;}
.item_nt p{text-align:center; font-size:14px; line-height:30px; width:100%;}
.video .item{width:30%; float:left; margin-right:4%; margin-bottom:30px;}
.item_z{margin-right:0%;}
.item p{text-align:center; font-size:14px; line-height:30px}
.playControll{height:0;}

/*产品系列*/
.bd_l{width:278px; float:left; background-color:#fff; padding:0px 0px 0px; margin-top:30px; margin-bottom:20px;}
.bd_hb{font-size:20px; color:#FFF; line-height:60px; background:url(../images/bd_hb_img.jpg) no-repeat left center; text-indent:24px; margin-bottom:0px;}
.bd_dhb{}
.bd_dhb .hbt{height:47px; background:url(../images/icon2.png) no-repeat 246px center #ebebeb; border:0px solid #4d8dbd; text-indent:35px; margin:0 auto 0px; border-bottom:1px solid #bababa;}
.bd_dhb .hbt a{color:#1f1f1f; font-size:14px; border-radius:0px; line-height:47px; height:47px; display:block;}
.bd_dhb .hbt:hover{background:url(../images/icon2.png) no-repeat 246px center #fff;}
.bd_dhb .hbt:hover a{text-decoration: none; color:#000066;}
.bd_dhb .current{background:url(../images/icon2.png) no-repeat 246px center #fff;}
.bd_dhb .current a{color:#000066;}
.bd_dhb .hbt_s{border-top:none;}

.bd_dhb .hbt_pp{width:210px; height:40px; background:url(../images/icon_p_on.jpg) no-repeat 15px center;  text-indent:25px; margin:0 auto 0px; color:#0e65b4; border-top:0px solid #e5e5e5;}
.bd_dhb .hbt_pp a{color:#0e65b4; line-height:40px;  font-size:16px;}
.bd_dhb .hbt_pp:hover{background:url(../images/icon_p_on.jpg) no-repeat 15px center;}

.then_ht{border:1px solid #e2e2e2; color:#2e2e2e; font-size:14px; line-height:30px; padding:0 20px 13px 18px; margin-top:20px;}
.then_hb{font-size:20px; color:#828282; text-indent:43px; background:url(../images/the.jpg) no-repeat left center; line-height:34px; height:34px; margin:20px 0 13px;}
.then_ht span{color:#015fb6;}

.sublist {width:210px; margin:auto; padding:5px 0; border-top:solid 1px #dddddd;} 
.sublist .ltli { }
.sublist .ltli a { display:block; background:url(../images/icon_p.jpg) no-repeat 25px center; text-indent:35px; height:38px; line-height:38px; border-bottom:1px solid #dddddd; font-size:13px;}
.sublist .ltli a:hover { color:red; text-decoration:none; }
.sublist .current a { color:red; border-top:0;}

/*产品系列2.0*/
.m_main_wrap{}
.m_aside_wrap {width:250px; float:left; display:inline; margin-top:22px; margin-bottom:30px; }
.m_aside_hd {height:55px; padding-left:0px; color:#010101; font-size:24px; line-height:55px;}
.m_aside_hd em { font-size:12px; font-style:normal; text-transform:uppercase; }
.m_aside_bd {padding-bottom:0px;}
.m_aside_bd ul li.parent { height:34px; border-bottom:1px solid #f3f3f3;}
.m_aside_bd ul li.parent a { display:block; line-height:34px; padding-left:59px; font-size:15px; color:#1b1b1b; background:url(../images/current_fon.jpg) no-repeat 33px center;}
.m_aside_bd ul li.parent a:hover { text-decoration:none; background:url(../images/current_on.jpg) no-repeat 33px center; color:#e6212a}
.m_aside_bd ul li.parent a.current { background:url(../images/current_on.jpg) no-repeat 33px center; color:#e6212a}
.m_aside_bd ul li.sublist { background:url(../images/clearfix_bg.jpg) repeat-y left bottom; }
.m_aside_bd ul li.sublist li { }
.m_aside_bd ul li.sublist li a { display:block; background:url(../images/icon1.gif) no-repeat 43px center; text-indent:54px; height:36px; line-height:36px;}
.m_aside_bd ul li.sublist li a:hover { color:red; text-decoration:none; }
.m_aside_bd ul li.sublist li.current a { color:red; border-top:0;}

.m_aside_bd ul li.pt{height:45px; border-bottom:solid 0px #FFF; margin-bottom:5px;}
.m_aside_bd ul li.pt a{color:#000; line-height:45px; padding-left:26px; font-size:15px; background: url(../images/bd_img.jpg) no-repeat 218px center #d5d5d5;}
.m_aside_bd ul li.pt a:hover{background: url(../images/bd_img_on.jpg) no-repeat 218px center #4b4b4b; color:#fff;}
.m_aside_bd ul li.current a{color:#fff; background: url(../images/bd_img_on.jpg) no-repeat 218px center #4b4b4b;}


#m_right { width:100%; float:right; margin-top:30px; }
#location {border-bottom:1px solid #dcdfe3;}
.location_title { font-size:22px; color:#323232; height:84px; line-height:84px; float:left; min-width:80px; text-indent:31px; font-weight: bold; background:url(../images/about_bd.jpg) no-repeat 1px center;}
.location_pe {padding-right:15px; background-size: 100% 3px;}


#article { line-height:30px; font-size:16px;  padding: 90px 0; width:100%; margin:0 auto; color:#000;}
#article h2{
	font-size: 24px;
}
.about_img_bt{margin-top:20px;}
.about_t{margin-right:22px; float:left; width:53%; height:538px;}
.about_tp{text-indent:0px; margin-bottom:30px; font-size:14px;}
.about_ys{color:#005da2;}
.contacts_imt{margin-bottom:80px;}
#article p{word-wrap:break-word;word-break:break-all; }
.about_p{margin-bottom:28px;}
.contacts_img{display:none;}
table.contacts_tab{ }
table.contacts_tab td,{text-indent:20px;}

#article_4 form .finp{
	display: flex;
    flex-wrap: wrap;
}

.form-container {
            background: white;
            border-radius: 20px;
            box-shadow: 0 15px 50px rgba(0, 82, 204, 0.15);
            width: 100%;
            padding: 50px;
            position: relative;
            overflow: hidden;
        }
        
        .form-container::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 8px;
            height: 100%;
            background: linear-gradient(to bottom, #0085ff, #00c6ff);
        }
        
        .form-title {
            font-size: 2.5rem;
            color: #004a9e;
            margin-bottom: 40px;
            text-align: center;
            position: relative;
        }
        
        .form-title::after {
            content: "";
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 4px;
            background: linear-gradient(90deg, #0085ff, #00c6ff);
            border-radius: 2px;
        }
        
        .form-group {
            margin-bottom: 25px;
            position: relative;
        }
        
        .form-label {
            display: block;
            margin-bottom: 10px;
            font-size: 16px;
            color: #333;
            font-weight: 500;
        }
        
        .form-label .required {
            color: #ff4757;
            margin-left: 4px;
        }
        
        .form-input {
            width: 100%;
            padding: 15px 20px;
            border: 2px solid #e1e8f0;
            border-radius: 12px;
            font-size: 16px;
            transition: all 0.3s ease;
            outline: none;
        }
        
        .form-input:focus {
            border-color: #0085ff;
            box-shadow: 0 0 0 3px rgba(0, 133, 255, 0.2);
        }
        
        textarea.form-input {
            min-height: 150px;
            resize: vertical;
        }
        
        .captcha-group {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        
        .captcha-input {
            flex: 1;
        }
        
        .captcha-img {
            height: 50px;
            border-radius: 8px;
            border: 1px solid #e1e8f0;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .captcha-img:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .submit-btn {
            background: linear-gradient(135deg, #0085ff 0%, #004a9e 100%);
            color: white;
            border: none;
            padding: 16px 40px;
            font-size: 1.2rem;
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: block;
            width: 100%;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
        }
        
        .submit-btn:hover {
            background: linear-gradient(135deg, #006dd9 0%, #003a7a 100%);
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(0, 82, 204, 0.3);
        }
        
        .form-footer {
            text-align: center;
            margin-top: 30px;
            color: #666;
            font-size: 0.95rem;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .form-container {
                padding: 30px 20px;
            }
            
            .form-title {
                font-size: 2rem;
            }
            
            .captcha-group {
                flex-direction: column;
                align-items: stretch;
            }
            
            .captcha-img {
                width: 100%;
                height: auto;
                min-height: 50px;
            }
        }
        
        /* 动画效果 */
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(0, 133, 255, 0.4); }
            70% { box-shadow: 0 0 0 10px rgba(0, 133, 255, 0); }
            100% { box-shadow: 0 0 0 0 rgba(0, 133, 255, 0); }
        }
        
        .form-input:focus {
            animation: pulse 1.5s infinite;
        }

/*简介*/
.m_about{margin:35px 0 0 0px; width:705px; float:left;}
.m_about p{width:745px; float:left; font-size: 15px; line-height:31px;}
.about_img{float:right; margin:10px 17px 0 0px;}
.about_tb{height:32px;}
.m_about_01{font-size:30px; color:#262626; font-weight: bold; margin-bottom:36px;}
.m_about_01 span{color:#4bb13f;}
.m_about_p{ line-height:32px; color:#262626; font-size:16px;}
.m_about_02{font-size:36px; line-height:60px;}

.lcwh{
	display: flex;
    flex-wrap: wrap;
}
.lc_img {
    width: 23%;
    height: 225px;
    font-size: 0;
    margin-bottom: 20px;
	overflow: hidden;
}
.lc_img img{
	width: 100%;
}
.lc_pbt {
    padding: 30px;
    width: 77%;
    height: 225px;
    font-size: 16px;
    color: #2b2b2c;
    background-color: #ecedee;
    margin-bottom: 20px;
    line-height: 30px;
}
.lc_pbt span {
    display: block;
    font-size: 18px;
    margin: 10px 0 13px;
}
.aboutbox{
	max-width: 74%;
    margin: 0 auto;
}
.aboutbox h2{
	font-size: 30px;
    line-height: 36px;
    font-weight: 450;
}
.aboutmsg{

}
.aboutmsg .aboutl{
	width: 45%;
}
.aboutmsg img{
	width: 50%;
}
.aboutp{
	width: 51%;
}
.ab_img{
	display: flex;
    justify-content: space-between;
}
.m_aboutb{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}

.nums {
	width: 100%;
	clear: both;
	display: flex;
	padding: 5% 0 0 0;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
.nums .line {
	width: 1px;
    height: 40px;
    background: rgba(0,0,0,0.1);
}
.nums .li_box {
	box-sizing: border-box;
	text-align: center;
}
.nums .li_box .number{
	display: flex;
}
.nums .li_box:last-child {
	background: 0 0
}

.nums .li_box .bot {
	font-size: 16px;
	color: #666;
	padding-top: .5em
}


.nums .li_box .number .num {
	font-size: 40px;
    font-weight: bold;
	margin: 0;
	color: #0978ca;
	line-height: 1;
	width: auto;
    height: auto;
    background: none;

}

.nums .li_box .number .wd {
	font-size: 16px;
	color: #666;
	line-height: .95;
	vertical-align: top;
	margin: 0;
	margin-left: .5rem;
	width: auto;
    height: auto;
    background: none;
	display: initial;
}


.nums .li_box .number .wd em {
	font-size: 20px
}


.cultura{
	background: url(../images/cu_bg.png) no-repeat top 25% right 10% #e8ecf8;
	padding: 90px 0;
}
.cultura h2{
	font-size: 36px;
    font-weight: 450;
	margin-bottom: 60px;
}
.culbox{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.culli{
	width: 24%;
	background: #fff;
	padding: 45px 35px;
	border-radius: 10px;
}

.culli .cimg {
    width: 65px;
    height: 65px;
    padding: 20px;
    border-radius: 40px;
    background: #2b3c91;
    margin-bottom: 30px;
}
.culli .cimg img{
	width: 100%;
}

.culli:hover img {
    transform: rotateY(180deg);
}

.culli h2{
	font-size: 24px;
	margin-bottom: 30px;
}
.develop{
	padding: 90px 0;
}
.develop h2{
	font-size: 36px;
    font-weight: 450;
	margin-bottom: 60px;
}
.devbox{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.devli{
	width: 49%;
}
.devli img{
	width: 100%;
	object-fit: cover;
	max-height: 380px;
	border-radius: 10px;
}
.devli h2{
	font-size: 24px;
	margin: 30px 0;
	color:#2b3c91;
}


#aboutbox, #cultura, #develop {
            scroll-margin-top: 120px; 
}

.market{
	position: relative;
	display: flex;
    justify-content: space-between;
    align-items: center;
	background:#f0f2f7;
}
.market::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	background: url(../images/about_bg.png) no-repeat right 60px top 60px;
	background-size: 330px;
  opacity: 0.1;
}
.market .marketl{
	width: 48%;
}
.market .marketl img{
	width: 100%;
}
.market .marketr{
	width: 36%;
    margin: 30px auto;
}
.market .marketr h2{
	font-size: 30px;
    font-weight: 450;
}
.market .marketr .line{
	display: block;
    width: 40px;
    height: 5px;
    background: #074992;
    margin: 20px 0;
}
.markett{
	background: #ffffff;
    padding: 30px;
	position: relative;
    z-index: 99;
	margin-bottom: 30px;
}
.markett::after {
            content: '';
            position: absolute;
            bottom: 50%;
            left: -20px;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
            border-right: 20px solid #ffffff;
            border-radius: 0 0 5px 5px;
        }
.markett h3{
	font-size: 24px;
    color: #0978ca;
    margin-bottom: 10px;
	font-weight: 450;
}
.marketd{
	background:#0978ca;
	color: #fff;
	padding: 30px;
}
.marketd h3{
	font-size: 24px;
	 margin-bottom: 10px;
	 font-weight: 450;
}



.technology{
	padding: 90px 0;
}
.technology h2{
	font-size: 30px;
    font-weight: 450;
    line-height: 40px;
}
.technology .line{
	display: block;
    width: 40px;
    height: 5px;
    background: #074992;
    margin: 20px 0;
}
.technology  .thec{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 40px;
}
.technology  .thec p{
	width: 48%;
}
.technology  .thec p strong{
	display: block;
    font-size: 24px;
	font-weight: 450;
    color: #0978ca;
    margin-bottom: 20px;
}
.technology  .thec img{
	width: 48%;
}

.ab_down{
	padding: 50px 0;
	background: url(../images/a_bg.jpg) no-repeat;
	background-size: cover;
}
.ab_down .wrapper{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.ab_down p{
	width: 35%;
}
.ab_down a{
	display: flex;
    width: 200px;
    line-height: 50px;
    text-align: center;
    background: #0978ca;
    color: #fff;
    justify-content: center;
    align-items: center;
}
.ab_down img {
    max-width: 20px;
    margin-right: 10px;
}
.msgl{
	width: 44%;
}

.msgl .ln{
	text-transform: uppercase;
    opacity: 0.5;
}
#article .msgl h2{
	font-size: 30px;
    font-weight: 600;
	margin-bottom: 30px;
}

.ainfo{
	margin-top: 30px;
}

#article .ainfo h2{
	color: #1570b1;
    font-weight: 700;
    font-size: 24px;
	margin-bottom: 0;
}
#article .ainfo h2 strong{
	font-size: 36px;
}
.honor{
	padding: 60px 0;
	background: url(../images/honor_bg.jpg) no-repeat;
}
.honor .htit{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.honor .htit p{
	width: 55%;
}
.honor .htit h2{
	font-size: 30px;
    font-weight: 600;
	margin-bottom: 30px;
}

.honor .htit .ln{
	text-transform: uppercase;
    opacity: 0.5;
}

.honorul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	padding-top: 30px;
}
.honorul .honorli{
	width: 19%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 10px;
}
.honorul .honorli img{
	width: 100%;
}


.workshop .wtit h2{
	font-size: 30px;
    font-weight: 600;
	margin-bottom: 30px;
}

.workshop .wtit .ln{
	text-transform: uppercase;
    opacity: 0.5;
}

.wcj,.wjc{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
	margin-bottom: 60px;
}
.wl,.wr{
	    width: 42%;
}
.wcj h2,.wjc h2{
	font-size: 24px;
    font-weight: 600;
	margin-bottom: 30px;
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.wcj h2 img,.wjc h2 img{
	max-width: 25px;
	margin-right: 10px;
}
.wcj span,.wjc span{
	display: block;
    width: 30px;
    height: 3px;
    background: #1570b1;
    margin-top: 30px;
}


.m_aboutb img{
	width: 52%;
    object-fit: cover;
}

.ainfo ul{
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.ainfo ul li{
	
}
.ainfo .line{
	width: 1px;
    height: 50px;
    background: rgb(0 0 0 / 10%);
}

.about_imt {

}

.culture{
	background: #353334;
	padding: 60px 0;
    color: #fff;
}
.culture .wrapper{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	justify-content: space-between;
}
.culture .cull{
	width: 48%;
}
.culture .cull h2{
	font-size: 24px;
    font-weight: 450;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.culture .culr{
	width: 50%;
}
.culture .culr img{
	width: 100%;
}

.vision{
	padding: 90px 0;
}
.vision h2{
	font-size: 24px;
    font-weight: 450;
    text-transform: uppercase;
    margin-bottom: 20px;
	color: #e5882c;
}

.honor_tne{padding: 60px 0;}
.m_prev_list { float:right; height:25px; margin-top:17px; }
.m_prev_list a { float:left; margin-left:15px; display:inline;}
.m_prev_list a img { display:block; }
.m_next_list { padding:1em 0; margin-top:1em;}
.m_next_list p.m_p_prev a { height:2.14em; line-height:2.14em; display:inline-block; overflow:hidden; float:left; margin-bottom:0.5em; }
.m_next_list span {color:#333; display:block; float:left; text-align:center; margin-right:0.5em; }
.m_next_list p.m_p_next a {  height:2.42em; line-height:2.42em; display:inline-block; overflow:hidden; float:left; }
.m_prev_back { text-align:right; padding-top:2em; height:2.14em; }
.m_prev_back a { background-color:#d2bb8f; font-size:1em; width:8em; height:2.14em; line-height:2.14em; text-align:center; color:#fff; display:block; float:right; }
.m_prev_back a:hover { text-decoration:none;}
.m_prev_share { margin-top:1em;}

#m_content{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
#m_content #article{
	width: 40%;
    margin: 0;
}
#m_content #article_4{
	width: 50%;
    margin: 0;
	margin-top: 130px;
	margin-bottom: 50px;
}

.contactb{
	font-size: 18px;
}

.foinp span{
	color: #f00;
}


.news_oth{
    width: 100%;
}
.news_li{
    margin-bottom: 30px;
	background: #f4f4f4;
    border: 1px solid rgba(0,0,0,0.1);
}
.news_li:hover h3 a{
	color: #e5882c;
}
.news_li .time1{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.news_li .time1 .fl{
	width: 80%;
    margin: 0 auto;
}

.news_li .time1 h3{
	font-size: 20px;
	font-weight: 450;
	margin-bottom: 10px;
}
.news_li .time1 .fr{
	width: 14%;
	padding: 30px 0;
	background: #dadada;
}
.news_li .time1 .fr p{
	font-size: 24px;
	color: #808080;
	text-align: center;
}
.news_li .time1 .fr .line {
    display: block;
    margin: 10px auto;
    width: 80%;
    height: 1px;
    background: #fff5;
}
.news_li:hover .time1 .fr strong{
	opacity: 1;
}
.news_li:hover .time1 .fr{
	background: #e5882c;
}
.news_li:hover .time1 .fr p{
	color: #fff;
}
.news_li .time1 .fr strong{
	font-size: 48px;
    margin-top: 20px;
    display: block;
	opacity: 0.2;
}
.news_li .time1 .fr img{
	width: 100%;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}

.date{
	color: #0978ca;
}
.mant{
	
}
.newsbox {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	padding: 60px 0;
}

.m_news_title { 
	line-height: 30px;
    font-weight: 450;
    font-size: 30px;
    color: #333;
	text-align: center;
}
.m_news_attr {
	margin-top: 30px;
    font-size: 18px;
	text-align: center;
}
.m_news_content { padding: 30px 0; border-bottom: 1px solid rgba(0,0,0,0.1);border-top: 1px solid rgba(0,0,0,0.1);    margin-top: 30px;}

.m_newsc {
    width: 100%;
}
.m_newsc img{
	max-width: 100%;
}
.newoth {
    width: 27%;
}
.m_next_list {
   margin: 0 auto;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.m_news_t {
    font-size: 20px;
    margin-bottom: 30px;
}
.m_news_rl {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.m_news_rl h2 {
    font-size: 16px;
	font-weight: 450;
}
.m_news_rl p {
    font-size: 16px;
    color: #a3a3a3;
}

#newslist { display: flex;flex-wrap: wrap;}
#newslist li.list {display: flex; flex-wrap: wrap;width: 32%;margin-right: 2%;list-style: none;margin-bottom: 30px;}
#newslist li.list:nth-child(3n) {margin-right: 0%;}
#newslist li.list a{display: block;width: 100%;}
#newslist li.list img {width: 100%; object-fit: cover;}
#newslist li.list dl {overflow: hidden;}
#newslist li.list dl dt {line-height:30px; overflow:hidden;}
#newslist li.list dl dt a { 
	font-size: 20px;
    font-weight: bold;
    color: #333;
	margin: 20px 0;
}
#newslist li.list dl dd.info { line-height:30px; color: #333; font-size:16px; overflow:hidden; padding-bottom:10px; }
#newslist li.list dl dd.more { 
	width: fit-content;
    font-size: 14px;
    color: #1570b1;
    border-bottom: 1px solid;
}
#newslist li.list dl dd.more time{ padding:0px; text-indent: 19px; background: url(../images/bd_news.jpg) no-repeat left center; display: block;}
.m_right_t{margin-top:30px;}

.newstit{
	margin-bottom: 30px;
	display: flex;
    justify-content: space-between;
	align-items: center;
}
.newstit h2{
	font-size: 36px;
}

.newscont{
	padding-bottom: 60px;
}

.m_p_back{
	display: flex;
    justify-content: flex-end;
}
.m_p_back a{
	display: block;
	width: 130px;
    line-height: 35px;
    text-align: center;
    margin-top: 20px;
    background: #e5882c;
	color: #fff;
}

.contactmsg{
	width: 87%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 30px;
    margin-right: 0;
	margin-bottom: 90px;
}
.contactmsg .msgl{
	width: 36%;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
}
.contactmsg .msgl h2{
	font-weight: 450;
    font-size: 30px;
}
.msgtab{
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 20px 0px;
}

.msgtab h4{
	font-weight: initial;
	display: flex;
    align-items: center;
	margin-bottom: 0px;
	font-size: 20px;
}

.msgtab h4 img{
	font-weight: initial;
	height: 15px;
    margin-right: 10px;
}

.msgtab p{
	font-size: 20px;
}
.msgtab .qr{
	display: flex;
    flex-direction: column;
    align-items: baseline;
	margin-top: 20px;
}

.contactmsg .msgr{
	width: 45%;
}
.contactmsg .msgr img{
	width: 100%;
	display: block;
}

.contact{
	padding: 60px 0;
}
.contacts_c{
	display: flex;
    justify-content: center;
}
.contbox {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	background: #f7f7f7;
	margin-bottom: 60px;
}
.contbox img{
	width: 41%;
}
.contbox span{
	display: block;
    width: 40px;
    height: 5px;
    background: #074992;
    margin: 20px 0 60px;
}
.contbox h2{
	font-size: 36px;
}
.contbox .contmsg{
	width: 50%;
    margin: 0 auto;
}
.contbox .contmsg h2{
	font-size: 24px;
    font-weight: 450;
    margin-bottom: 20px;
}
.contp{
	display: flex;
	padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.contp:nth-child(3) .contpb{
	width: 49%;
}
.contpb h2{
	font-size: 16px;
    font-weight: 450;
	display: flex;
    align-items: center;
}
.contpb img{
	max-width: 15px;
	margin-right: 5px;
}

#myform2{
margin-top: 45px;
}

#myform2 {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#myform2 .inp_t:nth-child(1),#myform2 .inp_t:nth-child(2){
	width: 48%;
}
#myform2 .inp_t:nth-child(6){
	width: 20%;
}
#myform2 .inp_t{
	width: 100%;
    position: relative;
	margin-bottom: 30px;
}
#myform2 .inp_t input{
	width: 100%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #cccccc;
    background: none;
    outline: none;
    color: #333;
    font-size: 16px;
    padding: 0 20px;
	 margin: 0;
}
#myform2 .inp_t img{
	position: absolute;
    right: 1%;
    bottom: 15%;
}
#myform2 .inp_te {
	width: 100%;
	margin-bottom: 30px;
}
#myform2 .inp_te textarea {
	width: 100%;
	display: block;
	 border: 1px solid #cccccc;
    background: none;
    outline: none;
	color: #333;
    font-size: 16px;
    padding: 20px;
	box-sizing: border-box;
	height: 200px;
	font-family:Arial;
}
#myform2 .inp_sr {
	width: 75%;
	margin-top: 30px;
}

#myform2 .submit{
	border: 0;
    width: 150px;
    height: 45px;
    cursor: pointer;
    background-color: #e5882c;
    color: #fff;
	margin-right: 10px;
}
#myform2 .reset{
	border: 0;
    width: 150px;
    height: 45px;
    cursor: pointer;
    background-color: #e7f0ff;
    color: #e5882c;
}

.m_right { width:912px; padding-right:0%; padding-left:0%; float:right; display:inline; margin:22px 0 60px; border-radius:0 0px 0 0;}
.m_pro_list {width: 71%;display: flex; flex-wrap: wrap;align-items: stretch;}
.m_pro_list .p2 {float:left; width:288px; margin-bottom:20px; border:solid 1px #d4d4d4; }
.m_pro_list .p2 figure { }
.m_pro_list .p2 figcaption {display:block; height:44px; line-height:44px; text-align:center; font-size:16px; color:#292929; background-color:#fff; border-top:solid 1px #d4d4d4;}
.m_pro_list .p2 a:hover {text-decoration:none; }
.m_pro_list .p2:hover figure {}
.m_pro_list .p2:hover figcaption {background-color:#4b4b4b; color:#fff; overflow:hidden; }

.m_pro_list .p2 {border:solid 1px #dedede; width:283px; float:left; display:inline; margin-bottom:28px; background-color:#fff;text-align:center; }
.m_pro_list .p3 {width:229px;}
.m_pro_list .p4 {width:390px;}
.por_xl{
	width:32%;
	margin-right:2%;
	margin-bottom: 30px;
}
.por_xl:nth-child(3n+1){
	margin-right:0;
}
.por_xl img{
	width: auto;
    height: 270px;
    object-fit: cover;
	overflow: hidden;
	mix-blend-mode: multiply;
}
.por_xl:hover img{
	transform: scale(1.1);
}
.por_xl p{
	font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
}
.por_xl .more{
	color: #074992
}


.por_cl{
	width:32%;
	margin-right:2%;
	margin-bottom: 30px;
	box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 20px;
}

.por_cl:hover a{ 
	color: #1570b1;
}
.por_cl:nth-child(3n+1){
	margin-right:0;
}
.por_cl img{
	width: 100%;
    height: 155px;
    object-fit: cover;
}
.por_cl h3{
	font-size: 16px;
	 margin-top: 10px;
}
.por_cl p{
	font-size: 14px;
}

.por_cp{
	width:23.5%;
	margin-right:2%;
	margin-bottom: 30px;
}
.por_cp:nth-child(4n+1){
	margin-right:0;
}
.por_cp img{
	padding: 50px;
    box-sizing: border-box;
    background: #f8f7f7;
    width: 100%;
}
.por_cp p{
	font-size: 16px;
	 margin-top: 10px;
}
.por_cp fieldset{
	border: none;
}

.m_pro_list h2{
    font-size: 30px;
    color: #074992;
	font-weight: 600;
}

.item_q {padding:0px;text-align:center;margin:0 auto;}
.item_q img {max-width:275px;}
.m_pro_list .p2 .info { font-size:0.875em;}
.m_pro_list .p2 .info dt { border-bottom:solid 1px #e0e0e0; padding-top:5px; height:3.285em; line-height:3.285em; }
.m_pro_list .p2 .info dd { line-height:180%; padding-top:5px; }
.m_pro_list .p2 figcaption {display:block; height:48px; line-height:48px; text-align:center; font-size:14px; color:#0b0b0b; padding:0px; margin-bottom:0px; overflow:hidden;}
.m_pro_list .p2:hover {background-color:#fff; border:solid 1px #e5882c;}
.m_pro_list .p2:hover figcaption{color:#fff;}
.nofirst1, .nofirst2, .nofirst3, .nofirst5, .nofirst6, .nofirst7, .nofirst9, .nofirst10, .nofirst11, .nofirst13, .nofirst14, .nofirst15, .nofirst17, .nofirst18, .nofirst19 { margin-right:20px;}
.nofirst4, .nofirst8, .nofirst12, .nofirst16, .nofirst20{ margin-right:0;}
.p4_nofirst1, .p4_nofirst2, .p4_nofirst4, .p4_nofirst5, .p4_nofirst7, .p4_nofirst8, .p4_nofirst10, .p4_nofirst11, .p4_nofirst13, .p4_nofirst14, .p4_nofirst16, .p4_nofirst17, .p4_nofirst19, .p4_nofirst20{ margin-right:10px;}
.p4_nofirst3, .p4_nofirst6, .p4_nofirst9, .p4_nofirst12, .p4_nofirst15, .p4_nofirst18, .p4_nofirst21{ margin-right:0;}
.m_pro_clear { font-size:15px; line-height:27px; padding-top:20px;}


.page,.pages {line-height:30px; width:100%; text-align:center; color: #ff0000; margin-bottom:23px; margin-top:25px;display: flex; justify-content: center;}
.page span,.pages span{padding:10px 15px 10px 15px; background-color:#e5882c; color:#fff; border:solid 1px #e5882c; font-size:0.875em; }
.page a,.pages a{ color:#444444; border:1px solid #ccc;padding:10px 15px 10px 15px; margin:0 4px; text-decoration:none; background-color:#ddd;  font-size:0.875em; }
.page a:hover,.pages a:hover{color:#fff; background-color:#e5882c; }
.page a.current,.pages a.current{color:#fff; background-color:#e5882c; }
.page .active a,.pages .active a{color:#fff; background-color:#e5882c; }
.pagination li{float:left;}


.morexl{
	width: 180px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    background: #e5882c;
    color: #fff;
    border-radius: 5px;
    margin-top: 30px;
}

.pagination {
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}

.pagination a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
	min-width: 36px;
    height: 36px;
    padding: 0 8px;
    /*border-radius: 4px;*/
    text-decoration: none;
    color: #333;
    background: #f5f5f5;
    transition: all 0.2s;
}

.pagination a:hover {
    background: #e5882c;
}

.pagination a.active {
    background: #e5882c;
    color: white;
    font-weight: bold;
}

.pagination .ellipsis {
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    color: #666;
}

.page-numbers {
    display: flex;
    gap: 4px;
}

.range{
	background: #f7f7f7;
	padding: 60px 0;
}
.range h2{
	font-size: 36px;
    text-align: center;
}
.rangebox{
	max-width: 1660px;
    margin: 0 auto;
    margin-right: 0;
	margin-top: 40px;
    overflow: hidden;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.rangel{
	width: 40%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.ranger{
	width: 54%;
	overflow: hidden;
}

.rangeli{
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin: 30px 0;
}

.rangeli img{
	padding: 0 15px;
	margin-right: 25px;
}
.rangeli p strong{
	display: block;
	margin-bottom: 10px;
}
.rangeimg .owl-dots{
	display: flex;
	    margin-top: 20px;
}
.rangeimg .owl-dot{
    margin-right: 15px;
}

.rangeimg .owl-dot span{
	display: block;
    width: 20px;
    height: 5px;
    border: 1px solid #1570b1;
    border-radius: 3px;
}
.rangeimg .owl-dot.active span{
	background: #1570b1;
}

.workshop{
	padding: 60px 0;
}

.workshoptit{
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.workshoptit h2{
	width: 37%;
    font-size: 36px;
}
.workshoptit p{
	width: 57%;
}

.line{
	display: block;
    width: 60px;
    height: 5px;
    background: #293098;
    margin-top: 30px;
}

.qua{
	margin: 60px 0;
	display: flex;
    flex-wrap: wrap;
}
.qua .m_series{
	width: 23.5%;
    margin-right: 2%;
	margin-bottom: 30px;
}
.qua .m_series p{
	/*padding: 65px 50px;
    height: 270px;*/
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	border: 1px solid rgba(0,0,0,0.1);
}
.qua .m_series:nth-child(4n){
    margin-right: 0%;
}
.qua .m_series img{
	max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.qua .m_series figcaption{
	line-height: 30px;
    padding: 10px 20px;
    text-align: center;
}
.pro_tit{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	margin-bottom: 30px;
}
.qua_c .m_series img{
	max-width: 80%;
    max-height: 100%;
    height: 200px;
}

.conts{
	padding: 60px 0;
}
.conts img{
	max-width: 100%;
}
.conts h2{
	font-size: 24px;
    margin-bottom: 30px;
	text-align: center;
}
.conts ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.conts ul li{
	width: 19%;
    text-align: center;
    background: #f8f8f8;
    padding: 30px;
	margin-bottom: 20px;
}
.conts ul li img{
	max-width: 22px;
    margin: 0 auto;
    border: 1px solid #1570b1;
    padding: 15px;
    border-radius: 40px;
	margin-bottom: 20px;
}
.conts ul li span{
	color: #a1a1a1;
}
.conts ul li p{
	line-height: 24px;
}
.contacts_txt strong{
	font-weight:600;
}
.contacts_txt h2{
	font-size: 24px;
	margin-bottom: 20px;
}

.contact-card {
    margin: 0 auto;
    padding: 25px;
    background: linear-gradient(to bottom right, #f8f9fc, #eef2f7);
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(2, 86, 180, 0.15);
    font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
    position: relative;
    overflow: hidden;
    border: 1px solid #e1e8f0;
  }
  
  .contact-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: url('/uploadfile/2024/1203/9e5c44c5cb53.jpg') no-repeat center/cover;
    border-radius: 0 12px 12px 0;
  }
  
  .company-header {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 2px dashed #d1e0f5;
  }
  
  .company-name {
    font-size: 1.8em;
    color: #333;
    font-weight: 700;
    margin-bottom: 5px;
    letter-spacing: 0.5px;
  }
  
  .contact-info {
    position: relative;
    width: 45%;
    padding-right: 5%;
  }
  
  .contact-detail {
    margin-bottom: 8px;
    line-height: 1.6;
    display: flex;
  }
  
  .contact-label {
    color: #5a6d88;
    font-weight: 500;
    flex-shrink: 0;
  }
  
  .hotline {
    display: inline-block;
    background: linear-gradient(to right, #ff4d4d, #ff1a1a);
    color: white;
    padding: 8px 15px;
    border-radius: 30px;
    margin: 15px 0;
	  font-size: 18px;
    font-weight: 600;
    box-shadow: 0 4px 10px rgba(255, 0, 0, 0.2);
  }
  
  .branch-office {
    background: rgba(2, 86, 180, 0.08);
    padding: 20px;
    border-radius: 10px;
    margin-top: 25px;
    border-left: 3px solid #0256b4;
  }
  
  .branch-title {
    font-size: 1.4em;
    color: #333;
    margin-bottom: 12px;
    font-weight: 600;
  }
  
  .management-container {
            width: 100%;
            background: white;
            border-radius: 16px;
            box-shadow: 0 12px 30px rgba(2, 86, 180, 0.15);
            overflow: hidden;
        }
        
        .header {
            background: linear-gradient(120deg, #0257b4 0%, #0288d1 100%);
            color: white;
            padding: 35px 40px;
            text-align: center;
        }
        
        .header h1 {
            font-size: 24px;
			margin-bottom: 10px;
			font-weight: 450;
			letter-spacing: 1px;
        }
        
        .header p {
            font-size: 16px;
            opacity: 0.9;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.6;
        }
        
        .process-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 25px;
            padding: 40px;
        }
        
        .process-card {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
            padding: 20px;
            transition: all 0.3s ease;
            border: 1px solid #eaeaea;
            position: relative;
            overflow: hidden;
        }
        
        .process-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 25px rgba(2, 86, 180, 0.15);
            border-color: #d1e3f8;
        }
        
        .card-header {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            position: relative;
            z-index: 2;
        }
        
        .card-icon {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            font-size: 24px;
            color: #0257b4;
        }
        
        #article .card-title {
            font-size: 22px;
            font-weight: 450;
            color: #0257b4;
        }
        
        .card-content {
            font-size: 16px;
            color: #444;
            position: relative;
            z-index: 2;
        }
        
        .card-content strong {
            color: #0288d1;
        }
        
        .process-card:nth-child(1) .card-icon { background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%); color: #2e7d32; }
        .process-card:nth-child(2) .card-icon { background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%); color: #ef6c00; }
        .process-card:nth-child(3) .card-icon { background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%); color: #1565c0; }
        .process-card:nth-child(4) .card-icon { background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%); color: #7b1fa2; }
        .process-card:nth-child(5) .card-icon { background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%); color: #00838f; }
        
        .image-section {
            padding: 0 40px 40px;
            text-align: center;
        }
        
        .management-image {
            width: 100%;
            max-width: 1340px;
            height: auto;
			margin: 0 auto;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            border: 1px solid #eaeaea;
        }
        
        .image-caption {
            margin-top: 15px;
            font-size: 0.95rem;
            color: #666;
            font-style: italic;
        }
        
        
        
        .process-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(240,248,255,0.9) 100%);
            z-index: 1;
        }
        
        .process-card::after {
            content: "";
            position: absolute;
            bottom: 0;
            right: 0;
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #0257b4 0%, #0288d1 100%);
            clip-path: polygon(100% 0, 0% 100%, 100% 100%);
            opacity: 0.1;
            transition: all 0.3s ease;
        }
        
        .process-card:hover::after {
            width: 80px;
            height: 80px;
            opacity: 0.15;
        }

		.communication-container {
            width: 100%;
            background: white;
            border-radius: 20px;
            box-shadow: 0 15px 40px rgba(0, 82, 204, 0.15);
            overflow: hidden;
            position: relative;
        }
        
        .hero-section {
            background: linear-gradient(120deg, #0052cc 0%, #0066ff 100%);
            color: white;
            padding: 60px 50px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .hero-title {
            font-size: 24px;
			margin-bottom: 20px;
			font-weight: 450;
            letter-spacing: 0.5px;
            position: relative;
            z-index: 2;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
        }
        
        .hero-subtitle {
            font-size: 16px;
            max-width: 800px;
            margin: 0 auto 30px;
            line-height: 1.7;
            opacity: 0.95;
            position: relative;
            z-index: 2;
            font-weight: 300;
        }
        
        .hero-image {
            border-radius: 15px;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
            z-index: 1;
			overflow: hidden;
            border: 5px solid rgba(255, 255, 255, 0.3);
			 background: #fff;
        }
		.hero-image img{
			width: 100%;
		}
        
        .communication-principles {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            padding: 60px 50px;
        }
        
        .principle-card {
            background: #fff;
            border-radius: 15px;
            padding: 35px 30px;
            box-shadow: 0 8px 25px rgba(0, 82, 204, 0.1);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            border: 1px solid #e6f0ff;
        }
        
        .principle-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 82, 204, 0.2);
            border-color: #b3d1ff;
        }
        
        .principle-icon {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: linear-gradient(135deg, #e6f7ff 0%, #cce6ff 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
            font-size: 32px;
            color: #0052cc;
        }
        
        .principle-title {
            font-size: 1.8rem;
            font-weight: 700;
            color: #0052cc;
            text-align: center;
            margin-bottom: 20px;
        }
        
        .principle-content {
            font-size: 1.15rem;
            line-height: 1.8;
            color: #444;
            text-align: center;
        }
        
        .principle-card:nth-child(1) .principle-icon { background: linear-gradient(135deg, #ffe6f2 0%, #ffcce6 100%); color: #cc0066; }
        .principle-card:nth-child(2) .principle-icon { background: linear-gradient(135deg, #e6ffe6 0%, #ccffcc 100%); color: #009933; }
        .principle-card:nth-child(3) .principle-icon { background: linear-gradient(135deg, #ffffe6 0%, #ffffcc 100%); color: #cc9900; }
        .principle-card:nth-child(4) .principle-icon { background: linear-gradient(135deg, #f2e6ff 0%, #e6ccff 100%); color: #6600cc; }
        .principle-card:nth-child(5) .principle-icon { background: linear-gradient(135deg, #ffe6cc 0%, #ffd9b3 100%); color: #cc5200; }
        
        .highlight-section {
            background: linear-gradient(135deg, #f0f9ff 0%, #e6f5ff 100%);
            padding: 50px;
            text-align: center;
            border-top: 2px dashed #b3d1ff;
            border-bottom: 2px dashed #b3d1ff;
        }
        
        .highlight-title {
            font-size: 2.2rem;
            color: #0052cc;
            margin-bottom: 30px;
            font-weight: 700;
        }
        
        .highlight-content {
            font-size: 1.4rem;
            line-height: 1.8;
            color: #0066cc;
            max-width: 900px;
            margin: 0 auto;
            background: rgba(255, 255, 255, 0.7);
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0, 82, 204, 0.1);
            border-left: 5px solid #0052cc;
        }
        
        .footer {
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 1.1rem;
            background: #f9fbff;
        }
        
        @media (max-width: 992px) {
            
            .hero-image {
                position: relative;
                width: 100%;
                max-width: 400px;
                height: 250px;
                margin: 30px auto 0;
                right: 0;
            }
            
            .communication-principles {
                padding: 40px 30px;
            }
            
            .highlight-section {
                padding: 40px 30px;
            }
            
            .highlight-content {
                font-size: 1.2rem;
                padding: 20px;
            }
        }
        
        @media (max-width: 768px) {
			.hero-section {
				padding: 20px 20px;
			}
            .principle-card {
                padding: 30px 20px;
            }
			.hero-subtitle {
				font-size: 14px;
			}
			.hero-title {
				font-size: 14px;
			}
            
        }
        
        .principle-card::after {
            content: "";
            position: absolute;
            bottom: 0;
            right: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 40px 40px;
            border-color: transparent transparent #0052cc transparent;
            opacity: 0.1;
            transition: all 0.3s ease;
        }
        
        .principle-card:hover::after {
            border-width: 0 0 60px 60px;
            opacity: 0.15;
        }
		
		 /* 金属质感头部 */
        .metal-header {
            background: 
                linear-gradient(135deg, #2c3e50 0%, #1a2530 100%),
                url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="%230d1a26"/><path d="M0 50 L100 50 M50 0 L50 100" stroke="%23394d66" stroke-width="1"/></svg>');
            color: white;
            padding: 80px 0 60px;
            text-align: center;
            position: relative;
            overflow: hidden;
            margin-bottom: 60px;
            border-bottom: 4px solid #0085ff;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }
        
        .metal-header::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(90deg, #0085ff, #00c6ff);
        }
        
        .company-title {
            font-size: 3.2rem;
            margin-bottom: 20px;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
            letter-spacing: 1px;
            background: linear-gradient(to right, #e6f7ff, #ffffff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            position: relative;
            display: inline-block;
        }
        
        .company-subtitle {
            font-size: 1.4rem;
            max-width: 800px;
            margin: 0 auto 30px;
            opacity: 0.9;
            font-weight: 300;
        }
        
        .location-tag {
            display: inline-flex;
            align-items: center;
            background: rgba(0, 133, 255, 0.2);
            backdrop-filter: blur(5px);
            border: 1px solid rgba(0, 133, 255, 0.3);
            padding: 10px 25px;
            border-radius: 30px;
            font-size: 1.1rem;
            margin-top: 20px;
        }
        
        /* 内容区块 */
        .content-section {
            background: white;
            border-radius: 15px;
            padding: 50px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
            position: relative;
            overflow: hidden;
            border: 1px solid #e1e8f0;
        }
        
        .content-section::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 8px;
            height: 100%;
            background: linear-gradient(to bottom, #004a9e, #0085ff);
        }
        
        .section-title {
            font-size:  24px;
			font-weight: 450;
            color: #004a9e;
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 2px solid #e6f0ff;
            position: relative;
        }
        
        .section-title::after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 120px;
            height: 3px;
            background: linear-gradient(90deg, #004a9e, #0085ff);
        }
        
        /* 图文内容 */
        .content-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
            margin-bottom: 40px;
        }
        
        .content-text p {
            margin-bottom: 25px;
            position: relative;
            padding-left: 25px;
            font-size: 16px;
        }
        
        .content-text p::before {
            content: "";
            position: absolute;
            left: 0;
            top: 12px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #0085ff;
        }
        
        .content-image {
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
            border: 5px solid white;
            height: 350px;
            background: url('/uploadfile/about_01.jpg') center/cover;
        }
        
        /* 产品应用 */
        .applications-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            margin: 40px 0;
        }
        
        .app-badge {
            background: linear-gradient(135deg, #f0f7ff 0%, #e6f0ff 100%);
            border-radius: 10px;
            padding: 15px;
            text-align: center;
            font-weight: 450;
            color: #004a9e;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            border: 1px solid #d0e4ff;
            transition: all 0.3s ease;
        }
        
        .app-badge:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 82, 204, 0.15);
            background: linear-gradient(135deg, #e6f0ff 0%, #d0e4ff 100%);
        }
        
        /* 设备展示 */
        .equipment-section {
            background: linear-gradient(135deg, #f9fbff 0%, #f0f7ff 100%);
            padding: 40px;
            border-radius: 12px;
            margin: 40px 0;
            position: relative;
            overflow: hidden;
            border: 1px solid #e1e8f0;
        }
        
        .equipment-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .equipment-card {
            display: flex;
            align-items: flex-start;
            background: white;
            border-radius: 10px;
            padding: 10px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }
        
        .equipment-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 30px rgba(0, 82, 204, 0.15);
        }
        
        .equipment-icon {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #e6f0ff 0%, #d0e4ff 100%);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px;
            flex-shrink: 0;
            font-size: 24px;
            color: #004a9e;
        }
        
        .equipment-text h3 {
           font-size: 20px;
			font-weight: 450;
            color: #333;
            margin-bottom: 0px;
        }
        
        /* 图片展示 */
        .image-showcase {
            margin: 50px 0 0;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
        }
        
        .showcase-image {
            border-radius: 12px;
            overflow: hidden;
            /*height: 250px;*/
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            position: relative;
        }
        
        .showcase-image::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 40%;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
        }
        
        .showcase-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .showcase-image:hover img {
            transform: scale(1.05);
        }
        
        .image-caption {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 15px;
            color: white;
            z-index: 2;
            font-weight: 500;
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .content-grid {
                grid-template-columns: 1fr;
				margin-bottom: 20px;
            }
            
            .content-image {
                height: 300px;
                order: -1;
            }
            
            .company-title {
                font-size: 2.5rem;
            }
        }
        
        @media (max-width: 768px) {
            
            .company-title {
                font-size: 2rem;
            }
            
            .company-subtitle {
                font-size: 1.1rem;
            }
            
            .content-section {
                padding: 20px 20px;
            }
			
			.content-text p {
    margin-bottom: 25px;
    position: relative;
    padding-left: 25px;
    font-size: 14px;
}
            
            .section-title {
                margin-bottom: 20px;
            }
			
			.applications-grid {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 20px;
    margin: 40px 0;
}

.equipment-section {
    padding: 20px;
    border-radius: 12px;
    margin: 40px 0;
}

.equipment-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}
.equipment-text h3 {
    font-size: 16px;
}

        }
        
        /* 动画效果 */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .content-section, .app-badge, .equipment-card, .showcase-image {
            animation: fadeInUp 0.6s ease-out forwards;
        }

.highlight {
            background: linear-gradient(120deg, #e6f7ff, #d1e8ff);
            padding: 3px 8px;
            border-radius: 4px;
            font-weight: 600;
        }
        
        /* 销售流程阶段 */
        .sales-process {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-bottom: 60px;
        }
        
        .process-card {
            background: white;
            border-radius: 15px;
            padding: 40px 30px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            border: 1px solid #e1e8f0;
        }
        
        .process-card.presales {
            border-top: 5px solid #0085ff;
            transform: scale(1.05);
            z-index: 2;
            box-shadow: 0 15px 40px rgba(0, 133, 255, 0.2);
        }
        
        .process-card.midsales {
            border-top: 5px solid #00c6ff;
        }
        
        .process-card.aftersales {
            border-top: 5px solid #00d9a5;
        }
        
        .process-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }
        
        .card-header {
            display: flex;
            align-items: center;
            margin-bottom: 25px;
        }
        
        .card-icon {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px;
            font-size: 28px;
            flex-shrink: 0;
        }
        
        .presales .card-icon {
            background: linear-gradient(135deg, #e6f7ff 0%, #cce6ff 100%);
            color: #0085ff;
        }
        
        .midsales .card-icon {
            background: linear-gradient(135deg, #e6ffff 0%, #ccf7ff 100%);
            color: #00c6ff;
        }
        
        .aftersales .card-icon {
            background: linear-gradient(135deg, #e6fff7 0%, #ccffe6 100%);
            color: #00d9a5;
        }
        
        .card-title {
            font-size: 1.8rem;
            font-weight: 700;
            color: #004a9e;
        }
        
        .card-content {
            margin-bottom: 25px;
            font-size: 16px;
            color: #555;
        }
        
        .card-content p {
            margin-bottom: 15px;
        }
        
        /* 丁一企业案例 */
        .case-study {
            background: linear-gradient(135deg, #f9fbff 0%, #f0f7ff 100%);
            border-radius: 15px;
            padding: 50px;
            margin: 60px 0;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
            position: relative;
            overflow: hidden;
            border: 1px solid #d0e4ff;
        }
        
        .case-study::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 8px;
            height: 100%;
            background: linear-gradient(to bottom, #0085ff, #00c6ff);
        }
        
        .case-text h2 {
            font-size: 36px;
			font-weight: 450;
            color: #004a9e;
            margin-bottom: 25px;
        }
        
        .case-text p {
            font-size: 16px;
            margin-bottom: 20px;
            position: relative;
            padding-left: 25px;
        }
        
        .case-text p::before {
            content: "";
            position: absolute;
            left: 0;
            top: 12px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #0085ff;
        }
        
        .case-image {
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
            height: 350px;
            background: url('/uploadfile/2018/1230/20181230095525295.jpg') center/cover;
        }
        
        /* 重要性强调 */
        .importance-section {
            background: linear-gradient(135deg, #004a9e 0%, #003a7a 100%);
            color: white;
            border-radius: 15px;
            padding: 60px;
            text-align: center;
            margin: 60px 0;
            position: relative;
            overflow: hidden;
        }
        
        .importance-section::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(90deg, #00c6ff, #00d9a5);
        }
        
        .importance-section h2 {
            font-size: 36px;
			font-weight: 450;
            margin-bottom: 30px;
            color: white;
        }
        
        .importance-content {
            max-width: 800px;
            margin: 0 auto;
            font-size: 16px;
            line-height: 1.9;
        }
		.process-card, .case-study, .importance-section {
            animation: fadeInUp 0.6s ease-out forwards;
        }
        
        .process-card.presales {
            animation-delay: 0.2s;
        }
        
        .process-card.midsales {
            animation-delay: 0.4s;
        }
        
        .process-card.aftersales {
            animation-delay: 0.6s;
        }


/* 工业领域展示 */
        .industries-section {
            backdrop-filter: blur(10px);
            border-radius: 20px;
            padding: 50px;
            margin-bottom: 60px;
            border: 1px solid rgba(64, 120, 192, 0.3);
            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);
        }
        
        .section-title {
            margin-bottom: 50px;
            position: relative;
        }
		
		@media (max-width: 768px){
		.section-title {
			margin-bottom: 20px;
		}
		}      
        .section-title h2 {
            font-size: 24px;
			font-weight: 450;
            color: #4facfe;
            display: inline-block;
            padding-bottom: 15px;
        }
        
        .industries-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-bottom: 50px;
        }
        
        .industry-card {
            border-radius: 15px;
            padding: 30px;
            text-align: center;
            transition: all 0.4s ease;
            border: 1px solid rgba(64, 120, 192, 0.2);
            position: relative;
            overflow: hidden;
        }
        
        .industry-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg, #4facfe, #00f2fe);
        }
        
        .industry-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
            border-color: rgba(79, 172, 254, 0.5);
        }
        
        .industry-icon {
            width: 90px;
            height: 90px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
            font-size: 36px;
            color: #4facfe;
            border: 2px solid rgba(79, 172, 254, 0.3);
        }
        
        .industry-card h3 {
            font-size: 18px;
    font-weight: 450;
    margin-bottom: 15px;
    color: #0978ca;
        }
        
        .industry-card p {
            color: #333;
            font-size: 16px;
        }
        
        /* 图片展示 */
        .image-showcase {
            position: relative;
            border-radius: 15px;
            overflow: hidden;
            margin: 60px 0;
        }
        
        .image-showcase img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.8s ease;
        }
        
        .image-showcase:hover img {
            transform: scale(1.05);
        }
        
        .image-caption {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 30px;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
            color: white;
            font-size: 1.3rem;
            text-align: center;
        }
        
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .industries-grid {
                gap: 20px;
				margin-bottom: 20px;
            }
            
            .industries-section {
				padding: 20px;
				margin-bottom: 30px;
			}
            
        }
        
        @media (max-width: 768px) {

            #article .section-title h2 {
				font-size: 16px;
				padding: 0;
			}
            
            .industry-card {
                padding: 25px 20px;
            }
            
            .industry-icon {
                width: 70px;
                height: 70px;
                font-size: 28px;
            }
            
            .image-showcase {
                margin: 20px 0;
				grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            }
        }
        
        /* 动画效果 */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .industry-card, .image-showcase {
            animation: fadeInUp 0.6s ease-out forwards;
        }
        
        .industry-card:nth-child(2) { animation-delay: 0.1s; }
        .industry-card:nth-child(3) { animation-delay: 0.2s; }
        .industry-card:nth-child(4) { animation-delay: 0.3s; }
        .industry-card:nth-child(5) { animation-delay: 0.4s; }
        .industry-card:nth-child(6) { animation-delay: 0.5s; }
        .industry-card:nth-child(7) { animation-delay: 0.6s; }
        .industry-card:nth-child(8) { animation-delay: 0.7s; }
        .industry-card:nth-child(9) { animation-delay: 0.8s; }
        .industry-card:nth-child(10) { animation-delay: 0.9s; }


@media (max-width: 768px) {
            .header {
                padding: 25px 20px;
            }
            
            .header h1 {
                font-size: 18px;
            }
			
			.header p {
                font-size: 14px;
            }
            
			.process-card {
				padding: 20px;
			}
			
            .process-container {
                padding: 25px 20px;
                grid-template-columns: 1fr;
            }
            
            .image-section {
                padding: 0 20px 30px;
            }
			.card-icon {
				width: 45px;
				height: 45px;
				margin-right: 20px;
				font-size: 18px;
			}
			#article .card-title {
				font-size: 18px;
			}
			.card-content {
				margin-bottom: 0px;
				font-size: 14px;;
			}
        }
.b_cont{
	background:url(../images/b_cont.jpg) no-repeat center center;
	text-align: center;
	color: #fff;
	padding: 60px;
}
.b_cont h2{
	    font-size: 36px;
}
.b_cont a{
	  display: block;
    width: 230px;
    line-height: 60px;
    color: #fff;
    margin: 0 auto;
    margin-top: 60px;
    background: #1570b1;
    border-radius: 30px;
}

.workshopimg{
	display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}
.workshopimg .plantli{
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.workshopimg .plantli:nth-child(4n+3){
	margin-right: 0%;
}
.workshopimg .plantli img{
	width: 100%;
}
.workshopimg .plantli p{
	text-align: center;
    margin-top: 10px;
}

.workshopimg .plantli:nth-child(1){
	width: 32%;
}
.workshopimg .plantli:nth-child(2){
	width: 32%;
}
.workshopimg .plantli:nth-child(3){
	width: 32%;
}


.honor_c{
	padding: 60px 0;
}
.honor_c h2{
	font-size: 36px;
}

.honor_r{
	margin-top: 30px;
}

.honor_r ul{
	display: flex;
    flex-wrap: wrap;
}
.honor_r ul li{
	width: 19.2%;
    box-sizing: border-box;
	margin-right: 1%;
	margin-bottom: 30px;
}
.honor_r ul li:nth-child(5n){
	margin-right: 0%;
}
.honor_r ul li p{
	text-align: center;
    line-height: 30px;
    padding-top: 10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.honor_r ul li .honorimg{
	height: 355px;
	max-height: 355px;
	padding: 5px;
    box-sizing: border-box;
	/*background: #f0f2f7;*/
    border: 1px solid rgba(0,0,0,0.1);
	display: flex;
    align-items: center;
    justify-content: center;
	overflow: hidden;
	border-radius: 10px;
}
.honor_r ul li img {
    max-width: 100%;
    max-height: 100%;
}

.pp_rman{
	padding: 60px 0;
}

#m_right_t{
	width: 100%;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	align-items: flex-start;
}

.allcontent{
	
}
.allcontent .wrapper{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.allcontent .product_l{
	width: 23%;
	padding: 90px 0;
}

.allcontent .product_l h2 {
    font-size: 24px;
    line-height: 80px;
    font-weight: 450;
    color: #fff;
    text-transform: uppercase;
    padding: 0 30px;
    background: #e5882c;
    border-radius: 5px 5px 0 0;
}

.allcontent .product_r{
	width: 70%;
    margin: 90px auto;
}

.m_pro_nav{
	width: 100%;
    margin: 0 auto;
    margin-right: 0;
}
.m_pro_nav ul {
	box-sizing: border-box;
    background: #f7f7f7;
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
}
.m_pro_nav li {
    width: 100%;
	 padding: 0 30px;
    box-sizing: border-box;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.m_pro_nav li:hover{
	
}

.m_pro_nav li.on{
	
}
.m_pro_nav li.on .menu-li a{
	color: #0978ca;
}



.m_pro_nav #myform{
	position: relative;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 30px;
}
.m_pro_nav button {
	width: 30px;
	border: none;
}
.m_pro_nav button img{
	width: 100%;
}
.m_pro_nav input {
    border: none;
    outline-style: none;
    width: 90%;
    height: 40px;
    line-height: 40px;
    box-shadow: none;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    padding: 0;
	background: none;
}

.prod_p{
    width: 100%;
    margin: 0 auto;
	margin-bottom: 30px;
}
.prod_p h3{
	display: flex;
    align-items: center;
    font-weight: 450;
}
.prod_p h3 img{
	margin-right: 5px;
}

.prod_p ul{
	display: flex;
    flex-wrap: wrap;
}
.prod_p ul li{
	margin-right: 1%;
}

.prod_p ul li:nth-child(3n){
	margin-right: 0px;
}

.prod_p figcaption {
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    padding: 0 10px;
    padding-bottom: 30px;
}
.prod_p .p2 {
    width: 32%;
    margin-bottom: 25px;
	margin-right: 2%;
    list-style: none;
	
} 

.prod_p .p2 img{
	    max-width: 100%;
	margin: 0 auto;
		max-height: 313px;
}




.prod_p .p2 p{
	text-align: center;
}

.porimg{
	/*background: url(../images/por_bg.png) no-repeat ;height: 400px;*/
	height: 315px;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
	border: 1px solid rgba(0,0,0,0.1);
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}


.m_pro_nav .recommend a:last-child li{
  margin-bottom: 0;
}
.m_pro_nav li .menu-li {
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: all ease-out 0.3s;
}
@media (max-width: 1580px) {
.m_pro_nav li .menu-li {
    height: 40px;
  }
}
@media (max-width: 767px) {
.m_pro_nav li .menu-li {
    height: 60px;
  }
}
.m_pro_nav li .menu-li a {
	width: 100%;
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
  font-size: 20px;
  color: #333;
  line-height: 34px;
  transition: all ease-out 0.3s;
}
@media (max-width: 1580px) {
.m_pro_nav li .menu-li a {
    font-size: 16px;
  }
}
.m_pro_nav li .menu-li span {
  width: 14px;
  height: 14px;
  display: flex;
  position: relative;
  cursor: pointer;
}
.m_pro_nav li .menu-li span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all ease-out 0.3s;
}
.m_pro_nav li .menu-li span img:nth-child(2) {
  position: absolute;
  top: 0;
  z-index: 2;
  opacity: 0;
}
.m_pro_nav li .menu-li span:after,
.m_pro_nav li .menu-li span:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -1px;
  margin-left: -10px;
  width: 100%;
  height: 2px;
  background-color: #333;
}
.m_pro_nav li .menu-li span:before {
  transform: rotate(90deg);
}
.m_pro_nav li .menu-li:hover,
.m_pro_nav li .menu-li.on {
  color: #e5882c;
}
.m_pro_nav li .menu-li:hover a,
.m_pro_nav li .menu-li.on a {
  color: #e5882c;
}
.m_pro_nav li .menu-li.on i{
  transform: rotate(90deg);
}
.m_pro_nav li .menu-li:hover span img:nth-child(1),
.m_pro_nav li .menu-li.on span img:nth-child(1) {
  opacity: 0;
}
.m_pro_nav li .menu-li:hover span img:nth-child(2),
.m_pro_nav li .menu-li.on span img:nth-child(2) {
  opacity: 1;
}
.m_pro_nav li .menu-li:hover span:before,
.m_pro_nav li .menu-li.on span:before {
  opacity: 0;
}
.m_pro_nav li .menu-li:hover span:after,
.m_pro_nav li .menu-li.on span:after {
  color: #1570b1;
}
.m_pro_nav li .s-menu {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  display: none;
}
.m_pro_nav li .s-menu.on {
  display: block;
}
.m_pro_nav li .s-menu a {
  width: 90%;
  line-height: 40px;
  color: #333;
  display: flex;
  align-items: center;
  text-indent: 1em;
  position: relative;
  transition: all ease-out 0.3s;
}
@media (max-width: 1580px) {
.m_pro_nav li .s-menu a {

  }
}
.m_pro_nav li .s-menu a:last-child {
  margin-bottom: 0;
}
.m_pro_nav li .s-menu a i {
  content: '';
  width: 6px;
  line-height: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease-out 0.3s;
}
.m_pro_nav li .s-menu a i img,
.m_pro_nav li .s-menu a i svg {
  width: 100%;
}
.m_pro_nav li .s-menu a i img path,
.m_pro_nav li .s-menu a i svg path {
  fill: #999999;
}
.m_pro_nav li .s-menu a:hover,
.m_pro_nav li .s-menu a.on {
  color: #0978ca;
}
.m_pro_nav li .s-menu a:hover i img path,
.m_pro_nav li .s-menu a.on i img path,
.m_pro_nav li .s-menu a:hover i svg path,
.m_pro_nav li .s-menu a.on i svg path {
  fill: #0978ca;
}


.m_pro_nav .suspension h2{
	height: 70px;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    align-items: center;
	padding: 0 20px;
	font-weight: 500;
}
.m_pro_nav h2 img{
	max-width: 20px;
}

.suspension .chname {
    background: url(../images/ss.png) no-repeat center right 15px;
    background-size: 24px;
    border: none;
    outline-style: none;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-shadow: none;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    padding: 0;
	margin-bottom: 30px;
}

.recommend{
	margin-top: 30px;
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.1);
}
.recommend h2{
	
}
.recommend ul{
	margin-top: 20px;
}
.recommend ul li{
	padding: 0;
    border: none;
	margin-bottom: 20px;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.recommend ul li img{
	 width: 46%;
	 object-fit: cover;
    max-height: 80px;
}
.recommend ul li .recr{
	width: 48%;
}
.recommend ul li h3{
	font-size: 16px;
    font-weight: 600;
}
.recommend ul li :hover h3 {
    color: #1570b1;
}
.recommend ul li p{
	font-size: 14px;
}
.recommend ul li span{
	display: block;
    width: 50px;
    height: 2px;
    background: #1570b1;
    margin-top: 10px;
}
.products_p{
    padding: 90px 0;
}
.product_p{
	width: 100%;
   
}



.view_bj {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	 background: #fff;
}
.custom-container{
	width: 45%;
}
.imgview {
    width: 100%;
    margin: 0px auto 0px;
    text-align: center;
   border: 1px solid rgba(0,0,0,0.1);
    background-size: cover;
   border-radius: 0px;
   position: relative;
}
.imgview img {
   width: 100%;
    max-width: 100%;
    max-height: 600px;
    margin: auto;
    display: block;
}

.view_content{font-size:16px; line-height:30px;margin-top: 75px;border: 1px solid rgba(0,0,0,0.1);}
.content_vh{
	line-height: 100px;
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    background-color: #1570b1;
    padding-left: 40px;
	margin-bottom: 20px;
}
.contebox{
	margin-bottom: 30px;
}
.contenav{
	display: flex;
    flex-wrap: wrap;
	background: #f7f7f7;
    line-height: 50px;
}
.conteli{
	width: 230px;
    text-align: center;
	cursor: pointer;
}
.conteli:hover{
	background: #074992;
    color: #fff;
}

.conteli.on{
	background: #074992;
    color: #fff;
}
.contemsg{
	padding: 30px;
	display: none;
}

.view_content td{padding:10px 10px 10px 20px;}
.p_content{padding:0px 30px 30px;}
.proform{
	padding: 45px;
	margin-top: 30px;
   background: #f7f7f7;
}

.proform p{
	text-align: center;
    margin-bottom: 20px;
}

.proform form{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.proform input{
	width: 48%;
    height: 45px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
	background: #fbfbfb;
    padding: 0 10px;
	margin-bottom: 20px;
}
.proform textarea{
	background: #fbfbfb;
    padding: 10px;
    font-family: auto;
	margin-bottom: 20px;
    width: 100%;
    height: 200px;
    border-radius: 5px;
	border: 1px solid #dcdcdc;
}

.proform .submit{
	width: 100%;
    color: #fff;
    margin: 0;
    background: #0978ca;
}
.conte_view {
    width: 50%;
	margin-top: 30px;
}
.title_msg{
	
}
.title_view {
   font-size: 28px;
    line-height: 40px;
    font-weight: 450;
}
.title_fl_view {
    font-size: 16px;
    color: #6d6d6d;
    margin-bottom: 0px;
}

.pro_info{
	margin-top: 20px;
}

.view_Toggle{
	
}
.m_pro_prev, .m_pro_next{width: 105px;text-align:center; background-color: #1570b1; font-size:16px; height:35px; line-height:35px;}
.m_pro_next{ text-align:center; margin:5px 0 0 0; background-color: #1570b1; }
.m_pro_prev a, .m_pro_next a{
	color: #fff; 
}
.view_bh {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    background: url(../images/view_ht.png) no-repeat #f0f0f0;
    text-indent: 30px;
}

.tei_img{ display:block; margin:auto; text-align:center;}
.tei_img img{margin-top:40px;}

.p_back{
	width: 100px;
    text-align: center;
    background-color: #11167c;
    margin-top: 20px;
    float: right;
}
.p_back a{
    color: #fff;
}
.Relatedpic{
	     margin-top: 30px;
    background: #fff;
    padding: 30px 0px 30px;
}

.Relatedpic h2 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 30px;
    line-height: 48px;
    font-weight: 450;
}
.Relatedpic .picList{
	 display: flex;
    flex-wrap: wrap;
}
.Relatedpic .por_xl{
	width: 100%;
	margin-right: 0%;
	margin-bottom: 0;
}
.Relatedpic .owl-carousel .por_xl img{
	    height: 240px;
		width: auto;
}
.picList .owl-stage-outer{
	overflow: hidden;
}
.rli_p {
    position: relative;
    width: 32%;
	text-align:center;
	font-size: 16px;
    margin-bottom: 20px;
    margin-right: 2%;
}
.rli_p:nth-child(3n){
	margin-right: 0%;
}
.rli_p img{
	display: block;
    width: 100%;
	max-height: 250px;
    object-fit: cover;
}
.rli_p .li_p_t{
	line-height: 40px;
}

.porcate{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pornav{
	width: 27%;
}
.pornav h3{
	margin-bottom: 30px;
}
.pornav .menu-li{
	background-color: #f2f2f2;
    line-height: 80px;
    padding: 0 25px;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.pornav .s-menu{
	display: none;
}
.pornav ul li:nth-child(1) .s-menu {
    display: block;
}
.pornav .s-menu a{
	display: flex;
    line-height: 60px;
    flex-wrap: wrap;
    justify-content: space-between;
	padding: 0 25px;
	border-bottom: 1px solid #e5e5e5;
	align-items: center;
}
.pornav .s-menu i{
    background: none;
}
.pornav .s-menu .ion i{
	width: 20px;
    height: 9px;
    background: linear-gradient( to bottom, #000 0% 33.33%, #ff0000 33.33% 66.66%, #ffd700 66.66% 100% );
}

.pornav li span{
	width: 14px;
    height: 14px;
    display: flex;
    position: relative;
    cursor: pointer;
	margin-left: 10px;
}
.pornav li span:after,
.pornav li span:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -1px;
  margin-left: -10px;
  width: 100%;
  height: 2px;
  background-color: #333;
}
.pornav li span:before {
  transform: rotate(90deg);
}
.pornav li:hover span:before,
.pornav .menu-li.on span:before {
  opacity: 0;
}
.pornav li:hover span:after,
.pornav .menu-li.on span:after {
      background-color: #333;
}

#BannerBlocks{color:#fff;overflow:hidden;padding-top: 20px;}
#BannerBlocks .alignMiddle{height:inherit}
#BannerBlocks .alignMiddle .alignMiddleContent{vertical-align:middle;display:inline-block;width:100%}
#BannerBlocks .alignMiddle .helper{height:inherit;vertical-align:middle;display:inline-block}
#BannerBlocks .title{font-size:24px;line-height:22px;width:80%;text-align:center;margin:auto;margin-bottom:5px;font-family:"arial";text-transform:uppercase;letter-spacing:inherit;color:inherit;font-weight:normal}
#BannerBlocks .subTitle{font-size:13px;line-height:13px;width:80%;text-align:center;margin:auto;margin-bottom:45px;font-family:"arial"}
#BannerBlocks .blocks .items{margin:0 0;position: relative;width: 100%;}
#BannerBlocks .slick-track{display: flex; flex-wrap: wrap;}
#BannerBlocks .block{width:100px;position:relative;z-index:5;margin:0 1%;transition: all .2s ease;/* transform:skew(-9deg); */overflow:hidden}
#BannerBlocks .block.item1{right:-6.666%}
#BannerBlocks .block.item3{left:-6.666%}
#BannerBlocks .block .blockInner{display:block;text-align: center;}
#BannerBlocks .block .blockInner span{color: #999999;}
#BannerBlocks .block .textContainer{display:inline-block;float:right;margin-right:-5px;margin-top:400px;height:50px;padding:0 15px;background-color:#fff;/*transform:skew(9deg)*/}
#BannerBlocks .block .textContainer .blockTitle{line-height:50px;font-family:"arial";text-transform:uppercase;font-size:16px;color:#000;letter-spacing:-1px}
#BannerBlocks .block .blockInner .imageWrapper{overflow:hidden}
#BannerBlocks .block .blockInner .image .overlay.on{background-color:rgba(0,0,0,.4)}
#BannerBlocks .block .blockInner .image .overlay{position:absolute;top:0;left:57px;right:58px;bottom:0}
#BannerBlocks .block .blockInner .image{position:relative;height:450px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);background-size:cover;background-repeat:no-repeat;background-position:center;transition:transform 3s;-webkit-transition:-webkit-transform 3s;-moz-transition:-moz-transform 3s;-ms-transition:-ms-transform 3s}
#BannerBlocks .block .blockInner .text .title{font-size:31px;margin:0;text-align:left;line-height:36px;padding-bottom:15px}
#BannerBlocks .block .blockInner .text{min-height:248px;padding:45px 40px;font-size:20px;color:#616161;line-height:22px;background:#fff}
#BannerBlocks .arrowOuter{z-index:999;position:absolute;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);width: 8px;  height: 24px;cursor:pointer}
#BannerBlocks .arrowOuter.prev{left:0px}
#BannerBlocks .arrowOuter.next{right:0px;background-image:url(../images/pjt2.png);}
#BannerBlocks .arrowOuter{text-align:center;background-image:url(../images/pjt1.png);background-repeat: no-repeat;opacity:1;}
#BannerBlocks .arrowOuter:hover{
	opacity: 1;
}
#BannerBlocks .indexTitle{
	text-align:center;
	margin-bottom: 90px;
}
#BannerBlocks .imageContainer{
	
}
#BannerBlocks img{
    width: 100%;
	display: block;
	box-sizing: border-box;
	
}

#BannerBlocks .items{
	display: flex;
    flex-wrap: wrap;
}

#BannerBlocks .items .block{
	border: 1px solid #d2d2d2;
	display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 20px;
}
#BannerBlocks .items .block img{
	width: auto;
    margin: 0 auto;
	max-width: 100%;
    max-height: 100px;
}
#BannerBlocks .items .current {
    border: 1px solid #323232;

}
/*产品列表1*/
.item_p img{width:100%;}
.li_pp_t{text-align:center; line-height:42px; height:42px; overflow:hidden; font-size:14px;}
.pfirst4, .pfirst8, .pfirst12, .pfirst16{ margin-right:0;}

.m_pro_info { padding:0px 0 0 0; font-size:0.875em; }
.m_pro_info .imgview {text-align:center;}
.m_pro_info .imgview img {max-width:800px; display:block; margin:0 auto;}
.title { height:75px; line-height:75px; color:#585656; font-size:30px; text-align:left; border-bottom:solid 0px #e3e3e3; margin:0px;}
.title span{font-size:18px; color:#ef871d;}
.m_pro_info .proTitle { height:33px; line-height:33px; background:url(../images/title_bg.jpg) repeat-x left top; margin-top:20px;}
.m_pro_info span.current {width:110px; height:33px; line-height:33px; display:block; background:url(../images/title_onbg.jpg) no-repeat left top; text-align:center; color:#d9210e;}
.m_pro_info .content {border-bottom:solid 0px #e3e3e3; padding:0em; line-height:30px;}
/*滚动*/
.other{ padding:28px 0;}
.about_htt{background:url(../images/view_ty.jpg) no-repeat 15px center #505050; height:40px; line-height:40px; position:relative; font-size:18px; color:#fff; margin-bottom:20px; text-indent:44px;}
.prev_vr, .next_vr{display:block; width:58px; height:20px; float:right; overflow:hidden; cursor:pointer; background: url(../images/prev_2.jpg) no-repeat; position:absolute; right:8px; top:10px; border:1px solid #737373;}
.prev_vr{background: url(../images/next_2.jpg) no-repeat;}
.next_vr{right:69px;}
.li_p{position:relative; width:287px; float:left; line-height:0; margin-top:0px; margin-right:20px; border:solid 1px #d4d4d4;}
.li_p img{width:100%;}
.pic_p .bd{ padding:0px; overflow: hidden;}
.pic_p .bd ul{ overflow:hidden; zoom:1; }
.pic_p .bd ul li{}
.pic_p .bd ul{}
.pic_p .bd ul li .pic{ text-align:center;}
.li_p_t{line-height:49px; text-align:center; color:#0f0f0f; font-size:18px; border-top: solid 1px #d4d4d4;}


.m_pro_menu{ width:100%; }

.procon{
	border-bottom: 2px solid rgba(0,0,0,0.1);
}

.content{
	font-size: 16px;
    line-height: 30px;
	padding: 60px 0;
    margin: 60px auto 0;
	border-top: 2px solid rgba(0,0,0,0.1);
	background-color:#fff; 
}
.content table{
	background-color:#fff; 
}
.content img{
	    max-width: 100%;
}
.pro_info img{
	max-width: 15px;
    max-height: 20px;
	margin-right: 10px;
}
.pro_info p {
    border-left: none;
    border-right: none;
    color: #e5882c;
	color: #333;
    font-size: 18px;
    margin-bottom: 10px;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.pro_info div {
    display: flex;
    margin-top: 30px;
}
.pro_info a {
	color: #fff;
    width: 150px;
    line-height: 40px;
	margin-right: 20px;
    text-align: center;
    background: #e5882c;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.view_2 img{margin: auto; display: block; width:100%;}
.other .bdsharebuttonbox{ float:right;}
.m_prev_back { text-align:right; padding-top:2em; height:2.14em; font-size:14px; }
.m_prev_back a { background-color:#222; font-size:1em; width:12em; height:2.94em; line-height:2.94em; text-align:center; color:#fff; display:block; float:right; }
.m_prev_back a:hover { text-decoration:none;}

.uplo_th{color:#0e647c; font-size:22px; line-height:40px; margin-top:20px;}
.uplo_img{text-align:center; width:100%;}
.uplo_img_l img{width:100%;}


/*百度分享*/
#share a{ width:26px; height:24px; line-height:24px; padding:0; margin:0 0 0 6px;}
#share a.bds_more{background:none; width:40px;}
#share a.bds_weixin{background:url(../images/fx_01.jpg) no-repeat left center;}
#share a.bds_tsina{background:url(../images/fx_02.jpg) no-repeat left center;}
#share a.bds_tqq{background:url(../images/fx_03.jpg) no-repeat left center;}
#share a.bds_bdhome{background:url(../images/fx_04.jpg) no-repeat left center;}
#share a.bds_qzone{background:url(../images/fx_05.jpg) no-repeat left center;}

.gbook1 { width:10%}
.gbook2 { width:50%; float:left; }
.gbook3, .gbook4 { width:20%; }
.mobieapp { border-left:solid 1px #ccc; border-top:solid 1px #ccc; }
.mobieapp li { width:24.87%; float:left; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:0.3em 0; text-indent:10px; }

#main_p{background: url(../images/img_bg.jpg) no-repeat center top; height:648px; padding-top:42px;}
.m_pro_list .bd{background-color:#FFF; border-radius:5px; margin-bottom:48px; padding:19% 10% 35.6%;}
.nofirst01{float:left;}
.nofirst02{float:right;}

.tqq{margin-bottom:-5px; margin-left:8px;}
.tal{margin-bottom:-7px; margin-left:8px;}
.ez{text-indent:4em;}

#hyly{margin-top:35px; margin-bottom:28px;}
#hyly .bd-box{ width:100%; overflow:hidden; float:left}
#hyly .bd-box li{ float:left; width:23.5%; height:120px; padding:0px 18px 20px 0px; overflow:hidden; position:relative; }
#hyly .bd-box li img{ width:100%; max-width:212px; height:120px; position:absolute; left:0px; top:0px; z-index:2; overflow:hidden;}
#hyly .bd-box li span{width:100%; height:120px; position:absolute; left:0px; top:38px; z-index:1; text-align:center; overflow:hidden; display:none;}
#hyly .bd-box li a{ width:100%; height:120px; position: relative; left:0px; top:0px; z-index:3; display:block; text-decoration:none; overflow:hidden;}

/*团队介绍*/
.team_img{background: url(../images/team_01.png) no-repeat center top; font-size:30px; color:#fff; width:164px; line-height:164px; float:left; text-align:center; font-weight: bold; margin:0 20px;}
.team_img_01{background: url(../images/team_02.png) no-repeat center top;}
.team_img_02{background: url(../images/team_03.png) no-repeat center top;}
.team_img_03{background: url(../images/team_04.png) no-repeat center top;}
.team_img span{font-size:20px; color:#0e647c; display:block; line-height:80px; }

/*企业文化*/
.corpor_the{font-size:24px; color:#000; text-align:center; font-weight: bold; margin-bottom:20px;}
.corpor_mti{margin-bottom:20px; height:116px;}
.corpor_img{padding:10px 0px; width:160px; line-height:28px; background-size:50% 100%; font-size:18px; margin:auto;}
.corpor_img span{ font-size:25px; line-height:40px; padding-top:20px;}
.corpor_mp{font-size:18px; padding-top:25px;}

/*合作伙伴*/
.hb_ht{text-align:center; font-size:30px; color:#212121; line-height:98px; margin-top:20px;}
.hb_him_m{border:1px solid #e5e5e5; border-bottom:none; border-right:none;}
.hb_him{border:1px solid #e5e5e5; border-top:none; border-left:none; width:272.67px; height:140px; float:left;}
.hb_him img{width:100%;}

/*发展目标*/
.Deve_it{font-size:25px; color: #31859c; text-align: center; font-weight: bold;}
.Deve_img{width:100%; max-width:505px; margin:auto;}
.Deve_img img{width:100%;}

/*发展规划*/
.Planning{background: url(../images/Planning.png) no-repeat center top; margin:auto; width:667px; height:622px; position:relative; margin-bottom:20px;}
.Planning_n{position:absolute; font-size:32px; color:#fff;}
.Planning_01{top:70px; right:296px;}
.Planning_02{top:400px; left:46px;}
.Planning_03{top:400px; right:46px;}
.Planning_ny{position:absolute; top:270px; left:158px; color:#000; font-size:32px; font-weight: bold;}
.Planning_y1{color:#b48967; font-size:32px; float:left; width:30%; border:3px dashed #bfbfbf; border-radius:20px; margin:0 1%; text-align:center; padding:20px 0;}
.Planning_y1 span{color:#404040; font-size:22px; display:block; line-height:30px;}
 

/*全球销售网络*/
.Global{width:100%; max-width:896px; margin:auto;}
.Global img{width:100%;}
.ditu{width:1000px;}


.cMore { font-size:0.875em; width:10.357em; height:3.214em; line-height:3.214em; background:url(../images/nMoreOff.jpg) no-repeat center center; display:block; margin:0 auto 20px; color:#fff; text-indent:1.78em; border-radius:6px; display:block; margin-top:20px;}
.cMore:hover { background:url(../images/nMoreOn.jpg) no-repeat center center; text-decoration:none; }
.cMore_news{margin:25px auto 0;}

/*联系我们*/
.contacts_ht{font-size:16px; line-height:34px; }
.contacts_ht span{font-size:20px;}
@media screen and (max-width:1600px){
	.Relatedpic .por_xl img {
    height: 240px;
}
.honor_r ul li .honorimg {
    height: 280px;
}
}
@media screen and (max-width:1440px){ 
.rangebox {
    max-width: 90%;
}

.honor_r ul li {

}
.honor_r ul li .honorimg {
    height: 220px;
}
.m_pro_list {
    align-items: stretch;
}
#article h2 {
    font-size: 30px;
}
.aboutbox {
    max-width: 90%;
    margin: 0 auto;
}
.aboutmsg {

}
.aboutp {
    width: 65%;
}


.ab_img img{
	 width: 32%;
}
.nums .li_box .number .num {
    font-size: 30px;

}
.market .marketr {
    width: 45%;
    margin: 5% auto;
}
.market .marketr h2 {
    font-size: 30px;
    line-height: 60px;
}
.technology h2 {
    font-size: 30px;
    line-height: 60px;
}
.ab_down p {
    width: 47%;
}

.m_pro_nav {
    width: 90%;
}
.m_pro_nav input {
    width: 85%;
}

.por_xl img {
    height: 268px;
}
.porimg {
    height: 270px;
}
.porimg::before {
    width: 75px;
}

.Relatedpic .owl-carousel .por_xl img {
    height: 140px;
    width: auto;
}

.title_view {
    font-size: 30px;
    line-height: 48px;
}
.pro_info div {
    width: 50%;
}
.Relatedpic {

}
.Relatedpic .por_xl img {
    height: 210px;
}
.devli img {
    max-height: 350px;
}
.contemsg img{
	    max-width: 100%;
}
.qua_c .m_series img {
    max-width: 80%;
    max-height: 100%;
    height: 105px;
}

.lc_img {
    width: 30%;
    height: 225px;
    margin-bottom: 20px;
    overflow: hidden;
}
.lc_pbt {
    padding: 30px;
    width: 70%;
    height: 225px;
    font-size: 16px;
    color: #2b2b2c;
    background-color: #ecedee;
    margin-bottom: 20px;
    line-height: 30px;
}
.news_li .time1 .fl {
   
}
.news_li .time1 .fr {
    
}

.contactmsg {
    width: 94%;
}

}

@media screen and (max-width:1260px){ 
.m_pro_nav li .s-menu a {
    font-size: 14px;
}
}

@media screen and (max-width:640px){
.contile {
  font-size: 22px;
  height: 24px;
  line-height: 24px;
  text-indent: 40px;  /* 让文字从第 40px 开始，给左侧背景图留空间 */
  color: #333;
  margin: 10px 0;
  background-image: url(../images/title1.png);
  background-repeat: no-repeat;
  background-position: left center;  /* 左对齐，垂直居中 */
  background-size: auto;  /* 默认，不缩放，按原图尺寸显示 */
}
.contable {overflow:scroll;width:100%; font-size:14px;}	
	.l_view{float:left; width:100%;}

.r_view{float:right; width:100%;}
#category {
    line-height: 30px;
}

#category .bd {
    margin-left: 0%;
}

#category .bd ul li.parent {
    margin: 0px 10px;
}
#article {
	font-size: 14px;
    width: 90%;
	padding: 30px 0;
}
#article h2 {
    font-size: 16px;
}

#BannerBlocks .block {
    width: 48%;
}

.culture .cull h2 {
    font-size: 16px;
}
.vision h2 {
    font-size: 16px;
}

.lnte .parent {
    font-size: 14px;
}

.aboutp {
    width: 100%;
}
.aboutmsg img {
    width: 100%;
	margin-bottom: 30px;
}
.aboutbox {
    max-width: 100%;
    margin: 0 auto;
}
.about_imt {
    margin-left: 0px;
    margin-bottom: 20px;
}
.lc_img {
    width: 100%;
    height: auto;
    font-size: 0;
    margin-bottom: 20px;
}
.lc_pbt {
    padding: 15px;
    width: 100%;
    height: auto;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 30px;
}
.lc_pbt span {
    display: block;
    font-size: 16px;
    margin: 0px 0 5px;
}
.Culture {
    padding: 30px 0;
    background: #f2f6f9;
}
.Culture h2 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
}
.culx {
    width: 90%;
    margin: 0 auto;
}

.culi {
    width: 100%;
    height: 180px;
    margin-bottom: 10px;
}
.culi h2 {
    margin-bottom: 10px;
}


.cultura {
    padding: 30px 5%;
}
.cultura h2 {
    font-size: 24px;
    font-weight: 450;
    margin-bottom: 30px;
}
.culli {
    width: 100%;
    background: #fff;
    padding: 20px;
	margin-bottom: 10px;
}

.culli .cimg {
    width: 40px;
    height: 40px;
    padding: 10px;
    margin-bottom: 20px;
}
.culli h2 {
    font-size: 18px;
    margin-bottom: 20px;
}

.develop {
    padding: 30px 0;
    width: 90%;
    margin: 0 auto;
}
.develop h2 {
    font-size: 24px;
    margin-bottom: 30px;
}
.devli {
    width: 100%;
	margin-bottom: 20px;
}
.devli h2 {
    font-size: 18px;
    margin: 20px 0;
}

.range {
    padding: 30px 0;
}
.range h2 {
    font-size: 24px;
}

.rangebox {
   margin-top: 20px;
}

.rangel {
    width: 90%;
    margin: 0 auto;
}
.rangeli {
    margin: 10px 0;
}

.ranger {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}

.mant img{
	max-width:100%;
}
.contactb{
	font-size: 14px;
}

.pp_rman {
	padding: 30px 0;
}
.m_pro_list {
    margin: 0 5%;
}

.product_p {
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
}
.ab_img {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ab_img img {
    margin-bottom: 0px;
}

.culture {
    background: #353334;
    padding: 30px 5%;
    color: #fff;
}

.culture .cull {
    width: 100%;
}
.culture .culr {
    width: 100%;
    margin-top: 30px;
}
.vision {
    padding: 30px 0;
    width: 90%;
    margin: 0 auto;
}

.custom-container {
    width: 100%;
}

.conte_view {
	width: 100%;
}

.title_view {
    font-size: 16px;
	line-height: 30px;
}
.title_fl_view {
    font-size: 14px;
    color: #6d6d6d;
    margin-bottom: 0px;
}
.pro_info div {
    width: 100%;
	display: flex;
    margin: 30px 0;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro_info a {
    width: 48%;
	margin-right: 0;
}
.li_p_t {
    font-size: 14px;
}
.Relatedpic {
   display: none;
}
.pp2 {
    float: left;
    height: auto;
    width: 100%;
    padding: 20px;
	box-sizing: border-box;
}
.pp2_img {
    width: 100%;
    height: auto;
    position: inherit;
}
.pp2_t1 {
    font-size: 16px;
}
.pp2_t2 {
    font-size: 16px;
    margin-bottom: 20px;
}
.lnte {
    padding: 0 5%;
}
.por_cl {
    width: 100%;
    margin-right: 2%;
    margin-bottom: 30px;
    padding: 20px;
}

.content {
   font-size: 14px;
    line-height: 30px;
    padding-top: 20px;
	margin: 0 auto;
}
.contbox img {
    width: 100%;
}
.contbox .contmsg {
    width: 90%;
    margin: 30px auto;
}

.conteli {
    width: 100%;
}

.workshoptit {
    flex-wrap: wrap;
}
.workshop {
    padding: 30px 0;
}
.line {
     display: none;
}
	
.workshoptit h2 {
    width: 90%;
    margin: 0 auto;
    font-size: 24px;
}
.workshoptit p {
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
}
.workshopimg {
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
}
.workshopimg .plantli {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.workshopimg .plantli {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.workshopimg .plantli:nth-child(4n+3) {
    margin-right: 0%;
}
.workshopimg .plantli:nth-child(2n+3) {
    margin-right: 0%;
}

.b_cont {
    padding: 30px;
}
.b_cont h2 {
    font-size: 24px;
}
.b_cont a {
    width: 130px;
    line-height: 40px;
    margin-top: 30px;
    border-radius: 30px;
}



.m_pro_nav {
    width: 90%;
    margin: 0 auto;
}

.suspension .chname {
    margin-bottom: 10px;
}

.m_pro_nav li .menu-li {
    height: 40px;
}

.m_pro_nav .suspension h2 {
    font-size: 16px;
    height: 40px;
    padding: 0;
}

.m_pro_list {
    width: 90%;
    margin: 0 auto;
	margin-top: 20px;
}

.m_pro_list h2 {
    font-size: 16px;
}

.recommend {
    display: none;
}

.por_xl p {
    font-size: 14px;
    
}

.por_cp{
	width:49%;
	margin-right:2%;
	margin-bottom: 30px;
}
.por_xl{
	width:49%;
	margin-right:2%;
	margin-bottom: 20px;
}
.por_xl:nth-child(3n+1) {
    margin-right: 2%;
}

.por_xl:nth-child(2n+1) {
    margin-right: 0;
}

.por_cp:nth-child(4n+1){
	margin-right:0;
}
.por_cp:nth-child(2n+1){
	margin-right:0;
}
.por_xl img {
    width: 100%;
max-height: 125px;
    object-fit: cover;
}
.por_cp img {
    padding: 10px;
}
.proform {
    padding: 15px;
}
.proform input {
    width: 100%;
}
.honor_c {
   padding: 30px 0;
    width: 90%;
    margin: 0 auto;
}
.honor_c h2 {
    font-size: 24px;
}
.honor_r {
    margin-top: 20px;
}

.honor_r ul li {
    width: 49%;
    margin-right: 2%;
	margin-bottom: 20px;
}
.honor_r ul li:nth-child(2n) {
    margin-right: 0%;
}
.honor_r ul li p {
    line-height: 30px;
	margin-top: 0px;
    padding-top: 10px;
}

.honor_r ul li .honorimg {
    height: 195px;
    padding: 10px;
}
.honor_r ul li img {
    max-width: 90%;
    max-height: 95%;
}

.sales-process {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 30px;
}
.case-study {
    padding: 30px;
    margin: 30px 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

#article .case-text h2{
    font-size: 24px;
}
.case-image {
    height: 85px;
}

.form-input {
    font-size: 14px;
}

.form-label {
    font-size: 14px;
}

.submit-btn {
    font-size: 14px;
}

.contact-card {
    width: 90%;
    margin: 0 auto;
	padding: 15px;
}
.contact-info {
    position: relative;
    width: 100%;
    padding-right: 0%;
}
.company-name {
    font-size: 16px;
    color: #333;
    font-weight: 450;
    margin-bottom: 0px;
    letter-spacing: 0.5px;
}
.contact-card::before {
   display: none;
}
.branch-title {
    font-size: 16px;
    color: #333;
    margin-bottom: 12px;
    font-weight: 450;
}
.importance-section {
    padding: 20px;
    margin: 30px 0;
}
.importance-section h2 {
    margin-bottom: 10px;
}
.importance-content {
    font-size: 14px;
}
.products_p {
    padding: 30px 0;
}

.news_oth {
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
}

.news_li {
   
}
.news_li .time1 .fl {
   width: 70%;
}
.news_li .time1 .fr p {
    font-size: 14px;
    line-height: 30px;
}

.news_li .time1 h3 {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_li .time1 p{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_li .time1 .fr {
	    width: 20%;
   padding: 10px 0;
}
.news_li .time1 .fl span {
    margin: 10px 0;
}
.news_li .time1 .fr strong {
    font-size: 20px;
    margin-top: 0px;
    display: block;
    opacity: 0.2;
	margin-left: 10px;
}
.newstit {
    margin-bottom: 20px;
    flex-wrap: wrap;
	width: 90%;
    margin: 0 auto;

}

.newstit h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
.newsbox {
    padding: 30px 0;
}
.m_newsc {
    width: 90%;
    margin: 0 auto;
}


.newoth {
    display: none;
}

.qua .m_series figcaption {
    height: 30px;
    line-height: 20px;
    padding: 5px 5px 0;
}
#category .bd ul li.parent {
    height: 40px;
    line-height: 0;
}

#category .bd ul li.parent a {
    display: block;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    color: #2c2c2c;
    border-radius: 0px;
    padding: 0px 10px;
}

.honor_tne {
    padding: 20px 0;
}

#m_right {
    margin-top: 0px;
}
.newscont {
    padding-bottom: 30px;
}
#newslist {
    width: 90%;
    margin: 0 auto;
}

#newslist li.list {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 30px;
}

#newslist li.list:nth-child(3n) {
    margin-right: 2%;
}

#newslist li.list:nth-child(2n) {
    margin-right: 0%;
}

#newslist li.list dl dt a {
	font-size: 14px;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#newslist li.list dl dd.info {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.newsbox .lnte {
    margin-bottom: 20px;
}
.m_news_title {
    line-height: 30px;
    font-size: 18px;
    color: #333;
}
.m_news_attr {
    margin-top: 10px;
    font-size: 16px;
}

.m_news_content {
    padding: 15px 0;
    margin-top: 15px;
}

.qua {
    width: 90%;
    margin: 30px auto;
}
.qua .m_series {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.qua .m_series p {
    height: 100px;
}
.qua_c .m_series img {
    padding:0;
}
.qua .m_series:nth-child(4n) {
    margin-right: 0%;
}

.qua .m_series:nth-child(2n) {
    margin-right: 0%;
}

.m_honor_title {
    line-height: 30px;
    font-size: 24px;
    color: #333;
}
.m_honor_attr {
    margin-top: 20px;
}

#m_content #article {
    width: 90%;
    margin: 0 auto;
}
#m_content #article_4 {
    width: 90%;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 50px;
}

#article_4 input {
    width: 100%;
}

.contpb img {
    max-width: 15px;
    margin-right: 5px;
}

.msgl {
    width: 100%;
}

.lnte .line {
    display: block;
    margin: 0 10px;
}
.lnte ul {
    display: flex;
    flex-wrap: wrap;
	line-height: 50px;
}

.aboutmsg .aboutl {
    width: 100%;
}
.nums {
    flex-wrap: wrap;
	padding: 30px 0 0 0;
}
.nums .li_box {
    width: 50%;
	margin-bottom: 20px;
}
.nums .li_box .number {
    display: flex;
    justify-content: center;
}
.nums .li_box .number .num {
    font-size: 18px;
}
.nums .li_box .number .wd {
    font-size: 14px;
}
.nums .li_box .bot {
    font-size: 14px;
}
.market {
    display: flex;
    flex-wrap: wrap;
}
.market .marketl {
    width: 100%;
}
.market .marketr {
    width: 90%;
    margin: 30px auto;
}
.market .marketr h2 {
    font-size: 24px;
    line-height: 30px;
}

.markett h3 {
    font-size: 16px;
    color: #0978ca;
    margin-bottom: 10px;
}
.marketd h3 {
    font-size: 16px;
    margin-bottom: 10px;
}
.markett::after {
    top: -20px;
    bottom: 0;
    left: 70%;
    right: 0%;
    transform: translateX(0%);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #ffffff;
	border-top: none;
}
.market::before {
    background: url(../images/about_bg.png) no-repeat right 10px top 35%;
    background-size: 130px;
}

.technology {
    padding: 30px 0;
    width: 90%;
    margin: 0 auto;
}
.technology h2 {
    font-size: 24px;
    line-height: 30px;
}
.technology .thec {
    margin-bottom: 0px;
}
.technology .thec p strong {
    font-size: 16px;
    margin-bottom: 0px;
}
.technology .thec p {
    width: 100%;
}
.technology .thec img {
    width: 100%;
    margin: 30px 0;
}

.ab_down {
    padding: 30px 5%;
}
.ab_down .wrapper {
    display: flex;
    flex-wrap: wrap;
}
.ab_down p {
    width: 100%;
	margin-bottom: 20px;
}
.ab_down a {
    display: block;
    width: 120px;
    line-height: 40px;
    text-align: center;
    border: 2px solid #3960aa;
}

.allcontent .product_l {
    width: 100%;
    padding: 30px 0;
}

.allcontent .product_l h2 {
    font-size: 16px;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.m_pro_nav ul {
    display: none;
}

.m_location_title {
    font-size: 16px;
    color: #e5882c;
    border-bottom: 2px solid;
    line-height: 35px;
    height: 35px;
    text-indent: 0px;
    float: left;
}
.m_location_list {
    display: none;
}

.allcontent .product_r {
    width: 100%;
	padding: 0px 0 30px;
	margin: 0 auto;
}

.prod_p {
    width: 90%;
    margin: 0 auto;
}

.prod_p .p2 {
    width: 49%;
    margin-bottom: 25px;
    margin-right: 2%;
    list-style: none;
}

.prod_p .p2 p{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.prod_p .p2 img {
    max-width: 100%;
    margin: 0 auto;
    max-height: 158px;
}
.porimg {
    height: 160px;
}
.porimg::before {
    width: 60px;
    height: 20px;
}
.prod_p ul li:nth-child(3n){
	margin-right: 2%;
}

.prod_p ul li:nth-child(2n){
	margin-right: 0px;
}

.view_bj {
    display: flex;
    background: #fff;
}

.imgview {
    padding: 20px;
}
.imgview:after {
    content: "";
    width: 60px;
    height: 100%;
    position: absolute;
    top: 5%;
    left: 3%;
}
.imgview img {
    max-width: 100%;
    max-height: 290px;
    margin: auto;
    display: block;
}

#article .ainfo h2 {
    color: #1570b1;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0;
}

#article .ainfo h2 strong {
    font-size: 20px;
}
#article .msgl h2 {
    font-size: 24px;
}

.m_aboutb img {
    width: 100%;
    margin-top: 30px;
    object-fit: cover;
}

.honor {
    padding: 30px 0;
}
.honor .htit {
    width: 90%;
    margin: 0 auto;
}

.honor .htit p {
    width: 100%;
}

.honorul {
    width: 90%;
}

.honorul .honorli {
    width: 24%;
}

.honorul .honorli:nth-child(5){
   display: none;
}

.workshop .wrapper{
	width: 90%;
}

.wl, .wr {
    width: 100%;
	margin: 30px 0;
}

.wcj, .wjc {
    margin-bottom: 30px;
}

.conts {
    padding: 30px 0;
	width: 90%;
    margin: 0 auto;
}

.conts ul li {
    width: 100%;
    text-align: center;
    background: #f8f8f8;
    padding: 30px;
    margin-bottom: 20px;
}

.contact {
    padding: 30px 0;
    width: 90%;
    margin: 0 auto;
}
.contacts_c {
    display: flex;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
}
.contacts_inmt{
	display: none;
}
.contbox {
    width: 100%;
    margin: 0 auto;
	margin-bottom: 30px;
}
.contbox h2 {
    font-size: 18px;
}
.contbox .contmsg h2 {
    font-size: 16px;
}
.contbox span {
    margin: 20px 0 30px;
}

.contactmsg {
    width: 90%;
    margin: 0 auto;
	margin-bottom: 30px;
}

.contactmsg .msgl {
    width: 100%;
}
.contactmsg .msgl h2 {
    font-weight: 450;
    font-size: 18px;
}

.aboutbox h2 {
    font-size: 24px;
    line-height: 30px;
}
.contact .aboutbox h2 {
    font-size: 18px;
    line-height: 30px;
}

#myform2 .inp_t:nth-child(6) {
    width: 60%;
}
.msgtab {
    padding: 10px 0px;
}
.msgtab p {
    font-size: 16px;
}
.msgtab h4 {
    font-size: 16px;
}

.contactmsg .msgr {
    width: 100%;
    margin-top: 30px;
}

#myform2 {
    width: 90%;
    margin: 0 auto;
	 margin-top: 20px;
}
#myform2 .inp_t {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

}