/* CSS Document */
*{box-sizing: border-box}
body{ font-size: 12px; font-family: "Microsoft YaHei" , Verdana, Arial; line-height: 24px; margin: 0; padding: 0; color: #333333;background:#f5f5f5 url(../image/main_bg.jpg) repeat-x;}
div{ margin:0 auto; padding: 0;}
h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, ol, form, img, p{ margin: 0; padding: 0; border: none; list-style-type: none;}
h1{ font-size:12px; color:#222;}
h2, h3, h4, h5, h6{ font-size: 12px; color:#333;}

.fl{ float: left;}
.fr{ float: right;}
.clear{ clear:both;}
.tc{ text-align:center;}
.tr{ text-align:right;}

a{ color: #333333; text-decoration: none;}
a:hover{ color: #ee7624 !important; text-decoration: none;}
.Box2{ background:url(../image/index_default.jpg) no-repeat center center; width:100%; height:800px;
}
.enter_website{ width:120px; padding-top:207px; margin:0 auto}
.enter_website a{ width:120px; height:30px; line-height:30px; color:#fff; background:#ee7624; display:block; font-size:12px; text-align:center; }
.enter_website a:hover{color:#fff; }
.more{ font-size:12px; color:#545454;font-family:Arial, Helvetica, sans-serif; padding:9px 10px 0 0;}
.more:hover { text-decoration:underline; color:#545454;}

.mt{ margin-top:15px;}
.ml{ margin-left:25px;}

.cp{ font-family:Arial;}
#head_bg{ width: 980px; height:142px; background:#fff; padding:0; margin:0 auto;}
#wrap{ margin:0 auto; padding:0; width:100%; }
#header{ padding: 0;height:102px;}
.main_bg{margin-top: 5px}
#main{ width:980px; padding:0 20px; background:#fff}
.nav_bg{ background:url(../image/nav_bg.jpg) repeat-x; width:100%}


/*---------------------header-------------------*/

/*---------------------header-------------------*/
.logo{ width:224px; padding:6px 0 0 15px }
.head_r .top a{ background:url(../image/top_ico.jpg) left no-repeat; margin:15px 10px 10px 0; padding-left:10px;}
.search{ background:url(../image/search_bg.jpg) no-repeat;width:220px; height:30px; float:right; display:block; margin-top:15px;}
.search input{ border:none; background:none; line-height:20px; height:20px;}
.search .search_input{  width:135px; height:24px; float:left ; margin-left:20px; display:inline;outline: 0; }
.search .sub_search{width:30px; height:24px;margin-left:26px; cursor:pointer;float:left;outline: 0;}
/*---------------------nav-------------------*/

#nav { width:980px;height:40px; margin:0 auto; background: url(../image/nav_bg.png) repeat-x; padding-left: 40px;position:absolute; top:100px; z-index:999  }
#nav ul li { float:left; display:inline}
#nav li a.current{ color:#0093af}
.nav_list{ background:url(../image/nav_list.png) no-repeat; width:2px; height:60px;}
#nav .nav_list:last-child{ background: none !important;}
#nav ul li a { display:block; width:120px; line-height:40px; height:40px;  font-size:14px; color:#fff; text-align:center; font-weight:bold;}
ul li a span{display:block; width:110px; line-height:10px;font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#nav .cur{cursor:default; }
#nav ul li a:hover { color:#fff !important; background:rgba(255,255,255,.1); text-decoration: none;}
#nav ul li ul {display:none; position:absolute; z-index:999999; width:130px;background: rgba(255,255,255,.8) ; }
#nav ul li ul li a { font-weight:normal; display: block;  font-size:14px;  color: #333333; line-height: 34px; height: 34px; text-align: center; border-bottom:1px solid #ddd;}
#nav ul li ul li a:hover { font-weight:bold;text-decoration: none ; color:#ee7624 !important;}
#nav ul li:hover ul { display:block;}
#nav ul li.sfhover ul { display:block;}

#nav ul li ul .group a{font-weight:normal; display: block; background: url(../image/nav-li.png) ;  font-size:14px;  color: #333333; line-height: 34px; height: 34px; text-align: center; border-bottom:1px solid #fff;width:200px;}
/*---------------------banner-------------------*/
#banner{ width:980px;height:280px; margin: 0 auto;}
.banner_2{ height:280px;width:100%; background:#dadada  url(../image/banner_2.jpg) center center ;}
.banner_3{ height:280px;width:100%; background: url(../image/banner_3.jpg) center center ;}
.banner_4{ height:280px;width:100%; background:#dadada  url(../image/banner_4.jpg) center center ;}
.banner_5{ height:280px;width:100%; background: url(../image/banner_5.jpg) center center ;}
.banner_6{ height:280px;width:100%; background:#dadada  url(../image/banner_6.jpg) center center ;}
.banner_7{ height:280px;width:100%; background: url(../image/banner_7.jpg) center center ;}
.banner_8{ height:280px;width:100%; background:#dadada  url(../image/banner_8.jpg) center center ;}
.banner_9{ height:280px;width:100%; background: url(../image/banner_9.jpg) center center ;}
.banner_10{ height:280px;width:100%; background: url(../image/banner_10.jpg) center center ;}
/* ---banner--- */
#full-screen-slider { width:100%; height:280px; float:left; position:relative}
#slides { display:block; width:100%; height:280px;  list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; width: 100%;height: 18px; bottom:5px; z-index:9900; margin:0;text-align: center }
#pagination li { display:inline-block; list-style:none; width:10px; height:10px;  margin-left:15px; border-radius:5px; background:#ccc;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}
/*---------------------main-------------------*/

.project{ width:650px;}
.news_con{ width:370px;margin-left:15px;}
.news_con p {margin-top:2px; line-height:20px; border-bottom:1px dotted #ccc; padding-bottom:6px;}
.news_con ul{ margin-top:5px;}
.news_con ul li{ list-style-type:none;height:24px; line-height:24px; background: url(../image/news_ico.jpg) no-repeat 5px 10px;}
.news_con ul li a{ padding-left:15px;}
.main_us,.parnet{ width:240px; }
.main_us p{ margin-top:6px; line-height:23px}
.title{ padding-bottom:10px; height:38px; line-height:38px; font-size:14px; color:#024ca9; }
.main_us .title,.parnet .title {border-bottom: 4px solid; border-image: linear-gradient(to right,#d4d4d4,#d7d7d7,#d9d9d9)1 10;  padding: 0 3px}
.project .title{border-bottom: 4px solid; border-image: linear-gradient(to right,#017AC3,#053C8E,#010D59)1 10;}
.more{ float:right; height:30px; line-height:30px; display:block }
.more a{ color:#024ca9;}
.more a:hover{ text-decoration:underline}

.main_project{ background:#fff url(../image/pro_bg.jpg) no-repeat ; padding-top: 10px}
.main_project  .title{  color:#024ca9}
.main_project  .title a,.main_us .title a{color: #024CA9;font-size: 12px;  }
.main_project  .title a:hover{text-decoration: underline;}
.pro_con{width: 215px;padding-bottom: 10px;overflow: hidden;}
.pro_con p,.pro_con h2{ padding:0 4px; display: block;  overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
.pro_con h2 a{ color:#023d87;}
.parnet p{ line-height:26px;}

/* ---contact_us--- */

/* ---footer--- */
.footer_bg{ background:#023d87; width: 980px; margin: 0 auto}
#footer{ padding:20px 0; text-align: center; color: #fff;}
#footer p a{ color:#FFF}
.con_bn{ height:262px; width:980px; margin-bottom:10px;}
/* ---con_left--- */
.con_left{ width:230px; min-height:430px; background:url(../image/main_right_bg.jpg) right 0 no-repeat;padding:0 0 30px 0; }


/* ---con_right--- */
.con_right{ width:700px;  line-height:24px;}
.con_right img{ max-width: 100%;height: auto}
.con_title{ height:52px; line-height:52px;background:url(../image/title_bg.jpg) center bottom no-repeat ; }
.con_title h1{ padding:0 20px; font-size:18px; font-weight:normal}
.con_title .fr{ padding-right:15px;}
/* ---con_list--- */
.con_list, .pro_list{ padding:5px 10px;}
.con_list .list_content{ height:138px; padding:30px 0px; border-bottom:1px dashed #ccc}
.con_list .list_content .fl img{ height:138px; width:184px; margin-right:20px; border:2px solid #dadada}
.con_list .list_content h2{ font-size:14px; }
.con_list .list_content .time{ color:#9b9898; }
.con_list ul li{ height:38px; line-height:38px; border-bottom:1px dotted #ccc;background: url(../image/news_ico.jpg) no-repeat 6px 16px;}
.con_list ul li a{  padding-left:20px;height:38px; line-height:38px; width: 570px;  display: block;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}
/*---list_page---*/
.list_page{text-align:center;margin:20px 0 20px 0;}
.list_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;color:#A0A0A0;}
.list_page span{background:#f1f1f1;color:#666;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;}

/* ---pro_list--- */
.pro_list li{ float:left; padding:10px 5px 0 5px; text-align:center; line-height:25px;position: relative;width:33%;}
.pro_list li a img{ border:1px solid #666; padding:1px; width:200px; height:140px;}
.pro_list li a img:hover{ border:1px solid #333;}
.page{ margin:20px 0; text-align:center;}
.pro_list li p{ display: block;  height: 30px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}

/* ---con_content--- */
.con_content{ padding:20px;font-size:13px; line-height: 30px}
.con_content h1{color: #0c84e6; text-align:center;font-size:14px; padding:10px 0;}
.con_content h2{ font-size:14px; text-align:center;  line-height:36px;}
.con_content .author{height:40px; line-height:40px; border-bottom:1px dashed #ccc; display:block; text-align:center;margin-bottom:20px}
.con_content p{ line-height:25px;}

.subnav1{}
.subnav1 h1{  font-size:16px;padding-left:15px; color:#f78201; border-bottom:2px solid #ccc; width:185px;}
.subnav1 ul{width:200px;}
.subnav1 ul li{ float: left;  margin-top: 5px; width: 100%; line-height:360px;}
.subnav1 ul li a{color:#333;  line-height:36px;display:block;border-bottom: 1px solid gainsboro; padding-left:15px; width:185px;  background:url(../image/top_ico.jpg) 0px 16px no-repeat; font-weight:bold}
.subnav1 ul li a:hover,.subnav1 ul li.on a{ color:#0366cb}
.subnav1 ul li ul li{ padding-left:5px;width:120px;}
.subnav1 ul li ul li a{ line-height:28px;color:#333; border-bottom:none; font-size:12px; height:28px; padding-left:20px; background: url(../image/news_ico.jpg) no-repeat 6px 10px; width:140px; border-bottom: 1px solid gainsboro; font-weight:normal }
.sub_top{ height:52px; line-height:52px; }
/* ---qq--- */

.SonlineBox{ width:162px; font-size:12px;overflow:hidden; z-index:9999; color:#000000}
.SonlineBox .openTrigger{ width:30px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer; background:#1C6497 url(../image/openTrigger.jpg) no-repeat;}
.SonlineBox .titleBox{ width:158px; height:35px; line-height:35px; background:#1C6497 url(../image/SonlineTitleBg.gif) repeat-x; border-bottom:2px solid #1C6497;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px;}
.SonlineBox .contentBox{ width:158px; height:auto; border:2px solid #1C6497; background:#fff; position:absolute; z-index:2;}
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:86%; height:22px; margin:10px auto 0px auto;}
.SonlineBox .contentBox .listBox .QQList span{float:left; line-height:22px;}
.SonlineBox .contentBox .listBox .QQList a{float:left;}

.lxwm{margin-top:30px;}
.lxwm h3{display:block;}
.lxwm ul li{line-height:24px; min-height:24px;}


.slideshow  .cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.slideshow  .cl { zoom: 1; }

.slideshow  .frame { margin-bottom: 10px; border: 1px solid #e1e1e1; background: #FFF; position: relative;width:258px;height:194px;overflow:hidden;}
.slideshow  .title { padding: 0 10px; height: 32px; font-size: 14px; font-weight: 700; line-height: 32px; overflow: hidden; }

.slideshow .block { margin: 10px 10px 0; }

.slideshow .temp { margin: 1px; }

.slideshow { clear: both; }
.slideshow li { position: relative; overflow: hidden; }
.slideshow span.title { position: absolute; bottom: 0; left: 0; margin-bottom: 0; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-indent: 10px; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000,endColorstr = #30000000); color: #FFF; overflow: hidden; }
.slidebar li { float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; cursor: pointer; }
.slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF,endColorstr = #50FFFFFF); color: #000; font-weight: 700; }


.slideshow ul,.slideshow li { list-style: none; }
.slideshow a:hover { text-decoration: underline; color: #a50001; }

.frame { background: none; border: 0px solid #fff; margin-bottom: 0px;background: #FFF; position: relative;width:258px;height:194px;overflow:hidden; }
.temp { margin: 0; }
.slidebar { position: absolute; bottom: 25px; right: 4px; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #FFF; overflow: hidden; }
.slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #ff0; font-weight: 700; }

.slideshow SPAN.title { text-indent: 0px; }


#nav ul li ul .yewu a {font-weight: normal;display: block;background: url(../image/nav-li.png);font-size: 14px;color: #333333;line-height: 34px;height: 34px;text-align: center;border-bottom: 1px solid #fff;width: 180px;}
.copy{margin:10px 0; text-align:center}
.cp{width:188px;height:169px;overflow:hidden;  position: absolute; top: -17px;top:12px \9;left:10px \9}
.cp3{width:188px;height:144px;overflow:hidden;  position: absolute; top: 11px;top:12px \9;left:10px \9}
.tblist {width:640px;margin:10px 0;border-bottom:1px dotted #ccc}
.tblist img{border:1px solid #ccc;padding:2px}

.listpage{ text-align: center; margin: 20px}
.listpage a {border: 1px solid #ccc; padding: 3px 8px; margin: 0 3px; color: #A0A0A0}
.listpage span,.listpage a:hover {border: solid 1px #ccc; background-color: #f1f1f1; padding: 3px 8px; margin: 0 3px; color: #666}

#xw {border-bottom: solid 1px #d7d7d7; height: 31px;line-height: 30px; margin-bottom: 10px; margin-top: 10px; }
#xw li{display: inline-block; padding: 0 8px; cursor: pointer; font-size: 14px}
#xw li.on{border: solid 1px #d7d7d7; border-bottom: none; background-color: white; color: black; font-weight: bold; cursor: default}
#xw a{color: #024ca9;font-size: 12px}

#yw {}
#yw li{display: inline-block; padding: 0 8px; cursor: pointer; font-size: 14px}
#yw li.on{ color: black; font-weight: bold; cursor: default}
#yw a{color: #024ca9;font-size: 12px}
#yw em {font-style: normal; color: #d7d7d7;}