/*图标*/
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
@font-face {
  font-family: 'iconfont';  /* Project id 2584263 */
  src: url('//at.alicdn.com/t/font_2584263_4cq0jvmiwkz.woff2?t=1624847857712') format('woff2'),
       url('//at.alicdn.com/t/font_2584263_4cq0jvmiwkz.woff?t=1624847857712') format('woff'),
       url('//at.alicdn.com/t/font_2584263_4cq0jvmiwkz.ttf?t=1624847857712') format('truetype');
}


@font-face {
  font-family: 'HYDiShengYingXiongTiW';  /* project id 1951647 */
  src: url('../fonts/HYDiShengYingXiongTiW/HYDiShengYingXiongTiW.eot');
  src: url('../fonts/HYDiShengYingXiongTiW/HYDiShengYingXiongTiW.eot?#iefix') format('embedded-opentype'),
  url('../fonts/HYDiShengYingXiongTiW/HYDiShengYingXiongTiW.woff2') format('woff2'),
  url('../fonts/HYDiShengYingXiongTiW/HYDiShengYingXiongTiW.woff') format('woff'),
  url('../fonts/HYDiShengYingXiongTiW/HYDiShengYingXiongTiW.ttf') format('truetype'),
  url('../fonts/HYDiShengYingXiongTiW/HYDiShengYingXiongTiW.svg') format('svg');
  font-display: swap;
}
@font-face {
    font-family: 'iconfont'; /* Project id 3284773 */
    src: url('//at.alicdn.com/t/font_3284773_7h43j2gumnf.woff2?t=1650520346677') format('woff2'), url('//at.alicdn.com/t/font_3284773_7h43j2gumnf.woff?t=1650520346677') format('woff'), url('//at.alicdn.com/t/font_3284773_7h43j2gumnf.ttf?t=1650520346677') format('truetype');
}
body{margin: 0 auto;max-width: 1920px;}
*{list-style: none;margin:0 auto;transition:all .4s;outline: none;}
b,body,dd,div,form,h5,h6,html,img,input,li,pre,td,ul,h3,h4,dt,p,a{margin:0 auto;padding:0;font-family:"microsoft yahei",Arial,Verdana, Tahoma, Geneva,sans-serif;}
h1,h2{font-family:Arial,"microsoft yahei",Verdana, Tahoma, Geneva,  sans-serif;margin: 0;padding: 0;}
img{height:auto; width: auto\9;max-width:100%;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;overflow: hidden;}
img:hover{-webkit-transform: scale(1.03);-moz-transform: scale(1.03);transform: scale(1.03);-o-transform: scale(1.03);-ms-transform: scale(1.03);}
ul{margin: 0;padding: 0;}

@media (min-width:1200px){.container{width:1200px}
}
/*手机导航*/
#menu_btn{ width: 28px; height: 20px; float: right; margin-top: 30px; cursor: pointer; position: absolute; display: none;right:20px;}
#menu_btn>.menu_btn_top{ position:absolute; top:5px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#bf1725; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
#menu_btn>.menu_btn_med{ position:absolute; top:15px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#bf1725; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
#menu_btn>.menu_btn_bot{ position:absolute; top:25px; left:50%; width:28px; height:3px; border-radius:1.5px; background-color:#bf1725; -webkit-transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
#menu_btn.show>.menu_btn_top{ top:50%; background:#bf1725; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
#menu_btn.show>.menu_btn_med{ top:50%; background:#bf1725; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
#menu_btn.show>.menu_btn_bot{ top:50%; background:#bf1725; -webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg); -o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}


/*首页*/
#Head{height: 75px;box-shadow: 0px 2px 5px #5E5E5E;width:100%;background-color:white}
#Logo{float: left;line-height: 75px;}
#Menu{float: right;height: 75px;display:flex;}
#Head img:hover{transform: none;}


#Menu ul.menunav{margin:auto}
#Menu ul.menunav>li{float: left;margin: 0;flex:1;margin-right:50px;line-height:75px;}
#Menu ul.menunav>li.active>a{color:#bf1725;}
#Menu ul.menunav>li.active>a:hover{color:#bf1725;background-color:#fff}
#Menu ul.menunav>li>a{display: block;text-align: center;font-size: 14px;color:#000000;font-weight: bold;}
#Menu ul>li ul.dropdown-menu>li:hover>a,#Menu ul>li ul.dropdown-menu>li>a:hover{background-color:#bf1725!important;color:#fff!important;}
.dropdown-menu>li>a{line-height:2vw}
.dropdown-menu{padding:0}
#Menu ul.menunav>li>a:hover{text-decoration:none;color:#bf1725}
#Menu li.logo{display: none;}
#Menu ul.menunav>li ul{display:none}
#Menu ul.menunav>li:hover>ul{display:block;}
#Menu ul.menunav>li:nth-child(3)>ul{display:none;}

#Menu ul.menunav>li:hover>ul{margin:0;border-radius:0px;}
#Menu ul.menunav>li:hover>ul>li:hover{background-color:#bf1725;}
#Menu>i{border:1px solid #bf1725;border-radius:25px;margin:auto;color:#bf1725;padding:0 10px}

#contel{}
#contel>i{float: right;font-size: 16px;color:#bf1725;font-weight: bold;border:1px solid #000;border-radius:20px;}
#contel>i>i{font-size: 26px;color:#d8d8d8;vertical-align: -4px;font-weight: normal;}


.index{position: relative;}
#ibframe img:hover{transform: none;}
#ibframe{overflow:hidden;clear:both;}

#bframe img:hover{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}

