﻿@charset "utf-8";
/* CSS Document */
body {margin:0; }
body,table,td,th {font-size:14px; font-family:"微软雅黑"; color:#313030; border-collapse:collapse; border-width:1px;}
img{ border:0}
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none;}
input,select {font-size:12px;vertical-align:absmiddle;}
.wrap li,.d10 a,h2{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
a{ font-size:14px; color:#000; text-decoration: none;cursor:pointer;}
a:hover{ text-decoration: none; color:#02d3fa; font-size:14px;}
html{ overflow-x:hidden; overflow-y:auto;}


/*头部*/
.m_bg{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:1; background:url(../images/bg_b.jpg) no-repeat; background-size:cover;}
.m_bg_a{ background:url(../images/bg_d.jpg) no-repeat; background-size:cover;}
.header{ width:100%; margin:0px auto; background:#FFF; height:94px;}
.h_fix{ position:fixed; left:0; top:0; z-index:99999; background:#FFF;}
.header .head{ width:1200px; height:94px; margin:0px auto; position:relative;}
.head .logo{ width:265px; height:80px; float:left; margin-top:5px;}
.head .logo img{ width:265px; height:81px; vertical-align:top;}
.head .nav{ width:655px; float:left; margin-left:50px; text-align:left; margin-top:30px;}
.head .nav li{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; margin-right:13px;}
.head .nav li a{ font-size:15px; color:#6b6b6b; display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; padding:0px 10px;}
.head .nav li.now a,.h_fix .head .nav li.now a,.head .nav li a:hover,.h_fix .head .nav li a:hover{ color:#19B1EC;}
.h_fix .head .nav li a{ color:#333;}
.head .search{ width:170px; height:27px; background:#CCC; float:right; border-radius:27px; -moz-border-radius:27px; -webkit-border-radius:27px; position:relative; margin-top:30px; border:1px solid #02d3fa;}
.head .search input[type="text"]{ width:145px; height:21px; line-height:21px; font-size:12px; position:absolute; left:4px; top:3px; padding:0px 5px; border:0px; background:none; color:#FFF;}
.head .search input[type="submit"]{ width:30px; height:27px; background:url(../images/s_btn.png) no-repeat center center; position:absolute; right:0px; top:0px; cursor:pointer; border:0px; }
.head .lang{ width:40px; height:25px; margin-top:30px; position:relative; float:left;}
.head .lang .lang_m{ width:40px; height:25px; position:relative; cursor:pointer;}
.head .lang .lang_m span,.head .lang .lang_m em{ display:inline-block; *display:inline; zoom:1; height:25px; line-height:25px; text-align:center; position:absolute;}
.head .lang .lang_m span{ width:30px; text-align:center; font-size:12px; left:0px; top:0; color:#000;}
.h_fix .head .lang .lang_m span{ color:#333;}
.head .lang .lang_m em{ width:5px; height:3px; background:url(../images/icon1.png) no-repeat; right:5px; top:10px;}
.h_fix .head .lang .lang_m em{background:url(../images/icon1_1.png) no-repeat;}
.head .lang ul{ width:100%;  position:absolute; left:0px; top:25px; z-index:9999999; font-size:12px; background:#FFF; display:none;}
.head .lang ul li{ width:100%; text-align:center; height:25px; line-height:25px; color:#333; cursor:pointer;}
.nav_m{ height:35px; display:inline-block; *display:inline; zoom:1; position:relative; float:left;}
.nav_m .n_icon{ display:inline-block; *display:inline; zoom:1; position:relative; height:18px; width:auto; background:url(../images/nav_ico.png) no-repeat left center; padding-left:25px; line-height:18px; color:#FFF; position:absolute; right:0px; top:5px; z-index:9999; cursor:pointer;display:none;}
.h_fix .nav_m .n_icon{ color:#000; background:url(../images/nav_ico_a.png) no-repeat left center;}
.banner{ width:100%; overflow:hidden; height:auto; margin:0px auto;}
.i_name{ width:100%; padding:50px 0; text-align:center; font-size:36px; color:#000; font-weight:bold;}
.i_name em{ color:#00A3DF; font-weight:bold;}
.i_name p{ font-size:18px; color:#5B5B5B;}
.i_ma{ width:100%; background:#FFF;}
.i_ma ul{ width:1120px; padding:0 0 50px; margin:0px auto;}
.i_ma ul li{ width:325px; float:left; text-align:center; margin-right:72px;}
.i_ma ul li a{ color:#555;}
.i_ma ul li .tu{ width:200px; height:200px; border-radius:200px; -moz-border-radius:200px; -webkit-border-radius:200px; overflow:hidden; margin:0px auto;}
.i_ma ul li .tu img{ width:200px; height:200px; vertical-align:top;border-radius:200px; -moz-border-radius:200px; -webkit-border-radius:200px;transition: 0.7s;-moz-transition:  0.7s;-webkit-transition:  0.7s;-o-transition:  0.7s;}
.i_ma ul li a:hover .tu img{/*transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);*/}
.i_ma ul li .name{ width:100%; height:45px; line-height:45px; font-size:14px; font-weight:bold;}
.i_ma ul li p{ font-size:12px; line-height:175%;}
.i_m{ padding:15px 0;}
.i_mb{ width:100%; background:#F4F4F4;}
.i_mb ul{ width:1120px; margin:0px auto; padding-bottom:50px;}
.i_mb ul li{ width:347px; float:left; margin-right:39px;}
.i_mb ul li a{ font-size:16px; color:#474747;}
.i_mb ul li a:hover{ color:#00A3DF;}
.i_mb ul li img{ width:347px; height:240px; vertical-align:top;}
.i_mb ul li .title{ width:100%; height:55px; line-height:55px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; text-align:center;}
.i_mc{ background:#FFF;}
.i_mc ul li img{ height:300px;}
.i_md{ width:100%; background:url(../images/bg_a.png) repeat; padding:15px 0;}
.i_md .i_mdm{ width:1120px; margin:0px auto; border-right:1px solid #999; margin-bottom:50px;}
.i_mdm .i_mdl,.i_mdm .i_mdr{ width:559px; float:left; border:1px solid #999; border-right:0px;}
.i_md .i_name p,.i_md .i_name{ color:#FFF;}
.i_mdm .box_h{ width:100%; height:65px; line-height:65px; position:relative; border-bottom:1px solid #999;}
.i_mdm .box_h span{ font-size:18px; color:#00A3DF; margin-left:25px;}
.i_mdm .box_h a{ display:block; position:absolute; right:25px; top:0px; color:#FFF;}
.i_mdm ul{ width:509px; margin:0px auto; height:300px; padding-top:10px;}
.i_mdm ul li{ width:100%;}
.i_mdl ul li span,.i_mdl ul li .nr{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.i_mdl ul{ height:270px; padding:20px 0;}
.i_mdl ul li{ margin-top:10px;}
.i_mdl ul li span{ width:18px; height:18px; color:#FFF; text-align:center; line-height:18px;}
.i_mdl ul li.wen span{ background:#888;}
.i_mdl ul li.da span{ background:#00A4D3;}
.i_mdl ul li .nr{ width:480px; text-align:left; font-size:12px; line-height:175%; margin-left:5px;}
.i_mdl ul li.wen .nr{ color:#FFF;}
.i_mdl ul li.da .nr{ color:#D2D2D2;}
.i_mdr ul li{ width:100%; height:50px; line-height:50px; position:relative; background:url(../images/icon2.png) no-repeat left center; margin-bottom:10px;}
.i_mdr ul li a{ font-size:14px; color:#FFF;}
.i_mdr ul li p{ width:60%; height:50px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:30px;}
.i_mdr ul li em{ display:block; position:absolute; right:0px; top:0px;}
.i_mdr ul li a:hover,.i_mdm .box_h a:hover{ color:#00A4D3;}
.i_me{ width:100%; background:url(../images/bg_c.jpg) repeat; padding:20px 0;}
.i_me ul,.i_me ul li{ width:100%;}
.i_me ul li:hover{ background:#00A4DF;}
.i_me ul li a{ color:#4F4F4F;}
.i_me ul li:hover a{ color:#FFF;}
.i_me ul li dl{ width:1120px; height:75px; margin:0px auto; padding:20px 0; background:url(../images/icon3.png) no-repeat right center;}
.i_me ul li:hover dl{ background:url(../images/icon4.png) no-repeat right center;}
.i_me ul li dl dt{ width:105px; float:left; text-align:center; font-size:36px;}
.i_me ul li dl dt p{ height:20px; line-height:20px; text-align:center; font-size:14px;}
.i_me ul li dl dd{ width:675px; float:left; margin-left:100px;}
.i_me ul li dl dd .title{ width:100%; height:35px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i_me ul li dl dd p{ width:100%; height:45px; line-height:200%; font-size:12px; overflow:hidden;}
.main .more{ width:100%; text-align:center; margin:30px 0 20px;}

.main .more a{ display:block; width:290px; height:48px; font-size:18px; background:url(../images/bg_a.png) repeat; margin:0px auto; color:#FFEC00; line-height:48px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}
.i_mf{ width:100%; background:#FFF; padding:20px 0;}
.i_mf .i_mfm{ width:1120px; margin:0px auto; text-align:center; font-size:14px; color:#000; line-height:175%;}
.i_mf .i_mfm p{ margin-bottom:15px;}
.i_mg{ width:100%;/*background:url(../images/bg_d.jpg) no-repeat; background-size:cover;*/}
.i_mg .i_name,.i_mg .i_name p{ color:#FFF;}
.i_mgm{ width:1120px; margin:0px auto;}
.i_mgm ul{ width:100%;}
.i_mgm ul li{ width:347px; float:left; margin-right:39px; text-align:center;}
.i_mgm ul li.one,.i_mgm ul li.one p{ text-align:left;}
.i_mgm ul li.one img{ margin-left:40px;}
.i_mgm ul li img{ width:25px; height:25px; vertical-align:top;}
.i_mgm ul li p{ width:100%; text-align:center; margin-top:10px; font-size:14px; color:#FFF;}
.i_mgm .i_book { margin-top:20px; text-align:left; padding-bottom:20px;}
.i_mgm .i_book li{ width:550px; float:left; margin-right:20px; position:relative; margin-top:20px; text-align:left; font-size:14px; color:#FFF; overflow:hidden;}
.i_mgm .i_book li.chang{ width:100%;}
.i_mgm .i_book li input{ width:100%; height:34px; background:#C7C7C7; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding-left:65px; line-height:34px; border:0px;}
.i_mgm .i_book li span{ display:block; width:65px; text-align:center; height:34px; line-height:34px; font-size:14px; color:#000; position:absolute; left:0px; top:0px;}
.i_mgm .i_book li textarea{ width:100%; height:105px; background:#C7C7C7; border:0px; padding-left:60px; padding-top:5px; line-height:175%;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.i_mgm .i_book li.btn{ text-align:center; width:100%;}
.i_mgm .i_book li input[type="submit"]{ width:165px; height:40px; border:1px solid #FFF; text-align:center; line-height:40px; color:#FFF; font-size:14px; padding:0px; background:none; cursor:pointer;}
.foot{ width:100%; background:#00A4DF; padding:40px 0; text-align:center; font-size:14px; color:#FFF;}
.banner_s{ margin-top:70px;}
.banner_s,.banner_s img{ width:100%; height:auto; vertical-align:top;}
.s_bg{ width:100%; background:url(../images/bg_f.jpg) repeat; padding-top:20px;}
.scd{ width:1120px; margin:0px auto;}
.scd .scd_l{ width:200px; border:10px solid #19B1EC; float:left;}
.scd .scd_l li{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #19B1EC; }
.scd .scd_l li a{ display:block; width:140px; height:60px; line-height:60px; padding-left:60px; font-size:14px; color:#000;}
.scd .scd_l li.now,.scd .scd_l li:hover{background:url(../images/icon8.png) no-repeat 45px center;}
.scd .scd_l li.now a,.scd .scd_l li:hover a{ color:#19B1EC;}
.scd .scd_r{ width:900px; float:left; background:#FFF; position:relative; padding-top:20px; margin-top:-20px;}
.scd .scd_r .r_top{ width:100%; height:78px; background:url(../images/bg_e.png) repeat; position:absolute; top:-78px; left:0; z-index:9999; border-top-left-radius:4px; -moz-border-top-left-radius:4px; -webkit-border-top-left-radius:4px;border-top-right-radius:4px; -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px; text-align:right;}
.scd .scd_r .r_top_a{ background:url(../images/bg_g.png) repeat;}
.scd .scd_r .r_top p{ width:100%; height:50px; line-height:50px; font-size:50px; color:#aaa; text-align:right;}
.scd .scd_r .r_top_a p{ color:#FFF;}
.scd .scd_r .r_top em{ font-size:26px; color:#19B1EB; display:block; width:100%; height:26px; line-height:26px; margin-top:-3px;}
.scd .scd_r .scd_rm{ width:820px; margin:0px auto;}
.pst{ width:100%; height:88px; border-bottom:1px solid #ddd; text-align:left;}
.pst .line{ width:22px; height:4px; background:#19B1EC; margin-bottom:15px;}
.pst p{ width:100%; height:25px; line-height:25px; font-size:20px; color:#7F7F7F;}
.pst b{ font-size:20px; color:#000; font-weight:normal;}
.pro{ width:100%; padding:15px 0;}
.pro dl{ width:100%; margin-top:15px; padding-bottom:15px; border-bottom:1px dashed #ddd;}
.pro dl dt{ width:225px; height:155px; float:left; border:2px solid #ddd; border-radius:2px; -moz-border-radius:2px; -webkit- border-radius:2px;}
.pro dl dt img{ width:225px; height:155px; vertical-align:top;}
.pro dl dd{ width:565px; float:right; margin-right:10px;}
.pro dl dd .title{ width:100%; height:50px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro dl dd .title a{ font-size:20px; color:#000;}
.pro dl dd .title a:hover{ color:#00A4DF;}
.pro dl dd .name{ width:100%; height:22px; line-height:22px; margin-top:15px; background:url(../images/icon9.png) no-repeat left center;}
.pro dl dd .name span{ font-size:14px; color:#444; margin-left:25px;}
.pro dl dd p{ width:100%; height:45px; font-size:14px; color:#444; line-height:175%; overflow:hidden;}
.pages{ width:100%; height:30px; line-height:30px; text-align:right; margin-top:12px;}
.pages a{ display:inline-block; *display:inline; zoom:1; margin-left:3px; height:22px; line-height:22px; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:0 5px; font-size:12px; color:#1D71C7; min-width:12px; text-align:center;}
.pages a.now,.pages a:hover{ color:#FFF; background:#1D71C7; border:1px solid #1D71C7;}
.about{ width:100%; padding:15px 0 25px; font-size:14px; color:#000; line-height:175%;}
.support{ width:100%; padding:20px 0;}
.support li{ padding-bottom:15px; border-bottom:1px dashed #ddd; margin-bottom:15px; font-size:14px; color:#000; line-height:175%;}
.support li .title{ width:100%; padding:5px 0; color:#19B1EB;}
.support li .des{ width:92%; padding:0 4%;}
.support li .des .des_m{ width:92%; padding:0 4%;}
.support li .des .des_m p div{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:auto;}
.demo{ width:100%; padding:20px 0;}
.demo h5{ width:100%; height:50px; line-height:50px; font-size:20px; font-weight:normal; color:#00A4DF;}
.demo ul{ width:100%; border-bottom:1px dashed #ddd; margin-bottom:20px;}
.demo ul li{ width:395px; float:left; margin-right:30px; margin-bottom:20px;}
.demo ul li embed{ width:395px; height:300px; vertical-align:top;}
.demo ul li .title{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#333;}
.case{ width:100%; padding:20px 0;}
.case dl{ width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee;}
.case dl dt,.case dl dt img{ width:245px; height:160px; float:left; vertical-align:top;}
.case dl dd{ width:560px; float:right; text-align:left; font-size:14px; color:#000; line-height:230%;}
.case dl dd .title{ width:100%; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case dl dd .title a{ font-size:16px; color:#C50000;}
.case dl dd .title a:hover,.case dl dd .c_more:hover{ color:#00A4DF;}
.case dl dd .des{ width:100%; height:90px; overflow:hidden;}
.case dl dd .c_more{ display:block; width:70px; height:22px; border:1px solid #444; text-align:center; line-height:22px; color:#333; margin-top:12px;}

/*news_view*/
.title_s{color: #666;font-size:12px;margin-bottom: 10px;line-height: 40px;text-align: center;border-bottom: 1px solid #d0d0d0;}
.vtitle{width:100%;color:#000;line-height: 40px;float:left;font-size:25px;text-align: center;}
.vtitle font{ color:#a1a1a1; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.mainrbanner{ border:1px solid #dbdbdb; width:306px; margin:0 auto 20px;}
.mainrbanner img{border:3px solid #fff}
.padding25 .center img{ border:1px solid #f8f8f8; margin-bottom:10px;}
.newsview{display:inline;width:100%;border-bottom:1px solid #f8f8f8;padding:15px 0;font-size:14px;line-height:28px;float:left;color:#696969;}
.viewpage{width:100%; float:left;}
.main_r_nav{ float:left; width:100%;;height:66px;font-size:14px;margin-left:10px; display:inline; margin-top:35px; }
.returnlist{ width:20%; height:40px; padding:8px 12px; border-radius:8px; position:relative;display:inline;float:right;color:#fff; line-height:22px;font-size:12px;background:#0eb8f7; margin-top:5px;}
.returnlist a{ color: #fff; text-align:center;font-size:14px;width: 100%; display: block; }
.main_r_nav a{color:#696969; font-size:12px; text-align:left; float:left; width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:30px;}
.main_r_nav a:hover{color: #1C9C4F;}
.vtitletxt{ color:#1C9C4F;font-size:16px; float:left; width:100%; padding-top:10px;}
.tborder{ border-bottom:1px solid #ccc; padding-bottom:6px;}
.vtitletxt font{ color:#f7800d; font-size:12px;}
/* page*/
.page{margin: 15px 0;float:left;width:100%;line-height: 34px;text-align: center;}
.page a {color: #6a6a6a;padding: 0 10px;margin:0 5px;font-/weight: bold;background: #fff;border: 1px solid #2166a1;border-radius: 4px;}
.page *{display:inline-block;_zoom:1;_display:inline;vertical-align:middle;line-height: 28px;height: 28px;padding-bottom:1px;}
.page .hover {display:inline-block;color: #fff;background: #2166a1;}
.page a:hover {display:inline-block;color: #fff;background: #2166a1;}
/* search*/
.searchnull{ float:left; text-align:center; width:100%; padding:3% 0; font-size:14px;}
.searchnull font{ color:#F00; font-size:14px;}
.searchmore{ float:left; width:92%; background:#efefef; text-align:center;margin:10px 20px;_margin:10px ; border:1px solid #dbd6f1}
.searchmore a{ line-height:25px; color:#333;}
.input_title{ background:none; line-height:30px;height:30px; padding-left:7px;}
/* book*/
.message{ width:600px; padding-top:20px; font-size:12px;height:auto;float:left;padding-left:50px;}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px; cur/sor:pointer}
.message li input,.message li select{ height:20px; line-height:20px; width:220px; border:1px solid #ccc;}
.message li p.message_title{ width:100px; height:25px; float:left; text-align:right; line-height:20px;}
.message li p.message_content{ width:400px; height:25px; float:left;}
.message li.contentb{ width:500px;height:160px; float:left;}
.message li.contentb textarea{ width:370px; height:120px; border:1px solid #ccc }
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; height:15px; float:left;}
.message li p.message_yzminput input{ width:80px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:170px; height:40px; float:left; text-align:right;}
/* hr*//*产品——首页*/


/* book*/
.message{ width:600px; padding-top:20px; font-size:12px;height:auto;float:left;padding-left:50px;}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px; cur/sor:pointer}
.message li input,.message li select{ height:20px; line-height:20px; width:220px; border:1px solid #ccc;}
.message li p.message_title{ width:100px; height:25px; float:left; text-align:right; line-height:20px;}
.message li p.message_content{ width:400px; height:25px; float:left;}
.message li.contentb{ width:500px;height:160px; float:left;}
.message li.contentb textarea{ width:370px; height:120px; border:1px solid #ccc }
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; height:15px; float:left;}
.message li p.message_yzminput input{ width:80px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:170px; height:40px; float:left; text-align:right;}
/* hr*//*产品——首页*/
/*留言样式*/
.login-01{
  width:38%;
  margin:5% auto 3%;
}
form {
   padding:0;
}
form li.first,li.second{
  border:none;
  list-style:none;
  margin-bottom:10px;
  width:100%;
}
.icon,.icon2  {
  height:55px;
  width:55px;
  display: block;
  float: left;
  border-top-left-radius: 0.3em;
  -o-border-top-left-radius: 0.3em;
  -moz-border-top-left-radius: 0.3em;
  -webkit-border-top-left-radius: 0.3em;
  border-border-bottom-left-radius: 0.3em;
  -o-border-bottom-left-radius: 0.3em;
  -moz-border-bottom-left-radius: 0.3em;
  -webkit-border-bottom-left-radius: 0.3em;
}
.user {
    background: url(../images/icons.png) no-repeat 14px 15px #0eb8f7;
}
.email{
  background:url(../images/icons.png) no-repeat 15px -39px #0eb8f7;
}
.phone{
  background: url(../images/icons.png) no-repeat 15px -93px #0eb8f7;
}
.msg{
  background: url(../images/msg.png) no-repeat 16px 16px #0eb8f7;
}
li.first:hover .user{
     background: url(../images/icons.png) no-repeat 14px 15px #DB2048;
}
li.first:hover .email{
  background:url(../images/icons.png) no-repeat 15px -39px #DB2048;
}
li.first:hover .phone{
  background: url(../images/icons.png) no-repeat 15px -93px #DB2048;
}
li.second:hover .msg {
  background: url(../images/msg.png) no-repeat 16px 16px #DB2048;
}
/*-----*/
input[type="text"],form textarea {
  width: 77%;
  padding: 1.13em 1em 1.13em 1em;
  color: #858282;
  font-size: 16px;
  outline: none;
  background: #F8F8F8;
  font-weight: 500;
  border: none;
  font-family: 'Lora', serif;
  border-top-right-radius: 0.3em;
  -o-border-top-right-radius: 0.3em;
  -moz-border-top-right-radius: 0.3em;
  -webkit-border-top-right-radius: 0.3em;
  border-border-bottom-right-radius: 0.3em;
  -o-border-bottom-right-radius: 0.3em;
  -moz-border-bottom-right-radius: 0.3em;
  -webkit-border-bottom-right-radius: 0.3em;
  }
  .submit{

  }
form textarea {
  resize: none;
  height: 180px;
}
.login-01 input[type="submit"]{
  font-size: 17px;
  font-weight: 300;
  color: #fff;
  cursor: pointer;
  outline: none;
  padding: 10px 10px;
  width: 25%;
  border: 2px solid #0eb8f7;
  float: right;
  background: #0eb8f7;
  border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  margin-right:2.85em;
}
input[type="submit"]:hover{
	background:#F00;
}
li.lost {
  margin-bottom: 21px;
}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/



/* main_image */
.main_visual{height:549px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:549px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:549px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:549px;}
.main_image li span{display:block;width:100%;height:549px}
.main_image li a{display:block;width:100%;height:549px}
.main_image li .img_1{background:url('../images/ban1.png') center top no-repeat}
.main_image li .img_2{background:url('../images/ban2.jpg') center top no-repeat}
.main_image li .img_3{background:url('../images/ban3.jpg') center top no-repeat}


div.flicking_con{position:absolute;top:520px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}



.xs_a{
	width:100%;
	height:auto;
	background:#FFF;
	margin-top:25px;
}


.xs_as{
	width:1200px;
	height:auto;
	margin:0 auto;
}


.xsbt{
	width:100%;
	height:63px;
	padding-top:12px;
	background:url(../images/ymjh_09.png) no-repeat center top;
	font-size:25px;
	font-weight:500;
	text-align:center;
	color:#000;
}


.xslm{
	width:100%;
	height:auto;
}

.xslm ul{
	width:100%;
	height:auto;
	margin:0 auto;
}

.xslm ul li{
	width:22%;
	float:left;
	height:250px;
	margin-left:2%;
	text-align:center;
	margin-top:2%;
	background:#FFF;
	display:block;
	border:1px solid #CCC;
}

.conbt_nav{
	width:100%;
	height:auto;
}

.conbt_nav ul{
	width:100%;
	height:auto;
	margin:0 auto;
}


.conbt_nav ul li{
	width:13%;
	height:38px;
	line-height:38px;
	text-align:center;
	float:left;
	margin-left:15px;


}

.conbt_nav ul li a{
	border-radius:2px;
	color:#FFF;
	background:#00883c;
	display:block;
}

.conbt_nav ul li a:hover{
	color:#FFF;
	display:block;
	background:#02d3fa;
}


.xslm ul li img{
	width:94%;
	height:205px;
	padding:6px;
}

.xslm ul li a{
	background:#FFF;
}
.xslm ul li a:hover{
	background:#02d3fa;
	display:block;
	height:250px;
	color:#FFF;
}

.xslm ul li span{
	width:100%;
	height:20px;
	color:#000;
	line-height:30px;
}

.xslm ul li span a:hover{
	font-size:15px;
	color: #00C;
	text-decoration:underline;
}


.xs_b{
	width:100%;
	height:auto;
	background:#f7f7f7;
	display:block;
	padding-top:25px;
}


.xs_bs{
	width:1200px;
	height:460px;
	margin:0 auto;
}


.xs_bs_c ul li{
	width:20%;
	float:left;
	margin-left:4%;
	text-align:center;
	margin-top:2%;
}


.xs_bs_c ul li img{
	width:94%;
	height:215px;
	border-radius:210px;
	border:8px solid #ffffff;
}


.xs_bs_c ul li span{
	width:100%;
	height:50px;
	color:#000;
	line-height:50px;
}

.xs_bs_c ul li p{
	width:75%;
	height:30px;
	color:#FFF;
	background:#007130;
	margin:25px auto;
	border-radius:35px;
	line-height:30px;
}



.xs_bs_c ul a{
	color:#03C;
}


.xs_bs_c ul a:hover{
	color:#000;
}


.xs_c{
	width:100%;
	height:auto;
	background:#FFF;
	display:block;
	margin-top:25px;
}


.xs_cs{
	width:1200px;
	height:610px;
	margin:0 auto;
}




.xs_cs_c{
	width:48%;
	margin-top:5%;
	float:left;
	margin-right:15px;

}




.new_a{
	width:46%;
	float:left;

}


.new_a img{
	width:234px;
	height:152px;
	float:left;
}


.new_b{
	width:52%;
	height:auto;
	float:right;
	font-size:14px;
	color:#000;
}

.new_b h3{
	width:100%;
	font-size:16px;
	text-align:left;
	color:#000;
}

.new_b span{
	width:100%;
	font-size:10px;
    line-height:25px;
	text-align:left;
	color:#999;
}


.new_b p{
	width:100%;
	font-size:12px;
	line-height:25px;
}

.new_b p a:hover{
	color:#02d3fa;
}



.new_l{
	width:45%;
	height:auto;
	float:left;
	background:#063;
}


.new_r{
	width:45%;
	height:auto;
	float:right;
	background:#063;
}


.bottom{
	width:100%;
	height:auto;
	background:#262626;
}


.bottom_c{
	width:1200px;
	height:auto;
	margin:0 auto;
	padding:25px 0px;
}

.bo_a{
	width:18%;
	height:147px;
	float:left;
	margin-right:2%;
	border-right:1px solid #7d7d7d
}

.bo_b{
	width:50%;
	height:auto;
	float:left;
}

.bo_b ul{
	width:100%;
	height:auto;
}

.bo_b ul li{
	width:22%;
	height:auto;
	float:left;
	margin-left:2%;
}


.bo_b ul li span{
	width:90%;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:15px;
	border:1px solid #02d3fa;
	display:block;
	color:#FFF;
}

.bo_b ul li ul{
	width:100%;
	height:auto;
	margin-top:10px;

}

.bo_b ul li ul li{
	width:100%;
	height:28px;
	text-align:left;
	line-height:28px;
	padding-left:20%;
	color:#FFF;

}

.bo_b ul li ul li a{
	color:#FFF;

}

.bo_b ul li ul li a:hover{
	width:100%;
	height:25px;
	color:#FF0;

}


.bo_c{
	width:26%;
	height:auto;
	padding-left:2%;
	float:right;
	border-left:1px solid #7d7d7d
}



.bo_c span{
	width:40%;
	height:30px;
	line-height:30px;
	margin-bottom:25px;
	text-align:center;
	border-radius:15px;
	border:1px solid #02d3fa;
	display:block;
	color:#FFF;
}

.bo_c p{
	width:100%;
	height:auto;
	line-height:30px;
	text-align:left;
	color:#FFF;
}



.about_cons{
	width:100%;
	height:auto;
	background:url(../images/qy_12.png)  center;
	margin-top:25px;
}

.abt_c{
	width:780px;
	height:413px;
	padding:120px 0px 0px 0px;
	text-align:center;
	margin:0 auto;
}

.abt_c p{
	width:100%;
	height:auto;
	color:#FFF;
	line-height:31px;
}

.abt_c span{
	width:15%;
	height:28px;
	text-align:center;
	display:block;
	line-height:28px;
	border:1px solid #FFF;
	border-radius:15px;
	margin-top:18px;
}

.abt_c span a{
	color: #FF0;
}

.abt_c span a:hover{
	color:#000;
	display:block;
	border-radius:15px;
	background:#CF0;
}


.main{
	width:100%;
	height:auto;
}


.main_c{
	width:1200px;
	height:auto;
	margin:0 auto;
}



.left{
	width:20%;
	padding:1%;
	height:auto;
	float:left;
	border:1px solid #f0f0f0;
	margin-top:15px;
}


.left span{
	width:100%;;
	height:45px;
	line-height:45px;
	display:block;
	text-align:center;
	font-size:25px;
	color:#FFF;
	border-bottom:1px solid #CCC;
	background:#02d3fa;
}


.left p{
	width:100%;;
	height:auto;
	line-height:25px;
	margin-top:15px;
}


.left ul{
	width:100%;
	height:auto;
}

.left ul li{
	width:100%;
	height:35px;
	line-height:35px;
	text-align:center;
	margin:0 auto;
	display:block;
	background:#ececec;
	border-radius:15px;
	margin-top:5px;

}


.left ul li a{
	display:block;
	color:#000;
	border-radius:15px;

	
}


.left ul li a:hover{
	font-size:16px;
	color:#FFF;
	background:#018520;
}




.right{
	width:72%;
	height:auto;
	float:right;
	margin-top:15px;
}


.r_title{
	width:100%;
	height:50px;
	border-bottom:1px solid #CCC;

}

.r_bt{
	width:20%;
	height:50px;
	font-size:18px;
	text-align:center;
	line-height:50px;
	float:left;
	border-bottom:2px solid #0091ba;

}

.r_nav{
	width:33%;
	height:50px;
	line-height:50px;
	float:right;
}


.con_main{
	width:100%;
	height:auto;
	padding-top:15px;
	line-height:30px;
	
}

.pro{
	width:100%;
	height:auto;
}


.pro ul{
	width:100%;
	height:auto;
	margin:0 auto;
}


.pro ul li{
	width:250px;
	height:260px;
	float:left;
	color:#000;
	text-align:center;
	margin-left:20px;
	margin-top:15px;
	background:#F2F2F2;
	display:block;

   
	

}

.pro ul li img a{
	color:#FFF;

	
}


.pro ul li a:hover{
	width:250px;
	height:260px;
	color:#999;
	display:block;
	background:#ccc;

	
}

.pro ul li img{
	width:240px;
	height:200px;
	padding-top:5px;
	margin:0 auto;
	display:block;
}




.pro ul li span{
	width:100%;
	height:40px;
	line-height:40px;
	color:#000;
	text-align:center;
	margin-top:5px;
	display:block;
}





.news_ly{
	width:100%;
	height:auto;
	margin-top:15px;

}


.news_ly a:hover{
	width:100%;
	height:auto;
	background:#CCC;
	color:#0091ba;
}



.n_time{
	width:15%;
	height:60px;
	color:#0090b9;
	line-height:26px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top:40px;
	font-size:38px;
	float:left;
	border-right:1px solid #ececec;
}

.n_time span{
	font-size:12px;
	color:#CCC;
	text-align:center;
	display:block;
}


.n_con{
	width:78%;
	height:120px;
	float:right;
}




.n_con span{
	width:100%;
	height:45px;
	font-size:18px;
	color:#09C;
	line-height:35px;
	font-weight:500;
}


.n_con p{
	width:100%;
	height:auto;
	margin-top:10px;
	line-height:26px;
	color: #999;
}



.n_tus{
	width:152px;
	float:left;
	height:124px;
	padding:2px;
	margin-top:25px;
	margin: 0px 0 25px 0;
}


.n_tus img{
	width:148px;
	height:120px;
	padding:2px;
	border:1px solid #B1D7F8;

}




.newlist{
	width:98%;
	margin-top:5%;
	float:left;
	margin-right:15px;
	border-bottom:1px solid #dcf1fd;

}




.newlist_a{
	width:30%;
	float:left;

}


.newlist_a img{
	width:234px;
	height:152px;
	float:left;
}


.newlist_b{
	width:65%;
	height:auto;
	float:right;
	font-size:14px;
	color:#000;
}

.newlist_b h3{
	width:100%;
	font-size:16px;
	text-align:left;
	color:#000;
}

.newlist_b span{
	width:100%;
	font-size:10px;
    line-height:25px;
	text-align:left;
	color:#999;
}


.nnewlist_b p{
	width:100%;
	font-size:12px;
	line-height:25px;
}

.newlist_b p a:hover{
	color:#02d3fa;
}



.newlist_l{
	width:45%;
	height:auto;
	float:left;
	background:#063;
}


.newlist_r{
	width:45%;
	height:auto;
	float:right;
	background:#063;
}

.fenye{
	text-align:center; 
	width:80%;
	margin:0 auto; 
	height:60px; 
	padding-top:18px; 
	margin-top:25px; 
	border-radius:35px; 
	border:1px solid #CCC;
}


.ggao{
	width:100%;
	height:auto;
	background:url(../images/glq.jpg) no-repeat center;
}


.ggao p{
	width:1200px;
	height:450px;
}



/*分页样式*/ 
.wp-pagenavi {
	text-align:center; 
	width:80%;
	margin:0 auto; 
	height:60px; 
	padding-top:18px; 
	margin-top:25px; 
	}
.wp-pagenavi A {BORDER-RIGHT: #bfbfbf 1px solid; border-radius:5px; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}
.wp-pagenavi SPAN {BORDER-RIGHT: #bfbfbf 1px solid; border-radius:5px; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}
.wp-pagenavi A:hover {BORDER-LEFT-COLOR: #000; color:#FFF; border-radius:5px; background:#0C9; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {FONT-WEIGHT: bold}





/* 二维码浮动fixed */
.fixed{position:fixed;width:196px;height:212px;right:-85px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:99999;}
.fixed a{display:block;width:55px;height:53px;}
.barbook{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.barbook:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -53px;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -158px;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}

.bootfr{float:right;width: 225px;vertical-align:middle;font-size:14px;font-family:'microsoft yahei';background: url(../images/code.gif) left top no-repeat;}
.bootfr img{ float:left; margin:5px; display:inline; width:99px; height:99px; vertical-align:middle}










