﻿@charset "utf-8";
/* CSS Document */
iframe,body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,blockquote,th,td {
    margin:0; 
	padding:0;
	list-style:none;
}
body {
	font-size: 13px;
	line-height: 24px;
	color:#333333;
	margin: 0px;
	padding: 0px;
	font-family: "Microsoft Yahei";
}
ul {list-style: none;
}
img { border:0;
}

a:link {
	color: #2F2F2F;
	text-decoration: none;
}
a:visited {
	color: #2F2F2F;
	text-decoration: none;
}
a:hover {
	color:#3399FF;
	text-decoration:underline;
}
.clearfix {
	display:block;
}

.topwrapwrap{width:100%;background:url("../images/topbg.jpg") repeat-x;border-bottom:1px solid #7F7F7F;}
.topwrap{width:980px;height:38px;line-height:38px;padding:0px 0px;font-size:14px;color:#7D8184;overflow:hidden;}
.qlink{width:534px;}
.qlink a{padding-right:21px;}
.qlink a:link,.qlink a:visited{color:#5E5E5E;}
.qlink a:hover{color:#f60;}
#foot {width:980px;margin-top:30px; text-align:center; font-size:14px; font-family:"微软雅黑"; line-height:24px;}
#foot a:link,#foot a:visited{color:#000;}
#foot a:hover{color:#5F99DA;}
.tl			{text-align:left;}
.tc			{text-align:center;}
.tr			{text-align:right;}
.mag		{margin:0px auto;}
.fl		    {float: left;}
.fr			{float: right;}
.clear             {clear:both;}
.clearfix:after    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#container   {
	width: 980px;
	height: 100%;
	margin: 0 auto;
}
#goTopBtn       {POSITION: fixed;WIDTH: 50px;BOTTOM:30px;HEIGHT: 50px;CURSOR: pointer;RIGHT: 30px;_position: absolute;_right: auto;}
 

/* main */
.w1920 { width:100%; 
         height:auto;
		 margin:0 auto;
}
.w980 {
	width:980px;
	height:auto;
	margin:0 auto;
}
.green {
	color:#27985A;
	font-size:16px;
	line-height:40px;
}
.f20 { font-size:20px; color:#FFFFFF; text-align:center; line-height:40px;}

/* banner */
.allbanner { background:url(../images/banner.jpg) center top no-repeat; height:420px;}
.banner { margin:0 auto;}

/* part1 */
.part1 { height:auto; margin-top:35px;}
.part1 .title { text-align:center; line-height:32px;}
.part1 .title p { font-size:15px; color:#999999;}
.part1 .content1 { width:980px; height:180px; background:url(../images/part1_bg.jpg) no-repeat center; margin-top:35px;}
.u1 { width:495px; height:70px; margin:0 auto;}
.u1 li { width:108px; height:60px; text-align:center;float:left; padding:5px; line-height:20px;margin-right:7px;}
.u2 { width:495px; height:70px; margin:40px auto; }
.u2 li { width:108px; height:60px; font-size:16px; text-align:center;float:left; padding:5px; line-height:60px;margin-right:7px;}

/* part2 */
.part2 { width:100%; height:415px; background-color:#F7F7F7; margin-top:40px;}
.part2 .title { text-align:center; line-height:32px; padding-top:35px;}
.part2 .title p { font-size:15px; color:#999999;}
.line186 {width:186px; height:1px; background-color:#ccc; margin:0 auto;}
.alllist { margin-top:25px;}
.onelist { width:222px; height:250px; background:url(../images/part2_bg.png) no-repeat; padding-top:25px; margin-bottom:10px; float:left;}
.onelist img { margin:0 auto; display:block; margin-bottom:10px;}
.onelist span {color:#FFFFFF; line-height:22px; display:block; text-align:center; margin-top:10px;}
.twolist { width:222px; height:250px; background:url(../images/part2_bg.png) no-repeat; padding-top:25px; margin-bottom:10px; float:left; margin-left:30px;}
.twolist img { margin:0 auto; display:block; margin-bottom:10px;}
.twolist span {color:#FFFFFF; line-height:22px; display:block; text-align:center; margin-top:10px;}
.thrlist { width:222px; height:250px; background:url(../images/part2_bg.png) no-repeat; padding-top:25px; margin-bottom:10px; float:left; margin-left:30px;}
.thrlist img { margin:0 auto; display:block; margin-bottom:10px;}
.thrlist span {color:#FFFFFF; line-height:22px; display:block; text-align:center; margin-top:10px;}
.fourlist { width:222px; height:250px; background:url(../images/part2_bg.png) no-repeat; padding-top:25px; margin-bottom:10px; float:right;}
.fourlist img { margin:0 auto; display:block; margin-bottom:10px;}
.fourlist span {color:#FFFFFF; line-height:22px; display:block; text-align:center; margin-top:10px;}

/* part3 */
.part3 { height:auto; margin-top:35px;}
.part3 .title { text-align:center; line-height:32px;}
.part3 .title p { font-size:15px; color:#999999;}
.vs { width:980px; height:330px; background:url(../images/part3_bg.jpg) no-repeat; overflow:hidden; margin-top:25px;}
.vst { height:50px;line-height:50px; }
.vst img { float:left;}
.vsl .vst h2 { float:right; margin-right:215px;}
.vs p { margin-top:20px;}
.vsl { width:400px; float:left; margin-left:35px; margin-top:35px; padding-right:35px; color:#FFF;}
.vsr { width:400px; float:right; margin-right:30px; margin-top:35px; padding-left:40px; color:#FFF;}
.vsr .vst h2 { float:right; margin-right:130px;}

/* patt4 */
.part4 { height:485px; margin-top:40px; background-color:#F7F7F7;}
.part4 .title { text-align:center; line-height:32px; padding-top:35px;}
.part4 .title p { font-size:15px; color:#999999;}
.service { margin-top:25px; position:relative; text-align:center;}
.part4 .s1 { position:absolute; top:55px; left:258px;}
.part4 .s2 { position:absolute; top:55px; left:416px;}
.part4 .s3 { position:absolute; top:55px; left:582px;}
.part4 .s4 { position:absolute; top:55px; left:752px;}
.part4 .s5 { position:absolute; top:235px; left:772px;}
.part4 .s6 { position:absolute; top:235px; left:575px;}
.part4 .s7 { position:absolute; top:235px; left:420px;}

/* part5 */
.part5 { height:auto; margin-top:35px;}
.part5 .title { text-align:center; line-height:32px;}
.part5 .title p { font-size:15px; color:#999999;}
.advantage { margin-top:30px; position:relative;}
.advantage img { margin:0 auto; display:block; }
.advantage .a1 { width:170px; height:190px; text-align:center; position:absolute; top:20px; left:235px;}
.advantage .a2 { width:170px; height:190px; text-align:center; position:absolute; top:20px; left:577px;}
.advantage .a3 { width:170px; height:190px; text-align:center; position:absolute; top:275px; left:235px;}
.advantage .a4 { width:170px; height:190px; text-align:center; position:absolute; top:275px; left:577px;}

.ensure { width:auto; height:560px; background:url(../images/part6_bg.jpg) no-repeat center; margin-top:30px;}
.ensure1 { color:#FFF; text-align:center; padding-top:35px;}
.e1bg { width:980px; height:169px; background:url(../images/frame.png) no-repeat top center; overflow:hidden; margin:15px auto;}
.e1bg ul { margin-top:75px;}
.e1bg li { width:95px; height:55px; float:left; padding:2px 25px; text-align:center; margin-right:22px;}
.ensure2 h2 { color:#FFFFFF; padding-top:25px; text-align:center; }
.e21 { width:480px; height:86px; background:url(../images/whitebg.png) no-repeat; overflow:hidden; margin-top:20px; float:left;}
.e21 h3 { width:108px; float:left; height:86px; line-height:86px; text-align:center; padding-left:2px; }
.e21 p { width:360px; float:right; padding:5px;}
.e22 { width:480px; height:86px; background:url(../images/whitebg.png) no-repeat; overflow:hidden; margin-top:20px; float:right;}
.e22 h3 { width:108px; float:left; height:86px; line-height:86px; text-align:center; padding-left:2px; }
.e22 p { width:360px; float:right; padding:5px;}
.e23 { width:480px; height:86px; background:url(../images/whitebg.png) no-repeat; overflow:hidden; margin-top:15px; float:left;}
.e23 h3 { width:108px; float:left; height:86px;text-align:center; padding-top:15px; line-height:28px; padding-left:2px; }
.e23 p { width:360px; float:right; padding:5px;}
.e24 { width:480px; height:86px; background:url(../images/whitebg.png) no-repeat; overflow:hidden; margin-top:15px; float:right;}
.e24 h3 { width:108px; float:left; height:86px; line-height:86px; text-align:center; padding-left:2px; }
.e24 p { width:360px; float:right; padding:5px;}

/* part6 */
.part6 { height:auto; margin-top:35px;}
.part6 .title { text-align:center; line-height:32px; margin-bottom:25px;}
.part6 .title p { font-size:15px; color:#999999;}
.part6 img { margin:0 auto; display:block;}

/* part7 */
.part7 { width:100%; height:430px; margin-top:40px; background:#F7F7F7; overflow:hidden;}
.part7 .title { text-align:center; line-height:32px; padding-top:35px;}
.part7 .title p { font-size:15px; color:#999999;}
.photo { margin-top:25px;}
.they { width:220px; height:270px; float:left; margin-top:80px;}
.photo img { width:720px; height:270px; float:right;}


.contact { margin-top:30px;}
.contact h2 { width:160px; text-align:center;}
.he { margin-top:5px;}
.he img { width:160px; height:160px; float:left;}
.he p { padding-top:5px; margin-left:30px;}



.show { width:100%; height:auto; background-color:#27985A; text-align:center; color:#FFF; padding-top:30px; margin-top:20px;}
.codet { width:980px; margin:0 auto;}
.codeb { width:980px; margin:0 auto;}
.code dl { height:120px; float:left; margin-right:35px; margin-top:30px;}
.code td{ width:120px; height:130px; padding-top:10px; padding-right:20px; text-align:center;}
.fborder img{ margin-top:50px;}











