/* Write your styles */
ul,li,dl,dt,dd,h1,h2,h3,p{ list-style:none; margin:0; padding:0;}
a{text-decoration: none;transition: all .1s linear; color:#444;}
a:hover{color:#da251d;}
body{ max-width:1920px; margin:0 auto;}
.am-container{max-width: 1230px;}
.am-alert-danger{ width:100%; position:fixed; left:0; top:0; margin:0;}
.ue-container{    position: relative;width: -webkit-calc(100%);width: -moz-calc(100%);width: calc(100%);padding: 0 80px;height: auto;}
.ue-container:after,.ue-container:before{ content:""; display:block; clear:both;}


.bgqydd{ margin:20px 0 40px 0;}
.bgqydd li{ color:#fff; height:46px; line-height:46px; overflow:hidden; border-bottom:1px dashed rgba(255,255,255,.2)}
.bgqydd li a{ color:#fff; font-size:1.4rem; display:block; float:left; width:80%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.bgqydd li span{ font-size:1.4rem; float:right;}

.txin .swiper-case .swiper-slide a .item i{ position:relative;}
.txin .swiper-case .swiper-slide a .item i:after{    content: '';position: absolute;top: 10px;left: 10px;width: calc(100% - 20px);height: calc(100% - 20px);border: 1px solid rgba(255, 255, 255, .3);transform: scale(1.06);opacity: 0;transition: all .3s ease-out 0s;border: 2px solid rgba(239, 65, 54, 0.8); background:rgba(0,0,0,.3)}
.txin .swiper-case .swiper-slide a:hover i:after{transform: scale(1);opacity:1;}
.txin .swiper-case .swiper-slide a i:before{transition: all .3s ease-out 0s; position:absolute;width: 40px;height: 40px;top: 0;left: 50%;margin-left: -20px;margin-top: -60px;background-color: rgba(0,0,0,.4);/*content: "\f002"; */color:#fff; z-index:22; font-style:normal; text-align:center; line-height:40px;}

.txin .swiper-case .swiper-slide a:hover i:before{top: 50%;margin-top: -20px; opacity:1;}



header{  width:100%; left:0; top:0; z-index:1002;}


header .dibu{ height:35px; line-height:35px; background:#f5f5f5; font-size:1.2rem;}
header .dibu .tmenu a{ display:inline-block; padding:0 10px; position:relative; cursor:pointer;}
header .dibu .tmenu a:after{ width:1px; height:10px; background:#ccc; content:""; display:block; position:absolute; left:0; top:50%; margin-top:-5px;}
header .dibu .tmenu a:first-child:after{ display:none;}
header .dibu .tmenu a:last-child{ padding-right:0;}

header .top .logo{ float:left; width:40%; line-height:123px;}
header .top .toptel{ float:right; padding-top:36px; padding-bottom:30px;}
header .top .toptel span{ display:block; font-size:1.2rem; color:#999;background:url(../images/ttel.png) 0 center no-repeat; padding-left:24px; }
header .top .toptel strong{ font-size:2.4rem; color:#da251d; display:block; line-height:30px;}
header .top .thutxt{ float:left; width:400px; text-align:center; padding-top:28px;}
header .top .thutxt .tit{ font-size:2.4rem; margin-bottom:6px;}
header .top .thutxt .tit em{ font-style:normal; color:#ca0000;}
header .top .thutxt .info span{ display:inline-block; font-size:1.6rem; position:relative; padding:0 15px;}
header .top .thutxt .info span:after{width:1px; height:14px; background:#e6e6e6; content:""; display:block; position:absolute; left:0; top:50%; margin-top:-7px;}
header .top .thutxt .info span:first-child:after{ display:none;}





img{ max-width:100%;}
/*
nav{ float:right; padding-right:20px;}
nav>ul>li{ float:left; line-height:78px;padding:0 20px; position:relative;}
nav>ul>li>a{ display:block; color:#eee; }
nav>ul>li.on>a{ color:#da251d}
nav>ul>li:hover>a{ color:#da251d}

nav .subnav{ position:absolute; left:-20px; width:130%; top:77px; background:#1d1d1d; transition: all .3s linear; opacity:0; height:0; overflow:hidden; z-index:1000;}
nav .subnav:after{ content:''; display:block; position:absolute; left:0; top:0; width:0; height:2px; background:#da251d;transition: all .3s linear;}
nav .subnav>a{ display:block; text-align:center; line-height:36px; font-size:1.5rem;color:#eee;}
nav .subnav>a:hover{ background:#da251d; color:#fff;}
nav .subnav>a:last-child{ padding-bottom:10px;}
nav .subnav>a:first-child{ padding-top:10px;}
nav>ul>li:hover .subnav{ opacity:1; height:auto; left:0;}
nav>ul>li:hover .subnav:after{ width:100%;}
*/
header .nav{ height:60px; background:#da251d;}
.menu>ul>li{ height:60px; line-height:60px; font-size:16px; float:left; position:relative; width:11.11%; text-align:center;border-left: 1px solid #f11e15;border-right: 1px solid #b30303;}
.menu>ul>li:hover{ border:none;}
.menu>ul>li:first-child{ border-left:none;}
.menu>ul>li:last-child{ border-right:none;}
.menu>ul>li>a{height:60px; line-height:61px;position: relative;display: block; color:#fff; overflow:hidden; font-weight:500;}
.menu>ul>li>a:before{width: calc(100% - 40px);background-color:#f5b834;content: '';position: absolute;bottom: 0;left: 0;width: 0;left: 20px;height: 1px;transition: all .3s ease-out 0s;}
.menu>ul>li>a span{display: inline-block;position: relative;transition: all ease-out .3s;}

.menu>ul>li>a.active{color:#fff; background:#ca0000;}
.menu>ul>li>a:hover{ background:#ca0000; color:#fff;}

.menu>ul>li:hover i{ color:#fff;}
.menu>ul>li:hover>a{background:#ca0000;color:#fff;}
.menu li .subnav{position: absolute;width:100%;background-color: #FFF; box-shadow: 0 13px 42px 11px rgba(0,0,0,.05); height: auto;z-index: 199;top: 100%;left: 0;border-top: 2px solid #f37b1d;overflow: hidden;opacity:0; visibility:hidden;transition: all .36s ease;}
.menu>ul>li:hover .subnav{opacity:1;visibility: visible;top:43px;}
.menu .subnav li a{font-weight: 500;color: #666; padding: 12px 20px;line-height: 22px;display: block;transition: all .2s ease-in-out;font-size: 14px;}
.menu .subnav li a:hover{ color:#ca0000; background-color:#f9f9f9;}


.navh5{ width:100%; height:50px;}
.navh5 .am-menu{ height:50px; background: none;}
.navh5 .am-header-title{ text-align:left; width:140px; z-index:99; position:relative; padding:0; margin:0 0 0 10px;}
.navh5 .am-header-title img{ max-width:100%;}

.navh5 .am-menu-offcanvas1 .am-menu-toggle{ top:0; color:#666; font-size:150%; font-weight:normal;}

.navh5 .am-menu{ min-height:50px; background: none;}
.navh5 .am-menu-dropdown1 .am-menu-toggle{ color:#da251d; top:5px; border: none; width:36px; height:36px; line-height:36px; font-size:150%;transition: all .4s linear;}
.am-menu-toggle.am-active .am-icon-bars:before, .am-menu-toggle.am-active .am-icon-navicon:before, .am-icon-reorder:before{content: "\f00d";}
.navh5 .am-menu .m-logo{ text-align:left; width:240px; height:50px; line-height:50px; z-index:99; position:relative; padding:0; margin:0 0 0 10px; padding-top:6px;}
.navh5 .am-menu .m-logo img{ max-width:100%;}
.navh5 .am-menu-dropdown1 .am-menu-nav>li>a{ background:none;border-bottom: 1px solid rgba(255,255,255,0.2); color:#fff; font-size:14px;}
.navh5 .am-menu-dropdown1 .am-menu-nav>li.am-parent.am-open>a{background:#000; color:#fff;}
.navh5 .am-menu-dropdown1 .am-menu-nav{ background:rgba(0,0,0,.7)}
.navh5 .am-menu-dropdown1 .am-menu-sub{ background:#222;}
.navh5 .am-menu-dropdown1 .am-menu-sub a{ font-size:14px; color:#ccc;}
.navh5 .am-menu.shou{background: #f1f2f6;}



/*banner*/
.banner{ min-height:800px;}
.banner .am-slider-a1 .am-control-nav{ bottom:40px;}
.banner .am-slider-a1 .am-control-nav li a{ width:16px; height:16px; background:#fff; border:1px solid #fff;}
.banner .am-slider-a1 .am-control-nav li a.am-active{ border:1px solid #ff2504; background:none;}
.swiper-banner .swiper-button-next, .swiper-banner .swiper-button-prev{ opacity:1;}
.swiper-banner .swiper-button-prev{ left:10px;}
.swiper-banner .swiper-button-next{ right:10px;}
.swiper-banner .swiper-button-next.swiper-button-disabled,.swiper-banner  .swiper-button-prev.swiper-button-disabled{ opacity:1;pointer-events:auto;}
.ue-pd{ padding:68px 0 100px 0;}
.bgr{ background:#1d1d1d;}
.bgrin{ background:#f5f5f5;}

.secvice{ background:#252525; position:relative;}

.in-hed .title{ float:left;}
.in-hed .title .tit{ font-size:3rem; color:#fff;}
.in-hed .title .subtit{ font-size:1.2rem; color:#999999}
.in-hed .title .line{ width:40px; height:2px; background:#da251d; margin-top:8px;}
.in-hed .mi-nav{ float:right; padding-top:15px;}
.in-hed .mi-nav a{ display:inline-block; font-size:1.4rem; color:#999; padding:1px 14px;}
.in-hed .mi-nav a.on{ background:#d1231b; color:#fff; font-size:1.6rem; margin-right:14px;}
.in-hed .mi-nav a.on:hover{ color:#fff;}
.in-hed .mi-nav a:hover{ color:#d1231b;}


.clasein{ width:12%; float:left; position:relative; z-index:1001;}
.in-hed.clasein .title{ float:none;}
.in-hed.clasein .title .tit{ color:#d1231b; float:none;}
.in-hed.clasein .mi-nav a{ display:block; color:#666; padding:0; line-height:36px;}
.in-hed.clasein .mi-nav{ float:none;}


.in-hed.clasein.yyin .title .tit{ color:#fff; float:none;}
.in-hed.clasein.yyin .mi-nav a{ color:rgba(255,255,255,.91)}
.in-hed.yyin .title .line{ background:rgba(255,255,255,.8)}

.casefl,.yewfl{ width:88%; float:right;}
.case{ position:relative;}
.case:before{ content:""; display:block; width:13.5%; height:100%; background:#ddd; left:0; top:0; position:absolute;}

.tb {display: table;width: 100%;height: 100%;}
.tbc {display: table-cell;vertical-align: middle;}


.yewubox{ position:relative;}
.swiper-yewu{ margin-top:40px;}
.secvice:after{ content:""; display:block; width:100%; height:1px; background:#2e2e2e; position:absolute; left:0; bottom:40.8%;}
.swiper-yewu .swiper-slide{ }
.swiper-yewu .swiper-slide .item i{ display:block; width:100%; text-align:center;    transform: translateY(0) rotateX(0);transition: all 0.30s ease-in-out 0s; }
.swiper-yewu .swiper-slide .item i img{ border-radius:20px; border:1px solid #3c3c3c;}
.swiper-yewu .swiper-slide:nth-child(odd) .item{padding-top: 46.66667%;display: block;position: relative;width: 100%;height: 100%;z-index: 10;}
.swiper-yewu .swiper-slide:nth-child(even) .item{padding-bottom: 46.66667%;display: block;position: relative;width: 100%;height: 100%;z-index: 10;}
.swiper-yewu .swiper-slide:nth-child(odd) .item i{position: absolute;top: 0px;left: 0;margin: 0;}
.swiper-yewu .swiper-slide:nth-child(even) .item i{position: absolute;bottom: 0px;top: auto;}
.swiper-yewu .swiper-slide .item .txt{ text-align:center; padding:35px 0;transition: all .36s ease; position:relative; z-index:33;}
.swiper-yewu .swiper-slide:nth-child(even) .item .txt{ padding-top:10px; padding-bottom:60px;}
.swiper-yewu .swiper-slide .item .txt .tit{ font-size:1.8rem; color:#fff;}
.swiper-yewu .swiper-slide .item .txt .info{ font-size:1.4rem; color:#999; padding:0 8%; }

.swiper-yewu .swiper-slide .item .txt .line{ width:27px; height:1px; background:#3c3c3c; margin:10px auto;}
.swiper-yewu .swiper-slide .item:before{content: '';position: absolute;width: calc(100% - 300px);height: calc(100% - 24px);border-top: 2px solid #e3120b;top: 10px;border-bottom: 2px solid #e3120b;display: block;left: 150px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.swiper-yewu .swiper-slide .item:after{content: '';position: absolute;height: calc(100% - 300px);width: calc(100% - 24px);border-left: 2px solid #e3120b;left: 10px;border-right: 2px solid #e3120b;display: block;top: 150px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.swiper-yewu .swiper-slide .item:hover:before{    left: 10px;width: calc(100% - 25px);z-index: 2;opacity: 1;}
.swiper-yewu .swiper-slide .item:hover:after{    height: calc(100% - 25px);left: 10px;top: 10px;opacity: 1;background-color: rgba(0, 0, 0, .3);}
.swiper-yewu .swiper-slide .item:hover{background-color: #272727;}

.swiper-yewu .swiper-slide:nth-child(odd) .item:hover i{    transform: translateY(-90%) rotateX(90deg);transform-origin: center bottom 0;opacity: 0;} 
.swiper-yewu .swiper-slide:nth-child(odd) .item:hover .txt{transform: translateY(-65%);}

.swiper-yewu .swiper-slide:nth-child(even) .item:hover i{    transform: translateY(90%) rotateX(-90deg);transform-origin: center bottom 0;opacity: 0;} 
.swiper-yewu .swiper-slide:nth-child(even) .item:hover .txt{transform: translateY(65%);}

.swiper-button-next{ right:-45px;}
.swiper-button-prev{ left:-45px;}
.swiper-button-next, .swiper-button-prev{ width:45px; height:45px; background:rgba(0,0,0,.8); background-repeat:no-repeat; background-position:center; background-size:50% 50%;transition: all 0.30s ease-in-out 0s; opacity:0; z-index:1002;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity:0;}
.yewubox:hover .swiper-button-next.swiper-button-disabled,.yewubox:hover  .swiper-button-prev.swiper-button-disabled{ opacity:0;}
.yewubox:hover .swiper-button-next{ right:-35px; opacity:1;}
.yewubox:hover .swiper-button-prev{ left:-35px; opacity:1;}

.swiper-pagination{ width:100%; text-align:center; bottom:-50px; z-index:11;}
.swiper-pagination-clickable .swiper-pagination-bullet{ width:16px; height:16px; margin:0 6px; border:1px solid #fff; background:#fff; opacity:1;}
.swiper-pagination-bullet-active{ background:none !important; border:1px solid #d1231b !important}


.secvide{background:#d1231b; position:relative; overflow:hidden;}

.secvideleft{ width:33%; float:left;  padding:0 80px; position:absolute; height:100%;}
.secvideleft .tit{ font-size:3rem; color:#fff;}
.secvideleft .note{ color:#fff; padding:30px 0;}
.secmore a{ display:inline-block; padding:8px 46px; font-size:1.4rem; border:1px solid #fff; color:#fff; position:relative; z-index:1;}
.secmore a:before{content: '';position: absolute;height: 100%;width: 0;left: 0;top: 0;z-index: -1;background: #fff;transition: all .36s ease;}
.secmore a:hover:before{ width:100%;background-color: #fff;}
.secmore a:hover{ color:#e3120b; border-color:#fff;}
.secvideright{ width:66.5%; float:right;}

.sHoverItem{ position:relative;}
.sIntro{background: rgba(0, 0, 0, .9); width:100% !important; height:100% !important; display:none;}
.sHoverItem:hover .sIntro{ display:block;}
.sIntro:after{content: '';    border: 1px solid rgba(255, 255, 255, .6);width: calc(100% - 32px);height: calc(100% - 32px);border: 1px solid #f2837c;position: absolute;top: 16px;left: 16px;}
.sIntro p{ position:relative; z-index:2;}
.sIntro p.tit{font-size:1.8rem; text-align: center; color: #FFF;margin:0px 20px; padding:10px;}
.sIntro p.note{font-size:14px; text-align: center; color: #FFF; margin:0px 10px; padding:10px 30px; }



.yyzy{ position:relative; background:#ddd;}
.yyzy:before{ content:""; display:block; width:13.5%; height:100%; background:#da251d; left:0; top:0; position:absolute;}
.swiper-yyzy{ margin-top:15px;}
.swiper-yyzy .swiper-slide a{ display:block;}
.swiper-yyzy .swiper-slide a .item{ position:relative; overflow:hidden;}
.swiper-yyzy .swiper-slide a .item .info{ position:absolute; width:100%; background:rgba(0,0,0,.6); left:0; bottom:-10%; padding:25px; opacity:0;transition: all 0.20s ease-in-out 0s;}
.swiper-yyzy .swiper-slide a .item .info .tit{ font-size:1.8rem; color:#ff0000; position:relative; z-index:2;}
.swiper-yyzy .swiper-slide a .item .info .subtit{ font-size:1.2rem; color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; position:relative; z-index:2;}
.swiper-yyzy .swiper-slide a .item .info:before{content: '';position: absolute;width: calc(100% - 300px);height: calc(100% - 24px);border-top: 2px solid #e3120b;top: 10px;border-bottom: 2px solid #e3120b;display: block;left: 150px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.swiper-yyzy .swiper-slide a .item .info:after{content: '';position: absolute;height: calc(100% - 300px);width: calc(100% - 24px);border-left: 2px solid #e3120b;left: 10px;border-right: 2px solid #e3120b;display: block;top: 150px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}

.swiper-yyzy .swiper-slide a:hover .item .info:before{left: 10px;width: calc(100% - 25px);z-index: 2;opacity: 1;}
.swiper-yyzy .swiper-slide a:hover .item .info:after{height: calc(100% - 25px);left: 10px;top: 10px;opacity: 1;background-color: rgba(0, 0, 0, .3);}
.swiper-yyzy .swiper-slide a:hover .item .info{ opacity:1; bottom:0;}




.about{ position:relative;}
.about:before{ content:""; display:block; width:50%; height:100%; position:absolute; right:0; top:0; /*background:#d1231b;*/}

#center_main {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #020304 url(../images/bg.jpg) no-repeat center; background-size:cover; z-index:0;}
#center_main canvas{width:100%; height:100%; position: absolute;  left:0px; top:0px; opacity: .4;  display:inline-block; vertical-align:baseline;}

.abdd{ position:relative; z-index:11;}

.aboutright{ width:48%; float:right; text-align:right;}

.aboutleft{ width:44%; float:left; margin-top:5%;}
.aboutleft .tit{ font-size:1.8rem; color:#fff;}
.aboutleft .note{ font-size:1.4rem; color:#ddd; margin:6% 0 8% 0; line-height:24px;}

.abmore a{ display:inline-block; padding:8px 46px; font-size:1.4rem; border:1px solid #999; color:#999; position:relative; z-index:1;}
.abmore a:before{content: '';position: absolute;height: 100%;width: 0;left: 0;top: 0;z-index: -1;background: #233876;transition: all .36s ease;}
.abmore a:hover:before{ width:100%;background-color: #e3120b;}
.abmore a:hover{ color:#fff; border-color:#e3120b;}



.swiper-case{ margin-top:15px;}
.swiper-case .swiper-slide a .item i{ display:block; overflow:hidden;}
.swiper-case .swiper-slide a .item i img{transition: all .36s ease;width: 100%;}
.swiper-case .swiper-slide a:hover .item i img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.swiper-case .swiper-slide a .item .info{ background:#000; padding:15px;transition: all .36s ease;}
.swiper-case .swiper-slide a .item .info .tit{ font-size:1.8rem; color:#fff;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.swiper-case .swiper-slide a .item .info .subtit{ font-size:1.2rem; color:#999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition: all .36s ease;}
.swiper-case .swiper-slide a:hover .item .info{ background:#e3120b;}
.swiper-case .swiper-slide a:hover .item .info .subtit{ color:#fff;}

.swiper-case2{ margin-top:15px;}
.swiper-case2 .swiper-slide a .item i{ display:block; overflow:hidden;background: #fff;}
.swiper-case2 .swiper-slide a .item i img{transition: all .36s ease;width: 100%;}
.swiper-case2 .swiper-slide a:hover .item i img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.swiper-case2 .swiper-slide a .item .info{ background:#000; padding:15px;transition: all .36s ease;}
.swiper-case2 .swiper-slide a .item .info .tit{ font-size:1.8rem; color:#fff;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.swiper-case2 .swiper-slide a .item .info .subtit{ font-size:1.2rem; color:#999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition: all .36s ease;}
.swiper-case2 .swiper-slide a:hover .item .info{ background:#e3120b;}
.swiper-case2 .swiper-slide a:hover .item .info .subtit{ color:#fff;}



.news{ background:url(../images/newbg.gif) center no-repeat #0b0c0d; position:relative; }
.news:before{ content:""; display:block; width:13.5%; height:100%; background:#da251d; left:0; top:0; position:absolute;}
.swiper-news{ margin-top:40px;}

.newsfk{width: 88%;float: right;}


.swiper-news .swiper-slide a .item{ background:#171717; text-align:center; padding:12% 10% 0 10%; position:relative; z-index:;}
.swiper-news .swiper-slide a .item:after{content: '';position: absolute;height: 100%;width: 0;left: 0;top: 0;z-index: -1;background: #e3120b;transition: all .36s ease; opacity:0;}
.swiper-news .swiper-slide a:hover .item:after{width:100%;background-color: #e3120b; opacity:1;}
.swiper-news .swiper-slide a:hover .item{}
.swiper-news .swiper-slide a .item .date{  color:rgba(255,255,255,.6); font-size:1.8rem;}
.swiper-news .swiper-slide a .item .date span{ font-size:1.4rem;}
.swiper-news .swiper-slide a .item .info{ padding:8% 0 10% 0;}
.swiper-news .swiper-slide a .item .info .tit{ font-size:1.8rem; color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom:6px;}
.swiper-news .swiper-slide a .item .info .subtit{ font-size:1.4rem; color:rgba(255,255,255,.6);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.swiper-news .swiper-slide a .item .xq{ font-size:1.6rem; color:#fff; border-top:1px solid rgba(255,255,255,.1); padding:6%;}

.ppkh{background:#242424;}
.swiper-ppkh{ margin-top:40px; }
.swiper-ppkh .swiper-slide a .item{ text-align:center; border:1px solid rgba(255,255,255,.1); padding:15% 0;}
.swiper-ppkh .swiper-slide a .item img{ height:47px;}

footer{ background:#111; padding-top:70px;}
footer .foottit{ float:left; width:20%;}
footer .foottit .tit{ font-size:2.4rem; color:#fff;}
footer .foottit .info{ font-size:1.3rem; color:rgba(255,255,255,.51)}
footer .footgz{ width:20%; float:left;}
footer .footgz ul{ margin-top:15px;}
footer .footgz ul li a{ display:block; padding:1px 8px; cursor:pointer;}
footer .footgz ul li{ display:inline-block; border:1px solid rgba(255,255,255,.1)}
footer .footcontact{ float:left; width:60%;}
footer .footcontact ul{ margin-top:15px;}
footer .footcontact ul li{ font-size:1.4rem; color:#999; line-height:36px; float:left; width:70%;}
footer .footcontact ul li:nth-child(2n){ width:30%;}
footer .footgz .tit,footer .footcontact .tit{ font-size:1.8rem; color:#fff; padding-top:10px;}
.footcop{ padding:12px 0; background:#242424; margin-top:50px; font-size:1.4rem; color:#999;}
.footcop a{ color:#999;}
.footcop .linkurl a{ display:inline-block; padding:0 6px;}


.warpbg{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,.88); left:0; top:0; z-index:1400; display:none;}
.warpbg:after{ position:fixed; right:15px; top:15px; color:rgba(255,255,255,.81);    content: "\f00d"; font-size:1.8rem; cursor:pointer;}

.ewmbg{ width:200px; background:#fff; border-radius:10px; padding:15px; position:fixed; left:50%; top:50%; z-index:1401;margin-left:-100px; margin-top:-110px; display:none;}
.ewmbg img{ width:100%;}
.ewmbg span{ display:block; font-size:1.4rem; text-align:center; padding-top:0.5rem; }


.nsubnav{  background:#252525}
.nsubnav-list{ text-align:center; background-color:#252525; -webkit-box-shadow:0 0 40px rgba(49, 107, 203, .09); -moz-box-shadow:0 0 40px rgba(49, 107, 203, .09); box-shadow:0 0 3px rgba(49, 107, 203, .09); position:relative; z-index:1;}
.nsubnav a{ position:relative; display:inline-block; height:50px; line-height:50px; overflow:hidden; padding:0 48px; font-size:1.5rem; color:#888; vertical-align:middle;}
.nsubnav a:before{ position:absolute; right:0; bottom:-3px; left:50%; width:72px; margin-left:-36px; height:3px; background-color:#da251d; content:''; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.nsubnav a:hover:before,.nsubnav a.active:before,.nsubnav a.am-active:before{ bottom:0;}


.nyabout{ padding:60px 0;}
.nabtit{ text-align:center;}
.nabtit .tit{ font-size:2.2rem; color:#da251d; }
.nabtit .subtit{ font-size:1.4rem; color:rgba(255,255,255,.31)}

.abarc{ margin-top:40px; color:#999; line-height:240%; font-size:1.4rem;}
.abarcimg{ float:left; margin-right:25px; margin-bottom:15px; max-width:50%;}


.nycase ul li{ padding:10px;}
.nycase ul li a .item i{ display:block; overflow:hidden;}
.nycase ul li a .item i img{transition: all .36s ease;width: 100%;}
.nycase ul li a:hover .item i img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.nycase ul li a .item .info{ background:rgba(0,0,0,.1); padding:15px;transition: all .36s ease;}
.nycase ul li a .item .info .tit{ font-size:1.8rem; color:#fff;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.nycase ul li a .item .info .subtit{ font-size:1.2rem; color:#999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition: all .36s ease;}
.nycase ul li a:hover .item .info{ background:#e3120b;}
.nycase ul li a:hover .item .info .subtit{ color:#fff;}



.service-list ul li .item i{ display:block; width:100%; text-align:center;    transform: translateY(0) rotateX(0);transition: all 0.30s ease-in-out 0s; position:relative; z-index:2; }
.service-list ul li .item i img{ border-radius:20px; border:1px solid #3c3c3c;}
.service-list ul li  .item{display: block;position: relative;width: 100%;height: 100%;z-index: 10; padding:30px;}

.service-list ul li  .item .txt{ text-align:center; padding:15px 0;transition: all .36s ease; position:relative; z-index:33;}
.service-list ul li  .item .txt .tit{ font-size:1.8rem; color:#fff;}
.service-list ul li  .item .txt .info{ font-size:1.4rem; color:#999; padding:0 8%; }
.service-list ul li  .item .txt .line{ width:27px; height:1px; background:#3c3c3c; margin:10px auto;}
.service-list ul li  .item:before{content: '';position: absolute;width: calc(100% - 300px);height: calc(100% - 24px);border-top: 2px solid #e3120b;top: 10px;border-bottom: 2px solid #e3120b;display: block;left: 150px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.service-list ul li  .item:after{content: '';position: absolute;height: calc(100% - 300px);width: calc(100% - 24px);border-left: 2px solid #e3120b;left: 10px;border-right: 2px solid #e3120b;display: block;top: 150px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.service-list ul li  .item:hover:before{    left: 10px;width: calc(100% - 25px);z-index: 2;opacity: 1;}
.service-list ul li  .item:hover:after{    height: calc(100% - 25px);left: 10px;top: 10px;opacity: 1;background-color: rgba(0, 0, 0, .3);}
.service-list ul li  .item:hover{background-color: #272727;}

.hzhb-list{ overflow:hidden;}
.hzhb-list ul{ position:relative; margin:0 -10px;}
.hzhb-list ul li{ text-align:center; padding:10px;}
.hzhb-list ul li a{ display:block;text-align: center;
    border: 1px solid rgba(255,255,255,.1);
    padding: 15% 0;}

.shipin iframe,.shipin embed,.shipin video{ width:100% !important; height:600px !important;}





.page{ text-align:center; margin-top:25px;}
.page a{ display:inline-block; padding:4px 12px; border:1px solid rgba(0,0,0,.2); background:#000; margin:0 2px; font-size:1.4rem;}
.page a.active{ background:#da251d; color:#FFF;}

.nynews-list ul li {border-bottom: 1px solid rgba(255,255,255,.2);overflow: hidden;margin-bottom: 14px;padding-bottom: 14px;}
.nynews-list ul li img {float: left;width: 250px;height: 140px;margin-right: 36px;}
.nynews-list ul li .htit {color: #ccc;font-weight: 100;font-size: 18px;margin: 0;margin-bottom: 14px;}
.nynews-list ul li div .info {color: #656565;line-height: 28px;margin: 0;font-size: 14px;text-align: justify;text-justify: inter-ideograph;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.nynews-list ul li div span {width: 150px;text-align: right;height: 2px;background-color: transparent;display: block;float: right;color: #656565;margin-bottom: 30px;}



.article-wrap .article-header { text-align:center; margin-bottom:20px;}
.article-wrap .article-header .ahti{color: #fff;font-size: 24px;margin-bottom:20px;}
.article-wrap .article-header .sub{ color:#666; font-size:12px;}
.article-wrap .article-header .sub span{ margin:0 10px;}
.article-wrap .article-header .sub span i{ margin-right:4px;}

.article-body{font-family:'Microsoft Yahei',verdana;font-size: 16px; color:#999;letter-spacing: 0.08rem;line-height: 36px;min-height:400px; margin-bottom:25px;}
.article-body img{ max-width:100%;}

article img{ max-width:100%; height:auto !important;}

.bot {padding-top: 45px;     border-top: 1px solid rgba(255,255,255,.15);}
.f-cb {zoom: 1;}
.bot-l {width: 70%;}

.fl {float: left;display: inline;}
.bot-r {width: 60px;}
.fr {float: right;display: inline;}
.bot-l span {font-size: 14px;line-height: 28px;color: #666;display: block;}
.bot-l span a {color: #666;width: 95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;-webkit-transition: all 0.5s 0s cubic-bezier(0.86, 0.5, 1, 1);transition: all 0.5s 0s cubic-bezier(0.86, 0.5, 1, 1);}
.bot-r a {display: block;text-align: left;color: #999;font-size: 14px;-webkit-transition: all 0.8s ease;transition: all 0.8s ease;padding-right: 25px;background: url(../images/img9.png) no-repeat right top;}

.lxico ul li{ text-align:center; color:#999;}
.lxico ul li i{ font-size:38px; width:86px; height:86px; line-height:86px; color:#fff; background:#da251d; display:inline-block; border-radius:100%; margin-bottom:6px;}


.fortit{ text-align:center;font-size: 32px;color: #fff; padding-top:30px; margin-bottom:30px;}

.formDiv ul {margin-left: -15px;}
.formDiv ul li {padding: 0px 0 15px 15px;width: 50%;}

.formDiv .formGroud {width: 100%;border: 1px solid #555;background-color: rgba(0,0,0,.3);padding-left: 78px;position: relative;line-height: 51px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.formDiv ins {width: 78px;text-align: center;font-size: 14px;color: #9e9e9e;display: inline-block;position: absolute;left: 0;top: 0;line-height: 51px;text-decoration: none; background:none;}

.formDiv .inputCtrl {width: 100%;outline: none;border: none;background-color: transparent;line-height: 51px;color: #555555;font-size: 16px;}
.formDiv .textareaCtrl {height: 178px;width: 100%;outline: none;border: none;background-color: rgba(0,0,0,.3);line-height: 130%;padding: 10px 0;}
.formDiv .uesex{color: #d54274; height:57px; line-height:57px; text-align:center;}
.formDiv .uesex i {color: #d54274;}
.yzm{ width:80px; height:53px; display:block; position:absolute; right:10px; top:0;}


.allSubBtn {width: 151px;line-height: 52px;font-size: 18px;display: block;margin: 37px auto 0;text-align: center;background-color: #da251d;color: #fff;-webkit-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);border: none;outline: none;}


#mymap{ height:380px;border-radius:8px;}
.amap-icon img {width: 25px;height: 34px;}
.amap-marker-label{border: 0;background-color:rgba(0,0,0,.5); left:-60px !important;}

#mymap .info{position: relative;top: 0;right: 0;min-width: 0; color:#fff;}

@media screen and (max-width: 1422px){

}
@media screen and (max-width: 1134px){
header .toptel{ display:none;}
}
@media screen and (max-width: 1280px){
.ue-container{ padding:0 15px;}
.swiper-button-next, .swiper-button-prev{ display:none !important;}
.yewubox:hover .swiper-button-next,.yewubox:hover  .swiper-button-prev{ display:none !important;}
}
@media screen and (max-width: 640px){
.ue-pd{ padding:30px 0;}
.in-hed .mi-nav a{ display:none;}
.in-hed .mi-nav a.all{ display:block;}
.swiper-pagination-clickable .swiper-pagination-bullet{ width:8px; height:8px;}
.in-hed .title .tit{ font-size:2rem;}
.secvice:after{ display:none;}
.swiper-yewu,.swiper-yyzy,.swiper-about,.swiper-news,.swiper-case,.swiper-ppkh{ margin-top:25px;}
.swiper-pagination{ bottom:-25px;}
.swiper-yewu .swiper-slide:nth-child(even) .item i{ position:relative;}
.swiper-yewu .swiper-slide:nth-child(odd) .item i{ position:relative;}
.swiper-yewu .swiper-slide:nth-child(odd) .item{ padding-top:0;}
.swiper-yewu .swiper-slide:nth-child(even) .item{ padding-bottom:0;}
.swiper-yewu .swiper-slide:nth-child(even) .item .txt{padding:15px 0 0 0;}
.swiper-yewu .swiper-slide .item .txt{ padding:15px 0 0 0;}
.aboutright{ width:100%; float:none; margin-top:25px;}
.aboutleft{ width:100%; float:none;}
footer{ padding-top:25px;}
footer .foottit{ display:none;}
footer .footgz{ display:none;}
footer .footcontact ul li:nth-child(2n){ width:100%;}
footer .footcontact ul li{ width:100%; float:none;}
footer .linkurl{ display:none;}
footer .beian{ width:100%; text-align:center; font-size:1.2rem;}
.footcop{ margin-top:25px;}
.swiper-case .swiper-slide a .item .info .tit{ font-size:1.4rem;}
.swiper-case2 .swiper-slide a .item .info .tit{ font-size:1.4rem;}
.swiper-yewu .swiper-slide .item .txt .tit{ font-size:1.6rem;}
footer .footcontact ul li{ line-height:26px;}



.nsubnav{ height:auto;}
.nsubnav a{ float:none; height:40px; line-height:40px; overflow:hidden; padding:0 8px; font-size:14px;}
.nsubnav a:before{ height:2px;}
.nsubnav-list:after,.nsubnav-list:before{ content:""; display:block; clear:both;}
.nyabout{ padding:30px 0;}
.abarc{ margin-top:15px;}
.abarcimg{ float:none; max-width:100%; margin-right:0;}
.nynews-list ul li img { display:none;}
.nynews-list ul li .htit{ font-size:1.4rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom:5px; color:#CCC}
.nynews-list ul li div .info{display: -webkit-box; height:auto; font-size:1.2rem; line-height:20px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.nynews-list ul li div span{ display:none;}
.article-wrap .article-header .ahti{ font-size:1.8rem;}
.lxico ul li{ width:100%; float:none; text-align:left; margin-bottom:10px;}
.lxico ul li:after,.lxico ul li:before{ content:""; display:block; clear:both;}
.lxico ul li i{ float:left; text-align:center; margin-right:8px;width:40px; height:40px; line-height:40px; font-size:18px;}
.lxico ul li p{ line-height:40px;font-size:1.2rem;}
.allSubBtn{ width:100px; line-height:34px; font-size:1.4rem;    margin: 20px auto 0;}
.shipin iframe,.shipin embed,.shipin video{ width:100% !important; height:320px !important;}
.clasein{ width:100%; float:none;}
.in-hed.clasein .title{ float:left;}
.in-hed.clasein .mi-nav{ float:right;}
.in-hed.clasein .mi-nav a{ display:none;}
.in-hed.clasein .mi-nav a.all{ display:block;}
.casefl, .yewfl,.newsfk{ width:100%; float:none;}
.yyzy:before{ width:100%;}
.news:before{ display:none;}
.case:before{ display:none;}
.secvideright{ width:100%}
.secvide{ padding:1rem;}
header{ background:#eee; position:relative;}
}