/* 公共样式表css */
@font-face {  
    font-family: 'MyCustomFont';
    src: url('SourceHanSansCN-Light.otf') format('opentype'); 
}  
  
/* 使用自定义字体 */  
body {  
    font-family: 'MyCustomFont'; 
}  
/*深红色 c40f23*/
*{
	margin:0;padding:0;
	list-style: none;
	text-align: none;
	font-size: 12px;
	color: #4d4d4d;
	font-family:"MyCustomFont";
	text-decoration: none;
	font-weight: normal;
	outline: none ;
	border: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline: none;
}
body{
	padding:0;
	background-color:#fff;
	margin:0 auto;
}
a{
    text-decoration:none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}
em{font-style:normal}
li{list-style-type:none;}
/*===============公用类名==============*/
 /*左浮动*/
.l{float:left;}
/*右浮动*/
.r{float:right;}
/*字体加粗*/
.bold{font-weight:bold;}
/*文本居中显示*/
.textcenter{text-align:center;}
/*块级或显示*/
.block{display:block;}
/*隐藏*/
.none{display:none;}
.width{width:1200px;}




/*==HEADER==============*/
header{
	display:block;
	width:100%;
	height:auto;
	background-color:#fff;
	min-width:1200px;
}
header .topnav{
	width:100%;
	height:41px;
	margin:0 auto;
	background-color:#EEE;
	border-bottom:1px solid #dedddd;
}
header .topnav .con{
	width:1200px;
	height:41px;
	margin:0 auto;
}
header .topnav .con .c-tel{
	float:left;
}
header .topnav .con .c-tel i{
	display:block;
	height:40px;
	line-height:40px;
	font-size:20px;
	color:#0c3a76;
	float:left;
}
header .topnav .con .c-tel span{
	display:block;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#0c3a76;
	float:left;
	font-family:"MyCustomFont";
	margin-left:8px;
}
header .topnav .con .c-nav{
	float:right;
}
header .topnav .con .c-nav a{
	display:block;
	font-size:14px;
	line-height:42px;
	color:#666;
	float:left;
	cursor:pointer;
}
header .topnav .con .c-nav a:hover{
	color:#0c3a76;
}
header .topnav .con .c-nav i{
	float:left;
	width:1px;
	height:15px;
	background-color:#ccc;
	margin:13px 10px 0 10px;
}
header .Innav{
	width:1200px;
	height:160px;
	margin:0 auto;
	background-color:#fff;
}
header .Innav .logo{
	display:block;
	float:left;
	height:120px;
	margin-top:20px;
}
header .Innav .logo img{
	height:120px;
}
header .Innav .search{
	height:48px;
	float:right;
	margin-top:50px;
	background-color:#9F0;
}
header .Innav .search .soinput{
	border:0;outline:none;
	border:4px solid #0c3a76;
    color: #000;
    font-size:15px;
    height:40px;
    padding: 0 16px;
    transition: background 0.3s ease-in-out;
    width: 260px;
	float:left;
}
header .Innav .search .button{
	cursor:pointer;
    background: #0c3a76;
    border: none;
    color: #fff;
    cursor: pointer;
    height:48px;
    font-size:15px;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.3s ease-in-out;
    width:80px;
	float:left;
}
header nav{
	width:100%;
	height:60px;
	background-color:#0c3a76;
}
header nav ul{
	display:block;
	width:1200px;
	height:60px;
	margin:0 auto;
}
header nav ul li{
	display:block;
	float:left;
	height:60px;
	position:relative;
	margin-left:10px;
}
header nav ul li.home{
	margin-left:0px;
}
header nav ul li a.main{
	display:block;
	padding:0 24px;
	height:60px;
	font-size:16px;
	line-height:60px;
	text-shadow:#000 0px 1px 2px;
	color:#fff;
	transition-duration:0.2s;
}
header nav ul li:hover a.main{
	margin-top:-10px;
	line-height:80px;
	background-color:#c40e24;
}
header nav ul li a.cur{
	display:block;
	padding:0 20px;
	height:60px;
	font-size:16px;
	line-height:80px;
	color:#fff;
	margin-top:-10px;
	background-color:#c40e24;
}
header nav ul li .son{
	display:none;
	height:auto;
	min-width:120px;
	padding:12px 24px 12px 22px;
	position:absolute;
	bootom:10px;
	background-color:#fff;
	z-index:99999;
	transition-duration:0.2s;
}
header nav ul li:hover .son{
	display:block;
	height:auto;
	min-width:120px;
	padding:12px 24px 12px 22px;
	position:absolute;
	bootom:10px;
	background-color:#fff;
	z-index:99999;
}
header nav ul li .son a{
	display:block;
	height:auto;
	width:100%;
	padding:4px 0;
	overflow:hidden;
	font-size:15px;
	line-height:22px;
	color:#333;
	transition-duration:0.2s;
}
header nav ul li .son a:hover{
	color:#F30;
	margin-top:8px;
}



