﻿/* 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: 25px 0 20px; position: fixed;top:0;   left: 0;    z-index:99;    margin: 0;    box-shadow: 0px 1px 5px #AFACAC;}
.header .fixed_header2 {
    width: 100%;
    position: fixed;
    top: 76px;
    left: 0;
    z-index: 8;
    margin: 0;
    box-shadow: 0px 1px 5px #AFACAC;
}

/*********顶部导航**********/
/***********右侧导航*****************/

/* .contact{z-index: 9;position: fixed;right:0;top:50%;margin-top: -315px;border:1px solid #F4F2F2;background:#fff;text-align: center;width:78px;box-sizing: border-box;} */
.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!important;box-shadow:0px 0px 17px #ececec;border:1px solid #ececec;box-sizing: border-box;}
.contact ul li{border-bottom: 1px solid #edf1f2;padding: 16px 0;text-align: center;}
.contact ul li:last-child{border:0;}
.contact ul li.qq{border-bottom: 1px solid #edf1f2;}
.contact ul li.qq i{width:28px;height:28px;margin-bottom:5px!important;}
.contact ul li.qq .icon{background: url(../images/zixun-ico.png) no-repeat center center;margin-top: 0!important}

.contact ul li.qq button{font-size: 12px;width:100%;display:inline-block;cursor: pointer;line-height: 20px;padding:0 10px;color:#747474;border:0;height:20px;margin-top:0px!important;background: none}

.contact ul li.tel{position: relative;cursor: pointer;}
.contact ul li.tel .icon{width:28px;height:28px;background: url(../images/tel-ico.png) no-repeat center center;margin:0;margin-bottom: 5px;}
.contact ul li.tel p{font-size: 12px;line-height: 20px;color:#747474;}
.contact ul li.tel .callme{background: #fff;padding: 0 20px;height:60px;position: absolute;left:-230px;bottom:10px;box-shadow:0px 0px 17px #ececec;border:1px solid #ececec;border-radius: 2px;display: none}
.contact ul li.tel .callme .txt{font-size:20px;color:#0ab856;line-height:60px;}
.contact ul li.tel .callme .phone-ico{vertical-align: middle;margin-top:-3px;display:inline-block;width:30px;height:32px;background: url(../images/dianhua.png) no-repeat center center;margin-right:10px;}
.contact ul li.tel .callme:after{position: absolute;content: '';width:12px;height:12px;border-right:1px solid #ececec;border-bottom:1px solid #ececec;right:-8px;bottom:22px;background: #fff;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.contact ul li.tel:hover{background:#0ab856;}
.contact ul li.tel:hover p{color:#fff;}
.contact ul li.tel:hover .icon{background-image: url(../images/tel-ico-on.png);}
.contact ul li.tel:hover .callme{display: block;z-index；99}

.goto{text-align:center;}
.goto .imgIcon{display:inline-block;width:28px;height:28px;background: url(../images/care-ico.png) no-repeat center center;}
.goto p{font-size:14px;line-height:25px;}
.goto.trial p{color:#747474;}
.goto.watch p{color:#ffa800;}
.goto.scanCode p{color:#747474;font-size:12px;}
.contact ul li .dailiimg{display:inline-block;width:28px;height:28px;background: url(../images/daili-ico.png) no-repeat center center;}
.contact ul li .shiyong{display:inline-block;width:28px;height:28px;background: url(../images/shiyong-ico.png) no-repeat center center;}

.contact ul li.scanCode{position: relative;cursor: pointer;}
.contact ul li.scanCode .careme{display: none;background: #fff;padding: 10px;position: absolute;left:-173px;bottom:-48px;box-shadow:0px 0px 17px #ececec;border:1px solid #ececec;border-radius: 2px;}
.contact ul li.scanCode .careme img{width:134px;height:134px;}
.contact ul li.scanCode .careme p{font-size:16px;color:#666;}
.contact ul li.scanCode .careme .phone-ico{vertical-align: middle;margin-top:-3px;display:inline-block;width:30px;height:32px;background: url(../images/dianhua.png) no-repeat center center;margin-right:10px;}
.contact ul li.scanCode .careme:after{position: absolute;content: '';width:12px;height:12px;border-right:1px solid #ececec;border-bottom:1px solid #ececec;right:-8px;bottom:80px;background: #fff;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.contact ul li.scanCode:hover .careme{display: block;z-index；99}
.contact ul li.scanCode:hover{background:#0ab856;} 
.contact ul li.scanCode:hover p.tx{color:#fff;}
.contact ul li.scanCode:hover .imgIcon{background-image: url(../images/care-ico-on.png);}


.trialTxt{float:right;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:70px;line-height:24px;height:26px;text-align:center;border-radius:30px;color:#fff;background:#f1a41f;cursor: pointer;color:#999; background:#fff;border:1px solid #999;box-sizing: border-box;}
.trialTxt button a{color:#999;}
.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;height:46px; line-height:46px;float:right;width:auto;background: none;bottom:0;}
.menuList.detailsMenuList{ background:rgb(25, 175, 100);  position:relative;bottom: 0px;}}
.menuList ul a{ color:#fff;}
.menuList >ul >li{ float:left;width:auto;color:#fff; font-size:18px;   text-align: center;height: 46px;line-height: 46px;cursor: pointer; margin-left: 20px}

.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/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/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/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/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/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:49px; left:0; width:830px;background: none!important;}
.menuList >ul >li span.up{ position:absolute;bottom: -30px; left:50%; width:14px; height:8px; margin-left:-7px; display:none; background:url(../images/sanjiao.png) no-repeat center center;}
.menuList >ul >li:hover span.up{ display:block;}
.dropDownList  {display:none;}
.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/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{padding-top:42px;padding-left: 42px;padding-bottom:35px;float:none!important;margin-top: 27px;background: rgba(255, 255,255, 0.97);border: 1px solid #0ab856;}
.dropDownList ul.menuSystemList li{  float:left;line-height:22px; font-size:14px; color:#333;margin-right: 53px;margin-bottom: 20px;width:100px;}
.dropDownList ul.menuSystemList li a{ color:#333;text-align: left}
.dropDownList ul.menuSystemList li a.tit{display: block;font-weight: 700;padding-bottom: 10px;margin-bottom: 12px;border-bottom: 1px solid #ddd;padding-right: 10px;font-size: 14px;}
.dropDownList ul.menuSystemList li a.desc{margin-bottom: 20px;min-width: 100px;display: block;}
.dropDownList ul.menuSystemList li a.desc:hover{border:none;}

.dropDownList ul.characteristicList{padding-top:42px;padding-left: 42px;padding-bottom:35px;float:none!important;margin-top: 27px;background: rgba(255, 255,255, 0.97);border: 1px solid #0ab856;}
.dropDownList ul.characteristicList li{  float:left;line-height:22px; font-size:14px; color:#333;margin-right: 53px;margin-bottom: 20px;width:100px;}
.dropDownList ul.characteristicList li a{ color:#333;text-align: left}
.dropDownList ul.characteristicList li a.tit{display: block;font-weight: 700;padding-bottom: 10px;margin-bottom: 12px;border-bottom: 1px solid #ddd;padding-right: 10px;font-size: 14px;}

.dropDownList ul.programmeList{margin-top: 27px;background: rgba(255, 255,255, 0.97);border: 1px solid #0ab856;padding-top:42px;padding-left: 42px;padding-bottom:35px;float:none !important;}
.dropDownList ul.programmeList li{  float:left;line-height:22px; font-size:14px; color:#333;margin-right: 53px;margin-bottom: 20px;width:100px;}
.dropDownList ul.programmeList li a{ color:#333;text-align: left}
.dropDownList ul.programmeList li a.tit{display: block;font-weight: 700;padding-bottom: 10px;margin-bottom: 12px;border-bottom: 1px solid #ddd;padding-right: 10px;font-size: 14px;}


.dropDownList ul.programmeList li i{ width:28px; height:28px;    margin-right: 8px;    margin-top: -2px; display:inline-block;vertical-align:top; background:url(../images/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:#333; display:inline-block;height:100%; vertical-align:top;font-size: 15px;padding: 0 10px; }
.menuList >ul >li>a{border-bottom: 1px transparent #0ab856;}
.menuList ul> li a:hover,.menuList ul li.active a,.menuList> ul> li:hover> a{ color:#0ab856;border-bottom-style: solid;}
.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}