@charset "utf-8";
/* CSS Document */
/*----------------------------- 
Name: css.css
Design:yoopong.com
Time: 2016-7
-----------------------------*/
html,body,p,th,td,input,select,textarea,button,div {padding:0; margin:0;font-family: "microsoft yahei",Tahoma, sans-serif ; font-size:13px; line-height:180%;}
html,body{background:#F6F6F6;}
body {_text-align:center;}
dl,ol,dt,dd,ul,li,form,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;list-style:none; }
input,select,textarea,button{vertical-align:middle;resize:none;}
.clear{clear:both;overflow:hidden; height:1px;}
.clearfix{overflow:hidden; height:1%;}
.hide {display:none;}
.fl {float:left;}
.fr {float:right;}
img{border:0; vertical-align:middle}
body,a,a:visited{font-size:13px;color:#000;text-decoration:none;}
.records{font-size:11px;}
a:hover{ text-decoration:underline;color:#333}

/*form label styles*/
.input{height:20px; line-height:20px; border:1px solid #d6d6d6;background:url(../img/bg-input.png) left top repeat-x #FFF; padding-left:3px;}
.button-l{height:22px; line-height:22px; width:62px;background:url(../img/btn-little.png) left 0 #FFF no-repeat; border:none; cursor:pointer}
.button-l-hover{ background-position: left -22px;}
.button-l-down{background-position: left -44px;}
.button124-24{ width:124px; height:26px; line-height:26px;background:url(../img/btn_mc_124_26.png) left 0 no-repeat;padding-left:3px; border:none; cursor:pointer}
.textarea{ border:1px solid #D6D6D6; padding:3px; overflow-y:hidden;background:url(../img/bg-textarea.png) left top repeat-x #FFF}
/*some public style*/
.invis{ display:none}
.cur{ cursor:pointer}
.tl{ text-align:left}
.center{ text-align:center}
table td.f3222C5{color:#3222C5}
.iGrays{color:#CCC}
.iNormal{color:#CCC}
#orderRecords{font-size: 8px; margin-left: 0px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#orderRecords{margin-left:-10px;-webkit-transform: scale(0.875);}
  }
  
/*container*/
.mbody{ width:950px; margin:auto; padding:0 15px; background:#FFF;}
/*header*/
.header{ position:relative; height:120px; padding:0 30px; background:#258aba; z-index:3 }
.header .logo { float:left; margin:25px 0px 0px 0px;}
.header .hright{ float:right; width:600px;}
.header .hright .alink{ line-height:30px; font-size:13px; color:#373C64; text-align:right; padding:5px 3px 0px 0px;}
.header .hright .alink span{ margin:0px 8px;}
.header .hright .alink a{ color:#373C64; font-size:13px;}
.header .hright .hotline{ padding:10px 3px 10px 0px; height:25px;}
.header .hright .hotline .sp_hot{ float:right; line-height:25px; height:25px;}
.header .hright .hotline .sp_hot i{ float:left; margin:3px 6px 0px 0px;}
.header .hright .hotline .sp_hot font{ font-size:20px; font-weight:bold; color:#F3AB19; float:left;}
.header .hright .menu{ height:40px;}
.header .hright .menu .ulnav{ height:40px; float:right;}
.header .hright .menu .ulnav li{ height:40px; line-height:35px; float:left; margin-left:15px; position:relative;}
.header .hright .menu .ulnav li a{ display:block; height:40px; line-height:35px; width:66px; text-align:center; font-size:14px; color:#FFFFFF;}
.header .hright .menu .ulnav li a:hover{ color:#FFFFFF; text-decoration:none;}
.header .hright .menu .ulnav li.hov{ background:url(../img/bg_a_hov.png) center bottom no-repeat;}
.header .hright .menu .ulnav li.hov a{ color:#FFFFFF;}

.header .hright .menu .ulnav li.act a{ color:#ffffff;}
.header .hright .menu .ulnav li.act .subnav{ display:block;}
.header .hright .menu .ulnav li .subnav{ display:none; width:100px; background:#FFFFFF; position:absolute; left:0px; top:39px; padding:5px 0px 8px 0px; z-index:999;}
.header .hright .menu .ulnav li .subnav li{ float:none; padding:0; width:100px; height:auto; margin:0 auto; border-bottom:1px dotted #e0e0e0; padding:2px 0px;}
.header .hright .menu .ulnav li .subnav li.last{ border:none;}
.header .hright .menu .ulnav li .subnav li a{ float:none; padding:0; font-size:14px; width:90px; height:22px; line-height:22px; display:block; background:none; color:#333333; text-align:center; text-indent:0px; margin:0px auto;}
.header .hright .menu .ulnav li .subnav li a:hover{ background-image:none; background-color:#FAAF19; color:#FFFFFF; text-decoration:none;}
.header .hright .menu .ulnav li .subnav .lione{ display:block; width:100px; height:11px; background:url(../img/bg_menu.png) center top no-repeat; position:absolute; top:-10px; left:0px; border:0px; padding:0px;}


.main{ margin-top:15px;}
.main .mleft{ float:left; width:230px; overflow:hidden;}
.main .mleft .login{ border:1px solid #eaeaea; height:245px; background-color:#F2F2F2; border-radius:5px;}
.main .mleft .login .tit{ height:30px; border-bottom:2px solid #258aba; width:200px; margin:8px auto 0px auto;}
.main .mleft .login .tit span{ display:block; line-height:30px; color:#FFFFFF; width:100px; text-align:center; background-color:#258aba; border-radius:5px 5px 0px 0px;}
.main .mleft .login .dinput{ text-align:center; height:30px; padding:12px 0px 0px 0px;}
.main .mleft .login .dinput input,.mbody .main .mright .sbox .definput,.mbody .main .mright .logbox .logtxt dl dd .definput{ border:1px solid #d5d5d5; width:200px; margin:0px auto; text-align:left; background:url(../img/bg_input.png) 0px 0px repeat-x #FFFFFF;}
.main .mleft .login .jizhu{ width:200px; margin:0px auto; height:30px; padding-top:5px;}
.main .mleft .login .jizhu .fr a{ color:#260ec4;}
.main .mleft .logbtn{ text-align:center; height:45px;}
.main .mleft .logbtn .logbtn{ display:block; margin:0px auto; width:102px; height:32px; background:url(../img/bg_btn.png) 0px 0px no-repeat; border:none;}
.main .mleft .logbtn .logbtn:hover{ background-position:0px -32px;}
.main .mleft .zhuce{ width:210px; margin:0px auto; border-top:1px dashed #d0d0d0; text-align:center; line-height:30px;}
.main .mleft .zhuce a{ color:#260ec4;}
.main .mleft .btnbox .btnceng{ padding:15px 0px 0px 0px;}
.main .mleft .btnbox .btnceng .xdbtn{ display:block; width:168px; height:40px; margin:0px auto; background:url(../img/bg_btn2.png) 0px 0px no-repeat; border:none;}
.main .mleft .btnbox .btnceng .xdbtn:hover{ background-position:0px -40px;}
.main .mleft .newsbox{ height:200px; padding-top:20px}
.main .mleft .newsbox .tit{ height:30px; line-height:30px; border-bottom:2px solid #258aba;}
.main .mleft .newsbox .tit span{ display:block; line-height:30px; height:30px; color:#333333; cursor:pointer; float:left; width:115px; text-align:center; background-color:;}
.main .mleft .newsbox .tit span.act{ line-height:30px; color:#FFFFFF; text-align:center; background-color:#258aba; border-radius:5px 5px 0px 0px;}
.main .mleft .newsbox .artbox{ height:160px; width:220px; margin:0px auto;}
.main .mleft .newsbox .artbox ul{ padding:10px 6px;}
.main .mleft .newsbox .artbox ul li{ height:30px; line-height:30px; overflow:hidden;}
#news_2{ display:none;}

.main .mright{ float:right; width:705px; overflow:hidden;}
#focus {width:705px;height:246px;overflow:hidden;position:relative;margin:0 auto 3px auto;}
#focus ul {height:246px;position:absolute;}
#focus ul li {float:left;width:705px;height:246px;overflow:hidden;position:relative;background:#000;}
#focus ul li div {position:absolute;overflow:hidden;}
/*#focus .btnBg {position:absolute;width:985px;height:20px;left:0;bottom:0;background:#000;}*/
#focus .btn {position:absolute;width:705px;	height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;}
#focus .btn span {display:inline-block;	_display:inline;_zoom:1;width:25px;	height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px;height:100px;position:absolute;top:90px;cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0;background-position:right top;}

.main .mright .rtit{ height:30px; margin:15px 0px 0px 0px;}
.main .mright .rtit h3{ display:block; float:left; padding-left:10px; line-height:30px; height:30px; color:#258aba; background:url(../img/bg_kuang.jpg) 0px center no-repeat;}
.main .mright .xmbox{ height:50px; overflow:hidden; padding:10px 0px;}
.main .mright .xmbox ul{ width:800px;}
.main .mright .xmbox ul li{ float:left; width:190px;}
.main .mright .xmbox ul li img{ float:left;}
.main .mright .xmbox ul li span{ float:left; line-height:22px; padding:3px 0px 0px 10px;}
.main .mright .xmbox ul li span font{ display:block; color:#999999;}
.main .mright .cfbox{ height:200px; overflow:hidden; padding-top:10px;}
.main .mright .cfbox ul{ width:750px;}
.main .mright .cfbox ul li{ float:left; width:241px;}
.main .mright .cfbox ul li img{ width:222px; height:157px;}
.main .mright .cfbox ul li .aimg{ display:block; width:222px; height:157px; overflow:hidden;}
.main .mright .cfbox ul li span{ display:block; width:222px; height:30px; text-align:center;}


.mbody .main .mright .rtit.tit2{ margin-top:0px; border-bottom:2px solid #258aba;}
.mbody .main .mright .rtit.tit2 h3{ font-size:16px;}
.mbody .main .mright h1{ display:block; margin:15px 10px; line-height:25px; font-size:20px; text-align:center;}
.mbody .main .mright .psign{ text-align:center; margin:0px 10px; border-bottom:1px solid #dddddd; margin-bottom:20px;}
.mbody .main .mright .infobox{ padding:0px 10px 15px 10px;}
.mbody .main .mright .infobox p{ margin-bottom:15px; line-height:23px; font-size:13px;}
.mbody .main .mright .infobox .ulnext{ width:100%; border-top:1px dashed #dddddd; padding-top:10px;}
.mbody .main .mright .infolist{ padding:15px 5px;}
.mbody .main .mright .infolist ul li{ height:35px; line-height:35px; overflow:hidden; border-bottom:1px dotted #dddddd; padding-left:15px; background:url(../img/bg_ico.jpg) 3px center no-repeat;}
.mbody .main .mright .infolist ul li span{ float:right; color:#999999;}
.mbody .main .mright .prolist{ width:100%; overflow:hidden;}
.mbody .main .mright .prolist ul{ width:800px; padding:20px 0px;}
.mbody .main .mright .prolist ul li{ width:250px; float:left; height:200px;}
.mbody .main .mright .prolist ul li span{ display:block; width:222px; text-align:center; line-height:25px;}
.mbody .main .mright .wtlist li{ font-size:12px;}
.mbody .main .mright .wtlist li h3{ display:block; border-bottom:2px solid #C7C5D2; line-height:30px; margin:10px 0px;}
.mbody .main .mright .wtlist li h3 a{ font-size:18px; font-weight:normal; color:#373C64;}
.mbody .main .mright .wtlist li p{ margin-bottom:15px; line-height:22px;}


.mbody .main .mleft .mlbox{ border:1px solid #eaeaea; background-color:#F2F2F2; border-radius:5px; padding:10px 4px;}
.mbody .main .mleft .mlbox.mt15{ margin-top:15px;}
.mbody .main .mleft .mlbox .btnbox{ width:220px; height:34px; line-height:32px; background:url(../img/bg_side_tit.png) 0px 0px no-repeat;}
.mbody .main .mleft .mlbox .btnbox span{ display:block; background:url(../img/bg_icon2.png) 8px 8px no-repeat; text-indent:40px;}
.mbody .main .mleft .mlbox .ltit{ height:30px; line-height:30px; background-color:#258aba; border-radius:5px; color:#FFFFFF; text-indent:20px;}
.mbody .main .mright .toplist a{ float:left; padding:5px 10px; background:#f5f5f7; border:1px solid #e2e1e8; margin-right:10px; margin-top:10px; display:block; white-space:nowrap; color:#777777;}
.mbody .main .mleft .mlbox .wenti{ padding:10px 5px 0px 5px;}
.mbody .main .mleft .mlbox .wenti li{ height:30px; line-height:30px; text-indent:21px; overflow:hidden; background:url(../img/bg_li_icon.png) 3px 8px no-repeat;}
.mbody .main .mleft .mlbox .wenti li a{ color:#2362E3;}
.mbody .main .mleft .mlbox .khtel{ line-height:25px; height:25px; text-indent:35px; background:url(../img/bg_tel2.png) 8px 3px no-repeat;}
.mbody .main .mleft .mlbox .kftime{ text-align:center; line-height:30px; height:30px;}
.mbody .main .mleft .mlbox.website .lnav{ padding:10px 25px;}
.mbody .main .mleft .mlbox.website .lnav li{ height:36px; background-image:url(../img/bg_icon0.png);}
.mbody .main .mleft .mlbox.website .lnav li.li01{ background-position:5px 7px;}
.mbody .main .mleft .mlbox.website .lnav li.li03{ background-position:5px -23px;}
.mbody .main .mleft .mlbox.website .lnav li.li04{ background-position:5px -149px;}
.mbody .main .mleft .mlbox.website .lnav li.li05{ background-image:url(../img/bg_icon1.png); background-position:5px -26px;}
.mbody .main .mleft .mlbox.website .lnav li.li06{ background-position:5px -115px;}
.mbody .main .mleft .mlbox.website .lnav li.li07{ background-position:5px -217px;}


.mbody .main .mright .rtit.tit2 .nbg{ background-image:none; padding:0px 30px; background-color:#258aba; border-radius:5px 5px 0px 0px; color:#FFFFFF; font-size:13px; font-weight:normal;}
.mbody .main .mright .sbox{ background-color:#F2F2F2; border-bottom:1px solid #CCCCCC; height:30px; padding:10px 0px 10px 20px; margin-top:25px;}
.mbody .main .mright .sbox span{ margin-left:10px; line-height:25px;}
.mbody .main .mright .sbox .imgchk,.mbody .main .mright .logbox .logtxt dl dd .imgchk{ margin-left:10px; height:23px; width:60px;}
.mbody .main .mright .sbox .sbtn{ border:none; background:url(../img/bg_btn3.png) 0px -22px; width:62px; height:22px; font-size:12px; margin-left:10px;}
.mbody .main .mright .sbox .sbtn:hover{ background-position:0px -44px;}
.mbody .main .mright .sjieguo{ padding:15px 110px 0px 110px; font-size:14px;}
.mbody .main .mright .sbox .imgchk{ text-align:center; font-style:italic; display:block; float:left; /*background:url(../images/imgchk.jpg) 0px 0px no-repeat; background-size:65px 25px;*/ background-color:#666; -moz-user-select: none; -khtml-user-select: none; user-select: none; }

.mbody .main .mright .rtit.tit1{ margin-top:0px; border-bottom:2px solid #C7C5D2;}
.mbody .main .mright .rtit.tit1 i{ float:left; line-height:30px; font-size:12px; color:#999999; font-style:normal; margin-left:10px;}


.mbody .main .mright .logbox{ width:420px; margin-top:20px;}
.mbody .main .mright .logbox .logtit{ height:30px; position:relative;}
.mbody .main .mright .logbox .logtit span{ display:block; width:150px; height:30px; line-height:30px; text-indent:23px; background:url(../img/bg_kuang.jpg) 12px center no-repeat; position:absolute; top:0px; left:0px; background-color:#FFFFFF; z-index:9; border:1px solid #D9D9D9; border-bottom:0px; border-radius:5px 5px 0px 0px;}
.mbody .main .mright .logbox .logtxt{ border:1px solid #D9D9D9; border-radius:0px 5px 5px 5px; padding:20px 0px; z-index:1;}
.mbody .main .mright .logbox .logtxt dl{ height:230px;}
.mbody .main .mright .logbox .logtxt dl dd{ height:30px; padding-left:50px;}
.mbody .main .mright .logbox .logtxt dl dd span{ display:block; float:left; width:100px; text-align:right;}
.mbody .main .mright .logbox .logtxt dl dd span font{ color:#FF0000;}
.mbody .main .mright .logbox .logtxt dl dd .definput{ width:180px; height:23px; line-height:23px; overflow:hidden;}
.mbody .main .mright .logbox .logtxt dl dd a{ color:#2362E3;}
.mbody .main .mright .logbox .logtxt dl dd .smsbtn{ height:27px; font-size:12px; line-height:20px;}
.mbody .main .mright .logbox .logtxt dl dd.ddbtn{ padding:30px 0px 0px 0px;}
.mbody .main .mright .btnok{ display:block; width:102px; height:32px; background:url(../img/bg_btn.png) 0px -32px no-repeat; margin:0px auto; border:none;}
.mbody .main .mright .btnok:hover{ background-position:0px -64px;}
.mbody .main .mright .fl.logbox{ padding-left:40px;}
.mbody .main .mright .fr.logbox{ padding-right:40px;}


.mbody .main .mleft .mlbox .uinfo{ text-align:center; line-height:35px; height:60px; border-bottom:1px dashed #DDDDDD; margin:0px 3px;}
.mbody .main .mleft .mlbox .uinfo font{ color:#FAAF19;}
.mbody .main .mleft .mlbox .uinfo a{ color:#d0d0d0;}
.mbody .main .mleft .mlbox .lnav{ padding:15px 25px;}
.mbody .main .mleft .mlbox .lnav li{ padding-left:35px; height:35px; line-height:30px; overflow:hidden; background-image:url(../img/bg_icon.png); background-repeat:no-repeat;}
.mbody .main .mleft .mlbox .lnav li a{ font-size:14px; color:#000000;}
.mbody .main .mleft .mlbox .lnav li a:hover,.mbody .main .mleft .mlbox .lnav li.li02 a:hover{ color:#FAAF19;}
.mbody .main .mleft .mlbox .lnav li span{ float:right; margin:10px 10px 0px 0px;}
.mbody .main .mleft .mlbox .lnav li.li01{ background-position:5px 6px;}
.mbody .main .mleft .mlbox .lnav li.li02{ background:url(../img/bg_li_icon2.png) 20px 10px no-repeat; font-size:13px; color:#555555;}
.mbody .main .mleft .mlbox .lnav li.li02 a{ font-size:13px; color:#555555;}
.mbody .main .mleft .mlbox .lnav li.li03{ background-position:5px -87px;}
.mbody .main .mleft .mlbox .lnav li.li04{ background-position:5px -56px;}
.mbody .main .mleft .mlbox .lnav li.li05{ background-position:5px -152px;}
.mbody .main .mleft .mlbox .lnav li.li06{ background-position:5px -120px;}
.mbody .main .mleft .mlbox .lnav li.li07{ background-position:5px -24px;}

.mbody .main .mright .hbox{ margin-top:20px;}
.mbody .main .mright .hbox table{ border:1px solid #DADADA; font-size:12px;width:100%; border-bottom:none; border-right:none;}
.mbody .main .mright .hbox table th{ font-weight:normal; background-color:#EAEAEA; line-height:30px;  border-bottom:1px solid #DADADA; border-right:1px solid #DADADA; font-size:12px;}
.mbody .main .mright .hbox table td{ border-bottom:1px solid #DADADA; border-right:1px solid #DADADA; text-align:center; line-height:30px; font-size:12px; }
.mbody .main .mright .hbox table td a{ font-size:12px;}
.mbody .main .mright .hbox table td.txtleft{ text-align:left; text-indent:8px;}

.mbody .main .mright .dingdanadd{ margin-top:20px;}
.mbody .main .mright .dingdanadd dd{ height:40px; line-height:35px;}
.mbody .main .mright .dingdanadd dd span{ float:left; width:120px; text-align:right;}
.mbody .main .mright .dingdanadd dd i{ font-style:normal; margin-left:5px; color:#999999;}
.mbody .main .mright .dingdanadd dd .definput{ height:23px; line-height:22px; border:1px solid #B6B6B6;}
.mbody .main .mright .dingdanadd dd .definput.mout{ width:500px; height:100px; float:left; margin:5px 0px 0px 0px;}
.mbody .main .mright .dingdanadd dd.ddtxt{ height:125px; clear:both;}

.mbody .main .mright .dingdanbox{ border:1px solid #DADADA; padding:10px 20px; margin:20px 0px; font-size:12px;}
.mbody .main .mright .dingdanbox dl dd{ line-height:30px;}
.mbody .main .mright .dingdanbox dl dd span{ display:block; float:left; width:80px; text-align:right;}
.mbody .main .mright .dingdanbox dl dd p{ display:block; float:left; width:580px; line-height:28px;}
.mbody .main .mright .tit2{ height:27px; line-height:25px; overflow:hidden;}
.mbody .main .mright .tit2 b{ display:block; float:left; text-indent:10px; font-weight:normal; line-height:22px;}
.mbody .main .mright .tit2 span{ float:right;}
.mbody .main .mright .tit2 span a{ display:block; width:85px; text-indent:27px; line-height:22px; font-size:12px; background:url(../img/t01.png) 7px 4px no-repeat #FCF6C2; background-size:16px 16px; border:1px solid #E6A700; border-radius:5px;}
.mbody .main .mright .btns{ height:35px; overflow:hidden; padding-top:30px;}
.mbody .main .mright .btns .tiaoguo{ display:block; width:163px; height:32px; text-align:center; background:url(../img/tiaoguo.png) 0px 0px no-repeat; border:none; float:left; margin:0px 30px 0px 200px;}
.mbody .main .mright .btns .btnok{ margin:0px;}
.mbody .main .mright .dingdanbox.okbox{ border:1px solid #E6A700; padding-left:200px; background:url(../img/bg_ok.png) 40px 20px no-repeat #FCF6C2; color:#888888;}
.mbody .main .mright .dingdanbox.okbox dl dd b{ font-size:20px; display:block; padding:10px 0px 10px 20px; color:#000000;}
.mbody .main .mright .dingdanbox.okbox dl dd p{ width:380px;}

.footer{ margin-top:40px; height:150px; background:url(../img/bg_footer.png) 0px 0px no-repeat #258aba;}
.footer .flogo{ float:left; width:190px; padding:40px 0px 0px 150px;}
.footer .flogo span{ display:block;}
.footer .flogo span.sp_hot{ line-height:25px; height:25px; padding-top:6px;}
.footer .flogo span.sp_hot i{ float:left; margin:3px 6px 0px 3px;}
.footer .flogo span.sp_hot font{ font-size:16px; color:#F3AB19; float:left; width:150px;}
.footer .fright{ float:right; padding:38px 32px 0px 0px;}
.footer .fright p{ text-align:right; line-height:30px; font-size:13px; color:#B8BACB;}
.footer .fright p a{ color:#B8BACB; font-size:13px; margin-left:10px;}