@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:1200px; 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{ color:#1d2f9a;}
table{ width:100%; border-collapse:collapse;}
table td{ border:1px solid #ddd !important;}

.top_bg{ height:40px; line-height:40px; background:#f3f3f3; font-size:14px; color:#666;}
.top_bg a{ color:#666;}
.top_bg a:hover{ color:#1d2f9a;}
.lang{ float:right;}
.top_mail{ float:right; background:url(../img/email.jpg) left center no-repeat; padding-left:25px; margin:0 40px;}
.top_tel{ float:right; background:url(../img/tel.jpg) left center no-repeat; padding-left:25px;}

.logo_bg{ height:120px;}
.logo{ float:left; font-size:0; margin-top:15px;}
.logo img{ height:90px;}
.search{ float:right; margin-top:40.5px;}
.search1{ float:left; width:340px; height:35px; padding:0 10px; border:2px solid #1d2f9a; border-right:0; outline:none; font-family:Arial; font-size:14px; color:#666;}
.search2{ float:left; width:70px; height:39px; border:2px solid #1d2f9a; outline:none; background:url(../img/search.png) center no-repeat #1d2f9a; cursor:pointer; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.search2:hover{ background-color:#101262;}

.nav_bg{ height:50px; line-height:50px; background:#1d2f9a;}
.nav_bg a{ float:left; width:200px; display:inline-block; text-align:center; color:#fff;}
.nav_bg a:hover{ background:#1a2985;}
.cur{ background:#101262 !important;}

.flexslider{position:relative;height:660px; margin:0 auto; overflow:hidden;/*background:url(images/loading.gif) 50% no-repeat;*/}
.slides{position:relative;z-index:1;}
.slides li{ height:660px;}
.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; -webkit-transition:.3s ease; transition:.3s ease;}
.flex-control-nav a:hover{ background:#1d2f9a;}
.flex-control-nav .flex-active{ background:#1d2f9a;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:0;}
.flex-direction-nav li a{display:block;width:15%;height:660px;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{ position:relative; text-align:center; font-size:30px; font-weight:bold; color:#1d2f9a; margin-bottom:45px;}
.title::after{ content:''; position:absolute; width:1.2em; height:3px; background:#1d2f9a; bottom:-12px; left:50%; margin-left:-0.6em;}

.product{ padding:50px 0;}
.tabbox{ position:relative; padding-bottom:50px;}
.tab{ position:absolute; width:100%; text-align:center; bottom:4px; left:0; z-index:4;}
.tab a{ display:inline-block; vertical-align:top; width:8px; height:8px; background:#ddd; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:0 5px;}
.tab a:hover{ background:#1d2f9a;}
.cur2{ background:#1d2f9a !important;}
.pro1_bg{ position:relative; width:1200px; height:328px; overflow:hidden;}
.pro1_bg ul{ position:absolute; left:0; top:0;}
.pro1_bg li{ float:left; width:1245px; height:328px;}
.pro1{ float:left; position:relative; display:block; width:370px; background:#dedede; color:#666; text-align:center; font-size:15px; margin-right:45px;}
.pro1::after{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; background:#1d2f9a; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.pro1:hover{ color:#fff;}
.pro1:hover::after{ filter:alpha(Opacity=60); -moz-opacity:0.6; opacity:0.6;}
.pro1:hover p{ position:relative; z-index:2; background:#1d2f9a;}
.pro1:hover .pro1_more{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease; -moz-transform:translateY(-20px); -webkit-transform:translateY(-20px); transform:translateY(-20px);}
.pro1:hover .pro1_pic{ -moz-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.pro1_picbg{ width:370px; height:278px; overflow:hidden;}
.pro1_pic{ width:100%; height:100%; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.pro1 p{ padding:15px 0;}
.pro1_more{ position:absolute; left:50%; top:138px; margin-left:-50px; z-index:3; width:100px; height:40px; line-height:40px; text-align:center; font-size:14px; border:1px solid #fff; color:#fff; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}

.pro2_bg{ width:915px;}
.pro2_bg .pro1{ width:280px; margin-right:25px; margin-bottom:25px;}
.pro2_bg .pro1_picbg{ width:280px; height:210px;}
.pro2_bg .pro1 p{ padding:10px 0;}
.pro2_bg .pro1_more{ top:104px;}
.pro2_bg2 .pro1:nth-child(4){ display:none;}

.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:#1d2f9a;}

.about{ height:538px; background:url(../img/about_bg.jpg) center no-repeat; margin-top:30px;}
.about .width{ position:relative; height:100%;}
.about_p{ position:absolute; bottom:0; width:450px; height:360px; background:#7d7d7d; padding:80px 540px 0 40px;}
.about_t{ position:absolute; font-size:30px; font-weight:bold; color:#fff; margin-bottom:30px;}
.about_t2{ font-family:Arial; font-size:80px; font-weight:bold; color:#959595;}
.about_p .desc{ color:#fff;}
.about_p .desc p{ padding:0.5em 0;}
.about_more{ display:block; width:130px; height:35px; line-height:35px; text-align:center; border:1px solid #fff; color:#fff; font-size:14px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; margin-top:30px; -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.about_more:hover{ background:#fff; color:#666;}
.about_pic{ position:absolute; right:0; bottom:0; width:638px; height:388px; font-size:0;}

.news{ padding:50px 0; background:#ededed;}
.news1{ float:left; width:560px; height:190px; background:#fff;}
.news1:hover .news1_t{ -moz-transform:translateX(5px); -webkit-transform:translateX(5px); transform:translateX(5px);}
.news1:hover .desc{ -moz-transform:translateX(5px); -webkit-transform:translateX(5px); transform:translateX(5px);}
.news1_date{ float:left; width:115px; height:125px; line-height:125px; background:#1d2f9a; color:#fff; text-align:center; margin-top:32.5px;}
.news1_date p{ display:inline-block; vertical-align:middle; font-size:14px; line-height:20px;}
.news1_date span{ font-size:36px;}
.news1_p{ float:left; position:relative; width:400px; margin-left:20px; margin-top:35px;}
.news1_t{ padding:5px 0 10px; -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.news1_t a{ color:#333;}
.news1_t a:hover{ color:#1d2f9a;}
.news1_p .desc{ -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.news1_more{ position:absolute; right:0; font-size:14px; color:#1d2f9a; margin-top:10px;}
.news12{ float:right;}
.news1_more2{ display:block; width:130px; height:35px; line-height:35px; text-align:center; border:1px solid #1d2f9a; color:#1d2f9a; font-size:14px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease; margin:40px auto 0;}
.news1_more2:hover{ background:#1d2f9a; color:#fff;}

.a1{ float:left; position:relative; width:25%; height:464px;}
.a1:hover .a1_p{ background:rgba(29,47,154,0.5);}
.a1_p{ position:absolute; bottom:0; width:100%; text-align:center; color:#fff; padding:30px 0; background:rgba(0,0,0,0.5); -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.a1_t{ font-size:20px; margin-bottom:15px;}
.a1_p .desc{ color:#fff; padding:0 30px; line-height:24px; height:72px;}

.foot{ padding:45px 0; background:#838789; border-top:4px solid #1d2f9a;}
.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;}
.f1_t{ font-size:15px; color:#fff; line-height:24px; margin-bottom:8px;}
.f1_t a{ color:#fff;}
.f1_t2{ font-size:14px; color:#d8d8d8; line-height:24px;}
.f1_t2 a{ color:#d8d8d8;}
.f1_t2 a:hover{ color:#fff;}
.copy{ text-align:center; font-size:14px; background:#6b6e6f; color:#d8d8d8; line-height:50px;}
.copy a{ color:#d8d8d8;}
.copy a:hover{ color:#fff;}

.ban{ height:400px;}
.content{ padding:50px 0;}
.position{ font-size:14px; line-height:40px; border-bottom:1px solid #ddd; color:#666; margin-bottom:40px;}
.position a{ color:#666;}
.position a:hover{ color:#1d2f9a;}

.t1{ text-align:center; font-size:48px; font-weight:bold; color:#dfe0ed; margin:0 0 15px;}
.t2{ font-size:20px; color:#1d2f9a; background:url(../img/t2.jpg) left center no-repeat; padding-left:25px; margin-bottom:20px;}
.about_desc{ float:left; width:630px;}
.about_pic1{ float:right; width:535px; height:310px;}
.about1{ float:left; width:550px; margin-top:45px;}
.about2{ float:right; width:600px; margin-top:45px;}
.par1_bg{ width:615px;}
.par1{ float:left; width:188px; height:98px; border:1px solid #ddd; margin-right:15px; margin-bottom:15px;}
.par_tel{ float:right; font-size:14px; color:#666; text-align:right; background:url(../img/tel.png) left 9px no-repeat; padding-left:22px; margin-top:15px;}
.par_tel span{ font-size:24px; font-weight:bold; color:#1d2f9a;}

.left{ float:left; width:270px;}
.right{ float:right; width:890px;}
.left_t{ line-height:80px; background:#444; color:#fff; font-weight:bold; font-size:24px; text-align:center;}
.left_nav > li{ margin-top:4px;}
.left_nav > li > a{ position:relative; display:block; line-height:50px; background:#f0f0f0; font-size:15px; color:#666; padding-left:35px; cursor:pointer;}
.left_nav > li > a > span{ position:absolute; right:35px; font-family:Candara;}
.left_nav > li > a:hover{ background:#1d2f9a; color:#fff;}
.left_nav .active{ background:#1d2f9a !important; color:#fff !important;}
.left_nav a:hover{ color:#1d2f9a;}
.cur3{ color:#1d2f9a !important;}
.left_nav > li > ul{ padding:10px 0; display:none;}
.left_nav > li > ul > li > a{ display:block; padding-left:35px; font-size:14px; color:#666; line-height:30px;}

.pro_pic{ float:left; width:450px;}
.pro_pic img{ width:450px;}
.pro_right{ float:right; width:400px;}
.pro_t{ background:#444; line-height:55px; color:#fff; font-size:18px; padding-left:15px;}
.pro_right .desc{ padding:15px;}
.pro_more{ display:block; width:108px; height:33px; line-height:33px; text-align:center; border:1px solid #1d2f9a; background:#1d2f9a; color:#fff; font-size:14px; margin-left:15px;}
.pro_more:hover{ background:none; color:#1d2f9a;}
.pro_t2{ color:#1d2f9a; border-bottom:1px solid #ddd; padding:10px 0; margin:15px 0;}
.pro_t2 p{ float:left;}
.pro_t2 span{ float:right; font-size:14px; color:#666; margin-left:20px;}
.pro_t2 a{ color:#1d2f9a;}

.e1_bg{ text-align:justify; line-height:0; font-size:0;}
.e1_bg:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.e1{ display:inline-block; vertical-align:top; width:110px; font-size:14px; color:#666; line-height:20px; text-align:center;}
.e1_pic{ width:110px; height:108px; border:1px solid #ddd; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin-bottom:10px;}
.equ_nav{ line-height:55px; background:#444; margin:40px 0;}
.equ_nav a{ display:inline-block; width:200px; line-height:55px; text-align:center; font-size:15px; color:#fff;}
.equ_nav a:hover{ background:#ddd; color:#666;}
.cur4{ background:#ddd; color:#666 !important;}

.equ1_bg{ width:1213px;}
.equ1{ float:left; display:block; width:290px; text-align:center; font-size:14px; color:#666; line-height:30px; margin-right:13px; margin-bottom:15px;}
.equ1:hover .equ1_pic{ -moz-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.equ1_picbg{ width:288px; height:192px; border:1px solid #ddd; overflow:hidden;}
.equ1_pic{ width:100%; height:100%; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}

.news2_bg{ width:1260px;}
.news2{ float:left; width:570px; margin-right:60px; margin-bottom:25px;}
.news2:hover .news2_pic{ -moz-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.news2_picbg{ float:left; display:block; width:250px; height:160px; overflow:hidden; border:1px solid #ddd;}
.news2_pic{ width:100%; height:100%; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.news2_p{ float:right; width:295px;}
.news2_t{ position:relative; padding:8px 0 12px; margin-bottom:10px;}
.news2_t::after{ content:''; position:absolute; left:0; bottom:0; width:25px; height:2px; background:#1d2f9a;}
.news2_t a{ color:#333;}
.news2_t a:hover{ color:#1d2f9a;}
.news2 .desc{ line-height:20px; height:40px; overflow:hidden;}
.news2_date{ font-size:14px; color:#aaa; margin-top:10px;}

.news_t{ text-align:center; font-size:20px; color:#1d2f9a; margin-bottom:10px;}
.news_t2{ text-align:center; font-size:14px; color:#666;}
.news_pic{ margin:25px 0 15px;}
.next1{ font-size:14px; color:#666; border-top:1px solid #ddd; padding-top:15px; margin-top:40px;}
.next1 p{ width:40%;}
.next1 a{ color:#1d2f9a;}
.next11{ float:left;}
.next12{ float:right; text-align:right;}

.con_t{ font-size:20px; color:#1d2f9a; padding-bottom:10px;}
.desc_contact{ float:left; width:600px; margin-top:25px;}
.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:#1d2f9a; border-color:#1d2f9a; color:#fff;}
.map{ margin-top:50px;}



/* blue #1d2f9a */
/* dark-blue #101262 */

@media (max-width: 1279px){
.a1_p .desc{ height:96px;}
}
@media (max-width: 1199px){
body{ width:1200px !important; margin:0 auto;}
.content{ width:1200px !important; margin:0 auto; overflow:hidden;}
}