body{ margin:0; padding:0; font-family: "Microsoft YaHei";}
div, form, dl, dd, dt{margin:0 auto; padding:0; box-sizing:border-box;}
img{border:0px;}
ul{list-style:none;margin:0 auto;padding:0;}
a{text-decoration:none;color:black; transition: all .3s ease-in-out;}
.bodyWidth{max-width:1200px;   min-width:1000px;}

.more{
    display: block;
    width:55px;
    font-size:14px;
    color:#1166B6;
    background: url("more.png") no-repeat right center;
}
/* 页眉 */
.header{
    background-image: url("headerBg.png");
    color:white;
}
.header .bodyWidth{
    padding:20px;
    display: flex;
    justify-content:space-between;
    align-items: center;
}
.header .logo{
    width:50%;
    margin:0;
}
.header .logo .cn{
    font-size:25px;
    
}
.header .logo .en{
    font-size:25px;
    letter-spacing: 8px;
}
.hotline{
    font-size:16px;
    background: url("phone.png") no-repeat left;
    padding-left:50px;
    margin:0;
}
.hotline .text{
    font-size:16px;
    font-weight: bold;
}

/* 产品展示 */
.prod{
    padding:30px 0;
    min-width:1000px;
}
.prod .title{
    background: url("line.png") no-repeat center center;
}
.prod .title *{
    display: block;
}
.prod .title span{
    font-size: 24px;
    color:#1166B6;
    text-align: center;
}
.prod .title a{
    margin: auto;
}

/* 公司简介 */
.about{
    background: url("bg.jpg") fixed;
    background-size: cover;
    padding:30px 0;
    overflow: hidden;
}
.about .image{
    float:left;
    width:40%;
    height:340px;
    position: relative;
}
.about .image:before{
    content:"";
    width:100%;
    height:100%;
    border:1px white solid;
    position: absolute;
    left:20px;
    top:-10px;
}
.about .image:after{
    content:"";
    width:100%;
    height:100%;
    border:1px white solid;
    position: absolute;
    left:-10px;
    top:20px;
}
.about .image img{
    position: absolute;
    z-index:1;
    width:100%;
    height:100%;
    /* object-fit:contain; */
    border:5px white solid;
    background-color: white;
}
.about .content{
    float: right;
    width:55%;
    background-color: white;
    padding:20px;
}
.about .content .title{
    font-size: 24px;
    font-weight: bold;
    color:#1166B6;
    border-bottom:1px solid #CCC;
    padding-bottom:10px;
}
.about .content .cont{
    font-size:14px;
    line-height: 180%;
    padding:20px 0;
}
.about .content .cont .more{
    float: right;
}

/* 现场效果图 */

.effect{
    padding:30px 0;
}
.effect .title{
    background: url("line.png") no-repeat center center;
}
.effect .title *{
    display: block;
}
.effect .title span{
    font-size: 24px;
    color:#1166B6;
    text-align: center;
}
.effect .title a{
    margin: auto;
}

/* 联系方式 */
.contact{
    background-color: #1166B6;
    padding:30px 0;
}
.contact .bodyWidth{
    display: flex;
    justify-content:space-between;
}
.contact .bodyWidth div{
    background-position: left center;
    background-repeat: no-repeat;
    padding-left:50px;
}
.contact .phone{
    background-image: url("icon-phone.png");
}
.contact .linkman{
    background-image: url("icon-linkman.png");
}
.contact .mail{
    background-image: url("icon-mail.png");
}
.contact .map{
    background-image: url("icon-map.png");
}
.contact span{
    display: block;
    color:white;
    font-size:14px;
}
.contact span:first-child{
    font-weight: bold;
}

/* 友链 */
.fLink{
    text-align: center;
    font-size:14px;
    padding-top:20px;
}

/* 页尾 */
.footer{
    padding-top:20px;
    text-align: center;
    font-size:12px;
    padding-bottom:30px;
    line-height: 180%;
}
.footer img{
    position: relative;
    width:70px;
    transition: all .2s;
}
.footer img:hover{
    border: 1px solid #CCC;
    transform: scale(2);
}


/* 内页内容部分 */
.nybody{
    padding:20px 0;
    margin:auto;
    border-bottom:1px #CCC solid;
    display: flex;
    justify-content: space-between;
}
/* 内页左侧 */
.nybody .leftBar{
    width:22%;
}
.nybody .leftBar .title{
    background-color: #1166B6;
    line-height: 40px;
    color:white;
    font-size:14px;
    text-align: center;
}

/* 内页右侧 */
.nybody .rightCont{
    width:75%;
}
.nybody .rightCont .station{
    background-color: #EEEEEE;
    border-bottom:1px #CCCCCC solid;
    padding:10px;
    font-size:12px;
}
.nybody .rightCont .station span{
    font-weight: bold;
    display: inline-block;
    padding:0px 15px;
}
.nybody .rightCont .station a{
    color:#1166B6;
}


