@charset "utf-8";
/* CSS Document */

/* important css */
.w_center{width:1100px; margin:0 auto;}
.cursorp{cursor:pointer;}
.t_left {text-align:left !important}
.t_center {text-align:center !important}
.t_right {text-align:right !important}
.f_left {float:left !important}
.f_right {float:right !important}
.pdT1{padding-top:1px !important;}
.marT10{margin-top:10px !important;}
.marT20{margin-top:20px !important;}
.marT30{margin-top:30px;*padding:30px 0 0 0}
.marT50{margin-top:50px;*padding:50px 0 0 0}
.marL5{margin-left:5px !important;}
.marL20{margin-left:20px !important;}
.marL40{margin-left:40px !important;}
.marL50{margin-left:50px !important;}
.marL150{margin-left:150px !important;}
.center{ width:1000px; margin:0 auto;}
.dib{ display:inline-block; vertical-align:top;}
.t_cenimg {text-align:center !important}
.t_cenimg img{ display:inline-block;}


/*font_style*/
.gt_t15_bl{font-size:15px; color:#538fcf;}
.gt_t15_ba{font-size:15px; color:#333;}
.gt_t17_ba{font-size:17px; color:#333;}
.gt_t20_ba{font-size:20px; color:#333;}
.gt_t25_ba{font-size:25px; color:#333;}
.br_title{ font-size:20px; color:#825807; font-weight:400; margin-bottom:10px;}
.br_title span{ border-bottom:2px solid #825807; display:block; width:25px; padding-bottom:10px;}
.t_bold{font-weight:400;}
.t_bold2{font-weight:400;}
.t_bold3{font-weight:700;}



/*layout*/
#wrap{position:relative; width:100%; min-width:1100px; height:100%;}

#wrap_main{position:relative;width:100%;height:100%; background:url(/img/main_bg.jpg) center top no-repeat fixed;}
#wrap_sub{position:relative; width:100%; height:100%;}

.container{ width:1080px; margin:0 auto; position:relative;}

#sContainerTop{ height:323px; padding-top:98px;}
#sContainerTop .pTitle{ font-size:50px; color:#0d3a61; text-align:center; padding-top:50px;}
#sContainerTop .sTitle{ font-size:14px; color:#0d3a61; text-align:center; padding-top:5px; letter-spacing:10px; font-weight:500; text-transform:uppercase;}
.psTitle{ font-size:40px; color:#111111; text-align:center; padding-top:20px; font-weight:400; background:url(/img/st_mark.gif) center top no-repeat; margin:50px 0;}

#pMenu{ width:100%; height:55px; background:#15375d;}
#pMenu ul{ width:1080px; margin:0 auto;}
#pMenu ul:after{ content:""; display:block; clear:both;}
#pMenu ul li{float:left;}
#pMenu ul li a{ display:block; width:100%; border-right:1px solid #445f7d; text-align:center; color:#fff; line-height:55px; font-size:16px;}
#pMenu ul li:last-child a{ border-right:none;}
#pMenu ul.colm4 li{ width:25%;}
#pMenu ul.colm3 li{ width:33%;}
#pMenu ul.colm2 li{ width:50%;}

#pTmenu{ width:1080px; margin:0 auto; height:60px; background:url(/img/tmenu_bg.gif) repeat-x;}
#pTmenu ul{ padding:0 40px;}
#pTmenu ul:after{ content:""; display:block; clear:both;}
#pTmenu ul li{float:left;margin-left:-1px;}
#pTmenu ul li a{ display:block; width:100%; border:1px solid #15375d; text-align:center; color:#999999; line-height:60px; font-size:16px; box-sizing:border-box; background:#eeeeee; }
#pTmenu ul li a.ov{ color:#15375d; background:#ffffff; }
#pTmenu ul li a:hover{ color:#15375d; background:#ffffff; }
#pTmenu ul.colm6 li{ width:16.66%;}
#pTmenu ul.colm4 li{ width:25%;}
#pTmenu ul.colm3 li{ width:33%;}
#pTmenu ul.colm2 li{ width:50%;}

#productList ul:after{content:""; display:block; clear:both;}
#productList ul li{ width:340px; min-height:500px; margin-right:30px; float:left;}
#productList ul li:nth-child(3n+3){margin-right:0;}
#productList ul li a div{ width:340px; height:340px; border:1px solid #ccc; background:#ffffff; overflow:hidden; box-sizing:border-box;}
#productList ul li a h1{ text-align:center; font-size:18px; color:#111; font-weight:500; padding:20px 0 10px;background:url(/img/proline.gif) center bottom no-repeat;}
#productList ul li a p{ padding:10px 0; color:#777;}

#productView dl:after{content:""; display:block; clear:both;}
#productView dl dt{width:500px; height:500px; border:1px solid #ccc; background:#f2f2f2; overflow:hidden; box-sizing:border-box; float:left; margin-right:50px;}
#productView dl dd{ float:left; width:530px;}
#productView dl dd h1{ text-align:left; font-size:35px; color:#111; font-weight:500; padding:20px 0; background:url(/img/proline.gif) left bottom no-repeat;}
#productView dl dd p{ padding:20px 0; color:#777;}
.featitle{ font-size:20px; color:#333; border-bottom:1px solid #ccc; margin-top:50px; padding-bottom:5px; width:100%;}

.listView_btn{ display:block; width:200px; height:50px; line-height:50px; color:#888; font-size:18px; background:#f2f2f2; border:1px solid #ccc; text-align:center; margin:20px auto;}

#mainmidCon{ width:100%; background:url(/img/midcon_bg.gif) center top repeat-x; padding-top:53px;}
#mainmidCon div{ width:1080px; margin:0 auto;}
#mainmidCon div span:first-child{ display:inline-block; margin-right:40px;}

#mainmidCon2{ width:100%; background:#f2f2f2; padding-top:53px; padding:70px 0 30px 0;}
#mainmidCon2 div{ width:1080px; margin:0 auto;}
#mainmidCon2 div:after{content:""; display:block; clear:both;}
#mainmidCon2 h1{ font-size:26px; text-align:center; font-weight:600; color:#333;}
#mainmidCon2 div a{ display:block; float:left; margin-top:20px; margin-right:24px;}
#mainmidCon2 div a p{ text-align:center; padding:10px 0; font-size:17px; color:#111;}
#mainmidCon2 div a:last-child{ margin-right:0;}


#greetingCon h1{ font-size:45px; font-weight:600; color:#111; text-align:center;}
#greetingCon h2{ font-size:20px; font-weight:500; color:#111; text-align:center;}
#greetingCon .greWrap{ background:url(/img/greeting_img.jpg) center top no-repeat; margin-top:60px;}
#greetingCon .greWrap p{ width:1080px; margin:0 auto; padding:85px 0 0 545px;}
#greetingCon .greWrap p strong{ font-weight:400; color:#111;}

.location h1{ font-size:20px; color:#111; text-align:center; margin-bottom:30px; font-weight:500;}
.location p{ text-align:center;}
.location p span{ display:inline-block; margin:0 20px; line-height:27px; font-size:20px; color:#143f6f}
.location h2{ font-size:20px; color:#111; text-align:center; margin:60px 0 20px; font-weight:700; text-transform:uppercase; letter-spacing:10px;}

h1.psTit{ font-size:30px; color:#111; font-weight:500; margin-bottom:5px;}
h2.psTit{ font-size:20px; color:#111; font-weight:400; margin-bottom:5px;}
h2.psTit_bu{ font-size:20px; color:#115caa; font-weight:400; margin-bottom:5px;}
.imgBox{ border:1px solid #ccc; background:#f2f2f2; padding:20px 0; text-align-last:center; margin:10px 0;}
.conBox{ border:1px solid #ccc; background:#ffffff;  text-align:left; margin:50px 0 10px; padding:50px 30px 30px 30px; position:relative;}
.conBox h1{ position:absolute; text-align:center; height:50px; top:-20px; left:20px; background:#88b8ef; border:none; font-size:20px; color:#fff; padding:0 40px; line-height:50px; font-weight:300;}
.conBox .conInimg:after{content:""; display:block; clear:both;}
.conBox .conInimg img{ float:left; margin-right:40px;}
.conBox .conInimg .inTxt{ float:left;}

.dotCon{ margin-top:5px;}
.dotCon li{background:url(/img/cypoint.gif) left 7px no-repeat; color:#777; padding-left:15px; margin:5px 0;}

.linkBtn{ display:block; width:200px; color:#fff; height:40px; line-height:40px; text-indent:20px; background:url(/img/linkicon.gif) 95% 12px no-repeat #989898; border:1px solid #eee;  }

.inquireCon{ margin-top:30px;}
.inquireCon:after{content:""; display:block; clear:both;}
.inquireCon dl{ float:left; width:530px; border:1px solid #ccc; box-sizing:border-box; min-height:230px; text-align:center;}
.inquireCon dl:first-child{ margin-right:20px;}
.inquireCon dl dt{ margin:30px 0 10px;}
.inquireCon dl dd p{ font-size:32px; font-weight:600; color:#111;}
.inquireCon dl dd p span{ font-size:20px; color:#999; font-weight:500; display:block;}


#footer{ width:100%; border-top:1px solid #ccc; padding:30px 0;}
#footer p{ width:1080px; margin:0 auto;}