body{width:100%;}
.webhead{width:100%;margin:0 auto;}
.toop{width:100%;background:#00528a;}
.tooph{width:1200px;margin:0 auto;display:flex;justify-content:space-between;}
.toop span{width:130px;color:white;margin:13px 10px;}
li{list-style-type: none;}
a {text-decoration: none;outline: none;}
video{object-position:center;object-fit:cover;}
/**banner**/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, span{padding:0;margin:0;}
.banner{display:block; width:100%; height:380px; list-style:none; padding:0; margin:0; position:relative}
.banner p{position:relative;top:-280px;margin-left:100px;font-size:35px;color:white;}
.soso{margin:5px 30px;display:flex;z-index: 999;}
.jisou{margin:5px;height:25px;width:40px;background:#dd4814;color:#ffff;transition: color 0.3s;border:1px solid #ffff;border-radius:5px;}
.wxian{height:25px;width:250px;border:1px solid #ffffff;margin-top:3px;}
/**product**/
.product{left:30px;}
.product_list{width:100%;justify-content:space-evenly;display:flex;flex-wrap:wrap;margin-left:5px;}
.product_show{width:383px;height:225px;justify-content:start;display:flex;flex-direction:row;background-color:#f2f5f8;margin:5px;border-radius:2px;}
.product_show a img{top:50px;left:0px;width:220px;height:220px;margin:10px;border-radius:2px;}
.product_show a h3{width:130px;display:flex;color:#5e5d5d;padding:50px 20px;padding-top:50px;position:relative;right:30px;}
/**栏目导航**/
.clear{height:20px;clear:both;}
.bline{height:1px;border-bottom: 1px solid #0371bc;margin:2px 0px 1px 0px;}
.navid{padding:5px 30px;font-size:48px;color:#00437d;line-height: 80px;clear:both;}
.snavid{height:20px;width: auto;margin:10px 5px;font-size:20px;clear:both;}
.snavid a{color:#00528a;}
.bnavid{font-size:28px;
    color: white;
    background:#00528a;
    width: 120px;
    height: 35px;
    padding: 5px 10px;
    clear: both;
    border-radius: 5px;}
/**news**/
.news{background-color: #f8f8ff;border-radius:5px;margin:30px 60px;}
.news_list{width:100%;display:flex;flex-wrap:wrap;}
.news_show{padding:20px;flex-direction:column;display: flex;border-radius:5px;border-bottom:50px solid white;}
.news_show h3 a{text-decoration:none;color: #00437d;}
.news_show p a{color:#00437d;padding:5px 10px;line-height:50px;text-decoration:none;}
/**project**/
.project{left:30px;background-color: #ffffff;}
.project_list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;background:#f8f8ff;padding-top:5px;padding-bottom:10px;}
.project_show{width:383px;height:225px;display:flex;flex-direction:column;border-radius:2px;margin-bottom:10px;}
.project_show a img{width:383px;height:220px;margin:10px 10px 20px 10px;border-radius:2px;}
.project_show a h3{width:100px;display:flex;color:#f6f6f6;position:relative;top:-150px;left:20px;background:black;text-indent:15px;}
/**project**/
.labout{left:30px;}
.labout_list{width:100%;display:flex;flex-wrap:wrap;}
.labout_top{width:500px;height:400px;margin:10px;}
.labout_top img{width:auto;height:400px;margin:10px;}
.writing{height:400px;display:flex;flex-flow:wrap;flex:3;margin:20px 20px 20px 0px;color:#f7f7f7;background-color:#ffffff;border-radius:2px;}
.writing h3{padding-top:70px;padding-left:40px;padding-bottom:20px;color:#00528a;font-size:28px;}
.writing span{padding-left:40px;bottom:15px;position:relative;display:flex;color:#666666;padding-right:90px;line-height:35px;overflow:hidden;height:200px;}
.writing i a{margin: 10px 40px;font-size:18px;position:relative;bottom:20px;font-family:微软雅黑;text-decoration:none;color:#00528a}
/**partner**/
.footer{background-color:#00528a;height:260px;width:100%;flex-direction: column;;display:flex;}
.row1{display:flex;flex-direction:column;color:#fff;}
.row1 img{width:120px;border-radius:2px;margin:50px 10px 20px;}
.row2{display:flex;flex-direction:column;margin:30px 10px;color:#fff;}
.row2 span,.row3 span{margin:15px 0px;color:#fff;font-weight:bold;}
ul li a,.row3 li{line-height:30px;color:#fff;font-size:14px;}
.row3{display:flex;flex-direction:column;margin:30px 10px;color:#fff;padding-right:30px;}
.line1{justify-content:space-around;display:flex;margin-left:10px;}
.line2{text-align:center;width: 100%;font-size:14px;color: #fff}
/**详情**/
.cdx_preview,.content{margin:auto;width:1200px;justify-content:start;display:flex;clear:both;}
.cdx_preview .left{float: left;}
.cdx_preview .right {margin-left:30px;float:right;width:760px;padding:5px;background: whitesmoke;}
.cdx-album{width:300px;height: auto;z-index: 1000;}
.cdx-album #mid_div{width:400px;height:400px;cursor:crosshair;background: #F2F2F2;}
.cdx-album .tbs{width:414px;height:56px;margin:20px 0;}
.cdx-album .tbsl{width: 32px;height:56px;float:left;}
.cdx-album .tbs img{cursor:pointer;}
.cdx-album .tbsm{width:350px;height:56px;float:left;overflow:hidden;}
.cdx-album .tbsr{width:20px;height:56px;float:left;margin-left:-7px;}
.cdx-album #big_div {
    width: 500px;
    height: 473px;
    border: #DDDDDD 1px solid;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
    right: -410px;
    top: -495px;
    z-index: 10000;
}
.cdx_preview .right h1 {
    font-size: 20px;
    font-weight:550;
    color: #000;
}
.cdx_preview .right .text {
    border: 1px solid #ffcac6;
	border-radius: 5px;
    background: #fff8f8;
    margin-top: 20px;
    padding: 10px 0 10px 20px;
	text-indent:40px;
	line-height:50px;font-size:20px;
}
.cdx-album .ab_on {
    padding: 2px;
    margin: 0 14px 0 0;
    border: #FF6600 1px solid;
    float: left;
    width: 50px;
    height: 50px;
    background: #FF6600;
}
.cdx-album .ab_im {
    padding: 2px;
    margin: 0 14px 0 0;
    border: #e6e6e6 1px solid;
    float: left;
    width: 50px;
    height: 50px;
}
.cdx-album #zoomer {
    width: 160px;
    height: 120px;
    background: #FFFFFF url(../ab-zoom-bg.gif);
    position: absolute;
    z-index: 6;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.base {
    padding-top: 10px;
	flex-direction:row;
    display: flex;
	background: white;
	flex-wrap: wrap;
}
.base dl {
    overflow: hidden;
    width:350px;
    font-size: 14px;
    line-height: 35px;
}
.base dt {
    float: left;
    color: #888;
    width: 60px;
    padding-left: 20px;
    margin-right: 30px;
}
.base dd {
    overflow: hidden;
    color: #000;
}
.cdx-album #mid_div {
    width: 400px;
    height: 400px;
    cursor: crosshair;
    background: #F2F2F2;
}
.buynow {
    padding-top:25px;
    width: 100%;}
.buynow a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    margin-left: 30px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    width: 132px;
    float: left;
    margin-right: 25px;
    box-sizing: border-box;
	text-decoration: none;
}
.tell:hover .phone{display:block;}
.wechat:hover .image{display:block;}
.phone{position: absolute;display:none;}
.image{position: absolute;display:none;}
.image p {line-height:20px; color:#999; font-size:12px;text-align:center;}
.phone p {line-height:20px; color:#000; font-size:25px;text-align:center;}
.ubanner{width:100%;background:#f2f5f8;clear:both;justify-content:center;display:flex;}
.ubanner img{height:270px;width:1200px;margin:60px;}
.more{display:flex;}
.right h1{font-size:20px;font-weight:400;color: #000;text-align:center;font-family:math;color:#00528a;font-weight:bold;margin-top:10px;}
.STYLE1 {font-size:medium;line-height:50px;border-top:1px solid #ffcac6;background:#fff8f8;margin-top: 20px;padding:10px 0 10px 20px;}
.STYLE2 {font-size:large;}
.content .left {
    float: left;}
.content .right {
    margin-left: 30px;
    float: right;
    width: 850px;
    background:#fff;
	border:1px solid #d2d2d2;
    border-radius:5px;
}
.xypg-left-title {
    background: #00528a;
    padding: 10px 20px;
    position: relative;
}
.xypg-left-title h3 {
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
    font-weight: bold;
    position: relative;
    z-index: 9;
}.xypg-left-title span {
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    opacity: .6;
    margin-left: 10px;
    text-transform: capitalize;
}
.xypg-left-con {
    border: 1px solid #d2d2d2;
	margin-bottom: 10px;
    border-top: none;
	width: 300px;
    height: auto;
}
.leftt {
    position: initial;
    display: inline-block;
}
.leftt > li {
    position: relative;
    border-bottom: 1px solid #eeeeee;
    width: 300px;
}
.leftt > li > a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    color: #2e2e2e;
    padding: 15px 18px;
}
.leftb {
    display: none;
    position: inherit;
    background-color: #f8f4f4;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    padding: 12px 16px;
}
.leftb > li {
    position: relative;
    border-bottom: 1px solid #d8d7d7;
    width: 280px;
}
.leftb > li > a {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #2e2e2e;
    padding: 10px 18px;
}
.leftt:hover .leftb{
  display: block;
}
/**四边行导航**/
.tab{width: 100%;text-align: center;background-color:ghostwhite;}
.tab_list ul{display:flex;height:40px;margin:0 auto;}
.tab li{list-style: none;height:40px;line-height:40px;flex:auto;}
.rhomboid .active{z-index:999;}
.content-text{margin:8px auto;width:100%;}
.item p{text-align: left;padding:0px 25px;font-size:18px;line-height:30px;}