﻿* {
	font-family: "Microsoft YaHei", "Microsoft YaHei UI",'helvetica','arial';
	
}
.clear {
    clear: both;
}
img {
	display: block;
	border: 0
}

html {
	font-size: 625%
}
a{
	text-decoration:none;
}
@media screen and (min-width:240px) {
	html {
		font-size: 234%
	}
}

@media screen and (min-width:270px) {
	html {
		font-size: 263%
	}
}

@media screen and (min-width:300px) {
	html {
		font-size: 293%
	}
}

@media screen and (min-width:320px) {
	html {
		font-size: 312%
	}
}

@media screen and (min-width:360px) {
	html {
		font-size: 351%
	}
}

@media screen and (min-width:375px) {
	html {
		font-size: 366%
	}
}

@media screen and (min-width:410px) {
	html {
		font-size: 400%
	}
}

@media screen and (min-width:410px) {
	html {
		font-size: 404%
	}
}

@media screen and (min-width:480px) {
	html {
		font-size: 469%
	}
}

@media screen and (min-width:540px) {
	html {
		font-size: 527%
	}
}

@media screen and (min-width:640px) {
	html {
		font-size: 625%
	}
	.page {
		width: 640px;
		margin: 0 auto;
		border-left: #ccc solid 1px;
		border-right: #ccc solid 1px;
		background:#FFF;
	}
}
html, body, span, div, p, a, table, tbody, td, h1, h2, h3, h4, h5, h6, img, form, font, strong, b, i, dl, dt, dd, ol, ul, li, dl, dd, dt, iframe, label, blockquote, input, button {padding:0; margin:0;list-style: none;text-decoration:none;}
html{font-size:100px;}
body{position:relative;font-family: "微软雅黑";font-size:.3rem;color:#333;}
.clear{clear:both;}
img{border:0;}
.dbtp{width:100%; margin:0 auto; height:auto;}
.xwfg{width:100%; margin:0 auto; height:auto; padding:0.1rem 0px 0.3rem 0px;}
.xwfg2{width:100%; margin:0 auto; height:auto; padding:0rem 0px 0.4rem 0px;}
.xwfg1{width:100%; margin:0 auto 0 auto; height:auto; padding:0rem 0px 0.3rem 0px;}
.head{height:2rem;background:#346EEF;box-shadow:0 0 10px #ccc; margin-top:-0.08rem;}
.head .logo{float:left;background:url(../images/logo.png) no-repeat;background-size:100%;width:5rem;height:1.2rem;margin:.46rem 0 0 .37rem;}
.head2{height:2rem;background:#346EEF;border-bottom:solid #ccc 1px;}
.head2 .logo{float:left;background:url(../images/logo2.png) no-repeat;background-size:100%;width:5rem;height:1.2rem;margin:.46rem 0 0 .37rem;}
.menu2{width:5rem;height:2rem;line-height:2rem;float:left;margin:0rem .37rem 0 0; font-size:0.5rem; border-left:solid #268e06 1px; padding-left:0.5rem; margin-left:0.5rem}
.menu2 a{ color:#ffffff}
.menu{width:1.2rem;height:.8rem;background:url(../images/menu.png) no-repeat;background-size:100%;float:right;margin:.75rem .37rem 0 0;}
.nav{padding:0.25rem 0.05% 0.25rem 0.05%; background-color:#dfe9fe}
.nav a{color:#000;font-size:.53rem;text-align:center;float:left;width:25%; line-height:1.3rem}
.nav .gd{ font-size:0.8rem; color:#F00;}
.nav .sq{ font-size:0.8rem; color:#F00;}
.box{width:11.82rem;margin:10px .3rem;clear:both;float:left;}
.box .tit{width:100%;line-height:1rem;height:1.353rem;background: url(../images/boxTit.png) no-repeat;background-size: 100%;}
.box .tit a{color:#333;font-size:.6rem;margin-left:2rem;}
.box .tit .more{float:right;font-size:.3rem;margin-right:.3rem;}
.about .ctt{font-size:.5rem;line-height:.9rem; padding-top:0.3rem}
/*.about .ctt img{max-width:100%}*/
.about .ctt .more{color:#346EEF;}

.pro .ctt ul li{width:47%;margin:10px 0;float:left;position:relative;}
.pro .ctt ul li:nth-child(2n){margin-left:6%;}
.pro .ctt ul li a{border:1px solid #ccc;display:block;}
/*.pro .ctt ul li img{width:100%;height:6rem;}*/
.pro .ctt ul li p{position:absolute;height:1rem;line-height:1rem;background:rgba(0,0,0,.5);bottom:0;width:100%;color:#fff;text-align:center;font-size:.5rem;}

.position .ctt li{position:relative;padding:.4rem 0;display:block;clear:both;height:3rem;overflow:hidden;}
.position .ctt li div{float:left;width:45%;}
.position .ctt li:nth-child(2n) .img{float:right;text-align:right;}
.position .ctt li div img{width:100%;}
.position .ctt li .img{margin-right:5%;}
.position .ctt li .word{margin-left:5%;}
.position .ctt li:nth-child(2n) .img{margin:0 0 0 5%;}
.position .ctt li:nth-child(2n) .word{margin:0 5% 0 0;}
.position .ctt li .word h2{color:#005BA0;font-size:.6rem;font-weight:normal;}
.position .ctt li .word p{font-size:.5rem;line-height:.6rem;margin:.2rem 0 0;}
.position .ctt li .line{width:.16rem;height:3.8rem;background:#5C96BE;position:absolute;left:50%;top:0;margin-left:-.08rem;}
.position .ctt li .cir{width:.5rem;height:.5rem;background:#1C6DAC;border-radius:1rem;border:.1rem solid #5C96BE;position:absolute;left:50%;top:0;margin-left:-.33rem;}

.news .ctt{ margin-top:-0.5rem}
.news .ctt li{float:left;padding:0.4rem 0; border-bottom: solid 0.02rem #fbfbfb;}
.news .ctt li img{float:left;width:45%;height:3.5rem;}
.news .ctt li .imgR{float:right;width:50%;}
.news .ctt li h2{color:#333;font-size:.6rem;font-weight:normal;line-height:1rem;}
.news .ctt li .imgR .p1{height:1.8rem;overflow:hidden;margin:.2rem 0;font-size:.4rem;color:#333;line-height:.6rem;text-indent:.8rem;}
.news .ctt li .imgR .p2{color:#999;font-size:.5rem;line-height:.8rem;}
.news .ctt li .imgR .p2 span{float:left;margin-right:.5rem;}
.footer{position:relative;line-height:.8rem;color:#000;font-size:.5rem;background:#F0F0F0;padding:.5rem 0 0.5rem;text-align:center;}
.top{position:absolute;left:50%;margin-left:-.5rem;bottom:.2rem;width:1rem;height:1rem;background:#036DBB url(../images/top.png) no-repeat center;background-size: 50%;border-radius:2rem;}

.slideBar{right:-5rem;width:5rem;background:#346EEF;position:fixed;height:1000px;padding-top:2%;z-index:1000;}
.slideBar a{display:block;text-align:center;width:100%;float:left;color:#fff;line-height:0.68rem;height:0.7rem;font-size:.5rem;}
.bg{position:fixed;width:100%;height:100%;left:0;top:0;z-index:500;background:rgba(0,0,0,.6);display:none;}


.pagelist{text-align:center;border-top:1px solid #ccc;display:inline-block;width:100%;padding:10px 0;margin-top:10px;}
.pagelist a{padding:0 .5rem;height:1rem;line-height:1rem;border:1px solid #ccc;color:#333;display:inline-block;margin:0 .1rem;}.footer .dbdh {
	text-align: center;
	width: 100%;
}
.footer .dbdh{ font-size:0.5rem;color:#333;}
.footer .dbdh a {
	padding-right: 0.3rem;
	padding-left: 0.3rem; color:#333;font-size:.5rem;
}
.footer .bq{ font-size:0.5rem; padding:0.3rem 0.5rem 0rem 0.5rem;color:#333;}
.footer .bq a {color:#333;font-size:.5rem;}
.zctj {
	line-height: 1.5rem;
	background-color: #EBEBEB;
	height: 1.5rem;
	width: 100%;
	margin-top: 0.4rem;
	margin-right: auto;
	margin-bottom: 0.4rem;
	margin-left: auto;
}
.zctj h2{color:#346EEF;font-size:.6rem;line-height:1.43rem; border-bottom:#346EEF solid 0.07rem; display:block; width:3rem; height:1.43rem; margin-left:0.3rem; text-align:center}
.box.about .ctt h1 {font-size:.5rem; font-weight:normal; padding-bottom:0.2rem}
.box.about .ctt .o_h {font-size:.16rem; color:#999;font-weight:normal;}
.box.about .ctt .nr {font-size:.4rem;width:100%; line-height:25px;}
.box.about .ctt .nr p{ padding-bottom:0.2rem}
.box.about .ctt .nr img{width:100%}