@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	
}

body {
	font-family:"Microsoft Yahei";
	font-size:14px;
	background:url(../images/bg.jpg) repeat-y;
	color:#636262;
}

img {
	border:0;

vertical-align: middle;
}
.clear {
	clear:both;
}
a {
	color:#005099;
}
a:hover{color:#E23543; }
.center {
	margin:0 auto;
	width:1200px;
	min-width:1200px;
}
.lf{
	float:left;
}
.lr {
	float:right;
}

.m_top_30{margin-top:30px;}
.m_top_50{margin-top:50px;}
.nav{ width:100%;height:90px; line-height:90px; position:absolute;top:0px;z-index:9999; background-color:#005099;filter:alpha(opacity=100);
      -moz-opacity:1;  
      -khtml-opacity:1;  
      opacity:1;
	  min-width:1200px;}
.nav .logo{width:232px;}
.nav .logoo{width:232px;}
.nav_li{ margin-left:50px;}
.nav_li li{float:left; display:block; line-height:90px; text-align:center;width:149px; font-size:16px;}
.nav_li a {color:#ffffff;}
.nav_li li.on,.nav_li li:hover{
	width:149px;
    height:90px;
	background:url(../images/dhsk.png)  no-repeat;
}
/*.nav_li li.on,.nav_li li:hover{
	width:120px;
    height:90px;
    background:#d80c18;
    position: relative;
}*/
/*.nav_li li.on:after ,.nav_li li:hover:after{
    content: "";
    height: 0;
    position: absolute;
    bottom: -24px;
    left: 0;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 25px solid #d80c18;
	opacity: 1; 
}  */        


.nav_li li.on a,.nav_li li:hover a{ color:#ffffff;}
.guding{ position:fixed; top:0px; z-index:9999;}
.posion{ position:fixed;}
#product{ padding-top:10%;}
#player{ z-index:0;}
.fot{ position:absolute; bottom:0px; width:100%;}
.preloader{ background-color:#000000;}
.ntop{ margin-top:-80px;}
/**/
.slide1 h3{
	position:relative;
    opacity:1;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 1s linear 1;
    -moz-animation: imageAnimation 1s linear 1;
    -o-animation: imageAnimation 1s linear 1;
    -ms-animation: imageAnimation 1s linear 1;
    animation: imageAnimation 1s linear 1;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes imageAnimation{  
  0% {
	   	left:-120%;
		    opacity:0;
	}

	50%{
	    left:-60%;
		    opacity:0.5;
	}
	100%{
	    left:0%;
		    opacity:1;
	}}
@-ms-keyframes imageAnimation { 
	  0% {
	   	left:-120%;
		    opacity:0;
	}

	50%{
	    left:-60%;
		    opacity:0.5;
	}
	100%{
	    left:0%;
		    opacity:1;
	}}
@-o-keyframes imageAnimation {
	  0% {
	   	left:-120%;
		    opacity:0;
	}

	50%{
	    left:-60%;
		    opacity:0.5;
	}
	100%{
	    left:0%;
		    opacity:1;
	}}
@-ms-keyframes imageAnimation {
	  0% {
	   	left:-120%;
		    opacity:0;
	}

	50%{
	    left:-60%;
		    opacity:0.5;
	}
	100%{
	    left:0%;
		    opacity:1;
	}}
@keyframes imageAnimation {   0% {
	   	left:-120%;
		    opacity:0;
	}

	50%{
	    left:-60%;
		    opacity:0.5;
	}
	100%{
	    left:0%;
		    opacity:1;
	}}
.slide2 h3{
	position:relative;
    opacity:1;
    z-index: 0;
	top:0px;
	-webkit-backface-visibility: hidden;
    -webkit-animation:Animation 1s linear 1;
    -moz-animation: Animation 1s linear 1;
    -o-animation: Animation 1s linear 1;
    -ms-animation: Animation 1s linear 1;
    animation: Animation 1s linear 1;
	animation-fill-mode:forwards;
	 -webkit-animation-delay:4s;
    -moz-animation-delay:4s;
    -o-animation-delay:4s;
    -ms-animation-delay:4s;
    animation-delay:4s;
}
@-webkit-keyframes Animation{ 
       0% {
	   	top:-120%;
		  opacity:0.5;
	}

	50%{
	    top:-60%;
		  opacity:1;
	}
	100% {
	    top:0;
		 opacity:1;
	}

}
@-ms-keyframes Animation {
       0% {
	   	top:-120%;
		  opacity:0.5;
	}

	50%{
	    top:-60%;
		  opacity:1;
	}
	100% {
	    top:0;
		 opacity:1;
	}

}
@-o-keyframes Animation { 
       0% {
	   	top:-120%;
		  opacity:0.5;
	}

	50%{
	    top:-60%;
		  opacity:1;
	}
	100% {
	    top:0;
		 opacity:1;
	}

}
@-ms-keyframes Animation { 
       0% {
	   	top:-120%;
		  opacity:0.5;
	}

	50%{
	    top:-60%;
		  opacity:1;
	}
	100% {
	    top:0;
		 opacity:1;
	}

}
@keyframes Animation { 
       0% {
	   	top:-120%;
		  opacity:0.5;
	}

	50%{
	    top:-60%;
		  opacity:1;
	}
	100% {
	    top:0;
		 opacity:1;
	}

}

.slide3 h3{
	position:relative;
    opacity:1;
    z-index: 0;
	left:-10%;
	-webkit-backface-visibility: hidden;
    -webkit-animation: mation 1s linear 1;
    -moz-animation: mation 1s linear 1;
    -o-animation: mation 1s linear 1;
    -ms-animation: mation 1s linear 1;
    animation: mation 1s linear 1;
	animation-fill-mode:forwards;
	 -webkit-animation-delay:9s;
    -moz-animation-delay:9s;
    -o-animation-delay:9s;
    -ms-animation-delay:9s;
    animation-delay:9s;
}
@-webkit-keyframes mation{    0% {
	   	left:-70%;
		    opacity:0;
	}

	100%{
	    left:-10%;
		    opacity:1;
	}}
@-ms-keyframes mation {   0% {
	   	   	left:-70%;
		    opacity:0;
	}

	100%{
	    left:-10%;
		    opacity:1;
	}}
@-o-keyframes mation {    0% {
		   	left:-70%;
		    opacity:0;
	}

	100%{
	   left:-10%;
		    opacity:1;
	}}
@-ms-keyframes mation {   0% {
		   	left:-70%;
		    opacity:0;
	}

	100%{
	    left:-10%;
		    opacity:1;
	}}
@keyframes mation {    0% {
		   	left:-70%;
		    opacity:0;
	}

	100%{
	    left:-10%;
		    opacity:1;
	}}
	
.slide4 h3{
	position:relative;
    opacity:1;
	top:-10%;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation:Animatin 1s linear 1;
    -moz-animation: Animatin 1s linear 1;
    -o-animation: Animatin 1s linear 1;
    -ms-animation: Animatin 1s linear 1;
    animation: Animatin 1s linear 1;
	animation-fill-mode:forwards;
	 -webkit-animation-delay:13s;
    -moz-animation-delay:13s;
    -o-animation-delay:13s;
    -ms-animation-delay:13s;
    animation-delay:13s;
}
@-webkit-keyframes Animatin{ 
       0% {
	   	top:-120%;
		  opacity:0.5;
	}

	50%{
	    top:-60%;
		  opacity:1;
	}
	100% {
	    top:-10%;
		 opacity:1;
	}

}
@-ms-keyframes Animatin {
       0% {
	   	top:-120%;
		  opacity:0.5;
	}

	50%{
	    top:-60%;
		  opacity:1;
	}
	100% {
	     top:-10%;
		 opacity:1;
	}

}
@-o-keyframes Animatin { 
       0% {
	   	top:-120%;
		  opacity:0.5;
	}

	50%{
	    top:-60%;
		  opacity:1;
	}
	100% {
	     top:-10%;
		 opacity:1;
	}

}
@-ms-keyframes Animatin { 
       0% {
	   	top:-120%;
		  opacity:0.5;
	}

	50%{
	    top:-60%;
		  opacity:1;
	}
	100% {
	    top:-10%;
		 opacity:1;
	}

}
@keyframes Animatin { 
       0% {
	   	top:-120%;
		  opacity:0.5;
	}

	50%{
	    top:-60%;
		  opacity:1;
	}
	100% {
	    top:-10%;
		 opacity:1;
	}

}
/**/


.address{ width:100%; min-width:1200px;}
.banner{ height:330px; min-width:1200px;}
.banner img{width:100%; height:auto;}
.m_top_30{margin-top:30px; min-width:1200px;}
.m_top_20{margin-top:20px; min-width:1200px;}
.Company_tit{ margin:0 auto; width:320px; text-align:center; color:#747474;}
.Company_tit b{ font-size:25px; line-height:35px; font-weight:normal;}
.Company_tit p{font-size:22px; line-height:30px;}
.Company_tit a{font-size:22px; line-height:30px; color:#a8a8a8; display:block;}
.Company_tit a:hover{ color:#e60012;}
.Company_box .wz{ width:730px;}
.Company_box .wz p{ color:#3d3d3d; line-height:24px;}
.Company_box .tp{ width:448px;}
.Honor .gallery li{float:left; margin:30px 12px 10px 12px; width:274px; height:188px;}
.Honor .gallery a img {width:274px;height:188px;}
.Honor .gallery a {width:274px;height:188px; display: inline-block;overflow: hidden; margin: 4px 6px;box-shadow: 0 0 4px -1px #000;}
.presence li{width:386px; height:290px; border:1px solid #a8a8a8; float:left; margin:25px 5px 25px 6px;}
.presence li a img{ width:386px; height:250px;}
.presence li a p{height:40px; line-height:40px; text-align:center; display:block; color:#3c3c3c;}
.presence li:hover{ border:1px solid #e60012;}
.presence li:hover p{ color:#ffffff; background-color:#e60012;}
.box_1{ width:324px; margin:0px 38px 0px 38px;font-size:14px; text-align:left; height:250px;}
.box_1 b>a{font-size:16px; color:#444444; line-height:35px;}
.box_1 b>a:hover{color:#e60012;}
.box_1 img{ width:324px; height:111px; margin-top:10px; margin-bottom:10px;}
.box_1 p{color:#505050; line-height:18px; text-align:left;}
.box_1 span{ margin-top:15px; display:block;}
.box_1 span a{ display:block; float:left; height:25px; width:70px; background-color:#eeeeee; color:#505050; text-align:center; line-height:25px;}
.box_1 span small{ float:right; color:#444444;}
.box_1 span a:hover{color:#ffffff; background-color:#e60012;}
.foot{height:124px; background:url(../images/foot.jpg) no-repeat center center;min-width:1200px;}
.foot .foot_box{ width:600px;  padding-top:50px; padding-left:15px;}
.foot .foot_box li{float:left; padding-right:25px; font-size:12px; color:#fff; padding-top:5px;}
.foot .wx{ width:86px; height:105px; padding-top:10px; padding-right:10px;}.foot .wx p{ height:25px; line-height:25px; text-align:center; font-size:10px; color:#ffffff;}
/*wedo*/
.do_wz{position:relative; width:240px; height:297px;  margin:30px 30px;}
.img_bg{position:absolute; top:0px; left:0px;display:none;}
.do_wz a:hover .img_bg{ display:block;}
.do_wz img{margin-bottom:10px;}
.do_wz a:hover small{background:url(../images/do4.jpg) no-repeat top right;}
.do_wz a:hover span p{ color:#d80c18;}
.do_wz span p{height:30px; line-height:30px;}
.do_wz span small{background:url(../images/do3.jpg) no-repeat top right; height:16px; line-height:16px; width:70px; display:block;}
.white_content{display: none; position:fixed; top:20%; left:20%;width:830px; height:530px;background-color:#000000; z-index:1002;overflow: auto; border:5px solid #000000; padding-left:20px;
}
.black_overlay{display:none; position:fixed; top:0%;left:0%; width:100%;height:100%;background-color: black;-moz-opacity: 0.8; opacity:.80;filter: alpha(opacity=88); z-index:1000} 
.white_content a{position:absolute;top:0px; right:0px;z-index:9999; -moz-opacity:1; opacity:1;filter: alpha(opacity=100);}
.do_img{z-index:9998; padding-top:10px;}
/*we can*/
.can ul li{ float:left; width:600px; height:291px;}
.rw{ padding-top:15px;}
.rw li{width:267px; height:372px;border:1px solid #a8a8a8; float:left;margin:20px 5px 20px 5px; padding:10px;}
.rw li a img{width:267px; height:263px; margin:0 auto;}
.rw li a span{ height:30px; line-height:30px; font-size:18px; color:#ef3333; padding-top:15px; display:block;}
.rw li a span i{font-style:normal;font-size:14px;color:#414141; margin:0px 10px;}
.rw li .pp{line-height:20px; text-align:left; display:block; color:#3c3c3c;}
.rw li .pp p{display:block;}
.rw li:hover{ border:1px solid #e60012;}

/*team*/
.team_box{ display:block; position:relative;}
.tem{width:1198px;overflow:hidden;border:1px solid #ccc;   }
.tem .hd .next{ background:url(../images/tim8.jpg); position:absolute; top:190px; right:-100px; height:62px; width:62px; z-index:9999;}
.tem .hd .prev{ background:url(../images/tim7.jpg); position:absolute; top:190px; left:-100px; height:62px; width:62px; z-index:9999;}
.tem .hd{ overflow:hidden;  height:0px;}
.tem .bd{ padding:0px;}
.tem .bd ul{ overflow:hidden; zoom:1;}
.tem .bd ul li{padding-right:798px;float:left; _display:inline; overflow:hidden; text-align:center; width:200px; height:151px;}
.tem .bd ul li .pic img{width:200px; height:151px; display:block;}
.guangg{ position:absolute; top:150px; left:200px;}

/*lianxi */
.manager{ padding-top:30px;}
.manager_box .wz{ width:604px; margin-left:30px;}
.manager_box .wz p{color:#000000; line-height:40px; text-indent:30px; font-size:16px;}
.manager_box .tp{ width:479px; margin-right:30px;}
.graph{ text-align:right;}
.xian{ height:7px; background-color:#e60014; margin-top:80px; display:block; margin-bottom:50px;min-width:1200px;}
.add_box{ background:url(../images/contact3.jpg) no-repeat center center; height:325px; margin-top:40px;min-width:1200px;}
.add_box .wx{ width:118px; height:119px; padding-top:105px; padding-left:175px;}
.add_box span{ padding-left:40px; padding-top:105px;}
.add_box span b{height:40px; line-height:40px; border-bottom:1px solid #e6000d; font-size:20px; color:#e6000d; display:block; margin-bottom:15px;}
.add_box span p{ line-height:32px; color:#313131; font-size:16px;}
.dt{height:517px; width:1163px; margin:0 auto; border:1px solid #90908e; margin-top:50px;}

/*news*/
.m_bot_20{margin-bottom:20px; margin-top:40px;}
.xwxq1{font-size:24px; color:#414141;}
.xwxq2{ font-size:12px; color:#929292; margin-top:20px;}
.xwxq{border-bottom:1px solid #E4E4E4; padding-bottom:20px; margin-bottom:20px; text-align:center; padding-top:50px;}
.sxp{border-top:1px solid #E4E4E4; margin-top:30px; padding-top:30px; font-size:14px; color:#767676; line-height:30px;}
.sxp a{color:#767676;}
.sxp a:hover{color:#E33543;}
.newsxq p{ font-size:16px; color:#414141; line-height:24px; text-indent:28px;}

/*分页*/
.page-nav {
    text-align: center;
    padding-top: 30px;
}
.pagination {
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 0;
    border-radius: .215rem;
}

.pagination li {
    float: left;
    padding: 0px 5px;
}

.pagination .prev, .pagination .next {
    font-weight: 200;
    padding: 3px 15px;
}
.pagination li a, .pagination li span {
    background-color: #eee;
    line-height: 30px;
    padding: 0px 15px;
    font-size: 16px;
    color: #666;
    padding: 3px 15px;
    display: block;
}

.pagination .row {
    display: block;
    color: #fff;
    background-color: #AF251B;
    margin: 0px;
}
.pagination .prev {
    font-weight: 200;
    padding: 3px 15px;
}
.pagination .page-num-current {
    display: block;
    color: #fff;
    background-color: #D80C18;
    margin: 0px;
}




.page_nav a {
	border-right: #ccc 1px solid;
	padding-right: 5px;
	border-top: #ccc 1px solid;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #ccc 1px solid;
	color: #ccc;
	padding-top: 2px;
	border-bottom: #ccc 1px solid;
	text-decoration: none;
	padding:3px 10px;
}
.page_nav a:hover {
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	color: #000;
	border-bottom: #ccc 1px solid
}
.page_nav a:active {
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	color: #000;
	border-bottom: #ccc 1px solid
}
.page_nav li.current {
	border-right: #ccc 1px solid;
	padding-right: 5px;
	border-top: #ccc 1px solid;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #ccc 1px solid;
	color: #fff;
	padding-top: 2px;
	border-bottom: #ccc 1px solid;
	background-color: #b71e21;
	padding:5px 10px;
}
.page_nav li.nolink {
	border-right: #ccc 1px solid;
	padding-right: 5px;
	border-top: #ccc 1px solid;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #ccc 1px solid;
	color: #999;
	padding-top: 2px;
	border-bottom: #ccc 1px solid;
	padding:5px 10px;
}
.page_nav .pagination{
	margin-top:50px;
	text-align:center;
	width:100%;
}
/*我们能作什么修改*/
.allin{width:1200px;height:130px; margin:auto; margin-top:15px;}
.allin .biaotis{background-color:#005099;color:#fff;font-size:22px;font-family:'Microsoft YaHei';width:180px;float:left;text-align:center;line-height:130px;height:130px;overflow:hidden;}
.allin .miaoshu{background-color:#efefef;height:130px;line-height:130px;float:left;margin:0 10px;width:740px;text-indent:12px;font-size:18px;}
.allin .miaoshu span{font-size:22px;color:#f00;padding-right:10px;line-height:100px;}
.tu{float:right;}
.tu img.bb5{width:250px;height:120px;border:5px solid #777;}
/*荣誉修改*/
.rusb{height:340px; width:100%;}
.rusb li{float:left;margin:10px 2px 10px 2px; width:290px; height:340px;}
.rusb li:hover img{width:274px; height:340px; margin-top:0;}
.rusb li img {width:274px;height:315px; margin-top:10px;}
.Honor .gallery li{float:left;margin:10px 2px 10px 2px;width:290px; height:208px;}
.Honor .gallery li:hover img{width:280px;height:208px; margin-top:0;}
.Honor .gallery li img {width:274px;height:188px; margin-top:10px;}
.Honor .gallery a {width:274px;height:188px; display: inline-block;overflow: hidden; margin: 4px 6px;box-shadow: 0 0 4px -1px #000;}




.newswz img{ width:100%; height:auto;}
.dtt{ min-width:1200px;}

@media screen and (max-width:768px){  
.tem .hd {
    overflow: hidden;
    height: 0px;
	display:none;
}


}

}