html {}
html,img,fieldset {border:0;}
html,body,form {margin:0;padding:0;}
body {color:#000;background-color:#fff;}
body,td {}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-weight:normal;}
ul,ol {margin:0;}
dl,p {margin:0;}
a,a:link {color:#000;text-decoration:none;}
body {font-family:å¾®è½¯é›…é»‘,"Open Sans",sans-serif;font-size:14px;color:#333;}
input,select,textarea {font-family:å¾®è½¯é›…é»‘,"Open Sans",sans-serif;font-size:1em;}
img,a {border:0;}
ul,li {list-style:none;}
*,*:after,*:before {margin:0;padding:0;/* transition:all .5s;*/font-style:normal;}

.wrap {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	clear: both;
	overflow: hidden;
	/* position: relative; */
}

.area {
}
/*--é¡¶å¤´éƒ¨å¯¼èˆª--*/
.topheader{
    height: 50px;
    line-height: 50px;
    background: #333;
  /*  position: fixed;*/
    top: 0;
    left: 0;
    width: 100%;
    z-index: 6;
    /* overflow: hidden; */
    /* clear: both; */
}
.topheader .kouhao{
    color: #fff;
    float: left;
}
.topheader .rtthing{
    float: right;
    overflow: hidden;
    color: red;
}
.topheader .rtthing span{
}
.topheader .rtthing .language{
    float: right;
    cursor: pointer;
    position: relative;
    z-index: 10;
}
.topheader .rtthing span{
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding-right: 20px;
    padding-left: 36px;
    border-right: 1px solid #737373;
    display: inline;
    line-height: 30px;
    margin: 10px;
    background: url(../images/topphone.png) no-repeat center left;
}
.topheader .rtthing em{
    color: red;
}
.language .open-popup{
    display: block;
    padding-right: 20px;
    background: url(../images/down.png) right center no-repeat;
    text-align: right;
}
.language .open-popup i{
}
.language .open-popup span{
    float: none;
    border: 0;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    background: url(../images/chinese.png) left center no-repeat;
    padding: 15px  0px 15px 32px;
}
.language .language-toggle{
   /* display: block; */
   color: #fff;
   background: #333;
   height: 0px;
   line-height: 40px;
   border-radius: 0px 0px 6px 6px;
   padding: 0px 20px;
   transition: all 0.2s ease;
   z-index: 999;
}
.language .language-toggle a{
    display: block;
}
.language .language-toggle span{
    font-size: 14px;
    font-weight: normal;
    border: 0;
    margin: 0;
    background: url(../images/english.png) left center no-repeat;
    padding: 5px 0px 5px 32px;
    clear: both;
    float: none;
}

.topheader .rtthing .language:hover .language-toggle{height:40px}

/*----------å¤´éƒ¨å¯¼èˆª----------*/
.header {
	height: 100px;
	line-height: 100px;
	background:#fff;
	/*	position:fixed;*/
	top: 50px;
	left:0;
	width:100%;
	z-index: 5;
	border-bottom: 1px solid #ececec;
	transition: all 0.5s ease;
}
.header .logo {
	float:left;
	width: 26%;
	margin: 22px 0px 0px;
}
.header .logo a{
    display: block;
    overflow: hidden;
    clear: both;
    display: flex;
    align-items: center;
}
.header .logo img {
	vertical-align:middle;
	float: left;
}
.header .nav {
	float:right;
}
.header .nav ul{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 1.5em;
}
.header .nav ul li {
	font-size:16px;
	color:#222;
}
.header .nav ul li a {
	display:block;
	color:#222;
	padding: 0px 15px;
}
.header .nav ul li.on a,.header .nav ul li a:hover {
	color: #fff;
	background: #e60012;
}


/*----------å¹»ç¯----------*/
.mainer {
	padding:0;
	margin-top: 0px;
	position:relative;
}


/*æˆ‘ä»¬çš„äº§å“str*/
.bigtitle{
    text-align: center;
    margin: 70px auto 50px;
}
.bigtitle span{
    font-size: 30px;
    color: #b2b2b2;
    display: block;
}
.bigtitle h1{
    font-size: 26px;
    color: #333;
    position: relative;
    display: inline-block;
}
.bigtitle h1 i{width: 27px;height: 0px;border-bottom: 3px solid #e60012;margin: 7px 10px;display: inline-block;}


/*äº§å“åˆ—è¡¨str*/
.container {
	height: auto;
	overflow: hidden;
	margin-bottom: 140px;
}
.price .category {
	overflow: hidden;
	position: relative;
	overflow: hidden;
	margin-bottom: 40px;
	padding: 0px 10px;
}
.price .category ul li {
	white-space: nowrap;
	font-size: 16px;
	text-align: center;
	border: 1px solid #ddd;
	line-height: 46px;
	border-radius: 6px;
	cursor: pointer;
}
.price .category ul{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 1.5em;
}
.price .category ul li:hover,.price .category ul li.proActive {
	border: 1px solid #e60012;
	color: #fff;
	background: #e60012;
}
.price .cont {
	display: none;
}
.price .cont.proActive {
	display: block;
}
.price .cont ul{
	    display: grid;
	    grid-template-columns: repeat(3,1fr);
	    grid-gap: 2em;
}
.price .cont ul li {
	box-sizing: border-box;
	border: 1px solid #f1f1f1;
}
.price .cont ul li:nth-child(4n) {
	margin-right: 0px!important;
}
.price .cont ul li a {
	display: block;
}
.price .cont ul li a:hover .projian {
	display: block;
}


.probox{
    position: relative;
}
.probox .proimg{}
.probox .proimg img{
    width: 100%;
}
.probox .protitle{}
.probox .protitle h3{
    font-size: 20px;
    line-height: 50px;
    text-align: center;
}
.probox .projian{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    background-image: url(../images/kuang.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    display: none;
}
.probox .projian h3{
    margin: 70px 0px 20px;
    font-size: 22px;
}
.probox .projian p{
    margin: 80px 80px;
    font-size: 16px;
    line-height: 32px;
    opacity: 0.9;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.probox .projian span{
    display: inline-block;
    height: 30px;
    width: 100%;
    background: url(../images/more.png ) no-repeat center;
    margin: 20px auto 0px;
}


/*è¡Œä¸šæ–¹æ¡ˆstr*/
.fanganarea{background:#fafafa;}
.fanganlist{
    padding-bottom: 60px;
}
.fanganlist ul{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 1.5em;
}
.fanganlist ul li{
    text-align: center;
}
.matop40{margin-top:40px}
.matop-40{margin-top:-40px}
.fanganlist ul li a{}
.fanganlist ul li a .fanganbox{
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}
.fanganlist ul li a .fanganbox .fanganimg{
    /* border-radius: 30px; */
    /* overflow: hidden; */
}
.fanganlist ul li a .fanganbox .fanganimg img{
    width: 100%;
    height: 100%;
    display: block;
}
.fanganlist ul li a .fanganbox .fangantitle{
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 0.2s ease;
}
.fanganlist ul li a .fanganbox .fangantitle:hover{background: rgba(0,0,0,1);}
.fanganlist ul li a .fanganbox .fangantitle img{
    margin: 100px auto 20px;
}
.fanganlist ul li a .fanganbox .fangantitle span{
    display: block;
    color: #fff;
    font-size: 20px;
}


/*å…³äºŽæˆ‘ä»¬str*/
.aboutarea{
    min-height: 605px;
    background-color: #7e7e7e;
    background-image: url(../images/aboutbg.jpg);
    background-repeat: no-repeat;
    /* background-size: 100%; */
    background-position: center;
}


.aboutarea .bigtitle span{
    font-size: 30px;
    color: #fafafa;
    display: block;
}
.aboutarea .bigtitle h1{
    color: #fff;
}
.aboutarea .bigtitle h1 i{border-bottom: 3px solid #ffffff;}

.aboutbox{position: relative;color: #fff;min-height: 340px;}
.aboutbox .aboutword{margin-right: 50%;}
.aboutbox .aboutword h2{
    font-size: 24px;
    margin: 0px 0px 20px 0;
}
.aboutbox .aboutword p{
    font-size: 14px;
    line-height: 32px;
}
.aboutbox .aboutword a{
    display: inline-block;
    color: #fff;
    border: 1px solid #e0e0e0;
    padding: 10px 45px;
    margin: 60px  auto 0px;
    border-radius: 6px;
}
.aboutbox .aboutword a:hover{
    background: #e60012;
    border: 1px solid #e60012;
}
.aboutbox .aboutimg{position: absolute;right: 20px;top: -20px;width: 455px;z-index: 0;}
.aboutbox .aboutimg img{
    width: 100%;
    z-index: 99;
    position: relative;
}
.aboutbox .aboutimg:before, .aboutbox .aboutimg:after{content:".";display: block;width: 248px;height: 248px;background: #e4e4e4;position: absolute;z-index: 0;font-size: 0;}
.aboutbox .aboutimg:before{
    top: -20px;
    right: -20px;
    background: #f1f1f1;
}
.aboutbox .aboutimg:after{
    bottom: -20px;
    left: -20px;
}

.aptitudeslist{}
.aptitudeslist ul{
    overflow: hidden;
    clear: both;
    height: 199px;
}
.aptitudeslist ul li{
    float: left;
    margin-right: 20px;
    border: 1px solid #ddd;
    position: relative;
}
.aptitudeslist ul li:nth-child(5){margin-right: 0px;}
.aptitudeslist ul li .aptitudes-img{}
.aptitudeslist ul li .aptitudes-img img{}
.aptitudes-title{
    position: absolute;
    bottom: 0;
    left: 5%;
    text-align: center;
    background: #e60012;
    width: 90%;
    /* display:none; */
}
.vmcarousel > li:hover .aptitudes-title{
    display:block
}
.aptitudeslist ul li:hover .aptitudes-title{
    display:block
}
.aptitudes-title h3{
    font-size: 14px;
    line-height: 34px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.zizhilistarea {
    position: relative;
    width: 1200px;
    margin: 40px auto 60px;
}
.zizhilistarea:before{
	content:".";
	font-size: 0;
	position:absolute;
	left: 46%;
	top: -80px;
	background:url(../images/xia.png) no-repeat center;
	display: block;
	width: 67px;
	height: 67px;
}


/*æ–°é—»èµ„è®¯str*/
.newsbox{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 2.5em;
    margin-bottom: 60px;
    padding: 0 0px;
}

.price .category.newsbox1 ul{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 2.5em;
    padding: 0 200px;
    width: 80%;
    margin: 0 auto;
}
.newsbox .imgnewsbox{
    background: #fff;
}
.newsbox .imgnewsbox .newsimg{}
.newsbox .imgnewsbox .newsimg img{
    width: 100%;
}
.newstitle{
    padding: 0px 10px 20px;
    position: relative;
}
.newstitle .newsdate{
    text-align: center;
    position: absolute;
    left: 10px;
    top: 15px;
}
.newstitle .newsdate span{
    display: block;
    font-size: 30px;
}
.newstitle .newsdate em{
    color: #666;
}
.newstitle .newsmain{margin-left: 80px;}
.newstitle .newsmain h4{
    font-size: 16px;
    line-height: 30px;
    margin: 15px 0 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.newstitle .newsmain p{
    font-size: 14px;
    color: #999;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.newsbox .wordnewsbox{
    background: #fff;
    padding: 0px 30px 0;
}
.newsbox .wordnewsbox ul{}
.newsbox .wordnewsbox ul li{
    border-bottom: 1px solid #ddd;
}
.newsbox .wordnewsbox ul li:nth-child(4){
    border-bottom: 0;
}
.newsbox .wordnewsbox ul li:hover h4{color:#e60012}


/*å†…é¡µå¤§å›¾å¼€å§‹*/
.topimg {
	margin: 0px auto 70px;
	position:relative;
	height: 227px;
	background-position:top center;
}

.topimg  h1 {
	color:#fff;
	margin: 0px 0px 0px 50px;
	position: absolute;
	bottom: 40%;
	/* left: 0; */
	font-size: 34px;
}


/*----------footer----------*/
.footer {background: #2b2b2b;color: #fff;padding: 50px 0px;}
.footer .footcon{}
.footer .footcon .footbox{
    float: left;
    width: 34%;
}
.footer .footcon .footbox h4{
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0px;
}
.footer .footcon .footbox h4 span{
    font-size: 20px;
    display: block;
    line-height: 30px;
}
.footer .footcon .footbox .footnav{}
.footer .footcon .footbox .footnav a{
    display: block;
    color: #b2b2b2;
    line-height: 35px;
    float: left;
    width: 35%;
}
.footer .footcon .footbox .footnav span{
    line-height: 35px;
    display: block;
    color: #b2b2b2;
}
.footer .footcon .footbox .footnav span em{
}
.footer .footcon .ewmbox{
    float: right;
    text-align: center;
    border-left: 1px solid #484848;
    padding-left: 10%;
}
.footer .footcon .ewmbox img{}
.footer .footcon .ewmbox p{
    margin: 10px 0px;
}
.footer .footcon .ewmbox p em{
    color: #e60012;
    font-size: 20px;
    display: block;
}
.beian {font-size: 12px;line-height: 50px;border:0;background: #1f1f1f;color: #666;text-align: center;}
.beian p{}
/*----------custom----------*/


/*å†…é¡µæ ‡é¢˜*/
.maintitle{
    text-align: center;
    margin-bottom: 50px;
}
.maintitle h1{
    font-size: 34px;
    margin-bottom: 20px;
}
.maintitle h1 i{
    display: block;
    width: 30px;
    height: 1px;
    border-top: 2px solid #e60012;
    margin: 0px auto;
}
.maintitle p{
    font-size: 14px;
    color: #999;
}

.prodmain{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 2em;
}
.prodmain .prodimgbox{
}
.prodmain .prodimgbox img{
    width: 100%;
    height: 100%;
}
.prodmain .prowordbox{position: relative;}
.prodmain .prowordbox h1{
    font-size: 26px;
    margin: 10px 0px 20px;
}
.prodmain .prowordbox p{
    font-size: 16px;
    line-height: 31px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.prodmain .prowordbox .renzheng{
    width: 50%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 2em;
    margin: 25px 0px;
}
.prodmain .prowordbox .renzheng img{}
.prodmain .prowordbox .good{}
.prodmain .prowordbox .good ul{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 2em;
}
.prodmain .prowordbox .good ul li{
    padding-left: 30px;
    background: url(../images/good.png) no-repeat center left;
    line-height: 26px;
}
a.buy{
    width: 130px;
    line-height: 45px;
    position: absolute;
    bottom: 0;
    left: 60%;
    background: linear-gradient(#ff7782, #e60012);
    text-align: center;
    color: #FFF;
    font-size: 16px;
    border-radius: 6px;
}
a.buy:hover{ background: linear-gradient(#e60012, #ff7782);}
.ban{/* width:500px; *//* height:600px; */position:relative;overflow:hidden;/* margin:40px auto 0 auto; */}
.ban2{width: 100%;height: 443px;position:relative;overflow:hidden;clear: both;}
.ban2 ul{/* position:absolute; *//* left:0; *//* top:0; */}
.ban2 ul li{width: 580px;height: 443px;}
.prev{ float:left; cursor:pointer;}
.num{ height:82px;overflow:hidden; width:430px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:500px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:80px; height:80px; margin-right:5px; padding:1px;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{position:absolute;bottom: 10px;right: 50px;width: 30px;height: 30px;z-index:9;cursor:pointer;background: url(../images/leftp.png) center no-repeat #b3b3b3;z-index: 1;}
.next1{position:absolute;bottom: 10px;right: 10px;width: 30px;height: 30px;z-index:9;cursor:pointer;background: url(../images/rightp.png) center no-repeat #b3b3b3;z-index: 1;}
.prev1:hover{background: url(../images/leftp.png) center no-repeat #fe0000;}
.next1:hover{background: url(../images/rightp.png) center no-repeat #fe0000;}

.price .detail{
    margin: 50px auto 20px;
}
.price .detail ul{
	width: 100%;
	display: block;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	border-bottom: 1px solid #eee;
}
.price .detail ul li{
	border: 0;
	line-height: 46px;
	cursor: pointer;
	/* float: left; */
	display: inline;
	font-size: 20px;
	padding: 0px;
}
.price .detail ul li.active, .price .detail ul li:hover{
	border: 0;
	color: #e60012;
	background-color: #fff;
}
.price .detail ul li i{
	display: inline-block;
	width: 10%;
	height: 20px;
	background-image: url(../images/xiexian.png);
	background-position: center;
	background-repeat: no-repeat;
	}


.cont .detailsbox{}
.cont .detailsbox p img{width: 100%;}

.cont .tablebox{}
.cont .tablebox ul{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 0px 4em;
}
.cont .tablebox ul li{border-top: 0;border-left: 0;border-right: 0;line-height: 40px;position: relative;font-size: 16px;}
.cont .tablebox ul li em{
    position: absolute;
    left: 0px;
    color: #999;
}
.cont .tablebox ul li span{
    margin-left: 100px;
}
.appbox{}
.appbox ul{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 2em;
}
.appbox ul li{}
.appbox ul li .appimg{}
.appbox ul li .appimg img{
    width: 100%;
}
.appbox ul li h4{
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    color: #666;
}


/*è¡Œä¸šæ–¹æ¡ˆåˆ—è¡¨â†“*/
.tradesbox{
    padding-right: 2px;
    margin-bottom: 60px;
}
.tradesbox ul{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 2em;
}
.tradesbox ul li{
    position: relative;
    box-sizing: border-box;
    min-height: 290px;
}
.tradesbox ul li .blackbg{
    width: 100%;
    height: 100%;
    font-size: 0;
}
.tradesbox ul li .blackbg img{
    width: 100%;
    height: 100%;
}
.tradesbox ul li .nombox{
    text-align: center;
    background: #fff;
    width: 100%;
    /* height: 100%; */
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ececec;
    min-height: 292px;
}
.tradesbox ul li .nombox img{
    margin: 50px auto 15px;
}
.tradesbox ul li .nombox h3{
    font-size: 22px;
    line-height: 35px;
}
.tradesbox ul li .nombox p{
    padding: 0px 40px;
    color: #666;
    line-height: 30px;
}

.tradesbox ul li:hover .nombox{background:rgba(0,0,0,0.8);color: #fff;border-bottom: 3px solid #e60012;}
.tradesbox ul li:hover .nombox p{color:#fff}


/*è¡Œä¸šæ–¹æ¡ˆè¯¦æƒ…â†“*/
.tradecon{
    margin-bottom: 40px;
}
.tradecon h5{
    font-size: 20px;
    margin: 0px 0 20px;
    line-height: 40px;
}
.tradecon h5:after{content:"0";line-height: 0;font-size: 0;display: block;width: 25px;border-bottom: 2px solid #e60012;}
.tradecon p{
    font-size: 14px;
    color: #666;
    line-height: 34px;
}
.price .newsbox ul{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 1.5em;
}
.price .newslist ul{
    display: block;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 0;
}

.price .newslist  ul li {box-sizing: border-box;	min-height: 197px;	border-left: 0;	border-right: 0;border-bottom: 0;}
.newslist .newstitle .newsdate{top: 35px;}
.newslist .newstitle .newsmain{margin-left: 80px;margin-right: 280px;}
.newslist .newstitle .newsmain h4{margin: 20px 0px 20px;}
.newslist .newstitle .newsmain p{-webkit-line-clamp: 3;}
.newsimgbox {width: 240px;position: absolute;right: 0;top: 0;}
.newsimgbox img{width: 100%;max-height:150px;}
.price .newslistnav ul{
    grid-template-columns: repeat(3,1fr);
    width: 50%;
    margin: 0 auto;
}
/*æ–°é—»å†…å®¹é¡µå¼€å§‹*/
.news-main{
    margin-bottom: 60px;
}
.news-main h3{
    font-size: 24px;
    color: #333;
    text-align: center;
    line-height: 45px;
}
.day{
    font-size: 14px;
    color: #999;
    text-align: center;
   display: block;
    margin-bottom: 20px;
}
.news-main p{
    font-size: 14px;
    color: #666;
    line-height: 36px;
}


/*æœåŠ¡ä¸­å¿ƒé¡µå¼€å§‹*/
.services-list{}
.services-list ul{}
.services-list ul li{box-sizing: border-box;min-height: 197px;border-top: 1px solid #ddd;position: relative;margin-bottom: 20px;}

.services-list ul li .servicestitle{padding: 0px 10px 20px;position: relative;}
.services-list ul li .servicestitle .servicesmain{/* margin-left: 80px; */margin-right: 260px;}
.services-list ul li .servicestitle .servicesmain h4{
	font-size: 16px;
    line-height: 30px;
    margin: 15px 0 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.services-list ul li .servicestitle .servicesmain p{
	font-size: 14px;
    color: #999;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.xiazai{
    background: url(../images/downzl.png) 15px center no-repeat;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px 19px 10px 50px;
    margin-top: 20px;
    font-size: 18px;
    color: #666;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
}
.services-list ul li .servicestitle .servicesmain button:hover{
    color: #e60012;
    border-color: #e60012;
    background: url(../images/downzlh.png) 15px center no-repeat;
}
.services-list ul li .servicestitle .servicesimgbox{width: 240px;position: absolute;right: 0;top: 0;}
.services-list ul li .servicestitle .servicesimgbox img{width: 100%}


/*å…³äºŽæˆ‘ä»¬å¼€å§‹*/
.aboutmaincon{}
.aboutmaincon .aboutword{color: #333;margin-right: 49%;}
.aboutmaincon .aboutword h2{}
.aboutmaincon .aboutword p{color: #999;}
.aboutmaincon .aboutimg{top:70px}

.allzz{
    margin: 70px auto;
}

.anniu{
    display: block;
    width: 150px;
    color: #fff;
    border: 1px solid #ff0d0d;
    padding: 10px 45px;
    margin: 60px auto 0px;
    border-radius: 6px;
    background-color: #f00;
    text-align: center;
}
.allzz ul{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 2em;
}
.allzz ul li{
    position: relative;
}
.allzz ul li .allzz-img{}
.allzz ul li .allzz-img img{
    width: 100%;
}
.allzz ul li .allzz-title{
    position: absolute;
    bottom: 0;
    text-align: center;
    line-height: 40px;
    background: #e60012;
    width: 100%;
    color: #fff;
    display: none;
}
.allzz ul li .allzz-title h3{
    display: block;
    text-align: center;
    width: 100%;
}

.allzz ul li:hover .allzz-title{
    display: block;
}

.contact{
    margin-bottom: 70px;
}
.contact ul{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 2em;
}
.contact ul li{
    text-align: center;
    border: 1px solid #efefef;
    padding: 40px 20px;
}
.contact ul li img{
    display: block;
    margin: 0px auto 20px;
}
.contact ul li span{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}
.contact ul li p{
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  background-color: #444;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
 /* margin-top: 150px;*/
}

.slider {
  position: relative;
  width: 9999px;
}
.slider:before,
.slider:after {
  display: table;
  content: ' ';
}
.slider:after {
  clear: both;
}
.slider__item {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  height: 100%;
}
.slider__item img {
  display: block;
  width: 100%;
  height: auto;
}
.slider__switch span {
  color: #000;
  display: block;
  width: 32px;
  height: 32px;
  background: #000;
}
/* Arrows */
.slider__switch {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  padding: 10px 5px;
  cursor: pointer;
  width: 60px;
  height: 60px;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  border-radius: 1px;
  opacity: .3;
  transition: opacity .15s ease;
  background: url(../images/rightcur.png) no-repeat center center;
}
.slider__switch--prev {
  left: 10px;
  background: url(../images/leftcur.png) no-repeat center center;
}
.slider__switch--next {
  right: 50px;
}

.slider__switch:hover {
  opacity: .85;
}
.slider__switch[disabled] {
  visibility: hidden;
  opacity: 0;
}
.slider__caption {
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: block;
  max-width: 500px;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, .4);
  box-shadow: 0 0 20px 10px rgba(0,0,0,.4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); /* ie8 */
}
.slider__caption[disabled] {
  opacity: 0;
  visibility: hidden;
}
.slider-nav {
  line-height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 7;
  filter: alpha(opacity=90); /* ie8 */
}
.slider-nav__control {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 3px;
  -webkit-transition: background .5s ease;
     -moz-transition: background .5s ease;
       -o-transition: background .5s ease;
          transition: background .5s ease;
  border: 2px solid #fff;
  border-radius: 50%;
  background: transparent;
}

.slider-nav__control.is-active {
  width: 12px;
  height: 12px;
  background: #fff;
}
.slider.has-touch {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor:    -moz-grabbing;
}
@media (max-width: 580px) {
  .slider__switch {
    display: none;
  }
  .slider__caption {
    display: none;
  }
}


@media only screen and (max-width:1200px) {
.wrap {width: 960px; }
.header .logo{width: 40%;}
.header .nav ul{grid-gap: 0em;}
.zizhilistarea { width: 960px;}
.aboutbox .aboutimg{width: 380px;z-index: 0;top: 0px;}
.newstitle {padding: 0px 10px 10px;min-height: 92px;}
.newstitle .newsmain h4{margin: 10px 0 0px;}
.newstitle .newsdate{top:10px}
.fanganlist ul li a .fanganbox .fangantitle img{margin: 70px auto 10px;}
.prodmain .prowordbox .good ul{grid-gap: 1em;}
.tradesbox ul li .nombox img {margin: 20px auto 15px;width: 20%;}
.tradesbox ul li .nombox p{
    line-height: 30px;
}


}


@media only screen and (max-width: 960px) {
.wrap {width: 700px;}
.header .logo{width: 43%;}
.header .nav ul li a {font-size:14px;padding: 0px 5px;}
.price .category ul {grid-gap: 0.5em;}
.aboutbox .aboutimg{width: 305px;z-index: 0;top: 0px;}
.aboutbox .aboutimg:before, .aboutbox .aboutimg:after{width: 200px;height: 200px;}
.aboutbox .aboutimg:before{top: -10px;right: -10px;}
.aboutbox .aboutimg:after{bottom: -10px;left: -10px;}
.aboutbox .aboutword p{line-height: 26px;font-size:12px}
.aboutbox .aboutword a{margin: 20px  auto 0px;}
.zizhilistarea { width: 700px;}
.fanganlist ul{    grid-gap:0.5em;}
.fanganlist ul li a .fanganbox .fangantitle img{margin: 40px auto 10px;width:30%}
.newsbox .wordnewsbox {height: 326px;overflow: hidden;padding: 0px 10px;}
.newstitle .newsmain {margin-left: 61px;}
.newstitle .newsdate span{font-size: 24px;}

.price .cont ul{grid-template-columns: repeat(2,1fr);grid-gap: 1em;}
.tradesbox ul{grid-template-columns: repeat(2,1fr);grid-gap: 1em;}
.appbox ul {grid-template-columns: repeat(2,1fr);grid-gap: 1em;}


}


@media only screen and (max-width:750px) {
.wrap {width: 85%;position: relative;height: 100%;}
.topheader{display:none}
.header .logo img.biao{display:none}
.header .logo {width: 60%;margin: 10px 0;}
.header .nav{margin:0px;float: none;position: fixed;right: 7px;top: 58px;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);border-radius: 8px;overflow: hidden;height: 0;transition: all 0.2s ease;}
.header .nav ul{/* grid-gap: 0em; */display: block;/* position: fixed; *//* top: 0; *//* right: 0; *//* z-index: 9; */background: #fff;}
.header .nav ul li {	float:none;	margin: 0 auto;	width: 100px;	text-align: center;	line-height: 41px;	border-bottom: 1px solid #efefef;	margin: 0px 10px;}
.header .nav ul li.on a,.header .nav ul li a:hover {	color:#036eb8;	border-bottom:0;}
.header {line-height:58px;height:58px;top: 0;}
.header .nav ul li a {	display:inline-block;	color:#222;}
.nav_wap {	position:absolute;	top:50%;	margin-top:-20px;	width:40px;	height:40px;	background: url(../images/menu.png) no-repeat center center;background-size:auto 25px;	right:5px;}
.mainer{margin-top: 58px;}

.header.h_menu .nav_wap{}
.header .nav{margin:0px;float: none;position: fixed;right: 7px;top: 58px;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);border-radius: 8px;overflow: hidden;height: 257px;transition: all 0.2s ease;z-index: 9;display: none;}
.header .nav ul{/* grid-gap: 0em; */display: block;/* position: fixed; *//* top: 0; *//* right: 0; *//* z-index: 9; */background: #fff;}
.header .nav ul li {	float:none;	margin: 0 auto;	width: 100px;	text-align: center;	line-height: 41px;	border-bottom: 1px solid #efefef;	margin: 0px 10px;}
.header .nav ul li.on a,.header .nav ul li a:hover {color: #e60012;border-bottom:0;background: #fff;}
.header {position: fixed;line-height:58px;height:58px;top: 0 !important;}
.gizle{}
.header .nav ul li a {	display:inline-block;	color:#222;}
.header.h_menu .nav{display:block;height: 300px;}
.price .category ul {grid-template-columns: repeat(3,1fr);grid-gap: 1em;}
.price .cont ul {
    grid-template-columns: repeat(1,1fr);
    grid-gap: 1em;
}
.price .category ul li{font-size:14px}
.fanganlist ul {grid-template-columns: repeat(2,1fr);grid-gap: 1em;}
.fanganlist ul li{margin:0px}
.price .newslistnav ul{width:100%}
.aboutbox .aboutimg {
    position: relative;
    width: 100%;
    }
.aboutbox .aboutword {
    margin: 50px 0px;
}
.zizhilistarea:before {left: 40%;}

.newsbox {
    display: block;
    }
.newsbox .imgnewsbox{
    display:none;
}

.edui-upload-video{
    width: 100%;
}

.tablebox p img{width: 100%;}


.footer .footcon .footbox {
    float: left;
    width: 100%;
    }
.footer .footcon .ewmbox{
    padding: 0px;
    border: 0;
    float: none;
}
.aboutbox .aboutimg:before, .aboutbox .aboutimg:after{display:none}
.newsbox .wordnewsbox {
    height: 450px;
    }
.topimg {margin: 58px auto 40px;}
.topimg h1{bottom: 30%;}

.prodmain {display: block;}
.newsimgbox{display:none}

.newslist .newstitle .newsmain {
    margin-left: 80px;
    margin-right: 10px;}
.price .newslist ul li:hover h4{color:#e60012}


.tradesbox ul {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 1em;
}
.tradesbox ul li .nombox img {
    margin: 20% auto 15px;
}
.tradesbox ul li .nombox p{display:none}
.tradesbox ul li{
    min-height: 140px;
}
.tradesbox ul li .nombox{
    min-height: 140px;
}
.services-list ul li .servicestitle .servicesimgbox{display:none}

.services-list ul li .servicestitle .servicesmain {margin-right: 0px;}  
.allzz ul {grid-template-columns: repeat(2,1fr);grid-gap: 1em;}
.header .logo img{width:80px;}
.slider-container{margin-top: 58px;}
.bigtitle{margin: 40px auto 20px;}
.container {margin-bottom: 40px;}
.contact ul {grid-template-columns: repeat(1,1fr);}
.zizhilistarea { width: 100%;}
.swiper-button-next{right: 0 !important;} 
.swiper-button-prev{left: 0 !important;}

.aptitudeslist ul li { width: 100%;}
.aptitudeslist ul li .aptitudes-img img {width: 100%;}
.news-main img{width:100%}
.prodmain .prowordbox{padding-bottom: 60px;}
a.buy{
    left: 50%;
    margin-left: -65px;
}
.ban2 ul li{width:100%}
.ban2{height: auto;}
.ban2 ul li{height: auto;}
}

/*äº§å“é€‰é¡¹å¡*/
.nTab{width:100%; height: auto; margin:50px auto; }
.nTab .TabTitle{overflow: hidden; width:100%;  letter-spacing:1px;  }
.nTab .TabTitle ul{border:0;margin:0;padding:0;border-bottom: 1px solid #eee; text-align: center;}


.nTab .TabTitle li i {

}

.nTab .TabTitle li{width:166px;    background: url(../images/xiexian.png) no-repeat;font-size:18px;
 color: #333; line-height:60px; display: inline-block; background-position: 149px; 
text-decoration: none; letter-spacing: 1px;cursor:pointer; text-align:center;}
.nTab .TabTitle li:nth-child(3){background: none;}
.nTab .TabTitle li:hover{ width:166px;font-size:18px; color: #e60012; line-height:60px; text-decoration: none;text-align:center;}
.nTab .TabTitle .active{ width:166px; font-size:18px; color: #e60012; line-height:60px; text-decoration: none;  text-align:center;}
.TabContent{padding-top: 20px;}

.nTab .TabTitle .normal{ height:60px;width:166px; font-size:18px;line-height:60px; text-decoration: none; text-align:center; }

.none {display:none;}
.xxtab{ width:100%; height: auto;}


.yya{
	position:fixed;
	left:0;
	top:0;
}
.gizle{top: -100px;}
.sabit{top:0;z-index: 9;box-shadow: 1px 0 15px 0 rgb(0, 0, 0,0.2);}