﻿/*自定义*橙色*文本/边框/背景色*/
.text-orange,a.text-orange:link,a.text-orange:visited,.button.border-orange,blockquote.border-orange,.pager.border-orange a,.pager-prev.border-orange,.pager-next.border-orange {	color: #f8a20d;}
.border-orange,.border-orange .button,.border-orange .tab-nav li a,.border-orange .tab-body,.button.bg-orange,.selected.border-orange,.pointer.border-orange li,.nav.border-orange .active a,.nav.nav-tabs.border-orange,.nav-main.border-orange a,.nav-main.border-orange .nav-head,.pagination.border-orange li,.pager.border-orange a {	border-color: #f8a20d;color:#fff;}
.bg-orange,.border-orange .button.active,.pointer.border-orange .active,.nav-pills.border-orange .active a,.nav-orange.border-orange .nav-head,.pagination.border-orange .active {	background-color: #f8a20d;color:#fff;}
.button.bg-orange:hover,.button.bg-orange:focus{ background: #ff7e00; border-color: #ff7e00;}

/*自定义*黄色*文本/边框/背景色*/
.text-yellow,a.text-yellow:link,a.text-yellow:visited,.button.border-yellow,blockquote.border-yellow,.pager.border-yellow a,.pager-prev.border-yellow,.pager-next.border-yellow {	color: #f2bf1d;}
.border-yellow,.border-yellow .button,.border-yellow .tab-nav li a,.border-yellow .tab-body,.button.bg-yellow,.selected.border-yellow,.pointer.border-yellow li,.nav.border-yellow .active a,.nav.nav-tabs.border-yellow,.nav-main.border-yellow a,.nav-main.border-yellow .nav-head,.pagination.border-yellow li,.pager.border-yellow a {	border-color: #f2bf1d;}
.bg-yellow,.border-yellow .button.active,.pointer.border-yellow .active,.nav-pills.border-yellow .active a,.nav-yellow.border-yellow .nav-head,.pagination.border-yellow .active {	background-color: #f2bf1d; color:#fff;}
a.text-yellow:hover, a.text-yellow:focus{ color:#f8a20d;}
.button.bg-yellow:hover,.button.bg-yellow:focus{ background: #ff7e00; border-color: #f8a20d;}

/*自定义*蓝色链接*文本/边框/背景色*/
.text-blue-link,a.text-blue-link:link,a.text-blue-link:visited,.button.border-blue-link,blockquote.border-blue-link,.pager.border-blue-link a,.pager-prev.border-blue-link,.pager-next.border-blue-link {	color: #1580cc;}
.border-blue-link,.border-blue-link .button,.border-blue-link .tab-nav li a,.border-blue-link .tab-body,.button.bg-blue-link,.selected.border-blue-link,.pointer.border-blue-link li,.nav.border-blue-link .active a,.nav.nav-tabs.border-blue-link,.nav-main.border-blue-link a,.nav-main.border-blue-link .nav-head,.pagination.border-blue-link li,.pager.border-blue-link a {	border-color: #1580cc;}
.bg-blue-link,.border-blue-link .button.active,.pointer.border-blue-link .active,.nav-pills.border-blue-link .active a,.nav-blue-link.border-blue-link .nav-head,.pagination.border-blue-link .active {	background-color: #1580cc;}

/*自定义*绿色*文本/边框/背景色*/
.text-green,a.text-green:link,a.text-green:visited,.button.border-green,blockquote.border-green,.pager.border-green a,.pager-prev.border-green,.pager-next.border-green {	color: #7fb638;}
.border-green,.border-green .button,.border-green .tab-nav li a,.border-green .tab-body,.button.bg-green,.selected.border-green,.pointer.border-green li,.nav.border-green .active a,.nav.nav-tabs.border-green,.nav-main.border-green a,.nav-main.border-green .nav-head,.pagination.border-green li,.pager.border-green a {	border-color: #7fb638;}
.bg-green,.border-green .button.active,.pointer.border-green .active,.nav-pills.border-green .active a,.nav-green.border-green .nav-head,.pagination.border-green .active {	background-color: #7fb638;}

.border-gray{ border:1px solid #e6e6e6;}

.input{ border:1px solid #dcdcdc; border-radius: 0; background: #f9f9f9;}
input.input{ height: 39px; line-height: 37px;}
.field-icon-right .icon{ heigt:39px; line-height: 39px; color:#d7d7d7;}


ul,li{ padding:0; margin:0; list-style-type:none;}
img{ vertical-align: middle;}
.fl{ float:left;}
.fr{ float:right;}
.fyh{ font-family:Arial,"Microsoft Yahei";}
.fst{ font-family:Arial,"宋体";}
.fyy{ font-family:Arial,"幼圆";}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f26{ font-size:26px;}
.f28{ font-size:28px;}
.f30{ font-size:30px;}
.f32{ font-size:32px;}
.f34{ font-size:34px;}
.f36{ font-size:36px;}
.f38{ font-size:38px;}
.f40{ font-size:40px;}
.f48{ font-size:48px;}
.f50{ font-size:50px;}
.f60{ font-size:60px;}
.f72{ font-size:72px;}
.fn{ font-weight:normal;}
.fb{ font-weight:bold;}
.fs100{ font-weight:100;}
a, a:link, a:active{ color:#797979;}
a:hover{ color:#00a2e9;}


.text-blue{ color:#07a4e9;}
.text-orange{ color:#ff9600;}
.text-green{ color:#61bb00;}
.text-purple{ color:#cf6dc7;}

.text-red-dark{ color:#c00800;}
.text-date{ color:#d2d2d2;}
.text-gray,a.text-gray:link,a.text-gray:visited{ color:#a7a7a7;}
a.text-gray:hover{ color:#f8a20d;}

.text-gray-link a{ color:#8b8b8b;}
.text-gray-link a:hover{ color:#f8a20d;}

.text-gray-light{ color:#b5b5b5;}
.text-black2{ color:#3c3c3c;}

.btn-black{ display: inline-block; padding:5px 30px; border:1px solid #000;}
.btn-black:hover{ border-color:#cf1915;}
.button.bg-red{ background: #cf1915; border-color: #cf1915;}

.bg-gray2{ background: #f4f4f4;}
.bg-gray{ background-color: #949494;}
.bg-gray-light{ background-color: #f4f4f4;}
.bg-blue{ color:#fff; background: #07A4E9;}
.button.bg-gray-light:hover, .button.bg-gray-light:focus{ background-color: #b4b4b4; border-color:#b4b4b4; color:#fff;}

body{ color:#646464; /*font-family: "Arial, Microsoft Yahei"; ba*/ckground:#fff; text-align: justify;}
p{ padding:0; margin:0;}

.insert{ height:40px;line-height:40px;}
.insert a{ color:#B7B7B7;}
/*公共部分*/
.header{height:166px; background:#f7f7f7; width:100%;position:relative; z-index: 11;}
.header .container{ position: relative;}
.header .logo{ margin-top: 12px; height: 109px;}

.header .sobox{ position:absolute; left: 370px; width:420px; top:26px;}
.header .sobox .input{ border:1px solid #e6e6e6; border-radius: 0; height:36px; background: #fff;}
.header .sobox .button{ width:36px; height: 36px; padding:0; border:0; border-radius: 0; background:#00a2e9;}
.header .hotkey{color: #8b8b8b;}
.header .hotkey a{ display: inline-block; padding: 0 2px; color: #8b8b8b;}
.header .hotkey a:hover{ color:#00a2e9;}
.header .telbox{ position: absolute; right:10px; top:26px; width:300px; padding-left: 60px; height: 60px; background: url(../images/pic_tel.png) left top no-repeat;}


.header .menu{ height:45px; border-top:1px solid #eee; background: #fff;}
.header .menu ul{ margin-top:-1px; background:url(../images/menu_in.png) right top no-repeat; height: 45px;}
.header .menu li{ float:left; width:20%;background:url(../images/menu_in.png) left top no-repeat;}
.header .menu li a{ display:block; height:65px; text-align:center; text-decoration:none; color:#555555; line-height:44px; padding: 0; background: url(../images/menu_cur.png) 0 -65px no-repeat; transition: all 0.2s ease-in-out;}
.header .menu li a:hover,.header .menu li a.cur{ color:#fff; background-position: top left;}



.subtit span{ display: inline-block; padding: 0 10px; position: relative; height: 22px; line-height: 22px;}
.subtit span:before,.subtit span:after{ position: absolute;  top:0; content:''; display: block; width:0px; height:0px; border:11px solid #07a4e9; }
.subtit span:before{left: -22px; border-left-color: transparent; border-bottom-color: transparent;}
.subtit span:after{ right:-22px; border-right-color: transparent; border-bottom-color: transparent;}



/*Footer*/
.footer{ background:#282828;}
.footer .fotcon{ padding-top:40px; height:280px; color:#acacac;}
.footer .fotnav{ float:left;}
.footer .fotnav dl{ float:left; margin-right:50px;}
.footer .fotnav dt{ color:#fff; margin-bottom: 5px;}
.footer .fotnav dt a:hover{ color:#07a4e9;}
.footer .fotnav dl dd a{ display:block; color:#acacac !important; height:26px; line-height:26px; overflow:hidden;}
.footer .fotnav dl dd a:hover{ color:#07a4e9 !important;}
.footer .qrcode{ width:151px; float:right;}
.footer .isrv{ float:left; width:300px; margin-left:30px;}
.footer .isrv .tel{ padding-left:70px; background:url(../images/ico_ftel.png) left center no-repeat;}
.footer .isrv ul.icat { margin-top:15px; margin-bottom:15px;}
.footer .isrv ul.icat li{ padding-left:25px; margin-bottom:10px; position:relative;}
.footer .isrv ul.icat li span{ position:absolute; left:0px; width:20px; text-align: center;}
.footer .button-group{}
.footer .button-group button{ width:300px; border:0 !important; background:#000000; color:#686868; text-align:left;}
.footer .button-group .upward{ float:right; margin-top:7px;}
.footer .button-group .drop-menu{ width:300px; height:400px; overflow:auto;}
.footer .copyright{ padding:20px 0; background: #202020;}
.footer .copyright a.tipss{ background:#621014;  padding:3px 5px; color:#ebd365 !important;}
.footer .copyright .fico a{  margin-left:10px;}
.footer .copyright .fico a span{display:inline-block; background:#202020; border:1px solid #4d4d4d; color:#4d4d4d; width:30px; height:30px; line-height:28px; text-align:center; }
.footer .copyright .fico a:hover span{ border-color:#07a4e9; background: #07a4e9; color:#fff;}
/*播放*/
.video{margin:10px 300px;}
.video a{padding: 6px 10px;font-size: 16px;background:rgba(46, 54, 65, 0.77);color: #fff;cursor: pointer;width: 153px;float: left;line-height: 25px;text-align: center;margin:0 20px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.video a:hover{-webkit-transform: scale(1.2);transform: scale(1.2);background:#ff842d;}

/*功能框架*/
.iapp .xs3 { margin-bottom: 20px;}
.iapp .xs3 .wrap{ position: relative; height:443px; overflow: hidden;}
.iapp .xs3 .wrap img{ width:100%;}
.iapp .xs3 .ctn{display: block; position: absolute; top:400px; background: rgba(0,0,0,.65); height: 487px; border-bottom:3px solid #07a4e9; transition: all 0.3s ease-in-out;width:100%}
.iapp .xs3 .showtxt{ padding:40px 20px 0 20px;}
.iapp .xs3 .showtxt .ico{ margin-top:5px;}
.iapp .xs3 .showtxt .ico span{ display: inline-block; font-size: 30px; width:50px; height: 50px; line-height: 44px; background: #07a4e9; border-radius: 50%;}
.iapp .xs3:hover .ctn{ top:-44px;}
/*应用场景*/
i {display: block;}
.function-list li .fl {padding-left: 65px;}
.function-list li {float: left;text-align: center;}
.function-list li {position: relative;height: 50px;margin-bottom: 50px;}
.equal4 li {width: 25%;}
.function-list li .icon {position: absolute;top: 0;left: 0;width: 50px;height: 50px;padding: 0;}
.function-list li:hover .icon i {-webkit-transform: scale(1.2);transform: scale(1.2);}
.function-list li .icon i {width: 50px;height: 50px;font-size: 30px;line-height: 50px;color: #fff;text-align: center;border-radius: 4px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.bg-green2 {background: #1be17f;}
.bg-orange {background: #ff842d;}
.bg-red {background: #ff5353;}
.bg-rose {background: #db52db;}
.bg-green {background: #0dcc6d;}
.iconfont {vertical-align: middle;}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-moz-osx-font-smoothing: grayscale;}
.fl {float: left !important;}
.function-list li h3 {padding-bottom: 4px;font-size: 17px;line-height: 24px;color: #333;text-align: left;}
.function-list li p {font-size: 13px;color: #92939c;text-align: left;}