/*购物车*/
.nav_right {position:fixed;right:40px;bottom:120px;width:50px;height:50px;text-align:center;z-index:100;cursor:pointer;display: inline-block;transition: all 0.35s;vertical-align: top;float: right;margin-top: 13px;}
.nav_right .shopping i{color:#bf1725;}
.nav_right .shopping {display: inline-block;cursor: pointer; vertical-align: middle;width: 50px;height: 50px;line-height: 50px;text-align: center;color: #fff;border-radius: 50%;background-color:#b0b0b0;border-radius:50px;}
.nav_right .shopping .ciconfont { transition: all 0.35s;font-size: 30px;}
.nav_right .shopping .ciconfont:before {content: "\e715";}
.shoppingcart {opacity:1; overflow: hidden;position: fixed;right:-500px;bottom:60px;bottom:200px; z-index: 1000;width: 350px;background: #bf1725;box-sizing: border-box;height: auto;padding:30px;transition: all 0.5s;}
.shoppingcart.active {
    opacity:1;
    width:350px;
    right:0;
}
.shoppingcart h2 {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    border-bottom: 2px solid #fff;
    padding-bottom: 15px;
}
.shoppingcart .list {
    overflow: hidden;
    max-height: 300px;
    overflow-y: auto;
    padding-right: 20px;
}
.shoppingcart .linkmore {
    overflow: hidden;
    text-transform: capitalize;
    text-align: center;
}
.shoppingcart h2 i {
    font-size: 24px;
    float: right;
    cursor: pointer;
}
.shoppingcart .list .ipto {
    overflow: hidden;
    position: relative;
    display: flex;
    margin-top: 15px;
}
.shoppingcart .list .ipto i{color:#000}
.shoppingcart .list .ipto .close {
    position: absolute;
    right: 0;
    top: 0px;
    color: #fff;
    cursor: pointer;
    z-index: 3;
}
.shoppingcart .linkmore a {
    display: inline-block;
    margin-top: 40px;
    padding: 12px 20px;
    background: #fff;
    font-size: 14px;
    color: #999999;
    border-radius: 5px;
}
.shoppingcart .list .ipto .ipti { width: 30%;margin-left: 0;margin:0;position:relative}
.shoppingcart .list .ipto .ipti img{width:100%}
.shoppingcart .list .ipto .iptz {width: 100%;margin:auto;margin-left: 15px;color: #fff;}
.shoppingcart .list .ipto .iptz h3{font-size:16px}
.orderlist {
    overflow: hidden;
    padding: 45px 0;
}
.orderlist>.container>h2 {
    font-size: 28px;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 45px;
    color: #0046aa;
}
.orderlist .list {
    overflow: hidden;
}
.orderlist .list .thead {
    overflow: hidden;
    display: flex;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding: 10px 0;
}
.orderlist .list .tbody {
    overflow: hidden;
    margin-top: 15px;
}
.orderlist .list .thead .th {
    font-size: 18px;
    font-weight: bold;
}
.orderlist .list .thead .th:nth-child(1) {
    flex: 1;
    margin-right: 20px;
}
.orderlist .list .thead .th:nth-child(2) {
    flex: 1;
    margin-right: 20px;
}
.orderlist .list .thead .th:nth-child(3) {
    flex: 1;
}
.orderlist .list .thead .th:nth-child(4) {
    flex: 1;
}

.orderlist input[name='name'] {
    overflow: hidden;
    width: 100%;
    outline: none;
    resize: none;
    border: 1px solid #d5d5d5;
    padding: 5px;
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.orderlist input[name='companyname'] {
    overflow: hidden;
    width: 100%;
    outline: none;
    resize: none;
    border: 1px solid #d5d5d5;
    padding: 5px;
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.orderlist input[name='email'] {
    overflow: hidden;
    width: 100%;
    outline: none;
    resize: none;
    border: 1px solid #d5d5d5;
    padding: 5px;
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.orderlist textarea {
    overflow: hidden;
    height: 80px;
    width: 100%;
    line-height: 2;
    outline: none;
    resize: none;
    border: 1px solid #d5d5d5;
    padding: 5px;
    border-radius: 10px;
    box-sizing: border-box;
}

.orderlist button {
    padding: 12px 30px;
    border-radius: 5px;
    background: #0046aa;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border: 0;
    margin-top: 30px;
    cursor: pointer;
    outline: none;
    text-transform: capitalize;
}
.orderlist .list .tbody .ipto {
    overflow: hidden;
    display: flex;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d5d5d5;
}


.orderlist .list .tbody .td:nth-child(1) img {
    height: 50px;
}
.orderlist .list .tbody .td:nth-child(2) {
    flex: 1;
    margin-right: 20px;
}
.orderlist .list .tbody .td:nth-child(1) {
    flex: 1;
    margin-right: 25px;
}

.orderlist .list .tbody .td:nth-child(4) {
    flex: 1;
}
.orderlist .list .tbody .td:nth-child(3){flex:1}
.orderlist .list .tbody .td:nth-child(3) input{width:10%;padding-left:3px}
.orderlist .list .tbody .td:nth-child(4) i {
    cursor: pointer;
}
@media (max-width:1230px) {
	#Logo{width:30%;float: left;line-height: 75px;}
	#Menu{width: 45%;float: left;line-height: 75px;}
#contel{width:25%;float: left;line-height: 75px;}
}

@media (max-width:768px) {
    #Logo img{max-width:initial}
    #Menu ul.menunav>li:hover>ul{display:block;}
    .orderlist{padding-top:0}
    .orderlist .list .tbody .td:nth-child(3) input{width:30%;padding-left:3px}
    .nav_right {right:20px}
    .shoppingcart.active{width:300px;}
	#Menu>i{display:none}
	#menu_btn{display: block;margin-top:5px;top:20px;padding:15px}
		#Menu{width:220px;position:fixed;left:-300px;top: 0px; bottom: 0px; z-index:9999999;padding-bottom:70px;
		background:#bf1725; z-index: 99999; overflow-x:hidden;overflow-y:auto;transition:all .5s ease;
		padding-top:0;box-shadow:0px 0px 10px #6c6c6c;height: auto;line-height:50px;}
    #Menu.show{left:0px;}
#contel{width:50%;float: right;line-height: 75px;margin-right:50px;}

#Menu ul.menunav{width:100%;position:relative;margin:0}
#Menu ul.menunav>li{float: none;margin: 0;width:100%;flex:none;text-align:left;overflow:hidden;line-height:50px}
#Menu ul.menunav>li:nth-child(3)>ul{display:none;position:relative;border:none;padding:0;width:100%;background-color:#bf1725;box-shadow:none;}
#Menu ul.menunav>li>ul{display:block;position:static;border:none;padding:0;width:100%;background-color:#bf1725;box-shadow:none;}
#Menu ul.menunav>li>ul>li>a{color:white;}
#Menu ul.menunav>li>ul>li:hover a{color:#bf1725;}
#Menu ul.menunav>li>a{display: block;text-align: left;font-size: 20px;color:#000000;font-weight: bold;padding-left:10px;text-decoration:none;color:white;}
#Menu li.logo{display: block;transform:none;background-color:white;}
#Menu ul.menunav>li:hover{background-color:#bf1725;}
}




#frame1{overflow: hidden;position: absolute;bottom: 60px;width: 100%;z-index:999;}
#frame1 h2{font-size: 50px;font-weight: bold;color: white;}
#frame1 h4{font-size: 22px;color: #fff;line-height: 80px;font-weight:initial}
#frame1 .search{overflow: hidden;width: 100%;padding: 15px 0;position: relative;z-index: 9999;}
#frame1 .search input{width:55%;float: left;line-height: 40px;padding-left: 20px;height: 40px;border: 0;}
#frame1 .search input::placeholder{color:#666666}
#frame1 .search p{width:40%;float: left;padding-left: 20px;background-color: #f5f5f5;line-height: 40px;
color: #c7c4c4;}
#frame1 .search button{width:5%;float: left;text-align: center;height: 40px;border: 0;background-color: #bf1725;}
#frame1 .search button i{font-size: 24px;color:white ;}

@media (max-width:1230px) {
#frame1 h2{font-size: 30px;font-weight: bold;color: white;}
#frame1 h4{font-size: 20px;color: #bf1725;line-height:60px;}
	
}
@media (max-width:991px) {
#frame1 h2{font-size: 20px;font-weight: bold;color: white;}
#frame1 h4{font-size: 12px;color: #bf1725;line-height:30px;}
	
}
@media (max-width:768px) {
    #Menu ul.menunav>li.active a{color:#fff}
#frame1 h2{font-size: 18px;font-weight: bold;color: #000;}
	
	#frame1 .search{overflow: hidden;width: 100%;padding: 5px 0;}
	#frame1 .search p{display: none;}
	#frame1{overflow: hidden;position: relative;bottom: 0px;width: 100%;margin-top:10px}
	
	#frame1 .search input{width:80%;float: left;line-height: 35px;padding-left: 15px;height: 35px;}
	#frame1 .search button{width:20%;float: left;text-align: center;height: 35px;border: 0;background-color: #bf1725;}
	
}

.location{}
#mobMenu{min-height:50px;border:1px solid #bf1725;position:fixed;background-color:#bf1725;z-index:99999;}
#mobMenu .foot_nav{width:25%;float:left;text-align:center;color: white;font-size:14px;}
#mobMenu .foot_nav i{display: block;padding: 3px 0px 0px 0px;font-size:18px;line-height:24px;}
#mobMenu .foot_nav .hamburger{position: inherit;float: none;margin: 0 auto;width:100%;}
#mobMenu a{color:white;}
#mobMenu a:hover{color:#bf1725;background-color:white;display:block;
}


#frame2{overflow: hidden;padding:50px 0;background:linear-gradient(#313131 68%, white 50%);}
#frame2 .frame2left{width: 33.33333%;float: left;background-color: #bf1725;overflow: hidden;}

#frame2 .frame2left .txt{padding: 60px 40px 78px 40px;overflow: hidden;}
#frame2 .frame2left h2{font-size: 44px;margin-bottom: 20px;font-family:HYDiShengYingXiongTiW;letter-spacing:3px;color:#fff}
#frame2 .frame2right{width: 66.66666%;float: left;padding-left: 100px;overflow: hidden;}
.f2hr{width: 40px;height: 1px;background-color: white;float: left;}
#frame2 .frame2left h4{display: block;margin-top: 10px;font-size: 22px;color: white;margin-bottom: 30px;}
#frame2 .frame2left p{float: left;font-size: 13px;line-height: 30px;color:#fff}
#frame2 .frame2left a{float: right;display: block;width: 130px;height: 48px;border: 1px solid white;
font-size: 14px;line-height: 48px;text-align: center;text-decoration: none;color:white;margin-top: 40px;}
#frame2 .frame2left a i{font-size: 14px;padding-left: 20px;vertical-align:1px;}
#frame2 .frame2left a:hover{background-color: white;color: #bf1725;}
#frame2 .frame2left .pic{overflow: hidden;}
#frame2 .frame2left .pic img{width: 100%;}

#frame2 .frame2right .f2hr{background-color: #bf1725;}
#frame2 .frame2right .f2top{overflow: hidden;}
#frame2 .frame2right .f2top>.txt{overflow: hidden;padding: 40px 0;border-bottom: 1px solid #989898;}
#frame2 .frame2right .f2top .txt h4{padding: 30px 0;color: #fff;font-size: 22px;font-weight:bold}
#frame2 .frame2right .f2top .txt p{font-size: 16px;color: white;line-height:30px}
#frame2 .frame2right .f2catelist{padding-top: 120px;overflow: hidden;}
#frame2 .frame2right .f2catelist .item{width:25%;float: left;padding-right: 40px;overflow: hidden;}
#frame2 .frame2right .f2catelist .item a{display: block;overflow: hidden;text-decoration: none;}
#frame2 .frame2right .f2catelist .item img{width: 100%;}
#frame2 .frame2right .f2catelist .item .txt{overflow: hidden;padding: 40px 0;text-align: center;}
#frame2 .frame2right .f2catelist .item .txt h5{color: white;font-size: 16px;}

#frame2 .frame2right .f2catelist .item .txt h5:hover{color: #bf1725;}
#frame2 .frame2right .f2catelist .item .txt h5 i{padding-left: 10px;}
#frame2 .frame2right .f2down{padding-top: 23px;}
#frame2 .frame2right .piclist{overflow: hidden;margin-left: -20px;}
#frame2 .frame2right .piclist .item{overflow: hidden;padding: 20px 0;width: 32.6%;float: left;}
#frame2 .frame2right .piclist .item:nth-child(2){overflow: hidden;padding: 32px 0;width: 32.6%;float: left;}
#frame2 .frame2right .piclist .item:first-child{width: 67%;padding: 20px;padding-right:0}

#frame2 .frame2right .piclist .item .pic{overflow: hidden;}
#frame2 .frame2right .piclist .item:first-child .pic img{max-width:none;height:425px;width:425px}
#frame2 .frame2right .piclist .item:not(:first-child) .pic img{max-width:none;height:180px}
#frame2 .frame2right .f2down .txt p{font-size: 14px;line-height: 28px;color: #333333;}
#frame2 .frame2right .piclist .item .pic img:hover{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}


@media (max-width:1230px) {
	#frame2{overflow: hidden;padding:20px 0;}
	
	#frame2 .frame2left .txt{padding:40px;overflow: hidden;}
	#frame2 .frame2left h2{font-size: 38px;margin-bottom: 15px;}
	
	#frame2 .frame2left h4{display: block;margin-top: 10px;font-size: 22px;color: white;margin-bottom: 20px;}
	#frame2 .frame2left p{float: left;font-size: 15px;line-height: 28px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
}
#frame2 .frame2right .f2top>.txt{overflow: hidden;padding:20px 0;border-bottom: 1px solid #989898;}
#frame2 .frame2right .f2top .txt h4{padding: 15px 0;color: #bf1725;font-size: 22px;}
#frame2 .frame2right .f2catelist{padding-top: 20px;overflow: hidden;}
}
@media (max-width:991px) {
	#frame2{overflow: hidden;padding:20px 0;}
	
	#frame2 .frame2left .txt{padding:20px;overflow: hidden;}
	#frame2 .frame2left h2{font-size: 38px;margin-bottom: 15px;}
#frame2 .frame2left{width:40%;float: left;background-color: #bf1725;overflow: hidden;}
#frame2 .frame2right{width: 60%;float: left;padding-left:15px;overflow: hidden;}
#frame2 .frame2right .f2catelist .item{width:33.3333333%;float: left;padding-right:10px;overflow: hidden;}
#frame2 .frame2right .f2down .txt p{font-size: 14px;line-height: 28px;color: #333333;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;}

#frame2 .frame2right .piclist .item{overflow: hidden;padding:8px;width: 33.33333%;float: left;}

#frame2 .frame2right .f2down{padding-top:10px;}
#frame2 .frame2right .piclist{overflow: hidden;margin-left: -8px;margin-right: -8px;padding: 15px 0;}
}
@media (max-width:768px) {
	
	#frame2 .frame2left .pic{display: none;}
	#frame2 .frame2left{width:100%;float: left;background-color: #bf1725;overflow: hidden;margin-top:10px}
	#frame2 .frame2right{width:100%;float: left;padding-left:0px;overflow: hidden;display: none;}
	#frame2{overflow: hidden;padding:0px 0;background:none;color: #333333;}
	#frame2 .frame2right .f2top .txt p{font-size: 16px;color: #333333;}
	#frame2 .frame2right .f2catelist .item .txt h5{color: #333333;font-size: 16px;}
	#frame2 .frame2left a{margin-top: 10px;width:110px}
	#frame2 .frame2right .f2down{display: none;}
	
	#frame2 .frame2right .f2catelist .item .txt{overflow: hidden;padding: 10px 0;text-align: center;}
	#frame2 .frame2right .f2down .txt p{font-size: 12px;line-height: 24px;color: #333333;}
	
	#frame2 .frame2right .f2top .txt h4{padding: 10px 0;color: #bf1725;font-size: 22px;}
	#frame2 .frame2right .f2top .txt p{font-size: 13px;}
}



#frame3{padding: 0 0 40px 0;overflow: hidden;}
#frame3 .procate a.current{color: #bf1725;border-color: #bf1725;}

#frame3 .title h2{font-size: 22px;color: #bf1725;font-weight: bold;margin-bottom: 20px;}
#frame3 .title h2 b{font-size: 22px;color: black;}
#frame3 .title h3{font-size: 16px;padding-bottom: 30px;}
#frame3 .f2hr{background-color: #bf1725;}
#frame3 .procate{padding: 20px 0;margin-left:-10px;display:flex;width:45%;float:right;}
#frame3 .procate a{text-decoration: none;}
#frame3 .procate a:not(:nth-last-child(1)){border-right: 1px solid #101010;}
#frame3 .prolist{padding: 10px 0;margin-right: -10px;margin-left: -10px;}
#frame3 .prolist .item{width: 25%;float: left;padding:0px 10px 10px 10px;overflow: hidden;}
#frame3 .prolist .item a{display: block;overflow: hidden;text-decoration: none;}
#frame3 .prolist .item .border{overflow: hidden;}
#frame3 .prolist .item .border .pic{overflow: hidden;border:1px solid #e9e9e9}
#frame3 .prolist .item .border .pic img{width: 100%;}
#frame3 .prolist .item .border .txt h4{font-size: 16px;color: #333333;line-height: 60px;text-align: center;}
#frame3 .procate h3{font-size:16px;text-align:center;border:1px solid #bf1725;border-radius:20px;padding:0 10px;color:#bf1725;white-space: nowrap}
#frame3 .procate h3:hover{background-color:#bf1725;color:white;}
#frame3 .procate .current h3{background-color:#bf1725;color:white;}
#frame3 .title{width:45%;float:left;margin:32px 0}

#frame3 img{margin-bottom:20px}


@media (max-width:768px) {
	#frame3 .procate h3{font-size:12px;margin:0 8px;padding:0 5px}
	#frame3{padding: 15px 0;overflow: hidden;}
	#frame3 .title{width:auto}
	#frame3 .title h2{font-size: 18px;color: #bf1725;font-weight: bold;margin-bottom: 10px;}
	#frame3 .title h2 b{font-size: 18px;color: black;}
	#frame3 .title h3{font-size: 13px;padding-bottom: 10px;}
	#frame3 .f2hr{background-color: #bf1725;}
	#frame3 .procate{float:initial;text-align:center;width:100%}
	#frame3 .procate a{font-size: 13px;line-height: 16px;color: #101010;text-decoration: none;
	padding: 0 10px;}
	#frame3 .procate a:not(:nth-last-child(1)){border-right: 1px solid #101010;}
	#frame3 .prolist{overflow: hidden;padding: 10px 0;margin-right: -5px;margin-left: -5px;}
	#frame3 .prolist .item{width: 50%;float: left;padding: 5px;overflow: hidden;}
	#frame3 .prolist .item a{display: block;overflow: hidden;text-decoration: none;}
	#frame3 .prolist .item .border{overflow: hidden;}
	#frame3 .prolist .item .border .pic{overflow: hidden;border: 1px solid #e9e9e9;}
	#frame3 .prolist .item .border .pic img{width: 100%;}
	#frame3 .prolist .item .border .txt h4{font-size: 13px;color: #333333;line-height: 30px;text-align: center;}
	
}





.indexnew{position: relative;overflow: hidden;}
#indexnewfarme{overflow: hidden;background:linear-gradient(#313131 60%, white 40%);}
#indexnewfarme .title{overflow: hidden;padding-top: 60px;float: left;display: block;width: 100%;}
#indexnewfarme .title h2{font-size: 50px;color: white;text-transform: uppercase;font-family:HYDiShengYingXiongTiW;letter-spacing:3px;}
#indexnewfarme .title h4{font-size: 22px;color: #bf1725;margin: 15px 0;}
#indexnewfarme .title .newhr{width: 140px;height: 1px;background-color: #989898;float: left;}

#indexnewfarme .focusnew{position: absolute;right: 0;top:0;width: 30%;overflow: hidden;background: linear-gradient(0deg,#bf1725 83%, #313131 50%);
}
#indexnewfarme .focustitle{overflow: hidden;padding-top: 60px;display: block;width: 100%;padding-left: 30px;padding-right: 25px;}
#indexnewfarme .focustitle h2{font-size: 50px;color: white;text-transform: uppercase;font-family:HYDiShengYingXiongTiW;letter-spacing:3px;}
#indexnewfarme .focustitle h4{font-size: 14px;color: #FFFFFF;margin: 15px 0;}
#indexnewfarme .focustitle .newhr{width: 140px;height: 1px;background-color: #fff;float: left;}
#indexnewfarme .focusmain a{display: block;text-decoration: none;padding: 0px 25px 65px 30px;}
#indexnewfarme .focusmain .pic{position:relative;}
/*
#indexnewfarme .focusmain .pic:before{content:"";position:absolute;border-width:10px;border-color:#bf1725 transparent transparent  transparent;border-style:solid;z-index:2;top:0px;width:10px;height:10px;left:calc(50% - 5px);}
 标签*/




#indexnewfarme .focusmain h3{display: inline-block;font-size: 16px;line-height: 28px;color: white;margin-top: 25px;}
#indexnewfarme .focusmain p{font-size: 14px;line-height: 23px;color: #fff;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;

margin: 40px 0;}
#indexnewfarme .focusmain time{position: absolute;top:38px;right:0;font-size: 30px;line-height: 40px;color: #FFFFFF;
max-width: 50px;display: block;float: left;font-family: "agency fb";font-weight: bold;}
#indexnewfarme img:hover{transform: none;}

#indexnewfarme .newlist{width: 70%;float: left;padding-right: 100px;}
#indexnewfarme .newlist .item{width: 100%;padding-left:30px;overflow: hidden;padding: 25px 0;}
#indexnewfarme .newlist .item .txt h3 i{text-align: center;color: #bf1725}
#indexnewfarme .newlist .item .txt h3>a{display: inline-block;font-size: 16px;line-height: 28px;color: white;padding-left: 14px;}
#indexnewfarme .newlist .item .txt p>a{font-size: 14px;line-height: 23px;color: #949090;padding-left: 30px;height:46px;
margin: 15px 0;}

