/* css reset */
body, html {min-height:101%; background:#f5f5f5; }
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
body{color:#333; font:12px/1.5  'Microsoft YaHei', SimSun, Sans-serif; ; background-color:#fff;}
body,div,p{word-wrap:break-word;word-break:break-all;word-break:normal;}
select,input,label,button,button img{vertical-align:middle}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,var,i{font-style:normal;}
ol,ul {list-style:none;}
input,textarea,select{outline:none; color:#666;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{ cursor:pointer; outline:none; color:#333; text-decoration:none;}
a:hover{ color:#c80005 !important;; quotes:none;  text-decoration:underline;}
a.underline{ text-decoration:underline!important;}

/* layout */
.w1000{ width:1000px; margin-left:auto; margin-right:auto}
.w1100{ width:1100px; margin:0 auto;}


/* �������� */
.clr {display: block; overflow: hidden; clear: both; height: 0; line-height: 0; font-size: 0;}
.clearfix{ *zoom:1;}.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fl{float:left;}.fr{float:right;}.fn{float: none;}
.al{text-align: left;}.ac{text-align: center;}.ar{text-align: right;}
.vam{ vertical-align:middle;}.vat{ vertical-align:top;}.vab{ vertical-align:bottom;}
.pr{ position:relative;*zoom:1;}.pa{ position:absolute;}.indent{ text-indent:2em;}
.hide{display:none;}.block{ display:block!important;}
.bdrb{ border-bottom:none!important;}.bdrl{ border-left:none!important;}.bdrr{ border-right:none!important;}.bdrt{ border-top:none!important;}.bdrn{ border:none!important;}.bgnone{background:none!important;}
.aa img{ overflow:hidden; display:block;}
.wordWrap{word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none;}

/* interval margin & padding */
.mt5{ margin-top:5px;}.mb5{ margin-bottom:5px;}.ml5{ margin-left:5px;}.mr5{ margin-right:5px;}
.mt10{ margin-top:10px;}.mb10{ margin-bottom:10px;}.ml10{ margin-left:10px;}.mr10{ margin-right:10px;}
.mt15{ margin-top:15px;}.mb15{ margin-bottom:15px;}.ml15{ margin-left:15px;}.mr15{ margin-right:15px;}
.mt20{ margin-top:20px;}.mb20{ margin-bottom:20px;}.ml20{ margin-left:20px;}.mr20{ margin-right:20px;}
.mb30{ margin-bottom:30px;}
.pt5{ padding-top:5px;}.pb5{ padding-bottom:5px;}.pl5{ padding-left:5px;}.pr5{ padding-right:5px;}
.pt10{ padding-top:10px;}.pb10{ padding-bottom:10px;}.pl10{ padding-left:10px;}.pr10{ padding-right:10px;}.p10{ padding:10px;}
.pt20{ padding-top:20px;}.pb20{ padding-bottom:20px;}.pl20{ padding-left:20px;}.pr20{ padding-right:20px;}.p20{ padding:20px;}

/* font */
.bold{font-weight:700;}
.ft12{font-size: 12px;}.ft14{ font-size: 14px;}.ft16{ font-size: 16px;}.ft18{font-size:18px;}.ft20{font-size:20px;}.ft24{ font-size:24px;}
.clr3{color:#333333;}.clr3a a{color:#333333;}
.clr6{color:#666666;}.clr6a a{color:#666666;}
a.clr3:hover,a.clr6:hover,.clr3a a:hover,.clr6a a:hover{ color:#f60;}
.gray{color:#999999;}.green{color:#7CAF00;}.red{color:#e93100;}.orange{color:#ff6600;}.blue{ color:#0066cc;} .bluea a{ color:#0066cc;} .grayd{ background:#ddd;}
.ofh{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;word-wrap:normal;}.ofw{overflow:hidden;}

/* header */
#header{ background:url(../images/top_bg.jpg) right bottom no-repeat; height:115px; overflow:hidden}
.logo{ margin-top:28px; display:block; width:245px; height:38px;}
.top_fr{ float:right; width:750px;margin-top:30px;}
.toptop{}
.search{height:22px; line-height:22px; position:relative; float:right; width:172px; }
.search .ipt{ background:#bababa; width:140px; height:22px; line-height:22px;  border:0; padding:0 5px;}
.search .btn{ background: url(../images/search.jpg) center center no-repeat #bababa; width:22px; height:22px; line-height:22px; position:absolute; right:0; text-indent:-999px; border:0; cursor:pointer}
.lauguge{line-height:22px; height:22px; padding-left:30px;background:url(../images/lan.jpg) left 4px no-repeat; float: right; margin-right:20px}
.lauguge a{  padding-left:5px;  }

/* menu */
#menu{ width:660px; margin-top:20px;}
#menu ul{ color:#d8d8d8;}
#menu ul li{ float:left;}
#menu ul a{ font-size:14px; padding-left:25px; padding-right:25px;}
#menu ul li a:hover,#menu ul li a.cur{ color:#d10606;}

/* nav */
#nav{ width:1000px;  height:44px; line-height:44px; font-size:14px; overflow:hidden; margin:0 auto;}
#nav ul{ width:990px; height:44px; margin:0 auto;background:url(../images/nav.png) repeat-x ; background-position:0 -88px; float: left}
#nav span.bgl{ width:5px; height:44px; float:left;background:url(../images/nav.png) repeat-x 0 -44px;}
#nav span.bgr{ width:5px;height:44px;  float:right;background:url(../images/nav.png) repeat-x 0 0;}
#nav ul li{ float:left;}
#nav ul li a{ display:block; color:#fff; text-align:center; width:100px;height:44px; margin:0 18px;}
#nav ul li a:hover,#nav ul li a.cur{ display:block; background:url(../images/nav_hover.png) no-repeat center center;color:#c80005!important; text-decoration:none; }

/* banner */
/* banner */
.bannerwarp{ margin-left: auto; margin-right:auto;position: relative; }
#full-screen-slider { width:100%; height:380px; float:left; position:relative}
#slides { display:block; width:100%; height:380px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:345px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:8px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#03357d;}

/* 首页内容框架 */
.in_l{ width:270px;}
.in_m{ width:460px; margin:0 10px;}
.in_r{ width:250px;}

.tit_ly{ font-size:14px; color:#333; font-weight:700; line-height:37px; height:37px;}
.tit_ly span { color:#023b95; margin-left:10px;}
.tit_in{ background:url(../images/tt_bg.jpg) repeat-x; height:37px; position:relative}
.tit_in .tl{ position:absolute; left:0; background:url(../images/tt_lf.jpg); height:37px; width:5px;}
.tit_in .tr{ position:absolute; right:0; background:url(../images/tt_lr.jpg); height:37px; width:5px;}
.tit_in .txt{ position:absolute; left:30px; width:93px; height:29px; line-height:29px; display:block; text-align:center; font-size:14px; color:#023b95; bottom:0; background:url(../images/in_tt.jpg) no-repeat 0 0; font-weight:700}
.in_nr{ border:1px solid #dddddd; border-top:none; border-radius: 0em 0em 5px 5px; padding:10px;}

/* 关于我们首页 */
.about{ line-height:24px; color:#444;}
.about img{ border:1px solid #ddd; padding:1px; float:right; margin-left:8px;}
.about p{ text-indent:2.2em; margin:0.35em 0;}
.about a{ color:#d10606}

.design{}
.design p{ line-height:23px; color:#444;}
.design a{ color:#d10606}

.show{border:1px solid #ddd;border-radius:5px; padding:10px; }

#foot{ border-top:1px solid #ddd; line-height:30px; height:30px; margin-top:20px;}
#foot b{ color:#c92f34; font-weight:normal}

.topbanner1{ background:url(../images/top_banner1.jpg) no-repeat center center; height:250px; overflow:hidden;}
.topbanner2{ background:url(../images/top_banner2.jpg) no-repeat center center; height:250px; overflow:hidden;}
.topbanner3{ background:url(../images/top_banner3.jpg) no-repeat center center; height:250px; overflow:hidden;}
.topbanner4{ background:url(../images/top_banner4.jpg) no-repeat center center; height:250px; overflow:hidden;}
.topbanner5{ background:url(../images/top_banner5.jpg) no-repeat center center; height:250px; overflow:hidden;}


.sidebar{ width:205px; margin-top:-76px; float:left; z-index:99;}
.sb_nav{ }
.sb_nav .tit{ background:url(../images/sub_nav_tt.png) no-repeat 0 0; width:205px; height:76px; color:#fff;}
.sb_nav .tit span{font-size: 23px; font-family:'Microsoft YaHei'; display:block; font-weight:700; line-height:76px; padding-left:20px;}
.sb_nav ul{ border:1px solid #ddd; border-radius:0 0 3px 3px; border-top:none;}
.sb_nav ul li{}
.sb_nav ul li a{ display:block; border-top:1px solid #ddd; width:203px; height:33px; line-height:33px; text-indent:30px; font-weight:700; font-size:14px}
.sb_nav ul li a:hover,.sb_nav ul li a.cur{ background:url(../images/sub_nav_hover.png) no-repeat 0 0; color:#c92f34 }

.sb_contact{  line-height:2; }
.sb_contact h1{ border-bottom:1px solid #ddd; font-size:14px; text-indent:20px; font-weight:700; color:#fff; background:#023b95; height:30px; line-height:30px;border-radius: 3px 3px 0 0;}
.sb_contact .txt{ padding:10px;border:1px solid #ddd; border-top:0;border-radius:0 0 3px 3px; background:url(../images/lxwm.jpg) no-repeat right 10px;}

.sb_box{ float:right; width:770px} 
.title{background: url(../site_bg.jpg) repeat-x left 50px;padding-top: 21px;height: 35px;line-height: 35px;position: relative; border-bottom:1px solid #ddd;}
.title span{color: #023b95;background: #fff;position: absolute;left: 0px;top: 23px;font-size: 18px;padding: 0px 3px; font-weight:700}
.position{color: #333;float: right;position: relative;right: 15px;}
.position i{ color:#c92f34; font-size:12px}

.content{ line-height:1.8;font-size:14px; overflow:hidden; padding:15px 0;}
.content p{ margin:0.8em 0;}.content .p{ text-indent:2.2em}
.content img {max-width:1100px; max-height:1100px; 
 scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 770 ? "770px" : "auto"):(this.style.height = this.offsetHeight >= 1100 ? "1100px" : "auto")); display:inline !important;  margin:0 auto; text-align:center;border-radius:5px;}
 
.pro{}
.pro ul{ padding:15px 0;}
.pro ul li{ float:left;  width:; margin:10px 12px;}
.pro ul li a{ display:block;width:230px; overflow:hidden;border:1px solid #ddd;border-radius:5px;}
.pro ul li img{ width:230px; height:170px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.pro ul li a span{ background:#ddd; text-align:center; font-size:12px; color:#666; height:30px; line-height:30px; display:block;}
.pro ul li a:hover{ border:1px solid #023b95; color:#fff;!important; text-decoration:none}
.pro ul li a:hover span{ background:#023b95; color:#fff!important; text-decoration:none	}
.pro li a:hover img{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}

.met_box{}
.met_box h1{font-size:24px;padding:20px 5px;border-bottom:1px solid #ddd}
.met_box ul li{list-style:none;color:#818181;padding:8px 5px 8px 90px;border-bottom:1px solid #ddd;position:relative}
.met_box ul li span{position:absolute;left:0;top:0;padding:8px 5px;width:80px;word-wrap:break-word}

.contact{ line-height:2; font-size:14px; width:300px;}
.contact strong{ line-height:2; font-size:16px; color:#333}
.con_msg{ width:350px; float:right; overflow:hidden}
.con_msg h1{ font-size:16px; line-height:2;}
.con_msg input,.con_msg textarea{ width: 90%; border: 1px solid #ccc; background: #fff; padding: 6px; border-radius: 4px; overflow: hidden; color: #464646; }
.con_msg th{ font-size:14px; text-align: left; font-weight:normal;}
.con_msg th,.con_msg td{ padding:5px;} 
.con_msg textarea{ height:100px;}
.con_msg  .btn { border-radius: 3px; overflow: hidden; width: 80px; height: 28px; line-height: 28px; text-align: center; padding: 0; margin-bottom: 10px; border: 0px none; font-size: 14px; text-transform: capitalize; color: #fff; background: #414141; cursor:pointer}
.con_msg .first-child { margin-right: 13px; background: #023b95; cursor:pointer }



.pro_more{}
.pro_more h1{margin-top: 30px;font-size: 18px;font-weight: normal;border-bottom: 1px solid #ddd;padding: 10px 0;color: #333;}

/* box */
.pro_box{width:400px; margin:0 20px 0 0;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s350, .tb-s350 a{height:300px;width:400px;}
.tb-s350, .tb-s350 img{max-height:300px;max-width:400px; overflow:hidden}
.tb-s350 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:40px;width:40px; overflow:hidden;}
.tb-s40 img{max-width:40px; max-height:40px;scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 40 ? "40px" : "auto"):(this.style.height = this.offsetHeight >= 40 ? "40px" : "auto")); display:inline !important;margin:0 auto; text-align:center;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1; background:#fff;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:40px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.pro_tt{ background:url(../images/pro_c_bg.jpg) 0px 0 no-repeat; height:33px; line-height:33px; font-size:14px; color:#fff; text-indent:20px;}
.detail_tit{ font-size: 14px;font-weight: normal;border-bottom: 1px solid #ddd;padding: 10px 0px;color: #333; margin-top:20px;}


.msg{}
.msg  td{ padding:10px 10px;}
.msg  th{ text-align:right;}
.msg .msipt{ padding:10px 5px; border:1px solid #ddd; width:200px;}
.msg .msipt:hover,.msg .msipt:focus{ border:1px solid #ff9d02;}
.msg textarea{ padding:7px 5px; border:1px solid #ddd; width:400px; height:195px;}
.msg textarea:hover,.msg textarea:focus{ border:1px solid #5f5f5f;}
.msg .msgbtn{ background:#616161; text-align:center; color:#fff; font-size:16px; font-weight:700; border:0; height:40px; line-height:40px; width:100%; cursor:pointer}
.msg .msgbtn:hover{ background:#cb0008;}

.FocusPic{zoom:1;position:relative; overflow:hidden; width:248px;}
.FocusPic .content{overflow:hidden}
.FocusPic .changeDiv a{position:absolute;top:0px;left:0px;display:none;}
 .FocusPic .title{ display:none}
 .FocusPic .title a{display: none;padding-left:15px;color:#fff; font-size:14px;}
.FocusPic .change{bottom:4px;height:20px;right:3px;*right:5px;_right:4px;position:absolute;text-align:right;z-index:9999;}
.FocusPic .change i {background:#666;color:#FFF;cursor:pointer;font-family:Arial;font-size:12px;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:15px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
.FocusPic .change i.cur {background:#c0080d;}