@charset "utf-8";
/*ÏìӦʽ*/
.orientLayer {display: none; position: fixed; height: 100%; width: 100%; left: 0; top: 0; right: 0; bottom: 0; background: #000; z-index: 9997}
.orientLayer .content { position: absolute; width: 100%; top: 45%; margin-top: -75px; text-align: center}
.orientLayer .icon-orient{background-image: url("../images/mobile.png"); display: inline-block; width: 67px; height: 109px; transform: rotate(90deg); animation: rotation infinite 1.5s ease-in-out; background-size: 67px}
.orientLayer .desc{margin-top: 20px; font-size: 15px; color: #fff}

@media screen and (min-aspect-ratio: 13/8) and ( max-width: 1023px ){
	.orientLayer{display: block}
}

/* CSS Document */
.container{margin: 0 auto;}
@media (min-width: 768px){.container{width: 768px}}
@media (min-width: 992px){.container{width: 992px} .frt{float: right;}}
@media (min-width: 1200px){.container{width: 1200px}}
.container-fluid{margin: 0 auto;}
.row{margin: 0;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{position: relative; min-height: 1px;}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{float: left}
.col-xs-12{width: 100%}
.col-xs-11{width: 91.66666667%}
.col-xs-10{width: 83.33333333%}
.col-xs-9{width: 75%}
.col-xs-8{width: 66.66666667%}
.col-xs-7{width: 58.33333333%}
.col-xs-6{width: 50%}
.col-xs-5{width: 41.66666667%}
.col-xs-4{width: 33.33333333%}
.col-xs-3{width: 25%}
.col-xs-2{width: 16.66666667%}
.col-xs-1{width: 8.33333333%}
.col-xs-pull-12{right: 100%}
.col-xs-pull-11{right: 91.66666667%}
.col-xs-pull-10{right: 83.33333333%}
.col-xs-pull-9{right: 75%}
.col-xs-pull-8{right: 66.66666667%}
.col-xs-pull-7{right: 58.33333333%}
.col-xs-pull-6{right: 50%}
.col-xs-pull-5{right: 41.66666667%}
.col-xs-pull-4{right: 33.33333333%}
.col-xs-pull-3{right: 25%}
.col-xs-pull-2{right: 16.66666667%}
.col-xs-pull-1{right: 8.33333333%}
.col-xs-pull-0{right: auto}
.col-xs-push-12{left: 100%}
.col-xs-push-11{left: 91.66666667%}
.col-xs-push-10{left: 83.33333333%}
.col-xs-push-9{left: 75%}
.col-xs-push-8{left: 66.66666667%}
.col-xs-push-7{left: 58.33333333%}
.col-xs-push-6{left: 50%}
.col-xs-push-5{left: 41.66666667%}
.col-xs-push-4{left: 33.33333333%}
.col-xs-push-3{left: 25%}
.col-xs-push-2{left: 16.66666667%}
.col-xs-push-1{left: 8.33333333%}
.col-xs-push-0{left: auto}
.col-xs-offset-12{margin-left: 100%}
.col-xs-offset-11{margin-left: 91.66666667%}
.col-xs-offset-10{margin-left: 83.33333333%}
.col-xs-offset-9{margin-left: 75%}
.col-xs-offset-8{margin-left: 66.66666667%}
.col-xs-offset-7{margin-left: 58.33333333%}
.col-xs-offset-6{margin-left: 50%}
.col-xs-offset-5{margin-left: 41.66666667%}
.col-xs-offset-4{margin-left: 33.33333333%}
.col-xs-offset-3{margin-left: 25%}
.col-xs-offset-2{margin-left: 16.66666667%}
.col-xs-offset-1{margin-left: 8.33333333%}
.col-xs-offset-0{margin-left: 0}
@media (min-width: 768px){.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9{float: left} .col-sm-12{width: 100%} .col-sm-11{width: 91.66666667%} .col-sm-10{width: 83.33333333%} .col-sm-9{width: 75%} .col-sm-8{width: 66.66666667%} .col-sm-7{width: 58.33333333%} .col-sm-6{width: 50%} .col-sm-5{width: 41.66666667%} .col-sm-4{width: 33.33333333%} .col-sm-3{width: 25%} .col-sm-2{width: 16.66666667%} .col-sm-1{width: 8.33333333%} .col-sm-pull-12{right: 100%} .col-sm-pull-11{right: 91.66666667%} .col-sm-pull-10{right: 83.33333333%} .col-sm-pull-9{right: 75%} .col-sm-pull-8{right: 66.66666667%} .col-sm-pull-7{right: 58.33333333%} .col-sm-pull-6{right: 50%} .col-sm-pull-5{right: 41.66666667%} .col-sm-pull-4{right: 33.33333333%} .col-sm-pull-3{right: 25%} .col-sm-pull-2{right: 16.66666667%} .col-sm-pull-1{right: 8.33333333%} .col-sm-pull-0{right: auto} .col-sm-push-12{left: 100%} .col-sm-push-11{left: 91.66666667%} .col-sm-push-10{left: 83.33333333%} .col-sm-push-9{left: 75%} .col-sm-push-8{left: 66.66666667%} .col-sm-push-7{left: 58.33333333%} .col-sm-push-6{left: 50%} .col-sm-push-5{left: 41.66666667%} .col-sm-push-4{left: 33.33333333%} .col-sm-push-3{left: 25%} .col-sm-push-2{left: 16.66666667%} .col-sm-push-1{left: 8.33333333%} .col-sm-push-0{left: auto} .col-sm-offset-12{margin-left: 100%} .col-sm-offset-11{margin-left: 91.66666667%} .col-sm-offset-10{margin-left: 83.33333333%} .col-sm-offset-9{margin-left: 75%} .col-sm-offset-8{margin-left: 66.66666667%} .col-sm-offset-7{margin-left: 58.33333333%} .col-sm-offset-6{margin-left: 50%} .col-sm-offset-5{margin-left: 41.66666667%} .col-sm-offset-4{margin-left: 33.33333333%} .col-sm-offset-3{margin-left: 25%} .col-sm-offset-2{margin-left: 16.66666667%} .col-sm-offset-1{margin-left: 8.33333333%} .col-sm-offset-0{margin-left: 0}}
@media (min-width: 992px){.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{float: left} .col-md-12{width: 100%} .col-md-11{width: 91.66666667%} .col-md-10{width: 83.33333333%} .col-md-9{width: 75%} .col-md-8{width: 66.66666667%} .col-md-7{width: 58.33333333%} .col-md-6{width: 50%} .col-md-5{width: 41.66666667%} .col-md-4{width: 33.33333333%} .col-md-3{width: 25%} .col-md-2{width: 16.66666667%} .col-md-1{width: 8.33333333%} .col-md-pull-12{right: 100%} .col-md-pull-11{right: 91.66666667%} .col-md-pull-10{right: 83.33333333%} .col-md-pull-9{right: 75%} .col-md-pull-8{right: 66.66666667%} .col-md-pull-7{right: 58.33333333%} .col-md-pull-6{right: 50%} .col-md-pull-5{right: 41.66666667%} .col-md-pull-4{right: 33.33333333%} .col-md-pull-3{right: 25%} .col-md-pull-2{right: 16.66666667%} .col-md-pull-1{right: 8.33333333%} .col-md-pull-0{right: auto} .col-md-push-12{left: 100%} .col-md-push-11{left: 91.66666667%} .col-md-push-10{left: 83.33333333%} .col-md-push-9{left: 75%} .col-md-push-8{left: 66.66666667%} .col-md-push-7{left: 58.33333333%} .col-md-push-6{left: 50%} .col-md-push-5{left: 41.66666667%} .col-md-push-4{left: 33.33333333%} .col-md-push-3{left: 25%} .col-md-push-2{left: 16.66666667%} .col-md-push-1{left: 8.33333333%} .col-md-push-0{left: auto} .col-md-offset-12{margin-left: 100%} .col-md-offset-11{margin-left: 91.66666667%} .col-md-offset-10{margin-left: 83.33333333%} .col-md-offset-9{margin-left: 75%} .col-md-offset-8{margin-left: 66.66666667%} .col-md-offset-7{margin-left: 58.33333333%} .col-md-offset-6{margin-left: 50%} .col-md-offset-5{margin-left: 41.66666667%} .col-md-offset-4{margin-left: 33.33333333%} .col-md-offset-3{margin-left: 25%} .col-md-offset-2{margin-left: 16.66666667%} .col-md-offset-1{margin-left: 8.33333333%} .col-md-offset-0{margin-left: 0}}
@media (min-width: 1200px){.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9{float: left} .col-lg-12{width: 100%} .col-lg-11{width: 91.66666667%} .col-lg-10{width: 83.33333333%} .col-lg-9{width: 75%} .col-lg-8{width: 66.66666667%} .col-lg-7{width: 58.33333333%} .col-lg-6{width: 50%} .col-lg-5{width: 41.66666667%} .col-lg-4{width: 33.33333333%} .col-lg-3{width: 25%} .col-lg-2{width: 16.66666667%} .col-lg-1{width: 8.33333333%} .col-lg-pull-12{right: 100%} .col-lg-pull-11{right: 91.66666667%} .col-lg-pull-10{right: 83.33333333%} .col-lg-pull-9{right: 75%} .col-lg-pull-8{right: 66.66666667%} .col-lg-pull-7{right: 58.33333333%} .col-lg-pull-6{right: 50%} .col-lg-pull-5{right: 41.66666667%} .col-lg-pull-4{right: 33.33333333%} .col-lg-pull-3{right: 25%} .col-lg-pull-2{right: 16.66666667%} .col-lg-pull-1{right: 8.33333333%} .col-lg-pull-0{right: auto} .col-lg-push-12{left: 100%} .col-lg-push-11{left: 91.66666667%} .col-lg-push-10{left: 83.33333333%} .col-lg-push-9{left: 75%} .col-lg-push-8{left: 66.66666667%} .col-lg-push-7{left: 58.33333333%} .col-lg-push-6{left: 50%} .col-lg-push-5{left: 41.66666667%} .col-lg-push-4{left: 33.33333333%} .col-lg-push-3{left: 25%} .col-lg-push-2{left: 16.66666667%} .col-lg-push-1{left: 8.33333333%} .col-lg-push-0{left: auto} .col-lg-offset-12{margin-left: 100%} .col-lg-offset-11{margin-left: 91.66666667%} .col-lg-offset-10{margin-left: 83.33333333%} .col-lg-offset-9{margin-left: 75%} .col-lg-offset-8{margin-left: 66.66666667%} .col-lg-offset-7{margin-left: 58.33333333%} .col-lg-offset-6{margin-left: 50%} .col-lg-offset-5{margin-left: 41.66666667%} .col-lg-offset-4{margin-left: 33.33333333%} .col-lg-offset-3{margin-left: 25%} .col-lg-offset-2{margin-left: 16.66666667%} .col-lg-offset-1{margin-left: 8.33333333%} .col-lg-offset-0{margin-left: 0}}
.hidden{display: none !important}
.affix{position: fixed}
@-ms-viewport{width: device-width}
.visible-lg, .visible-md, .visible-sm, .visible-xs{display: none !important}
.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block{display: none !important}
@media (max-width: 767px){.visible-xs{display: block !important} table.visible-xs{display: table} tr.visible-xs{display: table-row !important} td.visible-xs, th.visible-xs{display: table-cell !important}}
@media (max-width: 767px){.visible-xs-block{display: block !important}}
@media (max-width: 767px){.visible-xs-inline{display: inline !important}}
@media (max-width: 767px){.visible-xs-inline-block{display: inline-block !important}}
@media (min-width: 768px)and (max-width: 991px){.visible-sm{display: block !important} table.visible-sm{display: table} tr.visible-sm{display: table-row !important} td.visible-sm, th.visible-sm{display: table-cell !important}}
@media (min-width: 768px)and (max-width: 991px){.visible-sm-block{display: block !important}}
@media (min-width: 768px)and (max-width: 991px){.visible-sm-inline{display: inline !important}}
@media (min-width: 768px)and (max-width: 991px){.visible-sm-inline-block{display: inline-block !important}}
@media (min-width: 992px)and (max-width: 1199px){.visible-md{display: block !important} table.visible-md{display: table} tr.visible-md{display: table-row !important} td.visible-md, th.visible-md{display: table-cell !important}}
@media (min-width: 992px)and (max-width: 1199px){.visible-md-block{display: block !important}}
@media (min-width: 992px)and (max-width: 1199px){.visible-md-inline{display: inline !important}}
@media (min-width: 992px)and (max-width: 1199px){.visible-md-inline-block{display: inline-block !important}}
@media (min-width: 1200px){.visible-lg{display: block !important} table.visible-lg{display: table} tr.visible-lg{display: table-row !important} td.visible-lg, th.visible-lg{display: table-cell !important}}
@media (min-width: 1200px){.visible-lg-block{display: block !important}}
@media (min-width: 1200px){.visible-lg-inline{display: inline !important}}
@media (min-width: 1200px){.visible-lg-inline-block{display: inline-block !important}}
@media (max-width: 767px){.hidden-xs{display: none !important}}
@media (min-width: 768px)and (max-width: 991px){.hidden-sm{display: none !important}}
@media (min-width: 992px)and (max-width: 1199px){.hidden-md{display: none !important}}
@media (min-width: 1200px){.hidden-lg{display: none !important}}
.visible-print{display: none !important}
@media print{.visible-print{display: block !important} table.visible-print{display: table} tr.visible-print{display: table-row !important} td.visible-print, th.visible-print{display: table-cell !important}}
.visible-print-block{display: none !important}
@media print{.visible-print-block{display: block !important}}
.visible-print-inline{display: none !important}
@media print{.visible-print-inline{display: inline !important}}
.visible-print-inline-block{display: none !important}
@media print{.visible-print-inline-block{display: inline-block !important}}
@media print{.hidden-print{display: none !important}}
@media (max-width: 1200px ){.nav ul li{float: none; text-align: center;} .nav ul li a{display: inline-block; padding: 0 15px; color: #fff; text-decoration: none; transition: all 0.3s ease 0s;}}
@media (max-width: 992px ){.container{margin: 0 5px;} .about{width: 98%;} .topArea .serviceline{margin-top: 5px; padding-bottom: 38px;} .news{width: 98%;} .visible-xs1{display: none;} .message{width: 98%;} .message .message_tel, .message .message_email{height: auto;} .w249 .pic-item .list-pic img{width: 95%;} .imap img{width: 100%;} .sidebar{display: none;} .main{width: 100%;} .w247 .pic-item .list-pic img{width: 95%;} .inews-box dt{height: auto;} .inewspic{height: auto;} .inewspic img{width: 100%; height: auto;} .breadcrumbs{height: auto;} .uppage ul li{width: 47%; margin-bottom: 5px;} .simplenews ul li{width: 45%;} .detail_pic{height: auto;} .detail_pic img{width: 100%;} .detail_pic_fr .p_detail_tel{width: 100%;} .menubtn{display: block; top: -35px;} .nav{position: relative; width: 100%; margin: 0 auto; height: auto; padding: 0; background: #d70c25; display:none; } .nav ul{display: none; width: 100%; height: auto; background: #d70c25; text-align: center; opacity: 0.8;} .nav ul li{height: 39px; padding: 0 0 0 1px; background: none; width: 45%; margin: 0 10px 5px; line-height: 39px; font-size: 1.4em; text-align: center;} .nav ul li a{display: inline-block; width: 100%; color: #fff; text-decoration: none; transition: all 0.3s ease 0s;} .nav ul li a:hover, .nav ul li .current{background: #fdc86d; color: #d70c25;} .nav ul.block-nav{display: block;}}
@media (max-width: 768px){.container{width: 98%;} .hotproduct .bd .prev{right: 16px;} .hotproduct .bd .next{left: 6px;} .hotproduct .bd{padding-left: 85px;} .hotproduct .hd h2 .ico{margin-right: -10px;} .carproduct .hd{width: 100%; margin-bottom: 10px; display: none;} .carproduct .pro-hotline-wrap .pro-hotline:before, .sidebar .pro-hotline-wrap .pro-hotline:before{margin-left: 0;} .news .bd dl{height: auto; margin-bottom: 10px;} .advantage-banner img{width: 100%; height: auto;} .advantage .hd{background-size: 70% auto;} .choose-us .hd{background-size: 70% auto;} .choose-us .hd h2{padding-top: 70px;} .advantage .hd h2{padding-top: 70px;} .message dl dt:before{right: 1px;} .topArea .hlogo{padding: 10px 0 0;} .topArea .hlogo img{width: 100%;} .ftNavlink{width: 98%;}}
@media (max-width: 480px){
    .hotproduct .hd h2 .ico{right: 38%;} .hotproduct .bd{padding-left: 62px;} .hotproduct .bd .prev{right: -2px;} .choose-us{display: none;} /*.choose-us .hd h2{padding-top: 50px;} .advantage .hd h2{padding-top: 50px;} .choose-us .bd dl{background: none;}*/ .form-panel .text{width: 98%;} .form-panel .textarea{width: 98%;} .uppage ul li{width: 98%;} .simplenews ul li{width: 98%;} .detail_pic_fl{height: auto;} .detail_pic_fr .pro_qq{display: none;} .nav ul li{height: 39px; padding: 0 0 0 1px; background: none; width: 100%; margin: 0 auto 5px; margin-right: 10px; line-height: 39px; font-size: 1.4em; text-align: center;} .nav ul li a{display: inline-block; width: 100%; color: #fff; text-decoration: none; transition: all 0.3s ease 0s;} .setArea{display: none;} .news .bd dl dt span{display: block; padding-left: 5px; line-height: 2;} .linkpic{display: none;} .news .bd dl dd a, .news .bd dl dd a:hover{display: block;}}

@media (min-width: 320px) and (max-width: 1024px){
    .banner { height: 200px; }
    .banner .swiper-slide { background-size: cover !important; }
    .frendlink .bd .linktxt { display: block; }
}

@media (min-width: 320px) and (max-width: 768px){
	.wrap { padding-top: 15px; }
	.topArea .col-md-3 { display: none; }
	.topArea .hlogo { padding: 20px 0; }

	.w247 .pic-item .list-pic img { width: 100%; min-height: 123px; height: auto; }
	.carproduct { padding-top: 20px; }
	.advantage { display: none; }
	.contact-us { display: none; }
	.subNav { display: none !important; }
	iframe { width: 100% !important; }
	.pic-item-list .clear { display: none; }
	.pic-item-list .list-pic { margin: 0 5px; }

	#openlc { position: absolute; right: 0; top: 0; }
	.lcbody { display: inline-block; margin: 23px; }
	.thirdMenu { display: block; }
	.thirdMenu a { display: inline-block; margin: 15px 0 0 0; padding: 8px 10px; border-radius: 3px; margin:3px 2px; font-size: 1.4em; }
	.thirdMenu a+.line { margin: 15px 0; border-bottom: 2px solid #2fc989; height: 0px; overflow: hidden; }
	.thirdMenu a:hover,.thirdMenu .current { background: #27b77b; color: #fff; }
	table { width: 100%;}
	img { max-width: 100%; }


	.scrollTop { bottom: 70px; }
	#fixed-foot { display: block; position:fixed; left:0; bottom:0; width:100%; padding:8px 0 7px; background:#d70c25; text-align:center; z-index:100;}
	#fixed-foot li { float:left; width:33.3%; margin:0;}
	#fixed-foot li a {display:block; color:#fff;}
	#fixed-foot li img{width:18%;}
	#fixed-foot li em{display:block; font-size:1.1em;}
}