#indexnewfarme .newlist .item .txt time{font-size: 42px;line-height: 54px;color: #605e5e;padding-left: 30px;
max-width: 150px;display: block;float: left;font-family: "agency fb";font-weight: bold;padding: 20px 0px 40px 30px;}
#indexnewfarme .newlist .item .txt>a{display: block;width: 130px;float: right;height: 48px;line-height: 48px;
border: 1px solid white;color: white;text-decoration: none;text-align: center;font-size: 14px;
text-transform: uppercase;margin-top: 60px;}
#indexnewfarme .newlist .item .txt>a i{color: white;font-size: 13px;padding-left: 15px;}

#indexnewfarme .newlist .item:nth-child(2) .txt h3>a{color: #333333;}
#indexnewfarme .newlist .item:nth-child(2) .txt p>a{color: #b3aeae;}

#indexnewfarme .newlist .item:nth-child(2) .txt time{color: #ada8a8;}
#indexnewfarme .newlist .item:nth-child(2) .txt>a{border: 1px solid #333333;color: #333333;}
#indexnewfarme .newlist .item:nth-child(2) .txt>a i{color: #333333;}


#indexnewfarme .newlist .item .txt>a:hover{color: #bf1725;border: 1px solid #bf1725;}
#indexnewfarme .newlist .item .txt>a:hover i{color: #bf1725;}


@media (max-width:991px) {
	#indexnewfarme .focusnew{display: none;}
#indexnewfarme .newlist{width:100%;float: left;padding-right: 0px;}
}
@media (max-width:768px) {
    #indexnewfarme .newlist .item .txt h3 i{text-align: center;color: #bf1725;top: -9px;position: relative;font-size: 1px;margin-left: 3px}
	#indexnewfarme{overflow: hidden;background:linear-gradient(black 60%, white 40%);}
	#indexnewfarme .title{overflow: hidden;padding-top: 20px;float: left;display: block;width: 100%;}
	#indexnewfarme .title h2{font-size: 30px;color: white;text-transform: uppercase;}
	#indexnewfarme .title h4{font-size: 18px;color: #bf1725;margin: 8px 0;}
	#indexnewfarme .title .newhr{width: 90px;height: 1px;background-color: #989898;float: left;}
	
	#indexnewfarme .newlist .item{width: 100%;padding-left:30px;overflow: hidden;padding: 15px 0;}
	#indexnewfarme .newlist .item .txt h3>a{display: inline-block;font-size: 14px;line-height: 22px;float: left;padding:0}
	#indexnewfarme .newlist .item .txt p>a{font-size: 12px;line-height: 17px;display: -webkit-box;height:34px;padding:0;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin: 10px 0;}
	#indexnewfarme .newlist .item .txt time{font-size: 30px;line-height: 40px;color: #605e5e;padding:10px 0;max-width: 150px;display: block;float: left;font-family: "agency fb";font-weight: bold;margin:0;}
	#indexnewfarme .newlist .item .txt>a{display: block;width: 120px;float: right;height: 38px;line-height: 38px;
	border: 1px solid white;color: white;text-decoration: none;text-align: center;font-size: 14px;
	text-transform: uppercase;margin-top: 10px;}
	#indexnewfarme .newlist .item .txt>a i{color: white;font-size: 13px;padding-left: 15px;}
}



#frame4{overflow: hidden;}
#frame4 .title{overflow: hidden;}
#frame4 hr{width: 40%;float: left;margin-top: 40px;}
#frame4 .h2{width: 20%;float: left;text-align: center;margin-top: 0;}
#frame4 .title h2{font-size: 50px;color: #bf1725;font-weight: bold;}
#frame4 .title h4{font-size: 22px;color: #333333;font-weight: bold;}

#frame4 .teamlist{overflow: hidden;padding:40px;}
#frame4 .teamlist .item{width: 33.33333%;float: left;text-align: center;}
#frame4 .teamlist .item .pic{overflow: hidden;border-radius: 50px;padding:10px;}
#frame4 .teamlist .item:nth-child(2n){padding-top:40px;}
#frame4 .teamlist .item:nth-child(2n) .txt{margin:100px 0px 50px 0;}
#frame4 .teamlist .item .pic img{width:100%;}
#frame4 .teamlist .item .pic img:hover{transform: none;}
#frame4 .teamlist .item .txt{overflow: hidden;padding:10px 0px;}
#frame4 .teamlist .item:nth-child(2n+1) .txt{margin-top:30PX;}
#frame4 .teamlist .item .txt h4{font-size: 16px;color: #bf1725;margin-bottom: 20px;font-weight: bold;}
#frame4 .teamlist .item .txt p{font-size: 14px;line-height:26px;color: #333333;max-width: 220px;}
#frame4 img:hover{-webkit-transform: scale(1.0);-moz-transform: scale(1.0);transform: scale(1.0);-o-transform: scale(1.0);-ms-transform: scale(1.0);}


@media (max-width:1530px) {
	#frame4{overflow: hidden;}
	#frame4 .title{overflow: hidden;}
	#frame4 hr{width: 30%;float: left;margin-top: 10px;}
	#frame4 .h2{width: 40%;float: left;text-align: center;margin-top: 0;}
}
@media (max-width:991px) {
#frame4 .title h2{font-size: 22px;}
#frame4 .title h4{font-size: 13px;}
	
	#frame4 .teamlist .item .txt h4{font-size: 14px;color: #bf1725;margin-bottom: 5px;font-weight: bold;
	}
	#frame4 .teamlist{overflow: hidden;padding: 0px;}
}
@media (max-width:768px) {
    #frame4 .teamlist .item{width:100%;}
#frame4 .teamlist .item .pic{overflow: hidden;border-radius: 50px;padding:10px;width:50%;float:left;}
#frame4 .teamlist .item:nth-child(2n) .txt{margin:0px;width:50%;float:left;}

#frame4 .teamlist .item:nth-child(2n+1) .txt{margin-top:0;}

#frame4 .teamlist .item .txt{padding-top:10%;}
}



#frame5{background-image: url(/Template/Default/images/bc1.jpg);padding: 200px 0;background-size: 100%;background-repeat: no-repeat;}
#frame5 .f5left{padding-left: 80px;width: 50%;float: left;}
#frame5 .title{}
#frame5 .title h2{font-size: 54px;font-weight: bold;color: #bf1725;text-transform: uppercase;margin: 5px 0;}
#frame5 .title h3{font-size: 22px;color: #333333;margin-bottom: 15px;font-weight: bold;}
.f5hr{width: 110%;height: 9px;background-color: #bf1725;}
#frame5 .uslist{padding: 30px 0;}
#frame5 .uslist h4{display: inline-block;font-size: 16px;line-height: 20px;}


#frame5 .uslist h2{display: inline-block;color: #bf1725;font-size: 44px;font-weight: bold;line-height: 40px;}

#frame5 .item{padding:30px 30px 30px 0px;border-bottom:1px dashed #bf1725}
#frame5 .item:last-child{border:none}
#frame5 .item i{float:right;font-size:36px;color:#d81e06;margin:auto;line-height: 36px;margin-right:50px}

@media (max-width:1500px) {
    #frame5{background-image: url(../img/back.png);padding: 20px 0;background-size: 100%;background-repeat: no-repeat;}
	
	#frame5 .uslist{padding: 30px 0;}
}
@media (max-width:991px) {
	#frame5{background-image:none;}
#frame5 .f5left{padding-left: 0px;overflow: hidden;width: 100%;float: left;}

#frame5 .title h2{font-size: 20px;font-weight: bold;color: #bf1725;text-transform: uppercase;margin: 5px 0;}
#frame5 .title h3{font-size: 15px;color: #333333;margin-bottom: 10px;font-weight: bold;}
.f5hr{width: 100%;height: 9px;background-color: #bf1725;}
#frame5 .uslist{padding: 20px 0;}
#frame5 .uslist .item{width: 100%;float: left;}
#frame5 .uslist h4{display: inline-block;font-size: 16px;padding-left: 0px;line-height: 36px;text-align: center;}

#frame5 .uslist h2{display: inline-block;color: #bf1725;font-size: 26px;font-weight: bold;line-height: 36px;}



#frame5 .item{padding:10px;}

}


/*底部*/
#friendlist .swiper-slide{margin:auto;text-align:center;padding:30px 0}
#friendlist {padding:20px 0;background-color:#f2f2f2}
#friendlist .swiper-pagination{bottom:0}

#foot{background-color: #313131;padding: 30px 0;overflow: hidden;}
#foot img:hover{transform: none;}
#foot .foottop{border-bottom: 1px solid #565656;padding: 30px 0;overflow: hidden;}

#foot .footcatelist{width: 50%;float: left;overflow: hidden;margin-left: -10px;}
#foot .footcatelist .item{float: left;width: 25%;overflow: hidden;padding: 0 10px;}
#foot .footcatelist .item a{overflow: hidden;display: block;text-decoration: none;}
#foot .footcatelist .item img{width: 100%;}
#foot .footcatelist .item p{color: white;font-size: 16px;line-height: 25px;text-align: center;margin-top: 0px;}
#foot .er{float: right;overflow: hidden;margin-top:80px}
#foot .er img{}

#foot .footdown{padding-top:45px;overflow:hidden;}

#foot .footdown .foot_by{width: 50%;float: left;}
#foot .footdown .company{width: 50%;float: left;text-align: right;}
#foot .footdown .company h2{font-size: 22px;color: white;margin-bottom:5px;}
#foot .footdown .company p{font-size: 16px;color: white;margin-bottom: 20px;color: #bf1725;}

#foot .er i{font-size:24px;color:#fff;margin-left:50px}
#foot .er i:hover{text-decoration: none;background-color:#bf1725}
#foot .er a{text-decoration: none;}
.foot_by{color:white;font-size:14px;}
.foot_by a{color:white;font-size:14px;line-height:28px;}


@media(max-width:991px){

#foot .footdown .foot_by{width: 100%;float: left;}
#foot .footdown .company{width: 50%;float: left;text-align: right;display:none}

#foot .footcatelist{width: 80%;float: left;overflow: hidden;margin-left: -10px;margin-right: -10px;}

#foot .er{float: left;overflow: hidden;width: 20%;text-align: right;}
#foot .footcatelist .item{float: left;width: 33.3333%;overflow: hidden;padding: 0 10px;}
}
@media(max-width:768px){
	#foot .er i{margin:0;margin-right:20px;}
    #foot{background-color: #313131;padding: 15px 0;overflow: hidden;margin-bottom:30px;}
#foot .foottop{border-bottom: 1px solid #565656;padding:  0;overflow: hidden;}
    
#foot .footdown{padding: 10px 0;overflow:hidden;}
#foot .footdown .foot_by{width: 100%;float: left;}
.footdiv{text-align:center;}
#foot .footdown .company{width: 50%;float: left;text-align: right;display:none;}

#foot .footcatelist{width: 80%;float: left;overflow: hidden;margin-left: -10px;margin-right: -10px;display:none;}

#foot .er{float: left;overflow: hidden;width: 100%;text-align: center;}

#foot .er img{float:none;margin:0 auto;}
#foot .footcatelist .item{float: left;width: 33.3333%;overflow: hidden;padding: 0 10px;}
}

/*置顶按钮*/
#GoTop{position:fixed;right:40px;bottom:60px;width:50px;height:50px;background-color:#b0b0b0;border-radius:50px;text-align:center;z-index:3;cursor:pointer;display:none;}
#GoTop>i.iconfont{line-height:50px;display:block;font-size:24px;color:#fff;}
#GoTop:hover{background-color:#bf1725;}


/*关于我们*/
#aboutframe1{background-image: url(/Template/Default/images/aboutback.jpg);padding: 30px 0;}
#aboutframe1 h2{font-size: 30px;color: black;margin-bottom: 20px;text-transform: capitalize;}
#aboutframe1 h2 span{font-size: 30px;color: #006CB6;}
#aboutframe1 p{font-size: 15px;line-height: 30px;font-family: arial;margin-bottom: 0px;letter-spacing: -0.1px;}
#aboutframe1 a{display: block;text-decoration: none;height: 45px;width: 200px;float: left;line-height: 45px;color: white;font-size: 16px;text-transform: capitalize;
}
#aboutframe1 a:hover{background-color: rgba(0,0,0,0);color: #006CB6;}
#aboframe2{overflow: hidden;padding: 30px 0;}
#aboframe2 h2{font-size: 30px;color: black;margin-bottom: 20px;text-transform: capitalize;}
#aboframe2 h2 span{font-size: 30px;color: #006CB6;}
#aboframe2 .worklist{overflow: hidden;margin-left: -5px;margin-right: -5px;}

#aboframe2 .worklist .item{width: 25%;float: left;padding: 5px;overflow: hidden;}
#aboframe2 .worklist .item .border{overflow: hidden; border-radius:30px;}

#about_f{overflow: hidden;padding:50px 0 0 0;background:linear-gradient(#313131 68%, white 50%);}
#about_f .frame2left{width: 33.33333%;float: left;background-color: #bf1725;overflow: hidden;height:646px;position:relative}

#about_f .frame2left .txt{padding: 60px 40px 40px 40px;overflow: hidden;text-align:right}
#about_f .frame2left .f2hr{float:right}
#about_f .frame2left h2{font-size: 44px;margin-bottom: 20px;font-family:HYDiShengYingXiongTiW;letter-spacing:3px;color:#fff}
#about_f .frame2right{width: 66.66666%;float: left;overflow: hidden;}
.f2hr{width: 40px;height: 2px;background-color: white;float: left;}
#about_f .frame2left h4{display: block;margin-top: 10px;font-size: 22px;color: white;margin-bottom: 30px;}
#about_f .frame2left p{float: left;font-size: 13px;line-height: 30px;color:#fff}
#about_f .frame2left a{float: right;display: block;width: 130px;height: 48px;border: 1px solid white;
font-size: 14px;line-height: 48px;text-align: center;text-decoration: none;color:white;margin-top: 40px;}
#about_f .frame2left a i{font-size: 14px;padding-left: 20px;vertical-align:1px;}
#about_f .frame2left a:hover{background-color: white;color: #bf1725;}
#about_f .frame2left .pic{overflow: hidden;}
#about_f .frame2left .pic img{width: 100%;}
#about_f .frame2left .swiper-button-prev{position:relative;background-image:initial;margin:0}
#about_f .frame2left .swiper-button-next{position:relative;background-image:initial;margin:0}
#about_f .frame2left .msg{display:flex;position:absolute;bottom:0;right:60px;margin-bottom:30px}
#about_f .frame2left i{font-size:40px;color:#fff}

