﻿@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
body{font-family:"微软雅黑", Arial, Tahoma, Verdana, sans-serif;font-size:14px;background:#fff;}
ol,ul,li{list-style-type:none;}
a{text-decoration:none;}
img{border:0;}
body{background:#fff;}
picture{display:block;}
.ysj{width:1260px; margin:0 auto;}
a:hover{text-decoration:none;}
a{color:#666; font-size:14px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.fl{float:left;}
.fr{float:right;}
@font-face {
  font-family: '../font/iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/iconfont.svg#iconfont') format('svg');
}
@font-face
    {
        font-family:"HeroicCondensed-Regular.ttf";
        src: url("../font/HeroicCondensed-Regular.ttf");
    }
@font-face
    {
        font-family:"felixtitling.ttf";
        src: url("../font/felixtitling.ttf");
    }
.iconfont {
  font-family: "../font/iconfont";
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*industry*/
.industry{padding:220px 0 120px 0;background-position:center top; background-repeat:no-repeat; background-size:cover;}
.industry .title{font-size:36px; color:#000; text-align:center; margin-bottom:20px;}
.industry .info{font-size:14px; color:#666; line-height:27px; width:80%; margin:0 auto 40px; text-align:center;}
.industry .detail_box .cell{background:url(../images/white_6.png) repeat; height:500px;width:400px; margin:0 10px; float:left; overflow:hidden; position:relative; cursor:pointer;}
.industry .detail_box .cell:last-child{ margin-right:0;}
.industry .detail_box .cell .pd{padding-top:40px; opacity:1;  transition:all 0.5s ease; -webkit-transition:all 0.5s ease; visibility:visible;}
.industry .detail_box .cell .t{text-align:center; line-height:1; margin-bottom:20px;}
.industry .detail_box .cell .d{font-size:14px; color:#666666; width:67%; margin:0 auto 50px; text-align:center;}
.industry .detail_box .cell .con_box{width:90%; margin:0 auto;}
.industry .detail_box .cell .con_box li{width:90%; padding-left:10%; margin-bottom:15px; font-size:14px; line-height:30px;}
.industry .detail_box .cell .con_box .btn{width:165px; line-height:40px; background:#ab7a52; color:#fff; font-size:13px; display:block; margin:35px auto 0; text-align:center;}
.industry .detail_box .cell .con_box .btn i{margin-left:50px;}
.industry .detail_box .cell .con_box .btn:hover{color:#fff;}
.industry .detail_box .cell .icon_box{text-align:center; margin-bottom:12px; margin-top:70px;}
.industry .detail_box .cell .icon_box img{width:160px; height:90px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.industry .detail_box .cell .img_box{position:absolute; left:0; bottom:0; width:100%;}
.industry .detail_box .cell .list_cover{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; opacity:0; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; visibility:hidden;}
.industry .detail_box .cell:hover .pd{opacity:0; visibility:hidden;}
.industry .detail_box .cell:hover .list_cover{opacity:1; visibility:visible;}
.industry .detail_box .cell:after{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#fff; opacity:0.4;}
.industry .detail_box .cell:last-child:after{display:none;}
.industry .detail_box .cell:hover .icon_box>img{transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}

.nyban1{height:380px; background:url(../images/ban05.jpg) no-repeat top; background-attachment:fixed; position:relative; margin-top:90px;}
.nyban2{height:380px; background:url(../images/nyban2.jpg) no-repeat top; background-attachment:fixed; position:relative; margin-top:90px;}
.zdgk{ padding:60px 50px; line-height:40px; font-size:16px; text-align:left; overflow:hidden;}
.zdgk img{ float:left; padding-right:50px;}
.zdgk dl{ color:#a87b51; font-weight:bold; font-size:20px; line-height:60px;}
.zdgk_fl{ float:left;width:500px; height:315px;}
.zdgk_fr{ float:right;width:700px;}
.zdgk_fr dl{ position:relative; margin-bottom:20px;}
.zdgk_fr dl:after{ content:"";position:absolute;left:0;bottom:0;width:30px; background:#a87b51; height:2px;}

.nyban{ height:480px; background:url(../images/nyban.jpg) no-repeat center; padding-top:130px;}

.end{ height:310px; background:#172a88;}
.end_lt{ float:left;width:700px; padding-top:30px;}
.end_lt ul{ float:left; margin-right:65px;}
.end_lt ul p a{ color:#fff; font-size:16px;  position:relative; line-height:60px; display:block; margin-bottom:10px;}
.end_lt ul p a:after{ content:""; position:absolute;left:0;bottom:0;width:20px; height:1px; background:#fff;}
.end_lt ul li a{ font-size:12px; line-height:28px; color:#a6bccd;}
.end_lt ul li a:hover{ color:#ee9613;}
.end_rt{ float:right;width:460px; margin-top:20px;}
.end_rt dl{ text-align:left; line-height:32px; color:#fff; float:left; padding-top:10px;}
.end_rt dl i{ float:left; padding-right:10px; color:#fff;}
.end_rt p{ color:#fff;}
.end_rt ul li{ float:left; margin-right:20px;}
.end_rt ul img{ float:left;}
.end_rt li p{
    /* writing-mode: vertical-rl; */
    font-weight: 200;
    font-size: 13px;
    line-height: 30px;
    vertical-align: middle;
    /* padding-top: 10px; */
    width: 23px;
    float: left;
	height: auto;
    text-align: center;
	line-height: 16px;
    margin-left: 10px;
}


.cop{ height:50px; background:#ee9613; line-height:50px; color:#fff; font-size:13px; text-align:center;}
.cop .ysj a{ color:#fff; font-size:13px;}
.cop .ysj a:hover{ color:#f00;}



.ny_nav{ height:60px; margin-top:-35px; line-height:60px;text-align:right;}
.ny_nav1{width:auto; float:left;}
.ny_ll li{ display:inline-block;width:auto; min-width: 130px;  height:60px; line-height:60px; border-right:1px solid #eeeeee; text-align:center; font-size:16px; }
.ny_nav1 a{ color:#333; line-height:60px; padding: 0 16px; text-align:center; font-size:16px; background:#fff; display:block;width:100%; height:100%;}
.ny_ll ul .column_active{ background:#005493; color:#fff;}
.ny_ll ul li a:hover{ background:#005493; color:#fff;}
.ny_ll{ height:60px; border-bottom:1px solid #eeeeee; color:#666;}
.ny_ll ul p{text-align:right; float:right; line-height:58px; font-size:14px; display:inline-block;}
.nynr{ line-height:34px; color:#333; font-size:14px; padding:30px;}

.zoujyd{}
.ydjt_jj{ padding:10px 0; overflow:hidden; font-size:16px; color:#575757; line-height:40px;}

.ny_ll1{ height:60px; border-bottom:1px solid #eeeeee; color:#666;text-align:left; line-height:58px; font-size:14px;}
.pinp{ padding-bottom:50px;}
.pinp h2{ text-align:center; margin:20px 0; font-size:32px; color:#393939; font-weight:400; line-height:80px; position:relative;}
.pinp h2:after{ content:""; position:absolute;width:30px; height:2px; background:#333;left:50%; margin-left:-15px; bottom:0;}

/* 本例子css */
.slideTxtBox1{text-align:left; overflow:hidden; padding-top:30px;}
.slideTxtBox1 .hd{ height:100px;line-height:100px; position:relative;width:100%; overflow:hidden;}
.slideTxtBox1 .hd ul{ height:100px;}
.slideTxtBox1 .hd ul li{ float:left;cursor:pointer;width:33%; line-height:100px; height:100px; border-right:1px solid #fff; background:#eeeeee; color:#484848; font-size:16px; }
.slideTxtBox1 .hd ul li:last-child{ border-right:none;}
.slideTxtBox1 .hd ul li i{ font-size:46px; padding-left:160px; padding-right:10px; float:left;display:inline-block; color:#a4a4a4;}
.slideTxtBox1 .hd ul li.on{ height:100px; color:#fff;  background:#ab7a52; }
.slideTxtBox1 .hd ul li.on i{ color:#fff;}
.slideTxtBox1 .bd{ padding-top:40px;}
.slideTxtBox1 .bd ul{ width:100%; overflow:hidden; float:left;}

.slideTxtBox1 .bd ul li{ float:left; margin-bottom:30px; overflow:hidden; margin-right:30px; height:225px; background:#f7f7f7;width:610px;}
.slideTxtBox1 .bd ul li:nth-child(2n){ margin-right:0;}
.slideTxtBox1 .bd ul li a span{width:300px; height:225px; overflow:hidden; display:block; float:left;}
.slideTxtBox1 .bd ul li a span img{width:300px; height:225px;transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.slideTxtBox1 .bd ul li a span img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.slideTxtBox1 .bd ul li:hover img{filter:alpha(opacity=30);opacity:1}
.slideTxtBox1 .bd ul li a dl{width:270px; float:right; padding:20px 20px;}
.slideTxtBox1 .bd ul li a dl strong{ color:#222; font-size:20px; line-height:30px;}
.slideTxtBox1 .bd ul li a dl dt{ color:#747474; line-height:40px;}
.slideTxtBox1 .bd ul li a dl b{ font-size:14px; color:#3e3e3e; border-bottom:1px dashed #e2e2e2; font-weight:300; display:block; line-height:40px;}
.slideTxtBox1 .bd ul li a dl b h4{ display:inline-block; line-height:30px; font-weight:bold; color:#ab7a52; font-size:20px;}
.slideTxtBox1 .bd ul li a dl dd{ font-size:14px; color:#636363; line-height:20px; margin-top:10px;}
.slideTxtBox1 .bd ul li a dl dd i{ color:#c5c5c5; font-size:16px; float:left; padding-right:10px; display:block; float:left; height:40px;}
.slideTxtBox1 .bd ul li a dl dd p{ float:left;}


#productView{width:100%; overflow:hidden;}
#productView .one{width:1260px; text-align:left; margin:0 auto; padding:70px 0; overflow:hidden;}
#productView .one .photo{width:490px; height:368px; margin-right:50px; float:left; overflow:hidden;}
#productView .one .photo img{width:100%; height:100%;}
#productView .one .cont{width:700px; height:368px; float:left; overflow:hidden; position:relative;}
#productView .one .cont .name{line-height:35px; color:#ab7a52; font-size:24px; overflow:hidden;}
#productView .one .cont .text{width:100%; padding-top:15px; overflow:hidden;}
#productView .one .cont .text li{line-height:40px; overflow:hidden;}
#productView .one .cont .text li .left{width:86px; height:40px; color:#494949; font-size:14px; font-weight:bold; float:left; overflow:hidden;}
#productView .one .cont .text li .right{width:425px; color:#666; font-size:14px; float:left; overflow:hidden;}
#productView .one .cont .phone{height:25px; line-height:25px; overflow:hidden; position:absolute; left:0; bottom:0;}
#productView .one .cont .phone .left{width:65px; height:25px; color:#8C8C8C; font-size:13px; float:left; overflow:hidden;}
#productView .one .cont .phone .right{width:425px; height:25px; color:#A68D6A; font-size:24px; float:left; overflow:hidden;}
#productView .one .cont .code{width:120px; height:120px; overflow:hidden; position:absolute; right:0; bottom:0;}
#productView .one .cont .code img{width:100%; height:100%;}
#productView .two{width:100%; background:#ac7a47; overflow:hidden;}
#productView .two .box{width:1260px; text-align:left; margin:0 auto; padding:50px 0; overflow:hidden;}
#productView .two .box .title{line-height:50px; color:#ffeedd; font-size:24px; overflow:hidden;}
#productView .two .box .text{width:100%; overflow:hidden;}
#productView .two .box .text p{line-height:25px; color:#F7F6F6; font-size:13px; padding-top:10px;}
#productView .two .box .list{width:100%; padding-top:50px; overflow:hidden;}
#productView .two .box .list ul{width:1260px; overflow:hidden;}
#productView .two .box .list ul li{width:295px; margin:20px 20px 0 0; float:left; overflow:hidden;}
#productView .two .box .list ul li .photo{width:320px; height:240px; overflow:hidden;}
#productView .two .box .list ul li .photo img{width:100%; height:100%;}
#productView .two .box .list ul li .name{height:35px; line-height:35px; color:#fff; font-size:16px; margin-top:20px; text-align:center;overflow:hidden;}
#productView .three{width:100%; background:#f7f5f6; overflow:hidden;}
#productView .three .box{width:1260px; margin:0 auto; padding:20px 0 60px 0; overflow:hidden;}
#productView .three .box .title{line-height:110px; color:#ab7a52; font-size:24px; overflow:hidden;}
#productView .three .box .list{width:100%; overflow:hidden;}
#productView .three .box .list ul{width:1260px; overflow:hidden;}
#productView .three .box .list ul li{width:400px; margin:20px 20px 0 0; float:left; overflow:hidden;}
#productView .three .box .list ul li .photo{width:400px; height:273px; overflow:hidden;}
#productView .three .box .list ul li .photo img{width:100%; height:100%;}
#productView .three .box .list ul li .name{height:60px; line-height:60px; color:#000; font-size:16px; overflow:hidden;}
#productView .four{width:1260px; margin:0 auto; padding:20px 0 60px 0; overflow:hidden;}
#productView .four .title{line-height:110px; color:#ab7a52; font-size:24px; overflow:hidden;}
#productView .four .map{height:350px; overflow:hidden;}
#productView .four .text{width:100%; text-align:left; padding-top:20px; overflow:hidden;}
#productView .four .text p{line-height:25px; color:#313131; font-size:13px; padding-top:10px;}



/*内页新闻*/
.nynews{}
.nynews_tt{ color:#fff;text-align:center; padding:70px 0;}
.nynews_tt p{ font-size:36px;}
.nynews_t{ background:url(../images/nybj.jpg) no-repeat center; height:680px; margin-top:90px; background-attachment:fixed;}
.newsList li {
	height: auto;
	overflow: hidden;
	width: calc((74% - 40px)/3);
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 6px;
}

.newsList a:link, .newsList a:visited {
	color: #888888;
}

.newsList .bodr {
	border: 1px solid #dfdfdf;
	height: 375px;
	position: relative;
	overflow: hidden;
	margin: 0 5px;
}

.newsList .txts {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0 20px;
	transition: 400ms;
	-webkit-transition: 400ms;
}

.newsList .txts .sy {
	margin-bottom: 15px;
	padding-top: 50px;
	font-size: 14px;
}

.newsList .txts .nowti {
	font-size: 20px;
	color: #ffffff;
	line-height: 1.5;
	overflow: hidden;
	height: 60px;
}

.newsList .txts .tx {
	line-height: 22px;
	height: 62px;
	overflow: hidden;
	font-size: 14px;
	margin-top: 10px;
}

.newsList .txts .date {
	position: absolute;
	left: 45px;
	bottom: 40px;
	font-size: 14px;
}

.newsList .pic {
	height: 100%;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	opacity: 0;
	display: none\9;
	transition: 600ms;
	-webkit-transition: 600ms;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color:#076ab4;
	position: relative;
}

.newsList .pic img {
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	position: absolute;
}

.newsList .pic .cover {
	background: rgba(0,0,0,.3);
	opacity: 0;
	display: none\9;
}

.newsList li:hover .pic {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
	display: block\9;
}

.newsList li:hover .pic .cover {
	opacity: 1;
	display: block\9;
}

.newsList li:hover .bg {
	background: #ff0000;
}

.newsList li:hover a, .newsList li:hover .txts .nowti {
	color: #fff;
}

.newsList li:hover .txts {
	top: 38%;
	background: rgba(0,0,0,0.5);
}

.ixmore {
	display: block;
	width: 34px;
	height: 34px;
	border: 2px solid #fff;
	position: absolute;
	right: 45px;
	top: 40px; font-family:"宋体"; text-align:center; font-size:30px; line-height:34px;
	transform: translateX(-30px);
	-webkit-transform: translateX(-30px);
	opacity: 0;
	display: none\9;
	transition: 400ms 100ms;
	-webkit-transition: 400ms 100ms;
}

.ixmore .ico {
	background-image: url(//dfs.yun300.cn/group1/M00/00/B5/CgI9Fli2P1uEcxEdAAAAAJ3vNCE205.png);
}

.newsList li:hover .ixmore {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	opacity: 1;
	display: block\9;
}
#c_news_list-15490019402758142 .p_articles {
	margin: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#c_news_list-15490019402758142 .p_CommonSummaryBoxA {
	text-align: center;
}

#c_news_list-15490019402758142 .p_MatteIcon .iconfont:before {
	content: '\e602';
}

#c_news_list-15490019402758142 >div {
	animation-name: fadeInUp;
	animation-duration: 1.5s;
	animation-delay: 1.2s;
	animation-fill-mode: both;
}

#c_news_list-15490019402758142 .p_page .pre .iconfont:before {
	shadow-angle: 0px;
	shadow-distance: 0px;
	shadow-angle-ofInset: 0px;
	shadow-distance-ofInset: 0px;
}

#c_news_list-15490019402758142 .p_page .next .iconfont:before {
	shadow-angle: 0px;
	shadow-distance: 0px;
	shadow-angle-ofInset: 0px;
	shadow-distance-ofInset: 0px;
}

#c_news_list-15490019402758142 .p_more .iconfont:before {
	shadow-angle: 0px;
	shadow-distance: 0px;
	shadow-angle-ofInset: 0px;
	shadow-distance-ofInset: 0px;
}

#c_news_list-15490019402758142 .p_loading .iconfont:before {
	shadow-angle: 0px;
	shadow-distance: 0px;

	shadow-angle-ofInset: 0px;
	shadow-distance-ofInset: 0px;
}

#c_news_list-15490019402758142 .newsList .pic {
	background: #fff;
}

#c_news_list-15490019402758142 .newsList .txts .nowti {
	font-size: 18px;
}

#c_news_list-15490019402758142 {
	left: 1px;
	z-index: 100;
}

.ny_xw_t{ padding:30px 0;}
.ny_xw_t{ overflow:hidden; text-align:center;}
.ny_xw_t p{ font-size:36px; color:#333;}
.ny_xw_t span{ font-size:14px; color:#999; line-height:50px; text-indent:10px; display:block;}
.ny_xw{ padding:50px 0;overflow:hidden; margin-bottom:20px; line-height:34px;}
.ny_xw li{ height:160px; border-bottom:1px dotted #d8d8d8;  padding:20px 0;}
.ny_xw li:hover{ background:#f2f2f2;}
.ny_xw .ny_xw_lt{ float:left;width:240px; height:160px;}
.ny_xw .ny_xw_lt img{width:240px; height:160px;}
.ny_xw .ny_xw_zh{ float:left; margin-left:30px;width:760px; padding-right:10px;}
.ny_xw .ny_xw_zh p{ font-size:20px; color:#222; line-height:60px;}
.ny_xw .ny_xw_zh p b{ font-size:14px; color:#999; float:right; font-weight:300;}
.ny_xw .ny_xw_zh span{ color:#6a6a6a; line-height:26px; font-size:14px; display:block;}
.ny_xw .ny_xw_zh:hover p,.ny_xw .ny_xw_zh:hover span{ margin-left:10px;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.ny_xw .ny_xw_rt{ float:right; color:#dd2027; padding-top:30px; padding-right:20px; position:relative;}
.ny_xw .ny_xw_rt p{ color:#dd2027; line-height:60px;}
.ny_xw .ny_xw_rt span{width:120px; border:1px solid #3c5095; margin-right:20px; line-height:34px; position:absolute; color:#3c5095; right:0; display:block; text-align:center;}
.ny_xw .ny_xw_rt span:hover{ background:#3c5095; color:#fff;}