/*==FOOTER==============*/
footer{
	width:100%;
	min-width:1200px;
	height:auto;
	overflow:hidden;
	background-color:#222222;
}
footer .f-main{
	width:1200px;
	height:auto;
	overflow:hidden;
	padding:30px 0;
	margin:0 auto;
}
footer .f-main .left{
	float:left;
	width:360px;
	height:auto;
	overflow:hidden;
}
footer .f-main .left .f-logo{
	width:297px;
	height:137px;
	background-image: url(/images/footBottom.png);
}
footer .f-main .left .f-tel{
	width:100%;
	height:50px;
	margin-top:20px;
}
footer .f-main .left .f-tel i{
	display:block;
	height:50px;
	font-size:50px;
	line-height:50px;
	margin-right:10px;
	color:#fff;
	float:left;
}
footer .f-main .left .f-tel dl{
	display:block;
	width:200px;
	height:20px;
	font-size:14px;
	line-height:20px;
	color:#fff;
}
footer .f-main .left .f-tel span{
	display:block;
	height:30px;
	font-size:28px;
	line-height:30px;
	color:#fff;
	float:left;
	font-weight: bold;
}
footer .f-main .left .f-text{
	width:100%;
	height:26px;
	margin-top:10px;
}
footer .f-main .left .f-text i{
	display:block;
	height:26px;
	font-size:20px;
	line-height:26px;
	margin-right:10px;
	color:#fff;
	float:left;
}
footer .f-main .left .f-text span{
	display:block;
	height:26px;
	font-size:16px;
	line-height:26px;
	color:#fff;
	float:left;
}
footer .f-main .right{
	float:right;
	width:800px;
	height:auto;
	overflow:hidden;
}
footer .f-main .right .c1{
	width:100%;
	height:158px;
}
footer .f-main .right .c1 .ewm{
	width:126px;
	height:158px;
	float:left;
}
footer .f-main .right .c1 .ewm span{
	display:block;
	width:100%;
	height:24px;
	margin-bottom:8px;
}
footer .f-main .right .c1 .ewm span i{
	display:block;
	height:24px;
	font-size:20px;
	line-height:24px;
	margin-right:10px;
	float:left;
	color:#fff;
}
footer .f-main .right .c1 .ewm span dl{
	display:block;
	height:24px;
	font-size:16px;
	line-height:24px;
	float:left;
	color:#fff;
}
footer .f-main .right .c1 .ewm img{
	display:block;
	width:126px;
	height:126px;
}
footer .f-main .right .c1 .form{
	width:620px;
	height:158px;
	float:right;
}
footer .f-main .right .c1 .form .bt{
	display:block;
	width:100%;
	height:24px;
	margin-bottom:8px;
}
footer .f-main .right .c1 .form .bt i{
	display:block;
	height:24px;
	font-size:20px;
	line-height:24px;
	margin-right:10px;
	float:left;
	color:#fff;
}
footer .f-main .right .c1 .form .bt dl{
	display:block;
	height:24px;
	font-size:16px;
	line-height:24px;
	float:left;
	color:#fff;
}
footer .f-main .right .c1 .form .bottom-message{
	width:100%;
	height:126px;
}
footer .f-main .right .c1 .form .bottom-message .fi1{
	width:224px;
	height:126px;
	margin-right:6px;
	float:left;
}
footer .f-main .right .c1 .form .bottom-message .fi1 .inp{
	width:204px;
	height:38px;
	padding:0 10px;
	background-color:#4b4b4b;
	border:0;outline:none;
	font-size:15px;
	line-height:22px;
	color:#fff;
}
footer .f-main .right .c1 .form .bottom-message .fi1 .hi{
	margin-top:6px;
}
footer .f-main .right .c1 .form .bottom-message .fi2{
	width:330px;
	height:126px;
	float:left;
}
footer .f-main .right .c1 .form .bottom-message .text{
	width:310px;
	height:106px;
	padding:10px;
	background-color:#4b4b4b;
	border:0;outline:none;
	font-size:15px;
	line-height:22px;
	color:#fff;
}
footer .f-main .right .c1 .form .bottom-message .but{
	cursor:pointer;
    background: #0c3a76;
    border: none;
    color: #fff;
    cursor: pointer;
    height:126px;
    font-size:15px;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.3s ease-in-out;
    width:60px;
	float:left;
}
footer .f-main .right h2{
	display:block;
	width:100%;
	height:50px;
	font-size:50px;
	line-height:50px;
	font-weight: bold;
	letter-spacing:4px;
	margin-top:18px;
	color:#fff;
}
footer .f-main .right .label{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:18px;
}
footer .f-main .right .label a{
	display:block;
	padding:0 10px;
	border:1px solid #525151;
	float:left;
	border-radius:4px;
	font-size:14px;
	line-height:30px;
	color:#CCC;
	margin:3px;
	transition-duration:0.2s;
}
footer .f-main .right .label a:hover{
	border:1px solid #cbc9c9;
}

