/*通用样式*/
*{ box-sizing: border-box;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
html{font-size:20px;font-weight:400;}
img{border:0;}
body{font-family:'微软雅黑';font-size:14px;background:#f0f0f0;;color: #666;min-width: 1200px;}
a{ color: #666;}
li a{ display: block;}
i,em{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a:visited,a:link,a:hover,a:active{text-decoration: none;color: #666;}
p{ line-height: 24px;}
ul,li,ol,dl{ list-style: none;}
input,button,textarea{border:none;}
input:focus,textarea:focus{outline:none;}
select{outline: none;}
textarea,input,button{outline: none;resize: none;}
.btn.focus, .btn:focus, .btn:hover,textarea.form-control:focus,textarea.form-control:hover {text-decoration: none;}
.btn:focus,textarea.form-control:focus{outline: none !important;box-shadow: none !important;}
::-webkit-input-placeholder {font-size: 12px;color: #999;}
:-moz-placeholder {font-size: 12px;color: #999;}
::-moz-placeholder {font-size: 12px;color: #999;}
:-ms-input-placeholder {font-size: 12px;color: #999;}
.clearfix:after,.cf:after { content: " "; display: block; clear: both; height: 0; overflow: hidden;}
.fixed, .clearfix, .cf { *zoom: 1;}
.lf{ float:left;}
.rf{ float:right;}
/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: " "; display: block; clear: both; height: 0; overflow: hidden }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
.middle{width: 1200px;margin: 0 auto;}
.underline{ text-decoration: underline;}
.border{ border: 1px solid #ddd;}
.relative{ position: relative;}
.absolute{ position: absolute;}
.hide{ display: none;}
.bgfff{ background: #fff;}
.bge4e4e4{ background: #e4e4e4;}
.color333{ color: #333;}
.color999{ color: #999;}
.text-center{ text-align: center;}
.noborder{ border: none !important;}
button{ cursor: pointer;}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ellipsis2{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ellipsis3{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
/*通用样式*/

/*网页头部*/
.web_top{ height: 30px; line-height: 30px; color: #333;}
.web_top a{color: #333;}
.web_top .lf a,.web_top a:hover{ color: #08ae28;}
/*网页头部*/

/*头部*/
.headerfixed{ position: fixed; left: 0; top: 0; z-index: 9; width: 100%;font-size: 16px;}
.header{ background: #fff;}
.logo{ padding: 9px 0 5px;}
.logo img{ width: 150px;}
.navbox{ padding-top: 4px;}
.nav .nav-item{ height: 45px; float: left;}
.nav .nav-item .nav-angle{ width: 0;height: 0;position: absolute;top: 50%;right: 4px;margin-top: -5px;display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #555;border-bottom: 0 solid #555;transition: all .4s ease-in-out;}
.nav .nav-item:hover>a,.nav .nav-item.active>a{ color: #08ae28; font-weight: bold; background: #fff;}
.nav .nav-item:hover .nav-angle{-webkit-transform: rotate(-180deg);transform: rotate(-180deg);border-top: 4px solid #08ae28}
.nav .nav-item>a{text-align: center;display: block;height: 100%;position: relative;line-height: 42px;transition: .3s;padding: 0 22px;color: #333;}
.box-shadow{ -webkit-box-shadow:0px 2px 15px #e4e4e4; -moz-box-shadow:0px 2px 15px #e4e4e4; box-shadow:0px 2px 15px #e4e4e4;}

/*二三级导航*/
.nav .nav-item{ position: relative;}
.nav .nav-item .menu_sec{ top: 45px;}
.menu{ position: absolute;left: 0;background: rgba(0,0,0,0.5); width: 250px; display: none;}
.menu dt a{ color: #fff; height: 50px; line-height: 50px; padding-left: 20px;}
.menu dt a:hover{ background: #07ae29;}
.menu_sec>dt{ position: relative;}
.menu .menu{ margin-left: 251px; top: 0;}
.nav .nav-item:hover>.menu_sec{ display: block;}
.nav .menu_sec>dt:hover>.menu_third{ display: block;}
/*头部*/
.main{ margin-top: 80px;}

/*底部*/
.footer{ background: #717171; height: 287px; color: #e2e2e2;}
.footerleft{ width: 320px;}
.footerright{ width: 320px;}
.footerleft,.footerright{ padding-top: 60px;}
.footerleft img{ display: block; margin: 0 auto;}
.footermiddle{ width: 560px; padding-top: 40px; text-align: center;}
.footshare{ display: inline-block; margin-bottom: 10px;}
.footshare a{ display: inline-block; width: 40px; height: 40px; margin-right: 5px; border-radius: 50%; overflow: hidden;}
.footermiddle p{ margin-bottom: 5px;}
.labelinput{ border-bottom: 1px solid #a7a7a7; height: 28px; line-height: 28px; margin-bottom: 5px; background: transparent; font-size: 12px; padding-bottom: 34px;}
.labelinput label i{ color: #f1191a; padding-left: 2px;}
.labelinput input{ background: transparent; padding-left: 15px; color: #e2e2e2; font-size: 12px; width: 180px;}
.labelinput input.shortipt{ width: 140px;}
.footerright button{ width: 142px; height: 32px; line-height: 32px; text-align: center; background: #08ae28; color: #fff; margin: 15px auto 0; display: block; border-radius: 5px;}
/*contact*/
.inputs{
    margin-bottom: 10px;
}
.inputs input{
    font-family: 'calibri', sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    padding: 10px 8px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #000;
    border: 1px solid #eee;
    background: #fff;
    -moz-box-box-shadow: inset 0 0 0 1px #fff, 1px 2px 0px #eee;
    -webkit-box-shadow: inset 0 0 0 1px #fff, 1px 2px 0px #eee;
    box-shadow: inset 0 0 0 1px #fff, 1px 2px 0px #eee;
    width: 100%;
}
.inputs textarea{
    font-family: 'calibri', sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    padding: 10px 8px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #000;
    border: 1px solid #eee;
    background: #fff;
    -moz-box-box-shadow: inset 0 0 0 1px #fff, 1px 2px 0px #eee;
    -webkit-box-shadow: inset 0 0 0 1px #fff, 1px 2px 0px #eee;
    box-shadow: inset 0 0 0 1px #fff, 1px 2px 0px #eee;
    width: 100%;
    height: 200px;
}
.c_title{
     height: 32px;
     line-height: 32px;
     font-size: 16px;
     text-transform: uppercase;
     margin-bottom: 20px;
     border-bottom: 1px solid #10427d;
 }
.clform{
    width: 420px;padding-top: 0
}
.clform ::-webkit-input-placeholder { /* webkit browsers */
    font-size:16px;
}
.clform :-moz-placeholder { /* mozilla firefox 4 to 18 */
    font-size:16px;
}
.clform ::-moz-placeholder { /* mozilla firefox 19  */
    font-size:16px;
}
.clform :-ms-input-placeholder { /* internet explorer 10  */
    font-size:16px;
}
/*首页*/
/*轮播*/
#mycarousel .item{ width: 100%; height: auto}
.carousel-indicators{ z-index: 2;}
#mycarousel .carousel-indicators li{ margin: 0 5px; background: #fff; border: 0; width: 10px; height: 10px;}
#mycarousel .carousel-indicators li:hover,#mycarousel .carousel-indicators li.active{ background: #08ae28; border: 0;}
#mycarousel .item img{
    width: 100%;
    height: auto;
}

.main .banner .slide{ background-position: center; background-repeat: no-repeat;}
.bx-wrapper {margin: 0 auto;}
.bx-wrapper .bx-viewport{ border: 0; margin: 0; box-shadow: 0;}
.bx-controls-direction{ display: none;}
.bx-wrapper .bx-pager{ position: absolute; left: 0; bottom: 20px;}
.bx-wrapper .bx-pager.bx-default-pager a{ background: #fff;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #08ae28;}
.banner .bannerbg{ width: 100%; height: 100%; background: url(/uploads/image/tmimg/banner_bg.png); text-align: center; color: #fff; padding-top: 120px;}
.banner .bannerbg h1{ font-size: 80px; text-shadow: 0 0 6px rgba(0,0,0,.7);}
.banner .bannerbg p{ font-size: 30px; line-height: 50px;}
.bannerwrap .seachbox{ left: 0; bottom: 150px; width: 100%;}
.bannerwrap .seachboxin{ width: 936px; margin: 0 auto; height: 97px; line-height: 97px;}
.bannerwrap .seachboxin input{ width: 703px; height: 97px; padding: 0 30px; font-size: 24px; background: rgba(255,255,255,0.7);}
.bannerwrap .seachboxin button{ height: 97px; text-align: center; width: 233px; background: #08ae28; color: #fff; font-size: 36px;}
.bannerwrap .seachboxin ::-webkit-input-placeholder {font-size: 24px; color: #a2a1a1;}
.bannerwrap .seachboxin :-moz-placeholder {font-size: 24px; color: #a2a1a1;}
.bannerwrap .seachboxin ::-moz-placeholder {font-size: 24px; color: #a2a1a1;}
.bannerwrap .seachboxin :-ms-input-placeholder {font-size: 24px; color: #a2a1a1;}

/*标题*/
.indextitle{ color: #333; font-size: 24px;}
.indextitle h3{ border-bottom: 2px solid #08ae28;}
.indextitle h3 span{ display: inline-block; border-bottom: 3px solid #09ae29; padding-bottom: 6px;}

.indexsolulist,.indexprod,.indexabout,.indexnews{ margin-top: 50px;}

/*solution*/
.indexsolulist .indextitle{ margin-bottom: 25px;}
.indexsolulist li{ width: 392px; margin-right: 12px; margin-bottom: 12px;}
.indexsolulist li:hover .overlay{ background: rgba(0,0,0,0);}
.indexsolulist li:nth-child(3n){ margin-right: 0;}
.indexsolufirst{ line-height: 30px; height: 240px; overflow: hidden;}
.indexsolutop{ width: 392px; height: 260px; overflow: hidden; position: relative;}
.indexsolutop img{ width: 100%; height: 100%; transition: all 0.5s;}
.indexsolulist li:hover img{ transform: scale(1.2);}
.indexsolutop .overlay{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.2); left: 0; top: 0;display:flex;align-items:center;justify-content:center;}
.indexsolutop .overlay h3{ color: #fff; font-size: 24px; font-weight: bold; text-align: center;}
.indexsolubott{ margin: 5px 0; height: 48px; overflow: hidden; padding: 0 10px;}
.indexsolubott a{ color: #333; max-width: 46%; display: block; background: url(/uploads/image/tmimg/arrowright.png) right 3px no-repeat; padding-right: 20px; margin-right: 10px; margin-bottom: 5px;}
.indexsolubott a:hover{ color: #08ae28;}

/*product*/
.indexprodlist{ margin-top: 25px;}
.indexprodlist li{ width: 240px; height: 486px;}
.indexprodlist li .indexprodtop{ width: 240px; height: 240px; overflow: hidden;}
.indexprodlist .indexprodtop img{ width: 100%; height: 100%; transition: all 0.5s;}
.indexprodlist li .indexprodbott{ color: #fff; height: 240px; padding: 80px 20px 0;}
.indexprodlist li:nth-child(odd) .indexprodbott{ background: url(/uploads/image/tmimg/prodarrow.png) 201px 12px no-repeat;}
.indexprodlist li:nth-child(even) .indexprodbott{ background: url(/uploads/image/tmimg/prodarrow2.png) 201px 201px no-repeat;}
.indexprodlist li:nth-child(2) .indexprodbott,.indexprodlist li:nth-child(5) .indexprodbott{ background-color: #00a85f;}
.indexprodlist li:nth-child(1) .indexprodbott,.indexprodlist li:nth-child(3) .indexprodbott,.indexprodlist li:nth-child(4) .indexprodbott{ background-color: #00a892;}
.indexprodlist .indexprodbott h3{ font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.indexprodlist .indexprodbott .prodclass{ padding-left: 10px;}
.indexprodlist li:hover .indexprodtop img{ transform: scale(1.2);}

/*about us*/
.indexabout .indextitle span{ padding-right: 135px;}
.indexabouttop{ padding: 28px 24px 28px; border-bottom: 1px solid #ddd;}
.indexaboutleft{ width: 539px; height: 314px; overflow: hidden;}
.indexaboutleft img{ width: 100%; height: 100%;}
.indexaboutright{ width: 580px; padding-top: 36px;}
.indexaboutright h3{ color: #333; font-size: 24px; margin-bottom: 12px;}
.indexaboutright p{ line-height: 30px; height: 210px;}
.ellipsis7{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
.indexaboutlist{ padding: 28px 28px 22px;}
.indexaboutlist li{ margin-right: 32px;}
.indexaboutlist li:nth-child(3n){ margin-right: 0;}
.indexaboutlisttop{ width: 360px; height: 187px; overflow: hidden;}
.indexaboutlisttop img{ width: 100%; height: 100%; transition: all 0.5s;}
.indexaboutlistbott h3{ color: #333; font-size: 24px; text-align: center; margin-top: 20px;}
.indexabouttop a:hover,.indexabouttop a:hover h3{ color: #08ae28;}
.indexaboutlist li:hover img{ transform: scale(1.2);}

/*news*/
.indexnews{ padding: 30px 40px; border-top: 2px solid #08ae28;}
.indexnews>h3{ color: #333; font-size: 24px;}
.indexnewsbox{ margin-top: 10px;}
.indexnewsleft{ width: 531px;}
.indexnewslefttop{ width: 370px; height: 167px; overflow: hidden;}
.indexnewslefttop img{ width: 100%; height: 100%;}
.indexnewsleftbott{ margin-top: 10px;}
.indexnewsdetails{ margin-top: 30px; margin-bottom: 5px;}
.indexnewsdetails button{ width: 113px; height: 43px; border: 1px solid #08ae28; color: #08ae28; background: #fff;}
.indexnewsdetails button:hover{ background: #08ae28; color: #fff;}
.indexnewsright{ width: 545px;}
.indexnewslist h3{ font-size: 16px; margin-bottom: 5px;}
.indexnewslist .ellipsis2{ font-size: 12px; height: 48px;}
.indexnewslist .newstime{ color: #08ae28;}
.indexnewslist li:not(:last-child){ border-bottom: 3px solid #f2f2f2; margin-bottom: 20px;}
.indexnewslist li:not(:last-child) a{ padding: 0 0 16px;}
.indexnewslist li:hover a h3{ color: #08ae28;}

/*面包屑导航*/
.location{ height:50px; line-height:50px; color: #333;}
.location a{ color:#333;}
.location a:hover,.footer a:hover{ color: #08ae28;}

/*产品列表*/
/*banner*/
.innerbanner{ height: 455px; overflow: hidden; background: url(/uploads/image/tmimg/prodbanner.png) center no-repeat;}
.innerbanner .middle{ height: 100%; position: relative;}
.innerbanner .bannertel{ color: #08ae28; width: 344px; height: 149px; padding: 47px 32px; background: rgba(255,255,255,0.8); position: absolute; bottom: 25px; left: 25px;}
.innerbanner .bannertelimg{ width: 53px; height: 53px; overflow: hidden;} 
.innerbanner .bannertelimg img{ width: 100%; height: 100%;}
.innerbanner .bannerteltext p{ font-size: 21px;}
.innerbanner .bannerteltext h3{ font-size: 29px; font-weight: bold;}

/*产品左侧切换*/
.prodwrapleft{ width: 216px; margin-bottom: 30px;}
.prodwrapright{ width: 954px;}
.prodwrapleft h3{ font-size: 24px; color: #333; margin-bottom: 5px;}
.prodtitlelist li{ background: #f3f3f3;}
.prodtitlelist li:not(:last-child){ border-bottom: 1px solid #fff;}
.prodtitlelist li a{ height: 50px; line-height: 50px; display: block; padding-left: 20px;}
.prodtitlelist li.active{ background: #08ae28;}
.prodtitlelist li.active a,.prodtitlelist li.active:hover a{ color: #fff;}
.prodtitlelist li:hover a{ color: #08ae28;}
.prodwrapright .indextitle{ margin-bottom: 25px;}
.prodwrapright .indextitle h3 span{ font-size: 16px; color: #333; padding-right: 30px;}
.prodlist{ padding: 0 8px;}
.prodlist li{ border-bottom: 1px solid #d4d4d4; margin-bottom: 20px;}
.prodlist li a{ padding-bottom: 20px;}
.prodlist .prodleft{ width: 132px; height: 132px; overflow: hidden;}
.prodlist .prodleft img{ width: 100%; height: 100%;}
.prodlist .prodright{ width: 760px; margin: 0 25px 0 20px; padding: 10px 0;} 
.prodlist .prodright h3{ font-size: 18px; color: #333; margin-bottom: 15px;}
.prodlist li a:hover h3{ color: #08ae28;}

/*分页*/
.layui-box, .layui-box *{ box-sizing: content-box;}
.layui-laypage {display: inline-block;*display: inline;*zoom:1;vertical-align: middle;margin: 10px 0;font-size: 0}
.layui-laypage>a:first-child,.layui-laypage>a:first-child em {border-radius: 2px 0 0 2px}
.layui-laypage>a:last-child,.layui-laypage>a:last-child em {border-radius: 0 2px 2px 0}
.layui-laypage>:first-child {margin-left: 0!important}
.layui-laypage>:last-child {margin-right: 0!important}
.layui-laypage a,.layui-laypage button,.layui-laypage input,.layui-laypage select,.layui-laypage span {border: 1px solid #e2e2e2}
.layui-laypage a,.layui-laypage span {display: inline-block;*display: inline;*zoom:1;vertical-align: middle;padding: 0 15px;height: 28px;line-height: 28px;margin: 0 -1px 5px 0;background-color: #fff;color: #333;font-size: 12px}
.layui-laypage a:hover {color: #009688}
.layui-laypage em {font-style: normal}
.layui-laypage .layui-laypage-spr {color: #999;font-weight: 700}
.layui-laypage a {text-decoration: none}
.layui-laypage .layui-laypage-curr {position: relative}
.layui-laypage .layui-laypage-curr em {position: relative;color: #fff}
.layui-laypage .layui-laypage-curr .layui-laypage-em {position: absolute;left: -1px;top: -1px;padding: 1px;width: 100%;height: 100%;background-color: #009688}
.layui-laypage-em {border-radius: 2px}
.layui-laypage-next em,.layui-laypage-prev em {font-family: sim sun;font-size: 16px}
.layui-laypage .layui-laypage-count,.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-skip {margin-left: 10px;margin-right: 10px;padding: 0;border: none}
.layui-laypage .layui-laypage-limits {vertical-align: top}
.layui-laypage select {height: 22px;padding: 3px;border-radius: 2px;cursor: pointer}
.layui-laypage .layui-laypage-skip {height: 30px;line-height: 30px;color: #999}
.layui-laypage button,.layui-laypage input {height: 30px;line-height: 30px;border: 1px solid #e2e2e2;border-radius: 2px;vertical-align: top;background-color: #fff;box-sizing: border-box}
.layui-laypage input {display: inline-block;width: 40px;margin: 0 10px;padding: 0 3px;text-align: center}
.layui-laypage button {margin-left: 10px;padding: 0 10px;cursor: pointer}
#pagebox{ margin: 50px 0 0; padding: 0 0 50px;}
.layui-laypage a, .layui-laypage span{ margin-right: 8px; border-radius: 4px; width: 38px; height: 38px; line-height: 38px; padding: 0;}
.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-skip{ width: auto;}
.layui-laypage .layui-laypage-prev em,.layui-laypage .layui-laypage-next em{ position: relative; top: -1px; font-size: 20px;}
.layui-laypage .layui-laypage-prev em{ left: -1px;}
.layui-laypage .layui-laypage-next em{ right: -1px;}
.layui-laypage>a:first-child, .layui-laypage>a:first-child em{ border-radius: 4px;}
.layui-laypage button{ color: #333;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{ background: #08ae28;}
.layui-laypage a:hover{ color: #08ae28;}
.layui-laypage .layui-laypage-spr{ border: 0; margin-right: 0; margin-left: -8px;}

/*右侧固定*/
.izl-rmenu{margin-right:0;width:60px;position:fixed;right:6px; top:26%; z-index:999; width: 64px;
    padding: 4px 11px;
}
.izl-rmenu a{ display: block;margin: 0 auto 10px;background-size: 100% 100%;background-repeat: no-repeat}
.izl-rmenu-icon .btn_chat{ background-position: -110px 0; position: relative;}
.izl-rmenu-icon .btn_s{ background-position: -110px -43px; height: 33px;}
.izl-rmenu-icon .btn_tel{ background-position: -111px -84px; width: 33px; height: 33px;}
.izl-rmenu-icon .btn_mess{ background-position: -110px -126px; width: 35px; height: 35px;}
.izl-rmenu-icon .btn_line{ background-position: -111px -170px; width: 32px; height: 32px;}
.izl-rmenu-icon .btn_mail{ background-position: -109px -219px; width: 36px; height: 26px; margin-bottom: 0;}
.izl-rmenu-icon .btn_chat .btn_chat_left{ position: absolute; top: 3px; left: -130px; width: 92px; height: 27px; background: url(/uploads/image/tmimg/righticon.png) 0 -3px no-repeat; display: none;}
.izl-rmenu .btn_top{margin-top: 5px; width: 45px; height: 47px; margin-bottom: 5px;background-image: ; }

/*case*/
/*.casebanner{ background: url(/uploads/image/tmimg/casebanner.png) center no-repeat; height: 455px;}*/
.casewrapright .indextitle{ margin-bottom: 15px;}
.caselist{ padding: 0 10px; color: #fff;}
.caselist li{ margin-bottom: 10px;}
.caselist li:nth-child(odd) .caselistleft{ width: 299px; height: 242px; overflow: hidden; float: left;}
.caselist li:nth-child(odd) .caselistright{ width: 635px; height: 242px; background: #00a0a0; padding: 30px; float: right;}
.caselist li:nth-child(even) .caselistleft{ width: 465px; height: 242px; overflow: hidden; float: right;}
.caselist li:nth-child(even) .caselistright{ width: 469px; height: 242px; background: #01a860; padding: 30px; float: left;}
.caselist li:nth-child(odd) .caselistright .readmore{ margin-top: 30px;}
.caselist li:nth-child(even) .caselistright .readmore{ float: right; margin-top: 10px;}
.caselist li .caselistright h3{  font-size: 24px; margin-bottom: 25px;}
.caselist li .caselistright a{ color: #fff;}
.caselist li .caselistright a:hover{ text-decoration: underline;}
.caselist li img{ width: 100%; height: 100%;}
.caselist li:nth-child(odd) p{ height: 72px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.caselist li:nth-child(even) p{ height: 96px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

/*about us*/
.rightdetail{ padding: 0 10px 20px; color: #333;}
.rightdetail h3{ font-size: 24px; margin-top: 30px;}
.rightdetail .abouttextimg{ width: 272px; height: 164px; overflow: hidden; margin: 0 0 0 20px;}
.rightdetail .abouttextimg img{ width: 100%; height: 100%;}
.rightdetail p{ margin: 30px 0 40px;}
.aboutrelated{ background: #f9f9f9; height: 363px; padding: 40px 0; margin-bottom: 35px;}
.aboutrelated h1{ color: #333; font-size: 36px; text-align: center; margin-bottom: 40px;}
.aboutrelatedin .bx-wrapper .bx-viewport{ box-shadow: none; background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none;}
.aboutrelatedin .bx-wrapper .bx-pager{ display: none;}
.aboutrelatedin .bx-controls-direction{ display: block;}
.bx-wrapper .bx-controls-direction a,#myprodcarousel .carousel-control.left,#myprodcarousel .carousel-control.right{ margin-top: 0; top: 43px; background-image: url(/uploads/image/tmimg/aboutrelatecontrol.png); background-repeat: no-repeat; width: 30px; height: 53px}
.aboutrelatedin .bx-wrapper .bx-prev{ left: -40px;}
.aboutrelatedin .bx-wrapper .bx-next{ right: -40px;}
#myprodcarousel .carousel-control.left{ left: 40px; top: 90px;}
#myprodcarousel .carousel-control.right{ right: 40px; top: 90px;}
.bx-wrapper .bx-prev,#myprodcarousel .carousel-control.left{ background-position: 0 0;}
.bx-wrapper .bx-next,#myprodcarousel .carousel-control.right{ background-position: -30px 0;}
.bx-wrapper .bx-prev:hover,#myprodcarousel .carousel-control.left:hover{ background-position: -60px 0;}
.bx-wrapper .bx-next:hover,#myprodcarousel .carousel-control.right:hover{ background-position: -90px 0;}
.aboutrelatedin .slide p{ text-align: center; height: 45px; line-height: 45px; font-size: 18px; color: #333;}
.aboutrelatedin .slide:hover p{ text-decoration: underline; color: #08ae28;}
/*推荐产品加放大*/
.aboutrelatedin .slide .aboutinimg{ width: 220px; height: 139px; overflow: hidden;}
.aboutrelatedin .slide img{ transition: all 0.5s;}
.aboutrelatedin .slide:hover img{ transform: scale(1.2);}

/*events*/
/*.eventsbanner{ background: url(/uploads/image/tmimg/newsbanner.png) 0 0 no-repeat;}*/
.newsbannerin{ width: 486px; height: 210px; background: rgba(255,255,255,0.8); position: absolute; left: 40px; top: 106px; padding: 20px 30px; color: #333;}
.newsbannerin h3{ font-size: 30px;}
.newsbannerin p{ line-height: 30px;}
.eventswrap{ border-top: 2px solid #08ae28;}
.newsfirst{ padding: 15px 20px 25px;}
.newsfirst .newsfirstleft{ width: 399px; height: 251px; overflow: hidden;}
.newsfirst .newsfirstleft img,.newslist .newslistright img,.solulist .solulisttop img{ width: 100%; height: 100%;}
.newsfirst .newsfirstright{ width: 590px; margin-right: 110px; padding: 30px 0; color: #333;}
.newsfirst .newsfirstright a,.newslist .newslistmiddle a{ font-size: 24px; color: #333; font-weight: bold; display: block; margin-bottom: 22px;}
.newsfirst .newsfirstright a:hover,.newslist .newslistmiddle a:hover{ color: #08ae28; text-decoration: underline;}
.newsfirst .newsfirstright .newstext{ margin-bottom: 10px;}
.newsfirst .newsfirstright .newsintime{ color: #999;}
.newslist li{ padding: 30px 40px 23px 23px; color: #333; border-top: 1px solid #dddddd;}
.newslist .newslistleft{ width: 141px; height: 166px; background: #eeeeee; margin-right: 55px; text-align: center; padding-top: 50px;}
.newslist .newslistmiddle{ width: 560px; padding-top: 30px;}
.newslist .newslistright{ width: 370px; height: 167px; overflow: hidden;}
.newslist .newslistleft h2{ font-size: 48px; color: #08ae28; line-height: 40px;}
.newslist .newslistmiddle a{ font-size: 18px;}

/*solution*/
/*.solubanner{ background-image: url(/uploads/image/tmimg/solutionbanner.png);}*/
.soluwrapright .indextitle{ margin-bottom: 10px;}
.solulist li{ width: 408px; margin: 0 34.5px 69px;}
.solulist .solulisttop{ width: 408px; height: 269px; overflow: hidden;}
.solulist .solulistbott{ background: #08ae28; color: #fff; padding: 20px 22px 24px;}
.solulist .solulistbott h3{ font-size: 24px; margin-bottom: 14px; height: 62px;}
.solulist .solulistbott p{ margin-bottom: 29px; height: 48px; overflow: hidden;}
.solulist .solulistbott a{ display: block; height: 56px; line-height: 56px; color: #fff; border: 1px solid #fff; padding-left: 80px; background: url(/uploads/image/tmimg/findmore1.png) 0 0 no-repeat;}
.solulist .solulistbott a:hover{ color: #08ae28; background: url(/uploads/image/tmimg/findmore2.png) 0 0 no-repeat #fff;}
.soluwrapright #pagebox{ margin-top: 0;}

/*eventsdetail*/
.eventdetailwrap{ color: #333; margin-bottom: 40px;}
.eventdetailleft{ width: 925px;}
.eventdetailright{ width: 250px; margin-top: 30px;}
.eventdetailtop{ border-bottom: 1px solid #ddd; margin-top: 60px; padding-bottom: 28px;}
.eventdetailtop h3{ font-size: 24px; font-weight: bold; margin-bottom: 5px;}
.eventdetailtop p{ font-size: 12px; color: #666;}
.eventdetailbott{ padding: 30px 10px;}
.eventdetailbott .newsdetail{ width: 615px; height: 387px; display: block; margin: 0 auto 20px;}
.eventdetailbott p{ margin-bottom: 20px;}
.eventdetailright h2{ height: 57px; line-height: 57px; color: #fff; background: #08ae28; font-weight: bold; padding-left: 20px;}
.eventdetailright h2>a{
    color: #ffffff;
}
.eventdetailrightbott{ background: #f9f9f9; padding: 15px; font-size: 12px;}
.eventdetailrightbott h3{ font-weight: bold; margin-bottom: 5px;}
.eventdetailrightbott p{ line-height: 20px;}
.eventdetailrightbott .newsrighttime{ color: #999; margin-bottom: 20px;}
.eventdetailright .eventdetailright1{ margin-bottom: 12px;}

/*proddetail*/
.proddetailtopleft{ width: 585px; padding-top: 110px; min-height: 446px;}
.proddetailtopright{ width: 615px; background: #f3f3f3; height: 446px;}
#myprodcarousel .carousel-inner,#myprodcarousel .carousel-inner img{ width: 368px; height: 239px; margin: 0 auto; display: block;}
#myprodcarousel .carousel-indicators{ bottom: -80px;}
#myprodcarousel .carousel-indicators li{ width: 17px; height: 17px; background: #fff; border: 1px solid #ddd; margin: 0 5px;}
#myprodcarousel .carousel-indicators .active{ border-color: #08ae28; background: #08ae28;}
.proddetailtopright{ padding: 50px 0 60px;}
.proddetailtopright h2{ font-size: 36px; color: #fff; line-height: 65px; padding: 0 40px 0 75px; background: #08ae28; /*display: inline-block;*/}
.proddetailtopright .proddetailtext{ padding: 35px 80px 50px; li}
.proddetailtopright .proddetailtext p{ line-height: 28px;}
.proddetailbott{ border-top: 4px solid #08ae28; margin-bottom: 40px;}
.proddetailbottleft{ width: 930px; color: #333;}
.proddetailbottleft .prodsecbox{ background: #f9f9f9;}
.proddetailbottleft .prodsection{ padding: 20px 20px 30px 40px; border-bottom: 1px solid #ddd;}
.proddetailbottleft .prodsection:last-child{ border-bottom: 0;}
.proddetailbottleft h3{ font-size: 30px; margin-bottom: 15px;}
.proddetailbottleft h4{ font-weight: bold; font-size: 24px; margin-bottom: 5px;}
.proddetailbottleft p{ margin-bottom: 5px;}
.proddetailbottright{ margin-top: 20px;}
.proddetailbottright h2>a{
    color: #ffffff;
}
.prodsection img{ display: block; margin: 0 auto; max-width: 820px;}
.downloadbox{ border-bottom: 1px solid #dfdfdf; margin-bottom: 30px;}
.downloadbox .collapse-header{ margin: 20px 0; cursor: pointer;}
.downloadbox .collapse-title{ font-size: 1.7em;font-weight: 600;padding-right: 12px;color: #1c1c1c; line-height: 1.13;}
.downloadbox .arrow {background: url(/uploads/image/tmimg/download.png) -83px -10px no-repeat;width: 17px;height: 10px; display: inline-block; position: relative; top: -2px; left: 0;}
.downloadbox .up {background: url(/uploads/image/tmimg/download.png) -58px -10px no-repeat;}
.downloadbox .collapse-content {display: block;}
.downloadbox table {width: 100%;background-color: transparent;}
.downloadbox tr {border-bottom: solid 1px #d8dddd;}
.downloadbox tr:last-child {border-bottom: 0;}
.downloadbox th {background-color: #ececec;height: 46px;border-bottom: solid 1px #d8dddd;text-transform: uppercase;font-weight: 400;padding-left: 10px;padding-right: 10px;text-align: left; line-height: 46px;}
.downloadbox td {height: 50px;padding-left: 10px;padding-right: 10px; line-height: 50px;}
.downloadbox td a{ display: block;}
.downloadbox td a:hover{ text-decoration: underline; color: #08ae28;}
.downloadbox td .onlinesee em{ background: url(/uploads/image/tmimg/download.png) 0 0 no-repeat; display: inline-block; width: 19px; height: 23px; position: relative; top: 5px; left: 0; margin-right: 12px;}
.downloadbox td .downloadbtn em{ background: url(/uploads/image/tmimg/download.png) -30px -3px no-repeat; display: inline-block; width: 17px; height: 17px; position: relative; top: 2px; left: 0; margin-right: 12px;}

/*上一条下一条*/
.prevnextlink{ padding-left: 40px;}
.prevnextlink a{ color: #333; margin-bottom: 10px;}
.prevnextlink a:hover{ color: #08ae28; text-decoration: underline;}
.proddetailbottleft .prevnextlink{ margin-top: 20px;}

/*照片墙*/
.img-thumb:visited, .img-thumb:link, .img-thumb:hover, .img-thumb:active{ outline: none !important;}
.photosbox,.videosbox{ padding: 20px 11px;}
.photosbox ul li{ width: 343px; height: 100%; overflow: hidden; border: 5px solid #eee; margin: 0 10px 10px 0;}
.photosbox li:nth-child(5n),.videoslist li:nth-child(3n){ margin-right: 0;}
.photosbox li a img{ width: 100%;}

/*视频*/
.videoslist li{ width: 300px; height: 180px; overflow: hidden; margin: 0 16px 10px 0;}
.videoslist li a,.videoslist li .videosimg,.videoslist li a:after{ display: block; width: 100%; height: 100%;}
.videoslist li a:after{ content: ''; background: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0;}
.videoslist li .videosimg{ display: block;}
.videoslist li .absolute{ left: 50%; top: 50%; display: block; margin-top: -50px; margin-left: -50px; width: 100px; height: 100px;}

/*视频详情*/
.videowrap{ margin-bottom: 30px; width: 1200px; height: 675px;}
.video-js .vjs-big-play-button{ background-image: url(/uploads/image/tmimg/play.png); width: 200px; height: 200px; border: 0; margin-top: -100px; margin-left: -100px;}
.vjs-icon-play:before, .video-js .vjs-big-play-button:before{ content: '';}
.videodetail .eventdetailleft{ background: #f9f9f9; margin-top: 30px; padding: 20px 30px;}
.videodetail .eventdetailleft h3{ font-size: 30px; margin-bottom: 4px;}
.videodetail .eventdetailleft h4{ font-size: 24px; font-weight: bold; margin-bottom: 4px;}

/*应用领域产品*/
.soluprodlist{ margin-top: 20px; padding: 0 40px;}
.soluprodlist li{ margin: 0 15px 15px 0; width: 134px;}
.soluprodlist li a:hover p{ color: #08ae28; text-decoration: underline;}
.soluprodlist li img{ width: 134px; height: 134px;}
.soluprodlist li p{ color: #333; text-align: center; font-size: 12px; margin-top: 5px;}

/*分页*/
#pagebox{ margin: 20px 0 0; padding: 0 0 25px;}
#pagebox a:hover{ color: #08ae28;}
#pagebox a.current:hover{ color: #fff;}
#pagebox .disabled,#pagebox .current,#pagebox a{ height: 40px; line-height: 40px; text-align: center; display: inline-block; border-radius: 3px; border: 1px solid #dddddd; padding:0 15px;}
#pagebox span,#pagebox a{ margin-right: 10px;}
#pagebox .current{ background: #08ae28; color: #fff; border: 1px solid #08ae28;}

/**底部文案*/
.labelinput input::-webkit-input-placeholder {
    /* webkit browsers */
    color: #ccc;
}
.labelinput input:-moz-placeholder {
    /* mozilla firefox 4 to 18 */
    color: #ccc;
}
.labelinput input:-moz-placeholder {
    /* mozilla firefox 19  */
    color: #ccc;
}
.labelinput input:-ms-input-placeholder {
    /* internet explorer 10  */
    color: #ccc;
}