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

@media only screen and (max-width:1100px){
body{ width:1100px !important; margin:0 auto;}
.tel{ display:none !important;}
}


@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%); -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%); -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;}
}

.about_r,.pro11,.pro12,.pro13,.pro14,.pro15,.pro16,.advan11,.advan12,.advan13,.advan14,.news_left,.news_right{ 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 .1s; -webkit-animation: b-t 1s ease .1s; -o-animation: b-t 1s ease .1s; animation: b-t 1s ease .1s;}
.an3{ -moz-animation: b-t 1s ease .2s; -webkit-animation: b-t 1s ease .2s; -o-animation: b-t 1s ease .2s; animation: b-t 1s ease .2s;}
.an4{ -moz-animation: s-b 1s ease; -webkit-animation: s-b 1s ease; -o-animation: s-b 1s ease; animation: s-b 1s ease;}
.an_1{ -moz-animation: b-t 1s ease; -webkit-animation: b-t 1s ease; -o-animation: b-t 1s ease; animation: b-t 1s ease;}
.an_2{ -moz-animation: b-t 1s ease .2s; -webkit-animation: b-t 1s ease .2s; -o-animation: b-t 1s ease .2s; animation: b-t 1s ease .2s;}
.an_3{ -moz-animation: b-t 1s ease .4s; -webkit-animation: b-t 1s ease .4s; -o-animation: b-t 1s ease .4s; animation: b-t 1s ease .4s;}
.an_4{ -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;}