footer .copyright{
	width:100%;
	height:40px;
	background-color:#0c3a76;
	text-shadow:#000 0px 1px 2px;
	font-size:13px;
	line-height:40px;
	color:#fff;
	text-align:center;
}



/*===常用======*/
.page-content{
	height:auto;
	overflow:hidden;
	margin:0 auto;
	font:16px/26px 'MyCustomFont';
	color:#333;
}
.page-content img{
	display:block;
max-width:1200px;
height:auto;
margin:10px auto;
zoom:expression( function(elm)
       {     if (elm.width>1200) 
               {  var oldVW = elm.width; elm.width=1200;             
                   elm.height = elm.height*(1200 /oldVW);        
                }         elm.style.zoom = '1';     
      }
(this));
}
.page-content p{
	font:16px/26px 'MyCustomFont';
	color:#333;
}
.page-banner{
	width:100%;
}
.page-banner img{
	width:100%;
}
/*背景遮罩*/
.fullscreenMask{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	z-index:9999990;
	background: rgba(0,0,0, 0.7);
	display:none;
}
/*二维码弹窗*/
.QRCodeDIV{
	display:none;
	width:300px;
	height:360px;
	padding:20px;
	position:fixed; 
    left:50%;  
    top:50%;  
	z-index:9999999;
	background-color:#fff;
    margin:-190px 0 0 -160px;
}
.QRCodeDIV span{
	display:block;
	width:100%;
	height:60px;
}
.QRCodeDIV span i{
	display:block;
	height:24px;
	font-size:20px;
	line-height:24px;
	margin-right:10px;
	float:left;
	color:#333;
}
.QRCodeDIV span dl{
	display:block;
	height:24px;
	font-size:16px;
	line-height:24px;
	float:left;
	color:#333;
}
.QRCodeDIV img{
	display:block;
	width:300px;
	height:300px;
}
/*评估弹窗*/
.assessmentDIV{
	display:block;
	width:100%;
	height:200px;
	position:fixed;
	bottom:-210px;
	z-index:9999999;
	background:url(/images/assessment_bj.jpg) no-repeat center top;
	border-top:6px solid #c40f23;
	transition-duration:0.2s;
}

.assessmentDIV .form-assessment{
	display:block;
	width:1200px;
	height:40px;
	margin:0 auto;
	margin-top:30px;
}
.assessmentDIV h2{
	display:block;
	width:1200px;
	height:50px;
	font-size:50px;
	line-height:50px;
	font-weight: bold;
	letter-spacing:4px;
	margin:0 auto;
	margin-top:18px;
	color:#fff;
}
.assessmentDIV .form-assessment .input{
	height:40px;
	padding:0 10px;
	background-color:#e7e2e3;
	border:0;outline:none;
	font-size:16px;
	line-height:40px;
	color:#222;
	float:left;
	margin-right:15px;
}
.assessmentDIV .form-assessment .button{
	cursor:pointer;
    background: #e76e2c;
    border: none;
    color: #fff;
    cursor: pointer;
    height:40px;
    font-size:15px;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.3s ease-in-out;
    width:100px;
	float:left;
}
.assessmentDIV .form-assessment i{
	display:block;
	width:60px;
	height:60px;
	float:right;
	font-size:50px;
	line-height:60px;
	color:#fff;
	cursor:pointer;
}


