body{ background:url(../img/bg.jpg) }
.hd-top{overflow: hidden;background-color: #f1efef;font-size: 12px;color: #8d8d8d;	}
.hd-top p{float: left;height: 36px;line-height: 36px;}
.hd-link{float: right;}
.hd-link li{float: left;}
.hd-link li a{	position: relative;	color: #8d8d8d;	padding: 0 4px;	height: 36px;line-height: 36px;}
.hd-link li:first-child a:after{content: '';position: absolute;top: 50%;margin-top: -4px;right: 0;	width: 1px;	height: 9px;background-color: #8d8d8d;}

.navbar{width:100%;background: #DADADA;height:50px;line-height:50px;color:#000;margin-top:-5px;}
.navbar .inner{width:1050px;}
.navbar a{color:#535353;padding:0 5px;}

.case{  padding:20px  0; overflow:hidden; background:#f5f5f5;}
.case .more{ width:100%; text-align:center;}
.case  .case_title{ font-weight:bold; text-align:center; font-size:32px; padding-top:40px; letter-spacing:2px; background:url(../img/case_title.jpg)  no-repeat top center; height:98px;}
.case  .case_title span{ color:#0f55a7; }

#gundong{ position:relative; padding:0; margin:20px 0 0; }
#gundong a  h6{ line-height:2; font-size:14px; text-align:center; color:#333; }
#gundong a .imgauto { width: 100%; height: 190px;}
#gundong a  .imgauto img {transform: scale(1);transition: .5s; border:1px solid #888;}

.gd{ margin:10px 0;}
.gd h3.title1{ height:66px; background:url(../video/title1.png) no-repeat left top; position:relative; font-size:26px; line-height:32px; padding-left:75px;  font-weight: bold;color: #e62129;}
.gd h3.title1 p{font-size: 18px;color: #b4b4b4;text-transform: uppercase;}
.gd h3.title1  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:12px;}

.gd h3.title2{ height:66px; background:url(../video/title2.png) no-repeat left top; position:relative; font-size:26px; line-height:32px; padding-left:75px;  font-weight: bold;color: #e62129;}
.gd h3.title2 p{font-size: 18px;color: #b4b4b4;text-transform: uppercase;}
.gd h3.title2  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:12px;}

.gd h3.title3{ height:66px; background:url(../video/title3.png) no-repeat left top; position:relative; font-size:26px; line-height:32px; padding-left:75px;  font-weight: bold;color: #e62129;}
.gd h3.title3 p{font-size: 18px;color: #b4b4b4;text-transform: uppercase;}
.gd h3.title3  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:12px;}

.gd h3.title4{ height:66px; background:url(../video/title4.png) no-repeat left top; position:relative; font-size:26px; line-height:32px; padding-left:75px;  font-weight: bold;color: #e62129;}
.gd h3.title4 p{font-size: 18px;color: #b4b4b4;text-transform: uppercase;}
.gd h3.title4  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:12px;}

.gd h3.title5{ height:66px; background:url(../video/title5.png) no-repeat left top; position:relative; font-size:26px; line-height:32px; padding-left:75px;  font-weight: bold;color: #e62129;}
.gd h3.title5 p{font-size: 18px;color: #b4b4b4;text-transform: uppercase;}
.gd h3.title5  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:12px;}

.gd h3.title6{ height:66px; background:url(../video/title6.png) no-repeat left top; position:relative; font-size:26px; line-height:32px; padding-left:75px;  font-weight: bold;color: #e62129;}
.gd h3.title6 p{font-size: 18px;color: #b4b4b4;text-transform: uppercase;}
.gd h3.title6  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:12px;}

.gd h3.title7{ height:66px; background:url(../video/title7.png) no-repeat left top; position:relative; font-size:26px; line-height:32px; padding-left:75px;  font-weight: bold;color: #e62129;}
.gd h3.title7 p{font-size: 18px;color: #b4b4b4;text-transform: uppercase;}
.gd h3.title7  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:12px;}


.gd .tabg{ width:489px; border:1px solid #e3e3e3; margin-top:10px; background:#f7f7f7;  border-bottom:4px solid #cfcfcf; float:left; overflow:hidden;}
.gd .chanpin{ width:700px; float:right; }
.gd h3 span{ font-size: 24px;top: 0; left: 480px; position: absolute;line-height: 3; }

.metTab h3 {cursor:pointer;float: left;background-color: #fff;color: #333;padding: 5px 20px;font-size:20px; margin:10px 20px 20px; border: 1px solid #888; }
.metTab h3.metTabIn {   background-color: #e62129;color: #fff; border: 1px solid #f7f7f7;}
.metTab .metCon { clear: left; padding: 10px; display: none; text-align: center; }
.metTab .metConIn{  display:block; }
.metTab .metCon h4{ display:block; font-size:26px; text-align:left; height:72px; line-height:72px; font-weight:bold; color:#323232; overflow:hidden;}
.metTab .metCon p{font-size:16px; color:#7f7f7f; line-height:25px; text-align:left; margin:10px auto;}

.chanpin { width: 100%; overflow: hidden; margin-top: 10px;}
.chanpin ul li { width: 48%; padding: 5px 15px 5px; margin-right: 2%; background:#fff; border: 1px solid #eee; box-shadow: 0px 1px 10px 1px #ccc;  margin-bottom: 10px; float: left;}
.chanpin ul li img{   border: 0px solid #eee; }
.chanpin ul li a .imgauto { width: 100%;  height: 220px;}
.chanpin ul li a span { display: block; margin-top: 6px; text-align: center; font-size: 14px;}
.chanpin ul li:nth-child(2n) { margin-right: 0;}
.chanpin ul li:hover { border: 1px solid #036aac;}
.chanpin ul li:hover img { opacity: .6;}
.chanpin ul li:hover span { color: #036aac;}

#section .title{text-align: center;padding:30px 0 0 0;}
#section .title p{background:#ffba00; display: inline-block;font-size:30px;font-weight: normal;padding:5px 50px;margin:10px auto;}

.no2{background:url(../img/pro-bg.jpg) center center no-repeat;height:979px;}
.no2 .block{height:100%;}
.no2 .title p{background:#DFE13B;border-radius:30px;font-size:20px;padding:5px 30px;font-weight: normal;}

.no2 .con {position: relative;overflow: hidden;height:100%;}
.no2 .con .big{text-align: center;margin:220px auto 0 auto;}

.no2 .con .list{ display:block; height:240px; }
.no2 .con .list a{ display: block;width:130px;height:130px;position: absolute;transition:all .3s ease; }
.no2 .con .list a img{width:100%;transition:all .3s ease;}
.no2 .con .list a:hover{width:150px;height:150px;margin:-10px 0 0 -10px;}
.no2 .con .list h2{font-size:25px;font-weight:bold;position: absolute;}
.no2 .con .list i{ display: block;width:98px;height:98px;position: absolute;transition:all .3s ease; }
.no2 .con .list h3{width:310px; font-size:25px;font-weight:bold;position: absolute;color:#000; text-align: right;}
.no2 .con .list h3 p{font-size:16px;font-weight: normal;text-align: right;}

.no2 .con .list a.item1{left:270px;top:170px;}
.no2 .con .list a.item2{left:373px;top:65px;}
.no2 .con .list a.item3{left:526px;top:40px;}
.no2 .con .list a.item4{left:678px;top:65px;}
.no2 .con .list a.item5{left:790px;top:170px;}

.no2 .con .list h2.item1{left:145px;top:215px;}
.no2 .con .list h2.item2{left:250px;top:80px;}
.no2 .con .list h2.item3{left:535px;top:0px;}
.no2 .con .list h2.item4{left:815px;top:80px;}
.no2 .con .list h2.item5{left:939px;top:215px;}

.no2 .con .list i.item1{left:277px;top:327px;}
.no2 .con .list i.item2{left:375px;top:500px;}
.no2 .con .list i.item3{left:557px;top:580px;}
.no2 .con .list i.item4{left:743px;top:500px;}
.no2 .con .list i.item5{left:825px;top:327px;}

.no2 .con .list h3.item1{color:#fff;left:-55px;top:315px;}
.no2 .con .list h3.item2{left:40px;top:532px;}
.no2 .con .list h3.item3{left:455px;top:675px; text-align: center;}
.no2 .con .list h3.item3 p{text-align: center;}
.no2 .con .list h3.item4{left:870px;top:532px; text-align: left;}
.no2 .con .list h3.item4 p{text-align: left;}
.no2 .con .list h3.item5{color:#fff;left:950px;top:320px;text-align: left;}
.no2 .con .list h3.item5 p{text-align: left;}

.i_box1{background:#eee url(../img/probg.jpg) no-repeat center top; margin:30px 0; padding-bottom:30px;}

.no7{height:532px;background: url(../img/video-bg.jpg) center center no-repeat;overflow:hidden;}
.no7 .video-con{width:575px;height:100%; text-align:center; float: left; position:relative;  overflow:hidden;}
.no7 .video-con .video{width:455px;height:325px;background: #fff;margin-top:75px;padding:10px; }
.no7 .video-con .video img{width:100%;height:100%; }

.no7 .text-con{ width:580px; float: right; position: relative; height: 100%;padding:20px 0 0 0; }
.no7 .text-con .title{text-align:left;}
.no7 .text-con .text{font-size:16px;color:#fff;padding:25px 0;}
.no7 .text-con a.more{ padding:10px 30px; background:#fff;color:#000;font-size:16px; }
.no7 .text-con .list{width:100%;padding:20px 0;} 

.no8 {padding:30px 0 20px 0;}
.no8 .channel{width:370px; float: left;}
.no8 .channel .s-title{height:50px; line-height: 50px; width:100%; padding:0 10%; margin:auto;background: #2463AD;color:#fff;font-size:22px;}
.no8 .channel .s-title a{color:#fff; font-size:15px; float: right;}
.no8 .channel .list {padding:10px 0 10px 10px;border:1px solid #DCDCDC;}
.no8 .channel .list a{ display: block;width:100%;padding:5px 0 10px 0; border-bottom:2px dotted #DCDCDC;}
.no8 .channel .list a h2{ height:45px;line-height: 45px; background: url(../img/ico.png) 0px center no-repeat;font-size:18px;padding:0 0 0 50px; }
.no8 .channel .list a p{font-size:14px; padding:0 0 0 0px;width:98%;margin:auto;}
.no8 .channel .list a p b{color:red;font-size:18px;font-weight: normal;  }
.no8 .channel .img{ margin:10px 0 0 0; }
.no8 .channel .img span{ display: block;width: 100%; height:40px; line-height:40px;font-size:22px;color:#fff;background: #2463AD;margin:-5px 0 0 0; text-align: center;}
.no8 .con{width:805px;float: right;}

.no8 .con .s-title{ background: url(../img/ico-news.png) left bottom no-repeat; width:100%;height:50px; margin:10px 0;}
.no8 .con .s-title span{ display: inline-block; margin:10px 0 0 62px;font-size:25px; }

.no8 .con .more{ float: right;margin:0 20px 10px 0; }

.no8 .con .list a{ display: block;width:100%;height:110px;}
.no8 .con .list a .text{width:660px;float: left;}
.no8 .con .list a .text h2{height:42px; line-height:42px;font-size:20px;color:#000;}
.no8 .con .list a .text p{font-size:15px;paddig:15px 0 0 0; border-bottom:1px dotted #000;height:50px; display: block; overflow: hidden;line-height:25px;}
.no8 .con .list a .date{width:93px; height:93px; color:#fff;background: #2463AD; float: right;}
.no8 .con .list a .date h2{font-size:40px; line-height:60px;text-align: center;padding:5px 0 0 0;}
.no8 .con .list a .date span{font-size:16px; line-height:20px; text-align: center;display: block;}

.dropdown{ display:none; }

@media screen and (max-width: 768px) {
	.gd .tabg{ width:100%;}
    .gd .chanpin{ width:100%; }
	.no2{ display:none; }
	.i_box1{background:#eee ; }
	.no7 { background:none; height:auto; }
	.no7 .video-con{ display:none; }
	.no7 .text-con{ width:100%; paddig:10px; background:#2363ab;height:auto; }
	.no8 .channel,.no8 .con{width:100%; paddig:10px; }
	.no8 .channel .img{ display:none; }
	.no8 .con .list a .text{width:95%;}
	.no8 .con .list a .date{ display:none; }
	.main_l ul{ display:none; }
	.dropbtn {background-color:#1c4588;  color: white;text-align:center; line-height:3; width:100%;font-size: 16px;border: none;cursor: pointer;}
    .dropdown { width:100%;position: relative; display: inline-block;}
    .dropdown-content { display: none; position: absolute;background-color: #f9f9f9; width:100%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
    .dropdown-content a { color: black; width:48%; margin:0 1%;float:left; border-bottom:1px solid #ccc; text-align:center;line-height:2; text-decoration: none;display: block;}
    .dropdown-content a:hover {background-color: #f1f1f1}
    .dropdown:hover .dropdown-content { display: block;}
    .dropdown:hover .dropbtn { background-color:#1c4588;;}
}