﻿/* CSS Document */
/* CSS Document */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {

}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

a{ color:#767676; text-decoration:none }
a:hover{ color:#f97818; }

.red_1{ color:#a2db3d; }

li{list-style:none}
input{border:none;}
.clear{clear:both}
.fl{float:left;display:inline}
.fr{float:right; display:inline;}
.clear{clear:both;}
.hidden{ display:none;}


/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body { font-size: 12px;color: #767676; background:#fff; font-family:microsoft yahei}

.header{ width:100%; background:#278ec2; line-height:30px;}

.top{ width:84%; margin:0 auto; color:#e3eef4; overflow:auto;  }
.top span.fr{ display:block; text-align:right;}
.top span img{ float:left; padding-top:6px; padding-right:8px; display:inline  }

.top span a{ color:#FFFFFF  }
.top span a.red_1{ color:#/*a2db3d*/; }

.top span a:hover{ color:#f97818  }


.nav{ width:84%; margin:0 auto;   min-width:1100px}
.nav .logo{ width:%;}

.nav_1{ width:806px; padding-top:28px; }
.nav_2{ width:135px; line-height:20px; background:#9bcf3f; border:solid #95b758 1px; text-align:center;  color:#FFFFFF }
.nav_2 a{ color:#FFFFFF; padding:0 5px}

.menu{ width:668px;  }
.menu li{ /*width:14%;*/ width:auto; padding:0 2.5%; float:left; height:30px;  }
.menu li a{}
.menu li a.on{ font-size:14px;color:#f97818}
.menu li a.none_on{ font-size:14px ;color:#333333}
.menu li a:hover{ color:#f97818}



.nav_child{ width:380px; height:auto; position:absolute;left:;z-index:99999; background:#fff; border:solid 1px #f97818; line-height:20px;  text-align:left; display:none; _margin-left:-66px; *margin-left:-66px; font-size:12px; color:#999999; border-top:solid 2px #f97818; }
.nav_childdan{  height:auto; position:absolute;left:;z-index:99999; background:#fff; border:solid 1px #f97818; line-height:20px;  text-align:left; display:none; _margin-left:-66px; *margin-left:-66px; font-size:12px; color:#999999; border-top:solid 2px #f97818; }
.nav_child_left{ width:229px; border-right:dotted 1px #ccc; padding:15px 0 15px 20px }
.nav_child_right{ width:230px; background:#fafafa; padding:15px 0 15px 20px }

.nav_box{ width:100%; margin-bottom:15px}
.nav_box .nav_tit{ font-weight:bold; font-size:14px; padding-bottom:5px; color:#666666}
.nav_box .nav_tit span.red { color:#f87818}
.nav_box .nav_list a{ display:block;  }

.nav_box2{ width:205px; overflow:auto; padding-bottom:15px}
.nav_box2 img{ width:80px; height:76px; float:left; margin-right:10px}
.nav_box2 p{ font-weight:bold}


.menu li:hover ul{top:85px; left:;display:block}
.menu li.hover ul{top:85px; left:;display:block}

/*#nav_child7{ width:200px; overflow:hidden; }
#nav_child7 td{ border:none  }


#nav_child7 .nav_list a{ border-bottom:dotted 1px #ddd}
*/
#nav_child1,#nav_child2,#nav_child3,#nav_child4,#nav_child5,#nav_child7 { margin-left:-165px}




/*banner*/
.banner{ width:100%; clear:both}

#indexmain { clear:both; width:100%; height:323px; position:relative;}
#banner { clear:both; overflow:hidden; height:323px;}

.leftLoop .picList li {height:323px; }
.leftLoop .picList li#b1 { background-color:#000;}
.leftLoop .picList li#b2 { background-color:#000;}
.leftLoop .picList li#b3 { background-color:#000;}
.leftLoop .picList li#b4 { background-color:#000;}
.leftLoop .picList li#b5 { background-color:#000;}
.leftLoop .picList li a { display:block; width:100%; height:323px;}
.leftLoop .picList li#b1 a { background:url(../images/banner1.jpg) center top no-repeat; background-color:#2c9dd5}
.leftLoop .picList li#b2 a { background:url(../images/banner2.jpg) center top no-repeat; background-color:#2c9dd5}
.leftLoop .picList li#b3 a { background:url(../images/banner3.jpg) center top no-repeat; background-color:#2c9dd5}
.leftLoop .picList li#b4 a { background:url(../images/banner4.jpg) center top no-repeat; background-color:#2c9dd5}
.leftLoop .picList li#b5 a { background:url(../images/banner5.jpg) center top no-repeat; background-color:#2c9dd5}
.leftLoop .hd .prev {  width:45px; height:79px; position:absolute; left:0; top:130px; cursor:pointer; display:block;} 
.leftLoop .hd .prev:hover { background:url(../images/leftbtn.png) top center no-repeat} 
.leftLoop .hd .next {  width:45px; height:79px; position:absolute; right:0; top:130px; cursor:pointer;display:block;} 
.leftLoop .hd .next:hover { background:url(../images/rightbtn.png) top center no-repeat} 

.leftLoop .hd ul { width:90px; text-align:center ; left:50%; margin-left:-45px;    height:10px; position:absolute;   top:302px; }
.leftLoop .hd ul li { float:left; display:inline; width:10px; height:10px; background:url(../images/ban-q2.png) no-repeat; cursor:pointer; margin:0 3px; text-indent:-9999px;}
.leftLoop .hd ul li.on { background:url(../images/ban-q1.png) no-repeat;}



/*------------------------------------*/

.black{  color:#555} 
.grey{  color:#999999} 


.wrap{ width:84%; margin:0 auto; overflow:; padding-top:25px; min-width:1170px; clear:both     } 

/*------------------------------------*/
.wrap_l{ width:73%; padding-bottom:25px}
.box{ width:100%; margin-bottom:30px ; position:relative}
.b_title{ width:100%; background:url(../images/lm_bg1.gif) left top no-repeat; height:36px; line-height:36px; background-color:#e9e9e9; margin-bottom:15px}
.b_title_left{ width:500px; position:absolute; top:0; height:36px; background:#e9e9e9; left:-500px;}

.b_title span{ padding:0 15px 0 5px}
.b_title span.wuxing{ font-size:22px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#278EC2; }
.b_title span.numble{ font-size:22px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; }
.b_title span.bt{ font-size:16px; font-weight:bold; color:#555; }

.b_cont{ border:solid 1px #e9e9e9; padding:8px}
.cp_img{ width:100%; overflow:auto;}
.cp_img img{ float:left;}
.cp_a{ float:right; width:9%; }
.cp_a a{ display:; float:left; border:solid 1px #e1e1e1; padding:2px 10px; color:#8e8d8d; margin-bottom:4px}
.cp_a a:hover{  border:solid 1px #66af24; color:#fff; background:#75bd34}

.price{ width:100%; overflow:auto; padding:10px 0}
.price_txt{ padding-left:15px; color:#999999;}
.price_txt span{ font-size:24px; color:#FF6600; font-family:Georgia; padding:0 5px}

.price_btn{ margin-top:6px; margin-left:15px; width:143px; height:21px; line-height:21px; background:url(../images/cp_link.jpg) no-repeat left;}
.price_btn a{ color:#FFFFFF; padding:0 5px 0 15px}
.price_btn a:hover{ color:#000; }

.kehu{ width:98%; margin:0 auto; border-bottom:solid 1px #e9e9e9;  border-top:solid 1px #e9e9e9; height:35px; line-height:35px; text-indent:12px; overflow:hidden; margin-top:10px; margin-bottom:15px;}
.kehu a{ padding:0 12px; color:#999999}
.kehu a:hover{ color:#f97818}

.zscp{ width:100%; overflow:auto; line-height:16px; padding:15px 0}
/*.zscp_box{ width:45%; padding-left:2%;  padding-right:3%; _padding-right:2%; *padding-right:2%;   float:left}
*/

.zscp_box{ width:350px;     float:left}
.zscp_box1{ width:45%; padding-left:2%;  padding-right:3%; _padding-right:2%; *padding-right:2%;   float:left}

.zscp_box img{  float:left; padding-right:15px;}
.zscp_box .big{ font-weight:bold; font-size:14px; padding-right:6px}
.zscp_box .small{ font-weight:; font-size:11px}
.zscp_box p.xq{ padding-top:5px}
.zscp_box p.xq a{ color:#539a13; text-decoration:underline}
.zscp_box p.xq a:hover{ color:#f97818; }

.zscp_price{ width:100%; overflow:auto; padding-top:14px;}

.cp_a1{ float:left; width:22%;  }
.cp_a1 a{ display:; float:left; border:solid 1px #e1e1e1; padding:2px 10%; color:#8e8d8d; margin-bottom:4px}
.cp_a1 a:hover{  border:solid 1px #66af24; color:#fff; background:#75bd34}

.price_1{ width:76%; float:left; border:solid 1px #e9e9e9; color:#999999; padding:6px 0; line-height:22px; text-align:center}
.price_1 span{ font-size:18px; color:#FF6600; font-family:Georgia; padding:0 5px}

/*+++++++++++++++++++++++++++++++++++++++++*/


.wrap_r{ width:24%; } 
.wrap_r .title{ width:100%; border-bottom:solid 1px #dedede;  } 
.wrap_r .title .big{ width:; border-bottom:solid 2px #7bbe3f; font-size:16px; color:#555; font-weight:bold  } 
.wrap_r .title .small{ padding-left:8px;  } 

.news{ width:100%; padding:10px 0 25px 0 } 
.news a{ display:block; border-bottom:dotted 1px #ccc; line-height:36px } 
.news a span{ padding-right:10px } 

.grey1{  color:#999999; line-height:16px} 

.web_s{ background:#f9f9f9; border:solid 1px #e9e9e9; padding-bottom:10px; margin-top:15px}

.title_web{ text-indent:15px; padding:10px 0}

.select{ width:100%; overflow:auto;}
.select a{ width:42%; border:solid 1px #e9e9e9; color:#999; margin:0 2% 0 4%; text-align:center; margin-bottom:5px;float:left; background:#fff; display:inline}
.select a:hover{ border:solid 1px #66af24; color:#fff; background:#75bd34}

.service{ text-align:left; padding:23px 0}
.service img{  }


.app_a{ padding:20px 0}
.app_a a{ display:block; height:77px; margin-bottom:2px}
.app_a a.app1{ background:url(../images/app_1.gif) left no-repeat;background-color:#efefef}
.app_a a.app2{ background:url(../images/app_2.gif) left no-repeat;background-color:#efefef}
.app_a a.app3{ background:url(../images/app_3.gif) left no-repeat;background-color:#efefef}
.app_a a.app4{ background:url(../images/app_4.gif) left no-repeat;background-color:#efefef}
.app_a a.app5{ background:url(../images/app_5.gif) left no-repeat;background-color:#efefef}

.app_txt{ padding-left:80px; padding-top:18px; font-size:14px; font-weight:bold; color:#666}
.app_txt p{ color:#999; font-size:12px; font-weight:normal}

.app_a  .app1:hover{ background:url(../images/app_1a.gif) left no-repeat;background-color:#61b1e8}
.app_a  .app2:hover{ background:url(../images/app_2a.gif) left no-repeat;background-color:#61b1e8}
.app_a  .app3:hover{ background:url(../images/app_3a.gif) left no-repeat;background-color:#61b1e8}
.app_a  .app4:hover{ background:url(../images/app_4a.gif) left no-repeat;background-color:#61b1e8}
.app_a  .app5:hover{ background:url(../images/app_5a.gif) left no-repeat;background-color:#61b1e8}


.app_a  a:hover .app_txt{ color:#FFFFFF}
.app_a  a:hover .app_txt p{ color:#dcecf6; }




.footer{ width:100%; border-top:solid 5px #ececec; background:#f7f7f7; clear:both; margin-top:20px}
.f_nav{ width:84%; margin:0 auto; padding:30px 0; overflow:auto }

.f_ul{ width:18.2%; border-left:solid 1px #e8e8e8}
.f_ul .f_title{ width:100px; height:21px;  text-indent:25px; margin:0 auto; line-height:21px;font-size:14px; font-weight:bold                      }
.f_ul .f_title1{ background:url(../images/fn1.gif) left no-repeat; }
.f_ul .f_title2{ background:url(../images/fn2.gif) left no-repeat; }
.f_ul .f_title3{ background:url(../images/fn3.gif) left no-repeat; }
.f_ul .f_title4{ background:url(../images/fn4.gif) left no-repeat; }
.f_ul .f_li{ width:80px; margin:0 auto; padding-top:10px;}
.f_ul .f_li a{ display:block; text-indent:15px; line-height:22px; color:#888}
.f_ul .f_li a:hover{color:#f97818}




.f_ul_phone{ width:20%;border-left:solid 1px #e8e8e8;border-right:solid 1px #e8e8e8 ; padding:0 3% }

.f_ul_phone .f_title{ padding-left:10px}
.f_ul_phone .f_li{padding-top:10px; padding-left:25px;color:#888}

.f_txt{ width:; text-align:center; border-top:solid 1px #e8e8e8; margin:0 auto; margin-top:15px; padding:25px; color:#888; line-height:20px}









/*ͷ*/
/*.kefu{position:fixed;right:0;top:180px; width:105px;    _position:absolute;_top:expression(eval(document.documentElement.scrollTop+180));}
.kefu1{ text-align:right; cursor:pointer}
.kefu2{ width:103px; background:#fff; border:solid 1px #53afde;  text-align:center}
.kf_fl{ line-height:30px; font-size:13px; background:#78ccf7; border-bottom:1px solid #53afde; color:#fff; cursor:pointer}
.kf_qq { padding:10px 0; display:none }
.kf_qq a{ padding:2px 0; display:block; width:75px; margin:0 auto}
.kf_qq a img{ float:left}
*/

.ewm{ text-align:right; cursor:pointer}
.ewm2{ width:103px; background:#fff; border:solid 1px #ccc; text-align:center; margin-left:60px  }

/*#ewm01,#ewm02{ margin-top:5px}
*/
.kefu{position:fixed;right:0;top:180px; width:165px;    _position:absolute;_top:expression(eval(document.documentElement.scrollTop+180));}
.kefu1{ text-align:right; cursor:pointer}



.kefu2{ width:165px;   text-align:center}

/*  */
.tc_nav { width: 165px;   overflow: hidden; background:url(../images/kf01.gif) top no-repeat  ; padding-top:65px }
.tc_nav li { width: 100%; margin-bottom:5px;   }
.tc_nav h2 { width:138px; height:28px; background:url(../images/kf05.gif) ; margin:0 auto; font-size:14px;   cursor: pointer;   }
.tc_nav .active { background:url(../images/kf06.gif); color:#FFFFFF }
.tc_nav h2 span { text-align:center; font-size:12px; font-weight:normal; line-height:28px   }
.tc_nav ul { width: 138px; height: 0px; display: none; overflow:hidden; margin:0 auto; margin-top:10px }
.tc_nav ul li { width: 68px; float:left; text-align:center;   min-height:25px}




/*˵*/
.jfsm{ width:270px; padding:0 10px; line-height:25px; border:solid 1px #ddd; position:absolute; top:70px;  }
.jfsm p{ width:100%; position:relative}
.jfsm p span{ position:absolute; top:-5px; left:15px; display:block}



/* ܻ */
/*.Robot{ width:460px; padding:15px; border:solid 6px #4d9dd2; background:#fff; display:none;
position:fixed;right:50px;top:180px;   _position:absolute;_top:expression(eval(document.documentElement.scrollTop+180));}
*/.Robot{ width:460px; padding:15px; border:solid 6px #4d9dd2; background:#fff; display:none;
position:fixed;right:50px;top:10px;   _position:absolute;_top:expression(eval(document.documentElement.scrollTop+10));}

.wenti{ width:100%; }
.wenti a{ display:block; line-height:25px; color:#0292c7}
.wenti a:hover{ color:#f97818; text-decoration:underline}

.wenti_srk{ width:388px; border:solid 1px #ccc; height:28px; line-height:28px; background:#fff; text-indent:15px}
.wenti_tj{ width:55px; border:solid 1px #ccc; height:30px; line-height:30px; background:#fff; color:#666666}

.wenti_jieda{  border:solid 1px #ccc; height:260px; padding:10px; overflow:scroll; overflow-x:hidden}

.wen{ border:solid 1px #d2dbe2; background:#f1f8fe; padding:10px; margin-bottom:10px}
.wen_2{ color:#f97818; padding-top:5px}


.da{   padding:10px; margin-bottom:15px; border:dotted 1px #ddd}
.da_2{   padding-top:5px}
.pagelist { float:left; width:940px; border-top:1px solid #CCC; padding-top:20px; margin-top:10px; }
.pagelist ul { }
.pagelist ul li{ float:left; color:#FFF; margin:0 5px; }
.pagelist ul li a.indexp { background:#6CF; border:#69F 1px solid; color:#FFF; color:#FFF; padding:3px 12px; line-height:30px; }
.pagelist ul li a.indexp:hover{ background:#FF9; border:#F90 1px solid; color:#333 }
.pagelist ul li a { background:#F6F6F6; color:#333; padding:3px 12px; line-height:30px;border:#999 1px solid; }
.pagelist ul li a:hover { background:#FF9; border:#F90 1px solid; }
.pagelist ul li a.selc { background:#FF9; border:#F90 1px solid; color:#333; padding:3px 12px; line-height:30px; }
.payment_top h1 { margin:0 0 10px 0; color:#000; font-size:18px; font-weight:normal}
.payment_top p { padding:10px; line-height:26px; background:#f8f8f8; border:1px solid #ccc; font-size:16px }
.payment_all ul li { margin:15px 0 0 0; padding:15px 15px 15px 250px; border:1px solid #e4dcdc; position:relative}
.payment_all ul li.normar { margin:15px 0 0 0;}
.payment_all ul li dl dt { left:15px; top:15px; _left:-230px;  width:100px; height:30px; position:absolute}
.payment_all ul li:hover { border:1px solid #529c39}
.payment_all ul li dl dd.account_name {  margin:0 0 6px 0; padding:0 0 6px 0; border-bottom:1px dashed #ccc; font-size:16px}
.payment_all ul li dl dd.account_details { line-height:24px; color:#555}

.account_details .www_inp{  border:solid 1px #e3e3e3; background:#f1f1f1; border-left:none ; height:20px;}
.account_details .www_btn{width:204px; border:solid 1px #3c97c3; color:#FFFFFF; font-size:14px; text-align:center; height:30px;   background:#44afe5;}