#about_f .frame2right{margin-top:68px;}
#about_f .frame2right img:hover{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
#about_f .frame2right .box{display:flex;flex-wrap:wrap}
#about_f .frame2right .box a{width:48.7%;margin:0 10px 10px 0}

.history  .swiper-container{background:url(/Template/Default/images/hisline.png) no-repeat center 90px/100%;}
.history  .swiper-slide{text-align:center;width:25%;padding:20px 30px;text-align:center;position:relative;}
.history  .swiper-slide:before{content:"";width:15px;height:15px;border-radius:50%;background-color:#000;display:inline-block;box-sizing:border-box;position:absolute;top:270px;left:calc(50% - 7px);}
.history  .swiper-slide.swiper-slide-active:before{font-family:iconfont;background-color:white;border:5px solid #cf2f77;width:40px;height:40px;line-height:40px;top:255px;left:calc(50% - 22px);font-size:1px;color:#fff;text-align:center;}
.history  .swiper-slide .pic{height:120px;margin:45px 0 20px 0;}
.history  .swiper-slide .pic img{max-width:100%;max-height:100%;border:1px #cf2f77 solid;border-radius:30px}
.history  .swiper-slide h3{font-size:27px;color:#cf2f77;margin-bottom:80px;}
.history  .swiper-slide p{font-size:15px;line-height:22px;color:#000;text-align:left;width:70%;text-align:center}
.swipe-h{width:100%;height:1px;background: #000;margin-top:198px;position:absolute; /* 标准的语法 */}
.history{position:relative}
#aboutframe{background-image:url(/Template/Default/images/ahb1.jpg);padding-bottom:30px}
#aboutframe .txt h2{border-left:650px solid #efcfdd;border-right:650px solid #efcfdd;line-height: 1px;font-size:58px;text-transform: uppercase;}
#aboutframe .txt{text-align:center;padding-top:80px;padding-bottom:50px}
#aboutframe .abouthistory .swiper-slide:nth-child(2n+1) .item:after {content: "";width: 9px;height: 9px;border-radius: 50%;background-color: #000; position: absolute;left: -5px;top: 0;}
#aboutframe .abouthistory .swiper-slide:nth-child(2n+1) .item:before {content: "";width: 9px;height: 9px;border-radius: 50%;background-color: #000; position: absolute;left: -5px;bottom: 0;z-index:-1}
#aboutframe .abouthistory .swiper-slide:nth-child(2n+1) .item {flex-flow: column;padding-bottom: 20px;}
#aboutframe .abouthistory .swiper-slide:nth-child(2n) .item {flex-flow: column;padding-top: 20px;}
#aboutframe .abouthistory .swiper-slide:nth-child(2n) .item:before {content: "";width: 9px;height: 9px;border-radius: 50%;background-color: #000; position: absolute;left: -5px;top: -6px;z-index:-1}
#aboutframe .abouthistory .swiper-slide:nth-child(2n) .item:after {content: "";width: 9px;height: 9px;border-radius: 50%;background-color: #000; position: absolute;left: -5px;bottom: 0px;z-index:-1}
#aboutframe .abouthistory .swiper-slide { text-align: center;width: 20%; position: relative;border-left: 1px dashed #000;}
#aboutframe .abouthistory .swiper-slide:nth-child(2n+1).swiper-slide-active:before {bottom: -35px;left: -35px;}
#aboutframe .abouthistory{overflow:hidden;    position: relative;}
#aboutframe .abouthistory .swiper-slide.swiper-slide-active:before {content: attr(title);width: 70px;height: 70px;line-height: 70px;border-radius: 50%; background-color:#fff;font-size: 15px;color: #bf1725;text-align: center;box-sizing: border-box;position: absolute;}
#aboutframe .abouthistory .swiper-slide-active{border-color:#bf1725}
.team img:hover{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
.team .txt h2{border-left:650px solid #efcfdd;border-right:650px solid #efcfdd;line-height: 1px;font-size:58px;text-transform: uppercase;}
.team .txt{text-align:center;padding-top:80px;padding-bottom:50px}

.box{margin-bottom:50px}
.box h3{display:none}
.box .txt h2{border-left:650px solid #efcfdd;border-right:650px solid #efcfdd;line-height: 1px;font-size:58px;text-transform: uppercase;}
.box .txt{text-align:center;padding-top:80px;padding-bottom:50px}
.box .item .img{border:10px solid #f3f3f3;overflow:hidden}
.box .item .img img{width:100%}
.box .swiper-slide-active{border:1px solid #da6097;overflow:hidden}
.box .swiper-wrapper{margin-top:20px}
#aboutframe .abouthistory .swiper-slide:nth-child(2n+1) {
	margin-bottom: 200px;
}
#aboutframe .abouthistory .swiper-slide:nth-child(2n+1) .item {
    flex-flow: column-reverse;
    padding-bottom: 20px;
}

#aboutframe .abouthistory .swiper-slide .item {
    display: flex;
    text-align: left;
    padding-left: 30px;
    position: relative;
}

#aboutframe .abouthistory .swiper-slide .picbox {
    overflow: hidden;
    display: inline-block;
    margin: 0;
    text-align: left;
}
#aboutframe .abouthistory .swiper-slide p {font-size: 14px; line-height: 20px;color: #000;margin: 8px 0;}
#aboutframe .abouthistory .swiper-slide .img { margin: 0;border: 4px solid rgba(255,255,255,0.5);border-radius: 5px;overflow: hidden;display: inline-block;position:relative}
#aboutframe .abouthistory .swiper-slide:nth-child(2n) {margin-top: 200px;}

#aboutframe .abouthistory .swiper-slide:nth-child(2n).swiper-slide-active:before {top: -35px;left: -35px;}
#aboutframe .abouthistory .swiper-slide:nth-child(2n+1).swiper-slide-active:after {bottom: -30px;left: -30px;}
#aboutframe .abouthistory .swiper-slide.swiper-slide-active:after {content: ""; width: 60px;height: 60px;border: 1px solid #bf1725;border-radius: 50%;box-sizing: border-box; position: absolute;}

#aboutframe .abouthistory .swiper-slide:nth-child(2n).swiper-slide-active:after {top: -30px;left: -30px;}
#aboutframe .abouthistory .swiper-slide-active .item:first-child:before{background-color:#bf1725}
#aboutframe .abouthistory .swiper-slide-active .item:first-child:after{background-color:#bf1725}
#aboutframe .abouthistory .swiper-slide-active p{color:#bf1725}

@media (max-width:1200px) {
	#aboutframe1{padding:40px 0;}
	#aboutframe1 h2{font-size: 24px;color: black;margin-bottom:15px;text-transform: capitalize;}
	#aboutframe1 h2 span{font-size: 24px;color: #006CB6;}
	#aboutframe1 p{font-size: 13px;line-height: 30px;font-family: arial;margin-bottom: 24px;letter-spacing: -0.1px;}
	#aboutframe1 a{display: block;text-align: center;text-decoration: none;height: 40px;width: 200px;float: left;
	background-color: #006CB6;line-height: 40px;color: white;font-size: 16px;text-transform: capitalize;
	border: 1px solid #006CB6;}
	#aboutframe1 a:hover{background-color: rgba(0,0,0,0);color: #006CB6;}
	#aboframe2{overflow: hidden;padding: 20px 0;}
	#aboframe2 h2{font-size: 24px;color: black;margin-bottom: 15px;text-transform: capitalize;}
	#aboframe2 h2 span{font-size: 24px;color: #006CB6;}
	#aboframe2 .worklist{overflow: hidden;margin-left: -5px;margin-right: -5px;}
	#aboframe2 .worklist .item{width: 25%;float: left;padding: 5px;overflow: hidden;}
	#aboframe2 .worklist .item .border{overflow: hidden;}
	#aboframe3 h2{font-size: 20px;color: white;margin-bottom: 30px;text-transform: capitalize;text-align: center;}

}
@media (max-width:991px) {
	#aboframe4 .history{}
	#aboframe4 .history .item{display: flex;}
	#aboframe4 .history .item .pic{overflow: hidden;float: left;margin: 0;width: 40%;max-width: 40%;min-width: 40%;}
	#aboframe4 .history .item .txt{overflow: hidden;float: left;background-color: #bebebe;margin: 0;position: relative;
	width: 60%;max-width: 60%;min-width: 60%;padding: 20px;}
	#aboframe4 h2{font-size: 18px;color: black;margin-bottom: 10px;text-transform: capitalize;margin-top: 0;}
	#aboframe3 h2{font-size: 18px;color: white;margin-bottom:10px;text-transform: capitalize;text-align: center;margin-top: 0;}
	#aboframe2 h2{font-size: 18px;color: black;margin-bottom: 10px;text-transform: capitalize;margin-top: 0;}
	#aboframe2 h2 span{font-size: 18px;color: #006CB6;}


	#aboutframe1 p{font-size: 12px;line-height: 24px;font-family: arial;margin-bottom:10px;letter-spacing: -0.1px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;}
	#aboutframe1{padding: 20px 0;}
	#aboutframe1 a{display: block;text-align: center;text-decoration: none;height: 35px;width: 120px;float: left;
	background-color: #006CB6;line-height:35px;color: white;font-size: 14px;text-transform: capitalize;
	border: 1px solid #006CB6;}
	
}

.fixhead{position:fixed;top:0;left:0;z-index:19999;}

/*产品中心页*/
#Location .catelist{overflow: hidden;display: flex;justify-content: space-between;}
#Location .catelist a{color: white;font-size: 18px;line-height: 60px;text-transform: uppercase;text-decoration: none;
}

#Location{width:100%;border-bottom:1px solid #cacaca}
.location{margin:5px 0}
.location a{color:#000}
#proframe1{overflow: hidden;width:100%;padding:20px 0;}
#proframe1 .prolist{overflow: hidden;margin-left: -15px;margin-right: -15px;}
#proframe1 .prolist .item{width: 25%;float: left;padding-left: 15px;padding-right: 15px;overflow: hidden;}

#proframe1 .prolist .item .border{overflow: hidden;}
#proframe1 .prolist .item a{overflow: hidden;text-decoration: none;}
#proframe1 .prolist .item .pic{overflow: hidden;}
#proframe1 .prolist .item .pic img{width: 100%;}
#proframe1 .prolist .item .txt{overflow: hidden;padding: 20px 0;}
#proframe1 .prolist .item .txt p{font-size: 18px;color: black;text-align: center;line-height: 24px;}
#proframe1 .prolist .item:nth-child(4n+1){clear:both;}

.probycatelist select{width:300px;background-color:#333333;color:white;line-height:40px;height:40px;padding-left:15px;border-radius:5px;margin-right:20px;margin-top:20px;}
.probycatelist select option{line-height:45px;height:45px;}


@media (max-width:1200px) {
	#proframe1 .prolist{overflow: hidden;margin-left: -10px;margin-right: -10px;}
	#proframe1 .prolist .item{width: 25%;float: left;padding-left: 10px;padding-right: 10px;overflow: hidden;}
	
}
@media (max-width:991px) {
	#proframe1 .prolist{overflow: hidden;margin-left: -10px;margin-right: -10px;}
	#proframe1 .prolist .item{width: 33.333333%;float: left;padding-left: 10px;padding-right: 10px;overflow: hidden;}
	#proframe1 .prolist .item .txt{overflow: hidden;padding:15px 0;}
	#proframe1 .prolist .item .txt p{font-size: 16px;color: black;text-align: center;line-height: 24px;}
	#Location .catelist{overflow: hidden;display: flex;justify-content: space-between;flex-wrap:wrap;}
	#Location .catelist a{color: white;font-size: 11px;line-height: 35px;text-transform: uppercase;text-decoration: none;width:50%;max-width:50%;min-width:50%;padding-left:5px;
	}
    #Location .catelist a:hover{background-color:white;color:#006cb6;}
    	#proframe1 .prolist .item:nth-child(3n+1){clear:both;}
        #proframe1 .prolist .item:nth-child(4n+1){clear:none;}

}
@media (max-width:768px) {
    #aboutframe .abouthistory .swiper-slide:nth-child(2n) .item:before{top:0px}
    #aboutframe .abouthistory .swiper-slide:nth-child(2n).swiper-slide-active:before {top: 165px;left: -35px;}
    #aboutframe .abouthistory .swiper-slide:nth-child(2n).swiper-slide-active:after{top:170px}
    #aboutframe .abouthistory .swiper-slide:nth-child(2n+1){margin-bottom:30px}
    #aboutframe .abouthistory .swiper-slide:nth-child(2n) {margin-top: 0;}
    #GoTop{right:20px}
    #about_f .frame2left .txt{padding-top:40px}
    #about_f .frame2right .box a{width:48%}
    #about_f .frame2right .box a:nth-child(2n){margin-right:0}
	#foot .er{margin:0}
	.team .txt h2{border:none;font-size:32px}
	.box{margin:0;padding-bottom:20px}
	#about_f .frame2left{width:auto;height:470px}
	#about_f .frame2right{margin:0;padding:0;float:initial;width:100%;margin-top:20px}
	#about_f .container{display:flex;flex-direction:column-reverse}
	.box .txt h2{border:none;font-size:32px}
    .box .txt{padding:40px 0 20px 0}
	#aboutframe .txt h2{border:none;font-size:32px}
	#aboutframe .abouthistory .swiper-slide p{width:80%}
	.abouthistory .swiper-wrapper{padding-left:50px}
	#proframe1 .prolist{overflow: hidden;margin-left: -5px;margin-right: -5px;}
	#proframe1 .prolist .item{width: 50%;float: left;padding-left: 5px;padding-right: 5px;overflow: hidden;}
	#proframe1 .prolist .item .txt{overflow: hidden;padding: 10px 0;}
	#proframe1 .prolist .item .txt p{font-size: 13px;color: black;text-align: center;line-height: 16px;}
	#proframe1 .prolist .item:nth-child(2n+1){clear:both;}
        #proframe1 .prolist .item:nth-child(3n+1){clear:none;}
}
/*左侧菜单*/
#left_nav{width:330px;float:left;}
#left_nav dl{overflow:hidden;background-color:#fff;padding:15px 1px;margin-bottom:15px;margin:0 14px;padding-bottom:0}
#left_nav dl dt{font-size:24px;font-weight:bold;line-height:50px;position:relative;color:#fff;text-transform:uppercase; border-left:10px solid #bf1725;padding:10px;background-color:#313131;}
#left_nav dl a:hover{text-decoration:none}
#left_nav dl dt i{font-size:30px;font-weight:initial;margin:0 10px}
#left_nav dl>dd{padding:0;position:relative;cursor:pointer;background-color: #fafafa;display:block}
#left_nav dl>dd:hover{color:#000}
#left_nav dl>dd:hover a,#left_nav dl>dd:hover i{color:#000}
#left_nav dl>dd.active{color:#000}
#left_nav dl>dd.active a{color:#000}
#left_nav dl>dd.active i{color:#9c9c9c;transform:rotate(90deg)}
#left_nav dl>dd:first-child{margin-top:20px}
#left_nav dl dd:last-child{padding-bottom:50px}
#left_nav dl>dd>a{display:block;font-size:14px;font-weight:bold;line-height:30px;padding:10px 20px 10px 20px;position:relative;color:#000;border-bottom:1px solid #ededed;max-width:100%}

#left_nav dl>dd i{position:absolute;right:0px;display:inline-block;width:30px;height:30px;text-align:center;color:#9c9c9c;font-size:10px;right:30px}  
/*#left_nav dl>dd.active:before,#left_nav dl>dd:hover:before{content:"";border-style:solid;border-width:6px 10px;border-color:transparent transparent transparent #1d4275;position:absolute;left:-15px;top:17px;}
*/#left_nav dl>dd.active>a:before,#left_nav dl>dd:hover>a::after{content:"";background-color:#1d4275;}
#left_nav dl>dd ul{transition:all 0s;margin-top:8px;display:none;margin-left:25px;}
#left_nav dl>dd.active ul{display:block;}
#left_nav dl>dd.active ul>li a{}
#left_nav dl>dd.active ul>li{border-left:2px solid #dadada}
#left_nav dl>dd.active ul>li:nth-child(1).active:before{content:"";background-color:#bf1725;width: 2px;height: 12px; position: absolute;bottom: 94px;left: 25px;}
#left_nav dl>dd.active ul>li:nth-child(2).active:before{content:"";background-color:#bf1725;width: 2px;height: 12px; position: absolute;bottom: 55px;left: 25px;}
#left_nav dl>dd.active ul>li:nth-child(3).active:before{content:"";background-color:#bf1725;width: 2px;height: 12px; position: absolute;bottom: 14px;left: 25px;}
#left_nav dl>dd ul>li>a{display:block;font-size:14px;line-height:24px;position:relative;padding:8px 0 8px 15px;text-transform:uppercase;}

#left_nav dl>dd ul>li.active>a,#left_nav dl>dd ul>li:hover>a{color:#bf1725;}
#left_nav dl>dd ul>li.active>a:before,#left_nav dl>dd ul>li:hover>a:before{background-color:#1d4275;}
#left_nav dl>dd ul>li.active>ul{display:block;}
#left_nav dl>dd ul>li>ul.catelist{padding:0 20px 0 ;}
#left_nav dl>dd ul>li>ul.catelist>li>a{display:block;border-bottom:1px solid #d5d5d5;padding-left:8px;font-size:14px;}
#left_nav {margin-top:15px;background-color:#f8f8f8;border-radius:8px 8px 0 0;overflow:hidden;padding: 15px;}
#left_nav img{width:100%;}
#left_nav img:hover{-webkit-transform: scale(1.0);-moz-transform: scale(1.0);transform: scale(1.0);-o-transform: scale(1.0);-ms-transform: scale(1.0);}
#left_nav .img{margin:0 15px;margin-top:10px}
#left_nav  {padding:15px 10px;}
#left_nav  h2{font-size:24px;line-height:1.5;color:#fff;padding:20px;font-weight:bold;border-bottom: 2px solid #f7f7f7; padding-bottom: 10px;color:#000}
#left_nav  p{font-size:14px;line-height:24px;padding:0 0 0 24px;position:relative;color:#666;margin-left:20px}
#left_nav  p:not(:last-child){margin-bottom:10px;}
#left_nav  p i{font-size:20px;line-height:24px;position:absolute;left:0;color:#000}
#left_nav  p a{display:inline-block;font-size:14px;line-height:24px;color:#666;}
#left_nav  p a:hover{color:#bf1725;}
#left_nav  .swiper-button-next,#left_nav  .swiper-button-prev{width:10px;height:20px;background-size:initial;color:#fff;background-image:initial}
#left_nav  .swiper-button-next i,#left_nav  .swiper-button-prev i{background-color:#bf1725;width: 20px;height: 50px;position: absolute; padding: 15px 0;top:-17px}
#left_nav  .swiper-button-next i{margin-left:-15px;padding-left:5px;background-color:#313131}
#left_nav  .swiper-button-prev i{right:-15px}
#left_nav .item .img{border:2px solid #e0e0e0;margin:15px;overflow:hidden}
#left_nav .item .txt{width:50%}
#left_nav .leftproduct{background-color:#fff;padding:15px;}
#left_nav .item .img img{width:100%}
#left_nav .item .txt h4{color:#000;text-align:center;margin:auto}
#left_nav .item .txt .frame1_2_4{background-color: #102e46;border:1px solid #fff}
#left_nav .leftproduct h2{font-size:24px;padding:10px;border-bottom:2px solid #f7f7f7;font-weight:bold;margin-bottom:15px}
#left_nav .leftproduct .item{}

#left_nav .search{overflow: hidden;width: 100%;padding: 15px;position: relative;z-index: 9999;}
#left_nav .search input{width:85%;float: left;line-height: 40px;height: 40px;border: 0;background-color:#eee;padding-left:10px}
#left_nav .search p{width:40%;float: left;padding-left: 20px;background-color: #f5f5f5;line-height: 40px;
color: #c7c4c4;}
#left_nav .search button{width:15%;float: left;text-align: center;height: 40px;border: 0;background-color: #eee;}
#left_nav .search button i{font-size: 24px;color:#d5d5d5 ;}
#left_nav
#sform{display:block;margin:0;overflow:hidden;transition:all 0s;}
#stext{width:calc(100% - 40px);height:40px;line-height:40px;font-size:14px;font-weight:normal;padding-left:8px;float:left;background-color:#fff;}
#sbut{width:40px;height:40px;line-height:40px;border:none;cursor:pointer;background-color:#1e9fff;}
#sbut>i{height:40px;line-height:40px;width:40px;font-size:20px;vertical-align:top;color:#fff;}
.search{position: relative;float: right;}



#right_nav{float:right;width:calc(100% - 370px);padding:15px;background-color:#fff}
#right_nav>.tit{border-bottom:1px solid #1d4275;margin-bottom:30px;padding-bottom:20px;}
#right_nav>.tit h2{font-size:20px;line-height:36px;margin-bottom:5px;color:#1d4275;font-weight:bold;}
#right_nav>.tit p{font-size:14px;line-height:24px;color:#666;font-weight:bold;}
#right_nav .location{font-size:20px;font-weight:bold;border-bottom:1px solid #eaeaea;margin:0 0 15px 0;text-transform:capitalize}
#right_nav .location a{color:#000;font-size:30px}
#right_nav .location span::before {content: "一";margin: 0 10px 0 20px;}
#right_nav .location a:hover{color:#000}
#right_nav .location span.active{color:#989898;font-weight:initial;font-size:16px;position:relative;top:-6px}
#right_nav .location p{font-size:16px;color:#989898;font-weight:initial;margin:10px 0 20px 0}
.nframe{padding-top:2.5vw;overflow:hidden;padding-bottom:2vw;}
.nframe .title{}
.nframe .title h1{font-size:18px;position:relative;margin-top:0;margin-bottom:0;text-transform:uppercase;text-align:center;color:#000;font-weight:bold}
.nframe .title h2{font-size:30px;line-height:1.5;position:relative;margin-top:0;margin-bottom:10px;text-transform:uppercase;text-align:center;font-weight:bold;color:#1d4275}
.nframe .title h3{font-size:30px;margin-top:0;margin-bottom:0;text-transform:capitalize;}
.nframe .title h4{font-size:18px;line-height:24px;color:#1d4275;text-transform:uppercase;}
.nframe .line{height:11px;display:none}
#ProDetailPage .title h1{font-size: 18px;line-height: 2;position: relative;margin-top: 0;text-transform: uppercase;border-bottom: 1px solid #000;padding-bottom: 20px;color: #000;}
.nframe .title p{font-size:14px;font-weight:bold;margin-bottom:25px}
.nframe section{overflow:hidden;}
.nframe section .content{font-size:14px;line-height:24px;color:#505050;}
#ProPage .ProList{overflow:hidden;padding-bottom:15px}
#ProPage .ProList .item{width:calc((100% - 30px)/3);float:left;position:relative}
#ProPage .ProList:nth-child(1) .item{width:calc((100% - 30px)/3);float:left;box-shadow:5px 5px 10px #999;position:relative;height:auto}
#ProPage .ProList .item:not(:nth-child(3n)){margin-right:15px;}
#ProPage .ProList .item:not(:nth-last-child(-n+3)){margin-bottom:30px}
#ProPage .ProList .item:nth-child(3n+1){clear:left;}
#ProPage .ProList .item .pic{padding:10px;background-color:#fff;position:relative;}
#ProPage .ProList .item img{width:100%;border:1px solid #fff;border:1px solid #e9e9e9}
#ProPage .ProList .item .view{background-color:#bf1725;color:#fff;text-decoration:none;position:absolute;bottom: 0;left: 75px;opacity:0}
#ProPage .ProList .item:hover .view{opacity:1}
#ProPage .ProList .item .view h2{font-size:13px;padding:3px 30px 0 30px}
#ProPage .ProList .item .view h2:hover{text-decoration:none}
#ProPage .ProList .item img:hover{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);border:1px solid #000}
#ProPage .ProList .item .txt{padding:5px;}
#ProPage .ProList .item .txt h3{font-size:13px;line-height:15px;border-radius:50px;font-weight:bold;margin-bottom: 10px;}
#ProPage .ProList .item .txt p{font-size:16px;color:#999999;text-align:center}
#ProPage .ProList .item .txt p:hover{text-decoration:none;border:none;}
#ProPage .ProList .item .border a:hover{text-decoration:none;border:none;}
#ProPage .ProList .item .txt .info{overflow:hidden;margin-bottom:50px;}
#ProPage .ProList .item .txt .info p{display:block;width:50%;float:left;line-height:24px;font-size:16px;color:#666;}
#ProPage .ProList .item .txt .info p i{display:inline-block;width:80px;height:80px;line-height:80px;background-color:#1d4275;color:#FFF;font-size:48px;text-align:center;border-radius:50%;margin-right:10px;float:left;}
#ProPage .ProList .item .txt .info p span{display:block;margin-top:20px;}
#ProPage .ProList .item .txt a.link{background-color:#1d4275;color:#fff;font-size:16px;line-height:30px;padding:10px 30px;display:inline-block;}
#ProPage .ProList .item .txt a.link>i{margin-left:6px;font-size:16px;line-height:30px;vertical-align:top;}
#ProPage .ProList .item .txt a.link:hover{box-shadow:0 0 10px #ccc;}
#ProPage .frame1_2_4{background-color:#102e46;float:right;width: 35px;text-align: center;}
#ProPage .frame1_2_4 h4{color:#fff;font-weight:bold;font-size:12px}
#ProPage .frame1_2_4:hover h4{color:#102e46;}
#ProPage .ProList .item .frame1_2_4{position:absolute;right:0;bottom:0}
#left_nav .frame1_2_4{display:block;float:none;width:75%;display:flex;margin:auto}
#left_nav .frame1_2_4 i{padding-left: 3px;border-left: 2px solid #fff;font-size: 20px;margin-left: 0px;padding-right: 3px;line-height:25px}
#left_nav .txt{margin:auto;}
#left_nav .item .txt .frame1_2_4 h4{color:#fff;line-height:10px;font-size: 12px;}
#left_nav .item .txt .frame1_2_4:hover h4{color:#000}
#ProPage .ProList .item:hover h3 {
    color: #1d4275;
}

/*产品详情页*/
#prodetailframe1{overflow: hidden;background-color: #f6f6f6;padding: 15px 0;width:100%;}
#prodetailframe1 .proreamrk{overflow: hidden;background-color: white;box-shadow: 3px 3px 10px #CCCCCC;}
#prodetailframe1 .proreamrk .item{width:100%;margin:0;}
#prodetailframe1 .proreamrk .item .border{overflow:hidden;box-shadow:0 0 5px #d5d5d5;margin:5px}
#prodetailframe1 .proreamrk .leftimg{width: 40%;padding: 30px;float: left;}
#prodetailframe1 .proreamrk .leftimg img{width: 100%;}
#prodetailframe1 .proreamrk .leftimg .swiper-slide-thumb-active{border:1px solid #bf1725;overflow:hidden}
#prodetailframe1 .proreamrk .leftimg .pic{overflow: hidden;box-shadow: 0 0 10px #CCCCCC;}
#prodetailframe1 .rightremark{padding: 50px 50px 0px 10px;width: 50%;float: left;}
#prodetailframe1 .rightremark h4{font-size: 19px;line-height: 34px;color: #333333;font-weight:bold;}
#prodetailframe1 .rightremark>p{font-size: 14px;line-height: 20px;color: #666666;margin-bottom: 20px;}
.prohr{margin: 10px 0;width: 100%;height: 2px;background-color: #a6a6a6;}
#prodetailframe1 .rightremark .parm p{font-size: 15px;line-height: 22px;color: #666666;}
#prodetailframe1 .rightremark .procontat{overflow: hidden;padding-top:15px;padding-bottom: 5px;}
#prodetailframe1 .rightremark .procontat a{display: block;width: 140px;height: 50px;background-color: #bf1725;
border: 1px solid #bf1725;color: white;text-decoration: none;text-align: center;float: left;text-transform:uppercase;
line-height: 50px;font-size: 17px;margin-right:10px;}
#prodetailframe1 .rightremark .procontat a:hover{background-color: white;color: #bf1725;}
#prodetailframe1 .rightremark .procontat a i{font-size: 22px;vertical-align: -2px;padding: 5px;}
#prodetailframe1 .rightremark .procontat p{color: #666666;font-size: 16px;margin-bottom:10px;}
#prodetailframe1 .rightremark .procontat p i{color: #666666;font-size: 22px;vertical-align:-3px;}

#prodeframe2{overflow: hidden;padding: 30px 0;width:100%;}
#prodeframe2 .parlist{overflow: hidden;border-bottom: 1px solid #dbdbdb;}
#prodeframe2 .parlist .item{float: left;}
#prodeframe2 .parlist .item a{line-height: 50px;display: block;padding: 0px 60px;border: 1px solid #DBDBDB;text-transform:uppercase;
font-size: 16px;color: #fff;text-decoration: none;background-color: #bf1725;color: white;}
#prodeframe2 .parlist .item a:hover{}
#prodeframe2 img{transform:none;transition:none;width:auto;}
#prodeframe2 .content{overflow: hidden;}
#prodeframe2 .content p{font-size: 14px;line-height: 22px;}

#picView .btn-next{position: absolute;top: 50%; z-index: 100; right: 10px;}
#picView .btn-prev{position: absolute;top: 50%; z-index: 100; left: 10px;}
#picView .swbtn i{color:#bf1725;font-size:20px}

#picView .swbtn:hover{text-decoration:none}
.bdsharebuttonbox span{float:left;}
#picView .swiper-container:nth-child(2){padding-left:4px}

#Proframe4{overflow:hidden;padding-bottom:20px;width:100%;float:left}
#Proframe4 .tit{overflow: hidden;}
#Proframe4 .tit h2{font-size: 36px;line-height: 60px;font-weight:bold;}
#Proframe4 .tit p{font-size: 14px;color: #939393;line-height: 30px;margin:15px 0;}
#Proframe4 #inquiry{overflow: hidden;margin-left:-15px;}
#Proframe4 #inquiry h2{font-size:26px;line-height:40px;font-weight:bold;margin-top:0;}
#Proframe4 #inquiry p{font-size:16px;line-height:30px;margin:0;}
#Proframe4 #inquiry p a{color:#bf1725}
#Proframe4 .sendpro{overflow: hidden;}
#Proframe4 input{height: 40px;border: 1px solid #d8d8d8;background-color: #f5f8fa;
width: 100%;}
#Proframe4 textarea{background-color: #f5f8fa;border:1px solid #d8d8d8;}


#Proframe4 button{display: block;text-align: center;height: 45px;
float: left;background-color: #bf1725;line-height: 40px;color: white;text-decoration: none;
font-weight: bold;border-radius:10px;border:none;}
#Proframe4 i{padding-left: 10px;}
/*产品详情页订购*/
#Proframe4 .sendpro{overflow: hidden;width:100%;}
#Proframe4 .item{margin-bottom:15px;}
#Proframe4 textarea{height:160px;border-radius:0px;}
#Proframe4 .item input{height: 40px;border: 1px solid #d8d8d8;background-color: #f5f8fa;
width: 100%;border-radius:0px;padding-left:5px;}
#Proframe4 .sendpro .item:nth-child(1){width: 33.33333%;float: left;padding-right: 15px;}
#Proframe4 .sendpro .item:nth-child(2){width: 33.33333%;float: left;padding-right: 15px;}
#Proframe4 .sendpro .item:nth-child(3){width: 33.33333%;float: left;}
#Proframe4 .sendpro .item p{font-size: 20px;color: #6b6b6b;line-height: 40px;}

#Proframe4 .sendpro button{text-align: center;width: 160px;height: 50px;border:1px solid #bf1725;
float: left;background-color: #bf1725;line-height: 45px;color: white;text-decoration: none;
font-weight: bold;margin-top: 10px;border-radius:0px;outline:none;font-size:18px;}
#Proframe4 .sendpro button i{vertical-align:2px;}
#Proframe4 .sendpro button:hover{color:#bf1725;background-color:white;}


@media(max-width:1200px){
    #prodetailframe1{overflow: hidden;background-color: #f6f6f6;padding: 15px 0;}
#prodetailframe1 .proreamrk{overflow: hidden;background-color: white;box-shadow: 3px 3px 10px #CCCCCC;}
#prodetailframe1 .proreamrk .leftimg{width: 60%;padding: 20px;float: left;}
#prodetailframe1 .proreamrk .leftimg img{width: 100%;}
#prodetailframe1 .proreamrk .leftimg .pic{overflow: hidden;box-shadow: 3px 3px 10px #CCCCCC;}
#prodetailframe1 .rightremark{padding: 10px 10px 0px 10px;width: 40%;float: left;}
#prodetailframe1 .rightremark h4{font-size: 15px;line-height: 34px;color: #666666;}
#prodetailframe1 .rightremark>p{font-size: 14px;line-height: 20px;color: #666666;margin-bottom: 20px;}
.prohr{margin: 10px 0;width: 100%;height: 2px;background-color: #a6a6a6;}
#prodetailframe1 .rightremark .parm p{font-size: 15px;line-height: 22px;color: #666666;}
#prodetailframe1 .rightremark .procontat{overflow: hidden;padding-top: 20px;padding-bottom: 5px;}
#prodetailframe1 .rightremark .procontat a{display: block;width: 140px;height: 50px;background-color: #0091DA;
border: 1px solid #0091DA;color: white;text-decoration: none;text-align: center;float: left;
line-height: 50px;font-size: 17px;}
#prodetailframe1 .rightremark .procontat a:hover{background-color: white;color: #0091DA;}
#prodetailframe1 .rightremark .procontat a i{font-size: 22px;vertical-align: -2px;padding: 5px;}
#prodetailframe1 .rightremark .procontat p{color: #666666;font-size: 16px;}
#prodetailframe1 .rightremark .procontat p i{color: #666666;font-size: 22px;}

}

@media(max-width:991px){
        #prodetailframe1{overflow: hidden;background-color: #f6f6f6;padding: 10px 0;}
#prodetailframe1 .proreamrk{overflow: hidden;background-color: white;box-shadow: 3px 3px 10px #CCCCCC;}
#prodetailframe1 .proreamrk .leftimg{width: 60%;padding: 10px;float: left;}
#prodetailframe1 .proreamrk .leftimg img{width: 100%;}
#prodetailframe1 .proreamrk .leftimg .pic{overflow: hidden;box-shadow: 3px 3px 10px #CCCCCC;}
#prodetailframe1 .rightremark{padding: 10px 10px 0px 10px;width: 40%;float: left;}
#prodetailframe1 .rightremark h4{font-size: 14px;line-height: 24px;color: #666666;}
#prodetailframe1 .rightremark>p{font-size: 12px;line-height: 18px;color: #666666;margin-bottom: 15px;}
.prohr{margin: 10px 0;width: 100%;height: 2px;background-color: #a6a6a6;}
#prodetailframe1 .rightremark .parm p{font-size: 12px;line-height: 22px;color: #666666;}
#prodetailframe1 .rightremark .procontat{overflow: hidden;padding-top: 0px;padding-bottom: 5px;}
#prodetailframe1 .rightremark .procontat a{display: block;width: 120px;height: 40px;background-color: #0091DA;
border: 1px solid #0091DA;color: white;text-decoration: none;text-align: center;float: left;
line-height: 40px;font-size: 14px;}
#prodetailframe1 .rightremark .procontat a:hover{background-color: white;color: #0091DA;}
#prodetailframe1 .rightremark .procontat a i{font-size: 22px;vertical-align: -2px;padding: 5px;}
#prodetailframe1 .rightremark .procontat p{color: #666666;font-size: 16px;display:none;}

    #Proframe4 .sendpro .item:nth-child(1){width:100%;float: left;padding-right: 0px;}
#Proframe4 .sendpro .item:nth-child(2){width: 100%;float: left;padding-right: 0px;}
#Proframe4 .sendpro .item:nth-child(3){width:100%;float: left;}
#Proframe4 .sendpro button{text-align: center;width: 140px;height: 40px;border:1px solid #bf1725;
float: left;background-color: #bf1725;line-height: 35px;color: white;text-decoration: none;
font-weight: bold;margin-top:10px;border-radius:0px;outline:none;font-size:16px;}

}
@media(max-width:767px){
    #left_nav dl>dd{display:none}
    #left_nav dl>dt{font-size:20px;line-height:20px}
    #left_nav dl>dt i{font-size:20px}
    #sform{margin-bottom:10px;border:1px solid #eee}
    #ProPage .ProList .item .pic{padding:0}
    #left_nav .search{padding:10px}
    #left_nav{width:auto}
    #left_nav dl{padding-bottom:0}
    #left_nav dl dd:last-child{padding-bottom:20px}
    #left_nav div:nth-child(3){display:none}
    #left_nav div:nth-child(4){display:none}
    #ProPage .ProList .item:nth-child(3n+1){clear:initial}
    #ProPage .ProList .item:nth-child(3n){margin-right:15px}
    #ProPage .ProList .item:nth-child(2n){margin:0;margin-bottom:30px}
    #ProPage .ProList .item{width:calc((100% - 15px)/2);padding:0;margin-bottom:30px;clear:initial}
    #sbut>i{line-height:30px}
    #Proframe4{overflow:hidden;padding-bottom:5px;}

    #Proframe4 #inquiry h3{font-size:22px;line-height:50px;}
#Proframe4 #inquiry p{font-size:14px;line-height:30px;margin:0px;}
#Proframe4 .item{margin-bottom:5px;}

    #Proframe4 .sendpro .item p{font-size: 14px;color: #6b6b6b;line-height: 24px;}
    #Proframe4 .item input{height: 30px;border: 1px solid #d8d8d8;
width: 100%;border-radius:0px;}
    #Proframe4 .sendpro button{text-align: center;width: 140px;height: 40px;border:1px solid #bf1725;
float: left;background-color: #bf1725;line-height: 35px;color: white;text-decoration: none;
font-weight: bold;margin-top: 10px;border-radius:0px;outline:none;font-size:14px;}
            #prodetailframe1{overflow: hidden;background-color: #fff;padding: 10px 0;}
#prodetailframe1 .proreamrk{overflow: hidden;background-color: white;box-shadow:none}
#prodetailframe1 .proreamrk .leftimg{width: 100%;padding: 10px;float: left;}
#prodetailframe1 .proreamrk .leftimg img{width: 100%;}
#prodetailframe1 .proreamrk .leftimg .pic{overflow: hidden;box-shadow: 3px 3px 10px #CCCCCC;}
#prodetailframe1 .rightremark{padding: 10px 10px 0px 10px;width: 100%;float: left;}
#prodetailframe1 .rightremark h4{font-size: 14px;line-height: 24px;color: #666666;}
#prodetailframe1 .rightremark>p{font-size: 12px;line-height: 18px;color: #666666;margin-bottom: 15px;}
.prohr{margin: 10px 0;width: 100%;height: 2px;background-color: #a6a6a6;}
#prodetailframe1 .rightremark .parm p{font-size: 12px;line-height: 22px;color: #666666;}
#prodetailframe1 .rightremark .procontat{overflow: hidden;padding-top: 0px;padding-bottom: 5px;}
#prodetailframe1 .rightremark .procontat a{display: block;width: 140px;height: 40px;background-color: #bf1725;
border: 1px solid #bf1725;color: white;text-decoration: none;text-align: center;float: left;text-align:center;
line-height: 40px;font-size: 14px;}
#prodetailframe1 .rightremark .procontat a:hover{background-color: white;color: #bf1725;}
#prodetailframe1 .rightremark .procontat a i{font-size: 22px;vertical-align: -2px;padding: 5px;}
#prodeframe2{overflow: hidden;padding: 10px 0;}
#prodeframe2 .parlist{overflow: hidden;border-bottom: 1px solid #dbdbdb;}
#prodeframe2 .parlist .item{float: left;}
#prodeframe2 .parlist .item a{line-height: 40px;display: block;padding: 0px 40px;border: 1px solid #DBDBDB;
font-size: 14px;color: #fff;text-decoration: none;}
#prodeframe2 .parlist .item a:hover{background-color: #bf1725;color: white;}
#prodeframe2 .content{overflow: hidden;}
#prodeframe2 .content p{font-size: 12px;line-height: 22px;}


}

#Proframe3 img{width:100%;}
#Proframe3{overflow: hidden;padding: 30px 0;margin:0;}
#Proframe3 .relatedpro{background-color:#fafafa;overflow:hidden;}
#Proframe3 .title{padding-top:10px;}
#Proframe3 .title h3{font-size: 20px;line-height:45px;padding-left:30px;margin-top:10px;font-weight:bold;text-transform:uppercase;}
#Proframe3 .relatprolist{padding:30px ;overflow: hidden;}
#Proframe3 .relatprolist .border{overflow:hidden;position:relative;}
#Proframe3 .relatprolist .border .hid{position:absolute;top:-300px;left:0;background-color:rgba(0,0,0,0.75);width:100%;height:100%;z-index:999;
}

#Proframe3 .relatprolist .border:hover .hid{top:0;}
#Proframe3 .relatprolist .border .hid p{color:white;text-align:center;font-size:13px;padding-top:calc(35% - 8px)}
@media (max-width:991px) {

#Proframe3 .relatprolist{padding:30px 10px ;overflow: hidden;}
#Proframe3 .title h3{font-size: 18px;line-height:30px;padding-left:15px;margin-top:10px;font-weight:bold;}
#Proframe3 .relatprolist{padding:10px;overflow: hidden;}
#Proframe3 .relatprolist .border .hid{position:absolute;top:0px;left:0;background-color:rgba(0,0,0,0.4);width:100%;height:100%;z-index:999;}
}

.panelbox{margin-bottom:30px;padding-top:10px;padding-left:5px;}
#Proframe3{overflow: hidden;padding: 10px 0;margin:0;}

.panelbox:not(:first-child){display:none;}

.proshare{padding-top:5px;}
.proshare a{text-decoration:none;line-height:40px;}
.proshare a:not(:nth-child(1)){padding-left:10px;}
.proshare i:hover{color:#bf1725;}
.proshare i{font-size:25px;color:#000;}


#ibframe .swiper-pagination-bullet-active {
    opacity: 1;
    background: #bf1725;
}

/*新闻页*/
#newframe{overflow: hidden;padding: 25px 0;}
#newframe .newlist{overflow: hidden;margin-left: -17px;margin-right: -17px;}
#newframe .newlist .item{width: 33.333333%;float: left;padding:3px 17px 20px 17px;}
#newframe .newlist .item .border{overflow: hidden;box-shadow: 0px 0px 3px #CCCCCC;position: relative;}
#newframe .newlist .item .border .flash{width: 0%;position: absolute;background-color: #bf1725;height: 8px;
top: 0;transition: all 0.5s;}
#newframe .newlist .item .border:hover .flash{width: 100%;}

#newframe .newlist .item .border a{text-decoration: none;color: black;}
#newframe .newlist .item .border .txt{padding: 15px;}
#newframe .newlist .item .border .txt time{font-size: 14px;font-family: Raleway-Bold;line-height: 22px;margin-bottom: 20px;color:#999999}
#newframe .newlist .item .border .txt time i{padding-right: 5px;}
#newframe .newlist .item .border .txt p{font-size: 16px;line-height: 26px;height:30px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin:15px 0;margin:0;
font-family: Raleway-Bold;}
#newframe .newlist .item .border .txt p:last-child{font-size:13px;color:#ada8a8}
#newframe .newlist .item .border .pic{overflow: hidden;}


