@charset "utf-8";
body{margin:0;margin-top:15px;padding:0;background-color:#f0f0e6;background-image:url(bg_body.jpg);background-position:top;background-repeat:no-repeat;font:medium Verdana,Arial,Helvetica,sans-serif;font-size:10pt}
ol,ul,li { list-style: none; }
a{text-decoration:none;}
a:link{color:#888888;text-decoration:none;}
a:hover{text-decoration:underline}
a:visited{color:#888888;text-decoration:none;}
#mainbody{background-color:#ffffff;}
.wrapper{margin:0 auto;width:940px;}
#slogan{float:left;margin-top:20px;margin-left:60px;font-style:italic;font-size:16px;letter-spacing: 2px;}
#header{height:110px;font-size:13px;font-family:Oswald,Arial,SimSun,PMingLiU,MingLiU; }

.needle_bg{position:absolute;width:940px;HEIGHT:110px;visibility:visible;Z-INDEX:0;}

#top_header{float:right;margin-top:0;padding-top:5px;width:530px;height:25px;background-image:url(bg_top_header.png);background-position:top;background-repeat:no-repete;text-align:right;font-weight:300}
#top_header a{color:#111;text-decoration:none}
#top_header ul{float:right;list-style:none}
#top_header ul li{float:left;padding:0 7px;width:auto;border-right:1px solid #000;text-align:center}
#top_header ul li.last{border:none}

#offline-info{position:absolute;top:75pt;left:50%;margin-left:-90px;width:130px;height:20px;border:1px solid #f90;background-color:#f9ebd7;text-align:center;}#offline-info,#slogan{width:260px;color:#333;font-weight:normal;font-family:"Microsoft YaHei";}
h1{font-weight:500;font-size:30px}
h1,h2{color:#0098d4;font-family:Oswald,Arial,SimSun,PMingLiU,MingLiU}
h2{font-size:20px}
#content h2{margin:20px 0 5px;color:#0098d4;font-weight:400;font-size:22px;font-family:Oswald,Arial,SimSun,PMingLiU,MingLiU}

.titleswf {position:absolute;width:460px;height:150px;visibility:visible;Z-INDEX:0;}
.titlebox {position:relative;Z-INDEX:12;}
.titlebox h2{margin-top:115px;margin-bottom:10px}
.box_link h2,.titlebox h2{margin-left:10px;color:#222;font-weight:500;font-size:20px;font-family:Oswald,Arial,SimSun,PMingLiU,MingLiU}
.box_link h2{margin-top:65px}
#sidebar h2{margin:5px 0;color:#0098d4;font-weight:400;padding-left:20px}
#sidebar h2,#sidebar h2 a{font-size:18px;font-family:Oswald,Arial,SimSun,PMingLiU,MingLiU;font-weight:bold}
#sidebar h2 a{color:#000;text-decoration:none}
#sidebar h2 a:hover{color:#000;text-decoration:underline}
.breadcrumb{margin:0;color:#999;font-weight:500;font-size:15px;font-family:Oswald,Arial,SimSun,PMingLiU,MingLiU}
#choice-letter{float:left;margin-bottom:50px;padding:5px 40px;width:auto;letter-spacing:15px;font-weight:500;font-size:20px;font-family:Oswald,Arial}
#news_slide .button,#products_slide .button{position:absolute;bottom:0;float:left;padding:5px 0;width:234px;border:1px solid #000;background-image:url(bg_button_slide_noactive.png);background-position:bottom;background-repeat:repeat-x;color:#fff;text-align:center;font-size:1pc;font-family:Oswald,Arial,SimSun,PMingLiU,MingLiU}

.homepage{background-image:url(bg_body_homepage.jpg)}
form{margin:0;padding:0}
form #search{float:right;margin-left:10px;width:140px;border:1px solid #ccc}
h1,h2,h3,h4,h5,h6,p{margin-top:0}

#banner{clear:both;height:250px}
#container{margin:0;padding:10px 40px;width:860px}
#container,#content{background-color:#fff}
#content{float:left;width:565px;min-height:420px}
#content a{color:#0098d4;text-decoration:none}
#content a:hover{text-decoration:underline}
#content p{color:#111;text-align:justify}
#content .legende{margin-top:10px;font-style:italic;font-size:11px}
#content ul{margin:0;padding:0}
#content ul a{color:#000;text-decoration:none;font-size:11pt}
#content ul a:hover{text-decoration:underline}
#content ul li{margin:15px 0;padding-left:15px;background:url(bullet_fleche.png) 0px 0px no-repeat;background-position:0 3px;list-style-type:none;}
#content ul em{float:right;font-size:12px;color:#666666;line-height:22px}
.newstime{font-size:12px;color:#888888;text-align:left;padding-bottom:20px}
#content table td{}
.mypage{width:600px;margin:0 auto;text-align:center}
.contentbox{margin:20px 0;padding:20px;width:520px;border:1px solid #ddd;background-color:#fff;background-image:url(bg_sidebox.jpg);background-position:bottom;background-repeat:repeat-x}
#content .contentbox h2{margin-top:0}
#content img{width:expression(this.width>540?"540px":this.width+"px"); max-width:540px}


#section{margin:0;width:940px}
#aff p{font-size:9pt}
.titlebox h2 a{color:#222;text-decoration:none;font-size:14px;font-weight:bold}
.titlebox h2 a:hover{text-decoration:underline}
#aff hr{padding:0;height:0;border:0;border-top:1px solid #ddd}
#aff ul a{color:#111;text-decoration:none}
#aff ul a:hover{text-decoration:underline}

#aff01,#aff03{float:left;margin-top:20px;margin-right:18px;width:300px;height:320px;background-color:#fff;}
#aff01 ul li{padding-left:15px;background:url(bullet_rouge_10x10px.png) top left no-repeat;background-position:0 3px;list-style-type:none}

.afftxt{width:280px;}
#aff03 ul li{padding-left:15px;background:url(bullet_bleu_10x10px.png) top left no-repeat;background-position:0 3px;list-style-type:none}

#aff03-1 ul li{padding-left:15px;background:url(bullet_rouge_10x10px.png) 0px 8px no-repeat;list-style-type:none;border-bottom:1px solid #ddd;line-height:28px;height:28px;}

#aff01-1,#aff01-2{float:left;padding:10px;width:280px;margin-top:10px}
#aff03-1,#aff03-2{float:left;padding:10px;width:280px;margin-top:10px}
#aff03-1 .date{float:right;width:58px;font-size:10px;color:#666666; font-family:Times New Roman}


#aff02{float:left;margin-top:20px;width:300px;height:20pc;}
#aff02 ul li{padding-left:15px;background:url(bullet_rouge_10x10px.png) top left no-repeat;background-position:0 3px;list-style-type:none}
#aff02-1,#aff02-2{float:left;padding:10px;width:280px;margin-top:10px}



#sec01{float:right;width:220px}
#sec02{float:left;width:5in}
#sec03{float:left;width:15pc}
.box_statistics{margin-bottom:20px;padding:10px;background-color:#e1f1fa}
.box{float:left;margin-top:20px;margin-right:20px;width:220px;height:220px;background-color:#fff;font-size:9pt}
.box_txt{margin:0;padding:0 10px;margin-top:10px}

.box_txt a{color:#111;text-decoration:none;font-size:14px;}
.box_txt a:hover{text-decoration:underline;}
.box_txt h2 a{font-size:14px; font-weight:bold}
.box h2{margin:0 0 5px;padding:0;color:#000;font-weight:500;font-size:1pc}
.box_link{margin-right:20px;width:220px;height:75pt;background-color:#fff}
.b_box,.box_link{float:left;margin-top:20px}
.b_box{padding:10px;width:200px;height:5pc;background-image:url(b_box.jpg);font-size:9pt}
.b_box h2{margin:0 0 5px;padding:0;color:#fff;font-weight:500;font-size:15px}
.b_box p{color:#ddd}
.b_box a{color:#fff;text-decoration:none}
.b_box a:hover{text-decoration:underline}
#request_password a{color:#fff;color:#ccc;text-align:left;font-size:9px}
#link01{background-image:url(brand_box.jpg)}
#link02{background-image:url(contact_box.jpg)}
#link03{background-image:url(qui_sommes_nous_box.jpg)}
#link04{background-image:url(glossary_box.jpg)}
#link01,#link02,#link03,#link04{background-position:top;background-repeat:no-repeat}
#sidebar{float:right;width:260px}
.sidebox{border:1px solid #ddd;background-color:#fff;background-image:url(bg_sidebox.jpg);background-position:bottom;background-repeat:repeat-x}
.sidebox,.sidebox_blank{margin-bottom:20px;padding:10px;width:15pc}

#sidebar p{margin:7px 0;color:#111}
#sidebar a{color:#0098d4;text-decoration:none}
#sidebar a:hover{color:#0098d4;text-decoration:underline}
#sidebar hr{margin:0;padding:0;height:0;border:0;border-top:1px solid #ddd}
#sidebar img{margin:-10px 0 0 -10px}
#sidebar ul{margin-left:0}
#sidebar ul a{color:#111;text-decoration:none}
#sidebar ul a:hover{text-decoration:underline}
#sidebar ul li{margin:5px 0;padding-left:15px;background:url(bullet_fleche.png) top left no-repeat;background-position:0 3px;list-style-type:none}
#sidebar .legende{font-style:italic;font-size:11px}

#lang-berner{bottom:0;padding:0}
#footer{margin:0;padding:0 0 25px;height:auto;background:#000;background-image:url(bg_bottom.jpg);text-align:center}
#footer .switching{margin-top:20px;text-align:center;font-weight:500;font-size:9pt}
#footer,#footer .switching a{color:#cccccc}
#footer-content{margin:0 auto;padding-top:10px;width:940px;font-size:10px}
#footer-content a,#footer-content h2,#footer-content p{color:#cccccc;text-decoration:none;line-height:150%}
#footer-content a:hover{text-decoration:underline;}

#footer-content h2{margin-top:10px;margin-bottom:0;font-size:15px}
#footer-content hr{height:0;border:0;border-top:1px solid #efefef}/*dbebf8*/
#footer p{margin-bottom:0}
dl,ol,ul{margin:0;padding:0}

/*
#nav ul a,#nav ul a:visited{display:block;padding-top:3px;height:30px;line-height:26px;color:#fff;text-align:center;text-decoration:none;font-weight:none;font-size:14px;font-family:"Microsoft YaHei";}
#nav ul{background-color:#000;list-style:none}
#nav ul li{width:94px;border-bottom:1px solid #ccc;height:33px;background-image:url(bg_menu.jpg);background-repeat:repeat-x;}
#nav ul li.last{border-right:none;width:94px;background-image:url(bg_menu_last.jpg);background-repeat:repeat-x;}
#nav ul a:active,#nav ul a:focus,#nav ul a:hover{}/*06a5f8/
*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{ position:relative; z-index:1;width:940px; }
.nav{ width:940px; margin:0 auto;}
.nav .m{ float:left;  position:relative; z-index:1;width:94px;border-bottom:1px solid #ccc;height:33px;background-image:url(bg_menu.jpg);background-repeat:repeat-x;}
.nav h3{ float:left; font-size:14px; font-weight:normal;width:94px;text-align:center; height:33px;line-height:30px; overflow:hidden;}
.nav h3 a{ display:block; color:#fff;  font-size:14px;font-family:"Microsoft YaHei"; vertical-align:top;text-decoration:none; }

.nav .on2{ border-color:#03b5e1; }
.nav .on2 h3 a{background:#03b5e1;width:93px;height:32px;line-height:30px;color:#6402b7;border-color:#1f7caf !important;}

.nav .on{ border-color:#1F7CAF; }
.nav .on h3 a{background:#1f7caf;width:93px;height:32px;line-height:30px;color:#fff;border-color:#1f7caf !important;}
.nav .sub{ display:none; /*默认隐藏*/ width:93px; padding:5px 0;position:absolute;left:0px; top:33px; background:#1F7CAF; text-align:center;}
.nav .sub li{ vertical-align:middle;text-align:center;}
.nav .sub li a{ height:20px; line-height:20px; padding-top:4px;  display:block; background:url(images/icon.png) 0 9px no-repeat; color:#fff;text-decoration:none; }
.nav .sub li a:hover{ color:#d9a720; background:#1593bb;}


.img_news{float:left;margin-right:20px;padding:5px;border:1px solid #ccc}
.logo{float:left;margin:20px;border:none}
.search-bt{float:right;margin:0 5px;width:20px;height:20px;border:none;background:url(icon_find.png) no-repeat}
.clear-both{clear:both}
.shaded{box-shadow:1px 1px 9pt #aaa}
.column_bottom{float:left;padding:5px;width:145px;text-align:left}
.copyright{clear:both}
.copyright,.title{margin-top:10px;font-size:18px;font-weight:bold}
#subtitle p{color:#555;text-align:justify;font-weight:700;font-style:italic;font-size:14px}
#choice-letter a{color:#000}
#choice-letter a:hover{text-decoration:none}
.div-logo{float:left;margin:10px 20px 10px 0;padding:20px;width:110px;height:60px}
.align-center{display:block;margin:0 auto}
.no-border{border:none}
.Column-left{width:270px}
.Column-left,.Column-left200{float:left;margin:10px 20px 10px 0}
.Column-left200{width:200px}
.Column-right{float:left;margin:10px 0;width:270px}
.Column-right340{float:left;margin:10px 0;width:340px}
.address td{padding-bottom:20px}
.address td img{margin-top:3px;margin-bottom:-3px}
#content .Column-right340 h2{margin-top:0}
.publish-date{font-style:italic;font-size:11px}
#news_slide{clear:both;margin:0;height:20pc;background-image:url(slide_desc.png);background-repeat:repeat-x}
#news_slide .active{background-image:url(bg_button_slide_active.png)}
#news_slide .right{left:234px}
#news ul{height:20pc}
#products_slide{clear:both;height:20pc;background-image:url(slide_desc.png);background-repeat:repeat-x}
#products_slide .active{background-image:url(bg_button_slide_active.png)}
#products_slide .right{left:234px}
#news_slide,#products_slide,.button a{color:#fff;text-decoration:none}
.onglet-revue{position:fixed;top:0}
.img_revue{float:left;margin:-10px 10px -10px -10px;width:10pc;height:90pt}
#revue-blue{margin-bottom:5px;padding:10px;height:75pt;background-color:#daeff9;font-size:11px}
#revue-blue H2{margin-top:0;color:#0092d4;font-weight:300;font-size:18px}
#revue-red{margin-bottom:5px;padding:10px;height:75pt;background-color:#f8e5e7;font-size:11px}
#revue-red H2{margin-top:0;color:#a52336;font-weight:300;font-size:18px}
#revue-green{margin-bottom:5px;padding:10px;height:75pt;background-color:#e8f4d8;font-size:11px}
#revue-green H2{margin-top:0;color:#5a7a3d;font-weight:300;font-size:18px}
#revue-brown{margin-bottom:5px;padding:10px;height:75pt;background-color:#f7e2c9;font-size:11px}
#revue-brown H2{margin-top:0;color:#bc731e;font-weight:300;font-size:18px}
.login{padding:1px 2px;width:150px}
.bt-login,.login{margin:2px 0;border:1px solid #777;background:0 0;color:#aaa;font-size:10px}
.bt-login{padding:0 2px;width:20px;background-image:url(bt-login.png);background-position:center;background-repeat:no-repeat}


@font-face{font-family:Oswald;font-style:normal;font-weight:300;src:url(Oswald-Light.woff) format('woff')}
@font-face{font-family:Oswald;font-style:normal;font-weight:400;src:url(Oswald-Regular.woff) format('woff')}
@font-face{font-family:Oswald;font-style:normal;font-weight:700;src:url(Oswald-Bold.woff) format('woff')}

/* 首页bannercss */
	.txMovie{position:relative;width:940px;height:320px;BACKGROUND: url(../images/banner_bg.png) no-repeat left top;  }
	.focus_pic{width:940px;height:320px;overflow:hidden;text-align:right}
	.focus_pic li{vertical-align:top}
	.focus_pic img{width:485px; height:320px;overflow:hidden;display:inline-block;vertical-align:top;padding-left:0px;padding-top:0px}
	
	.focus_text{position: absolute;width: 455px;height:310px;left:0px;top: -1px;overflow: hidden;}
	/*background-color:rgba(0, 0,0,.8);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC000000',endColorstr='#CC000000');*/
	:root .focus_text{-ms-filter:none;}
	.focus_text h2 a{font-size:18px;color:#ffffff;font-family:'microsoft yahei',simhei;font-weight:bold;display:block;width:410px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:42px; text-decoration:none}
	.focus_text h2 a:hover{color:#fff;text-decoration:underline}
	.focus_text ul{padding:20px 30px 0}
	.focus_text .sub_tit{padding-bottom:14px;padding-top:6px;color:#575757;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:400px;}
	.focus_text .c_txt4,.focus_text .c_txt4 a{color:#ffffff;line-height:28px;font-size:14px}
	.focus_text .c_txt4 a:hover{color:#ccc}
	.focus_text .c_txt4{width:400px;white-space:normal;overflow:hidden;text-indent:2em}
	.focus_info{height:172px;overflow:hidden;}
	
	/*.focus_text .mod_desc{width:260px;white-space:normal;overflow:hidden;text-indent:2em}*/
	.btn_play_big{ overflow: hidden;padding: 0 0 0 15px;cursor: pointer;background: url(images/bg_btn.png) no-repeat;margin-right: 5px;
	height:40px;line-height:40px;line-height:44px\9;+line-height:44px;_line-height:40px;padding-left:50px;font-size:14px;font-weight:bold;color:#FFF;background-position:0 -275px}
	.btn_play_big span{ float: left; height: 24px; padding: 0 15px 0 0;background: url(images/bg_btn.png) no-repeat; height:40px;background-position:right -320px}
	.btn_play_big:hover{color:#FFF}
	.focus_text .btn_play_big{position:absolute;bottom:13px;left:238px}
	
	/*以下为左右和圆点按钮切换效果*/
	.txMovie .hd { width:50%; position: absolute; bottom: 30px; text-align: center; font-size:0; z-index:1; }
	.txMovie .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display:inline-block; *display:inline; zoom:1; _background: url(../images/dot8.png) no-repeat 0 -16px;}
	.txMovie .hd .on{ background-position:0 0; }
	.txMovie .prev,
	.txMovie .next { width: 60px; height: 90px; margin: 75px 0 0; display:block; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
	.txMovie .prev { left: 16px; }
	.txMovie .next { background-position: 0 -90px; left: 378px; }
	.txMovie .prev:hover,
	.txMovie .next:hover { filter:alpha(opacity=70) !important;opacity:0.5 !important;  }


 .imgdiv{text-align:left;height:45px;width:100%;}
 .imgarea{position:relative;height:40px;width:40px;float: left;text-align:left;margin-right:3px;overflow:hidden}
.imgarea img{display:block; width:40px;height:30px;float:left;}
.filebtn{position: absolute;z-index: 12; filter: alpha(opacity:0); opacity: 0;width:40px;height:40px}
.picbtn {margin:0 auto;text-align:center;height: 40px; width: 40px;}

/*上传照片按钮*/
.upimg1 {
    width:40px;height:30px;
	background-color:#d7411e;
	padding:2px 2px;
	font-size:13px;
	text-decoration:none;
	border:0px solid #cd181f;
	-webkit-box-shadow: 0 1px 0 #cd181f inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 0 #cd181f inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 0 #cd181f inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	display:block;
	text-align:center;
	text-shadow:0 1px rgba(0, 0, 0, 0.2);
}
.upimg1:active {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	top:0px;
	-webkit-box-shadow: 0 1px 0 #750503 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 0 #750503 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 0 #750503 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
}

/*悬浮*/
.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
/*.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}*/
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}