/* -------------------------- 网页生成部分---全局部分 -------------------------- */
/* 导航 */
.MainNav{background-image: linear-gradient(white, #E3E3E3); border-bottom:2px #1166B6 solid;}
.MainNav ul{max-width:1200px;min-width:1000px;display:flex;align-items:center;justify-content:space-between;margin:auto;}
.MainNav ul a{display:block;color:#1166B6;text-align:center;padding:15px 30px;font-size:14px;}
.MainNav ul a:hover{background-color:#1166B6;color:white;}
.MainNav ul ul{display:none;}

/* 首页产品分类导航 */
.IndexProdNav ul{max-width:1200px;min-width:1000px;text-align:center;padding:10px 0;margin:auto;}
.IndexProdNav ul ul{display:none;}
.IndexProdNav li{display:inline-block;margin-bottom:10px;}
.IndexProdNav a{display:block;padding:10px 20px;margin:0px 3px;font-size:12px;border:1px #CCC solid;}
.IndexProdNav a:hover{background-color:#1166B6;color:white;}

/* 内页产品分类导航 */
.NyProdNav ul{margin:0;}
.NyProdNav ul li{background-color:#DDD;margin:1px 0;}
.NyProdNav ul li a{display:block;padding:10px 15px;font-size:12px;color:#333;}
.NyProdNav ul li a:hover{background-color:#1166B6;color:white;}
.NyProdNav ul ul{display:none;}

/* 产品文字列表 */
.TextListProd{}

/* 产品图标列表 */
.IcoListProd{max-width:1200px;min-width:1000px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.IcoListProd li{overflow:hidden;width:32%;height:290px;margin:10px 0px;position:relative; border:1px solid #CCC;}
.IcoListProd li .Name{position:absolute;left:0px;bottom:0px;width:100%;text-align:center;background-color:rgba(0,0,0,0.5);padding:5px 0;}
.IcoListProd li .Name a{color:white;font-size:14px;}
.IcoListProd li img{width:100%;height:290px;transition:all .5s;}
.IcoListProd li img:hover{transform:scale(1.1);}

/* 新闻文字列表 */
.TextListNews{}

/* 新闻图标列表 */
.IcoListNews{padding:20px 0;max-width:1200px;min-width:1000px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.IcoListNews li{width:19%;}
.IcoListNews li .Image{overflow:hidden;}
.IcoListNews li img{width:100%;height:170px;transition:all .5s;}
.IcoListNews li img:hover{transform:scale(1.1);}
.IcoListNews li .Name{text-align: center; font-size:14px;}
.IcoListNews li .Time{display: none;}



/* -------------------------- 网页生成部分---列表页 -------------------------- */

/* 页码统计 */
.RecordTotal{text-align:right;font-size:12px;color:#1166B6;padding:10px 0;}

/* 页码条 */
.Pagination{text-align:center;}
.Pagination a{display:inline-block;font-size:12px;color:white;padding:3px 10px;background-color:#1166B6;margin:10px;}
.Pagination a:hover{color:#d43c49;background-color:white;}

/* 分栏标题 */
.ColumnsTitle{background-color:#1166B6;overflow:hidden;padding:10px;color:white;}
.ColumnsTitle .ColumnsName{float:left;}
.ColumnsTitle .ColumnsMore{float:right;}
.ColumnsTitle .ColumnsMore a{display:inline-block;font-size:12px;color:white;padding:3px 10px;background-color:#d43c49;}
.ColumnsTitle .ColumnsMore a:hover{color:#d43c49;background-color:white;}
.ColumnsTitle .ColumnsMore a:after{content:">";}

/* 内页图标列表 */
.ContentIcoList{width:100%;margin:auto;display:flex;flex-wrap:wrap;}
.ContentIcoList li{overflow:hidden;width:32%;height:230px;position:relative;margin:0.6%;border:1px solid #CCC; box-sizing: border-box;}
.ContentIcoList li .Image{width:100%;}
.ContentIcoList li .Image img{width:100%;height:230px;transition:all .5s;}
.ContentIcoList li .Image img:hover{transform:scale(1.1);}
.ContentIcoList li .Name{position:absolute;left:0px;bottom:0px;width:100%;text-align:center;background-color:rgba(0,0,0,0.5);padding:5px 0;}
.ContentIcoList li .Name a{color:white;font-size:14px;}
.ContentIcoList li .Brief{display:none;}

/* 内页文字列表 */
.ContentTextList{width:100%;}
.ContentTextList li{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #CCC;}
.ContentTextList li:hover{background-color:#F8F8F8;}
.ContentTextList li .Name{width:80%;}
.ContentTextList li .Name a{font-size:14px;}
.ContentTextList li .Time{width:20%;font-size:12px;color:#1166B6;text-align:right;}
.ContentTextList li .Cont{display:none;}

/* -------------------------- 网页生成部分---内容页 -------------------------- */

/* 内容页面 */
.PageName{text-align:center;font-size:18px;font-weight:bold;color:#1166B6;padding-top:20px;}
.PageCont{font-size:14px;line-height:180%;}
.PageCont img{max-width:800px;}
.PageCont h6{font-size:14px;color:#1166B6;margin:20px 0;}

/* 内容出处 */
.PageFrom{text-align: center; font-size:12px; color:#999;padding:10px;}

/* 返回目录 */
.PageBack{text-align:center;padding:10px 0;}
.PageBack a{display:inline-block;font-size:12px;color:white;padding:3px 10px;background-color:#1166B6;margin:10px;}
.PageBack a:hover{color:#d43c49;background-color:white;}

/* 相关信息标题 */
.Related .RelatedTitle{background-color:#1166B6;padding:10px;font-size:14px;color:white;}

/* 相关产品列表 */
.Related .RelatedProd{width:100%;margin:auto;display:flex;flex-wrap:wrap;}
.Related .RelatedProd li{overflow:hidden;width:24%;height:180px;margin:10px 0px;position:relative;margin:0.5%;}
.Related .RelatedProd li .Name{position:absolute;left:0px;bottom:0px;width:100%;text-align:center;background-color:rgba(0,0,0,0.5);padding:5px 0;}
.Related .RelatedProd li .Name a{color:white;font-size:14px;}
.Related .RelatedProd li img{width:100%;height:180px;transition:all .5s;}
.Related .RelatedProd li img:hover{transform:scale(1.1);}

/* 相关新闻列表 */
.Related .RelatedNews{width:100%;}
.Related .RelatedNews li{display:flex;justify-content:space-between;padding:5px;border-bottom:1px solid #CCC;}
.Related .RelatedNews li:hover{background-color:#F8F8F8;}
.Related .RelatedNews li .Name{width:80%;}
.Related .RelatedNews li .Name a{font-size:12px;}
.Related .RelatedNews li .Name a:hover{color:#1166B6}
.Related .RelatedNews li .Time{width:20%;font-size:12px;color:#1166B6;text-align:right;}
.Related .RelatedNews li .Cont{display:none;}

/* 产品表格 */
.prodTable{border-collapse:collapse;width:100%;}
.prodTable td{padding:5px;border:1px #000 solid;text-align:center;}






/********************信息反馈样式********************/
 
#order_online {text-align:center; }
#order_online>table {font: 9pt Verdana; color: #707070; margin:auto; margin-top:50px;}
#order_online div {color: #F00;}
#order_online .order_tr1 {background-color: #DAEDF5;}
#order_online .order_tr2 {background-color: #EBF5FA;}
#order_online .order_testinput {font-family: Verdana;font-size: 9pt;border: 1px solid #CCCCCC;background-color: #F9F9F9;}


/********************客户留言样式********************/
.MsgForm {text-align: center;}
.MsgFormTitle {font-size: 12px;font-weight: bold;width: 618px;text-align: left;background-color: #707070;text-indent: 20px;height: 30px;line-height: 30px;border: 1px solid #707070;}
.MsgForm table {width: 618px;font-size: 12px; border-collapse: collapse; text-align: left;}
.MsgForm td {padding:3px;}
.MsgForm td.td1 {width: 70px; text-align : center;}
.MsgForm input.text1 {width: 200px;}
.MsgForm textarea.text1 {width: 98%;}
.MsgForm .submit {text-align: center;}
.MsgTable {text-align: center;}
.MsgTableTitle {font-size: 12px;font-weight: bold;width: 618px;text-align: left;background-color: #707070;text-indent: 20px;height: 30px;line-height: 30px;border: 1px solid #707070;}
.MsgTable table {width: 620px;font-size: 12px;line-height: 18px;border-collapse: collapse; margin: 3px 0px;}
.MsgTable td {padding: 5px;border: 1px solid #707070;}
.MsgTable .td1 div {text-align: center;}
.MsgTable td.td1 {width: 100px;background-color: #FFF1BB;}
.MsgTable td.td2 {text-align: right;background-color: #FFF1BB;}
.MsgTable td.td3 {text-align: left;background-color: #FFF1BB;}
.MsgTable td.td4 {width: 100px;font-weight: bold;text-align: center;background-color: #FFF1BB;}
.MsgTable td.td5 {font-weight: bold;text-align: right;background-color: #FFF1BB;}
.MsgTable td.td6 {font-weight: bold;text-align: left;background-color: #FFF1BB;}
.MsgTable .Pagination td {border: 0px;}