/* CSS Document */
@CHARSET "UTF-8";
@import url("/skin/default/css/jhdh.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;
	font-family:"MicroSoft YaHei";
}

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; }
.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:#2e2e2e; font-size:14px;}
.video2 a:link {color:#2e2e2e; text-decoration:none;} 
.video2 a:visited {color:#2e2e2e;} 
.video2 a:hover,a:active {color:#2e2e2e; text-decoration:none; }

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

/* fenye */
.leftfenpage {float:left; width:1200px; font-size:14px; border-radius:4px; margin-bottom:30px; margin-top:30px;}
.epages {text-align:center; margin-left:auto; margin-right:auto; width:1200px; }
.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:#1755a0; background:#ffffff; cursor: pointer;}
.epages a b {color:#4a4a4a; } 
.epages a b:hover {color:#1755a0; } 
.epages a:hover{border:#1755a0 1px solid; text-decoration:none;color:#1755a0; background:#fff;}


/* news right */
.faq800{ width:1200px;  float:left; margin-left:10px;}
.faq800 h1{ margin:0px; width:100%; 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:24px; font-weight:normal;}

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

.faqyou{ width:840px; border-radius:4px; padding:0 20px; margin:0px; float:left; padding-bottom:20px; background-color:#ffffff;}
.condiv{ float:left; width:100%; font-size:16px; line-height:36px; color:#656565; text-align:justify;}
.condiv video{ margin:10px 0;}

.faqyou .condiv img{ border-radius:5px; margin-top:10px; max-width: 840px;}
.faqyou  a:link {color:#23487c; text-decoration: none; } 
.faqyou  a:visited {color:#23487c; text-decoration: none;} 
.faqyou  a:hover,a:active {color:#23487c; text-decoration: underline;}

.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 h2, .faqyou h3, .faqyou h4{font-size:16px; }
.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:16px; line-height:34px; color:#656565; text-align:justify; margin-bottom:10px;}
.faqyou .condiv div{  margin-bottom:15px;}

.faqyou .condiv .jiudian{ float:left; margin:5px 0; width:100%}
.faqyou .condiv .jiudian span{ background-color:#1755a0; border-radius:3px; padding:5px 10px; color:#ffffff; margin-right:10px;}

.shangxia {float:left; width:875px; font-size:14px; border-radius:4px; border-left:5px solid #1755a0; background-color:#ffffff; margin-bottom:20px; margin-top:20px;}
.shangxiap {float:left; width:860px; padding-left:15px; color:#464646; line-height:40px; height:40px;  border-bottom:1px #f5f5f5 solid;}
.shangxian {float:left; width:860px; 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:#1755a0; text-decoration: none;}

.pageLink{ padding-top:10px; }
.pageLink a,
.list_page a,
.list_page b { margin-bottom:10px; 
	padding: 4px 10px; width:1em;
	border: 1px solid #a4a4a4;
	background: #f5f5f5; border-radius:2px;
	text-align: center;
	display: inline; 
	font-size: 14px;
	}
.pageLink a:hover,
.list_page a:hover{
	border: 1px solid #1755a0;
	background: #fff;
	text-align: center;
 
	text-decoration: none;
	}

/* product list  right*/
.right900{ width:1200px;  float:left; }

.productlistdis{float:left; width:1160px; padding:10px 20px; border-radius:4px; font-size:14px; background-color:#ffffff; line-height:26px; color:#838383; text-align:justify; border-bottom:1px solid #f5f5f5;}
.productlistdis p{ margin:5px 0;}
.productlistdis a:link {color:#838383; text-decoration:none; } 
.productlistdis a:visited {color:#838383; text-decoration:none;} 
.productlistdis a:hover,a:active {color:#1755a0; text-decoration: none;}


.productlist{float:left; width:1220px; border-radius:4px;  overflow:hidden; }
.productlist .bar{float:left; width:1200px; margin-left:10px; margin-top:20px; background-color:#ffffff; border-radius:4px; height:45px; text-align:center; line-height:45px; font-size:20px; color:#838383; }
.productlist .bar a:link {color:#4d4d4d; text-decoration:none; } 
.productlist .bar a:visited {color:#4d4d4d;} 
.productlist .bar a:hover,a:active {color:#1755a0; text-decoration:none;}

.adxian{width:100%; float:left; margin-top:10px; margin-bottom:10px;}
.adxian img{ border-radius:4px;}
.adxian1200{ margin-left:auto; margin-right:auto; width:1200px; }
.adxiana1{float:left; width:590px; margin-right:10px;}
.adxiana2{float:left; width:590px; margin-left:10px;}

.adxian .tt{float:left; width:590px; color:#838383; background-color:#ffffff; border-radius:0 0 4px 4px; height:38px; font-size:16px; text-align:center; line-height:38px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.adxian .tt a:link {color:#838383; text-decoration:none; } 
.adxian .tt a:visited {color:#838383; text-decoration:none;} 
.adxian .tt a:hover,a:active {color:#e70034; text-decoration: none;}


.productlist .pt{float:left; width:285px; border-radius:4px; margin-left:10px; margin-right:10px; margin-top:20px; position:relative;}
.productlist .lm{ position:absolute; top:20px; left:0px; z-index:10;border-radius:0px 3px 3px 0; background-color: rgba(23, 85, 160, 0.85); padding-left:15px; padding-right:15px; height:35px; line-height:35px; font-size:16px;}
.productlist .lm a:link {color:#fff; text-decoration:none; } 
.productlist .lm a:visited {color:#fff; text-decoration:none;} 
.productlist .lm a:hover,a:active {color:#fff; text-decoration: none;}

.productlist .pt img{float:left; width:285px; height:190px; border-radius:4px 4px 0 0;}
.productlist .pt .tt{float:left; width:265px; padding:0 10px; color:#838383; background-color:#ffffff; border-radius:0 0 4px 4px; height:38px; font-size:16px; text-align:center; line-height:38px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.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:#1755a0; text-decoration: none;}

.productlist .ad{float:left; width:1200px; margin-left:10px; margin-right:10px; margin-top:20px;}
.productlist .ad img{float:left; width:1200px; border-radius:4px;}



.productlistz{float:left; width:1220px; border-radius:4px;  overflow:hidden; }
.productlistz .pt{float:left; width:224px; border-radius:4px; margin-left:10px; margin-right:10px; margin-top:20px; position:relative;}
.productlistz .pt img{float:left; width:224px; height:224px; border-radius:4px 4px 0 0; border-bottom:1px solid #f5f5f5;}
.productlistz .pt .tt{float:left; width:204px; padding:0 10px; color:#838383; background-color:#ffffff; border-radius:0 0 4px 4px; height:35px; font-size:14px; text-align:center; line-height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.productlistz .pt .tt a:link {color:#838383; text-decoration:none; } 
.productlistz .pt .tt a:visited {color:#838383; text-decoration:none;} 
.productlistz .pt .tt a:hover,a:active {color:#1755a0; text-decoration: none;}
/* product con tuijian */
.precommend{float:left; width:1200px; border-radius:4px; margin-left:10px; margin-bottom:10px;}
.precommend .bar{float:left; width:1200px; background-color:#ffffff; border-radius:4px; height:45px; margin-bottom:20px; text-align:center; line-height:45px; font-size:20px; color:#838383; }
.precommend .bar a:link {color:#4d4d4d; text-decoration:none; } 
.precommend .bar a:visited {color:#4d4d4d;} 
.precommend .bar a:hover,a:active {color:#1755a0; text-decoration:none;}

.precommend ul li:nth-of-type(4n+4) {margin-right:0px;}
.precommend ul li{float:left; position:relative; width:265px; padding-left:20px; margin:0px 20px 10px 0px; position:relative; overflow:hidden; cursor:pointer; background-color:#ffffff; border-radius:4px;}

.precommend ul li .text{font-size:16px; color:#282828; height:60px; line-height:60px; float:left;}
.precommend ul li .icon5{width:30px; height:30px; float:right; margin-right:20px; transition:all 0.5s ease;}
.precommend ul li .icon5 img{ height:30px; margin-top:15px; margin-bottom:15px;}

.precommend ul li a:link { width:100%; display:block; height:60px;} 
.precommend ul li:hover {background:#1755a0; color:#ffffff; transition: all 0.3s ease-out 0s; }
.precommend ul li:hover .text{color:#ffffff;}
.precommend ul li:hover .icon5{transform:rotateY(180deg); }
.precommend ul li:hover img{ filter: brightness(100);}
/* product con zixun */
.krecommend{float:left; width:1200px; border-radius:4px; margin-bottom:20px; margin-left:10px; background-color:#ffffff;}
.krecommend .bar{float:left; width:1180px;  border-radius:4px; height:40px; border-bottom:1px solid #f5f5f5; padding-left:20px; line-height:40px; font-size:16px; color:#838383; }
.krecommend .bar a:link {color:#4d4d4d; text-decoration:none; } 
.krecommend .bar a:visited {color:#4d4d4d;} 
.krecommend .bar a:hover,a:active {color:#1755a0; text-decoration:none;}


.krecommend ul{width:360px; margin:15px 0 15px 20px; float:left; }
.krecommend ul li{background:url(/skin/default/images/dian.jpg) left center no-repeat; color:#4d4d4d; font-size:14px; height:30px; overflow:hidden; line-height:30px; padding-left:10px; }
.krecommend ul li span{ float:right; text-align:right; width:100px;}
.krecommend ul li a:link {color:#4d4d4d; text-decoration:none; } 
.krecommend ul li a:visited {color:#4d4d4d;} 
.krecommend ul li a:hover,a:active {color:#1755a0; text-decoration:none;}


/* product con zixun */
.mote1200{ margin-left:auto; margin-right:auto; width:1220px; }
.mote1200 .bar{float:left; width:1180px; margin-left:10px; border-radius:4px; height:46px; background-color:#ffffff; line-height:46px; margin-top:20px; padding-left:20px; font-size:16px; color:#838383; }
.mote1200 .bar a:link {color:#1755a0; text-decoration:none; } 
.mote1200 .bar a:visited {color:#1755a0; text-decoration:none;} 
.mote1200 .bar a:hover,a:active {color:#1755a0; text-decoration: none;}

.mote1200 .bar span{float:right;margin-top:12px; margin-right:20px;}
.mote1200 .bar span a { 
    width:60px;
    height: 20px; padding:0 5px; border:1px solid #f5f5f5;
    text-align: center;  
    border-radius:12px ;
    margin: 0 auto;
    font-size: 14px;
    line-height: 20px;
    background: #f5f5f5;
    display: block;
    color: #838383; text-decoration:none;
    transition: background-color .3s;
}

.mote1200 .bar span a:hover {
    background-color: #1755a0;  border:1px solid #1755a0;
    color: #ffffff; text-decoration:none; 
}

.mote1200 .pt{float:left;  position:relative; width:285px;  margin:20px 10px 0px 10px; /*box-shadow: 0 0 2px rgba(67, 67, 67, 0.3);*/}
.mote1200 .pt img{float:left; width:285px; height:180px; border-radius:4px 4px 0 0;}
.mote1200 .pt .tt{float:left; width:265px; padding:0 10px; background-color:#ffffff; overflow:hidden; border-radius:0 0 4px 4px; height:38px; font-size:14px; text-align:center; line-height:38px; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;color:#838383;}
.mote1200 .pt .tt a:link {color:#838383; text-decoration:none; } 
.mote1200 .pt .tt a:visited {color:#838383; text-decoration:none;} 
.mote1200 .pt .tt a:hover,a:active {color:#1755a0; text-decoration: none;}