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

.fl{ float:left;}
.fr{ float:right;}
.kd{ width:92%; margin:0 auto; max-width:1300px;}
@media screen and (max-width:768px){
.kd{ width:96%;}
}

/* 头部 */
.top1bj{height:44px; line-height:44px; background:#e2e2e2;}
.top1{width:1274px; margin:0 auto; font-size:15px; color:#666;}
.top1 a{color:inherit; padding-left:25px;}
.top2bj{background:#f2f2f2;}
.top2{width:1274px; margin:0 auto; height:150px;}
.top2 .logo{float:left; margin:40px 8px 10px 8px;}
.top2 .fl{margin-top:38px; padding-left:18px; background:url(images/index_022.jpg) left center no-repeat; height:96px; box-sizing:border-box; padding-top:15px;}
.top2 .fl dt{font-size:28px; color:#ed7020; font-weight:bold;}
.top2 .fl dd{font-size:16px; color:#666666;}
.top2 .fr{margin-top:36px;}
.top2 .fr dt{font-size:14px; color:#666666; position:relative; text-align:center; margin-bottom:10px;}
.top2 .fr dt:before{content:""; position:absolute; top:0; bottom:0; left:0; margin:auto; width:100%; height:1px; background:#666; z-index:1;}
.top2 .fr dt span{position:relative; z-index:2; padding:0 5px; background:#f2f2f2;}
.top2 .fr dd{font-size:32px; color:#ed7020; height:42px; line-height:42px; padding-left:42px; background:url(images/pjh_04.png) left center no-repeat; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.top3bj{height:50px; line-height:50px; font-size:16px; color:#FFF; background:url(images/index_03.jpg) center center no-repeat;}
.top3{width:1274px; margin:0 auto;}
.top3 li{float:left; width:141px; text-align:center;}
.top3 li a{display:block; color:inherit;}

/* 首页 */
.sousuobj{height:50px; line-height:50px; border-bottom:1px solid #b4b4b4; background:#eeeeee;}
.sousuo{width:1274px; margin:0 auto; font-size:14px; color:#666;}
.sousuo a{color:inherit; padding-right:10px;}
.sousuo form{float:right;}
.sousuo input{height:30px; border:none; font-size:14px;}
.sousuo input:nth-child(1){width:240px; background:#d8d7d7; color:#666; height:28px; padding-left:10px;}
.sousuo input:nth-child(2){color:#FFF; background:#5c5a5a;}

.box1{width:1274px; margin:50px auto;}
.index_tit{text-align:center; margin-bottom:50px;}
.index_tit p{font-size:40px; color:#0a3e85; font-weight:bold; margin-bottom:10px;}
.index_tit span{padding:0 250px 0 250px; background:url(images/pjh_05.png) left center no-repeat,url(images/pjh_06.png) right center no-repeat; font-size:24px; color:#444444;}
.box1>.fl{width:220px;}
.box1>.fl .tit{height:50px; line-height:50px; background:#ae1a22; color:#FFF; text-align:center; font-size:20px; font-weight:bold;}
.box1>.fl .bod{border:2px solid #1d1e30; padding:4px; border-top:none; color:#333;}
.box1>.fl .bod a{color:inherit;}
.box1>.fl .bod a:hover{color:#ae1a22;}
.box1>.fl .bod dt{height:40px; line-height:40px; background:#e4e2e2; font-size:16px; padding-left:24px;}
.box1>.fl .bod dd{font-size:14px; height:34px; line-height:34px; border-bottom:1px dotted #CCC; padding-left:34px;}
.box1>.fr{width:990px;}
.box1>.fr dl{width:310px; float:left; margin-right:30px; margin-bottom:30px;}
.box1>.fr dl:nth-child(3n){margin-right:0;}
.box1>.fr dl a{color:inherit;}
.box1>.fr dt{height:272px; background:url(images/index_04.jpg) center bottom no-repeat; margin-bottom:10px;}
.box1>.fr dt img{width:308px; height:254px; border:1px solid #dddddd;}
.box1>.fr dd{width:200px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#FFF; background:#0a3e85; margin:0 auto; transition:0.4s;}
.box1>.fr dl:hover dd{transform:translate(-4px,-4px); box-shadow:4px 4px 4px #999;}

.index_tit2bj{height:159px; background:url(images/pjh_07.png) center center no-repeat; color:#FFF;}
.index_tit2{width:1274px; margin:0 auto;}
.index_tit2 h3{float:left; font-size:48px; margin:30px 140px 0 50px; font-weight:normal;}
.index_tit2 .fl{font-size:24px; margin-top:54px;}
.index_tit2 .fr{font-size:16px; margin:38px 60px 0 0;}
.index_tit2 .fr b{font-size:30px; display:block;}

.box2{width:1274px; margin:70px auto;}
.box2 .bod{height:620px; background:url(images/index_05.jpg) 38px center no-repeat; position:relative;}
.box2 dl{position:absolute; font-size:24px;}
.box2 dt{color:#999; margin-bottom:10px;}
.box2 dd{color:#0a3e85; font-weight:bold;}
.box2 .dl1{top:40px; left:740px;}
.box2 .dl2{top:188px; left:830px;}
.box2 .dl3{top:360px; left:820px;}
.box2 .dl4{top:520px; left:760px;}

.box3{width:1274px; margin:70px auto;}
.box3 .bod{height:1298px; background:url(images/index_06.jpg) center top no-repeat; position:relative;}
.box3 .bod dl{position:absolute; width:510px;}
.box3 .bod dt{font-size:30px; font-size:34px; color:#333; font-weight:bold; padding:13px 0; border-bottom:1px dotted #CCC;}
.box3 .bod p{font-size:24px; color:#0a3e85; margin:20px 0;}
.box3 .bod dd{font-size:16px; line-height:30px; color:#333; background:url(images/pjh_10.png) left 6px no-repeat; padding-left:26px;}
.box3 .bod .dl1{top:66px; left:80px;}
.box3 .bod .dl2{top:542px; left:720px;}
.box3 .bod .dl3{top:1028px; left:80px;}

.box4{width:1274px; margin:70px auto;}
.box4 .tit{height:68px; line-height:68px; border-bottom:1px solid #CCC; margin-bottom:40px;}
.box4 .tit li{float:left; margin-right:80px; font-size:32px; font-weight:bold;}
.box4 .tit li a{color:#333;}
.box4 .tit li.active a{color:#0a3e85; border-bottom:3px solid #0a3e85; padding-bottom:10px;}
.box4 .bod{height:366px; position:relative;}
.box4 .bod .news{height:366px; width:100%; position:absolute; top:0; left:0; display:none;}
.box4 .bod .news>.fl{width:630px;}
.box4 .bod .news>.fl dl{height:80px; padding:20px 0;}
.box4 .bod .news>.fl dt{width:104px; float:left; font-size:44px; text-align:center; border-right:1px solid #d6d6d6; color:#999; height:100%; line-height:80px;}
.box4 .bod .news>.fl dd{margin-left:136px; color:#333; padding-right:20px;}
.box4 .bod .news>.fl dd a{font-size:16px; color:inherit; font-weight:bold; display:block; margin-top:5px;}
.box4 .bod .news>.fl dd p{font-size:12px; margin-top:10px; line-height:20px;}
.box4 .bod .news>.fl dl:hover{background:#0a3e85;}
.box4 .bod .news>.fl dl:hover dt{color:#FFF;}
.box4 .bod .news>.fl dl:hover dd{color:#FFF;}
.box4 .bod .news>.fr{width:590px; height:366px; position:relative;}
.box4 .bod .news>.fr img{width:100%; height:100%;}
.box4 .bod .news>.fr div{position:absolute; bottom:0; left:0; width:100%; background:rgba(10,62,133,0.8); padding:20px 0; color:#FFF; font-size:12px;}
.box4 .bod .news>.fr div p{padding:0 30px;}

.box5bj{background:#f6f6f6; padding:36px 0;}
.box5{width:1274px; margin:0 auto;}
.box5>p{font-size:40px; color:#0a3e85; text-align:center; margin-bottom:36px;}
.box5>p small{display:block; font-size:18px; color:#484848;}
.box5 li{width:176px; float:left; text-align:center; color:#484848;}
.box5 ul>img{float:left; margin:50px 0 0;}
.box5 li img{width:135px; height:135px; transition:0.6s;}
.box5 li h5{font-size:18px; margin:12px 0 8px;}
.box5 li p{font-size:14px;}
.box5 li:hover img{transform:rotate(360deg);}

.box6{width:1274px; height:430px; margin:70px auto 50px; background:url(images/index_0.jpg) left center no-repeat;}
.box6 .fr1{height:430px; background:#f1f1f1; margin-top:38px; position:relative;}
.box6 .fr{width:600px; height:380px; background:#f1f1f1; margin-top:38px; position:relative;}
.box6 .fr img{position:absolute; top:22px; left:-45px;}
.box6 .fr .bod{padding:30px 80px 0; color:#333;}
.box6 .fr .bod h3{font-size:24px; margin-bottom:20px;}
.box6 .fr .bod p{font-size:16px; text-indent:2em; margin-bottom:10px; line-height:24px;}
.box6 .fr .bod a{display:block; width:160px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#FFF; background:#0a3e85; margin-top:20px;}

.box7{width:1274px; margin:0 auto; position:relative;}
.box7 .tit{height:40px; line-height:40px; background:#0a3e85; color:#FFF; padding:0 20px; margin-bottom:30px;}
.box7 .tit span{float:left; font-size:20px; font-weight:bold;}
.box7 .tit a{color:inherit; font-size:14px; float:right;}
.box7 .bod{height:340px; overflow:hidden; position:relative;}
.box7 .bod ul{position:absolute; top:0; left:0;}
.box7 .bod li{width:394px; float:left; margin-right:44px;}
.box7 .bod li img{width:394px; height:287px;}
.box7 .bod li p{font-size:14px; color:#333; text-align:center; margin-top:10px;}
#zou_box7{position:absolute; top:180px; left:-50px;}
#you_box7{position:absolute; top:180px; right:-50px;}

.box9{width:1274px; margin:0 auto; position:relative;}
.box9 .tit{height:40px; line-height:40px; background:#0a3e85; color:#FFF; padding:0 20px; margin-bottom:30px;}
.box9 .tit span{float:left; font-size:20px; font-weight:bold;}
.box9 .tit a{color:inherit; font-size:14px; float:right;}
.box9 .bod{height:300px; overflow:hidden; position:relative;}
.box9 .bod ul{position:absolute; top:0; left:0;}
.box9 .bod li{width:375px; float:left; margin-right:44px;}
.box9 .bod li img{width:375px; height:260px;}
.box9 .bod li p{font-size:14px; color:#333; text-align:center; margin-top:10px;}
#zou_box9{position:absolute; top:180px; left:-50px;}
#you_box9{position:absolute; top:180px; right:-50px;}

.box10 .tit{text-align: center; padding: 10px 0 40px;}
.box10 .tit dt{font-size: 36px; color: var(--maincolor);}
.box10{background: #ffffff; position: relative; margin: 60px 0 10px; padding-bottom: 50px;}
.box10:before{content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 225px; background: #ffffff;}
.box10 .w1200{position: relative; z-index: 1;}
.box10 .videobj{height: 500px; display: flex; align-items: center; justify-content: center; background: #ffffff;}
.box10 .videobj .video{width: 1200px; height: 500px;}
.box10 .videobj .video video{width: 100%; height: 100%; background: #000;}



.box11{width:1200px; margin:0 auto; position:relative;}#zuo_box1{position:absolute; top:25px; left:0;}#you_box1{position:absolute; top:25px; right:0;}
.box11 .bod{width:1100px; height:330px; margin:0 auto; position:relative; overflow:hidden;}
.box11 .bod ul{position:absolute; top:0; left:0;}.box1 .bod li{width:226px; height:324px; border:1px solid #dddddd; float:left; margin-right:8px;}
.box11 .bod li img{width:100%; height:100%;}


/* 底部 */
.bottombj{background:#0a3e85;}
.bottom{width:1274px; margin:50px auto 0; padding:30px 0; color:#FFF;}
.bottom a{color:inherit;}
.bottom dl{float:left; margin-left:100px;}
.bottom dt{font-size:24px; font-weight:bold; height:50px; line-height:50px; border-bottom:2px solid #918f8f; margin-bottom:16px;}
.bottom dt span{border-bottom:3px solid #FFF; padding-bottom:9px;}
.bottom dd{font-size:14px; height:26px; line-height:26px;}
.bottom .dl1{width:300px;}
.bottom .dl2{width:200px;}
.bottom .fr{margin-right:100px;margin-top:10px; text-align:center; font-size:14px; color:#CCC;}
.bottom .fr img{width:166px; height:166px; display:block; margin-bottom:10px;}

/* 左部 */
.box2_L{width:210px; float:left;}
.box2_L h3{font-size:26px; color:#FFF; background:url(images/pjh_20.png) no-repeat; height:71px; line-height:70px; padding-left:60px;}
.box2_L .cpfl{padding:18px 18px 0 18px; border:1px solid #0b5090; font-size:14px; margin-bottom:26px;}
.box2_L .cpfl dl{margin-bottom:20px;}
.box2_L .cpfl dt{height:40px; background:url(images/pjh_21.png); padding-left:10px; line-height:40px; color:#FFF; margin-bottom:8px; cursor:pointer;}
.box2_L .cpfl dt a{color:#FFF;}
.box2_L .cpfl dd{min-height:37px; line-height:36px; padding-left:24px; border:1px solid #dddddd; margin-bottom:6px; border-radius:6px;}
.box2_L .cpfl dd a{color:#666;}
.box2_L .lx{padding:24px 12px; border:1px solid #0b5090;}
.box2_L .lx .dh{background:url(images/index_14.jpg) left center no-repeat; padding-left:58px; padding-bottom:18px; border-bottom:1px dashed #dddddd; font-size:13px; font-weight:bold; margin-bottom:12px;}
.box2_L .lx .dh em{font-size:14px; display:block;}
.box2_L .lx p{font-size:13px; color:#666; margin-bottom:6px;}

/* 关于我们 */
.ny{width:1200px; margin:30px auto;}
.about_R{width:950px; float:right;}
.about_1{height:40px; line-height:40px; background:url(images/index_20.jpg); border:1px solid #eaeaea; border-radius:6px; padding-left:26px;}
.about_1 h3{font-size:18px; color:#1e3c8d; float:left; background:url(images/index_21.jpg) left center no-repeat; padding-left:14px;}
.about_1 span{float:right; font-size:12px; color:#333; padding-right:20px;}
.about_1 span a{color:#666;}
.about_2{border:1px solid #eaeaea; padding:10px; min-height:600px;}

/*公司简介*/ 
.in-ab{ background:url(../images/abbg.jpg) center top no-repeat #f3f3f3;}
.vpic{ padding-top:18px; position:relative; width:40.4%;}
.vpic img{ max-width:100%;}
.vpic p{ position:absolute; right:-50px; top:100px;}

.abcon{ width:58%; margin-top:30px;}
.abcon h4 span{ text-transform:uppercase; font-size:3rem; color:#a20000; font-weight:lighter;}
.abcon h4 b{ font-size:2rem; color:#016ac1}
.abcon p{ display:block; padding-left:2rem; margin-top:60px; line-height:1.5em;}
.abcon p span{ color:#ff0006}
.abcon ul{ margin-top:80px;}
.abcon ul li{ text-align:center; float:left; margin-left:2rem; width:116px; height:146px;}
.abcon ul li.al1{ background:#393939}
.abcon ul li.al2{ background:#a10000}
.abcon ul li.al3{ background:#3f3f3f}
.abcon ul li span{ display:block; margin:48px 0 20px; color:#fff; font-size:1.125rem;}
@media all and (max-width: 768px) {
.vpic{ width:100%;}
.vpic img{ width:100%;}
.vpic p{ display:none}
.abcon{ width:100%; margin-top:30px;}
.abcon p{ padding-left:0rem; margin-top:60px; font-size:1.125rem}
.abcon ul li{ text-align:center; float:left; margin-right:2rem; margin-left:0; width:116px; height:146px;}
}


/* 产品列表 */
.about_2 .list_img li{width:300px; float:left; margin-right:14px; margin-bottom:22px;}
.about_2 .list_img li b{ font-weight:normal;}
.about_2 .list_img li:nth-child(3n){margin-right:0;}
.about_2 .list_img li img{width:100%; height:220px;}
.about_2 .list_img li p{line-height:50px; height:50px; background:#eeeeee; text-align:center; font-size:14px; color:#333;}
.about_2 .list_img li:hover p{color:#1e3c8d;}
.fanye{margin:20px 0;}
.fanye li{float:left; margin:0 4px; font-size:12px; color:#666;}
.fanye li a{color:#666;}


/*产品展示*/
.pright{ width:81.5%; box-sizing:border-box; border-top:3px solid #393939; background:#fff; padding:26px;}
.pname h4{ font-size:1.5rem; color:#111111; background:url(../images/pname.jpg) left center no-repeat; padding-left:20px;}
.pmiao{ margin-top:23px;}
.pmiao .kkk{ background:#0d62aa; padding:16px; color:#fff; font-size:1.125rem;}
.jian{ margin:20px 0;}
.nxdd{ margin:18px 0;}
.nxdd .next1{ background:#eee; padding:8px 10px; font-size:0.875rem}
.nxdd .pre1{background:#eee; padding:8px 10px; font-size:0.875rem}
#gallery{ margin-top:20px;}
#gallery img {
	border: none;
	width:100%;
}

#gallery_nav {
	float: right;
	width: 19%;
	text-align: center;
}
#gallery_nav a{
	display: block;height: auto;
		border:1px solid #e6e6e6;
		margin-bottom:7px;
}
#gallery_output {
	float: left;
	width: 79%;
	border:1px solid #e6e6e6;
	overflow: hidden;
}

#gallery_output img {
	display: block;
	width:100%;
}
@media screen and (max-width:768px){
.pright{ width:100%;}
#gallery_nav { width:100%; }
#gallery_nav a{ float:left; width:23.7%; margin-right:1%}
#gallery_output { width:100%;margin-bottom:18px;}
}



/* 新闻列表 */
.list_news{border-bottom:1px dashed #dddddd; padding-bottom:10px; margin-bottom:14px; font-size:12px; padding:10px;}
.list_news dt{margin-bottom:5px;}
.list_news dt a{font-size:18px; color:#333; font-weight:bold;}
.list_news dt a:hover{color:#1e3c8d;}
.list_news dt span{float:right;}
.list_news dd{color:#666;}

/* 产品详情 */
.img_title{font-size:18px; text-align:center; color:#333;}
.img_zz{font-size:12px; color:#666; text-align:center; margin:10px 0; padding-bottom:10px; border-bottom:1px dashed #ddd;}
.img_img{width:100%; margin-bottom:12px;}
.img_body{color:#333; margin-bottom:20px;}
.img_body img{display:block;}
.shang{font-size:14px; color:#666;}
.shang a{color:#666;}
.xia{color:#666; font-size:14px;}
.xia a{color:#666;}

/* 留言 */
#form1{width:500px; color:#666; font-size:14px;}
#form1 div{margin-top:10px; border:1px solid #CCC; font-size:16px;}
#form1 p input{border:none; height:32px; padding:0 10px; width:376px; color:#666;}
#form1 p{border-bottom:1px solid #CCC; height:40px; line-height:40px;}
#form1 p span{display:block; width:100px; float:left; text-align:center; border-right:1px solid #CCC;}
#form1 p textarea{width:376px; height:190px; border:none; padding:5px 10px; color:#666;}
#form1 .tj{height:40px; width:102px; color:#FFF; border:none; background:#0089e1; font-size:16px; margin-top:10px; margin-right:10px;}


/* 推荐新闻 */
.tuijian{padding-top:10px;}
.tuijian dl.list_news{width:48%; float:left; padding:0;}
.tuijian dl.list_news:nth-child(2n){float:right;}
.tuijian dl.list_news dt a{font-weight:normal; color:#666; font-size:12px;}
.tuijian dl.list_news dt span{color:#666;}