
/* LESS Document */
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { margin: 0px; padding: 0px; font-weight: normal; }
body, button, input, select, textarea { font: normal 12px Microsoft YaHei, Arial, "\5b8b\4f53", tahoma; }
body { min-width: 320px; background: url(../image/manbg.jpg) repeat 0 0; }
ul, ol, li { list-style: none; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: top; }
button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none; }
table {}
.fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fixed {  *zoom: 1;
}
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.wd { margin: 0 auto; max-width: 1200px; min-width: 320px; }
/* reset.css V1.0  End */
.p_scale { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); }
.overflow { height: auto; overflow: hidden; }
/*header*/
.header { position: relative; z-index: 1; height: 161px; background: url(../image/headbg.jpg) repeat-x 0 0; }
.headTop { height: 40px; }
.tel { float: right; color: #ffc400; font-size: 14px; line-height: 40px; }
.search { float: right; margin: 9px 0 0 13px; width: 187px; height: 22px; background: url(../image/search.png) no-repeat 0 0; }
.search input { display: block; float: left; height: 22px; line-height: 22px; color: #999; border: none; background: none; }
.search input[type="text"] { padding-left: 16px; width: 146px; }
.search input[type="submit"] { width: 14px; cursor: pointer; }
.search input.color { color: #333; }
.headMenu { height: 121px; }
.logo { float: left; margin-top: 36px; width: 403px; height: 52px; }
.logo img { width: 100%; height: auto; }
.nav { float: right; height: 121px; }
.nav ul li {float: left;height: 121px;position: relative;}
.nav ul li > a {display: block;height: 121px;line-height: 121px;padding: 0 24px;color: #24272e;font-size: 16px;font-weight: bold;}
.nav ul li:hover, .nav ul li.on { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #ffae00; }
.nav ul li:hover > a, .nav ul li.on > a { background: url(../image/navbg.jpg) repeat-x 0 bottom; }
.navmenu { position: absolute; left: 0; top: 121px; z-index: 5; width: 100%; display: none; background-color: #ffae00; }
.navmenu div { border-top: 1px solid #fff; }
.navmenu div:first-child { border-top: 0; }
.navmenu div a { height: 36px; line-height: 36px; color: #fff; font-size: 14px; display: block; text-align: center; }
.navmenu div a:hover { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; color: #24272e; }
/*footer*/
.footer { height: auto; overflow: hidden; color: #fff; line-height: 24px; background-color: #181818; }
.link { height: auto; overflow: hidden; background-color: #414246; padding: 32px 0 49px; }
.link dl { width: 20%; float: left; }
.link dl:first-child dd { border-left: 0; }
.link dt { font-size: 14px; font-weight: bold; line-height: 24px; padding-left: 88px; }
.link dt a { display: block; color: #dedede; }
.link dd { height: auto; overflow: hidden; margin-top: 19px; padding-left: 88px; min-height: 116px; border-left: 1px solid #515255; }
.link dd a { display: block; height: 29px; line-height: 29px; color: #999; }
.link dd a:hover { color: #fff; }
.copy { height: auto; overflow: hidden; font-size: 14px; line-height: 24px; text-align: center; padding: 22px 0 24px; }
.copy a { display: inline-block; margin: 0 22px 0 9px; color: #fff; }
.copy a:hover { text-decoration: underline; }
.copy span { display: inline-block; margin: 0 16px 0 13px; font-family: Arial; }
/*main*/
.main { max-width: 1200px; min-width: 320px;  margin: 0 auto; }
.path {height: auto;overflow: hidden;padding-top: 20px;line-height: 24px;color: #999;font-size: 14px;}
.path a { color: #999; }
.path a.on, .path a:hover { color: #24272e; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.path span { display: inline-block; padding: 0 7px; }
.mainMenu {height: auto;overflow: hidden;padding: 62px 0 1px;text-align: center;background: url(../image/bor.jpg) repeat-x 0 bottom;}
.mainMenu li {
 display: inline-block;  *
 display: inline;
 *
 zoom: 1;
 height: 73px;
 width: 199px;
 margin: 0 15px;
 }
.mainMenu li a { display: block; height: 42px; line-height: 40px; font-size: 16px; color: #666; margin: 0 9px; background: url(../image/mainMenu2.png) no-repeat 0 0; }
.mainMenu li:hover, .mainMenu li.on {height: 72px;border-bottom: 1px solid #ffc400;}
.mainMenu li:hover a, .mainMenu li.on a { color: #fff; background: url(../image/mainMenu1.png) no-repeat 0 0; }
.mainBox { height: auto; overflow: hidden; margin: 80px 0; }
.caseList { height: auto; overflow: hidden; padding: 43px 0 0 92px; }
.caseList li { float: left; width: 146px; text-align: center; margin: 33px 28px 0 29px; }
.caseList li a { display: block; font-size: 14px; color: #666; cursor: pointer; }
.caseList li a p { height: 36px; line-height: 36px; overflow: hidden; }
.caseList li a:hover { color: #ffae00; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.caseImg { height: auto; overflow: hidden; padding: 2px; }
.caseImg img { width: 140px; height: 160px; border: 1px solid #dedede; }
.caseImg:hover { padding: 0; border: 2px solid #ffae00; }
.caseImg:hover img { border-color: #ffae00; }
/*paged*/
.paged { padding: 47px 0 38px; text-align: center; }
.paged a, .paged .p_info, .paged .current { display: inline-block; zoom: 1;  *display: inline;
margin: 0 3px; padding: 5px 10px; font-size: 14px; color: #333; text-align: center; border: 1px solid #cfcfcf; }
.paged .current, .paged a:hover { color: #fff; background-color: #ffae00; border-color: #ffae00; }
/*left*/
.left { float: left; width: 240px; background-color: #fff; }
.sidemenu { height: auto; overflow: hidden; border-top: 5px solid #ffae00; }
.sidemenu li { height: 53px; line-height: 53px; position: relative; border-top: 1px solid #f4f4f4; }
.sidemenu li a { display: inline-block; padding-left: 56px; color: #666; font-size: 14px; width: 184px; }
.sidemenu li i { display: block; position: absolute; left: 18px; height: 20px; width: 20px; top: 50%; margin-top: -10px; background: url(../image/iconvideo.png) no-repeat 0 -55px; }
.sidemenu li:hover, .sidemenu li.on { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #ffc400; border-color: #ffc400; }
.sidemenu li:hover a, .sidemenu li.on a { color: #fff; }
.sidemenu li:hover i, .sidemenu li.on i { background-position: 0 0; }
/*right*/
.right { margin-left: 270px; background-color: #fff; border-top: 5px solid #ffae00; }
.right .caseList { padding: 30px 0 0 59px; }
.sideIcon .sidemenu li i { background: url(../image/icon1.png) no-repeat 0 0; }
.sideIcon .sidemenu li i.a2 { background-position: 0 -54px; }
.sideIcon .sidemenu li i.a3 { background-position: 0 -107px; }
.sideIcon .sidemenu li i.a4 { background-position: 0 -160px; }
.sideIcon .sidemenu li i.a5 { background-position: 0 -213px; }
.sideIcon .sidemenu li i.a6 { background-position: 0 -267px; }
.sideIcon .sidemenu li:hover i.a1, .sideIcon .sidemenu li.on i.a1 { background-position: -41px 0; }
.sideIcon .sidemenu li:hover i.a2, .sideIcon .sidemenu li.on i.a2 { background-position: -41px -54px; }
.sideIcon .sidemenu li:hover i.a3, .sideIcon .sidemenu li.on i.a3 { background-position: -41px -107px; }
.sideIcon .sidemenu li:hover i.a4, .sideIcon .sidemenu li.on i.a4 { background-position: -41px -160px; }
.sideIcon .sidemenu li:hover i.a5, .sideIcon .sidemenu li.on i.a5 { background-position: -41px -213px; }
.sideIcon .sidemenu li:hover i.a6, .sideIcon .sidemenu li.on i.a6 { background-position: -41px -267px; }
.sideIcon2 .sidemenu { border-top: 0; }
.sideIcon2 .sidemenu li i { background: url(../image/icon2.png) no-repeat 0 0; }
.sideIcon2 .sidemenu li i.a2 { background-position: 0 -53px; }
.sideIcon2 .sidemenu li i.a3 { background-position: 0 -107px; }
.sideIcon2 .sidemenu li i.a4 { background-position: 0 -160px; }
.sideIcon2 .sidemenu li i.a5 { background-position: 0 -274px; }
.sideIcon2 .sidemenu li i.a6 { background-position: 0 -327px; }
.sideIcon2 .sidemenu li i.a7 { background-position: 0 -380px; }
.sideIcon2 .sidemenu li i.a8 { background-position: 0 -433px; }
.sideIcon2 .sidemenu li i.a9 { background-position: 0 -486px; }
.sideIcon2 .sidemenu li i.a10 { background-position: 0 -539px; }
.sideIcon2 .sidemenu li i.a11 { background-position: 0 -593px; }
.sideIcon2 .sidemenu li i.a12 { background-position: 0 -646px; }
.sideIcon2 .sidemenu li i.a13 { background-position: 0 -699px; }
.sideIcon2 .sidemenu li:hover i.a1, .sideIcon2 .sidemenu li.on i.a1 { background-position: -41px 0; }
.sideIcon2 .sidemenu li:hover i.a2, .sideIcon2 .sidemenu li.on i.a2 { background-position: -41px -53px; }
.sideIcon2 .sidemenu li:hover i.a3, .sideIcon2 .sidemenu li.on i.a3 { background-position: -41px -107px; }
.sideIcon2 .sidemenu li:hover i.a4, .sideIcon2 .sidemenu li.on i.a4 { background-position: -41px -160px; }
.sideIcon2 .sidemenu li:hover i.a5, .sideIcon2 .sidemenu li.on i.a5 { background-position: -41px -274px; }
.sideIcon2 .sidemenu li:hover i.a6, .sideIcon2 .sidemenu li.on i.a6 { background-position: -41px -327px; }
.sideIcon2 .sidemenu li:hover i.a7, .sideIcon2 .sidemenu li.on i.a7 { background-position: -41px -380px; }
.sideIcon2 .sidemenu li:hover i.a8, .sideIcon2 .sidemenu li.on i.a8 { background-position: -41px -433px; }
.sideIcon2 .sidemenu li:hover i.a9, .sideIcon2 .sidemenu li.on i.a9 { background-position: -41px -486px; }
.sideIcon2 .sidemenu li:hover i.a10, .sideIcon2 .sidemenu li.on i.a10 { background-position: -41px -539px; }
.sideIcon2 .sidemenu li:hover i.a11, .sideIcon2 .sidemenu li.on i.a11 { background-position: -41px -593px; }
.sideIcon2 .sidemenu li:hover i.a12, .sideIcon2 .sidemenu li.on i.a12 { background-position: -41px -646px; }
.sideIcon2 .sidemenu li:hover i.a13, .sideIcon2 .sidemenu li.on i.a13 { background-position: -41px -699px; }
.sideIcon2 .right .caseList { padding: 9px 0 0 59px; }
.sideIcon2 .paged {padding: 43px 0 15px;  *padding: 43px 0 28px;}
.sideCategory { height: 60px; line-height: 60px; font-size: 16px; font-weight: bold; background-color: #3c3d42; }
.sideCategory a { display: block; padding-left: 18px; color: #fff; }
/*futekBox*/
.futekBox {height: auto;overflow: hidden;padding: 0 1em;}
.futekTit {overflow: hidden;border-bottom: 1px solid #dedede;}
.futekTit h3 {float: left;height: 85px;line-height: 85px;color: #333;font-size: 24px;}
.futekTit a {display: block;float: right;margin: 23px 5px 0 0;width: 130px;height: 38px;line-height: 38px;text-align: center;color: #fff;font-size: 14px;background: url(../image/pdf.png) no-repeat 0 0;}
.futekTit a:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.futekCon { height: auto; overflow: hidden; padding-top: 23px; }
.futekBt { color: #333; font-size: 16px; padding-top: 18px; }
.futekInfo { color: #666; font-size: 14px; line-height: 42px; }
.futekDetial { height: auto; overflow: hidden; padding: 26px 0; color: #666; font-size: 14px; line-height: 48px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin: 32px 0 9px; }
.futekInfo2 { color: #666; font-size: 14px; line-height: 30px; padding: 12px 20px 39px 34px; }
/*otherFutek*/
.otherFutek { height: auto; overflow: hidden; padding-bottom: 47px; }
.otherFutekTit { height: 40px; padding-left: 30px; color: #666; font-size: 16px; border-bottom: 1px solid #ffae00; }
.otherFutekList { height: auto; overflow: hidden; padding: 0 0 69px 45px; }
.otherFutekList li { float: left; width: 142px; overflow: hidden; margin: 44px 35px 0; }
.otherFutekList li a { display: block; color: #666; line-height: 18px; }
.otherFutekList li a h3, .otherFutekList li a p { height: 18px; line-height: 18px; overflow: hidden; }
.otherFutekList li a h3 { font-size: 16px; margin: 19px 0 5px; }
.otherFutekList li a p { font-size: 14px; }
.otherFutekList li a:hover { color: #ffae00; }
.otherFutekList li a:hover img { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.otherFutekList .img{
    border: 1px solid #FC0;
    width: auto;
    height: auto;
}
.futekImg {width: 140px;height: 160px;border: 1px solid #ffcc00;}
.futekImg img {width: 100%;height: 100%;}
.article {height: auto;overflow: hidden;padding: 0 1em;line-height: 30px;color: #666;font-size: 16px;margin-top: 1em;}
.article a { color: #666; }
.article li:hover, .article li:hover a { color: #ffc400; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
/*videoBox*/
.videoBox { height: auto; overflow: hidden; width: 802px; margin: 0 auto; padding: 54px 0; }
.videoBox .article { padding: 0; }
.media { height: auto; overflow: hidden; width: 750px; height: 445px; border: 1px solid #dedede; padding: 26px 24px; }
.mediaBor { border: 1px solid #dedede; }
.videoText { height: auto; overflow: hidden; padding: 20px 0 23px; }
.videoTit { color: #333; font-size: 16px; line-height: 40px; }
.videoInfo { color: #666; font-size: 14px; line-height: 24px; }
/*download*/
.download { height: auto; overflow: hidden; padding: 41px 156px 16px; }
.download ul { height: auto; overflow: hidden; padding-bottom: 9px; }
.download ul li { height: 64px; line-height: 64px; padding-bottom: 1px; background: url(../image/dian1.jpg) repeat-x 0 bottom; }
.download ul li b, .download ul li span { display: block; float: left; font-size: 14px; font-weight: normal; color: #666; height: 64px; line-height: 64px; overflow: hidden; }
.download ul li b { width: 530px; padding: 0 16px 0 2px; }
.download ul li a { display: block; float: right; width: 100px; height: 24px; line-height: 24px; color: #666; text-align: center; font-size: 14px; margin: 18px 8px 0 0; background: url(../image/downloadbg.png) no-repeat 0 0; }
.download ul li:hover b, .download ul li:hover span { color: #ffae00; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.download ul li:hover a { color: #fff; background-position: 0 -65px; }
/*contact*/
.contact { height: auto; overflow: hidden; padding: 10px; }
.map {width: 100%;height: 350px;overflow: hidden;border: 1px solid #dedede;}
.contactText { height: auto; overflow: hidden; padding: 20px 47px 54px; }
.contactBt { font-size: 24px; color: #666; padding: 26px 0 19px; }
.fontcolor { color: #333 !important; padding: 26px 0 14px !important; }
.contactInfo { color: #666; font-size: 14px; line-height: 24px; }
.contactInfo2 { color: #333; font-size: 14px; line-height: 24px; padding-bottom: 40px; }
.contactInfo2 .span { display: inline-block; width: 73px; text-align: right; padding-right: 7px; }
.msg { height: auto; overflow: hidden; padding: 0 59px; background-color: #fff; border-top: 5px solid #ffae00; }
.msgTit { height: auto; overflow: hidden; padding: 36px 0 14px; font-size: 24px; color: #666; }
.msgForm li { height: auto; overflow: hidden; position: relative; margin-top: 30px; }
.msgForm li span { display: block; float: left; width: 71px; height: 30px; line-height: 30px; text-align: right; color: #666; font-size: 14px; padding-right: 10px; }
.msgText { display: block; margin-left: 81px; height: 28px; line-height: 28px; font-size: 14px; color: #666; width: 228px; padding: 0 10px; background: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #dedede; }
.msgArea { display: block; margin-left: 81px; line-height: 28px; font-size: 14px; color: #666; width: 778px; height: 198px; resize: none; overflow-y: hidden; padding: 0 10px; background: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #dedede; }
.msgSubmit { height: 26px; margin: 19px 0 54px; width: 881px; overflow: hidden; }
.msgSubmit input { display: block; float: right; height: 26px; font-size: 14px; color: #666; width: 80px; text-align: center; margin-left: 20px; background: url(../image/msgBg.png) no-repeat 0 0; cursor: pointer; border: 0; }
.msgSubmit input:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; color: #fff; background: url(../image/msgBg2.png) no-repeat 0 0; }
.msgList { height: auto; overflow: hidden; padding: 0 59px; margin-top: 10px; background-color: #fff; }
.msgListBox { height: auto; overflow: hidden; padding-bottom: 5px; }
.msgListBox dl { height: auto; overflow: hidden; font-size: 14px; color: #ffae00; line-height: 24px; padding: 31px 0 10px; border-bottom: 5px solid #dedede; }
.msgListBox dd b { display: block; float: left; font-weight: normal; }
.msgcolor { color: #666 !important; }
.msgTime { padding-top: 14px; }
.msgTime span { display: inline-block; padding: 0 14px 0 42px; }
.question { margin: 0 0 4px 70px; }
.answer { margin-left: 84px; }
/*product*/
/*.product .mainBox {
  margin: 62px 0 80px;
}
.category {
  height: auto;
  overflow: hidden;
  background-color: #fff;
  border-top: 5px solid #ffae00;
}
.categoryMenu {
  height: auto;
  overflow: hidden;
  padding: 8px 54px 20px;
}
.categoryMenu a {
  display: block;
  float: left;
  padding: 0 18px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-size: 14px;
  margin: 28px 28px 0 0;
  background-color: #999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.categoryMenu a:hover,
.categoryMenu a.on {
  background-color: #ffae00;
}
.categoryList {
  height: auto;
  overflow: hidden;
}
.categoryList dl {
  height: auto;
  overflow: hidden;
  padding: 17px 54px;
  line-height: 30px;
  border-top: 1px solid #dedede;
}
.categoryList dl:first-child {
  border-top: 0;
}
.categoryList dl dt {
  float: left;
  font-weight: bold;
  font-size: 14px;
}
.categoryList dl dt a {
  color: #24272e;
}
.categoryList dl dd {
  font-size: 14px;
  margin-left: 50px;
}*/
/*.categoryList dl dd a {
  color: #666;
  display: block;
  margin-left: 41px;
  float: left;
}*/
/*.categoryList dl dd a:hover,
.categoryList dl dd a.on {
  color: #ffae00;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}*/
/*.categoryList dl dd a {
    color: #666;
    display: block;
    margin-left: 41px;
    float: left;
    background-color: #fff;
    border-radius: 5px;
    padding: 0px 6px;
}
.categoryList dl dd a:hover,
.categoryList dl dd a.on {
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-color: #ffae00;
    border-radius: 5px;
    padding: 0px 6px;
}*/
.product .mainBox {margin: 62px 0 80px;}
.category { height: auto; overflow: hidden; background-color: #f4f4f4;/*0831*/ border: 1px solid #dedede; border-top: 5px solid #ffae00; }
.categoryMenu { height: auto; overflow: hidden; padding: 0px 54px 20px; background-color: #fff;/*0831*/}
.categoryMenu a { display: block; float: left; /*padding: 0 28px;*/ width:126px; text-align:center; height: 40px; line-height: 40px; font-weight:bold; /*0831*/ color: #fff; font-size: 16px; margin: 20px 28px 0 0; background-color: #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.categoryMenu a:hover, .categoryMenu a.on { /*background-color: #ffae00;*/ background:url(../image/anbg.png) no-repeat center center; }
.categoryList { height: auto; overflow: hidden; }
.categoryList dl { height: auto; overflow: hidden; position:relative; /*0831*/ /*padding: 17px 54px;*/ line-height: 30px; border-top: 1px solid #dedede; }
.categoryList dl:first-child { /*border-top: 0;*/ }
.categoryList dl dt {/* float: left; */font-weight: bold;font-size: 14px;background-color: #f4f4f4;position:absolute;left:0;top:50%;z-index:5;height:30px;/* margin-top:-15px; */width:138px;text-align:center;}/*0831*/
.categoryList dl dt a { color: #24272e; }
.categoryList dl dd { font-size: 14px; margin-left: 138px;  padding:8px 0; background-color: #fff; overflow:hidden; /*0831*/ }
/*.categoryList dl dd a { color: #666; display: block; margin-left: 41px; float: left; }
.categoryList dl dd a:hover, .categoryList dl dd a.on { color: #ffae00; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }*/

.categoryList dl dd a {color: #666;display: block;margin:3px 0 3px 41px;/*0831*/float: left;background-color: #fff;border-radius: 5px;padding: 4px 6px;}
.categoryList dl dd a:hover, .categoryList dl dd a.on { color: #fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #ffae00; border-radius: 5px; padding: 4px 6px; }
/*productList*/
/*.productBox {
  height: auto;
  overflow: hidden;
  margin-top: 50px;
  background-color: #fff;
  border-top: 5px solid #ffae00;
  padding: 30px 60px 9px;
}
.productList {
  height: auto;
  overflow: hidden;
  padding-bottom: 13px;
}
.productDiv {
  height: auto;
  overflow: hidden;
  padding: 30px 0 0;
}
.productDiv dt {
  height: auto;
  overflow: hidden;
  padding: 10px;
  cursor: pointer;
  background-color: #f4f4f4;
}
.productDiv dt:hover .productImg img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.productDiv dd {
  padding: 26px 31px 24px;
  color: #666;
  font-size: 14px;
  line-height: 24px;
  display: none;
  margin-bottom: 30px;
  background: url(../image/dian2.jpg) repeat-x 0 bottom;
}
.productImg {
  float: left;
  width: 240px;
  height: 160px;
  overflow: hidden;
}
.productImg img {
  width: 100%;
  height: 100%;
}
.productText {
  margin-left: 268px;
}
.brand {
  position: relative;
  height: 73px;
  padding-top: 6px;
  overflow: hidden;
  color: #666;
  line-height: 28px;
  font-size: 14px;
  border-bottom: 1px solid #dedede;
}
.brand a {
  position: absolute;
  display: block;
  right: 0;
  top: 15px;
  z-index: 5;
  width: 120px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  background: url(../image/icon3.png) no-repeat 0 0;
}
.brand a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.proTit {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  font-size: 16px;
  color: #333;
  padding: 14px 0 9px;
  border-top: 1px solid #fff;
}
.para {
  width: 92px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background: url(../image/icon4.png) no-repeat 0 0;
}
.para:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.procolor {
  color: #333;
}
.procolor2 {
  padding: 6px 0 17px;
}
.procolor2 a {
  display: inline-block;
  padding-right: 33px;
  background: url(../image/icon5.png) no-repeat right center;
  color: #ffae00;
}
.procolor2 a:hover {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-left: 10px;
}
.infoB {
  display: inline-block;
  font-weight: normal;
  width: 123px;
  padding: 0 10px 0 13px;
}
.prospan {
  display: inline-block;
  width: 90px;
  padding-right: 6px;
}*/
.productBox {height: auto;overflow: hidden;margin-top: 50px;background-color: #fff;border-top: 5px solid #ffae00;padding: 30px 60px 9px;}
.productList { height: auto; overflow: hidden; padding-bottom: 13px; }
.productDiv { height: auto; overflow: hidden; padding: 15px 0 0; }
.productDiv dt { height: auto; overflow: hidden; padding: 10px; /*cursor: pointer;*//*0831*/ background-color: #f4f4f4; }
.productDiv dt:hover .productImg img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.productDiv dd { padding: 26px 31px 24px; color: #666; font-size: 14px; line-height: 24px; display: none; margin-bottom: 30px; background: url(../image/dian2.jpg) repeat-x 0 bottom; }
.productImg { float: left; width: 210px; height: 140px; overflow: hidden; }
.productImg img { width: 100%; height: 100%; }
.productText {margin-left: 238px;}
.brand {/*height: 62px;*/padding-top: 6px;overflow: hidden;color: #666;position: relative;line-height: 30px;font-size: 14px;border-bottom: 1px solid #dedede;}
.anniu {position: absolute;right: 0;top: 0px;z-index: 0;}
.anniu a { padding-bottom: 5px; }
.brand a { display: block;/* position: absolute;  right: 0; top: 15px;*/ z-index: 5; width: 120px; height: 30px; line-height: 30px; color: #fff; text-align: center; background: url(../image/icon3.png) no-repeat 0 0; }
.brand a:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.proTit { height: 24px; line-height: 24px; overflow: hidden; font-size: 16px; color: #333; padding: 10px 0 9px; border-top: 1px solid #fff; }
.para { width: 92px; height: 24px; line-height: 24px; color: #fff; font-size: 14px; text-align: center; background: url(../image/icon4.png) no-repeat 0 0; }
.para:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.procolor { color: #333; }
.procolor2 { padding: 6px 0 17px; }
.procolor2 a { display: inline-block; padding-right: 33px; background: url(../image/icon5.png) no-repeat right center; color: #ffae00; }
.procolor2 a:hover { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding-left: 10px; }
.infoB { display: inline-block; font-weight: normal; width: 123px; padding: 0 10px 0 13px; }
.prospan { display: inline-block; width: 90px; padding-right: 6px; }
.xianxi {color: #666;font-size: 14px;line-height: 24px;padding: 20px 0px;}
/*newsBox*/
.newsList { height: auto; overflow: hidden; background-color: #fff; }
.newsList li { float: left; width: 400px; height: 304px; position: relative; }
.newsList li a { display: block; height: 304px; overflow: hidden; font-size: 14px; padding: 0 49px; color: #666; }
.newsList li i { position: absolute; right: -4px; display: none; top: 0; height: 100%; width: 4px; z-index: 5; background: url(../image/newsbg2.jpg) no-repeat 0 0; }
.newsList li:hover { background: url(../image/newsbg.jpg) no-repeat 0 0; }
.newsList li:hover a { color: #fff; }
.newsList li:hover .newsIcon { background: url(../image/icon7.png) no-repeat 0 0; }
.newsList li:hover i { display: block; }
.newsTit { text-align: center; height: 24px; line-height: 24px; overflow: hidden; font-size: 16px; padding: 38px 0 21px; }
.newsText { line-height: 30px; max-height: 90px; overflow: hidden; }
.time { text-align: right; padding-top: 19px; }
.newsIcon { position: absolute; left: 50%; bottom: 34px; z-index: 5; width: 43px; height: 43px; margin-left: -21.5px; background: url(../image/icon6.png) no-repeat 0 0; }
.mainBorder {height: auto;overflow: hidden;max-width: 1200px;min-width: 320px;margin: 20px auto;background-color: #fff;border-top: 5px solid #ffae00;}
.mainCon { height: auto; overflow: hidden; padding: 0 100px 53px; }
.mainCon .article { font-size: 14px; padding: 0; }
.title { height: auto; overflow: hidden; padding: 56px 0 13px; color: #666; font-size: 14px; text-align: center; border-bottom: 1px solid #dedede; }
.title h1 { line-height: 36px; font-size: 24px; color: #333; margin-bottom: 19px; }
.title span { display: inline-block; padding-left: 64px; }
.content { color: #666; font-size: 14px; line-height: 24px; list-style: disc; padding: 43px 0 65px; }
.content img {max-width: 100%;height: auto !important;margin-bottom: .5em;}
/*indexMain*/
.indexMain { height: auto; overflow: hidden; position: relative; z-index: 0; }
/*banner*/
.banner { width: 100%; position: relative; z-index: 0; height: 600px; }
.banner .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.banner .bd ul { width: 100% !important; }
.banner .bd li { width: 100% !important; height: 600px; overflow: hidden; text-align: center; }
.banner .bd li a { display: block; height: 600px; }
/*indexProduct*/
.indexProduct { height: auto; overflow: hidden; }
.indexTit { padding-top: 73px; height: 72px; position: relative; text-align: center; border-bottom: 1px solid #fff; }
.indexTit .bor { height: 71px; border-bottom: 1px solid #dedede; }
.indexTit a { display: inline-block; color: #24272e; }
.indexTit a h3 { font-size: 24px; }
.indexTit a div { font-size: 16px; color: #666; font-family: Arial; margin: 2px 0 16px; text-transform: uppercase; }
.indexTit span { display: block; position: absolute; left: 50%; bottom: 0; z-index: 5; margin-left: -35px; width: 70px; height: 1px; background-color: #ffae00; }
.indexProductList { height: auto; overflow: hidden; padding: 40px 0 80px; }
.indexProductList li {float: left;width: 235px;height: 282px;margin-left: 5px;}
.indexProductList li:first-child {margin-left: 0;}
.indexProductList li a {display: block;color: #666;cursor: pointer;}
.indexProductList li a:hover img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.indexProductList li a:hover .imgText { background-color: #ffae00; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.indexProductList li a:hover .imgText h3 { color: #fff; }
.img {width: 236px;height: 160px;margin-bottom: 1px;overflow: hidden;}
.img img { width: 100%; height: 100%; }
/*原版.imgText { height: 104px; overflow: hidden; padding: 0 5px 0 55px; background-color: #24272e; }*/
.imgText {height: 104px;overflow: hidden;padding: 0 15px 0 15px;background-color:#FFF;}
.imgText h3 { font-size: 14px; color: #ffae00; height: 42px; line-height: 42px; overflow: hidden; padding-top: 5px; }
.imgText div { height: 21px; line-height: 21px; overflow: hidden; text-transform: uppercase; }
.application { height: auto; overflow: hidden; padding-bottom: 80px; background-color: #24272e; }
.application .indexTit { border-color: #191a1e; }
.application .indexTit .bor { border-color: #353942; }
.application .indexTit a { color: #ffae00; }
.application .indexTit a div { color: #fff; }
/*appslide*/
.appslide { position: relative; height: 350px; overflow: hidden; margin-top: 40px; }
.appslide .tab { float: left; line-height: 18px; }
.appslide .tab li {margin-top: 10px;width: 358px;height: 78px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;border: 1px solid #dedede;background-color: #fff;}
.appslide .tab li:first-child {margin-top: 0;}
.appslide .tab a { display: block; height: 78px; overflow: hidden; position: relative; padding-left: 111px; color: #666; }
.appslide .tab a h3 { font-size: 16px; padding: 14px 0 11px; }
.appslide .tab a b { position: absolute; left: 41px; top: 17px; z-index: 5; width: 51px; height: 46px; overflow: hidden; background: url(../image/icon8.png) no-repeat 0 0; }
.appslide .tab a b.a2 { background-position: 0 -90px; }
.appslide .tab a b.a3 { background-position: 0 -180px; }
.appslide .tab a b.a4 { background-position: 0 -270px; }
.appslide .tab .on { background-color: #ffae00; border-color: #ffae00; }
.appslide .tab .on a { color: #fff; }
.appslide .tab .on a b.a1 { background-position: -75px 0; }
.appslide .tab .on a b.a2 { background-position: -75px -90px; }
.appslide .tab .on a b.a3 { background-position: -75px -180px; }
.appslide .tab .on a b.a4 { background-position: -75px -270px; }
.appslide .pic { float: right; position: relative; border: 1px solid #4a5367; }
.appslide .pic li, .appslide .pic a, .appslide .pic img {display: block;width: 798px;height: 348px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;}
.appslide .pic li { display: none; position: absolute; left: 0; top: 0; }
/*indexNews*/
.indexNews { height: auto; overflow: hidden; margin: 80px auto; }
.indexNewsLeft { float: left; width: 732px; }
.indexNewsTit { height: auto; overflow: hidden; position: relative; padding-bottom: 18px; line-height: 24px; }
.indexNewsTit a { display: inline-block; }
.indexNewsTit a b { display: block; float: left; font-weight: normal; color: #333; font-size: 24px; }
.indexNewsTit a i { display: block; float: left; width: 25px; margin-top: 1px; background: url(../image/span.jpg) no-repeat center center; }
.indexNewsTit a span { display: block; float: left; font-size: 16px; color: #666; margin-top: 4px; font-family: Arial; text-transform: uppercase; }
.introduce { height: auto; overflow: hidden; padding-top: 18px; position: relative; }
.introduceImg { float: left; }
.introduceImg img { width: 146px; height: 173px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
.introduceImg img:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.introduceText {margin-left: 177px;color: #666;line-height: 24px;padding-top: 4px;overflow: hidden;}
.introduceText div:first-child { margin-bottom: 10px; }
.readmore { position: absolute; display: block; bottom: 0; right: 0; color: #ffae00; font-size: 14px; font-family: Arial; }
.readmore:hover { padding-right: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.indexNewsRight { float: right; width: 319px; padding-left: 71px; border-left: 1px solid #dedede; }
.indexNewsList { height: auto; overflow: hidden; }
.indexNewsList li { height: 47px; line-height: 47px; border-bottom: 1px solid #dedede; padding-left: 18px; background: url(../image/star.png) no-repeat 0 -29px; }
.indexNewsList li a { display: block; color: #666; }
.indexNewsList li a span { display: block; float: right; }
.indexNewsList li:hover { background-position: 0 19px; }
.indexNewsList li:hover a { color: #ffae00; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.more { position: absolute; display: block; top: 5px; right: 0; color: #6; font-size: 14px; font-family: Arial; }
.more:hover { padding-right: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; color: #ffae00; }
.ppt_l {/*width:60px;*/ font-weight: bold; }
.ppt_r { color: #DFDFDF; }
.ppt span { padding: 4px 6px; color: #fff; background-color: #ffae00; border-radius: 5px; }
.dsn { display: none; }
#slide_a14 { margin: 0 auto; }

/*******************************add style**********************************/
table,table tr,table tr td{max-width:100%}
table{border-collapse: collapse;margin: 1em auto;width: 100% !important;color:#333;text-align:center;}
table tr td{line-height:2.5em;border: 1px solid #fff;}
table tr td,table tr td span{ font-size:1em !important;}
table tr:nth-child(odd) {background: #f5f5f5;}
i{ font-style: normal;}
.m_menu{ display: none;}
@media screen and (max-width: 1680px) {
	.banner{ height:auto;}
	#slide_a14{ height:100% !important;}
	#slide_a14 img{width:100%;height: auto;}
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
  /******public*****/
  .logo{width: 35%;}
  .main{ padding-left:1%; padding-right:1%;}
  /******contact*****/
  .map{ width: 100%;}
  /******news*****/
  .newsList li{ width: 33%;border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;}
  .newsList li:nth-child(3n){border-right:none;}

  .indexProductList{
    padding-left: 1em;
    padding-right: 1em;
}
  .indexProductList li{width:19.5%;height: auto;margin-bottom: .5em;}
  .indexProductList li:nth-child(6n){margin-left: 0;}
  .img{ width:100%;}
  .indexProductList li img{width:100%;}
  
}
@media screen and (max-width: 1152px) {
     /******index*****/
	.indexTit{ padding-top: 2em;}
	.application{padding: 1em;}
	.appslide,.appslide .tab{display: flex;flex-wrap: wrap;height: auto;justify-content: space-between;}
	.appslide .tab,.appslide .pic{width: 100% !important;}
	.appslide .tab{ margin-bottom:1em;}
	.appslide .tab li{height: auto;width: 24%;padding-bottom: .8em;}
	.appslide .tab li:first-child{ margin-top:10px;}
	.appslide .pic li, .appslide .pic a, .appslide .pic img{width:100% !important;}
	.appslide .pic img{ object-fit:cover;}
}
@media screen and (max-width: 1024px) {
     /******index*****/
	.indexNews{padding: 0 1em;display: flex;flex-wrap: wrap;justify-content: space-between;}
	.indexNewsLeft{width: 50%;}
	.indexNewsRight{width: 45%;padding-left: 1em;}
}
@media screen and (max-width: 800px) {
	/******public*****/
	.logo{width: 10%;padding-left: 1%;}
	.logo img{ width: 400%;padding-left: .2em;}
	/******guestbook*****/
	.msgArea{ width: 80%;}
	/******down*****/
	.download{ padding: 1em;}
	.download ul li b{width:55%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
    /******news*****/
    .mainMenu li:hover, .mainMenu li.on{ border-bottom:none;}
    .mainMenu li{ margin:0;}
	/******brand*****/
    .product .mainBox{margin-top: 1em;}
    .productBox{padding:1em;margin-top: 1.5em;}
    .productText{position:relative;padding-bottom: 3em;margin-left: 0;width: 61%;}
    .brand div:first-child{-webkit-line-clamp: 1;}
    .xianxi{-webkit-line-clamp: 2;}
    .brand{position: initial;}
    .brand div:first-child,.xianxi{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal;-webkit-box-orient: vertical;padding-bottom: 0;}
    .anniu{display: flex;bottom: 0px;top: auto;}
    .brand a{ padding-left:.5em;}
    .productDiv dt{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .productImg{width: 36%;height: auto;}
    .productImg img{width: 100%;height: auto;}
    .mainCon{padding: 1em;}
    .futekTit{position:relative;padding-bottom: 3em;}
    .futekTit a{ position:absolute;bottom:.5em; right:0;}
    .otherFutekList{padding: 0 .5em;display: flex;flex-wrap: wrap;}
    .otherFutekList li{width:24%;margin: 2% 1% 1% 0;}
    .otherFutekList li:last-child{ margin-right:0;}
    .paged a, .paged .p_info, .paged .current{ margin-bottom: .5em;}
    .futekBox img{ margin: 0 auto; max-width: 90% !important; display: block; height: auto !important;}
     /******index*****/
    .appslide .tab a{ padding-left: 10px;}
    .appslide .tab a b{ display: none;}
    .indexProductList{display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 2em;}
    .indexProductList li{width:32%;margin-left: 0;}
    .img{width:100%;height: auto;}
    .imgText{ box-sizing: border-box;}
    .indexNewsLeft{margin-bottom: 2.5em;}
    .indexNewsRight{ border-left:none;}
	.indexNewsLeft,.indexNewsRight{width: 100%;padding-left: 0;}
	/******mall*****/
	.mainBox{display: flex;flex-wrap: wrap;justify-content: center;}
	.mainBox .left{ display:none;}
    .right{width: 100%;margin-left: 0;}
    .mainBox .right .caseList{ padding: 0;}
    .caseList li{width: 49%;margin-left: .5%;margin-right: 0;}
    .caseImg{width:auto;height: 160px;}
    .caseImg img{width:100%;object-fit: cover;}
    .caseList li a p{font-size: 1.1em;margin-top:.5em;}
    .videoBox{padding: 1em;box-sizing: border-box;}
    .videoBox, .media,.mediaBor{width: 100% !important;height: auto !important;}
    .media{ padding:0;}
    .videoBox video{max-width: 95% !important;height: auto !important;}
    .futekBox{ padding:0 1em;}
    .futekInfo2{ padding:0;}
}
@media screen and (max-width: 768px) {
	body{font: normal normal 16px / 22px "Helvetica Neue",sans-serif,Arial,Helvetica,Verdana,"Microsoft YaHei";}
	/******public*****/
	.logo{margin-top: auto;}
	.search{position: absolute;margin: 0 auto;top: 35%;left: 40%;z-index:999}
    .headTop{ height:0; display: none;}
	.mainBorder{ margin: 1em auto;}
    .header{height:auto;background:#fea204;padding-top: 2%;}
    .tel{display: none;}
	.m_menu{display: block;font-size: 2em;color: #ffffff;padding-right: .5em;margin-top: -.5em;}
	.headMenu{display: flex;align-items: center;justify-content: space-between;position:relative;height: auto;}
	.nav{display:none;background: #fff;position:absolute;top: 5.5em;width: 50%;right:0;height: auto;float: none;z-index: 900;}
	.nav ul li{float:none;line-height: 4em;height: auto;border-bottom: 1px solid #e9e9e9;opacity: .9;}
	.nav ul li a{line-height: 4em;height: auto;}
	.navmenu{position:inherit;display: block;top: 0;background-color: #fff;}
	.navmenu div a{padding-left: 15%;text-align: left;color: #3a3d43;}
	.path{ padding-top:1em;}
    /******news*****/
    .mainCon{padding: 0 1em 1em;}
    .content{ padding-bottom: 1.5em;}
    .mainMenu{padding: 2em 0 0;display: flex;flex-wrap: wrap;justify-content: center;}
    .mainMenu li:hover a, .mainMenu li.on a{background: #fea204; border-radius: 2em;}
    .mainMenu li a{ background:#fff;border-radius: 2em;}
    .newsList li{ width: 49.7%;}
    .newsList li:nth-child(2n){border-right:none;}
    .newsList li:nth-child(3n){border-right: 1px solid #e7e7e7;}
}
@media screen and (max-width: 640px) {
	.logo img{ width: 500%;}
	/******public*****/
	.link{ display: none;}
	.links{ width: 100% !important;}
	.links ul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
	.links li{width: 25%;text-align: center;margin-bottom: .5em;}
	.links a{float: initial !important;margin: 0 !important;}
	.footer{ margin-bottom: 7em;}
    /******contact*****/
	#newBridge .icon-right-bottom{ display: none !important;}
	.contactText{padding: 2em 1em 1em;font-size: 1.5em;}
	/******guestbook*****/
	.mainBox{ margin: 2em 0;}
	.msgArea{ width: 70%;}
	/******brand*****/
    .categoryMenu{display: flex;flex-wrap: wrap;justify-content: center; padding:0;}
    .categoryMenu a{width:50%;border-radius:0;margin: 0;}
    .categoryMenu a:hover, .categoryMenu a.on{background:#ffae00;}
    .categoryList dl{display:flex;align-items: center;}
    .categoryList dl dt{position: inherit;width: 5em;}
    .categoryList dl dd{margin-left:0;width: 95%;}
    .categoryList dl dd a{ margin:.2em; background:#f4f4f4; padding:.2em;}
    .otherFutekList li{width: 49%;}
    .futekImg{margin:0 auto;width: 95%;}
    .futekImg img{ height:auto;}
     /******index*****/
	#slide_a14{ height:11em !important;}
	#slide_a14 img{height: 11em; object-fit:cover;}
    .introduceText div:last-child{ display:none;}
    /******news*****/
    .mainMenu{ justify-content:flex-start;}
    .mainMenu li{width: 49%;}
    .futekTit h3{
    line-height: 2em;
    font-size: 1.4em;
    height: auto;
}
}
@media screen and (max-width: 480px) {
	.logo img{width: 500%;padding-top: 8px;padding-left: 5px;}
	.search{ top:30%;}
	/******down*****/
	.download ul li{ height: auto; line-height: normal; padding-bottom: 1.5em; padding-top: 1.5em;}
	.download ul li b, .download ul li span{ line-height: normal; height: auto;}
    /******news*****/
    .newsList li{ width: 100%;}
    .newsList li{border-right:none;}
     /******index*****/
    .appslide .tab li{width: 49%;}
    .indexProductList li{ width:49%;}
    .indexProductList li:last-child{ display:none;}
    .introduceText{ margin-left: 155px; padding-top: 0;}
    .introduceText div{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
    
}
@media screen and (max-width: 414px){
	.logo img{width: 500%;padding-top: 8px;padding-left: 5px;}
	.search{top:30%;left: 35%;z-index: 999;}
	/******brand*****/
    .brand a{background: #fea204;border-radius: 5px;margin-left: .5em;display: inherit;width: auto;padding: .1em .5em;}
}
@media screen and (max-width: 375px) {
	.search{width: 150px;border-radius: 10px;background: url(../image/search.png) no-repeat -38px 0;}
	.search input[type="text"]{width:80%;padding-left: .5em;font-size: .9em;}
	/******public*****/
	.logo{ width: 20%;}
    /******contact*****/
	.mainMenu li:hover, .mainMenu li.on{ border-bottom:none;}
	/******guestbook*****/
	.msg{ padding: 0 .5em;}
	.msgArea{ width: 65%;}
	/******down*****/
	.paged a, .paged .p_info, .paged .current{ margin-bottom: .5em;}

	
	#slide_a14{ height:7em !important;}
	#slide_a14 img{height: 7em; object-fit:cover;}
}
@media screen and (max-width: 375px) {
	.logo img{width: 250%;}
	.search{top:30%;left: 38%;}
}
@media screen and (max-width: 360px) {
	.logo img{width: 300%;}
	.search{top:25%;left: 38%;}
}
@media screen and (max-width: 320px) {
	.search{left: 35%;}
}