@charset "utf-8";
*{ margin:0px auto; padding:0px;}
body{ color:#333; font:12px/1.5 'Microsoft yahei',arial;}
body,div,p{ word-wrap:break-word; word-break:break-all; word-break:normal;}
em,i,address,caption,cite,code,dfn,var{ font-style:normal;}
img,fieldset{ border:0;}
ol,ul,li{ list-style:none;}
input,textarea,select{ outline:none;}
textarea{ resize:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
a{ color:#333; text-decoration:none; cursor:pointer; outline:none;}
a:hover{ color:#0893ff; text-decoration:none; quotes:none;}


/* layout */
.indexlayout{ width:1260px;}
.colSub{ width:235px; overflow:hidden;}
.colMain{ width:735px; overflow:hidden;}
.colBox{ border:1px solid #ddd;}
.areaL{ width:200px; overflow:hidden;}
.areaR{ width:775px; overflow:hidden;}


/* public style */
.clearfix{ display:block; overflow:hidden; clear:both; height:0; line-height:0; font-size:0;}
.clearfix,.indexlayout,.colBox,.hd{ *zoom:1;}.clearfix:after,.indexlayout:after,.colBox:after,.hd: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;}.pa{ position:absolute;}
.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;}


/* Set the width */
.w20{ width:20px;}.w30{ width:30px;}.w40{ width:40px;}.w50{ width:50px;}.w60{ width:60px;}.w70{ width:70px;}.w80{ width:80px;}.w90{ width:90px;}.w100{ width:100px;}.w120{ width:120px;}.w140{ width:140px;}.w150{ width:150px;}.w160{ width:160px;}.w170{ width:170px;}.w180{ width:180px;}.w200{ width:200px;}.w220{ width:220px;}.w230{ width:230px;}.w240{ width:240px;}.w250{ width:250px;}.w260{ width:260px;}.w270{ width:270px;}.w280{ width:280px;}.w290{ width:290px;}.w300{ width:300px;}.w330{ width:330px;}
.wb10{ width:10%;}.wb20{ width:20%;}.wb30{ width:30%;}.wb40{ width:40%;}.wb50{ width:50%;}.wb60{ width:60%;}.wb70{ width:70%;}.wb80{ width:80%;}.wb90{ width:90%;}.wb98{ width:98%;}


/* interval margin & padding */
.mt5{ margin-top:5px;}.mt10{ margin-top:10px;}.mt15{ margin-top:15px;}.mt20{ margin-top:20px;}
.mb5{ margin-bottom:5px;}.mb10{ margin-bottom:10px;}.mb20{ margin-bottom:20px;}
.ml5{ margin-left:5px;}.ml10{ margin-left:10px;}.ml20{ margin-left:20px;}
.mr5{ margin-right:5px;}.mr10{ margin-right:10px;}.mr20{ margin-right:20px;}
.pt5{ padding-top:5px;}.pt10{ padding-top:10px;}.pt20{ padding-top:20px;}.pt25{ padding-top:25px;}
.pb5{ padding-bottom:5px;}.pb10{ padding-bottom:10px;}.pb20{ padding-bottom:20px;}.pb25{ padding-bottom:25px;}.pb35{ padding-bottom:35px;}
.pl5{ padding-left:5px;}.pl10{ padding-left:10px;}.pl20{ padding-left:20px;}.pl25{ padding-left:25px;}
.pr5{ padding-right:5px;}.pr10{ padding-right:10px;}.pr20{ padding-right:20px;}.pr25{ padding-right:25px;}
.p10{ padding:10px;}.p20{ padding:20px;}


/* font */
.bold{ font-weight:bold;}
.ft12{ font-size:12px;}.ft14{ font-size:14px;}.ft16{ font-size:16px;}.ft18{ font-size:18px;}.ft24{ font-size:24px;}
.clr3{ color:#333333;}.clr6{color:#666666;}
.gray{ color:#999999;}.green{ color:#7CAF00;}.red{ color:#e93100;}.orange{ color:#ff6600;}.blue{ color:#3b4a82;}


/* button */
.bnt01{ height:25px; padding:3px 10px; font-size:12px; color:#fff; background:#d32c47; border-right:1px solid #6a6a6a; border-bottom:1px solid #6a6a6a; cursor:pointer;}
.bnt02{ height:25px; padding:3px 10px; font-size:12px; color:#fff; background:#999999; border-right:1px solid #6a6a6a; border-bottom:1px solid #6a6a6a; cursor:pointer;}


/* top、head */
.indexheader{ width:100%; height:120px; overflow:hidden;}
.indexheader .logo{}
.indexheader .hotTel{ margin:37px 30px 0px 0px;}
.indexheader .hotTel dd{ float:left; margin:0px 0px 0px 10px;}
.indexheader .hotTel dd.ico{ margin:7px 0px 0px 0px;}
.indexheader .hotTel dd .tit{ font:14px 'Microsoft yahei';}
.indexheader .hotTel dd .tel{ font:24px 'Microsoft yahei'; color:#0254a6;}


/* 导航栏 */
.indexnav{ height:55px; background:#3778d4;}
.indexnav ul{ float:left; overflow:hidden;}
.indexnav ul li{ width:125px; height:55px; float:left; text-align:center;}
.indexnav ul li a{ padding:15px 15px; font:16px/55px "Microsoft yahei"; color:#FFF;}
.indexnav ul li.cur{ background:#1357b7;}
.indexnav ul li:hover{ background:#1357b7;}


/* login */
.indexlogin{ width:20%; float:right; margin:0px 20px 0px 0px; text-align:right; font:16px/55px "Microsoft yahei"; color:#FFF;}
.indexlogin a{ padding:10px 10px; color:#FFF;}
.indexlogin a:hover{ color:#da251d;}
.loginForm{ width:260px; height:370px; padding:25px 40px 10px 40px; background:url(../images/logbg.png); position:absolute; top:90px; right:14%; z-index:999;}
.loginForm .hd{ text-align:center; font:22px "Microsoft yahei"; color:#FFF; letter-spacing:10px;}
.loginForm ul li{ padding:3px 0px 3px 10px; margin:20px 0px; line-height:34px; border:1px solid #FFF;}
.loginForm ul li label{ display:inline-block; position:relative;}
.loginForm ul li label span{ font-size:14px; color:#FFF; position:absolute; left:15px; cursor:text;}
.loginForm ul li label input{ height:34px; padding:0px 10px !important; font-size:14px; color:#FFF; border:none; background:none;}
.loginForm dl{ padding:3px 0px 3px 0px; margin:20px 0px; line-height:34px;}
.loginForm dl label{ width:60%; display:inline-block; position:relative; border:1px solid #FFF;}
.loginForm dl label span{ font-size:14px; color:#FFF; position:absolute; left:15px; cursor:text;}
.loginForm dl label input{ height:34px; padding:0px 10px !important; font-size:14px; color:#FFF; border:none; background:none;}
.loginForm dl a{ display:inline-block; padding:0px 12px; margin:0px 0px 0px 3px; font:14px/36px "Microsoft yahei"; color:#FFF; background:#00a0e9;}
.loginForm p a{ font:14px "Microsoft yahei"; color:#FFF;}
.loginForm p a:hover{ color:#da251d;}
.loginForm button{ width:100%; padding:8px 0px 10px 0px; margin:17px 0px 20px 0px; font:16px "Microsoft yahei"; color:#FFF; letter-spacing:10px; background:#e09b08; border:none; cursor:pointer;}


/* 首页banner图 */
.banner{ min-width:1000px; height:620px; position:relative; margin:0 auto; overflow:hidden; z-index:;}
.banner_pre_next{ display:none; position:relative; top:37%; z-index:101;}
.banner_pre_next .banner_btn_left{ position:absolute; left:1%; color:#fff; font:bold 80px/normal simsun;}
.banner_pre_next .banner_btn_right{ position:absolute; right:1%; color:#fff; font:bold 80px/normal simsun;}
.banner_pre_next .banner_btn_right:hover,.banner_pre_next .banner_btn_left:hover{ color:#C00;}
.banner_item{ width:100%; text-align:center; position:absolute; bottom:15px; z-index:100;}
.banner_item a{ display:inline-block; width:16px; height:16px; margin:0px 4px; background:#FFF; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.banner_item a:hover,.banner_item a.hover{ background:#eba207;}
.banner_show{ width:100%; height:620px; text-align:center; overflow:hidden; position:relative; }
.banner_show img{ min-width:1000px; height:620px;}
.bannger_inbox{ width:100%; height:620px; text-align:center; overflow:hidden; position:absolute; left:0; top:0;}


/* 首页样式 START */
.news{ padding:25px 0px 30px 0px;}
.news .hd{ border-bottom:1px solid #dbd8d8; position:relative;}
.news .hd h3{ padding:50px 0px; font:bold 32px "Microsoft yahei"; color:#2f2c2c; text-align:center;}
.news .hd dl{ width:100%; height:36px; text-align:center; position:absolute; bottom:-18px;}
.news .hd dl a{ display:inline-block; width:150px; height:34px; margin:0px 7px; font:16px/34px "Microsoft yahei"; text-align:center; letter-spacing:1px; background:#FFF; border:1px solid #e3e3e3; border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px;}
.news .hd dl a.active{ color:#FFF; background:#1357b7; border:1px solid #1357b7;}
.newsBox{ padding:70px 0px 30px 0px;}
.newsBox .wrap{ overflow:hidden;}
.newsBox .wrap .left{ width:493px; float:left;}
.newsBox .wrap .left img{ max-width:593px; max-height:258px;}
.newsBox .wrap .left dl{ height:40px; padding:7px 0px 7px 0px; overflow:hidden;}
.newsBox .wrap .left dl h3{ width:80%; float:left; font:18px/40px "Microsoft yahei";}
.newsBox .wrap .left dl span{ float:right; font:16px/40px "Microsoft yahei"; color:#747474;}
.newsBox .wrap .left p{ font:16px/28px "Microsoft yahei"; color:#747474;}
.newsBox .wrap .right{ width:610px; float:right;}
.newsBox .wrap .right ul li{ width:100%; height:71px; overflow:hidden; margin:0px 0px 25px 0px;}
.newsBox .wrap .right ul li dd{ width:78px; height:65px; float:left; font:bold 45px/65px "Microsoft yahei"; color:#d8d7d7; text-align:center; border:3px solid #d8d7d7;}
.newsBox .wrap .right ul li dl{ width:510px; float:right;}
.newsBox .wrap .right ul li dl h3{ padding:0px 0px 7px 0px; font:bold 16px "Microsoft yahei";}
.newsBox .wrap .right ul li dl p{ font:16px "Microsoft yahei"; color:#a2a1a0;}

/* .pxtype{ height:603px; background:url(../images/bg_pxtype.jpg) center no-repeat;}
.pxtype .hd{ padding:50px 0px 20px 0px; color:#FFF; text-align:center;}
.pxtype .hd h3{ font:bold 32px "Microsoft yahei";}
.pxtype .hd p{ font:18px/40px "Microsoft yahei";}
.pxtypeBox{ padding:30px 0px 0px 0px; overflow:hidden;}
.pxtypeBox .items{ width:380px; float:left; margin:0px 40px 0px 0px; position:relative;}
.pxtypeBox .items:last-child{ margin:0px;}
.pxtypeBox .items dl{ height:334px;}
.pxtypeBox .items dl img{ width:380px; height:288px;}
.pxtypeBox .items dl p{ height:46px; padding:0px 10px; overflow:hidden; font:bold 16px/46px "Microsoft yahei"; color:#FFF; text-align:center; background:#eba207;}
.pxtypeBox .items ul{ display:none; height:304px; padding:30px 90px 0px 90px; background:#1941a0;}
.pxtypeBox .items ul{ display:none; height:334px; width: 380px; background:#1941a0;}
.pxtypeBox .items ul dt{ width:213px; height:46px; overflow:hidden; margin:0px 0px 10px 0px; font:22px/46px "Microsoft yahei"; color:#FFF; text-overflow:ellipsis; white-space:nowrap;}
.pxtypeBox .items ul dt img{ margin:0px 10px 0px 0px;}
.pxtypeBox .items ul li{ max-width:100%; height:36px; overflow:hidden; margin:0px 15px; color:#FFF; border-bottom:1px dashed #839ccf; text-overflow:ellipsis; white-space:nowrap;}
.pxtypeBox .items ul li a{ padding:0px 0px 0px 15px; font:14px/36px "Microsoft yahei"; color:#FFF; background:url(../images/ico_li.png) left center no-repeat;}
.pxtypeBox .items ul p{ width:173px; height:37px; margin-top:30px; text-align:; background:url(../images/more_pxtype.png) center no-repeat;}
.pxtypeBox .items ul p a{ display:block; padding:0px 0px 0px 50px; font:14px/36px "Microsoft yahei"; color:#FFF;}
.pxtypeBox .items:hover ul{ display:block; position:absolute; top:0px; left:0px; z-index:99;}

.pxliuch{ height:580px; background:url(../images/bg_pxliuch.jpg) bottom center no-repeat;}
.pxliuch .hd{ padding:50px 0px 20px 0px; text-align:center;}
.pxliuch .hd h3{ font:bold 32px "Microsoft yahei";}
.pxliuch .hd p{ font:18px/40px "Microsoft yahei";}
.pxliuchBox{ padding:110px 0px 0px 0px;}
.pxliuchBox ul{ width:1140px;}
.pxliuchBox ul li{ width:121px; float:left;}
.pxliuchBox ul li dt{ padding:0px 0px 7px 0px; font:bold 20px/30px "Microsoft yahei"; color:#FFF; text-align:center;}
.pxliuchBox ul li p{ font:14px "Microsoft yahei"; color:#FFF;} */
.pxtype{ height:603px; background:url(../images/bg_pxtype.jpg) center no-repeat;}
.pxtype .hd{ padding:50px 0px 20px 0px; color:#FFF; text-align:center;}
.pxtype .hd h3{ font:bold 32px "Microsoft yahei";}
.pxtype .hd p{ font:18px/40px "Microsoft yahei";}
.pxtypeBox{ padding:30px 0px 0px 0px; overflow:hidden;}
.pxtypeBox .items{ width:393px; float:left; margin:0px 40px 0px 0px; position:relative;}
.pxtypeBox .items:last-child{ margin:0px;}
.pxtypeBox .items dl{ height:334px;}
.pxtypeBox .items dl img{ width:393px; height:288px;}
.pxtypeBox .items dl p{ height:46px; padding:0px 10px; overflow:hidden; font:bold 16px/46px "Microsoft yahei"; color:#FFF; text-align:center; background:#eba207;}
.pxtypeBox .items ul{display:none;  height:304px; padding:30px 0px 0px 0px; background:#1941a0;}
.pxtypeBox .items ul dt{ width:213px; height:46px; overflow:hidden; margin:0px 0px 10px 0px; font:22px/46px "Microsoft yahei"; color:#FFF; text-overflow:ellipsis; white-space:nowrap;}
.pxtypeBox .items ul dt img{ margin:0px 10px 0px 0px;}
.pxtypeBox .items ul li{ max-width:100%; height:36px; overflow:hidden; margin:0px 15px; color:#FFF; border-bottom:1px dashed #839ccf; text-overflow:ellipsis; white-space:nowrap;}
.pxtypeBox .items ul li a{ padding:0px 0px 0px 15px; font:14px/36px "Microsoft yahei"; color:#FFF; background:url(../images/ico_li.png) left center no-repeat;}
.pxtypeBox .items ul p{ width:173px; height:37px; margin-top:30px; text-align:; background:url(../images/more_pxtype.png) center no-repeat;}
.pxtypeBox .items ul p a{ display:block; padding:0px 0px 0px 50px; font:14px/36px "Microsoft yahei"; color:#FFF;}


.pxliuch{ height:530px;}
.pxliuch .hd{ padding:50px 0px 20px 0px; text-align:center;}
.pxliuch .hd h3{ font:bold 32px "Microsoft yahei";}
.pxliuch .hd p{ font:18px/40px "Microsoft yahei";}
.pxliuchBox{ height:211px; padding:60px 0px 0px 0px; background:url(../images/bg_pxliuch.jpg) bottom center no-repeat; position:relative;}
.pxliuchBox ul{ width:1140px;}
.pxliuchBox ul li{ float:left; position:absolute;}
.pxliuchBox ul li dt{ padding:0px 0px 7px 0px; font:bold 20px/30px "Microsoft yahei"; color:#696666; text-align:center;}
.pxliuchBox ul li p{ font:14px "Microsoft yahei"; color:#FFF;}

.liyou{ height:457px; background:url(../images/liyou.jpg) center no-repeat;}
/* 首页样式 END */


/* 网站底部 START */
.contact{ padding:20px 0px 20px 0px;}
.contact .hd{ padding:50px 0px 20px 0px; text-align:center;}
.contact .hd p{ font:18px/40px "Microsoft yahei";}
.contact .hd b{ margin:0px 0px 0px 15px; color:#1357b7;}
.contactBox{ padding:20px 0px 30px 0px;}
.contactBox ul{ width:1095px; height:120px; overflow:hidden; border:1px solid #f0f0f0;}
.contactBox ul li{ width:204px; height:60px; padding:30px 80px; float:left; overflow:hidden; border-right:1px solid #f0f0f0;}
.contactBox ul li dd{ float:left;}
.contactBox ul li dl{ float:left; padding:0px 0px 0px 10px; font-size:14px;}
.contactBox ul li:last-child{ border:none;}

.foot{ padding:30px 0px; overflow:hidden; background:#2e323e;}
.kefuTel{ padding:25px 0px; float:left;}
.kefuTel h2{ padding:0px 0px 10px 0px; font:bold 28px "Microsoft yahei"; color:#0893ff;}
.kefuTel p{ font:14px/28px "Microsoft yahei"; color:#FFF;}
.fnav{ float:left; margin:10px 0px 0px 80px; overflow:hidden;}
.fnav dl{ width:100px; margin:0px 15px; float:left; text-align:center;}
.fnav dl dt{ padding:0px 0px 10px 0px; font:18px "Microsoft yahei"; color:#FFF;}
.fnav dl li{}
.fnav dl li a{ font:14px/26px "Microsoft yahei"; color:#FFF;}
.fnav dl li a:hover{ color:#0893ff;}
.erweima{ width:138px; float:right; margin:0px 80px 0px 0px;}
.erweima img{ width:138px; height:138px;}
.erweima p{ font:14px/28px "Microsoft yahei"; color:#FFF; text-align:center;}

.bottom{ height:45px; background:#242424;}
/* 网站底部 END */






