@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background: #fff; font: normal 12px/22px Arial, "Microsoft Yahei", Helvetica, sans-serif; ; padding-top: 100px; }

img {
    border: 0px;
    vertical-align: middle;}
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }

.top{ width: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 999;}
.top_box{ width: 1730px; height: 100px; margin: 0 auto;}
.top_box .logo{ float: left; height: 100px; line-height: 100px;padding: 0 0 0 3.5rem;
}
header {  float: right;}
.top_box .logo img{ display: inline-block; vertical-align: middle;}
.top_box .nav{ float: right; padding-left: 100px;}
.top_box .nav ul{ height: 100px; position: relative;}
.top_box .nav ul span{    width: 40px;
    left: 0;
    bottom: 0;
    height: 2px;
    transition: 0.5s;
    display: block;
    background: #FF0000;
    position: absolute;
    margin-left: 50.5px;}

.top_box .nav ul li{ position: relative; height: 100px; line-height: 100px; float: left;}
.top_box .nav ul li dl{ z-index: 99; display: none; left: 0; width: 100%; position: absolute; top: 100px;}
.top_box .nav ul li dl dd{ width: 100%;}
.top_box .nav ul li dl dd a{ border: none; background: rgba(255,255,255,0.7); display: block; width: 100%; height: 50px; text-align: center; line-height: 50px; text-align: center; font-size: 12px; color: #333; transition: 0.5s;}
.top_box .nav ul li:hover .nr{ color: #FF0000;}
.top_box .nav ul li:hover dl dd a:hover{ background: #FF0000; color: #fff;}
.top_box .nav ul li a{line-height: 16px; vertical-align: middle; height: 16px; font-size: 16px; display: inline-block; width: 140px; text-align: center; border-right:0px solid #b1b4c0; color: #565656;font-family: Arial, Helvetica,"Microsoft Yahei", sans-serif;}
.top_box .language{ float: right; height: 100px;}
.top_box .language ul{ overflow: hidden;}
.top_box .language ul li{ float: right; padding-left: 27px; margin-left: 18px; line-height: 100px;}
.top_box .language ul li a{ font-size: 12px; color: #565656;}
.top_box .language ul li:nth-child(1){ background: url(../images/index_12.jpg) left center no-repeat;}
.top_box .language ul li:nth-child(2){ background: url(../images/index_09.jpg) left center no-repeat;}
.top_box .phone{ float: right; width: 275px; line-height: 100px;}
.top_box .phone .phone_box{ display: inline-block; vertical-align: middle;}
.top_box .phone .phone_box h2{ line-height: 25px; height: 25px; padding-left:32px; background: url(../images/index_06.jpg) left center no-repeat; font-size: 12px; color: #5d5a5a; margin-bottom: 8px;}
.top_box .phone .phone_box h2 span{ color: #e60012;}
.top_box .phone .phone_box p{ font-size: 24px; color: #FF0000; font-weight: bold; line-height: 24px;}

.banner{ overflow: hidden; width: 100%;}
.banner img{ display: block; width: 100%; height: auto; transition: 10s; transform: scale(1.2);}
.banner .swiper-slide-active img{ transform: scale(1);} 

.container{ width: 100%; background: #f7f7f7;}
.container .layer1{ padding: 75px 0; border-bottom: 1px solid #dadada; position: relative;}
.container .layer1 .layer1_box{ width: 1200px; margin: 0 auto; overflow: hidden;}
.container .layer1 .layer1_box .layer1Left{ float: left; width: 268px; background: #414053; height: 790px;}
.container .layer1 .layer1_box .layer1Left h2{ height: 170px; text-indent: 30px; font-size: 28px; color: #fff; padding-top: 85px; box-sizing: border-box;}
.container .layer1Left{ width: 270px; float: left; background: #414053;}
.container .layer1Left ul{ width: 100%;}
.container .layer1Left ul li{ cursor: pointer; height: 54px; text-indent: 55px; line-height: 54px; color: #fff;}
.container .layer1Left ul li a {color:#fff;}
.container .layer1Left ul li a:hover {color:#333;}
.container .layer1Left ul li.on{ background: #ffffff; border-left: 6px solid #e60012; color: #333; transition: 0.5s;}
.container .layer1Left ul li.on a{ color:#333;}
.container .layer1Right{ width: calc(100% - 270px); padding-left: 20px; box-sizing: border-box; float: left;}
.container .layer1Right ul{ overflow: hidden;}
.container .layer1Right ul li{ float: left; width: 32%; margin-right: 2%; height: 250px; margin-bottom: 20px; position: relative; overflow: hidden;}
.container .layer1Right ul li img{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.container .layer1Right ul li:hover img{ transform: scale(1.1);}
.container .layer1Right ul li:nth-child(3n){ margin-right: 0;}

.container .layer1Right .MainBox{ transition: 0.5s; opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(230,0,18,0.5);}
.container .layer1Right .MainBox .nr{ width: 100%; top: 50%; transform: translateY(-50%); position: absolute;}
.container .layer1Right .MainBox .nr p{ width: 100%; font-size: 12px; color: #fff; text-align: center; padding-bottom: 25px; }
.container .layer1Right .MainBox .nr h2{ font-size: 14px; font-weight: bold; color: #fff; text-align: center;}
.container .layer1Right ul li:hover .MainBox{ opacity: 1;}
.container .layer1 .arrow{ background: url(../images/index_25.jpg); width: 33px; height: 33px; position: absolute; bottom: 0; transform:translate(-50%,50%); left: 50%; transition: 0.5s; border-radius:50%; z-index: 99;}
.container .layer1 .arrow:hover{ box-sizing: border-box; box-shadow: 0 5px 20px rgba(0,0,0,0.3);}
.container .layer1 .arrow a{ display: block; width: 100%; height: 100%;}
.container .layer2{ width: 1200px; margin: 0 auto;}
.container .title{ width: 100%; padding: 50px 0;}
.container .title img{ display: block; margin: 0 auto;}
.container .title p{ padding-top: 12px; text-align: center; font-size: 12px; color: #b3b3b3;}
.container .layer2 .layer2Box{ width: 100%; margin: 0 auto; text-align: center; padding: 70px 0;}
.container .layer2 .layer2Box div{ display: inline-block; width: 62px; height: 24px; background: #c2c0c0; color: #fff; transition: 0.5s; margin: 0; font-size: 16px; position: relative;}
.container .layer2 .layer2Box div:hover{ background: #e60012;}
.container .layer3{ width: 100%; background: url(../images/bg_02.jpg); height: 938px; padding-top: 195px; box-sizing: border-box;}
.container .layer3 .layer3Box{ width: 1200px; margin: 0 auto; overflow: hidden;}
.container .layer3 .layer3Box .icon{ float: left; width: 620px; height: 470px;}
.container .layer3 .layer3Box .icon img{ display: block; width: 100%; height: 100%;}
.container .layer3 .layer3Box .text{ width: calc(100% - 620px); float: left; padding-left: 70px; box-sizing: border-box;}
.container .layer3 .layer3Box .text img{ display: block;}
.container .layer3 .layer3Box .text h2{ line-height: 100px; font-size: 27px; color: #fff;}
.container .layer3 .layer3Box .text p{ font-size: 16px; color: #fff; line-height: 30px;}
.container .layer3 .layer3Box .text ul{padding-top: 65px; width: 100%;}
.container .layer3 .layer3Box .text ul li{ width: 18%; float: left; margin-right:8%; height: 92px; border-radius:50%; background: rgba(255,255,255,0.9); padding: 13px 0; box-sizing: border-box;}
.container .layer3 .layer3Box .text ul li:last-child{ margin-right: 0;}
.container .layer3 .layer3Box .text ul li .icon{ height: 37px; width: 100%;  line-height: 65px; text-align: center; transition: 0.5s;}
.container .layer3 .layer3Box .text ul li:nth-child(1) .icon{ background: url(../images/icon_11.png) center center no-repeat;}
.container .layer3 .layer3Box .text ul li:nth-child(2) .icon{ background: url(../images/icon_13.png) center center no-repeat;}
.container .layer3 .layer3Box .text ul li:nth-child(3) .icon{ background: url(../images/icon_16.png) center center no-repeat;}
.container .layer3 .layer3Box .text ul li:nth-child(4) .icon{ background: url(../images/icon_19.png) center center no-repeat;}
.container .layer3 .layer3Box .text ul li:nth-child(1):hover .icon{ background: url(../images/icon_28.png) center center no-repeat;}
.container .layer3 .layer3Box .text ul li:nth-child(2):hover .icon{ background: url(../images/icon_31.png) center center no-repeat;}
.container .layer3 .layer3Box .text ul li:nth-child(3):hover .icon{ background: url(../images/icon_25.png) center center no-repeat;}
.container .layer3 .layer3Box .text ul li:nth-child(4):hover .icon{ background: url(../images/icon_26.png) center center no-repeat;}
.container .layer3 .layer3Box .text ul li:hover{ background: #FF0000; box-shadow:0 0 20px rgba(255,255,255,0.7);}
.container .layer3 .layer3Box .text ul li p{ font-size: 12px; text-align: center; color: #737373;}
.container .layer3 .layer3Box .text ul li:hover p{ color: #FFFFFF;}
.container .layer4{position: relative; width: 100%; padding-bottom: 115px; background: #fcfcfc;}
.container .layer4 ul{ width: 1200px; margin: 0 auto; overflow: hidden; border:1px solid #e5e5e5;}
.container .layer4 ul li{ width: 20%; float: left; height: 118px; border-right:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;}
.container .layer4 ul li img{ display: block; width: 100%; height: 100%;}
.container .layer4 .arrow{ background: url(../images/index_25.jpg); width: 50px; height: 50px; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,50%); transition: 0.5s; border-radius:50% ; background-size:100% auto ; z-index: 999;}
.container .layer4 .arrow:hover{ box-shadow: 0 10px 10px rgba(0,0,0,0.3);}
.container .layer4 .arrow a{ display: block; width: 100%; height: 100%;}
.container .layer5{ background: #fff;}
.container .layer5 .tit{ padding: 50px 0; width: 1200px; margin: 0 auto;}
.container .layer5 .tit img{ display: block;}
.container .layer5 .tit p{ font-size: 12px; color: #b3b3b3; padding-top: 15px;}
.container .layer5 .layer5Box{ width: 1200px; margin: 0 auto; overflow: hidden;}
.container .layer5 .layer5Left{ width: 555px;float: left;}
.container .layer5 .layer5Left .icon{ width: 100%; height: 310px; position: relative; overflow: hidden;}
.container .layer5 .layer5Left .icon img{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.container .layer5 .layer5Left .text{ width: 100%; height: 168px; border: 1px solid #e5e5e5; border-top:0; padding: 0 20px; box-sizing: border-box; }
.container .layer5 .layer5Left .text h2{ line-height: 85px; font-size: 18px; color: #333;}
.container .layer5 .layer5Left .text p{ font-size: 12px; color: #a4a4a4; transition: 0.5s;}
.container .layer5 .layer5Left:hover .text p{ color: #FF0000;}
.container .layer5 .layer5Left:hover .icon img{ transform: scale(1.1);}
.container .layer5 .layer5Right{ width: 610px; float: right;}
.container .layer5 .layer5Right .tit{padding: 0; width: 100%; height: 35px; border-bottom: 1px solid #d8d8d8;}
.container .layer5 .layer5Right .tit ul{ width: 100%; height: 35px; position: relative;}
.container .layer5 .layer5Right .tit ul span{ display: block;  height: 3px; background: #FF0000; top: 35px; left: 0; transition: 0.5s; position: absolute;}
.container .layer5 .layer5Right .tit ul li{ text-align: center;  font-size: 16px; color: #696868; height: 35px; float: left; cursor: pointer; margin-right: 15px;}
.container .layer5 .layer5Right .tit ul li.on{ color: #ff0000; }
.container .layer5 .layer5Right .tit ul a{ display: inline-block; float: right; font-weight: bold; color: #666;}
.container .layer5 .layer5Right .text{ width: 100%; padding-bottom: 20px; border-bottom: 1px dashed #cdcbc9;}
.container .layer5 .layer5Right .text h2{ line-height: 60px; font-size: 20px; color: #434142;}
.container .layer5 .layer5Right .text p{ font-size: 12px; color: #a4a4a4; line-height: 24px;}
.container .layer5 .layer5Right .text h3{ height: 32px; line-height: 32px; font-size: 12px; font-weight: bold; margin-top: 10px;}
.container .layer5 .layer5Right .text h3 .more{ display: inline-block; width: 82px; height: 32px; border-radius:16px; background: #ff0000; color: #fff; font-weight: normal; float: right; text-align: center;}
.container .layer5 .layer5Right .list{ padding-top: 25px;}
.container .layer5 .layer5Right .list ul{ width: 100%; overflow: hidden;}
.container .layer5 .layer5Right .list ul li{ line-height: 32px;}
.container .layer5 .layer5Right .list ul li b{ color: #ff0000; font-weight: bold; display: inline-block; float: left; font-weight: bold; line-height: 32px; margin-right: 15px;}
.container .layer5 .layer5Right .list ul li a{ color: #888; transition: 0.5s;}
.container .layer5 .layer5Right .list ul li:hover a{ text-indent: 10px; color: #FF0000;}
.container .layer5 .layer5Right .list ul li span{ float: right; color:#888; display: inline-block;}
.footer{ width: 100%; margin-top: 70px; background: #323234;}
.footer .footer_box{ width: 1200px; margin: 0 auto; height: 200px;}
.footer .footer_box .footerLeft{ float:left; width: 670px; padding-top: 35px;}
.footer .footer_box .footerLeft ul{ width: 100%; overflow: hidden;}
.footer .footer_box .footerLeft ul li{ float: left; line-height: 54px; margin-right: 48px;}
.footer .footer_box .footerLeft ul li a{ font-size: 14px; color: #fff;}
.footer .footer_box .footerLeft ul li a:hover{ color: gold;}
.footer .footer_box .footerLeft p{ font-size: 12px; color: #999; line-height: 25px;}
.footer .footer_box .footerRight{ float: right; width: 390px; padding-top: 50px;}
.footer .footer_box .footerRight .icon{ float: right; width: 100px;}
.footer .footer_box .footerRight .icon img{ display: block; width: 100px; height: auto;}
.footer .footer_box .footerRight .text{ width: 230px; float: right; margin-right: 35px;}
.footer .footer_box .footerRight .text .sel{ width: 230px; height: 34px;position: relative; }
.footer .footer_box .footerRight .text .sel p{ box-sizing: border-box; width: 100%; border: 1px solid #565658; color: #999; text-indent: 12px; height: 100%; line-height: 32px; box-sizing: border-box; cursor: pointer;}
.footer .footer_box .footerRight .text .sel span{ width: 34px; height: 34px; background: url(../images/arrow_07.png) center center no-repeat; position: absolute; right: 0; top: 0; transition: 0.5s;}
.footer .footer_box .footerRight .text .sel dl{ border-bottom: 0; position: absolute;left:0px; bottom: 32px;  border: 1px solid #565658; width: 100%; box-sizing: border-box; display: none;}
.footer .footer_box .footerRight .text .sel dl dd{cursor: pointer; width: 100%; height: 34px; border-bottom: 1px solid #565658; background: #323234; color: #999; width: 100%; text-indent: 10px; line-height: 34px;}
.AppTop{ display: none;}
.slideBar{ display: none;}
@media (min-width:1200px ) and (max-width:1730px ) {
	.top_box{ width: 100%; margin: 0 auto;}
	.top_box .phone{ display: none;}
	.language{ display: none;}
	.top_box .nav{ float: right; padding: 0;}
}
@media (max-width:1199px){
	body{ padding-top: 0;}
	.top{ display: none;}
	.AppTop{ width: 100%; position: relative; height: 60px; display: block; background: #eee; transition: 0.5s;}
	.AppTop .logo{ float: left; height: 100%; line-height: 60px; padding-left: 20px;}
	.AppTop .logo img{ display: inline-block; vertical-align: middle; height: 60%; width: auto;}
	.AppTop .sideClick{ position: absolute; width: 30px; height: 25px; position: absolute;right: 20px; top: 50%; transform: translateY(-50%); transition: 0.5s;}
	.AppTop .sideClick span{ display: block; width: 100%; height: 4px; border-radius:2px; background: #333; position: absolute; left: 0; transition: 0.5s;}
	.AppTop .sideClick span:nth-child(1){ top: 0}
	.AppTop .sideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}	
	.AppTop .sideClick span:nth-child(3){ bottom: 0;}
	.AppTop .sideClick.on{ transform: translateY(-50%) rotate(180deg);}
	.AppTop .sideClick.on span{ background: #fff;}
	.AppTop .sideClick.on span:nth-child(1){ top:50%; transform: translateY(-50%) rotate(45deg);}
	.AppTop .sideClick.on span:nth-child(2){ width: 0;}
	.AppTop .sideClick.on span:nth-child(3){ top:50%; transform: translateY(-50%) rotate(-45deg);}
	.slideBar{ position: fixed; top: 60px; left: 0; width: 100%; background: #666; z-index: 999; display: none;}
	.slideBar dl{ width: 100%; overflow: hidden; padding: 30px; box-sizing: border-box;}
	.slideBar dl dd{ width: 50%; float: left; border-right:1px solid #fff; height: 24px; line-height: 24px; box-sizing: border-box; margin-bottom: 30px; font-size: 14px; text-align: center;}
	.slideBar dl dd a{ font-size: 14px; color: #fff;}
	.slideBar dl dd:nth-child(2n){ border: 0;}
	.container .layer1{ padding: 0;}
	.container .layer1 .layer1_box{ width: 100%; overflow: hidden;}
	.container .layer1 .layer1_box .layer1Left{ width: 100%; height:auto; padding-bottom: 20px;}
	.container .layer1 .layer1_box .layer1Left h2{ line-height: 90px; height: 90px; font-size: 16px; text-align: center; padding: 0; margin: 0;}
	.container .layer1Left ul{ width: 100%; padding: 0 10px; box-sizing: border-box;}
	.container .layer1Left ul li{ width: 32%; float: left; margin-right: 2%; text-indent: 0; font-size: 12px; height: 40px; line-height: 40px; border-radius:4px; text-align: center; background: #666; margin-bottom: 10px;}
	.container .layer1Left ul li.on{ border: 0;}
	.container .layer1Left ul li:nth-child(3n){ margin-right: 0; }
	.container .layer1Right{ width: 100%; padding:10px; box-sizing: border-box;}
	.container .layer1Right ul li{ width: 49%; margin-bottom: 10px; height: auto;}
	.container .layer1Right ul li:nth-child(3n){ margin-right: 2%;}
	.container .layer1Right ul li:nth-child(2n){ margin-right: 0;}
	.container .layer2{ width: 100%;}
	.container .title img{ width: 50%; height: auto; display: block;}
	.container .title p{ padding: 12px 10px 0 10px; box-sizing: border-box;}
	.layer2 .swiper-container img{ display: block; width: 100%; height: auto;}
	.container .layer3{ width: 100%; padding: 20px 15px; box-sizing: border-box; overflow: hidden; height: auto;}
	.container .layer3 .layer3Box{ width: 100%;}
	.container .layer3 .layer3Box .icon{ width: 100%; height: auto;}
	.container .layer3 .layer3Box .icon img{ display: block;}
	.container .layer3 .layer3Box .text{ width: 100%; padding: 0;}
	.container .layer3 .layer3Box .text img{ display: block; margin: 15px auto 0 auto;}
	.container .layer3 .layer3Box .text h2{ font-size: 16px; text-align: center;}
	.container .layer3 .layer3Box .text ul li{ width: 75px; height:75px; padding: 0;}
	.container .layer3 .layer3Box .text ul li .icon{ height: 50px; background-size:20% auto;}
	.container .layer3 .layer3Box .text ul li .icon:nth-child(1){background-size:30% auto;}
	.container .layer3 .layer3Box .text ul li .icon:nth-child(2){background-size:30% auto;}
	.container .layer3 .layer3Box .text ul li .icon:nth-child(3){background-size:30% auto;}
	.container .layer3 .layer3Box .text ul li .icon:nth-child(4){background-size:30% auto;}
	.container .layer3 .layer3Box .text ul li p{ line-height: 12px; font-size: 10px;}
	.container .layer4 ul{ width: 100%;}
	.container .layer4 ul li{ width: 50%; float: left;}
	.container .layer5 .tit{ padding: 30px 0; width: 100%;}
	.container .layer5 .layer5Box{ width: 100%;}
	.container .layer5 .tit img{ width: 50%; margin: 0 auto;}
	.container .layer5 .tit p{ text-align: center;}
	.container .layer5 .layer5Left{ width: 100%;}
	.container .layer5 .layer5Right{ width: 100%;}
	.container .layer5 .layer5Right .tit ul li{ width: 50%; float: left; margin: 0; text-align: center; line-height: 34px;}
	.container .layer5 .layer5Right .tit ul a{ display: none;}
	.container .layer5 .layer5Right .text{ padding: 0 15px 20px 15px; box-sizing: border-box;}
	.container .layer5 .layer5Right .list{ padding: 25px 15px 0 15px; box-sizing: border-box;}
	.footer .footer_box .footerRight{ display: none;}
	.footer .footer_box{ width: 100%;}
	.footer .footer_box .footerLeft{ width: 100%;}
	.footer .footer_box .footerLeft ul{ display: none;}
	.footer .footer_box .footerLeft p{ padding: 0 15px; text-align: center;}
	
}
.tupian {overflow:hidden;}
.tupian:hover img {
transform: scale(1.1);
transition:0.5s;
display: block;
}


.tupian .MainBox{ transition: 0.5s; opacity: 0; width: 100%; height: 287px; position: absolute; left: 0; top: 0; background: rgba(230,0,18,0.5);}
.tupian .MainBox .nr{ width: 100%; top: 50%; transform: translateY(-50%); position: absolute;}
.tupian .MainBox .nr p{ width: 100%; font-size: 12px; color: #fff; text-align: center; padding-bottom: 25px; }
.tupian .MainBox .nr h2{ font-size: 14px; font-weight: bold; color: #fff; text-align: center;}
.tupian:hover .MainBox{ opacity: 1;}

.move-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 140px;
    height: 2px;
    background: url(../images/nav_h.png) center no-repeat;
    z-index: 0;
}
.n_news_list .img {overflow: hidden;}
.n_news_list .img:hover img {

    transform: scale(1.1);
transition:0.5s;
display: block;
}

.n_news_list li:hover i {width: 412px;}
.n_news_list i {position: absolute;
    height: 2px;
    /*bottom: -1px;*/
    background: #ff0000;
    width: 0;
-webkit-transition: all ease 500ms;
}

    .n_news_list li .box
    {height: 61px;}
	
.box_table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.box_table_cell{ display:table-cell; vertical-align:middle}
.box_table_cell *{ white-space:normal; word-wrap:break-word; }

.ewm img, .ewm.yuyan img{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; transition:0.6s}

.tel .con h3{font-size: 1.375rem;color:#fff;}
.ewm{float:left;width:6.5625rem;height: 100px;text-align:center;cursor:pointer;border-left: #dfdfdf 1px solid;position: relative;}
.ewm.yuyan{ font-size:15px; color:#404040}
.ewm.yuyan img{ margin:-3px 6px 0 0}
.ewm .icon{width: 34px;height: 24px;fill:#fff;}


.ewm .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #ca0e2a;left: 0;border: 1px solid #ca0e2a;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);z-index: 100;}
.ewm .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #ca0e2a;position:absolute;top:-16px;left:50%;margin-left:-8px;}
.ewm .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
.ewm .dd a:hover{ font-weight:bold; }
.ewm.on .dd{opacity:1; visibility: visible; transform: translate(0);}
.on:after{ width:100%}

.header .content .right dl{float:left;font-size:0;line-height: 105px;margin-left: 1rem;position:relative;z-index: 10;}
.header .content .right dl dd{display:inline-block;margin-right: 0.875rem;cursor: pointer;}
.header .content .right dl dd a{display:inline-block;height: 46px; position:relative; vertical-align:middle}
.header .content .right dl dd a img{vertical-align:top;position: relative;}
.header .content .right dl dd a .con{position:absolute;right:0;top:0;bottom:0; width:100%;border-radius:23px;background: #01479d; transition:0.6s; opacity:0; font-size:16px; color:#fff; text-align:left; padding-left:20px; line-height:46px}

.header .content .right dl dd a:hover .con{ width:180px; opacity:1}

.tc1 .tc{transition: all ease 0.6s;position: fixed;width: 100%;height: 100%;top: -100%;left: 0;z-index: 99999999;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);}
.tc1 .tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;transform:scale(1);top: 0;}
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;width: 200px;height: 250px;left:50%;margin-left: -100px;margin-top: -125px;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;}
.tc1 .tc.act{}
.tc1 .tc.act .tc-box{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width: 200px;height: 200px;}
.tc1 .tc-box h5{width: 100%;height: 50px;line-height: 50px;font-size:1rem;color:#fff;text-align:center;}

.header .right .tel{float:left;width: 6.5625rem;height: 94px;text-align:center;border-left: #dfdfdf 1px solid;position: relative;}
.header .right .tel .tubiao{display:inline-block;vertical-align: top;line-height: 36px;}
.header .right .tel .tubiao .icon{width: 20px;height: 24px;fill:#fff;vertical-align: middle;}
.header .right .tel .con{display:inline-block;padding: 0;text-align:left;margin-left:0.75rem;}
.header .right .tel .con h5{font-size: 12px;color:#fff;margin-bottom: 8px;}
.header .right .tel img, .header .right .ewm img, .header .right .ewm.yuyan img{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; transition:0.6s}

 .header .right .tel:hover img, .header .right .ewm:hover img, .header .right .ewm.yuyan:hover img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none;}
 a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/
ul{list-style:none;}
 
.header .right .tel .con h3{font-size: 1.375rem;color:#fff;}
.header .right .ewm{float:left;width:6.5625rem;height: 100px;text-align:center;cursor:pointer;border-left: #dfdfdf 1px solid;position: relative;}
.header .right .ewm.yuyan{ font-size:15px; color:#404040}
.header .right .ewm.yuyan img{ margin:-3px 6px 0 0}
.header .right .ewm .icon{width: 34px;height: 24px;fill:#fff;}

.header .right .ewm .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #ca0e2a;left: 0;border: 1px solid #ca0e2a;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);z-index: 100;}
.header .right .ewm .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #ca0e2a;position:absolute;top:-16px;left:50%;margin-left:-8px;}
.header .right .ewm .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
.header .right .ewm .dd a:hover{ font-weight:bold; }
.header .right .ewm.on .dd{opacity:1; visibility: visible; transform: translate(0);}



.header.width .nav>ul>li>a{ color:#000000}
.header.width .right .tel .con h5{ color:#858585}
.header.width .right .tel .con h3{ color:#025db2}
.header.width .right .tel .tubiao .icon{ fill:#025db2}
.header.width .right .ewm .icon{ fill:#025db2}
.header.width .right .ewm h5{ color:#025db2}
.header.width .right .ewm.sousuo .icon{ fill:#4db858}
.header.width .right .ewm.sousuo h5{ color:#4db858}
.header.width .right .ewm, .header.width .right .tel{ border-left:#e5e5e5 1px solid}
.header.width .right #openBtn .lcbody .lcitem div{ background:#444}

.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;}
.tc-box{
  width: 60rem; padding-top:40px;
  max-width:80%;
  margin:0 auto; margin-top:-80px;
  box-sizing:border-box;
  /* background:#fff; */
  display: block;
  position:relative;
  z-index:1;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  overflow:  hidden;
  }
.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
.close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}
/*弹窗内容样式*/
.tc-box form{position:relative;border-bottom:2px solid #eee;height:4.25rem;padding-right: 0;position:relative;}
.tc-box .tc_fdj{ position:absolute; left:20px; display:block; height: 4.25rem; line-height: 4.25rem;}
.tc-box .tc_fdj img{ width:1.3rem;}
.tc-box form label{text-align:left;display:block;position:absolute;bottom:0;height: 4.25rem;line-height: 4.25rem;font-size:1.6rem;color:#999;pointer-events:none;margin-left: 0;transition:.3s;}

.tc-box form label.act{ font-size:16px; bottom:3rem;line-height: 3rem; height:3rem;}
.tc-box #keyword{width: 80%;height:4.25rem;padding: 0;font-size:1.6rem;color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;border: navajowhite;}
.tc-box .btn_blue{width: 40px;height:4.25rem; border:0; line-height:4.25rem;background:url(../images/search.png) center center no-repeat;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;float:right;}
.tc-box .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
@media all and (max-width: 1450px) {
.top_box .nav ul li a {width: 130px;}
}
@media all and (max-width: 1390px) {
.top_box .nav ul li a {width: 100px;}
}