@charset "utf-8";
@media (min-width:651px)
{
body{ background:url(../images/tongpu.jpg) no-repeat fixed center;}
html { color: #000; background: #FFF; overflow-y: scroll; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var, optgroup { font-style: inherit; font-weight: inherit; }
del, ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
body { font: 12px/1.231 arial, helvetica, clean, sans-serif; }
table { font-size: inherit; font: 100%; border-collapse: collapse; }
pre, code, kbd, samp, tt { font-family: monospace; *font-size:108%;
line-height: 100%; }

h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

body { color: #333; font-size: 12px; font-family: "Microsoft YaHei"; } 
a { color: #333; text-decoration: none; font-family: "Microsoft YaHei"; }  
a:focus { outline: 0; }
a:hover { text-decoration: underline; }
.vam { vertical-align: middle; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
p { word-spacing: -1.5px; font-family: "Microsoft YaHei"; }
.tr { text-align: right; }
.tl { text-align: left; }
.center { text-align: center; }
.fl { float: left; }
.fr { float: right; }
#fr { float: right; }
.pa { position: absolute; }
.pr { position: relative }
i { font-style: normal; }
em { font-style: normal; }

.header, .content, .footer { width: 1200px; margin: 0 auto; overflow: hidden; font-family: "Microsoft YaHei"; }

.t_bg { background: url(../images/t_bg.gif) repeat-x center 0; height: 220px; }
.h_top { height: 37px; line-height: 37px; overflow: hidden; }
.h_top i { float: left; color: #00a7ff; }
.h_top p { float: right; }
.h_top p a { padding: 0 5px; color: #00a7ff; }
.h_con { height: 130px; width: 1200px; overflow: hidden }
.h_con h1 { padding: 0px 0 0; float: left; }
.h_con h1 img { float: left; padding-right: 34px; }
.h_con h1 span { display: block; margin: 17px 0 0; padding-left: 33px; border-left: solid 1px #dce1e2; float: left }
.h_nav { height: 53px; line-height: 53px; }
.h_nav ul li { float: left; background: url(../images/n_bor.gif) no-repeat right center; width: 133px; text-align: center; }
.h_nav ul li:last-of-type { background: none; }
.h_nav ul li a { display: block; color: #fff; font-size: 14px; font-family: "Microsoft YaHei"; font-weight: bold; }
.h_nav ul li a:hover, .h_nav ul .cur a { color: #fff; text-decoration: none; background: #60c2f5; }
.s_bg { background: url(../images/s_bg.gif) repeat-x; height: 59px; line-height: 59px; }

.f_bg { background: url(../images/f_bg.gif) repeat-x center top; margin-top: 15px; }
.f_nav { text-align: center; color: #fff; height: 55px; line-height: 55px; font-size: 14px; font-weight: bold; }
.f_nav a { color: #fff; padding: 0 10px; font-size: 14px; font-weight: bold; }
.f_img { float: left; padding: 0px 30px 0 47px; margin-top:10px; }
.f_p { color: #444; line-height: 30px; margin: 3px 0 0; background: url(../images/f_yy.gif) left center no-repeat; padding: 20px 0 20px 25px; width: 620px; }
.sysjhy { width: 200px; float: left; padding-top: 20px; }
.f_p p a { color: #444; }
.f_p p span { padding: 0 20px }
.f_p p img { padding: 0 0 0 10px; float: none; }
.f_p01 { margin-left: 30px; }
.f_p01 i { display: block; text-align: center; padding-top: 5px; }

/*common*/
span { overflow: hidden; }

.ys { width: 100%; margin: 0 auto; }
.ys img { width: 100%; }
.ys01 { background: url(../images/ys01.jpg) no-repeat center 0; height: 453px; }
.ys_top { padding-top: 30px; }
.ys01 dl { padding: 95px 0 0 54px; width: 455px; display: inline-block }
.ys01 dl dt { }
.ys01 dl dt img { padding-right: 10px; }
.ys01 dl dt h3 { font-size: 30px; color: #bb0102; }
.ys01 dl dt h3 i { color: #ff6600; }
.ys01 dl dt h3 q { display: block; font-size: 18px; color: #333; font-weight: normal; border-bottom: solid 1px #c6c6c6; display: inline-block; line-height: 35px; }
.ys01 dl dd { clear: both; padding: 1px 0 0; display: inline-block }
.ys01 dl dd p { font-size: 14px; line-height: 30px; height: 30px; background: url(../images/ys_ico01.gif) no-repeat 0 10px; padding: 0 28px; }
.ys01 dl dd span { display: block; margin-top: 20px; clear: both }
.ys02 { background: url(../images/ys02.jpg) no-repeat center 0; height: 283px; }
.ys02 dl { padding: 120px 0 0 544px; width: 460px; }
.ys02 dl dd p { padding: 0 8px 0 20px; }
.ys03 { background: url(../images/ys03.jpg) no-repeat center 0; height: 246px; }
.ys04 { background: url(../images/ys04.jpg) no-repeat center 0; height: 300px; }
.ys04 dl { padding: 105px 0 0 544px; width: 460px; }
.ys04 dl dd p { padding: 0 50px 0 20px; }

.box01 { /*margin-top: 20px;*/ }

.yq_top { background: url(../images/yq_bt.gif) no-repeat 0 0; margin-top: 25px; }
.yq_top q { padding: 10px 0 0 85px; display: block; }
.yq_top span { padding: 5px 0 0; display: block; }
.yq_top a { font-size: 14px; color: #222; font-weight: bold; display: block; }
.yq_con { padding: 20px 0 0 40px; line-height: 30px; width: 760px; }
.yq_con a { color: #242424; padding: 0 10px; }
.Bannerslider { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
.Bannerslider ul { position: relative; width: 1000%; overflow: hidden; }
.Bannerslider ul li { width: 10%; float: left; display: block; background: center top no-repeat; }
.Bannerslider ul li img { display: block; visibility: hidden; }
.Bannerslider ol { text-align: center; width: 100%; position: absolute; bottom: 10px; left: 0; }
.Bannerslider ol li { width: 16px; height: 16px; background: url(../images/dot.png) 0 -16px; cursor: pointer; display: inline-block; *display:inline;
*zoom:1;
}
.Bannerslider ol li.on { width: 16px; height: 16px; background: url(../images/dot.png) 0 0px; }
.Bannerslider .ScrollLeft { display: none; width: 60px; height: 90px; position: absolute; top: 50%; left: 0; opacity: 0.8; background: url(../images/ad_ctr.png) 0 0; cursor: pointer; z-index: 1; margin-top: -45px; }
.Bannerslider .ScrollRight { display: none; width: 60px; height: 90px; position: absolute; top: 50%; right: 0; opacity: 0.8; background: url(../images/ad_ctr.png) 0 -90px; cursor: pointer; z-index: 1; margin-top: -45px; }
.Bannerslider .ScrollLeft:hover, .Bannerslider .ScrollRight:hover { opacity: 1; }
.Bannerslider:hover .ScrollLeft, .Bannerslider:hover .ScrollRight { display: block; }

.ysBox { height:1002px; width: 100%; background: url(../images/ys.jpg) no-repeat center top; }
.ysBoxIn { width: 1200px; margin: 0 auto; position: relative; }
.ysTitle { width: 100%; background: url(../images/ys1.png) no-repeat center top; height: 150px; }
.ys1 { position: absolute; left: 154px; top: 143px; }
.ys1 p, .ys2 p, .ys3 p, .ys4 p{ font-size:14px; line-height:2;}
.ys2 { position: absolute; left: 154px; top: 387px; }
.ys3 { position: absolute; left: 700px; top: 610px; }
.ys4 { position: absolute; left: 700px; top: 842px; }
.index_gy { background-image: url("../images/gsjjbg.png"); background-position: center top; background-repeat: no-repeat; height: 540px; }
.index_gy01 { margin: 0 auto; width: 1200px; }
.index_gy02 { background: #f2f2f2; float: left; height: 365px; margin: 94px 0 0 34px; text-align: center; width: 488px; }
.index_gy02 img { height: 100%; max-width: 100%; }
.index_gy03 { float: left; padding: 95px 0 0 35px; width: 610px; }
.index_gy04 { border-bottom: 1px dotted #a6a7a8; color: #6b6b6b; font-size: 14px; height: 84px; line-height: 20px; }
.index_gy04 span { color: #313136; display: block; font-size: 22px; padding: 0 0 12px; }
.index_gy05 { color: #313136; font-size: 14px; line-height: 30px; margin-top: 15px; overflow: hidden; }
.index_gy06 { padding-top: 17px; }
.index_gy06 a { border: 2px solid #dcdcdc; color: #6b6b6b; display: block; font-size: 14px; height: 36px; line-height: 36px; text-align: center; width: 156px; }
.index_gy06 a:hover { border: 2px solid #222; color: #222; }
.index_gy07 { padding-top: 31px; }
.index_gy07 a { border: 2px solid #dcdcdc; color: #6b6b6b; display: block; font-size: 14px; height: 36px; line-height: 36px; margin: 0 auto; text-align: center; width: 156px; }
.index_gy07 a:hover { border: 2px solid #000; color: #000; }
.news { margin: 0 auto; overflow: hidden; padding: 0; position: relative; width: 1200px; background:url(../images/tm.png) repeat; }
.newsleft { float: left; width: 555px; }
.newsmain { float: left; padding: 0; width: 555px; }
.newsmain li { border-bottom: 1px solid #d7d7d7; float: left; height: 75px; margin: 0; padding: 12px 0; width: 555px; }
.newsmain li a {float: left; width: 555px; }
.newsmain li a:hover {}
.time1 { background: url("../images/time.jpg") no-repeat  left top; color: #fff; display: inline; float: left; font-family: Arial, Helvetica, sans-serif; height: 58px; margin: 10px 0 0 10px; text-align: center; width: 56px; }
.time1 font { color: #fff; float: left; font: 16px/27px Microsoft Yahei; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.time1 span { border-top: 1px solid #fff; color: #fff; float: left; font: 16px/31px Microsoft Yahei; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.time1 span:hover{ background: url("../images/time1.jpg") no-repeat left top;}
.newsli_r { color: #8b8b8b; float: right; line-height: 1.5; margin-left: 10px; width: 470px; }
.newsli_rt { float: left; font: 14px/1.5 "Microsoft Yahei"; width: }
.newsli_rt .fl { color: #29283a; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 465px; }
.newsmain li a:hover .time { background: url("../images/time1.jpg") no-repeat left top; }
.newscont { color: #5c5c5c; float: left; font-size: 12px; height: 50px; line-height: 2; overflow: hidden; padding: 5px 0 0; width: 464px; }
.newsltop { background: url("../images/newslline1.gif") repeat-x left bottom; float: left; padding: 0 0 10px; width: 555px; }
.newsltop span { background: url("../images/newslline.gif") no-repeat 8px 20px; color: #00a7ff; float: left; font-family: "Microsoft Yahei"; font-size: 26px; line-height:2;}
.newsltop em { background: url("../images/plus1.gif") no-repeat left 25px; color: #7d7b9f; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height:2;text-transform: uppercase; padding-left:10px; padding-top:13px; }
.newsltop a { color: #29283a; display: inline; float: right; font-size: 14px; line-height:51px;}
.conright{float:right;width:290px;}
#tool{display:none;}

.gd{ overflow: hidden; width:1200px; margin: 50px auto; height:190px; position: relative; }
#gd1{ height:260px;}
.gd ul{ position:absolute; left:0; top: 0; z-index: 1; overflow: hidden; width: 9999999px; }
.gd ul li{ width: 300px ; float: left; text-align: center; margin:0 2px; }
.gd ul li img{ width:285px; border:1px solid #00a2ff; padding:3px; }
.gd ul li a{ font-size:14px; line-height:2;}
.caseHome { width: 100%; padding: 15px 0 20px; }
.caseHomeIn { width: 1200px; margin: 0 auto; margin-bottom:20px; }
.caseHome a:hover { text-decoration: none; }
.caseHome .title { text-align: center; font-size: 36px; margin-top: 20px; }
.caseHome .title2 { text-align: center; font-size: 16px; margin-top: 11px; color: #5e7387; }
.caseHome .caseHomeContent { width: 1200px; margin: 30px auto 0; }
.caseHome .caseHomeContent ul { overflow: hidden; width: 1200px; margin: 0 auto; }
.caseHome .caseHomeContent ul li { width: 372px; float: left; margin: 10px; margin-bottom: 30px; overflow: hidden; position: relative; }
.caseHome .caseHomeContent ul li a { display: block; position: relative; z-index: 222; }
.caseHome .caseHomeContent ul li .casePic { overflow: hidden; width: 372px; position: relative; }
.caseHome .caseHomeContent ul li .caseName { background: #000; background: rgba(0,0,0,0.7); opacity: 0; filter: alpha(opacity=0); /*display:none;*/ line-height: 50px; text-align: center; color: #fff; font-size: 18px; position: absolute; left: 0; bottom: 20px; z-index: 2; width: 100%; /*transition:all 0.5s;*/ }
.caseHome .caseHomeContent ul li:hover { border-color: #FB4848; }
.caseHome .caseHomeContent ul li .caseName:hover { background: #FB4848; background: rgba(251,72,72,0.7); }
.caseHome .caseHomeContent ul li img { width: 364px; height: 270px; border: 1px solid #333; padding: 3px; }
.caseHome .caseHomeContent ul li .txt a { width: 364px; line-height: 50px; display: block; background: #222; opacity: 0.8; color: #fff; position: absolute; bottom: 7px; left: 4px; text-align:center; font-size:16px; }
.case_left { width:245px; float:left; border:1px solid #00a7ff; background:#fff;}
.case_left ul{ width:225px; margin:0 auto;}
.case_left ul li{ line-height:55px; border-bottom:1px dashed #ccc; padding-left:10px;}
.case_left ul li a{ font-size:14px; color:#333;}
.case_tit{ text-align:center; line-height:70px; background:#00a7ff;}
.case_tit a{ color:#fff; font-size:18px; font-weight:bold;}
.case_right { width:940px; float:right;}
.case_right li{ width:310px; float:left; text-align:center; line-height:2;}
.case_right li img{ width:300px;  padding:3px; height:231px }
.case_right li { font-size:14px; line-height:2;}
.caseHomeIn .title { text-align: center; font-size: 36px; margin-top: 20px; }
.caseHomeIn .title2 { text-align: center; font-size: 16px; margin-top: 11px; color: #5e7387; }
.cpztc { width: 100%; margin: 0px auto; height: 40px; background: #ECECEC; }
.cpztc ul { width: 1200px; height: 40px; line-height: 40px; margin: 0px auto; }
.cpztc ul h2 { color: red; width: 110px; height: 40px; line-height: 40px; text-align: center; float: left; font-size: 16px; }
.cpztc ul li { width: 80px; height: 40px; line-height: 40px; text-align: center; float: left; }
.cpztc ul li a:hover { color: red; }
.cpztcl { width: 960px; margin: 0px auto; height: 40px; background: #161A23; }
.cpztcl ul { width: 960px; height: 40px; margin: 0px auto; }
.cpztcl ul h2 { color: #fff; width: 110px; height: 40px; line-height: 40px; text-align: center; float: left; font-size: 15px; }
.cpztcl ul li { width: 80px; height: 40px; line-height: 40px; text-align: center; float: left; }
.cpztcl ul li a { color: #fff; }
}

@media (max-width:650px)
{
body {font:normal 100% Helvetica, Arial, sans-serif; padding:0; margin:0;}
*{margin:0; padding:0;}
html{ overflow-x:hidden}
li{list-style-type: none;}
ul{list-style-type: none; margin:0 auto; padding:0;}
a {text-decoration:none; color:#333;}
p{ margin:0; padding:0;}
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
img { max-width: 100%;-ms-interpolation-mode: bicubic;}

.h_top{display:none;}
.h_con{background: url('../images/logo2.jpg') no-repeat center; height:75px;width:100%; display:block;}
.h_con div{display:none;}
.h_nav{ width:100%; background-color:#fff;}
.h_nav li{width:32%; float:left;text-align:center; background:#04a8ff; font-size:14px; line-height:35px; margin:0.5% 0.65%;}
.h_nav li a{ color:#FFFFFF;}
.cpztc{display:none;}
.Bannerslider{display:none;}
.title{background:url(../images/protit.jpg) no-repeat center; line-height:45px; text-align:center; margin-bottom:20px;}
.title a{color:#FFFFFF}
.title2{display:none;}
.case_left{display:none;}
.caseHome{ margin-top:20px;}
.case_right{width:100%; font-size:14px;}
.case_right li{width:32%; float:left; margin:0.5% 0.65%; text-align:center;}
.case_right li img{height:80px; width:100%}
.ysTitle{display:none;}
.ysBox{display:none;}
.anli{display:none;}
.index_gy{width:100%; background:#04a8ff; color:#FFFFFF; font-size:14px; margin-top:30px;}
.index_gy02{display:none;}
.index_gy04{display:none;}
.index_gy05{ padding:8px 10px; line-height:28px;}
.index_gy06{display:none;}
.time1{display:none;}
.newscont{display:none;}
.news{ width:96%; height:auto; overflow:hidden; margin:0 auto; font-size:0.875em; margin-bottom:80px; margin-top:20px;}
.newsltop{display:none;}
.newsmain li{background:url(../images/ico04.jpg) no-repeat left center; padding-left:15px; line-height:38px; border-bottom:1px dotted #666}
.yq_top{display:none;}
.yq_con{display:none;}
.f_bg{display:none;}

#tool {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 900;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
ul.toollist {
	position: fixed;
	z-index: 900;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	height: 48px;
}
.toollist li {
	float: left;
	width: auto;
	height: 100%;
	width: 25%;
	position: static!important;
	margin: 0;
	border-radius: 0!important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	box-flex: 1;
	-webkit-box-sizing: border-box;
	box-shadow: none!important;
	background: none;
}
.toollist li a {
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	display: block;
	text-decoration: none;
	padding-top: 2px;
	position: relative;
}
.toollist li a img {
	width: 24px;
	height: 24px;
}
.toollist li a p {
	margin: 1px 0 1px 0;
	font-size: 14px;
	display: block !important;
	line-height: 18px;
	text-align: center;
}

.toollist_blue {
	background:#04a8ff;
}
.toollist_blue li {
	border-right: 1px solid rgba(255,255, 255, 0.7);
}
.toollist_blue li a {
	color:#fff;
}
}