/**/
.advert-img{
	display:block;
	min-width:1200px;
	height:auto;
	overflow:hidden;
	margin:20px auto 20px auto;
}
.advert-img img{
	width:100%;
}
.classNameH1{
	width:100%;
	min-width:1200px;
	height:auto;
	overflow:hidden;
	margin:10px 0 20px 0;
}
.classNameH1 h2{
	width:100%;
	height:40px;
	text-align:center;
	font-size:28px;
	line-height:40px;
	color:#333;
	margin-bottom:10px;
}
.classNameH1 span{
	display:block;
	width:100%;
	height:30px;
	text-align:center;
	font:20px/30px 'MyCustomFont';
	text-transform : uppercase;
	color:#999;
}
.classNameH1 p{
	display:block;
	width:100%;
	height:26px;
	text-align:center;
	font:18px/26px 'MyCustomFont';
	text-transform : uppercase;
	color:#999;
}
.classNameH1 nav{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:10px auto 0 auto;
	text-align:center;
}
.classNameH1 nav a{
	display:inline-block;
	vertical-align: middle;
	margin:6px;
	height:38px;
	padding:0 20px;
	font:16px/38px 'MyCustomFont';
	color:#5D5D5D;
	background-color:#E3E3E3;
	border-radius:4px;
	border:1px solid #cac8c8;
}
.classNameH1 nav a.cur{
	background-color:#c40f23;
	color:#fff;
	border:1px solid #c40f23;
}
.classNameH2{
	height:auto;
	overflow:hidden;
	margin:10px auto 20px auto;
}
.classNameH2 dl{
	display:block;
	width:8px;
	height:18px;
	float:left;
	margin-top:4px;
	margin-right:12px;
	background-color:#c40f23;
}
.classNameH2 h2{
	height:24px;
	font-size:18px;
	line-height:24px;
	color:#333;
	float:left;
}
.classNameH2 a{
	display:block;
	float:right;
	height:24px;
}
.classNameH2 a span{
	display:block;
	height:24px;
	font-size:16px;
	line-height:24px;
	color:#666;
	float:left;
	margin-right:5px;
}
.classNameH2 a:hover span{color:#c40f23;}
.classNameH2 a i{
	display:block;
	float:left;
	height:24px;
	font-size:18px;
	line-height:24px;
	color:#666;
}
.classNameH2 a:hover i{color:#c40f23;}

.bt-h3{
	display:block;
	width:100%;
	height:26px;
	margin-bottom:6px;
}
.bt-h3 span{
	display:block;
	height:26px;
	float:left;
	font:18px/26px 'MyCustomFont';
	color:#222;
}
.bt-h3 a{
	display:block;
	height:26px;
	float:right;
	font:15px/26px 'MyCustomFont';
	color:#777;
	transition-duration:0.2s;
}
.bt-h3 a:hover{color:#c40f23;}

.index-com-But{
	display:block;
	width:180px;
	height:46px;
	text-align:center;
	background-color:#c40f23;
	font:16px/46px 'MyCustomFont';
	color:#FFF;
	cursor:pointer;
	margin:20px auto 36px auto;
	border-radius:4px;
}

/*当前位置*/
.cur-location{
	height:32px;
	margin:20px auto 10px auto;
	border-bottom:1px dotted #AAA;
}
.cur-location span{
	display:block;
	height:32px;
	float:left;
	font:15px/32px 'MyCustomFont';
	color:#555;
}
.cur-location a{
	display:block;
	height:32px;
	float:left;
	font:15px/32px 'MyCustomFont';
	color:#333;
}
.cur-location a:hover{color:#c40f23;}








.index-case-list{
	width:1215px;
	height:auto;
	overflow:hidden;
	margin:0 auto 50px auto;
	text-align:center;
}
.index-case-list > a{
	display:inline-block;
	vertical-align: middle;
	width:290px;
	height:200px;
	overflow:hidden;
	margin:5px 5px;
	position:relative;
}
.index-case-list > a img{
	display:block;
	width:290px;
	height:200px;
	position:absolute;
	top:0;
	z-index:1;
}
.index-case-list > a em{
	display:block;
	width:290px;
	height:200px;
	position:absolute;
	background: rgba(0,0,0, 0.2);
	top:0;
	z-index:2;
	transition-duration:0.2s;
}
.index-case-list > a:hover em{
	background: rgba(0,0,0, 0.5);
}
.index-case-list > a h2{
	display:block;
	text-align:center;
	width:290px;
	height:28px;
	font:24px/28px 'MyCustomFont';
	color:#fff;
	position:absolute;
	top:70px;
	z-index:3;
	transition-duration:0.2s;
}
.index-case-list > a:hover h2{
	top:40px;
}
.index-case-list > a span{
	display:block;
	text-align:center;
	width:290px;
	height:24px;
	font:16px/24px 'MyCustomFont';
	color:#fff;
	position:absolute;
	top:100px;
	z-index:3;
	transition-duration:0.2s;
}
.index-case-list > a:hover span{
	top:68px;
}
.index-case-list > a dl{
	display:block;
	text-align:center;
	width:90px;
	height:32px;
	font:14px/32px 'MyCustomFont';
	color:#fff;
	position:absolute;
	left:50%;  
    margin:-0px 0 0 -45px;
	top:200px;
	z-index:3;
	transition-duration:0.2s;
	background-color:#c40f23;
	border-radius:4px;
}
.index-case-list > a:hover dl{
	top:120px;
}


.index-project-list{
	width:1215px;
	height:auto;
	overflow:hidden;
	margin:0 auto 50px auto;
	text-align:center;
}
.index-project-list > a{
	display:inline-block;
	vertical-align: middle;
	width:290px;
	height:270px;
	overflow:hidden;
	margin:5px 5px;
	position:relative;
}
.index-project-list > a img{
	display:block;
	width:290px;
	height:270px;
	position:absolute;
	top:0;
	z-index:1;
}
.index-project-list > a span{
	display:block;
	width:270px;
	height:auto;
	overflow:hidden;
	padding:8px 10px;
	background: rgba(0,0,0, 0.6);
	position:absolute;
	bottom:0;
	z-index:2;
}
.index-project-list > a span dl{
	display:block;
	width:100%;
	height:26px;
	font:16px/26px 'MyCustomFont';
	color:#fff;
	overflow:hidden;
	text-align:left;
}
.index-project-list > a span em{
	display:block;
	width:100%;
	height:20px;
	overflow:hidden;
	font:14px/20px 'MyCustomFont';
	color:#E1E1E1;
	text-align:left;
	transition-duration:0.2s;
}
.index-project-list > a:hover span em{
	height:60px;
}


.ImmigrationApplication{
	display:none;
	width:500px;
	height:500px;
	background-color:#fff;
	position:fixed;  
    left:50%;  
    top:50%;  
    margin:-251px 0 0 -251px;
	z-index:9999999;
	border:1px solid #E6E6E6;
}
.ImmigrationApplication .top{
	width:100%;
	height:42px;
	border-bottom:1px solid #E6E6E6;
}
.ImmigrationApplication .top span{
	display:block;
	height:42px;
	float:left;
	font:18px/42px 'MyCustomFont';
	margin-left:15px;
}
.ImmigrationApplication .top i{
	display:block;
	cursor:pointer;
	height:42px;
	float:right;
	font-size:28px;
	line-height:42px;
	margin-right:15px;
	color:#666;
}
.ImmigrationApplication .form-text{
	width:400px;
	height:auto;
	overflow:hidden;
	margin:10px auto 0 auto;
}
.ImmigrationApplication .form-text dl{
	display:block;
	width:100%;
	height:24px;
	font:16px/24px 'MyCustomFont';
	color:#555;
	margin-bottom:5px;
	margin-top:10px;
}
.ImmigrationApplication .form-text .input{
	display:block;
	width:378px;
	height:40px;
	padding:0 10px;
	background-color:#EFEFEF;
	border:0;outline:none;
	font-size:16px;
	line-height:40px;
	color:#222;
	margin-right:15px;
	border:1px solid #CCC;
}
.ImmigrationApplication .form-text .text{
	display:block;
	width:378px;
	height:66px;
	padding:5px 10px;
	background-color:#EFEFEF;
	border:0;outline:none;
	font-size:16px;
	line-height:22px;
	color:#222;
	margin-right:15px;
	border:1px solid #CCC;
}
.ImmigrationApplication .form-text .button{
	cursor:pointer;
    background: #e76e2c;
    border: none;
    color: #fff;
    cursor: pointer;
    height:48px;
    font-size:16px;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.3s ease-in-out;
    width:100%;
}