@charset "gb2312";
/* CSS Document */

body{ margin:0;padding:0;font-size:12px; font-family:"Microsoft YaHei","΢ÈíÑźÚ"; position:relative;color:#333;background:#fff; width:100%; min-width:1200px;}
div, form, img, ul,  li, dl, dt, dd, p { margin: 0; padding: 0; border: 0; }
li, dl { list-style-type:none; }
ol li{list-style-type: decimal;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
a:link, a:visited {color:#333;text-decoration:none;}
a:hover, a:active {color:#e6842d;text-decoration:none;}
a:focus {outline:none; -moz-outline:none}
a{text-decoration:none;color:#333; 
	-moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;}

input,textarea{ outline:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
table{border-collapse: collapse;}
.clear{ clear:both;}
.fleft{ float:left;display:block;}
.fright{ float:right !important;display:block;}

/*divbody*/
.divbody{ width:100%}
.divwide{ width:1104px}
.divbody,.divwide{ margin:0 auto; height:auto;}
/* header*/
.header{box-shadow:1px 1px 5px rgba(102,102,102,1); border-bottom:3px solid #f7830a/*; background:url(../images/headerbg.jpg) left top repeat-x*/}
.head{ height:90px;}
.top{}
.logo img{height:65px;margin-top:18px}
.topright{ width:450px; position:relative; margin-top:26px}
.dwnload{ display:block; float:left; padding:4px 40px 4px 20px; font-size:14px; background:url(../images/dowm.gif) no-repeat 110px 6px; margin-right:20px; border:1px solid #ccc; border-radius:5px}
.language{ position:absolute; top:2px; right:0; z-index:22}
.language a{display:block;  color:#000; font-size:14px; padding:3px 10px}
.language a:hover{color:#e6842d}
.search{ width:201px;border:1px solid #ccc; background:; margin-right:40px; border-radius:5px;}
.search input{ border:0;}
.entry{ width:150px; color:#ccc; padding-left:15px;height:26px; line-height:26px; border-radius:5px 0 0 5px ; }
.click{width:35px;height:28px;background:#f0f0f0 url(../images/sprite_icon.png) no-repeat 8px -114px;border-radius:0 5px 5px 0;}
.click:hover{background-position:9px -154px;cursor:pointer;}
.search:hover{ border:1px solid #e6842d;}
.nav{ height:45px; background:#E9E9E9; margin-top:10px}
.nav ul,.nav ul li,.nav ul li a{ display:block;}
.nav ul{ width:1104px; margin:0 auto}
.nav ul li{ float:left; background:url(../images/navsty.png) no-repeat right center}
.nav ul li a{ font-size:16px; padding:0 60px; line-height:45px;color:#333}
.nav ul li a:hover{color:#fff; background:#f7830a}
.nav ul li:last-child{ background:none}
/* banner */
.banner{ height:500px;position:relative;z-index:1;overflow:hidden}
.banner_img{position:absolute;left:0;width:100%;height:500px;z-index:5;}
.banner_img li{position:absolute;top:0;left:0;width:100%;height:500px;}
.banner_img li img{float:left;width:100%;height:500px;}
.ban_num{position:absolute;bottom:12px;left:45%;z-index:55; display:none}
.ban_num i{display:inline-block;width:10px;height:10px;text-align:center;line-height:12px;color:#fff;background:#eee;cursor:pointer;margin-right:4px;font-style:normal; text-indent:12px;overflow:hidden; border-radius:10px;}
.ban_num i.act{background:#09F;color:#2f7dcc;}
/*content*/
.content{}
.Plate{position:relative}
.inplate{position:absolute; top:-47px; z-index:99; left:0; width:100% }
.inUL{height:50px}
.inUL li,.inUL li a{ display:block}
.inUL li{ width:366px; height:47px;float:left; margin-right:3px; background:url(../images/inul1.jpg) repeat left center}
.inUL li a{ font-size:18px; text-align:center; color:#fff; line-height:47px}
.last{ margin-right:0 !important}
.suggest{ height:auto; margin-top:30px}
.suggest,.present{  overflow:hidden;background:#fff}
.inabout{ width:400px; height:350px; overflow:hidden; margin:20px; border-right:1px dashed #ccc; padding-right:30px}
.inabout-img{ margin:10px 0}
.inabout-img img{ width:400px; height:140px}
.inabout-txt{ line-height:20px}
.inmore{ display:block; padding:3px 15px; background:#e6842d; width:70px; text-align:center; color:#fff !important; border-radius:5px; margin:10px 0; font-size:12px;}
.limore{ font-size:12px; margin-top:20px}
.inmore:hover{ background:#c0610c}
.innew{ width:600px;margin:20px 20px 20px 10px; height:350px; overflow:hidden;}
.innewC{ height:140px; overflow:hidden; border-bottom:1px dotted #ccc}
.innew ul li a,.innewC span a{text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.innewC img{ float:left; width:200px; height:120px; margin-right:20px; margin-top:10px}
.innewC span{ width:380px; float:right}
.innewC span a{ font-size:16px; font-weight:bold; line-height:34px; height:34px}
.innewC span p{ height:60px; overflow:hidden}
.innew ul{float:left; padding-top:10px; height:152px; overflow:hidden}
.innew ul,.innew ul li,.innew img,.innew span,.innew a,.innew p{ display:block}
.innew ul li{ float:left; width:600px; height:20px; line-height:20px; margin:5px 0; background:url(../images/point.gif) no-repeat left center}
.innew ul li em{ display:block; float:right; font-style:normal }
.innew ul li a{ padding-left:15px;}
.present{ height:auto;padding-top:20px}
.in-products{ margin:0 20px}
.in-about-title{ width:auto; height:48px }
.in-about-title img,.in-about-title a,.in-about-title h3,.in-about-title p,.in-about-title span{ display:block; float:left;}
.in-about-title span{ width:238px}
.in-about-title h3,.in-about-title p{ margin-left:20px;}
.in-about-title h3{color:#37424E; font-size:18px; width:180px;}
.in-about-title p{ width:160px; font-size:10px; color:#999;}
.in-products-Roll{ width:1058px;height:200px;overflow:hidden; margin-top:20px; margin-bottom:20px;}
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} 
#Marquee_x ul li div{ float:left;line-height:25px;height:180px; width:202px; overflow:hidden}
#Marquee_x ul li div img{width:200px; height:150px; display:block;}
#Marquee_x ul li div span{ display:block; height:30px; width:200px; overflow:hidden; text-align:center;}
.bj{ background:#f5f5f5 url(../images/bbg.jpg) repeat left top}
.pbj{ background:#f0f0f0; overflow:hidden}
.bottomUl,.bottomUl li, .bottomUl a,.bottomUl p,.bottomUl span{ display:block}
.bottomUl{ padding:20px 0; overflow:hidden}
.bottomUl li{ float:left; height:125px;font-size:13px;overflow:hidden}
.botLogo,.botMenu,.botWechat{ width:240px;border-right:1px  dashed #ccc}
.botLogo{text-align:center}
.botLogo img{ display:inline-block; width:200px}
.botMenu a{ padding-left:90px; line-height:20px}
.botWechat{ text-align:center}
.botWechat img{ width:100px; display:inline-block}
.botContact{ width:350px}
.botContact span{ margin-left:30px}
.botContact p{ line-height:28px}
/* footer */
.footer{ background:#333; padding:30px 0px;}
.foot{ text-align:center}
.foot p,.span-trade{ color:#fff;}
.foot a{color:#ccc;}

/*about*/
.inbanner{height:400px}
.inbanner img{ width:100%; height:100%}
.place{ height:30px; line-height:30px; background:#f5f5f5; color:#666;}
.section{ overflow:hidden; margin:20px auto}
.left{ width:230px; overflow:hidden}
.intitle{ height:65px;margin-bottom:10px}
.intitle h3{font-size:24px; color:#F88401; font-weight:normal}
.intitle p{ font-size:16px; color:#666; text-transform:uppercase}
.leftM>a{ font-size:16px; background:url(../images/leftMbj.jpg) no-repeat left center; margin-top:2px;line-height:38px;height:38px; padding-left:40px; color:#000}
.leftM>a:hover{}
.leftM a{display:block}
.leftm2{}
.leftm2 a{ background:#E4E4EE; margin-top:1px;font-size:12px; height:35px; line-height:35px; color:#333; padding-left:50px}
.leftm2 a:hover{background:#aeaeb2; color:#fff}
.leftC{ overflow:hidden}
.leftC span,.leftC p{ display:block}
.leftC img{ display:inline-block; float:left; margin-right:10px}
.leftC  b{ font-size:18px; line-height:60px}
.leftC p{ padding-left:10px; font-size:14px; line-height:20px; padding-bottom:6px}
.neileft{ margin:30px 0;}
.neititle{ height:30px; line-height:30px; font-size:18px}
.neititle a ,.neititle h4,.neiUl ul,.neiUl ul li,.neiUl ul li a,.neiUl ul li p{ display:block}
.neititle a{ float:right; margin-top:5px}
.neiUl{ padding-top:20px;width:230px; height:220px; overflow:hidden}
.neiUl ul li{ display:block; float:left; text-align:center}
.neiUl ul li a{ border:5px solid #ccc}
.neiUl ul li img{ width:220px; height:180px}
.neiUl ul li p a{ border:none !important; height:30px; overflow:30px; overflow:hidden; text-align:center; line-height:30px}
.right{ width:800px; overflow:hidden; background:#fff; padding:0 20px 30px; min-height:600px}
.rtilte{ height:50px; line-height:45px; font-size:18px;/*background:url(../images/line.png) repeat-x left bottom;*/margin-bottom:20px; color:#F88401; border-bottom:3px solid #ccc}
.rtilte span{ display:inline-block; border-bottom:3px solid #F88401; margin-top:5px}
.time{ float:right; font-size:12px !important; margin-top:10px}
.time p{ display:inline-block; margin-left:20px}
.about{ line-height:20px}
.about p{ display:block; margin-bottom:10px}
.about img{ display:block; margin:10px 0}
/*products*/
.productsUl,.productsUl li,.productsUl li a,.productsUl li span,.productsUl li img ,.productsUl li p{ display:block}
.productsUl{overflow:hidden}
.productsUl li{ height:152px; overflow:hidden;border-bottom:1px dotted #ccc; margin-bottom:15px; padding-bottom:20px}
.productsUl li img{width:182px; height:142px;float:left}
.productsUl li span{ float:left; width:540px; margin-left:40px}
.atilte{ height:30px; line-height:30px; font-size:14px; font-weight:bold; margin-bottom:10px}
.amore{ color:#e6842d !important}
.amore:hover{ text-decoration:underline}
.productsUl li p{ height:60px}
/* .Page{ margin-top:20px}
.Page span,.Page p,.Page a{ display:block; width:auto; height:25px; float:left; text-align:center; line-height:25px; margin:0px 5px; padding:0px 10px;}
.Page span,.Page a{ background:#ececec; border:1px solid #e0dfdf;}
.Page a:hover{ background:#e6842d; color:#fff;} */

/* products-1 */
.proimg{ text-align:center}
.proimg img{ display:inline-block}
.productItem h3{ font-size:20px; line-height:40px; margin-bottom:8px; border-bottom:1px dashed #ccc;margin-top:30px;}
.productItem table{line-height:30px; margin-top:10px; font-size:12px; margin:0 !important; width:800px !important,; overflow:hidden !important}
.productItem table tr td{ border:1px solid #ccc; padding-left:20px; text-align:left}
.productItem table tr td strong{ font-size:14px}

/* services */
.serviceUl,.serviceUl li,.serviceUl li a,.serviceUl li span{ display:block}
.serviceUl li,.serviceUl li a{ float:left}
.serviceUl li span{ float:right}
.serviceUl li{width:100%;line-height:40px; height:40px; border-bottom:1px dotted #ccc; background:url(../images/list_icon.png) no-repeat left center}
.serviceUl li a{  width:630px; padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}


/* contact */
.contact{ padding-bottom:40px;overflow:hidden}
.contact h3 {font-size:18px; height:50px; margin-bottom:10px; display:block}
.contact h3 span{ display:block; font-size:14px; color:#ccc; line-height:30px;}
.contact p{line-height:40px; padding-left:50px; display:block; float:left; width:340px}
.contact p img{ margin:0px 5px;}

/* download */
.downUl,.downUl img,.downUl li,.downUl li>a,.downUl li span{ display:block}
.downUl li{ float:left; width:240px; margin:0 10px 20px}
.downUl li>a{ height:30px; line-height:30px; overflow:hidden; text-align:center; font-size:14px; font-weight:bold}
.downUl li img{ width:240px; height:175px}
.downUl li span{ text-align:center}
.downUl li span a{ display:inline-block; width:80px; height:25px; line-height:25px;margin:5px 10px; color:#fff}
.a1{ background:#09F}
.a2{ background:#903}
.downUl li span a:hover{ text-decoration:underline}


/*Message*/
.Message{ overflow:hidden; margin:20px auto}
.Message h3{font-size:20px; line-height:40px; margin-bottom:8px; border-bottom:1px dashed #F7830A;margin-top:30px;color:#F7830A;}
.formC{ font-size:14px}
.formC div{ overflow:hidden; margin-bottom:2px}
.divinput p{display:block; float:left; margin-right:37px}
.formC div p{margin-top:20px;}
.formC input,.formC textarea{ padding:0px 5px;background:none;}
.formC input{ width:200px;height:25px; line-height:25px; border:none; border-bottom:1px solid #999}
.formC textarea{ width:520px;height:160px; overflow-y:scorll; border:1px solid #999}
.formC label{width:80px;text-align:left;display:block;float:left;}
.button{ height:35px;margin-top:20px; float:right;}
.formC .butt{width:80px;height:35px;background:#F7830A;color:#fff;border:none; float:left; margin:30px  0px  0px 212px; cursor:pointer; opacity:1; font-size:14px}
.formC .butt:hover{ opacity:0.7;}
.butr{ margin-left:30px !important;}
.formC input:hover{ border-bottom:1px solid #F7830A}
.formC textarea:hover{border:1px solid #F7830A}

/*qq*/
.side {top: 214px; width: 54px; height: 275px; right: 0px; position: fixed; z-index: 100;}
.side ul li {width: 54px; height: 54px; border-bottom-color: #fff; border-bottom-width: 1px; border-bottom-style: solid; float: left; position: relative;}
.side ul li .sidebox {  transition:0.3s; top: 0px; width: 54px; height: 54px; line-height:54px;right: 0px; color:#fff; overflow: hidden; position: absolute; font-size-adjust: none; font-stretch: normal; opacity: 0.8;}
.side ul li .sidetop {transition:0.3s; width: 54px; height: 54px; line-height: 54px; display: inline-block; opacity: 0.8;}
.side ul li .sidetop:hover {background:#F7830A; opacity: 1;}
.side ul li img {float: left;}