/* CSS Document */
@CHARSET "UTF-8";
@import url("/skin/default/css/ndaohang.css");
body ,html{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	width:100%;
	font-size:1em;
	text-align: left;
}

img {border: none;}
p,ul,ol,li,form,h1,h2,h3,h4,h5,table,td,tr,b {margin: 0;	padding: 0;	list-style: none;}
p,ul,ol,li,form {margin: 0;	padding: 0;	list-style: none;}

 


/* weizhi */
.neiwith{ width:100%; float:left; height:45px; background:#ffffff; border-bottom:1px solid #e8e8e8;}
.middlen{ width:100%; float:left; margin-top:0px; height:45px; }
.middlen .video2 {width:1200px; height:45px; margin-left:auto; margin-right:auto; line-height:45px; color:#535353; font-size:16px;}
.video2 a:link {color:#535353; text-decoration:none;} 
.video2 a:visited {color:#535353;} 
.video2 a:hover,a:active {color:#535353; text-decoration:none; }


.daohang{display:none;}
.gonglwein{display:none;}
.toptel{display:none;}
.shoujif{display:none;}

@media screen and (max-width:960px){
	.topz{ height:0px;}
.topbg{ display:none;}
.neiwith{display:none;}
.top01{ display:none;}
.bigfont100{display:none;}
.banquan100{display:none;}
.right100{display:none;}
.listleft{display:none;}
.shoujit{ width:100%; float:left; display:block;}
.shoujif{ width:100%; float:left; display:block;}
.er{display:none;}
.connect100{display:none;}
}


/* 100 */
.main100{ width:100%; float:left; padding-top:20px; background-color:#f5f5f5; padding-bottom:20px;}
.main1220{ margin-left:auto; margin-right:auto; width:1220px;}
.main1220 h1{ margin:0px 10px; width:1200px; float:left; height:60px; line-height:60px; border-radius:4px; text-align:center; border-bottom:1px solid #f5f5f5; background-color:#ffffff; color:#4d4d4d; font-size:22px; font-weight:normal;}
.maillistdis{float:left; width:1160px; padding:10px 20px; margin-left:10px; border-radius:4px; font-size:14px; background-color:#ffffff; line-height:32px; color:#838383; text-align:justify; border-bottom:1px solid #f5f5f5;}

.main1220 .pt{float:left; width:285px; margin-left:10px; margin-right:10px; margin-top:20px;}
.main1220 .pt img{float:left; width:285px; height:285px; }
.main1220 .pt .tt{float:left; width:255px; padding:10px 15px; border-top:1px solid #f5f5f5; background-color:#ffffff; border-radius:4px; height:40px; font-size:16px; line-height:20px;  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;color:#838383;}
.main1220 .pt .tt a:link {color:#838383; text-decoration:none; } 
.main1220 .pt .tt a:visited {color:#838383; text-decoration:none;} 
.main1220 .pt .tt a:hover,a:active {color:#323232; text-decoration: none;}

.custom{width:1200px; float:left; height:60px; line-height:60px; border-radius:4px; margin:20px 10px; text-align:center; background-color:#ffffff; font-size:18px; font-weight:normal;}
.custom a:link {color:#323232; text-decoration:none; } 
.custom a:visited {color:#323232; text-decoration:none;} 
.custom a:hover,a:active {color:#323232; text-decoration: none;}


@media screen and (max-width:960px){
.main100{ width:100%; float:left; padding-top:0px; background-color:#ffffff; padding-bottom:10px;}
.main1220{ margin-left:auto; margin-right:auto; width:100%;}
.main1220 h1{ width:100%; margin-left:0px; height:40px; line-height:40px; margin-left:0px; border-radius:4px; font-size:16px;}
.main1220 .pt{float:left; width:45.5%; padding:0px 0px 0px 0px; box-shadow: 0 0 1px rgba(67, 67, 67, 0.4); margin-left:3%; margin-top:10px; margin-right:0px; }
.main1220 .pt img{ height:100%;width:100%;}
.main1220 .pt .tt{width:94%; padding:5px 3%; overflow:hidden; text-overflow: ellipsis; white-space: pre-line; line-height:20px; height:40px; text-align: left; font-size:14px; float:left; background-color:#f8f8f8; border-radius: 0 0 4px 4px;}
}

/* leftlist */
.mainCon{ width:100%; float:left; padding-top:20px; background-color:#f5f5f5;}


/* news right */
.right900{ width:1220px; float:left; }
.faq800{ width:100%; float:left; }
.faq800 h1{ margin-left:10px; width:1200px; float:left; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #f5f5f5; background-color:#ffffff; color:#4d4d4d; font-size:22px; font-weight:normal; font-family: "taipurui-Bold";}

.faq800 h1 a:link {color:#4d4d4d; text-decoration:none; } 
.faq800 h1 a:visited {color:#4d4d4d;} 
.faq800 h1 a:hover,a:active {color:#4d4d4d; text-decoration:none;}



.faq8002{width:900px; float:left; padding:0 150px; background-color:#ffffff; margin-bottom:20px;}
.faq8002 h1{margin:0px; width:100%; float:left; height:50px; line-height:50px; border-radius:4px; text-align:center; border-bottom:1px solid #f5f5f5; background-color:#ffffff; color:#4d4d4d; font-size:22px; font-weight:normal;}
.condiv2{float:left; font-size:16px; line-height:24px; color:#656565; width:860px; border-radius:4px; padding:10px 20px 10px 20px; background-color:#ffffff;}
.condiv2 h2{margin:0px 0; font-size:18px; line-height:26px; }
.condiv2 h3{margin:10px 0; font-size:18px; line-height:26px; }
.condiv2 h4{margin:10px 0; font-size:18px; line-height:26px; }
.condiv2 p{margin:10px 0; line-height:24px;}
.condiv2 img{ border-radius:4px; margin:5px 0; max-width:860px;}
.condiv2 a:link {color:#656565; text-decoration:underline; } 
.condiv2 a:visited {color:#656565; text-decoration: none;} 
.condiv2 a:hover,a:active {color:#00236a; text-decoration: none;}

.condiv2 .bitian { background:url(/skin/default/images/bitian.png) right center no-repeat; }
.condiv2 .inname{font-size:14px; float:left; width:98%; padding-left:2%; border:2px dashed #e2e2e2; border-radius: 4px; margin:5px auto; height:32px; line-height:32px;}
.condiv2 .contmessage{font-size:14px; padding-left:2%; float:left; resize:none; width:98%; border:2px dashed #e2e2e2; border-radius: 4px; margin:5px auto; height:80px; line-height:26px;}


        .upload-container{
            width:90%;
            padding:30px 5% 20px 5%;
            background: #ffffff;
            border: 2px dashed #e2e2e2;
            border-radius: 10px;
            text-align: center;
            transition: border-color 0.2s, background 0.2s;
            cursor: pointer;
            position: relative;
        }

        /* 拖拽悬停效果 */
        .upload-container.dragover {
            border-color: #2d7aff;
            background: #f0f6ff;
        }

        /* 隐藏原生 input，但保留功能 */
        .upload-container input[type="file"] {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
            z-index: 2;
        }

        /* 图标（可选用一个简单云朵图标，此处用 emoji 或 svg） */
        .upload-icon { width:50px; height:50px; margin-left:auto; margin-right:auto;
            line-height: 1;
            color: #88929e;
            margin-bottom: 8px;
            pointer-events: none;
			background:url(/skin/default/images/wenjian.png) no-repeat;
			background-size:50px 50px;
        }

        /* 主提示文字 */
        .upload-title {
            font-size: 15px;
            font-weight: 500;
            color: #24292f;
            pointer-events: none;
        }

        .upload-title span {
            color: #00236a;
            text-decoration: underline;
            text-underline-offset: 2px;
        }

        /* 副提示（文件格式 + 大小限制） */
        .upload-hint {
            margin-top:20px;
            font-size: 16px;
            color: #57606a;
            pointer-events: none;
        }

        .upload-hint .file-types {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 8px 12px;
            margin-bottom: 6px;
        }

        .upload-hint .file-types .type-tag {
            background: #f0f2f5;
            padding: 2px 10px;
            border-radius: 10px;
            font-size: 14px;
            color: #1f2328;
            letter-spacing: 0.3px;
        }

        .upload-hint .size-limit {
            font-size: 12px;
            color: #8b949e;
        }

        /* 已选文件显示（可选） */
        .file-name {
            margin-top: 10px;
            font-size: 14px;
            color: #00236a;
            font-weight: 500;
            pointer-events: none;
            word-break: break-all;
        }

        /* 响应式 */
        @media (max-width: 520px) {
            .upload-container {
                width: 95%;
                padding: 20px 10px;
            }
            .upload-hint .file-types {
                gap: 6px 10px;
            }
        }


.condiv2 .code{width:80px; border:1px solid #e2e2e2; border-radius:0px; height:22px; line-height:22px; vertical-align:middle;}
.condiv2 .codeimg{height:26px; width:auto; vertical-align:middle; border-radius:0px !important;}
.condiv2 .contactsubmit{color:#ffffff; background-color:#00236a; width:100px; margin-top:10px; margin-bottom:10px; margin-left:41%; font-size:16px; height:30px; line-height:30px; text-align:center; border-radius:16px; border:1px solid #323232; cursor:pointer; }
.condiv2 .contactsubmit:hover{color:#323232; background-color:#ffffff; border:1px solid #323232; }

.faqyou h1{ margin:20px 0 0px 0; width:100%; float:left; padding-bottom:10px; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #f5f5f5; color:#4d4d4d; font-size:26px; font-weight:normal;}
.faqyou .laiyuan{ width:100%; float:left; height:36px; line-height:36px; text-align:center; margin-bottom:10px; border-bottom:1px solid #f5f5f5; color:#888888; font-size:14px; }
.faqyou .condiv p{ font-size:14px; line-height:28px; color:#656565; text-align:justify; margin-bottom:15px;}
.faqyou .condiv div{  margin-bottom:15px;}


.tagcss {float:left; width:880px; padding-left:20px; font-size:14px; border-radius:4px; color:#ffffff; line-height:40px; height:40px; background:url(../images/tag.png) left center no-repeat #FFF;  margin-top:20px; overflow:hidden;}
.tagcss span{ margin-left:40px;}
.tagcss span a:link {color:#464646; text-decoration:none;  margin-left:5px; margin-right:5px;border-radius:4px; height:20px; line-height:20px; background-color:#f5f5f5; margin-top:8px; margin-bottom:8px; padding:2px 10px;} 
.tagcss span a:visited {color:#464646; text-decoration:none;} 
.tagcss span a:hover,a:active {color:#323232; text-decoration: none;}

.shangxia {float:left; width:895px; font-size:14px; border-radius:4px; border-left:5px solid #323232; background-color:#ffffff; margin-bottom:20px; margin-top:20px;}
.shangxiap {float:left; width:880px; padding-left:15px; color:#464646; line-height:40px; height:40px;  border-bottom:1px #f5f5f5 solid;}
.shangxian {float:left; width:880px; padding-left:15px; color:#464646; line-height:40px; height:40px; }

.shangxia a:link {color:#464646; text-decoration:none; } 
.shangxia a:visited {color:#464646; text-decoration:none;} 
.shangxia a:hover,a:active {color:#323232; text-decoration: none;}

/* product list  right*/
.productlistdis{float:left; width:1160px; margin-left:10px; padding:0px 20px; border-radius:4px; font-size:16px; background-color:#ffffff; line-height:24px; color:#838383; border-bottom:1px solid #f5f5f5;}
.productlistdis p{ margin:10px 0;}
.productlistdis ul a{ display:inline-block; margin-bottom:8px; margin-top:8px; padding:0px 12px; background-color:#f5f5f5; border-radius:3px; margin-right:5px; border:1px solid #ececec;}
.productlistdis ul a:link {color:#838383; text-decoration:none; } 
.productlistdis ul a:visited {color:#838383; text-decoration:none;} 
.productlistdis ul a:hover,a:active {color:#323232; text-decoration: none;}

.productlist{float:left; width:1220px; overflow:hidden;}

.productlist h2{margin-left:10px; width:1200px; float:left; height:50px; line-height:50px; border-radius:4px; text-align:center; border-bottom:1px solid #f5f5f5; background-color:#ffffff; color:#4d4d4d; font-size:20px; font-weight:normal; font-family:"taipurui-Bold"; margin-top:20px;}

.productlist h2 a:link {color:#4d4d4d; text-decoration:underline; } 
.productlist h2 a:visited {color:#4d4d4d; text-decoration:underline;} 
.productlist h2 a:hover,a:active {color:#93c053; text-decoration: none;}

.productlist ul{float:left; width:100%;}
.productlist ul span{float:left; position:relative; width:255px; margin:20px 10px 0px 10px; line-height:20px; height: auto; position:relative; overflow:hidden; cursor:pointer; padding:10px 15px 10px 15px; background-color:#ffffff; border-radius:4px;}

.productlist ul span a:link {color:#282828; text-decoration: none; } 
.productlist ul span a:visited {color:#282828; text-decoration: none;} 
.productlist ul span:hover {background:#00236a; color:#ffffff; transition: all 0.3s ease-out 0s; }
.productlist ul span:hover a{color:#ffffff;}



.productlist .pt{float:left; width:386px; margin-left:10px; margin-right:10px; margin-top:20px; position:relative;}
.productlist .pt .lmt {font-family:"biaoti";
  position: absolute;
  top:20px;
  left:0px;
  z-index:10;
  padding:0 20px;
  background-color: rgba(0, 35, 106, 0.8);
  height:36px;
  line-height:36px; border-radius:0 4px 4px 0;
}
.productlist .pt .lmt a:link {color:#ffffff; text-decoration:none; } 
.productlist .pt .lmt a:visited {color:#ffffff;} 
.productlist .pt .lmt a:hover,a:active {color:#ffffff; text-decoration: underline;}


.productlist .pt img{float:left; width:386px; height:386px; }
.productlist .pt .tt{float:left; width:356px; padding:10px 15px; border-top:1px solid #f5f5f5; background-color:#ffffff; border-radius:0 0 4px 4px; height:40px; font-size:16px; line-height:20px; color:#838383;  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.productlist .pt .tt a:link {color:#838383; text-decoration:none; } 
.productlist .pt .tt a:visited {color:#838383; text-decoration:none;} 
.productlist .pt .tt a:hover,a:active {color:#323232; text-decoration: none;}

/* leftlist */
.mainCon{ width:100%; float:left; padding-top:20px; background-color:#f5f5f5;}
.mainCon1200{margin-left:auto; margin-right:auto; width:1220px;}
.mainCon12002{margin-left:auto; margin-right:auto; width:1200px;}
.mainCon1200 h3{margin-left:10px; width:1200px; margin-top:20px; float:left; height:50px; line-height:50px; text-align:center; background-color:#ffffff; color:#4d4d4d; font-size:22px; font-weight:normal; font-family: "taipurui-Bold";}
.mainCon1200 h3 a:link {color:#565656; text-decoration:none; } 
.mainCon1200 h3 a:visited {color:#565656; text-decoration:none;} 
.mainCon1200 h3 a:hover,a:active {color:#323232; text-decoration: none;}

.pin10{ padding-left:20px;}
.mainCon1200 .fatit{float:left; margin:20px 10px 0px 10px; }
.mainCon1200 .fatit a:link {color:#565656; text-decoration:none; } 
.mainCon1200 .fatit a:visited {color:#565656; text-decoration:none;} 
.mainCon1200 .fatit a:hover,a:active {color:#323232; text-decoration: none;}
.mainCon1200 .fatit a {width:245px; padding:0 20px; height:36px; font-size:16px; line-height:36px; float:left; background-color: #ffffff; transition: background-color .3s;}
.mainCon1200 .fatit a:hover {background-color: #323232; color: #ffffff; text-decoration: none;}



/* weixiu list  right*/
.weixiulist{float:left; width:900px; border-radius:4px;  overflow:hidden; }
.weixiulist .pt{float:left; width:280px; border-radius:4px; margin-left:20px; margin-top:20px;}
.weixiulist .pt img{float:left; width:280px; height:370px; border-radius:4px 4px 0 0;}
.weixiulist .pt .tt{float:left; width:280px;background-color:#ffffff; border-radius:5px; height:50px; font-size:16px; text-align:center; line-height:50px; text-align:center;}
.weixiulist .pt .tt a:link {color:#838383; text-decoration:none; } 
.weixiulist .pt .tt a:visited {color:#838383; text-decoration:none;} 
.weixiulist .pt .tt a:hover,a:active {color:#323232; text-decoration: none;}


/* 404 */
.zongCon404{ width:100%; float:left; background-color:#f5f5f5;}
.mainCon404{ margin:20px auto; width:1160px; border-radius:4px; line-height:24px; background-color:#fff; font-size:16px; padding:0 20px 20px 20px;}

.mainCon404 .tagssty{ line-height:30px; padding-bottom:20px; border-top:1px solid #f5f5f5; padding-top:20px;}
.mainCon404 .tagssty a{ margin-left:5px; margin-right:5px;}

.mainCon404 a:link {color:#4d4d4d; text-decoration:none; } 
.mainCon404 a:visited {color:#4d4d4d;} 
.mainCon404 a:hover,a:active {color:#323232; text-decoration:none;}

.maintag{ margin:20px auto; font-size:16px; line-height:24px; color:#656565;  width:1180px; border-radius:4px; background-color:#fff; padding:0 10px 15px 10px;}
.tagsh1{ height:50px; line-height:50px; font-size:18px; font-family:"taipurui-Bold";border-bottom:1px solid #f5f5f5;}
.maintag p{margin:5px 10px; text-align:left;}

.maintag .tagssty a:link {color:#565656; text-decoration:none; } 
.maintag .tagssty a:visited {color:#565656; text-decoration:none;} 
.maintag .tagssty a:hover,a:active {color:#323232; text-decoration: none;}
.maintag .tagssty a { float:left; width:353px; height:38px; margin:5px 10px; padding:0 10px; border-radius:2px; font-size:16px; line-height:38px; background-color: #f5f5f5; transition: background-color .3s;}
.maintag .tagssty a:hover {background-color: #00236a; color: #ffffff; text-decoration: none;}

.maintag a:link {color:#4d4d4d; text-decoration:none; } 
.maintag a:visited {color:#4d4d4d;} 
.maintag a:hover,a:active {color:#323232; text-decoration:none;}

/* kehu case list */
.casez{ width:900px; float:left; margin-bottom:20px; background:#fff; border-radius:4px; overflow:hidden;}
.casez img{float:left; height:250px; width:280px; margin:20px 0 20px 20px; }
.caseright{ width:560px; margin-left:20px; float:left; color:#4d4d4d; line-height:1.6em; font-size:16px;}
.caseright .xiangao{ width:100%; height:200px; overflow:hidden; float:left; }
.caseright h3{ font-size:18px; width:100%; float:left; height:50px; overflow:hidden; line-height:50px; margin-bottom:10px; font-weight:normal;}
.caseright h3 a:link {color:#4d4d4d; text-decoration:none ; } 
.caseright h3 a:visited {color:#4d4d4d; text-decoration: none;} 
.caseright h3 a:hover,a:active {color:#323232; text-decoration: none;}

.casebar{width:100%; float:left; margin-bottom:20px; margin-top:10px; }
.casebar a:link {color:#ffffff; text-decoration:none; } 
.casebar a:visited {color:#ffffff; text-decoration:none;} 
.casebar a:hover,a:active {color:#323232; text-decoration: none;}

.casebar a {width:120px; float:left; height:32px; text-align: center; border: solid #e8e8e8 1px; border-radius:4px; font-size:16px; line-height:32px; float:left; background-color: #323232; transition: background-color .3s; margin:0px; }
.casebar a:hover {color:#ffffff; text-decoration: none;}

/* fenye */
.leftfenpage {float:left; width:1200px; margin-left:10px; font-size:14px; border-radius:4px; margin-bottom:30px; margin-top:30px;}
.epages {text-align:center; margin-left:auto; margin-right:auto; width:880px; }
.epages b{padding:6px 12px 6px 6px; border-radius:3px; font-weight:normal;  font:normal 14px verdana; text-decoration:none;color:#373737;}
.epages a{padding:6px 10px 6px 10px;  border-radius:3px; margin-right:5px; border:1px solid #a8a8a8; text-align:center;text-decoration:none;font:normal 14px verdana; color:#a8a8a8; background:#ffffff; cursor: pointer;}
.epages a b {color:#4a4a4a; } 
.epages a b:hover {color:#323232; } 
.epages a:hover{border:#323232 1px solid; text-decoration:none;color:#323232; background:#fff;}