@media(max-width:1200px){
    #newframe{overflow: hidden;padding:20px 0;}
    #newframe .newlist{overflow: hidden;margin-left: -15px;margin-right: -15px;}
#newframe .newlist .item{width: 33.333333%;float: left;padding:3px 15px 15px 15px;}
#newframe .newlist .item .border .txt{padding: 15px;}
#newframe .newlist .item .border .txt time{font-size: 13px;font-family: Raleway-Bold;line-height: 20px;margin-bottom: 10px;}
#newframe .newlist .item .border .txt time i{padding-right: 5px;}
#newframe .newlist .item .border .txt p{font-size: 15px;font-weight: bold;line-height: 24px;height:48px;}


}
@media(max-width:991px){
    #newframe{overflow: hidden;padding:10px 0;}
    #newframe .newlist{overflow: hidden;margin-left: -10px;margin-right: -10px;}
#newframe .newlist .item{width: 50%;float: left;padding:3px 10px 10px 10px;}
#newframe .newlist .item .border .txt{padding: 10px;}
#newframe .newlist .item .border .txt time{font-size: 12px;font-family: Raleway-Bold;line-height: 18px;margin-bottom: 10px;}
#newframe .newlist .item .border .txt time i{padding-right: 5px;}
#newframe .newlist .item .border .txt p{font-size: 14px;font-weight: bold;line-height: 20px;height:40px;}


}
@media(max-width:767px){
    #newframe{overflow: hidden;padding:10px 0;}
    #newframe .newlist{overflow: hidden;margin-left: -5px;margin-right: -5px;}
#newframe .newlist .item{width: 50%;float: left;padding:3px 5px 5px 5px;}
#newframe .newlist .item .border .txt{padding: 5px;}
#newframe .newlist .item .border .txt time{font-size: 12px;font-family: Raleway-Bold;line-height: 16px;margin-bottom: 5px;}
#newframe .newlist .item .border .txt time i{padding-right: 5px;}

#newframe .newlist .item .border .txt p{font-size: 12px;font-weight: initial;line-height: 16px;height:32px;margin:0 3px;margin-top: 5px;}
#newframe .newlist .item .border .txt p:nth-child(2){font-size: 12px;font-weight: initial;line-height: 16px;margin-top: 5px;height:16px;}
}


