@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'novecento_sans_widelight';
  src: url('fonts/Novecentosanswide-Light-webfont.eot');
  src: url('fonts/Novecentosanswide-Light-webfont_B38582A2.eot') format('embedded-opentype'), url('fonts/Novecentosanswide-Light-webfont.woff2') format('woff2'), url('fonts/Novecentosanswide-Light-webfont.woff') format('woff'), url('fonts/Novecentosanswide-Light-webfont.ttf') format('truetype'), url('fonts/Novecentosanswide-Light-webfont.svg#novecento_sans_widelight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'novecento_sans_widenormal';
  src: url('fonts/Novecentosanswide-Normal-webfont.eot');
  src: url('fonts/Novecentosanswide-Normal-webfont_B38582A2.eot') format('embedded-opentype'), url('fonts/Novecentosanswide-Normal-webfont.woff2') format('woff2'), url('fonts/Novecentosanswide-Normal-webfont.woff') format('woff'), url('fonts/Novecentosanswide-Normal-webfont.ttf') format('truetype'), url('fonts/Novecentosanswide-Normal-webfont.svg#novecento_sans_widenormal') format('svg');
  font-weight: normal;
  font-style: normal;
}
body
{
margin:0 auto;
background-color:#FFFFFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
img
{
border:0;
}
a
{
text-decoration:none;	
}
a:focus, *:focus 
{
noFocusLine: expression(this.onFocus=this.blur());
} 
ul,li,h1,h2,h3,h4,span,ol,dl,dd,p,form,table,tr,td,th
{
list-style:none;
margin:0;
padding:0;
}
li
{
list-style:none;
}
input,button,select,textarea
{
-webkit-appearance:none;
outline:none;
}
table 
{
border-collapse:separate;
border-spacing:0
}
.fullwidth
{
width:100%;
height:auto;
overflow:auto;
}
.contain
{
width:1180px;
height:auto;
overflow:auto;
margin:0 auto;
}
.white
{
background-color:#ffffff;
}
.black
{
background-color:#000000;
}
.blue
{
background-color:#272b36;
}
.grey2
{
background-color:#f5f5f5;
}
.grey3
{
background-color:#626262;
}
.pall20
{
padding:20px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.nodata
{
font-size:50px;
color:#4f5d73;
height:160px;
overflow::auto;
line-height:80px;
text-align:center;
margin:0 auto;
}
.mt10
{
margin-top: 10px !important;
}
.mt30
{
margin-top: 30px !important;
}
.top
{
width:100%;
height:145px;
}
.header
{
width:1180px;
height:50px;
margin:0 auto;
}
.header_link
{
width: 400px;
float: left;
color:#cccccc;
font-size: 12px;
line-height: 50px;
}
.searchbox
{
width:350px;
height:34px;
float:right;
margin-top:8px;
}
.key
{
width:249px;
height:24px;
padding:5px;
line-height:24px;
border:0;
border-right:0;
color:#888888;
float:left;
}
.btn
{
width:90px;
height:34px;
color:#272b36;
line-height:34px;
text-align:center;
font-weight:bold;
background-color:#ffea06;
border:none;
float:left;
}
.memu
{
width:1180px;
height:95px;
margin:0 auto;
overflow:auto;
background-color:#272b36;
}
.mbar
{
width:auto;
height:50px;
float:left;
line-height:50px;
position:absolute;
left:10px;
color:#ffffff;
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
-o-transition: -o-transform 0.2s ease-out;
-ms-transition: -ms-transform 0.2s ease-out;
}
.mbar i
{
font-size:30px;
}
.xz
{
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.mshow
{
display:none;
}
.logo
{
width:88px;
height:70px;
float:left;
margin-top: 13px;
-webkit-transition: margin-top 0.2s, -webkit-transform 0.2s;
-moz-transition: margin-top 0.2s, -moz-transform 0.2s;
-o-transition: margin-top 0.2s, -o-transform 0.52;
transition: margin-top 0.2s, transform 0.2s
}
.logo img
{
width:88px;
height:70px;
}
.memu ul
{
float:right;
width: auto;
}
.memu li
{
float:left;
width:auto;
color: #ffffff;
}
.memu li a
{
display:block;
padding:0 20px;
color:#ffffff;
line-height:95px;
font-size:14px;
}
.memu li a:hover,.memu .active
{
background-color:#ffea06;
color:#272b36;
}
.memu .active a
{
color:#272b36;
}
.memu .line
{
float:left;
width:auto;
padding:0 5px;
color:#ffffff;
line-height:95px;
font-size:14px;
}
.sm
{
position:fixed;
height: 65px;
top:0;
z-index:999;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,.1); 
-o-box-shadow: 0 2px 3px rgba(0,0,0,.1); 
box-shadow: 0 2px 3px rgba(0,0,0,.1);
}
.sm .black
{
display:none;
}
.sm .memu
{
height:65px;
}
.sm .logo
{
width:69px;
height:55px;
margin-top:5px;
}
.sm .logo img
{
width:69px;
height:55px;
}
.sm li a
{
display:block;
padding:0 20px;
color:#ffffff;
line-height:65px;
font-size:14px;
}
.sm .line
{
float:left;
width:auto;
padding:0 5px;
color:#ffffff;
line-height:65px;
font-size:14px;
}
.banner
{
height:749px;
background-color:#000000;
}
.banner2
{
height:360px;
background-color:#000000;
}
.banner_about
{
background-image:url(../images/about_banner.jpg);
background-position:center;
background-repeat:no-repeat;
}
.banner_products
{
background-image:url(../images/products_banner.jpg);
background-position:center;
background-repeat:no-repeat;
}
.banner_project
{
background-image:url(../images/project_banner.jpg);
background-position:center;
background-repeat:no-repeat;
}
.banner_news
{
background-image:url(../images/news_banner.jpg);
background-position:center;
background-repeat:no-repeat;
}
.banner_letter
{
background-image:url(../images/letter_banner.jpg);
background-position:center;
background-repeat:no-repeat;
}
.banner_contact
{
background-image:url(../images/contact_banner.jpg);
background-position:center;
background-repeat:no-repeat;
}
.h749
{
height:749px;
}
.h386
{
height:386px;
}
.i_down
{
width: 1180px;
height: 140px;
background-image:url(../images/down_bg.jpg);
background-position:center;
background-repeat:no-repeat;
color: #ffffff;
background-color: #000000;
font-size: 36px;
line-height: 140px;
text-align: center;
}
.i_down div
{
width: 750px;
margin-left: auto;
margin-right:auto;
}
.i_down a
{
display: block;
width: 210px;
height: 40px;
margin-top:50px;
line-height: 40px;
font-size: 24px;
text-align: center;
background-color: #ffea06;
text-align: center;
color: #ffffff;
float: right;
}
.i_pro
{
padding:30px 0;
height:auto;
overflow:visible;
}
.ltitle
{
margin:0 auto;
margin-top: -20px;
width:252px;
height: 20px;
background-color: #ffea06;
}
.ltitle_lg
{
margin:0 auto;
margin-top: -20px;
width:350px;
height: 20px;
background-color: #ffea06;
}
.i_pro h1
{
font-size:24px;
color:#000000;
text-align:center;
line-height:40px;
font-weight:600;
}
.i_pro ul
{
width:1208px;
height:726px;
margin-top:20px;
margin-left:-14px;
margin-right:-14px;
}
.i_pro ul li
{
width:274px;
height:335px;
background-color:#FFFFFF;
float:left;
margin:0 14px;
margin-bottom: 28px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border:solid 1px #d8d8d8;
}
.i_pro ul li:hover
{
-webkit-box-shadow: 0 0 8px rgba(0,0,0,.3);
-moz-box-shadow: 0 0 8px rgba(0,0,0,.3); 
-o-box-shadow: 0 0 8px rgba(0,0,0,.3); 
box-shadow: 0 0 8px rgba(0,0,0,.3);
}
.i_pro ul li .imgbox
{
width:272px;
height:248px;
overflow:hidden;
}
.i_pro ul li .imgbox img
{
width:272px;
height:248px;
border:none;
}
.i_pro ul li ol
{
display:block;
padding:10px 15px;
width:242px;
height:65px;
background-color:#d8d8d8
}
.i_pro ul li:hover
{
border:solid 1px #272b36;
}
.i_pro ul li:hover ol
{
background-color:#272b36;
}
.i_pro ul li h2
{
margin-top:5px;
line-height:30px;
font-size:16px;
color:#474747;
font-weight:500;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
white-space:nowrap
}
.i_pro ul li span
{
line-height:20px;
font-size:14px;
color:#474747;
font-weight:100;
}
.i_pro ul li:hover h2,.i_pro ul li:hover ol span
{
color:#FFFFFF;
}
.i_video
{
padding:30px 0;
height:auto;
overflow:visible;
}
.i_video h1
{
font-size:24px;
color:#000000;
text-align:center;
line-height:40px;
font-weight:600;
}
.i_video ul
{
width:1208px;
height:280px;
margin-top:20px;
margin-left:-14px;
margin-right:-14px;
}
.i_video ul li
{
width:274px;
height:280px;
background-color:#FFFFFF;
float:left;
margin:0 14px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border:solid 1px #d8d8d8;
}
.i_video ul li:hover
{
-webkit-box-shadow: 0 0 8px rgba(0,0,0,.3);
-moz-box-shadow: 0 0 8px rgba(0,0,0,.3); 
-o-box-shadow: 0 0 8px rgba(0,0,0,.3); 
box-shadow: 0 0 8px rgba(0,0,0,.3);
}
.i_video ul li .imgbox
{
width:272px;
height:202px;
overflow:hidden;
}
.i_video ul li .imgbox img
{
width:272px;
height:202px;
border:none;
}
.i_video ul li .icon
{
width:72px;
height:72px;
text-align:center;
line-height:72px;
font-size:72px;
color:#FFFFFF;
margin:0 auto;
margin-top:-138px;
font-weight:normal;
}
.i_video ul li ol
{
display:block;
padding:10px 15px;
width:242px;
height:57px;
background-color:#d8d8d8
}
.i_video ul li:hover
{
border:solid 1px #272b36;
}
.i_video ul li:hover ol
{
background-color:#272b36;
}
.i_video ul li h2
{
line-height:30px;
font-size:14px;
color:#474747;
font-weight:500;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
white-space:nowrap
}
.i_video ul li span
{
line-height:20px;
font-size:12px;
color:#474747;
font-weight:100;
}
.i_video ul li:hover h2,.i_video ul li:hover ol span
{
color:#FFFFFF;
}
.i_video ul li:hover .icon
{
color:#edc50a;
}
.i_process
{
padding:30px 0;
height:auto;
background-color: #000000;
background-image:url(../images/i_process.jpg);
background-position:center;
background-repeat:no-repeat;
}
.i_process .contain
{
overflow:visible;
}
.i_process h1
{
font-size:24px;
color:#ffffff;
text-align:center;
line-height:40px;
font-weight:600;
}
.i_process .textcon
{
width:900px;
height:auto;
overflow: auto;
margin:0 auto;
margin-top:30px;
line-height: 24px;
color: #ffffff;
text-align: center;
}
.i_process ul
{
margin-top:30px;
width: 1181px;
height: 422px;
margin-left: -1px;
}
.i_process li
{
width:362.666667px;
height: 180px;
padding: 15px;
float: left;
margin-left: 1px;
margin-bottom: 1px;
background-image:url(../images/bg_process.png);
}
.i_process li h2
{
text-align: center;
line-height: 30px;
font-size:18px;
color: #ffffff;
font-weight:400;
}
.i_process li span
{
display: block;
margin-top: 10px;
line-height: 22px;
color: #cccccc;
}
.i_process li:hover
{
background-image:none;
background-color: #272b36;
}
.i_process li:hover h2
{
color: #ffeb08;
}
.morelink
{
display:block;
width:120px;
height:38px;
background-color:#ffea06;
color:#272b36;
font-size:14px;
text-align:center;
line-height:38px;
margin:0 auto;
}
.morelink i
{
font-size:8px;
margin-left:5px;
}
.morelink:hover
{
color: #ffffff;
background-color:#ffcc19;
}
.i_about
{
height:460px;
padding:30px 0;
}
.i_about h1
{
font-size:24px;
color:#000000;
text-align:center;
line-height:40px;
font-weight:600;
}
.i_about .aboutimg
{
width:547px;
height:386px;
float:left;
margin-top: 30px;
}
.i_about .aboutbox
{
width:603px;
height:386px;
float:right;
}
.i_about .aboutcon
{
margin-top:30px;
width:603px;
height:386px;
color:#474747;
font-size:14px;
line-height:24px;
}
.i_about .morelink
{
float:left;
}
.bodycon
{
width:1180px;
height:auto;
min-height:400px;
margin:30px auto;
overflow: auto;
}
.border_bottom
{
border-top:solid 5px #272b36;
border-bottom:solid 5px #dfdfdf;
}
.bodycon img
{
max-width:100%;
}
.bodycon .addr
{
width:100%;
height:40px;
line-height:40px;
border-bottom:solid 1px #dfdfdf;
color:#999999;
text-align:left;
}
.bodycon .addr i
{
font-size:18px;
color:#272b36;
}
.bodycon .addr a
{
color:#686868;
}
.bodycon .addr a:hover
{
color:#ffeb08;
}
.bodycon .txtcon
{
width:100%;
height: auto;
overflow: auto;
margin-top:15px;
line-height:22px;
font-size:14px;
color:#686868;
}

.bodycon .txtcon h1
{
font-size:21px;
font-weight:400;
line-height:40px;
text-align:center;
color:#333333;
}
.bodycon .txtcon h3
{
display:block;
font-size:21px;
height:auto;
line-height:30px;
text-align:center;
margin:20px 0;
color:#333333;
font-weight:500;
}
.bodycon .txtcon video,.bodycon .txtcon iframe
{
width:1140px;
height:640px;
background-color:#000000;
margin:15px 0;
text-align:center;
line-height:100%;
color:#FFFFFF;
font-size:25px;
}
.bodycon .txtcon ol
{
font-size:14px;
line-height:20px;
color:#686868;
text-align:center;
}
.bodycon .txtcon dl
{
margin-top:20px;
}
.bodycon .txtcon dl a
{
color:#edc50a;
}
.bodycon .txtcon dl img
{
max-width:100%;
height:auto;
border:0;
}

.bodycon .navlist
{
width:220px;
height:auto;
float:left;
background-color:#FFFFFF;
}
.bodycon .navlist h1
{
display:block;
width:220px;
height:60px;
line-height:60px;
font-size:21px;
font-weight:100;
color:#FFFFFF;
text-align:center;
background-color:#272b36;
}
.bodycon .navlist h2
{
display:block;
width:220px;
height:50px;
line-height:50px;
font-size:21px;
font-weight:100;
color:#FFFFFF;
text-align:center;
background-color:#272b36;
}
.bodycon .navlist ul
{
display:block;
width:220px;
}
.bodycon .navlist li
{
width:180px;
padding:5px 20px;
height:30px;
line-height:30px;
font-size:14px;
color:#686868;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
white-space:nowrap
}
.bodycon .navlist li a
{
color:#686868;
}
.bodycon .navlist li:hover
{
color:#272b36;
background-color:#ffeb08;
}
.bodycon .navlist li:hover a
{
color:#272b36;
}
.bodycon .navlist li+li
{
border-top:solid 1px #dfdfdf;
}
.bodycon .active
{
color:#474747 !important;
background-color:#e1e1e1;
}
.bodycon .active a
{
color:#474747 !important;
}
.bodycon .active:hover a
{
color:#ffffff !important;
}
.bodycon .navlist ol
{
width:190px;
height:auto;
font-size:12px;
padding:10px 15px;
line-height:22px;
color:#686868;
}

.bodycon .thumb
{
width:220px;
height:auto;
float:left;
overflow: auto;
}
.bodycon .thumb h2
{
display:block;
width:220px;
height:50px;
line-height:50px;
font-size:21px;
font-weight:100;
color:#FFFFFF;
text-align:center;
background-color:#edc50a;
}
.bodycon .thumb li
{
width:210px;
height:auto;
background-color:#f1f1f1;
margin:10px 5px;
}
.bodycon .thumb li .imgbox
{
width:208px;
height:190px;
background-color:#ffffff;
margin-bottom:0;
display:table;
text-align:center;
vertical-align:middle;
border:solid 1px #f1f1f1;
}
.bodycon .thumb li .imgbox img
{
max-width:208px;
}
.bodycon .thumb li ol
{
width:200px;
height:40px;
padding:10px 5px;
background-color:#f1f1f1;
color:#474747;
}
.bodycon .thumb li ol h1
{
font-size:14px;
line-height:20px;
font-weight:500;
text-align:left;
color:#474747;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
white-space:nowrap
}
.bodycon .thumb li ol h2
{
width:200px;
height: 20px;
font-size:14px;
line-height:20px;
font-weight:normal;
text-align:left;
color:#474747;
background-color:#f1f1f1;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
white-space:nowrap
}
.bodycon .thumb li:hover
{
background-color:#edc50a;
}
.bodycon .thumb li:hover ol
{
width:200px;
height:40px;
background-color:#edc50a;
color:#ffffff;
}
.bodycon .thumb li:hover ol h1,.bodycon .thumb li:hover ol h2
{
background-color:#edc50a;
color:#ffffff;
}
.bodycon .thumb li:hover .imgbox
{
 border:solid 1px #edc50a; 
}
.bodycon .rightcon
{
width:890px;
height:auto;
padding:20px;
float:right;
background-color:#ffffff;
}
.bodycon .rightcon .textcon a
{
color:#686868;
}
.bodycon .rightcon .textcon a:hover
{
color:#3f22ff;
}
.bodycon .rightcon .textcon
{
margin-top:20px;
color:#484848;
line-height:24px;
font-size:14px;
height: auto;
overflow: auto;
}
.bodycon .rightcon .textcon h1
{
font-size:21px;
font-weight:500;
line-height:40px;
text-align:center;
color:#3f22ff;
}
.bodycon .rightcon .textcon h3
{
display:block;
font-size:21px;
height:40px;
margin:15px 0;
line-height: 40px;
font-weight:200;
}
.bodycon .rightcon .textcon h3 span
{
display:block;
font-size:21px;
width:100%s;
height:40px;
line-height: 40px;
text-align:center;
color:#ffffff;
background-color:#272b36;
font-weight:200;
}
.bodycon .rightcon .textcon video
{
width:890px;
height:593px;
background-color:#000000;
margin:15px 0;
text-align:center;
line-height:100%;
color:#FFFFFF;
font-size:25px;
}
.bodycon .rightcon .textcon ol
{
font-size:14px;
line-height:30px;
color:#787878;
text-align:center;
}
.bodycon .rightcon .textcon dl
{
margin-top:20px;
}
.bodycon .rightcon .textcon dl a
{
color:#3f22ff;
}
.bodycon .rightcon .textcon dl img
{
max-width:100%;
height:auto;
border:0;
}
.bodycon .rightcon .proabout
{
color:#484848;
line-height:24px;
font-size:14px;
height: auto;
overflow: auto;
}
.bodycon .rightcon .proabout .textcon
{
width:868px;
height:120px;
padding:10px;
color:#686868;
line-height:20px;
border:solid 1px #dfdfdf;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
}
.bodycon .rightcon .proabout .intext
{
height:24px;
padding:10px;
line-height:20px;
color:#686868;
border:solid 1px #dfdfdf;
margin-top:10px;
margin-bottom:10px;
float:left;
width:264.666667px;
font-family:Arial, Helvetica, sans-serif;
}
.bodycon .rightcon .proabout input+input
{
margin-left:15px;
}
.bodycon .rightcon .proabout .sub
{
width:890px;
height:40px;
line-height:40px;
margin-top:10px;
padding:0;
font-size:16px;
font-weight:normal;
background-color:#ffeb08;
border:none;
color:#272b36;
text-align:center;
cursor:pointer;
}
.bodycon .rightcon .proabout .sub:hover
{
background-color: #272b36;
color:#ffffff;
}

.bodycon .txtcon .newlist
{
width:100%;
height:auto;
}
.bodycon .txtcon .newslist li
{
width:1140px;
height:80px;
padding-bottom:15px;
}
.bodycon .txtcon .newslist li+li
{
border-top:dotted 1px #dfdfdf;
padding:15px 0;
}
.bodycon .txtcon .newslist li dl
{
display:block;
margin:0;
width:100px;
height:60px;
padding:10px;
background-color:#f1f1f1;
float:left;
line-height:40px;
font-size:25px;
color:#686868;
text-align:center;
}
.bodycon .txtcon .newslist li span
{
line-height:20px;
display:inline;
font-size:14px;
}
.bodycon .txtcon .newslist li:hover dl
{
color:#ffffff;
background-color:#272b36;
}
.bodycon .txtcon .newslist li ol
{
width:1000px;
height:80px;
margin-left:20px;
float:left;
}
.bodycon .txtcon .newslist li ol h1
{
width:1000px;
height:26px;
line-height: 26px;
font-size:17px;
text-align:left;
font-weight:500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color:#474747;
}
.bodycon .txtcon .newslist li ol h2
{
width:1000px;
margin-top:5px;
line-height:22px;
font-size:14px;
text-align:left;
font-weight:normal;
color:#686868;
}
.bodycon .txtcon .newslist li:hover ol h1,.bodycon .rightcon .newslist li:hover ol h2
{
color:#272b36;
}
.nodata
{
font-size:50px;
color:#4f5d73;
height:160px;
overflow::auto;
line-height:80px;
text-align:center;
margin:0 auto;
}
.bodycon .rightcon .prolist
{
width:912px;
height:auto;
margin-left:-11px;
margin-right:-11px;
}
.bodycon .rightcon .prolist li
{
width:282px;
height:339px;
background-color:#f1f1f1;
margin:22px 11px;
margin-top:0px;
float:left;
}
.bodycon .rightcon .prolist li .imgbox
{
width:272px;
height:248px;
background-color:#ffffff;
margin:5px;
margin-bottom:0;
display:table;
text-align:center;
vertical-align:middle;
}
.bodycon .rightcon .prolist li .imgbox img
{
max-width:272px;
}
.bodycon .rightcon .prolist li ol
{
width:252px;
height:66px;
padding:10px 15px;
background-color:#f1f1f1;
color:#474747;
}
.bodycon .rightcon .prolist li ol h1
{
font-size:18px;
line-height:36px;
font-weight:500;
text-align:left;
color:#474747;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
white-space:nowrap
}
.bodycon .rightcon .prolist li ol h2
{
font-size:14px;
line-height:20px;
font-weight:normal;
text-align:left;
color:#474747;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
white-space:nowrap
}
.bodycon .rightcon .prolist li:hover
{
background-color:#272b36;
}
.bodycon .rightcon .prolist li:hover ol
{
width:252px;
height:66px;
padding:10px 15px;
background-color:#272b36;
color:#ffffff;
}
.bodycon .rightcon .prolist li:hover ol h1,.bodycon .rightcon .prolist li:hover ol h2
{
color:#ffffff;
}
.bodycon .rightcon .probox
{
width:100%;
height:auto;
overflow: auto;
}
.bodycon .rightcon .probox .proimg
{
width:500px;
height:411px;
float:left;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.bodycon .rightcon .probox .proimg img
{
max-width:450px;
height:auto;
border:0;
}
.bodycon .rightcon .probox .proinfo
{
width:369px;
height:401px;
padding:5px 20px;
padding-right:0;
float:right;
border-left:solid 1px #f1f1f1;
}
.bodycon .rightcon .probox .proinfo h1
{
line-height:30px;
font-size:19px;
color:#333333;
text-align:left;
padding-bottom:10px;
border-bottom:dotted 1px #f1f1f1;
margin-bottom:10px;
}
.bodycon .rightcon .probox .proinfo dl
{
height:30px;
font-size:14px;
color:#686868;
padding:0;
margin:0;
}
.bodycon .rightcon .probox .proinfo .qrcode
{
margin-top:10px;
width:131px;
height:131px;
}
.bodycon .rightcon table
{
border-collapse: collapse;
width:100% !important;
}
.bodycon .rightcon tr:nth-child(2n)
{
background-color: #ffffff;
}
.bodycon .rightcon tr:nth-child(2n+1)
{
background-color:#fafafa;
}
.bodycon .rightcon td
{
border: 1px solid #cccccc;
height:24px;
line-height:24px;
padding:8px;
font-family:Arial, Helvetica, sans-serif !important;
}
.mshow
{
display:none;
}
.icon
{
font-size:30px;
}
.contact .textcon
{
width:1100px;
height:160px;
padding:20px;
color:#686868;
line-height:20px;
background-color:#f5f5f5;
border:none;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
}
.contact .intext
{
height:20px;
padding:20px;
line-height:20px;
color:#686868;
background-color:#f5f5f5;
margin-top:10px;
margin-bottom:10px;
border:none;
float:left;
width:323.333333px;
font-family:Arial, Helvetica, sans-serif;
}
.contact input+input
{
margin-left:25px;
}
.contact .sub
{
width:1140px;
height:60px;
line-height:60px;
margin-top:10px;
padding:0;
font-size:21px;
font-weight:normal;
background-color:#272b36;
border:none;
color:#ffffff;
text-align:center;
cursor:pointer;
}
.contact .sub:hover
{
color:#272b36;
background-color: #ffeb08;
}
.contact .line
{
width:1140px;
height:1px;
background-color:#dfdfdf;
margin:30px 0;
}
.contact .coninfo
{
width:1140px;
height:auto;
color:#474747;
line-height:24px;
text-align:center;
}
.contact .coninfo a
{
color:#333333;
}
.contact .coninfo ol
{
display: block;
width: 180px;
height: 40px;
background-color:#272b36;
color:#ffffff;
text-align: center;
line-height: 40px;
margin:0 auto;
margin-bottom: 15px;
}
.pageList
{
border-top:solid 1px #dfdfdf;
text-align:right;
padding-top:20px;
width:auto;
clear:both;
margin:15px auto;
font-size:14px;
}
.pageList font
{
margin:0 3px;  
text-align:center;
border:1px solid #dfdfdf;
background-color:#dfdfdf;
padding:10px 10px; 
line-height:30px;
display:inline;
color:#666666; 
}
.pageList a
{
display:inline;
margin:0 3px;  
text-align:center;
border:1px solid #dfdfdf; 
background-color:#dfdfdf;
padding:10px 15px; 
height:30px; 
line-height:30px;
color:#666666; 
}
.pageList a:hover
{
color:#272b36 !important; 
}
.pageList a.current
{ 
text-align:center;
padding:10px 15px; 
display:inline; 
border:1px solid #ffeb08;
background-color:#ffeb08;
color:#272b36 !important;
}
.pageList a.current:hover
{ 
color:#272b36 !important;
}
.display 
{
overflow: visible !important;
}
.display ul
{
margin-top: 0 !important;
}
.display ul li
{
margin-bottom: 28px !important;
}
.bottom
{
padding:20px 0;
height:220px;
overflow: visible;;
}
.bottom ul
{
width:1200px;
height: auto;
overflow:auto;
margin-left:-10px;
margin-right:-10px;
padding-bottom:20px;
border-bottom: solid 1px #dfdfdf;
}
.bottom li
{
width:280px;
height: auto;
overflow: auto;
margin: 0 10px;
line-height: 22px;
color: #f5f5f5;
float: left;
}
.bottom li a
{
color: #f5f5f5;  
}
.bottom li a:hover
{
color: #ffffff;  
}
.bottom_memu
{
margin-top:20px;
width:880px;
float:left;
}
.bottom_memu .nav
{
line-height:20px;
color:#fafafa;
font-size:14px;
}
.bottom_memu .nav a
{
color:#fafafa;
}
.bottom_memu .nav a:hover
{
color:#ffea06;
}
.bottom_memu span
{
display:block;
margin-top:5px;
line-height:20px;
font-size:12px;
color:#efefef;
font-weight:normal;
}
.downloadbox
{
  display: none;
  width: 540px;
  height: 120px;
  padding:50px 20px;
  text-align: center;
  line-height: 40px;
  font-size: 19px;
  color: #474747;
  background-color: #ffffff;
  border: solid 5px #dfdfdf;
  position: fixed;
  top:50%;
  left:50%;
  margin-left: -295px;
  margin-top: -115px;
  z-index: 99999;
}
.downloadbox a
{
  color: #474747;
}
.downloadbox a:hover
{
  color: #131313;
}
/***************手机端**************/
@media only screen and (max-width: 960px){
.top,.memu,.sm,.sm .memu
{
width:100%;
min-width:100%;
height:50px;
}
.contain,.fullwidth
{
width:100%;
height:auto;
min-width:100%;
overflow:auto;
padding: 0;
margin:0;
}
.logo,.sm .logo
{
width:100%;
height:50px;
margin:0 auto;
text-align:center;
}
.logo img,.sm .logo img
{
margin:5px auto;
width:auto;
height:40px;
}
.memu ul
{
width:140px;
height:auto;
overflow:auto;
position:absolute;
left:0px;
top:50px;
padding:0;
margin:0;
background-color:#272b36;
z-index:999;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2); 
-o-box-shadow: 0 0 3px rgba(0,0,0,.2); 
box-shadow: 0 0 3px rgba(0,0,0,.2); 
}
.memu li,.memu .active,.memu li a
{
float:none;
width:140px;
height:40px;
line-height:40px;
padding:0;
color:#ffffff;
margin:0;
text-align: center;
}
.memu li+li
{
border-top:solid 1px #1e2129;
}
.memu li a
{
-webkit-border-radius:0;
-moz-border-radius:0;
-o-border-radius:0;
border-radius:0;
}
.bodycon .navlist
{
width:160px;
height:auto;
overflow:auto;
position:absolute;
margin:0;
left:140px;
top:50px;
background-color:#272b36;
z-index:99999;
border-top: none;
border-bottom: none;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2); 
-o-box-shadow: 0 0 3px rgba(0,0,0,.2); 
box-shadow: 0 0 3px rgba(0,0,0,.2); 
}
.bodycon .navlist ul
{
width:160px;
height:auto;
overflow:auto;
}
.bodycon .navlist h1
{
width:160px;
height:40px;
line-height: 40px;
font-size: 14px;
font-weight: normal;
}
.bodycon .navlist li,.bodycon .navlist .active,.bodycon .navlist li a
{
float:none;
width:140px;
height:40px;
line-height:40px;
padding:0 10px;
color:#ffffff;
}
.bodycon .navlist li
{
border-bottom:solid 1px #1e2129;
border-top: none !important;
}
.bodycon .navlist .active
{
background-color: #feed0a;
}
.banner,.banner2
{
width:100%;
min-width:100%;
height:auto;
padding: 0;
}
.banner,.h749,.banner2,.h386
{
height:220px;
overflow:auto;
background-size:auto 100%; 
}
.banner2
{
height:180px;
background-position:center bottom;
}
.i_down
{
width:100%;
height:60px;
background-size:auto 100%; 
font-size: 18px;
line-height: 60px;
}
.i_down div
{
width:340px;
}
.i_down a
{
display: block;
width: 100px;
height: 30px;
margin-top:15px;
line-height: 30px;
font-size: 15px;
text-align: center;
}
.morelink
{
margin-top: 15px;
}
.i_pro,.i_about,.i_video,.i_factory,.i_process,.bottom
{
padding:20px 0; 
}
.i_pro h1,.i_about h1,.i_video h1,.i_factory h1
{
text-align:center;
font-size:21px;
}
.i_pro ul,.i_video ul,.i_factory ul,.bodycon .rightcon .prolist,.bodycon .prolist,.i_about .aboutimg,.i_about .aboutbox,.i_about .aboutcon,.bodycon
{
width:100%;
height: auto;
overflow:auto;
margin:0;
padding:0;
}
.bodycon .rightcon .textcon
{
margin-top: 0;
overflow:visible;
}
.i_pro ul,.i_video ul
{
margin-top: 15px;
}
.i_about .aboutimg,.i_about .aboutcon
{
margin-top: 15px;
}
.i_about .aboutimg img
{
max-width:100%;
}
.i_about .aboutcon ol,.bottom_left,.bodycon .txtcon
{
display: block;
width:94%;
padding: 0 3%;
/*-webkit-line-clamp:14;
display: -webkit-box;
-webkit-box-orient:vertical;
text-overflow:ellipsis;
overflow:hidden;*/
}
.bodycon .txtcon
{
margin-bottom: 15px;
}
.i_about .morelink
{
float: none;
}
.pall20
{
padding: 0;
}
.i_pro ul li,.i_video ul li,.bodycon .rightcon .prolist li,.bodycon .rightcon .prolist li
{
display:block;
width:46%;
height:auto;
overflow:auto;
float:left;
overflow:hidden;
margin:10px 2%;
padding:0;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.2); 
-o-box-shadow: 0 0 5px rgba(0,0,0,.2); 
box-shadow: 0 0 5px rgba(0,0,0,.2); 
}
.i_pro ul li .imgbox,.i_pro ul li ol,.i_pro ul li .imgbox img,.i_video ul li .imgbox,.i_video ul li ol,.i_video ul li .imgbox img,.bodycon .rightcon .prolist li .imgbox,.bodycon .rightcon .prolist li .imgbox img,.bodycon .rightcon .prolist li ol,.bodycon .rightcon .prolist li .imgbox,.bodycon .rightcon .prolist li .imgbox img,.bodycon .rightcon .prolist li ol,.bodycon .rightcon .prolist li:hover ol,.bodycon .prolist li:hover ol
{
width:100%;
height: auto;
overflow: auto;
margin:0;
padding: 0;
/*box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;*/
}
.bodycon .rightcon .prolist li h1,.bodycon .rightcon .prolist li h2,.bodycon .prolist li h1,.bodycon .prolist li h2,.i_video ul li h2,.i_video ul li span,.i_pro ul li h2,.i_pro ul li span,.i_process .textcon
{
width: 94%;
margin:5px 3%;
margin-bottom:0;
}
.i_process .textcon
{
margin-top: 15px;
}
.bodycon .rightcon .prolist li h2,.bodycon .prolist li h2,.i_video ul li span,.i_pro ul li span
{
display: block;
margin-top:0;
margin-bottom:10px;
}
.i_video ul li .icon
{
position:absolute;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
font-size: 20px;
color: #474747; 
margin-left:38%;
margin-top: 40px;
font-weight: normal;
z-index: 99;
}
.i_factory li img
{
width:100%;
height: auto;
}
.i_factory .l1
{
width:41.779661%;
}
.i_factory .l2
{
width:27.288136%;
}
.i_factory .l3
{
width:30.59322%;
}
.i_process 
{
background-position: center;
background-size:auto 100%; 
}
.i_process ul
{
width:100%;
height: auto;
margin:0;
padding: 0;
margin-top: 30px;
}
.i_process ul li
{
width:100%;
height: auto;
overflow: auto;
float: none;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.bodycon .rightcon
{
width:100%;
margin:0;
padding:0;
padding-bottom:20px;
}
.bodycon .rightcon .textcon h1
{
width:94%;
margin-left:3%;
}
.bodycon .rightcon .textcon h3,.proabout
{
width:94%;
margin-left:3%;
}
.bodycon .rightcon .textcon video
{
width:100%;
height:25%;
background-color:#000000;
margin:15px 0;
text-align:center;
line-height:100%;
color:#FFFFFF;
font-size:25px;
}
.bodycon .rightcon .textcon ol
{
width:94px;
margin:0 3%;
font-size:14px;
line-height:30px;
color:#787878;
text-align:center;
}
.bodycon .rightcon .textcon dl
{
width:94%;
margin:0 auto;
}
.bodycon .rightcon .probox
{
width:100%;
height:auto;
}
.bodycon .rightcon .probox .proimg
{
width:100%;
height:auto;
display:block;
float:none;
}
.bodycon .rightcon .probox .proimg img
{
max-width:100%;
}
.bodycon .rightcon .probox .proinfo
{
width:94%;
height:auto;
margin:10px 3%;
padding:0;
float:none;
border-left:none;
}
.bodycon .rightcon .probox .proinfo h1
{
line-height:30px;
font-size:19px;
color:#333333;
text-align:left;
margin:0;
padding-bottom:10px;
border-bottom:dotted 1px #f1f1f1;
margin-bottom:10px;
}
.bodycon .rightcon .probox .proinfo dl
{
width:100%;
height:30px;
font-size:14px;
color:#686868;
padding:0;
margin:0;
}
.bodycon .fullcon,.contact .coninfo
{
width:94%;
padding:20px 3%;
}
.bodycon .txtcon .newslist li
{
width:100%;
}
.bodycon .txtcon .newslist li dl
{
font-size:21px;
width:60px;
height:60px;
}
.bodycon .txtcon .newslist li span
{
line-height:20px;
display:inline;
font-size:14px;
}
.bodycon .txtcon .newslist li:hover dl
{
color:#ffffff;
background-color:#272b36;
}
.bodycon .txtcon .newslist li ol
{
width:calc(94% - 80px);
margin-left:10px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
float:left;
}
.bodycon .txtcon .newslist li ol h1
{
width:100%;
margin:0;
}
.bodycon .txtcon .newslist li ol h2
{
width:100%;
height:50px;
overflow: hidden;
text-overflow: ellipsis;
}
.bodycon .txtcon .newslist li:hover ol h1,.bodycon .txtcon .newslist li:hover ol h2
{
color:#272b36;
}
.contact .coninfo
{
text-align:center;
width:100%;
padding: 0;
margin:0;
}
.mclose
{
display:none;
}
.mclose2
{
display:none !important;
}
.mshow
{
display:block !important;
}
.bottom
{
height:20px;
padding:15px 0;
}
.bottom_memu,.bottom_memu span
{
width: 100%;
margin-top: 0;
text-align: center; 
}
.bottom_left span
{
margin-top: 0;
}
.mt30,.mt40
{
margin-top:15px;
margin-bottom:0px;
}
.mt50
{
margin-top:50px !important;
}
}