@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body,button,input,select,textarea{font:'微软雅黑',arial,sans-serif;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,span,img,iframe{ padding:0; margin:0;}
ul,li{ list-style:none;}
img { border:0px;}
a{color:#232E45;text-decoration:none;outline:none}
a:hover{color:#c00;text-decoration:underline}
.clearFloat {height:1px; width:100%; clear:both; overflow:hidden} 

/* body{ background: #f9f9f9;} */

.pos-rel{position:relative;}

.left{ float:left;}
.right{ float:right;}

#left{ float:left;}
#right{ float:right;}

#header_1 { height: 40px; background-color: #f4f4f5; overflow: hidden; }
#topNav{ width: 1000px; margin: 0 auto;}
#topNav ul{line-height:22px; padding-top:9px;}
#topNav ul li a{ font-size:12px; color: #222222; width:60px; padding-left:15px;}
#topNav ul li a:hover { color:#f00;}
.login li {float: left; }
.miniNav li {float: right;}
.miniNav li a{ font-size:12px; color: #222222;}
#weibo { background: url(../images/weibo.png) no-repeat; padding-left: 15px;}

#header_2{ height: 80px; width: 1000px; margin: 0 auto; background-color: #fff;}
.header_2_l{ width: 400px; height: 80px; overflow: hidden;}
.logo_in { width: 250px; height: 60px; margin:12px 0; border-right: 1px solid #f0f0f0; }
.logo_in img{ width: 235px; height: 56px;}
.logo_title{  margin-top: 40px; margin-left: 10px;  }
.logo_title p{ font-size: 24px; 
font-family: "Microsoft YaHei";
text-align: left;
color: #1571ba;
}

.header_2_r { width: 600px; height: 80px; }

.search { /*width: 338px; */ height: 38px; margin: 20px 20px 20px 0; /*border: solid 1px #f0f0f0; */ }
.search-tag {
z-index: 500;
position: relative;
width: 60px;
height: 33px;
float: left;
display: inline;
margin: 5px 0 0 2px;
}
.search-tag #tag_title{
width:100%;
height:30px;
overflow:hidden;
border-right:1px #f0f0f0 solid;
text-indent: 15px;
line-height:30px;
font-size: 12px;
background-color:#0033FF;
background:url(../images/ico_search_tag_bg.png) 44px 13px no-repeat;
}

.search-tag ul {
display:none;
position: absolute;
top: 33px;
left: -3px;
width: 62px;
border: 1px #f0f0f0 solid;
background: #fff;
}
.search-tag li a {
color: #333;
display: block;
width: 62px;
height: 28px;
font-size: 12px;
text-indent: 15px;
text-decoration: none;
}
.search-tag li a:hover{
background-color:#f1f1f1;
}
#tag_input{
float:left; width:230px; height:33px; overflow:hidden; padding-left:10px; padding-top:3px;
}
#tag_input input{
width:230px; height:30px; border:0px;
}
#tag_search_bnt{
width:30px; background:url(../images/ico_seanch_bnt.png) 10px 10px no-repeat; display:block; height:33px; float:left; font-size:0px;
}
#nav{
position:relative;
 
}
#nav li{
 width:100px; height:45px; float:left;
 background-color:#1571ba;

}
#nav a{
display:block; width:100px; height:45px;  position:absolute; z-index:1;
font-size:15px; color:#FFFFFF;
line-height:45px;
text-align:center;
font-weight:bold;
font-family: "Microsoft YaHei";
}
#nav a:hover{
color:#f1eb3a;
text-decoration:none;
}
#navmove{ position:absolute; left:0px; background:url(../images/nav_bg_1.png);}
#navative a{
color:#f1eb3a;
}

.ad1 img { width: 220px; height: 50px;  margin: 15px 0 15px 10px; }

