﻿

@charset "utf-8";

html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top;width:100%;}
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body {margin: 0 auto; -webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-text-size-adjust: none;}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
html{font-size: 62.5%;margin:0rem auto;}




#index_body .xn_mh_2_wrap{ display:none;}
.xn_mh_2_wrap a{position:absolute;z-index:1000;width:0.9375rem;height:0.78125rem;top:0.4375rem;right:0.46875rem; 
-moz-border-radius:0.125rem;
-webkit-border-radius:0.125rem;
border-radius: 0.125rem; 
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; 
-moz-box-shadow: 0 0 0.15625rem rgba(0,0,0,.28); 
-webkit-box-shadow: 0 0 0.15625rem rgba(0,0,0,.28); 
box-shadow: 0 0 0.15625rem rgba(0,0,0,.28); 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiYmJkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZmFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); 
background: -moz-linear-gradient(bottom, #8bbbdd 0%, #f5faff 100%); 
background: -o-linear-gradient(bottom, #8bbbdd 0%, #f5faff 100%); 
background: -webkit-linear-gradient(bottom, #8bbbdd 0%, #f5faff 100%); 
background: linear-gradient(bottom, #8bbbdd 0%, #f5faff 100%); 
}
.xn_mh_2_back_bq2{display:none;}


.xn_mh_4_wrap{height:0.9375rem;line-height: 1.5625rem; color: #fff;text-align: center;font-size:0.5625rem;}
.xn_mh_4_wrap a{height:0.9375rem;line-height: 1.5625rem; color: #fff;text-align: center;}
.xn_mh_4_back_bq2{display:none;}


.index_body .xn_mh_3_wrap{ display:none;}
.xn_mh_3_back_bq1{ display:none;}
.xn_mh_3_wrap a{
position:absolute;
z-index:1000;
width:0.9375rem;
height:0.78125rem;
top:0.4375rem;
left:0.46875rem;    
-moz-border-radius: 0.125rem;
-webkit-border-radius: 0.125rem;
border-radius: 0.125rem; 
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; 
-moz-box-shadow: 0 0 0.15625rem rgba(0,0,0,.28); 
-webkit-box-shadow: 0 0 0.15625rem rgba(0,0,0,.28); 
box-shadow: 0 0 0.15625rem rgba(0,0,0,.28); 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiYmJkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZmFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); 
background: -moz-linear-gradient(bottom, #8bbbdd 0%, #f5faff 100%); 
background: -o-linear-gradient(bottom, #8bbbdd 0%, #f5faff 100%); 
background: -webkit-linear-gradient(bottom, #8bbbdd 0%, #f5faff 100%); 
background: linear-gradient(bottom, #8bbbdd 0%, #f5faff 100%); 
}


body{background:#f1f1f5;font-family: "Microsoft YaHei","Microsoft JhengHei",STHeiti,MingLiu;}
.mg_h_header{
width: 100%;clear: both;display: block;height: 1.71875rem;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNGQ4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM4OTZkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); 
background: -moz-linear-gradient(bottom, #004d84 0%, #3896d9 100%); 
background: -o-linear-gradient(bottom, #004d84 0%, #3896d9 100%); 
background: -webkit-linear-gradient(bottom, #004d84 0%, #3896d9 100%); 
background: linear-gradient(bottom, #004d84 0%, #3896d9 100%); 
 }








.xn_mc_case_2_casetWrap{width: 100%; background: #fff;border-bottom: 1px solid #ececec;padding-bottom: 0.3125rem;}
.xn_mc_case_2_casetMain{overflow: hidden;}
.xn_mc_case_2_casetItem{float: left;font-size: 0.4375rem;color: #252525;margin: 1%;border-radius: 0.125rem;cursor: pointer;width: 48%;line-height: 1.09375rem;height: 1.09375rem;overflow: hidden; text-align: center;margin-top: 0.15625rem;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(bottom, #efefef 0%, #efefef 100%); background: -o-linear-gradient(bottom, #efefef 0%, #efefef 100%);background: -webkit-linear-gradient(bottom, #efefef 0%, #efefef 100%);}
.xn_mc_case_2_casetItem a{font-size: 0.4375rem;color: #252525;display: block;}
.caseTFStyle{float: left;font-size: 0.4375rem;color: #fff; margin: 1%;border-radius: 0.125rem;cursor: pointer;width: 48%;line-height: 1.09375rem;height: 1.09375rem;overflow: hidden;text-align: center;margin-top: 0.15625rem;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(bottom, #0066af 0%, #318dcd 100%);background: -o-linear-gradient(bottom, #0066af 0%, #318dcd 100%);background: -webkit-linear-gradient(bottom, #0066af 0%, #318dcd 100%);background: linear-gradient(bottom, #0066af 0%, #318dcd 100%);}
.caseTFStyle a{font-size: 0.4375rem;color: #fff;display: block;}


.xn_mc_about_2_wrap{width:94%;margin:0.3125rem auto 0.9375rem;font-size:0.4375rem;color:#333;line-height:0.6875rem;}




.xn_mb_1_wrap{width: 100%;background: #fff;color: #666; padding-bottom:0.9375rem; clear:both; height:1.03125rem;border-top:1px solid #ececec;border-bottom:1px solid #ececec;}
.xn_mb_1_copy{width:90%;margin-left:0.46875rem;padding-top:0.3125rem;font-size:0.375rem;line-height:0.5rem;display:block;}








.xn_mu_1_wrap{width: 100%; color:#FFF; height:1.40625rem;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiNWI5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMwYjViOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTkzZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);  
background: -moz-linear-gradient(bottom, #0b5b95 0%, #0b5b95 0.51%, #3593d5 100%); 
background: -o-linear-gradient(bottom, #0b5b95 0%, #0b5b95 0.51%, #3593d5 100%); 
background: -webkit-linear-gradient(bottom, #0b5b95 0%, #0b5b95 0.51%, #3593d5 100%); 
background: linear-gradient(bottom, #0b5b95 0%, #0b5b95 0.51%, #3593d5 100%); 
}
.xn_mu_1_wrap ul {width:100%;height:100%;margin:auto;}
.xn_mu_1_wrap ul li {float: left;font-size:0.4375rem;width:16%;text-align:center;	}
.xn_mu_1_li5{width:15%;}
.xn_mu_1_li6{background:none }
.xn_mu_1_line{width:1px !important; height:1.25rem; margin:0 !important; padding:0 !important; background: #690000; border-right:1px solid #ff0000;}
.xn_mu_1_bottom_bq1,.xn_mu_1_bottom_bq2,.xn_mu_1_bottom_bq3,.xn_mu_1_bottom_bq4,.xn_mu_1_bottom_bq5,.xn_mu_1_bottom_bq6,.xn_mu_1_bottom_bq7,.xn_mu_1_bottom_bq8,.xn_mu_1_bottom_bq9,.xn_mu_1_bottom_bq10{ display:NONE;}
.xn_mu_1_bottom_bq2,.xn_mu_1_bottom_bq4,.xn_mu_1_bottom_bq6,.xn_mu_1_bottom_bq8{ display:none;} 

@font-face {
	font-family: 'icomoon';
	src:url('http://1.rc.xiniu.com/fonts/icomoon.eot');
	src:url('http://1.rc.xiniu.com/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('http://1.rc.xiniu.com/fonts/icomoon.woff') format('woff'),
		url('http://1.rc.xiniu.com/fonts/icomoon.ttf') format('truetype'),
		url('http://1.rc.xiniu.com/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-envelope, .icon-phone, .icon-screen, .icon-location, .icon-bubbles, .icon-cog,.icon-share,.icon-pencil{
	font-family: 'icomoon';
	speak: none; font-size:0.5rem; color: #fff; margin-right:0.15625rem;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height:0.5625rem;
	-webkit-font-smoothing: antialiased;
	display:block;
	padding-top:0.46875rem;
	padding-bottom:0.3125rem;
}
 .icon-undo,.icon-home{
	font-family: 'icomoon';
	speak: none; font-size:0.5rem;  
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height:0.125rem;
	-webkit-font-smoothing: antialiased;
	display:block;
	padding-top:0.3125rem;
	padding-bottom:0.3125rem;
	text-align:center;
	color:#29658f;
}
.icon-cog{padding-top:0.46875rem;float:left;}
.icon-pencil{ padding-left:0.25rem;}

.icon-home:before {
	content: "\e001"; color:#29658f;
}

.icon-undo:before {
	content: "\e003"; color:#29658f;
}

.icon-envelope:before {
	content: "\e000";
}

.icon-phone:before {
	content: "\e004";
}

.icon-screen:before {
	content: "\e002";
}

.icon-location:before {
	content: "\e006";
}
.icon-bubbles:before {
	content: "\e005";
}

.icon-cog:before {
	content: "\e007"; color: #000; font-size:1em;
}

.icon-share:before {
	content: "\e008";
}

.icon-pencil:before {
	content: "\e009";
}