*{ margin:0; padding:0;}
.width{ width:1100px; margin:0 auto; overflow:hidden;}
.clear{ clear:both;}
a{ text-decoration:none; -moz-transition:.3s ease; -o-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:2em;}
.desc a{ color:#666;}
.desc a:hover{ text-decoration:underline;}

.top_bg{ height:130px;}
.top_bg .width{ overflow:visible !important;}
.logo{ float:left; font-size:0; margin-top:20px;}
.lang{ float:left; position:relative; font-size:10px; color:#aaa; margin-top:89px; margin-left:15px;}
.lang a{ font-size:12px; color:#666;}
.lang a:hover{ color:#005193;}
.logo_p{ position:absolute; font-size:18px; color:#005193; font-weight:bold; margin-top:-50px; width:300px;}
.tel{ float:right; position:relative; width:26px; height:26px; background:url(../img/tel.png) center no-repeat; margin-top:62px;}
.tel:hover p{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
.tel p{ position:absolute; left:50%; margin-left:-65px; margin-top:30px; width:130px; text-align:center; color:#d8211b; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.nav{ float:right; font-size:12px; color:#aaa; margin-top:68px; margin-right:45px;}
.nav a{ font-size:15px; color:#666; padding:5px 10px; margin:0 5px;}
.nav a:hover{ color:#005193;}
.cur{ color:#005193 !important;}

.banner{ position:relative; width:100%; height:700px; overflow:hidden; zoom:1; -moz-user-select:-moz-none; cursor:default;}
.banner li{ list-style-type:none;}
.banner .slides li{ width:100%; height:100%;}
.flex-direction-nav{ position:relative; width:1920px; height:100%; left:50%; margin-left:-960px;}
.flex-direction-nav a{ width:41px; height:59px; display:block; position:absolute; top:50%; margin-top:-29.5px;}
.flex-prev,.flex-next{ -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.flex-prev{opacity: 0.8; filter: alpha(opacity=25); background:url(../img/ban_left.png) center no-repeat; left:1%;}
.flex-next{opacity: 0.8; filter: alpha(opacity=25); background:url(../img/ban_right.png) center no-repeat; right:1%;}
.flex-next:hover,.flex-prev:hover{opacity: 1; filter: alpha(opacity=50);}
.flex-control-nav { width:100%; position: absolute; bottom: 18px; text-align: center;}
.flex-control-nav li {margin: 0 2px; display:inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a { display:inline-block; height:8px; overflow: hidden; text-indent: -99em; width:8px; cursor: pointer; border-radius:50%; background:none; border:1px solid #ddd;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a { background:#005193; border-color:#005193;}
.banner .slides a img {width: 100%; display: block; cursor:default;}

.about{ position:relative;}
.about_bg{ position:absolute; width:1920px; height:573px; background:url(../img/about.png) right top no-repeat; left:50%; margin-left:-960px; display:none;}
.about_t{ background:#ddd; color:#333; font-size:26px; line-height:95px;}
.about_t p{ position:relative; z-index:2;}
.about_c{ background:url(../img/about_bg.jpg); padding:50px 0;}
.vdo{ float:left; position:relative; z-index:2; width:520px;}
.about_r{ float:right; position:relative; width:550px; height:300px;}
.about_t1{ font-size:20px; color:#005193; margin:12px 0;}
.about_more{ position:absolute; bottom:0; display:block; width:75px; height:30px; line-height:30px; text-align:center; font-size:20px; font-weight:bold; font-family:"宋体"; border:2px solid #ddd; color:#999; background:#eee;}
.about_more:hover{ border-color:#aaa; color:#666;}

.product{ background:#ececec; padding:50px 0 25px;}
.product_t{ position:relative; z-index:2; font-size:26px; color:#005193;}
.product_t0{ position:relative; z-index:2; line-height:24px; font-size:14px; margin:5px 0 25px;}
.product_t1{ float:left; color:#666;}
.product_t2{ float:right;}
.product_t2 a{ color:#666;}
.product_t2 a:hover{ color:#005193;}

.pro1_bg{ width:1113px;}
.pro1{ display:block; float:left; width:358px; color:#666; margin-right:13px; margin-bottom:25px;}
.pro1:hover{ color:#005193; -moz-transform:translateY(-2px); -o-transform:translateY(-2px); -webkit-transform:translateY(-2px); transform:translateY(-2px);}
.pro1:hover .pro1_picbg{ -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999; box-shadow:0 0 10px #999;}
.pro1_picbg{ width:358px; height:335px; overflow:hidden;}
.pro1_pic{ width:100%; height:100%;}
.pro1_t{ position:relative; font-size:15px; text-align:center; line-height:24px; padding:15px 0;}
.pro1_t::after{ content:''; position:absolute; bottom:0; width:30px; height:2px; background:#005193; left:50%; margin-left:-15px;}

.advan{ background:#f9fafc; padding:50px 0;}
.advan_t1{ position:relative; font-size:26px; color:#333; text-align:center;}
.advan_t2{ font-size:14px; color:#666; text-align:center; margin:5px 0 25px;}
.advan1_bg{ text-align:justify; line-height:0; font-size:0;}
.advan1_bg:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.advan1{ display:inline-block; vertical-align:top; width:235px; background:#fff; border:1px solid #ddd; text-align:center; padding:45px 5px 35px; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.advan1:hover{ background:#005193; border-color:#005193;}
.advan1:hover .advan_t{ color:#fff;}
.advan1:hover .desc{ color:#fff;}
.advan1:hover .advan_pic{ border-color:#fff;}
.advan1:hover .advan_pic1{ background-image:url(../img/a11.png);}
.advan1:hover .advan_pic2{ background-image:url(../img/a21.png);}
.advan1:hover .advan_pic3{ background-image:url(../img/a31.png);}
.advan1:hover .advan_pic4{ background-image:url(../img/a41.png);}
.advan_pic{ width:98px; height:98px; border:2px solid #005193; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:0 auto; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.advan_pic1{ background:url(../img/a1.png) center no-repeat;}
.advan_pic2{ background:url(../img/a2.png) center no-repeat;}
.advan_pic3{ background:url(../img/a3.png) center no-repeat;}
.advan_pic4{ background:url(../img/a4.png) center no-repeat;}
.advan_t{ font-size:18px; color:#333; line-height:24px; margin:10px 0; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.advan1 .desc{ line-height:1.75em; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}

.tel_bg{ background:url(../img/tel_bg.jpg) center no-repeat; height:220px;}
.tel_pic{ float:left; font-size:0;}
.tel_p{ float:right; width:475px; text-align:center;}
.tel_p1{ font-size:20px; color:#93cfff; margin-top:45px;}
.tel_p1 span{ font-size:26px; color:#fff;}
.tel_p2{ font-size:24px; font-weight:bold; line-height:36px; color:#fff; background:url(../img/tel2.png) left center no-repeat; padding-left:45px; margin:15px 0; text-align:left; margin-left:120px;}
.tel_p3 a{ display:block; width:98px; height:33px; line-height:33px; border:1px solid #fff; text-align:center; font-size:15px; background:#fff; color:#666; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0 auto;}
.tel_p3 a:hover{ background:none; color:#fff;}

.news{ padding:40px 0;}
.news_left{ float:left; width:360px;}
.news_right{ float:right; width:690px;}
.news_t{ height:40px; line-height:40px; border-bottom:1px solid #ddd; padding-bottom:1px; margin-bottom:15px;}
.news_t1{ float:left; font-size:20px; color:#005193; border-bottom:2px solid #005193;}
.news_t2{ float:right; font-size:14px; color:#666;}
.news_t2:hover{ color:#005193;}

.news1{ border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:10px;}
.news1_t1{ float:left; font-size:14px; background:#d8211b; color:#fff; width:20px; height:20px; text-align:center; line-height:20px; margin-top:2px;}
.news1_t2{ float:right; width:330px; line-height:24px; font-size:14px; font-weight:bold;}
.news1_t2 a{ color:#666;}
.news1_t2 a:hover{ color:#005193;}
.news1_t11{ background:#005193;}
.news1_t3{ float:right; width:330px; line-height:24px; font-size:14px; color:#666; height:48px; overflow:hidden;}

.news2_pic{ float:left; width:320px; height:187px;}
.news2_p{ float:right; width:345px;}
.news2_t{ margin:10px 0;}
.news2_t a{ color:#666; font-weight:bold;}
.news2_t a:hover{ color:#005193;}
.news2_t2{ font-size:14px; color:#666; margin-bottom:10px;}
.news2_desc{ line-height:1.75em; padding-bottom:10px;}
.news2_more{ font-size:14px; color:#005193; margin-top:15px;}

.news3{ font-size:14px; color:#666; height:40px; line-height:40px; border-bottom:1px dashed #ddd; overflow:hidden;}
.news3 a{ color:#666;}
.news3 a:hover{ color:#005193;}
.news3_t1{ float:left; width:550px; overflow:hidden;}
.news3_t2{ float:right;}

.partner{ padding:10px 0; border-top:1px solid #f0f0f0;}
.mr_frbox{ position:relative;}
.mr_frUl{ width:1000px; overflow:hidden; margin:0 auto;}
#mr_fu{ width:1020px;}
.mr_frBtnL,.mr_frBtnR{ position:absolute; width:24px; height:50px; line-height:50px; text-align:center; font-size:24px; color:#666; margin-top:20px; left:0; cursor:pointer;}
.mr_frBtnR{ left:auto; right:0;}
.mr_frBtnL:hover,.mr_frBtnR:hover{ color:#005193;}
.par1{ float:left; width:150px; height:50px; border-top:20px solid #fff; border-bottom:20px solid #fff; margin-right:20px;}

.foot{ padding:45px 0; background:#005193; color:#fff;}
.foot a{ color:#fff;}
.foot a:hover{ text-decoration:underline;}
.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;
}
.foot1{ display:inline-block; vertical-align:top; font-size:14px; line-height:24px;}
.foot_logo{ margin-bottom:10px;}
.foot_logo img{ height:60px;}
.foot_desc{ color:#fff; line-height:24px;}
.foot_t1{ font-size:16px; margin-bottom:5px;}
.link1{ position:relative; width:35px; height:35px; background:url(../img/wechat.png) center no-repeat #fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin-left:14px; margin-bottom:5px;}
.link1:hover .code{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
.link2{ display:block; background-image:url(../img/qq.png);}
.code{ position:absolute; width:100px; height:100px; margin-top:-20px; margin-left:-105px; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.copy{ line-height:48px; background:#005aa3; color:#fff; font-size:14px; text-align:center;}
.copy a{ color:#fff;}
.copy a:hover{ text-decoration:underline;}
.to-top{background: #007ade; color: #fff;padding: 15px;border-radius: 5px; filter:alpha(opacity:50);opacity:0.5; z-index:9999999; font-size:14px;}
.to-top:hover{ filter:alpha(opacity:100);opacity:1;}

.nav2{ padding:15px 0; line-height:24px; background:#005193; font-size:12px; text-align:center; color:#fff;}
.nav2 a{ display:inline-block; color:#fff; font-size:14px; padding:5px 10px; margin:0 5px;}
.ban{ height:450px;}

.a1{ padding:50px 0;}
.title{ text-align:center; font-size:26px; color:#333; margin-bottom:25px;}
.a1 .desc{ font-size:16px; text-align:center;}
.a2{ padding:50px 0; background:url(../img/about_bg.jpg);}
.a2 .width{ text-align:justify; line-height:0; font-size:0;}
.a2 .width:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.cul1{ display:inline-block; vertical-align:top; width:235px; background:#005193; padding:30px 5px; text-align:center; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.cul1:hover{ background:#005aa3;}
.cul_pic{ width:60px; height:60px; margin:0 auto;}
.cul_pic1{ background:url(../img/c1.png) center no-repeat;}
.cul_pic2{ background:url(../img/c2.png) center no-repeat;}
.cul_pic3{ background:url(../img/c3.png) center no-repeat;}
.cul_pic4{ background:url(../img/c4.png) center no-repeat;}
.cul_t{ font-size:18px; color:#fff; line-height:24px; padding:15px 0;}
.cul1 .desc{ line-height:24px; min-height:120px; color:#fff;}

.a3{ padding:50px 0 25px;}
.vdo1{ text-align:justify; line-height:0; font-size:0;}
.vdo1:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.vdo1 embed{ margin-bottom:25px;}

.content{ padding:50px 0;}
.page{ margin-top:25px;}
.page,.page span,.page p,.page a{ padding:4px; font-size:14px; color:#aaa;}
.page a{ color:#666;}
.page a:hover{ color:#005193;}

.pro_pic{ float:left; width:700px;}
.pro_p{ float:right; width:360px;}
.pro_t{ font-size:20px; color:#005193; padding:20px 0;}
.pro_desc{ font-size:16px;}
.pro_t2{ font-weight:bold; color:#666; border-bottom:1px solid #ddd; line-height:30px; margin:20px 0 15px;}

.t1{ padding:50px 0;}
.t2{ padding:0 0 50px;}

.news4_bg{ width:1140px;}
.news4{ float:left; width:340px; margin-right:40px; margin-bottom:30px; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.news4:hover{ -moz-transform:translateY(-2px); -o-transform:translateY(-2px); -webkit-transform:translateY(-2px); transform:translateY(-2px);}
.news4:hover .news4_pic{ -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999; box-shadow:0 0 10px #999;}
.news4:hover .news4_t2 a{ color:#005193;}
.news4_pic{ height:240px;}
.news4_t{ font-size:14px; color:#999; padding:12px 0 8px;}
.news4_t2{ line-height:24px; height:24px; overflow:hidden;}
.news4_t2 a{ color:#333;}
.news4_t2 a:hover{ color:#005193;}
.news4 .desc{ line-height:24px; max-height:72px; overflow:hidden; margin-top:8px;}
.news_t3{ text-align:center; font-size:20px; color:#005193;}
.news_t4{ text-align:center; font-size:14px; color:#666; padding:10px 0;}
.news_pic{ padding:10px 0 15px;}

.contact_desc{ float:left; font-size:16px;}
.con_t{ font-size:20px; color:#005193; margin:10px 0;}
.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:#005193; border-color:#005193; color:#fff;}



/* blue #005193 */
/* red #d8211b */