/*联系我们页*/
#contactframe1{overflow: hidden;padding: 40px 0;}
#contactframe1 .conframeleft{text-align:center;
padding: 60px;}
#contactframe1 .conframeleft dd{}
#contactframe1 .conframeright{width: 100%;height:500px}
#contactframe1 .conframeright p{text-align:center;color:#7f7e7e;margin-top:10px}
.flex{}
.map{height:100%}

#contactframe1 .concon dt{font-size:28px;text-transform: uppercase;color: #000;margin: 10px 0;font-family: arial;}
#contactframe1 .concon dd{font-size:15px;color: #000;line-height: 30px;}
#contactframe1 .concon dd a{font-size:16px;line-height:20px;color:#000;}
#contactframe1 .concon dd a:hover{color:#bf1725;}
#contactframe1 .concon dd p{font-size: 26px;line-height: 20px;margin: 20px 0;color:#000;font-weight:bold}
#contactframe1 .concon dd i{margin-right:10px}
.consharelist h3{font-size: 24px;line-height: 30px;font-family: arial;font-weight: bold;color: white;}
.consharelist a{font-size:26px;color:white;padding-right:13px;display:inline-block;width:50px}
.consharelist img{transition:all 0.5s;}
.consharelist img:hover{transform: scale(1.05);}
.amap-marker-label{display:none}
#contactframe2 {
    overflow: hidden;
}
#contactframe2 .title{overflow: hidden;text-align: center;}
#contactframe2 h2{font-size: 30px;margin-bottom:20px}
#contactframe2 span{font-size: 30px;font-family:bahnschrift;font-weight: normal;color: #006cb6;}
#contactframe2 .title p{font-size: 15px;line-height: 26px;max-width: 700px;font-family: arial;}

