@charset "utf-8";
/*
Powered By www.toprand.com
*/

/*Reset*/
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#666;text-decoration:none;}
a:hover {color:#ff0000;}
a:active {color:#ff0000;}
.hidden{ display:none}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#5a5a5a; }  
.bg1{background:url(/en/images/bg1.jpg) left 0 repeat-x;}
.bg2{background:url(/en/images/bg2.jpg) left 0 repeat-x;}

/*wrap*/
.wrap{ width:1000px; margin:0 auto;}

.head{ float:left; width:100%;height:148px; position:relative; z-index:9999;}
.head h1{ float:left; margin:15px 0 0 22px; display:inline;}
.share{ float:right; margin:50px 0 0 0;}
.lang{ position:absolute; right:0; top:10px; background:url(/en/images/bglang.png) no-repeat; width:160px; height:19px; text-align:center; color:#738eaa; font-size:10px; line-height:14px; }
.lang a{ font-size:12px; color:#fff;font-family: Arial, "\5FAE\8F6F\96C5\9ED1"; }

/*nav*/
/*
.nav{ float:left;height:51px; background:url(/en/images/bgnav.jpg) no-repeat; line-height:51px; margin:14px 0 0 0; width:994px; padding-left:6px;}
.navlist li{ float:left; width:136px;  text-align:center; background:url(/en/images/bgline.jpg) left center no-repeat;font-family: "\5FAE\8F6F\96C5\9ED1"; font-size:14px; }
.navlist li a{ color:#000;}
.navlist li a:hover,.navlist li.hover a{ color:#ff0000;}*/

.nav{ float:left;height:51px; background:url(/en/images/bgnav.jpg) no-repeat; line-height:51px; margin:14px 0 0 0; width:994px; padding-left:6px;}
.navlist li{ float:left; width:136px; text-align:center; background:url(/en/images/bgline.jpg) left center no-repeat;font-family: "\5FAE\8F6F\96C5\9ED1"; font-size:14px; position:relative; }
.navlist li a{ float:left; width:136px; height:51px;text-align:center; color:#000;}
.navlist li a:hover,.navlist li.hover a{width:136px; height:51px;color:#fff; background:url(/en/images/nav_h.jpg) center bottom no-repeat;}


.subnav{ position:absolute; top:51px; left:12px;width:112px;display:none;}
.navlist li.hover .subnav{ display:block }
.navlist li.hover li{float:left; width:100%; background:none; font-size:12px; }
.navlist li.hover li a{ width:110px; height:33px;color:#000; border:solid #dedede 1px; border-top:0px; line-height:33px; background:#FFF}
.navlist li.hover li a:hover{color:#f00; width:110px; height:33px;line-height:33px; background:#fff;}

/*ban*/
.ban{ float:left; width:100%; height:324px;}
/*ban*/
#banner{ width:100%; float:left;position:relative; height:324px;}
#banner .focusBts{top:120px;width:52px;height:95px;z-index:9999;position:absolute;}
#banner #focusBtl{ left:-50px; background:url(/en/images/left_btn.jpg) no-repeat; width:49px; height:95px;}
#banner #focusBtr{right:-50px;  background:url(/en/images/right_btn.jpg) no-repeat; width:49px; height:95px;}
#focusAdv{height:324px; width:100%; position:relative; }
#focusPics{}
#focusPics,#focusPics li,#focusPics li a,#focusPics li img{display:block;height:324px;}
#focusPics li{opacity:0;filter:alpha(opacity=0);}


#focusAdv #focusPics{z-index:1;}
#focusAdv #focusPics li{top:0;left:0;position:absolute;}


#focusAdv #thumb{left:50%;bottom:6px;z-index:888;position:absolute; margin-left:100px; z-index:222;}/*3.27*/
#focusAdv #thumb li,#focusAdv #thumb li a,#focusAdv #thumb li a img{display:block;width:71px;height:39px;}#focusAdv #thumb li a{overflow:hidden;}#focusAdv #thumb li{display:inline;margin-right:6px;width:71px;height:39px;float:left;position:relative; border:1px solid #e4e4e4; z-index:22}
#focusAdv #thumb li.active{ border:1px solid #f00;}




.main{ float:left; width:100%; height:448px; background:url(/en/images/bgmain.jpg) center top no-repeat; padding-top:20px;}

.left{ float:left; width:588px; height:240px;}
/*inflash*/

.title{ float:left; width:100%; line-height:31px; background:url(/en/images/bgtitle.jpg) left bottom no-repeat;}
.title h2{ padding-left:5px; float:left; font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1"; color:#000;}
#focus { width:100%; height:240px; overflow:hidden; position:relative;}
#focus ul {height:204px; position:absolute;}
#focus .itcon{ float:left; width:100%; margin-top:17px;}
#focus ul li {float:left; width:588px; height:205px; overflow:hidden; /*background:#fff;*/ line-height:18px;}
/*#focus ul li div {position:absolute; overflow:hidden;}*/
/*#focus .btnBg {position:absolute; width:607px; height:40px; left:0; bottom:0; background:#fff;}*/
#focus .btn {position:absolute; height:26px; right:0; top:14px; width:44px; overflow:hidden; }
#focus .btn span {display:inline-block; _display:inline; _zoom:1; color:   cursor: pointer;  float: left;  font-size: 12px;  height: 9px;
 line-height: 14px; margin-left: 5px;  position: relative; text-align: center;  width: 9px; background:url(/en/images/g1.jpg) no-repeat; text-indent:-999px;}
#focus .btn span.on {background:url(/en/images/g2.jpg) no-repeat;}
#focus ul li .ipro{ float:left; width:187px; margin:0 13px 0 0; display:inline;}
#focus ul li .last{ margin-right:0;}
#focus ul li .ipro .iproimg{ float:left; width:100%; height:109px; margin-bottom:8px;}
#focus ul li .ipro .iproimg a{ float:left;}
#focus ul li .ipro .iproimg p{ float:left; width:100%; background:#000; font-size:14px; line-height:31px; margin-top:-31px;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
#focus ul li .ipro .iproimg p a{ color:#fff;font-family:"\5FAE\8F6F\96C5\9ED1"; padding-left:6px;}
#focus ul li .ipro p{ line-height:18px; color:#666;}
#focus ul li .ipro .dt{ color:#ff0000; text-decoration:underline; float:left; margin-top:6px;}



.right{ float:right; width:370px; height:240px;}
.inewslist li{ float:left; width:100%; line-height:20px; margin-top:14px;}
.inewslist li span{ font-family:Arial, Helvetica, sans-serif; color:#6f6f6f;}
.inewslist li h2{ margin-bottom:3px;}
.inewslist li h2 a{ color:#333; font-weight:bold;}
.inewslist li p{ line-height:16px; color:#666;}
.more{ color:#f00; text-decoration:underline; float:left; margin-top:10px; line-height:20px;}


.mitem{ float:left; width:100%; height:177px; background:#1d1d1d; margin-top:23px;}
.ipic{ float:left; width:67px;}
.iword{ float:right; width:206px; line-height:20px;}
.mitemlist li{ float:left; width:285px; margin:34px 15px 0 25px; display:inline;}
.iword h2{ color:#fff; font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1"; line-height:34px;}
.iword h2 span{ font-family:Arial, Helvetica, sans-serif;}
.iword h2 i{ font-style:normal; font-size:27px;}
.iword p{ color:#969696;}

/*foot*/
.foot{ float:left; width:100%; background:url(/en/images/bgfoot.jpg) left top repeat-x; height:52px; padding-top:8px; line-height:16px;}
.foot p{ font-family:Arial, Helvetica, sans-serif;}


/*about*/
.banner{ float:left; width:100%; height:164px; overflow:hidden; position:relative;}
.flash{ float:left; width:100%; top:0; left:0; height:164px;position: absolute;}
.mmain{ float:left; width:100%; background:url(/en/images/bgmmain.jpg) left top repeat;}
.mmcon{ float:left; width:100%; background:#fff url(../images/bgmmcon.jpg) left top repeat-y; padding-bottom:21px;}
.mleft{ float:left; width:223px; background:url(/en/images/bgleft.jpg) 22px 10px no-repeat;}
.left_tit{ float:left; margin:22px 0 26px 22px; display:inline; line-height:22px; font-size:18px; color:#14437d;font-family:"\5FAE\8F6F\96C5\9ED1";}
.leftnav{ float:left; width:210px;}
.leftnav li{ float:left; width:100%; border-bottom:1px dashed #ddd; padding:6px 0; line-height:16px;}
.leftnav li a{ display:block; padding-left:26px;color:#0a1d33;font-family:"\5FAE\8F6F\96C5\9ED1";}
.leftnav li a span{font-size:9px;}
.leftnav li.hover a,.leftnav li a:hover{ background:url(/en/images/bgleftnav.jpg) 180px top no-repeat; color:#063876;}

.mright{ float:right; width:751px; padding-right:14px;}
.cur{ float:left; width:100%; border-bottom:1px solid #ebebeb; line-height:41px;}
.cur h2{ font-size:14px; float:left; color:#14437d;font-family:"\5FAE\8F6F\96C5\9ED1"; font-weight:bold;}
.cur p{ float:right;}
.cur p span{ color:#14437d;}

.about{ float:left; width:722px; margin:18px 0 0 18px; display:inline; line-height:24px; min-height:470px; _height:470px; height:auto; background:url(/en/images/bgabout.jpg) right 70px no-repeat;}
.nobg{ background:none;}
.culeft{ float:left; width:474px;}
.curight{ float:right; width:214px;}
.curight img{ float:left; border:1px solid #d2d2d2; padding:3px; margin-bottom:23px;}
.bggray{ float:left; width:100%; height:30px; background:#404040; border-bottom:1px solid #818181;}

/*news*/
.news{ float:left; width:703px; margin:23px 0 0 23px; display:inline;}
.hot{ float:left; width:100%; border-bottom:1px dotted #a9a9a9; padding-bottom:20px; margin-bottom:20px;}
.hotpic{ float:left; width:134px; padding:1px; border:1px solid #e1e1e1;}
.hotword{ float:right; width:552px; line-height:20px;}
.more2{ float:right; margin-top:-20px;/9; color:#1453bc; background:url(/en/images/more.jpg) right center no-repeat; padding-right:14px;}
.hotword h2{ font-weight:bold; padding-bottom:3px;}
.hotword h2 a{ color:#000;}
.newslist li{ float:left; width:100%; background:url(/en/images/dian.jpg) left center no-repeat; line-height:26px;}
.newslist li a{ padding-left:12px;}
.newslist li span{ float:right;}

.detail{ float:left; width:720px; margin:30px 0 0 18px; display:inline; line-height:24px;}
.art_tit{ float:left; width:100%; line-height:26px; text-align:center; border-bottom:1px dotted #a9a9a9; margin-bottom:14px;}
.art_tit h2{ font-size:16px; color:#000;font-family:"\5FAE\8F6F\96C5\9ED1";}

.back{ float:right; margin-top:20px;}

.videolist li{ float:left; width:170px; margin:30px 2px 0 14px; display:inline;}
.videolist li img{ display:block; padding:2px; border:1px solid #c3c3c3;}
.videolist li p{ margin-top:5px; line-height:18px;}
.videolist li p a{ font-size:14px; color:#000;font-family:"\5FAE\8F6F\96C5\9ED1";}
.video{ float:left; width:559px; margin:42px 0 0 100px; display:inline;}
.video p{ line-height:40px; text-align:center; font-size:16px; color:#000;font-family:"\5FAE\8F6F\96C5\9ED1";}

/*product*/
.prolist li{ float:left;width:150px; line-height:24px; margin:15px 34px 0 0; display:inline;height: 185px;}
.prolist li.nor{ margin-right:0;}
.prolist li img{ display:block; border:1px solid #e2e2e2; padding:1px;}
.prolist li p{ background:url(/en/images/bgpro.jpg) left top no-repeat; padding-top:6px;}

.product{ float:left; width:692px; margin:30px 0 40px 10px; display:inline;}
.propic{   padding:1px;text-align:center;}
.propic img{  border:1px solid #e2e2e2;}
.proword{ line-height:26px;}
.proword h2{ color:#0554b4;font-family:"\5FAE\8F6F\96C5\9ED1"; font-weight:bold; font-size:14px;text-align:center;}

/*service*/
.feedback{ float:left; width:670px; margin:0 0 0 30px;}
.feedtable{ float:left; width:670px; line-height:27px;}
.feedtable th{ padding-bottom:3px; text-align:right; font-weight:normal; vertical-align:top;}
.feedtable td{ padding-bottom:3px; vertical-align:top;}
.txt1{ width:255px; padding-left:5px; border:1px solid #ddd; height:25px; line-height:25px; color:#666;}
.txt2{ width:380px; padding-left:5px;border:1px solid #ddd; height:74px; line-height:24px; color:#666;}
.btn1{ width:56px; height:26px; border:none; cursor:pointer; color:#fff; background:#1d5394;}
.feedlist li{ float:left; width:100%; line-height:24px; margin:0 0 10px 0;}
.reback{ float:left; width:100%; padding:6px; background:#f2f2f2; width:658px;}


/*contact*/
.contact{ float:left; width:636px; margin:10px 0 0 35px; display:inline;}
.method{ float:left; width:688px; margin:20px 0 0 20px; display:inline; line-height:30px; background:url(/en/images/bgearth.jpg) right bottom no-repeat; height:291px;}

/*hr*/
.hr{ float:left; width:683px; margin:14px 0 0 18px; display:inline; background:url(/en/images/bghr.jpg) no-repeat;}

.hrtable{ float:left; width:683px; line-height:30px; border-collapse:collapse;}
.hrtable th{ line-height:34px; padding-bottom:5px; font-weight:normal; font-size:14px;}
.hrtable th.spa{ padding-left:28px; text-align:left;}
.hrtable td{ border-bottom:1px dashed #d3d3d3; text-align: center;}
.hrtable td.spa{ padding-left:28px; text-align:left;}

.hrdetail{ float:left; width:645px; margin:14px 0 0 36px; display:inline; line-height:24px;}
.hrdetail h2{ border-bottom:1px dashed #d3d3d3; font-weight:bold; color:#14437d; font-size:14px; margin-bottom:14px;}
.hrbtn{ float:left; width:100%; margin-top:24px;}
.hrbtn a{ margin-right:5px;}
.applytable{ float:left; width:100%; margin-top:10px; line-height:28px;}
.applytable th{ font-weight:normal; text-align:right; padding-bottom:3px;}
.applytable td{ padding-bottom:3px;}
.btn2{ margin-top:6px;}
.btn3{ width:52px; height:26px; border:1px solid #ddd; background:#f3f3f3; cursor:pointer; color:#666;}


/*pages*/
.pages{ float:right; line-height:20px; margin-top:26px;}
.pages span{ display:inline-block;}
.pages a{ display:inline-block; margin-right:10px;}
.gotxt{ width:25px; height:14px; text-align:center; color:#666; border:1px solid #c0c0c0; line-height:14px;}
.gobtn{ height:16px; border:none; background:url(/en/images/gobtn.jpg) no-repeat; cursor: pointer; width:20px;}





/*text*/
.b{ font-weight:bold;}
.f8{ font-size:8px;}
.f9{ font-size:9px;}
.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f32{ font-size:32px;}
.f36{ font-size:36px;}
.em{ text-indent:2em;}
.hei{ color:#000;}
.red{ color:#ff0000;}
.Arial{ font-family:"Arial", Helvetica, sans-serif;}
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.blue{ color:#1d5394;}
.hei{ color:#000;}

/*20130527Àµ¼Ò»ª*/
.leftnav li ul li {border: medium none;float: left;line-height: 26px;padding: 0;width: 100%;}
.leftnav li.hover ul li a{background: url("/en/images/dianb.jpg") no-repeat scroll 37px center transparent;color: #598ECE;font-family: "ËÎÌå";padding-left: 44px;}
.leftnav li.hover ul li{ border: medium none;float: left;line-height: 26px;padding: 0;width: 100%;}
<!--ºÄÊ±1753014710.4132Ãë-->