@charset "utf-8";
/* CSS Document */
html,body{background:#fff;font-family:"微软雅黑";margin:0;padding:0;}
a{text-decoration:none;}
a:hover{text-decoration:none; color:#383838;}
ul,li {list-style:none; padding:0; margin:0;}
.main_box {width:1200px; margin:0 auto;}
#top { width:100%;background: rgba(0,0,0,0.8);box-shadow: 0 1px 1px rgba(0,0,0,0.2);height:6em;line-height:6em; position:fixed;z-index: 9999; background:#000 \9;}
#top .logo {margin-top:0; float:left;}
#top .logo img {width:246px; height:auto; border:0;}

#top .header-main{float: right;position: relative;z-index: 999; width:auto;}
#top .header-main #nav{height:6em;float: left; margin-right:150px;}
#top .header-main #nav li{float: left;position: relative; display: block;margin:1em 0 0 1em;color: #fff;font-size:16px; width:70px; height:50px;line-height:50px;text-align:center;}
#top .header-main #nav li>a{color: #fff;font-size:16px; width:70px; height:50px; display:block; text-align:center; line-height:50px;}
#top .header-main #nav li>a:hover {color: #fff;display:block;background:#15a06c;}

#top .header-main #nav li>a.active{color: #14a06c;}

#top .header-main #nav .submenu{visibility: hidden;opacity: 0; position: absolute;left:0px;top:50px;z-index: 999; -webkit-transition: all 0.7s;transition: all 0.7s;display: none \9;background:#fff \9;font-size:14px;}
#top .header-main #nav .submenu .submain::before{content:'';width:10px;height:10px; transform: rotate(45deg); -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);  border-width: 1px 0 0 1px;border-style: solid; border-color:#eee transparent transparent #eee; background-color:rgba(255,255,255,1); display: block;position: absolute;left:18%;top:-6px;z-index:-1; display:none \9;}
#top .header-main #nav .submenu .submain{border: 1px solid #eee; transform: translate(0,10px);width:auto;background-color:rgba(255,255,255,1);border-radius: 5px;overflow: hidden;overflow:visible \9;border-radius:0 \9;transform: translate(0,0) \9;white-space:nowrap; text-align:left;}
#top .header-main #nav .submenu .submain a {color:#333;}
#top .header-main #nav .submenu a{display: block;color:#4c4c4c;padding: 0 20px;line-height:40px;}
#top .header-main #nav .submenu a:hover{background:#14a06c ;color: #fff;}
#top .header-main #nav .submenu a:hover {background:#14a06c ;}
#top .header-main #nav li:hover{}
#top .header-main #nav li:hover>a{}
#top .header-main #nav li:hover .submenu {visibility: visible; opacity: 1; display: block \9;margin-top: -3px;}

#top .header-main .loginBtn{background:#14a06c; color: #fff;font-size:16px;padding: 6px 18px;margin: auto 15px; border-radius: 7px;border: none;}
#top .header-main .loginBtn:hover{border: none;color: #14a06c;background:#ffffff;}
#top .header-main .regBtn{color: #fff;font-size:14px;padding: 3px 0px;margin: auto 0px;}
#top .header-main .regBtn:hover{color: #ccc;}
#top #login {float:left; margin-top:5px;}
#top .header-main .tel i{color: #fff;font-size:16px;font-style: normal; margin-left:15px;}
#top .header-main .tel span{display: none;}
#top .header-main span {font-size:16px; color:#fff; margin:0 -10px 0 30px;}
#top .header-main #nav li.active {background:#15a06c;}
#top .header-main #nav li.active a {color:#fff;}

.container{padding:0; text-align: center;margin:0 auto; width:100%; position:relative;}
.container h4{font-size: 2.8em;color: #202020;  padding:60px 0;}
.signupBtn{position: relative; background: #14a06c;color: #fff;padding: 0.5em 1.5em; margin-top:60px; border-radius: 5px; font-size:1.5em; display:inline-block; }
.signupBtn:hover {background-color:#ccc;}


.nav ul {}
.nav li {float:left; display:block; padding:0 10px;font:16px "微软雅黑";line-height:100px;}
.nav li a {color:#ffffff;}
.nav li.active a {color:#5aaddf; font-weight:700;}
.nav li a:hover {color:#5aaddf;}
.top .login_box { float:right; margin:32px 10px 0 0;}
.top .login_box .register { width:90px; height:36px; background:#5aaddf; border-radius:4px; float:left; text-align:center; display:block;margin-left:15px; }
.top .login_box .login {width:90px; height:36px; background:#ddd; border-radius:4px; float:left; text-align:center; display:block;}
.top .login_box .register a {color:#fff; line-height:35px;}
.top .login_box .register a:hover {color:#000;}
.top .login_box .login a {color:#333; line-height:35px;}
.top .login_box .login a:hover {color:#5aaddf;}
.banner1 {width:100%; height:400px; background:url(../images/banner1.jpg) no-repeat center top;}
.banner1 .register {width:90px !important; height:36px;line-height:35px;background:#fff; border-radius:4px; float:right;text-align:center; margin:157px 140px 0 0;}
.banner1 .register a {color:#5aaddf;}
.banner1 .register a:hover {color:#000;}


.reg {width:100%; height:440px; background:url(../images/idx-3.jpg) no-repeat center top;clear:both; text-align:center; margin:0; padding:0; overflow:hidden;}
.reg .reg_bt {line-height:60px; height:60px; width:280px; margin:0 auto;}
.reg .reg_bt a {color:#666;width:280px !important; height:60px;display:block;background:#fff;border-radius:5px;text-align:center;font:24px "微软雅黑";line-height:60px;}
.reg .reg_bt a:hover {color:#000;background:#eee;}
.reg p {font:48px "微软雅黑";color:#ffffff;}

.footer {margin: 0;width:100%;position:relative; background:#333; padding-top:50px; clear:both;}

.footer .footer_logo {float: right;position:relative;margin-top:15px}
.footer .footer_logo span{padding:0; margin:15px 0;font-size: 1.5em;letter-spacing: 0.05em; text-align:center;color:#ffffff; display:inline-block; border-radius:40px; border:2px solid #fff;width:40px; height:40px; line-height:40px; text-align:center;}
.footer .footer_logo dl dt {padding:0;font-size: 16px;letter-spacing: 0.05em; text-align:left;color:#14a06c; line-height:200%; margin:0;position:relative;}
.footer .footer_logo dd {padding:0;font-size: 14px;letter-spacing: 0.05em; text-align:left;font-family:"微软雅黑"; color:#ffffff; line-height:180%; margin:0;position:relative;}

.footer .footer_nav {float:left; position:relative;}
.footer .footer_nav dl {float:left !important; margin:15px 40px 0 0;display:block;position:relative;}
.footer .footer_nav dl dt {padding:0;font-size: 16px;letter-spacing: 0.05em; text-align:left;color:#14a06c; line-height:200%; margin:0;position:relative;}
.footer .footer_nav dl dt a {color:#14a06c;}
.footer .footer_nav dl dd {padding:0;font-size: 14px;letter-spacing: 0.05em; text-align:left;font-family:"微软雅黑"; color:#ffffff; line-height:200%; margin:0;position:relative;}
.footer .footer_nav dl dd a {color:#ffffff;}
.footer .footer_nav dl dd a:hover {color:#14a06c;}

.footer .line999 {width:100%; height:1px; border-top:1px solid #797979 !important; padding:0; margin:20px auto;}

.footer .copyright {clear:both; padding:20px 0; text-align:left; margin:0;font-size: 14px;letter-spacing: 0.05em;font-family:"微软雅黑"; color:#ffffff;line-height:150%; position:relative;}
.footer .copyright a,.footer_bottom .footer_nav dl dt a:hover {color:#ffffff;}
.footer .copyright a:hover,.footer_bottom .footer_nav dl dt a {color:#14a06c;}
.footer .copyright a {color:#14a06c;}
.footer .copyright a:hover {color:#ffffff;}
.guide { background:#54afe4; text-align:center;}
.guide img { margin-top:93px;}
.guide_icon1 {margin:50px auto 10px auto; width:126px;}
.guide_list { margin:0 auto !important;text-align:center;width:700px;}
.guide_list dl {width:700px !important;margin:0 auto !important;}
.guide_list dl dt {padding:20px 0;font:18px "微软雅黑";text-align:center; line-height:26px;color:#5aaddf; font-weight:700;}
.guide_list dl dd {font:16px "微软雅黑";line-height:28px;color:#666;padding:10px 0 0 0 !important; clear:both;}
.guide_list dl dd a {color:#ec6941;}
.guide_list dl dd a:hover {color:#5aaddf;}

.wrap_1005{width: 1005px;display: block;margin: 0px auto;position: relative;}

.app_back {width:100%;height:520px;position: relative;z-index: 2;background:url(../images/app_bakc.jpg) no-repeat center center; padding-top:60px;}
.app_back .slide{position:relative;overflow:hidden;height:520px;}
.app_back .app-1 {width:486px;height:520px;position: relative;background:url(../images/app-1.png) no-repeat left center; float:left;}
.app_back .app-2 {width:auto;height:520px;position: relative; float:left;}
.app_back .app-2 .app-2-1 {width:510px;height:210px;position: relative;background:url(../images/app-2.png) no-repeat left center;}
.app_back .app-3 {width:auto;height:260px;position: relative;}
.app_back .app-3 .app-3-1 {width:224px;height:270px;position: relative;float:left; margin-left:20px;}
.app_icon1 {width:1000px;height:520px;background:url(../images/app-4.png) no-repeat center center;}

.index_slide{width:100%;height:520px;background:#54afe4;position: relative;z-index: 2; padding-top:60px;}
.index_slide .slide{position:relative;overflow:hidden;height:520px;}

/*在线客服部分*/
.qqserver p img{display:inline;margin:-5px 5px 0 0;vertical-align:middle;}
.scrollsidebar{position:absolute;z-index:999;bottom:100px;}
.side_content{width:120px;height:auto;overflow:hidden;float:left;}
.side_content .side_list{width:120px;overflow:hidden;}
.show_btn{width:0;height:144px;overflow:hidden;margin-top:0px;float:left;cursor:pointer;}
.show_btn span{display:none;}
.close_btn{width:24px;height:24px;}
.side_title,.side_bottom,.close_btn,.show_btn{background:url(../images/mx/sidebar_bg.png) no-repeat;_background:url(../images/mx/sidebar_bg.gif) no-repeat;}
.side_title{height:46px;}
.side_bottom{height:8px;}
.side_center{font-family:Verdana, Geneva, sans-serif;padding:10px 12px 5px 12px;font-size:12px;}
.close_btn{float:right;display:block;width:19px;height:19px;margin:13px 5px 0 0;_margin:13px 0 0 0;cursor:pointer;}
.close_btn span{display:none;}
.side_center .qqserver p{text-align:left;padding:6px 0;margin:0;vertical-align:middle;}
.phoneserver {font-size:12px;text-align:center; letter-spacing:-0.05em;}
.msgserver{border-top:1px dotted #ccc;text-align:center;margin-top:5px;padding:5px 0;}
.msgserver a{background:url(../mx/images/sidebar_bg.gif) no-repeat -119px -154px;padding:3px 0 3px 23px;}
.side_content hr{border-bottom:1px solid #E6E6E6;height:1px;margin:10px 0;clear:both;}
.side_green .side_title{background-position:-505px 0;}
.side_green .side_center{background:#EBEBEB;}
.side_green .side_bottom{background-position:-505px -60px;}
.side_green .close_btn{background-position:-44px -45px;}
.side_green .close_btn:hover{background-position:-65px -45px;}
.side_green .show_btn{background-position:-187px 0;}
.side_green .msgserver a{color:#68c40b;}
.side_green hr{border-bottom:1px solid #edf2e5;}

.slide .hb_bt { width:153px; height:39px;left:590px;top:340px;position:absolute;}
.v_menu {width:220px;height:470px; float:right; display:block;background-color: rgba(255,255,255,0.3); }
.v_menu li.v_menu_1 {width:220px;height:200px;background:url(../mx/images/app-5.png) no-repeat center top;position:relative; z-index:999;margin-top:50px;}
.v_menu li.v_menu_bt {width:220px;height:43px;display:block; text-align:center;position:relative; margin-top:20px;}
.v_menu li.v_menu_bt img {border:0;}

.normalBtn {position: relative; background: #ffffff;color: #14a06c;padding: 0.5em 1.5em; border-radius: 5px; font-size:1.5em; display:inline-block; border:1px solid #14a06c;-webkit-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms; float:none !important;outline:0; margin:20px auto; clear: both;}
.normalBtn:hover {background-color:#14a06c; color:#fff;transition-delay: 0.2s;}
.normalBtn1 {position: relative; background-color:#14a06c;color:#fff;padding: 0.5em 1.5em; border-radius: 5px; font-size:1.5em; display:inline-block; border:1px solid #14a06c;-webkit-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms; float:none !important;outline:0; margin:20px auto; clear: both;}
.normalBtn1:hover {background: #ffffff;color: #14a06c;transition-delay: 0.2s;}

.list_menu {width:100%; height:100px;background: rgba(0,0,0,0.6); overflow:hidden; text-align:center;}
.list_menu ul{ list-style:none; margin:0 auto; padding:0;}
.list_menu ul li {padding:0; width:140px; height:100px;background: rgba(0,0,0,0.1); margin:0; display:inline-block;}
.list_menu ul li span {font-size:2em; line-height:60px;}
.list_menu ul li p {font:16px "微软雅黑";line-height:28px;}
.list_menu ul li a {color:#14a06c;}
.list_menu ul li a:hover {color:#fff;display:inline-block;}

.imgnoShadow img{box-shadow:none;}
.w1k{width:1000px;margin:0 auto; clear:both}

.f7f7f7{background:#f7f7f7;}

.main_box_top {width:100%; clear:both;}
.main_box_list {width:100%; clear:both;margin:0 auto; padding:20px; min-height:300px; position: relative;}
.main_box_list .content ul {margin:0; padding:0; list-style:none;}
.main_box_list .content ul li { float:left; text-align:center;padding:0;display: block; margin-top:30px; } 
.main_box_list .content ul li p {margin-top:0; padding-top:0;}
.main_box_list .content li p.summary {font:14px "微软雅黑";color:#666;line-height: 22px !important;text-align:center; padding:15px 8px 0 8px;}
.main_box_list .content li p.title a {text-align:center; color:#14a06c;font:18px "微软雅黑";line-height: 28px; padding-top:10px; display:block;} 
.main_box_list .content li p.title a:hover ,.main_box_list .content li p.more a:hover {color:#333;} 
.main_box_list .content li p.more a {text-align:center; color:#14a06c;font:14px "微软雅黑";line-height: 36px; padding-top:0px; display:block;} 
.main_box_bottom {background:#f7f7f7; text-align:left;}
.main_box_bottom dl {width:580px;margin:0; padding-top:20px; list-style:none; float:left;line-height:28px;}
.main_box_bottom dl dt {font:18px "微软雅黑";line-height:28px;color:#383838;}
.main_box_bottom dl dd {line-height:28px;}

.main_box_bottom dl dd span{font:14px "微软雅黑";color:#808080;line-height:28px; overflow:hidden;}
.main_box_bottom dl dd a{font:16px "微软雅黑";color:#14a06c; width:100px;}
.main_box_bottom dl dd a:hover {color:#383838;}
.main_box_bottom .dl2 { margin-left:40px;}
.main_box_bottom .dl1 { clear:both;}
.main_box_bottom .content {font:"微软雅黑";color:#383838;}
.main_box_bottom .content h2{ font-size:18px;color:#14a06c; font-weight:500; line-height:42px;}
.main_box_bottom .content p{ font-size:16px;color:#808080; font-weight: normal; line-height:32px;}

.main_box_list li.feature1,.main_box_list li.feature2,.main_box_list li.feature3,.main_box_list li.feature4 {width:217px;margin:10px; border:1px solid #E7E7E7;background:#F8F8F8; padding-bottom:20px !important;}
.main_box_list .feature1 span {width:217px;height:86px;display:block;background:#67b0d1; padding-top:34px;}
.main_box_list .feature2 span {width:217px;height:90px;display:block;background:#ebc85e;padding-top:30px;}
.main_box_list .feature3 span{width:217px;height:90px;background:#4ad585;display:block;padding-top:30px;}
.main_box_list .feature4 span{width:217px;height:87px;background:#e87352;display:block;padding-top:33px;}
.main_box_list .feature1 img,.main_box_list .feature2 img,.main_box_list .feature3 img,.main_box_list .feature4 img { margin-top:0}
.main_box_list .product_idx {padding:0 !important;margin:0 auto !important;display:block; position:relative;}  
.main_box_list .product_idx .product_idx_list ul {width:100%x;padding:0 20px;margin-left:80px;float:left; overflow:hidden;} 
.main_box_list .product_idx .product_idx_list ul li {padding:5px; float:none;text-align:left;margin:0;} 
.main_box_list .product_idx .product_idx_list ul li a {color:#14a06c;font:16px "微软雅黑";line-height: 36px;} 
.line1 {width:100%;height:10px; border-bottom:1px solid #dedede; margin-bottom:30px !important; clear:both;}
.line2 {width:100%;height:30px; border-bottom:1px dashed #dedede; margin-bottom:30px !important; clear:both;}
.line3 {width:auto;height:1px; border-bottom:1px solid #dedede; clear:both; margin:50px;}
.main_box_list .product_idx .product_idx_list ul li p {font:14px "微软雅黑";color:#808080;line-height: 28px !important;text-align:left !important;}
.main_box_list .product_idx .product_idx_list ul li .rem { width:4px;height:4px;border-radius:2px;background:#666; float:left; margin:17px 5px 0 0;}
.main_box_list .product_idx .product_idx_img {width:240px;padding:0; float:left;text-align:center; margin:0 !important;position:relative;}
.main_box_list .product_idx .product_idx_img img { margin-top:10px !important;}
.main_box_list .product_idx .product_idx_img .title a {text-align:center; color:#14a06c;font:18px "微软雅黑";line-height: 42px;display:block;} 
.main_box_list .product_idx .product_idx_img .title a:hover,.main_box_list .product_idx .product_idx_img p.more a:hover, .main_box_list .product_idx .product_idx_list ul li a:hover {color:#383838;} 
.main_box_list .product_idx .product_idx_img p {color:#808080;font:16px "微软雅黑";line-height: 28px;} 
.main_box_list .product_idx .product_idx_img p.more a {text-align:center; color:#14a06c;font:14px "微软雅黑";line-height: 28px;display:block;} 

/* 内容 */
#Article{ overflow:hidden}
#Article,.photo-channel .relevance{zoom:1; padding:0;}
#Article h1{color:#383838;font:30px/36px "微软雅黑",arial;margin-bottom:6px; text-align:center; padding:16px 0 8px;font-weight:normal;}
#Article h1 span{ font-size:12px; font-weight:normal; line-height:35px; color:#999}
#Article .content{ font:16px "微软雅黑",arial; padding:20px 0; line-height:200%;text-align:left;}
#Article .content img {max-width:700px; height:auto;_width:expression(this.width<700px?"auto":"700px");}
#Article .content p{font:16px "微软雅黑";line-height:180%;text-align:left;word-wrap:break-word; padding:0}
#Article .content a {color:#14a06c;}
#Article .content a:hover {color:#333;}
#Article .related{ border-top:dashed 1px #ccc; margin-top:15px}
#Article .related h5{padding-bottom:4px}
#Article .related{ padding:10px 0 0}
#Article .related a{ color:#0b3b8c}
.Article-Tool{position:relative;text-align:right; padding:50px 30px 0 30px; vertical-align:middle; height:15px;}
.Article-Tool a{width:16px;height:16px;line-height:16px;background: url(../images/v9/icon.png) no-repeat; margin-left:6px;}
.Article-Tool a:hover{text-decoration: none}
.Article-Tool a.t,.Article-Tool a.t6{background-position: left -336px; width:auto; padding-left:16px; color:#8896b1}
.Article-Tool a.t1{background-position: left -115px;}
.Article-Tool a.t2{background-position: left -159px;}
.Article-Tool a.t3{background-position: left -205px;}
.Article-Tool a.t4{background-position: left -250px;}
.Article-Tool a.t5{background-position: left -294px;}
.Article-Tool a.t6{background-position: left -421px;padding-left:18px;}
.Article-Tool a ,.photo-list li,.photo-channel .photo-slide .change i,.photo-channel .tool .auto,.photo-channel .tool .up,.photo-channel .tool .next,.photo-cat .content h5 span.blue a,.submit{display:inline-block;zoom:1;*display:inline;}
.Article-Tool .source {font:16px "微软雅黑";float:left; color:#666;}
#Article .f16 {font:16px "微软雅黑";line-height:200%;}
#Article .f16 a {color:#333;}
.list_warperMain01 #Article span.more a {color:#15a06c;}
#Article .f16 a:hover,.list_warperMain01 #Article span.more a:hover {color:#000;}
.list_warperMain01 #Article span.more {float:right; padding-right:30px;font:16px "微软雅黑";}
.tip{bottom:20px; position: fixed; right:20px; z-index:99; cursor: pointer;}

/* 分页 */
#pages { padding:14px 0 10px; font-family:宋体; clear:both;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #bfbfbf; text-align:center; color:#333; padding:0 10px;border-radius: 3px;}
#pages a.a1 {width:56px; padding:0 }
#pages a:hover { background:#646464; color:#fff; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#646464; border:1px solid #bfbfbf; color:#fff; text-align:center;padding:0 10px;border-radius: 3px;}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

/*左侧单网页导航菜单*/
.all_column1 {width:220px; padding:0; margin:20px 0 0 0;overflow:hidden; position: relative;float:left;}
.all_column1 ul {margin:0; padding:0; list-style:none;}
.all_column1 li {height:45px !important;line-height:45px; font-size:16px;font-family:"微软雅黑";border-radius: 5px;border:1px solid #14a06c;-webkit-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms; margin-top:10px; display:block;}
.all_column1 li a {color:#383838;}
.all_column1 li a:hover {background-color:#14a06c; color:#fff;transition-delay: 0.2s; display:block;}
.all_column1 li.cur {font-size:16px;font-family:"微软雅黑";height:45px;line-height:45px; font-size:16px;position: relative; background-color:#14a06c;color:#fff;border-radius: 5px; ;border:1px solid #14a06c;-webkit-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms; float:none !important;outline:0; clear: both;}
.all_column1 li.cur a {color:#fff;}
.all_column1 h2 {font-family:"微软雅黑";font-size:16px; padding-left:15px; line-height:45px;}
.all_column1 p.menu2 a {background:url(../images/v9/dotte1.png) no-repeat 18px 8px;font-family:"微软雅黑";font-size:14px; padding-left:30px; line-height:22px;}
.all_column1 p.menu3 a {font-family:"微软雅黑";font-size:14px; padding-left:40px; line-height:45px;background:url(../images/v9/dotte1.png) no-repeat 30px -13px;list-style:none;}
.col-right{width:935px;float:right; padding-top:20px;}

/*APP*/
.AppShow {height:750px; background:#3b3e42; text-align:center;}
.AppShow h2{color:#ccc;font:30px/36px "微软雅黑",arial;margin-bottom:6px; text-align:center; padding:100px 0 30px;font-weight:normal;}

/*价格*/
.priceTxt h2{color:#14a06c;font:30px/36px "微软雅黑",arial;margin-bottom:6px; text-align:center; padding:100px 0 30px;font-weight:normal;}
.priceTxt h4{color:#383838;font:18px "微软雅黑",arial; line-height:200%;text-align:center; padding:0;font-weight:normal;}

