/* css reset */
body, html {min-height:100%; font-size:14px}
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;font-family: '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:#3399FF!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;min-width:1100px;}
.w1170{ width:1170px; 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;}.ofh{ overflow:hidden}
.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;}
.mb50{ margin-bottom:50px;}.mt50{ margin-top:50px;}
.mb25{ margin-bottom:35px;}.mt35{ margin-top:25px;}

.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;}
.tl{ text-align:left;}.tc{ text-align:center;}.tr{ text-align:right}

#top_header{ line-height:30px; height:30px; width:100%; background:#253138; color:#999999; font-size:12px}
#top_header a{ color:#999999;}

#header{ width:100%; overflow:hidden; background:#0065aa; height:124px;min-width:1100px;}
.header{ width:1100px; margin-left:auto; margin-right:auto;overflow:hidden; }
.logo{ display:block; float: left; margin-top:24px;}
.tel{ margin-top:37px; margin-left:220px;}
.lan{ background:url(../images/cn.png) no-repeat 0 0; height:12px; line-height:12px; padding-left:25px; text-align:right; display:block; margin-top:49px;}
.topright{font-size:12px; color:#333; width:680px;  line-height:2; float:right}
.search{  width:255px; float:right;}
.search .l{ height:36px; line-height:36px; background:url(../images/search_l.png) no-repeat 0 0; display:block; float:left; width:20px;}
.search .r{ height:36px; line-height:36px; background:url(../images/search_r.png) no-repeat 0 0; display:block; float: right; width:40px; border:0; text-indent:-9999px; cursor:pointer}
.search .m{ width:; float:left; width:195px; height:35px; line-height:35px; border:0;}
.top_right{ float:right;width:340px; margin-right:15px; margin-top:25px;height:36px; line-height:36px;} 
.top_right a{ display:block; padding:0 10px; width:auto; float:left; color:#fff;} 


/* µ¼º½ */
#menu{ width:100%;height:32px; line-height:32px; font-size:14px; overflow:hidden; margin-top:20px; float:right}
#menu ul{ margin:0 auto;}
#menu ul li{ float:left; margin:0 0px; }
#menu ul li a{ display:block; color:#fff; text-align:center; width:97px; height:32px; line-height:32px;}
#menu ul li a:hover,#menu ul li a.cur{ display:block; background:url(../images/nav_hover.png) no-repeat 0 0;color:#0065aa!important; text-decoration:none; }

/* banner */
.bannerwarp{ margin-left: auto; margin-right:auto;position: relative; }
#full-screen-slider { width:100%; height:380px; float:left; position:relative; min-width:1100px;}
#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;}

.pro_class{ overflow:hidden; min-width:1100px;}
.pro_class .tit{ background:url(../images/about_tt_bg.jpg) repeat-x center center; height:44px; line-height:44px;}
.pro_class .tit span{ background:url(../images/pro_in_tt.jpg) center center; text-align:center; height:44px; width:254px; display:block; margin:0 auto}
.pro_class ul{ width:1000px; margin:20px auto;}
.pro_class ul li{ float:left; margin: 0 20px;}


.about{ overflow:hidden}
.about img{ float:left;}
.about .txt{ float: right; font-size:14px; line-height:26px; margin-left:30px; width:795px;}
.about .txt h1{ background:url(../images/about_tt_bg.jpg) repeat-x; height:20px; line-height:20px; margin:10px 0 15px 0;}
.about .txt h1 span{ background:#fff; padding-right:20px; font-size:20px; font-weight:normal;}
.about .txt p{ margin:0; }
.about .txt a{ color:#0065aa; font-style:italic}

.about_photo{ background:#d2d2d2; float:right; width:829px; overflow:hidden; height:264px;}
.about_photo ul{ padding:0 13px;}
.about_photo ul li{ float:left; padding:25px 11px;}

.probg{ background:#0065aa; height:400px;}
.probig{ width:475px; float:left; position:relative;height:400px;}
.probig .bgwhite{ background:#fff; height:200px; width:475px; z-index:2;}
.probig img{ z-index:3; position:absolute; left:40px; top:5px;}
.probig .txt{ z-index:4; position:absolute; right:40px; bottom:45px; font-size:20px; color:#fff;}

.pro_in{ float:left; width:625px}
.pro_in ul{ padding:10px 8px}
.pro_in ul li{ float:left; width:187px; margin:10px 8px;}
.pro_in ul li a{text-decoration:none }
.pro_in ul li a img{ width:187px; height:140px;}
.pro_in ul li a span{ text-align:center; height:30px; line-height:30px; color:#333; background:#eaeaea; display:block; font-size:12px;}
.pro_in ul li a:hover span{ background:#ddd; color:#0065aa }

.partner{ height:88px;}
.partner span{ float:left; background:#0065aa; width:88px;text-align:center; vertical-align:middle; color:#fff; font-size:20px; padding:26px 0; margin-right:25px;}
.partner img{ margin-top:5px;}

#foot{ background:#2a363e;color:#5f7c90; padding:20px 0; min-width:1100px;}
#foot a{color:#5f7c90;}
.foot{ }
.foot .foot_logo{ width:237px; margin-top:10px;}
.foot .foot_logo span{ color:#5f7c90; font-size:14px; text-align:center; display:block;}
.foot_r{ width:1100px; margin:0 auto}
.foot_r .foot_link{ text-align:center; line-height:2; }
.foot_r .foot_link a{ padding:0 20px; font-size:14px }
.foot_r .foot_info{ padding-left:20px; margin:15px 0; text-align:center }
.foot_r .foot_info li{ float:left; margin:0 10px; font-size:12px; line-height:2;}

#foot_copy{ background:#26323a; height:30px; line-height:30px;color:#5f7c90; font-size:12px; text-align:center }
#foot_copy a{ color:#5f7c90; }


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

.toptitle{ background:#24292c; height:120px; color:#fff; overflow:hidden; z-index:99; margin-top:-35px; margin-bottom:20px;}
.toptitle a{ color:#fff;}
.toptitle .tl{ width:400px; float:left; margin-left:40px; margin-top:23px; font-size:12px }
.toptitle .tl h1{ font-size:30px; padding-left:5px; font-weight:normal;margin-bottom:10px;}
.toptitle .tl a{ padding:0 5px; font-size:12px; color:#ccc;}
.toptitle .menu{ color:#555555; margin-top:80px; float:right; text-align:right; margin-right:40px;}
.toptitle .menu a{ padding:0 5px; font-size:14px; padding:0 10px;}

.content{ line-height:1.8;font-size:14px; overflow:hidden; margin-bottom:20px;}
.content p{ margin:0.8em 0;}
.content img {max-width:1100px; max-height:1100px; 
 scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 1100 ? "1100px" : "auto"):(this.style.height = this.offsetHeight >= 1100 ? "1100px" : "auto")); display:inline !important;  margin:0 auto; text-align:center;border-radius:5px;}
 
.pro{}
.pro{overflow:hidden;}
.pro li{float:left;width:320px;position:relative;overflow:hidden;  margin:10px 23px;; }
.pro li img{border:1px solid #ddd; width:318px; height:238px;border-radius:5px;}
.pro li img:hover{ cursor:pointer;}
.pro li.m0{ margin-right:0px;}
.box{width:280px;height:160px;background: #0067ac;position:absolute;left:0;padding:40px 20px;line-height:18px;color:#ffffff;top:-240px;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;vertical-align:middle;border-radius:5px;}
.box h3{color:#fff; font-size:16px; line-height:2; width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;word-wrap:normal; text-align:center; margin-top:40px;}
.box p{ font-size:12px; line-height:24px; max-height:66px; overflow:hidden; }
.box a{display:block;margin-top:5px; color:#fff; text-align:center}
.box a:hover{ color:#fff!important;}
.pro p.casename{ font-size:14px; display:block; text-align:center; color:#666666; line-height:2;}

/* 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:400px;height:400px;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;}
.detail_tit{ font-size: 18px;font-weight: normal;border-bottom: 1px solid #ddd;padding: 10px 0px;color: #333; margin-top:20px;}

.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}

.pro_more{}
.pro_more h1{margin-top: 30px;font-size: 18px;font-weight: normal;border-bottom: 1px solid #ddd;padding: 10px 0;color: #333;}
.pro_fa_list{list-style:none; overflow:hidden}
.pro_fa_list li{float:left;text-align:center;margin-top:30px;overflow:hidden; width:25%}
.pro_fa_list li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0; width:222px;}
.pro_fa_list li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
.pro_fa_list li img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.pro_fa_list li a:hover h2{}
.pro_fa_list li a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}

.con_info{ width:400px; float:left; font-size:14px; line-height:2;}
.con_info h1{ font-size:16px; margin-bottom:15px;}

.con_msg{ width:600px; float:right; overflow:hidden}

#quotation {  margin-bottom: 1%; }
#quotation .text p { font-size: 16px; line-height: 1.25; }
#quotation li { margin-top: 10px; position: relative; width: 100%; color: #464646; float:left; }
#quotation li.half { width: 280px; margin-right:20px;}
#quotation li i { color: #ff0000; font-size: 16px; font-weight: bold; line-height: 1; }
#quotation li label { font-size: 16px; width: 100%; line-height: 1; display: block; padding-bottom: 3px; }
#quotation input + i { position: absolute; right: 0; top: 14px; margin-right: 10px; }
#quotation input, #quotation textarea { width: 95%; border: 1px solid #ccc; background: #fff; padding: 6px; border-radius: 4px; overflow: hidden; color: #464646; }
#quotation input { line-height: 22px; height: 24px; }
#quotation textarea { line-height: 20px; height: 92px; display: block; }
#quotation li img, #quotation input[name="code"] { display: inline-block; vertical-align: middle; }
#quotation input.btn { border-radius: 3px; overflow: hidden; width: 109px; height: 32px; line-height: 32px; text-align: center; padding: 0; margin-bottom: 10px; border: 0px none; font-size: 16px; text-transform: capitalize; color: #fff; background: #414141; cursor:pointer}
#quotation input.btn:first-child { margin-right: 13px; background: #016fbc; cursor:pointer }
#quotation.contactMeg { margin-bottom: 24px; }
@media screen and (max-width: 580px) { #quotation li { padding-right: 10px; }
  #quotation li.half { width: 100%; max-width: none; }
  #quotation input + i { margin-right: 0; } }
  #quotation h1{ font-size:16px}
  
  
#AboutPic { overflow:hidden;  width: 805px; margin-left:11px; } 
#AboutPic img { margin:25px 11px 0 11px;} 
#inAboutPic { float: left; width: 800%; 
} 
#AboutPic1 { float: left; 
} 
#AboutPic2 { float: left; }