/*内容共用，包括左边导航和右边标题头*/


/*内容主体*/
.contents {
    height: auto;
    background-color: #ebebeb;
}
.contents div.main-area {
	max-width: 1200px;
	margin: 0 auto;
}
.contents-page-head {
    height: 15px;
}
.contents-page-foot {
    height: 15px;
    clear: both;
}
.contents-left-foot {
    height: 15px;
}
.contents-sepa-line {
    height: 15px;
}
.contents div.main-area div.contents-left {
    width: 24%;
    float: left;
}
.top-about {
    background-color: #fff;
}
.top-about .contents-left-title {
    background-color: #0087c9;
    font-size: 24px;
   
    color: #fff;
    text-align: center; padding:15px 0;
}
.top-about .contents-left-title b{ display:block;}
.top-about .contents-left-title span{ display:block;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.top-about .contents-left-title .line{ width:120px; height:2px; background:#fff; margin:4px auto;}
.top-about ul { padding:15px;
}
.top-about ul li {margin-bottom: 2px;}
.top-about ul li .nt a {
    
    height: 46px;
    display: block;
    line-height: 46px;
    padding-left: 20px;
    font-size: 16px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color:#333; background:url(../images/ty_th.png) right 15px center no-repeat #f3f3f3;
}
.top-about ul li .nt a:hover,.top-about ul li.active  .nt a{color:#fff; background:url(../images/ty_th1.png) right 15px center no-repeat #0099cc;}
.top-about ul li .ot{ padding:4px 0;}
.top-about ul li .ot a{ display:block; line-height:2.2; font-size:14px; color:#666; border-bottom:1px dashed #eee; padding-left:15px;}
.top-about ul li .ot a:hover,.top-about ul li .ot a.on{ color:#2277c7;}
.ty-mainnav{ height:46px; line-height:46px; background:#0087c9; margin-top:20px; padding-left:5px;}
.ty-mainnav a{ display:inline-block; padding:0 15px; color:#fff; font-size:16px;}
.ty-mainnav a:hover,.ty-mainnav a.on{ background:#0099cc}
.bottom-contact {background-color: #fff;}
.nore{ text-align:right; padding-right:15px;}
.nore a{ display:inline-block; padding:5px 15px; border-radius:30px; border:1px solid #0087c9; color:#0087c9;}
.bottom-contact p.clc-line {
    height: 8px;
    background-color: #0087c9;
}
.bottom-contact .bottom-contact-main {
	padding:15px;
}
.bottom-contact .bottom-contact-main h4 {
    height: 25px; text-align:center;
    line-height: 25px;
    font-size: 24px; font-weight:bold;

}
.bottom-contact .bottom-contact-main h4 .line{ width:120px; height:2px; background:#0087c9; margin:4px auto;}
.bottom-contact .bottom-contact-main h5 {
    height: 13px;
    margin-top: 25px;
    margin-bottom: 12px;
    line-height: 13px;
    font-size: 18px; font-weight:bold;
    color:#0087c9;
}
.bottom-contact .bottom-contact-main p{ font-size:14px; margin-bottom:8px;}
.bottom-contact .bottom-contact-main .lwxzx ul li{ width:50%; float:left; text-align:center;}
.bottom-contact .bottom-contact-main .lwxzx ul li img{ max-width:100px;}
.bottom-contact .bottom-contact-main .lwxzx ul li span{ display:block; margin-top:2px;}
.bottom-contact .bottom-contact-main .lqqzx{ margin-top:10px;}
.bottom-contact .bottom-contact-main .lqqzx ul li{ width:33.3333%; float:left; text-align:center;}
.bottom-contact .bottom-contact-main .lqqzx ul li span{ display:block; color:#333;}
.bottom-contact .bottom-contact-main h6 {
    line-height: 24px;
    font-size: 12px;
    color: #555555;
}


.contents div.main-area div.contents-right {
    width: 74%; min-height:564px;
   
    float: right;
    background-color: #fff;
}
.contents-right-warp {
    max-width: 865px;
    margin-top: 15px;
    margin-left: 15px;
	padding:0 40px;
}
.contents-right-warp .rw-header {
    height: 40px;
	line-height:40px;
    border-bottom: 1px solid #dbdbdb;
}
.contents-right-warp .rw-header .rw-header-left {
    width: 175px;
    float: left;
    line-height: 30px;
    font-size: 20px;
    color: #333;
	font-weight:bold;
}
.contents-right-warp .rw-header .rw-header-right {
   
    float: right;
    line-height: 30px;
    text-align: right;
    font-size: 12px;
	color: #999;
}
.contents-right-warp .rw-header .rw-header-right a {
    font-size: 12px;
	color: #999;
	text-decoration: none;
}
.contents-right-warp .rw-header .rw-header-right a:hover {
	color: red;
	text-decoration: underline;
}
.contents-right-warp .main {
    margin-top: 20px;
}
.contents-right-warp .main h4 {
    text-align: center;
    font-size: 22px;
    color: #333;
}
.contents-right-warp .main div.detail {
    margin-top: 20px;
    font-size: 14px;
    color: #333;
	line-height:230%;
}
.xq_share{ overflow:hidden; padding:20px 10px;  border-bottom:1px solid #e9e9e9; margin-bottom:20px;}
.xq_share p{ text-align:center; font-size:13px; color:#999; line-height:20px;}
.xq_share p i{ margin:0 5px;}
.xq_share p img{ margin-left:8px; cursor:pointer;}
.xq_share span{ display:block; float:right; font-size:12px; color:#999;}
.xq_share span img{ margin-left:10px; position:relative; top:3px;}
.sshe{ float:right; margin-top:-30px;}
.xq_share .sshe{ margin-top:0}
.sshe a{ float:left}
.gduo{ height:30px; line-height:30px; background:#f7f7f7; overflow:hidden; margin:20px 0px 15px; padding:0 10px;}
.gduo span{ float:right; width:320px;height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;}
.gduo #zuo{width:320px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;}
.gduo a{  font-weight:bold; color:#333;}
.gduo a:hover{color:#0193de;}
.ks5{ border:1px solid #d7d7d7; width:450px; height:80px; margin-top:10px;}
.productcenter{}
.productcenter .proccenthead{ padding-top:30px;}
.productcenter .proccenthead .thumb{ width:48%; float:left; border:1px solid #eee; padding:10px;}
.productcenter .proccenthead .wen{ width:48%; float:right;}
.productcenter .proccenthead .wen .title{font-size: 22px;color: #3093e7;line-height: 50px;border-bottom: 1px solid #eee;}
.productcenter .proccenthead .wen .note{overflow: hidden;padding: 10px 0 15px 0;}
.productcenter .proccenthead .wen .note span{ display:block; font-size:16px; margin-bottom:8px; color:#3093e7;}
.productcenter .proccenthead .wen .note p{font: 14px Arial, "Microsoft Yahei";white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;color: #979797;line-height: 24px;}
.productcenter .proccenthead .wen  .title02 .cpaurl {width: 220px;height: 40px;line-height: 40px;color: #fff;font-size: 14px;background: #3093e7;text-align: center;float: left;}
.productcenter .proccenthead .wen  .title02 a {width: 135px;height: 40px;line-height: 40px;color: #fff;font-size: 14px;background: #0087c9;text-align: center;display: block;float: left;margin-left: 12px;}
.xhgg{ margin-bottom:15px;}
.xhgg em{ font-style:normal; display:inline-block; margin-right:10px; background:#eee; height:34px; line-height:34px;padding:0 10px;}
.xhgg em i{ font-style:normal; display:inline-block; padding-right:6px; }



.xiangxi02{clear:both;overflow:hidden;padding:60px 0 0 0}
.xiangxi02 h2{margin-bottom:25px;font-size:22px;font-weight:400;color:#00579d;background:#f5f5f5;line-height:60px;padding-left:20px}
.xiangxi02 table{width:100%!important;border:1px solid #ddd!important;border-collapse:collapse!important;font-size:16PX!important;word-break:break-all;word-wrap:break-word}
.xiangxi02 table td{border:1px solid #ddd!important;padding:8px!important;line-height:35px}
.xiangxi03{padding:0;color:#333;line-height:30px;margin:0 0 30px 0;overflow:hidden}
.mboilethumb{ display:none;}

.xgpro{ margin-top:15px; background:#fff;}
.xgpro h3{ background:#0087c9; color:#fff; height:64px; font-size:25px; font-weight: normal; line-height:64px; padding:0 15px;}
.xgpro ul{ padding:15px 15px 0 15px;}
.xgpro ul li a span{ display:block; padding-top:8px; padding-bottom:8px; margin-bottom:15px; text-align:center; color:#333; background:#eee;}


.xgnews{ border-top:10px solid #ebebeb; padding-bottom:30px;}
.xgnews h3{ padding:15px 0; margin:0 30px; font-size:22px; border-bottom:1px solid #eee;}
.xgnews .xgnewli{ padding:15px 15px 0 15px;}
.xgnews .xgnewli ul li{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom:10px}
.xgnews .xgnewli ul li a{ color:#333;}
.xgproli{ padding:15px;}
.xgproli ul li a{ display:block; text-align:center;}
.xgproli ul li a span{ display:block; color:#333; background:#eee; padding:10px;}
.proxq-tab .hd{background:#f5f5f5;}
.proxq-tab .hd ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.proxq-tab .hd ul li{flex:1;-webkit-box-flex: 1; text-align:center; position:relative; float:left;}
.proxq-tab .hd ul li a{font-size:16px; color:#333; display:block; padding:8px 0;cursor:pointer;}
.proxq-tab .hd ul li.on a{background:#3399cc; color:#fff;}
.proxq-tab .bd{border:1px solid #eee; padding:20px;margin-top:5px;}
video{max-width:100%;}
.cpxq-zx .xqtit{text-align:center; margin:15px 0;}
.cpxq-zx video{margin-bottom:20px;}
.cpxq-zx .xqimg{text-align:center; margin-bottom:20px;}
.cpsxw a{display:block; width:33.333%; float:left; text-align:center;}
@media screen and (max-width:1024px) {

.bottom-contact{ display:none;}
.contents-left{ width:100% !important; float:none !important;}	
.contents div.main-area div.contents-right{ width:100%; float:none;}
.contents-right-warp{ padding:0;}
.top-about .contents-left-title{ display:none;}
.top-about ul{ padding:0;}
.top-about{ background:none; text-align:center;}
.top-about ul li{ display: inline-block; height:36px;}
.top-about ul li a{ padding:0 8px; height:36px; line-height:36px; font-size:12px;}
.top-about ul li a font{ display:none;}
.contents-right-warp .rw-header .rw-header-left{ font-size:16px;}
.contents-right-warp .rw-header .rw-header-right{ display:none;}
.contents-right-warp .rw-header{ display:none;}
.contents-right-warp{ margin:0;}
.contents-right-warp .main{ margin-top:0;}
.contents div.main-area div.contents-right{ background:none;}
.contents{ background:#fff;}
.contents-right-warp .main h4{ font-size:18px;}
.gduo{ height:auto;}
.gduo span{ float:none;}
.gduo #zuo{ width:100%;}
	}

@media screen and (max-width:640px) {
	.top-about{ display:none;}
.procontent .main-adv{ display:none;}
.procontent .contents-left{display:none;}
.productcenter .proccenthead .thumb{ display:none;}
.mboilethumb{ display:block;}
.productcenter .proccenthead{ padding-top:0;}
.productcenter .proccenthead .wen{ width:100%}
.productcenter .proccenthead .wen .title{ font-size:18px;}
.productcenter .proccenthead .wen .note span{ font-size:12px; font-weight: bold;}
.productcenter .proccenthead .wen .note p{ font-size:12px; line-height:24px;}
.productcenter .proccenthead .wen .title02 .cpaurl{ width:170px; font-size:12px;}
.productcenter .proccenthead .wen .title02 a{ font-size:14px; width:100px;}
.xiangxi02{ padding-top:15px;}
.xiangxi02 h2{ font-size:18px; line-height:48px;}
.xgnews h3{ margin:0;}
.xgnews .xgnewli{ padding-left:0; padding-right:0;}
.xgproli{ padding:15px 0;}
.xgproli ul li{ padding:0; margin-bottom:10px;}
.ty-mainnav{ height:auto; line-height:36px; padding-left:0; font-size:14px;}
.ty-mainnav:after,.ty-mainnav:before{ content:""; display:block; clear:both;}
.ty-mainnav a{ font-size:12px; width:33.3333%; text-align:center; padding:0; float:left;border: 1px solid #fff;}
}