/* CSS Document */
@import url("");

/*top*/
.logo{ float:left;}
.topright{ float:right; width:780px;}
.lagbox{ float:right; height:21px; margin:15px 0 20px 0;}
.lagbox span{ margin-right:25px;}
.lagbox a{ margin:0 10px; font-family:Verdana;}
.lagbox a img{ margin-right:5px;}

.menu{ float:right;width:796px; overflow:hidden;}
.menu ul{ width:820px;}
.menu ul li{ float:left; color:#e1e1e1;}
.menu ul li a{ font-size:14px; color:#333; width:84px; text-align:center; display:block; float:left;} 
.menu ul li a:hover{ color:#0453b0; font-weight:bolder; background:url("") no-repeat center;}


/*banner*/
.bannerbg{ width:100%; height:523px;overflow:hidden; border-bottom:5px #0253af solid;}
#myjQuery {OVERFLOW: hidden; WIDTH: 100%; POSITION: relative; HEIGHT:523px; left:0;}
#myjQueryContent { OVERFLOW: hidden; WIDTH:100%; HEIGHT:369px; text-align:center; }
#myjQueryContent DIV { POSITION: absolute; HEIGHT:523px; width:100%;  left:0; }
#myjQueryContent DIV a{ display:block; width:100%; height:523px;}
#myjQueryContent .smask { Z-INDEX: -1; }
#myjQueryContent IMG {  HEIGHT:523px; border: 0; margin:0 auto; }

#myjQueryNav { DISPLAY: block; OVERFLOW: hidden; WIDTH: 81px; HEIGHT: 5px; position: absolute; top: 500px; right:48%; z-index: 5; }
#myjQueryNav LI { DISPLAY: block; FLOAT: left; WIDTH: 15px; CURSOR: pointer; HEIGHT: 8px; TEXT-ALIGN: center; margin-left: 1px; background: #fff; color: #fff; }
#myjQueryNav .nbg { BACKGROUND: #666; }
#myjQueryNav A { DISPLAY: block; Z-INDEX: 12; MARGIN: 0px auto; TEXT-TRANSFORM: uppercase; WIDTH: 45px; COLOR: #ffffff; LINE-HEIGHT: 22px; POSITION: relative; HEIGHT: 22px; z-index: 20; }
#myjQueryNav .current { BACKGROUND: #f90; }
#myjQueryNav .current A { COLOR: #fff; }

.main{ height:100%; padding-top:30px;}
.title{ margin:15px 0; float:left; width:100%;} 
.title span{ float:left; color:#0252b1;font-size:14px; font-weight:bold;}
.title font{ color:#888; font-size:12px; font-weight:normal;}
.title a{ float:right; padding-top:5px;} 

.about{height:185px; overflow:hidden; width:260px; border-left:1px #e1e0e5 solid; border-right:1px #e1e0e5 solid;padding: 0 25px; float:left;}

.pro{ float:left;width:640px; overflow:hidden;}
.pro ul li{ float:left;}
.pro ul li a{ display:block; width:109px;background:#fff;}
.pro ul li a img{border:1px #d9d9d9 solid; }
.pro ul li a span{ display:block; height:23px; line-height:23px;cursor:pointer; color:#fff; width:104px; background:url("/images/a1459663.gif") no-repeat; padding-left:5px;}
.pro ul li a span font{ display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width:80px;}
.examples_body {clear: both;position: relative;width:640px;overflow:hidden; float:right;border-right:1px #e1e0e5 solid; padding:0 25px; margin-top:-185px;}
.bx_wrap {}
.bx_wrap a.prev {width:19px;height:19px;outline-style: none;outline-width: 0;position: absolute;top:15px;left: 150px;text-indent: -9999px;background: url("/images/67357a18.png") no-repeat left; z-index:99;}
.bx_wrap a.prev:hover {background: url("/images/67357a18.png") no-repeat right;}
.bx_wrap a.next {width: 19px;height: 19px;right:495px;outline-style: none;outline-width: 0;position: absolute;top:15px;text-indent: -9999px;background: url("/images/2401d14d.png") no-repeat right;z-index:99;}
.bx_wrap a.next:hover {background: url("/images/2401d14d.png") no-repeat left;}
.p_seclct{ float:right; margin-top:-7px;}
.p_input{ border:1px #d3d3d3 solid; border-right:none; float:right; padding:6px 6px 5px 6px;}
.p_button{ background:url("/images/aa32385c.gif") no-repeat; width:30px; height:28px; cursor:pointer; float:right;}


/*bottom*/
.link{ float:right; width:177px; padding:25px 0 0 0;}
.link font{color:#f1f1f1; font-size:14px;display:block; margin:0 0 5px 0;}
.bottom{ font-family:Verdana; color:#777; padding:30px 0; background:#efeff1; width:100%; height:100%; overflow:hidden; border-top:1px #e1e0e5 solid; margin-top:60px; }

/*in*/
.inmain{ height:100%; overflow:hidden;border:1px #efeff1 solid; padding-bottom:30px;}
.intitle{ width:100%; border-bottom:1px #dedede solid; background:#efeff1; height:50px;}
.intitle span{ display:block; float:right; background:url("/images/6dcb04e6.png") no-repeat; width:220px; height:87px; margin:-57px 0 0 753px; position:absolute; text-align:right; font-size:22px; color:#fff; font-family:'Microsoft YaHei'; padding:20px 30px 0 0;}
.intitle span font{ font-size:24px; font-family:Verdana; color:#a7cdfb; padding-top:20px; display:block;}
.intitle a{ float:left; color:#999; padding:15px 0 0 8px;}
.intitle a:hover{ color:#ccc;}


.i_a{ width:100%; background:url("/images/9b461378.jpg") no-repeat center; height:200px;}
.i_b{ width:100%; background:url("/images/94325e43.jpg") no-repeat center; height:200px;}
.i_c{ width:100%; background:url("/images/299a1be5.jpg") no-repeat center; height:200px;}
.i_d{ width:100%; background:url("/images/c0eaa8e0.jpg") no-repeat center; height:200px;}
.i_e{ width:100%; background:url("/images/fb32585c.jpg") no-repeat center; height:200px;}
.i_s{ width:100%; background:url("/images/b1286dad.jpg") no-repeat center; height:200px;}
.i_n{ width:100%; background:url("/images/6fdb28d6.jpg") no-repeat center; height:200px;}
.i_o{ width:100%; background:url("/images/974fcb63.jpg") no-repeat center; height:200px;}

.rightbox{float:left; width:690px; margin:50px 0 0 30px; padding-bottom:30px; min-height:200px;}
 
/*inlist*/
.inlist{ margin:50px 0px 0 30px; width:220px; float:left; overflow:hidden;}
.inlist_title{ background:url("/images/9e59e4a5.gif") repeat-x; height:61px; width:100%; font-size:14px; font-weight:bolder; color:#fff; line-height:61px; padding-left:15px; margin:20px 0 0 0;}
.inlist ul li a{display:block; background:#f4f4f6; height:43px; line-height:43px; width:200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding:0 20px 0 15px; font-size:14px; margin:3px 0 0 0;}
.inlist ul li a font{ font-size:20px;}
.inlist ul li a:hover{color:#fff; background:#57a2f5;}
.i_input{ border:1px #d3d3d3 solid; border-right:none; float:right; padding:6px 6px 5px 6px; width:168px; height:24px; line-height:24px;}
.i_button{ background:url("/images/5d65dcb3.gif") no-repeat; width:39px; height:37px; cursor:pointer; float:right;}

.innews{float:left; width:690px; overflow:hidden;}
.innews ul{ float:left;}
.innews ul li{height:36px; line-height:36px; width:690px; border-bottom:1px #ccc dashed; }
.innews ul li a{ padding-left:10px;}
.innews ul li a span{ float:right;}
.innews ul li a:hover{ color:#db261f;}


/*inpro*/
.inpro{ float:left; width:690px; overflow:hidden; margin-left:20px; }
.inpro ul{ width:750px;}
.inpro ul li{ float:left; margin:0px 50px 20px 0px;}
.inpro ul li a img{ display:block; width:182px; height:171px; border:1px #e8e8e8 solid;}
.inpro ul li a img:hover{border:1px #0083c4 solid;}
.inpro ul li a div.inportext{  height:40px; text-align:center; line-height:40px; font-size:14px; width:182px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inpro ul li a:hover{ color:#0083c4;}


.inqual{ float:left; width:690px; overflow:hidden; margin-left:20px; }
.inqual ul{ width:750px;}
.inqual ul li{ float:left; margin:0px 40px 20px 0px;}

.iinpro{ float:left; width:695px; overflow:hidden;}
.iinpro ul{ width:750px;}
.iinpro ul li{ float:left; margin:30px 30px 0 20px; border:#cccccc 1px solid;}
.iinpro ul li a span{ display:block; text-align:center; height:36px; line-height:36px; font-weight:bolder; width:182px; cursor:pointer;}
.iinpro ul li:hover{ color:#000; border:#3f8be5 1px solid;}

.f_input{ border:1px #eee solid; padding:5px; margin:8px 0;}
.f_button{ cursor:pointer; background:#da251c; color:#fff; padding:3px;}
.ff_button{ cursor:pointer; background:#999; color:#fff; padding:3px 0;}