/* 全局 */
body,p,pre,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-family:"微软雅黑";}
li{list-style:none;}
a{text-decoration:none;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

/* 头部 */
.topbj{background:rgba(5,33,67,0.8); border-bottom:1px solid #CCC; position:fixed; top:0; left:0; width:100%; z-index:101;}
.top{width:1360px; height:72px; margin:0 auto; line-height:72px;}
.top a{color:#FFF;}
.top>img{height:100%; float:left; margin-right:20px;}
.top>ul{float:left; font-size:14px; color:#FFF; font-family:"宋体";}
.top>ul>li{float:left; padding:0 20px; position:relative;}
.top>ul>li ul{position:absolute; top:72px; left:0; padding:0 20px; background:rgba(5,33,67,0.8); display:none;}
.top>ul>li ul li{white-space:nowrap; height:50px; line-height:50px;}
.top .fr a{margin-left:10px;}

/* 首页 */
.box1bj{height:800px; background:url(images/index_02.jpg) center center no-repeat; color:#395372; padding-top:87px;}
.box_tit{position:relative; width:1360px; margin:0 auto;}
.box_tit>a{padding-left:30px; display:block; float:left; font-size:12px; color:#395372; line-height:12px; background:url(images/index_03.jpg) left center no-repeat; text-transform:uppercase;}
.box_tit>a span{font-size:10px; font-family:"宋体";}
.box_tit>span{font-size:14px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; display:block; float:left; margin-left:66px; padding-left:70px; height:22px; line-height:22px; border-left:2px solid #395372;}
.box_tit h3{text-align:center; position:absolute; top:0; left:0; width:100%; height:82px; line-height:82px; transform:translate(0,-64px); font-size:30px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.box_tit h3 img{transform:translate(0,32px); margin:0 20px;}
.box_tit h3 span{font-weight:normal; font-family:"微软雅黑"; font-size:26px;}
.box_tit>img{float:right; border-right:2px solid #395372; padding-right:18px;}
#ulbj{border-bottom:1px solid #c3cad4; margin-top:70px; font-size:14px; font-family:"宋体";}
#ulbj div{width:100%; margin:0 auto; text-align:center; height:52px; line-height:52px;}
#ulbj div a{color:#222; margin:0 22px;}
#ulbj div a.active{border-bottom:3px solid #395372; padding-bottom:17px;}
#box1{width:1360px; height:301px; margin:130px auto 0; position:relative; font-family:"宋体";}
#box1_Z{position:absolute; top:70px; left:0;}
#box1_Y{position:absolute; top:70px; right:0;}
#box1gdbj{width:1200px; height:301px; margin:0 auto; position:relative; overflow:hidden;}
#box1gdbj ul{position:absolute; top:0; left:0; display:none;}
#box1gdbj li{width:228px; height:300px; border-bottom:1px solid #999999; margin-right:22px; float:left;}
#box1gdbj li>a{width:100%; height:226px; display:block; background:url(images/pjh_11.png) center bottom no-repeat;}
#box1gdbj li>a img{width:100%; height:200px;}
#box1gdbj li div a{display:block; font-size:14px; color:#666; margin:20px 0 6px 0;}
#box1gdbj li div p{font-size:12px; color:#999;}
#box1gdbj li:hover{border-bottom:1px solid #395372;}
#box1gdbj li:hover div a{color:#395372;}
#box1gdbj li:hover div p{color:#7086a3;}

.box2bj{height:887px; background:url(images/index_06.jpg) center center no-repeat;}
.box2{width:1360px; margin:0 auto; padding-top:122px; position:relative; color:#395372;}
.box2 .by{position:absolute; top:236px; left:0;}
.box2 .by h3{font-size:24px;}
.box2 .by p{font-size:12px;}
.box2 dl{position:absolute;}
.box2 dt{margin-bottom:20px;}
.box2 dt i{display:block; width:30px; height:30px; float:left; margin-right:16px;}
.box2 dt p{float:left; font-size:20px; color:rgba(51,51,51,0.6); text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.box2 dt p b{color:#333; font-family:"微软雅黑";}
.box2 dl dd{font-size:14px; color:#333333; font-family:"宋体"; line-height:22px; margin-bottom:15px;}
.box2 .dl1{top:378px; left:22px; width:346px;}
.box2 .dl1 i,.box2 .dl2 i{background:url(images/pjh_12.png) center center no-repeat;}
.box2 .dl2{top:570px; left:40px; width:346px;}
.box2 .dl3{top:250px; left:866px; width:380px;}
.box2 .dl3 i{background:url(images/pjh_13.png) center center no-repeat; border:1px solid #395372; border-radius:50%; width:36px; height:36px;}
.box2 .dl4{top:430px; left:970px; width:390px;}
.box2 .dl4 i{background:url(images/pjh_14.png) center center no-repeat; border:1px solid #395372; border-radius:50%; width:36px; height:36px; border:1px solid #80b075;}
.box2 .dl5{top:630px; left:960px; width:398px;}
.box2 .dl5 i{background:url(images/pjh_15.png) center center no-repeat;}

.box3bj{height:887px; background:url(images/index_07.jpg) center top no-repeat;}
.box3{width:1360px; margin:0 auto; padding-top:100px;}
.box3 .box_tit{color:#395372;}
.box3 .box_tit>a{padding-left:30px; display:block; float:left; font-size:12px; color:#fff; line-height:12px; background:url(images/index_08.jpg) left center no-repeat; text-transform:uppercase;}
.box3 .box_tit>span{font-size:14px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; display:block; float:left; margin-left:66px; padding-left:70px; height:22px; line-height:22px; border-left:2px solid #fff; color:#FFF;}
.box3 .box_tit h3 span{font-weight:normal; font-family:"微软雅黑"; font-size:26px; color:#FFF;}
.box3 .box_tit>img{float:right; border-right:2px solid #fff; padding-right:18px;}

.sj_tit{width:940px; height:44px; margin:72px auto 56px; padding-bottom:12px; border-bottom:1px solid #FFF; position:relative;}
#shij{text-align:center; padding-bottom:40px; font-size:20px; margin:0 auto -28px; width:730px; position:relative; overflow:hidden; height:44px;}
#shij a{padding:36px; color:#FFF; background:url(images/pjh_20.png) center bottom no-repeat;}
#shij a.active{background:url(images/pjh_21.png) center bottom no-repeat; font-size:24px; color:#395372;}
#shij ul{position:absolute; top:0; left:0;}
#box3_left{position:absolute; top:0px; left:0;}
#box3_right{position:absolute; top:0px; right:0;}
#shij_xqbj{height:500px; position:relative;}
#box3_left2{position:absolute; top:200px; left:0; z-index:10;}
#box3_right2{position:absolute; top:200px; right:0; z-index:10;}
#shij_xq{width:946px; height:436px; margin:76px auto 0; position:relative; overflow:hidden;}
#shij_xq ul{position:absolute; top:0; left:0; height:436px; display:none;}
#shij_xq ul li{width:946px; height:436px; float:left; position:relative;}
#shij_xq ul li div{height:116px; width:100%; position:absolute; bottom:0; left:0; background:rgba(255,255,255,0.8);}
#shij_xq ul li div dl{float:left; margin:10px 0 0 78px; width:520px;}
#shij_xq ul li div dt{font-size:20px; color:#395372;}
#shij_xq ul li div dt span{padding:2px 10px; background:#395372; font-size:14px; border-radius:10px; color:#FFF; margin-left:10px; font-family:Arial, Helvetica, sans-serif;}
#shij_xq ul li div dd{font-size:14px; color:#395372; line-height:22px; font-family:"宋体"; margin-top:12px;}
#shij_xq ul li div em{float:right; font-size:56px; line-height:116px; color:#395372; font-family:Arial, Helvetica, sans-serif; margin-right:42px; font-style:normal;}
#shij_xq ul li img{float:right; width:100%; height:100%;}

.box4{width:1360px; margin:120px auto;}
.box4 .box_tit{color:#395372;}
.box4 .fl{width:666px; text-align:center; margin-top:90px;}
.box4 p{font-size:22px; color:#222; display:inline; box-shadow:-1px -1px 1px #333333; padding:0 10px; border-radius:6px;}
.box4 p span{text-transform:uppercase; color:rgba(34,34,34,0.6);}
.box4 .video{height:438px; background:#000; margin-top:20px;}
.box4 .fr{width:666px; text-align:center; margin-top:90px;}

.box5bj{height:887px; background:url(images/index_09.jpg) center top no-repeat;}
.box5{width:1360px; margin:0 auto; padding-top:126px;}
.box5 .box_tit{color:#395372; margin-bottom:90px;}
.box5 .box_tit>a{padding-left:30px; display:block; float:left; font-size:12px; color:#fff; line-height:12px; background:url(images/index_08.jpg) left center no-repeat; text-transform:uppercase;}
.box5 .box_tit>span{font-size:14px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; display:block; float:left; margin-left:66px; padding-left:70px; height:22px; line-height:22px; border-left:2px solid #fff; color:#FFF;}
.box5 .box_tit h3 span{font-weight:normal; font-family:"微软雅黑"; font-size:26px; color:#FFF;}
.box5 .box_tit>img{float:right; border-right:2px solid #fff; padding-right:18px;}
.box5 ul{width:650px; float:left;}
.box5 li{margin-bottom:22px;}
.box5 li dt{width:236px; height:174px; float:left;}
.box5 li dt img{width:100%; height:100%; display:block;}
.box5 li dd{width:398px; height:142px; background:#dde6f1; float:right; border:16px solid #bacde3; border-left:0;}
.box5 li dd a{font-size:16px; color:#052143; margin:30px 20px 10px 40px; display:block;}
.box5 li dd p{font-size:12px; color:#395372; margin:0 20px 0 40px;}
.box5 li dd:hover{background:#9ca9b9; border:16px solid #395372; border-left:0;}
.box5 .fr{width:680px; height:566px; overflow:hidden; position:relative;}
.box5 .fr img{width:100%; height:100%; transition:0.5s;}
.box5 .fr img:hover{transform:scale(1.1);}
.box5 .fr dl{position:absolute; bottom:0; left:0; width:100%; text-align:center; background:rgba(55,77,105,0.8); color:#FFF; padding:20px 0;}
.box5 .fr dl a{color:#FFF; font-size:16px;}
.box5 .fr dl dd{font-size:12px; padding:10px 40px 0 40px;}

/* 底部 */
.bottombj{background:#374d69; padding:60px 0 40px;}
.bottom{width:1360px; margin:0 auto; color:#e8edf3;}
.bottom1_L{width:394px; float:left; border-right:1px solid #4b5f78;}
.bottom1_L dl{padding-left:56px; background:url(images/pjh_17.png) left center no-repeat; margin-bottom:54px;}
.bottom1_L dt{font-size:20px; font-weight:bold; margin-bottom:6px;}
.bottom1_L dd .fl{font-size:12px; width:66px;}
.bottom1_L dd small{display:block; text-transform:uppercase; font-size:8px;}
.bottom1_L dd .fr{float:left; height:26px; line-height:26px; background:#e8edf3; color:#374d69; font-size:20px; padding:0 10px; font-weight:bold;}
.bottom1_L ul{border:1px solid #4b5f78; padding:22px 24px 10px 0; background:url(images/index_10.jpg) 60px top repeat-y; font-size:14px; float:left; font-family:"宋体";}
.bottom1_L li{margin-bottom:14px;}
.bottom1_L li i{float:left; display:block; width:60px; text-align:center; font-style:normal; margin-right:20px;}
.bottom_C{width:630px; float:left; border-right:1px solid #4b5f78; margin-left:60px;}
.bottom_C h3{font-size:20px;}
.bottom_C small{font-size:8px; text-transform:uppercase;}
.bottom_C p{font-size:12px; text-transform:uppercase; margin-bottom:50px;}
.bottom_C>ul>li{float:left; margin-right:50px; font-size:12px;}
.bottom_C li>dl{margin-bottom:36px;}
.bottom_C li>dl>dt{margin-bottom:18px;}
.bottom_C li>dl>dd{margin-bottom:10px;}
.bottom_C li>dl>dd a{color:rgba(255,255,255,0.6);}
.bottom_C li>dl>dd li{margin-top:10px; padding-left:10px;}
.bottom_C li>dl>dd li a{color:rgba(255,255,255,0.4);}
.bottom_R{width:274px; float:right; text-align:center; padding-top:50px;}
.bottom_R h6{font-size:12px; font-weight:normal; margin:22px 0 10px;}
.bottom_R p{font-size:12px; color:rgba(255,255,255,0.6);}
.bottom2{font-size:12px; color:rgba(255,255,255,0.6); margin-top:20px; line-height:30px;}
.bottom2 a{color:rgba(255,255,255,0.6);}
.bottom2 .fr{width:50%; background:url(images/index_10.jpg) left center repeat-x;}
.bottom2 .fr .gotop{display:block; float:right; background:#e8edf3; padding:0 20px; color:#374d69;}
.bottom2 .fr .wailian{float:left; background:#374d69;}
.bottom2 .fr .wailian a{float:left; margin-right:12px;}

/* 关于我们 */
.positionbj{background:#FFF;}
.position{width:1360px; height:90px; margin:0 auto; line-height:90px; font-size:14px; color:#666;}
.position a{color:#666;}
#form1{float:right;}
#form1 input:nth-child(1){border:1px solid #dedede; height:28px; color:#666; padding:0 10px;}
#form1 input:nth-child(2){border:1px solid #dedede; height:32px; color:#666;}
.about{width:1360px; margin:40px auto 60px;}
.about_right{font-size:14px; color:#666; width:1060px; float:right;}
.about_right a{color:#666;}
.about_right1{border-bottom:1px solid #cccccc; padding:30px 0 10px 0; margin-bottom:20px;}
.about_right1 h3{font-size:14px; padding-left:25px; background:url(images/pjh_31.png) 5px center no-repeat;}
.about_right2 img{max-width:100%;}

/* 左部 */
.left{width:202px; float:left; padding:24px; border:1px solid #dfdfdf; background:#FFF;}
.left h3{font-size:14px; color:#666; padding-left:24px; background:url(images/pjh_31.png) left center no-repeat; margin-bottom:20px;}
.left dl{font-size:12px; color:#999; margin-bottom:5px;}
.left dl a{color:#999;}
.left dt{padding:10px 24px; border:1px solid #efefef;}
.left dt.active{background:#efefef;}
.left dd{padding:10px 24px;}
.left dd a.active{color:#18395a;}
.left ul{border:1px solid #efefef; font-size:12px; color:#999; padding:26px 26px 20px 18px;}
.left ul li{margin-bottom:16px;}

/* 产品列表 */
.list_img li{width:212px; float:left; text-align:center; margin-bottom:30px;}
.list_img li div{height:188px; padding-bottom:24px; background:url(images/pjh_11.png) center bottom no-repeat; margin-bottom:10px;}
.list_img li div img{width:176px; height:168px;}
.list_img li p{height:30px; line-height:30px;}
.yema li{float:left; color:#666; margin-right:10px;}
.yema li a{color:#666;}

/* 新闻列表 */
.list_news li{width:336px; float:left; margin:0 26px 40px 0;}
.list_news li:nth-child(3n){margin-right:0;}
.list_news li img{display:block; width:100%; height:164px;}
.list_news li a{display:block; font-size:14px; color:#666666; margin:16px 0 8px;}
.list_news li a:hover{color:#18395a;}
.list_news li span{font-size:12px; color:#999;}
.list_news li p{font-size:12px; color:#666; height:76px; line-height:20px; overflow:hidden; margin-top:16px;}

/* 产品详情 */
.about_right1 h2{font-size:26px; text-align:center;}
.bdsharebuttonbox{width:134px; margin:5px auto;}
.bdsharebuttonbox a:nth-last-child(1){margin-right:0;}
.about_right2>.fl{width:600px; height:600px; margin:0 auto; padding:12px; border:1px solid #cccccc; background:#FFF; text-align:center;}
.about_right2>.fl div{height:100%; border:1px solid #cccccc; background:#efefef;}
.about_right2>.fl span{height:100%; display:inline-block; vertical-align:middle;}
.about_right2>.fl img{max-width:100%; max-height:100%; vertical-align:middle;}

.about_right2 .jia li{width:170px; height:170px; float:left; margin:10px; border:1px solid #CCC; padding:8px;}
.about_right2 .jia li img{width:100%; height:100%;;}
.about_right2>.fr{width:400px;}
.about_right2>.fr h2.img_tit{font-size:18px; margin:20px 0 12px;}
.about_right2>.fr a.zixun{margin-right:12px;}
.about_right2>.fr .ewm{display:block; margin:20px 0 25px;}
.about_right2 .xq_tit{font-size:18px; margin:20px 0;}

/* 新闻详情 */
.about_right1 .zuozhe{font-size:12px; color:#999; display:block; text-align:center; margin-top:12px;}
.about_right2 .xw_body{margin-bottom:20px;}
.about_right2 .fanye{font-size:14px; color:#999;}
.about_right2 .fanye a{color:#999;}

.about_right2 #box1{width:100%;}
.about_right2 #box1gdbj{width:900px;}