.conthr{width: 50%;margin: 20px auto;text-align: center;}
#contactframe2 .incontext{overflow: hidden;margin-left: -15px;margin-right: -15px;}
#contactframe2 .item{width: 25%;float: left;padding-left: 15px;padding-right: 15px;padding-bottom: 20px;position:relative;}
#contactframe2 .item input{width: 100%;border: 2px solid #e7e7e7;line-height: 40px;padding-left: 15px;}
#contactframe2 .item input::placeholder{color:#e7e7e7}

#contactframe2 .item em{position:absolute;left:20px;line-height:50px;color:red}

#contactframe2 .item:nth-child(5){width: 100%;padding: 0 15px;padding-bottom: 15px;}
#contactframe2 textarea{width: 100%;border: 2px solid #e7e7e7;padding:10px 15px;}
#contactframe2 textarea::placeholder{color:#e7e7e7}
#contactframe2 .send{overflow: hidden;padding-bottom:20px;} 
#contactframe2 .send a{overflow: hidden;text-decoration: none;text-transform: uppercase;
text-align: center;background-color: #313131;border: 1px solid #bf1725;height: 60px;
color: white;font-size: 15px;line-height: 60px;padding:10px 150px} 
#contactframe2 .send a:hover{background-color: white;color:#bf1725;}

@media (max-width:991px) {

    #contactframe1{padding:15px 0;}
    .flex{display: flex;flex-wrap:wrap;}
	#contactframe1 .conframeleft{width: 100%;max-width: 100%;min-width: 100%;
	padding: 60px;}
	#contactframe1 .conframeright{width: 100%;max-width: 100%;min-width: 100%;height:400px;}
	#contactframe2 .item{width:50%;float: left;padding-left: 15px;padding-right: 15px;padding-bottom:15px;}
	#contactframe1 .concon dt{font-size:24px;text-transform: uppercase;color: white;margin: 5px 0;font-family: arial;}
	#contactframe1 .concon dd{font-size:13px;text-transform: uppercase;color: #000;line-height: 26px;text-transform: capitalize;}
	#contactframe1 .concon dd p{font-size: 16px;line-height: 20px;margin: 20px 0;}
	.consharelist h3{font-size: 20px;line-height: 30px;font-family: arial;font-weight: bold;color: white;}
	#contactframe2 h2{font-size:22px;margin: 0;}
	#contactframe2 span{font-size: 22px;font-family:bahnschrift;font-weight: normal;color: #006cb6;}
	#contactframe2 .title p{font-size: 14px;line-height: 18px;max-width: 700px;font-family: arial;margin-top: 5px;}
	#contactframe2 .item input{width: 100%;border: 2px solid #e7e7e7;line-height: 35px;padding-left: 10px;}
	#contactframe2 .send a{overflow: hidden;display: block;width: 100%;text-decoration: none;text-transform: uppercase;
	text-align: center;background-color: #bf1725;border-radius: 10px;border: 1px solid #bf1725;height: 40px;
	color: white;font-size: 16px;line-height: 40px;} 
	
}
@media (max-width:768px) {
	#contactframe1 .conframeleft{width: 100%;max-width: 100%;min-width: 100%;
	padding:30px;}
	#contactframe1 .conframeright{width: 100%;max-width: 100%;min-width: 100%;}
	#contactframe2 .item{width:100%;float: left;padding-left: 15px;padding-right: 15px;padding-bottom:10px;}
	#contactframe1 .concon dt{font-size:20px;text-transform: uppercase;color: white;margin: 5px 0;font-family: arial;}
	#contactframe1 .concon dd{font-size:12px;text-transform: uppercase;color: white;line-height: 25px;
	color: #000;text-transform: capitalize;}
	#contactframe1 .concon dd p{font-size: 13px;line-height: 20px;margin: 15px 0;}
	#contactframe2 .item input{width: 100%;border: 2px solid #e7e7e7;line-height: 35px;padding-left: 10px;
	font-size: 13px;}
	#contactframe2 .send a{overflow: hidden;display: block;width:120px;text-decoration: none;text-transform: uppercase;
	text-align: center;background-color: #bf1725;border-radius:5px;border: 1px solid #bf1725;height: 40px;
	color: white;font-size: 14px;line-height: 40px;padding:0} 
	
}



.noinfo{padding:15px;}


/*右侧内容*/

