﻿@charset "utf-8";
/* CSS Document */

@media(min-width:1200px){

.maintop,.mainbottom{width: 1200px; margin:0px auto 20px;}
.maintop-l{width:320px;}
.maintop-l-area{width: 318px;height: 318px;position: relative;overflow: hidden;z-index: 1;border: 1px solid #eee;}
.maintop-l img{max-height: 300px;max-width: 300px; padding:9px;}
.maintop-m{width: 620px;margin: 0 30px;overflow: hidden;}
.maintop-m h1{color: #000;font-size:26px;font-family: "微软雅黑";text-align: left;overflow: hidden;}
.sum li{margin:18px 0;color:#888;font-size:12px;}
.sum li span{padding-right:50px; width:200px;    display: inline-block;}
.sum li em{color: #333333;}
.maintop-r{width:170px; overflow: hidden;position: relative;padding:15px 14px;border: 1px solid #eee;}
.title-prx h4{font-family: "Microsoft YaHei";font-size: 16px;font-weight: 400;color: #000;line-height: 18px;}
.box-prx,.box-pcnxh{position: relative;margin-top:30px;width: 100%;}
.box-prx li a,.box-pcnxh li a{position: relative;margin-bottom: 40px;width: 100%;display: block;text-align: center;}
.box-prx li a:hover,.box-pcnxh li a:hover{color:#ff5d0c;}
.box-prx li img{width:120px;}
.box-pcnxh li img{width:180px;}
.box-prx h5,.box-pcnxh h5{margin-top: 14px;line-height: 20px;font-size: 12px;font-weight: 400;overflow: hidden;height: 20px;}

.mainbottom_r_area{color:#353535;line-height: 38px;padding:10px 30px 30px 30px;border: 1px solid #eee;}
.mainbottom_r_area h2{border-left: 3px solid #07c; padding-left: 15px;line-height: 22px;}
.mainbottom_l {padding: 0 14px 15px;width: 290px;}

.mainbottom_r_area ol{display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;}
.mainbottom_r_area ol li{list-style-type:auto;overflow:initial;}

.maintop-n-b{position: relative;height: 40px;font-family: "微软雅黑";margin-bottom: 20px;}
.shiyong{border-top: 1px solid #eee;max-height:95px;background: #f9f9f9;font-family: "微软雅黑";padding: 15px;border-bottom: 1px solid #eee;}
.ptt{padding-bottom: 5px;}
.chat_online{width:150px;height: 40px;line-height: 40px;color: #fff;background: #07c;text-align: center;padding-right: 0px;font-size: 16px;font-family: "微软雅黑";border: 1px solid #07c;display: inline-block;}
.xunjia{width:150px;height: 40px;line-height: 40px;color: #fff;background: #ff6600;text-align: center;padding-right: 0px;font-size: 16px;font-family: "微软雅黑";border: 1px solid #ff6600;display: inline-block;position: relative}

a.chat_online {position: relative;}
.chat_online img.qrcode {
	position: absolute;
	z-index: 99;
	top: -80px;
	right: -290px;
	width: 7.5rem;
	max-width: none;
	height: 7.5rem;
	transform: scale(0);
	transform-origin: top right;
	opacity: 0;
	border:1px solid #eee;
	border-radius: .25rem;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.chat_online:hover img.qrcode {transform: scale(1);opacity: 1;}
.chat_online:hover{color:#fff;}
a.xunjia {position: relative;}
.xunjia img.qrcode {
	position: absolute;
	z-index: 99;
	top: -80px;
	right: -130px;
	width: 7.5rem;
	max-width: none;
	height: 7.5rem;
	transform: scale(0);
	transform-origin: top right;
	opacity: 0;
	border:1px solid #eee;
	border-radius: .25rem;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.xunjia:hover img.qrcode {transform: scale(1);opacity: 1;}
.xunjia:hover{color:#fff;}
.jishucanshu_area{border-bottom:1px solid #eee; padding-bottom:20px;margin-bottom: 20px;}
.jishucanshu_area_tt{ }
.jishucanshu_area ul{column-count: 2;}
.jishucanshu_area ul li{padding: 10px 0;color: #888;font-size: 12px;line-height: normal;}
.jishucanshu_area ul li em{color: #444444;}



}
@media(max-width:1199px){
.mainbottom_r_area img{height: 100%!important; width: 100%!important;}
.maintop-l-area{border: 1px solid #eee;}
.maintop-l-area img{display: table-cell;vertical-align: middle; padding: 1rem;margin: 0 auto;text-align: center;}
.maintop-m h1{text-align:center;color: #333; font-size: 18px;margin: 20px auto; font-weight:600;}
.sum{line-height: 30px;}
.sum li{color: #999;font-size: 14px;}
.sum span{width:100%;display: inline-block;}
.sum em{color: #333;}
.yel{width:auto!important;}

.chat_online{width:50%;height: 40px;line-height: 40px;color: #fff;background: #07c;text-align: center;padding-right: 0px;font-size: 16px;font-family: "微软雅黑";border: 1px solid #07c;}
.xunjia{width: 50%;height: 40px;line-height: 40px;color: #fff;background: #ff6600;text-align: center;padding-right: 0px;font-size: 16px;font-family: "微软雅黑";border: 1px solid #ff6600;}
.maintop-n-b{bottom: 0;position: fixed;width: 100%;text-align: center;display: flex;    right: 0;}
.jishucanshu_area_tt h2{text-align:center;font-weight: normal;font-size: 18px;padding-bottom:0.5rem;}
.jishucanshu_area li{padding:5px 0;color: #999;}
.jishucanshu_area em{color: #333;}
.mainbottom_l{border-top:10px solid #f5f5f5;}
.mainbottom_r_area{line-height: 27px;}
.mainbottom_r_area h2{font-weight: normal;font-size: 18px;padding: 0.5rem 0;margin-top: 1rem;}

.mainbottom_r_area img{display: table-cell;vertical-align: middle;margin: 0 auto;}
.mainbottom_r_area table{vertical-align: middle;margin: 15px auto;width: 100%;border-collapse:collapse;}
.mainbottom_r_area table,th, td{border: 1px solid #e4e4e4;}
.mainbottom_r_area td{text-align:center;line-height:  30px;}
.mainbottom_r_area tr:nth-child(odd) {background-color: #e9e3e3;}
.mainbottom_r_area tr:nth-child(even) {background-color:#f5f5f5;}

.title-prx h4{font-size: 16px;display: inline-block;font-family: "microsoft yahei";font-weight: bold; border-left: 5px solid #0070ce; padding-left: 15px; line-height: 22px;}

.box-pcnxh ul{    column-count: 2;}
.box-pcnxh li{padding:10px 0;}
.box-pcnxh li img{width: 85%;border: 1px solid #e5e5e5;padding:10px;}
.box-pcnxh li h5{ text-align: center; color: #333;    font-weight: normal;overflow: hidden; height:14px;}
.menu,.maintop-r{display:none;}
}