﻿ul{margin: 0px;}
a:hover{text-decoration: none;cursor: pointer;}
li{list-style: none;}
.flex{
    /*flex 布局*/
    display: flex;
    /*实现垂直居中*/
    align-items: center;
    /*实现水平居中*/
    justify-content: center;
}
/*页面css*/	
body{background: url(../images/bg.png) no-repeat top center;}
/*header*/
.header{height: auto;position: relative;z-index: 50;}
.logo{text-align: left;margin: 0px auto;padding-top: 20px;}
.header .header_title{text-align: center;}
.header .header_box{border-radius: 5px;border: 1px solid #73BBF5;background: url(../images/header_box_bg.png) repeat-x top;margin-top: 110px;}
.header .header_box p{color: #FFF;margin:20px 40px;line-height: 200%;font-size: 18px;text-indent: 2em;font-weight: bold;}
/*body*/
.main{height: auto;overflow: hidden;margin-top: 100px;}
.doc_box{background: url(../images/doc_box_bg.png) no-repeat left top;height: auto;overflow: hidden;height: 165px;width: 600px;
margin: 0px auto;}
.doc_box a{margin:50px 20px 50px 150px;font-size: 16px;line-height: 200%;display: block;}
.title{background: url(../images/title_bg.png) no-repeat center top;height: 92px;color: #2F3F61;font-size: 28px;font-weight: bold;text-align: center;line-height: 92px;margin-top: 50px;}
.list{background: #EFF6FE;margin-top: 50px;}
.plist{margin-top: 60px;}
.plist li{width: 31.333%;float: left;margin:1.5%; background: #FFF;}
.plist li:nth-child(1){margin-left: 0px;}
.plist li:nth-child(3){margin-right: 0px;}
.plist li a{display: block;margin: 20px;}
.plist li a p.ptitle{font-size: 18px;line-height: 160%;color: #333333;font-weight: bold;margin-top: 20px;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.plist li a p.stitle{font-size: 15px;color: #97A2BA;line-height: 200%;text-indent: 2em;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.more{display: block;border: 1px solid #6379A8; color: #6379A8;padding: 12px 80px;margin: 30px auto;width: 60px;text-align: center;}
/*footer*/
.foot_cont{ width: 1200px; height: auto; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.foot_cont .foot_fl{ float: left; height: 100%; margin-left: 190px;} 
.foot_fl img{vertical-align: middle;}

.foot_fr{ float: left; margin-top: 15px; margin-left: 25px;}
.foot_fr img.beian{ width: 20px; height: 20px; vertical-align: middle;}
.foot_fr p{ line-height: 24px; color: #666666; font-size: 14px;}
.foot_fr p a{color: #666666; font-size: 14px;}
.foot_fr p a:hover{ text-decoration: underline; color: #3C8BD4;}
@media (min-width: 980px) and (max-width: 1200px)
{
	
}
@media (min-width: 768px) and (max-width: 979px){
	.friendLink_top,.friendLink{ display: none;}
	.foot br { display: none !important;}
	.foot_cont{width: 100%;background: #fff;}
	.foot_cont .foot_fl,.foot_fr{ float: none;}
	.foot_cont .foot_fl{margin-left: 0;}
	.foot_fr{ margin: 0 auto; padding: 0 15px;}
	.foot_fr span { display: block;}
}
@media (max-width: 767px){
body{background: url(../images/bg_m.png) no-repeat top center;}
.logo{text-align: left;margin: 0px auto;padding-top: 5px;width: 50%;}
.header .header_box{margin-top: 20px;background-size: 100%;}
.header .header_box p{margin: 10px 10px;font-size: 16px;line-height: 180%;}
.main{margin-top: 30px;}
.doc_box{background-size: 100%;height: 120px;width:100%;}
.doc_box a{margin: 10px 10px 10px 75px;line-height: 150%;}
.plist li{width: 100%;margin: 10px 0px;}
	.friendLink_top,.friendLink{ display: none;}
	.foot br { display: none !important;}
	.foot_cont{width: 100%;background: #fff;}
	.foot_cont .foot_fl,.foot_fr{ float: none;}
	.foot_cont .foot_fl{margin-left: 0;}
	.foot_fr{ margin: 0 auto; padding: 0 15px;}
	.foot_fr span { display: block;}
}
@media (max-width: 480px){
	.friendLink_top,.friendLink{ display: none;}
	.foot br { display: none !important;}
	.foot_cont{width: 100%;background: #fff;}
	.foot_cont .foot_fl,.foot_fr{ float: none;}
	.foot_cont .foot_fl{margin-left: 0;}
	.foot_fr{ margin: 0 auto; padding: 0 15px;}
	.foot_fr span { display: block;}
}