.nframe{padding-top:50px;padding-bottom:30px;overflow:hidden;width:100%;}
.nframe .title{margin-bottom:25px;text-align:center;}
.nframe .title h1{font-size:24px;margin-top:0;margin-bottom:0;}
.nframe .title h2{font-size:24px;margin-bottom:0;margin-top:0;letter-spacing:1px;border-bottom:3px solid #94f5cf;display:inline-block;position:relative;}
.nframe .title h2 font{color:#e95025;position:relative;}
.nframe .title h2 font::after{content:"";width:100%;height:2px;background-color:#94f5cf;position:absolute;bottom:-12px;left:0;}
.nframe .title h3{font-size:30px;margin-top:0;margin-bottom:0;text-transform:uppercase;}
.nframe .title p{font-size:14px;line-height:20px;color:#747474;}
.nframe .title .line{position:relative;}
.nframe .title .line>span{position:relative;z-index:1;display:inline-block;width:54%;font-size:16px;}
.nframe .title .line:before{content:"";width:18%;height:1px;background-color:#ccc;position:absolute;left:5%;top:9px;}
.nframe .title .line:after{content:"";width:18%;height:1px;background-color:#ccc;position:absolute;right:5%;top:9px;}
.nframe .tit>h2{margin:0 0 20px;font-size:36px;text-transform:uppercase;}
.nframe .tit>h1{font-size:28px;margin-bottom:15px;margin-top:0;color:#080808;}
.nframe .tit>p{font-size:14px;}
.nframe section{overflow:hidden;}
.nframe section .content{font-size:14px;line-height:24px;color:#505050;padding-bottom:20px;}
@media (min-width:992px) and (max-width:1229px) {
    #right_nav{width:70%;}
    
    .nframe{padding-top:25px;padding-bottom:25px;}
    .nframe .title{margin-bottom:20px;}
    .nframe .title h1{font-size:24px;}
    .nframe .title h2{font-size:24px;}
    .nframe .title h3{font-size:24px;}
    .nframe .title .line>span{font-size:14px;}

    .nframe .tit{margin-bottom:15px;}
    .nframe .tit>h1{font-size:24px;}
    .nframe .tit>h2{font-size:24px;}
    .nframe .tit>h3{font-size:18px;}
    .nframe section .content{font-size:16px;line-height:1.5;}
}
@media (min-width:768px) and (max-width:991px) {
    #right_nav{width:100%;}
    #right_nav .tit h3{font-size:20px;}
    
    .nframe{padding-top:25px;padding-bottom:25px;}
    .nframe .title{margin-bottom:20px;}
    .nframe .title h1{font-size:20px;}
    .nframe .title h2{font-size:20px;}
    .nframe .title h3{font-size:20px;}
    .nframe .title p{font-size:13px;line-height:18px;}
    .nframe .title .line>span{font-size:14px;}

    .nframe .tit{margin-bottom:15px;}
    .nframe .tit>h1{font-size:24px;}
    .nframe .tit>h2{font-size:18px;}
    .nframe .tit>h3{font-size:18px;}
    .nframe .tit>p{font-size:14px;}
    .nframe section .content{font-size:16px;line-height:1.5;}
}
@media (min-width:1px) and (max-width:767px) {
    #right_nav{width:100%;padding:0}
    #right_nav .tit h3{font-size:16px;}
    embed{max-width:100%;height:auto;}
    
    .nframe{padding-top:20px;padding-bottom:20px;}
    .nframe .title{margin-bottom:10px;}
    .nframe .title h1{font-size:18px;}
    .nframe .title h2{font-size:18px;}
    .nframe .title h3{font-size:18px;}
    .nframe .title p{font-size:12px;line-height:18px;}
    .nframe .title .line:before{display:none;}
    .nframe .title .line:after{display:none;}
    .nframe .title .line>span{font-size:12px;width:100%;}

    .nframe .tit{margin-bottom:10px;}
    .nframe .tit>h1{font-size:18px;line-height:24px;margin-bottom:10px;}
    .nframe .tit>h2{font-size:16px;line-height:24px;}
    .nframe .tit>h3{font-size:15px;}
    .nframe .tit>p{font-size:13px;}
    .nframe section .content{font-size:13px;line-height:24px;}

    .table-responsive table{width:100%;}
}

#NewsPage #sharelist{border-bottom:1px solid #eaeaea;padding:8px 15px;text-align:right;margin-bottom:30px;width:100%;overflow:hidden;}
#NewsPage #sharelist>p{float:left;line-height:24px;font-size:14px;color:#868686;margin:0;}
#NewsPage #sharelist span{display:inline-block;font-size:14px;color:#868686;margin-right:10px;line-height:30px;}
#NewsPage #sharelist>a{display:inline-block;color:#868686;font-size:20px;margin:0 0 0 5px;border:1px solid #999;width:30px;height:30px;line-height:28px;text-align:center;}
#NewsPage #sharelist>a:hover{color:#e95025;border:1px solid #e95025;}
#NewsPage #sharelist .bdsharebuttonbox{float:right;}
#NewsPage #sharelist .bdsharebuttonbox>span{line-height:30px;}
#NewsPage #sharelist .bdsharebuttonbox>a{display:inline-block;vertical-align:middle;float:none;width:30px;height:30px;color:#666;border:1px solid #666;}
#NewsPage #sharelist .bdsharebuttonbox>a:before{line-height:30px;}
#NewsPage #sharelist .bdsharebuttonbox>a:hover{color:#e95025;border:1px solid #e95025;}
#NewsPage .btnList{margin-top:30px;padding-top:20px;border-top:1px solid #cdcdcd;}
#NewsPage .btnList a{text-decoration:none;color:#333333;}
#NewsPage .btnList a:hover{text-decoration:none;color:#bf1725;}
#NewsPage .btnList>.link{font-size:16px;line-height:40px;}
#NewsPage .btnList>.link>i.iconfont{display:inline-block;width:40px;height:40px;line-height:38px;text-align:center;font-size:20px;border-radius:50%;border:2px solid #fff;color:#dedede;vertical-align:top;margin:0 6px;}
#NewsPage .btnList>.link:hover>i.iconfont{border:2px solid #e95025;color:#e95025;}
@media screen and (min-width:992px ) and (max-width:1229px) {
    #NewsList .item{padding:15px;}
    #NewsList .item h4{font-size:16px;}
    #NewsList .item p{font-size:13px;line-height:20px;height:40px;-webkit-line-clamp:2;margin-bottom:10px;}
    #NewsList .item span{font-size:13px;}
    #NewsList .item span.more{font-size:13px;}
}
@media (min-width:768px) and (max-width:991px) {
    #NewsList .item{padding:15px;}
    #NewsList .item h4{font-size:14px;}
    #NewsList .item p{font-size:12px;line-height:18px;height:36px;-webkit-line-clamp:2;margin-bottom:5px;}
    #NewsList .item span{font-size:12px;}
    #NewsList .item span.more{font-size:12px;}
}
@media (max-width:767px){
    #NewsList .item{width:100%;padding:15px;margin-bottom:15px;}
    #NewsList .item:nth-child(2n+1){margin-right:0;}
    #NewsList .item h4{font-size:14px;}
    #NewsList .item p{font-size:12px;line-height:18px;height:36px;-webkit-line-clamp:2;margin-bottom:5px;}
    #NewsList .item span{font-size:12px;}
    #NewsList .item span.more{font-size:12px;}

    #NewsPage #sharelist>p{width:100%;margin-bottom:5px;font-size:12px;}
}



/*感谢页面*/
#thk_nav{}
#thk_nav h2{margin-bottom:20px;text-align:center;}
#thk_nav>p{line-height:28px;font-size:14px;}
.btnthank{padding:5px 10px;margin-top:15px;display:inline-block;border:1px solid #e95025;color:#ffffff;background-color:#e95025;}
.btnthank:hover{background-color:#ffffff;color:#e95025;}
@media (max-width:767px) {
    #thk_nav>p{line-height:20px;font-size:13px;}
}

/*网站地图*/
#sitemapnav { width:100%; position:relative;overflow:hidden;}
#sitemapnav li{  list-style:none;}
#sitemapnav a{ color:#333; }
#sitemapnav .fontbig {	width:100% !important;}
#sitemapnav .bigli{float:left;	width:100%;  line-height:35px;font-size:18px;}
#sitemapnav .bigli a {color:#666; font-weight:bold;text-transform:capitalize;}
#sitemapnav .bigli a:hover {text-decoration:underline;}
#sitemapnav .abli_02{ float:left;width:44%;margin-left:5%;font-size:16px; height:30px; line-height:30px; overflow:hidden; display:inline;font-weight:normal; }
#sitemapnav .abli_02 a:hover{text-decoration:underline;}
.jiange{ float:left; 	width:100%;  height:2px; border-bottom:solid 1px #d2d2d2; margin-top:8px;margin-bottom:8px;}
.probigclass {padding-left:50px;}
#sitemapnav .PROclass_01 { float:left;width:95%;margin-left:5%; font-size:16px; line-height:30px; display:inline;font-weight:bold; }
#sitemapnav .PROclass_02 { float:left;width:90%;margin-left:8%;font-size:16px; height:22px; line-height:22px;  overflow:hidden;display:inline;font-weight:normal; }

#sitemapnav .PROclass_01 a{  color:#666;}
#sitemapnav .PROclass_02 a{ color:#666;}
#sitemapnav .PROclass_01 a:hover{ text-decoration:underline;}
#sitemapnav .PROclass_02 a:hover{ text-decoration:underline;}

#sitemapnav .PROclass_03 { float:left;width:40%;margin-left:10%;color:#666666;font-size:14px;display:inline; line-height:20px;}
#sitemapnav .PROclass_03 a:hover{ text-decoration:underline;}
#sitemapnav .PROclass_04 { float:left;width:40%;margin-left:10%;display:inline;}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media screen and (min-width:1px ) and (max-width:767px)
{
	#sitemapnav .abli_02{width:44%;}
    #sitemapnav .bigli{font-size:16px;}
    #sitemapnav .abli_02{font-size:14px;line-height:20px;}
    #sitemapnav .PROclass_01{font-size:14px;}
    #sitemapnav .PROclass_02{font-size:13px;}
    #sitemapnav .PROclass_03{font-size:12px;width:100%;}
    #sitemapnav .PROclass_04{width:100%;}
}


/*************图库*************/
#GalleryList{margin:0 -8px 0;overflow:hidden;}
#GalleryList .item{width:25%;padding:0 8px;float:left;margin-bottom:20px;}
#GalleryList .item:nth-child(4n+1){clear:left;}
#GalleryList .item .img{border:1px solid #eee;}
#GalleryList .item .img img{width:100%;}
#GalleryList .item h3{margin:10px 0;text-align:center;font-size:18px;font-weight:normal;}
@media screen and (min-width:992px ) and (max-width:1229px) {
}
@media screen and (min-width:768px ) and (max-width:991px){
    #GalleryList{margin:20px -5px 0;overflow:hidden;}
    #GalleryList .item{width:33.33%;padding:0 5px;}
    #GalleryList .item:nth-child(4n+1){clear:initial;}
    #GalleryList .item:nth-child(3n+1){clear:left;}
    #GalleryList .item figcaption{padding:15px;}
    #GalleryList .item h3{margin:0;text-align:center;font-size:16px;}
}
@media (max-width:767px) {
    #GalleryList{margin:15px -5px 0;}
    #GalleryList .item{width:50%;padding:0 5px}
    #GalleryList .item:nth-child(4n+1){clear:initial;}
    #GalleryList .item:nth-child(2n+1){clear:left;}
    #GalleryList .item figcaption{padding:15px;}
    #GalleryList .item h3{margin:0;text-align:center;font-size:14px;}
}

#downtable.table th{text-align:center;font-size:16px;font-weight:normal;}
#downtable.table>tbody>tr>td>i{color:#fa5a66;font-size:30px}
#downtable.table>tbody>tr>td{border-top:none;border-bottom:none;vertical-align:middle;padding:8px 15px;font-size:15px;color:#666;border-bottom:2px solid #e0e0e0}
#downtable.table>tbody>tr>td:hover{color:#fa5a66}
#downtable.table>tbody>tr:hover i.icon-down{color:#fa5a66}
#downtable.table-striped>tbody>tr:nth-of-type(2n+1){background-color:#e9e9e9;}
#downtable.table>tbody>tr>td:nth-child(1){}
#downtable.table>tbody>tr>td:nth-child(2){}
#downtable.table>tbody>tr>td:nth-child(3){width:135px;text-align:center;}
#downtable.table>tbody>tr>td:nth-child(4){width:135px;text-align:center;}
#downtable.table>tbody>tr>td i.icon-view{font-size:20px;}
#downtable.table>tbody>tr>td i.icon-down{font-size:16px;color:#b2b2b2;margin-left:20px}
#downtable.table>tbody>tr>td a{font-size:16px;color:#000}
@media (max-width:767px) { 
    #downtable.table th{font-size:13px;}
    #downtable.table>tbody>tr>td:nth-child(1){}
    #downtable.table>tbody>tr>td:nth-child(3){width:50px;}
    #downtable.table>tbody>tr>td:nth-child(4){width:50px;}
    #downtable.table>tbody>tr>td{font-size:13px;}
    #downtable.table>tbody>tr>td i.icon-view{font-size:16px;}
    #downtable.table>tbody>tr>td i.icon-down{font-size:16px;}
}

.btn-2{position:relative;z-index:1;overflow:hidden;}
.btn-2:before {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent transparent transparent #e95025;
  position: absolute;
  bottom: -2px;
  left: -2px;
  transition:all .5s;z-index:-1;
}
.btn-2:after {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent #e95025 transparent transparent;
  position: absolute;
  top: -2px;
  right: -2px;
  transition:all .5s;z-index:-1;
}
.btn-2:hover:before {
  border-width: 200px 0 0 200px;
}
.btn-2:hover:after {
  border-width: 0 200px 200px 0;
}


.btn-3{position:relative;z-index:1;overflow:hidden;}
.btn-3:before {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  bottom: -2px;
  left: -2px;
  transition:all .5s;z-index:-1;
}
.btn-3:after {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent #ffffff transparent transparent;
  position: absolute;
  top: -2px;
  right: -2px;
  transition:all .5s;z-index:-1;
}
.btn-3:hover:before {
  border-width: 200px 0 0 200px;
}
.btn-3:hover:after {
  border-width: 0 200px 200px 0;
}


/*分页*/
ul.pagination {box-shadow:none;width:100%;border-radius:0;text-align:center;}
ul.pagination li {margin-left:5px;display:inline-block;}
ul.pagination li a{background-color:#fff;border-color:#000;border-radius:0;color:#000;}
ul.pagination li.active span{background-color:#000;border-color:#000;border-radius:0;color:#fff;}
ul.pagination li:first-child a{border-radius:0;}
ul.pagination li:last-child a{border-radius:0;}
ul.pagination li:hover a,ul.pagination li.active:hover>span{background-color:#000;color:#fff;}


#login{position:fixed;z-index:99999;background-color:#000;opacity:1;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}
.lo span{font-size:12px;color:#eee;}
.lo h2{font-size:16px;border-bottom:1px solid #eee;padding:10px 10px;margin-bottom:10px}
.lo{background-color:#fff;position:absolute;margin:0 auto;width:300px;height:150px;display:flex;flex-direction:column;top:40%;left:42.5%;box-shadow:0 0 5px #999}
.lo input{margin:0 auto;width:calc(100% - 30px);height:35px;padding-left:5px;border:1px solid #eee}
.lo button{margin:auto;background-color:#bf1725;color:#fff;border:none;padding:5px 20px}


@media(max-width:767px) {
.lo{left:11.5%}
}