@charset "utf-8";
/* CSS Document */
/* reset 默认样式重置 */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, q, em, ul, li, ol, dl, dt, dd, form, article, aside, embed, table, td, th, input, button, legend, fieldlset, blockquote, textarea, label, strong, img, cite { margin: 0; padding: 0; outline: none; }
body { font-family:"微软雅黑"; font-size: 12px; line-height: 1;  margin: 0 auto; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
table { border-collapse: collapse; }
ul, li , ol, li{ list-style: none; }
img{ border: none; vertical-align:top; width: 100%; }
em, cite, address,i { font-style: normal; font-weight: normal; }
a { text-decoration:none; }
input { outline:none; border:none; background-color:transparent;}
input::-ms-clear { display:none; }
textarea { outline:none; resize:none; ;overflow:auto;border:none;background: transparent;}

/* 清浮动 */
.clearfix:after,
.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom:1;}

.fl{float:left;}
.fr{float:right;}
.textr{ text-align:right;}
.bold{ font-weight:bold;}
/* .show{display:block;}
.hide{display:none;} */

.no-margin {
    margin: 0;
}
/*--------------------头部固定导航-----------------------*/

.header{height:120px;width:100%;background:#fff;position:fixed;left:0;top:0;z-index:9999; transition: top .5s; border-bottom:1px solid #f8f8f8;}
.headTop_s1{top:-120px;}
.headTop_s0{top:0px;}
.headFixed{height:100%;position:relative;width:1200px;margin:0 auto;}
.logo{width:245px;margin-top:35px;float:left;}
.logo img{width:100%;height:auto;}
.nav{height:36px;margin-top:42px;/*margin-right:60px;*/float:right;}

.navList{height:100%;}
.navList li{float:left;height:100%;}
.selPos{position:relative;}
.navList li a{float:left;height:32px;font:16px/32px "微软雅黑";border:solid 2px transparent;border-radius: 20px;padding:0 25px;color:#333;transition:all 0.5s;}
.navList .selPos .selBox{position:absolute;left:0;top:40px;background: url(../images/topBg.jpg) no-repeat;width:120px;height:208px;z-index:100;display:none;}
.navList .selPos .selList{width:100%;padding-top:8px;}
.navList .selPos .selList dd{height:40px;}
.navList .selPos .selList a{width:100%;display:block;text-align: center;font:14px/40px "微软雅黑";padding:0;color:#656565;border:none;height:40px;border-radius:0;}
.navList .selPos .selList a:hover{background:#ccc;}
.navList li .active{color:#EF3333;border:solid 2px #EF3333;}
.navList li a:hover{color:#EF3333;border:solid 2px #EF3333;}
.headBtn{height:30px;width:30px;position:absolute;right:0;top:45px;cursor: pointer;transition:all 0.3s;display:none;}
.headBtn i{font-family:"iconfont";font-size:30px;color:#EF3333;}
.navList .selPos .selList .active{color:#EF3333;}

.userbox{ float:right; margin-top:42px;}
.userbox ul li{ float:left; margin:0px 10px;  line-height:30px; font-size:16px;  }
.userbox ul li a{display: inline-block; background-image:url(../images/login.png); background-repeat:no-repeat; padding: 0 20px 0 35px; transition: all 0.2s linear 0s; color:#656565;}
.userbox ul li a.usericon1{ background-position:0 -0px;}
.userbox ul li a.usericon2{ background-position:0 -60px;}
.userbox ul li a:hover{ color:#f35a5c;}
.userbox ul li a:hover.usericon1{ background-position:0 -30px;}
.userbox ul li a:hover.usericon2{ background-position:0 -90px;}

/*--------------------------- footer ----------------------------*/
.footer{width:100%;text-align: center;background:#333;color:#fff;}
.footList{padding:40px 0; float:left;}
.footList li{font:12px/28px "微软雅黑"; text-align:left;}
.footList li a{color:#fff;}
.footList li span{margin:0 13px;}
.footList li a:hover{text-decoration: underline;}

.footercon{width: 1200px; margin:0 auto;}
.footer .downloadlsit{ float:left;padding:20px 10px; margin-right:20px; }
.footer .downloadlsit dt{float:left; width:130px; text-align:center;}
.footer .downloadlsit dt p{ padding-top:15px;}

/*--------------------------- welcome ----------------------------*/
.welcome{width:100%;height:100%;background:#fff;position:fixed;left:0;top:0;z-index:80;}
.welBox{padding-top:90px;}
.welList a{font:20px/1em "微软雅黑";color:#333;display:block;text-align: center;padding:15px 0;}
.welList a:hover{color:#EF3333;background:#ccc;}
.comeList{width:100%;display:none;}
.comeList a{font:16px/1em "微软雅黑";display:block;padding:15px 0;}

.qqPopup{position:fixed;right:3%;bottom:100px;width:110px;height:66px;z-index:81;}
.qqPopup img{width:100%;height:100%;}


/* 侧边栏  */
.infor{position:fixed;left:0;top:50%;width:42px;z-index:90;margin-top:-43px;}
.infor li{width:100%;height:42px;position:relative;margin-bottom:2px;}
.infor li img{position:absolute;left:0;top:0;width:100%;height:100%;}
.infor .ewms .ewmBox{position:absolute;left:-162px;top:0;width:162px;height:162px;}
.ewmBox img{width:100%;}


.telBox{position:absolute;left:0;bottom:0;width:162px;height:162px;background:#fff;}
.telBox .telTit{height:32px;width:100%;background:#333;color:#fff;line-height:32px;}
.telBox .telTit span{float:left;padding-left:11px;font-size:14px;}
.telBox .telTit strong{float:right;width:32px;height:32px;}
.telBox .telTit em{float:right;padding-right:11px;background:url(../images/infoIcon.png) -39px -41px no-repeat;width:10px;height:10px;margin-top:11px;cursor: pointer; }
.telText{height:81px;border-bottom:solid 1px #ddd;background:#f5f5f5;text-align: center;}
.telText h5{font-size:16px;color:#666;line-height:48px;}
.telText h5 i{background:url(../images/infoIcon.png) -36px 0 no-repeat;width:14px;height:20px;display:inline-block;vertical-align:middle;margin-right:10px;}
.telText h6{font-size:20px;color:#333;font-weight:bold;}
.contact{height:48px;}
.contact dd{float:left;width:50%;text-align: center;height:100%;}
.contact dd a{display:block;width:100%;height:100%;}
.contact .active{border-right:solid 1px #ddd;margin-right:-1px;}
.contact .qq_link{background:url(../images/infoIcon.png) 0 0 no-repeat;width:22px;height:22px;display:inline-block;margin-top:12px;}
.contact .chat_link{background:url(../images/infoIcon.png) 0 -39px no-repeat;width:24px;height:22px;display:inline-block;margin-top:12px;}


/*在线客服代码*/
.rides-cs { background:rgba(243,51,51,0.9); position: fixed; top: 130px; right: 1px; _position: absolute; z-index: 999; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5333333', endColorstr='#E5333333');}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn { background: #F7F7F7; }
.rides-cs .cn h3 { font-size: 14px; color: #333; font-weight:600; line-height: 24px; padding: 5px}
.rides-cs .cn ul { padding: 0 0 0 8px;}
.rides-cs .cn ul li { line-height: 38px; height:38px; border-bottom: solid 1px #E6E4E4; overflow: hidden;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li img { vertical-align: middle; width:79px; height:28px;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:0; left: 0;  background-image: url(../images/shopnc.png); background-repeat: no-repeat; display:block; width: 20px; height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0;}
.rides-cs .btnCtn { background-position: -450px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}

/*电话咨询*/
.tele-mess{background:rgba(255,255,255,1); position: fixed; bottom:0px; right: 0px; _position: absolute; z-index: 999; width:280px; height:290px;}
.tele-mess  .tele-mess-title{background:rgba(243,51,51,0.9);  width:280px; height:38px; line-height:38px; font-size:18px; text-align:center; color:#fff;}
.tele-mess  .tele-mess-remark{font-size:12px; color:#999; width:250px; margin:20px auto; }
.tele-mess  .form-tele-mess{ margin:20px auto; width:250px;}
.tele-mess  .form-tele-group{ margin: 0 0 25px;  width:100%; position:relative;}

.tele-mess .form-tele-control {
    background: #f0f0f0 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    box-shadow: none;
    width:185px;
	height: 40px;
    padding: 0 20px 0 45px;
    transition: all 0.3s ease 0s;
}
.tele-mess .form-tele-group i {
    color: #c8c8c8;
    font-size: 17px;
    left: 10px;
    position: absolute;
    top: 12px;
    transition: all 0.5s ease 0s;
}
.tele-mess .form-tele-group .btn {
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    padding: 10px 25px;
	width:250px;
	height: 40px;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
	cursor:pointer;
}
.tele-mess .form-tele-group .btn-default {
    background:rgba(243,51,51,0.9);
    border-color: #ccc;
    color: #fff;
}

.agentintro{font-size:14px; line-height:24px; }
.focusfont{color:#ef3333; font-size:18px; font-weight:bold;}
#agent{width:640px; height:440px; }
.agentlist{ background:#fff;  border:1px solid #dcdcdc; font-size:14px; line-height:21px; padding:20px; width:260px; }
table.agenttable tr{border-bottom:1px solid #ededed;}

/* 价格表 */
.buy_newest_content{width:1000px; margin:30px auto;}
#buy_newest_table {
    margin-bottom: 0; line-height: 1.42857;
}
#buy_newest_table tr > td {
    padding: 15px 8px; border: 1px solid #ddd; font-size:15px;
}
.buy_newest_table td > span {
    font-size: 24px;
    margin: 0 40px;
}
.buy_newest_table td > span.free {
    color: #3cb371;
}
.buy_newest_table td > span.charge {
    color: orange;
}
.buy_newest_table td.blue {
    color: #3276b1;
    vertical-align: middle;
}
.buy_newest_table td.v_m {
    vertical-align: middle;
}
#buy_newest_table td > a {
    color: #000;
    padding: 10px 50px;
}
td.active{background-color: #f5f5f5;}
.buy_newest_table{ width:100%;}
.buy_newest_content .t_c {text-align: center;}
.buy_newest_content .t-l {
    text-align: left;
}
.buy_newest_content h3{font-size: 24px;}
.buy_newest_content h1, .buy_newest_content h2, .buy_newest_content h3 {
    margin-bottom: 10px;
    margin-top: 20px;
}


/*--------------------------- 响应式 ----------------------------*/
@media screen and (max-width:1400px) {
	.qqPopup{bottom:60px;}
}

@media screen and (max-width:1280px) {
	.headFixed{width:90%;margin:0 auto;}
.navList li a{padding:0 20px;}
}

@media screen and (max-width:1200px) {
	
.header{height:90px;}
.logo{margin-top:20px;}
.nav{margin-top:27px;}
.headBtn{top:30px;}
.headTop_s1{top:-90px;}
.headTop_s0{top:0px;}
.qqPopup{bottom:50px;}
}


@media screen and (max-width:1000px) {
 .navList{display:none;}
 .headBtn{display:block;}
}

@media screen and (max-width:600px) {
.header{height:60px;}
.logo{margin-top:10px;width:144px;height:40px;}
.nav{margin-top:12px;}
.headBtn{top:18px;}
.headBtn i{font-size:24px;}
.headTop_s1{top:-60px;}
.headTop_s0{top:0px;}
.qqPopup{width:88px;height:53px;}
.qqPopup{bottom:35px;}
}

@media screen and (max-width:480px) {
.footList{width:90%;margin: 0 auto;padding:50px 0;}
.footList li span{margin:0 8px;}
}