body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,span, pre, code, form, fieldset, legend, input, textarea, p, blockquote,table, th, td, tr, hr,.clear { margin:0; padding:0; }
.clear { clear: both;}
html { font-size: 12px; font-family:"simsun"; color: #000; z-index: -1; position: relative;}
a {color: #000; text-decoration: none;}
a:hover { color: #000;}
p { color: #242424; line-height: 200%;}
img { border:none;}
ul li { list-style: none;}
body { 
	  
     }
.clear { clear: both;}
.head { width:100%; max-width: 1920px; min-width: 1400px; margin: 0 auto;}
.head .headin { width: 1120px; margin: 0 auto; padding: 5px 0; height: 35px;}
.head .headin img { float: left;}
.head .headin div { float: right; line-height: 35px;}
.head .headin div a { color: #454545;}

.content { width: 100%; max-width: 1920px; min-width: 1420px; position: relative;}

.banner { background: url(../images/banner_bg.jpg) no-repeat center; height: 736px;}
.tag { width: 1000px; margin: 0 auto;  position: relative;}
.tag ul { width: 500px; position: absolute; left: 16px; top:415px; }
.tag ul li { float: left; margin-right: 25px;}

.do { background: url(../images/do.jpg) no-repeat center; height: 282px;}
.dowhat { width: 1000px; margin: 0 auto;}
.dowhat p { width: 450px; float: left; margin-top: 115px; }
.dowhat .ml { width: 420px; margin-left: 130px; }

.how { background: url(../images/how.jpg) no-repeat center; height: 768px;}
.how .yuanli { width: 1000px; margin: 0 auto;}
.how p { width: 366px; height: 320px; padding-top: 350px;  letter-spacing:0.1em; }

.gy { background: url(../images/gy.jpg) no-repeat center; height: 860px;}
.gyin { width: 1000px; margin: 0 auto;}
.gyin h2 { font: bold 14px "microsoft yahei"; margin-top: 40px;}
.gyin .p1 { padding-top: 110px; letter-spacing:0.1em;}
.gyin .p2 { width: 350px; margin-top: 20px; letter-spacing:0.1em;}
.gyin .p3 { width: 350px; margin-top: 20px; margin-left: 660px; letter-spacing:0.1em;}
.gyin .ml { margin-left: 660px; margin-top: 70px;}

.advantage { background: url(../images/advantage.jpg) no-repeat center; height: 1494px;}
.adin {  width: 1000px; margin: 0 auto; position: relative;}
.adin .p1 { width: 360px; color: #fff; position: absolute; left: 80px; top: 150px; letter-spacing:0.2em;}
.cb { width: 918px; height: 360px; border: 1px solid #fff; overflow: hidden; position: absolute; left: 80px; top: 400px;}
#cb_title { margin-left: 60px;}
#cb_title li { font: normal 16px "microsoft yahei"; color: #fff; width: 160px; text-align: center; padding: 15px 0; float: left; cursor: pointer;}
#cb_title .active { background: #fff; color: #78dda1;}
#cb_text { margin-left: 60px; width: 800px; height: 300px; overflow: hidden;}
#cb_text li { width: 800px; height: 300px; display: none;}
#cb_text .current { display: block;}
.list1 { }
.list1 div { float: left;}
.list1 h1 { font: bold 18px "microsoft yahei"; color: #fff;  margin-top: 80px; }
.list1 p { width: 350px; margin-top: 20px; letter-spacing:0.1em; color: #fff;}
.list1 img { float: right; margin-top: 30px;}
.list2 { }
.list2 div { float: left;}
.list2 h1 { font: bold 18px "microsoft yahei"; color: #fff;  margin-top: 80px; }
.list2 p { width: 330px; margin-top: 20px; letter-spacing:0.1em; color: #fff;}
.list2 img { float: right; margin-top: 50px;}
.list2 .list_title { margin-top: 20px; margin-left: 525px; float: left;}
.list3 { }
.list3 div { float: left;}
.list3 h1 { font: bold 18px "microsoft yahei"; color: #fff;  margin-top: 80px; }
.list3 p { width: 330px; margin-top: 20px; letter-spacing:0.1em; color: #fff;}
.list3 img { float: right; margin-top: 50px;}
.list3 .list_title { margin-top: 20px; margin-left: 525px; float: left;}
.list4 { }
.list4 div { float: left;}
.list4 .df { margin-top: 45px; margin-left: 40px;}
.list4 h1 { font: bold 18px "microsoft yahei"; color: #fff;  margin-top: 20px; }
.list4 p { width: 330px; margin-top: 10px; letter-spacing:0.1em; color: #fff;}
.list5 { }
.list5 div { float: left;}
.list5 h1 { font: bold 18px "microsoft yahei"; color: #fff;  margin-top: 80px; }
.list5 p { width: 330px; margin-top: 20px; letter-spacing:0.1em; color: #fff;}
.list5 img { float: right; margin-top: 30px;}
.list5 .list_title { margin-top: 10px; margin-left: 545px; float: left;}
.adin .p2 { width: 350px; color: #fff; position: absolute; left: 650px; top: 880px; letter-spacing:0.2em;}
.adin .p3 { width: 350px; color: #fff; position: absolute; left: 80px; top: 1250px; letter-spacing:0.2em;}

.cs { background: url(../images/cs.jpg) no-repeat center; height: 1035px;}
.csin { width: 1000px; margin: 0 auto;}
#cs_title { padding-top: 90px; margin-left: 180px;}
#cs_title li { width: 150px; height: 40px; float: left; margin-right: 105px; text-align: center; font: normal 20px/40px "microsoft yahei"; color: #fff; border: 1px solid #fff; cursor: pointer;}
#cs_title .cur { background: url(../images/cs_bg.png) no-repeat center; color: #00b5d8; border: none; height: 47px;}
#cs_tec {}
#cs_tec li { display: none;}
#cs_tec .act { display: block;}
#cs_tec table { margin-top: 40px; width: 1000px; font: normal 14px "microsoft yahei";  border: 1px solid #fff; border-spacing: 0px;  border-collapse:collapse  } 
#cs_tec table p { color: #fff;}
#cs_tec tr,td { text-align: center; border: 1px solid #fff;  border-collapse:collapse  }
#cs_tec td { height: 35px;}
.cs .notice { margin-top: 10px; color: #fff;}
.cs .notice span { font: normal 15px "microsoft yahei"; }

.anli { background: url(../images/anli.jpg) no-repeat center; height: 899px;}
.anliin { width: 1000px; margin: 0 auto;}
#anli_title { padding-top: 100px; margin-left: 80px;}
#anli_title li { display: inline; font: normal 14px "Arial"; padding: 0 15px; cursor: pointer; }
#anli_title .cur { color: #fff;}
.anli_img { position: relative; margin-top: 20px; height: 700px;}
#arr_l { position: absolute; left: 0; top:40%; cursor: pointer;}
#arr_r { position: absolute; right: 0; top:40%; cursor: pointer;}
.anli_context { width: 826px; height: 657px; overflow: hidden; position: absolute; left:85px; }
.anli_context img { border: 10px solid #fff; }
#anli_text { position: absolute;  width: 99999px; height: 657px;}
#anli_text li { float: left; width: 826px; height: 657px; position: relative;}
.des { width: 746px; background: #000; padding: 20px 30px; filter:alpha(opacity=80); opacity:0.8; position: absolute; left: 10px; bottom: 50px; color: #fff;}
.name { font: normal 20px "Arial"; color: #fff; position: absolute; left: 350px; bottom: 0;}

.msg { background: url(../images/msg.jpg) no-repeat center; height: 508px;}
.msgin { width: 1000px; margin: 0 auto;}
.msgin form { width: 830px; padding: 60px 0 0 85px; position: relative;}
.msgin p { width: 70px; height: 40px; margin-bottom: 30px; font: normal 16px "microsoft yahei"; color: #fff; background: #30bdf8; text-align: center; line-height: 40px; float: left;}
.msgin input { width: 285px; *width: 280px; height: 40px; *height: 36px; margin-bottom: 30px; padding: 0 5px; float: left; border: none; *font-size: 36px\9;}
#name,#email { margin-right: 100px;}
#address { }
.province { width: 285px; height: 40px; float: left; background: #fff;}
.province p { display: none; background: #fff; color: #000; position: relative; z-index: 1; width: 125px; margin-bottom:0px; border-bottom: 1px solid #666; cursor: pointer;}
#arror { float: left; cursor: pointer; position: absolute; right: 0; top: 60px;}
.msgin textarea { width: 810px; height: 200px; padding:10px;  margin-top: 10px; border: none; color: #999;}
.msgin input[type="submit"] { width: 170px; margin-top: 30px; float: right; background: #30bdf8; font: normal 16px "microsoft yahei"; color: #fff; cursor: pointer;}

.foot { background: url(../images/foot_bg.jpg) repeat;}
.footin { width: 1000px; margin: 0 auto; padding: 110px 0;}
.footin div { margin: 0 auto; color: #fff; }
.footin .mofenji { width: 600px;}
.footin .links { width: 380px; margin-top: 20px;}
.footin div a { padding: 0 20px; color: #fff;}

.fix { position: fixed; right: 100px; bottom: 100px; width: 59px; height: 36px;}