/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;font-family: "microsoft yahei", Arial, tahoma, arial, simsun;}
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; min-width:320px;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
h4{
    display: block;
    font-weight: bold;
}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#333; text-decoration:none; transition:all .3s;}
a:hover { color:#0c3388;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.clear{clear: both;}


body{padding-top: 100px; position: relative;}

.head{
	position: fixed;
	width: 100%;
	z-index: 100;
	background: url(../images/headBg.png) left top repeat-x;
	top: 0;
	left: 0;
	transition: all .3s;
}
.head .headWrap{
	position: relative;
	width: 1200px;
	margin: 0px auto;
}
.head .headWrap .logoBox{
	float: left;
	margin: 24px 0px 10px;
	transition: all .3s;
}
.head .headWrap .logoBox img{
	display: block;
	height: 66px;
	transition: all .3s;
}
.head .headWrap .headRight{
	float: right;
}
.head .headWrap .headRight .topLink{
	margin-top: 10px;
	text-align: right;
	overflow: hidden;
	transition: all .3s;
}
.head .headWrap .headRight .topLink a{
	display: inline-block;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	border: #c2c2c3 1px solid;
	border-radius: 14px;
	line-height: 26px;
	text-align: center;
	color: #c2c2c3;
	font-size: 12px;
	margin: 0px 5px;
}
.head .headWrap .headRight .topLink a:hover{
	border-color: #808080;
}
.head .headWrap .headRight .topLink a.topEmail{
	background: url(../images/email.png) center center no-repeat;
}

.navBox{margin-top: 4px;}
.nav{ height:56px; line-height:46px; position:relative; z-index:1;  }
.nav .nLi{ float:left; position:relative; display:inline;  }
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block; color: #313131; padding:0 20px 10px; font-size:14px; border-bottom: transparent 2px solid;}
.nav .nLi:hover h3 a{border-bottom: #0c3388 2px solid; color: #0c3388;}
.nav .cur h3 a{border-bottom: #0c3388 2px solid; color: #0c3388;}
.nav .sub{ display:none; width:140px; left:50%; top:58px; margin-left: -70px; position:absolute; background:#0c3388;  line-height:26px; padding:10px 0;}
.nav .sub li{ zoom:1; }
.nav .sub a{ color:#fff; font-size: 13px; display:block; padding:5px 10px; text-align: center;}
.nav .sub a:hover{ background:#2254c1; }

.move .headWrap .logoBox{ margin: 15px 0px 5px;}
.move .headWrap .logoBox img{height:40px; }
.move .headWrap .headRight .topLink{margin-top: -28px;}


.m_menu_btn{
	display: none;
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 101;
	right: 15px;
	top: 15px;
}
.m_menu_btn img{
	display: block;
	width: 20px;
	height: 20px;
	transition: all .3s;
}
.m_menu_btn .opa{
	opacity: .7;
}
.m_menu_box{
	background: #eee;
    overflow: hidden;
    display: none;
}
.m_menu_box li{
	line-height: 40px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    overflow: hidden;
}
.m_menu_box li a{
	display: block;
    height: 40px;
    padding: 0 10px;
    color: #666;
}
.m_menu_box li .sub{
	background: #f8f8f8;
    padding-left: 20px;
    display: none;
    width: 100%;
}


.fullSlide{ position:relative; background:#ccc; margin:0 auto; overflow: hidden;}
.fullSlide .bd{ position:relative; z-index:0;}
.fullSlide .bd li{position: relative;}
.fullSlide .bd li .videoBg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -3; background: url(../images/videoPoster.png) center center no-repeat; background-size: cover;}
.fullSlide .bd li #bannerVideo{position: absolute; width: 100%; z-index: -2; top: 0; left: 0; right: 0; bottom: 0;}
.fullSlide .bd li img{width:100%; vertical-align:top;  }
.fullSlide .bd li .bannerVideoMask{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: url(../images/videoMask.png) left top repeat;}
.fullSlide .hd{position:relative; z-index:1; margin-top:-50px; height:50px; line-height:50px; text-align:center; }
.fullSlide .hd ul{ text-align:center;  padding:5px 0px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:13px; height:13px; margin:5px; background:url(../images/tg_flash_p.png) right 0; overflow:hidden; font-size:0;}
.fullSlide .hd ul .on{ background-position:0 0; }


.Sec{
	overflow: hidden;
	padding: 20px 0px;
}
.Sec .secWrap{
	width: 1200px;
	margin: 0px auto;
}

.iNews{
	width: 50%;
	float: left;
	margin-right: 3%;
}
.iNews .iNewsTit{
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #0c3388;
	border-bottom: #d9d9d9 1px solid;
	margin-bottom: 20px;
}
.iNews .iNewsTit span{
	display: inline-block;
	border-bottom: #0c3388 2px solid;
	padding: 0px 15px;
}
.iNews .iNewsTit a{
	float: right;
	font-size: 13px;
	color: #0c3388;
}
.iNews .iNewsBody{
	overflow: hidden;
}
.iNews .iNewsBody .iNewsOne{
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom: #d9d9d9 1px solid;
}
.iNews .iNewsBody .iNewsOne .iNewsOnePic{
	float: left;
	width: 45%;
	margin-right: 3%;
}
.iNews .iNewsBody .iNewsOne .iNewsOnePic img{
	display: block;
	width: 100%;
}
.iNews .iNewsBody .iNewsOne .iNewsOneRight{
	width: 52%;
	float: left;
}
.iNews .iNewsBody .iNewsOne .iNewsOneRight .iNewsOneTit{
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
	border-left: #0c3388 5px solid;
	margin-bottom: 20px;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.iNews .iNewsBody .iNewsOne .iNewsOneRight .iNewsOneDesc{
	height: 54px;
	margin-bottom: 15px;
	line-height: 18px;
	font-size: 12px;
	color: #999;
	overflow: hidden;
}
.iNews .iNewsBody .iNewsOne .iNewsOneRight .iNewsOneLink{
	display: inline-block;
	padding: 0px 10px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	border: #0c3388 1px solid;
	color: #0c3388;
}
.iNews .iNewsBody .iNewsOne .iNewsOneRight .iNewsOneLink:hover{
	background-color: #0c3388;
	color: #fff;
}
.iNews .iNewsBody .iNewsTwo{
	overflow: hidden;
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 20px 15px 10px 0px;
	border-right: #d9d9d9 1px solid;
}
.iNews .iNewsBody .iNewsTwo .iNewsTwoPic{
	float: left;
	overflow: hidden;
	width: 80px;
	height: 80px;
}
.iNews .iNewsBody .iNewsTwo .iNewsTwoPic img{
	display: block;
	height: 100%;
}
.iNews .iNewsBody .iNewsTwo .iNewsTwoRight{
	margin-left: 90px;
}
.iNews .iNewsBody .iNewsTwo .iNewsTwoRight .iNewsTwoTit{
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	border-left: #0c3388 3px solid;
	margin-bottom: 10px;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.iNews .iNewsBody .iNewsTwo .iNewsTwoRight .iNewsTwoDesc{
	height: 36px;
	margin-bottom: 3px;
	line-height: 18px;
	font-size: 13px;
	color: #999;
	overflow: hidden;
}
.iNews .iNewsBody .iNewsTwo .iNewsTwoRight .iNewsTwoDate{
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #c9c9c9;
	overflow: hidden;
}
.iNews .iNewsBody .iNewsThree{
	overflow: hidden;
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 20px 0px 10px 15px;
}
.iNews .iNewsBody .iNewsThree .iNewsThreePic{
	float: left;
	overflow: hidden;
	width: 80px;
	height: 80px;
}
.iNews .iNewsBody .iNewsThree .iNewsThreePic img{
	display: block;
	height: 100%;
}
.iNews .iNewsBody .iNewsThree .iNewsThreeRight{
	margin-left: 90px;
}
.iNews .iNewsBody .iNewsThree .iNewsThreeRight .iNewsThreeTit{
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	border-left: #0c3388 3px solid;
	margin-bottom: 10px;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.iNews .iNewsBody .iNewsThree .iNewsThreeRight .iNewsThreeDesc{
	height: 36px;
	margin-bottom: 3px;
	line-height: 18px;
	font-size: 13px;
	color: #999;
	overflow: hidden;
}
.iNews .iNewsBody .iNewsThree .iNewsThreeRight .iNewsThreeDate{
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #c9c9c9;
	overflow: hidden;
}


.iVideo{
	width: 47%;
	float: left;
}
.iVideo .iVideoTit{
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #0c3388;
}
.iVideo .iVideoTit a{
	float: right;
    font-size: 13px;
    color: #0c3388;
}
.iVideo .iVideoBody{
	
}
.iVideo .iVideoBody .iVideoCover{
	background: url(../images/iVideoBg.jpg) center center no-repeat;
	background-size: cover;
	padding: 67px 40px;
}
.iVideo .iVideoBody .iVideoCover .iVideoPicBox{
	position: relative;
	overflow: hidden;
	height: 172px;
	text-align: right;
}
.iVideo .iVideoBody .iVideoCover .iVideoPicBox .iVideoPic{
	display: inline-block;
	height: 100%;
}
.iVideo .iVideoBody .iVideoCover .iVideoPicBox .iVideoPlay{
	position: absolute;
	width: 50px;
	height: 50px;
	right: 125px;
	top: 50%;
	margin-top: -25px;
	z-index: 10;
	transition: all .6s;
}
.iVideo .iVideoBody .iVideoCover .iVideoPicBox .iVideoPlay:hover{
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg); 	/* Opera */
}
.iVideo .iVideoBody .videoMask{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.6);
	z-index: 110;
	cursor: pointer;
}
.iVideo .iVideoBody .videoBox{
	display: none;
	width: 800px;
	height: 450px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -225px;
	z-index: 111;
	background-color: #fff;
}
.iVideo .iVideoBody .videoBox video{
	width: 100%;
}
.iVideo .iVideoBody .videoBox .videoClose{
	position: absolute;
	width: 30px;
	height: 30px;
	top: -15px;
	right: -15px;
	background: url(../images/close.png) center center no-repeat;
	z-index: 112;
}

.iPro{
	width: 65%;
	float: left;
	margin-right: 3%;
}
.iPro .iProTit{
	height: 25px;
	line-height: 25px;
	margin-bottom: 30px;
}
.iPro .iProTit span{
	display: inline-block;
	font-size: 24px;
	color: #000;
	border-left: #0c3388 5px solid;
	padding-left: 10px;
}
.iPro .iProTit .iProLink{
	float: right;
}
.iPro .iProTit .iProLink a{
	display: inline-block;
	line-height: 25px;
	font-size: 13px;
	color: #6b6b6b;
	padding: 0px 15px;
}
.iPro .iProTit .iProLink a:last-child{
	color: #0c3388;
	padding-right: 0px;
}
.iPro .iProTit .iProLink a:hover{
	color: #0c3388;
}


/* scrollpic */

/*
.scrollpic{width: 100%; margin:0px auto; position: relative;}
#myscroll{display:block; margin: 0px 30px; position:relative; height:260px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0; position: relative;}
#myscroll ul li .iProItemLink{display:block; width:220px; padding:0 10px; position:relative; height:260px; color:#333;}
#myscroll ul li .iProItemLink img{display: block; width: 100%;}
#myscroll .iProItemLink .intro{display: block; line-height: 40px; height: 40px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
#myscroll .iProItemLink:hover .intro{color: #0c3388;}

#myscroll ul li:hover .addToCar{opacity: 1;}


#left, #right{width:18px; height:45px; display:block; position: absolute; top: 50%; margin-top: -45px; z-index: 40;}
#left:hover, #right:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#left{background-image:url(../images/jt_l.png); left: 0;}
#right{background-image:url(../images/jt_r.png); right: 0;}
*/

/*浏览器宽度变化时需刷新页面才能正常显示*/



.iNewsV2{
	padding: 20px 0px;
	border-bottom: #e2e2e2 1px solid;
	background-color: #fff;
	box-shadow: 0px 0px 4px rgba(170,170,170,.6);
}
.iNewsV2 .iNewsV2Tit{
	line-height: 28px;
	font-size: 20px;
	font-weight: bold;
	color: #00409a;
	padding: 2px 20px 2px 10px;
	margin-right: 20px;
	float: left;
	border-right: #d0d0d0 1px solid;
}
.iNewsV2 .txtScroll-top{ overflow:hidden; position:relative; }
.iNewsV2 .txtScroll-top .bd{ padding: 2px 10px;  }
.iNewsV2 .txtScroll-top .infoList li{ height:28px; line-height:28px; color: #000000; overflow: hidden;}
.iNewsV2 .txtScroll-top .infoList li a{overflow: hidden; text-overflow: ellipsis; white-space:nowrap; display: block;}
.iNewsV2 .txtScroll-top .infoList li .date{ color:#a4a4a4; margin-left: 10px; }
.iNewsV2 .iNewsV2Body{
	overflow: hidden;
}
.iNewsV2 .iNewsV2Body .iNewsV2Moew{
	float: right;
	display: block;
	line-height: 28px;
    font-size: 14px;
    color: #00409a;
    padding: 2px 10px;
    margin-left: 20px;
}

.iProV2 .iProV2Tit{
	line-height: 80px;
	font-size: 30px;
	text-align: center;
	color: #000000;
	position: relative;
	margin-bottom: 20px;
}
.iProV2 .iProV2Tit .iProV2TitLine{
	display: block;
	width: 60px;
	height: 3px;
	background-color: #004098;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 0px;
}
.iProV2 .iProV2SNav{
	text-align: center;
	margin-bottom: 20px;
}
.iProV2 .iProV2SNav a,.iProV2 .iProV2SNav span{
	display: inline-block;
	padding: 0px 5px;
	line-height: 20px;
	font-size: 14px;
	color: #01419b;
}

.iProV2 .scrollpic{width: 100%; margin:0px auto; position: relative;}
.iProV2 #myscroll{display:block; margin: 0px 30px; position:relative; height:250px; overflow:hidden;}
.iProV2 #myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
.iProV2 #myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
.iProV2 #myscroll ul li{display:block; float:left; padding:0; margin:0; position: relative;}
.iProV2 #myscroll ul li .iProItemLink{display:block; width:210px; padding:0 9px; position:relative; height:250px; color:#333;}
.iProV2 #myscroll ul li .iProItemLink img{display: block; width: 100%;}
.iProV2 #myscroll .iProItemLink .intro{display: block; text-align: center; color: #6b6b6b; line-height: 40px; height: 40px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.iProV2 #myscroll .iProItemLink:hover .intro{color: #0c3388;}

.iProV2 #myscroll ul li:hover .addToCar{opacity: 1;}


.iProV2 #left, #right{width:18px; height:45px; display:block; position: absolute; top: 50%; margin-top: -45px; z-index: 40;}
.iProV2 #left:hover, #right:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.iProV2 #left{background-image:url(../images/jt_l.png); left: 0;}
.iProV2 #right{background-image:url(../images/jt_r.png); right: 0;}



.iPlan{
	width: 32%;
	float: left;
}
.iPlan .iPlanTit{
	height: 25px;
	line-height: 25px;
	margin-bottom: 20px;
}
.iPlan .iPlanTit span{
	display: inline-block;
	font-size: 24px;
	color: #000;
	border-left: #0c3388 5px solid;
	padding-left: 10px;
}
.iPlan .iPlanBody{}

.slideBox{ position:relative; overflow:hidden; margin:0px auto; }
.slideBox .hd{ bottom:0; right:0; z-index:1; }
.slideBox .hd ul{ display: block; height: 20px; text-align: center;}
.slideBox .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#b6b6b6; text-indent:-9999px; overflow:hidden; margin:5px 3px; cursor: pointer;}
.slideBox .hd li.on{ background:#0f3387;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */


.iApp{
	position: relative;
	padding: 60px 0px 40px;
}
#iAppBg{
	display: block;
	position: absolute;
	width: 1920px;
	left: 50%;
	top: 0;
	margin-left: -960px;
	z-index: -1;
}
.iApp .iAppTit{
	height: 24px;
	line-height: 24px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	border-left: #0c3388 5px solid;
	padding-left: 15px;
	margin-bottom: 15px;
}
.iApp .iAppShortTit{
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	color: #a6a6a6;
	padding-left: 20px;
	margin-bottom: 100px;
}
.iApp .iAppBody{
	overflow: hidden;
}
.iApp .iAppBody .iAppCel{
	width: 22%;
	float: left;
	margin-right: 4%;
}
.iApp .iAppBody .iAppCel:last-child{
	margin-right: 0;
}
.iApp .iAppBody .iAppCel .iAppCelPic{
	width: 100%;
	margin-bottom: 20px;
}
.iApp .iAppBody .iAppCel .iAppCelPic img{
	display: block;
	box-sizing: border-box;
	width: 100%;
	border-radius: 50%;
	border: #fff 10px solid;
	box-shadow: 0px 0px 5px rgba(0,0,0,.2);
}
.iApp .iAppBody .iAppCel .iAppCelTit{
	height: 30px;
	line-height: 30px;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin-bottom: 20px;
}
.iApp .iAppBody .iAppCel .iAppCelDes{
	line-height: 20px;
	height: 80px;
	overflow: hidden;
	font-size: 14px;
	color: #a09f9f;
	text-align: justify;
}



.iAbout .secWrap{
	background-color: #f6f6f6;
	box-sizing: border-box;
	padding: 60px 40px;
}
.iAbout .iAboutTit{
	line-height: 30px;
	font-size: 28px;
	color: #000;
	text-align: center;
	margin-bottom: 30px;
}
.iAbout .iAboutTit span{
	display: inline-block;
	padding-left: 20px;
	border-left: #0c3388 7px solid;
}
.iAbout .iAboutTxt{
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	color: #000;
	margin-bottom: 40px;
}
.iAbout .iAboutIco{
	overflow: hidden;
	width: 900px;
    margin: 0px auto;
}
.iAbout .iAboutIco .iAboutIcoCel{
	display: block;
	width: 25%;
	float: left;
}
.iAbout .iAboutIco .iAboutIcoCel .iAboutIcoCelPic{
	margin-bottom: 20px;
	text-align: center;
}
.iAbout .iAboutIco .iAboutIcoCel .iAboutIcoCelPic img{
	max-width: 100%;
}
.iAbout .iAboutIco .iAboutIcoCel .iAboutIcoCelTit{
	line-height: 25px;
	font-size: 18px;
	text-align: center;
	color: #000;
}
.iAbout .iAboutIco .iAboutIcoCel:hover .iAboutIcoCelTit{
	color: #0c3388;
}



.footer{
	background-color: #0e1738;
}
.footerBody{
	padding: 20px 0px;
	border-bottom: #1b223d 1px solid;
}
.footerBody .footerLeft{
	overflow: hidden;
	width: 60%;
	float: left;
}
.footerBody .footerCel{
	width: 20%;
	box-sizing: border-box;
	padding-right: 10px;
	float: left;
}
.footerBody .footerCel .footerCelTit{
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	margin-bottom: 10px;
}
.footerBody .footerCel .footerCelTit:hover{
	color: #aeaeae;
}
.footerBody .footerCel .footerCelCel{
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #f5f9e2;
}
.footerBody .footerCel .footerCelCel:hover{
	color: #babbb3;
}
.footerBody .footerMid{
	width: 11%;
	float: left;
	box-sizing: border-box;
	padding: 0px 20px;
}
.footerBody .footerMid .footerMidTit{
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	margin-bottom: 10px;
}
.footerBody .footerMid .footerMidBody img{
	width: 140px;
	max-width: 100%;
}
.footerBody .footerLast{
	float: right;
	box-sizing: border-box;
	padding: 0px 5px;
}
.footerBody .footerLast .footerLastTit{
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	margin-bottom: 10px;
}
.footerBody .footerLast .footerLastBody .salePhoneBox{
	padding-left: 45px;
	margin-bottom: 10px;
	background: url(../images/tel.png) left top no-repeat;
}
.footerBody .footerLast .footerLastBody .salePhoneBox .salePhoneTit{
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	color: #1473e6;font-weight: 600;
}
.footerBody .footerLast .footerLastBody .salePhoneBox .salePhoneNumber{
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	color: #fff;
}
.footerBody .footerLast .footerLastBody .salePhoneS{
	border-top: #2f334c 1px solid;
	border-bottom: #2f334c 1px solid;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #ffffff;
	text-align: left; padding-left: 50px;
}
.footerBody .footerLast .footerLastBody .salePhoneS font{font-weight: 600;color: #1473e6; font-size: 16px;}
.footerBody .footerLinkBox{
	margin-top: 10px;
}
.footerBody .footerLinkBox .footerLinkCel{
	float: left;
	margin-right: 15px;
	position: relative;
}
.footerBody .footerLinkBox .footerLinkCel .footerLinkCelPic{
	width: 36px;
	height: 36px;
	background-color: #222d4d;
	border-radius: 50%;
	margin-bottom: 5px;
}
.footerBody .footerLinkBox .footerLinkCel:hover .footerLinkCelPic{
	background-color: #283a79;
}
.footerBody .footerLinkBox .footerLinkCel .footerLinkCelPic img{
	display: block;
	width: 100%;
}
.footerBody .footerLinkBox .footerLinkCel .footerLinkCelTit{
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	color: #aca497;
}
.footerBody .footerLinkBox .wechatCel .footerVcode{
	display: none;
	position: absolute;
	width: 120px;
	height: 120px;
	top: -140px;
	left: 50%;
	margin-left: -60px;
	z-index: 100;
}
.footerBody .footerLinkBox .wechatCel:hover .footerVcode{
	display: block;
}
.footerBody .footerLinkBox .wechatCel .footerVcode img{
	display: block;
	width: 100%;
}
.footerBody .footerLinkBox .wechatCel .footerVcode .triangle{
	position: absolute;
	bottom: -8px;
	margin-left: -8px;
	left: 50%;
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent; 
	border-right: 8px solid transparent; 
	border-top: 8px solid #fff; 
}


.cpyBox{
	padding: 20px 0px 0px;
	overflow: hidden;
}
.cpyBox .cpyLogo{
	float: left;
	margin-right: 20px;
}
.cpyBox .cpyLogo img{
	display: block;
	height: 30px;
}
.cpyBox .cpyInfo{
	float: left;
}
.cpyBox .cpyInfo p{
	line-height: 15px;
	font-size: 12px;
	color: #969080;
}
.cpyBox .cpyRight{
	float: right;
	margin-top: 8px;
	line-height: 15px;
	font-size: 12px;
	color: #969080;
}
.cpyBox .cpyRight a{
	color: #969080;
}
.cpyBox .cpyRight a:hover{
	color: #babbb3;
}

.floatAd{
	width: 180px;
	height: 360px;
	position: fixed;
	z-index: 20;
}
.floatAd.leftSide{
	bottom: 200px;
	left: 50px;
}
.floatAd.rightSide{
	bottom: 200px;
	right: 50px;
}
.floatAd img{
	display: block;
	width: 100%;
}


.float-img{
	width: 300px;
	height: 300px;
	z-index: 101;
	position: absolute;
	left: 2px;
	top: 43px;
	overflow:hidden;
}
.float-img img{
	display: block;
}
.close{
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/close.png) no-repeat;
}
.hidden{
	display: none;
}




.sBanner{
	height: 360px;
	background-position: center center;
	background-size: cover;
}
.pageMain{
	padding-bottom: 40px;
}
.pageMain .pageWrap{
	width: 1200px;
	margin: 0px auto;
	min-height: 600px;
	background: url(../images/earth.png) center bottom no-repeat;
}
.pageHead{
	border-bottom: #e6e6e6 1px solid;
	margin-bottom: 30px;
}
.pageHead .pageHeadLeft{
	float: left;
}
.pageHead .pageHeadLeft .pageHeadTopSort{
	position: relative;
	float: left;
	width: 280px;
}
.pageHead .pageHeadLeft .pageHeadTopSort span{
	display: block;
	padding: 0px 30px;
	height: 70px;
	line-height: 70px;
	font-size: 20px;
	color: #fff;
	background-color: #0c3388;
}
.pageHead .pageHeadLeft .pageHeadTopSort .pageHeadTopSortDesc{
	position: absolute;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 20px 30px;
	bottom: 70px;
	z-index: 10;
	background: rgba(12,51,136,.5);
	line-height: 30px;
	font-size: 16px;
	color: #f5f6f9;
}
.pageHead .pageHeadLeft .pageHeadTopSort .pageHeadTopSortDesc .pageHeadTopSortDescLine{
	display: block;
	width: 55px;
	height: 3px;
	background-color: #fff;
	position: absolute;
	bottom: 0px;
	left: 30px;
	z-index: 11;
}
.pageHead .pageHeadLeft .pageHeadNav{
	float: left;
	padding-left: 20px;
}
.pageHead .pageHeadLeft .pageHeadNav a{
	display: inline-block;
	position: relative;
	height: 70px;
	line-height: 70px;
	padding: 0px 20px;
	font-size: 16px;
}
.pageHead .pageHeadLeft .pageHeadNav a.cur{
	color: #0c3388;
}
.pageHead .pageHeadLeft .pageHeadNav a .pageHeadNavCur{
	display: none;
	width: 40px;
	height: 3px;
	background-color: #0c3388;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -20px;
	z-index: 11;
}
.pageHead .pageHeadLeft .pageHeadNav a.cur .pageHeadNavCur{
	display: block;
}
.pageHead .pageHeadPosition{
	float: right;
	height: 70px;
	line-height: 70px;
	font-size: 12px;
}
.arcList{
	overflow: hidden;
}
.arcListLeft{
	width: 74%;
	float: left;
	margin-right: 3%;
}
.arcListLeft .arcListItem{
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: #cccccc 1px dashed;
}
.arcListLeft .arcListItem .arcListItemPic{
	width: 25%;
	float: left;
}
.arcListLeft .arcListItem .arcListItemPic img{
	display: block;
	width: 100%;
}
.arcListLeft .arcListItem .arcListItemRight{
	margin-left: 28%;
}
.arcListLeft .arcListItem .arcListItemRight .arcListItemTit{
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.arcListLeft .arcListItem .arcListItemRight .arcListItemData{
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #cccccc;
	margin-bottom: 10px;
}
.arcListLeft .arcListItem .arcListItemRight .arcListItemDesc{
	line-height: 20px;
	font-size: 13px;
	color: #999999;
}
.listPage{MARGIN: 0px auto 0px; WIDTH: 100%; PADDING: 20px 0px; TEXT-ALIGN: center}
.listPage li{display: inline-block; BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}
.listPage li.thisclass{background-color: #0c3388; border-color: #0c3388; color: #fff;}
.listPage li.thisclass a{color: #fff;}

.arcListRight{
	width: 23%;
	float: left;
}
.searchBox{
	padding: 20px;
	background-color: #f2f2f2;
	margin-bottom: 20px;
}
.searchBox .searchBoxTit{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #000;
}
.searchBox .searchBody{
	margin-top: 10px;
}
.searchBox .searchBody .searchInput{
	display: block;
	box-sizing: border-box;
	border: #dddddd 1px solid;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
	font-size: 12px;
	outline: none;
	margin-bottom: 15px;
}
.searchBox .searchBody .searchBtn{
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	background-color: #c70025;
	color: #fff;
	border: none;
	outline: none;
	cursor: pointer;
}

.picBox{
	overflow: hidden;
	margin-bottom: 20px;
}
.picBox img{
	display: block;
	width: 100%;
}

.arcPageTit{
	line-height: 25px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.arcPageInfo{
	line-height: 20px;
	font-size: 12px;
	color: #aeaeae;
	margin-bottom: 10px;
}
.arcPageInfo .arcPageDate{
	display: inline-block;
	padding-left: 20px;
	background: url(../images/time.png) left center no-repeat;
	margin-right: 10px;
}
.arcPageInfo .arcPageClick{
	display: inline-block;
	padding-left: 20px;
	background: url(../images/click.png) left center no-repeat;
}
.arcPageContent{
	padding-bottom: 20px;
	border-bottom: #aeaeae 1px dashed;
	margin-bottom: 20px;
	line-height: 180%;
	text-align: justify;
}
.arcPageContent img{
	max-width: 100%;
}
.arcPagePreNxt p{
	display: block;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	color: #aaa;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}

.proPage{
	margin-top: 30px;
	overflow: hidden;
}
.proLeft{
	width: 23%;
	float: left;
	margin-right: 3%;
}
.proLeft .proLeftTit{
	line-height: 30px;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	padding: 20px;
	background: url(../images/mark.png) right bottom no-repeat #0c3388;
}
.proLeft .proLeftNav a{
	display: block;
	padding: 15px 20px;
	line-height: 20px;
	font-size: 14px;
	color: #6f6f6f;
	border-bottom: #eaeaea 1px solid;
	background: url(../images/arr.png) right center no-repeat;
}
.proLeft .proLeftNav a:hover{
	color: #fff;
	background: url(../images/arr_h.png) right center no-repeat #1f4391;
}
.proLeft .proLeftNav a.cur{
	color: #fff;
	background: url(../images/arr_h.png) right center no-repeat #1f4391;
}


.proRight{
	width: 74%;
	float: left;
}
.proRight .proRightHead{
	border-bottom: #eaeaea 1px solid;
	overflow: hidden;
	padding-bottom: 10px;
}
.proRight .proRightHead .proRightSort{
	line-height: 40px;
	font-size: 18px;
	color: #818181;
	float: left;
}
.proRight .proRightHead .proRightHeadMain{
	float: right;
	overflow: hidden;
	margin-top: 4px;
}
.proRight .proRightHead .proRightHeadMain .proRightSearchBox{
	float: left;
	position: relative;
	margin-right: 20px;
}
.proRight .proRightHead .proRightHeadMain .proRightSearchBox .searchInput{
	display: block;
	width: 200px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	border: #dddddd 1px solid;
	padding: 0px 35px 0px 10px;
	outline: none;
}
.proRight .proRightHead .proRightHeadMain .proRightSearchBox .searchBtn{
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	z-index: 11;
	top: 0;
	right: 0;
	background: url(../images/search.png) center center no-repeat;
	border: none;
	outline: none;
	cursor: pointer;
}
.proRight .proRightHead .proRightHeadMain .proRightPosition{
	float: left;
	line-height: 32px;
	font-size: 12px;
	padding-left: 18px;
	background: url(../images/cir.png) left center no-repeat;
}
.proRight .proRightBody{
	padding: 20px 10px;
	overflow: hidden;
}
.proRight .proRightBody .proListItem{
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
	position: relative;
}
.proRight .proRightBody .proListItem:nth-child(3n){
	margin-right: 0;
}

.proRight .proRightBody .proListItem:hover .addToCar{
	opacity: 1;
}

.proRight .proRightBody .proListItem .proListItemPic img{
	display: block;
	width: 100%;
}
.proRight .proRightBody .proListItem .proListItemTitl{
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.proRight .proRightBody .proPageTop{
	margin-bottom: 20px;
	overflow: hidden;
}
.proRight .proRightBody .proPageTop .proPagePic{
	width: 400px;
	float: left;
}

.proTouchSlide{ position:relative; overflow:hidden; margin:0px auto; display: none; }
.proTouchSlide .hd{ bottom:0; right:0; z-index:1; }
.proTouchSlide .hd ul{ display: block; height: 20px; text-align: center;}
.proTouchSlide .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#b6b6b6; text-indent:-9999px; overflow:hidden; margin:5px 3px; cursor: pointer;}
.proTouchSlide .hd li.on{ background:#0f3387;  }
.proTouchSlide .bd{ position:relative; z-index:0; }
.proTouchSlide .bd li{ position:relative; text-align:center;  }
.proTouchSlide .bd li img{ vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.proTouchSlide .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

.proRight .proRightBody .proPageTop .proPageInfo{
	margin-left: 420px;
}
.proRight .proRightBody .proPageTop .proPageInfo .proPageTit{
	line-height: 25px;
	font-size: 18px;
	padding: 10px 0px;
}
.proRight .proRightBody .proPageTop .proPageInfo .proPageDesc{
	line-height: 25px;
	font-size: 13px;
	margin-bottom: 20px;
}
.proRight .proRightBody .proPageTop .proPageInfo .proPageDesc p{
	padding-left: 20px;
	margin-bottom: 10px;
	background: url(../images/dot.png) left top no-repeat;
}

.slideTxtBox{ width:100%; text-align:left; }
.slideTxtBox .hd{ height:40px; line-height:40px; background:#f4f4f4; border-bottom:1px solid #0c3388; position:relative; }
.slideTxtBox .hd ul{ width: 100%; position:absolute; height:40px; overflow: hidden;}
.slideTxtBox .hd ul li{ float:left; padding:0 20px; cursor:pointer; box-sizing:  border-box; }
.slideTxtBox .hd ul li.on{ color: #0c3388; font-weight: bold;}
.slideTxtBox .bd .proPageTabCel{ padding:15px; zoom:1; line-height: 180%; text-align: justify;}
.slideTxtBox .bd .proPageTabCel img{ max-width: 100%;}

.proPagePreNxt{
	padding-top: 10px;
	margin-top: 10px;
	border-top: #aeaeae 1px dashed;
}
.proPagePreNxt p{
	display: block;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	color: #aaa;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}


.serListLeft{
	width: 74%;
    float: left;
    margin-right: 3%;
}
.serListLeft .serSortInfo{
	border-bottom: #727171 1px dashed;
	padding-bottom: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
.serListLeft .serSortInfo .serSortInfoLeft{
	width: 72%;
	float: left;
	margin-right: 3%;
}
.serListLeft .serSortInfo .serSortInfoLeft .serSortInfoLeftTit{
	height: 35px;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 20px;
}
.serListLeft .serSortInfo .serSortInfoLeft .serSortInfoLeftDesc{
	line-height: 24px;
	font-size: 14px;
	text-indent: 2em;
	text-align: justify;
}

.serListLeft .serSortInfo .serSortInfoPic{
	width: 25%;
	float: left;
}
.serListLeft .serSortInfo .serSortInfoPic img{
	display: block;
	width: 100%;
}
.serListLeft .serListBody{
	padding: 10px;
	overflow: hidden;
}
.serListLeft .serListBody .serListItem{
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
}
.serListLeft .serListBody .serListItem:nth-child(3n){
	margin-right: 0;
}
.serListLeft .serListBody .serListItem .serListItemPic img{
	display: block;
	width: 100%;
}
.serListLeft .serListBody .serListItem .serListItemTitl{
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}


.jobList .jobPageTit{
	height: 40px;
	line-height: 40px;
	font-size: 28px;
	font-weight: bold;
	color: #313131;
	margin-bottom: 20px;
}
.jobList .jobPageBody .jobPageListTit{
	overflow: hidden;
	background-color: #a7a7a7;
	color: #fff;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 10px 0px 20px;
}
.jobList .jobPageBody .jobTabCol1{
	display: block;
	width: 40%;
	float: left;
}
.jobList .jobPageBody .jobTabCol2{
	display: block;
	width: 15%;
	float: left;
	text-align: center;
}
.jobList .jobPageBody .jobTabCol3{
	display: block;
	width: 15%;
	float: left;
	text-align: center;
}
.jobList .jobPageBody .jobTabCol4{
	display: block;
	width: 25%;
	float: left;
	text-align: center;
}
.jobList .jobPageBody .jobTabCol5{
	display: block;
	width: 5%;
	float: left;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.jobList .jobPageBody .jobPageListRow{
	border-bottom: #eaeaea 1px solid;
	cursor: pointer;
}
.jobList .jobPageBody .jobPageListRow .jobPageListRowUp{
	overflow: hidden;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	padding: 0px 10px 0px 20px;
}
.jobList .jobPageBody .jobPageListRow .jobPageListRowDown{
	height: 0px;
	overflow: hidden;
}
.jobList .jobPageBody .jobPageListRow .jobPageListRowDown .jobPageListRowDetails{
	padding: 0px 20px 20px;
	line-height: 180%;
	font-size: 14px;
	opacity: 0;
	transition: all .3s;
}
.jobList .jobPageBody .jobPageListRow .jobPageListRowDown .jobPageListRowDetails img{
	max-width: 100%;
}
.jobList .jobPageBody .jobPageListRow .showDetails{
	height: auto;
}
.jobList .jobPageBody .jobPageListRow .showDetails .jobPageListRowDetails{
	opacity: 1;
}



.aboutPage .aboutTit{
    height: 40px;
    line-height: 40px;
    font-size: 28px;
    font-weight: bold;
    color: #313131;
    margin-bottom: 40px;
}
.aboutPage .aboutBody{
	overflow: hidden;
}
.aboutPic{
	width: 30%;
	float: right;
	margin-left: 50px;
	margin-bottom: 50px;
}
.aboutPic img{
	display: block;
	width: 100%;
}
.aboutContent{
	line-height: 180%;
}
.aboutContent p{
	margin-bottom: 20px;
	text-indent: 2em;
}
.aboutContent p.noMB{
	margin-bottom: 0;
}
.aboutContent .fontStyle1{
	font-size: 18px;
	color: #0070c0;
	margin-bottom: 10px;
	font-weight: bold;
	text-indent: 28px;
}
.aboutContent .fontStyle2{
	font-size: 24px;
	font-weight: bold;
	text-indent: 28px;
}
.aboutContent img{
	max-width: 100%;
}

.contactUp{
	overflow: hidden;
	margin-bottom: 20px;
}
.contactUp .contactMap{
	width: 60%;
	float: left;
}
.contactUp .contactMap .contactMapBox{
	width: 100%;
	height: 400px;
	font-size: 12px;
	box-sizing: border-box;
	border: #aeaeae 1px solid;
}
.contactUp .contactInfo{
	width: 40%;
	height: 400px;
	float: left;
	background-color: #1264a6;
	color: #fff;
	box-sizing: border-box;
	padding: 30px;
}
.contactUp .contactInfo .contactCompanyName{
	line-height: 25px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.contactUp .contactInfo .contactCompanyInfo{
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 10px;
}
.contactUp .contactInfo .contactCompanyInfoVcode{
	text-align: center;
	margin-top: 20px;
}
.contactUp .contactInfo .contactCompanyInfoVcode .contactCompanyInfoVcodeCel{
	display: inline-block;
	width: 110px;
	margin: 0px 20px;
}
.contactUp .contactInfo .contactCompanyInfoVcode .contactCompanyInfoVcodeCel img{
	display: block;
	width: 100%;
}
.contactUp .contactInfo .contactCompanyInfoVcode .contactCompanyInfoVcodeCel span{
	line-height: 25px;
	font-size: 12px;
	text-align: center;
}
.contactDown{
	background-color: #f6f4f4;
	overflow: hidden;
	box-sizing: border-box;
	padding: 40px 30px;
}
.contactDown .contactDownCel{
	width: 32%;
	float: left;
	margin-right: 2%;
}
.contactDown .contactDownCel:last-child{
	margin-right: 0;
}
.contactDown .contactDownCel .contactDownCelTit{
	line-height: 40px;
	font-size: 16px;
	margin-bottom: 10px;
	color: #555555;
	position: relative;
}
.contactDown .contactDownCel .contactDownCelTit i{
	display: block;
	width: 40px;
	height: 3px;
	background-color: #0c3388;
	position: absolute;
	bottom: 0;
	left: 0;
}
.contactDown .contactDownCel .contactDownCelRow{
	line-height: 25px;
	font-size: 12px;
}


/*留言中心*/
.feedback_wrap{width:49%; float:left;}
.contact_right{width:49%; float:left; margin-left:2%;}
/* Basic Grey */
.basic-grey {
	max-width: 100%;
	background: #F7F7F7;
	padding: 25px 15px 25px 10px;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #888;
	text-shadow: 1px 1px 1px #FFF;
	border:1px solid #E4E4E4;
}
.basic-grey h1 {
	font-size: 25px;
	padding: 0px 0px 10px 40px;
	display: block;
	border-bottom:1px solid #E4E4E4;
	margin: -10px -15px 30px -10px;;
	color: #888;
}
.basic-grey h1>span {
	display: block;
	font-size: 11px;
}
.basic-grey label {
	display: block;
	margin: 0px;
}
.basic-grey label>span {
	float: left;
	width: 20%;
	text-align: right;
	padding-right: 10px;
	margin-top: 15px;
	color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
	border: 1px solid #DADADA;
	color: #888;
	height: 30px;
	margin-bottom: 16px;
	margin-right: 6px;
	margin-top: 2px;
	outline: 0 none;
	padding: 3px 3px 3px 5px;
	width: 70%;
	font-size: 12px;
	line-height:15px;
	box-shadow: inset 0px 1px 4px #ECECEC;
	-moz-box-shadow: inset 0px 1px 4px #ECECEC;
	-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{
	padding: 12px 3px 3px 5px;
	height:100px;
	resize:none;
}
.basic-grey .button {
	background: #0c3388;
	border: none;
	padding: 10px 25px 10px 25px;
	color: #FFF;
	box-shadow: 1px 1px 5px #B6B6B6;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #1849b7;
	cursor: pointer;
}
.basic-grey .button:hover {
	background: #1849b7
}


.picListBody .picListItem{
	width: 23.5%;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
}
.picListBody .picListItem:nth-child(4n){
	margin-right: 0;
}
.picListBody .picListItem .picListItemPic{
	overflow: hidden;
	box-sizing: border-box;
	border: #e4e4e4 1px solid;
}
.picListBody .picListItem .picListItemPic img{
	display: block;
	width: 100%;
}
.picListBody .picListItem .picListItemTit{
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}


.kyjsSpe{
	overflow: hidden;
	margin-bottom: 20px;
}
.kyjsSpe .kyjsCpeCel{
	width: 32%;
	height: 250px;
	float: left;
	box-sizing: border-box;
	padding: 60px 20px;
	color: #fff;
	text-align: center;
}
.kyjsSpe .kyjsCpeCel:first-child{
	margin-left: 2%;
}
.kyjsSpe .kyjsCpeCel:nth-child(4n){
	margin-left: 2%;
}
.kyjsSpe .kyjsCpeCel:nth-child(3n){
	margin-right: 2%;
}
.kyjsSpe .kyjsCel1{
	background: url(../images/kyjs1.jpg) center center no-repeat;
	background-size: cover;
}
.kyjsSpe .kyjsCel2{
	background: url(../images/kyjs2.jpg) center center no-repeat;
	background-size: cover;
}
.kyjsSpe .kyjsCel3{
	background: url(../images/kyjs3.jpg) center center no-repeat;
	background-size: cover;
}
.kyjsSpe .kyjsCel4{
	background-color: #0047bb;
}
.kyjsSpe .kyjsCel5{
	background: url(../images/kyjs4.jpg) center center no-repeat;
	background-size: cover;
}
.kyjsSpe .kyjsCel6{
	background-color: #26956b;
}
.kyjsSpe .kyjsCpeCel .kyjsCpeCelTxtB{
	line-height: 60px;
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 20px;
}
.kyjsSpe .kyjsCpeCel .kyjsCpeCelTxtS{
	line-height: 25px;
	font-size: 16px;
}


.qywh{
	overflow: hidden;
}
.qywh .qywhLeft{
	width: 50%;
	float: left;
}
.qywh .qywhLeft .qywhCel1{
	margin-left: 20px;
	background: url(../images/mark_qywh.png) right bottom no-repeat #f0f0f0;
	padding: 40px 20px 20px;
}
.qywh .qywhLeft .qywhCel2{
	margin-top: 80px;
	margin-left: 100px;
}
.qywh .qywhLeft .qywhCel2 img{
	display: block;
	width: 100%;
}

.qywh .qywhRight{
	width: 50%;
	float: left;
}
.qywh .qywhRight .qywhCel3{
	margin-top: 80px;
}
.qywh .qywhRight .qywhCel3 img{
	display: block;
	width: 100%;
}
.qywh .qywhRight .qywhCel4{
	margin-right: 100px;
	background: url(../images/mark_qywh.png) right bottom no-repeat #f0f0f0;
	padding: 40px 20px 20px;
}


.aboutPagePic1{
	float: right;
	width: 280px;
}
.aboutPagePic1 img{
	display: block;
	width: 100%;
}
.aboutPageContent1{
	margin-right: 300px;
}
.mbPX{margin-bottom: 80px;}
.aboutPagePic2{
	float: left;
	width: 380px;
}
.aboutPagePic2 img{
	display: block;
	width: 100%;
}
.aboutPageContent2{
	margin-left: 400px;
}


.aboutPageNum{
	overflow: hidden;
	margin-top: 40px;
}
.aboutPageNum .aboutPageNumCel{
	width: 25%;;
	float: left;
	box-sizing: border-box;
	padding: 0px 10px;
	text-align: center;
}
.aboutPageNum .aboutPageNumCel .aboutPageNumUp{
	line-height: 50px;
	font-size: 30px;
	font-weight: bold;
	color: #0c3388;
	position: relative;
	margin-bottom: 10px;
}
.aboutPageNum .aboutPageNumCel .aboutPageNumUp i{
	display: block;
	width: 30px;
	height: 2px;
	background-color: #ebebeb;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
}
.aboutPageNum .aboutPageNumCel .aboutPageNumDown{
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	color: #555555;
}



.gsygBody{
	overflow: hidden;
	background: url(../images/ico4.png) center top repeat-y;
	padding: 20px 0px;
}
.gsygBody .gsygItem{
	width: 50%;
	position: relative;
	margin-bottom: 40px;
}
.gsygBody .gsygItem:nth-child(2){
	margin-top: 120px;
}
.gsygBody .gsygItem .gsygItemTri{
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 11;
}
.gsygBody .gsygItem .gsygItemCir{
	width: 18px;
	height: 18px;
	background: url(../images/ico3.png) center center no-repeat;
	position: absolute;
	z-index: 11;
}
.gsygBody .gsygItem .gsygItemWrap{
	border: #e6e6e6 1px solid;
	padding: 30px;
}
.gsygBody .gsygItem .gsygItemWrap .gsygItemTit{
	line-height: 25px;
	font-size: 24px;
	font-weight: bold;
	color: #b15533;
	margin-bottom: 10px;
}
.gsygBody .gsygItem .gsygItemWrap .gsygItemDesc{
	line-height: 20px;
	font-size: 15px;
	color: #6c6c6c;
	margin-bottom: 10px;
	font-weight: bold;
}
.gsygBody .gsygItem .gsygItemWrap .gsygItemPic img{
	display: block;
	width: 100%;
}
.gsygBody .gsygLeft{
	float: left;
}
.gsygBody .gsygLeft .gsygItemWrap{
	margin-right: 60px;
	text-align: right;
}
.gsygBody .gsygLeft .gsygItemTri{
	background: url(../images/ico1.png) center center no-repeat;
	right: 41px;
	top: 40px;
}
.gsygBody .gsygLeft .gsygItemCir{
	right: -9px;
	top: 41px;
}


.gsygBody .gsygRight{
	float: right;
}
.gsygBody .gsygRight .gsygItemWrap{
	margin-left: 60px;
}
.gsygBody .gsygRight .gsygItemTri{
	background: url(../images/ico2.png) center center no-repeat;
	left: 41px;
	top: 40px;
}
.gsygBody .gsygRight .gsygItemCir{
	left: -9px;
	top: 41px;
}



.addToCar{display: block; opacity: 0; transition: all .3s; width: 180px; height: 30px; line-height: 28px; font-size: 14px; text-align: center; background-color: #fff; box-sizing: border-box; border: #0c3388 1px solid; color: #0c3388; position: absolute; left: 50%; bottom: 60px; margin-left: -90px;}
.addToCar:hover{background-color: #0c3388; color: #fff;}

.addToCarStatic{
	display: block;
	transition: all .3s;
	width: 180px;
	height: 40px;
	line-height: 38px;
	font-size: 16px;
	text-align: center;
	background-color: #fff;
	box-sizing: border-box;
	border: #0c3388 1px solid;
	color: #0c3388;
}
.addToCarStatic:hover{
	background-color: #0c3388; color: #fff;
}

.carFloat{
	position: fixed;
	z-index: 50;
	width: 60px;
	right: 40px;
	top: 300px;
	box-sizing: border-box;
	padding: 8px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 5px rgba(0,0,0,.2);
}
.carFloat img{
	display: block;
	width: 100%;
}
.carFloat span{
	position: absolute;
	right: -10px;
	top: -10px;
	display: block;
	width: 20px;
	height: 20px;
	background-color: #ff0000;
	color: #fff;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-radius: 50%;
}
.carMask{
	display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    z-index: 110;
	cursor: pointer;
}
.carBox{
	display: none;
    width: 800px;
    height: 450px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -225px;
    z-index: 111;
    background-color: #fff;
	box-sizing: border-box;
	padding: 40px;
}
.carBox .carBoxWrap{
	height: 100%;
	overflow-y: auto;
}
.carBox .carBoxWrap .carBoxTit{
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.carBox .carBoxWrap .carBoxList .carBoxListItem{
	line-height: 30px;
	font-size: 14px;
	position: relative;
	border-bottom: #eaeaea 1px dashed;
	padding: 5px 0px;
}
.carBox .carBoxWrap .carBoxList .carBoxListItem .delectItem{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/close.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px;
}
.carBox .carBoxWrap .carBoxBtn{
	margin-top: 20px;
	text-align: center;
}
.carBox .carBoxWrap .carBoxBtn .inquireNow{
	display: inline-block;
	line-height: 20px;
	font-size: 14px;
	padding: 8px 25px;
	background-color: #0c3388;
	color: #fff;
	transition: all .3s;
	border-radius: 5px;
	margin: 0px 10px;
}
.carBox .carBoxWrap .carBoxBtn .inquireNow:hover{
	background-color: #1353DF;
}
.carBox .carBoxWrap .carBoxBtn .delectAll{
	display: inline-block;
	line-height: 20px;
	font-size: 14px;
	padding: 8px 25px;
	background-color: #434343;
	color: #fff;
	transition: all .3s;
	border-radius: 5px;
	margin: 0px 10px;
}
.carBox .carBoxWrap .carBoxBtn .delectAll:hover{
	background-color: #6F6F6F;
}
.carBox .carBoxClose{
	position: absolute;
    width: 30px;
    height: 30px;
    top: -15px;
    right: -15px;
    background: url(../images/close.png) center center no-repeat;
    z-index: 112;
}

.inquireForm{
	display: none;
	height: 100%;
	overflow: auto;
}

.flyImg{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: #fff 5px solid;
	position: fixed;
}


#showbox { background:#eee;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}





@media (max-width: 1700px){
	.floatAd{width: 150px; height: 300px;}
	.floatAd.leftSide{left: 30px;}
	.floatAd.rightSide{right: 30px;}
}

@media (max-width: 1400px){
	.floatAd{display: none;}
	.float-img{display: none;}
}

@media (max-width: 1200px){
	.head .headWrap{width: 100%; box-sizing:  border-box; padding: 0px 10px;}
	.Sec .secWrap{width: 96%;}
	.iPlan .iPlanBody{padding: 5% 0px;}
	#iAppBg{width: 1400px; margin-left: -700px;}
	.footerBody .footerLeft{width: 55%;}
	.cpyBox .cpyLogo{margin-right: 10px;}
	
	.pageMain .pageWrap{width: 96%; background: none;}
	
	.contactUp .contactMap{width: 50%;}
	.contactUp .contactInfo{width: 50%;}
	
	.qywh .qywhLeft .qywhCel2{margin-top: 40px; margin-left: 60px;}
	.qywh .qywhRight .qywhCel4{margin-right: 60px;}
}

@media (max-width: 1000px){
	.iPlan .iPlanBody{padding: 10% 0px;}
	.footerBody .footerLeft{width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #1b223d 1px solid;}
	.footerBody .footerCel{padding: 0px 20px;}
	.footerBody .footerMid{float: left; width: 50%; text-align: center;}
	.footerBody .footerLast{float: left; width: 50%;}
	.footerBody .footerLast .footerLastBody .salePhoneS{text-align: left;}
	.cpyBox .cpyRight{clear: both; float: none;}
	
	.proLeft{width: 100%; float: none; margin-bottom: 20px;}
	.proLeft .proLeftTit{height: auto; margin-bottom: 10px;}
	.proLeft .proLeftNav{overflow: hidden;}
	.proLeft .proLeftNav a{box-sizing: border-box; width: 25%; float: left; border: none;}
	.proRight{width: 100%; float: none;}
	.proRight .proRightHead{padding-top: 10px; border-top: #eaeaea 1px solid;}
	
	.picListBody .picListItem{width: 32%;}
	.picListBody .picListItem:nth-child(4n){margin-right: 2%;}
	.picListBody .picListItem:nth-child(3n){margin-right: 0;}
	
	.qywh .qywhLeft .qywhCel1{margin-left: 0;}
	.qywh .qywhLeft .qywhCel2{margin-top: 0px; margin-left: 40px;}
}

@media (max-width: 960px){
	.nav .nLi h3 a{padding: 0px 10px;}
	.iNews{width: 100%; float: none; margin-bottom: 10px;}
	.iVideo{width: 100%; float: none;}
	#iAppBg{width: 1200px; margin-left: -600px;}
	.iApp .iAppShortTit{margin-bottom: 60px;}
	
	.pageHead .pageHeadPosition{float: none; clear: both; border-top: #e6e6e6 1px solid; padding-left: 20px; height: 50px; line-height: 50px;}
	
	.contactUp .contactMap{width: 100%; float: none; margin-bottom: 20px;}
	.contactUp .contactInfo{width: 100%; float: none; text-align: center; height: auto;}
	
	.iAbout .iAboutIco{width: 100%;}
}

@media (max-width: 840px){
	.fullSlide .bd li #bannerVideo{display: none;}
	.iVideo .iVideoBody .videoBox{width: 80%; height: auto; left: 10%; top: 20%; margin: 0;}
	.iVideo .iVideoBody .videoBox .videoClose{width: 40px; height: 40px; top: auto; bottom: -50px; left: 50%; margin-left: -20px;}
	
	.contactDown .contactDownCel{width: 100%; float: none; margin-right: 0; margin-bottom: 20px;}
	.contactDown .contactDownCel:last-child{margin-bottom: 0;}
	
	.feedback_wrap{width: 100%; float: none;}
	.contact_right{display: none;}
	
	.qywh .qywhLeft{width: 100%; float: none;}
	.qywh .qywhLeft .qywhCel2{margin: 0;}
	.qywh .qywhRight{width: 100%; float: none;}
	.qywh .qywhRight .qywhCel3{margin-top: 0;}
	.qywh .qywhRight .qywhCel4{margin-right: 0;}
	
	.aboutPagePic1{display: none;}
	.aboutPageContent1{margin-right: 0;}
	.mbPX{margin-bottom: 40px;}
	.aboutPagePic2{width: 40%;}
	.aboutPageContent2{margin-left: 43%;}
	
	/*#myscroll{height: 300px;}*/
	.iProV2 #myscroll{height: 300px;}
	.addToCar{width: 80%; margin: 0px auto; position: initial; opacity: 1;}
	
	.carFloat{right: 20px; top: auto; bottom: 100px;}
	.carBox{width: 80%; height: 400px; left: 10%; top: 100px; margin: 0; padding: 20px;}
	.carBox .carBoxWrap .carBoxBtn .inquireNow{padding: 8px 15px;}
	.carBox .carBoxWrap .carBoxBtn .delectAll{padding: 8px 15px;}
	.carBox .carBoxClose{width: 40px; height: 40px; top: auto; bottom: -50px; left: 50%; margin-left: -20px;}
}

@media (max-width: 800px){
	body{padding-top: 50px;}
	.head{position: absolute;}
	.head .headWrap .headRight .topLink{display: none;}
	.navBox{display: none;}
	.head .headWrap .logoBox{margin: 5px 0px;}
	.head .headWrap .logoBox img{height: 40px;}
	
	.m_menu_btn{display: block;}
	
	.fullSlide .hd{
		margin-top: -30px;
		height: 30px;
		line-height: 30px;
	}
	.bannerVideoMask{display: none;}
	
	.iVideo .iVideoBody .iVideoCover{padding: 67px 20px;}
	.iVideo .iVideoBody .iVideoCover .iVideoPicBox{text-align: center;}
	.iVideo .iVideoBody .iVideoCover .iVideoPicBox .iVideoPic{max-width: 100%;}
	.iVideo .iVideoBody .iVideoCover .iVideoPicBox .iVideoPlay{left: 50%; right: auto; margin-left: -25px;}
	
	.iPro{width: 100%; margin: 0; float: none; margin-bottom: 20px;}
	.iPlan{width: 100%; margin: 0; float: none;}
	.iPlan .iPlanBody{padding: 0px;}
	
	#iAppBg{width: 1000px; margin-left: -500px;}
	.iApp .iAppShortTit{margin-bottom: 40px;}
	.iApp .iAppBody .iAppCel{width: 50%; margin: 0; box-sizing:  border-box; padding: 20px 40px;}
	.iApp .iAppBody .iAppCel .iAppCelTit{height: 20px; line-height: 20px; font-size: 18px;}
	
	.sBanner{height: 200px;}
	
	.pageHead .pageHeadLeft{float: none;}
	.pageHead .pageHeadLeft .pageHeadTopSort{width: 100%; float: none;}
	.pageHead .pageHeadLeft .pageHeadNav{padding-left: 0; float: none;}
	.pageHead .pageHeadLeft .pageHeadNav a{height: 50px; line-height: 50px; margin-bottom: 10px;}
	
	.arcListLeft{float: none; width: 100%; margin-right: 0;}
	.arcListRight{float: none; width: 100%;}
	
	.arcPagePreNxt{margin-bottom: 20px;}
	
	.proLeft .proLeftNav a{width: 50%;}
	.proRight .proRightHead .proRightHeadMain .proRightSearchBox .searchInput{width: 120px;}
	.proRight .proRightBody .proPageTop .proPagePic{margin: 0px auto 10px; float: none; width: 100%;}
	.proTouchSlide{display: block;}
	#showbox{display: none;}
	#showsum{display: none;}
	.showpage{display: none;}
	.proRight .proRightBody .proPageTop .proPageInfo{width: 100%; margin-left: 0; }
	.addToCarStatic{margin: 0px auto;}
	
	.pagePagePreNxt{margin-bottom: 20px;}
	
	.serListLeft{width: 100%; float: none; margin-right: 0;}
	
	.kyjsSpe .kyjsCpeCel{height: 190px; padding: 40px 20px;}
	.kyjsSpe .kyjsCpeCel .kyjsCpeCelTxtB{font-size: 40px; margin-bottom: 0;}
	
	.gsygBody .gsygItem .gsygItemWrap{padding: 20px;}
	.gsygBody .gsygItem .gsygItemWrap .gsygItemTit{font-size: 20px;}
	.gsygBody .gsygItem .gsygItemWrap .gsygItemDesc{font-weight: normal;}
	.gsygBody .gsygLeft .gsygItemWrap{margin-right: 40px;}
	.gsygBody .gsygLeft .gsygItemTri{right: 21px;}
	.gsygBody .gsygRight .gsygItemWrap{margin-left: 40px;}
	.gsygBody .gsygRight .gsygItemTri{left:21px;}
}

@media (max-width: 640px){
	.footerBody .footerCel{padding: 0px 10px;}
	.cpyBox{padding: 20px 20px 0px}
	.cpyBox .cpyLogo{float: none; margin: 0;}
	.cpyBox .cpyLogo img{margin: 0px auto;}
	.cpyBox .cpyInfo{float: none; margin-top: 20px;}
	.cpyBox .cpyInfo p{text-align: center;}
	.cpyBox .cpyRight{text-align: center;}
	
	.proRight .proRightHead .proRightSort{float: none;}
	.proRight .proRightHead .proRightHeadMain{float: none;}
	.proRight .proRightHead .proRightHeadMain .proRightSearchBox{float: none; margin-right: 0;}
	.proRight .proRightHead .proRightHeadMain .proRightSearchBox .searchInput{width: 100%; box-sizing: border-box;}
	.proRight .proRightHead .proRightHeadMain .proRightPosition{float: none; margin-top: 10px;}
	.proRight .proRightBody .proListItem{width: 48%; margin-right: 4%;}
	.proRight .proRightBody .proListItem:nth-child(3n){margin-right: 4%;}
	.proRight .proRightBody .proListItem:nth-child(2n){margin-right: 0;}
	
	.serListLeft .serListBody .serListItem{width: 48%; margin-right: 4%;}
	.serListLeft .serListBody .serListItem:nth-child(3n){margin-right: 4%;}
	.serListLeft .serListBody .serListItem:nth-child(2n){margin-right: 0;}
	
	.jobList .jobPageBody .jobPageListTit{padding: 0px 0px 0px 10px;}
	.jobList .jobPageBody .jobPageListRow .jobPageListRowUp{padding: 0px 0px 0px 10px;}
	
	.aboutPage .aboutBody .aboutPic{margin: 10px;}
	
	.picListBody .picListItem{width: 49%;}
	.picListBody .picListItem:nth-child(3n){margin-right: 2%;}
	.picListBody .picListItem:nth-child(2n){margin-right: 0;}
	
	.kyjsSpe .kyjsCpeCel{width: 50%;}
	.kyjsSpe .kyjsCpeCel:first-child{margin-left: 0;}
	.kyjsSpe .kyjsCpeCel:nth-child(4n){margin-left: 0;}
	.kyjsSpe .kyjsCpeCel:nth-child(3n){margin-right: 0;}
	
	.mbPX{margin-bottom: 20px;}
	.aboutPagePic2{width: 100%; float: none; margin-bottom: 20px;}
	.aboutPageContent2{margin-left: 0%;}
}

@media (max-width: 560px){
	.iNews .iNewsBody .iNewsTwo{width: 100%; float: none; border: none; padding: 10px 0px 0px;}
	.iNews .iNewsBody .iNewsThree{width: 100%; float: none; padding: 10px 0px 0px;}
	.iPro .iProTit .iProLink a{padding: 0px 5px;}
	.iApp .iAppBody .iAppCel{padding: 10px 10px 10px 15px;}
	.iApp .iAppBody .iAppCel:nth-child(2n){padding: 10px 15px 10px 10px;}
	.footerBody .footerCel{width: 100%; overflow: hidden; margin-bottom: 20px;}
	.footerBody .footerCel .footerCelCel{width: 33.3333%; float: left;}
	
	.footerBody .footerMid{width: 40%;}
	.footerBody .footerLast{width: 60%;}
	
	.arcListLeft .arcListItem .arcListItemPic{width: 120px;}
	.arcListLeft .arcListItem .arcListItemRight{margin-left: 130px;}
	
	.slideTxtBox .hd ul li{width: 33.3333%; text-align: center;}
	.slideTxtBox .bd .proPageTabCel{padding: 10px;}
	
	.serListLeft .serSortInfo .serSortInfoLeft{width: 100%; float: none; margin-right: 0;}
	.serListLeft .serSortInfo .serSortInfoPic{display: none;}
	
	.aboutPage .aboutBody .aboutPic{width: 50%; margin: 20px 25%;}
	
	.aboutPageNum .aboutPageNumCel{width: 50%; margin-bottom: 20px;}
	
	.gsygBody{background: none; padding: 0;}
	.gsygBody .gsygItem{width: 100%; margin-bottom: 20px;}
	.gsygBody .gsygItem:nth-child(2){margin-top: 0;}
	.gsygBody .gsygItem .gsygItemTri{display: none;}
	.gsygBody .gsygItem .gsygItemCir{display: none;}
	.gsygBody .gsygLeft{float: none;}
	.gsygBody .gsygLeft .gsygItemWrap{margin-right: 0; text-align: left;}
	.gsygBody .gsygRight{float: none;}
	.gsygBody .gsygRight .gsygItemWrap{margin-left: 0;}
	
	.basic-grey label>span{display: block; float: none; width: 100%; text-align: left; margin-bottom: 10px;}
	.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select{width: 100%;}
	
	.iAbout .secWrap{padding: 40px 20px;}
	.iAbout .iAboutIco .iAboutIcoCel{width: 50%; margin-bottom: 20px;}
}

@media (max-width: 480px){
	.iPro .iProTit .iProLink a{padding: 0px 2px;}
}