@charset "utf-8";
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
html{-webkit-text-size-adjust:none;font-family:arial,'Microsoft YaHei';}
body {color:#666; line-height:24px;font-size:12px;margin:0 auto;font-family:arial,'Microsoft YaHei';  overflow-x:hidden}
a {font-size:12px;color:#666; text-decoration: none;outline:none;}
a:Hover {color:#e13e1d;}
img {border:0px;max-width:100%; height:auto}
input,button,select,textarea{ outline:none;font-family:arial,'Microsoft YaHei';border:0;color:#333;font-size:14px}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
h1,h2,h3,h4,h5 { font-weight:normal}
hr {border:0;border-top:1px solid #ccc; height:1px;margin-top:5px}
.clear,.clearfix { clear:both;}
 
.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:40px 0 0 0; text-align:left;}
.pager {padding:0 0 0px 0; width:100%;text-align:left; font-size:14px; }   
.pager a { margin: 2px 3px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d3d3d3}   
.pager span.current { margin: 0 3px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 3px; display:inline-block;text-align:center;border:1px solid #d3d3d3;}   
.pager select {margin: 0px 3px -2px 3px; font-size:14px;}
.pager input {margin: 0px 3px -2px 3px;   padding:2px; text-align:center;font-size:14px;} 
.pager a,.pager span.disabled {background:#fff; font-size:14px;}  
.pager a:hover,.pager span.current { background:#eb6100;border:1px solid #e60011}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #eb6100;} 
.pager a,.pager span.disabled {color:#888;border:1px solid #d3d3d3;} 
.pager a,.pager span.current,.pager span.disabled{width:25px; height:25px; line-height:25px;}
.pager font { font-family:宋体}

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:25px;margin-bottom:10px;}
.picright {margin-left:25px;margin-bottom:10px;}
.mobmenu { display:none;}
.wrap {width:995px;margin:0 auto; position:relative;}

.indbg { background-repeat:no-repeat; background-position:center;margin-top:28px;height:490px;width:100%; position:relative}
.lof-main-wapper {height:0;width:0; overflow:hidden}
/* item navigator */
.lof-navigator-wapper{position:absolute;top:320px;left:0px;}
.lof-navigator-outer{position:relative;z-index:100;height:100px;width:370px;overflow:hidden;color:#FFF;float:left;}
ul.lof-navigator{top:0;padding:0;margin:0;position:absolute;width:100%;}
ul.lof-navigator li{cursor:hand; cursor:pointer;list-style:none;padding:0;margin-left:0px;overflow:hidden;float:left;display:block;text-align:center;}
ul.lof-navigator li a {color:#fff}
ul.lof-navigator li img{border:#fff solid 3px;width:95px; height:60px}
ul.lof-navigator li.active img, ul.lof-navigator li:hover img{border:#ff9800 solid 3px;}
ul.lof-navigator li p {font-size:12px; line-height:20px;height:20px; overflow:hidden;padding-bottom:5px}
.lof-navigator-wapper .lof-next,.lof-navigator-wapper .lof-previous{display:block;width:10px;height:17px;color:#FFF;cursor:pointer;margin-top:53px}
.lof-navigator-wapper .lof-next{float:left;text-indent:-999px;background:url(../images/4.png) no-repeat right center;margin-right:5px}
.lof-navigator-wapper .lof-previous{float:left;text-indent:-999px;background:url(../images/3.png) no-repeat left center;margin-left:5px}

.toper { height:110px; background:url(../images/tbg.png) no-repeat 250px;}
.toper .logo {width:263px; height:59px;float:left;margin-top:20px;}
.toper .logo a { display:block; background:url(../images/logo.png); width:100%; height:100%;}
.toper .search {float:right; text-align:right;font-size:12px}
.toper .search .ench {margin:20px 0 12px 0}
.toper .search .ench a {font-weight:Bold;margin-left:10px}
.toper .search .ench i {margin:0 5px;}
.toper .search .ench .home img {height:12px; vertical-align:top;margin-top:6px}
.toper .search form { height:29px;}
.toper .search form .bg { background:url(../images/search.png) no-repeat; display:inline-block; vertical-align:top;margin-left:15px}
.toper .search form input[type="text"] {width:150px;margin-left:38px; line-height:30px; vertical-align:top; background:none; font-size:12px}
.toper .search form #button { background:#eb6100;font-size:12px; height:29px; line-height:29px; width:40px;color:#fff;border:0; cursor:pointer; vertical-align:top;}

.toper .search form p { position:absolute;top:21px;right:147px}
.toper .search form a { display:inline-block;margin-left:10px; background-size:100%;width:20px; height:20px}
.toper .search form a.f { background:url(../../images/f.png) no-repeat;background-size:100%;margin-left:0}
.toper .search form a.t { background:url(../../images/t.png) no-repeat;background-size:100%;}
.toper .search form a.y { background:url(../../images/yy.png) no-repeat;background-size:100%;}
.toper .search form a:hover { background-position: center bottom;}

.topmenu { background:url(../images/menu.png) center; height:50px; position:absolute; z-index:1;width:100%;top:102px}
#menu {zoom: 1;	}
#menu:before, #menu:after {content: "";	display: table;}
#menu:after {clear: both;}
#menu li {float: left;position: relative;}
#menu li.first {margin-left:169px}
#menu a {display:block; height:40px; line-height:38px;padding:0 20px; color:#fff;margin-top:2px;font-size:13px}
#menu li:hover > a,#menu li.check a {background:#eb6100}
#menu li li:hover > a {background:#2ba0db}
#menu li li a {width:120px;height:25px; line-height:25px;padding:0 0 0 23px; color:#fff;margin-top:0px;font-size:13px;}
#menu li ul.mtech li a {width:116px;}
#menu li ul.mpro li a {width:136px;}
#menu li ul.mapp li a {width:140px}
#menu li li li a {width:109px;}
#menu li li li li a {width:69px;}
#menu li ul.mpro li li li a {width:70px;}
#menu li li a:Hover { background:#2ba0db}
*html #menu li a:hover {color: #fafafa;}
#menu ul {margin: 20px 0 0 0;opacity: 0;visibility: hidden;position: absolute;top: 38px;left: 0px;z-index: 1;background: #eb6100;}
#menu li:hover > ul {opacity: 1;visibility: visible;margin: 0;padding:0 0 10px 0}
#menu ul ul {top: 0;left: 102px;margin: 0 0 0 20px; background:rgba(0,0,0,0);}
#menu ul.mtech ul {left:138px;}
#menu li ul.mtech li li a {width:200px;}
#menu li ul.mpro li li a {width:200px;}
#menu li ul.mpro li li li a {width:200px;}
#menu ul.mpro ul {left:159px;}
#menu ul.mpro ul ul {left:223px;}
#menu ul ul ul {left: 132px;}
#menu ul ul li {margin-left:1px; background:#eb6100}
#menu ul li {float: none;display: block;border: 0;}
#menu ul li:last-child {}
#menu ul li:first-child > a {}
#menu ul li:first-child > a:after {	content: '';position: absolute;left: 0px;top: 0px;}
#menu ul ul li:first-child a:after {left: 0px;top: 50%;}
#menu ul li:first-child a:hover:after {border-bottom-color: #04acec;}
#menu ul ul li:first-child a:hover:after {border-right-color: #0299d3;border-bottom-color: transparent;}
#menu ul li:last-child > a {}


/* flash */
#flashBg{height:490px;overflow:hidden;width:100%; height:490px;clear:both;margin-top:29px; background:#000}
#flash{width:100%;height:490px;overflow:hidden;clear:both;position:relative;}
#flash a{width:100%;height:490px;display:none;}
.flash_bar{width:100%;z-index:65;left:0;height:20px;overflow:hidden;position:absolute;bottom:70px; text-align:center;}
.flash_bar2{bottom:15px}
.flash_bar .dq{display:inline-block;width:8px;height:8px;border:2px solid #eb6001; background:#eb6001;border-radius:50%;cursor:pointer;margin:0 8px;}
.flash_bar .no{display:inline-block;width:8px;height:8px;border:2px solid #fff;border-radius:50%;cursor:pointer;margin:0 8px;}
#flashLine{width:100%;clear:both;}

.indapp { border:1px solid #ccc; background:#fff;float:left;width:348px;position:relative;margin-top:-50px}
.indapp .subject { position:absolute;top:3px;left:10px;font-weight:Bold;font-size:13px}
/**tabs**/
.tabPanel {}
.tabPanel ul{ text-align:right;background:url(../images/4.gif);border-bottom:1px solid #ccc;}
.tabPanel ul li{ display:inline-block;color:#fff; background:url(../images/2.gif); height:30px; line-height:29px;text-align:center;font-weight:Bold; vertical-align:top;}
.tabPanel .hit{cursor:pointer;background:#fff;color:#333;height:30px;border-left:1px solid #ccc;cursor:pointer;}
.tabPanel ul li,.tabPanel .hit{ overflow:hidden;  height:30px; line-height:29px}
.tabPanel ul li.li1 {width:75px}
.tabPanel ul li.li2 {width:50px;padding:0 0 0 3px}
.tabPanel ul li.li3 {width:35px;padding:0 5px}
.tabPanel ul li.li4 {width:60px}
.pane{display:none;padding:18px 20px 12px 20px;}
.panes .list .pic {text-align:center}
.panes .list .pic img { height:220px; width:auto;}
.panes .list .cons {margin:6px 0}
.panes .list .cons .in {font-size:12px; line-height:22px; height:66px; overflow:hidden}
.panes .list .cons .in a { display:block;margin-top:15px; text-decoration:underline;color:#999;}
.panes .list .cons .in a:hover {color:#e13e1d;}
.panes .list .more { text-decoration:underline;color:#999999}
.panes .list .more:hover {color:#e13e1d;}

.indlist {float:left;width:268px;margin-left:15px;border:1px solid #ccc;}
.indlist .mtitle { background:url(../images/4.gif); height:30px; line-height:29px;padding-left:20px;font-weight:Bold;margin-top:-50px;font-size:13px}
.indlist .mtitle a {float:right;margin-right:20px;font-size:12px; font-weight:normal}
.indlist .cons { background:#fff;padding:20px 20px 15px 20px; }
.indlist .cons .content { height:195px; overflow:hidden;}
.indlist a.inqury { display:block;width:119px; height:30px;margin:0 auto}
.indlist a.inqury:Hover {opacity:0.9}

.indpro {margin-left:0;margin-top:15px;width:348px;}
.indpro .mtitle {margin-top:0px}
.indpro .cons {padding:10px 5px 0 5px; height:231px;}
.indpro .cons .content { height:200px}
.indpro ul {margin-top:15px}
.indpro ul li {float:left;width:32.6666%;margin-left:1%; text-align:center}
.indpro ul li.first {margin-left:0}
.indpro ul li a {font-size:13px}
.indpro ul li h1 {border:1px solid #ccc;width:108px; height:115px;}
.indpro ul li h2 {margin-top:10px; line-height:14px;}


.indabout {margin-left:10px;margin-top:15px;width:348px;}
.indabout .cons {padding:20px;}
.indabout .cons .content{ height:200px; line-height:22px}
.indabout .mtitle {margin-top:0px}
.indabout .content img {margin-bottom:13px}

.indnews {margin-left:0;margin-top:15px; float:right}
.indnews .cons {padding:20px;}
.indnews .cons .content{ height:200px;}
.indnews .mtitle {margin-top:0px}
.indnews ul li {margin-bottom:15px}
.indnews ul li p { height:25px; line-height:25px; overflow:hidden}
.indnews ul li p a {font-weight:Bold;font-size:13px;}
.indnews ul li div { height:66px; line-height:22px; overflow:hidden;color:#888;margin-top:5px}

.banner { height:490px;margin-top:29px;background-repeat:no-repeat; background-position:center;}
.banner2 { height:450px;background-repeat:no-repeat; background-position:center;}

.banner .cons {width:335px; height:490px;color:#fff;}
.banner .cons .title {font-size:40px; line-height:40px;padding-top:60px}
.banner .cons .title p {margin-bottom:15px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:Bold;}
.banner .cons .content { position:absolute; z-index:1;bottom:160px;width:335px;color:#fff;font-size:16px; line-height:25px;}

.mleft {float:left;width:680px;margin-top:50px;}
.mright {float:right;width:275px;margin-top:50px;}
.mright dl {margin-bottom:15px; background:#eeeeee;padding:0 0 15px 0}
.mright dt { background:#333;font-size:24px;padding-left:45px; height:60px; line-height:60px;color:#fff;margin-bottom:15px;}
.mright dd { height:50px; line-height:50px; overflow:hidden;}
.mright dd a { background:url(../images/2.png) no-repeat 22px 17px; padding-left:45px;display:block;font-size:18px;}
.mright dl.techdl dd a { background:none}
.mright dd a:hover,.mright dd.check a,.mright dl.techdl dd.check a,.mright dl.techdl dd a:hover{ background:url(../images/1.png) no-repeat 22px 17px;color:#3399cc}
.mclassname {border-bottom:1px solid #d2d2d2; height:45px; line-height:45px;font-size:24px;margin-top:-13px;}
.mclassname p { display:inline-block;font-size:13px;}
.mclassnameapp {border-bottom:0}
.apptitle2 {border-bottom:1px solid #ccc;font-size:15px;padding:30px 0 8px 0;}
.mclassnameapp p {color:#3399cc;font-size:14px;color:#666}
.mclassnamepro {margin-bottom:40px}
.mcontent {margin-top:20px}
.mright dl.more dd a,.mright dl.more dd a:hover { background:none;}
.mright ul li { height:30px; line-height:30px; overflow:hidden;}
.mright ul li a {background-size:2.5%; display:block;padding-left:65px;font-size:14px;}
.mright ul li a:Hover,.mright ul li.check a {background:url(../images/1.png) no-repeat 48px 10px;background-size:2.5%;color:#3399cc;}
.mright ul li.sub3 a { background:none;font-size:12px}

.news li {margin-top:50px}
.news .title a,.news .title {font-weight:bold;font-size:16px;color:#333}
.news .title a:hover {color:#e13e1d;}
.news .addtime { text-align:right;border-bottom:1px solid #ccc;padding:0px 0 10px 0;color:#999}
.news .cons {font-size:14px; line-height:28px;margin:20px 0; height:56px; overflow:hidden}
.news .more a { background:#3399cc;border-radius:10px; height:25px; display:inline-block; line-height:25px;padding:0 12px;color:#fff;font-size:13px;}
.newscate {border-bottom:2px solid #efefef; font-size:18px; height:60px; line-height:60px;margin:30px 0 10px 0}
.newsy li {float:left;}
.newsy li a {color:#00bfff;font-size:14px;}
.newsy li a:Hover,.newsy li.check a {color:#e13e1d;}
.newsy li i {margin:0 15px;color:#333; font-family:宋体;}

.protitle {color:#1a7bb9;font-size:18px;border-bottom:1px solid #d2d2d2;padding:0 0 15px 0;margin-bottom:30px}
.prodpic {float:left;width:280px; height:280px;border:1px solid #ccc; text-align:center;padding:10px; display:table;}
.prodpic p { display:table-cell; vertical-align:middle}
.prodjs {float:right;width:335px;}
.prodsize {margin-top:50px}

.message .list{float:left;width:48%;margin-right:4%; position:relative}
.message .listno {margin-right:0}
.message .list h1 {font-size:13px;padding:20px 0 8px 0; display:block;}
.message .list label { vertical-align:middle;margin-right:50px; cursor:pointer}
.message .list input[type="text"] {border:1px solid #dedede; height:30px; line-height:30px;width:98%;padding-left:2%;font-size:12px;border-radius:5px;color:#b6b5b5;margin:10px 0}
.message .list input[type="text"]:Hover,.message .list select:hover,.message .listbz textarea:hover {border:1px solid #0070bd}
.message .list input[type="radio"] {margin-right:10px; vertical-align:middle}
.message .list select {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background: url(../../images/dot.png) no-repeat center right;
border:1px solid #dedede; height:30px; line-height:30px;width:100%;font-size:12px;border-radius:5px;color:#b6b5b5;margin:10px 0; position:relative;padding-left:2px;}
.message .list select option {color:#333}.message .list select option.o1 {color:#b6b5b5}
.message .list select.active {color:#333}
.message .listbz {width:100%}
.message .listbz textarea {border:1px solid #dedede;width:98%;padding:1%;overflow:auto;  height:120px;color:#b5b5b5;font-size:12px;border-radius:5px;margin:10px 0}
.message .listcode {margin-bottom:10px}
.message .listcode input[type="text"] {width:50%;margin-right:10px}
.message .listbtn {width:100%;margin-top:0px}
.message .listbtn #btn { cursor:pointer;width:80px; height:25px; line-height:24px;color:#b6b5b5;border:1px solid #dedede; background:none;font-size:12px;border-radius:5px;}
.message .listbtn #btn:Hover {border-color:#0070bd;color:#0070bd}
.order {margin-top:30px;}
.order .subject {color:#3399CC;font-weight:Bold;font-size:14px;margin-bottom:25px}



.indvideo {float:left;width:348px;margin-right:10px;margin-left:0}
.indvideo .cons {padding:10px 10px 10px 10px}
.indvideo .cons .content { height:240px;margin:0;padding:0}




.footbank { clear:both; height:50px;}
.footline { height:3px; background:#d64123;margin-top:30px}
.foot { height:45px; line-height:45px; background:#0070bd;color:#fff;}
.foot a {color:#fff;}
.foot li {float:left;}
.foot li i {margin:0 10px}
.foot .cons {float:right; text-align:right;}