/* Common styles of menus */
input,select,textarea{vertical-align:middle; color:#333; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none; border-radius:0;}
@media (max-width: 1200px){
.header .logo { padding-left:1%;}
.askl{ padding-right:1%;}
.content{ width:100%;}
.sub{ padding:2% 1% 0; width:auto;}
.servicegui ul { width:104%;}
.footer{ padding:0 1%;}
.message {padding:2% 1% 3%;}
}

@media (max-width: 1100px){
.servicegui ul li{ width:48%; margin-right:2%;}
.servicegui ul li a i{ width:100%; height:64px;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;}
.servicegui ul li a i.bicon01,.servicegui ul li a i.bicon02,.servicegui ul li a i.bicon03,.servicegui ul li a i.bicon04,.servicegui ul li a i.bicon05,.servicegui ul li a i.bicon06{ background-size:auto 90%;}
.servicegui ul li a span{ width:100%; line-height:200%;}
.newstab .bd li a{width: 80%;}
.newstab .bd li.ntop a .ntoptext{ width: 53%;}
.newstab .bd li.ntop a img{width: 125px; height: 81px;}
.login{height: 240px;}
.flink p{width: 82%;}
.textp1{width:70%;}
.message_right ul li .btn_message{ width:47%; }

.textp1_gcwx1{width:46%;}
.textp1_gcwx2{width:15%; margin-right:5px;}
}

@media (max-width: 964px){


.sub{ padding:2% 2% 0;}
.search{ clear:both; width:100%; border:none; padding:0; height:auto;}
.seacon{ border: 1px solid #d1d1d1;padding: 1.6%;background: #ddeafa;}
.search .hd ul{ width:100%; float:none;}
.search .hd ul li{ padding: 0; width:33.3%; text-align:center;}
.textp1{ width:70%;}
.login{ display:none;}
.askl{ display:none;}
.logicon{ display:block;}
.header .logo{ padding-left: 2%;}

.resources{ width:100%;}
.rescont{ border-left:none; border-right:none;}
.rescont ul li{ width:33%; float:left;}
.rescont ul li.bgc{ background:none;}

.service{width:100%; margin:0;}
.servicegui ul{ width:106%;}
.servicegui ul li{ width:30%;}
.servicegui ul li a i{ height:80px;}

.newstab{ width:100%; padding:0; padding-bottom:5%;}
.newstab .bd li.ntop a .ntoptext{ width:70%; float:left; padding-left:1%;}
.newstab .bd li a{ width:86%;}

.flink p{ width:75%;}
.footer{padding: 0 2%;}
.footer .fb{ padding:5% 0;}
.copy{ float:none; padding-left:60px; width:80%; height:100%; overflow:hidden; display:block;}
.contact{ float:none; clear:both; display:block; margin-top:5%;display:none;}

/** 内页 **/
.newslist li{float:none; display:block; width:90%; padding:1.5% 0; padding-left:2%;}
.bookList li{  width:25%;}
.imglist li{margin-bottom:2%;}
.imglist li a .imgltext{ width:75%;}
.sevicelist{ padding:2%;}
.sevicelist li{ width:46%; margin:3% 2%;}
.singleTop h1{ padding:2% 0 3%; }
.singleCon{ padding:4% 0;}
.page{ padding: 3% 2%; width:auto;}

.message{ padding: 2% 2% 3%;}
.message_right{ width:100%;}
.message_right ul{ padding: 4.5% 0px 2% 5%;}
.message_right ul li{ float:left; width:49%;}
.message_right ul li .inputcss{width: 65%;}
.message_right ul li.detail{margin-right: 0;padding:1.7% 0 0;}
.message_right ul li .btn_message{ width:36%;margin: 0 0 0 5%;}
.message_left{ float:none; width:100%; clear:both; padding-top:2%;}

}

@media (max-width: 700px){
.header{height:90px;}
.header .logo{ height:90px;}
.logicon{margin: 5% 2% 0 0;width:34px; height:34px;}
.bookList li{ width:33.3%;}
.imglist li a .imgltext{ width:70%;padding-left:3.5%;}
.p_btns .total_count{ display:none;}
.message{ padding: 3%;}
.message_left{ padding-top:5%;}
.message_right ul{ padding:6% 0px 3% 5%;}
.message_right ul li{ float:none; width:auto;}
.message_right ul li label{ width:12%;}
.message_right ul li .inputcss{width: 75%; border:1px solid #eee;}
.message_right ul li.detail{ padding:1.7% 0 0 8%;}
.message_right ul li .btn_message{width:30%; font-weight:normal;}
.dl-menu .licont{ display:none;}
.dl-menu li.nli:hover .licont{display:none;}

.textp1_gcwx1{width:46%;}
.textp1_gcwx2{width:15%; margin-right:5px;}
}

@media (max-width: 600px){.flink p{ width:67%;}}
@media (max-width: 600px){
.header{height:80px;}
.header .logo{ height:80px;}
.imglist li a .imgltext{ width:64%; padding-left:3%;}
.sevicelist li .sertext p{ height:70px; font-size:12px;}
.message{ padding: 3% 5%;}
.message_top{padding: 2% 0 3%;}
.message_list{ padding-top:2%;}
.message_right ul{ padding-bottom:5%;}
.message_right ul li{margin-bottom: 2%;}
.vercode{ display:none;}
.message_list dl dt .metit,.message_list dl dt .right_detail{text-indent: 25px;}
.message_list dl .mecont{padding-left: 25px;}
.message_list dl .reply{padding: 3% 25px}
}

@media (max-width: 500px){
.nav_one{display:none;}
.header{position:relative;height:50px;background:#2f3676;}
.header .content{ width:100%;}
.header .logo{ height:50px; padding-left:3%;}
.header .logo img{display:block;height:100%;}
.askl{ display:none;}
.logicon{ display:block; margin:13px 55px 0 0;width: 25px; height: 25px;}
#dl-menu-button{ display:block;}
.dl-menuwrapper{ border:0;}
.dl-menu li.nli{ float:none; width:100%;}
.dl-menu li.nli a{ border:none;}

.search .hd{ height:35px; line-height:35px }
.search .hd ul{ height:auto;}
.search .hd ul li{ font-size:15px;}
..textp1{ height:30px;line-height:30px;}
.search .bd{  height:90px;}
.textp1{ padding:2.2% 2%; text-indent:0; height:auto; line-height:100%;width:71%;}
.subp1{ width:auto; height:auto; padding:2.2% 0; width:60px; font-size:14px; font-weight:normal;}
.search .gctext{ display:none;}
.search .gc{ padding-top:7%; padding-left:0;}

.rescont ul{ padding:2%;}
.rescont ul li a{padding-left: 15%; font-size:12px;background: url(mobile_res/liicon.png) no-repeat 3% center;}

.newstab .hd{ height:auto; line-height:100%;}
.newstab .hd ul{ height:auto;}
.newstab .hd ul li{ padding:4% 0;}
.newstab .hd ul li{ font-size:16px;}
.newstab .bd li.ntop{ height:auto;}
.newstab .bd li.ntop a .ntoptext{ width:60%; padding-left: 2.5%;}
.newstab .bd li.ntop a .ntoptext h1{ font-weight:normal;}
.newstab .bd li.ntop a img{width: 100px; height: 65px;}
.newstab .bd li.ntop a .ntoptext b{ display:none;}

.newstab .bd li a{ font-size:14px;width: 80%;}
.newstab .bd li{ line-height:28px; padding-right:2%;}

/*.servicegui ul{ width:100%;}*/
.servicegui ul li a span{ font-size:12px; overflow:hidden;}

.stit h1 b{ display:none;}
.stit h1 span{ font-size:16px;}
.stit a{ margin-top:0; border:none;}
.flink{ display:none;}
.footer{ padding:0 4%;}
.footer .fb{ padding:3% 0 10%;}
.copy{ background: url(mobile_res/qy.png) no-repeat 0 1%; background-size:10% auto;line-height:150%;}

.ftt{ display:block; height:1px; width:100%; line-height:1px; font-size:0;}

/* banner */
.block_home_slider{ margin:0; padding:0;}
.block_home_slider .flex-control-paging{ bottom:5px; margin-left: -20px;}
.block_home_slider .flex-control-paging li{ margin:0 3px;}
.block_home_slider .flex-control-paging li a{ width:7px; height:7px;}


/** 内页 **/
.insban{ margin-top:0; }
.newslist li{ padding:4% 0; padding-left:4.5%;}
.newslist li a{ width:90%; color:#555; line-height:100%;}
.newslist li span{ display:none;}
.bookList{ padding: 5% 0 3%;}
.bookList li a{ width:70%; border-color:#fff;}
.bookList li a span{ padding-top:5%;}

.imglist li{ margin-bottom:3%;}
.imglist li a img { width: 130px;height: 84px;}
.imglist li a .imgltext{ width:57%; padding-left:4%;}

.sevicelist{ padding:2% 4%;}
.sevicelist li{ width:100%; margin:3% 0;}
.sevicelist li .sertext p{ height:50px; font-size:12px;}
.sevicelist li h2 span{ font-size:16px;}

.single{ padding:4% 5%;  }
.sitnone{ display:none;}
.singleTop h1{ text-align:left;}
.singleTop p{ padding:2% 0; background:none; text-align:left; color:#b2b2b2;}

.page{ padding: 5% 2%; }
.locate{padding: 2% 0 2% 2%; }


/***************  nav *******************/
.dl-menuwrapper {
	width: 100%;
	/*max-width: 250px;*/
	float: right;
	position: absolute;
	top:0;
	right:0;
	padding-top: 45px;
	z-index: 999;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	z-index:100;
}
.dl-menuwrapper:first-child { margin-right: 100px; }
.dl-menuwrapper button {
	border: none;
	width: 50px;
	height: 50px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	outline: none;
	background:url(mobile_res/menu-button-bg.png) no-repeat center center;
	background-size: 50%;
}
.dl-menuwrapper button:hover{}
.dl-menuwrapper button.dl-active {background-color: #6b7bc8;}
.dl-menuwrapper ul {background: #6b7bc8;}
.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.dl-menuwrapper li.nli {position: relative;}
.dl-menuwrapper li.nli h3 a {
	display: block;
	position: relative;
	padding: 3% 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	border-top: 1px solid #7887d7;
	border-bottom:1px solid #5465b8;
	outline: none;
}
.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.message_right ul li label{width: 15%;}
.message_right ul li .inputcss{width: 72%;}
.message_top .num{ display:none;}
.message_top .mt_right{ float:none;}
.message_top .mt_right .input1{width: 68%;}
.message_list dl{padding: 4% 0;}
.message_top .mt_right .btn2{width:70px;}

}

@media (max-width: 460px){ 
.message_right ul li label{ width:20%;}
.message_right ul li .inputcss{width:62%;}
.message_right ul li.detail{padding: 2% 0 0 17%;}
}


@media (max-width: 400px){ 
/** 内页 **/
.imglist li a img { width: 109px;height: 70px;}
.imglist li a .imgltext{ width:55%; padding-left:4%;}
.imglist li a .imgltext b{ display:none;}
.imglist li a .imgltext span{ margin-top:5px;}
.message_right ul li .btn_message{width: 36%;height: 30px;}
.message_top .mt_right .input1{width: 60%;}

.textp1_gcwx1{width:22%;}
.textp1_gcwx2{width:23%; margin-right:5px;}
.textp1_gcwx2a{width:26%;}

.sLabel{font-size:12px;}
}