﻿
/* CSS Document */ 

#dh {
 width:100%;
 margin:0 auto;
 background: linear-gradient(to right,#503440,#255877);
 border-top: 1px solid #c5c5c5;
}
#nav {
 width:1200px;
 height:46px;
 margin:0 auto;
 font-size:16px
}
#nav img {
 float:right
}
#nav ul {
 padding:0;
 margin:0;
}
#nav ul li {
 float:left;
 position:relative;
 width:150px;
 height:46px;
}
#nav ul li a {
 line-height:46px;
 display:block;
 text-decoration:none;
 text-align:center;
 color:#fff;
 font-size:16px;
}
#nav ul li a:hover {
 background-color:#E30010;
 color:#fff
}
#nav ul li ul {
 display:none;
 z-index:5000
}
#nav ul li:hover ul {
 display:block;
 position:absolute;
 left:0;
 background-size: 100% 100%;
 background: linear-gradient(to right,#503440,#255877);
}
#nav ul li:hover ul li a {
 display:block;
 width:150px;
 text-align:center;
 border-top:1px solid #c5c5c5;
 height:44px;
 line-height:44px
}
#nav ul li:hover ul li a:hover {
 background-color:#E30010;
 color:#fff
}
.fanye li{
    margin-top:5px;
}
.fanye{
margin-top: 20px;
}
* {
	margin: 0;
	padding: 0;
	color: #494949;
	font-family: "微软雅黑";
	font-size: 14px;
}
.link ul li{
    float: left;
    margin-left: 5px;
    font-size: 10px;
    color: #888888;
}
.link ul li a{
    font-size: 10px;
    color: #888888;
}
a {
	text-decoration: none;
}
li {
	list-style: none;
}
.tcp{
     padding: 12px;
}
.tcp img{
    width: 100%;
    height: 155px;
}
.tcp p{
     text-align:center;
     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
img, input {
	border: 0;
}
h1, h2, h3, h4 {
	font-weight: normal;
}
.ul999 a{
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    background: #e3e3e3;
    line-height: 24px;
    font-size: 13px;
    color: #666;
    border-radius: 30px;
    margin-right: 5px;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
}
.ul999 a:hover {
    background-color: #c1272d;
    color: #fff;
    transition: 0.2s;
    cursor: pointer;
}
.pageTop {
	height: 30px;
	border-bottom: 1px solid #cccccc;
}
.pageTBox {
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
	line-height: 30px;
}
.pageTBox p {
	float: left;
}
.pageTBox h1 {
	float: right;
}
.pageTBox h1 a {
	margin: 0 5px;
}
.pageTBox h1 a:hover, .RredBox p a:hover, .caseMore:hover, .leftNT a:hover, .rightNT a:hover, .linkCon p a:hover, .subNav p a:hover {
	text-decoration: underline;
}
.logoLine {
	height: 90px;
	overflow: hidden;
	width: 1180px;
	margin: 6px auto;
}
.logo {
	float: left;
	width: 130px;
}
.main .main_right .content h2{
    font-weight: bold;
}
.hidden-xs{
   float: left;
}
.hidden-r{
    margin-top: 40px;
}
.hidden-xs h1{
    font-size: 30px;
}

.logoLine span, .logoLine p {
	line-height: 43px;
}
.logoLine span, .logoLine p, .logoLine .phonePic {
	float: right;
}
.logoLine span {
	font-family: Arial;
	font-size: 26px;
	color: #e30010;
        line-height: 1px
}
.logoLine p {
	font-size: 16px;
        line-height: 1px;
}
.logoLine .phonePic {
	margin: -17px 5px 0 0;
}
.content p{
    text-indent: 28px;
    padding-top: 10px;
    line-height: 25px;
}
.content h3{
    color: #800080;
    margin-top: 15px;
}
.content .time{
    line-height: 24px;
    margin-top: 23px;
}
.content .time img{
    float: left;
    padding-top: 7px;
}
.content .time i{
    padding-left: 5px;
}
.content .time span{
    color: #999;
    font-size: 13px;
}
.content p a u{
	text-decoration: none;
    color: #5491d7;
}
.content p a{
	text-decoration: none;
    color: #5491d7;
}
.nav {
	height: 44px;
	background-color: #2a2a2a;
	clear: both;
}
.navBox {
	width: 1176px;
	margin: 0 auto;
	overflow: hidden;
}
.navBox a {
	display: block;
	float: left;
	text-align: center;
	width: 147px;
	height: 44px;
	line-height: 44px;
	color: #fff;
	font-size: 16px;
}
.navBox a:hover {
	background-color: #e30010;
}
.baneBox {
	height: 605px;
	clear: both;
	position: relative;
}
.full_banner {
	width: 100%;
	position: relative;
	height: 550px;
	background: #FFF;
	overflow: hidden;
}
.full_banner .bd {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.full_banner .bd ul {
	width: 100% !important;
}
.full_banner .bd li {
	width: 100% !important;
	float: left;
	height: 550px;
	overflow: hidden;
	text-align: center;
}
.full_banner .bd li a {
	display: block;
	height: 550px;
}
.full_banner .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: -62px;
	left: 0;
	height: 150px;
	line-height: 150px;
	text-align: center;
}
.full_banner .hd ul {
	text-align: center;
}
.full_banner .hd ul li {
	cursor: pointer;
	display: inline-block;
*display:inline;
	zoom: 1;
	width: 40px;
	height: 10px;
	margin: 5px;
	background: url(../images/tg_flash_p.png) -50px 0;
	overflow: hidden;
	line-height: 9999px;
}
.full_banner .hd ul .on {
	background-position: 0px 0px;
}
.redBl {
	position: absolute;
	height: 110px;
	bottom: 0;
	width: 100%;
	z-index: 999;
}
.redBCon {
	width: 1180px;
	margin: 0 auto;
	height: 110px;
	overflow: hidden;
}
.leftRedBC {
	float: left;
	width: 590px;
	height: 110px;
	background-color: #e80012;
}
.rightRedBC {
	float: right;
	width: 590px;
	height: 110px;
	background-color: #2a2a2a;
}
.LredBox {
	width: 524px;
	margin: 0 auto;
	overflow: hidden;
}
.LredBox dl {
	float: left;
}
.LredBox dl dd, .LredBox dl dt {
	color: #fff;
}
.LredBox dl dd {
	font-weight: bold;
	font-size: 24px;
	margin: 25px 0 5px 0;
}
.LredBox dl dt {
	font-size: 16px;
}
.LredBox div {
	float: right;
	margin-top: 4px;
}
.LredBox div img {
	display: block;
	width: 36px;
	height: 36px;
	margin-top: 10px;
}
.RredBox {
	width: 524px;
	margin: 0 auto;
}
.RredBox p {
	height: 52px;
	line-height: 52px;
	color: #fff;
	margin-top: 5px;
}
.RredBox p a {
	color: #fff;
	margin-right: 10px;
}
.search {
	height: 30px;
	width: 524px;
	background-color: #fff;
	overflow: hidden;
}
.search input {
	float: left;
	width: 460px;
	padding: 0 10px;
	height: 30px;
}
.search img {
	float: right;
}
.coper {
	width: 1180px;
	margin: 50px auto;
	clear: both;
}
.coperN {
	height: 53px;
	background: url(../images/coperName.jpg) no-repeat center 0;
	margin-bottom: 25px;
}
.coperB {
	height: 100px;
}
.mr_frBtnL {
	float: left;
	margin-top: 26px;
	cursor: pointer;
	display: inline;
}
.mr_frUl {
	float: left;
	height: 100px;
	width: 1094px;
}
.mr_frBtnR {
	float: right;
	margin-top: 26px;
	cursor: pointer;
}
.mr_frUl ul li {
	display: inline;
	float: left;
	height: 100px;
	width: 199px;
	margin-left: 17px;
	overflow: hidden;
}
.mr_frUl ul li img {
	display: block;
	width: 197px;
	height: 98px;
	border: 1px solid #e6e6e6
}
.proPart {
	background: #fff;
	clear: both;
	height: 828px;
}
.proBox {
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
}
.leftPro {
	float: left;
	width: 220px;
	margin-top: 44px;
}
.proTitle {
	height: 100px;
	background:#c1272d;
}
.span1 {
    text-align: center;
    float: left;
    width: 100%;
    font-size: 30px;
    margin-top: 15px;
    color: #fff;
}
.span2 {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    color: #fff;
}
.proCon {
	width: 220px;
	padding: 5px 0;
	margin-top: -2px;
}
.proCon dl {
	width: 190px;
}
.proCon dl: a {
	font-size: 17px;
}
.proCon dl dd {
	width: 220px;
	height: 44px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 39px;
    border-bottom: 1px solid #dcdcdc;
	background:#e6e6e6;
	margin-top: 9px;
}
.proCon dl dd:hover{
	background: #E30010;
}
.proCon dl dd:hover a{
	color: #fff;
	font-size: 18px;
	-webkit-transition: all 0.5s ease;
}
.proCon dl dd a {
	color: #5a5a5a;
	font-size: 14px;
	font-weight: bold;
}
.proCon dl dt {
	height: 36px;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
}
.proCon dl dt:hover {
	color: #e80012;
}
.proPhone {
	margin-top: -24px;
	padding: 26px;
}
.proPhone p {
	height: 26px;
	line-height: 26px;
	padding-left: 34px;
	color: #f1f1f1;
	font-size: 16px;
}
.proPhone h1 {
	color: #f1f1f1;
	font-size: 26px;
	font-family: Impact;
}
.rightPro {
	float: right;
	background-color: #fff;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	margin-top: 43px;
	width: 934px;
}
.rightPro li {
	height: 321px;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	width: 310px;
	float: left;
}
.rightPro li dl {
	margin-top: 7px;
	height: 74px;
}
.rightPro li dl dd {
	line-height: 34px;
	text-align:center;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 80%;
    margin: 0 auto;
}
.rightPro li dl dt a {
	display: block;
	width: 100px;
	width: 100px;
	height: 30px;
	color: #525151;
	background: #e6e6e6;
    background-size: 100% 100%;
	text-align: center;
	line-height: 30px;
	margin: 0 auto;
	border-radius: 49%;
}
.rightPro li dl dt a:hover {
	background-color: #e80012;
	color: #fff;
}
.rightPro li img {
	display: block;
	width: 300px;
    height: 230px;
    margin: 0 auto;
}
.rightPro li img:hover {
	transform: scale(1.02);
	-webkit-transition: all 0.5s ease;
}
.PKCon {
	width: 1180px;
	margin: 50px auto;
	clear: both;
}
.pktitle {
	height: 53px;
	background: url(../images/PKTitle.jpg) no-repeat center 0;
	margin-bottom: 40px;
}
.title-con {
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.title-con h3 {
    display: inline-block;
    font-size: 24px;
    border-top: 1px solid #dcdcdc;
    padding-top: 20px;
}

.row .us-con {
    border: 1px #dcdcdc solid;
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 1170px;
    margin: auto;
    overflow: hidden;
    margin: 33px auto;
}
.row .us-con img {
    max-width: 100%;
}
.col-md-4 {
    width: 30.333333%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.col-md-8 {
    width: 66.66666667%;
    float: left;
}
.row .us-con .us-des {
    margin-top: 0px;
}
.row .us-con .us-des p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 10px;
    text-indent: 33px;
}


.title-con h3 span {
    display: block;
    text-transform: uppercase;
    color: #999;
    font-size: 16px;
    margin-top: 5px;
}
.PKImg {
	height: 350px;
	background: url(../images/pkimg.jpg) no-repeat center 0;
}
.PKstance {
	height: 122px;
	background: url(../images/pkbg.jpg) no-repeat center 0;
	margin-top: 20px;
}
.PKstanBox {
	width: 1036px;
	margin: 0 auto;
	overflow: hidden;
}
.PKstanBox .leftPKS, .PKstanBox h3 {
	float: left;
}
.PKstanBox .leftPKS {
	padding-top: 26px;
}
.PKstanBox .rightPKS {
	float: right;
}
.PKstanBox p {
	width: 430px;
	line-height: 24px;
	font-size: 16px;
}
.PKstanBox h3 {
	width: 176px;
	text-align: center;
	line-height: 122px;
	font-size: 28px;
	color: #fff;
	font-weight: bold;
}
.PKstanBox p.p01 {
	padding-top: 28px;
	/*font-weight: bold;*/
}
.PKstanBox p.p02 {
	padding-top: 37px;
	/*font-weight: bold;*/
}
.casePart {
	margin-top: 20px;
	clear: both;
	background: #fff;
    background-size: 100% 100%;
	padding: 30px 0;
}
.caseCon {
	width: 1180px;
	margin: 0 auto;
}
.caseTitle {
	height: 53px;
	background: url(../images/caseNme.png) no-repeat center 0;
	margin-bottom: 30px
}
.caseCONTE {
	height: 560px;
	overflow: hidden;
    padding-bottom: 23px;
}
.leftCaseP {
	float: left;
	width: 380px;
	margin-right: 13px;
}
.rightCaseP {
	float: right;
	width: 380px;
}
.caseCONTE img {
	display: block;
	width: 350px;
	height: 240px;
	margin-bottom: 20px;
}
.caseCONTE img:hover {
	transform: scale(1.01);
}
.caseMore {
	display: block;
	margin: 0 auto;
	margin-top:-15px;
	width: 120px;
	height: 40px;
	border: 1px solid #c5c5c5;
	text-align: center;
	line-height: 40px;
	color: #888888;
}
.Advan {
	width: 1180px;
	margin: 35px auto;
	clear: both;
}
.AdvTitle {
	height: 74px;
	background: url(../images/AdvTitle.jpg) no-repeat center 0;
}
.AdC01 {
	background: url(../images/AdvPic1.jpg) no-repeat top;
	padding: 146px 0 2px 50px;
}
.Advan ul {
	width: 500px;
	
}
.Advan ul li {
	margin-bottom: 18px;
	line-height: 28px;
	background: url(../images/arrow.jpg) no-repeat left top;
	font-size: 16px;
	padding-left: 36px;
}
.Advan ul li span {
	color: #e80012;
	font-size: 16px;
}
.AdC02 {
	background: url(../images/AdvPic2.jpg) no-repeat center 0;
	padding: 130px 0 15px 0;
	overflow: hidden;
}
.AdC02 ul {
	float: right;
	margin-top:22px;
}
.AdC03 {
	background: url(../images/AdvPic3.jpg) no-repeat center 0;
	padding: 192px 0 40px 0;
}
.honerLine {
	background: ;
    background-size: 100% 100%
	margin-top: 40px;
	clear: both;
	padding: 30px 0;
}
.honerCon {
	width: 1180px;
	margin: 0 auto;
}
.honerName {
	height: 54px;
	background: url(../images/honerName.png) no-repeat center 0;
	margin-bottom: 30px;
}
.honerBox {
	overflow: hidden;
}
.honerBox a{
	display: block;
    float: left;
}
.honerBox p{
    width:230px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.honerBox img {
	display: block;
	width: 250px;
	height: 180px;
	margin: 0 12px;
}
#demo {
	overflow: hidden;
	width: 1180px;
	margin: 0 auto;
}
#indemo {
	float: left;
	width: 800%;
}
#demo1 {
	float: left;
}
#demo2 {
	float: left;
}
.mainCon {
	width: 1180px;
	margin: 55px auto;
	clear: both;
}
.cusTitle {
	height: 54px;
	background: url(../images/cusTitle.jpg) no-repeat center 0;
	margin-bottom: 27px;
}
.cusCion {
	overflow: hidden;
	height: 405px;
	background: url(../images/customBg.jpg) no-repeat center 0;
	margin-bottom: 40px;
}
.leftCus {
	width: 1200px;
	float: left;
}
.rightCus {
	width: 563px;
	float: right;
}
.CusList {
	margin-bottom: 70px;
	height: 146px;
	overflow: hidden;
	float: left;
	margin-left: 10px;
	margin-right: 20px;
}
.CusList img {
	float: left;
	display: block;
	width: 199px;
	height: 146px;
	margin-right: 10px;
}
.CusText {
	float: right;
	width: 350px;
}
.CusText h3 a {
	font-size: 16px;
	color: #e60316;
}
.CusText p {
	margin: 10px 0;
	height: 80px;
	line-height: 24px;
}
.cusMore {
	color: #9d9d9d;
}
.cusMore:hover {
	color: #2a2a2a;
	text-decoration: underline;
}
.newLine {
	overflow: hidden;
	height: 684px;
}
.leftNew {
	float: left;
	width: 700px;
}
.rightNew {
	float: right;
	width: 440px;
}
.leftNT {
	height: 50px;
	background: #e6e6e6;
    background-size: 162% 100%;
	line-height: 50px;
	width: 700px;
	overflow: hidden;
	margin-bottom: 20px;
}
.leftNT ul, .leftNT ul li {
	float: left;
}
.leftNT ul li {
	width: 140px;
	text-align: center;
	color: #5a5a5a;
	font-size: 16px;
	cursor: pointer;
	font-weight: bold;
}
.leftNT ul li.speciLi {
	background-color: #ea0315;
	color: #fff;
}
.rightNT h3 {
	float: left;
	color:#5a5a5a;
	font-size: 16px;
	width: 140px;
	text-align: center;
	font-weight: bold;
}
.leftNT a, .rightNT a {
	float: right;
	color: #5a5a5a;
	margin-right: 10px;
	font-size: 12px;
}
.rightNT {
	height: 50px;
	background: #e6e6e6;
    background-size: 162% 100%;
	line-height: 50px;
	width: 440px;
	overflow: hidden;
	margin-bottom: 20px;
}
.newsBotm {
	clear: both;
}
.newsBotm table td {
	height: 40px;
	line-height: 36px;
}
.newsBotm table .ask {
	background-image: url(../images/ask.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.newsBotm table .ask a {
	color: #1f1d1d;
	font-weight: 600
}
.newsBotm table .answer {
	/*background-image: url(../images/answer.jpg);*/
	background-repeat: no-repeat;
	background-position: left 6px;
}
.b3{
    margin-left: 1px!important;
}
.newsBotm table td a {
	margin-left: 30px;
	font-size: 14px;
}
.leftNB {
	clear: both;
	height: 405px;
}
.Upnews {
	height: 190px;
	overflow: hidden;
}
.Upnews img {
	display: block;
	float: left;
	width: 295px;
	height:190px;
}
.RNText {
	float: right;
	width: 385px;
	height: 190px;
}
.RNText p {
	line-height: 24px;
	height: 145px;
	margin-bottom: 15px;
}
.RNText a {
	display: block;
	width: 100px;
	height: 30px;
	color: #888888;
	background:#e6e6e6;
    background-size: 100% 100%;
	text-align: center;
	line-height: 30px;
}
.DownNews {
	clear: both;
	margin-top: 13px;
}
.newsList {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dashed #bababa;
	overflow: hidden;
}
.newsList img {
	float: left;
	margin-top: 17px;
}
.newsList a {
	display: block;
	float: left;
	line-height: 40px;
	width: 475px;
	margin-left: 10px;
	font-weight: bold;
}
.newsList p {
	float: right;
	color: #9a9a9a;
}
.newsCTE {
	display: none;
}
.links {
	clear: both;
	margin-top: 50px;
}
.linkName {
	height: 39px;
	background: url(../images/linkNa.jpg) no-repeat center 0
}
.linkCon {
	border: 1px solid #2a2a2a;
	border-top: 0;
	padding: 0 20px 20px 20px;
}
.linkCon p {
	line-height: 30px;
}
.linkCon p a {
	margin: 0 5px;
}
.subNav01 {
    height: 48px;
    background: #e6e6e6;
    text-align: center;
    font-size: 18px;
    color:#888888;
    line-height: 48px;
}
.subNav01 span{
    color: #888888;
}
.subNav {
    padding-left: 5px;
    background: #333;
}
.subNav p, .subNav p a {
	color: #888888;
	font-size: 12px;
    margin: 0 auto;
}
.subNav p a {
	font-size: 12px;
}

.foot {
    background: #333;
    width: 100%;
    padding-top: 51px;
}
.link {
    width: 100%;
    height: 20px;
    background: #333;
}
.pageBotm {
	width: 1180px;
	clear: both;
	margin: 0px auto;
	overflow: hidden;
}
.botmLogo {
	float: left;
	margin-top: -9px;
        width:21%;
}
.botmText {
	float: left;
	margin-left: 372px;
}
.ewm {
	float: right;
	height:150px;
}
.botmText p {
	line-height: 30px;
	text-align:center;
	width: 442px;
	color: #fff;
}
.botmText p span {
	margin-left: 30px;
	color: #fff;
}
.botmText p a {
	margin-right: 20px;
}
.botmText p a:hover {
	text-decoration: underline;
}
.pagination-wrapper {
	margin: 20px 0;
}
.pagination {
	height: 34px;
	text-align: center;
}
.pagination li {
	display: inline-block;
	height: 34px;
	margin-right: 5px;
}
.pagination li a {
	float: left;
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	font-size: 16px;
	border: 1px solid #dddddd;
	color: #555555;
	text-decoration: none;
}
.pagination li a:hover {
	background: #f5f5f5;
	color:#e70012;
}
.pagination li.thisclass {
	background: #ab1925f2;
	color: #fff;
}
.pagination li.thisclass a, .pagination li.thisclass a:hover {
	background: transparent;
	border-color: #ab1925f2;
	color: #fff;
	cursor: default;
}
.ggn{
     width:32px;
     margin:0 auto
}