.header_3{ background-color: #095f9c; height: 45px;}
.nav {width: 1000px; height: 45px; overflow: hidden; margin: 0 auto;}

.nav_r { width: 160px; height: 45px;}
.nav_r  li{ font-family: 雅黑; background-color: #014a7f; width: 80px; height: 45px; text-align: center; line-height: 45px; font-size: 13px; font-weight: bold; float: left;}
.nav_r li a { color: #f1eb3a; }

.bcn { width: 1000px; height: 40px; margin:0 auto;}
.bcn p { float: left; line-height: 40px; font-size: 12px; margin-left: 10px; }

.headerline{ width: 1000px; height: 100px; margin:0 auto; background-color: #f4f4f6;}
.headerline_title{ width: 800px; height: 70px; margin-top:15px; margin-left: 25px; }
.headerline_title h1 a{ color: #0562a7; font-size: 38px; font-weight: bolder;}
.headerline_title ul { margin: 10px 5px;}
.headerline_title ul li a{ color: #000; font-size: 12px; margin-right: 15px;  float: left;}

.headerline_img { width: 98px; height: 102px; position: relative; top: -105px; right: -870px;
}
 
.warp{ width: 1000px; margin: 0 auto; margin-top: 10px;}
.warp_l{ width: 700px;}
.warp_r{ width: 280px;}

.con1{ width: 340px; height: 400px; overflow: hidden;}

.tag_bar { height:36px; line-height:36px; background:url(../images/tag_bar_off.png) repeat-x; border-left: solid 1px #e3e3e3; border-right: solid 1px #e3e3e3; overflow:hidden;}
.tag_bar div { float:left; width:84px; text-align:center; color:#555555; }
.tag_bar div * { color:#555555; font-weight:bold; font-size: 14px; }
.tag_bar .tagOn { background:url(../images/tag_bar_on.png) repeat-x; border-left: solid 1px #e3e3e3; border-right: solid 1px #e3e3e3;}
.tag_bar .tagOn * { color:#ec651b; }
.tag_bar .tagOff { background:url(../images/tag_bar_off.png) repeat-x;}
.tag_content ul { padding-top:5px; line-height: 1.8em;}
.tag_content ul li a {background:url(../images/icon.gif) no-repeat; padding-left:15px; font-size: 14px; }


.tag_bar3 { height:36px; line-height:36px; background:url(../images/tag_bar_off.png) repeat-x; border-left: solid 1px #e3e3e3; border-right: solid 1px #e3e3e3; overflow:hidden;}
.tag_bar3 div { float:left; width:128px; text-align:center; color:#555555; }
.tag_bar3 div * { color:#555555; font-weight:bold; font-size: 14px; }
.tag_bar3 .tagOn { background:url(../images/tag_bar_on.png) repeat-x; border-left: solid 1px #e3e3e3; border-right: solid 1px #e3e3e3;}
.tag_bar3 .tagOn * { color:#ec651b; }
.tag_bar3 .tagOff { background:url(../images/tag_bar_off.png) repeat-x;}

.thumb{ width: 340px; height: 100px; margin-top: 10px; overflow: hidden; }
.thumb img { width:140px; height: 100px; float: left; }
.thumb_in { width: 190px; height: 100px; float: left; overflow: hidden;}
.thumb_in h1{ font-size: 14px; font-weight: bold; color: #000; margin: 10px; }
.thumb_in p{ font-size: 12px; color: #808080; line-height: 1.5em; margin: 0 10px; }

.tag_bar2 { height:36px; line-height:36px; background:url(../images/tag_bar_off.png) repeat-x; border-left: solid 1px #e3e3e3; border-right: solid 1px #e3e3e3; overflow:hidden;}
.tag_bar2 div { float:left; width:67px; text-align:center; color:#555555; }
.tag_bar2 div * { color:#555555; font-weight:bold; font-size: 14px; }
.tag_bar2 .tagOn { background:url(../images/tag_bar_on.png) repeat-x; border-left: solid 1px #e3e3e3; border-right: solid 1px #e3e3e3;}
.tag_bar2 .tagOn * { color:#ec651b; }
.tag_bar2 .tagOff { background:url(../images/tag_bar_off.png) repeat-x;}

.con2{ width: 700px; height: 410px; margin-top: 10px;}
.con2_l{ width: 338px; height: 358px; margin-top: 10px; border: 1px solid #e6e6e6;}
.con2_r{ width: 340px; height: 360px; margin-top: 10px;}

.con2 h2{ font-size: 18px; font-weight: bolder; text-align: left; color: #0562a7;}
.con2_l_title{ height: 55px; background-color: #f4f4f4; line-height: 55px; padding-left: 10px;}
.con2_l_title span{ position: relative; top: -55px; right: -288px;}
.con2_l_in_1{ width: 310px; height: 180px;  margin: 10px 15px; }
.con2_l_in_1_img {width: 110px; height: 180px; overflow: hidden; }
.con2_l_in_1_img img{width: 110px; height: 180px;  }
.con2_l_in_1_con { width: 190px; height: 180px; overflow: hidden;}
.con2_l_in_1_con h3{ font-size: 14px; line-height: 2em; font-weight: bold; text-align: left; }
.con2_l_in_1_con p{ font-size:12px; color: #424242; text-indent: 2em; line-height: 1.5em; text-align: left; }

.con2_l ul { margin:0 15px;}
.con2_l ul li { font-size: 12px; line-height: 2em;}
.con2_l ul li a { font-size: 12px;}

.con2_r_1 { width: 320px;height: 70px;  padding:10px 10px;  }
.con2_r_2 { width: 320px;height: 70px;  padding:10px 10px; background: #f4f4f6;  }
.con2_r_1, .con2_r_2 p{ font-size: 12px; line-height: 2em;}
/* slider */
#slider-wrapper {position:relative; z-index:1;}
.slider_border {width:280px; height:240px; position:absolute; top: 0px; left:0px; z-index:51;}
#slider {position:relative; width:280px; height:230px; background:url(loading.gif) no-repeat 50% 50%;  margin:auto;}
#slider img {position:absolute; top: 0px; left:0px; display: none; width:280px !important; height:230px;}
#slider a {border:0; display:block;}
.nivoSlider {position:relative;}
.nivoSlider img { width: 280px; height: 230px; position:absolute; }
.nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;}
.nivo-slice {display:block; position:absolute; z-index: 50; height: 100%;}
.nivo-box {display:block; position:absolute; z-index: 5;}
.nivo-caption {position:absolute; left:20px; bottom:20px; background:#3599BA; text-shadow:none; color:#FFF; opacity: 0.5; z-index:89; padding:10px;}
.nivo-caption p {line-height:17px; font-size:15px; text-shadow:1px 1px 3px rgba(0,0,0,0.5);}
.nivo-caption p::selection {background: #fff; color: #000;}
.nivo-caption p::-moz-selection {background: #fff; color: #000;}
.nivo-caption a {display: inline !important;}
.nivo-html-caption {display: none;}
.nivo-directionNav a {position:absolute; top:50%; margin-top:-40px; z-index:99; cursor:pointer; display:block; text-indent:-9999em; width:40px; height:80px;}
a.nivo-prevNav {left:-4px; background:url(../images/slider_previous.png) no-repeat;}
a.nivo-nextNav {right:-4px; background:url(../images/slider_next.png) no-repeat;}
#slider .nivo-controlNav {position:absolute; bottom:-10px; text-align:center; z-index: 999; width:100%;}
#slider .nivo-controlNav a {z-index:999; display:inline-block; cursor:pointer; width:30px; height:5px; margin:0 3px; background-color:#b9dbf4;  text-indent: -9999em;}
#slider .nivo-controlNav a.active {font-weight: bold; background-color:#145fa0; }


.announce { width: 278px; height: 215px; margin-top: 20px; border: solid 1px #e3e3e3;}

.serve { width: 278px; height: 228px; margin-top: 10px; border: solid 1px #e3e3e3;}
.serve_1{ width: 135px; height: 54px; background-color: #0395ff; float: left;margin-top: 10px; } 
.serve_2{ width: 135px; height: 54px; background-color: #96e9ff; float: right;margin-top: 10px;  }
.serve_3{ width: 135px; height: 54px; background-color: #00e7ba; float: left; margin: 10px 0;  }
.serve_4{ width: 135px; height: 54px; background-color: #2fc193; float: right; margin: 10px 0; }
.serve_12{ width: 278px; height: 54px; background-color: #ffc117; float: left; }
.serve_1 p, .serve_2 p, .serve_3 p, .serve_4 p,.serve_12 p{ font-size: 15px; font-family: 雅黑; font-weight: bold; color: #000; margin: 18px 0; text-align: center;}

.serve_5{ width: 66px; height: 60px; background-color: #ece8e7; float: left; margin-top:4px;}
.serve_6{ width: 66px; height: 60px; background-color: #d3d2d0; float: left; margin-top:4px; margin-left: 4px; }
.serve_7{ width: 66px; height: 60px; background-color: #ece8e7; float: left; margin-top:4px; margin-left: 4px; }
.serve_8{ width: 68px; height: 60px; background-color: #d3d2d0; float: left; margin-top:4px; margin-left: 4px; }
.serve_9{ width: 70px; height: 60px; background-color: #d3d2d0; float: left; margin-top:4px;}
.serve_10{ width: 85px; height: 60px; background-color: #ece8e7; float: left; margin-top:4px; margin-left: 4px; }
.serve_11{ width: 115px; height: 60px; background-color: #d3d2d0; float: left; margin-top:4px; margin-left: 4px; }
.serve_5 p, .serve_6 p, .serve_7 p, .serve_8 p, .serve_9 p, .serve_10 p, .serve_11 p { font-size: 12px; font-family: 雅黑; font-weight: bold; color: #000; margin: 20px 0; text-align: center;}


.video { width: 278px; margin-top: 10px; border: solid 1px #e3e3e3; overflow: hidden;}
.videoPlayer{ margin-top: 10px;}

.picFlip{ width: 1000px; height: 195px; margin:0 auto; margin-top: 10px;}
#Flip { margin:10px 0;  overflow:hidden; width: 1000px;}
#Flip img { width: 200px; height: 140px; }
#inFlip { float: left; width: 800%;}
#Flip1 { float: left;}
#Flip2 { float: left; }

.banner2{ width: 700px; height: 100px; margin: 10px 0; overflow: hidden;}
.banner2 img { width: 700px; height: 100px;}
.banner2 ul li a{ padding-left: 0; }


.banner3{ width: 1000px; height: 100px; overflow: hidden; margin: 0 auto; margin-top: 10px;}
.banner3 img { width: 1000px; height: 100px;}

.footer{ height: 160px; margin-top: 15px;border-top:1px solid #e0e0e0; background-color: #f0f0f0;}

.linktext{height:40px; width:1000px; margin: 0 auto; margin:10 0px;}
.linktext h4{ color: #303030; font-weight: bold; width:72px; padding-top:12px; font-size:12px; float:left}
.linktext ul li{ display:inline; padding-right:20px; } 
.linktext ul li select{ width:208px;margin-top:10px;}

.footerNav{ height: 40px; border-bottom:1px solid #e0e0e0; background-color: #fff; }
.footerNav ul{width: 600px; margin: 0 auto; text-align: center;}
.footerNav ul li{ font-size: 12px; margin: 14px 10px; float: left; }

.footer_last {width: 1000px; margin: 0 auto; margin-top: 10px;}
.about{ height: 100px; }
.about img { width: 90px; height: 90px; float: left; margin-top:5px;}
.about p{ float: left; margin: 10px; font-size: 12px; line-height: 1.8em; }

.back2top{ width: 55px; height: 55px; overflow: hidden; position: relative; top: -5px;  background-color: #e0e0e0; color: #303030; text-align: center; }
.back2top p { font-size: 14px;line-height: 55px;}


/*列表页*/
.con_list_img { height: 100px; width: 700px; margin-top: 20px; }
.con_list_text { height: 130px; width: 700px; margin-top: 1em; margin-bottom: 1em;}

.con_list_img:hover,.con_list_text:hover{background-color:#f4f4f4;}

.con_list_img img {height: 100px; width: 144; float: left;}
.con_list_in { width: 536px; margin-left: 20px; }
.con_list_t, .con_list_c {padding: .5em;}
.con_list_t h2, .con_list_t h2 a{ font-size: 20px; font-weight: bold; color: #004d84; font-family: "黑体"; float: left;}
.con_list_t a:hover{ color: #eaaf2f;}
.con_list_t span{ font-size:12px; line-height: 26px; color: #878787; float: right;}
.con_list_c p{ font-size: 14px; line-height: 1.8em; color: #3c3c3c;}
.con_list_c span a{ font-size: 14px; float: right; margin-top: -18px; color: #015da0; }

.order { text-align: center;  margin-bottom: 20px;  }
.order a{ font-size: 13px; color:#015da0; }


/*视频列表页*/
.video_list{ width: 330px; height: 220px; margin: 10px 12px 10px 0; border: 3px solid #fff;}
.video_list img { width: 330px; height: 220px;}
.video_list:hover{ border:3px solid #0891fa;}
.video_list p{ background: #fff; padding: 10px; text-align: left; font-size: 16px; color: #111; filter:alpha(Opacity=80); opacity: 0.8; position: relative; top:-40px; }
.video_list p a{text-decoration:none;}

/*banner广告*/
.com{width:700px;height:100px; overflow:hidden; position:relative; }
.com ul{width:700px;font-size:0;}
.com ul li{vertical-align:bottom;height:100%;overflow:hidden;float:left;background:white url(http://www.codefans.net/jscss/demoimg/201307/loading.gif) no-repeat center center;vertical-align:bottom;list-style:none;overflow:hidden}
.com ol{position:absolute;right:0;bottom:5px;;z-index:10;list-style:none;height:21px}
.com ol li{width:15px;background:white;border:1px solid #74A8ED;border-radius:10px;color:#74A8ED;cursor:pointer;float:left;font:12px Arial;height:15px;margin:2px 3px;text-align:center;}
.com ol li.on{height:19px;width:19px;background:#74A8ED;border:1px solid #EEEEEE;color:#FFFFFF;font-size:16px;font-weight:bold;line-height:19px;margin:0 3px;}