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


@keyframes top
{
0% { -moz-transform:translateY(-60px); -o-transform:translateY(-60px); -webkit-transform:translateY(-60px); transform:translateY(-30px); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-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 b-t
{
0% { -moz-transform:translateY(30px); -o-transform:translateY(30px); -webkit-transform:translateY(30px); transform:translateY(30px); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-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 s-b
{
0% { -moz-transform:scale(0); -o-transform:scale(0); -webkit-transform:scale(0); transform:scale(0); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}
@keyframes l-r
{
0% { -moz-transform:translateX(-25%); -o-transform:translateX(-25%); -webkit-transform:translateX(-25%); transform:translateX(-25%); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-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 r-l
{
0% { -moz-transform:translateX(25%); -o-transform:translateX(25%); -webkit-transform:translateX(25%); transform:translateX(25%); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-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;}
}

.11111111{ filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden; -moz-animation-fill-mode:forwards !important; -o-animation-fill-mode:forwards !important; -webkit-animation-fill-mode:forwards !important; animation-fill-mode:forwards !important;}

.an1{ -moz-animation: b-t 1s ease; -webkit-animation: b-t 1s ease; -o-animation: b-t 1s ease; animation: b-t 1s ease;}
.an2{ -moz-animation: b-t 1s ease .3s; -webkit-animation: b-t 1s ease .3s; -o-animation: b-t 1s ease .3s; animation: b-t 1s ease .3s;}
.an3{ -moz-animation: b-t 1s ease .6s; -webkit-animation: b-t 1s ease .6s; -o-animation: b-t 1s ease .6s; animation: b-t 1s ease .6s;}
.an4{ -moz-animation: b-t 1s ease .9s; -webkit-animation: b-t 1s ease .9s; -o-animation: b-t 1s ease .9s; animation: b-t 1s ease .9s;}
.an5{ -moz-animation: b-t 1s ease 1.2s; -webkit-animation: b-t 1s ease 1.2s; -o-animation: b-t 1s ease 1.2s; animation: b-t 1s ease 1.2s;}
.an6{ -moz-animation: b-t 1s ease 1.5s; -webkit-animation: b-t 1s ease 1.5s; -o-animation: b-t 1s ease 1.5s; animation: b-t 1s ease 1.5s;}

.an_scale{ -moz-animation: s-b 1s ease; -webkit-animation: s-b 1s ease; -o-animation: s-b 1s ease; animation: s-b 1s ease;}
.an_left{ -moz-animation: l-r 1s ease; -webkit-animation: l-r 1s ease; -o-animation: l-r 1s ease; animation: l-r 1s ease;}
.an_right{ -moz-animation: r-l 1s ease .3s; -webkit-animation: r-l 1s ease .3s; -o-animation: r-l 1s ease .3s; animation: r-l 1s ease .3s;}




*{ margin:0; padding:0;}
.width{ width:1100px; margin:0 auto;}
.clear{ clear:both;}
a{ text-decoration:none; -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
img{ border:0; max-width:100%;}
.img{ width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
li{ list-style-type:none;}
body{ font-family:Arial; overflow-x:hidden;}
.desc{ color:#666; font-size:14px; line-height:1.875em;}
.desc a{ color:#666;}
.desc a:hover{ text-decoration:underline;}
table{ width:100%; border-collapse:collapse;}
table td{ border:1px solid #ddd !important;}

.top_bg{ height:40px; line-height:40px; background:#f6f6f6;}
.top1{ float:left; font-size:16px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
.tel{ float:left; font-size:14px; color:#fff; background:url(../img/tel.png) left center no-repeat; padding-left:20px;}
.lang{ float:right; font-size:14px; padding:0 20px; line-height:40px; color:#666; background:#eee;}
.search{ float:right; margin-right:30px; margin-top:7px;}
.search1{ float:left; width:170px; height:26px; line-height:26px; background:#fff; padding:0 30px 0 10px; border:none; outline:none; color:#666; font-size:14px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.search2{ float:left; width:26px; height:26px; margin-left:-30px; background:url(../img/search.png) center no-repeat; border:none; outline:none; cursor:pointer;}
.top_tel{ float:left; font-size:14px; color:#666;}
.top_tel span{ color:red;}

.logo_bg{ height:120px;}
.logo{ float:left; font-size:0; margin-top:21px;}
.logo img{ height:77px;}
.slo{ float:right; margin-top:20px; margin-right:5px;}
.nav{ background:#666; line-height:50px; height:50px;}
.nav_li{ position:relative; float:left;}
.nav_li:hover .nav_ul{ display:block;}
.nav_li > a{ float:left; display:block; font-size:15px; color:#fff; text-align:center; width:183px;}
.nav_li:hover > a{ background:#f2ef80; color:#666;}
.nav_ul{ position:absolute; z-index:99999; top:50px; left:0; width:100%; text-align:center; font-size:14px; background:#eee; display:none;}
.nav_ul a{ display:block; line-height:50px; color:#666;}
.nav_ul a:hover{ background:#ddd;}
.cur{ background:#e6e24b !important; color:#666 !important;}
.cur_sub{ background:#ddd !important;}

.flexslider{position:relative;height:430px; margin:0 auto; overflow:hidden;/*background:url(images/loading.gif) 50% no-repeat;*/}
.slides{position:relative;z-index:1;}
.slides li{ height:430px;}
.flex-control-nav{position:absolute;bottom:4%;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:5px;height:5px;margin:0 7px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:5px;height:5px;overflow:hidden;cursor:pointer; font-size:0; background:none; border:1px solid #fff; -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.flex-control-nav a:hover{ background:#f2ef80;}
.flex-control-nav .flex-active{ background:#f2ef80;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:0;}
.flex-direction-nav li a{display:block;width:15%;height:430px;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(../img/prev.png) 40% 50% no-repeat;}
.flex-direction-nav li a.flex-next{right:0;background:url(../img/next.png) 60% 50% no-repeat;}
.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%;}

.title{ font-size:14px; color:#666; font-family:Arial; text-align:center; margin-bottom:25px;}
.title span{ font-size:28px; color:#333; font-family:Arial; font-weight:bold;}
.product{ padding:50px 0;}
.pro_right{ float:right; width:820px;}
.pro_t{ position:absolute; width:260px; font-size:20px; font-weight:bold; color:#fff; background:#e6e24b; line-height:80px; text-align:center;}
.tab_menu{ float:left; width:260px; margin-top:80px;}
.tab_menu a{ display:block; line-height:60px; padding-left:25px; font-size:14px; background:#f0f0f0; color:#666; border-bottom:1px solid #ddd;}
.tab_menu a:hover{ background:#f2ef80;}
.tab_menu .current a{ background:#f2ef80;}
.tabs_pro .hide{ display:none;}
.pro_right{ height:513px;}
.pro_contact{ margin-top:3px; font-size:0;}
.pro_tel{ width:180px; line-height:50px; color:#666; font-size:16px; background:url(../img/left_tel.png) 50px center no-repeat #f2ef80; padding-left:80px;}

.pro1_bg{ width:832.5px;}
.pro1{ float:left; display:block; width:265px; background:#f2ef80; font-size:14px; text-align:center; color:#666; margin-right:12.5px; margin-bottom:12.5px;}
.pro1:hover{ background:#e6e24b;}
.pro1:hover .pro1_picbg{ border-color:#f2ef80;}
.pro1:hover .pro1_pic{ -moz-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.pro1_picbg{ width:263px; height:197px; overflow:hidden; border:1px solid #ddd; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.pro1_pic{ width:100%; height:100%; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.pro1 p{ line-height:48px;}

.about{ padding:50px 0; background:url(../img/about_bg.jpg) center no-repeat;}
.about_pic{ float:left; width:440px; font-size:0;}
.about_pic1{ height:328px;}
.mr_frbox{ position:relative;}
.mr_frbox .mr_frBtnL,.mr_frbox .mr_frBtnR{ position:absolute; z-index:2; right:0; bottom:-35px; width:95px; height:35px; line-height:35px; text-align:center; background:#666; color:#fff; font-size:14px; cursor:pointer;}
.mr_frbox .mr_frBtnL{ right:105px;}
.mr_frbox .mr_frBtnR{ background:#f2ef80; color:#666;}
.about_more{ color:#666; font-size:14px;}
.about_more:hover{ text-decoration:underline;}
.about_p{ float:right; width:590px; padding:40px 20px 110px; background:url(../img/about.png) right bottom no-repeat #f2ef80;}
.about_p .title{ text-align:left;}
.about_p .title span{ color:#333;}

.pro2_bg{ position:relative; overflow:hidden; width:100%; height:229px;}
.pro2_bg ul{ position:relative; width:1113px;}
.pro2_bg li{ float:left; margin-right:13px;}
.pro2{ width:265px; display:block; color:#666; font-size:14px; line-height:20px; text-align:center;}
.pro2 p{ padding-top:5px;}
.pro2:hover .pro1_pic{ -moz-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}

.advan{ padding:50px 0; background:url(../img/advan_bg.jpg) center no-repeat; margin-top:50px;}
.advan .title{ color:#fff; font-family:Arial;}
.advan .title span{ color:#fff;}
.a1_bg{ text-align:justify; line-height:0; font-size:0;}
.a1_bg:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.a1{ display:inline-block; vertical-align:top; width:360px; height:170px; background:#fff; text-align:center; color:#666; font-size:14px; line-height:24px; margin-top:10px;}
.a1 img{ margin-top:40px;}

.news{ padding:50px 0 40px;}
.news1{ float:left; width:530px;}
.news1_date{ position:absolute; width:90px; text-align:center; font-size:14px; color:#666; background:#f2ef80; padding:10px 0;}
.news1_date span{ font-size:24px;}
.news1_pic{ height:175px;}
.news1_t{ padding:13px 0 10px; height:24px; line-height:24px; overflow:hidden;}
.news1_t a{ color:#666;}
.news1_t a:hover{ text-decoration:underline;}
.news1 .desc{ line-height:24px; height:48px; overflow:hidden;}
.news1_more{ display:block; width:100%; text-align:center; line-height:40px; background:#aaa; color:#fff; font-size:14px; margin-top:15px;}
.news1_more:hover{ background:#f2ef80; color:#666;}
.news2_bg{ float:right; width:530px;}
.news2{ height:100px; margin-bottom:13px;}
.news2_date{ float:left; background:#f2ef80; color:#666; text-align:center; font-size:14px; width:70px; height:78px; padding-top:22px;}
.news2_date span{ font-size:24px;}
.news2_p{ float:right; width:425px; height:100px; padding:0 15px; background:#f6f6f6;}
.news2_t{ font-size:15px; padding:12px 0 5px; height:24px; line-height:24px; overflow:hidden;}
.news2_t a{ color:#666;}
.news2_t a:hover{ text-decoration:underline;}
.news2 .desc{ line-height:24px; height:48px; overflow:hidden;}

.foot{ padding:40px 0; background:#f2ef80;}
.foot .width{ text-align:justify; line-height:0; font-size:0;}
.foot .width:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.f1{ display:inline-block; vertical-align:top; line-height:24px;}
.f1 a{ color:#666;}
.f1 a:hover{ text-decoration:underline;}
.f1_t{ position:relative; font-size:15px; color:#666; margin-bottom:20px;}
.f1_t::after{ content:''; position:absolute; left:0; bottom:-10px; width:18px; height:2px; background:#999;}
.f1_t2{ font-size:14px; color:#666;}
.f2{ display:inline-block; vertical-align:top; line-height:24px;}
.f21{ float:left; font-size:12px; text-align:center; line-height:18px; color:#666; width:88px;}
.f22{ float:left; margin-left:15px; width:300px;}
.copy{ height:45px; line-height:45px; background:#444; color:#ddd; font-size:14px;}
.copy a{ color:#ddd;}
.copy a:hover{ color:#fff;}
.copy1{ float:left;}
.copy2{ float:right;}

.ban{ height:300px;}
.nav2_bg{ background:#f6f6f6;}
.pos{ float:left; line-height:70px; font-size:14px; color:#666; background:url(../img/home.png) left center no-repeat; padding-left:25px;}
.pos a{ color:#666;}
.pos a:hover{ text-decoration:underline;}
.nav2{ float:right; margin-top:19px; max-width:700px; text-align:right;}
.nav2 a{ display:inline-block; height:32px; line-height:32px; padding:0 15px; border:1px solid #999; color:#666; font-size:14px; margin-left:10px; margin-bottom:10px;}
.nav2 a:hover{ background:#f2ef80;}
.cur2{ background:#f2ef80 !important;}

.content{ padding:50px 0;}
.title2{ position:relative; text-align:center; font-size:28px; color:#333; font-weight:bold; margin-bottom:50px;}
.title2::before{ content:''; position:absolute; left:0; bottom:-12px; width:100%; height:2px; background:#ddd;}
.title2::after{ content:''; position:absolute; left:0; bottom:-15px; width:100%; height:1px; background:#ddd;}
.title21{ margin-top:50px;}
.title22{ margin-top:38px;}
.about_desc p{ padding:0.5em 0;}
.mr_frbox2{ position:relative; margin-top:30px;}
.mr_frbox2 .mr_frUl{ overflow:hidden;}
.mr_frbox2 #mr_fu{ width:1125px;}
.mr_frbox2 .mr_frBtnL,.mr_frbox2 .mr_frBtnR{ position:absolute; z-index:2; font-size:30px; color:#999; top:100px; cursor:pointer;}
.mr_frbox2 .mr_frBtnL{ left:-30px;}
.mr_frbox2 .mr_frBtnR{ left:1120px;}
.about_img1{ float:left; width:348px; height:232px; border:1px solid #ddd; margin-right:25px;}

.job{ background:#f6f6f6; padding:30px; margin-bottom:10px;}
.job_t{ font-size:18px; color:#333; margin-bottom:15px; border-bottom:1px solid #fff; padding-bottom:10px;}

.pro3_bg{ width:1113px;}
.pro3_bg .pro2{ float:left; margin-right:13px; margin-bottom:13px;}
.pro4_bg{ border:1px solid #ddd; border-top:none; padding-top:15px;}
.pro4{ margin-left:14px; margin-bottom:10px; width:auto;}
.pro4 .pro1_picbg{ width:218px; height:164px;}

.page{ margin-top:30px;}
.page2{ margin-top:50px;}
.page,.page span,.page p,.page a{ padding:4px; font-size:14px; color:#aaa;}
.page a{ color:#666;}
.page a:hover{ text-decoration:underline;}

.pro_left{ float:left; width:250px;}
.pro_left_t{ font-size:20px; line-height:55px; text-align:center; background:#f2ef80; color:#333;}
.pro_left2{ float:right; width:820px;}
.pro_pic{ float:left; width:400px;}
.pro_pic img{ outline:1px solid #ddd;}
.pro_r{ float:right; width:390px;}
.pro_t1{ font-size:16px; background:#f2ef80; color:#333; padding:15px;}
.pro_r .desc{ padding:15px;}
.pro_t2{ font-size:14px; background:#f2ef80; color:#333; line-height:40px; padding:0 10px; margin:15px 0;}

.pc1{ height:278px; background:#f6f6f6;}
.pc1_pic{ float:left; width:550px; font-size:0;}
.pc1_p{ float:right; width:470px; padding:0 40px; line-height:278px;}
.pc1_p > div{ display:inline-block; vertical-align:middle; line-height:24px;}
.pc1_t{ font-size:18px; color:#333; margin-bottom:10px;}
.pc2{ margin-top:10px;}
.pc2 .pc1_pic{ float:right;}
.pc2 .pc1_p{ float:left;}

.equ1_left{ float:left; width:821px;}
.equ1_bg{ width:834px;}
.equ1{ float:left; width:265px; margin-right:13px; margin-bottom:12px;}
.equ1_pic{ width:263px; height:263px; border:1px solid #ddd;}
.equ1 p{ text-align:center; font-size:14px; color:#666; line-height:30px;}
.equ2{ float:right; width:265px;}
.equ2_pic{ height:570px; border:1px solid #ddd;}
.equ2 p{ text-align:center; font-size:14px; color:#666; line-height:30px;}

.news3:hover .news3_pic{ -moz-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.news3_picbg{ float:left; width:360px; height:180px; border:1px solid #ddd; overflow:hidden;}
.news3_pic{ -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.news3_p{ float:right; width:715px;}
.news3_date{ font-size:24px; color:#ddd; font-family:Impact; margin-top:25px;}
.news3_t{ margin:10px 0;}
.news3_t a{ color:#333;}
.news3_t a:hover{ text-decoration:underline;}

.news4{ background:#f6f6f6; padding:20px 0; margin-top:15px;}
.news4_date{ float:left; width:120px; text-align:center; font-size:14px; color:#666; margin-top:10px;}
.news4_date span{ font-size:30px; font-weight:bold;}
.news4_p{ float:left; width:950px; margin-left:10px;}
.news4_t{ margin-bottom:10px;}
.news4_t a{ color:#333;}
.news4_t a:hover{ text-decoration:underline;}

.news_t1{ text-align:center; font-size:20px; color:#333;}
.news_t2{ text-align:center; font-size:14px; color:#999; padding:15px 0 20px;}

.desc_contact{ float:left; margin-top:15px;}
.con_t{ font-size:20px; color:#333; padding-bottom:10px;}
.message{ float:right; width:522px;}
.in1{ width:500px; height:40px; line-height:40px; padding:0 10px; border:1px solid #eee; background:#f6f6f6; color:#666; font-family:Arial; font-size:14px; outline:none; margin-bottom:10px;}
.in2{ width:95px; height:40px; line-height:40px; text-align:center; background:#f6f6f6; color:#666; border:1px solid #eee; font-family:Arial; font-size:14px; outline:none; cursor:pointer; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.in2:hover{ background:#f2ef80; border-color:#f2ef80; color:#666;}
.map{ margin-top:40px;}




/* blue #f2ef80 */
/* dark-blue ##e6e24b */


@media (max-width: 1099px){
body{ width:1100px !important; margin:0 auto;}
}