html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;font-size:14px;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{display:block;}
body{font-size:14px;color:#888;background:#fff;font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;}
img{border:0;vertical-align:bottom;}
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#ccc;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
textarea{overflow:auto;}
input:focus,textarea:focus,button:focus,select:focus{outline:none;}
input::-ms-clear{display:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background:transparent;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
mark{color:#000;background:#ff0;}
small{font-size:80%;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}
button,input,optgroup,select,textarea{margin:0;font:inherit;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0;}
legend{padding:0;border:0;}
optgroup{font-weight:bold;}
table{border-spacing:0;border-collapse:collapse;}
td,th{padding:0;}

a{color:#333;text-decoration:none;}
a:focus,a:hover{color:#00a0ea;}
ul, ol, li {
    list-style-type: none;
}

.blank10 {
	clear: both;
	height: 10px;
	overflow: hidden;
	display: block;
}
.blank15 {
	clear: both;
	height: 15px;
	overflow: hidden;
	display: block;
}
.blank20 {
	clear: both;
	height: 20px;
	overflow: hidden;
	display: block;
}
.blank30 {
	clear: both;
	height: 30px;
	overflow: hidden;
	display: block;
}
.clearfix:after, .layout:after, .container:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .layout, .container{display:block;}

.img{display:block;max-width:100%;height:auto;}
h2{font-size:40px;color:#727171;}
h3{font-size:36px;}
h4{font-size:20px;}
h5{font-size:18px;color:#595757;text-transform:uppercase;}
h2 a{color:#727171;}

.layout{width:100%;}
.container{margin:0 auto;width:100%;}
@media (min-width:760px){.container{width:1200px;}.mainer{width:1200px;}.main800{width:800px;}}
.naver ul{list-style:none;}
.naver ul li{display:inline-block;}
.naver ul li .navlink{padding:5px 8px;display:block;line-height:30px;}
.naver ul li.active .navlink{background:#00a0ea;color:#fff;}
.naver p{padding:20px 0;float:right;}
.naver p img{width:100px;}
.naver ul li:hover .menu{display:table;}

.naver .menu{position:absolute;height:70px;top:100px;display:none;width:100%;z-index:10;left:0;}
.naver .menu .menu-body{padding:10px;background:#fff;margin:0 auto;}
.naver .menu ul{display:table;list-style:none;width:100%;}
.naver .menu li{display:table-cell;text-align:center;vertical-align:top;}
.naver .menu li span{display:inline-block;width:50px;height:50px;border:solid 1px #00a0ea;border-radius:50%;color:#00a0ea;padding:5px 10px;}
.naver .menu li img{width:50px;height:50px;display:none;}
.naver .menu li:hover span, .naver .menu li.active span{display:none;}
.naver .menu li:hover img, .naver .menu li.active img{display:inline-block;}
@media (min-width:760px){
	.naver .logo{float:left;padding:20px 0;}
	.naver ul{float:left;padding-left:100px;}
	.naver ul li a.navlink{padding:35px 10px;font-size:18px;}
	.naver p{padding:30px 0;}
	.naver p img{width:210px;}
	
	.naver .menu{width:100%;height:150px;text-align:center;}
	.naver .menu .menu-body{padding:20px;height:150px;width:1000px;}
	.naver .menu ul{width:100%;margin:0 auto;background:#fff;padding:0;}
	.naver .menu li span{width:110px;height:110px;font-size:18px;padding:40px 10px;}
	.naver .menu li img{width:110px;height:110px;}
}

.banner ul{list-style:none;}
.banner .pager{padding:10px 0;}
.banner .pager ul{padding:0;list-style:none;}
.banner .pager li{display:inline-block; vertical-align:top;}
.banner .pager li a{border:solid 1px #00a0ea;color:#00a0ea;border-radius:50%;display:block;font-size:14px;width:50px;line-height:15px;padding:9px 10px;text-align:center;}
.banner .pager li img{width:50px;}
.banner .pager li img,.banner .pager li.active a,.banner .pager li:hover a{display:none;}
.banner .pager li.active img,.banner .pager li:hover img{display:block;}
@media (min-width:760px){
.banner .pager{padding:10px 0;}
.banner .pager li img{width:110px;}
.banner .pager li a{width:110px;height:110px;font-size:18px;line-height:90px;}
.banner .pager ul{display:table;width:100%;}
.banner .pager ul li{display:table-cell;}
}

.banner{width:100%;overflow:hidden;position:relative;}
.banner .carousel{position:relative;}
.banner .carousel .item{position:absolute;}
.pointer{position:absolute;left:50%;z-index:2;bottom:20px;}
.pointer li{border:none;background:transparent url(../images/page.png) no-repeat;width:9px;height:9px;margin:1px;}
.pointer .active{background:transparent url(../images/active.png) no-repeat;width:9px;height:9px;margin:1px;}
.pointer li span{display:none;}
.banner .prev,.banner .next{position:absolute;z-index:5;top:50%;margin-top:-20px;font-size:36px;}
.banner .prev{left:10px;}
.banner .next{right:10px;}

.flow{padding:0;list-style:none;}
.flow li{display:block;clear:both;text-align:center;margin-bottom:30px;font-size:14px;}
.flow li img{margin-bottom:10px;}
.flow li.active .s1, .flow li:hover .s1,.flow li .s2{display:none;}
.flow li.active .s2, .flow li:hover .s2{display:inline-block;}
.flow strong{display:block;font-size:16px;color:#000;}
@media (min-width:760px){
.flow li{float:left;clear:none;width:150px;margin:20px;text-align:center;}
.flow li a{float:none;margin:0 0 10px 20px;width:110px;height:110px;}
}

.bg-dark{background:#262626;}
.bg-blue{background:#368ba8;}
.bg-bluel{background:#e0f7fa;}
.bg-gray{background:#f2f2f2;}
.bg-white{background:#fff;}
.bg-xg{background:#fff; background: transparent url("../images/xg.jpg") repeat-x scroll 0% 0%;}
.bg-28{background:#fff; background: transparent url("../images/bg_28.jpg") repeat-x scroll 0% 0%;}
.text-dark{color:#333;}
.text-white{color:#fff;}
.text-main{color:#00a0ea;}
a.link-main:link,a.link-main:visited{color:#00a0ea;}
a.link-main:hover{color:#f00;}
a.link-white:link,a.link-white:visited{color:#fff;}
a.link-white:hover{color:#ccc;}
.opacity img{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.opacity:hover img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.unopacity:hover img{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}

.case{background:#161616;height:110px;overflow:hidden;margin:10px;}
.case:hover{background:#00a0ea;color:#fff;}
.case .case-img{float:left;margin-right:20px;width:140px;}
.case .case-body{padding:10px;}
.case .case-body strong{display:block;margin-bottom:10px;color:#fff;}
.case .case-body p{margin:0; text-indent:0;font-size:14px; line-height:20px;}
.case .readme{height:40px;overflow:hidden;}
.case p img{width:7px;}

.carouselx{width:100%;overflow:hidden;position:relative;}
.carouselx .bannerx{position:relative;}
.carouselx .bannerx .item{position:absolute;}
.pointerx{ text-align:center;}
.pointerx li{display:inline-block;margin:2px;width:10px;height:10px;background:#6e6e6e;}
.pointerx .active{background:#00A0EA;}
.pointerx li span{display:none;}

.news-nav{padding:0;list-style:none; text-align:center;}
.news-nav li{display:inline-block;}
.news-nav a{display:block;padding:5px 10px;border:solid 2px #fff;font-size:16px;}
.news-nav a:hover,.news-nav .active a{border:solid 2px #00a0ea;color:#00a0ea;}
@media (min-width:760px){
	.case{height:220px;width:560px;float:left;}
	.case .case-img{width:280px;}
	.case .case-body{padding:10px;}
	.case .case-body strong{font-size:18px;font-weight:normal;margin-bottom:10px;}
	.case .readme{height:120px;overflow:hidden;}
	.case p img{width:14px;}
	.pointerx{padding:20px 0;}
	.news-nav li{margin:10px;}
}


.client{padding:0;list-style:none;}
.client li{border:solid 1px #ddd;margin:-1px 0 0 -1px;float:left;width:33.333333%;}
.client li img{-webkit-filter:grayscale(100%);-webkit-filter:grayscale(1);-ms-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity: 0.4;transition-duration: 0.4s;transition-property: all;}
.client li:hover img{-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);-ms-filter:grayscale(0);filter:grayscale(0);filter:none;opacity:1;}
@media (min-width:760px){
.client li{width:16.6666666%;}
}

.footer{background:#2f4052;padding:30px 0 15px 0;color:#a3b1bf;padding-left:10px;padding-right:10px;}
.footer strong{color:#fff;display:block;margin-bottom:15px;font-size:16px;}
.footer a{color:#a3b1bf;}
.footer a:hover{color:#fff;}
.footer .foot-img{list-style:none;width:280px;}
.footer .foot-img li{display:inline-block;margin:0 5px 5px 0;}
.footer .foot-contact p{min-height:30px;margin-bottom:5px;}
.footer .foot-contact span{float:left;width:20px;height:30px;}
@media (min-width:760px){
	.footer{vertical-align:top;padding-left:0px;padding-right:0px;}
	.footer .foot-about{float:left;width:330px;padding-right:60px;}
	.footer .foot-case{float:left;width:330px;}
	.footer .foot-contact{float:left;width:330px;padding-right:60px;}
	.footer .foot-follow{float:left;text-align:center;}
}
.copyright{background:#293646;padding:5px 10px;font-size:12px;color:#707e8c;}
.copyright .copy-nav a{display:inline-block;font-size:14px;color:#707e8c;margin:5px;}
.copyright .copy-nav a:hover{color:#fff;}
.backtop{position:absolute;right:10px;margin-top:5px; cursor:pointer;}
@media (min-width:760px){
.copyright{padding-left:0px;padding-right:0px;}
.copyright .copy-right{float:left;width:700px;padding-top:15px;}
.copyright .copy-nav{float:left;width:380px;padding-top:10px;}
}



@media (min-width:760px){
.x2{float:left;width:50%;}
.x5{float:left;width:20%;}
}
.mr50{margin-right:50px;}
.box20{padding:20px;}

.list{margin:0;list-style:none;}

@media (min-width:760px){
.line2 li{float:left;width:40%;}
.line3 li{float:left;width:33.333333%; }
.line4 li{float:left;width:25%;}
.line5 li{float:left;width:20%;}
.line6 li{float:left;width:16.666666%;}
}


.business .box, .fenxiao .box, .weixin .box{padding:0 10px; text-align:center;}
.business .box strong, .fenxiao .box strong, .weixin .box strong{margin:20px 0 10px 0;color:#000;display:block;}
.business .box p, .fenxiao .box p, .weixin .box p{text-indent:0;font-size:14px;line-height:20px;}

.business .box strong{font-size:22px;color:#00a0e9; font-weight:normal;}
.business.desc{border-bottom:solid 1px #ddd;padding-bottom:50px;}
.business.desc li{text-align:center;margin-bottom:10px;}
.business.desc .box{background:url(../images/business-bg.jpg) no-repeat center;height:400px;width:228px;padding:0 15px; display:inline-block;}
.business.desc img{margin-top:40px;}
.business.desc strong{color:#999;}
.business.desc p{color:#fff;margin-top:50px; text-align:justify; line-height:24px;}

.finance .box{margin:10px;}
.finance .box-img{padding:60px 0; text-align:center; background:#fff;}
.finance .box-body{padding:30px;background:#facd89;}
.finance .box-body strong{font-size:24px;color:#333; display:block; text-align:center;margin-bottom:20px;}
.finance .box-body p{text-indent:0;font-size:14px;color:#555;line-height:20px;margin:0;}
@media (min-width:760px){.finance .box-body p{min-height:120px;}}

.community.line2 .box{margin:10px;background:#fff;padding:20px;}
.community.line2 .box-img{float:left;padding-right:20px;}
.community.line2 .box-body strong{color:#333;font-size:20px;margin-bottom:15px; display:block;}
.community.line2 .box-body p{text-indent:0;margin:0;line-height:25px;}
@media (min-width:760px){.community.line2 .box-img{min-height:143px;}.community.line2 .box p{min-height:100px;}}
.community.line4 .box{text-align:center;}

.services.banner-bg{background:#27a7c2;}
.services.line3 .box{margin:20px;padding:20px;text-align:center;}
.services.line3 .box strong{color:#333;font-size:20px;margin:15px 0; display:block; }
.services.line3 .box p{text-align:left; text-indent:0;}
@media (min-width:760px){
.first li{border-left:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.second li{border-left:solid 1px #ddd;}
.first li:first-child,.second li:first-child{border-left:none;}
}

.solutions.banner-bg{background:#599bcf;}
.news.banner-bg{background:#3aa1ec;}
.cases.banner-bg{background:#2f4250;}
.products.banner-bg{background:#63afad;}
.contact.banner-bg{background:#2f4250;}

.detail{padding:10px 0;font-size:16px;color:#666;}
.detail-body{margin-bottom:10px;}
.detail-article{padding:10px;}
.detail-more{padding:10px;}
.detail h1{font-size:26px;color:#333;font-weight:bold;margin-top:20px;}
.detail .note{padding:10px 0;border-bottom:solid 1px #ddd; margin:0 auto; text-align:center;}
.detail .note span{display:inline-block;margin-right:20px;}


.detail .detail-content{padding:10px;}
.detail .detail-content p{text-indent:2em;margin-bottom:20px;}
.detail .detail-more ul{margin-left:10px;}
.detail .detail-more li{margin-top:10px; list-style:disc}
@media (min-width:760px){
.detail-body{float:left;width:915px;margin-right:15px;}
.detail-article{padding:20px;}
.detail-more{float:left;width:270px;}
.detail-fixed{position:fixed;margin-left:930px;top:0;}
.detail-fixed.detail-bottom{ position:absolute; top:auto; bottom:30px;}
}

.products-share .pager a{display:inline-block;width:40px;height:40px;background:#aaa;padding:7px 13px;margin-right:1px;}
.products-share .pager a:hover{background:#00a0ea;}
.products-share .share{float:right;padding-top:8px;}
.products h1{font-size:40px;color:#00a0ea;padding:50px 0 5px 0;}
.products .pro{padding:10px;line-height:30px;}
.products .pro-img{text-align:center;}
.products .pro strong{font-size:18px;color:#00a0ea; display:block;}
.products-fixed{ position:fixed; top:0;}
@media (min-width:760px){
	.products .pro{padding:10px 100px;}
	.products .pro .pro-img{float:left;width:250px;}
}

.about p{text-indent:0;margin-bottom:0;}
.about strong{font-size:24px; font-weight:normal;margin-bottom:20px; display:block;}
.about h3{font-size:43px;color:#595757;}
.about h5{font-size:26px;color:#7d7d7d;text-transform:uppercase;}
.about .list.line3 span{border:solid 5px #e6e6e6;margin:5px; display:block; overflow:hidden; height:170px;}
.about .list.line6 img{border:solid 10px #f1f1f1;border-radius:100%;width:120px;margin:5px; height:152px;}
.about .list.line6 li{width:50%;float:left;text-align:center;}
@media (min-width:760px){
	.about .list.line6 img{width:155px;}
	.about .list.line6 li{width:16.666666%}
}

.contact .list.line2{padding:0 10px;}
.contact .title{color:#333;font-size:20px;}
.contact strong{margin-bottom:10px;margin-bottom:10px; display:inline-block;}
.contact p{text-indent:0;line-height:20px;margin:0;font-size:14px;}

@media (min-width:760px){
	.contact .sz{float:left;width:170px;}
	.contact .lianxi{float:left;width:400px;font-size:12px;}
}


.bm {
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    background: #FFF none repeat scroll 0% 0%;
	float: left;
}
.bm_h {
	border-bottom: #cccccc 1px solid;  padding-left: 14px; padding-right: 14px; background: #f8f8f8; padding-top: 0px; border-radius: 6px 6px 0 0; line-height: 34px; background-color: #ffffff; height: 34px
}

.bm_h h2 {
	color: #00A0EA font-size: 14px
}

.bm_h strong {
	color: #00A0EA; font-size: 16px
}

.bm_c {
	padding-bottom: 7px; padding-left: 7px; padding-right: 7px; clear: both; padding-top: 7px
}
.clear {
	clear: both
}ul {
    padding: 0px;
    margin: 0px;
}
.bm_c .listm li {
    position: relative;
    padding: 0px 0px 7px 28px;
    line-height: 15px;
    margin-bottom: 4px;
    height: 24px;
    vertical-align: bottom;
    overflow: hidden;
}
.bm_c  .listm .top em {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(57, 167, 228);
    background-color: rgb(57, 167, 228);
    color: rgb(255, 255, 255);
}
.bm_c  .listm li em {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(238, 238, 238);
    position: absolute;
    text-align: center;
    line-height: 14px;
    width: 18px;
    display: block;
    font-family: "tahoma";
    height: 14px;
    color: rgb(146, 146, 146);
    font-size: 11px;
    top: 0px;
    left: 0px;
}
em {
    font-style: normal;
}
/*分页*/
.up_page {
    clear: both;
    border-top: 1px solid #DDD;
    padding: 20px 0px;
    font-family: microsoft yahei;
}
.up_page span{

	padding:0 0 0 40px;
	}
.up_page a{
	display:inline-block;
	line-height:40px;
	color:#888;
	padding:0;
	}

.up_page a:hover{
	color:#333;
	}
.up_page_prev{
	background:url(../images/news_page_prve.jpg) left no-repeat;
	}
.up_page_next{
	background:url(../images/news_page_next.jpg) left no-repeat;
	}

/*分页样式*/
.page {
    margin: 30px 0;
    text-align: center;
}
.page a{
    margin-right: 5px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    background: #f4f4f4;
}
.page a.bg-blue ,.page a:hover{
    color: #fff;
    background:#00A0EA;
    border: 1px solid #00A0EA;
}




.box{
	width: 33%;
	float: left;
    height: 250px;
}
.boxes {
    padding-bottom: 5px;
}
#warp .box_img {
    width: 140px;
    height: 140px;
    margin: 0px auto;
    background: transparent url("../images/sbj.png") no-repeat scroll center center;
}

#warp .box_img h1 {
    font-family: Arial;
    color: #2F80D4;
    font-size: 40px;
    font-weight: normal;
    text-align: center;
    line-height: 50px;
    padding-top: 35px;
}
#warp .box_img h2 {
    color: #06C;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    line-height: 20px;
}
.box_txt {
    color: #444;
    text-align: center;
    padding-bottom: 25px;
}
.b_c {
    padding-top: 15px;
    line-height: 25px;
    font-size: 15px;
}
.b_c em {
    color: #2F80D4;
    font-weight: bold;
}



.container h2 {
    height: 60px;
    margin: 0 auto;
    font-size: 30px;
    color: #333;
	text-align:center;
}


.container h2 span {
    display: inline-block;
    padding-bottom: 6px;
    border-bottom: 4px solid #00A0EA;;
	text-align:center;
}

.container .services_tit{ font-family:myFirstFont; font-size:26px; color:#222; font-weight:normal;}
@font-face
{
font-family: myFirstFont;
src: url('../font/RTWSYueGoTrial-Regular.otf'),
     url('../font/RTWSYueGoTrial-Regular.eot'); /* IE9+ */
}
.container h2 small {
    font-family: "Lucida Sans Unicode";
    color: #00A0EA;;
	font-size: 24px;
font-weight: bold;
}

.container .services_tit {
    font-family: myFirstFont;
    font-size: 22px;
    color: #222;
    font-weight: normal;
	text-align:center;
}

.container .services_text {
    padding-top: 5px;
	text-align:center;
}

.container .services_text .services_text_1 {
    display: inline;
    padding: 7px 10px;
    font-family: Helvetica;
    font-size: 13px;
    color: #BBB;
    text-transform: uppercase;
}



.case_an {
    padding-top: 18px; 
}

.case_an ul { width:100%
margin: 0px auto;
text-align: center;
}
.case_an li {
float:left;
  margin-right: 15px;
	margin-left: 15px;
	padding:0 auto;
	 width: 258px;
    height: 255px;
	overflow: hidden;

}

.case_cont {
    line-height: 23px;
    height: 87px;
    overflow: hidden;
    font-size: 12px;
}
.case-c{background:url(../images/tubiao1.jpg) no-repeat;padding:90px 18px 0 18px;height:255px;overflow:hidden;}
.case-c:hover{background:url(../images/tubiao1_1.jpg) no-repeat; cursor:pointer;}
.case-c h2{text-align:center;font:100 16px/38px "Microsoft Yahei";color:#000;padding:5px 0px;}
.tub2{background:url(../images/tubiao2.jpg) no-repeat;}
.tub2:hover{background:url(../images/tubiao2_2.jpg) no-repeat;}
.tub3{background:url(../images/tubiao3.jpg) no-repeat;}
.tub3:hover{background:url(../images/tubiao3_3.jpg) no-repeat;}
.tub4{background:url(../images/tubiao4.jpg) no-repeat;}
.tub4:hover{background:url(../images/tubiao4_4.jpg) no-repeat;}
.tub5{background:url(../images/tubiao5.jpg) no-repeat;}
.tub5:hover{background:url(../images/tubiao5_5.jpg) no-repeat;}
.tub6{background:url(../images/tubiao6.jpg) no-repeat;}
.tub6:hover{background:url(../images/tubiao6_6.jpg) no-repeat;}
.tub7{background:url(../images/tubiao7.jpg) no-repeat;}
.tub7:hover{background:url(../images/tubiao7_7.jpg) no-repeat;}
.tub8{background:url(../images/tubiao8.jpg) no-repeat;}
.tub8:hover{background:url(../images/tubiao8_8.jpg) no-repeat;}

/*dy*/
.article {
    padding:20px 0px;
    font-size: 16px;
}

.article h1 {
    margin: 0px auto;
    font-size: 30px;
    color: #333;
    text-align: center;
}
.article h1 span {
    display: inline-block;
    padding-bottom: 6px;
    border-bottom: 4px solid #00A0EA;
    text-align: center;
}
.mainer {
    width: 1200px;
	margin: 0px auto;

    line-height: 30px;
    margin-bottom: 10px;
	height:100%;
}
.mainer  h1{border-bottom: 1px dashed #CCC;
    border-top: 1px dashed #CCC;
    font-size: 24px;
    margin-bottom: 16px;
    margin-top: 16px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-indent: 1em;
    display: block;
    color: #00A0EA;
	font-family: Arial,Helvetica,sans-serif; font-weight:bold;}
	
.mainer  h2{border-bottom: 1px dashed #CCC;
    border-top: 1px dashed #CCC;
    font-size: 20px;
    margin-bottom: 26px;
    margin-top: 26px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-indent: 1em;
    display: block;
    color: #00A0EA;
	font-family: Arial,Helvetica,sans-serif; font-weight:bold;}
	
.mainer  h3{ border-bottom: 1px dashed #CCC;
    border-top: 1px dashed #CCC;
    font-size: 18px;
    margin-bottom: 26px;
    margin-top: 26px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-indent: 1em;
    display: block;
    color: #00A0EA;
	font-family: Arial,Helvetica,sans-serif; font-weight:bold;
	
}
.mainer img{ text-align:center; border:0; margin:10px auto;}

.mainer  .blockquote{   
    padding: 16px;
    border: 1px dashed #00A0EA;
    background: #a5d8ff none repeat scroll 0% 0%;
    color: #333;
	width:80%;
	margin:0 auto;

}

/*面包屑*/
.sub_guide {
    clear: both;
    border-bottom: 1px solid #DDD;
    padding: 0;
    line-height: 50px;
    font-size: 14px;
    color: #888;
}
.sub_guide span {
    background: transparent url("../images/news_03.jpg") no-repeat scroll 10px 50%;
    padding: 0px 0px 0px 50px;
}
.sub_guide a {
    display: inline-block;
    padding: 0px 8px;
    color: #888;
}
/*单页2*/

.warp {
    max-width: 1200px;
    margin: 0px auto;
}
.pf{ position:fixed; top:30px;}
.fcbc{margin-top: 1100px;}
.pr{ position:relative;}
.Navigation_block{ width:165px; padding:3px; border:5px solid #e3e3e3; background:#fff;}
.Navigation_block h6{ background:#0579cb; color:#fff; padding-left:17px; height:40px; line-height:40px; font-size:19px; font-weight:bold;}
.Navigation_block ul{ overflow:hidden; padding-right:3px;}
.Navigation_block ul li{ font-size:14px; height:40px; line-height:40px; padding-left:17px; border-bottom:1px solid #f2f2f2; margin-bottom:-1px; padding-right:7px;}
.Navigation_block ul li .ico{ display:none;}
.Navigation_block ul li a{ color:#404040;}
.Navigation_block ul li a:hover{color:#0579cb;}
.Navigation_block ul .current a{ color:#0579cb; font-weight:bold;}
.Navigation_block ul .current .ico{ display:block;}
.w977{ width:977px;}
.fzlc .title{ width:100%; height:72px; }
.fzlc dl dd{ padding-left:112px;padding-bottom: 42px;margin-top: -8px;}
.fzlc dl dd ul li p{ font-size:15px; line-height:32px; color:#404040; }
.fzlc dl dd ul li p em{
	color: #0579cb;
}
.dytitle{
border-bottom: 2px solid #0579CB; }

.dytitle h2 span{
border-left: 5px solid #0579CB; 
font-size: 30px;
color: #535353;
line-height: 30px;
padding-left:15px;
}
.dytitle small{
font-size: 24px;
 color:#CCCCCC;
line-height: 20px;
padding-left:15px;

}

.fzlc dl{background:url(../images/dian_201508051710.png)  repeat-y #fff 159px 0; margin-bottom:-50px;}
.fzlc dl dd ul li{ padding-left:68px;}
.fzlc dl dd ul li .month{ width:68px; margin-left:-68px; height:16px; line-height:16px; display:block; background: url(../images/month.png) no-repeat #fff 43px 0px; margin-top:8px;}
.mt31{ margin-top:31px;}

.f_l {
    float: left;
}
.fl {
    float: left;
}
.f_r {
    float: right !important;
}
.fr {
    float: right;
}
.ovhide {
    overflow: hidden !important;
}
.mt31 {
    margin-top: 31px;
}
.be_line {
    border-top: 1px solid #E5E5E5;
    width: 100%;
    height: 1px;
}



.w600{
	width: 600px;
}
.abstract_at p{
font-size: 14px;
  line-height: 25px;
  color: #404040;
}


.abstract_s2 h1{
	font-size: 17px;
	font-weight: bold;
	color: #535353;
	line-height: 30px;
	padding-top: 15px;
	padding-bottom: 5px;
}
.abstract_s2 p{
	padding-bottom: 15px;
	font-size: 13px;
}
.abstract_s3tit{
	width: 100%;
	height: 60px;
	background:url(../images/abstract_s3tit.png) no-repeat center;
}

.abstract_s5tit{
	width: 100%;
	height: 130px;
	background:url(../images/abstract_s5tit.png) no-repeat center;
}
.boxes .box{
	float: left;
	height: 240px;
	width: 33%;
}
.boxes .box_img{
	width:140px;
	height: 140px;
	margin: 0 auto;
}
.abstract_s3img1{background:url(../images/abstract_s3img1.png) center no-repeat;}
.abstract_s3img2{background:url(../images/abstract_s3img2.png) center no-repeat;}
.abstract_s3img3{background:url(../images/abstract_s3img3.png) center no-repeat;}
.boxes .box_img h1{
	font-family: Arial;
	color: #2f80d4;
	font-size: 50px;
	font-weight: normal;
	text-align: center;
	line-height: 50px;
	padding-top: 35px;
}
.boxes .box_img h2{
	color: #0066cc;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	line-height: 20px;

}
.boxes .box_img img{
	width: 100%;
	height: 100%;
}

.box_txt{
	color: #444;
	text-align: center;
	padding-bottom: 25px;
}
.box_txt h1{
	text-align: center;
	line-height: 45px;
	font-size: 24px;
	font-weight: normal;
}

.box_txt h2{
	text-align: center;
	line-height: 27px;
	font-size: 14px;
	font-weight:normal;
}

/*list_cp*/
.text-main {
    color: #00A0EA;
}
h2 {
    font-size: 40px;
}
.case-list {
	margin-left:-0.8333%;
	margin-right:-0.8333%;
	overflow:hidden;
}
.case-list article {
	float:left;
	width:270px;
	height:350px;
	margin:10px;
	background:#fff; overflow:hidden;
	
}
.citem a {
	position:relative;
	display:block;
	text-decoration:none;
}
.citem a span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: rgba(255,255,255,0);
	background-position:top center;
	background-repeat:no-repeat;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.citem a img {
	display:block;
	width:100%;
	height:64.2857%;
}
.citem a:hover span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#fff;
	background-color: rgba(255,255,255,0.87);
	background-image:url(../images/see_bg.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.citemtxt {
	padding:3.571429% 7.1429%;
}
.citemtxt a {
	text-decoration:none;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.citemtxt a h4 {
	margin:0;
	padding:0;
	font-weight:100;
	color:#333;
	font-size:16px;
	line-height:40px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.citemtxt a:hover h4 {
	color:#00A0EA;
}
.citemtxt p {
	overflow:hidden;
	text-align:right;
	font-size:12px;
	line-height:20px;
	color:#999;
	margin-top:10px;
}
.citemtxt span{
	overflow:hidden;
	text-align:right;
	font-size:12px;
	line-height:20px;
	color:#999;
}
.citemtxt p span {
	float:left;
	width:auto;
	text-align:left;
	width:50%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.citemtxt p span a {
	color:#00A0EA;
}
.citemtxt p a {
	display:inline-block;
	color:#999;
}


/*list_article.htm*/
.news-center{
    background-color: white;
    padding-top: 40px;
}
.news-center h2,.news-center h4,.news-item{
    text-align: center;
}
.news-item{
    margin-top: 20px;
    margin-bottom: 40px;
}
.news-item a{
    border:1px solid #bbb;
    padding: 10px 30px;
    margin-left: 10px;
}
.news-item a.active{
    color: white;
    background-color: #f72d55;
}
.post-image {
    width: 300px;
    margin-bottom: 25px;
    padding: 4px;
    border: 1px solid #ddd;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
}
.post-content-wrap {
    width: 720px;
}
.post-date a.date {
    background: none repeat scroll 0 0 #fafafa;
    display: block;
    float: left;
    margin-right: 20px;
    padding: 10px 0 0;
    text-align: center;
    width: 55px;
    border-radius: 2px;
}
.post-date a.date strong {
    color: #1889C1;
    display: block;
    font-size: 27px;
    font-weight: normal;
    margin-bottom: 2px;
}
.post-date a.date i {
    background-color: #1889C1;
    border-top: 1px solid #F3F3F3;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    font-style: normal;
}
.dth {
    height: 10px;
}
h3.content-title {
    text-align: left !important;
    margin-bottom: 15px;
	font: 16px/24px Microsoft Yahei,Arail;

}
h3.content-title a{
    display: block;
    color: #0488cd;
}
.blog-entry-meta-author {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
    font-size: 12px;
    vertical-align: top;
    color: #0488cd;
}
.blog-entry-meta-tags a{
    color: #0488cd;
}
.blog-entry-meta-tags {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 10px;
    font-size: 12px;
    vertical-align: top;
}

.blog-entry-meta-date {
    display: inline-block;
    margin-right: 35px;
    margin-bottom: 10px;
    font-size: 12px;
    vertical-align: top;
}


.blog-entry-meta i {
    margin-right: 4px;
    color: #0488cd;
    font-size: 14px;
}
.post-content {
    padding-bottom: 10px;
}
.post-content p {
    line-height: 25px;
	color: #666;
font: 14px/24px Microsoft Yahei,Arail;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*about*/

.fzlc dl dd .year {
    color: #0579CB;
    display: block;
    width: 112px;
    font-size: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-left: -112px;
    margin-top: 8px;
}

/*fuwu*/

.section-wrapper {margin-top:-20px; padding-top:20px;}


.servicesBox { width:100%; padding-top:20px; padding-bottom:20px; background-color:#f5f5f5;}
@media (min-width:992px) {
.servicesBox { padding-top:30px;padding-bottom:10px;}
}
.servicesBox h2{ height:76px; margin:0; font-size:28px; color:#333; }
@media (min-width:992px) {
.servicesBox h2 { height:76px;}
}
.servicesBox h2 span{ display:inline-block; padding-bottom:6px; border-bottom:#00A0EA 4px solid;}
.servicesBox h2 small{ font-family:"Lucida Sans Unicode"; font-size:16px; color:#00A0EA;}
.servicesBox .services_tit{ font-family:myFirstFont; font-size:26px; color:#222; font-weight:normal;}
.servicesBox .services_text{ height:100px; padding-top:5px;}
.servicesBox .services_text .services_text_1{ display:inline; padding:7px 10px; font-family:Helvetica; font-size:13px; color:#bbb; background-color:#fff; text-transform:uppercase;}
.servicesBox .serBox { position:relative; float:left; display:inline; width:100%; height:336px;	margin-bottom:20px;	cursor:pointer; overflow:hidden;}
.servicesBox .serBoxOn { position:absolute;	left:0;	top:0; display:none; width:100%; height:336px; border:#ddd 1px solid; background-color:#fff; z-index:19;}
.servicesBox .serBox .pic1 { position:absolute;	top:90px; left:50%;	width:180px; height:160px; margin-left:-90px; text-align:center; z-index:99;}
.servicesBox .serBox .pic1 h3 {	margin-bottom:10px; margin-top:10px; font-size:18px;}
.servicesBox .serBox .pic1 h4 { margin:0; font-family:Helvetica; font-size:12px; text-transform:uppercase; color:#999;}	
.servicesBox .serBox .txt1 { position:absolute;	top:336px; width:100%; height:90px; color:#fff;	background:#00A0EA;	text-align:center; z-index:99;}
.servicesBox .serBox p { margin:0; padding-top:20px; line-height:180%; text-align:center;}


#vrhelpbox {
    width: 1200px;
    height: 724px;
    overflow: hidden;
    margin: 0px auto;
    background: transparent url("../images/ipad2.png") no-repeat scroll 0% 0%;
	overflow:hidden;
}

#vrhelp {
    width: 740px;
    height: 555px;
    overflow: hidden;
    margin-left: 231px;
    margin-top: 75px;
    padding: 0px;
	overflow:hidden;
}