﻿*{margin:0; padding:0}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, button, input, textarea, p, blockquote, table, th, td{margin:0; padding:0;}
body{font:normal 100% 微软雅黑, "Microsoft YaHei", 宋体, Arial, Tahoma, Helvetica, sans-serif; min-width:1200px;font-size:14px;color:#333;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
button, input, textarea, select{font-family:inherit; font-size:inherit; *font-size:100%; font-weight:inherit;}
address, caption, cite, code, dfn, em, var, b{font-style:normal; font-weight:normal;}
input, textarea{outline-style:none;}
em, i, b{font-style:normal;}
ul, ol, li{list-style:none;}
fieldset, img{ border:0;}
.fl{float:left;}
.fr{float:right;}
a,img{text-decoration:none; color:#333;font-size:14px;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.clear{clear:both;}
.w1200{width:1200px; margin:0 auto; overflow:hidden;}



/* 头部 */
#header{width:auto; height:auto; overflow:hidden;}


/*顶部*/
.topbox{height:36px; line-height:35px; border-bottom:1px solid #eee;}
.top{width:1200px; margin:0 auto;}
.welcome{font-size:13px;}
.t-t dt{float:left;}
.t-t dt a{font-size:13px; padding:0 10px;}
.t-t dt a:hover{text-decoration:underline;}


/*LOGO*/
.logobox{width:1200px;height:100px;margin:0 auto;overflow:hidden;}
.logo img{height:100%;}


/*NAV*/
.navbox{width:auto; height:50px; border-top:6px solid #0084ce;}
.nav{width:1200px; margin:0 auto;}
.nav dt{width:150px; text-align:center; float:left; position:relative; height:50px; line-height:50px;}
.nav dt a{display:block; font-size:15px;}
.nav dt:hover a{text-decoration:none; z-index:200;}
.nav dt:hover a,.nav dt .current{color:#FFF;}
.nav dt .current,.nav dt a:hover{background-color:#0084ce;}

.shownav{background-color:#FFF; visibility:hidden; position:absolute; font-weight:normal; width:200px; padding:0; left:50%; display:none; _display:block;box-shadow:4px 4px 10px #666; z-index:999; margin-left:-74px;}
.nav dt:hover .shownav{display:block; text-align:left; font-size:13px;}
.nav dt .shownav .dd{width:99%; height:35px;}
.nav dt .shownav .dd a{font-size:13px;color:#333; display:block; line-height:30px; padding-left:30px;background:url(../images/nav_up_2.gif) no-repeat 15px;}
.nav dt .shownav .dd a:hover{color:#FF9900; padding-left:37px;}


/*banner*/
.lubo{width:100%; min-width:1000px; clear:both; position:relative; height:550px;}
.lubo_box{position:relative; width:100%; height:550px;}
.lubo_box li{float:left; position:absolute; top:0; left:0; width:100%; height:550px; opacity:0; filter:alpha(opacity=0);}
.lubo_box li a{display:block; width:100%; height:100%;}
.lubo_box li img{width:100%; height:550px;}
.cir_box{overflow:hidden; position:absolute; z-index:100;} /*圆点*/
.cir_box li{float:left; width:30px; height:5px; margin:0 5px; cursor:pointer; background:#fff; opacity:1; filter:alpha(opacity=100);}
.cir_on{background:#f60 !important;}
.lubo_btn{position:absolute; width:100%; top:182px;} /*按钮*/
.left_btn, .right_btn{font-family:"宋体"!important; width:30px; height:80px; cursor:pointer; color:#fff; line-height:80px; font-size:30px; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transition:all 1s;}
.lubo:hover .left_btn, .lubo:hover .right_btn{background:#000;  opacity:0.5; filter:alpha(opacity=50);  transition:all 1s;}
.left_btn{float:left;}
.right_btn{float:right;}


/* 网站主体 */
#content{width:auto; height:auto; overflow:hidden;}


/* 标题 */
.tit{width:275px;height:85px;margin:0 auto;text-align:center;background:url(../images/tit.png) no-repeat left top;}
.tit p{font-size:35px;color:#0084ce;}
.tit span{display:block;font-size:17px;color:#929292;}


/*产品展示*/
.pro_bj{width:1200px; height:auto; overflow:hidden; margin:70px auto;}
.pro_bk{height:auto; overflow:hidden;}
.pro_bk-u{overflow: hidden;margin:45px auto;}
.pro_bk-u ul li{overflow:hidden;float:left;border:1px solid #eee;margin:12px 15px;transition: all 0.5s linear 0s;}
.pro_bk-u ul li .pic{width:262px;height:265px;margin: 2px;overflow:hidden;}
.pro_bk-u ul li img{width:262px;height:265px;transition: all 0.5s linear 0s;}
.pro_bk-u ul li:hover img{transform: scale(1.2);}
.pro_bk-u ul li:hover{background-color:#0084ce;}
.pro_bk-u ul li:hover p{color:#fff;}
.pro_bk-u ul li p{line-height:40px;text-align:center;font-size:14px;}

.pro_bk-i{width:134px;line-height:34px;text-align: center;margin:0 auto;}
.pro_bk-i a{display:block;overflow:hidden;border-radius:5px;border: 2px solid #0084ce;}
.pro_bk-i a:hover{background-color:#0084ce;color:#fff}


/* 关于我们 */
.about_wrap{width:100%; height:560px; background:url(../images/about_bj.png) center center no-repeat; padding:50px 0px 0px;}
.about_wrap .tit{background:url(../images/tit1.png) no-repeat left top;}
.about_wrap .tit p,.about_wrap .tit span{color:#fff;}
.about{margin-top:45px;padding:10px 20px 10px 10px;}
.aboutleft{width:580px; height:380px;}

.aboutright{width:550px;}
.aboutright h3{font-size:20px;margin-top:25px;}
.aboutright i{display:block;width:100px;height:2px;background-color: #0084ce;margin:10px 0 20px;}
.aboutright p{line-height:30px;text-indent:2em;color:#555;}
.aboutright .pro_bk-i{margin:25px 0 0;}


/* 优势 */
.ys_wrap{margin:50px auto 70px;}
.ys{margin-top:45px;}
.ysleft,.ysright{width:335px;margin-top:60px;}
.ysleft ul li{padding-right:65px;text-align:right;}
.ysright ul li{padding-left:65px;text-align:left;}
.ysmiddle{width:420px;margin-left:57px;}

.ys ul li{margin-bottom:40px;}
.ys ul li.li1{background:url(../images/ys1.png) no-repeat right top;}
.ys ul li.li2{background:url(../images/ys2.png) no-repeat right top;}
.ys ul li.li3{background:url(../images/ys3.png) no-repeat right top;}
.ys ul li.li4{background:url(../images/ys4.png) no-repeat left top;}
.ys ul li.li5{background:url(../images/ys5.png) no-repeat left top;}
.ys ul li.li6{background:url(../images/ys6.png) no-repeat left top;}
.ys ul li h3{font-size:18px;color: #0084ce;margin-bottom:10px;}
.ys ul li p{color:#666;}


/* 案例展示 */
.scsb{width:100%;height: 645px;background:url(../images/anli_bj.jpg) center center no-repeat;padding:50px 0px 0px;}
.scsb-min{width: 1200px;margin:45px auto 0;}
.scsb-min-lb{float: left;}
.scsb-min-lb a{width: 240px;height: 360px;display: block;}
.scsb-min-lb .lb1{width: 240px;}
.scsb-min-lb .lb1 img{width: 240px;height: 200px;display: block; transition:all 0.2s linear 0s;}
.scsb .pro_bk-i{margin-top:55px;}

.scsb-min-lb .lb2{width: 240px;height: 160px;background-color: #0084ce;transition:all 0.2s linear 0s;}
.scsb-min-lb:nth-child(2) .lb2,.scsb-min-lb:nth-child(4) .lb2{background-color: #fff;}

.scsb-min-lb .lb2-1{margin: auto;width: 105px;padding-top: 50px;text-align: center;font-size: 35px;font-family: "Niagara Solid";color: #fff;}
.scsb-min-lb:nth-child(2) .lb2-1,.scsb-min-lb:nth-child(4) .lb2-1{color: #444;}

.scsb-min-lb .lb2-2{text-align: center;margin: 10px 0 10px 0;color: #fff;}
.scsb-min-lb:nth-child(2) .lb2-2,.scsb-min-lb:nth-child(4) .lb2-2{color: #444;}

.scsb-min-lb a:hover img{width: 240px;height: 180px;}
.scsb-min-lb a:hover .lb2{height: 180px;background-color: #659e2d;}
.scsb-min-lb a:hover .lb2 div{color: #fff;}


/* 新闻动态 */
.xwdt{margin:70px auto 40px;}
.news_wrap{width:100%;margin:45px auto 0;}
.news{width:279px;margin-right:21px;}
.news:nth-child(4n){margin-right:0px;}
.news_pic,.news_pic img{width:279px;height:180px;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.news_pic img:hover{opacity:0.75;}
.news_tit{display:block;margin:20px 0px 10px;font-size:15px;}
.news_tit:hover{color:#0084ce;text-decoration:underline;}
.news span{display:block;color:#929292;}
.news p{line-height:23px;height:75px;overflow:hidden;color:#777;}


/*友情链接*/
.fr_linkbj{width:100%;height:65px;line-height:65px;background-color:#f9f9f9;}
.fr_link{width:1200px;height:65px;margin:0 auto; background:url(../images/yq.png) no-repeat left center;}
.fr_link li{float:left;margin:0 10px;}
.fr_link li:first-child{margin-left:30px;font-weight:bold;}
.fr_link li a:hover{text-decoration:underline;}


/*footer*/
.footer{width:100%;height:330px;background-color:#0084ce;}
.foot{width:1200px;margin:0 auto;color:#fff;}
.foot font{display:block; font-size:20px;margin:45px 0 20px 0;}

.f_pro{width:310px;height:390px;padding:0 0 0 30px;background-color:#659e2d;}
.f_pro dd{width:282px;padding-left:28px;height:32px;line-height:32px;}
.f_pro dd.f_i1{background:url(../images/icon1.png) no-repeat left center;}
.f_pro dd.f_i2{background:url(../images/icon2.png) no-repeat left center;}
.f_pro dd.f_i3{background:url(../images/icon3.png) no-repeat left center;}
.f_pro dd.f_i4{background:url(../images/icon4.png) no-repeat left center;}
.f_pro dd.f_i5{background:url(../images/icon5.png) no-repeat left center;}
.f_pro dd.f_i6{margin-top:20px;line-height:20px;}
.f_pro dd.f_i6 img{width:90px;height:90px;float:left;}
.f_pro dd.f_i6 span{display:inline-block;float:left;margin:35px 0 0 15px;}

.f_nav{width:280px;margin-left:150px;}
.f_nav font{margin:45px 0 30px 0;}
.f_nav dt{width:50%;float:left;line-height:45px;}
.f_nav dt a{color:#FFF;display:inline-block;margin-left:5px;}
.f_nav dt a:hover{text-decoration:underline;}

.foot_two{width:330px;}
.foot_two font{margin:45px 0 30px 0;}
.foot_two .book{width:330px;}
.foot_two .book label{float:left;width:45px;color:#FFF;}
.foot_two .book input{float:right;width:280px;height:25px;border:none;border-radius:3px;box-shadow:0 1px 5px rgba(255, 255, 255, 0.5);}
.foot_two .book textarea{float:right;width:280px;height:80px;border:none;border-radius:3px;box-shadow:0 1px 5px rgba(255, 255, 255, 0.5);}
.foot_two .tijiao{width:90px;height:30px;line-height: 30px;color: #fff;text-align: center;background-color: #659e2d;border: 0;margin-left:240px;cursor:pointer;}

.f_info{width:100%;height:60px;line-height:60px;background-color:#036aa4;color:#fff;}
.f_info p{font-size:13px;margin-left:30px;}