/* 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";
	background: #ffffff;
}

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

/* flash */
.flash{ width:100%; float:left; height:500px; }
.flexslider{position:relative; height:500px;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute; bottom:15px; z-index:2; left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
          transform: translateX(-50%) translateY(-50%) translateZ(0);}
.flex-control-nav li{display:inline-block;width:16px; float:left;height:16px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:16px;height:16px;line-height:50px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:43%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:50px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:50px;background:url(../images/next.png) center center no-repeat;}


/*list*/
.shenm100{ float:left; width:100%; }
.shenm100 .shenmcon{ margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; width:1160px; padding:5px 20px; background-color:#f5f5f5; border:4px;}
.shenm100 .shenmcon p{ font-size:14px; color:#606060; line-height:28px; margin:10px 0;}
.shenm100 .shenmcon p a:link {color:#606060; text-decoration:none; } 
.shenm100 .shenmcon p a:visited {color:#606060;} 
.shenm100 .shenmcon p a:hover,a:active {color:#1755a0; text-decoration:none;}

/*list*/
.case100{ float:left; width:100%; margin:10px 0;}
.case100 .casecon{ margin-left:auto; margin-right:auto; width:1220px; }
.case100 .casecon h1{ float:left; color:#838383; font-weight:normal; text-align:center; font-size:24px; height:50px; line-height:50px; width:100%; }
.case100 .casecon h1 a:link {color:#838383; text-decoration:none; } 
.case100 .casecon h1 a:visited {color:#838383;} 
.case100 .casecon h1 a:hover,a:active {color:#1755a0; text-decoration:none;}

.tbtncon{ width:780px; float:left; margin:10px 220px 10px 220px; border-radius:20px; height:38px; background-color:#f5f5f5; }
.tbtncon li{cursor:pointer;	display:block; float:left; border-radius:20px; height:38px; line-height:38px; text-align:center; text-decoration:none; width:260px; }

.tbtncon li a:link {color:#6d6d6d; text-decoration:none; } 
.tbtncon li a:visited {color:#6d6d6d;} 
.tbtncon li a:hover {color:#ffffff; text-decoration: none;}
.tbtncon li:hover{background-color:#1755a0;}
.tbtncon li:hover  a:link {color:#ffffff;}
.tbtncon li:hover  a {color:#ffffff;}
.tbtncon li.curr{border:none; cursor:default; background-color:#1755a0;}
.tbtncon li.curr a:link {color:#ffffff; text-decoration:none; } 
.tbtncon li.curr a:visited {color:#ffffff;} 
.tbtncon li.curr a:hover {color:#ffffff; text-decoration:none;}

.caseright{float:left; width:1220px; font-family: "Microsoft Yahei"; height:520px;}
.caseright .pt{ float:left; width:285px; margin:10px 10px 10px 10px; }
.caseright .pt img{ float:left; width:285px; height:180px; display:block; border-radius:4px 4px 0 0 ;}
.caseright .pt .tt{ float:left; width:285px; height:36px; background:#f5f5f5; font-size:16px; line-height:36px; overflow:hidden; text-align:center; border-radius:0 0 4px 4px }
.caseright .pt .tt a:link {color:#838383; text-decoration:none; } 
.caseright .pt .tt a:visited {color:#838383;} 
.caseright .pt .tt a:hover,a:active {color:#1755a0; text-decoration:none;}


.tymore{width:100%; float:left; position:relative; }
.tymore .more{ font-size:16px; line-height:36px; height:36px; border: solid #1755a0 1px;  background-color: #1755a0; text-align: center; left:50%;border-radius:20px; transition: background-color .3s;
 width:320px; position:absolute; margin-left:-160px; margin-top:10px;}
.tymore .more a {color: #ffffff; text-decoration: none;}
.tymore .more:hover{background-color: #ffffff; }
.tymore .more:hover a{ color: #1755a0; }
.tymore .more a:hover {color: #1755a0; text-decoration: none;}



/*why*/
.jbg{ background:url(../images/hjlvbg2.jpg) center center no-repeat; padding:10px 0 30px 0; margin-bottom:0px; margin-top:10px;}
.why100{ float:left; width:100%; }
.why100 .whycon{ margin-left:auto; margin-right:auto; width:1220px; }
.btauto{width:1200px; margin:0px auto 0px auto; }

.why100 .btauto h2{ float:left; color:#ffffff; font-weight:normal; text-align:center; font-size:24px; height:30px; line-height:30px; width:1200px; margin-top:15px; padding-bottom:5px;}
.why100 .btauto h2 a:link {color:#ffffff; text-decoration:none; } 
.why100 .btauto h2 a:visited {color:#ffffff;} 
.why100 .btauto h2 a:hover,a:active {color:#ffffff; text-decoration:none;}

.btauto .linespan{float:left; width:100%; height:20px; line-height:20px; margin-bottom:15px;}
.btauto .linespan h3{ margin-left:auto; margin-right:auto; width:100%; text-align:center; font-size:16px; color:#ffffff; font-weight:normal;}


.why100  .whytt{ float:left; width:1200px;  }
.why100  .whytt .w1{ float:left; width:239px; height:180px; text-align:center; font-size:16px; border-left:1px dashed #00418f; border-bottom:1px dashed #00418f; color:#828283;}
.why100  .whytt .w1 img{ display:block; margin-top:30px; margin-bottom:20px; margin-left:85px; width:70px; height:70px;}
.why100  .whytt .w1 a:link {color:#ffffff; text-decoration:none; } 
.why100  .whytt .w1 a:visited {color:#ffffff; text-decoration:none;} 
.why100  .whytt .w1 a:hover,a:active {color:#ffffff; text-decoration: none;}

.why100  .whytt .xian{ float:left; width:160px; position:absolute; height:10px; top:160px; left:35px; border-dashed:1px solid #00418f; z-index:10;}
.why100  .whytt .w1:nth-child(1){border-left: none; }
.why100  .whytt .w1:nth-child(6){border-left: none;border-bottom: none;}
.why100  .whytt .w1:nth-child(7){border-bottom: none;}
.why100  .whytt .w1:nth-child(8){border-bottom: none;}
.why100  .whytt .w1:nth-child(9){border-bottom: none;}
.why100  .whytt .w1:nth-child(10){border-bottom: none;}


.whytt .w1 img{ display:block; margin-top:20px; margin-bottom:20px; margin-left:80px; width:80px; transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out; }
.whytt .w1:hover{cursor:pointer;}
.whytt .w1:hover img{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }





/*why*/
.why100  .whycon h2{ float:left; width:100%; color:#3f3f3f; font-weight:normal; margin-bottom:10px; font-size:24px; text-align:center; height:60px; line-height:60px; }
.why100  .whycon h2 a:link {color:#838383; text-decoration:none; } 
.why100  .whycon h2 a:visited {color:#838383; text-decoration:none;} 
.why100  .whycon h2 a:hover,a:active {color:#1755a0; text-decoration: none;}

.why100 .whycon .listys{ float:left; margin-left:10px; margin-right:10px; border-radius:4px; height:90px; width:590px; margin-bottom:20px; }
.why100 .whycon .listys .t{ float:left; border-radius:4px 0 0 4px; height:90px; width:160px ; text-align:center; background-color:#1755a0; color:#ffffff; font-size:18px; line-height:90px;}

.why100 .whycon .listys .t a:link {color:#ffffff; text-decoration:none; } 
.why100 .whycon .listys .t a:visited {color:#ffffff; text-decoration:none;} 
.why100 .whycon .listys .t a:hover,a:active {color:#ffffff; text-decoration: underline;}
.why100 .whycon .listys .x{ float:left; border-radius: 0 4px 4px 0; height:70px; padding-top:10px; padding-bottom:9px; line-height:23px;width:390px; border-left:none; background-color:#f5f5f5; color:#696969; font-size:14px; padding-left:20px; padding-right:20px; }


/*case*/
.fangche{ float:left;width:100%;}
.precommend1200{ margin-left:auto; margin-right:auto; width:1220px; border-radius:4px; margin-bottom:25px;}
.precommend1200 .bar{float:left; width:1180px; margin-left:10px; border-radius:4px; height:45px; line-height:45px; background-color:#f5f5f5; padding-left:20px; font-size:16px; color:#838383; }
.precommend1200 .bar a:link {color:#1755a0; text-decoration:none; } 
.precommend1200 .bar a:visited {color:#1755a0; text-decoration:none;} 
.precommend1200 .bar a:hover,a:active {color:#1755a0; text-decoration: none;}

.precommend1200 .bar span{float:right;margin-top:14px; margin-right:20px;}
.precommend1200 .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: #ffffff;
    display: block;
    color: #838383; text-decoration:none;
    transition: background-color .3s;
}

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

.precommend1200 .lm{ position:absolute; top:20px; left:0px; z-index:10;border-radius:0px 3px 3px 0; background-color:#1755a0; padding-left:15px; padding-right:15px; height:35px; line-height:35px; font-size:16px;}
.precommend1200 .lm a:link {color:#fff; text-decoration:none; } 
.precommend1200 .lm a:visited {color:#fff; text-decoration:none;} 
.precommend1200 .lm a:hover,a:active {color:#fff; text-decoration: none;}


.precommend1200 .pt{float:left;  position:relative; width:285px;  margin-left:10px; margin-right:10px; margin-top:20px; }
.precommend1200 .pt img{float:left; width:285px; height:180px; border-radius:4px 4px 0 0;}
.precommend1200 .pt .tt{float:left; width:285px; padding:0px; background-color:#f5f5f5; overflow:hidden; border-radius:0 0 4px 4px; height:36px; font-size:16px; line-height:36px; text-align:center;}
.precommend1200 .pt .tt a:link {color:#838383; text-decoration:none; } 
.precommend1200 .pt .tt a:visited {color:#838383; text-decoration:none;} 
.precommend1200 .pt .tt a:hover,a:active {color:#1755a0; text-decoration: none;}

/*ad*/
.ad100{ float:left; width:100%; margin-top:20px; margin-bottom:10px; background-color:#1755a0; background:url(../images/liuc_bg.jpg) center center; height:150px;}
.ad1200{ margin-left:auto; margin-right:auto; width:1200px; }
.ad1200 .adb{ float:left;width:900px;}
.ad1200 .adb .t{ float:left; font-size:30px; width:100%; color:#f5ca00; padding-top:30px;}
.ad1200 .adb .s{ float:left; color:#ffffff;  font-size:18px; width:100%; padding-top:20px;}

.ad1200 .adt{ float:left;width:300px;}
.ad1200 .adt .s{ float:left; font-size:14px; width:100%; color:#ffffff; padding-top:20px; }
.ad1200 .adt .t{ float:left; font-size:30px; width:100%; color:#f5ca00;}
.ad1200 .adt a {width: 130px; height:32px; line-height:32px; text-align: center;  margin-top:10px; border-radius:4px; font-size: 16px; float:left; background-color: #f5ca00; transition: background-color .3s;}

.ad1200 .adt a:link {color:#ffffff; text-decoration:none; } 
.ad1200 .adt a:visited {color:#ffffff; text-decoration:none;} 
.ad1200 .adt a:hover,a:active {color:#ffffff; text-decoration: none;}


.aboutCon{ width:100%; float:left; background-color:#f5f5f5; margin:15px 0 10px 0; padding-bottom:5px;}
.about1200{ margin-left:auto; margin-right:auto; width:1200px; }
.about1200 h2{ width:1200px; color:#6f6f6f; font-size:24px; line-height:60px; height:60px; float:left; text-align:center; font-weight:normal;}

.about1200 h2 a:link {color:#6f6f6f; text-decoration: none; } 
.about1200 h2 a:visited {color:#6f6f6f; text-decoration: none;} 
.about1200 h2 a:hover,a:active {color:#1755a0; text-decoration: none;}

.about1200 p{ width:1200px; margin-bottom:15px; color:#6f6f6f; font-size:16px; line-height:26px; float:left; font-weight:normal;}
.about1200 p a:link {color:#6f6f6f; text-decoration: underline; } 
.about1200 p a:visited {color:#6f6f6f; text-decoration: underline;} 
.about1200 p a:hover,a:active {color:#6f6f6f; text-decoration: none;}


/*news*/
.aboutNews{width: 100%; clear: both; overflow: hidden; padding-bottom:10px; }
.titlebox{width: 100%; text-align: center; padding:10px 0 0px 0; overflow: hidden;}
.titlebox h3{font-size: 24px; font-weight: normal; color: #838383; line-height:28px; margin:0px; padding:0px;}
.titlebox h3 a:link {color:#838383; text-decoration:none; } 
.titlebox h3 a:visited {color:#838383; text-decoration:none;} 
.titlebox h3 a:hover,a:active {color:#1755a0; text-decoration: none;}
.titlebox p{color: #9d9d9d; font-size: 16px; line-height:30px; margin-top:10px; margin-bottom:15px; }

.ck-slide ul {margin: 0;  padding: 0;  list-style-type:none;  }
.ck-slide-dir{height:350px;}
.ck-slide {position:relative; overflow:hidden; height:370px;}
.ck-slide ul.ck-slide-wrapper {z-index: 1;  margin:0;  padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position: absolute; margin:0px; width: 1200px; text-align: center; }
.newsdl dd:hover div.date{background: #1755a0; border: 1px solid #FFFFFF;}
.newsdl dd:hover div.date strong{color: #FFFFFF;}
.newsdl dd:hover div.date em{color: #FFFFFF;}

.newsdl {width: 1200px; overflow: hidden;}
.newsdl dd{width:600px; float: left; margin:0 0 30px 0;}
.newsdl dd:nth-of-type(2){margin-right: 0;}
.newsdl dd:nth-of-type(4){margin-right: 0;}
.newsdl dd:nth-of-type(6){margin-right: 0;}
.newsdl dd div.date{width: 83px; height: 83px; border: 1px solid #333333; border-radius:4px; text-align: center; float: left;}
.newsdl dd div.date strong{font-size: 30px; line-height: 30px; display: block; text-align: center; font-weight: normal; color: #333333; margin-top: 17px;}
.newsdl dd div.date em{font-style: normal; font-size:14px; color: #333333;}
.newsdl dd div.xqbox{ width: 480px; float: left; margin-left: 20px;}
.newsdl dd div.xqbox a{display: block; text-align: left; text-decoration:none;}
.newsdl dd div.xqbox a h3{font-size: 16px; color: #333333; line-height: 30px; font-weight: normal;}
.newsdl dd div.xqbox a p{font-size: 14px; color: #888888; line-height: 25px;}
.ck-slide .ck-prev, .ck-slide .ck-next {position: absolute;top: 50%; z-index: 2;width: 35px;height: 70px;margin-top: -35px;  border-radius: 3px;opacity:1;background-repeat: no-repeat;transition: opacity .2s linear 0s; }
.ck-slide .ck-prev {left: 5px;font-family:tubiao;color:#fff;font-size: 60px;}
.ck-slide .ck-next {right: 12px;font-family:tubiao;color:#fff;font-size: 60px;}

.ck-slidebox { position: absolute; left:50%;  bottom:0px;  z-index:50; }
.ck-slidebox ul {  height: 20px;  padding: 0 4px;  border-radius: 8px;}
.ck-slidebox ul li {  float: left;  height: 12px;  margin: 4px 5px;  }
.ck-slidebox ul li em {  display: block;  width: 12px;  height: 12px;  border-radius: 100%;background:#666666;   text-indent: -9999px;  cursor: pointer;  }
.ck-slidebox ul li.current em { height: 12px; width:40px;  border-radius: 5px; background-color: #1755a0;  }
.ck-slidebox ul li em:hover {  background-color: #1755a0;  }
.ck-slide { width: 1200px; height: auto; margin: 0 auto;}
.ck-slide ul.ck-slide-wrapper { height: 255px;}



/*zhishi*/
.zhishi{width: 100%; position: relative;overflow: hidden;background:#ffffff; margin-bottom:10px;}
.zhishi .zhishiz {margin: 0 auto; width: 1200px; font-size: 0; overflow: hidden;}

.zhishi .zhishiz .listz{float:left; width:1198px; border:1px solid #efefef; border-radius:4px;  background-color:#ffffff; margin-bottom:10px; margin-top:10px;}
.zhishi .zhishiz .listz .bar{float:left; width:1198px; border-bottom:1px solid #ffffff; text-align:center; background-color:#f5f5f5; height:45px; line-height:45px; font-size:20px; color:#1755a0;}
.zhishi .zhishiz .listz .bar a:link {color:#838383; text-decoration:none; } 
.zhishi .zhishiz .listz .bar a:visited {color:#838383;} 
.zhishi .zhishiz .listz .bar a:hover,a:active {color:#1755a0; text-decoration:none;}

.zhishi .zhishiz .listz ul{width:365px; margin:10px 0 10px 20px; float:left; }
.zhishi .zhishiz .listz 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; }
.zhishi .zhishiz .listz ul li a:link {color:#6d6d6d; text-decoration:none; } 
.zhishi .zhishiz .listz ul li a:visited {color:#6d6d6d;} 
.zhishi .zhishiz .listz ul li a:hover,a:active {color:#1755a0; text-decoration:none;}