@keyframes totop
{
0% { -moz-transform:translateY(35px); -ms-transform:translateY(35px); -o-transform:translateY(35px); -webkit-transform:translateY(35px); transform:translateY(35px); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}
@keyframes tobottom
{
0% { -moz-transform:translateY(-35px); -ms-transform:translateY(-35px); -o-transform:translateY(-35px); -webkit-transform:translateY(-35px); transform:translateY(-35px); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}
@keyframes toleft
{
0% { -moz-transform:translateX(35px); -ms-transform:translateX(35px); -o-transform:translateX(35px); -webkit-transform:translateX(35px); transform:translateX(35px); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}
@keyframes toright
{
0% { -moz-transform:translateX(-35px); -ms-transform:translateX(-35px); -o-transform:translateX(-35px); -webkit-transform:translateX(-35px); transform:translateX(-35px); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}
@keyframes scale
{
0% { -moz-transform:scale(.5); -ms-transform:scale(.5); -o-transform:scale(.5); -webkit-transform:scale(.5); transform:scale(.5);}
100% { -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
}


*{ margin:0; padding:0;}
html,body{ width:100%; height:100%;}
body{ background:#fff; font-family:'Microsoft Yahei',Arial; overflow-x:hidden;}
.width{ width:1400px; margin:0 auto;}
.clear{ clear:both;}
a{ text-decoration:none; -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
img{ border:0; max-width:100%;}
.imgs{ position:absolute; left:0; top:0; width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
li{ list-style-type:none;}
.table{ width:100%; border-collapse:collapse;}
.table td{ border:1px solid #ddd !important;}
.justify{ text-justify:inter-ideograph; text-align:justify; font-size:0;}
.justify:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
/*1440*/
@media (max-width:1599px){
.width{ width:1280px;}
}
/*1366*/
@media (max-width:1439px){
.width{ width:1200px;}
}
/*1280*/
@media (max-width:1365px){
.width{ width:1120px;}
}
/*1200*/
@media (max-width:1279px){
.width{ width:1040px;}
}
/*992*/
@media (max-width:1199px){
.width{ width:880px;}
}
/*768*/
@media (max-width:991px){
.width{ width:94vw;}
}

.top{ background:#082d5c; height:40px; line-height:40px; font-size:14px; color:#fff;}
.top a{ color:#fff;}
.top1{ float:left;}
.top2{ float:right; background:url(/res/web/img/tel.png) left center no-repeat; padding-left:18px; font-size:16px;}

.nav_bg{ height:110px;}
.logo{ float:left; margin-top:28px;}
.logo img{ height:54px;}
.nav{ float:right;}
.nav > li{ float:left; margin-left:45px;}
.nav > li:nth-child(1){ margin-left:0;}
.nav > li > a{ display:block; line-height:110px; font-size:16px; color:#333; background:url(/res/web/img/li1.png) right center no-repeat; padding-right:18px;}
.nav > li:nth-last-child(1) > a{ background-image:url(/res/web/img/link1.png); padding-right:24px;}
.nav > li:nth-last-child(1):hover > a{ background-image:url(/res/web/img/link2.png);}
.nav > li:hover > a{ color:#ed1a3b; background-image:url(/res/web/img/li2.png);}
.cur1 > a{ color:#ed1a3b; background-image:url(/res/web/img/li2.png) !important;}
.nav > li:hover ul{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible; pointer-events:auto; -moz-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);}
.cur1 > a{ color:#ed1a3b !important;}
.nav ul{ position:absolute; z-index:99999; background:#fff; box-shadow:0 5px 5px rgba(0,0,0,.1); margin-left:-27px; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden; pointer-events:none; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease; -moz-transform:translateY(10px); -webkit-transform:translateY(10px); transform:translateY(10px);}
.nav ul li{ margin-top:1px;}
.nav ul li:nth-child(1){ margin-top:0;}
.nav ul li:hover a{ background:#ed1a3b; color:#fff;}
.nav ul a{ display:block; font-size:15px; color:#666; padding:12px 29px;}
.cur11 a{ background:#ed1a3b; color:#fff !important;}
.nav3{ display:none;}
/*1280*/
@media (max-width:1365px){
.nav > li{ margin-left:40px;}
}
/*1200*/
@media (max-width:1279px){
.nav > li{ margin-left:30px;}
}
/*992*/
@media (max-width:1199px){
.nav_bg{ height:162px;}
.nav_bg .width{ text-align:center;}
.logo{ float:none; display:inline-block;}
.logo img{ height:50px;}
.nav{ float:none; display:inline-block; text-align:left;}
.nav > li{ margin-left:40px;}
.nav > li > a{ line-height:80px;}
}
/*768*/
@media (max-width:991px){
body{ padding-top:16vw;}
.top{ display:none;}
.nav_bg{ position:fixed; z-index:99999; width:100%; height:16vw; background:#fff; left:0; top:0; box-shadow:0 0 0.5vw rgba(0,0,0,.2);}
.nav_bg .width{ text-align:left; width:100%;}
.logo{ float:none; position:absolute; margin-top:3.5vw; margin-left:3vw;}
.logo img{ height:9vw;}
.nav{ display:none;}
.nav3{ display:block; position:relative;}
#nav3_a{ position:absolute; right:3vw; display:block; width:7vw; height:7vw; margin:4.5vw 0; background:url(/res/web/img/menu_btn.png) center no-repeat; background-size:contain; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/web/img/menu_btn.png', sizingMethod='scale'); -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.nav3 a{ display:block; color:#333;}
.nav3 .cur{ background:#b3b3b3; color:#fff;}
.nav3 > ul > li > ul{ position:absolute; z-index:2; width:100%; top:16vw; display:none; background:#fff; line-height:2em; font-size:4vw; text-align:center; padding:0.5em 0;}
.nav3 > ul > li > ul > li{ border-bottom:1px solid #fff;}
.nav3 > ul > li > ul > li:last-child{ border-bottom:none;}
.nav3 > ul > li > ul > li > a{ position:relative;}
.nav3 > ul > li > ul > li > a img{ position:absolute; top:50%; height:1vw; margin-top:-0.5vw; margin-left:1vw;}
.nav3 > ul > li > ul > li:nth-last-child(1) > ul{ padding-bottom:0;}
.nav3 > ul > li > ul > li > ul{ padding-bottom:0.5em; display:none;}
.nav3 > ul > li > ul > li > ul li{ margin-top:1px;}
.nav3 > ul > li > ul > li > ul a{ font-size:3.5vw; color:#999;}
.nav3 > ul > li > ul > li > ul a:hover{ background:#ed1a3b; color:#fff;}
.cur3 > a{ color:#ed1a3b !important;}
.cur31 a{ background:#ed1a3b; color:#fff !important;}
}

.flexslider{position:relative; height:550px; width:100%; overflow:hidden;/*background:url(/res/web/css/images/loading.gif) 50% no-repeat;*/}
.slides{position:relative;z-index:1;}
.slides li{ height:550px; line-height:550px; text-align:center; color:#fff; font-weight:bold;}
.slides li > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.banner_t1{ font-size:40px;}
.banner_t2{ font-size:24px; margin-top:0.5em;}
.flex-control-nav{position:absolute;bottom:4%;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:50px;height:4px;margin:0 10px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:50px;height:4px;overflow:hidden;cursor:pointer; font-size:0; background:#fff; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.flex-control-nav .flex-active{ background:#ed1a3b;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:0;}
.flex-direction-nav li a{display:block;width:10%; height:550px;overflow:hidden;cursor:pointer;position:absolute; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; -moz-transition:.5s ease; -o-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.flex-direction-nav li a.flex-prev{left:0;background:url(/res/web/img/prev.png) 40% 50% no-repeat; background-size:50px;}
.flex-direction-nav li a.flex-next{right:0;background:url(/res/web/img/next.png) 60% 50% no-repeat; background-size:50px;}
.flex-direction-nav li a:hover{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1;}
.flex-direction-nav li a.flex-prev:hover{ background-position:30% 50%;}
.flex-direction-nav li a.flex-next:hover{ background-position:70% 50%;}
/*1440*/
@media (max-width:1599px){
.flexslider{ height:503px;}
.slides li{ height:503px; line-height:503px;}
.flex-direction-nav li a{ height:503px;}
}
/*1366*/
@media (max-width:1439px){
.flexslider{ height:471px;}
.slides li{ height:471px; line-height:471px;}
.flex-direction-nav li a{ height:471px;}
}
/*1280*/
@media (max-width:1365px){
.flexslider{ height:440px;}
.slides li{ height:440px; line-height:440px;}
.flex-direction-nav li a{ height:440px;}
}
/*1200*/
@media (max-width:1279px){
.flexslider{ height:409px;}
.slides li{ height:409px; line-height:409px;}
.flex-direction-nav li a{ height:409px;}
}
/*992*/
@media (max-width:1199px){
.flexslider{ height:346px;}
.slides li{ height:346px; line-height:346px;}
.flex-direction-nav li a{ height:346px;}
.banner_t1{ font-size:36px;}
.banner_t2{ font-size:22px;}
}
/*768*/
@media (max-width:991px){
.flexslider{ height:60vw;}
.slides li{ height:60vw; line-height:60vw;}
.flex-direction-nav li a{ height:60vw; width:14vw;}
.flex-direction-nav li a.flex-prev{ background-size:9vw;}
.flex-direction-nav li a.flex-next{ background-size:9vw;}
.flex-control-nav li{width:3vw;height:.8vw;margin:0 1.5vw;}
.flex-control-nav a{width:3vw;height:.8vw;}
.banner_t1{ font-size:4.5vw;}
.banner_t2{ font-size:3.25vw;}
}

.a1_bg{ padding:60px 0;}
.a1{ display:inline-block; vertical-align:top; width:425px; text-align:center;}
.a1:hover .a1_pic{ -moz-transform:scale(1.05); -ms-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.a1:hover .a1_t1 a{ color:#ed1a3b;}
.a1_picbg{ display:block; width:100%; height:0; padding-bottom:65.88%; overflow:hidden;}
.a1_pic{ position:relative; width:100%; height:0; padding-bottom:65.88%; -moz-transition:1.2s ease; -o-transition:1.2s ease; -webkit-transition:1.2s ease; transition:1.2s ease;}
.a1_t1{ font-weight:bold; font-size:24px; padding:0.7em 0 0.3em;}
.a1_t1 a{ color:#333;}
.a1_t1 a:hover{ color:#ed1a3b;}
.a1_t2{ font-size:15px; color:#666; line-height:1.75em;}
.a1_t2 a{ color:#666;}
.a1_t2 a:hover{ color:#ed1a3b;}
/*1440*/
@media (max-width:1599px){
.a1{ width:386.5px;}
}
/*1366*/
@media (max-width:1439px){
.a1{ width:360px;}
}
/*1280*/
@media (max-width:1365px){
.a1{ width:333px;}
}
/*1200*/
@media (max-width:1279px){
.a1{ width:306.5px;}
}
/*992*/
@media (max-width:1199px){
.a1{ width:266.5px;}
}
/*768*/
@media (max-width:991px){
.a1_bg{ padding:5vw 0;}
.a1{ width:100%; margin-top:3vw;}
.a1:nth-child(1){ margin-top:0;}
.a1_t1{ font-size:4vw; padding:0.3em 0 0.15em;}
.a1_t2{ font-size:3vw;}
}

.about{ background:#f5f5f5; padding:60px 0;}
.about_t{ position:relative; font-weight:bold; font-size:24px; color:#333; margin-bottom:0.7em;}
.about_t a{ position:absolute; font-weight:normal; right:0; font-size:14px; color:#ed1a3b; margin-top:0.5em;}
.about_t a::after{ content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background:#ed1a3b; -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.about_t a:hover::after{ width:100%;}
.about_pic{ float:left; width:50%; height:400px; position:relative;}
.about_p{ float:right; width:50%; height:400px; line-height:400px;}
.about_p > div{ display:inline-block; vertical-align:middle; line-height:normal; padding-left:50px;}
.about_t1{ font-size:20px; color:#082d5c;}
.about_t2{ font-size:15px; color:#666; line-height:2em; padding:1em 0 1.2em;}
.about_t2 p{ padding:0.5em 0;}
.about_t2 a{ color:#666;}
.about_t2 a:hover{ color:#ed1a3b;}
.about_t3{ display:block; width:118px; height:33px; line-height:33px; text-align:center; font-size:14px; background:#ed1a3b; border:1px solid #ed1a3b; color:#fff; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.about_t3:hover{ background:none; color:#ed1a3b;}
/*1440*/
@media (max-width:1599px){
.about_pic{ height:365.5px;}
.about_p{ height:365.5px; line-height:365.5px;}
}
/*1366*/
@media (max-width:1439px){
.about_pic{ height:342.5px;}
.about_p{ height:342.5px; line-height:342.5px;}
}
/*1280*/
@media (max-width:1365px){
.about_pic{ height:320px;}
.about_p{ height:320px; line-height:320px;}
}
/*1200*/
@media (max-width:1279px){
.about_pic{ height:297px;}
.about_p{ height:auto; line-height:normal;}
}
/*992*/
@media (max-width:1199px){
.about_pic{ height:251px;}
.about_p > div{ padding-left:40px;}
}
/*768*/
@media (max-width:991px){
.about{ padding:5vw 0;}
.about_t{ font-size:4vw;}
.about_t a{ font-size:3vw; margin-top:0.2em;}
.about_pic{ width:100%; height:54vw;}
.about_p{ width:100%; margin-top:0.5em;}
.about_p > div{ padding-left:0;}
.about_t1{ font-size:3.5vw;}
.about_t2{ font-size:3vw; padding:0.5em 0 0.6em;}
.about_t3{ width:24vw; height:6vw; line-height:6vw; font-size:3vw; margin:0 auto;}
}

.news{ padding:60px 0;}
.swiper-container{}
.news1{ width:320px !important; margin-right:40px;}
.news1:hover .news1_pic{ -moz-transform:scale(1.05); -ms-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.news1:hover .news1_t1 a{ color:#ed1a3b;}
.news1_picbg{ display:block; width:320px; height:0; padding-bottom:68.75%; overflow:hidden;}
.news1_pic{ position:relative; width:100%; height:0; padding-bottom:68.75%; -moz-transition:1.2s ease; -o-transition:1.2s ease; -webkit-transition:1.2s ease; transition:1.2s ease;}
.news1_t1{ font-size:16px; line-height:30px; height:30px; overflow:hidden; margin:0.5em 0 0.2em;}
.news1_t1 a{ color:#333;}
.news1_t1 a:hover{ color:#ed1a3b;}
.news1_t2{ font-size:15px; color:#999; line-height:24px; height:48px; overflow:hidden;}
.news1_t2 a{ color:#999;}
.news1_t2 a:hover{ color:#ed1a3b;}
.news1_t3{ font-size:14px; color:#ed1a3b; margin-top:0.5em;}
/*1440*/
@media (max-width:1599px){
.news1{ width:290px !important;}
.news1_picbg{ width:290px;}
}
/*1366*/
@media (max-width:1439px){
.news1{ width:270px !important;}
.news1_picbg{ width:270px;}
}
/*1280*/
@media (max-width:1365px){
.news1{ width:250px !important;}
.news1_picbg{ width:250px;}
}
/*1200*/
@media (max-width:1279px){
.news1{ width:230px !important;}
.news1_picbg{ width:230px;}
}
/*992*/
@media (max-width:1199px){
.news1{ width:266.5px !important;}
.news1_picbg{ width:266.5px;}
}
/*768*/
@media (max-width:991px){
.news{ padding:5vw 0;}
.news1{ width:94vw !important; margin-right:0;}
.news1_picbg{ width:94vw;}
.news1_t1{ font-size:3.5vw; line-height:5vw; height:5vw;}
.news1_t2{ font-size:3vw; line-height:5vw; height:10vw;}
.news1_t3{ font-size:3vw;}
}

.foot{ background:#353535; padding:60px 0;}
.f1{ display:inline-block; vertical-align:top;}
.f1_t1{ font-size:16px; margin-bottom:0.8em;}
.f1_t1 a{ color:#ddd;}
.f1_t1 a:hover{ color:#fff;}
.f1_t2{ font-size:14px; line-height:2.142857em;}
.f1_t2 a{ color:#b4b4b4;}
.f1_t2 a:hover{ color:#fff;}
.f1_t3{ font-size:0; margin-top:10px;}
.f1_t3 a{ display:inline-block; width:32px; height:32px; -moz-border-radius:50%; -ms-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin-right:10px;}
.f1_t3 a:hover{ background-color:#777 !important;}
.f1_t3 a:hover img{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible; pointer-events:auto;}
.f1_t3 a:nth-child(1){ background:url(/res/web/img/qq.png) center no-repeat #666;}
.f1_t3 a:nth-child(2){ background:url(/res/web/img/wechat.png) center no-repeat #666; margin-right:0;}
.f1_t3 img{ position:absolute; margin-top:38px; margin-left:-68px; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden; pointer-events:none; -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.copy{ background:#272727; height:55px; line-height:55px; font-size:14px; color:#b4b4b4;}
.copy a{ color:#b4b4b4;}
.copy a:hover{ color:#fff;}
.copy1{ float:left;}
.copy2{ float:right;}
.copy2 a{ margin-left:1em;}
/*768*/
@media (max-width:991px){
.foot{ display:none;}
.copy{ height:10vw; line-height:5vw; font-size:3vw; text-align:center; padding:2vw 0;}
.copy1{ float:none; display:inline-block; width:100%;}
.copy2{ float:none; display:inline-block; width:100%;}
.copy2 span{ display:none;}
}

.ban{ height:350px; line-height:350px;}
.ban > div{ display:inline-block; vertical-align:middle; line-height:normal; width:100%; text-align:center; font-weight:bold; color:#fff;}
.ban_t1{ font-size:36px; margin-bottom:0.3em;}
.ban_t2{ font-size:22px;}
/*1440*/
@media (max-width:1599px){
.ban{ height:320px; line-height:320px;}
.ban_t1{ font-size:32px;}
.ban_t2{ font-size:20px;}
}
/*1366*/
@media (max-width:1439px){
.ban{ height:300px; line-height:300px;}
.ban_t1{ font-size:30px;}
}
/*1280*/
@media (max-width:1365px){
.ban{ height:280px; line-height:280px;}
}
/*1200*/
@media (max-width:1279px){
.ban{ height:260px; line-height:260px;}
}
/*992*/
@media (max-width:1199px){
.ban{ height:220px; line-height:220px;}
}
/*768*/
@media (max-width:991px){
.ban{ height:35vw; line-height:35vw;}
.ban_t1{ font-size:4vw;}
.ban_t2{ font-size:3vw;}
}

.nav2_bg{ padding:60px 0 0;}
.nav2{ font-size:0; border-bottom:2px solid #ed1a3b;}
.nav2 a{ display:inline-block; font-size:16px; line-height:41px; border-top:2px solid #fff; color:#333; padding:0 25px; margin-left:5px;}
.nav2 a:nth-child(1){ margin-left:0;}
.nav2 a:hover{ background:#ed1a3b; border-color:#ed1a3b; color:#fff;}
.cur2{ background:#ed1a3b; border-color:#ed1a3b !important; color:#fff !important;}
.nav21{ font-size:0; background:#f8f8f8;}
.nav21 a{ display:inline-block; font-size:15px; line-height:60px; color:#666; padding:0 25px;}
.nav21 a:hover{ color:#ed1a3b;}
.cur21{ color:#ed1a3b !important;}
/*768*/
@media (max-width:991px){
.nav2_bg{ padding:5vw 0 0;}
.nav2 a{ display:none; width:31.33333vw; text-align:center; font-size:3.5vw; line-height:7vw; padding:0; margin-left:0;}
.nav2 a:nth-child(1),.nav2 a:nth-child(2),.nav2 a:nth-child(3){ display:inline-block;}
.nav21{ padding:2vw 0;}
.nav21 a{ font-size:3.25vw; line-height:8vw; padding:0; width:31.33333vw; text-align:center;}
}

.b1_bg{}
.b1{ padding:40px 0; border-bottom:1px dashed #eee;}
.b1:nth-child(1){ padding-top:60px;}
.b1:nth-last-child(1){ padding-bottom:60px;}
.b1:nth-child(2n) .b1_pic{ float:right;}
.b1:nth-child(2n) .b1_p{ float:left;}
.b1_pic{ float:left; position:relative; width:500px; height:375px;}
.b1_p{ float:right; width:850px; height:375px; line-height:375px;}
.b1_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.b1_t1{ position:relative; font-size:24px; color:#082d5c; margin-bottom:1.75em;}
.b1_t1::after{ content:''; position:absolute; left:0; bottom:-0.75em; width:30px; height:3px; background:#ed1a3b;}
.b1_t2{ font-size:15px; color:#666; line-height:2em;}
.b1_t2 a{ color:#666;}
.b1_t2 a:hover{ color:#ed1a3b;}
/*1440*/
@media (max-width:1599px){
.b1_pic{ width:440px; height:330px;}
.b1_p{ width:790px; height:330px; line-height:330px;}
}
/*1366*/
@media (max-width:1439px){
.b1_pic{ width:400px; height:300px;}
.b1_p{ width:750px; height:300px; line-height:300px;}
}
/*1280*/
@media (max-width:1365px){
.b1_pic{ width:360px; height:270px;}
.b1_p{ width:710px; height:270px; line-height:270px;}
}
/*1200*/
@media (max-width:1279px){
.b1_pic{ width:320px; height:240px;}
.b1_p{ width:670px; height:auto; line-height:normal;}
}
/*992*/
@media (max-width:1199px){
.b1_pic{ width:280px; height:210px;}
.b1_p{ width:560px;}
}
/*768*/
@media (max-width:991px){
.b1{ padding:4vw 0;}
.b1:nth-child(1){ padding-top:5vw;}
.b1:nth-last-child(1){ padding-bottom:5vw;}
.b1_pic{ width:100%; height:70.5vw;}
.b1_p{ width:100%; margin-top:0.5em;}
.b1_t1{ font-size:4vw;}
.b1_t1::after{ width:6vw; height:2px;}
.b1_t2{ font-size:3vw;}
}

.b2_bg{ padding:60px 0 0;}
.b2_t{ position:relative; text-align:center; font-size:24px; color:#082d5c; margin-bottom:1.75em;}
.b2_t::after{ content:''; position:absolute; left:50%; bottom:-0.75em; margin-left:-15px; width:30px; height:3px; background:#ed1a3b;}
.swiper-container2{ width:1400px; overflow:hidden;}
.swiper-container2 .swiper-slide{ width:150px !important; padding-right:162.5px;}
.swiper-container2 .swiper-slide:nth-last-child(1){ padding-right:0;}
.swiper-container2 .swiper-slide:nth-last-child(1) .pro1_t2::after{ width:0;}
.pro1{ width:150px; text-align:center;}
.pro1:hover .pro1_t2{ background:#ed1a3b; border-color:#ed1a3b; color:#fff;}
.pro1_t1{ font-size:72px; color:#ccc; font-family:Impact,Arial;}
.pro1_t2{ position:relative; width:148px; height:148px; line-height:148px; border:1px solid #ddd; font-size:16px; color:#333; -moz-border-radius:50%; -ms-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.pro1_t2::after{ content:''; position:absolute; width:100%; height:100%; right:0; top:0; margin-right:-93.25px; background:url(/res/web/img/pro1.jpg) right center no-repeat; pointer-events:none;}
.pro1_t2 > div{ display:inline-block; vertical-align:middle; line-height:1.75em; padding:0 25px;}
.pro1_t3{ font-size:15px; color:#666; line-height:1.75em; padding-top:0.5em;}
.pro1_picbg{ border-bottom:1px dashed #eee; margin-top:40px; padding-bottom:60px;}
.pro1_pic{ display:inline-block; vertical-align:top; position:relative; width:440px; height:0; padding-bottom:23.57%;}
/*1440*/
@media (max-width:1599px){
.swiper-container2{ width:1280px;}
.swiper-container2 .swiper-slide{ padding-right:132.5px;}
.pro1_t2::after{ margin-right:-78.25px;}
.pro1_pic{ width:400px;}
}
/*1366*/
@media (max-width:1439px){
.swiper-container2{ width:1200px;}
.swiper-container2 .swiper-slide{ padding-right:112.5px;}
.pro1_t2::after{ margin-right:-68.25px;}
.pro1_pic{ width:373px;}
}
/*1280*/
@media (max-width:1365px){
.swiper-container2{ width:1120px;}
.swiper-container2 .swiper-slide{ padding-right:92.5px;}
.pro1_t2::after{ margin-right:-58.25px;}
.pro1_pic{ width:346.5px;}
}
/*1200*/
@media (max-width:1279px){
.swiper-container2{ width:1040px;}
.swiper-container2 .swiper-slide{ padding-right:72.5px;}
.pro1_t2::after{ margin-right:-48.25px;}
.pro1_pic{ width:320px;}
}
/*992*/
@media (max-width:1199px){
.swiper-container2{ width:880px;}
.swiper-container2 .swiper-slide{ padding-right:93px;}
.pro1_t2::after{ margin-right:-59px;}
.pro1_pic{ width:266.5px;}
}
/*768*/
@media (max-width:991px){
.b2_bg{ padding:5vw 0 0;}
.b2_t{ font-size:4vw;}
.b2_t::after{ margin-left:-3vw; width:6vw; height:2px;}
.swiper-container2{ width:94vw;}
.swiper-container2 .swiper-slide{ width:25vw !important; padding-right:9.5vw;}
.pro1{ width:25vw;}
.pro1_t1{ font-size:10vw;}
.pro1_t2{ width:-moz-calc(25vw - 2px); width:-ms-calc(25vw - 2px); width:-webkit-calc(25vw - 2px); width:calc(25vw - 2px); height:-moz-calc(25vw - 2px); height:-ms-calc(25vw - 2px); height:-webkit-calc(25vw - 2px); height:calc(25vw - 2px); line-height:-moz-calc(25vw - 2px); line-height:-ms-calc(25vw - 2px); line-height:-webkit-calc(25vw - 2px); line-height:calc(25vw - 2px); font-size:3vw;}
.pro1_t2::after{ background-size:4vw; margin-right:-6.75vw;}
.pro1_t2 > div{ line-height:1.5em; padding:0 5vw;}
.pro1_t3{ font-size:3vw; line-height:1.5em;}
.pro1_picbg{ margin-top:4vw; padding-bottom:5vw;}
.pro1_pic{ width:94vw; padding-bottom:75%; margin-top:3vw;}
.pro1_pic:nth-child(1){ margin-top:0;}
.pro1_pic:nth-child(3){ display:none;}
}

.faq{ padding:60px 0;}
.faq .b2_t{ margin-bottom:2.2em;}
.faq1{ float:left; width:670px; margin-right:60px; margin-top:35px;}
.faq1:nth-child(2n){ margin-right:0;}
.faq1:nth-child(2n+1){ clear:both;}
.faq1:nth-child(1),.faq1:nth-child(2){ margin-top:0;}
.faq1_t1{ text-align:left; margin-bottom:0.5em;}
.faq1_t1 div{ display:inline-block; vertical-align:top;}
.faq1_t1 div:nth-child(1){ width:24px; height:24px; line-height:24px; text-align:center; font-size:14px; background:#ed1a3b; color:#fff; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-right:15px;}
.faq1_t1 div:nth-child(2){ width:631px; font-size:18px; color:#333; line-height:24px; border-bottom:1px solid #f5f5f5; padding-bottom:0.5em;}
.faq1_t1 a{ color:#333;}
.faq1_t1 a:hover{ color:#ed1a3b;}
.faq1_t2{ text-align:left;}
.faq1_t2 div{ display:inline-block; vertical-align:top;}
.faq1_t2 div:nth-child(1){ width:24px; height:24px; line-height:24px; text-align:center; font-size:14px; background:#082d5c; color:#fff; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-right:15px; margin-top:0.2em;}
.faq1_t2 div:nth-child(2){ width:631px; font-size:15px; color:#666; line-height:1.875em;}
.faq1_t2 a{ color:#666;}
.faq1_t2 a:hover{ color:#ed1a3b;}
/*1440*/
@media (max-width:1599px){
.faq1{ width:610px;}
.faq1_t1 div:nth-child(2){ width:571px;}
.faq1_t2 div:nth-child(2){ width:571px;}
}
/*1366*/
@media (max-width:1439px){
.faq1{ width:570px;}
.faq1_t1 div:nth-child(2){ width:531px;}
.faq1_t2 div:nth-child(2){ width:531px;}
}
/*1280*/
@media (max-width:1365px){
.faq1{ width:530px;}
.faq1_t1 div:nth-child(2){ width:491px;}
.faq1_t2 div:nth-child(2){ width:491px;}
}
/*1200*/
@media (max-width:1279px){
.faq1{ width:490px;}
.faq1_t1 div:nth-child(2){ width:451px;}
.faq1_t2 div:nth-child(2){ width:451px;}
}
/*992*/
@media (max-width:1199px){
.faq1{ width:420px; margin-right:40px;}
.faq1_t1 div:nth-child(2){ width:381px;}
.faq1_t2 div:nth-child(2){ width:381px;}
}
/*768*/
@media (max-width:991px){
.faq{ padding:5vw 0;}
.faq .b2_t{ margin-bottom:2.2em;}
.faq1{ width:100%; margin-right:0; margin-top:4vw;}
.faq1:nth-child(2){ margin-top:4vw;}
.faq1_t1{ margin-bottom:0.2em;}
.faq1_t1 div:nth-child(1){ width:6vw; height:6vw; line-height:6vw; font-size:3vw; margin-right:2vw;}
.faq1_t1 div:nth-child(2){ width:86vw; font-size:3.5vw; line-height:6vw; padding-bottom:0.2em;}
.faq1_t2 div:nth-child(1){ width:6vw; height:6vw; line-height:6vw; font-size:3vw; margin-right:2vw; margin-top:-0.1em;}
.faq1_t2 div:nth-child(2){ width:86vw; font-size:3vw; line-height:1.875em;}
}

.news2_bg{ padding:60px 0 50px;}
.news2{}
.news2:hover .news2_pic{ -moz-transform:scale(1.05); -ms-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.news2:hover .news2_t2 a{ color:#ed1a3b;}
.news2_picbg{ float:left; width:50%; height:400px; overflow:hidden;}
.news2_pic{ position:relative; width:100%; height:100%; -moz-transition:1.2s ease; -o-transition:1.2s ease; -webkit-transition:1.2s ease; transition:1.2s ease;}
.news2_p{ float:right; width:50%; height:400px; line-height:400px; background:#f8f8f8;}
.news2_p > div{ display:inline-block; vertical-align:middle; line-height:normal; padding:0 50px;}
.news2_t1{ font-size:14px; color:#666;}
.news2_t2{ font-size:24px; line-height:30px; height:30px; overflow:hidden; margin:0.8em 0;}
.news2_t2 a{ color:#082d5c;}
.news2_t2 a:hover{ color:#ed1a3b;}
.news2_t3{ font-size:15px; color:#666; line-height:28px; height:56px; overflow:hidden;}
.news2_t3 a{ color:#666;}
.news2_t3 a:hover{ color:#ed1a3b;}
.news2_t4{ display:block; width:148px; height:38px; line-height:38px; text-align:center; font-size:14px; background:#ed1a3b; border:1px solid #ed1a3b; color:#fff; margin-top:2.5em;}
.news2_t4:hover{ background:none; color:#ed1a3b;}
.news3_bg{ padding:0 0 65px;}
.news3{ float:left; width:440px; margin-right:40px; margin-top:40px;}
.news3:nth-child(3n){ margin-right:0;}
.news3:nth-child(1),.news3:nth-child(2),.news3:nth-child(3){ margin-top:0;}
.news3:hover .news3_pic{ -moz-transform:scale(1.05); -ms-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.news3:hover .news3_t1 a{ color:#ed1a3b;}
.news3_picbg{ display:block; width:100%; height:0; padding-bottom:57%; overflow:hidden;}
.news3_pic{ position:relative; width:100%; height:0; padding-bottom:57%; -moz-transition:1.2s ease; -o-transition:1.2s ease; -webkit-transition:1.2s ease; transition:1.2s ease;}
.news3_p{ background:#f8f8f8; padding:25px;}
.news3_t1{ font-size:18px; line-height:24px; height:24px; overflow:hidden;}
.news3_t1 a{ color:#082d5c;}
.news3_t1 a:hover{ color:#ed1a3b;}
.news3_t2{ font-size:15px; color:#666; line-height:28px; height:56px; overflow:hidden; margin:1em 0 3em;}
.news3_t2 a{ color:#666;}
.news3_t2 a:hover{ color:#ed1a3b;}
.news3_t3{ font-size:14px; color:#ed1a3b;}
/*1440*/
@media (max-width:1599px){
.news2_picbg{ height:365.5px;}
.news2_p{ height:365.5px; line-height:365.5px;}
.news3{ width:400px;}
}
/*1366*/
@media (max-width:1439px){
.news2_picbg{ height:342.5px;}
.news2_p{ height:342.5px; line-height:342.5px;}
.news3{ width:373px;}
}
/*1280*/
@media (max-width:1365px){
.news2_picbg{ height:320px;}
.news2_p{ height:320px; line-height:320px;}
.news3{ width:346.5px;}
}
/*1200*/
@media (max-width:1279px){
.news2_picbg{ height:297px;}
.news2_p{ height:297px; line-height:297px;}
.news3{ width:320px;}
}
/*992*/
@media (max-width:1199px){
.news2_picbg{ height:251px;}
.news2_p{ height:251px; line-height:251px;}
.news2_t4{ display:none;}
.news3{ width:273px; margin-right:30px; margin-top:30px;}
}
/*768*/
@media (max-width:991px){
.news2_bg{ padding:5vw 0 4vw;}
.news2_picbg{ width:100%; height:54vw;}
.news2_p{ width:100%; height:auto; line-height:normal;}
.news2_p > div{ padding:3vw;}
.news2_t1{ font-size:3vw;}
.news2_t2{ font-size:3.5vw; line-height:5vw; height:5vw; margin:0.4em 0;}
.news2_t3{ font-size:3vw; line-height:5vw; height:10vw;}
.news2_t4{ display:block; width:24vw; height:6vw; line-height:6vw; font-size:3vw; margin:0 auto; margin-top:1em;}
.news3_bg{ padding:0 0 5vw;}
.news3{ width:100%; margin-right:0; margin-top:4vw;}
.news3:nth-child(2),.news3:nth-child(3){ margin-top:4vw;}
.news3_p{ padding:3vw;}
.news3_t1{ font-size:3.5vw; line-height:5vw; height:5vw;}
.news3_t2{ font-size:3vw; line-height:5vw; height:10vw; margin:0.4em 0 1em;}
.news3_t3{ font-size:3vw;}
}

.page{ font-size:14px; color:#bbb; margin-top:55px;}
.page a{ border:1px solid #ddd; color:#999; padding:4px 10px; margin:0 5px;}
.page a:hover{ background:#ed1a3b; border-color:#ed1a3b; color:#fff;}
.page-num-current{ background:#ed1a3b; border-color:#ed1a3b !important; color:#fff !important;}
/*1440*/
@media (max-width:1599px){
.page{ font-size:13px;}
}
/*768*/
@media (max-width:991px){
.page{ font-size:2.5vw; margin:6vw 0 1vw;}
.page a{ padding:1vw 2vw; margin:0 1vw;}
.page-status{ display:none;}
.page-index{ display:none;}
.page-last{ display:none;}
}

.content{ padding:60px 0;}
.news_t1{ text-align:center; font-size:24px; color:#082d5c;}
.news_t2{ text-align:center; font-size:14px; color:#666; margin:0.8em 0 0;}
.news_pic{ font-size:0; margin:25px 0;}
.news_desc{ font-size:15px; color:#666; line-height:2em;}
.news_desc a{ color:#666;}
.news_desc a:hover{ color:#ed1a3b;}
/*768*/
@media (max-width:991px){
.content{ padding:5vw 0;}
.news_t1{ font-size:4vw;}
.news_t2{ font-size:3vw; margin:0.4em 0 0;}
.news_pic{ margin:3vw 0;}
.news_desc{ font-size:3vw; line-height:2em;}
}

.about1{ margin-top:50px;}
.about1:nth-child(1){ margin-top:0;}
.about1_t1{ position:relative; font-size:24px; color:#082d5c; margin-bottom:1.75em;}
.about1_t1::after{ content:''; position:absolute; left:0; bottom:-0.75em; width:30px; height:3px; background:#ed1a3b;}
.about1_t2{ font-size:15px; color:#666; line-height:1.875em;}
.about1_t2 a{ color:#666;}
.about1_t2 a:hover{ color:#ed1a3b;}
.about1_pic{ margin-top:1.75em;}
.about1_pic1{ float:left; position:relative; width:680px; height:0; padding-bottom:32.357%;}
.about1_pic1:nth-child(1){ margin-right:40px;}
/*1440*/
@media (max-width:1599px){
.about1_pic1{ width:620px;}
}
/*1366*/
@media (max-width:1439px){
.about1_pic1{ width:580px;}
}
/*1280*/
@media (max-width:1365px){
.about1_pic1{ width:540px;}
}
/*1200*/
@media (max-width:1279px){
.about1_pic1{ width:500px;}
}
/*992*/
@media (max-width:1199px){
.about1_pic1{ width:420px;}
}
/*768*/
@media (max-width:991px){
.about1{ margin-top:5vw;}
.about1_t1{ font-size:4vw;}
.about1_t1::after{ width:6vw; height:2px;}
.about1_t2{ font-size:3vw;}
.about1_pic{ margin-top:0.6em;}
.about1_pic1{ width:94vw; padding-bottom:75%; margin-top:3vw;}
.about1_pic1:nth-child(1){ margin-right:0; margin-top:0;}
}

.con1{}
.con1_p{ float:left; width:500px; height:450px; line-height:450px; background:#f8f8f8;}
.con1_p > div{ display:inline-block; vertical-align:middle; line-height:normal; padding:0 50px;}
.con1_t1{ position:relative; font-size:24px; color:#082d5c; padding-left:0.8em; margin-bottom:1em;}
.con1_t1::after{ content:''; position:absolute; left:0; top:50%; margin-top:-10px; width:3px; height:20px; background:#ed1a3b;}
.con1_t2{ font-size:15px; color:#666; line-height:1.875em;}
.con1_t2 a{ color:#666;}
.con1_t2 a:hover{ color:#ed1a3b;}
.map{ float:right; width:900px; height:450px;}
.my-map{ height:450px;}
.con2_bg{ margin-top:40px;}
.con2{ float:left; width:450px; height:140px; line-height:140px; background:#f8f8f8; margin-right:25px; margin-top:25px;}
.con2:nth-child(3n){ margin-right:0;}
.con2:nth-child(1),.con2:nth-child(2),.con2:nth-child(3){ margin-top:0;}
.con2 > div{ display:inline-block; vertical-align:middle; line-height:normal; padding:0 30px;}
.con2_t1{ font-size:18px; color:#082d5c; background:url(/res/web/img/pos.png) left center no-repeat; background-size:16px; padding-left:30px; margin-bottom:0.5em;}
.con2_t2{ font-size:15px; color:#666; line-height:1.875em; padding-left:30px;}
.feedback{ padding:0 0 60px;}
.feed1{ float:left; width:431px; height:48px; line-height:48px; border:1px solid #ddd; padding:0 10px; margin-right:20px; margin-bottom:20px;}
.feed1:nth-child(3){ margin-right:0;}
.feed1 input{ width:100%; height:100%; background:none; border:none; outline:none; font-size:15px; color:#666; font-family:'Microsoft Yahei',Arial;}
.feed2{ float:left; width:1378px; height:192px; border:1px solid #ddd; padding:0 10px; margin-bottom:20px;}
.feed2 textarea{ width:100%; height:100%; line-height:48px; resize:none; background:none; border:none; outline:none; font-size:15px; color:#666; font-family:'Microsoft Yahei',Arial;}
.feed3{ clear:both; width:100%;}
.feed3 input{ width:100%; height:50px; line-height:50px; text-align:center; font-size:15px; background:#082d5c; color:#fff; border:none; outline:none; cursor:pointer; font-family:'Microsoft Yahei',Arial; -moz-transition:.5s ease; -o-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.feed3 input:hover{ background:#ed1a3b;}
/*1440*/
@media (max-width:1599px){
.map{ width:780px;}
.con2{ width:410px;}
.feed1{ width:391px;}
.feed2{ width:1258px;}
}
/*1366*/
@media (max-width:1439px){
.map{ width:700px;}
.con2{ width:383px;}
.feed1{ width:364.5px;}
.feed2{ width:1178px;}
}
/*1280*/
@media (max-width:1365px){
.map{ width:620px;}
.con2{ width:356.5px;}
.feed1{ width:338px;}
.feed2{ width:1098px;}
}
/*1200*/
@media (max-width:1279px){
.map{ width:540px;}
.con2{ width:330px;}
.feed1{ width:311px;}
.feed2{ width:1018px;}
}
/*992*/
@media (max-width:1199px){
.con1_p{ width:440px; height:400px; line-height:400px;}
.map{ width:440px; height:400px;}
.my-map{ height:400px;}
.con2{ width:276.5px;}
.feed1{ width:258px;}
.feed2{ width:858px;}
}
/*768*/
@media (max-width:991px){
.con1_p{ width:100%; height:auto; line-height:normal; background:none;}
.con1_p > div{ padding:0 3vw;}
.con1_t1{ font-size:4vw; margin-bottom:1em;}
.con1_t1::after{ margin-top:-2vw; width:2px; height:4vw;}
.con1_t2{ font-size:3vw;}
.map{ display:none;}
.con2_bg{ margin-top:4vw;}
.con2{ width:94vw; height:22vw; line-height:22vw; margin-right:0; margin-top:2vw;}
.con2:nth-child(2),.con2:nth-child(3){ margin-top:2vw;}
.con2 > div{ padding:0 3vw;}
.con2_t1{ font-size:3.5vw; background-size:3vw; padding-left:4.5vw; margin-bottom:0.3em;}
.con2_t2{ font-size:3vw; line-height:1.75em; padding-left:4.5vw;}
.feedback{ padding:0 0 5vw;}
.feed1{ width:calc(90vw - 2px); height:8vw; line-height:8vw; padding:0 2vw; margin-right:0; margin-bottom:2vw;}
.feed1 input{ font-size:3vw;}
.feed2{ width:calc(90vw - 2px); height:24vw; padding:0 2vw; margin-bottom:2vw;}
.feed2 textarea{ line-height:7vw; font-size:3vw;}
.feed3{ width:26vw; margin:0 auto;}
.feed3 input{ width:26vw; height:8vw; line-height:8vw; font-size:3vw;}
}





/* blue #082d5c */
/* red #ed1a3b */<!--ºÄʱ1759790960.3415Ãë-->