/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:''; color:#333;}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}
:hover{ transition:all .3s ease;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width: 1200px; margin:0 auto;}
input,textarea,select{outline:none}
/*common end*/
.header{ width: 100%; position: relative; border-bottom: 1px solid #DDDDDD;}
.logo{ width: 25%; float: left; height: 60px;}
/*menu*/
.menu{width: 74%; float: right; height:60px;line-height:60px;}
.menu ul li{ float:left;padding: 0 20px;}
.menu ul li dl{ text-align: center; background:#fff; z-index: 9999; width:100%; position:absolute; left:0px; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ display: inline-block; padding: 0 21px; }
.menu ul li dl dd h1{ font-size: 26px; border-bottom: 1px solid #DDDDDD; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:18px;color:#000; text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu a:hover{color:#000;}
a.menu_hover{ background:#666;color:#000;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
.menu ul li:hover dl{
	display: block;
}
.menulist{ width: 100%; padding: 10px 0;}
.mlist1{ line-height: 35px;}
.mlist1 a{ line-height: 35px;}
.con{ width: 100%; background-color: #EEEEEE;}
.pd20{ padding: 20px;}
.tittle h1{ font-size: 36px; text-align: center; font-weight: bold;}
.pd20 p{ font-size: 23px; text-align: center; color: #30363e;}
.tittle{ margin-bottom: 20px;}
.con ul li{ width: 31%; float: left; margin: 10px 10px;}
.prodt{ width: 100%; background-color: #FFFFFF; border-radius: 5px;}
.pronr h2{ font-size: 23px; color: #000000; margin: 10px 0;}
.pronr p{ font-size: 14px; color: #999999; text-align: left; margin-bottom: 10px;} 
.con ul li:hover .prodt{ transform: translateY(-10px); transition: all 0.5s; box-shadow: 0px 5px 15px rgba(0,0,0,0.66);}
.more{ float: left; line-height: 25px; border-radius: 20px; text-align: center; padding: 0 5px; color: #000000;}
.more2{ float: right; line-height: 25px; border-radius: 20px; text-align: center; padding: 0 20px; color: #000000;background-color: #2285ED;}
.more2 a{ color: #FFFFFF;}
.more a{ color:#2285ED;}
.more:hover { background-color: #2285ED;}
.more:hover a{ color: #FFFFFF;}
.con1{ width: 100%; background-color:#EEEEEE;}
.slideTxtBox .hd{ width: 15%; float: left;}
.hd ul{ background-color: #2386EE;}
.hd ul li{ width: 100%; line-height: 70px; font-size: 20px; text-align: center; color: #FFFFFF;}
.bd{ width: 85%; float: left;}
.bd ul{ width: 100%; position: relative;}
.bdwz{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.bdwzpd{ padding: 30px 80px;}
.bdwzpd p{ color: #FFFFFF; font-size: 18px; text-align: left;}
.bdwzpd h1{ font-size: 28px; color: #FFFFFF; margin-bottom: 30px;}
.btn1{ width: 160px; border: 1px solid #FFFFFF; line-height: 35px; text-align: center; float: left; color: #fff;}
.btn2{ width: 160px; background-color: #006AD8; line-height: 35px; text-align: center; float: left; margin-left: 40px;  color: #fff;}
.con2{ width: 100%; background-color:#EEEEEE;}
.con2nr{ background-color: #FFFFFF;}
.con2 ul li{ width: 32%; float: left; margin: 0 7px;}
.c2icon{ width: 50px; height: 50px; float: left;}
.c2nrbt{ float: left; margin-left: 10px;}
.pd10{ padding: 10px;}
.con2nr p{ text-align: left; color: #000000;}
.con3{ width: 100%; background-color:#FFFFFF;}
.c3lf{ width: 32%; float: left; margin: 0 5px;}
.c3rt{ width: 32%; float: left; margin: 0 5px; /*height: 225px;*/ overflow-y: auto;}
.pic3nr{ background-color: #EEEEEE;}
.pic3nr p{ font-size: 18px; color: #000000; text-align: left;}
.pic3nr1{ background-color: #EEEEEE; margin-bottom: 10px;}
.pic3nr1 p{ font-size: 18px; color: #000000; text-align: left;}
.toptxt{ width:80%; text-align: left;}
.toptxt p{ text-align: left;}
.tittle1{ width: 100%; max-width: 600px; margin: 0 auto;}
.con4 ul{ width: 100%; margin-top: 20px;}
.con4 ul li { width: 23%; margin: 0 10px; float: left; position: relative;height: 400px; }
.c4pic{ width: 100%; height: 400px; position: absolute; top: 0; left: 0;}
.con4 ul li:hover .c4pic{ transform: scale(1.1,1.1);}
.con5{ width: 100%; background-color: #2587EE;}
.con5 h1{ font-size: 38px; text-align: center; color: #FFFFFF; margin-bottom: 30px;}
.con5 ul{ width: 100%; max-width: 600px; margin: 0 auto;}
.con5 ul li{ width: 23%; margin: 0 5px; float: left;}
.con5pic{ text-align: center;}
.con5 ul li p{ font-size: 15px; color: #FFf;}
.input1{ width: 230px; height: 40px; border: 0; border-radius: 10px; padding-left: 5px; margin-right: 5px;}
.select1{width: 230px; height: 40px; border: 0; border-radius: 10px;margin-right: 5px; }
.btnn1{width: 230px; height: 40px; border: 0; border-radius: 10px;  background-color: #FFFFFF;}
.wapper1{ width: 100%; max-width: 1000px; margin: 0 auto;}
.con5 h2{ font-size: 35px; text-align: center; color: #FFFFFF;}
.xuq ul li{ width: 15%; margin: 0 5px; float: left;}
.xuq ul li img{ vertical-align: middle;}
.footcontct{ width: 23%; float: left;}
.footlm{ width: 18%; float: left; margin-left: 20px;}
.footlm a{ width: 47%; display: inline-block; margin-bottom: 5px;}
.footrt{ width: 15%; float: left; margin-left: 20px;}
.footrt a{ width: 100%; display: inline-block; margin-bottom: 5px;}
.bdbg{ padding: 60px 0;}
.bdcon{ width: 100%; max-width: 1000px; margin: 0 auto; border-radius: 15px; background-color: #FFFFFF;  }
.jshao{ width: 65%; float: left;box-shadow: 0px 0px 10px rgba(0,89,171,1); height: 460px;}
.jshao p{ font-size: 26px; color: #2386EE; text-align: left; text-align: left; font-weight: bold;}
.jshao ul li{ width: 50%; float: left; margin-bottom: 30px;}
.bdpic{ float: left; /*width: 52px; height: 52px;*/}
.bdnr{ float: left;}
.bdnr h3{ font-size: 16px; text-align: left;}
.bdnr p{ font-size: 14px; text-align: left;}
.jsbg{ width: 35%; float: left;}
.jsbg h2{ text-align: center; color: #000000; font-size: 30px;}
.jsbg p{ text-align: center; color: #777777; font-size: 14px;}
.userlf{ width: 50px; height: 35px; float: left; background-color: #E6F0F9; border-radius: 5px;}
.userrt{ width: 255px; height: 35px; float: right;}
.userrt input{ width: 100%; height: 35px; background-color:#E6F0F9; padding-left: 10px;}
.user{ width: 100%; margin: 10px 0; overflow: hidden;}
.user select{ width: 100%; height: 35px; background-color:#E6F0F9; border: 0; text-align: center;}
.user textarea{ width: 100%; height: 35px; background-color:#E6F0F9; border: 0; }
.btn3{ width: 200px; border: 1px solid #2386EE;  background-color: #fff; text-align: center; line-height: 30px; margin: 20px auto;}
.ht{ height: 60px;}
.prodlf{ width: 20%; float: left;}
.prodlf h1{ font-size:24px; color: red; padding-bottom: 10px; border-bottom: 1px solid #DDDDDD;}

.prodlf ul li{ line-height: 35px; border-bottom: 1px solid #DDDDDD;}
.prodrt{ width: 75%; float: right;}
.prodrt h1{font-size:24px; color: red; padding-bottom: 10px; border-bottom: 1px solid #DDDDDD;}
.prodrt ul li{ width:18%; float: left; margin: 8px;}
.prodrt ul li p{ font-size: 16px; text-align: center;}