@charset "utf-8";
/* CSS Document */
body{ 
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	overflow:hidden;
}
body,td,th,input,textarea,select {
	font-size: 18px;
	color:#686c6c;
	line-height:1.5;
	font-weight:300;
	font-family: "Roboto", Arial, Helvetica, sans-serif;  /*'Alata', "Microsoft Yahei","微软雅黑"*/
}
/*div{-webkit-transform:translateZ(0);}*/
.font1{ font-family: Arial, Helvetica, sans-serif}
@media (min-width: 768px) {
	body,td,th,input,textarea,select { font-size:20px;}
}
@media (min-width: 992px) {
	body,td,th,input,textarea,select { font-size:22px;}
}
@media (min-width: 1200px) {
	body,td,th,input,textarea,select { font-size:24px;}
}
a{color:#686c6c; text-decoration:none; position:relative;}
a:hover{color:#0D47A1; text-decoration:none;}
a,i,em,.animation{
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transform: all 0.25s ease-in-out;
}

.shadow1{-webkit-box-shadow:0 0 8px rgba(0,0,0,0.1); -moz-box-shadow:0 0 8px rgba(0,0,0,0.1); box-shadow:0 0 8px rgba(0,0,0,0.1);}
@media (min-width: 768px) {
	.shadow1{-webkit-box-shadow:0 0 16px rgba(0,0,0,0.1); -moz-box-shadow:0 0 16px rgba(0,0,0,0.1); box-shadow:0 0 16px rgba(0,0,0,0.1);}
}
.shadow_none{-webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important;}


input,select,textarea{-webkit-box-shadow:0 0 8px rgba(0,0,0,0.1); -moz-box-shadow:0 0 8px rgba(0,0,0,0.1); box-shadow:0 0 8px rgba(0,0,0,0.1); border:solid 1px rgba(255,255,255,0); box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; outline:none;transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transform:: all 0.25s ease-in-out;}/*border:solid 1px #cbcbcb;*/
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
select:focus,
textarea:focus{ border-color:#0D47A1;-webkit-box-shadow:2px 2px 8px rgba(0,90,180,0.2); -moz-box-shadow:2px 2px 8px rgba(0,90,180,0.2); box-shadow:0 0 8px rgba(0,90,180,0.2);}
input[type=checkbox]{transform:scale(1.3); margin:3px;}
textarea{ resize:none;}


/*输入框提示样式*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a3a7af; font-size:14px;} 
input::-moz-placeholder, textarea::-moz-placeholder { color: #a3a7af; font-size:14px;} 
input::-moz-placeholder, textarea::-moz-placeholder { color: #a3a7af; font-size:14px;} 
input::-ms-input-placeholder, textarea::-ms-input-placeholder {color: #a3a7af; font-size:14px;} 
@media (min-width: 992px) {
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size:16px;} 
	input::-moz-placeholder, textarea::-moz-placeholder { font-size:16px;} 
	input::-moz-placeholder, textarea::-moz-placeholder { font-size:16px;} 
	input::-ms-input-placeholder, textarea::-ms-input-placeholder { font-size:16px;} 
}



/*共用*/
.page_content{ padding:30px 0;}
.page_content2{ padding:30px 0 40px;}
.bg1{ background-color:#f7f7f7;}
.br{ height:15px;}
.blank_row{ height:30px;}
.blank_row2{ height:20px;}
.blank_h10{ height:10px;}
.blank_h20{ height:20px;}
.left{ width:100%;}
.right{ width:100%;}
.title1{ font-weight:bold; color:#373737;}
.mt1{ margin-top:15px;}
.mt2{ margin-top:10px;}
.btn1{ border:solid 1px #0D47A1; background-color:#0D47A1; color:#FFF; padding:4px 20px; display:inline-block; font-size:16px; cursor:pointer;}
.btn1:hover{ background-color:#FFF; color:#0D47A1;}
.btn1.small{ padding:3px 15px; font-size:14px;}
.fs1{ font-size:24px; line-height:1.4;}
.fs2{ font-size:20px; line-height:1.4;}
.icon_hot1{ margin-left:5px;}
.icon_hot2{ margin-right:5px;}
.no_data{ text-align:center; padding:50px 0;}
@media (min-width: 768px) {
	.page_content{ padding:30px 0;}
	.page_content2{ padding:30px 0 50px;}
	.blank_row{ height:30px;}
	.blank_row2{ height:30px;}
	.mt1{ margin-top:20px;}
	.mt2{ margin-top:15px;}
	.btn1{ padding:6px 28px;}
	.fs1{ font-size:28px;}
	.fs2{ font-size:22px;}
}
@media (min-width: 992px) {	
	.page_content{ padding:40px 0;}
	.page_content2{ padding:40px 0 60px;}
	.blank_row{ height:40px;}
	.blank_row2{ height:40px;}
	.left{ width:240px;}
	.right{ width:calc(100% - 240px); margin-top:0; padding-left:30px;}
	.mt1{ margin-top:25px;}
	.mt2{ margin-top:20px;}
	.btn1{ padding:6px 30px; font-size:18px;}
	.btn1.small{ padding:5px 20px; font-size:16px;}
	.fs1{ font-size:32px;}
	.fs2{ font-size:24px;}
}
@media (min-width: 1200px) {
	.page_content{ padding:50px 0;}
	.page_content2{ padding:60px 0 80px;}
	.blank_row{ height:50px;}
	.blank_row2{ height:50px;}
	.left{ width:270px;}
	.right{ width:calc(100% - 270px); margin-top:0; padding-left:50px;}
	.fs1{ font-size:36px;}
	.fs2{ font-size:28px;}
}


/*广告位置*/
.gg_list1{}
.gg_list1 .item{ margin-top:6px;}
.gg_list1 .item:first-child{ margin-top:0;}
.gg_list2{ margin:-3px; padding:6px 0 0;}
.gg_list2 .item{ width:50%; padding:3px;}
@media (min-width: 768px) {
	.gg_list1 .item{ margin-top:10px;}
	.gg_list2{ margin:-5px; padding:10px 0 0;}
	.gg_list2 .item{ padding:5px;}
}
@media (min-width: 992px) {	
	.gg_list1 .item{ margin-top:20px;}
	.gg_list2{ margin:-10px; padding:20px 0 0;}
	.gg_list2 .item{ padding:10px;}
}



/*页数*/
.page{ text-align:center; line-height:30px; margin:15px 0 5px;}
.page a, .page .this, .page .this_nu{ padding:0 10px; margin:5px 2px; -moz-border-radius:3px; border-radius:3px; display:inline-block;}
.page a{ border:solid 1px #8b919e;}
.page a:hover{ border-color:#0D47A1; color:#0D47A1;}
.page .this{ border:solid 1px #e9e9e9; color:#8b919e;}
.page .this_nu{ background-color:#0D47A1; color:#FFF;}



.li_circle li{}
.li_circle  li:before{ top:10px; background-color:#4272d4;}
@media (min-width: 768px) {
	.li_circle  li:before{ top:12px;}
}
@media (min-width: 992px) {
	.li_circle  li:before{ top:12px;}
}
@media (min-width: 1200px) {
	.li_circle  li:before{ top:14px;}
}


.top{ position:absolute;}
.top img{ height:60px;}
@media (min-width: 768px) {
	.top img{ height:70px;}
}
@media (min-width: 992px) {
	.top img{ height:90px;}
}
@media (min-width: 1200px) {
	.top img{ height:110px;}
}


.index_bg1{ background-color:#ebecf0;}


.index1{}
.index1 .l{ width:100%;}
.index1 .r{ width:100%; padding:0 4%;}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	.index1 .l{ width:50%;}
	.index1 .r{ width:50%; padding-right:3%;}
}
@media (min-width: 1200px) {
	.index1 .l{ width:55%;}
	.index1 .r{ width:45%;}
}


.index2{ position:relative;}
.index2 .l{ padding:0 4%;}
.index2 .l .con{ margin:-10px;}
.index2 .l .con .item{ width:100%; padding:10px;}
.index2 .r{ text-align:right; margin-top:-10vw;}
.index2 .r img{ position:relative; z-index:-1;}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	.index2 .l{ padding:0 3%;}
	.index2 .l .con .item{ width:50%;}
	.index2 .r{ margin-top:-20vw;}
}
@media (min-width: 1200px) {
}
@media (min-width: 1500px) {
	.index2{ padding:0 0 160px; background-image:url(/img/m/index2.jpg); background-repeat:no-repeat; background-position:right bottom; background-size:auto 100%;}
	.index2 .l{ width:80%;}
	.index2 .r{ display:none;}
}


.index3{ padding:0 4%;}
.index3 .info{ max-width:900px; margin:0 auto;}
.index3 .con{ margin:-5px;}
.index3 .con .item{ width:25%; text-align:center; padding:5px;}
.index3 .con .item img{ width:100%; max-width:180px; border:solid 1px #b7b7b7; -moz-border-radius:10px; border-radius:10px;}
@media (min-width: 768px) {
	
}
@media (min-width: 992px) {
	.index3{ padding:0 3%;}
	.index3 .con{ margin:-10px;}
	.index3 .con .item{ width:12.5%; padding:10px;}
}


.index4{}
.index4 .pic{ width:100%; padding:0 4%;}
.index4 .info{ width:100%; padding:0 4%; margin-top:20px;}
@media (min-width: 768px) {
	
}
@media (min-width: 992px) {
	.index4{ padding:0 1.5%;}
	.index4 .pic{ width:50%; padding:0 1.5%;}
	.index4 .info{ width:50%; padding:0 1.5%; margin-top:0;}
}


.index5{ padding:0 4%;}
.index5 .l{ width:100%; text-align:center; padding:0 2%;}
.index5 .r{ width:100%;}
.index5 .r p{ margin:10px 0; position:relative; padding-left:32px;}
.index5 .r p em{ position:absolute; color:#4272d4; font-size:24px; left:0; top:-6px;}
@media (min-width: 768px) {
	.index5 .r p em{ top:-2px;}
}
@media (min-width: 992px) {
	.index5{ padding:0 3%;}
	.index5 .l{ width:30%;}
	.index5 .r{ width:70%;}
	.index5 .r p{ padding-left:38px;}
	.index5 .r p em{ font-size:28px; top:-4px;}
}
@media (min-width: 1200px) {
	.index5 .r p em{ top:-2px;}
}


.index_contact{ padding:0 4%;}
.index_contact .item{ width:100%; padding:0 1%;}
.index_contact .item .icon{ width:100%; text-align:center; color:#4272d4;}
.index_contact .item .icon em{ font-size:42px;}
.index_contact .item .txt{ width:100%; text-align:center;}
/*
@media (min-width: 768px) and (max-width: 1199px) {
	.index_contact{ margin:-10px;}
	.index_contact .item{ width:50%; padding:10px 1%;}
	.index_contact .item:nth-child(1){ width:100%;}
}
*/
@media (min-width: 768px) {
	.index_contact .item{ width:33.33%;}
}
@media (min-width: 992px) {
	.index_contact .item .icon em{ font-size:58px;}
}



.foot{ background-color:#1d4daf; color:#FFF; font-size:16px; padding:12px 4%;}
.foot em{ color:#FFF; font-size:18px;}
.platform a{ margin:0 5px; display:inline-block;}
.platform a:hover em{ color:#afe6ff;}
@media (min-width: 992px) {	
	.foot{ padding:12px 3%;}
}
@media (max-width: 767px) {	
	.foot .l, .foot .r{ width:100%; text-align:center;}
	.foot .r{ margin-top:5px;}
}