﻿@charset "utf-8";
/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; color:#333; background:#FFF; line-height:24px; overflow-x:hidden;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none; width:auto; max-width:100%;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{color:#0857c1;text-decoration:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/*index*/
.in_topbox{ width:100%; height:105px; box-shadow:0px 0px 7px #aaa; position:relative; z-index:100;}
.in_top{ width:1200px; margin:0 auto;}
.in_top .logo{ float:left; margin-top:25px;}
.in_top .menu{ float:right; padding-top:40px;}
.in_top .menu ul{ overflow:hidden;}
.in_top .menu li{ float:left; padding:0 28px;}
.in_top .menu li a{ color:#666666}
.in_top .menu li a:hover{ color:#0857c1; font-weight:bold;}
.in_top .menu li.on a{ color:#0857c1; font-weight:bold;}
.in_top .menu li i{ display:inline-block; background:url(../images/index_03.png) no-repeat; width:14px; height:14px; margin-right:12px;}
.in_top .menu li a:hover i{ background-image:url(../images/index_03_1.png);}
.in_top .menu li.on i{ background-image:url(../images/index_03_1.png);}
.in_top .lang{ float:right; width:65px; height:30px; margin:38px 0 0 0; position:relative;}
.in_top .lang p{ color:#999; width:47px; height:30px; padding-left:18px; line-height:30px; background:url(../images/index_07.png) 70% center no-repeat; cursor:pointer;}
.in_top .lang ul{ position:absolute; left:0; top:30px; width:100%; display:none;}
.in_top .lang li{ height:30px; line-height:30px; border-bottom:1px dashed #ddd;}
.in_top .lang li a{ display:block; width:100%; height:100%; color:#999; text-align:center; background-color:#f2f2f2;}
.in_top .lang li a:hover{ background-color:#0857c1; color:#FFF;}
.in_banbox{ clear:both; width:100%; height:652px; position:relative;}
.in_banbox .ban_box{ width:19200px; height:100%; overflow:hidden;}
.in_banbox .ban_box_1,.in_banbox .ban_box_2{ float:left;}
.in_banbox .ban_box li{ float:left; height:652px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:auto 100%; color:#FFF;}
.in_banbox .smbox{ position:absolute; right:20px; bottom:20px; z-index:102; display:none;}
.in_banbox .smbox li{ float:left; margin:0 7px; width:15px; height:15px; border-radius:15px; background-color:#aaa; cursor:pointer; transition:all 0.3s ease-out;}
.in_banbox .smbox li.cur{ width:35px; background-color:#0063B7;}
.in_banbox .btnbox{ position:absolute; top:calc(50% - 25px); left:15%; width:70%; z-index:102;}
.in_banbox .btn{ display:block; width:50px; height:50px; border-radius:5px; background-color:rgba(90,90,90,0.6); transition:all 0.3s ease-out;}
.in_banbox .prev:after, .in_banbox .next:after{ content:""; display:block; width:20px; height:20px; margin:15px 0 0 20px; border-left:1px solid #FFF; border-top:1px solid #FFF; transform:rotate(-45deg);}
.in_banbox .prev{ float:left;}
.in_banbox .next{ float:right;}
.in_banbox .next:after{ margin:15px 0 0 10px; border-color:#FFF; transform:rotate(135deg);}
.in_banbox .btn:hover{ background-color:rgba(1,81,145,1);}
.in_banbox:hover .btnbox{ display:block;}
.in_boxA{ clear:both; width:100%; background-color:#F6F6F6; padding-top:40px;}
.in_tit{ text-align:center; font-size:30px; font-weight:bold; color:#212121; line-height:34px; text-transform:uppercase;}
.in_boxA .box{ clear:both; width:1200px; margin:0 auto; padding:35px 0;}
.in_boxA .box ul{ overflow:hidden;}
.in_boxA .box li{ float:left; width:260px; padding:0 20px; text-align:center;}
.in_boxA .box li img{ display:block; box-shadow:5px 5px 5px #999;}
.in_boxA .box li b{ font-size:16px; color:#212121; margin-top:25px; display:block;}
.in_boxA .box li p{ font-size:12px; line-height:20px; color:#666666; padding-top:5px;}
.in_boxB{ clear:both; width:1200px; margin:0 auto; padding:55px 0;}
.in_boxB .box_1{ clear:both; overflow:hidden; padding-top:45px;}
.in_boxB .box_1 .lt{ float:left; width:400px; padding-left:115px;}
.in_boxB .box_1 .rt{ float:right; width:520px;}
.in_boxB b{ font-size:18px; color:#333333; margin-top:30px; display:block;}
.in_boxB .cont{ line-height:31px; color:#666; padding-top:15px; max-height:155px; overflow:hidden;}
.in_boxB a{ display:block; width:130px; height:40px; padding:0 10px 6px 0; line-height:40px; text-align:center; background:url(../images/index_13_2.jpg) no-repeat; color:#FFF; margin-top:25px;}
.in_boxB .box_2{ clear:both; overflow:hidden; padding-top:5px;}
.in_boxB .box_2 .lt{ float:left; width:540px; padding-top:75px;}
.in_boxB .box_2 .rt{ float:right; width:425px; padding-left:95px;}
.in_boxB .box_2 a{ background-image:url(../images/index_13_1.jpg); color:#666666;}
.in_boxC{ clear:both; width:100%; height:554px; background:url(../images/index_15.jpg) center center no-repeat;}
.in_boxC .box{ width:1200px; margin:0 auto; padding-top:50px;}
.in_boxC .box .lt{ width:515px;}
.in_boxC .box .tit{ overflow:hidden; line-height:34px;}
.in_boxC .box .tit b{ float:left; font-size:30px; color:#212121;}
.in_boxC .box .tit a{ float:right; font-size:16px; color:#333; font-family:Arial;}
.in_boxC .box ul{ padding-top:15px;}
.in_boxC .box li{ overflow:hidden; padding-top:30px;}
.in_boxC .box li .ns_tit{ overflow:hidden; height:28px; line-height:30px;}
.in_boxC .box li .ns_tit b{ float:left; font-size:16px; color:#2f2f2f; max-width:calc(100% - 100px); overflow:hidden; display:block;}
.in_boxC .box li .ns_tit span{ float:right; font-size:12px; color:#666666;}
.in_boxC .box li .cont{ padding-top:7px; line-height:22px; min-height:66px; color:#666666; overflow:hidden;}
.in_boxD{ clear:both; width:1200px; margin:0 auto; padding:75px 0 50px 0;}
.in_titen{ text-align:center; font-size:13px; color:#666666; font-family:Arial; margin-top:7px; text-transform:uppercase;}
.in_boxD ul{ overflow:hidden; padding-top:20px;}
.in_boxD li{ float:left; width:270px; text-align:center; margin:0 40px;}
.in_boxD li b{ font-size:16px; color:#2f2f2f; height:22px; line-height:24px; display:block; overflow:hidden; margin-top:10px;}
.in_boxD li p{ font-size:12px; color:#666666; height:22px; line-height:24px; overflow:hidden;}
.in_boxD .li_1{ margin:0 115px;}
.in_btmbox{ clear:both; width:100%; background:#0758C1;}
.in_btm{ width:1200px; margin:0 auto; padding:75px 0 50px 0; overflow:hidden; color:#DEE4F3;}
.in_btm .lg{ float:left; margin:45px 50px 0 0;}
.in_btm .box{ float:left; width:120px;}
.in_btm .box p{}
.in_btm .box p a{ font-size:16px; font-weight:bold; color:#FFF;}
.in_btm .box ul{ padding-top:10px;}
.in_btm .box li{ height:24px; line-height:24px; overflow:hidden;}
.in_btm .box li a{ font-size:13px; color:#B9C7E7;}
.in_btm .box li a:hover{ color:#FFF;}
.in_btm .box_1{ float:right; width:110px; text-align:center;}
.in_btm .box_1 p{ padding-top:13px;}
.in_cpybox{ clear:both; width:100%; background:#0758C1; border-top:1px solid #548AD4;}
.in_cpy{ width:1200px; padding:12px 0; margin:0 auto; overflow:hidden; color:#B9C7E7;}
.in_cpy .lt{ float:left;}
.in_cpy .rt{ float:right;}
.in_cpy a{ color:#B9C7E7;}
.in_cpy a:hover{ color:#FFF;}

/*products*/
.pro_ban{ clear:both; width:100%; height:304px; background:url(../images/product_02.jpg) center center no-repeat;}
.pro_box{ width:1200px; margin:0 auto; overflow:hidden; padding:30px 0;}
.pro_box .lt{ float:left; width:230px;}
.pro_box .lt .tit{ text-transform:uppercase; width:100%; height:76px; text-align:center; line-height:76px; background:url(../images/product_05.jpg) center center no-repeat; color:#FFF; font-size:30px; font-weight:bold;}
.pro_box .lt .list li{ padding-top:1px;}
.pro_box .lt .list li a{ display:block; width:172px; height:50px; line-height:50px; padding-left:58px; font-size:16px; color:#666666; background-color:#F1F1F1}
.pro_box .lt .list li:hover a{ color:#0279ff;}
.pro_box .lt .list li.on a{ color:#0279ff;}
.pro_box .lt .pro_ctg li a{width:calc(100% - 40px); padding:0 20px; font-size:14px;}

.pro_box .rt{ float:right; width:915px;}
.pro_box .rt .mbx{ height:40px; line-height:40px; border-bottom:1px solid #DDDDDD; color:#666;}
.pro_box .rt .mbx a{ color:#666;}
.pro_box .rt .mbx a:hover{ color:#0279ff;}
.pro_box .rt .cont{ padding:25px 0; min-height:260px;}
.pro_box .rt .list{ overflow:hidden;}
.pro_box .rt .list li{ float:left; width:272px; text-align:center; margin:0 49px 25px 0;}
.pro_box .rt .list li:nth-child(3n){ margin-right:0;}
.pro_box .rt .list li img{ display:block; border:1px solid #EBEBEB;}
.pro_box .rt .list li div{ width:100%; height:60px; overflow:hidden;}
.pro_box .rt .list li div b{ font-size:16px; color:#2f2f2f; display:block; margin-top:7px; height:20px; line-height:24px; overflow:hidden;}
.pro_box .rt .list li div p{ padding-top:2px;}
.pro_box .rt .list li:hover div{ background-color:#0279FF;}
.pro_box .rt .list li:hover div b{ color:#FFF;}
.pro_box .rt .list li:hover div p{ color:#FFF;}


/*honor*/
.hon_list{ overflow:hidden;}
.hon_list li{ float:left; width:272px; text-align:center; margin:0 49px 25px 0;}
.hon_list li:nth-child(3n){ margin-right:0;}
.hon_list li img{ display:block; border:1px solid #EBEBEB;}
.hon_list li div{ width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden; font-size:16px; color:#2f2f2f; }
.hon_list li:hover div{ background-color:#0279FF; color:#FFF;}

/*honor show*/
.hons_tm{ text-align:center; color:#aaa;}
.hons_tit{ text-align:center; font-weight:bold; padding-top:15px; line-height:17px;}

/*news*/
.ns_list li{ clear:both; height:36px; line-height:36px; padding:0 0 0 20px; border-bottom:1px dashed #ccc; background:url(../images/news_43.png) 2px center no-repeat; }
.ns_list li a{ float:left}
.ns_list li span{ float:right; font-size:13px;}


/*newsShow*/
.nss_tit{ font-size:16px; font-weight:bold; line-height:20px; text-align:center; padding:10px 0 10px 0 ;}
.nss_dtm{ text-align:center; font-size:12px; color:#999;}
.nss_info{ line-height:24px; padding-top:20px; color:#666;}
.ff_pre{ clear:both; padding:15px 0 0 0;}
.ff_next{ clear:both; padding:0 0 10px 0;}
.pss_img{ text-align:center;}

/*joblist*/
.jbs_tb{ width:98%; border-left:1px solid #DCDCDC; border-top:1px solid #DCDCDC; margin:0px auto 15px auto;}
.jbs_tb td{ border-right:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; padding:0 5px;}
.jbs_tb td.bkg{ background:#efefef;}
.jbs_tb td.cont{ padding:0px 5px;}
.jbs_join{ text-align:right; margin-right:15px;}

/*jobjoin*/
.jbs_tb_1{ width:600px; margin:0 auto;}
.jbs_tb_1 th{ width:100px; text-align:right; padding-right:10px; font-weight:bold;}
.jbs_txt{ width:95%; height:30px; border:1px solid #CCCCCC; font-size:13px; line-height:30px; padding:0 5px; border-radius:3px;}
.jbs_txt:focus{ border:1px solid #0857c1;}
.jbs_txtarea{ width:95%; height:100px; border:1px solid #CCCCCC; font-size:13px; padding:5px;}
.jbs_txtarea:focus{ border:1px solid #0857c1;}
.jbs_age{ width:90px;}
.jbs_hong{ color:#f00;}
.jbs_submit{ height:33px; text-align:center; padding:0 20px; line-height:33px; color:#FFF; font-size:15px; font-weight:bold; border:0px; cursor:pointer; background:#666; border-radius:3px;}
.jbs_submit:hover{ background:#0152b2; color:#FFF;}


.fmovies{ position:fixed; bottom:10px; right:0px; z-index:555;}
.fmovietop{ line-height:24px; padding-left:10px; background:#005bac; color:#fff; cursor:pointer;}

.dispblock{ display:block;}
.dispnone{ display:none;}








