/* 全局 */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,pre,dl,dt,dd{margin:0; padding:0; font-size:12px; font-family:"微软雅黑";}
ul,ol{list-style:none;}
img{border:none;}
a{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
css style:html,body{-moz-user-select: none; -khtml-user-select: none; user-select: none;}


/* 头部 */
.topbj{height:160px; background:url(../image/index_01.jpg);}
.top{width:1150px; margin:0 auto;}
.top1{height:118px;}
.top1 img{float:left;;}
.biaoti{float:left; padding:16px 38px 16px 0; margin-top:14px; color:#333333;}
.biaoti h1{font-size:32px;}
.biaoti h3{font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.top1 h4{font-size:18px; color:#333; line-height:118px; margin-left:32px; float:left;}
.top1 p{font-size:18px; color:#333; float:right; background:url(../image/pjh_02.png) left center no-repeat; padding-left:56px; line-height:38px; margin-top:46px;}
.top>ul{height:42px; line-height:42px; position:relative; z-index:10;}
.top>ul>li{width:164px; float:left; text-align:center; background:url(../image/index_02.jpg) right top repeat-y; transition:0.4s;}
.top>ul>li:nth-last-child(1){background:none;}
.top>ul>li:hover{background:#397c8e;}
.top ul li a{color:#FFF;}
.top>ul>li ul{background:#464646; display:none;}
.top>ul>li ul li:hover{background:#397c8e;}
.top .active{background:#397c8e;}

/* 首页 */
.box1{width:1150px; margin:0 auto;}
.titleh3{font-size:28px; color:#464646; text-align:center; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; line-height:134px;}
.titleh3 span{font-size:16px; font-family:"微软雅黑";}
.box1 ul{margin-bottom:40px;}
.box1 li{float:left; width:352px; height:278px; border:10px solid #464646; margin-bottom:20px; position:relative; transition:0.5s; overflow:hidden;}
.box1 li{margin-right:16px;}
.box1 li:nth-child(3n){margin-right:0;}
.box1 li>p{height:48px; line-height:48px; color:#FFF; font-size:12px; text-align:center; background:rgba(70,70,70,0.9); position:absolute; left:0; bottom:0; width:100%;}
.box1 li div{width:100%; height:100%; background:rgba(70,70,70,0.9); position:absolute; top:0; left:0; color:#FFF; display:none;}
.box1 li div h2{font-size:24px; margin:90px 58px 20px 58px;}
.box1 li div p{margin:0 58px 50px 58px; line-height:22px;}
.box1 li:hover{border:10px solid #397c8e;}
.box1 li:hover>p{display:none;}

.box2bj{background:#ececec; border:1px solid #c9c9c9; max-width:1834px; margin:0 auto;}
.box2bj .titleh3{border-bottom:1px solid #dfdfdf;}
.hr{height:1px; background:#fff;}
.box2bj .box1 ul{padding:42px 0 0;}
.box2bj .box1 li{float:left; width:372px; height:278px; border:none; margin-bottom:20px; position:relative; transition:0.5s; overflow:hidden; margin-right:16px;}
.box2bj .box1 li:nth-child(3n){margin-right:0;}
.box2bj .box1 li div h2{font-size:18px; margin:76px 32px 20px 32px; text-align:center; border-bottom:1px solid #6d7575; padding-bottom:20px;}
.box2bj .box1 li div p{margin:0 32px 20px 32px; line-height:22px;}
.box2bj .box1>a{display:block; width:66px; height:32px; background:#465455; color:#FFF; font-size:12px; font-weight:bold; text-align:center; line-height:32px; margin:-20px auto 32px;}

.box3{width:1150px; margin:0 auto; padding:40px 0; color:#464646;}
.box3_L{width:539px; float:left; border-right:1px solid #ececec; padding-right:35px;}
.box3_L_1{line-height:60px;}
.box3_L_1 h3{font-size:24px; float:left; text-transform:uppercase;}
.box3_L_1 h3 span{font-size:14px;}
.box3_L_1 a{font-size:12px; background:url(../image/index_04.jpg) right center no-repeat; padding-right:20px; float:right; color:#464646;}
.box3_L p{line-height:22px; margin-top:16px;}

.box3_R{width:538px; float:right;}
.box3_R li{line-height:24px; border-bottom:1px solid #e6e4e4; color:#464646; padding-bottom:10px; margin-bottom:10px;}
.box3_R li a{color:#269ff2; display:block; font-size:14px;}

#box8{width:1148px; height:1087px; background:url(../image/index_23.jpg) no-repeat; margin:16px auto; border:1px solid #cccccc; position:relative;}
.ys1{width:362px; position:absolute; top:268px; left:126px; font-size:12px; line-height:24px; color:#242424; text-indent:2em;}
.ys2{width:362px; position:absolute; top:268px; left:630px; font-size:12px; line-height:24px; color:#242424; text-indent:2em;}
.ys3{width:362px; position:absolute; top:722px; left:126px; font-size:12px; line-height:24px; color:#242424; text-indent:2em;}
.ys4{width:362px; position:absolute; top:722px; left:630px; font-size:12px; line-height:24px; color:#242424; text-indent:2em;}

.box9{width:1150px; margin:0 auto; text-align:center;}

.box10{width:1150px; margin:60px auto 0;}
.box10 h3{font-size:18px; color:#374d62;}
.box10 ul{padding:20px 0 30px;}
.box10 ul img{float:left; margin:0 20px;}
.box10 li{float:left; background:#374d62; border-radius:18px; width:244px; margin-bottom:20px;}
.box10 li p{line-height:36px; color:#FFF; font-size:16px; float:left;}
.box10 li em{display:block; width:36px; height:36px; border-radius:50%; float:left; text-align:center; line-height:36px; background:#e6370a; color:#FFF; margin-right:20px; font-style:normal; font-size:24px; font-weight:bold;}
.box10 ul .ljdz {text-align:center; font-size:16px; color:#FFF; line-height:36px; background:#e6370a;}

.trouble{background: url(../image/fnao.jpg) no-repeat center top; height: 461px; width:1150px; margin:0 auto;}
.trouble .container{ overflow: hidden; height: 461px; position: relative;}
.trouble .text{ overflow: hidden; float: left; width: 575px; margin-bottom: 28px; margin-left: 75px;}
.trouble .text h5{ font-weight: normal; font-size: 21px; color: #3e3e3e;}
.trouble .text h5 span{ font-size: 21px; color: #ff7e00;}
.trouble .text p{ font-size: 14px; font-family: "宋体"; color: #999; height: 25px; line-height: 25px;}
.trouble .text1{ margin-top: 110px;}
.trouble .hotline{ text-align: center; position: absolute; right: 38px; bottom: 20px;}
.trouble .hotline img{ display:inline-block;}
.trouble .hotline p{ font-size: 14px; color: #fff; padding: 3px 0;}
.trouble .hotline span{ font-size: 22px; color: #fff;}

.pk { width:1150px; margin:0 auto;}
.pk .pktitle {background:url(../image/index_24.jpg) no-repeat;height:63px; width:1150px; margin:40px 0 20px;}
.pk .pktitle .pktitlespan { width:190px; height:54px; line-height:54px; text-align:center; color:#FFFFFF; font-size:18px; font-weight:bold;}
.pk .pkbody {}
.pk .pkbody .anquan {background:url(../image/index_27.jpg) top center no-repeat;height:387px; width:1150px;}
.pk .pkbody .anquan .anquantitle { float:left;font-size: 18px;color: #FFFFFF;font-weight: bold; margin-left:110px; margin-top:24px;}
.pk .pkbody .anquan .anquandec {float:left; margin-left:60px; margin-top:28px;}
.pk .pkbody .youshi {background:url(../image/index_25.jpg) no-repeat;height:241px; width:1150px;}
.pk .pkbody .youshi .youshilist { margin-left:0px;}
.pk .pkbody .youshi .youshilist li { font-size:18px; list-style:none; width:370px; float:left; line-height:80px; height:80px; vertical-align:middle; padding-left:120px;}
.pk .pkbody .chengben {background:url(../image/index_26.jpg) no-repeat;height:398px; width:1150px;}
.pk .pkbody .chengben .chengbentitle {float:left;font-size: 18px;color: #FFFFFF;font-weight: bold; margin-left:92px; margin-top:18px;}
.pk .pkbody .chengben .chengbendec {float:left; margin-left:60px; margin-top:24px;}
.pk .pkbody .chengben .chengbeninfo { margin-left:80px; margin-top:30px; line-height:30px; font-size:14px;}
.pk .pkbody .chengben .chengbenzx {font-size: 18px;color: #FFFFFF;font-weight: bold; margin-left:150px; margin-top:36px;}

/* 底部 */
.bottombj1{ background:#3f3f3f; color:#FFF;}
.bottombj1 a{color:#FFF;}
.bottom1bj{height:415px; background:rgba(63,63,63,0.95);}
.bottom1{width:1150px; margin:0 auto;}
.bottom1 dl{float:left; margin-top:38px; font-size:16px;}
.bottom1 dl dt{border-bottom:1px solid #605b59; padding-bottom:14px; font-size:16px;}
.bottom1 dl dd{font-size:16px;}
.bottom1 dl dt span{border-bottom:2px solid #858585; padding-bottom:13px;}
.dl1{width:550px; margin-right:30px;}
.dl1 dd{line-height:56px; padding-left:54px;}
.dl1 dd:nth-child(2){background:url(../image/index_07.jpg) left center no-repeat; margin-top:24px;}
.dl1 dd:nth-child(3){background:url(../image/index_08.jpg) left center no-repeat;}
.dl1 dd:nth-child(4){background:url(../image/index_09.jpg) left center no-repeat;}
.dl2{width:176px; margin-right:83px;}
.dl2 dd{line-height:34px;}
.dl2 dd:nth-child(2){margin-top:34px;}
.bottom1 .dl3{margin-top:70px;}
.bottom1 .dl3 dt{border:none; font-weight:bold; background:url(../image/pjh_02.png) left center no-repeat; background-size:60px 60px; padding-left:80px; padding-top:20px;}
.bottom1 .dl3 dt p{font-size:24px;}
.bottom1 .dl3 dd{padding-left:80px;}
.bottom2{width:1150px; margin:0 auto; line-height:74px; text-align:center;}

/* 左部 */
.left{width:278px;}
.left h3{height:44px; line-height:44px; color:#FFF; font-size:12px; padding-left:78px; background:url(../image/index_12.jpg);}
.left ul{width:250px; background:#e9e9e9; margin:-3px auto 0; border-radius:0 0 6px 6px;}
.left li{line-height:44px; color:#464646; background:url(../image/index_14.jpg) 48px center no-repeat; border-top:1px solid #dadada; border-bottom:1px solid #FFF; padding-left:66px;}
.left li a{color:#464646;}
.left li:hover{background:#397c8e url(../image/index_15.jpg) 48px center no-repeat;}
.left li:hover a{color:#FFF;}
.left>a{width:250px; height:45px; background:url(../image/index_16.jpg); line-height:44px; text-indent:64px; color:#FFF; margin:18px auto; display:block;}
.left div{width:180px; height:73px; margin:0 auto; background:url(../image/index_17.jpg); padding:10px 0 0 70px;}
.left div p{font-size:14px; color:#397c8e; font-weight:bold; margin-top:2px;}
.left .active{background:#397c8e url(../image/index_15.jpg) 48px center no-repeat;}
.left .active a{color:#FFF;}

/* 产品列表 */
.nybanner{height:356px; background:url(../image/index_11.jpg) center top no-repeat; margin-bottom:28px;}
.ny{width:1150px; margin:0 auto 32px;}
.ny_R{width:856px; color:#464646;}
.ny_R1{height:38px; background:url(../image/index_18.jpg); border:1px solid #e1e1e1; line-height:38px; margin-bottom:16px;}
.ny_R1 h4{padding-left:36px; background:url(../image/index_14.jpg) 22px center no-repeat; font-weight:normal; float:left;}
.ny_R1 span{float:right; padding-right:20px;}
.ny_R1 span a{color:#464646;}
.ny_R2{min-height:500px; border:1px solid #dfdfdf;}
.list_img{padding:18px;}
.list_img li{width:192px; float:left; text-align:center; line-height:36px; margin-bottom:10px; margin-right:16px;}
.list_img li:nth-child(4n){margin-right:0;}
.list_img li div{height:175px; background:#e9e9e9; border:1px solid #dcdcdc; padding:8px;}
.list_img li p{color:#464646;}
.list_img li:hover p{color:#397c8e;}
.fanye{padding:18px;}
.fanye li{float:left; padding:0 4px;}
.fanye li a{color:#666;}

/* 新闻列表 */
.list_news{padding:20px;}
.list_news li{line-height:32px; border-bottom:1px dashed #e1e1e1;}
.list_news li a{color:#464646;}
.list_news li span{color:#9d9d9d;}

/* 单页 */
.about_text{padding:20px; color:#464646;}
.title_h1{text-align:center; font-size:18px;}
.xx_p{text-align:center; margin:6px 0 20px; color:#666;}
.news_text{margin:20px 0;}
.shang,.xia{margin:6x 0;}
.shang a,.xia a{color:#666;}

/* 留言 */
#form1 p{width:6%;}
#form1 li{line-height:32px;}
#form1 li input{width:50%; color:#464646;}
#form1 textarea{width:60%; height:100px; color:#464646;}
#form1>div input{width:100px; height:32px; background:#397c8e; color:#FFF; margner{
    width: 100%;
    height: 500px;
}


  



















