@charset "utf-8";

/* CSS Document */







.header{ position:fixed; z-index:111; background:url(../images/nav_bg.png) bottom repeat-x;}

.header.fixedmenu{ position:fixed; left:0px; top:0px; background:url(../images/banner_zc.png) repeat;z-index:111;box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}

.logotop{width:100%;}

.logotop .logo{ padding-top:17px;}

.logotop .logo img{ height:56px;}



.i_qiehuan{ padding:0px 10px; height:24px; line-height:24px; margin-top:33px; background-color:#005ca7; font-size:14px; color:#fff;

-moz-border-radius: 12px;      /* Gecko browsers */

-webkit-border-radius: 12px;   /* Webkit browsers */

border-radius:12px;            /* W3C syntax */}

.i_qiehuan:hover{ color:#005ca7; background-color:#fff;}



.i_ss{ margin:0px 30px 0px 50px; position:relative;}

.i_ss_t{width:20px; height:90px; background:url(../images/ss_tb.png) center no-repeat; cursor:pointer;}

.i_ss_c{width:200px; height:40px;  background-color:#fff; position:absolute; right:-30px; top:100%; display:none;}

.i_ss_c .ipt1{width:165px; height:40px; border:0px; text-indent:10px; color:#333; font-size:13px;}

.i_ss_c .ipt2{width:35px; height:40px; line-height:40px; background:url(../images/ss_tbs.png) center no-repeat; background-size:14px;}





.menu{width:625px}

.menu li{ position:relative;}

.menu li .nav_a{ height:90px; line-height:90px; color:#ffffff; font-size:16px;}

.menu li>.nav_a:hover,.menu li>.nav_a.active,.menu li>.nav_a.active1{ color:#fff;}

.menu li .nav_a:after{width:0px; height:3px; background-color:#fff; position:absolute; left:50%; bottom:0px; z-index:1; content:""; margin-left:-16px;}

.menu li>.nav_a:hover:after,.menu li>.nav_a.active:after,.menu li>.nav_a.active1:after{width:32px;-webkit-transition:all 0.5s;transition:all 0.5s;}

.menu li dl{width:200px; position:absolute; left:50%; margin-left:-100px; top:100%; background-color:#fff; display:none; z-index:2;box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}

.menu li dl a{width:100%; padding:10px 0px; text-align:center; color:#333333; font-size:14px;}

.menu li dl a:hover{ color:#fff; background-color:#005ca7;}





.i_box1{ padding:157px 0px;}

.i_box1_l{width:524px; position:relative;}

.i_box1_l:before{width:231px; height:248px; background-color:#005ca7;-moz-border-radius: 20px;      /* Gecko browsers */

-webkit-border-radius: 20px;   /* Webkit browsers */

border-radius:20px;            /* W3C syntax */ position:absolute; left:-40px;  top:-40px;  content:"";}

.i_box1_l:after{width:186px; height:186px; background:url(../images/tb_01.png) center no-repeat; position:absolute; left:-64px; bottom:-43px; content:"";}

.i_box1_l .a_img{width:524px; height:590px; display:inline-block; overflow:hidden;-moz-border-radius: 10px;      /* Gecko browsers */

-webkit-border-radius: 10px;   /* Webkit browsers */

border-radius:10px;            /* W3C syntax */ z-index:2; position:relative;}

.i_box1_l .a_img img{width:524px; height:590px;}

.i_box1_r{width:586px; padding-top:35px;}

.i_box1_r_t{width:100%; padding-bottom:20px; position:relative; color:#005ca7; font-size:20px; font-weight:bold; line-height:1.7;font-weight:bold;}

.i_box1_r_t .s1{ color:#333333; font-size:40px; }

.i_box1_r_t:after{width:70px; height:3px; background-color:#005ca7; position:absolute; left:0px; bottom:0px; z-index:1; content:"";-moz-border-radius: 1.5px;      /* Gecko browsers */

-webkit-border-radius: 1.5px;   /* Webkit browsers */

border-radius:1.5px;            /* W3C syntax */

}

.i_box1_r_t.active{ text-align:center;}

.i_box1_r_t.active:after{ left:50%; margin-left:-35px;}

.i_box1_r_c{width:100%; margin:25px 0px;  line-height:32px; height:256px; overflow:hidden; color:#555555; font-size:16px;}

.i_box1_r_b{ padding:0px 40px; height:50px; line-height:50px; background-color:#005ca7;

-moz-border-radius: 25px;      /* Gecko browsers */

-webkit-border-radius: 25px;   /* Webkit browsers */

border-radius:25px;            /* W3C syntax */}

.i_box1_r_b .s1{ padding-right:40px; height:50px; line-height:50px; background:url(../images/tb_015.png) right center no-repeat; color:#fff; font-size:16px;-webkit-transition:all 0.5s;transition:all 0.5s;}

.i_box1_r_b:hover .s1{ color:#fff; padding-right:35px;}



.i_box2{width:100%; min-width:1200px;}

.i_box2 li{width:50%; float:left;}

.i_box2 li .a_img{width:100%; display:inline-block; overflow:hidden; position:relative;}

.i_box2 li .a_img img{width:100%;}

.i_box2 li .a_img:before{width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1; content:"";}

.i_box2 li:nth-child(1) .a_img:before{ background:url(../images/tb_02.png) repeat;}

.i_box2 li:nth-child(2) .a_img:before{ background:url(../images/tb_02s.png) repeat;}



.i_box2 li .a_img_c{width:100%; padding:63px 6% 60px 6.25%; position:absolute; left:0px; top:0px; z-index:2;}

.i_box2 li:nth-child(1) .a_img_c{ padding-left:37.5%;}

.i_box2 li .a_img_c_t{ padding:13px 0px; line-height:1.6; color:#fff; font-size:34px; font-weight:bold;}

.i_box2 li .a_img_c_c{width:100%; padding-bottom:32px; line-height:1.8; color:#fff; font-size:18px;}

.i_box2 li .a_img_c_b{ padding:0px 50px; height:48px; display:inline-block; overflow:hidden; line-height:48px; background-color:#005ca7; font-size:16px; color:#fff;-moz-border-radius: 24px;      /* Gecko browsers */

-webkit-border-radius: 24px;   /* Webkit browsers */

border-radius:24px;            /* W3C syntax */}

.i_box2 li .a_img_c_b:hover{ color:#005ca7; background-color:#fff;}

.i_box2 li:nth-child(2) .a_img_c_b{ background-color:#fff; color:#005ca7;}

.i_box2 li:nth-child(2) .a_img_c_b:hover{ background-color:#005ca7; color:#fff;}



.i_box3{width:100%; padding:100px 0px 90px 0px;}

.i_box3_ul{width:100%; padding-top:90px;}

.i_box3_ul li{width:380px; float:left; margin:0px 30px 30px 0px;}

.i_box3_ul li:nth-child(3n){ margin-right:0px;}

.i_box3_ul li .a_img{width:380px; height:492px; display:inline-block; overflow:hidden; position:relative;}

.i_box3_ul li .a_img .img{width:380px; height:492px;}

.i_box3_ul li .a_img:before{width:100%; height:100%; background:url(../images/tb_09.png) repeat; position:absolute; left:0px; top:0px; z-index:1; content:"";}

.i_box3_ul li .a_img:hover:before{ background:url(../images/tb_010.png) bottom repeat-x;}

.i_box3_ul li .a_img_c{width:100%; padding:0px 8%; position:absolute; left:0px; bottom:-60px; z-index:2;transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}

.i_box3_ul li .a_img:hover .a_img_c{ bottom:80px;}

.i_box3_ul li .a_img_c .a_img_c_img{ width:100%; padding-bottom:35px;}

.i_box3_ul li .a_img_c .a_img_c_img img{ height:64px;}

.i_box3_ul li .a_img_c .a_img_c_t{width:100%; padding:8px 0px 58px 0px; line-height:1.6; color:#fff; font-size:24px; font-weight:bold; position:relative;}

.i_box3_ul li .a_img_c .a_img_c_t:after{width:56px; height:2px; background-color:#fff; position:absolute; left:0px; bottom:0px; z-index:1; content:"";}

.i_box3_ul li .a_img_c .a_img_c_con{width:100%; margin-top:24px; height:96px; line-height:32px; overflow:hidden; color:#fff; font-size:16px;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}

.i_box3_ul li .a_img:hover .a_img_c .a_img_c_con{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }





.f_bg{ background-color:#005ca7;}

.footer_t{width:100%; padding:90px 0px 40px 0px;}

.footer_t_l{width:605px; padding-right:30px;}

.footer_t_l_t{ padding-left:44px; font-size:22px; font-weight:bold; background:url(../images/tb_011.png) left center no-repeat; line-height:2; color:#fff;}

.footer_t_l_c{width:100%; line-height:2.2; color:#fff; font-size:14px; padding-top:10px;}

.footer_t_c{width:250px;}

.footer_t_c li{width:50%; float:left; }

.footer_t_c li:nth-child(2n){border-left:1px solid #337db9;}

.footer_t_c li a{width:100%; height:35px; line-height:35px; display:inline-block; overflow:hidden; color:#b3cee5; font-size:16px;}

.footer_t_c li a:hover{ color:#fff;}

.footer_t_c li:nth-child(2n) a{ text-align:right;}

.footer_t_r{width:100px; text-align:center; color:#fff; font-size:14px; line-height:2.2;}

.footer_t_r img{ max-width:100%; height:auto !important;}









.footer_b{ padding:20px 0px; line-height:1.8; color:#999999; font-size:14px;}

.footer_b a{ color:#999;}

.footer_b a:hover{ color:#fff;}

.i_footer_bg{ border-top:1px solid #337db9;}

.i_footer_bg .fx_div a{ padding:0px 10px; display:inline-block; position:relative;}

.i_footer_bg .fx_div a .img{filter:alpha(opacity=50);   -moz-opacity:0.5;   -khtml-opacity: 0.5;   opacity: 0.5;}

.i_footer_bg .fx_div a:hover .img{filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity:1;   opacity:1;}

.i_footer_bg .fx_div a .img1{width:120px; height:120px; position:absolute; left:-50px; bottom:40px; display:none;}

.i_footer_bg .fx_div a:hover .img1{ display:block;}



.n_banner{width:100%; min-width:1200px; display:inline-block; overflow:hidden; position:relative;}

.n_banner img{width:100%;}

.n_banner:before{width:100%; height:100%; background:url(../images/tb_016.png) repeat; position:absolute; left:0px; top:0px; z-index:1; content:""; z-index:1;}

.n_banner_text{width:100%; color:#fff; font-size:34px; position:absolute; left:0px; top:50%; z-index:2;-o-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%); text-align:center;}

.n_banner_menu{width:100%; position:absolute; left:0px; bottom:0px; z-index:2;}

.n_banner_menu_text{width:100%; background:url(../images/tb_017.png) repeat;}

.n_banner_menu_text a{ padding:0px 45px; height:70px; line-height:70px; color:#ffffff; background:url(../images/tb_021.png) right center no-repeat; font-size:16px; float:left;}

.n_banner_menu_text a:hover,.n_banner_menu_text a.activeleftm{ background-color:#005ca7; color:#fff;}



.n_box1{ padding:27px 0px 82px 0px;}

.n_box1_t{width:100%; background:url(../images/tb_018.png) left center no-repeat; color:#666666; padding-left:28px; line-height:24px; font-size:14px;}

.n_box1_t a{ color:#666666;}

.n_box1_t a:hover{ color:#005ca7;}

.n_box1_t1{ padding:48px 0px 40px 0px; line-height:1.8; color:#666666; font-size:16px;}

.n_box1_t1 h1{ color:#333333; font-size:34px; line-height:1.8;}

.n_box1_c{ width:100%; color:#666666; font-size:16px; line-height:2.2; overflow:hidden;}

.n_box1_c p,.n_box1_c span{ line-height:2.2;}

.n_box1_c img{ max-width:100%; height:auto !important;}



.n_bg1{ background:url(../images/bg1.jpg) top center no-repeat;}



.n_box2{ padding:55px 0px 120px 0px;}

.n_box2_t{ margin-bottom:60px; width:100%;}

.n_box2_t li{width:50%; float:left;}

.n_box2_t li .div{width:100%; align-items:center;}

.n_box2_t li .div .a_img{width:247px; height:135px; display:inline-block; overflow:hidden;}

.n_box2_t li .div .a_img img{width:247px; height:135px;}

.n_box2_t li .div .a_img_r{width:312px; color:#333333; font-size:18px;}

.n_box2_t li .div .a_img_r .s1{ font-weight:bold; padding-top:10px; display:inline-block;}

.n_box2_c{width:100%; overflow:hidden; color:#333; font-size:16px; line-height:2;}

.n_box2_c img{ max-width:100%; height:auto !important;}



.n_box3{width:100%; margin-top:55px;}



.a_careers_c1{width:100%; border-bottom:0px; overflow:hidden; margin-top:60px;}

.a_careers_c1 dt{width:100%; float:left; height:60px; font-weight:normal; line-height:60px; margin-bottom:2px; background-color:#e3e9f3; color:#005ca7; font-size:16px; font-weight:bold;}

.a_careers_c1 dt .s1{width:567px; padding-left:40px; height:60px; line-height:60px;}

.a_careers_c1 dt .s2{width:488px; height:60px; line-height:60px;}

.a_careers_c1 dt .s3{width:145px; height:60px; line-height:60px; text-align:center;}

.a_careers_c1 dd{width:100%; float:left; background-color:#fff;  margin-bottom:2px;}

.a_careers_c1 dd .div{width:100%; height:59px; line-height:59px; cursor:pointer; color:#000000; font-size:16px;background-color:#f7f7f7;}

.a_careers_c1 dd .s1{width:567px; padding-left:3%; height:59px; line-height:59px;}

.a_careers_c1 dd .s2{width:488px; height:59px; line-height:59px;}

.a_careers_c1 dd .s3{width:145px; height:59px; line-height:59px; text-align:center;background:url(../images/ee.png) center no-repeat;}

.a_careers_c1 dd .div.activeds .s3{ background:url(../images/ee1.png) center no-repeat;}

.a_careers_c1 dd .div_l{width:100%; background-color:#fff;  padding:3% 5%; color:#666; font-size:16px; line-height:2; overflow:hidden; display:none ; text-align:left;}

.a_careers_c1 dd .div_l_t{ padding-left:10px; line-height:1.8; color:#333333; font-size:18px; margin-bottom:15px; position:relative;}

.a_careers_c1 dd .div_l_t:before{width:2px; height:15px; background-color:#005ca7; position:absolute; left:0px; top:50%; margin-top:-7.5px; content:"";}

.a_careers_c1 dd .div_l img{ max-width:100%;}

.a_careers_c1 dd .div_l span{ font-weight:bold;}



.n_box3_ul{width:100%; margin-top:60px;}

.n_box3_ul li{width:31%; float:left; margin-right:3.5%; padding-bottom:40px;}

.n_box3_ul li .div{width:100%; background-color:#f7f7f7; display:inline-block; overflow:hidden; color:#666666; font-size:16px;}

.n_box3_ul li .div:hover{ color:#666;}

.n_box3_ul li .div .a_img{width:100%; display:inline-block; overflow:hidden;}

.n_box3_ul li .div .a_img img{width:100%; float:left;}

.n_box3_ul li .div .a_text{width:100%; padding:11px 20px 19px 20px;}

.n_box3_ul li .div .a_text_t{width:100%; height:80px; line-height:40px; display:inline-block; overflow:hidden; color:#333333; font-size:18px;}

.n_box3_ul li .div:hover .a_text_t{ color:#005ca7;}

.n_box3_ul li .div .a_text_c{width:100%;  height:29px; line-height:29px; overflow:hidden; display:none;}

.n_box3_ul li:nth-child(3n){ margin-right:0px;}



.n_box4{ padding:60px 0px;}

.n_box4 .a_img{width:600px; height:395px;}

.n_box4 .a_img_r{width:560px;}

.n_box4 .a_img_r_t{width:100%; padding:10px 0px 20px 0px; border-bottom:1px solid #e5e5e5; line-height:1.6; color:#333333; font-size:28px; font-weight:bold;}

.n_box4 .a_img_r_c{width:100%; margin:15px 0px 50px 0px; color:#666666; font-size:16px; line-height:32px; height:160px; overflow:hidden;}

.n_box4 .a_img_r_b{ padding:0px 30px; height:40px; line-height:40px; border:1px solid #005ca7; font-size:16px; color:#005ca7; display:inline-block;-moz-border-radius: 20px;      /* Gecko browsers */

-webkit-border-radius: 20px;   /* Webkit browsers */

border-radius:20px;            /* W3C syntax */

}

.n_box4 .a_img_r_b:hover{ color:#fff; background-color:#005ca7;}



.n_box5{ padding:20px 25px; background-color:#f7f7f7; position:relative; color:#333333; font-size:18px;}

.n_box5:before{width:4px; height:100%; background-color:#005ca7; position:absolute; left:0px; top:0px; z-index:1; content:"";}

.n_box5_c{width:100%; padding:25px 0px 50px 0px; line-height:2; overflow:hidden; color:#666666; font-size:16px;}

.n_box5_c img{ max-width:100%; height:auto !important;}



.n_box6{width:100%; padding:15px 30px; background-color:#f7f7f7;}

.n_box6_l{width:544px;  height:48px; padding-left:28px; line-height:48px; color:#666666; font-size:14px; background:url(../images/tb_023.png) left center no-repeat;}

.n_box6_l:hover{ color:#005ca7;}

.n_box6_r{width:544px;  height:48px; text-align:right; padding-right:28px; line-height:48px; color:#666666; font-size:14px; background:url(../images/tb_022.png) right center no-repeat;}

.n_box6_r:hover{ color:#005ca7;}

.n_box6_c{width:52px; height:48px; background:url(../images/tb_024.png) center no-repeat;}

.n_box6_c:hover{ background:url(../images/tb_024s.png) center no-repeat;}



.n_box6_details{width:100%; padding-top:45px;}

.n_box6_details_t{width:100%; text-align:center; color:#333333; font-size:28px; font-weight:bold; line-height:1.7;}



.n_box7{width:100%; margin-top:50px; background-color:#f7f7f7; color:#333333; font-size:24px; line-height:2.0; overflow:hidden;display:flex;justify-content:space-between; align-items:center;}

.n_box7 .div_l{ line-height:2.3;/* display:flex;justify-content:center;*/ text-align:center; width:240px;}

.n_box7 img{ max-width:100%; height:auto !important;}



.n_box8{ padding:40px 0px 50px 0px;}

.n_box8_l{width:600px;}

.n_box8_l_t{ width:100%; padding:4px 0px; line-height:1.7; color:#333333; font-size:34px;}

.n_box8_l_c{ padding:35px 0px 40px 0px; line-height:2.2; color:#333333; font-size:16px; overflow:hidden;}

.n_box8_l_c img{ max-width:100%; height:auto !important;}

.n_box8_l_t1{ padding:5px 0px 15px 0px; line-height:1.6; color:#333333; font-size:20px;}

.n_box8_l_wx{ color:#999999; font-size:14px; line-height:2; text-align:center; display:inline-block;}

.n_box8_l_wx img{ border:1px solid #eeeeee;}



.n_box9{width:100%; overflow:hidden;}

.n_box9 img{ max-width:100%; height:auto !important;}





.n_box10{width:100%; margin-top:45px;}

.n_box10 li{width:100%; padding-bottom:12px; float:left;}

.n_box10 li .div{width:100%;}

.n_box10 li .ipt1{width:49%; height:48px; text-indent:18px; line-height:48px; color:#333; font-size:16px; border:1px solid #eeeeee;}

.n_box10 li .ipt2{width:100%; height:135px;border:1px solid #eeeeee; padding:10px 18px; line-height:1.8; color:#333; font-size:16px;}

.n_box10 li .div1{width:278px; border:1px solid #eee; }

.n_box10 li .div1 .ipt3{width:70%; height:50px; line-height:50px; border-right:1px solid #eee; text-indent:18px;color:#333; font-size:16px;}

.n_box10 li .div1_r{width:30%; height:48px; overflow:hidden; text-align:center; display:flex;align-items:center; justify-content:center;}

.n_box10 li .div1_r img{ max-width:100%; height:auto !important;}

.n_box10 li .ipt4{ padding:0px 50px; height:48px; line-height:48px; background-color:#104ead; color:#fff; font-size:16px; text-align:center; display:inline-block; cursor:pointer;-webkit-transition:all 0.5s;transition:all 0.5s; margin-left:20px;}

.n_box10 li .ipt4:hover{ background-color:#2360bd;}





.n_box10 li .ipt2,.n_box10 li .ipt1,.n_box10 li .ipt2,.n_box10 li .ipt3:-moz-placeholder {

    color: #333;  

}



.n_box10 li .ipt2,.n_box10 li .ipt1,.n_box10 li .ipt2,.n_box10 li .ipt3::-moz-placeholder {

    color: #333;

}



.n_box10 li .ipt2,.n_box10 li .ipt1,.n_box10 li .ipt2,.n_box10 li .ipt3:-ms-input-placeholder,

textarea:-ms-input-placeholder {

    color: #333;

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

    color: #333;

}