@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}
html{overflow-x:hidden;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:30px;overflow-x:hidden; color:#333;}
a{ text-decoration:none;outline:none;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;color:#333}
a:hover{color:#c40000}
.red{color:#c40000}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.ovh{ overflow:hidden}
.wrap{ width:90%; max-width:1300px; margin:0 auto;}
.space{ height:85px;}

@font-face {	
font-family: 'CaviarDreamsc';	
src: url("../fonts/CaviarDreams.eot");
src: url("../fonts/CaviarDreams.eot") format("embedded-opentype"), 
url("../fonts/CaviarDreams.woff") format("woff"), 
url("../fonts/CaviarDreams.ttf") format("truetype"), 
url("../fonts/CaviarDreams.svg") format("svg");	
font-weight: normal;
font-style: normal;}


#a01, #a02, #a03, #a04, #a05{ position: absolute;  margin-top:-85px;}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s; display:block}
.pic:hover img{transform:scale(1.1);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}


.header{width: 100%;top:0px; left:0; position:fixed; z-index:9999; border-bottom:solid 1px #ddd;background:#fff !important;/*box-shadow: 0 0 10px rgba(0,0,0,0.2) !important; */padding-top:0; -webkit-transition:all .5s;transition:all .5s; }
.header .wrap{position:relative; height:100px; }
.header .logo{position:absolute; top:50%; margin-top:-45px; left:0; -webkit-transition:all .5s;transition:all .5s;}
.header .logo img{ height:90px; width:auto; display:block}
.header.header-scroll{/*box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;*/}
.header.header-scroll .wrap{ height:88px;}
.header.header-scroll .logo{ margin-top:-36px; }
.header.header-scroll .logo img { height:72px;  }


.header .menu{text-align:center}
.header .menu li{ display:inline-block}
.header .menu li{ position:relative}
.header .menu li .menu_a{ line-height:100px;font-size:17px;display:block; margin:0 25px; text-transform:uppercase; position:relative}
.header .menu li .menu_a:hover, .header .menu li .cur,  .header .menu li.on .menu_a{ color:#c40000;}
.header.header-scroll .menu li .menu_a, .header.header02 .menu li .menu_a{ color:#333 !important}
.header .menu li .menu_a:after {content: '';width: 0;height: 3px; border-radius:2px;background-color: #c40000;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom:-1.5px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.header .menu .cur:after, .header .menu li:hover .menu_a:after {width: 100%}

.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;width:120%; margin-left:-10%; border-radius:8px !important; overflow:hidden}
.header .menu li .sub.cur{ display:block}
.header .menu .sub{ text-align:center; line-height:45px;}
.header .menu .sub a{ display:block; background-color:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.header .menu .sub a:hover{background-color: #c40000; color:#fff;}

.header.header-scroll .menu li .menu_a:hover, .header.header02 .menu li.cur .menu_a{ color:#c40000 !important;}
.header.header-scroll .menu li .menu_a{ line-height:88px;font-size:16px;}
/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.header .menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(7){animation: 1.0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(8){animation: 1.1s ease-in-out 0s 1 normal both running rightOpacityShow;}

.header .language{ position:absolute; display:block;top:50%;height:32px;margin-top:-16px; right:0; -webkit-transition:all .5s;transition:all .5s; }
.header .language ul{ text-align:right}
.header .language ul li{ display:inline-block; padding-left:15px}
.header .language ul li img{ display:block;}

/*banner*/
.banner{ position:relative; overflow:hidden; margin-top:100px;}
.banner a{ display:block; width:100%;overflow:hidden}
.banner .ban-img{position:relative;}
.banner .swiper-slide a, .banner .swiper-slide img{ display:block; min-height:500px;}
.banner .ban-img img{ display:block;width:100%;-moz-transition:1s linear 2s;-webkit-transition:1s linear 2s;transition:1s linear 2s;}

.banner .swiper-slide-active .ban-txt{-moz-transform: scale(1);-webkit-transform: scale(1);transform: scale(1); opacity:1;-moz-transition:1s .4s;-webkit-transition:1s .4s;transition:1s .4s;}
.banner .swiper-slide-active .ban-img img, .banner .swiper-slide-duplicate-active .ban-img img{transition:16s linear;-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}
.banner .swiper-slide-active .txtcon{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-transition: 1s ease .5s;-moz-transition: 1s ease .5s;transition: 1s ease .5s;}
.banner .swiper-button-prev, .banner .swiper-button-next{width: 15%;height: 100%;top:0;background:none;}
.banner .swiper-button-prev{left:0;}	
.banner .swiper-button-next{right:0;}	
.banner .swiper-button-prev span,.banner .swiper-button-next span{display:block;width: 64px;height: 64px;position: absolute;left: 20px;top: 50%;margin-top:-32px;border-radius: 100%;background: rgba(255,255,255,0.35);opacity: 0;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease; z-index:9999}
.banner .swiper-button-next span{background: rgba(255,255,255,0.35);left:auto;right:20px;}
.banner .swiper-button-prev:hover span, .banner .swiper-button-next:hover span{opacity: .6;}
.banner .swiper-button-prev span:after{ content:""; display:block; width:15px; height:15px; border-top:2px solid rgba(255,255,255,.7);border-left:2px solid rgba(255,255,255,.7); -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute; left:50%; margin-left:-5px; top:25px;}
.banner .swiper-button-next span:after{ content:""; display:block; width:15px; height:15px; border-top:2px solid rgba(255,255,255,.7);border-right:2px solid rgba(255,255,255,.7); -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:50%; margin-left:-12px; top:25px;}
.banner .text .wrap{ position:relative;}
.banner .text{ position:absolute; top:50%; margin-top:-140px; height:100%; width:100%; color:#fff; z-index:99;}
.banner .text h4{ font-size:38px; font-weight:bold; margin-bottom:40px; line-height:40px; text-transform:uppercase}
.banner .text h3{ font-size:55px; font-weight:bold; line-height:58px;margin-bottom:20px;  text-transform:uppercase}
.banner .text h5{ font-size:20px; font-weight:bold; margin-bottom:80px; line-height:50px;}
.banner .text .use{ position:absolute; left:50%; bottom:65px}
.banner .text .use li{ display:inline-block; width:180px; margin:0 20px 0 0; text-align:center; line-height:42px; background-color:rgba(255,255,255,1); text-transform:uppercase; font-size:15px;}
.banner .text .use li:nth-child(1){background-color: rgba(196,0,0,.7); }
.banner .text .use li:nth-child(2){margin:0;}
.banner .text .use li a{ display:block; color:#333}
.banner .text .use li:nth-child(1) a{color:#fff}
.banner .text .use li:hover{background-color:rgba(196,0,0,1); }
.banner .text .use li:hover a{ color:#fff; font-weight:bold}

.section{ padding:70px 0 90px}
.sectionpre{ margin-top:80px;}
.sectionnext{ margin-bottom:90px;}


.jvzhong{ text-align:center}
.title { margin-bottom:35px; position:relative; }
.title h3{ font-size:32px; font-weight:bold; display:inline-block;  color:#333; line-height:30px; padding-bottom:25px; position:relative}
.title h3:after{ content:""; position:absolute; bottom:0; left:0; margin-left:0; width:160px; height:3px; background:#c40000;}
.title.jvzhong h3:after{ left:50%; margin-left:-80px; }
.title p{ font-size:20px;line-height:30px; padding-top:15px; color:#666 }


.title02 { margin-bottom:10px; position:relative; padding:15px 0 }
.title02 h3{ font-size:20px; font-weight:bold; display:inline-block;  color:#333; line-height:30px; padding-left:25px; position:relative; text-transform:uppercase}
.title02 h3:after{ content:""; position:absolute; left:0; top:50%; margin-top:-8px; margin-left:0; width:6px; height:20px; background:#c40000;}



.iabout .conn{ position:relative; text-align:center; color:#666}
.iabout .conn span{ display:block; }


.iquite{ background:url(../images/quitebg.png) no-repeat center center; background-size:cover; text-align:center }
.iquite .item{ float:left; width:33.33%; -webkit-transition:all .5s;transition:all .5s; margin:10px 0 0 0;}
.iquite .item:hover{margin:0 0 10px 0;}
.iquite .item .icon img{ display:block; width:80%; max-width:180px; margin:20px auto 50px auto;}
.iquite .item .text{ width:90%; max-width: 180px; line-height:40px;background-color:rgba(196,0,0,.7); text-transform:uppercase; font-size:15px; color:#fff; margin:0 auto; }
.iquite .item:hover .text{background-color:rgba(196,0,0,1);}


.icontact .item{ float:left; width:33.33%; -webkit-transition:all .5s;transition:all .5s; margin:10px 0 0 0; text-align:center}
.icontact .item:hover{ margin:0 0 10px 0 ; }
.icontact .item .icon{ width:70px; height:70px; margin:0 auto; background:#000; border-radius:50%; margin-bottom:20px;}
.icontact .item .icon img{ display:block; width:100%; height:auto;}
.icontact .item .conn h3{ font-size:18px; margin-bottom:10px;}
.icontact .item .conn p{ color:#666}


.footer { padding:25px 0; background:#000000; text-align:center; color:#fff; line-height:35px;}
.footer a{ color:#fff}
.footer p:nth-child(1) a{ padding:0 40px; text-transform:uppercase; position:relative; display:inline-block; }
.footer p:nth-child(1) a:after{ content:""; position:absolute; right:0; top:50%; height:12px; margin-top:-6px; width:1px; background:rgba(255,255,255,0.3);}
.footer p:nth-child(1) a:last-child:after{ display:none}



.nbanner{ margin-top:100px; height:340px; position:relative; text-align:center; color:#fff}
.nbanner .nnbanner{ position:absolute; width:100%; top:50%; margin-top:-60px;}
.nbanner h3{ font-size:46px; font-weight:bold; line-height:60px; text-transform:uppercase;}
.nbanner p a{ color:#fff;}


.ncontact .item{ float:left; width:33.33%; -webkit-transition:all .5s;transition:all .5s; margin:10px 0 0 0; text-align:center}
.ncontact .item:hover{ margin:0 0 10px 0 ; }
.ncontact .item .icon{ width:70px; height:70px; margin:0 auto; background:#000; border-radius:50%; margin-bottom:20px;}
.ncontact .item .icon img{ display:block; width:100%; height:auto;}
.ncontact .item .conn h3{ font-size:18px; margin-bottom:10px;}
.ncontact .item .conn p{ color:#666}


.mbg{ background:#f3f3f3;}
.form .column{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; position:relative; background:#fff; line-height:42px;}
.form .row_1{ margin-right:-2%}
.form .row_1 input{ border:none; line-height:42px; width:calc(100% - 80px); float:right}
.form .row_1 label{ position:absolute; left:0;top:0; line-height:42px; color:#999;padding-left:10px}
.form .row_2{background:#fff; position:relative}
.form .row_2 label{ position:absolute; left:0;top:0; line-height:42px; color:#999;padding-left:10px}
.form .row_2 textarea{ width:100%; height:180px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px; padding-left:70px}
.form .submit{ background:#c40000; color:#fff; width:125px; line-height:35px;height:35px; text-align:center; border:0; font-size:16px; margin:25px auto 0; display:block; text-transform:uppercase; } 
.service{ font-size:18px; line-height:30px; color:#666;}


.nser .item{ margin:30px 0; border:solid 1px #ddd; position:relative}
.nser .item .pics{ float:left; width:70%}
.nser .item .pics .pic{ float:left; width:49%}
.nser .item .pics .pic:nth-child(2n){ float:right}
.nser .item .text{position: absolute; height:100%; width:30%; right:0; top:0; border-bottom:solid 3px #c40000}
.nser .item:nth-child(2n) .pics{ float:right;}
.nser .item:nth-child(2n) .text{ left:0; right:auto;}
.nser .item .num {font-family: 'CaviarDreamsc'; font-size:75px; color:#898989; background:url(../images/numbg.png) no-repeat left top; width:200px; height:146px; line-height:146px; text-align:center }
.nser .item .text h3{ font-size:22px; font-weight:bold;position:absolute; left:60px; bottom:100px}

.npro .kuai{ margin-bottom:50px;}
.npro table{ border-left:solid 1px #fff; border-top:solid 1px #fff; text-align:center}
.npro table td{ border-right:solid 1px #fff; border-bottom:solid 1px #fff;padding:6px 12px;background-color:rgba(196,0,0,0.05)}
.npro table tr:nth-child(1) td{background:#c40000; color:#fff; padding:12px; font-weight:bold; }
.npro table tr td.td{background:#c40000; color:#fff;font-weight:bold;}
.npro table tr td.td02{ background-color:rgba(196,0,0,0.15)}
.npro table tr td.td03{background-color:rgba(196,0,0,0.05)}
.lisan, .lisan02{ padding:30px;}
.lisan .item{ display:inline-block; float:left; width:32%; margin-right:2%}
.lisan .item:nth-child(3){ margin-right:0}
.lisan02 .item{ display:inline-block; width:100%; margin-bottom:30px}
.lisan02 .item:last-child{ margin-bottom:0}
.npro .img-dv .img2{ width:100%; height:100%}


.nprolists .item{ border:solid 1px #ddd; width:32%; margin-right:2%; margin-bottom:2%; float:left}
.nprolists .item:nth-child(3n){ margin-right:0}
.nprolists .item:nth-child(3n+1){ clear:both}
.nprolists .item .text{ line-height:55px; font-size:17px; text-align:center;display:block;position:relative; }
.nprolists .item .text:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:0; background:#c40000;-webkit-transition:all .5s;transition:all .5s;}
.nprolists .item .text:hover { color:#fff;}
.nprolists .item .text:hover:after{ height:100%}
.nprolists .item .text span{ display:block; position:relative; z-index:999}

.nteam{ min-height:450px}
.nteam .item{ width:23.5%; margin-right:2%; float:left; display:inline-block;/* -webkit-transition:all .5s;transition:all .5s; */margin-bottom:40px;}
.nteam .item:nth-child(4n){ margin-right:0}
.nteam .item:nth-child(4n+1){ clear:both}
.nteam .item .icon{ width:125px;border:solid 1px #ddd; border-radius:50%; margin:0 auto; overflow: hidden;}
.nteam .item .icon img{ display:block; width:100%; height:auto;}
.nteam .item .text{ margin-top:20px;  text-align:center}
.nteam .item .text h3{ font-size:18px; font-weight:bold; margin-bottom:10px;}
.nteam .item .text p{ color:#666;/* background:url(../images/mailhui.png) no-repeat left center; padding-left:35px*/}
.nteam .item .text .more{ margin-top:20px; line-height:42px;}
.nteam .item .text .more a{ display:block; width:100%; max-width:200px; margin:0 auto; border-radius:5px; background:#797a7a; color:#fff}
.nteam .item .text .more a:hover{background:#c40000;}

.npro .wrap{ position:relative}
.npro .wrap:before{ content:""; position:absolute; width:1px; height:100%; background:#ddd; top:20px; left:255px; z-index:9}
.npro .npleft{ float:left; width:210px}
.npro .npleft p{ line-height:45px; margin:10px 0; font-size:24px;}
.npro .npleft p a{ display:block; position:relative}
.npro .npleft p a:hover:after, .npro .npleft p a.cur:after{ content:""; position:absolute;content:""; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #c40000; position:absolute; top:50%; margin-top:-8px; right:0px}



.npro .npleft p a:hover, .npro .npleft p a.cur{ color:#c40000;}
.npro .npright{ float:right; width:calc(100% - 280px)}


.nse .conn{ text-align:center;margin:50px auto 0 auto}
.nse .conn .item{ display:inline-block; float:left; width:18%; margin:0 1%}
.nse .conn .item .num{ font-size:45px; color:#fff; font-weight:bold; line-height:88px;}
.nse .conn .item:nth-child(1) .num{ background:url(../images/lc01.png) no-repeat center center;}
.nse .conn .item:nth-child(2) .num{ background:url(../images/lc02.png) no-repeat center center;}
.nse .conn .item:nth-child(3) .num{ background:url(../images/lc03.png) no-repeat center center;}
.nse .conn .item:nth-child(4) .num{ background:url(../images/lc04.png) no-repeat center center;}
.nse .conn .item:nth-child(5) .num{ background:url(../images/lc05.png) no-repeat center center;}
.nse .conn .item .text{ margin:40px 0 20px 0}
.nse .conn .item .text h3{ margin-bottom:10px; font-size:18px}
.nse .conn .item .text p{ line-height:25px; color:#666; width:90%; margin:0 auto; min-height:100px}