﻿@charset "utf-8";
body { color:#444; font:12px/1.231 Verdana, Arial, Helvetica, sans-serif ,"宋体"; background:#fff url(../images/bg.gif) repeat-x center top;} /*网站字体颜色*/
a { color:#444; text-decoration:none; }  /*for ie f6n.net*/
a:focus{outline:0; color:#0988BD} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{ clear:both; font-size:0; line-height:0; height:0;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.fw{ font-family:"宋体";}
.pa{ position:absolute;}
.pr{ position:relative}
.mt8{ margin-top:8px;}
.font14 { font-size:14px; font-weight:bold;}
/* -- 购物车外部框�?-- */
.cart_header , .cart_content , .cart_footer { width:960px; margin:0 auto;}

/* -- 页面整体布局 -- */
.header , .content , .footer { width:960px; margin:0 auto;}

.left { width:201px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.left2top { background:url(../images/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot {  font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(../images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right { width:754px; float:left; display:inline; margin-left:5px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(../images/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(../images/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:752px; min-height:458px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}

/*头部开�?/
.h_top { height:28px; line-height:28px;}
/*
.h_top p { width:438px;}
*/
.h_top p a { padding:0 6px;}
.h_top p img { padding:1px 5px 0 0; width:16px; height:16px;}
.h_top span { padding-left:5px;}

.h_con { height:125px;}
.h_con .h_con1 { padding:36px 0 0 7px;}
.h_con .h_con1 img { float:left;/* padding:0 25px 0 0;*/}
.h_con .h_con1 span { float:left; padding:6px 0 0 24px; margin-top:2px; display:inline; /*width:360px;*/ height:37px;  font-size:22px; font-family:"微软雅黑"; color:#0988bd;  border-left:1px solid #767676;}
.h_con .h_con1 span font { color:#747474; font-size:22px;font-weight:normal;}
.h_pho { width:188px; padding:34px 0 0 40px; overflow:hidden; text-align:left; font-size:14px; color:#6b6b6b; background:url(../images/tel.gif) no-repeat left 28px;font-weight:normal; margin-left:50px}
.h_pho font { font-size:28px; color:#026693; font-family:Arial, Helvetica, sans-serif; display:block;font-weight:normal;}
.h_pho p { padding:26px 0 0 0; color:#fff;}
.h_pho p img { margin-right:5px;}

.h_con h1 { /*padding:36px 0 0 7px;*/float:left}

.h_nav { height:39px; line-height:39px; overflow:hidden; background:url(../images/nav.gif) no-repeat; padding-left:3px;}
.h_nav ul li { float:left; background:url(../images/n_bor.gif) no-repeat right top; text-align:center; display:block; overflow:hidden;}
.h_nav ul .nonav { background:none;}
.h_nav ul li a { padding-left:14px; color:#fff; font-size:14px;}
.h_nav ul li span { padding-right:14px;}
.h_nav ul li a:hover, .h_nav ul .cur a { background:url(../images/hover1.gif) no-repeat left center; display:block; color:#fff;}
.h_nav ul li a:hover span, .h_nav ul .cur a span { background:url(../images/hover2.gif) no-repeat right center; display:block;}


.h_ser { height:51px; overflow:hidden; background:url(../images/ser.gif) no-repeat center top;}
.h_ser p { display:block; padding-left:10px; line-height:37px;}
.h_ser p a { padding:0 5px;}
.s_inp {   height:24px; padding:6px 7px 0 0;}
.inp01 { background:url(../images/txt.gif) no-repeat; width:164px; height:24px; line-height:24px; border:none; text-align:left; padding-left:29px; color:#9d9c9c; font-size:12px}


/*头部结束*/

/*底部开*/
.footer { background:url(../images/fnav.gif) no-repeat center top; height:233px;}
.f_nav { height:36px; line-height:36px; text-align:center; color:#fff; }
.f_nav a { padding:0 12px; color:#fff;}
.f_con { padding:22px 0 0 0; }
.f_con p { height:28px; line-height:28px; color:#2b2b2b; text-align:center;}
.f_con p img { margin:3px0 0 10px; }
.f_con p a { color:#000;margin-right: 5px;}
.p1 { top:57px; left:227px;}
.p2 { top:57px; left:719px;}
/*底部结束*/


.box-buy {margin:20px 20px 0 0px;position: relative;bottom: 0;}

.box-buy .buy-l {
    width:250px;
    margin:5px 10px;
    border-right:1px solid #ddd;
    text-align:center;
    float:left;
}
.box-buy .buy-l a {
    width:155px;
    height:48px;
    margin:20px;
    line-height: 48px;
    display: inline-block;
    border-radius: 5px;
    background-color:#00a2ca;
}
.box-buy .buy-l a:hover {
    background-color:#00a2ca;
    text-decoration:none;
}
.box-buy .buy-l a i {
	width:24px;
	height:22px;
    margin:13px 10px 13px 20px;
	display:inline-block;
	background-image:url(../images/preview.png);
	background-position:-60px -140px;
	background-repeat:no-repeat;
    float:left;
}
.box-buy .buy-l a span{
	display:block;
    font-family:"Microsoft YaHei";
    font-size:18px;
    color:#fff;
    float:left;
}
.box-buy .buy-r {
    width:480px;
    margin:5px 10px;
    float:left;
}
.box-buy .buy-r .code {
    width:88px;
    height:88px;
    float:left;
}
.box-buy .buy-r .code img{
    width:80px;
    height:80px;
    margin:4px;
}
.box-buy .buy-r ul {
    width:430px;
    overflow:hidden;
    margin:14px 0;
    float:left;
}
.box-buy .buy-r ul li {
    height:30px;
    line-height:30px;
    font-size:12px;
    color:#666;
    white-space:nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.box-buy .buy-r ul li span {
    color:#999;
    margin-right:3px;
}
.box-buy .buy-r ul li a {
    padding:3px 5px;
    color:#00a2ca;
}
.box-buy .buy-r ul li a:hover {
    background-color:#00a2ca;
    color:#fff;
    text-decoration:none;
}
.box-pay .pay-a i{width: 20px;height: 18px;display: inline-block;vertical-align: middle;
    background: url(../images/sprites_introduce.png);
}
.box-pay .pay-a .i_learning{background-position: 128px -33px;}
.box-pay .pay-a .i_consult{background-position: 128px -59px;}
.box-pay .pay-a a{width: 116px;height: 40px;line-height: 40px;text-align: center;display: inline-block;font-size: 16px;color: #fff;background-color: #00a2ca;text-decoration: none;border-radius: 5px;margin-right: 10px;}
.box-pay .pay-a a:hover{background-color: #0683a2;}
.box-pay .pay-a .pay-a_subscribe{width: 116px;height: 38px;border: 1px solid #00a2ca;color: #00a2ca;background-color: #fff;}
.box-pay .pay-a .pay-a_subscribe:hover{color: #fff;background-color: #00a2ca;}
.box-pay .pay-c {font-size:12px;color:#666;height: 40px;line-height: 58px;}

