﻿/* CSS Document */
.width1000{ width:1000px; margin:0 auto;    padding-bottom: 1px; position:relative;}
/******顶部导航*****/
.header{  margin:0 auto;    position: relative;    z-index: 8;}
.header .nav{ background:#333; height:40px; line-height:40px;}
.header .nav>ul> li{ float:left; width:50%; font-size:12px; color:#777;}
.header .nav li h2{font-weight:normal; font-size:12px;}
.header .nav li a{ color:#b0b0b0;}
.header .nav li.last{ width: 45%;    float: right;text-align:right;}
.header .nav li.last a{ color:#b0b0b0;}
.header .nav li.last  p{ float:left;padding-right: 10px;}
.header .nav li.last  ol{ float:left;}
.header .nav li.last  ol li{ float:left; width:auto; font-size:12px; color:#999;padding: 0 10px;}
.header .nav li.last  ol li a{ color:#999;}
.header .nav li.last  ol li.active ,.header .nav li.last  ol li:hover {  background:#19af64;}
.header .nav li.last  ol li.active a,.header .nav li.last  ol li:hover a{ color:#fff;}
.header .fixed_header {     display: none; background:rgba(255, 255, 255, 0.89); background:#fff\9;   width: 100%;    padding: 10px 0;   position: fixed;    top:0;   left: 0;    z-index:8;    margin: 0;    box-shadow: 0px 1px 5px #AFACAC;}

/*********顶部导航**********/
/***********右侧导航*****************/
.icon{background: url(../images/icon.png);}
.contact{z-index: 9;position: fixed;right:0;top:50%;margin-top: -315px;border:1px solid #F4F2F2;background:#fff;text-align: center;width:140px;}
.contact i{display: inline-block;vertical-align: top;}
.contact .close_contact{cursor: pointer;width:16px;height:16px;position:absolute;right:5px;top:5px;background-position: -17px 325px;}
span.tel{display:none;right: 0;position: fixed;z-index: 9;text-align: center;width: 26px;padding: 12px 6px;top: 50%;margin-top: -50px;border-radius: 5px 0 0 5px;line-height: 15px;background:#FFA800;color: #fff;font-size: 14px;}
span.tel a{color:#fff;}
span.tel i{width:22px;height:22px;background-position: -16px 294px;margin-bottom: 4px;display: inline-block;*display: inline;*zoom:1;}
.contact .goTop{display:none;}
.contact .goTop p{margin: 0 auto;width:100%;cursor:pointer;color:#fff;background:#ffa800;line-height: 25px;height:25px;font-size: 16px;text-align: center;padding-top: 10px;}
.contact .goTop p i{margin-top: 5px;width:16px;height:16px;background:url(../images/jiantou1.png);}
.contact .goTop p:last-child{padding-bottom:10px;padding-top: 0;}
.contact .goTop p a{color:#fff}
.contact ul{padding:0 16px;}
.contact ul li{border-bottom: 1px solid #eef0f1;padding: 8px 0;}
.contact ul li:last-child{border:0;}
.contact ul li.qq{}
.contact ul li.qq i{width:76px;height:76px;background-position: -76px 326px;margin-top: 25px;margin-bottom: 10px;}
.contact ul li.qq p{font-size: 16px;color:#3d3d3d;}
.contact ul li.qq button{cursor: pointer;line-height: 20px;padding:0 10px;color:#fff;border:0;background:#ffa800;font-size: 14px;height:20px;margin-top: 10px;border-radius: 20px;}
.contact ul li.tel{}
.contact ul li.tel i{width:22px;height:22px;background-position: -16px 265px;margin-top: 2px;margin-right: 2px;}
.contact ul li.tel p{font-size: 16px;line-height: 26px;color:#f92b32;width: 105%;}
.contact ul li.tel p span{line-height: 30px;color:#3d3d3d;font-size: 16px;}
.goto{text-align:center;}
.goto .imgIcon{width:100%;}
.goto p{font-size:14px;line-height:25px;}
.goto.trial p{color:#1abd6c;}
.goto.watch p{color:#ffa800;}
.goto.scanCode p{color:#3d3d3d;font-size:12px;}
 
.trialTxt{
	float: right;
	width: 600px;
	text-align: right;
}
.trialTxt p{display:inline-block;*display:inline-block;color:#9d9d9d;font-size:16px;line-height:25px;padding:15px 0;width: 434px;}
.trialTxt p i{display:inline-block;color:#f1a41f;font-size:20px;}
.trialTxt button{width:96px;line-height:30px;height:30px;text-align:center;border-radius:30px;color:#fff;background:#f1a41f;    cursor: pointer;}
.trialTxt button a{color:#fff;}
.appWindow{background: url("../images/videorgba.png")repeat;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1100;display:none;}
.appWindow .appBox{width: 380px;position: absolute;left: 50%;margin-left: -190px;z-index: 1110;top: 50%;margin-top: -246px}
.appWindow .appBox .appHd{background: url("../images/appHd.png") no-repeat;width: 380px;height: 171px}
.appWindow .appBox .appQRcode{text-align: center;background: #fff;padding-bottom: 30px}
.appWindow .appBox .appQRcode h3{font-size: 18px;color: #000;font-weight: normal;padding: 15px 0}
.appWindow .appBox .appQRcode p{padding: 5px 0}
.appWindow .appBox .appBtn{background: #fff;border-top: 1px solid #e0e0e0;text-align: center;border-radius: 0 0 5px 5px;overflow: hidden}
.appWindow .appBox .appBtn a{color: #01bb91;font-size: 24px;display: block;border: 0;border-radius: 0 0 5px 5px;padding: 10px 0}
/*******导航********/
.menuList{ position:relative; width:100%; height:75px; line-height:75px; background:rgba(25, 175, 100, .82); background:rgb(25, 175, 100)\9; position:absolute;  bottom: -75px;}
.menuList.detailsMenuList{ background:rgb(25, 175, 100);  position:relative;   bottom: 0px;}}
.menuList ul a{ color:#fff;}
.menuList >ul >li{ float:left;    width: 112px;color:#fff; font-size:18px;   text-align: center;      cursor: pointer; }
.menuList ul li.indexActive{width:215px; padding: 0;background:#14995f;position: relative; }
.menuList ul li.indexActive >a { color:#fffc01;}
.menuList ul li.indexActive >a>i{ display:inline-block; vertical-align:top; width:14px; height:14px;     margin-top: 30px;   *margin-top: 0;  margin-left: 20px;background:url(../../../images/shouyin/bannerIcon.png); background-position:-210px -19px;}
.menuList ul li.indexActive ol{ display:none; position: absolute; top:75px; left:0; width:100%;     height: 500px;}
.menuList ul li.indexActive ol li h3> i,.menuList ul li.indexActive ol li  em{display:inline-block; vertical-align:top; background:url(../../../images/shouyin/bannerIcon.png);}
.menuList ul li.indexActive ol li{ position:relative; padding:15px;    width: 185px;text-align: left;border-bottom: 1px solid rgba(255,255,255,.2);*border-bottom:1px solid #46d28d;background: rgba(26, 202, 115, 0.8);background:url(../../../images/shouyin/shouying2_07.png)\9; cursor: pointer;}
.menuList ul li.indexActive ol li:last-child{ border-bottom:0;    padding: 16px 15px;}
.menuList ul li.indexActive ol li dl{ position:absolute;top:-1px; left:100%; width:300px; padding:0 0px 26px 40px; display:none;    background: rgba(23, 159, 84, 0.91); background:url(../../../images/shouyin/shouyin1_03_03.png)\9;    border: 1px solid rgba(243, 245, 244, 0.2);border-left: 0;}
.menuList ul li.indexActive ol li:hover{    background: rgba(23, 159, 84, 0.91);background:url(../../../images/shouyin/shouyin1_03_03.png)\9;}
.menuList ul li.indexActive ol li:hover dl{ display:block;}
.menuList ul li.indexActive ol li dl dd{ float:left; color:#fff; font-size:14px; padding-top:30px; width:120px; margin-right:20px;    line-height: 25px;}
.menuList ul li.indexActive ol li dl dd a{ color:#fff;}
.menuList ul li.indexActive ol li dl dd:hover a{ color:#fffc01;}
.menuList ul li.indexActive ol li dl dd i{    display: inline-block;    width: 10px;    text-align: center;    line-height: 25px;    font-size: 10px;    vertical-align: top;    margin-right: 4px;    margin-top: -1px;}
.menuList ul li.indexActive ol li h3{ font-weight:normal; font-size:16px; color:#fff;    line-height: 30px;}
.menuList ul li.indexActive ol li:hover h3{color:#fffc01;}
.menuList ul li.indexActive ol li h3 i{ width:30px; height:30px;background-position: -3px -10px;}
.menuList ul li.indexActive ol li.l1 h3 i{background-position: -3px -10px;}
.menuList ul li.indexActive ol li.l2 h3 i{background-position: -37px -10px;}
.menuList ul li.indexActive ol li.l3 h3 i{background-position: -70px -10px;}
.menuList ul li.indexActive ol li.l4 h3 i{background-position: -103px -10px;}
.menuList ul li.indexActive ol li.l5 h3 i{background-position: -138px -10px;}
.menuList ul li.indexActive ol li.l6 h3 i{background-position: -170px -10px;}
.menuList ul li.indexActive ol li h3 em{ width:14px; height:14px; background-position:-241px -19px;    margin-top: 8px;    margin-left: 8px;}
.menuList ul li.indexActive ol li:hover h3 em{    background-position: -275px -19px;}
.menuList ul li.indexActive ol li p{ font-size:12px; margin-top:2px;    line-height: 20px;}
.menuList ul li.indexActive ol li p span{ padding-right:10px;}
.menuList ul li.indexActive ol li p span a{  color:#fff;}
.menuList ul li.indexActive ol li p span a:hover{  color:#fffc01;}
.dropDownList{ position:absolute; top:74px; left:0;    width: 100%;background: rgba(23, 159, 84, 0.91);background:url(../../../images/shouyin/shouyin1_03_03.png)\9;border-bottom: 1px solid #139755;}
.menuList >ul >li span.up{ position:absolute;     bottom: -20px; left:50%; width:34px; height:34px; margin-left:-17px; display:none; background:url(../../../images/shouyin/bannerIcon.png);    background-position: -258px -92px;}
.menuList >ul >li:hover span.up{ display:block;}
.dropDownList  {display:none;}
.dropDownList ul{ }
.dropDownList ul li{ float:left;}
.dropDownList ul li dl{ height: 250px;border-right:1px solid #139755; padding:15px 17px; color:#fff;}
.dropDownList ul li:first-child dl{ padding-left:0;}
.dropDownList ul li:last-child dl{ padding-right:0;border:0;}
.dropDownList ul li dl dt{margin-bottom: 10px; line-height:54px; font-size:19px; text-align:center; border-bottom:1px dashed #55c086;}
.dropDownList ul li dl dt i{     width: 34px;    height: 34px;    margin-top: 11px;  *margin-top: 0;    margin-right: 6px;display:inline-block;vertical-align:top; background:url(../../../images/shouyin/bannerIcon.png);}
.dropDownList ul li dl dd{ font-size:16px; line-height:35px;    text-align: left;}
.dropDownList ul li dl dt a,.dropDownList ul li dl dd a{color:#fff;}
.dropDownList ul li dl dd i{  display: inline-block;    width: 10px;    text-align: center;    line-height: 25px;    font-size: 10px;    vertical-align: top;    margin-right: 4px;    margin-top: 6px;}
.dropDownList ul.menuSystemList li dl{ width:137px;  }
.dropDownList ul.menuSystemList li.s1 dl  i{    background-position: -4px -44px;}
.dropDownList ul.menuSystemList li.s2 dl  i{    background-position: -39px -44px;}
.dropDownList ul.menuSystemList li.s3 dl  i{    background-position: -72px -44px;}
.dropDownList ul.menuSystemList li.s4 dl  i{    background-position: -107px -44px;}
.dropDownList ul.menuSystemList li.s5 dl  i{    background-position: -142px -44px;}
.dropDownList ul.menuSystemList li.s6 dl  i{    background-position: -177px -44px;}
.dropDownList ul.characteristicList{ padding-left:407px;}
.dropDownList ul.characteristicList li.s1 dl  i{    background-position: -210px -44px;}
.dropDownList ul.characteristicList li.s2 dl  i{    background-position: -246px -44px;}
.dropDownList ul.characteristicList li dl{ width:273px;     height: 195px; }
.dropDownList ul.characteristicList li dl dt{ text-align:left;}
.dropDownList ul.characteristicList li dl dd{ width:50%;    float: left;}
.dropDownList ul.programmeList{ padding:30px 20px; }
.dropDownList ul.programmeList li{  float:left; padding:0 28px; line-height:22px; font-size:19px; color:#fff; border-right:1px solid #58bd85;}
.dropDownList ul.programmeList li a{ color:#fff;}
.dropDownList ul.programmeList li:last-child{ border-right:0;}
.dropDownList ul.programmeList li i{ width:28px; height:28px;    margin-right: 8px;    margin-top: -2px; display:inline-block;vertical-align:top; background:url(../../../images/shouyin/bannerIcon.png); }
.dropDownList ul.programmeList li.s1 i{   background-position: -4px -89px;  }
.dropDownList ul.programmeList li.s2 i{   background-position: -38px -89px;  }
.dropDownList ul.programmeList li.s3 i{   background-position: -76px -89px;  }
.dropDownList ul.programmeList li.s4 i{   background-position: -113px -89px;  }
.dropDownList ul.programmeList li.s5 i{   background-position: -149px -89px;     width: 30px;  }
.dropDownList ul.programmeList li.s6 i{   background-position: -186px -89px;  }
.dropDownList ul.programmeList li.s7 i{   background-position: -221px -89px;  } 
.menuList >ul >li> a{    position: relative; color:#fff; display:inline-block; width:100%; height:100%; vertical-align:top; }
.menuList ul> li a:hover,.menuList ul li.active a,.menuList> ul> li:hover> a{ color:#fffc01;}
.menuList ul li >ul{ display:none; position:absolute; border-radius:0 0 5px 5px;width:360px; padding:10px 20px; left:-140px;    top: 75px;    background: rgba(25, 175, 100, 0.82);background:rgb(25, 175, 100)\9;z-index: 9; }
.menuList ul li:hover> ul{ display:block;}
.menuList ul li>ul> li{ width:90px;    font-size: 14px;line-height: 25px;    text-align: left;}

/*******导航********/
.warp {    width: 1000px;    margin: 0 auto;}
.footer{height:auto;padding: 40px;margin-top:40px;background: #f8f8f8;}

.footer .ftUl{text-align: center}

.footer .ftUl .ftColumns{display: inline-block;float:left;text-align: left;margin-left: 40px;width: 150px;}

.footer .ftUl .ftColumns{*display: inline}

.footer .ftUl .ftColumns:first-child{margin-left: 0}

.footer .ftUl .ftColumns h2{font-size: 18px;color: #3d3d3d;font-weight: normal;padding:20px 0}

.footer .ftUl .ftColumns .links{}

.footer .ftUl .ftColumns .links li{margin-bottom: 5px}

.footer .ftUl .ftColumns .links li a{}

.footer .ftUl .last{width: 240px;}

.footer .ftUl .last .qrCode{}

.footer .ftUl .last .qrCode li{float: left;margin-left: 20px}

.footer .ftUl .last .qrCode li:first-child{margin-left: 0}

.footer .ftUl .last .qrCode li .name{display: block;text-align: center}
