* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    font-family: "microsoft yahei";
    font: normal 12px/180% \5FAE\8F6F\96C5\9ED1;
    color: #333;
    text-align: center;
    overflow-x: hidden;
    background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}
body {
    
    
	background: url(../images/cententbg.png) center center no-repeat;
}
input {
    border: 0;
    outline: none;
}

div {
    text-align: left;
    font: normal 14px/180% \5FAE\8F6F\96C5\9ED1;
}

a,
a:link,
a:visited {
    text-decoration: none;
}

a:hover {
    color: #2251c3;
    text-decoration: none;
	position: relative;
	left:2px;
}

a {
    text-decoration: none;
    color: #333;
}

img {
    border: none;
}

ol,
ul,
li {
    list-style: none;
}

em {
    font-style: normal;
}


/*clear*/

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
}

.zd { z-index: 999} 

/*other*/

h1,
h2,
h3,
h4,
h5,
h6 {
    text-align: left;
    font: normal 12px/200% Microsoft YaHei;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.m10 {
    margin: 10px auto;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.gray,
.gray a:link,
.gray a:visited,
.gray a:hover {
    color: #666;
}

img {
    border: 0;
    max-width: 100%;
}

.container {
    width: 100%;
    margin: 0 auto;
}

.con1 {
  
  background: #fff;
  box-shadow: 0 0 10px rgba(133, 176, 198, .35);
}
.con2 {
  
  
  box-shadow: 0 0 10px rgba(133, 176, 198, .35);
}
.header {
 
	background: url(../images/topbg.png) top center no-repeat;
	height: 700px;
}

.header-con {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: 10;
}

.logo {
    float: left; margin-top: 20px;
}

.returnHome {
    float: right;
    font-size: 16px;
    color: #fff;
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.returnHome img {
    margin-right: 10px;
}

.logocenter {
    position: absolute;
    z-index: 10;
    left: 45%;
    transform: translateX(-50%);
    top: 178px;
}

.menu {
    width: 1050px;
    height: 120px;
    margin: -170px auto 25px;
    position: relative;
    z-index: 2;
	    font-size: 22px;
	text-align: left;
	line-height: 180%
	
}


.lydh_title {
    width: 1200px;
    margin: 50px auto 50px auto;
    text-align: center;
	

	
}

.lydh_title span {
    display: none;
    font-size: 24px;
    color: #333;
    font-weight: bold;
    line-height: 60px;
	
}
.fzdjCon {
        display: flex;

        justify-content: space-between;
    }
    
    .fzdj_cen {
        width: 230px;
        padding-top: 37px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    
    .fzdj_cen>span {
        width: 145px;
        font-size: 24px;
        color: #0a5baf;
        font-weight: bold;
        margin-top: 20px;
    }
    
 .fzdjSide2 {
        width: calc((100% - 500px)/2);
        position: relative;
    }

.fzdjul2 {
        height: 360px;
        border: 1px solid #c5dfff;
        margin-left: 20px;margin-right: 20px;
	font-size: 18px; font-weight: bold;
    }
.fzdjulimg { text-align: center; height: 170px; padding: 30px 0 0 0}
    
.fzdjul2 li {
        width: 100%;
        margin-bottom: 10px;
		padding: 0 0 0 70px;
    }
    
.fzdjul2 li>a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        cursor: pointer;
    }
    .fzdjul2 li>a>img {
        width: 39px;
        margin-right: 15px;
    }
    
    .fzdjul2 li>a>span {
        font-size: 18px;
        color: #333333;
        font-weight: bold;
    }
    
  .fzdjtitle2 {
        
        width: 100%;
        text-align: center;
        line-height: 180%;
        height: 90px;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        background: #1351b4;
        font-size: 22px;
        color: #fff;
        align-items: center;
        justify-content: center;
    }

.fzdjtitle2 a {color: #fff;}
.fzdjSide {
        width: calc((100% - 430px)/2);
        position: relative;
    }
    
    .fzdjtitle {
        position: absolute;
        width: 106px;
        padding: 0 23px;
        line-height: 26px;
        display: flex;
        height: 300px;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        background: #1351b4;
        font-size: 22px;
        color: #fff;
        align-items: center;
        justify-content: center;
    }
    
    .fzdjtitle span {
		color: #fff; float: left; width: 30px;
		
    }
    
    .fzdjtitle span em {
        display: block;
        width: 10px;
        height: 0;
        padding-bottom: 20px;
        padding-left: 0px;
        transform: rotate(90deg);
		
    }
.fzdjul {
        height: 360px;
        padding: 40px 0px 0 52px;
        border: 1px solid #c5dfff;
        margin-left: 75px;
    }
    
    .fzdjul li {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .fzdjul li>a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        cursor: pointer;
    }
    
    .fzdjul.less {
        padding: 80px 32px;
    }
    
    .fzdjul.less li>a {
        margin-bottom: 30px;
    }
    
    .fzdjul li>a>img {
        width: 39px;
        margin-right: 15px;
    }
    
    .fzdjul li>a>span {
        font-size: 18px;
        color: #333333;
        font-weight: bold;
    }
    
.jqjcCon {
        display: flex;
        justify-content: space-between;
	padding:50px 50px 20px 50px;
	
    }
.jqjcCon2 {
        display: flex;
        justify-content: space-between;
	padding:20px 50px 50px 50px;
	 width: 80%; margin: auto;
	
    }
.jqjcbox {border: 1px solid #c5dfff;}
 .jqjcSide {
       width: calc((100% - 450px)/2);
        position: relative;
    }
.jqjcSideimg {margin-top: 50px}
 .jqjcSide2 {
       width: calc((100% - 200px)/2);
        position: relative;
    }

.jqjctitle {
        width: 100%;
        line-height: 26px;
        background: #1351b4;
        font-size: 22px;
        color: #fff;
	text-align: center;
	padding: 20px 0 20px 0;
       }
.jqjctitle a {color: #ffffff; cursor: pointer;}  
.jqjcimg { width: 100%; text-align: center; height: auto}
.jqjccon {text-align: center;}

    .jqjccon li {
        width: 100%;
        margin-bottom: 10px;
		border: 1px solid #d0d0d0;
		text-align: center;
		font-size: 18px; 
		line-height: 200%;
    }
    
    .jqjccon li>a {
       
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        cursor: pointer;	
    }
   .jqjccon li>a:hover {
		background: #82ccfa ;
	   display: block;
	   color: #ffffff;	
	   left: 0;
    }
.jdzc { width: 80%; margin: auto; padding: 50px 0}
.jdzcimg,.tgzcimg { float: left;}
.jdzcimg1 { float: left;}
.jdzcimg a,.tgzcimg a { cursor: pointer;}


.clczCon {
        display: flex;
        justify-content: space-between;  margin: 0 0 100px 0 }

.clczSide {
       width: calc((100% - 450px)/2);
        position: relative;
	background: #f5f5f5;
	
    }
.clcztitle {
        width: 100%;
        line-height: 26px;
        background: #1351b4;
        font-size: 22px;
        color: #fff;
	text-align: center;
	padding: 20px 0 20px 0;
       }
.clcztitle a {color: #ffffff; cursor: pointer;}
.clczimg {margin: 20px 0; text-align: center}
.clczcon {text-align: center;padding: 20px 0 }

.clczcon li {
        width: 80%;
	margin: auto;
        margin-bottom: 10px;
		border: 1px solid #d0d0d0;
		text-align: center;
		font-size: 18px; 
		line-height: 200%;
	background: #ffffff;
	
    }
    
.clczcon li>a {
       
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        cursor: pointer;	
    }
.clczcon li>a:hover {
		background: #82ccfa ;
	   display: block;
	   color: #ffffff;	
	left: 0;
    }

.qhzwCon {display: flex;
        justify-content: space-between; background: url(../images/qhzw.png) center center no-repeat;  height: 413px; margin-bottom: 40px; }

.qhzwSide {width: calc((100% - 500px)/2);
        position: relative;
	margin: 230px 0 0 0;}

.qhzwcon li {
        width: 70%;
	margin: auto;
        margin-bottom: 10px;
		text-align: center;
		font-size: 20px; 
		line-height: 200%;
	
    }
.qhzwcon li>a {
       
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        cursor: pointer;	
    }
.qhzwcon li>a:hover {
		
	   display: block;
	   color: #ffffff;	
	position: relative;
	left:2px;
    }
.wfont,.wfont a { color: #FFFFFF}
.clczbg {background: #d7eeff; height: 250px; width: 100%; position: absolute; top:60%;}
.clcz {position: relative;display: flex;}




@media screen and (max-width:850px) {
    .w1200,
    .lydh_title {
        width: 95%;
        margin: 0 auto;
    }
	.menu {}
	.fzdjSide { width: 100%;display: block;
	}
	.header {
        z-index: 10;
    }
    .lydh_title span {
        display:block;
    }
	.lydh_title img { display: none}
    .jqjcSideimg,.jdzcimg,.jqjcimg,.jdzcimg1,.clczbg {
        display: none;
    }
	.fzdjulimg { height:150px;padding:20px; }
	.clczCon {margin: 0}
	 .fzdjCon,.jqjcCon,.jqjcCon2,.clczCon,.qhzwCon {
            flex-direction: column;
            justify-content: flex-end;
        }
        .fzdjSide,.fzdjSide2,.jqjcCon,.jqjcCon2,.jqjcSide2,.jqjcSide,.jdzc,.clczCon,.clczSide,.qhzwSide {
            width: 100%;
        }
	
	.clczSide,.fzdjSide,.fzdjSide2,.jqjcSide,.jqjctitle { margin: 0 0 20px 0}
        .fzdjul { padding: 40px;
        }
	.fzdjul2 {margin: 0; height:300px;}
       

        .fzdjul li>a>span,
        .hsjcconul li>a>span,
        .zcjdconul li>a>span,
        .dzppconul li>a>span,
        .rwlsconul li>a>span,
	.qhzwcon li>a>span,
    .fzdj_cen>span,.jqjccon li>a,.qhzwcon li,.clczcon li,.qhzwcon li>a,.clczcon li>a  {
           	font-size: 16px;   line-height: 45px
        }
	
	.qhzwCon { background: none; height: auto}
	.qhzwSide {margin:5px 0} 
	
	
	
        .fzdj_cen>span,.qhzwcon li {
            width: auto;
        }
    
    .logo {
        width: 50%;
    }
    .logocenter {
        width: 70%;
        top: 180px;
    }
   
    .menu {
        width: 100%;
        height: auto;
        margin: 0 auto;
        box-shadow: none;
        margin-bottom: 20px;
		background: #f0f5ff;
		font-size: 18px;
		border: 5px solid #607cef;
    }
	.menu li {width:90%;margin: 20px auto;}
	.header { height: 400px}
  .qhzwcon li {
      width: 80%;
        margin-bottom: 10px;
		border: 1px solid #d0d0d0;
		text-align: center;
		line-height: 200%;
	background: #ffffff;
	
    }
.qhzwcon li>a {
       
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        cursor: pointer;	
    }
.qhzwcon li>a:hover {
		background: #82ccfa ;
	   display: block;
	   color: #ffffff;	
	left: 0;
    }  
	.wfont,.wfont a { color: #333333}
}