@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body{ font-size:12px; font-family:"SourceHanSansCN-Regular"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #666; }
ul{ list-style:none;}
h2 { font-weight: normal; }
a:link{color:#3b3b3b;text-decoration: none;}
a:visited{color:#3b3b3b; text-decoration: none;}
a:hover {color:#f00; text-decoration: underline;}


@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('../fonts/SourceHanSansCN-Regular.eot');
    src: url('../fonts/SourceHanSansCN-Regular.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/SourceHanSansCN-Regular.woff') format('woff'),
	 url('../fonts/SourceHanSansCN-Regular.ttf') format('truetype'),
	 url('../fonts/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }

 

/*头部开始*/
.newhead { margin: auto 100px; height:100px;}
.newhead h1 { width:238px; float:left; height:auto; margin-top:30px; display:block;}
.newhead .nav{ width:calc(100% - 240px); height:82px; margin:0 auto; float:right;}
.newhead .nav .phone { clear: both; margin-top: 5px; float: right; width:400px; line-height:30px; height: auto; overflow: hidden;}
.newhead .nav ul { clear: both; float: right; height: auto; overflow: hidden; margin-top: 10px;  }
.newhead .nav ul li{width:90px; height:55px; text-align:center; float:left; line-height:34px; margin-left:15px; display:inline;}
.newhead .nav ul li >a{ color:#565656; display:block; font-size:15px; font-weight:bold; height:auto; text-decoration:none;}
.newhead .nav ul li >a:hover{   color:#565656; height:auto;}

.menu {display: none; position:absolute; left: 0; top: 100px; width: 100%; background: rgba(255,255,255,0.8); line-height: 35px; z-index: 2; word-spacing: 7em; }
.menu a { font-size: 14px; }
 
.call{ width:982px; height:35px; margin:0 auto;}
.call1{ width:79px; height:13px; line-height:11px; float:left; background:url(images/service.jpg); margin-top:10px; text-align:center; color:#fffffd; padding-top:2px;font-weight:bold;}
.call2{float:left; width:150px; height:20px; margin-top:9px; color:#fffffd; margin-left:40px;}
.li1{ float:left; color:#111111; width:40px; margin-top:2px;}
.li2{ float:left; background:url(images/service-bg.jpg); width:117px; height:18px; text-align:center; font-weight:bold;padding-top:2px;}

.call3{float:left; height:20px; margin-top:9px; color:#fffffd; margin-left:20px;}
.call3 li{ float:left; background:url(images/service-bg.jpg); width:117px; height:18px; text-align:center; font-weight:bold; padding-top:1px; margin-right:40px;}

.li3{ float:left; color:#111111; width:50px; margin-top:2px;}
.li4{ float:left; background:url(images/service-bg.jpg); width:117px; height:18px; text-align:center; font-weight:bold;padding-top:2px; list-style-type:none;}

.call4{float:left; width:180px; height:20px; margin-top:9px; color:#fffffd;}
.li5{ float:left; color:#111111; width:90px; margin-top:2px;}
.li6{ float:left; width:77px; height:18px; text-align:left; font-weight:bold;padding-top:2px;}

.call5{float:right;  height:20px; margin-top:9px; color:#fffffd; margin-left:10px;}
.li7{ float:left; color:#111111;  margin-top:2px;}
.li8{ float:left; background:url(images/service-bg.jpg); width:117px; height:18px; text-align:center; font-weight:bold;padding-top:2px;}
.red {color:#f00; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

.btmainright { float:right; width:315px; height:auto; overflow: hidden;}
.btmainli { width:100%; height:auto; overflow:hidden; font-size:14px; color:#555; margin-bottom:20px;  line-height:30px;}
.btphone { font-size:40px; padding:20px 0 10px 0; font-family: Arial, Helvetica, sans-serif; color:#f60; text-align:center;}
.pho{ float:left; background:url(../images/service-bg.jpg) center no-repeat; width:117px; height:32px; color:#fff; text-align:center; font-weight:bold;padding-top:2px;}
.morenews { color:#fff !important; float:right;}


/*banner开始*/
.banner {height: 410px; background: url(../images/case_banner.jpg) center no-repeat; text-align:center; color:#fff; }
.banner h2 {font-size:60px; padding-top:98px; font-weight: normal;}
.banner h3 {font-size: 24px; margin: 40px 0 21px; font-weight: normal;}
.banner p {font-size: 16px;}

/*主体开始*/

.container { margin:50px 100px; }
.container .bt {font-size: 27px; color: #000; margin-bottom: 35px;}
.container .bt b {width:30px; height: 1px; background: #b40c0f; display: block; margin: 5px 0px;}
.container .bt p {font-size: 14px; color: #666;}

.hd h2 {
	width: 180px;
	height: 50px;
	box-sizing: border-box;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
	border-radius: 0px;
	background: #fff;
	display: flex;
	margin-top: -10px;
}

.hd h2 .dropdown1{ border: 0px;}
.hd h2 .dropdown1 dt a{height: 50px; line-height: 50px;}
.hd h2 .dropdown1 dt  a span{ text-align: center;}
.hd h2 .dropdown1 dd ul{ width: 180px; height: 300px; overflow-y: auto;}
.hd h2 .dropdown1 dd ul li{ width: 100%; height: 35px; line-height: 35px; margin-right: 0px;}
.hd h2 .dropdown1 dd ul li::after{ display: none;}
.hd h2 .dropdown1 dd ul li a{ width: 100%; height: 35px; line-height: 35px; padding: 0px;}

.hd ul li {
	padding: 0px 15px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
	position: relative;
	display: inline-block;
	margin-right: 20px;
	font-size: 14px;
}

.hd ul li a {
	display: block;
}

.hd ul li.on {
	background: #e2070b;
	color: #fff;
}

.hd ul li.on a {
	background: #e2070b;
	color: #fff;
}

.hd ul li::after {
	position: absolute;
	content: '';
	background: #e6e6e6;
	width: 1px;
	height: 10px;
	right: -10px;
	top: 11px;
}

.bd {
	margin-top: 50px;
	height:auto;
	overflow:hidden;
}

.bd ul li {
	width: calc(33.3% - 30px);
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
}

.bd ul li:nth-child(3n+0) {
	margin-right: 0px;
}

.bd ul li .img {
	width: 100%;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 0px 5px #ccc;
}

.bd ul li .img h2 {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	transform: scale(1);
	transition: all 0.5s ease 0s;
}

/* .bd ul li .img:hover h2 {
	transform: scale(1.1);
	transition: all 0.5s ease 0s;
}  */

.bd ul li .img img {
	width: 100%;
	height: auto;
}

.bd ul li .img h3 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	box-sizing: border-box;
	border: 10px solid #e2070b;
	background: rgba(0, 0, 0, .4);
	font-weight:normal;
	display: none;
}

.bd ul li .img h3 a { color: #fff; display: block; width: 100%; height: 100%; font-size: 16px; display: flex; justify-content: center; align-items: center;
}

.bd ul li .img h3 a:nth-child(2) {
	font-size: 18px;
	padding: 15px;
	margin-left: 10px;
}


.bd ul li:hover .img h3 {
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
}


.bd ul li .nr {
	padding: 20px 0px; transition: all 0.5s ease 0s;
}

.bd ul li:hover .nr{ padding: 20px 10px; transition: all 0.5s ease 0s;}

.bd ul li .nr span {
	float: right;
	padding-top: 10px;
}

.bd ul li .nr span a{ width: 44px; height: 4px; position: relative;}
.bd ul li .nr span a:hover::after{ width: 44px; height: 4px; content: ''; position: absolute; left: 0px; top: 7px; background: url(../images/index_0421.png) no-repeat; background-size: cover;}


.bd ul li h2 {
	color: #000;
	font-size: 16px;
	overflow: hidden;
	padding-bottom: 5px;
	height: 30px;
    line-height: 30px;
}

.bd ul li h2 a{ color: #000;}
.bd ul li h2 a:hover{ color: #e2070b;}

.bd ul li p{ height: 20px; overflow: hidden;}

.bd ul li:hover .img h2{ transform: scale(1.1); transition: all 0.5s ease 0s;}

.lx a {
	max-width: 400px;
	min-width: 300px;
	width: 100%;
	height: 44px;
	line-height: 44px;
	color: #fff;
	font-size: 14px;
	display: block;
	box-sizing: border-box;
	border-radius: 30px;
	text-indent: 15px;
	position: relative;
	overflow: hidden;
	margin: 0px auto;
}

.lx a span {
	float: right;
	width: 28px;
	height: 28px;
	line-height: 28px;
	background: #fff;
	border-radius: 50%;
	margin-top: 8px;
	margin-right: 8px;
	text-indent: 0px;
	text-align: center;
}

.lx a span i {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
}

.lx a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: #e53245;
	z-index: -2;
}

.lx a:before {
	content: '';
	position: absolute;
	width: 0%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: #b40c0f;
	z-index: -1;
}

.lx a:hover:before {
	width: 100%;
	transition: width 250ms cubic-bezier(.25, .46, .45, .94);
}

/*分页样式*/ 
.pagelist {text-align:center; margin-top:15px; clear:both;}
.page_info{text-align:center;margin:10px 0;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;  font-size:10px;margin:20px 0 10px;}
.page_list a{display:inline-block; color:#333;  border:1px solid #b5b5b5;  background:#fff; text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#6e770c; border:1px solid #b5b5b5; background:#dbdbdb; }
.page_list a.on{color:#333; border:1px solid #b5b5b5; background:#bac31c; font-family:Arial, Helvetica, sans-serif}


/*footer开始*/
.foots {width:100%; height:156px; text-align:left; overflow:hidden; margin-top:20px; position:relative;}
.fontsbg { position:absolute; top:0px; left:0px; width:100%; height:156px; background:url(../images/fontsbg.png)}
.footfont { line-height:30px; background:#000; border-top:1px solid #3e3b39;}
.footfont p { width:100%; text-align:left;  padding:0px; margin:0 auto; word-spacing:.3em; color:#7e7e7e;}
.footfont a { color:#8d8d8d;}
.fontsmain {width:1200px;  margin:auto; height:auto; color:#b1b1b1; font-size:12px;}
.fontsleft1 { width:28%; float:left; line-height:30px; padding: 20px 16px 20px 0;}
.fontsleft { width:32%; float:left; line-height:30px;   padding:20px 16px;}
.fontsleft3 { float:right; line-height:30px; word-spacing:.25em;     padding: 20px 0 16px 20px;}
.fontsmain span { font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.fontsmain a { color:#b1b1b1; }

.btmainright { float:right; width:315px; height:auto; overflow: hidden;}
.btmainli { width:100%; height:auto; overflow:hidden; font-size:14px; color:#555; margin-bottom:20px;  line-height:30px;}
.btphone { font-size:40px; padding:20px 0 10px 0; font-family: Arial, Helvetica, sans-serif; color:#f60; text-align:center;}
.pho{ float:left; background:url(../images/service-bg.jpg) center no-repeat; width:117px; height:32px; color:#fff; text-align:center; font-weight:bold;padding-top:2px;}
.morenews { color:#fff !important; float:right;}
/*footer结束*/


/*客服样式*/
 

@font-face {
    font-family: 'iconfont';  /* project id 1369449 */
    src: url('https://at.alicdn.com/t/font_1369449_rcixkf47c3q.eot');
    src: url('https://at.alicdn.com/t/font_1369449_rcixkf47c3q.eot?#iefix') format('embedded-opentype'),
    url('https://at.alicdn.com/t/font_1369449_rcixkf47c3q.woff2') format('woff2'),
    url('https://at.alicdn.com/t/font_1369449_rcixkf47c3q.woff') format('woff'),
    url('https://at.alicdn.com/t/font_1369449_rcixkf47c3q.ttf') format('truetype'),
    url('https://at.alicdn.com/t/font_1369449_rcixkf47c3q.svg#iconfont') format('svg');
}
.iconfont{font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0px;-moz-osx-font-smoothing: grayscale;}

.slide_right{ width: 60px; height: 332px; position: fixed; right: 0px; top:50%;margin-top:-166px ; z-index:99}
.slide_right li{ width: 60px; height: 60px; margin-bottom: 1px; position: relative; font-size: 12px}
.s_tel{ width: 270px; position: absolute; left: 0; top: 0;}
.u_tel{ width: 210px; height: 60px; float: left; background: #e2070b; line-height:60px; text-align: center; font-size:24px; font-family: cursive; letter-spacing:1px; cursor:pointer; color:#fff; display: flex; justify-content: center; align-items: center;}
.slide_right li a{ display: block; width:60px; height: 50px; background: #f14702; color: #fff; transition: none; text-align: center; line-height: 22px; padding-top: 10px; float: left;}
.slide_right li:hover a{ background: #e2070b; text-align: center; text-decoration:none;}
.slide_right li a i{ display: block; margin: 0px auto; text-align: center; font-size: 28px;}

.slide_right li .s_side{ display: none; }
.slide_right li .hade{ display: block;}


.slide_right li.s_zixun {
    background-position: 0 0;
}

.slide_right li.s_zixun .ew_tel {
    width: 160px;
    text-align: center;
    padding: 15px;
    height: auto;
    float: left;
    background: #e2070b;
    left: -200px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    position: absolute;
    display: none;
}

.slide_right li.s_zixun .ew_tel img {
    width: 100%;
}

.slide_right li.s_zixun .ew_tel:after {
    content: '';
    position: absolute;
    right: -10px;
    top: 20px;
    border-top: 10px solid transparent;
    border-left: 15px solid #e2070b;
    border-bottom: 10px solid transparent;
}

.slide_right li.s_zixun:hover .ew_tel {
    display: block;
}

.slide_right li.s_zixun .ew_tel p{ font-size: 12px; padding-top: 6px; color: #fff;}


@media (max-width:1600px) {
    .dh1 .nLi h3 a{ padding: 0px 10px;}
    .header .logo{ margin-top:25px;}
}

@media (max-width:1440px) {
    


    .bottom_l {
        width: 450px;
        margin-top: 60px;
    }
    .bottom_r{width: calc(100% - 450px);}


    .header .logo img {
        width: 200px;
        height: auto;
    }

    .head_seartch{ display: none;}


    .dh1 .nLi h3 a {
        padding: 0px 10px;
    }

}
/*客服样式结束*/