@charset "utf-8";
/* CSS Document */

body{ font-family:"微软雅黑", "宋体",Arial, sans-serif, serif;-webkit-text-size-adjust:none; font-size:12px; }
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,span,input,iframe,textarea, dt, dd, dl{
	margin:0;	padding:0;
	border:none;
	list-style:none;
}
input{ outline:none;}
textarea{ outline:none;}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
a{text-decoration:none; color:#000;}
a:hover{cursor:pointer; }
.fl {float:left; display:block;}
.fr {float:right; display:block;}


/*-----------------  ■ top -------------------*/
.top{ background:#fff; line-height:40px;border-bottom:#ebebeb solid 1px; height:40px; overflow:hidden;}
.top01{ width:1100px; margin:0 auto; color:#6c6c6c; height:40px; font-size:14px; }
.top02{ float:left;}
.top03{ float:right; width:278px;}


/*-----------------  ■ header -------------------*/
.header{width:100%; height:100px; background:#f8f8f8;}
.header01{width:1100px; margin:0 auto;height:75px; padding-top:25px;}
.header .logo{float:left; }
.header .tel{float:right;font-size:14px; color:#555; padding-left:55px; background:url(../images/tel.png) no-repeat left center;  margin-top:5px;}
.header .tel .num{ font-size:26px; color:#ff4a00; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}


/*-----------------  ■ nav-------------------*/
.nav{width:100%; height:48px; background:#0088d6;}
.nav01{width:1100px; margin:0 auto; line-height:48px; overflow:hidden; border-right:1px #66b8e6 solid;}
.nav01 ul li{
float:left; width:156px; text-align:center; border-left:1px #66b8e6 solid;}
.nav01 ul li a{
font-size:14px; color:#fff;}
.nav01 ul li:hover{
background:#ff4a00;}

/*-----------------  ■ banner-------------------*/
.banner .slideBox{
width:100%;height:500px;overflow:hidden;position:relative;margin:0 auto;}
.banner .slideBox .hd{
height:15px;overflow:hidden;position:absolute;text-align:center;bottom:30px;z-index:1;width:100%;}
.banner .slideBox .hd ul{
overflow:hidden;zoom:1;}
.banner .slideBox .hd ul li{
margin-right:15px;width:15px;height:15px;cursor:pointer;background:url(../images/banner_ico2.png) no-repeat 0px 0px;display:inline-block;}
.banner .slideBox .hd ul li.on{
background:url(../images/banner_ico1.png) no-repeat center center;}
.banner .slideBox .bd{
position:relative;height:100%;z-index:0;}
.banner .slideBox .bd li{
zoom:1;vertical-align:middle;text-align:center;}
.banner .slideBox .bd li a{display:block;height:500px;width:100%;}

/*-----------------  ■ product-------------------*/
.product{
width:1100px; height:547px; margin:0 auto;}
.product01{
width:1100px; height:60px; background:url(../images/pro_bg.png) top center no-repeat; text-align:center; padding-top:40px; font-size:16px; color:#666; margin-top:40px;}
.product02{
width:1100px; height:auto;}
.pro_left{
width:217px; }
.product03{background:#0088d6; height:400px;}
.pro_left h1{
text-align:center; padding:30px 0px;}
.pro_left ul li{
width:185px; height:36px; line-height:36px; text-align:center; background:url(../images/cp_meau_bg.png) center no-repeat; display:block; margin:0 auto; margin-bottom:20px; font-size:14px;}
.pro_left ul li:hover  a{color:#ff4a00;}
.more{
width:217px; height:42px; line-height:42px; background:#ff4a00; display:block; text-align:center; margin-top:5px; font-size:16px; color:#fff;}
.pro_right{
width:879px; height:auto; margin-left:-15px;}
.pro_right ul li{
width:204px; height:216px; float:left; margin-left:15px; margin-bottom:15px;}
.pro_right ul li p{
width:204px; height:36px; background:#ededed; text-align:center; line-height:36px;}



/*-----------------  ■ youshi-------------------*/
.youshi{
width:100%; height:860px; background:url(../images/youshi_bg.jpg) center top no-repeat; margin-top:50px;}
.youshi01{
text-align:center; font-size:32px; color:#0088d6; font-weight:bold; padding-top:48px;}
.youshi02{
width:1000px; text-align:center; margin:0 auto; overflow:hidden; margin-top:490px;}
.youshi02 h1{
color:#fff;}
.ys01{
width:300px; padding-left:23px; padding-top:10px;}
.ys01 p{
color:#555; font-size:14px; padding-top:53px;}
.ys02{
width:300px; padding-left:23px;}
.ys02 h1{
padding-left:20px;}
.ys02 p{
color:#555; font-size:14px; padding-top:63px;}
.ys03{
width:300px; padding-left:35px; padding-top:10px;}
.ys03 p{
color:#555; font-size:14px; padding-top:53px;}


/*-----------------  ■ case-------------------*/
.case{
width:1120px; height:auto; margin:0 auto;}
.case01{
text-align:center; margin-top:40px;}
.case01 h1{ color:#0088d6; font-size:40px;}
.case01 p{
color:#555; font-size:14px;}
#case02{
width:1120px; overflow:hidden; margin-top:40px; height:260px;}
#case02 ul li{
float:left; margin:0 10px;}
#case02 ul li p{
text-align:center; line-height:40px; height:40px; background:#f5f5f5; font-size:14px; color:#555;}


/*-----------------  ■ about-------------------*/
.about{
width:100%; height:auto; background:#fafafa; border-bottom:1px #f0f0f0 solid; border-top:1px #f0f0f0 solid; margin-top:50px; padding-bottom:50px;}
.about01{
width:1100px; margin:0 auto; background:url(../images/about_tit_bg.png) center top no-repeat; text-align:center; height:60px; margin-top:50px; font-size:18px;
padding-top:55px;}
.about02{
width:1100px; height:auto; overflow:hidden; margin:0 auto;}
.aimg{
width:547px; height:365px;}
.atext{
width:500px; height:365px;}
.atext h2{
color:#0088d6; padding-bottom:10px; line-height:50px; font-size:22px;}
.atext  p{
color:#666; line-height:24px; font-size:14px;}
.atext a{
width:120px; height:36px; background:#ff4a00; text-align:center; line-height:36px; color:#fff; display:block; margin-top:45px; font-size:14px;}


/*-----------------  ■ news-------------------*/
.news{
width:1100px; height:auto; margin:0 auto;}
.news_con{
overflow:hidden; width:1128px; margin-left:-28px; margin-top:30px; }
.news01{
width:346px; height:auto; margin-left:28px;}
.news_tit{overflow:hidden;width:346px; border-bottom:1px #ccc solid; line-height:32px; margin-bottom:10px;}
.news_tit b{
float:left; font-weight:400; font-size:16px; border-bottom:2px #088cd7 solid; width:70px; display:block;}
.news_tit a{
float:right; color:#666;}
.news_tit a:hover{
color:#088cd7;}
.news_text ul{
margin-top:5px;}
.news_text ul li{
width:331px; height:auto; overflow:hidden; line-height:32px; border-bottom:1px #ddd dashed; background:url(../images/news_bg.jpg) left center no-repeat; padding-left:15px;}
.news_text ul li p{
float:left; }
.news_text ul li a{
color:#666;}
.news_text ul li a:hover{color:#088cd7;}
.news_text ul li span{
float:right;}


/*-----------------  ■ footer-------------------*/
.footer{
width:100%; height:auto; background:#394052; margin-top:50px;}
.foot_wrap{
width:1100px; height:auto; margin:0 auto;}

.foot_con{
overflow:hidden;padding:50px 0px;}
.foot_fl{
width:520px; float:left;}
.foot_fl p{
color:#c5c5c5; font-size:14px; line-height:32px; padding-top:10px;}
.foot_fl h2{
color:#fff;font-weight:400; }
.foot_fl img{
margin-top:40px;}
.foot_fr{
width:480px; height:auto; float:right;}
.foot_fr h2{
color:#fff;margin-bottom:15px; font-weight:400; }
.foot_fr input {
width: 460px;height:20px;background: #575c6c;color: #ccc;font:14px/20px Microsoft YaHei; margin-bottom: 10px;padding: 10px;}
.foot_fr textarea{
background: #575c6c; width:470px; height:150px;color: #ccc; font:14px/24px Microsoft YaHei; padding: 10px;}

.foot_fr input.subbnt{
 width:480px; height:40px; background:#f45c2a;cursor:pointer; color:#fff; margin-top:15px;}
.footer1{
width:100%; height:58px; background:#2d3342; color:#aaa; text-align:center; line-height:58px;}