/*公共样式开始*/
html,body,div,p,ul,li,dt,dd,h1,h2,h3,h4,h5,h6,
form,input,select,button,textarea,iframe,table,
th,td{margin:0; padding:0;}
body{ width:100%; height:100%; max-width:100%;}
img{border:0 none; vertical-align:center;}
ul,li{list-style-type: none; margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{font-size:14px;}
body,input,select,button,textarea{font-size:12px; font-family: "宋体", "Arial";}
button{cursor:pointer;}
i,em,cite{font-style:normal;}
aside section,.body{display:block; width:1000px; margin:0 auto;}
.cle{ float: none;}
a, a:link, a:hover{ text-decoration: none; color: #000;}
.bshare-custom{ margin-left: 78px;}
/*公共样式结束*/


/*index页面开始*/
/*head部分开始*/
.head{ width: 100%; height: 150px; min-width: 1200px;}
.head .top{ width: 100%; height: 28px; background: #007cc2;}
.head .top .mains{ width: 1200px; margin: 0 auto; line-height: 28px;}
.head .top .mains span{ color: #c9def1; float: left;}
.head .top .mains .ul{ float: right;}
.head .top .mains .ul li{ float: left; width: 90px; text-align: center; color: #c9def1;}
.head .top .mains .ul li img{ padding-top: 7px; padding-right: 7px;}
.head .top .mains .ul li a{ color: #c9def1;}
.head  .dh{ width: auto; height: 122px;  margin: 0 auto;}
.head .dh .dhmain{ width: 1200px; margin: 0 auto; height:122px; position: relative; }
.head .dh .dhmain .form{ position: absolute; right: 5px; top: 18px;}
.head .dh .dhmain .tj{ background: url("../img/tj.png"); width: 30px; height: 28px; position: relative; border: 0px; left: -8px;}
.head .dh .dhmain .text{ height: 25px; width: 244px; float: left; border-radius: 5px; border: 1px solid #dbdbdb;}
.head .dh .dhmain .text:focus{ outline: none;}
.head .dh .dhmain img{ margin-top: 35px; float: left;}
.head .dh .dhmain ul{ width: 900px; float: right; margin-top: 64px;}
.head .dh .dhmain ul li{ float: left; line-height: 40px; width: 110px; text-align: center; font-size: 14px; font-family: 微软雅黑;}
.head .dh .dhmain ul li:hover{  background: url("../img/li.png"); color: #0083b7;}
.head .dh .dhmain ul li:hover a{ color: #0083b7;}
.head .dh .dhmain ul li a{ width: 110px; display: block;}
.head .dh .dhmain ul li a:hover{ background: url("../img/b.png") no-repeat 95px 19px; }



/**友情链接 start**/
.linkp{ font-size:13px; color:#fff; text-indent:20px; padding-bottom:8px;}
.linkp a{ color:#fff; padding-right:15px;}
/**友情链接 end**/



/*head部分结束*/
.banner{ width: 100%; min-width: 1200px;}

.focus {
    width:100%;
    height:500px;
    overflow: hidden;
    position: relative;
    margin:0 auto;
    min-width:1300px;
}
.f-img-list {
    height: 500px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
}
.f-img-list li {
    height:500px;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 101;
}
.f-img-list li a{
    display:block;
    width:100%;
    height:500px;
}
.f-img-list li.on {
    z-index: 105;
}
.focus .f-b {
    width: 980px;
    margin: auto;
    position: relative;
    z-index: 110;
}
.focus .f-b .f-content {
    position: absolute;
    width: 100%;
    height: 100%;
}
.d-img-list-bg, .d-img-list {
    position: absolute;
    left:100px;
    top: 0;
    width: 200px;
    height: 380px;
}
.d-img-list-bg {
    background: #000000;
    opacity: 0.2;
    filter: Alpha(Opacity = 20);
}
.d-img-list li {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 112;
    display: none;
    width: 200px;
    height: 380px;
}
.d-img-list li.on {
    z-index: 113;
    display: block;
}
.d-img-list li h3 {
    padding: 60px 10px 10px 10px;
    color: #37a4e4;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: normal;
}
.d-img-list li p {
    padding: 10px 10px 10px 10px;
    color: #ffffff;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: normal;
    line-height: 1.6;
}
.focus-btns {
    position: absolute;
    right: 140px;
    top: 280px;
}

.btn-focus.on {
    display: block;
}
.btn-focus-down {
    background-position: 0 0;
}
.btn-manage {
    background-position: 0 -50px;
}
.focus-page-btn {
    width: 69px;
    height: 128px;
    background: url('../img/focus-page-btns.png') no-repeat;
    position: absolute;
    top: 45%;
    z-index: 110;
}
.focus-btn-prev {
    background-position: 0 0;
    left: 5px;
}
.focus-btn-next {
    background-position: -66px 0;
    right: 5px;
}


.main{ width: 100%; height:auto; background: url("../img/body.png"); padding-bottom: 30px; min-width: 1200px;}
.main .zj{ width: 1200px; height: auto; margin: 0 auto;}
.main .zj .lxjs{ width: 1200px; height: 230px; background: url("../img/lxjs.png") no-repeat 0 85px; }
.main .zj .lxjs ul{ margin-left: 30px; height: auto; overflow: hidden;}
.main .zj .lxjs ul li{ width: 230px; height: auto; float: left;  margin-top: 35px; text-align: center;}
.main .zj .lxjs ul li p{ font-size: 14px; margin-top: 20px;}
.main .zj .lxjs ul .li{ margin: 0 auto; width: 90px; height: 90px;  border-radius:53px;  background: #cdcccc; border: 8px solid #ffffff; position: relative;}
.main .zj .lxjs ul .li img{position:absolute;left:23%;top:22%}
.main .zj .lxjs ul .li:hover{ background: #0083b7; }
.main .zj .lxjs ul li:hover p{ color: #0083b7}
.main .zj .lxjs ul p:hover .li{ background: #0083b7;}
/*top部分开始*/
.main .zj .gywm{  height: auto; width: 1200px; background: #ffffff;}
.main .zj .gywm .news{ width: 1130px; height: 700px; margin: 0 auto; padding: 20px 0px;}
.main .zj .gywm .news .top{ width: 100%; height: 430px;}
.main .zj .gywm .news .top .li{ width: 360px; height: 430px; float: left; }
.main .zj .gywm .news .top .li1{ margin-left: 25px;}
.main .zj .gywm .news .top .li2{ float: right;}
.main .zj .gywm .news .top .li .gy{ height: 25px; width: 360px;  margin: 0 auto;  margin-top: 15px; border-bottom: 1px solid #dddddd; padding-bottom: 10px;}
.main .zj .gywm .news .top .li .js{ height: 350px; width: 360px; margin: 0 auto; border-top:1px solid #dddddd; margin-top: 2px; padding-top: 20px; overflow: hidden;}
.main .zj .gywm .news .top .li .js .g{ margin: 0; padding: 0;}
.main .zj .gywm .news .top .li .js p{ font-size: 14px; line-height: 28px; text-indent: 2em; margin-top: 10px;}
.main .zj .gywm .news .top .li .js ul{ overflow: hidden; margin-top: 5px;}
.main .zj .gywm .news .top .li .js ul li{ line-height: 36px; font-size: 14px; border-bottom: 1px dashed #cecccc;}
.main .zj .gywm .news .top .li .js li img{ margin-right: 5px;}
.main .zj .gywm .news .top .li .js .lp{ background: #f3f3f3; width: 360px; height: 208px; margin: auto; padding-top: 20px;}
.main .zj .gywm .news .top .li .js .lp p{ margin-left: 20px;}
.main .zj .gywm .news .top .li .js .lp span{ width: 56px; height: 32px; display: block; float: left; }
.main .zj .gywm .news .top .li .js li{font-size: 14px;  height: auto; line-height: 32px; margin-left: 20px;}
/*top部分结束*/
.main .zj .gywm .news .gcal{ width: 100%; height: 280px; }
.main .zj .gywm .news .gcal .gy{  margin: 0 auto;  margin-top: 15px; border-bottom: 1px solid #dddddd; padding-bottom: 10px;}
.main .zj .gywm .news .gcal .cp{ height: 200px; margin-top: 2px; border-top: 1px solid #dddddd; padding-top: 30px;}
.main .zj .gywm .news .gcal .cp ul li{ float: left;  width: 225px; text-align: center; height: 200px;}
.main .zj .gywm .news .gcal .cp ul li p{ font-size: 14px; margin-top: 10px;}
.main .zj .gywm .news .gcal .cp ul li img{ padding: 2px; border: 1px solid #999999;}


/*foot*/
.foot{ width: 100%; height: 180px; background: #0778a5; min-width: 1200px;}
.foot .footer{ width: 1200px; margin: 0 auto; height: auto; border: 1px solid #0083b7;}
.foot .footer .left{ width:800px; overflow: hidden; margin-top: 20px; float: left;}
.foot .footer .left ul{ height: auto;  overflow: hidden; margin-bottom: 20px;}
.foot .footer .left ul li{ float: left; width: 100px; font-size: 12px; color: #ffffff; text-align: center;}
.foot .footer .left ul li span{ float: left; color: #ffffff;}
.foot .footer .left ul li a{  color: #ffffff;}
.foot .footer .left .dhqq{ font-size: 12px; color: #ffffff; margin-left: 20px;}
.foot .footer .left p{ margin: 10px 0px;}
.foot .footer .rigth{ float: right; width: 350px; height: 80px;margin-top: 45px;}
.foot .footer .rigth img{ margin-left: 30px; margin-top: 8px;}
/*index页面结束*/


/*新闻列表页面开始*/
.nbanner{ width: 100%;}
.dlwz{ width: 100%; background: url("../img/bj.png"); height: 40px;}
.dlwz .mains{ width: 1130px; margin: 0 auto; height: 40px;}
.dlwz .mains .news{ width: 834px; float: right; height: 40px;}
.dlwz .mains .news span{ font-size: 16px; line-height: 40px; font-family: 微软雅黑; color: #595a5a;}
.us{ min-height: 500px; height: auto;position: relative; }
.us .mains{ width: 1130px; margin: 0 auto; overflow: hidden;}
.us .mains .news{ width: 834px; float: right; height: auto;  margin-top: 30px; background: #ffffff;}
.us .mains .news .empty{ line-height: 33px; font-size: 14px; color: #ff0000;}
.us .mains .news .ul{ height: 120px; width: 95%; margin: 0 auto; border-bottom: 1px dashed #999999; padding: 25px 0px;}
.us .mains .news .page{ height: 50px; margin-left:40%; margin-top:20px;}
.us .mains .news li{ margin: 0 auto; width: 95%; line-height: 42px; border-bottom: 1px dashed #cecccc; font-size: 14px;}
.us .mains .news li span{ float: right; color: #999999;}

.us .mains .left{ width: 264px; height: auto; overflow: hidden; min-height: 264px; float: left; position: absolute; top: -80px;
    filter:alpha(opacity=50);
    -moz-opacity:0.2;
    opacity:0.8;
    border-radius: 5px;
    background: url("../img/tm.png");
    display: block;;
}
.us .mains .left .mar{ min-height: 200px; z-index: 8888; color: #000000;}
.us .mains .left .mar ul li{ line-height: 40px; border-bottom: 1px solid #e3e3e3; padding-left: 30px; color: #333333; font-family: "宋体", "Arial"; font-size: 14px;}
.us .mains .left .mar ul li img{ float: right; margin-top: 15px; margin-right: 50px;}
.us .mains .left p{ font-size: 17px; line-height: 40px; color: #000000; padding-left: 30px; font-family: 微软雅黑;}
.us .mains .left .bot{ height: 38px; width: 264px; background: url("../img/bj.png");}

/*新闻列表页面结束*/

/*产品中心页面开始*/
.us .mains .newd{ width: 834px; float: right; height: auto;  margin-top: 30px; background: #ffffff; border-radius: 5px;}
.us .mains .newd .ul{ height: 120px; width: 95%; margin: 0 auto; border-bottom: 1px dashed #999999; padding: 25px 0px;}
.us .mains .newd ul{ overflow: hidden;}
.us .mains .newd .page{ height: 50px; float: right; margin-right: 30px;}
.us .mains .newd li{ margin: 0 auto; line-height: 20px; float: left; margin: 22px; border: 1px solid #e6e6e6; box-shadow: 0 0 5px #999;}
.us .mains .newd li img{ margin: 10px 10px; width:209px; height:260px;}
.us .mains .newd li p{ color: #333; text-align: center; font-size: 14px; margin-bottom:10px;}
/*产品中心页面结束*/


/*设计与研发开始*/
.us .mains .newa{ width: 834px; float: right; height: auto;  margin-top: 30px; background: #ffffff;}
.us .mains .newa .ul{ height: 120px; width: 95%; margin: 0 auto; border-bottom: 1px dashed #999999; padding: 25px 0px;}
.us .mains .newa ul{ overflow: hidden;}
.us .mains .newa .page{ height: 50px; float: right; margin-right: 30px;}
.us .mains .newa li{ margin: 0 auto; float: left; width: 390px; height: 212px; margin-top: 25px; margin-left: 15px; border-radius: 10px; background: #f0f0f0;}
.us .mains .newa li img{ float: left;}
.us .mains .newa li .rw{ height: 212px; width: 240px;  float: left;border-radius: 10px; overflow: hidden;}
.us .mains .newa li .rw .n{ width: 90%; margin: 0 auto;}
.us .mains .newa li p{ color: #000; font-size: 13px; margin: 7px 0px; line-height: 22px;}
/*设计与研发结束*/


/*资料下载页面开始*/
.us .mains .newl{ width: 834px; float: right; height: auto;  margin-top: 30px; background: #ffffff;}
.us .mains .newl .ul{width: 790px; margin: 0 auto;  margin-top: 20px;
    border: 1px solid #999999;  }
.us .mains .newl .ul div{ width: 158px; float: left;height: auto; line-height: 55px; text-align: center; background: #f7f7f7;}
.us .mains .newl .ul div p{font-size: 14px; color: #6b6b6b;}
.us .mains .newl .ul .p{ background-color: #000; color: #ffffff; line-height: 30px; text-indent: 2em; width: 790px;}
.us .mains .newl ul{ overflow: hidden;}
.us .mains .newl .ul ul li p{ float: left; width: 20%; text-align: center;}
.us .mains .newl .page{ height: 50px; float: right; margin-right: 30px;}
.us .mains .newl li{ margin: 0 auto; float: left; width: 790px;  background: #f0f0f0;}
.us .mains .newl li img{ float: left;}
.us .mains .newl li .rw{ height: 212px; width: 218px;  float: left;border-radius: 10px; margin-left: 20px;}
.us .mains .newl li p{ color: #6b6b6b; font-size: 14px; margin: 7px 0px; line-height: 22px;}
.us .mains .newl li p a{color: #6b6b6b;}
/*资料下载页面结束*/

/*单页页面开始*/
.us .mains .newo{ width: 834px; float: right; height: auto;  margin-top: 30px; background: #ffffff;}
.us .mains .newo a{ color:#0778a5 !important;border-bottom:1px solid #0778a5;}
.us .mains .newo a:hover{ color:#d68a00 !important; border-bottom:0px solid #d68a00;}
.us .mains .newo .ul{ height: auto ;width: 95%; margin: 0 auto;  padding: 25px 0px;}
.us .mains .newo .ul p{ line-height: 28px;}
.us .mains .newo ul{ overflow: hidden;}
.us .mains .newo img{ max-width:100%;}
.us .mains .newo .page{ height: 50px; float: right;}
.us .mains .newo li{ margin: 0 auto; line-height: 34px; float: left; margin: 22px; border: 1px solid #999999; box-shadow: 0 0 1px #999;}
.us .mains .newo li img{ margin: 10px 10px;}
.us .mains .newo li p{ color: #999999; text-align: center; font-size: 14px;}
.us .mains .newo .run{ }
/*单页页面结束*/

/*分页CSS样式开始
.page .num{ width: 40px; height: 20px; background-color: #0083b7;}*/
.page .prev{ background-color: #4075a1; width: 40px; height: 20px; display: block;  text-align: center; float: left; line-height: 20px; }
.page .first{ background-color: #4075a1; width: 40px; height: 20px; display: block;  text-align: center; float: left; line-height: 20px;  display: none;}
.page .num{ width: 20px; height: 20px; display: block; float: left; background: #0083b7; text-align: center; color: #ffffff; margin: 0px 2px; line-height: 20px;}
.page .current{ width: 20px; height: 20px; display: block; float: left; background: #ff0000; text-align: center; color: #ffffff; line-height: 20px;}
.page .prev:hover{ background-color: #1d4a71;}
.page .next{ background-color: #4075a1;width: 40px; height: 20px; display: block; text-align: center; float: left;  line-height: 20px;}
.page .next:hover{ background-color: #1d4a71;}
.page .end{ width: 20px; height: 20px; display: block; float: left; background: #0083b7; text-align: center; color: #ffffff; margin: 0px 2px; line-height: 20px;}
/*分页CSS样式结束*/

.mores{ margin-top: 150px;}