/* CSS Document */
body{
	font: 13px/24px "微软雅黑","黑体", Arial,"宋体";
	color: #555;
	margin: 0;
	padding: 0;
	background:#fff;	
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,select,p,span { margin:0;padding:0;}
img{ border:0;}
ul,li,ol,ul {list-style:none;}
.clear{clear:both; height:0;}
a:hover{ text-decoration:underline; color:#007bbb; }
a{ text-decoration:none; color:#555; }
.fr{ float:right}
.fl{ float:left}
.mid{ float:left}
.center{ width:1200px; margin:0 auto;}

@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot?t=1465195949'); /* IE9*/
  src: url('../font/iconfont.eot?t=1465195949#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff?t=1465195949') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf?t=1465195949') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg?t=1465195949#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}


/* head css */
.head{ width: 1200px; margin: 0 auto; padding-top: 42px; height: 130px; position: relative; z-index: 3; margin-bottom: 56px;}
.head .fl h3{ color: #3d4d5c; font-size: 26px; font-family: "方正大标宋简体", "微软雅黑"; font-weight: normal; height: 38px; line-height: 38px;}
.dwy{ font-size: 18px; letter-spacing: 16px; font-family: SourceHanSansSC Light, "宋体"; padding-left: 1px; height: 32px; line-height: 28px;}
.head .fl span.ywen{ color: #cccccc; font-size: 8px; font-family: arial; line-height: 12px; text-transform: uppercase;  display: block; -webkit-transform:translateX(-44px) scale(0.7); }
.dwy span{ color: #038dd8;}
.logo{ width: 168px; position: absolute; left: 50%; margin-left: -84px; top: 0;}
.logo a{ display: block; width: 168px; height: 286px; }
.logo a:hover{ text-decoration: none;}
.head .fr{ text-align: right;  color: #777777; width: 227px; position:relative}
.tel b{ display: block; color: #2b3647; font-family: BrandonText Bold, "微软雅黑"; font-size: 22px; line-height: 29px; padding-bottom: 39px;}
.tel b i{ font-style: normal; font-size: 16px; padding: 0 20px 0 10px; float: left;}
.tel b span{ font-size: 20px; float: left; font-weight: 400;}
.head .fr .line{ width: 20px; height: 3px; background-color: #038dd8; float: right;}

/* head css end*/

/* menu css */
.menu .bdsharebuttonbox{ float: right; text-align: right; padding-top: 16px; padding-right:34px;}
.menu .bdsharebuttonbox a{ display: inline-block; margin: 0; padding: 0; width: 24px; line-height: 24px; height: 24px; margin-left: 11px; background: none; font-size: 18px; float: none; color: #3d4d5c;}
.menu .bdsharebuttonbox a:hover{ text-decoration: none; color: #038dd8;}

.menu {
	height: 57px; position:absolute; left: 50%; margin-left: -634px; z-index: 2; width: 1268px; top: 171px;
}
.menulihover{width: 62px; overflow: hidden; background:#038dd8; height:2px; position: absolute; left:34px; top:55px;-webkit-transition: all .3s; transition: all .3s; display: none;}
.menu ul{ width:1268px; float: left;}
.menu ul li{width:133px; float:left; position:relative; z-index: 4;}
.menu ul li a{ display:block; -webkit-transition: all .3s; transition: all .3s; line-height:57px; height: 57px;  font-size:14px;   color:#3d4d5c; font-family: arial; font-weight: normal; text-align:center; position: relative; font-family: "微软雅黑";}
.menu ul li.no7 span{ display:none}
.menu ul li a span{ float: right; font-size: 12px; color: #dddddd;}
.menu ul li a em{ display: block; font-style: normal; color: #6c7b7b; font-weight: normal; font-size: 12px; line-height: 12px; font-family: arial;}
.menu ul li a:hover{
	color: #038dd8; text-decoration: none;
}
.menu ul li.no3{ margin-right: 200px;}
.menu ul li.no3 span{ display: none;}
.menu ul li a.over{
	color: #038dd8;
}
.menu ul li a.hover{
	color: #038dd8;
	}
.menu ul ul{ position: absolute; z-index: 9999; width: 135px; padding-left: 0; left:0px; top:57px; height: auto; background-color:#fff; display:none;  overflow: hidden;}
.menu ul ul li{ border-left:0; width:100%; padding: 0;}
.menu ul ul a{ font-size:14px; line-height:38px;-webkit-transition:all ease-out 0.3s; transition:all ease-out 0.3s; background:none; height:38px; border-left: 0; border-right: 0; overflow:hidden; text-align:center;  font-family:"微软雅黑"; padding-left:0; padding:0; font-weight:normal; display:block;}
.menu ul ul a:hover{  color: #fff; font-weight: normal; background-color:#038dd8;}
.menu ul ul li{overflow: hidden; background:none; }



/* banner css */
.banner{ position:relative; z-index:1; height:600px;}
.banner div.bannernav{ position:absolute; left:0; top:0;  width:100%;}
.banner img{ display:none;}
.banner .bannernav a{ display:block; height:600px;}
.banner_icon {
	position: absolute;
	overflow: hidden;
	left: 50%;
	bottom:20px;
	z-index: 3;
	height:18px; width:84px; margin-left:-42px; z-index: 6; 
}
.banner ul li {
	float: left;
	width: 18px; margin: 0 5px;
	height:18px;   line-height: 18px;
	overflow: hidden;
	cursor:pointer; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center;font-weight: normal; color: #038dd8;
}
.banner ul .banner_icon_active {
	color: #fff;
}
.nybanner{ height:300px; overflow:hidden;}
.nybanner .bannernav a{ height:300px;}
/* banner css END*/

/*main css*/
.ys{padding-top: 85px; padding-bottom: 377px; border-bottom: 261px solid #038dd8; position: relative;}
.title{ text-align: center; font-family: FZLTXHK GBK1 0, "微软雅黑"; letter-spacing: 8px; font-size: 16px;}
.title b{ display: block; height: 39px; line-height: 39px; font-size: 32px; padding-bottom: 6px; font-family: '方正兰亭粗黑_GBK', "微软雅黑"; font-weight: normal; letter-spacing: 0;}
.title b span{ color: #038dd8;}
.ylnav{ overflow: hidden; padding-top: 120px;}
.ylnav li{ float:left; width: 33.333%; text-align: center;}
.ylnav li span.iconfont{ display: block; height: 46px; width: 46px; text-align: center; font-size: 46px; color: #028cd7; overflow: hidden; line-height: 46px; margin: 0 auto 33px;}
.ylnav li.no1 span{ line-height: 50px;}
.ylnav li.no3 span{ line-height: 50px;}
.ylnav li strong{ display: block; height: 32px; line-height: 32px; font-size: 26px; color: #333;  font-family: '方正兰亭黑_GBK', "微软雅黑"; font-weight: normal;}
.ylnav li i{ font-style: normal; font-size: 12px; color: #999999; font-family: arial; text-transform: uppercase; display: block; height: 20px; line-height: 20px; padding-bottom: 20px;}
.ysnr{ padding: 0 70px; color: #666666; font-size: 14px; line-height: 28px;}

.ysnav2{ width: 1200px; margin-left: -600px; left: 50%; position: absolute; bottom: -261px;}
.ysnav2 li{ float: left; margin-right: 50px; height: 502px; background-color: #f1f4f7;}
.ysnav2 li.no3, .ysnav2 li.no6{margin-right:0;}
.ysimg{ width: 366px; height: 282px; overflow: hidden;}
.ysimg img{ display: block; transition: all .3s; -webkit-transition: all .3s;}
.ysnav2 li i{ display: block; padding: 35px 40px 0; height: 17px; line-height: 17px; font-style: normal; color: #999999; font-size: 10px; text-transform: uppercase; transition: all .3s; -webkit-transition: all .3s;}
.ysnav2 li b{ height: 38px; line-height: 38px; padding: 0 40px 18px; font-size: 32px; font-family: '方正兰亭粗黑_GBK', "微软雅黑"; display: block; transition: all .3s; -webkit-transition: all .3s;}
.ysnav2 li .line{ height: 2px; width: 21px; background-color: #2b3748; margin-left: 40px; transition: all .3s; -webkit-transition: all .3s;}
.fwnr{ padding:28px 40px 0; font-size: 16px;}
.ysnav2 li a{ display: block; width: 366px; height: 502px;}
.ysnav2 li a:hover{ text-decoration: none;}
.ysnav2 li a:hover .line{ width: 41px;  background-color: #038dd8;}
.ysnav2 li a:hover .ysimg img{ transform: scale(1.1);}
.ysnav2 li a:hover i{ color: #038dd8;}
.sbzs{ width: 1200px; margin: 0 auto; padding-top: 88px; padding-bottom: 100px; position: relative;}
.sbzsmain{ height: 510px; overflow: hidden;}
.sbzs .title{ padding-bottom: 45px;}
.sbzs li{ width: 1200px; height: 510px; overflow: hidden; background-color: #038dd8;}
.sbzs li a{ display: block; width: 1200px; height: 510px; }
.sbzs li a:hover{background-color: #038dd8;}
.sbzs li img{ display: block;-webkit-transition: all .3s; transition: all .3s;}
.sbzsnr{ padding-top: 115px; padding-left: 49px; width: 356px; float: left; color: #fff;}
.sbzsnr i{ display: block; font-size: 38px; font-style: normal; font-family:FZLTXHK GBK1 0, "微软雅黑"; line-height: 42px;}
.sbzsnr b{ height: 38px; line-height: 38px; font-size: 28px; font-family:"微软雅黑"; padding-bottom: 23px; display: block;}
.sbzsnr .line{ width: 28px; height: 2px; background-color: #fff; }
.sbzstex{ font-size: 14px; line-height: 26px; padding-top: 35px; height: 130px; overflow: hidden;}
.sbzsimg{ width: 742px; height: 510px; overflow: hidden; float: right;}
.sbzs li a:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.sbzs a.prev, .sbzs a.next{ position: absolute; left: 458px; top: 630px; cursor: pointer; width: 42px; height: 42px; color: #00407c; background-color: #fff; line-height: 42px; text-align: center; font-size: 32px; z-index: 3;}
.sbzs a.prev{ left: 416px;}
.sbzs a:hover{ text-decoration: none; background-color: #00407c; color: #fff;}


.szpz{ background: url(../images/pzbg.jpg) no-repeat center top transparent; height: 1135px; width: 100%;  z-index: 1;}
.szpz .center{ position: relative; height: 1135px;}
.szpz .title{ padding-top: 85px; color: #fff;}
.szpz ul{ position: relative; margin-top: 50px; width: 1200px; overflow: hidden; height: 900px;}
.szpz ul li{ width: 262px; height: 262px; overflow: hidden; position: absolute;}
.szpz ul li a{ display: block; width: 262px; height: 262px; cursor: pointer; position: relative;}
.szpz ul li img{ position: relative; z-index: 1;}
.szpz ul li a:hover{ text-decoration: none;}
.szpz ul li .zz{ opacity: 0; background-color: #000d2d;-webkit-transition: all .3s; transition: all .3s; width: 262px; height: 262px; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; z-index: 2;}
.szpz ul li .protex{ position: relative; z-index: 3;-webkit-transition: all .3s; transition: all .3s; color: #fff; width: 218px; top: 43px; position: absolute; left: 24px; font-size: 12px; text-align: center; overflow: hidden; opacity: 0; filter: alpha(opacity=0);}
.szpz ul li b{ display: block; font-size: 24px; line-height: 32px; font-weight: normal; padding-bottom: 22px;}
.szpz ul li.no1{ top:0; left: 333px;}
.szpz ul li.no2{ top:0; left: 605px;}
.szpz ul li.no3{ top:273px; left: 60px;}
.szpz ul li.no4{ top:273px; left: 333px;}
.szpz ul li.no5{ top:273px; left: 605px;}
.szpz ul li.no6{ top:273px; left: 878px;}
.szpz ul li.no7{ top:546px; left: 333px;}
.szpz ul li.no8{ top:546px; left: 605px;}
.szpz ul li a:hover .zz{ opacity: 0.8; filter: alpha(opacity=80);}
.szpz ul li a:hover .protex{ opacity: 1; filter: alpha(opacity=100);}

.smallbanner{ width: 1200px; height: 230px; overflow: hidden; background: url(../images/gpzysbg.png) no-repeat center top transparent; padding:16px 25px 0; position: absolute; left: 50%; margin-left: -625px;
 bottom: -175px; color: #fff;
}
.smtel{ height: 30px; line-height: 30px; padding-left: 75px; padding-top: 100px; font-size: 26px; font-family: Brandon Text Mediun, Myriad Pro, "微软雅黑";}
.smnr{ position: absolute; left: 361px; top: 104px;  width: 560px; text-align: center;}
.smnr b{ font-size: 49px; position: absolute; display: block; font-family: SourceHanSansSC Normal, "微软雅黑"; font-weight: normal; letter-spacing: 15px; top: 10px; z-index: 1; left: 65px; color: #1b2b33; opacity: 0.08; filter: alpha(opacity=8); line-height: 52px;}
.smnr strong{ font-size: 49px; display: block; position: absolute; font-family: SourceHanSansSC Normal, "微软雅黑"; font-weight: normal; letter-spacing: 15px; position: absolute;  line-height: 52px; top: 0; z-index: 2; left:55px; color: #fff;}
.smnr strong span{ color: #ffe38b;}
.smnr p{  font-size: 8px; text-align: center; opacity: 0.5; filter: alpha(opacity=50); width: 100%; font-family: arial; text-transform: uppercase; top: 75px; position: absolute;}
.smnr p span{ display: inline-block; -webkit-transform: scale(0.6);}
.smallbanner a{ display: block; width: 166px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #fff; position: absolute; right: 66px; top: 111px; color: #fff; font-size:16px; font-family:FZLTXHK GBK1 0, "微软雅黑";}

.about{ width: 1200px; margin: 0 auto; padding-top: 280px; overflow: hidden; padding-bottom: 90px;}
.about .fl{ width: 400px; height: 300px; overflow: hidden;}
.about .fl img{ display: block;-webkit-transition: all .3s; transition: all .3s;}
.about .fl:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.about .fr{ position: relative; width: 745px; }
.about .fr b img{ display: block;}
.about .fr b{ display: block; padding-top: 10px; padding-bottom: 24px;}
.aboutmain{ font-size: 14px; line-height: 28px; color: #777777; height:84px; overflow: hidden; margin-bottom: 30px; padding-top: 33px;}
.about .fr a.aboutmore{ display: block; width: 50px; height: 50px; font-size:50px; text-align: center; line-height: 50px; color: #e3e3e3; cursor: pointer;}
.about .fr a.aboutmore:hover{ text-decoration: none; color: #0281d2;}
.aboutlogo{ position: absolute; right: 0; top: 0;}
.about .fr .line{ width: 30px; height: 2px; background-color: #0171cc;}

.hzhb{ background-color: #eef1f5; padding-top: 87px; padding-bottom: 100px; overflow: hidden;}
.hzhb .center{ overflow: hidden;}
.hzhb ul{ width: 1250px; overflow: hidden; padding-top: 50px;}
.hzhb li{ float: left; width: 232px; overflow: hidden; margin: 0 9px 9px 0;}
.hzhb li a{ display: block; cursor: default;}
.hzhb li a img{ display: block;}


.news{ width: 1200px; margin: 0 auto; padding-top: 90px; overflow: hidden;}
.news .fl{ width: 742px; overflow: hidden;}
.news .fr{ width: 350px; overflow: hidden;}
.title2{ position: relative; height: 46px; overflow: hidden;}
.title2 .line{ position: absolute; z-index: 1; height: 1px; background-color: #dedede; width: 100%; left: 0; top: 13px;}
.title2 h3{ background-color: #fff; position: relative; float: left; z-index: 2; padding-right: 10px;}
.title2 h3 b{ font-size: 24px; font-weight: normal; display: block; line-height: 24px;}
.title2 h3 i{ font-style: normal; font-family: arial; font-size: 14px; font-weight: normal; color: #ccc; text-transform: uppercase; display: block;}
.title2 a.more{ float: right; position: relative; z-index: 3; background-color: #038dd8; width: 27px; height: 27px; overflow: hidden; color: #fff; text-align: center; line-height: 27px;}
.title2 a.more:hover{ text-decoration: none;}

.tab{ overflow: hidden; padding-top: 33px;  line-height: 24px; font-size: 16px;}
.tab a{ display: inline-block; position: relative; padding-bottom: 16px;}
.tab a.no1{ margin-right: 25px;}
.tab a:hover, .tab a.on{ text-decoration: none; color: #038dd8;}
.tab a em{ display: block; width: 0; height: 0; position: absolute; left: 26px; bottom: 10px; display: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #0980d5;}
.tab a.on em{  display: block;}
.new{ overflow: hidden; height: 225px; }
.newimg{ float: left; width: 300px; height: 225px; overflow: hidden;}
.newimg img{ display: block;-webkit-transition: all .3s; transition: all .3s;}
.newimg a:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.new ul{ float:right; width: 420px;}
.new ul li{ height: 46px; padding:5px 0 35px; overflow: hidden;}
.new ul li a{ display: block; overflow: hidden;}
.newdata{ float: left; width: 75px; *width: 79px; border-right: 1px solid #ccc; color: #ccc; height: 46px; font-family: arial; font-size: 12px; text-align: right; padding-right: 20px; line-height: 14px;}
.newdata span, .newdata em{ font-size: 26px; line-height: 26px; display: inline-block;}
.newnr{ float: right; width: 305px;}
.newnr b{ display: block; font-size: 14px; line-height: 16px; padding-bottom: 4px;}
.newnr p{ height: 22px; overflow: hidden; color: #999;}
.new ul li a:hover .newdata{ color: #038dd8; border-color: #038dd8;}
.new ul li a:hover p{ color: #038dd8;}
.new ul li a:hover{ text-decoration: none;}

#faq{ position: relative; margin-top: 8px; height: 278px; overflow: hidden; }
#faq li{ height: 126px; border-bottom: 1px dashed #6f6f6f; padding-top:33px}
#faq li a{ display: block; padding-top: 5px; padding-bottom: 7px; height: 28px; line-height: 28px; white-space: nowrap; overflow: hidden; padding-left: 40px; font-size: 14px; color: #666; position: relative;}
#faq li p{ position: relative; padding-left: 40px; height:70px; overflow:hidden;}
#faq li a span, #faq li p span{ width: 26px; height: 26px; background-color: #3d4d5c; display: block; position: absolute; left: 0; top: 0; text-align: center; color: #fff; line-height: 26px;}
#faq li a span{ top: 7px;}
#faq li a:hover{ color: #038dd8; text-decoration: none;}
#faq li p span{ background-color: #038dd8;}



/*main css end*/



/*foot css*/
.foot{ padding-top: 81px; padding-bottom: 120px; background-color: #3a4555; margin-top: 90px; overflow: hidden; color: #fff;}
.foot a{ color: #fff;}
.foot .fl{ padding-top: 12px;}
.foot .fl img{ display: block;}
.foot .mid{ width: 784px; padding-left:70px; padding-right: 20px;}
.foot .fr{ width: 125px; text-align: center; font-size: 12px;}
.foot .fr img{ display: block; width: 125px; height: 125px; overflow: hidden; padding-bottom: 5px;} 
.footnab { padding-bottom: 20px; height: 36px; line-height: 36px; font-size: 14px;}
.footnab span{ padding: 0 40px;}
.add{ overflow: hidden; height: 27px; line-height: 27px;}
.add li{ float: left; padding-right: 55px;}
.add li span{ padding-right: 10px; font-weight: normal; font-size: 14px;}
.add li.no1 span{ font-size: 16px;}
.add li.no3 span{ font-size: 12px;}
.add li.no4{ padding-right: 0;}
.copyright{ padding-top: 41px; color: #c4c6c9;}
.copyright a{ color: #c4c6c9;}

/*foot css*/


/*foot css end*/

/* 内页 css */

.nyvideo{ width: 800px; height: 500px; margin: 0 auto;}
.nymain{ width: 1200px; margin: 0 auto; padding-top:40px; overflow: hidden;}
.nysearch{ top:530px}


/* main css */



/* left public css */
.prolist{ height: auto; background-color: #f7f7f7;  overflow: hidden;}
.prolist h3{ height:60px; line-height: 60px; padding: 0 20px; background-color: #038dd8; color: #fff; font-size: 18px; font-weight: normal;}
.prolist ul{ padding:10px 20px 20px;}
.prolist ul li{  line-height: 46px; }
.prolist ul li a{ display: block; font-size: 16px; border-bottom: 2px solid #fff;}
.prolist ul li a:hover{ text-decoration: none;}
.prolist ul li a.on, .prolist ul li a.hover{ color: #038dd8;}
.prolist ul ul{ background-color: #eee; display: none; padding: 10px 20px;}
.prolist ul ul li a{ line-height: 40px; font-size: 14px; color: #555; border-bottom: 1px solid #f7f7f7;}
.prolist ul ul li a:hover{ color: #038dd8;}



.left { width: 290px; float: left;}
.contact{ margin-top: 25px;}
.contacttitle{border-bottom: 8px solid #f7f7f7;
height: 28px;
line-height: 22px;
position: relative; padding-bottom: 10px;}
.contacttitle h3 {
  color: #038dd8;
  float: left;
  font-size: 18px;
  transition: all 0.3s ease 0s; font-weight: normal;
}
.contacttitle .more{ float: right;}
.contacttitle .more a{ color: #999;}
.contacttitle .more a:hover{ color: #038dd8;}
.contactmain{ padding-top: 10px; line-height: 26px; background-color: #f7f7f7; padding: 20px;}

/* right public css */
.right{ float: right; width:870px;}
.site{ float: right;}
.site a:hover{ color: #038dd8; text-decoration: none;}
.righttitle{ border-bottom: 8px solid #f7f7f7;
height: 50px;
line-height: 50px;}
.righttitle h3{border-left: 3px solid #038dd8;
color: #038dd8;
cursor: pointer;
float: left;
font-size: 18px;
font-weight: normal;
height: 22px;
line-height: 22px;
margin-top: 10px;
padding: 0 12px 0 15px;}
.nycenter{ overflow: hidden; padding: 30px 0 0;}



/*新闻列表 css */
.ArticleCategory li{ height: 52px; line-height: 52px; border-bottom: 1px solid #f4f4f4; overflow: hidden;}
.ArticleCategory li em{ float: right; font-style: normal; font-size: 12px; color: #999;}
.ArticleCategory li a{ display: block;}
.ArticleCategory li a:hover{ text-decoration: none; color: #038dd8;}
.ArticleCategory li a:hover em{ color: #038dd8;}
.page{ text-align: center; padding-top: 20px;}

/*新闻详细 css */
.nycenter h1{ font-size: 22px; text-align: center; padding-top: 10px; font-weight: normal; color: #000;}
.fbtime{ line-height: 32px; text-align: center; padding: 10px 0 0; border-bottom: 1px dashed #ccc; margin-bottom: 20px;}

/*产品列表 css */
.ProductCategory li{ width:262px; float: left; padding-right: 42px; text-align: center; line-height: 32px; padding-bottom:20px;}
.ProductCategory { width: 930px; overflow: hidden;}
.ProductCategory li a{ display: block;}
.ProductCategory li a img{ display: block; }
.ProductCategory li a:hover{ text-decoration: none; color: #038dd8;}
.ProductCategory li a:hover img{ border-color: #038dd8;}
.nyhzhb li a img{ border: 1px solid #eee;}

.gbookbg input[type="text"]{ border: 1px solid #ccc; width: 350px; height: 32px; line-height: 32px; padding: 0 5px; margin-left: 10px; outline: none;}
.gbookbg td{ padding-bottom: 5px;}
.gbookbg td em{ color: red; font-style: normal;}
.gbookbg textarea{ padding: 5px; font-size: 13px; outline: none; font-family: "微软雅黑"; border: 1px solid #ccc; height: 88px; line-height: 22px; width: 350px; margin-left: 10px;}
.gbookbg td input[type="submit"], .gbookbg td input[type="reset"]{ height: 32px; font-family: "微软雅黑"; line-height: 32px; width: 100px; text-align: center; border: 0; background-color: #555; color: #fff; cursor: pointer; margin-top: 5px;}
.gbookbg td input[type="submit"]{ background-color: #038dd8;}


.gbooklist { overflow: hidden; padding-top: 40px;}
.gbooklist ul li{ padding-bottom: 15px;}
.lytitle{ overflow: hidden;}
.lytitle .time{ float: right; color: #999;}
.lytitle  span{ padding: 0 20px;}
.lynr{ padding: 20px; margin: 10px 0 0; background-color: #f4f4f4;}
.lyhf{ padding-bottom: 10px; border: 1px solid #f4f4f4; padding: 20px; border-top: 0;}

.downlist{ overflow: hidden; position: relative; border-bottom: 1px dashed #ccc; padding: 20px 150px 20px 0;}
.downlist dt{ position: absolute; right: 0; height: 38px; width: 100px; text-align: center; color: #fff; line-height: 38px;   top:50%; margin-top: -19px;}
.downlist dt a{ display: block;  color: #fff; background-color: #038dd8; border-radius:10px;}
.downlist dt a:hover{ background-color: #ff872c; text-decoration: none;}
.downlist dd a{ display: block; font-size: 16px; font-weight: bold; color: #333;}
.downlist dd a:hover{ text-decoration: none; color: #038dd8;}
.downlist dd span{ display: block; color: #999; font-size: 12px;}
.downlist dd p{ height: 48px; overflow: hidden; padding-top: 5px; color: #666;}

.tabledown{ margin: 0 auto;}
.tabledown td{ line-height: 36px; border-bottom: 1px solid #ccc;}
.tabledown th{ border-left: 1px solid #f4f4f4; background-color: #f4f4f4; height: 46px; line-height: 46px;}
.tabledown td span{ color: #999; display: inline-block; width: 73px;}
#Count{ color: red; width:auto}
.tabledown td.last{ line-height:22px; padding: 20px 0;}


.khjzlist{ overflow: hidden; background-color:#f4f4f4; padding: 10px; margin-bottom: 15px; width: 785px; margin-right:15px; float: left;}
.khjzlist:hover{ background-color:#eee;}
.khjzlist dt{ float: left; width: 204px; height: 125px; overflow: hidden;}
.khjzlist:hover dt img{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.khjzlist dt img{ display: block;  -webkit-transition: all 0.3s; transition: all 0.3s;}
.khjzlist dd{ width:560px; float: right;}
.khjzlist dd a.khjzmore{ display: inline-block; line-height:28px; width: 92px; text-align: center; background-color: #39434f; color: #fff; position: relative; overflow: hidden;}
.khjzlist dd a.khjzmore span{ position: relative; z-index: 3;}
.khjzlist dd a.khjzmore:before{ position: absolute;-webkit-transition: all 0.3s; transition: all 0.3s; height:0; top:0; left:0; width: 0; border:0px solid transparent; border-top-color: #038dd8;  content: ""; z-index: 2;}
.khjzlist:hover dd a.khjzmore:before{border-width: 120px 120px 0 0;}
.khjzlist dd p{ height: 44px; overflow: hidden; padding-top:5px; margin-bottom: 15px;}
.khjzlist dd h3{ line-height: 28px;}


/* 内页 css END*/
.box_os{ top:140px !important}
.onlineService{ top:140px !important}
.logo1688 {
  left: -194px;
  position: absolute;
  top: 19px;
  width: 130px;
}
.logo1688 img{ display:block; width:100%}