﻿/*
 .Head 为demo编号
 */
.Head{ background-color:#fff;}
.Head .top{ position:relative; padding-top:17px;padding-bottom:18px;}
.Head .logo{ position:absolute; left:0; top:20px;}
.Head .logo img{ width:540px; height:75px;}
.Head .top dl{ float:right; position:relative; z-index:999}
.Head .top dd{ float:left; }


.Head .top dd em{ color:#c9c9c9; font-style:normal;}
.Head .Menu{ padding-top:40px;padding-right:20px;}
.Head .Menu ul{ float:right;}
.Head .Menu li{ float:left; height:35px; position:relative; z-index:100;}
.Head .Menu li a{ line-height:16px; padding:0 20px; display:block; font-size:15px; border-right:1px solid #ccc;}

.Head .Menu li a:hover{color:#E6211B;}
.Head .Menu li .subnav{ display:none; position:absolute;left: 0;top: 30px;width: 120px;padding:10px 20px;background: #fff; overflow:hidden; z-index:100;}
.Head .Menu li .subnav dl{ float:left }
.Head .Menu li .subnav dd a{ line-height:30px; padding:0 0 0 10px; font-size:14px; border-right:0; background:url(../Images/Head-icon.jpg) no-repeat left center;}
.Head .Menu li .subnav figure{ float:right; width:254px; display:none }
.Head .Menu li .subnav figure img{ width:254px; height:140px;}
.Head .Menu li#nav1 .subnav dl{ }
.Head .Menu li#nav5 .subnav dl{ }
.Head .Menu li#nav5 .subnav{ left:auto; right:0;}
.Head .Menu li#nav5 a{ border-right:0; padding-right:0;}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
.container {
	width: 1300px
}

.news {
	padding: 45px 0 25px 0
}
.news {
	padding-bottom: 0
}

.ylw-img-responsive2 {
	height: 200px;
	width: 300px
}

/*---公司动态---*/
.news_dongtai{ height:auto; width:100%; overflow:hidden; margin:10px 10px 10px;}
.news_dongtai dl{ height:245px; width:650px; overflow:hidden; margin-bottom:10px; border:solid 1px #e4e4e4; padding:15px 0px 15px 10px;}

.news_dongtai dl dt{ float:left;margin-right:10px;  width:65px; height:70px; background:#cccccc;}
.news_dongtai dl dt span{color:#4c4c4c; display:block; width:61px; margin:0 auto; height:43px; line-height:43px; margin-top:2px; background:#fff; text-align:center;  font-size:33px; font-weight:bold;}
.news_dongtai dl dt em{ display:block; color:#fff; text-align:center; width:100%;}
.news_dongtai dl dd{ width:595px; float:left; height:auto;}
.news_dongtai dl dd a{font-size:18px; padding-bottom:10px; display:block; height:30px; line-height:30px;}
.news_dongtai dl.coblue dd a{ color:#0d6bb0;}
.news_dongtai dl dd p{ font-size:12px; color:#4c4c4c;display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.news_dongtai dl.coblue dt{ background:#0d6bb0;}
.news_dongtai dl.coblue dt span{color:#0d6bb0;}

.news_dongtai dl.youtu{ height:245px; width:620px; overflow:hidden; margin-bottom:20px; border:solid 1px #e4e4e4; padding:10px 0px 10px 10px;float:left;}
.news_dongtai dl.youtu dt{ background:none; float:left; width:300px; height:auto; position:relative; margin-right:10px;}
.news_dongtai dl.youtu dt span{ margin-top:0px; position:absolute; left:20px; top:0px;text-align:center; height:100px; padding:5px 0px 0px 0px; width:88px; background:url(../Images/zoujin_pic12.png) no-repeat top left; color:#fff; font-size:50px; font-weight:bold;}
.news_dongtai dl.youtu dd{ width:300px; float:left; padding-top:10px;}
.news_dongtai dl.youtu dt span em{ display:block; width:100%; font-size:12px; text-align:center; margin-top:5px; height:25px; line-height:25px;}
.news_dongtai dl.youtu dd a.biaoti{ display:block; font-size:14px; color:#0d6bb0; padding-bottom:16px;}
.news_dongtai dl.youtu dd p{ font-size:13px; color:#666;}
.news_dongtai dl.youtu dd a.more{display:block; font-size:13px; padding-bottom:0px; background:#0d6bb0; width:85px; text-align:center; cursor:pointer; margin-top:15px; height:100%; line-height:30px; color:#fff;}

/*
 .Banner001 为demo编号
 */
.Banner001{}
.Banner001 .banner{ height:300px; background-repeat:no-repeat; background-position:center top;}


.index_about{padding-top:20px; padding-bottom:30px; min-height:1080px;  display: block;}

.index_about .about {height:250px ; margin:0 auto;padding:10px 0; }
.index_about .about1_title,.index_about .about2_title,.index_about .about3_title ,.about4_title{text-align:center;margin:0 auto;padding:20px 0; }

.index_about .about .about1_img{width:45%;float:left;text-align:center;margin:0 auto;}
.index_about .about .about1_content {width:55%;float:left;}
.index_about .about .about1_content P{font-size:15px;line-height: 30px;margin:10px 40px;}

.index_about .about2 {height:250px ;margin:0 auto;padding:10px 0; }
.index_about .about2 .about2_content {width:55%; float:left;}
.index_about .about2 .about2_content P{font-size:15px;line-height: 30px; margin:20px 70px;}
.index_about .about2 .about2_img{width:45%;float:left;text-align:center;margin:0 auto;}

.index_about .about3 {height:120px ;margin:0 auto;padding:10px 0; }
.index_about .about3 .about3_img{width:25%;float:left;text-align:center;margin:0 auto;}



.index_case .about_title,.index_service .about_title{text-align:center;margin:0 auto;padding:20px 0; }


/*
 .service 为demo编号
 */
.index_service{min-height:440px;
    margin: 0 auto;
    width: 1200px; }
.index_service  .team { font-size:24px; font-weight:bold; color:#0069b7; background:url(../Images/service-bg.jpg) bottom no-repeat; padding-bottom:5px; text-align:center; margin:45px 0 40px }
.index_service  .team b{ font-size:16px; color:#5d656d; font-family:Arial, Helvetica, sans-serif; padding-left:5px; font-weight:normal;}

.index_service .top{text-align: center; padding: 30px 0 30px 30px;}
.index_service .top h1 { font-size:20px; font-weight:bold; color:#0069b7; background:url(../Images/service-bg.jpg) bottom no-repeat; padding-bottom:5px; }
.index_service .top h1 b{ font-size:16px; color:#5d656d; font-family:Arial, Helvetica, sans-serif; padding-left:5px; font-weight:normal;}
.index_service .con li{width:290px; height: 335px; border: 1px solid #fff; float: left; text-align: center; position: relative; list-style:none; }
.index_service .con li .out{padding-top: 27px; position: absolute; left: 15px; top: 0; width: 258px }
.index_service .con li .in{padding-top: 27px; position: absolute; left: 15px; top: 0; width: 318px; height: 385px;}
.index_service .con li h3{color: #0069b7; font-size: 16px; padding:2% 0;}
.index_service .con li p{ font-size: 14px; line-height:18px; margin:0 12px; line-height:24px;color: #7d8388; text-align:left;}
.index_service .con li p a{ color: #0069b7;}
.index_service .con .in a:hover{color: #2782be;}
.index_service .con li:hover{border-color: #0069b7; }
.index_service .con li a:hover{ color: #333;}

/
/*
 .case 为demo编号
 */
.index_case { padding:60px 0 60px 0;}
.index_case  h1 { font-size:24px; font-weight:bold; color:#0069b7; background:url(../Images/service-bg.jpg) bottom no-repeat; padding-bottom:5px; text-align:center; margin-bottom:38px;}
.index_case  h1 b{ font-size:16px; color:#5d656d; font-family:Arial, Helvetica, sans-serif; padding-left:5px; font-weight:normal;}
.index_case .con{ overflow:hidden;}
.index_case .con a{ float:left; width:17.5%; margin:10px 13px;}
.index_case .con a img{ width:210px; height:210px; }
/*
 .Footer为demo编号
*/ 

.Footer  .footer_line{ height:5px; width:100%;   padding:0 ; }

.Footer .bottom{ padding-bottom:20px;   z-index:-90;}
.Footer .contact{ float:right; width:340px; }
.Footer .contact .ewm{ position:absolute; right:0; top:38px; } 
.Footer .contact .ewm img{ width:100px; height:100px; display:block; border:1px #ccc solid; margin:0 auto;}
.Footer .contact .ewm a img{ width:60px; height:60px; border:0;}
.Footer .contact .ewm p{ margin:0;  text-align:center; }
.Footer .contact .info{ padding-top: 38px; width:305px }
.Footer .contact .info p { color:#727272;font-size:15px; line-height:30px;  }


.Footer dl{ float:left; width:135px; padding-top:38px; }
.Footer dt{ height:30px; padding-bottom:5px;font-weight: bold; }
.Footer dd{ height:25px; }
.Footer dd a:hover{ color:#1a84ac; } 

.Footer .copy_right{ text-align:center; padding:15px 0 20px; background: #222222; color:#727272; }
.Footer .copy_right a{ color:#727272; }
.Footer .copy_right a:hover{ color: #fff; }
.Footer .copy_right .auto{ overflow:hidden; }
.Footer .copy_right p{margin:0; }
.Footer .copy_right p:first-child{ margin-bottom:5px }
.Footer .copy_right a{ display:inline-block; }
.Footer .copy_right em{ display:inline-block; font-style:normal; margin:0 10px; }
.Footer .copy_right  .social {    width: 80px;    height: 25px;    float: center;    padding-top: 10px;    margin: 0 auto;}
.Footer .copy_right  .weico {    width: 19px;    height: 15px;    float: left;    margin-left: 20px;    background: url(../images/weibo.png) 0 0 no-repeat;    cursor: pointer;}
.Footer .copy_right  .wechat {    width: 18px;    height: 15px;    float: left;    margin-left: 20px;    background: url(../images/wechat.png) 0 0 no-repeat;    position: relative;    cursor: pointer;}
.Footer .copy_right  .copyright {	color:#727272;    height: 50px;    float: center;    padding-top: 10px;    margin: 0 auto;}
.Footer .copy_right  .wechat i {    display: block;    width: 112px;    height: 123px;    background: url(../images/footer_wechat.png) 0 0 no-repeat;    position: absolute;    top: -135px;    left: -50px;    display: none;    z-index: 999;}


@media (max-width:767px) {
.hidden-xs {
	display: none!important
}
}
.kefu {
	background-color: #004ea2;
	border: 1px solid #fff;
	position: fixed;
	width: 78px;
	top: 138px;
	right: 15px;
	text-align: center;
	display: block;
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);
	box-shadow: 0 6px 12px rgba(0,0,0,0.1);
	border-radius: 0 0 8px 8px;
	font-size: 12px;
	z-index: 99999
}
 @media(max-width:768px) {
.kefu {
	top: 108px
 }
 }
.kefu ul {
	margin: 0;
	padding-top: 45px
}
.kefu ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	border-top: 1px solid #fff;
	overflow: hidden;
	height: auto;
	width: 100%;
	padding-top: 43px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0
}
.kefu ul li a:hover {
	background-color: #0086bc
}
.kefu a.kefu-lx {
	background-image: url(../images/kefu.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	top: -40px;
	text-indent: -9999px;
	height: 80px;
	width: 80px;
	z-index: 999999;
	left: -2px;
	border-width: 0;
	overflow: hidden
}
.kefu a.kefu-lx:hover {
	background-color: rgba(0,78,142,0)
}
.kefu ul li a.kf {
	display: block;
	padding: 10px 0
}
.kefu:hover ul li a.kf {
	display: none
}
.kefu ul li a.kefu-yy {
	background-image: url(../images/kefu-tb.png);
	background-repeat: no-repeat;
	background-position: center -9px
}
.kefu ul li a.kefu-zx {
	background-image: url(../images/kefu-tb.png);
	background-repeat: no-repeat;
	background-position: center -79px
}
.kefu ul li a.kefu-wx {
	background-image: url(../images/kefu-wx.png);
	background-repeat: no-repeat;
	background-position: center -255px;
}
.kefu ul li a.kefu-wx .kefu-weixin {
	padding: 20px;
	background-color: #FFFFFF;
	position: absolute;
	top:142px;
	left: -202px;
	display:none;
	-webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}
.kefu ul li a.kefu-wx:hover .kefu-weixin {
	display:block;
}
.kefu ul li a.kefu-di {
	background-image: url(../images/kefu-tb.png);
	background-repeat: no-repeat;
	background-position: center -227px;
	padding: 30px 0 10px 0;
	border-radius: 0 0 8px 8px
}
.kefu ul li a.kefu-top {
	background-image: url(../images/kefu-tb.png);
	background-repeat: no-repeat;
	background-position: center -154px;
	padding: 30px 0 10px 0
}
.kefu ul li a.kefu-yy, .kefu ul li a.kefu-zx, .kefu ul li a.kefu-di, .kefu ul li a.kefu-top , .kefu ul li a.kefu-wx{
	display: none
}
.kefu:hover ul li a.kefu-yy, .kefu:hover ul li a.kefu-zx, .kefu:hover ul li a.kefu-di, .kefu:hover ul li a.kefu-top, .kefu:hover ul li a.kefu-wx{
	display: block
}
 
 
.ylw-img-responsive {
	height: auto;
	max-width: 100%;	
	
} 
.ylw-img-responsive {
	padding-top: -20px;
	padding-bottom: 20px;
}
.box {
	width: 100%;
	height: 100%;
	padding: 0 15px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover
}

.slider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden
}
.slides {
	height: 100%;
	overflow: hidden;
 *zoom: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	margin: 0;
	padding: 0;
	border: 0
}
.slide {
	height: 100%;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	border: 0;
	list-style-image: none;
	list-style-type: none
}
.slider-arrow {
	position: absolute;
	display: block;
	margin-bottom: -30px;
	background-color: rgba(0,0,0,0.3);
	text-indent: -9999px;
	overflow: hidden;
	height: 60px;
	width: 40px;
	background-repeat: no-repeat
}
.slider-arrow--right {
	transform: translate(40px, 0);
	-ms-transform: translate(40px, 0);
	-webkit-transform: translate(40px, 0);
	-moz-transform: translate(40px, 0);
	-o-transform: translate(40px, 0)
}
.slider-arrow--left {
	transform: translate(-40px, 0);
	-ms-transform: translate(-40px, 0);
	-webkit-transform: translate(-40px, 0);
	-moz-transform: translate(-40px, 0);
	-o-transform: translate(-40px, 0)
}
.slider:hover .slider-arrow--right, .slider:hover .slider-arrow--left {
	transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0)
}
.slider-arrow--right {
	bottom: 50%;
	right: 0;
	background-image: url(../images/banner-fy.png);
	background-position: center bottom
}
.slider-arrow--left {
	bottom: 50%;
	left: 0;
	background-image: url(../images/banner-fy.png);
	background-position: center top
}
.slider-nav {
	position: absolute;
	bottom: 30px
}
.slider-nav__item {
	width: 12px;
	height: 12px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	background: #fff;
	border-radius: 50%
}
.slider-nav__item:hover {
	background: #ccc
}
.slider-nav__item--current {
	background: #ccc
}

