﻿
.div,span,ul,li,a { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: middle;background: transparent;}

html { font-size: 62.5%; -webkit-text-size-adjust: 100%; }
body {font-size: 16px; line-height: 1.5; font-family: "Microsoft YaHei", Arial, Verdana, Tahoma, Helvetica, sans-serif; color: #333333; background-color: #FFFFFF; text-align: left; }
ol, ul { list-style: none; }

/*内页主体*/
.about .item .txt { width: 80%; max-width: 850px; margin: 10px auto 80px; text-align: justify; }/* con  */
.about .item .txt p { font-size: 21px; line-height: 35px; margin-bottom: 30px; text-indent: 20px;  }
.about .item .img { text-align: center; margin:50px 0px 130px 0px;}
.about .item .img img{width:900px;height:420px; margin:auto auto auto auto; border-radius:10px 10px 10px 10px;}
.page-main { width: 100%; height: auto; overflow: hidden; background-color: #fff; border-top: 1px solid #DBDCDD; margin-top: 0; }
.page-main .breadcrumbs { background-color:rgba(33, 33, 34, 0.9); padding:3px 0px 5px 10%; position:relative;width:100%;}/*路径导航条*/
.page-main .breadcrumbs .pathNavCon { padding: 6px 10px; }
.page-main .breadcrumbs .pathNavCon .path_sep { padding: 0 0 3px; font-size:8px; color:#fff;} /*container*/
.page-main .breadcrumbs .pathNavCon a { color: #fff;  text-decoration: none ; font-size:14px; font-family: -apple-system; font-weight:600;}
.page-main .breadcrumbs .pathNavCon a:hover {color: #fb8e76;text-decoration: none ;}
.page-main .content { background-color: #FFFFFF; margin-bottom: 40px; padding-bottom: 40px; }
.page-main .content .subnav { margin: 30px -15px; padding: 0 40px; color: #A8A8A8; line-height: 30px; }
.page-main .content .subnav ul li { display:inline-block; }
.page-main .content .subnav ul li a { font-size:16px; font-weight:500; color: #A8A8A8; text-decoration: none ;}
.page-main .content .subnav ul li a:hover {color: #005CA5;text-decoration: none !important;}
.page-main .content .subnav .cur a { color: #005CA5; }
.page-main .content .subnav .sep { padding: 0 19px;}

.page-main .content .page-banner { position: relative; margin: auto auto auto auto; overflow: hidden; }
.page-main .content .page-banner h3 { font-size: 28px; font-weight: 500; color: #FEFEFF; position: absolute; left: 170px; top: 120px; }
.breadcrumbs {background-color:#e7ebef;}
.clearfix {border-bottom:1px solid #DBDCDD;padding-bottom:10px;}

@media screen and (max-width:1680px) {
    /*.page-main .content .subnav { padding: 2rem 0; overflow: hidden; position: relative; }*/
    /*.page-main .content .subnav .scroller { position: absolute; left: 0; top: 0; z-index:10; }*/
    /*.page-main .content .subnav ul li { text-align: center; height: 3rem; line-height: 3rem;  }*/
    /*.page-main .content .subnav ul li:first-child { padding-left: 0rem; }*/
    .page-main .content .subnav ul li a { font-size: 15px; }
    .page-main .content .subnav .sep {font-size: 13px; padding: 0 10px; }
}

@media screen and (max-width:1024px) {
    .page-main .content .subnav ul li a { font-size: 15px; }
    .page-main .content .subnav .sep {font-size: 13px; padding: 0 8px; }
    .page-main {margin-top:60px;}
}
@media screen and (max-width:768px) {
    .page-main .content .subnav ul li a { font-size: 15px; }
    .page-main .content .subnav .sep {font-size: 13px; padding: 0 3px; }
    .page-main {margin-top:60px;}
}

/*去掉超连接横线css*/
.text-decoration-none{ }
.text-decoration-none a{text-decoration: none !important;}
.text-decoration-none a:hover{text-decoration:underline}

/* 顶部移动导航菜单 */
.mNav {
    display:none;
    min-height:36px;
    background: #f3f5f7;  /* 从左到右的水平渐变 #0080FF , #8fc3fb*/
    width:100%;
    min-width:600px;
    -moz-border-radius:0px 0px 4px 4px;
                border-radius:0px 0px 3px 3px;
    }
    .mNav ul li {font-size:13px;font-family:Arial;display:inline-block;}
    .mNav ul li a { color: #333333;  text-decoration: none !important;}
    .mNav ul li a:hover {color: #005CA5;text-decoration: none !important;}
    .mNav ul li span { padding: 0 10px;}
    .mNav .liac a { color: #005CA5;  text-decoration: none !important;}
    
#scrollSearchDiv{ padding:4px 10px 6px 10px;  z-index:9;position:fixed;top:60px;}

/*发展历程CSS*/
/*************************************************************************************************************/
.con {width: 800px;margin: 80px auto;}
.title {text-align: center;font-size: 24px;color: #666;margin: 150px auto auto;text-align: center;}
.timeline-con { /*中轴竖线*/position: relative;margin: 50px 30px auto;position: relative;}
.timeline-con::before { /*中轴竖线*/content: '';display: block;width: 1px;height: 100%;background: linear-gradient(#feeeed, #f05b72, #feeeed);
background: -webkit-linear-gradient(#feeeed, #f05b72, #feeeed);background: -o-linear-gradient(#feeeed, #f05b72, #feeeed);background: -moz-linear-gradient(#feeeed, #f05b72, #feeeed);
position: absolute;left: 50%;top: 0;}
.timeline-post { /*单个项目容器*/width: 50%; margin-left: 50%; margin-bottom: 100px;}
.timeline-post:nth-child(even) { /*单个项目容器反方向*/margin-left: 0;}
.timeline-date { /*日期*/ font-size: 20px;font-weight: normal;color: #666; position: absolute; right: 50%; margin-top: 10px; margin-right: 24px;}
.timeline-post:nth-child(even) .timeline-date { /*日期反方向*/ left: 50%; margin-left: 24px;}
.timeline-icon-con { /*圆点容器、节点*/ width: 38px; height: 50px; background-color: #fff; display: flex; justify-content: center; align-items: center; position: absolute;left: 50%;margin-left: -18px;}
.timeline-icon { /*圆点*/ width: 16px; height: 16px;border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 3px solid #3a84eb;}
.timeline-content { /*主体文本容器*/ position: relative; top: -6px; font-size: 18px; font-weight: 700; color: #666;line-height: 36px; margin: 0 0 0 44px; padding: 2px 16px 10px; background-color: #e9f6ff; border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;}
.timeline-post:nth-child(even) .timeline-content { /*尖嘴*/ margin: 0 44px 0 0;text-align: right;}
.timeline-post:nth-child(odd) .timeline-content::before { /*右尖嘴*/content: '';display: inline-block;width: 0;height: 0;
    border-top: 8px solid transparent;
    border-right: 16px solid #e9f6ff;
    border-bottom: 8px solid transparent;
    border-left: 16px solid transparent;
    position: absolute;top: 22px;left: -30px;}
.timeline-post:nth-child(even) .timeline-content::after { /*左尖嘴*/content: ''; display: inline-block; width: 0;height: 0;
    border-top: 8px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 16px solid #e9f6ff;
    position: absolute; top: 22px; right: -30px;}
.timeline-content h3 {font-size: 18px;font-weight: 700;color: #666;}
.timeline-content p {margin-top: 0;}
/************************************************************************************************************/

/****************************/
/*contact*/
.contact-imgbox{margin:30px auto auto auto;text-align:center;}
.contact-imgbox img{margin:auto 5px auto 5px;width: 1190px; max-height: 300px;object-fit: cover;/*保持图片比例缩放*/object-position: center center;}
.contact-title{font-size:38px;color:#fff; margin:-165px 200px auto 450px;text-align:center;min-width:450px;}
.contact-title h3{text-shadow:2px 2px 2px rgba(234, 221, 229, 0.86);}
.cont_con {position:relative; text-align:center;margin:145px auto auto auto;}
.cont_con h3{font-size:25px;color:#005CA5;}
.cont_con p{font-size:16px;line-height:20px;}
.c_item{margin:auto; max-width:1200px; }
.cards{position:relative; text-align:left;height:240px; padding:1px 20px 10px 30px; border:1px solid #DBDCDD;margin-top:5px;margin-left:5px; margin-right:5px;}

 /*org*/
.org{text-align:center; margin:10rem auto 1rem auto;}
.org h3{font-size:4rem;color:#005CA5;padding-right:80px;}
.org img{margin-top:10px;width:100%;}
.org-imgbox { max-width:1200px; margin:auto;}

/*layout*/
.lay {position: relative; text-align: center; margin: auto; margin-top: 80px;}
.lay h3 {font-size:4rem; color:#005CA5;}
.lay-imgbox {margin:auto;}
.lay-imgbox img{width: 1200px; height: 644px; border-radius:8px 8px 8px 8px;}
.lay-rowbox {position:relative; margin: auto; width: 1200px;height:660px; font-size:18px; margin-top:-644px;}
.lay-rowbox .lay-or {text-align:left;padding:13px 0 13px 15px;background:linear-gradient(to left, transparent, #c9a5f7 );width:500px;height:92px;line-height:3rem;}
.lay-rowbox .lay-er {text-align:left;padding:13px 0 13px 15px;background:linear-gradient(to left, transparent, #9fbcf8 );width:500px;height:92px;line-height:3rem;}

/*pagel2 public css*/
.pagel2-main {text-align:center;margin-top:40px;margin-bottom:-50px;}
.pagel2-barbox{position: relative; /* 关键！ */width:1200px;height:300px; margin:auto;}
.pagel2-barbox img{width:1200px;height:300px;}
.pagel2-bartitle {position:absolute; text-align:left; min-width:500px;top:15px;left:25px;}
.pagel2-bartitle h3 {font-size:23px;font-weight:700; text-shadow: 2px 2px 3px #A8A8A8;}
.pagel2-conbox{position:relative; width:1200px; margin:auto;margin-top:10px; padding-bottom:30px;overflow:hidden;background-color:rgba(160, 198, 226, 0.15);} /*conbox背景色*/
.pagel2-con { position:relative; margin-top:10px;padding-left:5px;margin-bottom:10px; }
.pagel2-con h3 {text-align:left;font-size:22px;line-height:30px;padding-left:15px;}
.pagel2-lnavbox {position:relative;}
.pagel2-lnav {position:relative; margin-top:30px;margin-left:10px;width:190px; padding:1px 0 20px 6px; color:#6963fb;font-size:2.3rem;text-align:left;background:linear-gradient(to left, transparent, rgba(55, 126, 186, 0.30));border-radius: 8px 0 0 8px;}/*#95b8e9*/
.pagel2-lnav h3 {font-size:18px;font-weight:600;line-height:30px; padding:0 0 0 5px; border-bottom:1px solid rgba(255, 255, 255, 0.60);}
.pagel2-lnav ul li {line-height:24px;padding:5px 0 10px 5px; }
.pagel2-lnav ul li img { height:10px;padding:0 0 0 10px; position:absolute;right:30px;margin-top:10px;}
.pagel2-lnav ul li a {padding: 0 0 6px 0;color:#005CA5; text-decoration: none; font-size:15px}
.pagel2-lnav ul li a:hover {color:#d83d1b;}
.pagel2-conSegm {margin-bottom:80px;}/*分段段落属性*/
.pagel2-conSegmTltle {border-bottom:2px solid #DBDCDD; margin-top:10px;margin-left:10px;margin-right:10px;font-size:23px;color:#005CA5;}/*分段段落标题*/

/*honor*/
.honor-imgbox1{background-color:#fff;border-radius: 8px 8px 8px 8px;overflow:hidden;max-width:950px;margin-top:20px}
.honor-img{position:relative;}
.honor-imgboxl2-1 {}
.honor-imgboxl2-1 img {width:300px;height:210px;}
.honor-imgboxl2-2 img {width:240px;height:332px;}
.honor-imgboxl2-3 img {width:180px;height:238px;}
.honor-imgboxl2-1div {width:32.5%;float:left; padding:10px 0 10px 15px;}
.honor-imgboxl2-2div {width:23.8%;float:left; padding:10px 0 10px 15px;}
.honor-imgboxl2-3div {width:19.5%;float:left; padding:10px 0 10px 15px;}
/*check width*/
@media screen and (max-width:1024px) {
.pagel2-lnav {display:none;}}

/*culture*/
.cul-con {text-align:center;position:relative; width:1200px; margin:auto;margin-top:10px; padding-bottom:30px;overflow:hidden;background-color:rgba(243, 227, 224, 0.7);}
.conl {text-align:left;}
.cul-item {border-radius:10px 10px 10px 10px;font-size:30px;max-width:1180px;height:230px;padding:20px; margin:auto; margin-top:20px; background:linear-gradient(to bottom, rgba(117, 218, 251, 0.4), rgba(4, 94, 193, 0.8));}
.cul-item h3{font-size:40px; font-weight:700;color:#005CA5;text-shadow:3px 3px 3px #808080;}
.cul-item p{font-size:30px; line-height:40px;text-shadow:2px 2px 3px #808080;}
/*check width*/
@media screen and (max-width:1024px) {
.cul-con {width:960px;}
.cul-item {width:950px;height:230px;}}

/*concern*/
.conc-main {text-align:center;margin-top:60px;margin-bottom:20px;overflow:hidden;}
.conc-con {position:relative; width:1000px;margin:auto;}
.conc-conTitle {position:relative; width:800px;margin:auto; text-align:left; }
.conc-conTitle h3{position:relative;font-size:26px;}
.conc-conImgBox {position:relative; padding:0 10px 0 10px;margin:auto;}
.conc-conImgBox img{position:relative; width:800px;height:350px; border-radius: 10px 10px 10px 10px;}
.conc-conTxtBox {position:relative;text-align:left; width:800px; text-indent: 2em; padding:0 10px 0 10px;margin:auto;margin-top:20px;}
.conc-conTxtBox p{font-size:18px;}

/*innovation*/
.inncon {display:flex; margin:auto;width:970px;margin:auto;border-bottom:1px solid #e7ebef;padding-bottom:5px;}
.inncon_img {margin-top:30px; padding: 0 10px 0 10px;}
.inncon_txt {margin-top:30px; width:500px;text-align: left;padding: 0 10px 0 10px;}
.inncon_img img {width:460px;height:300px;border-radius:8px 8px 8px 8px;box-shadow: 0px 2px 5px 1px #a3a3a5;}
.inncon_txt h3 { font-size:18px;font-weight:600;}
.inncon_txt p { font-size:18px;}
.inncon_imgcust {margin-top:30px; padding: 0 10px 0 10px;}
.inncon_txtcust {margin-top:30px; width:300px;height:300px; background-color:#cedee8;border-radius:8px 0 0 8px;margin-left:10px;padding:30px 0 0 0;box-shadow: 0px 2px 5px 1px #a3a3a5;}
.inncon_imgcust img{width:630px;height:300px; border-radius:0 8px 8px 0; box-shadow: 0px 2px 5px 1px #a3a3a5;}
.inncon_txtcust p{font-size:40px;line-height:80px;text-shadow:3px 3px 3px #808080;color:#0a359b; letter-spacing: 10px;}

/*check width*/
@media screen and (max-width:1024px) {
.pagel2-barbox img{width:960px;height:290px;}
.pagel2-conbox {position: relative;width: 1024px;}
.inncon_txt {width:460px;}
.inncon_img img {width:430px;height:280px;}
.inncon_imgcust img{width:595px;height:270px;}
.inncon_txtcust {width: 275px;height: 270px;}
.inncon_txtcust p{font-size:36px;line-height:70px;}
}

